@media screen and (max-width:639px) {
    .view-cam-model-tags-group-title {
        display: none
    }

    .view-cam-model-tags-group-title-mobile {
        display: block
    }

    .view-cam-model-info .header-sub-item-count {
        display: none
    }
}

@media screen and (max-width:479px) {
    .ViewCamGroup__description\#Z0 {
        margin-top: 8px
    }
}

@media screen and (max-width:479px) {
    .ViewCamGroupV2\#jR {
        padding-top: 60px
    }

    .ViewCamGroupV2__title\#dL {
        font-size: 24px;
        margin-bottom: 12px;
        max-width: 348px
    }
}

@media screen and (max-width:1279px) {
    .ViewCamGroupV2__descriptionContainer\#Qx {
        padding-top: 38px
    }
}

@media screen and (max-width:479px) {
    .ViewCamGroupV2__descriptionContainer\#Qx {
        padding-top: 53px
    }
}

@media screen and (max-width:1279px) {
    .ViewCamGroupV2__description\#vO {
        margin-bottom: 14px;
        padding: 30px 30px 10px
    }

    .ViewCamGroupV2__descriptionAvatar\#js {
        border-width: 3px !important;
        height: 62px !important;
        width: 62px !important
    }

    .ViewCamGroupV2__descriptionAvatar\#js .live-badge {
        border-radius: 4px;
        font-size: 11px;
        height: 16px;
        line-height: 16px;
        padding: 0 4px
    }
}

@media screen and (max-width:479px) {
    .ViewCamGroupV2__description\#vO {
        margin-bottom: 12px;
        padding: 43px 30px 18px
    }

    .ViewCamGroupV2__descriptionAvatar\#js {
        border-width: 4px !important;
        height: 76px !important;
        width: 76px !important
    }

    .ViewCamGroupV2__descriptionAvatar\#js .live-badge {
        border-radius: 5px;
        font-size: 13px;
        height: 20px;
        line-height: 20px;
        padding: 0 5px
    }

    .ViewCamGroupV2__descriptionText\#CZ {
        font-size: 16px
    }
}

@media screen and (max-width:1023px) {
    .ViewCamGroupV2__aboutShow\#P6 {
        width: unset
    }
}

@media screen and (max-width:479px) {
    .ViewCamGroupV2__aboutShow\#P6 {
        font-size: 14px;
        line-height: 20px;
        width: 288px
    }
}

@media screen and (max-width:479px) {
    .ViewCamGroupV2__divider\#W0 {
        margin: 8px 0
    }
}

@media screen and (max-width:479px) {
    .ViewCamGroupV2__timer\#f3 {
        font-size: 14px;
        line-height: 20px;
        margin-bottom: 12px
    }
}

@media screen and (max-width:1023px) {
    .ViewCamGroupV2__footerText\#ow {
        display: none
    }
}

@media screen and (max-width:479px) {
    .ViewCamGroupV2__joinButton\#Qi {
        height: 48px
    }

    .ViewCamGroupV2__footer\#yv {
        margin-top: 8px
    }

    .ViewCamGroupV2__footerText\#ow {
        display: block;
        font-size: 14px
    }
}

@media screen and (max-width:424px) {
    .schedule-next-informer__weekday .schedule-next-informer__weekday-short {
        display: inline
    }

    .schedule-next-informer__weekday .schedule-next-informer__weekday-full {
        display: none
    }

    .add-to-calendar-from-offline-view-cam__button {
        margin-left: 10px
    }

    .vc-status-offline__button-divider {
        display: none
    }
}

@media (max-width:1190px) and (orientation:landscape) {
    .vc-status-offline .private-and-start-chatting-card {
        padding: 14px 16px 16px
    }

    .vc-status-offline .private-and-start-chatting-card .private-and-start-chatting-title {
        margin-bottom: 12px
    }

    .vc-status-offline .private-and-start-chatting-card .private-and-start-chatting-body {
        margin-bottom: 16px
    }
}

