.view-cam-model-tags {
    color: #8d8d8d;
    margin-bottom: 40px
}

.view-cam-model-tags-title {
    font-weight: 400;
    margin-bottom: 20px;
    font-size: 1.125rem
}

.view-cam-model-tags-title .link {
    color: #f8f8f8
}

.view-cam-model-tags-specials {
    margin-top: 20px
}

.view-cam-model-tags-group {
    margin-bottom: 10px
}

.view-cam-model-tags-group-title {
    font-size: .75rem;
    margin: 8px 12px 0 0
}

.view-cam-model-tags-group-title-mobile {
    font-size: .75rem;
    display: none;
    margin: 0 0 10px
}

.view-cam-model-info {
    padding-top: 20px
}

.view-cam-model-info .navigation-container {
    height: 42px;
    overflow: hidden;
    padding: 0
}

.view-cam-model-info .navigation {
    background-color: transparent;
    height: 41px;
    margin-bottom: 20px;
    margin-top: 20px
}

.view-cam-model-info .navigation .visible-items {
    border-bottom: 1px solid rgba(248, 248, 248, .2);
    flex: 1
}

.view-cam-model-info .right-navigation-section {
    height: 42px;
    margin: 0 0 0 auto;
    padding-left: 18px
}

.view-cam-model-info .close-icon-wrapper {
    align-items: center;
    background-color: #2e2e2e;
    border-radius: 4px;
    display: flex;
    height: 40px;
    justify-content: center;
    width: 40px
}

.view-cam-model-info .close-icon-wrapper .icon {
    color: rgba(255, 255, 255, .6);
    fill: currentColor;
    margin: 0
}

.view-cam-model-info .close-icon-wrapper:hover .icon {
    color: #fff
}

.view-cam-model-info .visible-items .navbar-item {
    margin-bottom: -7px
}

.view-cam-model-info.isTheatreMode {
    display: none
}

.view-cam-model-info-navigation .nav-scrollable {
    height: auto
}

.viewcam-profile-menu-item {
    position: relative;
    text-decoration: none
}

.viewcam-profile-menu-item:active,
.viewcam-profile-menu-item:hover,
.viewcam-profile-menu-item:link,
.viewcam-profile-menu-item:visited {
    text-decoration: none
}

.viewcam-profile-menu-item__avatar {
    border-color: #bfbfbf;
    left: 0;
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
    transition: border-color .15s linear;
    z-index: 1
}

.viewcam-profile-menu-item__avatar:after {
    border: 2px solid #303133;
    border-radius: 100%;
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.viewcam-profile-menu-item__label {
    background-color: rgba(216, 216, 216, .23);
    border: 0;
    border-radius: 100px;
    color: #fff;
    cursor: pointer;
    display: flex;
    font-size: 14px;
    font-weight: 500;
    padding: 6px 8px 6px 41px;
    transition: background-color .15s linear, border-color .15s linear
}

.viewcam-profile-menu-item__online-status {
    box-shadow: 0 0 0 2px #303133;
    z-index: 1
}

.viewcam-profile-menu-item:hover .viewcam-profile-menu-item__avatar {
    border-color: #fff
}

.viewcam-profile-menu-item:hover .viewcam-profile-menu-item__label {
    background-color: rgba(216, 216, 216, .4);
    color: #fff
}

.viewcam-profile-menu-item__icon {
    color: #f8f8f8;
    margin-left: 4px;
    transition: color .15s linear, color .15s linear
}

.viewcam-profile-menu-item .viewcam-profile-menu-item__label.viewcam-profile-menu-item__label.viewcam-profile-menu-item__label {
    align-items: center
}

.view-cam-notification {
    align-items: center;
    background: rgba(255, 255, 255, .6);
    border-radius: 4px;
    color: #2b2b2b;
    font-weight: 400;
    min-height: 55px;
    padding: .75rem 20px .75rem .75rem;
    position: relative;
    display: flex;
    flex-direction: row;
    font-size: .875rem
}

.view-cam-notification .view-cam-notification-content {
    margin: 0 8px 0 0;
    flex: 1;
    flex-basis: auto;
    flex-grow: 1;
    flex-shrink: 1;
    line-height: 1rem
}

.view-cam-notification .view-cam-notification-controls {
    flex: 1;
    flex-basis: auto;
    flex-grow: 0;
    flex-shrink: 1
}

.view-cam-notification .view-cam-notification-controls .btn {
    margin: 0;
    padding: 0 14px
}

.view-cam-notification .view-cam-notification-closer {
    cursor: pointer;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1;
    display: flex;
    flex-direction: row
}

.view-cam-notification .view-cam-notification-closer .icon {
    fill: rgba(0, 0, 0, 0.4);
    height: 10px;
    margin: 0;
    width: 10px
}

.view-cam-notification .view-cam-notification-closer:hover .icon {
    fill: rgba(0, 0, 0, 0.8)
}

.view-cam-notification .view-cam-notification-closer-icon-wrapper {
    padding: .375rem;
    display: flex;
    flex-direction: row
}

.view-cam-notification .view-cam-notification-image {
    margin: 0 8px 0 0
}

.view-cam-notification .view-cam-notification-image .avatar {
    height: 36px;
    width: 36px
}

.is-tablet .view-cam-notification {
    padding-right: 16px
}

.is-tablet .view-cam-notification-closer {
    padding: 10px 10px 0 0;
    right: -18px;
    top: -18px
}

.is-tablet .view-cam-notification-closer .icon {
    fill: #7d7d7d
}

.is-tablet .view-cam-notification-closer-icon-wrapper {
    background: #fff;
    border-radius: 50%
}

.view-cam-notifications {
    margin: 14px 14px 0 0;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 44px;
    width: 330px;
    z-index: 111
}

.view-cam-notifications .children-transition-enter {
    opacity: .01;
    transform: translate3d(100%, 0, 0)
}

.view-cam-notifications .children-transition-enter.children-transition-enter-active {
    opacity: 1;
    transform: translate3d(0, 0, 0);
    transition: transform .5s ease-out, opacity .5s ease-out
}

.view-cam-notifications .children-transition-exit.children-transition-exit-active {
    opacity: .01;
    transition: opacity .5s ease-out
}

.is-tablet .view-cam-notifications {
    top: 56px;
    width: 308px
}

.ViewCamShutterWrapper\#CJ {
    align-items: center;
    display: flex;
    flex: 1;
    flex-direction: column;
    height: 100%;
    justify-content: center;
    position: relative;
    width: 100%;
    z-index: 106
}

.ViewCamShutterWrapper__stub\#XW {
    height: 100%;
    left: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
    width: 100%
}

.ViewCamShutterWrapper__backdrop\#xP {
    height: calc(100% + 8px);
    left: -4px;
    position: absolute;
    top: -4px;
    width: calc(100% + 8px)
}

.ViewCamShutterWrapper__backdrop\#xP::after {
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.ViewCamShutterWrapper__backdrop\#xP.ViewCamShutterWrapper__soft\#no::after {
    background: rgba(0, 0, 0, .5)
}

.ViewCamShutterWrapper__backdrop\#xP.ViewCamShutterWrapper__flashlight\#Jh::after {
    background: radial-gradient(circle at 50% 45%, rgba(0, 0, 0, .65) 0%, #000 60%)
}

.ViewCamShutterWrapper__backdrop\#xP.ViewCamShutterWrapper__flashlight-2\#o_::after {
    background: #000;
    filter: brightness(.4) blur(45px);
    opacity: .75
}

.ViewCamShutterWrapper__backdrop\#xP.ViewCamShutterWrapper__default\#SQ::after {
    background: rgba(0, 0, 0, .75)
}

.ViewCamShutterWrapper__backdrop\#xP.ViewCamShutterWrapper__blur\#m1 {
    background: #303133;
    filter: brightness(.25) blur(1px)
}

.ViewCamShutterWrapper__backdrop\#xP.ViewCamShutterWrapper__blur-2\#Tt {
    filter: blur(10px) brightness(.6);
    transform: scale(1.04)
}

.ViewCamShutterWrapper__poster\#HI {
    height: calc(100% - 8px);
    margin: 4px;
    -o-object-fit: cover;
    object-fit: cover;
    position: absolute;
    width: calc(100% - 8px)
}

.ViewCamShutterWrapper__status\#ov {
    align-items: stretch;
    color: #f1f1f1;
    display: flex;
    flex: 1;
    flex-direction: column;
    height: 100%;
    justify-content: center;
    overflow: hidden;
    padding: 20px;
    text-align: center;
    width: 100%;
    z-index: 106
}

.ViewCamAvp\#pp {
    z-index: 107
}

.ViewCamAvp__status\#pP {
    padding: 0
}

.ViewCamAvp__profile\#xT {
    width: 100%
}

.ViewCamShutterIcon\#Gv {
    color: #f8f8f8;
    height: 48px;
    width: 48px
}

.ViewCamShutterNextModelButton\#m9 {
    position: absolute;
    right: 10px;
    top: 10px;
    z-index: 107
}

.ViewCamShutterNextModelButton\#m9 .ViewCamShutterNextModelButton__pageButton\#Zz {
    border-color: rgba(255, 255, 255, .4)
}

.ViewCamShutterNextModelButton\#m9 .ViewCamShutterNextModelButton__pageButton\#Zz .icon {
    fill: rgba(255, 255, 255, 0.4)
}

.ViewCamShutterTitle\#eU {
    color: #f8f8f8;
    font-size: 18px;
    font-weight: 400;
    max-width: 90%;
    padding: 10px 0 0
}

.ElapsedShowTime\#lz {
    color: rgba(248, 248, 248, .7);
    font-size: 13px;
    margin-bottom: 3px;
    margin-top: 8px
}

.ViewCamShutterButton\#fW {
    align-items: center;
    font-size: .813rem;
    font-weight: 700;
    margin: 0;
    display: flex;
    flex-direction: row
}

.ViewCamGroup\#kR {
    padding: 20px 10px
}

.ViewCamGroup__body\#Iw {
    align-items: center;
    display: flex;
    flex: 1;
    flex-direction: column;
    justify-content: center
}

.ViewCamGroup__iconWrapper\#WP {
    display: flex;
    position: relative
}

.ViewCamGroup__icon\#z8 {
    height: 48px
}

.ViewCamGroup__iconCheck\#_n {
    height: 48px;
    left: 27px;
    position: absolute;
    top: 23px
}

.ViewCamGroup__timer\#hX {
    margin-bottom: 3px;
    margin-top: 8px
}

.ViewCamGroup__description\#Z0 {
    background-color: #2f2f2f;
    border-radius: 12px;
    color: #fff;
    font-size: 14px;
    font-style: italic;
    font-weight: 500;
    letter-spacing: -.1px;
    line-height: 17px;
    margin-top: 10px;
    max-width: 80%;
    padding: 12px;
    position: relative;
    text-shadow: none
}

.ViewCamGroup__description\#Z0 .ViewCamGroup__icon\#z8 {
    fill: white;
    margin-right: 10px
}

.ViewCamGroup__description\#Z0::before {
    background-color: #2f2f2f;
    content: "";
    height: 8px;
    left: 50%;
    position: absolute;
    top: -4px;
    transform: translateX(-50%) rotate(45deg);
    width: 8px
}

.ViewCamGroup__controls\#rU {
    margin-top: 20px;
    padding-top: 20px;
    position: relative
}

.ViewCamGroup__controls\#rU::before {
    background-color: rgba(255, 255, 255, .21);
    content: " ";
    height: 1px;
    left: -15%;
    position: absolute;
    top: 0;
    width: 130%
}

.ViewCamGroup__footer\#_3 {
    align-items: center;
    display: flex;
    flex-direction: row;
    margin-top: 10px;
    padding: 0;
    display: flex;
    flex-direction: row
}

