@charset "UTF-8";

body {
    font: 400 0.875rem "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif
}

body.safari {
    -webkit-font-smoothing: subpixel-antialiased
}

body.safari:not(.retina) {
    font-weight: 400
}

html {
    font-size: 16px;
    -webkit-tap-highlight-color: transparent;
    box-sizing: border-box
}

body,
html {
    -webkit-text-size-adjust: 100%;
    -moz-text-size-adjust: 100%;
    text-size-adjust: 100%;
    letter-spacing: .031rem
}

a {
    color: #a4a4a4;
    cursor: pointer;
    text-decoration: none
}

a:active,
a:focus,
a:hover {
    color: #f8f8f8;
    text-decoration: underline
}

p {
    margin-bottom: 1rem;
    margin-top: 0
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin-top: 0
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
    color: inherit;
    font-family: inherit;
    font-weight: 700;
    line-height: 1.1;
    letter-spacing: .075rem;
    margin-bottom: .5rem
}

.h1,
h1 {
    font-size: 2.25rem
}

.h2,
h2 {
    font-size: 1.75rem
}

.h3,
h3 {
    font-size: 1.5rem
}

.h4,
h4 {
    font-size: 1.313rem
}

.h5,
h5 {
    font-size: 1.125rem
}

.h6,
h6 {
    font-size: .875rem
}

h1 div,
h2 div,
h3 div,
h4 div,
h5 div,
h6 div {
    letter-spacing: .031rem
}

.mark,
mark {
    background-color: #fcf8e3;
    padding: .2em
}

pre {
    margin-bottom: 1rem;
    margin-top: 0
}

.small,
small {
    font-size: 80%;
    font-weight: 400
}

.strong,
b,
strong {
    font-weight: 700
}

.em,
em {
    font-style: italic
}

.text-left {
    text-align: left
}

.text-center {
    text-align: center
}

.text-right {
    text-align: right
}

ol {
    counter-reset: item
}

ol li {
    display: block;
    margin-bottom: 10px
}

ol li:before {
    content: counters(item, ".") ". ";
    counter-increment: item
}

.no-wrap {
    white-space: nowrap
}

.fade-transition-enter {
    opacity: .01
}

.fade-transition-enter.fade-transition-enter-active {
    opacity: 1;
    transition: opacity .3s ease-in;
    will-change: opacity
}

.fade-transition-exit {
    opacity: 1
}

.fade-transition-exit.fade-transition-exit-active {
    opacity: .01;
    transition: opacity .3s ease-in;
    will-change: opacity
}

.fade-transition-quick-enter {
    opacity: .01
}

.fade-transition-quick-enter.fade-transition-quick-enter-active {
    opacity: 1;
    transition: opacity .15s ease-in;
    will-change: opacity
}

.fade-transition-quick-exit {
    opacity: 1
}

.fade-transition-quick-exit.fade-transition-quick-exit-active {
    opacity: .01;
    transition: opacity .15s ease-in;
    will-change: opacity
}

.fade-from-top-middle-quick-enter {
    opacity: .01;
    transform: translate(0, -50%)
}

.fade-from-top-middle-quick-enter-active {
    opacity: 1;
    transform: translate(0, 0);
    transition: opacity .15s ease-in-out, transform .15s ease-in-out;
    will-change: transform, opacity
}

.fade-from-top-middle-quick-exit {
    opacity: 1;
    transform: translate(0, 0)
}

.fade-from-top-middle-quick-exit-active {
    opacity: .01;
    transform: translate(0, -50%);
    transition: opacity .15s ease-in-out, transform .15s ease-in-out;
    will-change: transform, opacity
}

.hidden {
    display: none !important
}

.row {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    margin: 0 -10px
}

.row>* {
    min-width: 0
}

.row>.span-1 {
    flex-basis: calc(8.3333333333% - 20px);
    margin-left: 10px;
    margin-right: 10px;
    max-width: calc(8.3333333333% - 20px)
}

.row>.span-2 {
    flex-basis: calc(16.6666666667% - 20px);
    margin-left: 10px;
    margin-right: 10px;
    max-width: calc(16.6666666667% - 20px)
}

.row>.span-3 {
    flex-basis: calc(25% - 20px);
    margin-left: 10px;
    margin-right: 10px;
    max-width: calc(25% - 20px)
}

.row>.span-4 {
    flex-basis: calc(33.3333333333% - 20px);
    margin-left: 10px;
    margin-right: 10px;
    max-width: calc(33.3333333333% - 20px)
}

.row>.span-5 {
    flex-basis: calc(41.6666666667% - 20px);
    margin-left: 10px;
    margin-right: 10px;
    max-width: calc(41.6666666667% - 20px)
}

.row>.span-6 {
    flex-basis: calc(50% - 20px);
    margin-left: 10px;
    margin-right: 10px;
    max-width: calc(50% - 20px)
}

.row>.span-7 {
    flex-basis: calc(58.3333333333% - 20px);
    margin-left: 10px;
    margin-right: 10px;
    max-width: calc(58.3333333333% - 20px)
}

.row>.span-8 {
    flex-basis: calc(66.6666666667% - 20px);
    margin-left: 10px;
    margin-right: 10px;
    max-width: calc(66.6666666667% - 20px)
}

.row>.span-9 {
    flex-basis: calc(75% - 20px);
    margin-left: 10px;
    margin-right: 10px;
    max-width: calc(75% - 20px)
}

.row>.span-10 {
    flex-basis: calc(83.3333333333% - 20px);
    margin-left: 10px;
    margin-right: 10px;
    max-width: calc(83.3333333333% - 20px)
}

.row>.span-11 {
    flex-basis: calc(91.6666666667% - 20px);
    margin-left: 10px;
    margin-right: 10px;
    max-width: calc(91.6666666667% - 20px)
}

.row>.span-12 {
    flex-basis: calc(100% - 20px);
    margin-left: 10px;
    margin-right: 10px;
    max-width: calc(100% - 20px)
}

.clearfix::after {
    clear: both;
    content: "";
    display: table
}

#body_loader {
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%)
}

div#body .layout-without-adult,
div#body .main-layout {
    display: flex;
    flex-direction: column;
    height: 100%;
    min-height: 100vh
}

div#body .layout-without-adult>.wrapper,
div#body .main-layout>.wrapper {
    display: flex;
    flex: 1 0 auto;
    flex-direction: column;
    position: relative;
    z-index: 3
}

div#body .layout-without-adult>.wrapper:after,
div#body .main-layout>.wrapper:after {
    content: "";
    display: block;
    flex: none
}

footer {
    flex: none
}

@keyframes opacity-fade-show {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes opacity-fade-hide {
    from {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@keyframes opacity-fade-in {
    0% {
        opacity: .4
    }

    100% {
        opacity: 1
    }
}

@keyframes fade-in-right {
    from {
        opacity: 0;
        transform: translate3d(100%, 0, 0)
    }

    to {
        opacity: 1;
        transform: translate3d(0, 0, 0)
    }
}

@keyframes ring {
    0% {
        transform: rotate(-15deg)
    }

    2% {
        transform: rotate(15deg)
    }

    12%,
    4% {
        transform: rotate(-18deg)
    }

    14%,
    6% {
        transform: rotate(18deg)
    }

    8% {
        transform: rotate(-22deg)
    }

    10% {
        transform: rotate(22deg)
    }

    16% {
        transform: rotate(-12deg)
    }

    18% {
        transform: rotate(12deg)
    }

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

@keyframes pointing-down {

    0%,
    100% {
        transform: translate3d(0, 0, 0)
    }

    50% {
        transform: translate3d(0, -10%, 0)
    }
}

@keyframes skeleton-animation {
    0% {
        transform: translateX(-100%)
    }

    100%,
    70% {
        transform: translateX(34%)
    }
}

.login {
    margin: 0 auto;
    width: 320px
}

.login__login-without-password-link {
    align-items: center;
    color: #a4a4a4;
    display: inline-flex;
    margin-top: 16px;
    font-size: .875rem
}

.login__login-without-password-link:hover {
    color: #f8f8f8;
    text-decoration: none
}

.login__login-without-password-link:hover .login__login-without-password-link-icon {
    background-color: #f8f8f8
}

.login__login-without-password-link-icon {
    background-color: #a4a4a4;
    display: inline-block;
    height: 20px;
    margin-right: 10px;
    -webkit-mask-image: url(activation/authIsolated/components/Login/LoginWithoutPassword/LoginWithoutPasswordLinkStyled/images/sparkles.svg);
    mask-image: url(activation/authIsolated/components/Login/LoginWithoutPassword/LoginWithoutPasswordLinkStyled/images/sparkles.svg);
    width: 20px
}

.login__form-wrapper {
    background: radial-gradient(265.48% 177.2% at 56.25% 100%, rgba(223, 240, 255, .2) 0%, rgba(76, 136, 188, .06) .01%, rgba(76, 136, 188, 0) 100%), radial-gradient(135.43% 210.8% at 100% 0%, rgba(211, 0, 17, .2) 0%, rgba(211, 0, 17, 0) 74.84%), #1d1d1d;
    border-radius: 12px;
    box-shadow: 0 20px 40px rgba(0, 0, 0, .5);
    padding: 40px 32px;
    position: relative;
    text-align: center;
    width: 100%
}

.login--step-login .login__form-wrapper {
    padding-top: 40px
}

.login__title {
    color: #f8f8f8;
    font-size: 24px;
    font-weight: 700;
    line-height: 32px;
    margin-bottom: 30px;
    white-space: pre-wrap
}

.login__description {
    color: rgba(248, 248, 248, .8);
    font-size: 13px;
    font-weight: 500;
    letter-spacing: .2px;
    line-height: 18px;
    margin-top: 12px
}

.login__header {
    color: rgba(248, 248, 248, .5);
    display: flex;
    height: 24px;
    justify-content: space-between;
    margin-bottom: 8px;
    padding: 5px
}

.login__header-devider {
    flex: 1
}

.login__header .icon {
    color: rgba(248, 248, 248, .6);
    cursor: pointer;
    margin-right: 0;
    pointer-events: unset
}

.login__header .icon:hover {
    color: #f8f8f8
}

.login__close-button {
    cursor: pointer;
    padding: 10px 5px 10px 10px
}

.login__close-button .login__close-icon {
    color: rgba(255, 255, 255, .4);
    height: 13px;
    margin-right: 0;
    transition: .25s ease-in-out;
    width: 13px
}

.login__close-button:hover .login__close-icon {
    color: rgba(255, 255, 255, .8);
    margin-right: 0
}

.login__form-wrapper--without-password {
    padding: 35px
}

.login__third-party-authorization {
    margin: 52px 0 0
}

.login__third-party-authorization--top {
    margin: 0 0 13px;
    order: -1
}

.login__form-and-social-auth {
    display: flex;
    flex-direction: column;
    margin-top: 24px
}

.login__footer {
    color: rgba(248, 248, 248, .6);
    padding: 10px 0 0;
    position: relative;
    text-align: center;
    width: 100%
}

.login__footer-link {
    align-items: center;
    color: rgba(248, 248, 248, .8);
    display: inline-flex;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: .2px;
    line-height: 20px
}

.login__footer-link:hover {
    color: #f8f8f8;
    opacity: 1;
    text-decoration: none
}

.badge {
    background-color: #e14855;
    color: #fff;
    display: inline-block;
    padding: 0 3px;
    text-align: center;
    vertical-align: baseline
}

.badge-default {
    border-radius: 12px;
    height: 24px;
    line-height: 24px;
    min-width: 24px
}

.badge-alert-medium {
    background-color: #ffdf85;
    color: #414141;
    font-weight: 700;
    border-radius: 8px;
    height: 16px;
    line-height: 16px;
    min-width: 16px;
    font-size: .938rem
}

.badge-alert-medium-v2 {
    background-color: #ffd54f;
    color: #414141;
    font-weight: 700;
    border-radius: 8px;
    height: 16px;
    line-height: 16px;
    min-width: 16px;
    font-size: .938rem
}

.badge-alert-small {
    background-color: #ffdf85;
    color: #414141;
    font-weight: 700;
    border-radius: 6px;
    height: 12px;
    line-height: 12px;
    min-width: 12px;
    font-size: .688rem
}

.badge-alert-small-v2 {
    background-color: #ffd54f;
    color: #414141;
    font-weight: 700;
    border-radius: 6px;
    height: 12px;
    line-height: 12px;
    min-width: 12px;
    font-size: .688rem
}

.badge-question {
    border-radius: 8px;
    height: 16px;
    line-height: 16px;
    min-width: 16px;
    font-size: .625rem
}

.badge-new {
    background: #fb4646;
    border-radius: 4px;
    font-size: 9px;
    font-weight: 700;
    height: 16px;
    line-height: 16px;
    padding: 0 3px;
    text-shadow: 0 1px 2px rgba(0, 0, 0, .4);
    text-transform: uppercase
}

.badge-new-darken {
    background-color: #a2252d;
    border-radius: 4px;
    color: #f8f8f8;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: .4px;
    line-height: 10px;
    padding: 3px 4px;
    text-transform: uppercase
}

.btn {
    border: 1px solid transparent;
    cursor: pointer;
    display: inline-block;
    font-family: inherit;
    font-weight: 400;
    margin: 0 10px 10px 0;
    outline: 0;
    overflow: hidden;
    padding: 0 20px;
    position: relative;
    text-align: center;
    text-decoration: none;
    text-overflow: ellipsis;
    touch-action: manipulation;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    vertical-align: middle;
    white-space: nowrap;
    font-size: .813rem;
    letter-spacing: .013rem;
    line-height: 1.813rem;
    border-radius: 2rem
}

.btn.overflow-visible {
    overflow: visible
}

.btn:active,
.btn:focus,
.btn:hover {
    text-decoration: none
}

.btn:active {
    position: relative;
    top: 1px
}

.btn.disabled,
.btn:disabled {
    cursor: default;
    opacity: .33;
    pointer-events: none
}

.btn:last-child {
    margin-right: 0
}

.btn-extra-small {
    line-height: 19px
}

.btn-small {
    line-height: 23px
}

.btn-medium,
.btn-medium-long {
    line-height: 36px !important
}

.btn-large {
    line-height: 39px;
    font-size: .938rem
}

.btn-block {
    display: block;
    width: 100%
}

.btn-default {
    background: #5b5b5b;
    color: #f1f1f1;
    transition: 90ms ease-in-out;
    border-color: transparent
}

.btn-default>.icon {
    fill: #f1f1f1;
    transition: 90ms ease-in-out
}

.btn-default.focus,
.btn-default:focus {
    background: #2e2e2e;
    color: #f1f1f1;
    border-color: transparent
}

.btn-default.focus>.icon,
.btn-default:focus>.icon {
    fill: #f1f1f1
}

.btn-default.active,
.btn-default:active {
    background: #2e2e2e;
    color: #f1f1f1;
    border-color: transparent
}

.btn-default.active>.icon,
.btn-default:active>.icon {
    fill: #f1f1f1
}

.btn-default .btn-loader-overlay {
    color: #f1f1f1;
    background-color: #5b5b5b
}

.btn-default-restyled {
    background: #5b5b5b;
    color: #f1f1f1;
    transition: 90ms ease-in-out;
    border-color: transparent
}

.btn-default-restyled>.icon {
    fill: #f1f1f1;
    transition: 90ms ease-in-out
}

.btn-default-restyled.focus,
.btn-default-restyled:focus {
    background: #232323;
    color: #f1f1f1;
    border-color: transparent
}

.btn-default-restyled.focus>.icon,
.btn-default-restyled:focus>.icon {
    fill: #f1f1f1
}

.btn-default-restyled.active,
.btn-default-restyled:active {
    background: #232323;
    color: #f1f1f1;
    border-color: transparent
}

.btn-default-restyled.active>.icon,
.btn-default-restyled:active>.icon {
    fill: #f1f1f1
}

.btn-default-restyled .btn-loader-overlay {
    color: #f1f1f1;
    background-color: #5b5b5b
}

.btn-accept {
    background: #af262f;
    color: #f1f1f1;
    transition: 90ms ease-in-out
}

.btn-accept>.icon {
    fill: #f1f1f1;
    transition: 90ms ease-in-out
}

.btn-accept.focus,
.btn-accept:focus {
    background: #9c2a32;
    color: #f1f1f1
}

.btn-accept.focus>.icon,
.btn-accept:focus>.icon {
    fill: #f1f1f1
}

.btn-accept.active,
.btn-accept:active {
    background: #9c2a32;
    color: #f1f1f1
}

.btn-accept.active>.icon,
.btn-accept:active>.icon {
    fill: #f1f1f1
}

.btn-accept .btn-loader-overlay {
    color: #f1f1f1;
    background-color: #af262f
}

.btn-apply {
    background: #79943d;
    color: #f8f8f8;
    transition: 90ms ease-in-out
}

.btn-apply>.icon {
    fill: #f8f8f8;
    transition: 90ms ease-in-out
}

.btn-apply.focus,
.btn-apply:focus {
    background: #5f7430;
    color: #f8f8f8
}

.btn-apply.focus>.icon,
.btn-apply:focus>.icon {
    fill: #f8f8f8
}

.btn-apply.active,
.btn-apply:active {
    background: #5f7430;
    color: #f8f8f8
}

.btn-apply.active>.icon,
.btn-apply:active>.icon {
    fill: #f8f8f8
}

.btn-apply .btn-loader-overlay {
    color: #f8f8f8;
    background-color: #79943d
}

.btn-apply-primary {
    background: #34b353;
    color: #fff;
    transition: 90ms ease-in-out
}

.btn-apply-primary>.icon {
    fill: #fff;
    transition: 90ms ease-in-out
}

.btn-apply-primary.focus,
.btn-apply-primary:focus {
    background: #34c753;
    color: #fff
}

.btn-apply-primary.focus>.icon,
.btn-apply-primary:focus>.icon {
    fill: #fff
}

.btn-apply-primary.active,
.btn-apply-primary:active {
    background: #34c753;
    color: #fff
}

.btn-apply-primary.active>.icon,
.btn-apply-primary:active>.icon {
    fill: #fff
}

.btn-apply-primary .btn-loader-overlay {
    color: #fff;
    background-color: #34b353
}

.btn-apply-alternative {
    background: #79943d;
    color: #f8f8f8;
    transition: 90ms ease-in-out
}

.btn-apply-alternative>.icon {
    fill: #f8f8f8;
    transition: 90ms ease-in-out
}

.btn-apply-alternative.focus,
.btn-apply-alternative:focus {
    background: #5f7430;
    color: #f8f8f8
}

.btn-apply-alternative.focus>.icon,
.btn-apply-alternative:focus>.icon {
    fill: #f8f8f8
}

.btn-apply-alternative.active,
.btn-apply-alternative:active {
    background: #5f7430;
    color: #f8f8f8
}

.btn-apply-alternative.active>.icon,
.btn-apply-alternative:active>.icon {
    fill: #f8f8f8
}

.btn-apply-alternative .btn-loader-overlay {
    color: #f8f8f8;
    background-color: #79943d
}

.btn-apply-alter {
    background: #b1e345;
    color: #414141;
    transition: 90ms ease-in-out
}

.btn-apply-alter>.icon {
    fill: #414141;
    transition: 90ms ease-in-out
}

.btn-apply-alter.focus,
.btn-apply-alter:focus {
    background: #96c03b;
    color: #414141
}

.btn-apply-alter.focus>.icon,
.btn-apply-alter:focus>.icon {
    fill: #414141
}

.btn-apply-alter.active,
.btn-apply-alter:active {
    background: #96c03b;
    color: #414141
}

.btn-apply-alter.active>.icon,
.btn-apply-alter:active>.icon {
    fill: #414141
}

.btn-apply-alter .btn-loader-overlay {
    color: #414141;
    background-color: #b1e345
}

.btn-apply-private {
    background: #feb601;
    color: #101010;
    transition: 90ms ease-in-out
}

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

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

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

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

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

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

.btn-apply-alter2 {
    background: #6e932a;
    color: #f8f8f8;
    transition: 90ms ease-in-out
}

.btn-apply-alter2>.icon {
    fill: #f8f8f8;
    transition: 90ms ease-in-out
}

.btn-apply-alter2.focus,
.btn-apply-alter2:focus {
    background: #6e932a;
    color: #f8f8f8
}

.btn-apply-alter2.focus>.icon,
.btn-apply-alter2:focus>.icon {
    fill: #f8f8f8
}

.btn-apply-alter2.active,
.btn-apply-alter2:active {
    background: #6e932a;
    color: #f8f8f8
}

.btn-apply-alter2.active>.icon,
.btn-apply-alter2:active>.icon {
    fill: #f8f8f8
}

.btn-apply-alter2 .btn-loader-overlay {
    color: #f8f8f8;
    background-color: #6e932a
}

.btn-auth-banner {
    background: #fff;
    color: #414141;
    transition: 90ms ease-in-out
}

.btn-auth-banner>.icon {
    fill: #414141;
    transition: 90ms ease-in-out
}

.btn-auth-banner.focus,
.btn-auth-banner:focus {
    background: #e5e5e5;
    color: #414141
}

.btn-auth-banner.focus>.icon,
.btn-auth-banner:focus>.icon {
    fill: #414141
}

.btn-auth-banner.active,
.btn-auth-banner:active {
    background: #e5e5e5;
    color: #414141
}

.btn-auth-banner.active>.icon,
.btn-auth-banner:active>.icon {
    fill: #414141
}

.btn-auth-banner .btn-loader-overlay {
    color: #414141;
    background-color: #fff
}

.btn-decline {
    background: #2e2e2e;
    color: #fff;
    transition: 90ms ease-in-out
}

.btn-decline>.icon {
    fill: #fff;
    transition: 90ms ease-in-out
}

.btn-decline.focus,
.btn-decline:focus {
    background: #1e1e1e;
    color: #fff
}

.btn-decline.focus>.icon,
.btn-decline:focus>.icon {
    fill: #fff
}

.btn-decline.active,
.btn-decline:active {
    background: #1e1e1e;
    color: #fff
}

.btn-decline.active>.icon,
.btn-decline:active>.icon {
    fill: #fff
}

.btn-decline .btn-loader-overlay {
    color: #fff;
    background-color: #2e2e2e
}

.btn-delete {
    background: #de5b64;
    color: #f8f8f8;
    transition: 90ms ease-in-out
}

.btn-delete>.icon {
    fill: #f8f8f8;
    transition: 90ms ease-in-out
}

.btn-delete.focus,
.btn-delete:focus {
    background: #bf4d55;
    color: #f8f8f8
}

.btn-delete.focus>.icon,
.btn-delete:focus>.icon {
    fill: #f8f8f8
}

.btn-delete.active,
.btn-delete:active {
    background: #bf4d55;
    color: #f8f8f8
}

.btn-delete.active>.icon,
.btn-delete:active>.icon {
    fill: #f8f8f8
}

.btn-delete .btn-loader-overlay {
    color: #f8f8f8;
    background-color: #de5b64
}

.btn-end-broadcasting {
    background: #181818;
    color: #fff;
    transition: 90ms ease-in-out
}

.btn-end-broadcasting>.icon {
    fill: #fff;
    transition: 90ms ease-in-out
}

.btn-end-broadcasting.focus,
.btn-end-broadcasting:focus {
    background: rgb(36.75, 36.75, 36.75);
    color: #fff
}

.btn-end-broadcasting.focus>.icon,
.btn-end-broadcasting:focus>.icon {
    fill: #fff
}

.btn-end-broadcasting.active,
.btn-end-broadcasting:active {
    background: rgb(36.75, 36.75, 36.75);
    color: #fff
}

.btn-end-broadcasting.active>.icon,
.btn-end-broadcasting:active>.icon {
    fill: #fff
}

.btn-end-broadcasting .btn-loader-overlay {
    color: #fff;
    background-color: #181818
}

.btn-end-private {
    background: #5b5b5b;
    color: #f1f1f1;
    transition: 90ms ease-in-out
}

.btn-end-private>.icon {
    fill: #f1f1f1;
    transition: 90ms ease-in-out
}

.btn-end-private.focus,
.btn-end-private:focus {
    background: #2e2e2e;
    color: #f1f1f1
}

.btn-end-private.focus>.icon,
.btn-end-private:focus>.icon {
    fill: #f1f1f1
}

.btn-end-private.active,
.btn-end-private:active {
    background: #2e2e2e;
    color: #f1f1f1
}

.btn-end-private.active>.icon,
.btn-end-private:active>.icon {
    fill: #f1f1f1
}

.btn-end-private .btn-loader-overlay {
    color: #f1f1f1;
    background-color: #5b5b5b
}

.btn-gold {
    background: #e1ad5b;
    color: #414141;
    transition: 90ms ease-in-out
}

.btn-gold>.icon {
    fill: #414141;
    transition: 90ms ease-in-out
}

.btn-gold.focus,
.btn-gold:focus {
    background: #fff;
    color: #414141
}

.btn-gold.focus>.icon,
.btn-gold:focus>.icon {
    fill: #414141
}

.btn-gold.active,
.btn-gold:active {
    background: #fff;
    color: #414141
}

.btn-gold.active>.icon,
.btn-gold:active>.icon {
    fill: #414141
}

.btn-gold .btn-loader-overlay {
    color: #414141;
    background-color: #e1ad5b
}

.btn-highlighted {
    background: #833e42;
    color: #f1f1f1;
    transition: 90ms ease-in-out;
    border-color: #833e42
}

.btn-highlighted>.icon {
    fill: #f1f1f1;
    transition: 90ms ease-in-out
}

.btn-highlighted.focus,
.btn-highlighted:focus {
    background: #6b3236;
    color: #f1f1f1;
    border-color: #6b3236
}

.btn-highlighted.focus>.icon,
.btn-highlighted:focus>.icon {
    fill: #f1f1f1
}

.btn-highlighted.active,
.btn-highlighted:active {
    background: #6b3236;
    color: #f1f1f1
}

.btn-highlighted.active>.icon,
.btn-highlighted:active>.icon {
    fill: #f1f1f1
}

.btn-highlighted .btn-loader-overlay {
    color: #f1f1f1;
    background-color: #833e42
}

.btn-highlighted.active,
.btn-highlighted:active {
    border-color: #6b3236
}

.btn-nav {
    background: #5b5b5b;
    color: #f8f8f8;
    transition: 90ms ease-in-out
}

.btn-nav>.icon {
    fill: #f8f8f8;
    transition: 90ms ease-in-out
}

.btn-nav.focus,
.btn-nav:focus {
    background: #292929;
    color: #fff
}

.btn-nav.focus>.icon,
.btn-nav:focus>.icon {
    fill: #fff
}

.btn-nav.active,
.btn-nav:active {
    background: #292929;
    color: #fff
}

.btn-nav.active>.icon,
.btn-nav:active>.icon {
    fill: #fff
}

.btn-nav .btn-loader-overlay {
    color: #f8f8f8;
    background-color: #5b5b5b
}

.btn-outline {
    background: 0 0;
    color: #fdfdfd;
    transition: 90ms ease-in-out;
    border-color: #f8f8f8
}

.btn-outline>.icon {
    fill: #fdfdfd;
    transition: 90ms ease-in-out
}

.btn-outline.focus,
.btn-outline:focus {
    background: #8e2128;
    color: #fdfdfd;
    border-color: #f8f8f8
}

.btn-outline.focus>.icon,
.btn-outline:focus>.icon {
    fill: #fdfdfd
}

.btn-outline.active,
.btn-outline:active {
    background: #8e2128;
    color: #fdfdfd;
    border-color: #f8f8f8
}

.btn-outline.active>.icon,
.btn-outline:active>.icon {
    fill: #fdfdfd
}

.btn-outline .btn-loader-overlay {
    color: #fdfdfd;
    background-color: transparent
}

.btn-primary {
    background: #ffdf83;
    color: #414141;
    transition: 90ms ease-in-out;
    border-color: transparent
}

.btn-primary>.icon {
    fill: #414141;
    transition: 90ms ease-in-out
}

.btn-primary.focus,
.btn-primary:focus {
    background: #ddc272;
    color: #414141;
    border-color: transparent
}

.btn-primary.focus>.icon,
.btn-primary:focus>.icon {
    fill: #414141
}

.btn-primary.active,
.btn-primary:active {
    background: #ddc272;
    color: #414141;
    border-color: transparent
}

.btn-primary.active>.icon,
.btn-primary:active>.icon {
    fill: #414141
}

.btn-primary .btn-loader-overlay {
    color: #414141;
    background-color: #ffdf83
}

.btn-private {
    background: #e9a63b;
    color: #583b0b;
    transition: 90ms ease-in-out;
    border-color: transparent
}

.btn-private>.icon {
    fill: #583b0b;
    transition: 90ms ease-in-out
}

.btn-private.focus,
.btn-private:focus {
    background: #e9a63b;
    color: #583b0b;
    border-color: transparent
}

.btn-private.focus>.icon,
.btn-private:focus>.icon {
    fill: #583b0b
}

.btn-private.active,
.btn-private:active {
    background: #e9a63b;
    color: #583b0b;
    border-color: transparent
}

.btn-private.active>.icon,
.btn-private:active>.icon {
    fill: #583b0b
}

.btn-private .btn-loader-overlay {
    color: #583b0b;
    background-color: #e9a63b
}

.btn-send {
    background: #4c88bc;
    color: #fcfcfc;
    transition: 90ms ease-in-out
}

.btn-send>.icon {
    fill: #fcfcfc;
    transition: 90ms ease-in-out
}

.btn-send.focus,
.btn-send:focus {
    background: #4377a4;
    color: #fcfcfc
}

.btn-send.focus>.icon,
.btn-send:focus>.icon {
    fill: #fcfcfc
}

.btn-send.active,
.btn-send:active {
    background: #4377a4;
    color: #fcfcfc
}

.btn-send.active>.icon,
.btn-send:active>.icon {
    fill: #fcfcfc
}

.btn-send .btn-loader-overlay {
    color: #fcfcfc;
    background-color: #4c88bc
}

.btn-blue {
    background: #4c88bc;
    color: #fcfcfc;
    transition: 90ms ease-in-out;
    border-color: transparent
}

.btn-blue>.icon {
    fill: #fcfcfc;
    transition: 90ms ease-in-out
}

.btn-blue.focus,
.btn-blue:focus {
    background: #4377a4;
    color: #fcfcfc;
    border-color: transparent
}

.btn-blue.focus>.icon,
.btn-blue:focus>.icon {
    fill: #fcfcfc
}

.btn-blue.active,
.btn-blue:active {
    background: #4377a4;
    color: #fcfcfc;
    border-color: transparent
}

.btn-blue.active>.icon,
.btn-blue:active>.icon {
    fill: #fcfcfc
}

.btn-blue .btn-loader-overlay {
    color: #fcfcfc;
    background-color: #4c88bc
}

.btn-signup {
    background: #f1f1f1;
    color: #414141;
    transition: 90ms ease-in-out
}

.btn-signup>.icon {
    fill: #414141;
    transition: 90ms ease-in-out
}

.btn-signup.focus,
.btn-signup:focus {
    background: rgba(209, 209, 209, .75);
    color: #414141
}

.btn-signup.focus>.icon,
.btn-signup:focus>.icon {
    fill: #414141
}

.btn-signup.active,
.btn-signup:active {
    background: rgba(209, 209, 209, .75);
    color: #414141
}

.btn-signup.active>.icon,
.btn-signup:active>.icon {
    fill: #414141
}

.btn-signup .btn-loader-overlay {
    color: #414141;
    background-color: #f1f1f1
}

.btn-signup.hover,
.btn-signup:hover {
    background: #d1d1d1;
    color: #414141
}

.btn-signup.hover>.icon,
.btn-signup:hover>.icon {
    fill: #414141
}

.btn-login {
    background: #ffdf83;
    color: #414141;
    transition: 90ms ease-in-out;
    border-color: transparent
}

.btn-login>.icon {
    fill: #414141;
    transition: 90ms ease-in-out
}

.btn-login.focus,
.btn-login:focus {
    background: #ddc272;
    color: #414141;
    border-color: transparent
}

.btn-login.focus>.icon,
.btn-login:focus>.icon {
    fill: #414141
}

.btn-login.active,
.btn-login:active {
    background: #ddc272;
    color: #414141;
    border-color: transparent
}

.btn-login.active>.icon,
.btn-login:active>.icon {
    fill: #414141
}

.btn-login .btn-loader-overlay {
    color: #414141;
    background-color: #ffdf83
}

.btn-login.disabled,
.btn-login:disabled {
    opacity: .33
}

.btn-login-alternative {
    letter-spacing: .02em;
    padding: 2px 20px;
    transition: 90ms ease-in-out;
    background: #1e9b4b;
    color: #fff;
    border-color: transparent;
    font-size: 1rem
}

.btn-login-alternative>.icon {
    fill: #fff;
    transition: 90ms ease-in-out
}

.btn-login-alternative.focus,
.btn-login-alternative:focus {
    background: #27bd5e;
    color: #fff;
    border-color: transparent
}

.btn-login-alternative.focus>.icon,
.btn-login-alternative:focus>.icon {
    fill: #fff
}

.btn-login-alternative.active,
.btn-login-alternative:active {
    background: #27bd5e;
    color: #fff;
    border-color: transparent
}

.btn-login-alternative.active>.icon,
.btn-login-alternative:active>.icon {
    fill: #fff
}

.btn-login-alternative .btn-loader-overlay {
    color: #fff;
    background-color: #1e9b4b
}

.btn-login-alternative.disabled,
.btn-login-alternative:disabled {
    opacity: .33
}

.btn-tokens {
    background: #5b5b5b;
    color: #f1f1f1;
    transition: 90ms ease-in-out
}

.btn-tokens>.icon {
    fill: #f1f1f1;
    transition: 90ms ease-in-out
}

.btn-tokens.focus,
.btn-tokens:focus {
    background: #141414;
    color: #f1f1f1
}

.btn-tokens.focus>.icon,
.btn-tokens:focus>.icon {
    fill: #f1f1f1
}

.btn-tokens.active,
.btn-tokens:active {
    background: #141414;
    color: #f1f1f1
}

.btn-tokens.active>.icon,
.btn-tokens:active>.icon {
    fill: #f1f1f1
}

.btn-tokens .btn-loader-overlay {
    color: #f1f1f1;
    background-color: #5b5b5b
}

.btn-wizard-outline {
    background: 0 0;
    color: rgba(64, 64, 64, .7);
    transition: 90ms ease-in-out;
    border-color: rgba(64, 64, 64, .7)
}

.btn-wizard-outline>.icon {
    fill: rgba(64, 64, 64, 0.7);
    transition: 90ms ease-in-out
}

.btn-wizard-outline.focus,
.btn-wizard-outline:focus {
    background: 0 0;
    color: rgba(64, 64, 64, .85);
    border-color: rgba(64, 64, 64, .85)
}

.btn-wizard-outline.focus>.icon,
.btn-wizard-outline:focus>.icon {
    fill: rgba(64, 64, 64, 0.85)
}

.btn-wizard-outline.active,
.btn-wizard-outline:active {
    background: 0 0;
    color: rgba(64, 64, 64, .85)
}

.btn-wizard-outline.active>.icon,
.btn-wizard-outline:active>.icon {
    fill: rgba(64, 64, 64, 0.85)
}

.btn-wizard-outline .btn-loader-overlay {
    color: rgba(64, 64, 64, .7);
    background-color: transparent
}

.btn-wizard-outline.active,
.btn-wizard-outline:active {
    border-color: rgba(64, 64, 64, .85)
}

.btn-white-outline {
    background: 0 0;
    color: rgba(255, 255, 255, .6);
    transition: 90ms ease-in-out;
    border-color: rgba(255, 255, 255, .3)
}

.btn-white-outline>.icon {
    fill: rgba(255, 255, 255, 0.6);
    transition: 90ms ease-in-out
}

.btn-white-outline.focus,
.btn-white-outline:focus {
    background: 0 0;
    color: rgba(255, 255, 255, .8);
    border-color: rgba(255, 255, 255, .6)
}

.btn-white-outline.focus>.icon,
.btn-white-outline:focus>.icon {
    fill: rgba(255, 255, 255, 0.8)
}

.btn-white-outline.active,
.btn-white-outline:active {
    background: 0 0;
    color: rgba(255, 255, 255, .8);
    border-color: rgba(255, 255, 255, .6)
}

.btn-white-outline.active>.icon,
.btn-white-outline:active>.icon {
    fill: rgba(255, 255, 255, 0.8)
}

.btn-white-outline .btn-loader-overlay {
    color: rgba(255, 255, 255, .6);
    background-color: transparent
}

.btn-white-outline.white {
    border-color: #fff;
    color: #fff
}

.btn-pale {
    background: 0 0;
    color: rgba(255, 255, 255, .6);
    transition: 90ms ease-in-out;
    border-color: rgba(255, 255, 255, .3)
}

.btn-pale>.icon {
    fill: rgba(255, 255, 255, 0.6);
    transition: 90ms ease-in-out
}

.btn-pale.focus,
.btn-pale:focus {
    background: 0 0;
    color: rgba(255, 255, 255, .8);
    border-color: rgba(255, 255, 255, .6)
}

.btn-pale.focus>.icon,
.btn-pale:focus>.icon {
    fill: rgba(255, 255, 255, 0.8)
}

.btn-pale.active,
.btn-pale:active {
    background: 0 0;
    color: rgba(255, 255, 255, .8);
    border-color: rgba(255, 255, 255, .6)
}

.btn-pale.active>.icon,
.btn-pale:active>.icon {
    fill: rgba(255, 255, 255, 0.8)
}

.btn-pale .btn-loader-overlay {
    color: rgba(255, 255, 255, .6);
    background-color: transparent
}

.btn-transparent {
    background: 0 0 !important;
    color: rgba(255, 255, 255, .6) !important;
    transition: 90ms ease-in-out;
    border: none !important
}

.btn-transparent>.icon {
    fill: rgba(255, 255, 255, 0.6) !important;
    transition: 90ms ease-in-out
}

.btn-transparent.focus,
.btn-transparent:focus {
    background: 0 0 !important;
    color: rgba(255, 255, 255, .8) !important
}

.btn-transparent.focus>.icon,
.btn-transparent:focus>.icon {
    fill: rgba(255, 255, 255, 0.8) !important
}

.btn-transparent.active,
.btn-transparent:active {
    background: 0 0 !important;
    color: rgba(255, 255, 255, .8) !important
}

.btn-transparent.active>.icon,
.btn-transparent:active>.icon {
    fill: rgba(255, 255, 255, 0.8) !important
}

.btn-transparent .btn-loader-overlay {
    color: rgba(255, 255, 255, .6) !important;
    background-color: transparent !important
}

.btn-call2action {
    background: #f14452;
    color: #fff;
    transition: 90ms ease-in-out
}

.btn-call2action>.icon {
    fill: #fff;
    transition: 90ms ease-in-out
}

.btn-call2action.focus,
.btn-call2action:focus {
    background: #ff4c5c;
    color: #fff
}

.btn-call2action.focus>.icon,
.btn-call2action:focus>.icon {
    fill: #fff
}

.btn-call2action.active,
.btn-call2action:active {
    background: #ff4c5c;
    color: #fff
}

.btn-call2action.active>.icon,
.btn-call2action:active>.icon {
    fill: #fff
}

.btn-call2action .btn-loader-overlay {
    color: #fff;
    background-color: #f14452
}

.btn-call2action-premium {
    background: #ecba72;
    color: #000;
    transition: 90ms ease-in-out
}

.btn-call2action-premium>.icon {
    fill: #000;
    transition: 90ms ease-in-out
}

.btn-call2action-premium.focus,
.btn-call2action-premium:focus {
    background: #eec487;
    color: #000
}

.btn-call2action-premium.focus>.icon,
.btn-call2action-premium:focus>.icon {
    fill: #000
}

.btn-call2action-premium.active,
.btn-call2action-premium:active {
    background: #eec487;
    color: #000
}

.btn-call2action-premium.active>.icon,
.btn-call2action-premium:active>.icon {
    fill: #000
}

.btn-call2action-premium .btn-loader-overlay {
    color: #000;
    background-color: #ecba72
}

.btn-money {
    background: #c1d429;
    color: #000;
    transition: 90ms ease-in-out
}

.btn-money>.icon {
    fill: #000;
    transition: 90ms ease-in-out
}

.btn-money.focus,
.btn-money:focus {
    background: #cada48;
    color: #000
}

.btn-money.focus>.icon,
.btn-money:focus>.icon {
    fill: #000
}

.btn-money.active,
.btn-money:active {
    background: #cada48;
    color: #000
}

.btn-money.active>.icon,
.btn-money:active>.icon {
    fill: #000
}

.btn-money .btn-loader-overlay {
    color: #000;
    background-color: #c1d429
}

.btn-telegram {
    background: #27a7e9;
    color: #fff;
    transition: 90ms ease-in-out;
    border-width: 0
}

.btn-telegram>.icon {
    fill: #ffffff;
    transition: 90ms ease-in-out
}

.btn-telegram.focus,
.btn-telegram:focus {
    background: rgb(16.6232142857, 157.32660162, 229.8767857143);
    color: #fff
}

.btn-telegram.focus>.icon,
.btn-telegram:focus>.icon {
    fill: #ffffff
}

.btn-telegram.active,
.btn-telegram:active {
    background: rgb(16.6232142857, 157.32660162, 229.8767857143);
    color: #fff
}

.btn-telegram.active>.icon,
.btn-telegram:active>.icon {
    fill: #ffffff
}

.btn-telegram .btn-loader-overlay {
    color: #fff;
    background-color: #27a7e9
}

.btn-see-all {
    background: #5b5b5b;
    color: #fff;
    transition: 90ms ease-in-out;
    border-width: 0
}

.btn-see-all>.icon {
    fill: #ffffff;
    transition: 90ms ease-in-out
}

.btn-see-all.focus,
.btn-see-all:focus {
    background: rgb(82.1625, 74.3375, 74.3375);
    color: #fff
}

.btn-see-all.focus>.icon,
.btn-see-all:focus>.icon {
    fill: #ffffff
}

.btn-see-all.active,
.btn-see-all:active {
    background: rgb(82.1625, 74.3375, 74.3375);
    color: #fff
}

.btn-see-all.active>.icon,
.btn-see-all:active>.icon {
    fill: #ffffff
}

.btn-see-all .btn-loader-overlay {
    color: #fff;
    background-color: #5b5b5b
}

.btn-apply-ds {
    background: #79943d;
    color: #f8f8f8;
    transition: 90ms ease-in-out;
    border-width: 0
}

.btn-apply-ds>.icon {
    fill: #f8f8f8;
    transition: 90ms ease-in-out
}

.btn-apply-ds.focus,
.btn-apply-ds:focus {
    background: rgb(80.4799228675, 103.7652511962, 28.7347488038);
    color: #f8f8f8
}

.btn-apply-ds.focus>.icon,
.btn-apply-ds:focus>.icon {
    fill: #f8f8f8
}

.btn-apply-ds.active,
.btn-apply-ds:active {
    background: rgb(80.4799228675, 103.7652511962, 28.7347488038);
    color: #f8f8f8
}

.btn-apply-ds.active>.icon,
.btn-apply-ds:active>.icon {
    fill: #f8f8f8
}

.btn-apply-ds .btn-loader-overlay {
    color: #f8f8f8;
    background-color: #79943d
}

.btn-apply-2-ds {
    background: #61922f;
    color: #f8f8f8;
    transition: 90ms ease-in-out;
    border-width: 0;
    font-weight: 700
}

.btn-apply-2-ds>.icon {
    fill: #f8f8f8;
    transition: 90ms ease-in-out
}

.btn-apply-2-ds.focus,
.btn-apply-2-ds:focus {
    background: #61922f;
    color: #f8f8f8
}

.btn-apply-2-ds.focus>.icon,
.btn-apply-2-ds:focus>.icon {
    fill: #f8f8f8
}

.btn-apply-2-ds.active,
.btn-apply-2-ds:active {
    background: #61922f;
    color: #f8f8f8
}

.btn-apply-2-ds.active>.icon,
.btn-apply-2-ds:active>.icon {
    fill: #f8f8f8
}

.btn-apply-2-ds .btn-loader-overlay {
    color: #f8f8f8;
    background-color: #61922f
}

.btn-apply-2-ds-enforced {
    background: #61922f !important;
    color: #f8f8f8 !important;
    transition: 90ms ease-in-out;
    border-radius: 2rem !important;
    border-width: 0 !important;
    font-weight: 500 !important
}

.btn-apply-2-ds-enforced>.icon {
    fill: #f8f8f8 !important;
    transition: 90ms ease-in-out
}

.btn-apply-2-ds-enforced.focus,
.btn-apply-2-ds-enforced:focus {
    background: #61922f !important;
    color: #f8f8f8 !important
}

.btn-apply-2-ds-enforced.focus>.icon,
.btn-apply-2-ds-enforced:focus>.icon {
    fill: #f8f8f8 !important
}

.btn-apply-2-ds-enforced.active,
.btn-apply-2-ds-enforced:active {
    background: #61922f !important;
    color: #f8f8f8 !important
}

.btn-apply-2-ds-enforced.active>.icon,
.btn-apply-2-ds-enforced:active>.icon {
    fill: #f8f8f8 !important
}

.btn-apply-2-ds-enforced .btn-loader-overlay {
    color: #f8f8f8 !important;
    background-color: #61922f !important
}

.btn-gold-outline-ds {
    background: 0 0;
    color: #f8f8f8;
    transition: 90ms ease-in-out;
    border-color: #feb601;
    border-width: 2px;
    font-weight: 700
}

.btn-gold-outline-ds>.icon {
    fill: #f8f8f8;
    transition: 90ms ease-in-out
}

.btn-gold-outline-ds.focus,
.btn-gold-outline-ds:focus {
    background: 0 0;
    color: #f8f8f8;
    border-color: #feb601
}

.btn-gold-outline-ds.focus>.icon,
.btn-gold-outline-ds:focus>.icon {
    fill: #f8f8f8
}

.btn-gold-outline-ds.active,
.btn-gold-outline-ds:active {
    background: 0 0;
    color: #f8f8f8;
    border-color: #feb601
}

.btn-gold-outline-ds.active>.icon,
.btn-gold-outline-ds:active>.icon {
    fill: #f8f8f8
}

.btn-gold-outline-ds .btn-loader-overlay {
    color: #f8f8f8;
    background-color: transparent
}

.btn-gold-outline-ds .btn-gold-outline-ds__accent-text,
.btn-gold-outline-ds.active .btn-gold-outline-ds__accent-text,
.btn-gold-outline-ds.focus .btn-gold-outline-ds__accent-text,
.btn-gold-outline-ds:active .btn-gold-outline-ds__accent-text,
.btn-gold-outline-ds:focus .btn-gold-outline-ds__accent-text {
    transition: 90ms ease-in-out;
    color: #feb601
}

.btn-gold-ds {
    background: #feb601;
    color: #101010;
    transition: 90ms ease-in-out;
    font-weight: 700
}

.btn-gold-ds>.icon {
    fill: #101010;
    transition: 90ms ease-in-out
}

.btn-gold-ds.focus,
.btn-gold-ds:focus {
    background: #feb601;
    color: #101010
}

.btn-gold-ds.focus>.icon,
.btn-gold-ds:focus>.icon {
    fill: #101010
}

.btn-gold-ds.active,
.btn-gold-ds:active {
    background: #feb601;
    color: #101010
}

.btn-gold-ds.active>.icon,
.btn-gold-ds:active>.icon {
    fill: #101010
}

.btn-gold-ds .btn-loader-overlay {
    color: #101010;
    background-color: #feb601
}

.btn-default-filled {
    background: rgba(255, 255, 255, .8);
    color: #000;
    transition: 90ms ease-in-out
}

.btn-default-filled>.icon {
    fill: #000;
    transition: 90ms ease-in-out
}

.btn-default-filled.focus,
.btn-default-filled:focus {
    background: #fff;
    color: #000
}

.btn-default-filled.focus>.icon,
.btn-default-filled:focus>.icon {
    fill: #000
}

.btn-default-filled.active,
.btn-default-filled:active {
    background: #fff;
    color: #000
}

.btn-default-filled.active>.icon,
.btn-default-filled:active>.icon {
    fill: #000
}

.btn-default-filled .btn-loader-overlay {
    color: #000;
    background-color: rgba(255, 255, 255, .8)
}

.btn-default-outline {
    background: 0 0;
    color: #fff;
    transition: 90ms ease-in-out;
    border-color: rgba(255, 255, 255, .8)
}

.btn-default-outline>.icon {
    fill: #fff;
    transition: 90ms ease-in-out
}

.btn-default-outline.focus,
.btn-default-outline:focus {
    background: 0 0;
    color: #fff;
    border-color: #fff
}

.btn-default-outline.focus>.icon,
.btn-default-outline:focus>.icon {
    fill: #fff
}

.btn-default-outline.active,
.btn-default-outline:active {
    background: 0 0;
    color: #fff
}

.btn-default-outline.active>.icon,
.btn-default-outline:active>.icon {
    fill: #fff
}

.btn-default-outline .btn-loader-overlay {
    color: #fff;
    background-color: transparent
}

.btn-default-outline.active,
.btn-default-outline:active {
    border-color: #fff
}

.btn-second {
    background: 0 0;
    color: rgba(255, 255, 255, .8);
    transition: 90ms ease-in-out;
    border-color: rgba(255, 255, 255, .4)
}

.btn-second>.icon {
    fill: rgba(255, 255, 255, 0.8);
    transition: 90ms ease-in-out
}

.btn-second.focus,
.btn-second:focus {
    background: 0 0;
    color: #fff;
    border-color: #fff
}

.btn-second.focus>.icon,
.btn-second:focus>.icon {
    fill: #fff
}

.btn-second.active,
.btn-second:active {
    background: 0 0;
    color: #fff
}

.btn-second.active>.icon,
.btn-second:active>.icon {
    fill: #fff
}

.btn-second .btn-loader-overlay {
    color: rgba(255, 255, 255, .8);
    background-color: transparent
}

.btn-second.active,
.btn-second:active {
    border-color: #fff
}

.btn-gray-ds {
    background: #434343;
    color: #fff;
    transition: 90ms ease-in-out;
    border-width: 0
}

.btn-gray-ds>.icon {
    fill: #ffffff;
    transition: 90ms ease-in-out
}

.btn-gray-ds.focus,
.btn-gray-ds:focus {
    background: rgb(79.75, 79.75, 79.75);
    color: #fff
}

.btn-gray-ds.focus>.icon,
.btn-gray-ds:focus>.icon {
    fill: #ffffff
}

.btn-gray-ds.active,
.btn-gray-ds:active {
    background: rgb(79.75, 79.75, 79.75);
    color: #fff
}

.btn-gray-ds.active>.icon,
.btn-gray-ds:active>.icon {
    fill: #ffffff
}

.btn-gray-ds .btn-loader-overlay {
    color: #fff;
    background-color: #434343
}

.btn-ultimate {
    background: #e54500;
    color: #fff;
    transition: 90ms ease-in-out;
    border-width: 0;
    font-weight: 700
}

.btn-ultimate>.icon {
    fill: #ffffff;
    transition: 90ms ease-in-out
}

.btn-ultimate.focus,
.btn-ultimate:focus {
    background: rgb(203.5, 61.3165938865, 0);
    color: #fff
}

.btn-ultimate.focus>.icon,
.btn-ultimate:focus>.icon {
    fill: #ffffff
}

.btn-ultimate.active,
.btn-ultimate:active {
    background: rgb(203.5, 61.3165938865, 0);
    color: #fff
}

.btn-ultimate.active>.icon,
.btn-ultimate:active>.icon {
    fill: #ffffff
}

.btn-ultimate .btn-loader-overlay {
    color: #fff;
    background-color: #e54500
}

.btn-private-modal {
    background: #feb601;
    color: #101010;
    transition: 90ms ease-in-out;
    font-weight: 700
}

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

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

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

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

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

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

.btn-enabled {
    background: #5b5b5b;
    color: #fff;
    transition: 90ms ease-in-out
}

.btn-enabled>.icon {
    fill: #fff;
    transition: 90ms ease-in-out
}

.btn-enabled.focus,
.btn-enabled:focus {
    background: #474747;
    color: #fff
}

.btn-enabled.focus>.icon,
.btn-enabled:focus>.icon {
    fill: #fff
}

.btn-enabled.active,
.btn-enabled:active {
    background: #474747;
    color: #fff
}

.btn-enabled.active>.icon,
.btn-enabled:active>.icon {
    fill: #fff
}

.btn-enabled .btn-loader-overlay {
    color: #fff;
    background-color: #5b5b5b
}

.btn-disabled {
    background: #af262f;
    color: #fff;
    transition: 90ms ease-in-out
}

.btn-disabled>.icon {
    fill: #fff;
    transition: 90ms ease-in-out
}

.btn-disabled.focus,
.btn-disabled:focus {
    background: #9c2a32;
    color: #fff
}

.btn-disabled.focus>.icon,
.btn-disabled:focus>.icon {
    fill: #fff
}

.btn-disabled.active,
.btn-disabled:active {
    background: #9c2a32;
    color: #fff
}

.btn-disabled.active>.icon,
.btn-disabled:active>.icon {
    fill: #fff
}

.btn-disabled .btn-loader-overlay {
    color: #fff;
    background-color: #af262f
}

.btn-red-blue-gradient {
    background: linear-gradient(to right, #c52745 0%, #5c6ec0 50%, #c52745 100%);
    background-size: 200% auto;
    border: 0;
    color: #fff;
    transition: .8s ease-in-out
}

.btn-red-blue-gradient:hover {
    background-position: right center
}

.btn-grouped {
    background: #5b5b5b;
    color: #f1f1f1;
    transition: 90ms ease-in-out;
    border-color: transparent
}

.btn-grouped>.icon {
    fill: #f1f1f1;
    transition: 90ms ease-in-out
}

.btn-grouped.focus,
.btn-grouped:focus {
    background: #5b5b5b;
    color: #f1f1f1;
    border-color: transparent
}

.btn-grouped.focus>.icon,
.btn-grouped:focus>.icon {
    fill: #f1f1f1
}

.btn-grouped.active,
.btn-grouped:active {
    background: #5b5b5b;
    color: #f1f1f1;
    border-color: transparent
}

.btn-grouped.active>.icon,
.btn-grouped:active>.icon {
    fill: #f1f1f1
}

.btn-grouped .btn-loader-overlay {
    color: #f1f1f1;
    background-color: #5b5b5b
}

.btn-grouped.pseudo-disabled {
    opacity: .33;
    background: 0 0;
    color: #f1f1f1;
    transition: 90ms ease-in-out;
    border-color: #5b5b5b
}

.btn-grouped.pseudo-disabled>.icon {
    fill: #f1f1f1;
    transition: 90ms ease-in-out
}

.btn-grouped.pseudo-disabled.focus,
.btn-grouped.pseudo-disabled:focus {
    background: #5b5b5b;
    color: #f1f1f1;
    border-color: #5b5b5b
}

.btn-grouped.pseudo-disabled.focus>.icon,
.btn-grouped.pseudo-disabled:focus>.icon {
    fill: #f1f1f1
}

.btn-grouped.pseudo-disabled.active,
.btn-grouped.pseudo-disabled:active {
    background: #5b5b5b;
    color: #f1f1f1;
    border-color: #5b5b5b
}

.btn-grouped.pseudo-disabled.active>.icon,
.btn-grouped.pseudo-disabled:active>.icon {
    fill: #f1f1f1
}

.btn-grouped.pseudo-disabled .btn-loader-overlay {
    color: #f1f1f1;
    background-color: transparent
}

.btn-grouped.pseudo-disabled:hover {
    opacity: 1
}

.btn-table-actions {
    background: 0 0;
    color: rgba(248, 248, 248, .6);
    transition: 90ms ease-in-out;
    border: 0;
    border-radius: 4px
}

.btn-table-actions>.icon {
    fill: rgba(248, 248, 248, 0.6);
    transition: 90ms ease-in-out
}

.btn-table-actions.focus,
.btn-table-actions:focus {
    background: rgba(248, 248, 248, .2);
    color: #f8f8f8
}

.btn-table-actions.focus>.icon,
.btn-table-actions:focus>.icon {
    fill: #f8f8f8
}

.btn-table-actions.active,
.btn-table-actions:active {
    background: rgba(248, 248, 248, .2);
    color: #f8f8f8
}

.btn-table-actions.active>.icon,
.btn-table-actions:active>.icon {
    fill: #f8f8f8
}

.btn-table-actions .btn-loader-overlay {
    color: rgba(248, 248, 248, .6);
    background-color: transparent
}

.btn-signup-without-email {
    background: 0 0;
    color: rgba(255, 255, 255, .8);
    transition: 90ms ease-in-out;
    border-color: rgba(255, 255, 255, .5);
    border-radius: 5px;
    border-width: 2px;
    font-weight: 700
}

.btn-signup-without-email>.icon {
    fill: rgba(255, 255, 255, 0.8);
    transition: 90ms ease-in-out
}

.btn-signup-without-email.focus,
.btn-signup-without-email:focus {
    background: 0 0;
    color: #fff;
    border-color: rgba(255, 255, 255, .7)
}

.btn-signup-without-email.focus>.icon,
.btn-signup-without-email:focus>.icon {
    fill: #fff
}

.btn-signup-without-email.active,
.btn-signup-without-email:active {
    background: 0 0;
    color: #fff;
    border-color: rgba(255, 255, 255, .7)
}

.btn-signup-without-email.active>.icon,
.btn-signup-without-email:active>.icon {
    fill: #fff
}

.btn-signup-without-email .btn-loader-overlay {
    color: rgba(255, 255, 255, .8);
    background-color: transparent
}

.btn-loading.btn-loading {
    color: transparent;
    opacity: 1;
    position: relative
}

.btn-loader-overlay {
    align-items: center;
    display: flex;
    height: 100%;
    justify-content: center;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.a11y-button {
    background-color: transparent;
    border: 0;
    color: inherit;
    cursor: pointer;
    font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
    font-size: inherit;
    font-weight: inherit;
    letter-spacing: inherit;
    margin: 0;
    padding: 0
}

.ds-btn {
    border: 1px solid transparent;
    border-radius: 2rem;
    cursor: pointer;
    display: inline-block;
    font-family: inherit;
    font-size: 13px;
    font-weight: 400;
    line-height: 29px;
    margin: 0 10px 10px 0;
    outline: 0;
    overflow: hidden;
    padding: 0 20px;
    position: relative;
    text-align: center;
    text-decoration: none;
    text-overflow: ellipsis;
    touch-action: manipulation;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    vertical-align: middle;
    white-space: nowrap
}

.ds-btn.overflow-visible {
    overflow: visible
}

.ds-btn:active,
.ds-btn:focus,
.ds-btn:hover {
    text-decoration: none
}

.ds-btn:active {
    position: relative;
    top: 1px
}

.ds-btn.disabled,
.ds-btn:disabled {
    cursor: default;
    opacity: .33;
    pointer-events: none
}

.ds-btn:last-child {
    margin-right: 0
}

.ds-btn-extra-small {
    line-height: 19px
}

.ds-btn-small {
    line-height: 23px
}

.ds-btn-medium,
.ds-btn-medium-long {
    line-height: 36px !important
}

.ds-btn-large {
    font-size: 15px;
    line-height: 39px
}

.ds-btn-block {
    display: block;
    width: 100%
}

.ds-btn-default {
    background: #5b5b5b;
    color: #f1f1f1;
    transition: 90ms ease-in-out;
    border-color: transparent
}

.ds-btn-default>.icon {
    fill: #f1f1f1;
    transition: 90ms ease-in-out
}

.ds-btn-default.focus,
.ds-btn-default:focus {
    background: #2e2e2e;
    color: #f1f1f1;
    border-color: transparent
}

.ds-btn-default.focus>.icon,
.ds-btn-default:focus>.icon {
    fill: #f1f1f1
}

.ds-btn-default.active,
.ds-btn-default:active {
    background: #2e2e2e;
    color: #f1f1f1;
    border-color: transparent
}

.ds-btn-default.active>.icon,
.ds-btn-default:active>.icon {
    fill: #f1f1f1
}

.ds-btn-default .btn-loader-overlay {
    color: #f1f1f1;
    background-color: #5b5b5b
}

.ds-btn-default-restyled {
    background: #5b5b5b;
    color: #f1f1f1;
    transition: 90ms ease-in-out;
    border-color: transparent
}

.ds-btn-default-restyled>.icon {
    fill: #f1f1f1;
    transition: 90ms ease-in-out
}

.ds-btn-default-restyled.focus,
.ds-btn-default-restyled:focus {
    background: #232323;
    color: #f1f1f1;
    border-color: transparent
}

.ds-btn-default-restyled.focus>.icon,
.ds-btn-default-restyled:focus>.icon {
    fill: #f1f1f1
}

.ds-btn-default-restyled.active,
.ds-btn-default-restyled:active {
    background: #232323;
    color: #f1f1f1;
    border-color: transparent
}

.ds-btn-default-restyled.active>.icon,
.ds-btn-default-restyled:active>.icon {
    fill: #f1f1f1
}

.ds-btn-default-restyled .btn-loader-overlay {
    color: #f1f1f1;
    background-color: #5b5b5b
}

.ds-btn-accept {
    background: #af262f;
    color: #f1f1f1;
    transition: 90ms ease-in-out
}

.ds-btn-accept>.icon {
    fill: #f1f1f1;
    transition: 90ms ease-in-out
}

.ds-btn-accept.focus,
.ds-btn-accept:focus {
    background: #9c2a32;
    color: #f1f1f1
}

.ds-btn-accept.focus>.icon,
.ds-btn-accept:focus>.icon {
    fill: #f1f1f1
}

.ds-btn-accept.active,
.ds-btn-accept:active {
    background: #9c2a32;
    color: #f1f1f1
}

.ds-btn-accept.active>.icon,
.ds-btn-accept:active>.icon {
    fill: #f1f1f1
}

.ds-btn-accept .btn-loader-overlay {
    color: #f1f1f1;
    background-color: #af262f
}

.ds-btn-apply {
    background: #79943d;
    color: #f8f8f8;
    transition: 90ms ease-in-out
}

.ds-btn-apply>.icon {
    fill: #f8f8f8;
    transition: 90ms ease-in-out
}

.ds-btn-apply.focus,
.ds-btn-apply:focus {
    background: #5f7430;
    color: #f8f8f8
}

.ds-btn-apply.focus>.icon,
.ds-btn-apply:focus>.icon {
    fill: #f8f8f8
}

.ds-btn-apply.active,
.ds-btn-apply:active {
    background: #5f7430;
    color: #f8f8f8
}

.ds-btn-apply.active>.icon,
.ds-btn-apply:active>.icon {
    fill: #f8f8f8
}

.ds-btn-apply .btn-loader-overlay {
    color: #f8f8f8;
    background-color: #79943d
}

.ds-btn-apply-primary {
    background: #34b353;
    color: #fff;
    transition: 90ms ease-in-out
}

.ds-btn-apply-primary>.icon {
    fill: #fff;
    transition: 90ms ease-in-out
}

.ds-btn-apply-primary.focus,
.ds-btn-apply-primary:focus {
    background: #34c753;
    color: #fff
}

.ds-btn-apply-primary.focus>.icon,
.ds-btn-apply-primary:focus>.icon {
    fill: #fff
}

.ds-btn-apply-primary.active,
.ds-btn-apply-primary:active {
    background: #34c753;
    color: #fff
}

.ds-btn-apply-primary.active>.icon,
.ds-btn-apply-primary:active>.icon {
    fill: #fff
}

.ds-btn-apply-primary .btn-loader-overlay {
    color: #fff;
    background-color: #34b353
}

.ds-btn-apply-alternative {
    background: #79943d;
    color: #f8f8f8;
    transition: 90ms ease-in-out
}

.ds-btn-apply-alternative>.icon {
    fill: #f8f8f8;
    transition: 90ms ease-in-out
}

.ds-btn-apply-alternative.focus,
.ds-btn-apply-alternative:focus {
    background: #5f7430;
    color: #f8f8f8
}

.ds-btn-apply-alternative.focus>.icon,
.ds-btn-apply-alternative:focus>.icon {
    fill: #f8f8f8
}

.ds-btn-apply-alternative.active,
.ds-btn-apply-alternative:active {
    background: #5f7430;
    color: #f8f8f8
}

.ds-btn-apply-alternative.active>.icon,
.ds-btn-apply-alternative:active>.icon {
    fill: #f8f8f8
}

.ds-btn-apply-alternative .btn-loader-overlay {
    color: #f8f8f8;
    background-color: #79943d
}

.ds-btn-apply-alter {
    background: #b1e345;
    color: #414141;
    transition: 90ms ease-in-out
}

.ds-btn-apply-alter>.icon {
    fill: #414141;
    transition: 90ms ease-in-out
}

.ds-btn-apply-alter.focus,
.ds-btn-apply-alter:focus {
    background: #96c03b;
    color: #414141
}

.ds-btn-apply-alter.focus>.icon,
.ds-btn-apply-alter:focus>.icon {
    fill: #414141
}

.ds-btn-apply-alter.active,
.ds-btn-apply-alter:active {
    background: #96c03b;
    color: #414141
}

.ds-btn-apply-alter.active>.icon,
.ds-btn-apply-alter:active>.icon {
    fill: #414141
}

.ds-btn-apply-alter .btn-loader-overlay {
    color: #414141;
    background-color: #b1e345
}

.ds-btn-apply-alter2 {
    background: #6e932a;
    color: #f8f8f8;
    transition: 90ms ease-in-out
}

.ds-btn-apply-alter2>.icon {
    fill: #f8f8f8;
    transition: 90ms ease-in-out
}

.ds-btn-apply-alter2.focus,
.ds-btn-apply-alter2:focus {
    background: #6e932a;
    color: #f8f8f8
}

.ds-btn-apply-alter2.focus>.icon,
.ds-btn-apply-alter2:focus>.icon {
    fill: #f8f8f8
}

.ds-btn-apply-alter2.active,
.ds-btn-apply-alter2:active {
    background: #6e932a;
    color: #f8f8f8
}

.ds-btn-apply-alter2.active>.icon,
.ds-btn-apply-alter2:active>.icon {
    fill: #f8f8f8
}

.ds-btn-apply-alter2 .btn-loader-overlay {
    color: #f8f8f8;
    background-color: #6e932a
}

.ds-btn-decline {
    background: #2e2e2e;
    color: #fff;
    transition: 90ms ease-in-out
}

.ds-btn-decline>.icon {
    fill: #fff;
    transition: 90ms ease-in-out
}

.ds-btn-decline.focus,
.ds-btn-decline:focus {
    background: #1e1e1e;
    color: #fff
}

.ds-btn-decline.focus>.icon,
.ds-btn-decline:focus>.icon {
    fill: #fff
}

.ds-btn-decline.active,
.ds-btn-decline:active {
    background: #1e1e1e;
    color: #fff
}

.ds-btn-decline.active>.icon,
.ds-btn-decline:active>.icon {
    fill: #fff
}

.ds-btn-decline .btn-loader-overlay {
    color: #fff;
    background-color: #2e2e2e
}

.ds-btn-delete {
    background: #de5b64;
    color: #f8f8f8;
    transition: 90ms ease-in-out
}

.ds-btn-delete>.icon {
    fill: #f8f8f8;
    transition: 90ms ease-in-out
}

.ds-btn-delete.focus,
.ds-btn-delete:focus {
    background: #bf4d55;
    color: #f8f8f8
}

.ds-btn-delete.focus>.icon,
.ds-btn-delete:focus>.icon {
    fill: #f8f8f8
}

.ds-btn-delete.active,
.ds-btn-delete:active {
    background: #bf4d55;
    color: #f8f8f8
}

.ds-btn-delete.active>.icon,
.ds-btn-delete:active>.icon {
    fill: #f8f8f8
}

.ds-btn-delete .btn-loader-overlay {
    color: #f8f8f8;
    background-color: #de5b64
}

.ds-btn-end-broadcasting {
    background: #181818;
    color: #fff;
    transition: 90ms ease-in-out
}

.ds-btn-end-broadcasting>.icon {
    fill: #fff;
    transition: 90ms ease-in-out
}

.ds-btn-end-broadcasting.focus,
.ds-btn-end-broadcasting:focus {
    background: rgb(36.75, 36.75, 36.75);
    color: #fff
}

.ds-btn-end-broadcasting.focus>.icon,
.ds-btn-end-broadcasting:focus>.icon {
    fill: #fff
}

.ds-btn-end-broadcasting.active,
.ds-btn-end-broadcasting:active {
    background: rgb(36.75, 36.75, 36.75);
    color: #fff
}

.ds-btn-end-broadcasting.active>.icon,
.ds-btn-end-broadcasting:active>.icon {
    fill: #fff
}

.ds-btn-end-broadcasting .btn-loader-overlay {
    color: #fff;
    background-color: #181818
}

.ds-btn-end-private {
    background: #5b5b5b;
    color: #f1f1f1;
    transition: 90ms ease-in-out
}

.ds-btn-end-private>.icon {
    fill: #f1f1f1;
    transition: 90ms ease-in-out
}

.ds-btn-end-private.focus,
.ds-btn-end-private:focus {
    background: #2e2e2e;
    color: #f1f1f1
}

.ds-btn-end-private.focus>.icon,
.ds-btn-end-private:focus>.icon {
    fill: #f1f1f1
}

.ds-btn-end-private.active,
.ds-btn-end-private:active {
    background: #2e2e2e;
    color: #f1f1f1
}

.ds-btn-end-private.active>.icon,
.ds-btn-end-private:active>.icon {
    fill: #f1f1f1
}

.ds-btn-end-private .btn-loader-overlay {
    color: #f1f1f1;
    background-color: #5b5b5b
}

.ds-btn-highlighted {
    background: #833e42;
    color: #f1f1f1;
    transition: 90ms ease-in-out;
    border-color: #833e42
}

.ds-btn-highlighted>.icon {
    fill: #f1f1f1;
    transition: 90ms ease-in-out
}

.ds-btn-highlighted.focus,
.ds-btn-highlighted:focus {
    background: #6b3236;
    color: #f1f1f1;
    border-color: #6b3236
}

.ds-btn-highlighted.focus>.icon,
.ds-btn-highlighted:focus>.icon {
    fill: #f1f1f1
}

.ds-btn-highlighted.active,
.ds-btn-highlighted:active {
    background: #6b3236;
    color: #f1f1f1
}

.ds-btn-highlighted.active>.icon,
.ds-btn-highlighted:active>.icon {
    fill: #f1f1f1
}

.ds-btn-highlighted .btn-loader-overlay {
    color: #f1f1f1;
    background-color: #833e42
}

.ds-btn-highlighted.active,
.ds-btn-highlighted:active {
    border-color: #6b3236
}

.ds-btn-nav {
    background: #5b5b5b;
    color: #f8f8f8;
    transition: 90ms ease-in-out
}

.ds-btn-nav>.icon {
    fill: #f8f8f8;
    transition: 90ms ease-in-out
}

.ds-btn-nav.focus,
.ds-btn-nav:focus {
    background: #292929;
    color: #fff
}

.ds-btn-nav.focus>.icon,
.ds-btn-nav:focus>.icon {
    fill: #fff
}

.ds-btn-nav.active,
.ds-btn-nav:active {
    background: #292929;
    color: #fff
}

.ds-btn-nav.active>.icon,
.ds-btn-nav:active>.icon {
    fill: #fff
}

.ds-btn-nav .btn-loader-overlay {
    color: #f8f8f8;
    background-color: #5b5b5b
}

.ds-btn-outline {
    background: 0 0;
    color: #fdfdfd;
    transition: 90ms ease-in-out;
    border-color: #f8f8f8
}

.ds-btn-outline>.icon {
    fill: #fdfdfd;
    transition: 90ms ease-in-out
}

.ds-btn-outline.focus,
.ds-btn-outline:focus {
    background: #8e2128;
    color: #fdfdfd;
    border-color: #f8f8f8
}

.ds-btn-outline.focus>.icon,
.ds-btn-outline:focus>.icon {
    fill: #fdfdfd
}

.ds-btn-outline.active,
.ds-btn-outline:active {
    background: #8e2128;
    color: #fdfdfd;
    border-color: #f8f8f8
}

.ds-btn-outline.active>.icon,
.ds-btn-outline:active>.icon {
    fill: #fdfdfd
}

.ds-btn-outline .btn-loader-overlay {
    color: #fdfdfd;
    background-color: transparent
}

.ds-btn-primary {
    background: #ffdf83;
    color: #414141;
    transition: 90ms ease-in-out;
    border-color: transparent
}

.ds-btn-primary>.icon {
    fill: #414141;
    transition: 90ms ease-in-out
}

.ds-btn-primary.focus,
.ds-btn-primary:focus {
    background: #ddc272;
    color: #414141;
    border-color: transparent
}

.ds-btn-primary.focus>.icon,
.ds-btn-primary:focus>.icon {
    fill: #414141
}

.ds-btn-primary.active,
.ds-btn-primary:active {
    background: #ddc272;
    color: #414141;
    border-color: transparent
}

.ds-btn-primary.active>.icon,
.ds-btn-primary:active>.icon {
    fill: #414141
}

.ds-btn-primary .btn-loader-overlay {
    color: #414141;
    background-color: #ffdf83
}

.ds-btn-send {
    background: #4c88bc;
    color: #fcfcfc;
    transition: 90ms ease-in-out
}

.ds-btn-send>.icon {
    fill: #fcfcfc;
    transition: 90ms ease-in-out
}

.ds-btn-send.focus,
.ds-btn-send:focus {
    background: #4377a4;
    color: #fcfcfc
}

.ds-btn-send.focus>.icon,
.ds-btn-send:focus>.icon {
    fill: #fcfcfc
}

.ds-btn-send.active,
.ds-btn-send:active {
    background: #4377a4;
    color: #fcfcfc
}

.ds-btn-send.active>.icon,
.ds-btn-send:active>.icon {
    fill: #fcfcfc
}

.ds-btn-send .btn-loader-overlay {
    color: #fcfcfc;
    background-color: #4c88bc
}

.ds-btn-blue {
    background: #4c88bc;
    color: #fcfcfc;
    transition: 90ms ease-in-out;
    border-color: transparent
}

.ds-btn-blue>.icon {
    fill: #fcfcfc;
    transition: 90ms ease-in-out
}

.ds-btn-blue.focus,
.ds-btn-blue:focus {
    background: #4377a4;
    color: #fcfcfc;
    border-color: transparent
}

.ds-btn-blue.focus>.icon,
.ds-btn-blue:focus>.icon {
    fill: #fcfcfc
}

.ds-btn-blue.active,
.ds-btn-blue:active {
    background: #4377a4;
    color: #fcfcfc;
    border-color: transparent
}

.ds-btn-blue.active>.icon,
.ds-btn-blue:active>.icon {
    fill: #fcfcfc
}

.ds-btn-blue .btn-loader-overlay {
    color: #fcfcfc;
    background-color: #4c88bc
}

.ds-btn-signup {
    background: #f1f1f1;
    color: #414141;
    transition: 90ms ease-in-out
}

.ds-btn-signup>.icon {
    fill: #414141;
    transition: 90ms ease-in-out
}

.ds-btn-signup.focus,
.ds-btn-signup:focus {
    background: rgba(209, 209, 209, .75);
    color: #414141
}

.ds-btn-signup.focus>.icon,
.ds-btn-signup:focus>.icon {
    fill: #414141
}

.ds-btn-signup.active,
.ds-btn-signup:active {
    background: rgba(209, 209, 209, .75);
    color: #414141
}

.ds-btn-signup.active>.icon,
.ds-btn-signup:active>.icon {
    fill: #414141
}

.ds-btn-signup .btn-loader-overlay {
    color: #414141;
    background-color: #f1f1f1
}

.ds-btn-signup.hover,
.ds-btn-signup:hover {
    background: #d1d1d1;
    color: #414141
}

.ds-btn-signup.hover>.icon,
.ds-btn-signup:hover>.icon {
    fill: #414141
}

.ds-btn-tokens {
    background: #5b5b5b;
    color: #f1f1f1;
    transition: 90ms ease-in-out
}

.ds-btn-tokens>.icon {
    fill: #f1f1f1;
    transition: 90ms ease-in-out
}

.ds-btn-tokens.focus,
.ds-btn-tokens:focus {
    background: #141414;
    color: #f1f1f1
}

.ds-btn-tokens.focus>.icon,
.ds-btn-tokens:focus>.icon {
    fill: #f1f1f1
}

.ds-btn-tokens.active,
.ds-btn-tokens:active {
    background: #141414;
    color: #f1f1f1
}

.ds-btn-tokens.active>.icon,
.ds-btn-tokens:active>.icon {
    fill: #f1f1f1
}

.ds-btn-tokens .btn-loader-overlay {
    color: #f1f1f1;
    background-color: #5b5b5b
}

.ds-btn-white-outline {
    background: 0 0;
    color: rgba(255, 255, 255, .6);
    transition: 90ms ease-in-out;
    border-color: rgba(255, 255, 255, .3)
}

.ds-btn-white-outline>.icon {
    fill: rgba(255, 255, 255, 0.6);
    transition: 90ms ease-in-out
}

.ds-btn-white-outline.focus,
.ds-btn-white-outline:focus {
    background: 0 0;
    color: rgba(255, 255, 255, .8);
    border-color: rgba(255, 255, 255, .6)
}

.ds-btn-white-outline.focus>.icon,
.ds-btn-white-outline:focus>.icon {
    fill: rgba(255, 255, 255, 0.8)
}

.ds-btn-white-outline.active,
.ds-btn-white-outline:active {
    background: 0 0;
    color: rgba(255, 255, 255, .8);
    border-color: rgba(255, 255, 255, .6)
}

.ds-btn-white-outline.active>.icon,
.ds-btn-white-outline:active>.icon {
    fill: rgba(255, 255, 255, 0.8)
}

.ds-btn-white-outline .btn-loader-overlay {
    color: rgba(255, 255, 255, .6);
    background-color: transparent
}

.ds-btn-white-outline.white {
    border-color: #fff;
    color: #fff
}

.ds-btn-pale {
    background: 0 0;
    color: rgba(255, 255, 255, .6);
    transition: 90ms ease-in-out;
    border-color: rgba(255, 255, 255, .3)
}

.ds-btn-pale>.icon {
    fill: rgba(255, 255, 255, 0.6);
    transition: 90ms ease-in-out
}

.ds-btn-pale.focus,
.ds-btn-pale:focus {
    background: 0 0;
    color: rgba(255, 255, 255, .8);
    border-color: rgba(255, 255, 255, .6)
}

.ds-btn-pale.focus>.icon,
.ds-btn-pale:focus>.icon {
    fill: rgba(255, 255, 255, 0.8)
}

.ds-btn-pale.active,
.ds-btn-pale:active {
    background: 0 0;
    color: rgba(255, 255, 255, .8);
    border-color: rgba(255, 255, 255, .6)
}

.ds-btn-pale.active>.icon,
.ds-btn-pale:active>.icon {
    fill: rgba(255, 255, 255, 0.8)
}

.ds-btn-pale .btn-loader-overlay {
    color: rgba(255, 255, 255, .6);
    background-color: transparent
}

.ds-btn-transparent {
    background: 0 0 !important;
    color: rgba(255, 255, 255, .6) !important;
    transition: 90ms ease-in-out;
    border: none !important
}

.ds-btn-transparent>.icon {
    fill: rgba(255, 255, 255, 0.6) !important;
    transition: 90ms ease-in-out
}

.ds-btn-transparent.focus,
.ds-btn-transparent:focus {
    background: 0 0 !important;
    color: rgba(255, 255, 255, .8) !important
}

.ds-btn-transparent.focus>.icon,
.ds-btn-transparent:focus>.icon {
    fill: rgba(255, 255, 255, 0.8) !important
}

.ds-btn-transparent.active,
.ds-btn-transparent:active {
    background: 0 0 !important;
    color: rgba(255, 255, 255, .8) !important
}

.ds-btn-transparent.active>.icon,
.ds-btn-transparent:active>.icon {
    fill: rgba(255, 255, 255, 0.8) !important
}

.ds-btn-transparent .btn-loader-overlay {
    color: rgba(255, 255, 255, .6) !important;
    background-color: transparent !important
}

.ds-btn-call2action {
    background: #f14452;
    color: #fff;
    transition: 90ms ease-in-out
}

.ds-btn-call2action>.icon {
    fill: #fff;
    transition: 90ms ease-in-out
}

.ds-btn-call2action.focus,
.ds-btn-call2action:focus {
    background: #ff4c5c;
    color: #fff
}

.ds-btn-call2action.focus>.icon,
.ds-btn-call2action:focus>.icon {
    fill: #fff
}

.ds-btn-call2action.active,
.ds-btn-call2action:active {
    background: #ff4c5c;
    color: #fff
}

.ds-btn-call2action.active>.icon,
.ds-btn-call2action:active>.icon {
    fill: #fff
}

.ds-btn-call2action .btn-loader-overlay {
    color: #fff;
    background-color: #f14452
}

.ds-btn-call2action-premium {
    background: #ecba72;
    color: #000;
    transition: 90ms ease-in-out
}

.ds-btn-call2action-premium>.icon {
    fill: #000;
    transition: 90ms ease-in-out
}

.ds-btn-call2action-premium.focus,
.ds-btn-call2action-premium:focus {
    background: #eec487;
    color: #000
}

.ds-btn-call2action-premium.focus>.icon,
.ds-btn-call2action-premium:focus>.icon {
    fill: #000
}

.ds-btn-call2action-premium.active,
.ds-btn-call2action-premium:active {
    background: #eec487;
    color: #000
}

.ds-btn-call2action-premium.active>.icon,
.ds-btn-call2action-premium:active>.icon {
    fill: #000
}

.ds-btn-call2action-premium .btn-loader-overlay {
    color: #000;
    background-color: #ecba72
}

.ds-btn-apply-ds {
    background: #79943d;
    color: #f8f8f8;
    transition: 90ms ease-in-out;
    border-width: 0
}

.ds-btn-apply-ds>.icon {
    fill: #f8f8f8;
    transition: 90ms ease-in-out
}

.ds-btn-apply-ds.focus,
.ds-btn-apply-ds:focus {
    background: rgb(80.4799228675, 103.7652511962, 28.7347488038);
    color: #f8f8f8
}

.ds-btn-apply-ds.focus>.icon,
.ds-btn-apply-ds:focus>.icon {
    fill: #f8f8f8
}

.ds-btn-apply-ds.active,
.ds-btn-apply-ds:active {
    background: rgb(80.4799228675, 103.7652511962, 28.7347488038);
    color: #f8f8f8
}

.ds-btn-apply-ds.active>.icon,
.ds-btn-apply-ds:active>.icon {
    fill: #f8f8f8
}

.ds-btn-apply-ds .btn-loader-overlay {
    color: #f8f8f8;
    background-color: #79943d
}

.ds-btn-apply-2-ds {
    background: #61922f;
    color: #f8f8f8;
    transition: 90ms ease-in-out;
    border-width: 0;
    font-weight: 700
}

.ds-btn-apply-2-ds>.icon {
    fill: #f8f8f8;
    transition: 90ms ease-in-out
}

.ds-btn-apply-2-ds.focus,
.ds-btn-apply-2-ds:focus {
    background: #61922f;
    color: #f8f8f8
}

.ds-btn-apply-2-ds.focus>.icon,
.ds-btn-apply-2-ds:focus>.icon {
    fill: #f8f8f8
}

.ds-btn-apply-2-ds.active,
.ds-btn-apply-2-ds:active {
    background: #61922f;
    color: #f8f8f8
}

.ds-btn-apply-2-ds.active>.icon,
.ds-btn-apply-2-ds:active>.icon {
    fill: #f8f8f8
}

.ds-btn-apply-2-ds .btn-loader-overlay {
    color: #f8f8f8;
    background-color: #61922f
}

.ds-btn-apply-2-ds-enforced {
    background: #61922f !important;
    color: #f8f8f8 !important;
    transition: 90ms ease-in-out;
    border-radius: 2rem !important;
    border-width: 0 !important;
    font-weight: 500 !important
}

.ds-btn-apply-2-ds-enforced>.icon {
    fill: #f8f8f8 !important;
    transition: 90ms ease-in-out
}

.ds-btn-apply-2-ds-enforced.focus,
.ds-btn-apply-2-ds-enforced:focus {
    background: #61922f !important;
    color: #f8f8f8 !important
}

.ds-btn-apply-2-ds-enforced.focus>.icon,
.ds-btn-apply-2-ds-enforced:focus>.icon {
    fill: #f8f8f8 !important
}

.ds-btn-apply-2-ds-enforced.active,
.ds-btn-apply-2-ds-enforced:active {
    background: #61922f !important;
    color: #f8f8f8 !important
}

.ds-btn-apply-2-ds-enforced.active>.icon,
.ds-btn-apply-2-ds-enforced:active>.icon {
    fill: #f8f8f8 !important
}

.ds-btn-apply-2-ds-enforced .btn-loader-overlay {
    color: #f8f8f8 !important;
    background-color: #61922f !important
}

.ds-btn-default-filled {
    background: rgba(255, 255, 255, .8);
    color: #000;
    transition: 90ms ease-in-out
}

.ds-btn-default-filled>.icon {
    fill: #000;
    transition: 90ms ease-in-out
}

.ds-btn-default-filled.focus,
.ds-btn-default-filled:focus {
    background: #fff;
    color: #000
}

.ds-btn-default-filled.focus>.icon,
.ds-btn-default-filled:focus>.icon {
    fill: #000
}

.ds-btn-default-filled.active,
.ds-btn-default-filled:active {
    background: #fff;
    color: #000
}

.ds-btn-default-filled.active>.icon,
.ds-btn-default-filled:active>.icon {
    fill: #000
}

.ds-btn-default-filled .btn-loader-overlay {
    color: #000;
    background-color: rgba(255, 255, 255, .8)
}

.ds-btn-default-outline {
    background: 0 0;
    color: #fff;
    transition: 90ms ease-in-out;
    border-color: rgba(255, 255, 255, .8)
}

.ds-btn-default-outline>.icon {
    fill: #fff;
    transition: 90ms ease-in-out
}

.ds-btn-default-outline.focus,
.ds-btn-default-outline:focus {
    background: 0 0;
    color: #fff;
    border-color: #fff
}

.ds-btn-default-outline.focus>.icon,
.ds-btn-default-outline:focus>.icon {
    fill: #fff
}

.ds-btn-default-outline.active,
.ds-btn-default-outline:active {
    background: 0 0;
    color: #fff
}

.ds-btn-default-outline.active>.icon,
.ds-btn-default-outline:active>.icon {
    fill: #fff
}

.ds-btn-default-outline .btn-loader-overlay {
    color: #fff;
    background-color: transparent
}

.ds-btn-default-outline.active,
.ds-btn-default-outline:active {
    border-color: #fff
}

.ds-btn-second {
    background: 0 0;
    color: rgba(255, 255, 255, .8);
    transition: 90ms ease-in-out;
    border-color: rgba(255, 255, 255, .4)
}

.ds-btn-second>.icon {
    fill: rgba(255, 255, 255, 0.8);
    transition: 90ms ease-in-out
}

.ds-btn-second.focus,
.ds-btn-second:focus {
    background: 0 0;
    color: #fff;
    border-color: #fff
}

.ds-btn-second.focus>.icon,
.ds-btn-second:focus>.icon {
    fill: #fff
}

.ds-btn-second.active,
.ds-btn-second:active {
    background: 0 0;
    color: #fff
}

.ds-btn-second.active>.icon,
.ds-btn-second:active>.icon {
    fill: #fff
}

.ds-btn-second .btn-loader-overlay {
    color: rgba(255, 255, 255, .8);
    background-color: transparent
}

.ds-btn-second.active,
.ds-btn-second:active {
    border-color: #fff
}

.ds-btn-gray-ds {
    background: #434343;
    color: #fff;
    transition: 90ms ease-in-out;
    border-width: 0
}

.ds-btn-gray-ds>.icon {
    fill: #ffffff;
    transition: 90ms ease-in-out
}

.ds-btn-gray-ds.focus,
.ds-btn-gray-ds:focus {
    background: rgb(79.75, 79.75, 79.75);
    color: #fff
}

.ds-btn-gray-ds.focus>.icon,
.ds-btn-gray-ds:focus>.icon {
    fill: #ffffff
}

.ds-btn-gray-ds.active,
.ds-btn-gray-ds:active {
    background: rgb(79.75, 79.75, 79.75);
    color: #fff
}

.ds-btn-gray-ds.active>.icon,
.ds-btn-gray-ds:active>.icon {
    fill: #ffffff
}

.ds-btn-gray-ds .btn-loader-overlay {
    color: #fff;
    background-color: #434343
}

.ds-btn-enabled {
    background: #5b5b5b;
    color: #fff;
    transition: 90ms ease-in-out
}

.ds-btn-enabled>.icon {
    fill: #fff;
    transition: 90ms ease-in-out
}

.ds-btn-enabled.focus,
.ds-btn-enabled:focus {
    background: #474747;
    color: #fff
}

.ds-btn-enabled.focus>.icon,
.ds-btn-enabled:focus>.icon {
    fill: #fff
}

.ds-btn-enabled.active,
.ds-btn-enabled:active {
    background: #474747;
    color: #fff
}

.ds-btn-enabled.active>.icon,
.ds-btn-enabled:active>.icon {
    fill: #fff
}

.ds-btn-enabled .btn-loader-overlay {
    color: #fff;
    background-color: #5b5b5b
}

.ds-btn-disabled {
    background: #af262f;
    color: #fff;
    transition: 90ms ease-in-out
}

.ds-btn-disabled>.icon {
    fill: #fff;
    transition: 90ms ease-in-out
}

.ds-btn-disabled.focus,
.ds-btn-disabled:focus {
    background: #9c2a32;
    color: #fff
}

.ds-btn-disabled.focus>.icon,
.ds-btn-disabled:focus>.icon {
    fill: #fff
}

.ds-btn-disabled.active,
.ds-btn-disabled:active {
    background: #9c2a32;
    color: #fff
}

.ds-btn-disabled.active>.icon,
.ds-btn-disabled:active>.icon {
    fill: #fff
}

.ds-btn-disabled .btn-loader-overlay {
    color: #fff;
    background-color: #af262f
}

.ds-btn-red-blue-gradient {
    background: linear-gradient(to right, #c52745 0%, #5c6ec0 50%, #c52745 100%);
    background-size: 200% auto;
    border: 0;
    color: #fff;
    transition: .8s ease-in-out
}

.ds-btn-red-blue-gradient:hover {
    background-position: right center
}

.ds-btn-grouped {
    background: #5b5b5b;
    color: #f1f1f1;
    transition: 90ms ease-in-out;
    border-color: transparent
}

.ds-btn-grouped>.icon {
    fill: #f1f1f1;
    transition: 90ms ease-in-out
}

.ds-btn-grouped.focus,
.ds-btn-grouped:focus {
    background: #5b5b5b;
    color: #f1f1f1;
    border-color: transparent
}

.ds-btn-grouped.focus>.icon,
.ds-btn-grouped:focus>.icon {
    fill: #f1f1f1
}

.ds-btn-grouped.active,
.ds-btn-grouped:active {
    background: #5b5b5b;
    color: #f1f1f1;
    border-color: transparent
}

.ds-btn-grouped.active>.icon,
.ds-btn-grouped:active>.icon {
    fill: #f1f1f1
}

.ds-btn-grouped .btn-loader-overlay {
    color: #f1f1f1;
    background-color: #5b5b5b
}

.ds-btn-grouped.pseudo-disabled {
    opacity: .33;
    background: 0 0;
    color: #f1f1f1;
    transition: 90ms ease-in-out;
    border-color: #5b5b5b
}

.ds-btn-grouped.pseudo-disabled>.icon {
    fill: #f1f1f1;
    transition: 90ms ease-in-out
}

.ds-btn-grouped.pseudo-disabled.focus,
.ds-btn-grouped.pseudo-disabled:focus {
    background: #5b5b5b;
    color: #f1f1f1;
    border-color: #5b5b5b
}

.ds-btn-grouped.pseudo-disabled.focus>.icon,
.ds-btn-grouped.pseudo-disabled:focus>.icon {
    fill: #f1f1f1
}

.ds-btn-grouped.pseudo-disabled.active,
.ds-btn-grouped.pseudo-disabled:active {
    background: #5b5b5b;
    color: #f1f1f1;
    border-color: #5b5b5b
}

.ds-btn-grouped.pseudo-disabled.active>.icon,
.ds-btn-grouped.pseudo-disabled:active>.icon {
    fill: #f1f1f1
}

.ds-btn-grouped.pseudo-disabled .btn-loader-overlay {
    color: #f1f1f1;
    background-color: transparent
}

.ds-btn-grouped.pseudo-disabled:hover {
    opacity: 1
}

.ds-btn-loading.ds-btn-loading {
    color: transparent;
    opacity: 1;
    position: relative
}

.ds-btn-loader-overlay {
    align-items: center;
    display: flex;
    height: 100%;
    justify-content: center;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.icon {
    height: 1rem;
    margin-right: 4px;
    pointer-events: none;
    vertical-align: middle;
    width: 1rem
}

.icon.icon-star-in-circle {
    color: #e1ad5b
}

.icon.icon-user-regular {
    fill: #9e9e9e
}

.icon.icon-user-green {
    fill: #4caf50
}

.icon-static {
    -o-object-fit: contain;
    object-fit: contain
}

input[type=checkbox].checkbox,
input[type=radio].radio {
    display: block;
    height: 0;
    opacity: 0;
    position: absolute;
    width: 0
}

input[type=checkbox].checkbox+label,
input[type=radio].radio+label {
    background-position: center left;
    background-repeat: no-repeat;
    cursor: pointer;
    display: inline-block;
    height: 18px;
    line-height: 18px;
    margin: 4px 0 3px;
    max-width: 100%;
    opacity: .9;
    overflow: hidden;
    padding-left: 24px;
    padding-top: 0;
    text-align: left;
    text-overflow: ellipsis;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    vertical-align: middle;
    white-space: nowrap;
    width: auto;
    font-size: .875rem
}

input[type=checkbox].checkbox:checked+label,
input[type=checkbox].checkbox:focus+label,
input[type=checkbox].checkbox:hover+label,
input[type=radio].radio:checked+label,
input[type=radio].radio:focus+label,
input[type=radio].radio:hover+label {
    opacity: 1
}

input[type=checkbox].checkbox+label {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='100' height='100' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='null' fill='%23fff' d='M8.55 8.55h82.9v82.9H8.55V8.55zM1 99h98V1H1v98z'/%3E%3C/svg%3E");
    background-size: 16px;
    color: #fff
}

input[type=checkbox].checkbox:checked+label {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='100' height='100' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%2393bb3b'%3E%3Cpath d='M9.55 9.65H90.5V90.6H9.55V9.65zM2.2 97.97h95.67V2.27H2.2v95.7z'/%3E%3Cpath d='M42.66 59.6L27.93 44.96l-5.17 5.17 19.9 19.9L77.3 35.4l-5.17-5.18'/%3E%3C/g%3E%3C/svg%3E");
    color: #93bb3b
}

input[type=checkbox].checkbox.white:checked+label {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='100' height='100' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23fff'%3E%3Cpath d='M9.55 9.65H90.5V90.6H9.55V9.65zM2.2 97.97h95.67V2.27H2.2v95.7z'/%3E%3Cpath d='M42.66 59.6L27.93 44.96l-5.17 5.17 19.9 19.9L77.3 35.4l-5.17-5.18'/%3E%3C/g%3E%3C/svg%3E");
    color: #fff
}

input[type=checkbox].checkbox.theme-grey+label {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='100' height='100' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='null' fill='%23fff' d='M8.55 8.55h82.9v82.9H8.55V8.55zM1 99h98V1H1v98z'/%3E%3C/svg%3E");
    background-size: 16px;
    color: #fff
}

input[type=checkbox].checkbox.theme-grey.white:checked+label,
input[type=checkbox].checkbox.theme-grey:checked+label {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='100' height='100' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23fff'%3E%3Cpath d='M9.55 9.65H90.5V90.6H9.55V9.65zM2.2 97.97h95.67V2.27H2.2v95.7z'/%3E%3Cpath d='M42.66 59.6L27.93 44.96l-5.17 5.17 19.9 19.9L77.3 35.4l-5.17-5.18'/%3E%3C/g%3E%3C/svg%3E");
    color: #fff
}

input[type=checkbox].checkbox.theme-lightblack+label {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M2.22222 0H15.7778C17 0 18 1 18 2.22222V15.7778C18 17 17 18 15.7778 18H2.22222C1 18 0 17 0 15.7778V2.22222C0 1 1 0 2.22222 0ZM2.22222 15.7778H15.7778V2.22222H2.2222V15.7778Z' fill='%23f8f8f8' fill-opacity='0.8'/%3E%3C/svg%3E");
    color: rgba(248, 248, 248, .8)
}

input[type=checkbox].checkbox.theme-lightblack:checked+label {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M2 0H16C17.11 0 18 0.9 18 2V16C18 17.1 17.11 18 16 18H2C0.89 18 0 17.1 0 16V2C0 0.9 0.89 0 2 0ZM6.29289 13.2929C6.68342 13.6834 7.31658 13.6834 7.70711 13.2929L15.2954 5.70461C15.6849 5.31506 15.6857 4.68343 15.2975 4.29251C14.9074 3.89963 14.2719 3.89811 13.8804 4.28961L7 11.17L4.11549 8.29353C3.7257 7.90482 3.09474 7.90526 2.70549 8.29451C2.31586 8.68414 2.31586 9.31586 2.70549 9.70549L6.29289 13.2929Z' fill='%23f8f8f8' fill-opacity='0.8'/%3E%3C/svg%3E")
}

input[type=checkbox].checkbox.theme-black+label {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' width='512' height='512'%3E%3Cpath d='M439.03 0H72.97C32.74 0 0 32.74 0 72.97v366.06C0 479.25 32.74 512 72.97 512h366.06c40.23 0 72.97-32.74 72.97-72.97V72.97C512 32.74 479.26 0 439.03 0zm31.6 439.02a31.65 31.65 0 0 1-31.6 31.62H72.97a31.65 31.65 0 0 1-31.6-31.61V72.98a31.65 31.65 0 0 1 31.6-31.62h366.05a31.65 31.65 0 0 1 31.62 31.62v366.04z' fill='%23979797'/%3E%3C/svg%3E");
    background-size: 16px
}

input[type=checkbox].checkbox.theme-black:checked+label {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='459' height='459'%3E%3Cpath d='M408 0H51C22.95 0 0 22.95 0 51v357c0 28.05 22.95 51 51 51h357c28.05 0 51-22.95 51-51V51c0-28.05-22.95-51-51-51zM178.5 357L51 229.5l35.7-35.7 91.8 91.8L372.3 91.8l35.7 35.7L178.5 357z' fill='%23484848' /%3E%3C/svg%3E")
}

input[type=checkbox].checkbox.theme-white-v2+label {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' width='512' height='512'%3E%3Cpath d='M439.03 0H72.97C32.74 0 0 32.74 0 72.97v366.06C0 479.25 32.74 512 72.97 512h366.06c40.23 0 72.97-32.74 72.97-72.97V72.97C512 32.74 479.26 0 439.03 0zm31.6 439.02a31.65 31.65 0 0 1-31.6 31.62H72.97a31.65 31.65 0 0 1-31.6-31.61V72.98a31.65 31.65 0 0 1 31.6-31.62h366.05a31.65 31.65 0 0 1 31.62 31.62v366.04z' fill='rgba(248, 248, 248, 0.6)'/%3E%3C/svg%3E");
    background-size: 16px
}

input[type=checkbox].checkbox.theme-white-v2+label:hover {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' width='512' height='512'%3E%3Cpath d='M439.03 0H72.97C32.74 0 0 32.74 0 72.97v366.06C0 479.25 32.74 512 72.97 512h366.06c40.23 0 72.97-32.74 72.97-72.97V72.97C512 32.74 479.26 0 439.03 0zm31.6 439.02a31.65 31.65 0 0 1-31.6 31.62H72.97a31.65 31.65 0 0 1-31.6-31.61V72.98a31.65 31.65 0 0 1 31.6-31.62h366.05a31.65 31.65 0 0 1 31.62 31.62v366.04z' fill='%23f8f8f8'/%3E%3C/svg%3E")
}

input[type=checkbox].checkbox.theme-white-v2:checked+label {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='459' height='459'%3E%3Cpath d='M408 0H51C22.95 0 0 22.95 0 51v357c0 28.05 22.95 51 51 51h357c28.05 0 51-22.95 51-51V51c0-28.05-22.95-51-51-51zM178.5 357L51 229.5l35.7-35.7 91.8 91.8L372.3 91.8l35.7 35.7L178.5 357z' fill='%23f8f8f8' /%3E%3C/svg%3E")
}

input[type=checkbox].checkbox.theme-gold+label {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='100' height='100' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='null' fill='%23fff' d='M8.55 8.55h82.9v82.9H8.55V8.55zM1 99h98V1H1v98z'/%3E%3C/svg%3E");
    background-size: 16px;
    color: #fff
}

input[type=checkbox].checkbox.theme-gold:checked+label {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='100' height='100' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23e9a63b'%3E%3Cpath d='M9.55 9.65H90.5V90.6H9.55V9.65zM2.2 97.97h95.67V2.27H2.2v95.7z'/%3E%3Cpath d='M42.66 59.6L27.93 44.96l-5.17 5.17 19.9 19.9L77.3 35.4l-5.17-5.18'/%3E%3C/g%3E%3C/svg%3E");
    color: #e9a63b
}

input[type=radio].radio+label {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='100' height='100' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23fff' d='M50.03 86.9c-20.4 0-36.87-16.57-36.87-36.87s16.47-36.87 36.87-36.87S86.9 29.63 86.9 50.03 70.43 86.9 50.03 86.9zm0-85.9C22.97 1 1 22.97 1 50.03s21.97 49.03 49.03 49.03S99.06 77.1 99.06 50.03 77.1 1 50.03 1z'/%3E%3C/svg%3E");
    background-size: 16px;
    color: #fff
}

input[type=radio].radio:checked+label {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='100' height='100' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%2393bb3b'%3E%3Cpath d='M70.82 50.03c0 11.47-9.32 20.8-20.8 20.8s-20.78-9.33-20.78-20.8 9.32-20.8 20.8-20.8 20.78 9.33 20.78 20.8'/%3E%3Cpath d='M50.03 86.9c-20.4 0-36.87-16.57-36.87-36.87s16.47-36.87 36.87-36.87S86.9 29.63 86.9 50.03 70.43 86.9 50.03 86.9zm0-85.9C22.97 1 1 22.97 1 50.03s21.97 49.03 49.03 49.03S99.06 77.1 99.06 50.03 77.1 1 50.03 1z'/%3E%3C/g%3E%3C/svg%3E");
    color: #93bb3b
}

input[type=radio].radio.white:checked+label {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='100' height='100' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23fff'%3E%3Cpath d='M70.82 50.03c0 11.47-9.32 20.8-20.8 20.8s-20.78-9.33-20.78-20.8 9.32-20.8 20.8-20.8 20.78 9.33 20.78 20.8'/%3E%3Cpath d='M50.03 86.9c-20.4 0-36.87-16.57-36.87-36.87s16.47-36.87 36.87-36.87S86.9 29.63 86.9 50.03 70.43 86.9 50.03 86.9zm0-85.9C22.97 1 1 22.97 1 50.03s21.97 49.03 49.03 49.03S99.06 77.1 99.06 50.03 77.1 1 50.03 1z'/%3E%3C/g%3E%3C/svg%3E");
    color: #fff
}

input[type=radio].radio.theme-gold+label {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='100' height='100' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23fff' d='M50.03 86.9c-20.4 0-36.87-16.57-36.87-36.87s16.47-36.87 36.87-36.87S86.9 29.63 86.9 50.03 70.43 86.9 50.03 86.9zm0-85.9C22.97 1 1 22.97 1 50.03s21.97 49.03 49.03 49.03S99.06 77.1 99.06 50.03 77.1 1 50.03 1z'/%3E%3C/svg%3E");
    background-size: 16px;
    color: #fff
}

input[type=radio].radio.theme-gold:checked+label {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='100' height='100' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23e9a63b'%3E%3Cpath d='M70.82 50.03c0 11.47-9.32 20.8-20.8 20.8s-20.78-9.33-20.78-20.8 9.32-20.8 20.8-20.8 20.78 9.33 20.78 20.8'/%3E%3Cpath d='M50.03 86.9c-20.4 0-36.87-16.57-36.87-36.87s16.47-36.87 36.87-36.87S86.9 29.63 86.9 50.03 70.43 86.9 50.03 86.9zm0-85.9C22.97 1 1 22.97 1 50.03s21.97 49.03 49.03 49.03S99.06 77.1 99.06 50.03 77.1 1 50.03 1z'/%3E%3C/g%3E%3C/svg%3E");
    color: #e9a63b
}

input[type=radio].radio.theme-red+label {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='100' height='100' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23fff' d='M50.03 86.9c-20.4 0-36.87-16.57-36.87-36.87s16.47-36.87 36.87-36.87S86.9 29.63 86.9 50.03 70.43 86.9 50.03 86.9zm0-85.9C22.97 1 1 22.97 1 50.03s21.97 49.03 49.03 49.03S99.06 77.1 99.06 50.03 77.1 1 50.03 1z'/%3E%3C/svg%3E");
    background-size: 16px;
    color: #fff
}

input[type=radio].radio.theme-red:checked+label {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='100' height='100' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23f14b57'%3E%3Cpath d='M70.82 50.03c0 11.47-9.32 20.8-20.8 20.8s-20.78-9.33-20.78-20.8 9.32-20.8 20.8-20.8 20.78 9.33 20.78 20.8'/%3E%3Cpath d='M50.03 86.9c-20.4 0-36.87-16.57-36.87-36.87s16.47-36.87 36.87-36.87S86.9 29.63 86.9 50.03 70.43 86.9 50.03 86.9zm0-85.9C22.97 1 1 22.97 1 50.03s21.97 49.03 49.03 49.03S99.06 77.1 99.06 50.03 77.1 1 50.03 1z'/%3E%3C/g%3E%3C/svg%3E");
    color: #f14b57
}

input[type=radio].radio.theme-primary+label {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='100' height='100' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23f8f8f8' d='M50.03 86.9c-20.4 0-36.87-16.57-36.87-36.87s16.47-36.87 36.87-36.87S86.9 29.63 86.9 50.03 70.43 86.9 50.03 86.9zm0-85.9C22.97 1 1 22.97 1 50.03s21.97 49.03 49.03 49.03S99.06 77.1 99.06 50.03 77.1 1 50.03 1z'/%3E%3C/svg%3E");
    background-size: 20px
}

input[type=radio].radio.theme-primary:checked+label {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='100' height='100' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%2334b353'%3E%3Cpath d='M70.82 50.03c0 11.47-9.32 20.8-20.8 20.8s-20.78-9.33-20.78-20.8 9.32-20.8 20.8-20.8 20.78 9.33 20.78 20.8'/%3E%3Cpath d='M50.03 86.9c-20.4 0-36.87-16.57-36.87-36.87s16.47-36.87 36.87-36.87S86.9 29.63 86.9 50.03 70.43 86.9 50.03 86.9zm0-85.9C22.97 1 1 22.97 1 50.03s21.97 49.03 49.03 49.03S99.06 77.1 99.06 50.03 77.1 1 50.03 1z'/%3E%3C/g%3E%3C/svg%3E")
}

input[type=checkbox].checkbox-small+label,
input[type=radio].radio-small+label {
    background-size: 13px;
    height: 15px;
    line-height: 15px;
    padding-left: 20px;
    font-size: .75rem
}

input[type=radio].radio-small+label {
    background-size: 13px
}

input[type=checkbox].checkbox-large+label,
input[type=radio].radio.radio-large+label {
    background-size: 20px;
    height: 20px;
    line-height: 20px;
    padding-left: 30px;
    font-size: 1rem
}

input[type=checkbox].checkbox-x-large+label {
    background-size: 26px !important;
    min-height: 26px;
    padding-left: 42px;
    font-size: 1rem;
    line-height: 1.625rem
}

input[type=radio].radio-large+label {
    background-size: 18px
}

.input.multiple:disabled,
input[type=checkbox].checkbox:disabled+label,
input[type=email]:disabled,
input[type=number]:disabled,
input[type=password]:disabled,
input[type=radio].radio:disabled+label,
input[type=search]:disabled,
input[type=tel]:disabled,
input[type=text]:disabled {
    cursor: default;
    opacity: .33
}

input[type=date].input,
input[type=email].input,
input[type=number].input,
input[type=password].input,
input[type=search].input,
input[type=tel].input,
input[type=text].input,
textarea.textarea {
    background-color: #000;
    border: 1px solid #000;
    border-radius: 20px;
    color: #f8f8f8;
    display: inline-block;
    height: 40px;
    line-height: 20px;
    padding: 10px 20px;
    font-size: .75rem;
    transition: 120ms ease-in-out
}

input[type=date].input::-moz-placeholder,
input[type=email].input::-moz-placeholder,
input[type=number].input::-moz-placeholder,
input[type=password].input::-moz-placeholder,
input[type=search].input::-moz-placeholder,
input[type=tel].input::-moz-placeholder,
input[type=text].input::-moz-placeholder,
textarea.textarea::-moz-placeholder {
    color: rgba(248, 248, 248, .33)
}

input[type=date].input::placeholder,
input[type=email].input::placeholder,
input[type=number].input::placeholder,
input[type=password].input::placeholder,
input[type=search].input::placeholder,
input[type=tel].input::placeholder,
input[type=text].input::placeholder,
textarea.textarea::placeholder {
    color: rgba(248, 248, 248, .33)
}

input[type=date].input:focus,
input[type=email].input:focus,
input[type=number].input:focus,
input[type=password].input:focus,
input[type=search].input:focus,
input[type=tel].input:focus,
input[type=text].input:focus,
textarea.textarea:focus {
    background-color: #000;
    border-color: rgba(255, 255, 255, .3);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 5px rgba(255, 255, 255, .25)
}

input[type=date].input.error,
input[type=email].input.error,
input[type=number].input.error,
input[type=password].input.error,
input[type=search].input.error,
input[type=tel].input.error,
input[type=text].input.error,
textarea.textarea.error {
    border: 1px solid #de5b64;
    color: #de5b64
}

input[type=date].input.error:hover,
input[type=email].input.error:hover,
input[type=number].input.error:hover,
input[type=password].input.error:hover,
input[type=search].input.error:hover,
input[type=tel].input.error:hover,
input[type=text].input.error:hover,
textarea.textarea.error:hover {
    border: 1px solid #d5444e;
    color: #d5444e
}

input[type=date].input.error:active,
input[type=date].input.error:focus,
input[type=email].input.error:active,
input[type=email].input.error:focus,
input[type=number].input.error:active,
input[type=number].input.error:focus,
input[type=password].input.error:active,
input[type=password].input.error:focus,
input[type=search].input.error:active,
input[type=search].input.error:focus,
input[type=tel].input.error:active,
input[type=tel].input.error:focus,
input[type=text].input.error:active,
input[type=text].input.error:focus,
textarea.textarea.error:active,
textarea.textarea.error:focus {
    border: 1px solid #d5444e;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px rgba(213, 68, 78, .75);
    color: #d5444e
}

input[type=date].input.theme-transparent-light-10,
input[type=email].input.theme-transparent-light-10,
input[type=number].input.theme-transparent-light-10,
input[type=password].input.theme-transparent-light-10,
input[type=search].input.theme-transparent-light-10,
input[type=tel].input.theme-transparent-light-10,
input[type=text].input.theme-transparent-light-10,
textarea.textarea.theme-transparent-light-10 {
    background-color: rgba(255, 255, 255, .1);
    border-color: transparent;
    border-width: 2px;
    height: 42px;
    letter-spacing: .02em;
    font-size: 1rem
}

input[type=date].input.theme-transparent-light-10::-moz-placeholder,
input[type=email].input.theme-transparent-light-10::-moz-placeholder,
input[type=number].input.theme-transparent-light-10::-moz-placeholder,
input[type=password].input.theme-transparent-light-10::-moz-placeholder,
input[type=search].input.theme-transparent-light-10::-moz-placeholder,
input[type=tel].input.theme-transparent-light-10::-moz-placeholder,
input[type=text].input.theme-transparent-light-10::-moz-placeholder,
textarea.textarea.theme-transparent-light-10::-moz-placeholder {
    color: rgba(255, 255, 255, .5)
}

input[type=date].input.theme-transparent-light-10::placeholder,
input[type=email].input.theme-transparent-light-10::placeholder,
input[type=number].input.theme-transparent-light-10::placeholder,
input[type=password].input.theme-transparent-light-10::placeholder,
input[type=search].input.theme-transparent-light-10::placeholder,
input[type=tel].input.theme-transparent-light-10::placeholder,
input[type=text].input.theme-transparent-light-10::placeholder,
textarea.textarea.theme-transparent-light-10::placeholder {
    color: rgba(255, 255, 255, .5)
}

input[type=date].input.theme-transparent-light-10:hover,
input[type=email].input.theme-transparent-light-10:hover,
input[type=number].input.theme-transparent-light-10:hover,
input[type=password].input.theme-transparent-light-10:hover,
input[type=search].input.theme-transparent-light-10:hover,
input[type=tel].input.theme-transparent-light-10:hover,
input[type=text].input.theme-transparent-light-10:hover,
textarea.textarea.theme-transparent-light-10:hover {
    background-color: rgba(255, 255, 255, .15);
    border-color: transparent
}

input[type=date].input.theme-transparent-light-10:focus,
input[type=email].input.theme-transparent-light-10:focus,
input[type=number].input.theme-transparent-light-10:focus,
input[type=password].input.theme-transparent-light-10:focus,
input[type=search].input.theme-transparent-light-10:focus,
input[type=tel].input.theme-transparent-light-10:focus,
input[type=text].input.theme-transparent-light-10:focus,
textarea.textarea.theme-transparent-light-10:focus {
    border-color: #437e45;
    box-shadow: 0 0 0 4px rgba(67, 126, 69, .3)
}

input[type=date].input.theme-transparent-light-10.error,
input[type=email].input.theme-transparent-light-10.error,
input[type=number].input.theme-transparent-light-10.error,
input[type=password].input.theme-transparent-light-10.error,
input[type=search].input.theme-transparent-light-10.error,
input[type=tel].input.theme-transparent-light-10.error,
input[type=text].input.theme-transparent-light-10.error,
textarea.textarea.theme-transparent-light-10.error {
    border-color: #de5b64;
    border-width: 2px;
    box-shadow: 0 0 0 4px rgba(222, 91, 100, .3)
}

input[type=date].input.theme-transparent-light-10.error:active,
input[type=date].input.theme-transparent-light-10.error:focus,
input[type=date].input.theme-transparent-light-10.error:hover,
input[type=email].input.theme-transparent-light-10.error:active,
input[type=email].input.theme-transparent-light-10.error:focus,
input[type=email].input.theme-transparent-light-10.error:hover,
input[type=number].input.theme-transparent-light-10.error:active,
input[type=number].input.theme-transparent-light-10.error:focus,
input[type=number].input.theme-transparent-light-10.error:hover,
input[type=password].input.theme-transparent-light-10.error:active,
input[type=password].input.theme-transparent-light-10.error:focus,
input[type=password].input.theme-transparent-light-10.error:hover,
input[type=search].input.theme-transparent-light-10.error:active,
input[type=search].input.theme-transparent-light-10.error:focus,
input[type=search].input.theme-transparent-light-10.error:hover,
input[type=tel].input.theme-transparent-light-10.error:active,
input[type=tel].input.theme-transparent-light-10.error:focus,
input[type=tel].input.theme-transparent-light-10.error:hover,
input[type=text].input.theme-transparent-light-10.error:active,
input[type=text].input.theme-transparent-light-10.error:focus,
input[type=text].input.theme-transparent-light-10.error:hover,
textarea.textarea.theme-transparent-light-10.error:active,
textarea.textarea.theme-transparent-light-10.error:focus,
textarea.textarea.theme-transparent-light-10.error:hover {
    border-color: #d5444e
}

input[type=date].input.date-small,
input[type=email].input.email-small,
input[type=number].input.number-small,
input[type=password].input.password-small,
input[type=search].input.search-small,
input[type=tel].input.date-small,
input[type=text].input.text-small {
    border-radius: 15px;
    height: 30px;
    font-size: .75rem;
    line-height: .938rem
}

input[type=number].input.theme-white,
input[type=tel].input.theme-white,
input[type=text].input.theme-white {
    background-color: #fff;
    border: 1px solid #d8d8d8;
    color: #4f4f4f
}

input[type=number].input.theme-white::-moz-placeholder,
input[type=tel].input.theme-white::-moz-placeholder,
input[type=text].input.theme-white::-moz-placeholder {
    color: rgba(79, 79, 79, .5)
}

input[type=number].input.theme-white::placeholder,
input[type=tel].input.theme-white::placeholder,
input[type=text].input.theme-white::placeholder {
    color: rgba(79, 79, 79, .5)
}

input[type=number].input.theme-white:focus,
input[type=tel].input.theme-white:focus,
input[type=text].input.theme-white:focus {
    background-color: #fff;
    border-color: rgb(190.5, 190.5, 190.5);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 5px rgba(255, 255, 255, .3)
}

textarea.textarea {
    border-radius: 5px;
    padding: 10px
}

label {
    text-align: right;
    display: inline-block;
    margin-bottom: .5rem
}

input.block {
    width: 100%
}

input::-ms-clear {
    display: none
}

.multiple.input {
    background-color: #000;
    border: 1px solid #000;
    border-radius: 5px;
    color: #f8f8f8;
    cursor: text;
    display: flex;
    flex-wrap: wrap;
    line-height: 20px;
    min-height: 30px;
    padding: 2px 10px;
    font-size: .75rem
}

.multiple.input input {
    background: 0 0;
    border: transparent;
    color: #f8f8f8;
    flex-grow: 1;
    height: 25px;
    margin: 5px
}

.multiple.input .multiple-item {
    align-items: center;
    background-color: #464646;
    border-radius: 20px;
    color: #fff;
    display: flex;
    font-weight: 400;
    height: 25px;
    justify-content: space-between;
    line-height: 25px;
    margin: 5px;
    padding: 0 5px 0 10px;
    vertical-align: top
}

.multiple.input .multiple-item .multiple-item-remove {
    cursor: pointer;
    fill: #6e6e6e;
    margin-left: 10px
}

.multiple.input .multiple-item .multiple-item-remove:focus .icon,
.multiple.input .multiple-item .multiple-item-remove:hover .icon {
    fill: #d72c37
}

.multiple.input .multiple-item.error {
    background-color: #603838
}

.input-date-wrapper {
    position: relative
}

.input-date-wrapper__calendar-icon {
    color: rgba(255, 255, 255, .75);
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%)
}

.input-date-wrapper input[type=date].input {
    -webkit-appearance: none;
    color: rgba(248, 248, 248, .33);
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
    width: 100%
}

.input-date-wrapper input[type=date].input::-webkit-calendar-picker-indicator {
    background: 0 0;
    bottom: 0;
    color: transparent;
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%
}

.input-date-wrapper input[type=date].input.has-value {
    color: #f8f8f8
}

.country-flag {
    aspect-ratio: 32/21;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain
}

.country-flag--small {
    height: 11px
}

.country-flag--medium {
    height: 17px
}

.loader-container {
    bottom: 0;
    left: 0;
    padding-bottom: 60%;
    position: relative;
    right: 0;
    top: 0
}

.loader {
    pointer-events: none
}

.loader.centered {
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%)
}

.loader.inline {
    display: inline-block;
    margin-right: 4px;
    vertical-align: middle
}

.loader>.sector-circle {
    animation: sectorRotate 1.5s infinite linear;
    border-bottom: 2px solid rgba(0, 0, 0, .1);
    border-left: 2px solid rgba(0, 0, 0, .4);
    border-radius: 50%;
    border-right: 2px solid rgba(0, 0, 0, .1);
    border-top: 2px solid rgba(0, 0, 0, .1);
    height: 100%;
    position: relative;
    transform: translateZ(0);
    width: 100%
}

.loader>.sector-circle:after {
    border-radius: 50%;
    height: 100%;
    width: 100%
}

.loader>.horizontal-dots {
    background-color: rgba(51, 51, 51, .9);
    height: 100%;
    width: 100%;
    border-radius: 3px
}

.loader>.horizontal-dots::after {
    clear: both;
    content: "";
    display: table
}

.loader>.horizontal-dots .loader-circle {
    animation-direction: normal;
    animation-duration: .5s;
    animation-iteration-count: infinite;
    animation-name: bounce-circle;
    background-color: #713a3e;
    border-radius: 100%;
    float: left;
    padding-bottom: 12.5%;
    width: 12.5%
}

.loader>.horizontal-dots .loader-circle:first-child {
    animation-delay: .1s;
    margin: 7.5% 5% 7.5% 10%
}

.loader>.horizontal-dots .loader-circle:nth-child(2) {
    animation-delay: .2s;
    margin: 7.5% 5%
}

.loader>.horizontal-dots .loader-circle:nth-child(3) {
    animation-delay: .3s;
    margin: 7.5% 5%
}

.loader>.horizontal-dots .loader-circle:nth-child(4) {
    animation-delay: .4s;
    margin: 7.5% 10% 7.5% 5%
}

@keyframes bounce-circle {
    50% {
        background-color: #eb4853
    }
}

.loader>.fading-circle {
    height: 66px;
    margin: 0 auto;
    position: relative;
    width: 66px
}

.loader>.fading-circle .loader-circle {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.loader>.fading-circle .loader-circle:before {
    animation: circleFadeDelay 960ms infinite ease-in-out both;
    background-color: #666;
    border-radius: 100%;
    content: "";
    display: block;
    height: 15%;
    margin: 0 auto;
    width: 15%
}

.loader>.fading-circle .loader-circle2 {
    transform: rotate(30deg)
}

.loader>.fading-circle .loader-circle3 {
    transform: rotate(60deg)
}

.loader>.fading-circle .loader-circle4 {
    transform: rotate(90deg)
}

.loader>.fading-circle .loader-circle5 {
    transform: rotate(120deg)
}

.loader>.fading-circle .loader-circle6 {
    transform: rotate(150deg)
}

.loader>.fading-circle .loader-circle7 {
    transform: rotate(180deg)
}

.loader>.fading-circle .loader-circle8 {
    transform: rotate(210deg)
}

.loader>.fading-circle .loader-circle9 {
    transform: rotate(240deg)
}

.loader>.fading-circle .loader-circle10 {
    transform: rotate(270deg)
}

.loader>.fading-circle .loader-circle11 {
    transform: rotate(300deg)
}

.loader>.fading-circle .loader-circle12 {
    transform: rotate(330deg)
}

.loader>.fading-circle .loader-circle2:before {
    animation-delay: -880ms
}

.loader>.fading-circle .loader-circle3:before {
    animation-delay: -.8s
}

.loader>.fading-circle .loader-circle4:before {
    animation-delay: -720ms
}

.loader>.fading-circle .loader-circle5:before {
    animation-delay: -640ms
}

.loader>.fading-circle .loader-circle6:before {
    animation-delay: -560ms
}

.loader>.fading-circle .loader-circle7:before {
    animation-delay: -480ms
}

.loader>.fading-circle .loader-circle8:before {
    animation-delay: -.4s
}

.loader>.fading-circle .loader-circle9:before {
    animation-delay: -320ms
}

.loader>.fading-circle .loader-circle10:before {
    animation-delay: -240ms
}

.loader>.fading-circle .loader-circle11:before {
    animation-delay: -160ms
}

.loader>.fading-circle .loader-circle12:before {
    animation-delay: -80ms
}

@keyframes circleFadeDelay {

    0%,
    100%,
    39% {
        opacity: 0
    }

    40% {
        opacity: 1
    }
}

@keyframes sectorRotate {
    0% {
        transform: rotate(0deg)
    }

    100% {
        transform: rotate(360deg)
    }
}

.progress-bar {
    position: relative;
    display: flex;
    flex-direction: column
}

.progress-bar .progress-bar-progress-range {
    justify-content: space-between;
    margin-bottom: 5px;
    display: flex;
    flex-direction: row
}

.progress-bar .progress-bar-progress-range-item {
    color: rgba(248, 248, 248, .4);
    font-size: .625rem;
    line-height: .75rem
}

.progress-bar .progress-bar-progress-wrapper {
    position: relative;
    display: flex;
    flex-direction: row
}

.progress-bar .progress-bar-progress {
    transition: flex .2s linear;
    flex: 1;
    flex-basis: auto;
    flex-grow: 0;
    flex-shrink: 1
}

.progress-bar .progress-bar-text-wrapper {
    align-items: center;
    color: rgba(255, 255, 255, .7);
    justify-content: center;
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    display: flex;
    flex-direction: row;
    font-size: .75rem
}

.progress-bar.completed {
    background-color: #4b6b46;
    border-color: #83a266;
    padding: 0;
    transition: .2s ease-in-out
}

.progress-bar.completed .progress-bar-progress {
    background: #4b6b46
}

.progress-bar.completed .progress-bar-text-wrapper {
    align-items: center;
    color: #fff;
    display: flex;
    flex-direction: row
}

.progress-bar.type-striped .progress-bar-progress-wrapper {
    background-color: rgba(24, 24, 24, .5);
    border: 1px solid rgba(255, 255, 255, .2);
    height: 30px;
    padding: 2px
}

.progress-bar.type-striped .progress-bar-progress {
    background: linear-gradient(135deg, rgba(0, 0, 0, .15) 25%, transparent 25%, transparent 50%, rgba(0, 0, 0, .15) 50%, rgba(0, 0, 0, .15) 75%, transparent 75%, transparent) #424242;
    background-size: 1rem 1rem
}

.progress-bar.type-line .progress-bar-progress-wrapper {
    border-radius: 4px;
    height: 8px;
    padding: 0
}

.progress-bar.type-line .progress-bar-progress {
    border-radius: 4px
}

.progress-bar.color-green .progress-bar-progress-wrapper {
    background-color: #3b3b3b
}

.progress-bar.color-green .progress-bar-progress {
    background: linear-gradient(90deg, #1e9b4b 0%, #38ff69 100%)
}

.progress-bar.color-red .progress-bar-progress-wrapper {
    background-color: #3b3b3b
}

.progress-bar.color-red .progress-bar-progress {
    background: #eb5757
}

.progress-bar.color-default .progress-bar-progress-wrapper {
    background-color: rgba(24, 24, 24, .5)
}

@keyframes moving-stripes {
    from {
        background-position: 0 0
    }

    to {
        background-position: 1rem 0
    }
}

.progress-bar.animated .progress-bar-progress {
    animation: moving-stripes 1s linear infinite
}

.select {
    display: inline-block;
    line-height: normal;
    position: relative;
    transition: 120ms ease-in-out
}

.select,
.select div,
.select input,
.select span {
    box-sizing: border-box
}

.select .native-select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: transparent;
    border: 0;
    color: transparent;
    height: 100%;
    left: 0;
    opacity: .01;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1
}

.select .native-select>option,
.select .native-select>option:hover {
    color: #000
}

.select .select-arrow-zone,
.select .select-clear-zone {
    z-index: 2
}

.select.disabled {
    opacity: .33;
    transition: 120ms ease-in-out
}

.select.disabled>.select-control:hover {
    box-shadow: none
}

.select.disabled>.select-arrow-zone {
    cursor: default;
    pointer-events: none
}

.select .select-control {
    background-clip: padding-box !important;
    background-color: #000;
    border: 1px solid #000;
    border-radius: 20px;
    box-shadow: none;
    color: #f8f8f8;
    cursor: default;
    display: flex;
    height: 40px;
    outline: 0;
    overflow: hidden;
    padding-right: 35px;
    position: relative;
    transition-duration: 120ms;
    transition-property: border, border-color, box-shadow;
    transition-timing-function: ease-in-out;
    width: 100%
}

.select .select-control:hover {
    box-shadow: 0 1px 0 rgba(0, 0, 0, .06)
}

.select.is-searchable.is-focused:not(.is-open)>.select-control,
.select.is-searchable.is-open>.select-control {
    cursor: text
}

.select.is-open>.select-control {
    background: #000;
    border-color: #000 #000 rgb(12.75, 12.75, 12.75);
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.select.is-open>.select-control--opened-up {
    border-radius: 0 0 20px 20px
}

.select.is-open>.select-control>.select-arrow-zone>.icon {
    transform: rotate(180deg)
}

.select.is-focused>.select-control {
    background: #000;
    border-color: rgba(255, 255, 255, .3);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 5px rgba(255, 255, 255, .3)
}

.select .select-value {
    align-items: center;
    display: flex;
    margin-bottom: 2px;
    margin-top: 2px
}

.select .select-placeholder,
.select:not(.is-multiple)>.select-control .select-value {
    bottom: 0;
    color: rgba(248, 248, 248, .33);
    left: 0;
    line-height: 38px;
    max-width: 100%;
    overflow: hidden;
    padding-left: 20px;
    padding-right: 20px;
    position: absolute;
    right: 0;
    text-overflow: ellipsis;
    top: 0;
    white-space: nowrap
}

.select.has-value.is-pseudo-focused:not(.is-multiple)>.select-control>.select-value .select-value-label,
.select.has-value:not(.is-multiple):not(.is-focused)>.select-control>.select-value .select-value-label {
    color: #f8f8f8
}

.select.has-value.is-pseudo-focused:not(.is-multiple)>.select-control>.select-value a.select-value-label,
.select.has-value:not(.is-multiple):not(.is-focused)>.select-control>.select-value a.select-value-label {
    cursor: pointer;
    text-decoration: none
}

.select.has-value.is-pseudo-focused:not(.is-multiple)>.select-control>.select-value a.select-value-label:hover,
.select.has-value:not(.is-multiple):not(.is-focused)>.select-control>.select-value a.select-value-label:hover {
    color: rgba(255, 255, 255, .3);
    text-decoration: underline
}

.select .select-value-label {
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%
}

.select .select-input {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: none;
    border: 0;
    box-shadow: none;
    color: #f8f8f8;
    cursor: default;
    display: inline-block;
    font-family: inherit;
    font-size: inherit;
    height: 38px;
    margin: 0;
    outline: 0;
    padding: 0 20px;
    vertical-align: middle;
    width: 100%
}

.select .select-input.is-focused {
    cursor: text
}

.select.has-value.is-pseudo-focused .select-input {
    opacity: 0
}

.select-control:not(.select.is-searchable)>.select-input {
    outline: 0
}

.select .select-loading-zone {
    cursor: pointer;
    display: table-cell;
    position: relative;
    text-align: center;
    vertical-align: middle;
    width: 16px
}

.select .select-loading {
    animation: select-animation-spin .4s infinite linear;
    border: 2px solid #000;
    border-radius: 50%;
    border-right-color: #f8f8f8;
    box-sizing: border-box;
    display: inline-block;
    height: 16px;
    position: relative;
    vertical-align: middle;
    width: 16px
}

@keyframes select-animation-spin {
    to {
        transform: rotate(1turn)
    }
}

.select .select-clear-zone {
    animation: select-animation-fadeIn .2s;
    cursor: pointer;
    padding: 5px;
    position: absolute;
    right: 10px;
    text-align: center;
    top: 50%;
    transform: translateY(-50%)
}

.select .select-clear-zone .icon {
    color: rgba(255, 255, 255, .75);
    display: block;
    margin: 0;
    transition: 120ms ease-in-out
}

.select .select-clear-zone:hover {
    color: #fff
}

.select .select-clear-zone~.select-arrow-zone {
    right: 30px
}

.select .select-arrow-zone {
    cursor: pointer;
    padding-right: 5px;
    position: absolute;
    right: 10px;
    text-align: center;
    top: 50%;
    transform: translateY(-50%)
}

.select .select-arrow-zone .icon {
    display: block;
    fill: rgba(255, 255, 255, 0.9);
    height: 5px;
    margin: 0;
    width: 5px;
    transition: 120ms ease-in-out
}

.select .select-arrow-zone:hover>.icon,
.select.is-open .icon {
    fill: #fff
}

@keyframes select-animation-fadeIn {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.select-menu-outer {
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
    background-color: #1d1d1d;
    border: 1px solid rgba(255, 255, 255, .3);
    border-top-color: rgba(38.25, 38.25, 38.25, .65);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 5px rgba(255, 255, 255, .3);
    box-sizing: border-box;
    margin-top: -1px;
    overflow: visible;
    position: absolute;
    top: 100%;
    width: 100%;
    z-index: 301
}

.select-menu-outer .scroll-bar-container,
.select-menu-outer .select-menu {
    border-bottom-left-radius: inherit;
    border-bottom-right-radius: inherit
}

.select-menu-outer--fixed {
    position: fixed;
    z-index: 1000
}

.select-menu-outer--opened-up {
    border-radius: 20px 20px 0 0;
    border-bottom-color: rgba(38.25, 38.25, 38.25, .65);
    border-top-color: rgba(255, 255, 255, .3);
    bottom: 100%;
    margin: 0 0 -1px;
    top: auto
}

.select-menu-outer--opened-up .scroll-bar-container,
.select-menu-outer--opened-up .select-menu {
    border-top-left-radius: inherit;
    border-top-right-radius: inherit
}

.select-menu-outer .select-menu .scroll-bar-container {
    max-height: 218px
}

.select-menu-outer .select-menu__bottom-component {
    background-color: #262626;
    padding: 8px 16px;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px
}

.select-menu-outer .select-option {
    box-sizing: border-box;
    color: #fff;
    cursor: pointer;
    display: block;
    height: 40px;
    line-height: 20px;
    padding: 10px 20px;
    text-overflow: ellipsis;
    white-space: nowrap
}

.select-menu-outer .select-option:last-child {
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px
}

.select-menu-outer .select-option.is-focused {
    background-color: #000;
    color: #f8f8f8
}

.select-menu-outer .select-option.disabled {
    color: #fff;
    cursor: default
}

.select-menu--with-bottom-component .select-option:last-child {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.select-no-result {
    box-sizing: border-box;
    color: #fff;
    cursor: default;
    display: block;
    padding: 10px 20px
}

.is-multiple.is-for-native-controls .select-value {
    padding-right: 5px
}

.is-multiple.is-for-native-controls .select-value-icon {
    display: none
}

.is-multiple .select-control {
    align-items: center;
    border-radius: 4px;
    display: flex;
    flex-flow: row wrap;
    height: auto
}

.is-multiple .select-control .select-arrow-zone {
    display: none
}

.is-multiple .select-input {
    padding-left: 20px;
    vertical-align: middle
}

.is-multiple.has-value .select-input {
    padding-left: 10px
}

.is-multiple .select-value {
    background-color: #464646;
    border-radius: 19px;
    color: #fff;
    display: flex;
    flex-shrink: 1;
    font-size: .85714rem;
    font-weight: 400;
    margin-left: 10px;
    min-height: 25px;
    padding: 5px 20px 5px 5px;
    position: relative;
    vertical-align: top
}

.is-multiple .select-value-icon,
.is-multiple .select-value-label {
    display: inline-block;
    vertical-align: middle
}

.is-multiple .select-value-label {
    border-bottom-right-radius: 19px;
    border-top-right-radius: 19px;
    cursor: default;
    padding: 0 10px
}

.is-multiple a.select-value-label {
    color: #fff;
    cursor: pointer;
    text-decoration: none
}

.is-multiple a.select-value-label:hover {
    text-decoration: underline
}

.is-multiple .select-value-icon {
    cursor: pointer;
    display: flex;
    position: absolute;
    right: 5px
}

.is-multiple .select-value-icon .icon {
    fill: #6e6e6e;
    margin: 0;
    pointer-events: none
}

.is-multiple .select-value-icon:focus .icon,
.is-multiple .select-value-icon:hover .icon {
    fill: #d72c37
}

.is-multiple.disabled {
    opacity: .33
}

.is-multiple.disabled .select-value-icon {
    cursor: not-allowed
}

.select.error .select-control {
    border: 1px solid #de5b64
}

.select.error .select-control .select-input {
    color: #de5b64
}

.select.error .select-menu-outer {
    border: 1px solid #de5b64;
    border-top-color: rgb(111, 45.5, 50);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px rgba(222, 91, 100, .75)
}

.select.error.is-focused .select-control {
    border: 1px solid #d5444e;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px rgba(213, 68, 78, .75);
    color: #d5444e
}

.select.error.is-focused .select-menu-outer {
    border: 1px solid #d5444e;
    border-top-color: rgb(106.5, 34, 39);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px rgba(213, 68, 78, .75)
}

.select.error:hover .select-control {
    border: 1px solid #d5444e;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px rgba(213, 68, 78, .75);
    color: #d5444e
}

.select.select-small {
    font-size: .75rem
}

.select.select-small .select-control {
    border-radius: 15px
}

.select.select-small .select-placeholder,
.select.select-small:not(.is-multiple)>.select-control .select-value {
    line-height: 30px
}

.select.select-small .select-input {
    height: 30px
}

.select.select-small.is-open>.select-control {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.select.select-small .select-loading-zone {
    width: 14px
}

.select.select-small .select-loading {
    border: 1px solid #000;
    height: 14px;
    width: 14px
}

.select.select-small .select-option {
    height: 30px;
    line-height: 10px
}

.select.select-small .select-value {
    margin-top: 2px
}

.select.select-small:not(.is-multiple) .select-control {
    height: 32px
}

.select.select-small.is-multiple .select-control {
    min-height: 32px
}

.select.select-small.is-multiple .select-value {
    height: 26px;
    margin-left: 3px
}

.select.is-extendable .select-input {
    height: 0;
    opacity: 0;
    transition: .25s
}

.select.is-extendable.is-open .select-input {
    min-height: 25px;
    opacity: 1
}

.select.is-extendable .select-extend-list {
    align-items: center;
    color: rgba(248, 248, 248, .6);
    cursor: pointer;
    display: flex;
    transition: .25s;
    font-size: .75rem
}

.select.is-extendable .select-extend-list .icon {
    fill: rgba(248, 248, 248, 0.6);
    height: 11px;
    margin-right: 6px;
    width: 11px
}

.select.is-extendable .select-extend-list .new-value {
    color: #f8f8f8
}

.select.is-extendable .select-extend-list:hover {
    color: rgba(248, 248, 248, .4)
}

.select.is-extendable .select-extend-list:hover .icon {
    fill: rgba(248, 248, 248, 0.4)
}

.smile-ahh {
    width: 27px
}

.smile-ahh::before {
    animation: smile-ahh 2.6s steps(52) infinite;
    background-image: url("common/components/ui/Smiles/images/ahh.png");
    display: inline-block;
    height: 26px;
    width: 27px
}

.retina .smile-ahh::before {
    background-image: url("common/components/ui/Smiles/images/ahh%402x.png");
    background-size: 27px 1352px
}

@keyframes smile-ahh {
    0% {
        background-position-y: 1352px
    }

    100% {
        background-position-y: 0
    }
}

.smile-airkiss {
    width: 30px
}

.smile-airkiss::before {
    animation: smile-airkiss 3.25s steps(65) infinite;
    background-image: url("common/components/ui/Smiles/images/airkiss.png");
    display: inline-block;
    height: 26px;
    width: 30px
}

.retina .smile-airkiss::before {
    background-image: url("common/components/ui/Smiles/images/airkiss%402x.png");
    background-size: 30px 1690px
}

@keyframes smile-airkiss {
    0% {
        background-position-y: 1690px
    }

    100% {
        background-position-y: 0
    }
}

.smile-angry {
    width: 28px
}

.smile-angry::before {
    animation: smile-angry 1.5s steps(30) infinite;
    background-image: url("common/components/ui/Smiles/images/angry.png");
    display: inline-block;
    height: 26px;
    width: 28px
}

.retina .smile-angry::before {
    background-image: url("common/components/ui/Smiles/images/angry%402x.png");
    background-size: 28px 780px
}

@keyframes smile-angry {
    0% {
        background-position-y: 780px
    }

    100% {
        background-position-y: 0
    }
}

.smile-asking {
    width: 40px
}

.smile-asking::before {
    animation: smile-asking 1.3s steps(26) infinite;
    background-image: url("common/components/ui/Smiles/images/asking.png");
    display: inline-block;
    height: 26px;
    width: 40px
}

.retina .smile-asking::before {
    background-image: url("common/components/ui/Smiles/images/asking%402x.png");
    background-size: 40px 676px
}

@keyframes smile-asking {
    0% {
        background-position-y: 676px
    }

    100% {
        background-position-y: 0
    }
}

.smile-ass {
    width: 33px
}

.smile-ass::before {
    animation: smile-ass 50ms steps(1) infinite;
    background-image: url("common/components/ui/Smiles/images/ass.png");
    display: inline-block;
    height: 26px;
    width: 33px
}

.retina .smile-ass::before {
    background-image: url("common/components/ui/Smiles/images/ass%402x.png");
    background-size: 33px 26px
}

@keyframes smile-ass {
    0% {
        background-position-y: 26px
    }

    100% {
        background-position-y: 0
    }
}

.smile-behind {
    width: 36px
}

.smile-behind::before {
    animation: smile-behind 950ms steps(19) infinite;
    background-image: url("common/components/ui/Smiles/images/behind.png");
    display: inline-block;
    height: 26px;
    width: 36px
}

.retina .smile-behind::before {
    background-image: url("common/components/ui/Smiles/images/behind%402x.png");
    background-size: 36px 494px
}

@keyframes smile-behind {
    0% {
        background-position-y: 494px
    }

    100% {
        background-position-y: 0
    }
}

.smile-blowjob {
    width: 60px
}

.smile-blowjob::before {
    animation: smile-blowjob 2.25s steps(45) infinite;
    background-image: url("common/components/ui/Smiles/images/blowjob.png");
    display: inline-block;
    height: 26px;
    width: 60px
}

.retina .smile-blowjob::before {
    background-image: url("common/components/ui/Smiles/images/blowjob%402x.png");
    background-size: 60px 1170px
}

@keyframes smile-blowjob {
    0% {
        background-position-y: 1170px
    }

    100% {
        background-position-y: 0
    }
}

.smile-bye {
    width: 71px
}

.smile-bye::before {
    animation: smile-bye 2.15s steps(43) infinite;
    background-image: url("common/components/ui/Smiles/images/bye.png");
    display: inline-block;
    height: 26px;
    width: 71px
}

.retina .smile-bye::before {
    background-image: url("common/components/ui/Smiles/images/bye%402x.png");
    background-size: 71px 1118px
}

@keyframes smile-bye {
    0% {
        background-position-y: 1118px
    }

    100% {
        background-position-y: 0
    }
}

.smile-cheekkiss {
    width: 50px
}

.smile-cheekkiss::before {
    animation: smile-cheekkiss 2.7s steps(54) infinite;
    background-image: url("common/components/ui/Smiles/images/cheekkiss.png");
    display: inline-block;
    height: 26px;
    width: 50px
}

.retina .smile-cheekkiss::before {
    background-image: url("common/components/ui/Smiles/images/cheekkiss%402x.png");
    background-size: 50px 1404px
}

@keyframes smile-cheekkiss {
    0% {
        background-position-y: 1404px
    }

    100% {
        background-position-y: 0
    }
}

.smile-crazyguy {
    width: 54px
}

.smile-crazyguy::before {
    animation: smile-crazyguy 2s steps(40) infinite;
    background-image: url("common/components/ui/Smiles/images/crazyguy.png");
    display: inline-block;
    height: 26px;
    width: 54px
}

.retina .smile-crazyguy::before {
    background-image: url("common/components/ui/Smiles/images/crazyguy%402x.png");
    background-size: 54px 1040px
}

@keyframes smile-crazyguy {
    0% {
        background-position-y: 1040px
    }

    100% {
        background-position-y: 0
    }
}

.smile-cry {
    width: 40px
}

.smile-cry::before {
    animation: smile-cry 2s steps(40) infinite;
    background-image: url("common/components/ui/Smiles/images/cry.png");
    display: inline-block;
    height: 26px;
    width: 40px
}

.retina .smile-cry::before {
    background-image: url("common/components/ui/Smiles/images/cry%402x.png");
    background-size: 40px 1040px
}

@keyframes smile-cry {
    0% {
        background-position-y: 1040px
    }

    100% {
        background-position-y: 0
    }
}

.smile-dancing {
    width: 53px
}

.smile-dancing::before {
    animation: smile-dancing 1.9s steps(38) infinite;
    background-image: url("common/components/ui/Smiles/images/dancing.png");
    display: inline-block;
    height: 26px;
    width: 53px
}

.retina .smile-dancing::before {
    background-image: url("common/components/ui/Smiles/images/dancing%402x.png");
    background-size: 53px 988px
}

@keyframes smile-dancing {
    0% {
        background-position-y: 988px
    }

    100% {
        background-position-y: 0
    }
}

.smile-devil {
    width: 28px
}

.smile-devil::before {
    animation: smile-devil 2.7s steps(54) infinite;
    background-image: url("common/components/ui/Smiles/images/devil.png");
    display: inline-block;
    height: 26px;
    width: 28px
}

.retina .smile-devil::before {
    background-image: url("common/components/ui/Smiles/images/devil%402x.png");
    background-size: 28px 1404px
}

@keyframes smile-devil {
    0% {
        background-position-y: 1404px
    }

    100% {
        background-position-y: 0
    }
}

.smile-facepalm {
    width: 25px
}

.smile-facepalm::before {
    animation: smile-facepalm 2.45s steps(49) infinite;
    background-image: url("common/components/ui/Smiles/images/facepalm.png");
    display: inline-block;
    height: 26px;
    width: 25px
}

.retina .smile-facepalm::before {
    background-image: url("common/components/ui/Smiles/images/facepalm%402x.png");
    background-size: 25px 1274px
}

@keyframes smile-facepalm {
    0% {
        background-position-y: 1274px
    }

    100% {
        background-position-y: 0
    }
}

.smile-fire {
    width: 20px
}

.smile-fire::before {
    animation: smile-fire 50ms steps(1) infinite;
    background-image: url("common/components/ui/Smiles/images/fire.png");
    display: inline-block;
    height: 26px;
    width: 20px
}

.retina .smile-fire::before {
    background-image: url("common/components/ui/Smiles/images/fire%402x.png");
    background-size: 20px 26px
}

@keyframes smile-fire {
    0% {
        background-position-y: 26px
    }

    100% {
        background-position-y: 0
    }
}

.smile-flirt {
    width: 36px
}

.smile-flirt::before {
    animation: smile-flirt 2.95s steps(59) infinite;
    background-image: url("common/components/ui/Smiles/images/flirt.png");
    display: inline-block;
    height: 26px;
    width: 36px
}

.retina .smile-flirt::before {
    background-image: url("common/components/ui/Smiles/images/flirt%402x.png");
    background-size: 36px 1534px
}

@keyframes smile-flirt {
    0% {
        background-position-y: 1534px
    }

    100% {
        background-position-y: 0
    }
}

.smile-flirting {
    width: 36px
}

.smile-flirting::before {
    animation: smile-flirting 1.95s steps(39) infinite;
    background-image: url("common/components/ui/Smiles/images/flirting.png");
    display: inline-block;
    height: 26px;
    width: 36px
}

.retina .smile-flirting::before {
    background-image: url("common/components/ui/Smiles/images/flirting%402x.png");
    background-size: 36px 1014px
}

@keyframes smile-flirting {
    0% {
        background-position-y: 1014px
    }

    100% {
        background-position-y: 0
    }
}

.smile-flower {
    width: 15px
}

.smile-flower::before {
    animation: smile-flower 2.6s steps(52) infinite;
    background-image: url("common/components/ui/Smiles/images/flower.png");
    display: inline-block;
    height: 26px;
    width: 15px
}

.retina .smile-flower::before {
    background-image: url("common/components/ui/Smiles/images/flower%402x.png");
    background-size: 15px 1352px
}

@keyframes smile-flower {
    0% {
        background-position-y: 1352px
    }

    100% {
        background-position-y: 0
    }
}

.smile-gift {
    width: 32px
}

.smile-gift::before {
    animation: smile-gift 2.1s steps(42) infinite;
    background-image: url("common/components/ui/Smiles/images/gift.png");
    display: inline-block;
    height: 26px;
    width: 32px
}

.retina .smile-gift::before {
    background-image: url("common/components/ui/Smiles/images/gift%402x.png");
    background-size: 32px 1092px
}

@keyframes smile-gift {
    0% {
        background-position-y: 1092px
    }

    100% {
        background-position-y: 0
    }
}

.smile-grinning {
    width: 30px
}

.smile-grinning::before {
    animation: smile-grinning 1.7s steps(34) infinite;
    background-image: url("common/components/ui/Smiles/images/grinning.png");
    display: inline-block;
    height: 26px;
    width: 30px
}

.retina .smile-grinning::before {
    background-image: url("common/components/ui/Smiles/images/grinning%402x.png");
    background-size: 30px 884px
}

@keyframes smile-grinning {
    0% {
        background-position-y: 884px
    }

    100% {
        background-position-y: 0
    }
}

.smile-heart {
    width: 30px
}

.smile-heart::before {
    animation: smile-heart 1.2s steps(24) infinite;
    background-image: url("common/components/ui/Smiles/images/heart.png");
    display: inline-block;
    height: 26px;
    width: 30px
}

.retina .smile-heart::before {
    background-image: url("common/components/ui/Smiles/images/heart%402x.png");
    background-size: 30px 624px
}

@keyframes smile-heart {
    0% {
        background-position-y: 624px
    }

    100% {
        background-position-y: 0
    }
}

.smile-hideeyes {
    width: 30px
}

.smile-hideeyes::before {
    animation: smile-hideeyes 2.05s steps(41) infinite;
    background-image: url("common/components/ui/Smiles/images/hideeyes.png");
    display: inline-block;
    height: 26px;
    width: 30px
}

.retina .smile-hideeyes::before {
    background-image: url("common/components/ui/Smiles/images/hideeyes%402x.png");
    background-size: 30px 1066px
}

@keyframes smile-hideeyes {
    0% {
        background-position-y: 1066px
    }

    100% {
        background-position-y: 0
    }
}

.smile-inlove {
    width: 30px
}

.smile-inlove::before {
    animation: smile-inlove 3.45s steps(69) infinite;
    background-image: url("common/components/ui/Smiles/images/inlove.png");
    display: inline-block;
    height: 26px;
    width: 30px
}

.retina .smile-inlove::before {
    background-image: url("common/components/ui/Smiles/images/inlove%402x.png");
    background-size: 30px 1794px
}

@keyframes smile-inlove {
    0% {
        background-position-y: 1794px
    }

    100% {
        background-position-y: 0
    }
}

.smile-king {
    width: 26px
}

.smile-king::before {
    animation: smile-king 1.65s steps(33) infinite;
    background-image: url("common/components/ui/Smiles/images/king.png");
    display: inline-block;
    height: 26px;
    width: 26px
}

.retina .smile-king::before {
    background-image: url("common/components/ui/Smiles/images/king%402x.png");
    background-size: 26px 858px
}

@keyframes smile-king {
    0% {
        background-position-y: 858px
    }

    100% {
        background-position-y: 0
    }
}

.smile-kissing {
    width: 60px
}

.smile-kissing::before {
    animation: smile-kissing 2.3s steps(46) infinite;
    background-image: url("common/components/ui/Smiles/images/kissing.png");
    display: inline-block;
    height: 26px;
    width: 60px
}

.retina .smile-kissing::before {
    background-image: url("common/components/ui/Smiles/images/kissing%402x.png");
    background-size: 60px 1196px
}

@keyframes smile-kissing {
    0% {
        background-position-y: 1196px
    }

    100% {
        background-position-y: 0
    }
}

.smile-knight {
    width: 26px
}

.smile-knight::before {
    animation: smile-knight 50ms steps(1) infinite;
    background-image: url("common/components/ui/Smiles/images/knight.png");
    display: inline-block;
    height: 26px;
    width: 26px
}

.retina .smile-knight::before {
    background-image: url("common/components/ui/Smiles/images/knight%402x.png");
    background-size: 26px 26px
}

@keyframes smile-knight {
    0% {
        background-position-y: 26px
    }

    100% {
        background-position-y: 0
    }
}

.smile-lgbt {
    width: 30px
}

.smile-lgbt::before {
    animation: smile-lgbt 1.9s steps(38) infinite;
    background-image: url("common/components/ui/Smiles/images/lgbt.png");
    display: inline-block;
    height: 26px;
    width: 30px
}

.retina .smile-lgbt::before {
    background-image: url("common/components/ui/Smiles/images/lgbt%402x.png");
    background-size: 30px 988px
}

@keyframes smile-lgbt {
    0% {
        background-position-y: 988px
    }

    100% {
        background-position-y: 0
    }
}

.smile-lol {
    width: 26px
}

.smile-lol::before {
    animation: smile-lol 1.7s steps(34) infinite;
    background-image: url("common/components/ui/Smiles/images/lol.png");
    display: inline-block;
    height: 26px;
    width: 26px
}

.retina .smile-lol::before {
    background-image: url("common/components/ui/Smiles/images/lol%402x.png");
    background-size: 26px 884px
}

@keyframes smile-lol {
    0% {
        background-position-y: 884px
    }

    100% {
        background-position-y: 0
    }
}

.smile-movingboobs {
    width: 31px
}

.smile-movingboobs::before {
    animation: smile-movingboobs 1.05s steps(21) infinite;
    background-image: url("common/components/ui/Smiles/images/movingboobs.png");
    display: inline-block;
    height: 26px;
    width: 31px
}

.retina .smile-movingboobs::before {
    background-image: url("common/components/ui/Smiles/images/movingboobs%402x.png");
    background-size: 31px 546px
}

@keyframes smile-movingboobs {
    0% {
        background-position-y: 546px
    }

    100% {
        background-position-y: 0
    }
}

.smile-ok {
    width: 36px
}

.smile-ok::before {
    animation: smile-ok 2.1s steps(42) infinite;
    background-image: url("common/components/ui/Smiles/images/ok.png");
    display: inline-block;
    height: 26px;
    width: 36px
}

.retina .smile-ok::before {
    background-image: url("common/components/ui/Smiles/images/ok%402x.png");
    background-size: 36px 1092px
}

@keyframes smile-ok {
    0% {
        background-position-y: 1092px
    }

    100% {
        background-position-y: 0
    }
}

.smile-onbed {
    width: 74px
}

.smile-onbed::before {
    animation: smile-onbed 5.25s steps(105) infinite;
    background-image: url("common/components/ui/Smiles/images/onbed.png");
    display: inline-block;
    height: 26px;
    width: 74px
}

.retina .smile-onbed::before {
    background-image: url("common/components/ui/Smiles/images/onbed%402x.png");
    background-size: 74px 2730px
}

@keyframes smile-onbed {
    0% {
        background-position-y: 2730px
    }

    100% {
        background-position-y: 0
    }
}

.smile-please {
    width: 28px
}

.smile-please::before {
    animation: smile-please 2s steps(40) infinite;
    background-image: url("common/components/ui/Smiles/images/please.png");
    display: inline-block;
    height: 26px;
    width: 28px
}

.retina .smile-please::before {
    background-image: url("common/components/ui/Smiles/images/please%402x.png");
    background-size: 28px 1040px
}

@keyframes smile-please {
    0% {
        background-position-y: 1040px
    }

    100% {
        background-position-y: 0
    }
}

.smile-sad {
    width: 40px
}

.smile-sad::before {
    animation: smile-sad 1.85s steps(37) infinite;
    background-image: url("common/components/ui/Smiles/images/sad.png");
    display: inline-block;
    height: 26px;
    width: 40px
}

.retina .smile-sad::before {
    background-image: url("common/components/ui/Smiles/images/sad%402x.png");
    background-size: 40px 962px
}

@keyframes smile-sad {
    0% {
        background-position-y: 962px
    }

    100% {
        background-position-y: 0
    }
}

.smile-shy {
    width: 30px
}

.smile-shy::before {
    animation: smile-shy 3.1s steps(62) infinite;
    background-image: url("common/components/ui/Smiles/images/shy.png");
    display: inline-block;
    height: 26px;
    width: 30px
}

.retina .smile-shy::before {
    background-image: url("common/components/ui/Smiles/images/shy%402x.png");
    background-size: 30px 1612px
}

@keyframes smile-shy {
    0% {
        background-position-y: 1612px
    }

    100% {
        background-position-y: 0
    }
}

.smile-thumbsup {
    width: 34px
}

.smile-thumbsup::before {
    animation: smile-thumbsup 2.45s steps(49) infinite;
    background-image: url("common/components/ui/Smiles/images/thumbsup.png");
    display: inline-block;
    height: 26px;
    width: 34px
}

.retina .smile-thumbsup::before {
    background-image: url("common/components/ui/Smiles/images/thumbsup%402x.png");
    background-size: 34px 1274px
}

@keyframes smile-thumbsup {
    0% {
        background-position-y: 1274px
    }

    100% {
        background-position-y: 0
    }
}

.smile-tongue {
    width: 30px
}

.smile-tongue::before {
    animation: smile-tongue 1.15s steps(23) infinite;
    background-image: url("common/components/ui/Smiles/images/tongue.png");
    display: inline-block;
    height: 26px;
    width: 30px
}

.retina .smile-tongue::before {
    background-image: url("common/components/ui/Smiles/images/tongue%402x.png");
    background-size: 30px 598px
}

@keyframes smile-tongue {
    0% {
        background-position-y: 598px
    }

    100% {
        background-position-y: 0
    }
}

.smile-wanker {
    width: 50px
}

.smile-wanker::before {
    animation: smile-wanker 2.05s steps(41) infinite;
    background-image: url("common/components/ui/Smiles/images/wanker.png");
    display: inline-block;
    height: 26px;
    width: 50px
}

.retina .smile-wanker::before {
    background-image: url("common/components/ui/Smiles/images/wanker%402x.png");
    background-size: 50px 1066px
}

@keyframes smile-wanker {
    0% {
        background-position-y: 1066px
    }

    100% {
        background-position-y: 0
    }
}

.smile-wink {
    width: 30px
}

.smile-wink::before {
    animation: smile-wink 2.4s steps(48) infinite;
    background-image: url("common/components/ui/Smiles/images/wink.png");
    display: inline-block;
    height: 26px;
    width: 30px
}

.retina .smile-wink::before {
    background-image: url("common/components/ui/Smiles/images/wink%402x.png");
    background-size: 30px 1248px
}

@keyframes smile-wink {
    0% {
        background-position-y: 1248px
    }

    100% {
        background-position-y: 0
    }
}

.smile {
    display: inline;
    margin: 0 4px;
    overflow: hidden
}

.smile:before {
    background-size: cover;
    content: "";
    display: inline-block;
    height: 26px
}

.active-smile {
    background: 0 0;
    border: none;
    cursor: pointer;
    display: inline;
    line-height: 16px;
    padding: 8px
}

.active-smile .smile {
    margin: 0
}

.columns {
    display: flex;
    flex-wrap: wrap;
    margin-left: -.375rem;
    margin-right: -.375rem
}

.columns .column {
    display: block;
    flex: 1 1 0;
    padding: 0 .375rem
}

.columns .column.span-1 {
    flex: none;
    width: 8.3333333333%
}

.columns .column.offset-1 {
    margin-left: 8.3333333333%
}

.columns .column.span-2 {
    flex: none;
    width: 16.6666666667%
}

.columns .column.offset-2 {
    margin-left: 16.6666666667%
}

.columns .column.span-3 {
    flex: none;
    width: 25%
}

.columns .column.offset-3 {
    margin-left: 25%
}

.columns .column.span-4 {
    flex: none;
    width: 33.3333333333%
}

.columns .column.offset-4 {
    margin-left: 33.3333333333%
}

.columns .column.span-5 {
    flex: none;
    width: 41.6666666667%
}

.columns .column.offset-5 {
    margin-left: 41.6666666667%
}

.columns .column.span-6 {
    flex: none;
    width: 50%
}

.columns .column.offset-6 {
    margin-left: 50%
}

.columns .column.span-7 {
    flex: none;
    width: 58.3333333333%
}

.columns .column.offset-7 {
    margin-left: 58.3333333333%
}

.columns .column.span-8 {
    flex: none;
    width: 66.6666666667%
}

.columns .column.offset-8 {
    margin-left: 66.6666666667%
}

.columns .column.span-9 {
    flex: none;
    width: 75%
}

.columns .column.offset-9 {
    margin-left: 75%
}

.columns .column.span-10 {
    flex: none;
    width: 83.3333333333%
}

.columns .column.offset-10 {
    margin-left: 83.3333333333%
}

.columns .column.span-11 {
    flex: none;
    width: 91.6666666667%
}

.columns .column.offset-11 {
    margin-left: 91.6666666667%
}

.columns .column.span-12 {
    flex: none;
    width: 100%
}

.columns .column.offset-12 {
    margin-left: 100%
}

.columns.gapless {
    margin-left: 0;
    margin-right: 0;
    margin-top: 0
}

.columns.gapless:last-child {
    margin-bottom: 0
}

.columns.gapless:not(:last-child) {
    margin-bottom: .75rem
}

.columns.gapless .column {
    margin: 0;
    padding: 0
}

.container {
    margin: 0 auto;
    max-width: 100%;
    padding-left: .75rem;
    padding-right: .75rem;
    position: relative;
    width: 100%
}

.widescreen-container {
    margin: 0 auto;
    max-width: 100%;
    padding-left: .75rem;
    padding-right: .75rem;
    position: relative;
    width: 100%
}

.full-width-container {
    margin: 0 auto;
    max-width: 100%;
    padding: 0 1.125rem;
    position: relative;
    width: 100%
}

.hero {
    align-items: center;
    display: flex;
    justify-content: space-between;
    padding: 1.5rem 0;
    width: 100%
}

.hero>.container {
    width: 100%
}

.spacer {
    margin-top: .375rem
}

.spacer-small {
    margin-top: .75rem
}

.spacer-large {
    margin-top: 1.5rem
}

*,
:after,
:before {
    box-sizing: inherit
}

:focus {
    outline: 0
}

body,
div#body,
html {
    background: #000
}

html.disable-scroll {
    min-height: 100vh;
    width: 100%
}

@supports (min-height:100dvh) {
    html.disable-scroll {
        min-height: 100dvh
    }
}

html.disable-scroll body {
    overflow: hidden;
    position: fixed
}

body {
    color: #f8f8f8;
    margin: 0;
    padding-bottom: 0 !important;
    width: 100%
}

body.firefox {
    scroll-behavior: smooth
}

abbr[data-original-title],
abbr[title] {
    border-bottom: 1px dotted #f8f8f8;
    cursor: help
}

address {
    font-style: normal;
    line-height: inherit;
    margin-bottom: 1rem
}

dl,
ol,
ul {
    margin-bottom: 0;
    margin-top: 1rem;
    padding: 0
}

ol,
ul {
    list-style: none
}

ol ol,
ol ul,
ul ol,
ul ul {
    margin-bottom: 0
}

dt {
    font-weight: 700
}

dd {
    margin-bottom: .5rem;
    margin-left: 0
}

figure {
    margin: 0 0 1rem
}

img {
    border: 0;
    vertical-align: middle
}

[role=button] {
    cursor: pointer
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

caption {
    caption-side: bottom;
    color: #f8f8f8;
    padding-bottom: .75rem;
    padding-top: .75rem;
    text-align: left
}

th {
    text-align: left
}

button,
input,
select,
textarea {
    line-height: inherit;
    margin: 0
}

textarea {
    font: 0.875rem "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
    resize: vertical
}

fieldset {
    border: 0;
    margin: 0;
    min-width: 0;
    padding: 0
}

legend {
    display: block;
    line-height: inherit;
    margin-bottom: .5rem;
    padding: 0;
    width: 100%;
    font-size: 1.313rem
}

input::-webkit-inner-spin-button,
input::-webkit-outer-spin-button,
input[type=search],
input[type=submit] {
    -webkit-appearance: none;
    appearance: none
}

input[type=number] {
    -moz-appearance: textfield
}

input::-webkit-inner-spin-button,
input::-webkit-outer-spin-button {
    margin: 0
}

output {
    display: inline-block
}

hr {
    border: 0;
    border-top: .0625rem solid rgba(0, 0, 0, .1);
    margin-bottom: 1rem;
    margin-top: 1rem
}

.adsbox {
    bottom: 0;
    left: 0;
    position: fixed
}

#intercom-container {
    display: none
}

.not-indexed-company-name:before {
    content: "Technius Ltd";
    display: inline
}

.not-indexed-company-address:before {
    content: "Spyrou Kyprianou, 75, Flat/Office 102, Potamos Germasogeias, 4042, Limassol, Cyprus";
    display: inline
}

.visually-hidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: auto;
    margin: 0;
    overflow: hidden;
    padding: 0;
    position: absolute;
    white-space: nowrap;
    width: 1px
}

.switcher {
    align-items: flex-end;
    background: #1c1d1e;
    border-radius: 20px;
    color: #e1e1e1;
    cursor: pointer;
    display: flex;
    flex-shrink: 0;
    height: 100%;
    overflow: hidden;
    padding: 3px;
    position: relative;
    width: 100%;
    display: flex;
    flex-direction: row;
    transition: 360ms ease-in-out
}

.switcher .switcher-wrapper {
    display: block;
    font-size: 12px;
    height: 100%;
    line-height: 14px;
    transform: translateX(-14px);
    transition: .5s ease-in-out;
    width: 100%
}

.switcher .switcher-wrapper .switcher-label {
    color: #fff;
    display: inline-block;
    opacity: 0;
    vertical-align: middle;
    width: calc(100% - 15px)
}

.switcher .switcher-wrapper .switcher-switch {
    background: #3e3f42;
    border-radius: 50%;
    color: #1c1d1e;
    display: inline-block;
    transition: .5s;
    vertical-align: middle
}

.switcher .switcher-wrapper .switcher-switch~.switcher-label {
    text-align: right
}

.switcher .switcher-wrapper .switcher-switch .icon {
    height: 100%;
    margin-right: 0;
    transform: scale(.75);
    width: 100%
}

.switcher .switcher-wrapper .icon.icon-check {
    fill: #4f4f4f;
    margin-bottom: 2px;
    margin-left: -1px
}

.switcher.on {
    background: #97c02e
}

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

.switcher.on .switcher-wrapper .switcher-label {
    color: #414141;
    opacity: 1
}

.switcher.on .switcher-wrapper .switcher-switch {
    color: #79943c
}

.switcher.contrast {
    background: #181818
}

.switcher.contrast .switcher-wrapper .switcher-switch {
    background: #717171
}

.switcher.contrast .switcher-wrapper .switcher-switch .icon {
    color: #222
}

.switcher.contrast.on {
    background: #6ba234
}

.switcher.contrast.on .switcher-wrapper .switcher-switch {
    background: #2f2f2f
}

.switcher.contrast.on .switcher-wrapper .switcher-switch .icon {
    color: #6ba234
}

.switcher.contrast.on .switcher-wrapper .switcher-label .icon {
    fill: #2f2f2f
}

.switcher.light {
    background: #676767
}

.switcher.light.on {
    background: #79943c
}

.switcher.light .switcher-wrapper .switcher-switch {
    background: #fff
}

.switcher.light .switcher-wrapper .icon.icon-check {
    fill: #fff
}

.switcher.mixed-light {
    background: rgba(0, 0, 0, .18)
}

.switcher.mixed-light .switcher-wrapper .switcher-switch {
    background: rgba(255, 255, 255, .4)
}

.switcher.mixed-light .switcher-wrapper .switcher-switch .icon {
    color: #252525
}

.switcher.mixed-light.on {
    background: #79943d
}

.switcher.mixed-light.on .switcher-wrapper .switcher-switch {
    background: #2f2f2f
}

.switcher.mixed-light.on .switcher-wrapper .switcher-switch .icon {
    color: #79943d
}

.switcher.mixed-light.on .switcher-wrapper .switcher-label .icon {
    fill: #2f2f2f
}

.switcher.default {
    height: 22px;
    margin-left: 10px;
    width: 38px
}

.switcher.default .switcher-wrapper .switcher-label {
    padding: 0 2px 0 1px
}

.switcher.default .switcher-wrapper .switcher-switch {
    height: 14px;
    width: 14px
}

.switcher.default .switcher-wrapper .icon.icon-check {
    height: 10px;
    width: 10px
}

.switcher.small {
    height: 22px;
    margin-left: 10px;
    padding: 3px;
    width: 35px
}

.switcher.small .switcher-wrapper {
    transform: translateX(-14px)
}

.switcher.small .switcher-wrapper .switcher-label {
    width: calc(100% - 14px);
    padding: 0 2px;
    visibility: hidden
}

.switcher.small .switcher-wrapper .switcher-switch {
    height: 14px;
    width: 14px
}

.switcher.small .switcher-wrapper .icon.icon-check {
    height: 7px;
    margin-left: 5px;
    width: 7px
}

.switcher.small.on .switcher-wrapper {
    transform: translateX(0)
}

.switcher.medium {
    height: 30px;
    margin-left: 10px;
    width: 55px
}

.switcher.medium .switcher-wrapper {
    transform: translateX(-24px)
}

.switcher.medium .switcher-wrapper .switcher-label {
    width: calc(100% - 24px);
    padding: 0 2px
}

.switcher.medium .switcher-wrapper .switcher-switch {
    height: 24px;
    width: 24px
}

.switcher.medium .switcher-wrapper .icon.icon-check {
    height: 12px;
    margin-left: 5px;
    width: 12px
}

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

.switcher.large {
    height: 33px;
    margin-left: 10px;
    width: 64px
}

.switcher.large .switcher-wrapper {
    transform: translateX(-27px)
}

.switcher.large .switcher-wrapper .switcher-label {
    margin-top: 2px;
    padding: 0 2px;
    width: calc(100% - 34px)
}

.switcher.large .switcher-wrapper .switcher-switch {
    height: 27px;
    width: 27px
}

.switcher.large .switcher-wrapper .icon.icon-check {
    height: 16px;
    margin-bottom: 0;
    margin-left: 5px;
    width: 16px
}

.switcher.large.on .switcher-wrapper {
    transform: translateX(0)
}

.switcher.large.on .switcher-wrapper .switcher-label {
    width: calc(100% - 28px)
}

.switcher--disabled {
    cursor: default;
    opacity: .2
}

.tooltip {
    --tooltip-tail-main-size: 8px;
    --tooltip-tail-secondary-size: 7px;
    --tooltip-padding: 6px;
    --tooltip-inner-padding: 10px;
    --tooltip-inner-box-shadow: 0 20px 30px 0 rgba(0, 0, 0, 0.3);
    --tooltip-inner-font-size: 13px;
    --tooltip-inner-line-height: 18px;
    --tooltip-inner-letter-spacing: 0.2px;
    display: table;
    line-height: 1.2rem;
    padding: var(--tooltip-padding);
    position: fixed;
    text-align: left;
    white-space: normal;
    will-change: left, top;
    z-index: 499;
    font-size: .688rem
}

.tooltip.legacy {
    --tooltip-tail-main-size: 6px;
    --tooltip-tail-secondary-size: 6px;
    --tooltip-padding: 5px;
    --tooltip-inner-padding: 8px 10px;
    --tooltip-inner-box-shadow: 0 0 4px rgba(17, 17, 17, 0.2);
    --tooltip-inner-font-size: 11px;
    --tooltip-inner-line-height: 1.2rem;
    --tooltip-inner-letter-spacing: inherit
}

.tooltip.has-title {
    --tooltip-inner-padding: 14px
}

.tooltip.default {
    --tooltip-bg-color: #2e2e2e;
    --tooltip-text-color: #f8f8f8
}

.tooltip.default.legacy {
    --tooltip-bg-color: #111;
    --tooltip-text-color: #e1e1e1
}

.tooltip.error {
    --tooltip-bg-color: #c33343;
    --tooltip-text-color: #f8f8f8
}

.tooltip.error.legacy {
    --tooltip-text-color: #e4e4e4
}

.tooltip.is-optimized {
    position: absolute
}

.tooltip>.tooltip-inner {
    background-color: var(--tooltip-bg-color);
    border-color: var(--tooltip-bg-color);
    box-shadow: var(--tooltip-inner-box-shadow);
    color: var(--tooltip-text-color);
    display: inline-block;
    font-size: var(--tooltip-inner-font-size);
    font-weight: 400;
    letter-spacing: var(--tooltip-inner-letter-spacing);
    line-height: var(--tooltip-inner-line-height);
    padding: var(--tooltip-inner-padding);
    position: relative;
    text-shadow: none;
    text-transform: none;
    border-radius: 4px
}

.tooltip>.tooltip-inner::before {
    border-color: transparent;
    border-style: solid;
    content: "";
    height: 0;
    position: absolute;
    transform: translate(0, 0);
    transform: var(--transform-arrow, translate(0, 0));
    width: 0
}

.tooltip.error>.tooltip-inner a,
.tooltip.error>.tooltip-inner a:active,
.tooltip.error>.tooltip-inner a:visited {
    color: var(--tooltip-text-color);
    text-decoration: underline
}

.tooltip.one-line {
    display: inline-block;
    line-break: auto;
    white-space: nowrap
}

.tooltip.one-line>.tooltip-inner {
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: top
}

.tooltip.one-line.expanded,
.tooltip.one-line:hover {
    white-space: normal;
    width: 250px !important
}

.tooltip.bottom-end>.tooltip-inner::before,
.tooltip.bottom-left>.tooltip-inner::before,
.tooltip.bottom-right>.tooltip-inner::before,
.tooltip.bottom-start>.tooltip-inner::before,
.tooltip.bottom>.tooltip-inner::before {
    border-bottom-color: inherit;
    border-width: 0 var(--tooltip-tail-main-size) var(--tooltip-tail-secondary-size);
    bottom: 100%;
    margin-bottom: -1px
}

.tooltip.bottom>.tooltip-inner::before {
    left: 50%;
    margin-left: calc(-1 * var(--tooltip-tail-main-size))
}

.tooltip.bottom-end>.tooltip-inner::before,
.tooltip.bottom-left>.tooltip-inner::before {
    right: 5px
}

.tooltip.bottom-right>.tooltip-inner::before,
.tooltip.bottom-start>.tooltip-inner::before {
    left: 5px
}

.tooltip.left>.tooltip-inner::before {
    border-left-color: inherit;
    border-width: var(--tooltip-tail-main-size) 0 var(--tooltip-tail-main-size) var(--tooltip-tail-secondary-size);
    left: 100%;
    margin-left: -1px;
    margin-top: calc(-1 * var(--tooltip-tail-main-size));
    top: 50%
}

.tooltip.right>.tooltip-inner::before {
    border-right-color: inherit;
    border-width: var(--tooltip-tail-main-size) var(--tooltip-tail-secondary-size) var(--tooltip-tail-main-size) 0;
    margin-right: -1px;
    margin-top: calc(-1 * var(--tooltip-tail-main-size));
    right: 100%;
    top: 50%
}

.tooltip.top-end>.tooltip-inner::before,
.tooltip.top-left>.tooltip-inner::before,
.tooltip.top-right>.tooltip-inner::before,
.tooltip.top-start>.tooltip-inner::before,
.tooltip.top>.tooltip-inner::before {
    border-top-color: inherit;
    border-width: var(--tooltip-tail-secondary-size) var(--tooltip-tail-main-size) 0;
    margin-top: -1px;
    top: 100%
}

.tooltip.top>.tooltip-inner::before {
    left: 50%;
    margin-left: calc(-1 * var(--tooltip-tail-main-size))
}

.tooltip.top-right>.tooltip-inner::before,
.tooltip.top-start>.tooltip-inner::before {
    left: 5px
}

.tooltip.top-end>.tooltip-inner::before,
.tooltip.top-left>.tooltip-inner::before {
    right: 5px
}

.tooltip .tooltip-title {
    font-weight: 700;
    margin-bottom: 12px
}

.tooltip .tooltip-close {
    color: #fff;
    cursor: pointer;
    margin: 0;
    opacity: .5;
    padding: 6px 8px;
    position: absolute;
    right: 0;
    top: 0
}

.tooltip .tooltip-close .icon {
    height: 14px;
    margin: 0;
    width: 14px
}

.tooltip .tooltip-close:hover {
    opacity: 8
}

.tooltip.hide-triangle>.tooltip-inner::before {
    display: none
}

.tooltip-animated {
    opacity: 0;
    pointer-events: none;
    transition: opacity .5s
}

.tooltip-animated-exit-done {
    opacity: 0
}

.tooltip-animated-enter-done {
    opacity: 1
}

.avatar {
    align-items: center;
    background-color: rgba(244, 244, 244, .05);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 50%;
    color: rgba(191, 191, 191, .5);
    display: inline-flex;
    font-size: 5px;
    height: 100%;
    justify-content: center;
    line-height: 1;
    position: relative;
    text-align: center;
    text-decoration: none;
    text-transform: capitalize;
    vertical-align: middle;
    width: 100%
}

.avatar:hover {
    text-decoration: none
}

.avatar-border {
    border: 1em solid currentColor;
    color: #7d7d7e
}

.avatar .live-badge {
    background: #e71a39;
    border: 3px solid #262626;
    border-radius: 8px;
    bottom: -8px;
    color: #fff;
    font-size: 20px;
    font-weight: 700;
    padding: 5px 16px;
    position: absolute
}

.avatar-league-background {
    background-color: #000
}

.avatar-league-background::before {
    background-color: currentColor;
    border-radius: 50%;
    bottom: 0;
    content: "";
    left: 0;
    opacity: .2;
    pointer-events: none;
    position: absolute;
    top: 0;
    width: 100%
}

.avatar .award-place {
    bottom: 0;
    position: absolute;
    right: 0;
    display: flex;
    flex-direction: row
}

.avatar .award-place .badge-place {
    margin: 0
}

.avatar .icon-more {
    fill: #f8f8f8;
    height: 33%;
    margin: 0;
    width: 33%
}

.avatar .icon-user-deleted {
    fill: #424242;
    height: 70%;
    left: 50%;
    margin: 0;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 70%
}

.avatar-invisible {
    background-color: #222
}

.avatar-invisible-icon {
    color: #fff;
    height: 40%;
    margin: 0 !important;
    width: 40%
}

.avatar .icon-favorited-wrapper {
    background-color: #fff;
    border: 2px solid #3e3f42;
    border-radius: 50%;
    height: 24px;
    position: absolute;
    right: -5px;
    top: -5px;
    width: 24px;
    align-items: center;
    justify-content: center;
    display: flex;
    flex-direction: row
}

.avatar .icon-favorited-wrapper .icon-favorited {
    color: #de3b49;
    height: 14px;
    margin: 1px 0 0;
    width: 14px
}

.avatar .user-status-icon {
    height: 8%;
    left: 2%;
    position: absolute;
    text-align: left;
    top: 2%;
    width: 8%
}

.avatar .user-status-icon .icon {
    height: 100%;
    width: 100%
}

.avatar-badge {
    bottom: -1em;
    position: absolute;
    right: -1em;
    z-index: 1
}

.avatar-circle-progress {
    bottom: -1em;
    left: -1em;
    position: absolute;
    right: -1em;
    top: -1em
}

.avatar-moderation {
    align-items: center;
    background-color: rgba(209, 157, 0, .8);
    border-radius: 50%;
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: center;
    left: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
    width: 100%
}

.avatar-moderation .icon-clock {
    fill: #f8f8f8;
    height: 33px;
    width: 33px
}

.avatar-moderation-text {
    color: #f8f8f8;
    margin-top: 6px;
    font-size: .813rem;
    line-height: 1rem
}

.model-chat-messages-wrapper .message,
.view-cam-info-king-content .tooltip {
    display: inline-flex
}

.model-chat-messages-wrapper .message .user-levels-username,
.view-cam-info-king-content .tooltip .user-levels-username {
    align-items: baseline
}

.model-chat-messages-wrapper .message .user-levels-username .username-icons,
.view-cam-info-king-content .tooltip .user-levels-username .username-icons {
    position: relative;
    top: .1em
}

.model-chat-messages-wrapper .message .username-status-icons,
.view-cam-info-king-content .tooltip .username-status-icons {
    height: 0;
    top: 4px
}

.username {
    align-items: center;
    color: #b3b3b3;
    display: inline-flex
}

.username .username-tier-title {
    color: #fff;
    display: block;
    font-size: 14px;
    font-weight: 700;
    margin: 0 0 5px
}

.username .username-fan-club-link {
    color: #fff;
    cursor: pointer;
    font-weight: 700
}

.username .username-tier-icon {
    align-items: center;
    display: flex;
    margin-right: 2px
}

.username .username-tier-icon>svg {
    height: 18px;
    width: 18px
}

.username .username-level-wrapper {
    display: inline-block;
    max-width: 100%
}

.username .username-level-wrapper .username-level {
    align-items: center;
    display: flex;
    flex-direction: row
}

.username .username-level-wrapper .username-content {
    display: inline-block
}

.username .username-level-wrapper .level-icon-wrapper {
    cursor: pointer;
    display: inline-flex;
    margin-right: 5px
}

.username .username-level-wrapper .level-icon-wrapper.anonymous {
    cursor: auto
}

.username .username-icon-box-note {
    align-items: center;
    cursor: default;
    display: flex;
    fill: #7e7e7e;
    margin-left: 5px
}

.username .username-icon-box-note .icon {
    height: 12px;
    margin: 0;
    width: 12px
}

.username .username-icon-vr {
    align-items: center;
    color: rgba(255, 255, 255, .6);
    cursor: default;
    display: flex;
    flex-direction: row
}

.username .username-icon-vr .icon {
    height: 14px;
    margin: 0 0 0 5px;
    width: 20px
}

.username .username-role-icon {
    align-items: center;
    display: inline-flex;
    margin: 0 0 0 5px;
    position: relative
}

.username .username-role-icon.gender {
    align-self: center
}

.username .username-role-icon.knight .icon-wrapper {
    display: inline-flex
}

.username .username-role-icon.knight .icon-wrapper .icon {
    fill: #e1ad5b;
    margin: 0
}

.username .username-role-icon.king .icon-wrapper {
    display: inline-flex
}

.username .username-role-icon.king .icon-wrapper .icon {
    fill: #e1ad5b;
    margin: 0
}

.username .username-role-icon.admin {
    color: #69a8e0
}

.username .username-role-icon.admin .icon {
    fill: #69a8e0;
    margin: 0 0 -1px 5px;
    vertical-align: baseline
}

.username .username-role-icon.admin span {
    font-weight: 400;
    margin-left: 3px;
    vertical-align: 2px;
    font-size: .688rem
}

.username .username-role-icon.model .icon {
    fill: #f14b57;
    margin: 0 0 0 5px
}

.username .username-role-icon.recorder .icon-wrapper {
    display: inline-flex
}

.username .username-role-icon.recorder .icon-wrapper .icon {
    --camera-3-circle-color: rgba(255, 0, 0, 0.4);
    color: #828282;
    margin: 0
}

.username .username-role-icon:last-child {
    margin-right: 5px
}

.username.admin.colored,
.username.admin.colored .username-content-link {
    color: #69a8e0
}

.username.model.colored,
.username.model.colored .username-content-link {
    color: #f14b57
}

.username.gold.colored,
.username.gold.colored .icon-star-in-circle,
.username.gold.colored .username-content-link,
.username.knight.colored,
.username.knight.colored .icon-star-in-circle,
.username.knight.colored .username-content-link {
    color: #e1ad5b
}

.username.regular.colored {
    color: #b3b3b3
}

.username.regular.colored.icon-user-regular {
    fill: #9e9e9e
}

.username.regular.colored .username-content-link {
    color: #b3b3b3
}

.username.green.colored {
    color: #4caf50
}

.username.green.colored.icon-user-green {
    fill: #4caf50
}

.username.green.colored .username-content-link {
    color: #4caf50
}

.username-icons {
    display: inline-flex
}

.username-icons .username-icons-favorite-icon {
    color: #8d8d8d;
    height: 11px;
    margin: 0 0 2px;
    transition: color .15s ease-in-out;
    width: 11px
}

.username-icons .username-icons-favorite-wrapper {
    margin-left: 4px
}

.username-icons .username-icons-favorite-wrapper:hover .username-icons-favorite-icon {
    color: silver
}

.container.island-page,
.island-page {
    text-align: center;
    padding-bottom: 60px;
    padding-top: 60px
}

.container.island-page>.island-wrapper,
.island-page>.island-wrapper {
    text-align: left
}

.island-wrapper {
    display: inline-block;
    max-width: 100%;
    position: relative;
    vertical-align: top
}

.island-top {
    align-items: center;
    justify-content: space-between;
    padding-bottom: 10px;
    position: relative;
    display: flex;
    flex-direction: row
}

.island-top .island-top-title {
    color: #fff;
    display: inline-block;
    margin: 0;
    font-size: 1.5rem
}

.island-top .island-top-title>span {
    vertical-align: middle
}

.island-top .island-top-icon {
    display: inline-block;
    margin-left: 7px
}

.island-top .island-top-icon .icon {
    vertical-align: 0
}

.island-header {
    align-items: center;
    justify-content: space-between;
    position: relative;
    display: flex;
    flex-direction: row
}

.island-header .button-close {
    position: absolute;
    right: 0;
    top: 0
}

.island {
    background-color: #af262f;
    background-color: var(--primary-modal);
    border: none;
    border-radius: 8px
}

.island .island-title,
.island .text {
    color: #fff
}

.island .link {
    color: #e3e3e3;
    text-decoration: underline
}

.island .link:hover {
    text-decoration: none
}

.island .link-after-text {
    margin-left: .3em
}

.island .field {
    display: block;
    position: relative
}

.island .field-action {
    text-align: center
}

.island .btn-action {
    font-weight: 700;
    opacity: .9
}

.island .btn-action.disabled,
.island .btn-action:disabled {
    opacity: .33
}

.island .island-footer.island-footer-centered {
    text-align: center
}

.island .island-footer.island-footer-has-border {
    border-top: rgba(129, 129, 129, .1)
}

.island-medium,
.island-small {
    max-width: 100%;
    padding: 18px 20px
}

.island-medium .island-form,
.island-small .island-form {
    margin-top: 20px
}

.island-medium .island-form:first-child,
.island-small .island-form:first-child {
    margin-top: 0
}

.island-medium .island-title,
.island-small .island-title {
    font-size: 1.5rem
}

.island-medium .link,
.island-medium .suggestion,
.island-small .link,
.island-small .suggestion {
    font-size: .75rem
}

.island-medium .field,
.island-small .field {
    margin-top: 20px
}

.island-medium .field:first-child,
.island-small .field:first-child {
    margin-top: 0
}

.island-medium .field-checkbox,
.island-small .field-checkbox {
    padding-left: 15px
}

.island-medium .btn-action,
.island-small .btn-action {
    line-height: 38px;
    min-width: 160px;
    font-size: .938rem
}

.island-medium .textarea,
.island-medium input.input[type=date],
.island-medium input.input[type=email],
.island-medium input.input[type=password],
.island-medium input.input[type=text],
.island-small .textarea,
.island-small input.input[type=date],
.island-small input.input[type=email],
.island-small input.input[type=password],
.island-small input.input[type=text] {
    padding-left: 15px;
    padding-right: 15px;
    width: 100%;
    font-size: .875rem
}

.island-medium .tooltip>.tooltip-inner,
.island-small .tooltip>.tooltip-inner {
    font-size: .75rem
}

.island-small {
    width: 300px
}

.island-medium {
    width: 400px
}

.island-banner {
    border-radius: 8px;
    justify-content: space-between;
    padding: 30px;
    position: relative;
    width: 660px;
    display: flex;
    flex-direction: column
}

.island-banner .island-banner-background {
    background-size: cover;
    bottom: 0;
    left: 0;
    opacity: .1;
    position: absolute;
    right: 0;
    top: 0
}

.island-container {
    display: flex
}

.island-container .island {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0
}

.island-container .island-banner {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0
}

.ucbrowser .island-header .button-close,
.ucbrowser .island-top .button-close {
    float: right
}

.header-top {
    background: #a2252d;
    background: var(--primary);
    height: 54px;
    opacity: 1;
    display: flex;
    flex-direction: row;
    transition: 150ms ease-in-out
}

.header-top .hidden {
    display: none
}

.header-top__live-counter {
    align-self: stretch
}

.header-top .favorites-count {
    display: block;
    font-size: 14px;
    margin: 0 0 0 6px
}

.header-top .header-top-favorites {
    color: rgba(248, 248, 248, .8);
    margin-left: 10px;
    margin-right: 12px
}

.header-top .header-top-favorites .icon {
    fill: currentColor
}

.header-top .header-top-favorites.active {
    background-color: #912229;
    background-color: var(--primary-dark);
    color: #fff;
    transition: 40ms ease-in-out
}

.header-top .header-top-favorites.active .icon:not(.icon-dot):not(.icon-add) {
    fill: white
}

.header-top .header-top-favorites-tooltip {
    max-width: 320px;
    padding: 8px 2px
}

.header-top .header-top-favorites-tooltip>.tooltip-inner {
    background-color: #4d4d4d;
    border-color: #4d4d4d;
    color: rgba(255, 255, 255, .6);
    font-weight: inherit;
    padding: 12px 25px 12px 17px;
    position: relative;
    border-radius: 0;
    font-size: .875rem;
    line-height: 1.25rem
}

.header-top .header-top-favorites-tooltip .header-top-favorites-tooltip-close-button {
    align-items: center;
    cursor: pointer;
    height: 32px;
    justify-content: center;
    position: absolute;
    right: 0;
    top: 0;
    width: 32px;
    display: flex;
    flex-direction: row
}

.header-top .header-top-favorites-tooltip .header-top-favorites-tooltip-close-button:hover .header-top-favorites-tooltip-close-icon {
    opacity: 1
}

.header-top .header-top-favorites-tooltip .header-top-favorites-tooltip-close-icon {
    color: #fff;
    height: 10px;
    margin: 0;
    opacity: .6;
    width: 10px
}

.header-top-container {
    align-items: center;
    margin: 0 auto;
    position: relative;
    display: flex;
    flex-direction: row;
    flex: 1;
    flex-basis: auto;
    flex-grow: 1;
    flex-shrink: 1
}

.header-top-container nav.nav-left {
    flex: 1;
    flex-basis: auto;
    flex-grow: 1;
    flex-shrink: 1
}

.header-top-container nav.nav-right {
    justify-content: flex-end;
    flex: 1;
    flex-basis: auto;
    flex-grow: 1;
    flex-shrink: 1
}

.header-top-container nav.nav-left,
.header-top-container nav.nav-right {
    align-items: center;
    align-self: stretch;
    display: flex;
    flex-direction: row
}

.header-top-container nav .nav-button {
    border-color: transparent;
    display: inline-block;
    vertical-align: top
}

.header-top-container nav .nav-button>.btn {
    border-color: transparent;
    line-height: 30px;
    margin: 10px;
    padding: 0 15px;
    font-size: .75rem
}

.header-top-container nav .nav-button>.btn .icon {
    margin-right: 10px;
    margin-top: -2px
}

.header-top-container nav .nav-link {
    align-items: center;
    align-self: stretch;
    display: flex;
    flex-direction: row
}

.header-top-container nav .nav-link>a {
    align-items: center;
    align-self: stretch;
    color: rgba(255, 255, 255, .8);
    padding: 0 18px;
    position: relative;
    text-decoration: none;
    display: flex;
    flex-direction: row
}

.header-top-container nav .nav-link>a.active,
.header-top-container nav .nav-link>a:active {
    background-color: #912229;
    background-color: var(--primary-dark)
}

.header-top-container nav .sidebar-trigger {
    align-items: center;
    display: flex;
    height: 100%;
    justify-content: center;
    padding: 18px 22px
}

.header-top-container nav .sidebar-trigger-icon {
    height: 20px;
    width: 20px
}

.header-top-container nav .sidebar-trigger:active {
    background-color: #912229;
    background-color: var(--primary-dark)
}

.header-top-container .dropdown-link:hover,
.header-top-container .nav-link:hover a {
    background-color: #912229;
    background-color: var(--primary-dark);
    color: #fff
}

.header-top-container .dropdown-link:hover .icon,
.header-top-container .nav-link:hover a .icon {
    fill: currentColor
}

.header-top-container .dropdown-link.active,
.header-top-container .link.active,
.header-top-container .nav-link .active {
    color: #fff
}

.header-top-container .dropdown-link.active .icon,
.header-top-container .link.active .icon,
.header-top-container .nav-link .active .icon {
    fill: currentColor
}

.header-top-container .icon-best-models {
    margin-right: 8px
}

.header-top-container .icon-favorited,
.header-top-container .icon-menu {
    margin: 0
}

.header-top-search-wrapper {
    display: none;
    height: 36px;
    position: relative;
    width: 368px
}

.header-top .icon-best-models,
.header-top .icon-favorited {
    height: 18px;
    width: 18px
}

.header-top .header-top-container {
    padding-right: .75rem
}

.header-top__phone-button {
    padding: 0 14px
}

.wrapper .header-top-wrapper {
    height: 54px;
    min-height: 54px
}

.wrapper header .header-top {
    box-shadow: 1px 1px 0 rgba(0, 0, 0, .15);
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: auto
}

.wrapper header .header-top--without-shadow {
    box-shadow: none
}

.model-chat {
    align-items: stretch;
    background: #2e2e2e;
    box-shadow: none;
    position: relative;
    flex: 1;
    flex-basis: auto;
    flex-grow: 1;
    flex-shrink: 0;
    display: flex;
    flex-direction: row
}

.model-chat--with-info {
    flex-direction: column
}

.model-chat .model-chat-wrapper {
    flex: 1;
    flex-basis: 100%;
    flex-grow: 1;
    flex-shrink: 0;
    display: flex;
    flex-direction: column;
    width: 100%
}

.model-chat .model-chat-nav {
    background-color: #212121;
    box-shadow: inset 0 -2px rgba(255, 255, 255, .04);
    font-weight: 400;
    min-height: 48px;
    display: flex;
    flex-direction: row
}

.model-chat .model-chat-nav:hover .model-chat-nav-close {
    display: block
}

.model-chat .model-chat-nav-delimiter {
    background-color: rgba(255, 255, 255, .04);
    height: 1px;
    margin: 12px auto;
    width: 34px
}

.model-chat .model-chat-nav-item {
    align-items: center;
    color: rgba(255, 255, 255, .5);
    cursor: pointer;
    height: 48px;
    margin-left: 10px;
    padding: 0 18px;
    position: relative;
    font-size: .813rem;
    transition: 120ms ease-in-out;
    display: flex;
    flex-direction: row
}

.model-chat .model-chat-nav-item:not(.chat-settings) {
    overflow: hidden
}

.model-chat .model-chat-nav-item:first-child {
    flex-shrink: 0
}

.model-chat .model-chat-nav-item .icon-stripchat-logo {
    height: 20px;
    margin-right: 8px;
    width: 20px
}

.model-chat .model-chat-nav-item .icon-locked {
    height: 25px;
    margin-right: 8px;
    width: 25px
}

.model-chat .model-chat-nav-item .icon-user-tab {
    height: 17px;
    margin-right: 8px;
    width: 17px
}

.model-chat .model-chat-nav-item .model-chat-nav-item-wrapper {
    align-items: center;
    position: relative;
    display: flex;
    flex-direction: row
}

.model-chat .model-chat-nav-item .model-chat-nav-item-label {
    max-width: 130px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.model-chat .model-chat-nav-item .model-chat-nav-notification {
    background-color: #d7313c;
    border-radius: 50%;
    height: 6px;
    position: absolute;
    right: -8px;
    top: 0;
    width: 6px
}

.model-chat .model-chat-nav-item .model-chat-nav-close {
    display: none;
    opacity: .25;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    z-index: 1
}

.model-chat .model-chat-nav-item .model-chat-nav-close .icon {
    margin: 0 0 2px
}

.model-chat .model-chat-nav-item .model-chat-nav-close:hover {
    opacity: .5
}

.model-chat .model-chat-nav-item:hover {
    color: rgba(255, 255, 255, .7)
}

.model-chat .model-chat-nav-item.disabled {
    color: rgba(255, 255, 255, .15);
    cursor: default;
    pointer-events: none
}

.model-chat .model-chat-nav-item.selected {
    box-shadow: inset 0 -2px #c22934;
    box-shadow: inset 0 -2px var(--primary-border);
    color: #fff
}

.model-chat .model-chat-nav-item.selected.premium {
    box-shadow: inset 0 -2px #e9a63b
}

.model-chat .model-chat-container {
    height: 100%;
    max-height: calc(100% - 48px);
    position: relative;
    width: 100%;
    flex: 1;
    flex-basis: auto;
    flex-grow: 1;
    flex-shrink: 1;
    display: flex;
    flex-direction: row
}

.model-chat .model-chat-container.private .model-chat-public,
.model-chat .model-chat-container.users .model-chat-public {
    display: none
}

.model-chat .model-chat-container.private .loader-container,
.model-chat .model-chat-container.users .loader-container {
    flex: auto
}

.model-chat .model-chat-private,
.model-chat .model-chat-public,
.model-chat .model-chat-users {
    display: flex;
    flex-direction: column-reverse;
    height: 100%;
    left: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
    width: 100%
}

.model-chat .model-chat-private .chat-actions,
.model-chat .model-chat-public .chat-actions {
    background-color: rgba(16, 16, 16, .4);
    border-radius: 50%;
    height: 40px;
    margin-right: 8px;
    width: 40px
}

.model-chat .model-chat-private .chat-actions:hover,
.model-chat .model-chat-public .chat-actions:hover {
    background-color: rgba(16, 16, 16, .2)
}

.model-chat .model-chat-private .model-chat-controls__smiles-onboarding,
.model-chat .model-chat-public .model-chat-controls__smiles-onboarding {
    max-width: calc(100% + 32px);
    position: absolute;
    right: -30px;
    top: -83px;
    z-index: 2
}

.model-chat .model-chat-private .model-chat-controls__smiles-onboarding--offline,
.model-chat .model-chat-public .model-chat-controls__smiles-onboarding--offline {
    left: -3px;
    max-width: calc(100% + 102px);
    right: auto;
    top: -131px
}

.model-chat .model-chat-private .model-chat-controls__smiles-onboarding--offline .model-chat-controls__smiles-onboarding--arrow,
.model-chat .model-chat-public .model-chat-controls__smiles-onboarding--offline .model-chat-controls__smiles-onboarding--arrow {
    display: none
}

.model-chat .model-chat-private .model-chat-controls__smiles-new-label,
.model-chat .model-chat-public .model-chat-controls__smiles-new-label {
    bottom: 33px;
    position: absolute;
    right: 10px;
    top: auto
}

.model-chat .model-chat-private .model-chat-controls__smiles-button,
.model-chat .model-chat-public .model-chat-controls__smiles-button {
    margin: -2px -1px -2px 0
}

.model-chat .model-chat-private .model-chat-controls__smiles-button--fullscreen,
.model-chat .model-chat-public .model-chat-controls__smiles-button--fullscreen {
    margin: -3px -1px -3px 0
}

.model-chat .model-chat-private-tab {
    max-height: 100%;
    width: 100%
}

.model-chat .model-chat-private-tab .model-chat-content .scroll-bar-container {
    height: 100%;
    max-height: 100%
}

.model-chat .model-chat-private-tab.own .model-chat-controls .private-tip-button {
    display: none
}

.model-chat .model-chat-private-tab:not(.own) .model-chat-controls .btn-send {
    background: #e9a63b;
    color: #583b0b;
    transition: 90ms ease-in-out;
    border-color: transparent
}

.model-chat .model-chat-private-tab:not(.own) .model-chat-controls .btn-send>.icon {
    fill: #583b0b;
    transition: 90ms ease-in-out
}

.model-chat .model-chat-private-tab:not(.own) .model-chat-controls .btn-send.focus,
.model-chat .model-chat-private-tab:not(.own) .model-chat-controls .btn-send:focus {
    background: #e9a63b;
    color: #583b0b;
    border-color: transparent
}

.model-chat .model-chat-private-tab:not(.own) .model-chat-controls .btn-send.focus>.icon,
.model-chat .model-chat-private-tab:not(.own) .model-chat-controls .btn-send:focus>.icon {
    fill: #583b0b
}

.model-chat .model-chat-private-tab:not(.own) .model-chat-controls .btn-send.active,
.model-chat .model-chat-private-tab:not(.own) .model-chat-controls .btn-send:active {
    background: #e9a63b;
    color: #583b0b;
    border-color: transparent
}

.model-chat .model-chat-private-tab:not(.own) .model-chat-controls .btn-send.active>.icon,
.model-chat .model-chat-private-tab:not(.own) .model-chat-controls .btn-send:active>.icon {
    fill: #583b0b
}

.model-chat .model-chat-private-tab:not(.own) .model-chat-controls .btn-send .btn-loader-overlay {
    color: #583b0b;
    background-color: #e9a63b
}

.model-chat__smiles-block {
    bottom: 0;
    display: flex;
    max-height: 80%;
    position: absolute;
    width: 100%;
    z-index: 2
}

.model-chat__smiles-block--fullscreen {
    bottom: 100%;
    max-height: 70vh;
    max-width: 300px
}

.model-chat .model-chat-content {
    height: 100%;
    overflow: hidden;
    position: relative;
    display: flex;
    flex-direction: column;
    flex: 1;
    flex-basis: auto;
    flex-grow: 1;
    flex-shrink: 1
}

.model-chat .model-chat-content .scroll-bar-container {
    height: 100%;
    overflow-x: hidden;
    width: 100%
}

.model-chat .model-chat-content__sticker-chips-block.scroll-bar-container.scroll-bar-container {
    flex-shrink: 0;
    height: auto;
    margin-bottom: 8px;
    margin-top: 8px;
    order: 10;
    width: 100%
}

.model-chat .model-chat-content__voice-player {
    background-color: #2e2e2e;
    bottom: 0;
    left: 0;
    padding: 8px 12px;
    position: absolute;
    right: 0;
    z-index: 3
}

.model-chat .lv-message-content {
    display: none
}

.model-chat .model-chat-error {
    animation: 120ms opacity-fade-show;
    bottom: 0;
    cursor: pointer;
    left: 0;
    position: absolute;
    right: 0;
    z-index: 1
}

.model-chat-disabled {
    background: rgba(46, 46, 46, .5)
}

.model-chat-disabled .lv-message-content,
.model-chat-disabled .model-chat-wrapper {
    opacity: .3;
    pointer-events: none
}

.model-chat-disabled .model-chat-controls {
    opacity: .6
}

.model-chat__spam-detector {
    background: #fff;
    height: 100%;
    position: absolute;
    width: 100%
}

.model-chat .model-chat__chat-actions {
    height: calc(100% - 60px);
    overflow: hidden;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1
}

.model-chat .model-chat__chat-actions--viewcam {
    height: 100%
}

.model-chat.model-chat-fullscreen {
    background: 0 0
}

.model-chat.model-chat-fullscreen .model-chat-content,
.model-chat.model-chat-fullscreen .model-chat-controls,
.model-chat.model-chat-fullscreen .model-chat-stub {
    pointer-events: auto
}

.model-chat.model-chat-fullscreen .model-chat-container {
    height: 100%;
    max-height: 100%
}

.model-chat.model-chat-fullscreen .model-chat-container .model-chat-messages-wrapper {
    border-bottom: none;
    display: flex;
    flex-direction: column;
    height: auto;
    justify-content: flex-end;
    min-height: 100%
}

.model-chat.model-chat-fullscreen .model-chat-container .model-chat-messages-wrapper .messages {
    align-self: flex-end;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: flex-end;
    position: relative;
    width: 100%
}

.model-chat.model-chat-fullscreen .model-chat-container .model-chat-messages-wrapper .message {
    margin-top: 4px
}

.model-chat.model-chat-fullscreen .model-chat-container .chat-actions-wrapper {
    display: none
}

.model-chat.model-chat-fullscreen .model-chat-container .model-chat-content {
    -webkit-mask-image: linear-gradient(to bottom, transparent 2%, black 20%, black 100%);
    mask-image: linear-gradient(to bottom, transparent 2%, black 20%, black 100%)
}

.model-chat.model-chat-fullscreen .model-chat-container .model-chat-private-tab {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    width: 100%
}

.model-chat.model-chat-fullscreen .model-chat-container .model-chat-private,
.model-chat.model-chat-fullscreen .model-chat-container .model-chat-public {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    max-height: 100%;
    overflow: visible;
    padding-bottom: 0;
    padding-top: 0;
    position: static
}

.model-chat.model-chat-fullscreen .model-chat-container .model-chat-private .model-chat-controls,
.model-chat.model-chat-fullscreen .model-chat-container .model-chat-public .model-chat-controls {
    background: 0 0;
    bottom: 0;
    height: auto;
    margin: 0;
    order: 3;
    padding: 0;
    position: relative;
    top: auto;
    flex: 1;
    flex-basis: 42px;
    flex-grow: 0;
    flex-shrink: 1
}

.model-chat.model-chat-fullscreen .model-chat-container .model-chat-private .model-chat-controls--banned,
.model-chat.model-chat-fullscreen .model-chat-container .model-chat-public .model-chat-controls--banned {
    background: 0 0;
    display: block
}

.model-chat.model-chat-fullscreen .model-chat-container .model-chat-private .model-chat-controls .private-tip-button,
.model-chat.model-chat-fullscreen .model-chat-container .model-chat-public .model-chat-controls .private-tip-button {
    display: none
}

.model-chat.model-chat-fullscreen .model-chat-container .model-chat-private .model-chat-content,
.model-chat.model-chat-fullscreen .model-chat-container .model-chat-public .model-chat-content {
    margin-bottom: 4px;
    order: 1
}

.model-chat.model-chat-fullscreen .model-chat-container .model-chat-private .model-chat-content .scroll-bar-container,
.model-chat.model-chat-fullscreen .model-chat-container .model-chat-public .model-chat-content .scroll-bar-container {
    position: static
}

.model-chat.model-chat-fullscreen .model-chat-container .model-chat-private .model-chat-error,
.model-chat.model-chat-fullscreen .model-chat-container .model-chat-public .model-chat-error {
    order: 2
}

.model-chat.model-chat-fullscreen .model-chat-container .model-chat-private .model-chat-error:not(.model-chat-error-no-margin),
.model-chat.model-chat-fullscreen .model-chat-container .model-chat-public .model-chat-error:not(.model-chat-error-no-margin) {
    margin-bottom: 4px
}

.model-chat.model-chat-fullscreen .model-chat-container .model-chat-error .m-bg-error {
    background-color: #530000
}

.model-chat.model-chat-fullscreen .model-chat-stub {
    align-items: flex-end;
    position: absolute;
    z-index: 1
}

.model-chat.model-chat-fullscreen .model-chat-stub+.model-chat-private .model-chat-controls {
    z-index: 2
}

.model-chat.model-chat-fullscreen .model-chat-stub .model-chat-stub-control {
    display: none
}

.model-chat.model-chat-fullscreen .model-chat-stub .model-chat-stub-message-wrapper {
    background: rgba(0, 0, 0, .6);
    border-radius: 4px;
    margin-top: 0;
    padding: 10px
}

.model-chat.model-chat-fullscreen .model-chat-stub .icon-private-locked {
    height: 55px;
    width: 55px
}

.model-chat.model-chat-fullscreen .model-chat-stub .stub-title {
    margin-top: 3px
}

.model-chat.model-chat-fullscreen .model-chat-stub .stub-description {
    margin-top: 8px;
    font-size: .75rem
}

.model-chat.model-chat-fullscreen .model-chat-stub .ultimate-button .user-level-ultimate-badge {
    height: 20px;
    width: 20px
}

.model-chat.model-chat-fullscreen .smiles-dropdown .smiles-list {
    bottom: 44px;
    top: initial
}

.model-chat-private-tip__tooltip {
    padding: 0
}

.model-chat-private-tip__tooltip .model-chat-private-tip__tooltip-inner {
    background-color: #151515;
    color: #f8f8f8;
    padding: 10px 12px
}

.model-chat-private-tip__tooltip .model-chat-private-tip__tooltip-inner::before {
    display: none
}

.model-chat-messages-wrapper {
    min-height: 100%;
    position: relative
}

.model-chat-messages-wrapper--withoutBorder {
    border-bottom: none
}

.model-chat-messages-wrapper .messages {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap
}

.model-chat-normal .model-chat-messages-wrapper .messages .message:first-of-type {
    border-top: none !important;
    padding-top: 15px
}

.model-chat-normal .model-chat-messages-wrapper .messages .message:last-of-type:not(:first-of-type) {
    border-bottom: none !important;
    padding-bottom: 15px
}

.model-chat-normal .model-chat-messages-wrapper .messages .message.empty {
    border-bottom: none;
    color: #8d8d8d;
    display: block;
    text-align: center;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%)
}

.model-list-container .model-list {
    clear: both;
    flex-wrap: wrap;
    height: auto;
    margin: -5px;
    position: relative;
    display: flex;
    flex-direction: row
}

.model-list-container .model-list.empty {
    height: 220px;
    margin: 20px 0;
    padding: 0 !important;
    align-items: center;
    justify-content: center;
    display: flex;
    flex-direction: column
}

.model-list-container .model-list.empty .empty-list-icon,
.model-list-container .model-list.empty .icon-user-guest-1 {
    color: rgba(248, 248, 248, .4);
    fill: currentColor;
    height: 30px;
    margin: 0;
    width: 100px
}

.model-list-container .model-list.empty .empty-list-title {
    color: rgba(248, 248, 248, .4);
    margin-top: 10px;
    opacity: .8;
    letter-spacing: .094rem;
    font-size: 18px;
    font-weight: 500;
    letter-spacing: normal;
    line-height: 23px
}

.model-list-container .model-list.too-strict-filters .too-strict-filters__title {
    font-size: 1.375rem;
    color: #fff;
    font-weight: 500;
    line-height: 1.22;
    margin-bottom: 8px
}

.model-list-container .model-list.too-strict-filters .too-strict-filters__what-next {
    font-size: .875rem;
    color: #f8f8f8;
    font-weight: 500;
    line-height: 1.28;
    opacity: .6
}

.model-list-container .model-list.no-margin {
    margin: 0
}

.model-list-container .model-list .paginated-list-wrapper {
    flex: 1;
    flex-basis: auto;
    flex-grow: 1;
    flex-shrink: 1
}

.model-list-container .model-list .paginated-list {
    flex-wrap: wrap;
    display: flex;
    flex-direction: row;
    flex: 1;
    flex-basis: auto;
    flex-grow: 1;
    flex-shrink: 1
}

.model-list-container .model-list-item {
    flex-basis: calc(100% / 0);
    flex-basis: calc(100% / var(--columns-count, 0));
    max-width: calc(100% / 0);
    max-width: calc(100% / var(--columns-count, 0))
}

.not-found-wrapper .model-list,
.view-cam-page-wrapper .model-list {
    padding: 10px 0 0
}

.model-list-item-splitter {
    display: none;
    font-size: 0;
    height: 0
}

.model-list-container {
    padding-bottom: 10px;
    width: 100%;
    display: flex;
    flex-direction: column;
    flex: 1;
    flex-basis: auto;
    flex-grow: 1;
    flex-shrink: 1
}

.modal-wrapper {
    align-items: center;
    background: rgba(0, 0, 0, .8);
    height: 100%;
    justify-content: center;
    left: 0;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    padding: 10px;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 410;
    display: flex;
    flex-direction: row
}

.modal-wrapper.without-backdrop {
    background: 0 0
}

.modal-wrapper .ios-with-keyboard-scroll-fix {
    display: none;
    height: 120vh
}

.modal-wrapper .modal-content {
    cursor: default;
    display: block;
    max-height: 100%;
    position: relative;
    text-align: left;
    white-space: normal
}

.modal-wrapper .modal-content>* {
    animation: opacity-fade-show .5s
}

.modal-wrapper .modal-content .controls .btn {
    margin-bottom: 0
}

.modal-wrapper .modal-content.modal-header-inside,
.modal-wrapper .modal-content.modal-header-outside .modal-body {
    background-color: rgba(59, 59, 59, .8);
    box-shadow: 0 0 4px rgba(0, 0, 0, .2), 0 4px 8px rgba(0, 0, 0, .3);
    border-radius: 3px
}

.modal-wrapper .modal-content.modal-header-inside.solid-background,
.modal-wrapper .modal-content.modal-header-outside.solid-background .modal-body {
    background-color: #3b3b3b
}

.modal-wrapper .modal-content>.modal-header {
    display: flex;
    justify-content: space-between;
    min-height: 32px
}

.modal-wrapper .modal-content .modal-title {
    flex: 1
}

.modal-wrapper .modal-content.modal-header-outside>.modal-header {
    color: inherit;
    padding: 0 0 10px
}

.modal-wrapper .modal-content.modal-header-inside>.modal-header {
    padding: 10px 42px 10px 10px
}

.modal-wrapper .modal-content .modal-header-outside .button-close {
    right: 0;
    top: 0
}

.modal-wrapper .modal-content .modal-header-inside .button-close {
    right: 10px;
    top: 10px
}

.modal-wrapper .modal-content.fullscreen {
    height: calc(100% - 20px);
    padding: 10px 10px 0;
    width: 100%
}

.modal-wrapper .modal-content.fullscreen .modal-body {
    bottom: 0;
    height: 100%;
    left: 0;
    padding: 0;
    position: absolute;
    right: 0;
    top: 0
}

.modal-wrapper .modal-content.close-btn-on-fullscreen {
    height: auto;
    max-width: 1200px
}

.modal-wrapper .modal-content.close-btn-on-fullscreen .modal-body {
    bottom: 10px;
    height: auto;
    padding: 0 30px;
    top: 40px
}

.modal-wrapper.is-ios-keyboard-opened {
    align-items: flex-start
}

.modal-wrapper.is-ios-keyboard-opened .modal-content {
    margin-top: 10px
}

.modal-wrapper.is-ios-keyboard-opened .ios-with-keyboard-scroll-fix {
    display: block
}

.modal-wrapper .button-close {
    cursor: pointer;
    line-height: 0
}

.modal-wrapper .button-close>.icon {
    color: rgba(255, 255, 255, .3);
    fill: rgba(255, 255, 255, 0.3);
    height: 22px;
    margin: 0;
    width: 22px
}

.modal-wrapper .button-close:hover>.icon {
    color: #fff;
    fill: #fff
}

.modal-wrapper .modal-header {
    position: relative;
    font-size: 1.125rem
}

.modal-wrapper .modal-header.top-placed {
    padding-right: 20px
}

.modal-wrapper .modal-header.top-placed .button-close {
    position: fixed;
    right: 20px;
    top: 20px
}

.modal-wrapper .modal-body {
    padding: 20px;
    width: 100%
}

.modal-wrapper.default-modal .modal-content {
    min-height: 50%;
    min-width: 50%
}

.modal-wrapper .tooltip {
    z-index: 601
}

.ucbrowser .modal-header .button-close {
    float: right
}

.modal-base-overlay {
    background-color: rgba(0, 0, 0, .8);
    height: 100vh;
    left: 0;
    position: fixed;
    top: 0;
    width: 100vw;
    z-index: 410
}

.modal-base-body {
    background: 0 0;
    border: 0;
    height: auto;
    margin: 0;
    padding: 0;
    position: initial;
    width: auto;
    width: -moz-fit-content;
    width: fit-content
}

.modal-ds-close-icon {
    color: rgba(248, 248, 248, .4);
    height: 14px;
    padding: 0;
    width: 14px
}

.modal-ds-close-icon:hover {
    color: #f8f8f8
}

.modal-ds-close-icon-remove-hover.modal-ds-close-icon-remove-hover.modal-ds-close-icon-remove-hover.modal-ds-close-icon-remove-hover {
    color: rgba(248, 248, 248, .4)
}

.modal-ds-overlay {
    background-color: rgba(0, 0, 0, .8);
    height: 100%;
    left: 0;
    padding: 40px 20px 20px;
    position: fixed;
    top: 0;
    width: 100vw;
    z-index: 410;
    align-items: center;
    justify-content: center;
    display: flex;
    flex-direction: row
}

.modal-ds-overlay__close-outside {
    cursor: pointer
}

.modal-ds-close-icon-top-right {
    position: absolute;
    right: 4px;
    top: 4px
}

.modal-ds-body {
    align-items: stretch;
    background: 0 0;
    border: 0;
    color: #f8f8f8;
    cursor: initial;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    height: auto;
    justify-content: flex-start;
    margin: -20px 0 0;
    max-height: 100%;
    max-width: 100%;
    padding: 0;
    position: initial;
    width: auto
}

.modal-ds-header {
    align-items: center;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    padding: 5px
}

.modal-ds-close-icon-in-header {
    bottom: 5px;
    display: flex;
    left: 2px;
    margin-left: auto;
    position: relative
}

.modal-ds-close-icon-disabled {
    opacity: 0
}

.modal-ds-content {
    background-color: #303133;
    border-radius: 12px;
    overflow-x: auto
}

.modal-ds-footer {
    padding: 5px
}

.modal-ds-overlay--fullscreen.modal-ds-overlay {
    padding-top: 20px
}

.modal-ds-overlay--fullscreen .modal-ds-body {
    height: 100%;
    width: 100%
}

.modal-ds-overlay--fullscreen .modal-ds-content {
    flex: 1
}

.page {
    min-height: 120px;
    padding-bottom: 20px;
    margin: 0 auto;
    max-width: 100%;
    padding-left: .75rem;
    padding-right: .75rem;
    position: relative;
    width: 100%;
    display: flex;
    flex-direction: column
}

.page.page-overflow {
    overflow: hidden
}

.page.page-without-header {
    margin-top: 30px
}

.page .page-header {
    margin: 18px 0
}

.page .page-header .header-notes {
    font-style: italic;
    text-align: right
}

.page .page-header .header-notes p {
    margin-bottom: .4rem
}

.page .page-header .header-notes p:last-child {
    margin-bottom: 0
}

.page .page-block,
.page .page-content {
    background-color: #222;
    border: none;
    padding: 20px;
    position: relative;
    border-radius: 4px
}

.page .page-block::after,
.page .page-content::after {
    clear: both;
    content: "";
    display: table
}

.page .page-block p a,
.page .page-content p a {
    text-decoration: none
}

.page .page-block h2,
.page .page-content h2 {
    font-weight: 400;
    margin: 0;
    font-size: 1.125rem
}

.page .page-block h2+p,
.page .page-content h2+p {
    margin-top: 10px
}

.page .page-block h3,
.page .page-content h3 {
    font-weight: 400;
    margin: 0;
    font-size: 1rem
}

.page .page-block table,
.page .page-content table {
    background: rgba(0, 0, 0, .1);
    margin: 10px 0;
    width: 100%
}

.page .page-block table td,
.page .page-block table th,
.page .page-content table td,
.page .page-content table th {
    padding: 8px
}

.page .page-block table th,
.page .page-content table th {
    text-align: left;
    font-size: 1rem
}

.page .empty.page-content,
.page .page-block.empty {
    opacity: .33
}

.page .page-content {
    color: #e1e1e1;
    min-height: 200px
}

.page.static-page .page-content {
    margin-top: 20px
}

.page.static-page .page-content h1,
.page.static-page .page-content h2 {
    margin-bottom: 20px
}

.page.limited-width {
    max-width: 1000px
}

.page.page-columns {
    display: flex;
    flex-direction: row
}

.loader-ds-svg {
    animation: loader-ds 1.4s linear infinite
}

.loader-ds--default-color {
    color: #f8f8f8
}

.loader-ds-circle {
    animation: loader-ds-circle 1.4s ease-in-out infinite;
    stroke: currentColor;
    stroke-dasharray: 80px, 200px;
    stroke-dashoffset: 0
}

@keyframes loader-ds {
    100% {
        transform: rotate(360deg)
    }
}

@keyframes loader-ds-circle {
    0% {
        stroke-dasharray: 1px, 200px;
        stroke-dashoffset: 0
    }

    50% {
        stroke-dasharray: 100px, 200px;
        stroke-dashoffset: -15px
    }

    100% {
        stroke-dasharray: 100px, 200px;
        stroke-dashoffset: -125px
    }
}

.image-swiper {
    overflow: hidden;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    width: 100%
}

.image-swiper::before {
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    visibility: hidden;
    z-index: 2
}

.image-swiper__root,
.image-swiper__root>body {
    overscroll-behavior-x: none
}

.image-swiper__root--disabled {
    overflow: hidden
}

.image-swiper__scroll {
    height: 100%;
    pointer-events: none;
    position: relative;
    outline: 0;
    overflow: hidden;
    width: 100%
}

.image-swiper__scroll-space {
    height: 1px;
    left: 0;
    pointer-events: none;
    position: absolute;
    visibility: hidden;
    top: 0
}

.image-swiper__item {
    background-position: center;
    background-repeat: no-repeat;
    contain: strict;
    position: absolute;
    pointer-events: all;
    top: 0;
    z-index: 1
}

.image-swiper__item--size--cover {
    background-size: cover
}

.image-swiper__item--size--contain {
    background-size: contain
}

.image-swiper__item-image {
    border: 0;
    height: 100%;
    outline: 0;
    pointer-events: none;
    position: absolute;
    visibility: hidden;
    width: 100%
}

.image-swiper__item-image[src] {
    visibility: visible
}

.image-swiper__item-image--size--cover {
    -o-object-fit: cover;
    object-fit: cover
}

.image-swiper__item-image--size--contain {
    -o-object-fit: contain;
    object-fit: contain
}

.image-swiper:hover>.image-swiper__arrow--active {
    opacity: .6
}

.image-swiper:hover>.image-swiper__arrow--active:hover {
    opacity: 1
}

.image-swiper__children {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1
}

.image-swiper__arrow {
    align-items: center;
    background: rgba(0, 0, 0, .6);
    border-radius: 50%;
    box-shadow: 0 0 3px rgba(0, 0, 0, .2);
    cursor: pointer;
    display: flex;
    font-weight: 700;
    height: 30px;
    justify-content: center;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    transition: opacity .3s, left .3s, right .3s;
    width: 30px;
    z-index: 3
}

.image-swiper__arrow--left {
    left: 20px
}

.image-swiper__arrow--left>svg {
    transform: rotate(180deg)
}

.image-swiper__arrow--right {
    right: 20px
}

.image-swiper__arrow--active {
    pointer-events: auto
}

.image-swiper__arrow>svg {
    display: block;
    height: inherit;
    pointer-events: none;
    width: inherit
}

.image-swiper__points {
    align-items: flex-end;
    background: linear-gradient(180deg, rgba(185, 185, 185, 0) 0%, rgba(0, 0, 0, .35) 100%);
    bottom: 0;
    display: flex;
    justify-content: center;
    height: 100px;
    left: 0;
    padding: 0 0 20px;
    pointer-events: none;
    position: absolute;
    width: 100%;
    z-index: 3
}

.image-swiper__points--hidden {
    display: none
}

.image-swiper__points>span {
    border-radius: 50%;
    background: #fff;
    height: 6px;
    position: relative;
    margin: 0 2px;
    opacity: .5;
    transition: opacity .6s;
    width: 6px
}

.image-swiper__points>span.active {
    opacity: 1
}

@keyframes video-player-animation-play-desktop {
    0% {
        opacity: .6;
        transform: translateX(-50%) translateY(-50%) scale(1)
    }

    100% {
        opacity: 0;
        transform: translateX(-50%) translateY(-50%) scale(1.5)
    }
}

@keyframes video-player-animation-buffering {
    0% {
        transform: rotate(0deg)
    }

    100% {
        transform: rotate(360deg)
    }
}

.video-player {
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    display: flex;
    height: 100%;
    justify-content: center;
    position: relative;
    overflow: hidden;
    width: 100%
}

.video-player__play {
    align-items: center;
    background: rgba(0, 0, 0, .4);
    border: 0;
    border-radius: 50%;
    color: var(--video-player-play-control-color);
    cursor: pointer;
    display: flex;
    height: 96px;
    justify-content: center;
    left: 50%;
    outline: 0;
    overflow: hidden;
    padding: 0;
    position: absolute;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    transition: background .3s, opacity .3s;
    width: 96px;
    z-index: 4
}

.video-player__play--hidden {
    pointer-events: none;
    opacity: 0
}

.video-player__play--animation-show-hide {
    animation: video-player-animation-play-desktop .6s
}

.video-player__main-control-icon {
    height: 38px;
    opacity: .8;
    width: 38px
}

.video-player__main-control-icon--play {
    margin: 0 0 0 6px
}

.video-player__children {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 4
}

.video-player__video {
    background-color: var(--video-player-background-color);
    display: block;
    flex: 1;
    max-height: 100%;
    max-width: 100%;
    position: relative;
    z-index: 3
}

.video-player__video--hidden {
    pointer-events: none;
    visibility: hidden
}

.video-player__controls {
    background: var(--video-player-controls-background);
    bottom: 0;
    left: 0;
    padding: 40px 10px 16px;
    position: absolute;
    right: 0;
    transition: opacity .3s;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    z-index: 4
}

.video-player__controls--hidden {
    pointer-events: none;
    opacity: 0
}

.video-player__controls-progress {
    box-sizing: border-box;
    cursor: pointer;
    height: 12px;
    padding: 4px 0 0;
    position: relative
}

.video-player__controls-progress::before {
    background: var(--video-player-progress-background-color);
    border-radius: 2px;
    content: "";
    cursor: pointer;
    height: 4px;
    left: 0;
    position: absolute;
    width: 100%
}

.video-player__controls-progress::after {
    content: "";
    height: 35px;
    left: 0;
    position: absolute;
    top: -15px;
    width: 100%
}

.video-player__controls-progress:hover>.video-player__controls-progress-button {
    pointer-events: auto;
    transform: scale(1)
}

.video-player__controls-progress-line {
    background: var(--video-player-progress-color);
    border-radius: 2px;
    cursor: pointer;
    height: 4px;
    position: relative
}

.video-player__controls-progress-button {
    background: var(--video-player-progress-button-color);
    border: 0;
    border-radius: 50%;
    box-shadow: 0 0 4px rgba(0, 0, 0, .25);
    cursor: pointer;
    display: block;
    height: 12px;
    padding: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    transition: transform .15s;
    transform: scale(0);
    width: 12px;
    z-index: 2
}

.video-player__controls-progress-button--active {
    pointer-events: auto;
    transform: scale(1)
}

.video-player__controls-actions {
    align-items: center;
    color: #fff;
    display: flex;
    font-size: 13px;
    font-weight: 700;
    justify-content: space-between;
    margin: 12px 4px 0
}

.video-player__controls-actions-block {
    align-items: center;
    display: flex;
    color: var(--video-player-controls-color)
}

.video-player__pause {
    cursor: pointer;
    margin: 0 14px 0 0
}

.video-player__pause>svg {
    display: block;
    height: 15px;
    width: 15px
}

.video-player__right-control {
    margin: 0 -2px 0 24px;
    padding: 2px
}

.video-player__right-control:first-child {
    margin-left: 0
}

.video-player__mute {
    cursor: pointer
}

.video-player__mute>svg {
    display: block;
    height: 16px;
    transform: scale(1.3);
    width: 18px
}

.video-player__fullscreen {
    cursor: pointer
}

.video-player__fullscreen>svg {
    display: block;
    height: 15px;
    width: 15px
}

.video-player__timer {
    white-space: nowrap
}

.video-player--mobile .video-player__controls-progress-button {
    pointer-events: auto;
    transform: scale(1)
}

.video-player--mobile .video-player__play {
    height: 64px;
    width: 64px
}

.video-player--mobile .video-player__main-control-icon {
    height: 26px;
    width: 26px
}

.video-player--desktop .video-player__play:hover {
    background: rgba(0, 0, 0, .8)
}

.video-player--desktop .video-player__fullscreen,
.video-player--desktop .video-player__mute,
.video-player--desktop .video-player__pause {
    transition: opacity .3s
}

.video-player--desktop .video-player__fullscreen:hover,
.video-player--desktop .video-player__mute:hover,
.video-player--desktop .video-player__pause:hover {
    opacity: .8
}

.video-player .video-player__buffering {
    align-self: center;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    transition: 1s ease-in;
    z-index: 4
}

.video-player .video-player__buffering--visible {
    opacity: 1
}

.video-player .video-player__buffering-default-icon {
    display: inline-block;
    position: relative;
    width: 80px;
    height: 80px
}

.video-player .video-player__buffering-default-icon div {
    animation: video-player-animation-buffering 1.2s cubic-bezier(.5, 0, .5, 1) infinite;
    border-radius: 50%;
    border: 6px solid var(--video-player-play-control-color);
    border-color: var(--video-player-play-control-color) transparent transparent transparent;
    box-sizing: border-box;
    display: block;
    height: 64px;
    margin: 8px;
    position: absolute;
    width: 64px
}

.video-player .video-player__buffering-default-icon div:first-child {
    animation-delay: -.45s
}

.video-player .video-player__buffering-default-icon div:nth-child(2) {
    animation-delay: -.3s
}

.video-player .video-player__buffering-default-icon div:nth-child(3) {
    animation-delay: -.15s
}

.media-gallery {
    background: var(--media-gallery-background);
    bottom: 0;
    left: 0;
    position: fixed;
    top: 0;
    width: 100vw
}

.media-gallery__root {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: hidden;
    overscroll-behavior: none;
    position: fixed
}

.media-gallery__root>body {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: hidden !important;
    overscroll-behavior: none;
    position: fixed !important
}

.media-gallery--desktop .media-gallery__content {
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    bottom: 84px;
    left: 96px;
    right: 96px;
    top: 22px
}

.media-gallery--desktop .media-gallery__aside-panel {
    bottom: 24px;
    right: var(--media-gallery-aside-panel-desktop-right);
    top: 24px;
    width: var(--media-gallery-aside-panel-desktop-width)
}

.media-gallery--desktop.media-gallery--aside .media-gallery__content-wrapper {
    right: calc(var(--media-gallery-aside-panel-desktop-width) + 64px)
}

.media-gallery--desktop .media-gallery__info {
    align-items: center;
    bottom: 21px;
    display: flex;
    font-size: 13px;
    height: 36px;
    left: 40px
}

.media-gallery--desktop .media-gallery__close {
    opacity: .4;
    right: 19px;
    top: 19px
}

.media-gallery--desktop .media-gallery__controls-panel {
    bottom: 20px;
    right: 20px
}

.media-gallery--desktop .media-gallery__info-sub-title {
    display: none
}

.media-gallery__bottom-shadow {
    background: linear-gradient(0deg, rgba(0, 0, 0, .72) 0%, rgba(0, 0, 0, 0) 100%);
    bottom: 0;
    left: 0;
    pointer-events: none;
    position: absolute;
    transition: opacity .3s;
    width: 100%;
    z-index: 1
}

.media-gallery--mobile .media-gallery__aside-panel {
    bottom: 0;
    left: 0;
    right: 0;
    top: 64px
}

.media-gallery--mobile-portrait .media-gallery__info {
    background: linear-gradient(180deg, rgba(0, 0, 0, .72) 0%, rgba(0, 0, 0, 0) 100%);
    box-sizing: border-box;
    display: flex;
    font-size: 16px;
    height: 175px;
    justify-content: center;
    left: 0;
    padding: 34px 0 0;
    top: 0;
    width: 100%
}

.media-gallery--mobile-portrait .media-gallery__close {
    opacity: .6;
    right: 26px;
    top: 32px
}

.media-gallery--mobile-portrait .media-gallery__content {
    bottom: 0;
    left: 0;
    right: 0;
    top: 0
}

.media-gallery--mobile-portrait .media-gallery__controls-panel {
    bottom: 24px;
    left: 10px;
    right: 10px
}

.media-gallery--mobile-portrait .media-gallery__bottom-shadow {
    height: 175px
}

.media-gallery--mobile-portrait .media-gallery__info-icon {
    display: none
}

.media-gallery--mobile-portrait .media-gallery__info-title {
    bottom: 80px;
    left: 16px;
    position: fixed
}

.media-gallery--mobile-portrait .video-player__controls {
    padding-bottom: 74px
}

.media-gallery--mobile-landscape .media-gallery__content {
    bottom: 0;
    left: 0;
    right: 0;
    top: 0
}

.media-gallery--mobile-landscape .media-gallery__info-title {
    bottom: 24px;
    left: 16px;
    position: fixed
}

.media-gallery--mobile-landscape .media-gallery__counter {
    opacity: .8
}

.media-gallery--mobile-landscape .media-gallery__info-icon {
    display: none
}

.media-gallery--mobile-landscape .media-gallery__info {
    font-size: 16px;
    left: 16px;
    top: 24px
}

.media-gallery--mobile-landscape .media-gallery__bottom-shadow {
    height: 100px
}

.media-gallery--mobile-landscape .media-gallery__close {
    opacity: .6;
    right: 22px;
    top: 24px
}

.media-gallery--mobile-landscape .media-gallery__controls-panel {
    bottom: 10px;
    right: 10px;
    top: 10px
}

.media-gallery__content-wrapper {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.media-gallery__content {
    position: absolute
}

.media-gallery__aside-panel {
    position: absolute;
    z-index: 3
}

.media-gallery__aside-panel-expand {
    color: var(--media-gallery-aside-panel-desktop-expand-width);
    cursor: pointer;
    margin: 0 16px 0 0;
    opacity: .4;
    position: absolute;
    right: 100%;
    top: 0;
    transition: opacity .3s
}

.media-gallery__aside-panel-expand:hover {
    opacity: 1
}

.media-gallery__play {
    align-items: center;
    background: rgba(0, 0, 0, .6);
    border: 0;
    border-radius: 50%;
    color: #fff;
    cursor: pointer;
    display: flex;
    height: 20px;
    justify-content: center;
    left: 50%;
    outline: 0;
    overflow: hidden;
    padding: 0;
    position: absolute;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    transition: background .3s;
    width: 20px;
    z-index: 3
}

.media-gallery__play:hover {
    background: rgba(0, 0, 0, .8)
}

.media-gallery__play>svg {
    height: 8px;
    width: 8px
}

.media-gallery__image-desktop {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.media-gallery__content-desktop {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center
}

.media-gallery__controls-panel {
    align-items: center;
    box-sizing: border-box;
    display: flex;
    position: absolute;
    transition: opacity .3s;
    z-index: 3
}

.media-gallery__image-thumbs {
    bottom: 22px;
    height: 36px;
    left: 50%;
    position: absolute;
    transform: translateX(-50%)
}

.media-gallery__image-thumbs--width--short {
    max-width: 320px
}

.media-gallery__image-thumbs--width--long {
    max-width: calc(100% - 600px)
}

.media-gallery__image-thumbs::after,
.media-gallery__image-thumbs::before {
    bottom: 0;
    content: "";
    pointer-events: none;
    position: absolute;
    top: 0;
    transition: opacity .3s;
    width: 36px;
    z-index: 2
}

.media-gallery__image-thumbs::after {
    background: var(--media-gallery-player-thumbs-list-gradient);
    left: 0
}

.media-gallery__image-thumbs::before {
    background: var(--media-gallery-player-thumbs-list-gradient);
    right: 0;
    transform: rotate(180deg)
}

.media-gallery__image-thumbs--left-edge::after,
.media-gallery__image-thumbs--right-edge::before {
    opacity: 0
}

.media-gallery__info-sub-title {
    font-size: 12px;
    font-weight: 700;
    margin: 4px 0 0;
    opacity: .8
}

.media-gallery__image-thumbs-scroll {
    display: flex;
    height: 80px;
    overflow-x: auto;
    overflow-y: hidden
}

.media-gallery__thumb {
    align-items: center;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: var(--media-gallery-thumbs-border-radius);
    box-sizing: border-box;
    cursor: pointer;
    display: flex;
    flex: 1;
    height: 36px;
    justify-content: center;
    margin: 0 4px;
    min-width: 36px;
    opacity: .4;
    position: relative;
    transition: opacity .3s
}

.media-gallery__thumb:hover {
    opacity: 1
}

.media-gallery__thumb--active {
    opacity: 1;
    pointer-events: none
}

.media-gallery__arrow {
    align-items: center;
    bottom: 70px;
    color: var(--media-gallery-arrow-color);
    display: flex;
    justify-content: center;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    transition: opacity .3s;
    width: 120px
}

.media-gallery__arrow--active {
    cursor: pointer;
    opacity: .6;
    pointer-events: auto
}

.media-gallery__arrow:hover {
    opacity: 1
}

.media-gallery__arrow--left {
    left: 0
}

.media-gallery__arrow--right {
    right: 0
}

.media-gallery__info {
    color: var(--media-gallery-main-text-color);
    display: flex;
    font-size: 13px;
    font-weight: 700;
    height: 36px;
    position: absolute;
    transition: opacity .3s;
    z-index: 3
}

.media-gallery__info-icon {
    align-items: center;
    display: flex;
    height: 32px;
    justify-content: center;
    margin: 0 10px 0 0;
    width: 32px
}

.media-gallery__counter {
    color: var(--media-gallery-counter-color);
    white-space: pre
}

.media-gallery__counter-text {
    color: var(--media-gallery-main-text-color)
}

.media-gallery__close {
    color: #fff;
    cursor: pointer;
    height: 18px;
    position: absolute;
    transition: opacity .3s;
    width: 18px;
    z-index: 5
}

.media-gallery__close:hover {
    opacity: 1
}

.media-gallery__close>svg {
    height: 18px;
    width: 18px
}

.media-gallery__image-swiper {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.media-gallery__image-swiper .image-swiper__arrow,
.media-gallery__image-swiper .image-swiper__points {
    display: none
}

.media-gallery--no-controls .media-gallery__bottom-shadow,
.media-gallery--no-controls .media-gallery__close,
.media-gallery--no-controls .media-gallery__controls-panel,
.media-gallery--no-controls .media-gallery__info {
    opacity: 0;
    pointer-events: none
}

.ui-photo-item {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 100%;
    width: 100%
}

.ui-photo-item--blur {
    -webkit-backface-visibility: hidden;
    filter: blur(10px);
    filter: var(--ui-photo-item-filter-blur, blur(10px));
    transform: scale(1.1)
}

.ui-photo-item--video {
    align-items: center;
    display: flex;
    justify-content: center
}

.ui-photo-item__img {
    clip: rect(0 0 0 0);
    display: none;
    height: 1px;
    margin: -1px;
    position: absolute;
    visibility: hidden;
    width: 1px
}

.ui-photo-item__icon {
    align-items: center;
    background-color: #000;
    border-radius: 50%;
    color: #fff;
    display: flex;
    height: 34px;
    justify-content: center;
    width: 34px
}

@keyframes image-loading-animation {
    0% {
        background-position: 100% 0%
    }

    100%,
    70% {
        background-position: -50% 0%
    }
}

.message-image-grid {
    display: flex;
    height: 100%;
    position: relative;
    width: 100%
}

.message-image-grid__photo-wrapper {
    height: 100%;
    overflow: hidden;
    width: 100%
}

.message-image-grid__photo-wrapper--loading {
    animation: image-loading-animation 3s infinite linear;
    animation: var(--sceleton-animation, image-loading-animation 3s infinite linear);
    background: linear-gradient(90deg, #383838 20%, #404040 28%, #454545 35%, #404040 42%, #383838 50%);
    background: var(--model-feed-skeleton-gradient, linear-gradient(90deg, #383838 20%, #404040 28%, #454545 35%, #404040 42%, #383838 50%));
    background-size: 300% 100%;
    will-change: background-position
}

.message-image-grid__photo-wrapper--first-of-two {
    width: 50%
}

.message-image-grid__photo-wrapper--first-of-three {
    width: 60%
}

.message-image-grid__photo-wrapper--half-height {
    height: 50%
}

.message-image-grid__photo-wrapper--has-right-border {
    border-right: 1px solid #f7f7f7;
    border-right: 1px solid var(--message-image-grid-border-color, #f7f7f7)
}

.message-image-grid__photo-wrapper--has-bottom-border {
    border-bottom: 1px solid #f7f7f7;
    border-bottom: 1px solid var(--message-image-grid-border-color, #f7f7f7);
    height: calc(50% - 1px)
}

.message-image-grid__column {
    width: 50%
}

.message-image-grid__column--triple {
    width: 40%
}

.message-image-grid__counter-wrapper {
    background-color: rgba(0, 0, 0, .6);
    background-color: var(--background-color-black, rgba(0, 0, 0, .6));
    border-radius: 8px;
    bottom: 16px;
    padding: 16px;
    position: absolute;
    right: 16px
}

.message-image-grid__counter {
    color: #fff;
    color: var(--color-white, #fff);
    font-size: 28px;
    font-weight: 700
}

@keyframes Modal__appear-overlay\#G6 {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

.Modal__overlay\#s0 {
    animation: Modal__appear-overlay\#G6 250ms;
    background-color: rgba(0, 0, 0, .8);
    display: flex;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 1;
    padding: 20px;
    position: fixed;
    transition: opacity 250ms;
    z-index: 410
}

.Modal__overlay_clickable\#ho {
    cursor: pointer
}

.Modal__overlay_clickable\#ho:hover .Modal__closeIcon\#PR {
    color: #f8f8f8
}

.Modal__overlay\#s0.Modal__hidden\#Bq {
    animation: unset;
    opacity: 0;
    pointer-events: none
}

.Modal__overlay\#s0.Modal__hidden\#Bq .tooltip {
    display: none
}

.Modal__scrollableOverlay\#SW {
    overflow: auto
}

.Modal__scrollableOverlay\#SW .Modal\#ph {
    max-height: unset
}

@keyframes Modal__appear\#Se {
    0% {
        transform: scale(.6)
    }

    100% {
        transform: scale(1)
    }
}

@keyframes Modal__hide\#_L {
    0% {
        transform: scale(1)
    }

    100% {
        transform: scale(.6)
    }
}

.Modal\#ph {
    align-items: stretch;
    animation: Modal__appear\#Se 250ms;
    background: 0 0;
    border: 0;
    color: #f8f8f8;
    cursor: initial;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    margin: auto;
    max-height: 100%;
    max-width: 100%;
    padding: 0;
    position: relative
}

.Modal\#ph:after {
    background: linear-gradient(to top, rgba(0, 0, 0, .6), rgba(0, 0, 0, 0));
    bottom: -72px;
    content: "";
    display: block;
    height: 72px;
    left: 0;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    right: 0;
    transition: .1s
}

.Modal\#ph.Modal__hidden\#Bq {
    animation: Modal__hide\#_L 250ms
}

.Modal\#ph:hover .Modal__closeIcon\#PR {
    color: rgba(248, 248, 248, .4)
}

.Modal__closable_content\#fV {
    cursor: pointer
}

.Modal__closable_content\#fV .Modal__content\#zn>* {
    cursor: initial
}

.Modal_fullscreen\#Ev {
    height: 100%;
    width: 100%
}

.Modal_fullscreen\#Ev .Modal__content\#zn {
    flex: 1
}

button.Modal__closeIcon\#PR {
    bottom: 5px;
    color: rgba(248, 248, 248, .4);
    display: flex;
    height: 22px;
    left: 2px;
    margin: -4px -4px -4px auto;
    padding: 4px;
    position: relative;
    width: 22px
}

button.Modal__closeIcon\#PR.Modal__closeIcon\#PR:hover,
button.Modal__closeIcon\#PR.Modal__closeIcon__forced_hovered\#yX.Modal__closeIcon__forced_hovered\#yX {
    color: #f8f8f8
}

button.Modal__closeIcon\#PR[disabled] {
    opacity: 0
}

button.Modal__closeIcon\#PR svg {
    margin-right: 0
}

.Modal__outsideContent\#dq {
    align-items: center;
    display: flex;
    font-size: 18px;
    padding: 5px
}

.Modal__content\#zn {
    background-color: #303133;
    border-radius: 12px;
    max-width: 100%;
    overflow-x: auto;
    padding: 30px
}

.error-boundary {
    align-items: center;
    background: #202020;
    bottom: 0;
    color: #f8f8f8;
    display: flex;
    justify-content: center;
    left: 0;
    position: fixed;
    right: 0;
    top: 0
}

.error-boundary .content {
    max-width: 470px;
    padding: 35px;
    position: relative
}

.error-boundary .title {
    font-size: 20px;
    line-height: 26px;
    margin: 10px 0 0;
    opacity: .9
}

.error-boundary .text {
    border-bottom: 1px solid rgba(248, 248, 248, .2);
    font-size: 15px;
    line-height: 22px;
    opacity: .6;
    padding-bottom: 30px
}

.error-boundary .text-error {
    font-size: 13px;
    margin: 30px 0 0;
    opacity: .4
}

.error-boundary .text-error-number {
    display: block;
    margin-top: 4px;
    word-break: break-all
}

.error-boundary .button {
    margin: 30px 0
}

.LoadableErrorBoundary\#Jc {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center
}

.LoadableErrorBoundary__content\#Zq {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 24px;
    text-align: center
}

.LoadableErrorBoundary__title\#kE {
    align-items: center;
    color: #fff;
    display: inline-flex;
    font-size: 13px;
    font-weight: 700;
    line-height: 18px;
    padding-bottom: 2px
}

.LoadableErrorBoundary__text\#FK {
    color: rgba(248, 248, 248, .8);
    font-size: 12px;
    font-weight: 400;
    margin: 0
}

.LoadableErrorBoundary__reloadButton\#dE {
    cursor: pointer;
    text-decoration: underline
}

.LoadableErrorBoundary__reloadButton\#dE:hover {
    opacity: .8
}

.loadable-loader {
    animation: opacity-fade-show 0s .3s forwards;
    opacity: 0
}

.tooltip-v2-portal-container {
    position: relative
}

.plugin-control-content {
    height: 100%;
    width: 100%
}

.plugin-control-content__show-button-wrapper {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%)
}

.plugin-control-content__show-button-wrapper.slide-right-transition-appear,
.plugin-control-content__show-button-wrapper.slide-right-transition-enter {
    transform: translate(100%, -50%);
    transition: transform 240ms ease-in-out 240ms
}

.plugin-control-content__show-button-wrapper.slide-right-transition-appear.slide-right-transition-appear-active,
.plugin-control-content__show-button-wrapper.slide-right-transition-appear.slide-right-transition-enter-active,
.plugin-control-content__show-button-wrapper.slide-right-transition-enter.slide-right-transition-appear-active,
.plugin-control-content__show-button-wrapper.slide-right-transition-enter.slide-right-transition-enter-active {
    transform: translate(0, -50%)
}

.plugin-control-content__show-button-wrapper.slide-right-transition-exit {
    transform: translate(0, -50%);
    transition: transform 240ms ease-in-out
}

.plugin-control-content__show-button-wrapper.slide-right-transition-exit-done,
.plugin-control-content__show-button-wrapper.slide-right-transition-exit.slide-right-transition-exit-active {
    transform: translate(100%, -50%)
}

.plugin-control-content__show-button.plugin-control-content__show-button {
    align-items: center;
    background: rgba(33, 33, 33, .6);
    border-radius: 6px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, .25);
    display: flex;
    height: 56px;
    justify-content: center;
    margin-right: 20px;
    width: 56px
}

.plugin-control-content__show-button.plugin-control-content__show-button:hover {
    background: #212121
}

.plugin-control-content__show-button.plugin-control-content__show-button:hover .plugin-control-content__show-icon {
    transform: scale(1.2)
}

.plugin-control-content__show-icon {
    height: 46px;
    transition: transform 250ms;
    width: 34px
}

.plugin-control-content__zoomed-overlay {
    height: 130vw;
    left: 0;
    position: absolute;
    right: 0;
    top: -10vw;
    z-index: -1
}

.plugin-control-content__transition-group {
    height: 100%;
    overflow: hidden;
    position: relative;
    width: 100%
}

.plugin-control-content__transition {
    height: 100%;
    width: 100%
}

.plugin-control-content__transition.slide-right-transition-appear,
.plugin-control-content__transition.slide-right-transition-enter {
    transform: translate(100%, 0);
    transition: transform 240ms ease-in-out 240ms
}

.plugin-control-content__transition.slide-right-transition-appear.slide-right-transition-appear-active,
.plugin-control-content__transition.slide-right-transition-appear.slide-right-transition-enter-active,
.plugin-control-content__transition.slide-right-transition-enter.slide-right-transition-appear-active,
.plugin-control-content__transition.slide-right-transition-enter.slide-right-transition-enter-active {
    transform: translate(0, 0)
}

.plugin-control-content__transition.slide-right-transition-exit {
    transform: translate(0, 0);
    transition: transform 240ms ease-in-out
}

.plugin-control-content__transition.slide-right-transition-exit-done,
.plugin-control-content__transition.slide-right-transition-exit.slide-right-transition-exit-active {
    transform: translate(100%, 0)
}

.plugin-control {
    height: 100%;
    overflow: hidden;
    width: 100%
}

.plugin-control__transition {
    transition: transform 240ms ease-in-out;
    height: 100%;
    width: 100%
}

.plugin-control__transition.slide-right-transition-appear,
.plugin-control__transition.slide-right-transition-enter {
    transform: translate(100%)
}

.plugin-control__transition.slide-right-transition-appear.slide-right-transition-appear-active,
.plugin-control__transition.slide-right-transition-appear.slide-right-transition-enter-active,
.plugin-control__transition.slide-right-transition-enter.slide-right-transition-appear-active,
.plugin-control__transition.slide-right-transition-enter.slide-right-transition-enter-active,
.plugin-control__transition.slide-right-transition-exit {
    transform: translate(0)
}

.plugin-control__transition.slide-right-transition-exit.slide-right-transition-exit-active {
    transform: translate(100%)
}

.plugin-panel {
    display: none;
    max-width: 100%;
    transition: opacity .15s ease-in-out;
    width: 100%
}

.plugin-panel--initialized {
    display: block
}

.plugin-panel.plugin-panel-in-modal-mode {
    background-color: rgba(0, 0, 0, .8);
    bottom: 0;
    height: 100%;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    transform: none;
    width: 100%
}

.plugin-panel__iframe {
    border: 0;
    height: 100%;
    width: 100%
}

.viewcam-widget-panel {
    border: 0;
    height: 70%;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    transition: opacity .3s ease-in-out;
    width: 30%
}

.viewcam-widget-panel-for-model {
    height: 90%
}

.viewcam-widget-panel.viewcam-widget-panel-ios-below-13 {
    width: 30vw
}

.viewcam-widget-panel.viewcam-widget-panel-video-effect {
    height: 100%;
    pointer-events: none !important;
    right: 0;
    top: 0;
    transform: none;
    width: 100%
}

.viewcam-widget-panel.viewcam-widget-panel--battleships:not(.viewcam-widget-panel-for-model) {
    max-width: 600px
}

.opened-mobile-keyboard.i-os .viewcam-widget-panel {
    pointer-events: none
}

.header-logo {
    height: 54px;
    max-width: 180px;
    position: relative;
    width: calc(54px * var(--header-logo-aspect-ratio))
}

.header-logo svg {
    height: inherit;
    width: 100%
}

.header-logo>.christmas {
    left: -7.7%;
    position: absolute
}

.view-cam-resizer {
    --resizer-aspect-ratio: 0.75;
    --reserved-bottom-space-desktop: 150px;
    --resizer-layout-width: 100vw;
    --resizer-layout-height: 100vh
}

.view-cam-resizer video {
    display: block
}

.view-cam-resizer .view-cam-resizer-player {
    height: 100%;
    left: 0;
    top: 0;
    width: 100%
}

.view-cam-resizer .view-cam-resizer-player.fullscreen {
    height: 100% !important;
    max-height: none !important;
    max-width: none !important;
    min-height: auto !important;
    min-width: auto !important;
    width: 100% !important
}

.view-cam-resizer.view-cam-resizer-theatre-mode {
    --reserved-bottom-space-desktop: 60px
}

.view-cam-resizer.view-cam-resizer-playing {
    --resizer-overrided-aspect-ratio: 0.75;
    --resizer-top: 96px
}

.view-cam-resizer.view-cam-resizer-playing.view-cam-resizer-hd {
    --resizer-overrided-aspect-ratio: 0.5556
}

@supports (height:var(--resizer-layout-height)) {
    .view-cam-resizer.view-cam-resizer-playing.view-cam-resizer {
        --resizer-aspect-ratio: var(--resizer-overrided-aspect-ratio)
    }
}

.view-cam-resizer.view-cam-resizer-broadcast {
    --resizer-overrided-aspect-ratio: 0.75;
    --resizer-top: 180px
}

.view-cam-resizer.view-cam-resizer-broadcast .view-cam-resizer-boundary-y {
    display: flex;
    flex-direction: column
}

.view-cam-resizer.view-cam-resizer-broadcast .view-cam-resizer-boundary-y .web-rtc-player-wrapper {
    height: auto
}

.view-cam-resizer.view-cam-resizer-broadcast .view-cam-resizer-boundary-y video {
    max-height: 100%
}

.view-cam-resizer.view-cam-resizer-broadcast .fullscreen .view-cam-resizer-boundary-y {
    max-height: none !important;
    min-height: auto !important
}

.view-cam-resizer.view-cam-resizer-broadcast.view-cam-resizer-hd {
    --resizer-overrided-aspect-ratio: 0.5556
}

@supports (height:var(--resizer-layout-height)) {
    .view-cam-resizer.view-cam-resizer-broadcast.view-cam-resizer {
        --resizer-aspect-ratio: var(--resizer-overrided-aspect-ratio)
    }
}

.BSActionsMenuPositioner\#Ut {
    pointer-events: none
}

.BSActionsMenuPositioner_completelyHidden\#VG {
    visibility: hidden
}

.BSActionsMenuPositioner__backgroundWrapper\#i7,
.BSActionsMenuPositioner__menuWrapper\#Dy {
    border-top: 96px solid transparent;
    bottom: 0;
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: flex-end;
    left: 0;
    min-height: 100%;
    padding-top: calc(56.25% - 12px);
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 498
}

.BSActionsMenuPositioner_theatreMode\#ac .BSActionsMenuPositioner__backgroundWrapper\#i7,
.BSActionsMenuPositioner_theatreMode\#ac .BSActionsMenuPositioner__menuWrapper\#Dy {
    border-top: none
}

.BSActionsMenuPositioner__menu\#PA {
    height: 100%;
    min-height: 0;
    pointer-events: auto;
    width: 100%
}

.BSActionsMenuPositioner__menu_shrinkToBottom\#zj {
    height: auto
}

.BSActionsMenuPositioner__backgroundBoundary\#sl {
    clip-path: inset(0);
    left: 0;
    position: absolute;
    width: 100%;
    z-index: 497
}

.BSActionsMenuPositioner__background\#ZY {
    background-color: #303133;
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
    max-height: 100%;
    position: relative;
    width: 100%
}

.BSActionsMenuPositioner__background\#ZY::after,
.BSActionsMenuPositioner__background\#ZY::before {
    background: inherit;
    content: "";
    height: 200px;
    position: absolute;
    top: 100%;
    transform: translateZ(0);
    width: 100%
}

.BSActionsMenuPositioner__background\#ZY:after {
    background: rgba(16, 16, 16, .9)
}

.BSActionsMenuPositioner__background\#ZY,
.BSActionsMenuPositioner__menu\#PA {
    transform: translateY(100%);
    transition: transform .25s
}

.BSActionsMenuPositioner_visible\#DS .BSActionsMenuPositioner__background\#ZY,
.BSActionsMenuPositioner_visible\#DS .BSActionsMenuPositioner__menu\#PA {
    transform: translateY(0)
}

.btn-v2-table-actions.btn-v2-table-actions {
    background: 0 0;
    color: rgba(248, 248, 248, .6);
    transition: 90ms ease-in-out;
    border: 0;
    border-radius: 4px
}

.btn-v2-table-actions.btn-v2-table-actions>.icon {
    fill: rgba(248, 248, 248, 0.6);
    transition: 90ms ease-in-out
}

.btn-v2-table-actions.btn-v2-table-actions.focus,
.btn-v2-table-actions.btn-v2-table-actions:focus {
    background: rgba(248, 248, 248, .2);
    color: #f8f8f8
}

.btn-v2-table-actions.btn-v2-table-actions.focus>.icon,
.btn-v2-table-actions.btn-v2-table-actions:focus>.icon {
    fill: #f8f8f8
}

.btn-v2-table-actions.btn-v2-table-actions.active,
.btn-v2-table-actions.btn-v2-table-actions:active {
    background: rgba(248, 248, 248, .2);
    color: #f8f8f8
}

.btn-v2-table-actions.btn-v2-table-actions.active>.icon,
.btn-v2-table-actions.btn-v2-table-actions:active>.icon {
    fill: #f8f8f8
}

.btn-v2-table-actions.btn-v2-table-actions .btn-loader-overlay {
    color: rgba(248, 248, 248, .6);
    background-color: transparent
}

.btn-v2-auth-banner.btn-v2-auth-banner {
    background: #fff;
    color: #414141;
    transition: 90ms ease-in-out
}

.btn-v2-auth-banner.btn-v2-auth-banner>.icon {
    fill: #414141;
    transition: 90ms ease-in-out
}

.btn-v2-auth-banner.btn-v2-auth-banner.focus,
.btn-v2-auth-banner.btn-v2-auth-banner:focus {
    background: #e5e5e5;
    color: #414141
}

.btn-v2-auth-banner.btn-v2-auth-banner.focus>.icon,
.btn-v2-auth-banner.btn-v2-auth-banner:focus>.icon {
    fill: #414141
}

.btn-v2-auth-banner.btn-v2-auth-banner.active,
.btn-v2-auth-banner.btn-v2-auth-banner:active {
    background: #e5e5e5;
    color: #414141
}

.btn-v2-auth-banner.btn-v2-auth-banner.active>.icon,
.btn-v2-auth-banner.btn-v2-auth-banner:active>.icon {
    fill: #414141
}

.btn-v2-auth-banner.btn-v2-auth-banner .btn-loader-overlay {
    color: #414141;
    background-color: #fff
}

.btn-v2-signup.btn-v2-signup {
    background: #f1f1f1;
    color: #414141;
    transition: 90ms ease-in-out
}

.btn-v2-signup.btn-v2-signup>.icon {
    fill: #414141;
    transition: 90ms ease-in-out
}

.btn-v2-signup.btn-v2-signup.focus,
.btn-v2-signup.btn-v2-signup:focus {
    background: rgba(209, 209, 209, .75);
    color: #414141
}

.btn-v2-signup.btn-v2-signup.focus>.icon,
.btn-v2-signup.btn-v2-signup:focus>.icon {
    fill: #414141
}

.btn-v2-signup.btn-v2-signup.active,
.btn-v2-signup.btn-v2-signup:active {
    background: rgba(209, 209, 209, .75);
    color: #414141
}

.btn-v2-signup.btn-v2-signup.active>.icon,
.btn-v2-signup.btn-v2-signup:active>.icon {
    fill: #414141
}

.btn-v2-signup.btn-v2-signup .btn-loader-overlay {
    color: #414141;
    background-color: #f1f1f1
}

.btn-v2-signup.btn-v2-signup.hover,
.btn-v2-signup.btn-v2-signup:hover {
    background: #d1d1d1;
    color: #414141
}

.btn-v2-signup.btn-v2-signup.hover>.icon,
.btn-v2-signup.btn-v2-signup:hover>.icon {
    fill: #414141
}

.btn-v2-notification-light.btn-v2-notification-light {
    background: #f1f1f1;
    color: #414141;
    transition: 90ms ease-in-out
}

.btn-v2-notification-light.btn-v2-notification-light>.icon {
    fill: #414141;
    transition: 90ms ease-in-out
}

.btn-v2-notification-light.btn-v2-notification-light.focus,
.btn-v2-notification-light.btn-v2-notification-light:focus {
    background: rgba(209, 209, 209, .75);
    color: #414141
}

.btn-v2-notification-light.btn-v2-notification-light.focus>.icon,
.btn-v2-notification-light.btn-v2-notification-light:focus>.icon {
    fill: #414141
}

.btn-v2-notification-light.btn-v2-notification-light.active,
.btn-v2-notification-light.btn-v2-notification-light:active {
    background: rgba(209, 209, 209, .75);
    color: #414141
}

.btn-v2-notification-light.btn-v2-notification-light.active>.icon,
.btn-v2-notification-light.btn-v2-notification-light:active>.icon {
    fill: #414141
}

.btn-v2-notification-light.btn-v2-notification-light .btn-loader-overlay {
    color: #414141;
    background-color: #f1f1f1
}

.btn-v2-notification-light.btn-v2-notification-light.hover,
.btn-v2-notification-light.btn-v2-notification-light:hover {
    background: #d1d1d1;
    color: #414141
}

.btn-v2-notification-light.btn-v2-notification-light.hover>.icon,
.btn-v2-notification-light.btn-v2-notification-light:hover>.icon {
    fill: #414141
}

.btn-v2-notification-secondary-light {
    background: 0 0;
    color: #fff;
    transition: 90ms ease-in-out;
    border-color: rgba(255, 255, 255, .8)
}

.btn-v2-notification-secondary-light>.icon {
    fill: #fff;
    transition: 90ms ease-in-out
}

.btn-v2-notification-secondary-light.focus,
.btn-v2-notification-secondary-light:focus {
    background: 0 0;
    color: #fff;
    border-color: #fff
}

.btn-v2-notification-secondary-light.focus>.icon,
.btn-v2-notification-secondary-light:focus>.icon {
    fill: #fff
}

.btn-v2-notification-secondary-light.active,
.btn-v2-notification-secondary-light:active {
    background: 0 0;
    color: #fff
}

.btn-v2-notification-secondary-light.active>.icon,
.btn-v2-notification-secondary-light:active>.icon {
    fill: #fff
}

.btn-v2-notification-secondary-light .btn-loader-overlay {
    color: #fff;
    background-color: transparent
}

.btn-v2-notification-secondary-light.active,
.btn-v2-notification-secondary-light:active {
    border-color: #fff
}

.btn-v2-private.btn-v2-private {
    background: #e9a63b;
    color: #583b0b;
    transition: 90ms ease-in-out;
    border-color: transparent
}

.btn-v2-private.btn-v2-private>.icon {
    fill: #583b0b;
    transition: 90ms ease-in-out
}

.btn-v2-private.btn-v2-private.focus,
.btn-v2-private.btn-v2-private:focus {
    background: #e9a63b;
    color: #583b0b;
    border-color: transparent
}

.btn-v2-private.btn-v2-private.focus>.icon,
.btn-v2-private.btn-v2-private:focus>.icon {
    fill: #583b0b
}

.btn-v2-private.btn-v2-private.active,
.btn-v2-private.btn-v2-private:active {
    background: #e9a63b;
    color: #583b0b;
    border-color: transparent
}

.btn-v2-private.btn-v2-private.active>.icon,
.btn-v2-private.btn-v2-private:active>.icon {
    fill: #583b0b
}

.btn-v2-private.btn-v2-private .btn-loader-overlay {
    color: #583b0b;
    background-color: #e9a63b
}

.btn-v2-signup-without-email.btn-v2-signup-without-email {
    background: 0 0;
    color: rgba(255, 255, 255, .8);
    transition: 90ms ease-in-out;
    border-color: rgba(255, 255, 255, .5);
    border-radius: 5px;
    border-width: 2px;
    font-weight: 700
}

.btn-v2-signup-without-email.btn-v2-signup-without-email>.icon {
    fill: rgba(255, 255, 255, 0.8);
    transition: 90ms ease-in-out
}

.btn-v2-signup-without-email.btn-v2-signup-without-email.focus,
.btn-v2-signup-without-email.btn-v2-signup-without-email:focus {
    background: 0 0;
    color: #fff;
    border-color: rgba(255, 255, 255, .7)
}

.btn-v2-signup-without-email.btn-v2-signup-without-email.focus>.icon,
.btn-v2-signup-without-email.btn-v2-signup-without-email:focus>.icon {
    fill: #fff
}

.btn-v2-signup-without-email.btn-v2-signup-without-email.active,
.btn-v2-signup-without-email.btn-v2-signup-without-email:active {
    background: 0 0;
    color: #fff;
    border-color: rgba(255, 255, 255, .7)
}

.btn-v2-signup-without-email.btn-v2-signup-without-email.active>.icon,
.btn-v2-signup-without-email.btn-v2-signup-without-email:active>.icon {
    fill: #fff
}

.btn-v2-signup-without-email.btn-v2-signup-without-email .btn-loader-overlay {
    color: rgba(255, 255, 255, .8);
    background-color: transparent
}

.btn-v2-login.btn-v2-login {
    background: #ffdf83;
    color: #414141;
    transition: 90ms ease-in-out;
    border-color: transparent
}

.btn-v2-login.btn-v2-login>.icon {
    fill: #414141;
    transition: 90ms ease-in-out
}

.btn-v2-login.btn-v2-login.focus,
.btn-v2-login.btn-v2-login:focus {
    background: #ddc272;
    color: #414141;
    border-color: transparent
}

.btn-v2-login.btn-v2-login.focus>.icon,
.btn-v2-login.btn-v2-login:focus>.icon {
    fill: #414141
}

.btn-v2-login.btn-v2-login.active,
.btn-v2-login.btn-v2-login:active {
    background: #ddc272;
    color: #414141;
    border-color: transparent
}

.btn-v2-login.btn-v2-login.active>.icon,
.btn-v2-login.btn-v2-login:active>.icon {
    fill: #414141
}

.btn-v2-login.btn-v2-login .btn-loader-overlay {
    color: #414141;
    background-color: #ffdf83
}

.btn-v2-login.btn-v2-login.disabled,
.btn-v2-login.btn-v2-login:disabled {
    opacity: .33
}

.btn-v2-login-alternative.btn-v2-login-alternative {
    letter-spacing: .02em;
    padding: 2px 20px;
    transition: 90ms ease-in-out;
    background: #1e9b4b;
    color: #fff;
    border-color: transparent;
    font-size: 1rem
}

.btn-v2-login-alternative.btn-v2-login-alternative>.icon {
    fill: #fff;
    transition: 90ms ease-in-out
}

.btn-v2-login-alternative.btn-v2-login-alternative.focus,
.btn-v2-login-alternative.btn-v2-login-alternative:focus {
    background: #27bd5e;
    color: #fff;
    border-color: transparent
}

.btn-v2-login-alternative.btn-v2-login-alternative.focus>.icon,
.btn-v2-login-alternative.btn-v2-login-alternative:focus>.icon {
    fill: #fff
}

.btn-v2-login-alternative.btn-v2-login-alternative.active,
.btn-v2-login-alternative.btn-v2-login-alternative:active {
    background: #27bd5e;
    color: #fff;
    border-color: transparent
}

.btn-v2-login-alternative.btn-v2-login-alternative.active>.icon,
.btn-v2-login-alternative.btn-v2-login-alternative:active>.icon {
    fill: #fff
}

.btn-v2-login-alternative.btn-v2-login-alternative .btn-loader-overlay {
    color: #fff;
    background-color: #1e9b4b
}

.btn-v2-login-alternative.btn-v2-login-alternative.disabled,
.btn-v2-login-alternative.btn-v2-login-alternative:disabled {
    opacity: .33
}

.btn-v2-private-modal.btn-v2-private-modal {
    background: #feb601;
    color: #101010;
    transition: 90ms ease-in-out;
    font-weight: 700
}

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

.btn-v2-private-modal.btn-v2-private-modal.focus,
.btn-v2-private-modal.btn-v2-private-modal:focus {
    background: #fbc932;
    color: #101010
}

.btn-v2-private-modal.btn-v2-private-modal.focus>.icon,
.btn-v2-private-modal.btn-v2-private-modal:focus>.icon {
    fill: #101010
}

.btn-v2-private-modal.btn-v2-private-modal.active,
.btn-v2-private-modal.btn-v2-private-modal:active {
    background: #fbc932;
    color: #101010
}

.btn-v2-private-modal.btn-v2-private-modal.active>.icon,
.btn-v2-private-modal.btn-v2-private-modal:active>.icon {
    fill: #101010
}

.btn-v2-private-modal.btn-v2-private-modal .btn-loader-overlay {
    color: #101010;
    background-color: #feb601
}

.btn-v2-money.btn-v2-money {
    background: #c1d429;
    color: #000;
    transition: 90ms ease-in-out
}

.btn-v2-money.btn-v2-money>.icon {
    fill: #000;
    transition: 90ms ease-in-out
}

.btn-v2-money.btn-v2-money.focus,
.btn-v2-money.btn-v2-money:focus {
    background: #cada48;
    color: #000
}

.btn-v2-money.btn-v2-money.focus>.icon,
.btn-v2-money.btn-v2-money:focus>.icon {
    fill: #000
}

.btn-v2-money.btn-v2-money.active,
.btn-v2-money.btn-v2-money:active {
    background: #cada48;
    color: #000
}

.btn-v2-money.btn-v2-money.active>.icon,
.btn-v2-money.btn-v2-money:active>.icon {
    fill: #000
}

.btn-v2-money.btn-v2-money .btn-loader-overlay {
    color: #000;
    background-color: #c1d429
}

.btn-v2-wizard-outline.btn-v2-wizard-outline {
    background: 0 0;
    color: rgba(64, 64, 64, .7);
    transition: 90ms ease-in-out;
    border-color: rgba(64, 64, 64, .7)
}

.btn-v2-wizard-outline.btn-v2-wizard-outline>.icon {
    fill: rgba(64, 64, 64, 0.7);
    transition: 90ms ease-in-out
}

.btn-v2-wizard-outline.btn-v2-wizard-outline.focus,
.btn-v2-wizard-outline.btn-v2-wizard-outline:focus {
    background: 0 0;
    color: rgba(64, 64, 64, .85);
    border-color: rgba(64, 64, 64, .85)
}

.btn-v2-wizard-outline.btn-v2-wizard-outline.focus>.icon,
.btn-v2-wizard-outline.btn-v2-wizard-outline:focus>.icon {
    fill: rgba(64, 64, 64, 0.85)
}

.btn-v2-wizard-outline.btn-v2-wizard-outline.active,
.btn-v2-wizard-outline.btn-v2-wizard-outline:active {
    background: 0 0;
    color: rgba(64, 64, 64, .85)
}

.btn-v2-wizard-outline.btn-v2-wizard-outline.active>.icon,
.btn-v2-wizard-outline.btn-v2-wizard-outline:active>.icon {
    fill: rgba(64, 64, 64, 0.85)
}

.btn-v2-wizard-outline.btn-v2-wizard-outline .btn-loader-overlay {
    color: rgba(64, 64, 64, .7);
    background-color: transparent
}

.btn-v2-wizard-outline.btn-v2-wizard-outline.active,
.btn-v2-wizard-outline.btn-v2-wizard-outline:active {
    border-color: rgba(64, 64, 64, .85)
}

.btn-v2-ultimate.btn-v2-ultimate {
    background: #e54500;
    color: #fff;
    transition: 90ms ease-in-out;
    border-width: 0;
    font-weight: 700
}

.btn-v2-ultimate.btn-v2-ultimate>.icon {
    fill: #ffffff;
    transition: 90ms ease-in-out
}

.btn-v2-ultimate.btn-v2-ultimate.focus,
.btn-v2-ultimate.btn-v2-ultimate:focus {
    background: rgb(203.5, 61.3165938865, 0);
    color: #fff
}

.btn-v2-ultimate.btn-v2-ultimate.focus>.icon,
.btn-v2-ultimate.btn-v2-ultimate:focus>.icon {
    fill: #ffffff
}

.btn-v2-ultimate.btn-v2-ultimate.active,
.btn-v2-ultimate.btn-v2-ultimate:active {
    background: rgb(203.5, 61.3165938865, 0);
    color: #fff
}

.btn-v2-ultimate.btn-v2-ultimate.active>.icon,
.btn-v2-ultimate.btn-v2-ultimate:active>.icon {
    fill: #ffffff
}

.btn-v2-ultimate.btn-v2-ultimate .btn-loader-overlay {
    color: #fff;
    background-color: #e54500
}

.btn-v2-gold-outline-ds.btn-v2-gold-outline-ds {
    background: 0 0;
    color: #f8f8f8;
    transition: 90ms ease-in-out;
    border-color: #feb601;
    border-width: 2px;
    font-weight: 700
}

.btn-v2-gold-outline-ds.btn-v2-gold-outline-ds>.icon {
    fill: #f8f8f8;
    transition: 90ms ease-in-out
}

.btn-v2-gold-outline-ds.btn-v2-gold-outline-ds.focus,
.btn-v2-gold-outline-ds.btn-v2-gold-outline-ds:focus {
    background: 0 0;
    color: #f8f8f8;
    border-color: #feb601
}

.btn-v2-gold-outline-ds.btn-v2-gold-outline-ds.focus>.icon,
.btn-v2-gold-outline-ds.btn-v2-gold-outline-ds:focus>.icon {
    fill: #f8f8f8
}

.btn-v2-gold-outline-ds.btn-v2-gold-outline-ds.active,
.btn-v2-gold-outline-ds.btn-v2-gold-outline-ds:active {
    background: 0 0;
    color: #f8f8f8;
    border-color: #feb601
}

.btn-v2-gold-outline-ds.btn-v2-gold-outline-ds.active>.icon,
.btn-v2-gold-outline-ds.btn-v2-gold-outline-ds:active>.icon {
    fill: #f8f8f8
}

.btn-v2-gold-outline-ds.btn-v2-gold-outline-ds .btn-loader-overlay {
    color: #f8f8f8;
    background-color: transparent
}

.btn-v2-gold-outline-ds.btn-v2-gold-outline-ds:hover .btn-v2-gold-outline-ds__accent-text {
    color: #000
}

.btn-v2-gold-outline-ds.btn-v2-gold-outline-ds .btn-v2-gold-outline-ds__accent-text,
.btn-v2-gold-outline-ds.btn-v2-gold-outline-ds.active .btn-v2-gold-outline-ds__accent-text,
.btn-v2-gold-outline-ds.btn-v2-gold-outline-ds.focus .btn-v2-gold-outline-ds__accent-text,
.btn-v2-gold-outline-ds.btn-v2-gold-outline-ds:active .btn-v2-gold-outline-ds__accent-text,
.btn-v2-gold-outline-ds.btn-v2-gold-outline-ds:focus .btn-v2-gold-outline-ds__accent-text {
    transition: 90ms ease-in-out;
    color: #feb601
}

.btn-v2-green-outline-ds.btn-v2-green-outline-ds {
    background: 0 0;
    color: #000;
    transition: 90ms ease-in-out;
    border-color: #61922f;
    border-width: 2px;
    font-weight: 700
}

.btn-v2-green-outline-ds.btn-v2-green-outline-ds>.icon {
    fill: #000;
    transition: 90ms ease-in-out
}

.btn-v2-green-outline-ds.btn-v2-green-outline-ds.focus,
.btn-v2-green-outline-ds.btn-v2-green-outline-ds:focus {
    background: 0 0;
    color: #000;
    border-color: #82c043
}

.btn-v2-green-outline-ds.btn-v2-green-outline-ds.focus>.icon,
.btn-v2-green-outline-ds.btn-v2-green-outline-ds:focus>.icon {
    fill: #000
}

.btn-v2-green-outline-ds.btn-v2-green-outline-ds.active,
.btn-v2-green-outline-ds.btn-v2-green-outline-ds:active {
    background: #304b14;
    color: #000
}

.btn-v2-green-outline-ds.btn-v2-green-outline-ds.active>.icon,
.btn-v2-green-outline-ds.btn-v2-green-outline-ds:active>.icon {
    fill: #000
}

.btn-v2-green-outline-ds.btn-v2-green-outline-ds .btn-loader-overlay {
    color: #000;
    background-color: transparent
}

.btn-v2-green-outline-ds.btn-v2-green-outline-ds.active,
.btn-v2-green-outline-ds.btn-v2-green-outline-ds:active {
    border-color: #304b14
}

.btn-v2-gold-ds.btn-v2-gold-ds {
    background: #feb601;
    color: #101010;
    transition: 90ms ease-in-out;
    font-weight: 700
}

.btn-v2-gold-ds.btn-v2-gold-ds>.icon {
    fill: #101010;
    transition: 90ms ease-in-out
}

.btn-v2-gold-ds.btn-v2-gold-ds.focus,
.btn-v2-gold-ds.btn-v2-gold-ds:focus {
    background: #feb601;
    color: #101010
}

.btn-v2-gold-ds.btn-v2-gold-ds.focus>.icon,
.btn-v2-gold-ds.btn-v2-gold-ds:focus>.icon {
    fill: #101010
}

.btn-v2-gold-ds.btn-v2-gold-ds.active,
.btn-v2-gold-ds.btn-v2-gold-ds:active {
    background: #feb601;
    color: #101010
}

.btn-v2-gold-ds.btn-v2-gold-ds.active>.icon,
.btn-v2-gold-ds.btn-v2-gold-ds:active>.icon {
    fill: #101010
}

.btn-v2-gold-ds.btn-v2-gold-ds .btn-loader-overlay {
    color: #101010;
    background-color: #feb601
}

.btn-v2-gold.btn-v2-gold {
    background: #e1ad5b;
    color: #414141;
    transition: 90ms ease-in-out
}

.btn-v2-gold.btn-v2-gold>.icon {
    fill: #414141;
    transition: 90ms ease-in-out
}

.btn-v2-gold.btn-v2-gold.focus,
.btn-v2-gold.btn-v2-gold:focus {
    background: #fff;
    color: #414141
}

.btn-v2-gold.btn-v2-gold.focus>.icon,
.btn-v2-gold.btn-v2-gold:focus>.icon {
    fill: #414141
}

.btn-v2-gold.btn-v2-gold.active,
.btn-v2-gold.btn-v2-gold:active {
    background: #fff;
    color: #414141
}

.btn-v2-gold.btn-v2-gold.active>.icon,
.btn-v2-gold.btn-v2-gold:active>.icon {
    fill: #414141
}

.btn-v2-gold.btn-v2-gold .btn-loader-overlay {
    color: #414141;
    background-color: #e1ad5b
}

.btn-v2-telegram.btn-v2-telegram {
    background: #27a7e9;
    color: #fff;
    transition: 90ms ease-in-out;
    border-width: 0
}

.btn-v2-telegram.btn-v2-telegram>.icon {
    fill: #ffffff;
    transition: 90ms ease-in-out
}

.btn-v2-telegram.btn-v2-telegram.focus,
.btn-v2-telegram.btn-v2-telegram:focus {
    background: rgb(16.6232142857, 157.32660162, 229.8767857143);
    color: #fff
}

.btn-v2-telegram.btn-v2-telegram.focus>.icon,
.btn-v2-telegram.btn-v2-telegram:focus>.icon {
    fill: #ffffff
}

.btn-v2-telegram.btn-v2-telegram.active,
.btn-v2-telegram.btn-v2-telegram:active {
    background: rgb(16.6232142857, 157.32660162, 229.8767857143);
    color: #fff
}

.btn-v2-telegram.btn-v2-telegram.active>.icon,
.btn-v2-telegram.btn-v2-telegram:active>.icon {
    fill: #ffffff
}

.btn-v2-telegram.btn-v2-telegram .btn-loader-overlay {
    color: #fff;
    background-color: #27a7e9
}

.btn-v2-see-all.btn-v2-see-all {
    background: #5b5b5b;
    color: #fff;
    transition: 90ms ease-in-out;
    border-width: 0
}

.btn-v2-see-all.btn-v2-see-all>.icon {
    fill: #ffffff;
    transition: 90ms ease-in-out
}

.btn-v2-see-all.btn-v2-see-all.focus,
.btn-v2-see-all.btn-v2-see-all:focus {
    background: rgb(82.1625, 74.3375, 74.3375);
    color: #fff
}

.btn-v2-see-all.btn-v2-see-all.focus>.icon,
.btn-v2-see-all.btn-v2-see-all:focus>.icon {
    fill: #ffffff
}

.btn-v2-see-all.btn-v2-see-all.active,
.btn-v2-see-all.btn-v2-see-all:active {
    background: rgb(82.1625, 74.3375, 74.3375);
    color: #fff
}

.btn-v2-see-all.btn-v2-see-all.active>.icon,
.btn-v2-see-all.btn-v2-see-all:active>.icon {
    fill: #ffffff
}

.btn-v2-see-all.btn-v2-see-all .btn-loader-overlay {
    color: #fff;
    background-color: #5b5b5b
}

.btn-v2-plasma.btn-v2-plasma {
    background: #f05050;
    color: #fff;
    transition: 90ms ease-in-out;
    border-width: 0
}

.btn-v2-plasma.btn-v2-plasma>.icon {
    fill: #ffffff;
    transition: 90ms ease-in-out
}

.btn-v2-plasma.btn-v2-plasma.focus,
.btn-v2-plasma.btn-v2-plasma:focus {
    background: rgb(243.3743421053, 51.1256578947, 51.1256578947);
    color: #fff
}

.btn-v2-plasma.btn-v2-plasma.focus>.icon,
.btn-v2-plasma.btn-v2-plasma:focus>.icon {
    fill: #ffffff
}

.btn-v2-plasma.btn-v2-plasma.active,
.btn-v2-plasma.btn-v2-plasma:active {
    background: rgb(243.3743421053, 51.1256578947, 51.1256578947);
    color: #fff
}

.btn-v2-plasma.btn-v2-plasma.active>.icon,
.btn-v2-plasma.btn-v2-plasma:active>.icon {
    fill: #ffffff
}

.btn-v2-plasma.btn-v2-plasma .btn-loader-overlay {
    color: #fff;
    background-color: #f05050
}

.btn-v2-apply-private.btn-v2-apply-private {
    background: #feb601;
    color: #101010;
    transition: 90ms ease-in-out
}

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

.btn-v2-apply-private.btn-v2-apply-private.focus,
.btn-v2-apply-private.btn-v2-apply-private:focus {
    background: #fbc932;
    color: #101010
}

.btn-v2-apply-private.btn-v2-apply-private.focus>.icon,
.btn-v2-apply-private.btn-v2-apply-private:focus>.icon {
    fill: #101010
}

.btn-v2-apply-private.btn-v2-apply-private.active,
.btn-v2-apply-private.btn-v2-apply-private:active {
    background: #fbc932;
    color: #101010
}

.btn-v2-apply-private.btn-v2-apply-private.active>.icon,
.btn-v2-apply-private.btn-v2-apply-private:active>.icon {
    fill: #101010
}

.btn-v2-apply-private.btn-v2-apply-private .btn-loader-overlay {
    color: #101010;
    background-color: #feb601
}

.btn-v2-blue-2.btn-v2-blue-2 {
    background: #2f80ed;
    color: #fff;
    transition: 90ms ease-in-out
}

.btn-v2-blue-2.btn-v2-blue-2>.icon {
    fill: #fff;
    transition: 90ms ease-in-out
}

.btn-v2-blue-2.btn-v2-blue-2.focus,
.btn-v2-blue-2.btn-v2-blue-2:focus {
    background: #5f9ef1;
    color: #fff
}

.btn-v2-blue-2.btn-v2-blue-2.focus>.icon,
.btn-v2-blue-2.btn-v2-blue-2:focus>.icon {
    fill: #fff
}

.btn-v2-blue-2.btn-v2-blue-2.active,
.btn-v2-blue-2.btn-v2-blue-2:active {
    background: #5f9ef1;
    color: #fff
}

.btn-v2-blue-2.btn-v2-blue-2.active>.icon,
.btn-v2-blue-2.btn-v2-blue-2:active>.icon {
    fill: #fff
}

.btn-v2-blue-2.btn-v2-blue-2 .btn-loader-overlay {
    color: #fff;
    background-color: #2f80ed
}

.btn-v2-blue-transparent.btn-v2-blue-transparent {
    background: 0 0;
    color: #2f80ed;
    transition: 90ms ease-in-out
}

.btn-v2-blue-transparent.btn-v2-blue-transparent>.icon {
    fill: #2f80ed;
    transition: 90ms ease-in-out
}

.btn-v2-blue-transparent.btn-v2-blue-transparent.focus,
.btn-v2-blue-transparent.btn-v2-blue-transparent:focus {
    background: 0 0;
    color: #5f9ef1
}

.btn-v2-blue-transparent.btn-v2-blue-transparent.focus>.icon,
.btn-v2-blue-transparent.btn-v2-blue-transparent:focus>.icon {
    fill: #5f9ef1
}

.btn-v2-blue-transparent.btn-v2-blue-transparent.active,
.btn-v2-blue-transparent.btn-v2-blue-transparent:active {
    background: 0 0;
    color: #5f9ef1
}

.btn-v2-blue-transparent.btn-v2-blue-transparent.active>.icon,
.btn-v2-blue-transparent.btn-v2-blue-transparent:active>.icon {
    fill: #5f9ef1
}

.btn-v2-blue-transparent.btn-v2-blue-transparent .btn-loader-overlay {
    color: #2f80ed;
    background-color: transparent
}

.scroll-bar-container {
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    position: relative
}

.scroll-bar-container.always-visible .ps__rail-x,
.scroll-bar-container.always-visible .ps__rail-y {
    opacity: .6
}

.scroll-bar-container--hide-scrollbar {
    -ms-overflow-style: none;
    scrollbar-width: none
}

.scroll-bar-container--hide-scrollbar::-webkit-scrollbar {
    display: none
}

.scroll-bar-container--hide-scrollbar .ps--active-x>.ps__rail-x,
.scroll-bar-container--hide-scrollbar .ps--active-y>.ps__rail-y,
.scroll-bar-container--hide-scrollbar .ps__rail-x,
.scroll-bar-container--hide-scrollbar .ps__rail-y,
.scroll-bar-container--hide-scrollbar .ps__thumb-x,
.scroll-bar-container--hide-scrollbar .ps__thumb-y {
    display: none;
    height: 0
}

.scroll-bar-container--overscroll-behavior-auto {
    overscroll-behavior: auto
}

.scroll-bar-container--overscroll-behavior-contain {
    overscroll-behavior: contain
}

.scroll-bar-container--overscroll-behavior-none {
    overscroll-behavior: none
}

.checkbox-ds {
    align-items: center;
    cursor: pointer;
    display: flex;
    margin-bottom: 0
}

.checkbox-ds__input {
    cursor: pointer;
    opacity: 0
}

.checkbox-ds__box {
    background-color: transparent;
    border: 2px solid #f8f8f8;
    border-radius: 2px;
    height: 18px;
    margin-right: 7px;
    position: relative;
    width: 18px
}

.checkbox-ds__box--checked {
    background-color: #f8f8f8
}

.checkbox-ds__box--error {
    border-color: #de5b64
}

.checkbox-ds__icon {
    color: #222;
    height: 14px;
    left: 0;
    position: absolute;
    top: 0;
    width: 14px
}

.checkbox-ds__icon .icon {
    margin: 0 !important
}

.checkbox-ds__content {
    color: rgba(248, 248, 248, .8);
    font-size: .813rem;
    line-height: 1rem
}

.checkbox-ds--small .checkbox-ds__box {
    height: 15px;
    width: 15px
}

.checkbox-ds--small .checkbox-ds__icon {
    height: 11px;
    width: 11px
}

.RulesFooter\#Ap {
    border-top: 1px solid #000;
    display: flex;
    font-size: 13px;
    justify-content: space-between;
    line-height: 18px;
    padding: 20px 32px
}

.RulesFooter__submit\#Ig {
    margin: 0
}

.RulesFooter__checkbox\#ws {
    align-items: unset;
    letter-spacing: .2px;
    text-align: start;
    white-space: pre-wrap
}

.RulesFooter__checkbox\#ws .checkbox-ds__content {
    color: #f8f8f8;
    font-size: 14px;
    line-height: 20px
}

.RulesFooter__checkbox\#ws .checkbox-ds__box {
    margin-top: 3px
}

.IconV2__icon\#YR {
    pointer-events: none
}

.RulesItem\#yu {
    align-items: center;
    background: center top 16px no-repeat #2e2e2e;
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
    padding: 16px;
    position: relative;
    text-align: center
}

.RulesItem__image\#k8 {
    height: 80px;
    width: 80px
}

.RulesItem__info\#TF {
    position: absolute;
    right: 16px;
    top: 16px
}

.RulesItem__icon\#w7 {
    color: rgba(248, 248, 248, .4);
    height: 16px;
    width: 16px
}

.RulesItem__text\#iQ {
    letter-spacing: 0;
    margin-top: 16px;
    white-space: pre-wrap
}

.RulesItem__tooltip\#l5 {
    letter-spacing: 0;
    width: 250px
}

.RulesForModelsModal__modal\#G5 {
    color: #f8f8f8;
    max-width: 474px
}

.RulesForModelsModal__header\#nX {
    font-size: 24px;
    letter-spacing: 0;
    line-height: 32px;
    padding: 32px 32px 0
}

.RulesForModelsModal__header\#nX strong {
    color: #f44
}

.RulesForModelsModal__list\#Jh {
    display: grid;
    gap: 8px;
    grid-template-columns: 1fr 1fr;
    padding: 0 32px 32px
}

.RulesForModelsModal__content\#Ya {
    background: #262626;
    padding: 0
}

.RulesForModelsModal__modalOverlay\#pE {
    z-index: 420
}

.RulesForModelsModal__link\#Bj {
    color: rgba(248, 248, 248, .6);
    text-decoration: underline
}

.RulesForStudiosModal__modal\#qQ {
    color: #f8f8f8;
    max-width: 800px
}

.RulesForStudiosModal__header\#C9 {
    font-size: 24px;
    letter-spacing: 0;
    line-height: 32px;
    padding: 32px 32px 0
}

.RulesForStudiosModal__header\#C9 strong {
    color: #f44
}

.RulesForStudiosModal__list\#Ss {
    display: grid;
    gap: 8px;
    grid-template-columns: 1fr 1fr 1fr;
    padding: 0 32px 32px
}

.RulesForStudiosModal__content\#QY {
    background: #262626;
    padding: 0
}

.RulesForStudiosModal__modalOverlay\#Hv {
    z-index: 420
}

.RulesForStudiosModal__link\#pv {
    color: rgba(248, 248, 248, .6);
    text-decoration: underline
}

.set-password {
    background-color: #222;
    border: none;
    line-height: 18px;
    padding: 20px;
    text-align: left
}

.set-password a:not(.btn) {
    color: #69a8e0;
    text-decoration: underline
}

.set-password .set-password-title {
    line-height: 20px;
    font-size: 1.125rem
}

.set-password .set-password-description {
    line-height: 18px;
    margin: 20px 0;
    font-size: .875rem
}

.set-password .set-password-inputs {
    margin-top: 20px;
    display: flex;
    flex-direction: column
}

.set-password .set-password-controls {
    margin-top: 20px;
    display: flex;
    flex-direction: row
}

.set-password .form-field {
    align-items: center;
    margin: 10px 0;
    width: 100%;
    display: flex;
    flex-direction: row
}

.set-password .form-label {
    text-align: left;
    flex: 1;
    flex-basis: 30%;
    flex-grow: 1;
    flex-shrink: 0
}

.set-password .form-input {
    flex: 1;
    flex-basis: 70%;
    flex-grow: 1;
    flex-shrink: 0
}

.set-password .form-input input {
    width: 100%
}

.next-model-button {
    align-items: center;
    color: #a4a4a5;
    cursor: pointer;
    font-weight: 400;
    padding: 10px;
    font-size: .813rem;
    display: flex;
    flex-direction: row;
    transition: 120ms ease-in-out
}

.next-model-button .icon-next-small {
    fill: #a4a4a5;
    margin-left: 4px
}

.next-model-button:hover {
    color: #fff
}

.next-model-button:hover .icon-next-small {
    fill: #fff
}

.next-model-button--bordered {
    border: 2px solid transparent;
    border-radius: 17px;
    color: #fff;
    height: 28px;
    padding: 4px 5px 4px 16px;
    pointer-events: auto
}

.next-model-button--bordered .icon-next-small {
    fill: #fff
}

.next-model-button--bordered:hover {
    border-color: #fff
}

.tags-preference-dropdown {
    height: 30px;
    position: absolute;
    right: 20px;
    top: 18px;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    z-index: 10;
    font-size: .875rem
}

.tags-preference-dropdown--static {
    height: auto;
    position: relative;
    right: 0;
    top: 0
}

.tags-preference-dropdown .tags-preference-desktop-layout {
    align-items: center;
    position: relative;
    display: flex;
    flex-direction: row
}

.tags-preference-dropdown .tags-preference-dropdown-wrapper {
    align-items: center;
    justify-content: space-between;
    width: 100%;
    display: flex;
    flex-direction: row
}

.tags-preference-dropdown .tags-preference-dropdown-content {
    background-color: #3e3f42;
    box-shadow: 0 20px 30px rgba(0, 0, 0, .3);
    padding: 12px 0;
    position: absolute;
    right: 0;
    top: calc(100% + 12px);
    white-space: nowrap
}

.tags-preference-dropdown .tags-preference-type-item {
    color: rgba(255, 255, 255, .9);
    cursor: pointer;
    padding: 6px 18px 6px 12px
}

.tags-preference-dropdown .tags-preference-type-item:hover {
    background-color: #303133;
    color: #fa5365;
    color: var(--primary-light)
}

.tags-preference-dropdown .tags-preference-type-item.active {
    padding-left: 12px
}

.tags-preference-dropdown .tags-preference-type-item .icon {
    margin-right: 12px
}

.tags-preference-dropdown .tags-preference-dropdown-trigger {
    align-items: center;
    border: 1px solid rgba(255, 255, 255, .3);
    border-radius: 3px;
    color: rgba(255, 255, 255, .6);
    cursor: pointer;
    justify-content: space-between;
    line-height: 20px;
    padding: 3px 0 3px 5px;
    position: relative;
    width: 150px;
    display: flex;
    flex-direction: row
}

.tags-preference-dropdown .tags-preference-dropdown-trigger:hover {
    border-color: rgba(255, 255, 255, .6);
    color: rgba(255, 255, 255, .8)
}

.tags-preference-dropdown .tags-preference-dropdown-trigger.active {
    border-color: rgba(255, 255, 255, .8);
    color: #fff
}

.tags-preference-dropdown .tags-preference-dropdown-trigger.active .icon.icon-sort {
    transform: rotate(180deg)
}

.tags-preference-dropdown .tags-preference-label {
    vertical-align: middle
}

.tags-preference-dropdown .tags-preference-current-type {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.tags-preference-dropdown .tags-preference-current-type .icon {
    height: 22px;
    position: relative;
    top: -1px;
    width: 22px
}

.tags-preference-dropdown .selectbox-arrow {
    margin: 0 6px
}

.tags-preference-dropdown .selectbox-arrow .icon {
    height: 10px;
    margin-right: 0;
    margin-top: -1px;
    top: -1px;
    width: 10px;
    transition: 120ms ease-in-out
}

.tags-preference-dropdown .tags-preference-mobile-select {
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1
}

.watch-vr-header-wrapper {
    align-items: center;
    border-left: 1px solid #202020;
    display: flex;
    padding: 0 16px
}

.watch-vr {
    align-items: center;
    border-radius: 54px;
    cursor: pointer;
    display: inline-flex;
    justify-content: center;
    pointer-events: auto;
    position: relative
}

.watch-vr.wrapper {
    background: linear-gradient(108.9deg, #2f71f2 18.92%, #a50295 94.28%);
    border-radius: 8px;
    padding: 3px
}

.watch-vr.a11y-button {
    color: #fff;
    font-weight: 700;
    padding: 7px 20px;
    font-size: 1rem;
    transition: opacity 120ms ease-in-out
}

.watch-vr--view-cam.a11y-button {
    border-radius: 8px;
    padding: 6px 12px;
    text-transform: uppercase;
    font-size: .75rem
}

.watch-vr--view-cam.a11y-button .icon {
    height: 22px;
    width: 22px
}

.watch-vr--view-cam.a11y-button .icon-vr-3 {
    margin-bottom: 0
}

.watch-vr--login.a11y-button {
    border-radius: 12px;
    left: 31px;
    padding: 12px 18px;
    position: fixed;
    top: 65px;
    font-size: 16px;
    font-weight: 400;
    letter-spacing: normal;
    line-height: normal
}

.watch-vr--login.a11y-button .icon-arrow-left {
    height: 16px;
    margin-right: 12px;
    width: 16px
}

.watch-vr--login.a11y-button .icon-vr {
    height: 14px;
    margin-left: 10px;
    width: 20px
}

.watch-vr--buy-tokens.a11y-button {
    border-radius: 12px;
    margin: 0 0 0 12px;
    position: static
}

.watch-vr--sidebar.a11y-button {
    width: 100%
}

.watch-vr--compact.a11y-button {
    border-radius: 8px;
    margin-bottom: 12px;
    padding: 6px 8px
}

.watch-vr--compact.a11y-button svg {
    height: 16px;
    margin: 0;
    width: 20px
}

.watch-vr--header-sub.a11y-button {
    padding: 6px 24px;
    width: 100%
}

.watch-vr--header-sub.a11y-button .watch-vr__text {
    font-size: 14px;
    font-weight: 700
}

.watch-vr--header-sub.a11y-button .icon {
    height: 16px;
    margin-right: 8px;
    width: 16px
}

.watch-vr--header-sub.a11y-button .icon-vr-3 {
    margin-bottom: 0
}

.watch-vr .icon {
    color: #fff;
    fill: #fff;
    margin-right: 0
}

.watch-vr .icon-vr-3 {
    height: 24px;
    margin-bottom: 2px;
    margin-right: 10px;
    width: 24px
}

.watch-vr--without-text .watch-vr__text {
    display: none
}

.watch-vr--without-text .watch-vr__icon {
    margin-right: 0
}

.watch-vr--black,
.watch-vr--black.a11y-button {
    background: #242526
}

.watch-vr--half-black,
.watch-vr--half-black.a11y-button {
    background: rgba(0, 0, 0, .5)
}

.watch-vr--gradient,
.watch-vr--gradient.a11y-button {
    background: linear-gradient(108.9deg, #2f71f2 18.92%, #a50295 94.28%)
}

.watch-vr--gradient-hover:hover {
    background: linear-gradient(108.9deg, #578df4 18.92%, #d903c4 94.28%)
}

.watch-vr--gradient-hover:hover .watch-vr {
    background: 0 0
}

.CvDetectedIcon__cv-detected-icon\#w6 {
    color: #fc6172
}

.model-filter-link {
    align-items: center;
    display: flex;
    text-decoration: none
}

.model-filter-link--non-interactive {
    pointer-events: none
}

.model-filter-link .icon-badge-vr {
    width: 1.5rem
}

.model-filter-link .label-right-icon {
    margin-bottom: -2px;
    margin-right: 4px
}

.model-filter-link .tag-icon {
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    display: inline-block;
    height: 18px;
    margin-right: 12px;
    vertical-align: middle;
    width: 24px
}

.model-filter-link .tag-icon-july4th {
    background-image: url(common/images/tags/july4th.svg)
}

.model-filter-link .tag-icon-beer {
    background-image: url(common/images/tags/beer.png)
}

.model-filter-link .tag-icon-christmas {
    background-image: url(common/images/tags/christmas.svg)
}

.model-filter-link .tag-icon-valentines {
    background-image: url(common/images/tags/valentines.svg)
}

.model-filter-link .tag-icon-halloween {
    background-image: url(common/images/tags/halloween.svg)
}

.model-filter-link .tag-icon-cherry-blossom {
    background-image: url(common/images/tags/cherry-blossom.svg)
}

.model-filter-link .tag-icon-cosplay-con {
    background-image: url(common/images/tags/cosplay-con.svg);
    margin-right: 12px !important
}

.model-filter-link .tag-icon-video-games.icon.icon {
    margin-left: 3px;
    margin-right: 14px;
    width: 19px
}

.model-filter-link .model-filter-link-badge-first {
    align-items: center;
    display: inline-flex;
    flex-flow: row nowrap
}

.model-filter-link .model-filter-link-badge-first .country-flag,
.model-filter-link .model-filter-link-badge-first .icon-beer,
.model-filter-link .model-filter-link-badge-first .icon-christmas,
.model-filter-link .model-filter-link-badge-first .icon.icon {
    margin-left: 0;
    margin-right: 12px;
    min-width: 24px;
    width: 24px
}

.model-filter-link__label-badge {
    height: 16px;
    margin-left: 6px;
    width: 29px
}

.model-filter-link-wrapper:hover {
    cursor: pointer
}

.model-filter-link:active,
.model-filter-link:focus,
.model-filter-link:hover {
    text-decoration: none
}

.CategoriesGroupsTags__link\#Uz {
    border-radius: 5px;
    color: #f8f8f8;
    cursor: pointer;
    font-size: 13px;
    font-weight: 400;
    height: 36px;
    justify-content: space-between;
    left: -10px;
    padding: 0 10px;
    position: relative;
    transition: none;
    width: 100%
}

.CategoriesGroupsTags__link\#Uz:hover {
    background-color: rgba(255, 255, 255, .09);
    box-sizing: border-box;
    text-decoration: none
}

.CategoriesGroupsTags__link\#Uz.CategoriesGroupsTags__active\#c4 {
    background-color: rgba(255, 255, 255, .12);
    box-sizing: border-box;
    color: #fa5365;
    color: var(--primary-light)
}

.CategoriesGroupsTags__categories__cv-icon\#R0 {
    color: #fc6172;
    margin-bottom: 2px;
    margin-left: 4px
}

.categories-groups-skeleton {
    position: relative;
    animation: opacity-fade-in .24s ease-in;
    will-change: opacity
}

.categories-groups-skeleton .group-header-skeleton {
    background: #202020;
    border-radius: 12px;
    display: block;
    height: 12px;
    overflow: hidden;
    width: 59px;
    left: 0;
    position: absolute;
    top: 0
}

.categories-groups-skeleton .group-header-skeleton:before {
    animation: skeleton-animation 3s infinite linear;
    background-color: unset;
    background-image: linear-gradient(90deg, transparent 20%, #232323 28%, #282828 35%, #232323 42%, transparent 50%);
    background-size: cover;
    content: "";
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 300%
}

.categories-groups-skeleton .tag-group-item {
    align-items: center;
    cursor: default;
    justify-content: space-between;
    padding: 4px 30px 4px 0;
    position: relative;
    font-size: .875rem;
    line-height: 1.25rem;
    display: flex;
    flex-direction: row
}

.categories-groups-skeleton:not(.tag-group-main) .tag-group-item .tag-group-item-skeleton {
    background: #202020;
    border-radius: 8px;
    display: block;
    height: 8px;
    overflow: hidden;
    width: 97px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%)
}

.categories-groups-skeleton:not(.tag-group-main) .tag-group-item .tag-group-item-skeleton:before {
    animation: skeleton-animation 3s infinite linear;
    background-color: unset;
    background-image: linear-gradient(90deg, transparent 20%, #232323 28%, #282828 35%, #232323 42%, transparent 50%);
    background-size: cover;
    content: "";
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 300%
}

.categories-groups-skeleton:not(.tag-group-main) .tag-group-item::after {
    content: "";
    background: rgba(248, 248, 248, .15);
    border-radius: 14px;
    display: block;
    height: 14px;
    overflow: hidden;
    position: relative;
    width: 14px
}

.categories-groups-skeleton.tag-group-main:after {
    opacity: .4
}

.categories-groups-skeleton.tag-group-main .tag-group-item {
    height: 35px;
    padding-right: 45px
}

.categories-groups-skeleton.tag-group-main .tag-group-item:before {
    content: "";
    background: rgba(248, 248, 248, .15);
    border-radius: 18px;
    display: block;
    height: 18px;
    overflow: hidden;
    position: relative;
    width: 18px
}

.categories-groups-skeleton.tag-group-main .tag-group-item .tag-group-item-skeleton {
    background: #202020;
    border-radius: 12px;
    display: block;
    height: 12px;
    overflow: hidden;
    position: relative;
    width: 109px
}

.categories-groups-skeleton.tag-group-main .tag-group-item .tag-group-item-skeleton:before {
    animation: skeleton-animation 3s infinite linear;
    background-color: unset;
    background-image: linear-gradient(90deg, transparent 20%, #232323 28%, #282828 35%, #232323 42%, transparent 50%);
    background-size: cover;
    content: "";
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 300%
}

.user-feed-link-attention-marker {
    background-color: #c22934;
    border-radius: 50%;
    display: inline-block;
    height: 8px;
    margin-left: 8px;
    transition: opacity .5s;
    width: 8px
}

.user-feed-link-attention-marker.hidden-marker {
    opacity: 0
}

.categories {
    margin: 14px 0;
    min-width: 200px;
    padding-right: 10px
}

.categories-compact {
    min-width: 0
}

.categories-compact .model-filter-main-icon-container {
    display: inline-flex
}

.categories-compact .model-filter-main-icon-container-badge {
    position: relative
}

.categories-compact .model-filter-main-icon-container-badge::after {
    background-color: #c22934;
    background-color: var(--primary-border);
    border: 2px solid #141415;
    border-radius: 50%;
    content: "";
    height: 10px;
    position: absolute;
    transform: translate(50%, -25%);
    width: 10px;
    right: 4px;
    top: -2px
}

.categories .model-filter__link-label .icon-lightning {
    margin-left: 8px;
    vertical-align: sub
}

.categories .model-filter__link-label-mobile {
    display: none
}

.categories .model-filter__link-label .icon-de,
.categories .model-filter__link-label .icon-es,
.categories .model-filter__link-label .icon-fr,
.categories .model-filter__link-label .icon-it,
.categories .model-filter__link-label .icon-ru {
    border-radius: 2px;
    height: 16px;
    vertical-align: sub;
    width: 22px
}

.categories .model-filter__link-label span.no-wrap {
    align-items: center;
    display: inline-flex
}

.categories .icon {
    margin-left: 8px
}

.categories .icon-mobile {
    margin-left: 5px
}

.categories .icon-badge-vr {
    height: 16px;
    vertical-align: sub;
    width: 24px
}

.categories .tag-group-main:after {
    border-top: 1px solid rgba(216, 216, 216, .25);
    content: " ";
    display: block;
    margin: 20px 20px 10px 0
}

.categories .tag-group-item {
    display: flex
}

.categories .model-filter-header,
.categories .tag-group-allTags .tag-group-item:nth-child(1n+21) {
    display: none
}

.categories .tag-list-transition>div {
    transition: opacity 240ms ease-in-out;
    will-change: opacity
}

.categories .tag-list-transition>div.opacity-transition-appear,
.categories .tag-list-transition>div.opacity-transition-enter {
    opacity: .01
}

.categories .tag-list-transition>div.opacity-transition-appear.opacity-transition-appear-active,
.categories .tag-list-transition>div.opacity-transition-appear.opacity-transition-enter-active,
.categories .tag-list-transition>div.opacity-transition-enter.opacity-transition-appear-active,
.categories .tag-list-transition>div.opacity-transition-enter.opacity-transition-enter-active,
.categories .tag-list-transition>div.opacity-transition-exit {
    opacity: 1
}

.categories .tag-list-transition>div.opacity-transition-exit.opacity-transition-exit-active {
    opacity: .01
}

.categories.model-filter-dropdown,
.categories.model-filter-mobile-modal {
    margin: 0;
    padding-right: 0
}

.categories.model-filter-dropdown .tag-group-allTags .tag-group-item:nth-child(1n),
.categories.model-filter-mobile-modal .tag-group-allTags .tag-group-item:nth-child(1n) {
    display: inline
}

.categories.model-filter-dropdown .tag-group-main:after,
.categories.model-filter-mobile-modal .tag-group-main:after {
    display: none
}

.categories.model-filter-dropdown .model-filter-show-more,
.categories.model-filter-mobile-modal .model-filter-show-more {
    margin-left: 15px;
    margin-right: 15px
}

.categories.model-filter-dropdown .model-filter-header,
.categories.model-filter-mobile-modal .model-filter-header {
    color: #fff;
    display: block;
    font-weight: 400;
    margin: 18px 18px 20px;
    opacity: .8;
    font-size: 1.375rem;
    letter-spacing: -.005rem
}

.categories.model-filter-dropdown .model-filter-groups,
.categories.model-filter-mobile-modal .model-filter-groups {
    flex-wrap: wrap;
    margin: 12px 12px 0;
    display: flex;
    flex-direction: row;
    flex: 1;
    flex-basis: auto;
    flex-grow: 1;
    flex-shrink: 1
}

.categories.model-filter-dropdown .model-filter-groups .tag-group-main .group-header,
.categories.model-filter-mobile-modal .model-filter-groups .tag-group-main .group-header {
    display: block
}

.categories.model-filter-dropdown .model-filter-groups .group-header,
.categories.model-filter-mobile-modal .model-filter-groups .group-header {
    margin-bottom: 4px;
    padding-bottom: 8px;
    font-size: .813rem
}

.categories.model-filter-dropdown .model-filter-groups>.tag-group,
.categories.model-filter-mobile-modal .model-filter-groups>.tag-group {
    padding: 0 6px 28px;
    width: 16.6%;
    font-size: .813rem;
    flex: 1;
    flex-basis: 16.6%;
    flex-grow: 0;
    flex-shrink: 1
}

.categories.model-filter-dropdown .model-filter-groups>.tag-group:last-of-type,
.categories.model-filter-mobile-modal .model-filter-groups>.tag-group:last-of-type {
    max-width: 100%;
    padding-left: 0;
    padding-right: 0;
    width: 100%;
    flex: 1;
    flex-basis: 100%;
    flex-grow: 1;
    flex-shrink: 0
}

.categories.model-filter-dropdown .model-filter-groups>.tag-group:last-of-type .group-header,
.categories.model-filter-mobile-modal .model-filter-groups>.tag-group:last-of-type .group-header {
    margin-left: 6px;
    margin-right: 6px
}

.categories.model-filter-dropdown .model-filter-groups>.tag-group:last-of-type ul,
.categories.model-filter-mobile-modal .model-filter-groups>.tag-group:last-of-type ul {
    flex-wrap: wrap;
    overflow: hidden;
    display: flex;
    flex-direction: row
}

.categories.model-filter-dropdown .model-filter-groups>.tag-group:last-of-type li,
.categories.model-filter-mobile-modal .model-filter-groups>.tag-group:last-of-type li {
    max-width: 16.6%;
    padding-left: 6px;
    padding-right: 6px;
    width: 16.6%;
    flex: 1;
    flex-basis: 16.6%;
    flex-grow: 1;
    flex-shrink: 1
}

.categories.model-filter-dropdown .model-filter-groups .model-filter-main-link,
.categories.model-filter-mobile-modal .model-filter-groups .model-filter-main-link {
    border-radius: 5px;
    cursor: pointer;
    display: block;
    font-weight: 400;
    justify-content: space-between;
    left: -10px;
    padding: 4px 10px;
    position: relative;
    width: 100%;
    font-size: .875rem;
    line-height: 1.25rem
}

.categories.model-filter-dropdown .model-filter-groups .model-filter-main-link .icon,
.categories.model-filter-mobile-modal .model-filter-groups .model-filter-main-link .icon {
    display: none
}

.categories.model-filter-dropdown .model-filter-groups .model-filter-main-link:hover,
.categories.model-filter-mobile-modal .model-filter-groups .model-filter-main-link:hover {
    background-color: initial;
    color: #fa5365;
    color: var(--primary-light)
}

.categories.model-filter-dropdown .model-filter-groups .model-filter-main-link.active,
.categories.model-filter-mobile-modal .model-filter-groups .model-filter-main-link.active {
    background-color: transparent;
    border: 0;
    color: #fa5365;
    color: var(--primary-light)
}

.categories.model-filter-dropdown .model-filter-groups .group-header {
    border-bottom: 2px solid #292929
}

.categories.model-filter-mobile-modal .categories__bottom-fade {
    background: linear-gradient(180deg, rgba(48, 49, 51, .03) 0%, rgba(48, 49, 51, .76) 42.9%, #303133 100%);
    bottom: 0;
    height: 36px;
    position: sticky
}

.categories__link-counter {
    margin-left: auto
}

.model-filter-show-more {
    background-color: transparent;
    border: 2px solid rgba(255, 255, 255, .3);
    border-radius: 16px;
    color: rgba(255, 255, 255, .5);
    display: block;
    font-weight: 500;
    height: 32px;
    margin: 0 20px 0 0;
    padding: 0 16px;
    position: relative;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    font-size: .688rem;
    line-height: 1.75rem;
    letter-spacing: -.004rem;
    transition: 120ms ease-in-out
}

.model-filter-show-more:hover {
    border-color: rgba(255, 255, 255, .7);
    color: rgba(255, 255, 255, .9);
    text-decoration: none
}

.model-filter-show-more:active {
    text-decoration: none
}

.categories.model-filter-dropdown .model-filter-show-more {
    margin: 0 20px 20px
}

.model-filter-groups>.tag-group {
    box-sizing: border-box;
    padding-bottom: 20px;
    width: 100%;
    font-size: .875rem
}

.model-filter-groups>.tag-group:first-child:not(.tag-group-main) {
    margin-top: 30px
}

.model-filter-groups>.tag-group ul {
    margin: 0
}

.model-filter-groups>.tag-group ul.model-filter-main__external-links {
    margin-bottom: 20px
}

.model-filter-groups>.tag-group ul.model-filter-main__external-links::after {
    border-top: 1px solid rgba(248, 248, 248, .1);
    content: "";
    display: block;
    margin: 10px 14px 0 0
}

.model-filter-groups .tag-group-main .group-header {
    display: none
}

.model-filter-groups .model-filter-main-link {
    align-items: center;
    border-radius: 5px;
    color: #fff;
    cursor: pointer;
    left: -10px;
    position: relative;
    text-decoration: none;
    width: 100%;
    display: flex;
    flex-direction: row;
    transition: 120ms ease-in-out
}

.model-filter-groups .model-filter-main-link .model-filter-main-link-container {
    position: relative
}

.model-filter-groups .model-filter-main-link .model-filter-main__link-image {
    height: 24px;
    margin-right: 13px;
    width: 24px
}

.model-filter-groups .model-filter-main-link .model-filter-main-link-indicator {
    background-color: #d12f39;
    bottom: 50%;
    height: 9px;
    position: absolute;
    right: -15px;
    transform: translateY(60%);
    width: 9px;
    border-radius: 50%
}

.model-filter-groups .model-filter-main-link .icon {
    fill: #fff;
    flex-shrink: 0;
    height: 16px;
    margin: 0 13px 0 0;
    width: 24px !important
}

.model-filter-groups .model-filter-main-link:hover {
    background-color: rgba(255, 255, 255, .09);
    box-sizing: border-box;
    text-decoration: none
}

.model-filter-groups .model-filter-main-link.active {
    background-color: rgba(255, 255, 255, .12);
    box-sizing: border-box;
    color: #fa5365;
    color: var(--primary-light);
    text-decoration: none
}

.model-filter-groups .model-filter-main-link.active .icon {
    fill: #fa5365;
    fill: var(--primary-light)
}

.model-filter-groups .group-header {
    font-size: 12px;
    font-weight: 500;
    letter-spacing: normal;
    line-height: 1.2;
    text-transform: uppercase;
    color: #fff;
    margin-bottom: 12px;
    white-space: nowrap
}

.ucbrowser .model-filter-groups>.tag-group {
    display: block;
    float: left;
    flex: 1;
    flex-basis: auto;
    flex-grow: 0;
    flex-shrink: 0
}

.advanced-filter-input {
    position: relative
}

.advanced-filter-input button.btn.advanced-filter-input__reset-btn,
.advanced-filter-input button.btn.advanced-filter-input__search-btn {
    background: 0 0;
    border: 0;
    color: #fff;
    height: 30px;
    margin: 0;
    padding: 0;
    position: absolute;
    width: 30px
}

.advanced-filter-input__reset-btn {
    opacity: .3;
    right: 6px !important;
    top: 3px !important
}

.advanced-filter-input__search-btn {
    left: 11px;
    opacity: .4;
    pointer-events: none;
    top: 3px
}

.advanced-filter-input__search-icon {
    height: 18px;
    margin: 0;
    width: 18px
}

.advanced-filter-input__reset-icon {
    height: 10px;
    margin: 0;
    width: 10px
}

.advanced-filter-input .advanced-filter-input__input {
    background: rgba(0, 0, 0, .2) !important;
    border: 0 !important;
    border-radius: 36px !important;
    box-shadow: none !important;
    color: #f8f8f8 !important;
    display: block !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    height: 36px !important;
    padding: 0 38px 0 45px !important;
    transition: none !important;
    width: 100% !important
}

.advanced-filter-input .advanced-filter-input__input::-moz-placeholder {
    color: rgba(248, 248, 248, .4) !important
}

.advanced-filter-input .advanced-filter-input__input::placeholder {
    color: rgba(248, 248, 248, .4) !important
}

.advanced-filter-dialogue {
    --advanced-filter-dialogue-outer-margin: 40px;
    background-color: #3e3f42;
    border-radius: 8px;
    box-shadow: 0 20px 30px rgba(0, 0, 0, .3);
    color: #fff;
    display: flex;
    flex-direction: column;
    line-height: normal;
    margin: 2px calc(-1 * var(--advanced-filter-dialogue-outer-margin)) 0;
    min-height: 200px;
    padding: 18px 0 2px 20px;
    position: absolute;
    top: 100%;
    z-index: 300
}

.advanced-filter-dialogue--wider:not(.advanced-filter-dialogue--mobile) {
    --advanced-filter-dialogue-outer-margin: 54px
}

.advanced-filter-dialogue--compact {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
    left: calc(-1 * var(--advanced-filter-dialogue-outer-margin));
    margin-right: 0;
    position: absolute;
    right: 0;
    top: 100%
}

.advanced-filter-dialogue--mobile {
    border-radius: 0
}

.advanced-filter-dialogue__close {
    cursor: pointer;
    opacity: .25;
    position: absolute;
    right: 16px;
    top: 19px;
    transition: opacity .2s ease-in-out;
    z-index: 1
}

.advanced-filter-dialogue__close:hover {
    opacity: .85
}

.advanced-filter-dialogue__body {
    display: flex;
    flex-direction: column;
    min-height: 0;
    z-index: 0
}

.advanced-filter-dialogue__title {
    font-weight: 500;
    margin-bottom: 25px;
    margin-right: 20px;
    white-space: normal;
    font-size: 1.125rem
}

.advanced-filter-dialogue--searchable .advanced-filter-dialogue__title {
    margin-bottom: 17px
}

.advanced-filter-dialogue__title-em,
.advanced-filter-dialogue__title-em--girls {
    color: #fa5265
}

.advanced-filter-dialogue__title-em--trans {
    color: #ad61ff
}

.advanced-filter-dialogue__title-em--men {
    color: #629bf4
}

.advanced-filter-dialogue__input {
    margin: 0 18px 16px 0
}

.advanced-filter-dialogue__content {
    padding-right: 20px
}

.advanced-filter-dialogue__section {
    border-bottom: 1px solid rgba(255, 255, 255, .06);
    margin-bottom: 15px;
    padding-bottom: 15px
}

.advanced-filter-dialogue__section:last-of-type {
    border-bottom: none;
    padding-bottom: 2px
}

.advanced-filter-dialogue__section--disabled {
    display: none
}

.advanced-filter-dialogue__section--sticky {
    background: linear-gradient(0deg, rgba(62, 63, 66, 0) 0%, #3e3f42 5px, #3e3f42 100%) no-repeat;
    border-bottom: 0;
    margin-bottom: 0;
    padding-bottom: 31px;
    position: sticky;
    top: 0;
    z-index: 1
}

.advanced-filter-dialogue__section--sticky:after {
    background: rgba(255, 255, 255, .06);
    bottom: 15px;
    content: "";
    display: block;
    height: 1px;
    left: 0;
    position: absolute;
    width: 100%
}

.advanced-filter-dialogue__section-title {
    color: rgba(248, 248, 248, .4);
    font-weight: 500;
    letter-spacing: normal;
    margin-bottom: 18px;
    text-transform: uppercase;
    font-size: .688rem;
    line-height: .875rem
}

.advanced-filter-dialogue__section-content {
    align-items: center;
    display: grid;
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-columns: 1fr 1fr
}

.advanced-filter-dialogue__section-content--auto-flow-column {
    grid-auto-flow: column;
    grid-template-rows: repeat(var(--itemsPerColumn), auto)
}

.advanced-filter-dialogue__item {
    color: #f8f8f8;
    cursor: pointer;
    font-size: .875rem
}

.advanced-filter-dialogue__item-caption {
    align-items: center;
    color: rgba(248, 248, 248, .8);
    display: flex;
    letter-spacing: normal;
    transition: opacity .15s ease-out
}

.advanced-filter-dialogue__item:hover .advanced-filter-dialogue__item-caption {
    color: #f8f8f8
}

.advanced-filter-dialogue__item * {
    cursor: pointer !important
}

.advanced-filter-dialogue__empty-text {
    color: rgba(248, 248, 248, .8);
    font-size: 14px
}

.advanced-filter-dialogue__caption-flag {
    display: inline-block;
    flex-shrink: 0;
    margin-right: 7px;
    vertical-align: top
}

.advanced-filter-dialogue__caption-part--highlight {
    color: #61922f
}

.advanced-filter-dialogue__label {
    align-items: center;
    display: inline-grid;
    grid-column-gap: 8px;
    grid-template-columns: auto auto;
    margin-bottom: 0;
    text-align: left
}

.advanced-filter-dialogue__label--disabled {
    color: rgba(248, 248, 248, .4)
}

.advanced-filter-dialogue__checkbox .checkbox-ds__box {
    margin-right: 0
}

.advanced-filter-dialogue__checkbox .checkbox-ds__box--checked {
    background-color: #61922f;
    border-color: #61922f
}

.advanced-filter-dialogue__checkbox .checkbox-ds__box--checked .checkbox-ds__icon {
    color: #3e3f42
}

.advanced-filter-dialogue__checkbox .checkbox-ds__box--disabled {
    border-color: rgba(248, 248, 248, .4)
}

.advanced-filter-dialogue__checkbox .checkbox-ds__box--disabled.checkbox-ds__box--checked {
    background-color: rgba(248, 248, 248, .4);
    border-color: transparent
}

.advanced-filter-dialogue__count {
    color: rgba(248, 248, 248, .4);
    margin-left: 8px
}

.advanced-filter-dialogue__actions {
    align-items: center;
    border-top: 1px solid rgba(255, 255, 255, .06);
    display: grid;
    grid-template-columns: auto auto;
    justify-content: space-between;
    margin: 0 0 0 -20px;
    padding: 12px 20px
}

.advanced-filter-dialogue__actions .btn {
    margin-bottom: 0;
    padding: 0
}

.advanced-filter-dialogue__selected-tags {
    grid-area: 1/1/2/3;
    max-width: 350px;
    max-width: -moz-fit-content;
    max-width: fit-content;
    white-space: normal
}

.advanced-filter-dialogue__action-clear--hidden {
    visibility: hidden
}

.advanced-filter-dialogue__action-clear .btn {
    padding-left: 0 !important;
    padding-right: 0 !important;
    transition: none !important
}

.advanced-filter-dialogue__action-clear-inner {
    align-items: baseline;
    display: inline-grid;
    font-size: .913rem;
    grid-column-gap: 10px;
    grid-template-columns: auto auto
}

.advanced-filter-dialogue__action-clear-inner:hover {
    color: #c63d3e !important;
    opacity: 1
}

.advanced-filter-dialogue__action-clear-inner .icon {
    fill: currentColor;
    transform: translateY(2px)
}

.advanced-filter-dialogue__action-apply {
    align-items: center;
    display: flex;
    justify-content: center;
    padding-left: 56px !important;
    padding-right: 56px !important
}

.inline-badge__plus {
    align-items: center;
    background-color: #6e6e6e;
    border-radius: 50%;
    display: inline-flex;
    justify-content: center
}

.inline-badge:hover .inline-badge__plus {
    background-color: #c63d3e
}

.inline-badge {
    background-color: #333;
    border: 2px solid #333;
    border-radius: 80px;
    color: #f8f8f8;
    display: inline-flex;
    flex-shrink: 0;
    font-size: 13px;
    height: 32px;
    line-height: 17px;
    padding: 5px 12px
}

.inline-badge.inline-badge__button.inline-badge__override:hover {
    background-color: #464646;
    border-color: #5b5b5b
}

.inline-badge.active {
    background-color: #464646;
    border-color: #5b5b5b;
    color: #f8f8f8
}

.inline-badge__plus {
    height: 16px;
    margin-left: 10px;
    width: 16px
}

.inline-badge__plus .icon {
    fill: currentColor;
    height: 8px !important;
    width: 8px !important;
    color: #000;
    fill: currentColor;
    margin: 0
}

.inline-badge--selected.inline-badge__button {
    background-color: #333;
    border: 2px solid #333;
    cursor: pointer;
    padding-right: 6px;
    position: relative;
    top: -1px
}

.inline-badge--selected .inline-badge__plus {
    transform: rotate(45deg)
}

.inline-badge__label {
    align-items: center;
    display: flex
}

.inline-badge .tag-icon-cherry-blossom {
    margin-right: 8px;
    width: 16px
}

.inline-badge .tag-icon-cosplay-con {
    margin-right: 8px;
    width: 18px
}

.tags-with-filter__inline-badge {
    margin: 0 8px 8px 0
}

.CVSearchAnimation__gradient\#tv {
    border-radius: 100px;
    filter: blur(2px);
    height: calc(100% + 6px);
    left: -3px;
    opacity: 0;
    position: absolute;
    top: -3px;
    transform: translateZ(0);
    width: calc(100% + 6px);
    z-index: 3
}

.CVSearchAnimation__gradientLight\#nh {
    border-radius: 100px;
    filter: blur(.5px);
    height: calc(100% + 2px);
    left: -1px;
    opacity: 0;
    position: absolute;
    top: -1px;
    transform: translateZ(0);
    width: calc(100% + 2px);
    z-index: 3
}

.CVSearchAnimation__activeFadeOut\#z7 .CVSearchAnimation__gradient1\#ha,
.CVSearchAnimation__gradient1\#ha {
    background: linear-gradient(90deg, #c853fa 0%, rgba(254, 225, 157, .4) 61.41%, rgba(149, 48, 50, .1) 114.78%)
}

.CVSearchAnimation__focusedFadeOut\#Np .CVSearchAnimation__gradient1\#ha,
.CVSearchAnimation__focused\#QF .CVSearchAnimation__gradient1\#ha,
.CVSearchAnimation__triggered\#Dk .CVSearchAnimation__gradient1\#ha {
    background: linear-gradient(90deg, #fcaf45 0%, rgba(211, 134, 218, .4) 61.41%, rgba(149, 48, 50, .1) 114.78%)
}

.CVSearchAnimation__triggered\#Dk .CVSearchAnimation__gradientTrigger\#bk {
    background: linear-gradient(90deg, rgba(252, 175, 69, .8) 0%, rgba(252, 175, 69, .8) 50%, rgba(252, 175, 69, .8) 100%);
    will-change: opacity
}

.CVSearchAnimation__triggered\#Dk .CVSearchAnimation__gradientTriggerLight\#LL {
    background: linear-gradient(90deg, rgba(252, 235, 212, .5) 0%, rgba(252, 235, 212, .5) 100%);
    will-change: opacity
}

.CVSearchAnimation__activeFadeOut\#z7 .CVSearchAnimation__gradient2\#z_,
.CVSearchAnimation__gradient2\#z_ {
    background: linear-gradient(90deg, rgba(149, 48, 50, .1) -14.78%, rgba(254, 225, 157, .4) 11.18%, #c853fa 48.71%, rgba(254, 225, 157, .4) 87.76%, rgba(149, 48, 50, .1) 113.71%)
}

.CVSearchAnimation__focusedFadeOut\#Np .CVSearchAnimation__gradient2\#z_,
.CVSearchAnimation__focused\#QF .CVSearchAnimation__gradient2\#z_,
.CVSearchAnimation__triggered\#Dk .CVSearchAnimation__gradient2\#z_ {
    background: linear-gradient(90deg, rgba(149, 48, 50, .1) -14.78%, rgba(211, 134, 218, .4) 11.18%, #fcaf45 48.71%, rgba(211, 134, 218, .4) 87.76%, rgba(149, 48, 50, .1) 113.71%)
}

.CVSearchAnimation__activeFadeOut\#z7 .CVSearchAnimation__gradient3\#GR,
.CVSearchAnimation__gradient3\#GR {
    background: linear-gradient(90deg, rgba(149, 48, 50, .1) -14.78%, rgba(254, 225, 157, .4) 38.59%, #c853fa 100%)
}

.CVSearchAnimation__focusedFadeOut\#Np .CVSearchAnimation__gradient3\#GR,
.CVSearchAnimation__focused\#QF .CVSearchAnimation__gradient3\#GR,
.CVSearchAnimation__triggered\#Dk .CVSearchAnimation__gradient3\#GR {
    background: linear-gradient(90deg, rgba(149, 48, 50, .1) -14.78%, rgba(211, 134, 218, .4) 38.59%, #fcaf45 100%)
}

@keyframes CVSearchAnimation__animation1\#JC {

    0%,
    100%,
    5%,
    90% {
        opacity: 1
    }

    25%,
    50%,
    75% {
        opacity: 0
    }
}

@keyframes CVSearchAnimation__animation1ex\#Hs {

    0%,
    5% {
        opacity: 1
    }

    100%,
    25%,
    50%,
    75% {
        opacity: 0
    }
}

@keyframes CVSearchAnimation__animation2\#QP {

    0%,
    100%,
    55% {
        opacity: 0
    }

    20%,
    25%,
    70%,
    75% {
        opacity: 1
    }
}

@keyframes CVSearchAnimation__animation3\#E_ {

    0%,
    100%,
    25%,
    75% {
        opacity: 0
    }

    50%,
    55% {
        opacity: 1
    }
}

@keyframes CVSearchAnimation__fadeInOut\#kh {
    to {
        opacity: .99
    }
}

@keyframes CVSearchAnimation__fadeOut\#ur {
    to {
        opacity: 0
    }
}

.CVSearchAnimation__gradientLight1\#Lj {
    background: linear-gradient(90deg, rgba(252, 235, 212, .5) 0%, rgba(252, 235, 212, 0) 100%)
}

.CVSearchAnimation__gradientLight2\#Fr {
    background: linear-gradient(90deg, rgba(252, 235, 212, 0) 0%, rgba(252, 235, 212, .5) 50%, rgba(252, 235, 212, 0) 100%)
}

.CVSearchAnimation__gradientLight3\#d9 {
    background: linear-gradient(90deg, rgba(252, 235, 212, 0) 0%, rgba(252, 235, 212, .5) 100%)
}

.CVSearchAnimation\#Wn {
    opacity: 0;
    transition: opacity .4s ease-in-out
}

.CVSearchAnimation\#Wn.CVSearchAnimation__activeFadeOut\#z7,
.CVSearchAnimation\#Wn.CVSearchAnimation__active\#j5 {
    opacity: 1
}

.CVSearchAnimation\#Wn.CVSearchAnimation__activeFadeOut\#z7 .CVSearchAnimation__gradient1\#ha,
.CVSearchAnimation\#Wn.CVSearchAnimation__active\#j5 .CVSearchAnimation__gradient1\#ha {
    animation: CVSearchAnimation__animation1\#JC 8s ease-in 1 forwards, 8s CVSearchAnimation__animation1ex\#Hs 8s ease-in 1 forwards
}

.CVSearchAnimation\#Wn.CVSearchAnimation__activeFadeOut\#z7 .CVSearchAnimation__gradient2\#z_,
.CVSearchAnimation\#Wn.CVSearchAnimation__active\#j5 .CVSearchAnimation__gradient2\#z_ {
    animation: CVSearchAnimation__animation2\#QP 8s ease-in 2 forwards
}

.CVSearchAnimation\#Wn.CVSearchAnimation__activeFadeOut\#z7 .CVSearchAnimation__gradient3\#GR,
.CVSearchAnimation\#Wn.CVSearchAnimation__active\#j5 .CVSearchAnimation__gradient3\#GR {
    animation: CVSearchAnimation__animation3\#E_ 8s ease-in 2 forwards
}

.CVSearchAnimation\#Wn.CVSearchAnimation__activeFadeOut\#z7 .CVSearchAnimation__gradientLight1\#Lj,
.CVSearchAnimation\#Wn.CVSearchAnimation__active\#j5 .CVSearchAnimation__gradientLight1\#Lj {
    animation: CVSearchAnimation__animation1\#JC 8s ease-in 2 forwards, 8s CVSearchAnimation__animation1ex\#Hs 8s ease-in 1 forwards
}

.CVSearchAnimation\#Wn.CVSearchAnimation__activeFadeOut\#z7 .CVSearchAnimation__gradientLight2\#Fr,
.CVSearchAnimation\#Wn.CVSearchAnimation__active\#j5 .CVSearchAnimation__gradientLight2\#Fr {
    animation: CVSearchAnimation__animation2\#QP 8s ease-in 2 forwards
}

.CVSearchAnimation\#Wn.CVSearchAnimation__activeFadeOut\#z7 .CVSearchAnimation__gradientLight3\#d9,
.CVSearchAnimation\#Wn.CVSearchAnimation__active\#j5 .CVSearchAnimation__gradientLight3\#d9 {
    animation: CVSearchAnimation__animation3\#E_ 8s ease-in 2 forwards
}

.CVSearchAnimation\#Wn.CVSearchAnimation__focusedFadeOut\#Np,
.CVSearchAnimation\#Wn.CVSearchAnimation__focused\#QF {
    opacity: 1
}

.CVSearchAnimation\#Wn.CVSearchAnimation__focusedFadeOut\#Np .CVSearchAnimation__gradient1\#ha,
.CVSearchAnimation\#Wn.CVSearchAnimation__focused\#QF .CVSearchAnimation__gradient1\#ha {
    animation: CVSearchAnimation__animation1\#JC 8s ease-in infinite forwards
}

.CVSearchAnimation\#Wn.CVSearchAnimation__focusedFadeOut\#Np .CVSearchAnimation__gradient2\#z_,
.CVSearchAnimation\#Wn.CVSearchAnimation__focused\#QF .CVSearchAnimation__gradient2\#z_ {
    animation: CVSearchAnimation__animation2\#QP 8s ease-in infinite forwards
}

.CVSearchAnimation\#Wn.CVSearchAnimation__focusedFadeOut\#Np .CVSearchAnimation__gradient3\#GR,
.CVSearchAnimation\#Wn.CVSearchAnimation__focused\#QF .CVSearchAnimation__gradient3\#GR {
    animation: CVSearchAnimation__animation3\#E_ 8s ease-in infinite forwards
}

.CVSearchAnimation\#Wn.CVSearchAnimation__focusedFadeOut\#Np .CVSearchAnimation__gradientLight1\#Lj,
.CVSearchAnimation\#Wn.CVSearchAnimation__focused\#QF .CVSearchAnimation__gradientLight1\#Lj {
    animation: CVSearchAnimation__animation1\#JC 8s ease-in infinite forwards
}

.CVSearchAnimation\#Wn.CVSearchAnimation__focusedFadeOut\#Np .CVSearchAnimation__gradientLight2\#Fr,
.CVSearchAnimation\#Wn.CVSearchAnimation__focused\#QF .CVSearchAnimation__gradientLight2\#Fr {
    animation: CVSearchAnimation__animation2\#QP 8s ease-in infinite forwards
}

.CVSearchAnimation\#Wn.CVSearchAnimation__focusedFadeOut\#Np .CVSearchAnimation__gradientLight3\#d9,
.CVSearchAnimation\#Wn.CVSearchAnimation__focused\#QF .CVSearchAnimation__gradientLight3\#d9 {
    animation: CVSearchAnimation__animation3\#E_ 8s ease-in infinite forwards
}

.CVSearchAnimation\#Wn.CVSearchAnimation__triggered\#Dk {
    opacity: 1
}

.CVSearchAnimation\#Wn.CVSearchAnimation__triggered\#Dk .CVSearchAnimation__gradient1\#ha,
.CVSearchAnimation\#Wn.CVSearchAnimation__triggered\#Dk .CVSearchAnimation__gradient2\#z_,
.CVSearchAnimation\#Wn.CVSearchAnimation__triggered\#Dk .CVSearchAnimation__gradient3\#GR,
.CVSearchAnimation\#Wn.CVSearchAnimation__triggered\#Dk .CVSearchAnimation__gradientLight1\#Lj,
.CVSearchAnimation\#Wn.CVSearchAnimation__triggered\#Dk .CVSearchAnimation__gradientLight2\#Fr,
.CVSearchAnimation\#Wn.CVSearchAnimation__triggered\#Dk .CVSearchAnimation__gradientLight3\#d9 {
    animation: none
}

.CVSearchAnimation\#Wn.CVSearchAnimation__triggered\#Dk .CVSearchAnimation__gradientTriggerLight\#LL,
.CVSearchAnimation\#Wn.CVSearchAnimation__triggered\#Dk .CVSearchAnimation__gradientTrigger\#bk {
    animation: CVSearchAnimation__fadeInOut\#kh .2s ease-in-out 1 forwards, .4s CVSearchAnimation__fadeOut\#ur .3s ease-in-out 1 forwards
}

.CVSearchAnimation\#Wn.CVSearchAnimation__activeFadeOut\#z7,
.CVSearchAnimation\#Wn.CVSearchAnimation__focusedFadeOut\#Np {
    animation: CVSearchAnimation__fadeOut\#ur .4s ease-out 1 forwards
}

.ModelSearch\#w_ .ModelSearch__icon\#Nd,
.ModelSearch\#w_ .icon:not(.checkbox-ds__icon):not(.icon-dot):not(.icon-cv-search-ds) {
    height: 18px;
    width: 18px
}

.ModelSearch__expanded\#GY {
    display: flex;
    justify-content: flex-start;
    padding: 0
}

.ModelSearch__expanded\#GY input.ModelSearch__input\#st {
    flex-grow: 1
}

.ModelSearch__advancedFilterButtonIconWrapper\#A5,
.ModelSearch__closeButton\#h9,
.ModelSearch__openButton\#xD {
    align-items: center;
    display: flex;
    justify-content: center
}

.ModelSearch__compact\#Va .ModelSearch__openButton\#xD .ModelSearch__searchText\#aD {
    font-size: 13px;
    margin-left: 10px
}

.ModelSearch__compact\#Va .ModelSearch__inputWrapper\#Jw {
    padding: 2px 0
}

.ModelSearch__compact\#Va.ModelSearch\#w_.ModelSearch__expanded\#GY {
    position: relative;
    width: 375px
}

.ModelSearch__compact\#Va.ModelSearch\#w_.ModelSearch__expanded\#GY .ModelSearch__cvSearchIcon\#Tc {
    color: #2b2b2b
}

.ModelSearch__compact\#Va.ModelSearch\#w_.ModelSearch__expanded\#GY .ModelSearch__advancedFilterButton\#nK,
.ModelSearch__compact\#Va.ModelSearch\#w_.ModelSearch__expanded\#GY .ModelSearch__closeButton\#h9,
.ModelSearch__compact\#Va.ModelSearch\#w_.ModelSearch__expanded\#GY .ModelSearch__openButton\#xD {
    background-color: #f1f1f1;
    border: 0;
    height: 38px;
    padding: 0 14px
}

.ModelSearch__compact\#Va.ModelSearch\#w_.ModelSearch__expanded\#GY .ModelSearch__advancedFilterButton\#nK:focus,
.ModelSearch__compact\#Va.ModelSearch\#w_.ModelSearch__expanded\#GY .ModelSearch__advancedFilterButton\#nK:hover,
.ModelSearch__compact\#Va.ModelSearch\#w_.ModelSearch__expanded\#GY .ModelSearch__closeButton\#h9:focus,
.ModelSearch__compact\#Va.ModelSearch\#w_.ModelSearch__expanded\#GY .ModelSearch__closeButton\#h9:hover,
.ModelSearch__compact\#Va.ModelSearch\#w_.ModelSearch__expanded\#GY .ModelSearch__openButton\#xD:focus,
.ModelSearch__compact\#Va.ModelSearch\#w_.ModelSearch__expanded\#GY .ModelSearch__openButton\#xD:hover {
    background-color: #f1f1f1
}

.ModelSearch__compact\#Va.ModelSearch\#w_.ModelSearch__expanded\#GY .ModelSearch__advancedFilterButton\#nK .ModelSearch__icon\#Nd,
.ModelSearch__compact\#Va.ModelSearch\#w_.ModelSearch__expanded\#GY .ModelSearch__closeButton\#h9 .ModelSearch__icon\#Nd,
.ModelSearch__compact\#Va.ModelSearch\#w_.ModelSearch__expanded\#GY .ModelSearch__openButton\#xD .ModelSearch__icon\#Nd {
    color: #2b2b2b;
    opacity: 1
}

.ModelSearch__compact\#Va.ModelSearch\#w_.ModelSearch__expanded\#GY .ModelSearch__openButton\#xD {
    pointer-events: none;
    border-bottom-left-radius: 4px;
    border-top-left-radius: 4px;
    padding-left: 16px;
    padding-right: 0
}

.ModelSearch__compact\#Va.ModelSearch\#w_.ModelSearch__expanded\#GY .ModelSearch__closeButton\#h9 {
    border-bottom-right-radius: 4px;
    border-top-right-radius: 4px
}

.ModelSearch__compact\#Va.ModelSearch\#w_.ModelSearch__expanded\#GY .ModelSearch__advancedFilterButton\#nK {
    padding: 0 6px
}

.ModelSearch__compact\#Va.ModelSearch\#w_.ModelSearch__expanded\#GY .ModelSearch__advancedFilterButton\#nK .ModelSearch__advancedFilterButtonIconWrapper\#A5 {
    border-radius: 4px;
    height: 28px;
    width: 28px
}

.ModelSearch__compact\#Va.ModelSearch\#w_.ModelSearch__expanded\#GY .ModelSearch__advancedFilterButton\#nK .ModelSearch__icon\#Nd {
    height: 15px;
    width: 15px
}

.ModelSearch__compact\#Va.ModelSearch\#w_.ModelSearch__expanded\#GY .ModelSearch__advancedFilterButtonActive\#Yj .ModelSearch__advancedFilterButtonIconWrapper\#A5 {
    background: rgba(0, 0, 0, .15)
}

.ModelSearch__spotlight\#jJ {
    display: flex;
    flex-direction: column;
    position: relative;
    width: 100%
}

.ModelSearch\#w_ input.ModelSearch__input\#st {
    background-color: #f1f1f1;
    border: 0;
    border-radius: 0;
    box-shadow: none;
    color: #2b2b2b;
    display: block;
    font-size: 15px;
    font-weight: 500;
    height: 38px;
    padding: 0 10px 0 8px;
    vertical-align: top
}

.ModelSearch\#w_ input.ModelSearch__input\#st:focus {
    background-color: #f1f1f1
}

.ModelSearch\#w_ input.ModelSearch__input\#st::-moz-placeholder {
    color: rgba(43, 43, 43, .6)
}

.ModelSearch\#w_ input.ModelSearch__input\#st::placeholder {
    color: rgba(43, 43, 43, .6)
}

.ModelSearch\#w_ .ModelSearch__inputWrapper\#Jw {
    align-items: center;
    border-radius: 4px;
    display: flex;
    position: relative;
    z-index: 4
}

.ModelSearch__forceExpanded\#er.ModelSearch\#w_ {
    width: 384px
}

.ModelSearch__forceExpanded\#er.ModelSearch\#w_ .ModelSearch__inputWrapper\#Jw {
    background: #a2252d;
    background: var(--primary);
    border-radius: 36px
}

.ModelSearch__forceExpanded\#er.ModelSearch\#w_ input.ModelSearch__input\#st {
    background: rgba(0, 0, 0, .2);
    border: none;
    border-radius: 36px;
    color: #f8f8f8;
    font-size: 13px;
    height: 36px;
    padding: 0 72px 0 42px;
    transition: none;
    width: 100%
}

.ModelSearch__forceExpanded\#er.ModelSearch\#w_ input.ModelSearch__input\#st::-moz-placeholder {
    color: rgba(248, 248, 248, .6)
}

.ModelSearch__forceExpanded\#er.ModelSearch\#w_ input.ModelSearch__input\#st::placeholder {
    color: rgba(248, 248, 248, .6)
}

.ModelSearch__forceExpanded\#er.ModelSearch\#w_ input.ModelSearch__input\#st:focus {
    background: rgba(0, 0, 0, .4)
}

.ModelSearch__forceExpanded\#er.ModelSearch\#w_ .ModelSearch__spotlightDropdown\#Vo {
    left: 8px;
    top: 40px;
    width: 368px
}

.ModelSearch__forceExpanded\#er.ModelSearch\#w_ .ModelSearch__advancedFilterButton\#nK,
.ModelSearch__forceExpanded\#er.ModelSearch\#w_ .ModelSearch__closeButton\#h9,
.ModelSearch__forceExpanded\#er.ModelSearch\#w_ .ModelSearch__openButton\#xD {
    background: 0 0;
    border: 0;
    color: #fff;
    margin: 0;
    padding: 0
}

.ModelSearch__forceExpanded\#er.ModelSearch\#w_ .ModelSearch__advancedFilterButton\#nK .ModelSearch__icon\#Nd,
.ModelSearch__forceExpanded\#er.ModelSearch\#w_ .ModelSearch__closeButton\#h9 .ModelSearch__icon\#Nd,
.ModelSearch__forceExpanded\#er.ModelSearch\#w_ .ModelSearch__openButton\#xD .ModelSearch__icon\#Nd {
    opacity: .4
}

.ModelSearch__forceExpanded\#er.ModelSearch\#w_ .ModelSearch__openButton\#xD {
    left: 16px;
    pointer-events: none;
    position: absolute
}

.ModelSearch__forceExpanded\#er.ModelSearch\#w_ .ModelSearch__openButton\#xD .ModelSearch__icon\#Nd {
    height: 18px;
    width: 18px
}

.ModelSearch__forceExpanded\#er.ModelSearch\#w_ .ModelSearch__closeButton\#h9 {
    align-items: center;
    border-radius: 50%;
    display: flex;
    height: 28px;
    justify-content: center;
    margin-left: 3px;
    position: absolute;
    right: 6px;
    top: auto;
    transition: background .15s;
    width: 28px
}

.ModelSearch__forceExpanded\#er.ModelSearch\#w_ .ModelSearch__closeButton\#h9 .ModelSearch__icon\#Nd {
    height: 10px;
    margin: 0;
    transition: opacity .15s;
    width: 10px
}

.ModelSearch__forceExpanded\#er.ModelSearch\#w_ .ModelSearch__closeButton\#h9:hover {
    background: rgba(255, 255, 255, .1)
}

.ModelSearch__forceExpanded\#er.ModelSearch\#w_ .ModelSearch__closeButton\#h9:hover .ModelSearch__icon\#Nd {
    opacity: 1
}

.ModelSearch__forceExpanded\#er.ModelSearch\#w_ .ModelSearch__advancedFilterButton\#nK {
    align-items: center;
    display: flex;
    height: 28px;
    justify-content: center;
    position: absolute;
    right: 6px;
    top: auto;
    transition: background .15s, border-radius .15s;
    width: 28px
}

.ModelSearch__forceExpanded\#er.ModelSearch\#w_ .ModelSearch__advancedFilterButton\#nK .ModelSearch__icon\#Nd {
    opacity: 1;
    height: 16px;
    margin: 0;
    width: 16px
}

.ModelSearch__forceExpanded\#er.ModelSearch\#w_ .ModelSearch__advancedFilterButton\#nK:hover {
    background: rgba(255, 255, 255, .1)
}

.ModelSearch__forceExpanded\#er.ModelSearch\#w_ .ModelSearch__advancedFilterButton\#nK:hover .ModelSearch__icon\#Nd {
    opacity: 1
}

.ModelSearch__forceExpanded\#er.ModelSearch\#w_ .ModelSearch__advancedFilterButton\#nK.ModelSearch__advancedFilterButtonActive\#Yj {
    background: rgba(255, 255, 255, .1);
    border-radius: 6px
}

.ModelSearch__forceExpanded\#er.ModelSearch\#w_ .ModelSearch__advancedFilterButton\#nK.ModelSearch__advancedFilterButtonActive\#Yj .ModelSearch__icon\#Nd {
    opacity: 1
}

.ModelSearch__forceExpanded\#er.ModelSearch\#w_ .ModelSearch__spotlightClearable\#ue .ModelSearch__advancedFilterButton\#nK {
    right: 37px
}

.model-list-item-username-wrapper {
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis
}

.model-list-item-username-wrapper--in-search-dropdown {
    display: inline
}

.model-list-item-username-wrapper--in-search-dropdown .model-list-item-username-wrapper__old-username {
    display: inline;
    opacity: .6
}

.model-list-item-username-wrapper__old-username {
    display: block;
    white-space: nowrap
}

.model-list-item-username-wrapper__old-username em {
    display: inline;
    font-style: normal;
    font-weight: 700
}

@keyframes CVSearchButton__cv-button-animation\#BZ {
    0% {
        background-position: 0% 0%
    }

    100%,
    80% {
        background-position: 150% 0%
    }
}

.CVSearchButton\#Yi {
    align-items: center;
    animation: CVSearchButton__cv-button-animation\#BZ 5s linear infinite;
    background: linear-gradient(90deg, #c853fa 0%, #f93d7c 20%, #ff6e5a 35%, #ff8754 50%, #fa5365 65.32%, #f93d7c 80%, #c853fa 100%);
    background-size: 300% 100%;
    border: none;
    border-radius: 80px;
    color: #fff;
    cursor: pointer;
    display: flex;
    height: 32px;
    justify-content: center;
    margin: 0;
    padding: 6px 12px;
    position: relative;
    text-decoration: none
}

.CVSearchButton__text\#Ax {
    display: block;
    text-decoration: none;
    z-index: 3
}

.CVSearchSpotlightItem\#_Z.spotlight-dropdown__link {
    align-items: center;
    display: flex;
    gap: 8px;
    height: auto;
    min-height: 38px;
    padding-bottom: 3px;
    padding-right: 12px;
    padding-top: 3px;
    text-decoration: none
}

.CVSearchSpotlightItem\#_Z.spotlight-dropdown__link .icon-cv-search-ds {
    height: 21px;
    margin-left: -1px;
    margin-right: 0;
    min-height: 21px;
    min-width: 21px;
    width: 21px
}

.CVSearchSpotlightItem\#w5 {
    flex-wrap: wrap
}

.CVSearchSpotlightItem\#w5 .CVSearchSpotlightItem__cv-search-search\#XE {
    flex: 1 auto
}

.CVSearchSpotlightItem\#w5 .CVSearchSpotlightItem__searchText\#qu {
    max-width: calc(100% - 28px)
}

.CVSearchSpotlightItem\#w5 .CVSearchSpotlightItem__button\#FP {
    margin-left: 28px
}

.CVSearchSpotlightItem__text\#k3 {
    flex: 1 auto;
    overflow: hidden;
    text-overflow: ellipsis
}

.CVSearchSpotlightItem__recentText\#zy {
    -webkit-box-orient: vertical;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    line-height: 18px;
    overflow: hidden;
    white-space: normal
}

.CVSearchSpotlightItem__searchText\#qu {
    line-height: 20px;
    white-space: normal;
    word-wrap: break-word
}

.Tooltip__text\#NO {
    display: block;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: .2px;
    line-height: 1.42
}

.Tooltip__textAlign-start\#Dc {
    text-align: start
}

.Tooltip__textAlign-center\#OR {
    text-align: center
}

.TooltipContainer\#ZZ {
    border-radius: 4px;
    box-shadow: 0 2px 8px rgba(26, 26, 26, .6);
    overflow-wrap: break-word;
    width: -moz-max-content;
    width: max-content;
    word-break: break-word;
    z-index: 499
}

.TooltipContainer\#oF {
    padding: 4px 8px
}

.TooltipContainer\#mB {
    padding: 12px 16px
}

.TooltipContainer\#jL {
    color: #f8f8f8
}

.TooltipContainer\#jL.TooltipContainer\#DY {
    background-color: #000
}

.TooltipContainer\#jL.TooltipContainer\#DY .TooltipContainer__arrow\#kP {
    fill: #000000
}

.TooltipContainer\#jL.TooltipContainer\#u_ {
    background-color: #262626
}

.TooltipContainer\#jL.TooltipContainer\#u_ .TooltipContainer__arrow\#kP {
    fill: #262626
}

.TooltipContainer\#jL.TooltipContainer\#HY {
    background-color: #404040
}

.TooltipContainer\#jL.TooltipContainer\#HY .TooltipContainer__arrow\#kP {
    fill: #404040
}

.TooltipContainer\#R1 {
    color: #fff
}

.TooltipContainer\#R1.TooltipContainer\#DY {
    background-color: #c33343
}

.TooltipContainer\#R1.TooltipContainer\#DY .TooltipContainer__arrow\#kP {
    fill: #c33343
}

.TooltipContainer\#R1.TooltipContainer\#u_ {
    background-color: #c33343
}

.TooltipContainer\#R1.TooltipContainer\#u_ .TooltipContainer__arrow\#kP {
    fill: #c33343
}

.TooltipContainer\#R1.TooltipContainer\#HY {
    background-color: #c33343
}

.TooltipContainer\#R1.TooltipContainer\#HY .TooltipContainer__arrow\#kP {
    fill: #c33343
}

.PopoverContainer\#yT {
    border-radius: 4px;
    box-shadow: 0 2px 8px rgba(26, 26, 26, .6);
    width: -moz-max-content;
    width: max-content;
    z-index: 499
}

.PopoverContainer\#uX {
    padding: 4px 8px
}

.PopoverContainer\#H3 {
    padding: 12px 16px
}

.PopoverContainer\#kz {
    color: #f8f8f8
}

.PopoverContainer\#kz.PopoverContainer\#pi {
    background-color: #000
}

.PopoverContainer\#kz.PopoverContainer\#pi .PopoverContainer__arrow\#xn {
    fill: #000000
}

.PopoverContainer\#kz.PopoverContainer\#XC {
    background-color: #262626
}

.PopoverContainer\#kz.PopoverContainer\#XC .PopoverContainer__arrow\#xn {
    fill: #262626
}

.PopoverContainer\#kz.PopoverContainer\#UR {
    background-color: #404040
}

.PopoverContainer\#kz.PopoverContainer\#UR .PopoverContainer__arrow\#xn {
    fill: #404040
}

.CVSearchSuggestions\#O1 {
    width: 100%
}

.CVSearchSuggestions__title\#EJ {
    display: flex;
    gap: 8px;
    padding: 8px 16px 4px;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.CVSearchSuggestions__title\#EJ span {
    font-size: 14px;
    letter-spacing: .2px;
    line-height: 20px
}

.CVSearchSuggestions__brandingName\#dt {
    background: linear-gradient(90deg, #ff7e57 0%, #ff577e 40%, #ff56f1 100%);
    -webkit-background-clip: text;
    background-clip: text;
    position: relative;
    -webkit-text-fill-color: transparent;
    text-shadow: 0 0 2px rgba(254, 170, 179, .24)
}

.CVSearchSuggestions__brandingNameUnderlined\#Pt::after {
    background: linear-gradient(90deg, #ff7e57 0%, #ff577e 40%, #ff56f1 100%);
    bottom: -2px;
    content: "";
    display: block;
    height: 1px;
    left: 0;
    margin-top: 4px;
    -webkit-mask-image: repeating-linear-gradient(to right, black 0 4px, transparent 4px 7px);
    mask-image: repeating-linear-gradient(to right, black 0 4px, transparent 4px 7px);
    position: absolute;
    width: 100%
}

.CVSearchSuggestions__suggestionsContainer\#Ue {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 8px;
    padding-left: 12px;
    padding-right: 12px
}

.CVSearchSuggestions__descriptionContainer\#VA {
    max-height: 0;
    overflow: hidden;
    padding: 0 12px;
    transition: max-height .5s ease-in-out;
    width: 100%
}

.CVSearchSuggestions__descriptionContainer\#VA.CVSearchSuggestions__open\#l2 {
    max-height: 90px
}

.CVSearchSuggestions__description\#P6 {
    background: rgba(255, 255, 255, .1);
    border-radius: 12px;
    height: calc(100% - 8px);
    padding: 4px 8px 8px;
    position: relative;
    width: 100%
}

.CVSearchSuggestions__tipText\#nE {
    display: block;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: .2px;
    line-height: 20px;
    max-width: calc(100% - 20px);
    white-space: normal
}

.CVSearchSuggestions__tipClose\#xW {
    position: absolute;
    right: 8px;
    top: 8px
}

.CVSearchSuggestions__tipClose\#xW svg {
    color: rgba(248, 248, 248, .8)
}

.CVSearchSuggestions__tipClose\#xW:hover svg {
    color: inherit
}

.CVSearchSuggestions__suggestion\#Kr {
    background: #666;
    border-radius: 80px;
    color: #fafafa;
    cursor: pointer;
    display: inline-block;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    padding: 4px 16px;
    text-decoration: none;
    transform-style: preserve-3d
}

.CVSearchSuggestions__suggestion\#Kr::after {
    background: linear-gradient(90deg, #ff7e57 0%, #ff577e 40%, #ff56f1 100%);
    border-radius: 80px;
    content: "";
    display: inline-block;
    height: calc(100% + 2px);
    left: -1px;
    position: absolute;
    top: -1px;
    transform: translateZ(-1px);
    width: calc(100% + 2px);
    z-index: 12
}

.CVSearchSuggestions__suggestion\#Kr:hover {
    background: #777;
    text-decoration: none
}

.CVSearchSuggestions__suggestion\#Kr:hover::after {
    background: linear-gradient(90deg, #ff56f1 0%, #ff577e 40%, #ff7e57 100%)
}

.CVSearchSuggestions__suggestion\#Kr.CVSearchSuggestions__selected\#IC,
.CVSearchSuggestions__suggestion\#Kr:active,
.CVSearchSuggestions__suggestion\#Kr:focus {
    background: #565555;
    text-decoration: none
}

.CVSearchSuggestions__suggestion\#Kr.CVSearchSuggestions__selected\#IC::after,
.CVSearchSuggestions__suggestion\#Kr:active::after,
.CVSearchSuggestions__suggestion\#Kr:focus::after {
    background: rgba(255, 255, 255, .2)
}

.award-place-hall-of-fame-by-year__content {
    align-items: center;
    display: flex;
    flex-direction: column;
    position: relative
}

.award-place-hall-of-fame-by-year .icon.award-place-hall-of-fame-by-year__icon {
    filter: drop-shadow(0 2px 8px rgba(0, 0, 0, .6));
    height: 27px;
    position: absolute;
    top: 0;
    transform-origin: top center;
    width: 28px
}

.award-place-hall-of-fame-by-year .icon.award-place-hall-of-fame-by-year__icon--place_1 {
    color: #feb601
}

.award-place-hall-of-fame-by-year .icon.award-place-hall-of-fame-by-year__icon--place_2 {
    color: #d5e0e9
}

.award-place-hall-of-fame-by-year .icon.award-place-hall-of-fame-by-year__icon--place_3 {
    color: #ec8462
}

.award-place-hall-of-fame-by-year__year {
    background: linear-gradient(180deg, #d34048 0%, #b2161f 100%), #c4c4c4;
    border-radius: 3px;
    bottom: 0;
    color: #fff;
    font-size: 13px;
    font-weight: 700;
    height: 17px;
    line-height: 17px;
    position: absolute;
    text-align: center;
    transform-origin: bottom center;
    width: 35px
}

.award-place {
    flex-grow: 0;
    justify-content: center;
    margin-right: 4px;
    margin-top: 2px;
    position: relative;
    display: flex;
    flex-direction: row
}

.award-place .icon {
    fill: #7b7b7b;
    margin: 0
}

.award-place.award-place-small .icon-medal-1,
.award-place.award-place-small .icon-medal-2,
.award-place.award-place-small .icon-medal-3 {
    height: 26px;
    width: 20px
}

.award-place.award-place-large .icon-medal-1,
.award-place.award-place-large .icon-medal-2,
.award-place.award-place-large .icon-medal-3 {
    height: 42px;
    width: 32px
}

.level-badge {
    display: inline-block;
    fill: #fff;
    font-weight: 700;
    pointer-events: none;
    position: relative
}

.level-badge-shadow::before {
    border-radius: 60%;
    content: "";
    height: 60%;
    left: 50%;
    pointer-events: none;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 60%
}

.level-badge-league-grey::before {
    box-shadow: 0 0 35px 5px rgba(159, 159, 159, .5)
}

.level-badge-league-bronze::before {
    box-shadow: 0 0 35px 5px rgba(222, 136, 74, .5)
}

.level-badge-league-silver::before {
    box-shadow: 0 0 35px 5px rgba(201, 231, 254, .5)
}

.level-badge-league-gold::before {
    box-shadow: 0 0 35px 5px rgba(255, 173, 34, .5)
}

.level-badge-league-diamond::before {
    box-shadow: 0 0 35px 5px rgba(212, 36, 255, .5)
}

.level-badge-league-legend::before,
.level-badge-league-royal::before {
    box-shadow: 0 0 35px 5px rgba(255, 26, 26, .5)
}

.level-badge-size-small {
    height: 22px;
    width: 22px
}

.level-badge-size-medium {
    height: 24px;
    width: 24px
}

.level-badge-size-regular {
    height: 30px;
    width: 30px
}

.level-badge-size-grande {
    height: 45px;
    width: 45px
}

.level-badge-size-big {
    height: 50px;
    width: 50px
}

.level-badge-inner-icon {
    color: #fff;
    fill: #fff;
    height: 60%;
    left: 50%;
    margin: 0;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -54%);
    width: 60%
}

.level-badge-filters {
    height: 0;
    overflow: hidden;
    position: absolute
}

.level-badge svg {
    display: block
}

.level-badge-stroke {
    fill-opacity: 0;
    stroke: #fff;
    stroke-opacity: 0.15;
    stroke-width: 4
}

@keyframes fadeOut {
    from {
        opacity: .99
    }

    to {
        opacity: 0
    }
}

.image-background {
    background-size: cover;
    height: 100%;
    left: 0;
    -o-object-fit: cover;
    object-fit: cover;
    overflow: hidden;
    position: absolute;
    width: 100%
}

.image-background-transition {
    animation: fadeOut .4s ease-in;
    animation-fill-mode: forwards;
    background-size: cover;
    height: 100%;
    left: 0;
    -o-object-fit: cover;
    object-fit: cover;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    width: 100%
}

.image-background--object-fit-contain {
    background-size: contain;
    -o-object-fit: contain;
    object-fit: contain
}

.image-background--is-hidden {
    opacity: 0
}

.image-background--blur {
    filter: blur(8px)
}

.image-background--round {
    border-radius: 50%
}

.user-status-icon {
    border-radius: 100%
}

.user-status-icon.offline {
    background-color: #666
}

.user-status-icon.online {
    background-color: #9fe20d
}

.spotlight-dropdown {
    background-color: #3e3f42;
    border-radius: 4px;
    position: absolute;
    top: 43px;
    width: 375px;
    z-index: 300
}

.spotlight-dropdown .icon:not(.checkbox-ds__icon):not(.icon-dot):not(.icon-cv-search-ds) {
    height: 18px;
    min-width: 18px;
    width: 18px
}

.spotlight-dropdown .model-filter-link .cv-search-button {
    margin-left: auto;
    margin-right: 12px
}

.spotlight-dropdown .spotlight-list {
    margin-top: 10px
}

.spotlight-dropdown .spotlight-list .header-container {
    padding: 10px 16px
}

.spotlight-dropdown .spotlight-list .header {
    color: rgba(248, 248, 248, .4);
    font-size: 11px;
    font-weight: 500;
    letter-spacing: 0;
    text-transform: uppercase
}

.spotlight-dropdown .spotlight-list .list {
    display: flex;
    flex-direction: column
}

.spotlight-dropdown .spotlight-list:last-of-type {
    margin-bottom: 10px
}

.spotlight-dropdown .spotlight-list.showAllResultsButton {
    margin: 0
}

.spotlight-dropdown__link {
    align-items: center;
    color: rgba(248, 248, 248, .9);
    cursor: pointer;
    display: flex;
    font-size: 15px;
    height: 38px;
    justify-content: flex-start;
    letter-spacing: 0;
    line-height: 38px;
    padding-left: 16px;
    position: relative;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.spotlight-dropdown__link--focused {
    background-color: #303133;
    text-decoration: none
}

.spotlight-dropdown__link span:not(.avatar) {
    overflow: hidden;
    text-overflow: ellipsis
}

.spotlight-dropdown__link .model-filter__link-label {
    border: none
}

.spotlight-dropdown__link-count {
    color: rgba(248, 248, 248, .4);
    font-size: 14px;
    font-weight: 400;
    margin-left: 10px
}

.spotlight-dropdown__link-icon {
    color: rgba(248, 248, 248, .4);
    fill: rgba(248, 248, 248, 0.4);
    margin-right: 8px
}

.spotlight-dropdown__link-icon .icon-megaphone {
    fill: currentColor
}

.spotlight-dropdown__link-icon .icon-chat-actions {
    fill: #808080
}

.spotlight-dropdown__right-icon {
    margin-bottom: 2px;
    margin-left: 4px
}

.spotlight-dropdown .spotlight-model-item>.icon {
    height: 20px;
    margin: -3px 8px 0 0;
    width: 20px
}

.spotlight-dropdown .spotlight-model-item .model-name em {
    font-style: normal;
    font-weight: 700
}

.spotlight-dropdown .spotlight-model-item .spotlight-model-item-avatar {
    height: 24px;
    margin-right: 10px;
    width: 24px
}

.spotlight-dropdown .spotlight-model-item .spotlight-model-item-avatar .user-status-icon {
    border: 1px solid #3e3f42;
    border-radius: 50%;
    height: 8px;
    left: -2px;
    top: -2px;
    width: 8px
}

.spotlight-dropdown .spotlight-model-item--focused .spotlight-model-item-avatar .user-status-icon {
    border-color: #303133
}

.spotlight-dropdown__link .model-filter__link-label .icon {
    margin-left: 8px;
    margin-right: 0;
    width: 24px
}

.spotlight-dropdown__link .model-filter__link-label .country-flag,
.spotlight-dropdown__link .model-filter__link-label .tag-icon {
    margin-left: 6px;
    margin-right: 0
}

.spotlight-dropdown__link .model-filter__link-label .no-wrap {
    align-items: center;
    display: inline-flex
}

.spotlight-dropdown .spotlight-show-all {
    border-top: 1px solid rgba(248, 248, 248, .15);
    font-size: 13px;
    line-height: 16px;
    margin-top: 10px;
    padding: 10px 16px;
    text-align: center;
    width: 100%
}

.spotlight-dropdown .spotlight-show-all .spotlight-dropdown__link {
    border-radius: 24px;
    display: block;
    padding: 0
}

.spotlight-dropdown .spotlight-show-all .spotlight-dropdown__link:active,
.spotlight-dropdown .spotlight-show-all .spotlight-dropdown__link:focus,
.spotlight-dropdown .spotlight-show-all .spotlight-dropdown__link:hover {
    text-decoration: none
}

.spotlight-dropdown .cv-suggestions-additional-padding {
    padding-bottom: 10px
}

.nav-scrollable-container {
    display: flex
}

.nav-scrollable-container .nav-scrollable {
    height: 42px;
    min-width: 100%;
    display: flex;
    flex-direction: row
}

.navbar-dropdown {
    overflow: hidden;
    position: relative;
    width: 100%;
    align-items: center;
    align-self: stretch;
    display: flex;
    flex-direction: row
}

.navbar-dropdown.open {
    overflow: visible
}

.navbar-dropdown .visible-items {
    align-items: center;
    align-self: stretch;
    display: flex;
    flex-direction: row
}

.navbar-dropdown .navbar-more-button {
    border-bottom: 2px solid transparent;
    color: rgba(255, 255, 255, .6);
    cursor: pointer;
    flex-shrink: 0;
    font-weight: 400;
    margin: 0 24px 0 0;
    position: relative;
    text-decoration: none;
    font-size: .938rem;
    line-height: 1.25rem;
    align-items: center;
    align-self: stretch;
    display: flex;
    flex-direction: row
}

.navbar-dropdown .navbar-more-button:hover {
    color: #fff
}

.navbar-dropdown .navbar-more-button:hover .icon {
    fill: #fff
}

.navbar-dropdown .navbar-more-button.opened {
    color: #fff
}

.navbar-dropdown .navbar-more-button.opened .dropdown-arrow .icon-sort {
    fill: #fff;
    transform: rotate(180deg)
}

.navbar-dropdown .navbar-more-button .link {
    border-bottom: none !important
}

.navbar-dropdown .navbar-more-button .dropdown-arrow {
    margin-left: 6px
}

.navbar-dropdown .navbar-more-button .dropdown-arrow .icon {
    fill: rgba(255, 255, 255, 0.6);
    height: 5px;
    margin: 0;
    width: 5px;
    transition: 120ms ease-in-out
}

.navbar-dropdown .navbar-more-button.visible {
    visibility: visible
}

.navbar-dropdown .navbar-more-button .more-button-block-content {
    background-color: #3e3f42;
    border-radius: 4px;
    box-shadow: 0 20px 30px rgba(0, 0, 0, .3);
    position: absolute;
    right: 0;
    top: calc(100% + 12px);
    white-space: nowrap;
    z-index: 115
}

.navbar-dropdown .navbar-more-button .more-button-block-content::before {
    border: 8px solid transparent;
    border-bottom-color: #3e3f42;
    content: "";
    height: 0;
    position: absolute;
    right: 20px;
    top: -16px;
    width: 0
}

.navbar-dropdown .navbar-more-button .more-button-block-content .more-button-item {
    margin: 0
}

.navbar-dropdown .navbar-more-button .more-button-block-content .more-button-item .active {
    border-bottom-color: transparent;
    color: #fff
}

.navbar-dropdown .navbar-more-button .more-button-block-content .more-button-item .active::before {
    background-color: #fa5365;
    background-color: var(--primary-light);
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 2px
}

.navbar-dropdown .navbar-more-button .more-button-block-content .more-button-item .active .header-sub-button,
.navbar-dropdown .navbar-more-button .more-button-block-content .more-button-item .active a {
    color: #fff
}

.navbar-dropdown .navbar-more-button .more-button-block-content .more-button-item .active .icon {
    fill: #fff
}

.navbar-dropdown .navbar-more-button .more-button-block-content .more-button-item:not(:first-of-type) .header-sub-button {
    border-top: 1px solid rgba(255, 255, 255, .2)
}

.navbar-dropdown .navbar-more-button .more-button-block-content .more-button-item .header-sub-button,
.navbar-dropdown .navbar-more-button .more-button-block-content .more-button-item a {
    color: rgba(255, 255, 255, .6);
    cursor: pointer;
    margin: 0;
    padding: 14px 16px;
    position: relative;
    width: 100%
}

.navbar-dropdown .navbar-more-button .more-button-block-content .more-button-item .header-sub-button:hover,
.navbar-dropdown .navbar-more-button .more-button-block-content .more-button-item a:hover {
    color: #fff
}

.navbar-dropdown .navbar-more-button .more-button-block-content .more-button-item .header-sub-button:hover .icon,
.navbar-dropdown .navbar-more-button .more-button-block-content .more-button-item a:hover .icon {
    fill: #fff
}

.navbar-dropdown .navbar-more-button .more-button-block-content .more-button-item .header-sub-button .icon,
.navbar-dropdown .navbar-more-button .more-button-block-content .more-button-item a .icon {
    fill: rgba(255, 255, 255, 0.6)
}

.navbar-dropdown .navbar-hidden-elements-wrapper {
    align-items: center;
    align-self: stretch;
    display: flex;
    height: 100%;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    width: 100%;
    z-index: -1000
}

.navbar-item {
    border-bottom: 3px solid transparent;
    color: rgba(255, 255, 255, .6);
    display: block;
    padding: 8px 0;
    text-decoration: none;
    font-size: .938rem
}

.navbar-item:active,
.navbar-item:focus,
.navbar-item:hover,
.navbar-item:visited {
    text-decoration: none
}

.navbar-item:hover {
    color: #fff
}

.navbar-item.active {
    border-color: #c22934;
    border-color: var(--primary-border);
    color: #fff
}

.navbar-item:not(:last-child) {
    margin-right: 40px
}

.header-sub>.container {
    align-items: stretch;
    flex-wrap: nowrap;
    justify-content: space-between;
    padding-right: 0;
    display: flex;
    flex-direction: row;
    flex: 1;
    flex-basis: auto;
    flex-grow: 1;
    flex-shrink: 1
}

.header-sub>.container.search-expanded {
    box-shadow: none
}

.header-sub>.container.search-expanded .nav-right {
    margin-left: 0;
    padding-left: 0;
    width: 100%
}

.header-sub>.container>nav.nav-left {
    flex-grow: 1;
    flex-shrink: 1
}

.header-sub>.container>nav.nav-right {
    justify-content: flex-end;
    margin-left: 1px;
    position: relative;
    white-space: nowrap;
    display: flex;
    flex-direction: row;
    flex: 1;
    flex-basis: auto;
    flex-grow: 0;
    flex-shrink: 1
}

.header-sub>.container>nav.nav-right .nav-right--box-shadow::before {
    background: linear-gradient(90deg, rgba(48, 49, 51, 0) 0%, rgba(48, 49, 51, .88) 74.56%, #303133 100%);
    bottom: 0;
    content: "";
    pointer-events: none;
    position: absolute;
    right: 100%;
    top: 0;
    width: 40px
}

.header-sub>.container .btn {
    background-color: #303133;
    border-color: #202020;
    border-radius: 0;
    border-width: 0 1px;
    box-sizing: content-box;
    color: #a4a4a5;
    height: 42px;
    margin: 0;
    padding: 0 1.125rem;
    text-align: center;
    transition: 120ms ease-in-out
}

.header-sub>.container .btn.nav-right-close-btn {
    box-sizing: border-box;
    min-width: 48px;
    padding: 0;
    width: 48px
}

.header-sub>.container .btn:hover {
    color: #fff !important;
    fill: #fff !important
}

.header-sub>.container .btn:active {
    top: 0
}

.header-sub>.container .btn.open {
    background: #3e3f42;
    color: #fff;
    position: relative
}

.header-sub>.container .btn.dropdown-link .icon-close-2 {
    display: none
}

.header-sub>.container .btn.dropdown-link.open .icon-sort {
    transform: rotate(180deg)
}

.header-sub>.container .btn.dropdown-link.open .icon-close-2 {
    display: block
}

.header-sub>.container .btn .dropdown-arrow,
.header-sub>.container .btn .dropdown-label {
    margin-left: 6px
}

.header-sub>.container .btn .icon {
    margin: -3px 0 0
}

.header-sub>.container .btn.all-tags-dropdown-trigger {
    fill: #acacad
}

.header-sub>.container .model-filter-dropdown-wrapper,
.header-sub>.container .model-filter-mobile-modal-wrapper {
    background: #3e3f42;
    border-top: 1px solid;
    padding: 0;
    position: absolute;
    right: 0;
    top: 100%;
    width: 100%;
    z-index: 115
}

.header-sub>.container .more-tags-trigger-wrapper {
    display: flex;
    flex-direction: row
}

.ucbrowser .header-sub>.container {
    display: block;
    flex: 1;
    flex-basis: auto;
    flex-grow: 0;
    flex-shrink: 0
}

.ucbrowser .header-sub>.container>nav {
    height: 42px
}

.ucbrowser .header-sub>.container>nav.nav-left {
    float: left
}

.ucbrowser .header-sub>.container>nav.nav-right {
    float: right
}

.ucbrowser .header-sub>.container .model-filter-dropdown-wrapper {
    clear: both
}

.view-cam-page-wrapper .all-tags-dropdown-trigger {
    display: block
}

.view-cam-page-wrapper .model-filter-dropdown-wrapper {
    display: block !important
}

.model-filter__link {
    align-self: stretch;
    color: rgba(255, 255, 255, .8);
    font-size: 15px;
    line-height: 20px;
    padding: 0 12px;
    white-space: nowrap
}

.model-filter__link:first-child {
    padding-left: 0
}

.model-filter__link:hover {
    color: #fff
}

.model-filter__link:hover .icon {
    fill: #fff
}

.model-filter__link--active .model-filter__link-label {
    border-bottom: 3px solid #c22934;
    border-bottom: 3px solid var(--primary-border);
    color: #fff;
    text-decoration: none
}

.model-filter__link-label {
    align-items: center;
    border-bottom: 3px solid transparent;
    display: inline-flex;
    height: 100%
}

.header-sub {
    background-color: #303133;
    min-height: 42px;
    font-size: .75rem;
    display: flex;
    flex-direction: row
}

.header-sub .all-tags-dropdown-trigger {
    letter-spacing: .019rem
}

.header-sub .link {
    align-items: center;
    border-bottom: 3px solid transparent;
    color: rgba(255, 255, 255, .6);
    display: flex;
    font-size: 15px;
    font-weight: 400;
    line-height: 20px;
    text-decoration: none;
    white-space: nowrap
}

.header-sub .link:hover {
    color: #fff
}

.header-sub-with-sidebar .container,
.header-sub-with-sidebar .widescreen-container {
    max-width: 100%;
    padding: 0 0 0 20px;
    width: 100%
}

.header-sub.view-cam-header-sub .avatar {
    font-size: 2px;
    height: 35px;
    margin-right: 10px;
    width: 35px
}

.header-sub.view-cam-header-sub .avatar+.link {
    width: auto
}

.header-sub.view-cam-header-sub .avatar .user-status-icon {
    height: 20%;
    left: 0;
    top: 0;
    width: 20%
}

.header-sub.header-sub-simple {
    background-color: transparent
}

.header-sub.header-sub-simple>.container,
.header-sub.header-sub-simple>.widescreen-container {
    padding-left: 0
}

.header-sub.header-sub-simple>.container .navbar-more-button,
.header-sub.header-sub-simple>.widescreen-container .navbar-more-button {
    color: rgba(255, 255, 255, .6)
}

.header-sub.header-sub-simple>.container .navbar-more-button.opened,
.header-sub.header-sub-simple>.container .navbar-more-button:hover,
.header-sub.header-sub-simple>.widescreen-container .navbar-more-button.opened,
.header-sub.header-sub-simple>.widescreen-container .navbar-more-button:hover {
    color: #fff
}

.header-sub.header-sub-simple>.container .nav-right:before,
.header-sub.header-sub-simple>.widescreen-container .nav-right:before {
    background: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, .6) 74.56%, #000 100%)
}

.header-sub .badge-new {
    margin-right: 6px
}

.header-sub .container,
.header-sub .widescreen-container {
    align-items: stretch;
    display: flex;
    flex-direction: row
}

.header-sub .container .link,
.header-sub .widescreen-container .link {
    border-bottom: 3px solid transparent;
    color: rgba(255, 255, 255, .6);
    font-weight: 400;
    left: 0;
    position: relative;
    text-decoration: none;
    white-space: nowrap;
    width: 100%;
    font-size: .938rem;
    line-height: 1.25rem;
    align-items: center;
    align-self: stretch;
    display: flex;
    flex-direction: row
}

.header-sub .container .link:hover,
.header-sub .container .link:hover .model-filter-link,
.header-sub .widescreen-container .link:hover,
.header-sub .widescreen-container .link:hover .model-filter-link {
    color: #fff
}

.header-sub .container .link:hover .model-filter-link .icon,
.header-sub .widescreen-container .link:hover .model-filter-link .icon {
    fill: #fff
}

.header-sub .container .link.active,
.header-sub .widescreen-container .link.active {
    border-bottom: 3px solid #c22934;
    border-bottom: 3px solid var(--primary-border);
    color: #fff
}

.header-sub .container .link.active .model-filter-link,
.header-sub .widescreen-container .link.active .model-filter-link {
    color: #fff;
    text-decoration: none
}

.header-sub .container .header-sub-item-count,
.header-sub .widescreen-container .header-sub-item-count {
    margin-left: 6px;
    opacity: .4
}

.header-sub .container .header-sub-item-wrapper,
.header-sub .widescreen-container .header-sub-item-wrapper {
    flex-shrink: 0;
    margin: 0 24px 0 0;
    align-items: center;
    align-self: stretch;
    display: flex;
    flex-direction: row
}

.header-sub .container .header-sub-item-wrapper h1,
.header-sub .container .header-sub-item-wrapper h2,
.header-sub .widescreen-container .header-sub-item-wrapper h1,
.header-sub .widescreen-container .header-sub-item-wrapper h2 {
    align-items: stretch;
    align-self: center;
    display: flex;
    height: 100%;
    letter-spacing: .304px;
    margin: 0
}

.header-sub .container .header-sub-social-link,
.header-sub .widescreen-container .header-sub-social-link {
    font-weight: 400;
    position: relative;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    display: flex;
    flex-direction: row;
    font-size: .938rem;
    line-height: 1.25rem
}

.header-sub .container .header-sub-social-link-main-icon,
.header-sub .widescreen-container .header-sub-social-link-main-icon {
    color: rgba(255, 255, 255, .6);
    fill: rgba(255, 255, 255, 0.6);
    margin-right: 0
}

.header-sub .container .header-sub-social-link-main-icon.icon-whatsapp,
.header-sub .widescreen-container .header-sub-social-link-main-icon.icon-whatsapp {
    height: 20px;
    opacity: .9;
    width: 20px
}

.header-sub .container .header-sub-social-link-main-icon.icon-myclub-gradient,
.header-sub .widescreen-container .header-sub-social-link-main-icon.icon-myclub-gradient {
    height: 17px;
    opacity: .6;
    width: 27px
}

.header-sub .container .header-sub-social-link-star-icon,
.header-sub .widescreen-container .header-sub-social-link-star-icon {
    color: #f2c94c;
    margin: 0;
    position: absolute;
    right: -1px;
    top: -2px
}

.header-sub .container .header-sub-social-link:hover .icon,
.header-sub .widescreen-container .header-sub-social-link:hover .icon {
    color: #fff;
    fill: #fff
}

.header-sub .container .header-sub-social-link:hover .icon.icon-myclub-gradient,
.header-sub .container .header-sub-social-link:hover .icon.icon-whatsapp,
.header-sub .widescreen-container .header-sub-social-link:hover .icon.icon-myclub-gradient,
.header-sub .widescreen-container .header-sub-social-link:hover .icon.icon-whatsapp {
    opacity: 1
}

.header-sub .container .header-sub-social-link .social-name,
.header-sub .widescreen-container .header-sub-social-link .social-name {
    display: none
}

.header-sub .container .more-button-block-content .header-sub-social-link,
.header-sub .widescreen-container .more-button-block-content .header-sub-social-link {
    justify-content: flex-start;
    text-decoration: none
}

.header-sub .container .more-button-block-content .header-sub-social-link .icon,
.header-sub .widescreen-container .more-button-block-content .header-sub-social-link .icon {
    margin-right: 7px
}

.header-sub .container .more-button-block-content .header-sub-social-link .social-name,
.header-sub .widescreen-container .more-button-block-content .header-sub-social-link .social-name {
    display: inline
}

.header-sub .container .more-button-item.local-link+.more-button-item.external-link,
.header-sub .widescreen-container .more-button-item.local-link+.more-button-item.external-link {
    border-top: 1px solid rgba(255, 255, 255, .2);
    margin-top: 10px;
    padding-top: 10px
}

.header-sub .model-aditional-menu-item.model-aditional-menu-item {
    display: none
}

.header-sub .model-aditional-menu-item.model-aditional-menu-item .header-sub-button,
.header-sub .model-aditional-menu-item.model-aditional-menu-item.more-button-item {
    display: flex
}

.header-sub .model-aditional-menu-item.model-aditional-menu-item .header-sub-button.disabled {
    color: rgba(255, 255, 255, .2) !important
}

.header-sub .model-aditional-menu-item .header-sub-button {
    align-items: center
}

.header-sub .model-aditional-menu-item .header-sub-button .icon {
    margin-right: 8px
}

.header-sub-delimiter {
    background-color: rgba(255, 255, 255, .13);
    height: 26px;
    width: 1px
}

.more-button-item .header-sub-delimiter {
    display: none
}

.nav-right-close-btn {
    align-items: center;
    display: none;
    justify-content: center;
    overflow: visible;
    position: absolute;
    right: 0;
    top: 0
}

.nav-right-close-btn--box-shadow::before {
    background: linear-gradient(90deg, rgba(48, 49, 51, 0) 0%, rgba(48, 49, 51, .88) 74.56%, #303133 100%);
    bottom: 0;
    content: "";
    margin-right: 1px;
    pointer-events: none;
    position: absolute;
    right: 100%;
    top: 0;
    width: 40px
}

.nav-right-close-btn .icon {
    color: #a4a4a4
}

.multiple-categories-category-header-skeleton {
    background: rgba(248, 248, 248, .1);
    border-radius: 20px;
    display: block;
    height: 20px;
    overflow: hidden;
    width: 122px;
    background-color: #191919;
    left: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%)
}

.multiple-categories-category-header-skeleton::before {
    animation: skeleton-animation 3s infinite linear;
    background-color: unset;
    background-image: linear-gradient(128deg, transparent 14%, #1e1e1e 33%, #202020 47%, #1d1d1d 68%, transparent 87%);
    background-size: cover;
    content: "";
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 300%
}

.model-categories-skeleton .multiple-categories-category-header,
.multiple-categories-category-header-skeleton-wrapper {
    align-items: center;
    position: relative
}

.model-categories-skeleton .model-list {
    margin: -4px !important;
    overflow: hidden
}

.model-skeleton-item.model-list-item {
    position: relative
}

.model-skeleton-item.model-list-item .model-list-item-link {
    background: #191919;
    overflow: hidden;
    transform: translateZ(0);
    z-index: auto
}

.model-skeleton-item.model-list-item .model-list-item-link::after {
    opacity: 1;
    animation: skeleton-animation 3s infinite linear;
    background-color: unset;
    background-image: linear-gradient(128deg, transparent 14%, #1e1e1e 33%, #202020 47%, #1d1d1d 68%, transparent 87%);
    background-size: cover;
    content: "";
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 300%
}

.model-skeleton-item.model-list-item .model-list-item-avatar {
    background-color: rgba(248, 248, 248, .1);
    border-radius: 50%;
    bottom: 18px;
    height: 18px;
    left: 18px;
    position: absolute;
    width: 18px
}

.model-skeleton-item.model-list-item .model-list-item-title {
    background-color: rgba(248, 248, 248, .1);
    border-radius: 37px;
    bottom: 23px;
    height: 8px;
    left: 44px;
    position: absolute;
    width: 40%
}

.SlidableCategorySegment\#k4 {
    --rows-count: 2;
    --columns-count: 2;
    --thumb-offset: 4px;
    margin: 0 calc(var(--page-padding-inline) * -1);
    margin-top: 8px;
    position: relative
}

.SlidableCategorySegment\#k4~.SlidableCategorySegment\#k4 {
    margin-top: 24px
}

.SlidableCategorySegment\#k4.SlidableCategorySegment__mode-none\#tZ .SlidableCategorySegment__scrollable-container\#j8 {
    grid-auto-flow: unset;
    grid-template-rows: unset
}

.SlidableCategorySegment\#k4.SlidableCategorySegment__mode-grid\#nY {
    --rows-count: 2
}

.SlidableCategorySegment\#k4.SlidableCategorySegment__mode-columns\#Ir {
    --rows-count: 1
}

.SlidableCategorySegment\#k4.SlidableCategorySegment__mode-grid\#nY .SlidableCategorySegment__slide\#DF[data-hide-last=true]:last-of-type {
    display: none
}

.SlidableCategorySegment__slider\#WL {
    padding: 0;
    position: relative
}

.SlidableCategorySegment__slider\#WL>.SlidableCategorySegment__scrollable-container\#j8 .SlidableCategorySegment__slide\#DF {
    flex-basis: auto;
    max-width: 100%;
    scroll-snap-align: start !important;
    width: 100%
}

.SlidableCategorySegment__slider\#WL .SlidableCategorySegment__slide\#DF {
    flex-shrink: 0;
    min-height: auto;
    order: 9999;
    padding: var(--thumb-offset);
    scroll-margin-left: calc(var(--page-padding-inline) - var(--thumb-offset));
    scroll-snap-stop: normal
}

.SlidableCategorySegment__scrollable-container\#j8 {
    display: grid;
    grid-auto-columns: calc(100% / var(--columns-count));
    grid-auto-flow: column;
    grid-template-columns: repeat(auto-fill, calc(100% / var(--columns-count)));
    grid-template-rows: repeat(var(--rows-count), 1fr);
    justify-content: flex-start;
    overflow-x: auto;
    overscroll-behavior-x: contain;
    padding: 0 calc(var(--page-padding-inline) - var(--thumb-offset));
    scroll-snap-type: x mandatory;
    -ms-overflow-style: none;
    scrollbar-width: none
}

.SlidableCategorySegment__scrollable-container\#j8::-webkit-scrollbar {
    display: none
}

.SlidableCategorySegment__scrollable-container\#j8[data-no-snap=true] {
    scroll-snap-type: none
}

.SliderHeading\#lg {
    align-items: flex-end;
    display: flex;
    justify-content: space-between;
    margin-bottom: 6px;
    padding: 0 var(--page-padding-inline)
}

.SliderHeading\#lg .segment-header {
    align-items: flex-end;
    margin-right: 10px
}

.SliderHeading\#lg .segment-header>a {
    cursor: pointer;
    text-decoration: none
}

.SliderHeading\#lg .segment-header .country-flag {
    margin-right: 7px;
    transform: translateY(-4px)
}

.SliderNavigationButton\#zN {
    align-items: center;
    background: 0 0;
    border: 0;
    bottom: 4px;
    cursor: pointer;
    display: flex;
    flex-direction: row;
    font-size: 0;
    justify-content: flex-end;
    margin: 0;
    max-width: 100px;
    opacity: 0;
    padding: 0;
    position: absolute;
    top: 4px;
    transition-duration: .1s;
    transition-property: opacity;
    transition-timing-function: ease-in-out;
    width: 10%;
    z-index: 1
}

.SliderNavigationButton\#zN::before {
    background: linear-gradient(270deg, rgba(0, 0, 0, .8) 0%, rgba(0, 0, 0, .5) 50%, rgba(0, 0, 0, 0) 100%);
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    transition-duration: .1s;
    transition-property: opacity;
    transition-timing-function: ease-in-out;
    width: 100%
}

.SliderNavigationButton\#zN::after {
    content: "";
    height: 100%;
    width: 20px
}

.SliderNavigationButton\#zN:hover .SliderNavigationButton__icon\#ok {
    transform: scale(1.225)
}

.SliderNavigationButton\#zN.SliderNavigationButton__visibility-hidden\#bZ {
    opacity: 0;
    pointer-events: none
}

.SliderNavigationButton\#zN.SliderNavigationButton__visibility-visible\#w5 {
    opacity: 1
}

.SliderNavigationButton\#zN.SliderNavigationButton__visibility-visible\#w5::before {
    opacity: .6
}

.SliderNavigationButton\#zN.SliderNavigationButton__visibility-highlighted\#Qe {
    opacity: 1
}

.SliderNavigationButton\#zN.SliderNavigationButton__visibility-highlighted\#Qe::before {
    opacity: .6
}

.SliderNavigationButton\#zN.SliderNavigationButton__visibility-highlighted\#Qe .SliderNavigationButton__icon\#ok,
.SliderNavigationButton\#zN.SliderNavigationButton__visibility-highlighted\#Qe:hover {
    opacity: 1
}

.SliderNavigationButton\#zN.SliderNavigationButton__visibility-highlighted\#Qe:hover::before {
    opacity: .8
}

.SliderNavigationButton\#zN.SliderNavigationButton__direction-previous\#S0 {
    left: 0;
    transform: rotate(180deg)
}

.SliderNavigationButton\#zN.SliderNavigationButton__direction-next\#Qk {
    right: 0
}

.SliderNavigationButton__icon\#ok {
    color: #fff;
    fill: currentColor;
    max-width: 40px;
    opacity: 0;
    position: relative;
    transition-duration: .1s;
    transition-property: opacity, color, transform;
    transition-timing-function: ease-in-out;
    width: 50%;
    z-index: 1
}

.SliderSeeAllLink\#kP {
    color: #f8f8f8;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.5;
    opacity: 0;
    transition-duration: .1s;
    transition-property: color, opacity;
    transition-timing-function: ease-in-out;
    white-space: nowrap
}

.SliderSeeAllLink\#kP:hover {
    text-decoration: none
}

.SliderSeeAllLink\#kP.SliderSeeAllLink__visibility-visible\#KU {
    opacity: .6
}

.SliderSeeAllLink\#kP.SliderSeeAllLink__visibility-highlighted\#ZP {
    opacity: 1
}

.SliderSeeAllLink\#kP.SliderSeeAllLink__visibility-highlighted\#ZP:hover {
    color: #fa5365;
    color: var(--primary-light);
    opacity: 1
}

.model-list-promo-item {
    font-size: 0;
    position: relative;
    vertical-align: top
}

.model-list-promo-item__btn-close {
    position: absolute;
    right: 22px;
    top: 22px;
    z-index: 1
}

.model-list-promo-item__btn-close .icon {
    color: rgba(248, 248, 248, .4);
    cursor: pointer;
    height: 14px;
    margin-right: 0;
    width: 14px
}

.model-list-promo-item__btn-close:hover .icon {
    color: rgba(248, 248, 248, .8)
}

.model-list-promo-item__inner.a11y-button {
    background-color: #141415;
    cursor: pointer;
    overflow: hidden;
    padding-bottom: 75%;
    position: relative;
    text-align: left;
    width: 100%;
    transition: 90ms ease-in-out
}

.model-list-promo-item__inner.a11y-button:hover {
    background: #262626
}

.model-list-promo-item__inner.a11y-button:hover .model-list-promo-item__btn-sign-up {
    background-color: #82c043;
    color: #f8f8f8
}

.model-list-promo-item__content {
    align-items: flex-start;
    bottom: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    left: 0;
    padding: 0 14px 0 22px;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 0
}

.model-list-promo-item__content--favorites {
    padding: 0 18px 0 20px
}

.model-list-promo-item__icon-cam.icon {
    color: #f8f8f8;
    height: 26px;
    margin-right: 0;
    width: 40px
}

.model-list-promo-item__icon-heart {
    height: 38px;
    width: 46px
}

.model-list-promo-item__text {
    color: #f8f8f8;
    display: inline-block;
    font-weight: 500;
    margin-top: 2px;
    font-size: .75rem;
    line-height: .875rem
}

.model-list-promo-item__text--title {
    color: #fff;
    font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
    font-weight: 700;
    margin-top: 14px;
    font-size: .875rem;
    line-height: 1.063rem
}

.model-list-promo-item__text--action {
    color: #f14b57;
    font-weight: 700;
    margin-top: 11px
}

.model-list-promo-item__text--favorites {
    opacity: .8
}

.model-list-promo-item__text--favorites-title {
    color: #fff;
    margin-top: 11px
}

.model-list-promo-item__btn-sign-up {
    background-color: #61922f;
    color: #f8f8f8;
    margin: 11px 0 0;
    padding: 8px 20px;
    font-size: .75rem;
    line-height: .938rem
}

.ModelThumbPrivateCover\#_j {
    bottom: 0;
    left: 0;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 0;
    transition: background .3s
}

.ModelThumbPrivateCover__content\#Fp {
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%)
}

.ModelThumbPrivateCover__label\#y7 {
    color: #fff;
    font-size: .75rem;
    left: 50%;
    margin-top: -5px;
    min-width: 150px;
    opacity: 0;
    position: absolute;
    text-align: center;
    transform: translateX(-50%);
    transition: opacity .3s;
    word-break: break-word
}

.ModelThumbPrivateCover__icon\#XI {
    height: 100%;
    margin: 0;
    max-height: 22px;
    max-width: 24px;
    opacity: .6;
    width: 100%;
    z-index: 2
}

.ModelThumbPrivateCover__icon-wrapper\#jA {
    align-items: center;
    background: rgba(255, 255, 255, .6);
    border-radius: 50%;
    color: #000;
    display: flex;
    fill: #000;
    height: 32px;
    justify-content: center;
    position: relative;
    top: 0;
    transition: top .2s, background .3s;
    width: 32px
}

.ModelThumbPrivateCover__active\#sX {
    background: rgba(0, 0, 0, .32);
    pointer-events: auto
}

.ModelThumbPrivateCover__active\#sX .ModelThumbPrivateCover__icon-wrapper\#jA {
    background: #fff;
    top: -10px
}

.ModelThumbPrivateCover__active\#sX .ModelThumbPrivateCover__label\#y7 {
    opacity: 1
}

.ModelThumbPrivateCover__mode-show\#hL {
    background: rgba(0, 0, 0, .28)
}

.ModelThumbPrivateCover__mode-show\#hL.ModelThumbPrivateCover__active\#sX {
    background: rgba(0, 0, 0, .42)
}

.GroupShowTitleBadge\#xe {
    bottom: 0;
    left: 0;
    overflow: hidden;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 0;
    transition: background .3s;
    z-index: 1
}

.GroupShowTitleBadge__content\#eJ {
    left: 50%;
    padding: 8px;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 100%
}

.GroupShowTitleBadge__withAdditionalPadding\#Q9 .GroupShowTitleBadge__content\#eJ {
    top: 45%
}

.GroupShowTitleBadge__title\#hm {
    color: #fff;
    font-size: 12px;
    font-style: italic;
    font-weight: 500;
    line-height: normal;
    overflow: hidden;
    position: relative;
    text-align: center;
    text-overflow: ellipsis;
    z-index: 2
}

.live-thumb {
    bottom: 0;
    left: 0;
    overflow: hidden;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 0
}

.live-thumb * {
    pointer-events: none !important
}

.live-thumb__loader-wrapper {
    bottom: 0;
    height: 2px;
    left: 0;
    overflow: hidden;
    position: absolute;
    right: 0;
    z-index: 1
}

.live-thumb__loader-wrapper--hidden {
    animation: opacity-fade-hide .3s forwards
}

.live-thumb__loader {
    animation: live-thumb-loader-expand linear .5s forwards;
    background: #a2252d;
    background: var(--primary);
    height: 100%;
    transform: translate3d(-100%, 0, 0);
    width: 100%
}

.live-thumb__loader-wrapper--hidden .live-thumb__loader {
    animation: none
}

.live-thumb__video-wrapper {
    height: 100%;
    opacity: 0
}

.live-thumb__video-wrapper--visible {
    animation: opacity-fade-show .3s forwards
}

.live-thumb .mse-player {
    height: 100%
}

.live-thumb .loader,
.live-thumb .play-button {
    display: none
}

.live-thumb video {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

.live-thumb--blur {
    filter: blur(8px)
}

.live-thumb--mobile video {
    -o-object-fit: contain;
    object-fit: contain
}

@keyframes live-thumb-loader-expand {
    0% {
        transform: translate3d(-100%, 0, 0)
    }

    100% {
        transform: translate3d(0, 0, 0)
    }
}

.web-rtc-player-wrapper {
    height: 100%;
    width: 100%;
    display: flex;
    flex-direction: row
}

.web-rtc-player-wrapper .web-rtc-player {
    width: 100%
}

.web-rtc-player {
    position: relative;
    width: 100%
}

.web-rtc-player .web-rtc-content {
    height: 100%;
    display: flex;
    flex-direction: column
}

.web-rtc-player .web-rtc-content-wrapper {
    align-self: center;
    height: 100%;
    position: relative;
    width: 100%
}

.web-rtc-player .web-rtc-content-wrapper .broadcast-expand-button {
    position: absolute;
    right: 5px;
    top: 5px
}

.web-rtc-player .web-rtc-settings,
.web-rtc-player .web-rtc-settings-bottom {
    display: none
}

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

.web-rtc-player .web-rtc-broadcasting,
.web-rtc-player .web-rtc-playing {
    height: 100%;
    position: relative;
    width: 100%
}

.web-rtc-player .web-rtc-broadcasting .web-rtc-video-element {
    height: 100%;
    position: relative
}

.web-rtc-player .web-rtc-broadcasting video {
    background: 0 0;
    min-height: 50px;
    position: relative;
    width: 100%
}

.web-rtc-player .web-rtc-broadcasting--new video {
    max-height: 100%
}

.web-rtc-player.cam-to-cam:not(.settings) .web-rtc-broadcasting,
.web-rtc-player.cam-to-cam:not(.settings) .web-rtc-playing {
    display: block
}

.web-rtc-player.cam-to-cam:not(.settings).expanded-in-cam-to-cam .web-rtc-playing,
.web-rtc-player.cam-to-cam:not(.settings):not(.expanded-in-cam-to-cam) .web-rtc-broadcasting {
    bottom: 10px;
    box-shadow: 1px 1px 5px #000;
    height: auto;
    left: 10px;
    position: absolute;
    width: 20%;
    z-index: 107
}

.web-rtc-player.cam-to-cam:not(.settings).expanded-in-cam-to-cam .web-rtc-playing .cam-2-voice-replacer,
.web-rtc-player.cam-to-cam:not(.settings):not(.expanded-in-cam-to-cam) .web-rtc-broadcasting .cam-2-voice-replacer {
    background-color: #2f2f2f;
    padding: 10px
}

.web-rtc-player.cam-to-cam:not(.settings).expanded-in-cam-to-cam .web-rtc-playing .cam-2-voice-replacer .icon,
.web-rtc-player.cam-to-cam:not(.settings):not(.expanded-in-cam-to-cam) .web-rtc-broadcasting .cam-2-voice-replacer .icon {
    height: 42px;
    width: 42px
}

.web-rtc-player.cam-to-cam:not(.settings).expanded-in-cam-to-cam .web-rtc-playing .cam-2-voice-replacer .cam-2-voice-replacer-explain,
.web-rtc-player.cam-to-cam:not(.settings):not(.expanded-in-cam-to-cam) .web-rtc-broadcasting .cam-2-voice-replacer .cam-2-voice-replacer-explain {
    font-weight: 400
}

.web-rtc-player.cam-to-cam:not(.settings).expanded-in-cam-to-cam .web-rtc-playing .loader,
.web-rtc-player.cam-to-cam:not(.settings):not(.expanded-in-cam-to-cam) .web-rtc-broadcasting .loader {
    max-height: 100%;
    max-width: 50%
}

.web-rtc-player.cam-to-cam:not(.settings).expanded-in-cam-to-cam .web-rtc-playing .loader>.fading-circle,
.web-rtc-player.cam-to-cam:not(.settings):not(.expanded-in-cam-to-cam) .web-rtc-broadcasting .loader>.fading-circle {
    height: auto !important;
    max-width: 100%;
    padding-top: 100%;
    position: absolute;
    top: 50%;
    transform: translateY(-50%)
}

.web-rtc-player.settings .cam-2-voice-replacer {
    display: none
}

.web-rtc-player.settings .web-rtc-content-wrapper {
    align-self: flex-start
}

.web-rtc-player.settings .web-rtc-playing {
    display: none
}

.web-rtc-player.settings .web-rtc-broadcasting {
    flex: 1;
    flex-basis: 50%;
    flex-grow: 1;
    flex-shrink: 0
}

.web-rtc-player.settings .web-rtc-video-remote-wrapper {
    display: none
}

.web-rtc-player.settings .web-rtc-settings {
    background: #2b2b2b;
    height: 100%;
    justify-content: flex-start;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 109;
    display: flex;
    flex-direction: row
}

.web-rtc-player.settings .web-rtc-settings .video-element-wrapper {
    padding: 10px;
    flex: 1;
    flex-basis: 60%;
    flex-grow: 0;
    flex-shrink: 1
}

.web-rtc-player.settings .web-rtc-settings .video-element-wrapper .web-rtc-settings-video-element {
    height: auto
}

.web-rtc-player.settings .web-rtc-settings .web-rtc-settings-controls {
    padding: 10px;
    flex: 1;
    flex-basis: 40%;
    flex-grow: 1;
    flex-shrink: 0
}

.web-rtc-player.settings .web-rtc-settings .web-rtc-controls {
    flex: 1;
    flex-basis: 40%;
    flex-grow: 1;
    flex-shrink: 0
}

.web-rtc-player.settings .web-rtc-settings .web-rtc-control {
    display: flex;
    flex-direction: column
}

.web-rtc-player.settings .web-rtc-settings .web-rtc-control .error {
    color: #f14b57;
    margin: 5px;
    font-size: .75rem;
    line-height: .938rem
}

.web-rtc-player.settings .web-rtc-settings .web-rtc-control-label {
    color: #8d8d8d;
    display: block;
    margin-left: 5px;
    font-size: .813rem;
    line-height: 1.25rem
}

.web-rtc-player.settings .web-rtc-settings .web-rtc-control-label .web-rtc-help {
    height: 14px;
    margin-left: 5px;
    width: 14px;
    font-size: .688rem;
    line-height: .75rem
}

.web-rtc-player.settings .web-rtc-settings .web-rtc-control-select {
    margin: 5px 0;
    width: 100%
}

.web-rtc-player.mirror .web-rtc-broadcasting video,
.web-rtc-player.mirror .web-rtc-settings video {
    transform: scaleX(-1)
}

.fullscreen .web-rtc-player.cam-to-cam:not(.settings).expanded-in-cam-to-cam .web-rtc-playing,
.fullscreen .web-rtc-player.cam-to-cam:not(.settings):not(.expanded-in-cam-to-cam) .web-rtc-broadcasting {
    bottom: 5px;
    left: auto;
    right: 5px
}

.fullscreen.broadcast-player .web-rtc-player.cam-to-cam:not(.settings).expanded-in-cam-to-cam .web-rtc-playing,
.fullscreen.broadcast-player .web-rtc-player.cam-to-cam:not(.settings):not(.expanded-in-cam-to-cam) .web-rtc-broadcasting {
    z-index: 107
}

.fullscreen.hover .web-rtc-player.cam-to-cam:not(.settings).expanded-in-cam-to-cam .web-rtc-playing,
.fullscreen.hover .web-rtc-player.cam-to-cam:not(.settings):not(.expanded-in-cam-to-cam) .web-rtc-broadcasting {
    bottom: 55px;
    left: auto;
    right: 5px
}

.i-os .fullscreen.hover .web-rtc-player.cam-to-cam:not(.settings).expanded-in-cam-to-cam .web-rtc-playing,
.i-os .fullscreen.hover .web-rtc-player.cam-to-cam:not(.settings):not(.expanded-in-cam-to-cam) .web-rtc-broadcasting {
    bottom: 70px;
    left: auto;
    right: 67px
}

@keyframes ModelListImageLinkMobileBlur__fadeOut\#Do {
    from {
        opacity: .99
    }

    to {
        opacity: 0
    }
}

.ModelListImageLinkMobileBlur__filter-blur\#xL::before {
    filter: blur(10px) brightness(.6)
}

.ModelListImageLinkMobileBlur__filter\#ET {
    background-color: rgba(0, 0, 0, .4);
    background-image: inherit;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.ModelListImageLinkMobileBlur__transition\#Tb {
    animation: ModelListImageLinkMobileBlur__fadeOut\#Do .4s ease-in;
    animation-fill-mode: forwards;
    opacity: 0
}

.model-list-private-badge {
    align-items: center;
    background: #a2252d;
    border-radius: 4px;
    color: #f8f8f8;
    display: flex;
    font-size: 10px;
    font-weight: 700;
    height: 16px;
    letter-spacing: .4px;
    line-height: 1;
    margin: 0;
    overflow: hidden;
    padding: 0 4px;
    pointer-events: none;
    text-overflow: ellipsis;
    white-space: nowrap;
    z-index: 80
}

.ModelListItemBadge\#mI {
    background-color: rgba(0, 0, 0, .7);
    background-position: center;
    background-repeat: no-repeat;
    border-radius: 4px;
    color: #f8f8f8;
    flex-shrink: 0;
    height: 20px;
    margin: 0;
    width: 20px
}

.ModelListItemBadge__mobile\#qE {
    background-image: url(discovery/components/ModelList/ModelListItem/badges/icons/mobile-phone-ds.svg)
}

.ModelListItemBadge__vr\#hn {
    background-image: url(discovery/components/ModelList/ModelListItem/badges/icons/badge-vr-ds.svg);
    width: 25px
}

.ModelListItemBadge__ticketShow\#bL {
    background-image: url(discovery/components/ModelList/ModelListItem/badges/icons/ticket-ds.svg)
}

.ModelListItemBadge__groupShow\#_N {
    background-image: url(discovery/components/ModelList/ModelListItem/badges/icons/group-ds.svg)
}

.ModelListItemBadge__toy\#sP {
    background-image: url(discovery/components/ModelList/ModelListItem/badges/icons/interactive-toy-ds.svg)
}

.ModelListItemBadge__new\#tl {
    background-image: url(discovery/components/ModelList/ModelListItem/badges/icons/badge-new-ds.svg);
    height: 16px;
    width: 32px
}

.ModelListItemBadge__favorite\#vd {
    background-color: transparent;
    background-image: url(discovery/components/ModelList/ModelListItem/badges/icons/badge-favorite.svg);
    height: 18px;
    width: 18px
}

.ModelListItemBadge__eye\#EN {
    background-color: transparent;
    background-image: url(discovery/components/ModelList/ModelListItem/badges/icons/eye-ds.svg);
    height: 12px;
    margin-right: 4px;
    width: 12px
}

.ModelThumbViewers\#V0 {
    align-items: center;
    color: #fff;
    display: flex;
    font-size: 10px;
    font-weight: 500;
    line-height: 16px;
    margin-bottom: 2px;
    opacity: .9;
    text-shadow: 0 1px 4px rgba(0, 0, 0, .5);
    width: 100%
}

.ReportButton\#X2:disabled {
    cursor: unset;
    opacity: .4
}

.ReportButton_withoutText\#wB .icon {
    margin: 0
}

ul.ReportButton__tooltip\#DI {
    list-style: disc inside;
    margin-top: 0
}

ul.ReportButton__tooltip\#DI li {
    padding-left: 6px
}

.ReportButton__tooltipPortalContainer\#lw {
    position: absolute;
    width: 300px
}

.ReportButton__text\#IV {
    color: rgba(255, 255, 255, .8)
}

.confirmation-modal.modal-wrapper .modal-content {
    min-height: 100px;
    min-width: 300px
}

.confirmation-modal.modal-wrapper .modal-content .modal-body {
    background-color: rgba(85, 82, 63, .8);
    max-width: 340px;
    padding: 32px
}

.confirmation-modal.modal-wrapper .modal-content .confirmation-modal-description {
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
    margin: 20px 0;
    opacity: .6
}

.confirmation-modal.modal-wrapper .modal-content .confirmation-modal-title {
    font-size: 18px;
    line-height: 22px;
    margin: 0 0 16px
}

.confirmation-modal.modal-wrapper.is-modern .modal-header {
    display: none
}

.confirmation-modal.modal-wrapper.is-modern .modal-body {
    background: #2e2e2e;
    border-radius: 12px
}

.confirmation-modal.modal-wrapper.is-modern .confirmation-modal-controls {
    display: flex
}

.confirmation-modal.modal-wrapper.is-modern .confirmation-modal-controls button.btn {
    margin: 0 20px 0 0
}

.confirmation-modal-btn-confirm {
    float: right
}

.confirmation-modal-close {
    align-items: center;
    color: rgba(248, 248, 248, .4);
    cursor: pointer;
    display: flex;
    height: 32px;
    justify-content: center;
    position: absolute;
    right: -6px;
    top: -36px;
    width: 32px
}

.confirmation-modal-close .icon {
    display: block;
    margin: 0
}

.confirmation-modal-close:hover {
    color: rgba(248, 248, 248, .6)
}

.not-interested-confirmation-modal .modal-body {
    padding: 20px
}

.not-interested-confirmation-modal .confirmation-modal-description {
    white-space: pre-line
}

.model-additional-menu .model-additional-menu__button {
    align-items: center;
    border-radius: 4px;
    cursor: pointer;
    display: flex;
    height: 24px;
    justify-content: center;
    position: relative;
    transition: 90ms ease-in-out;
    width: 24px
}

.model-additional-menu .model-additional-menu__button .icon-more-vertical {
    color: rgba(255, 255, 255, .6);
    margin-right: 0
}

.model-additional-menu .model-additional-menu__button:hover {
    cursor: pointer
}

.model-additional-menu.shown .icon-more-vertical,
.model-additional-menu:hover .icon-more-vertical {
    color: #fff
}

.model-additional-menu.model-additional-menu--model-list-item {
    display: none
}

.model-additional-menu.model-additional-menu--model-list-item .icon-more-vertical {
    color: #fff
}

.model-additional-menu.model-additional-menu--model-list-item .model-additional-menu__button .icon-more-vertical {
    height: 14px
}

.model-additional-menu.model-additional-menu--model-list-item.shown .model-additional-menu__button,
.model-additional-menu.model-additional-menu--model-list-item:hover .model-additional-menu__button {
    background: #3e3f42
}

.model-additional-menu.model-additional-menu--model-list-item.shown {
    display: flex
}

body.touch .model-additional-menu.model-additional-menu--model-list-item {
    display: none !important
}

.model-additional-menu.model-additional-menu--view-cam-header {
    margin-left: -10px
}

.model-additional-menu.model-additional-menu--view-cam-header .model-additional-menu__button.shown,
.model-additional-menu.model-additional-menu--view-cam-header .model-additional-menu__button:hover {
    background: rgba(255, 255, 255, .1)
}

.model-list-item:hover .model-additional-menu.model-additional-menu--model-list-item {
    display: flex
}

.model-list-item:hover .model-additional-menu.model-additional-menu--model-list-item .model-additional-menu__button {
    background: rgba(0, 0, 0, .4)
}

.model-list-item:hover .model-additional-menu.model-additional-menu--model-list-item .model-additional-menu__button.shown,
.model-list-item:hover .model-additional-menu.model-additional-menu--model-list-item .model-additional-menu__button:hover {
    background: #3e3f42
}

.model-additional-menu.model-additional-menu--profile .model-additional-menu__button {
    height: 32px;
    width: 32px;
    background: 0 0
}

.model-additional-menu.model-additional-menu--profile .icon-more-vertical {
    color: rgba(255, 255, 255, .6)
}

.model-additional-menu.model-additional-menu--profile.shown .icon-more-vertical,
.model-additional-menu.model-additional-menu--profile:hover .icon-more-vertical {
    color: #f8f8f8
}

.model-additional-menu.model-additional-menu--profile.shown .model-additional-menu__button,
.model-additional-menu.model-additional-menu--profile:hover .model-additional-menu__button {
    background: #3e3f42
}

.model-additional-menu-dropdown {
    padding: 0;
    z-index: 201
}

.model-additional-menu-dropdown>.tooltip-inner {
    background: #3e3f42;
    box-shadow: 0 4px 32px rgba(0, 0, 0, .6);
    padding: 0
}

.model-additional-menu-dropdown>.tooltip-inner::before {
    display: none
}

.model-additional-menu-dropdown .model-additional-menu-dropdown__section {
    align-items: center;
    border-bottom: 1px solid rgba(255, 255, 255, .2);
    color: rgba(255, 255, 255, .6);
    display: flex;
    font-weight: 400;
    padding: 14px 16px;
    white-space: nowrap;
    width: 100%;
    line-height: 1.125rem;
    font-size: .938rem
}

.model-additional-menu-dropdown .model-additional-menu-dropdown__section .icon {
    margin-right: 8px
}

.model-additional-menu-dropdown .model-additional-menu-dropdown__section:not(.disabled):hover {
    color: #fff
}

.model-additional-menu-dropdown .model-additional-menu-dropdown__section.disabled {
    color: rgba(255, 255, 255, .2)
}

.model-additional-menu-dropdown .model-additional-menu-dropdown__section:last-of-type {
    border: none;
    margin: 0
}

.model-additional-menu-dropdown.model-additional-menu-dropdown--model-list-item {
    margin-top: 2px;
    padding: 0
}

.model-additional-menu-dropdown.model-additional-menu-dropdown--profile {
    margin-top: 19px
}

.model-additional-menu-dropdown.model-additional-menu-dropdown--view-cam-header {
    margin-top: 8px
}

body.touch .model-additional-menu-dropdown.model-additional-menu-dropdown--view-cam-header {
    margin-top: 13px
}

.sticky-header-mobile.sh-hide-header .model-additional-menu-dropdown.model-additional-menu-dropdown--view-cam-header,
.sticky-header-mobile.sh-hide-header-instant .model-additional-menu-dropdown.model-additional-menu-dropdown--view-cam-header {
    display: none
}

.model-list-item {
    align-items: stretch;
    display: flex;
    flex-direction: column;
    min-height: 110px;
    padding: 5px;
    position: relative
}

.model-list-item.model-list-vertical-item {
    aspect-ratio: 1/1.618;
    overflow: hidden;
    position: relative
}

.model-list-item.model-list-vertical-item img,
.model-list-item.model-list-vertical-item video {
    -o-object-fit: cover;
    object-fit: cover
}

.model-list-item__live-thumb {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.model-list-item-link {
    background-color: #202020;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    display: block;
    height: 100%;
    overflow: hidden;
    padding-bottom: 75%;
    position: relative;
    width: 100%;
    z-index: 0
}

.model-list-item-link:hover {
    z-index: 1
}

.model-list-item-link.no-cover {
    background-image: url(discovery/components/ModelList/model-loading-dark.svg)
}

.model-list-item-link::after {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 33.33%, rgba(0, 0, 0, .15) 80%, rgba(0, 0, 0, .5) 100%);
    content: " ";
    display: block;
    pointer-events: none
}

.model-list-item--mobile .model-list-item-link {
    background-size: contain
}

.model-list-item-link .award-place {
    margin-right: 4px;
    margin-top: 2px
}

.model-list-item-link .award-hall-of-fame {
    margin-right: -3px;
    margin-top: 0
}

.model-list-item-with-bottom-info .model-list-item-link {
    height: auto
}

.i-os .model-list-vertical-item>.model-list-item-link {
    height: 97.5%
}

.model-list-item-additional-menu-wrapper {
    margin-left: 2px;
    margin-right: 2px
}

.model-list-item-additional-menu-wrapper--absolute {
    position: absolute;
    right: 0
}

.model-list-item-link-mobile-blur {
    background-image: inherit;
    background-repeat: no-repeat;
    background-size: 0;
    bottom: 0;
    left: 0;
    overflow: hidden;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 0
}

.model-list-item-link-mobile-blur::before {
    background-color: #202020;
    background-image: inherit;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    transform: scale(1.04);
    transform-origin: center
}

.model-list-item-upper {
    align-items: flex-start;
    display: flex;
    flex-wrap: nowrap;
    gap: 4px;
    left: 2px;
    position: absolute;
    right: 2px;
    top: 2px;
    z-index: 1
}

.model-list-item-upper-right {
    -moz-column-gap: 4px;
    column-gap: 4px;
    display: flex;
    flex-direction: row-reverse;
    margin-left: auto;
    white-space: nowrap
}

.model-list-item-center {
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%)
}

.model-list-item-lower {
    align-items: center;
    bottom: 8px;
    -moz-column-gap: 4px;
    column-gap: 4px;
    display: flex;
    flex-wrap: wrap;
    font-size: .75rem;
    left: 8px;
    letter-spacing: .044rem;
    position: absolute;
    right: 8px;
    z-index: 1
}

.model-list-item-lower-identity {
    align-items: flex-end;
    -moz-column-gap: 4px;
    column-gap: 4px;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap
}

.model-list-item-recommended.model-list-item-recommended {
    left: -2px;
    position: absolute;
    top: 20px
}

.model-list-item-recommended-icon {
    height: 20px;
    width: 31px
}

.model-list-item-live {
    aspect-ratio: 30/16;
    color: #f8f8f8;
    fill: red;
    height: 16px;
    margin: 0;
    width: auto
}

.model-list-item-offline-private-tooltip.css-tooltip-top {
    min-width: 0;
    z-index: 2
}

.model-list-item-offline-private-tooltip.css-tooltip-top::after {
    white-space: pre-wrap;
    width: 155px
}

.model-list-item-offline-private {
    align-items: center;
    background-color: #ffa900;
    border-radius: 4px;
    color: #000;
    display: flex;
    font-style: normal;
    font-weight: 700;
    height: 20px;
    letter-spacing: 0;
    margin: 0;
    padding: 0 4px;
    font-size: .625rem;
    line-height: .75rem
}

.model-list-item-offline-private .icon {
    flex-shrink: 0;
    margin-right: 2px
}

.model-list-item-offline-private-text {
    letter-spacing: .4px;
    margin-left: 3px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.model-list-item-price {
    align-items: center;
    background-color: rgba(0, 0, 0, .7);
    border-radius: 4px;
    color: #f8f8f8;
    display: flex;
    font-weight: 700;
    height: 16px;
    line-height: 1;
    margin: 0;
    padding: 0 4px;
    font-size: .75rem
}

.model-list-item-favorite {
    height: 18px;
    margin: 0;
    width: 18px
}

.model-list-item-username {
    color: #fff;
    font-weight: 500;
    margin: 0;
    max-width: 100%;
    padding: 1px 0;
    text-shadow: 0 1px 2px rgba(0, 0, 0, .3);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    letter-spacing: .063rem
}

.model-list-item-username em {
    background: #d5444e;
    display: inline-block;
    font-style: normal;
    line-height: 20px
}

.model-list-item-username-short {
    max-width: calc(100% - 22px)
}

.model-list-item-viewers {
    margin-bottom: 2px
}

.model-list-item-country {
    border-radius: 2px;
    display: inline-flex;
    flex-shrink: 1;
    margin-left: auto
}

.model-list-item-bottom-info {
    margin-top: 8px;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    line-clamp: 3;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: .75rem;
    line-height: .938rem
}

.model-list-item-bottom-info .title {
    color: rgba(248, 248, 248, .8)
}

.model-list-item-bottom-info .activity {
    font-weight: 700;
    overflow-wrap: break-word
}

.model-list-item-bottom-info .tokens {
    color: #b2e345;
    font-weight: 700
}

.model-list-item__undo-not-interested {
    align-items: center;
    background: rgba(0, 0, 0, .9);
    bottom: 0;
    cursor: initial;
    display: flex;
    flex-direction: column;
    justify-content: center;
    left: 0;
    overflow: hidden;
    padding: 20px;
    position: absolute;
    right: 0;
    text-align: center;
    top: 0;
    z-index: 11
}

.model-list-item__undo-not-interested-progress {
    background-color: #953032;
    bottom: 0;
    height: 4px;
    left: 0;
    position: absolute;
    transform-origin: 0 0 0;
    width: 100%
}

.model-list-item__undo-not-interested-title {
    color: #f8f8f8;
    font-weight: 400;
    margin-bottom: 12px;
    line-height: 1.125rem;
    font-size: .813rem
}

.model-list-item__undo-not-interested-link {
    align-items: baseline;
    color: rgba(248, 248, 248, .6);
    display: flex;
    font-weight: 400;
    font-size: .813rem;
    line-height: 1rem
}

.model-list-item__undo-not-interested-link .icon {
    height: 8px;
    margin-left: 5px;
    margin-right: 0;
    width: 5px
}

.model-list-item__undo-not-interested-button {
    background: 0 0;
    transition: 90ms ease-in-out;
    border-color: #5b5b5b;
    border-width: 2px;
    color: rgba(248, 248, 248, .6);
    flex-shrink: 0;
    font-weight: 500;
    margin-bottom: 20px;
    margin-right: 0;
    font-size: .813rem
}

.model-list-item__undo-not-interested-button>.icon {
    fill: #fff;
    transition: 90ms ease-in-out
}

.model-list-item__undo-not-interested-button.focus,
.model-list-item__undo-not-interested-button:focus {
    background: 0 0;
    color: #f8f8f8;
    border-color: #f8f8f8
}

.model-list-item__undo-not-interested-button.focus>.icon,
.model-list-item__undo-not-interested-button:focus>.icon {
    fill: #f8f8f8
}

.model-list-item__undo-not-interested-button.active,
.model-list-item__undo-not-interested-button:active {
    background: 0 0;
    color: #f8f8f8;
    border-color: #f8f8f8
}

.model-list-item__undo-not-interested-button.active>.icon,
.model-list-item__undo-not-interested-button:active>.icon {
    fill: #f8f8f8
}

.model-list-item__undo-not-interested-button .btn-loader-overlay {
    color: #fff;
    background-color: transparent
}

.ModelListUltimateBanner\#Iu {
    margin: 28px 4px;
    position: relative;
    width: 100%
}

.ModelListUltimateBanner__link\#Gx {
    --border-width: 4px;
    --border-radius: 12px;
    align-self: stretch;
    background: radial-gradient(66% 150% at 0% 0%, #fd5201 0%, rgba(253, 82, 1, .2) 100%);
    border-radius: var(--border-radius);
    color: #f8f8f8;
    display: flex;
    flex-grow: 1;
    justify-content: center;
    overflow: hidden;
    padding: var(--border-width);
    position: relative;
    transition: background-color .1s ease-out;
    width: 100%
}

.ModelListUltimateBanner__link\#Gx:active,
.ModelListUltimateBanner__link\#Gx:focus,
.ModelListUltimateBanner__link\#Gx:hover {
    text-decoration: none
}

.ModelListUltimateBanner__link\#Gx:hover {
    background: radial-gradient(130% 150% at 0% 0%, #fd5201 0%, rgba(253, 82, 1, .2) 100%);
    color: #f8f8f8
}

.ModelListUltimateBanner__link\#Gx:hover .ModelListUltimateBanner__box\#mx {
    background: radial-gradient(150% 200% at 0% 0%, rgba(172, 33, 2, .6) 0%, rgba(72, 21, 7, .5) 100%)
}

.ModelListUltimateBanner__overlay\#Ry {
    background-color: #000;
    border-radius: calc(var(--border-radius) - var(--border-width));
    flex-grow: 1
}

.ModelListUltimateBanner__box\#mx {
    align-self: stretch;
    background: radial-gradient(66% 200% at 0% 0%, rgba(172, 33, 2, .6) 0%, rgba(72, 21, 7, .5) 100%);
    border-radius: calc(var(--border-radius) - var(--border-width));
    display: flex;
    flex-grow: 1;
    justify-content: center;
    padding: 29px 43px 29px 0;
    position: relative;
    transition: background-color .1s ease-out
}

.ModelListUltimateBanner__content\#Et {
    align-self: stretch;
    display: flex;
    flex-grow: 1;
    max-width: 884px;
    width: 100%
}

.ModelListUltimateBanner__description\#x6 {
    align-items: center;
    display: flex;
    flex-direction: row;
    flex-grow: 1;
    justify-content: space-between
}

.ModelListUltimateBanner__close-button\#Ws {
    color: rgba(248, 248, 248, .6);
    display: inline-flex;
    padding: 20px;
    position: absolute;
    right: 0;
    top: 0
}

.ModelListUltimateBanner__close-button\#Ws:hover {
    color: rgba(248, 248, 248, .8)
}

.ModelListUltimateBanner__star\#G9 {
    background: url(common/images/levels/ultimate-star-big.svg) center/100% no-repeat;
    height: 100px;
    width: 100px;
    flex-shrink: 0;
    margin-right: 10px;
    position: relative;
    transform: translateY(-14px)
}

.ModelListUltimateBanner__star\#G9::before {
    border-radius: 50%;
    box-shadow: 0 0 80px 10px #fa7902;
    content: "";
    height: 70%;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 70%
}

.ModelListUltimateBanner__title\#_T {
    font-weight: 500;
    line-height: 1;
    margin-bottom: 20px;
    margin-top: 0;
    font-size: 2rem;
    letter-spacing: .001rem
}

.ModelListUltimateBanner__mobileTitle\#Dd {
    display: none;
    padding-right: 30px
}

.ModelListUltimateBanner__sub-title\#xD {
    font-weight: 500;
    line-height: 1;
    margin-top: 8px;
    font-size: 1rem
}

.ModelListUltimateBanner__sub-title-accent\#bz {
    -webkit-background-clip: text;
    background-clip: text;
    background-image: linear-gradient(90deg, #f99901 0%, #fe0b00 70%, #fe0b00 100%);
    color: transparent
}

.ModelListUltimateBanner__hover\#dw {
    aspect-ratio: 123/90;
    background-image: url("discovery/features/modelListUltimateBanner/hover-icon-dark.svg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    bottom: 1px;
    margin-right: 35px;
    position: absolute;
    right: 100%;
    width: 124px
}

.ModelListUltimateBanner__thumb\#i6 {
    display: flex;
    flex-shrink: 0;
    position: relative;
    width: 194px
}

.ModelListUltimateBanner__thumb\#i6::after {
    aspect-ratio: 1;
    background-image: url("discovery/features/modelListUltimateBanner/pointer-icon.svg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    bottom: 15px;
    content: "";
    display: block;
    position: absolute;
    right: -25px;
    width: 51px;
    z-index: 9
}

.ModelListUltimateBanner\#Iu .ModelListUltimateBanner__discover-desktop-button\#Uq {
    background-color: #e55f00;
    color: #f8f8f8
}

.ModelListUltimateBanner\#Iu .ModelListUltimateBanner__discover-desktop-button\#Uq:hover {
    background: #fff;
    color: #000
}

.ModelListUltimateBanner__discover-mobile\#xM {
    align-self: center;
    flex-grow: 1;
    font-style: normal;
    font-weight: 500;
    line-height: 1.4;
    position: relative;
    font-size: .813rem;
    letter-spacing: .013rem
}

.ModelListUltimateBanner__discover-mobile-content\#qG {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    left: 0;
    padding: 0 20px;
    position: absolute;
    text-align: center;
    top: 50%;
    transform: translateY(-50%);
    width: 100%
}

.ModelListUltimateBanner\#Iu .ModelListUltimateBanner__discover-mobile-button\#YS {
    align-items: center;
    aspect-ratio: 1;
    background-color: #e55f00;
    border-radius: 50%;
    color: #f8f8f8;
    display: inline-flex;
    height: 38px;
    justify-content: center;
    margin: 0;
    padding: 0
}

.ModelListUltimateBanner\#Iu .ModelListUltimateBanner__discover-mobile-button\#YS:hover {
    background: #fff;
    color: #000
}

.ModelListUltimateBanner__discover-mobile-button-label\#nR {
    color: #e55f00;
    margin-top: 13px
}

.ThumbPreview\#ed {
    aspect-ratio: 4/3;
    background-color: #202020;
    border-radius: 6px;
    overflow: hidden;
    position: relative;
    width: 100%
}

.ThumbPreview__preview\#UQ {
    aspect-ratio: 16/9;
    height: 100%;
    left: 50%;
    position: absolute;
    top: 0;
    transform: translateX(-50%)
}

.ThumbPreview__upper\#hy {
    display: flex;
    left: 2px;
    position: absolute;
    top: 2px
}

.tokens-giveaway-banner.compact {
    padding-right: 18px
}

.tokens-giveaway-banner.compact .tokens-giveaway-banner-container {
    padding-right: 14px
}

.tokens-giveaway-banner.compact .tokens-giveaway-icon {
    margin-right: 8px
}

.tokens-giveaway-banner.compact .tokens-giveaway-description .tokens-giveaway-amount {
    line-height: 2.25rem;
    font-size: 2.438rem
}

.tokens-giveaway-banner.compact .tokens-giveaway-description .tokens-giveaway-title {
    display: flex;
    flex-wrap: nowrap;
    font-weight: 700;
    text-transform: capitalize;
    font-size: .938rem;
    line-height: 1rem
}

.tokens-giveaway-banner.extra-compact .tokens-giveaway-banner-container {
    align-items: center;
    display: flex;
    height: 34px;
    justify-content: center;
    margin: 0;
    padding: 0;
    width: 34px
}

.tokens-giveaway-banner.extra-compact .tokens-giveaway-icon {
    height: 20px;
    margin: 0;
    width: 18px
}

.tokens-giveaway-banner .tokens-giveaway-banner-container {
    align-items: center;
    background-color: rgba(255, 255, 255, .4);
    background-image: linear-gradient(135deg, #87c63a 0%, #398719 100%);
    color: #fff;
    cursor: pointer;
    margin-top: 10px;
    overflow: hidden;
    padding: 10px;
    position: relative;
    border-radius: 4px;
    display: flex;
    flex-direction: row
}

.tokens-giveaway-banner .tokens-giveaway-banner-container::after {
    background-color: #fff;
    content: " ";
    height: 100%;
    left: 0;
    opacity: .01;
    position: absolute;
    top: 0;
    transition: opacity .24s ease-in-out;
    width: 100%;
    will-change: opacity
}

.tokens-giveaway-banner .tokens-giveaway-banner-container:hover::after {
    opacity: .15
}

.tokens-giveaway-banner .tokens-giveaway-icon {
    color: #000;
    height: 28px;
    margin-right: 16px;
    opacity: .5;
    width: 34px;
    flex: 1;
    flex-basis: auto;
    flex-grow: 0;
    flex-shrink: 0
}

.tokens-giveaway-banner .tokens-giveaway-description {
    align-items: center;
    display: flex;
    flex-direction: row;
    font-size: 1.25rem
}

.tokens-giveaway-banner .tokens-giveaway-description .tokens-giveaway-amount {
    font-weight: 700;
    margin-right: 6px
}

.tokens-giveaway-banner .tokens-giveaway-description .tokens-giveaway-title {
    text-transform: inherit
}

.tokens-giveaway-banner .tokens-giveaway-description .tokens-giveaway-title-part:first-child {
    font-weight: 700
}

.tokens-giveaway-banner .tokens-giveaway-description .tokens-giveaway-title-part:nth-child(2) {
    opacity: .6
}

.separated-filters-no-results {
    align-items: center;
    display: flex;
    flex-direction: column
}

.separated-filters-no-results__title {
    color: #ebebeb;
    font-size: 20px;
    font-weight: 500;
    line-height: 24px;
    margin-bottom: 12px
}

.separated-filters-no-results__description {
    color: rgba(248, 248, 248, .6);
    font-size: 13px;
    font-weight: 500;
    line-height: 16px;
    margin-bottom: 16px
}

.lazy-load-model-list-clear-filters-suggestion {
    padding: 48px 0
}

.model-list-wrapper {
    padding-bottom: 20px;
    width: 100%
}

.model-list-wrapper:last-child {
    padding-bottom: 40px
}

.model-list-wrapper .model-list-container .model-filter-show-more-wrapper {
    display: flex;
    justify-content: center
}

.model-list-wrapper .model-list-container .model-filter-show-more {
    align-self: center;
    margin-right: 0;
    margin-top: 20px;
    text-transform: uppercase
}

.page-button {
    align-items: center;
    border: 1px solid rgba(255, 255, 255, .2);
    border-radius: 36px;
    color: rgba(255, 255, 255, .6);
    display: inline-flex;
    font-weight: 400;
    height: 36px;
    justify-content: center;
    margin: 0 6px 10px;
    min-width: 36px
}

.page-button:hover {
    background: rgba(255, 255, 255, .3);
    border-color: transparent;
    color: #fff;
    text-decoration: none
}

.page-button:hover .icon {
    fill: #fff
}

.page-button.page-button-ellipsis {
    border: 0 !important;
    color: rgba(255, 255, 255, .5);
    pointer-events: none
}

.page-button.page-button-beginning,
.page-button.page-button-next {
    padding: 0 20px
}

.page-button.page-button-next-small {
    margin-bottom: 0
}

.page-button .shift-nav-button {
    align-items: center;
    display: flex;
    flex-direction: row
}

.page-button .icon {
    fill: rgba(255, 255, 255, 0.6);
    height: 14px;
    margin: 0;
    width: 14px
}

.page-button.hidden {
    opacity: 0;
    pointer-events: none
}

.page-button.page-button-next,
.page-button.page-button-prev {
    padding: 0 20px
}

.PageButton__pageButtonIntegratedSections\#aY {
    border: 1px solid rgba(248, 248, 248, .2);
    color: rgba(248, 248, 248, .5)
}

.PageButton__pageButtonIntegratedSections\#aY:hover {
    background: rgba(248, 248, 248, .2);
    color: #f8f8f8;
    text-decoration: none
}

.PageButton__pageButtonIntegratedSections\#aY:hover .icon {
    fill: #f8f8f8
}

.PageButton__pageButtonIntegratedSections\#aY .icon {
    fill: rgba(248, 248, 248, 0.5)
}

.pagination {
    display: flex;
    justify-content: center;
    margin-top: 20px;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    width: 100%
}

.pagination .page-button {
    font-size: .75rem
}

.pagination .page-button .icon {
    height: 10px;
    width: 10px
}

.pagination .page-button .icon:first-child {
    margin-right: 6px
}

.pagination .page-button .icon:last-child {
    margin-left: 6px
}

.pagination .page-button:hover,
.pagination .page-button:hover .icon {
    transition: 60ms ease-in-out
}

.pagination .page-button.active {
    background: #a2252d;
    background: var(--primary);
    border: none;
    color: #fff
}

.ViewCamModelList\#VQ .model-filter-link.model-filter__link--active .model-filter__link-label {
    color: #fff;
    opacity: 1
}

.ViewCamModelList\#VQ .model-filter-link .model-filter__link-label {
    color: #fff;
    opacity: .6
}

.ViewCamModelList\#VQ .model-filter-link:hover .model-filter__link-label {
    color: #fff;
    opacity: 1
}

.ViewCamModelList\#VQ .model-filter-link:hover .model-filter__link-label .icon {
    fill: #fff
}

.not-found-wrapper {
    align-items: center;
    justify-content: center;
    display: flex;
    flex-direction: column
}

.not-found-wrapper .not-approved-model,
.not-found-wrapper .not-found-error {
    justify-content: space-around;
    margin: 100px 0;
    max-width: 900px;
    width: 100%;
    display: flex;
    flex-direction: row
}

.not-found-wrapper .description-wrapper,
.not-found-wrapper .icon-wrapper,
.not-found-wrapper .text-wrapper {
    justify-content: center;
    flex: 1;
    flex-basis: 50%;
    flex-grow: 1;
    flex-shrink: 0;
    display: flex;
    flex-direction: row
}

.not-found-wrapper .text-wrapper {
    color: #3e3e3e;
    font-weight: 700;
    font-size: 13.75rem;
    line-height: 10rem
}

.not-found-wrapper .description-wrapper {
    align-items: flex-start;
    justify-content: space-between;
    margin-left: 10px;
    display: flex;
    flex-direction: column
}

.not-found-wrapper .description {
    color: rgba(255, 255, 255, .8);
    font-weight: 400;
    margin-bottom: 20px;
    max-width: 100%;
    font-size: 1.875rem;
    line-height: 2.25rem
}

.not-found-wrapper .icon-blocked {
    fill: #f8f8f8;
    height: 160px;
    width: 160px
}

.not-found-wrapper .btn {
    margin: 0;
    padding: 0 30px
}

.confirm-email-page {
    margin-bottom: 100px;
    margin-top: 100px;
    max-width: 600px;
    padding-bottom: 0;
    text-align: center
}

.confirm-email-page .confirm-email-description {
    line-height: 34px;
    margin-bottom: 30px;
    margin-top: 25px;
    font-size: 1.75rem
}

.confirm-email-page .confirm-email-actions {
    margin-top: 10px
}

.confirm-email-page .confirm-email-actions>.btn {
    padding: 0 30px
}

.confirm-email-page .icon-wrong {
    fill: #eab744
}

.confirm-email-page .icon-error {
    fill: #fa7055
}

.banner {
    border-radius: 12px;
    display: flex;
    font-size: 13px;
    line-height: 18px;
    padding: 12px 16px
}

.banner--danger {
    background-color: #af262f;
    color: #f8f8f8
}

.banner--warning {
    background-color: #ffd54f;
    color: #101010
}

.banner--info {
    background-color: #2f80ed;
    color: #f8f8f8
}

.banner--align-left {
    text-align: left
}

.banner--align-center {
    text-align: center
}

.banner--align-right {
    text-align: right
}

.banner--without-border-radius {
    border-radius: 0
}

.banner__icon {
    flex-shrink: 0;
    height: 20px;
    margin-right: 12px;
    width: 20px
}

.banner__title {
    font-size: 16px;
    font-weight: 500;
    line-height: 20px;
    margin-bottom: 8px
}

.banner__description {
    font-size: 14px;
    line-height: 20px
}

.page-empty-state-block {
    padding: 20px;
    text-align: center
}

.page-empty-state-block .icon {
    color: #f8f8f8;
    height: 60px;
    margin-right: 0;
    width: 60px
}

.page-empty-state-block__header {
    color: #f8f8f8;
    font-size: 24px;
    font-weight: 500;
    line-height: 32px;
    margin-top: 14px
}

.page-empty-state-block__description {
    color: #8d8d8d;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    margin-top: 16px
}

.page-empty-state-block__description--warning {
    color: #feb601
}

.disable-account-block {
    margin: 0 auto;
    max-width: 360px;
    padding: 70px 0;
    text-align: center
}

.disable-account-block__action,
.disable-account-block__banner {
    margin-top: 20px
}

.disable-account-block__link {
    align-items: center;
    display: inline-flex;
    justify-content: center
}

.account-disabled-page {
    max-width: 360px;
    padding: 70px 0;
    text-align: center
}

.account-disabled-page .icon-account-disabled,
.account-disabled-page .icon-mail-filled {
    color: #d8d8d8;
    margin: 20px
}

.account-disabled-page .account-disabled-header {
    color: #f8f8f8;
    font-weight: 400;
    line-height: 34px;
    margin-bottom: 10px;
    font-size: 1.75rem
}

.account-disabled-page .account-disabled-description {
    color: #8d8d8d;
    line-height: 20px;
    margin-bottom: 30px;
    font-size: .875rem
}

.account-disabled-page.model-deleted-page {
    max-width: inherit
}

.account-disabled-page.model-deleted-page .deleted-wrapper {
    align-items: center;
    display: flex;
    flex-direction: column;
    padding-bottom: 55px
}

.account-disabled-page .blocked-reason {
    display: inline-block;
    max-width: 360px
}

.page-section {
    margin: 0 auto;
    max-width: 1000px;
    padding: 12px 40px
}

.page-section-header {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    justify-content: space-between;
    margin-top: 30px
}

.page-section-header h1 {
    font-weight: 700;
    font-size: 2rem;
    line-height: 2.438rem
}

.page-section-header-left {
    margin-right: 20px
}

.page-section-notes {
    margin-top: 8px
}

.page-section-time {
    font-style: italic;
    margin: 0;
    opacity: .6;
    font-size: .75rem;
    line-height: 1rem
}

.page-section-content {
    font-weight: 400;
    margin-top: 56px;
    min-height: 200px;
    padding-bottom: 20px;
    font-size: .875rem;
    line-height: 1.375rem
}

.page-section-content ul {
    list-style: inherit;
    margin-left: 1.5rem
}

.page-section-content ul.page-section-list-lower-latin {
    list-style: lower-latin
}

.page-section-content ul.page-section-list-disc {
    list-style: disc
}

.page-section-content ul.page-section-list-none {
    list-style: none
}

.page-section-content ul.page-section-list-counter-reset {
    counter-reset: item 3
}

.page-section-content ul.page-section-list-decimal {
    list-style: decimal
}

.page-section-content ul li {
    padding: 2px 0;
    line-height: 1.125rem
}

.page-section-content .page-section__p,
.page-section-content p {
    margin-bottom: 1rem;
    margin-top: 0
}

.page-section-content .page-section__p,
.page-section-content ol,
.page-section-content p,
.page-section-content ul {
    color: rgba(248, 248, 248, .85)
}

.page-section-content .page-section__p>strong,
.page-section-content p>strong {
    color: #f8f8f8
}

.page-section-content .page-section__p>svg,
.page-section-content p>svg {
    line-height: normal;
    vertical-align: middle
}

.page-section-paragraph-name {
    font-weight: 500;
    margin-bottom: 24px;
    padding-top: 75px;
    font-size: 1.5rem;
    line-height: 1.813rem
}

.page-section-subtitle {
    font-size: 20px;
    font-weight: 700;
    line-height: 28px;
    margin: 0;
    padding-bottom: 16px;
    padding-top: 24px
}

.page-section-link {
    color: #f8f8f8;
    font-weight: 400;
    line-height: 22px;
    text-decoration: underline
}

.page-section-link--base {
    color: #a4a4a4
}

.promo-banner-wrapper {
    margin-top: 14px
}

.promo-banner-wrapper:not(.container):not(.widescreen-container) {
    padding: 0 20px;
    padding: 0 var(--page-padding-inline, 20px)
}

.promo-banner-wrapper.container,
.promo-banner-wrapper.widescreen-container {
    margin-bottom: 20px
}

.promo-banner {
    align-items: center;
    background-image: linear-gradient(90deg, #2d0003 0%, #a7161e 100%);
    color: #fff;
    cursor: pointer;
    height: 52px;
    justify-content: space-between;
    overflow: hidden;
    padding: 0 16px;
    position: relative;
    transition: filter .2s ease-in-out;
    border-radius: 4px;
    display: flex;
    flex-direction: row
}

.promo-banner:hover {
    filter: brightness(1.2)
}

.promo-banner-action {
    display: none;
    flex-shrink: 0;
    padding-left: 14px;
    padding-right: 14px
}

body.rtl .promo-banner-action {
    direction: rtl
}

.promo-banner-action:not(.btn-outline) {
    border: none;
    font-weight: 700;
    text-transform: uppercase;
    font-size: .75rem;
    background: #ffa900;
    color: #3c2800;
    transition: 90ms ease-in-out
}

.promo-banner-action:not(.btn-outline)>.icon {
    fill: #3c2800;
    transition: 90ms ease-in-out
}

.promo-banner-action:not(.btn-outline).focus,
.promo-banner-action:not(.btn-outline):focus {
    background: #ffa900;
    color: #3c2800
}

.promo-banner-action:not(.btn-outline).focus>.icon,
.promo-banner-action:not(.btn-outline):focus>.icon {
    fill: #3c2800
}

.promo-banner-action:not(.btn-outline).active,
.promo-banner-action:not(.btn-outline):active {
    background: #ffa900;
    color: #3c2800
}

.promo-banner-action:not(.btn-outline).active>.icon,
.promo-banner-action:not(.btn-outline):active>.icon {
    fill: #3c2800
}

.promo-banner-action:not(.btn-outline) .btn-loader-overlay {
    color: #3c2800;
    background-color: #ffa900
}

.promo-banner-icon {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    display: block;
    flex-shrink: 0;
    height: 40px;
    margin-right: 16px;
    width: 40px
}

.promo-banner-action-container-buttons {
    flex: 1;
    text-align: right
}

.promo-banner-close-icon {
    height: 14px;
    margin: 0;
    width: 14px
}

.promo-banner-close-button.btn-default {
    background: 0 0;
    color: rgba(248, 248, 248, .8);
    transition: 90ms ease-in-out;
    border-color: transparent;
    line-height: normal;
    margin: 0 -10px 0 0;
    opacity: .6;
    padding: 10px
}

.promo-banner-close-button.btn-default>.icon {
    fill: rgba(248, 248, 248, 0.8);
    transition: 90ms ease-in-out
}

.promo-banner-close-button.btn-default.focus,
.promo-banner-close-button.btn-default:focus {
    background: 0 0;
    color: #f8f8f8
}

.promo-banner-close-button.btn-default.focus>.icon,
.promo-banner-close-button.btn-default:focus>.icon {
    fill: #f8f8f8
}

.promo-banner-close-button.btn-default.active,
.promo-banner-close-button.btn-default:active {
    background: 0 0;
    color: #f8f8f8
}

.promo-banner-close-button.btn-default.active>.icon,
.promo-banner-close-button.btn-default:active>.icon {
    fill: #f8f8f8
}

.promo-banner-close-button.btn-default .btn-loader-overlay {
    color: rgba(248, 248, 248, .8);
    background-color: transparent
}

.promo-banner-close-button.btn-default:hover:not(:disabled) {
    background: 0 0;
    border-color: transparent
}

.promo-banner-close-button.btn-default svg {
    display: block
}

.promo-banner-main-container {
    align-items: center;
    display: flex;
    flex-grow: 0;
    margin-bottom: 10px;
    margin-top: 10px
}

.promo-banner.centered .promo-banner-main-container {
    flex: 1 1 auto;
    justify-content: center
}

.promo-banner-title {
    letter-spacing: 0;
    text-align: left;
    font-size: 1.25rem
}

body.rtl .promo-banner-title {
    direction: rtl
}

.promo-banner-title.small {
    font-size: 1rem
}

.promo-banner-title-container {
    display: flex;
    flex-flow: column;
    padding: 0 12px 0 0
}

.promo-banner-title-container .promo-banner-description {
    margin-top: 4px
}

.promo-banner-description {
    align-items: center;
    display: flex;
    font-size: 15px;
    font-weight: 500;
    justify-content: flex-end;
    letter-spacing: 0
}

body.rtl .promo-banner-description {
    direction: rtl
}

.promo-banner-description--icon {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    display: inline-block;
    height: 20px;
    margin-left: 2px;
    width: 20px
}

.promo-banner-description .promo-banner-action {
    display: block;
    margin: 10px 0 0
}

.promo-banner-description-container {
    display: block;
    flex-grow: 1;
    text-align: right
}

.promo-banner-action-container {
    display: flex;
    flex-grow: 1;
    flex-shrink: 0
}

.promo-banner-countdown {
    font-weight: 700;
    margin: 4px 8px;
    text-align: center;
    white-space: nowrap;
    font-size: .875rem
}

.promo-banner-countdown>.days,
.promo-banner-countdown>.hours,
.promo-banner-countdown>.minutes,
.promo-banner-countdown>.seconds {
    border: 2px solid #ffa900;
    border-radius: 7px;
    display: inline-block;
    height: 28px;
    line-height: 24px;
    margin: 0 2px;
    text-align: center;
    width: 31px
}

.promo-banner__config-description-container {
    align-items: center;
    display: flex;
    flex: 1;
    justify-content: center;
    letter-spacing: 0;
    font-size: .938rem
}

.promo-banner__config-description.mobile {
    display: none;
    font-size: 12px;
    font-weight: 400;
    letter-spacing: normal;
    line-height: normal
}

.promo-banner__config-description.desktop {
    margin-right: 16px
}

.promo-banner-main-container .promo-banner-description {
    display: none
}

.promo-banner .accent {
    color: #ffa900
}

.promo-banner .nowrap {
    white-space: nowrap
}

#promo-banner-id-summerBegins .promo-banner-icon,
#promo-banner-id-summerBegins2022ForAll .promo-banner-icon,
#promo-banner-id-summerBegins2022ForUltimate .promo-banner-icon,
#promo-banner-id-summerBeginsForAll .promo-banner-icon,
#promo-banner-id-summerBeginsForUltimate .promo-banner-icon,
#promo-banner-id-ultimateSubscription .promo-banner-icon {
    transform: scale(1.8)
}

#promo-banner-id-newYear .promo-banner-icon {
    transform: scale(1.5)
}

#promo-banner-id-blackFriday .promo-banner-title,
#promo-banner-id-buyOldGuests .promo-banner-title,
#promo-banner-id-buyPauseUsers .promo-banner-title,
#promo-banner-id-cherryBlossom .promo-banner-title,
#promo-banner-id-chineseNY .promo-banner-title,
#promo-banner-id-firstBuyOldUsers .promo-banner-title,
#promo-banner-id-mlPredictChurn .promo-banner-title,
#promo-banner-id-mlUplift10 .promo-banner-title,
#promo-banner-id-mlUplift20 .promo-banner-title,
#promo-banner-id-mlUplift25 .promo-banner-title,
#promo-banner-id-newYear .promo-banner-title,
#promo-banner-id-scBdForAll .promo-banner-title,
#promo-banner-id-scBdUltimate .promo-banner-title,
#promo-banner-id-summerBegins .promo-banner-title,
#promo-banner-id-summerBegins2022ForAll .promo-banner-title,
#promo-banner-id-summerBegins2022ForUltimate .promo-banner-title,
#promo-banner-id-summerBeginsForAll .promo-banner-title,
#promo-banner-id-summerBeginsForUltimate .promo-banner-title,
#promo-banner-id-ultimateSubscriptionBf .promo-banner-title,
#promo-banner-id-xmas .promo-banner-title {
    font-weight: 700
}

#promo-banner-id-blackFriday .accent,
#promo-banner-id-buyOldGuests .accent,
#promo-banner-id-buyPauseUsers .accent,
#promo-banner-id-cherryBlossom .accent,
#promo-banner-id-chineseNY .accent,
#promo-banner-id-firstBuyOldUsers .accent,
#promo-banner-id-mlPredictChurn .accent,
#promo-banner-id-mlUplift10 .accent,
#promo-banner-id-mlUplift20 .accent,
#promo-banner-id-mlUplift25 .accent,
#promo-banner-id-newYear .accent,
#promo-banner-id-scBdForAll .accent,
#promo-banner-id-scBdUltimate .accent,
#promo-banner-id-summerBegins .accent,
#promo-banner-id-summerBegins2022ForAll .accent,
#promo-banner-id-summerBegins2022ForUltimate .accent,
#promo-banner-id-summerBeginsForAll .accent,
#promo-banner-id-summerBeginsForUltimate .accent,
#promo-banner-id-ultimateSubscriptionBf .accent,
#promo-banner-id-xmas .accent {
    font-weight: 700;
    white-space: nowrap
}

#promo-banner-id-cherryBlossom .promo-banner-action-container .promo-banner-action-container-buttons .promo-banner-action,
#promo-banner-id-newYear .promo-banner-action-container .promo-banner-action-container-buttons .promo-banner-action,
#promo-banner-id-summerBeginsForAll .promo-banner-action-container .promo-banner-action-container-buttons .promo-banner-action,
#promo-banner-id-summerBeginsForUltimate .promo-banner-action-container .promo-banner-action-container-buttons .promo-banner-action,
#promo-banner-id-xmas .promo-banner-action-container .promo-banner-action-container-buttons .promo-banner-action {
    display: block
}

#promo-banner-id-cherryBlossom .promo-banner-description-container .promo-banner-action,
#promo-banner-id-cherryBlossom .promo-banner-title-container .promo-banner-description .promo-banner-action,
#promo-banner-id-newYear .promo-banner-description-container .promo-banner-action,
#promo-banner-id-newYear .promo-banner-title-container .promo-banner-description .promo-banner-action,
#promo-banner-id-summerBeginsForAll .promo-banner-description-container .promo-banner-action,
#promo-banner-id-summerBeginsForAll .promo-banner-title-container .promo-banner-description .promo-banner-action,
#promo-banner-id-summerBeginsForUltimate .promo-banner-description-container .promo-banner-action,
#promo-banner-id-summerBeginsForUltimate .promo-banner-title-container .promo-banner-description .promo-banner-action,
#promo-banner-id-xmas .promo-banner-description-container .promo-banner-action,
#promo-banner-id-xmas .promo-banner-title-container .promo-banner-description .promo-banner-action {
    display: none
}

#promo-banner-id-cherryBlossom .promo-banner-main-container,
#promo-banner-id-summerBeginsForAll .promo-banner-main-container,
#promo-banner-id-summerBeginsForUltimate .promo-banner-main-container {
    align-items: center
}

#promo-banner-id-cherryBlossom .promo-banner-icon {
    padding-left: 40px;
    transform: scale(2.1)
}

#promo-banner-id-newYear .promo-banner-title,
#promo-banner-id-summerBeginsForAll .promo-banner-title,
#promo-banner-id-summerBeginsForUltimate .promo-banner-title,
#promo-banner-id-xmas .promo-banner-title {
    font-size: 16px
}

#promo-banner-id-chineseNY .promo-banner-icon {
    transform: scale(2.1)
}

body.firefox .promo-banner .promo-banner-title {
    margin-bottom: 1px
}

#promo-banner-id-vrPromoBannerJan23 .promo-banner {
    background: radial-gradient(48.54% 103.76% at 48.54% 50%, #7503ae 0%, #1b0028 100%);
    height: auto;
    min-height: 52px
}

#promo-banner-id-vrPromoBannerJan23 .promo-banner-texts-and-action {
    align-items: center;
    display: flex
}

#promo-banner-id-vrPromoBannerJan23 .promo-banner-icon {
    height: 40px;
    margin-right: 12px;
    transform: scale(1.9019607843);
    width: 51px
}

#promo-banner-id-vrPromoBannerJan23 .promo-banner-title {
    color: #ec58de;
    font-size: 18px;
    font-weight: 700
}

@supports ((-webkit-background-clip:text) or (background-clip:text)) {
    #promo-banner-id-vrPromoBannerJan23 .promo-banner-title {
        background: linear-gradient(108.9deg, #f7b0f0 7.26%, #e100cb 94.28%);
        -webkit-background-clip: text;
        background-clip: text;
        color: transparent
    }
}

#promo-banner-id-vrPromoBannerJan23 .promo-banner__config-description {
    font-size: 15px;
    font-weight: 500;
    line-height: 18px
}

#promo-banner-id-vrPromoBannerJan23 .promo-banner-action {
    font-size: 13px;
    line-height: 18px;
    margin-right: 6px;
    padding: 7px 20px;
    text-transform: none
}

#promo-banner-id-vrPromoBannerJan23 .promo-banner-close-button {
    background: 0 0;
    color: rgba(248, 248, 248, .8);
    transition: 90ms ease-in-out
}

#promo-banner-id-vrPromoBannerJan23 .promo-banner-close-button>.icon {
    fill: rgba(248, 248, 248, 0.8);
    transition: 90ms ease-in-out
}

#promo-banner-id-vrPromoBannerJan23 .promo-banner-close-button.focus,
#promo-banner-id-vrPromoBannerJan23 .promo-banner-close-button:focus {
    background: 0 0;
    color: #f8f8f8
}

#promo-banner-id-vrPromoBannerJan23 .promo-banner-close-button.focus>.icon,
#promo-banner-id-vrPromoBannerJan23 .promo-banner-close-button:focus>.icon {
    fill: #f8f8f8
}

#promo-banner-id-vrPromoBannerJan23 .promo-banner-close-button.active,
#promo-banner-id-vrPromoBannerJan23 .promo-banner-close-button:active {
    background: 0 0;
    color: #f8f8f8
}

#promo-banner-id-vrPromoBannerJan23 .promo-banner-close-button.active>.icon,
#promo-banner-id-vrPromoBannerJan23 .promo-banner-close-button:active>.icon {
    fill: #f8f8f8
}

#promo-banner-id-vrPromoBannerJan23 .promo-banner-close-button .btn-loader-overlay {
    color: rgba(248, 248, 248, .8);
    background-color: transparent
}

#promo-banner-id-ultimateSubscription .promo-banner-description {
    font-weight: 400
}

#promo-banner-id-ultimateSubscription .promo-banner-description--icon {
    transform: translateY(3px)
}

#promo-banner-id-ultimateSubscription .promo-banner-title-container {
    padding: 0
}

#promo-banner-id-blackFriday.promo-banner-wrapper .promo-banner,
#promo-banner-id-chineseNY.promo-banner-wrapper .promo-banner,
#promo-banner-id-scBdForAll .promo-banner,
#promo-banner-id-scBdUltimate .promo-banner,
#promo-banner-id-summerBegins .promo-banner,
#promo-banner-id-summerEnds0.promo-banner-wrapper .promo-banner,
#promo-banner-id-summerEnds20.promo-banner-wrapper .promo-banner,
#promo-banner-id-summerEnds200.promo-banner-wrapper .promo-banner,
#promo-banner-id-summerEnds50.promo-banner-wrapper .promo-banner,
#promo-banner-id-ultimateSubscriptionBf.promo-banner-wrapper .promo-banner {
    padding: 6px 16px
}

#promo-banner-id-blackFriday.promo-banner-wrapper .promo-banner-main-container,
#promo-banner-id-chineseNY.promo-banner-wrapper .promo-banner-main-container,
#promo-banner-id-scBdForAll .promo-banner-main-container,
#promo-banner-id-scBdUltimate .promo-banner-main-container,
#promo-banner-id-summerBegins .promo-banner-main-container,
#promo-banner-id-summerEnds0.promo-banner-wrapper .promo-banner-main-container,
#promo-banner-id-summerEnds20.promo-banner-wrapper .promo-banner-main-container,
#promo-banner-id-summerEnds200.promo-banner-wrapper .promo-banner-main-container,
#promo-banner-id-summerEnds50.promo-banner-wrapper .promo-banner-main-container,
#promo-banner-id-ultimateSubscriptionBf.promo-banner-wrapper .promo-banner-main-container {
    margin: 0
}

#promo-banner-id-blackFriday.promo-banner-wrapper .promo-banner-title,
#promo-banner-id-chineseNY.promo-banner-wrapper .promo-banner-title,
#promo-banner-id-scBdForAll .promo-banner-title,
#promo-banner-id-scBdUltimate .promo-banner-title,
#promo-banner-id-summerBegins .promo-banner-title,
#promo-banner-id-summerEnds0.promo-banner-wrapper .promo-banner-title,
#promo-banner-id-summerEnds20.promo-banner-wrapper .promo-banner-title,
#promo-banner-id-summerEnds200.promo-banner-wrapper .promo-banner-title,
#promo-banner-id-summerEnds50.promo-banner-wrapper .promo-banner-title,
#promo-banner-id-ultimateSubscriptionBf.promo-banner-wrapper .promo-banner-title {
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    letter-spacing: normal;
    line-height: normal
}

#promo-banner-id-blackFriday.promo-banner-wrapper .promo-banner-description>span,
#promo-banner-id-chineseNY.promo-banner-wrapper .promo-banner-description>span,
#promo-banner-id-scBdForAll .promo-banner-description>span,
#promo-banner-id-scBdUltimate .promo-banner-description>span,
#promo-banner-id-summerBegins .promo-banner-description>span,
#promo-banner-id-summerEnds0.promo-banner-wrapper .promo-banner-description>span,
#promo-banner-id-summerEnds20.promo-banner-wrapper .promo-banner-description>span,
#promo-banner-id-summerEnds200.promo-banner-wrapper .promo-banner-description>span,
#promo-banner-id-summerEnds50.promo-banner-wrapper .promo-banner-description>span,
#promo-banner-id-ultimateSubscriptionBf.promo-banner-wrapper .promo-banner-description>span {
    font-size: 15px;
    font-style: normal;
    font-weight: 500;
    letter-spacing: normal;
    line-height: normal
}

#promo-banner-id-blackFriday.promo-banner-wrapper .promo-banner-description>span .accent,
#promo-banner-id-chineseNY.promo-banner-wrapper .promo-banner-description>span .accent,
#promo-banner-id-scBdForAll .promo-banner-description>span .accent,
#promo-banner-id-scBdUltimate .promo-banner-description>span .accent,
#promo-banner-id-summerBegins .promo-banner-description>span .accent,
#promo-banner-id-summerEnds0.promo-banner-wrapper .promo-banner-description>span .accent,
#promo-banner-id-summerEnds20.promo-banner-wrapper .promo-banner-description>span .accent,
#promo-banner-id-summerEnds200.promo-banner-wrapper .promo-banner-description>span .accent,
#promo-banner-id-summerEnds50.promo-banner-wrapper .promo-banner-description>span .accent,
#promo-banner-id-ultimateSubscriptionBf.promo-banner-wrapper .promo-banner-description>span .accent {
    font-weight: 700
}

#promo-banner-id-blackFriday.promo-banner-wrapper .promo-banner-description .promo-banner-action,
#promo-banner-id-chineseNY.promo-banner-wrapper .promo-banner-description .promo-banner-action,
#promo-banner-id-scBdForAll .promo-banner-description .promo-banner-action,
#promo-banner-id-scBdUltimate .promo-banner-description .promo-banner-action,
#promo-banner-id-summerBegins .promo-banner-description .promo-banner-action,
#promo-banner-id-summerEnds0.promo-banner-wrapper .promo-banner-description .promo-banner-action,
#promo-banner-id-summerEnds20.promo-banner-wrapper .promo-banner-description .promo-banner-action,
#promo-banner-id-summerEnds200.promo-banner-wrapper .promo-banner-description .promo-banner-action,
#promo-banner-id-summerEnds50.promo-banner-wrapper .promo-banner-description .promo-banner-action,
#promo-banner-id-ultimateSubscriptionBf.promo-banner-wrapper .promo-banner-description .promo-banner-action {
    display: none
}

#promo-banner-id-blackFriday.promo-banner-wrapper .promo-banner-action-container,
#promo-banner-id-chineseNY.promo-banner-wrapper .promo-banner-action-container,
#promo-banner-id-scBdForAll .promo-banner-action-container,
#promo-banner-id-scBdUltimate .promo-banner-action-container,
#promo-banner-id-summerBegins .promo-banner-action-container,
#promo-banner-id-summerEnds0.promo-banner-wrapper .promo-banner-action-container,
#promo-banner-id-summerEnds20.promo-banner-wrapper .promo-banner-action-container,
#promo-banner-id-summerEnds200.promo-banner-wrapper .promo-banner-action-container,
#promo-banner-id-summerEnds50.promo-banner-wrapper .promo-banner-action-container,
#promo-banner-id-ultimateSubscriptionBf.promo-banner-wrapper .promo-banner-action-container {
    align-items: center
}

#promo-banner-id-blackFriday.promo-banner-wrapper .promo-banner-action-container .promo-banner-action,
#promo-banner-id-chineseNY.promo-banner-wrapper .promo-banner-action-container .promo-banner-action,
#promo-banner-id-scBdForAll .promo-banner-action-container .promo-banner-action,
#promo-banner-id-scBdUltimate .promo-banner-action-container .promo-banner-action,
#promo-banner-id-summerBegins .promo-banner-action-container .promo-banner-action,
#promo-banner-id-summerEnds0.promo-banner-wrapper .promo-banner-action-container .promo-banner-action,
#promo-banner-id-summerEnds20.promo-banner-wrapper .promo-banner-action-container .promo-banner-action,
#promo-banner-id-summerEnds200.promo-banner-wrapper .promo-banner-action-container .promo-banner-action,
#promo-banner-id-summerEnds50.promo-banner-wrapper .promo-banner-action-container .promo-banner-action,
#promo-banner-id-ultimateSubscriptionBf.promo-banner-wrapper .promo-banner-action-container .promo-banner-action {
    display: inline-block
}

#promo-banner-id-blackFriday.promo-banner-wrapper .promo-banner-action,
#promo-banner-id-chineseNY.promo-banner-wrapper .promo-banner-action,
#promo-banner-id-scBdForAll .promo-banner-action,
#promo-banner-id-scBdUltimate .promo-banner-action,
#promo-banner-id-summerBegins .promo-banner-action,
#promo-banner-id-summerEnds0.promo-banner-wrapper .promo-banner-action,
#promo-banner-id-summerEnds20.promo-banner-wrapper .promo-banner-action,
#promo-banner-id-summerEnds200.promo-banner-wrapper .promo-banner-action,
#promo-banner-id-summerEnds50.promo-banner-wrapper .promo-banner-action,
#promo-banner-id-ultimateSubscriptionBf.promo-banner-wrapper .promo-banner-action {
    height: 32px
}

#promo-banner-id-blackFriday.promo-banner-wrapper .promo-banner-countdown,
#promo-banner-id-chineseNY.promo-banner-wrapper .promo-banner-countdown,
#promo-banner-id-scBdForAll .promo-banner-countdown,
#promo-banner-id-scBdUltimate .promo-banner-countdown,
#promo-banner-id-summerBegins .promo-banner-countdown,
#promo-banner-id-summerEnds0.promo-banner-wrapper .promo-banner-countdown,
#promo-banner-id-summerEnds20.promo-banner-wrapper .promo-banner-countdown,
#promo-banner-id-summerEnds200.promo-banner-wrapper .promo-banner-countdown,
#promo-banner-id-summerEnds50.promo-banner-wrapper .promo-banner-countdown,
#promo-banner-id-ultimateSubscriptionBf.promo-banner-wrapper .promo-banner-countdown {
    margin: 4px 10px
}

#promo-banner-id-blackFriday.promo-banner-wrapper .promo-banner-countdown .hours,
#promo-banner-id-blackFriday.promo-banner-wrapper .promo-banner-countdown .minutes,
#promo-banner-id-blackFriday.promo-banner-wrapper .promo-banner-countdown .seconds,
#promo-banner-id-chineseNY.promo-banner-wrapper .promo-banner-countdown .hours,
#promo-banner-id-chineseNY.promo-banner-wrapper .promo-banner-countdown .minutes,
#promo-banner-id-chineseNY.promo-banner-wrapper .promo-banner-countdown .seconds,
#promo-banner-id-scBdForAll .promo-banner-countdown .hours,
#promo-banner-id-scBdForAll .promo-banner-countdown .minutes,
#promo-banner-id-scBdForAll .promo-banner-countdown .seconds,
#promo-banner-id-scBdUltimate .promo-banner-countdown .hours,
#promo-banner-id-scBdUltimate .promo-banner-countdown .minutes,
#promo-banner-id-scBdUltimate .promo-banner-countdown .seconds,
#promo-banner-id-summerBegins .promo-banner-countdown .hours,
#promo-banner-id-summerBegins .promo-banner-countdown .minutes,
#promo-banner-id-summerBegins .promo-banner-countdown .seconds,
#promo-banner-id-summerEnds0.promo-banner-wrapper .promo-banner-countdown .hours,
#promo-banner-id-summerEnds0.promo-banner-wrapper .promo-banner-countdown .minutes,
#promo-banner-id-summerEnds0.promo-banner-wrapper .promo-banner-countdown .seconds,
#promo-banner-id-summerEnds20.promo-banner-wrapper .promo-banner-countdown .hours,
#promo-banner-id-summerEnds20.promo-banner-wrapper .promo-banner-countdown .minutes,
#promo-banner-id-summerEnds20.promo-banner-wrapper .promo-banner-countdown .seconds,
#promo-banner-id-summerEnds200.promo-banner-wrapper .promo-banner-countdown .hours,
#promo-banner-id-summerEnds200.promo-banner-wrapper .promo-banner-countdown .minutes,
#promo-banner-id-summerEnds200.promo-banner-wrapper .promo-banner-countdown .seconds,
#promo-banner-id-summerEnds50.promo-banner-wrapper .promo-banner-countdown .hours,
#promo-banner-id-summerEnds50.promo-banner-wrapper .promo-banner-countdown .minutes,
#promo-banner-id-summerEnds50.promo-banner-wrapper .promo-banner-countdown .seconds,
#promo-banner-id-ultimateSubscriptionBf.promo-banner-wrapper .promo-banner-countdown .hours,
#promo-banner-id-ultimateSubscriptionBf.promo-banner-wrapper .promo-banner-countdown .minutes,
#promo-banner-id-ultimateSubscriptionBf.promo-banner-wrapper .promo-banner-countdown .seconds {
    align-items: center;
    display: inline-flex;
    justify-content: center
}

#promo-banner-id-summerEnds0.promo-banner-wrapper .promo-banner-description--icon {
    background-position: center left;
    display: inline;
    margin: unset;
    padding-right: 23px
}

#promo-banner-id-summerEnds20.promo-banner-wrapper .promo-banner-description--icon,
#promo-banner-id-summerEnds200.promo-banner-wrapper .promo-banner-description--icon,
#promo-banner-id-summerEnds50.promo-banner-wrapper .promo-banner-description--icon {
    background-position: center right;
    display: inline;
    margin: unset;
    padding-right: 25px
}

.non-nude-verify-banner {
    align-items: center;
    background-color: #2f80ed;
    border-radius: 8px;
    cursor: pointer;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin-left: 20px;
    margin-right: 20px;
    margin-top: 14px;
    padding: 6px 16px
}

.non-nude-verify-banner__viewcam {
    margin-left: 10px;
    margin-right: 10px
}

.non-nude-verify-banner__mobile-visible {
    display: none
}

.non-nude-verify-banner__desktop-visible {
    display: inline
}

.non-nude-verify-banner__left {
    align-items: center;
    color: #f8f8f8;
    display: flex;
    flex: 1;
    flex-direction: row;
    justify-content: space-between
}

.non-nude-verify-banner__countdown {
    font-size: 14px;
    font-weight: 700;
    margin: 4px 8px;
    text-align: center;
    white-space: nowrap
}

.non-nude-verify-banner__countdown>.days,
.non-nude-verify-banner__countdown>.hours,
.non-nude-verify-banner__countdown>.minutes,
.non-nude-verify-banner__countdown>.seconds {
    border: 2px solid #ffd54f;
    border-radius: 7px;
    display: inline-block;
    height: 28px;
    line-height: 24px;
    margin: 0 2px;
    text-align: center;
    width: 31px
}

.non-nude-verify-banner__controls {
    align-items: center;
    display: flex
}

.non-nude-verify-banner__button {
    background-color: #ffd54f;
    color: #2b2b2b;
    margin: 0;
    padding: 6px 24px;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: normal;
    line-height: 1.25rem
}

.non-nude-verify-banner__highlight {
    color: #ffd54f
}

.non-nude-verify-banner__texts {
    margin-right: 12px
}

.non-nude-verify-banner__title {
    font-size: 1.25rem
}

.non-nude-verify-banner__description {
    font-size: 12px;
    margin-top: 2px;
    opacity: .7
}

.non-nude-verify-banner__icon {
    height: 32px;
    margin-right: 16px;
    width: 32px
}

.GoUltimateTag__tag\#Fh {
    align-items: center;
    background-color: #333;
    border: 2px solid #333;
    border-radius: 80px;
    color: #f8f8f8;
    cursor: pointer;
    display: inline-flex;
    flex-shrink: 0;
    gap: 8px;
    height: 32px;
    margin-bottom: 8px;
    margin-right: 8px;
    padding: 5px 16px 5px 8px;
    text-decoration: none;
    font-size: .813rem;
    line-height: 1.063rem
}

.GoUltimateTag__tag\#Fh:hover {
    background-color: #464646;
    border-color: #5b5b5b;
    text-decoration: none
}

.GoUltimateTag__icon\#CQ {
    background: url("common/components/ui/GoUltimatePromo/GoUltimateTag/images/ultimate-star.svg") center no-repeat;
    display: block;
    height: 20px;
    position: relative;
    width: 20px
}

.GoUltimateTag__close\#lG {
    cursor: pointer;
    margin-right: -8px;
    opacity: 1;
    pointer-events: auto
}

.Label__icon\#I8 {
    margin-right: 4px
}

.tags-inline-badges {
    position: relative
}

.tags-inline-badges__divider {
    background-color: rgba(248, 248, 248, .4);
    flex-shrink: 0;
    height: 16px;
    margin: 0 8px 8px 0;
    width: 1px
}

.tags-inline-badges-container {
    align-items: center;
    display: flex
}

.tags-inline-badges-container>.btn {
    height: 32px
}

.tags-inline-badges .btn-categories {
    background-color: #333;
    border: 2px solid #333;
    border-radius: 80px;
    color: #f8f8f8;
    cursor: pointer;
    padding: 5px 12px;
    font-size: .875rem;
    line-height: 1.125rem;
    display: none;
    height: 32px;
    margin-bottom: 8px;
    margin-right: 8px;
    display: inline-flex;
    overflow: visible
}

.tags-inline-badges div.btn-tags-inline-badge {
    flex-shrink: 0;
    display: none;
    height: 32px;
    margin-bottom: 8px;
    margin-right: 8px
}

.tags-inline-badges div.btn-tags-inline-badge a {
    align-items: center;
    display: flex;
    text-decoration: none !important;
    white-space: nowrap
}

.tags-inline-badges div.btn-tags-inline-badge svg {
    margin-right: 0
}

.tags-inline-badges div.btn-tags-inline-badge svg.icon-heart-fill {
    fill: currentColor
}

.tags-inline-badges div.btn-tags-inline-badge svg.icon-badge-vr {
    height: 2em;
    width: 2em
}

.tags-inline-badges div.btn-tags-inline-badge svg.icon-recommended {
    height: 16px;
    transform: translateY(-1px);
    width: 16px
}

.tags-inline-badges div.btn-tags-inline-badge svg+span {
    margin-left: 6px
}

.tags-inline-badges div.btn-tags-inline-badge .tag-icon {
    margin-right: 6px;
    width: 17px
}

.tags-inline-badges a.btn-tags-inline-badge {
    flex-shrink: 0;
    white-space: nowrap;
    display: none;
    height: 32px;
    margin-bottom: 8px;
    margin-right: 8px
}

.tags-inline-badges .btn-categories svg.icon-arrow-down-filled,
.tags-inline-badges .btn-categories svg.icon-categories-2 {
    fill: currentColor
}

.tags-inline-badges .btn-categories svg.icon-categories-2 {
    margin-right: 6px
}

.tags-inline-badges .btn-categories svg.icon-arrow-down-filled {
    margin-left: 3px;
    width: 7px
}

.tags-inline-badges .tags-inline-badges-shade {
    content: "";
    display: block;
    height: 30px;
    position: absolute;
    top: 0;
    width: 12px;
    z-index: 1
}

.tags-inline-badges .tags-inline-badges-shade:first-child {
    background-image: linear-gradient(to left, rgba(0, 0, 0, 0) 0%, #000 100%);
    left: -1px
}

.tags-inline-badges .tags-inline-badges-shade:last-child {
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, #000 100%);
    right: -1px
}

.tags-inline-badges-multi-line .tags-inline-badges-container {
    flex-wrap: wrap
}

.tags-inline-badges-multi-line .tags-inline-badges-shade {
    display: none
}

.tags-inline-badges-single-line .tags-inline-badges-container {
    flex-wrap: wrap;
    height: 33px;
    overflow-y: hidden
}

.tags-inline-badges .btn-tags-inline-badge.is-mobile-tag {
    display: none
}

.tags-inline-badges .btn-tags-inline-badge:not(.is-mobile-tag) {
    display: inline-flex
}

.tags-inline-badges .tags-inline-badges__divider_categories.is-mobile {
    display: none
}

.tags-inline-badges .tags-inline-badges__divider_categories:not(.is-mobile) {
    display: block
}

.tags-with-filter--has-selected .tags-inline-badges-container {
    height: auto !important
}

.indexpage .tags-inline-badges {
    margin-top: 16px
}

.index-page .tags-inline-badges {
    margin-top: 16px;
    animation: opacity-fade-in .24s ease-in;
    will-change: opacity
}

.text-s10-w700-ls0_5-upper {
    font-size: 10px;
    font-weight: 700;
    letter-spacing: .5px;
    line-height: normal;
    text-transform: uppercase
}

.text-s11-w400 {
    font-size: 11px;
    font-weight: 400;
    letter-spacing: normal;
    line-height: normal
}

.text-s11-w500 {
    font-size: 11px;
    font-weight: 500;
    letter-spacing: normal;
    line-height: normal
}

.text-s11-w700-upper {
    font-size: 11px;
    font-weight: 700;
    letter-spacing: normal;
    line-height: normal;
    text-transform: uppercase
}

.text-s11-w700-ls0_5-upper {
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .5px;
    line-height: normal;
    text-transform: uppercase
}

.text-s12-w400 {
    font-size: 12px;
    font-weight: 400;
    letter-spacing: normal;
    line-height: normal
}

.text-s12-w500 {
    font-size: 12px;
    font-weight: 500;
    letter-spacing: normal;
    line-height: normal
}

.text-s12-w700-ls0_6-upper {
    font-size: 12px;
    font-weight: 700;
    letter-spacing: .6px;
    line-height: normal;
    text-transform: uppercase
}

.text-s13-w400 {
    font-size: 13px;
    font-weight: 400;
    letter-spacing: normal;
    line-height: normal
}

.text-s13-w400-lh18 {
    font-size: 13px;
    font-weight: 400;
    letter-spacing: normal;
    line-height: 18px
}

.text-s13-w700 {
    font-size: 13px;
    font-weight: 700;
    letter-spacing: normal;
    line-height: normal
}

.text-s13-w700-lh1_4 {
    font-size: 13px;
    font-weight: 700;
    letter-spacing: normal;
    line-height: 1.4
}

.text-s14-w400 {
    font-size: 14px;
    font-weight: 400;
    letter-spacing: normal;
    line-height: normal
}

.text-s14-w400-lh1_3 {
    font-size: 14px;
    font-weight: 400;
    letter-spacing: normal;
    line-height: 1.3
}

.text-s14-w400-lh20 {
    font-size: 14px;
    font-weight: 400;
    letter-spacing: normal;
    line-height: 20px
}

.text-s14-w500 {
    font-size: 15px;
    font-weight: 500;
    letter-spacing: normal;
    line-height: normal
}

.text-s14-w700 {
    font-size: 14px;
    font-weight: 700;
    letter-spacing: normal;
    line-height: normal
}

.text-s15-w400 {
    font-size: 15px;
    font-weight: 400;
    letter-spacing: normal;
    line-height: normal
}

.text-s15-w400-ls0_5 {
    font-size: 15px;
    font-weight: 400;
    letter-spacing: .5px;
    line-height: normal
}

.text-s15-w400-ls1 {
    font-size: 15px;
    font-weight: 400;
    letter-spacing: 1px;
    line-height: normal
}

.text-s15-w500 {
    font-size: 15px;
    font-weight: 500;
    letter-spacing: normal;
    line-height: normal
}

.text-s15-w700 {
    font-size: 15px;
    font-weight: 700;
    letter-spacing: normal;
    line-height: normal
}

.text-s16-w400 {
    font-size: 16px;
    font-weight: 400;
    letter-spacing: normal;
    line-height: normal
}

.text-s16-w500 {
    font-size: 16px;
    font-weight: 500;
    letter-spacing: normal;
    line-height: normal
}

.text-s16-w500-lh24 {
    font-size: 16px;
    font-weight: 500;
    letter-spacing: normal;
    line-height: 24px
}

.text-s17-w500-lh1_5 {
    font-size: 17px;
    font-weight: 500;
    letter-spacing: normal;
    line-height: 1.5
}

.text-s20-w500-lh1_5 {
    font-size: 20px;
    font-weight: 500;
    letter-spacing: normal;
    line-height: 1.5
}

.text-s20-w700-lh24 {
    font-size: 20px;
    font-weight: 700;
    letter-spacing: normal;
    line-height: 24px
}

.text-s22-w700 {
    font-size: 22px;
    font-weight: 700;
    letter-spacing: normal;
    line-height: normal
}

.text-s26-w500 {
    font-size: 26px;
    font-weight: 500;
    letter-spacing: normal;
    line-height: normal
}

.text-s30-w500,
.text-title-l0 {
    font-size: 30px;
    font-weight: 500;
    letter-spacing: normal;
    line-height: normal
}

.text-title-l1 {
    font-size: 20px;
    font-weight: 500;
    letter-spacing: normal;
    line-height: 1.5
}

.text-title-l2 {
    font-size: 18px;
    font-weight: 500;
    letter-spacing: normal;
    line-height: 23px
}

.title-ds {
    align-items: center;
    color: #f8f8f8;
    display: flex;
    justify-content: flex-start;
    margin: 0
}

.title-ds a {
    color: #f8f8f8
}

.see-more-models-button {
    align-items: center;
    display: flex;
    justify-content: center;
    margin-top: 10px;
    position: relative;
    width: 100%
}

.see-more-models-button .see-more-button-background {
    background-color: transparent;
    padding: 0 24px
}

.see-more-models-button .see-more-button {
    font-size: .688rem;
    align-items: center;
    background: 0 0;
    border-color: transparent;
    color: rgba(248, 248, 248, .6);
    display: flex;
    font-weight: 700;
    margin: 0;
    text-transform: uppercase
}

.see-more-models-button .see-more-button .see-more-icon {
    fill: currentColor;
    height: 10px;
    width: 10px
}

.see-more-models-button .see-more-button .icon {
    transition: none
}

.see-more-models-button .see-more-button:hover {
    background-color: rgba(255, 255, 255, .1);
    color: #f8f8f8
}

.see-more-models-button .see-more-button:hover .icon {
    fill: #f8f8f8
}

.see-more-models-button .see-more-button.see-all-button {
    border-color: rgba(248, 248, 248, .4);
    border-width: 2px
}

.see-more-models-button .see-more-button.see-all-button:hover {
    background: 0 0;
    border-color: #f8f8f8;
    color: #f8f8f8 !important
}

.see-more-models-button .see-more-icon {
    margin-left: 6px;
    margin-right: 0;
    width: 10px
}

.see-more-models-button .see-more-divider {
    background-color: rgba(248, 248, 248, .2);
    flex: 1 0 auto;
    height: 1px
}

.multiple-categories-see-all--hidden {
    display: none
}

.expandable-multiple-categories-category {
    position: relative
}

.HeadingIcon__heading-icon\#b_ {
    margin-right: 4px
}

.tag-list-skeleton {
    animation: opacity-fade-in .24s ease-in;
    will-change: opacity
}

.tag-list-skeleton .tags-inline-badges-container .btn-tags-inline-badge {
    background-color: #202020;
    border-radius: 32px;
    content: " ";
    display: block;
    height: 32px;
    overflow: hidden;
    position: relative;
    width: 47px
}

.tag-list-skeleton .tags-inline-badges-container .btn-tags-inline-badge:nth-child(2n) {
    width: 85px
}

.tag-list-skeleton .tags-inline-badges-container .btn-tags-inline-badge::before {
    animation: skeleton-animation 3s infinite linear;
    background-color: unset;
    background-image: linear-gradient(90deg, transparent 20%, #232323 28%, #282828 35%, #232323 42%, transparent 50%);
    background-size: cover;
    content: "";
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 300%
}

.YouMightLikeCard__categoryCard\#f3 {
    aspect-ratio: 3/4;
    background-position: center;
    background-size: cover;
    border-radius: 8px;
    flex-shrink: 0;
    margin: 0 4px;
    overflow: hidden;
    position: relative
}

.YouMightLikeCard__categoryCard\#f3:first-child {
    margin-left: 0
}

.YouMightLikeCard__categoryCard\#f3:last-child {
    margin-right: 0
}

.YouMightLikeCard__categoryCard\#f3 .YouMightLikeCard__categoryGradient\#ig {
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, .1) 60%, rgba(0, 0, 0, .8) 100%);
    height: 100%;
    width: 100%
}

.YouMightLikeCard__categoryCard\#f3 .YouMightLikeCard__categoryContent\#Am {
    bottom: 0;
    color: #fff;
    left: 0;
    padding: 10px;
    position: absolute;
    right: 0
}

.YouMightLikeCard__categoryName\#ds {
    font-size: .875rem;
    line-height: 16px;
    font-weight: 700
}

.YouMightLikeCard__modelsOnlineWrapper\#r6 {
    line-height: 16px;
    font-size: .75rem;
    font-weight: 400;
    opacity: .8;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.YouMightLikeCard__modelsOnlineWrapper\#r6 .YouMightLikeCard__onlineText\#b5 {
    display: block
}

.YouMightLikeCard__modelsOnlineWrapper\#r6 .YouMightLikeCard__modelsOnlineText\#He {
    display: none
}

.YouMightLikeCard__categoryNameContainer\#Tx {
    align-items: flex-end;
    display: flex;
    justify-content: start;
    margin-bottom: 4px
}

.YouMightLikeCard__categoryNameContainer\#Tx span {
    line-height: 0
}

.YouMightLikeCard__categoryNameContainer\#Tx svg {
    margin-left: 4px
}

.YouMightLikeSection__categoriesContainer\#TG {
    display: flex;
    flex-wrap: nowrap;
    margin-left: 0;
    margin-right: -4px;
    position: relative
}

.YouMightLikeSection__categoriesSectionSlidable\#aT {
    margin: 0 calc(var(--page-padding-inline) * -1)
}

.YouMightLikeSection__categoriesSectionSlidable\#aT .YouMightLikeSection__categoriesContainer\#TG {
    box-sizing: border-box;
    padding-left: 32px;
    padding-right: 32px
}

section a:hover {
    text-decoration: none
}

.YouMightLikeSectionTitle__sectionHeader\#A1 {
    align-items: flex-end;
    display: flex;
    justify-content: space-between;
    margin-bottom: 12px;
    margin-top: 24px
}

.YouMightLikeSectionTitle__sectionHeader\#A1 .YouMightLikeSectionTitle__titleHighlight\#Dz {
    color: #fa5365
}

.YouMightLikeSectionTitle__allCategoriesLink\#jm {
    color: #f8f8f8;
    opacity: .6;
    font-size: .813rem
}

.YouMightLikeSectionTitle__allCategoriesLink\#jm:hover {
    color: #fa5365;
    color: var(--primary-light);
    opacity: 1
}

.multiple-categories-wrapper {
    min-height: 90vh
}

.multiple-categories-wrapper .model-list {
    margin: 0
}

.multiple-categories-wrapper .model-list .model-list-item {
    padding: 4px
}

.multiple-categories-wrapper .scrollable .model-list {
    margin: 0
}

.multiple-categories-category-header {
    align-items: flex-end;
    display: flex;
    justify-content: space-between;
    margin-bottom: 11px;
    margin-top: 24px
}

.multiple-categories-category-header .segment-header {
    align-items: flex-end;
    margin-right: 10px
}

.multiple-categories-category-header .segment-header a {
    cursor: pointer;
    text-decoration: none
}

.multiple-categories-category-header .segment-header .icon {
    height: 20px;
    margin-right: 7px;
    width: 20px
}

.multiple-categories-category-header .segment-header .country-flag {
    margin-right: 7px;
    transform: translateY(-4px)
}

.multiple-categories-category-header .btn {
    margin-bottom: 0
}

.multiple-categories-category .scroll-bar-container {
    width: 100%
}

.multiple-categories-see-all>a {
    border-width: 2px;
    color: #f8f8f8;
    margin-right: 0;
    opacity: .6
}

.multiple-categories-see-all-btn {
    border-color: #a4a4a4;
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    white-space: nowrap
}

.multiple-categories-see-all-btn:active,
.multiple-categories-see-all-btn:hover {
    border-color: #f8f8f8;
    color: #f8f8f8
}

.multiple-categories-see-all-link {
    display: none;
    font-weight: 500;
    text-decoration: none;
    white-space: nowrap;
    font-size: .813rem
}

.multiple-categories-see-all-link:active,
.multiple-categories-see-all-link:hover {
    color: #f8f8f8;
    text-decoration: none
}

.multiple-categories-scroll-bar-wrapper {
    margin: -4px
}

.model-list-container-show-more {
    display: flex;
    justify-content: center
}

.multiple-categories-models-list-wrapper .model-list-item {
    scroll-snap-stop: always
}

.multiple-categories-traffic-star {
    padding-top: 20px
}

.common__pageContainer\#My {
    min-height: 220px;
    width: 100%;
    display: flex;
    flex-direction: column;
    flex: 1;
    flex-basis: auto;
    flex-grow: 1;
    flex-shrink: 0
}

.indexpage .all-tags-dropdown-trigger {
    display: none
}

.text-icon-glue {
    white-space: nowrap
}

.text-icon-glue-breakable-word {
    overflow-wrap: break-word;
    white-space: pre-wrap
}

.index-page-header-seo-description-mobile.index-page-header-seo-description-mobile {
    position: relative;
    color: #f8f8f8;
    display: none;
    margin-left: auto
}

.index-page-header-description {
    font-size: 13px;
    font-weight: 400;
    letter-spacing: normal;
    line-height: 18px;
    color: rgba(248, 248, 248, .4);
    max-width: 1000px
}

.index-page-header-description+.index-page-header-description {
    margin-top: 10px
}

.index-page-title__action-buttons {
    align-items: flex-start;
    display: flex
}

.index-page-title-subtext {
    display: block;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    max-width: 524px;
    opacity: .8;
    text-overflow: ellipsis;
    white-space: normal;
    word-break: break-word
}

.index-page-title-subtext-padding {
    margin-left: 32px
}

.index-page-header {
    align-items: flex-start;
    margin: 16px 0 !important;
    position: relative
}

.index-page-header .header-notes {
    font-style: italic;
    text-align: right
}

.index-page-header .header-notes p {
    margin-bottom: .4rem
}

.index-page-header .header-notes p:last-child {
    margin-bottom: 0
}

.index-page-header .index-page-title-wrapper {
    align-items: center;
    display: flex;
    flex-wrap: nowrap;
    justify-content: flex-start
}

.IndexPageFallback__content\#NO {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: space-between;
    min-width: 0;
    width: 100%
}

.SwedenSiteIsClosedBanner__centerContainer\#Zz {
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin: 0 auto;
    max-width: 460px;
    min-height: 100dvh;
    padding: 32px 16px
}

.SwedenSiteIsClosedBanner__titleWrapper\#LD {
    margin-top: 32px
}

.SwedenSiteIsClosedBanner__title\#JL {
    color: #fff;
    font-size: 36px;
    font-weight: 700;
    line-height: 40px
}

.SwedenSiteIsClosedBanner__text\#G7 {
    color: rgba(255, 255, 255, .8);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px
}

.SwedenSiteIsClosedBanner__text\#G7 a {
    text-decoration: underline
}

.SwedenSiteIsClosedBanner__text\#G7 strong {
    color: #f1f1f1
}

.main-layout-main {
    display: flex;
    flex: 1 0 auto;
    flex-flow: row nowrap;
    max-width: 100vw
}

.main-layout-main::after {
    clear: both;
    content: "";
    display: table
}

.main-layout-main-single-column {
    flex-direction: column
}

.main-layout-main-right {
    display: flex;
    flex: 1 1 auto;
    flex-flow: column nowrap;
    max-width: 100%;
    min-width: 0
}

.main-layout-main-content {
    overflow-x: hidden;
    display: flex;
    flex-direction: column;
    flex: 1;
    flex-basis: auto;
    flex-grow: 1;
    flex-shrink: 0
}

.main-layout-main-content-scroll {
    overflow-x: initial
}

.main-layout-main-content .page-wrapper {
    display: flex;
    flex-direction: column;
    flex: 1;
    flex-basis: auto;
    flex-grow: 1;
    flex-shrink: 0
}

.main-layout .model-list-wrapper {
    transition: filter .3s, filter .3s;
    display: flex;
    flex-direction: row;
    flex: 1;
    flex-basis: auto;
    flex-grow: 1;
    flex-shrink: 1
}

#body.shaded .main-layout .header-sub,
#body.shaded .main-layout .header-top,
#body.shaded .main-layout .model-list-wrapper,
#body.shaded .main-layout .profile-wrapper,
#body.shaded .main-layout .view-cam-model-tags,
#body.shaded .main-layout footer {
    filter: brightness(15%);
    pointer-events: none
}

@keyframes XHOneTabAuth__appear\#su {
    0% {
        transform: scale(.6)
    }

    100% {
        transform: scale(1)
    }
}

.XHOneTabAuth\#vq {
    background: 0 0;
    border: none;
    display: none;
    left: auto;
    margin: 0;
    padding: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 3
}

.XHOneTabAuth\#vq.XHOneTabAuth__opened\#xr {
    display: flex
}

.XHOneTabAuth__iframe\#xi {
    animation: XHOneTabAuth__appear\#su 250ms;
    border: none;
    border-radius: 12px;
    box-shadow: 0 12px 16px 0 rgba(0, 0, 0, .15);
    margin: 8px;
    max-width: calc(100% - 16px);
    min-height: 190px;
    width: 440px
}

.PluginTokensModal\#al {
    align-items: center;
    background-color: #3b3b3b;
    display: flex;
    flex-flow: column nowrap;
    overflow: hidden;
    padding: 24px 24px 0
}

.PluginTokensModal__img\#Mx {
    border-radius: 4px;
    box-shadow: 0 4px 18px 0 rgba(0, 0, 0, .5);
    width: 180px
}

.PluginTokensModal__title\#hh {
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 26px;
    margin-top: 16px;
    text-align: center
}

.PluginTokensModal__priceIcon\#IJ {
    margin-right: 8px
}

.PluginTokensModal__price\#tW {
    align-items: center;
    color: #ffd737;
    display: flex;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    justify-content: center;
    line-height: 20px;
    margin-top: 8px;
    text-align: center
}

.PluginTokensModal__btn\#Ww {
    align-items: center;
    display: flex;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    height: 36px;
    justify-content: center;
    letter-spacing: .2px;
    line-height: 20px;
    margin-bottom: 24px;
    margin-right: 0;
    margin-top: 16px;
    min-width: 180px
}

.PluginTokensModal__btn\#Ww.PluginTokensModal__anonymous\#RN {
    background-color: #485e33;
    border: 2px solid #6ba234;
    color: #fff
}

.PluginTokensModal__btn\#Ww.PluginTokensModal__anonymous\#RN:hover {
    background-color: #5f863c;
    border-color: #82c043;
    color: #fff
}

.PluginTokensModal__anonymousBlock\#E8 {
    align-items: center;
    background-color: #303030;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin: 0 -24px;
    padding: 8px 24px;
    width: calc(100% + 48px)
}

.PluginTokensModal__anonymousText\#Nb {
    font-size: 13px;
    font-style: normal;
    font-weight: 500;
    letter-spacing: .2px;
    line-height: 18px;
    opacity: .6
}

.PluginTokensModal__anonymousText\#Nb.PluginTokensModal__anonymous\#RN {
    opacity: 1
}

.ExistingStudiosVerificationStart\#OA {
    background-color: #141414;
    border-radius: 12px;
    position: relative;
    width: 640px
}

.ExistingStudiosVerificationStart__content\#nz {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 20px
}

.ExistingStudiosVerificationStart__content\#nz ul {
    margin-top: 0
}

.ExistingStudiosVerificationStart__title\#dU {
    font-size: 20px;
    font-weight: 500;
    line-height: 28px;
    margin-bottom: 16px;
    margin-top: 16px;
    text-align: center
}

.ExistingStudiosVerificationStart__description\#zO {
    color: rgba(248, 248, 248, .8);
    font-size: 14px;
    font-weight: 400;
    letter-spacing: .2px;
    line-height: 20px;
    max-width: 360px;
    text-align: center;
    width: 360px
}

.ExistingStudiosVerificationStart__banner\#l3 {
    margin-bottom: 16px;
    margin-top: 16px;
    max-width: 360px;
    width: 360px
}

.ExistingStudiosVerificationStart__banner\#l3,
.ExistingStudiosVerificationStart__banner\#l3 h4 {
    font-size: 14px;
    font-weight: 400;
    letter-spacing: .2px;
    line-height: 20px
}

.ExistingStudiosVerificationStart__banner\#l3 h4 {
    margin-bottom: 0
}

.ExistingStudiosVerificationStart__buttons\#Y8 {
    align-items: center;
    border-top: 1px solid #000;
    display: flex;
    justify-content: center;
    padding: 20px
}

.ExistingStudiosVerificationStart__button\#NU {
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    margin-bottom: 0;
    padding: 8px 20px
}

.Footer\#OD {
    color: rgba(248, 248, 248, .6);
    display: block;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: .2px;
    line-height: 20px;
    text-align: center
}

.Footer__link\#Fb {
    -webkit-text-decoration-line: underline;
    text-decoration-line: underline
}

.Header__list\#Yq {
    border-bottom: 1px solid #000;
    display: flex;
    height: 43px;
    justify-content: space-between
}

.Header__listItem\#Sb {
    align-items: center;
    background-color: #303133;
    color: #f8f8f8;
    display: flex;
    font-size: 14px;
    font-weight: 500;
    height: 100%;
    letter-spacing: .2px;
    line-height: 20px;
    margin: 0;
    position: relative;
    width: 100%
}

.Header__listItem\#Sb:before {
    display: none !important
}

.Header__listItem\#Sb:first-child>.Header__listItemTextLabel\#fP {
    padding-left: 16px
}

.Header__listItem_active\#eV {
    background-color: #a2252d;
    background-color: var(--primary)
}

.Header__listItem_passed\#v2 {
    background-color: #303133
}

.Header__listItemTextLabel\#fP {
    line-height: inherit;
    padding: 0 12px
}

.Header__icon\#hH {
    display: inline-block;
    fill: #f8f8f8;
    margin: auto
}

.AdditionalInfo\#mw .input-date-wrapper {
    width: 430px
}

.AdditionalInfo__content\#p1 {
    padding: 20px
}

.AdditionalInfo__title\#OL {
    display: block;
    font-size: 20px;
    font-weight: 500;
    line-height: 28px;
    margin-bottom: 20px
}

.AdditionalInfo__text\#tj {
    color: rgba(248, 248, 248, .6);
    display: block;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: .2px;
    line-height: 20px;
    margin-bottom: 20px
}

.AdditionalInfo__buttons\#Lw {
    align-items: center;
    border-top: 1px solid #000;
    display: flex;
    justify-content: space-between;
    padding: 20px
}

.AdditionalInfo__button\#ac {
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    margin-bottom: 0;
    padding: 8px 20px
}

.select-tooltip {
    left: 0;
    position: fixed;
    top: 0;
    z-index: 499
}

.FormSelectField\#lT {
    align-items: center;
    display: flex;
    justify-content: space-between
}

.FormSelectField__fieldLabel\#gX {
    font-size: 12px;
    font-weight: 500;
    letter-spacing: .2px;
    line-height: 16px;
    margin-bottom: 0;
    text-align: left
}

.FormSelectField__fieldComponent\#PJ {
    font-size: 12px;
    font-weight: 400;
    letter-spacing: .2px;
    line-height: 20px;
    min-width: 430px;
    width: 430px
}

.FormSelectField__tooltip\#Kn {
    z-index: 1
}

.FormTextField\#AS {
    align-items: center;
    display: flex;
    justify-content: space-between
}

.FormTextField__fieldLabel\#fO {
    font-size: 12px;
    font-weight: 500;
    letter-spacing: .2px;
    line-height: 16px;
    margin-bottom: 0;
    text-align: left
}

.FormTextField__fieldComponent\#rj {
    font-size: 12px;
    font-weight: 400;
    letter-spacing: .2px;
    line-height: 20px;
    min-width: 430px;
    width: 430px
}

.FormTextField__tooltip\#s7 {
    z-index: 1
}

.AdditionalInfoCompany__field\#zH:not(:last-child),
.AdditionalInfoIndividual__field\#hl:not(:last-child) {
    margin-bottom: 20px
}

.Sumsub\#F4 {
    background-color: #141414;
    border: none;
    height: 640px;
    min-height: 640px;
    overflow-y: scroll;
    width: 100%;
    -ms-overflow-style: none;
    scrollbar-width: none
}

.Sumsub\#F4::-webkit-scrollbar {
    display: none
}

.Sumsub\#F4 iframe {
    display: block;
    height: 100%
}

.Sumsub__debugRoot\#AA {
    background-color: #141414;
    -moz-column-gap: 20px;
    column-gap: 20px;
    display: flex;
    justify-content: center;
    padding: 20px;
    width: 100%
}

.Sumsub__debugButton\#Wn {
    margin: 0
}

.AwaitingVerificationDecision\#BO {
    align-items: center;
    display: flex;
    flex-direction: column;
    padding: 20px;
    text-align: center
}

.AwaitingVerificationDecision__icon\#fA {
    height: 72px;
    width: 72px
}

.AwaitingVerificationDecision__title\#N3 {
    color: #f8f8f8;
    display: block;
    font-size: 20px;
    font-weight: 500;
    line-height: 28px;
    margin: 8px 0 0
}

.AwaitingVerificationDecision__text\#Dq {
    color: rgba(248, 248, 248, .8);
    display: block;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: .2px;
    line-height: 20px;
    margin: 16px 0 20px
}

.Completed\#O4 {
    align-items: center;
    display: flex;
    flex-direction: column;
    padding: 20px
}

.Completed__icon\#mr {
    height: 72px;
    width: 72px
}

.Completed__title\#Zc {
    color: #f8f8f8;
    display: block;
    font-size: 20px;
    font-weight: 500;
    line-height: 28px;
    margin: 8px 0 0
}

.Completed__textContainer\#sd {
    display: block;
    margin: 16px 0 20px
}

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

.Start__content\#jv {
    padding: 20px
}

.Start__title\#He {
    display: block;
    font-size: 20px;
    font-weight: 500;
    line-height: 28px;
    margin-bottom: 20px
}

.Start__text\#S8 {
    color: rgba(248, 248, 248, .6);
    display: block;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: .2px;
    line-height: 20px;
    margin-bottom: 20px
}

.Start__field\#I_ {
    align-items: center;
    display: flex;
    justify-content: space-between
}

.Start__fieldLabel\#5g {
    font-size: 14px;
    font-weight: 500;
    letter-spacing: .2px;
    line-height: 20px
}

.Start__banner\#NP {
    margin-top: 20px
}

.Start__bannerText\#RG {
    white-space: pre-wrap
}

.Start__bannerLink\#CB {
    color: #f8f8f8;
    text-decoration: underline
}

.Start__buttons\#DU {
    align-items: center;
    border-top: 1px solid #000;
    display: flex;
    justify-content: flex-end;
    padding: 20px
}

.Start__button\#rt {
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    margin-bottom: 0;
    padding: 8px 20px
}

.ChangeOwnerModal\#yF {
    width: 360px
}

.ChangeOwnerModal__iconContainer\#PI {
    align-items: center;
    display: flex;
    justify-content: center;
    margin-bottom: 12px
}

.ChangeOwnerModal__icon\#jz {
    color: #f8f8f8;
    height: 48px;
    width: 48px
}

.ChangeOwnerModal__title\#7j {
    display: block;
    font-size: 20px;
    font-weight: 700;
    line-height: 28px;
    margin-bottom: 30px;
    text-align: center
}

.ChangeOwnerModal__buttons\#BC {
    display: flex
}

.ChangeOwnerModal__button\#oI:first-child {
    margin-right: 16px
}

.ChangeOwnerModal__button\#oI {
    flex-grow: 1;
    margin-bottom: 0
}

.SumsubError\#sS {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 140px 20px
}

.SumsubError__icon\#cO {
    color: rgba(248, 248, 248, .4);
    height: 72px;
    margin-bottom: 8px;
    width: 72px
}

.SumsubError__infoText\#Up {
    font-size: 20px;
    font-weight: 500;
    line-height: 28px;
    margin-bottom: 16px
}

.SumsubError__suggestionText\#jU {
    font-size: 14px;
    font-weight: 400;
    letter-spacing: .2px;
    line-height: 20px;
    margin-bottom: 16px
}

.SumsubError__button\#Uf {
    margin-bottom: 0
}

.JumioFormDebug\#_E {
    background-color: #141414;
    -moz-column-gap: 20px;
    column-gap: 20px;
    display: flex;
    justify-content: center;
    padding: 20px;
    width: 100%
}

.JumioFormDebug__button\#nA {
    margin: 0
}

.Jumio\#rH {
    background-color: #141414;
    border: none;
    height: 480px;
    width: 100%
}

.Verification__buttons\#oh {
    align-items: center;
    border-top: 1px solid #000;
    display: flex;
    justify-content: space-between;
    padding: 20px
}

.Verification__button\#Y3 {
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    margin-bottom: 0;
    padding: 8px 20px
}

.base-modal-wrapper {
    align-items: center;
    background: rgba(0, 0, 0, .8);
    height: 100%;
    justify-content: center;
    left: 0;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 410;
    display: flex;
    flex-direction: row
}

.base-modal {
    background: #303133;
    color: rgba(255, 255, 255, .8);
    margin: 0 auto;
    width: 100%;
    display: flex;
    flex-direction: column
}

.base-modal .btn {
    margin: 0
}

.base-modal .modal-content {
    cursor: default;
    display: block;
    max-height: 100%;
    padding: 20px;
    position: relative;
    text-align: left;
    white-space: normal
}

.base-modal .modal-content>* {
    animation: none
}

.base-modal .modal-header {
    align-items: center;
    border-bottom: 1px solid rgba(0, 0, 0, .6);
    font-weight: 700;
    justify-content: space-between;
    padding: 20px;
    font-size: 1.25rem;
    line-height: 1.5rem;
    display: flex;
    flex-direction: row
}

.base-modal .modal-footer {
    align-items: center;
    border-top: 1px solid rgba(0, 0, 0, .6);
    justify-content: space-between;
    padding: 20px;
    font-size: .875rem;
    line-height: 1.25rem;
    display: flex;
    flex-direction: row
}

.agreement-popup {
    background: rgba(0, 0, 0, .35);
    display: flex;
    flex-direction: row
}

.agreement-popup--loading .modal-footer {
    opacity: .6;
    pointer-events: none
}

.agreement-popup .base-modal {
    height: 80%;
    margin: auto;
    min-height: 450px;
    width: 80%;
    font-size: .875rem;
    line-height: 1.25rem
}

.agreement-popup .base-modal .modal-header .btn-default-outline {
    align-items: center;
    margin: 0;
    padding: 0 20px;
    display: flex;
    flex-direction: row
}

.agreement-popup .base-modal .modal-content {
    background: #303133;
    height: 100%;
    min-height: 300px;
    padding: 10px;
    display: flex;
    flex-direction: row
}

.agreement-popup .base-modal .modal-footer {
    align-items: stretch;
    background: #303133;
    display: flex;
    flex-direction: row-reverse;
    flex: 1;
    flex-basis: auto;
    flex-grow: 1;
    flex-shrink: 0
}

.agreement-popup .base-modal .modal-footer .agreement-footer-top {
    align-items: center;
    display: flex;
    flex-direction: row
}

.agreement-popup .base-modal .modal-footer .agreement-footer-bottom {
    align-items: center;
    justify-content: space-between;
    display: flex;
    flex-direction: row
}

.agreement-popup .base-modal .modal-footer .agreement-footer-bottom .btn-default-filled {
    display: none
}

.agreement-popup .base-modal .agreement-text {
    margin: 10px 0;
    padding: 0 10px
}

.agreement-popup .base-modal .agreement-text--error {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 100%
}

.agreement-popup .base-modal .agreement-text__icon {
    fill: #fa7055;
    margin-right: 0
}

.agreement-popup .base-modal .agreement-text__error-heading {
    display: block;
    margin-top: 30px
}

.agreement-popup .base-modal .agreement-popup-input {
    font-weight: 400;
    margin-right: 10px;
    opacity: .6
}

.agreement-popup .base-modal .agreement-popup-input label {
    height: auto;
    white-space: normal
}

.agreement-popup .base-modal ol {
    margin: 0;
    padding: 0
}

.agreement-popup .base-modal ol li ol li,
.agreement-popup .base-modal ol li p {
    padding-left: 10px
}

.agreement-popup .base-modal strong {
    font-weight: 400
}

.agreement-popup .base-modal em,
.agreement-popup .base-modal u {
    font-style: normal;
    text-decoration: none
}

.agreement-popup .base-modal li:before {
    font-size: 1rem;
    line-height: 1.5rem
}

.agreement-popup .base-modal h1 {
    display: inline-block;
    font-weight: 700;
    margin-bottom: 20px;
    font-size: 1.25rem;
    line-height: 1.5rem
}

.agreement-popup .base-modal h2 {
    align-items: center;
    display: inline-block;
    font-weight: 700;
    margin-bottom: 10px;
    font-size: 1rem;
    line-height: 1.5rem
}

.agreement-popup--desktop-column .base-modal .modal-footer {
    align-items: stretch;
    display: flex;
    flex-direction: column;
    flex: 1;
    flex-basis: auto;
    flex-grow: 1;
    flex-shrink: 0
}

.agreement-popup--desktop-column .base-modal .modal-footer .agreement-footer-top {
    margin-bottom: 10px;
    flex: 1;
    flex-basis: auto;
    flex-grow: 1;
    flex-shrink: 0
}

.agreement-popup--desktop-column .base-modal .modal-footer .agreement-footer-top .btn-default-filled {
    display: none
}

.agreement-popup--desktop-column .base-modal .modal-footer .agreement-footer-bottom {
    justify-content: space-between;
    display: flex;
    flex-direction: row;
    flex: 1;
    flex-basis: auto;
    flex-grow: 1;
    flex-shrink: 0
}

.agreement-popup--desktop-column .base-modal .modal-footer .agreement-footer-bottom .btn-default-filled {
    display: block
}

.VerificationDecision\#AJ {
    display: flex;
    flex-direction: column
}

.VerificationDecision_loading\#ef {
    height: 300px
}

.VerificationDecision__loader\#c2 {
    align-items: center;
    background-color: #141414;
    display: flex;
    height: 100%;
    justify-content: center;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.VerificationDecision__content\#GQ {
    align-items: center;
    align-self: center;
    display: flex;
    flex-direction: column;
    max-width: 360px;
    padding: 20px
}

.VerificationDecision__content_bigPadding\#nR {
    padding: 140px 20px
}

.VerificationDecision__content_badPhoto\#zb {
    max-width: 600px
}

.VerificationDecision__icon\#Rg {
    color: rgba(248, 248, 248, .3);
    height: 72px;
    width: 72px
}

.VerificationDecision__title\#Z7 {
    color: #f8f8f8;
    display: block;
    font-size: 20px;
    font-weight: 500;
    line-height: 26px;
    margin-top: 8px;
    text-align: center
}

.VerificationDecision__text\#ch {
    color: rgba(248, 248, 248, .8);
    display: block;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: .2px;
    line-height: 20px;
    margin-top: 16px;
    text-align: center
}

.VerificationDecision__banner\#Me {
    margin-top: 20px;
    white-space: pre-wrap
}

.VerificationDecision__buttons\#BH {
    align-items: center;
    border-top: 1px solid #000;
    display: flex;
    justify-content: space-between;
    padding: 20px
}

.VerificationDecision__buttons_center\#xt {
    justify-content: center
}

.VerificationDecision__buttons_additionalLink\#ke {
    justify-content: center;
    padding: 20px 20px 0
}

.VerificationDecision__button\#QI {
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    margin: 0;
    padding: 8px 20px
}

.VerificationDecision__button_content\#At {
    margin-top: 16px
}

.VerificationDecision__companyHelpTextContainer\#OX {
    padding: 16px 20px 20px
}

.VerificationDecision__companyHelpTextDivider\#fE {
    border-top: 1px solid rgba(248, 248, 248, .1);
    display: flex;
    justify-content: center;
    padding-top: 16px
}

.VerificationDecision__companyHelpText\#Z5 {
    align-self: center;
    color: rgba(248, 248, 248, .6);
    display: block;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: .2px;
    line-height: 20px;
    text-align: center;
    width: 360px
}

.VerificationDecision__companyHelpLink\#yp {
    color: #f8f8f8;
    font-weight: 500;
    -webkit-text-decoration-line: underline;
    text-decoration-line: underline
}

.KybWizard\#Uj {
    position: relative;
    width: 640px
}

.KybWizard_loading\#YS {
    height: 412px
}

.KybWizard__content\#mK {
    background-color: #141414;
    border-radius: 0 0 12px 12px
}

.KybWizard__content_loading\#k7 {
    display: none
}

.KybWizard__footer\#OM {
    margin-top: 20px
}

.ExistingStudiosVerificationModal\#Dg {
    max-width: 600px;
    width: 100%
}

.ExistingStudiosVerificationModal__modalContent\#O2 {
    padding: 0
}

.ExistingStudiosVerificationModal__body\#R9 {
    padding: 30px
}

.ExistingStudiosVerificationModal__title\#p9 {
    font-size: 24px;
    font-weight: 700;
    letter-spacing: .2px;
    line-height: 32px;
    margin-bottom: 16px
}

.ExistingStudiosVerificationModal__header\#Kp img {
    width: 100%
}

.ExistingStudiosVerificationModal__list\#pU {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px
}

.ExistingStudiosVerificationModal__paragraph\#Pn {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    margin-bottom: 0
}

.ExistingStudiosVerificationModal__dateTo\#kB {
    color: #ffd54f;
    font-weight: 700
}

.ExistingStudiosVerificationModal__warningText\#Vy {
    color: #ffd54f;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: .2px;
    line-height: 20px;
    margin-bottom: 24px
}

.ExistingStudiosVerificationModal__footer\#dc {
    align-items: center;
    display: flex;
    justify-content: center
}

.ExistingStudiosVerificationModal__footer\#dc .btn {
    font-size: 14px;
    font-weight: 500;
    line-height: 32px;
    margin-bottom: 0
}

.ExistingStudiosVerificationModal__footer\#dc .btn:first-child {
    margin-right: 16px
}

.ExistingStudiosVerificationModal__footer\#dc a {
    margin-bottom: 0
}

.ExistingStudiosVerificationModal__onboarding\#f_ .ExistingStudiosVerificationModal__list\#pU {
    margin-bottom: 24px
}

.ExistingStudiosVerificationModal__expired\#bZ .ExistingStudiosVerificationModal__paragraph\#Pn+.ExistingStudiosVerificationModal__paragraph\#Pn {
    margin-top: 24px
}

.ExistingStudiosVerificationModal__expired\#bZ .ExistingStudiosVerificationModal__list\#pU {
    margin-bottom: 24px;
    margin-top: 0;
    padding-left: 24px
}

.ExistingStudiosVerificationModal__expired\#bZ .ExistingStudiosVerificationModal__list\#pU li {
    list-style-type: initial;
    padding-left: 2px
}

.ExistingStudiosVerificationModal__expired\#bZ .ExistingStudiosVerificationModal__warningText\#Vy {
    color: inherit;
    font-size: 16px;
    font-weight: 400
}

.PersonalOfferOnboardingModal__content\#xo {
    align-items: center;
    background-color: #262626;
    display: flex;
    flex-direction: column;
    padding: 32px;
    width: 424px
}

.PersonalOfferOnboardingModal__icon\#SF {
    background: url("cams/components/ui/PersonalOfferOnboarding/components/PersonalOfferOnboardingModal/images/logo.svg") no-repeat;
    height: 48px;
    margin-bottom: 8px;
    width: 48px
}

.PersonalOfferOnboardingModal__title\#rN {
    color: #f8f8f8;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 28px;
    text-align: center
}

.PersonalOfferOnboardingModal__subTitle\#V4 {
    color: rgba(248, 248, 248, .6);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    margin-bottom: 24px;
    text-align: center
}

.PersonalOfferOnboardingModal__description\#R8 {
    color: rgba(248, 248, 248, .6);
    font-size: 13px;
    font-weight: 400;
    line-height: 18px;
    margin-bottom: 32px;
    text-align: center
}

.PersonalOfferOnboardingModal__bold\#Pf {
    font-weight: 500
}

.PersonalOfferOnboardingModal__button\#VT {
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 0;
    padding-left: 24px;
    padding-right: 24px
}

.UserTierLogo\#w_ {
    align-items: center;
    display: flex;
    flex: 1;
    flex-direction: column;
    justify-content: center;
    margin-bottom: 12px
}

.UserTierLogo__lord\#eJ {
    height: 260px !important;
    margin-bottom: 40px;
    position: relative;
    top: 20px;
    width: 260px !important
}

.UserTierLogo__animation\#nn {
    height: 300px;
    width: 300px
}

.UserTierLogo__animation\#nn canvas {
    height: 100% !important;
    width: 100% !important
}

.UserTierLogo__info\#CG {
    position: relative;
    text-align: center;
    top: -25px
}

.UserTierLogo__userName\#E6 {
    color: #f8f8f8;
    font-size: 24px;
    font-weight: 700;
    line-height: 32px
}

.UserTierLogo__tierName\#AB {
    font-size: 40px;
    font-style: normal;
    font-weight: 700;
    line-height: 52px
}

.UserTierLogo__tier1\#fz {
    color: #91bbf7
}

.UserTierLogo__tier2\#Bd {
    color: #d039ff
}

.UserTierLogo__tier3\#Be {
    color: #ff425d
}

.RowBottom\#qj {
    align-items: center;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: calc(.375rem + 14px) 0 calc(.375rem + 4px)
}

.RowBottom__item\#l9 {
    color: rgba(255, 255, 255, .3);
    display: block;
    flex: 1;
    padding: .375rem .7rem
}

.RowBottom__address\#lY {
    display: flex;
    justify-content: flex-end;
    margin-top: -3px
}

.LabelSection__label\#DR {
    color: #fff;
    display: inline-block;
    fill: #fff;
    margin-bottom: 10px;
    margin-right: 20px;
    opacity: .3
}

a.LabelSection__label\#DR:hover {
    opacity: .7
}

.LabelSection__label-support\#io {
    position: relative;
    top: 6px
}

.LabelSection__logo\#ZX {
    display: block;
    margin-right: 0
}

.LabelSection__logo-rta\#YO {
    height: 25px;
    width: 50px
}

.LabelSection__logo-safe\#yd {
    box-sizing: content-box;
    height: 40px;
    width: 110px
}

.LabelSection__logo-asacp\#I7 {
    height: 22px;
    width: 60px
}

.LabelSection__logo-support\#Ym {
    height: 38px;
    width: 38px
}

.LabelSection__logo-unseen\#KT {
    height: 22px;
    width: 78px
}

.RowLabels\#QP {
    align-items: center;
    border-bottom: 1px solid rgba(164, 164, 164, .2);
    border-top: 1px solid rgba(164, 164, 164, .2);
    display: flex;
    flex-wrap: wrap;
    min-height: 90px
}

.RowLabels__labels-container\#zh {
    flex: none;
    padding: .375rem .375rem .375rem .325rem;
    width: 33.3333333333%
}

.RowLabels__statement-container\#F3 {
    align-items: center;
    display: flex;
    flex: none;
    flex-direction: row;
    justify-content: space-between;
    padding: 20px .375rem 20px .7rem;
    width: 66.6666666667%
}

.RowLabels__statement-link\#NX {
    color: rgba(255, 255, 255, .3);
    line-height: 1.125rem
}

.RowLabels__statement-link\#NX:active,
.RowLabels__statement-link\#NX:focus {
    color: rgba(255, 255, 255, .3);
    opacity: 1
}

.RowLabels__statement-link\#NX:hover {
    color: #fa5365;
    color: var(--primary-light);
    opacity: .7;
    text-decoration: none
}

.RowLabels__agreement-icon\#sZ {
    height: 32px;
    opacity: .3;
    width: 32px
}

.LanguageMenuDropdownDesktopItem\#o3 {
    max-width: 110px;
    padding: 5px 10px;
    flex: 1;
    flex-basis: 25%;
    flex-grow: 0;
    flex-shrink: 1;
    line-height: 1.125rem
}

.LanguageMenuDropdownDesktopItem__selected\#AL {
    background-color: #a2252d;
    background-color: var(--primary)
}

.LanguageMenuDropdownDesktopItem__inner\#Mt {
    align-items: center;
    color: #a4a4a4;
    cursor: pointer;
    font-size: 12px;
    justify-content: space-between;
    text-decoration: none;
    display: flex;
    flex-direction: row
}

.LanguageMenuDropdownDesktopItem__inner\#Mt:hover {
    color: #fa5365;
    color: var(--primary-light);
    text-decoration: none
}

.LanguageMenuDropdownDesktopItem__inner__selected\#z_ {
    color: #fff;
    opacity: 1;
    text-decoration: none
}

.LanguageMenuDropdownDesktopItem__inner__selected\#z_:hover {
    color: #fff
}

.LanguageMenuDropdownDesktopItem__icon\#NS {
    fill: #fff;
    min-width: 13px
}

.LanguageMenuDropdownDesktopItemLabel\#bD {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.LanguageMenuDropdown__trigger\#B1 {
    align-items: center;
    border: 1px solid #fff;
    border-radius: 30px;
    color: #fff;
    cursor: pointer;
    justify-content: center;
    opacity: .4;
    padding: 6px 8px;
    position: relative;
    text-decoration: none;
    font-size: .75rem;
    display: flex;
    flex-direction: 12;
    line-height: .938rem
}

.LanguageMenuDropdown__trigger\#B1:hover {
    opacity: .6
}

.LanguageMenuDropdown__icon\#H9 {
    fill: #fff
}

.language-dropdown .trigger .icon-i18n {
    margin-right: 5px
}

.language-dropdown .trigger .selectbox-arrow {
    margin-left: 40px;
    vertical-align: middle;
    transition: 120ms ease-in-out
}

.language-dropdown .trigger .selectbox-arrow .icon {
    fill: #fff;
    height: 5px;
    margin: 0;
    width: 5px
}

.language-dropdown .trigger.active {
    opacity: .8
}

.language-dropdown .trigger.active .selectbox-arrow {
    transform: rotate(180deg)
}

.language-dropdown .language-mobile-list {
    display: none;
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1
}

body.android .language-dropdown .language-mobile-list,
body.i-os .language-dropdown .language-mobile-list {
    display: block
}

.language-dropdown .language-list {
    background: #3e3f42;
    box-shadow: 0 20px 30px rgba(24, 24, 24, .3);
    flex-wrap: wrap;
    justify-content: flex-start;
    max-width: 440px;
    padding: 10px 0;
    position: absolute;
    white-space: nowrap;
    z-index: 10;
    display: flex;
    flex-direction: row
}

.language-dropdown .language-list .language-item {
    margin: 2px 0
}

.site-logo {
    height: 100%;
    width: 100%
}

.site-logo svg {
    height: inherit;
    width: inherit
}

.LogoWithLanguageSection\#mr {
    align-items: flex-start;
    flex-wrap: wrap;
    justify-content: space-between;
    display: flex;
    flex-direction: row
}

.LogoWithLanguageSection__logoContainer\#EL {
    color: #fff;
    display: block;
    margin: 0 20px 20px 0;
    opacity: .5
}

.LogoWithLanguageSection__logoContainer\#EL:hover {
    color: #fa5365;
    color: var(--primary-light);
    opacity: .7;
    text-decoration: none
}

.LogoWithLanguageSection__logo\#YX {
    height: 28px;
    width: calc(28px * var(--footer-logo-aspect-ratio))
}

.LogoWithLanguageSection__dropdown\#bC {
    margin-bottom: 20px
}

.BlockContainer\#ay {
    flex: 1 1 0;
    padding: .375rem .7rem
}

.BlockListItem\#fA {
    border-top: 1px solid rgba(164, 164, 164, .3);
    color: rgba(255, 255, 255, .5);
    display: flex;
    flex-direction: row;
    padding: .5rem 0;
    vertical-align: middle;
    font-size: .75rem;
    line-height: 1.125rem
}

.BlockListItem\#fA:active,
.BlockListItem\#fA:focus {
    color: rgba(255, 255, 255, .5)
}

.BlockListItem\#fA a {
    color: rgba(255, 255, 255, .5);
    width: 100%
}

.BlockListItem\#fA a:active,
.BlockListItem\#fA a:focus {
    color: rgba(255, 255, 255, .5)
}

.BlockListItem\#fA:hover,
.BlockListItem\#fA:hover a {
    color: #fa5365;
    color: var(--primary-light);
    opacity: .7;
    text-decoration: none
}

.BlockListItem\#fA li {
    display: initial
}

.BlockListItemSocialLink\#Em {
    vertical-align: middle;
    display: flex;
    flex-direction: row
}

.BlockListItemSocialLink\#Em:hover .BlockListItemSocialLink__icon\#Dk {
    color: #fa5365;
    color: var(--primary-light);
    fill: #fa5365;
    fill: var(--primary-light)
}

.BlockListItemSocialLink__icon\#Dk {
    color: #a4a4a4;
    fill: #a4a4a4;
    margin-right: 6px;
    margin-top: 1px;
    opacity: .5
}

.BlockTitle\#z1 {
    color: #fff;
    display: block;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: .6px;
    line-height: normal;
    margin-bottom: 1rem;
    text-transform: uppercase
}

.FollowBlock__link-inquiries\#Rd {
    margin-left: 1px
}

.HelpBlock__feedback\#ce {
    cursor: pointer
}

.HelpBlock__icon\#gS {
    margin-right: 6px;
    margin-top: -3px;
    vertical-align: middle
}

.SidebarLinks__title\#HP {
    color: #f8f8f8;
    font-size: 13px;
    font-weight: 500;
    line-height: 18px
}

.SidebarLinks__inner\#Ac {
    padding: 10px 14px
}

.SidebarLinks__icon\#nE {
    color: #f8f8f8;
    margin-left: 4px;
    margin-right: 4px;
    vertical-align: text-top
}

.SidebarLinks__list\#nS {
    color: rgba(248, 248, 248, .8);
    font-size: 13px;
    font-weight: 500;
    line-height: 18px;
    margin-top: 10px
}

.SidebarLinks__item\#mD {
    margin-bottom: 3px
}

.SidebarLinks__link\#Vv {
    color: inherit;
    text-decoration: underline
}

.SidebarLinks__link\#Vv:hover {
    color: inherit;
    text-decoration: none
}

.NavigationsListSection\#ND {
    display: flex;
    flex-wrap: wrap
}

.PWAQrCodeSection\#m7 {
    align-items: center;
    background: rgba(248, 248, 248, .05);
    background-clip: padding-box;
    border: 1px solid rgba(248, 248, 248, .05);
    border-radius: 12px;
    cursor: pointer;
    display: flex;
    margin-top: 20px;
    padding: 16px 24px 16px 16px
}

.PWAQrCodeSection\#m7:hover {
    background: rgba(248, 248, 248, .1);
    background-clip: padding-box;
    border: 1px solid rgba(248, 248, 248, .1)
}

.PWAQrCodeSection__textWrapper\#uK {
    margin-left: 16px
}

.PWAQrCodeSection__qrCode\#mj {
    border-radius: 4px;
    flex-shrink: 0;
    height: 96px;
    overflow: hidden;
    width: 96px
}

.PWAQrCodeSection__qrCode\#mj img {
    height: 112px;
    width: 112px
}

.PWAQrCodeSection__title\#xz {
    color: #f8f8f8;
    font-size: 13px;
    font-style: normal;
    font-weight: 700;
    letter-spacing: .2px;
    line-height: 18px;
    margin-bottom: 4px
}

.PWAQrCodeSection__description\#st {
    color: rgba(248, 248, 248, .6);
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: .2px;
    line-height: 16px
}

.qr-code {
    align-items: center;
    background-color: #fff;
    display: flex;
    justify-content: center
}

.qr-code--loading {
    background: rgba(255, 255, 255, .1)
}

.qr-code__image {
    height: 100%;
    width: 100%
}

.SeoDescriptionSection\#wz {
    opacity: .3
}

.SeoDescriptionSection\#wz p:last-child {
    margin: 0
}

.TakeTourSection\#Yy {
    padding: .375rem .7rem
}

.TakeTourSection__btn\#h3 {
    background-color: #fff;
    color: #000;
    margin-top: 20px;
    opacity: .8;
    padding: 0 20px;
    line-height: 1.875rem
}

.TakeTourSection__btn\#h3:hover {
    color: #000;
    opacity: .6
}

.TakeTourSection__btn\#h3:active,
.TakeTourSection__btn\#h3:focus {
    color: #000;
    opacity: 1
}

.RowTop__labels\#M0 {
    display: none;
    margin-top: 15px
}

.RowTop__labels-item\#ck {
    margin-bottom: 10px
}

.RowTop__left-nav\#ev,
.RowTop__left-tour\#qc {
    display: none
}

.RowTopContainer\#yN {
    display: flex
}

.RowTopContainer__left\#HV {
    flex: none;
    padding: .375rem .7rem .375rem .325rem;
    width: 33.3333333333%
}

.RowTopContainer__right\#rG {
    padding-left: .325rem;
    width: 100%
}

.footer-container\#jW {
    background: #212223;
    color: #fff;
    padding: 14px 0;
    position: relative;
    z-index: 2;
    font-size: .75rem
}

.footer-container\#Mo {
    display: none
}

.Footer__inner\#zr {
    margin: 0 auto;
    max-width: 1568px;
    position: relative;
    width: 100%
}

.Footer__row-top\#m1 {
    margin-bottom: .375rem
}

.Footer__row-bottom\#pK {
    align-items: center;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    opacity: .3;
    padding: 14px 0 4px
}

.Footer__row-labels\#nK {
    margin-top: 20px
}

.wizard-user-menu-wrapper {
    position: fixed;
    right: 30px;
    top: 10px;
    z-index: 501
}

.wizard-user-menu-wrapper .wizard-dropdown-wrapper {
    position: absolute;
    right: 0;
    top: calc(100% + 12px)
}

.wizard-user-menu-wrapper .wizard-dropdown-wrapper::before {
    border: 8px solid transparent;
    border-bottom-color: #303133;
    content: "";
    height: 0;
    left: auto;
    position: absolute;
    right: 20px;
    top: -16px;
    width: 0
}

.wizard-user-menu-wrapper .wizard-user-menu-button {
    background: 0 0;
    border: 0;
    color: rgba(248, 248, 248, .8);
    cursor: pointer;
    line-height: 32px;
    font-size: .875rem;
    display: flex;
    flex-direction: row
}

.wizard-user-menu-wrapper .wizard-user-menu-button svg {
    fill: rgba(248, 248, 248, 0.8)
}

.wizard-user-menu-wrapper .avatar {
    align-items: center;
    border: 1px solid rgba(255, 255, 255, .2);
    font-weight: 700;
    justify-content: center;
    margin-right: 10px;
    opacity: .8;
    position: relative;
    display: flex;
    flex-direction: row
}

.wizard-user-menu-wrapper .dropdown-arrow {
    margin-left: 6px
}

.wizard-user-menu-wrapper .dropdown-arrow .icon {
    fill: rgba(248, 248, 248, 0.8);
    height: 7px;
    margin: 0;
    width: 7px
}

.sign-up-new-benefits {
    margin-top: 0
}

.sign-up-new-benefits__benefit {
    align-items: center;
    display: flex;
    flex-direction: row
}

.sign-up-new-benefits__benefit:not(:last-child) {
    margin-bottom: 12px
}

.sign-up-new-benefits__benefit--small:not(:last-child) {
    margin-bottom: 10px
}

.sign-up-new-benefits__icon {
    color: #cbcbcb;
    fill: currentColor;
    height: 18px;
    margin-right: 15px;
    width: 18px
}

.sign-up-new-benefits__icon.icon-bookmark-filled,
.sign-up-new-benefits__icon.icon-gift {
    transform: scale(.8888888889) translateY(-1px)
}

.sign-up-new-benefits__icon.icon-camera-5,
.sign-up-new-benefits__icon.icon-dollar,
.sign-up-new-benefits__icon.icon-lightning-2,
.sign-up-new-benefits__icon.icon-shield,
.sign-up-new-benefits__icon.icon-user-dollar {
    transform: scale(1.1111111111)
}

.sign-up-new-benefits__text {
    font-size: 16px;
    font-weight: 400;
    letter-spacing: normal;
    color: rgba(255, 255, 255, .6);
    flex: 1;
    line-height: 20px;
    opacity: .8;
    vertical-align: middle
}

.sign-up-new-benefits__text--small {
    font-size: 13px;
    font-weight: 500;
    letter-spacing: normal;
    line-height: normal
}

.sign-up-new-benefits__text--shadow {
    text-shadow: 1px 1px rgba(0, 0, 0, .5)
}

.sign-up-new-benefits__text a {
    color: inherit;
    text-decoration: underline
}

.sign-up-new-benefits__text a:active,
.sign-up-new-benefits__text a:focus,
.sign-up-new-benefits__text a:hover {
    color: inherit;
    opacity: .8
}

.sign-up-new-benefits__accent-word {
    color: #fff
}

.sign-up-new-benefits__faq-link {
    color: rgba(255, 255, 255, .8);
    height: 18px;
    margin-left: 10px;
    width: 18px
}

.sign-up-new-benefits__faq-link:hover {
    color: #fff
}

.sign-up-new-benefits--site-theme .sign-up-new-benefits__icon {
    color: #cbcbcb
}

.sign-up-new-benefits--site-theme .sign-up-new-benefits__text {
    color: rgba(255, 255, 255, .6)
}

.sign-up-new-benefits--site-theme .sign-up-new-benefits__text--shadow {
    text-shadow: 1px 1px rgba(0, 0, 0, .5)
}

.sign-up-new-benefits--site-theme .sign-up-new-benefits__accent-word {
    color: #fff
}

.sign-up-new-benefits--site-theme .sign-up-new-benefits__faq-link {
    color: rgba(255, 255, 255, .8)
}

.sign-up-new-benefits--site-theme .sign-up-new-benefits__faq-link:hover {
    color: #fff
}

.dropdown-wrapper {
    max-width: 440px;
    position: absolute;
    top: calc(100% + 15px);
    z-index: 201
}

.dropdown-wrapper .dropdown-content {
    box-sizing: border-box;
    color: rgba(255, 255, 255, .8);
    padding: 4px 5px;
    position: relative;
    text-align: left;
    border-radius: 4px
}

.dropdown-wrapper .dropdown-content.big::after {
    border-width: 7px
}

.dropdown-wrapper .dropdown-content.shadow {
    box-shadow: 0 2px 16px rgba(0, 0, 0, .46)
}

.dropdown-wrapper .dropdown-content.background-strong {
    background: rgba(17, 17, 17, .9)
}

.dropdown-wrapper .dropdown-content.background-strong::after {
    border-color: rgba(17, 17, 17, .9)
}

.dropdown-wrapper .dropdown-content.background-light {
    background: #404040
}

.dropdown-wrapper .dropdown-content.background-light::after {
    border-color: #404040
}

.dropdown-wrapper .dropdown-content.background-base {
    background: #3e3f42
}

.dropdown-wrapper .dropdown-content.background-base::after {
    border-color: #3e3f42
}

.dropdown-wrapper .dropdown-content.spaced {
    padding: 20px
}

.dropdown-wrapper .dropdown-content::after {
    border-bottom-color: transparent;
    border-left-color: transparent;
    border-style: solid;
    border-width: 3px;
    content: " ";
    height: 0;
    left: 50%;
    pointer-events: none;
    position: absolute;
    top: 0;
    transform: translate(-50%, -50%) rotate(45deg);
    width: 0
}

.dropdown-wrapper .dropdown-content--hidden-arrow::after {
    display: none
}

.dropdown-wrapper.bottom {
    left: 50%;
    top: calc(100% + 15px);
    transform: translateX(-50%)
}

.dropdown-wrapper.bottom .dropdown-content::after {
    border-bottom-color: transparent;
    border-right-color: transparent
}

.dropdown-wrapper.bottom-left {
    right: 0;
    top: calc(100% + 15px)
}

.dropdown-wrapper.bottom-left .dropdown-content::after {
    border-bottom-color: transparent;
    border-right-color: transparent;
    left: auto;
    right: 0
}

.dropdown-wrapper.top-left .dropdown-content::after {
    border-width: 3px;
    bottom: 0;
    top: initial;
    transform: translate(-50%, 50%) rotate(45deg);
    border-color: transparent;
    left: auto;
    right: 0
}

.dropdown-wrapper.top-left {
    bottom: calc(100% + 15px);
    right: 0;
    top: auto
}

.dropdown-wrapper.top {
    bottom: calc(100% + 15px);
    top: auto
}

.dropdown-wrapper.top .dropdown-content::after {
    border-left-color: transparent;
    border-width: 3px;
    bottom: 0;
    top: initial;
    transform: translate(-50%, 50%) rotate(45deg)
}

.dropdown-wrapper.left {
    right: calc(100% + 10px);
    top: 50%;
    transform: translateY(-50%)
}

.dropdown-wrapper.left .dropdown-content::after {
    border-bottom-color: transparent;
    border-right-color: transparent;
    border-style: solid;
    border-width: 3px;
    left: 100%;
    top: 50%;
    transform: translate(-50%, -50%) rotate(135deg)
}

.dropdown-wrapper.right {
    left: calc(100% + 10px);
    top: 50%;
    transform: translateY(-50%)
}

.dropdown-wrapper.right .dropdown-content::after {
    border-bottom-color: transparent;
    border-left-color: transparent;
    border-style: solid;
    border-width: 3px;
    left: 0;
    top: 50%;
    transform: translate(-50%, -50%) rotate(225deg)
}

.dropdown-wrapper.mobile {
    max-width: 100%;
    position: relative;
    width: 100%
}

.user-levels-username {
    align-items: center;
    display: inline-flex;
    max-width: 100%;
    min-width: 0;
    text-decoration: none
}

.user-levels-username-text {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.user-levels-username sup {
    cursor: default;
    font-size: .5em;
    line-height: 0;
    margin-left: .3em;
    position: relative;
    text-decoration: none;
    text-transform: uppercase;
    top: -.9em
}

.user-levels-username-gray,
.user-levels-username-guest {
    color: #b3b3b3
}

.user-levels-username-model {
    color: #f14b57
}

.user-levels-username-admin {
    color: #69a8e0
}

.color-league-default,
.color-league-default:hover {
    color: #f8f8f8
}

.color-league-blue,
.color-league-blue:hover {
    color: #69a8e0
}

.color-league-ultimate,
.color-league-ultimate:hover {
    color: #e54500
}

.color-league-grey,
.color-league-grey:hover {
    color: #9f9f9f
}

.color-league-bronze,
.color-league-bronze:hover {
    color: #de884a
}

.color-league-silver,
.color-league-silver:hover {
    color: #c9e7fe
}

.color-league-gold,
.color-league-gold:hover {
    color: #ffad22
}

.color-league-diamond,
.color-league-diamond:hover {
    color: #d424ff
}

.color-league-legend,
.color-league-legend:hover,
.color-league-royal,
.color-league-royal:hover {
    color: #ff1a1a
}

.css-tooltip-top {
    display: inline-block;
    position: relative
}

.css-tooltip-top::after {
    background-color: #111;
    border-radius: 4px;
    box-shadow: 0 2px 4px transparent, 0 0 4px transparent;
    color: #e1e1e1;
    padding: 8px 10px;
    text-align: center;
    text-transform: none;
    white-space: nowrap;
    font-size: 11px;
    font-weight: 400;
    letter-spacing: normal;
    line-height: normal;
    content: attr(data-tooltip);
    opacity: 0;
    pointer-events: none;
    position: absolute;
    transition-duration: 240ms;
    -webkit-transition-property: opacity, -webkit-transform;
    transition-property: opacity, transform;
    transition-timing-function: ease-in-out;
    z-index: 1000;
    left: 50%;
    top: 0;
    transform: translate(-50%, calc(-100% - 5px + 10px - 0px))
}

.css-tooltip-top::before {
    border-style: solid;
    border-width: 5px;
    content: "";
    opacity: 0;
    pointer-events: none;
    position: absolute;
    transition-duration: 240ms;
    -webkit-transition-property: opacity, -webkit-transform;
    transition-property: opacity, transform;
    transition-timing-function: ease-in-out;
    z-index: 1001;
    border-color: #111 transparent transparent;
    left: 50%;
    margin-left: -5px;
    top: -5px;
    transform: translateY(calc(10px - 0px))
}

.css-tooltip-top:hover::before {
    opacity: 1;
    transform: translateY(0px)
}

.css-tooltip-top:hover::after {
    opacity: 1;
    pointer-events: auto;
    transform: translate(-50%, calc(-100% - 5px - 0px))
}

.css-tooltip-bottom {
    display: inline-block;
    position: relative
}

.css-tooltip-bottom::after {
    background-color: #111;
    border-radius: 4px;
    box-shadow: 0 2px 4px transparent, 0 0 4px transparent;
    color: #e1e1e1;
    padding: 8px 10px;
    text-align: center;
    text-transform: none;
    white-space: nowrap;
    font-size: 11px;
    font-weight: 400;
    letter-spacing: normal;
    line-height: normal;
    content: attr(data-tooltip);
    opacity: 0;
    pointer-events: none;
    position: absolute;
    transition-duration: 240ms;
    -webkit-transition-property: opacity, -webkit-transform;
    transition-property: opacity, transform;
    transition-timing-function: ease-in-out;
    z-index: 1000;
    bottom: 0;
    left: 50%;
    transform: translate(-50%, calc(100% + 5px - 10px + 0px))
}

.css-tooltip-bottom::before {
    border-style: solid;
    border-width: 5px;
    content: "";
    opacity: 0;
    pointer-events: none;
    position: absolute;
    transition-duration: 240ms;
    -webkit-transition-property: opacity, -webkit-transform;
    transition-property: opacity, transform;
    transition-timing-function: ease-in-out;
    z-index: 1001;
    border-color: transparent transparent #111;
    bottom: -5px;
    left: 50%;
    margin-left: -5px;
    transform: translateY(calc(-10px + 0px))
}

.css-tooltip-bottom:hover::before {
    opacity: 1;
    transform: translateY(0px)
}

.css-tooltip-bottom:hover::after {
    opacity: 1;
    pointer-events: auto;
    transform: translate(-50%, calc(100% + 5px + 0px))
}

.css-tooltip-left {
    display: inline-block;
    position: relative
}

.css-tooltip-left::after {
    background-color: #111;
    border-radius: 4px;
    box-shadow: 0 2px 4px transparent, 0 0 4px transparent;
    color: #e1e1e1;
    padding: 8px 10px;
    text-align: center;
    text-transform: none;
    white-space: nowrap;
    font-size: 11px;
    font-weight: 400;
    letter-spacing: normal;
    line-height: normal;
    content: attr(data-tooltip);
    opacity: 0;
    pointer-events: none;
    position: absolute;
    transition-duration: 240ms;
    -webkit-transition-property: opacity, -webkit-transform;
    transition-property: opacity, transform;
    transition-timing-function: ease-in-out;
    z-index: 1000;
    left: 0;
    top: 50%;
    transform: translate(calc(-100% - 5px + 10px - 0px), -50%)
}

.css-tooltip-left::before {
    border-style: solid;
    border-width: 5px;
    content: "";
    opacity: 0;
    pointer-events: none;
    position: absolute;
    transition-duration: 240ms;
    -webkit-transition-property: opacity, -webkit-transform;
    transition-property: opacity, transform;
    transition-timing-function: ease-in-out;
    z-index: 1001;
    border-color: transparent transparent transparent #111;
    left: -5px;
    margin-top: -5px;
    top: 50%;
    transform: translateX(calc(10px - 0px))
}

.css-tooltip-left:hover::before {
    opacity: 1;
    transform: translateX(0px)
}

.css-tooltip-left:hover::after {
    opacity: 1;
    pointer-events: auto;
    transform: translate(calc(-100% - 5px - 0px), -50%)
}

.css-tooltip-top-left {
    display: inline-block;
    position: relative
}

.css-tooltip-top-left::after {
    background-color: #111;
    border-radius: 4px;
    box-shadow: 0 2px 4px transparent, 0 0 4px transparent;
    color: #e1e1e1;
    padding: 8px 10px;
    text-align: center;
    text-transform: none;
    white-space: nowrap;
    font-size: 11px;
    font-weight: 400;
    letter-spacing: normal;
    line-height: normal;
    content: attr(data-tooltip);
    opacity: 0;
    pointer-events: none;
    position: absolute;
    transition-duration: 240ms;
    -webkit-transition-property: opacity, -webkit-transform;
    transition-property: opacity, transform;
    transition-timing-function: ease-in-out;
    z-index: 1000;
    left: 0;
    top: 0;
    transform: translate(calc(-100% - 5px + 10px - 0px), -5px)
}

.css-tooltip-top-left::before {
    border-style: solid;
    border-width: 5px;
    content: "";
    opacity: 0;
    pointer-events: none;
    position: absolute;
    transition-duration: 240ms;
    -webkit-transition-property: opacity, -webkit-transform;
    transition-property: opacity, transform;
    transition-timing-function: ease-in-out;
    z-index: 1001;
    border-color: transparent transparent transparent #111;
    left: -5px;
    margin-top: -5px;
    top: 50%;
    transform: translateX(calc(10px - 0px))
}

.css-tooltip-top-left:hover::before {
    opacity: 1;
    transform: translateX(0px)
}

.css-tooltip-top-left:hover::after {
    opacity: 1;
    pointer-events: auto;
    transform: translate(calc(-100% - 5px - 0px), -5px)
}

.css-tooltip-right {
    display: inline-block;
    position: relative
}

.css-tooltip-right::after {
    background-color: #111;
    border-radius: 4px;
    box-shadow: 0 2px 4px transparent, 0 0 4px transparent;
    color: #e1e1e1;
    padding: 8px 10px;
    text-align: center;
    text-transform: none;
    white-space: nowrap;
    font-size: 11px;
    font-weight: 400;
    letter-spacing: normal;
    line-height: normal;
    content: attr(data-tooltip);
    opacity: 0;
    pointer-events: none;
    position: absolute;
    transition-duration: 240ms;
    -webkit-transition-property: opacity, -webkit-transform;
    transition-property: opacity, transform;
    transition-timing-function: ease-in-out;
    z-index: 1000;
    right: 0;
    top: 50%;
    transform: translate(calc(100% + 5px - 10px + 0px), -50%)
}

.css-tooltip-right::before {
    border-style: solid;
    border-width: 5px;
    content: "";
    opacity: 0;
    pointer-events: none;
    position: absolute;
    transition-duration: 240ms;
    -webkit-transition-property: opacity, -webkit-transform;
    transition-property: opacity, transform;
    transition-timing-function: ease-in-out;
    z-index: 1001;
    border-color: transparent #111 transparent transparent;
    margin-top: -5px;
    right: -5px;
    top: 50%;
    transform: translateX(calc(-10px + 0px))
}

.css-tooltip-right:hover::before {
    opacity: 1;
    transform: translateX(0px)
}

.css-tooltip-right:hover::after {
    opacity: 1;
    pointer-events: auto;
    transform: translate(calc(100% + 5px + 0px), -50%)
}

.css-tooltip-wrap::after {
    text-align: left !important;
    white-space: pre
}

.tier-icon-tier1 {
    color: #1b7aff;
    height: 14px;
    width: 14px
}

.tier-icon-tier2 {
    color: #dc1cff;
    height: 14px;
    width: 14px
}

.tier-icon-tier3 {
    color: #ff2a59;
    height: 14px;
    width: 14px
}

.username-userlevels {
    align-items: baseline;
    min-width: 0;
    vertical-align: bottom
}

.username-userlevels-level-badge-wrapper {
    align-items: center;
    display: flex;
    margin: 0 4px 0 0
}

.username-status-icons {
    align-items: center;
    display: flex;
    position: relative
}

.username-status-icons>span,
.username-status-icons>span.username-tier-icon {
    margin: 0 .3em 0 0
}

.username-status-icons>span>.icon {
    margin: 0
}

.user-level-ultimate-badge-size-small {
    background: url(common/images/levels/ultimate-star.svg) center/100% no-repeat;
    height: 18px;
    width: 18px
}

.user-level-ultimate-badge-size-regular {
    background: url(common/images/levels/ultimate-star.svg) center/100% no-repeat;
    height: 30px;
    width: 30px
}

.user-level-ultimate-badge-size-big {
    background: url(common/images/levels/ultimate-star.svg) center/100% no-repeat;
    height: 50px;
    width: 50px
}

.user-level-ultimate-badge-light {
    background-image: url(common/images/levels/ultimate-star-light.svg)
}

.mask-league-modal.modal-wrapper .modal-content .modal-body {
    border-radius: 8px;
    max-width: 634px;
    padding: 34px 32px 20px
}

.mask-league-modal-header {
    align-items: center;
    display: flex;
    font-size: 20px
}

.mask-league-modal-header-league {
    display: inline-block;
    font-weight: 700;
    margin: 0 6px
}

.mask-league-modal-header .level-badge-size-big {
    margin-right: 4px
}

.mask-league-modal-switcher-wrapper {
    font-size: 18px;
    font-weight: 700;
    letter-spacing: normal;
    line-height: 22px;
    align-items: center;
    display: flex;
    margin: 10px 0 18px
}

.mask-league-modal p {
    font-size: 13px;
    font-weight: 500;
    letter-spacing: normal;
    line-height: 20px;
    margin: 14px 0;
    opacity: .6
}

.mask-league-modal-form label {
    font-size: 16px;
    font-weight: 500;
    letter-spacing: normal;
    line-height: normal;
    align-items: center;
    display: flex;
    margin: 6px 0
}

.mask-league-modal-form input+label.radio-label {
    height: auto !important;
    margin: 13px 0 3px;
    padding-left: 36px
}

.mask-league-modal-form-controls {
    align-items: center;
    border-top: 1px solid rgba(255, 255, 255, .1);
    display: flex;
    justify-content: space-between;
    margin: 20px 0 0;
    padding: 24px 0 0
}

.mask-league-modal-form-controls .remove {
    color: rgba(248, 248, 248, .8);
    cursor: pointer
}

.mask-league-modal-form-controls .remove:hover {
    color: #fff
}

.mask-league-modal-form-controls .btn {
    margin-bottom: 0
}

.mask-league-modal .username-userlevels {
    margin: 4px 0 4px 3px
}

.mask-league-modal-unlock {
    border-top: 1px solid rgba(248, 248, 248, .2);
    display: flex;
    font-size: 16px;
    margin: 24px 0 0;
    padding: 24px 0 0
}

.mask-league-modal-unlock .icon {
    fill: rgba(248, 248, 248, 0.6);
    height: 40px;
    margin: 0 10px 0 0;
    width: 40px
}

.profile-progress-block-menu {
    margin-left: 10px;
    position: relative
}

.profile-progress-block-menu__btn {
    align-items: center;
    border-radius: 2px;
    color: rgba(255, 255, 255, .5);
    display: flex;
    height: 30px;
    justify-content: center;
    width: 30px
}

.profile-progress-block-menu__btn--active,
.profile-progress-block-menu__btn:hover {
    background: #3e3f42
}

.profile-progress-block-menu__icon {
    margin: 0
}

.profile-progress-block-menu__item {
    align-items: center;
    color: rgba(248, 248, 248, .8);
    display: flex;
    font-size: 15px;
    padding: 6px 10px;
    white-space: nowrap;
    width: 100%
}

.profile-progress-block-menu__item.active,
.profile-progress-block-menu__item:hover {
    background: #303133
}

.profile-progress-block-menu__item .level-badge {
    margin: 0 10px 0 0
}

.profile-progress-block-menu__unlock {
    border-top: 1px solid rgba(248, 248, 248, .1);
    color: rgba(248, 248, 248, .6);
    display: flex;
    font-size: 13px;
    margin: 12px 10px 6px;
    padding: 13px 0 0 5px;
    white-space: nowrap
}

.profile-progress-block-menu__unlock-icon {
    fill: currentColor;
    height: 20px;
    margin: 5px 10px 0 0;
    min-width: 20px;
    width: 20px
}

.profile-progress-block-menu .dropdown-content::after {
    display: none
}

.user-levels-league-progress {
    border-radius: 6px;
    display: block;
    padding: 8px 11px
}

.user-levels-league-progress:hover {
    text-decoration: none
}

.user-levels-league-progress-size-regular {
    font-size: 14px
}

.user-levels-league-progress-size-big {
    font-size: 18px
}

.user-levels-league-progress-header {
    align-items: center;
    display: flex;
    justify-content: space-between
}

.user-levels-league-progress-next-league {
    font-weight: 700
}

.user-levels-league-progress-league-name {
    align-items: center;
    display: flex;
    font-weight: 700
}

.user-levels-league-progress-league-name-number {
    margin: 0 0 0 .7em
}

.user-levels-league-progress-all {
    color: #f8f8f8;
    font-size: 11px;
    opacity: .4
}

.user-levels-league-progress-all .icon-chevron-right {
    margin: 0 0 0 6px !important
}

.user-levels-league-progress-view {
    align-items: center;
    border-radius: 3px;
    color: #fff;
    display: flex;
    justify-content: space-between;
    overflow: hidden;
    position: relative
}

.user-levels-league-progress-view-size-regular {
    font-size: 11px;
    height: 20px;
    margin: 6px 0 0;
    padding: 0 8px
}

.user-levels-league-progress-view-size-big {
    border-radius: 8px;
    font-size: 20px;
    height: 48px;
    margin: 0;
    padding: 0 20px
}

.user-levels-league-progress-view-league-grey {
    background: linear-gradient(90deg, #525252 0%, #8f8f8f 100%)
}

.user-levels-league-progress-view-league-bronze {
    background: linear-gradient(90deg, #884111 0%, #c68c4d 100%)
}

.user-levels-league-progress-view-league-silver {
    background: linear-gradient(90deg, #42556b 0%, #93a3b2 100%)
}

.user-levels-league-progress-view-league-gold {
    background: linear-gradient(90deg, #a25c08 0%, #dd9d03 100%)
}

.user-levels-league-progress-view-league-diamond {
    background: linear-gradient(90deg, #5f07a4 0%, #ed20ff 100%)
}

.user-levels-league-progress-view-league-legend,
.user-levels-league-progress-view-league-royal {
    background: linear-gradient(90deg, #950700 0%, #ff1e1e 100%)
}

.user-levels-league-progress-view-value {
    font-weight: 700;
    position: relative
}

.user-levels-league-progress-view-value.xp {
    color: rgba(255, 255, 255, .6)
}

.user-levels-league-progress-view-value.xp .accent {
    color: #fff
}

.user-levels-league-progress-view-winner {
    text-align: center;
    width: 100%
}

.user-levels-league-progress-view-percent {
    position: relative
}

.user-levels-league-progress-line {
    background: #3e3f41;
    bottom: 0;
    position: absolute;
    right: 0;
    top: 0;
    transition: width .5s, background .5s
}

.user-levels-league-progress-tooltip {
    font-size: 12px;
    font-weight: 600;
    letter-spacing: normal;
    line-height: normal;
    padding: 10px;
    pointer-events: none
}

.user-levels-league-progress-tooltip.tooltip.top>.tooltip-inner::before {
    border-width: 8px 8px 0;
    left: calc(50% - 8px)
}

.PromoteUltimate\#BC {
    display: block;
    margin: 9px 16px 20px;
    text-decoration: none !important
}

.PromoteUltimate__content\#Fs {
    align-items: flex-start;
    background: rgba(38, 38, 38, .4);
    border-radius: 6px;
    display: flex;
    padding: 12px 8px 12px 12px
}

.PromoteUltimate__content\#Fs:hover {
    background-color: rgba(38, 38, 38, .6)
}

.PromoteUltimate__icon\#sC {
    background: url(common/images/levels/ultimate-star-plane.svg) no-repeat;
    height: 32px;
    margin-right: 10px;
    min-width: 32px
}

.PromoteUltimate__text\#qu {
    display: flex;
    flex-direction: column
}

.PromoteUltimate__title\#Sq {
    color: #f8f8f8;
    font-size: 13px;
    font-weight: 700;
    margin-bottom: 4px
}

.PromoteUltimate__description\#NH {
    color: rgba(248, 248, 248, .8);
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    white-space: normal
}

.user-levels-header-menu-ultimate {
    font-size: 13px;
    font-weight: 700;
    letter-spacing: normal;
    align-items: center;
    color: #fff;
    display: flex;
    line-height: 21px;
    margin: 30px 0 0;
    padding: 8px 16px;
    position: relative;
    text-decoration: none
}

.user-levels-header-menu-ultimate:hover {
    background: #303133;
    text-decoration: none
}

.user-levels-header-menu-ultimate .user-menu-ultimate-badge {
    background: url(common/images/levels/ultimate-star.svg) center/100% no-repeat;
    height: 24px;
    width: 24px;
    margin: 0 6px 0 0
}

.user-levels-header-menu-ultimate::before {
    background: rgba(255, 255, 255, .1);
    content: "";
    height: 1px;
    left: 18px;
    position: absolute;
    right: 18px;
    top: -9px
}

.user-levels-header-menu .avatar {
    font-size: 3px
}

.user-levels-header-menu .user-levels-league-progress {
    background: rgba(38, 38, 38, .4);
    margin: 9px 16px 12px;
    transition: opacity .3s
}

.user-levels-header-menu .user-levels-league-progress--ultimate {
    margin-bottom: 20px
}

.user-levels-header-menu .user-levels-league-progress:hover {
    color: #fff;
    background: rgba(38, 38, 38, .6)
}

.collapse-section {
    border-bottom: 1px solid rgba(248, 248, 248, .08)
}

.collapse-section-header {
    align-items: center;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    padding: 10px 0;
    width: 100%;
    font-size: .875rem;
    line-height: 1.25rem
}

.collapse-section-header:hover {
    background: rgba(248, 248, 248, .03)
}

.collapse-section-icon-close {
    fill: #f8f8f8;
    height: 20px;
    padding: 2px;
    transition: transform .15s ease-in-out
}

.collapse-section-icon-close-collapsed {
    transform: rotate(180deg)
}

.collapse-section-content {
    padding: 10px 0 20px;
    transition: padding .15s ease-in-out;
    font-size: .75rem;
    line-height: 1rem
}

.collapse-section-content-collapsed {
    height: 0;
    opacity: 0;
    overflow: hidden;
    padding: 0
}

.app-sidebar-lang-select {
    color: #f8f8f8
}

.app-sidebar-lang-select.app-sidebar-lang-select {
    border: 0
}

.app-sidebar-lang-select .app-sidebar-lang-select-trigger {
    font-size: 12px;
    font-weight: 400;
    letter-spacing: normal;
    line-height: normal;
    align-items: center;
    background-color: transparent;
    color: rgba(255, 255, 255, .5);
    display: flex;
    flex-flow: row nowrap;
    justify-content: flex-start
}

.app-sidebar-lang-select .app-sidebar-lang-select-trigger:hover {
    background-color: transparent;
    color: rgba(255, 255, 255, .9)
}

.app-sidebar-lang-select-trigger-icon {
    fill: currentColor;
    margin-right: 13px
}

.app-sidebar-lang-select-trigger-text {
    margin-right: auto
}

.app-sidebar-lang-select-trigger-text--large {
    font-size: 14px;
    font-weight: 500;
    letter-spacing: normal;
    line-height: normal
}

.app-sidebar-lang-select-list {
    margin: 0
}

.app-sidebar-lang-select-list-item {
    margin-bottom: 16px
}

.app-sidebar-lang-select-list-item:last-child {
    margin-bottom: 0
}

.app-sidebar-lang-select-list-link {
    align-items: center;
    color: rgba(248, 248, 248, .6);
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between
}

.app-sidebar-lang-select-list-link:hover {
    color: #f8f8f8
}

.app-sidebar-lang-select-list-link-active {
    color: #fa5365;
    color: var(--primary-light)
}

.SettingsAlertBadge\#MJ {
    align-items: center;
    display: flex;
    justify-content: center;
    padding: 0;
    text-align: center
}

.SettingsAlertBadge__icon\#KA {
    color: #000
}

.StudioRulesLink__badge\#sv {
    display: inline-block;
    margin-left: 12px
}

.header-dropdown-content-split {
    margin-top: 8px;
    padding-top: 8px !important
}

.header-dropdown-content-split::before {
    background: rgba(255, 255, 255, .1);
    content: "";
    height: 1px;
    left: 18px;
    position: absolute;
    right: 18px;
    top: 0
}

.header-dropdown-content-split--signup::before {
    left: 24px;
    right: 24px
}

.header-dropdown-content-split.invisible-mode-switch {
    margin-top: 16px;
    padding-top: 0 !important
}

.header-dropdown-content-split.invisible-mode-switch::before {
    top: -8px
}

.header-dropdown-content-split.invisible-mode-switch .invisible-mode-switch--info {
    color: #f8f8f8;
    display: inline-flex;
    margin-bottom: 3px;
    margin-left: 4px;
    opacity: .6;
    vertical-align: middle
}

.header-dropdown-content-split.invisible-mode-switch .invisible-mode-switch--info:hover {
    opacity: 1
}

.header-dropdown-content-split.invisible-mode-switch .invisible-mode-switch--info-icon {
    height: 16px;
    width: 16px
}

.header-dropdown-content-broadcast {
    padding: 10px 18px
}

.header-dropdown-content-broadcast .btn {
    width: 100%
}

.header-dropdown-content__signup-plate {
    background-color: #343537;
    border: 1px solid rgba(255, 255, 255, .2);
    border-radius: 12px;
    margin-bottom: 16px;
    padding: 14px 12px
}

.header-dropdown-content__signup-wrapper {
    background-color: #3e3f42;
    padding-bottom: 13px;
    padding-top: 24px;
    width: 284px
}

.header-dropdown-content__signup-benefits {
    margin-top: 16px;
    padding-left: 16px
}

.header-dropdown-content__signup-item {
    padding: 0 24px
}

.header-dropdown-content__signup-button {
    letter-spacing: .02em;
    padding: 2px 20px;
    transition: 90ms ease-in-out;
    background: #61922f;
    color: #fff;
    font-size: .875rem
}

.header-dropdown-content__signup-button>.icon {
    fill: #fff;
    transition: 90ms ease-in-out
}

.header-dropdown-content__signup-button.focus,
.header-dropdown-content__signup-button:focus {
    background: #61922f;
    color: #fff
}

.header-dropdown-content__signup-button.focus>.icon,
.header-dropdown-content__signup-button:focus>.icon {
    fill: #fff
}

.header-dropdown-content__signup-button.active,
.header-dropdown-content__signup-button:active {
    background: #61922f;
    color: #fff
}

.header-dropdown-content__signup-button.active>.icon,
.header-dropdown-content__signup-button:active>.icon {
    fill: #fff
}

.header-dropdown-content__signup-button .btn-loader-overlay {
    color: #fff;
    background-color: #61922f
}

.header-dropdown-content .header-dropdown-menu-item__language {
    padding: 0 18px
}

.header-dropdown-content .header-dropdown-content__language .header-dropdown-content__language-text {
    color: #fff
}

.header-user-menu.header-dropdown>.about-us-button {
    align-items: center;
    color: rgba(255, 255, 255, .8);
    display: flex;
    height: 100%;
    margin-right: 12px;
    padding: 0 16px;
    text-decoration: none;
    transition: color 120ms
}

.header-user-menu.header-dropdown>.about-us-button:hover {
    background-color: #912229;
    background-color: var(--primary-dark);
    color: #fff
}

.header-user-menu.header-dropdown>.about-us-button--hidden {
    display: none
}

.header-user-menu.header-dropdown>.btn {
    margin: 0 12px 0 0;
    vertical-align: top
}

.header-user-menu.header-dropdown>.btn:last-child {
    margin-right: 0
}

.header-user-menu.header-dropdown>.dropdown-link {
    align-items: center;
    padding: 0 12px;
    display: flex;
    flex-direction: row
}

.header-user-menu.header-dropdown>.dropdown-link>.avatar {
    font-size: 2px;
    margin-right: 2px
}

.header-user-menu.header-dropdown>.dropdown-link>.avatar:before {
    border: 1px solid rgba(255, 255, 255, .2);
    border-radius: 30px;
    box-sizing: initial;
    content: " ";
    height: 100%;
    width: 100%;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%)
}

.header-user-menu.header-dropdown>.dropdown-link.invisible-mode .invisible-wrapper {
    background-color: #222;
    border-radius: 50%;
    height: 30px;
    margin-right: 10px;
    position: relative;
    text-align: center;
    width: 30px
}

.header-user-menu.header-dropdown>.dropdown-link.invisible-mode .invisible-wrapper .icon {
    fill: rgba(255, 255, 255, 0.8);
    left: 50%;
    margin: 0;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%)
}

.header-user-menu.header-dropdown>.dropdown-link.invisible-mode:hover .invisible-wrapper .icon {
    fill: white
}

.header-user-menu.header-dropdown ul>li .badge.badge-alert-small,
.header-user-menu.header-dropdown ul>li .badge.badge-alert-small-v2 {
    left: 15px;
    position: absolute;
    top: 10px
}

.header-user-menu.header-dropdown ul>li .user-menu-avatar-wrapper.user-menu-avatar-wrapper {
    align-items: center;
    display: flex;
    margin: 0;
    max-width: 320px;
    overflow: hidden;
    padding: 8px 16px;
    width: 100%
}

.header-user-menu.header-dropdown ul>li .user-menu-avatar-wrapper.user-menu-avatar-wrapper .user-level-ultimate-badge-size-small {
    height: 23px;
    width: 23px
}

.header-user-menu.header-dropdown ul>li .user-menu-avatar-wrapper.user-menu-avatar-wrapper .user-menu-avatar {
    font-size: 3px;
    min-width: 56px
}

.header-user-menu.header-dropdown ul>li .user-menu-avatar-wrapper.user-menu-avatar-wrapper .user-menu-avatar .icon {
    fill-opacity: 1
}

.header-user-menu.header-dropdown ul>li .user-menu-avatar-wrapper.user-menu-avatar-wrapper .user-menu-gold-badge {
    color: #e1ad5b;
    fill-opacity: 1;
    height: 24px;
    margin: 0 0 0 12px;
    min-width: 24px
}

.header-user-menu.header-dropdown ul>li .user-menu-avatar-wrapper.user-menu-avatar-wrapper .user-menu-username {
    font-size: 15px;
    font-weight: 700;
    letter-spacing: normal;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    line-height: 24px;
    margin-left: 12px;
    max-width: 100%
}

.header-user-menu.header-dropdown ul>li.invisible-mode-switch {
    align-items: center;
    color: #fff;
    cursor: pointer;
    justify-content: space-between;
    line-height: 38px;
    padding: 0 18px;
    position: relative;
    display: flex;
    flex-direction: row
}

.header-user-menu.header-dropdown ul>li.invisible-mode-switch:hover {
    background-color: #303133;
    transition: 40ms ease-in-out
}

.header-user-menu.header-dropdown ul>li.invisible-mode-switch:hover .icon:not(.icon-check) {
    fill-opacity: 1
}

.header-user-menu.header-dropdown ul>li.tokens {
    line-height: 40px;
    padding: 0 20px;
    position: relative;
    display: flex;
    flex-direction: row
}

.header-user-menu.header-dropdown ul>li.tokens>.tokens-label {
    flex: 1;
    flex-basis: auto;
    flex-grow: 1;
    flex-shrink: 0
}

.header-user-menu.header-dropdown ul>li.tokens>.tokens-btn {
    padding-left: 10px;
    flex: 1;
    flex-basis: auto;
    flex-grow: 0;
    flex-shrink: 0
}

.header-user-menu.header-dropdown ul>li.tokens .btn {
    width: 100%
}

.header-user-menu.header-dropdown ul>li .model-search {
    margin-bottom: 20px
}

.header-user-menu.header-dropdown ul>li .messages-count {
    margin-left: 6px;
    opacity: .5
}

.header-user-menu.header-dropdown .header-dropdown-content-wrapper {
    left: auto;
    right: 0
}

.header-user-menu.header-dropdown .header-dropdown-content-wrapper-bordered {
    border-radius: 4px
}

.header-user-menu.header-dropdown .header-dropdown-content-wrapper:before {
    left: auto;
    right: 20px
}

.header-user-menu.header-dropdown .header-dropdown-content {
    min-width: 284px;
    padding: 10px 0
}

.header-user-menu.header-dropdown .header-dropdown-content__signup {
    min-width: 100%;
    padding: 0
}

.header-user-menu.header-dropdown .header-dropdown-content .icon {
    height: 18px;
    margin-left: 1px;
    margin-right: 13px;
    width: 18px
}

.header-user-menu.header-dropdown .icon-invisible,
.header-user-menu.header-dropdown .icon-menu {
    height: 18px;
    width: 18px
}

.header-dropdown {
    align-items: center;
    align-self: stretch;
    position: relative;
    display: flex;
    flex-direction: row
}

.header-dropdown .dropdown-link {
    align-items: center;
    align-self: stretch;
    color: rgba(255, 255, 255, .8);
    display: block;
    padding: 0 18px;
    position: relative;
    text-decoration: none;
    display: flex;
    flex-direction: row
}

.header-dropdown .dropdown-link .icon {
    fill: rgba(255, 255, 255, 0.8);
    margin-right: 6px
}

.header-dropdown .dropdown-link .icon-menu {
    margin: 0
}

.header-dropdown .dropdown-link .dropdown-arrow {
    margin-left: 6px
}

.header-dropdown .dropdown-link .dropdown-arrow .icon {
    fill: rgba(255, 255, 255, 0.8);
    height: 7px;
    margin: 0;
    width: 7px;
    transition: 120ms ease-in-out
}

.header-dropdown .dropdown-link.active:after {
    border: 8px solid transparent;
    border-bottom-color: #3e3f42;
    bottom: -16px;
    content: "";
    height: 0;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    width: 0
}

.header-dropdown .dropdown-link.active,
.header-dropdown .dropdown-link:active {
    background-color: #912229;
    background-color: var(--primary-dark);
    color: #fff
}

.header-dropdown .dropdown-link:hover {
    background-color: #912229;
    background-color: var(--primary-dark);
    color: #fff;
    transition: 40ms ease-in-out
}

.header-dropdown.with-new-messenger .dropdown-link {
    padding: 0 14px
}

.header-dropdown .dropdown-link.mobile-nav-link .icon {
    margin: 0
}

.header-dropdown .badge-alert-small {
    left: 12px;
    position: absolute;
    top: 9px
}

.header-dropdown .badge-alert-medium {
    left: 4px;
    position: absolute;
    top: 9px
}

.header-dropdown.active .dropdown-link {
    background-color: #912229;
    background-color: var(--primary-dark)
}

.header-dropdown.active .dropdown-link .dropdown-arrow .icon {
    transform: rotate(180deg)
}

.header-dropdown .header-dropdown-content-wrapper {
    animation: opacity-fade-show .2s forwards;
    box-shadow: 0 20px 30px rgba(24, 24, 24, .3);
    left: 0;
    position: absolute;
    top: calc(100% + 12px);
    z-index: 312
}

.header-dropdown .scroll-bar-container {
    max-height: 60vh;
    max-width: 320px;
    z-index: 1
}

.header-dropdown .scroll-bar-container:last-child {
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px
}

.header-dropdown .header-dropdown-content {
    background-color: #3e3f42;
    display: block;
    margin: 0;
    padding-bottom: 10px;
    white-space: nowrap
}

.header-dropdown .header-dropdown-content li {
    min-width: 200px;
    position: relative
}

.header-dropdown .header-dropdown-content li .header-dropdown-menu-item,
.header-dropdown .header-dropdown-content li .user-menu-avatar-wrapper,
.header-dropdown .header-dropdown-content li>a:not(.btn, .app-sidebar-lang-select-list-link) {
    color: #fff;
    display: block;
    line-height: 38px;
    overflow: hidden;
    padding: 0 18px;
    text-align: left;
    text-decoration: none;
    text-overflow: ellipsis;
    width: 100%
}

.header-dropdown .header-dropdown-content li .header-dropdown-menu-item .icon,
.header-dropdown .header-dropdown-content li .user-menu-avatar-wrapper .icon,
.header-dropdown .header-dropdown-content li>a:not(.btn, .app-sidebar-lang-select-list-link) .icon {
    vertical-align: sub
}

.header-dropdown .header-dropdown-content li .header-dropdown-menu-item.header-dropdown-menu-item--signup,
.header-dropdown .header-dropdown-content li .user-menu-avatar-wrapper.header-dropdown-menu-item--signup,
.header-dropdown .header-dropdown-content li>a:not(.btn, .app-sidebar-lang-select-list-link).header-dropdown-menu-item--signup {
    padding: 0 24px
}

.header-dropdown .header-dropdown-content li .header-dropdown-menu-item:hover,
.header-dropdown .header-dropdown-content li .user-menu-avatar-wrapper:hover,
.header-dropdown .header-dropdown-content li>a:not(.btn, .app-sidebar-lang-select-list-link):hover {
    background-color: #303133;
    transition: 30ms ease-in-out
}

.header-dropdown .header-dropdown-content li .header-dropdown-menu-item:hover .icon,
.header-dropdown .header-dropdown-content li .user-menu-avatar-wrapper:hover .icon,
.header-dropdown .header-dropdown-content li>a:not(.btn, .app-sidebar-lang-select-list-link):hover .icon {
    fill-opacity: 1
}

.header-dropdown .header-dropdown-content li .btn {
    margin: 0
}

.header-dropdown .header-dropdown-content li .btn.tokens-menu-btn-buy-tokens {
    margin-top: 10px
}

.header-dropdown .header-dropdown-content li.list-item-wrapper {
    padding: 20px
}

.header-dropdown .header-dropdown-content li.list-item-wrapper .btn {
    margin: 0
}

.header-dropdown .header-dropdown-content li.list-item-wrapper .btn.btn-block:not(:last-child) {
    margin-bottom: 20px
}

.header-dropdown .header-dropdown-content li>p {
    line-height: 20px;
    margin: 0;
    padding: 10px 10px 10px 46px
}

.header-dropdown .header-dropdown-content li .icon {
    fill: #fff;
    fill-opacity: 0.6;
    margin-right: 10px
}

.header-dropdown.header-user-menu .user-menu-badge-v2 {
    left: 4px;
    position: absolute;
    top: 9px
}

.header-logo-link {
    padding: 0 10px
}

.free-tokens-top-up.top-up-wrapper .free-tokens-for-card-verification-title {
    color: #fff
}

.free-tokens-top-up.top-up-wrapper .free-tokens-for-card-verification-title-accent {
    color: #b2e345;
    font-weight: 700
}

.free-tokens-top-up.top-up-wrapper.instant-top-up-wrapper .instant-top-up-aside {
    padding-top: 0
}

.free-tokens-top-up.top-up-wrapper .instant-top-up-content>.instant-top-up-close-btn {
    display: block
}

.free-tokens-top-up.top-up-wrapper.mobile {
    display: inline-block
}

.free-tokens-top-up.top-up-wrapper.mobile::after {
    display: block
}

.free-tokens-top-up.top-up-wrapper.mobile.instant-top-up-wrapper .instant-top-up-aside {
    align-items: center;
    display: flex;
    margin-bottom: 0
}

.free-tokens-top-up.top-up-wrapper.mobile.instant-top-up-wrapper .instant-top-up-main {
    align-items: center
}

.free-tokens-top-up.top-up-wrapper.mobile.instant-top-up-wrapper .instant-top-up-title {
    font-size: .813rem
}

.free-tokens-top-up.top-up-wrapper.mobile.instant-top-up-wrapper .instant-top-up-subtitle {
    display: none
}

.free-tokens-promo.top-up-wrapper.instant-top-up-wrapper {
    left: -150px
}

.free-tokens-promo.top-up-wrapper.instant-top-up-wrapper .free-tokens-promo-title-accent {
    color: #ff4d4d;
    white-space: nowrap
}

.free-tokens-promo.top-up-wrapper.instant-top-up-wrapper .instant-top-up-title {
    line-height: 20px
}

.free-tokens-promo.top-up-wrapper.instant-top-up-wrapper .instant-top-up-subtitle {
    opacity: .8
}

.free-tokens-promo.top-up-wrapper.instant-top-up-wrapper .instant-top-up-controls .btn {
    font-weight: 700
}

.live-counter.live-counter {
    align-items: center;
    color: rgba(255, 255, 255, .8);
    display: flex;
    padding: 0 18px;
    position: relative;
    text-decoration: none;
    transition: color 120ms
}

.live-counter--interactive:hover {
    background-color: #912229;
    background-color: var(--primary-dark);
    color: #fff
}

.live-counter__dot {
    fill: #9fe20d;
    height: 9px;
    margin-right: 7px;
    width: 9px
}

.live-counter--interactive:hover .live-counter__dot {
    fill: currentColor
}

.live-counter__accent {
    font-weight: 700
}

.top-up-wrapper {
    left: -150px;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    top: 100%;
    transform: translateY(-20px);
    z-index: 210
}

.top-up-wrapper::after {
    background-color: #404040;
    content: " ";
    height: 20px;
    left: 50%;
    position: absolute;
    top: -7px;
    transform: rotate(45deg);
    width: 20px
}

.top-up-wrapper .instant-top-up-content {
    background-color: #404040;
    box-shadow: 0 2px 28px rgba(0, 0, 0, .4);
    color: #fff;
    overflow: hidden;
    padding: 20px 30px 20px 20px;
    position: relative;
    width: 349px;
    border-radius: 4px;
    display: flex;
    flex-direction: row
}

.top-up-wrapper .instant-top-up-content::before {
    background-color: #79943c;
    content: " ";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 4px
}

.top-up-wrapper .instant-top-up-content .instant-top-up-aside {
    padding-right: 18px;
    padding-top: 8px
}

.top-up-wrapper .instant-top-up-content .instant-top-up-aside .icon {
    height: 35px;
    margin: 0;
    width: 35px
}

.top-up-wrapper .instant-top-up-content .instant-top-up-main {
    position: relative
}

.top-up-wrapper .instant-top-up-content .instant-top-up-close-btn {
    cursor: pointer;
    opacity: .5;
    position: absolute;
    right: 0;
    top: 0
}

.top-up-wrapper .instant-top-up-content .instant-top-up-close-btn .icon {
    box-sizing: content-box;
    height: 10px;
    margin: 0;
    padding: 10px;
    width: 10px
}

.top-up-wrapper .instant-top-up-content .instant-top-up-close-btn:hover {
    background: 0 0;
    opacity: 1
}

.top-up-wrapper .instant-top-up-content .instant-top-up-title {
    opacity: .9;
    font-size: .938rem
}

.top-up-wrapper .instant-top-up-content .instant-top-up-subtitle {
    opacity: .65;
    padding-top: 8px;
    font-size: .75rem;
    line-height: 1.125rem
}

.top-up-wrapper .instant-top-up-content .instant-top-up-controls {
    margin-top: 15px;
    text-align: left;
    font-size: .75rem
}

.top-up-wrapper .instant-top-up-content .instant-top-up-controls .btn {
    display: inline-block;
    height: 28px;
    line-height: 26px;
    margin-bottom: 0;
    padding: 0 12px;
    font-size: .75rem
}

.top-up-wrapper .instant-top-up-content .instant-top-up-controls .btn .highlighted-pale {
    display: inline-block;
    opacity: .6
}

.top-up-wrapper .instant-top-up-content .instant-top-up-controls .loader {
    margin-right: 10px
}

.top-up-wrapper .instant-top-up-content .instant-top-up-controls .sector-circle {
    border-color: #e1e1e1 #e1e1e1 #e1e1e1 #404040
}

.top-up-wrapper .instant-top-up-content .instant-top-up-additional-action {
    cursor: pointer;
    display: inline-block;
    line-height: 28px;
    opacity: .8;
    font-size: .688rem;
    letter-spacing: .031rem;
    transition: 120ms ease-in-out
}

.top-up-wrapper .instant-top-up-content .instant-top-up-additional-action:hover {
    opacity: 1
}

.top-up-wrapper.is-processing,
.top-up-wrapper.top-up-wrapper-enter,
.top-up-wrapper.top-up-wrapper-enter-done {
    opacity: 1;
    pointer-events: auto;
    transform: translateY(0);
    transition: 750ms ease-in-out
}

.top-up-wrapper.top-up-wrapper-exit,
.top-up-wrapper.top-up-wrapper-exit-done {
    opacity: 0;
    transform: translateY(0);
    transition: .2s ease-in-out
}

.AllSpiesLeftModal\#pp {
    width: 320px
}

.AllSpiesLeftModal__icon\#WP {
    fill: #f8f8f8
}

.AllSpiesLeftModal__content\#HJ {
    align-items: center;
    display: flex;
    flex-direction: column;
    padding: 30px
}

.AllSpiesLeftModal__title\#Dr {
    font-size: 20px;
    font-weight: 700;
    line-height: 28px;
    margin: 12px 0
}

.AllSpiesLeftModal__description\#iu {
    color: rgba(248, 248, 248, .6);
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    margin: 0 10px 20px;
    text-align: center
}

.AllSpiesLeftModal__button\#F6 {
    font-size: 14px;
    font-weight: 500
}

.clipboardable-input-wrapper {
    align-items: center;
    background-color: #000;
    border: 1px solid #000;
    border-radius: 20px;
    height: 40px;
    max-height: 40px;
    min-width: 0;
    padding: 4px 4px 4px 0;
    position: relative;
    display: flex;
    flex-direction: row;
    transition: 120ms ease-in-out
}

.clipboardable-input-wrapper.focused {
    background-color: #000;
    border-color: rgba(255, 255, 255, .3);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 5px rgba(255, 255, 255, .25)
}

.clipboardable-input-wrapper .clipboardable-input.input {
    align-items: center;
    background-color: transparent;
    border: 0;
    display: inline-flex;
    height: 40px;
    min-width: 0;
    padding: 10px 15px;
    flex: 1;
    flex-basis: auto;
    flex-grow: 1;
    flex-shrink: 1
}

.clipboardable-input-wrapper .clipboardable-input.input:focus {
    background-color: transparent;
    border-color: transparent;
    box-shadow: none
}

.clipboardable-input-wrapper .clipboardable-btn {
    height: 30px;
    margin: 0
}

.clipboardable-input-wrapper .tooltip>.tooltip-inner {
    align-items: center;
    color: #e1e1e1;
    display: flex;
    flex-direction: row
}

.external-broadcast-specification {
    font-weight: 400
}

.external-broadcast-specification .modal-content.modal-header-outside .modal-body {
    background-color: #2b2b2b;
    min-width: 600px;
    padding: 0
}

.external-broadcast-specification .clipboardable-input-wrapper .clipboardable-input.input {
    color: #7dd239;
    font-size: .75rem;
    letter-spacing: -.005rem
}

.external-broadcast-specification .broadcast-specification-header {
    color: #f8f8f8;
    opacity: .9;
    padding: 30px 30px 10px
}

.external-broadcast-specification .broadcast-specification-header .header-title {
    align-items: center;
    margin-bottom: 20px;
    font-size: 1rem;
    line-height: 1.438rem;
    letter-spacing: -.006rem;
    display: flex;
    flex-direction: row
}

.external-broadcast-specification .broadcast-specification-header .header-title .icon-camera-settings {
    fill: #f8f8f8;
    margin-right: 20px;
    opacity: .7
}

.external-broadcast-specification .broadcast-specification-header .header-title .text-external-broadcast {
    max-width: 300px
}

.external-broadcast-specification .broadcast-specification-header .header-sub-title {
    color: #f8f8f8;
    margin-bottom: 15px;
    opacity: .9;
    font-size: .875rem;
    line-height: 1.438rem
}

.external-broadcast-specification .broadcast-specification-header .header-input-wrapper {
    margin: 10px 0
}

.external-broadcast-specification .broadcast-specification-header .header-copy {
    margin-bottom: 5px;
    opacity: .9;
    font-size: .813rem;
    line-height: 1rem
}

.external-broadcast-specification .broadcast-specification-header .header-generate-token-wrapper {
    align-items: flex-start;
    justify-content: flex-start;
    display: flex;
    flex-direction: row;
    flex: 1;
    flex-basis: auto;
    flex-grow: 0;
    flex-shrink: 1
}

.external-broadcast-specification .broadcast-specification-header .header-generate-token {
    align-items: center;
    cursor: pointer;
    display: block;
    margin: 5px 0;
    opacity: .6;
    font-size: .813rem;
    line-height: 1rem;
    transition: 120ms ease-in-out;
    display: flex;
    flex-direction: row
}

.external-broadcast-specification .broadcast-specification-header .header-generate-token .header-generate-token-label {
    align-items: center;
    display: flex;
    flex-direction: row
}

.external-broadcast-specification .broadcast-specification-header .header-generate-token .icon {
    fill: #f8f8f8;
    margin-right: 8px
}

.external-broadcast-specification .broadcast-specification-header .header-generate-token:hover {
    opacity: .9;
    text-decoration: none
}

.external-broadcast-specification .broadcast-specification-help {
    align-items: center;
    display: flex;
    flex-direction: row
}

.external-broadcast-specification .broadcast-specification-help .icon-info-circle {
    margin-right: 10px
}

.external-broadcast-specification .broadcast-specification-help .broadcast-specification-link {
    align-items: center;
    color: #f8f8f8;
    font-weight: 400;
    opacity: .7;
    font-size: .813rem;
    line-height: 1.25rem;
    transition: 120ms ease-in-out;
    display: flex;
    flex-direction: row
}

.external-broadcast-specification .broadcast-specification-help .broadcast-specification-link:hover {
    opacity: .9;
    text-decoration: none
}

.external-broadcast-specification .broadcast-specification-footer {
    align-items: center;
    justify-content: space-between;
    padding: 20px 30px;
    display: flex;
    flex-direction: row
}

.external-broadcast-specification .broadcast-specification-footer .btn {
    margin: 0;
    padding: 3px 30px
}

.external-broadcast-specification .broadcast-specification-settings {
    background-color: #1d1d1d;
    padding: 30px;
    display: flex;
    flex-direction: column
}

.external-broadcast-specification .broadcast-specification-settings .settings-title {
    color: #f8f8f8;
    font-weight: 700;
    opacity: .9;
    padding-bottom: 10px;
    font-size: 1.25rem;
    line-height: 1.75rem;
    letter-spacing: -.006rem
}

.external-broadcast-specification .broadcast-specification-settings .settings-description {
    color: #f8f8f8;
    opacity: .9;
    padding-bottom: 10px;
    font-size: .875rem;
    line-height: 1.438rem;
    letter-spacing: -.006rem
}

.external-broadcast-specification .broadcast-specification-settings .settings-description-important {
    color: #f8f8f8;
    margin-top: 10px;
    opacity: .57;
    font-size: .75rem;
    line-height: 1.25rem;
    letter-spacing: -.005rem;
    flex: 1;
    flex-basis: 70%;
    flex-grow: 1;
    flex-shrink: 1
}

.external-broadcast-specification .broadcast-specification-settings .settings-description-highlighted {
    font-style: italic;
    font-weight: 700
}

.external-broadcast-specification .broadcast-specification-settings .settings-row {
    display: flex;
    flex-direction: row
}

.external-broadcast-specification .broadcast-specification-settings .settings-row-tune .settings-value {
    color: #ffa97d
}

.external-broadcast-specification .broadcast-specification-settings .settings-name {
    color: #f8f8f8;
    opacity: .9;
    font-size: .75rem;
    line-height: 1.25rem;
    letter-spacing: -.005rem;
    flex: 1;
    flex-basis: 30%;
    flex-grow: 1;
    flex-shrink: 1
}

.external-broadcast-specification .broadcast-specification-settings .settings-value {
    color: #f8f8f8;
    opacity: .57;
    font-size: .75rem;
    line-height: 1.25rem;
    letter-spacing: -.005rem;
    flex: 1;
    flex-basis: 70%;
    flex-grow: 1;
    flex-shrink: 1
}

.kiiroo-settings .kiiroo-settings-header {
    justify-content: space-between;
    margin: 10px 0;
    min-width: 540px;
    padding: 0 60px 0 15px;
    display: flex;
    flex-direction: row
}

.kiiroo-settings .kiiroo-settings-header-item {
    flex: 1;
    font-weight: 700;
    opacity: .4;
    text-align: center;
    text-transform: uppercase;
    font-size: .688rem
}

.kiiroo-settings .kiiroo-settings-header-item--level {
    flex: 0.5;
    text-align: left
}

.kiiroo-settings .kiiroo-settings-actions {
    margin-top: 20px;
    min-width: 540px
}

.kiiroo-settings .kiiroo-settings-level-wrapper {
    justify-content: space-between;
    padding-right: 45px;
    width: 100%;
    display: flex;
    flex-direction: row
}

.kiiroo-settings .kiiroo-settings-level {
    align-items: center;
    background-color: rgba(255, 255, 255, .06);
    border: 1px solid transparent;
    border-radius: 4px;
    margin-bottom: 5px;
    min-width: 540px;
    padding: 15px;
    position: relative;
    display: flex;
    flex-direction: column
}

.kiiroo-settings .kiiroo-settings-level.error {
    border: 1px solid #c33343
}

.kiiroo-settings .kiiroo-settings-level .input,
.kiiroo-settings .kiiroo-settings-level .select {
    margin: 0 10px;
    width: 100%
}

.kiiroo-settings .kiiroo-settings-level .input {
    padding: 0 10px
}

.kiiroo-settings .kiiroo-settings-level .kiiroo-settings-level-duration,
.kiiroo-settings .kiiroo-settings-level .kiiroo-settings-level-label,
.kiiroo-settings .kiiroo-settings-level .kiiroo-settings-level-tip,
.kiiroo-settings .kiiroo-settings-level .kiiroo-settings-level-vibration {
    align-items: center;
    flex: 1;
    justify-content: center;
    display: flex;
    flex-direction: row
}

.kiiroo-settings .kiiroo-settings-level .kiiroo-settings-level-label {
    flex: 0.5;
    justify-content: left;
    opacity: .9;
    text-align: left;
    text-transform: capitalize;
    font-size: .813rem
}

.kiiroo-settings .kiiroo-settings-level .kiiroo-settings-level-remove {
    align-items: center;
    background: 0 0;
    border-radius: 50%;
    cursor: pointer;
    display: flex;
    height: 30px;
    justify-content: center;
    opacity: .6;
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
    width: 30px;
    transition: 120ms ease-in-out
}

.kiiroo-settings .kiiroo-settings-level .kiiroo-settings-level-remove .icon {
    fill: #fff;
    height: 12px;
    margin: 0;
    width: 12px
}

.kiiroo-settings .kiiroo-settings-level .kiiroo-settings-level-remove:hover {
    background-color: rgba(255, 255, 255, .1);
    opacity: .8
}

.kiiroo-settings .kiiroo-settings-add-level {
    align-items: center;
    background-color: rgba(255, 255, 255, .06);
    border-radius: 4px;
    color: rgba(255, 255, 255, .6);
    cursor: pointer;
    justify-content: center;
    min-width: 540px;
    padding: 20px;
    display: flex;
    flex-direction: row;
    transition: 120ms ease-in-out
}

.kiiroo-settings .kiiroo-settings-add-level .icon {
    fill: rgba(255, 255, 255, 0.6);
    height: 12px;
    margin-right: 5px;
    width: 12px
}

.kiiroo-settings .kiiroo-settings-add-level:hover {
    background-color: rgba(255, 255, 255, .1);
    color: rgba(255, 255, 255, .8)
}

.kiiroo-settings .kiiroo-settings-any-tip {
    color: rgba(255, 255, 255, .8);
    font-size: 13px;
    padding: 20px 0
}

.kiiroo-settings-modal-wizard-device {
    align-items: center;
    border: 2px solid #656565;
    border-radius: 4px;
    justify-content: space-between;
    margin-bottom: 10px;
    padding: 15px 20px;
    display: flex;
    flex-direction: row
}

.kiiroo-settings-modal-wizard-device:last-child {
    margin-bottom: 0
}

.kiiroo-settings-modal-wizard-device.error {
    border: 2px solid #c33343;
    justify-content: center;
    padding: 20px;
    text-align: center;
    line-height: 1.375rem
}

.kiiroo-settings-modal-wizard-device .kiiroo-settings-modal-wizard-device-badge {
    background-color: #9ee20c;
    border-radius: 50%;
    height: 10px;
    width: 10px
}

.kiiroo-settings-modal-wizard-device .kiiroo-settings-modal-wizard-device-type {
    align-items: center;
    display: flex;
    flex-direction: row
}

.kiiroo-settings-modal-wizard-device .kiiroo-settings-modal-wizard-device-type .icon {
    fill: #fff;
    margin-right: 20px
}

.kiiroo-settings-modal-wizard-device .kiiroo-settings-modal-wizard-device-type .kiiroo-settings-modal-wizard-device-label {
    font-size: .813rem;
    line-height: 1.125rem;
    display: flex;
    flex-direction: column
}

.kiiroo-settings-modal-wizard-device .kiiroo-settings-modal-wizard-device-type .kiiroo-settings-modal-wizard-device-label .kiiroo-settings-modal-wizard-device-name {
    font-weight: 700;
    opacity: .9
}

.kiiroo-settings-modal-wizard-device .kiiroo-settings-modal-wizard-device-type .kiiroo-settings-modal-wizard-device-status {
    color: #9ee20c;
    opacity: 1
}

.kiiroo-settings-modal .modal-content.modal-header-outside {
    height: auto;
    padding: 10px;
    width: 620px
}

.kiiroo-settings-modal .modal-content.modal-header-outside .modal-body-wrapper {
    display: block;
    position: relative
}

.kiiroo-settings-modal .modal-content.modal-header-outside .modal-body {
    background-color: #3b3b3b;
    color: #fff;
    padding: 0;
    position: relative;
    border-radius: 4px
}

.kiiroo-settings-modal .kiiroo-settings-modal-content {
    align-items: center;
    display: flex;
    flex-direction: row
}

.kiiroo-settings-modal .kiiroo-settings-modal-wizard {
    width: 100%
}

.kiiroo-settings-modal .kiiroo-settings-modal-wizard.auth {
    align-items: center;
    flex-direction: column;
    padding: 30px 80px;
    display: flex;
    flex-direction: column
}

.kiiroo-settings-modal .kiiroo-settings-modal-wizard.settings {
    padding: 30px
}

.kiiroo-settings-modal .kiiroo-settings-modal-wizard .back-to-model {
    text-align: center
}

.kiiroo-settings-modal .kiiroo-settings-modal-wizard .back-to-model button {
    margin: 20px 0 0
}

.kiiroo-settings-modal .kiiroo-settings-modal-footer {
    align-items: center;
    background-color: #323232;
    height: 60px;
    justify-content: center;
    opacity: .6;
    width: 100%;
    display: flex;
    flex-direction: row;
    font-size: .813rem
}

.kiiroo-settings-modal .kiiroo-settings-modal-footer.levels {
    justify-content: space-between;
    padding: 0 30px
}

.kiiroo-settings-modal .kiiroo-settings-modal-footer .icon {
    margin-right: 10px
}

.kiiroo-settings-modal .kiiroo-settings-modal-footer-link {
    color: rgba(255, 255, 255, .6);
    transition: 120ms ease-in-out
}

.kiiroo-settings-modal .kiiroo-settings-modal-footer-link:hover {
    color: rgba(255, 255, 255, .8);
    text-decoration: none
}

.kiiroo-settings-modal-wizard .kiiroo-settings-modal-wizard-title {
    margin-bottom: 30px;
    opacity: .9;
    text-align: center;
    font-size: 1.25rem
}

.kiiroo-settings-modal-wizard .kiiroo-settings-modal-wizard-descriptions {
    list-style: decimal;
    margin-left: 20px
}

.kiiroo-settings-modal-wizard .kiiroo-settings-modal-wizard-alert {
    align-items: center;
    border: 2px solid #c33343;
    border-radius: 4px;
    color: rgba(255, 255, 255, .9);
    justify-content: center;
    margin-bottom: 10px;
    padding: 15px 20px;
    text-align: center;
    font-size: .813rem;
    line-height: 1.125rem
}

.kiiroo-settings-modal-wizard .kiiroo-settings-modal-wizard-description {
    color: rgba(255, 255, 255, .8);
    margin-bottom: 20px;
    padding-left: 10px;
    text-align: left;
    width: 100%;
    font-size: .938rem;
    line-height: 1.375rem
}

.kiiroo-settings-modal-wizard .kiiroo-settings-modal-wizard-description strong {
    color: #fff
}

.kiiroo-settings-modal-wizard .kiiroo-settings-modal-wizard-qrcode {
    background: #fff;
    border-radius: 4px;
    margin-top: 20px;
    max-width: 200px;
    padding: 25px
}

.kiiroo-settings-modal-wizard .kiiroo-settings-modal-wizard-qrcode img {
    height: 150px;
    width: 150px
}

.kiiroo-settings-modal-wizard .kiiroo-settings-modal-wizard-actions {
    margin-top: 30px
}

.kiiroo-settings-modal-wizard .kiiroo-settings-modal-wizard-actions .btn-default {
    font-size: .938rem
}

.kiiroo-settings-modal-wizard .kiiroo-settings-modal-wizard-devices-header {
    opacity: .8;
    font-size: .938rem
}

.kiiroo-settings-modal-wizard .kiiroo-settings-modal-wizard-devices {
    margin: 20px 0 10px
}

.kiiroo-settings-modal-wizard .kiiroo-settings-modal-wizard-settings-header {
    margin-top: 30px;
    opacity: .9;
    font-size: 1.25rem
}

.kiiroo-settings-modal-wizard .kiiroo-settings-modal-wizard-settings {
    margin: 30px 0 0
}

.leaving-banned-studios-modal {
    max-width: 316px;
    padding: 23px;
    text-align: center
}

.leaving-banned-studios-modal .icon {
    color: #d4d4d4;
    fill: #d4d4d4;
    height: 72px;
    width: 74px
}

.leaving-banned-studios-modal__title {
    color: #f8f8f8;
    margin-top: 8px;
    font-size: 1.5rem;
    line-height: 1.875rem
}

.leaving-banned-studios-modal__description {
    color: #fff;
    margin: 20px 0 0;
    font-size: .938rem;
    line-height: 1.313rem
}

.leaving-banned-studios-modal__email {
    color: #ecd141
}

.leaving-banned-studios-modal__time {
    color: #f2994a;
    white-space: nowrap
}

.leaving-banned-studios-modal__list {
    background: rgba(0, 0, 0, .1);
    border-radius: 12px;
    color: rgba(248, 248, 248, .8);
    list-style: none;
    margin-top: 20px;
    padding: 10px;
    text-align: center
}

.leaving-banned-studios-modal__list-item {
    margin-left: 14px;
    padding-top: 10px;
    font-size: .938rem;
    line-height: 1.313rem
}

.leaving-banned-studios-modal__list-item:first-child {
    padding-top: 0
}

.leaving-banned-studios-modal__list-item:before {
    content: "•";
    position: absolute;
    transform: translate3d(-16px, 1px, 0) scale(1.6)
}

.leaving-banned-studios-modal__action {
    margin-top: 20px
}

.leaving-banned-studios-modal__button.btn {
    margin: 0
}

.lovense-settings-modal.modal-wrapper .modal-content.modal-header-outside .modal-body {
    background: #3b3b3b;
    border-radius: 12px;
    max-width: 380px;
    padding: 0
}

.lovense-settings-modal.modal-wrapper .modal-body .lovense-settings-modal-content {
    display: flex;
    padding: 20px;
    position: relative;
    display: flex;
    flex-direction: column
}

.lovense-settings-modal.modal-wrapper .modal-body .lovense-settings-modal-content-header {
    color: #f8f8f8;
    font-weight: 700;
    margin-bottom: 20px;
    font-size: 1.125rem;
    line-height: 1.5rem
}

.lovense-settings-modal.modal-wrapper .modal-body .lovense-settings-modal-content-description {
    color: rgba(248, 248, 248, .7);
    margin-bottom: 20px;
    font-size: .813rem;
    line-height: 1.125rem
}

.lovense-settings-modal.modal-wrapper .modal-body .lovense-settings-modal-content-description ul {
    list-style-type: decimal;
    margin-left: 15px;
    margin-top: 5px
}

.lovense-settings-modal.modal-wrapper .modal-body .lovense-settings-modal-content-description ul li {
    margin-bottom: 3px
}

.lovense-settings-modal.modal-wrapper .modal-body .lovense-settings-modal-content-allow {
    align-items: center;
    justify-content: space-between;
    margin-bottom: 20px;
    display: flex;
    flex-direction: row
}

.lovense-settings-modal.modal-wrapper .modal-body .lovense-settings-modal-content-actions {
    display: flex;
    flex-direction: row
}

.lovense-settings-modal.modal-wrapper .modal-body .lovense-settings-modal-content-actions .btn {
    align-items: center;
    font-size: .813rem;
    line-height: 2rem;
    display: flex;
    flex-direction: row
}

.lovense-settings-modal.modal-wrapper .modal-body .lovense-settings-modal-content-actions .btn .icon {
    margin-right: 8px
}

.lovense-settings-modal.modal-wrapper .modal-body .lovense-settings-modal-content-learn-more {
    border-top: 1px solid rgba(248, 248, 248, .3);
    margin-bottom: 20px;
    padding: 20px;
    display: flex;
    flex-direction: row
}

.lovense-settings-modal.modal-wrapper .modal-body .lovense-settings-modal-content-learn-more .icon {
    margin-right: 8px
}

.textarea-autosize {
    resize: none
}

.textarea-autosize[disabled] {
    cursor: not-allowed;
    opacity: .4
}

.textarea-autosize--error {
    border: 1px solid #de5b64
}

.textarea-wrapper {
    background-color: #000;
    border: 1px solid #000;
    border-radius: 16px;
    padding: 6px 16px 22px;
    position: relative
}

.textarea-wrapper--focused {
    background-color: #000;
    border-color: rgba(255, 255, 255, .3);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 5px rgba(255, 255, 255, .25)
}

.textarea-wrapper__counter {
    bottom: 8px;
    color: #f8f8f8;
    font-size: 11px;
    opacity: .4;
    position: absolute;
    right: 8px
}

.textarea-wrapper .textarea {
    background-color: transparent;
    border: 0;
    height: 50px;
    padding: 0;
    resize: none;
    width: 100%
}

.textarea-wrapper .textarea:focus {
    background-color: transparent;
    box-shadow: initial
}

.textarea-wrapper--error {
    border: 1px solid #de5b64
}

.model-fan-club-edit-custom-benefit-modal.modal-wrapper .modal-content.modal-header-inside {
    max-width: 450px;
    padding: 24px
}

.model-fan-club-edit-custom-benefit-modal.modal-wrapper .modal-content.modal-header-inside h3 {
    color: #fff;
    display: block;
    font-size: 18px;
    font-weight: 700;
    margin: 0 0 24px
}

.model-fan-club-edit-custom-benefit-modal.modal-wrapper .modal-content.modal-header-inside .modal-header {
    display: none
}

.model-fan-club-edit-custom-benefit-modal-content-close {
    color: rgba(255, 255, 255, .4);
    cursor: pointer;
    line-height: 10px;
    padding: 10px;
    position: absolute;
    right: 7px;
    top: 7px;
    z-index: 2
}

.model-fan-club-edit-custom-benefit-modal-content-close:hover {
    background-color: rgba(255, 255, 255, .1);
    border-radius: 4px;
    color: rgba(255, 255, 255, .8)
}

.model-fan-club-edit-custom-benefit-modal-content-close .icon {
    margin: 0
}

.model-fan-club-edit-custom-benefit-modal-content-controls {
    align-items: center;
    display: flex;
    justify-content: space-between;
    margin: 20px 0 0
}

.model-fan-club-edit-custom-benefit-modal-content-controls .remove {
    color: rgba(248, 248, 248, .8);
    cursor: pointer
}

.model-fan-club-edit-custom-benefit-modal-content-controls .remove:hover {
    color: #fff
}

.model-fan-club-edit-custom-benefit-modal-content-controls .btn {
    margin-bottom: 0
}

.model-fan-club-edit-custom-benefit-modal-content .text-block {
    color: rgba(255, 255, 255, .8);
    font-size: 14px;
    line-height: 22px
}

.model-fan-club-edit-custom-benefit-modal-content .text-block .accent {
    color: #f8f8f8
}

.model-fan-club-edit-custom-benefit-modal-content .text-block .primary {
    color: #69a8e0
}

.model-fan-club-edit-custom-benefit-modal-content .text-block .interactive {
    cursor: pointer
}

.model-fan-club-edit-custom-benefit-modal-content .text-block .interactive:hover {
    text-decoration: underline
}

.model-fan-club-edit-custom-benefit-modal-content .label {
    display: block;
    text-align: left
}

.model-fan-club-edit-custom-benefit-modal-content .label .input {
    height: 32px;
    padding: 10px 16px
}

.model-fan-club-edit-custom-benefit-modal-content .label-title {
    color: rgba(248, 248, 248, .6);
    display: block;
    font-size: 14px;
    font-weight: 500;
    margin: 14px 0 4px
}

.model-fan-club-edit-custom-benefit-modal-content .label-title .icon-question {
    color: #f8f8f8;
    cursor: pointer;
    margin: 0 0 0 6px
}

.model-fan-club-edit-custom-benefit-modal-content .label-title .icon-lock-1 {
    color: #f8f8f8;
    margin: -2px 6px 0 0
}

.model-fan-club-edit-custom-benefit-modal-content .textarea-autosize {
    border-radius: 20px;
    min-height: 56px;
    padding: 10px 16px;
    width: 100%
}

.model-fan-club-edit-custom-benefit-modal .example-wrapper {
    display: block;
    font-size: 13px;
    margin: 0 0 14px;
    min-width: 270px;
    text-align: left
}

.model-fan-club-edit-custom-benefit-modal .example-wrapper:last-child {
    margin-bottom: 0
}

.model-fan-club-edit-custom-benefit-modal .example-title {
    display: block;
    margin: 0 0 10px
}

.model-fan-club-edit-custom-benefit-modal .example-text {
    color: rgba(248, 248, 248, .6);
    display: block
}

.model-fan-club-edit-custom-benefit-modal .example-text .accent {
    color: rgba(248, 248, 248, .8)
}

.model-fan-club-edit-custom-benefit-modal-footer {
    color: rgba(255, 255, 255, .8);
    font-size: 12px;
    left: 0;
    margin: 12px 0 0;
    position: absolute;
    top: 100%
}

.model-fan-club-edit-custom-benefit-modal-footer a {
    color: rgba(255, 255, 255, .6);
    text-decoration: underline
}

.model-fan-club-edit-custom-benefit-modal-footer a:hover {
    color: rgba(255, 255, 255, .8)
}

.start-private-modal-alert {
    align-items: center;
    background-color: rgba(248, 248, 248, .1);
    border-radius: 4px;
    color: rgba(248, 248, 248, .6);
    margin-top: 10px;
    padding: 15px 20px;
    text-align: left;
    font-size: .75rem;
    display: flex;
    flex-direction: row
}

.start-private-modal-alert .icon {
    fill: #f8f8f8;
    height: 17px;
    margin-right: 20px;
    width: 17px;
    flex: 1;
    flex-basis: auto;
    flex-grow: 0;
    flex-shrink: 0
}

.start-private-modal-alert .start-private-modal-alert-link {
    color: rgba(248, 248, 248, .6);
    cursor: pointer;
    text-decoration: underline;
    transition: 120ms ease-in-out;
    flex: 1;
    flex-basis: auto;
    flex-grow: 0;
    flex-shrink: 0
}

.start-private-modal-alert .start-private-modal-alert-link:hover {
    color: rgba(248, 248, 248, .8)
}

.private-mode-info {
    color: rgba(248, 248, 248, .6);
    margin: 20px 0 10px;
    display: flex;
    flex-direction: row;
    font-size: .813rem;
    line-height: 1.125rem
}

.private-mode-info .tooltip>.tooltip-inner {
    padding: 15px;
    font-size: .813rem;
    line-height: 1.125rem
}

.private-mode-info .cam2cam-in-firefox {
    display: block;
    margin-bottom: 10px
}

.private-mode-info .download {
    color: #f8f8f8;
    opacity: .6;
    font-size: .813rem;
    line-height: 1.125rem
}

.private-mode-info .link {
    color: #f8f8f8;
    text-decoration: underline
}

.private-mode-info .link:hover {
    opacity: .8;
    text-decoration: none
}

.private-mode-info ul {
    list-style: disc;
    margin: 0 0 10px
}

.private-mode-info li {
    margin-left: 15px;
    padding: 3px 0
}

.private-mode-info li .link {
    color: #f8f8f8;
    text-decoration: underline
}

.private-mode-info li .link:hover {
    opacity: .8;
    text-decoration: none
}

.start-spy-modal {
    z-index: 409
}

.start-spy-modal .start-spy-modal-header {
    padding-right: 20px;
    position: relative;
    text-align: left
}

.start-spy-modal .loader-wrapper .loader {
    margin: 10px auto
}

.start-spy-modal .modal-body {
    background-color: rgba(85, 82, 63, .8) !important;
    cursor: default;
    text-align: center;
    width: 300px
}

.start-spy-modal .modal-body .modes {
    margin-top: 10px;
    display: flex;
    flex-direction: row
}

.start-spy-modal .modal-body .mode-wrapper {
    background-color: #2b2b2b;
    color: #e2e2e2;
    display: flex;
    flex-basis: 100%;
    flex-flow: column nowrap;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-left: 10px;
    max-width: 100%;
    padding: 20px;
    display: flex;
    flex-direction: row;
    flex: 1;
    flex-basis: 100%;
    flex-grow: 1;
    flex-shrink: 1;
    border-radius: 3px
}

.start-spy-modal .modal-body .mode-wrapper:first-child {
    margin-left: 0
}

.start-spy-modal .modal-body .mode-wrapper .mode-wrapper-private-controls-btn {
    align-items: center;
    display: flex;
    flex-flow: column nowrap;
    flex-grow: 1;
    justify-content: flex-end
}

.start-spy-modal .modal-body .mode-wrapper .btn {
    font-weight: 700;
    margin-top: 20px
}

.start-spy-modal .modal-body .mode-wrapper .controls-info {
    font-size: 13px;
    font-weight: 700;
    letter-spacing: normal;
    line-height: 1.4;
    margin-top: 10px
}

.start-spy-modal .modal-body .mode-wrapper .controls-info-price {
    color: #eacd7a
}

.start-spy-modal .modal-body .mode-wrapper .additional-info-join-fan-club-button {
    font-size: 13px;
    font-weight: 700;
    letter-spacing: normal;
    line-height: normal;
    align-items: center;
    border-radius: 7px;
    display: flex;
    flex-wrap: nowrap;
    margin: 12px -10px -10px;
    padding: 13px 14px;
    text-align: center;
    white-space: normal;
    width: calc(100% + 20px)
}

.start-spy-modal .modal-body .mode-wrapper .additional-info-join-fan-club-button-icon {
    height: 16px;
    margin: 0 10px 0 0;
    min-width: 18px
}

.start-spy-modal .modal-body .mode-wrapper .additional-info,
.start-spy-modal .modal-body .mode-wrapper .price {
    color: #eacd7a;
    margin-top: 10px
}

.start-spy-modal .modal-body .mode-wrapper .additional-info {
    border-top: 1px solid rgba(151, 151, 151, .25);
    cursor: pointer;
    display: block;
    margin: 14px 0 0;
    padding: 14px 0 0
}

.start-spy-modal .modal-body .mode-wrapper .description {
    width: 100%;
    font-size: .75rem
}

.start-spy-modal .modal-body .mode-wrapper .controls {
    width: 100%
}

.start-spy-modal .modal-body .mode-wrapper .controls.disabled .price {
    opacity: .33
}

.start-spy-modal .private-activities {
    opacity: .9;
    padding-top: 10px;
    text-align: left;
    font-size: .688rem;
    line-height: 1.125rem
}

.start-spy-modal .private-activities-name {
    font-weight: 700
}

.start-spy-modal .private-activities-title {
    display: inline-block;
    opacity: .6;
    padding-right: 10px;
    white-space: nowrap
}

.start-spy-modal .private-activity {
    display: inline-block;
    padding-right: 10px;
    white-space: nowrap
}

.start-spy-modal .annex {
    color: inherit;
    margin-top: 10px;
    text-align: center;
    font-size: .75rem
}

.start-spy-modal .private-mode-info {
    color: rgba(248, 248, 248, .6);
    margin: 20px 0 10px;
    display: flex;
    flex-direction: row;
    font-size: .813rem;
    line-height: 1.125rem
}

.start-spy-modal .private-mode-info .tooltip>.tooltip-inner {
    padding: 15px;
    font-size: .813rem;
    line-height: 1.125rem
}

.start-spy-modal .private-mode-info .cam2cam-in-firefox {
    display: block;
    margin-bottom: 10px
}

.start-spy-modal .private-mode-info .download {
    color: #f8f8f8;
    opacity: .6;
    font-size: .813rem;
    line-height: 1.125rem
}

.start-spy-modal .private-mode-info .link {
    color: #f8f8f8;
    text-decoration: underline
}

.start-spy-modal .private-mode-info .link:hover {
    opacity: .8;
    text-decoration: none
}

.start-spy-modal .private-mode-info ul {
    list-style: disc;
    margin: 0 0 10px
}

.start-spy-modal .private-mode-info li {
    margin-left: 15px;
    padding: 3px 0
}

.start-spy-modal .private-mode-info li .link {
    color: #f8f8f8;
    text-decoration: underline
}

.start-spy-modal .private-mode-info li .link:hover {
    opacity: .8;
    text-decoration: none
}

.start-spy-modal.start-spy-modal--new {
    background: 0 0;
    border-radius: 3px;
    padding: 0;
    z-index: 409
}

.start-spy-modal.start-spy-modal--new .start-spy-modal-header {
    padding-right: 20px;
    position: relative;
    text-align: left
}

.start-spy-modal.start-spy-modal--new .loader-wrapper .loader {
    margin: 10px auto
}

.start-spy-modal.start-spy-modal--new .modal-body {
    background-color: rgba(85, 82, 63, .8) !important;
    border-radius: 3px;
    cursor: default;
    padding: 20px;
    text-align: center;
    width: 300px
}

.start-spy-modal.start-spy-modal--new .modal-body .modes {
    margin-top: 10px;
    display: flex;
    flex-direction: row
}

.start-spy-modal.start-spy-modal--new .modal-body .mode-wrapper {
    background-color: #2b2b2b;
    color: #e2e2e2;
    display: flex;
    flex-basis: 100%;
    flex-flow: column nowrap;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-left: 10px;
    max-width: 100%;
    padding: 20px;
    display: flex;
    flex-direction: row;
    flex: 1;
    flex-basis: 100%;
    flex-grow: 1;
    flex-shrink: 1;
    border-radius: 3px
}

.start-spy-modal.start-spy-modal--new .modal-body .mode-wrapper:first-child {
    margin-left: 0
}

.start-spy-modal.start-spy-modal--new .modal-body .mode-wrapper .mode-wrapper-private-controls-btn {
    align-items: center;
    display: flex;
    flex-flow: column nowrap;
    flex-grow: 1;
    justify-content: flex-end
}

.start-spy-modal.start-spy-modal--new .modal-body .mode-wrapper .btn {
    font-weight: 700;
    margin-top: 20px
}

.start-spy-modal.start-spy-modal--new .modal-body .mode-wrapper .controls-info {
    font-size: 13px;
    font-weight: 700;
    letter-spacing: normal;
    line-height: 1.4;
    margin-top: 10px
}

.start-spy-modal.start-spy-modal--new .modal-body .mode-wrapper .controls-info-price {
    color: #eacd7a
}

.start-spy-modal.start-spy-modal--new .modal-body .mode-wrapper .additional-info-join-fan-club-button {
    font-size: 13px;
    font-weight: 700;
    letter-spacing: normal;
    line-height: normal;
    align-items: center;
    border-radius: 7px;
    display: flex;
    flex-wrap: nowrap;
    margin: 12px -10px -10px;
    padding: 13px 14px;
    text-align: center;
    white-space: normal;
    width: calc(100% + 20px)
}

.start-spy-modal.start-spy-modal--new .modal-body .mode-wrapper .additional-info-join-fan-club-button-icon {
    height: 16px;
    margin: 0 10px 0 0;
    min-width: 18px
}

.start-spy-modal.start-spy-modal--new .modal-body .mode-wrapper .additional-info,
.start-spy-modal.start-spy-modal--new .modal-body .mode-wrapper .price {
    color: #eacd7a;
    margin-top: 10px
}

.start-spy-modal.start-spy-modal--new .modal-body .mode-wrapper .additional-info {
    border-top: 1px solid rgba(151, 151, 151, .25);
    cursor: pointer;
    display: block;
    margin: 14px 0 0;
    padding: 14px 0 0
}

.start-spy-modal.start-spy-modal--new .modal-body .mode-wrapper .description {
    width: 100%;
    font-size: .75rem
}

.start-spy-modal.start-spy-modal--new .modal-body .mode-wrapper .controls {
    width: 100%
}

.start-spy-modal.start-spy-modal--new .modal-body .mode-wrapper .controls.disabled .price {
    opacity: .33
}

.start-spy-modal.start-spy-modal--new .private-activities {
    opacity: .9;
    padding-top: 10px;
    text-align: left;
    font-size: .688rem;
    line-height: 1.125rem
}

.start-spy-modal.start-spy-modal--new .private-activities-name {
    font-weight: 700
}

.start-spy-modal.start-spy-modal--new .private-activities-title {
    display: inline-block;
    opacity: .6;
    padding-right: 10px;
    white-space: nowrap
}

.start-spy-modal.start-spy-modal--new .private-activity {
    display: inline-block;
    padding-right: 10px;
    white-space: nowrap
}

.start-spy-modal.start-spy-modal--new .annex {
    color: inherit;
    margin-top: 10px;
    text-align: center;
    font-size: .75rem
}

.start-spy-modal.start-spy-modal--new .private-mode-info {
    color: rgba(248, 248, 248, .6);
    margin: 20px 0 10px;
    display: flex;
    flex-direction: row;
    font-size: .813rem;
    line-height: 1.125rem
}

.start-spy-modal.start-spy-modal--new .private-mode-info .tooltip>.tooltip-inner {
    padding: 15px;
    font-size: .813rem;
    line-height: 1.125rem
}

.start-spy-modal.start-spy-modal--new .private-mode-info .cam2cam-in-firefox {
    display: block;
    margin-bottom: 10px
}

.start-spy-modal.start-spy-modal--new .private-mode-info .download {
    color: #f8f8f8;
    opacity: .6;
    font-size: .813rem;
    line-height: 1.125rem
}

.start-spy-modal.start-spy-modal--new .private-mode-info .link {
    color: #f8f8f8;
    text-decoration: underline
}

.start-spy-modal.start-spy-modal--new .private-mode-info .link:hover {
    opacity: .8;
    text-decoration: none
}

.start-spy-modal.start-spy-modal--new .private-mode-info ul {
    list-style: disc;
    margin: 0 0 10px
}

.start-spy-modal.start-spy-modal--new .private-mode-info li {
    margin-left: 15px;
    padding: 3px 0
}

.start-spy-modal.start-spy-modal--new .private-mode-info li .link {
    color: #f8f8f8;
    text-decoration: underline
}

.start-spy-modal.start-spy-modal--new .private-mode-info li .link:hover {
    opacity: .8;
    text-decoration: none
}

.show-more__content {
    position: relative
}

.show-more__content--collapsed {
    overflow: hidden
}

.show-more__line-height-tester {
    display: inline-block;
    pointer-events: none;
    position: absolute;
    visibility: hidden
}

.show-more__item--hidden {
    display: none;
    visibility: hidden
}

.show-more__content--calculating .show-more__item--hidden {
    display: initial
}

.show-more-list {
    display: flex;
    justify-content: flex-start
}

.show-more-list--line-height-test {
    display: inline-block;
    pointer-events: none;
    position: absolute;
    visibility: hidden
}

.show-more-list__list {
    margin: 0;
    width: 50%
}

.show-more-list__list:first-child {
    margin-right: 6px
}

.show-more-list__list:last-child {
    margin-left: 6px
}

.show-more-list__item {
    color: rgba(255, 255, 255, .9);
    margin: 0 0 8px;
    padding-left: 15px;
    position: relative;
    text-align: left;
    line-height: .938rem
}

.show-more-list__icon-wrapper {
    left: 0;
    position: absolute
}

.show-more-list__icon {
    color: rgba(255, 255, 255, .4);
    fill: currentColor;
    margin-bottom: 1px
}

.show-more-list__item--hidden {
    display: none;
    visibility: hidden
}

.private-modal-activities {
    background: rgba(255, 255, 255, .05);
    border-radius: 16px;
    color: #fff;
    font-size: 13px;
    line-height: 19px;
    margin-top: 18px;
    padding: 12px;
    text-align: center
}

.private-modal-activities--improved {
    background: rgba(0, 0, 0, .1);
    margin-top: 6px
}

.private-modal-activities .title {
    color: #9c9c9c;
    display: block;
    margin-bottom: 4px
}

.private-modal-activities .title--improved {
    color: #fff;
    margin-bottom: 12px;
    opacity: .5
}

.private-modal-activities .title--exclusive {
    opacity: 1
}

.private-modal-activities .toggle {
    background: 0 0;
    border: 0;
    color: inherit;
    cursor: pointer;
    margin-top: 8px;
    padding: 0;
    text-decoration: underline
}

.private-modal-activities .toggle:hover {
    opacity: .6
}

.private-modal-activities .toggle--improved {
    background: rgba(255, 255, 255, .06);
    border-radius: 44px;
    color: rgba(255, 255, 255, .6);
    margin-top: 6px;
    padding: 2px;
    text-decoration: none;
    width: 100%;
    font-size: .813rem
}

.private-modal-activities .toggle--improved:hover {
    background: rgba(255, 255, 255, .2);
    color: #fff;
    opacity: 1
}

.private-modal-activities .toggle-icon {
    fill: currentColor;
    margin-left: 6px
}

.private-modal-activities .toggle-icon--expanded {
    transform: rotate(180deg)
}

.private-modal-activities.exclusive .title {
    color: #feb601
}

.ButtonBase\#Bz {
    background-color: transparent;
    border: 0;
    color: inherit;
    cursor: pointer;
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
    letter-spacing: inherit;
    margin: 0;
    outline: 0;
    padding: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.ButtonBase\#Bz:active,
.ButtonBase\#Bz:focus,
.ButtonBase\#Bz:hover {
    cursor: pointer;
    text-decoration: none
}

.ButtonBase\#Bz[aria-disabled=true],
.ButtonBase\#Bz[disabled] {
    cursor: default;
    pointer-events: none
}

.Loader\#Dx {
    height: 20px;
    width: 20px
}

.Loader__colorDefault\#uG {
    color: #f8f8f8
}

.Loader__forcedColorDark\#Ao {
    color: #101010
}

.Loader__forcedColorLight\#ge {
    color: #f8f8f8
}

.Loader__loader\#tt {
    animation: Loader__loader\#tt 1.4s linear infinite
}

.Loader__circle\#KR {
    animation: Loader__loader-circle\#X3 1.4s ease-in-out infinite;
    stroke: currentColor;
    stroke-dasharray: 80px, 200px;
    stroke-dashoffset: 0
}

@keyframes Loader__loader\#tt {
    100% {
        transform: rotate(360deg)
    }
}

@keyframes Loader__loader-circle\#X3 {
    0% {
        stroke-dasharray: 1px, 200px;
        stroke-dashoffset: 0
    }

    50% {
        stroke-dasharray: 100px, 200px;
        stroke-dashoffset: -15px
    }

    100% {
        stroke-dasharray: 100px, 200px;
        stroke-dashoffset: -125px
    }
}

.Button\#mJ {
    align-items: center;
    display: inline-flex;
    font-family: inherit;
    font-weight: 400;
    justify-content: center;
    letter-spacing: .2px;
    line-height: 1.231;
    transition: background-color 90ms ease-in-out, color 90ms ease-in-out
}

.Button\#Ck {
    width: 100%
}

.Button\#uB {
    opacity: .33
}

.Button\#Um {
    position: relative
}

.Button\#Um .Button__content\#TR {
    opacity: 0
}

.Button\#kN {
    font-size: 13px;
    padding: 5px 20px
}

.Button\#J8 {
    font-size: 13px;
    padding: 7px 20px
}

.Button\#Sc {
    font-size: 13px;
    padding: 9px 20px
}

.Button\#VM {
    font-size: 13px;
    padding: 11px 20px
}

.Button\#Ll {
    background-color: #79943d;
    border-radius: 36px;
    color: #fff
}

.Button\#Ll:hover {
    background-color: #5e7826
}

.Button\#Ll:active {
    background-color: #50681d
}

.Button\#tw {
    background-color: #434343;
    border-radius: 36px;
    color: #fff
}

.Button\#tw:hover {
    background-color: #5d5d5d
}

.Button\#tw:active {
    background-color: #505050
}

.Button\#JD {
    background-color: #af262f;
    border-radius: 36px;
    color: #fff
}

.Button\#JD:hover {
    background-color: #d53e48
}

.Button\#JD:active {
    background-color: #9c2a32
}

.Button\#YB {
    background-color: transparent;
    border-radius: 4px;
    color: rgba(248, 248, 248, .6)
}

.Button\#YB:active,
.Button\#YB:hover {
    background-color: rgba(248, 248, 248, .2);
    color: #f8f8f8
}

.Button__content\#TR {
    align-items: center;
    -moz-column-gap: 12px;
    column-gap: 12px;
    display: flex;
    justify-content: center
}

.Button__content\#TR>svg {
    flex-shrink: 0
}

.Button__loaderOverlay\#jh {
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%)
}

.Cam2CamPopoverContent__iconSuccess\#Q6 {
    color: #34b353;
    flex-shrink: 0;
    margin-right: 8px
}

.Cam2CamPopoverContent__iconWarning\#fO {
    flex-shrink: 0;
    margin-right: 10px
}

.Cam2CamPopoverContent__btn\#Td {
    line-height: 25px;
    margin: 10px 0 0
}

.private-modal-cam2cam-tooltip {
    line-height: 20px;
    white-space: normal
}

.private-modal-cam2cam-tooltip .start {
    align-items: stretch;
    display: flex;
    flex-direction: column;
    text-align: center
}

.private-modal-cam2cam-tooltip .start .btn {
    line-height: 25px;
    margin: 10px 0 0
}

.private-modal-cam2cam-tooltip .success {
    align-items: center;
    display: flex
}

.private-modal-cam2cam-tooltip .success .icon {
    color: #34b353;
    flex-shrink: 0;
    height: 20px;
    margin-right: 8px;
    width: 20px
}

.private-modal-cam2cam-tooltip .warning .warning-title {
    align-items: center;
    color: #ffc107;
    display: flex;
    margin-bottom: 10px
}

.private-modal-cam2cam-tooltip .warning .warning-title .icon {
    flex-shrink: 0;
    height: 16px;
    margin-right: 10px;
    width: 16px
}

.private-modal-cam2cam-tooltip .warning ul {
    list-style: disc inside;
    margin: 0
}

.private-modal-cam2cam-tooltip--updated .tooltip-inner {
    background-color: #1d1d1d;
    color: #fff;
    font-size: 13px;
    font-weight: 500;
    padding: 16px 24px
}

.private-modal-cam2cam-tooltip--updated .tooltip-inner:before {
    display: none
}

.private-modal-feature {
    align-items: center;
    color: #fff;
    display: flex;
    font-size: 13px;
    font-weight: 500;
    line-height: 16px
}

.private-modal-feature:not(:first-child) {
    margin-top: 14px
}

.private-modal-feature--improved:not(:first-child) {
    margin-top: 14px
}

.private-modal-feature .feature-icon {
    fill: currentColor;
    flex-shrink: 0;
    height: 20px;
    margin-right: 12px;
    width: 20px
}

.private-modal-feature .feature-icon__play-4 {
    transform: scale(.9)
}

.private-modal-feature .feature-tooltip-wrapper {
    margin-left: 2px;
    white-space: nowrap
}

.private-modal-feature .feature-tooltip-icon {
    color: rgba(248, 248, 248, .6);
    height: 14px;
    transform: translateY(-1px);
    width: 14px;
    vertical-align: middle;
    margin-right: 4px
}

.private-modal-feature.accent,
.private-modal-feature.accent .feature-icon,
.private-modal-feature.accent .feature-tooltip-icon {
    color: #feb601
}

.private-modal-min-duration {
    align-items: center;
    color: rgba(255, 255, 255, .8);
    display: flex;
    font-size: 12px;
    line-height: 15px;
    margin-top: 8px
}

.private-modal-min-duration__icon {
    color: rgba(248, 248, 248, .6);
    height: 14px;
    margin-left: 7px;
    margin-right: 4px;
    width: 14px;
    vertical-align: middle
}

.private-features {
    margin-top: 18px
}

.private-features:empty {
    display: none
}

.private-features--improved {
    align-self: stretch;
    background: rgba(0, 0, 0, .1);
    border-radius: 16px;
    display: flex;
    flex-direction: column;
    margin-top: 6px;
    padding: 16px 18px
}

.private-features--simple {
    align-items: center
}

.heart-image {
    border-radius: 100%
}

.heart-image--shadow {
    box-shadow: 0 4px 4px 0 rgba(0, 0, 0, .25)
}

.Discount\#BO {
    background: rgba(255, 169, 0, .08);
    border-radius: 20px;
    color: #ffa900;
    font-size: 11px;
    font-weight: 500;
    line-height: 12px;
    padding: 2px 4px;
    width: -moz-max-content;
    width: max-content
}

.UserFanClubTierLabel__tier1\#T8 {
    color: #1b7aff
}

.UserFanClubTierLabel__tier2\#GC {
    color: #dc1cff
}

.UserFanClubTierLabel__tier3\#_E {
    color: #ff2a59
}

.UserFanClubTier\#rI {
    align-items: center;
    display: flex
}

.CollapsedV2\#B0 {
    display: flex;
    flex-direction: column
}

.CollapsedV2_closed\#r2 {
    cursor: pointer
}

.CollapsedV2_opened\#Ok {
    cursor: default
}

.CollapsedV2_clickAll\#Du {
    cursor: pointer
}

.CollapsedV2__reversed\#JA {
    flex-direction: column-reverse
}

.CollapsedV2__contentWrapper\#gy {
    display: grid;
    grid-template-rows: 0fr;
    transition: grid-template-rows .3s ease-in-out
}

.CollapsedV2__contentWrapper_isOpen\#L1 {
    grid-template-rows: 1fr
}

.CollapsedV2__content\#eh {
    overflow: hidden
}

.CollapsedV2__header\#eU {
    align-items: center;
    cursor: pointer;
    display: flex
}

.CollapsedV2__iconClose\#L8 {
    fill: #f8f8f8;
    height: 20px;
    margin-left: auto;
    padding: 2px
}

.CollapsedV2__iconClose_opened\#PQ {
    transform: rotate(180deg)
}

.FanClubPrivateDiscount\#YH {
    background: #343434;
    border-bottom: none;
    border-radius: 10px;
    color: #9c9c9c;
    margin-bottom: 16px
}

.FanClubPrivateDiscount_card\#Q0 {
    display: flex;
    justify-content: center;
    padding: 12px 14px;
    text-align: center
}

.FanClubPrivateDiscount__nowrap\#uU {
    white-space: nowrap
}

.FanClubPrivateDiscount__accent\#Mz {
    color: #ffa900;
    white-space: nowrap
}

.FanClubPrivateDiscount__headerCollapsed\#ih {
    cursor: pointer;
    display: flex;
    justify-content: space-around;
    padding: 12px 14px
}

.FanClubPrivateDiscount__headerTitle\#_H {
    color: #f8f8f8;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    letter-spacing: .2px;
    line-height: 20px
}

.FanClubPrivateDiscount__headerTitle_card\#o9 {
    display: inline
}

.FanClubPrivateDiscount__headerTitle_collapsed\#Qy {
    flex: 1;
    text-align: center
}

.FanClubPrivateDiscount__footer\#Lg {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-top: 16px
}

.FanClubPrivateDiscount__content\#0F {
    padding: 0 14px 12px
}

.FanClubPrivateDiscount__table\#iR {
    margin: 0 auto;
    max-width: 464px;
    width: 100%
}

.FanClubPrivateDiscount__table\#iR tr {
    border-bottom: 1px solid rgba(255, 255, 255, .03)
}

.FanClubPrivateDiscount__table\#iR tr:last-child {
    border-bottom: none
}

.FanClubPrivateDiscount__table\#iR td {
    padding: 12px 8px;
    text-align: end
}

.FanClubPrivateDiscount__table\#iR td:first-child {
    text-align: start
}

.FanClubPrivateDiscount__table\#iR th {
    color: rgba(248, 248, 248, .6);
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: .2px;
    line-height: 16px;
    padding: 12px 8px 10px;
    text-align: end
}

.FanClubPrivateDiscount__table\#iR th:first-child {
    text-align: start
}

.FanClubPrivateDiscount__tiersColumn\#RH {
    width: 100%
}

.FanClubPrivateDiscount__tierLabel\#Xy {
    color: #f8f8f8;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: .2px;
    line-height: 16px
}

.FanClubPrivateDiscount__joinButton\#fn {
    background: #ff2a59;
    border-radius: 50px;
    color: #fff;
    cursor: pointer;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px;
    margin: 0 0 8px;
    max-height: 32px;
    min-height: 32px;
    padding: 6px 16px;
    width: -moz-fit-content;
    width: fit-content
}

button.FanClubPrivateDiscount__joinButton\#fn:active,
button.FanClubPrivateDiscount__joinButton\#fn:focus,
button.FanClubPrivateDiscount__joinButton\#fn:hover {
    background: #ff5276;
    color: #fff
}

.FanClubPrivateDiscount__discountLabel\#TP {
    font-size: 12px;
    font-style: normal;
    font-weight: 400
}

.FanClubPrivateDiscount__discountsColumn\#LJ {
    min-width: 80px
}

.FanClubPrivateDiscount__emptyDiscount\#uR {
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: .2px;
    line-height: 16px;
    margin-right: 12px
}

.FanClubPrivateDiscount__tierWrapper\#X0 {
    display: flex
}

.FanClubPrivateDiscount__activeLabel\#Y4 {
    background: #4a4a4a;
    border-radius: 4px;
    color: rgba(248, 248, 248, .8);
    font-size: 10px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: .4px;
    line-height: 14px;
    margin-left: 8px;
    padding: 2px 4px
}

.FanClubPrivateDiscount__fanClubIcon\#c0 {
    margin-right: 0
}

.HappyHourAlert\#Jz {
    align-items: center;
    background: #343434;
    border: 1px solid #ffa900;
    border-radius: 10px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    margin-bottom: 16px;
    padding: 10px
}

.HappyHourAlert__message\#KL {
    display: flex
}

.HappyHourAlert__timer\#Ny {
    align-items: center;
    background: rgba(0, 0, 0, .4);
    border-radius: 6px;
    color: #fff;
    display: flex;
    flex-direction: row;
    font-size: 13px;
    font-weight: 500;
    justify-content: center;
    line-height: 17px;
    margin-left: 8px;
    padding: 3px 8px
}

.HappyHourAlert__icon\#UE {
    background-size: contain;
    height: 20px;
    margin-right: 4px;
    width: 20px
}

.HappyHourAlert__title\#gW {
    color: #f8f8f8;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: .2px;
    line-height: 20px
}

.HappyHourAlert__title\#gW span {
    color: #ffa900
}

.PrivateDiscount__happyHour\#oE {
    border: none
}

.line-through-text {
    position: relative
}

.line-through-text:before {
    content: "";
    display: block;
    height: 2px;
    left: -3px;
    position: absolute;
    top: 50%;
    width: calc(100% + 6px)
}

.mode {
    align-items: center;
    background: #343434;
    border: 1px solid rgba(255, 255, 255, .05);
    border-radius: 16px;
    display: flex;
    flex-basis: 100%;
    flex-direction: column;
    padding: 16px;
    position: relative
}

.mode--improved {
    background: linear-gradient(180deg, #343434 0%, rgba(52, 52, 52, 0) 75.94%), #343434;
    border: none
}

.mode .heart-image {
    height: 64px;
    margin-bottom: 12px;
    width: 64px
}

.mode .mode-header {
    color: #fff;
    font-size: 20px;
    font-weight: 700;
    line-height: 24px;
    margin-bottom: 16px;
    text-align: center
}

.mode .start-wrapper {
    margin-bottom: 22px
}

.mode .start-button {
    line-height: 34px;
    margin: 0;
    min-width: 200px
}

.mode .private-mode-info {
    max-width: 230px;
    text-align: center
}

.mode .private-modal-activities {
    align-self: stretch
}

.mode.exclusive {
    background: linear-gradient(180deg, rgba(255, 180, 59, .25) 0%, rgba(255, 180, 59, 0) 59.56%), #343434;
    background-position: 0 -1px;
    background-size: 100% 103%
}

.mode.exclusive .mode-header {
    color: #feb601
}

.mode--improved.exclusive {
    background: linear-gradient(180deg, rgba(255, 200, 59, .25) 0%, rgba(255, 180, 59, 0) 76.13%), #343434
}

.mode-wrapper {
    display: flex;
    flex-direction: column
}

.mode-wrapper:not(:last-child) {
    margin-bottom: 12px
}

.private-modal-spacer {
    margin-bottom: 8px
}

.best-for-private-label {
    align-items: center;
    background-color: rgba(254, 182, 1, .05);
    border-radius: 7px;
    display: inline-flex;
    padding: 2px 8px
}

.best-for-private-label__icon {
    width: 10px
}

.best-for-private-label__text {
    color: #feb601;
    font-size: 13px;
    line-height: 16px;
    margin-left: 6px
}

.rating-stars .icon {
    height: 10px;
    margin-right: 0;
    width: 10px
}

.rating-stars span+span .icon {
    margin-left: 2px
}

.rating-stars .star-empty {
    fill: rgba(255, 255, 255, 0.2)
}

.rating-stars .star-half {
    color: rgba(255, 255, 255, .2)
}

.rating-stars .star-full {
    fill: #feb601
}

.private-modal-model-info {
    align-items: center;
    display: flex;
    margin-bottom: 12px
}

.private-modal-model-info .avatar {
    flex-shrink: 0;
    height: 32px;
    margin-right: 12px;
    width: 32px
}

.private-modal-model-info .avatar-lock {
    background-color: #434343;
    border: 2px solid #000;
    border-radius: 9px;
    bottom: 0;
    height: 18px;
    position: absolute;
    right: -6px;
    width: 18px
}

.private-modal-model-info .avatar-lock .icon {
    color: #93d63d;
    height: 15px;
    margin: 0;
    width: 10px
}

.private-modal-model-info .description {
    color: rgba(255, 255, 255, .6);
    display: block;
    font-size: 11px;
    line-height: 13px
}

.private-modal-model-info .name {
    color: #fff;
    display: block;
    font-size: 14px;
    font-weight: 700;
    line-height: 17px
}

.private-modal-model-info .rating {
    align-items: flex-end;
    color: rgba(255, 255, 255, .6);
    display: flex;
    flex-direction: column;
    font-size: 11px;
    line-height: 13px;
    margin-left: auto
}

.private-modal-model-info .rating-value {
    color: #fff;
    font-size: 13px;
    font-weight: 700;
    line-height: 16px;
    margin-right: 8px;
    vertical-align: middle
}

.private-modal-model-info--upgrade .description {
    color: #feb601
}

.private-modal-model-info__best-for-private {
    margin-top: 4px
}

.private-modal-model-info__link-to-reviews,
.private-modal-model-info__link-to-reviews:hover {
    text-decoration: none
}

.VrPrivateNotice\#ES {
    align-items: center;
    display: flex;
    justify-content: center;
    margin-top: 16px
}

.VrPrivateNotice__content\#ED {
    font-size: 13px;
    line-height: 18px
}

.VrPrivateNotice__button\#gS {
    align-items: center;
    display: flex
}

.VrPrivateNotice__button\#gS:hover {
    text-decoration: underline
}

.VrPrivateNotice__button\#gS:hover .VrPrivateNotice__baseText\#Za {
    opacity: 1
}

.VrPrivateNotice__vrIcon\#vF {
    border-radius: 4px;
    height: 16px !important;
    margin-bottom: 2px;
    margin-right: 12px;
    width: 24px
}

.VrPrivateNotice__baseText\#Za {
    color: #f8f8f8;
    opacity: .6;
    transition: .3s
}

.VrPrivateNotice__vrLabel\#GJ {
    color: #729fe5
}

.VrPrivateNotice__noWrap\#Ai {
    white-space: nowrap
}

.VrPrivateNotice__accent\#Lw {
    font-weight: 700
}

.VrPrivateNotice__arrowIcon\#Lh {
    margin-bottom: 2px
}

.modal-wrapper.private-modal {
    flex-wrap: wrap;
    padding: 10px 20px
}

.modal-wrapper.private-modal .button-close {
    position: absolute;
    right: 0;
    top: 0
}

.modal-wrapper.private-modal .icon-close-3 {
    height: 24px;
    transform: scale(.6);
    width: 24px
}

.modal-wrapper.private-modal .modal-title {
    color: #fff;
    font-size: 18px;
    font-weight: 700;
    line-height: 22px;
    text-align: center
}

.modal-wrapper.private-modal .modal-header {
    padding-bottom: 8px !important
}

.modal-wrapper.private-modal .modal-content {
    margin-top: auto;
    max-height: none;
    max-width: 500px;
    width: 100%
}

.modal-wrapper.private-modal .private-modal-body {
    margin-bottom: 16px
}

.modal-wrapper.private-modal .private-modal-body.loading {
    align-items: center;
    display: flex;
    height: 60vh;
    justify-content: center;
    max-width: 500px;
    width: 90vw
}

.modal-wrapper.private-modal .private-modal-body__video-call-message {
    color: #fff;
    margin-bottom: 5px
}

.modal-wrapper.private-modal .private-modal-body__request-offline-message.start-private-modal-alert {
    color: #feb601;
    margin-bottom: 16px
}

.modal-wrapper.private-modal .private-modal-body__request-offline-message.start-private-modal-alert .icon {
    color: #fff;
    margin-right: 18px
}

.modal-wrapper.private-modal .start-private-modal-alert {
    background: #343434;
    border-radius: 10px;
    color: #9c9c9c;
    margin-top: 12px
}

.modal-wrapper.private-modal .start-private-modal-alert .icon {
    color: #fff
}

.modal-wrapper.private-modal .start-private-modal-alert .kiiroo-alert-content {
    flex-grow: 1;
    width: 0
}

.modal-wrapper.private-modal .start-private-modal-alert a {
    color: inherit
}

.modal-wrapper.private-modal .private-modal-footer {
    text-align: center
}

.modal-wrapper.private-modal .private-modal-footer--hidden {
    visibility: hidden
}

.modal-wrapper.private-modal .modal-footer {
    align-items: center;
    display: flex;
    flex: 0 0 100%;
    flex-direction: column;
    margin-bottom: auto;
    opacity: .8
}

.modal-wrapper.private-modal .modal-footer .footer-description {
    color: #fff;
    font-size: 12px;
    line-height: 15px;
    margin-bottom: 12px;
    max-width: 500px;
    text-align: center
}

.modal-wrapper.private-modal .modal-footer .footer-lock {
    color: #93d63d;
    height: 20px;
    margin: 0;
    transform: scale(1.5);
    width: 14px
}

.modal-wrapper.private-modal .modal-footer .footer-gift-private {
    border-top: 1px solid rgba(248, 248, 248, .17);
    display: flex;
    justify-content: center;
    margin: 18px auto 0;
    max-width: 500px;
    padding-top: 19px;
    width: 70%
}

.modal-wrapper.private-modal .modal-footer .footer-gift-private-icon {
    margin-right: 10px;
    vertical-align: sub
}

.modal-wrapper.private-modal .private-modal__title-image {
    position: relative
}

.modal-wrapper.private-modal .private-modal__discount-icon {
    bottom: 9px;
    left: -5px;
    position: absolute
}

.modal-wrapper.private-modal .private-modal__price-original.line-through-text::before {
    background-color: #101010
}

.modal-wrapper.private-modal .private-modal__price--discount-size {
    font-size: 1.25rem
}

.modal-wrapper.private-modal .private-modal__price--discount-color {
    color: #72060d
}

.modal-wrapper.private-modal .private-modal__private-title-counter {
    color: #b0b0b0;
    font-size: 13px;
    font-weight: 500;
    line-height: 27px
}

.modal-wrapper.private-modal .private-modal__private-title-counter__accent {
    color: #fff;
    font-weight: 700
}

.modal-wrapper.private-modal .private-modal__private-title-counter__counter {
    color: #fff;
    font-size: 18px;
    font-weight: 700
}

.private-modal.private-modal--new {
    flex-wrap: wrap;
    padding: 0
}

.private-modal.private-modal--new .button-close {
    position: absolute;
    right: 0;
    top: 0
}

.private-modal.private-modal--new .icon-close-3 {
    height: 24px;
    transform: scale(.6);
    width: 24px
}

.private-modal.private-modal--new .modal-title {
    color: #fff;
    font-size: 18px;
    font-weight: 700;
    line-height: 22px;
    text-align: center
}

.private-modal.private-modal--new .modal-header {
    padding-bottom: 8px !important
}

.private-modal.private-modal--new .modal-content {
    margin-top: auto;
    max-height: none;
    max-width: 500px;
    width: 100%
}

.private-modal.private-modal--new .private-modal-body.loading {
    align-items: center;
    display: flex;
    height: 60vh;
    justify-content: center;
    max-width: 500px;
    width: 90vw
}

.private-modal.private-modal--new .private-modal-body__video-call-message {
    color: #fff;
    margin-bottom: 5px
}

.private-modal.private-modal--new .private-modal-body__request-offline-message.start-private-modal-alert {
    color: #feb601;
    margin-bottom: 16px
}

.private-modal.private-modal--new .private-modal-body__request-offline-message.start-private-modal-alert .icon {
    color: #fff;
    margin-right: 18px
}

.private-modal.private-modal--new .start-private-modal-alert {
    background: #343434;
    border-radius: 10px;
    color: #9c9c9c;
    margin-top: 12px
}

.private-modal.private-modal--new .start-private-modal-alert .icon {
    color: #fff
}

.private-modal.private-modal--new .start-private-modal-alert .kiiroo-alert-content {
    flex-grow: 1;
    width: 0
}

.private-modal.private-modal--new .start-private-modal-alert a {
    color: inherit
}

.private-modal.private-modal--new .private-modal__title-image {
    position: relative
}

.private-modal.private-modal--new .private-modal__discount-icon {
    bottom: 9px;
    left: -5px;
    position: absolute
}

.private-modal.private-modal--new .private-modal__price-original.line-through-text::before {
    background-color: #101010
}

.private-modal.private-modal--new .private-modal__price--discount-size {
    font-size: 1.25rem
}

.private-modal.private-modal--new .private-modal__price--discount-color {
    color: #72060d
}

.private-modal.private-modal--new .private-modal__private-title-counter {
    color: #b0b0b0;
    font-size: 13px;
    font-weight: 500;
    line-height: 27px
}

.private-modal.private-modal--new .private-modal__private-title-counter__accent {
    color: #fff;
    font-weight: 700
}

.private-modal.private-modal--new .private-modal__private-title-counter__counter {
    color: #fff;
    font-size: 18px;
    font-weight: 700
}

.private-modal-footer {
    text-align: center
}

.private-modal-footer--hidden {
    visibility: hidden
}

.private-modal-footer-container {
    align-items: center;
    display: flex;
    flex: 0 0 100%;
    flex-direction: column;
    margin-bottom: auto;
    opacity: .8;
    margin-top: 12px
}

.private-modal-footer-container .footer-description {
    color: #fff;
    font-size: 12px;
    line-height: 15px;
    margin-bottom: 12px;
    max-width: 500px;
    text-align: center
}

.private-modal-footer-container .footer-lock {
    color: #93d63d;
    height: 20px;
    margin: 0;
    transform: scale(1.5);
    width: 14px
}

.private-modal-footer-container .footer-gift-private {
    border-top: 1px solid rgba(248, 248, 248, .17);
    display: flex;
    justify-content: center;
    margin: 18px auto 0;
    max-width: 500px;
    padding-top: 19px;
    width: 70%
}

.private-modal-footer-container .footer-gift-private-icon {
    margin-right: 10px;
    vertical-align: sub
}

.private-modal__exclusive-title-counter {
    color: #ffab25;
    font-size: 13px;
    font-weight: 500;
    line-height: 27px
}

.private-modal__exclusive-title-counter__counter {
    font-size: 18px;
    font-weight: 700
}

.private-modal__exclusive-title-counter__accent {
    color: #ffab25;
    font-weight: 700
}

.private-modal-title {
    color: #fff;
    display: flex;
    font-size: 18px;
    font-weight: 700;
    justify-items: center;
    line-height: 22px;
    text-align: center;
    width: 100%
}

.private-modal.private-modal--updated .private-modal-feature {
    opacity: .8
}

.private-modal.private-modal--updated .private-modal-activities {
    background: #fff;
    background: linear-gradient(180deg, rgba(255, 255, 255, .09) 0%, rgba(153, 153, 153, 0) 100%);
    padding-top: 16px
}

.private-modal.private-modal--updated .private-modal-activities .show-more__content {
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 25.3px
}

.private-modal.private-modal--updated .private-modal-activities .toggle {
    color: #b0b0b0
}

.private-modal.private-modal--updated .mode.private .private-modal-activities .title {
    display: none
}

.cell-checkbox {
    align-items: center;
    cursor: pointer;
    display: flex;
    height: 18px;
    justify-content: center;
    margin-bottom: 0;
    margin-right: 12px;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.cell-checkbox.disabled {
    cursor: default;
    opacity: .2
}

.cell-checkbox:after {
    background: rgba(255, 255, 255, .2);
    border-radius: 4px;
    content: "";
    display: none;
    height: 32px;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 32px
}

.cell-checkbox .check-mark {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath fill='rgba(248, 248, 248, 0.6)' d='M20 2.222v15.556C20 19 19 20 17.778 20H2.222C1 20 0 19 0 17.778V2.222C0 1 1 0 2.222 0h15.556C19 0 20 1 20 2.222zm-2.222 0H2.222v15.556h15.556z'/%3E%3C/svg%3E");
    background-size: contain;
    display: block;
    height: 20px;
    width: 20px
}

.cell-checkbox .input-checkbox {
    cursor: pointer;
    height: 0;
    opacity: 0;
    position: absolute;
    width: 0
}

.cell-checkbox.checked .check-mark {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath fill='%239fe20d' d='M7.778 15.556L2.222 10 3.79 8.433l3.989 3.978 8.433-8.433 1.567 1.578zM17.778 0H2.222C.99 0 0 1 0 2.222v15.556C0 19 .989 20 2.222 20h15.556C19.01 20 20 19 20 17.778V2.222A2.222 2.222 0 0017.778 0z'/%3E%3C/svg%3E")
}

.data-table-body-row:hover .cell-checkbox:not(.disabled):after {
    display: block
}

.searchable-head {
    align-items: center;
    display: flex;
    justify-content: start;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.searchable-head .icon-container {
    align-items: center;
    cursor: pointer;
    display: flex;
    flex-shrink: 1;
    justify-content: center;
    margin-left: 12px;
    position: relative
}

.searchable-head .icon-container:after {
    background: rgba(255, 255, 255, .2);
    border-radius: 4px;
    content: "";
    display: none;
    height: 32px;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 32px
}

.searchable-head .icon-container:hover {
    color: #f8f8f8
}

.searchable-head .icon-container:hover .icon {
    fill: #f8f8f8
}

.searchable-head .icon-container:hover:after {
    display: block
}

.searchable-head.icon-first {
    flex-direction: row-reverse;
    justify-content: flex-end
}

.searchable-head.icon-first .icon-container {
    margin-left: 0;
    margin-right: 12px
}

.searchable-head .icon-search {
    fill: rgba(248, 248, 248, 0.6);
    margin: 0
}

.searchable-head .icon-close {
    height: 12px;
    margin: 0;
    width: 12px
}

.searchable-head .input {
    width: 140px
}

.sortable-head {
    align-items: center;
    cursor: pointer;
    display: inline-flex;
    text-align: right;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.sortable-head .icon-sort {
    fill: rgba(248, 248, 248, 0.4);
    height: 5px;
    margin-left: 5px;
    width: 10px
}

.sortable-head.asc .icon-sort {
    transform: rotate(180deg)
}

.sortable-head.asc,
.sortable-head.desc {
    color: rgba(248, 248, 248, .8)
}

.sortable-head.asc .icon-sort,
.sortable-head.desc .icon-sort {
    display: block;
    fill: rgba(248, 248, 248, 0.8)
}

.sortable-head:hover {
    color: #f8f8f8
}

.sortable-head:hover .icon-sort {
    fill: #f8f8f8
}

.data-table {
    color: #f8f8f8;
    font-weight: 400;
    min-width: -moz-min-content;
    min-width: min-content;
    width: 100%
}

.data-table-head {
    font-size: .688rem;
    background-color: rgba(248, 248, 248, .1);
    border-radius: 4px 4px 0 0;
    text-transform: uppercase
}

.data-table-head .a11y-button {
    text-transform: inherit
}

.data-table-head-row {
    line-height: 1.125rem;
    align-items: center;
    background: 0 0;
    display: flex;
    flex-flow: row nowrap;
    padding: 15px 20px;
    width: 100%
}

.data-table-head-cell {
    font-size: .688rem;
    color: rgba(248, 248, 248, .6)
}

.data-table-head-cell .searchable-head {
    margin: -9px 0
}

.data-table-footer {
    font-size: .813rem;
    background-color: rgba(248, 248, 248, .1)
}

.data-table-footer-row {
    line-height: 1.125rem;
    align-items: center;
    background: 0 0;
    display: flex;
    flex-flow: row nowrap;
    padding: 15px 20px;
    width: 100%
}

.data-table-body,
.data-table-footer-cell {
    font-size: .813rem
}

.data-table-body-row {
    line-height: 1.125rem;
    background: 0 0;
    display: flex;
    flex-flow: row nowrap;
    padding: 12px 20px;
    width: 100%
}

.data-table-body-row:nth-child(2n-1) {
    background: #111
}

.data-table-body-row.selectable-body-row {
    cursor: pointer
}

.data-table-body-cell,
.data-table-footer-cell,
.data-table-head-cell {
    flex-grow: 1;
    flex-shrink: 1;
    margin-right: 10px;
    min-width: 125px;
    word-break: break-word
}

.data-table-body-cell:last-child,
.data-table-footer-cell:last-child,
.data-table-head-cell:last-child {
    margin-right: 0
}

.data-table-body-error {
    font-size: .875rem;
    color: #f14b57;
    justify-content: center;
    padding: 50px 0
}

.data-table-text-empty {
    opacity: .8
}

.data-table-loader {
    align-items: center;
    display: flex;
    height: 300px;
    justify-content: center
}

.sign-persons-modal .modal-content {
    display: flex;
    flex-direction: column;
    max-width: 98%;
    padding: 10px 20px
}

.sign-persons-modal .modal-content.modal-header-inside>.modal-header {
    margin-bottom: 10px;
    min-height: auto;
    padding-right: 0
}

.sign-persons-modal .sign-persons-modal__actions {
    display: flex;
    justify-content: space-between;
    margin-top: 20px
}

.sign-persons-modal .sign-persons-modal__left {
    align-items: baseline;
    display: flex
}

.sign-persons-modal .warning {
    background-color: rgba(248, 248, 248, .1);
    margin-top: 10px;
    padding: 20px;
    font-size: .813rem;
    line-height: 1.125rem
}

.sign-persons-modal .warning ul {
    margin-top: 0
}

.StopVirtualPrivateModal\#cr {
    max-width: 370px
}

.StopVirtualPrivateModal__icon\#jb {
    fill: #f8f8f8
}

.StopVirtualPrivateModal__content\#Ze {
    align-items: center;
    display: flex;
    flex-direction: column;
    padding: 30px 22px 20px
}

.StopVirtualPrivateModal__title\#Mf {
    font-size: 20px;
    font-weight: 700;
    line-height: 28px;
    margin: 12px 0
}

.StopVirtualPrivateModal__descriptionContainer\#eA {
    align-items: center;
    color: rgba(248, 248, 248, .6);
    display: flex;
    flex-direction: column;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    margin-bottom: 20px;
    text-align: center
}

.StopVirtualPrivateModal__descriptionWarning\#K6 {
    margin-bottom: 10px
}

.StopVirtualPrivateModal__button\#Tu {
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    padding: 6px 16px
}

.StopVirtualPrivateModal__button_cancel\#BQ {
    padding: 5px 16px
}

.StopVirtualPrivateModal__descriptionAccent\#xr {
    color: rgba(248, 248, 248, .8)
}

.broadcasting-rules-expander .title {
    color: rgba(248, 248, 248, .4);
    cursor: pointer;
    font-weight: 500;
    margin-bottom: 20px;
    margin-top: 20px;
    overflow: hidden;
    text-align: center;
    text-transform: uppercase;
    font-size: .688rem
}

.broadcasting-rules-expander .title:hover {
    color: rgba(248, 248, 248, .8)
}

.broadcasting-rules-expander .title .icon {
    fill: #f8f8f8;
    margin-left: 7px;
    vertical-align: baseline
}

.broadcasting-rules-expander .title:after,
.broadcasting-rules-expander .title:before {
    background-color: #f8f8f8;
    content: "";
    display: inline-block;
    height: 1px;
    opacity: .12;
    position: relative;
    top: -1px;
    vertical-align: middle;
    width: 50%
}

.broadcasting-rules-expander .title:before {
    margin-left: -50%;
    right: 26px
}

.broadcasting-rules-expander .title:after {
    left: 26px;
    margin-right: -50%
}

.broadcasting-rules-expander.expanded .expand-icon {
    transform: rotate(180deg)
}

.broadcasting-rules li {
    color: #f8f8f8;
    font-style: normal;
    font-weight: 400;
    line-height: 25px;
    list-style: none;
    margin: 0 0 10px 20px;
    opacity: .8;
    position: relative;
    font-size: .875rem
}

.broadcasting-rules .broadcasting-rules-block~.broadcasting-rules-block {
    margin-top: 20px
}

.broadcasting-rules .broadcasting-rules-block {
    margin-top: 24px
}

.broadcasting-rules .broadcasting-rules-block .icon {
    fill: #fff;
    left: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%)
}

.broadcasting-rules .broadcasting-rules-block--highlighted,
.broadcasting-rules .broadcasting-rules-block--highlighted li {
    color: #fa5365
}

.broadcasting-rules .broadcasting-rules-block--highlighted .broadcasting-rules-list-mark {
    background: #fa5365
}

.broadcasting-rules .broadcasting-rules-header {
    align-items: center;
    border-bottom: 1px solid rgba(0, 0, 0, .6);
    font-weight: 700;
    justify-content: space-between;
    margin: -20px -20px 24px;
    padding: 20px;
    font-size: 1.25rem;
    line-height: 1.5rem;
    display: flex;
    flex-direction: row
}

.broadcasting-rules .broadcasting-rules-dates {
    color: #fff;
    font-size: 12px;
    font-style: italic;
    font-weight: 400;
    line-height: 14px;
    opacity: .6
}

.broadcasting-rules .broadcasting-rules-title {
    font-size: 20px;
    font-weight: 500;
    letter-spacing: .1px;
    margin-bottom: 14px;
    padding-left: 34px;
    position: relative
}

.broadcasting-rules .broadcasting-rules-title.prime {
    color: #fa5365
}

.broadcasting-rules .broadcasting-rules-title.prime .icon {
    fill: #fa5365
}

.broadcasting-rules .broadcasting-rules-list-mark {
    background: #f8f8f8;
    border-radius: 50%;
    display: inline-block;
    height: 5px;
    left: -20px;
    margin: 0 22px 0 6px;
    position: absolute;
    top: 12px;
    vertical-align: middle;
    width: 5px
}

.broadcasting-rules .icon-external-link {
    display: inline-block;
    fill: #69a8e0;
    margin: 0 0 0 10px;
    vertical-align: top
}

.broadcasting-rules .broadcasting-rules-link {
    color: #69a8e0
}

.broadcasting-rules .broadcasting-rules-link:hover,
.broadcasting-rules .broadcasting-rules-link:hover .icon-external-link {
    opacity: .8
}

.broadcasting-rules .broadcasting-rules-bottom-block {
    color: #f8f8f8;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 28px;
    margin-top: 32px
}

.broadcasting-rules .broadcasting-rules-footer {
    margin-top: 30px
}

.broadcasting-rules .broadcasting-rules-annotation {
    opacity: .8
}

.model-rules-modal {
    background: rgba(0, 0, 0, .35);
    display: flex;
    flex-direction: row
}

.model-rules-modal .base-modal {
    height: 80%;
    margin: auto;
    max-width: 760px;
    min-height: 450px;
    width: 80%;
    font-size: .875rem;
    line-height: 1.25rem
}

.model-rules-modal .base-modal .modal-header .btn-default-outline {
    align-items: center;
    margin: 0;
    padding: 0 20px;
    display: flex;
    flex-direction: row
}

.model-rules-modal .base-modal .modal-content {
    background: #303133;
    height: 100%;
    min-height: 300px;
    padding: 20px;
    display: flex;
    flex-direction: row
}

.model-rules-modal .base-modal .modal-footer {
    align-items: stretch;
    background: #303133;
    display: flex;
    flex-direction: row-reverse;
    flex: 1;
    flex-basis: auto;
    flex-grow: 1;
    flex-shrink: 0
}

.model-rules-modal .base-modal .modal-footer .modal-rules-footer-top {
    align-items: center;
    display: flex;
    flex-direction: row
}

.model-rules-modal .base-modal .modal-footer .modal-rules-footer-bottom {
    align-items: center;
    justify-content: space-between;
    display: flex;
    flex-direction: row
}

.model-rules-modal .base-modal .modal-footer .modal-rules-footer-bottom .btn-default-filled {
    display: none
}

.model-rules-modal .base-modal .modal-rules-text {
    margin: 10px 0;
    padding: 0 10px
}

.model-rules-modal .base-modal .modal-rules-popup-input {
    font-weight: 400;
    margin-right: 10px;
    opacity: .95
}

.model-rules-modal .base-modal .modal-rules-popup-input label {
    height: auto;
    white-space: normal
}

.model-rules-modal .base-modal ol {
    margin: 0;
    padding: 0
}

.model-rules-modal .base-modal ol li ol li,
.model-rules-modal .base-modal ol li p {
    padding-left: 10px
}

.model-rules-modal .base-modal strong {
    font-weight: 400
}

.model-rules-modal .base-modal em,
.model-rules-modal .base-modal u {
    font-style: normal;
    text-decoration: none
}

.model-rules-modal .base-modal li:before {
    font-size: 1rem;
    line-height: 1.5rem
}

.model-rules-modal .base-modal h1 {
    display: inline-block;
    font-weight: 700;
    margin-bottom: 20px;
    font-size: 1.25rem;
    line-height: 1.5rem
}

.model-rules-modal .base-modal h2 {
    align-items: center;
    display: inline-block;
    font-weight: 700;
    margin-bottom: 10px;
    font-size: 1rem;
    line-height: 1.5rem
}

.model-wizard .model-rules-modal .base-modal .modal-footer {
    align-items: stretch;
    display: flex;
    flex-direction: column;
    flex: 1;
    flex-basis: auto;
    flex-grow: 1;
    flex-shrink: 0
}

.model-wizard .model-rules-modal .base-modal .modal-footer .modal-rules-footer-top {
    margin-bottom: 10px;
    flex: 1;
    flex-basis: auto;
    flex-grow: 1;
    flex-shrink: 0
}

.model-wizard .model-rules-modal .base-modal .modal-footer .modal-rules-footer-top .btn-default-filled {
    display: none
}

.model-wizard .model-rules-modal .base-modal .modal-footer .modal-rules-footer-bottom {
    justify-content: space-between;
    display: flex;
    flex-direction: row;
    flex: 1;
    flex-basis: auto;
    flex-grow: 1;
    flex-shrink: 0
}

.model-wizard .model-rules-modal .base-modal .modal-footer .modal-rules-footer-bottom .btn-default-filled {
    display: block
}

.stripchat-vr-camera-modal {
    box-sizing: border-box;
    display: flex;
    max-width: 900px;
    width: 100%
}

.stripchat-vr-camera-modal__image-container {
    box-sizing: border-box;
    min-width: 360px;
    width: 360px
}

.stripchat-vr-camera-modal__image {
    aspect-ratio: 360/448;
    height: 100%;
    width: 100%
}

.stripchat-vr-camera-modal__content {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    padding: 32px
}

.stripchat-vr-camera-modal__title {
    font-size: 24px;
    font-weight: 700;
    letter-spacing: normal;
    line-height: normal
}

.stripchat-vr-camera-modal__title--accent {
    color: #ffd54f
}

.stripchat-vr-camera-modal__text {
    margin-top: 20px;
    font-size: 13px;
    font-weight: 400;
    letter-spacing: normal;
    line-height: 18px
}

.stripchat-vr-camera-modal__advantages {
    margin-top: 20px
}

.stripchat-vr-camera-modal__advantage {
    align-items: center;
    display: flex
}

.stripchat-vr-camera-modal__advantage:not(:last-child) {
    margin-bottom: 12px
}

.stripchat-vr-camera-modal__advantage-icon {
    color: #fff;
    height: 20px;
    margin-right: 0;
    width: 20px
}

.stripchat-vr-camera-modal__advantage-text {
    font-size: 13px;
    font-weight: 500;
    letter-spacing: normal;
    line-height: 18px;
    margin-left: 12px
}

.stripchat-vr-camera-modal__promo {
    align-items: center;
    display: flex;
    margin-top: 20px
}

.stripchat-vr-camera-modal__promo-values {
    display: flex;
    margin-right: 12px
}

.stripchat-vr-camera-modal__promo-values-col {
    display: flex
}

.stripchat-vr-camera-modal__promo-values-col:not(:last-child) {
    margin-right: 12px
}

.stripchat-vr-camera-modal__promo-value {
    font-size: 14px;
    font-weight: 700;
    letter-spacing: normal;
    line-height: 20px;
    background-color: #fff;
    border-radius: 8px;
    box-sizing: border-box;
    color: #101010;
    padding: 4px 8px;
    white-space: nowrap
}

.stripchat-vr-camera-modal__promo-value:not(:last-child) {
    margin-right: 12px
}

.stripchat-vr-camera-modal__send-content {
    align-items: center;
    border: 1px solid rgba(248, 248, 248, .2);
    border-radius: 12px;
    box-sizing: border-box;
    display: flex;
    margin-top: 20px;
    padding: 16px 20px
}

.stripchat-vr-camera-modal__checkbox-container {
    align-items: flex-start;
    color: #fff;
    display: flex;
    margin-right: 24px;
    text-align: left
}

.stripchat-vr-camera-modal__checkbox {
    background-color: inherit;
    border: 2px solid #ffd54f;
    margin: 1px 8px 0 0
}

.stripchat-vr-camera-modal__checkbox>svg {
    color: #ffd54f;
    margin-right: 0
}

.stripchat-vr-camera-modal__checkbox-text {
    font-size: 14px;
    font-weight: 400;
    letter-spacing: normal;
    line-height: 20px;
    color: #ffd54f
}

.stripchat-vr-camera-modal__send-button {
    font-size: 18px;
    font-weight: 500;
    letter-spacing: normal;
    line-height: 26px;
    box-sizing: border-box;
    margin: 0;
    padding: 10px 48px;
    width: 100%
}

.stripchat-vr-camera-modal__cancel-button-container {
    display: flex;
    justify-content: center;
    margin-top: 20px
}

.stripchat-vr-camera-modal__cancel-button {
    font-size: 16px;
    font-weight: 500;
    letter-spacing: normal;
    line-height: 20px;
    background-color: inherit;
    border: none;
    border-bottom: 1px solid #fff;
    color: #fff;
    cursor: pointer;
    margin: 0;
    padding: 0
}

.obs-notifications-modal .modal-ds-content {
    align-items: center;
    max-width: 500px;
    padding: 20px;
    text-align: left
}

.obs-notifications-modal__description-header {
    font-size: .875rem;
    align-items: center;
    display: flex;
    font-weight: 700;
    justify-content: space-between;
    line-height: 150%;
    margin-top: 20px
}

.obs-notifications-modal-error .obs-notifications-modal__description-header {
    color: #f44
}

.obs-notifications-modal-warning .obs-notifications-modal__description-header {
    color: #ecd141
}

.obs-notifications-modal__description-header:first-child {
    margin-top: 0
}

.obs-notifications-modal__description {
    font-size: .875rem;
    line-height: 150%;
    margin-bottom: 20px;
    margin-top: 0;
    overflow: hidden
}

.obs-notifications-modal__description li,
.obs-notifications-modal__description:last-child {
    margin-bottom: 0
}

.obs-notifications-modal__description-list {
    margin-top: 8px
}

.obs-notifications-modal__description-tooltip {
    margin-top: 12px
}

.obs-notifications-modal-error .obs-notifications-modal__description-em {
    color: #f44
}

.obs-notifications-modal-warning .obs-notifications-modal__description-em {
    color: #ecd141
}

.obs-notifications-modal .btn {
    display: block;
    margin: 20px auto 0;
    width: 120px
}

.obs-notifications-modal a {
    color: inherit;
    text-decoration: underline
}

.webrtc-external-force-idle-modal .modal-ds-content {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    max-width: 290px;
    padding: 32px 30px;
    text-align: center
}

.webrtc-external-force-idle-modal__icon {
    fill: #af262f;
    margin-bottom: 20px
}

.webrtc-external-force-idle-modal__description {
    font-weight: 500;
    line-height: 1.4;
    margin-bottom: 20px;
    font-size: 1rem
}

.webrtc-external-force-idle-modal__min-quality {
    color: #f44;
    padding-bottom: 10px
}

.webrtc-external-force-idle-modal .btn {
    margin-bottom: 0;
    width: 120px
}

.email-verification-content__body {
    align-items: center;
    display: flex;
    flex-direction: column;
    padding: 0 12px;
    text-align: center
}

.email-verification-content__icon {
    margin: 0 0 12px
}

.email-verification-content__title {
    font-size: 20px;
    font-weight: 700;
    line-height: 28px;
    margin-bottom: 12px
}

.email-verification-content__text {
    color: rgba(248, 248, 248, .6);
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    margin-bottom: 20px
}

.email-verification-content__text--email,
.email-verification-content__text--user {
    color: #f8f8f8
}

.email-verification-content__link-button {
    background-color: inherit;
    border: none;
    color: rgba(248, 248, 248, .6);
    cursor: pointer;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    margin: 0 0 20px;
    text-decoration: underline
}

.email-verification-content__link-button:hover {
    color: rgba(248, 248, 248, .8)
}

.email-verification-content__link-button--success {
    margin: 0
}

.email-verification-content__buttons {
    align-items: center;
    display: flex;
    flex-direction: column
}

.email-verification-content__resend-success-text {
    color: #2cca65;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    margin: 0 0 20px;
    text-align: center;
    white-space: pre-wrap
}

.email-verification-content__button {
    font-size: 14px;
    font-weight: 500;
    letter-spacing: .2px;
    line-height: 20px;
    margin: 0;
    padding: 6px 16px;
    width: 122px
}

.set-person-content__body {
    align-items: center;
    display: flex;
    flex-direction: column;
    row-gap: 12px;
    text-align: center
}

.set-person-content__icon {
    margin: 0
}

.set-person-content__title {
    display: block;
    font-size: 20px;
    font-weight: 700;
    line-height: 28px
}

.set-person-content__buttons {
    display: flex;
    gap: 16px;
    margin-top: 20px
}

.set-person-content__button {
    font-size: 14px;
    font-weight: 500;
    letter-spacing: .2px;
    line-height: 20px;
    margin: 0;
    padding: 6px 16px;
    width: 100%
}

.set-person-content__user {
    font-size: 16px;
    font-weight: 400;
    letter-spacing: normal;
    line-height: 24px;
    color: rgba(248, 248, 248, .6);
    display: block
}

.set-person-content__current-user,
.set-person-content__next-user {
    color: #f8f8f8
}

.change-main-person-confirm-modal {
    padding: 20px;
    width: 360px
}

.disable-public-record-modal .modal-content.modal-header-outside .modal-body {
    max-width: 330px;
    padding: 30px;
    text-align: center
}

.disable-public-record-modal .icon-camera-3 {
    color: #f8f8f8;
    height: 32px;
    width: 48px
}

.disable-public-record-modal .disable-public-record-modal-title {
    color: #f8f8f8;
    font-weight: 700;
    margin: 20px 0;
    font-size: 1.125rem
}

.disable-public-record-modal .disable-public-record-modal-body {
    color: rgba(248, 248, 248, .6);
    margin: 20px 0;
    font-size: .875rem
}

.disable-public-record-modal .disable-public-record-modal-footer {
    margin-top: 20px
}

.myclub-copy-modal__btn {
    margin: 0;
    padding: 8px 20px;
    font-size: .813rem;
    line-height: 1rem
}

.myclub-copy-modal__btn--continue {
    background-color: #79943d;
    margin-right: 20px
}

.myclub-copy-modal__content-area-table-wrapper {
    background-color: #1f1f1f;
    margin-bottom: 20px;
    padding: 8px 16px;
    width: 100%;
    border-radius: 12px
}

.myclub-copy-modal__content-area-table {
    width: 100%
}

.myclub-copy-modal__content-area-table-header {
    border-bottom: 1px solid rgba(248, 248, 248, .05)
}

.myclub-copy-modal__content-area-th {
    color: #f8f8f8;
    font-weight: 500;
    padding: 8px 0;
    text-transform: uppercase;
    font-size: .688rem;
    line-height: .813rem
}

.myclub-copy-modal__content-area-th .myclub-copy-modal__content-tooltip {
    margin-left: -2px
}

.myclub-copy-modal__content-area-td {
    color: rgba(248, 248, 248, .6);
    font-weight: 500;
    padding: 4px 0;
    font-size: .813rem;
    line-height: 1rem
}

.myclub-copy-modal__content-area-td--stripchat {
    width: 50%
}

.myclub-copy-modal__content-area-td--myclub {
    width: 30%
}

.myclub-copy-modal__content-area-amount,
.myclub-copy-modal__content-area-em {
    color: #f8f8f8;
    font-weight: 500
}

.myclub-copy-modal__content-area-amount {
    display: inline-block;
    padding: 4px 0
}

.myclub-copy-modal__arrow {
    height: 16px;
    width: 16px
}

.myclub-copy-modal__cross {
    height: 16px;
    width: 16px
}

.myclub-copy-modal__content-area-th--my-club {
    align-items: center;
    display: flex;
    position: relative
}

.myclub-copy-modal__content-area-th--my-club .icon {
    color: #f8f8f8;
    fill: currentColor;
    height: 16px;
    margin-top: 1px;
    opacity: .4;
    width: 16px
}

.myclub-copy-modal__content-area-th-icon-container {
    cursor: pointer;
    padding: 5px
}

.myclub-copy-modal__content-tooltip {
    padding: 10px
}

.myclub-copy-modal__content-tooltip>.tooltip-inner {
    background-color: #3b3b3b;
    border-color: #3b3b3b
}

.myclub-copy-modal__content-tooltip-list {
    font-weight: 500;
    margin-top: 0;
    font-size: .813rem;
    line-height: 1.125rem
}

.myclub-copy-modal__content-tooltip-list-item {
    padding-left: 20px;
    position: relative;
    width: 90px
}

.myclub-copy-modal__content-tooltip-list-item::before {
    background-color: #e1e1e1;
    border-radius: 50%;
    content: "";
    height: 5px;
    left: 7.5px;
    margin-top: -2.5px;
    position: absolute;
    top: 50%;
    width: 5px
}

.myclub-copy-modal__content-area {
    align-items: flex-start;
    display: flex;
    flex-direction: column
}

.myclub-copy-modal__content-area--disabled {
    opacity: .4
}

.myclub-copy-modal__content-area-header {
    align-items: center;
    display: flex;
    margin-bottom: 10px
}

.myclub-copy-modal__content-area-icon {
    height: 20px;
    margin-right: 10px;
    width: 14px
}

.myclub-copy-modal__content-area-title {
    color: #f8f8f8;
    font-weight: 500;
    font-size: .875rem;
    line-height: 1.063rem
}

.myclub-copy-modal__counters {
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px
}

.myclub-copy-modal__counters--disabled {
    opacity: .4
}

.myclub-copy-modal__counter {
    align-items: center;
    background-color: #1f1f1f;
    color: rgba(255, 255, 255, .6);
    display: flex;
    flex: 1;
    flex-direction: column;
    font-weight: 500;
    margin-right: 16px;
    padding: 10px;
    font-size: .875rem;
    line-height: 1.063rem;
    border-radius: 12px
}

.myclub-copy-modal__counter:last-child {
    margin-right: 0
}

.myclub-copy-modal__counter-number {
    color: #8da45a;
    font-weight: 700;
    font-size: 1.5rem;
    line-height: 1.813rem
}

.myclub-copy-modal__header {
    margin-bottom: 20px
}

.myclub-copy-modal__title {
    color: #f8f8f8;
    font-weight: 500;
    margin-bottom: 10px;
    font-size: 1.25rem;
    line-height: 1.5rem
}

.mc-copy-modal__description {
    color: rgba(255, 255, 255, .6);
    font-size: .75rem;
    line-height: 1.125rem
}

.myclub-copy-modal__description--em {
    color: #f8f8f8;
    font-size: .75rem;
    line-height: 1.125rem
}

.myclub-copy-modal__switcher {
    align-items: center;
    background-color: #1f1f1f;
    border: 1px solid #1f1f1f;
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px;
    padding: 13px 16px;
    border-radius: 12px
}

.myclub-copy-modal__switcher--active {
    border: 1px solid rgba(131, 175, 35, .3)
}

.myclub-copy-modal__switcher-label {
    color: #f8f8f8;
    font-weight: 500;
    font-size: .875rem;
    line-height: 1.25rem
}

.myclub-copy-modal-body {
    background-color: #262626 !important;
    border-radius: 12px !important;
    width: 530px
}

.myclub-copy-modal-wrapper .button-close,
.myclub-copy-modal-wrapper .button-close>.icon {
    height: 14px;
    width: 14px
}

.myclub-copy-modal-content {
    display: flex;
    flex-direction: column
}

.my-club-data-transfer button {
    flex-shrink: 0;
    margin: 0;
    padding: 10px 20px;
    font-size: .875rem;
    line-height: 1.063rem
}

.my-club-data-transfer__cancel-button {
    margin-right: 16px !important
}

.my-club-data-transfer__buttons-container {
    display: flex;
    flex-direction: column
}

.my-club-data-transfer__buttons {
    align-items: center;
    display: flex;
    justify-content: space-between
}

.my-club-data-transfer__buttons-right {
    align-items: center;
    display: flex;
    justify-content: flex-end
}

.my-club-data-transfer__checkbox {
    margin-right: 12px;
    text-align: left
}

.my-club-data-transfer__checkbox .checkbox-ds__box {
    margin-right: 16px
}

.my-club-data-transfer__checkbox-mobile {
    display: none
}

.my-club-data-transfer__paragraph {
    color: #f8f8f8;
    margin-bottom: 9px;
    font-size: .875rem;
    line-height: 1.75rem
}

.my-club-data-transfer__paragraph:last-of-type {
    margin-bottom: 0
}

.my-club-data-transfer__paragraph--em {
    color: rgba(248, 248, 248, .6)
}

.my-club-data-transfer__title {
    color: #f8f8f8;
    font-weight: 500;
    font-size: 1.25rem;
    line-height: 1.5rem
}

.my-club-data-transfer .modal-header {
    display: none !important
}

.my-club-data-transfer .modal-content {
    background-color: #303133 !important;
    height: 99.99%;
    max-height: 583px;
    max-width: 760px
}

.my-club-data-transfer .modal-body {
    display: flex;
    flex-direction: column;
    max-height: 100%;
    padding: 0 !important
}

.my-club-data-transfer__header {
    border-bottom: 1px solid #141515;
    margin-bottom: 24px;
    padding: 20px 20px 24px !important
}

.my-club-data-transfer__body {
    overflow: auto;
    padding: 0 20px
}

.my-club-data-transfer__footer {
    border-top: 1px solid #141515;
    margin-top: 24px;
    padding: 24px 20px 20px
}

.MobileBroadcastingBar\#hM {
    background: #232323;
    padding: 14px;
    width: 100%
}

.MobileBroadcastingBar__button\#GS {
    margin-bottom: 14px;
    width: 100%
}

.MobileNavbarMessageTabContent\#E4 {
    position: relative
}

.MobileNavbarMessageTabContent_unread\#xv::after {
    background-color: #ff6528;
    border: 2px solid #232323;
    border-radius: 10px;
    content: "";
    height: 12px;
    position: absolute;
    right: -4px;
    top: -4px;
    width: 12px
}

.MobileNavbarRoundTabContentComponent\#Bd {
    align-items: center;
    display: flex;
    flex-direction: column;
    height: 41px;
    justify-content: flex-end;
    position: absolute;
    width: 68px
}

.MobileNavbarRoundTabContentComponent__button\#Xz {
    position: relative;
    width: 44px
}

.MobileNavbarRoundTabContentComponent__icon\#jN {
    border-radius: 50%;
    bottom: 6px;
    box-shadow: 0 -1px 1px 0 rgba(0, 0, 0, .32);
    color: #fff;
    height: 44px;
    padding: 8px;
    position: absolute;
    width: 44px
}

.MobileNavbarRoundTabContentComponent__grey\#U9 {
    background-color: #f7f7f7;
    border: 1px solid #f7f7f7;
    color: #232323
}

.MobileNavbarRoundTabContentComponent__green\#He {
    background-color: #83af23;
    border: 1px solid #83af23;
    color: #fff
}

.MobileNavbarStreamTabContent\#m7 {
    position: relative
}

.MobileNavbarStreamTabContent_online\#wY::after {
    background-color: #2cca65;
    border: 2px solid #232323;
    border-radius: 10px;
    content: "";
    height: 12px;
    left: -4px;
    position: absolute;
    top: 0;
    width: 12px
}

.MobileNavbarStreamTabContent__label_online\#Ta {
    color: #2cca65
}

.MobileNavbarTab\#di {
    align-items: center;
    color: rgba(240, 240, 240, .5);
    cursor: pointer;
    display: flex;
    flex-direction: column;
    font-size: 11px;
    font-weight: 500;
    gap: 6px;
    letter-spacing: -.24px;
    line-height: 100%;
    position: relative;
    text-align: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    width: 20%
}

.MobileNavbarTab_col4\#we {
    width: 25%
}

.MobileNavbarTab_active\#UC {
    color: #f0f0f0
}

.MobileNavbarTab__icon\#JM {
    fill: rgba(240, 240, 240, 0.4);
    height: 24px;
    margin-right: 0;
    width: 24px
}

.MobileNavbarTab__icon_active\#xC {
    fill: #f0f0f0
}

.model-chat-users-info-watching-now {
    font-size: 17px;
    font-weight: 700;
    letter-spacing: normal;
    line-height: 21px;
    color: #fff;
    margin-bottom: 12px
}

.model-chat-users-info .king-block .become-king-wrapper {
    display: inline;
    margin-left: 5px
}

.model-chat-users-info .king-block .become-king-wrapper .king-icon {
    fill: currentColor;
    height: 16px;
    vertical-align: text-bottom;
    width: 16px
}

.model-chat-users-info .king-block .become-king-info {
    font-size: .813rem;
    line-height: 1.375rem;
    color: #a3a3a3;
    margin-right: 5px
}

.model-chat-users-info .king-block .become-king-info .icon-king.icon-king {
    fill: currentColor
}

.model-chat-users-info .king-threshold,
.model-chat-users-info .king-wrapper-tooltip-tokens {
    color: #fff
}

#users_list_king_info {
    display: flex
}

.user-levels-username-chat-owner {
    background: #d93642;
    border-radius: 4px;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    fill: #fff;
    font-weight: 700;
    padding: 1px 5px 3px 26px;
    position: relative
}

.user-levels-username-chat-owner>.icon {
    left: 5px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%)
}

.user-levels-username-chat-owner.disabled {
    pointer-events: none
}

.user-name-card-wrapper.user-info-popup {
    background: #333;
    border-radius: 8px
}

.user-name-card-wrapper.user-info-popup .avatar {
    height: 48px;
    width: 48px
}

.user-name-card-wrapper.user-info-popup .avatar .user-status-icon {
    left: 0;
    top: 0
}

.user-name-card-wrapper.user-info-popup .avatar .avatar-badge {
    bottom: -8px;
    right: -7px
}

.user-name-card-wrapper.user-info-popup .avatar .level-badge-size-small {
    height: 24px;
    width: 24px
}

.user-name-card-wrapper.user-info-popup .textarea-interactive {
    border-bottom: 0
}

.user-name-card-wrapper.user-info-popup .uip-pointer {
    color: #333
}

.user-name-card-wrapper .user-info-popup-header {
    background: 0 0
}

.user-name-card-wrapper .uiph-avatar-description {
    padding: 8px 0 0
}

.user-name-card-wrapper .user-info-popup-body {
    border-top: 1px solid rgba(255, 255, 255, .09);
    padding: 0 14px 10px
}

.user-name-card-wrapper .user-info-popup-body--without-border {
    display: none
}

.user-name-card-wrapper .username {
    font-size: 14px
}

.user-name-card-wrapper .uiph-username-info {
    font-weight: 700
}

.user-name-card-wrapper .uipb-financial-state {
    margin-top: 11px
}

.model-chat-users {
    display: flex;
    flex-direction: column-reverse
}

.model-chat-users .model-chat-users-list-info {
    background-color: #333;
    flex: 1
}

.model-chat-users .username-status-icons .level-badge {
    margin-right: .5em
}

.model-chat-users-info {
    flex: 1;
    flex-basis: auto;
    flex-grow: 0;
    flex-shrink: 1
}

.model-chat-users-info-content {
    padding: 10px 20px
}

.model-chat-users-info .king-block {
    display: none
}

.model-chat-users-info .king-block .icon-king {
    fill: #e1ad5b;
    margin: 0 0 0 4px;
    vertical-align: text-bottom
}

.model-chat-users-info .king-wrapper-tooltip-description,
.model-chat-users-info .king-wrapper-tooltip-title {
    color: #767676;
    display: flex;
    font-weight: 400;
    justify-content: center;
    text-align: center;
    white-space: pre;
    font-size: .75rem;
    line-height: 1.313rem
}

.model-chat-users-info .king-wrapper-tooltip-username {
    color: #e1ad5b
}

.model-chat-users-info .model-chat-users-info-item {
    color: #a3a3a3;
    cursor: default;
    font-weight: 400;
    font-size: .813rem;
    line-height: 1.375rem;
    display: flex;
    flex-direction: row
}

.model-chat-users-info .invisible-wrapper {
    display: flex;
    flex-direction: row
}

.model-chat-users-info .invisible-wrapper .invisible-count {
    font-weight: 400;
    margin-left: 5px;
    line-height: 1.313rem;
    display: flex;
    flex-direction: row
}

.model-chat-users-info .invisible-wrapper .tooltip {
    z-index: 10000
}

.model-chat-users-info .invisible-wrapper .tooltip>.tooltip-inner {
    text-align: center
}

.model-chat-users-info .invisible-wrapper .tooltip .learn-more {
    display: block;
    margin-top: 10px
}

.model-chat-users-info .info-item-grey,
.model-chat-users-info .info-item-invisibles,
.model-chat-users-info .info-item-ultimate {
    font-weight: 700;
    margin-left: 2px;
    line-height: 1.313rem
}

.model-chat-users-info .info-item-grey,
.model-chat-users-info .info-item-ultimate {
    margin-left: 5px
}

.model-chat-users-info .info-item-ultimate {
    color: #e54500
}

.model-chat-users-info .info-item-grey {
    color: #f8f8f8
}

.model-chat-users-info .info-item-grey-icon {
    fill: #e1ad5b;
    height: 16px;
    margin: 0 0 0 4px;
    vertical-align: text-bottom;
    width: 16px
}

.model-chat-users-info .info-item-invisibles {
    font-size: .875rem;
    line-height: 1.25rem;
    align-items: center;
    color: #a3a3a3;
    display: flex;
    flex-direction: row
}

.model-chat-users-info .info-item-invisibles .info-item-invisibles-icon {
    fill: #a3a3a3;
    margin-left: 4px
}

.model-chat-users-list .more-users {
    color: #8d8d8d;
    font-weight: 400;
    margin: 10px 15px;
    font-size: .813rem
}

.model-chat-users-list ul {
    margin: 10px 15px
}

.model-chat-users-list ul li {
    clear: both;
    height: 27px;
    justify-content: flex-start;
    line-height: 27px;
    white-space: nowrap;
    display: flex;
    flex-direction: row
}

.model-chat-users-list li>.username-level-wrapper {
    flex: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: baseline;
    white-space: nowrap
}

.model-chat-users-list li>.username {
    cursor: pointer;
    font-weight: 500;
    justify-content: flex-start;
    max-width: 100%;
    white-space: normal;
    display: flex;
    flex-direction: row
}

.model-chat-users-list li>.username>.username-level-wrapper .username-content {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: baseline
}

.model-chat-users-list li>.username.regular {
    color: #b3b3b3
}

.model-chat-users-list li>.username>.username-role-icon {
    flex-basis: 20%;
    float: right
}

.model-chat-users-list li>.username>.username-role-icon.admin>span {
    display: none !important
}

.model-chat-users-list.model-chat-users-list-levels ul li {
    height: 30px;
    line-height: 30px
}

.MobileNavbarViewersModal\#_A {
    background-color: #262626;
    border-radius: 12px 12px 0 0;
    box-shadow: 0 -20px 30px 0 rgba(0, 0, 0, .3019607843);
    display: flex;
    flex: 1;
    flex-direction: column;
    overflow: hidden
}

.MobileNavbarViewersModal\#_A .model-chat-users {
    overflow: hidden;
    overscroll-behavior: contain
}

.MobileNavbarViewersModal__title\#xH {
    flex: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.MobileNavbarViewersModal__header\#cb {
    border-bottom: 1px solid rgba(248, 248, 248, .1);
    display: flex;
    flex-shrink: 0;
    font-size: 16px;
    font-weight: 700;
    overflow: hidden;
    padding: 15px 20px
}

.MobileNavbarViewersModal__closeIcon\#mG {
    color: rgba(248, 248, 248, .4);
    height: 20px;
    vertical-align: middle;
    width: 20px
}

.MobileNavbarViewersModal__expandIcon\#TW {
    color: rgba(248, 248, 248, .4);
    fill: rgba(248, 248, 248, 0.4);
    height: 20px;
    margin: 0 20px;
    vertical-align: middle;
    width: 20px
}

.MobileNavbarViewersModal__noViewers\#zD {
    align-items: center;
    display: flex;
    flex-direction: column;
    font-size: 17px;
    line-height: 21px;
    padding: 20px;
    text-align: center
}

.MobileNavbarViewersModal__emptyIcon\#DY {
    color: rgba(248, 248, 248, .4);
    height: 48px;
    margin-bottom: 20px;
    width: 48px
}

.mobile-navbar {
    --navbar-padding: 20px;
    --navbar-size: 70px;
    background: #232323;
    display: flex;
    flex-direction: column;
    max-height: calc(var(--navbar-size) + 120px);
    min-height: 0;
    transition: max-height .3s ease-in-out
}

.mobile-navbar_expanded {
    border-radius: 12px 12px 0 0;
    max-height: calc(100vh + 120px);
    min-height: calc(100vh + 120px);
    transition: min-height .3s ease-in-out, max-height .3s ease-in-out
}

.mobile-navbar_collapsed {
    border-radius: 12px 12px 0 0;
    max-height: calc(50vh + 120px);
    transition: min-height .3s ease-in-out, max-height .3s ease-in-out
}

@supports (max-height:50dvh) {
    .mobile-navbar_expanded {
        max-height: calc(100dvh + 120px);
        min-height: calc(100dvh + 120px)
    }
}

.mobile-navbar__inner {
    box-shadow: 0 -1px 1px 0 rgba(0, 0, 0, .32);
    display: flex;
    gap: 6px;
    height: var(--navbar-size);
    justify-content: center;
    padding: 10px 10px var(--navbar-padding) 10px
}

.android .mobile-navbar,
.is-pwa .mobile-navbar {
    --navbar-padding: 10px;
    --navbar-size: 60px
}

.i-os.is-pwa .mobile-navbar {
    --navbar-padding: 20px;
    --navbar-size: 70px
}

.join-sc-community-banner {
    background: #a2252d;
    background: var(--primary);
    font-size: 18px;
    font-weight: 500;
    line-height: 24px
}

.join-sc-community-banner .icon-stripchat-logo {
    flex-shrink: 0;
    margin-right: 12px
}

.join-sc-community-banner__content {
    align-items: center;
    display: flex;
    justify-content: center;
    padding: 10px 20px
}

.join-sc-community-banner__btn {
    flex-shrink: 0;
    margin: 0 0 0 12px
}

.sticky-bottom {
    bottom: -120px;
    left: 0;
    position: fixed;
    right: 0;
    z-index: 12
}

.sticky-bottom>:first-child {
    box-shadow: 0 -1px 1px 0 rgba(0, 0, 0, .32)
}

.sticky-bottom__model-navbar {
    z-index: 109
}

.sticky-bottom__model-navbar>:first-child {
    box-shadow: none
}

.sticky-bottom>:last-child {
    padding-bottom: 120px
}

@supports (position:sticky) {

    .i-os .main-layout.sticky-header-mobile.sh-hide-header-instant .sticky-bottom.sticky-bottom__with-navbar-ios-safe-space,
    .is-pwa .main-layout.sticky-header-mobile.sh-hide-header-instant .sticky-bottom.sticky-bottom__with-navbar-ios-safe-space {
        transform: translateY(70px);
        transition: transform .2s cubic-bezier(.455, .03, .515, .955)
    }

    .i-os .main-layout.sticky-header-mobile.sh-hide-header-instant .sticky-bottom.sticky-bottom__with-navbar-ios-safe-space>.mobile-navbar:first-child,
    .is-pwa .main-layout.sticky-header-mobile.sh-hide-header-instant .sticky-bottom.sticky-bottom__with-navbar-ios-safe-space>.mobile-navbar:first-child {
        box-shadow: none
    }

    .i-os .main-layout.sticky-header-mobile.sh-hide-header-instant .sticky-bottom.sticky-bottom__with-navbar-ios-safe-space>:nth-last-child(2),
    .is-pwa .main-layout.sticky-header-mobile.sh-hide-header-instant .sticky-bottom.sticky-bottom__with-navbar-ios-safe-space>:nth-last-child(2) {
        padding-bottom: 120px
    }

    @supports (margin-bottom:env(safe-area-inset-bottom)) {

        .i-os .main-layout.sticky-header-mobile.sh-hide-header-instant .sticky-bottom.sticky-bottom__with-navbar-ios-safe-space>:nth-last-child(2),
        .is-pwa .main-layout.sticky-header-mobile.sh-hide-header-instant .sticky-bottom.sticky-bottom__with-navbar-ios-safe-space>:nth-last-child(2) {
            margin-bottom: env(safe-area-inset-bottom);
            transition: transform .2s
        }
    }

    .i-os .main-layout.sticky-header-mobile.sh-hide-header-instant .sticky-bottom.sticky-bottom__with-navbar-ios-safe-space>:nth-last-child(2)+*,
    .is-pwa .main-layout.sticky-header-mobile.sh-hide-header-instant .sticky-bottom.sticky-bottom__with-navbar-ios-safe-space>:nth-last-child(2)+* {
        padding-bottom: 0
    }

    .i-os .main-layout.sticky-header-mobile.sh-hide-header-instant .sticky-bottom.sticky-bottom__with-navbar-ios-safe-space>:last-child,
    .is-pwa .main-layout.sticky-header-mobile.sh-hide-header-instant .sticky-bottom.sticky-bottom__with-navbar-ios-safe-space>:last-child {
        margin-bottom: 0
    }

    .i-os .main-layout.sticky-header-mobile.sh-hide-header-instant .sticky-bottom.sticky-bottom__with-navbar-with-round-button,
    .is-pwa .main-layout.sticky-header-mobile.sh-hide-header-instant .sticky-bottom.sticky-bottom__with-navbar-with-round-button {
        transform: translateY(84px);
        transition: transform .2s cubic-bezier(.455, .03, .515, .955)
    }

    .i-os .main-layout.sticky-header-mobile.sh-hide-header-instant .sticky-bottom.sticky-bottom__with-navbar-with-round-button>.mobile-navbar:first-child,
    .is-pwa .main-layout.sticky-header-mobile.sh-hide-header-instant .sticky-bottom.sticky-bottom__with-navbar-with-round-button>.mobile-navbar:first-child {
        box-shadow: none
    }

    .i-os .main-layout.sticky-header-mobile.sh-hide-header-instant .sticky-bottom.sticky-bottom__with-navbar-with-round-button>:nth-last-child(2),
    .is-pwa .main-layout.sticky-header-mobile.sh-hide-header-instant .sticky-bottom.sticky-bottom__with-navbar-with-round-button>:nth-last-child(2) {
        padding-bottom: 120px
    }

    @supports (margin-bottom:env(safe-area-inset-bottom)) {

        .i-os .main-layout.sticky-header-mobile.sh-hide-header-instant .sticky-bottom.sticky-bottom__with-navbar-with-round-button>:nth-last-child(2),
        .is-pwa .main-layout.sticky-header-mobile.sh-hide-header-instant .sticky-bottom.sticky-bottom__with-navbar-with-round-button>:nth-last-child(2) {
            margin-bottom: env(safe-area-inset-bottom);
            transition: transform .2s
        }
    }

    .i-os .main-layout.sticky-header-mobile.sh-hide-header-instant .sticky-bottom.sticky-bottom__with-navbar-with-round-button>:nth-last-child(2)+*,
    .is-pwa .main-layout.sticky-header-mobile.sh-hide-header-instant .sticky-bottom.sticky-bottom__with-navbar-with-round-button>:nth-last-child(2)+* {
        padding-bottom: 0
    }

    .i-os .main-layout.sticky-header-mobile.sh-hide-header-instant .sticky-bottom.sticky-bottom__with-navbar-with-round-button>:last-child,
    .is-pwa .main-layout.sticky-header-mobile.sh-hide-header-instant .sticky-bottom.sticky-bottom__with-navbar-with-round-button>:last-child {
        margin-bottom: 0
    }

    .i-os .main-layout.sticky-header-mobile.sh-hide-header .sticky-bottom.sticky-bottom__with-navbar-ios-safe-space,
    .is-pwa .main-layout.sticky-header-mobile.sh-hide-header .sticky-bottom.sticky-bottom__with-navbar-ios-safe-space {
        transform: translateY(70px);
        transition: transform .2s cubic-bezier(.455, .03, .515, .955)
    }

    .i-os .main-layout.sticky-header-mobile.sh-hide-header .sticky-bottom.sticky-bottom__with-navbar-ios-safe-space>.mobile-navbar:first-child,
    .is-pwa .main-layout.sticky-header-mobile.sh-hide-header .sticky-bottom.sticky-bottom__with-navbar-ios-safe-space>.mobile-navbar:first-child {
        box-shadow: none
    }

    .i-os .main-layout.sticky-header-mobile.sh-hide-header .sticky-bottom.sticky-bottom__with-navbar-ios-safe-space>:nth-last-child(2),
    .is-pwa .main-layout.sticky-header-mobile.sh-hide-header .sticky-bottom.sticky-bottom__with-navbar-ios-safe-space>:nth-last-child(2) {
        padding-bottom: 120px
    }

    @supports (margin-bottom:env(safe-area-inset-bottom)) {

        .i-os .main-layout.sticky-header-mobile.sh-hide-header .sticky-bottom.sticky-bottom__with-navbar-ios-safe-space>:nth-last-child(2),
        .is-pwa .main-layout.sticky-header-mobile.sh-hide-header .sticky-bottom.sticky-bottom__with-navbar-ios-safe-space>:nth-last-child(2) {
            margin-bottom: env(safe-area-inset-bottom);
            transition: transform .2s
        }
    }

    .i-os .main-layout.sticky-header-mobile.sh-hide-header .sticky-bottom.sticky-bottom__with-navbar-ios-safe-space>:nth-last-child(2)+*,
    .is-pwa .main-layout.sticky-header-mobile.sh-hide-header .sticky-bottom.sticky-bottom__with-navbar-ios-safe-space>:nth-last-child(2)+* {
        padding-bottom: 0
    }

    .i-os .main-layout.sticky-header-mobile.sh-hide-header .sticky-bottom.sticky-bottom__with-navbar-ios-safe-space>:last-child,
    .is-pwa .main-layout.sticky-header-mobile.sh-hide-header .sticky-bottom.sticky-bottom__with-navbar-ios-safe-space>:last-child {
        margin-bottom: 0
    }

    .i-os .main-layout.sticky-header-mobile.sh-hide-header .sticky-bottom.sticky-bottom__with-navbar-with-round-button,
    .is-pwa .main-layout.sticky-header-mobile.sh-hide-header .sticky-bottom.sticky-bottom__with-navbar-with-round-button {
        transform: translateY(84px);
        transition: transform .2s cubic-bezier(.455, .03, .515, .955)
    }

    .i-os .main-layout.sticky-header-mobile.sh-hide-header .sticky-bottom.sticky-bottom__with-navbar-with-round-button>.mobile-navbar:first-child,
    .is-pwa .main-layout.sticky-header-mobile.sh-hide-header .sticky-bottom.sticky-bottom__with-navbar-with-round-button>.mobile-navbar:first-child {
        box-shadow: none
    }

    .i-os .main-layout.sticky-header-mobile.sh-hide-header .sticky-bottom.sticky-bottom__with-navbar-with-round-button>:nth-last-child(2),
    .is-pwa .main-layout.sticky-header-mobile.sh-hide-header .sticky-bottom.sticky-bottom__with-navbar-with-round-button>:nth-last-child(2) {
        padding-bottom: 120px
    }

    @supports (margin-bottom:env(safe-area-inset-bottom)) {

        .i-os .main-layout.sticky-header-mobile.sh-hide-header .sticky-bottom.sticky-bottom__with-navbar-with-round-button>:nth-last-child(2),
        .is-pwa .main-layout.sticky-header-mobile.sh-hide-header .sticky-bottom.sticky-bottom__with-navbar-with-round-button>:nth-last-child(2) {
            margin-bottom: env(safe-area-inset-bottom);
            transition: transform .2s
        }
    }

    .i-os .main-layout.sticky-header-mobile.sh-hide-header .sticky-bottom.sticky-bottom__with-navbar-with-round-button>:nth-last-child(2)+*,
    .is-pwa .main-layout.sticky-header-mobile.sh-hide-header .sticky-bottom.sticky-bottom__with-navbar-with-round-button>:nth-last-child(2)+* {
        padding-bottom: 0
    }

    .i-os .main-layout.sticky-header-mobile.sh-hide-header .sticky-bottom.sticky-bottom__with-navbar-with-round-button>:last-child,
    .is-pwa .main-layout.sticky-header-mobile.sh-hide-header .sticky-bottom.sticky-bottom__with-navbar-with-round-button>:last-child {
        margin-bottom: 0
    }
}

.toast-notification {
    position: relative;
    display: flex;
    flex-direction: row
}

.toast-notification .toast-part-left {
    background-image: linear-gradient(45deg, #2b8ff1 0%, #f83643 100%);
    justify-content: center;
    padding: 18px 0;
    flex: 1;
    flex-basis: 60px;
    flex-grow: 0;
    flex-shrink: 1;
    display: flex;
    flex-direction: row
}

.toast-notification .toast-part-left .icon {
    fill: #fff;
    margin: 0
}

.toast-notification .toast-part-right {
    background-color: #3e3f42;
    justify-content: space-between;
    padding: 24px 18px;
    flex: 1;
    flex-basis: auto;
    flex-grow: 1;
    flex-shrink: 1;
    display: flex;
    flex-direction: column
}

.toast-notification .toast-message {
    color: #fff;
    margin: 0 0 18px;
    font-size: .875rem;
    line-height: 1.25rem
}

.toast-notification .toast-buttons .btn {
    margin: 0
}

.toast-notification .toast-close-icon-box {
    cursor: pointer;
    padding: 10px;
    position: absolute;
    right: 0;
    top: 0;
    display: flex;
    flex-direction: row
}

.toast-notification .toast-close-icon {
    fill: rgba(255, 255, 255, 0.4);
    height: 12px !important;
    margin: 0;
    width: 12px !important
}

.toast-notifications {
    bottom: 0;
    box-shadow: 0 20px 30px rgba(0, 0, 0, .3);
    left: 0;
    position: fixed;
    width: 100%;
    z-index: 1000
}

.user-level-notification {
    font-size: 15px;
    font-weight: 500;
    letter-spacing: normal;
    line-height: normal;
    align-items: center;
    color: rgba(255, 255, 255, .8);
    display: flex;
    justify-content: center;
    min-height: 48px;
    overflow: hidden;
    padding: 0 44px 0 14px;
    position: relative;
    text-shadow: 0 2px 4px rgba(0, 0, 0, .2)
}

.user-level-notification__text {
    line-height: 22px;
    white-space: pre-wrap
}

.user-level-notification__content {
    align-items: center;
    display: flex;
    justify-content: center
}

.user-level-notification__level-up {
    color: #c0d51a
}

.user-level-notification__level {
    color: #dbdbdb;
    font-weight: 700
}

.user-level-notification__almost-level-10-start {
    color: #fff;
    opacity: .6
}

.user-level-notification__almost-level-10-end {
    color: #fff
}

.user-level-notification__close {
    color: #f8f8f8;
    cursor: pointer;
    display: flex;
    opacity: .6;
    padding: 8px;
    position: absolute;
    right: 8px;
    top: 21px;
    transform: translateY(-50%)
}

.user-level-notification__close .icon {
    margin: 0
}

.user-level-notification__badge {
    font-size: 0;
    margin: 0 15px 0 0
}

.user-level-notification-accent:first-child {
    display: inline-block;
    margin: 0 10px 0 0
}

.user-level-notification-league-grey {
    background: radial-gradient(50% 401.25% at 50% 100%, #292929 0%, #000 100%)
}

.user-level-notification-league-bronze {
    background: radial-gradient(50% 401.25% at 50% 100%, #341b09 0%, #000 100%)
}

.user-level-notification-league-silver {
    background: radial-gradient(50% 401.25% at 50% 100%, #262d36 0%, #000 100%)
}

.user-level-notification-league-gold {
    background: radial-gradient(50% 401.25% at 50% 100%, #3a2300 0%, #000 100%)
}

.user-level-notification-league-diamond {
    background: radial-gradient(50% 401.25% at 50% 100%, #29013d 0%, #000 100%)
}

.user-level-notification-league-legend,
.user-level-notification-league-royal {
    background: radial-gradient(50% 401.25% at 50% 100%, #3d0301 0%, #000 100%)
}

.user-level-notification a.color-league-ultimate {
    display: inline-block;
    margin: 0 6px 0 0;
    text-decoration: underline
}

.user-level-notification a.color-league-ultimate:hover {
    color: #fff
}

.user-level-notification .ultimate-star {
    display: inline-block;
    height: 28px;
    margin: 0 4px;
    position: relative;
    vertical-align: middle;
    width: 28px
}

.user-level-notification .ultimate-star::before {
    box-shadow: 0 0 20px 20px rgba(199, 40, 0, .4);
    content: "";
    display: block;
    height: 6px;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 6px
}

.user-level-notification .ultimate-star::after {
    background: url(common/images/levels/ultimate-star.svg) center/100% no-repeat;
    height: 28px;
    width: 28px;
    content: "";
    display: block;
    position: relative
}

.user-level-notification__buy-tokens-button {
    background-color: #c0d51a;
    font-weight: 500;
    margin-bottom: 0;
    margin-left: 12px;
    overflow: visible
}

a.HeaderNotificationV2__content\#SU:active,
a.HeaderNotificationV2__content\#SU:focus,
a.HeaderNotificationV2__content\#SU:hover {
    text-decoration: none
}

.HeaderNotificationV2\#x_ {
    align-items: flex-start;
    align-self: stretch;
    display: flex;
    min-height: 48px;
    padding-right: 14px;
    transition: max-height .12s ease-in-out
}

.HeaderNotificationV2\#x_~.HeaderNotificationV2\#x_,
.HeaderNotificationV2\#x_~.header-notification,
.header-notification~.HeaderNotificationV2\#x_ {
    margin-top: 1px
}

.HeaderNotificationV2\#x_ .ds-btn-default-outline {
    border: 1px solid
}

.HeaderNotificationV2\#x_ .icon {
    margin-right: 0
}

.HeaderNotificationV2\#x_ .HeaderNotificationV2__buttonIcon\#Ej {
    margin-right: 4px
}

.HeaderNotificationV2__hasContainerClick\#nj,
.HeaderNotificationV2__nonInteractive\#yY {
    cursor: pointer
}

.HeaderNotificationV2__buttonIcon\#Ej {
    margin-right: 4px
}

.HeaderNotificationV2__survey\#vR {
    background-color: #360003
}

.HeaderNotificationV2__purple\#PO {
    background-color: #e1c0ff
}

.HeaderNotificationV2__purple\#PO .HeaderNotificationV2__close\#fW,
.HeaderNotificationV2__purple\#PO .HeaderNotificationV2__contentIcon\#Ng,
.HeaderNotificationV2__purple\#PO .HeaderNotificationV2__text\#jW {
    color: #000
}

.HeaderNotificationV2__dark\#oG {
    background-color: #222
}

.HeaderNotificationV2__info\#gp {
    background-color: #2f80ed
}

.HeaderNotificationV2__success\#P1 {
    background-color: #527b28
}

.HeaderNotificationV2__danger\#Co {
    background-color: #912229
}

.HeaderNotificationV2__warning\#Mk {
    background-color: #ffe180
}

.HeaderNotificationV2__warning\#Mk .HeaderNotificationV2__close\#fW,
.HeaderNotificationV2__warning\#Mk .HeaderNotificationV2__contentIcon\#Ng,
.HeaderNotificationV2__warning\#Mk .HeaderNotificationV2__text\#jW {
    color: #434343
}

.HeaderNotificationV2__contentIcon\#Ng {
    align-self: flex-start;
    color: #f8f8f8;
    padding-top: 10px
}

.HeaderNotificationV2__contentImage\#aT {
    align-self: flex-start;
    padding-top: 4px
}

.HeaderNotificationV2__contentBadge\#Uf {
    align-self: flex-start;
    padding-top: 8px
}

.HeaderNotificationV2__badge\#Oq {
    background-color: #bd262f;
    border-radius: 3px;
    color: #fff;
    font-size: .688rem;
    line-height: 1.5rem;
    padding: 0 8px;
    text-transform: uppercase
}

.HeaderNotificationV2__badgeStyle_success\#zi {
    background-color: #73ad0c
}

.HeaderNotificationV2__badgeStyle_default\#_W {
    background-color: #bd262f
}

.HeaderNotificationV2__content\#SU {
    align-items: center;
    align-self: stretch;
    display: flex;
    flex: 1 0 0;
    flex-direction: row;
    gap: 0 12px;
    justify-content: center;
    padding: 4px 0 4px 12px
}

.HeaderNotificationV2__contentBody\#fa {
    align-items: center;
    display: flex;
    flex-direction: row;
    gap: 0 12px
}

.HeaderNotificationV2__text\#jW {
    align-items: center;
    color: #f8f8f8;
    display: flex;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    gap: 10px;
    justify-content: center;
    letter-spacing: .2px;
    line-height: 24px;
    padding: 4px 0
}

.HeaderNotificationV2__text\#jW a {
    color: inherit;
    cursor: pointer;
    text-decoration: underline
}

.HeaderNotificationV2__text\#jW a:hover {
    text-decoration: none
}

.HeaderNotificationV2__close\#fW {
    align-items: center;
    align-self: flex-start;
    color: #f8f8f8;
    display: flex;
    gap: 10px;
    justify-content: center;
    padding: 14px 0 14px 14px
}

.HeaderNotificationV2__closeIcon\#rf {
    opacity: .6;
    pointer-events: all
}

.HeaderNotificationV2__closeIcon\#rf:hover {
    cursor: pointer;
    opacity: 1
}

.HeaderNotificationV2__body\#bs {
    align-items: center;
    display: flex;
    flex-direction: row;
    justify-content: center;
    padding: 10px
}

.HeaderNotificationV2__controls\#sm {
    display: flex
}

.HeaderNotificationV2__controls\#sm .btn {
    margin-bottom: 0
}

.HeaderNotificationV2__hint\#rW {
    align-self: center;
    color: rgba(255, 255, 255, .6);
    font-weight: 400;
    font-size: .813rem
}

.SaveRecordingConfirmationModal\#Lh {
    align-items: center;
    display: flex;
    flex-direction: column;
    max-width: 265px
}

.SaveRecordingConfirmationModal__icon\#BW {
    height: 48px;
    width: 48px
}

.SaveRecordingConfirmationModal__title\#G9 {
    font-size: 20px;
    font-weight: 700;
    line-height: 28px;
    margin: 12px 0 0;
    text-align: center
}

.SaveRecordingConfirmationModal__text\#x6 {
    color: rgba(248, 248, 248, .6);
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    margin-top: 12px;
    text-align: center
}

.SaveRecordingConfirmationModal__text_duration\#tP {
    color: #f8f8f8;
    margin: 16px 0
}

.SaveRecordingConfirmationModal__text_accent\#na {
    color: #ffd54f;
    font-weight: 700;
    text-align: left;
    white-space: nowrap
}

.SaveRecordingConfirmationModal__text_info\#ym {
    margin-top: 0
}

.SaveRecordingConfirmationModal__buttons\#g8 {
    display: flex;
    margin-top: 20px;
    width: 100%
}

.SaveRecordingConfirmationModal__deleteButton\#i1 {
    margin: 0 4px 0 0;
    padding: 0;
    width: 50%
}

.SaveRecordingConfirmationModal__saveButton\#x4 {
    margin: 0 0 0 4px;
    padding: 0;
    width: 50%
}

.ModelStreamRecordNotification__accentText\#Jd {
    font-weight: 700
}

.CompletePurchaseMessage\#Wf {
    align-items: center;
    background: #343434;
    border-radius: 16px;
    box-shadow: 0 2px 20px 0 rgba(0, 0, 0, .5);
    display: flex;
    flex-direction: column;
    position: absolute;
    z-index: 999
}

.CompletePurchaseMessage__content\#R_ {
    max-width: 100%;
    min-width: 0;
    position: relative
}

.CompletePurchaseMessage__viewcam\#Ux {
    align-items: center;
    bottom: 75px;
    display: flex;
    flex-direction: column;
    left: 12px;
    padding: 32px 20px 24px;
    width: 316px
}

.CompletePurchaseMessage__viewcam\#Ux .CompletePurchaseMessage__title\#Wo {
    overflow: hidden;
    text-overflow: ellipsis
}

.CompletePurchaseMessage__viewcam\#Ux .CompletePurchaseMessage__button\#tU {
    width: 100%
}

.CompletePurchaseMessage__header\#Wn {
    align-items: flex-start;
    flex-direction: row;
    padding: 20px 38px 20px 20px;
    right: 12px;
    top: 12px;
    width: 435px
}

.CompletePurchaseMessage__header\#Wn .CompletePurchaseMessage__avatar\#Cw {
    margin-right: 16px;
    position: relative
}

.CompletePurchaseMessage__header\#Wn .CompletePurchaseMessage__description\#ZL,
.CompletePurchaseMessage__header\#Wn .CompletePurchaseMessage__title\#Wo {
    text-align: left
}

.CompletePurchaseMessage__header\#Wn .CompletePurchaseMessage__description\#ZL {
    margin-top: 4px;
    text-align: left
}

.CompletePurchaseMessage__header\#Wn .CompletePurchaseMessage__button\#tU {
    justify-self: auto
}

.CompletePurchaseMessage__titleMultiline\#Qz {
    display: inline-block;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.CompletePurchaseMessage__avatar\#Cw {
    height: 54px;
    margin-bottom: 18px;
    max-width: 54px;
    min-width: 54px
}

.CompletePurchaseMessage__avatar\#Cw:after {
    background-color: #fff;
    background-image: url("cams/components/ui/CompletePurchaseMessage/images/spicy.png");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 20px 20px;
    border: 4px solid #fff;
    border-radius: 50%;
    bottom: -4px;
    content: "";
    height: 30px;
    position: absolute;
    right: -8px;
    width: 30px
}

.CompletePurchaseMessage__title\#Wo {
    color: #f8f8f8;
    display: block;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    max-height: 40px;
    overflow: hidden;
    text-align: center
}

.CompletePurchaseMessage__title\#Wo .CompletePurchaseMessage__highlight\#OY {
    color: #67a52c
}

.CompletePurchaseMessage__description\#ZL {
    color: rgba(248, 248, 248, .6);
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: .2px;
    line-height: 16px;
    margin: 12px 0;
    text-align: center
}

.CompletePurchaseMessage__description\#ZL .CompletePurchaseMessage__highlight\#OY {
    color: #f8f8f8;
    font-weight: 700
}

.CompletePurchaseMessage__button\#tU {
    font-weight: 500 !important;
    margin: 0
}

.CompletePurchaseMessage__closeButton\#ne {
    color: rgba(248, 248, 248, .4);
    position: absolute;
    right: 12px;
    top: 12px
}

.CompletePurchaseMessage__closeButton\#ne:hover {
    color: #f8f8f8
}

.CompletePurchaseMessage__hidden\#VY {
    max-width: 100%;
    overflow: hidden;
    position: absolute;
    top: 0;
    visibility: hidden
}

.main-person-beneficiary-banner__text--accent,
.main-person-notification__text--accent {
    font-weight: 700
}

.ModelNewsNotification__badge\#Og {
    text-wrap: nowrap
}

.NewPaymentMethodsHeaderNotification__accent\#xm {
    color: #feb601
}

.requested-private-offline-notification {
    align-items: center;
    background-color: #ffc73c;
    display: flex;
    justify-content: center;
    padding: 8px;
    position: relative;
    width: 100%
}

.requested-private-offline-notification__content {
    align-items: center;
    display: flex
}

.requested-private-offline-notification__avatar {
    filter: drop-shadow(0 3px 6px rgba(0, 0, 0, .3));
    margin-right: 12px;
    position: relative
}

.requested-private-offline-notification__avatar .avatar-border {
    border-width: 2px
}

.requested-private-offline-notification__avatar-badge {
    bottom: -5px;
    pointer-events: none;
    position: absolute;
    right: -5px
}

.requested-private-offline-notification__badge-image {
    height: 20px;
    width: 20px
}

.requested-private-offline-notification__text {
    align-items: baseline;
    color: #101010;
    display: flex;
    font-weight: 400;
    font-size: .938rem;
    line-height: 1.313rem
}

.requested-private-offline-notification__first-text {
    margin-right: 6px
}

.requested-private-offline-notification__private-type {
    font-weight: 500
}

.requested-private-offline-notification__model-name {
    color: #101010;
    font-weight: 500
}

.requested-private-offline-notification__status {
    font-weight: 500;
    font-size: 1rem
}

.requested-private-offline-notification__divider {
    margin: auto 10px
}

.requested-private-offline-notification__timer {
    background: rgba(0, 0, 0, .6);
    border-radius: 6px;
    color: #fff;
    font-weight: 500;
    margin: 0 16px;
    padding: 6px 10px;
    font-size: .938rem
}

.requested-private-offline-notification__close-button {
    cursor: pointer;
    position: absolute;
    right: 20px;
    transition: .25s
}

.requested-private-offline-notification__close-button:hover {
    opacity: .7
}

.requested-private-offline-notification__close-button .icon {
    fill: rgba(241, 241, 241, 0.4);
    height: 22px;
    margin-right: 0;
    width: 22px
}

.requested-private-offline-notification--with-status {
    background-color: #603838
}

.requested-private-offline-notification--with-status .requested-private-offline-notification__text {
    color: #f8f8f8
}

.requested-private-offline-notification--with-status .requested-private-offline-notification__private-type {
    color: #fff;
    font-weight: 500
}

.requested-private-offline-notification--with-status .requested-private-offline-notification__private-type--exclusive {
    color: #feb601
}

.requested-private-offline-notification--with-status .requested-private-offline-notification__model-name {
    color: #fff;
    font-weight: 500
}

.requested-private-offline-notification--with-status .requested-private-offline-notification__status {
    color: #f8f8f8
}

.requested-private-offline-notification--with-status .requested-private-offline-notification__close-button .icon {
    fill: rgba(0, 0, 0, 0.4)
}

.TwoFactorAuth__twoFactorAuth\#tT {
    background-color: #2f80ed;
    color: #f8f8f8;
    transition: background-color .2s ease-in-out
}

.TwoFactorAuth__twoFactorAuth\#tT:hover {
    background-color: #3287fa
}

.TwoFactorAuth__twoFactorAuth\#tT .btn-v2-notification-secondary-light {
    background-color: #fff;
    border: none;
    color: #262626
}

.TwoFactorAuth__twoFactorAuth\#tT .btn-v2-notification-secondary-light:hover {
    background-color: #e5e5e5;
    color: #262626 !important
}

.TwoFactorAuth__accent\#bI {
    color: #ffd54f;
    font-weight: 700
}

.TwoFactorAuth__accent__non-breakable\#YT {
    color: #ffd54f;
    font-weight: 700;
    white-space: nowrap
}

.user-alerts__modal .modal-content {
    max-width: 90vw;
    width: 350px
}

.user-alerts__modal.modal-wrapper .modal-content.modal-header-outside .modal-body {
    background-color: #2e2e2e;
    border-radius: 8px;
    box-shadow: none;
    padding: 30px
}

.user-alerts__modal .modal-header {
    display: none !important
}

.user-alerts__modal-close {
    align-items: center;
    color: rgba(248, 248, 248, .4);
    cursor: pointer;
    display: flex;
    height: 32px;
    justify-content: center;
    position: absolute;
    right: -6px;
    top: -36px;
    width: 32px
}

.user-alerts__modal-close .icon {
    display: block;
    margin: 0
}

.user-alerts__modal-close:hover {
    color: rgba(248, 248, 248, .6)
}

.user-alerts__modal-title {
    color: #f8f8f8;
    font-size: 18px;
    font-weight: 700;
    line-height: 24px;
    overflow-wrap: break-word
}

.user-alerts__modal-description {
    color: rgba(248, 248, 248, .6);
    font-size: 14px;
    line-height: 22px;
    margin-top: 20px;
    overflow-wrap: break-word
}

.user-alerts__btn-ok {
    margin: 20px 0 0;
    width: auto
}

.AdBlockDetectedNotification__icon\#Gh {
    flex-shrink: 0
}

.UserToyConnectionNotification__icon\#d5 {
    margin-right: 12px
}

.UserToyConnectionNotification__text\#vG {
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px
}

.UserToyConnectionNotification__link\#L2 {
    text-decoration: underline
}

.PersonalOfferPopup\#Fc {
    align-items: center;
    background: #343434;
    border: 3px solid #feb601;
    border-radius: 16px;
    bottom: 70px;
    display: flex;
    flex-direction: column;
    left: 12px;
    min-width: 296px;
    padding: 32px 20px 24px;
    position: absolute;
    z-index: 999
}

.PersonalOfferPopup__fullscreen\#zd {
    bottom: 70px;
    left: calc(100% - 370px);
    max-height: unset !important;
    pointer-events: auto;
    position: fixed
}

.PersonalOfferPopup__header\#LO {
    background: #feb601;
    border-radius: 5px;
    color: #101010;
    font-size: 12px;
    font-weight: 700;
    line-height: 16px;
    padding: 4px 8px;
    position: absolute;
    top: -13px
}

.PersonalOfferPopup__avatar\#j9 {
    height: 54px;
    margin-bottom: 15px;
    position: relative;
    width: 54px
}

.PersonalOfferPopup__avatar\#j9:after {
    border: 2px solid #fff;
    border-radius: 50%;
    content: "";
    height: 54px;
    position: absolute;
    width: 54px;
    z-index: 1
}

.PersonalOfferPopup__avatar\#j9:before {
    background-image: url("features/discounts/images/user-active-discount.svg");
    content: " ";
    height: 30px;
    left: -15px;
    position: absolute;
    top: 0;
    width: 30px;
    z-index: 2
}

.PersonalOfferPopup__timer\#MP {
    align-items: center;
    background: rgba(16, 16, 16, .4);
    border-radius: 6px;
    color: #fff;
    display: flex;
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    margin-bottom: 12px;
    padding: 4px 6px
}

.PersonalOfferPopup__counter\#lC {
    margin-left: 4px
}

.PersonalOfferPopup__timerIcon\#o3 {
    margin-right: 4px
}

.PersonalOfferPopup__inviteText\#eC {
    color: rgba(248, 248, 248, .8);
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px
}

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

.PersonalOfferPopup__accent\#tS {
    color: #feb601
}

.PersonalOfferPopup__button\#Sk {
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    height: 40px;
    line-height: 24px;
    margin-bottom: 0;
    margin-top: 16px;
    width: 100%
}

.PersonalOfferPopup__closeButton\#Rj {
    color: rgba(248, 248, 248, .4);
    position: absolute;
    right: 12px;
    top: 12px
}

.PersonalOfferPopup__closeButton\#Rj:hover {
    color: #f8f8f8
}

.PersonalOfferNotification__content\#_s {
    align-items: center;
    display: flex;
    flex-wrap: wrap
}

.PersonalOfferNotification__text\#Q9 {
    margin-right: 10px
}

.PersonalOfferNotification__icon\#R8 {
    align-self: auto;
    padding-top: 0
}

.PersonalOfferNotification__icon\#R8>img {
    height: 20px;
    width: 20px
}

.PersonalOfferNotification__accent\#ct {
    color: #ffa900
}

.PersonalOfferNotification__button\#R9.PersonalOfferNotification__button\#R9 {
    font-size: 14px;
    font-weight: 500;
    margin: 0 0 0 12px;
    overflow: initial
}

.PersonalOfferNotification__controls\#QY {
    align-items: center;
    display: flex
}

.PersonalOfferNotificationTimer__timer\#UB {
    align-items: center;
    color: #fff;
    display: flex
}

.PersonalOfferNotificationTimer__timerItem\#_L {
    align-items: center;
    background: rgba(0, 0, 0, .15);
    border: 2px solid #ffa900;
    border-radius: 7px;
    display: flex;
    font-size: 12px;
    font-weight: 700;
    height: 25px;
    justify-content: center;
    min-width: 25px;
    padding: 0 5px
}

.PersonalOfferNotificationTimer__timerSeparator\#eI {
    color: #fff;
    font-size: 15px;
    font-weight: 700;
    margin: 0 2px
}

.PixelizationNotification__badge\#AK {
    text-wrap: nowrap
}

.SurveyNotificationV2\#lh {
    padding-right: 16px
}

.SurveyNotificationV2\#lh>div {
    padding: 10px 0 10px 12px
}

.SurveyNotificationV2__content\#zK {
    align-items: center
}

.SurveyNotificationV2__content\#zK span {
    font-size: 15px;
    line-height: 18.31px
}

.SurveyNotificationV2__content\#zK .btn {
    border-radius: 16px;
    border-width: 2px;
    font-size: 15px;
    font-weight: 700;
    line-height: 10px;
    padding: 9px 12px
}

.SurveyNotificationV2__icon\#lW {
    align-self: center;
    padding-top: 0
}

.SurveyNotificationV2__icon\#lW svg {
    height: 32px !important;
    width: 32px !important
}

.SurveyNotificationV2__close\#PA {
    align-self: center;
    display: block;
    flex-shrink: 0;
    height: 16px;
    margin-left: 16px;
    padding: 0 !important;
    width: 16px
}

.SurveyNotificationV2__close\#PA svg {
    height: 16px !important;
    width: 16px !important
}

.swedish-site-closure-banner {
    display: flex;
    justify-content: center
}

.swedish-site-closure-banner .banner__title {
    margin-bottom: 0
}

.swedish-site-closure-banner .banner__text {
    align-items: center;
    display: flex;
    text-align: center
}

.swedish-site-closure-banner .banner__text p,
.swedish-site-closure-banner .banner__text span {
    margin-bottom: 0
}

.swedish-site-closure-banner .swedish-site-closure-to-modal-link {
    cursor: pointer;
    text-decoration: underline
}

.SweedenSiteClosureBannerModal__sweedenSiteClosureContent\#fb {
    display: flex;
    flex-direction: column;
    height: 100%;
    max-width: 600px;
    overflow: hidden;
    padding-bottom: 12px;
    padding-left: 32px;
    padding-right: 32px
}

.SweedenSiteClosureBannerModal__sweedenSiteClosureCloseModal\#Nl.SweedenSiteClosureBannerModal__sweedenSiteClosureCloseModal\#Nl {
    bottom: 4px;
    height: auto;
    width: auto
}

.SweedenSiteClosureBannerModal__sweedenSiteClosureCloseModal\#Nl.SweedenSiteClosureBannerModal__sweedenSiteClosureCloseModal\#Nl>svg {
    height: 20px;
    width: 20px
}

.SweedenSiteClosureBannerModal__sweedenSiteClosureContentModalTitle\#QO {
    display: flex;
    font-size: 20px;
    font-weight: 700;
    justify-content: center;
    line-height: 28px;
    margin-bottom: 16px;
    text-align: center
}

.SweedenSiteClosureBannerModal__sweedenSiteClosureFlag\#K9 {
    font-size: 30px;
    margin-left: 6px;
    vertical-align: sub
}

.SweedenSiteClosureBannerModal__modalText\#NU {
    color: #a4a4a4;
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 20px;
    overflow: auto
}

.SweedenSiteClosureBannerModal__modalText\#NU a {
    text-decoration: underline
}

.SweedenSiteClosureBannerModal__modalText\#NU strong {
    color: #f1f1f1;
    font-weight: 500
}

.SweedenSiteClosureBannerModal__gotItButtonWrapper\#Nu {
    bottom: 0;
    box-shadow: 0 -12px 20px 16px rgba(46, 46, 46, .8);
    left: 0;
    position: sticky
}

.SweedenSiteClosureBannerModal__gotItButton\#Ir {
    width: 100%
}

.header-notifications-wrapper,
.header-notifications-wrapper .header-notifications {
    position: relative
}

.header-notifications-wrapper .header-notifications.fixed {
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 302
}

.main-person-onboarding-modal {
    width: 634px
}

.main-person-onboarding-modal__image {
    aspect-ratio: 2.5;
    width: 100%
}

.main-person-onboarding-modal__content {
    background-color: #262626;
    padding: 30px
}

.main-person-onboarding-modal__title {
    font-size: 24px;
    font-weight: 700;
    line-height: 32px;
    margin-bottom: 16px;
    white-space: pre-wrap
}

.main-person-onboarding-modal__adds {
    margin: 0 0 16px;
    padding: 0
}

.main-person-onboarding-modal__adds-title {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px
}

.main-person-onboarding-modal__add {
    box-sizing: border-box;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    list-style-position: inside;
    list-style-type: disc;
    padding-left: 10px
}

.main-person-onboarding-modal__add--accent {
    color: #ffd54f
}

.main-person-onboarding-modal__persons {
    background: #2e2e2e;
    border-radius: 8px;
    margin-bottom: 24px;
    padding: 4px 16px
}

.main-person-onboarding-modal__person {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 6px 0
}

.main-person-onboarding-modal__person:not(:last-child) {
    border-bottom: 1px solid rgba(248, 248, 248, .1)
}

.main-person-onboarding-modal__person-name {
    font-size: 12px;
    font-weight: 700;
    letter-spacing: .2px;
    line-height: 16px;
    padding: 6px 0
}

.main-person-onboarding-modal__person-text {
    font-size: 12px;
    font-weight: 700;
    letter-spacing: .2px;
    line-height: 16px
}

.main-person-onboarding-modal__main-person-text-container {
    color: #2cca65;
    padding: 6px 0
}

.main-person-onboarding-modal__main-person-icon {
    height: 16px;
    width: 16px
}

.main-person-onboarding-modal__main-person-text {
    font-size: 12px;
    font-weight: 700;
    letter-spacing: .2px;
    line-height: 16px
}

.main-person-onboarding-modal__text {
    color: #ffd54f;
    display: block;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: .2px;
    line-height: 20px;
    margin-bottom: 24px
}

.main-person-onboarding-modal__accent-text {
    font-weight: 700
}

.main-person-onboarding-modal__buttons {
    display: flex;
    justify-content: center
}

.main-person-onboarding-modal__buttons .btn {
    margin: 0
}

.main-person-onboarding-modal__additional-button {
    margin-left: 16px
}

.pwa-logo {
    align-items: center;
    background: #a2252d;
    background: var(--primary);
    border-radius: 25%;
    display: flex;
    justify-content: center
}

.pwa-logo--shadow {
    box-shadow: none
}

.pwa-logo--white {
    background: #fff
}

.pwa-logo__img {
    height: 100%;
    width: 100%
}

.pwa-logo__wl {
    height: 80%;
    -o-object-fit: contain;
    object-fit: contain;
    width: 80%
}

.pwa-logo__icon {
    height: 67.5%;
    margin: 0;
    width: 67.5%
}

.pwa-install-notification-wrapper.visible {
    animation: opacity-fade-show .3s ease-in both
}

.pwa-install-notification-wrapper.visible~header .header-top {
    position: relative
}

.pwa-install-notification {
    align-items: center;
    background: #3b3b3b;
    padding: 12px;
    display: flex;
    flex-direction: row
}

.pwa-install-notification .icon-close-3 {
    height: 16px;
    margin: 0;
    transform: scale(.73);
    width: 16px
}

.pwa-install-notification .btn {
    background: #2f80ed;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    height: 32px;
    letter-spacing: .2px;
    line-height: 20px;
    margin-bottom: 0;
    margin-left: 10px;
    padding: 0 14px;
    flex: 1;
    flex-basis: auto;
    flex-grow: 0;
    flex-shrink: 0
}

.pwa-install-notification .close-button {
    color: #f8f8f8;
    margin-right: 12px;
    opacity: .5
}

.pwa-install-notification .close-button .icon {
    fill: #f8f8f8
}

.pwa-install-notification .pwa-install-notification-title {
    color: #f8f8f8;
    font-size: 15px;
    font-weight: 700;
    line-height: 18px;
    text-shadow: 0 2px 4px rgba(0, 0, 0, .2)
}

.pwa-install-notification .pwa-install-notification-description {
    color: rgba(248, 248, 248, .6);
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: .2px;
    line-height: 16px;
    margin-top: 2px;
    text-shadow: 0 2px 4px rgba(0, 0, 0, .2)
}

.pwa-install-notification .pwa-install-notification-body {
    align-items: center;
    justify-content: space-between;
    flex: 1;
    flex-basis: auto;
    flex-grow: 1;
    flex-shrink: 1;
    display: flex;
    flex-direction: row
}

.pwa-install-notification .pwa-install-notification-content {
    align-items: center;
    display: flex;
    flex-direction: row
}

.pwa-install-notification .pwa-install-notification-logo {
    flex-shrink: 0;
    height: 40px;
    margin-right: 12px;
    width: 40px
}

.Sidebar\#TU {
    background-color: #141415;
    display: flex;
    flex-direction: column;
    max-height: 100%;
    position: relative
}

.Sidebar__all-categories\#mC {
    bottom: 0;
    display: flex;
    flex-direction: row;
    flex-shrink: 0;
    opacity: 0;
    pointer-events: none;
    position: sticky;
    will-change: opacity
}

.Sidebar__all-categories\#mC[data-visible=true] {
    opacity: 1;
    pointer-events: auto
}

.Sidebar__all-categories\#mC::after,
.Sidebar__all-categories\#mC::before {
    box-sizing: border-box;
    content: "";
    display: block;
    flex-shrink: 0;
    min-width: 10px;
    opacity: 0;
    overflow-y: scroll;
    scrollbar-color: transparent transparent;
    scrollbar-gutter: auto;
    scrollbar-width: thin;
    scrollbar-width: 4px;
    scrollbar-face-color: transparent;
    scrollbar-track-color: transparent
}

.Sidebar__all-categories\#mC::after::-webkit-scrollbar,
.Sidebar__all-categories\#mC::before::-webkit-scrollbar {
    height: 4px;
    width: 4px
}

.Sidebar__all-categories\#mC::after::-webkit-scrollbar-thumb,
.Sidebar__all-categories\#mC::before::-webkit-scrollbar-thumb {
    background: 0 0;
    border-radius: 2px;
    height: 20%
}

.Sidebar__all-categories\#mC::after::-webkit-scrollbar-track,
.Sidebar__all-categories\#mC::before::-webkit-scrollbar-track {
    background: 0 0
}

.Sidebar__all-categories\#mC::after::-webkit-scrollbar-corner,
.Sidebar__all-categories\#mC::before::-webkit-scrollbar-corner {
    background: 0 0
}

.Sidebar__language\#ms {
    padding-bottom: 40px;
    padding-left: 10px
}

.SidebarTooltip\#hg>.tooltip-inner {
    background-color: #3b3b3b !important;
    border-color: #3b3b3b !important;
    color: #fff !important;
    font-size: 12px;
    line-height: 16px !important
}

.GoUltimateBanner__banner\#_b {
    align-items: center;
    background: radial-gradient(130% 81.51% at 18.49% 50%, #730612 0%, #2e1518 100%);
    border: 1px solid rgba(255, 255, 255, .05);
    border-radius: 5px;
    box-shadow: 0 4px 104px 0 rgba(0, 0, 0, .45);
    color: #f8f8f8;
    cursor: pointer;
    display: flex;
    overflow: hidden;
    padding: 6px 22px 6px 6px;
    position: relative
}

.GoUltimateBanner__banner\#_b:active,
.GoUltimateBanner__banner\#_b:focus,
.GoUltimateBanner__banner\#_b:focus-within,
.GoUltimateBanner__banner\#_b:hover {
    text-decoration: none
}

.GoUltimateBanner__banner\#_b:hover {
    color: #f8f8f8
}

.GoUltimateBanner__banner\#_b:hover .GoUltimateBanner__hover\#wn {
    opacity: 1
}

.GoUltimateBanner__hover\#wn {
    background: radial-gradient(130% 81.51% at 18.49% 50%, #8a0917 0%, #421a1f 100%);
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    transition: opacity 50ms ease-in-out;
    width: 100%
}

.GoUltimateBanner__icon\#hv {
    background: url(common/images/levels/ultimate-star-big.svg) center/100% no-repeat;
    height: 50px;
    width: 50px;
    display: block;
    position: relative
}

.GoUltimateBanner__iconContainer\#vv {
    flex-shrink: 0;
    margin-right: 7px;
    position: relative
}

@keyframes GoUltimateBanner__u-promo-pulse\#qJ {

    0%,
    100% {
        opacity: .3
    }

    33%,
    50%,
    66% {
        opacity: 1
    }
}

.GoUltimateBanner__pulse\#hh {
    animation-duration: 9s;
    animation-iteration-count: infinite;
    animation-name: GoUltimateBanner__u-promo-pulse\#qJ;
    animation-timing-function: ease-in-out;
    border-radius: 50%;
    box-shadow: 0 0 11px 11px rgba(199, 40, 0, .65), 10px 0 15px 20px rgba(199, 40, 0, .2), 20px 0 25px 30px rgba(199, 40, 0, .1);
    height: 40px;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 40px
}

.GoUltimateBanner__text\#ZN {
    font-size: 16px;
    font-weight: 700;
    line-height: 1.25em;
    position: relative
}

.GoUltimateBanner__close\#XG {
    cursor: pointer;
    height: .8rem;
    margin-right: 0;
    opacity: .4;
    pointer-events: auto;
    position: absolute;
    right: 5px;
    top: 6px;
    transition: opacity 50ms ease-in-out
}

.GoUltimateBanner__close\#XG:hover {
    opacity: 1
}

.GoUltimateBanner__tooltip\#Lr>.tooltip-inner {
    background-color: #3b3b3b;
    border-color: #3b3b3b;
    color: #fff;
    font-size: 12px;
    font-weight: 400
}

.GoUltimateBanner__compact\#oj {
    background: 0 0;
    border: none;
    padding: 7px
}

.GoUltimateBanner__compact\#oj:hover {
    background: 0 0
}

.GoUltimateBanner__compact\#oj:hover .GoUltimateBanner__hover\#wn {
    opacity: 0
}

.GoUltimateBanner__compact\#oj.GoUltimateBanner__banner\#_b .GoUltimateBanner__iconContainer\#vv {
    margin-right: 0
}

.GoUltimateBanner__compact\#oj.GoUltimateBanner__banner\#_b .GoUltimateBanner__icon\#hv {
    height: 30px;
    width: 30px
}

.GoUltimateBanner__compact\#oj.GoUltimateBanner__banner\#_b .GoUltimateBanner__pulse\#hh {
    box-shadow: 0 0 9px 8px rgba(199, 40, 0, .65);
    height: 20px;
    width: 20px
}

.SidebarBanners\#dK {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center
}

.SidebarBanners\#dK .SidebarBanners__tokens-giveaway\#yk {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-bottom: 10px;
    padding: 0;
    width: 100%
}

.SidebarBanners\#dK .SidebarBanners__tokens-giveaway\#yk>* {
    margin: 0;
    width: 100%
}

.SidebarBanners\#dK .SidebarBanners__go-ultimate\#fZ,
.SidebarBanners\#dK .SidebarBanners__watch-vr\#bQ {
    margin-bottom: 10px
}

.SidebarIconCv\#G5 {
    align-items: center;
    color: #fc6172;
    display: inline-flex;
    justify-content: center;
    margin-left: 4px;
    position: relative;
    width: 20px
}

.SidebarIconCv__icon\#u4 {
    left: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%)
}

.SidebarLink\#Ot {
    align-items: center;
    border-radius: 5px;
    color: #fff;
    display: flex;
    font-size: 13px;
    line-height: 16px;
    padding-left: 10px;
    padding-right: 10px
}

.SidebarLink\#Ot.SidebarLink__variant-main\#HJ {
    font-weight: 500;
    min-height: 32px;
    padding-bottom: 8px;
    padding-top: 8px
}

.SidebarLink\#Ot.SidebarLink__variant-regular\#ET {
    font-weight: 400;
    min-height: 28px;
    padding-bottom: 6px;
    padding-top: 6px
}

.SidebarLink\#Ot:active,
.SidebarLink\#Ot:focus,
.SidebarLink\#Ot:hover {
    color: #fff;
    text-decoration: none
}

.SidebarLink\#Ot[href] {
    cursor: pointer
}

.SidebarLink\#Ot[href]:not(.SidebarLink__active\#z9):hover {
    background-color: rgba(255, 255, 255, .09);
    color: #fff
}

.SidebarLink\#Ot.SidebarLink__active\#z9 {
    background-color: rgba(255, 255, 255, .12);
    color: #fa5365;
    color: var(--primary-light)
}

.SidebarLink\#Ot+.SidebarLink\#Ot {
    margin-top: 3px
}

.SidebarLink__text\#gq {
    flex-grow: 1;
    overflow-wrap: anywhere
}

.SidebarLink__icon\#un {
    align-items: center;
    display: inline-flex;
    flex-direction: column;
    flex-shrink: 0;
    justify-content: center;
    position: relative;
    width: 24px
}

.SidebarLink__icon\#un+.SidebarLink__text\#gq {
    margin-left: 12px
}

.SidebarLink__icon-frame\#Fy {
    align-items: center;
    aspect-ratio: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 100%
}

.SidebarLink__icon-frame\#Fy>* {
    margin: 0;
    width: 100%
}

.SidebarLink__icon-frame\#Fy>.tag-icon {
    background-position: center;
    background-repeat: no-repeat;
    background-size: auto 18px;
    height: 100%
}

.SidebarLink__icon-frame\#Fy>.tag-icon-valentines {
    background-image: url(common/images/tags/valentines.svg)
}

.SidebarLink__icon-frame\#Fy>.tag-icon-july4th {
    background-image: url(common/images/tags/july4th.svg)
}

.SidebarLink__icon-frame\#Fy>.tag-icon-beer {
    background-image: url(common/images/tags/beer.png)
}

.SidebarLink__icon-frame\#Fy>.tag-icon-christmas {
    background-image: url(common/images/tags/christmas.svg)
}

.SidebarLink__icon-frame\#Fy>.tag-icon-halloween {
    background-image: url(common/images/tags/halloween.svg)
}

.SidebarLink__icon-frame\#Fy>.tag-icon-cherry-blossom {
    background-image: url(common/images/tags/cherry-blossom.svg)
}

.SidebarLink__icon-frame\#Fy>.tag-icon-cosplay-con {
    background-image: url(common/images/tags/cosplay-con.svg)
}

.SidebarLink__counter\#AW {
    color: #fff;
    margin-left: auto;
    padding-left: 4px
}

.SidebarGroup\#Lj+.SidebarGroup\#Lj {
    margin-top: 24px
}

.SidebarGroupTitle\#Wk {
    color: rgba(248, 248, 248, .5);
    font-size: 12px;
    font-weight: 500;
    letter-spacing: normal;
    line-height: 1.2;
    margin-bottom: 12px;
    padding: 0 10px;
    text-transform: uppercase;
    white-space: nowrap
}

.SidebarSeparator\#P8 {
    background: rgba(216, 216, 216, .1);
    border: 0;
    height: 1px;
    margin: 20px 0 30px
}

.SidebarSkeleton\#GX {
    background: #202020;
    border-radius: 1em;
    display: block;
    height: 1em;
    overflow: hidden;
    position: relative;
    width: 100%
}

.SidebarSkeleton\#GX::before {
    animation: skeleton-animation 3s infinite linear;
    background-color: unset;
    background-image: linear-gradient(135deg, transparent 20%, #232323 28%, #282828 35%, #232323 42%, transparent 50%);
    background-size: cover;
    content: "";
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 300%
}

.SidebarSkeleton\#GX.SidebarSkeleton__type-circle\#nk {
    aspect-ratio: 1;
    border-radius: 50%;
    height: auto;
    width: auto
}

.SidebarPolicy\#kP {
    font-size: 12px;
    font-weight: 400;
    line-height: normal;
    padding: 0 10px;
    position: static
}

.SidebarPolicy__link\#gB {
    color: rgba(248, 248, 248, .6);
    display: flex;
    font: inherit;
    text-align: left
}

.SidebarPolicy__link\#gB:not(:last-child) {
    margin-bottom: 16px
}

.SidebarPolicy__link\#gB:hover {
    color: #f8f8f8
}

.SidebarPolicy__icon\#c7 {
    margin-right: 4px
}

.SidebarLinkButton\#cg {
    align-items: center;
    background-color: transparent;
    border: 2px solid rgba(255, 255, 255, .3);
    border-radius: 16px;
    color: rgba(255, 255, 255, .5);
    display: flex;
    flex-direction: row;
    font-size: 12px;
    font-weight: 500;
    justify-content: center;
    line-height: 16px;
    margin: 0;
    min-height: 32px;
    padding: 6px 14px;
    text-decoration: none;
    transition-duration: .12s;
    transition-property: color, border-color, background-color;
    transition-timing-function: ease-in-out
}

.SidebarLinkButton\#cg:focus,
.SidebarLinkButton\#cg:hover {
    background-color: none;
    border-color: rgba(255, 255, 255, .7);
    color: rgba(255, 255, 255, .9);
    text-decoration: none
}

.SidebarLinkButton\#cg:active,
.SidebarLinkButton\#cg:focus {
    text-decoration: none
}

.SidebarLinkButton__icon\#HE {
    display: flex;
    margin-right: 8px;
    max-height: 24px;
    max-width: 24px
}

.SidebarLinkAllCategories\#Qg {
    background-color: #141415;
    bottom: 0;
    flex-grow: 1;
    margin-top: 16px;
    padding: 8px 10px 20px;
    position: sticky
}

.SidebarLinkAttentionMarker\#kU {
    align-items: center;
    display: inline-flex;
    margin-left: 8px;
    width: 8px
}

.SidebarLinkAttentionMarker\#kU::before {
    background-color: #c22934;
    border-radius: 50%;
    content: "";
    display: block;
    padding-bottom: 100%;
    width: 100%
}

.SidebarMainLinks\#Ki {
    margin-top: 6px
}

.SidebarContent\#OB {
    max-width: 65vw;
    width: 195px
}

.SidebarFadeIn\#jN {
    animation-duration: .25s;
    animation-fill-mode: forwards;
    animation-name: SidebarFadeIn__fade-in\#NQ;
    animation-timing-function: ease-in-out
}

@keyframes SidebarFadeIn__fade-in\#NQ {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.SidebarScroll\#rj {
    display: flex;
    flex-direction: row;
    flex-shrink: 0;
    max-height: 100%;
    overflow-y: scroll;
    overscroll-behavior: none;
    padding-top: 10px;
    transition: scrollbar-color 1ms ease-in-out 1.5s;
    scrollbar-color: transparent transparent;
    scrollbar-gutter: auto;
    scrollbar-width: thin;
    scrollbar-width: 0;
    scrollbar-face-color: transparent;
    scrollbar-track-color: transparent
}

.SidebarScroll\#rj::-webkit-scrollbar {
    height: 0;
    width: 0
}

.SidebarScroll\#rj::-webkit-scrollbar-thumb {
    background: 0 0;
    border-radius: 0;
    height: 20%
}

.SidebarScroll\#rj::-webkit-scrollbar-track {
    background: 0 0
}

.SidebarScroll\#rj::-webkit-scrollbar-corner {
    background: 0 0
}

.SidebarScroll\#rj:hover {
    transition-delay: 0s;
    scrollbar-color: rgba(248, 248, 248, 0.1) transparent;
    scrollbar-gutter: auto;
    scrollbar-width: thin;
    scrollbar-width: 4px;
    scrollbar-face-color: rgba(248, 248, 248, 0.1);
    scrollbar-track-color: transparent
}

.SidebarScroll\#rj:hover::-webkit-scrollbar {
    height: 4px;
    width: 4px
}

.SidebarScroll\#rj:hover::-webkit-scrollbar-thumb {
    background: rgba(248, 248, 248, .1);
    border-radius: 2px;
    height: 20%
}

.SidebarScroll\#rj:hover::-webkit-scrollbar-track {
    background: 0 0
}

.SidebarScroll\#rj:hover::-webkit-scrollbar-corner {
    background: 0 0
}

.SidebarScroll\#rj::before,
.SidebarScroll\#rj:not([data-sb=true])::after {
    box-sizing: border-box;
    content: "";
    display: block;
    flex-shrink: 0;
    min-width: 10px;
    opacity: 0;
    overflow-y: scroll;
    scrollbar-color: transparent transparent;
    scrollbar-gutter: auto;
    scrollbar-width: thin;
    scrollbar-width: 4px;
    scrollbar-face-color: transparent;
    scrollbar-track-color: transparent
}

.SidebarScroll\#rj::before::-webkit-scrollbar,
.SidebarScroll\#rj:not([data-sb=true])::after::-webkit-scrollbar {
    height: 4px;
    width: 4px
}

.SidebarScroll\#rj::before::-webkit-scrollbar-thumb,
.SidebarScroll\#rj:not([data-sb=true])::after::-webkit-scrollbar-thumb {
    background: 0 0;
    border-radius: 2px;
    height: 20%
}

.SidebarScroll\#rj::before::-webkit-scrollbar-track,
.SidebarScroll\#rj:not([data-sb=true])::after::-webkit-scrollbar-track {
    background: 0 0
}

.SidebarScroll\#rj::before::-webkit-scrollbar-corner,
.SidebarScroll\#rj:not([data-sb=true])::after::-webkit-scrollbar-corner {
    background: 0 0
}

.SidebarLinkAttentionMarkerCompact\#Mz {
    background-color: #c22934;
    border: 2px solid #141415;
    border-radius: 50%;
    height: 10px;
    position: absolute;
    right: 0;
    top: 0;
    transform: translate(50%, -50%);
    width: 10px
}

.SidebarCompact\#hI {
    background-color: #141415;
    display: flex
}

.SidebarOverlay\#bq {
    background-color: transparent;
    bottom: 0;
    display: flex;
    flex-direction: row;
    left: 0;
    position: fixed;
    top: 54px;
    transition: background-color .2s ease-in-out;
    width: 100%;
    z-index: 100
}

.SidebarOverlay\#bq[data-opened=true] {
    background-color: rgba(0, 0, 0, .6)
}

.SidebarOverlay\#bq[data-opened=true] .SidebarOverlay__dialog\#im {
    transform: translateX(0%)
}

.SidebarOverlay__dialog\#im {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: 0 0;
    border: 0;
    display: flex;
    height: 100%;
    margin: 0;
    padding: 0;
    transform: translateX(-100%);
    transition: transform .2s ease-in-out
}

.SidebarStatic\#cT {
    display: flex;
    height: calc(100vh - 0 - 0);
    height: calc(100vh - var(--offset-top, 0) - var(--offset-bottom, 0));
    position: sticky;
    top: 54px
}

.header-email-verification-warning {
    align-items: center;
    background-color: #f6ecb3;
    color: #000;
    display: flex;
    justify-content: center;
    line-height: 18px;
    padding: 6px 10px;
    text-align: center;
    font-size: .75rem
}

.header-email-verification-warning a {
    color: #000;
    text-decoration: underline
}

.header-email-verification-warning~header .header-top {
    position: relative
}

.header-email-verification-warning-v2 {
    align-items: center;
    background-color: #ffd54f;
    color: #000;
    display: flex;
    justify-content: center;
    line-height: 18px;
    padding: 4px 14px;
    text-align: center;
    font-size: .75rem
}

.header-email-verification-warning-v2 a {
    color: #000;
    text-decoration: underline
}

.header-email-verification-warning-v2~header .header-top {
    position: relative
}

.FooterWithoutAdult__logo-with-language-section\#QX .language-dropdown .icon-i18n {
    color: #a4a4a4;
    fill: #a4a4a4
}

.FooterWithoutAdult__inner\#d0 {
    margin: 0 auto;
    max-width: 100%;
    padding-left: .75rem;
    padding-right: .75rem;
    position: relative;
    width: 100%
}

.FooterWithoutAdult__top-labels\#Bi {
    display: none;
    margin-top: 15px
}

.header-top-without-adult {
    background: #a2252d;
    background: var(--primary);
    height: 54px;
    display: flex;
    flex-direction: row
}

.header-top-without-adult__live-counter {
    align-self: stretch
}

.header-top-without-adult__container {
    align-items: center;
    padding: 0 18px;
    position: relative;
    display: flex;
    flex-direction: row;
    flex: 1;
    flex-basis: auto;
    flex-grow: 1;
    flex-shrink: 1
}

.header-top-without-adult__nav-left {
    flex: 1;
    flex-basis: auto;
    flex-grow: 1;
    flex-shrink: 1
}

.header-top-without-adult__nav-right {
    justify-content: flex-end;
    flex: 1;
    flex-basis: auto;
    flex-grow: 1;
    flex-shrink: 1
}

.header-top-without-adult__nav-right .btn {
    margin: 0
}

.header-top-without-adult__nav-right .btn+.btn {
    margin-left: 20px
}

.header-top-without-adult__nav-link {
    align-items: center;
    align-self: stretch;
    color: rgba(255, 255, 255, .8);
    font-weight: 500;
    padding: 0 18px;
    position: relative;
    text-decoration: none;
    display: flex;
    flex-direction: row
}

.header-top-without-adult__nav-left,
.header-top-without-adult__nav-right {
    display: flex;
    flex-direction: row
}

.layout-without-adult-main {
    display: flex;
    flex: 1 0 auto;
    flex-flow: row nowrap;
    max-width: 100vw
}

.layout-without-adult-main::after {
    clear: both;
    content: "";
    display: table
}

.layout-without-adult__main-single-column {
    flex-direction: column
}

.layout-without-adult__main-right {
    display: flex;
    flex: 1 1 auto;
    flex-flow: column nowrap;
    max-width: 100%;
    min-width: 0
}

.layout-without-adult__main-content {
    overflow-x: hidden;
    display: flex;
    flex-direction: column;
    flex: 1;
    flex-basis: auto;
    flex-grow: 1;
    flex-shrink: 0
}

.layout-without-adult__main-content .page-wrapper {
    display: flex;
    flex-direction: column;
    flex: 1;
    flex-basis: auto;
    flex-grow: 1;
    flex-shrink: 0
}

.layout-without-adult__main-content--with-overflow {
    overflow-x: initial
}

#body.shaded {
    background: #020202
}

#body.shaded .main-layout .header-sub,
#body.shaded .main-layout .header-top,
#body.shaded .main-layout footer {
    filter: brightness(15%);
    pointer-events: none
}

.ClickAnimation\#Yg {
    align-items: center;
    bottom: 35%;
    display: flex;
    flex-direction: column;
    height: 230px;
    justify-content: center;
    left: 0;
    pointer-events: none;
    position: fixed;
    width: 100%;
    z-index: 101
}

.ClickAnimation\#Yg .ClickAnimation__mainSvg\#J4 {
    height: 90px;
    margin-top: 120px;
    overflow: visible;
    z-index: 4
}

.ClickAnimation\#Yg .ClickAnimation__overlaySvg\#EE {
    margin-top: 100px;
    position: absolute;
    width: 100%;
    z-index: 3
}

.ClickAnimation__text\#am {
    color: #f8f8f8;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
    text-align: center;
    text-shadow: 0 1px 4px rgba(0, 0, 0, .5)
}

@keyframes ClickAnimation__hand\#Bd {

    0%,
    100%,
    20% {
        animation-timing-function: ease-in-out;
        opacity: 0;
        transform: translate(4px, 4px)
    }

    31% {
        opacity: .8
    }

    41% {
        opacity: 1;
        transform: translate(0, 0)
    }

    55% {
        animation-timing-function: ease-out;
        transform: scale(.867) translate(18px, 6px)
    }

    75%,
    79% {
        opacity: 1;
        transform: scale(1) translate(0, 0)
    }
}

@keyframes ClickAnimation__circle\#sf {

    0%,
    20% {
        animation-timing-function: ease-in-out
    }

    41% {
        animation-timing-function: ease-in-out;
        fill-opacity: 0
    }

    55% {
        animation-timing-function: ease-out;
        fill-opacity: 0.3;
        transform: scale(1)
    }

    75% {
        animation-timing-function: ease-in-out;
        fill-opacity: 0;
        transform: scale(3)
    }
}

@keyframes ClickAnimation__fadeIn\#rs {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes ClickAnimation__fadeOut\#aN {
    to {
        opacity: 0;
        visibility: hidden
    }
}

.ClickAnimation\#Yg.ClickAnimation__idle\#Iy {
    display: none
}

.ClickAnimation\#Yg.ClickAnimation__active\#nX {
    animation: ClickAnimation__fadeIn\#rs .6s ease-in;
    will-change: opacity
}

.ClickAnimation\#Yg.ClickAnimation__active\#nX .ClickAnimation__hand\#Bd {
    animation: ClickAnimation__hand\#Bd 2.9s ease-in-out 2 forwards;
    will-change: transform, opacity
}

.ClickAnimation\#Yg.ClickAnimation__active\#nX .ClickAnimation__circle\#sf {
    animation: ClickAnimation__circle\#sf 2.9s ease-in-out 2 forwards;
    transform-box: border-box;
    transform-origin: center;
    will-change: fill-opacity
}

.ClickAnimation\#Yg.ClickAnimation__active\#nX.ClickAnimation__stopped\#kQ {
    animation: ClickAnimation__fadeOut\#aN .3s ease-out forwards
}

.ClickAnimation\#Yg.ClickAnimation__active\#nX.ClickAnimation__stopped\#kQ .ClickAnimation__circle\#sf,
.ClickAnimation\#Yg.ClickAnimation__active\#nX.ClickAnimation__stopped\#kQ .ClickAnimation__hand\#Bd {
    animation-play-state: paused
}

.ClickAnimation__overlaySvg\#EE {
    animation: ClickAnimation__fadeIn\#rs 1.2s ease-in;
    will-change: opacity
}

.SwipeAnimation\#lJ {
    align-items: center;
    background: rgba(0, 0, 0, .6);
    display: flex;
    height: 100%;
    justify-content: center;
    left: 0;
    pointer-events: none;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 101
}

@keyframes SwipeAnimation__hand\#qz {

    0%,
    10.7% {
        transform: scale(1)
    }

    21.4% {
        transform: scale(.867) translate(14px, 24px)
    }

    53.5% {
        transform: scale(.867) translate(14px, -123px)
    }

    75% {
        transform: scale(1) translate(0, -123px)
    }
}

@keyframes SwipeAnimation__handSecond\#Uu {

    0%,
    10.7% {
        transform: scale(1)
    }

    21.4% {
        transform: scale(.867) translate(14px, 24px)
    }

    53.5% {
        transform: scale(.867) translate(14px, -123px)
    }

    100%,
    75% {
        transform: scale(1) translate(0, -123px)
    }
}

@keyframes SwipeAnimation__circleInner\#W6 {
    0% {
        fill-opacity: 0
    }

    10.7% {
        fill-opacity: 0.1
    }

    21.4% {
        fill-opacity: 0
    }
}

@keyframes SwipeAnimation__circleOuter\#NE {

    0%,
    10.7% {
        stroke-opacity: 0
    }

    21.4% {
        stroke-opacity: 0.3;
        transform: translate(0, 0)
    }

    53.5% {
        stroke-opacity: 0.3;
        transform: translate(0, -126px)
    }

    75% {
        stroke-opacity: 0;
        transform: translate(0, -126px)
    }
}

@keyframes SwipeAnimation__line\#M2 {

    0%,
    10.7% {
        fill-opacity: 0
    }

    21.4% {
        fill-opacity: 0;
        transform: translate(0, 0)
    }

    53.5% {
        fill-opacity: 1;
        transform: translate(0, -126px)
    }

    75% {
        fill-opacity: 0;
        transform: translate(0, -126px)
    }

    100%,
    78.5% {
        fill-opacity: 0
    }
}

@keyframes SwipeAnimation__fadeIn\#Qp {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes SwipeAnimation__fadeOut\#k0 {
    to {
        opacity: 0;
        visibility: hidden
    }
}

.SwipeAnimation\#lJ.SwipeAnimation__idle\#ew {
    display: none
}

.SwipeAnimation\#lJ.SwipeAnimation__active\#g1 {
    animation: SwipeAnimation__fadeIn\#Qp .6s ease-in;
    will-change: opacity
}

.SwipeAnimation\#lJ.SwipeAnimation__active\#g1 .SwipeAnimation__hand\#qz {
    animation: SwipeAnimation__hand\#qz 2.8s ease-in-out 1 forwards .6s, SwipeAnimation__handSecond\#Uu 2.8s ease-in-out 1 forwards 3.4s;
    will-change: transform
}

.SwipeAnimation\#lJ.SwipeAnimation__active\#g1 .SwipeAnimation__circleInner\#W6 {
    animation: SwipeAnimation__circleInner\#W6 2.8s ease-in-out 2 forwards .6s;
    will-change: fill-opacity
}

.SwipeAnimation\#lJ.SwipeAnimation__active\#g1 .SwipeAnimation__circleOuter\#NE {
    animation: SwipeAnimation__circleOuter\#NE 2.8s ease-in-out 2 forwards .6s;
    will-change: stroke-opacity
}

.SwipeAnimation\#lJ.SwipeAnimation__active\#g1 .SwipeAnimation__line\#M2 {
    animation: SwipeAnimation__line\#M2 2.8s ease-in-out 2 forwards .6s;
    transform-box: fill-box;
    transform-origin: center;
    will-change: fill-opacity
}

.SwipeAnimation\#lJ.SwipeAnimation__active\#g1.SwipeAnimation__stopped\#Gc {
    animation: SwipeAnimation__fadeOut\#k0 .3s ease-out forwards
}

.SwipeAnimation\#lJ.SwipeAnimation__active\#g1.SwipeAnimation__stopped\#Gc .SwipeAnimation__circleInner\#W6,
.SwipeAnimation\#lJ.SwipeAnimation__active\#g1.SwipeAnimation__stopped\#Gc .SwipeAnimation__circleOuter\#NE,
.SwipeAnimation\#lJ.SwipeAnimation__active\#g1.SwipeAnimation__stopped\#Gc .SwipeAnimation__hand\#qz,
.SwipeAnimation\#lJ.SwipeAnimation__active\#g1.SwipeAnimation__stopped\#Gc .SwipeAnimation__line\#M2 {
    animation-play-state: paused
}

.RotateDeviceBanner\#pl {
    align-items: center;
    background: #232324;
    display: flex;
    height: 100%;
    justify-content: center;
    width: 100%
}

.RotateDeviceBanner\#pl .RotateDeviceBanner__text\#oH {
    margin-top: 8px
}

.RotateDeviceBanner__content\#RG {
    align-items: center;
    color: #bbb;
    display: flex;
    flex-direction: column;
    height: 128px;
    justify-content: center;
    width: 180px
}

.RotateDeviceBanner__icon\#XN {
    color: #bbb;
    fill: none
}

.RotateDeviceBanner__text\#oH {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    text-align: center
}

.StripFavoriteButton__button\#rQ {
    align-items: center;
    background: rgba(129, 128, 128, .4);
    border-radius: 36px;
    color: #fff;
    display: inline-flex;
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    gap: 8px;
    justify-content: center;
    letter-spacing: .2px;
    line-height: 16px;
    min-width: 96px;
    overflow: hidden;
    padding: 4px 12px 4px 36px;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.StripFavoriteButton__icon\#L7 {
    left: -16px;
    position: absolute;
    top: -24px
}

.StripFavoriteButton__heart-main\#iR {
    transform-box: fill-box;
    transform-origin: center
}

.StripFavoriteButton__button\#rQ.StripFavoriteButton__selected\#F8 {
    overflow: hidden
}

.StripFavoriteButton__button\#rQ.StripFavoriteButton__selected\#F8 .StripFavoriteButton__heart-main\#iR {
    fill: #fa5365;
    fill-opacity: 1;
    stroke: #fa5365;
    stroke-width: 1.8
}

.StripFavoriteButton__button\#rQ.StripFavoriteButton__default\#F4 .StripFavoriteButton__heart-main\#iR {
    fill-opacity: 0;
    stroke: #f8f8f8;
    stroke-width: 1.8
}

.StripFavoriteButton__button\#rQ.StripFavoriteButton__active\#Do {
    overflow: visible;
    animation: StripFavoriteButton__button\#rQ .6s ease-in-out 1 forwards
}

.StripFavoriteButton__button\#rQ.StripFavoriteButton__active\#Do .StripFavoriteButton__heart\#Z1 {
    fill: #fa5365;
    stroke: #fa5365;
    stroke-width: .072881;
    transform-box: fill-box;
    transform-origin: center
}

.StripFavoriteButton__button\#rQ.StripFavoriteButton__active\#Do .StripFavoriteButton__heart10\#lS,
.StripFavoriteButton__button\#rQ.StripFavoriteButton__active\#Do .StripFavoriteButton__heart11\#FZ,
.StripFavoriteButton__button\#rQ.StripFavoriteButton__active\#Do .StripFavoriteButton__heart12\#Jg,
.StripFavoriteButton__button\#rQ.StripFavoriteButton__active\#Do .StripFavoriteButton__heart13\#1h,
.StripFavoriteButton__button\#rQ.StripFavoriteButton__active\#Do .StripFavoriteButton__heart14\#QY,
.StripFavoriteButton__button\#rQ.StripFavoriteButton__active\#Do .StripFavoriteButton__heart15\#aX,
.StripFavoriteButton__button\#rQ.StripFavoriteButton__active\#Do .StripFavoriteButton__heart16\#vR,
.StripFavoriteButton__button\#rQ.StripFavoriteButton__active\#Do .StripFavoriteButton__heart1\#NN,
.StripFavoriteButton__button\#rQ.StripFavoriteButton__active\#Do .StripFavoriteButton__heart2\#D6,
.StripFavoriteButton__button\#rQ.StripFavoriteButton__active\#Do .StripFavoriteButton__heart3\#Ad,
.StripFavoriteButton__button\#rQ.StripFavoriteButton__active\#Do .StripFavoriteButton__heart4\#YZ,
.StripFavoriteButton__button\#rQ.StripFavoriteButton__active\#Do .StripFavoriteButton__heart5\#pW,
.StripFavoriteButton__button\#rQ.StripFavoriteButton__active\#Do .StripFavoriteButton__heart6\#O2,
.StripFavoriteButton__button\#rQ.StripFavoriteButton__active\#Do .StripFavoriteButton__heart7\#th,
.StripFavoriteButton__button\#rQ.StripFavoriteButton__active\#Do .StripFavoriteButton__heart8\#lw,
.StripFavoriteButton__button\#rQ.StripFavoriteButton__active\#Do .StripFavoriteButton__heart9\#SU {
    animation: .6s ease-in-out 1 forwards
}

.StripFavoriteButton__button\#rQ.StripFavoriteButton__active\#Do .StripFavoriteButton__heart1\#NN {
    animation-name: StripFavoriteButton__heart1\#NN
}

.StripFavoriteButton__button\#rQ.StripFavoriteButton__active\#Do .StripFavoriteButton__heart2\#D6 {
    animation-name: StripFavoriteButton__heart2\#D6
}

.StripFavoriteButton__button\#rQ.StripFavoriteButton__active\#Do .StripFavoriteButton__heart3\#Ad {
    animation-name: StripFavoriteButton__heart3\#Ad
}

.StripFavoriteButton__button\#rQ.StripFavoriteButton__active\#Do .StripFavoriteButton__heart4\#YZ {
    animation-name: StripFavoriteButton__heart4\#YZ
}

.StripFavoriteButton__button\#rQ.StripFavoriteButton__active\#Do .StripFavoriteButton__heart5\#pW {
    animation-name: StripFavoriteButton__heart5\#pW
}

.StripFavoriteButton__button\#rQ.StripFavoriteButton__active\#Do .StripFavoriteButton__heart6\#O2 {
    animation-name: StripFavoriteButton__heart6\#O2
}

.StripFavoriteButton__button\#rQ.StripFavoriteButton__active\#Do .StripFavoriteButton__heart7\#th {
    animation-name: StripFavoriteButton__heart7\#th
}

.StripFavoriteButton__button\#rQ.StripFavoriteButton__active\#Do .StripFavoriteButton__heart8\#lw {
    animation-name: StripFavoriteButton__heart8\#lw
}

.StripFavoriteButton__button\#rQ.StripFavoriteButton__active\#Do .StripFavoriteButton__heart9\#SU {
    animation-name: StripFavoriteButton__heart9\#SU
}

.StripFavoriteButton__button\#rQ.StripFavoriteButton__active\#Do .StripFavoriteButton__heart10\#lS {
    animation-name: StripFavoriteButton__heart10\#lS
}

.StripFavoriteButton__button\#rQ.StripFavoriteButton__active\#Do .StripFavoriteButton__heart11\#FZ {
    animation-name: StripFavoriteButton__heart11\#FZ
}

.StripFavoriteButton__button\#rQ.StripFavoriteButton__active\#Do .StripFavoriteButton__heart13\#1h {
    animation-name: StripFavoriteButton__heart13\#1h
}

.StripFavoriteButton__button\#rQ.StripFavoriteButton__active\#Do .StripFavoriteButton__heart14\#QY {
    animation-name: StripFavoriteButton__heart14\#QY
}

.StripFavoriteButton__button\#rQ.StripFavoriteButton__active\#Do .StripFavoriteButton__heart15\#aX {
    animation-name: StripFavoriteButton__heart15\#aX
}

.StripFavoriteButton__button\#rQ.StripFavoriteButton__active\#Do .StripFavoriteButton__heart16\#vR {
    animation-name: StripFavoriteButton__heart16\#vR
}

.StripFavoriteButton__button\#rQ.StripFavoriteButton__active\#Do .StripFavoriteButton__heart-main\#iR {
    animation: StripFavoriteButton__heartMain\#V5 .6s ease-in-out 1 forwards, StripFavoriteButton__spring\#J_ 1.4s cubic-bezier(.5, 0, .5, 1) .6s 1
}

@keyframes StripFavoriteButton__heartMain\#V5 {
    0% {
        fill: #fa5365;
        fill-opacity: 0;
        stroke-width: 1.8
    }

    50% {
        fill: #fa5365;
        fill-opacity: 1;
        stroke: #fa5365;
        stroke-width: 4
    }

    100% {
        fill: #fa5365;
        fill-opacity: 1;
        stroke: #fa5365;
        stroke-width: 1.8
    }
}

@keyframes StripFavoriteButton__spring\#J_ {

    0%,
    100%,
    50% {
        transform: scale(1)
    }

    25% {
        transform: scale(1.1)
    }

    75% {
        transform: scale(1.05)
    }
}

@keyframes StripFavoriteButton__button\#rQ {

    0%,
    100% {
        color: rgba(248, 248, 248, .8);
        transform: scale(1)
    }

    50% {
        color: #f8f8f8;
        transform: scale(1.08)
    }
}

@keyframes StripFavoriteButton__heart1\#NN {
    0% {
        opacity: 0;
        stroke-width: .072881;
        transform: scale(1)
    }

    50% {
        opacity: 1;
        transform: translate(-3.59px, -13.96px) rotate(175.63deg) scale(7.27)
    }

    100% {
        opacity: 0;
        transform: translate(-5.83px, -20.9px) rotate(-84.29deg) scale(0)
    }
}

@keyframes StripFavoriteButton__heart2\#D6 {
    0% {
        opacity: 0;
        stroke-width: .072881;
        transform: scale(1)
    }

    50% {
        opacity: 1;
        transform: translate(-8.3px, -15.58px) rotate(-14.02deg) scale(5.66)
    }

    100% {
        opacity: 0;
        transform: translate(-11.4px, -25.61px) rotate(-33.53deg) scale(0)
    }
}

@keyframes StripFavoriteButton__heart3\#Ad {
    0% {
        opacity: 0;
        stroke-width: .072881;
        transform: scale(1)
    }

    50% {
        opacity: 1;
        transform: translate(-12.71px, -9.52px) rotate(-45.84deg) scale(6.81)
    }

    100% {
        opacity: 0;
        transform: translate(-16.2px, -14.64px) rotate(74.91deg) scale(0)
    }
}

@keyframes StripFavoriteButton__heart4\#YZ {
    0% {
        opacity: 0;
        stroke-width: .072881;
        transform: scale(1)
    }

    50% {
        opacity: 1;
        transform: translate(-18.49px, -7.93px) rotate(26.93deg) scale(5.84)
    }

    100% {
        opacity: 0;
        transform: translate(-28.65px, -11.37px) rotate(66.27deg) scale(0)
    }
}

@keyframes StripFavoriteButton__heart5\#pW {
    0% {
        opacity: 0;
        stroke-width: .072881;
        transform: scale(1)
    }

    50% {
        opacity: 1;
        transform: translate(-17.96px, .42px) rotate(309.13deg) scale(9)
    }

    100% {
        opacity: 0;
        transform: translate(-29.5px, -2.75px) rotate(79.35deg) scale(0)
    }
}

@keyframes StripFavoriteButton__heart6\#O2 {
    0% {
        opacity: 0;
        stroke-width: .072881;
        transform: scale(1)
    }

    50% {
        opacity: 1;
        transform: translate(-12.02px, 5.38px) rotate(.01deg) scale(4.83)
    }

    100% {
        opacity: 0;
        transform: translate(-19.72px, 7.72px) rotate(-273.46deg) scale(0)
    }
}

@keyframes StripFavoriteButton__heart7\#th {
    0% {
        opacity: 0;
        stroke-width: .072881;
        transform: scale(1)
    }

    50% {
        opacity: 1;
        transform: translate(-14.19px, 11.21px) rotate(-26.33deg) scale(4.09)
    }

    100% {
        opacity: 0;
        transform: translate(-22.11px, 19.17px) rotate(-190.77deg) scale(0)
    }
}

@keyframes StripFavoriteButton__heart8\#lw {
    0% {
        opacity: 0;
        stroke-width: .072881;
        transform: scale(1)
    }

    50% {
        opacity: 1;
        transform: translate(-7.22px, 10.67px) rotate(-137.87deg) scale(6.8)
    }

    100% {
        opacity: 0;
        transform: translate(-9.03px, 22.08px) rotate(-66.04deg) scale(0)
    }
}

@keyframes StripFavoriteButton__heart9\#SU {
    0% {
        opacity: 0;
        stroke-width: .072881;
        transform: scale(1)
    }

    50% {
        opacity: 1;
        transform: translate(-1.7px, 15.5px) rotate(-34.26deg) scale(5.23)
    }

    100% {
        opacity: 0;
        transform: translate(-2.99px, 25.42px) rotate(-25.7deg) scale(0)
    }
}

@keyframes StripFavoriteButton__heart10\#lS {
    0% {
        opacity: 0;
        stroke-width: .072881;
        transform: scale(1)
    }

    50% {
        opacity: 1;
        transform: translate(2.36px, 8.61px) rotate(-115.72deg) scale(4.56)
    }

    100% {
        opacity: 0;
        transform: translate(4.39px, 15.75px) rotate(-223.96deg) scale(0)
    }
}

@keyframes StripFavoriteButton__heart11\#FZ {
    0% {
        opacity: 0;
        stroke-width: .072881;
        transform: scale(1)
    }

    50% {
        opacity: 1;
        transform: translate(9.86px, 10.58px) rotate(-193.71deg) scale(10.18)
    }

    100% {
        opacity: 0;
        transform: translate(12.21px, 20.42px) rotate(85.86deg) scale(0)
    }
}

@keyframes StripFavoriteButton__heart12\#Jg {
    0% {
        opacity: 0;
        stroke-width: .072881;
        transform: scale(1)
    }

    50% {
        opacity: 1;
        transform: translate(10.3px, 4.81px) rotate(-62.14deg) scale(6.8)
    }

    100% {
        opacity: 0;
        transform: translate(19.09px, 5.72px) rotate(-186.51deg) scale(0)
    }
}

.StripFavoriteButton__heart12\#Jg {
    animation-name: StripFavoriteButton__heart12\#Jg
}

@keyframes StripFavoriteButton__heart13\#1h {
    0% {
        opacity: 0;
        stroke-width: .072881;
        transform: scale(1)
    }

    50% {
        opacity: 1;
        transform: translate(17.03px, -.14px) rotate(-124.51deg) scale(6.81)
    }

    100% {
        opacity: 0;
        transform: translate(29.73px, 2.92px) rotate(-21.77deg) scale(0)
    }
}

@keyframes StripFavoriteButton__heart14\#QY {
    0% {
        opacity: 0;
        stroke-width: .072881;
        transform: scale(1)
    }

    50% {
        opacity: 1;
        transform: translate(12.59px, -5.88px) rotate(0deg) scale(4.42)
    }

    100% {
        opacity: 0;
        transform: translate(22.62px, -12.28px) rotate(5.41deg) scale(0)
    }
}

@keyframes StripFavoriteButton__heart15\#aX {
    0% {
        opacity: 0;
        stroke-width: .072881;
        transform: scale(1)
    }

    50% {
        opacity: 1;
        transform: translate(8.63px, -11.82px) rotate(26.34deg) scale(3.7)
    }

    100% {
        opacity: 0;
        transform: translate(18.12px, -20.14px) rotate(165.54deg) scale(0)
    }
}

@keyframes StripFavoriteButton__heart16\#vR {
    0% {
        opacity: 0;
        stroke-width: .072881;
        transform: scale(1)
    }

    50% {
        opacity: 1;
        transform: translate(3.72px, -9.51px) rotate(-26.29deg) scale(6.8)
    }

    100% {
        opacity: 0;
        transform: translate(4.44px, -18.49px) rotate(60.29deg) scale(0)
    }
}

.StripFooter__footer\#uF {
    align-items: flex-start;
    bottom: calc(16px + var(--strips-navbar-height));
    display: flex;
    flex-direction: column;
    left: 16px;
    max-width: calc(100% - 88px);
    position: absolute;
    z-index: 100
}

.StripFooter__footer\#uF .StripFooter__row\#nG:nth-of-type(2) {
    justify-content: flex-start;
    margin-top: 8px;
    width: 100%
}

.StripFooter__footer\#uF .StripFooter__row\#nG:nth-of-type(3) {
    margin-top: 8px
}

.StripFooter__footer\#uF .StripFooter__row\#nG:nth-of-type(4) {
    margin-top: 4px
}

.StripFooter__footer\#uF.StripFooter__footerPlaceholder\#dl .StripFooter__row\#nG:nth-of-type(2) {
    margin-top: 9px
}

.StripFooter__footer\#uF.StripFooter__footerPlaceholder\#dl .StripFooter__row\#nG:nth-of-type(3) {
    margin-top: 13px
}

.StripFooter__footer\#uF.StripFooter__footerPlaceholder\#dl .StripFooter__row\#nG:nth-of-type(4) {
    margin-top: 10px
}

.StripFooter__footer\#uF .StripFooter__iconFavoriteAdded\#nb,
.StripFooter__footer\#uF .StripFooter__liveBadge\#JR,
.StripFooter__footer\#uF .StripFooter__modelName\#Uf {
    margin-right: 8px
}

.StripFooter__row\#nG {
    align-items: center;
    display: flex;
    flex-direction: row;
    justify-content: center
}

.StripFooter__liveBadge\#JR {
    border-radius: 4px;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: .4px;
    line-height: 11px;
    padding: 2.5px 4px;
    background-color: #e71a39;
    color: #f8f8f8
}

.StripFooter__iconFavoriteAdded\#nb {
    height: 20px;
    width: 20px
}

.StripFooter__viewersCount\#cS {
    color: rgba(248, 248, 248, .8);
    font-size: 13px;
    font-weight: 400;
    letter-spacing: .2px;
    line-height: 18px
}

.StripFooter__modelName\#Uf {
    color: #f8f8f8;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: .2px;
    line-height: 24px;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    text-shadow: 0 1px 2px rgba(26, 26, 26, .4);
    white-space: nowrap
}

.StripFooter__showTopic\#Ep {
    -webkit-box-orient: vertical;
    color: rgba(248, 248, 248, .8);
    display: -webkit-box;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: .2px;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    line-height: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    text-shadow: 0 1px 2px rgba(26, 26, 26, .4)
}

.StripFooter__badgePlaceholder\#bd {
    background: #505050;
    overflow: hidden;
    position: relative;
    border-radius: 8px;
    height: 16px;
    width: 105px
}

.StripFooter__badgePlaceholder\#bd::after {
    animation: skeleton-animation 3s infinite linear;
    background-color: unset;
    background-image: linear-gradient(48.93deg, transparent 10%, #7b7b7b 57.07%, transparent 95%);
    background-size: cover;
    content: "";
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 360%
}

.StripFooter__modelNamePlaceholder\#YN {
    background: #505050;
    overflow: hidden;
    position: relative;
    border-radius: 12px;
    height: 24px;
    width: 100px
}

.StripFooter__modelNamePlaceholder\#YN::after {
    animation: skeleton-animation 3s infinite linear;
    background-color: unset;
    background-image: linear-gradient(48.93deg, transparent 10%, #7b7b7b 57.07%, transparent 95%);
    background-size: cover;
    content: "";
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 300%
}

.StripFooter__favoriteButtonPlaceholder\#oy {
    background: #505050;
    overflow: hidden;
    position: relative;
    border-radius: 12px;
    height: 24px;
    margin-left: 8px;
    width: 96px
}

.StripFooter__favoriteButtonPlaceholder\#oy::after {
    animation: skeleton-animation 3s infinite linear;
    background-color: unset;
    background-image: linear-gradient(48.93deg, transparent 10%, #7b7b7b 57.07%, transparent 95%);
    background-size: cover;
    content: "";
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 300%
}

.StripFooter__showTopicPlaceholder\#Q1 {
    background: #505050;
    overflow: hidden;
    position: relative;
    border-radius: 8px;
    height: 12px;
    width: 258px
}

.StripFooter__showTopicPlaceholder\#Q1::after {
    animation: skeleton-animation 3s infinite linear;
    background-color: unset;
    background-image: linear-gradient(48.93deg, transparent 10%, #7b7b7b 57.07%, transparent 95%);
    background-size: cover;
    content: "";
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 300%
}

.strip-backdrop {
    background: rgba(0, 0, 0, .75);
    z-index: -1;
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.strip-backdrop.soft {
    background: rgba(0, 0, 0, .5)
}

.strip-backdrop.flashlight {
    background: radial-gradient(circle at 50% 45%, rgba(0, 0, 0, .65) 0%, #000 60%)
}

.strip-backdrop.transparent {
    background: 0 0
}

.non-nude-shutter-background {
    height: 100%;
    overflow: hidden;
    position: relative;
    width: 100%;
    z-index: 1
}

.non-nude-shutter-background__image {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

.non-nude-shutter-background__content {
    align-items: center;
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: center;
    position: relative;
    width: 100%
}

.non-nude-shutter-background__wrap {
    filter: brightness(.4);
    height: 100%;
    overflow: hidden;
    position: absolute;
    top: 0;
    width: 100%
}

.non-nude-shutter-background__wrap--viewcam {
    filter: brightness(.3)
}

.non-nude-shutter-background__wrap--blur {
    filter: brightness(.4) blur(16px);
    transform: scale(1.1)
}

.non-nude-shutter-background__wrap--blur.non-nude-shutter-background__wrap--viewcam {
    filter: brightness(.3) blur(16px)
}

.non-nude-shutter-background--translucent {
    z-index: 109
}

.kebab-menu {
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.kebab-menu .dropdown-wrapper {
    max-width: unset;
    position: absolute;
    width: auto
}

.kebab-menu .dropdown-wrapper.top-left {
    bottom: calc(100% + 12px)
}

.kebab-menu__button {
    align-items: center;
    border-radius: 4px;
    cursor: pointer;
    display: flex;
    height: 24px;
    justify-content: center;
    position: relative;
    transition: 90ms ease-in-out;
    width: 24px
}

.kebab-menu__button .icon-more-vertical {
    color: rgba(255, 255, 255, .5);
    margin-right: 0
}

.kebab-menu__dropdown {
    padding: 0;
    z-index: 201
}

.kebab-menu__dropdown.dropdown-wrapper .dropdown-content {
    box-shadow: 0 0 4px rgba(17, 17, 17, .2);
    padding: 4px 0
}

.kebab-menu__dropdown.dropdown-wrapper .dropdown-content::after {
    display: none
}

.kebab-menu__dropdown-section {
    align-items: center;
    color: rgba(255, 255, 255, .6);
    display: flex;
    font-weight: 400;
    height: 32px;
    padding: 0 12px;
    white-space: nowrap;
    width: 100%;
    line-height: 1.125rem;
    font-size: .938rem
}

.kebab-menu__dropdown-section .icon {
    margin-right: 8px
}

.kebab-menu__dropdown-section:hover {
    background-color: #303133;
    color: #fff
}

.kebab-menu--viewer-model-report .kebab-menu__dropdown {
    background-color: #262626;
    border-radius: 4px
}

.kebab-menu--viewer-model-report .kebab-menu__dropdown-section:hover {
    background-color: transparent
}

.kebab-menu--viewer-model-report .kebab-menu__button {
    border-radius: 50%;
    height: 32px;
    width: 32px
}

.kebab-menu--viewer-model-report .kebab-menu__button .icon {
    color: #f8f8f8;
    transition: transform 150ms
}

.kebab-menu--viewer-model-report .kebab-menu__button:hover .icon {
    transform: scale(1.2)
}

.kebab-menu--viewer-model-report .kebab-menu__button.shown {
    background-color: #333
}

.kebab-menu--viewer-model-report .kebab-menu__button.shown .icon {
    transform: scale(1.2)
}

.NonNudeShutterWithTeasing\#sc {
    --video-border-radius: 8px;
    align-items: center;
    display: flex;
    height: 100%;
    justify-content: center;
    max-height: 100%;
    min-height: 300px;
    padding: 25px;
    transform: scale(1)
}

.NonNudeShutterWithTeasing\#sc .NonNudeShutterWithTeasing__kebabMenu\#Hi {
    opacity: 0;
    position: absolute;
    right: 10px;
    top: 10px;
    z-index: 5
}

.NonNudeShutterWithTeasing\#sc .NonNudeShutterWithTeasing__kebabMenu\#Hi>button {
    background-color: rgba(51, 51, 51, .7)
}

.NonNudeShutterWithTeasing\#sc .NonNudeShutterWithTeasing__videoWrapper\#cg:active .NonNudeShutterWithTeasing__kebabMenu\#Hi,
.NonNudeShutterWithTeasing\#sc .NonNudeShutterWithTeasing__videoWrapper\#cg:hover .NonNudeShutterWithTeasing__kebabMenu\#Hi {
    opacity: 1
}

.NonNudeShutterWithTeasing\#sc .NonNudeShutterWithTeasing__videoWrapper\#cg {
    border: 1px solid rgba(255, 255, 255, .1);
    border-radius: var(--video-border-radius);
    box-shadow: 0 0 17px 0 rgba(0, 0, 0, .25);
    max-height: 100%;
    max-width: 100%;
    transform: translateZ(0)
}

.NonNudeShutterWithTeasing\#sc .NonNudeShutterWithTeasing__videoWrapper\#cg .video-player__timer {
    display: none
}

.NonNudeShutterWithTeasing\#sc .NonNudeShutterWithTeasing__videoWrapper\#cg .video-player__children {
    z-index: 5
}

.NonNudeShutterWithTeasing\#sc .NonNudeShutterWithTeasing__videoWrapper\#cg .video-player {
    border-radius: var(--video-border-radius)
}

.NonNudeShutterWithTeasing\#sc .NonNudeShutterWithTeasing__content\#GX {
    align-items: baseline;
    display: flex;
    flex-direction: column;
    text-wrap: balance
}

.NonNudeShutterWithTeasing\#sc .NonNudeShutterWithTeasing__button\#HJ {
    color: #f8f8f8 !important;
    font-size: 16px;
    font-weight: 700;
    line-height: 22px;
    margin: 0 0 12px;
    padding: 8px 20px
}

.NonNudeShutterWithTeasing\#sc .NonNudeShutterWithTeasing__header\#eE {
    align-items: center;
    display: flex;
    margin-bottom: 16px
}

.NonNudeShutterWithTeasing\#sc .NonNudeShutterWithTeasing__fire\#M1 {
    height: 32px;
    margin-right: 8px;
    width: 32px
}

.NonNudeShutterWithTeasing\#sc .NonNudeShutterWithTeasing__title\#pZ {
    color: #f8f8f8;
    font-size: 18px;
    font-weight: 700
}

.NonNudeShutterWithTeasing\#sc .NonNudeShutterWithTeasing__description\#zS {
    color: #f8f8f8;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: .2px;
    line-height: 18px;
    margin-bottom: 16px
}

.NonNudeShutterWithTeasing\#sc .NonNudeShutterWithTeasing__timeHint\#AA {
    align-items: center;
    display: flex
}

.NonNudeShutterWithTeasing\#sc .NonNudeShutterWithTeasing__voltageIcon\#CC {
    height: 14px;
    margin-right: 4px;
    width: 14px
}

.NonNudeShutterWithTeasing\#sc .NonNudeShutterWithTeasing__timeHintText\#tB {
    color: rgba(248, 248, 248, .6);
    font-size: 12px;
    letter-spacing: .2px;
    line-height: 16px
}

.NonNudeShutterWithTeasing\#sc.NonNudeShutterWithTeasing__landscape\#Dr {
    flex-direction: column
}

.NonNudeShutterWithTeasing\#sc.NonNudeShutterWithTeasing__landscape\#Dr .NonNudeShutterWithTeasing__content\#GX {
    align-items: center;
    text-align: center
}

.NonNudeShutterWithTeasing\#sc.NonNudeShutterWithTeasing__landscape\#Dr .NonNudeShutterWithTeasing__videoWrapper\#cg {
    flex: unset;
    margin-bottom: 16px;
    width: 100%
}

.NonNudeShutterWithTeasing\#sc.NonNudeShutterWithTeasing__landscape\#Dr .NonNudeShutterWithTeasing__button\#HJ,
.NonNudeShutterWithTeasing\#sc.NonNudeShutterWithTeasing__landscape\#Dr .NonNudeShutterWithTeasing__description\#zS,
.NonNudeShutterWithTeasing\#sc.NonNudeShutterWithTeasing__landscape\#Dr .NonNudeShutterWithTeasing__header\#eE {
    margin-bottom: 8px
}

.NonNudeShutterWithTeasing\#sc.NonNudeShutterWithTeasing__portrait\#Lz .NonNudeShutterWithTeasing__videoWrapper\#cg {
    flex: 1;
    margin-right: 16px;
    max-height: 400px
}

.NonNudeShutterWithTeasing\#sc.NonNudeShutterWithTeasing__portrait\#Lz .NonNudeShutterWithTeasing__content\#GX {
    flex: 1
}

.non-nude-shutter-profile {
    max-width: 500px;
    padding: 32px;
    text-align: center
}

.non-nude-shutter-profile--big .non-nude-shutter-profile__icon {
    height: 68px;
    width: 68px
}

.non-nude-shutter-profile--big .non-nude-shutter-profile__title {
    margin-top: 24px;
    font-size: 2rem;
    line-height: 1.5rem
}

.non-nude-shutter-profile--big .non-nude-shutter-profile__description {
    margin-top: 24px;
    font-size: 1.125rem
}

.non-nude-shutter-profile--big .non-nude-shutter-profile__button {
    margin-top: 24px;
    padding: 18px 58px;
    font-size: 1.125rem;
    line-height: 1.375rem
}

.non-nude-shutter-profile--big .non-nude-shutter-profile__time-hint {
    margin-top: 16px
}

.non-nude-shutter-profile--force-white-text .non-nude-shutter-profile__description,
.non-nude-shutter-profile--force-white-text .non-nude-shutter-profile__time-hint,
.non-nude-shutter-profile--force-white-text .non-nude-shutter-profile__time-hint-text,
.non-nude-shutter-profile--force-white-text .non-nude-shutter-profile__title {
    color: #f8f8f8
}

.non-nude-shutter-profile__button {
    margin: 24px 0 0;
    padding: 8px 64px;
    font-size: 1rem;
    line-height: 1.5rem
}

.non-nude-shutter-profile__title {
    font-weight: 700;
    margin-top: 16px;
    font-size: 1.5rem
}

.non-nude-shutter-profile__description {
    margin-top: 16px;
    font-size: 1rem
}

.non-nude-shutter-profile__icon {
    height: 64px;
    width: 64px
}

.non-nude-shutter-profile__voltage-icon {
    height: 14px;
    margin-right: 4px;
    width: 14px
}

.non-nude-shutter-profile__time-hint-text {
    color: #f8f8f8;
    opacity: .6;
    font-size: .813rem
}

.non-nude-shutter-profile__time-hint {
    margin-top: 10px
}

.non-nude-shutter-profile__loader {
    height: 300px
}

.StripAvatar\#l3 {
    position: relative
}

.StripMenuButton__iconWrapper\#pk {
    align-items: center;
    display: flex;
    height: 32px;
    justify-content: center;
    width: 32px
}

.StripMenuButton__iconWrapper\#pk svg {
    height: 20px;
    width: 20px
}

.StripMenuButton__menuButtonOpen\#VM .StripMenuButton__iconWrapper\#pk {
    background: #404040;
    border-radius: 50%
}

.StripMenuButton__tooltipRoot\#eV {
    padding: 0;
    z-index: 201
}

.StripMenuButton__tooltipRoot\#eV>.tooltip-inner {
    background: #3e3f42;
    box-shadow: 0 4px 32px rgba(0, 0, 0, .6);
    padding: 0
}

.StripMenuButton__tooltipRoot\#eV>.tooltip-inner::before {
    display: none
}

.StripMenuButton__reportButton\#Dj {
    align-items: center;
    color: rgba(255, 255, 255, .8);
    display: flex;
    font-weight: 400;
    padding: 14px 16px;
    white-space: nowrap;
    width: 100%;
    line-height: 1.125rem;
    font-size: .938rem
}

.StripMenuButton__reportButton\#Dj .StripMenuButton__icon\#ed {
    margin-right: 8px
}

.StripSidebar__sidebar\#yp {
    bottom: calc(16px + var(--strips-navbar-height));
    flex-direction: column;
    position: absolute;
    right: 8px;
    z-index: 100
}

.StripSidebar__sidebar\#yp .StripSidebar__control\#fP:first-of-type {
    margin-top: 8px
}

.StripSidebar__sidebar\#yp .StripSidebar__control\#fP:nth-of-type(2) {
    margin-top: 4px
}

.StripSidebar__control\#fP {
    align-items: center;
    color: rgba(248, 248, 248, .8);
    display: flex;
    height: 44px;
    justify-content: center;
    width: 44px
}

.StripSidebar__control\#fP:hover {
    cursor: pointer
}

.StripSidebar__volumeControl\#rN svg {
    height: 24px;
    width: 24px
}

.StripSidebar__avatar\#vk {
    color: #f8f8f8;
    font-size: 2px;
    height: 44px;
    margin-bottom: 8px;
    width: 44px
}

.StripSidebar__avatar\#vk.color-league-default {
    color: #f8f8f8
}

.StripSidebar__avatar\#vk::after {
    border: 2px solid #303133;
    border-radius: 100%;
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.StripSidebar__avatarPlaceholder\#YK {
    background: #505050;
    border-radius: 50%;
    height: 44px;
    margin-bottom: 108px;
    overflow: hidden;
    position: relative;
    width: 44px
}

.StripSidebar__avatarPlaceholder\#YK::after {
    animation: skeleton-animation 3s infinite linear;
    background-color: unset;
    background-image: linear-gradient(48.93deg, transparent 10%, #7b7b7b 57.07%, transparent 95%);
    background-size: cover;
    content: "";
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 500%
}

.StripSidebar__sidebar\#yp .avatar .image-background--round {
    height: 38px;
    position: relative;
    width: 38px
}

.StripSidebar__sidebar\#yp .avatar::after {
    display: none
}

.Watermark\#gY {
    background: right center/contain no-repeat;
    bottom: 0;
    height: 28px;
    margin: 10px;
    opacity: .7;
    pointer-events: none;
    position: absolute;
    right: 0;
    width: 130px;
    z-index: 102
}

.StripErrorBanner\#rt {
    background: rgba(0, 0, 0, .6);
    color: #e0e1e6;
    height: 100%;
    left: 0;
    padding-left: 16px;
    padding-right: 16px;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 100
}

.StripErrorBanner\#rt .StripErrorBanner__title\#j4 {
    margin-top: 19px
}

.StripErrorBanner\#rt .StripErrorBanner__description\#LY {
    margin-top: 4px
}

.StripErrorBanner\#rt .StripErrorBanner__button\#aq {
    margin-top: 24px
}

.StripErrorBanner__content\#u3 {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    left: 16px;
    position: absolute;
    top: 30%;
    width: calc(100% - 32px)
}

.StripErrorBanner__title\#j4 {
    color: #f8f8f8;
    font-size: 18px;
    font-weight: 700;
    line-height: 26px;
    text-align: center
}

.StripErrorBanner__description\#LY {
    color: rgba(255, 255, 255, .8);
    font-size: 16px;
    font-weight: 400;
    letter-spacing: .2px;
    line-height: 24px;
    text-align: center
}

.StripErrorBanner__icon\#XH {
    height: 72px;
    width: 72px
}

@keyframes OfflineBanner__fadeIn\#Pb {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.OfflineBanner\#zp {
    animation: OfflineBanner__fadeIn\#Pb .6s ease-in-out forwards
}

.StripVideo\#Gt {
    height: 100%;
    overflow: hidden
}

.StripVideo\#Gt img {
    z-index: 1
}

.StripVideo\#Gt video {
    z-index: 2;
    -o-object-fit: contain;
    object-fit: contain;
    background: 0 0;
    height: 100%;
    min-height: 100%;
    position: relative;
    width: 100%;
    -o-object-fit: contain;
    -o-object-fit: var(--resize-params-object-fit, contain);
    object-fit: contain;
    object-fit: var(--resize-params-object-fit, contain);
    top: 0;
    top: var(--resize-params-top, 0)
}

.StripVideo\#Gt:not(.StripVideo__vertical\#j_) .watermark {
    bottom: calc(0px + 0px - 4px);
    bottom: calc(var(--resize-params-bottom-percent, 0px) + var(--resize-params-vertical-padding, 0px) - 4px);
    right: 0
}

.StripVideo\#Gt.StripVideo__vertical\#j_.StripVideo__fullScreen\#Ov .watermark {
    left: -12px;
    top: 4.5px
}

.StripVideo\#Gt:not(.StripVideo__fullScreen\#Ov).StripVideo__vertical\#j_ .watermark {
    left: -12px;
    top: calc(0px + 0px + 4px);
    top: calc(var(--resize-params-bottom-percent, 0px) + var(--resize-params-vertical-padding, 0px) + 4px)
}

.StripVideo__offline\#JI video {
    visibility: hidden
}

.StripVideo__inactive\#xP video {
    display: none
}

.StripVideo__wrapper\#lT {
    height: 100%;
    overflow: hidden;
    position: relative;
    width: 100%
}

.Strip__player\#gd {
    height: 100%;
    width: 100%
}

.Strip\#Zt {
    min-height: 100vh;
    min-height: 100dvh;
    overflow: hidden;
    position: relative;
    scroll-snap-align: start end;
    scroll-snap-stop: always;
    width: 100%
}

.Strip__hidden\#YM {
    display: none
}

.Strip__loader\#lI {
    z-index: 5
}

.Strip__loader\#lI .sector-circle {
    border-bottom: 2px solid rgba(0, 0, 0, .1);
    border-left: 2px solid rgba(255, 255, 255, .4);
    border-right: 2px solid rgba(0, 0, 0, .1);
    border-top: 2px solid rgba(0, 0, 0, .1)
}

.Strips\#Kl {
    display: flex;
    flex-direction: column;
    height: 100vh;
    height: 100dvh;
    max-height: 100%;
    overflow-y: scroll;
    overscroll-behavior: none;
    position: relative;
    scroll-snap-type: y mandatory;
    touch-action: pan-y;
    width: 100%;
    -ms-overflow-style: none;
    scrollbar-width: none;
    overflow-anchor: none;
    --strips-navbar-height: calc(0px)
}

.Strips\#Kl::-webkit-scrollbar {
    display: none
}

.Strips\#Kl * {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.strips-page-body {
    overflow: hidden
}

.Strips__header\#Qb {
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 120
}

.Strips__close\#l2 {
    align-items: center;
    color: rgba(248, 248, 248, .8);
    display: flex;
    height: 44px;
    justify-content: center;
    margin-left: auto;
    margin-right: 8px;
    margin-top: 4px;
    width: 44px
}

.Strips__close\#l2 svg {
    height: 20px;
    width: 20px
}

.Strips\#Kl .mobile-navbar {
    background: 0 0;
    bottom: 0;
    height: 62px;
    position: absolute;
    width: 100%;
    z-index: 123
}

.Strips\#Kl .mobile-navbar .mobile-navbar__inner {
    box-shadow: none
}

.Strips\#Wq {
    --strips-navbar-height: 70px
}

.Strips\#Wq .mobile-navbar {
    background: 0 0;
    bottom: 0;
    height: var(--strips-navbar-height);
    position: fixed;
    width: 100%;
    z-index: 123
}

.Strips\#Wq .mobile-navbar .mobile-navbar__inner {
    box-shadow: none
}

.Strips__navbarItem\#Yu {
    color: rgba(240, 240, 240, .4)
}

.Strips__navbarItem\#Yu svg {
    fill: rgba(240, 240, 240, 0.4)
}

.Strips__navbarActiveItem\#Fj {
    color: #f0f0f0
}

.Strips__navbarActiveItem\#Fj svg {
    fill: #f0f0f0
}

.Strips\#Kl .cookies-reminder {
    z-index: 409
}

.Strips__topGradient\#Sw {
    background: linear-gradient(0deg, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, .8) 116.08dvh);
    height: 20vh;
    height: 20dvh;
    pointer-events: none;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 99
}

.Strips__bottomGradient\#J5 {
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, .5) 67.08dvh, rgba(0, 0, 0, .8) 116.08dvh);
    bottom: 0;
    height: 40vh;
    height: calc(40dvh + var(--strips-navbar-height));
    pointer-events: none;
    position: fixed;
    width: 100%;
    z-index: 99
}

.StripsLayout\#Gr {
    background: #383838;
    height: 100dvh;
    overflow: hidden;
    width: 100%
}

.signup-page {
    background-color: #000
}

.signup-page .sign-up-new {
    display: inline-block
}

.signup-page__vr-button {
    margin-top: -45px;
    text-align: left
}

.StripsNotSupportedPage\#vR {
    align-items: center;
    display: flex;
    height: 100%;
    justify-content: center;
    min-height: calc(100vh - 96px);
    width: 100%
}

.StripsNotSupportedPage__content\#IH {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-top: -90px;
    width: 272px
}

.StripsNotSupportedPage__content\#IH .StripsNotSupportedPage__text\#dG {
    margin-top: 24px
}

.StripsNotSupportedPage__content\#IH .btn {
    margin-bottom: 0;
    margin-top: 24px
}

.StripsNotSupportedPage__content\#IH svg {
    color: rgba(248, 248, 248, .8)
}

.StripsNotSupportedPage__text\#dG {
    color: rgba(248, 248, 248, .8);
    font-size: 16px;
    font-weight: 400;
    letter-spacing: .2px;
    line-height: 24px;
    text-align: center
}

.being-redirected {
    align-items: center;
    display: flex;
    flex-direction: column
}

.being-redirected .being-redirected-message {
    color: rgba(255, 255, 255, .6);
    font-weight: 400;
    margin: 30px 0 0
}

.being-redirected .loader {
    margin: 0
}

.VRSeoBadge\#ch {
    background-color: #477dd2;
    border-radius: 4px;
    color: #fff;
    display: inline-block;
    font-size: 28px;
    font-weight: 700;
    line-height: 42px;
    margin-right: 10px;
    padding: 0 12px;
    text-align: center
}

.vr-footer-actions {
    display: flex;
    flex-direction: column
}

.vr-footer-actions__row {
    align-items: center;
    display: flex;
    justify-content: center
}

.vr-footer-actions__row:first-child {
    margin-bottom: 17px
}

.vr-footer-actions__row--small:first-child {
    margin-bottom: 8px
}

.vr-footer-actions__button {
    align-items: center;
    background-color: rgba(255, 255, 255, .1);
    border-radius: 16px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-left: 24px;
    max-width: 252px;
    padding: 30px 0 20px;
    width: 100%;
    font-size: 1.438rem;
    line-height: 2.625rem
}

.vr-footer-actions__button:first-child {
    margin-left: 0
}

.vr-footer-actions__button .icon {
    margin-bottom: 10px;
    margin-right: 0
}

.vr-footer-actions__button .icon-oculus {
    height: 40px;
    width: 66px
}

.vr-footer-actions__button .icon-valve-index {
    height: 38px;
    width: 74px
}

.vr-footer-actions__button .icon-hp-reverb {
    height: 50px;
    margin-bottom: 0;
    width: 50px
}

.vr-footer-actions__button .icon-vive {
    height: 40px;
    width: 46px
}

.vr-footer-actions__button .icon-pico-ds {
    height: 40px;
    margin-bottom: 6px;
    margin-top: 4px;
    width: 166px
}

.vr-footer-actions__button .icon-android {
    height: 21px;
    margin: 14px 0;
    width: 162px
}

.vr-footer-actions__button--small {
    background-color: rgba(255, 255, 255, .04);
    margin-left: 8px;
    padding: 18px 0 10px;
    font-size: .813rem;
    line-height: 1.5rem
}

.vr-footer-actions__button--small:first-child {
    margin-left: 0
}

.vr-footer-actions__button--small .icon-oculus {
    height: 22px;
    width: 34px
}

.vr-footer-actions__button--small .icon-vive {
    height: 24px;
    width: 26px
}

.vr-footer-actions__button--small .icon-valve-index {
    height: 21px;
    width: 42px
}

.vr-footer-actions__button--small .icon-hp-reverb {
    height: 28px;
    margin-bottom: 0;
    width: 28px
}

.vr-footer-actions__button--small .icon-pico-ds {
    height: 24px;
    width: 94px
}

.vr-footer-actions__button--small .icon-android {
    height: 12px;
    width: 91px
}

.vr-footer-title {
    color: #fff;
    display: inline-block;
    font-weight: 500;
    margin: 0;
    text-align: center;
    font-size: 1.75rem;
    line-height: 1.875rem
}

.vr-footer-title--inherit-color {
    color: inherit
}

.vr-footer-title__accent-text {
    color: #89bbf5;
    text-decoration: underline;
    text-transform: lowercase;
    vertical-align: top;
    white-space: nowrap
}

.vr-footer-title__accent-text .icon-vr-3 {
    height: 36px;
    margin: 0 8px 0 4px;
    width: 36px
}

.vr-footer-title__accent-text .icon-chevron-right {
    height: 17px;
    margin: 0 0 0 7px;
    width: 11px
}

.vr-footer-title__accent-text:active,
.vr-footer-title__accent-text:focus,
.vr-footer-title__accent-text:hover {
    color: #b8d6f9
}

.vr-footer-title--inherit-color .vr-footer-title__accent-text {
    color: #89bbf5
}

.vr-footer-title--inherit-color .vr-footer-title__accent-text:active,
.vr-footer-title--inherit-color .vr-footer-title__accent-text:focus,
.vr-footer-title--inherit-color .vr-footer-title__accent-text:hover {
    color: #b8d6f9
}

.vr-footer-title__text {
    vertical-align: top
}

.index-page-vr-footer {
    color: #f8f8f8;
    margin-top: 50px;
    text-align: center
}

.index-page-vr-footer__actions {
    margin-bottom: 16px;
    margin-top: 48px
}

.index-page-vr-footer__support {
    color: #a4a4a4;
    font-size: 15px;
    font-weight: 400;
    letter-spacing: normal;
    line-height: normal
}

.index-page-vr-footer__support-link {
    text-decoration: underline
}

.index-page-vr-footer__support-link:active,
.index-page-vr-footer__support-link:focus,
.index-page-vr-footer__support-link:hover {
    color: #f8f8f8
}

.index-page-vr-footer__enter-vr-button {
    margin-top: 52px
}

.index-page-vr-footer__title {
    font-weight: 500;
    margin-top: 74px;
    font-size: 1.75rem
}

.index-page-vr-footer__title--with-badge {
    align-items: center;
    display: flex;
    margin-top: 96px
}

.index-page-vr-footer__title--with-badge .vr-seo-badge {
    margin-right: 20px
}

.index-page-vr-footer__title--small {
    margin-top: 48px;
    font-size: 1.375rem
}

.index-page-vr-footer__list {
    background-color: rgba(255, 255, 255, .08);
    border-radius: 16px;
    color: rgba(248, 248, 248, .7);
    margin: 40px auto;
    max-width: 804px;
    padding: 24px;
    text-align: left
}

.index-page-vr-footer__list-item {
    margin: 0 0 30px;
    font-size: 16px;
    font-weight: 400;
    letter-spacing: normal;
    line-height: 1.625rem
}

.index-page-vr-footer__list-item:last-child {
    margin-bottom: 0
}

.index-page-vr-footer__border-container {
    border-left: 1px solid rgba(255, 255, 255, .1);
    margin: 0 auto;
    max-width: 804px;
    padding-left: 56px;
    text-align: left
}

.index-page-vr-footer__paragraph {
    color: rgba(248, 248, 248, .7);
    margin-top: 48px;
    font-size: 16px;
    font-weight: 400;
    letter-spacing: normal;
    line-height: 1.625rem
}

.index-page-vr-footer__paragraph--small {
    margin-top: 28px
}

.index-page-vr-footer__contact-us {
    margin-top: 40px
}

.index-page-vr-footer__button-contact {
    align-items: center;
    border: 2px solid #979797;
    color: #fff;
    display: inline-flex;
    font-weight: 700;
    height: 40px;
    margin-bottom: 0;
    margin-left: auto;
    font-size: .813rem
}

.index-page-vr-footer__button-contact svg {
    color: #eb3340;
    height: 18px;
    margin-right: 16px;
    width: 18px
}

.index-page-vr-footer__button-contact:active,
.index-page-vr-footer__button-contact:focus,
.index-page-vr-footer__button-contact:hover {
    border-color: #fff;
    color: #fff !important
}

.index-page-vr-footer__button-contact:active svg,
.index-page-vr-footer__button-contact:focus svg,
.index-page-vr-footer__button-contact:hover svg {
    color: #eb3340
}

.index-page-vr-footer__button-contact--large {
    font-size: 16px;
    height: 52px;
    justify-content: center;
    line-height: 30px;
    min-width: 250px
}

.index-page-vr-footer__button-contact--large svg {
    height: 30px;
    margin-right: 12px;
    width: 24px
}

.CategoryVerifiedIcon\#Hu {
    background-image: url(common/images/verified.svg);
    display: inline-block;
    flex-shrink: 0;
    height: 20px;
    margin-bottom: -2px;
    margin-left: 8px;
    width: 20px
}

.IndexPageVRHeader\#yu>.watch-vr {
    display: none
}

.IndexPageVRHeader__titleWrapper\#RQ {
    align-items: baseline;
    display: flex;
    flex-wrap: nowrap;
    justify-content: flex-start
}

.IndexPageVRHeader__header\#k5 {
    align-items: center;
    border-bottom: 1px solid rgba(255, 255, 255, .1);
    display: flex;
    justify-content: flex-start;
    margin: 16px 0 !important;
    padding-bottom: 20px;
    position: relative
}

.IndexPageVRHeader__header\#k5 .header-notes {
    font-style: italic;
    text-align: right
}

.IndexPageVRHeader__header\#k5 .header-notes p {
    margin-bottom: .4rem
}

.IndexPageVRHeader__header\#k5 .header-notes p:last-child {
    margin-bottom: 0
}

.IndexPageVRHeader__subheader\#Ql {
    margin: 21px 0 27px
}

.IndexPageVRHeader__subheader\#Ql h2 {
    color: rgba(255, 255, 255, .78);
    font-weight: 400;
    max-width: 875px;
    opacity: .78;
    letter-spacing: 0rem;
    font-size: 1rem;
    line-height: 1.625rem
}

.IndexPageVRHeader__vrHeader\#i5 {
    align-items: center
}

.IndexPageVR__content\#IA {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: space-between;
    min-width: 0;
    padding-bottom: 50px;
    width: 100%
}

.IndexPageVR\#FM .watch-vr {
    margin-left: auto
}

.IndexPageVR\#FM .model-list {
    background-color: rgba(216, 216, 216, .06);
    border-radius: 9px;
    padding: 12px
}

.indexpage.index-page-new-paddings .IndexPageVR\#FM {
    padding-left: var(--page-padding-inline);
    padding-right: var(--page-padding-inline)
}

.tag-info-for-model {
    color: #f8f8f8
}

.tag-info-for-model-title {
    font-size: 22px;
    font-weight: 700;
    letter-spacing: normal;
    line-height: normal;
    color: #fa5365;
    color: var(--primary-light);
    display: block;
    margin-bottom: 21px
}

.tag-info-for-model-content {
    font-size: 16px;
    font-weight: 400;
    letter-spacing: normal;
    line-height: 24px;
    display: block;
    max-width: 1000px
}

.tag-info-for-model .underlined-link {
    color: #f8f8f8;
    text-decoration: underline
}

.tag-info-for-model .link-with-accent {
    color: #9dc0fd;
    font-weight: 700
}

.filters-group__actions {
    align-items: center;
    border-top: 1px solid #2e2e2e;
    display: flex;
    justify-content: space-between;
    padding: 12px 16px
}

.filters-group__actions .btn {
    font-weight: 400;
    margin-bottom: 0
}

.filters-group__actions_apply,
.filters-group__actions_close {
    border: none
}

.filters-group__actions_close {
    background-color: #333;
    color: #f8f8f8
}

.filters-group__actions_close:active,
.filters-group__actions_close:hover {
    background-color: #464646
}

.filters-group-content-tag {
    color: #f8f8f8;
    cursor: pointer;
    display: flex;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px
}

.filters-group-content-tag .model-filter__link-label {
    align-items: center;
    display: flex;
    text-align: start
}

.filters-group-content-tag .model-filter__link-label .country-flag {
    background-position: center;
    display: block;
    margin-right: 8px;
    min-width: 24px
}

.filters-group-content-tag__checkbox {
    border-color: #f8f8f8
}

.filters-group-content-tag__checkbox .checkbox-ds__icon {
    height: 11px;
    width: 11px
}

.filters-group-content-tag__checkbox .checkbox-ds__box {
    height: 15px;
    margin-right: 12px;
    width: 15px
}

.filters-group-content-tag__checkbox .checkbox-ds__box--checked {
    background-color: #2cca65;
    border-color: #2cca65;
    fill: #262626
}

.filters-group-content-tag__checkbox .checkbox-ds__box--checked .checkbox-ds__icon {
    color: #3e3f42
}

.filters-group-content-categories-category__tags {
    display: grid;
    grid-auto-flow: column;
    grid-column-gap: 20px;
    grid-row-gap: 4px;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: repeat(var(--itemsPerColumn), auto)
}

.filters-group-content-categories__category--title {
    color: rgba(248, 248, 248, .4);
    font-size: 12px;
    font-weight: 500;
    line-height: 15px;
    text-transform: uppercase;
    margin-bottom: 12px
}

.filters-group-content__categories .filters-group-content-categories__category:not(:last-child) {
    margin-bottom: 8px
}

.filters-group__content {
    padding: 20px
}

.filters-group__content .filters-group-title {
    margin-bottom: 20px
}

.separated-filter-bubble-indicator {
    background-color: #2cca65;
    border-radius: 50%;
    height: 14px;
    width: 14px
}

.filter-bubble-icon {
    height: 20px;
    position: relative;
    width: 20px
}

.filter-bubble-icon__indicator {
    position: absolute;
    right: -4px;
    top: -4px
}

.separated-filter__bubble {
    align-items: center;
    border: 2px solid transparent;
    border-radius: 80px;
    cursor: pointer;
    display: inline-flex;
    flex-shrink: 0;
    height: 32px;
    margin: 0;
    padding: 6px 12px;
    font-size: .813rem;
    line-height: 1.063rem;
    background-color: #333;
    color: #f8f8f8
}

.separated-filter__bubble .icon:not(.icon-close-circle-ds) {
    fill: #f8f8f8
}

.separated-filter__bubble .filter-bubble-icon {
    margin-right: 8px
}

.separated-filter__bubble .filter-bubble-icon__indicator {
    border: 3px solid #333;
    transition: 90ms ease-in-out
}

.separated-filter__bubble__label {
    align-items: center;
    display: flex
}

.separated-filter__bubble .filters-group-title__icon {
    margin-right: 8px
}

.separated-filter__bubble .icon {
    margin-right: 0
}

.separated-filter__bubble .icon-triangle-arrow-down-ds,
.separated-filter__bubble .icon-triangle-arrow-up-ds {
    margin-left: 4px
}

.separated-filter__bubble:active,
.separated-filter__bubble:focus {
    background-color: #333;
    color: #f8f8f8
}

.separated-filter__bubble:active .filter-bubble-icon__indicator,
.separated-filter__bubble:focus .filter-bubble-icon__indicator {
    border-color: #333
}

.separated-filter__bubble:active .icon:not(.icon-close-circle-ds),
.separated-filter__bubble:focus .icon:not(.icon-close-circle-ds) {
    fill: #f8f8f8
}

.separated-filter__bubble.separated-filter__button:hover {
    background-color: #464646;
    border-color: #5b5b5b;
    color: #f8f8f8
}

.separated-filter__bubble.separated-filter__button:hover .filter-bubble-icon__indicator {
    border-color: #464646
}

.separated-filter__bubble.separated-filter__button:hover .icon:not(.icon-close-circle-ds) {
    fill: #f8f8f8
}

.separated-filter__bubble.separated-filter__button:hover .icon-close-circle-ds {
    fill: rgba(248, 248, 248, 0.6)
}

.separated-filter__bubble--selected {
    background-color: #464646;
    border: 2px solid #5b5b5b;
    color: #f8f8f8;
    cursor: pointer;
    position: relative
}

.separated-filter__bubble--selected .icon:not(.icon-close-circle-ds) {
    fill: #f8f8f8
}

.separated-filter__bubble--selected .icon-close-circle-ds {
    fill: rgba(248, 248, 248, 0.6)
}

.separated-filter__bubble--selected .filter-bubble-icon__indicator {
    border-color: #464646
}

.separated-filter__bubble--selected:focus,
.separated-filter__bubble--selected:hover {
    background-color: #464646;
    color: #f8f8f8
}

.separated-filter__bubble--selected:focus .icon:not(.icon-close-circle-ds),
.separated-filter__bubble--selected:hover .icon:not(.icon-close-circle-ds) {
    fill: #f8f8f8
}

.separated-filter__bubble--selected:focus .icon-close-circle-ds,
.separated-filter__bubble--selected:hover .icon-close-circle-ds {
    fill: rgba(248, 248, 248, 0.6)
}

.separated-filter__bubble--selected:focus .filter-bubble-icon__indicator,
.separated-filter__bubble--selected:hover .filter-bubble-icon__indicator {
    border-color: #464646
}

.separated-filter__bubble--clearable:not(.separated-filter__bubble--selected) .icon-close-circle-ds {
    fill: rgba(248, 248, 248, 0.6)
}

.separated-filter__bubble--clearable {
    padding-right: 28px
}

.separated-filter__bubble--clearable .bubble-close-area {
    height: 32px;
    padding: 6px;
    position: absolute;
    right: -2px;
    width: 32px
}

.separated-filter__bubble--clearable .bubble-close-area:hover .icon-close-circle-ds {
    fill: #f8f8f8
}

.separated-filter__bubble--clearable-mobile {
    padding-right: 32px
}

.FiltersInlineContainer\#lp {
    align-items: center;
    display: flex;
    overflow-x: auto;
    -ms-overflow-style: none;
    scrollbar-width: none
}

.FiltersInlineContainer\#lp::-webkit-scrollbar {
    display: none
}

.FiltersInlineContainer\#lp.FiltersInlineContainer__modal\#nZ .FiltersInlineContainer__arrow\#MJ {
    display: none
}

.FiltersInlineContainer\#lp.FiltersInlineContainer__modal\#nZ .FiltersInlineContainer__shadow_left\#UB {
    background: linear-gradient(270deg, rgba(62, 63, 66, 0) 90%, #3e3f42 100%)
}

.FiltersInlineContainer\#lp.FiltersInlineContainer__modal\#nZ .FiltersInlineContainer__shadow_right\#Pm {
    background: linear-gradient(90deg, rgba(62, 63, 66, 0) 90%, #3e3f42 100%)
}

.FiltersInlineContainer\#lp.FiltersInlineContainer__modal\#nZ .FiltersInlineContainer__shadow_both\#TR {
    background: linear-gradient(270deg, rgba(62, 63, 66, 0) 90%, #3e3f42 100%), linear-gradient(90deg, rgba(62, 63, 66, 0) 90%, #3e3f42 100%)
}

.FiltersInlineContainer__shadow\#xH {
    height: 32px;
    left: 0;
    pointer-events: none;
    position: absolute;
    width: 100%;
    z-index: 2
}

.FiltersInlineContainer__shadow_left\#UB {
    background: linear-gradient(270deg, rgba(0, 0, 0, 0) 90%, #000 100%)
}

.FiltersInlineContainer__shadow_right\#Pm {
    background: linear-gradient(90deg, rgba(0, 0, 0, 0) 90%, #000 100%)
}

.FiltersInlineContainer__shadow_both\#TR {
    background: linear-gradient(270deg, rgba(0, 0, 0, 0) 90%, #000 100%), linear-gradient(90deg, rgba(0, 0, 0, 0) 90%, #000 100%)
}

.FiltersInlineContainer__arrow\#MJ {
    align-items: center;
    background: #434343;
    border-radius: 50%;
    color: #f8f8f8;
    cursor: pointer;
    display: none;
    height: 32px;
    justify-content: center;
    position: absolute;
    width: 32px;
    z-index: 3
}

.FiltersInlineContainer__arrow_left\#Uj {
    left: 20px
}

.FiltersInlineContainer__arrow_right\#gV {
    right: 20px
}

.FiltersInlineContainer__arrow\#MJ:hover {
    background: #464646;
    border: 2px solid #5b5b5b
}

.FiltersInlineContainer__arrow\#MJ .icon {
    margin-right: 0
}

.separated-filter-modal-header {
    border-bottom: 1px solid #2e2e2e;
    max-width: 100vw;
    position: relative;
    z-index: 1
}

.separated-filter-modal-header__wrapper {
    align-items: center;
    display: flex;
    justify-content: space-between;
    padding: 12px 20px
}

.separated-filter-modal-header__title {
    font-size: 16px;
    font-weight: 700;
    line-height: 24px
}

.separated-filter-modal-header__close-icon {
    color: rgba(248, 248, 248, .4)
}

.separated-filter-modal-header__filters {
    padding: 12px 20px
}

.separated-filter-modal-header__filters .separated-filter__bubble {
    margin-bottom: 0
}

.separated-filter-modal-header__filters .separated-filter__bubble:not(:last-child) {
    margin-right: 12px
}

.modal-base-overlay.separated-filter-modal-overlay {
    padding: 0
}

.modal-base-overlay.separated-filter-modal-overlay .separated-filter-modal {
    margin-top: 0
}

.modal-base-overlay.separated-filter-modal-overlay .separated-filter-modal .modal-ds-content {
    background-color: #3e3f42;
    border-radius: 0;
    display: grid;
    grid-template-rows: auto 1fr auto
}

.modal-base-overlay.separated-filter-modal-overlay .separated-filter-modal .filters-group__actions {
    background-color: #3e3f42
}

.modal-base-overlay.separated-filter-modal-overlay .separated-filter-modal .filters-group__actions_close {
    background-color: #5b5b5b
}

.FiltersGroupTitle\#jv {
    align-items: center;
    border-bottom: 1px solid #2e2e2e;
    color: rgba(248, 248, 248, .9);
    display: flex;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px;
    padding: 8px 14px 8px 20px
}

.FiltersGroupTitle__close\#rb {
    align-items: center;
    color: rgba(248, 248, 248, .4);
    cursor: pointer;
    display: flex;
    margin-left: auto;
    padding: 6px
}

.FiltersGroupTitle__close\#rb .icon {
    margin-right: 0
}

.FiltersGroupTitle__close\#rb:hover {
    color: #f8f8f8
}

.separated-filter__tooltip--scroll-wrapper,
.separated-filter__tooltip--wrapper {
    display: flex;
    flex-direction: column
}

.separated-filter__tooltip--scroll-wrapper {
    min-height: 0
}

.separated-filter-tooltip {
    margin-top: 8px;
    padding: 0;
    z-index: 311
}

.separated-filter-tooltip>.tooltip-inner {
    background-color: #3e3f42;
    border-radius: 8px;
    box-shadow: 0 20px 30px rgba(0, 0, 0, .3);
    padding: 0
}

.separated-filter-tooltip>.tooltip-inner::before {
    display: none
}

.separated-filter-tooltip__content {
    min-width: 375px
}

.separated-filter-tooltip .filters-group__actions {
    background-color: #3e3f42
}

.separated-filter-tooltip .filters-group__actions_close {
    background: #5b5b5b;
    color: #f1f1f1;
    transition: 90ms ease-in-out
}

.separated-filter-tooltip .filters-group__actions_close>.icon {
    fill: #f1f1f1;
    transition: 90ms ease-in-out
}

.separated-filter-tooltip .filters-group__actions_close.focus,
.separated-filter-tooltip .filters-group__actions_close:focus {
    background: #2e2e2e;
    color: #f1f1f1
}

.separated-filter-tooltip .filters-group__actions_close.focus>.icon,
.separated-filter-tooltip .filters-group__actions_close:focus>.icon {
    fill: #f1f1f1
}

.separated-filter-tooltip .filters-group__actions_close.active,
.separated-filter-tooltip .filters-group__actions_close:active {
    background: #2e2e2e;
    color: #f1f1f1
}

.separated-filter-tooltip .filters-group__actions_close.active>.icon,
.separated-filter-tooltip .filters-group__actions_close:active>.icon {
    fill: #f1f1f1
}

.separated-filter-tooltip .filters-group__actions_close .btn-loader-overlay {
    color: #f1f1f1;
    background-color: #5b5b5b
}

.separated-filters-bubbles-clear {
    display: block;
    margin: 0;
    overflow: initial
}

.separated-filters .separated-filters__inline-badges .btn-tags-inline-badge {
    background-color: transparent;
    border-color: rgba(248, 248, 248, .4);
    border-width: 2px;
    margin-bottom: 0
}

.separated-filters .separated-filters__inline-badges .btn-tags-inline-badge.active {
    background-color: #464646
}

.separated-filters__item_bubble {
    align-items: center;
    height: 32px;
    margin: 0
}

.separated-filters__item_bubble--selected {
    border: 2px solid #5b5b5b
}

.separated-filters__item:not(:last-child) {
    margin-right: 12px
}

.separated-filters__item_divider {
    background-color: rgba(248, 248, 248, .4);
    flex-shrink: 0;
    height: 16px;
    width: 1px
}

.tag-layout.index-page-new-paddings {
    --page-padding-inline: 20px
}

.tag-layout.index-page-new-paddings .tag-page {
    padding-left: var(--page-padding-inline);
    padding-right: var(--page-padding-inline)
}

.tag-page.index-page .tags-inline-badges.separated-filters__inline-badges {
    margin-top: 0
}

.tag-page.index-page .tags-inline-badges .btn-tags-inline-badge-show-more {
    display: none
}

.tag-page.index-page .tags-inline-badges.verified-models-tags {
    margin-bottom: 0;
    margin-top: 16px
}

.tag-page.index-page .tag-page-title {
    margin-bottom: 4px;
    margin-top: 8px
}

.tag-page.index-page .tag-page-title__highlight {
    color: #fa5265;
    text-transform: capitalize
}

.tag-page.index-page .tag-page-title__highlight--girls {
    color: #fa5265
}

.tag-page.index-page .tag-page-title__highlight--trans {
    color: #ad61ff
}

.tag-page.index-page .tag-page-title__highlight--men {
    color: #629bf4
}

.tag-page.index-page .tag-page-title .left-icon {
    margin-bottom: -8px;
    margin-right: 4px
}

.tag-page.index-page .tag-page-title--large {
    margin-top: 20px
}

.tag-page.index-page .tag-page-title--large .text-title-l1 {
    font-size: 24px
}

.tag-page.index-page .tag-page-title--small-margin {
    margin-top: 12px
}

.tag-page.index-page .multiple-categories-wrapper .multiple-categories-category-header {
    margin-top: 0
}

.tag-page.index-page .additional-categories-block .multiple-categories-category-header {
    margin-bottom: 0
}

.tag-page.index-page .models-list-container {
    margin-bottom: 24px
}

.tag-page.index-page .tag-page-no-title-block-spacing {
    height: 6px
}

.tag-page.index-page .index-page-header-description {
    color: rgba(248, 248, 248, .4);
    margin-bottom: 16px
}

.tag-page.index-page .tag-page-model-list {
    margin: 10px -4px -4px
}

.tag-page.index-page .index-page-inline-badges {
    margin-top: 16px
}

.tag-page .index-page__separated-filters {
    animation: opacity-fade-in .24s ease-in;
    will-change: opacity;
    margin-bottom: -8px;
    padding-bottom: 8px
}

.tag-page-model-info {
    margin-bottom: 20px;
    margin-top: 16px
}

.tag-page__description {
    font-size: 13px;
    font-weight: 400;
    letter-spacing: normal;
    line-height: 18px;
    color: rgba(248, 248, 248, .4);
    margin-top: 16px;
    max-width: 1000px
}

.tag-page-content-wrapper {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: space-between;
    min-width: 0;
    width: 100%
}

.tag-page-title .title-cv-icon {
    margin-bottom: -2px;
    margin-left: 8px
}

.gender-switcher-label {
    display: flex;
    margin: 0 4px
}

.gender-switcher-control {
    display: none
}

.gender-switcher-decoration {
    align-items: center;
    border: 2px solid transparent;
    border-radius: 24px;
    box-sizing: border-box;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    flex-shrink: 0;
    font-size: 12px;
    font-weight: 500;
    height: 112px;
    justify-content: flex-end;
    letter-spacing: .2px;
    line-height: 16px;
    margin: 0;
    padding: 0 0 14px;
    text-transform: uppercase;
    transition: .2s ease-out !important;
    width: 100px;
    will-change: width, height
}

.gender-switcher-decoration.gender-switcher-girls {
    background: rgba(255, 31, 140, .12);
    color: #ff1f8c
}

.gender-switcher-decoration.gender-switcher-girls:hover {
    background: rgba(255, 31, 140, .2)
}

.gender-switcher-decoration.gender-switcher-men {
    background: rgba(73, 171, 255, .12);
    color: #49abff
}

.gender-switcher-decoration.gender-switcher-men:hover {
    background: rgba(73, 171, 255, .2)
}

.gender-switcher-decoration.gender-switcher-trans {
    background: rgba(181, 86, 255, .12);
    color: #b556ff
}

.gender-switcher-decoration.gender-switcher-trans:hover {
    background: rgba(181, 86, 255, .2)
}

.gender-switcher-control:checked+.gender-switcher-label .gender-switcher-decoration {
    height: 128px;
    width: 120px
}

.gender-switcher-control:checked+.gender-switcher-label .gender-switcher-decoration.gender-switcher-girls {
    background: rgba(255, 31, 140, .2);
    border-color: rgba(241, 75, 87, .6);
    box-shadow: 0 0 12px rgba(244, 35, 162, .32)
}

.gender-switcher-control:checked+.gender-switcher-label .gender-switcher-decoration.gender-switcher-men {
    background: rgba(73, 171, 255, .2);
    border-color: rgba(73, 171, 255, .6);
    box-shadow: 0 0 12px rgba(73, 171, 255, .32)
}

.gender-switcher-control:checked+.gender-switcher-label .gender-switcher-decoration.gender-switcher-trans {
    background: rgba(181, 86, 255, .2);
    border-color: rgba(181, 86, 255, .6);
    box-shadow: 0 0 12px rgba(181, 86, 255, .32)
}

.gender-switcher-icon {
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    height: 80px;
    width: 80px
}

.gender-switcher-icon-girls,
.gender-switcher-icon-men,
.gender-switcher-icon-trans {
    filter: drop-shadow(-2px 6px 8px rgba(0, 0, 0, .36))
}

.gender-switcher-control[value=girls]:checked~.visitors-agreement-bg-gradient>.visitors-agreement-bg-gradient__gender--girls {
    opacity: .5
}

.gender-switcher-control[value=men]:checked~.visitors-agreement-bg-gradient>.visitors-agreement-bg-gradient__gender--men,
.gender-switcher-control[value=trans]:checked~.visitors-agreement-bg-gradient>.visitors-agreement-bg-gradient__gender--trans {
    opacity: 1
}

.visitors-agreement-bg-gradient {
    left: 0;
    min-height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    z-index: -1
}

.visitors-agreement-bg-gradient__gender {
    background-image: linear-gradient(180deg, #000 0%, #000 50%);
    height: 100%;
    opacity: 0;
    position: absolute;
    transition: opacity .2s ease-out !important;
    width: 100%;
    will-change: opacity
}

.visitors-agreement-bg-gradient__gender--no-gender,
.visitors-agreement-bg-gradient__gender--whitelabel {
    background-image: linear-gradient(180deg, #a2252d 0%, #000 50%);
    background-image: linear-gradient(180deg, var(--primary-gradient) 0%, #000 50%);
    opacity: .5
}

.visitors-agreement-bg-gradient__gender--girls {
    background-image: linear-gradient(180deg, #a2252d 0%, #000 50%);
    background-image: linear-gradient(180deg, var(--primary-gradient) 0%, #000 50%)
}

.visitors-agreement-bg-gradient__gender--men {
    background-image: linear-gradient(180deg, rgba(73, 171, 255, .3) 0%, #000 50%)
}

.visitors-agreement-bg-gradient__gender--trans {
    background-image: linear-gradient(180deg, rgba(181, 86, 255, .3) 0%, #000 50%)
}

.visitors-agreement-modal.modal-wrapper {
    background-color: #000;
    display: block;
    padding: 0;
    z-index: 10001
}

.visitor-agreement-hidden .visitors-agreement-modal.modal-wrapper {
    display: none
}

.visitors-agreement-modal .background-wrapper {
    animation: none !important;
    min-height: 100%;
    position: relative
}

.visitors-agreement-modal .content-wrapper {
    padding: 70px 20px 30px
}

.visitors-agreement-modal .content-container {
    margin: 0 auto;
    max-width: 600px;
    text-align: center
}

.visitors-agreement-modal .site-logo-wrapper {
    display: flex;
    height: 54px;
    justify-content: center;
    margin: 0 auto;
    position: relative
}

.visitors-agreement-modal .site-description {
    font-size: 14px;
    line-height: 18px;
    margin-top: 10px
}

.visitors-agreement-modal .gender-switcher {
    margin-top: 20px
}

.visitors-agreement-modal .gender-switcher-title {
    font-size: 14px;
    line-height: 20px
}

.visitors-agreement-modal .gender-switcher-labels {
    align-items: center;
    display: flex;
    height: 128px;
    justify-content: center;
    margin-top: 10px
}

.visitors-agreement-modal .agreement-terms {
    color: rgba(248, 248, 248, .6);
    font-size: 11px;
    line-height: 16px;
    margin-top: 20px;
    padding: 0 20px
}

.visitors-agreement-modal .agreement-terms a {
    color: rgba(248, 248, 248, .8);
    text-decoration: underline
}

.visitors-agreement-modal .agreement-terms a:hover {
    color: #f8f8f8
}

.visitors-agreement-modal .gdpr-terms {
    font-size: 11px;
    line-height: 16px;
    margin-bottom: 30px;
    margin-top: 26px;
    opacity: .6
}

.visitors-agreement-modal .btn-visitors-agreement-accept {
    background: #79943d;
    color: #f8f8f8;
    transition: 90ms ease-in-out;
    font-weight: 500;
    margin: 20px 0 0;
    max-width: 335px;
    width: 100%
}

.visitors-agreement-modal .btn-visitors-agreement-accept>.icon {
    fill: #f8f8f8;
    transition: 90ms ease-in-out
}

.visitors-agreement-modal .btn-visitors-agreement-accept.focus,
.visitors-agreement-modal .btn-visitors-agreement-accept:focus {
    background: #79943d;
    color: #f8f8f8
}

.visitors-agreement-modal .btn-visitors-agreement-accept.focus>.icon,
.visitors-agreement-modal .btn-visitors-agreement-accept:focus>.icon {
    fill: #f8f8f8
}

.visitors-agreement-modal .btn-visitors-agreement-accept.active,
.visitors-agreement-modal .btn-visitors-agreement-accept:active {
    background: #79943d;
    color: #f8f8f8
}

.visitors-agreement-modal .btn-visitors-agreement-accept.active>.icon,
.visitors-agreement-modal .btn-visitors-agreement-accept:active>.icon {
    fill: #f8f8f8
}

.visitors-agreement-modal .btn-visitors-agreement-accept .btn-loader-overlay {
    color: #f8f8f8;
    background-color: #79943d
}

.visitors-agreement-modal-divider {
    border-color: #fff;
    margin: 30px 0;
    opacity: .15
}

.visitors-agreement-modal .decline-link {
    color: rgba(248, 248, 248, .8);
    font-size: 12px;
    text-decoration: underline
}

.visitors-agreement-modal .decline-link:hover {
    color: #f8f8f8
}

.visitors-agreement-modal .warnings {
    color: rgba(248, 248, 248, .6);
    font-size: 11px;
    margin-top: 30px
}

.visitors-agreement-modal .warnings a {
    color: rgba(248, 248, 248, .8);
    text-decoration: underline
}

.visitors-agreement-modal .warnings a:hover {
    color: #f8f8f8
}

.visitors-agreement-modal .label-link-block {
    display: flex;
    flex-direction: row;
    align-items: baseline;
    justify-content: center;
    margin: 0 auto
}

.visitors-agreement-modal .label-link-block .label-link {
    display: inline-block
}

.visitors-agreement-modal .label-link-block .icon {
    color: #fff;
    display: block;
    margin-right: 0;
    opacity: .6
}

.visitors-agreement-modal .label-link-block .icon-rta-logo {
    height: 27px;
    margin-right: 25px;
    width: 59px
}

.visitors-agreement-modal .label-link-block .icon-asacp {
    height: 25px;
    margin-left: 25px;
    width: 66px
}

.visitors-agreement-modal .label-link-block .icon-safe-labeling {
    height: 42px;
    width: 114px
}

.visitors-agreement-modal .label-link-block .icon-pineapple-support {
    height: 38px;
    margin-left: 25px;
    width: 38px
}

@media screen and (min-width:375px) {
    .YouMightLikeCard__categoryCard\#f3 {
        width: calc(30.66vw - 8px)
    }

    .YouMightLikeCard__categoryCard\#f3:nth-child(3n+1) {
        scroll-snap-align: start
    }

    .YouMightLikeCard__categoriesSectionSlidable\#JX.YouMightLikeCard__categoryCard\#f3 {
        scroll-snap-align: none;
        width: calc(30.66vw - 8px)
    }

    .YouMightLikeCard__categoriesSectionSlidable\#JX.YouMightLikeCard__categoryCard\#f3:nth-child(3n+1) {
        scroll-snap-align: start
    }

    .YouMightLikeSection__categoriesContainer\#TG {
        overflow-x: auto;
        scroll-snap-type: x mandatory;
        -ms-overflow-style: none;
        scrollbar-width: none
    }

    .YouMightLikeSection__categoriesContainer\#TG::-webkit-scrollbar {
        display: none
    }

    .YouMightLikeSection__categoriesSectionSlidable\#aT .YouMightLikeSection__categoriesContainer\#TG {
        box-sizing: border-box;
        padding-left: 32px;
        padding-right: 32px;
        scroll-padding-left: 32px
    }

    .YouMightLikeSectionTitle__categoriesSectionSlidable\#pi.YouMightLikeSectionTitle__sectionHeader\#A1 {
        padding-left: 32px;
        padding-right: 32px
    }

    .YouMightLikeSectionTitle__seeAllText\#gx {
        display: block
    }

    .YouMightLikeSectionTitle__allCategoriesText\#Za,
    .YouMightLikeSectionTitle__allText\#fr {
        display: none
    }

    .YouMightLikeSectionTitle__sectionHeader\#A1 {
        font-size: 1.063rem
    }

    .YouMightLikeSectionTitle__allCategoriesLink\#jm {
        font-size: .813rem
    }
}

@media screen and (min-height:400px) {
    .Modal_masked\#kT:after {
        bottom: 0;
        opacity: 1
    }
}

@media screen and (min-width:480px) {
    .media-after-s-hidden {
        display: none !important
    }

    .indexpage.index-page-new-paddings .IndexPage\#_Q {
        padding: 0 var(--page-padding-inline)
    }

    .NonNudeShutterWithTeasing\#sc.NonNudeShutterWithTeasing__landscape\#Dr .NonNudeShutterWithTeasing__videoWrapper\#cg {
        margin-bottom: 0
    }

    .NonNudeShutterWithTeasing\#sc.NonNudeShutterWithTeasing__landscape\#Dr {
        flex-direction: row
    }

    .NonNudeShutterWithTeasing\#sc.NonNudeShutterWithTeasing__landscape\#Dr .NonNudeShutterWithTeasing__content\#GX {
        align-items: flex-start;
        text-align: left
    }

    .NonNudeShutterWithTeasing\#sc.NonNudeShutterWithTeasing__landscape\#Dr .NonNudeShutterWithTeasing__description\#zS,
    .NonNudeShutterWithTeasing\#sc.NonNudeShutterWithTeasing__landscape\#Dr .NonNudeShutterWithTeasing__header\#eE,
    .NonNudeShutterWithTeasing\#sc.NonNudeShutterWithTeasing__landscape\#Dr .NonNudeShutterWithTeasing__videoWrapper\#cg {
        margin-bottom: 16px
    }

    .NonNudeShutterWithTeasing\#sc.NonNudeShutterWithTeasing__landscape\#Dr .NonNudeShutterWithTeasing__button\#HJ {
        margin-bottom: 12px
    }

    .NonNudeShutterWithTeasing\#sc.NonNudeShutterWithTeasing__portrait\#Lz .NonNudeShutterWithTeasing__videoWrapper\#cg {
        flex: unset
    }

    .NonNudeShutterWithTeasing\#sc {
        --video-border-radius: 10px
    }

    .NonNudeShutterWithTeasing\#sc .NonNudeShutterWithTeasing__videoWrapper\#cg {
        box-shadow: 0 0 12.75px 0 rgba(0, 0, 0, .25)
    }

    .NonNudeShutterWithTeasing\#sc .NonNudeShutterWithTeasing__content\#GX {
        max-width: 210px
    }

    .NonNudeShutterWithTeasing\#sc .NonNudeShutterWithTeasing__title\#pZ {
        font-size: 24px;
        line-height: 32px
    }

    .non-nude-shutter-profile__loader {
        display: none
    }

    .tag-page.index-page .index-page__separated-filters-container--mobile {
        display: none
    }
}

@media screen and (min-width:480px) and (orientation:landscape) {
    .NonNudeShutterWithTeasing\#sc.NonNudeShutterWithTeasing__landscape\#Dr .NonNudeShutterWithTeasing__videoWrapper\#cg {
        margin-right: 24px
    }

    .NonNudeShutterWithTeasing\#sc.NonNudeShutterWithTeasing__landscape\#Dr {
        max-width: 600px
    }

    .NonNudeShutterWithTeasing\#sc.NonNudeShutterWithTeasing__portrait\#Lz .NonNudeShutterWithTeasing__videoWrapper\#cg {
        margin-right: 24px;
        max-height: 290px
    }

    .NonNudeShutterWithTeasing\#sc .NonNudeShutterWithTeasing__description\#zS {
        font-size: 18px;
        line-height: 26px
    }

    .NonNudeShutterWithTeasing\#sc .NonNudeShutterWithTeasing__button\#HJ {
        font-size: 16px;
        font-weight: 700;
        line-height: 22px;
        padding: 8px 20px
    }
}

@media screen and (min-width:480px) and (orientation:portrait) {
    .NonNudeShutterWithTeasing\#sc.NonNudeShutterWithTeasing__landscape\#Dr .NonNudeShutterWithTeasing__videoWrapper\#cg {
        margin-right: 32px
    }

    .NonNudeShutterWithTeasing\#sc.NonNudeShutterWithTeasing__landscape\#Dr {
        max-width: 770px
    }

    .NonNudeShutterWithTeasing\#sc.NonNudeShutterWithTeasing__portrait\#Lz .NonNudeShutterWithTeasing__videoWrapper\#cg {
        margin-right: 32px;
        max-height: 70%
    }

    .NonNudeShutterWithTeasing\#sc .NonNudeShutterWithTeasing__description\#zS {
        font-size: 20px;
        line-height: 28px
    }

    .NonNudeShutterWithTeasing\#sc .NonNudeShutterWithTeasing__button\#HJ {
        font-size: 18px;
        line-height: 22px;
        padding: 12px 40px
    }
}

@media screen and (min-width:640px) {
    .container {
        padding-left: 10px;
        padding-right: 10px
    }

    .widescreen-container {
        padding-left: 10px;
        padding-right: 10px
    }

    .media-after-m-hidden {
        display: none !important
    }

    .header-top .header-top-container {
        padding-right: 1.125rem
    }

    .page {
        padding-left: 10px;
        padding-right: 10px
    }

    .viewcam-widget-panel {
        width: 50%
    }

    .index-page-new-paddings .promo-banner-wrapper {
        margin-top: 24px
    }

    .promo-banner-action {
        display: inline-block;
        margin: 4px 0
    }

    .promo-banner-description .promo-banner-action {
        display: none
    }

    .common__pageContainer\#My {
        padding-left: 20px;
        padding-right: 20px
    }

    .indexpage.index-page-new-paddings {
        --page-padding-inline: 32px
    }

    .Footer__inner\#zr {
        padding-left: 10px;
        padding-right: 10px
    }

    .free-tokens-top-up.top-up-wrapper.for-guest-only {
        left: auto;
        right: 1.125rem
    }

    .free-tokens-top-up.top-up-wrapper.for-guest-only:after {
        display: none
    }

    .wrapper>.top-up-wrapper.hide-on-desktop,
    .wrapper>.top-up-wrapper.mobile {
        display: none !important
    }

    .toast-notification .toast-close-icon-box {
        padding: 6px
    }

    .toast-notification .toast-close-icon {
        height: 8px !important;
        width: 8px !important
    }

    .toast-notifications {
        bottom: 1.125rem;
        left: 1.125rem;
        width: 300px
    }

    .FooterWithoutAdult__inner\#d0 {
        padding-left: 10px;
        padding-right: 10px
    }

    .indexpage.index-page-new-paddings .IndexPageVR\#FM,
    .tag-layout.index-page-new-paddings {
        --page-padding-inline: 20px
    }
}

@media screen and (pointer:coarse) and (min-width:640px) {
    .model-chat.model-chat-fullscreen.model-chat-fullscreen--focused .model-chat-container .model-chat-messages-wrapper {
        border-bottom: none;
        display: flex;
        flex-direction: column;
        height: auto;
        justify-content: flex-end;
        min-height: 100%
    }

    .model-chat.model-chat-fullscreen.model-chat-fullscreen--focused .model-chat-container .model-chat-content,
    .model-chat.model-chat-fullscreen.model-chat-fullscreen--focused .smiles-dropdown .smiles-list {
        width: 300px
    }

    .multiple-categories-wrapper .slidable .scroll-bar-container {
        margin-right: -1.125rem
    }
}

@media screen and (min-width:768px) {
    .media-after-tablet-hidden {
        display: none !important
    }

    .ModelListUltimateBanner__discover-mobile\#xM {
        display: none
    }

    .private-modal-activities {
        margin-top: 22px;
        padding: 20px
    }

    .private-modal-activities--improved {
        margin-top: 6px;
        padding-top: 12px
    }

    .private-modal-feature:not(:first-child) {
        margin-top: 16px
    }

    .private-features {
        margin-top: 22px
    }

    .mode {
        padding: 24px
    }

    .mode--improved {
        background: linear-gradient(180deg, #343434 0%, rgba(52, 52, 52, 0) 75.94%);
        padding: 21px
    }

    .mode .mode-header {
        font-size: 24px;
        line-height: 29px;
        margin-bottom: 20px
    }

    .mode .start-button {
        line-height: 39px
    }

    .mode--improved.exclusive {
        background: linear-gradient(180deg, rgba(255, 200, 59, .25) 0%, rgba(255, 180, 59, 0) 76.13%)
    }

    .mode-wrapper {
        flex: 1 0 0;
        min-width: 0;
        width: 328px
    }

    .mode-wrapper:only-child {
        width: 460px
    }

    .mode-wrapper--improved {
        width: 332px
    }

    .mode-wrapper:not(:last-child) {
        margin-bottom: 0;
        margin-right: 20px
    }

    .rating-stars .icon {
        height: 14px;
        width: 14px
    }

    .rating-stars span+span .icon {
        margin-left: 5px
    }

    .rating-stars .star-empty {
        fill: rgba(255, 255, 255, 0.2)
    }

    .rating-stars .star-half {
        color: rgba(255, 255, 255, .2)
    }

    .private-modal-model-info {
        margin-bottom: 16px
    }

    .private-modal-model-info .avatar {
        height: 46px;
        margin-right: 18px;
        width: 46px
    }

    .private-modal-model-info .avatar-lock {
        border-color: #262626;
        border-radius: 13px;
        height: 26px;
        right: -8px;
        width: 26px
    }

    .private-modal-model-info .avatar-lock .icon {
        height: 21px;
        width: 14px
    }

    .private-modal-model-info .description {
        color: rgba(255, 255, 255, .6);
        font-size: 14px;
        line-height: 17px
    }

    .private-modal-model-info .name {
        color: #fff;
        font-size: 18px;
        line-height: 22px
    }

    .private-modal-model-info .rating {
        color: rgba(255, 255, 255, .6);
        font-size: 12px;
        line-height: 15px
    }

    .private-modal-model-info .rating-value {
        color: #fff;
        font-size: 20px;
        line-height: 24px
    }

    .private-modal-model-info__link-to-reviews:hover {
        filter: brightness(1.2);
        text-decoration: underline
    }

    .private-modal-model-info__link-to-reviews:hover .private-modal-model-info__ratings-label {
        color: #fff
    }

    .modal-wrapper.private-modal .modal-content {
        max-width: 100%;
        width: auto
    }

    .modal-wrapper.private-modal .private-modal-body {
        background: #262626;
        border-radius: 8px;
        margin-bottom: 12px;
        padding: 20px
    }

    .modal-wrapper.private-modal .private-modal-body--improved {
        padding-bottom: inherit
    }

    .modal-wrapper.private-modal .private-modal-body--short {
        padding-bottom: 14px
    }

    .modal-wrapper.private-modal .private-modal-body.loading {
        max-width: 460px
    }

    .modal-wrapper.private-modal .modes {
        display: flex
    }

    .modal-wrapper.private-modal .start-private-modal-alert {
        margin-top: 16px
    }

    .modal-wrapper.private-modal .modal-footer .footer-description {
        max-width: 500px
    }

    .private-modal.private-modal--new .modal-content {
        max-width: 100%;
        width: auto
    }

    .private-modal.private-modal--new .private-modal-body {
        background: #262626;
        border-radius: 8px;
        padding: 20px
    }

    .private-modal.private-modal--new .private-modal-body--improved {
        padding-bottom: inherit
    }

    .private-modal.private-modal--new .private-modal-body--short {
        padding-bottom: 14px
    }

    .private-modal.private-modal--new .private-modal-body.loading {
        max-width: 460px
    }

    .private-modal.private-modal--new .modes {
        display: flex
    }

    .private-modal.private-modal--new .start-private-modal-alert {
        margin-top: 16px
    }

    .private-modal-footer-container .footer-description {
        max-width: 500px
    }

    .StripFavoriteButton__button\#rQ {
        font-size: 20px;
        letter-spacing: .33px;
        line-height: 27px;
        padding: 6.5px 20px 6.5px 60px
    }

    .StripFavoriteButton__icon\#L7 {
        left: -26px;
        top: -40px
    }

    .StripFavoriteButton__icon\#L7 svg {
        height: 120px;
        width: 120px
    }

    .StripFooter__footer\#uF {
        bottom: calc(28px + var(--strips-navbar-height));
        left: 24px
    }

    .StripFooter__footer\#uF .StripFooter__row\#nG:nth-of-type(2) {
        margin-top: 16px
    }

    .StripFooter__footer\#uF .StripFooter__row\#nG:nth-of-type(3) {
        margin-top: 8px
    }

    .StripFooter__footer\#uF .StripFooter__row\#nG:nth-of-type(4) {
        margin-top: 15px
    }

    .StripFooter__footer\#uF.StripFooter__footerPlaceholder\#dl .StripFooter__row\#nG:nth-of-type(2) {
        margin-top: 16px
    }

    .StripFooter__footer\#uF.StripFooter__footerPlaceholder\#dl .StripFooter__row\#nG:nth-of-type(3),
    .StripFooter__footer\#uF.StripFooter__footerPlaceholder\#dl .StripFooter__row\#nG:nth-of-type(4) {
        margin-top: 15px
    }

    .StripFooter__liveBadge\#JR {
        font-size: 14px;
        line-height: 16px;
        padding: 4px 6px
    }

    .StripFooter__iconFavoriteAdded\#nb {
        height: 26px;
        width: 26px
    }

    .StripFooter__viewersCount\#cS {
        font-size: 16px;
        line-height: 24px
    }

    .StripFooter__modelName\#Uf {
        font-size: 24px;
        line-height: 32px
    }

    .StripFooter__showTopic\#Ep {
        font-size: 18px;
        line-height: 26px
    }

    .StripFooter__badgePlaceholder\#bd {
        border-radius: 80px;
        height: 24px;
        width: 180px
    }

    .StripFooter__modelNamePlaceholder\#YN {
        border-radius: 80px;
        height: 40px;
        width: 166px
    }

    .StripFooter__favoriteButtonPlaceholder\#oy {
        border-radius: 80px;
        height: 40px;
        width: 160px
    }

    .StripFooter__showTopicPlaceholder\#Q1 {
        height: 13px;
        width: 654px
    }

    .StripAvatar\#l3 svg {
        height: 85px;
        width: 72px
    }

    .StripMenuButton__iconWrapper\#pk {
        height: 52px;
        width: 52px
    }

    .StripMenuButton__iconWrapper\#pk svg {
        height: 32px;
        width: 32px
    }

    .StripSidebar__sidebar\#yp {
        bottom: calc(24px + var(--strips-navbar-height));
        right: 24px
    }

    .StripSidebar__sidebar\#yp .StripSidebar__control\#fP:first-of-type,
    .StripSidebar__sidebar\#yp .StripSidebar__control\#fP:nth-of-type(2) {
        margin-top: 24px
    }

    .StripSidebar__control\#fP {
        height: 72px;
        width: 72px
    }

    .StripSidebar__volumeControl\#rN svg {
        height: 40px;
        width: 40px
    }

    .StripSidebar__avatar\#vk {
        height: 72px;
        width: 72px
    }

    .StripSidebar__avatarPlaceholder\#YK {
        height: 72px;
        margin-bottom: 205px;
        width: 72px
    }

    .StripSidebar__sidebar\#yp .avatar .image-background--round {
        height: 64px;
        width: 64px
    }

    .StripErrorBanner__content\#u3 {
        left: 56px;
        width: calc(100% - 112px)
    }

    .StripErrorBanner__title\#j4 {
        font-size: 24px;
        line-height: 32px
    }

    .StripErrorBanner__description\#LY {
        font-size: 18px;
        line-height: 26px
    }

    .StripErrorBanner__icon\#XH {
        height: 120px;
        width: 120px
    }

    .StripVideo\#Gt:not(.StripVideo__vertical\#j_) .watermark {
        bottom: calc(0px + 0px + 2px);
        bottom: calc(var(--resize-params-bottom-percent, 0px) + var(--resize-params-vertical-padding, 0px) + 2px);
        right: 16px
    }

    .StripVideo\#Gt.StripVideo__vertical\#j_.StripVideo__fullScreen\#Ov .watermark {
        left: 14px;
        top: 40px
    }

    .StripVideo\#Gt:not(.StripVideo__fullScreen\#Ov).StripVideo__vertical\#j_ .watermark {
        left: 14px
    }

    .Strips__close\#l2 {
        height: 72px;
        margin-right: 24px;
        margin-top: 24px;
        width: 72px
    }

    .Strips__close\#l2 svg {
        height: 32px;
        width: 32px
    }
}

@media screen and (min-width:768px) and (min-width:768px) {
    .private-modal-model-info__link-to-reviews:hover .rating-value {
        color: #fff
    }
}

@media screen and (min-width:1024px) {
    .media-after-l-hidden {
        display: none !important
    }

    .model-chat .model-chat-nav-item.model-chat-nav-item-fanclub,
    .model-chat .model-chat-nav-item.whatsapp {
        display: none
    }

    .model-list-container .tokens-giveaway-banner-container {
        display: none !important
    }

    .viewcam-widget-panel.viewcam-widget-panel-ios-below-13 {
        width: calc(var(--view-cam-width) * .3)
    }

    .view-cam-resizer.view-cam-resizer-playing {
        --resizer-top: 106px
    }

    .view-cam-resizer.view-cam-resizer-playing.view-cam-resizer-boundary-x {
        max-width: calc(var(--viewcam-max-width) - 400px - 46px);
        min-width: 550px;
        width: calc((100vh - (106px + var(--reserved-bottom-space-desktop)))/ .75)
    }

    .view-cam-resizer.view-cam-resizer-playing .view-cam-resizer-boundary-y,
    .view-cam-resizer.view-cam-resizer-playing .view-cam-resizer-player {
        height: calc(100vh - (106px + var(--reserved-bottom-space-desktop)));
        max-height: calc((var(--viewcam-max-width) - 400px - 46px) * .75);
        min-height: calc(550px * .75);
        width: 100%
    }

    .view-cam-resizer.view-cam-resizer-playing.view-cam-resizer-theatre-mode.view-cam-resizer-boundary-x {
        max-width: calc(var(--viewcam-max-width) - 400px - 46px);
        width: max((calc(100vh - (var(--reserved-bottom-space-desktop))))/ .75, var(--viewcam-max-width) - 400px - 46px)
    }

    .view-cam-resizer.view-cam-resizer-playing.view-cam-resizer-theatre-mode .view-cam-resizer-boundary-y,
    .view-cam-resizer.view-cam-resizer-playing.view-cam-resizer-theatre-mode .view-cam-resizer-player {
        height: calc(100vh - (var(--reserved-bottom-space-desktop)));
        max-height: calc(100vh - (var(--reserved-bottom-space-desktop)))
    }

    .view-cam-resizer.view-cam-resizer-playing.view-cam-resizer-hd.view-cam-resizer-boundary-x {
        max-width: calc(var(--viewcam-max-width) - 400px - 46px);
        min-width: 550px;
        width: calc((100vh - (106px + var(--reserved-bottom-space-desktop)))/ .5556)
    }

    .view-cam-resizer.view-cam-resizer-playing.view-cam-resizer-hd .view-cam-resizer-boundary-y,
    .view-cam-resizer.view-cam-resizer-playing.view-cam-resizer-hd .view-cam-resizer-player {
        height: calc(100vh - (106px + var(--reserved-bottom-space-desktop)));
        max-height: calc((var(--viewcam-max-width) - 400px - 46px) * .5556);
        min-height: calc(550px * .5556);
        width: 100%
    }

    .view-cam-resizer.view-cam-resizer-playing.view-cam-resizer-hd.view-cam-resizer-theatre-mode.view-cam-resizer-boundary-x {
        max-width: calc(var(--viewcam-max-width) - 400px - 46px);
        width: max((calc(100vh - (var(--reserved-bottom-space-desktop))))/ .5556, var(--viewcam-max-width) - 400px - 46px)
    }

    .view-cam-resizer.view-cam-resizer-playing.view-cam-resizer-hd.view-cam-resizer-theatre-mode .view-cam-resizer-boundary-y,
    .view-cam-resizer.view-cam-resizer-playing.view-cam-resizer-hd.view-cam-resizer-theatre-mode .view-cam-resizer-player {
        height: calc(100vh - (var(--reserved-bottom-space-desktop)));
        max-height: calc(100vh - (var(--reserved-bottom-space-desktop)))
    }

    .view-cam-resizer.view-cam-resizer-playing.view-cam-resizer.view-cam-resizer-vertical-stream {
        --resizer-aspect-ratio: 0.75
    }

    .view-cam-resizer.view-cam-resizer-playing.view-cam-resizer.view-cam-resizer-boundary-x {
        max-width: calc(var(--resizer-layout-width) - 400px - 46px);
        min-width: 550px;
        width: calc((var(--resizer-layout-height) - (var(--resizer-top) + var(--reserved-bottom-space-desktop)))/ var(--resizer-aspect-ratio))
    }

    .view-cam-resizer.view-cam-resizer-playing.view-cam-resizer .view-cam-resizer-boundary-y,
    .view-cam-resizer.view-cam-resizer-playing.view-cam-resizer .view-cam-resizer-player {
        height: calc(var(--resizer-layout-height) - (var(--resizer-top) + var(--reserved-bottom-space-desktop)));
        max-height: calc((var(--resizer-layout-width) - 400px - 46px) * var(--resizer-aspect-ratio));
        min-height: calc(550px * var(--resizer-aspect-ratio));
        width: 100%
    }

    .view-cam-resizer.view-cam-resizer-playing.view-cam-resizer.view-cam-resizer-theatre-mode.view-cam-resizer-boundary-x {
        max-width: calc(var(--resizer-layout-width) - 400px - 46px);
        width: max((calc(var(--resizer-layout-height) - (var(--reserved-bottom-space-desktop))))/ var(--resizer-aspect-ratio), var(--resizer-layout-width) - 400px - 46px)
    }

    .view-cam-resizer.view-cam-resizer-playing.view-cam-resizer.view-cam-resizer-theatre-mode .view-cam-resizer-boundary-y,
    .view-cam-resizer.view-cam-resizer-playing.view-cam-resizer.view-cam-resizer-theatre-mode .view-cam-resizer-player {
        height: calc(var(--resizer-layout-height) - (var(--reserved-bottom-space-desktop)));
        max-height: calc(var(--resizer-layout-height) - (var(--reserved-bottom-space-desktop)))
    }

    .view-cam-resizer.view-cam-resizer-broadcast .view-cam-resizer-boundary-y .web-rtc-player-wrapper {
        height: 100%
    }

    .view-cam-resizer.view-cam-resizer-broadcast {
        --resizer-top: 149px
    }

    .view-cam-resizer.view-cam-resizer-broadcast.view-cam-resizer-boundary-x {
        max-width: calc(100vw - 630px - 46px);
        min-width: 550px;
        width: calc((100vh - (149px + 229px))/ .75)
    }

    .view-cam-resizer.view-cam-resizer-broadcast .view-cam-resizer-boundary-y,
    .view-cam-resizer.view-cam-resizer-broadcast .view-cam-resizer-player {
        height: calc(100vh - (149px + 229px));
        max-height: calc((100vw - 630px - 46px) * .75);
        min-height: calc(550px * .75);
        width: 100%
    }

    .view-cam-resizer.view-cam-resizer-broadcast.view-cam-resizer-theatre-mode.view-cam-resizer-boundary-x {
        max-width: calc(100vw - 630px - 46px);
        width: max((calc(100vh - (229px)))/ .75, 100vw - 630px - 46px)
    }

    .view-cam-resizer.view-cam-resizer-broadcast.view-cam-resizer-theatre-mode .view-cam-resizer-boundary-y,
    .view-cam-resizer.view-cam-resizer-broadcast.view-cam-resizer-theatre-mode .view-cam-resizer-player {
        height: calc(100vh - (229px));
        max-height: calc(100vh - (229px))
    }

    .view-cam-resizer.view-cam-resizer-broadcast.view-cam-resizer-hd.view-cam-resizer-boundary-x {
        max-width: calc(100vw - 630px - 46px);
        min-width: 550px;
        width: calc((100vh - (149px + 229px))/ .5556)
    }

    .view-cam-resizer.view-cam-resizer-broadcast.view-cam-resizer-hd .view-cam-resizer-boundary-y,
    .view-cam-resizer.view-cam-resizer-broadcast.view-cam-resizer-hd .view-cam-resizer-player {
        height: calc(100vh - (149px + 229px));
        max-height: calc((100vw - 630px - 46px) * .5556);
        min-height: calc(550px * .5556);
        width: 100%
    }

    .view-cam-resizer.view-cam-resizer-broadcast.view-cam-resizer-hd.view-cam-resizer-theatre-mode.view-cam-resizer-boundary-x {
        max-width: calc(100vw - 630px - 46px);
        width: max((calc(100vh - (229px)))/ .5556, 100vw - 630px - 46px)
    }

    .view-cam-resizer.view-cam-resizer-broadcast.view-cam-resizer-hd.view-cam-resizer-theatre-mode .view-cam-resizer-boundary-y,
    .view-cam-resizer.view-cam-resizer-broadcast.view-cam-resizer-hd.view-cam-resizer-theatre-mode .view-cam-resizer-player {
        height: calc(100vh - (229px));
        max-height: calc(100vh - (229px))
    }

    .view-cam-resizer.view-cam-resizer-broadcast.view-cam-resizer.view-cam-resizer-boundary-x {
        max-width: calc(var(--resizer-layout-width) - 630px - 46px);
        min-width: 550px;
        width: calc((var(--resizer-layout-height) - (var(--resizer-top) + 229px))/ var(--resizer-aspect-ratio))
    }

    .view-cam-resizer.view-cam-resizer-broadcast.view-cam-resizer .view-cam-resizer-boundary-y,
    .view-cam-resizer.view-cam-resizer-broadcast.view-cam-resizer .view-cam-resizer-player {
        height: calc(var(--resizer-layout-height) - (var(--resizer-top) + 229px));
        max-height: calc((var(--resizer-layout-width) - 630px - 46px) * var(--resizer-aspect-ratio));
        min-height: calc(550px * var(--resizer-aspect-ratio));
        width: 100%
    }

    .view-cam-resizer.view-cam-resizer-broadcast.view-cam-resizer.view-cam-resizer-theatre-mode.view-cam-resizer-boundary-x {
        max-width: calc(var(--resizer-layout-width) - 630px - 46px);
        width: max((calc(var(--resizer-layout-height) - (229px)))/ var(--resizer-aspect-ratio), var(--resizer-layout-width) - 630px - 46px)
    }

    .view-cam-resizer.view-cam-resizer-broadcast.view-cam-resizer.view-cam-resizer-theatre-mode .view-cam-resizer-boundary-y,
    .view-cam-resizer.view-cam-resizer-broadcast.view-cam-resizer.view-cam-resizer-theatre-mode .view-cam-resizer-player {
        height: calc(var(--resizer-layout-height) - (229px));
        max-height: calc(var(--resizer-layout-height) - (229px))
    }

    .watch-vr-header-wrapper {
        display: none
    }

    .CategoriesGroupsTags__link\#Uz {
        height: 28px
    }

    .model-filter__link {
        padding: 0 20px
    }

    .model-filter__link:first-child {
        padding-left: 0
    }

    .YouMightLikeCard__categoryCard\#f3 {
        background-size: 100% 100%;
        flex: 0 0 calc(14.2857142857% - 7px);
        max-width: calc(14.2857142857% - 7px);
        min-width: calc(14.2857142857% - 7px);
        transition: background-size .3s
    }

    .YouMightLikeCard__categoryCard\#f3:hover {
        background-size: 110% 110%
    }

    .YouMightLikeSection__categoriesContainer\#TG {
        overflow-x: hidden
    }

    .YouMightLikeSectionTitle__sectionHeader\#A1 {
        font-size: 1.25rem
    }

    .YouMightLikeSectionTitle__allCategoriesLink\#jm {
        font-size: 1rem
    }

    .YouMightLikeSectionTitle__allCategoriesText\#Za {
        display: block
    }

    .YouMightLikeSectionTitle__allText\#fr,
    .YouMightLikeSectionTitle__seeAllText\#gx {
        display: none
    }

    .indexpage.index-page-new-paddings .IndexPage\#_Q {
        padding: 24px var(--page-padding-inline)
    }

    .MobileBroadcastingBar\#hM {
        display: none
    }

    .mobile-navbar {
        display: none
    }

    .sticky-bottom>:nth-last-child(2) {
        padding-bottom: 120px
    }

    .main-layout.live-tags.sticky-header-desktop .main-layout-main-content {
        overflow-x: visible
    }

    .main-layout.sticky-header-desktop .wrapper>header {
        position: sticky;
        top: 0;
        z-index: 312
    }

    .main-layout.sticky-header-desktop .wrapper>.header-sub {
        position: relative;
        z-index: 311
    }

    .main-layout.sticky-header-desktop.sticky-subheader-desktop .wrapper>.header-sub {
        position: sticky;
        top: 54px
    }

    .main-layout.sticky-header-desktop .header-notifications-wrapper {
        height: auto !important;
        position: sticky !important;
        z-index: 310
    }

    .main-layout.sticky-header-desktop .header-notifications-wrapper--with-header-top {
        top: 54px
    }

    .main-layout.sticky-header-desktop .header-notifications-wrapper .fixed.header-notifications {
        position: relative !important
    }

    .main-layout.sticky-header-desktop.sticky-subheader-desktop .header-notifications-wrapper {
        top: 96px
    }

    .main-layout.sticky-header-desktop .header-user-menu .header-dropdown-content {
        max-height: calc(1vh * 100 - 12px - 54px - 12px - 0px);
        max-height: calc(var(--vh-min, 1vh) * 100 - 12px - 54px - 12px - 0px)
    }

    .main-layout.sticky-header-desktop .header-email-verification-warning~header .header-user-menu .header-dropdown-content {
        max-height: calc(1vh * 100 - 12px - 54px - 12px - 66px);
        max-height: calc(var(--vh-min, 1vh) * 100 - 12px - 54px - 12px - 66px)
    }

    .main-layout.sticky-header-desktop .visible.pwa-install-notification-wrapper~header .header-user-menu .header-dropdown-content {
        max-height: calc(1vh * 100 - 12px - 54px - 12px - 76px);
        max-height: calc(var(--vh-min, 1vh) * 100 - 12px - 54px - 12px - 76px)
    }

    .main-layout.sticky-header-desktop .header-email-verification-warning~.visible.pwa-install-notification-wrapper~header .header-user-menu .header-dropdown-content {
        max-height: calc(1vh * 100 - 12px - 54px - 12px - 142px);
        max-height: calc(var(--vh-min, 1vh) * 100 - 12px - 54px - 12px - 142px)
    }

    .main-layout.sticky-header-desktop.sticky-subheader-desktop .model-filter-dropdown-wrapper {
        max-height: calc(1vh * 100 - 96px - 0px);
        max-height: calc(var(--vh, 1vh) * 100 - 96px - 0px)
    }

    .main-layout.sticky-header-desktop.sticky-subheader-desktop .header-email-verification-warning~.header-sub .model-filter-dropdown-wrapper {
        max-height: calc(1vh * 100 - 96px - 66px);
        max-height: calc(var(--vh, 1vh) * 100 - 96px - 66px)
    }

    .main-layout.sticky-header-desktop.sticky-subheader-desktop .visible.pwa-install-notification-wrapper~.header-sub .model-filter-dropdown-wrapper {
        max-height: calc(1vh * 100 - 96px - 76px);
        max-height: calc(var(--vh, 1vh) * 100 - 96px - 76px)
    }

    .main-layout.sticky-header-desktop.sticky-subheader-desktop .header-email-verification-warning~.visible.pwa-install-notification-wrapper~.header-sub .model-filter-dropdown-wrapper {
        max-height: calc(1vh * 100 - 96px - 142px);
        max-height: calc(var(--vh, 1vh) * 100 - 96px - 142px)
    }

    .main-layout.sticky-header-desktop .header-user-menu .header-dropdown-content,
    .main-layout.sticky-header-desktop.sticky-subheader-desktop .model-filter-dropdown-wrapper {
        overflow: auto;
        overscroll-behavior: none;
        scrollbar-color: #aaaaaa transparent;
        scrollbar-gutter: auto;
        scrollbar-width: thin;
        scrollbar-width: 5px;
        scrollbar-face-color: #aaaaaa;
        scrollbar-track-color: transparent
    }

    .main-layout.sticky-header-desktop .header-user-menu .header-dropdown-content::-webkit-scrollbar,
    .main-layout.sticky-header-desktop.sticky-subheader-desktop .model-filter-dropdown-wrapper::-webkit-scrollbar {
        height: 5px;
        width: 5px
    }

    .main-layout.sticky-header-desktop .header-user-menu .header-dropdown-content::-webkit-scrollbar-thumb,
    .main-layout.sticky-header-desktop.sticky-subheader-desktop .model-filter-dropdown-wrapper::-webkit-scrollbar-thumb {
        background: #aaa;
        border-radius: 2.5px;
        height: 20%
    }

    .main-layout.sticky-header-desktop .header-user-menu .header-dropdown-content::-webkit-scrollbar-track,
    .main-layout.sticky-header-desktop.sticky-subheader-desktop .model-filter-dropdown-wrapper::-webkit-scrollbar-track {
        background: 0 0
    }

    .main-layout.sticky-header-desktop .header-user-menu .header-dropdown-content::-webkit-scrollbar-corner,
    .main-layout.sticky-header-desktop.sticky-subheader-desktop .model-filter-dropdown-wrapper::-webkit-scrollbar-corner {
        background: 0 0
    }

    .main-layout.sticky-header-desktop .live-tags-index-container.sticky {
        position: sticky;
        z-index: 1
    }

    .main-layout.sticky-header-desktop .live-tags-index-container.sticky .live-tags-index-wrapper.fixed {
        padding: 0 !important;
        position: static !important;
        width: 100% !important
    }

    .user-alerts__details-btn {
        flex: 0 0 auto;
        margin-right: 10px !important
    }

    .Strips\#Wq {
        --strips-navbar-height: calc(0px)
    }

    .tag-page.index-page .tags-inline-badges .btn-categories,
    .tag-page.index-page .tags-inline-badges__divider_categories:not(.tag-page.index-page .tags-inline-badges__divider_categories.is-mobile) {
        display: none
    }
}

@media screen and (min-width:1024px) and (max-width:1365px) {
    .columns .column.l-1 {
        flex: none;
        width: 8.3333333333%
    }

    .columns .column.l-2 {
        flex: none;
        width: 16.6666666667%
    }

    .columns .column.l-3 {
        flex: none;
        width: 25%
    }

    .columns .column.l-4 {
        flex: none;
        width: 33.3333333333%
    }

    .columns .column.l-5 {
        flex: none;
        width: 41.6666666667%
    }

    .columns .column.l-6 {
        flex: none;
        width: 50%
    }

    .columns .column.l-7 {
        flex: none;
        width: 58.3333333333%
    }

    .columns .column.l-8 {
        flex: none;
        width: 66.6666666667%
    }

    .columns .column.l-9 {
        flex: none;
        width: 75%
    }

    .columns .column.l-10 {
        flex: none;
        width: 83.3333333333%
    }

    .columns .column.l-11 {
        flex: none;
        width: 91.6666666667%
    }

    .columns .column.l-12 {
        flex: none;
        width: 100%
    }

    .l-hidden,
    .m-only,
    .s-only,
    .xl-only,
    .xs-only,
    .xxl-only,
    .xxxl-only {
        display: none !important
    }

    .model-list-container {
        --columns-count: 5
    }

    .model-list-container .vertical-items {
        --columns-count: 6
    }

    .view-cam-container .model-list-container:not(.underviewcam-featured-models) .model-list-item:nth-child(15)~.model-list-item {
        display: none
    }

    .favorites-page .model-list-container,
    .index-page .model-list-container,
    .search-page .model-list-container {
        --columns-count: 5
    }

    .SlidableCategorySegment\#k4 {
        --columns-count: 5
    }

    .SlidableCategorySegment\#k4.SlidableCategorySegment__mode-columns\#Ir {
        --columns-count: 6
    }

    .SlidableCategorySegment\#k4.SlidableCategorySegment__mode-grid\#nY.SlidableCategorySegment__less-11\#Ux .SlidableCategorySegment__scrollable-container\#j8 {
        grid-auto-flow: unset;
        grid-template-rows: unset
    }

    .SlidableCategorySegment\#k4.SlidableCategorySegment__mode-grid\#nY:not(.SlidableCategorySegment__less-11\#Ux) .SlidableCategorySegment__slide\#DF[data-position="1"] {
        order: 1
    }

    .SlidableCategorySegment\#k4.SlidableCategorySegment__mode-grid\#nY:not(.SlidableCategorySegment__less-11\#Ux) .SlidableCategorySegment__slide\#DF[data-position="2"] {
        order: 2
    }

    .SlidableCategorySegment\#k4.SlidableCategorySegment__mode-grid\#nY:not(.SlidableCategorySegment__less-11\#Ux) .SlidableCategorySegment__slide\#DF[data-position="3"] {
        order: 3
    }

    .SlidableCategorySegment\#k4.SlidableCategorySegment__mode-grid\#nY:not(.SlidableCategorySegment__less-11\#Ux) .SlidableCategorySegment__slide\#DF[data-position="4"] {
        order: 4
    }

    .SlidableCategorySegment\#k4.SlidableCategorySegment__mode-grid\#nY:not(.SlidableCategorySegment__less-11\#Ux) .SlidableCategorySegment__slide\#DF[data-position="5"] {
        order: 5
    }

    .SlidableCategorySegment\#k4.SlidableCategorySegment__mode-grid\#nY:not(.SlidableCategorySegment__less-11\#Ux) .SlidableCategorySegment__slide\#DF[data-position="6"] {
        order: 6
    }

    .SlidableCategorySegment\#k4.SlidableCategorySegment__mode-grid\#nY:not(.SlidableCategorySegment__less-11\#Ux) .SlidableCategorySegment__slide\#DF[data-position="7"] {
        order: 7
    }

    .SlidableCategorySegment\#k4.SlidableCategorySegment__mode-grid\#nY:not(.SlidableCategorySegment__less-11\#Ux) .SlidableCategorySegment__slide\#DF[data-position="8"] {
        order: 8
    }

    .SlidableCategorySegment\#k4.SlidableCategorySegment__mode-grid\#nY:not(.SlidableCategorySegment__less-11\#Ux) .SlidableCategorySegment__slide\#DF[data-position="9"] {
        order: 9
    }

    .SlidableCategorySegment\#k4.SlidableCategorySegment__mode-grid\#nY:not(.SlidableCategorySegment__less-11\#Ux) .SlidableCategorySegment__slide\#DF[data-position="10"] {
        order: 10
    }

    .SlidableCategorySegment\#k4.SlidableCategorySegment__mode-grid\#nY:not(.SlidableCategorySegment__less-11\#Ux) .SlidableCategorySegment__slide\#DF[data-position="11"] {
        order: 11
    }

    .SlidableCategorySegment\#k4.SlidableCategorySegment__mode-grid\#nY:not(.SlidableCategorySegment__less-11\#Ux) .SlidableCategorySegment__slide\#DF[data-position="12"] {
        order: 12
    }

    .SlidableCategorySegment\#k4.SlidableCategorySegment__mode-grid\#nY:not(.SlidableCategorySegment__less-11\#Ux) .SlidableCategorySegment__slide\#DF[data-position="13"] {
        order: 13
    }

    .SlidableCategorySegment\#k4.SlidableCategorySegment__mode-grid\#nY:not(.SlidableCategorySegment__less-11\#Ux) .SlidableCategorySegment__slide\#DF[data-position="14"] {
        order: 14
    }

    .SlidableCategorySegment\#k4.SlidableCategorySegment__mode-grid\#nY:not(.SlidableCategorySegment__less-11\#Ux) .SlidableCategorySegment__slide\#DF[data-position="15"] {
        order: 15
    }

    .SlidableCategorySegment\#k4.SlidableCategorySegment__mode-grid\#nY:not(.SlidableCategorySegment__less-11\#Ux) .SlidableCategorySegment__slide\#DF[data-position="16"] {
        order: 16
    }

    .SlidableCategorySegment\#k4.SlidableCategorySegment__mode-grid\#nY:not(.SlidableCategorySegment__less-11\#Ux) .SlidableCategorySegment__slide\#DF[data-position="17"] {
        order: 17
    }

    .SlidableCategorySegment\#k4.SlidableCategorySegment__mode-grid\#nY:not(.SlidableCategorySegment__less-11\#Ux) .SlidableCategorySegment__slide\#DF[data-position="18"] {
        order: 18
    }

    .SlidableCategorySegment\#k4.SlidableCategorySegment__mode-grid\#nY:not(.SlidableCategorySegment__less-11\#Ux) .SlidableCategorySegment__slide\#DF[data-position="19"] {
        order: 19
    }

    .SlidableCategorySegment\#k4.SlidableCategorySegment__mode-grid\#nY:not(.SlidableCategorySegment__less-11\#Ux) .SlidableCategorySegment__slide\#DF[data-position="20"] {
        order: 20
    }

    .SlidableCategorySegment\#k4.SlidableCategorySegment__mode-grid\#nY:not(.SlidableCategorySegment__less-11\#Ux) .SlidableCategorySegment__slide\#DF[data-position="21"] {
        order: 21
    }

    .SlidableCategorySegment\#k4.SlidableCategorySegment__mode-grid\#nY:not(.SlidableCategorySegment__less-11\#Ux) .SlidableCategorySegment__slide\#DF[data-position="22"] {
        order: 22
    }

    .SlidableCategorySegment\#k4.SlidableCategorySegment__mode-grid\#nY:not(.SlidableCategorySegment__less-11\#Ux) .SlidableCategorySegment__slide\#DF[data-position="23"] {
        order: 23
    }

    .SlidableCategorySegment\#k4.SlidableCategorySegment__mode-grid\#nY:not(.SlidableCategorySegment__less-11\#Ux) .SlidableCategorySegment__slide\#DF[data-position="24"] {
        order: 24
    }

    .SlidableCategorySegment\#k4.SlidableCategorySegment__mode-grid\#nY:not(.SlidableCategorySegment__less-11\#Ux) .SlidableCategorySegment__slide\#DF[data-position="6"] {
        order: 1
    }

    .SlidableCategorySegment\#k4.SlidableCategorySegment__mode-grid\#nY:not(.SlidableCategorySegment__less-11\#Ux) .SlidableCategorySegment__slide\#DF[data-position="7"] {
        order: 2
    }

    .SlidableCategorySegment\#k4.SlidableCategorySegment__mode-grid\#nY:not(.SlidableCategorySegment__less-11\#Ux) .SlidableCategorySegment__slide\#DF[data-position="8"] {
        order: 3
    }

    .SlidableCategorySegment\#k4.SlidableCategorySegment__mode-grid\#nY:not(.SlidableCategorySegment__less-11\#Ux) .SlidableCategorySegment__slide\#DF[data-position="9"] {
        order: 4
    }

    .SlidableCategorySegment\#k4.SlidableCategorySegment__mode-grid\#nY:not(.SlidableCategorySegment__less-11\#Ux) .SlidableCategorySegment__slide\#DF[data-position="10"] {
        order: 5
    }

    .SlidableCategorySegment\#k4.SlidableCategorySegment__mode-grid\#nY:not(.SlidableCategorySegment__less-11\#Ux) .SlidableCategorySegment__slide\#DF:nth-child(1 of :not([data-dd-hide~=l])) {
        order: 1 !important
    }

    .SlidableCategorySegment\#k4.SlidableCategorySegment__mode-grid\#nY:not(.SlidableCategorySegment__less-11\#Ux) .SlidableCategorySegment__slide\#DF:nth-child(2 of :not([data-dd-hide~=l])) {
        order: 2 !important
    }

    .SlidableCategorySegment\#k4.SlidableCategorySegment__mode-grid\#nY:not(.SlidableCategorySegment__less-11\#Ux) .SlidableCategorySegment__slide\#DF:nth-child(3 of :not([data-dd-hide~=l])) {
        order: 3 !important
    }

    .SlidableCategorySegment\#k4.SlidableCategorySegment__mode-grid\#nY:not(.SlidableCategorySegment__less-11\#Ux) .SlidableCategorySegment__slide\#DF:nth-child(4 of :not([data-dd-hide~=l])) {
        order: 4 !important
    }

    .SlidableCategorySegment\#k4.SlidableCategorySegment__mode-grid\#nY:not(.SlidableCategorySegment__less-11\#Ux) .SlidableCategorySegment__slide\#DF:nth-child(5 of :not([data-dd-hide~=l])) {
        order: 5 !important
    }

    .SlidableCategorySegment\#k4.SlidableCategorySegment__mode-grid\#nY:not(.SlidableCategorySegment__less-11\#Ux) .SlidableCategorySegment__slide\#DF:nth-child(6 of :not([data-dd-hide~=l])) {
        order: 6 !important
    }

    .SlidableCategorySegment\#k4.SlidableCategorySegment__mode-grid\#nY:not(.SlidableCategorySegment__less-11\#Ux) .SlidableCategorySegment__slide\#DF:nth-child(7 of :not([data-dd-hide~=l])) {
        order: 7 !important
    }

    .SlidableCategorySegment\#k4.SlidableCategorySegment__mode-grid\#nY:not(.SlidableCategorySegment__less-11\#Ux) .SlidableCategorySegment__slide\#DF:nth-child(8 of :not([data-dd-hide~=l])) {
        order: 8 !important
    }

    .SlidableCategorySegment\#k4.SlidableCategorySegment__mode-grid\#nY:not(.SlidableCategorySegment__less-11\#Ux) .SlidableCategorySegment__slide\#DF:nth-child(9 of :not([data-dd-hide~=l])) {
        order: 9 !important
    }

    .SlidableCategorySegment\#k4.SlidableCategorySegment__mode-grid\#nY:not(.SlidableCategorySegment__less-11\#Ux) .SlidableCategorySegment__slide\#DF:nth-child(10 of :not([data-dd-hide~=l])) {
        order: 10 !important
    }

    .SlidableCategorySegment\#k4.SlidableCategorySegment__mode-grid\#nY:not(.SlidableCategorySegment__less-11\#Ux) .SlidableCategorySegment__slide\#DF:nth-child(11 of :not([data-dd-hide~=l])) {
        order: 11 !important
    }

    .SlidableCategorySegment\#k4.SlidableCategorySegment__mode-grid\#nY:not(.SlidableCategorySegment__less-11\#Ux) .SlidableCategorySegment__slide\#DF:nth-child(12 of :not([data-dd-hide~=l])) {
        order: 12 !important
    }

    .SlidableCategorySegment\#k4.SlidableCategorySegment__mode-grid\#nY:not(.SlidableCategorySegment__less-11\#Ux) .SlidableCategorySegment__slide\#DF:nth-child(13 of :not([data-dd-hide~=l])) {
        order: 13 !important
    }

    .SlidableCategorySegment\#k4.SlidableCategorySegment__mode-grid\#nY:not(.SlidableCategorySegment__less-11\#Ux) .SlidableCategorySegment__slide\#DF:nth-child(14 of :not([data-dd-hide~=l])) {
        order: 14 !important
    }

    .SlidableCategorySegment\#k4.SlidableCategorySegment__mode-grid\#nY:not(.SlidableCategorySegment__less-11\#Ux) .SlidableCategorySegment__slide\#DF:nth-child(15 of :not([data-dd-hide~=l])) {
        order: 15 !important
    }

    .SlidableCategorySegment\#k4.SlidableCategorySegment__mode-grid\#nY:not(.SlidableCategorySegment__less-11\#Ux) .SlidableCategorySegment__slide\#DF:nth-child(16 of :not([data-dd-hide~=l])) {
        order: 16 !important
    }

    .SlidableCategorySegment\#k4.SlidableCategorySegment__mode-grid\#nY:not(.SlidableCategorySegment__less-11\#Ux) .SlidableCategorySegment__slide\#DF:nth-child(17 of :not([data-dd-hide~=l])) {
        order: 17 !important
    }

    .SlidableCategorySegment\#k4.SlidableCategorySegment__mode-grid\#nY:not(.SlidableCategorySegment__less-11\#Ux) .SlidableCategorySegment__slide\#DF:nth-child(18 of :not([data-dd-hide~=l])) {
        order: 18 !important
    }

    .SlidableCategorySegment\#k4.SlidableCategorySegment__mode-grid\#nY:not(.SlidableCategorySegment__less-11\#Ux) .SlidableCategorySegment__slide\#DF:nth-child(19 of :not([data-dd-hide~=l])) {
        order: 19 !important
    }

    .SlidableCategorySegment\#k4.SlidableCategorySegment__mode-grid\#nY:not(.SlidableCategorySegment__less-11\#Ux) .SlidableCategorySegment__slide\#DF:nth-child(20 of :not([data-dd-hide~=l])) {
        order: 20 !important
    }

    .SlidableCategorySegment\#k4.SlidableCategorySegment__mode-grid\#nY:not(.SlidableCategorySegment__less-11\#Ux) .SlidableCategorySegment__slide\#DF:nth-child(21 of :not([data-dd-hide~=l])) {
        order: 21 !important
    }

    .SlidableCategorySegment\#k4.SlidableCategorySegment__mode-grid\#nY:not(.SlidableCategorySegment__less-11\#Ux) .SlidableCategorySegment__slide\#DF:nth-child(22 of :not([data-dd-hide~=l])) {
        order: 22 !important
    }

    .SlidableCategorySegment\#k4.SlidableCategorySegment__mode-grid\#nY:not(.SlidableCategorySegment__less-11\#Ux) .SlidableCategorySegment__slide\#DF:nth-child(23 of :not([data-dd-hide~=l])) {
        order: 23 !important
    }

    .SlidableCategorySegment\#k4.SlidableCategorySegment__mode-grid\#nY:not(.SlidableCategorySegment__less-11\#Ux) .SlidableCategorySegment__slide\#DF:nth-child(24 of :not([data-dd-hide~=l])) {
        order: 24 !important
    }

    .SlidableCategorySegment\#k4.SlidableCategorySegment__mode-grid\#nY:not(.SlidableCategorySegment__less-11\#Ux) .SlidableCategorySegment__slide\#DF:nth-child(6 of :not([data-dd-hide~=l])) {
        order: 1 !important
    }

    .SlidableCategorySegment\#k4.SlidableCategorySegment__mode-grid\#nY:not(.SlidableCategorySegment__less-11\#Ux) .SlidableCategorySegment__slide\#DF:nth-child(7 of :not([data-dd-hide~=l])) {
        order: 2 !important
    }

    .SlidableCategorySegment\#k4.SlidableCategorySegment__mode-grid\#nY:not(.SlidableCategorySegment__less-11\#Ux) .SlidableCategorySegment__slide\#DF:nth-child(8 of :not([data-dd-hide~=l])) {
        order: 3 !important
    }

    .SlidableCategorySegment\#k4.SlidableCategorySegment__mode-grid\#nY:not(.SlidableCategorySegment__less-11\#Ux) .SlidableCategorySegment__slide\#DF:nth-child(9 of :not([data-dd-hide~=l])) {
        order: 4 !important
    }

    .SlidableCategorySegment\#k4.SlidableCategorySegment__mode-grid\#nY:not(.SlidableCategorySegment__less-11\#Ux) .SlidableCategorySegment__slide\#DF:nth-child(10 of :not([data-dd-hide~=l])) {
        order: 5 !important
    }

    .model-list-item[data-dd-hide~=l] {
        display: none !important
    }

    .expandable-multiple-categories-category.animation-ended .model-list-item[data-dd-v-exp~=l],
    .expandable-multiple-categories-category.transition-active .model-list-item[data-dd-v-exp~=l],
    .model-list-item[data-dd-v~=l] {
        display: block !important
    }

    div[data-dd-rem-l="0"],
    section[data-dd-rem-l="0"] {
        display: none
    }
}

@media screen and (min-width:1024px) and (max-width:1365px) and (pointer:fine) {

    .category-mobileStreaming[data-dd-rem-l="1"] .see-more-models-button,
    .category-mobileStreaming[data-dd-rem-l="2"] .see-more-models-button,
    .category-mobileStreaming[data-dd-rem-l="3"] .see-more-models-button,
    .category-mobileStreaming[data-dd-rem-l="4"] .see-more-models-button,
    .category-mobileStreaming[data-dd-rem-l="5"] .see-more-models-button,
    .category-mobileStreaming[data-dd-rem-l="6"] .see-more-models-button,
    div[data-dd-rem-l="1"]:not(.category-mobileStreaming) .see-more-models-button,
    div[data-dd-rem-l="10"]:not(.category-mobileStreaming) .see-more-models-button,
    div[data-dd-rem-l="2"]:not(.category-mobileStreaming) .see-more-models-button,
    div[data-dd-rem-l="3"]:not(.category-mobileStreaming) .see-more-models-button,
    div[data-dd-rem-l="4"]:not(.category-mobileStreaming) .see-more-models-button,
    div[data-dd-rem-l="5"]:not(.category-mobileStreaming) .see-more-models-button,
    div[data-dd-rem-l="6"]:not(.category-mobileStreaming) .see-more-models-button,
    div[data-dd-rem-l="7"]:not(.category-mobileStreaming) .see-more-models-button,
    div[data-dd-rem-l="8"]:not(.category-mobileStreaming) .see-more-models-button,
    div[data-dd-rem-l="9"]:not(.category-mobileStreaming) .see-more-models-button {
        display: none
    }
}

@media screen and (min-width:1024px) and (min-aspect-ratio:16/9) {

    .view-cam-resizer.view-cam-resizer-playing.view-cam-resizer-boundary-x,
    .view-cam-resizer.view-cam-resizer-playing.view-cam-resizer-hd.view-cam-resizer-boundary-x {
        min-width: 650px
    }

    .view-cam-resizer.view-cam-resizer-playing.view-cam-resizer.view-cam-resizer-boundary-x {
        min-width: 650px
    }

    .view-cam-resizer.view-cam-resizer-broadcast.view-cam-resizer-boundary-x,
    .view-cam-resizer.view-cam-resizer-broadcast.view-cam-resizer-hd.view-cam-resizer-boundary-x {
        min-width: 650px
    }

    .view-cam-resizer.view-cam-resizer-broadcast.view-cam-resizer.view-cam-resizer-boundary-x {
        min-width: 650px
    }
}

@media screen and (min-width:1024px) and (min-width:1600px) {
    .view-cam-resizer.view-cam-resizer-playing.view-cam-resizer-boundary-x {
        max-width: calc(var(--viewcam-max-width) - 400px - 10px)
    }

    .view-cam-resizer.view-cam-resizer-playing .view-cam-resizer-boundary-y,
    .view-cam-resizer.view-cam-resizer-playing .view-cam-resizer-player {
        max-height: calc((var(--viewcam-max-width) - 400px - 10px) * .75)
    }

    .view-cam-resizer.view-cam-resizer-playing.view-cam-resizer-hd.view-cam-resizer-boundary-x {
        max-width: calc(var(--viewcam-max-width) - 400px - 10px)
    }

    .view-cam-resizer.view-cam-resizer-playing.view-cam-resizer-hd .view-cam-resizer-boundary-y,
    .view-cam-resizer.view-cam-resizer-playing.view-cam-resizer-hd .view-cam-resizer-player {
        max-height: calc((var(--viewcam-max-width) - 400px - 10px) * .5556)
    }

    .view-cam-resizer.view-cam-resizer-playing.view-cam-resizer.view-cam-resizer-boundary-x {
        max-width: calc(var(--viewcam-max-width) - 400px - 10px)
    }

    .view-cam-resizer.view-cam-resizer-playing.view-cam-resizer .view-cam-resizer-boundary-y,
    .view-cam-resizer.view-cam-resizer-playing.view-cam-resizer .view-cam-resizer-player {
        max-height: calc((var(--viewcam-max-width) - 400px - 10px) * var(--resizer-aspect-ratio))
    }

    .view-cam-resizer.view-cam-resizer-broadcast.view-cam-resizer-boundary-x {
        max-width: calc(1568px - 630px - 10px)
    }

    .view-cam-resizer.view-cam-resizer-broadcast .view-cam-resizer-boundary-y,
    .view-cam-resizer.view-cam-resizer-broadcast .view-cam-resizer-player {
        max-height: calc((1568px - 630px - 10px) * .75)
    }

    .view-cam-resizer.view-cam-resizer-broadcast.view-cam-resizer-hd.view-cam-resizer-boundary-x {
        max-width: calc(1568px - 630px - 10px)
    }

    .view-cam-resizer.view-cam-resizer-broadcast.view-cam-resizer-hd .view-cam-resizer-boundary-y,
    .view-cam-resizer.view-cam-resizer-broadcast.view-cam-resizer-hd .view-cam-resizer-player {
        max-height: calc((1568px - 630px - 10px) * .5556)
    }

    .view-cam-resizer.view-cam-resizer-broadcast.view-cam-resizer.view-cam-resizer-boundary-x {
        max-width: calc(1568px - 630px - 10px)
    }

    .view-cam-resizer.view-cam-resizer-broadcast.view-cam-resizer .view-cam-resizer-boundary-y,
    .view-cam-resizer.view-cam-resizer-broadcast.view-cam-resizer .view-cam-resizer-player {
        max-height: calc((1568px - 630px - 10px) * var(--resizer-aspect-ratio))
    }
}

@media screen and (pointer:coarse) and (min-width:1024px) and (max-width:1365px) {

    .model-list-slideable .model-list-item:nth-child(10n+1 of :not([data-dd-hide~=l])),
    .model-list-slideable .model-list-vertical-item:nth-child(5n+1 of :not([data-dd-hide~=l])) {
        scroll-snap-align: start
    }

    .favorites-page .model-list-container,
    .favorites-page .model-list-container .vertical-items,
    .index-page .model-list-container,
    .index-page .model-list-container .vertical-items,
    .search-page .model-list-container,
    .search-page .model-list-container .vertical-items {
        --columns-count: 4
    }

    .favorites-page .model-list-container .model-list-item,
    .index-page .model-list-container .model-list-item,
    .search-page .model-list-container .model-list-item {
        scroll-snap-align: none
    }

    .favorites-page .model-list-container .model-list-item:nth-child(8n+1 of :not([data-dd-hide~=l])),
    .index-page .model-list-container .model-list-item:nth-child(8n+1 of :not([data-dd-hide~=l])),
    .search-page .model-list-container .model-list-item:nth-child(8n+1 of :not([data-dd-hide~=l])) {
        scroll-snap-align: start
    }

    .multiple-categories-models-list-wrapper .model-list-item:nth-of-type(6n+6),
    .multiple-categories-models-list-wrapper .model-list-vertical-item:nth-of-type(n+10) {
        display: none
    }
}

@media screen and (pointer:coarse) and (min-width:1024px) and (max-width:1365px) and (orientation:landscape) {

    .favorites-page .model-list-container .model-list-item,
    .index-page .model-list-container .model-list-item,
    .search-page .model-list-container .model-list-item {
        scroll-snap-align: none !important
    }

    .favorites-page .model-list-container .model-list-item:nth-child(6n+1 of :not([data-dd-hide~=l])),
    .index-page .model-list-container .model-list-item:nth-child(6n+1 of :not([data-dd-hide~=l])),
    .search-page .model-list-container .model-list-item:nth-child(6n+1 of :not([data-dd-hide~=l])) {
        scroll-snap-align: start !important
    }

    .favorites-page .model-list-container .model-list-vertical-item,
    .index-page .model-list-container .model-list-vertical-item,
    .search-page .model-list-container .model-list-vertical-item {
        scroll-snap-align: none !important
    }

    .favorites-page .model-list-container .model-list-vertical-item:nth-child(3n+1 of :not([data-dd-hide~=l])),
    .index-page .model-list-container .model-list-vertical-item:nth-child(3n+1 of :not([data-dd-hide~=l])),
    .search-page .model-list-container .model-list-vertical-item:nth-child(3n+1 of :not([data-dd-hide~=l])) {
        scroll-snap-align: start !important
    }
}

@media screen and (pointer:fine) and (min-width:1024px) and (max-width:1365px) {

    .multiple-categories-models-list-wrapper .model-list-item:nth-of-type(n+11),
    .multiple-categories-models-list-wrapper .model-list-vertical-item:nth-of-type(n+7) {
        display: none
    }

    .expandable-multiple-categories-category.animation-ended .multiple-categories-models-list-wrapper .model-list-item:nth-of-type(n+11),
    .expandable-multiple-categories-category.animation-ended .multiple-categories-models-list-wrapper .model-list-vertical-item:nth-of-type(n+7),
    .expandable-multiple-categories-category.transition-active .multiple-categories-models-list-wrapper .model-list-item:nth-of-type(n+11),
    .expandable-multiple-categories-category.transition-active .multiple-categories-models-list-wrapper .model-list-vertical-item:nth-of-type(n+7) {
        display: block
    }

    .expandable-multiple-categories-category.animation-ended .multiple-categories-models-list-wrapper .model-list-item:nth-of-type(n+21),
    .expandable-multiple-categories-category.animation-ended .multiple-categories-models-list-wrapper .model-list-vertical-item:nth-of-type(n+13),
    .expandable-multiple-categories-category.transition-active .multiple-categories-models-list-wrapper .model-list-item:nth-of-type(n+21),
    .expandable-multiple-categories-category.transition-active .multiple-categories-models-list-wrapper .model-list-vertical-item:nth-of-type(n+13) {
        display: none
    }
}

@media screen and (min-width:1280px) {
    .header-top-search-wrapper {
        display: block
    }

    .header-sub .model-search,
    .header-sub .model-search.model-search--expanded {
        display: none
    }
}

@media screen and (min-width:1366px) {
    .media-after-xl-hidden {
        display: none !important
    }

    .model-list-promo-item__text--favorites-title {
        margin-top: 8px
    }

    .model-list-promo-item__btn-sign-up {
        margin: 8px 0 0;
        padding: 8px 16px
    }

    .promo-banner-action {
        display: none
    }

    .promo-banner-description .promo-banner-action {
        display: block;
        margin: 4px 0 4px 16px
    }

    #promo-banner-id-cherryBlossom .promo-banner-main-container,
    #promo-banner-id-newYear .promo-banner-main-container,
    #promo-banner-id-summerBeginsForAll .promo-banner-main-container,
    #promo-banner-id-summerBeginsForUltimate .promo-banner-main-container,
    #promo-banner-id-xmas .promo-banner-main-container {
        flex-grow: 1
    }

    #promo-banner-id-cherryBlossom .promo-banner-description,
    #promo-banner-id-newYear .promo-banner-description,
    #promo-banner-id-summerBeginsForAll .promo-banner-description,
    #promo-banner-id-summerBeginsForUltimate .promo-banner-description,
    #promo-banner-id-xmas .promo-banner-description {
        justify-content: center
    }

    #promo-banner-id-cherryBlossom .promo-banner-description-container,
    #promo-banner-id-newYear .promo-banner-description-container,
    #promo-banner-id-summerBeginsForAll .promo-banner-description-container,
    #promo-banner-id-summerBeginsForUltimate .promo-banner-description-container,
    #promo-banner-id-xmas .promo-banner-description-container {
        flex-grow: 0
    }

    #promo-banner-id-cherryBlossom .promo-banner-action-container .promo-banner-action-container-buttons,
    #promo-banner-id-newYear .promo-banner-action-container .promo-banner-action-container-buttons,
    #promo-banner-id-summerBeginsForAll .promo-banner-action-container .promo-banner-action-container-buttons,
    #promo-banner-id-summerBeginsForUltimate .promo-banner-action-container .promo-banner-action-container-buttons,
    #promo-banner-id-xmas .promo-banner-action-container .promo-banner-action-container-buttons {
        display: flex;
        justify-content: flex-end
    }

    #promo-banner-id-cherryBlossom .promo-banner-action-container .promo-banner-action,
    #promo-banner-id-newYear .promo-banner-action-container .promo-banner-action,
    #promo-banner-id-summerBeginsForAll .promo-banner-action-container .promo-banner-action,
    #promo-banner-id-summerBeginsForUltimate .promo-banner-action-container .promo-banner-action,
    #promo-banner-id-xmas .promo-banner-action-container .promo-banner-action {
        display: block
    }

    .model-list-item[data-dd-hide~=xl] {
        display: none !important
    }

    .expandable-multiple-categories-category.animation-ended .model-list-item[data-dd-v-exp~=xl],
    .expandable-multiple-categories-category.transition-active .model-list-item[data-dd-v-exp~=xl],
    .model-list-item[data-dd-v~=xl] {
        display: block !important
    }

    div[data-dd-rem-xl="0"],
    section[data-dd-rem-xl="0"] {
        display: none
    }

    .indexpage.index-page-new-paddings .common__main-layout-main-right\#y1 {
        padding: 0
    }

    .NonNudeShutterWithTeasing\#sc.NonNudeShutterWithTeasing__landscape\#Dr .NonNudeShutterWithTeasing__videoWrapper\#cg {
        margin-right: 24px
    }

    .NonNudeShutterWithTeasing\#sc.NonNudeShutterWithTeasing__landscape\#Dr {
        max-width: 90%
    }

    .NonNudeShutterWithTeasing\#sc.NonNudeShutterWithTeasing__portrait\#Lz .NonNudeShutterWithTeasing__videoWrapper\#cg {
        margin-right: 24px;
        max-height: 80%
    }

    .NonNudeShutterWithTeasing\#sc .NonNudeShutterWithTeasing__description\#zS {
        font-size: 18px;
        line-height: 24px
    }

    .NonNudeShutterWithTeasing\#sc .NonNudeShutterWithTeasing__button\#HJ {
        font-size: 16px;
        line-height: 22px;
        padding: 8px 20px
    }
}

@media screen and (min-width:1366px) and (max-width:1599px) {
    .columns .column.xl-1 {
        flex: none;
        width: 8.3333333333%
    }

    .columns .column.xl-2 {
        flex: none;
        width: 16.6666666667%
    }

    .columns .column.xl-3 {
        flex: none;
        width: 25%
    }

    .columns .column.xl-4 {
        flex: none;
        width: 33.3333333333%
    }

    .columns .column.xl-5 {
        flex: none;
        width: 41.6666666667%
    }

    .columns .column.xl-6 {
        flex: none;
        width: 50%
    }

    .columns .column.xl-7 {
        flex: none;
        width: 58.3333333333%
    }

    .columns .column.xl-8 {
        flex: none;
        width: 66.6666666667%
    }

    .columns .column.xl-9 {
        flex: none;
        width: 75%
    }

    .columns .column.xl-10 {
        flex: none;
        width: 83.3333333333%
    }

    .columns .column.xl-11 {
        flex: none;
        width: 91.6666666667%
    }

    .columns .column.xl-12 {
        flex: none;
        width: 100%
    }

    .l-only,
    .m-only,
    .s-only,
    .xl-hidden,
    .xs-only,
    .xxl-only,
    .xxxl-only {
        display: none !important
    }

    .model-list-container {
        --columns-count: 6
    }

    .model-list-container .vertical-items {
        --columns-count: 7
    }

    .view-cam-container .model-list-container:not(.underviewcam-featured-models) .model-list-item:nth-child(18)~.model-list-item {
        display: none
    }

    .favorites-page .model-list-container,
    .index-page .model-list-container,
    .search-page .model-list-container {
        --columns-count: 6
    }

    .SlidableCategorySegment\#k4 {
        --columns-count: 6
    }

    .SlidableCategorySegment\#k4.SlidableCategorySegment__mode-columns\#Ir {
        --columns-count: 7
    }

    .SlidableCategorySegment\#k4.SlidableCategorySegment__mode-grid\#nY.SlidableCategorySegment__less-13\#h_ .SlidableCategorySegment__scrollable-container\#j8 {
        grid-auto-flow: unset;
        grid-template-rows: unset
    }

    .SlidableCategorySegment\#k4.SlidableCategorySegment__mode-grid\#nY:not(.SlidableCategorySegment__less-13\#h_) .SlidableCategorySegment__slide\#DF[data-position="1"] {
        order: 1
    }

    .SlidableCategorySegment\#k4.SlidableCategorySegment__mode-grid\#nY:not(.SlidableCategorySegment__less-13\#h_) .SlidableCategorySegment__slide\#DF[data-position="2"] {
        order: 2
    }

    .SlidableCategorySegment\#k4.SlidableCategorySegment__mode-grid\#nY:not(.SlidableCategorySegment__less-13\#h_) .SlidableCategorySegment__slide\#DF[data-position="3"] {
        order: 3
    }

    .SlidableCategorySegment\#k4.SlidableCategorySegment__mode-grid\#nY:not(.SlidableCategorySegment__less-13\#h_) .SlidableCategorySegment__slide\#DF[data-position="4"] {
        order: 4
    }

    .SlidableCategorySegment\#k4.SlidableCategorySegment__mode-grid\#nY:not(.SlidableCategorySegment__less-13\#h_) .SlidableCategorySegment__slide\#DF[data-position="5"] {
        order: 5
    }

    .SlidableCategorySegment\#k4.SlidableCategorySegment__mode-grid\#nY:not(.SlidableCategorySegment__less-13\#h_) .SlidableCategorySegment__slide\#DF[data-position="6"] {
        order: 6
    }

    .SlidableCategorySegment\#k4.SlidableCategorySegment__mode-grid\#nY:not(.SlidableCategorySegment__less-13\#h_) .SlidableCategorySegment__slide\#DF[data-position="7"] {
        order: 7
    }

    .SlidableCategorySegment\#k4.SlidableCategorySegment__mode-grid\#nY:not(.SlidableCategorySegment__less-13\#h_) .SlidableCategorySegment__slide\#DF[data-position="8"] {
        order: 8
    }

    .SlidableCategorySegment\#k4.SlidableCategorySegment__mode-grid\#nY:not(.SlidableCategorySegment__less-13\#h_) .SlidableCategorySegment__slide\#DF[data-position="9"] {
        order: 9
    }

    .SlidableCategorySegment\#k4.SlidableCategorySegment__mode-grid\#nY:not(.SlidableCategorySegment__less-13\#h_) .SlidableCategorySegment__slide\#DF[data-position="10"] {
        order: 10
    }

    .SlidableCategorySegment\#k4.SlidableCategorySegment__mode-grid\#nY:not(.SlidableCategorySegment__less-13\#h_) .SlidableCategorySegment__slide\#DF[data-position="11"] {
        order: 11
    }

    .SlidableCategorySegment\#k4.SlidableCategorySegment__mode-grid\#nY:not(.SlidableCategorySegment__less-13\#h_) .SlidableCategorySegment__slide\#DF[data-position="12"] {
        order: 12
    }

    .SlidableCategorySegment\#k4.SlidableCategorySegment__mode-grid\#nY:not(.SlidableCategorySegment__less-13\#h_) .SlidableCategorySegment__slide\#DF[data-position="13"] {
        order: 13
    }

    .SlidableCategorySegment\#k4.SlidableCategorySegment__mode-grid\#nY:not(.SlidableCategorySegment__less-13\#h_) .SlidableCategorySegment__slide\#DF[data-position="14"] {
        order: 14
    }

    .SlidableCategorySegment\#k4.SlidableCategorySegment__mode-grid\#nY:not(.SlidableCategorySegment__less-13\#h_) .SlidableCategorySegment__slide\#DF[data-position="15"] {
        order: 15
    }

    .SlidableCategorySegment\#k4.SlidableCategorySegment__mode-grid\#nY:not(.SlidableCategorySegment__less-13\#h_) .SlidableCategorySegment__slide\#DF[data-position="16"] {
        order: 16
    }

    .SlidableCategorySegment\#k4.SlidableCategorySegment__mode-grid\#nY:not(.SlidableCategorySegment__less-13\#h_) .SlidableCategorySegment__slide\#DF[data-position="17"] {
        order: 17
    }

    .SlidableCategorySegment\#k4.SlidableCategorySegment__mode-grid\#nY:not(.SlidableCategorySegment__less-13\#h_) .SlidableCategorySegment__slide\#DF[data-position="18"] {
        order: 18
    }

    .SlidableCategorySegment\#k4.SlidableCategorySegment__mode-grid\#nY:not(.SlidableCategorySegment__less-13\#h_) .SlidableCategorySegment__slide\#DF[data-position="19"] {
        order: 19
    }

    .SlidableCategorySegment\#k4.SlidableCategorySegment__mode-grid\#nY:not(.SlidableCategorySegment__less-13\#h_) .SlidableCategorySegment__slide\#DF[data-position="20"] {
        order: 20
    }

    .SlidableCategorySegment\#k4.SlidableCategorySegment__mode-grid\#nY:not(.SlidableCategorySegment__less-13\#h_) .SlidableCategorySegment__slide\#DF[data-position="21"] {
        order: 21
    }

    .SlidableCategorySegment\#k4.SlidableCategorySegment__mode-grid\#nY:not(.SlidableCategorySegment__less-13\#h_) .SlidableCategorySegment__slide\#DF[data-position="22"] {
        order: 22
    }

    .SlidableCategorySegment\#k4.SlidableCategorySegment__mode-grid\#nY:not(.SlidableCategorySegment__less-13\#h_) .SlidableCategorySegment__slide\#DF[data-position="23"] {
        order: 23
    }

    .SlidableCategorySegment\#k4.SlidableCategorySegment__mode-grid\#nY:not(.SlidableCategorySegment__less-13\#h_) .SlidableCategorySegment__slide\#DF[data-position="24"] {
        order: 24
    }

    .SlidableCategorySegment\#k4.SlidableCategorySegment__mode-grid\#nY:not(.SlidableCategorySegment__less-13\#h_) .SlidableCategorySegment__slide\#DF[data-position="7"] {
        order: 1
    }

    .SlidableCategorySegment\#k4.SlidableCategorySegment__mode-grid\#nY:not(.SlidableCategorySegment__less-13\#h_) .SlidableCategorySegment__slide\#DF[data-position="8"] {
        order: 2
    }

    .SlidableCategorySegment\#k4.SlidableCategorySegment__mode-grid\#nY:not(.SlidableCategorySegment__less-13\#h_) .SlidableCategorySegment__slide\#DF[data-position="9"] {
        order: 3
    }

    .SlidableCategorySegment\#k4.SlidableCategorySegment__mode-grid\#nY:not(.SlidableCategorySegment__less-13\#h_) .SlidableCategorySegment__slide\#DF[data-position="10"] {
        order: 4
    }

    .SlidableCategorySegment\#k4.SlidableCategorySegment__mode-grid\#nY:not(.SlidableCategorySegment__less-13\#h_) .SlidableCategorySegment__slide\#DF[data-position="11"] {
        order: 5
    }

    .SlidableCategorySegment\#k4.SlidableCategorySegment__mode-grid\#nY:not(.SlidableCategorySegment__less-13\#h_) .SlidableCategorySegment__slide\#DF[data-position="12"] {
        order: 6
    }

    .SlidableCategorySegment\#k4.SlidableCategorySegment__mode-grid\#nY:not(.SlidableCategorySegment__less-13\#h_) .SlidableCategorySegment__slide\#DF:nth-child(1 of :not([data-dd-hide~=xl])) {
        order: 1 !important
    }

    .SlidableCategorySegment\#k4.SlidableCategorySegment__mode-grid\#nY:not(.SlidableCategorySegment__less-13\#h_) .SlidableCategorySegment__slide\#DF:nth-child(2 of :not([data-dd-hide~=xl])) {
        order: 2 !important
    }

    .SlidableCategorySegment\#k4.SlidableCategorySegment__mode-grid\#nY:not(.SlidableCategorySegment__less-13\#h_) .SlidableCategorySegment__slide\#DF:nth-child(3 of :not([data-dd-hide~=xl])) {
        order: 3 !important
    }

    .SlidableCategorySegment\#k4.SlidableCategorySegment__mode-grid\#nY:not(.SlidableCategorySegment__less-13\#h_) .SlidableCategorySegment__slide\#DF:nth-child(4 of :not([data-dd-hide~=xl])) {
        order: 4 !important
    }

    .SlidableCategorySegment\#k4.SlidableCategorySegment__mode-grid\#nY:not(.SlidableCategorySegment__less-13\#h_) .SlidableCategorySegment__slide\#DF:nth-child(5 of :not([data-dd-hide~=xl])) {
        order: 5 !important
    }

    .SlidableCategorySegment\#k4.SlidableCategorySegment__mode-grid\#nY:not(.SlidableCategorySegment__less-13\#h_) .SlidableCategorySegment__slide\#DF:nth-child(6 of :not([data-dd-hide~=xl])) {
        order: 6 !important
    }

    .SlidableCategorySegment\#k4.SlidableCategorySegment__mode-grid\#nY:not(.SlidableCategorySegment__less-13\#h_) .SlidableCategorySegment__slide\#DF:nth-child(7 of :not([data-dd-hide~=xl])) {
        order: 7 !important
    }

    .SlidableCategorySegment\#k4.SlidableCategorySegment__mode-grid\#nY:not(.SlidableCategorySegment__less-13\#h_) .SlidableCategorySegment__slide\#DF:nth-child(8 of :not([data-dd-hide~=xl])) {
        order: 8 !important
    }

    .SlidableCategorySegment\#k4.SlidableCategorySegment__mode-grid\#nY:not(.SlidableCategorySegment__less-13\#h_) .SlidableCategorySegment__slide\#DF:nth-child(9 of :not([data-dd-hide~=xl])) {
        order: 9 !important
    }

    .SlidableCategorySegment\#k4.SlidableCategorySegment__mode-grid\#nY:not(.SlidableCategorySegment__less-13\#h_) .SlidableCategorySegment__slide\#DF:nth-child(10 of :not([data-dd-hide~=xl])) {
        order: 10 !important
    }

    .SlidableCategorySegment\#k4.SlidableCategorySegment__mode-grid\#nY:not(.SlidableCategorySegment__less-13\#h_) .SlidableCategorySegment__slide\#DF:nth-child(11 of :not([data-dd-hide~=xl])) {
        order: 11 !important
    }

    .SlidableCategorySegment\#k4.SlidableCategorySegment__mode-grid\#nY:not(.SlidableCategorySegment__less-13\#h_) .SlidableCategorySegment__slide\#DF:nth-child(12 of :not([data-dd-hide~=xl])) {
        order: 12 !important
    }

    .SlidableCategorySegment\#k4.SlidableCategorySegment__mode-grid\#nY:not(.SlidableCategorySegment__less-13\#h_) .SlidableCategorySegment__slide\#DF:nth-child(13 of :not([data-dd-hide~=xl])) {
        order: 13 !important
    }

    .SlidableCategorySegment\#k4.SlidableCategorySegment__mode-grid\#nY:not(.SlidableCategorySegment__less-13\#h_) .SlidableCategorySegment__slide\#DF:nth-child(14 of :not([data-dd-hide~=xl])) {
        order: 14 !important
    }

    .SlidableCategorySegment\#k4.SlidableCategorySegment__mode-grid\#nY:not(.SlidableCategorySegment__less-13\#h_) .SlidableCategorySegment__slide\#DF:nth-child(15 of :not([data-dd-hide~=xl])) {
        order: 15 !important
    }

    .SlidableCategorySegment\#k4.SlidableCategorySegment__mode-grid\#nY:not(.SlidableCategorySegment__less-13\#h_) .SlidableCategorySegment__slide\#DF:nth-child(16 of :not([data-dd-hide~=xl])) {
        order: 16 !important
    }

    .SlidableCategorySegment\#k4.SlidableCategorySegment__mode-grid\#nY:not(.SlidableCategorySegment__less-13\#h_) .SlidableCategorySegment__slide\#DF:nth-child(17 of :not([data-dd-hide~=xl])) {
        order: 17 !important
    }

    .SlidableCategorySegment\#k4.SlidableCategorySegment__mode-grid\#nY:not(.SlidableCategorySegment__less-13\#h_) .SlidableCategorySegment__slide\#DF:nth-child(18 of :not([data-dd-hide~=xl])) {
        order: 18 !important
    }

    .SlidableCategorySegment\#k4.SlidableCategorySegment__mode-grid\#nY:not(.SlidableCategorySegment__less-13\#h_) .SlidableCategorySegment__slide\#DF:nth-child(19 of :not([data-dd-hide~=xl])) {
        order: 19 !important
    }

    .SlidableCategorySegment\#k4.SlidableCategorySegment__mode-grid\#nY:not(.SlidableCategorySegment__less-13\#h_) .SlidableCategorySegment__slide\#DF:nth-child(20 of :not([data-dd-hide~=xl])) {
        order: 20 !important
    }

    .SlidableCategorySegment\#k4.SlidableCategorySegment__mode-grid\#nY:not(.SlidableCategorySegment__less-13\#h_) .SlidableCategorySegment__slide\#DF:nth-child(21 of :not([data-dd-hide~=xl])) {
        order: 21 !important
    }

    .SlidableCategorySegment\#k4.SlidableCategorySegment__mode-grid\#nY:not(.SlidableCategorySegment__less-13\#h_) .SlidableCategorySegment__slide\#DF:nth-child(22 of :not([data-dd-hide~=xl])) {
        order: 22 !important
    }

    .SlidableCategorySegment\#k4.SlidableCategorySegment__mode-grid\#nY:not(.SlidableCategorySegment__less-13\#h_) .SlidableCategorySegment__slide\#DF:nth-child(23 of :not([data-dd-hide~=xl])) {
        order: 23 !important
    }

    .SlidableCategorySegment\#k4.SlidableCategorySegment__mode-grid\#nY:not(.SlidableCategorySegment__less-13\#h_) .SlidableCategorySegment__slide\#DF:nth-child(24 of :not([data-dd-hide~=xl])) {
        order: 24 !important
    }

    .SlidableCategorySegment\#k4.SlidableCategorySegment__mode-grid\#nY:not(.SlidableCategorySegment__less-13\#h_) .SlidableCategorySegment__slide\#DF:nth-child(7 of :not([data-dd-hide~=xl])) {
        order: 1 !important
    }

    .SlidableCategorySegment\#k4.SlidableCategorySegment__mode-grid\#nY:not(.SlidableCategorySegment__less-13\#h_) .SlidableCategorySegment__slide\#DF:nth-child(8 of :not([data-dd-hide~=xl])) {
        order: 2 !important
    }

    .SlidableCategorySegment\#k4.SlidableCategorySegment__mode-grid\#nY:not(.SlidableCategorySegment__less-13\#h_) .SlidableCategorySegment__slide\#DF:nth-child(9 of :not([data-dd-hide~=xl])) {
        order: 3 !important
    }

    .SlidableCategorySegment\#k4.SlidableCategorySegment__mode-grid\#nY:not(.SlidableCategorySegment__less-13\#h_) .SlidableCategorySegment__slide\#DF:nth-child(10 of :not([data-dd-hide~=xl])) {
        order: 4 !important
    }

    .SlidableCategorySegment\#k4.SlidableCategorySegment__mode-grid\#nY:not(.SlidableCategorySegment__less-13\#h_) .SlidableCategorySegment__slide\#DF:nth-child(11 of :not([data-dd-hide~=xl])) {
        order: 5 !important
    }

    .SlidableCategorySegment\#k4.SlidableCategorySegment__mode-grid\#nY:not(.SlidableCategorySegment__less-13\#h_) .SlidableCategorySegment__slide\#DF:nth-child(12 of :not([data-dd-hide~=xl])) {
        order: 6 !important
    }
}

@media screen and (min-width:1366px) and (pointer:fine) {

    .category-mobileStreaming[data-dd-rem-xl="1"] .see-more-models-button,
    .category-mobileStreaming[data-dd-rem-xl="2"] .see-more-models-button,
    .category-mobileStreaming[data-dd-rem-xl="3"] .see-more-models-button,
    .category-mobileStreaming[data-dd-rem-xl="4"] .see-more-models-button,
    .category-mobileStreaming[data-dd-rem-xl="5"] .see-more-models-button,
    .category-mobileStreaming[data-dd-rem-xl="6"] .see-more-models-button,
    .category-mobileStreaming[data-dd-rem-xl="7"] .see-more-models-button,
    div[data-dd-rem-xl="1"]:not(.category-mobileStreaming) .see-more-models-button,
    div[data-dd-rem-xl="10"]:not(.category-mobileStreaming) .see-more-models-button,
    div[data-dd-rem-xl="11"]:not(.category-mobileStreaming) .see-more-models-button,
    div[data-dd-rem-xl="12"]:not(.category-mobileStreaming) .see-more-models-button,
    div[data-dd-rem-xl="2"]:not(.category-mobileStreaming) .see-more-models-button,
    div[data-dd-rem-xl="3"]:not(.category-mobileStreaming) .see-more-models-button,
    div[data-dd-rem-xl="4"]:not(.category-mobileStreaming) .see-more-models-button,
    div[data-dd-rem-xl="5"]:not(.category-mobileStreaming) .see-more-models-button,
    div[data-dd-rem-xl="6"]:not(.category-mobileStreaming) .see-more-models-button,
    div[data-dd-rem-xl="7"]:not(.category-mobileStreaming) .see-more-models-button,
    div[data-dd-rem-xl="8"]:not(.category-mobileStreaming) .see-more-models-button,
    div[data-dd-rem-xl="9"]:not(.category-mobileStreaming) .see-more-models-button {
        display: none
    }
}

@media screen and (pointer:coarse) and (min-width:1366px) and (max-width:1599px) {

    .favorites-page .model-list-container,
    .favorites-page .model-list-container .vertical-items,
    .index-page .model-list-container,
    .index-page .model-list-container .vertical-items,
    .search-page .model-list-container,
    .search-page .model-list-container .vertical-items {
        --columns-count: 5
    }

    .favorites-page .model-list-container .model-list-item,
    .index-page .model-list-container .model-list-item,
    .search-page .model-list-container .model-list-item {
        scroll-snap-align: none
    }

    .favorites-page .model-list-container .model-list-item:nth-child(10n+1 of :not([data-dd-hide~=xl])),
    .index-page .model-list-container .model-list-item:nth-child(10n+1 of :not([data-dd-hide~=xl])),
    .search-page .model-list-container .model-list-item:nth-child(10n+1 of :not([data-dd-hide~=xl])) {
        scroll-snap-align: start
    }

    .multiple-categories-models-list-wrapper .model-list-item:nth-child(n+11),
    .multiple-categories-models-list-wrapper .model-list-vertical-item:nth-of-type(n+13) {
        display: none
    }
}

@media screen and (pointer:fine) and (min-width:1366px) {

    .multiple-categories-models-list-wrapper .model-list-item:nth-of-type(n+13),
    .multiple-categories-models-list-wrapper .model-list-vertical-item:nth-of-type(n+8) {
        display: none
    }

    .expandable-multiple-categories-category.animation-ended .multiple-categories-models-list-wrapper .model-list-item:nth-of-type(n+13),
    .expandable-multiple-categories-category.animation-ended .multiple-categories-models-list-wrapper .model-list-vertical-item:nth-of-type(n+8),
    .expandable-multiple-categories-category.transition-active .multiple-categories-models-list-wrapper .model-list-item:nth-of-type(n+13),
    .expandable-multiple-categories-category.transition-active .multiple-categories-models-list-wrapper .model-list-vertical-item:nth-of-type(n+8) {
        display: block
    }

    .expandable-multiple-categories-category.animation-ended .multiple-categories-models-list-wrapper .model-list-item:nth-of-type(n+25),
    .expandable-multiple-categories-category.animation-ended .multiple-categories-models-list-wrapper .model-list-vertical-item:nth-of-type(n+15),
    .expandable-multiple-categories-category.transition-active .multiple-categories-models-list-wrapper .model-list-item:nth-of-type(n+25),
    .expandable-multiple-categories-category.transition-active .multiple-categories-models-list-wrapper .model-list-vertical-item:nth-of-type(n+15) {
        display: none
    }
}

@media screen and (min-width:1440px) {
    .YouMightLikeCard__categoryName\#ds {
        font-size: 1.125rem;
        line-height: 20px
    }

    .YouMightLikeCard__modelsOnlineWrapper\#r6 {
        font-size: .813rem;
        font-weight: 400;
        line-height: 18px
    }

    .YouMightLikeCard__modelsOnlineWrapper\#r6 .YouMightLikeCard__modelsOnlineText\#He {
        display: block
    }

    .YouMightLikeCard__modelsOnlineWrapper\#r6 .YouMightLikeCard__onlineText\#b5 {
        display: none
    }

    .YouMightLikeSectionTitle__sectionHeader\#A1 {
        font-size: 1.25rem
    }

    .YouMightLikeSectionTitle__allCategoriesLink\#jm {
        font-size: 1rem
    }
}

@media screen and (min-width:1600px) {
    .columns .column.xxl-1 {
        flex: none;
        width: 8.3333333333%
    }

    .columns .column.xxl-2 {
        flex: none;
        width: 16.6666666667%
    }

    .columns .column.xxl-3 {
        flex: none;
        width: 25%
    }

    .columns .column.xxl-4 {
        flex: none;
        width: 33.3333333333%
    }

    .columns .column.xxl-5 {
        flex: none;
        width: 41.6666666667%
    }

    .columns .column.xxl-6 {
        flex: none;
        width: 50%
    }

    .columns .column.xxl-7 {
        flex: none;
        width: 58.3333333333%
    }

    .columns .column.xxl-8 {
        flex: none;
        width: 66.6666666667%
    }

    .columns .column.xxl-9 {
        flex: none;
        width: 75%
    }

    .columns .column.xxl-10 {
        flex: none;
        width: 83.3333333333%
    }

    .columns .column.xxl-11 {
        flex: none;
        width: 91.6666666667%
    }

    .columns .column.xxl-12 {
        flex: none;
        width: 100%
    }

    .container {
        max-width: 1568px;
        padding-left: 0;
        padding-right: 0
    }

    .widescreen-container {
        max-width: 1920px;
        padding-left: 10px;
        padding-right: 10px
    }

    .l-only,
    .m-only,
    .media-after-xxl-hidden,
    .s-only,
    .xl-only,
    .xs-only,
    .xxl-hidden,
    .xxxl-only {
        display: none !important
    }

    .underviewcam-featured-models .model-skeleton-item:nth-child(7n):nth-last-child(-n+8)~.model-skeleton-item,
    .underviewcam-featured-models--has-more .model-list-item-not-skeleton:nth-child(7n):nth-last-child(-n+8)~.model-list-item-not-skeleton {
        display: none
    }

    .model-list-container {
        --columns-count: 6
    }

    .model-list-container .vertical-items,
    .widescreen-container>.model-list-container {
        --columns-count: 7
    }

    .favorites-page .model-list-container,
    .index-page .model-list-container,
    .search-page .model-list-container {
        --columns-count: 6
    }

    .page {
        max-width: 1568px;
        padding-left: 0;
        padding-right: 0
    }

    .SlidableCategorySegment\#k4 {
        --columns-count: 6
    }

    .SlidableCategorySegment\#k4.SlidableCategorySegment__mode-columns\#Ir {
        --columns-count: 7
    }

    .SlidableCategorySegment\#k4.SlidableCategorySegment__mode-grid\#nY.SlidableCategorySegment__less-13\#h_ .SlidableCategorySegment__scrollable-container\#j8 {
        grid-auto-flow: unset;
        grid-template-rows: unset
    }

    .SlidableCategorySegment\#k4.SlidableCategorySegment__mode-grid\#nY:not(.SlidableCategorySegment__less-13\#h_) .SlidableCategorySegment__slide\#DF[data-position="1"] {
        order: 1
    }

    .SlidableCategorySegment\#k4.SlidableCategorySegment__mode-grid\#nY:not(.SlidableCategorySegment__less-13\#h_) .SlidableCategorySegment__slide\#DF[data-position="2"] {
        order: 2
    }

    .SlidableCategorySegment\#k4.SlidableCategorySegment__mode-grid\#nY:not(.SlidableCategorySegment__less-13\#h_) .SlidableCategorySegment__slide\#DF[data-position="3"] {
        order: 3
    }

    .SlidableCategorySegment\#k4.SlidableCategorySegment__mode-grid\#nY:not(.SlidableCategorySegment__less-13\#h_) .SlidableCategorySegment__slide\#DF[data-position="4"] {
        order: 4
    }

    .SlidableCategorySegment\#k4.SlidableCategorySegment__mode-grid\#nY:not(.SlidableCategorySegment__less-13\#h_) .SlidableCategorySegment__slide\#DF[data-position="5"] {
        order: 5
    }

    .SlidableCategorySegment\#k4.SlidableCategorySegment__mode-grid\#nY:not(.SlidableCategorySegment__less-13\#h_) .SlidableCategorySegment__slide\#DF[data-position="6"] {
        order: 6
    }

    .SlidableCategorySegment\#k4.SlidableCategorySegment__mode-grid\#nY:not(.SlidableCategorySegment__less-13\#h_) .SlidableCategorySegment__slide\#DF[data-position="7"] {
        order: 7
    }

    .SlidableCategorySegment\#k4.SlidableCategorySegment__mode-grid\#nY:not(.SlidableCategorySegment__less-13\#h_) .SlidableCategorySegment__slide\#DF[data-position="8"] {
        order: 8
    }

    .SlidableCategorySegment\#k4.SlidableCategorySegment__mode-grid\#nY:not(.SlidableCategorySegment__less-13\#h_) .SlidableCategorySegment__slide\#DF[data-position="9"] {
        order: 9
    }

    .SlidableCategorySegment\#k4.SlidableCategorySegment__mode-grid\#nY:not(.SlidableCategorySegment__less-13\#h_) .SlidableCategorySegment__slide\#DF[data-position="10"] {
        order: 10
    }

    .SlidableCategorySegment\#k4.SlidableCategorySegment__mode-grid\#nY:not(.SlidableCategorySegment__less-13\#h_) .SlidableCategorySegment__slide\#DF[data-position="11"] {
        order: 11
    }

    .SlidableCategorySegment\#k4.SlidableCategorySegment__mode-grid\#nY:not(.SlidableCategorySegment__less-13\#h_) .SlidableCategorySegment__slide\#DF[data-position="12"] {
        order: 12
    }

    .SlidableCategorySegment\#k4.SlidableCategorySegment__mode-grid\#nY:not(.SlidableCategorySegment__less-13\#h_) .SlidableCategorySegment__slide\#DF[data-position="13"] {
        order: 13
    }

    .SlidableCategorySegment\#k4.SlidableCategorySegment__mode-grid\#nY:not(.SlidableCategorySegment__less-13\#h_) .SlidableCategorySegment__slide\#DF[data-position="14"] {
        order: 14
    }

    .SlidableCategorySegment\#k4.SlidableCategorySegment__mode-grid\#nY:not(.SlidableCategorySegment__less-13\#h_) .SlidableCategorySegment__slide\#DF[data-position="15"] {
        order: 15
    }

    .SlidableCategorySegment\#k4.SlidableCategorySegment__mode-grid\#nY:not(.SlidableCategorySegment__less-13\#h_) .SlidableCategorySegment__slide\#DF[data-position="16"] {
        order: 16
    }

    .SlidableCategorySegment\#k4.SlidableCategorySegment__mode-grid\#nY:not(.SlidableCategorySegment__less-13\#h_) .SlidableCategorySegment__slide\#DF[data-position="17"] {
        order: 17
    }

    .SlidableCategorySegment\#k4.SlidableCategorySegment__mode-grid\#nY:not(.SlidableCategorySegment__less-13\#h_) .SlidableCategorySegment__slide\#DF[data-position="18"] {
        order: 18
    }

    .SlidableCategorySegment\#k4.SlidableCategorySegment__mode-grid\#nY:not(.SlidableCategorySegment__less-13\#h_) .SlidableCategorySegment__slide\#DF[data-position="19"] {
        order: 19
    }

    .SlidableCategorySegment\#k4.SlidableCategorySegment__mode-grid\#nY:not(.SlidableCategorySegment__less-13\#h_) .SlidableCategorySegment__slide\#DF[data-position="20"] {
        order: 20
    }

    .SlidableCategorySegment\#k4.SlidableCategorySegment__mode-grid\#nY:not(.SlidableCategorySegment__less-13\#h_) .SlidableCategorySegment__slide\#DF[data-position="21"] {
        order: 21
    }

    .SlidableCategorySegment\#k4.SlidableCategorySegment__mode-grid\#nY:not(.SlidableCategorySegment__less-13\#h_) .SlidableCategorySegment__slide\#DF[data-position="22"] {
        order: 22
    }

    .SlidableCategorySegment\#k4.SlidableCategorySegment__mode-grid\#nY:not(.SlidableCategorySegment__less-13\#h_) .SlidableCategorySegment__slide\#DF[data-position="23"] {
        order: 23
    }

    .SlidableCategorySegment\#k4.SlidableCategorySegment__mode-grid\#nY:not(.SlidableCategorySegment__less-13\#h_) .SlidableCategorySegment__slide\#DF[data-position="24"] {
        order: 24
    }

    .SlidableCategorySegment\#k4.SlidableCategorySegment__mode-grid\#nY:not(.SlidableCategorySegment__less-13\#h_) .SlidableCategorySegment__slide\#DF[data-position="7"] {
        order: 1
    }

    .SlidableCategorySegment\#k4.SlidableCategorySegment__mode-grid\#nY:not(.SlidableCategorySegment__less-13\#h_) .SlidableCategorySegment__slide\#DF[data-position="8"] {
        order: 2
    }

    .SlidableCategorySegment\#k4.SlidableCategorySegment__mode-grid\#nY:not(.SlidableCategorySegment__less-13\#h_) .SlidableCategorySegment__slide\#DF[data-position="9"] {
        order: 3
    }

    .SlidableCategorySegment\#k4.SlidableCategorySegment__mode-grid\#nY:not(.SlidableCategorySegment__less-13\#h_) .SlidableCategorySegment__slide\#DF[data-position="10"] {
        order: 4
    }

    .SlidableCategorySegment\#k4.SlidableCategorySegment__mode-grid\#nY:not(.SlidableCategorySegment__less-13\#h_) .SlidableCategorySegment__slide\#DF[data-position="11"] {
        order: 5
    }

    .SlidableCategorySegment\#k4.SlidableCategorySegment__mode-grid\#nY:not(.SlidableCategorySegment__less-13\#h_) .SlidableCategorySegment__slide\#DF[data-position="12"] {
        order: 6
    }

    .SlidableCategorySegment\#k4.SlidableCategorySegment__mode-grid\#nY:not(.SlidableCategorySegment__less-13\#h_) .SlidableCategorySegment__slide\#DF:nth-child(1 of :not([data-dd-hide~=xl])) {
        order: 1 !important
    }

    .SlidableCategorySegment\#k4.SlidableCategorySegment__mode-grid\#nY:not(.SlidableCategorySegment__less-13\#h_) .SlidableCategorySegment__slide\#DF:nth-child(2 of :not([data-dd-hide~=xl])) {
        order: 2 !important
    }

    .SlidableCategorySegment\#k4.SlidableCategorySegment__mode-grid\#nY:not(.SlidableCategorySegment__less-13\#h_) .SlidableCategorySegment__slide\#DF:nth-child(3 of :not([data-dd-hide~=xl])) {
        order: 3 !important
    }

    .SlidableCategorySegment\#k4.SlidableCategorySegment__mode-grid\#nY:not(.SlidableCategorySegment__less-13\#h_) .SlidableCategorySegment__slide\#DF:nth-child(4 of :not([data-dd-hide~=xl])) {
        order: 4 !important
    }

    .SlidableCategorySegment\#k4.SlidableCategorySegment__mode-grid\#nY:not(.SlidableCategorySegment__less-13\#h_) .SlidableCategorySegment__slide\#DF:nth-child(5 of :not([data-dd-hide~=xl])) {
        order: 5 !important
    }

    .SlidableCategorySegment\#k4.SlidableCategorySegment__mode-grid\#nY:not(.SlidableCategorySegment__less-13\#h_) .SlidableCategorySegment__slide\#DF:nth-child(6 of :not([data-dd-hide~=xl])) {
        order: 6 !important
    }

    .SlidableCategorySegment\#k4.SlidableCategorySegment__mode-grid\#nY:not(.SlidableCategorySegment__less-13\#h_) .SlidableCategorySegment__slide\#DF:nth-child(7 of :not([data-dd-hide~=xl])) {
        order: 7 !important
    }

    .SlidableCategorySegment\#k4.SlidableCategorySegment__mode-grid\#nY:not(.SlidableCategorySegment__less-13\#h_) .SlidableCategorySegment__slide\#DF:nth-child(8 of :not([data-dd-hide~=xl])) {
        order: 8 !important
    }

    .SlidableCategorySegment\#k4.SlidableCategorySegment__mode-grid\#nY:not(.SlidableCategorySegment__less-13\#h_) .SlidableCategorySegment__slide\#DF:nth-child(9 of :not([data-dd-hide~=xl])) {
        order: 9 !important
    }

    .SlidableCategorySegment\#k4.SlidableCategorySegment__mode-grid\#nY:not(.SlidableCategorySegment__less-13\#h_) .SlidableCategorySegment__slide\#DF:nth-child(10 of :not([data-dd-hide~=xl])) {
        order: 10 !important
    }

    .SlidableCategorySegment\#k4.SlidableCategorySegment__mode-grid\#nY:not(.SlidableCategorySegment__less-13\#h_) .SlidableCategorySegment__slide\#DF:nth-child(11 of :not([data-dd-hide~=xl])) {
        order: 11 !important
    }

    .SlidableCategorySegment\#k4.SlidableCategorySegment__mode-grid\#nY:not(.SlidableCategorySegment__less-13\#h_) .SlidableCategorySegment__slide\#DF:nth-child(12 of :not([data-dd-hide~=xl])) {
        order: 12 !important
    }

    .SlidableCategorySegment\#k4.SlidableCategorySegment__mode-grid\#nY:not(.SlidableCategorySegment__less-13\#h_) .SlidableCategorySegment__slide\#DF:nth-child(13 of :not([data-dd-hide~=xl])) {
        order: 13 !important
    }

    .SlidableCategorySegment\#k4.SlidableCategorySegment__mode-grid\#nY:not(.SlidableCategorySegment__less-13\#h_) .SlidableCategorySegment__slide\#DF:nth-child(14 of :not([data-dd-hide~=xl])) {
        order: 14 !important
    }

    .SlidableCategorySegment\#k4.SlidableCategorySegment__mode-grid\#nY:not(.SlidableCategorySegment__less-13\#h_) .SlidableCategorySegment__slide\#DF:nth-child(15 of :not([data-dd-hide~=xl])) {
        order: 15 !important
    }

    .SlidableCategorySegment\#k4.SlidableCategorySegment__mode-grid\#nY:not(.SlidableCategorySegment__less-13\#h_) .SlidableCategorySegment__slide\#DF:nth-child(16 of :not([data-dd-hide~=xl])) {
        order: 16 !important
    }

    .SlidableCategorySegment\#k4.SlidableCategorySegment__mode-grid\#nY:not(.SlidableCategorySegment__less-13\#h_) .SlidableCategorySegment__slide\#DF:nth-child(17 of :not([data-dd-hide~=xl])) {
        order: 17 !important
    }

    .SlidableCategorySegment\#k4.SlidableCategorySegment__mode-grid\#nY:not(.SlidableCategorySegment__less-13\#h_) .SlidableCategorySegment__slide\#DF:nth-child(18 of :not([data-dd-hide~=xl])) {
        order: 18 !important
    }

    .SlidableCategorySegment\#k4.SlidableCategorySegment__mode-grid\#nY:not(.SlidableCategorySegment__less-13\#h_) .SlidableCategorySegment__slide\#DF:nth-child(19 of :not([data-dd-hide~=xl])) {
        order: 19 !important
    }

    .SlidableCategorySegment\#k4.SlidableCategorySegment__mode-grid\#nY:not(.SlidableCategorySegment__less-13\#h_) .SlidableCategorySegment__slide\#DF:nth-child(20 of :not([data-dd-hide~=xl])) {
        order: 20 !important
    }

    .SlidableCategorySegment\#k4.SlidableCategorySegment__mode-grid\#nY:not(.SlidableCategorySegment__less-13\#h_) .SlidableCategorySegment__slide\#DF:nth-child(21 of :not([data-dd-hide~=xl])) {
        order: 21 !important
    }

    .SlidableCategorySegment\#k4.SlidableCategorySegment__mode-grid\#nY:not(.SlidableCategorySegment__less-13\#h_) .SlidableCategorySegment__slide\#DF:nth-child(22 of :not([data-dd-hide~=xl])) {
        order: 22 !important
    }

    .SlidableCategorySegment\#k4.SlidableCategorySegment__mode-grid\#nY:not(.SlidableCategorySegment__less-13\#h_) .SlidableCategorySegment__slide\#DF:nth-child(23 of :not([data-dd-hide~=xl])) {
        order: 23 !important
    }

    .SlidableCategorySegment\#k4.SlidableCategorySegment__mode-grid\#nY:not(.SlidableCategorySegment__less-13\#h_) .SlidableCategorySegment__slide\#DF:nth-child(24 of :not([data-dd-hide~=xl])) {
        order: 24 !important
    }

    .SlidableCategorySegment\#k4.SlidableCategorySegment__mode-grid\#nY:not(.SlidableCategorySegment__less-13\#h_) .SlidableCategorySegment__slide\#DF:nth-child(7 of :not([data-dd-hide~=xl])) {
        order: 1 !important
    }

    .SlidableCategorySegment\#k4.SlidableCategorySegment__mode-grid\#nY:not(.SlidableCategorySegment__less-13\#h_) .SlidableCategorySegment__slide\#DF:nth-child(8 of :not([data-dd-hide~=xl])) {
        order: 2 !important
    }

    .SlidableCategorySegment\#k4.SlidableCategorySegment__mode-grid\#nY:not(.SlidableCategorySegment__less-13\#h_) .SlidableCategorySegment__slide\#DF:nth-child(9 of :not([data-dd-hide~=xl])) {
        order: 3 !important
    }

    .SlidableCategorySegment\#k4.SlidableCategorySegment__mode-grid\#nY:not(.SlidableCategorySegment__less-13\#h_) .SlidableCategorySegment__slide\#DF:nth-child(10 of :not([data-dd-hide~=xl])) {
        order: 4 !important
    }

    .SlidableCategorySegment\#k4.SlidableCategorySegment__mode-grid\#nY:not(.SlidableCategorySegment__less-13\#h_) .SlidableCategorySegment__slide\#DF:nth-child(11 of :not([data-dd-hide~=xl])) {
        order: 5 !important
    }

    .SlidableCategorySegment\#k4.SlidableCategorySegment__mode-grid\#nY:not(.SlidableCategorySegment__less-13\#h_) .SlidableCategorySegment__slide\#DF:nth-child(12 of :not([data-dd-hide~=xl])) {
        order: 6 !important
    }

    .model-list-promo-item__icon-cam.icon {
        height: 34px;
        width: 50px
    }

    .model-list-promo-item__text {
        font-size: .875rem;
        line-height: 1rem;
        padding-right: 14px
    }

    .model-list-promo-item__text--title {
        font-size: 1rem;
        line-height: 1.25rem;
        padding-right: 0
    }

    .model-list-promo-item__text--action {
        padding-right: 0
    }

    .common__pageContainer\#My {
        padding-left: 20px;
        padding-right: 20px
    }

    .indexpage.index-page-new-paddings .IndexPage\#_Q {
        max-width: 1616px
    }

    .free-tokens-top-up.top-up-wrapper.for-guest-only {
        right: 100px
    }

    .FooterWithoutAdult__inner\#d0 {
        max-width: 1568px;
        padding-left: 0;
        padding-right: 0
    }

    .NonNudeShutterWithTeasing\#sc.NonNudeShutterWithTeasing__landscape\#Dr .NonNudeShutterWithTeasing__videoWrapper\#cg {
        margin-right: 32px
    }

    .NonNudeShutterWithTeasing\#sc.NonNudeShutterWithTeasing__portrait\#Lz .NonNudeShutterWithTeasing__videoWrapper\#cg {
        margin-right: 32px
    }

    .NonNudeShutterWithTeasing\#sc .NonNudeShutterWithTeasing__description\#zS {
        font-size: 20px;
        line-height: 26px
    }

    .NonNudeShutterWithTeasing\#sc .NonNudeShutterWithTeasing__button\#HJ {
        font-size: 18px;
        line-height: 22px;
        padding: 12px 40px
    }

    .tag-page {
        padding-left: 20px;
        padding-right: 20px
    }
}

@media screen and (pointer:coarse) and (min-width:1600px) {

    .multiple-categories-models-list-wrapper .model-list-item:nth-child(n+13),
    .multiple-categories-models-list-wrapper .model-list-vertical-item:nth-of-type(n+15) {
        display: none
    }
}

@media screen and (min-width:2041px) {
    .columns .column.xxxl-1 {
        flex: none;
        width: 8.3333333333%
    }

    .columns .column.xxxl-2 {
        flex: none;
        width: 16.6666666667%
    }

    .columns .column.xxxl-3 {
        flex: none;
        width: 25%
    }

    .columns .column.xxxl-4 {
        flex: none;
        width: 33.3333333333%
    }

    .columns .column.xxxl-5 {
        flex: none;
        width: 41.6666666667%
    }

    .columns .column.xxxl-6 {
        flex: none;
        width: 50%
    }

    .columns .column.xxxl-7 {
        flex: none;
        width: 58.3333333333%
    }

    .columns .column.xxxl-8 {
        flex: none;
        width: 66.6666666667%
    }

    .columns .column.xxxl-9 {
        flex: none;
        width: 75%
    }

    .columns .column.xxxl-10 {
        flex: none;
        width: 83.3333333333%
    }

    .columns .column.xxxl-11 {
        flex: none;
        width: 91.6666666667%
    }

    .columns .column.xxxl-12 {
        flex: none;
        width: 100%
    }

    .widescreen-container {
        padding-left: 0;
        padding-right: 0
    }

    .l-only,
    .m-only,
    .media-after-xxxl-hidden,
    .s-only,
    .xl-only,
    .xs-only,
    .xxl-only,
    .xxxl-hidden {
        display: none !important
    }

    .NonNudeShutterWithTeasing\#sc.NonNudeShutterWithTeasing__landscape\#Dr .NonNudeShutterWithTeasing__videoWrapper\#cg {
        margin-right: 56px
    }

    .NonNudeShutterWithTeasing\#sc.NonNudeShutterWithTeasing__portrait\#Lz .NonNudeShutterWithTeasing__videoWrapper\#cg {
        margin-right: 56px
    }

    .NonNudeShutterWithTeasing\#sc .NonNudeShutterWithTeasing__description\#zS {
        font-size: 24px;
        line-height: 30px
    }
}

@media screen and (pointer:coarse) and (max-width:1023px) and (min-width:1024px) and (max-width:1365px),
screen and (pointer:coarse) and (max-width:1365px) and (orientation:landscape) and (min-width:1024px) and (max-width:1365px) {
    .multiple-categories-models-list-wrapper .model-list-slideable.model-list-vertical .model-list-item.model-list-vertical-item {
        display: inline-block
    }

    .multiple-categories-models-list-wrapper .model-list-slideable.model-list-vertical .model-list-item.model-list-vertical-item:nth-of-type(n+15) {
        display: none
    }
}

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

    .media-up-to-xxl-hidden,
    .media-up-to-xxxl-hidden {
        display: none !important
    }
}

@media screen and (max-width:1599px) {
    .media-up-to-xl-hidden {
        display: none !important
    }

    .header-top-container nav.nav-right {
        padding-right: 0
    }

    .header-user-menu.header-dropdown.header-dropdown .dropdown-link {
        margin-right: -12px
    }
}

@media screen and (max-width:1365px) {
    .media-up-to-l-hidden {
        display: none !important
    }

    .promo-banner-main-container .promo-banner-description {
        display: block
    }

    .promo-banner .promo-banner-main-container {
        width: 100%
    }

    .promo-banner-description-container {
        display: none
    }

    .promo-banner-title {
        font-size: .938rem
    }

    .promo-banner-description {
        font-size: .75rem
    }

    .promo-banner-description--icon {
        height: 14px;
        margin-left: 4px;
        width: 14px
    }

    #promo-banner-id-ultimateSubscription .promo-banner-description--icon {
        transform: scale(1.1) translateY(2px)
    }

    #promo-banner-id-newYear.promo-banner-wrapper .promo-banner-title,
    #promo-banner-id-xmas.promo-banner-wrapper .promo-banner-title {
        font-size: 14px;
        font-weight: 700
    }

    #promo-banner-id-newYear.promo-banner-wrapper .promo-banner-title>.accent,
    #promo-banner-id-xmas.promo-banner-wrapper .promo-banner-title>.accent {
        color: inherit
    }

    #promo-banner-id-newYear.promo-banner-wrapper .promo-banner-description,
    #promo-banner-id-xmas.promo-banner-wrapper .promo-banner-description {
        font-size: 12px;
        font-weight: 500
    }

    #promo-banner-id-newYear.promo-banner-wrapper .promo-banner-action-container,
    #promo-banner-id-xmas.promo-banner-wrapper .promo-banner-action-container {
        margin-left: 0
    }

    #promo-banner-id-newYear.promo-banner-wrapper .promo-banner-title-container,
    #promo-banner-id-xmas.promo-banner-wrapper .promo-banner-title-container {
        padding-right: 0
    }

    #promo-banner-id-blackFriday.promo-banner-wrapper .promo-banner-title,
    #promo-banner-id-chineseNY.promo-banner-wrapper .promo-banner-title,
    #promo-banner-id-scBdForAll .promo-banner-title,
    #promo-banner-id-scBdUltimate .promo-banner-title,
    #promo-banner-id-summerBegins .promo-banner-title,
    #promo-banner-id-summerEnds0.promo-banner-wrapper .promo-banner-title,
    #promo-banner-id-summerEnds20.promo-banner-wrapper .promo-banner-title,
    #promo-banner-id-summerEnds200.promo-banner-wrapper .promo-banner-title,
    #promo-banner-id-summerEnds50.promo-banner-wrapper .promo-banner-title,
    #promo-banner-id-ultimateSubscriptionBf.promo-banner-wrapper .promo-banner-title {
        font-size: 16px
    }

    #promo-banner-id-blackFriday.promo-banner-wrapper .promo-banner-description>span,
    #promo-banner-id-chineseNY.promo-banner-wrapper .promo-banner-description>span,
    #promo-banner-id-scBdForAll .promo-banner-description>span,
    #promo-banner-id-scBdUltimate .promo-banner-description>span,
    #promo-banner-id-summerBegins .promo-banner-description>span,
    #promo-banner-id-summerEnds0.promo-banner-wrapper .promo-banner-description>span,
    #promo-banner-id-summerEnds20.promo-banner-wrapper .promo-banner-description>span,
    #promo-banner-id-summerEnds200.promo-banner-wrapper .promo-banner-description>span,
    #promo-banner-id-summerEnds50.promo-banner-wrapper .promo-banner-description>span,
    #promo-banner-id-ultimateSubscriptionBf.promo-banner-wrapper .promo-banner-description>span {
        font-size: 12px
    }

    #promo-banner-id-summerEnds0.promo-banner-wrapper .promo-banner-description--icon.promo-banner-description--icon {
        padding-right: 16px
    }

    #promo-banner-id-summerEnds20.promo-banner-wrapper .promo-banner-description--icon.promo-banner-description--icon,
    #promo-banner-id-summerEnds200.promo-banner-wrapper .promo-banner-description--icon.promo-banner-description--icon,
    #promo-banner-id-summerEnds50.promo-banner-wrapper .promo-banner-description--icon.promo-banner-description--icon {
        padding-right: 20px
    }

    .wizard-user-menu-wrapper {
        position: absolute;
        right: 0
    }
}

@media screen and (pointer:coarse) and (max-width:1365px) {
    .model-list-slideable.vertical-items .model-list {
        -moz-column-gap: 0;
        column-gap: 0;
        display: flex;
        flex-wrap: nowrap
    }
}

@media screen and (pointer:coarse) and (max-width:1365px) and (orientation:landscape) {
    .model-list-slideable {
        --model-list-width: 19.3vw;
        --model-list-max-rows: 2;
        -moz-column-gap: 19.3vw;
        column-gap: 19.3vw
    }

    .model-list-slideable .model-list-item {
        width: 19.3vw
    }

    .model-list-slideable.vertical-items .model-list {
        -moz-column-gap: 0;
        column-gap: 0;
        display: flex;
        flex-wrap: nowrap
    }
}

@media (orientation:landscape) and (max-height:1030px) {

    .BSActionsMenuPositioner__backgroundWrapper\#i7,
    .BSActionsMenuPositioner__menuWrapper\#Dy {
        border-top: 0;
        padding-top: 0
    }

    .BSActionsMenuPositioner__background\#ZY,
    .BSActionsMenuPositioner__menu\#PA {
        height: 350px;
        max-height: 85%
    }
}

@media (pointer:coarse) and (max-width:1023px),
(pointer:coarse) and (max-width:1365px) and (orientation:landscape) {
    .model-list.model-list-slideable {
        align-content: flex-start;
        align-items: flex-start;
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
        gap: 0;
        height: auto;
        justify-content: flex-start;
        max-height: calc(var(--model-list-width) * .75 * var(--model-list-max-rows) * 1.49);
        position: relative
    }

    .model-list.model-list-slideable .model-list-item {
        display: inline-block;
        flex-basis: initial;
        max-width: initial
    }

    .model-list.model-list-slideable .model-list-item-splitter {
        display: block
    }

    .model-list.model-list-slideable.model-list-vertical {
        max-height: calc(var(--model-list-width) * .75 * var(--model-list-max-rows) * 1.25 * 2)
    }

    .model-list-slideable {
        --model-list-width: 24vw;
        --model-list-max-rows: 2;
        -moz-column-gap: 24vw;
        column-gap: 24vw
    }

    .model-list-slideable .model-list-item {
        width: 24vw
    }

    .multiple-categories-wrapper .slidable .multiple-categories-models-list-wrapper .model-list-item {
        display: inline-block
    }

    .multiple-categories-wrapper .slidable .multiple-categories-models-list-wrapper .model-list-see-all-slot {
        height: auto;
        position: static
    }

    .multiple-categories-wrapper .slidable .multiple-categories-models-list-wrapper .model-list-see-all-slot::before {
        content: "";
        display: block;
        padding-top: 150%
    }

    .multiple-categories-wrapper .slidable .multiple-categories-models-list-wrapper .model-list-item-see-all {
        align-items: center;
        background: linear-gradient(180deg, #171717 49.45%, rgba(23, 23, 23, 0) 100%);
        bottom: 4px;
        display: inline-flex;
        justify-content: center;
        position: absolute;
        top: 4px
    }

    .multiple-categories-wrapper .slidable .multiple-categories-models-list-wrapper .model-list-item-see-all .btn-see-all {
        align-items: center;
        display: flex;
        font-weight: 500;
        margin: 0;
        padding: 0 11px 0 16px;
        text-transform: uppercase;
        top: -10px;
        font-size: .688rem
    }

    .multiple-categories-wrapper .slidable .multiple-categories-models-list-wrapper .model-list-item-see-all .btn-see-all .icon {
        height: 12px;
        margin: 0 0 0 7px
    }

    .multiple-categories-wrapper .multiple-categories-see-all-btn {
        display: none
    }

    .multiple-categories-wrapper .multiple-categories-see-all-link {
        display: inline
    }
}

@media screen and (max-height:900px) {
    .UserTierLogo__lord\#eJ {
        height: 200px !important;
        margin-bottom: 20px;
        width: 200px !important
    }

    .UserTierLogo__animation\#nn {
        height: 220px;
        width: 220px
    }
}

@media screen and (max-height:500px) and (orientation:landscape) {
    .viewcam-widget-panel.viewcam-widget-panel--battleships:not(.viewcam-widget-panel-for-model).viewcam-widget-panel--fullscreen {
        height: 90%;
        width: 40%
    }
}

@media (-webkit-min-device-pixel-ratio:2),
(min-resolution:2dppx) {

    body,
    html {
        letter-spacing: .019rem
    }

    .h1,
    .h2,
    .h3,
    .h4,
    .h5,
    .h6,
    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
        letter-spacing: .063rem
    }

    h1 div,
    h2 div,
    h3 div,
    h4 div,
    h5 div,
    h6 div {
        letter-spacing: .019rem
    }
}

@media (hover:hover) {
    .header-top-container nav .sidebar-trigger:hover {
        background-color: #912229;
        background-color: var(--primary-dark)
    }
}

@media (hover) {
    .FiltersInlineContainer\#lp:hover .FiltersInlineContainer__arrow\#MJ {
        display: flex
    }

    .FiltersInlineContainer\#lp:hover .FiltersInlineContainer__arrow_left\#Uj {
        box-shadow: 16px 0 8px 2px rgba(0, 0, 0, .8), -12px 0 8px 12px #000
    }

    .FiltersInlineContainer\#lp:hover .FiltersInlineContainer__arrow_right\#gV {
        box-shadow: -16px 0 8px 2px rgba(0, 0, 0, .8), 12px 0 8px 12px #000
    }
}

@media (orientation:landscape) {

    .model-chat.model-chat-fullscreen .model-chat-container .model-chat-private .model-chat-content,
    .model-chat.model-chat-fullscreen .model-chat-container .model-chat-public .model-chat-content {
        height: 90%
    }
}

@media (orientation:portrait) {

    .fullscreen.hover .web-rtc-player.cam-to-cam:not(.settings).expanded-in-cam-to-cam .web-rtc-playing,
    .fullscreen.hover .web-rtc-player.cam-to-cam:not(.settings):not(.expanded-in-cam-to-cam) .web-rtc-broadcasting {
        bottom: 100px
    }

    .i-os .fullscreen.hover .web-rtc-player.cam-to-cam:not(.settings).expanded-in-cam-to-cam .web-rtc-playing,
    .i-os .fullscreen.hover .web-rtc-player.cam-to-cam:not(.settings):not(.expanded-in-cam-to-cam) .web-rtc-broadcasting {
        bottom: 112px;
        right: 5px
    }
}

@media (pointer:coarse) {
    .header-top__phone-button {
        display: none !important
    }

    .model-list-slideable .model-list-item {
        scroll-snap-stop: always
    }

    .scroll-bar-container {
        scroll-snap-type: x mandatory
    }

    .model-list-slideable.model-list-vertical {
        --model-list-max-rows: 1
    }

    .navbar-dropdown {
        display: none !important
    }

    .web-rtc-player {
        padding: 0;
        display: flex;
        flex-direction: row
    }

    .web-rtc-player .web-rtc-content {
        align-items: center;
        height: auto;
        justify-content: center;
        width: 100%
    }

    .web-rtc-player .web-rtc-content-wrapper {
        overflow: hidden
    }

    .web-rtc-player .video-element-wrapper {
        display: flex;
        flex-direction: row
    }

    .web-rtc-player .web-rtc-broadcasting {
        position: relative;
        width: 100%
    }

    .model-list-item-bottom-info {
        min-height: 30px;
        overflow: hidden;
        white-space: break-spaces
    }

    .expandable-multiple-categories-category .expandable-multiple-categories-segment-see-more {
        display: none
    }

    .multiple-categories-category .scroll-bar-container {
        overflow-y: hidden
    }

    .SidebarPolicy__link\#gB:hover {
        color: rgba(248, 248, 248, .6)
    }
}

@media (pointer:fine) {

    .btn-default.hover,
    .btn-default:hover {
        background: #fff;
        color: #414141;
        border-color: transparent
    }

    .btn-default.hover>.icon,
    .btn-default:hover>.icon {
        fill: #414141
    }

    .btn-default-restyled.hover,
    .btn-default-restyled:hover {
        background: #fff;
        color: #414141;
        border-color: transparent
    }

    .btn-default-restyled.hover>.icon,
    .btn-default-restyled:hover>.icon {
        fill: #414141
    }

    .btn-accept.hover,
    .btn-accept:hover {
        background: #fff;
        color: #414141
    }

    .btn-accept.hover>.icon,
    .btn-accept:hover>.icon {
        fill: #414141
    }

    .btn-apply.hover,
    .btn-apply:hover {
        background: #fff;
        color: #414141
    }

    .btn-apply.hover>.icon,
    .btn-apply:hover>.icon {
        fill: #414141
    }

    .btn-apply-primary.hover,
    .btn-apply-primary:hover {
        background: #34c753;
        color: #fff
    }

    .btn-apply-primary.hover>.icon,
    .btn-apply-primary:hover>.icon {
        fill: #fff
    }

    .btn-apply-alternative.hover,
    .btn-apply-alternative:hover {
        background: #fff;
        color: #414141
    }

    .btn-apply-alternative.hover>.icon,
    .btn-apply-alternative:hover>.icon {
        fill: #414141
    }

    .btn-apply-alter.hover,
    .btn-apply-alter:hover {
        background: #fff;
        color: #414141
    }

    .btn-apply-alter.hover>.icon,
    .btn-apply-alter:hover>.icon {
        fill: #414141
    }

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

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

    .btn-apply-alter2.hover,
    .btn-apply-alter2:hover {
        background: #fff;
        color: #414141
    }

    .btn-apply-alter2.hover>.icon,
    .btn-apply-alter2:hover>.icon {
        fill: #414141
    }

    .btn-auth-banner.hover,
    .btn-auth-banner:hover {
        background: #af262f;
        color: #f1f1f1
    }

    .btn-auth-banner.hover>.icon,
    .btn-auth-banner:hover>.icon {
        fill: #f1f1f1
    }

    .btn-decline.hover,
    .btn-decline:hover {
        background: #fff;
        color: #414141
    }

    .btn-decline.hover>.icon,
    .btn-decline:hover>.icon {
        fill: #414141
    }

    .btn-delete.hover,
    .btn-delete:hover {
        background: #fff;
        color: #414141
    }

    .btn-delete.hover>.icon,
    .btn-delete:hover>.icon {
        fill: #414141
    }

    .btn-end-broadcasting.hover,
    .btn-end-broadcasting:hover {
        background: rgb(36.75, 36.75, 36.75);
        color: #fff
    }

    .btn-end-broadcasting.hover>.icon,
    .btn-end-broadcasting:hover>.icon {
        fill: #fff
    }

    .btn-end-private.hover,
    .btn-end-private:hover {
        background: #fff;
        color: #414141
    }

    .btn-end-private.hover>.icon,
    .btn-end-private:hover>.icon {
        fill: #414141
    }

    .btn-gold.hover,
    .btn-gold:hover {
        background: #fff;
        color: #414141
    }

    .btn-gold.hover>.icon,
    .btn-gold:hover>.icon {
        fill: #414141
    }

    .btn-highlighted.hover,
    .btn-highlighted:hover {
        background: #fff;
        color: #414141;
        border-color: transparent
    }

    .btn-highlighted.hover>.icon,
    .btn-highlighted:hover>.icon {
        fill: #414141
    }

    .btn-nav.hover,
    .btn-nav:hover {
        background: #b5323b;
        color: #f8f8f8
    }

    .btn-nav.hover>.icon,
    .btn-nav:hover>.icon {
        fill: #f8f8f8
    }

    .btn-outline.hover,
    .btn-outline:hover {
        background: #fff;
        color: #414141;
        border-color: #f8f8f8
    }

    .btn-outline.hover>.icon,
    .btn-outline:hover>.icon {
        fill: #414141
    }

    .btn-primary.hover,
    .btn-primary:hover {
        background: #fff;
        color: #414141;
        border-color: transparent
    }

    .btn-primary.hover>.icon,
    .btn-primary:hover>.icon {
        fill: #414141
    }

    .btn-private.hover,
    .btn-private:hover {
        background: #e9ae50;
        color: #583b0b;
        border-color: transparent
    }

    .btn-private.hover>.icon,
    .btn-private:hover>.icon {
        fill: #583b0b
    }

    .btn-send.hover,
    .btn-send:hover {
        background: #fff;
        color: #414141
    }

    .btn-send.hover>.icon,
    .btn-send:hover>.icon {
        fill: #414141
    }

    .btn-blue.hover,
    .btn-blue:hover {
        background: #fff;
        color: #414141;
        border-color: transparent
    }

    .btn-blue.hover>.icon,
    .btn-blue:hover>.icon {
        fill: #414141
    }

    .btn-signup.hover,
    .btn-signup:hover {
        background: #d1d1d1;
        color: #414141
    }

    .btn-signup.hover>.icon,
    .btn-signup:hover>.icon {
        fill: #414141
    }

    .btn-login.hover,
    .btn-login:hover {
        background: #fff;
        color: #414141;
        border-color: transparent
    }

    .btn-login.hover>.icon,
    .btn-login:hover>.icon {
        fill: #414141
    }

    .btn-login-alternative.hover,
    .btn-login-alternative:hover {
        background: #27bd5e;
        color: #fff;
        border-color: transparent
    }

    .btn-login-alternative.hover>.icon,
    .btn-login-alternative:hover>.icon {
        fill: #fff
    }

    .btn-tokens.hover,
    .btn-tokens:hover {
        background: rgba(181, 50, 59, .5);
        color: #f1f1f1
    }

    .btn-tokens.hover>.icon,
    .btn-tokens:hover>.icon {
        fill: #f1f1f1
    }

    .btn-wizard-outline.hover,
    .btn-wizard-outline:hover {
        background: 0 0;
        color: #404040;
        border-color: #404040
    }

    .btn-wizard-outline.hover>.icon,
    .btn-wizard-outline:hover>.icon {
        fill: #404040
    }

    .btn-white-outline.hover,
    .btn-white-outline:hover {
        background: 0 0;
        color: rgba(255, 255, 255, .8);
        border-color: rgba(255, 255, 255, .6)
    }

    .btn-white-outline.hover>.icon,
    .btn-white-outline:hover>.icon {
        fill: rgba(255, 255, 255, 0.8)
    }

    .btn-pale.hover,
    .btn-pale:hover {
        background: 0 0;
        color: rgba(255, 255, 255, .8);
        border-color: rgba(255, 255, 255, .6)
    }

    .btn-pale.hover>.icon,
    .btn-pale:hover>.icon {
        fill: rgba(255, 255, 255, 0.8)
    }

    .btn-transparent.hover,
    .btn-transparent:hover {
        background: 0 0 !important;
        color: rgba(255, 255, 255, .8) !important
    }

    .btn-transparent.hover>.icon,
    .btn-transparent:hover>.icon {
        fill: rgba(255, 255, 255, 0.8) !important
    }

    .btn-call2action.hover,
    .btn-call2action:hover {
        background: #c63541;
        color: #fff
    }

    .btn-call2action.hover>.icon,
    .btn-call2action:hover>.icon {
        fill: #fff
    }

    .btn-call2action-premium.hover,
    .btn-call2action-premium:hover {
        background: #c5995c;
        color: #000
    }

    .btn-call2action-premium.hover>.icon,
    .btn-call2action-premium:hover>.icon {
        fill: #000
    }

    .btn-money.hover,
    .btn-money:hover {
        background: #9fb020;
        color: #000
    }

    .btn-money.hover>.icon,
    .btn-money:hover>.icon {
        fill: #000
    }

    .btn-telegram.hover,
    .btn-telegram:hover {
        background: rgb(9.3785714286, 142.8171575847, 211.6214285714);
        color: #fff
    }

    .btn-telegram.hover>.icon,
    .btn-telegram:hover>.icon {
        fill: #ffffff
    }

    .btn-see-all.hover,
    .btn-see-all:hover {
        background: rgb(72.05, 58.95, 58.95);
        color: #fff
    }

    .btn-see-all.hover>.icon,
    .btn-see-all:hover>.icon {
        fill: #ffffff
    }

    .btn-apply-ds.hover,
    .btn-apply-ds:hover {
        background: rgb(94.4702359347, 119.7851674641, 38.2148325359);
        color: #f8f8f8
    }

    .btn-apply-ds.hover>.icon,
    .btn-apply-ds:hover>.icon {
        fill: #f8f8f8
    }

    .btn-apply-2-ds.hover,
    .btn-apply-2-ds:hover {
        background: #82c043;
        color: #f8f8f8
    }

    .btn-apply-2-ds.hover>.icon,
    .btn-apply-2-ds:hover>.icon {
        fill: #f8f8f8
    }

    .btn-apply-2-ds.active:hover,
    .btn-apply-2-ds:active:hover {
        background: #82c043
    }

    .btn-apply-2-ds-enforced.hover,
    .btn-apply-2-ds-enforced:hover {
        background: #82c043 !important;
        color: #f8f8f8 !important
    }

    .btn-apply-2-ds-enforced.hover>.icon,
    .btn-apply-2-ds-enforced:hover>.icon {
        fill: #f8f8f8 !important
    }

    .btn-apply-2-ds-enforced.active:hover,
    .btn-apply-2-ds-enforced:active:hover {
        background: #82c043 !important
    }

    .btn-gold-outline-ds.hover,
    .btn-gold-outline-ds:hover {
        background: #feb601;
        color: #000;
        border-color: #feb601
    }

    .btn-gold-outline-ds.hover>.icon,
    .btn-gold-outline-ds:hover>.icon {
        fill: #000
    }

    .btn-gold-outline-ds:hover .btn-gold-outline-ds__accent-text {
        color: #000
    }

    .btn-gold-ds.hover,
    .btn-gold-ds:hover {
        background: #fbc932;
        color: #101010
    }

    .btn-gold-ds.hover>.icon,
    .btn-gold-ds:hover>.icon {
        fill: #101010
    }

    .btn-default-filled.hover,
    .btn-default-filled:hover {
        background: rgba(255, 255, 255, .6);
        color: #000
    }

    .btn-default-filled.hover>.icon,
    .btn-default-filled:hover>.icon {
        fill: #000
    }

    .btn-default-outline.hover,
    .btn-default-outline:hover {
        background: 0 0;
        color: #fff;
        border-color: rgba(255, 255, 255, .6)
    }

    .btn-default-outline.hover>.icon,
    .btn-default-outline:hover>.icon {
        fill: #fff
    }

    .btn-second.hover,
    .btn-second:hover {
        background: 0 0;
        color: #fff;
        border-color: rgba(255, 255, 255, .6)
    }

    .btn-second.hover>.icon,
    .btn-second:hover>.icon {
        fill: #fff
    }

    .btn-gray-ds.hover,
    .btn-gray-ds:hover {
        background: rgb(92.5, 92.5, 92.5);
        color: #fff
    }

    .btn-gray-ds.hover>.icon,
    .btn-gray-ds:hover>.icon {
        fill: #ffffff
    }

    .btn-ultimate.hover,
    .btn-ultimate:hover {
        background: rgb(178, 53.6331877729, 0);
        color: #fff
    }

    .btn-ultimate.hover>.icon,
    .btn-ultimate:hover>.icon {
        fill: #ffffff
    }

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

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

    .btn-enabled.hover,
    .btn-enabled:hover {
        background: #7a7a7a;
        color: #fff
    }

    .btn-enabled.hover>.icon,
    .btn-enabled:hover>.icon {
        fill: #fff
    }

    .btn-disabled.hover,
    .btn-disabled:hover {
        background: #d53e48;
        color: #fff
    }

    .btn-disabled.hover>.icon,
    .btn-disabled:hover>.icon {
        fill: #fff
    }

    .btn-grouped.hover,
    .btn-grouped:hover {
        background: #fff;
        color: #414141;
        border-color: transparent
    }

    .btn-grouped.hover>.icon,
    .btn-grouped:hover>.icon {
        fill: #414141
    }

    .btn-grouped.pseudo-disabled.hover,
    .btn-grouped.pseudo-disabled:hover {
        background: 0 0;
        color: #f1f1f1;
        border-color: #5b5b5b
    }

    .btn-grouped.pseudo-disabled.hover>.icon,
    .btn-grouped.pseudo-disabled:hover>.icon {
        fill: #f1f1f1
    }

    .btn-table-actions.hover,
    .btn-table-actions:hover {
        background: rgba(248, 248, 248, .2);
        color: #f8f8f8
    }

    .btn-table-actions.hover>.icon,
    .btn-table-actions:hover>.icon {
        fill: #f8f8f8
    }

    .btn-signup-without-email.hover,
    .btn-signup-without-email:hover {
        background: 0 0;
        color: #fff;
        border-color: rgba(255, 255, 255, .7)
    }

    .btn-signup-without-email.hover>.icon,
    .btn-signup-without-email:hover>.icon {
        fill: #fff
    }

    .ds-btn-default.hover,
    .ds-btn-default:hover {
        background: #fff;
        color: #414141;
        border-color: transparent
    }

    .ds-btn-default.hover>.icon,
    .ds-btn-default:hover>.icon {
        fill: #414141
    }

    .ds-btn-default-restyled.hover,
    .ds-btn-default-restyled:hover {
        background: #fff;
        color: #414141;
        border-color: transparent
    }

    .ds-btn-default-restyled.hover>.icon,
    .ds-btn-default-restyled:hover>.icon {
        fill: #414141
    }

    .ds-btn-accept.hover,
    .ds-btn-accept:hover {
        background: #fff;
        color: #414141
    }

    .ds-btn-accept.hover>.icon,
    .ds-btn-accept:hover>.icon {
        fill: #414141
    }

    .ds-btn-apply.hover,
    .ds-btn-apply:hover {
        background: #fff;
        color: #414141
    }

    .ds-btn-apply.hover>.icon,
    .ds-btn-apply:hover>.icon {
        fill: #414141
    }

    .ds-btn-apply-primary.hover,
    .ds-btn-apply-primary:hover {
        background: #34c753;
        color: #fff
    }

    .ds-btn-apply-primary.hover>.icon,
    .ds-btn-apply-primary:hover>.icon {
        fill: #fff
    }

    .ds-btn-apply-alternative.hover,
    .ds-btn-apply-alternative:hover {
        background: #fff;
        color: #414141
    }

    .ds-btn-apply-alternative.hover>.icon,
    .ds-btn-apply-alternative:hover>.icon {
        fill: #414141
    }

    .ds-btn-apply-alter.hover,
    .ds-btn-apply-alter:hover {
        background: #fff;
        color: #414141
    }

    .ds-btn-apply-alter.hover>.icon,
    .ds-btn-apply-alter:hover>.icon {
        fill: #414141
    }

    .ds-btn-apply-alter2.hover,
    .ds-btn-apply-alter2:hover {
        background: #fff;
        color: #414141
    }

    .ds-btn-apply-alter2.hover>.icon,
    .ds-btn-apply-alter2:hover>.icon {
        fill: #414141
    }

    .ds-btn-decline.hover,
    .ds-btn-decline:hover {
        background: #fff;
        color: #414141
    }

    .ds-btn-decline.hover>.icon,
    .ds-btn-decline:hover>.icon {
        fill: #414141
    }

    .ds-btn-delete.hover,
    .ds-btn-delete:hover {
        background: #fff;
        color: #414141
    }

    .ds-btn-delete.hover>.icon,
    .ds-btn-delete:hover>.icon {
        fill: #414141
    }

    .ds-btn-end-broadcasting.hover,
    .ds-btn-end-broadcasting:hover {
        background: rgb(36.75, 36.75, 36.75);
        color: #fff
    }

    .ds-btn-end-broadcasting.hover>.icon,
    .ds-btn-end-broadcasting:hover>.icon {
        fill: #fff
    }

    .ds-btn-end-private.hover,
    .ds-btn-end-private:hover {
        background: #fff;
        color: #414141
    }

    .ds-btn-end-private.hover>.icon,
    .ds-btn-end-private:hover>.icon {
        fill: #414141
    }

    .ds-btn-highlighted.hover,
    .ds-btn-highlighted:hover {
        background: #fff;
        color: #414141;
        border-color: transparent
    }

    .ds-btn-highlighted.hover>.icon,
    .ds-btn-highlighted:hover>.icon {
        fill: #414141
    }

    .ds-btn-nav.hover,
    .ds-btn-nav:hover {
        background: #b5323b;
        color: #f8f8f8
    }

    .ds-btn-nav.hover>.icon,
    .ds-btn-nav:hover>.icon {
        fill: #f8f8f8
    }

    .ds-btn-outline.hover,
    .ds-btn-outline:hover {
        background: #fff;
        color: #414141;
        border-color: #f8f8f8
    }

    .ds-btn-outline.hover>.icon,
    .ds-btn-outline:hover>.icon {
        fill: #414141
    }

    .ds-btn-primary.hover,
    .ds-btn-primary:hover {
        background: #fff;
        color: #414141;
        border-color: transparent
    }

    .ds-btn-primary.hover>.icon,
    .ds-btn-primary:hover>.icon {
        fill: #414141
    }

    .ds-btn-send.hover,
    .ds-btn-send:hover {
        background: #fff;
        color: #414141
    }

    .ds-btn-send.hover>.icon,
    .ds-btn-send:hover>.icon {
        fill: #414141
    }

    .ds-btn-blue.hover,
    .ds-btn-blue:hover {
        background: #fff;
        color: #414141;
        border-color: transparent
    }

    .ds-btn-blue.hover>.icon,
    .ds-btn-blue:hover>.icon {
        fill: #414141
    }

    .ds-btn-signup.hover,
    .ds-btn-signup:hover {
        background: #d1d1d1;
        color: #414141
    }

    .ds-btn-signup.hover>.icon,
    .ds-btn-signup:hover>.icon {
        fill: #414141
    }

    .ds-btn-tokens.hover,
    .ds-btn-tokens:hover {
        background: rgba(181, 50, 59, .5);
        color: #f1f1f1
    }

    .ds-btn-tokens.hover>.icon,
    .ds-btn-tokens:hover>.icon {
        fill: #f1f1f1
    }

    .ds-btn-white-outline.hover,
    .ds-btn-white-outline:hover {
        background: 0 0;
        color: rgba(255, 255, 255, .8);
        border-color: rgba(255, 255, 255, .6)
    }

    .ds-btn-white-outline.hover>.icon,
    .ds-btn-white-outline:hover>.icon {
        fill: rgba(255, 255, 255, 0.8)
    }

    .ds-btn-pale.hover,
    .ds-btn-pale:hover {
        background: 0 0;
        color: rgba(255, 255, 255, .8);
        border-color: rgba(255, 255, 255, .6)
    }

    .ds-btn-pale.hover>.icon,
    .ds-btn-pale:hover>.icon {
        fill: rgba(255, 255, 255, 0.8)
    }

    .ds-btn-transparent.hover,
    .ds-btn-transparent:hover {
        background: 0 0 !important;
        color: rgba(255, 255, 255, .8) !important
    }

    .ds-btn-transparent.hover>.icon,
    .ds-btn-transparent:hover>.icon {
        fill: rgba(255, 255, 255, 0.8) !important
    }

    .ds-btn-call2action.hover,
    .ds-btn-call2action:hover {
        background: #c63541;
        color: #fff
    }

    .ds-btn-call2action.hover>.icon,
    .ds-btn-call2action:hover>.icon {
        fill: #fff
    }

    .ds-btn-call2action-premium.hover,
    .ds-btn-call2action-premium:hover {
        background: #c5995c;
        color: #000
    }

    .ds-btn-call2action-premium.hover>.icon,
    .ds-btn-call2action-premium:hover>.icon {
        fill: #000
    }

    .ds-btn-apply-ds.hover,
    .ds-btn-apply-ds:hover {
        background: rgb(94.4702359347, 119.7851674641, 38.2148325359);
        color: #f8f8f8
    }

    .ds-btn-apply-ds.hover>.icon,
    .ds-btn-apply-ds:hover>.icon {
        fill: #f8f8f8
    }

    .ds-btn-apply-2-ds.hover,
    .ds-btn-apply-2-ds:hover {
        background: #82c043;
        color: #f8f8f8
    }

    .ds-btn-apply-2-ds.hover>.icon,
    .ds-btn-apply-2-ds:hover>.icon {
        fill: #f8f8f8
    }

    .ds-btn-apply-2-ds.active:hover,
    .ds-btn-apply-2-ds:active:hover {
        background: #82c043
    }

    .ds-btn-apply-2-ds-enforced.hover,
    .ds-btn-apply-2-ds-enforced:hover {
        background: #82c043 !important;
        color: #f8f8f8 !important
    }

    .ds-btn-apply-2-ds-enforced.hover>.icon,
    .ds-btn-apply-2-ds-enforced:hover>.icon {
        fill: #f8f8f8 !important
    }

    .ds-btn-apply-2-ds-enforced.active:hover,
    .ds-btn-apply-2-ds-enforced:active:hover {
        background: #82c043 !important
    }

    .ds-btn-default-filled.hover,
    .ds-btn-default-filled:hover {
        background: rgba(255, 255, 255, .6);
        color: #000
    }

    .ds-btn-default-filled.hover>.icon,
    .ds-btn-default-filled:hover>.icon {
        fill: #000
    }

    .ds-btn-default-outline.hover,
    .ds-btn-default-outline:hover {
        background: 0 0;
        color: #fff;
        border-color: rgba(255, 255, 255, .6)
    }

    .ds-btn-default-outline.hover>.icon,
    .ds-btn-default-outline:hover>.icon {
        fill: #fff
    }

    .ds-btn-second.hover,
    .ds-btn-second:hover {
        background: 0 0;
        color: #fff;
        border-color: rgba(255, 255, 255, .6)
    }

    .ds-btn-second.hover>.icon,
    .ds-btn-second:hover>.icon {
        fill: #fff
    }

    .ds-btn-gray-ds.hover,
    .ds-btn-gray-ds:hover {
        background: rgb(92.5, 92.5, 92.5);
        color: #fff
    }

    .ds-btn-gray-ds.hover>.icon,
    .ds-btn-gray-ds:hover>.icon {
        fill: #ffffff
    }

    .ds-btn-enabled.hover,
    .ds-btn-enabled:hover {
        background: #7a7a7a;
        color: #fff
    }

    .ds-btn-enabled.hover>.icon,
    .ds-btn-enabled:hover>.icon {
        fill: #fff
    }

    .ds-btn-disabled.hover,
    .ds-btn-disabled:hover {
        background: #d53e48;
        color: #fff
    }

    .ds-btn-disabled.hover>.icon,
    .ds-btn-disabled:hover>.icon {
        fill: #fff
    }

    .ds-btn-grouped.hover,
    .ds-btn-grouped:hover {
        background: #fff;
        color: #414141;
        border-color: transparent
    }

    .ds-btn-grouped.hover>.icon,
    .ds-btn-grouped:hover>.icon {
        fill: #414141
    }

    .ds-btn-grouped.pseudo-disabled.hover,
    .ds-btn-grouped.pseudo-disabled:hover {
        background: 0 0;
        color: #f1f1f1;
        border-color: #5b5b5b
    }

    .ds-btn-grouped.pseudo-disabled.hover>.icon,
    .ds-btn-grouped.pseudo-disabled:hover>.icon {
        fill: #f1f1f1
    }

    .model-chat .model-chat-private-tab:not(.own) .model-chat-controls .btn-send.hover,
    .model-chat .model-chat-private-tab:not(.own) .model-chat-controls .btn-send:hover {
        background: #e9ae50;
        color: #583b0b;
        border-color: transparent
    }

    .model-chat .model-chat-private-tab:not(.own) .model-chat-controls .btn-send.hover>.icon,
    .model-chat .model-chat-private-tab:not(.own) .model-chat-controls .btn-send:hover>.icon {
        fill: #583b0b
    }

    .broadcast-container.broadcast-container .model-chat-wrapper {
        overflow: hidden
    }

    .btn-v2-table-actions.btn-v2-table-actions.hover,
    .btn-v2-table-actions.btn-v2-table-actions:hover {
        background: rgba(248, 248, 248, .2);
        color: #f8f8f8
    }

    .btn-v2-table-actions.btn-v2-table-actions.hover>.icon,
    .btn-v2-table-actions.btn-v2-table-actions:hover>.icon {
        fill: #f8f8f8
    }

    .btn-v2-auth-banner.btn-v2-auth-banner.hover,
    .btn-v2-auth-banner.btn-v2-auth-banner:hover {
        background: #af262f;
        color: #f1f1f1
    }

    .btn-v2-auth-banner.btn-v2-auth-banner.hover>.icon,
    .btn-v2-auth-banner.btn-v2-auth-banner:hover>.icon {
        fill: #f1f1f1
    }

    .btn-v2-signup.btn-v2-signup.hover,
    .btn-v2-signup.btn-v2-signup:hover {
        background: #d1d1d1;
        color: #414141
    }

    .btn-v2-signup.btn-v2-signup.hover>.icon,
    .btn-v2-signup.btn-v2-signup:hover>.icon {
        fill: #414141
    }

    .btn-v2-notification-light.btn-v2-notification-light.hover,
    .btn-v2-notification-light.btn-v2-notification-light:hover {
        background: #d1d1d1;
        color: #414141
    }

    .btn-v2-notification-light.btn-v2-notification-light.hover>.icon,
    .btn-v2-notification-light.btn-v2-notification-light:hover>.icon {
        fill: #414141
    }

    .btn-v2-notification-secondary-light.hover,
    .btn-v2-notification-secondary-light:hover {
        background: 0 0;
        color: #fff
    }

    .btn-v2-notification-secondary-light.hover>.icon,
    .btn-v2-notification-secondary-light:hover>.icon {
        fill: #fff
    }

    .btn-v2-notification-secondary-light.hover,
    .btn-v2-notification-secondary-light:hover {
        border-color: rgba(255, 255, 255, .6)
    }

    .btn-v2-private.btn-v2-private.hover,
    .btn-v2-private.btn-v2-private:hover {
        background: #e9ae50;
        color: #583b0b;
        border-color: transparent
    }

    .btn-v2-private.btn-v2-private.hover>.icon,
    .btn-v2-private.btn-v2-private:hover>.icon {
        fill: #583b0b
    }

    .btn-v2-signup-without-email.btn-v2-signup-without-email.hover,
    .btn-v2-signup-without-email.btn-v2-signup-without-email:hover {
        background: 0 0;
        color: #fff;
        border-color: rgba(255, 255, 255, .7)
    }

    .btn-v2-signup-without-email.btn-v2-signup-without-email.hover>.icon,
    .btn-v2-signup-without-email.btn-v2-signup-without-email:hover>.icon {
        fill: #fff
    }

    .btn-v2-login.btn-v2-login.hover,
    .btn-v2-login.btn-v2-login:hover {
        background: #fff;
        color: #414141;
        border-color: transparent
    }

    .btn-v2-login.btn-v2-login.hover>.icon,
    .btn-v2-login.btn-v2-login:hover>.icon {
        fill: #414141
    }

    .btn-v2-login-alternative.btn-v2-login-alternative.hover,
    .btn-v2-login-alternative.btn-v2-login-alternative:hover {
        background: #27bd5e;
        color: #fff;
        border-color: transparent
    }

    .btn-v2-login-alternative.btn-v2-login-alternative.hover>.icon,
    .btn-v2-login-alternative.btn-v2-login-alternative:hover>.icon {
        fill: #fff
    }

    .btn-v2-private-modal.btn-v2-private-modal.hover,
    .btn-v2-private-modal.btn-v2-private-modal:hover {
        background: #fbc932;
        color: #101010
    }

    .btn-v2-private-modal.btn-v2-private-modal.hover>.icon,
    .btn-v2-private-modal.btn-v2-private-modal:hover>.icon {
        fill: #101010
    }

    .btn-v2-money.btn-v2-money.hover,
    .btn-v2-money.btn-v2-money:hover {
        background: #9fb020;
        color: #000
    }

    .btn-v2-money.btn-v2-money.hover>.icon,
    .btn-v2-money.btn-v2-money:hover>.icon {
        fill: #000
    }

    .btn-v2-wizard-outline.btn-v2-wizard-outline.hover,
    .btn-v2-wizard-outline.btn-v2-wizard-outline:hover {
        background: 0 0;
        color: #404040;
        border-color: #404040
    }

    .btn-v2-wizard-outline.btn-v2-wizard-outline.hover>.icon,
    .btn-v2-wizard-outline.btn-v2-wizard-outline:hover>.icon {
        fill: #404040
    }

    .btn-v2-ultimate.btn-v2-ultimate.hover,
    .btn-v2-ultimate.btn-v2-ultimate:hover {
        background: rgb(178, 53.6331877729, 0);
        color: #fff
    }

    .btn-v2-ultimate.btn-v2-ultimate.hover>.icon,
    .btn-v2-ultimate.btn-v2-ultimate:hover>.icon {
        fill: #ffffff
    }

    .btn-v2-gold-outline-ds.btn-v2-gold-outline-ds.hover,
    .btn-v2-gold-outline-ds.btn-v2-gold-outline-ds:hover {
        background: #feb601;
        color: #000;
        border-color: #feb601
    }

    .btn-v2-gold-outline-ds.btn-v2-gold-outline-ds.hover>.icon,
    .btn-v2-gold-outline-ds.btn-v2-gold-outline-ds:hover>.icon {
        fill: #000
    }

    .btn-v2-green-outline-ds.btn-v2-green-outline-ds.hover,
    .btn-v2-green-outline-ds.btn-v2-green-outline-ds:hover {
        background: #61922f;
        color: #000;
        border-color: #61922f
    }

    .btn-v2-green-outline-ds.btn-v2-green-outline-ds.hover>.icon,
    .btn-v2-green-outline-ds.btn-v2-green-outline-ds:hover>.icon {
        fill: #000
    }

    .btn-v2-gold-ds.btn-v2-gold-ds.hover,
    .btn-v2-gold-ds.btn-v2-gold-ds:hover {
        background: #fbc932;
        color: #101010
    }

    .btn-v2-gold-ds.btn-v2-gold-ds.hover>.icon,
    .btn-v2-gold-ds.btn-v2-gold-ds:hover>.icon {
        fill: #101010
    }

    .btn-v2-gold.btn-v2-gold.hover,
    .btn-v2-gold.btn-v2-gold:hover {
        background: #fff;
        color: #414141
    }

    .btn-v2-gold.btn-v2-gold.hover>.icon,
    .btn-v2-gold.btn-v2-gold:hover>.icon {
        fill: #414141
    }

    .btn-v2-telegram.btn-v2-telegram.hover,
    .btn-v2-telegram.btn-v2-telegram:hover {
        background: rgb(9.3785714286, 142.8171575847, 211.6214285714);
        color: #fff
    }

    .btn-v2-telegram.btn-v2-telegram.hover>.icon,
    .btn-v2-telegram.btn-v2-telegram:hover>.icon {
        fill: #ffffff
    }

    .btn-v2-see-all.btn-v2-see-all.hover,
    .btn-v2-see-all.btn-v2-see-all:hover {
        background: rgb(72.05, 58.95, 58.95);
        color: #fff
    }

    .btn-v2-see-all.btn-v2-see-all.hover>.icon,
    .btn-v2-see-all.btn-v2-see-all:hover>.icon {
        fill: #ffffff
    }

    .btn-v2-plasma.btn-v2-plasma.hover,
    .btn-v2-plasma.btn-v2-plasma:hover {
        background: rgb(248.0236842105, 20.9763157895, 20.9763157895);
        color: #fff
    }

    .btn-v2-plasma.btn-v2-plasma.hover>.icon,
    .btn-v2-plasma.btn-v2-plasma:hover>.icon {
        fill: #ffffff
    }

    .btn-v2-apply-private.btn-v2-apply-private.hover,
    .btn-v2-apply-private.btn-v2-apply-private:hover {
        background: #fbc932;
        color: #101010
    }

    .btn-v2-apply-private.btn-v2-apply-private.hover>.icon,
    .btn-v2-apply-private.btn-v2-apply-private:hover>.icon {
        fill: #101010
    }

    .btn-v2-blue-2.btn-v2-blue-2.hover,
    .btn-v2-blue-2.btn-v2-blue-2:hover {
        background: #5f9ef1;
        color: #fff
    }

    .btn-v2-blue-2.btn-v2-blue-2.hover>.icon,
    .btn-v2-blue-2.btn-v2-blue-2:hover>.icon {
        fill: #fff
    }

    .btn-v2-blue-transparent.btn-v2-blue-transparent.hover,
    .btn-v2-blue-transparent.btn-v2-blue-transparent:hover {
        background: 0 0;
        color: #5f9ef1
    }

    .btn-v2-blue-transparent.btn-v2-blue-transparent.hover>.icon,
    .btn-v2-blue-transparent.btn-v2-blue-transparent:hover>.icon {
        fill: #5f9ef1
    }

    .nav-scrollable-container .nav-scrollable--only-for-touch {
        display: none
    }

    .model-filter-mobile-only {
        display: none
    }

    .model-categories-skeleton .multiple-categories-models-list-wrapper+.multiple-categories-models-list-wrapper {
        margin-top: 65px
    }

    .model-list-item__undo-not-interested-button.hover,
    .model-list-item__undo-not-interested-button:hover {
        background: 0 0;
        color: #f8f8f8;
        border-color: #f8f8f8
    }

    .model-list-item__undo-not-interested-button.hover>.icon,
    .model-list-item__undo-not-interested-button:hover>.icon {
        fill: #f8f8f8
    }

    .promo-banner-action:not(.btn-outline).hover,
    .promo-banner-action:not(.btn-outline):hover {
        background: #f4f4f4;
        color: #3c2800
    }

    .promo-banner-action:not(.btn-outline).hover>.icon,
    .promo-banner-action:not(.btn-outline):hover>.icon {
        fill: #3c2800
    }

    .promo-banner-close-button.btn-default.hover,
    .promo-banner-close-button.btn-default:hover {
        background: 0 0;
        color: #f8f8f8
    }

    .promo-banner-close-button.btn-default.hover>.icon,
    .promo-banner-close-button.btn-default:hover>.icon {
        fill: #f8f8f8
    }

    #promo-banner-id-vrPromoBannerJan23 .promo-banner-close-button.hover,
    #promo-banner-id-vrPromoBannerJan23 .promo-banner-close-button:hover {
        background: 0 0;
        color: #f8f8f8
    }

    #promo-banner-id-vrPromoBannerJan23 .promo-banner-close-button.hover>.icon,
    #promo-banner-id-vrPromoBannerJan23 .promo-banner-close-button:hover>.icon {
        fill: #f8f8f8
    }

    .expandable-multiple-categories-category .multiple-categories-see-all {
        display: none
    }

    .expandable-multiple-categories-category .scroll-bar-container-in-segment {
        overflow: visible
    }

    .expandable-multiple-categories-category.non-expandable .multiple-categories-scroll-bar-wrapper {
        margin: -4px 0
    }

    .expandable-multiple-categories-category .multiple-categories-scroll-bar-wrapper {
        transition: max-height 250ms cubic-bezier(0, .61, 1, .4)
    }

    .expandable-multiple-categories-category.transition-active .multiple-categories-scroll-bar-wrapper {
        overflow: hidden
    }

    .multiple-categories-wrapper .multiple-categories-see-all-btn {
        display: inline-block
    }

    .multiple-categories-wrapper .multiple-categories-see-all-link {
        display: none
    }

    .header-dropdown-content__signup-button.hover,
    .header-dropdown-content__signup-button:hover {
        background: #61922f;
        color: #fff
    }

    .header-dropdown-content__signup-button.hover>.icon,
    .header-dropdown-content__signup-button:hover>.icon {
        fill: #fff
    }

    .separated-filter-tooltip .filters-group__actions_close.hover,
    .separated-filter-tooltip .filters-group__actions_close:hover {
        background: #fff;
        color: #414141
    }

    .separated-filter-tooltip .filters-group__actions_close.hover>.icon,
    .separated-filter-tooltip .filters-group__actions_close:hover>.icon {
        fill: #414141
    }

    .visitors-agreement-modal .btn-visitors-agreement-accept.hover,
    .visitors-agreement-modal .btn-visitors-agreement-accept:hover {
        background: #8dac3f;
        color: #f8f8f8
    }

    .visitors-agreement-modal .btn-visitors-agreement-accept.hover>.icon,
    .visitors-agreement-modal .btn-visitors-agreement-accept:hover>.icon {
        fill: #f8f8f8
    }

    .visitors-agreement-modal .btn-visitors-agreement-accept.active:hover,
    .visitors-agreement-modal .btn-visitors-agreement-accept:active:hover {
        background: #8dac3f
    }
}

@media (prefers-reduced-motion:reduce) {
    .Modal__overlay\#s0 {
        animation: none;
        transition: unset
    }

    .Modal\#ph,
    .Modal\#ph.Modal__hidden\#Bq {
        animation: none
    }
}

@media (prefers-reduced-motion) {
    .css-tooltip-top::after {
        transition-property: opacity
    }

    .css-tooltip-top::before {
        transition-property: opacity
    }

    .css-tooltip-bottom::after {
        transition-property: opacity
    }

    .css-tooltip-bottom::before {
        transition-property: opacity
    }

    .css-tooltip-left::after {
        transition-property: opacity
    }

    .css-tooltip-left::before {
        transition-property: opacity
    }

    .css-tooltip-top-left::after {
        transition-property: opacity
    }

    .css-tooltip-top-left::before {
        transition-property: opacity
    }

    .css-tooltip-right::after {
        transition-property: opacity
    }

    .css-tooltip-right::before {
        transition-property: opacity
    }
}

@media not all and (-webkit-min-device-pixel-ratio:2),
not all and (-moz-min-device-pixel-ratio:2),
not all and (-o-min-device-pixel-ratio:2/1),
not all and (min-device-pixel-ratio:2),
not all and (min-resolution:2dppx),
not all and (min-resolution:192dpi) {
    .header-top {
        letter-spacing: .063rem
    }

    .header-sub {
        letter-spacing: .063rem
    }

    .free-tokens-promo.top-up-wrapper.instant-top-up-wrapper {
        letter-spacing: .019rem
    }
}

@media not screen and (-webkit-min-device-pixel-ratio:0) {
    .GroupShowTitleBadge__title\#hm {
        display: block;
        white-space: nowrap
    }
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    .GroupShowTitleBadge__title\#hm {
        -webkit-box-orient: vertical;
        display: -webkit-box;
        -webkit-line-clamp: 2
    }
}

@media screen and (orientation:portrait) {
    .UserTierLogo__animation\#nn {
        height: 300px !important;
        width: 300px !important
    }
}



.header-logo {
  background-image: url('sticky cams.png'); /* Replace with your logo's URL */
  background-size: contain; /* Ensures the image covers the entire container */
  background-position: center; /* Centers the image */
  background-repeat: no-repeat; /* Prevents image repetition */
}

.header-logo svg{
    display: none !important;
}

.sign-up-new__site-logo {
  background-image: url('sticky cams.png') !important; /* Replace with your logo's URL */
  background-size: contain; /* Ensures the image covers the entire container */
  background-position: center; /* Centers the image */
  background-repeat: no-repeat; /* Prevents image repetition */
  height: 150px !important;
      background-size: auto 75px !important;

}

.header-logo svg{
    display: none !important;
}



.LogoWithLanguageSection__logo\#YX {
  background-image: url('sticky cams.png'); /* Replace with your logo's URL */
  background-size: contain; /* Ensures the image covers the entire container */
  background-position: center; /* Centers the image */
  background-repeat: no-repeat; /* Prevents image repetition */
  opacity: none !important;
  
  height: 60px;
}

.LogoWithLanguageSection__logo\#YX svg{
    display: none !important;
          opacity: 1 !important;

}

.LogoWithLanguageSection__logoContainer\#EL:hover{
      opacity: 1 !important;

}

.LogoWithLanguageSection__logoContainer\#EL{
      opacity: 1 !important;

}


/* Replace text for specific elements with a new content */
p, h1, h2, h3, h4, h5, h6, span {
  position: relative;
}

p:contains("Stripchat"), h1:contains("Stripchat"), h2:contains("Stripchat"),
h3:contains("Stripchat"), h4:contains("Stripchat"), h5:contains("Stripchat"),
h6:contains("Stripchat"), span:contains("Stripchat") {
  font-family: "Arial", sans-serif; /* Customize your font */
}

p:contains("Stripchat"):after, h1:contains("Stripchat"):after, 
h2:contains("Stripchat"):after, h3:contains("Stripchat"):after,
h4:contains("Stripchat"):after, h5:contains("Stripchat"):after,
h6:contains("Stripchat"):after, span:contains("Stripchat"):after {
  content: "Sticky Cams"; /* Change "Sticky Cams" */
  color: red; /* Change color if needed */
  font-size: 1.5em; /* Adjust size */
}






media="screen and (max-width: 1279px)" {
    @media screen and (max-width: 479px) {
       .header-logo 
{
          
            display: block !important;
        }
        use#site_logo_header{display: none !important;}
        use {
    display: none;
}
        
    }
}