@media (max-width:767px),
(max-width:1023px) and (orientation:landscape) {

    .vc-status-offline .private-and-start-chatting-body,
    .vc-status-offline .private-and-start-chatting-title {
        display: none
    }

    .vc-status-offline .private-and-start-chatting-mobile-title {
        color: #fff;
        display: block;
        font-size: 13px;
        font-weight: 500;
        line-height: 16px;
        margin-top: 20px;
        opacity: .8;
        text-align: center
    }

    .vc-status-offline .private-and-start-chatting-card {
        align-items: stretch;
        background-color: transparent;
        margin: 16px 0 0;
        min-height: 0;
        padding: 0;
        width: auto
    }

    .vc-status-offline .private-and-start-chatting-button {
        margin-top: 0;
        min-width: 181px
    }

    .vc-status-offline .private-and-start-chatting-button .btn {
        height: 32px
    }

    .vc-status-offline .private-and-start-chatting-card+.private-and-start-chatting-card {
        margin-left: 0
    }

    .vc-status-offline .private-and-start-chatting {
        align-items: center;
        flex-direction: column
    }

    .vc-status-offline .offline-status.mobile-relative>.tooltip-inner,
    .vc-status-offline .offline-status>.tooltip-inner {
        font-size: 12px;
        line-height: 18px;
        padding: 10px
    }

    .vc-status-offline .vc-status-offline-bottom {
        margin-top: 20px
    }
}

@media screen and (max-width:479px) {
    .ViewCamShutterDescription\#jc {
        margin-top: 10px
    }

    .ViewCamP2p__body\#qW {
        margin: 12px 0
    }
}

@media screen and (max-width:479px) {
    .ViewCamPrivate__body\#FT {
        margin: 12px 0
    }
}

@media screen and (max-width:639px) {
    .ViewCamPublic__unsupportedPlayer\#pJ .ViewCamPublic__unsupportedPlayerIcon\#w3 {
        height: 64px;
        width: 64px
    }

    .ViewCamPublic__unsupportedPlayer\#pJ .ViewCamPublic__unsupportedPlayerText\#Pa {
        font-size: 13px;
        line-height: 18.2px;
        margin-top: 20px;
        max-width: 280px
    }
}

@media screen and (max-width:360px) {
    .GroupShowBody\#SB {
        flex-direction: column
    }

    .GroupShowBody\#SB button {
        margin: 0;
        width: 100%
    }

    .GroupShowBody\#SB .GroupShowBody__info\#O8 {
        flex-direction: row;
        justify-content: center;
        margin-top: 8px;
        width: 100%
    }

    .GroupShowBody\#SB .GroupShowBody__rate\#vt {
        margin-right: 4px
    }
}

@media screen and (max-width:360px) {
    .TicketShowBody\#cf.TicketShowBody__announced\#Uw {
        flex-direction: column
    }

    .TicketShowBody\#cf.TicketShowBody__announced\#Uw .TicketShowBody__button\#TA {
        margin: 0;
        width: 100%
    }

    .TicketShowBody\#cf.TicketShowBody__announced\#Uw .TicketShowBody__text\#BS {
        margin-top: 8px;
        text-align: center;
        width: 100%
    }
}

@media (max-width:540px) {
    .GroupShowControlButton__announcement\#Rx {
        display: none
    }

    .GroupShowControlButton__announcementShort\#GJ {
        display: block
    }
}

@media screen and (max-width:1023px) {
    .GroupShowControlButton__dropdownContent\#cG {
        position: relative;
        transform: translateX(-90px)
    }

    .GroupShowControlButton__dropdownContent\#cG:after {
        transform: translate(100px, 50%) rotate(45deg) !important
    }

    .view-cam-controls__btn-wrapper--lead {
        order: 1
    }
}

@media screen and (max-width:320px) {
    .subscriptions-control-panel__icons-panel {
        padding: 0 3px
    }
}