.ViewCamGroup__footerText\#FU {
    font-size: 13px;
    line-height: 17px
}

.ViewCamGroup__footerText\#FU.ViewCamGroup__regular\#Bk {
    opacity: .6
}

.ViewCamGroup__footerText\#FU.ViewCamGroup__accent\#Np {
    color: #fff;
    font-weight: 700
}

.Typewriter\#v0 {
    position: relative
}

.Typewriter__clone\#Zv {
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    visibility: hidden;
    white-space: pre-wrap
}

.Typewriter__animated\#AW {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    position: absolute;
    white-space: pre-wrap
}

.ElapsedShowTimeV2\#uy {
    color: rgba(248, 248, 248, .6);
    font-size: 14px;
    font-weight: 500;
    letter-spacing: .2px;
    line-height: 20px
}

.ElapsedShowTimeV2__time\#BA {
    color: #fff
}

.ViewCamGroupV2\#jR {
    padding: 20px 10px
}

.ViewCamGroupV2__wrapper\#BN {
    align-items: center;
    display: flex;
    flex: 1;
    flex-direction: column;
    justify-content: center
}

.ViewCamGroupV2__title\#dL {
    color: rgba(255, 255, 255, .9);
    font-size: 28px;
    font-weight: 500;
    line-height: normal;
    margin-bottom: 12px;
    text-align: center
}

.ViewCamGroupV2__titleAccent\#kJ {
    color: #feb601
}

.ViewCamGroupV2__descriptionContainer\#Qx {
    max-width: 100%;
    padding-top: 87px;
    position: relative;
    width: 288px
}

.ViewCamGroupV2__description\#vO {
    align-items: center;
    background: rgba(255, 255, 255, .15);
    border: 2px solid #feb601;
    border-radius: 20px;
    box-shadow: 0 80px 120px 0 rgba(254, 182, 1, .3);
    display: flex;
    justify-content: center;
    margin-bottom: 12px;
    padding: 43px 30px 18px
}

.ViewCamGroupV2__descriptionAvatar\#js {
    border-color: #2c2a24;
    border-width: 6px !important;
    height: 114px !important;
    position: absolute;
    top: 0;
    width: 114px !important
}

.ViewCamGroupV2__descriptionAvatar\#js .live-badge {
    border: none;
    border-radius: 6px;
    font-size: 15px;
    font-weight: 500;
    height: 24px;
    line-height: 24px;
    padding: 0 6px
}

.ViewCamGroupV2__descriptionText\#CZ {
    color: rgba(255, 255, 255, .8);
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 140%;
    text-align: center
}

.ViewCamGroupV2__aboutShow\#P6 {
    color: rgba(255, 255, 255, .6);
    font-feature-settings: "liga"off, "clig"off;
    font-size: 14px;
    line-height: 20px;
    max-width: 100%;
    text-align: center;
    width: 288px
}

.ViewCamGroupV2__divider\#W0 {
    background: #fff;
    height: 1px;
    margin: 8px 0;
    max-width: 288px;
    opacity: .08;
    width: 100%
}

.ViewCamGroupV2__timer\#f3 {
    font-size: 14px;
    letter-spacing: .2px;
    line-height: 20px;
    margin-bottom: 12px
}

.ViewCamGroupV2__joinButton\#Qi {
    font-size: 16px !important;
    height: 48px;
    max-width: 100%;
    min-width: 200px;
    justify-content: center
}

.ViewCamGroupV2__joinButtonIcon\#Ce {
    margin-right: 8px
}

.ViewCamGroupV2__footer\#yv {
    align-items: center;
    display: flex;
    flex-direction: row;
    margin-top: 6px;
    padding: 0;
    display: flex;
    flex-direction: row
}

.ViewCamGroupV2__footerText\#ow {
    font-size: 13px;
    font-weight: 500;
    line-height: 20px
}

.ViewCamGroupV2__footerText\#ow.ViewCamGroupV2__regular\#oW {
    color: #f8f8f8;
    opacity: .6
}

.ViewCamGroupV2__footerText\#ow.ViewCamGroupV2__accent\#KA {
    color: #fff;
    font-weight: 700
}

.ViewCamIdle__icon\#_M {
    height: 100px;
    margin: 0 auto 30px;
    width: 100px
}

.ViewCamIdle__status\#sC {
    color: #fff;
    display: inline-block;
    font-size: 24px;
    margin-bottom: 10px;
    opacity: .8
}

.request-private-button .btn {
    background: #feb601;
    color: #101010;
    transition: 90ms ease-in-out;
    border-width: 0;
    font-weight: 500;
    height: 100%;
    margin: 0;
    width: 100%
}

.request-private-button .btn>.icon {
    fill: #101010;
    transition: 90ms ease-in-out
}

.request-private-button .btn.focus,
.request-private-button .btn:focus {
    background: #fbc932;
    color: #101010
}

.request-private-button .btn.focus>.icon,
.request-private-button .btn:focus>.icon {
    fill: #101010
}

.request-private-button .btn.active,
.request-private-button .btn:active {
    background: #fbc932;
    color: #101010
}

.request-private-button .btn.active>.icon,
.request-private-button .btn:active>.icon {
    fill: #101010
}

.request-private-button .btn .btn-loader-overlay {
    background-color: #feb601;
    color: #101010
}

.request-private-button .btn.disabled {
    background-color: #90732b;
    color: #313131;
    opacity: 1
}

.request-private-button.request-private-button--with-timer .btn.disabled {
    background-color: #2e2e2e
}

.request-private-button.request-private-button--with-timer .btn.disabled .request-private-button__timer {
    align-items: center;
    color: #feb601;
    display: flex;
    font-size: 14px;
    font-weight: 500;
    justify-content: center;
    line-height: 17px;
    text-align: center
}

.request-private-button.request-private-button--with-timer .btn.disabled .request-private-button__timer .icon {
    fill: #feb601;
    margin-right: 8px
}

.request-private-button.request-private-button--with-ended-timer .btn.disabled .request-private-button__timer {
    color: #db555d
}

.request-private-button.request-private-button--with-ended-timer .btn.disabled .request-private-button__timer .icon {
    fill: #db555d
}

.schedule-next-informer {
    color: #fff;
    margin: 12px 0;
    text-align: center
}

.schedule-next-informer .icon-calendar {
    display: inline-block;
    fill: #fff;
    vertical-align: -2px
}

.schedule-next-informer__link {
    align-items: center;
    color: #b2e345;
    display: inline-flex;
    text-decoration: none !important
}

.schedule-next-informer__link .icon-chevron-right {
    display: inline-block;
    margin-left: 6px
}

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

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

.subscribe-switch-container {
    align-items: center;
    background: #2f2f2f;
    border-radius: 12px;
    height: 34px;
    justify-content: center;
    padding: 10px 6px 10px 10px;
    display: flex;
    flex-direction: row
}

.subscribe-switch-container .subscribe-caption {
    color: #f7f7f7;
    font-size: 13px;
    font-weight: 500;
    line-height: 20px;
    margin-left: 9px
}

.subscribe-switch-container .icon-notifications-2 {
    color: #f7f7f7
}

.subscribe-switch .switcher-label .icon {
    visibility: hidden
}

.subscribe-switch.switcher.medium {
    background-clip: padding-box;
    border: 1px solid rgba(255, 255, 255, .2);
    display: inline-block;
    height: 32px;
    margin: 0;
    width: 56px
}

.subscribe-switch.switcher.medium .switcher-label .icon {
    fill: #000;
    margin: 0;
    width: 14px
}

.subscribe-switch.switcher.medium .switcher-switch {
    background-color: #979797;
    box-shadow: 0 2px 4px rgba(0, 0, 0, .2)
}

.subscribe-switch.switcher.medium.on .switcher-switch {
    background-color: #eaeaea
}

.subscribe-switch.switcher.medium.on .switcher-wrapper {
    transform: translateX(0)
}

.add-to-calendar-from-offline-view-cam__button {
    align-items: center;
    border: 2px solid #5b5b5b;
    border-radius: 12px;
    color: #f8f8f8;
    display: flex;
    height: 34px;
    padding-left: 7px;
    padding-right: 7px
}

.add-to-calendar-from-offline-view-cam__button:hover {
    border: 2px solid #9a9a9a;
    color: #fff
}

.add-to-calendar-from-offline-view-cam__button:hover .add-to-calendar-from-offline-view-cam__icon {
    transform: scale(1.2)
}

.add-to-calendar-from-offline-view-cam__text {
    margin-right: 8px
}

.add-to-calendar-from-offline-view-cam__icon {
    color: #b2e345;
    transition: transform 150ms
}

.vc-status-offline {
    padding: 16px
}

.vc-status-offline .offline-status,
.vc-status-offline .offline-status.mobile-relative {
    align-self: center;
    display: inline-block;
    font-size: 14px;
    margin-top: 12px;
    max-width: 536px;
    padding: 0;
    position: relative;
    word-wrap: break-word;
    z-index: 1
}

.vc-status-offline .offline-status.mobile-relative>.tooltip-inner,
.vc-status-offline .offline-status>.tooltip-inner {
    background-color: #3b3b3b;
    border-radius: 12px;
    color: #fff;
    font-size: 14px;
    font-style: italic;
    font-weight: 400;
    line-height: 18px;
    max-width: 100%;
    padding: 12px;
    text-align: center
}

.vc-status-offline .offline-status.mobile-relative>.tooltip-inner .icon-megaphone-bold,
.vc-status-offline .offline-status>.tooltip-inner .icon-megaphone-bold {
    fill: #fff;
    height: 15px;
    margin-bottom: 2px;
    margin-right: 9px;
    width: 15px
}

.vc-status-offline .offline-status-time {
    color: #f8f8f8;
    font-size: 14px;
    margin-top: 8px;
    opacity: .6
}

.vc-status-offline .private-and-start-chatting {
    display: flex;
    justify-content: center
}

.vc-status-offline .private-and-start-chatting-card {
    align-items: center;
    background: #474747;
    border-radius: 12px;
    display: flex;
    flex: none;
    flex-direction: column;
    flex-grow: 0;
    justify-content: center;
    left: 0;
    margin-top: 14px;
    order: 0;
    padding: 16px;
    position: static;
    top: 0;
    width: 260px
}

.vc-status-offline .private-and-start-chatting-card .private-and-start-chatting-title {
    color: #fff;
    font-size: 17px;
    font-weight: 500;
    line-height: 22px;
    margin-bottom: 16px;
    text-align: center
}

.vc-status-offline .private-and-start-chatting-card .private-and-start-chatting-body {
    color: #fff;
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
    margin-bottom: 16px;
    opacity: .8;
    text-align: center
}

.vc-status-offline .private-and-start-chatting-card.single {
    min-width: 332px
}

.vc-status-offline .private-and-start-chatting-card.single .private-and-start-chatting-body,
.vc-status-offline .private-and-start-chatting-card.single .private-and-start-chatting-title {
    margin-bottom: 24px
}

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

.vc-status-offline .private-and-start-chatting-button {
    align-items: stretch;
    display: flex;
    flex-direction: column;
    margin-top: auto;
    min-width: 167px
}

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

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

.vc-status-offline .vc-status-next-broadcast .schedule-next-informer {
    margin: 0 0 12px
}

.vc-status-offline .vc-status-subscribe {
    display: flex;
    justify-content: center
}

.vc-status-offline .vc-status-avatar-container {
    align-items: center;
    display: flex;
    flex-direction: column;
    position: relative
}

.vc-status-offline .vc-status-avatar-container.avatar-hidden .availability-status {
    position: relative
}

.vc-status-offline .vc-status-avatar-container.avatar-hidden .vc-status-offline-avatar {
    display: none
}

.vc-status-offline .vc-status-offline-avatar {
    flex-shrink: 0;
    height: 90px;
    width: 90px
}

