@media screen and (max-width:1023px) {
    .ViewCamShareButton_withRightPadding\#Ou {
        align-items: center;
        display: flex;
        flex-direction: column;
        padding-right: 0
    }
}

@media screen and (max-width:1023px) {
    .ViewCamShareButton__btn_withMarginBottom\#nu {
        margin-bottom: 20px
    }

    .ViewCamShareButton__btn_round\#FX {
        height: 32px;
        padding: 6px;
        width: 32px
    }

    .ViewCamShareButton__shareIcon_withoutMargin\#Mk {
        margin-right: 0
    }
}

@media screen and (max-width:1279px) {
    .epic-goal-progress__wrap--view-cam {
        --progress-bar-wrapper-height: 34px
    }

    .epic-goal-progress__information--view-cam {
        line-height: .875rem
    }
}

@media screen and (max-width:767px) {
    .player-join-button {
        font-size: 12px;
        height: 25px
    }
}

@media screen and (max-width:479px) {
    .player-live-badge {
        font-size: 11px;
        line-height: 13px;
        padding: 3px 6px
    }
}

@media screen and (max-width:479px) {
    .player-viewers-count {
        font-size: 10px;
        line-height: 12px
    }
}

@media screen and (max-width:479px) {
    .fullscreen-private-button__private-btn-actual-price {
        display: none
    }
}

@media screen and (max-width:1023px) {
    .fullscreen-stop-private-button__text {
        display: none
    }

    .fullscreen-stop-private-button__short-text {
        display: block
    }

    .view-cam-controls-toolbox.view-cam-controls-toolbox-cam2cam.view-cam-controls-toolbox-cam2cam .player-toolbox-icon.settings {
        order: 1
    }
}

@media screen and (max-width:767px) {
    .fullscreen-stop-private-button {
        height: 38px;
        padding: 0;
        width: 38px
    }

    .fullscreen-stop-private-button__short-text {
        display: none
    }

    .fullscreen-stop-private-button__icon {
        display: block;
        fill: #af262f !important;
        margin: 0
    }
}

@media screen and (max-width:479px) and (orientation:portrait) {
    .air-play-connecting-modal-wrapper .modal-content {
        position: absolute;
        top: 160px
    }
}

@media screen and (max-width:1279px) {
    .view-cam-controls-text {
        display: none
    }

    .view-cam-controls-text--short {
        display: initial
    }
}

@media screen and (max-width:479px) {
    .view-cam-controls-text--short {
        font-size: 13px
    }
}

@media screen and (max-width:360px) {
    .cam-2-cam-player-button__camera-icon {
        height: 20px;
        width: 20px
    }
}

@media screen and (max-width:360px) {
    .cam-2-cam-player-button__dropdown-icon {
        height: 5px;
        margin-left: 3px;
        width: 9px
    }
}

@media screen and (max-width:600px) {

    .send-tip-form:not(.compact) .comments-wrapper .description,
    .send-tip-form:not(.compact) .comments-wrapper .radio-container,
    .send-tip-form:not(.compact) .radio-wrapper .description,
    .send-tip-form:not(.compact) .radio-wrapper .radio-container {
        flex-basis: auto
    }

    .send-tip-form:not(.compact) .input-tokens {
        margin-top: 10px
    }

    .send-tip-form:not(.compact) .radio-wrapper {
        flex-wrap: wrap;
        margin-bottom: 0
    }

    .send-tip-form:not(.compact) .radio-wrapper .radio-container {
        min-width: initial
    }

    .send-tip-form:not(.compact) .radio-wrapper .description {
        max-width: 110px
    }

    .send-tip-form:not(.compact) .radio-wrapper .description .input-tokens {
        margin-top: 0
    }

    .send-tip-form:not(.compact) .comments-wrapper .comments {
        min-width: initial
    }

    .send-tip-form:not(.compact) .need-more-tokens {
        align-items: flex-start;
        margin-bottom: 0;
        padding: 20px 0 0
    }

    .send-tip-form:not(.compact) .need-more-tokens .need-more-tokens-text {
        max-width: 145px
    }

    .send-tip-form:not(.compact) .need-more-tokens .need-more-tokens-text .more-tokens {
        display: inline-block;
        line-height: 1.063rem;
        font-size: .813rem
    }

    .send-tip-form:not(.compact) .need-more-tokens .tokens-left {
        white-space: nowrap;
        font-size: .625rem
    }

    .send-tip-form:not(.compact) .need-more-tokens .buy-tokens-wrapper {
        min-width: 0
    }

    .send-tip-form:not(.compact) .need-more-tokens .buy-tokens-wrapper .btn-apply {
        line-height: 1.875rem;
        font-size: .75rem
    }
}

@media screen and (max-width:480px) {
    .send-tip-form:not(.compact) .comments-wrapper {
        flex-wrap: wrap;
        max-width: 277px
    }

    .send-tip-form:not(.compact) .comments-wrapper .comments {
        width: 100%
    }

    .send-tip-form:not(.compact) .comments-wrapper .comments input {
        font-weight: 700;
        letter-spacing: -.06px;
        font-size: .688rem
    }

    .send-tip-form:not(.compact) .comments-wrapper .comments input::-moz-placeholder {
        color: rgba(255, 255, 255, .3)
    }

    .send-tip-form:not(.compact) .comments-wrapper .comments input::placeholder {
        color: rgba(255, 255, 255, .3)
    }
}