@media screen and (max-width:639px) {
    .subscriptions-control-toggle--show {
        display: none
    }
}

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

    .GroupShowBody\#SB .GroupShowBody__button\#KP,
    .TicketShowBody\#cf .TicketShowBody__button\#TA {
        font-size: 13px
    }

    .favorited-count {
        background-color: transparent;
        font-size: 12px;
        margin: 0;
        padding: 0 0 0 10px
    }
}

@media screen and (max-width:479px) {
    .add-to-favorite-control__toggle {
        background-color: #4b4b4b
    }
}

@media screen and (max-width:479px) {
    .add-to-favorite-control__toggle-new {
        background-color: rgba(255, 255, 255, .9) !important
    }

    .add-to-favorite-control .add-to-favorite-control__favorite-icon--desktop {
        display: none
    }
}

@media (max-width:290px) {
    .add-to-favorite-control .add-to-favorite-control__favorited-count--with-announce {
        display: none
    }
}

@media screen and (max-width:479px) {
    .favorite-control__desktop {
        display: none
    }
}

@media screen and (max-width:639px) {
    .one-click-recharge-wrapper.one-click-recharge-wrapper-processing .one-click-recharge-layer-left {
        padding: 0
    }

    .one-click-recharge-wrapper.one-click-recharge-wrapper-processing .one-click-recharge-close-btn {
        display: none
    }

    .one-click-recharge-wrapper .one-click-recharge-layer-right .btn {
        padding: 0 16px
    }

    .one-click-recharge-wrapper .one-click-recharge-icon {
        display: none
    }

    .one-click-recharge-wrapper .one-click-recharge-title {
        font-size: .875rem
    }

    .view-cam-controls .view-cam-controls-wrapper--show .view-cam-controls-wrapper__right .send-tip-btn {
        margin-left: 0
    }
}

@media screen and (max-width:374px) {
    .view-cam-controls__private-btn--chevron {
        display: none
    }
}

@media screen and (max-width:1279px) {
    .view-cam-controls .view-cam-buttons-wrapper>* {
        margin-left: 12px
    }
}

@media screen and (max-width:1023px) {
    .view-cam-controls .view-cam-buttons-wrapper>* {
        margin-left: 18px
    }
}

@media screen and (max-width:639px) {
    .view-cam-controls .view-cam-buttons-wrapper>* {
        margin-left: 14px
    }
}

@media screen and (max-width:479px) {
    .view-cam-controls__private-btn-actual-price {
        display: none
    }

    .view-cam-controls .view-cam-buttons-wrapper>* {
        margin-left: 10px
    }
}

@media screen and (max-width:359px) {
    .view-cam-controls .group-show-btn {
        padding-left: 8px !important;
        padding-right: 8px !important
    }
}

@media screen and (max-width:360px) {
    .view-cam-controls .group-show-btn .icon {
        display: none !important
    }
}

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

    .view-cam-controls .group-show-btn.group-show-btn--new,
    .view-cam-controls-btn {
        font-size: 13px
    }
}