.vc-status-offline .availability-status {
    align-items: center;
    border-radius: 5px;
    bottom: 0;
    box-shadow: 0 0 22px rgba(0, 0, 0, .38);
    color: #101010;
    display: flex;
    font-size: 11px;
    font-weight: 700;
    height: 22px;
    justify-content: center;
    line-height: 14px;
    min-width: 63px;
    padding: 4px 8px;
    position: absolute;
    text-align: center;
    text-transform: uppercase;
    white-space: nowrap
}

.vc-status-offline .availability-status.available {
    background: #feb601
}

.vc-status-offline .availability-status.offline {
    background: #fff
}

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

.vc-status-offline__button-divider {
    align-self: center;
    background: rgba(255, 255, 255, .4);
    height: 15px;
    margin: 0 16px;
    width: 1px
}

.ViewCamShutterDescription\#jc {
    color: rgba(248, 248, 248, .8);
    font-size: 14px;
    font-weight: 400;
    letter-spacing: -.1px;
    line-height: 22px;
    margin-top: 20px;
    max-width: 80%;
    padding: 10px 0 0;
    position: relative
}

.ViewCamShutterDescription\#jc::before {
    border-top: 1px solid rgba(255, 255, 255, .26);
    content: "";
    left: 30%;
    position: absolute;
    right: 30%;
    top: 0
}

.ViewCamShutterHint\#OH {
    align-items: center;
    background: #222;
    color: rgba(255, 255, 255, .6);
    font-size: 11px;
    font-weight: 400;
    justify-content: center;
    padding: 16px 28px;
    display: flex;
    flex-direction: row
}

.ViewCamShutterHint\#OH .ViewCamShutterHint__iconBox\#YF {
    display: flex;
    margin: 0 10px 0 0
}

.ViewCamShutterHint\#OH .ViewCamShutterHint__icon\#g2 {
    fill: rgba(255, 255, 255, 0.4);
    height: 24px;
    margin: 0;
    width: 27px
}

.ViewCamShutterHint\#OH .ViewCamShutterHint__text\#lB {
    text-align: center
}

.ViewCamP2p\#pP {
    background-color: #303133
}

.ViewCamP2p__shutter\#cn {
    padding: 0
}

.ViewCamP2p__body\#qW {
    align-items: center;
    display: flex;
    flex: 1;
    flex-direction: column;
    justify-content: center
}

.ViewCamP2p__footer\#ml {
    margin: 0
}

.ViewCamPrivate\#IX {
    padding: 0
}

.ViewCamPrivate__body\#FT {
    align-items: center;
    display: flex;
    flex: 1;
    flex-direction: column;
    justify-content: center
}

.ViewCamPrivate__controls\#dq {
    display: flex;
    flex-direction: column;
    margin-top: 20px
}

.ViewCamPrivate__spyBtnIcon\#DN {
    display: none;
    margin-right: 8px
}

.ViewCamPrivate__spyBtnDescription\#Da {
    font-size: 13px;
    font-weight: 700;
    line-height: normal;
    margin-top: 10px
}

.ViewCamPrivate__spyBtnDescription\#Da .ViewCamPrivate__green\#X2 {
    color: #bbe14f
}

.ViewCamPrivate__footer\#_u {
    margin: 0
}

.ViewCamPublic\#RU {
    z-index: -1
}

.ViewCamPublic__unsupportedPlayer\#pJ {
    align-items: center;
    display: flex;
    justify-content: center;
    overflow: hidden;
    padding: 20px;
    text-align: center;
    z-index: 106;
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    display: flex;
    flex-direction: column
}

.ViewCamPublic__unsupportedPlayer\#pJ .ViewCamPublic__unsupportedPlayerIcon\#w3 {
    color: #f14b57;
    height: 80px;
    width: 80px
}

.ViewCamPublic__unsupportedPlayer\#pJ .ViewCamPublic__unsupportedPlayerText\#Pa {
    background-color: #3b3b3b;
    border-radius: 12px;
    color: #fff;
    font-size: 18px;
    line-height: 25.2px;
    margin-top: 30px;
    max-width: 440px;
    padding: 20px;
    text-align: center
}

.GroupShowAnnounce\#wV {
    position: relative;
    width: 400px
}

.GroupShowAnnounce__mobile\#xb {
    width: 100%
}

.GroupShowAnnounce__closeButton\#tE {
    color: rgba(248, 248, 248, .4);
    position: absolute;
    right: 8px;
    top: 8px;
    z-index: 1
}

.GroupShowAnnounce__closeButton\#tE:hover {
    color: rgba(248, 248, 248, .8)
}

.GroupShowAnnounceBody\#MO {
    background: #262626;
    border-bottom-left-radius: 12px;
    border-bottom-right-radius: 12px;
    min-height: 80px;
    padding: 16px 20px
}

.GroupShowAnnounceBody__mobile\#rm {
    background-color: #141414;
    border-radius: 0
}

.GroupShowBody\#SB {
    align-items: center;
    display: flex
}

.GroupShowBody__info\#O8 {
    color: #fff;
    display: flex;
    flex-direction: column;
    font-size: 13px;
    font-style: normal;
    font-weight: 500;
    line-height: 18px
}

.GroupShowBody__highlight\#JA,
.GroupShowBody__rate\#vt {
    color: #feb601
}

.GroupShowBody__rateV2FullScreen\#q9,
.GroupShowBody__rateV2\#Da {
    color: #fff
}

.GroupShowIcon\#AB {
    align-items: center;
    border-radius: 50%;
    display: flex;
    justify-content: center
}

.GroupShowIcon__overlay\#TK {
    background: linear-gradient(135deg, rgba(254, 125, 33, .2) 0%, rgba(251, 201, 50, .1) 100%);
    height: 48px;
    min-width: 48px
}

.GroupShowIcon__icon\#IB {
    background: url("interaction/show/components/GroupShowControl/GroupShowAnnounceNew/GroupShowIcon/images/group.svg");
    height: 32px;
    width: 32px
}

.GroupShowIcon__ticketIcon\#o1 {
    background: url("interaction/show/components/GroupShowControl/GroupShowAnnounceNew/GroupShowIcon/images/ticket.svg")
}

.GroupShowIcon__animated\#ZA {
    animation: GroupShowIcon__rotateIcon\#fA 2s infinite;
    animation-delay: 1s
}

@keyframes GroupShowIcon__rotateIcon\#fA {

    0%,
    100%,
    20%,
    40% {
        transform: rotate(0deg)
    }

    10%,
    30% {
        transform: rotate(20deg)
    }
}

.TicketShowBody\#cf {
    align-items: center;
    display: flex
}

.TicketShowBody__button\#TA {
    font-size: 16px;
    font-style: normal;
    font-weight: 500 !important;
    line-height: 24px;
    margin: 0 16px 0 0;
    overflow: initial;
    padding: 6px 17px;
    transition-duration: 0s
}

.TicketShowBody__button\#TA:hover .TicketShowBody__highlight\#qq {
    color: #101010
}

.TicketShowBody__button\#TA:active .TicketShowBody__highlight\#qq {
    color: #fff
}

.TicketShowBody__highlight\#qq {
    color: #feb601
}

.TicketShowBody__text\#BS {
    color: rgba(248, 248, 248, .8);
    font-size: 14px;
    line-height: 18px
}

.TicketShowBody__icon\#tA {
    margin-right: 16px
}

.GroupShowAnnounceHeader\#qZ {
    align-items: center;
    background-color: #2e2e2e;
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
    display: flex;
    min-height: 80px;
    padding: 13px 20px;
    position: relative
}

.GroupShowAnnounceHeader__mobile\#yZ {
    background-color: #141414;
    border-radius: 0;
    min-height: 80px;
    position: relative
}

.GroupShowAnnounceHeader__mobile\#yZ:after {
    background-color: rgba(255, 255, 255, .08);
    bottom: 0;
    content: "";
    height: 1px;
    left: 20px;
    position: absolute;
    right: 20px
}

.GroupShowAnnounceHeader__icon\#T0 {
    margin-right: 16px
}

.GroupShowAnnounceHeader__title\#j_ {
    color: rgba(248, 248, 248, .8);
    font-size: 13px;
    font-weight: 400;
    line-height: 18px
}

.GroupShowAnnounceHeader__topic\#rb {
    color: #f8f8f8;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px
}

.GroupShowControlButton__announcement\#Rx {
    font-size: 15px
}

.GroupShowControlButton__announcementShort\#GJ {
    display: none
}

.GroupShowControlButton__dropdownContent\#cG {
    border-radius: 12px !important;
    padding: 0 !important
}

.GroupShowControlButton__dropdownContent\#cG:after {
    border-color: #262626 !important;
    border-width: 7px !important
}

.button-pointer__outer {
    border-bottom: 10px solid #424242;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    bottom: -1px;
    height: 0;
    position: absolute;
    width: 0
}

.button-pointer__inner {
    border-bottom: 8px solid #2e2e2e;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    bottom: -10px;
    height: 0;
    left: -8px;
    position: absolute;
    width: 0
}

.subscriptions-control-panel {
    overflow-y: hidden
}

.subscriptions-control-panel.closed {
    height: 0
}

.subscriptions-control-panel__icons-panel {
    align-items: stretch;
    display: flex;
    height: 80px;
    justify-content: stretch;
    padding: 0 16px
}

.subscriptions-control-panel .subscriptions-control-panel__button {
    align-items: center;
    display: flex;
    flex: 5;
    flex-direction: column;
    justify-content: center
}

.subscriptions-control-panel.with-three-button .subscriptions-control-panel__button:nth-child(2) {
    flex: 4
}

.subscriptions-control-panel__icon {
    height: 22px;
    margin-right: 0;
    width: 22px
}

.subscriptions-control-panel .subscriptions-control-panel__favorited-button {
    margin-top: 12px
}

.subscriptions-control-panel__favorited-icon {
    color: #fd4967
}

.subscriptions-control-panel__button-label {
    margin-top: 6px;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: normal;
    line-height: normal
}

.subscriptions-control-panel__button-info {
    font-size: 10px;
    font-weight: 500;
    letter-spacing: normal;
    line-height: 12px;
    opacity: .7
}

.subscriptions-control-panel__following-button {
    position: relative
}

.subscriptions-control-panel__notifications-tooltip {
    border-top: 1px solid #424242
}

.subscriptions-control-panel__icons-divider {
    background-color: rgba(255, 255, 255, .15);
    margin: 14px 0;
    width: 2px
}

.subscriptions-control-panel--subscribed .subscriptions-control-panel__icon {
    color: #97c02e
}

.subscriptions-control-toggle.subscriptions-control-toggle {
    background-color: rgba(0, 0, 0, .5);
    border-radius: 50%;
    height: 40px;
    width: 40px
}

.subscriptions-control-toggle__icon {
    color: #fff;
    fill: currentColor;
    margin: 0 0 1px;
    transform: rotate(-90deg)
}

.subscriptions-control-toggle__icon.closed {
    margin: 0;
    transform: rotate(90deg)
}

.favorited-count {
    background-color: #212223;
    color: #fff;
    cursor: default;
    font-size: 14px;
    font-weight: 500;
    height: 40px;
    line-height: 40px;
    margin-left: 13px;
    opacity: .8;
    padding: 0 13px;
    position: relative;
    transition: opacity .7s;
    border-radius: 4px
}

.favorited-count::after {
    background-color: inherit;
    content: " ";
    height: 8px;
    left: -4px;
    position: absolute;
    top: 40%;
    transform: rotate(45deg);
    width: 8px
}

.add-to-favorite-control {
    align-items: center;
    margin-right: auto;
    position: relative;
    display: flex;
    flex-direction: row;
    flex: 1;
    flex-basis: auto;
    flex-grow: 0;
    flex-shrink: 0
}