@media screen and (max-width:639px) {
    .player-toolbox-icon {
        margin: 0
    }

    .send-tip-form:not(.compact) .send-tip-controls.public {
        align-items: center;
        display: flex;
        justify-content: space-between
    }

    .send-tip-form:not(.compact) .send-tip-controls.public .btn {
        flex: 1 1 100%;
        font-weight: 700;
        margin-left: 18px;
        padding: 0 40px
    }

    .send-tip-form:not(.compact) .send-tip-controls.public .send-tip-button-label {
        margin-left: 18px
    }

    .send-tip-form:not(.compact) .send-tip-controls.public .anonymous-tip-switcher {
        position: static;
        top: 0
    }
}

@media screen and (max-width:479px) {
    .send-tip-form:not(.compact) .send-tip-controls.public .btn {
        font-size: 13px;
        padding: 0 25px
    }
}

@media screen and (max-width:320px) {
    .send-tip-form.compact.fullscreen {
        border-radius: 0
    }

    .send-tip-form.compact.fullscreen .close--fullscreen {
        left: auto;
        right: 15px;
        top: -30px
    }
}

@media screen and (max-width:479px) {
    .view-cam-controls-toolbox .cam2cam-menu .menu-button {
        padding: 6px 13px
    }
}

@media screen and (max-width:320px) {
    .view-cam-controls-toolbox .cam2cam-menu .menu-button .icon {
        margin-right: 8px
    }
}

@media screen and (max-width:360px) {
    .view-cam-controls-toolbox .cam2cam-menu .menu-button .dropdown-icon.icon {
        height: 5px;
        margin-left: 3px;
        width: 9px
    }
}

@media screen and (max-width:320px) {
    .view-cam-controls-toolbox.view-cam-controls-toolbox-cam2cam .player-toolbox-icon {
        margin: 0 6px
    }
}

@media screen and (max-width:639px) {
    .view-cam-controls-toolbox .cam2cam-menu .menu-button {
        height: 36px
    }

    .view-cam-controls-toolbox .cam2cam-menu .icon,
    .view-cam-controls-toolbox.view-cam-controls-toolbox-cam2cam .player-toolbox-icon .player-toolbox-icon-item .icon {
        height: 20px;
        width: 20px
    }

    .view-cam-controls-toolbox.view-cam-controls-toolbox-cam2cam .player-toolbox-icon .player-toolbox-icon-item {
        border-radius: 50%;
        height: 36px;
        padding: 0;
        width: 36px
    }
}

@media screen and (max-width:360px) {
    .view-cam-controls-toolbox.view-cam-controls-toolbox--fullscreen .menu-button .icon {
        height: 20px;
        width: 20px
    }
}

@media screen and (max-width:1023px) {
    .fullscreen-bottom-controls__chat-actions-btn {
        order: -2
    }
}

@media screen and (max-width:479px) {
    .fullscreen-bottom-controls__tip-btn {
        order: -1
    }
}

@media screen and (max-width:1023px) {
    .fullscreen-top-controls__bottom-buttons {
        margin-top: 1px;
        padding-right: 5px
    }
}

@media screen and (max-width:639px) {
    .fullscreen-top-controls .fullscreen-top-controls__button--next {
        position: static
    }
}

@media screen and (max-width:479px) {
    .fullscreen-top-controls__live-badge {
        margin-right: 6px
    }

    .fullscreen-top-controls .fullscreen-top-controls__button {
        margin: 0
    }

    .fullscreen-top-controls .fullscreen-top-controls__button--tokens {
        margin-right: 15px
    }
}

@media screen and (max-width:1023px) and (orientation:landscape) {
    .player-controls-fullscreen .player-controls-fullscreen__chat-actions {
        max-height: calc(100% - 50px - 54px)
    }
}

@media screen and (max-width:1023px) {
    .player-controls-fullscreen__mic-inactive-badge {
        right: 15px;
        top: 15px
    }

    .player-controls-fullscreen__chat-wrapper {
        height: 70vh
    }
}

@media screen and (max-width:639px) and (orientation:landscape) {
    .player-controls-fullscreen__chat-wrapper {
        flex-shrink: 1;
        height: calc(100vh - 60px);
        margin-right: 10px
    }
}

@media screen and (max-width:639px) {

    .player-controls-fullscreen .player-controls-fullscreen__chat-actions,
    .player-controls-fullscreen .player-controls-fullscreen__send-tip {
        bottom: 54px;
        right: 4px
    }

    .i-os .player-controls-fullscreen .player-controls-fullscreen__chat-actions,
    .i-os .player-controls-fullscreen .player-controls-fullscreen__send-tip {
        bottom: 66px
    }
}

@media screen and (max-width:639px) and (orientation:portrait) {
    .player-controls-fullscreen__bottom {
        align-items: flex-start;
        flex-direction: column;
        justify-content: flex-end
    }

    .player-controls-fullscreen__chat-wrapper {
        height: 40vh;
        margin-bottom: 4px;
        width: 100%
    }

    .player-controls-fullscreen__chat-wrapper--overlay-form {
        display: none
    }

    .player-controls-fullscreen__bottom-controls {
        margin-top: 6px;
        width: 100%
    }
}

@media screen and (max-width:767px) {
    .player-controls-user__join-btn {
        bottom: 12px
    }
}

@media screen and (max-width:479px) {
    .player-controls-user__show-info {
        padding-top: 10px
    }

    .player-controls-user__live-badge {
        margin-right: 6px
    }

    .player-controls-user__left-buttons,
    .player-controls-user__right-buttons {
        flex-direction: column-reverse;
        justify-content: flex-end
    }

    .player-controls-user .player-controls-user__button {
        margin: 10px 0 0
    }

    .player-controls-user .player-controls-user__button:last-child {
        margin: 0
    }

    .player-controls-user__stop-record-btn {
        bottom: 14px;
        top: auto
    }
}