@media screen and (max-width:1023px) {
    .view-cam-controls:not(.with-new-send-tip) .chat-actions-wrapper {
        margin-left: auto
    }

    .view-cam-controls:not(.with-new-send-tip) .view-cam-controls-toolbox {
        margin-left: auto;
        margin-right: auto
    }

    .view-cam-controls:not(.with-new-send-tip) .chat-actions {
        height: 40px;
        margin-right: 18px;
        width: 40px
    }

    .view-cam-controls:not(.with-new-send-tip) .toggle-favorites {
        height: 42px;
        width: 42px
    }

    .view-cam-controls:not(.with-new-send-tip) .favorited-count {
        height: 42px;
        line-height: 42px
    }

    .view-cam-controls:not(.with-new-send-tip) .view-cam-controls-wrapper {
        padding: 10px
    }

    .view-cam-controls:not(.with-new-send-tip) .view-cam-controls-wrapper--cam2cam .chat-actions-wrapper {
        margin-left: 0;
        order: -1
    }

    .view-cam-controls:not(.with-new-send-tip) .view-cam-controls-wrapper--cam2cam .view-cam-buttons-wrapper {
        order: -1
    }

    .view-cam-controls:not(.with-new-send-tip) .view-cam-buttons-wrapper {
        flex-direction: row
    }

    .view-cam-controls:not(.with-new-send-tip) .view-cam-controls-btn {
        font-size: 15px;
        line-height: 34px;
        max-height: 36px
    }

    .view-cam-controls:not(.with-new-send-tip) .view-cam-controls__pm-btn {
        font-size: 13px
    }

    .view-cam-controls:not(.with-new-send-tip) .view-cam-controls__end-cam2cam {
        font-size: 13px;
        margin-left: auto;
        order: 1
    }

    .view-cam-controls:not(.with-new-send-tip) .view-cam-controls__end-cam2cam .button-text,
    .view-cam-controls:not(.with-new-send-tip) .view-cam-controls__end-cam2cam .button-text-short {
        display: none
    }

    .view-cam-controls:not(.with-new-send-tip) .view-cam-controls__end-cam2cam .button-text-xs-short {
        display: inline
    }

    .view-cam-controls:not(.with-new-send-tip) .group-show-btn {
        font-size: 13px
    }
}

@media screen and (max-width:639px) {
    .view-cam-controls:not(.with-new-send-tip) .view-cam-controls-toolbox {
        margin-left: auto;
        margin-right: 0
    }

    .view-cam-controls:not(.with-new-send-tip) .view-cam-controls__end-cam2cam {
        margin-left: 12px;
        padding: 2px 13px
    }
}

@media screen and (max-width:479px) {
    .view-cam-controls:not(.with-new-send-tip) .chat-actions-wrapper {
        margin-left: 0
    }

    .view-cam-controls:not(.with-new-send-tip) .chat-actions {
        margin: 0
    }

    .view-cam-controls:not(.with-new-send-tip) .view-cam-buttons-wrapper {
        flex-direction: row-reverse
    }

    .view-cam-controls:not(.with-new-send-tip) .view-cam-controls__private-tip {
        font-size: 13px;
        line-height: 30px;
        margin-left: 10px;
        max-height: 36px;
        padding: 0 13px
    }

    .view-cam-controls:not(.with-new-send-tip) .view-cam-controls__stop-spy {
        font-size: 15px;
        line-height: 30px;
        margin-left: 10px;
        max-height: 36px;
        padding: 0 13px
    }
}

@media screen and (max-width:374px) {
    .view-cam-controls:not(.with-new-send-tip) .view-cam-controls__end-cam2cam {
        align-items: center;
        display: flex;
        justify-content: center;
        padding: 0
    }

    .view-cam-controls:not(.with-new-send-tip) .view-cam-controls__end-cam2cam .button-text-xs-short {
        display: none
    }

    .view-cam-controls:not(.with-new-send-tip) .view-cam-controls__end-cam2cam .button-text-xxs-short {
        display: inline
    }
}

@media screen and (max-width:1023px) {
    .view-cam-controls {
        align-items: center
    }

    .view-cam-controls .button-text-m-max {
        display: inline
    }

    .view-cam-controls .button-text-l-min {
        display: none
    }

    .view-cam-controls .view-cam-controls-wrapper {
        padding: 10px
    }

    .view-cam-controls-btn {
        box-sizing: border-box;
        line-height: 34px;
        max-height: 36px
    }

    .view-cam-controls .button-text {
        display: none
    }

    .view-cam-controls .button-text-short {
        display: inline
    }

    .view-cam-controls .view-cam-buttons-wrapper {
        flex-direction: row-reverse
    }

    .view-cam-controls .view-cam-buttons-wrapper--offline,
    .view-cam-controls .view-cam-buttons-wrapper--private-or-cam2cam {
        flex-direction: row
    }

    .view-cam-controls-toolbox-end {
        margin-left: 12px;
        order: 1
    }

    .with-new-send-tip .view-cam-controls-toolbox-end {
        margin-left: 0
    }
}