.add-to-favorite-control--disabled {
    cursor: default;
    opacity: .33;
    pointer-events: none
}

.add-to-favorite-control__toggle {
    align-items: center;
    background-color: rgba(255, 255, 255, .9);
    border-radius: 50%;
    height: 40px;
    justify-content: center;
    transition: background-color 150ms;
    width: 40px;
    display: flex;
    flex-direction: row
}

.add-to-favorite-control__toggle:disabled {
    cursor: default
}

.add-to-favorite-control__toggle:not([disabled]):hover {
    opacity: .7
}

.add-to-favorite-control__toggle-new {
    background-color: rgba(255, 255, 255, .9)
}

.add-to-favorite-control__delimiter {
    border-right: 1px solid rgba(248, 248, 248, .3);
    display: block;
    height: 14px;
    margin: 0 10px;
    width: 1px
}

.add-to-favorite-control__counter {
    opacity: .8
}

.add-to-favorite-control__favorite-icon {
    color: #000;
    flex-shrink: 0;
    height: 22px;
    margin: 2px 0 0;
    transition: color 150ms;
    width: 22px
}

.add-to-favorite-control__favorite-icon-new {
    display: block !important
}

.add-to-favorite-control .add-to-favorite-control__favorite-icon--mobile {
    color: #fff;
    height: 20px;
    width: 20px
}

.add-to-favorite-control__heart-full {
    background-image: url(interaction/features/viewcam/components/ui/ViewCam/ViewCamFavoriteToggle/SubscriptionsControlButtonGroup/images/favorite-sc.svg);
    background-size: cover;
    display: flex;
    height: 19px;
    width: 22px
}

.add-to-favorite-control.animated .add-to-favorite-control__favorite-icon {
    color: #fd4967
}

.add-to-favorite-control.animated .add-to-favorite-control__toggle {
    background-color: transparent
}

.add-to-favorite-control.animated .add-to-favorite-control__favorited-count {
    opacity: 0
}

.add-to-favorite-control .tooltip {
    padding: 0
}

.add-to-favorite-control .tooltip>.add-to-favorite-control__tooltip-inner {
    background-color: #151515;
    color: #fff;
    font-size: 12px;
    font-weight: 400;
    line-height: 18px;
    padding: 10px
}

.add-to-favorite-control .tooltip>.add-to-favorite-control__tooltip-inner:before {
    border-radius: 5px;
    border-top-color: #151515;
    border-width: 6px 6px 0;
    left: 14px;
    transform: translateY(-1px)
}

.broken-heart-button {
    display: flex
}

.broken-heart-button.hoverable:hover .broken-heart-button__left-icon {
    opacity: .8;
    transform: translateX(-2px)
}

.broken-heart-button.hoverable:hover .broken-heart-button__right-icon {
    opacity: .8;
    transform: translateX(2px)
}

.broken-heart-button.animated .broken-heart-button__left-icon,
.broken-heart-button.hoverable.animated .broken-heart-button__left-icon {
    opacity: .3;
    transform: translateX(-6px)
}

.broken-heart-button.animated .broken-heart-button__right-icon,
.broken-heart-button.hoverable.animated .broken-heart-button__right-icon {
    opacity: .3;
    transform: translateX(8px)
}

.broken-heart-button__left-icon {
    background-color: #fd4967;
    background-position: center;
    background-size: contain;
    height: 18px;
    opacity: 1;
    transition: transform .2s, background-color .2s, opacity .2s;
    width: 13px;
    margin-right: -2px;
    -webkit-mask-image: url(interaction/features/viewcam/components/ui/ViewCam/ViewCamFavoriteToggle/SubscriptionsControlButtonGroup/images/broken-heart-left.svg);
    mask-image: url(interaction/features/viewcam/components/ui/ViewCam/ViewCamFavoriteToggle/SubscriptionsControlButtonGroup/images/broken-heart-left.svg)
}

.broken-heart-button__right-icon {
    background-color: #fd4967;
    background-position: center;
    background-size: contain;
    height: 18px;
    opacity: 1;
    transition: transform .2s, background-color .2s, opacity .2s;
    width: 13px;
    margin-left: -3px;
    -webkit-mask-image: url(interaction/features/viewcam/components/ui/ViewCam/ViewCamFavoriteToggle/SubscriptionsControlButtonGroup/images/broken-heart-right.svg);
    mask-image: url(interaction/features/viewcam/components/ui/ViewCam/ViewCamFavoriteToggle/SubscriptionsControlButtonGroup/images/broken-heart-right.svg)
}

.subscriptions-control-button-group {
    align-items: center;
    background-color: #414141;
    border-radius: 90px;
    display: flex;
    padding: 10px 13px 8px 10px;
    transition: width 250ms, background-color 250ms, opacity .2s .1s
}

.subscriptions-control-button-group.animated {
    background-color: transparent;
    opacity: 0
}

.subscriptions-control-button-group__counter {
    font-size: 14px;
    font-weight: 500;
    letter-spacing: normal;
    color: #fff;
    line-height: 1em;
    margin-left: 10px;
    opacity: .8
}

.subscriptions-control-button-group__divider {
    align-self: stretch;
    background-color: #c4c4c4;
    margin: 0 10px;
    opacity: .4;
    width: 1px
}

.subscriptions-control-button-group__notification-button {
    color: #f8f8f8
}

.subscriptions-control-button-group__notification-button:hover {
    color: rgba(248, 248, 248, .6)
}

.subscriptions-control-button-group__notification-icon {
    color: inherit;
    height: 20px;
    margin: 0;
    width: 20px
}

.subscriptions-control-button-group__notification-icon:hover {
    color: inherit
}

.subscriptions-control-button-group__notification-icon.icon-notifications-off-2 {
    margin-left: 1px;
    margin-right: -1px
}

.broken-heart-icons-preloader {
    visibility: hidden
}

.broken-heart-icons-preloader:before {
    content: "";
    -webkit-mask-image: url(interaction/features/viewcam/components/ui/ViewCam/ViewCamFavoriteToggle/SubscriptionsControlButtonGroup/images/broken-heart-left.svg);
    mask-image: url(interaction/features/viewcam/components/ui/ViewCam/ViewCamFavoriteToggle/SubscriptionsControlButtonGroup/images/broken-heart-left.svg)
}

.broken-heart-icons-preloader:after {
    content: "";
    -webkit-mask-image: url(interaction/features/viewcam/components/ui/ViewCam/ViewCamFavoriteToggle/SubscriptionsControlButtonGroup/images/broken-heart-right.svg);
    mask-image: url(interaction/features/viewcam/components/ui/ViewCam/ViewCamFavoriteToggle/SubscriptionsControlButtonGroup/images/broken-heart-right.svg)
}

.favorite-control {
    display: flex;
    flex: 1;
    margin-right: 8px
}

.one-click-recharge-wrapper {
    align-items: center;
    background-color: #303133;
    height: 100%;
    justify-content: space-between;
    left: 0;
    opacity: 1;
    padding: 22px 16px;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1;
    display: flex;
    flex-direction: row
}

.one-click-recharge-wrapper.one-click-recharge-wrapper-exit {
    opacity: 0;
    transition: 1s ease-in-out
}

.one-click-recharge-wrapper.one-click-recharge-wrapper-exit .btn {
    pointer-events: none
}

.one-click-recharge-wrapper.one-click-recharge-wrapper-processing .one-click-recharge-layer-left {
    justify-content: center;
    padding-left: 40px
}

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

.one-click-recharge-wrapper .highlighted-brand {
    color: #ffa800
}

.one-click-recharge-wrapper .highlighted-pale {
    opacity: .6
}

.one-click-recharge-wrapper .highlighted-green {
    color: #7dd239
}

.one-click-recharge-wrapper .highlighted-red {
    color: #bc4848
}

.one-click-recharge-layer-left {
    align-items: center;
    width: 100%;
    display: flex;
    flex-direction: row;
    flex: 1;
    flex-basis: auto;
    flex-grow: 0;
    flex-shrink: 1
}

.one-click-recharge-layer-left.centered {
    justify-content: center
}

.one-click-recharge-layer-right {
    align-items: center;
    margin-left: 16px;
    display: flex;
    flex-direction: row;
    flex: 1;
    flex-basis: auto;
    flex-grow: 0;
    flex-shrink: 0
}

.one-click-recharge-layer-right .btn {
    height: 40px;
    margin: 0;
    line-height: 2.5rem
}

.one-click-recharge-layer-right .btn.one-click-recharge-close-btn {
    border: none;
    line-height: initial;
    margin-left: 16px;
    padding: 0 !important;
    background: 0 0;
    color: rgba(255, 255, 255, .4);
    transition: 90ms ease-in-out
}

.one-click-recharge-layer-right .btn.one-click-recharge-close-btn>.icon {
    fill: rgba(255, 255, 255, 0.4);
    transition: 90ms ease-in-out
}

.one-click-recharge-layer-right .btn.one-click-recharge-close-btn.focus,
.one-click-recharge-layer-right .btn.one-click-recharge-close-btn:focus {
    background: 0 0;
    color: rgba(255, 255, 255, .8)
}

.one-click-recharge-layer-right .btn.one-click-recharge-close-btn.focus>.icon,
.one-click-recharge-layer-right .btn.one-click-recharge-close-btn:focus>.icon {
    fill: rgba(255, 255, 255, 0.8)
}

.one-click-recharge-layer-right .btn.one-click-recharge-close-btn.active,
.one-click-recharge-layer-right .btn.one-click-recharge-close-btn:active {
    background: 0 0;
    color: rgba(255, 255, 255, .8)
}

.one-click-recharge-layer-right .btn.one-click-recharge-close-btn.active>.icon,
.one-click-recharge-layer-right .btn.one-click-recharge-close-btn:active>.icon {
    fill: rgba(255, 255, 255, 0.8)
}

.one-click-recharge-layer-right .btn.one-click-recharge-close-btn .btn-loader-overlay {
    background-color: transparent;
    color: rgba(255, 255, 255, .4)
}

.one-click-recharge-layer-right .btn.one-click-recharge-close-btn .icon {
    height: 20px;
    margin: 0;
    width: 20px
}

.with-new-send-tip .one-click-recharge-layer-right .btn {
    height: 36px;
    line-height: 2.25rem
}

.with-new-send-tip .one-click-recharge-layer-right .one-click-recharge-alternative-action {
    margin-top: 2px
}

.one-click-recharge-alternative-action {
    cursor: pointer;
    font-weight: 400;
    margin-top: 6px;
    opacity: .6;
    text-align: center;
    text-decoration: underline;
    font-size: .75rem;
    transition: 120ms ease-in-out
}

.one-click-recharge-alternative-action:hover {
    opacity: 1
}

.one-click-recharge-icon {
    height: 40px;
    margin-right: 15px;
    width: 40px;
    flex: 1;
    flex-basis: auto;
    flex-grow: 0;
    flex-shrink: 0
}

.one-click-recharge-loader {
    margin-right: 12px !important
}

.one-click-recharge-loader .sector-circle {
    border-color: #d7d7d7 #d7d7d7 transparent !important;
    border-width: 3px !important
}

.one-click-recharge-title {
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.25rem
}

.one-click-recharge-description {
    font-weight: 400;
    margin-top: 4px;
    opacity: .6;
    font-size: .75rem
}

.view-cam-controls {
    align-items: center;
    background-color: #303133;
    box-shadow: none;
    justify-content: space-between;
    position: relative;
    display: flex;
    flex-direction: column
}

.view-cam-controls__personal-offer-tooltip {
    display: flex;
    flex-direction: column;
    font-size: 13px;
    text-align: center;
    width: 270px
}

.view-cam-controls__private-btn--chevron {
    margin-left: 4px
}

.view-cam-controls__private-btn-actual-price {
    margin: 0 4px 0 8px;
    opacity: .4
}

.view-cam-controls__private-btn-actual-price:before {
    background-color: currentColor
}

.view-cam-controls .view-cam-controls__private-btn--with-discount {
    padding-left: 20px;
    padding-right: 20px
}

.view-cam-controls__private-btn-price {
    white-space: nowrap
}

.view-cam-controls__end-cam2cam {
    fill: #af262f
}

.view-cam-controls__disabled-discount-icon {
    filter: brightness(.4)
}

.view-cam-controls .view-cam-controls-status {
    align-items: center;
    background-color: rgba(0, 0, 0, .1);
    color: rgba(248, 248, 248, .9);
    justify-content: center;
    padding: 6px 20px;
    width: 100%;
    display: flex;
    flex-direction: row;
    line-height: 1.5rem;
    font-size: .688rem
}

.view-cam-controls .view-cam-controls-toolbox {
    display: flex;
    flex-direction: row
}

.view-cam-controls .view-cam-controls-toolbox .view-cam-controls-btn:first-child {
    margin-left: 0
}

.view-cam-controls .view-cam-controls-wrapper {
    align-items: center;
    justify-content: space-between;
    min-height: 50px;
    padding: 10px 12px;
    position: relative;
    width: 100%;
    display: flex;
    flex-direction: row
}

.view-cam-controls .view-cam-controls-wrapper__center,
.view-cam-controls .view-cam-controls-wrapper__left,
.view-cam-controls .view-cam-controls-wrapper__right {
    display: flex;
    flex-basis: 0;
    flex-grow: 1
}

.view-cam-controls .view-cam-controls-wrapper__left {
    justify-content: flex-start
}

.view-cam-controls .view-cam-controls-wrapper__center {
    justify-content: center
}

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

.view-cam-controls .view-cam-controls-wrapper .a11y-button,
.view-cam-controls .view-cam-controls-wrapper .btn {
    white-space: nowrap
}

.view-cam-controls__btn-wrapper {
    position: relative
}

.view-cam-controls.with-new-send-tip .view-cam-controls-wrapper {
    height: 60px
}

.view-cam-controls .view-cam-buttons-wrapper {
    align-items: center;
    justify-content: flex-start;
    display: flex;
    flex-direction: row
}

.view-cam-controls .view-cam-buttons-wrapper .private-show-timer {
    font-variant-numeric: tabular-nums
}

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

.view-cam-controls .view-cam-buttons-wrapper .chat-actions {
    height: 40px;
    margin: 0;
    width: 40px
}

.view-cam-controls .proposal-controls-block {
    align-items: center;
    display: flex;
    flex-flow: row nowrap;
    white-space: nowrap
}

.view-cam-controls .notifications-tooltip-content.mobile+.view-cam-controls-wrapper {
    display: none
}

.view-cam-controls-btn {
    align-items: center;
    box-sizing: border-box;
    display: inline-flex;
    flex-shrink: 0;
    font-size: 15px;
    font-weight: 500;
    line-height: 40px;
    margin: 0;
    max-height: 40px;
    padding-left: 16px;
    padding-right: 16px;
    white-space: break-spaces;
    word-break: normal
}

.view-cam-controls-btn.btn-default-outline {
    border-width: 2px
}

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

.view-cam-controls .proposal {
    align-items: center;
    box-sizing: border-box;
    color: #f8f8f8;
    display: inline-block;
    line-height: 42px;
    opacity: .8;
    padding-right: 20px;
    vertical-align: top;
    font-size: .688rem;
    display: flex;
    flex-direction: row
}

.view-cam-controls .proposal .loader {
    display: inline-block;
    margin-right: 20px;
    vertical-align: -6px
}

.view-cam-controls .proposal-cancel {
    align-items: center;
    background-color: transparent;
    border-radius: 50%;
    cursor: pointer;
    height: 36px;
    justify-content: center;
    opacity: .7;
    width: 36px;
    display: flex;
    flex-direction: row
}

.view-cam-controls .proposal-cancel .icon {
    fill: #f8f8f8;
    height: 16px;
    margin: 0;
    width: 16px
}

.view-cam-controls .proposal-cancel:hover {
    background-color: rgba(24, 24, 24, .3)
}

.view-cam-controls .icon.icon-envelope-bubble,
.view-cam-controls .icon.icon-gift {
    height: 18px;
    width: 18px
}

.view-cam-controls .send-pm-mobile {
    background-color: rgba(255, 255, 255, .8);
    opacity: .8;
    padding: 0 11px
}

.view-cam-controls .send-pm-mobile .icon-envelope-bubble {
    fill: rgba(0, 0, 0, 0.6);
    margin: 0
}

.view-cam-controls .icon-gift {
    opacity: .6
}

.view-cam-controls .btn-apply-alter {
    background: #c5d448;
    color: #000;
    transition: 90ms ease-in-out
}

.view-cam-controls .btn-apply-alter>.icon {
    fill: black;
    transition: 90ms ease-in-out
}

.view-cam-controls .btn-apply-alter.focus,
.view-cam-controls .btn-apply-alter:focus {
    background: #c5d448;
    color: #000
}

.view-cam-controls .btn-apply-alter.focus>.icon,
.view-cam-controls .btn-apply-alter:focus>.icon {
    fill: black
}

.view-cam-controls .btn-apply-alter.active,
.view-cam-controls .btn-apply-alter:active {
    background: #c5d448;
    color: #000
}

.view-cam-controls .btn-apply-alter.active>.icon,
.view-cam-controls .btn-apply-alter:active>.icon {
    fill: black
}

.view-cam-controls .btn-apply-alter .btn-loader-overlay {
    background-color: #c5d448;
    color: #000
}

.view-cam-controls .group-show-btn {
    align-items: center;
    border-color: rgba(128, 128, 128, .6);
    border-width: 2px;
    font-size: 13px;
    margin-left: 0;
    white-space: nowrap;
    display: flex;
    flex-direction: row
}

.view-cam-controls .group-show-btn .icon {
    fill: #fff !important;
    transition: none;
    width: 26px
}

.view-cam-controls .group-show-btn .icon.icon-ticket {
    height: 18px
}

.view-cam-controls .group-show-btn .pale,
.view-cam-controls .group-show-btn .private-show-timer {
    opacity: .6
}

.view-cam-controls .group-show-btn:active,
.view-cam-controls .group-show-btn:focus {
    background-color: transparent
}

.view-cam-controls .group-show-btn:hover {
    background-color: rgba(128, 128, 128, .6);
    border-color: transparent;
    color: #fff !important
}

.view-cam-controls .group-show-btn__dropdownContent {
    border-radius: 8px
}

.view-cam-controls .group-show-btn__dropdownContent .ticket-show-announce-join {
    background: rgba(255, 255, 255, .8);
    color: #000
}

.view-cam-controls .group-show-btn__dropdownContent .ticket-show-announce-join:hover {
    background: rgba(255, 255, 255, .6);
    color: #000
}

.view-cam-controls .group-show-btn.group-show-btn--new {
    background-color: #feb601;
    border-color: transparent;
    border-width: 2px;
    color: #101010;
    font-size: 15px;
    font-weight: 700;
    padding-left: 12px;
    transition: none
}

.view-cam-controls .group-show-btn.group-show-btn--new .pale,
.view-cam-controls .group-show-btn.group-show-btn--new .private-show-timer {
    opacity: 1
}

.view-cam-controls .group-show-btn.group-show-btn--new .private-show-timer {
    color: #101010
}

.view-cam-controls .group-show-btn.group-show-btn--new .icon {
    color: #101010;
    display: block;
    height: 20px !important;
    margin-right: 8px;
    width: 20px !important
}

.view-cam-controls .group-show-btn.group-show-btn--new:active,
.view-cam-controls .group-show-btn.group-show-btn--new:hover {
    background-color: #fbc932;
    color: #101010 !important
}

.view-cam-controls .group-show-btn.group-show-btn--purchased {
    background: 0 0;
    border: 2px solid #feb601;
    color: #f8f8f8
}

.view-cam-controls .group-show-btn.group-show-btn--purchased .icon {
    color: #feb601;
    fill: rgb(254, 182, 1) !important
}

.view-cam-controls .group-show-btn.group-show-btn--purchased .private-show-timer {
    color: #feb601
}

.view-cam-controls .group-show-btn.group-show-btn--purchased:active,
.view-cam-controls .group-show-btn.group-show-btn--purchased:hover {
    background-color: rgba(254, 182, 1, .1);
    border: 2px solid #feb601;
    color: #f8f8f8 !important
}

.view-cam-controls .group-show-btn.group-show-btn--purchased:active .icon,
.view-cam-controls .group-show-btn.group-show-btn--purchased:hover .icon {
    color: #feb601;
    fill: rgb(254, 182, 1) !important
}

.view-cam-controls .group-show-btn.group-show-btn--purchased:active .private-show-timer,
.view-cam-controls .group-show-btn.group-show-btn--purchased:hover .private-show-timer {
    color: #feb601
}

.view-cam-controls .group-show-dropdown-mobile .dropdown-content {
    border-radius: 0;
    padding: 20px
}

.view-cam-controls .group-show-dropdown-mobile .dropdown-content:after {
    border-width: 6px;
    left: 80%;
    transform: translate(-50%, -6px) rotate(45deg)
}

.view-cam-controls .group-show-dropdown-mobile--new {
    padding: 0 !important
}

.view-cam-controls .group-show-dropdown-xhl .dropdown-content {
    background-color: #fff;
    box-shadow: 0 1px 0 rgba(79, 79, 79, .4);
    color: #4f4f4f
}

.view-cam-controls .group-show-dropdown-xhl .dropdown-content .group-show-announce-rate {
    color: #4f4f4f
}

.view-cam-controls .group-show-dropdown-xhl .dropdown-content .group-show-announce-head {
    border-bottom: 1px solid rgba(140, 140, 140, .4)
}

.view-cam-controls .group-show-dropdown-xhl .dropdown-content:after {
    border-color: #fff transparent transparent #fff
}

.view-cam-controls .button-text-short,
.view-cam-controls .button-text-xs-short,
.view-cam-controls .button-text-xxs-short {
    display: none
}

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

.view-cam-controls__private-tip-button {
    font-weight: 500 !important
}

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

.view-cam-controls:not(.with-new-send-tip) .view-cam-controls__private-btn {
    border-width: 1px
}

.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,
.view-cam-controls:not(.with-new-send-tip) .view-cam-controls__private-tip {
    font-size: 13px;
    line-height: 30px;
    max-height: 36px
}

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

.view-cam-controls:not(.with-new-send-tip) .btn-default-outline {
    border-width: 1px
}

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

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

.play-button {
    background: rgba(0, 0, 0, .5);
    border-radius: 33px;
    color: #fff;
    cursor: pointer;
    font-weight: 700;
    letter-spacing: 2px;
    line-height: 65px;
    margin: 0;
    padding: 0 70px 0 50px;
    pointer-events: auto;
    text-transform: uppercase;
    z-index: 110;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    font-size: 1.25rem;
    transition: 120ms ease-in-out
}

.play-button:hover {
    background: rgba(0, 0, 0, .4)
}

.play-button::before {
    background: #88fb3b;
    border-radius: 50%;
    box-shadow: 0 0 14px #52f414;
    content: "";
    display: inline-block;
    height: 15px;
    left: 23px;
    position: absolute;
    top: 25px;
    width: 15px
}

.play-button .icon-play-3 {
    fill: #fff;
    height: 29px;
    margin: 0;
    position: absolute;
    right: 23px;
    top: 18px;
    width: 25px
}

#lvs-control-panel #main-panel-horizontal,
#lvs-control-panel #minify-panel,
#lvs-control-panel #minify-panel-horizontal {
    z-index: inherit
}

.my-video {
    min-height: 500px;
    min-width: 500px;
    position: absolute;
    z-index: 100
}