@media screen and (max-width:1023px) and (max-width:320px) {
    .view-cam-controls-toolbox-end {
        margin-left: 6px
    }
}

@media screen and (max-width:639px) {
    .view-cam-controls .view-cam-controls-wrapper--controls-start-spy {
        display: none
    }

    .view-cam-controls .view-cam-buttons-wrapper {
        flex-direction: row-reverse
    }

    .view-cam-controls .view-cam-buttons-wrapper--offline,
    .view-cam-controls .view-cam-buttons-wrapper--private-or-cam2cam {
        flex-direction: row
    }

    .view-cam-controls .view-cam-controls-toolbox-cam2cam-button {
        margin-left: auto
    }

    .view-cam-controls .view-cam-controls-toolbox-cam2cam {
        margin-left: auto;
        margin-right: -6px
    }

    .view-cam-controls .btn-tip .icon-gift {
        margin-right: 10px;
        vertical-align: text-bottom
    }

    .view-cam-controls.with-new-send-tip .view-cam-controls-toolbox-cam2cam-button {
        margin-left: 0
    }

    .view-cam-controls.with-new-send-tip .view-cam-controls-toolbox-cam2cam {
        margin-left: 0;
        margin-right: 0
    }
}

@media screen and (max-width:479px) {
    .view-cam-controls {
        flex-direction: column;
        padding: 0
    }

    .view-cam-controls .view-cam-controls-wrapper {
        justify-content: flex-end
    }

    .view-cam-controls .view-cam-buttons-wrapper {
        margin-left: auto
    }

    .view-cam-controls .view-cam-buttons-wrapper--private-or-cam2cam {
        margin-left: 0
    }

    .view-cam-controls .view-cam-buttons-wrapper--offline {
        flex-direction: row-reverse
    }

    .view-cam-controls-btn {
        padding: 0 13px
    }

    .view-cam-controls.with-new-send-tip .view-cam-controls-wrapper {
        justify-content: space-between
    }
}

@media screen and (max-width:320px) {
    .view-cam-controls .view-cam-controls-wrapper {
        padding-bottom: 5px;
        padding-top: 5px
    }
}

@media screen and (max-width:424px),
screen and (max-width:1279px) and (min-width:1024px) {
    .view-cam-controls-btn__stop-spy {
        display: flex
    }

    .view-cam-controls-btn__stop-spy-text {
        display: none
    }

    .view-cam-controls__end-cam2cam {
        align-items: center;
        display: flex;
        height: 36px;
        justify-content: center;
        padding: 0;
        width: 36px
    }

    .view-cam-controls__end-cam2cam .icon {
        margin: 0
    }

    .view-cam-controls__end-cam2cam .button-text-xs-short {
        display: none
    }

    .view-cam-controls__end-cam2cam .button-text-xxs-short {
        display: inline
    }
}

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

    .player .content .mse-player canvas,
    .player .content .mse-player object,
    .player .content .mse-player video,
    .player .content .snapshot-player canvas,
    .player .content .snapshot-player object,
    .player .content .snapshot-player video {
        bottom: initial;
        left: initial;
        position: relative;
        right: initial;
        top: initial
    }

    .view-cam-info {
        background-color: #202020;
        margin: 0;
        min-height: 0
    }

    .view-cam-info--visible {
        height: 100%;
        min-height: 60px;
        padding: 10px
    }

    .view-cam-info--with-new-goal.view-cam-info--visible {
        padding: 8px 10px 10px
    }
}