.my-video video {
    min-height: 500px
}

.player-wrapper video {
    -o-object-fit: contain;
    object-fit: contain
}

.player-wrapper--loading canvas {
    opacity: 0
}

.player-wrapper.player.player-type-hls,
.player-wrapper.player.player-type-mse,
.player-wrapper.player.player-type-webrtc {
    position: absolute
}

.player-wrapper.fullscreen {
    height: 100%;
    left: 0;
    position: fixed !important;
    top: 0;
    width: 100%;
    z-index: 400
}

.player-wrapper.fullscreen .content {
    background: #000
}

.player-wrapper.fullscreen .content>.snapshot-player {
    flex-direction: row;
    height: 100%;
    justify-content: center;
    display: flex;
    flex-direction: row
}

.player-wrapper.fullscreen .content>.snapshot-player .canvas-wrapper {
    flex: 1 1 auto;
    height: auto !important;
    justify-content: center;
    margin: auto
}

.player-wrapper.fullscreen .content>.snapshot-player .canvas-container {
    align-content: center;
    justify-content: center;
    position: relative;
    display: flex;
    flex-direction: row
}

.player-wrapper.fullscreen .content>.snapshot-player canvas {
    border-radius: 0;
    max-height: 100vh;
    max-width: 133.3333333333vh;
    position: relative
}

.player-wrapper.fullscreen .content .poster {
    opacity: .25
}

.player-wrapper.fullscreen .controls .btn-fullscreen {
    display: block
}

.video-element-wrapper-blur {
    background-size: 0 0;
    overflow: hidden;
    pointer-events: none;
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.video-element-wrapper-blur.with-blur .image-background,
.video-element-wrapper-blur.with-blur .image-background-transition,
.video-element-wrapper-blur.with-blur:before {
    background-image: inherit;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    filter: blur(10px) brightness(.6);
    transform: scale(1.04);
    transform-origin: center;
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.video-element-wrapper-blur.with-blur:before {
    content: ""
}

.video-element-wrapper-blur.with-poster:after {
    background-image: inherit;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.player__player-controls {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.player .loader {
    z-index: 102
}

.player .content {
    height: 100%
}

.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 {
    height: 100%;
    position: absolute;
    width: 100%;
    z-index: 100
}

.player .content .mse-player #middleView-nano-player {
    display: none
}

.player .content .mse-player,
.player .content .mse-player .mse-player-video-wrapper,
.player .content .snapshot-player,
.player .content .web-rtc-player {
    height: 100%;
    width: 100%
}

.player .content .mse-player .video-element-wrapper,
.player .content .snapshot-player .video-element-wrapper,
.player .content .web-rtc-player .video-element-wrapper {
    height: 100%;
    overflow: hidden;
    position: relative;
    width: 100%
}

.player .content .mse-player canvas,
.player .content .snapshot-player canvas,
.player .content .web-rtc-player canvas {
    border-bottom-right-radius: 3px;
    border-top-right-radius: 3px
}

.player .content>.snapshot-player {
    flex-direction: row;
    height: 100%;
    justify-content: center;
    flex: 1;
    flex-basis: auto;
    flex-grow: 1;
    flex-shrink: 0;
    display: flex;
    flex-direction: row
}

.player .content>.snapshot-player .canvas-wrapper {
    height: 100%;
    justify-content: center;
    margin: auto;
    position: relative;
    width: 100%;
    flex: 1;
    flex-basis: auto;
    flex-grow: 1;
    flex-shrink: 0
}

.player .content>.snapshot-player .canvas-container {
    align-content: center;
    height: 100%;
    justify-content: center;
    position: relative;
    width: 100%;
    display: flex;
    flex-direction: row
}

.player .content>.snapshot-player canvas {
    border-radius: 0;
    height: 100%;
    position: relative
}

.player .content .poster {
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 100
}

.hd .player-wrapper.fullscreen .content>.snapshot-player canvas {
    max-width: 179.9856011519vh
}

.hd .player .web-rtc-player .web-rtc-video-wrapper {
    padding: 0;
    flex: 1;
    flex-basis: 30%;
    flex-grow: 1;
    flex-shrink: 1
}

html.ios-fullscreen,
html.ios-fullscreen body {
    height: 100%;
    overflow: auto;
    -webkit-overflow-scrolling: auto;
    width: 100%
}

html.ios-fullscreen div#body .main-layout {
    height: 0;
    min-height: 0;
    overflow: hidden
}

.PlayerLoader__floatingLoader\#gT {
    animation: PlayerLoader__spin\#WW 1s infinite linear;
    background: radial-gradient(farthest-side, #fff 94%, rgba(0, 0, 0, 0)) top/4px 4px no-repeat, conic-gradient(rgba(0, 0, 0, 0) 30%, #fff);
    border-radius: 50%;
    height: 34px;
    left: calc(50% - 17px);
    -webkit-mask: radial-gradient(farthest-side, rgba(0, 0, 0, 0) calc(100% - 4px), #000 0);
    position: absolute;
    top: calc(50% - 17px);
    width: 34px;
    z-index: 100
}

@keyframes PlayerLoader__spin\#WW {
    100% {
        transform: rotate(1turn)
    }
}

.help-tooltip {
    border: 1px solid #8d8d8d;
    border-radius: 50%;
    color: #8d8d8d;
    cursor: default;
    display: inline-block;
    flex-shrink: 0;
    height: 16px;
    line-height: 15px;
    text-align: center;
    width: 16px;
    font-size: .625rem
}

.help-tooltip:hover {
    background-color: #fff;
    border-color: #fff;
    color: #2b2b2b
}

.video-element-wrapper {
    height: 100%
}

.video-element-wrapper--loading canvas {
    opacity: 0
}

.video-element-wrapper--canvas {
    align-items: center
}

.video-element-wrapper__first-frame {
    height: 100%;
    left: 0;
    -o-object-fit: contain;
    object-fit: contain;
    opacity: 0;
    position: absolute;
    top: 0;
    transition: opacity .5s;
    width: 100%
}

.video-element-wrapper--show-first-frame .video-element-wrapper__first-frame {
    opacity: 1
}

.video-element-wrapper .video-element {
    opacity: 0;
    transition: opacity .5s
}

.video-element-wrapper--played .video-element {
    opacity: 1
}

.video-element-wrapper canvas,
.video-element-wrapper video {
    background: 0 0;
    height: 100%;
    position: relative;
    width: 100%
}

.video-element-wrapper canvas {
    display: block
}

.video-element-wrapper video.video-hidden {
    opacity: 0 !important;
    position: absolute !important
}

.video-element-wrapper video::-webkit-media-controls {
    opacity: 0
}

.video-element-wrapper video::-webkit-media-controls-mute-button {
    display: none !important
}

.video-element-wrapper video::-webkit-media-controls-timeline {
    display: none !important
}

.video-element-wrapper video::-webkit-media-controls-current-time-display {
    display: none !important
}

.video-element-wrapper video::-webkit-media-controls-enclosure {
    display: none !important
}

.video-element-wrapper video::-webkit-media-controls-play-button {
    display: none !important
}

.video-element-wrapper video::-webkit-media-controls-volume-slider {
    display: none !important
}

.player-error-boundary {
    align-items: center;
    display: flex;
    height: 100%;
    justify-content: center;
    position: absolute;
    width: 100%
}

.player-error-boundary__bg {
    background: #3b3b3b;
    border-radius: 12px;
    display: grid;
    grid-row-gap: 12px;
    grid-template-columns: 1fr;
    padding: 24px 32px;
    text-align: center
}

.player-error-boundary__description {
    font-size: 1.125rem;
    line-height: 1.563rem
}

.player-error-boundary__action .btn {
    margin: 0
}

.ViewCamPlayerFloatingDisableOnboarding\#x5 {
    border-radius: 12px;
    background: linear-gradient(180deg, #383838 0%, #101010 100%);
    box-shadow: 0 8px 20px 0 rgba(0, 0, 0, .6);
    display: flex;
    min-width: 320px;
    padding: 24px;
    flex-direction: column;
    align-items: center
}

.ViewCamPlayerFloatingDisableOnboarding__img\#ch {
    width: 200px;
    height: 66px;
    margin-bottom: 8px
}

.ViewCamPlayerFloatingDisableOnboarding__title\#Zf {
    color: #f8f8f8;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: .2px;
    text-align: center;
    margin-bottom: 4px
}

.ViewCamPlayerFloatingDisableOnboarding__subtitle\#O8 {
    color: #f8f8f8;
    opacity: .8;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px;
    letter-spacing: .2px;
    text-align: center;
    margin-bottom: 12px
}

.ViewCamPlayerFloatingDisableOnboarding__gotButtonDesktop\#uF {
    display: none
}

.ViewCamPlayerFloatingDisableOnboarding__gotButtonMobile\#K7 {
    display: block
}

.ViewCamPlayer\#yd {
    height: 100%;
    width: 100%
}

.ViewCamPlayer__backgroundMode\#Tc .loader,
.ViewCamPlayer__backgroundMode\#Tc .play-button,
.ViewCamPlayer__backgroundMode\#Tc .watermark {
    display: none
}

.ViewCamPlayer__backgroundMode\#Tc .video-element {
    -o-object-fit: cover;
    object-fit: cover
}

.ViewCamPlayer__floatingAnchor\#L5 {
    width: 100%
}

@keyframes ViewCamPlayer__fade-in\#T6 {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

.ViewCamPlayer__floating\#WO.ViewCamPlayer__floating\#WO.ViewCamPlayer__floating\#WO {
    animation: ViewCamPlayer__fade-in\#T6 .25s linear;
    position: fixed;
    top: calc(0px + 0px + 96px * 1 + 8px);
    top: var(--floating-top-gap, 0px);
    right: 8px;
    right: var(--floating-right-gap, 0px);
    transition: top .25s linear;
    z-index: 300
}

.ViewCamPlayer\#yd.ViewCamPlayer__floatingPlayer\#sI {
    aspect-ratio: 1;
    aspect-ratio: var(--aspect-ratio, 1);
    border-radius: 12px;
    box-shadow: 0 8px 20px 0 rgba(0, 0, 0, .6);
    height: auto;
    height: var(--aspect-ratio-height, auto);
    width: 100%;
    width: var(--aspect-ratio-width, 100%);
    max-height: 200px;
    max-width: 200px;
    overflow: hidden
}

.ViewCamPlayer\#yd.ViewCamPlayer__floatingPlayer\#sI .watermark {
    display: none
}

.ViewCamPlayer__draggable\#zh {
    cursor: grab;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    touch-action: none
}

.ViewCamPlayer__draggable\#zh * {
    touch-action: none
}

.ViewCamPlayer__floatingOnboarding\#uN {
    max-width: calc(100% - 8px - 8px);
    max-width: calc(100% - var(--floating-left-gap) - var(--floating-right-gap))
}

:root {
    --floating-top-safe-gap: 0px;
    --floating-bottom-safe-gap: 0px;
    --floating-gap: 8px;
    --header-height: 96px;
    --floating-top-gap: calc(var(--floating-top-safe-gap) + var(--header-notifications-height, 0px) + var(--header-height) * var(--header-is-visible, 1) + var(--floating-gap));
    --floating-bottom-gap: calc(var(--floating-bottom-safe-gap) + var(--floating-gap));
    --floating-left-gap: var(--floating-gap);
    --floating-right-gap: var(--floating-gap);
    --viewcam-max-width: calc(100vw - 28px)
}

@supports (top:env(safe-area-inset-top)) {
    :root {
        --floating-top-safe-gap: env(safe-area-inset-top, 0px)
    }
}

@supports (bottom:env(safe-area-inset-bottom)) {
    :root {
        --floating-bottom-safe-gap: env(safe-area-inset-bottom, 0px)
    }
}

.KingWrapper__kingPopoverContainer\#ZS {
    background-color: #111 !important;
    border-radius: 4px;
    box-shadow: 0 0 4px rgba(17, 17, 17, .2);
    padding: 8px 10px;
    text-align: center;
    z-index: 499
}

.KingWrapper__becomeKingButton\#HQ {
    background: #ffa900 !important;
    font-weight: 700;
    margin-top: 10px
}

.KingWrapper__becomeKingButton\#HQ:hover {
    background: rgba(255, 169, 0, .9) !important
}

.view-cam-info {
    align-items: flex-start;
    cursor: default;
    height: 0;
    margin-top: 10px;
    display: flex;
    flex-direction: row
}

.view-cam-info:not(.view-cam-info--visible) {
    position: relative;
    z-index: 0
}

.view-cam-info--with-new-goal {
    margin-top: 4px
}

.view-cam-info .tooltip>.tooltip-inner {
    text-align: center
}

.view-cam-info .tooltip .icon {
    margin-bottom: 3px
}

.view-cam-info .tooltip button:not(.epic-goal-progress__complete-button):not(.btn-v2-green-outline-ds):not(.ds-btn-apply-2-ds) {
    background: #ffa900;
    font-weight: 700;
    margin: 10px 0
}

.view-cam-info .tooltip button:not(.epic-goal-progress__complete-button):not(.btn-v2-green-outline-ds):not(.ds-btn-apply-2-ds):hover {
    background: rgba(255, 169, 0, .9)
}

.view-cam-info .view-cam-info-king {
    align-items: flex-end;
    color: #767676;
    font-weight: 400;
    font-size: .688rem;
    line-height: 1.125rem;
    flex: 1;
    flex-basis: 30%;
    flex-grow: 1;
    flex-shrink: 0;
    display: flex;
    flex-direction: column
}

.view-cam-info--with-new-goal .view-cam-info-king {
    flex-basis: 25%
}

.view-cam-info .view-cam-info-king-content {
    text-align: right;
    line-height: 1rem
}

.view-cam-info .dash {
    margin: 0 5px
}

.view-cam-info .king-wrapper {
    align-items: flex-start;
    color: #fff;
    justify-content: flex-end;
    line-height: 1.188rem;
    display: flex;
    flex-direction: row
}

.view-cam-info .king-wrapper .icon {
    fill: #fff
}

.view-cam-info .king-wrapper.is-king {
    color: #e1ad5b
}

.view-cam-info .king-wrapper.is-king .icon {
    fill: #e1ad5b
}

.view-cam-info .king-wrapper .king-wrapper-tooltip-username {
    color: #e1ad5b
}

.view-cam-info .king-wrapper .king-wrapper-tooltip-tokens {
    color: #fff
}

.view-cam-info .king-wrapper .be-first {
    font-weight: 700
}

.view-cam-info .king-wrapper-tooltip-description,
.view-cam-info .king-wrapper-tooltip-title {
    color: #767676;
    display: block;
    font-weight: 400;
    text-align: center;
    font-size: .75rem;
    line-height: 1.313rem
}

.view-cam-info .king-icon {
    fill: currentColor;
    margin-bottom: 3px
}

.view-cam-info .become-king-info {
    display: block
}

.view-cam-info .become-king-info .king-threshold {
    color: #fff;
    text-decoration: underline
}

.view-cam-info .king-wrapper-tooltip-tokens {
    color: #fff
}

.view-cam-info--visible {
    height: auto;
    padding: 4px 0
}

.view-cam-watching-limit {
    align-items: center;
    background: rgba(2, 2, 2, .85);
    height: 100%;
    justify-content: center;
    padding: 10px;
    position: absolute;
    width: 100%;
    z-index: 114;
    display: flex;
    flex-direction: column;
    transition: 120ms ease-in-out
}

.view-cam-watching-limit .btn-accept {
    padding: 0 30px
}

.view-cam-watching-limit .watching-limit-features {
    align-items: center;
    background-color: rgba(244, 244, 244, .1);
    border-radius: 30px;
    color: rgba(255, 255, 255, .7);
    cursor: pointer;
    justify-content: space-between;
    margin-bottom: 30px;
    padding: 10px 20px;
    display: flex;
    flex-direction: row;
    font-size: .813rem;
    line-height: 1.75rem
}

.view-cam-watching-limit .watching-limit-features .watching-limit-feature {
    align-items: center;
    margin: 0 10px;
    display: flex;
    flex-direction: row
}

.view-cam-watching-limit .watching-limit-features .icon {
    fill: rgba(255, 255, 255, 0.7);
    margin-right: 10px
}

.view-cam-watching-limit .watching-limit-title {
    color: #fa5365;
    color: var(--primary-light);
    font-weight: 700;
    margin-bottom: 20px;
    max-width: 600px;
    text-align: center;
    font-size: 1.5rem;
    line-height: 1.75rem
}

.view-cam-watching-limit .watching-limit-description {
    color: #fff;
    margin-bottom: 20px;
    max-width: 600px;
    opacity: .7;
    text-align: center;
    font-size: 1rem;
    line-height: 1.75rem
}

.ViewCamWrapper__videoLayout\#D_ {
    display: flex;
    flex-direction: column
}

.ViewCamWrapper__videoLayout\#D_ .ViewCamWrapper__video\#hm {
    display: flex;
    flex-direction: column;
    position: relative
}

.banned-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 35px 0 108px;
    max-width: 100%;
    text-align: center
}

.banned-container .icon {
    color: #f8f8f8;
    height: 93px;
    width: 90px
}

.banned-container .icon .svg-account-blocked-head {
    fill: url(#dark_head_gradient)
}

.banned-container .icon .svg-account-blocked-body {
    fill: url(#dark_body_gradient)
}

.banned-container .icon .svg-account-blocked-sign {
    fill: url(#sign_gradient)
}

.banned-container .banned-container-title {
    color: #f8f8f8;
    margin-top: 6px;
    font-size: 1.5rem;
    line-height: 1.813rem
}

.banned-container .banned-container-description {
    color: #f0f0f0;
    margin-top: 19px;
    max-width: 520px;
    width: 100%;
    font-size: .938rem;
    line-height: 1.313rem
}

.banned-container .banned-container-description__highlight {
    color: #ecd141
}

.banned-container_geo .banned-container-title {
    margin-top: 10px
}

#body>.viewcampage {
    height: 100%
}

#body>.viewcampage .page>.page-error {
    margin-top: 100px;
    text-align: center
}

#body>.viewcampage>.wrapper {
    background-color: rgba(24, 24, 24, .5) !important;
    min-height: 300px
}

#body>.viewcampage .view-cam-page-wrapper.theatre-mode {
    margin-bottom: auto;
    margin-top: auto
}

#body>.viewcampage .view-cam-page-wrapper.theatre-mode .view-cam-page .page,
#body>.viewcampage .view-cam-page-wrapper.theatre-mode .view-cam-page-main {
    max-width: 100vw;
    width: 100vw
}

#body>.viewcampage .view-cam-page-wrapper.theatre-mode .view-cam-page .page {
    padding-bottom: 0
}

#body.shaded .view-cam-page-wrapper .profile-wrapper {
    background: #0d0d0d;
    border-top: 1px solid #0d0d0d
}

#body.shaded .view-cam-page-wrapper .profile-wrapper .profile-header {
    color: #fff
}

#body.shaded .view-cam-page-wrapper .profile-wrapper .icon-wrapper .icon {
    fill: #fff
}

#body.shaded .header-email-verification-warning,
#body.shaded .user-level-notification {
    filter: brightness(15%);
    pointer-events: none
}

.view-cam-page .view-cam-page-main {
    display: flex;
    margin-bottom: 10px;
    margin-top: 10px;
    position: relative
}

.view-cam-page .view-cam-page-main.theatre-mode {
    margin-bottom: 0;
    margin-top: 0
}

.view-cam-page .view-cam-page-main.theatre-mode .chat {
    padding-right: 0
}

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

.view-cam-page .view-cam-page-main .video {
    position: relative
}

.view-cam-page .view-cam-page-main .chat {
    min-height: 300px;
    min-width: 400px;
    padding: 0 0 0 10px;
    position: relative;
    display: flex;
    flex-direction: column;
    flex: 1;
    flex-basis: auto;
    flex-grow: 1;
    flex-shrink: 0
}

.view-cam-page .view-cam-container .loader-wrapper {
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%)
}

.view-cam-page .view-cam-container .loader-wrapper .loader {
    position: relative
}

.view-cam-page .view-cam-container .loader-wrapper .loader-wrapper-message {
    font-size: 14px;
    line-height: 19px;
    opacity: .5;
    text-align: center
}

.view-cam-page-wrapper .profile-wrapper {
    background: #000;
    border-top: 1px solid rgba(255, 255, 255, .05)
}

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

.view-cam-page-wrapper .profile-wrapper .profile-header {
    align-items: flex-start;
    color: #f8f8f8;
    display: flex;
    justify-content: flex-end;
    margin-bottom: 10px;
    padding-top: 14px
}

.view-cam-page-wrapper .profile-wrapper .profile-header .icon-wrapper {
    background: rgba(255, 255, 255, .1);
    border-radius: 4px;
    cursor: pointer;
    display: block;
    float: right;
    padding: 10px
}

.view-cam-page-wrapper .profile-wrapper .profile-header .icon-wrapper .icon {
    color: #606060;
    margin: 0
}

.view-cam-page-wrapper .profile-wrapper .bottom-close {
    cursor: pointer;
    display: block;
    margin: 0 auto 30px;
    width: 50px
}

.view-cam-page-wrapper .profile-wrapper .bottom-close .icon {
    fill: #646464;
    margin-right: 0
}

.viewcam-page-traffic-star {
    margin-top: -6px;
    padding-bottom: 12px
}

@media screen and (min-width:375px) {
    .view-cam-controls .view-cam-controls__private-btn {
        padding-right: 12px
    }
}

@media screen and (min-width:480px) {
    .ViewCamShutterNextModelButton\#m9 {
        display: none
    }

    .ViewCamGroup__footer\#_3 {
        margin-top: 20px
    }

    .add-to-favorite-control .add-to-favorite-control__favorite-icon--mobile,
    .favorite-control__mobile {
        display: none
    }

    .view-cam-controls .group-show-btn>.icon {
        display: block
    }
}

@media screen and (min-width:640px) {
    .ViewCamShutterTitle\#eU {
        font-size: 24px;
        padding: 10px 0 0
    }

    .ViewCamShutterButton\#fW {
        font-size: 16px
    }

    .ViewCamGroup__body\#Iw {
        margin-bottom: 24px
    }

    .ViewCamShutterDescription\#jc {
        font-size: 16px;
        line-height: 29px;
        max-width: 60%;
        padding: 13px 0 0
    }

    .ViewCamShutterHint\#OH {
        background: rgba(255, 255, 255, .07);
        font-size: 13px;
        padding: 16px 20px
    }

    .ViewCamP2p__body\#qW {
        margin-bottom: 24px
    }

    .ViewCamP2p__footer\#ml {
        margin: auto auto 36px;
        max-width: 90%
    }

    .ViewCamPrivate__body\#FT {
        margin-bottom: 24px
    }

    .ViewCamPrivate__spyBtnIcon\#DN {
        display: inline-block
    }

    .ViewCamPrivate__footer\#_u {
        margin: auto auto 36px;
        max-width: 90%
    }
}