@media screen and (max-width:639px) {
    .view-cam-info {
        background-color: #202020
    }

    .view-cam-info .view-cam-info-goal {
        flex: 1;
        flex-basis: 100%;
        flex-grow: 1;
        flex-shrink: 0
    }

    .view-cam-info .view-cam-info-king {
        display: none
    }
}

@media screen and (max-width:479px) {
    .view-cam-info {
        display: none
    }
}

@media screen and (max-width:1023px) {
    .view-cam-watching-limit {
        justify-content: flex-start;
        padding-left: 40px;
        padding-right: 40px;
        padding-top: 25vh
    }
}

@media screen and (max-width:639px) {
    .view-cam-watching-limit .watching-limit-title {
        font-size: 1.25rem;
        line-height: 1.5rem
    }

    .view-cam-watching-limit .watching-limit-description {
        font-size: .875rem;
        line-height: 1.5rem
    }

    .view-cam-watching-limit .watching-limit-description-features,
    .view-cam-watching-limit .watching-limit-features {
        display: none
    }
}

@media screen and (max-width:1023px) {
    .ViewCamWrapper__videoLayout\#D_ {
        --diff-height: 156px;
        --max-height: calc(100vh - var(--diff-height))
    }

    .ViewCamWrapper__theatreMode\#Yo .ViewCamWrapper__videoLayout\#D_ {
        --diff-height: 60px
    }

    @supports (height:100svh) {
        .ViewCamWrapper__videoLayout\#D_ {
            --max-height: calc(100svh - var(--diff-height))
        }
    }

    .ViewCamWrapper__videoLayout\#D_ .ViewCamWrapper__video\#hm {
        height: calc(100vw / var(--aspect-ratio));
        max-height: var(--max-height);
        max-width: 100%;
        width: 100%
    }
}

@media screen and (max-width:1023px) and (orientation:landscape) {
    .ViewCamWrapper__videoLayout\#D_ .ViewCamWrapper__video\#hm {
        min-height: 350px
    }
}

@media screen and (max-width:639px) {
    .banned-container {
        margin: 35px 0
    }
}

@media screen and (max-width:1023px) {
    #body>.viewcampage .view-cam-container .view-cam-header-sub .container {
        padding-left: 10px
    }

    .view-cam-page .view-cam-page-main {
        flex-direction: column;
        margin-top: 0
    }

    .view-cam-page .view-cam-page-main .chat {
        min-width: initial;
        padding: 0
    }

    .view-cam-page .view-cam-page-main .cam-members {
        display: none;
        height: initial
    }

    .view-cam-page .view-cam-container>.page {
        padding-left: 0;
        padding-right: 0
    }
}

@media screen and (max-width:479px) {
    .ViewCamWrapper\#xv:not(.ViewCamWrapper__vertical\#Ch) .ViewCamWrapper__videoLayout\#D_ .ViewCamWrapper__video\#hm {
        height: auto;
        min-height: calc(100vw / var(--aspect-ratio))
    }

    .view-cam-page .view-cam-page-main,
    .view-cam-page .view-cam-page-main .chat {
        margin-top: 0
    }
}

@media screen and (max-width:1023px) and (max-width:639px) {
    .view-cam-page>.header {
        padding: 0 .75rem
    }
}

@media screen and (max-width:1023px) and (min-width:640px) {
    .view-cam-page>.header {
        padding: 0 1.125rem
    }
}

@media screen and (max-width:1023px) {
    .view-cam-page-wrapper .profile-wrapper .bottom-close {
        margin-top: 20px
    }

    .view-cam-page-wrapper .profile-wrapper .profile-header {
        padding-top: 10px
    }

    .view-cam-page-wrapper.theatre-mode,
    .view-cam-page-wrapper.theatre-mode .view-cam-container,
    .view-cam-page-wrapper.theatre-mode .view-cam-page,
    .view-cam-page-wrapper.theatre-mode .view-cam-page-main {
        display: flex;
        flex-grow: 1
    }
}