@media screen and (min-width:1024px) {
    .ViewCamGroup\#kR {
        padding: 20px
    }

    .view-cam-controls .chat-actions,
    .view-cam-controls .chat-actions-wrapper {
        display: none
    }

    .view-cam-controls .view-cam-buttons-wrapper {
        order: 1
    }

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

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

    .ViewCamPlayerFloatingDisableOnboarding__gotButtonDesktop\#uF {
        display: block
    }

    .ViewCamPlayerFloatingDisableOnboarding__gotButtonMobile\#K7 {
        display: none
    }

    .ViewCamPlayer__floating\#WO.ViewCamPlayer__floating\#WO.ViewCamPlayer__floating\#WO {
        top: auto;
        right: auto;
        bottom: calc(0px + 8px);
        bottom: var(--floating-bottom-gap, 0px);
        left: 8px;
        left: var(--floating-left-gap, 0px)
    }

    .ViewCamPlayer\#yd.ViewCamPlayer__floatingPlayer\#sI {
        max-height: 320px;
        max-width: 320px
    }

    :root {
        --floating-gap: 24px;
        --header-height: 54px
    }

    .ViewCamWrapper\#xv.ViewCamWrapper__theatreMode\#Yo.ViewCamWrapper__theatreMode\#Yo.ViewCamWrapper__theatreMode\#Yo {
        height: 100%;
        margin: 0;
        position: fixed;
        top: 0;
        width: 100%
    }

    .ViewCamWrapper\#xv.ViewCamWrapper__theatreMode\#Yo.ViewCamWrapper__theatreMode\#Yo.ViewCamWrapper__theatreMode\#Yo .ViewCamWrapper__videoLayout\#D_ {
        height: 100%;
        position: relative;
        width: calc(100% - 446px)
    }

    .ViewCamWrapper\#xv.ViewCamWrapper__theatreMode\#Yo.ViewCamWrapper__theatreMode\#Yo.ViewCamWrapper__theatreMode\#Yo .ViewCamWrapper__chatLayout\#n4 .ViewCamWrapper__chat\#MZ,
    .ViewCamWrapper\#xv.ViewCamWrapper__theatreMode\#Yo.ViewCamWrapper__theatreMode\#Yo.ViewCamWrapper__theatreMode\#Yo .ViewCamWrapper__videoLayout\#D_ .ViewCamWrapper__video\#hm {
        flex: 1;
        max-height: unset
    }

    .ViewCamWrapper\#xv .ViewCamWrapper__chatLayout\#n4,
    .ViewCamWrapper\#xv .ViewCamWrapper__chatLayout\#n4 .ViewCamWrapper__chat\#MZ,
    .ViewCamWrapper\#xv .ViewCamWrapper__videoLayout\#D_,
    .ViewCamWrapper\#xv .ViewCamWrapper__videoLayout\#D_ .ViewCamWrapper__video\#hm {
        transition: width .2s, height .2s
    }

    .ViewCamWrapper__videoLayout\#D_ {
        --max-height: calc(100vh - 256px);
        --max-width: calc(100vw - 446px)
    }

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

    @supports (height:100dvw) {
        .ViewCamWrapper__videoLayout\#D_ {
            --max-width: calc(100dvw - 446px)
        }
    }

    .ViewCamWrapper\#xv:not(.ViewCamWrapper__vertical\#Ch) .ViewCamWrapper__videoLayout\#D_ {
        max-width: calc(100% - 446px);
        min-width: 550px;
        width: calc(var(--max-height) * var(--aspect-ratio))
    }

    .ViewCamWrapper\#xv:not(.ViewCamWrapper__vertical\#Ch) .ViewCamWrapper__videoLayout\#D_ .ViewCamWrapper__video\#hm {
        height: var(--max-height);
        max-height: calc((calc(100vw - 28px) - 446px)/ var(--aspect-ratio));
        max-height: calc((var(--viewcam-max-width) - 446px)/ var(--aspect-ratio));
        min-height: calc(550px / var(--aspect-ratio));
        width: 100%
    }

    .ViewCamWrapper\#xv.ViewCamWrapper__vertical\#Ch .ViewCamWrapper__videoLayout\#D_ {
        max-width: calc(calc(100vw - 28px) - 446px);
        max-width: calc(var(--viewcam-max-width) - 446px);
        min-width: 590px;
        width: calc(var(--max-height) * 1.333)
    }

    .ViewCamWrapper\#xv.ViewCamWrapper__vertical\#Ch .ViewCamWrapper__videoLayout\#D_ .ViewCamWrapper__video\#hm {
        height: var(--max-height);
        max-height: calc((calc(100vw - 28px) - 446px)/ 1.333);
        max-height: calc((var(--viewcam-max-width) - 446px)/ 1.333);
        min-height: calc(590px / 1.333);
        width: 100%
    }

    .ViewCamWrapper__chatLayout\#n4.ViewCamWrapper__chatLayout\#n4 {
        --max-chat-width: calc(100vw - 446px);
        --height: calc(100vh - 256px + 60px);
        max-height: unset;
        min-height: unset
    }

    @supports (height:100svh) {
        .ViewCamWrapper__chatLayout\#n4.ViewCamWrapper__chatLayout\#n4 {
            --height: calc(100svh - 256px + 60px)
        }
    }

    @supports (height:100dvw) {
        .ViewCamWrapper__chatLayout\#n4.ViewCamWrapper__chatLayout\#n4 {
            --max-chat-width: calc(100dvw - 446px)
        }
    }

    .ViewCamWrapper__chatLayout\#n4.ViewCamWrapper__chatLayout\#n4 .ViewCamWrapper__chat\#MZ {
        flex: unset;
        height: var(--height)
    }

    .ViewCamWrapper\#xv:not(.ViewCamWrapper__vertical\#Ch) .ViewCamWrapper__chatLayout\#n4.ViewCamWrapper__chatLayout\#n4 .ViewCamWrapper__chat\#MZ {
        max-height: calc(calc((calc(100vw - 28px) - 446px)/ var(--aspect-ratio)) + 60px);
        max-height: calc(calc((var(--viewcam-max-width) - 446px)/ var(--aspect-ratio)) + 60px);
        min-height: calc(calc(550px / var(--aspect-ratio)) + 60px)
    }

    .ViewCamWrapper\#xv.ViewCamWrapper__vertical\#Ch .ViewCamWrapper__chatLayout\#n4.ViewCamWrapper__chatLayout\#n4 .ViewCamWrapper__chat\#MZ {
        max-height: calc(calc((calc(100vw - 28px) - 446px)/ 1.333) + 60px);
        max-height: calc(calc((var(--viewcam-max-width) - 446px)/ 1.333) + 60px);
        min-height: calc(calc(590px / 1.333) + 60px)
    }

    #body>.viewcampage .view-cam-container .page {
        max-width: calc(100vw - 28px);
        max-width: var(--viewcam-max-width);
        padding: 0 !important
    }

    #body>.viewcampage .view-cam-container .view-cam-header-sub .container {
        max-width: calc(100vw - 28px);
        max-width: var(--viewcam-max-width);
        padding: 0
    }

    .view-cam-page .view-cam-container .view-cam-page-main {
        max-width: calc(100vw - 28px);
        max-width: var(--viewcam-max-width);
        width: calc(calc(100vw - 28px) * 1.6 + 400px);
        width: calc(var(--viewcam-max-width) * 1.6 + 400px)
    }
}

@media screen and (min-width:1024px) and (max-aspect-ratio:16/9) {
    .ViewCamWrapper\#xv:not(.ViewCamWrapper__vertical\#Ch) .ViewCamWrapper__videoLayout\#D_ {
        width: var(--max-width)
    }

    .ViewCamWrapper\#xv:not(.ViewCamWrapper__vertical\#Ch) .ViewCamWrapper__videoLayout\#D_ .ViewCamWrapper__video\#hm {
        height: calc(var(--max-width)/ var(--aspect-ratio))
    }

    .ViewCamWrapper\#xv:not(.ViewCamWrapper__vertical\#Ch) .ViewCamWrapper__chatLayout\#n4.ViewCamWrapper__chatLayout\#n4 .ViewCamWrapper__chat\#MZ {
        height: calc(var(--max-chat-width)/ var(--aspect-ratio) + 60px)
    }
}

@media screen and (min-width:1281px) {
    #body>.viewcampage .view-cam-page-wrapper.theatre-mode .view-cam-container {
        --viewcam-max-width: 100vw
    }
}

@media screen and (min-width:1366px) {
    .ViewCamShutterIcon\#Gv {
        height: 70px;
        width: 70px
    }
}

@media screen and (min-width:1600px) {
    .ViewCamShutterIcon\#Gv {
        height: 85px;
        width: 85px
    }

    .ViewCamShutterTitle\#eU {
        font-size: 28px;
        padding: 28px 0 0
    }

    .ViewCamShutterDescription\#jc {
        font-size: 20px;
        line-height: 29px;
        padding: 27px 0 0
    }

    .ViewCamP2p__footer\#ml {
        margin: auto auto 50px
    }

    .ViewCamPrivate__footer\#_u {
        margin: auto auto 50px
    }

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

    .view-cam-page .view-cam-container .view-cam-page-main {
        max-width: 100%;
        width: 100%
    }
}

@media screen and (min-width:1948px) {
    #body>.viewcampage .view-cam-container {
        --viewcam-max-width: 1920px
    }

    #body>.viewcampage .view-cam-container .page,
    #body>.viewcampage .view-cam-container .view-cam-header-sub .container {
        max-width: 1920px
    }
}

@media screen and (min-width:2041px) {
    .view-cam-page .view-cam-container .view-cam-page-main {
        min-width: 1920px
    }
}

@media screen and (min-width:2561px) {
    .view-cam-page .view-cam-container .view-cam-page-main {
        max-width: 1920px;
        min-width: 1920px
    }
}

@media screen and (max-width:1599px) {
    .ViewCamIdle__icon\#_M {
        height: 80px;
        width: 80px
    }
}

@media screen and (max-width:1365px) {
    .ViewCamGroupV2__title\#dL {
        font-size: 22px;
        margin-bottom: 10px
    }

    .ViewCamGroupV2__descriptionContainer\#Qx {
        padding-top: 53px
    }

    .ViewCamGroupV2__description\#vO {
        margin-bottom: 10px;
        padding: 34px 30px 10px
    }

    .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: 14px
    }

    .ViewCamGroupV2__aboutShow\#P6 {
        font-size: 13px;
        line-height: 18px
    }

    .ViewCamGroupV2__divider\#W0 {
        margin: 6px 0
    }

    .ViewCamGroupV2__timer\#f3 {
        font-size: 13px;
        line-height: 18px;
        margin-bottom: 8px
    }

    .ViewCamGroupV2__joinButton\#Qi {
        height: 40px
    }

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

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

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

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

@media screen and (max-height:700px) {
    .one-click-recharge-wrapper .one-click-recharge-layer-right .btn.btn-apply-alter2 {
        padding: 0 16px
    }

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

@media (orientation:landscape) {

    html.ios-fullscreen,
    html.ios-fullscreen body {
        height: calc(100vh + 150px)
    }
}

@media (pointer:fine) {

    .request-private-button .btn.hover,
    .request-private-button .btn:hover {
        background: #fbc932;
        color: #101010
    }

    .request-private-button .btn.hover>.icon,
    .request-private-button .btn:hover>.icon {
        fill: #101010
    }

    .one-click-recharge-layer-right .btn.one-click-recharge-close-btn.hover,
    .one-click-recharge-layer-right .btn.one-click-recharge-close-btn:hover {
        background: 0 0;
        color: rgba(255, 255, 255, .8)
    }

    .one-click-recharge-layer-right .btn.one-click-recharge-close-btn.hover>.icon,
    .one-click-recharge-layer-right .btn.one-click-recharge-close-btn:hover>.icon {
        fill: rgba(255, 255, 255, 0.8)
    }

    .view-cam-controls .btn-apply-alter.hover,
    .view-cam-controls .btn-apply-alter:hover {
        background: #fff;
        color: #000
    }

    .view-cam-controls .btn-apply-alter.hover>.icon,
    .view-cam-controls .btn-apply-alter:hover>.icon {
        fill: black
    }
}