@charset "UTF-8";

body {
    font: .875rem "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
    font-weight: 400
}

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

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

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

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

@media (-webkit-min-device-pixel-ratio:2),
(min-resolution:2dppx) {

    body,
    html {
        letter-spacing: .019rem
    }
}

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-bottom: .5rem;
    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
}

@media (-webkit-min-device-pixel-ratio:2),
(min-resolution:2dppx) {

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

.h1,
.h2,
.h3,
h1,
h2,
h3 {
    margin-bottom: .5rem
}

.h4,
.h5,
.h6,
h4,
h5,
h6 {
    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
}

@media (-webkit-min-device-pixel-ratio:2),
(min-resolution:2dppx) {

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

.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;
    padding-left: 20px
}

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
}

@media screen and (max-width:1023px) {
    .row {
        flex-direction: column;
        margin: 0 -10px
    }
}

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

@media screen and (max-width:1023px) {
    .row>.span-1 {
        flex-basis: auto;
        margin-left: 10px;
        margin-right: 10px;
        max-width: 100%
    }
}

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

@media screen and (max-width:1023px) {
    .row>.span-2 {
        flex-basis: auto;
        margin-left: 10px;
        margin-right: 10px;
        max-width: 100%
    }
}

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

@media screen and (max-width:1023px) {
    .row>.span-3 {
        flex-basis: auto;
        margin-left: 10px;
        margin-right: 10px;
        max-width: 100%
    }
}

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

@media screen and (max-width:1023px) {
    .row>.span-4 {
        flex-basis: auto;
        margin-left: 10px;
        margin-right: 10px;
        max-width: 100%
    }
}

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

@media screen and (max-width:1023px) {
    .row>.span-5 {
        flex-basis: auto;
        margin-left: 10px;
        margin-right: 10px;
        max-width: 100%
    }
}

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

@media screen and (max-width:1023px) {
    .row>.span-6 {
        flex-basis: auto;
        margin-left: 10px;
        margin-right: 10px;
        max-width: 100%
    }
}

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

@media screen and (max-width:1023px) {
    .row>.span-7 {
        flex-basis: auto;
        margin-left: 10px;
        margin-right: 10px;
        max-width: 100%
    }
}

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

@media screen and (max-width:1023px) {
    .row>.span-8 {
        flex-basis: auto;
        margin-left: 10px;
        margin-right: 10px;
        max-width: 100%
    }
}

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

@media screen and (max-width:1023px) {
    .row>.span-9 {
        flex-basis: auto;
        margin-left: 10px;
        margin-right: 10px;
        max-width: 100%
    }
}

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

@media screen and (max-width:1023px) {
    .row>.span-10 {
        flex-basis: auto;
        margin-left: 10px;
        margin-right: 10px;
        max-width: 100%
    }
}

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

@media screen and (max-width:1023px) {
    .row>.span-11 {
        flex-basis: auto;
        margin-left: 10px;
        margin-right: 10px;
        max-width: 100%
    }
}

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

@media screen and (max-width:1023px) {
    .row>.span-12 {
        flex-basis: auto;
        margin-left: 10px;
        margin-right: 10px;
        max-width: 100%
    }
}

.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
}

.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: 0px;
    top: 0px
}

.island {
    background-color: #af262f;
    background-color: var(--primary-modal);
    border: none;
    border-radius: 8px
}

.island .island-title {
    color: #fff
}

.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 .suggestion,
.island-small .suggestion {
    font-size: .75rem
}

.island-medium .link,
.island-small .link {
    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
}

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

    .island-medium .tooltip-inner,
    .island-small .tooltip-inner {
        padding: 0
    }
}

.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
}

.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%
}

@media screen and (max-width:479px) {
    .columns .column.xs-1 {
        flex: none;
        width: 8.3333333333%
    }

    .columns .column.xs-2 {
        flex: none;
        width: 16.6666666667%
    }

    .columns .column.xs-3 {
        flex: none;
        width: 25%
    }

    .columns .column.xs-4 {
        flex: none;
        width: 33.3333333333%
    }

    .columns .column.xs-5 {
        flex: none;
        width: 41.6666666667%
    }

    .columns .column.xs-6 {
        flex: none;
        width: 50%
    }

    .columns .column.xs-7 {
        flex: none;
        width: 58.3333333333%
    }

    .columns .column.xs-8 {
        flex: none;
        width: 66.6666666667%
    }

    .columns .column.xs-9 {
        flex: none;
        width: 75%
    }

    .columns .column.xs-10 {
        flex: none;
        width: 83.3333333333%
    }

    .columns .column.xs-11 {
        flex: none;
        width: 91.6666666667%
    }

    .columns .column.xs-12 {
        flex: none;
        width: 100%
    }
}

@media screen and (min-width:480px) and (max-width:639px) {
    .columns .column.s-1 {
        flex: none;
        width: 8.3333333333%
    }

    .columns .column.s-2 {
        flex: none;
        width: 16.6666666667%
    }

    .columns .column.s-3 {
        flex: none;
        width: 25%
    }

    .columns .column.s-4 {
        flex: none;
        width: 33.3333333333%
    }

    .columns .column.s-5 {
        flex: none;
        width: 41.6666666667%
    }

    .columns .column.s-6 {
        flex: none;
        width: 50%
    }

    .columns .column.s-7 {
        flex: none;
        width: 58.3333333333%
    }

    .columns .column.s-8 {
        flex: none;
        width: 66.6666666667%
    }

    .columns .column.s-9 {
        flex: none;
        width: 75%
    }

    .columns .column.s-10 {
        flex: none;
        width: 83.3333333333%
    }

    .columns .column.s-11 {
        flex: none;
        width: 91.6666666667%
    }

    .columns .column.s-12 {
        flex: none;
        width: 100%
    }
}

@media screen and (min-width:640px) and (max-width:1023px) {
    .columns .column.m-1 {
        flex: none;
        width: 8.3333333333%
    }

    .columns .column.m-2 {
        flex: none;
        width: 16.6666666667%
    }

    .columns .column.m-3 {
        flex: none;
        width: 25%
    }

    .columns .column.m-4 {
        flex: none;
        width: 33.3333333333%
    }

    .columns .column.m-5 {
        flex: none;
        width: 41.6666666667%
    }

    .columns .column.m-6 {
        flex: none;
        width: 50%
    }

    .columns .column.m-7 {
        flex: none;
        width: 58.3333333333%
    }

    .columns .column.m-8 {
        flex: none;
        width: 66.6666666667%
    }

    .columns .column.m-9 {
        flex: none;
        width: 75%
    }

    .columns .column.m-10 {
        flex: none;
        width: 83.3333333333%
    }

    .columns .column.m-11 {
        flex: none;
        width: 91.6666666667%
    }

    .columns .column.m-12 {
        flex: none;
        width: 100%
    }
}

@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%
    }
}

@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%
    }
}

@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%
    }
}

@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%
    }
}

.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%
}

@media screen and (max-width:639px) {
    .container {
        padding-left: .75rem;
        padding-right: .75rem
    }
}

@media screen and (min-width:640px) {
    .container {
        padding-left: 10px;
        padding-right: 10px
    }
}

@media screen and (min-width:1600px) {
    .container {
        max-width: 1568px;
        padding-left: 0;
        padding-right: 0
    }
}

.widescreen-container {
    margin: 0 auto;
    max-width: 100%;
    padding-left: .75rem;
    padding-right: .75rem;
    position: relative;
    width: 100%
}

@media screen and (max-width:639px) {
    .widescreen-container {
        padding-left: .75rem;
        padding-right: .75rem
    }
}

@media screen and (min-width:640px) {
    .widescreen-container {
        padding-left: 10px;
        padding-right: 10px
    }
}

@media screen and (min-width:1600px) {
    .widescreen-container {
        max-width: 1568px;
        padding-left: 0;
        padding-right: 0
    }
}

@media screen and (min-width:1600px) {
    .widescreen-container {
        max-width: 1920px;
        padding-left: 10px;
        padding-right: 10px
    }
}

@media screen and (min-width:2041px) {
    .widescreen-container {
        padding-left: 0;
        padding-right: 0
    }
}

.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
}

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

    .l-only,
    .m-only,
    .s-only,
    .xl-only,
    .xxl-only,
    .xxxl-only {
        display: none !important
    }
}

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

    .l-only,
    .m-only,
    .xl-only,
    .xs-only,
    .xxl-only,
    .xxxl-only {
        display: none !important
    }
}

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

    .l-only,
    .s-only,
    .xl-only,
    .xs-only,
    .xxl-only,
    .xxxl-only {
        display: none !important
    }
}

@media screen and (min-width:1024px) and (max-width:1365px) {

    .m-only,
    .s-only,
    .xl-only,
    .xs-only,
    .xxl-only,
    .xxxl-only {
        display: none !important
    }
}

@media screen and (min-width:1366px) and (max-width:1599px) {

    .l-only,
    .m-only,
    .s-only,
    .xs-only,
    .xxl-only,
    .xxxl-only {
        display: none !important
    }
}

@media screen and (min-width:1600px) {

    .l-only,
    .m-only,
    .s-only,
    .xl-only,
    .xs-only,
    .xxxl-only {
        display: none !important
    }
}

@media screen and (min-width:2041px) {

    .l-only,
    .m-only,
    .s-only,
    .xl-only,
    .xs-only,
    .xxl-only {
        display: none !important
    }
}

@media screen and (max-width:479px) {
    .xs-hidden {
        display: none !important
    }
}

@media screen and (min-width:480px) and (max-width:639px) {
    .s-hidden {
        display: none !important
    }
}

@media screen and (min-width:640px) and (max-width:1023px) {
    .m-hidden {
        display: none !important
    }
}

@media screen and (min-width:1024px) and (max-width:1365px) {
    .l-hidden {
        display: none !important
    }
}

@media screen and (min-width:1366px) and (max-width:1599px) {
    .xl-hidden {
        display: none !important
    }
}

@media screen and (min-width:1600px) {
    .xxl-hidden {
        display: none !important
    }
}

@media screen and (min-width:2041px) {
    .xxxl-hidden {
        display: none !important
    }
}

@media screen and (max-width:374px) {
    .media-up-to-xxs-hidden {
        display: none !important
    }
}

@media screen and (max-width:479px) {
    .media-up-to-xs-hidden {
        display: none !important
    }
}

@media screen and (max-width:639px) {
    .media-up-to-s-hidden {
        display: none !important
    }
}

@media screen and (max-width:1023px) {
    .media-up-to-m-hidden {
        display: none !important
    }
}

@media screen and (max-width:1365px) {
    .media-up-to-l-hidden {
        display: none !important
    }
}

@media screen and (max-width:1599px) {
    .media-up-to-xl-hidden {
        display: none !important
    }
}

@media screen and (max-width:2040px) {
    .media-up-to-xxl-hidden {
        display: none !important
    }
}

@media screen and (max-width:2040px) {
    .media-up-to-xxxl-hidden {
        display: none !important
    }
}

@media screen and (max-width:767px) {
    .media-up-to-mobile-l-hidden {
        display: none !important
    }
}

@media screen and (min-width:480px) {
    .media-after-s-hidden {
        display: none !important
    }
}

@media screen and (min-width:640px) {
    .media-after-m-hidden {
        display: none !important
    }
}

@media screen and (min-width:1024px) {
    .media-after-l-hidden {
        display: none !important
    }
}

@media screen and (min-width:1366px) {
    .media-after-xl-hidden {
        display: none !important
    }
}

@media screen and (min-width:1600px) {
    .media-after-xxl-hidden {
        display: none !important
    }
}

@media screen and (min-width:2041px) {
    .media-after-xxxl-hidden {
        display: none !important
    }
}

@media screen and (min-width:768px) {
    .media-after-tablet-hidden {
        display: none !important
    }
}

@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)
    }

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

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

    2% {
        transform: rotate(15deg)
    }

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

    6% {
        transform: rotate(18deg)
    }

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

    10% {
        transform: rotate(22deg)
    }

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

    14% {
        transform: rotate(18deg)
    }

    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% {
        background-position: 100% 0%
    }

    70% {
        background-position: -50% 0%
    }

    100% {
        background-position: -50% 0%
    }
}

/*! VERSION | 10.59.13 */
.badge {
    background-color: #e14855;
    border-radius: 50%;
    color: #fff;
    display: block;
    text-align: center;
    vertical-align: middle
}

.badge-default {
    height: 24px;
    line-height: 24px;
    width: 24px
}

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

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

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

.badge-new {
    background: #d12f39;
    border-radius: 3px;
    font-weight: 400;
    height: 20px;
    line-height: 20px;
    padding: 0 6px;
    text-transform: uppercase;
    font-size: .688rem
}

.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: all 90ms ease-in-out 0s;
    border-color: transparent
}

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

@media (pointer:fine) {

    .btn-default.hover,
    .btn-default:hover {
        background: #fff;
        color: #414141
    }

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

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

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

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

@media (pointer:fine) {

    .btn-default.hover,
    .btn-default:hover {
        border-color: transparent
    }
}

.btn-default.active,
.btn-default.focus,
.btn-default:active,
.btn-default:focus {
    border-color: transparent
}

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

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

@media (pointer:fine) {

    .btn-default-restyled.hover,
    .btn-default-restyled:hover {
        background: #fff;
        color: #414141
    }

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

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

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

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

@media (pointer:fine) {

    .btn-default-restyled.hover,
    .btn-default-restyled:hover {
        border-color: transparent
    }
}

.btn-default-restyled.active,
.btn-default-restyled.focus,
.btn-default-restyled:active,
.btn-default-restyled:focus {
    border-color: transparent
}

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

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

@media (pointer:fine) {

    .btn-accept.hover,
    .btn-accept:hover {
        background: #fff;
        color: #414141
    }

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

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

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

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

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

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

@media (pointer:fine) {

    .btn-apply.hover,
    .btn-apply:hover {
        background: #fff;
        color: #414141
    }

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

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

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

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

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

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

@media (pointer:fine) {

    .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-primary.active,
.btn-apply-primary.focus,
.btn-apply-primary:active,
.btn-apply-primary:focus {
    background: #34c753;
    color: #fff
}

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

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

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

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

@media (pointer:fine) {

    .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-alternative.active,
.btn-apply-alternative.focus,
.btn-apply-alternative:active,
.btn-apply-alternative:focus {
    background: #5f7430;
    color: #f8f8f8
}

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

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

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

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

@media (pointer:fine) {

    .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-alter.active,
.btn-apply-alter.focus,
.btn-apply-alter:active,
.btn-apply-alter:focus {
    background: #96c03b;
    color: #414141
}

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

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

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

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

@media (pointer:fine) {

    .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-private.active,
.btn-apply-private.focus,
.btn-apply-private:active,
.btn-apply-private:focus {
    background: #fbc932;
    color: #101010
}

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

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

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

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

@media (pointer:fine) {

    .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-apply-alter2.active,
.btn-apply-alter2.focus,
.btn-apply-alter2:active,
.btn-apply-alter2:focus {
    background: #6e932a;
    color: #f8f8f8
}

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

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

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

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

@media (pointer:fine) {

    .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-auth-banner.active,
.btn-auth-banner.focus,
.btn-auth-banner:active,
.btn-auth-banner:focus {
    background: #e5e5e5;
    color: #414141
}

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

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

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

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

@media (pointer:fine) {

    .btn-decline.hover,
    .btn-decline:hover {
        background: #fff;
        color: #414141
    }

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

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

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

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

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

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

@media (pointer:fine) {

    .btn-delete.hover,
    .btn-delete:hover {
        background: #fff;
        color: #414141
    }

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

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

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

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

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

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

@media (pointer:fine) {

    .btn-end-broadcasting.hover,
    .btn-end-broadcasting:hover {
        background: #252525;
        color: #fff
    }

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

.btn-end-broadcasting.active,
.btn-end-broadcasting.focus,
.btn-end-broadcasting:active,
.btn-end-broadcasting:focus {
    background: #252525;
    color: #fff
}

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

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

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

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

@media (pointer:fine) {

    .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-end-private.active,
.btn-end-private.focus,
.btn-end-private:active,
.btn-end-private:focus {
    background: #2e2e2e;
    color: #f1f1f1
}

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

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

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

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

@media (pointer:fine) {

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

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

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

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

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

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

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

@media (pointer:fine) {

    .btn-highlighted.hover,
    .btn-highlighted:hover {
        background: #fff;
        color: #414141
    }

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

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

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

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

@media (pointer:fine) {

    .btn-highlighted.hover,
    .btn-highlighted:hover {
        border-color: transparent
    }
}

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

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

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

@media (pointer:fine) {

    .btn-nav.hover,
    .btn-nav:hover {
        background: #b5323b;
        color: #f8f8f8
    }

    .btn-nav.hover>.icon,
    .btn-nav:hover>.icon {
        fill: #f8f8f8
    }
}

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

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

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

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

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

@media (pointer:fine) {

    .btn-outline.hover,
    .btn-outline:hover {
        background: #fff;
        color: #414141
    }

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

.btn-outline.active,
.btn-outline.focus,
.btn-outline:active,
.btn-outline:focus {
    background: var(--primary-color);
    color: #fdfdfd
}

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

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

@media (pointer:fine) {

    .btn-outline.hover,
    .btn-outline:hover {
        border-color: #f8f8f8
    }
}

.btn-outline.active,
.btn-outline.focus,
.btn-outline:active,
.btn-outline:focus {
    border-color: #f8f8f8
}

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

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

@media (pointer:fine) {

    .btn-primary.hover,
    .btn-primary:hover {
        background: #fff;
        color: #414141
    }

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

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

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

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

@media (pointer:fine) {

    .btn-primary.hover,
    .btn-primary:hover {
        border-color: transparent
    }
}

.btn-primary.active,
.btn-primary.focus,
.btn-primary:active,
.btn-primary:focus {
    border-color: transparent
}

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

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

@media (pointer:fine) {

    .btn-private.hover,
    .btn-private:hover {
        background: #e9ae50;
        color: #583b0b
    }

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

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

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

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

@media (pointer:fine) {

    .btn-private.hover,
    .btn-private:hover {
        border-color: transparent
    }
}

.btn-private.active,
.btn-private.focus,
.btn-private:active,
.btn-private:focus {
    border-color: transparent
}

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

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

@media (pointer:fine) {

    .btn-send.hover,
    .btn-send:hover {
        background: #fff;
        color: #414141
    }

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

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

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

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

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

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

@media (pointer:fine) {

    .btn-blue.hover,
    .btn-blue:hover {
        background: #fff;
        color: #414141
    }

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

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

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

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

@media (pointer:fine) {

    .btn-blue.hover,
    .btn-blue:hover {
        border-color: transparent
    }
}

.btn-blue.active,
.btn-blue.focus,
.btn-blue:active,
.btn-blue:focus {
    border-color: transparent
}

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

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

@media (pointer:fine) {

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

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

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

.btn-signup.active>.icon,
.btn-signup.focus>.icon,
.btn-signup:active>.icon,
.btn-signup:focus>.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: all 90ms ease-in-out 0s;
    border-color: transparent
}

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

@media (pointer:fine) {

    .btn-login.hover,
    .btn-login:hover {
        background: #fff;
        color: #414141
    }

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

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

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

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

@media (pointer:fine) {

    .btn-login.hover,
    .btn-login:hover {
        border-color: transparent
    }
}

.btn-login.active,
.btn-login.focus,
.btn-login:active,
.btn-login:focus {
    border-color: transparent
}

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

.btn-login-alternative {
    letter-spacing: .02em;
    transition: all ease-in-out .25s;
    background: var(--primary-color);
    color: #fff;
    transition: all 90ms ease-in-out 0s;
    border-color: transparent;
    padding: 2px 20px;
    font-size: 1rem
}

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

@media (pointer:fine) {

    .btn-login-alternative.hover,
    .btn-login-alternative:hover {
        background: var(--secondary-color, #27bd5e);
        color: #fff
    }

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

.btn-login-alternative.active,
.btn-login-alternative.focus,
.btn-login-alternative:active,
.btn-login-alternative:focus {
    background: var(--secondary-color, #27bd5e);
    color: #fff
}

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

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

@media (pointer:fine) {

    .btn-login-alternative.hover,
    .btn-login-alternative:hover {
        border-color: transparent
    }
}

.btn-login-alternative.active,
.btn-login-alternative.focus,
.btn-login-alternative:active,
.btn-login-alternative:focus {
    border-color: transparent
}

@media screen and (max-width:480px) {
    .btn-login-alternative {
        padding: 1px 20px;
        font-size: .875rem
    }
}

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

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

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

@media (pointer:fine) {

    .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-tokens.active,
.btn-tokens.focus,
.btn-tokens:active,
.btn-tokens:focus {
    background: #141414;
    color: #f1f1f1
}

.btn-tokens.active>.icon,
.btn-tokens.focus>.icon,
.btn-tokens:active>.icon,
.btn-tokens:focus>.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: all 90ms ease-in-out 0s;
    border-color: rgba(64, 64, 64, .7)
}

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

@media (pointer:fine) {

    .btn-wizard-outline.hover,
    .btn-wizard-outline:hover {
        background: 0 0;
        color: #404040
    }

    .btn-wizard-outline.hover>.icon,
    .btn-wizard-outline:hover>.icon {
        fill: #404040
    }
}

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

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

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

@media (pointer:fine) {

    .btn-wizard-outline.hover,
    .btn-wizard-outline:hover {
        border-color: #404040
    }
}

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

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

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

@media (pointer:fine) {

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

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

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

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

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

@media (pointer:fine) {

    .btn-white-outline.hover,
    .btn-white-outline:hover {
        border-color: rgba(255, 255, 255, .6)
    }
}

.btn-white-outline.active,
.btn-white-outline.focus,
.btn-white-outline:active,
.btn-white-outline:focus {
    border-color: rgba(255, 255, 255, .6)
}

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

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

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

@media (pointer:fine) {

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

    .btn-pale.hover>.icon,
    .btn-pale:hover>.icon {
        fill: rgba(255, 255, 255, .8)
    }
}

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

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

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

@media (pointer:fine) {

    .btn-pale.hover,
    .btn-pale:hover {
        border-color: rgba(255, 255, 255, .6)
    }
}

.btn-pale.active,
.btn-pale.focus,
.btn-pale:active,
.btn-pale:focus {
    border-color: rgba(255, 255, 255, .6)
}

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

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

@media (pointer:fine) {

    .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, .8) !important
    }
}

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

.btn-transparent.active>.icon,
.btn-transparent.focus>.icon,
.btn-transparent:active>.icon,
.btn-transparent:focus>.icon {
    fill: rgba(255, 255, 255, .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: all 90ms ease-in-out 0s
}

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

@media (pointer:fine) {

    .btn-call2action.hover,
    .btn-call2action:hover {
        background: #c63541;
        color: #fff
    }

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

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

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

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

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

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

@media (pointer:fine) {

    .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-call2action-premium.active,
.btn-call2action-premium.focus,
.btn-call2action-premium:active,
.btn-call2action-premium:focus {
    background: #eec487;
    color: #000
}

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

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

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

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

@media (pointer:fine) {

    .btn-money.hover,
    .btn-money:hover {
        background: #9fb020;
        color: #000
    }

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

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

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

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

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

.btn-telegram>.icon {
    fill: #fff;
    transition: all 90ms ease-in-out 0s
}

@media (pointer:fine) {

    .btn-telegram.hover,
    .btn-telegram:hover {
        background: #098fd4;
        color: #fff
    }

    .btn-telegram.hover>.icon,
    .btn-telegram:hover>.icon {
        fill: #fff
    }
}

.btn-telegram.active,
.btn-telegram.focus,
.btn-telegram:active,
.btn-telegram:focus {
    background: #119de6;
    color: #fff
}

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

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

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

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

@media (pointer:fine) {

    .btn-see-all.hover,
    .btn-see-all:hover {
        background: #483b3b;
        color: #fff
    }

    .btn-see-all.hover>.icon,
    .btn-see-all:hover>.icon {
        fill: #fff
    }
}

.btn-see-all.active,
.btn-see-all.focus,
.btn-see-all:active,
.btn-see-all:focus {
    background: #524a4a;
    color: #fff
}

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

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

.btn-plasma {
    background: #f05050;
    color: #fff;
    transition: all 90ms ease-in-out 0s;
    border-width: 0
}

.btn-plasma>.icon {
    fill: #fff;
    transition: all 90ms ease-in-out 0s
}

@media (pointer:fine) {

    .btn-plasma.hover,
    .btn-plasma:hover {
        background: #f81515;
        color: #fff
    }

    .btn-plasma.hover>.icon,
    .btn-plasma:hover>.icon {
        fill: #fff
    }
}

.btn-plasma.active,
.btn-plasma.focus,
.btn-plasma:active,
.btn-plasma:focus {
    background: #f33333;
    color: #fff
}

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

.btn-plasma .btn-loader-overlay {
    color: #fff;
    background-color: #f05050
}

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

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

@media (pointer:fine) {

    .btn-apply-ds.hover,
    .btn-apply-ds:hover {
        background: #5e7826;
        color: #f8f8f8
    }

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

.btn-apply-ds.active,
.btn-apply-ds.focus,
.btn-apply-ds:active,
.btn-apply-ds:focus {
    background: #50681d;
    color: #f8f8f8
}

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

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

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

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

@media (pointer:fine) {

    .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,
.btn-apply-2-ds.focus,
.btn-apply-2-ds:active,
.btn-apply-2-ds:focus {
    background: #61922f;
    color: #f8f8f8
}

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

@media (pointer:fine) {

    .btn-apply-2-ds.active:hover,
    .btn-apply-2-ds.focus:hover,
    .btn-apply-2-ds:active:hover,
    .btn-apply-2-ds:focus:hover {
        background: #82c043
    }
}

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

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

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

@media (pointer:fine) {

    .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,
.btn-apply-2-ds-enforced.focus,
.btn-apply-2-ds-enforced:active,
.btn-apply-2-ds-enforced:focus {
    background: #61922f !important;
    color: #f8f8f8 !important
}

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

@media (pointer:fine) {

    .btn-apply-2-ds-enforced.active:hover,
    .btn-apply-2-ds-enforced.focus:hover,
    .btn-apply-2-ds-enforced:active:hover,
    .btn-apply-2-ds-enforced:focus:hover {
        background: #82c043 !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: all 90ms ease-in-out 0s;
    border-color: #feb601;
    border-width: 2px;
    font-weight: 700
}

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

@media (pointer:fine) {

    .btn-gold-outline-ds.hover,
    .btn-gold-outline-ds:hover {
        background: #feb601;
        color: #000
    }

    .btn-gold-outline-ds.hover>.icon,
    .btn-gold-outline-ds:hover>.icon {
        fill: #000
    }
}

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

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

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

@media (pointer:fine) {

    .btn-gold-outline-ds.hover,
    .btn-gold-outline-ds:hover {
        border-color: #feb601
    }
}

.btn-gold-outline-ds.active,
.btn-gold-outline-ds.focus,
.btn-gold-outline-ds:active,
.btn-gold-outline-ds:focus {
    border-color: #feb601
}

@media (pointer:fine) {
    .btn-gold-outline-ds:hover .btn-gold-outline-ds__accent-text {
        color: #000
    }
}

.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: all 90ms ease-in-out 0s;
    color: #feb601
}

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

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

@media (pointer:fine) {

    .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-gold-ds.active,
.btn-gold-ds.focus,
.btn-gold-ds:active,
.btn-gold-ds:focus {
    background: #feb601;
    color: #101010
}

.btn-gold-ds.active>.icon,
.btn-gold-ds.focus>.icon,
.btn-gold-ds:active>.icon,
.btn-gold-ds:focus>.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: all 90ms ease-in-out 0s
}

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

@media (pointer:fine) {

    .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-filled.active,
.btn-default-filled.focus,
.btn-default-filled:active,
.btn-default-filled:focus {
    background: #fff;
    color: #000
}

.btn-default-filled.active>.icon,
.btn-default-filled.focus>.icon,
.btn-default-filled:active>.icon,
.btn-default-filled:focus>.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: all 90ms ease-in-out 0s;
    border-color: rgba(255, 255, 255, .8)
}

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

@media (pointer:fine) {

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

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

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

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

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

@media (pointer:fine) {

    .btn-default-outline.hover,
    .btn-default-outline:hover {
        border-color: rgba(255, 255, 255, .6)
    }
}

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

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

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

@media (pointer:fine) {

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

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

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

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

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

@media (pointer:fine) {

    .btn-second.hover,
    .btn-second:hover {
        border-color: rgba(255, 255, 255, .6)
    }
}

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

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

.btn-gray-ds>.icon {
    fill: #fff;
    transition: all 90ms ease-in-out 0s
}

@media (pointer:fine) {

    .btn-gray-ds.hover,
    .btn-gray-ds:hover {
        background: #5d5d5d;
        color: #fff
    }

    .btn-gray-ds.hover>.icon,
    .btn-gray-ds:hover>.icon {
        fill: #fff
    }
}

.btn-gray-ds.active,
.btn-gray-ds.focus,
.btn-gray-ds:active,
.btn-gray-ds:focus {
    background: #505050;
    color: #fff
}

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

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

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

.btn-ultimate>.icon {
    fill: #fff;
    transition: all 90ms ease-in-out 0s
}

@media (pointer:fine) {

    .btn-ultimate.hover,
    .btn-ultimate:hover {
        background: #b23600;
        color: #fff
    }

    .btn-ultimate.hover>.icon,
    .btn-ultimate:hover>.icon {
        fill: #fff
    }
}

.btn-ultimate.active,
.btn-ultimate.focus,
.btn-ultimate:active,
.btn-ultimate:focus {
    background: #cc3d00;
    color: #fff
}

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

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

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

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

@media (pointer:fine) {

    .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-private-modal.active,
.btn-private-modal.focus,
.btn-private-modal:active,
.btn-private-modal:focus {
    background: #fbc932;
    color: #101010
}

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

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

.btn-lets-chat-plasma {
    background: 0 0;
    color: #f8f8f8;
    transition: all 90ms ease-in-out 0s;
    border: 2px solid #f8f8f8;
    font-weight: 700;
    margin: 0
}

.btn-lets-chat-plasma>.icon {
    fill: #f8f8f8;
    transition: all 90ms ease-in-out 0s
}

@media (pointer:fine) {

    .btn-lets-chat-plasma.hover,
    .btn-lets-chat-plasma:hover {
        background: 0 0;
        color: #f8f8f8
    }

    .btn-lets-chat-plasma.hover>.icon,
    .btn-lets-chat-plasma:hover>.icon {
        fill: #f8f8f8
    }
}

.btn-lets-chat-plasma.active,
.btn-lets-chat-plasma.focus,
.btn-lets-chat-plasma:active,
.btn-lets-chat-plasma:focus {
    background: 0 0;
    color: #f8f8f8
}

.btn-lets-chat-plasma.active>.icon,
.btn-lets-chat-plasma.focus>.icon,
.btn-lets-chat-plasma:active>.icon,
.btn-lets-chat-plasma:focus>.icon {
    fill: #f8f8f8
}

@media (pointer:fine) {

    .btn-lets-chat-plasma.active:hover,
    .btn-lets-chat-plasma.focus:hover,
    .btn-lets-chat-plasma:active:hover,
    .btn-lets-chat-plasma:focus:hover {
        background: 0 0
    }
}

.btn-lets-chat-plasma .btn-loader-overlay {
    color: #f8f8f8;
    background-color: transparent
}

.btn-lets-chat-plasma:hover {
    border: 2px solid rgba(248, 248, 248, .6)
}

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

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

@media (pointer:fine) {

    .btn-enabled.hover,
    .btn-enabled:hover {
        background: #7a7a7a;
        color: #fff
    }

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

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

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

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

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

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

@media (pointer:fine) {

    .btn-disabled.hover,
    .btn-disabled:hover {
        background: #d53e48;
        color: #fff
    }

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

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

.btn-disabled.active>.icon,
.btn-disabled.focus>.icon,
.btn-disabled:active>.icon,
.btn-disabled:focus>.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: all .8s ease-in-out 0s
}

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

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

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

@media (pointer:fine) {

    .btn-grouped.hover,
    .btn-grouped:hover {
        background: #fff;
        color: #414141
    }

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

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

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

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

@media (pointer:fine) {

    .btn-grouped.hover,
    .btn-grouped:hover {
        border-color: transparent
    }
}

.btn-grouped.active,
.btn-grouped.focus,
.btn-grouped:active,
.btn-grouped:focus {
    border-color: transparent
}

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

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

@media (pointer:fine) {

    .btn-grouped.pseudo-disabled.hover,
    .btn-grouped.pseudo-disabled:hover {
        background: 0 0;
        color: #f1f1f1
    }

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

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

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

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

@media (pointer:fine) {

    .btn-grouped.pseudo-disabled.hover,
    .btn-grouped.pseudo-disabled:hover {
        border-color: #5b5b5b
    }
}

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

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

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

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

@media (pointer:fine) {

    .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-table-actions.active,
.btn-table-actions.focus,
.btn-table-actions:active,
.btn-table-actions:focus {
    background: rgba(248, 248, 248, .2);
    color: #f8f8f8
}

.btn-table-actions.active>.icon,
.btn-table-actions.focus>.icon,
.btn-table-actions:active>.icon,
.btn-table-actions:focus>.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: all 90ms ease-in-out 0s;
    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, .8);
    transition: all 90ms ease-in-out 0s
}

@media (pointer:fine) {

    .btn-signup-without-email.hover,
    .btn-signup-without-email:hover {
        background: 0 0;
        color: #fff
    }

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

.btn-signup-without-email.active,
.btn-signup-without-email.focus,
.btn-signup-without-email:active,
.btn-signup-without-email:focus {
    background: 0 0;
    color: #fff
}

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

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

@media (pointer:fine) {

    .btn-signup-without-email.hover,
    .btn-signup-without-email:hover {
        border-color: rgba(255, 255, 255, .7)
    }
}

.btn-signup-without-email.active,
.btn-signup-without-email.focus,
.btn-signup-without-email:active,
.btn-signup-without-email:focus {
    border-color: rgba(255, 255, 255, .7)
}

.btn-signup-details {
    background: 0 0;
    color: rgba(255, 255, 255, .8);
    transition: all 90ms ease-in-out 0s;
    border-color: rgba(255, 255, 255, .8);
    border-radius: 40px;
    border-width: 2px
}

.btn-signup-details>.icon {
    fill: rgba(255, 255, 255, .8);
    transition: all 90ms ease-in-out 0s
}

@media (pointer:fine) {

    .btn-signup-details.hover,
    .btn-signup-details:hover {
        background: 0 0;
        color: rgba(255, 255, 255, .9)
    }

    .btn-signup-details.hover>.icon,
    .btn-signup-details:hover>.icon {
        fill: rgba(255, 255, 255, .9)
    }
}

.btn-signup-details.active,
.btn-signup-details.focus,
.btn-signup-details:active,
.btn-signup-details:focus {
    background: 0 0;
    color: rgba(255, 255, 255, .9)
}

.btn-signup-details.active>.icon,
.btn-signup-details.focus>.icon,
.btn-signup-details:active>.icon,
.btn-signup-details:focus>.icon {
    fill: rgba(255, 255, 255, .9)
}

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

@media (pointer:fine) {

    .btn-signup-details.hover,
    .btn-signup-details:hover {
        border-color: rgba(255, 255, 255, .9)
    }
}

.btn-signup-details.active,
.btn-signup-details.focus,
.btn-signup-details:active,
.btn-signup-details:focus {
    border-color: rgba(255, 255, 255, .9)
}

.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 {
    font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
    border: 0;
    margin: 0;
    background-color: transparent;
    padding: 0;
    cursor: pointer;
    color: inherit;
    font-size: inherit;
    font-weight: inherit;
    letter-spacing: inherit
}

.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-dasharray: 80px, 200px;
    stroke-dashoffset: 0px;
    stroke: currentColor
}

@keyframes loader-ds {
    100% {
        transform: rotate(360deg)
    }
}

@keyframes loader-ds-circle {
    0% {
        stroke-dasharray: 1px, 200px;
        stroke-dashoffset: 0px
    }

    50% {
        stroke-dasharray: 100px, 200px;
        stroke-dashoffset: -15px
    }

    100% {
        stroke-dasharray: 100px, 200px;
        stroke-dashoffset: -125px
    }
}

.ds-btn {
    border: 1px solid transparent;
    cursor: pointer;
    display: inline-block;
    font-family: inherit;
    font-size: 13px;
    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;
    line-height: 29px;
    border-radius: 2rem
}

.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 {
    line-height: 39px;
    font-size: 15px
}

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

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

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

@media (pointer:fine) {

    .ds-btn-default.hover,
    .ds-btn-default:hover {
        background: #fff;
        color: #414141
    }

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

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

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

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

@media (pointer:fine) {

    .ds-btn-default.hover,
    .ds-btn-default:hover {
        border-color: transparent
    }
}

.ds-btn-default.active,
.ds-btn-default.focus,
.ds-btn-default:active,
.ds-btn-default:focus {
    border-color: transparent
}

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

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

@media (pointer:fine) {

    .ds-btn-default-restyled.hover,
    .ds-btn-default-restyled:hover {
        background: #fff;
        color: #414141
    }

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

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

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

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

@media (pointer:fine) {

    .ds-btn-default-restyled.hover,
    .ds-btn-default-restyled:hover {
        border-color: transparent
    }
}

.ds-btn-default-restyled.active,
.ds-btn-default-restyled.focus,
.ds-btn-default-restyled:active,
.ds-btn-default-restyled:focus {
    border-color: transparent
}

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

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

@media (pointer:fine) {

    .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-accept.active,
.ds-btn-accept.focus,
.ds-btn-accept:active,
.ds-btn-accept:focus {
    background: #9c2a32;
    color: #f1f1f1
}

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

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

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

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

@media (pointer:fine) {

    .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.active,
.ds-btn-apply.focus,
.ds-btn-apply:active,
.ds-btn-apply:focus {
    background: #5f7430;
    color: #f8f8f8
}

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

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

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

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

@media (pointer:fine) {

    .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-primary.active,
.ds-btn-apply-primary.focus,
.ds-btn-apply-primary:active,
.ds-btn-apply-primary:focus {
    background: #34c753;
    color: #fff
}

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

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

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

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

@media (pointer:fine) {

    .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-alternative.active,
.ds-btn-apply-alternative.focus,
.ds-btn-apply-alternative:active,
.ds-btn-apply-alternative:focus {
    background: #5f7430;
    color: #f8f8f8
}

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

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

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

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

@media (pointer:fine) {

    .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-alter.active,
.ds-btn-apply-alter.focus,
.ds-btn-apply-alter:active,
.ds-btn-apply-alter:focus {
    background: #96c03b;
    color: #414141
}

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

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

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

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

@media (pointer:fine) {

    .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-apply-alter2.active,
.ds-btn-apply-alter2.focus,
.ds-btn-apply-alter2:active,
.ds-btn-apply-alter2:focus {
    background: #6e932a;
    color: #f8f8f8
}

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

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

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

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

@media (pointer:fine) {

    .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-decline.active,
.ds-btn-decline.focus,
.ds-btn-decline:active,
.ds-btn-decline:focus {
    background: #1e1e1e;
    color: #fff
}

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

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

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

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

@media (pointer:fine) {

    .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-delete.active,
.ds-btn-delete.focus,
.ds-btn-delete:active,
.ds-btn-delete:focus {
    background: #bf4d55;
    color: #f8f8f8
}

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

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

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

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

@media (pointer:fine) {

    .ds-btn-end-broadcasting.hover,
    .ds-btn-end-broadcasting:hover {
        background: #252525;
        color: #fff
    }

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

.ds-btn-end-broadcasting.active,
.ds-btn-end-broadcasting.focus,
.ds-btn-end-broadcasting:active,
.ds-btn-end-broadcasting:focus {
    background: #252525;
    color: #fff
}

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

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

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

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

@media (pointer:fine) {

    .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-end-private.active,
.ds-btn-end-private.focus,
.ds-btn-end-private:active,
.ds-btn-end-private:focus {
    background: #2e2e2e;
    color: #f1f1f1
}

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

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

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

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

@media (pointer:fine) {

    .ds-btn-highlighted.hover,
    .ds-btn-highlighted:hover {
        background: #fff;
        color: #414141
    }

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

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

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

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

@media (pointer:fine) {

    .ds-btn-highlighted.hover,
    .ds-btn-highlighted:hover {
        border-color: transparent
    }
}

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

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

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

@media (pointer:fine) {

    .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-nav.active,
.ds-btn-nav.focus,
.ds-btn-nav:active,
.ds-btn-nav:focus {
    background: #292929;
    color: #fff
}

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

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

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

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

@media (pointer:fine) {

    .ds-btn-outline.hover,
    .ds-btn-outline:hover {
        background: #fff;
        color: #414141
    }

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

.ds-btn-outline.active,
.ds-btn-outline.focus,
.ds-btn-outline:active,
.ds-btn-outline:focus {
    background: var(--primary-color);
    color: #fdfdfd
}

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

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

@media (pointer:fine) {

    .ds-btn-outline.hover,
    .ds-btn-outline:hover {
        border-color: #f8f8f8
    }
}

.ds-btn-outline.active,
.ds-btn-outline.focus,
.ds-btn-outline:active,
.ds-btn-outline:focus {
    border-color: #f8f8f8
}

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

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

@media (pointer:fine) {

    .ds-btn-primary.hover,
    .ds-btn-primary:hover {
        background: #fff;
        color: #414141
    }

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

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

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

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

@media (pointer:fine) {

    .ds-btn-primary.hover,
    .ds-btn-primary:hover {
        border-color: transparent
    }
}

.ds-btn-primary.active,
.ds-btn-primary.focus,
.ds-btn-primary:active,
.ds-btn-primary:focus {
    border-color: transparent
}

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

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

@media (pointer:fine) {

    .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-send.active,
.ds-btn-send.focus,
.ds-btn-send:active,
.ds-btn-send:focus {
    background: #4377a4;
    color: #fcfcfc
}

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

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

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

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

@media (pointer:fine) {

    .ds-btn-blue.hover,
    .ds-btn-blue:hover {
        background: #fff;
        color: #414141
    }

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

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

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

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

@media (pointer:fine) {

    .ds-btn-blue.hover,
    .ds-btn-blue:hover {
        border-color: transparent
    }
}

.ds-btn-blue.active,
.ds-btn-blue.focus,
.ds-btn-blue:active,
.ds-btn-blue:focus {
    border-color: transparent
}

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

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

@media (pointer:fine) {

    .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-signup.active,
.ds-btn-signup.focus,
.ds-btn-signup:active,
.ds-btn-signup:focus {
    background: rgba(209, 209, 209, .75);
    color: #414141
}

.ds-btn-signup.active>.icon,
.ds-btn-signup.focus>.icon,
.ds-btn-signup:active>.icon,
.ds-btn-signup:focus>.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: all 90ms ease-in-out 0s
}

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

@media (pointer:fine) {

    .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-tokens.active,
.ds-btn-tokens.focus,
.ds-btn-tokens:active,
.ds-btn-tokens:focus {
    background: #141414;
    color: #f1f1f1
}

.ds-btn-tokens.active>.icon,
.ds-btn-tokens.focus>.icon,
.ds-btn-tokens:active>.icon,
.ds-btn-tokens:focus>.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: all 90ms ease-in-out 0s;
    border-color: rgba(255, 255, 255, .3)
}

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

@media (pointer:fine) {

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

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

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

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

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

@media (pointer:fine) {

    .ds-btn-white-outline.hover,
    .ds-btn-white-outline:hover {
        border-color: rgba(255, 255, 255, .6)
    }
}

.ds-btn-white-outline.active,
.ds-btn-white-outline.focus,
.ds-btn-white-outline:active,
.ds-btn-white-outline:focus {
    border-color: rgba(255, 255, 255, .6)
}

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

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

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

@media (pointer:fine) {

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

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

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

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

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

@media (pointer:fine) {

    .ds-btn-pale.hover,
    .ds-btn-pale:hover {
        border-color: rgba(255, 255, 255, .6)
    }
}

.ds-btn-pale.active,
.ds-btn-pale.focus,
.ds-btn-pale:active,
.ds-btn-pale:focus {
    border-color: rgba(255, 255, 255, .6)
}

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

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

@media (pointer:fine) {

    .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, .8) !important
    }
}

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

.ds-btn-transparent.active>.icon,
.ds-btn-transparent.focus>.icon,
.ds-btn-transparent:active>.icon,
.ds-btn-transparent:focus>.icon {
    fill: rgba(255, 255, 255, .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: all 90ms ease-in-out 0s
}

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

@media (pointer:fine) {

    .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.active,
.ds-btn-call2action.focus,
.ds-btn-call2action:active,
.ds-btn-call2action:focus {
    background: #ff4c5c;
    color: #fff
}

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

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

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

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

@media (pointer:fine) {

    .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-call2action-premium.active,
.ds-btn-call2action-premium.focus,
.ds-btn-call2action-premium:active,
.ds-btn-call2action-premium:focus {
    background: #eec487;
    color: #000
}

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

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

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

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

@media (pointer:fine) {

    .ds-btn-apply-ds.hover,
    .ds-btn-apply-ds:hover {
        background: #5e7826;
        color: #f8f8f8
    }

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

.ds-btn-apply-ds.active,
.ds-btn-apply-ds.focus,
.ds-btn-apply-ds:active,
.ds-btn-apply-ds:focus {
    background: #50681d;
    color: #f8f8f8
}

.ds-btn-apply-ds.active>.icon,
.ds-btn-apply-ds.focus>.icon,
.ds-btn-apply-ds:active>.icon,
.ds-btn-apply-ds:focus>.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: all 90ms ease-in-out 0s;
    border-width: 0;
    font-weight: 700
}

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

@media (pointer:fine) {

    .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,
.ds-btn-apply-2-ds.focus,
.ds-btn-apply-2-ds:active,
.ds-btn-apply-2-ds:focus {
    background: #61922f;
    color: #f8f8f8
}

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

@media (pointer:fine) {

    .ds-btn-apply-2-ds.active:hover,
    .ds-btn-apply-2-ds.focus:hover,
    .ds-btn-apply-2-ds:active:hover,
    .ds-btn-apply-2-ds:focus:hover {
        background: #82c043
    }
}

.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: all 90ms ease-in-out 0s;
    font-weight: 500 !important;
    border-width: 0 !important;
    border-radius: 2rem !important
}

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

@media (pointer:fine) {

    .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,
.ds-btn-apply-2-ds-enforced.focus,
.ds-btn-apply-2-ds-enforced:active,
.ds-btn-apply-2-ds-enforced:focus {
    background: #61922f !important;
    color: #f8f8f8 !important
}

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

@media (pointer:fine) {

    .ds-btn-apply-2-ds-enforced.active:hover,
    .ds-btn-apply-2-ds-enforced.focus:hover,
    .ds-btn-apply-2-ds-enforced:active:hover,
    .ds-btn-apply-2-ds-enforced:focus:hover {
        background: #82c043 !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: all 90ms ease-in-out 0s
}

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

@media (pointer:fine) {

    .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-filled.active,
.ds-btn-default-filled.focus,
.ds-btn-default-filled:active,
.ds-btn-default-filled:focus {
    background: #fff;
    color: #000
}

.ds-btn-default-filled.active>.icon,
.ds-btn-default-filled.focus>.icon,
.ds-btn-default-filled:active>.icon,
.ds-btn-default-filled:focus>.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: all 90ms ease-in-out 0s;
    border-color: rgba(255, 255, 255, .8)
}

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

@media (pointer:fine) {

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

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

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

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

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

@media (pointer:fine) {

    .ds-btn-default-outline.hover,
    .ds-btn-default-outline:hover {
        border-color: rgba(255, 255, 255, .6)
    }
}

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

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

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

@media (pointer:fine) {

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

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

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

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

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

@media (pointer:fine) {

    .ds-btn-second.hover,
    .ds-btn-second:hover {
        border-color: rgba(255, 255, 255, .6)
    }
}

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

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

.ds-btn-gray-ds>.icon {
    fill: #fff;
    transition: all 90ms ease-in-out 0s
}

@media (pointer:fine) {

    .ds-btn-gray-ds.hover,
    .ds-btn-gray-ds:hover {
        background: #5d5d5d;
        color: #fff
    }

    .ds-btn-gray-ds.hover>.icon,
    .ds-btn-gray-ds:hover>.icon {
        fill: #fff
    }
}

.ds-btn-gray-ds.active,
.ds-btn-gray-ds.focus,
.ds-btn-gray-ds:active,
.ds-btn-gray-ds:focus {
    background: #505050;
    color: #fff
}

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

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

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

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

@media (pointer:fine) {

    .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-enabled.active,
.ds-btn-enabled.focus,
.ds-btn-enabled:active,
.ds-btn-enabled:focus {
    background: #474747;
    color: #fff
}

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

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

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

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

@media (pointer:fine) {

    .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-disabled.active,
.ds-btn-disabled.focus,
.ds-btn-disabled:active,
.ds-btn-disabled:focus {
    background: #9c2a32;
    color: #fff
}

.ds-btn-disabled.active>.icon,
.ds-btn-disabled.focus>.icon,
.ds-btn-disabled:active>.icon,
.ds-btn-disabled:focus>.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: all .8s ease-in-out 0s
}

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

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

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

@media (pointer:fine) {

    .ds-btn-grouped.hover,
    .ds-btn-grouped:hover {
        background: #fff;
        color: #414141
    }

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

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

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

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

@media (pointer:fine) {

    .ds-btn-grouped.hover,
    .ds-btn-grouped:hover {
        border-color: transparent
    }
}

.ds-btn-grouped.active,
.ds-btn-grouped.focus,
.ds-btn-grouped:active,
.ds-btn-grouped:focus {
    border-color: transparent
}

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

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

@media (pointer:fine) {

    .ds-btn-grouped.pseudo-disabled.hover,
    .ds-btn-grouped.pseudo-disabled:hover {
        background: 0 0;
        color: #f1f1f1
    }

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

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

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

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

@media (pointer:fine) {

    .ds-btn-grouped.pseudo-disabled.hover,
    .ds-btn-grouped.pseudo-disabled:hover {
        border-color: #5b5b5b
    }
}

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

.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-plasma {
    fill: #ff5f5f
}

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 0;
    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: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.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-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-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: all 120ms ease-in-out 0s
}

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(223, 223, 223, .6)
}

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(223, 223, 223, .6)
}

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
}

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

    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 {
        height: 40px;
        font-size: .875rem
    }
}

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: var(--primary-color, #437e45);
    box-shadow: 0px 0px 0px 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: 0px 0px 0px 4px rgba(222, 91, 100, .3)
}

input[type=date].input.theme-transparent-light-10.error:hover,
input[type=email].input.theme-transparent-light-10.error:hover,
input[type=number].input.theme-transparent-light-10.error:hover,
input[type=password].input.theme-transparent-light-10.error:hover,
input[type=search].input.theme-transparent-light-10.error:hover,
input[type=tel].input.theme-transparent-light-10.error:hover,
input[type=text].input.theme-transparent-light-10.error:hover,
textarea.textarea.theme-transparent-light-10.error:hover {
    border-color: #d5444e
}

input[type=date].input.theme-transparent-light-10.error:active,
input[type=date].input.theme-transparent-light-10.error:focus,
input[type=email].input.theme-transparent-light-10.error:active,
input[type=email].input.theme-transparent-light-10.error:focus,
input[type=number].input.theme-transparent-light-10.error:active,
input[type=number].input.theme-transparent-light-10.error:focus,
input[type=password].input.theme-transparent-light-10.error:active,
input[type=password].input.theme-transparent-light-10.error:focus,
input[type=search].input.theme-transparent-light-10.error:active,
input[type=search].input.theme-transparent-light-10.error:focus,
input[type=tel].input.theme-transparent-light-10.error:active,
input[type=tel].input.theme-transparent-light-10.error:focus,
input[type=text].input.theme-transparent-light-10.error:active,
input[type=text].input.theme-transparent-light-10.error:focus,
textarea.textarea.theme-transparent-light-10.error:active,
textarea.textarea.theme-transparent-light-10.error:focus {
    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: #bfbfbf;
    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 {
    display: inline-block;
    margin-bottom: 0;
    text-align: right
}

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 {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 20px;
    color: rgba(255, 255, 255, .75)
}

.input-date-wrapper input[type=date].input {
    -webkit-appearance: none;
    width: 100%;
    color: rgba(248, 248, 248, .33);
    font-family: inherit;
    font-weight: inherit;
    font-size: inherit
}

.input-date-wrapper input[type=date].input::-webkit-calendar-picker-indicator {
    position: absolute;
    background: 0 0;
    color: transparent;
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
    height: 100%;
    width: 100%
}

.input-date-wrapper input[type=date].input.has-value {
    color: #f8f8f8
}

.country-flag {
    background-repeat: no-repeat;
    background-size: contain
}

.country-flag--small {
    height: 11px;
    width: 16px
}

.country-flag--medium {
    height: 17px;
    width: 24px
}

.loader-container {
    bottom: 0px;
    left: 0px;
    padding-bottom: 60%;
    position: relative;
    right: 0px;
    top: 0px
}

.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:nth-child(1) {
    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: all .2s ease-in-out 0s
}

.progress-bar.completed .progress-bar-progress {
    background: none #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: #424242 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);
    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: all 120ms ease-in-out 0s
}

.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 {
    opacity: 0
}

.select .select-clear-zone {
    z-index: 2
}

.select .select-arrow-zone {
    z-index: 2
}

.select.disabled {
    opacity: .33;
    transition: all 120ms ease-in-out 0s
}

.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 #0d0d0d;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.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-input {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: none transparent;
    border: 0 none;
    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: all 120ms ease-in-out 0s
}

.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, .9);
    height: 5px;
    margin: 0;
    width: 5px;
    transition: all 120ms ease-in-out 0s
}

.select .select-arrow-zone:hover>.icon,
.select.is-open .icon {
    fill: #fff
}

@keyframes select-animation-fadeIn {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.select .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, 38, 38, .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 .select-menu-outer .scroll-bar-container,
.select .select-menu-outer .select-menu {
    border-bottom-left-radius: inherit;
    border-bottom-right-radius: inherit
}

.select .select-menu .scroll-bar-container {
    max-height: 218px
}

.select .select-menu__bottom-component {
    background-color: #262626;
    padding: 8px 16px;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px
}

.select .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 .select-option:last-child {
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px
}

.select .select-option.is-focused {
    background-color: #000;
    color: #f8f8f8
}

.select .select-option.disabled {
    color: #fff;
    cursor: default
}

.select .select-menu--with-bottom-component .select-option:last-child {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.select .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;
    padding-right: 20px;
    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;
    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: #6f2e32;
    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: #6b2227;
    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 {
    opacity: 0;
    height: 0px;
    transition: all ease .25s
}

.select.is-extendable.is-open .select-input {
    opacity: 1;
    min-height: 25px
}

.select.is-extendable .select-extend-list {
    align-items: center;
    color: rgba(248, 248, 248, .6);
    cursor: pointer;
    display: flex;
    transition: all ease .25s;
    font-size: .75rem
}

.select.is-extendable .select-extend-list .icon {
    fill: rgba(248, 248, 248, .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, .4)
}

.smile-ahh {
    animation: smile-ahh 2.6s steps(52) infinite;
    background-image: url(/assets/common/components/ui/Smiles/images/ahh.png);
    height: 26px;
    width: 27px
}

.retina .smile-ahh {
    background-image: url(/assets/common/components/ui/Smiles/images/ahh@2x.png)
}

@keyframes smile-ahh {
    0% {
        background-position: 0 0
    }

    100% {
        background-position: 0 -1352px
    }
}

.smile-airkiss {
    animation: smile-airkiss 3.25s steps(65) infinite;
    background-image: url(/assets/common/components/ui/Smiles/images/airkiss.png);
    height: 26px;
    width: 30px
}

.retina .smile-airkiss {
    background-image: url(/assets/common/components/ui/Smiles/images/airkiss@2x.png)
}

@keyframes smile-airkiss {
    0% {
        background-position: 0 0
    }

    100% {
        background-position: 0 -1690px
    }
}

.smile-angry {
    animation: smile-angry 1.5s steps(30) infinite;
    background-image: url(/assets/common/components/ui/Smiles/images/angry.png);
    height: 26px;
    width: 28px
}

.retina .smile-angry {
    background-image: url(/assets/common/components/ui/Smiles/images/angry@2x.png)
}

@keyframes smile-angry {
    0% {
        background-position: 0 0
    }

    100% {
        background-position: 0 -780px
    }
}

.smile-asking {
    animation: smile-asking 1.3s steps(26) infinite;
    background-image: url(/assets/common/components/ui/Smiles/images/asking.png);
    height: 26px;
    width: 40px
}

.retina .smile-asking {
    background-image: url(/assets/common/components/ui/Smiles/images/asking@2x.png)
}

@keyframes smile-asking {
    0% {
        background-position: 0 0
    }

    100% {
        background-position: 0 -676px
    }
}

.smile-ass {
    animation: smile-ass 0s steps(0) infinite;
    background-image: url(/assets/common/components/ui/Smiles/images/ass.png);
    height: 26px;
    width: 33px
}

.retina .smile-ass {
    background-image: url(/assets/common/components/ui/Smiles/images/ass@2x.png)
}

@keyframes smile-ass {
    0% {
        background-position: 0 0
    }

    100% {
        background-position: 0 0px
    }
}

.smile-behind {
    animation: smile-behind 950ms steps(19) infinite;
    background-image: url(/assets/common/components/ui/Smiles/images/behind.png);
    height: 26px;
    width: 36px
}

.retina .smile-behind {
    background-image: url(/assets/common/components/ui/Smiles/images/behind@2x.png)
}

@keyframes smile-behind {
    0% {
        background-position: 0 0
    }

    100% {
        background-position: 0 -494px
    }
}

.smile-blowjob {
    animation: smile-blowjob 2.25s steps(45) infinite;
    background-image: url(/assets/common/components/ui/Smiles/images/blowjob.png);
    height: 26px;
    width: 60px
}

.retina .smile-blowjob {
    background-image: url(/assets/common/components/ui/Smiles/images/blowjob@2x.png)
}

@keyframes smile-blowjob {
    0% {
        background-position: 0 0
    }

    100% {
        background-position: 0 -1170px
    }
}

.smile-bye {
    animation: smile-bye 2.15s steps(43) infinite;
    background-image: url(/assets/common/components/ui/Smiles/images/bye.png);
    height: 26px;
    width: 71px
}

.retina .smile-bye {
    background-image: url(/assets/common/components/ui/Smiles/images/bye@2x.png)
}

@keyframes smile-bye {
    0% {
        background-position: 0 0
    }

    100% {
        background-position: 0 -1118px
    }
}

.smile-cheekkiss {
    animation: smile-cheekkiss 2.7s steps(54) infinite;
    background-image: url(/assets/common/components/ui/Smiles/images/cheekkiss.png);
    height: 26px;
    width: 50px
}

.retina .smile-cheekkiss {
    background-image: url(/assets/common/components/ui/Smiles/images/cheekkiss@2x.png)
}

@keyframes smile-cheekkiss {
    0% {
        background-position: 0 0
    }

    100% {
        background-position: 0 -1404px
    }
}

.smile-crazyguy {
    animation: smile-crazyguy 2s steps(40) infinite;
    background-image: url(/assets/common/components/ui/Smiles/images/crazyguy.png);
    height: 26px;
    width: 54px
}

.retina .smile-crazyguy {
    background-image: url(/assets/common/components/ui/Smiles/images/crazyguy@2x.png)
}

@keyframes smile-crazyguy {
    0% {
        background-position: 0 0
    }

    100% {
        background-position: 0 -1040px
    }
}

.smile-cry {
    animation: smile-cry 2s steps(40) infinite;
    background-image: url(/assets/common/components/ui/Smiles/images/cry.png);
    height: 26px;
    width: 40px
}

.retina .smile-cry {
    background-image: url(/assets/common/components/ui/Smiles/images/cry@2x.png)
}

@keyframes smile-cry {
    0% {
        background-position: 0 0
    }

    100% {
        background-position: 0 -1040px
    }
}

.smile-dancing {
    animation: smile-dancing 1.9s steps(38) infinite;
    background-image: url(/assets/common/components/ui/Smiles/images/dancing.png);
    height: 26px;
    width: 53px
}

.retina .smile-dancing {
    background-image: url(/assets/common/components/ui/Smiles/images/dancing@2x.png)
}

@keyframes smile-dancing {
    0% {
        background-position: 0 0
    }

    100% {
        background-position: 0 -988px
    }
}

.smile-devil {
    animation: smile-devil 2.7s steps(54) infinite;
    background-image: url(/assets/common/components/ui/Smiles/images/devil.png);
    height: 26px;
    width: 28px
}

.retina .smile-devil {
    background-image: url(/assets/common/components/ui/Smiles/images/devil@2x.png)
}

@keyframes smile-devil {
    0% {
        background-position: 0 0
    }

    100% {
        background-position: 0 -1404px
    }
}

.smile-facepalm {
    animation: smile-facepalm 2.45s steps(49) infinite;
    background-image: url(/assets/common/components/ui/Smiles/images/facepalm.png);
    height: 26px;
    width: 25px
}

.retina .smile-facepalm {
    background-image: url(/assets/common/components/ui/Smiles/images/facepalm@2x.png)
}

@keyframes smile-facepalm {
    0% {
        background-position: 0 0
    }

    100% {
        background-position: 0 -1274px
    }
}

.smile-fire {
    animation: smile-fire 0s steps(0) infinite;
    background-image: url(/assets/common/components/ui/Smiles/images/fire.png);
    height: 26px;
    width: 20px
}

.retina .smile-fire {
    background-image: url(/assets/common/components/ui/Smiles/images/fire@2x.png)
}

@keyframes smile-fire {
    0% {
        background-position: 0 0
    }

    100% {
        background-position: 0 0px
    }
}

.smile-flirt {
    animation: smile-flirt 2.95s steps(59) infinite;
    background-image: url(/assets/common/components/ui/Smiles/images/flirt.png);
    height: 26px;
    width: 36px
}

.retina .smile-flirt {
    background-image: url(/assets/common/components/ui/Smiles/images/flirt@2x.png)
}

@keyframes smile-flirt {
    0% {
        background-position: 0 0
    }

    100% {
        background-position: 0 -1534px
    }
}

.smile-flirting {
    animation: smile-flirting 2.45s steps(49) infinite;
    background-image: url(/assets/common/components/ui/Smiles/images/flirting.png);
    height: 26px;
    width: 36px
}

.retina .smile-flirting {
    background-image: url(/assets/common/components/ui/Smiles/images/flirting@2x.png)
}

@keyframes smile-flirting {
    0% {
        background-position: 0 0
    }

    100% {
        background-position: 0 -1274px
    }
}

.smile-flower {
    animation: smile-flower 2.6s steps(52) infinite;
    background-image: url(/assets/common/components/ui/Smiles/images/flower.png);
    height: 26px;
    width: 15px
}

.retina .smile-flower {
    background-image: url(/assets/common/components/ui/Smiles/images/flower@2x.png)
}

@keyframes smile-flower {
    0% {
        background-position: 0 0
    }

    100% {
        background-position: 0 -1352px
    }
}

.smile-gift {
    animation: smile-gift 2.1s steps(42) infinite;
    background-image: url(/assets/common/components/ui/Smiles/images/gift.png);
    height: 26px;
    width: 32px
}

.retina .smile-gift {
    background-image: url(/assets/common/components/ui/Smiles/images/gift@2x.png)
}

@keyframes smile-gift {
    0% {
        background-position: 0 0
    }

    100% {
        background-position: 0 -1092px
    }
}

.smile-grinning {
    animation: smile-grinning 1.7s steps(34) infinite;
    background-image: url(/assets/common/components/ui/Smiles/images/grinning.png);
    height: 26px;
    width: 30px
}

.retina .smile-grinning {
    background-image: url(/assets/common/components/ui/Smiles/images/grinning@2x.png)
}

@keyframes smile-grinning {
    0% {
        background-position: 0 0
    }

    100% {
        background-position: 0 -884px
    }
}

.smile-heart {
    animation: smile-heart 1.2s steps(24) infinite;
    background-image: url(/assets/common/components/ui/Smiles/images/heart.png);
    height: 26px;
    width: 30px
}

.retina .smile-heart {
    background-image: url(/assets/common/components/ui/Smiles/images/heart@2x.png)
}

@keyframes smile-heart {
    0% {
        background-position: 0 0
    }

    100% {
        background-position: 0 -624px
    }
}

.smile-hideeyes {
    animation: smile-hideeyes 2.05s steps(41) infinite;
    background-image: url(/assets/common/components/ui/Smiles/images/hideeyes.png);
    height: 26px;
    width: 30px
}

.retina .smile-hideeyes {
    background-image: url(/assets/common/components/ui/Smiles/images/hideeyes@2x.png)
}

@keyframes smile-hideeyes {
    0% {
        background-position: 0 0
    }

    100% {
        background-position: 0 -1066px
    }
}

.smile-inlove {
    animation: smile-inlove 3.45s steps(69) infinite;
    background-image: url(/assets/common/components/ui/Smiles/images/inlove.png);
    height: 26px;
    width: 30px
}

.retina .smile-inlove {
    background-image: url(/assets/common/components/ui/Smiles/images/inlove@2x.png)
}

@keyframes smile-inlove {
    0% {
        background-position: 0 0
    }

    100% {
        background-position: 0 -1794px
    }
}

.smile-king {
    animation: smile-king 1.65s steps(33) infinite;
    background-image: url(/assets/common/components/ui/Smiles/images/king.png);
    height: 26px;
    width: 26px
}

.retina .smile-king {
    background-image: url(/assets/common/components/ui/Smiles/images/king@2x.png)
}

@keyframes smile-king {
    0% {
        background-position: 0 0
    }

    100% {
        background-position: 0 -858px
    }
}

.smile-kissing {
    animation: smile-kissing 2.3s steps(46) infinite;
    background-image: url(/assets/common/components/ui/Smiles/images/kissing.png);
    height: 26px;
    width: 60px
}

.retina .smile-kissing {
    background-image: url(/assets/common/components/ui/Smiles/images/kissing@2x.png)
}

@keyframes smile-kissing {
    0% {
        background-position: 0 0
    }

    100% {
        background-position: 0 -1196px
    }
}

.smile-knight {
    animation: smile-knight 0s steps(0) infinite;
    background-image: url(/assets/common/components/ui/Smiles/images/knight.png);
    height: 26px;
    width: 26px
}

.retina .smile-knight {
    background-image: url(/assets/common/components/ui/Smiles/images/knight@2x.png)
}

@keyframes smile-knight {
    0% {
        background-position: 0 0
    }

    100% {
        background-position: 0 0px
    }
}

.smile-lgbt {
    animation: smile-lgbt 1.9s steps(38) infinite;
    background-image: url(/assets/common/components/ui/Smiles/images/lgbt.png);
    height: 26px;
    width: 30px
}

.retina .smile-lgbt {
    background-image: url(/assets/common/components/ui/Smiles/images/lgbt@2x.png)
}

@keyframes smile-lgbt {
    0% {
        background-position: 0 0
    }

    100% {
        background-position: 0 -988px
    }
}

.smile-lol {
    animation: smile-lol 1.7s steps(34) infinite;
    background-image: url(/assets/common/components/ui/Smiles/images/lol.png);
    height: 26px;
    width: 26px
}

.retina .smile-lol {
    background-image: url(/assets/common/components/ui/Smiles/images/lol@2x.png)
}

@keyframes smile-lol {
    0% {
        background-position: 0 0
    }

    100% {
        background-position: 0 -884px
    }
}

.smile-movingboobs {
    animation: smile-movingboobs 1.05s steps(21) infinite;
    background-image: url(/assets/common/components/ui/Smiles/images/movingboobs.png);
    height: 26px;
    width: 31px
}

.retina .smile-movingboobs {
    background-image: url(/assets/common/components/ui/Smiles/images/movingboobs@2x.png)
}

@keyframes smile-movingboobs {
    0% {
        background-position: 0 0
    }

    100% {
        background-position: 0 -546px
    }
}

.smile-ok {
    animation: smile-ok 2.1s steps(42) infinite;
    background-image: url(/assets/common/components/ui/Smiles/images/ok.png);
    height: 26px;
    width: 36px
}

.retina .smile-ok {
    background-image: url(/assets/common/components/ui/Smiles/images/ok@2x.png)
}

@keyframes smile-ok {
    0% {
        background-position: 0 0
    }

    100% {
        background-position: 0 -1092px
    }
}

.smile-onbed {
    animation: smile-onbed 5.25s steps(105) infinite;
    background-image: url(/assets/common/components/ui/Smiles/images/onbed.png);
    height: 26px;
    width: 74px
}

.retina .smile-onbed {
    background-image: url(/assets/common/components/ui/Smiles/images/onbed@2x.png)
}

@keyframes smile-onbed {
    0% {
        background-position: 0 0
    }

    100% {
        background-position: 0 -2730px
    }
}

.smile-please {
    animation: smile-please 2s steps(40) infinite;
    background-image: url(/assets/common/components/ui/Smiles/images/please.png);
    height: 26px;
    width: 28px
}

.retina .smile-please {
    background-image: url(/assets/common/components/ui/Smiles/images/please@2x.png)
}

@keyframes smile-please {
    0% {
        background-position: 0 0
    }

    100% {
        background-position: 0 -1040px
    }
}

.smile-sad {
    animation: smile-sad 1.85s steps(37) infinite;
    background-image: url(/assets/common/components/ui/Smiles/images/sad.png);
    height: 26px;
    width: 40px
}

.retina .smile-sad {
    background-image: url(/assets/common/components/ui/Smiles/images/sad@2x.png)
}

@keyframes smile-sad {
    0% {
        background-position: 0 0
    }

    100% {
        background-position: 0 -962px
    }
}

.smile-shy {
    animation: smile-shy 3.1s steps(62) infinite;
    background-image: url(/assets/common/components/ui/Smiles/images/shy.png);
    height: 26px;
    width: 30px
}

.retina .smile-shy {
    background-image: url(/assets/common/components/ui/Smiles/images/shy@2x.png)
}

@keyframes smile-shy {
    0% {
        background-position: 0 0
    }

    100% {
        background-position: 0 -1612px
    }
}

.smile-thumbsup {
    animation: smile-thumbsup 2.45s steps(49) infinite;
    background-image: url(/assets/common/components/ui/Smiles/images/thumbsup.png);
    height: 26px;
    width: 34px
}

.retina .smile-thumbsup {
    background-image: url(/assets/common/components/ui/Smiles/images/thumbsup@2x.png)
}

@keyframes smile-thumbsup {
    0% {
        background-position: 0 0
    }

    100% {
        background-position: 0 -1274px
    }
}

.smile-tongue {
    animation: smile-tongue 1.15s steps(23) infinite;
    background-image: url(/assets/common/components/ui/Smiles/images/tongue.png);
    height: 26px;
    width: 30px
}

.retina .smile-tongue {
    background-image: url(/assets/common/components/ui/Smiles/images/tongue@2x.png)
}

@keyframes smile-tongue {
    0% {
        background-position: 0 0
    }

    100% {
        background-position: 0 -598px
    }
}

.smile-wanker {
    animation: smile-wanker 2.05s steps(41) infinite;
    background-image: url(/assets/common/components/ui/Smiles/images/wanker.png);
    height: 26px;
    width: 50px
}

.retina .smile-wanker {
    background-image: url(/assets/common/components/ui/Smiles/images/wanker@2x.png)
}

@keyframes smile-wanker {
    0% {
        background-position: 0 0
    }

    100% {
        background-position: 0 -1066px
    }
}

.smile-wink {
    animation: smile-wink 2.4s steps(48) infinite;
    background-image: url(/assets/common/components/ui/Smiles/images/wink.png);
    height: 26px;
    width: 30px
}

.retina .smile-wink {
    background-image: url(/assets/common/components/ui/Smiles/images/wink@2x.png)
}

@keyframes smile-wink {
    0% {
        background-position: 0 0
    }

    100% {
        background-position: 0 -1248px
    }
}

.smile {
    background-size: 100%;
    display: inline-block;
    margin: 0 4px
}

.active-smile {
    background: 0 0;
    border: none;
    cursor: pointer;
    display: inline-block;
    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%
}

@media screen and (max-width:479px) {
    .columns .column.xs-1 {
        flex: none;
        width: 8.3333333333%
    }

    .columns .column.xs-2 {
        flex: none;
        width: 16.6666666667%
    }

    .columns .column.xs-3 {
        flex: none;
        width: 25%
    }

    .columns .column.xs-4 {
        flex: none;
        width: 33.3333333333%
    }

    .columns .column.xs-5 {
        flex: none;
        width: 41.6666666667%
    }

    .columns .column.xs-6 {
        flex: none;
        width: 50%
    }

    .columns .column.xs-7 {
        flex: none;
        width: 58.3333333333%
    }

    .columns .column.xs-8 {
        flex: none;
        width: 66.6666666667%
    }

    .columns .column.xs-9 {
        flex: none;
        width: 75%
    }

    .columns .column.xs-10 {
        flex: none;
        width: 83.3333333333%
    }

    .columns .column.xs-11 {
        flex: none;
        width: 91.6666666667%
    }

    .columns .column.xs-12 {
        flex: none;
        width: 100%
    }
}

@media screen and (min-width:480px) and (max-width:639px) {
    .columns .column.s-1 {
        flex: none;
        width: 8.3333333333%
    }

    .columns .column.s-2 {
        flex: none;
        width: 16.6666666667%
    }

    .columns .column.s-3 {
        flex: none;
        width: 25%
    }

    .columns .column.s-4 {
        flex: none;
        width: 33.3333333333%
    }

    .columns .column.s-5 {
        flex: none;
        width: 41.6666666667%
    }

    .columns .column.s-6 {
        flex: none;
        width: 50%
    }

    .columns .column.s-7 {
        flex: none;
        width: 58.3333333333%
    }

    .columns .column.s-8 {
        flex: none;
        width: 66.6666666667%
    }

    .columns .column.s-9 {
        flex: none;
        width: 75%
    }

    .columns .column.s-10 {
        flex: none;
        width: 83.3333333333%
    }

    .columns .column.s-11 {
        flex: none;
        width: 91.6666666667%
    }

    .columns .column.s-12 {
        flex: none;
        width: 100%
    }
}

@media screen and (min-width:640px) and (max-width:1023px) {
    .columns .column.m-1 {
        flex: none;
        width: 8.3333333333%
    }

    .columns .column.m-2 {
        flex: none;
        width: 16.6666666667%
    }

    .columns .column.m-3 {
        flex: none;
        width: 25%
    }

    .columns .column.m-4 {
        flex: none;
        width: 33.3333333333%
    }

    .columns .column.m-5 {
        flex: none;
        width: 41.6666666667%
    }

    .columns .column.m-6 {
        flex: none;
        width: 50%
    }

    .columns .column.m-7 {
        flex: none;
        width: 58.3333333333%
    }

    .columns .column.m-8 {
        flex: none;
        width: 66.6666666667%
    }

    .columns .column.m-9 {
        flex: none;
        width: 75%
    }

    .columns .column.m-10 {
        flex: none;
        width: 83.3333333333%
    }

    .columns .column.m-11 {
        flex: none;
        width: 91.6666666667%
    }

    .columns .column.m-12 {
        flex: none;
        width: 100%
    }
}

@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%
    }
}

@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%
    }
}

@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%
    }
}

@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%
    }
}

.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%
}

@media screen and (max-width:639px) {
    .container {
        padding-left: .75rem;
        padding-right: .75rem
    }
}

@media screen and (min-width:640px) {
    .container {
        padding-left: 10px;
        padding-right: 10px
    }
}

@media screen and (min-width:1600px) {
    .container {
        max-width: 1568px;
        padding-left: 0;
        padding-right: 0
    }
}

.widescreen-container {
    margin: 0 auto;
    max-width: 100%;
    padding-left: .75rem;
    padding-right: .75rem;
    position: relative;
    width: 100%
}

@media screen and (max-width:639px) {
    .widescreen-container {
        padding-left: .75rem;
        padding-right: .75rem
    }
}

@media screen and (min-width:640px) {
    .widescreen-container {
        padding-left: 10px;
        padding-right: 10px
    }
}

@media screen and (min-width:1600px) {
    .widescreen-container {
        max-width: 1568px;
        padding-left: 0;
        padding-right: 0
    }
}

@media screen and (min-width:1600px) {
    .widescreen-container {
        max-width: 1920px;
        padding-left: 10px;
        padding-right: 10px
    }
}

@media screen and (min-width:2041px) {
    .widescreen-container {
        padding-left: 0;
        padding-right: 0
    }
}

.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
}

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

    .l-only,
    .m-only,
    .s-only,
    .xl-only,
    .xxl-only,
    .xxxl-only {
        display: none !important
    }
}

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

    .l-only,
    .m-only,
    .xl-only,
    .xs-only,
    .xxl-only,
    .xxxl-only {
        display: none !important
    }
}

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

    .l-only,
    .s-only,
    .xl-only,
    .xs-only,
    .xxl-only,
    .xxxl-only {
        display: none !important
    }
}

@media screen and (min-width:1024px) and (max-width:1365px) {

    .m-only,
    .s-only,
    .xl-only,
    .xs-only,
    .xxl-only,
    .xxxl-only {
        display: none !important
    }
}

@media screen and (min-width:1366px) and (max-width:1599px) {

    .l-only,
    .m-only,
    .s-only,
    .xs-only,
    .xxl-only,
    .xxxl-only {
        display: none !important
    }
}

@media screen and (min-width:1600px) {

    .l-only,
    .m-only,
    .s-only,
    .xl-only,
    .xs-only,
    .xxxl-only {
        display: none !important
    }
}

@media screen and (min-width:2041px) {

    .l-only,
    .m-only,
    .s-only,
    .xl-only,
    .xs-only,
    .xxl-only {
        display: none !important
    }
}

@media screen and (max-width:479px) {
    .xs-hidden {
        display: none !important
    }
}

@media screen and (min-width:480px) and (max-width:639px) {
    .s-hidden {
        display: none !important
    }
}

@media screen and (min-width:640px) and (max-width:1023px) {
    .m-hidden {
        display: none !important
    }
}

@media screen and (min-width:1024px) and (max-width:1365px) {
    .l-hidden {
        display: none !important
    }
}

@media screen and (min-width:1366px) and (max-width:1599px) {
    .xl-hidden {
        display: none !important
    }
}

@media screen and (min-width:1600px) {
    .xxl-hidden {
        display: none !important
    }
}

@media screen and (min-width:2041px) {
    .xxxl-hidden {
        display: none !important
    }
}

@media screen and (max-width:374px) {
    .media-up-to-xxs-hidden {
        display: none !important
    }
}

@media screen and (max-width:479px) {
    .media-up-to-xs-hidden {
        display: none !important
    }
}

@media screen and (max-width:639px) {
    .media-up-to-s-hidden {
        display: none !important
    }
}

@media screen and (max-width:1023px) {
    .media-up-to-m-hidden {
        display: none !important
    }
}

@media screen and (max-width:1365px) {
    .media-up-to-l-hidden {
        display: none !important
    }
}

@media screen and (max-width:1599px) {
    .media-up-to-xl-hidden {
        display: none !important
    }
}

@media screen and (max-width:2040px) {
    .media-up-to-xxl-hidden {
        display: none !important
    }
}

@media screen and (max-width:2040px) {
    .media-up-to-xxxl-hidden {
        display: none !important
    }
}

@media screen and (max-width:767px) {
    .media-up-to-mobile-l-hidden {
        display: none !important
    }
}

@media screen and (min-width:480px) {
    .media-after-s-hidden {
        display: none !important
    }
}

@media screen and (min-width:640px) {
    .media-after-m-hidden {
        display: none !important
    }
}

@media screen and (min-width:1024px) {
    .media-after-l-hidden {
        display: none !important
    }
}

@media screen and (min-width:1366px) {
    .media-after-xl-hidden {
        display: none !important
    }
}

@media screen and (min-width:1600px) {
    .media-after-xxl-hidden {
        display: none !important
    }
}

@media screen and (min-width:2041px) {
    .media-after-xxxl-hidden {
        display: none !important
    }
}

@media screen and (min-width:768px) {
    .media-after-tablet-hidden {
        display: none !important
    }
}

html {
    box-sizing: border-box
}

*,
:after,
:before {
    box-sizing: inherit
}

:focus {
    outline: 0
}

body,
div#body,
html {
    background: #000
}

html.disable-scroll {
    min-height: 100vh;
    width: 100%
}

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
}

label {
    display: inline-block;
    margin-bottom: .5rem
}

button,
input,
select,
textarea {
    line-height: inherit;
    margin: 0
}

textarea {
    font: .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
}

.media-pointer-test-div {
    position: absolute
}

@media (pointer:fine) {
    .media-pointer-test-div {
        text-transform: uppercase
    }
}

@media (pointer:coarse) {
    .media-pointer-test-div {
        text-transform: capitalize
    }
}

.not-indexed-company-name:before {
    display: inline;
    /* content: "Technius Ltd" */
}

.not-indexed-company-address:before {
    display: inline;
    content: "Prodromou 75, ONEWORLD PARKVIEW HOUSE, Floor 4, 2063, Nicosia, Cyprus"
}

.visually-hidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: auto;
    margin: 0;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
    white-space: nowrap
}

.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: all 360ms ease-in-out 0s
}

.switcher .switcher-wrapper {
    display: block;
    font-size: 12px;
    height: 100%;
    line-height: 14px;
    transform: translateX(-14px);
    transition: all .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: all .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;
    width: 35px;
    padding: 4px 3px
}

.switcher.small .switcher-wrapper {
    transform: translateX(-14px)
}

.switcher.small .switcher-wrapper .switcher-label {
    width: calc(100% - 14px)
}

.switcher.small .switcher-wrapper .switcher-label {
    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)
}

.switcher.medium .switcher-wrapper .switcher-label {
    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 {
    display: table;
    line-height: 1.2rem;
    padding: 5px;
    position: fixed;
    text-align: left;
    white-space: normal;
    z-index: 499;
    will-change: left, top;
    font-size: .688rem
}

.tooltip.is-optimized {
    position: absolute
}

.tooltip>.tooltip-inner {
    background-color: #111;
    border-color: #111;
    box-shadow: 0 0 4px rgba(17, 17, 17, .2);
    color: #e1e1e1;
    display: inline-block;
    font-weight: 400;
    padding: 8px 10px;
    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;
    width: 0
}

.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>.tooltip-inner::before {
    border-bottom-color: inherit;
    border-width: 0 5px 5px;
    bottom: 100%;
    left: calc(50% - 5px)
}

.tooltip.left>.tooltip-inner::before {
    border-left-color: inherit;
    border-width: 5px 0 5px 5px;
    margin-top: -5px;
    right: -5px;
    top: 50%
}

.tooltip.right>.tooltip-inner::before {
    border-right-color: inherit;
    border-width: 5px 5px 5px 0;
    margin-top: -5px;
    right: 100%;
    top: 50%
}

.tooltip.top>.tooltip-inner::before {
    border-top-color: inherit;
    border-width: 5px 5px 0;
    left: calc(50% - 5px);
    top: 100%
}

.tooltip.bottom-left>.tooltip-inner::before {
    border-bottom-color: inherit;
    border-width: 0 5px 5px;
    margin-top: 2px;
    right: 5px;
    top: 0
}

.tooltip.bottom-right>.tooltip-inner::before {
    border-bottom-color: inherit;
    border-width: 0 5px 5px;
    left: 5px;
    margin-top: 2px;
    top: 0
}

.tooltip.top-left>.tooltip-inner::before {
    border-top-color: inherit;
    border-width: 5px 5px 0;
    bottom: 0;
    margin-bottom: 2px;
    right: 5px
}

.tooltip.top-right>.tooltip-inner::before {
    border-top-color: inherit;
    border-width: 5px 5px 0;
    bottom: 0;
    left: 5px;
    margin-bottom: 2px
}

.tooltip.error.left>.tooltip-inner::before {
    border-left-color: #c33343
}

.tooltip.error.right>.tooltip-inner::before {
    border-right-color: #c33343
}

.tooltip.error.top>.tooltip-inner::before {
    border-top-color: #c33343
}

.tooltip.error.bottom>.tooltip-inner::before {
    border-bottom-color: #c33343
}

.tooltip.error .tooltip-inner {
    background-color: #c33343;
    color: #e4e4e4
}

.tooltip.error .tooltip-inner a,
.tooltip.error .tooltip-inner a:active,
.tooltip.error .tooltip-inner a:visited {
    color: #e4e4e4;
    text-decoration: underline
}

.tooltip .tooltip-title {
    text-align: center;
    font-size: .875rem
}

.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-animated {
    opacity: 0;
    pointer-events: none;
    transition: opacity .5s
}

.tooltip-animated-exit-done {
    opacity: 0
}

.tooltip-animated-enter-done {
    opacity: 1
}

@media screen and (max-width:1023px) {
    .tooltip.mobile-relative {
        display: block;
        max-width: initial;
        position: relative;
        transform: none !important;
        font-size: .75rem
    }

    .tooltip.mobile-relative::before {
        display: none
    }

    .tooltip.mobile-relative .tooltip-inner {
        background: 0 0;
        border: none;
        box-shadow: none;
        color: #de5b64;
        max-width: none
    }

    .tooltip.mobile-relative .tooltip-inner:before {
        display: none
    }

    .tooltip.mobile-relative.error .tooltip-inner {
        background: 0 0;
        color: #de5b64
    }
}

.avatar {
    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;
    align-items: center;
    font-size: 5px;
    justify-content: center;
    height: 100%;
    line-height: 1;
    position: relative;
    text-align: center;
    text-transform: capitalize;
    vertical-align: middle;
    text-decoration: none;
    width: 100%
}

.avatar:hover {
    text-decoration: none
}

.avatar-border {
    border: 1em solid currentColor;
    color: #7d7d7e
}

.avatar .live-badge {
    background: #e71a39;
    bottom: -8px;
    border: 3px solid #262626;
    border-radius: 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: 0px;
    position: absolute;
    right: 0px;
    display: flex;
    flex-direction: row
}

.avatar .award-place .badge-place {
    margin: 0px
}

.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 {
    height: 40%;
    width: 40%;
    color: #fff;
    margin: 0 !important
}

.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 {
    position: absolute;
    left: 0;
    top: 0;
    background-color: rgba(209, 157, 0, .8);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    width: 100%;
    height: 100%;
    overflow: hidden
}

.avatar-moderation .icon-clock {
    fill: #f8f8f8;
    width: 33px;
    height: 33px
}

.avatar-moderation-text {
    margin-top: 6px;
    color: #f8f8f8;
    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;
    fill: #7e7e7e;
    display: flex;
    flex-direction: row
}

.username .username-icon-box-note .icon {
    height: 12px;
    margin: 0 0 0 5px;
    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 {
    color: #69a8e0
}

.username.admin.colored .username-content-link {
    color: #69a8e0
}

.username.model.colored {
    color: #f14b57
}

.username.model.colored .username-content-link {
    color: #f14b57
}

.username.gold.colored,
.username.knight.colored {
    color: #e1ad5b
}

.username.gold.colored .icon-star-in-circle,
.username.knight.colored .icon-star-in-circle {
    color: #e1ad5b
}

.username.gold.colored .username-content-link,
.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 {
    width: 11px;
    height: 11px;
    margin: 0;
    margin-bottom: 2px;
    color: #8d8d8d;
    transition: color .15s ease-in-out
}

.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: 0px;
    top: 0px
}

.island {
    background-color: #af262f;
    background-color: var(--primary-modal);
    border: none;
    border-radius: 8px
}

.island .island-title {
    color: #fff
}

.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 .suggestion,
.island-small .suggestion {
    font-size: .75rem
}

.island-medium .link,
.island-small .link {
    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
}

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

    .island-medium .tooltip-inner,
    .island-small .tooltip-inner {
        padding: 0
    }
}

.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
}

.login {
    display: inline-block;
    position: relative;
    vertical-align: top
}

.login__title {
    color: #f8f8f8;
    font-weight: 700;
    margin-bottom: 30px;
    opacity: .8;
    font-size: 1.5rem;
    line-height: 1.75rem
}

.login__description {
    color: #f8f8f8;
    margin-bottom: 24px;
    margin-top: -15px;
    opacity: .8;
    white-space: pre;
    font-size: .938rem;
    line-height: 1.313rem
}

.login__header {
    display: flex;
    justify-content: flex-end
}

.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: all .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 {
    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: 0px 20px 40px rgba(0, 0, 0, .5);
    padding: 35px 35px 20px;
    text-align: center;
    width: 320px
}

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

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

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

.login__form-and-social-auth {
    display: flex;
    flex-direction: column
}

.login__footer {
    padding: 10px 0;
    text-align: center
}

.login__footer-link {
    color: #fff;
    font-weight: 500;
    opacity: .8;
    font-size: .75rem;
    line-height: .938rem
}

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

.header-top {
    background: #a2252d;
    background: var(--primary);
    height: 54px;
    opacity: 1;
    display: flex;
    flex-direction: row;
    transition: all 150ms ease-in-out 0s
}

@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-top .hidden {
    display: none
}

@media screen and (max-width:479px) {
    .header-top-logo-with-sidebar {
        padding: 0 4px;
        margin-left: 0
    }
}

.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 {
    margin-right: 12px;
    margin-left: 10px;
    color: rgba(248, 248, 248, .8)
}

.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: all 40ms ease-in-out 0s
}

.header-top .header-top-favorites.active .icon:not(.icon-dot):not(.icon-add) {
    fill: #fff
}

.header-top .header-top-favorites-tooltip {
    max-width: 320px;
    padding: 8px 2px
}

.header-top .header-top-favorites-tooltip .tooltip-arrow {
    border-bottom-color: #4d4d4d;
    border-width: 0 8px 8px;
    left: calc(50% - 8px)
}

.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
}

@media screen and (min-width:640px) and (max-width:1023px) {
    .header-top-container {
        padding-left: 0
    }
}

@media screen and (min-width:480px) and (max-width:639px) {
    .header-top-container {
        padding-left: 0
    }
}

.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 {
    display: inline-block;
    vertical-align: top;
    border-color: transparent
}

.header-top-container nav .nav-button>.btn {
    margin: 10px;
    padding: 0 15px;
    line-height: 30px;
    border-color: transparent;
    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; */
    padding: 0 10px 0 0;
    position: relative;
    text-decoration: none;
    transition: color 120 120;
    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 {
    padding: 18px 22px;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center
}

@media screen and (max-width:1023px) {
    .header-top-container nav .sidebar-trigger {
        padding: 18px
    }
}

@media screen and (max-width:479px) {
    .header-top-container nav .sidebar-trigger {
        padding: 18px 12px
    }
}

.header-top-container nav .sidebar-trigger-icon {
    width: 20px;
    height: 20px
}

@media (hover:hover) {
    .header-top-container nav .sidebar-trigger:hover {
        background-color: #912229;
        background-color: var(--primary-dark)
    }
}

.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
}

@media screen and (max-width:1023px) {
    .header-top-container .icon-best-models {
        margin-right: 0
    }
}

@media screen and (max-width:1599px) {
    .header-top-container nav.nav-right {
        padding-right: 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
}

@media screen and (max-width:767px) {
    .header-top:not(.guest) .header-top-container nav .nav-link.header-top-favorites {
        display: none
    }
}

@media screen and (max-width:639px) {
    .header-top.guest .header-top-favorites {
        margin-right: 0
    }
}

@media screen and (max-width:479px) {
    .header-top .header-top-container {
        padding: 0
    }

    .header-top .header-top-container nav.nav-left {
        flex: 1 1 50%
    }

    .header-top .header-top-container nav.nav-right {
        flex: 1 1 50%
    }
}

.header-top .header-top-container:not(.container) {
    padding-right: .75rem
}

@media screen and (max-width:479px) {
    .header-top .header-top-container:not(.container) {
        padding-right: 0
    }
}

@media screen and (min-width:480px) and (max-width:639px) {
    .header-top .header-top-container:not(.container) {
        padding-right: .75rem
    }
}

@media screen and (min-width:640px) {
    .header-top .header-top-container:not(.container) {
        padding-right: 1.125rem
    }
}

.header-top__phone-button {
    padding: 0 14px
}

@media screen and (max-width:1023px) {
    .header-top__phone-button {
        display: none !important
    }
}

@media (pointer:coarse) {
    .header-top__phone-button {
        display: none !important
    }
}

.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
}

@media screen and (max-width:600px) {
    .wrapper header .header-top {
        position: static
    }
}

.wrapper header .header-top--without-shadow {
    box-shadow: none
}

@media screen and (min-width:1280px) {
    .header-top-search-wrapper {
        display: block
    }
}

.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 .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;
    color: #fff;
    font-weight: 400;
    min-height: 48px;
    box-shadow: inset 0 -2px rgba(255, 255, 255, .04);
    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 12px;
    width: 34px
}

.model-chat .model-chat-timestamp {
    color: rgba(255, 255, 255, .4);
    display: inline-block;
    font-weight: 400;
    margin-right: 6px
}

.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: all 120ms ease-in-out 0s;
    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
}

@media screen and (min-width:1024px) {

    .model-chat .model-chat-nav-item.model-chat-nav-item-fanclub,
    .model-chat .model-chat-nav-item.plasma,
    .model-chat .model-chat-nav-item.whatsapp {
        display: none
    }
}

.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 0
}

.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 {
    color: #fff;
    box-shadow: inset 0 -2px #c22934;
    box-shadow: inset 0 -2px var(--primary-border)
}

.model-chat .model-chat-nav-item.selected.premium {
    box-shadow: inset 0 -2px #e9a63b
}

.model-chat .model-chat-container {
    height: 100%;
    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-private,
.model-chat .model-chat-public,
.model-chat .model-chat-users {
    height: 100%;
    left: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
    width: 100%;
    display: flex;
    flex-direction: column-reverse
}

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

    .model-chat .model-chat-private .chat-actions-wrapper,
    .model-chat .model-chat-public .chat-actions-wrapper {
        display: none
    }
}

.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: all 90ms ease-in-out 0s;
    border-color: transparent
}

.model-chat .model-chat-private-tab:not(.own) .model-chat-controls .btn-send>.icon {
    fill: #583b0b;
    transition: all 90ms ease-in-out 0s
}

@media (pointer:fine) {

    .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
    }

    .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
    }
}

.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.focus,
.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:focus {
    background: #e9a63b;
    color: #583b0b
}

.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.focus>.icon,
.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:focus>.icon {
    fill: #583b0b
}

.model-chat .model-chat-private-tab:not(.own) .model-chat-controls .btn-send .btn-loader-overlay {
    color: #583b0b;
    background-color: #e9a63b
}

@media (pointer:fine) {

    .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 {
        border-color: transparent
    }
}

.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.focus,
.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:focus {
    border-color: transparent
}

.model-chat .model-chat-content {
    height: 100%;
    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%;
    position: absolute;
    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
}

@media screen and (max-width:1023px) {
    .model-chat {
        height: 400px;
        margin-left: 0;
        padding-bottom: 0;
        position: relative
    }

    .model-chat .model-chat-container {
        flex-basis: 400px
    }

    .model-chat .model-chat-private,
    .model-chat .model-chat-public {
        flex-direction: column
    }

    .model-chat .model-chat-wrapper {
        display: flex;
        flex-direction: row
    }

    .model-chat .model-chat-nav {
        background-color: #363636;
        border-bottom: none;
        border-right: 1px solid rgba(255, 255, 255, .04);
        display: flex;
        flex-direction: column
    }

    .model-chat .model-chat-nav-item {
        height: 52px;
        justify-content: center;
        margin-left: 0;
        overflow: hidden;
        padding: 0;
        width: 52px;
        display: flex;
        flex-direction: column
    }

    .model-chat .model-chat-nav-item .icon-stripchat-logo {
        height: 20px;
        margin-right: 0;
        width: 20px
    }

    .model-chat .model-chat-nav-item .icon-locked {
        height: 25px;
        margin-right: 0;
        width: 25px
    }

    .model-chat .model-chat-nav-item .icon-user-tab {
        height: 17px;
        margin-right: 0;
        width: 17px
    }

    .model-chat .model-chat-nav-item .model-chat-nav-item-label {
        display: none
    }

    .model-chat .model-chat-nav-item .model-chat-nav-item-count {
        margin-left: 0;
        margin-top: 5px;
        font-size: .625rem;
        line-height: .625rem
    }

    .model-chat .model-chat-nav-item.selected,
    .model-chat .model-chat-nav-item.selected.premium {
        box-shadow: inset 2px 0 #c22934;
        box-shadow: inset 2px 0 var(--primary-border)
    }

    .model-chat .model-chat-error {
        bottom: initial;
        top: 0
    }

    .model-chat .model-chat-content {
        height: 100%;
        display: flex;
        flex-direction: column-reverse
    }
}

.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-disabled-curtain {
    align-items: center;
    display: flex;
    height: 100%;
    justify-content: center;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.model-chat-disabled-curtain-message {
    font-size: .813rem;
    background: #000;
    border-radius: 8px;
    color: rgba(255, 255, 255, .9);
    font-weight: 400;
    line-height: 140%;
    min-width: 250px;
    padding: 15px 30px;
    text-align: center
}

@media screen and (max-width:1023px) {
    .model-chat-actions-container-desktop {
        display: none
    }
}

@media screen and (min-width:1024px) {
    .model-chat-actions-container-mobile {
        display: none
    }
}

.model-chat__spam-detector {
    background: #fff;
    height: 100%;
    position: absolute;
    width: 100%
}

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

    .broadcast-container .view-cam-page-main .model-chat-private,
    .broadcast-container .view-cam-page-main .model-chat-public {
        flex-direction: column-reverse
    }

    .broadcast-container .view-cam-page-main .model-chat-wrapper {
        display: flex;
        flex-direction: column
    }

    .broadcast-container .view-cam-page-main .model-chat-nav {
        background-color: #212121;
        border-bottom: none;
        border-right: 0;
        flex: 1;
        flex-basis: auto;
        flex-grow: 0;
        flex-shrink: 0;
        display: flex;
        flex-direction: row
    }

    .broadcast-container .view-cam-page-main .model-chat-nav-item {
        padding: 0 18px;
        width: initial;
        display: flex;
        flex-direction: row
    }

    .broadcast-container .view-cam-page-main .model-chat-nav-item .model-chat-nav-item-label {
        display: inline
    }

    .broadcast-container .view-cam-page-main .model-chat-nav-item .icon-locked,
    .broadcast-container .view-cam-page-main .model-chat-nav-item .icon-stripchat-logo {
        flex-shrink: 0;
        margin-right: 8px !important
    }

    .broadcast-container .view-cam-page-main .model-chat-nav-item.chat-settings {
        padding: 0;
        position: absolute;
        width: 52px
    }

    .broadcast-container .view-cam-page-main .model-chat-nav-item.selected,
    .broadcast-container .view-cam-page-main .model-chat-nav-item.selected.premium {
        box-shadow: inset 0 -2px #c22934;
        box-shadow: inset 0 -2px var(--primary-border)
    }
}

@media screen and (pointer:fine) and (max-width:639px) {
    .broadcast-container .view-cam-page-main .model-chat-nav-item.chat-settings {
        display: none
    }

    .broadcast-container .view-cam-page-main .model-chat-nav-item .model-chat-nav-item-label {
        max-width: 100px
    }
}

.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: all
}

.model-chat.model-chat-fullscreen .model-chat-container {
    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;
    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%, #000 20%, #000 100%);
    mask-image: linear-gradient(to bottom, transparent 2%, #000 20%, #000 100%)
}

@media screen and (max-width:639px) {
    .model-chat.model-chat-fullscreen .model-chat-container .model-chat-content {
        width: 75%
    }
}

.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: 0px;
    position: static;
    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 .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;
    position: static
}

.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
}

@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%
    }
}

.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 {
    margin-bottom: 4px;
    order: 2;
    position: static
}

.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;
    height: auto;
    margin-top: auto;
    padding-bottom: 0;
    position: static;
    top: auto;
    z-index: 1
}

.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
}

@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 {
        width: 300px
    }

    .model-chat.model-chat-fullscreen.model-chat-fullscreen--focused .smiles-dropdown .smiles-list {
        width: 300px
    }
}

.model-chat-messages-wrapper {
    border-bottom: 1px solid #2e2e2e;
    height: 100%;
    position: relative
}

.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%)
}

@media screen and (max-width:1023px) {
    .model-chat-messages-wrapper {
        align-items: flex-start;
        height: auto;
        min-height: 100%;
        display: flex;
        flex-direction: row
    }

    .model-chat-messages-wrapper .messages {
        width: 100%;
        display: flex;
        flex-direction: column-reverse
    }

    .model-chat-normal .model-chat-messages-wrapper .messages .message:first-of-type {
        border-bottom: none !important;
        padding-bottom: 15px
    }

    .model-chat-normal .model-chat-messages-wrapper .messages .message:last-of-type {
        border-top: none !important;
        padding-top: 15px
    }
}

.model-list-container .model-list {
    clear: both;
    flex-wrap: wrap;
    height: auto;
    margin: -5px;
    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;
    line-height: 1.22;
    margin-bottom: 8px;
    font-weight: 500;
    color: #fff
}

.model-list-container .model-list.too-strict-filters .too-strict-filters__what-next {
    font-size: .875rem;
    line-height: 1.28;
    font-weight: 500;
    color: #f8f8f8;
    opacity: .6
}

.model-list-container .model-list.no-results {
    border-radius: 4px;
    justify-content: center;
    margin: 20px 0;
    padding: 2rem 0
}

.model-list-container .model-list.no-results .no-search-results {
    margin-top: 20px;
    opacity: .8;
    text-align: center;
    width: 100%;
    font-size: .938rem
}

.model-list-container .model-list.no-results .icon {
    color: grey
}

.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 .video-list-item-placeholder {
    height: 110px;
    width: 0
}

.empty-paginated-model-list {
    clear: both;
    flex-wrap: wrap;
    margin: -5px;
    height: 220px;
    margin: 20px 0;
    padding: 0 !important;
    align-items: center;
    justify-content: center;
    display: flex;
    flex-direction: column
}

.empty-paginated-model-list .empty-list-icon,
.empty-paginated-model-list .icon-user-guest-1 {
    color: rgba(248, 248, 248, .4);
    fill: currentColor;
    height: 30px;
    margin: 0;
    width: 100px
}

.empty-paginated-model-list .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
}

.not-found-wrapper .model-list,
.view-cam-page-wrapper .model-list {
    padding: 10px 0 0
}

.video-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
}

@media screen and (max-width:479px) {
    .model-list-container .model-list.no-results {
        margin: 0;
        padding: 2rem 10px
    }

    .model-list-container .video-list-item {
        flex-basis: 50%;
        max-width: 50%
    }

    .view-cam-container .model-list-container .video-list-item:nth-child(6)~.video-list-item {
        display: none
    }
}

@media screen and (min-width:480px) and (max-width:639px) {
    .model-list-container .video-list-item {
        flex-basis: 33.3333%;
        max-width: 33.3333%
    }

    .view-cam-container .model-list-container .video-list-item:nth-child(9)~.video-list-item {
        display: none
    }
}

@media screen and (min-width:640px) and (max-width:1023px) {
    .model-list-container .video-list-item {
        flex-basis: 25%;
        max-width: 25%
    }

    .view-cam-container .model-list-container .video-list-item:nth-child(12)~.video-list-item {
        display: none
    }
}

@media screen and (min-width:1024px) {
    .model-list-container .tokens-giveaway-banner-container {
        display: none !important
    }
}

@media screen and (min-width:1024px) and (max-width:1365px) {
    .model-list-container .video-list-item {
        flex-basis: 20%;
        max-width: 20%
    }

    .view-cam-container .model-list-container .video-list-item:nth-child(15)~.video-list-item {
        display: none
    }
}

@media screen and (min-width:1366px) and (max-width:1599px) {
    .model-list-container .video-list-item {
        flex-basis: 16.6666%;
        max-width: 16.6666%
    }

    .view-cam-container .model-list-container .video-list-item:nth-child(18)~.video-list-item {
        display: none
    }
}

@media screen and (min-width:1600px) {
    .model-list-container .video-list-item {
        flex-basis: 16.6666%;
        max-width: 16.6666%
    }
}

@media screen and (min-width:1600px) {
    .widescreen-container>.model-list-container .video-list-item {
        flex-basis: 14.2857%;
        max-width: 14.2857%
    }
}

@media screen and (min-width:1024px) and (max-width:1365px) {

    .favorites-page .video-list-item,
    .index-page .video-list-item,
    .search-page .video-list-item {
        flex-basis: 20%;
        max-width: 20%
    }
}

@media screen and (min-width:1366px) and (max-width:1599px) {

    .favorites-page .video-list-item,
    .index-page .video-list-item,
    .search-page .video-list-item {
        flex-basis: 16.6666%;
        max-width: 16.6666%
    }
}

@media screen and (min-width:1600px) {

    .favorites-page .video-list-item,
    .index-page .video-list-item,
    .search-page .video-list-item {
        flex-basis: 16.6666%;
        max-width: 16.6666%
    }
}

@media screen and (pointer:coarse) and (min-width:1024px) and (max-width:1365px) {

    .favorites-page .video-list-item,
    .index-page .video-list-item,
    .search-page .video-list-item {
        flex-basis: 25%;
        max-width: 25%
    }
}

@media screen and (pointer:coarse) and (min-width:1366px) and (max-width:1599px) {

    .favorites-page .video-list-item,
    .index-page .video-list-item,
    .search-page .video-list-item {
        flex-basis: 20%;
        max-width: 20%
    }
}

.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: 100;
    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-bottom: 10px;
    padding-left: 0;
    padding-right: 0;
    padding-top: 0
}

.modal-wrapper .modal-content.modal-header-inside>.modal-header {
    padding-bottom: 10px;
    padding-left: 10px;
    padding-right: 42px;
    padding-top: 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: 0px
}

.modal-wrapper .modal-content.close-btn-on-fullscreen {
    height: auto;
    max-width: 1200px
}

.modal-wrapper .modal-content.close-btn-on-fullscreen .modal-body {
    top: 40px;
    padding: 0 30px;
    bottom: 10px;
    height: auto
}

.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, .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
}

@media screen and (max-width:1023px) {
    .modal-wrapper .modal-header.top-placed .button-close {
        right: 10px;
        top: 10px
    }
}

.modal-wrapper .modal-body {
    padding: 20px
}

.modal-wrapper.default-modal .modal-content {
    min-height: 50%;
    min-width: 50%
}

@media screen and (max-width:1023px) {
    .modal-wrapper.default-modal .modal-content {
        min-width: 90%
    }
}

.modal-wrapper .tooltip {
    z-index: 601
}

.ucbrowser .modal-header .button-close {
    float: right
}

.modal-base-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background-color: rgba(0, 0, 0, .8);
    z-index: 100
}

.modal-base-body {
    border: 0;
    margin: 0;
    padding: 0;
    position: initial;
    background: 0 0;
    height: auto;
    width: auto;
    width: -moz-fit-content;
    width: fit-content
}

.modal-ds-close-icon {
    color: rgba(248, 248, 248, .4);
    padding: 0;
    height: 14px;
    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 {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100%;
    background-color: rgba(0, 0, 0, .8);
    z-index: 100;
    padding: 20px;
    padding-top: 40px;
    align-items: center;
    justify-content: center;
    display: flex;
    flex-direction: row
}

.modal-ds-overlay__close-outside {
    cursor: pointer
}

.modal-ds-overlay__close-outside:hover .modal-ds-close-icon {
    color: #f8f8f8
}

.modal-ds-close-icon-top-right {
    position: absolute;
    top: 4px;
    right: 4px
}

.modal-ds-body {
    border: 0;
    margin: 0;
    padding: 0;
    position: initial;
    background: 0 0;
    height: auto;
    width: auto;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    justify-content: flex-start;
    flex-wrap: nowrap;
    margin-top: -20px;
    max-height: 100%;
    max-width: 100%;
    cursor: initial;
    color: #f8f8f8
}

.modal-ds-header {
    padding: 5px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: nowrap
}

.modal-ds-close-icon-in-header {
    margin-left: auto;
    position: relative;
    left: 2px;
    bottom: 5px;
    display: flex
}

.modal-ds-close-icon-disabled {
    opacity: 0
}

.modal-ds-content {
    background-color: #303133;
    border-radius: 12px;
    overflow-x: auto
}

.modal-ds-footer {
    padding: 5px
}

.fullscreen.modal-ds-overlay {
    padding-top: 20px
}

.fullscreen .modal-ds-body {
    width: 100%;
    height: 100%
}

.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
}

@media screen and (max-width:639px) {
    .page {
        padding-left: .75rem;
        padding-right: .75rem
    }
}

@media screen and (min-width:640px) {
    .page {
        padding-left: 10px;
        padding-right: 10px
    }
}

@media screen and (min-width:1600px) {
    .page {
        max-width: 1568px;
        padding-left: 0;
        padding-right: 0
    }
}

.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;
    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
}

.message-word-sticker {
    background-color: #4c4c4c;
    border-radius: 0 100px 100px 100px;
    display: inline-block;
    font-weight: 900;
    padding: 10px 20px
}

.message-word-sticker-new-messenger {
    padding: 0;
    border-radius: 0;
    background-color: transparent
}

.message-word-sticker-new-messenger .icon-vr {
    margin-right: 8px
}

.message-body-mention {
    border-radius: 2px;
    padding: 2px 3px
}

.message-body-mention-me {
    background-color: rgba(255, 255, 255, .8);
    color: #000
}

.message-body-mention-own {
    background-color: rgba(255, 255, 255, .2);
    color: #e1e1e1
}

.model-chat-fullscreen .message-body-mention-me {
    background-color: rgba(255, 255, 255, .8);
    color: #000
}

.model-chat-fullscreen .message-body-mention-own {
    background-color: rgba(255, 255, 255, .2);
    color: #e1e1e1
}

.feed-confirm {
    max-width: 320px;
    padding: 30px
}

.feed-confirm .text {
    font-size: 18px;
    font-weight: 700;
    letter-spacing: normal;
    line-height: 22px
}

.feed-confirm .additional-text {
    color: rgba(248, 248, 248, .6);
    margin-top: 20px;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: normal;
    line-height: normal
}

.feed-confirm .controls {
    margin-top: 0
}

.feed-confirm button {
    font-weight: 700;
    margin-bottom: 0;
    margin-top: 20px
}

.feed-confirm button:first-child {
    margin-right: 20px
}

.close-icon {
    cursor: pointer;
    margin: 0;
    pointer-events: initial;
    color: rgba(248, 248, 248, .4);
    fill: currentColor;
    transition: color 50ms ease-in-out
}

.close-icon:hover {
    color: rgba(248, 248, 248, .88)
}

.close-icon-small {
    padding: 4px;
    height: 20px;
    width: 20px
}

.close-icon-medium {
    padding: 9px;
    height: 32px;
    width: 32px
}

.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
}

.select-tooltip {
    position: fixed;
    left: 0;
    top: 0;
    z-index: 499
}

.smiles-dropdown {
    float: right;
    pointer-events: all;
    touch-action: none
}

.smiles-dropdown .smiles-list {
    background: #383838;
    border: 1px solid #2e2e2e;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    bottom: 50px;
    display: block;
    left: 5%;
    line-height: 40px;
    margin: 0;
    position: absolute;
    right: 10px;
    width: 90%;
    z-index: 10
}

.smiles-dropdown .trigger {
    border: none;
    background: 0 0;
    cursor: pointer;
    height: 40px;
    width: auto
}

.smiles-dropdown .trigger>.icon {
    align-items: center;
    justify-content: center;
    display: flex;
    flex-direction: row;
    fill: #d8d8d8;
    margin: 0;
    transition: all .15s linear;
    opacity: .4
}

.smiles-dropdown .trigger>.icon.active {
    fill: #ffdd80;
    opacity: 1 !important;
    transform: scale(1.1, 1.1)
}

.smiles-dropdown .scroll-bar-container {
    max-height: 300px;
    padding: 10px
}

.model-chat .smiles-dropdown .smiles-list {
    bottom: 50px;
    top: initial
}

@media (pointer:fine) {
    .smiles-dropdown .trigger:hover>.icon {
        fill: #ffdd80;
        opacity: 1 !important;
        transform: scale(1.1, 1.1)
    }
}

@media screen and (max-width:1023px) and (pointer:coarse) {
    .model-chat .smiles-dropdown .smiles-list {
        bottom: initial;
        top: 54px
    }
}

.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-w500 {
    font-size: 15px;
    font-weight: 500;
    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 {
    font-size: 30px;
    font-weight: 500;
    letter-spacing: normal;
    line-height: normal
}

.text-title-l0 {
    font-size: 30px;
    font-weight: 500;
    letter-spacing: normal;
    line-height: normal
}

@media screen and (max-width:639px) {
    .text-title-l0 {
        font-size: 26px;
        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
}

@media screen and (max-width:639px) {
    .text-title-l1 {
        font-size: 17px;
        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
}

@media screen and (max-width:639px) {
    .text-title-l2 {
        font-size: 16px;
        font-weight: 500;
        letter-spacing: normal;
        line-height: normal
    }
}

.tooltip-v2-portal-container {
    position: relative
}

.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(0px 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;
    position: relative;
    display: flex;
    flex-direction: row
}

.award-place .title-place {
    color: #fff;
    font-weight: 700;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    font-size: 1.375rem
}

.award-place .icon {
    fill: #7b7b7b;
    margin: 0
}

.award-place .icon-medal-1,
.award-place .icon-medal-2,
.award-place .icon-medal-3 {
    height: 26px;
    width: 20px
}

.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-royal::before {
    box-shadow: 0 0 35px 5px rgba(255, 26, 26, .5)
}

.level-badge-league-legend::before {
    box-shadow: 0 0 35px 5px rgba(255, 26, 26, .5)
}

.level-badge-size-small {
    height: 22px;
    width: 22px
}

.level-badge-size-regular {
    height: 30px;
    width: 30px
}

.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 {
    overflow: hidden;
    position: absolute;
    height: 0
}

.level-badge svg {
    display: block
}

.level-badge-stroke {
    fill-opacity: 0;
    stroke: #fff;
    stroke-opacity: .15;
    stroke-width: 4
}

.image-background {
    position: absolute;
    overflow: hidden;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    height: 100%;
    width: 100%
}

.image-background--contain {
    background-size: contain
}

.image-background--is-round {
    border-radius: 50%
}

.image-background__image {
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
    height: 100%
}

.image-background__image--object-fit-contain {
    -o-object-fit: contain;
    object-fit: contain
}

.image-background__image--is-hidden {
    opacity: 0
}

.image-background__image--blur {
    filter: blur(8px)
}

.user-status-icon {
    border-radius: 100%
}

.user-status-icon.offline {
    background-color: #666
}

.user-status-icon.online {
    background-color: #9fe20d
}

@media screen and (max-width:639px) {
    .personal-notifications-settings-overlay {
        bottom: 0;
        left: 0;
        position: fixed;
        right: 0;
        top: 0;
        z-index: 10
    }
}

.personal-notifications-settings {
    animation: opacity-fade-show .2s;
    background: #3e3f42;
    border-radius: 8px;
    box-shadow: 0 1px 20px rgba(0, 0, 0, .25);
    cursor: default;
    display: flex;
    flex-flow: column nowrap;
    padding: 10px 20px;
    position: absolute;
    right: 31px;
    text-decoration: none;
    top: 33px;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    width: 350px;
    z-index: 11
}

.personal-notifications-settings-line {
    background: #f8f8f8;
    height: 1px;
    margin: 12px 0 10px;
    opacity: .1
}

.personal-notifications-settings-question {
    align-items: center;
    border: 1px solid currentColor;
    border-radius: 50%;
    display: inline-flex;
    font-size: 11px;
    height: 14px;
    justify-content: center;
    margin: 0 0 0 6px;
    width: 14px
}

.personal-notifications-settings-question .tooltip {
    pointer-events: none
}

.personal-notifications-settings.is-hiding {
    animation: opacity-fade-hide .1s
}

.personal-notifications-settings-arrow-up {
    border-bottom: 5px solid #3e3f42;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    height: 0;
    position: absolute;
    right: 20px;
    top: -5px;
    width: 0
}

.personal-notifications-settings.top .personal-notifications-settings-arrow-up {
    bottom: -6px;
    top: unset;
    transform: translate(-50%, -50%) rotate(180deg)
}

.personal-notifications-settings.messenger-settings .personal-notifications-switcher {
    margin: 0 -20px;
    padding: 10px 20px
}

.personal-notifications-settings.messenger-settings .personal-notifications-switcher:hover {
    background-color: #303133;
    text-decoration: none
}

.personal-notifications-settings.dialog-settings .personal-notifications-switcher {
    margin: 0 -20px;
    padding: 10px 20px
}

.personal-notifications-settings.dialog-settings .personal-notifications-switcher:hover {
    background-color: #303133;
    text-decoration: none
}

.personal-notifications-settings h3 {
    font-size: 16px;
    font-weight: 500;
    letter-spacing: normal;
    line-height: normal;
    margin: 10px 0 12px
}

@media screen and (max-width:639px) {
    .personal-notifications-settings {
        bottom: 41px;
        left: 7px;
        right: 7px;
        top: unset;
        width: unset
    }

    .personal-notifications-settings .personal-notifications-settings-arrow-up {
        display: none
    }
}

.personal-notifications-switcher {
    font-size: 14px;
    font-weight: 500;
    letter-spacing: normal;
    line-height: 20px;
    align-items: center;
    cursor: pointer;
    justify-content: space-between;
    display: flex;
    transition: opacity .5s
}

.personal-notifications-switcher:hover {
    text-decoration: none
}

.personal-notifications-switcher.disabled {
    pointer-events: none;
    opacity: .6
}

.personal-notifications-switcher.personal-notifications-switcher__disabled {
    opacity: .6
}

.personal-notifications-switcher-name {
    align-items: center;
    color: rgba(248, 248, 248, .8);
    display: flex;
    flex: 1;
    padding-right: 12px;
    text-align: left
}

.personal-notifications-switcher-name .icon {
    color: #fff;
    fill: currentColor;
    height: 18px;
    margin: 0 16px 0 0;
    min-width: 18px;
    width: 18px
}

.personal-notifications-switcher .icon-arrow-right {
    color: rgba(248, 248, 248, .6);
    height: 18px;
    margin: 0;
    width: 18px
}

.personal-notifications-switcher .switcher {
    pointer-events: none
}

input.checkbox.size-normal+label {
    height: 18px;
    width: 18px
}

input.checkbox.size-large+label {
    height: 28px;
    width: 28px
}

input.checkbox.theme-primary+label {
    background: 0 0;
    background-repeat: no-repeat;
    background-size: contain;
    border: 2px solid #34b353;
    border-radius: 2px;
    color: #000;
    margin: 0;
    padding: 0;
    text-align: center
}

input.checkbox.theme-primary:checked+label {
    background-color: #34b353;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='100' height='100' xmlns='http://www.w3.org/2000/svg' xmlns:svg='http://www.w3.org/2000/svg'%3E%3Cg fill='%23000'%3E%3Cpath d='M100 27.7L85.3 13l-45 45.1-25.6-25.6L0 47.1l40.3 40.3' /%3E%3C/g%3E%3C/svg%3E")
}

input.checkbox.theme-primary:checked+label:hover {
    background-color: #34c753;
    border-color: #34c753
}

input.checkbox.theme-primary:disabled+label {
    border-color: #fff;
    pointer-events: none
}

input.checkbox.theme-primary:disabled:checked+label {
    background-color: #fff
}

input.checkbox.theme-primary-classic+label {
    background: 0 0;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 70%;
    border: 2px solid #79943d;
    border-radius: 4px;
    color: #fff;
    margin: 0;
    padding: 0;
    text-align: center
}

input.checkbox.theme-primary-classic+label:hover {
    opacity: .9
}

input.checkbox.theme-primary-classic:checked+label {
    background-color: #79943d;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='100' height='100' xmlns='http://www.w3.org/2000/svg'%3E%3Cg%3E%3Cpolygon fill='%23fff' points='41.025641 80.3418803 100 21.3675214 89.7435897 11.1111111 30.7692308 70.0854701 10.2564103 49.5726496 0 59.8290598 20.5128205 80.3418803 30.7692308 90.5982906' /%3E%3C/g%3E%3C/svg%3E")
}

input.checkbox.theme-primary-classic:disabled+label {
    border-color: #fff;
    pointer-events: none
}

input.checkbox.theme-primary-classic:disabled:checked+label {
    background-color: #fff
}

input.checkbox.theme-primary.editable-item-checkbox-input+label {
    border-color: rgba(255, 255, 255, .9);
    opacity: 1
}

input.checkbox.theme-primary.editable-item-checkbox-input+label:hover {
    border-color: #fff;
    opacity: 1
}

input.checkbox.theme-primary.editable-item-checkbox-input:checked+label,
input.checkbox.theme-primary.editable-item-checkbox-input:checked+label:hover {
    background-color: #fff;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='100' height='100' xmlns='http://www.w3.org/2000/svg' xmlns:svg='http://www.w3.org/2000/svg'%3E%3Cg fill='%23000'%3E%3Cpath d='M100 27.7L85.3 13l-45 45.1-25.6-25.6L0 47.1l40.3 40.3' /%3E%3C/g%3E%3C/svg%3E");
    border-color: #fff
}

.likes-counter {
    font-size: 13px;
    font-weight: 700;
    letter-spacing: normal;
    line-height: normal;
    align-items: center;
    color: #f8f8f8;
    cursor: default;
    display: flex;
    opacity: .6
}

.likes-counter.long-format {
    font-size: 15px;
    font-weight: 700;
    letter-spacing: normal;
    line-height: normal
}

.likes-counter.clickable {
    cursor: pointer;
    opacity: 1
}

.likes-counter.clickable:hover .like-icon:not(.liked) {
    transform: scale(1.2)
}

.likes-counter .like-icon {
    color: #f8f8f8;
    fill: currentColor;
    margin-right: 5px;
    transition: transform 150ms;
    width: 20px
}

.likes-counter .like-icon.liked.liked {
    color: #f14b57
}

.likes-counter .attention-please {
    animation-duration: 650ms;
    animation-name: pulse
}

@keyframes pulse {
    from {
        transform: scale3d(1.2, 1.2, 1.2)
    }

    50% {
        transform: scale3d(1.4, 1.4, 1.4)
    }

    to {
        transform: scale3d(1, 1, 1)
    }
}

.user-levels-username {
    align-items: center;
    display: inline-flex;
    max-width: 100%;
    text-decoration: none
}

.user-levels-username-text {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 0.95rem;
    font-weight: bold;
}

.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 {
    color: #b3b3b3
}

.user-levels-username-guest {
    color: #b3b3b3
}

.user-levels-username-model {
    color: #f14b57
}

.user-levels-username-admin {
    color: #69a8e0
}

.color-league-default {
    color: #f8f8f8
}

.color-league-default:hover {
    color: #f8f8f8
}

.color-league-blue {
    color: #69a8e0
}

.color-league-blue:hover {
    color: #69a8e0
}

.color-league-ultimate {
    color: #e54500
}

.color-league-ultimate:hover {
    color: #e54500
}

.color-league-grey {
    color: #9f9f9f
}

.color-league-grey:hover {
    color: #9f9f9f
}

.color-league-bronze {
    color: #de884a
}

.color-league-bronze:hover {
    color: #de884a
}

.color-league-silver {
    color: #c9e7fe
}

.color-league-silver:hover {
    color: #c9e7fe
}

.color-league-gold {
    color: #ffad22
}

.color-league-gold:hover {
    color: #ffad22
}

.color-league-diamond {
    color: #d424ff
}

.color-league-diamond:hover {
    color: #d424ff
}

.color-league-royal {
    color: #ff1a1a
}

.color-league-royal:hover {
    color: #ff1a1a
}

.color-league-legend {
    color: #ff1a1a
}

.color-league-legend:hover {
    color: #ff1a1a
}

.css-tooltip-top {
    display: inline-block;
    position: relative
}

.css-tooltip-top::after {
    background-color: #111;
    border-radius: 4px;
    color: #e1e1e1;
    padding: 8px 10px;
    text-align: center;
    text-transform: none;
    font-size: 11px;
    font-weight: 400;
    letter-spacing: normal;
    line-height: normal;
    white-space: nowrap;
    box-shadow: 0px 2px 4px transparent, 0px 0px 4px transparent;
    content: attr(data-tooltip);
    opacity: 0;
    position: absolute;
    -webkit-transition-property: opacity, -webkit-transform;
    transition-property: opacity, -webkit-transform;
    transition-property: opacity, transform;
    transition-duration: .15s;
    transition-timing-function: ease-in-out;
    z-index: 1000;
    pointer-events: none;
    top: 0%;
    left: 50%;
    transform: translate(-50%, calc(-100% - 5px + 10px - 0px))
}

@media (prefers-reduced-motion) {
    .css-tooltip-top::after {
        transition-property: opacity
    }
}

.css-tooltip-top::before {
    border-style: solid;
    border-width: 5px;
    content: "";
    opacity: 0;
    position: absolute;
    -webkit-transition-property: opacity, -webkit-transform;
    transition-property: opacity, -webkit-transform;
    transition-property: opacity, transform;
    transition-duration: .15s;
    transition-timing-function: ease-in-out;
    pointer-events: none;
    z-index: 1001;
    border-color: #111 transparent transparent transparent;
    top: -5px;
    left: 50%;
    margin-left: -5px;
    transform: translateY(calc(10px - 0px))
}

@media (prefers-reduced-motion) {
    .css-tooltip-top::before {
        transition-property: opacity
    }
}

.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;
    color: #e1e1e1;
    padding: 8px 10px;
    text-align: center;
    text-transform: none;
    font-size: 11px;
    font-weight: 400;
    letter-spacing: normal;
    line-height: normal;
    white-space: nowrap;
    box-shadow: 0px 2px 4px transparent, 0px 0px 4px transparent;
    content: attr(data-tooltip);
    opacity: 0;
    position: absolute;
    -webkit-transition-property: opacity, -webkit-transform;
    transition-property: opacity, -webkit-transform;
    transition-property: opacity, transform;
    transition-duration: .15s;
    transition-timing-function: ease-in-out;
    z-index: 1000;
    pointer-events: none;
    bottom: 0%;
    left: 50%;
    transform: translate(-50%, calc(100% + 5px - 10px + 0px))
}

@media (prefers-reduced-motion) {
    .css-tooltip-bottom::after {
        transition-property: opacity
    }
}

.css-tooltip-bottom::before {
    border-style: solid;
    border-width: 5px;
    content: "";
    opacity: 0;
    position: absolute;
    -webkit-transition-property: opacity, -webkit-transform;
    transition-property: opacity, -webkit-transform;
    transition-property: opacity, transform;
    transition-duration: .15s;
    transition-timing-function: ease-in-out;
    pointer-events: none;
    z-index: 1001;
    border-color: transparent transparent #111 transparent;
    bottom: -5px;
    left: 50%;
    margin-left: -5px;
    transform: translateY(calc(-10px + 0px))
}

@media (prefers-reduced-motion) {
    .css-tooltip-bottom::before {
        transition-property: opacity
    }
}

.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;
    color: #e1e1e1;
    padding: 8px 10px;
    text-align: center;
    text-transform: none;
    font-size: 11px;
    font-weight: 400;
    letter-spacing: normal;
    line-height: normal;
    white-space: nowrap;
    box-shadow: 0px 2px 4px transparent, 0px 0px 4px transparent;
    content: attr(data-tooltip);
    opacity: 0;
    position: absolute;
    -webkit-transition-property: opacity, -webkit-transform;
    transition-property: opacity, -webkit-transform;
    transition-property: opacity, transform;
    transition-duration: .15s;
    transition-timing-function: ease-in-out;
    z-index: 1000;
    pointer-events: none;
    top: 50%;
    left: 0%;
    transform: translate(calc(-100% - 5px + 10px - 0px), -50%)
}

@media (prefers-reduced-motion) {
    .css-tooltip-left::after {
        transition-property: opacity
    }
}

.css-tooltip-left::before {
    border-style: solid;
    border-width: 5px;
    content: "";
    opacity: 0;
    position: absolute;
    -webkit-transition-property: opacity, -webkit-transform;
    transition-property: opacity, -webkit-transform;
    transition-property: opacity, transform;
    transition-duration: .15s;
    transition-timing-function: ease-in-out;
    pointer-events: none;
    z-index: 1001;
    border-color: transparent transparent transparent #111;
    top: 50%;
    left: -5px;
    margin-top: -5px;
    transform: translateX(calc(10px - 0px))
}

@media (prefers-reduced-motion) {
    .css-tooltip-left::before {
        transition-property: opacity
    }
}

.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;
    color: #e1e1e1;
    padding: 8px 10px;
    text-align: center;
    text-transform: none;
    font-size: 11px;
    font-weight: 400;
    letter-spacing: normal;
    line-height: normal;
    white-space: nowrap;
    box-shadow: 0px 2px 4px transparent, 0px 0px 4px transparent;
    content: attr(data-tooltip);
    opacity: 0;
    position: absolute;
    -webkit-transition-property: opacity, -webkit-transform;
    transition-property: opacity, -webkit-transform;
    transition-property: opacity, transform;
    transition-duration: .15s;
    transition-timing-function: ease-in-out;
    z-index: 1000;
    pointer-events: none;
    top: 0;
    left: 0%;
    transform: translate(calc(-100% - 5px + 10px - 0px), -5px)
}

@media (prefers-reduced-motion) {
    .css-tooltip-top-left::after {
        transition-property: opacity
    }
}

.css-tooltip-top-left::before {
    border-style: solid;
    border-width: 5px;
    content: "";
    opacity: 0;
    position: absolute;
    -webkit-transition-property: opacity, -webkit-transform;
    transition-property: opacity, -webkit-transform;
    transition-property: opacity, transform;
    transition-duration: .15s;
    transition-timing-function: ease-in-out;
    pointer-events: none;
    z-index: 1001;
    border-color: transparent transparent transparent #111;
    top: 50%;
    left: -5px;
    margin-top: -5px;
    transform: translateX(calc(10px - 0px))
}

@media (prefers-reduced-motion) {
    .css-tooltip-top-left::before {
        transition-property: opacity
    }
}

.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;
    color: #e1e1e1;
    padding: 8px 10px;
    text-align: center;
    text-transform: none;
    font-size: 11px;
    font-weight: 400;
    letter-spacing: normal;
    line-height: normal;
    white-space: nowrap;
    box-shadow: 0px 2px 4px transparent, 0px 0px 4px transparent;
    content: attr(data-tooltip);
    opacity: 0;
    position: absolute;
    -webkit-transition-property: opacity, -webkit-transform;
    transition-property: opacity, -webkit-transform;
    transition-property: opacity, transform;
    transition-duration: .15s;
    transition-timing-function: ease-in-out;
    z-index: 1000;
    pointer-events: none;
    top: 50%;
    right: 0%;
    transform: translate(calc(100% + 5px - 10px + 0px), -50%)
}

@media (prefers-reduced-motion) {
    .css-tooltip-right::after {
        transition-property: opacity
    }
}

.css-tooltip-right::before {
    border-style: solid;
    border-width: 5px;
    content: "";
    opacity: 0;
    position: absolute;
    -webkit-transition-property: opacity, -webkit-transform;
    transition-property: opacity, -webkit-transform;
    transition-property: opacity, transform;
    transition-duration: .15s;
    transition-timing-function: ease-in-out;
    pointer-events: none;
    z-index: 1001;
    border-color: transparent #111 transparent transparent;
    top: 50%;
    right: -5px;
    margin-top: -5px;
    transform: translateX(calc(-10px + 0px))
}

@media (prefers-reduced-motion) {
    .css-tooltip-right::before {
        transition-property: opacity
    }
}

.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 {
    white-space: pre;
    text-align: left !important
}

.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 {
    vertical-align: bottom;
    align-items: baseline
}

.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 {
    margin: 0 .3em 0 0
}

.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(/theme/stripchat/svg/iltimate-star.svg) no-repeat center;
    height: 18px;
    width: 18px;
    background-size: 100%
}

.user-level-ultimate-badge-size-regular {
    background: url(/theme/stripchat/svg/iltimate-star.svg) no-repeat center;
    height: 30px;
    width: 30px;
    background-size: 100%
}

.user-level-ultimate-badge-size-big {
    background: url(/theme/stripchat/svg/iltimate-star.svg) no-repeat center;
    height: 50px;
    width: 50px;
    background-size: 100%
}

.user-level-ultimate-badge-light {
    background-image: url(/assets/common/images/levels/ultimate-star-light.svg)
}

.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: 500;
    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
}

.user-photo-upload-cut-modal .base-modal {
    border-radius: 3px;
    display: inline-flex !important;
    flex-direction: column;
    height: 800px;
    max-height: calc(100% - 10px * 2);
    max-width: calc(100% - 10px * 2);
    width: 692px
}

@media screen and (max-width:480px) {
    .user-photo-upload-cut-modal .base-modal {
        height: calc(100% - 10px * 2);
        min-height: 0;
        min-width: 0;
        width: calc(100% - 10px * 2)
    }
}

.user-photo-upload-cut-modal .modal-content {
    display: inline-flex !important;
    flex-direction: column;
    height: 100%;
    padding: 10px 20px 20px !important
}

.user-photo-upload-cut-modal .modal-content .text {
    display: block;
    font-size: .875rem;
    line-height: 1.25rem
}

.user-photo-upload-cut-modal .modal-footer .btn-default-outline {
    color: #fff
}

.user-photo-upload-cut-modal .photo-cut-source-container {
    cursor: move;
    display: block;
    flex-grow: 1;
    flex-shrink: 1;
    margin: 10px 0;
    overflow: hidden;
    position: relative;
    text-align: left;
    font-size: .875rem;
    line-height: 1.25rem
}

@media (pointer:coarse) {
    .user-photo-upload-cut-modal .photo-cut-source-container .photo-cut-frame-wrapper {
        pointer-events: none
    }
}

body.touch .user-photo-upload-cut-modal .photo-cut-source-container .photo-cut-frame-wrapper {
    pointer-events: none
}

.user-photo-upload-cut-modal .photo-cut-source-container .photo-cut-canvas {
    left: 0;
    position: absolute;
    top: 0
}

.user-photo-upload-cut-modal .photo-cut-source-container .photo-cut-canvas-video {
    top: 50%;
    transform: translateY(-50%);
    width: 100%
}

.user-photo-upload-cut-modal .photo-cut-source-container .photo-cut-frame-wrapper {
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%)
}

.user-photo-upload-cut-modal .photo-cut-source-container .photo-cut-frame-wrapper .photo-cut-filler {
    margin-top: 100%
}

.user-photo-upload-cut-modal .photo-cut-source-container .photo-cut-frame-wrapper .photo-cut-frame {
    background: 0 0;
    border: 1px solid #fff;
    border-radius: 50%;
    box-shadow: 0 0 0 700px #303133;
    height: 100%;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 100%
}

.user-photo-upload-cut-modal.is-pending .modal-body>:not(.loader) {
    opacity: .33;
    pointer-events: none
}

.user-photo-upload-cut-modal .photo-cut-zoom-controls>.control {
    cursor: pointer;
    height: 60px;
    opacity: .5;
    position: absolute;
    right: 20px;
    width: 60px;
    z-index: 1
}

.user-photo-upload-cut-modal .photo-cut-zoom-controls>.control:hover {
    opacity: 1
}

.user-photo-upload-cut-modal .photo-cut-zoom-controls>.control>.icon {
    fill: #e8e8e8;
    height: 100%;
    margin: 0;
    width: 100%
}

.user-photo-upload-cut-modal .photo-cut-zoom-controls>.control.zoom-in {
    top: 20px
}

.user-photo-upload-cut-modal .photo-cut-zoom-controls>.control.zoom-out {
    bottom: 20px
}

@media screen and (max-width:480px) {
    .user-photo-upload-cut-modal .photo-cut-zoom-controls>.control {
        height: 40px;
        width: 40px
    }
}

.photo-review-pending-icon-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(0, 0, 0, .5);
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.photo-review-pending-icon-wrapper .icon {
    fill: rgba(255, 255, 255, .5);
    pointer-events: all
}

.photo-review-pending-icon-wrapper .icon:hover {
    fill: #fff
}

.photo-review-pending-icon-wrapper .photo-review-pending-tooltip {
    text-align: center
}

.photo-review-pending-icon-wrapper .photo-review-pending-tooltip .tooltip-header {
    color: #f8f8f8;
    font-weight: 700
}

.photo-review-pending-icon-wrapper .photo-review-pending-tooltip .tooltip-description {
    color: #b3b3b3
}

.videos-list-item {
    flex-shrink: 0;
    padding: 5px;
    transition: background-color .2s
}

.videos-list-item .videos-list-item-inner {
    position: relative
}

.videos-list-item .video-uploader {
    border: 1px dashed rgba(255, 255, 255, .2);
    padding-bottom: calc(75% - 2px);
    position: relative;
    transition: border-color .2s
}

.videos-list-item .video-uploader .icon {
    fill: #fff;
    margin: 0 0 20px;
    opacity: .3;
    transition: all 120ms ease-in-out 0s
}

.videos-list-item .video-uploader:hover {
    border-color: rgba(255, 255, 255, .4);
    cursor: pointer
}

.videos-list-item .video-uploader:hover .icon {
    opacity: .6
}

.videos-list-item .video-uploader:hover .video-uploader-text {
    text-decoration: underline
}

.videos-list-item .video-uploader-content {
    align-items: center;
    justify-content: center;
    text-align: center;
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    display: flex;
    flex-direction: column
}

.videos-list-item .video-uploader-text {
    font-size: .75rem
}

.videos-list-item .video-thumb {
    cursor: pointer;
    position: relative;
    flex: 1;
    flex-basis: auto;
    flex-grow: 1;
    flex-shrink: 1
}

.videos-list-item .video-thumb-in-edit-mode {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: linear-gradient(245.99deg, rgba(0, 0, 0, .7) -.46%, rgba(0, 0, 0, 0) 100%);
    z-index: 1
}

.videos-list-item .video-thumb-in-edit-mode.selected {
    background: linear-gradient(0deg, rgba(175, 38, 47, .5), rgba(175, 38, 47, .5))
}

.videos-list-item .video-duration {
    background-color: rgba(0, 0, 0, .5);
    bottom: 0;
    color: rgba(255, 255, 255, .8);
    padding: 0 4px;
    position: absolute;
    right: 0;
    font-size: .75rem
}

.videos-list-item .video-access-own {
    align-items: center;
    background-color: rgba(0, 0, 0, .4);
    height: 32px;
    left: 0;
    padding: 0 10px;
    position: absolute;
    right: 0;
    top: 0;
    display: flex;
    flex-direction: row
}

.videos-list-item .video-access-own .icon {
    fill: #fff;
    margin-right: 8px
}

.videos-list-item .video-access-own-text {
    font-size: .75rem
}

.videos-list-item .video-access-viewer {
    align-items: center;
    justify-content: center;
    z-index: 10;
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    display: flex;
    flex-direction: row
}

.videos-list-item .video-access-viewer .icon {
    fill: #fff;
    margin: 0 0 8px
}

.videos-list-item .video-access-viewer.fanclub,
.videos-list-item .video-access-viewer.friends,
.videos-list-item .video-access-viewer.verified {
    background: rgba(0, 0, 0, .7)
}

.videos-list-item .video-access-viewer.fanclub .icon,
.videos-list-item .video-access-viewer.friends .icon,
.videos-list-item .video-access-viewer.verified .icon {
    margin: 0 0 10px
}

.videos-list-item .video-access-viewer.paid .video-access-viewer-inner {
    background: rgba(0, 0, 0, .5);
    border-radius: 6px;
    padding: 12px 12px 8px
}

.videos-list-item .video-access-viewer-inner {
    align-items: center;
    color: #fff;
    max-width: 100px;
    text-align: center;
    width: 100%;
    display: flex;
    flex-direction: column;
    font-size: .75rem
}

.videos-list-item .video-access-viewer-text {
    width: 100%
}

.videos-list-item .video-access-unlocked-icon {
    background: rgba(0, 0, 0, .5);
    border-radius: 10%;
    height: 22px;
    left: 0;
    margin: 5px;
    position: absolute;
    top: 0;
    width: 22px;
    align-items: center;
    justify-content: center;
    display: flex;
    flex-direction: row
}

.videos-list-item .video-access-unlocked-icon .icon {
    fill: #fff;
    height: 12px;
    margin: 0;
    vertical-align: -2px;
    width: 12px
}

.videos-list-item .cost-accent {
    font-weight: 700;
    font-size: .875rem
}

.videos-list-item .video-under-thumb {
    height: 40px;
    justify-content: center;
    margin-top: 8px;
    display: flex;
    flex-direction: column
}

.videos-list-item .video-under-thumb .btn {
    align-items: center;
    display: flex;
    justify-content: center;
    margin: 0
}

.videos-list-item .video-under-thumb .btn .icon {
    margin-right: 8px
}

.videos-list-item .video-stats,
.videos-list-item .video-title {
    align-items: center;
    height: 20px;
    display: flex;
    flex-direction: row;
    font-size: .75rem
}

.videos-list-item .video-title:only-child {
    margin-bottom: auto
}

.videos-list-item .video-title-text {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.videos-list-item .video-stats {
    color: #f8f8f8;
    opacity: .6
}

.videos-list-item .video-stats .icon {
    fill: #f8f8f8;
    margin-right: 6px;
    vertical-align: -3px
}

.videos-list-item .video-controls {
    padding: 10px;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 2;
    display: flex;
    flex-direction: row
}

.videos-list-item .video-controls-icon-wrapper {
    align-items: center;
    animation: opacity-fade-show .2s;
    border-radius: 4px;
    cursor: pointer;
    justify-content: center;
    display: flex;
    flex-direction: row
}

.videos-list-item .video-controls-icon-wrapper.video-selected {
    background: 0 0
}

.videos-list-item .video-controls-icon-wrapper .icon {
    fill: rgba(255, 255, 255, .9);
    margin: 0
}

.videos-list-item .video-controls-icon-wrapper:not(:last-child) {
    margin-right: 14px
}

.videos-list-item .video-controls-icon-wrapper:hover .icon {
    fill: #fff
}

.videos-list-item .deleted-video-overlay,
.videos-list-item .failed-overlay,
.videos-list-item .processing-overlay {
    align-items: center;
    animation: opacity-fade-show .2s;
    background-color: rgba(0, 0, 0, .7);
    justify-content: center;
    text-align: center;
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    display: flex;
    flex-direction: column
}

.videos-list-item .deleted-video-overlay .icon,
.videos-list-item .failed-overlay .icon,
.videos-list-item .processing-overlay .icon {
    fill: #fff;
    margin: 0
}

.videos-list-item .deleted-video-overlay-text {
    margin-top: 15px;
    font-size: 1rem
}

.videos-list-item .failed-overlay-text,
.videos-list-item .processing-overlay-text {
    color: #dfdfdf;
    margin-top: 12px;
    font-size: .75rem
}

.videos-list-item .trailer {
    height: 100%;
    width: auto;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%)
}

.videos-list-item .cover {
    height: 100%;
    width: auto;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    transition: all .5s ease-in-out 0s
}

.videos-list-item .content-wrapper {
    background-color: #000;
    overflow: hidden;
    padding-bottom: 75%;
    position: relative;
    width: 100%
}

.videos-list-item .content-wrapper-restricted {
    filter: blur(5px)
}

.videos-list-item .likes-counter-wrapper {
    display: inline-block;
    cursor: pointer;
    margin-top: 8px;
    width: -moz-fit-content;
    width: fit-content
}

.videos-list-item.selected {
    background-color: #222;
    position: relative
}

.videos-list-item.selected::before {
    background-color: #ec4452;
    content: " ";
    height: 2px;
    left: 0;
    position: absolute;
    right: 0;
    top: -2px;
    transition: background-color .2s
}

.videos-list-item.deleted .cover {
    filter: grayscale(100%)
}

.videos-list-item.deleted .video-thumb,
.videos-list-item.error .video-thumb {
    cursor: default
}

@media screen and (max-width:1023px) {
    .videos-list-item .video-controls-icon-wrapper .icon {
        fill: #fff
    }

    .videos-list-item .video-controls-icon-wrapper .icon-settings {
        height: 18px !important;
        width: 18px !important
    }

    .videos-list-item .video-controls-icon-wrapper .icon-close-5 {
        height: 16px !important;
        width: 16px !important
    }
}

.feed-image-modal {
    align-items: center;
    display: flex;
    flex-direction: column
}

.feed-image-modal .image {
    max-height: calc(100vh - 60px);
    max-width: calc(100vw - 40px)
}

.feed-image-modal .image-link {
    align-items: center;
    color: #a4a4a4;
    display: flex;
    height: 48px;
    justify-content: center;
    width: 100%;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: normal;
    line-height: normal
}

.feed-image-modal .image-link:hover {
    text-decoration: none
}

.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
}

.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 {
    overscroll-behavior-x: none
}

.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
}

@media (max-width:1024px) {
    .image-swiper__arrow {
        display: none
    }

    .image-swiper__points {
        padding-bottom: 12px
    }
}

@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
}

.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__controls-actions-block {
    color: var(--video-player-controls-color)
}

.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: all ease-in 1s;
    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:nth-child(1) {
    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 {
    overscroll-behavior: none;
    overflow: hidden;
    position: fixed;
    inset: 0
}

.media-gallery__root>body {
    overflow: hidden !important;
    position: fixed !important;
    overscroll-behavior: none;
    inset: 0
}

.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;
    height: 175px;
    font-size: 16px;
    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;
    top: 10px;
    right: 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 {
    align-items: center;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    bottom: 0;
    display: flex;
    justify-content: center;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.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 {
    opacity: 0
}

.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 {
    overflow-y: hidden;
    overflow-x: auto;
    display: flex;
    height: 80px
}

.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;
    justify-content: center;
    height: 36px;
    margin: 0 4px;
    opacity: .4;
    position: relative;
    transition: opacity .3s;
    min-width: 36px
}

.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 {
    display: none
}

.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
}

.watermark {
    background: right center/contain no-repeat;
    bottom: 0;
    height: 28px;
    margin: 10px;
    opacity: .7;
    position: absolute;
    right: 0;
    width: 130px;
    z-index: 102;
    pointer-events: none
}

@media screen and (max-width:600px) {
    .watermark {
        height: 25px;
        right: 0;
        transform: scale(.75);
        width: 120px
    }
}

.btn-friendship {
    margin-bottom: 0
}

.btn-friendship .btn-friendship-friends-caption {
    align-items: center;
    justify-content: center;
    display: flex;
    flex-direction: row
}

.btn-friendship .btn-friendship-friends-caption-icon {
    height: 13px;
    margin: 0 5px 0 0;
    width: 13px
}

.media-access-overlay.unlocked {
    background: rgba(38, 38, 38, .7);
    border-radius: 10%;
    height: 22px;
    left: 0;
    margin: 5px;
    position: absolute;
    top: 0;
    width: 22px;
    align-items: center;
    justify-content: center;
    display: flex;
    flex-direction: row
}

.media-access-overlay.unlocked .icon {
    fill: #fff;
    height: 12px;
    margin: 0;
    vertical-align: -2px;
    width: 12px
}

.media-access-overlay__album-background {
    z-index: -1;
    position: absolute;
    right: 0;
    left: 0;
    bottom: 0;
    top: 0;
    overflow: hidden
}

.media-access-overlay__album-background-content {
    align-content: flex-start;
    display: flex;
    flex-wrap: wrap;
    height: 100%;
    width: 130%
}

.media-access-overlay__album-background-content::after {
    content: "";
    display: block;
    background: rgba(0, 0, 0, .6);
    width: 100%;
    height: 100%;
    position: absolute;
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px)
}

.media-access-overlay__album-background-item {
    -o-object-fit: cover;
    object-fit: cover;
    height: 33.3%;
    flex-grow: 1
}

.media-access-overlay__album-background-item:only-child {
    height: 100%;
    width: 100%
}

.media-access-overlay__album-background-item.one-row {
    height: 100%
}

.media-access-overlay__album-background-item.two-rows {
    height: 50%
}

.media-access-overlay--cover.unlocked {
    background: rgba(38, 38, 38, .7);
    border-radius: 10%;
    height: 22px;
    left: 0;
    margin: 5px;
    position: absolute;
    top: 0;
    width: 22px;
    align-items: center;
    justify-content: center;
    display: flex;
    flex-direction: row
}

.media-access-overlay--cover.unlocked .icon {
    fill: #fff;
    height: 12px;
    margin: 0;
    vertical-align: -2px;
    width: 12px
}

.media-access-overlay--cover.owner,
.media-access-overlay--cover.viewer,
.media-access-overlay--lock {
    color: #fff;
    line-height: 1rem;
    z-index: 1
}

.media-access-overlay--badge {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 5px 8px;
    height: 30px;
    background: rgba(255, 255, 255, .15);
    border-radius: 8px;
    white-space: nowrap;
    color: #f8f8f8;
    font-size: .875rem;
    line-height: 1.25rem
}

.media-access-overlay--badge .icon {
    fill: #f8f8f8
}

.media-access-overlay--badge.fanClub {
    color: #f8f8f8
}

.media-access-overlay--cover.owner {
    align-items: center;
    background-color: rgba(0, 0, 0, .4);
    height: 32px;
    left: 0;
    padding: 0 10px;
    position: absolute;
    right: 0;
    top: 0;
    display: flex;
    flex-direction: row
}

.media-access-overlay--cover.owner .icon {
    fill: #fff;
    margin-right: 8px
}

.media-access-overlay--cover.owner .media-access-overlay__text {
    font-size: .75rem
}

.media-access-overlay--album.media-access-overlay--cover.media-access-overlay--gallery.viewer .media-access-overlay__inner {
    border: 2px solid #fff;
    border-radius: 12px
}

.media-access-overlay--album.media-access-overlay--cover.media-access-overlay--gallery.viewer.paid .media-access-overlay__inner {
    border-color: #feb601
}

.media-access-overlay--album.media-access-overlay--cover.media-access-overlay--gallery.viewer.fanClub .media-access-overlay__inner {
    border-color: #ff2a59
}

.media-access-overlay--badge .icon-diamond,
.media-access-overlay--cover.viewer .icon-diamond {
    color: #ff2a59
}

.media-access-overlay--badge.paid .icon,
.media-access-overlay--cover.viewer.paid .icon {
    color: #feb601
}

.media-access-overlay--badge.paid {
    color: #feb601
}

.media-access-overlay--cover.viewer,
.media-access-overlay--lock {
    align-items: center;
    justify-content: center;
    z-index: 10;
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    display: flex;
    flex-direction: row
}

.media-access-overlay--cover.viewer .media-access-overlay__text,
.media-access-overlay--lock .media-access-overlay__text {
    width: 100%;
    font-weight: 500;
    font-size: .875rem
}

.media-access-overlay--cover.viewer.paid .icon,
.media-access-overlay--lock.paid .icon {
    margin: 0 0 7px
}

.media-access-overlay--cover.viewer.fanClub .icon,
.media-access-overlay--cover.viewer.friends .icon,
.media-access-overlay--cover.viewer.verified .icon,
.media-access-overlay--lock.fanClub .icon,
.media-access-overlay--lock.friends .icon,
.media-access-overlay--lock.verified .icon {
    margin: 0 0 4px
}

.media-access-overlay--cover.viewer .media-access-overlay__inner,
.media-access-overlay--lock .media-access-overlay__inner {
    background: rgba(38, 38, 38, .7);
    align-items: center;
    color: #fff;
    text-align: center;
    display: flex;
    flex-direction: column;
    font-size: .75rem
}

.media-access-overlay--cover.viewer .media-access-overlay__inner .icon,
.media-access-overlay--lock .media-access-overlay__inner .icon {
    width: 40px;
    height: 40px
}

.media-access-overlay--cover.viewer.media-access-overlay--video .media-access-overlay__inner,
.media-access-overlay--lock.media-access-overlay--video .media-access-overlay__inner {
    border-radius: 12px;
    padding: 10px 20px
}

.media-access-overlay--cover.viewer.media-access-overlay--album .media-access-overlay__inner,
.media-access-overlay--cover.viewer.media-access-overlay--lock .media-access-overlay__inner,
.media-access-overlay--lock.media-access-overlay--album .media-access-overlay__inner,
.media-access-overlay--lock.media-access-overlay--lock .media-access-overlay__inner {
    width: 100%;
    height: 100%;
    justify-content: center
}

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

    .media-access-overlay--cover.viewer .media-access-overlay__inner .icon,
    .media-access-overlay--lock .media-access-overlay__inner .icon {
        width: 32px;
        height: 32px
    }
}

.media-access-overlay--lock .icon {
    color: rgba(248, 248, 248, .4)
}

.media-access-overlay--lock.fanClub .icon {
    color: rgba(220, 79, 110, .6)
}

.media-access-overlay--lock.paid .icon {
    color: rgba(254, 182, 1, .4)
}

.media-access-overlay--viewer {
    align-items: center;
    background-color: rgba(34, 34, 34, .8);
    color: #fff;
    height: 100%;
    justify-content: center;
    position: absolute;
    text-align: center;
    width: 100%;
    z-index: 1;
    display: flex;
    flex-direction: row
}

.media-access-overlay--viewer .access-mode-inner {
    margin: 20px
}

.media-access-overlay--viewer .access-mode-icon {
    margin-bottom: 30px
}

.media-access-overlay--viewer .access-mode-icon .icon {
    fill: #fff;
    height: 100px;
    width: 100px
}

.media-access-overlay--viewer .access-mode-title {
    margin-bottom: 5px;
    line-height: 2.125rem;
    font-size: 1.75rem
}

.media-access-overlay--viewer .access-mode-description {
    line-height: 1.25rem;
    font-size: .875rem
}

.media-access-overlay--viewer .access-mode-count {
    margin-top: 6px;
    font-weight: 700;
    color: #b1e345;
    line-height: 1.5rem;
    font-size: 1.25rem
}

.media-access-overlay--viewer .access-mode-action {
    margin-top: 22px
}

@media screen and (max-width:639px) {
    .media-access-overlay--viewer .access-mode-icon {
        margin-bottom: 15px
    }

    .media-access-overlay--viewer .access-mode-icon .icon {
        height: 50px;
        width: 50px
    }

    .media-access-overlay--viewer .access-mode-title {
        margin-bottom: 10px;
        line-height: 1.5rem;
        font-size: 1.25rem
    }

    .media-access-overlay--viewer .access-mode-description {
        line-height: 18px;
        margin-bottom: 15px;
        font-size: .75rem
    }
}

.toggle-collection-button {
    font-size: 15px;
    font-weight: 400;
    letter-spacing: normal;
    line-height: normal;
    align-self: flex-start;
    color: #fff;
    cursor: pointer;
    display: inline-flex !important;
    flex: 0 0 auto;
    height: 28px;
    margin: 0 0 0 20px;
    padding: 0;
    align-items: center;
    justify-content: center;
    display: flex;
    flex-direction: row
}

.toggle-collection-button.disabled {
    pointer-events: none;
    opacity: .8
}

.toggle-collection-button.compact:hover>.icon {
    transform: scale(1.3)
}

.toggle-collection-button__text {
    margin: 0 0 0 10px
}

.toggle-collection-button>.icon {
    margin: 0;
    transition: transform .3s
}

@media screen and (max-width:639px) {
    .toggle-collection-button__text {
        display: none
    }
}

.media-gallery-viewer {
    position: relative;
    z-index: 4
}

.media-gallery-viewer__controls {
    display: flex
}

.media-gallery-viewer__control-item {
    align-items: center;
    border: 0;
    color: rgba(255, 255, 255, .6);
    cursor: pointer;
    display: flex;
    font-size: .813rem
}

.media-gallery-viewer__control-item:hover {
    color: #fff
}

.media-gallery-viewer__control-item:hover .icon-heart-fill {
    color: #f14b57
}

.media-gallery-viewer__control-item:hover .icon-heart {
    fill: #fff
}

.media-gallery-viewer__control-item-icon {
    height: 18px;
    margin: 0;
    transition: all ease .25s;
    width: 18px
}

.media-gallery-viewer__control-item-icon.icon-heart-fill {
    color: rgba(241, 75, 87, .6)
}

.media-gallery-viewer__control-item-icon.icon-heart {
    fill: rgba(255, 255, 255, .6)
}

.media-gallery-viewer__icon-album {
    display: block;
    height: 32px;
    width: 32px
}

.media-gallery-viewer .media-gallery__close {
    height: auto;
    padding: 20px 20px 35px 35px;
    width: auto
}

.media-gallery-viewer--restricted.photo .media-gallery__counter {
    display: none
}

.media-gallery-viewer .likes-counter {
    color: #f8f8f8;
    height: 26px
}

.media-gallery-viewer .likes-counter .icon {
    color: #f8f8f8;
    fill: currentColor;
    width: 20px;
    height: 20px
}

.media-gallery-viewer .likes-counter:hover .icon {
    color: #fff
}

.media-gallery-viewer .toggle-collection-button .icon {
    color: #f8f8f8;
    fill: currentColor;
    width: 17px;
    height: 17px
}

.media-gallery-viewer .toggle-collection-button:hover .icon {
    color: #fff
}

.media-gallery-viewer .toggle-collection-button .tooltip>.tooltip-inner::before {
    display: none
}

.media-gallery--desktop .media-gallery-viewer__control-item {
    background: 0 0;
    border-radius: 11px;
    height: 36px;
    margin: 0 0 0 12px;
    padding: 0 8px;
    transition: all ease .25s
}

.media-gallery--desktop .media-gallery-viewer__control-item:hover {
    background: 0 0
}

.media-gallery--desktop .media-gallery-viewer__control-item-count,
.media-gallery--desktop .media-gallery-viewer__control-item-text {
    margin: 0 0 0 6px
}

.media-gallery--desktop .media-gallery__controls-panel {
    bottom: 30px;
    right: 24px
}

.media-gallery--desktop .media-gallery__info {
    left: 24px
}

.media-gallery--desktop .media-gallery__close {
    right: 4px;
    top: 4px
}

.media-gallery--desktop .media-gallery__arrow--left {
    justify-content: flex-start
}

.media-gallery--desktop .media-gallery__arrow--left svg {
    margin-left: 24px
}

.media-gallery--desktop .media-gallery__arrow--right {
    justify-content: flex-end
}

.media-gallery--desktop .media-gallery__arrow--right svg {
    margin-right: 24px
}

.media-gallery--mobile .video-player__play {
    width: 64px;
    height: 64px
}

.media-gallery--mobile .video-player__main-control-icon {
    height: 26px;
    width: 26px
}

.media-gallery--mobile .media-gallery__close {
    top: 0px;
    right: 0px
}

.media-gallery--mobile .media-gallery__info-text {
    font-weight: 500;
    font-size: .875rem
}

.media-gallery--mobile-portrait .media-gallery-viewer__controls {
    justify-content: space-between;
    width: 100%
}

.media-gallery--mobile-portrait .media-gallery-viewer__control-item {
    background: 0 0;
    font-weight: 700;
    height: 36px;
    padding: 0 8px
}

.media-gallery--mobile-portrait .media-gallery-viewer__control-item-count,
.media-gallery--mobile-portrait .media-gallery-viewer__control-item-text {
    margin: 0 0 0 6px
}

.media-gallery--mobile-portrait .media-gallery-viewer__control-item-text {
    display: none
}

.media-gallery--mobile-portrait .media-gallery__info {
    padding: 24px 0 0
}

.media-gallery--mobile-portrait .media-gallery__info-title {
    bottom: auto;
    left: auto;
    margin-top: 12px;
    padding: 0 20px;
    position: inherit;
    text-align: center
}

.media-gallery--mobile-portrait .media-gallery__info-text {
    align-items: center;
    display: flex;
    flex-direction: column-reverse;
    justify-content: flex-end
}

.media-gallery--mobile-portrait .media-gallery__controls-panel {
    left: 20px;
    right: 20px
}

.media-gallery--mobile-landscape .media-gallery__content {
    z-index: 4
}

.media-gallery--mobile-landscape .media-gallery-viewer__controls {
    filter: drop-shadow(0px 0px 4px rgba(0, 0, 0, .8));
    flex-direction: column;
    height: 100%;
    justify-content: center
}

.media-gallery--mobile-landscape .media-gallery-viewer__control-item {
    background: 0 0;
    color: #fff;
    flex-direction: row-reverse;
    font-weight: 700;
    height: 36px;
    padding: 0 8px
}

.media-gallery--mobile-landscape .media-gallery-viewer__control-item-count {
    margin: 0 6px 0 0
}

.media-gallery--mobile-landscape .media-gallery-viewer__control-item-text {
    display: none
}

.media-gallery--mobile-landscape .media-gallery__controls-panel {
    right: 20px
}

.media-gallery--mobile-landscape .media-gallery__info {
    left: 20px;
    top: 20px
}

.media-gallery--mobile-landscape .media-gallery__info-title {
    position: inherit;
    bottom: auto;
    left: auto;
    margin-left: 16px
}

.media-gallery--mobile-landscape .media-gallery__info-text {
    flex-direction: row-reverse;
    display: flex
}

.media-gallery--mobile-landscape .toggle-collection-button {
    margin-top: 20px
}

.media-gallery--mobile-landscape .likes-counter {
    display: flex;
    flex-direction: row-reverse
}

.media-gallery--mobile-landscape .likes-counter .icon {
    margin-left: 5px;
    margin-right: 0
}

.thumb-content__lock-icon {
    fill: #fff;
    height: 14px;
    margin-right: 0;
    width: 14px
}

.access-denied-wrapper {
    align-items: center;
    height: 100%;
    justify-content: center;
    overflow: hidden;
    position: relative;
    text-align: center;
    flex: 1;
    flex-basis: auto;
    flex-grow: 1;
    flex-shrink: 1;
    display: flex;
    flex-direction: row
}

.access-denied-wrapper .access-denied-icon {
    fill: #fff;
    margin: 0 0 30px
}

.access-denied-wrapper .access-denied-cover-source {
    display: none
}

.access-denied-wrapper .access-denied-cover {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.access-denied-wrapper .access-denied-cover-shadow {
    background-color: rgba(0, 0, 0, .6);
    z-index: 1;
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.access-denied-wrapper .access-denied-content {
    color: #fff;
    max-width: 440px;
    padding: 0 10px;
    z-index: 2
}

.access-denied-wrapper .access-denied-heading {
    margin-bottom: 8px;
    font-size: 1.75rem
}

.access-denied-wrapper .access-denied-body {
    margin-bottom: 30px;
    padding: 0 10px;
    font-size: .875rem
}

.access-denied-wrapper .access-denied-btn-row .btn {
    margin: 0;
    min-width: 165px
}

@media screen and (max-width:639px) {
    .access-denied-wrapper .access-denied-icon {
        display: none
    }

    .access-denied-wrapper .access-denied-heading {
        margin-bottom: 6px;
        font-size: 1.25rem
    }

    .access-denied-wrapper .access-denied-body {
        margin-bottom: 24px;
        font-size: .75rem
    }
}

@media screen and (max-width:639px) and (orientation:landscape) {
    .access-denied-wrapper .access-denied-icon {
        display: unset;
        height: 50px !important;
        margin-bottom: 18px;
        width: 50px !important
    }
}

.media-gallery__root #body {
    max-height: 100%;
    overflow: hidden
}

.loadable-error-boundary {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center
}

.loadable-error-boundary__inner {
    position: inherit;
    background-color: inherit
}

.loadable-loader {
    animation: opacity-fade-show 0s .3s forwards;
    opacity: 0
}

.watch-vr {
    position: relative;
    align-items: center;
    border-radius: 54px;
    cursor: pointer;
    display: inline-flex;
    justify-content: center;
    pointer-events: all
}

.watch-vr.wrapper {
    padding: 3px;
    background: linear-gradient(108.9deg, #2f71f2 18.92%, #a50295 94.28%);
    border-radius: 8px
}

.watch-vr.a11y-button {
    color: #fff;
    padding: 7px 20px;
    font-weight: 700;
    font-size: 1rem;
    transition: opacity 120ms ease-in-out 0s
}

.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 {
    width: 16px;
    height: 16px;
    margin-right: 12px
}

.watch-vr--login.a11y-button .icon-vr {
    width: 20px;
    height: 14px;
    margin-left: 10px
}

.watch-vr--buy-tokens.a11y-button {
    border-radius: 12px;
    margin: 0 0 0 12px;
    position: static
}

.watch-vr--sidebar.a11y-button {
    left: -10px;
    margin-bottom: 12px;
    width: 100%
}

.watch-vr--compact.a11y-button {
    position: relative;
    left: -6px;
    margin-bottom: 12px;
    padding: 6px 8px;
    border-radius: 8px
}

.watch-vr--compact.a11y-button svg {
    width: 20px;
    height: 16px;
    margin: 0
}

.watch-vr .icon {
    margin-right: 0;
    color: #fff;
    fill: #fff
}

.watch-vr .icon-vr-3 {
    margin-bottom: 2px;
    height: 24px;
    margin-right: 10px;
    width: 24px
}

@media screen and (max-width:639px) {
    .watch-vr {
        padding: 4px 8px;
        font-size: .625rem
    }

    .watch-vr--view-cam.a11y-button {
        padding: 1px 6px;
        border-radius: 4px
    }

    .watch-vr--view-cam.a11y-button .icon-vr-3 {
        margin-right: 0
    }

    .watch-vr--login.a11y-button {
        top: 16px;
        left: 16px
    }

    .watch-vr--buy-tokens.a11y-button {
        display: block;
        margin: 0 auto;
        width: 186px
    }

    .watch-vr .icon {
        width: 22px
    }

    .watch-vr--without-text-on-mobile .watch-vr__text {
        display: none
    }

    .watch-vr--without-text-on-mobile .watch-vr__icon {
        margin-right: 0
    }
}

.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
}

.title-ds {
    color: #f8f8f8;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin: 0
}

.title-ds a {
    color: #f8f8f8
}

.text-icon-glue {
    white-space: nowrap
}

.text-icon-glue-breakable-word {
    white-space: pre-wrap;
    overflow-wrap: break-word
}

.index-page-header-seo-description-mobile.index-page-header-seo-description-mobile {
    display: inline-block;
    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
}

@media screen and (max-width:639px) {
    .index-page-header-description {
        margin-top: 10px
    }

    .index-page-header-description.hidden-description {
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        text-overflow: ellipsis;
        overflow: hidden
    }
}

@media screen and (max-width:639px) {
    .index-page-title-wrapper .text-title-l1 {
        margin-top: 2px;
        line-height: 1.1
    }
}

.vr-footer-actions {
    display: flex;
    flex-direction: column
}

.vr-footer-actions__row {
    display: flex;
    align-items: center;
    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 {
    background-color: rgba(255, 255, 255, .1);
    border-radius: 16px;
    margin-left: 24px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    max-width: 252px;
    padding: 30px 0 20px 0;
    font-size: 1.438rem;
    line-height: 2.625rem
}

.vr-footer-actions__button:first-child {
    margin-left: 0
}

.vr-footer-actions__button .icon {
    margin-right: 0;
    margin-bottom: 10px
}

.vr-footer-actions__button .icon-oculus {
    width: 66px;
    height: 40px
}

.vr-footer-actions__button .icon-valve-index {
    width: 74px;
    height: 38px
}

.vr-footer-actions__button .icon-hp-reverb {
    width: 50px;
    height: 50px;
    margin-bottom: 0
}

.vr-footer-actions__button .icon-vive {
    width: 46px;
    height: 40px
}

.vr-footer-actions__button .icon-samsung {
    height: 40px;
    margin-bottom: 6px;
    margin-top: 4px;
    width: 166px
}

.vr-footer-actions__button .icon-android {
    width: 162px;
    height: 21px;
    margin: 14px 0
}

.vr-footer-actions__button--small {
    padding: 18px 0 10px 0;
    background-color: rgba(255, 255, 255, .04);
    margin-left: 8px;
    font-size: .813rem;
    line-height: 1.5rem
}

.vr-footer-actions__button--small:first-child {
    margin-left: 0
}

.vr-footer-actions__button--small .icon-oculus {
    width: 34px;
    height: 22px
}

.vr-footer-actions__button--small .icon-vive {
    width: 26px;
    height: 24px
}

.vr-footer-actions__button--small .icon-valve-index {
    width: 42px;
    height: 21px
}

.vr-footer-actions__button--small .icon-hp-reverb {
    width: 28px;
    height: 28px;
    margin-bottom: 0
}

.vr-footer-actions__button--small .icon-samsung {
    width: 94px;
    height: 24px
}

.vr-footer-actions__button--small .icon-android {
    width: 91px;
    height: 12px
}

@media screen and (max-width:767px) {
    .vr-footer-actions__button {
        margin-left: 10px;
        padding: 16px 0;
        border-radius: 9px;
        font-size: .5rem;
        line-height: .5rem
    }

    .vr-footer-actions__button .icon-oculus {
        width: 24px;
        height: 14px
    }

    .vr-footer-actions__button .icon-vive {
        width: 16px;
        height: 14px
    }

    .vr-footer-actions__button .icon-valve-index {
        width: 28px;
        height: 14px
    }

    .vr-footer-actions__button .icon-hp-reverb {
        width: 14px;
        height: 14px;
        margin-bottom: 10px
    }

    .vr-footer-actions__button .icon-samsung {
        width: 60px;
        height: 16px
    }

    .vr-footer-actions__button .icon-android {
        width: 118px;
        height: 16px;
        margin: 6px 0
    }
}

.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
}

@media screen and (max-width:767px) {
    .vr-footer-title {
        font-size: 1.125rem;
        line-height: 1.375rem
    }

    .vr-footer-title__accent-text .icon-vr-3 {
        width: 24px;
        margin: 0 12px 0 8px;
        height: 24px
    }

    .vr-footer-title__accent-text .icon-chevron-right {
        height: 11px;
        margin: 0 0 0 4px;
        width: 7px
    }
}

.index-page-vr-footer {
    margin-top: 80px;
    text-align: center;
    color: #f8f8f8
}

.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 {
    margin-top: 74px;
    font-weight: 500;
    font-size: 1.75rem
}

.index-page-vr-footer__title--with-badge {
    display: flex;
    margin-top: 96px;
    align-items: center
}

.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 0;
    font-size: 16px;
    font-weight: 400;
    letter-spacing: normal;
    line-height: 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 {
    margin-top: 48px;
    color: rgba(248, 248, 248, .7);
    font-size: 16px;
    font-weight: 400;
    letter-spacing: normal;
    line-height: 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 .icon {
    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 .icon,
.index-page-vr-footer__button-contact:focus .icon,
.index-page-vr-footer__button-contact:hover .icon {
    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 .icon {
    height: 30px;
    margin-right: 12px;
    width: 24px
}

@media screen and (max-width:767px) {
    .index-page-vr-footer {
        margin-top: 32px
    }

    .index-page-vr-footer__actions {
        margin-bottom: 12px;
        margin-top: 16px
    }

    .index-page-vr-footer__support-link {
        font-size: 13px;
        font-weight: 400;
        letter-spacing: normal;
        line-height: 20px
    }

    .index-page-vr-footer__enter-vr-button {
        margin-top: 24px
    }

    .index-page-vr-footer__title {
        margin-top: 40px;
        font-size: 1.125rem;
        line-height: 1.438rem
    }

    .index-page-vr-footer__list {
        margin: 16px auto;
        padding: 12px;
        border-radius: 8px
    }

    .index-page-vr-footer__list-item {
        margin: 0 0 15px 0;
        font-size: 13px;
        font-weight: 400;
        letter-spacing: normal;
        line-height: 20px
    }

    .index-page-vr-footer__border-container {
        border: none;
        padding-left: 0
    }

    .index-page-vr-footer__paragraph {
        margin-top: 24px;
        font-size: 13px;
        font-weight: 400;
        letter-spacing: normal;
        line-height: 20px
    }

    .index-page-vr-footer__contact-us {
        margin-top: 20px
    }
}

.model-filter-link--non-interactive {
    pointer-events: none
}

.model-filter-link .icon-badge-vr {
    width: 1.5rem
}

.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(/assets/common/images/tags/july4th.svg)
}

.model-filter-link .tag-icon-beer {
    background-image: url(/assets/common/images/tags/beer.png)
}

.model-filter-link .tag-icon-christmas {
    background-image: url(/assets/common/images/tags/christmas.svg)
}

.model-filter-link .tag-icon-valentines {
    background-image: url(/assets/common/images/tags/valentines.svg)
}

.model-filter-link .tag-icon-halloween {
    background-image: url(/assets/common/images/tags/halloween.svg)
}

.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;
    width: 24px
}

.model-filter-link__label-badge {
    margin-left: 6px;
    width: 29px;
    height: 16px
}

.categories-groups-skeleton {
    position: relative;
    animation: opacity-fade-in .24s ease-in;
    will-change: opacity
}

.categories-groups-skeleton .group-header::before {
    left: 0;
    position: absolute;
    top: 0;
    background: rgba(248, 248, 248, .15);
    border-radius: 12px;
    content: " ";
    display: block;
    height: 12px;
    width: 59px;
    animation: skeleton-animation 3s infinite linear;
    background: linear-gradient(90deg, #202020 20%, #232323 28%, #282828 35%, #232323 42%, #202020 50%);
    background-size: 300% 100%;
    will-change: background-position
}

.categories-groups-skeleton .tag-group-item {
    align-items: center;
    cursor: default;
    justify-content: space-between;
    padding: 4px 30px 4px 0;
    font-size: .875rem;
    line-height: 1.25rem;
    display: flex;
    flex-direction: row
}

.categories-groups-skeleton:not(.tag-group-main) .tag-group-item::before {
    background: rgba(248, 248, 248, .15);
    border-radius: 8px;
    content: " ";
    display: block;
    height: 8px;
    width: 97px;
    animation: skeleton-animation 3s infinite linear;
    background: linear-gradient(90deg, #202020 20%, #232323 28%, #282828 35%, #232323 42%, #202020 50%);
    background-size: 300% 100%;
    will-change: background-position
}

.categories-groups-skeleton:not(.tag-group-main) .tag-group-item::after {
    background: rgba(248, 248, 248, .15);
    border-radius: 14px;
    content: " ";
    display: block;
    height: 14px;
    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 {
    background: rgba(248, 248, 248, .15);
    border-radius: 18px;
    content: " ";
    display: block;
    height: 18px;
    width: 18px
}

.categories-groups-skeleton.tag-group-main .tag-group-item::after {
    background: rgba(248, 248, 248, .15);
    border-radius: 12px;
    content: " ";
    display: block;
    height: 12px;
    width: 109px;
    animation: skeleton-animation 3s infinite linear;
    background: linear-gradient(90deg, #202020 20%, #232323 28%, #282828 35%, #232323 42%, #202020 50%);
    background-size: 300% 100%;
    will-change: background-position
}

.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: "";
    position: absolute;
    height: 10px;
    width: 10px;
    right: 0;
    top: 0;
    transform: translate(50%, -25%);
    right: 4px;
    top: -2px
}

.categories .categories-label .icon-lightning {
    margin-left: 8px;
    vertical-align: sub
}

.categories .categories-label-mobile {
    display: none
}

.categories .categories-label .icon-de,
.categories .categories-label .icon-es,
.categories .categories-label .icon-fr,
.categories .categories-label .icon-it,
.categories .categories-label .icon-ru {
    border-radius: 2px;
    height: 16px;
    vertical-align: sub;
    width: 22px
}

.categories .categories-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 .tag-group-allTags .tag-group-item:nth-child(1n+21) {
    display: none
}

.categories .model-filter-header {
    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 {
    opacity: 1
}

.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 6px;
    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 .model-filter-link-wrapper,
.categories.model-filter-mobile-modal .model-filter-groups .model-filter-link-wrapper {
    display: block;
    left: 0;
    padding-left: 0;
    position: relative
}

.categories.model-filter-dropdown .model-filter-groups .model-filter-link-wrapper:hover,
.categories.model-filter-mobile-modal .model-filter-groups .model-filter-link-wrapper:hover {
    background-color: initial
}

.categories.model-filter-dropdown .model-filter-groups .model-filter-link-wrapper:hover a,
.categories.model-filter-mobile-modal .model-filter-groups .model-filter-link-wrapper:hover a {
    color: #fa5365;
    color: var(--primary-light)
}

.categories.model-filter-dropdown .model-filter-groups .model-filter-link-wrapper.active,
.categories.model-filter-mobile-modal .model-filter-groups .model-filter-link-wrapper.active {
    background-color: transparent;
    border: 0
}

.categories.model-filter-dropdown .model-filter-groups .model-filter-link-wrapper.active a,
.categories.model-filter-mobile-modal .model-filter-groups .model-filter-link-wrapper.active a {
    color: #fa5365;
    color: var(--primary-light)
}

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

    .categories.model-filter-dropdown .model-filter-groups>.tag-group,
    .categories.model-filter-mobile-modal .model-filter-groups>.tag-group {
        max-width: 25%;
        width: 25%;
        flex: 1;
        flex-basis: 25%;
        flex-grow: 0;
        flex-shrink: 1
    }

    .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: 25%;
        width: 25%;
        flex: 1;
        flex-basis: 25%;
        flex-grow: 0;
        flex-shrink: 1
    }
}

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

    .categories.model-filter-dropdown .model-filter-groups>.tag-group,
    .categories.model-filter-mobile-modal .model-filter-groups>.tag-group {
        max-width: 50%;
        width: 50%;
        flex: 1;
        flex-basis: 50%;
        flex-grow: 0;
        flex-shrink: 1
    }

    .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: 50%;
        width: 50%;
        flex: 1;
        flex-basis: 50%;
        flex-grow: 0;
        flex-shrink: 1
    }
}

.categories.model-filter-dropdown .model-filter-groups .group-header {
    border-bottom: 2px solid #292929
}

.categories.model-filter-mobile-modal .categories__bottom-fade {
    position: sticky;
    bottom: 0;
    height: 36px;
    background: linear-gradient(180deg, rgba(48, 49, 51, .03) 0%, rgba(48, 49, 51, .76) 42.9%, #303133 100%)
}

@media screen and (max-width:1023px) {
    .categories .categories-label-mobile {
        display: block
    }

    .categories .categories-label-mobile+.categories-label {
        display: none
    }
}

.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: all 120ms ease-in-out 0s
}

.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 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 .model-filter-link-wrapper {
    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;
    display: flex;
    flex-direction: row;
    letter-spacing: -.006rem;
    transition: all 120ms ease-in-out 0s
}

.model-filter-groups .model-filter-link-wrapper .model-filter-link {
    color: rgba(255, 255, 255, .5);
    text-decoration: none;
    transition: all 120ms ease-in-out 0s
}

.model-filter-groups .model-filter-link-wrapper .model-filter-link-count {
    color: rgba(248, 248, 248, .5);
    min-width: 40px;
    padding-left: 10px;
    text-align: right
}

.model-filter-groups .model-filter-link-wrapper:hover {
    background-color: rgba(255, 255, 255, .09);
    box-sizing: border-box;
    text-decoration: none
}

.model-filter-groups .model-filter-link-wrapper:hover .model-filter-link {
    text-decoration: none
}

.model-filter-groups .model-filter-link-wrapper.active {
    background-color: rgba(255, 255, 255, .12);
    box-sizing: border-box;
    color: #fa5365;
    color: var(--primary-light)
}

.model-filter-groups .model-filter-link-wrapper.active .model-filter-link {
    color: #fa5365;
    color: var(--primary-light);
    text-decoration: none
}

.model-filter-groups .model-filter-link-wrapper.active .model-filter-link .model-filter-link__label-badge {
    color: #f8f8f8
}

.model-filter-groups .model-filter-link {
    color: rgba(255, 255, 255, .5);
    display: flex;
    position: relative
}

.model-filter-groups .model-filter-link-count {
    color: rgba(248, 248, 248, .5);
    font-size: .875rem
}

.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;
    padding: 10px;
    position: relative;
    text-decoration: none;
    width: 100%;
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    font-size: 15px;
    font-weight: 400;
    letter-spacing: .5px;
    line-height: normal;
    display: flex;
    flex-direction: row;
    transition: all 120ms ease-in-out 0s
}

.model-filter-groups .model-filter-main-link .model-filter-link {
    align-items: flex-start;
    color: #fff;
    display: flex;
    flex-direction: row
}

.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;
    width: 24px !important;
    margin: 0;
    margin-right: 13px
}

.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);
    color: #ff8c8c !important;
    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
}

.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 {
    font-weight: 700;
    text-transform: capitalize;
    font-size: .938rem;
    line-height: 1rem
}

.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;
    width: 100%;
    transition: opacity .24s ease-in-out;
    will-change: opacity
}

.tokens-giveaway-banner .tokens-giveaway-banner-container::after.opacity-transition-appear,
.tokens-giveaway-banner .tokens-giveaway-banner-container::after.opacity-transition-enter {
    opacity: .01
}

.tokens-giveaway-banner .tokens-giveaway-banner-container::after.opacity-transition-appear.opacity-transition-appear-active,
.tokens-giveaway-banner .tokens-giveaway-banner-container::after.opacity-transition-appear.opacity-transition-enter-active,
.tokens-giveaway-banner .tokens-giveaway-banner-container::after.opacity-transition-enter.opacity-transition-appear-active,
.tokens-giveaway-banner .tokens-giveaway-banner-container::after.opacity-transition-enter.opacity-transition-enter-active {
    opacity: 1
}

.tokens-giveaway-banner .tokens-giveaway-banner-container::after.opacity-transition-exit {
    opacity: 1
}

.tokens-giveaway-banner .tokens-giveaway-banner-container::after.opacity-transition-exit.opacity-transition-exit-active {
    opacity: .01
}

.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:nth-child(1) {
    font-weight: 700
}

.tokens-giveaway-banner .tokens-giveaway-description .tokens-giveaway-title-part:nth-child(2) {
    opacity: .6
}

@media screen and (max-width:374px) {
    .tokens-giveaway-banner .tokens-giveaway-description {
        font-size: 1.125rem
    }
}

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

.btn-v2-table-actions.btn-v2-table-actions>.icon {
    fill: rgba(248, 248, 248, .6);
    transition: all 90ms ease-in-out 0s
}

@media (pointer:fine) {

    .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-table-actions.btn-v2-table-actions.active,
.btn-v2-table-actions.btn-v2-table-actions.focus,
.btn-v2-table-actions.btn-v2-table-actions:active,
.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.active>.icon,
.btn-v2-table-actions.btn-v2-table-actions.focus>.icon,
.btn-v2-table-actions.btn-v2-table-actions:active>.icon,
.btn-v2-table-actions.btn-v2-table-actions:focus>.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: all 90ms ease-in-out 0s
}

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

@media (pointer:fine) {

    .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-auth-banner.btn-v2-auth-banner.active,
.btn-v2-auth-banner.btn-v2-auth-banner.focus,
.btn-v2-auth-banner.btn-v2-auth-banner:active,
.btn-v2-auth-banner.btn-v2-auth-banner:focus {
    background: #e5e5e5;
    color: #414141
}

.btn-v2-auth-banner.btn-v2-auth-banner.active>.icon,
.btn-v2-auth-banner.btn-v2-auth-banner.focus>.icon,
.btn-v2-auth-banner.btn-v2-auth-banner:active>.icon,
.btn-v2-auth-banner.btn-v2-auth-banner:focus>.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: all 90ms ease-in-out 0s
}

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

@media (pointer:fine) {

    .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-signup.btn-v2-signup.active,
.btn-v2-signup.btn-v2-signup.focus,
.btn-v2-signup.btn-v2-signup:active,
.btn-v2-signup.btn-v2-signup:focus {
    background: rgba(209, 209, 209, .75);
    color: #414141
}

.btn-v2-signup.btn-v2-signup.active>.icon,
.btn-v2-signup.btn-v2-signup.focus>.icon,
.btn-v2-signup.btn-v2-signup:active>.icon,
.btn-v2-signup.btn-v2-signup:focus>.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-private.btn-v2-private {
    background: #e9a63b;
    color: #583b0b;
    transition: all 90ms ease-in-out 0s;
    border-color: transparent
}

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

@media (pointer:fine) {

    .btn-v2-private.btn-v2-private.hover,
    .btn-v2-private.btn-v2-private:hover {
        background: #e9ae50;
        color: #583b0b
    }

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

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

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

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

@media (pointer:fine) {

    .btn-v2-private.btn-v2-private.hover,
    .btn-v2-private.btn-v2-private:hover {
        border-color: transparent
    }
}

.btn-v2-private.btn-v2-private.active,
.btn-v2-private.btn-v2-private.focus,
.btn-v2-private.btn-v2-private:active,
.btn-v2-private.btn-v2-private:focus {
    border-color: transparent
}

.btn-v2-signup-without-email.btn-v2-signup-without-email {
    background: 0 0;
    color: rgba(255, 255, 255, .8);
    transition: all 90ms ease-in-out 0s;
    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, .8);
    transition: all 90ms ease-in-out 0s
}

@media (pointer:fine) {

    .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
    }

    .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-signup-without-email.btn-v2-signup-without-email.active,
.btn-v2-signup-without-email.btn-v2-signup-without-email.focus,
.btn-v2-signup-without-email.btn-v2-signup-without-email:active,
.btn-v2-signup-without-email.btn-v2-signup-without-email:focus {
    background: 0 0;
    color: #fff
}

.btn-v2-signup-without-email.btn-v2-signup-without-email.active>.icon,
.btn-v2-signup-without-email.btn-v2-signup-without-email.focus>.icon,
.btn-v2-signup-without-email.btn-v2-signup-without-email:active>.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 .btn-loader-overlay {
    color: rgba(255, 255, 255, .8);
    background-color: transparent
}

@media (pointer:fine) {

    .btn-v2-signup-without-email.btn-v2-signup-without-email.hover,
    .btn-v2-signup-without-email.btn-v2-signup-without-email:hover {
        border-color: rgba(255, 255, 255, .7)
    }
}

.btn-v2-signup-without-email.btn-v2-signup-without-email.active,
.btn-v2-signup-without-email.btn-v2-signup-without-email.focus,
.btn-v2-signup-without-email.btn-v2-signup-without-email:active,
.btn-v2-signup-without-email.btn-v2-signup-without-email:focus {
    border-color: rgba(255, 255, 255, .7)
}

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

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

@media (pointer:fine) {

    .btn-v2-login.btn-v2-login.hover,
    .btn-v2-login.btn-v2-login:hover {
        background: #fff;
        color: #414141
    }

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

.btn-v2-login.btn-v2-login.active,
.btn-v2-login.btn-v2-login.focus,
.btn-v2-login.btn-v2-login:active,
.btn-v2-login.btn-v2-login:focus {
    background: #ddc272;
    color: #414141
}

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

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

@media (pointer:fine) {

    .btn-v2-login.btn-v2-login.hover,
    .btn-v2-login.btn-v2-login:hover {
        border-color: transparent
    }
}

.btn-v2-login.btn-v2-login.active,
.btn-v2-login.btn-v2-login.focus,
.btn-v2-login.btn-v2-login:active,
.btn-v2-login.btn-v2-login:focus {
    border-color: transparent
}

.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;
    transition: all ease-in-out .25s;
    background: #1e9b4b;
    color: #fff;
    transition: all 90ms ease-in-out 0s;
    border-color: transparent;
    padding: 2px 20px;
    font-size: 1rem
}

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

@media (pointer:fine) {

    .btn-v2-login-alternative.btn-v2-login-alternative.hover,
    .btn-v2-login-alternative.btn-v2-login-alternative:hover {
        background: var(--secondary-color, #27bd5e);
        color: #fff
    }

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

.btn-v2-login-alternative.btn-v2-login-alternative.active,
.btn-v2-login-alternative.btn-v2-login-alternative.focus,
.btn-v2-login-alternative.btn-v2-login-alternative:active,
.btn-v2-login-alternative.btn-v2-login-alternative:focus {
    background: var(--secondary-color, #27bd5e);
    color: #fff
}

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

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

@media (pointer:fine) {

    .btn-v2-login-alternative.btn-v2-login-alternative.hover,
    .btn-v2-login-alternative.btn-v2-login-alternative:hover {
        border-color: transparent
    }
}

.btn-v2-login-alternative.btn-v2-login-alternative.active,
.btn-v2-login-alternative.btn-v2-login-alternative.focus,
.btn-v2-login-alternative.btn-v2-login-alternative:active,
.btn-v2-login-alternative.btn-v2-login-alternative:focus {
    border-color: transparent
}

@media screen and (max-width:480px) {
    .btn-v2-login-alternative.btn-v2-login-alternative {
        padding: 1px 20px;
        font-size: .875rem
    }
}

.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: all 90ms ease-in-out 0s;
    font-weight: 700
}

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

@media (pointer:fine) {

    .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-private-modal.btn-v2-private-modal.active,
.btn-v2-private-modal.btn-v2-private-modal.focus,
.btn-v2-private-modal.btn-v2-private-modal:active,
.btn-v2-private-modal.btn-v2-private-modal:focus {
    background: #fbc932;
    color: #101010
}

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

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

.btn-v2-lets-chat-plasma.btn-v2-lets-chat-plasma {
    background: 0 0;
    color: #f8f8f8;
    transition: all 90ms ease-in-out 0s;
    border: 2px solid #f8f8f8;
    font-weight: 700;
    margin: 0
}

.btn-v2-lets-chat-plasma.btn-v2-lets-chat-plasma>.icon {
    fill: #f8f8f8;
    transition: all 90ms ease-in-out 0s
}

@media (pointer:fine) {

    .btn-v2-lets-chat-plasma.btn-v2-lets-chat-plasma.hover,
    .btn-v2-lets-chat-plasma.btn-v2-lets-chat-plasma:hover {
        background: 0 0;
        color: #f8f8f8
    }

    .btn-v2-lets-chat-plasma.btn-v2-lets-chat-plasma.hover>.icon,
    .btn-v2-lets-chat-plasma.btn-v2-lets-chat-plasma:hover>.icon {
        fill: #f8f8f8
    }
}

.btn-v2-lets-chat-plasma.btn-v2-lets-chat-plasma.active,
.btn-v2-lets-chat-plasma.btn-v2-lets-chat-plasma.focus,
.btn-v2-lets-chat-plasma.btn-v2-lets-chat-plasma:active,
.btn-v2-lets-chat-plasma.btn-v2-lets-chat-plasma:focus {
    background: 0 0;
    color: #f8f8f8
}

.btn-v2-lets-chat-plasma.btn-v2-lets-chat-plasma.active>.icon,
.btn-v2-lets-chat-plasma.btn-v2-lets-chat-plasma.focus>.icon,
.btn-v2-lets-chat-plasma.btn-v2-lets-chat-plasma:active>.icon,
.btn-v2-lets-chat-plasma.btn-v2-lets-chat-plasma:focus>.icon {
    fill: #f8f8f8
}

@media (pointer:fine) {

    .btn-v2-lets-chat-plasma.btn-v2-lets-chat-plasma.active:hover,
    .btn-v2-lets-chat-plasma.btn-v2-lets-chat-plasma.focus:hover,
    .btn-v2-lets-chat-plasma.btn-v2-lets-chat-plasma:active:hover,
    .btn-v2-lets-chat-plasma.btn-v2-lets-chat-plasma:focus:hover {
        background: 0 0
    }
}

.btn-v2-lets-chat-plasma.btn-v2-lets-chat-plasma .btn-loader-overlay {
    color: #f8f8f8;
    background-color: transparent
}

.btn-v2-lets-chat-plasma.btn-v2-lets-chat-plasma:hover {
    border: 2px solid rgba(248, 248, 248, .6)
}

.btn-v2-signup-details.btn-v2-signup-details {
    background: 0 0;
    color: rgba(255, 255, 255, .8);
    transition: all 90ms ease-in-out 0s;
    border-color: rgba(255, 255, 255, .8);
    border-radius: 40px;
    border-width: 2px
}

.btn-v2-signup-details.btn-v2-signup-details>.icon {
    fill: rgba(255, 255, 255, .8);
    transition: all 90ms ease-in-out 0s
}

@media (pointer:fine) {

    .btn-v2-signup-details.btn-v2-signup-details.hover,
    .btn-v2-signup-details.btn-v2-signup-details:hover {
        background: 0 0;
        color: rgba(255, 255, 255, .9)
    }

    .btn-v2-signup-details.btn-v2-signup-details.hover>.icon,
    .btn-v2-signup-details.btn-v2-signup-details:hover>.icon {
        fill: rgba(255, 255, 255, .9)
    }
}

.btn-v2-signup-details.btn-v2-signup-details.active,
.btn-v2-signup-details.btn-v2-signup-details.focus,
.btn-v2-signup-details.btn-v2-signup-details:active,
.btn-v2-signup-details.btn-v2-signup-details:focus {
    background: 0 0;
    color: rgba(255, 255, 255, .9)
}

.btn-v2-signup-details.btn-v2-signup-details.active>.icon,
.btn-v2-signup-details.btn-v2-signup-details.focus>.icon,
.btn-v2-signup-details.btn-v2-signup-details:active>.icon,
.btn-v2-signup-details.btn-v2-signup-details:focus>.icon {
    fill: rgba(255, 255, 255, .9)
}

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

@media (pointer:fine) {

    .btn-v2-signup-details.btn-v2-signup-details.hover,
    .btn-v2-signup-details.btn-v2-signup-details:hover {
        border-color: rgba(255, 255, 255, .9)
    }
}

.btn-v2-signup-details.btn-v2-signup-details.active,
.btn-v2-signup-details.btn-v2-signup-details.focus,
.btn-v2-signup-details.btn-v2-signup-details:active,
.btn-v2-signup-details.btn-v2-signup-details:focus {
    border-color: rgba(255, 255, 255, .9)
}

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

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

@media (pointer:fine) {

    .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-money.btn-v2-money.active,
.btn-v2-money.btn-v2-money.focus,
.btn-v2-money.btn-v2-money:active,
.btn-v2-money.btn-v2-money:focus {
    background: #cada48;
    color: #000
}

.btn-v2-money.btn-v2-money.active>.icon,
.btn-v2-money.btn-v2-money.focus>.icon,
.btn-v2-money.btn-v2-money:active>.icon,
.btn-v2-money.btn-v2-money:focus>.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: all 90ms ease-in-out 0s;
    border-color: rgba(64, 64, 64, .7)
}

.btn-v2-wizard-outline.btn-v2-wizard-outline>.icon {
    fill: rgba(64, 64, 64, .7);
    transition: all 90ms ease-in-out 0s
}

@media (pointer:fine) {

    .btn-v2-wizard-outline.btn-v2-wizard-outline.hover,
    .btn-v2-wizard-outline.btn-v2-wizard-outline:hover {
        background: 0 0;
        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-wizard-outline.btn-v2-wizard-outline.active,
.btn-v2-wizard-outline.btn-v2-wizard-outline.focus,
.btn-v2-wizard-outline.btn-v2-wizard-outline:active,
.btn-v2-wizard-outline.btn-v2-wizard-outline:focus {
    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.focus>.icon,
.btn-v2-wizard-outline.btn-v2-wizard-outline:active>.icon,
.btn-v2-wizard-outline.btn-v2-wizard-outline:focus>.icon {
    fill: rgba(64, 64, 64, .85)
}

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

@media (pointer:fine) {

    .btn-v2-wizard-outline.btn-v2-wizard-outline.hover,
    .btn-v2-wizard-outline.btn-v2-wizard-outline:hover {
        border-color: #404040
    }
}

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

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

.btn-v2-ultimate.btn-v2-ultimate>.icon {
    fill: #fff;
    transition: all 90ms ease-in-out 0s
}

@media (pointer:fine) {

    .btn-v2-ultimate.btn-v2-ultimate.hover,
    .btn-v2-ultimate.btn-v2-ultimate:hover {
        background: #b23600;
        color: #fff
    }

    .btn-v2-ultimate.btn-v2-ultimate.hover>.icon,
    .btn-v2-ultimate.btn-v2-ultimate:hover>.icon {
        fill: #fff
    }
}

.btn-v2-ultimate.btn-v2-ultimate.active,
.btn-v2-ultimate.btn-v2-ultimate.focus,
.btn-v2-ultimate.btn-v2-ultimate:active,
.btn-v2-ultimate.btn-v2-ultimate:focus {
    background: #cc3d00;
    color: #fff
}

.btn-v2-ultimate.btn-v2-ultimate.active>.icon,
.btn-v2-ultimate.btn-v2-ultimate.focus>.icon,
.btn-v2-ultimate.btn-v2-ultimate:active>.icon,
.btn-v2-ultimate.btn-v2-ultimate:focus>.icon {
    fill: #fff
}

.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: all 90ms ease-in-out 0s;
    border-color: #feb601;
    border-width: 2px;
    font-weight: 700
}

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

@media (pointer:fine) {

    .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
    }

    .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-gold-outline-ds.btn-v2-gold-outline-ds.active,
.btn-v2-gold-outline-ds.btn-v2-gold-outline-ds.focus,
.btn-v2-gold-outline-ds.btn-v2-gold-outline-ds:active,
.btn-v2-gold-outline-ds.btn-v2-gold-outline-ds:focus {
    background: 0 0;
    color: #f8f8f8
}

.btn-v2-gold-outline-ds.btn-v2-gold-outline-ds.active>.icon,
.btn-v2-gold-outline-ds.btn-v2-gold-outline-ds.focus>.icon,
.btn-v2-gold-outline-ds.btn-v2-gold-outline-ds:active>.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 .btn-loader-overlay {
    color: #f8f8f8;
    background-color: transparent
}

@media (pointer:fine) {

    .btn-v2-gold-outline-ds.btn-v2-gold-outline-ds.hover,
    .btn-v2-gold-outline-ds.btn-v2-gold-outline-ds:hover {
        border-color: #feb601
    }
}

.btn-v2-gold-outline-ds.btn-v2-gold-outline-ds.active,
.btn-v2-gold-outline-ds.btn-v2-gold-outline-ds.focus,
.btn-v2-gold-outline-ds.btn-v2-gold-outline-ds:active,
.btn-v2-gold-outline-ds.btn-v2-gold-outline-ds:focus {
    border-color: #feb601
}

.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: all 90ms ease-in-out 0s;
    color: #feb601
}

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

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

@media (pointer:fine) {

    .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-ds.btn-v2-gold-ds.active,
.btn-v2-gold-ds.btn-v2-gold-ds.focus,
.btn-v2-gold-ds.btn-v2-gold-ds:active,
.btn-v2-gold-ds.btn-v2-gold-ds:focus {
    background: #feb601;
    color: #101010
}

.btn-v2-gold-ds.btn-v2-gold-ds.active>.icon,
.btn-v2-gold-ds.btn-v2-gold-ds.focus>.icon,
.btn-v2-gold-ds.btn-v2-gold-ds:active>.icon,
.btn-v2-gold-ds.btn-v2-gold-ds:focus>.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: all 90ms ease-in-out 0s
}

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

@media (pointer:fine) {

    .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-gold.btn-v2-gold.active,
.btn-v2-gold.btn-v2-gold.focus,
.btn-v2-gold.btn-v2-gold:active,
.btn-v2-gold.btn-v2-gold:focus {
    background: #fff;
    color: #414141
}

.btn-v2-gold.btn-v2-gold.active>.icon,
.btn-v2-gold.btn-v2-gold.focus>.icon,
.btn-v2-gold.btn-v2-gold:active>.icon,
.btn-v2-gold.btn-v2-gold:focus>.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: all 90ms ease-in-out 0s;
    border-width: 0
}

.btn-v2-telegram.btn-v2-telegram>.icon {
    fill: #fff;
    transition: all 90ms ease-in-out 0s
}

@media (pointer:fine) {

    .btn-v2-telegram.btn-v2-telegram.hover,
    .btn-v2-telegram.btn-v2-telegram:hover {
        background: #098fd4;
        color: #fff
    }

    .btn-v2-telegram.btn-v2-telegram.hover>.icon,
    .btn-v2-telegram.btn-v2-telegram:hover>.icon {
        fill: #fff
    }
}

.btn-v2-telegram.btn-v2-telegram.active,
.btn-v2-telegram.btn-v2-telegram.focus,
.btn-v2-telegram.btn-v2-telegram:active,
.btn-v2-telegram.btn-v2-telegram:focus {
    background: #119de6;
    color: #fff
}

.btn-v2-telegram.btn-v2-telegram.active>.icon,
.btn-v2-telegram.btn-v2-telegram.focus>.icon,
.btn-v2-telegram.btn-v2-telegram:active>.icon,
.btn-v2-telegram.btn-v2-telegram:focus>.icon {
    fill: #fff
}

.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: all 90ms ease-in-out 0s;
    border-width: 0
}

.btn-v2-see-all.btn-v2-see-all>.icon {
    fill: #fff;
    transition: all 90ms ease-in-out 0s
}

@media (pointer:fine) {

    .btn-v2-see-all.btn-v2-see-all.hover,
    .btn-v2-see-all.btn-v2-see-all:hover {
        background: #483b3b;
        color: #fff
    }

    .btn-v2-see-all.btn-v2-see-all.hover>.icon,
    .btn-v2-see-all.btn-v2-see-all:hover>.icon {
        fill: #fff
    }
}

.btn-v2-see-all.btn-v2-see-all.active,
.btn-v2-see-all.btn-v2-see-all.focus,
.btn-v2-see-all.btn-v2-see-all:active,
.btn-v2-see-all.btn-v2-see-all:focus {
    background: #524a4a;
    color: #fff
}

.btn-v2-see-all.btn-v2-see-all.active>.icon,
.btn-v2-see-all.btn-v2-see-all.focus>.icon,
.btn-v2-see-all.btn-v2-see-all:active>.icon,
.btn-v2-see-all.btn-v2-see-all:focus>.icon {
    fill: #fff
}

.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: all 90ms ease-in-out 0s;
    border-width: 0
}

.btn-v2-plasma.btn-v2-plasma>.icon {
    fill: #fff;
    transition: all 90ms ease-in-out 0s
}

@media (pointer:fine) {

    .btn-v2-plasma.btn-v2-plasma.hover,
    .btn-v2-plasma.btn-v2-plasma:hover {
        background: #f81515;
        color: #fff
    }

    .btn-v2-plasma.btn-v2-plasma.hover>.icon,
    .btn-v2-plasma.btn-v2-plasma:hover>.icon {
        fill: #fff
    }
}

.btn-v2-plasma.btn-v2-plasma.active,
.btn-v2-plasma.btn-v2-plasma.focus,
.btn-v2-plasma.btn-v2-plasma:active,
.btn-v2-plasma.btn-v2-plasma:focus {
    background: #f33333;
    color: #fff
}

.btn-v2-plasma.btn-v2-plasma.active>.icon,
.btn-v2-plasma.btn-v2-plasma.focus>.icon,
.btn-v2-plasma.btn-v2-plasma:active>.icon,
.btn-v2-plasma.btn-v2-plasma:focus>.icon {
    fill: #fff
}

.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: all 90ms ease-in-out 0s
}

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

@media (pointer:fine) {

    .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-apply-private.btn-v2-apply-private.active,
.btn-v2-apply-private.btn-v2-apply-private.focus,
.btn-v2-apply-private.btn-v2-apply-private:active,
.btn-v2-apply-private.btn-v2-apply-private:focus {
    background: #fbc932;
    color: #101010
}

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

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

.separated-filters-no-results {
    display: flex;
    flex-direction: column;
    align-items: center
}

.separated-filters-no-results__title {
    color: #ebebeb;
    font-weight: 500;
    font-size: 20px;
    line-height: 24px;
    margin-bottom: 12px
}

.separated-filters-no-results__description {
    color: rgba(248, 248, 248, .6);
    font-weight: 500;
    font-size: 13px;
    line-height: 16px;
    margin-bottom: 16px
}

.model-categories-skeleton .multiple-categories-category-header {
    align-items: center
}

.model-categories-skeleton .multiple-categories-category-header::before {
    background: rgba(248, 248, 248, .1);
    border-radius: 20px;
    content: " ";
    display: block;
    height: 20px;
    width: 122px;
    animation: skeleton-animation 3s infinite linear;
    background: linear-gradient(128deg, #191919 14%, #1e1e1e 33%, #202020 47%, #1d1d1d 68%, #191919 87%);
    background-size: 300% 100%;
    will-change: background-position
}

.model-categories-skeleton .model-list {
    margin: -4px;
    overflow: hidden
}

@media (pointer:fine) {
    .model-categories-skeleton .multiple-categories-models-list-wrapper+.multiple-categories-models-list-wrapper {
        margin-top: 65px
    }
}

.model-skeleton-item.video-list-item {
    position: relative
}

.model-skeleton-item.video-list-item .video-list-item-link {
    transform: translateZ(0);
    background: 0 0;
    overflow: hidden;
    z-index: auto
}

.model-skeleton-item.video-list-item .video-list-item-link::after {
    background: 0 0;
    content: " ";
    display: block;
    height: 100%;
    opacity: 1;
    position: absolute;
    width: 100%;
    z-index: -1;
    animation: skeleton-animation 3s infinite linear;
    background: linear-gradient(128deg, #191919 14%, #1e1e1e 33%, #202020 47%, #1d1d1d 68%, #191919 87%);
    background-size: 300% 100%;
    will-change: background-position
}

.model-skeleton-item.video-list-item .video-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.video-list-item .video-list-item-title {
    background-color: rgba(248, 248, 248, .1);
    border-radius: 37px;
    bottom: 23px;
    height: 8px;
    left: 44px;
    position: absolute;
    width: 40%
}

.see-more-models-button {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 10px;
    width: 100%
}

.see-more-models-button .see-more-button-background {
    padding: 0 24px;
    background-color: transparent
}

.see-more-models-button .see-more-button.btn-default {
    font-size: .688rem;
    background: 0 0;
    border-color: transparent;
    color: rgba(248, 248, 248, .6) !important;
    text-transform: uppercase;
    font-weight: 700;
    margin: 0;
    display: flex;
    align-items: center
}

.see-more-models-button .see-more-button.btn-default .see-more-icon {
    fill: currentColor;
    width: 10px;
    height: 10px
}

.see-more-models-button .see-more-button.btn-default .icon {
    transition: none
}

.see-more-models-button .see-more-button.btn-default:hover {
    background-color: rgba(255, 255, 255, .1);
    color: #f8f8f8 !important
}

.see-more-models-button .see-more-button.btn-default:hover .icon {
    fill: #f8f8f8
}

.see-more-models-button .see-more-button.btn-default.see-all-button {
    border-color: rgba(248, 248, 248, .4);
    border-width: 2px
}

.see-more-models-button .see-more-button.btn-default.see-all-button:hover {
    background: 0 0;
    border-color: #f8f8f8;
    color: #f8f8f8 !important
}

.see-more-models-button .see-more-icon {
    width: 10px;
    margin-left: 6px;
    margin-right: 0
}

.see-more-models-button .see-more-divider {
    background-color: rgba(248, 248, 248, .2);
    height: 1px;
    flex: 1 0 auto
}

.lazy-load-model-list-clear-filters-suggestion {
    padding: 48px 0
}

.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: all 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--video-list-item {
    display: none
}

.model-additional-menu.model-additional-menu--video-list-item .icon-more-vertical {
    color: #fff
}

.model-additional-menu.model-additional-menu--video-list-item .model-additional-menu__button .icon-more-vertical {
    height: 14px
}

.model-additional-menu.model-additional-menu--video-list-item.shown .model-additional-menu__button,
.model-additional-menu.model-additional-menu--video-list-item:hover .model-additional-menu__button {
    background: #3e3f42
}

.model-additional-menu.model-additional-menu--video-list-item.shown {
    display: flex
}

body.touch .model-additional-menu.model-additional-menu--video-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)
}

.video-list-item:hover .model-additional-menu.model-additional-menu--video-list-item {
    display: flex
}

.video-list-item:hover .model-additional-menu.model-additional-menu--video-list-item .model-additional-menu__button {
    background: rgba(0, 0, 0, .4)
}

.video-list-item:hover .model-additional-menu.model-additional-menu--video-list-item .model-additional-menu__button.shown,
.video-list-item:hover .model-additional-menu.model-additional-menu--video-list-item .model-additional-menu__button:hover {
    background: #3e3f42
}

.model-additional-menu.model-additional-menu--profile .model-additional-menu__button {
    height: 32px;
    width: 32px
}

.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 .model-additional-menu__button {
    background: 0 0
}

.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--video-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
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.live-thumb {
    overflow: hidden;
    pointer-events: none
}

.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 {
    display: none
}

.live-thumb video {
    -o-object-fit: cover;
    object-fit: cover
}

.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)
    }
}

.broken-heart-button {
    display: flex
}

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

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

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

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

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

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

.video-list-item-add-favorites {
    display: flex;
    height: 21px;
    width: 25px;
    margin-right: 6px;
    position: relative;
    opacity: .6;
    transform: scale(1.2)
}

.video-list-item-add-favorites:active {
    transform: scale(1.15)
}

.video-list-item-add-favorites .broken-heart-button {
    margin-top: 1.5px
}

.video-list-item-add-favorites .broken-heart-button>* {
    background-color: #f14b57
}

.video-list-item-add-favorites .broken-heart-button:hover .broken-heart-button__left-icon {
    transform: translate(-1px) !important
}

.video-list-item-add-favorites .broken-heart-button:hover .broken-heart-button__right-icon {
    transform: translate(1px) !important
}

.video-list-item-add-favorites .broken-heart-button:hover .broken-heart-button__left-icon,
.video-list-item-add-favorites .broken-heart-button:hover .broken-heart-button__right-icon {
    opacity: 1 !important
}

.video-list-item-add-favorites .icon {
    margin: 0;
    color: #000;
    stroke: rgba(255, 255, 255, .6);
    transform: translate3d(0, 0, 0)
}

.video-list-item-add-favorites:hover {
    opacity: .8
}

.video-list-item-add-favorites:hover .icon {
    color: #f14b57;
    stroke: #f14b57
}

.video-list-item-add-favorites--is-active,
.video-list-item-add-favorites--is-active:hover {
    opacity: 1
}

.video-list-item-add-favorites--is-active .broken-heart-button,
.video-list-item-add-favorites--is-active:hover .broken-heart-button {
    opacity: 1
}

.video-list-item-add-favorites--is-active .icon {
    color: #f14b57;
    stroke: #f14b57
}

.video-list-item-add-favorites--is-active .video-list-item-add-favorites__icon {
    opacity: 0
}

.video-list-item-add-favorites--is-active .video-list-item-add-favorites__icon-active {
    opacity: 1
}

.video-list-item-add-favorites__icon,
.video-list-item-add-favorites__icon-active {
    position: absolute;
    left: 0;
    top: 0
}

.video-list-item-add-favorites__icon {
    opacity: 1
}

.video-list-item-add-favorites__icon-active {
    opacity: 0
}

.video-list-item-add-favorites--is-pending .broken-heart-button .broken-heart-button__left-icon,
.video-list-item-add-favorites--is-pending .broken-heart-button .broken-heart-button__right-icon,
.video-list-item-add-favorites--is-pending .broken-heart-button:hover .broken-heart-button__left-icon,
.video-list-item-add-favorites--is-pending .broken-heart-button:hover .broken-heart-button__right-icon {
    transform: none !important;
    transition: none
}

.video-list-item {
    align-items: stretch;
    display: flex;
    flex-direction: column;
    min-height: 110px;
    /* padding: 5px; */
    position: relative
}

.video-list-item-private-badge {
    background: #a2252d;
    border-radius: 2px;
    color: #fff;
    height: 17px;
    margin: 0 0 0 2px;
    overflow: hidden;
    padding: 2px 5px;
    pointer-events: none;
    text-overflow: ellipsis;
    white-space: nowrap;
    z-index: 80;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: normal;
    line-height: 13px
}

.video-list-item__live-thumb {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.video-list-item-link {
    background-color: #202020;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    display: block;
    padding-bottom: 67%;
    position: relative;
    width: 100%;
    height:100%;
    z-index: 0;
    
}

.video-list-item-link:hover {
    z-index: 1
}

.video-list-item-link.no-cover {
    background-image: url(/assets/cams/components/ui/ModelList/model-loading-dark.svg)
}

.video-list-item-link.ready::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
}

.video-list-item--mobile .video-list-item-link {
    background-size: contain
}

.video-list-item-link .award-place {
    margin-right: 4px;
    margin-top: 2px
}

.video-list-item-link .award-hall-of-fame {
    margin-right: -3px;
    margin-top: 0
}

.video-list-item-additional-menu-wrapper {
    margin-left: 2px;
    margin-right: 2px
}

.video-list-item-additional-menu-wrapper--absolute {
    position: absolute;
    right: 0
}

.video-list-item-link-non-nude {
    background: center/contain no-repeat url(/assets/common/images/non-nude-cover-placeholder.svg)
}

.video-list-item-link-mobile.ready:not(.no-cover) {
    background-color: #202020;
    background-size: contain
}

.video-list-item-link-mobile.ready:not(.no-cover) .video-list-item-link-background {
    background-color: transparent;
    background-repeat: no-repeat;
    background-size: contain
}

.video-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
}

.video-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: "";
    filter: blur(10px) brightness(.6);
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    transform: scale(1.04);
    transform-origin: center
}

.video-list-item-upper {
    align-items: flex-start;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    left: 0;
    position: absolute;
    /* top: 2px; */
    width: 100%;
    z-index: 11
}

.video-list-item-upper-left {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    min-width: 0
}

.video-list-item-upper-right {
    display: flex;
    flex-direction: row-reverse;
    flex-wrap: nowrap;
    white-space: nowrap
}

.video-list-item-center {
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%)
}

.video-list-item-lower-left {
    align-items: center;
    /* bottom: 8px; */
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    font-size: .75rem;
    /* left: 12px; */
    letter-spacing: .044rem;
    position: absolute;
    z-index: 10;
    max-width: 100%;
    /* padding-right: 15px; */
    left: 5px;
    bottom: 5px;
    padding-right: 0;
}

.video-list-item-lower-left_vertical {
    flex-direction: column;
    align-items: flex-start
}

.video-list-item-lower-right {
    bottom: 8px;
    display: flex;
    flex-direction: row-reverse;
    flex-wrap: nowrap;
    font-size: .75rem;
    letter-spacing: .044rem;
    position: absolute;
    right: 12px;
    z-index: 10
}

.video-list-item-recommended.video-list-item-recommended {
    left: -2px;
    position: absolute;
    top: 20px
}

.video-list-item-recommended-icon {
    height: 20px;
    width: 31px
}

.video-list-item-live {
    border-bottom-right-radius: 2px;
    border-top-right-radius: 2px;
    height: 16px;
    margin: 0;
    width: 30px
}

.video-list-item-offline-private-tooltip.css-tooltip-top {
    min-width: 0;
    z-index: 2
}

.video-list-item-offline-private-tooltip.css-tooltip-top::after {
    white-space: pre-wrap;
    width: 155px
}

.video-list-item-offline-private {
    background-color: #feb601;
    border-radius: 4px;
    box-shadow: 0 4px 24px rgba(0, 0, 0, .32);
    color: #000;
    display: flex;
    font-weight: 500;
    letter-spacing: 0;
    margin-left: 2px;
    margin-right: 4px;
    padding: 4px;
    font-size: .625rem;
    line-height: .75rem
}

.video-list-item-offline-private .icon {
    flex-shrink: 0;
    margin-right: 2px
}

.video-list-item-offline-private-text {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.video-list-item-broadcast-type {
    margin: 0;
    margin-left: 2px
}

.video-list-item-broadcast-type-vr {
    height: 16px;
    vertical-align: top;
    width: 24px
}

.video-list-item-broadcast-type-hd {
    height: 16px;
    vertical-align: top;
    width: 24px
}

.video-list-item-broadcast-type-mobile {
    height: 20px;
    vertical-align: top;
    width: 14px
}

.video-list-item-broadcast-type-ticket-show {
    background: rgba(0, 0, 0, .6);
    border-radius: 2px;
    color: #fff;
    height: 16px;
    margin: 0 0 0 2px;
    padding: 2px 4px;
    vertical-align: top;
    width: 24px
}

.video-list-item-broadcast-type-group-show {
    background: rgba(0, 0, 0, .6);
    border-radius: 2px;
    color: #fff;
    height: 16px;
    margin: 0 0 0 2px;
    padding: 0 4px;
    vertical-align: top;
    width: 24px
}

.video-list-item-toy {
    border-radius: 3px;
    color: #fff;
    height: 19px;
    margin: 0 0 0 2px;
    padding: 3px;
    width: 19px
}

.video-list-item-toy-lovense {
    background-color: rgba(0, 0, 0, .6)
}

.video-list-item-toy-kiiroo {
    background-color: rgba(197, 38, 47, .8)
}

.video-list-item-price {
    background: rgba(0, 0, 0, .8);
    border-radius: 4px;
    color: #fff;
    font-size: 12px;
    font-weight: 500;
    height: 20px;
    line-height: 12px;
    margin-right: 2px;
    padding: 4px 5px 5px 5px
}

.video-list-item-bagde-new {
    background: #ffae34;
    border-bottom-left-radius: 2px;
    border-top-left-radius: 2px;
    color: #000;
    height: 16px;
    margin: 0;
    margin-left: 2px;
    overflow: hidden;
    text-align: center;
    width: 34px;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: normal;
    line-height: 14px
}


.video-list-item-favorite {
    height: 18px;
    margin-left: -4px;
    margin-right: 6px;
    width: 18px
}

.video-list-item-status {
    bottom: 0;
    left: 0;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 0;
    transition: background .3s;
    z-index: 11
}

.video-list-item-status-content {
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%)
}

.video-list-item-status-label {
    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
}

.video-list-item-status-icon {
    height: 100%;
    margin: 0;
    max-height: 22px;
    max-width: 24px;
    opacity: .6;
    width: 100%;
    z-index: 2
}

.video-list-item-status-icon-wrapper {
    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
}

.video-list-item-link:hover .video-list-item-status {
    background: rgba(0, 0, 0, .23);
    pointer-events: auto
}

.video-list-item-link:hover .video-list-item-status-icon-wrapper {
    background: #fff;
    top: -10px
}

.video-list-item-link:hover .video-list-item-status-label {
    opacity: 1
}

.video-list-item-username {
    color: #fff;
    margin: 0 4px 0 0;
    font-weight: 500;
    padding: 1px 0 1px 0;
    text-shadow: 0 1px 2px rgba(0, 0, 0, .3);
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    letter-spacing: .063rem;
}

.video-list-item-username em {
    background: #d5444e;
    display: inline-block;
    font-style: normal;
    line-height: 20px
}

.video-list-item-viewers {
    margin-bottom: 2px
}

.video-list-item-country {
    display: inline-block;
    margin-bottom: 3px;
    position: relative
}

.video-list-item-bottom-info {
    margin-top: 8px;
    font-size: .75rem;
    line-height: .938rem
}

@media (pointer:coarse) {
    .video-list-item-bottom-info {
        min-height: 30px;
        overflow: hidden;
        white-space: break-spaces
    }
}

.video-list-item-bottom-info .title {
    color: rgba(248, 248, 248, .8)
}

.video-list-item-bottom-info .activity {
    font-weight: 700;
    overflow-wrap: break-word
}

.video-list-item-bottom-info .tokens {
    color: #b2e345;
    font-weight: 700
}

.video-list-item-plasma-badge {
    background-color: rgba(0, 0, 0, .6);
    border-radius: 4px;
    color: #fff;
    font-weight: 700;
    line-height: 14px;
    margin: 0 0 0 2px;
    margin-right: 4px;
    overflow: hidden;
    padding: 3px 5px;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: .625rem
}

.video-list-item-plasma-badge .icon-plasma {
    fill: #ff5f5f;
    height: 14px;
    vertical-align: top;
    width: 14px
}

.video-list-item-plasma-badge .accent {
    color: #ff5f5f
}

.video-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
}

.video-list-item__undo-not-interested-progress {
    background-color: #953032;
    bottom: 0;
    height: 4px;
    left: 0;
    position: absolute;
    transform-origin: 0 0 0;
    width: 100%
}

.video-list-item__undo-not-interested-title {
    color: #f8f8f8;
    font-weight: 400;
    margin-bottom: 12px;
    line-height: 1.125rem;
    font-size: .813rem
}

.video-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
}

.video-list-item__undo-not-interested-link .icon {
    height: 8px;
    margin-left: 5px;
    margin-right: 0;
    width: 5px
}

.video-list-item__undo-not-interested-button {
    background: 0 0;
    color: #fff;
    transition: all 90ms ease-in-out 0s;
    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
}

.video-list-item__undo-not-interested-button>.icon {
    fill: #fff;
    transition: all 90ms ease-in-out 0s
}

@media (pointer:fine) {

    .video-list-item__undo-not-interested-button.hover,
    .video-list-item__undo-not-interested-button:hover {
        background: 0 0;
        color: #f8f8f8
    }

    .video-list-item__undo-not-interested-button.hover>.icon,
    .video-list-item__undo-not-interested-button:hover>.icon {
        fill: #f8f8f8
    }
}

.video-list-item__undo-not-interested-button.active,
.video-list-item__undo-not-interested-button.focus,
.video-list-item__undo-not-interested-button:active,
.video-list-item__undo-not-interested-button:focus {
    background: 0 0;
    color: #f8f8f8
}

.video-list-item__undo-not-interested-button.active>.icon,
.video-list-item__undo-not-interested-button.focus>.icon,
.video-list-item__undo-not-interested-button:active>.icon,
.video-list-item__undo-not-interested-button:focus>.icon {
    fill: #f8f8f8
}

.video-list-item__undo-not-interested-button .btn-loader-overlay {
    color: #fff;
    background-color: transparent
}

@media (pointer:fine) {

    .video-list-item__undo-not-interested-button.hover,
    .video-list-item__undo-not-interested-button:hover {
        border-color: #f8f8f8
    }
}

.video-list-item__undo-not-interested-button.active,
.video-list-item__undo-not-interested-button.focus,
.video-list-item__undo-not-interested-button:active,
.video-list-item__undo-not-interested-button:focus {
    border-color: #f8f8f8
}

@media screen and (max-width:1023px) {
    .video-list-item__undo-not-interested-title {
        font-size: .75rem;
        line-height: 1rem
    }
}

.video-list-item-username-wrapper {
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis
}

.video-list-item-username-wrapper--in-search-dropdown {
    display: inline
}

.video-list-item-username-wrapper--in-search-dropdown .video-list-item-username-wrapper__old-username {
    opacity: .6;
    display: inline
}

.video-list-item-username-wrapper__old-username {
    white-space: nowrap;
    display: block
}

.video-list-item-username-wrapper__old-username em {
    font-style: normal;
    font-weight: 700;
    display: inline
}

.video-list-item-viewers {
    color: #fff;
    display: flex;
    align-items: center;
    font-size: 10px;
    line-height: 16px;
    font-weight: 500;
    opacity: .9;
    text-shadow: 0 1px 4px rgba(0, 0, 0, .5)
}

.video-list-item-viewers__icon {
    filter: drop-shadow(0 1px 4px rgba(0, 0, 0, .5));
    fill: #fff;
    width: 12px
}

.debug-rating {
    bottom: 30px;
    display: flex;
    position: absolute;
    z-index: 11
}

.debug-rating:hover {
    z-index: 12
}

.dr-wrapper {
    display: flex;
    flex-wrap: wrap
}

.dr-item {
    border-radius: 3px;
    color: #000;
    margin: 2px 1px;
    min-width: 20px;
    padding: 1px;
    text-align: center
}

.dr-item .arr {
    display: none
}

.dr-item:hover .arr {
    display: block
}

.dr-item.index-position {
    background-color: #00a5e3
}

.dr-item.index-rating {
    background-color: #00ae4c
}

.dr-item.has-model-country-bonus {
    background-color: #f66
}

.dr-item.normalized-history-rating {
    background-color: #2cc2bc
}

.dr-item.normalized-viewers-rating {
    background-color: #4cae4c
}

.dr-item.new-model-bonus {
    background-color: #8dac3f
}

.dr-item.viewers-moving {
    background-color: #00a5e3
}

.dr-item.stripscore-and-private-rating {
    background-color: #dad
}

.dr-item.sorting-history {
    background-color: #99cb84
}

.dr-item.history-rating {
    background-color: #bee9ea
}

.dr-item.history-rating-list-position {
    background-color: #ffdb84
}

.dr-item.average-rating {
    background-color: #dff0d8
}

.dr-item.default-history-rating {
    background-color: #efadb2
}

.dr-item.history-rating-ratio {
    background-color: #a5d244
}

.dr-item.viewers-rating-ratio {
    background-color: #daccaf
}

.dr-item.new-model-ratio {
    background-color: #27b832
}

.dr-item.bonus-ratio {
    background-color: #5cb85c
}

.dr-item.strip-score {
    background-color: pink
}

.dr-item.strip-ranking {
    background-color: violet
}

.dr-item.is-similar-face {
    background-color: #babbe3
}

.dr-item.top-score {
    background-color: #9dc0fd
}

.model-list-wrapper {
    padding-bottom: 20px
}

.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, .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
}

.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 {
    transition: all 60ms ease-in-out 0s
}

.pagination .page-button:hover .icon {
    transition: all 60ms ease-in-out 0s
}

.pagination .page-button.active {
    background: #a2252d;
    background: var(--primary);
    border: none;
    color: #fff
}

@media screen and (max-width:1023px) {
    .pagination .page-button {
        height: 42px;
        min-width: 42px;
        font-size: .875rem
    }

    .pagination .page-button .icon {
        height: 12px;
        width: 12px
    }
}

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

    .pagination .page-button.page-button-next,
    .pagination .page-button.page-button-prev {
        padding: 0
    }
}

.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: all 90ms ease-in-out 0s
}

.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 {
    margin: 11px 0 0 0;
    padding: 8px 20px;
    background-color: #61922f;
    color: #f8f8f8;
    font-size: .75rem;
    line-height: .938rem
}

@media screen and (min-width:1600px) {
    .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
    }
}

@media screen and (min-width:1366px) {
    .model-list-promo-item__text--favorites-title {
        margin-top: 8px
    }

    .model-list-promo-item__btn-sign-up {
        margin: 8px 0 0 0;
        padding: 8px 16px
    }
}

@media screen and (max-width:1279px) {
    .model-list-promo-item__btn-close {
        right: 14px;
        top: 14px
    }

    .model-list-promo-item__content {
        padding: 0 12px 0 12px
    }

    .model-list-promo-item__content--favorites {
        padding: 0 12px 0 12px
    }

    .model-list-promo-item__icon-cam.icon {
        height: 18px;
        width: 26px
    }

    .model-list-promo-item__icon-heart {
        width: 33px;
        height: 27px
    }

    .model-list-promo-item__text--title {
        margin-top: 5px
    }

    .model-list-promo-item__text--action {
        margin-top: 6px
    }

    .model-list-promo-item__text--favorites {
        font-size: .625rem;
        line-height: .75rem
    }

    .model-list-promo-item__text--favorites-title {
        margin-top: 3px;
        font-size: .75rem;
        line-height: .875rem
    }

    .model-list-promo-item__btn-sign-up {
        margin: 10px 0 0 0;
        padding: 8px 14px;
        font-size: .625rem;
        line-height: .75rem
    }
}

@media screen and (max-width:1023px) {
    .model-list-promo-item__content {
        padding: 0 14px 0 22px
    }

    .model-list-promo-item__icon-cam.icon {
        height: 26px;
        width: 40px
    }
}

@media screen and (max-width:820px) {
    .model-list-promo-item__content {
        padding: 0 12px 0 12px
    }

    .model-list-promo-item__content--favorites {
        padding: 0 16px 0 16px
    }

    .model-list-promo-item__icon-cam.icon {
        height: 18px;
        width: 26px
    }

    .model-list-promo-item__text--title {
        margin-top: 8px
    }

    .model-list-promo-item__text--action {
        margin-top: 8px
    }

    .model-list-promo-item__btn-sign-up {
        padding: 8px 14px
    }
}

.inline-badge__plus {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    margin-left: 10px;
    width: 16px;
    height: 16px;
    background-color: #6e6e6e;
    border-radius: 50%
}

.inline-badge:hover .inline-badge__plus {
    background-color: #c63d3e
}

.inline-badge__plus .icon {
    margin: 0;
    width: 8px !important;
    height: 8px !important;
    color: #000;
    fill: currentColor
}

.inline-badge {
    display: inline-flex;
    flex-shrink: 0;
    padding: 5px 12px;
    height: 32px;
    border-radius: 80px;
    border: 2px solid #333;
    background-color: #333;
    cursor: pointer;
    font-size: .813rem;
    line-height: 1.063rem
}

.inline-badge a {
    color: #f8f8f8;
    text-decoration: none
}

.inline-badge:hover {
    background-color: #464646;
    border-color: #5b5b5b
}

.inline-badge.active {
    background-color: #464646;
    border-color: #5b5b5b
}

.inline-badge.active a {
    color: #f8f8f8
}

.inline-badge--recommended {
    background-color: transparent;
    border: 2px dashed #464646
}

.inline-badge--recommended:hover {
    background-color: transparent;
    border-color: #5b5b5b
}

.inline-badge--recommended:hover a {
    color: #f8f8f8
}

.inline-badge__plus {
    margin-left: 10px;
    width: 16px;
    height: 16px
}

.inline-badge__plus .icon {
    margin: 0;
    color: #000;
    fill: currentColor
}

.inline-badge--selected {
    border: 2px solid #333;
    background-color: #333;
    cursor: pointer;
    position: relative;
    top: -1px;
    padding-right: 6px
}

@media screen and (max-width:767px) {
    .inline-badge--selected:hover {
        border-color: #5b5b5b;
        background-color: #464646
    }
}

.inline-badge--selected .inline-badge__plus {
    transform: rotate(45deg)
}

.inline-badge__label {
    display: flex;
    align-items: center
}

.tags-inline-badges {
    position: relative
}

.tags-inline-badges__divider {
    flex-shrink: 0;
    margin: 0 8px 8px 0;
    width: 1px;
    height: 16px;
    background-color: rgba(248, 248, 248, .4)
}

.tags-inline-badges-container {
    display: flex;
    align-items: center
}

.tags-inline-badges-container>.btn {
    height: 32px
}

.tags-inline-badges .btn-categories {
    display: inline-flex;
    padding: 5px 12px;
    border-radius: 80px;
    border: 2px solid #333;
    background-color: #333;
    cursor: pointer;
    color: #f8f8f8;
    font-size: .875rem;
    line-height: 1.125rem
}

.tags-inline-badges div.btn-tags-inline-badge {
    flex-shrink: 0;
    display: none;
    height: 28px;
    margin-bottom: 5px;
    margin-right: 5px
}

@media screen and (max-width:1023px) {
    .tags-inline-badges div.btn-tags-inline-badge {
        font-size: .813rem
    }
}

.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 {
    display: none;
    height: 32px;
    margin-bottom: 8px;
    margin-right: 8px;
    display: inline-flex;
    overflow: visible
}

.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 {
    width: 7px;
    margin-left: 3px
}

@media screen and (max-width:767px) {
    .tags-inline-badges .btn-categories_wrap-on-small {
        height: 32px;
        align-items: center
    }

    .tags-inline-badges .btn-categories_wrap-on-small .btn-categories__label {
        display: none
    }

    .tags-inline-badges .btn-categories_wrap-on-small svg.icon-categories-2 {
        margin-right: 0
    }

    .tags-inline-badges .btn-categories_wrap-on-small svg.icon-arrow-down-filled {
        display: none
    }
}

.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
}

@media screen and (max-width:1023px) {
    .indexpage .index-page:not(.vr-index-page.with-mobile-filters) .btn-tags-inline-badge.is-mobile-tag {
        display: inline-flex
    }

    .indexpage .index-page:not(.vr-index-page.with-mobile-filters) .btn-tags-inline-badge:not(.is-mobile-tag) {
        display: none
    }

    .indexpage .index-page:not(.vr-index-page.with-mobile-filters) .tags-inline-badges__divider_categories.is-mobile {
        display: block
    }

    .indexpage .index-page:not(.vr-index-page.with-mobile-filters) .tags-inline-badges__divider_categories:not(.is-mobile) {
        display: none
    }

    .indexpage .tags-inline-badges .btn-categories {
        display: inline-flex
    }

    .indexpage .tags-inline-badges .btn-tags-inline-badge-show-more {
        display: none
    }
}

@media screen and (min-width:768px) {
    .indexpage .vr-index-page.with-mobile-filters .btn-tags-inline-badge {
        display: inline-flex
    }

    .indexpage .vr-index-page.with-mobile-filters .btn-tags-inline-badge-show-more {
        display: none
    }

    .indexpage .tags-inline-badges .btn-tags-inline-badge-show-more {
        display: none
    }
}

.nav-scrollable-container {
    display: flex
}

.nav-scrollable-container .nav-scrollable {
    height: 42px;
    display: flex;
    flex-direction: row
}

@media (pointer:fine) {
    .nav-scrollable-container .nav-scrollable {
        display: none
    }
}

body:not(.touch) .nav-scrollable-container .nav-scrollable {
    display: none
}

.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;
    overflow-x: scroll;
}

/* @media (pointer:coarse) {
    .navbar-dropdown {
        display: none
    }
} */

body.touch .navbar-dropdown {
    display: none
}

.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, .6);
    height: 5px;
    margin: 0;
    width: 5px;
    transition: all 120ms ease-in-out 0s
}

.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, .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
}

@media screen and (max-width:1023px) {
    .header-sub>.container.search-expanded {
        padding: 0
    }

    .header-sub>.container.search-expanded .nav-left {
        display: none
    }
}

.header-sub>.container.search-expanded .nav-right {
    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::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 .link {
    align-items: center;
    align-self: stretch;
    color: rgba(255, 255, 255, .6);
    display: inline-block;
    white-space: nowrap;
    display: flex;
    flex-direction: row
}

.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: all 120ms ease-in-out 0s
}

.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
}

@media screen and (max-width:479px) {
    .header-sub>.container .btn.open .icon-categories {
        display: none
    }
}

.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-label {
    margin-left: 6px
}

.header-sub>.container .btn .dropdown-arrow {
    margin-left: 6px
}

.header-sub>.container .btn .icon {
    margin: 0;
    margin-top: -3px
}

.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 #242426;
    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
}

@media screen and (max-width:1023px) {
    .header-sub>.container>nav.nav-left {
        flex-shrink: 1
    }

    .header-sub>.container>nav.nav-left .btn {
        padding: 0 10px
    }
}

@media screen and (max-width:639px) {
    .header-sub>.container .model-filter-dropdown>.tag-group {
        flex-basis: 33%;
        flex-grow: 1;
        padding: 10px
    }
}

.ucbrowser .header-sub>.container {
    display: block;
    flex: 1;
    flex-basis: auto;
    flex-grow: 0;
    flex-shrink: 0
}

@media screen and (max-width:1023px) {
    .ucbrowser .header-sub>.container .model-filter-dropdown-wrapper {
        width: 100%
    }
}

.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
}

.next-model-button {
    align-items: center;
    color: #a4a4a5;
    cursor: pointer;
    font-weight: 400;
    padding: 10px;
    font-size: .813rem;
    display: flex;
    flex-direction: row;
    transition: all 120ms ease-in-out 0s
}

.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-radius: 17px;
    border: 2px solid transparent;
    color: #fff;
    height: 28px;
    padding: 4px 5px 4px 16px;
    pointer-events: all;
    position: fixed;
    right: 10px;
    top: 53px
}

.next-model-button--bordered .icon-next-small {
    fill: #fff
}

.next-model-button--bordered:hover {
    border-color: #fff
}

@media screen and (max-width:639px) {
    .next-model-button--bordered {
        border-color: rgba(255, 255, 255, .2);
        border-width: 1px;
        height: 32px;
        justify-content: center;
        padding: 0;
        position: inherit;
        right: auto;
        top: auto;
        width: 32px
    }

    .next-model-button .next-model-button-label {
        display: none
    }
}

@media screen and (max-width:479px) {
    .next-model-button {
        display: none
    }

    .next-model-button--bordered {
        display: flex
    }
}

.i-os .next-model-button--bordered {
    position: inherit;
    right: auto;
    top: auto
}

.i-os .buttons-fullscreen__bottom {
    align-items: center
}

.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 0 6px
}

.tags-preference-dropdown .selectbox-arrow .icon {
    height: 10px;
    margin-right: 0;
    margin-top: -1px;
    top: -1px;
    width: 10px;
    transition: all 120ms ease-in-out 0s
}

.tags-preference-dropdown .tags-preference-mobile-select {
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1
}

@media screen and (max-width:1023px) {
    .tags-preference-dropdown:not(.tags-preference-dropdown--mobile-label) .tags-preference-dropdown-trigger {
        height: 36px;
        padding: 7px 0 7px 7px;
        width: 53px
    }
}

@media screen and (max-width:639px) {
    .tags-preference-dropdown.tags-preference-dropdown--mobile-left .tags-preference-dropdown-content {
        right: auto
    }
}

.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
}

.checkbox-ds {
    display: flex;
    align-items: center;
    margin-bottom: 0;
    cursor: pointer
}

.checkbox-ds__input {
    opacity: 0
}

.checkbox-ds__box {
    position: relative;
    margin-right: 7px;
    width: 18px;
    height: 18px;
    border: 2px solid #f8f8f8;
    border-radius: 2px;
    background-color: transparent
}

.checkbox-ds__box--checked {
    background-color: #f8f8f8
}

.checkbox-ds__icon {
    position: absolute;
    top: 0;
    left: 0;
    width: 14px;
    height: 14px;
    color: #222
}

.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 {
    width: 15px;
    height: 15px
}

.checkbox-ds--small .checkbox-ds__icon {
    width: 11px;
    height: 11px
}

.advanced-filter-dialogue {
    --advanced-filter-dialogue-outer-margin: 48px;
    background-color: #3e3f42;
    border-radius: 8px;
    line-height: normal;
    margin: 2px calc(-1 * var(--advanced-filter-dialogue-outer-margin)) 0;
    min-height: 200px;
    padding: 18px 0 2px 20px;
    z-index: 300;
    box-shadow: 0 20px 30px rgba(0, 0, 0, .3);
    position: relative;
    color: #fff;
    display: flex;
    flex-direction: column
}

.advanced-filter-dialogue--wider:not(.advanced-filter-dialogue--mobile) {
    --advanced-filter-dialogue-outer-margin: 62px
}

.advanced-filter-dialogue--compact {
    margin-right: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    position: absolute;
    top: 100%;
    right: 0;
    left: calc(-1 * var(--advanced-filter-dialogue-outer-margin))
}

@media screen and (max-width:1023px) {
    .advanced-filter-dialogue--compact {
        left: 0;
        margin-left: 0
    }
}

.advanced-filter-dialogue--mobile {
    border-radius: 0
}

.advanced-filter-dialogue__close {
    position: absolute;
    top: 19px;
    right: 16px;
    opacity: .25;
    z-index: 1;
    cursor: pointer;
    transition: opacity .2s ease-in-out
}

.advanced-filter-dialogue__close:hover {
    opacity: .85
}

@media screen and (max-width:767px) {
    .model-search .advanced-filter-dialogue__close {
        display: none
    }
}

.advanced-filter-dialogue__body {
    display: flex;
    flex-direction: column;
    min-height: 0;
    z-index: 0
}

.advanced-filter-dialogue__title {
    font-weight: 500;
    font-size: 1.125rem;
    margin-bottom: 25px;
    margin-right: 20px;
    white-space: normal
}

.advanced-filter-dialogue--searchable .advanced-filter-dialogue__title {
    margin-bottom: 17px
}

.advanced-filter-dialogue__title-em {
    color: #fa5265
}

.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 {
    padding-bottom: 15px;
    border-bottom: 1px solid rgba(255, 255, 255, .06);
    margin-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: no-repeat linear-gradient(0deg, rgba(62, 63, 66, 0) 0%, #3e3f42 5px, #3e3f42 100%);
    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-template-columns: 1fr 1fr;
    grid-row-gap: 16px;
    grid-column-gap: 16px
}

.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
}

@media screen and (max-width:479px) {
    .advanced-filter-dialogue__item {
        white-space: normal
    }
}

.advanced-filter-dialogue__item-caption {
    align-items: center;
    color: rgba(248, 248, 248, .8);
    display: flex;
    transition: opacity .15s ease-out;
    letter-spacing: normal
}

.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 {
    display: inline-grid;
    margin-bottom: 0;
    grid-column-gap: 8px;
    grid-template-columns: auto auto;
    align-items: center;
    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 {
    border-color: #61922f;
    background-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 {
    border-color: transparent;
    background-color: rgba(248, 248, 248, .4)
}

.advanced-filter-dialogue__count {
    color: rgba(248, 248, 248, .4);
    margin-left: 8px
}

.advanced-filter-dialogue__actions {
    display: grid;
    grid-template-columns: auto auto;
    align-items: center;
    justify-content: space-between;
    margin: 0 0 0 -20px;
    padding: 12px 20px 12px;
    border-top: 1px solid rgba(255, 255, 255, .06)
}

.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 {
    display: inline-grid;
    grid-template-columns: auto auto;
    grid-column-gap: 10px;
    align-items: baseline;
    font-size: .913rem
}

.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 {
    padding-left: 56px !important;
    padding-right: 56px !important;
    display: flex;
    justify-content: center;
    align-items: center
}

@media screen and (max-width:1023px) {
    .advanced-filter-dialogue__action-apply {
        padding-left: 32px !important;
        padding-right: 32px !important
    }
}

.inline-badge__clear-button {
    margin: 0;
    padding: 5px 13px;
    align-self: baseline;
    color: #f8f8f8 !important;
    border: 2px solid rgba(151, 151, 151, .6);
    background-color: transparent;
    font-size: .813rem;
    line-height: 1.063rem
}

.inline-badge__clear-button:hover {
    border-color: #c63d3e;
    color: #c63d3e !important;
    background-color: transparent
}

.tags-with-filter__inline-badge,
.tags-with-filter__recommended {
    margin: 0 8px 8px 0
}

.tags-with-filter__clear-all {
    margin-right: 14px;
    flex-shrink: 0;
    transition: none
}

.spotlight-dropdown {
    background-color: #3e3f42;
    border-radius: 4px;
    position: absolute;
    /* top: 43px; */
    top: 40px;
    width: 375px;
    z-index: 300
}

@media screen and (max-width:1023px) {
    .spotlight-dropdown {
        width: 100%
    }
}

.spotlight-dropdown .spotlight-list {
    margin-top: 10px
}

@media screen and (max-width:1023px) {
    .spotlight-dropdown .spotlight-list {
        position: relative
    }
}

.spotlight-dropdown .spotlight-list .header-container {
    padding: 10px 18px
}

.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 .spotlight-link-item {
    color: rgba(248, 248, 248, .9);
    cursor: pointer;
    font-size: 15px;
    height: 38px;
    letter-spacing: 0;
    line-height: 38px;
    overflow: hidden;
    position: relative;
    text-decoration: none
}

.spotlight-dropdown .spotlight-link-item-ellipsis {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding: 0 10px 0 50px
}

.spotlight-dropdown .spotlight-link-item--count {
    color: rgba(248, 248, 248, .5);
    font-weight: 400;
    margin-left: 10px;
    font-size: .875rem
}

.spotlight-dropdown .spotlight-link-item--focused {
    background-color: #303133;
    text-decoration: none
}

.spotlight-dropdown .spotlight-link-item:active,
.spotlight-dropdown .spotlight-link-item:focus {
    text-decoration: none
}

.spotlight-dropdown .spotlight-link-item-icon {
    align-items: center;
    bottom: 0;
    display: flex;
    justify-content: center;
    left: 0;
    position: absolute;
    top: 0;
    width: 50px
}

.spotlight-dropdown .spotlight-link-item-icon>.icon {
    color: rgba(248, 248, 248, .4);
    margin: 0;
    pointer-events: none
}

.spotlight-dropdown .spotlight-link-item-icon .icon-megaphone {
    fill: currentColor
}

.spotlight-dropdown .spotlight-link-item-icon .icon-chat-actions {
    fill: grey
}

.spotlight-dropdown .spotlight-model-item>.icon {
    height: 20px;
    margin: 0;
    margin-left: 16px;
    margin-right: 14px;
    margin-top: -3px;
    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 .model-filter-link-wrapper {
    align-items: center;
    display: flex;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.spotlight-dropdown .spotlight-tag-item a.model-filter-link {
    color: rgba(248, 248, 248, .9);
    font-size: 15px;
    overflow: hidden;
    padding: 0 0 0 18px;
    text-overflow: ellipsis;
    white-space: nowrap
}

.spotlight-dropdown .spotlight-tag-item a.model-filter-link:hover {
    color: rgba(248, 248, 248, .9);
    text-decoration: none
}

.spotlight-dropdown .spotlight-tag-item a.model-filter-link:active,
.spotlight-dropdown .spotlight-tag-item a.model-filter-link:focus {
    text-decoration: none
}

.spotlight-dropdown .spotlight-tag-item a.model-filter-link .categories-label .icon {
    margin-left: 8px;
    margin-right: 0;
    width: 24px
}

.spotlight-dropdown .spotlight-tag-item a.model-filter-link .categories-label .country-flag,
.spotlight-dropdown .spotlight-tag-item a.model-filter-link .categories-label .tag-icon {
    margin-left: 6px;
    margin-right: 0
}

.spotlight-dropdown .spotlight-tag-item a.model-filter-link .categories-label .no-wrap {
    align-items: center;
    display: inline-flex
}

.spotlight-dropdown .spotlight-tag-item .model-filter-link-count {
    color: rgba(248, 248, 248, .4)
}

.spotlight-dropdown .spotlight-show-all {
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    border-top: 1px solid rgba(248, 248, 248, .15);
    display: block;
    font-size: 13px;
    line-height: 16px;
    margin-top: 10px;
    padding: 10px 16px;
    text-align: center;
    width: 100%
}

.spotlight-dropdown .spotlight-show-all span {
    color: rgba(248, 248, 248, .4);
    margin-left: 5px
}

.spotlight-dropdown .spotlight-show-all .spotlight-link-item {
    border-radius: 24px;
    display: block
}

.model-search .spotlight-container {
    display: flex;
    flex-direction: column;
    width: 100%
}

.model-search .spotlight-container--clearable input.input {
    margin-right: -32px
}

.model-search__input-wrapper {
    border-radius: 4px;
    display: flex;
    padding: 2px 0;
    align-items: center
}

.model-search__input-wrapper .icon-filter,
.model-search__input-wrapper .icon-search-3 {
    transform: translateY(-1px)
}

.model-search.model-search--expanded {
    display: flex;
    justify-content: flex-start;
    padding: 0
}

.model-search.model-search--expanded input.input {
    flex-grow: 1
}

.model-search.model-search--expanded.model-search--compact {
    width: 375px;
    position: relative
}

@media screen and (max-width:1023px) {
    .model-search.model-search--expanded.model-search--compact {
        width: 100%
    }
}

.model-search.model-search--expanded.model-search--compact .open-button {
    border-width: 0 1px;
    pointer-events: none
}

.model-search.model-search--expanded.model-search--compact .close-button {
    border-width: 0 1px
}

.model-search.model-search--expanded.model-search--compact .close-button,
.model-search.model-search--expanded.model-search--compact .model-search__advanced-filter-toggle,
.model-search.model-search--expanded.model-search--compact .open-button {
    background-color: #f1f1f1;
    border: 0;
    height: 38px;
    padding: 0 14px
}

.model-search.model-search--expanded.model-search--compact .close-button:focus,
.model-search.model-search--expanded.model-search--compact .close-button:hover,
.model-search.model-search--expanded.model-search--compact .model-search__advanced-filter-toggle:focus,
.model-search.model-search--expanded.model-search--compact .model-search__advanced-filter-toggle:hover,
.model-search.model-search--expanded.model-search--compact .open-button:focus,
.model-search.model-search--expanded.model-search--compact .open-button:hover {
    background-color: #f1f1f1
}

.model-search.model-search--expanded.model-search--compact .close-button .icon,
.model-search.model-search--expanded.model-search--compact .model-search__advanced-filter-toggle .icon,
.model-search.model-search--expanded.model-search--compact .open-button .icon {
    color: #2b2b2b;
    opacity: 1
}

.model-search.model-search--expanded.model-search--compact .open-button {
    border-bottom-left-radius: 4px;
    border-top-left-radius: 4px;
    padding-right: 5px
}

.model-search.model-search--expanded.model-search--compact .close-button {
    border-bottom-right-radius: 4px;
    border-top-right-radius: 4px
}

.model-search.model-search--expanded.model-search--compact .model-search__advanced-filter-toggle {
    padding-right: 0
}

.model-search.model-search--expanded.model-search--compact .model-search__advanced-filter-toggle .model-search__advanced-filter-toggle-wrapper {
    /* width: 28px;
    height: 28px;
    border-radius: 4px */
    width: 48px;
    height: 28px;
    border-radius: 4px;
    background: var(--primary-color);
    color: white;
    font-weight: bold;
}

.model-search.model-search--expanded.model-search--compact .model-search__advanced-filter-toggle .icon {
    width: 15px;
    height: 15px
}

.model-search.model-search--expanded.model-search--compact .model-search__advanced-filter-toggle--active .model-search__advanced-filter-toggle-wrapper {
    background: rgba(0, 0, 0, .15)
}

.model-search.model-search--compact .open-button .search-text {
    font-size: 13px;
    margin-left: 10px
}

@media screen and (max-width:1023px) {
    .model-search.model-search--compact .open-button .search-text {
        display: none
    }
}

.model-search .icon:not(.checkbox-ds__icon):not(.icon-dot) {
    height: 18px;
    width: 18px
}

.model-search input.input {
    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;
    vertical-align: top
}

.model-search input.input:focus {
    background-color: #f1f1f1
}

.model-search input.input::-moz-placeholder {
    color: rgba(43, 43, 43, .6)
}

.model-search input.input::placeholder {
    color: rgba(43, 43, 43, .6)
}

.header-top-search-wrapper .model-search {
    width: 100%
}

.header-top-search-wrapper .model-search input.input {
    background: rgba(0, 0, 0, .2);
    border-radius: 36px;
    color: #f8f8f8;
    font-size: 13px;
    height: 36px;
    padding: 0 38px;
    width: 100%;
    transition: none
}

.header-top-search-wrapper .model-search input.input::-moz-placeholder {
    color: rgba(248, 248, 248, .6)
}

.header-top-search-wrapper .model-search input.input::placeholder {
    color: rgba(248, 248, 248, .6)
}

.header-top-search-wrapper .model-search input.input:focus {
    background: rgba(0, 0, 0, .4)
}

.header-top-search-wrapper .model-search .spotlight-dropdown {
    width: 368px
}

.header-top-search-wrapper .model-search .close-button,
.header-top-search-wrapper .model-search .model-search__advanced-filter-toggle,
.header-top-search-wrapper .model-search .open-button {
    background: 0 0;
    border: 0;
    color: #fff;
    height: 30px;
    margin: 0;
    padding: 0;
    width: 30px
}

.header-top-search-wrapper .model-search .close-button .icon,
.header-top-search-wrapper .model-search .model-search__advanced-filter-toggle .icon,
.header-top-search-wrapper .model-search .open-button .icon {
    opacity: .4
}

.header-top-search-wrapper .model-search .model-search__advanced-filter-toggle .icon {
    opacity: 1
}

.header-top-search-wrapper .model-search .open-button {
    pointer-events: none;
    margin-right: -40px
}

.header-top-search-wrapper .model-search .open-button .icon {
    height: 16px;
    width: 16px
}

.header-top-search-wrapper .model-search .close-button {
    align-items: center;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    height: 28px;
    width: 28px;
    transition: background .15s;
    margin-left: 3px
}

.header-top-search-wrapper .model-search .close-button:hover {
    background: rgba(255, 255, 255, .1)
}

.header-top-search-wrapper .model-search .close-button:hover .icon {
    opacity: 1
}

.header-top-search-wrapper .model-search .close-button .icon {
    height: 10px;
    margin: 0;
    width: 10px;
    transition: opacity .15s
}

.header-top-search-wrapper .model-search .model-search__advanced-filter-toggle {
    /* margin-left: -34px; */
    height: 28px;
    /* width: 28px; */
    transition: background .15s, border-radius .15s;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: -67px;
    width: 62px;
    background: #595b6861;
}

.header-top-search-wrapper .model-search .model-search__advanced-filter-toggle .icon {
    width: 16px;
    height: 16px;
    margin: 0
}

.header-top-search-wrapper .model-search .model-search__advanced-filter-toggle:hover {
    background: rgba(255, 255, 255, .1)
}

.header-top-search-wrapper .model-search .model-search__advanced-filter-toggle:hover .icon {
    opacity: 1
}

.header-top-search-wrapper .model-search .model-search__advanced-filter-toggle--active {
    background: rgba(255, 255, 255, .1);
    border-radius: 6px
}

.header-top-search-wrapper .model-search .model-search__advanced-filter-toggle--active .icon {
    opacity: 1
}

.header-sub {
    background-color: #303133;
    min-height: 42px;
    font-size: .75rem;
    display: flex;
    flex-direction: row
}

@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-sub {
        letter-spacing: .063rem
    }
}

.header-sub .all-tags-dropdown-trigger {
    letter-spacing: .019rem
}

.header-sub-with-sidebar .container,
.header-sub-with-sidebar .widescreen-container {
    width: 100%;
    max-width: 100%;
    padding: 0;
    padding-left: 20px
}

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

    .header-sub-with-sidebar .container,
    .header-sub-with-sidebar .widescreen-container {
        padding-left: 12px
    }
}

.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%
}

@media screen and (max-width:1023px) {
    .header-sub.view-cam-header-sub .view-cam-header-sub__fan-club-button.view-cam-header-sub__fan-club-button {
        display: none
    }
}

.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 .link.model-filter-link-wrapper .model-filter-link,
.header-sub.header-sub-simple>.widescreen-container .link.model-filter-link-wrapper .model-filter-link {
    color: #fff;
    opacity: .6
}

.header-sub.header-sub-simple>.container .link.model-filter-link-wrapper:hover .model-filter-link,
.header-sub.header-sub-simple>.widescreen-container .link.model-filter-link-wrapper:hover .model-filter-link {
    color: #fff;
    opacity: 1
}

.header-sub.header-sub-simple>.container .link.model-filter-link-wrapper.active .model-filter-link,
.header-sub.header-sub-simple>.widescreen-container .link.model-filter-link-wrapper.active .model-filter-link {
    color: #fff;
    opacity: 1
}

.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 .model-filter-link,
.header-sub .widescreen-container .link .model-filter-link {
    color: rgba(255, 255, 255, .6);
    text-decoration: none
}

.header-sub .container .link .model-filter-link:hover,
.header-sub .widescreen-container .link .model-filter-link:hover {
    text-decoration: none
}

.header-sub .container .link:hover,
.header-sub .widescreen-container .link:hover {
    color: #fff
}

.header-sub .container .link:hover .model-filter-link,
.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, .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: 20px;
    width: 20px
}

.header-sub .container .header-sub-social-link-star-icon,
.header-sub .widescreen-container .header-sub-social-link-star-icon {
    color: #f2c94c;
    position: absolute;
    right: -1px;
    top: -2px;
    margin: 0
}

.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-whatsapp,
.header-sub .widescreen-container .header-sub-social-link:hover .icon.icon-whatsapp {
    opacity: 1
}

.header-sub .container .header-sub-social-link:hover .icon.icon-myclub-gradient,
.header-sub .widescreen-container .header-sub-social-link:hover .icon.icon-myclub-gradient {
    filter: brightness(0) invert(1)
}

.header-sub .container .header-sub-social-link .social-name,
.header-sub .widescreen-container .header-sub-social-link .social-name {
    display: none
}

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

    .header-sub .container .header-sub-item-wrapper.local-link.plasma,
    .header-sub .container .header-sub-item-wrapper.local-link.whatsapp,
    .header-sub .widescreen-container .header-sub-item-wrapper.local-link.plasma,
    .header-sub .widescreen-container .header-sub-item-wrapper.local-link.whatsapp {
        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.header-sub-wider-menu-gaps .container .header-sub-item-wrapper,
.header-sub.header-sub-wider-menu-gaps .widescreen-container .header-sub-item-wrapper {
    margin: 0 40px 0 0
}

.header-sub.header-sub-wider-menu-gaps .container .link .model-filter-link,
.header-sub.header-sub-wider-menu-gaps .widescreen-container .link .model-filter-link {
    color: rgba(255, 255, 255, .8)
}

.header-sub.header-sub-wider-menu-gaps .container .link.active .model-filter-link,
.header-sub.header-sub-wider-menu-gaps .container .link:hover .model-filter-link,
.header-sub.header-sub-wider-menu-gaps .widescreen-container .link.active .model-filter-link,
.header-sub.header-sub-wider-menu-gaps .widescreen-container .link:hover .model-filter-link {
    color: #fff
}

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

    .header-sub.header-sub-wider-menu-gaps .container .header-sub-item-wrapper,
    .header-sub.header-sub-wider-menu-gaps .widescreen-container .header-sub-item-wrapper {
        margin: 0 24px 0 0
    }
}

.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 {
    display: flex
}

.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;
    right: 0;
    overflow: visible;
    position: absolute;
    top: 0
}

.nav-right-close-btn::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
}

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

    .view-cam-page .header-sub.view-cam-header-sub>.container .btn.all-tags-dropdown-trigger,
    .view-cam-page .header-sub.view-cam-header-sub>.container .model-search,
    .view-cam-page .header-sub.view-cam-header-sub>.widescreen-container .btn.all-tags-dropdown-trigger,
    .view-cam-page .header-sub.view-cam-header-sub>.widescreen-container .model-search {
        display: none
    }

    .view-cam-page .header-sub.view-cam-header-sub>.container nav.nav-right,
    .view-cam-page .header-sub.view-cam-header-sub>.widescreen-container nav.nav-right {
        padding: 0;
        min-width: 48px;
        width: 48px
    }

    .view-cam-page .header-sub.view-cam-header-sub>.container .nav-left .header-sub-item-wrapper:last-child,
    .view-cam-page .header-sub.view-cam-header-sub>.widescreen-container .nav-left .header-sub-item-wrapper:last-child {
        padding-right: 24px;
        margin-right: 0
    }

    .view-cam-page .nav-right-close-btn {
        display: flex
    }
}

@media screen and (min-width:1280px) {
    .header-sub .model-search {
        display: none
    }

    .header-sub .model-search.model-search--expanded {
        display: none
    }
}

.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
}

@media screen and (max-width:1023px) {
    .not-found-wrapper .not-found-error .text-wrapper {
        font-size: 12.5rem;
        line-height: 8.75rem
    }

    .not-found-wrapper .not-found-error .description-wrapper {
        flex: 1;
        flex-basis: 40%;
        flex-grow: 1;
        flex-shrink: 0
    }

    .not-found-wrapper .not-found-error .description {
        font-size: 1.25rem;
        line-height: 1.625rem
    }
}

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

    .not-found-wrapper .not-approved-model,
    .not-found-wrapper .not-found-error {
        align-items: center;
        margin: 60px 0;
        display: flex;
        flex-direction: column
    }

    .not-found-wrapper .not-approved-model .text-wrapper,
    .not-found-wrapper .not-found-error .text-wrapper {
        font-size: 10rem;
        line-height: 7.5rem
    }

    .not-found-wrapper .not-approved-model .icon-blocked,
    .not-found-wrapper .not-found-error .icon-blocked {
        height: 120px;
        width: 120px
    }

    .not-found-wrapper .not-approved-model .description-wrapper,
    .not-found-wrapper .not-found-error .description-wrapper {
        align-items: center;
        margin-left: 0;
        margin-top: 50px
    }

    .not-found-wrapper .not-approved-model .description,
    .not-found-wrapper .not-found-error .description {
        text-align: center;
        font-size: 1.875rem;
        line-height: 2.25rem
    }
}

.promo-banner-wrapper {
    margin-top: 14px
}

.promo-banner-wrapper:not(.container):not(.widescreen-container) {
    padding: 0 20px
}

@media screen and (max-width:639px) {
    .promo-banner-wrapper:not(.container):not(.widescreen-container) {
        padding: 0 10px
    }
}

.promo-banner-wrapper.container,
.promo-banner-wrapper.widescreen-container {
    margin-bottom: 20px
}

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

    .promo-banner-wrapper.container,
    .promo-banner-wrapper.widescreen-container {
        margin-bottom: 10px
    }
}

.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 {
    flex-shrink: 0;
    margin: 4px 0;
    padding-left: 14px;
    padding-right: 14px
}

.promo-banner-action:not(.btn-outline) {
    border: none;
    font-weight: 600;
    text-transform: uppercase;
    font-size: .75rem;
    background: #f2c94c;
    color: #3c2800;
    transition: all 90ms ease-in-out 0s
}

.promo-banner-action:not(.btn-outline)>.icon {
    fill: #3c2800;
    transition: all 90ms ease-in-out 0s
}

@media (pointer:fine) {

    .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-action:not(.btn-outline).active,
.promo-banner-action:not(.btn-outline).focus,
.promo-banner-action:not(.btn-outline):active,
.promo-banner-action:not(.btn-outline):focus {
    background: #f2c94c;
    color: #3c2800
}

.promo-banner-action:not(.btn-outline).active>.icon,
.promo-banner-action:not(.btn-outline).focus>.icon,
.promo-banner-action:not(.btn-outline):active>.icon,
.promo-banner-action:not(.btn-outline):focus>.icon {
    fill: #3c2800
}

.promo-banner-action:not(.btn-outline) .btn-loader-overlay {
    color: #3c2800;
    background-color: #f2c94c
}

.promo-banner-icon {
    align-self: center;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    display: block;
    flex-shrink: 0;
    height: 32px;
    margin-right: 16px;
    width: 32px
}

.promo-banner-action-container-buttons {
    text-align: right;
    flex: 1
}

.promo-banner-close-icon {
    height: 14px;
    margin: 0;
    width: 14px
}

.promo-banner-close-button.btn-default {
    background: 0 0;
    color: #f1f1f1;
    transition: all 90ms ease-in-out 0s;
    border-color: transparent;
    line-height: normal;
    margin: 0 -10px 0 0;
    opacity: .6;
    padding: 10px
}

.promo-banner-close-button.btn-default>.icon {
    fill: #f1f1f1;
    transition: all 90ms ease-in-out 0s
}

@media (pointer:fine) {

    .promo-banner-close-button.btn-default.hover,
    .promo-banner-close-button.btn-default:hover {
        background: #fff;
        color: #fff
    }

    .promo-banner-close-button.btn-default.hover>.icon,
    .promo-banner-close-button.btn-default:hover>.icon {
        fill: #fff
    }
}

.promo-banner-close-button.btn-default.active,
.promo-banner-close-button.btn-default.focus,
.promo-banner-close-button.btn-default:active,
.promo-banner-close-button.btn-default:focus {
    background: #2e2e2e;
    color: #fff
}

.promo-banner-close-button.btn-default.active>.icon,
.promo-banner-close-button.btn-default.focus>.icon,
.promo-banner-close-button.btn-default:active>.icon,
.promo-banner-close-button.btn-default:focus>.icon {
    fill: #fff
}

.promo-banner-close-button.btn-default .btn-loader-overlay {
    color: #f1f1f1;
    background-color: none
}

.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;
    font-size: 1.25rem
}

.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 {
    letter-spacing: 0;
    font-size: .938rem;
    font-weight: 500
}

.promo-banner-description--icon {
    display: inline-block;
    margin-left: 2px;
    width: 20px;
    height: 20px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain
}

.promo-banner-description-container {
    display: block;
    flex-grow: 1;
    text-align: right
}

.promo-banner-action-container {
    display: flex;
    flex-shrink: 0;
    flex-grow: 1
}

.promo-banner-countdown {
    font-weight: 700;
    margin: 4px 8px 4px;
    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 {
    display: inline-block;
    border: 2px solid #f2c94c;
    border-radius: 7px;
    margin: 0 2px;
    line-height: 24px;
    height: 28px;
    width: 31px;
    text-align: center
}

.promo-banner__config-description-container {
    display: flex;
    align-items: center;
    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: #f2c94c
}

.promo-banner .nowrap {
    white-space: nowrap
}

@media screen and (max-width:1365px) {
    .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 {
        margin-left: 4px;
        width: 14px;
        height: 14px
    }
}

@media screen and (max-width:1023px) {
    .promo-banner {
        height: auto;
        padding: 4px 16px
    }

    .promo-banner__config-description-container {
        justify-content: flex-start
    }

    .promo-banner__config-description.mobile {
        display: block
    }

    .promo-banner__config-description.desktop {
        display: none
    }

    .promo-banner-action-container {
        flex-direction: column-reverse;
        align-items: center
    }
}

@media screen and (max-width:639px) {
    .promo-banner {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: flex-start;
        height: auto;
        min-height: 78px
    }

    .promo-banner .promo-banner-icon {
        margin-right: 10px
    }

    .promo-banner-action-container {
        flex-direction: row-reverse;
        align-items: baseline;
        margin-left: 42px;
        padding-bottom: 6px;
        gap: 6px
    }

    .promo-banner--with-paymentico .promo-banner-close-button.btn-default {
        position: absolute;
        top: 4px;
        margin: 0;
        right: 4px
    }

    .promo-banner--without-paymentico {
        flex-direction: row
    }

    .promo-banner--without-paymentico .promo-banner-action-container {
        flex-direction: column-reverse
    }

    .promo-banner-action {
        margin-top: 0
    }

    .promo-banner-action-container-buttons {
        display: flex;
        justify-content: center
    }

    .promo-banner-countdown {
        font-size: .75rem;
        margin-right: auto;
        margin-left: auto
    }

    .promo-banner-countdown>.days,
    .promo-banner-countdown>.hours,
    .promo-banner-countdown>.minutes,
    .promo-banner-countdown>.seconds,
    .promo-banner-countdown>span {
        line-height: 20px;
        height: 24px;
        width: 26px
    }

    .promo-banner-title-container {
        padding-bottom: 0;
        padding-top: 0
    }
}

@media screen and (max-width:479px) {
    .promo-banner {
        padding: 0 12px
    }

    .promo-banner--with-paymentico .promo-banner-close-button.btn-default {
        top: 0;
        right: 0
    }

    .promo-banner-main-container {
        align-items: flex-start
    }
}

@media screen and (max-width:359px) {
    .promo-banner {
        padding: 0 14px
    }

    .promo-banner-action-container {
        margin-left: 0
    }

    .promo-banner-icon {
        display: none
    }
}

#promo-banner-id-chineseNY .promo-banner-icon {
    transform: scale(2)
}

#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-summerEnds2022ForAll .promo-banner-icon,
#promo-banner-id-summerEnds2022ForUltimate .promo-banner-icon,
#promo-banner-id-summerEndsNonUltimate2021 .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-chineseNY .promo-banner-title,
#promo-banner-id-firstBuyOldUsers .promo-banner-title,
#promo-banner-id-newYear .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-summerEnds2022ForAll .promo-banner-title,
#promo-banner-id-summerEnds2022ForUltimate .promo-banner-title,
#promo-banner-id-summerEndsNonUltimate2021 .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-chineseNY .accent,
#promo-banner-id-firstBuyOldUsers .accent,
#promo-banner-id-newYear .accent,
#promo-banner-id-summerBegins2022ForAll .accent,
#promo-banner-id-summerBegins2022ForUltimate .accent,
#promo-banner-id-summerBeginsForAll .accent,
#promo-banner-id-summerBeginsForUltimate .accent,
#promo-banner-id-summerEnds2022ForAll .accent,
#promo-banner-id-summerEnds2022ForUltimate .accent,
#promo-banner-id-summerEndsNonUltimate2021 .accent,
#promo-banner-id-xmas .accent {
    font-weight: 700;
    white-space: nowrap
}

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, .4);
    transition: all 90ms ease-in-out 0s
}

#promo-banner-id-vrPromoBannerJan23 .promo-banner-close-button>.icon {
    fill: rgba(248, 248, 248, .4);
    transition: all 90ms ease-in-out 0s
}

@media (pointer:fine) {

    #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
    }
}

#promo-banner-id-vrPromoBannerJan23 .promo-banner-close-button.active,
#promo-banner-id-vrPromoBannerJan23 .promo-banner-close-button.focus,
#promo-banner-id-vrPromoBannerJan23 .promo-banner-close-button:active,
#promo-banner-id-vrPromoBannerJan23 .promo-banner-close-button:focus {
    background: 0 0;
    color: #f8f8f8
}

#promo-banner-id-vrPromoBannerJan23 .promo-banner-close-button.active>.icon,
#promo-banner-id-vrPromoBannerJan23 .promo-banner-close-button.focus>.icon,
#promo-banner-id-vrPromoBannerJan23 .promo-banner-close-button:active>.icon,
#promo-banner-id-vrPromoBannerJan23 .promo-banner-close-button:focus>.icon {
    fill: #f8f8f8
}

#promo-banner-id-vrPromoBannerJan23 .promo-banner-close-button .btn-loader-overlay {
    color: rgba(248, 248, 248, .4);
    background-color: transparent
}

@media screen and (max-width:1279px) {
    #promo-banner-id-vrPromoBannerJan23 .promo-banner-icon {
        align-self: flex-start
    }

    #promo-banner-id-vrPromoBannerJan23 .promo-banner-title-container {
        align-items: flex-start
    }

    #promo-banner-id-vrPromoBannerJan23 .promo-banner__config-description {
        margin-top: 2px
    }

    #promo-banner-id-vrPromoBannerJan23 .promo-banner__config-description.mobile {
        display: block
    }

    #promo-banner-id-vrPromoBannerJan23 .promo-banner__config-description.desktop {
        display: none
    }

    #promo-banner-id-vrPromoBannerJan23 .promo-banner-texts-and-action {
        flex-grow: 1;
        justify-content: space-between
    }

    #promo-banner-id-vrPromoBannerJan23 .promo-banner__config-description-container {
        flex-grow: 0;
        justify-content: flex-start
    }
}

@media screen and (max-width:1023px) {
    #promo-banner-id-vrPromoBannerJan23 .promo-banner__config-description {
        font-size: 13px
    }
}

@media screen and (max-width:639px) {
    #promo-banner-id-vrPromoBannerJan23 .promo-banner {
        min-height: 78px
    }

    #promo-banner-id-vrPromoBannerJan23 .promo-banner-icon {
        display: block !important;
        margin-right: 10px
    }

    #promo-banner-id-vrPromoBannerJan23 .promo-banner-texts-and-action {
        align-items: flex-start;
        flex-direction: column
    }

    #promo-banner-id-vrPromoBannerJan23 .promo-banner-action {
        font-size: 12px;
        margin: 8px 0 0
    }

    #promo-banner-id-vrPromoBannerJan23 .promo-banner-close-button {
        align-self: flex-start
    }
}

#promo-banner-id-streamingQualitySurvey .promo-banner-texts-and-action {
    align-items: center;
    display: flex
}

#promo-banner-id-streamingQualitySurvey .promo-banner-action.btn-outline {
    color: #fff;
    border-color: #fff
}

#promo-banner-id-streamingQualitySurvey .promo-banner-action.btn-outline:hover {
    background: 0 0;
    color: rgba(248, 248, 248, .6);
    border-color: rgba(248, 248, 248, .6)
}

#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
}

@media screen and (max-width:1365px) {
    #promo-banner-id-ultimateSubscription .promo-banner-description--icon {
        transform: scale(1.1) translateY(2px)
    }
}

@media screen and (max-width:374px) {
    #promo-banner-id-ultimateSubscription .promo-banner {
        padding: 4px 13px
    }
}

.non-nude-verify-banner {
    padding: 6px 16px;
    margin-top: 14px;
    margin-left: 20px;
    margin-right: 20px;
    cursor: pointer;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    background-color: #2f80ed;
    border-radius: 8px
}

.non-nude-verify-banner__left {
    display: flex;
    flex: 1;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    color: #f8f8f8
}

.non-nude-verify-banner__button {
    margin: 0;
    padding: 6px 24px;
    background-color: #ffd54f;
    color: #2b2b2b;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: normal;
    line-height: 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;
    font-size: 700
}

.non-nude-verify-banner__description {
    opacity: .7;
    margin-top: 2px;
    font-size: 12px
}

.non-nude-verify-banner__icon {
    width: 32px;
    height: 32px;
    margin-right: 16px
}

@media screen and (max-width:639px) {
    .non-nude-verify-banner {
        margin-left: 10px;
        margin-right: 10px;
        padding: 14px
    }

    .non-nude-verify-banner__title {
        font-size: .875rem;
        font-weight: 500
    }

    .non-nude-verify-banner__description {
        font-size: .75rem
    }
}

@media screen and (max-width:479px) {
    .non-nude-verify-banner {
        align-items: start;
        padding: 12px 14px
    }

    .non-nude-verify-banner__button {
        margin-top: 10px
    }

    .non-nude-verify-banner__left {
        flex-direction: column;
        align-items: start
    }

    .non-nude-verify-banner__icon {
        margin-right: 10px
    }

    .non-nude-verify-banner__description {
        margin-top: 4px
    }
}

.lazy-load-models-segment {
    margin-top: 24px
}

.lazy-load-models-segment-model-list {
    margin: -5px
}

.lazy-load-models-segment-title.lazy-load-models-segment-title {
    margin-bottom: 11px
}

.multiple-categories-see-all--hidden {
    display: none
}

.expandable-multiple-categories-category {
    position: relative
}

@media (pointer:coarse) {
    .expandable-multiple-categories-category .expandable-multiple-categories-segment-see-more {
        display: none
    }
}

@media (pointer:fine) {
    .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
    }
}

.tag-list-skeleton {
    animation: opacity-fade-in .24s ease-in;
    will-change: opacity
}

.tag-list-skeleton .tags-inline-badges-container .btn-tags-inline-badge {
    border-radius: 30px;
    content: " ";
    display: block;
    height: 30px;
    width: 47px;
    animation: skeleton-animation 3s infinite linear;
    background: linear-gradient(90deg, #202020 20%, #232323 28%, #282828 35%, #232323 42%, #202020 50%);
    background-size: 300% 100%;
    will-change: background-position
}

.tag-list-skeleton .tags-inline-badges-container .btn-tags-inline-badge:nth-child(even) {
    width: 85px
}

.multiple-categories-wrapper {
    /* min-height: 90vh; */
    min-height: 70vh;
}

.multiple-categories-wrapper .multiple-categories-category-header {
    align-items: flex-end;
    display: flex;
    justify-content: space-between;
    margin-bottom: 11px;
    margin-top: 24px
}

.multiple-categories-wrapper .multiple-categories-category-header .segment-header {
    margin-right: 10px;
    align-items: flex-end
}

.multiple-categories-wrapper .multiple-categories-category-header .segment-header a {
    cursor: pointer;
    text-decoration: none
}

.multiple-categories-wrapper .multiple-categories-category-header .segment-header .icon {
    height: 20px;
    margin-right: 7px;
    width: 20px
}

.multiple-categories-wrapper .multiple-categories-category-header .segment-header .country-flag {
    margin-right: 7px;
    transform: translateY(-4px)
}

.multiple-categories-wrapper .multiple-categories-category-header .btn {
    margin-bottom: 0
}

.multiple-categories-wrapper .multiple-categories-category .scroll-bar-container {
    width: 100%
}

@media (pointer:coarse) {
    .multiple-categories-wrapper .multiple-categories-category .scroll-bar-container {
        overflow-y: hidden
    }
}

.multiple-categories-wrapper .multiple-categories-see-all>a {
    border-width: 2px;
    color: #f8f8f8;
    opacity: .6;
    margin-right: 0
}

.multiple-categories-wrapper .multiple-categories-see-all-btn {
    border-color: #a4a4a4;
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    white-space: nowrap
}

.multiple-categories-wrapper .multiple-categories-see-all-btn:active,
.multiple-categories-wrapper .multiple-categories-see-all-btn:hover {
    border-color: #f8f8f8;
    color: #f8f8f8
}

.multiple-categories-wrapper .multiple-categories-see-all-link {
    display: none;
    font-weight: 500;
    text-decoration: none;
    white-space: nowrap;
    font-size: .813rem
}

.multiple-categories-wrapper .multiple-categories-see-all-link:active,
.multiple-categories-wrapper .multiple-categories-see-all-link:hover {
    color: #f8f8f8;
    text-decoration: none
}

.multiple-categories-wrapper .model-list-column-count-1 {
    -moz-column-count: 1;
    column-count: 1
}

.multiple-categories-wrapper .model-list-column-count-2 {
    -moz-column-count: 2;
    column-count: 2
}

.multiple-categories-wrapper .model-list-column-count-3 {
    -moz-column-count: 3;
    column-count: 3
}

.multiple-categories-wrapper .model-list-column-count-4 {
    -moz-column-count: 4;
    column-count: 4
}

.multiple-categories-wrapper .model-list-column-count-5 {
    -moz-column-count: 5;
    column-count: 5
}

.multiple-categories-wrapper .model-list-column-count-6 {
    -moz-column-count: 6;
    column-count: 6
}

.multiple-categories-wrapper .model-list-column-count-7 {
    -moz-column-count: 7;
    column-count: 7
}

.multiple-categories-wrapper .model-list-column-count-8 {
    -moz-column-count: 8;
    column-count: 8
}

.multiple-categories-wrapper .model-list-column-count-9 {
    -moz-column-count: 9;
    column-count: 9
}

.multiple-categories-wrapper .model-list-column-count-10 {
    -moz-column-count: 10;
    column-count: 10
}

.multiple-categories-wrapper .model-list-column-count-11 {
    -moz-column-count: 11;
    column-count: 11
}

.multiple-categories-wrapper .model-list-column-count-12 {
    -moz-column-count: 12;
    column-count: 12
}

.multiple-categories-wrapper .model-list-column-count-13 {
    -moz-column-count: 13;
    column-count: 13
}

.multiple-categories-wrapper .model-list-column-count-14 {
    -moz-column-count: 14;
    column-count: 14
}

.multiple-categories-wrapper .model-list-column-count-15 {
    -moz-column-count: 15;
    column-count: 15
}

.multiple-categories-wrapper .model-list-column-count-16 {
    -moz-column-count: 16;
    column-count: 16
}

.multiple-categories-wrapper .model-list-column-count-17 {
    -moz-column-count: 17;
    column-count: 17
}

.multiple-categories-wrapper .model-list-column-count-18 {
    -moz-column-count: 18;
    column-count: 18
}

.multiple-categories-wrapper .model-list-column-count-19 {
    -moz-column-count: 19;
    column-count: 19
}

.multiple-categories-wrapper .model-list-column-count-20 {
    -moz-column-count: 20;
    column-count: 20
}

.multiple-categories-wrapper .model-list-column-count-21 {
    -moz-column-count: 21;
    column-count: 21
}

.multiple-categories-wrapper .model-list-column-count-22 {
    -moz-column-count: 22;
    column-count: 22
}

.multiple-categories-wrapper .model-list-column-count-23 {
    -moz-column-count: 23;
    column-count: 23
}

.multiple-categories-wrapper .model-list-column-count-24 {
    -moz-column-count: 24;
    column-count: 24
}

.multiple-categories-wrapper .model-list-column-count-25 {
    -moz-column-count: 25;
    column-count: 25
}

.multiple-categories-wrapper .model-list-column-count-26 {
    -moz-column-count: 26;
    column-count: 26
}

.multiple-categories-wrapper .model-list-column-count-27 {
    -moz-column-count: 27;
    column-count: 27
}

.multiple-categories-wrapper .model-list-column-count-28 {
    -moz-column-count: 28;
    column-count: 28
}

.multiple-categories-wrapper .model-list-column-count-29 {
    -moz-column-count: 29;
    column-count: 29
}

.multiple-categories-wrapper .model-list-column-count-30 {
    -moz-column-count: 30;
    column-count: 30
}

.multiple-categories-wrapper .multiple-categories-scroll-bar-wrapper {
    margin: -4px
}

.multiple-categories-wrapper .model-list {
    margin: 0
}

.multiple-categories-wrapper .model-list .video-list-item {
    padding: 4px
}

.multiple-categories-wrapper .scrollable .model-list {
    margin: 0 -5px
}

.multiple-categories-wrapper .model-list-container-show-more {
    display: flex;
    justify-content: center
}

@media screen and (max-width:1023px) {
    .multiple-categories-wrapper .media-after-l-hidden+.multiple-categories-category .multiple-categories-category-header {
        margin-top: 10px
    }

    .multiple-categories-wrapper .media-after-l-hidden+.index-page-header-container .index-page-header.tag-page-title {
        margin-top: 10px
    }
}

@media screen and (max-width:639px) {
    .multiple-categories-wrapper .multiple-categories-category-header {
        margin-top: 24px
    }

    .multiple-categories-wrapper .multiple-categories-category-header .segment-header {
        max-width: 60vw
    }

    .multiple-categories-wrapper .multiple-categories-category-header .segment-header .icon {
        height: 18px;
        width: 18px
    }

    .multiple-categories-wrapper .multiple-categories-category-header .segment-header:only-child {
        max-width: initial
    }

    .multiple-categories-wrapper .media-after-l-hidden+.multiple-categories-category .multiple-categories-category-header {
        margin-top: 8px
    }

    .multiple-categories-wrapper .media-after-l-hidden+.index-page-header-container .index-page-header.tag-page-title {
        margin-top: 8px
    }
}

.multiple-categories-models-list-wrapper .video-list-item {
    scroll-snap-stop: always
}

@media screen and (pointer:fine) and (max-width:479px) {
    .multiple-categories-models-list-wrapper .video-list-item:nth-of-type(n+5) {
        display: none
    }

    .expandable-multiple-categories-category.animation-ended .multiple-categories-models-list-wrapper .video-list-item:nth-of-type(n+5),
    .expandable-multiple-categories-category.transition-active .multiple-categories-models-list-wrapper .video-list-item:nth-of-type(n+5) {
        display: block
    }

    .expandable-multiple-categories-category.animation-ended .multiple-categories-models-list-wrapper .video-list-item:nth-of-type(n+9),
    .expandable-multiple-categories-category.transition-active .multiple-categories-models-list-wrapper .video-list-item:nth-of-type(n+9) {
        display: none
    }
}

@media screen and (pointer:fine) and (min-width:480px) and (max-width:639px) {
    .multiple-categories-models-list-wrapper .video-list-item:nth-of-type(n+7) {
        display: none
    }

    .expandable-multiple-categories-category.animation-ended .multiple-categories-models-list-wrapper .video-list-item:nth-of-type(n+7),
    .expandable-multiple-categories-category.transition-active .multiple-categories-models-list-wrapper .video-list-item:nth-of-type(n+7) {
        display: block
    }

    .expandable-multiple-categories-category.animation-ended .multiple-categories-models-list-wrapper .video-list-item:nth-of-type(n+13),
    .expandable-multiple-categories-category.transition-active .multiple-categories-models-list-wrapper .video-list-item:nth-of-type(n+13) {
        display: none
    }
}

@media screen and (pointer:fine) and (min-width:640px) and (max-width:1023px) {
    .multiple-categories-models-list-wrapper .video-list-item:nth-of-type(n+9) {
        display: none
    }

    .expandable-multiple-categories-category.animation-ended .multiple-categories-models-list-wrapper .video-list-item:nth-of-type(n+9),
    .expandable-multiple-categories-category.transition-active .multiple-categories-models-list-wrapper .video-list-item:nth-of-type(n+9) {
        display: block
    }

    .expandable-multiple-categories-category.animation-ended .multiple-categories-models-list-wrapper .video-list-item:nth-of-type(n+17),
    .expandable-multiple-categories-category.transition-active .multiple-categories-models-list-wrapper .video-list-item:nth-of-type(n+17) {
        display: none
    }
}

@media screen and (pointer:fine) and (min-width:1024px) and (max-width:1365px) {
    .multiple-categories-models-list-wrapper .video-list-item:nth-of-type(n+11) {
        display: none
    }

    .expandable-multiple-categories-category.animation-ended .multiple-categories-models-list-wrapper .video-list-item:nth-of-type(n+11),
    .expandable-multiple-categories-category.transition-active .multiple-categories-models-list-wrapper .video-list-item:nth-of-type(n+11) {
        display: block
    }

    .expandable-multiple-categories-category.animation-ended .multiple-categories-models-list-wrapper .video-list-item:nth-of-type(n+21),
    .expandable-multiple-categories-category.transition-active .multiple-categories-models-list-wrapper .video-list-item:nth-of-type(n+21) {
        display: none
    }
}

@media screen and (pointer:fine) and (min-width:1366px) {
    .multiple-categories-models-list-wrapper .video-list-item:nth-of-type(n+13) {
        display: none
    }

    .expandable-multiple-categories-category.animation-ended .multiple-categories-models-list-wrapper .video-list-item:nth-of-type(n+13),
    .expandable-multiple-categories-category.transition-active .multiple-categories-models-list-wrapper .video-list-item:nth-of-type(n+13) {
        display: block
    }

    .expandable-multiple-categories-category.animation-ended .multiple-categories-models-list-wrapper .video-list-item:nth-of-type(n+25),
    .expandable-multiple-categories-category.transition-active .multiple-categories-models-list-wrapper .video-list-item:nth-of-type(n+25) {
        display: none
    }
}

@media screen and (pointer:coarse) and (max-width:479px) {
    .multiple-categories-models-list-wrapper .video-list-item:nth-of-type(4n+1) {
        scroll-snap-align: start
    }
}

@media screen and (pointer:coarse) and (min-width:480px) and (max-width:639px) {

    .multiple-categories-models-list-wrapper .video-list-item:nth-of-type(6n+4),
    .multiple-categories-models-list-wrapper .video-list-item:nth-of-type(6n+5),
    .multiple-categories-models-list-wrapper .video-list-item:nth-of-type(6n+6) {
        display: none
    }

    .multiple-categories-models-list-wrapper .video-list-item:nth-of-type(6n+1) {
        scroll-snap-align: start
    }
}

@media screen and (pointer:coarse) and (min-width:640px) and (max-width:1023px) {

    .multiple-categories-models-list-wrapper .video-list-item:nth-of-type(6n+5),
    .multiple-categories-models-list-wrapper .video-list-item:nth-of-type(6n+6) {
        display: none
    }

    .multiple-categories-models-list-wrapper .video-list-item:nth-of-type(8n+1) {
        scroll-snap-align: start
    }
}

@media screen and (pointer:coarse) and (min-width:1024px) and (max-width:1365px) {
    .multiple-categories-models-list-wrapper .video-list-item:nth-of-type(6n+6) {
        display: none
    }

    .multiple-categories-models-list-wrapper .video-list-item:nth-of-type(10n+1) {
        scroll-snap-align: start
    }
}

@media screen and (pointer:coarse) and (min-width:1366px) and (max-width:1599px) {
    .multiple-categories-models-list-wrapper .video-list-item:nth-child(n+11) {
        display: none
    }
}

@media screen and (pointer:coarse) and (min-width:1600px) {
    .multiple-categories-models-list-wrapper .video-list-item:nth-child(n+13) {
        display: none
    }
}

@media screen and (pointer:coarse) and (min-width:640px) {
    .multiple-categories-wrapper .slidable .scroll-bar-container {
        margin-right: -1.125rem
    }
}

@media (pointer:coarse) and (max-width:1023px),
(pointer:coarse) and (max-width:1365px) and (orientation:landscape) {
    .multiple-categories-wrapper .slidable .multiple-categories-models-list-wrapper .video-list-item {
        display: inline-block
    }

    .multiple-categories-wrapper .slidable .multiple-categories-models-list-wrapper .video-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;
        margin-right: -4px;
        position: absolute;
        right: 0;
        top: 4px
    }

    .multiple-categories-wrapper .slidable .multiple-categories-models-list-wrapper .video-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 .video-list-item-see-all .btn-see-all .icon {
        height: 12px;
        margin: 0px 0px 0px 7px
    }

    .multiple-categories-wrapper .slidable .model-list {
        -moz-column-gap: 24vw;
        column-gap: 24vw
    }

    .multiple-categories-wrapper .slidable .video-list-item {
        width: 24vw
    }

    .multiple-categories-wrapper .slidable .model-list-width-1 {
        width: 24vw
    }

    .multiple-categories-wrapper .slidable .model-list-width-2 {
        width: 48vw
    }

    .multiple-categories-wrapper .slidable .model-list-width-3 {
        width: 72vw
    }

    .multiple-categories-wrapper .slidable .model-list-width-4 {
        width: 96vw
    }

    .multiple-categories-wrapper .slidable .model-list-width-5 {
        width: 120vw
    }

    .multiple-categories-wrapper .slidable .model-list-width-6 {
        width: 144vw
    }

    .multiple-categories-wrapper .slidable .model-list-width-7 {
        width: 168vw
    }

    .multiple-categories-wrapper .slidable .model-list-width-8 {
        width: 192vw
    }

    .multiple-categories-wrapper .slidable .model-list-width-9 {
        width: 216vw
    }

    .multiple-categories-wrapper .slidable .model-list-width-10 {
        width: 240vw
    }

    .multiple-categories-wrapper .slidable .model-list-width-11 {
        width: 264vw
    }

    .multiple-categories-wrapper .slidable .model-list-width-12 {
        width: 288vw
    }

    .multiple-categories-wrapper .slidable .model-list-width-13 {
        width: 312vw
    }

    .multiple-categories-wrapper .slidable .model-list-width-14 {
        width: 336vw
    }

    .multiple-categories-wrapper .slidable .model-list-width-15 {
        width: 360vw
    }

    .multiple-categories-wrapper .slidable .model-list-width-16 {
        width: 384vw
    }

    .multiple-categories-wrapper .slidable .model-list-width-17 {
        width: 408vw
    }

    .multiple-categories-wrapper .slidable .model-list-width-18 {
        width: 432vw
    }

    .multiple-categories-wrapper .slidable .model-list-width-19 {
        width: 456vw
    }

    .multiple-categories-wrapper .slidable .model-list-width-20 {
        width: 480vw
    }

    .multiple-categories-wrapper .slidable .model-list-width-21 {
        width: 504vw
    }

    .multiple-categories-wrapper .slidable .model-list-width-22 {
        width: 528vw
    }

    .multiple-categories-wrapper .slidable .model-list-width-23 {
        width: 552vw
    }

    .multiple-categories-wrapper .slidable .model-list-width-24 {
        width: 576vw
    }

    .multiple-categories-wrapper .slidable .model-list-width-25 {
        width: 600vw
    }

    .multiple-categories-wrapper .slidable .model-list-width-26 {
        width: 624vw
    }

    .multiple-categories-wrapper .slidable .model-list-width-27 {
        width: 648vw
    }

    .multiple-categories-wrapper .slidable .model-list-width-28 {
        width: 672vw
    }

    .multiple-categories-wrapper .slidable .model-list-width-29 {
        width: 696vw
    }

    .multiple-categories-wrapper .slidable .model-list-width-30 {
        width: 720vw
    }

    .multiple-categories-wrapper .slidable .model-list {
        display: block;
        line-height: 0;
        position: relative
    }

    .multiple-categories-wrapper .slidable .model-list * {
        line-height: normal
    }

    .multiple-categories-wrapper .slidable .video-list-item {
        flex-basis: initial;
        max-width: initial
    }

    .multiple-categories-wrapper .slidable .video-list-item-splitter {
        display: block
    }

    .multiple-categories-wrapper .multiple-categories-see-all-btn {
        display: none
    }

    .multiple-categories-wrapper .multiple-categories-see-all-link {
        display: inline
    }
}

@media (pointer:coarse) {
    .scroll-bar-container {
        scroll-snap-type: x mandatory
    }
}

@media screen and (pointer:coarse) and (max-width:1365px) and (orientation:landscape) {
    .multiple-categories-wrapper .slidable .model-list {
        -moz-column-gap: 19.3vw;
        column-gap: 19.3vw
    }

    .multiple-categories-wrapper .slidable .video-list-item {
        width: 19.3vw
    }

    .multiple-categories-wrapper .slidable .model-list-width-1 {
        width: 19.3vw
    }

    .multiple-categories-wrapper .slidable .model-list-width-2 {
        width: 38.6vw
    }

    .multiple-categories-wrapper .slidable .model-list-width-3 {
        width: 57.9vw
    }

    .multiple-categories-wrapper .slidable .model-list-width-4 {
        width: 77.2vw
    }

    .multiple-categories-wrapper .slidable .model-list-width-5 {
        width: 96.5vw
    }

    .multiple-categories-wrapper .slidable .model-list-width-6 {
        width: 115.8vw
    }

    .multiple-categories-wrapper .slidable .model-list-width-7 {
        width: 135.1vw
    }

    .multiple-categories-wrapper .slidable .model-list-width-8 {
        width: 154.4vw
    }

    .multiple-categories-wrapper .slidable .model-list-width-9 {
        width: 173.7vw
    }

    .multiple-categories-wrapper .slidable .model-list-width-10 {
        width: 193vw
    }

    .multiple-categories-wrapper .slidable .model-list-width-11 {
        width: 212.3vw
    }

    .multiple-categories-wrapper .slidable .model-list-width-12 {
        width: 231.6vw
    }

    .multiple-categories-wrapper .slidable .model-list-width-13 {
        width: 250.9vw
    }

    .multiple-categories-wrapper .slidable .model-list-width-14 {
        width: 270.2vw
    }

    .multiple-categories-wrapper .slidable .model-list-width-15 {
        width: 289.5vw
    }

    .multiple-categories-wrapper .slidable .model-list-width-16 {
        width: 308.8vw
    }

    .multiple-categories-wrapper .slidable .model-list-width-17 {
        width: 328.1vw
    }

    .multiple-categories-wrapper .slidable .model-list-width-18 {
        width: 347.4vw
    }

    .multiple-categories-wrapper .slidable .model-list-width-19 {
        width: 366.7vw
    }

    .multiple-categories-wrapper .slidable .model-list-width-20 {
        width: 386vw
    }

    .multiple-categories-wrapper .slidable .model-list-width-21 {
        width: 405.3vw
    }

    .multiple-categories-wrapper .slidable .model-list-width-22 {
        width: 424.6vw
    }

    .multiple-categories-wrapper .slidable .model-list-width-23 {
        width: 443.9vw
    }

    .multiple-categories-wrapper .slidable .model-list-width-24 {
        width: 463.2vw
    }

    .multiple-categories-wrapper .slidable .model-list-width-25 {
        width: 482.5vw
    }

    .multiple-categories-wrapper .slidable .model-list-width-26 {
        width: 501.8vw
    }

    .multiple-categories-wrapper .slidable .model-list-width-27 {
        width: 521.1vw
    }

    .multiple-categories-wrapper .slidable .model-list-width-28 {
        width: 540.4vw
    }

    .multiple-categories-wrapper .slidable .model-list-width-29 {
        width: 559.7vw
    }

    .multiple-categories-wrapper .slidable .model-list-width-30 {
        width: 579vw
    }
}

@media screen and (pointer:coarse) and (max-width:1023px) and (orientation:landscape) {
    .multiple-categories-wrapper .slidable .model-list {
        -moz-column-gap: 24vw;
        column-gap: 24vw
    }

    .multiple-categories-wrapper .slidable .video-list-item {
        width: 24vw
    }

    .multiple-categories-wrapper .slidable .model-list-width-1 {
        width: 24vw
    }

    .multiple-categories-wrapper .slidable .model-list-width-2 {
        width: 48vw
    }

    .multiple-categories-wrapper .slidable .model-list-width-3 {
        width: 72vw
    }

    .multiple-categories-wrapper .slidable .model-list-width-4 {
        width: 96vw
    }

    .multiple-categories-wrapper .slidable .model-list-width-5 {
        width: 120vw
    }

    .multiple-categories-wrapper .slidable .model-list-width-6 {
        width: 144vw
    }

    .multiple-categories-wrapper .slidable .model-list-width-7 {
        width: 168vw
    }

    .multiple-categories-wrapper .slidable .model-list-width-8 {
        width: 192vw
    }

    .multiple-categories-wrapper .slidable .model-list-width-9 {
        width: 216vw
    }

    .multiple-categories-wrapper .slidable .model-list-width-10 {
        width: 240vw
    }

    .multiple-categories-wrapper .slidable .model-list-width-11 {
        width: 264vw
    }

    .multiple-categories-wrapper .slidable .model-list-width-12 {
        width: 288vw
    }

    .multiple-categories-wrapper .slidable .model-list-width-13 {
        width: 312vw
    }

    .multiple-categories-wrapper .slidable .model-list-width-14 {
        width: 336vw
    }

    .multiple-categories-wrapper .slidable .model-list-width-15 {
        width: 360vw
    }

    .multiple-categories-wrapper .slidable .model-list-width-16 {
        width: 384vw
    }

    .multiple-categories-wrapper .slidable .model-list-width-17 {
        width: 408vw
    }

    .multiple-categories-wrapper .slidable .model-list-width-18 {
        width: 432vw
    }

    .multiple-categories-wrapper .slidable .model-list-width-19 {
        width: 456vw
    }

    .multiple-categories-wrapper .slidable .model-list-width-20 {
        width: 480vw
    }

    .multiple-categories-wrapper .slidable .model-list-width-21 {
        width: 504vw
    }

    .multiple-categories-wrapper .slidable .model-list-width-22 {
        width: 528vw
    }

    .multiple-categories-wrapper .slidable .model-list-width-23 {
        width: 552vw
    }

    .multiple-categories-wrapper .slidable .model-list-width-24 {
        width: 576vw
    }

    .multiple-categories-wrapper .slidable .model-list-width-25 {
        width: 600vw
    }

    .multiple-categories-wrapper .slidable .model-list-width-26 {
        width: 624vw
    }

    .multiple-categories-wrapper .slidable .model-list-width-27 {
        width: 648vw
    }

    .multiple-categories-wrapper .slidable .model-list-width-28 {
        width: 672vw
    }

    .multiple-categories-wrapper .slidable .model-list-width-29 {
        width: 696vw
    }

    .multiple-categories-wrapper .slidable .model-list-width-30 {
        width: 720vw
    }

    .multiple-categories-wrapper .multiple-categories-see-all-btn {
        display: none
    }

    .multiple-categories-wrapper .multiple-categories-see-all-link {
        display: inline
    }
}

@media screen and (pointer:coarse) and (max-width:639px) {
    .multiple-categories-wrapper .slidable .scroll-bar-container {
        margin-right: -.75rem
    }

    .multiple-categories-wrapper .slidable .model-list {
        -moz-column-gap: 30vw;
        column-gap: 30vw
    }

    .multiple-categories-wrapper .slidable .video-list-item {
        width: 30vw
    }

    .multiple-categories-wrapper .slidable .model-list-width-1 {
        width: 30vw
    }

    .multiple-categories-wrapper .slidable .model-list-width-2 {
        width: 60vw
    }

    .multiple-categories-wrapper .slidable .model-list-width-3 {
        width: 90vw
    }

    .multiple-categories-wrapper .slidable .model-list-width-4 {
        width: 120vw
    }

    .multiple-categories-wrapper .slidable .model-list-width-5 {
        width: 150vw
    }

    .multiple-categories-wrapper .slidable .model-list-width-6 {
        width: 180vw
    }

    .multiple-categories-wrapper .slidable .model-list-width-7 {
        width: 210vw
    }

    .multiple-categories-wrapper .slidable .model-list-width-8 {
        width: 240vw
    }

    .multiple-categories-wrapper .slidable .model-list-width-9 {
        width: 270vw
    }

    .multiple-categories-wrapper .slidable .model-list-width-10 {
        width: 300vw
    }

    .multiple-categories-wrapper .slidable .model-list-width-11 {
        width: 330vw
    }

    .multiple-categories-wrapper .slidable .model-list-width-12 {
        width: 360vw
    }

    .multiple-categories-wrapper .slidable .model-list-width-13 {
        width: 390vw
    }

    .multiple-categories-wrapper .slidable .model-list-width-14 {
        width: 420vw
    }

    .multiple-categories-wrapper .slidable .model-list-width-15 {
        width: 450vw
    }

    .multiple-categories-wrapper .slidable .model-list-width-16 {
        width: 480vw
    }

    .multiple-categories-wrapper .slidable .model-list-width-17 {
        width: 510vw
    }

    .multiple-categories-wrapper .slidable .model-list-width-18 {
        width: 540vw
    }

    .multiple-categories-wrapper .slidable .model-list-width-19 {
        width: 570vw
    }

    .multiple-categories-wrapper .slidable .model-list-width-20 {
        width: 600vw
    }

    .multiple-categories-wrapper .slidable .model-list-width-21 {
        width: 630vw
    }

    .multiple-categories-wrapper .slidable .model-list-width-22 {
        width: 660vw
    }

    .multiple-categories-wrapper .slidable .model-list-width-23 {
        width: 690vw
    }

    .multiple-categories-wrapper .slidable .model-list-width-24 {
        width: 720vw
    }

    .multiple-categories-wrapper .slidable .model-list-width-25 {
        width: 750vw
    }

    .multiple-categories-wrapper .slidable .model-list-width-26 {
        width: 780vw
    }

    .multiple-categories-wrapper .slidable .model-list-width-27 {
        width: 810vw
    }

    .multiple-categories-wrapper .slidable .model-list-width-28 {
        width: 840vw
    }

    .multiple-categories-wrapper .slidable .model-list-width-29 {
        width: 870vw
    }

    .multiple-categories-wrapper .slidable .model-list-width-30 {
        width: 900vw
    }

    .multiple-categories-wrapper .less-8-items .multiple-categories-models-list-wrapper .video-list-item:nth-child(2n+1) {
        scroll-snap-align: start
    }

    .multiple-categories-wrapper .less-8-items .model-list {
        white-space: nowrap;
        -moz-column-count: auto;
        column-count: auto
    }

    .multiple-categories-wrapper .less-8-items .model-list .model-list-width-1 {
        width: auto
    }

    .multiple-categories-wrapper .less-8-items .model-list .model-list-width-2 {
        width: auto
    }

    .multiple-categories-wrapper .less-8-items .model-list .model-list-width-3 {
        width: auto
    }

    .multiple-categories-wrapper .less-8-items .model-list .model-list-width-4 {
        width: auto
    }

    .multiple-categories-wrapper .less-8-items .model-list .model-list-width-5 {
        width: auto
    }

    .multiple-categories-wrapper .less-8-items .model-list .model-list-width-6 {
        width: auto
    }

    .multiple-categories-wrapper .less-8-items .model-list .model-list-width-7 {
        width: auto
    }

    .multiple-categories-wrapper .less-8-items .model-list .model-list-width-8 {
        width: auto
    }

    .multiple-categories-wrapper .less-8-items .model-list .model-list-width-9 {
        width: auto
    }

    .multiple-categories-wrapper .less-8-items .model-list .model-list-width-10 {
        width: auto
    }

    .multiple-categories-wrapper .less-8-items .model-list .model-list-width-11 {
        width: auto
    }

    .multiple-categories-wrapper .less-8-items .model-list .model-list-width-12 {
        width: auto
    }

    .multiple-categories-wrapper .less-8-items .model-list .model-list-width-13 {
        width: auto
    }

    .multiple-categories-wrapper .less-8-items .model-list .model-list-width-14 {
        width: auto
    }

    .multiple-categories-wrapper .less-8-items .model-list .model-list-width-15 {
        width: auto
    }

    .multiple-categories-wrapper .less-8-items .model-list .model-list-width-16 {
        width: auto
    }

    .multiple-categories-wrapper .less-8-items .model-list .model-list-width-17 {
        width: auto
    }

    .multiple-categories-wrapper .less-8-items .model-list .model-list-width-18 {
        width: auto
    }

    .multiple-categories-wrapper .less-8-items .model-list .model-list-width-19 {
        width: auto
    }

    .multiple-categories-wrapper .less-8-items .model-list .model-list-width-20 {
        width: auto
    }

    .multiple-categories-wrapper .less-8-items .model-list .model-list-width-21 {
        width: auto
    }

    .multiple-categories-wrapper .less-8-items .model-list .model-list-width-22 {
        width: auto
    }

    .multiple-categories-wrapper .less-8-items .model-list .model-list-width-23 {
        width: auto
    }

    .multiple-categories-wrapper .less-8-items .model-list .model-list-width-24 {
        width: auto
    }

    .multiple-categories-wrapper .less-8-items .model-list .model-list-width-25 {
        width: auto
    }

    .multiple-categories-wrapper .less-8-items .model-list .model-list-width-26 {
        width: auto
    }

    .multiple-categories-wrapper .less-8-items .model-list .model-list-width-27 {
        width: auto
    }

    .multiple-categories-wrapper .less-8-items .model-list .model-list-width-28 {
        width: auto
    }

    .multiple-categories-wrapper .less-8-items .model-list .model-list-width-29 {
        width: auto
    }

    .multiple-categories-wrapper .less-8-items .model-list .model-list-width-30 {
        width: auto
    }

    .multiple-categories-wrapper .less-8-items .model-list .video-list-item-placeholder {
        display: none
    }
}

@media screen and (pointer:coarse) and (max-width:479px) {
    .multiple-categories-wrapper .slidable .model-list {
        -moz-column-gap: 46vw;
        column-gap: 46vw
    }

    .multiple-categories-wrapper .slidable .video-list-item {
        width: 46vw
    }

    .multiple-categories-wrapper .slidable .model-list-width-1 {
        width: 46vw
    }

    .multiple-categories-wrapper .slidable .model-list-width-2 {
        width: 92vw
    }

    .multiple-categories-wrapper .slidable .model-list-width-3 {
        width: 138vw
    }

    .multiple-categories-wrapper .slidable .model-list-width-4 {
        width: 184vw
    }

    .multiple-categories-wrapper .slidable .model-list-width-5 {
        width: 230vw
    }

    .multiple-categories-wrapper .slidable .model-list-width-6 {
        width: 276vw
    }

    .multiple-categories-wrapper .slidable .model-list-width-7 {
        width: 322vw
    }

    .multiple-categories-wrapper .slidable .model-list-width-8 {
        width: 368vw
    }

    .multiple-categories-wrapper .slidable .model-list-width-9 {
        width: 414vw
    }

    .multiple-categories-wrapper .slidable .model-list-width-10 {
        width: 460vw
    }

    .multiple-categories-wrapper .slidable .model-list-width-11 {
        width: 506vw
    }

    .multiple-categories-wrapper .slidable .model-list-width-12 {
        width: 552vw
    }

    .multiple-categories-wrapper .slidable .model-list-width-13 {
        width: 598vw
    }

    .multiple-categories-wrapper .slidable .model-list-width-14 {
        width: 644vw
    }

    .multiple-categories-wrapper .slidable .model-list-width-15 {
        width: 690vw
    }

    .multiple-categories-wrapper .slidable .model-list-width-16 {
        width: 736vw
    }

    .multiple-categories-wrapper .slidable .model-list-width-17 {
        width: 782vw
    }

    .multiple-categories-wrapper .slidable .model-list-width-18 {
        width: 828vw
    }

    .multiple-categories-wrapper .slidable .model-list-width-19 {
        width: 874vw
    }

    .multiple-categories-wrapper .slidable .model-list-width-20 {
        width: 920vw
    }

    .multiple-categories-wrapper .slidable .model-list-width-21 {
        width: 966vw
    }

    .multiple-categories-wrapper .slidable .model-list-width-22 {
        width: 1012vw
    }

    .multiple-categories-wrapper .slidable .model-list-width-23 {
        width: 1058vw
    }

    .multiple-categories-wrapper .slidable .model-list-width-24 {
        width: 1104vw
    }

    .multiple-categories-wrapper .slidable .model-list-width-25 {
        width: 1150vw
    }

    .multiple-categories-wrapper .slidable .model-list-width-26 {
        width: 1196vw
    }

    .multiple-categories-wrapper .slidable .model-list-width-27 {
        width: 1242vw
    }

    .multiple-categories-wrapper .slidable .model-list-width-28 {
        width: 1288vw
    }

    .multiple-categories-wrapper .slidable .model-list-width-29 {
        width: 1334vw
    }

    .multiple-categories-wrapper .slidable .model-list-width-30 {
        width: 1380vw
    }

    .multiple-categories-wrapper .less-6-items .multiple-categories-models-list-wrapper .video-list-item:nth-child(2n+1) {
        scroll-snap-align: start
    }

    .multiple-categories-wrapper .less-6-items .model-list {
        white-space: nowrap;
        -moz-column-count: auto;
        column-count: auto
    }

    .multiple-categories-wrapper .less-6-items .model-list .model-list-width-1 {
        width: auto
    }

    .multiple-categories-wrapper .less-6-items .model-list .model-list-width-2 {
        width: auto
    }

    .multiple-categories-wrapper .less-6-items .model-list .model-list-width-3 {
        width: auto
    }

    .multiple-categories-wrapper .less-6-items .model-list .model-list-width-4 {
        width: auto
    }

    .multiple-categories-wrapper .less-6-items .model-list .model-list-width-5 {
        width: auto
    }

    .multiple-categories-wrapper .less-6-items .model-list .model-list-width-6 {
        width: auto
    }

    .multiple-categories-wrapper .less-6-items .model-list .model-list-width-7 {
        width: auto
    }

    .multiple-categories-wrapper .less-6-items .model-list .model-list-width-8 {
        width: auto
    }

    .multiple-categories-wrapper .less-6-items .model-list .model-list-width-9 {
        width: auto
    }

    .multiple-categories-wrapper .less-6-items .model-list .model-list-width-10 {
        width: auto
    }

    .multiple-categories-wrapper .less-6-items .model-list .model-list-width-11 {
        width: auto
    }

    .multiple-categories-wrapper .less-6-items .model-list .model-list-width-12 {
        width: auto
    }

    .multiple-categories-wrapper .less-6-items .model-list .model-list-width-13 {
        width: auto
    }

    .multiple-categories-wrapper .less-6-items .model-list .model-list-width-14 {
        width: auto
    }

    .multiple-categories-wrapper .less-6-items .model-list .model-list-width-15 {
        width: auto
    }

    .multiple-categories-wrapper .less-6-items .model-list .model-list-width-16 {
        width: auto
    }

    .multiple-categories-wrapper .less-6-items .model-list .model-list-width-17 {
        width: auto
    }

    .multiple-categories-wrapper .less-6-items .model-list .model-list-width-18 {
        width: auto
    }

    .multiple-categories-wrapper .less-6-items .model-list .model-list-width-19 {
        width: auto
    }

    .multiple-categories-wrapper .less-6-items .model-list .model-list-width-20 {
        width: auto
    }

    .multiple-categories-wrapper .less-6-items .model-list .model-list-width-21 {
        width: auto
    }

    .multiple-categories-wrapper .less-6-items .model-list .model-list-width-22 {
        width: auto
    }

    .multiple-categories-wrapper .less-6-items .model-list .model-list-width-23 {
        width: auto
    }

    .multiple-categories-wrapper .less-6-items .model-list .model-list-width-24 {
        width: auto
    }

    .multiple-categories-wrapper .less-6-items .model-list .model-list-width-25 {
        width: auto
    }

    .multiple-categories-wrapper .less-6-items .model-list .model-list-width-26 {
        width: auto
    }

    .multiple-categories-wrapper .less-6-items .model-list .model-list-width-27 {
        width: auto
    }

    .multiple-categories-wrapper .less-6-items .model-list .model-list-width-28 {
        width: auto
    }

    .multiple-categories-wrapper .less-6-items .model-list .model-list-width-29 {
        width: auto
    }

    .multiple-categories-wrapper .less-6-items .model-list .model-list-width-30 {
        width: auto
    }

    .multiple-categories-wrapper .less-6-items .model-list .video-list-item-placeholder {
        display: none
    }
}

@media (pointer:fine) {
    .multiple-categories-wrapper .multiple-categories-see-all-btn {
        display: inline-block
    }

    .multiple-categories-wrapper .multiple-categories-see-all-link {
        display: none
    }
}

.indexpage .all-tags-dropdown-trigger {
    display: none
}

@media screen and (min-width:1024px) {
    .livetagspage .all-tags-dropdown-trigger {
        display: none
    }
}

.index-page-content-wrapper {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: space-between;
    width: 100%;
    min-width: 0
}

.index-page {
    min-height: 220px;
    display: flex;
    flex-direction: column;
    flex: 1;
    flex-basis: auto;
    flex-grow: 1;
    flex-shrink: 0
}

@media screen and (min-width:640px) {
    .index-page {
        padding-left: 20px;
        padding-right: 20px
    }
}

.index-page .tags-inline-badges {
    margin-top: 16px;
    animation: opacity-fade-in .24s ease-in;
    will-change: opacity
}

.index-page .tags-inline-badges.index-page-mixed-tags {
    margin-top: 0;
    margin-bottom: 16px
}

.index-page .index-page-header {
    align-items: flex-start;
    position: relative;
    margin: 18px 0;
    margin: 16px 0
}

.index-page .index-page-header .header-notes {
    font-style: italic;
    text-align: right
}

.index-page .index-page-header .header-notes p {
    margin-bottom: .4rem
}

.index-page .index-page-header .header-notes p:last-child {
    margin-bottom: 0
}

.index-page .index-page-header .index-page-title-wrapper {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: nowrap
}

.index-page .index-page-header .verified-icon {
    background-image: url(/assets/common/images/verified.svg);
    width: 20px;
    height: 20px;
    display: inline-block;
    margin-left: 8px;
    flex-shrink: 0;
    margin-bottom: -2px
}

.index-page .index-page-subheader {
    margin: 18px 0
}

.index-page .index-page-subheader h2 {
    font-weight: 500;
    letter-spacing: inherit;
    line-height: 23px;
    opacity: .5;
    font-size: .875rem;
    letter-spacing: 0rem
}

@media screen and (max-width:639px) {
    .index-page .index-page-subheader h2 {
        padding: 0 .75rem;
        font-size: .75rem;
        line-height: 1.125rem
    }
}

.index-page .model-list-wrapper {
    width: 100%
}

@media screen and (max-width:639px) {
    .index-page .index-page-header-container {
        padding: 0
    }

    .index-page .index-page-header {
        display: block;
        margin-bottom: 10px
    }

    .index-page .index-page-header .verified-icon {
        width: 16px;
        height: 16px;
        margin-left: 6px;
        background-size: cover;
        margin-bottom: -1px
    }
}

.index-page.vr-index-page .vr-seo-badge {
    background-color: #477dd2;
    border-radius: 4px;
    color: #fff;
    display: inline-block;
    font-size: 28px;
    font-weight: 700;
    line-height: 42px;
    padding: 0 12px;
    text-align: center
}

.index-page.vr-index-page .index-page-header {
    display: flex;
    align-items: center;
    border-bottom: 1px solid rgba(255, 255, 255, .1);
    justify-content: flex-start;
    margin-bottom: 0;
    padding-bottom: 20px
}

.index-page.vr-index-page .index-page-header .index-page-title-wrapper {
    align-items: baseline;
    flex-wrap: nowrap
}

.index-page.vr-index-page .index-page-header .index-page-title-wrapper .index-page-vr-header {
    align-items: center
}

.index-page.vr-index-page .index-page-header .vr-seo-badge {
    margin-right: 10px
}

.index-page.vr-index-page .watch-vr {
    margin-left: auto
}

.index-page.vr-index-page .model-list {
    background-color: rgba(216, 216, 216, .06);
    border-radius: 9px;
    padding: 12px
}

.index-page.vr-index-page .index-page-subheader {
    margin: 21px 0 27px
}

.index-page.vr-index-page .index-page-subheader h2 {
    color: rgba(255, 255, 255, .78);
    font-weight: 400;
    max-width: 650px;
    opacity: .78;
    font-size: 1rem;
    line-height: 1.625rem
}

.index-page.vr-index-page .index-page-subheader--vr h2 {
    max-width: 875px
}

.index-page.vr-index-page .index-page-header-container>.watch-vr {
    display: none
}

@media screen and (max-width:1023px) {
    .index-page.vr-index-page .model-list {
        background-color: unset;
        border-radius: 0;
        padding: 0
    }

    .index-page.vr-index-page .index-page-subheader {
        margin: 18px 0 27px
    }

    .index-page.vr-index-page .index-page-subheader h2 {
        font-weight: 400;
        max-width: 70%;
        font-size: .75rem;
        line-height: 1.188rem
    }

    .index-page.vr-index-page .index-page-header .vr-seo-badge {
        font-size: 24px;
        line-height: 38px
    }
}

@media screen and (max-width:767px) {
    .index-page.vr-index-page .watch-vr {
        margin: auto
    }

    .index-page.vr-index-page .index-page-header-container {
        padding-bottom: 25px
    }

    .index-page.vr-index-page .index-page-header-container>.watch-vr {
        display: flex
    }

    .index-page.vr-index-page .index-page-header {
        border-bottom: none;
        margin-top: 25px;
        padding-bottom: 0
    }

    .index-page.vr-index-page .index-page-header .vr-seo-badge {
        font-size: 19px;
        line-height: 25px;
        padding: 0 10px
    }

    .index-page.vr-index-page .index-page-header .watch-vr {
        display: none
    }

    .index-page.vr-index-page .index-page-subheader {
        margin: 13px 0 15px
    }

    .index-page.vr-index-page .index-page-subheader h2 {
        max-width: unset;
        padding: 0
    }
}

.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;
    max-width: 1000px;
    display: block
}

.tag-info-for-model .underlined-link {
    color: #f8f8f8;
    text-decoration: underline
}

.tag-info-for-model .link-with-accent {
    font-weight: 700;
    color: #9dc0fd
}

.inline-badge__filter-button {
    display: inline-flex;
    align-items: center;
    margin: -1px 0 0 0;
    padding: 5px 13px;
    color: #f8f8f8 !important;
    border: 2px solid rgba(151, 151, 151, .6);
    background-color: transparent;
    font-size: .875rem;
    line-height: 1.125rem
}

.inline-badge__filter-button .icon {
    margin-right: 11px;
    width: 12px;
    height: 12px;
    fill: currentColor !important
}

@media screen and (max-width:767px) {
    .inline-badge__filter-button .icon {
        margin: 0
    }
}

@media screen and (max-width:767px) {
    .inline-badge__filter-button {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        padding: 6px 8px;
        height: 32px;
        min-width: 48px
    }
}

.inline-badge__filter-button--active,
.inline-badge__filter-button:focus,
.inline-badge__filter-button:hover {
    border-color: #61922f;
    background-color: transparent
}

@media screen and (max-width:767px) {
    .inline-badge__filter-button-text {
        display: none
    }
}

.inline-badge__filter-button-number {
    display: none
}

@media screen and (max-width:767px) {
    .inline-badge__filter-button-number {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        margin-right: 7px;
        padding: 2px 6px;
        border-radius: 5px;
        color: #fff;
        background-color: #61922f;
        font-size: .625rem;
        line-height: .75rem
    }
}

@media screen and (min-width:1024px) {
    .tags-with-filter {
        min-width: 380px
    }
}

.tags-with-filter__filter-dialogue {
    position: absolute;
    margin-top: -10px !important;
    margin-left: 0 !important;
    margin-right: 0 !important
}

.tags-with-filter__filter-dialogue .advanced-filter-dialogue__content {
    min-width: 360px
}

.tags-with-filter__tooltip .tooltip-inner::before {
    display: none
}

.tags-with-filter__tooltip .tooltip-inner {
    padding: 0;
    box-shadow: none;
    background-color: transparent
}

.tags-with-filter__tooltip .advanced-filter-dialogue {
    max-width: 100vw;
    width: 470px
}

.tags-with-filter__tooltip .advanced-filter-dialogue--wider {
    width: 500px
}

.tags-with-filter {
    z-index: 2
}

.tags-with-filter .tags-inline-badges-container {
    align-items: center;
    padding-top: 1px
}

@media screen and (max-width:767px) {
    .tags-with-filter .tags-inline-badges-container {
        flex-wrap: initial
    }
}

.tags-with-filter__divider {
    flex-shrink: 0;
    margin: 0 8px 8px 0;
    width: 1px;
    height: 16px;
    background-color: rgba(248, 248, 248, .4)
}

.tags-with-filter__filter-container {
    position: relative;
    margin: 0 8px 8px 0
}

@media screen and (max-width:767px) {
    .tags-with-filter__filter-container {
        display: none
    }
}

@media screen and (max-width:767px) {
    .tags-with-filter__filter-button {
        display: none
    }
}

.tags-with-filter__filter-button--mobile {
    display: none
}

@media screen and (max-width:767px) {
    .tags-with-filter__filter-button--mobile {
        display: inline-flex;
        margin: 0 8px 8px 0
    }
}

.tags-with-filter__tooltip {
    margin-top: 11px;
    padding-left: 0
}

.filters-group__actions {
    filter: drop-shadow(0px -1px 1px rgba(0, 0, 0, .32));
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 12px 16px;
    border-top: 1px solid #2e2e2e
}

.filters-group__actions .btn {
    margin-bottom: 0;
    font-weight: 400
}

.filters-group__actions_apply,
.filters-group__actions_close {
    border: none
}

.filters-group__actions_close {
    color: #f8f8f8;
    background-color: #333
}

.filters-group__actions_close:active,
.filters-group__actions_close:hover {
    background-color: #464646
}

.filters-group-content-tag {
    cursor: pointer;
    display: flex;
    color: #f8f8f8;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px
}

.filters-group-content-tag .categories-label {
    text-align: start
}

.filters-group-content-tag .categories-label .country-flag {
    background-position: center;
    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 {
    margin-right: 8px;
    height: 15px;
    width: 15px
}

.filters-group-content-tag__checkbox .checkbox-ds__box--checked {
    fill: #262626;
    border-color: #2cca65;
    background-color: #2cca65
}

.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-template-rows: repeat(var(--itemsPerColumn), auto);
    grid-template-columns: 1fr 1fr;
    grid-row-gap: 4px;
    grid-column-gap: 20px
}

.filters-group-content-categories__category--title {
    color: rgba(248, 248, 248, .4);
    font-weight: 500;
    font-size: 12px;
    line-height: 15px;
    text-transform: uppercase
}

.filters-group-content-categories__category--title {
    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 {
    position: relative;
    height: 20px;
    width: 20px
}

.filter-bubble-icon__indicator {
    position: absolute;
    top: -4px;
    right: -4px
}

.separated-filter__bubble {
    display: inline-flex;
    align-items: center;
    flex-shrink: 0;
    padding: 6px 12px;
    height: 32px;
    margin: 0;
    border-radius: 80px;
    border: 2px solid transparent;
    cursor: pointer;
    font-size: .813rem;
    line-height: 1.063rem;
    background-color: #333;
    color: #f8f8f8
}

.separated-filter__bubble .filter-bubble-icon__indicator {
    border-color: #333
}

.separated-filter__bubble .icon {
    fill: #f8f8f8
}

.separated-filter__bubble .filter-bubble-icon {
    margin-right: 8px
}

.separated-filter__bubble .filter-bubble-icon__indicator {
    transition: all 90ms ease-in-out 0s;
    border: 3px solid #333
}

.separated-filter__bubble__label {
    display: flex;
    align-items: center
}

.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,
.separated-filter__bubble:focus .icon {
    fill: #f8f8f8
}

.separated-filter__bubble:hover {
    color: #f8f8f8;
    background-color: #464646;
    border-color: #5b5b5b
}

.separated-filter__bubble:hover .filter-bubble-icon__indicator {
    border-color: #464646
}

.separated-filter__bubble:hover .icon {
    fill: #f8f8f8
}

.separated-filter__bubble--selected {
    color: #f8f8f8;
    background-color: #464646;
    border: 2px solid #5b5b5b;
    cursor: pointer;
    position: relative
}

.separated-filter__bubble--selected .icon {
    fill: rgba(248, 248, 248, .8)
}

.separated-filter__bubble--selected .filter-bubble-icon__indicator {
    border-color: #464646
}

.separated-filter__bubble--selected:focus,
.separated-filter__bubble--selected:hover {
    color: #f8f8f8;
    background-color: #464646
}

.separated-filter__bubble--selected:focus .icon,
.separated-filter__bubble--selected:hover .icon {
    fill: rgba(248, 248, 248, .8)
}

.separated-filter__bubble--selected:focus .filter-bubble-icon__indicator,
.separated-filter__bubble--selected:hover .filter-bubble-icon__indicator {
    border-color: #464646
}

@media screen and (max-width:767px) {
    .separated-filter__bubble--selected:hover {
        color: #f8f8f8;
        background-color: #464646
    }
}

.separated-filters-inline-container {
    display: flex;
    overflow-x: auto;
    align-items: center
}

.separated-filter-modal-header {
    position: relative;
    box-shadow: 0 1px 1px rgba(0, 0, 0, .32);
    max-width: 100vw;
    z-index: 1
}

.separated-filter-modal-header__wrapper {
    padding: 12px 20px;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.separated-filter-modal-header__title {
    font-weight: 700;
    font-size: 16px;
    line-height: 24px
}

.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: #262626;
    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: #262626
}

.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: #262626;
    box-shadow: 0 20px 30px rgba(0, 0, 0, .3);
    padding: 0;
    border-radius: 8px
}

.separated-filter-tooltip .tooltip-inner::before {
    display: none
}

.separated-filter-tooltip__content {
    width: 375px
}

.separated-filter-tooltip .filters-group__actions {
    background-color: #262626
}

.separated-filters-bubbles-clear {
    display: block;
    margin: 0;
    overflow: initial
}

.separated-filters .separated-filters__inline-badges .btn-tags-inline-badge {
    margin-bottom: 0;
    background-color: transparent;
    border-color: rgba(248, 248, 248, .4);
    border-width: 2px
}

.separated-filters .separated-filters__inline-badges .btn-tags-inline-badge.active {
    background-color: #464646
}

.separated-filters__item_bubble {
    height: 32px;
    margin: 0;
    align-items: center
}

.separated-filters__item_bubble--selected {
    border: 2px solid #5b5b5b
}

.separated-filters__item a.model-filter-link {
    display: flex
}

.separated-filters__item:not(:last-child) {
    margin-right: 12px
}

.separated-filters__item_divider {
    flex-shrink: 0;
    width: 1px;
    height: 16px;
    background-color: rgba(248, 248, 248, .4)
}

.tag-page.index-page .tags-inline-badges {
    margin-top: 10px;
    margin-bottom: 0
}

.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
}

@media screen and (min-width:1024px) {
    .tag-page.index-page .tags-inline-badges .btn-categories {
        display: none
    }

    .tag-page.index-page .tags-inline-badges__divider_categories:not(.tag-page.index-page.tags-inline-badges__divider_categories.is-mobile) {
        display: none
    }
}

.tag-page.index-page .tags-inline-badges.verified-models-tags {
    margin-bottom: 0;
    margin-top: 16px
}

@media screen and (min-width:480px) {
    .tag-page.index-page .index-page__separated-filters-container--mobile {
        display: none
    }
}

@media screen and (max-width:479px) {
    .tag-page.index-page .index-page__separated-filters--desktop {
        display: none
    }
}

@media screen and (max-width:1023px) {
    .tag-page.index-page .tags-inline-badges.no-verified-models-tags {
        display: none
    }
}

.tag-page.index-page .tag-page-title {
    margin-top: 8px;
    margin-bottom: 4px
}

@media screen and (max-width:639px) {
    .tag-page.index-page .tag-page-title {
        margin-top: 3px
    }
}

.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--large {
    margin-top: 20px
}

@media screen and (max-width:639px) {
    .tag-page.index-page .tag-page-title--large {
        margin-top: 0
    }
}

.tag-page.index-page .tag-page-title--large .text-title-l1 {
    font-size: 24px
}

@media screen and (max-width:639px) {
    .tag-page.index-page .tag-page-title--large .text-title-l1 {
        font-size: 20px
    }
}

@media screen and (max-width:639px) {
    .tag-page.index-page .tag-page-title--large .index-page-header-seo-description-mobile-icon {
        margin-top: 0
    }
}

.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 .models-list-container {
    margin-bottom: 24px
}

.tag-page.index-page .tag-page-model-list {
    margin: -4px;
    margin-top: 10px
}

@media screen and (max-width:639px) {
    .tag-page.index-page .tag-page-model-list {
        margin-top: 6px
    }
}

.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-top: 16px;
    padding-bottom: 8px;
    margin-bottom: -8px
}

.tag-page-model-info {
    margin-top: 16px;
    margin-bottom: 20px
}

.editable-collection-edit-button {
    font-size: 15px;
    font-weight: 400;
    letter-spacing: normal;
    line-height: normal;
    color: #f8f8f8;
    opacity: .8;
    display: flex;
    align-items: center
}

.editable-collection-edit-button:hover {
    color: rgba(175, 38, 47, .9)
}

.editable-collection-edit-button-icon {
    margin-right: 8px
}

.edit-collection-button {
    color: #f8f8f8;
    margin: 0
}

.photos-gallery-item.in-edit-mode {
    cursor: pointer;
    position: relative
}

.photos-gallery-item.in-edit-mode:after {
    background: linear-gradient(245.99deg, rgba(0, 0, 0, .7) -.46%, rgba(0, 0, 0, 0) 100%);
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0
}

.photos-gallery-item.in-edit-mode.selected:after {
    background: linear-gradient(0deg, rgba(175, 38, 47, .5), rgba(175, 38, 47, .5))
}

.photos-gallery-item-controls {
    position: absolute;
    right: 11px;
    top: 11px;
    z-index: 1
}

.photos-gallery.gallery-access-restricted {
    min-height: 350px;
    position: relative
}

.photos-gallery.gallery-access-restricted ul>li {
    filter: blur(5px)
}

.photos-gallery .photos-gallery-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    margin: 0;
    -webkit-overflow-scrolling: touch;
    overflow-y: auto
}

.photos-gallery .photos-gallery-list.aligned {
    justify-content: space-between
}

.photos-gallery .photos-gallery-list>li {
    background-color: #292929;
    background-position: center center;
    background-size: cover;
    display: block;
    float: left;
    height: 100px;
    margin: 0 1px 1px 0;
    overflow: hidden;
    position: relative
}

.photos-gallery .photos-gallery-list>li.is-clickable {
    cursor: pointer
}

.photos-gallery .photos-gallery-list>li.should-be-deleted {
    box-shadow: inset 0 0 0 1000px rgba(0, 0, 0, .5)
}

.photos-gallery .photos-gallery-list>li.show-more {
    background-color: unset;
    opacity: .4 !important;
    position: relative;
    text-transform: uppercase;
    font-size: .625rem;
    align-items: center;
    justify-content: center;
    display: flex;
    flex-direction: row
}

.photos-gallery .photos-gallery-list>li.show-more:after {
    background-color: rgba(255, 255, 255, .2);
    bottom: 6px;
    content: "";
    display: block;
    left: 6px;
    position: absolute;
    right: 6px;
    top: 6px
}

.photos-gallery .photos-gallery-list>li.show-more:hover {
    opacity: .7 !important
}

.photos-gallery .photos-gallery-list>li.plus {
    cursor: pointer;
    position: relative;
    width: 120px;
    border-radius: 4px
}

.photos-gallery .photos-gallery-list>li.plus>.icon {
    fill: #6e6e6e;
    margin: 0;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%)
}

.photos-gallery .photos-gallery-list>li.plus:hover>.icon {
    fill: #fff
}

.photos-gallery .photos-gallery-list>li.plus input[type=file] {
    display: none
}

.photos-gallery .photos-gallery-list>li.plus.is-updating>.icon {
    display: none
}

.photos-gallery .album-access-mode-wrapper {
    align-items: center;
    background-color: rgba(34, 34, 34, .8);
    color: #f8f8f8;
    height: 100%;
    justify-content: center;
    position: absolute;
    text-align: center;
    width: 100%;
    z-index: 1;
    display: flex;
    flex-direction: row
}

.photos-gallery .album-access-mode-wrapper .access-mode-inner {
    margin: 20px
}

.photos-gallery .album-access-mode-wrapper .access-mode-icon {
    margin-bottom: 30px
}

.photos-gallery .album-access-mode-wrapper .access-mode-icon .icon {
    fill: #f8f8f8;
    height: 100px;
    width: 100px
}

.photos-gallery .album-access-mode-wrapper .access-mode-title {
    margin-bottom: 5px;
    line-height: 2.125rem;
    font-size: 1.75rem
}

.photos-gallery .album-access-mode-wrapper .access-mode-description {
    margin-bottom: 30px;
    line-height: 1.25rem;
    font-size: .875rem
}

.photos-gallery.is-pending {
    opacity: .33;
    pointer-events: none
}

.photos-gallery.is-edit-mode>ul li {
    transition: all .2s ease-in-out
}

.photos-gallery .scroll-bar-container {
    max-height: 500px;
    min-height: 150px
}

.photos-gallery .likes-counter-wrapper {
    margin-top: 20px
}

@media screen and (max-width:639px) {
    .photos-gallery.gallery-access-restricted {
        min-height: 250px
    }

    .photos-gallery .album-access-mode-wrapper .access-mode-icon {
        margin-bottom: 15px
    }

    .photos-gallery .album-access-mode-wrapper .access-mode-icon .icon {
        height: 50px;
        width: 50px
    }

    .photos-gallery .album-access-mode-wrapper .access-mode-title {
        margin-bottom: 10px;
        line-height: 1.5rem;
        font-size: 1.25rem
    }

    .photos-gallery .album-access-mode-wrapper .access-mode-description {
        line-height: 18px;
        margin-bottom: 15px;
        font-size: .75rem
    }
}

.photos-gallery .photos-gallery-edit-button {
    position: absolute;
    right: 20px;
    top: 20px
}

.model-dc-sync-with-myclub {
    overflow-x: initial
}

.model-dc-sync-with-myclub .sync-with-myclub-modal {
    position: relative;
    color: #f8f8f8;
    padding: 32px 28px;
    text-align: left
}

@media screen and (max-width:424px) {
    .model-dc-sync-with-myclub .sync-with-myclub-modal {
        text-align: center
    }

    .model-dc-sync-with-myclub .sync-with-myclub-modal__controllers {
        flex-direction: column-reverse;
        align-items: center
    }
}

.model-dc-sync-with-myclub .sync-with-myclub-modal__title {
    font-weight: 700;
    font-size: 1.125rem
}

.model-dc-sync-with-myclub .sync-with-myclub-modal__controllers {
    display: flex;
    margin-top: 25px
}

.model-dc-sync-with-myclub .sync-with-myclub-modal__controllers button {
    margin-bottom: 0;
    font-weight: 700
}

.model-dc-sync-with-myclub .sync-with-myclub-modal__controllers button:first-child {
    margin-right: 16px
}

@media screen and (max-width:424px) {
    .model-dc-sync-with-myclub .sync-with-myclub-modal__controllers button:first-child {
        margin-right: 0;
        margin-top: 20px
    }
}

.model-dc-sync-with-myclub .sync-with-myclub-modal__link {
    position: absolute;
    left: 50%;
    top: 100%;
    transform: translateX(-50%);
    display: flex;
    justify-content: center;
    width: 100%;
    padding-top: 10px;
    text-decoration: underline
}

.app-description {
    color: rgba(248, 248, 248, .6);
    fill: rgba(248, 248, 248, .6)
}

.app-description .breadcrumbs {
    margin-bottom: 16px;
    margin-top: 24px;
    font-size: 1.25rem;
    line-height: 1.438rem
}

.app-description .breadcrumbs .icon-chevron-right {
    margin-right: 10px;
    transform: rotate(180deg)
}

.app-description .breadcrumbs a {
    align-items: center;
    display: flex;
    text-decoration: none
}

.app-description .block {
    background-color: #262626;
    border-radius: 6px;
    padding: 32px;
    font-size: .813rem;
    line-height: 1.25rem
}

.app-description .buttons .icon {
    margin-bottom: 3px;
    margin-right: 8px
}

.app-description .header {
    align-items: center;
    border-bottom: 1px solid rgba(255, 255, 255, .15);
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding-bottom: 24px
}

.app-description .header .info {
    display: flex
}

.app-description .header .name-container {
    display: flex;
    flex-direction: column;
    justify-content: center
}

.app-description .header .name-container .name {
    color: #f8f8f8;
    font-size: 24px;
    font-weight: 700;
    line-height: 28px;
    font-size: 1.5rem;
    line-height: 1.75rem
}

.app-description .header .name-container .author {
    align-items: flex-end;
    display: flex;
    margin-top: 5px;
    font-size: .75rem;
    line-height: 1rem
}

.app-description .header .buttons {
    flex-shrink: 0
}

.app-description .header .app-image {
    background: linear-gradient(-45deg, #362342 0%, #5a1215 100%);
    border-radius: 4px;
    flex-shrink: 0;
    float: left;
    height: 100px;
    margin-right: 20px;
    width: 180px
}

.app-description .content {
    display: flex
}

.app-description .content .details {
    padding-right: 20px;
    width: 50%
}

.app-description .content .screenshots {
    margin-top: 16px;
    width: 50%
}

.app-description .content .category {
    text-transform: lowercase
}

.app-description .description {
    margin-bottom: 32px
}

.app-description p {
    margin-bottom: 5px;
    white-space: pre-line
}

.app-description h6 {
    color: #f8f8f8;
    font-weight: 400;
    margin: 16px 0;
    font-size: 1.25rem;
    line-height: 1.438rem
}

@media screen and (max-width:639px) {
    .app-description .breadcrumbs {
        font-size: 1.063rem;
        line-height: 1.25rem
    }

    .app-description .header {
        align-items: start;
        flex-direction: column;
        padding-bottom: 10px
    }

    .app-description .header .info {
        flex-direction: column;
        padding-bottom: 20px
    }

    .app-description .header .app-image {
        height: auto;
        margin-bottom: 20px;
        width: 100%
    }

    .app-description .description {
        margin-bottom: 20px
    }

    .app-description h6 {
        font-size: 1.063rem;
        line-height: 1.25rem
    }

    .app-description .block {
        padding: 20px
    }

    .app-description .content {
        flex-direction: column;
        padding-top: 4px
    }

    .app-description .content .details,
    .app-description .content .screenshots {
        padding: 0;
        width: 100%
    }
}

.app-tile {
    border-radius: 4px;
    cursor: pointer;
    padding: 10px;
    flex-basis: 33.3333%;
    max-width: 33.3333%
}

@media screen and (max-width:479px) {
    .app-tile {
        flex-basis: 100%;
        max-width: 100%
    }
}

@media screen and (min-width:480px) and (max-width:639px) {
    .app-tile {
        flex-basis: 50%;
        max-width: 50%
    }
}

@media screen and (min-width:640px) and (max-width:1023px) {
    .app-tile {
        flex-basis: 50%;
        max-width: 50%
    }
}

@media screen and (min-width:1024px) and (max-width:1365px) {
    .app-tile {
        flex-basis: 33.3333%;
        max-width: 33.3333%
    }
}

@media screen and (min-width:1600px) {
    .app-tile {
        flex-basis: 25%;
        max-width: 25%
    }
}

.app-tile .app-image {
    position: relative
}

.app-tile .app-image img {
    background-position: center;
    background-size: cover;
    border-radius: 4px 4px 0 0;
    width: 100%
}

.app-tile .app-image .app-description {
    align-items: center;
    background: rgba(38, 38, 38, .95);
    border-bottom: rgba(248, 248, 248, .2) 1px solid;
    border-radius: 4px 4px 0 0;
    display: flex;
    height: 100%;
    justify-content: center;
    line-height: 20px;
    opacity: 0;
    padding: 0 20px;
    position: absolute;
    text-align: center;
    top: 0;
    transition: opacity .15s linear;
    width: 100%
}

.app-tile .app-image:hover .app-description {
    opacity: 1
}

.app-tile .info-wrapper {
    background-color: #262626;
    border-radius: 0 0 4px 4px;
    display: flex;
    justify-content: space-between;
    padding: 12px
}

.app-tile .info {
    align-items: self-start;
    display: flex;
    flex-direction: column
}

.app-tile .actions {
    display: flex;
    fill: rgba(248, 248, 248, .8)
}

.app-tile .actions .icon {
    height: 18px;
    margin-left: 25px;
    margin-right: 0;
    width: 18px
}

.app-tile .actions .settings {
    display: flex
}

.app-tile .actions .settings:hover {
    cursor: pointer
}

.app-tile .actions .settings:hover .icon-settings {
    fill: #f8f8f8
}

.app-tile .title {
    font-weight: 500;
    font-size: .813rem;
    line-height: .938rem
}

.app-tile .author {
    color: rgba(248, 248, 248, .4);
    margin: 6px 0 10px;
    font-size: .75rem;
    line-height: 1rem
}

.app-tile .category {
    background: rgba(248, 248, 248, .1);
    border-radius: 4px;
    color: rgba(248, 248, 248, .4);
    font-weight: 500;
    padding: 3px 5px;
    text-transform: uppercase;
    font-size: .563rem;
    line-height: .563rem
}

.app-store h4 {
    font-weight: 400;
    margin-top: 24px;
    font-size: 1.25rem;
    line-height: 1.438rem
}

.app-store__tiles {
    align-items: flex-start;
    display: flex;
    flex-wrap: wrap;
    margin: 0 -10px
}

.broadcast-settings-block-wrapper {
    display: flex;
    padding: 10px
}

.broadcast-settings-block {
    background-color: #262626;
    border: 1px solid transparent;
    border-radius: 4px;
    width: 100%
}

.broadcast-settings-block-header {
    align-items: center;
    border-bottom: 1px solid rgba(255, 255, 255, .15);
    cursor: default;
    display: flex;
    justify-content: space-between;
    min-height: 56px;
    padding: 0 20px;
    display: flex;
    flex-direction: row;
    font-size: .938rem;
    line-height: 1.25rem
}

.broadcast-settings-block-content {
    padding: 20px
}

.broadcast-settings-block-title-sub {
    font-weight: 500;
    font-size: .875rem;
    display: flex;
    flex-direction: row;
    line-height: 1.125rem
}

.offline-private-plasma .broadcast-settings-block-content {
    display: flex;
    flex-direction: column
}

.offline-private-plasma .title {
    font-size: 18px;
    font-weight: 700;
    letter-spacing: normal;
    line-height: 22px;
    color: #f8f8f8;
    margin-bottom: 12px
}

.offline-private-plasma .description {
    font-size: 13px;
    font-weight: 500;
    letter-spacing: normal;
    line-height: 1.4;
    color: rgba(248, 248, 248, .8);
    margin-bottom: 20px
}

.offline-private-plasma .plasma {
    align-items: flex-start;
    background-color: #1b1b1b;
    border-radius: 4px;
    display: flex;
    flex-direction: column;
    margin-bottom: 20px;
    padding: 16px
}

.offline-private-plasma .plasma-button {
    margin: 0
}

.offline-private-plasma .link {
    cursor: pointer;
    text-decoration: underline
}

.offline-private-plasma .plasma-description {
    font-size: 13px;
    font-weight: 500;
    letter-spacing: normal;
    line-height: 1.4;
    color: rgba(248, 248, 248, .6);
    margin-bottom: 10px
}

.offline-private-plasma .plasma-description.connected {
    color: #feb601
}

.offline-private-plasma .plasma-description.activated {
    color: #2cca65
}

.offline-private-plasma .messenger-link {
    color: rgba(248, 248, 248, .6);
    opacity: .6
}

.offline-private-plasma .messenger-link:hover {
    color: rgba(248, 248, 248, .8)
}

.offline-private-plasma .reconnect-plasma {
    font-size: 12px;
    font-weight: 700;
    letter-spacing: normal;
    line-height: 1.3;
    color: rgba(248, 248, 248, .6)
}

.offline-private-plasma .icon-renew {
    fill: currentColor;
    vertical-align: bottom
}

.offline-private-plasma .reconnect-plasma-link:hover {
    color: rgba(248, 248, 248, .8)
}

.offline-private-plasma .rules {
    font-size: 12px;
    font-weight: 400;
    letter-spacing: normal;
    line-height: 18px;
    border-left: 2px solid #ff5f5f;
    color: rgba(248, 248, 248, .5);
    padding-left: 10px
}

.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: all 120ms ease-in-out 0s
}

.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;
    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
}

.offline-private-promo.disconnected {
    opacity: .4;
    pointer-events: none
}

.offline-private-promo.disconnected * {
    cursor: default
}

.offline-private-promo .broadcast-settings-block-content {
    display: flex;
    flex-direction: column
}

.offline-private-promo__title {
    color: #f8f8f8;
    margin-bottom: 12px;
    font-size: 18px;
    font-weight: 700;
    letter-spacing: normal;
    line-height: 22px
}

.offline-private-promo__copy-input {
    flex-grow: 1;
    margin-right: 10px
}

.offline-private-promo__description {
    color: rgba(248, 248, 248, .8);
    margin-bottom: 20px;
    font-size: 13px;
    font-weight: 500;
    letter-spacing: normal;
    line-height: 1.4
}

.offline-private-promo__preview-btn-link {
    align-items: center;
    border: 2px solid rgba(255, 255, 255, .4);
    border-radius: 70px;
    color: #f8f8f8;
    display: flex;
    flex-direction: row;
    font-size: 13px;
    font-weight: 500;
    height: 30px;
    justify-content: center;
    line-height: 16px;
    margin: 0;
    padding: 12px 20px;
    text-align: center
}

.offline-private-promo__label {
    color: #fff;
    display: flex;
    margin-bottom: 12px;
    opacity: .9;
    font-size: 13px;
    font-weight: 500;
    letter-spacing: normal;
    line-height: 1.4
}

.offline-private-promo__bottom {
    align-items: center;
    display: flex;
    justify-content: space-between
}

.broadcast-settings-block-title {
    color: #f8f8f8;
    opacity: .9
}

.broadcast-settings-block-title-main {
    font-weight: 700;
    font-size: .938rem;
    line-height: 1.25rem
}

.broadcast-settings-block-title-with-icon {
    align-items: center;
    display: flex
}

.broadcast-settings-block-title-with-icon .icon {
    color: rgba(248, 248, 248, .8);
    fill: rgba(248, 248, 248, .8);
    height: 20px;
    margin-right: 20px;
    width: 20px
}

.broadcast-settings-block-buttons {
    justify-content: start;
    margin: 20px 0 10px;
    display: flex;
    flex-direction: row
}

.broadcast-settings-block-buttons .btn {
    margin-bottom: 0
}

.schedule-form-period {
    align-items: center;
    display: flex
}

.schedule-form-period .select {
    min-width: 100px
}

.schedule-form-period .delimiter {
    font-size: 11px;
    font-weight: 500;
    letter-spacing: normal;
    line-height: normal;
    color: rgba(248, 248, 248, .4);
    padding: 0 10px 3px
}

.schedule-form-period .select-to {
    margin-right: 12px
}

.schedule-form-period .add-period,
.schedule-form-period .delete-period {
    border: 0;
    height: 24px;
    margin: 0;
    padding: 0;
    width: 24px;
    background: 0 0;
    color: rgba(248, 248, 248, .4);
    transition: all 90ms ease-in-out 0s;
    transition-property: color, background-color
}

.schedule-form-period .add-period>.icon,
.schedule-form-period .delete-period>.icon {
    fill: rgba(248, 248, 248, .4);
    transition: all 90ms ease-in-out 0s
}

@media (pointer:fine) {

    .schedule-form-period .add-period.hover,
    .schedule-form-period .add-period:hover,
    .schedule-form-period .delete-period.hover,
    .schedule-form-period .delete-period:hover {
        background: rgba(248, 248, 248, .1);
        color: rgba(248, 248, 248, .8)
    }

    .schedule-form-period .add-period.hover>.icon,
    .schedule-form-period .add-period:hover>.icon,
    .schedule-form-period .delete-period.hover>.icon,
    .schedule-form-period .delete-period:hover>.icon {
        fill: rgba(248, 248, 248, .8)
    }
}

.schedule-form-period .add-period.active,
.schedule-form-period .add-period.focus,
.schedule-form-period .add-period:active,
.schedule-form-period .add-period:focus,
.schedule-form-period .delete-period.active,
.schedule-form-period .delete-period.focus,
.schedule-form-period .delete-period:active,
.schedule-form-period .delete-period:focus {
    background: rgba(248, 248, 248, .1);
    color: rgba(248, 248, 248, .8)
}

.schedule-form-period .add-period.active>.icon,
.schedule-form-period .add-period.focus>.icon,
.schedule-form-period .add-period:active>.icon,
.schedule-form-period .add-period:focus>.icon,
.schedule-form-period .delete-period.active>.icon,
.schedule-form-period .delete-period.focus>.icon,
.schedule-form-period .delete-period:active>.icon,
.schedule-form-period .delete-period:focus>.icon {
    fill: rgba(248, 248, 248, .8)
}

.schedule-form-period .add-period .btn-loader-overlay,
.schedule-form-period .delete-period .btn-loader-overlay {
    color: rgba(248, 248, 248, .4);
    background-color: transparent
}

.schedule-form-period .add-period .icon,
.schedule-form-period .delete-period .icon {
    height: 24px;
    margin: 0;
    vertical-align: top
}

.schedule-form-period .add-period .icon-trash-2,
.schedule-form-period .delete-period .icon-trash-2 {
    width: 12px
}

.schedule-form-period .add-period .icon-plus-unframed,
.schedule-form-period .delete-period .icon-plus-unframed {
    width: 10px
}

.schedule-form-period .period-buttons {
    display: flex;
    justify-content: space-between;
    width: 52px
}

@media screen and (max-width:639px) {
    .schedule-form-period .select {
        flex-grow: 1;
        min-width: 98px
    }

    .schedule-form-period .day {
        margin-bottom: 14px;
        padding: 0
    }

    .schedule-form-period .select-to {
        margin-right: 8px
    }
}

@media screen and (max-width:424px) {
    .schedule-form-period .delimiter {
        padding: 0 4px 3px
    }
}

@media screen and (max-width:359px) {
    .schedule-form-period .select {
        min-width: 80px
    }

    .schedule-form-period .select .select-value {
        padding-left: 10px !important;
        padding-right: 10px !important
    }

    .schedule-form-period .select .select-arrow-zone {
        right: 2px !important
    }

    .schedule-form-period .select .select-option {
        padding-left: 10px !important
    }
}

.schedule-form-day {
    align-items: flex-start;
    display: flex
}

.schedule-form-day .day {
    font-size: 14px;
    font-weight: 500;
    letter-spacing: normal;
    line-height: normal;
    align-items: center;
    color: rgba(248, 248, 248, .6);
    display: flex;
    flex: 1;
    padding: 5px 0px
}

.schedule-form-day .day.active {
    color: #f8f8f8
}

.schedule-form-day .switcher {
    margin: 0 12px 0 0
}

.schedule-form-day .schedule-form-period:not(:last-child) {
    margin-bottom: 12px
}

.schedule-form-day .switcher-switch {
    margin-top: 1px
}

@media screen and (max-width:639px) {
    .schedule-form-day {
        flex-direction: column
    }

    .schedule-form-day .day {
        margin-bottom: 14px;
        padding: 0
    }

    .schedule-form-day .periods {
        width: 100%
    }
}

.schedule-form-day--disabled .select:not(.is-open) {
    opacity: .6
}

.schedule-form.disabled {
    opacity: .4;
    pointer-events: none
}

.schedule-form .schedule-form-days {
    background: #1b1b1b;
    border-radius: 4px;
    padding: 16px
}

.schedule-form .schedule-form-day:not(:first-child) {
    padding-top: 10px
}

.schedule-form .schedule-form-day:not(:last-child) {
    border-bottom: 1px solid rgba(248, 248, 248, .05);
    padding-bottom: 10px
}

.schedule-form .schedule-form-buttons {
    margin-bottom: 0
}

@media screen and (max-width:639px) {
    .schedule-form .schedule-form-days {
        border-radius: 10px;
        padding: 20px 16px
    }
}

.offline-private-schedule.disconnected {
    opacity: .4;
    pointer-events: none
}

.offline-private-schedule.disconnected * {
    cursor: default
}

.offline-private-schedule.disabled .offline-private-schedule-form,
.offline-private-schedule.disabled .timezone {
    opacity: .4
}

.offline-private-schedule.disabled .offline-private-schedule-form *,
.offline-private-schedule.disabled .timezone * {
    pointer-events: none
}

.offline-private-schedule .broadcast-settings-block-header .switcher-switch {
    margin-top: 1px
}

.offline-private-schedule .broadcast-settings-block-content {
    min-height: 500px;
    position: relative
}

.offline-private-schedule .broadcast-settings-block-title-with-icon {
    opacity: 1
}

.offline-private-schedule .broadcast-settings-block-title-with-icon .icon {
    color: #f8f8f8;
    fill: #f8f8f8
}

.offline-private-schedule .timezone {
    font-size: 13px;
    font-weight: 500;
    letter-spacing: normal;
    line-height: 1.4;
    color: #f8f8f8;
    display: block;
    margin-bottom: 10px
}

.offline-private-schedule .timezone-link {
    color: rgba(248, 248, 248, .6);
    text-decoration: underline
}

.offline-private-schedule .timezone-link:hover {
    color: rgba(248, 248, 248, .8)
}

.settings-layout--with-columns {
    align-items: flex-start;
    display: flex;
    flex-wrap: wrap
}

.settings-layout__group-wrapper {
    display: flex;
    flex: 0 0 33.33%;
    flex-direction: column
}

@media screen and (max-width:1365px) {
    .settings-layout__group-wrapper {
        flex-basis: 50%
    }
}

@media screen and (max-width:1023px) {
    .settings-layout__group-wrapper {
        flex-basis: 100%
    }
}

.offline-private {
    align-items: flex-start;
    display: flex;
    flex-wrap: wrap
}

.offline-private .offline-private__group {
    flex-basis: 560px
}

.offline-private .offline-private__block {
    max-width: 560px
}

@media screen and (max-width:1023px) {
    .offline-private {
        display: block
    }
}

@media screen and (max-width:479px) {
    .offline-private .offline-private__block {
        padding-left: 0;
        padding-right: 0
    }
}

.connect-plasma .header {
    display: flex;
    flex-direction: row;
    align-items: center;
    margin: 1.125rem 0
}

.connect-plasma .header .icon {
    margin-right: .75rem
}

.connect-plasma .header .title {
    font-size: 18px;
    font-weight: 700;
    letter-spacing: normal;
    line-height: 22px
}

.connect-plasma .header .caption {
    font-size: 14px;
    font-weight: 400;
    letter-spacing: normal;
    line-height: 1.3;
    color: rgba(248, 248, 248, .6)
}

.connect-plasma .content .hint {
    font-size: 13px;
    font-weight: 400;
    letter-spacing: normal;
    line-height: 18px;
    margin-bottom: 1.125rem
}

.connect-plasma .content .hint li {
    background: radial-gradient(circle at .2rem .55rem, #fff .15rem, transparent 0);
    margin-bottom: .375rem;
    padding-left: .75rem
}

.connect-plasma .content .link {
    font-size: 12px;
    font-weight: 700;
    letter-spacing: normal;
    line-height: 1.3;
    color: rgba(248, 248, 248, .6);
    cursor: pointer;
    fill: rgba(248, 248, 248, .6);
    text-decoration: underline
}

.broadcast-settings-hint {
    color: rgba(248, 248, 248, .4);
    font-size: 12px;
    line-height: 18px;
    margin-top: 20px
}

.broadcast-settings-hint-toggle-btn {
    color: rgba(248, 248, 248, .4);
    cursor: pointer;
    margin-left: 5px;
    text-decoration: underline;
    white-space: nowrap
}

.broadcast-settings-hint-toggle-btn:hover {
    color: rgba(248, 248, 248, .6)
}

.broadcast-settings-block-hint-bottom {
    border-top: 1px solid rgba(255, 255, 255, .15);
    padding-top: 20px
}

.broadcast-settings-select {
    align-items: center;
    justify-content: center;
    display: flex;
    flex-direction: row;
    justify-content: space-between
}

.broadcast-settings-select label {
    margin: 0 10px 0 0;
    text-align: left;
    word-break: break-word
}

.broadcast-settings-select .select {
    width: 96px
}

.plasma-settings.disconnected {
    opacity: .4
}

.plasma-settings.disconnected .switcher {
    cursor: default
}

.plasma-settings__select-field {
    margin-bottom: 12px
}

.plasma-messenger .broadcast-settings-block {
    max-width: 520px
}

.goal .items {
    margin-right: 40px;
    padding: 7px 0;
    position: relative;
    display: flex;
    flex-direction: row
}

.goal .items:first-child {
    padding-top: 0
}

.goal .items .number {
    align-self: center;
    color: rgba(248, 248, 248, .4);
    margin-right: 8px;
    font-size: .813rem
}

.goal .items .input {
    border-radius: 20px;
    color: rgba(248, 248, 248, .7);
    font-size: .75rem
}

.goal .col-activity {
    margin-right: 10px;
    width: 90%
}

.goal .col-price {
    min-width: 100px;
    width: 10%
}

.goal .remove-menu-item {
    align-items: center;
    background: 0 0;
    border-radius: 50%;
    cursor: pointer;
    display: flex;
    height: 30px;
    justify-content: center;
    opacity: .6;
    position: absolute;
    right: -40px;
    top: 50%;
    transform: translateY(-50%);
    width: 30px;
    transition: all 120ms ease-in-out 0s
}

.goal .remove-menu-item .icon {
    fill: #f8f8f8;
    height: 12px;
    margin: 0;
    width: 12px
}

.goal .remove-menu-item:hover {
    background-color: rgba(248, 248, 248, .1);
    opacity: .8
}

.goal .add-more {
    align-items: center;
    background-color: rgba(248, 248, 248, .06);
    border-radius: 15px;
    color: rgba(248, 248, 248, .6);
    justify-content: center;
    margin-bottom: 0;
    margin-top: 14px;
    min-width: 100%;
    display: flex;
    flex-direction: row;
    font-size: .813rem;
    transition: all 120ms ease-in-out 0s
}

.goal .add-more .icon {
    fill: rgba(248, 248, 248, .6);
    height: 12px;
    margin-right: 8px;
    width: 12px
}

.goal .add-more:focus,
.goal .add-more:hover {
    background-color: rgba(248, 248, 248, .1);
    color: rgba(248, 248, 248, .8)
}

.goal .add-more:focus {
    box-shadow: 0 0 3px rgba(248, 248, 248, .25)
}

.goal .goal-announce {
    background: 0 0;
    color: rgba(248, 248, 248, .6);
    transition: all 90ms ease-in-out 0s;
    border: 0;
    display: inline-block;
    padding: 0;
    text-align: start
}

.goal .goal-announce>.icon {
    fill: rgba(248, 248, 248, .6);
    transition: all 90ms ease-in-out 0s
}

@media (pointer:fine) {

    .goal .goal-announce.hover,
    .goal .goal-announce:hover {
        background: inherit;
        color: rgba(248, 248, 248, .8)
    }

    .goal .goal-announce.hover>.icon,
    .goal .goal-announce:hover>.icon {
        fill: rgba(248, 248, 248, .8)
    }
}

.goal .goal-announce.active,
.goal .goal-announce.focus,
.goal .goal-announce:active,
.goal .goal-announce:focus {
    background: inherit;
    color: rgba(248, 248, 248, .8)
}

.goal .goal-announce.active>.icon,
.goal .goal-announce.focus>.icon,
.goal .goal-announce:active>.icon,
.goal .goal-announce:focus>.icon {
    fill: rgba(248, 248, 248, .8)
}

.goal .goal-announce .btn-loader-overlay {
    color: rgba(248, 248, 248, .6);
    background-color: none
}

.goal-buttons {
    align-items: baseline;
    flex: 1;
    justify-content: space-between;
    display: flex;
    flex-direction: row
}

@media screen and (max-width:479px) {
    .goal-buttons {
        flex-flow: column nowrap
    }
}

.interactive-toys {
    cursor: default;
    font-weight: 400
}

.interactive-toys .interactive-toy {
    border-bottom: 1px solid rgba(255, 255, 255, .15);
    justify-content: space-between;
    padding: 20px 0;
    display: flex;
    flex-direction: row
}

.interactive-toys .interactive-toy.kiiroo {
    flex-direction: column
}

.interactive-toys .interactive-toy.kiiroo .kiiroo-container {
    display: flex;
    flex-direction: row;
    justify-content: space-between
}

.interactive-toys .interactive-toy:first-child {
    padding-top: 0
}

.interactive-toys .interactive-toy:last-child {
    border-bottom: none;
    padding-bottom: 0
}

.interactive-toys .interactive-toy-status {
    align-items: center;
    background-color: #4f4f4f;
    border-radius: 3px;
    height: 20px;
    justify-content: center;
    margin-left: 10px;
    padding: 2px 5px;
    text-transform: uppercase;
    font-size: .563rem;
    line-height: .563rem;
    display: flex;
    flex-direction: row
}

.interactive-toys .interactive-toy-status.extension {
    color: rgba(255, 255, 255, .8)
}

.interactive-toys .interactive-toy-status.connected {
    color: #c2ff34;
    padding-left: 7px
}

.interactive-toys .interactive-toy-status.connected:before {
    background-color: #c2ff34;
    border-radius: 50%;
    content: " ";
    display: block;
    height: 5px;
    margin-right: 5px;
    width: 5px
}

.interactive-toys .interactive-toy-actions {
    align-items: center;
    display: flex;
    flex-direction: row
}

.interactive-toys .interactive-toy-action-settings {
    align-items: center;
    background-color: rgba(255, 255, 255, .1);
    border-radius: 4px;
    cursor: pointer;
    justify-content: center;
    padding: 10px;
    transition: all 120ms ease-in-out 0s;
    display: flex;
    flex-direction: row
}

.interactive-toys .interactive-toy-action-settings .icon {
    color: rgba(255, 255, 255, .8);
    fill: rgba(255, 255, 255, .6);
    margin: 0
}

.interactive-toys .interactive-toy-action-settings:active,
.interactive-toys .interactive-toy-action-settings:hover {
    background-color: rgba(255, 255, 255, .2)
}

.interactive-toys .interactive-toy-action-settings:active .icon,
.interactive-toys .interactive-toy-action-settings:hover .icon {
    fill: rgba(255, 255, 255, .9)
}

.interactive-toys .interactive-toy-description {
    margin-top: 8px;
    opacity: .6;
    padding-right: 20px;
    line-height: 1rem;
    font-size: .813rem
}

.lvs-api {
    display: none !important
}

#lovense-box,
#lovense-model {
    display: none !important
}

.king-of-room .thresholds {
    width: 100%
}

.king-of-room .custom-threshold {
    margin-top: 20px
}

.king-of-room .threshold-disabled-tooltip {
    text-align: center
}

.record-settings .broadcast-settings-block-title .icon {
    --camera-3-circle-color: currentColor;
    height: 20px;
    margin-right: 20px;
    width: 20px
}

.record-settings .record-settings-block:not(:last-child) {
    border-bottom: 1px solid rgba(255, 255, 255, .15);
    padding-bottom: 20px
}

.record-settings .record-settings-block:not(:first-child) {
    padding-top: 20px
}

.record-settings .record-settings-toggle {
    align-items: start;
    display: flex;
    margin-bottom: 20px
}

.record-settings .record-settings-toggle .switcher {
    flex-shrink: 0
}

.record-settings .record-settings-toggle-info {
    flex-grow: 1
}

.record-settings .record-settings-toggle-title {
    font-weight: 500;
    font-size: .875rem;
    line-height: 1.438rem
}

.record-settings .record-settings-toggle-description {
    margin-top: 3px;
    color: rgba(248, 248, 248, .4);
    font-size: .813rem;
    line-height: 1.125rem
}

.record-settings .record-settings-toggle-description a {
    font-weight: 500;
    text-decoration: underline;
    color: inherit
}

.record-settings .record-settings-toggle-description a:hover {
    color: rgba(248, 248, 248, .6)
}

.record-settings .record-settings-rate {
    align-items: start;
    display: flex;
    flex-direction: column;
    margin-bottom: 20px
}

.record-settings .record-settings-rate .select-input {
    padding: 0 20px
}

.record-settings .record-settings-rate-label {
    margin-bottom: 10px;
    font-size: .813rem;
    line-height: 1.125rem
}

.record-settings .record-settings-description {
    opacity: .4;
    font-size: .813rem;
    line-height: 1.125rem
}

.record-settings .record-settings-description:not(:last-child) {
    margin-bottom: 20px
}

.record-settings .record-settings-buttons .btn {
    margin-bottom: 0
}

.tip-menu .settings {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap
}

.tip-menu .settings .header {
    color: rgba(248, 248, 248, .4);
    display: flex;
    font-size: 11px;
    font-weight: 500;
    margin-bottom: 12px;
    margin-right: 20px;
    padding: 0;
    text-transform: uppercase
}

.tip-menu .settings .col-activity {
    margin-right: 10px;
    width: 90%
}

.tip-menu .settings .col-price {
    min-width: 100px;
    width: 10%
}

.tip-menu .settings .col-price--sorting-enabled {
    cursor: pointer
}

.tip-menu .settings .col-price--sorting-enabled:hover {
    color: #f8f8f8
}

.tip-menu .settings .col-price__menu-opener {
    transition: transform 160ms linear;
    margin: 0 0 0 8px;
    fill: currentColor;
    transform: rotate(180deg)
}

.tip-menu .settings .col-price__menu-opener--active {
    transform: rotate(0deg)
}

.tip-menu .add-more {
    align-items: center;
    background-color: rgba(248, 248, 248, .06);
    border-radius: 15px;
    color: rgba(248, 248, 248, .6);
    justify-content: center;
    margin-top: 14px;
    min-width: 100%;
    display: flex;
    flex-direction: row;
    font-size: .813rem;
    transition: all 120ms ease-in-out 0s
}

.tip-menu .add-more .icon {
    fill: rgba(248, 248, 248, .6);
    height: 12px;
    margin-right: 8px;
    width: 12px
}

.tip-menu .add-more:focus,
.tip-menu .add-more:hover {
    background-color: rgba(248, 248, 248, .1);
    color: rgba(248, 248, 248, .8)
}

.tip-menu .add-more:focus {
    box-shadow: 0 0 5px rgba(248, 248, 248, .25)
}

.tip-menu .presets-select {
    margin-bottom: 20px;
    width: calc(100% - 40px)
}

.tip-menu .presets-select .option-select {
    align-items: center;
    display: flex;
    justify-content: space-between;
    width: 100%
}

.tip-menu .presets-select .option-select .option-select__check-mark {
    align-self: center
}

.tip-menu .presets-select .option-select .option-select__check-mark .icon {
    margin-top: -3px
}

.tip-menu .presets-select .value-select {
    align-items: center;
    display: flex;
    justify-content: space-between;
    width: 100%
}

.tip-menu .presets-select .value-select .value-select__label {
    padding-left: 20px
}

.tip-menu .presets-select .value-select .value-select__check-mark {
    align-self: center
}

.tip-menu .presets-select .select-input {
    position: absolute
}

.tip-menu-settings-price-menu .tooltip-inner {
    background-color: #262626;
    box-shadow: 0 4px 30px rgba(0, 0, 0, .4);
    border-radius: 8px;
    color: #f8f8f8;
    padding: 16px;
    font-size: .75rem
}

.tip-menu-settings-price-menu .tooltip-inner::before {
    display: none
}

.tip-menu-settings-price-menu__item {
    margin-bottom: 10px;
    cursor: pointer
}

.tip-menu-settings-price-menu__item:last-child {
    margin-bottom: 0
}

.tip-menu-settings-row {
    position: relative;
    margin-left: -30px;
    padding-left: 30px
}

.tip-menu-settings-item {
    display: flex;
    flex-direction: row;
    margin-right: 40px;
    padding: 7px 0;
    position: relative
}

.tip-menu-settings-item .input {
    border-radius: 20px;
    color: rgba(248, 248, 248, .7);
    font-size: 12px;
    font-weight: 500
}

.tip-menu-settings-item .input.error {
    color: #de5b64
}

.tip-menu-settings-item__sort-helper {
    z-index: 1000
}

.tip-menu-settings-item__sort-icon {
    color: rgba(248, 248, 248, .7);
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%) translateY(-1px);
    cursor: grab
}

.tip-menu-settings-item .remove-menu-item {
    align-items: center;
    background: 0 0;
    border-radius: 50%;
    cursor: pointer;
    display: flex;
    height: 30px;
    justify-content: center;
    opacity: .6;
    position: absolute;
    right: -40px;
    top: 50%;
    transform: translateY(-50%);
    width: 30px;
    transition: all 120ms ease-in-out 0s
}

.tip-menu-settings-item .remove-menu-item .icon {
    fill: #f8f8f8;
    height: 12px;
    margin: 0;
    width: 12px
}

.tip-menu-settings-item .remove-menu-item:hover {
    background-color: rgba(248, 248, 248, .1);
    opacity: .8
}

.tip-menu-settings-item .col-activity {
    margin-right: 10px;
    width: 90%
}

.tip-menu-settings-item .col-price {
    min-width: 100px;
    width: 10%
}

.tip-menu-settings-wrapper--sortable {
    padding-left: 34px
}

.tip-menu-settings-wrapper__flirting {
    margin-bottom: 23px;
    padding: 16px
}

.tip-menu-settings-wrapper__flirting-title {
    color: #ffa900;
    font-size: 14px;
    font-weight: 700;
    line-height: 20px;
    margin-bottom: 8px
}

.tip-menu-settings-wrapper__flirting-description {
    color: rgba(248, 248, 248, .8);
    font-size: 13px;
    font-weight: 500;
    line-height: 18px
}

.tip-menu-settings-wrapper__flirting-link {
    color: rgba(248, 248, 248, .8);
    text-decoration: underline
}

body.dragging {
    cursor: grabbing
}

.topic__settings {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap
}

.topic__items {
    display: inline-flex;
    flex-direction: row;
    position: relative
}

.topic input.topic__input {
    border-radius: 20px;
    color: rgba(248, 248, 248, .7);
    font-size: 12px;
    font-weight: 500;
    width: 100%
}

.topic input.topic__input--error,
.topic input.topic__input--error:focus {
    border: 1px solid #c33343;
    color: #c33343
}

.twitter .username-container {
    display: flex;
    margin-bottom: 8px
}

.twitter .disconnect {
    cursor: pointer;
    fill: currentColor;
    margin-left: 8px;
    opacity: .4
}

.twitter .disconnect .icon {
    display: block
}

.twitter .disconnect:hover {
    opacity: .9
}

.twitter-input-container {
    position: relative
}

.twitter-input-container textarea {
    border-radius: 16px;
    height: auto;
    padding: 9px 16px;
    resize: none;
    width: 100%
}

.twitter-input-container textarea:disabled {
    cursor: default;
    opacity: .33
}

.twitter-input-container .counter {
    bottom: 12px;
    opacity: .4;
    position: absolute;
    right: 12px
}

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

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

.who-can-chat .select {
    width: 100%
}

.who-can-chat .select .help-tooltip {
    margin-left: 10px
}

.pre-moderation-note {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    background-color: #d19d00;
    font-size: 13px;
    font-weight: 500;
    letter-spacing: normal;
    line-height: normal;
    line-height: 16px
}

.pre-moderation-note__text {
    display: flex
}

.pre-moderation-note__icon {
    fill: currentColor;
    margin-right: 13px
}

.pre-moderation-note__link {
    color: currentColor;
    text-decoration: underline
}

.pre-moderation-note--adaptive {
    display: flex;
    justify-content: center;
    padding: 7px 0
}

@media screen and (max-width:639px) {
    .pre-moderation-note--adaptive {
        padding: 4px 0
    }

    .pre-moderation-note--adaptive .pre-moderation-note__text {
        flex-direction: column
    }
}

.pre-moderation-note--tall {
    padding: 4px 0
}

.pre-moderation-note--tall .pre-moderation-note__text {
    flex-direction: column
}

.pre-moderation-note--error {
    color: #f8f8f8;
    background-color: #f14b57
}

.broadcast-settings-cover-picture {
    margin-bottom: 20px
}

.broadcast-settings-cover-picture-thumb {
    align-items: center;
    background-color: rgba(248, 248, 248, .1);
    display: flex;
    height: 100%;
    justify-content: center;
    width: 100%
}

.broadcast-settings-cover-picture-thumb-icon {
    fill: #f8f8f8;
    height: 100%;
    opacity: .2;
    padding: 12px
}

.broadcast-settings-cover-picture-image {
    align-items: center;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    border: 1px solid transparent;
    cursor: pointer;
    display: flex;
    height: 250px;
    justify-content: center;
    width: 100%
}

.broadcast-settings-cover-picture-image.error {
    border-color: #ac0b18
}

.broadcast-settings-cover-picture-image.is-updating {
    cursor: default
}

.broadcast-settings-cover-picture-upload-input {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
}

.heart-image {
    border-radius: 100%
}

.heart-image--shadow {
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, .25)
}

.activities-field__title {
    align-items: center;
    color: #f8f8f8;
    display: flex;
    font-size: 16px;
    font-weight: 700;
    line-height: 18px
}

.activities-field__heart {
    height: 24px;
    margin-right: 8px;
    width: 24px
}

.activities-field__description {
    color: rgba(248, 248, 248, .6);
    font-size: 13px;
    font-weight: 500;
    line-height: 19px;
    margin-top: 4px;
    padding-left: 34px
}

.activities-field__select {
    margin-top: 20px;
    width: 100%
}

.activities-field .activities-field__select-input::-moz-placeholder {
    color: #ffa900
}

.activities-field .activities-field__select-input::placeholder {
    color: #ffa900
}

.activities-field__select-hint {
    color: rgba(248, 248, 248, .6)
}

.activities-field__select-hint em {
    color: #f8f8f8;
    font-style: normal
}

.activities-field__note {
    color: #ffa900;
    display: flex;
    font-size: 13px;
    font-weight: 500;
    line-height: 19px;
    margin-top: 10px;
    padding-left: 4px
}

.activities-field__note-icon {
    fill: #ffa900;
    flex-shrink: 0;
    height: 14px;
    margin-right: 8px;
    transform: translateY(1px);
    width: 14px
}

.private-preview-description {
    color: rgba(248, 248, 248, .6);
    font-size: 13px;
    line-height: 16px;
    margin-bottom: 8px
}

.private-preview-button {
    border: 1px solid rgba(255, 255, 255, .4);
    border-radius: 4px;
    cursor: pointer;
    display: inline-block;
    overflow: hidden;
    position: relative
}

.private-preview-button img {
    height: 56px;
    width: 104px
}

.private-preview-button.disabled {
    cursor: default
}

.private-preview-overlay {
    align-items: center;
    background-color: rgba(0, 0, 0, .6);
    bottom: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    transition: background-color .15s
}

.private-preview-button:not(.disabled) .private-preview-overlay:hover {
    background-color: rgba(0, 0, 0, .8)
}

.private-preview-icon {
    color: rgba(248, 248, 248, .6);
    height: 18px;
    margin: 0 0 4px;
    width: 26px
}

.private-preview-label {
    color: rgba(248, 248, 248, .8);
    font-size: 12px;
    line-height: 15px
}

.do-in-my-shows__block--public {
    border-bottom: 1px solid rgba(255, 255, 255, .15);
    margin: 0 -20px 20px;
    padding: 0 20px 20px
}

.do-in-my-shows__private-blocks {
    background-color: rgba(248, 248, 248, .05);
    border-radius: 8px;
    margin-left: -2px;
    margin-right: -2px;
    padding: 16px 10px
}

.do-in-my-shows__block--private {
    border-bottom: 1px solid rgba(255, 255, 255, .15);
    margin-bottom: 20px;
    padding-bottom: 24px
}

.broadcast-offline-status__settings {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap
}

.broadcast-offline-status__items {
    display: inline-flex;
    flex-direction: row;
    position: relative
}

.broadcast-offline-status input.broadcast-offline-status__input {
    border-radius: 20px;
    color: rgba(248, 248, 248, .7);
    font-size: 12px;
    font-weight: 500;
    width: 100%
}

.broadcast-offline-status input.broadcast-offline-status__input--error,
.broadcast-offline-status input.broadcast-offline-status__input--error:focus {
    border: 1px solid #c33343;
    color: #c33343
}

.persons .settings-row {
    margin-bottom: 20px
}

.persons .settings-row label {
    display: flex;
    flex-direction: row;
    align-items: center;
    font-size: .813rem;
    line-height: 1.125rem
}

.persons .settings-row label .icon {
    fill: #f8f8f8;
    margin-right: 8px
}

.persons .settings-row input {
    color: rgba(248, 248, 248, .8);
    font-size: .75rem;
    line-height: .875rem
}

.persons .settings-row.persons {
    border-bottom: 1px solid rgba(255, 255, 255, .15);
    padding-bottom: 20px
}

.persons .settings-row.persons .settings-field {
    justify-content: space-between;
    display: flex;
    flex-direction: row
}

.persons .settings-row.persons .settings-field>div {
    font-size: .875rem;
    display: flex;
    flex-direction: column
}

.persons .settings-row.persons .settings-field label {
    display: flex
}

.persons .settings-row.persons .settings-field .person {
    width: 100%
}

.persons .settings-row.persons .settings-field .person .select-option {
    height: 40px;
    line-height: 20px;
    padding: 12px 20px;
    font-size: .813rem
}

.persons .settings-row.persons .settings-field .person .select-option .disabled {
    color: rgba(248, 248, 248, .6)
}

.persons .settings-row.persons .settings-field .person .select-option .unable {
    color: rgba(248, 248, 248, .4);
    float: right;
    font-size: .688rem;
    line-height: .813rem
}

.persons .settings-row.persons .settings-field .gender-container {
    margin-left: 20px;
    min-width: 140px
}

.persons .settings-row.persons .settings-field .gender {
    background: rgba(248, 248, 248, .06);
    border-radius: 15px;
    height: 32px;
    padding: 6px 16px;
    font-size: .875rem;
    line-height: 1.125rem
}

@media screen and (max-width:639px) {
    .persons .settings-row.persons .settings-field {
        flex-direction: column
    }

    .persons .person {
        margin-bottom: 10px
    }
}

.pricing-field {
    display: flex;
    flex-flow: row nowrap
}

.pricing-field__rate {
    flex-flow: row nowrap;
    flex-grow: 1;
    justify-content: space-between;
    max-width: calc(100% - 122px)
}

.pricing-field__rate .select {
    flex-shrink: 0
}

.pricing-field__min-duration {
    align-items: center;
    display: flex;
    flex-flow: row nowrap;
    flex-shrink: 0;
    margin-left: 8px
}

.pricing-field__min-duration .select {
    width: 84px
}

.pricing-field__min-duration-tooltip {
    margin-left: 10px
}

.pricing-field__label-tooltip {
    margin-left: 5px;
    position: relative;
    white-space: nowrap
}

.pricing-field__min-duration-tooltip-text {
    font-weight: 700;
    margin-bottom: 5px
}

.pricing-field__tooltip-icon {
    color: #9b9b9b;
    vertical-align: top
}

@media screen and (max-width:424px) {
    .pricing-field {
        flex-flow: column
    }

    .pricing-field__rate {
        margin-bottom: 10px;
        max-width: none;
        padding-right: 25px
    }

    .pricing-field__min-duration {
        justify-content: flex-end;
        margin-left: 0
    }

    .pricing-field__min-duration .select {
        width: 96px
    }

    .pricing-field__min-duration-tooltip {
        margin-left: 5px
    }

    .pricing-field__label-tooltip {
        margin-left: 0
    }
}

.pricing-settings__field {
    margin-bottom: 20px;
    width: 100%
}

.pricing-settings__field--additional {
    margin-top: 20px
}

.pricing-settings__additional--hidden .pricing-settings__field--additional {
    display: none
}

.pricing-settings__additional {
    align-items: flex-start;
    display: flex;
    flex-flow: column
}

.pricing-settings__additional-header {
    cursor: pointer;
    flex: 0 1 auto;
    font-size: 13px;
    opacity: .6;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.pricing-settings__additional-description {
    display: block;
    font-size: 12px;
    font-weight: 500;
    line-height: 20px;
    opacity: .4
}

.pricing-settings__additional--hidden .pricing-settings__additional-description {
    display: none
}

.pricing-settings__additional-dropdown-arrow {
    display: inline-block;
    margin-left: 10px;
    opacity: .8;
    transform: rotate(180deg)
}

.pricing-settings__additional--hidden .pricing-settings__additional-dropdown-arrow {
    transform: none
}

.pricing-settings__additional-dropdown-arrow .icon {
    fill: currentColor
}

.pricing-settings__warning {
    align-items: center;
    color: #ffa900;
    display: flex;
    font-size: 13px;
    font-weight: 500;
    line-height: 18px;
    margin: 16px 0 30px
}

.pricing-settings__warning svg {
    fill: #ffa900;
    height: 14px;
    margin-right: 8px
}

.stream-specifics-select {
    width: 100%
}

.stream-specifics-select .icon.check-circle {
    color: #79943d
}

.stream-specifics-select .select-option-disabled.is-focused {
    background-color: transparent
}

.stream-specifics-select .stream-specifics-option {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.stream-specifics-select .stream-specifics-option-disabled {
    opacity: .4
}

.stream-specifics-select .stream-specifics-option-label {
    font-size: 11px;
    opacity: .4
}

.verification-modal {
    background-color: #262626;
    border-radius: 12px;
    padding: 30px;
    color: rgba(248, 248, 248, .8);
    width: 625px;
    max-width: 100%
}

.verification-modal .verification-modal-title {
    font-size: 18px;
    font-weight: 500;
    letter-spacing: normal;
    line-height: 23px;
    color: #f8f8f8;
    margin-bottom: 20px
}

.verification-modal .verification-modal-description {
    font-size: 13px;
    font-weight: 400;
    letter-spacing: normal;
    line-height: 1.5
}

.verification-modal .verification-modal-subtitle {
    font-size: 15px;
    font-weight: 500;
    letter-spacing: normal;
    line-height: normal;
    color: #f8f8f8;
    margin-top: 20px;
    margin-bottom: 12px
}

.verification-modal .verification-modal-controls {
    margin-top: 20px;
    display: flex;
    align-items: center
}

.verification-modal .select-file-button {
    margin: 0
}

.verification-modal .file-requirements {
    font-size: 13px;
    font-weight: 400;
    letter-spacing: normal;
    line-height: normal;
    opacity: .4;
    margin-left: 20px
}

.verification-modal .stream-specific-description {
    padding: 20px;
    margin-top: 20px;
    border-radius: 6px;
    background-color: #2e2e2e
}

@media screen and (max-width:767px) {
    .verification-modal .stream-specific-description {
        padding: 10px
    }
}

.verification-modal .stream-specific-title {
    font-size: 15px;
    font-weight: 500;
    letter-spacing: normal;
    line-height: normal;
    margin-bottom: 14px
}

.verification-modal .stream-specific-image-wrapper {
    height: 160px;
    width: 250px;
    margin-right: 14px
}

@media screen and (max-width:767px) {
    .verification-modal .stream-specific-image-wrapper {
        margin-right: 0;
        margin-bottom: 14px
    }
}

.verification-modal .stream-specific-image {
    height: 160px;
    width: 250px;
    flex-shrink: 0;
    border-radius: 4px
}

.verification-modal .stream-specific-content {
    display: flex;
    align-items: flex-start
}

@media screen and (max-width:767px) {
    .verification-modal .stream-specific-content {
        flex-direction: column;
        align-items: center
    }
}

.verification-modal .stream-specific-text {
    font-size: 13px;
    font-weight: 400;
    letter-spacing: normal;
    line-height: 1.5
}

.verification-modal .file-input {
    display: none
}

@media screen and (max-width:767px) {
    .verification-modal {
        padding: 15px
    }
}

.stream-specifics .settings-field-label {
    font-weight: 700;
    margin-bottom: 20px;
    margin-top: 0
}

.stream-specifics-cta {
    background-color: #383838;
    border-radius: 4px;
    padding: 12px
}

.stream-specifics-cta-title {
    font-size: 14px;
    font-weight: 700;
    letter-spacing: normal;
    line-height: normal;
    color: #ffa900;
    margin-bottom: 5px
}

.stream-specifics-cta-description {
    font-size: 13px;
    font-weight: 400;
    letter-spacing: normal;
    line-height: 18px;
    color: rgba(248, 248, 248, .8)
}

.affiliate-header-section {
    position: relative
}

.affiliate-header-section__top {
    max-width: calc(100% - 320px);
    width: 480px
}

.affiliate-header-section__top:before {
    background: no-repeat center top/245px auto url(/assets/users/features/affiliateProgram/components/AffiliateHeaderSection/images/wallet.png), no-repeat 48px bottom/100% 100% radial-gradient(40.89% 70.95% at 43.78% 100%, rgba(33, 150, 83, .8) 0%, rgba(33, 150, 83, 0) 100%);
    border-bottom: 1px solid #222;
    bottom: 0;
    content: "";
    height: 240px;
    position: absolute;
    right: 0;
    width: 400px;
    z-index: -1
}

.affiliate-header-section__header {
    font-size: 36px;
    font-weight: 500;
    line-height: 44px;
    margin-bottom: 12px
}

.affiliate-header-section__description {
    font-size: 14px;
    font-weight: 500;
    line-height: 17px;
    margin-bottom: 24px
}

.affiliate-header-section__faq-link {
    color: #9dc0fd
}

.affiliate-header-section__accent {
    color: #faa81e
}

.affiliate-header-section__link-block {
    background: #222;
    border-radius: 8px;
    max-width: calc(100% - 320px);
    padding: 20px;
    width: 480px
}

.affiliate-header-section__link-description {
    font-size: 14px;
    font-weight: 700;
    line-height: 17px;
    margin-bottom: 12px
}

.affiliate-header-section__controls {
    align-items: center;
    border-radius: 100px;
    display: flex;
    padding-right: 4px;
    position: relative;
    width: 100%;
    z-index: 0
}

.affiliate-header-section .affiliate-header-section__input {
    flex-grow: 1;
    margin-right: 10px;
    min-width: 0;
    text-overflow: ellipsis
}

.affiliate-header-section .affiliate-header-section__button {
    align-items: center;
    display: flex;
    flex-shrink: 0;
    margin: 0;
    position: static !important
}

.affiliate-header-section .affiliate-header-section__button .icon {
    height: 24px;
    margin-right: 8px;
    width: 24px
}

@media screen and (max-width:767px) {
    .affiliate-header-section__top {
        display: flex;
        flex-direction: column;
        max-width: calc(100% - 135px);
        min-height: 135px;
        position: relative;
        width: 100%
    }

    .affiliate-header-section__top:before {
        background: no-repeat right 20px top 20px/135px auto url(/assets/users/features/affiliateProgram/components/AffiliateHeaderSection/images/wallet.png), no-repeat right 10px top 10px/100% 100% radial-gradient(29.28% 54.82% at 71.6% 47.44%, rgba(33, 150, 83, .4) 0%, rgba(33, 150, 83, 0) 100%);
        border-bottom: none;
        bottom: -178px;
        height: 332px;
        right: -155px;
        width: 375px
    }

    .affiliate-header-section__header {
        font-size: 20px;
        line-height: 24px;
        max-width: 300px
    }

    .affiliate-header-section__description {
        margin-bottom: 16px;
        max-width: 300px
    }

    .affiliate-header-section__link-block {
        border-radius: 24px;
        max-width: none;
        width: 100%
    }

    .affiliate-header-section__controls {
        align-items: stretch;
        flex-direction: column
    }

    .affiliate-header-section .affiliate-header-section__input {
        margin-bottom: 12px;
        margin-right: 0
    }

    .affiliate-header-section .affiliate-header-section__button {
        justify-content: center
    }
}

.affiliate-section__header-wrapper {
    align-items: center;
    display: flex;
    justify-content: space-between;
    margin-bottom: 16px
}

.affiliate-section__header {
    align-items: center;
    display: flex;
    font-size: 18px;
    font-weight: 700;
    line-height: 22px;
    margin: 0
}

.affiliate-section__header-icon {
    flex-shrink: 0;
    height: 24px;
    margin-right: 8px;
    width: 24px
}

.affiliate-section__blocks {
    display: flex
}

.affiliate-section__block {
    background: #222;
    border-radius: 8px;
    flex-basis: 100%;
    min-width: 0
}

.affiliate-section__block:not(:last-child) {
    margin: 0 20px 0 0
}

@media screen and (max-width:767px) {
    .affiliate-section__header-wrapper {
        margin-bottom: 12px
    }

    .affiliate-section__blocks {
        flex-direction: column
    }

    .affiliate-section__block:not(:last-child) {
        margin: 0 0 12px
    }
}

.affiliate-model-section__block {
    font-size: 14px;
    line-height: 17px;
    padding: 20px
}

.affiliate-model-section ul {
    list-style: disc
}

.affiliate-model-section li {
    margin-left: 20px
}

.affiliate-model-section__link {
    color: #9dc0fd
}

.affiliate-rules-section__rules {
    display: flex
}

.affiliate-rules-section__rule {
    display: flex;
    flex-basis: 100%;
    font-size: 16px;
    font-weight: 500;
    line-height: 20px;
    margin: 20px 0;
    min-width: 0;
    padding: 0 20px
}

.affiliate-rules-section__rule:not(:last-child) {
    border-right: 1px solid rgba(248, 248, 248, .1)
}

.affiliate-rules-section__icon {
    flex-shrink: 0;
    height: 36px;
    margin-right: 18px;
    width: 36px
}

@media screen and (max-width:767px) {
    .affiliate-rules-section__rules {
        flex-direction: column;
        padding: 20px
    }

    .affiliate-rules-section__rule {
        align-items: center;
        margin: 0;
        padding: 0
    }

    .affiliate-rules-section__rule:not(:last-child) {
        border: 0;
        margin-bottom: 24px
    }
}

.masked-input-wrapper {
    position: relative
}

.masked-input-invisible {
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1
}

.masked-input-invisible~input {
    z-index: 0
}

.lifetime-picker {
    display: inline-block;
    position: relative
}

.lifetime-picker-btn {
    font-size: .813rem;
    border: 2px solid rgba(248, 248, 248, .8);
    color: rgba(248, 248, 248, .8);
    align-content: center;
    background: 0 0;
    border-radius: 19px;
    cursor: pointer;
    display: flex;
    flex-flow: row nowrap;
    font-weight: 400;
    padding: 6px 21px;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    white-space: nowrap
}

.lifetime-picker-btn:hover {
    border: 2px solid #f8f8f8;
    color: #f8f8f8
}

.lifetime-picker-btn:active,
.lifetime-picker-btn:focus {
    outline: 0
}

.lifetime-picker-btn::before {
    border: 8px solid transparent;
    border-bottom: 8px solid #404040;
    bottom: -12px;
    content: "";
    display: none;
    left: calc(50% - 8px);
    position: absolute;
    z-index: 11
}

.lifetime-picker-open .lifetime-picker-btn::before {
    display: block
}

.lifetime-picker-btn-icon {
    fill: #f8f8f8;
    margin-right: 10px;
    opacity: .8
}

@media screen and (max-width:639px) {
    .lifetime-picker-btn-icon {
        margin: 0
    }
}

.lifetime-picker-btn:hover .lifetime-picker-btn-icon {
    opacity: 1
}

.lifetime-picker-dropdown {
    background: #404040;
    border-radius: 4px;
    box-shadow: 0 20px 30px rgba(0, 0, 0, .3);
    display: flex;
    flex-flow: column nowrap;
    position: absolute;
    right: 0;
    top: calc(100% + 10px);
    z-index: 10
}

.lifetime-picker-predefine-dates {
    display: flex;
    flex-flow: column nowrap;
    padding: 10px 0
}

.lifetime-picker-dropdown-item {
    font-size: .875rem;
    background: inherit;
    border: none;
    color: #f8f8f8;
    cursor: pointer;
    font-weight: 400;
    opacity: .8;
    outline: 0;
    padding: 11px 20px;
    text-align: left
}

.lifetime-picker-dropdown-item:hover {
    background-color: #303133;
    color: #fa5365;
    color: var(--primary-light)
}

.lifetime-picker-dropdown-item-active {
    background-color: #303133
}

.lifetime-picker-custom-dates {
    display: flex;
    flex-flow: column nowrap;
    padding: 20px;
    position: relative
}

.lifetime-picker-custom-dates::before {
    background-color: #fff;
    content: "";
    height: 1px;
    margin: 0 auto;
    opacity: .15;
    position: absolute;
    top: 0;
    width: calc(100% - 40px)
}

.lifetime-picker-custom-dates-label {
    font-size: .688rem;
    font-weight: 400;
    margin-bottom: 10px;
    opacity: .4;
    text-align: left;
    text-transform: uppercase
}

.lifetime-picker-interval {
    align-items: center;
    display: flex;
    flex-flow: row nowrap;
    margin-bottom: 14px
}

.lifetime-picker-interval-input {
    padding: 10px 15px;
    width: 115px
}

.lifetime-picker-interval-divider {
    background-color: #f8f8f8;
    height: 2px;
    margin: 0 8px;
    opacity: .4;
    width: 8px
}

.lifetime-picker-interval-submit {
    align-self: start;
    margin-bottom: 0
}

.affiliate-stats-block {
    align-items: center;
    display: flex;
    padding: 20px
}

.affiliate-stats-block__icon-wrapper {
    background-color: rgba(248, 248, 248, .05);
    border-radius: 100px;
    margin-right: 12px;
    padding: 12px
}

.affiliate-stats-block__icon {
    height: 32px;
    margin: 0;
    width: 32px
}

.affiliate-stats-block__counter {
    color: rgba(248, 248, 248, .25);
    font-size: 16px;
    font-weight: 500;
    line-height: 20px
}

.affiliate-stats-block__counter-value {
    font-size: 36px;
    font-weight: 700;
    line-height: 36px;
    margin-top: 4px;
    position: relative
}

.affiliate-stats-block__counter-value--active {
    color: rgba(248, 248, 248, .9)
}

.affiliate-stats-block__counter-value--success {
    color: #27ae60
}

.affiliate-stats-block__empty-value {
    visibility: hidden
}

.affiliate-stats-block__loader {
    position: absolute;
    top: 50%;
    transform: translateY(-50%)
}

.affiliate-stats-section__dropdown {
    width: 200px
}

.affiliate-user-section__block {
    font-size: 14px;
    line-height: 17px;
    padding: 20px
}

.affiliate-user-section ul {
    list-style: disc
}

.affiliate-user-section li {
    margin-left: 20px
}

.affiliate-program {
    display: flex;
    flex-direction: column;
    margin: 0 auto;
    max-width: 900px;
    padding: 20px 0
}

.affiliate-program__section:not(:last-child) {
    margin-bottom: 32px
}

.strip-table-wrapper {
    position: relative
}

.strip-table-wrapper .strip-table {
    background-color: #222;
    overflow: hidden;
    border-radius: 4px
}

.strip-table-wrapper .strip-table-header {
    align-items: flex-end;
    background-color: #202020;
    display: flex;
    flex-direction: row
}

.strip-table-wrapper .strip-table-header-cell {
    padding: 18px 20px 12px;
    vertical-align: bottom;
    flex: 1;
    flex-basis: auto;
    flex-grow: 1;
    flex-shrink: 1;
    font-size: 1rem
}

.strip-table-wrapper .strip-table-body {
    font-size: .875rem
}

.strip-table-wrapper .strip-table-body-row {
    display: flex;
    flex-direction: row
}

.strip-table-wrapper .strip-table-body-row:hover {
    background-color: #000
}

.strip-table-wrapper .strip-table-body-cell {
    padding: 8px 20px;
    word-break: break-all;
    flex: 1;
    flex-basis: auto;
    flex-grow: 1;
    flex-shrink: 1
}

.strip-table-wrapper .strip-table-footer {
    background-color: #1c1c1c;
    display: flex;
    flex-direction: row
}

.strip-table-wrapper .strip-table-footer-cell {
    padding: 10px 20px;
    word-break: break-all;
    flex: 1;
    flex-basis: auto;
    flex-grow: 1;
    flex-shrink: 1
}

.users-referral-program .rules {
    background-color: #222;
    border: none;
    margin-bottom: 20px
}

.users-referral-program .rules h2 {
    margin-bottom: 12px
}

.users-referral-program .steps {
    margin: 20px 0 25px;
    display: flex;
    flex-direction: row
}

.users-referral-program .step {
    display: flex;
    flex-direction: row
}

.users-referral-program .step:not(:last-child) {
    margin-right: 30px
}

.users-referral-program .step:last-child .step-next-pointer {
    display: none
}

.users-referral-program .step-description {
    max-width: 120px;
    padding: 12px 0 8px
}

.users-referral-program .step-description-icon {
    fill: #fff;
    margin: 0 0 18px
}

.users-referral-program .step-next-pointer {
    fill: rgba(255, 255, 255, .2);
    height: 110px;
    margin-left: 25px
}

.users-referral-program .step-description-text {
    font-size: .75rem
}

.users-referral-program .total-earnings-header-cell {
    justify-content: flex-end;
    display: flex;
    flex-direction: row;
    font-size: .875rem
}

.users-referral-program .total-earnings-header-cell .accent {
    opacity: .8
}

.users-referral-program .referral-usernames {
    -moz-columns: 4;
    columns: 4;
    padding: 12px 20px
}

.users-referral-program .referral-usernames .username {
    display: block;
    margin-bottom: 6px
}

.users-referral-program .referral-usernames-empty {
    padding: 20px;
    text-align: center
}

.users-referral-program .aware-list {
    list-style: circle inside;
    margin: 0
}

.users-referral-program .aware-list li:not(:last-child) {
    margin-bottom: 5px
}

.users-referral-program .clipboardable-input-wrapper {
    margin: 15px 0;
    width: 550px
}

@media screen and (max-width:479px) {
    .users-referral-program .referral-usernames {
        -moz-columns: 1;
        columns: 1
    }
}

@media screen and (min-width:480px) and (max-width:639px) {
    .users-referral-program .referral-usernames {
        -moz-columns: 2;
        columns: 2
    }
}

@media screen and (max-width:639px) {
    .users-referral-program .steps {
        flex-direction: column;
        margin-top: 30px
    }

    .users-referral-program .step:not(:last-child) {
        margin-bottom: 40px
    }

    .users-referral-program .step-description {
        max-width: 100%;
        padding: 0;
        display: flex;
        flex-direction: row
    }

    .users-referral-program .step-description-icon {
        margin: 0 20px 0 0
    }

    .users-referral-program .step-next-pointer {
        display: none
    }

    .users-referral-program .strip-table-header {
        align-items: flex-start;
        flex-direction: column
    }

    .users-referral-program .invited-users-header-cell,
    .users-referral-program .total-earnings-header-cell {
        flex-basis: auto !important;
        max-width: none !important
    }

    .users-referral-program .invited-users-header-cell {
        padding-bottom: 0
    }

    .users-referral-program .total-earnings-header-cell {
        padding-top: 6px
    }

    .users-referral-program .clipboardable-input-wrapper {
        width: 100%
    }
}

.content-lock {
    align-items: center;
    -webkit-backdrop-filter: blur(24px);
    backdrop-filter: blur(24px);
    background-color: rgba(0, 0, 0, .5);
    border-radius: 10px;
    color: #fff;
    display: flex;
    flex-direction: column;
    justify-content: center;
    left: 50%;
    min-height: 200px;
    min-width: 200px;
    padding: 20px;
    position: absolute;
    text-align: center;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    z-index: 4
}

@media screen and (max-width:639px) {
    .content-lock {
        min-height: 135px;
        min-width: 135px
    }
}

.content-lock .icon {
    fill: currentColor;
    height: 48px;
    margin: 0;
    width: 48px
}

@media screen and (max-width:639px) {
    .content-lock .icon {
        height: 24px;
        width: 24px
    }
}

.content-lock .text {
    font-size: 15px;
    font-weight: 400;
    letter-spacing: 1px;
    line-height: 1.2;
    margin-top: 16px;
    max-width: 160px;
    padding: 0;
    white-space: normal;
    word-break: normal
}

@media screen and (max-width:639px) {
    .content-lock .text {
        font-size: 12px;
        font-weight: 400;
        letter-spacing: normal;
        line-height: normal;
        margin-top: 12px
    }
}

.content-lock .amount {
    font-size: 18px;
    font-weight: 700;
    letter-spacing: normal;
    line-height: 22px
}

@media screen and (max-width:639px) {
    .content-lock .amount {
        font-size: 15px;
        font-weight: 400;
        letter-spacing: 1px;
        line-height: 1.2
    }
}

.content-lock .content-lock-button {
    margin: 20px 0 0
}

@media screen and (max-width:639px) {
    .content-lock .content-lock-button {
        margin: 12px 0 0
    }
}

.feed-live-preview-link {
    box-shadow: 0px 4px 10px rgba(0, 0, 0, .5);
    background-size: 0 0;
    border-radius: 4px;
    display: block;
    overflow: hidden;
    padding-top: 75%;
    position: relative;
    width: 100%
}

.feed-live-preview-link:after,
.feed-live-preview-link:before {
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.feed-live-preview.loading .feed-live-preview-link {
    transform: translateZ(0)
}

.feed-live-preview.loading .feed-live-preview-link::after {
    animation: skeleton-animation 3s infinite linear;
    background: linear-gradient(90deg, #202020 20%, #232323 28%, #282828 35%, #232323 42%, #202020 50%);
    background-size: 300% 100%;
    will-change: background-position
}

.feed-live-preview.loaded .feed-live-preview-link:before {
    background-image: inherit;
    background-position: center;
    background-size: cover;
    filter: blur(10px) brightness(.6);
    transform: scale(2)
}

.feed-live-preview.loaded .feed-live-preview-link:after {
    background-image: inherit;
    background-position: center;
    background-repeat: no-repeat;
    background-size: auto 100%
}

.feed-live-preview-badge {
    background-color: #d53640;
    border-radius: 2px;
    color: #fff;
    font-size: 10px;
    font-weight: 700;
    left: 4px;
    line-height: 12px;
    padding: 1px 4px;
    position: absolute;
    top: 4px;
    z-index: 1
}

.feed-live-preview.loading .feed-live-preview-badge {
    display: none
}

.tile {
    background-color: #262626;
    border-radius: 8px;
    max-width: 100%;
    width: 642px
}

@media screen and (max-width:639px) {
    .tile {
        border-radius: 0px
    }
}

.tile .media-content {
    cursor: pointer;
    height: 560px;
    margin-top: 14px;
    position: relative
}

@media screen and (max-width:639px) {
    .tile .media-content {
        height: 290px
    }

    .tile .media-content--non-nude {
        height: inherit
    }
}

.tile .feed-model-name {
    font-size: 15px;
    font-weight: 700;
    letter-spacing: 1px;
    line-height: 1.2;
    color: #f9495a
}

.tile .feed-model-name:hover {
    text-decoration: none
}

.empty-feed-placeholder {
    padding: 40px 20px;
    text-align: center
}

.empty-feed-placeholder.model-feed {
    background: 0 0;
    margin: 60px 0 40px
}

.empty-feed-placeholder .empty-timeline-icon {
    width: 48px;
    height: 48px
}

.empty-feed-placeholder .empty-model-feed-timeline-icon {
    width: 126px;
    height: 126px;
    opacity: .6
}

.empty-feed-placeholder .text {
    font-size: 15px;
    font-weight: 700;
    letter-spacing: 1px;
    line-height: 1.2;
    margin-top: 20px
}

.empty-feed-placeholder .text-model-feed {
    font-size: 16px;
    font-weight: 400;
    letter-spacing: normal;
    line-height: normal;
    color: rgba(255, 255, 255, .6);
    line-height: 1.3;
    margin: 20px auto 0;
    max-width: 400px
}

.empty-feed-placeholder h3 {
    font-size: 24px;
    font-weight: 500;
    letter-spacing: normal;
    line-height: normal;
    color: #fff;
    margin: 40px 0 20px
}

.feed-sent-tip-amount {
    align-items: center;
    color: rgba(248, 248, 248, .6);
    display: flex;
    justify-content: center;
    padding-left: 5px;
    font-size: .813rem
}

.feed-sent-tip-amount .feed-sent-tip-amount-tokens {
    padding-left: 5px
}

.feed-sent-tip-amount.feed-sent-tip-amount-own {
    color: #f8f8f8;
    fill: #f8f8f8;
    padding-left: 20px
}

.feed-sent-tip-amount.feed-sent-tip-amount-own .feed-sent-tip-amount-tokens {
    padding-left: 0
}

.tile-footer {
    padding: 0 20px
}

.tile-footer .content {
    border-top: solid 1px rgba(248, 248, 248, .08);
    padding: 14px 0;
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    justify-content: space-between
}

.tile-footer .left-wrapper {
    display: flex
}

.tile-footer .left-wrapper .icon-gift {
    margin-right: 8px
}

.tile-footer .right-wrapper {
    align-items: center;
    display: flex
}

.tile-footer .likes-counter {
    position: relative
}

.tile-footer .likes-counter:before {
    content: "";
    height: 40px;
    left: 50%;
    min-width: 100%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 40px
}

.tile-footer .btn-send-tip {
    align-items: center;
    color: #f8f8f8;
    fill: #f8f8f8;
    display: flex;
    margin-left: 20px
}

.tile-footer .btn-send-tip:hover {
    opacity: .8
}

.tile-footer__bookmark {
    align-items: center;
    border-radius: 4px;
    cursor: pointer;
    display: flex;
    height: 32px;
    justify-content: center;
    transition: background .3s;
    width: 32px
}

.tile-footer__bookmark--disabled {
    pointer-events: none;
    opacity: .8
}

.tile-footer__bookmark:hover {
    background: rgba(255, 255, 255, .1)
}

.tile-footer__bookmark>.icon {
    height: 18px;
    margin: 0;
    width: 18px
}

.css-popover {
    position: relative
}

.css-popover-content-default {
    background-color: #111;
    border-radius: 4px;
    color: #e1e1e1;
    padding: 8px 10px;
    text-align: center;
    text-transform: none;
    font-size: 11px;
    font-weight: 400;
    letter-spacing: normal;
    line-height: normal;
    white-space: nowrap;
    box-shadow: 0px 2px 4px transparent, 0px 0px 4px transparent
}

.css-popover-content-top {
    opacity: 0;
    z-index: 1000;
    pointer-events: none;
    position: absolute;
    -webkit-transition-property: opacity, -webkit-transform;
    transition-property: opacity, -webkit-transform;
    transition-property: opacity, transform;
    transition-duration: .15s;
    transition-timing-function: ease-in-out;
    top: 0%;
    left: 50%;
    transform: translate(-50%, calc(-100% + 10px - 5px))
}

@media (prefers-reduced-motion) {
    .css-popover-content-top {
        transition-property: opacity
    }
}

.css-popover-content-top-shown {
    opacity: 1;
    pointer-events: auto;
    transform: translate(-50%, calc(-100% - 5px))
}

.css-popover-content-bottom {
    opacity: 0;
    z-index: 1000;
    pointer-events: none;
    position: absolute;
    -webkit-transition-property: opacity, -webkit-transform;
    transition-property: opacity, -webkit-transform;
    transition-property: opacity, transform;
    transition-duration: .15s;
    transition-timing-function: ease-in-out;
    bottom: 0%;
    left: 50%;
    transform: translate(-50%, calc(100% - 10px + 5px))
}

@media (prefers-reduced-motion) {
    .css-popover-content-bottom {
        transition-property: opacity
    }
}

.css-popover-content-bottom-shown {
    opacity: 1;
    pointer-events: auto;
    transform: translate(-50%, calc(100% + 5px))
}

.css-popover-content-left {
    opacity: 0;
    z-index: 1000;
    pointer-events: none;
    position: absolute;
    -webkit-transition-property: opacity, -webkit-transform;
    transition-property: opacity, -webkit-transform;
    transition-property: opacity, transform;
    transition-duration: .15s;
    transition-timing-function: ease-in-out;
    top: 50%;
    left: 0%;
    transform: translate(calc(-100% + 10px - 5px), -50%)
}

@media (prefers-reduced-motion) {
    .css-popover-content-left {
        transition-property: opacity
    }
}

.css-popover-content-left-shown {
    opacity: 1;
    pointer-events: auto;
    transform: translate(calc(-100% - 5px), -50%)
}

.css-popover-content-right {
    opacity: 0;
    z-index: 1000;
    pointer-events: none;
    position: absolute;
    -webkit-transition-property: opacity, -webkit-transform;
    transition-property: opacity, -webkit-transform;
    transition-property: opacity, transform;
    transition-duration: .15s;
    transition-timing-function: ease-in-out;
    top: 50%;
    right: 0%;
    transform: translate(calc(100% - 10px + 5px), -50%)
}

@media (prefers-reduced-motion) {
    .css-popover-content-right {
        transition-property: opacity
    }
}

.css-popover-content-right-shown {
    opacity: 1;
    pointer-events: auto;
    transform: translate(calc(100% + 5px), -50%)
}

.css-popover-content-topleft {
    opacity: 0;
    z-index: 1000;
    pointer-events: none;
    position: absolute;
    -webkit-transition-property: opacity, -webkit-transform;
    transition-property: opacity, -webkit-transform;
    transition-property: opacity, transform;
    transition-duration: .15s;
    transition-timing-function: ease-in-out;
    top: 0%;
    right: 0%;
    transform: translate(0%, calc(-100% + 10px - 5px))
}

@media (prefers-reduced-motion) {
    .css-popover-content-topleft {
        transition-property: opacity
    }
}

.css-popover-content-topleft-shown {
    opacity: 1;
    pointer-events: auto;
    transform: translate(0%, calc(-100% - 5px))
}

.tile-header-menu {
    align-items: center;
    display: flex;
    position: relative
}

.tile-header-menu .menu-button {
    border-radius: 4px;
    margin: 0 0 0 8px;
    padding: 8px;
    transition: background-color .15s ease-in-out;
    color: #f8f8f8;
    background-color: transparent
}

.tile-header-menu .menu-button:hover {
    background-color: rgba(248, 248, 248, .1)
}

.tile-header-menu .menu-button.active {
    background-color: rgba(248, 248, 248, .1)
}

.tile-header-menu .menu-icon {
    margin: 0
}

.tile-header-menu .menu {
    background-color: #3e3f42;
    border-radius: 4px;
    box-shadow: 0px 4px 32px rgba(0, 0, 0, .6);
    margin: 0
}

.tile-header-menu .menu-item {
    font-size: 14px;
    font-weight: 500;
    letter-spacing: normal;
    line-height: normal;
    align-items: center;
    color: rgba(248, 248, 248, .7);
    display: flex;
    padding: 10px 18px;
    white-space: nowrap;
    width: 100%
}

.tile-header-menu .menu-item:first-child {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px
}

.tile-header-menu .menu-item:last-child {
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px
}

.tile-header-menu .menu-item:hover {
    color: #f8f8f8;
    background-color: rgba(0, 0, 0, .2)
}

.tile-header-menu .menu-item .icon {
    fill: currentColor;
    margin-right: 8px
}

.tile-header {
    align-items: flex-end;
    display: flex;
    padding: 14px 20px 0;
    position: relative
}

.tile-header .avatar-wrapper {
    position: relative;
    z-index: 1
}

.tile-header .avatar-border {
    border: none
}

.tile-header .model-avatar {
    height: 40px;
    width: 40px
}

.tile-header .model-avatar.live:before {
    border: 2px solid #e71a39;
    border-radius: 50%;
    bottom: -3px;
    content: " ";
    left: -3px;
    position: absolute;
    right: -3px;
    top: -3px;
    z-index: -1
}

.tile-header .model-avatar.live .user-status-icon {
    display: none
}

.tile-header .live-badge {
    font-size: 11px;
    font-weight: 700;
    letter-spacing: normal;
    line-height: 12px;
    text-transform: uppercase;
    align-items: center;
    background-color: #e71a39;
    border: 2px solid #262626;
    border-radius: 4px;
    bottom: -19px;
    color: #fff;
    display: flex;
    height: 18px;
    justify-content: center;
    left: 50%;
    position: absolute;
    transform: translateX(-50%);
    width: 32px
}

.tile-header .content-wrapper {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    justify-content: center;
    margin: 0 0 2px 10px
}

.tile-header .content {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start
}

.tile-header .posted-at {
    font-size: 13px;
    font-weight: 400;
    letter-spacing: normal;
    line-height: normal;
    margin-top: 2px;
    opacity: .6
}

.tile-header-fan-club {
    font-size: 12px;
    font-weight: 400;
    letter-spacing: normal;
    line-height: normal;
    align-items: center;
    background: #363636;
    border-radius: 62px;
    display: flex;
    height: 32px;
    padding: 0 8px;
    pointer-events: none
}

@media screen and (max-width:639px) {
    .tile-header-fan-club .icon {
        margin: 0
    }
}

@media screen and (max-width:639px) {
    .tile-header-fan-club-label {
        display: none
    }
}

.feed-offline-status {
    padding: 20px
}

.feed-offline-status .text {
    font-size: 15px;
    font-weight: 400;
    letter-spacing: normal;
    line-height: normal;
    padding: 12px;
    background: rgba(255, 255, 255, .1);
    text-align: left;
    border-radius: 6px
}

.feed-offline-status .icon {
    fill: currentColor;
    margin: -5px 12px 0 0
}

.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%
    }

    70% {
        background-position: -50% 0%
    }

    100% {
        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
}

@media screen and (max-width:639px) {
    .message-image-grid__counter-wrapper {
        padding: 8px;
        bottom: 8px;
        right: 8px
    }
}

.message-image-grid__counter {
    color: #fff;
    color: var(--color-white, #fff);
    font-size: 28px;
    font-weight: 700
}

@media screen and (max-width:639px) {
    .message-image-grid__counter {
        font-size: 12px
    }
}

.non-nude-shutter-background {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden
}

.non-nude-shutter-background__image {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.non-nude-shutter-background__content {
    height: 100%;
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center
}

.non-nude-shutter-background__wrap {
    position: absolute;
    top: 0;
    overflow: hidden;
    height: 100%;
    width: 100%;
    filter: brightness(.4)
}

.non-nude-shutter-background__wrap--blur {
    filter: brightness(.4) blur(16px);
    transform: scale(1.1)
}

.non-nude-shutter-profile {
    text-align: center;
    max-width: 500px;
    padding: 32px
}

.non-nude-shutter-profile--big .non-nude-shutter-profile__icon {
    width: 68px;
    height: 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__title {
    color: #f8f8f8
}

.non-nude-shutter-profile--force-white-text .non-nude-shutter-profile__description {
    color: #f8f8f8
}

.non-nude-shutter-profile--force-white-text .non-nude-shutter-profile__time-hint {
    color: #f8f8f8
}

.non-nude-shutter-profile--force-white-text .non-nude-shutter-profile__time-hint-text {
    color: #f8f8f8
}

.non-nude-shutter-profile__button {
    margin: 24px 0 0;
    padding: 8px 64px;
    background-color: #2f80ed;
    font-size: 1rem;
    line-height: 1.5rem
}

.non-nude-shutter-profile__button:hover {
    background-color: #5f9ef1;
    color: #f8f8f8
}

.non-nude-shutter-profile__title {
    margin-top: 16px;
    font-size: 1.5rem;
    font-weight: 700
}

.non-nude-shutter-profile__description {
    margin-top: 16px;
    font-size: 1rem
}

.non-nude-shutter-profile__icon {
    width: 64px;
    height: 64px
}

.non-nude-shutter-profile__voltage-icon {
    width: 14px;
    height: 14px;
    margin-right: 4px
}

.non-nude-shutter-profile__time-hint-text {
    color: #f8f8f8;
    opacity: .6;
    font-size: .813rem
}

.non-nude-shutter-profile__time-hint {
    margin-top: 10px
}

.message-image-grid-wrapper {
    --model-feed-skeleton-gradient: linear-gradient(90deg, #383838 20%, #404040 28%, #454545 35%, #404040 42%, #383838 50%);
    --message-image-grid-border-color: #262626;
    --background-color-black: #000;
    --color-white: #fff;
    --sceleton-animation: skeleton-animation 3s infinite linear;
    width: 100%;
    height: 100%
}

.text-post-image-swiper {
    position: relative
}

@media screen and (min-width:640px) {
    .text-post-image-swiper__non-nude-wrapper {
        height: 560px
    }
}

.text-post-image-swiper-image {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.text-post-image-swiper-image-hidden {
    display: none
}

.text-post-image-swiper-image-locked {
    -webkit-backface-visibility: hidden;
    filter: blur(10px);
    transform: scale(1.1)
}

.tile-content-info {
    color: #fff;
    display: flex;
    margin: 12px 0;
    padding: 0 20px
}

.tile-content-info .info-icon {
    fill: currentColor;
    height: 32px;
    margin-right: 12px;
    width: 32px
}

.tile-content-info .info-icon.icon-diamond-lord {
    color: #dc1cff
}

.tile-content-info .title {
    font-size: 14px;
    font-weight: 700;
    letter-spacing: normal;
    line-height: 17px
}

.tile-content-info .description {
    font-size: 13px;
    font-weight: 400;
    letter-spacing: normal;
    line-height: normal;
    margin-top: 2px;
    opacity: .6
}

.unlocked-content-icon {
    align-items: center;
    background-color: rgba(0, 0, 0, .6);
    border-radius: 4px;
    display: flex;
    height: 40px;
    justify-content: center;
    left: 10px;
    position: absolute;
    top: 10px;
    width: 40px
}

.unlocked-content-icon .content-icon {
    color: #f8f8f8;
    fill: currentColor;
    margin: 0
}

.unlocked-content-icon .content-icon.unlocked-icon {
    height: 16px;
    width: 16px
}

.unlocked-content-icon .content-icon.diamond-icon {
    height: 20px;
    width: 20px
}

.photo-album-tile {
    position: relative
}

.photo-album-live-preview {
    position: absolute;
    right: 12px;
    top: 12px;
    width: 25%;
    z-index: 1
}

.photo-album-live-preview+.tile-header {
    max-width: calc(75% - 12px)
}

.photo-album {
    display: flex;
    height: 100%;
    position: relative;
    width: 100%
}

.photo-album.photo-loading .photo-wrapper {
    animation: skeleton-animation 3s infinite linear;
    background: linear-gradient(90deg, #383838 20%, #404040 28%, #454545 35%, #404040 42%, #383838 50%);
    background-size: 300% 100%;
    will-change: background-position
}

.photo-album__swiper {
    position: relative
}

.photo-album .first-photo {
    height: 100%;
    overflow: hidden;
    width: 60%
}

.photo-album .column {
    width: 40%
}

.photo-album .column-photo {
    height: 50%;
    overflow: hidden;
    width: 100%
}

.photo-album .photo {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 100%;
    width: 100%
}

.photo-album .blur {
    -webkit-backface-visibility: hidden;
    filter: blur(10px);
    transform: scale(1.1)
}

.photo-album.number-of-photos-3 .first-photo {
    border-right: 1px solid #262626
}

.photo-album.number-of-photos-3 .column-photo:first-child {
    border-bottom: 1px solid #262626
}

.photo-album.number-of-photos-2 .first-photo {
    border-right: 1px solid #262626;
    width: 50%
}

.photo-album.number-of-photos-2 .column {
    width: 50%
}

.photo-album.number-of-photos-2 .column-photo {
    height: 100%
}

.photo-album.number-of-photos-1 .first-photo {
    width: 100%
}

.photo-album .counter-wrapper {
    background-color: rgba(0, 0, 0, .6);
    border-radius: 8px;
    bottom: 16px;
    padding: 16px;
    position: absolute;
    right: 16px
}

@media screen and (max-width:639px) {
    .photo-album .counter-wrapper {
        padding: 8px;
        bottom: 8px;
        right: 8px
    }
}

.photo-album .counter {
    color: #fff;
    font-size: 28px;
    font-weight: 700
}

@media screen and (max-width:639px) {
    .photo-album .counter {
        font-size: 12px
    }
}

.photo-album__pre-moderation-note {
    margin-top: 14px;
    margin-bottom: -14px
}

.text-post-skeleton .avatar-skeleton {
    animation: skeleton-animation 3s infinite linear;
    background: linear-gradient(90deg, #383838 20%, #404040 28%, #454545 35%, #404040 42%, #383838 50%);
    background-size: 300% 100%;
    will-change: background-position;
    border-radius: 50%;
    height: 40px;
    width: 40px
}

.text-post-skeleton .model-name-skeleton {
    animation: skeleton-animation 3s infinite linear;
    background: linear-gradient(90deg, #383838 20%, #404040 28%, #454545 35%, #404040 42%, #383838 50%);
    background-size: 300% 100%;
    will-change: background-position;
    border-radius: 4px;
    height: 16px;
    margin-bottom: 4px;
    width: 85px
}

.text-post-skeleton .posted-at-skeleton {
    animation: skeleton-animation 3s infinite linear;
    background: linear-gradient(90deg, #383838 20%, #404040 28%, #454545 35%, #404040 42%, #383838 50%);
    background-size: 300% 100%;
    will-change: background-position;
    border-radius: 4px;
    height: 12px;
    width: 85px
}

.text-post-skeleton .image-skeleton {
    animation: skeleton-animation 3s infinite linear;
    background: linear-gradient(90deg, #383838 20%, #404040 28%, #454545 35%, #404040 42%, #383838 50%);
    background-size: 300% 100%;
    will-change: background-position;
    height: 256px;
    width: 642px
}

.text-post-skeleton .footer-skeleton {
    padding: 12px 20px 20px
}

.text-post-skeleton .first-line {
    animation: skeleton-animation 3s infinite linear;
    background: linear-gradient(90deg, #383838 20%, #404040 28%, #454545 35%, #404040 42%, #383838 50%);
    background-size: 300% 100%;
    will-change: background-position;
    border-radius: 4px;
    height: 19px;
    width: 100%
}

.text-post-skeleton .second-line {
    animation: skeleton-animation 3s infinite linear;
    background: linear-gradient(90deg, #383838 20%, #404040 28%, #454545 35%, #404040 42%, #383838 50%);
    background-size: 300% 100%;
    will-change: background-position;
    border-radius: 4px;
    height: 19px;
    margin-top: 12px;
    width: 70%
}

.text-post-image {
    position: relative;
    overflow: hidden
}

@media screen and (min-width:640px) {
    .text-post-image__non-nude-wrapper {
        height: 560px
    }
}

.text-post-image .image {
    width: 642px
}

.text-post-image .image-locked {
    -webkit-backface-visibility: hidden;
    filter: blur(10px);
    transform: scale(1.1)
}

.text-post-image .image-link-wrapper {
    height: 48px
}

.text-post-image .image-link {
    align-items: center;
    background-color: #101010;
    border-radius: 4px;
    color: rgba(248, 248, 248, .6);
    cursor: pointer;
    display: none;
    height: 32px;
    justify-content: center;
    position: absolute;
    right: 10px;
    top: 10px;
    width: 32px
}

.text-post-image .image-link:hover {
    color: #f8f8f8
}

.text-post-image .image-link-icon {
    margin: 0
}

.text-post-image.loading {
    animation: skeleton-animation 3s infinite linear;
    background: linear-gradient(90deg, #383838 20%, #404040 28%, #454545 35%, #404040 42%, #383838 50%);
    background-size: 300% 100%;
    will-change: background-position;
    display: block;
    min-height: 256px
}

.text-post-image:hover .image-link {
    display: flex
}

@media (hover:none) {
    .text-post-image .image-link {
        display: flex
    }
}

.text-post-tile {
    position: relative
}

.text-post-live-preview {
    position: absolute;
    right: 12px;
    top: 12px;
    width: 25%;
    z-index: 2
}

.text-post-live-preview+.tile-header {
    max-width: calc(75% - 12px)
}

.text-post {
    padding: 14px 0 20px 0;
    position: relative
}

.text-post.locked {
    min-height: 300px
}

.text-post .text {
    font-size: 13px;
    font-weight: 400;
    letter-spacing: normal;
    line-height: 20px;
    margin-top: 20px;
    padding: 0 20px;
    white-space: pre-wrap;
    word-break: break-word
}

.text-post .text.hidden-text {
    filter: blur(3px);
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.text-post .image-skeleton {
    animation: skeleton-animation 3s infinite linear;
    background: linear-gradient(90deg, #383838 20%, #404040 28%, #454545 35%, #404040 42%, #383838 50%);
    background-size: 300% 100%;
    will-change: background-position;
    height: 256px;
    width: 642px
}

.tile.video-post-wrapper {
    position: relative
}

.tile.video-post-wrapper .video-post-live-preview {
    position: absolute;
    right: 12px;
    top: 12px;
    width: 25%;
    z-index: 3
}

.tile.video-post-wrapper .video-post-live-preview+.tile-header {
    max-width: calc(75% - 12px)
}

.tile.video-post-wrapper .media-content {
    height: auto
}

.tile.video-post-wrapper .video-post {
    align-items: center;
    display: flex;
    height: 100%;
    justify-content: center;
    min-height: 150px;
    overflow: hidden;
    position: relative;
    width: 100%
}

@media screen and (min-width:640px) {
    .tile.video-post-wrapper .video-post__non-nude-wrapper {
        height: 560px
    }
}

.tile.video-post-wrapper .video-post .blurred-background {
    background-image: inherit;
    background-position: center;
    background-size: cover;
    bottom: 0;
    content: " ";
    filter: blur(10px) brightness(.6);
    left: 0;
    opacity: .6;
    position: absolute;
    right: 0;
    top: 0;
    transform: scale(1.1)
}

.tile.video-post-wrapper .video-post .thumbnail {
    max-width: 100%;
    z-index: 2
}

.tile.video-post-wrapper .video-post .thumbnail.blured {
    filter: blur(10px)
}

.tile.video-post-wrapper .video-post .duration {
    font-size: 15px;
    font-weight: 700;
    letter-spacing: 1px;
    line-height: 1.2;
    align-items: center;
    -webkit-backdrop-filter: blur(24px);
    backdrop-filter: blur(24px);
    background-color: rgba(0, 0, 0, .4);
    border-radius: 4px;
    bottom: 10px;
    color: rgba(255, 255, 255, .8);
    display: flex;
    height: 34px;
    justify-content: center;
    position: absolute;
    right: 10px;
    width: 62px;
    z-index: 3
}

@media screen and (max-width:639px) {
    .tile.video-post-wrapper .video-post .duration {
        font-size: 12px;
        font-weight: 700;
        letter-spacing: normal;
        line-height: normal;
        height: 26px;
        width: 46px
    }
}

.tile.video-post-wrapper .video-post .play-icon-wrapper {
    align-items: center;
    justify-content: center;
    display: flex;
    flex-direction: row;
    background-color: rgba(0, 0, 0, .8);
    border-radius: 50%;
    height: 88px;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    width: 88px;
    z-index: 3
}

.tile.video-post-wrapper .video-post .play-icon {
    color: #f8f8f8;
    fill: currentColor;
    height: 36px;
    margin: 0 0 0 5px;
    width: 36px
}

.tile.video-post-wrapper .video-post__pre-moderation-note {
    margin-top: 14px;
    margin-bottom: -14px
}

.tile.video-post-wrapper .locked-video-play-icon-wrapper {
    align-items: center;
    justify-content: center;
    display: flex;
    flex-direction: row;
    -webkit-backdrop-filter: blur(24px);
    backdrop-filter: blur(24px);
    background: rgba(0, 0, 0, .6);
    border-radius: 4px;
    height: 32px;
    position: absolute;
    right: 22px;
    top: 22px;
    width: 32px;
    z-index: 3
}

.tile.video-post-wrapper .locked-video-play-icon {
    color: #f8f8f8;
    fill: currentColor;
    height: 14px;
    margin-left: 2px;
    margin-right: 0;
    width: 14px
}

.tile.video-post-wrapper .video-post-live-preview~.media-content .locked-video-play-icon-wrapper {
    background: rgba(0, 0, 0, .4);
    bottom: 10px;
    height: 34px;
    right: 84px;
    top: auto;
    width: 34px
}

.tile.video-post-wrapper .video-post-live-preview~.media-content .locked-video-play-icon-wrapper .locked-video-play-icon {
    color: rgba(255, 255, 255, .8);
    height: 17px
}

@media screen and (max-width:639px) {
    .tile.video-post-wrapper .video-post-live-preview~.media-content .locked-video-play-icon-wrapper {
        height: 26px;
        right: 62px;
        width: 26px
    }

    .tile.video-post-wrapper .video-post-live-preview~.media-content .locked-video-play-icon-wrapper .locked-video-play-icon {
        height: 13px
    }
}

.scroll-to-top-button-wrapper {
    bottom: 0;
    left: 0;
    position: fixed;
    right: 0
}

@media screen and (max-width:1365px) {
    .scroll-to-top-button-wrapper__with-navbar {
        display: none
    }
}

.scroll-to-top-button-wrapper.stick-to-bottom {
    bottom: -60px;
    position: absolute;
    right: -10px
}

.scroll-to-top-button-wrapper .page-width-wrapper {
    display: flex;
    justify-content: flex-end;
    margin: 0 auto;
    max-width: 1568px
}

.scroll-to-top-button-wrapper .scroll-to-top-button {
    bottom: 60px;
    position: absolute
}

.scroll-to-top-button-wrapper .scroll-to-top-button:hover {
    opacity: .8
}

@media screen and (max-width:1599px) {
    .scroll-to-top-button-wrapper .scroll-to-top-button {
        right: 20px
    }
}

@media screen and (max-width:639px) {
    .scroll-to-top-button-wrapper .scroll-to-top-button {
        bottom: 20px
    }
}

.scroll-to-top-button-wrapper .scroll-to-top-button-icon {
    color: #646464;
    fill: currentColor;
    height: 50px;
    width: 50px
}

.feed {
    position: relative
}

.feed .feed-content {
    align-items: center;
    display: flex;
    flex-direction: column;
    padding: 20px 0;
    position: relative
}

.feed .feed-loader-wrapper {
    align-items: center;
    justify-content: center;
    display: flex;
    flex-direction: row;
    height: 90px
}

.feed .feed-post {
    margin-bottom: 20px;
    max-width: 100%
}

.feed .feed-info {
    width: 642px
}

@media screen and (max-width:639px) {
    .feed .feed-info {
        padding: 0 20px
    }
}

.feed .feed-info-title {
    font-size: 20px;
    font-weight: 700;
    letter-spacing: normal;
    line-height: 24px;
    color: #fff
}

.feed .feed-info-description {
    font-size: 14px;
    font-weight: 400;
    letter-spacing: normal;
    line-height: normal;
    color: rgba(248, 248, 248, .6);
    margin-top: 20px
}

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

    .model-feed-viewcam .feed .feed-content,
    .user-feed .feed .feed-content {
        margin: 0-.75rem
    }
}

.feed-create-post {
    padding: 20px
}

.feed-create-post .create-post-button {
    align-items: center;
    border: 2px dashed rgba(248, 248, 248, .12);
    color: rgba(248, 248, 248, .4);
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 23px 0;
    width: 100%
}

.feed-create-post .create-post-button:hover {
    border: 2px dashed rgba(248, 248, 248, .3);
    color: rgba(248, 248, 248, .6)
}

.feed-create-post .create-icon {
    fill: currentColor;
    height: 25px;
    margin-bottom: 10px;
    width: 25px
}

.broadcast-settings__nav {
    box-shadow: inset 0 -1px rgba(248, 248, 248, .15);
    position: relative;
    display: flex;
    flex-direction: row
}

.broadcast-settings__nav-item {
    cursor: pointer;
    margin-right: 20px;
    padding: 10px 0;
    position: relative;
    flex: 1;
    flex-basis: auto;
    flex-grow: 0;
    flex-shrink: 0;
    transition: all .2s ease-in-out 0s
}

.broadcast-settings__nav-item.more-button-item {
    padding: 10px
}

.broadcast-settings__nav-item--active {
    box-shadow: inset 0 -3px #c22934;
    box-shadow: inset 0 -3px var(--primary-border)
}

.broadcast-settings__nav-item-label {
    color: #f8f8f8;
    opacity: .6;
    font-size: .938rem;
    transition: all 120ms ease-in-out 0s
}

.broadcast-settings__nav-item--active .broadcast-settings__nav-item-label,
.broadcast-settings__nav-item:hover .broadcast-settings__nav-item-label {
    opacity: 1
}

.broadcast-settings__container {
    margin: 10px 0
}

.broadcast-settings__offline-private,
.broadcast-settings__show-settings,
.broadcast-settings__stream-settings {
    margin: 0 -10px
}

.group-show-control .dropdown-wrapper {
    max-width: 400px
}

.group-show-announce-head {
    border-bottom: 1px solid rgba(255, 255, 255, .15);
    margin-bottom: 10px;
    padding-bottom: 10px
}

.group-show-announce-title {
    font-size: .938rem
}

.group-show-announce-subtitle {
    display: inline-block;
    margin-top: 5px;
    opacity: .6;
    font-size: .75rem
}

.group-show-announce-topic {
    font-size: .813rem
}

.group-show-announce-message-body {
    color: #e1e1e1;
    text-align: left
}

.group-show-announce-topic-label {
    opacity: .6
}

.group-show-announce-controls {
    align-items: center;
    flex-wrap: nowrap;
    margin-top: 20px;
    display: flex;
    flex-direction: row
}

.group-show-announce-controls .group-show-announce-left .group-show-announce-join.btn {
    line-height: 2rem
}

.group-show-announce-controls .ticket-paid {
    color: #62a52d;
    height: 22px;
    width: 22px
}

.group-show-announce-right {
    margin-left: 10px;
    font-size: .75rem;
    line-height: .875rem
}

.group-show-announce-rate {
    color: #ffdf85;
    font-weight: 700
}

.group-show-announce-join {
    margin: 0 !important
}

.group-show-announce-join .icon {
    margin-right: 10px
}

.group-show-announce strong {
    white-space: nowrap
}

.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;
    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.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.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 {
    bottom: calc(100% + 15px);
    top: auto
}

.dropdown-wrapper.top .dropdown-content::after {
    border-color: transparent rgba(17, 17, 17, .9) rgba(17, 17, 17, .9) 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.mobile {
    max-width: 100%;
    position: relative;
    width: 100%
}

@media screen and (max-width:1023px) {
    .dropdown-wrapper.mobile-center-right {
        bottom: auto;
        left: 100%;
        right: auto;
        top: 50%;
        transform: translateY(-50%)
    }

    .dropdown-wrapper.mobile-center-right .dropdown-content::after {
        border-bottom-color: transparent;
        border-right-color: transparent;
        right: 100%;
        top: 50%;
        transform: translate(50%, -50%) rotate(-45deg)
    }

    .dropdown-wrapper.mobile-bottom-right {
        top: -100% !important;
        left: 100%;
        transform: none
    }

    .dropdown-wrapper.mobile-bottom-right .dropdown-content::after {
        border-bottom-color: transparent;
        border-right-color: transparent;
        left: 0;
        top: 12px;
        transform: translate(-50%, 50%) rotate(-45deg)
    }
}

.player-toolbox-icon {
    cursor: pointer;
    margin: 0 5px
}

.player-toolbox-icon .player-toolbox-icon-item {
    align-items: center;
    border-radius: 50%;
    height: 36px;
    justify-content: center;
    width: 36px;
    display: flex;
    flex-direction: row;
    transition: all 120ms ease-in-out 0s
}

.player-toolbox-icon .player-toolbox-icon-item .icon {
    fill: #fff;
    margin: 0
}

.player-toolbox-icon.reflect {
    cursor: pointer
}

.player-toolbox-icon.reflect.mirror {
    transform: scaleX(-1)
}

.player-toolbox-icon.can-mute-mic .stop {
    margin-right: 5px
}

.player-toolbox-icon:hover .player-toolbox-icon-item {
    opacity: .9
}

.view-cam-controls-toolbox .cam2cam-menu {
    align-items: center;
    display: flex;
    position: relative
}

.view-cam-controls-toolbox .cam2cam-menu .icon {
    width: 24px;
    height: 24px
}

.view-cam-controls-toolbox .cam2cam-menu .menu-button {
    align-items: center;
    border-radius: 64px;
    color: #f8f8f8;
    display: flex;
    flex-direction: row;
    justify-content: center;
    padding: 6px 20px;
    margin: 0;
    transition: background-color .15s ease-in-out;
    font-size: 13px;
    font-weight: 400;
    letter-spacing: normal;
    line-height: 16px;
    background: #5b5b5b;
    color: #fff;
    transition: all 90ms ease-in-out 0s
}

@media screen and (max-width:1024px) {
    .view-cam-controls-toolbox .cam2cam-menu .menu-button__excl-private-enabled-text--long {
        display: none
    }
}

@media screen and (min-width:1025px) {
    .view-cam-controls-toolbox .cam2cam-menu .menu-button__excl-private-enabled-text--short {
        display: none
    }
}

.view-cam-controls-toolbox .cam2cam-menu .menu-button.with-new-send-tip {
    height: 36px;
    font-size: 15px;
    font-weight: 500;
    letter-spacing: normal;
    line-height: normal
}

@media screen and (max-width:360px) {
    .view-cam-controls-toolbox .cam2cam-menu .menu-button.with-excl-private-enabled {
        font-size: 13px;
        font-weight: 500;
        letter-spacing: normal;
        line-height: normal
    }
}

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

.view-cam-controls-toolbox .cam2cam-menu .menu-button>.icon {
    fill: #fff;
    transition: all 90ms ease-in-out 0s
}

@media (pointer:fine) {

    .view-cam-controls-toolbox .cam2cam-menu .menu-button.hover,
    .view-cam-controls-toolbox .cam2cam-menu .menu-button:hover {
        background: #7a7a7a;
        color: #fff
    }

    .view-cam-controls-toolbox .cam2cam-menu .menu-button.hover>.icon,
    .view-cam-controls-toolbox .cam2cam-menu .menu-button:hover>.icon {
        fill: #fff
    }
}

.view-cam-controls-toolbox .cam2cam-menu .menu-button.active,
.view-cam-controls-toolbox .cam2cam-menu .menu-button.focus,
.view-cam-controls-toolbox .cam2cam-menu .menu-button:active,
.view-cam-controls-toolbox .cam2cam-menu .menu-button:focus {
    background: #474747;
    color: #fff
}

.view-cam-controls-toolbox .cam2cam-menu .menu-button.active>.icon,
.view-cam-controls-toolbox .cam2cam-menu .menu-button.focus>.icon,
.view-cam-controls-toolbox .cam2cam-menu .menu-button:active>.icon,
.view-cam-controls-toolbox .cam2cam-menu .menu-button:focus>.icon {
    fill: #fff
}

.view-cam-controls-toolbox .cam2cam-menu .menu-button .btn-loader-overlay {
    color: #fff;
    background-color: #5b5b5b
}

.view-cam-controls-toolbox .cam2cam-menu .menu-button .icon {
    fill: currentColor;
    margin-right: 10px
}

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

.view-cam-controls-toolbox .cam2cam-menu .menu-button .dropdown-icon.icon {
    fill: currentColor;
    width: 12px;
    height: 7px;
    margin-right: 0;
    margin-left: 6px;
    margin-top: 3px
}

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

.view-cam-controls-toolbox .cam2cam-menu .menu-icon {
    margin: 0
}

.view-cam-controls-toolbox .cam2cam-menu .menu {
    background-color: #3e3f42;
    border-radius: 16px;
    box-shadow: 0px 4px 32px rgba(0, 0, 0, .6);
    margin: 0
}

.view-cam-controls-toolbox .cam2cam-menu .menu li:first-child {
    border-top-left-radius: 16px;
    border-top-right-radius: 16px
}

.view-cam-controls-toolbox .cam2cam-menu .menu li:last-child {
    border-bottom-left-radius: 16px;
    border-bottom-right-radius: 16px
}

.view-cam-controls-toolbox .cam2cam-menu .menu li:hover {
    color: #f8f8f8;
    background-color: #303133
}

.view-cam-controls-toolbox .cam2cam-menu .menu-item {
    font-size: 14px;
    font-weight: 500;
    letter-spacing: normal;
    line-height: normal;
    align-items: center;
    color: rgba(248, 248, 248, .7);
    fill: currentColor;
    display: flex;
    padding: 10px 16px;
    white-space: nowrap;
    width: 100%
}

.view-cam-controls-toolbox .cam2cam-menu .menu-item .icon {
    fill: currentColor;
    margin-right: 10px
}

.view-cam-controls-toolbox .cam2cam-menu .private-modal-cam2cam-tooltip {
    z-index: 1001
}

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

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

@media screen and (max-width:1023px) {
    .view-cam-controls-toolbox.view-cam-controls-toolbox-cam2cam.view-cam-controls-toolbox-cam2cam .player-toolbox-icon.settings {
        order: 1
    }
}

.view-cam-controls-toolbox.view-cam-controls-toolbox-cam2cam .player-toolbox-icon {
    cursor: pointer;
    margin: 0 7px
}

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

.view-cam-controls-toolbox.view-cam-controls-toolbox-cam2cam .player-toolbox-icon .player-toolbox-icon-item {
    align-items: center;
    border-radius: 64px;
    height: 36px;
    justify-content: center;
    padding: 6px 20px;
    width: 64px;
    display: flex;
    flex-direction: row;
    transition: all 120ms ease-in-out 0s
}

.view-cam-controls-toolbox.view-cam-controls-toolbox-cam2cam .player-toolbox-icon .player-toolbox-icon-item.settings {
    background: #181818;
    color: #fff;
    transition: all 90ms ease-in-out 0s
}

.view-cam-controls-toolbox.view-cam-controls-toolbox-cam2cam .player-toolbox-icon .player-toolbox-icon-item.settings>.icon {
    fill: #fff;
    transition: all 90ms ease-in-out 0s
}

@media (pointer:fine) {

    .view-cam-controls-toolbox.view-cam-controls-toolbox-cam2cam .player-toolbox-icon .player-toolbox-icon-item.settings.hover,
    .view-cam-controls-toolbox.view-cam-controls-toolbox-cam2cam .player-toolbox-icon .player-toolbox-icon-item.settings:hover {
        background: #252525;
        color: #fff
    }

    .view-cam-controls-toolbox.view-cam-controls-toolbox-cam2cam .player-toolbox-icon .player-toolbox-icon-item.settings.hover>.icon,
    .view-cam-controls-toolbox.view-cam-controls-toolbox-cam2cam .player-toolbox-icon .player-toolbox-icon-item.settings:hover>.icon {
        fill: #fff
    }
}

.view-cam-controls-toolbox.view-cam-controls-toolbox-cam2cam .player-toolbox-icon .player-toolbox-icon-item.settings.active,
.view-cam-controls-toolbox.view-cam-controls-toolbox-cam2cam .player-toolbox-icon .player-toolbox-icon-item.settings.focus,
.view-cam-controls-toolbox.view-cam-controls-toolbox-cam2cam .player-toolbox-icon .player-toolbox-icon-item.settings:active,
.view-cam-controls-toolbox.view-cam-controls-toolbox-cam2cam .player-toolbox-icon .player-toolbox-icon-item.settings:focus {
    background: #252525;
    color: #fff
}

.view-cam-controls-toolbox.view-cam-controls-toolbox-cam2cam .player-toolbox-icon .player-toolbox-icon-item.settings.active>.icon,
.view-cam-controls-toolbox.view-cam-controls-toolbox-cam2cam .player-toolbox-icon .player-toolbox-icon-item.settings.focus>.icon,
.view-cam-controls-toolbox.view-cam-controls-toolbox-cam2cam .player-toolbox-icon .player-toolbox-icon-item.settings:active>.icon,
.view-cam-controls-toolbox.view-cam-controls-toolbox-cam2cam .player-toolbox-icon .player-toolbox-icon-item.settings:focus>.icon {
    fill: #fff
}

.view-cam-controls-toolbox.view-cam-controls-toolbox-cam2cam .player-toolbox-icon .player-toolbox-icon-item.settings .btn-loader-overlay {
    color: #fff;
    background-color: #181818
}

.view-cam-controls-toolbox.view-cam-controls-toolbox-cam2cam .player-toolbox-icon .player-toolbox-icon-item .icon {
    fill: currentColor;
    height: 24px;
    margin: 0;
    width: 24px
}

@media screen and (max-width:639px) {
    .view-cam-controls-toolbox.view-cam-controls-toolbox-cam2cam .player-toolbox-icon .player-toolbox-icon-item .icon {
        height: 20px;
        width: 20px
    }
}

@media screen and (max-width:639px) {
    .view-cam-controls-toolbox.view-cam-controls-toolbox-cam2cam .player-toolbox-icon .player-toolbox-icon-item {
        border-radius: 50%;
        height: 36px;
        padding: 0;
        width: 36px
    }
}

.view-cam-controls-toolbox.view-cam-controls-toolbox--fullscreen .cam2cam-menu .menu {
    background-color: #2e2e2e
}

.view-cam-controls-toolbox.view-cam-controls-toolbox--fullscreen .cam2cam-menu .menu-item {
    color: #f8f8f8
}

.view-cam-controls-toolbox.view-cam-controls-toolbox--fullscreen .cam2cam-menu .menu-item:hover {
    color: #f8f8f8;
    background-color: rgba(0, 0, 0, .2)
}

.view-cam-controls-toolbox.view-cam-controls-toolbox--fullscreen .menu-button {
    font-size: .813rem;
    height: 38px;
    padding: 7px 22px;
    background: #5b5b5b;
    color: #f8f8f8;
    transition: all 90ms ease-in-out 0s
}

.view-cam-controls-toolbox.view-cam-controls-toolbox--fullscreen .menu-button>.icon {
    fill: #f8f8f8;
    transition: all 90ms ease-in-out 0s
}

@media (pointer:fine) {

    .view-cam-controls-toolbox.view-cam-controls-toolbox--fullscreen .menu-button.hover,
    .view-cam-controls-toolbox.view-cam-controls-toolbox--fullscreen .menu-button:hover {
        background: #7a7a7a;
        color: #f8f8f8
    }

    .view-cam-controls-toolbox.view-cam-controls-toolbox--fullscreen .menu-button.hover>.icon,
    .view-cam-controls-toolbox.view-cam-controls-toolbox--fullscreen .menu-button:hover>.icon {
        fill: #f8f8f8
    }
}

.view-cam-controls-toolbox.view-cam-controls-toolbox--fullscreen .menu-button.active,
.view-cam-controls-toolbox.view-cam-controls-toolbox--fullscreen .menu-button.focus,
.view-cam-controls-toolbox.view-cam-controls-toolbox--fullscreen .menu-button:active,
.view-cam-controls-toolbox.view-cam-controls-toolbox--fullscreen .menu-button:focus {
    background: #474747;
    color: #f8f8f8
}

.view-cam-controls-toolbox.view-cam-controls-toolbox--fullscreen .menu-button.active>.icon,
.view-cam-controls-toolbox.view-cam-controls-toolbox--fullscreen .menu-button.focus>.icon,
.view-cam-controls-toolbox.view-cam-controls-toolbox--fullscreen .menu-button:active>.icon,
.view-cam-controls-toolbox.view-cam-controls-toolbox--fullscreen .menu-button:focus>.icon {
    fill: #f8f8f8
}

.view-cam-controls-toolbox.view-cam-controls-toolbox--fullscreen .menu-button .btn-loader-overlay {
    color: #f8f8f8;
    background-color: #5b5b5b
}

.view-cam-controls-toolbox.view-cam-controls-toolbox--fullscreen .menu-button .icon {
    height: 24px;
    margin-right: 10px;
    width: 24px
}

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

.view-cam-controls-toolbox.view-cam-controls-toolbox--fullscreen.view-cam-controls-toolbox-cam2cam {
    display: flex;
    gap: 12px;
    margin: 0
}

.view-cam-controls-toolbox.view-cam-controls-toolbox--fullscreen.view-cam-controls-toolbox-cam2cam .player-toolbox-icon {
    margin: 0
}

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

.view-cam-controls-toolbox.view-cam-controls-toolbox--fullscreen.view-cam-controls-toolbox-cam2cam .player-toolbox-icon-item {
    height: 38px;
    padding: 8px;
    opacity: 1;
    width: 38px
}

.view-cam-controls-toolbox.view-cam-controls-toolbox--fullscreen.view-cam-controls-toolbox-cam2cam .player-toolbox-icon-item.settings {
    background: #181818;
    color: #f8f8f8;
    transition: all 90ms ease-in-out 0s
}

.view-cam-controls-toolbox.view-cam-controls-toolbox--fullscreen.view-cam-controls-toolbox-cam2cam .player-toolbox-icon-item.settings>.icon {
    fill: #f8f8f8;
    transition: all 90ms ease-in-out 0s
}

@media (pointer:fine) {

    .view-cam-controls-toolbox.view-cam-controls-toolbox--fullscreen.view-cam-controls-toolbox-cam2cam .player-toolbox-icon-item.settings.hover,
    .view-cam-controls-toolbox.view-cam-controls-toolbox--fullscreen.view-cam-controls-toolbox-cam2cam .player-toolbox-icon-item.settings:hover {
        background: #252525;
        color: #f8f8f8
    }

    .view-cam-controls-toolbox.view-cam-controls-toolbox--fullscreen.view-cam-controls-toolbox-cam2cam .player-toolbox-icon-item.settings.hover>.icon,
    .view-cam-controls-toolbox.view-cam-controls-toolbox--fullscreen.view-cam-controls-toolbox-cam2cam .player-toolbox-icon-item.settings:hover>.icon {
        fill: #f8f8f8
    }
}

.view-cam-controls-toolbox.view-cam-controls-toolbox--fullscreen.view-cam-controls-toolbox-cam2cam .player-toolbox-icon-item.settings.active,
.view-cam-controls-toolbox.view-cam-controls-toolbox--fullscreen.view-cam-controls-toolbox-cam2cam .player-toolbox-icon-item.settings.focus,
.view-cam-controls-toolbox.view-cam-controls-toolbox--fullscreen.view-cam-controls-toolbox-cam2cam .player-toolbox-icon-item.settings:active,
.view-cam-controls-toolbox.view-cam-controls-toolbox--fullscreen.view-cam-controls-toolbox-cam2cam .player-toolbox-icon-item.settings:focus {
    background: #252525;
    color: #f8f8f8
}

.view-cam-controls-toolbox.view-cam-controls-toolbox--fullscreen.view-cam-controls-toolbox-cam2cam .player-toolbox-icon-item.settings.active>.icon,
.view-cam-controls-toolbox.view-cam-controls-toolbox--fullscreen.view-cam-controls-toolbox-cam2cam .player-toolbox-icon-item.settings.focus>.icon,
.view-cam-controls-toolbox.view-cam-controls-toolbox--fullscreen.view-cam-controls-toolbox-cam2cam .player-toolbox-icon-item.settings:active>.icon,
.view-cam-controls-toolbox.view-cam-controls-toolbox--fullscreen.view-cam-controls-toolbox-cam2cam .player-toolbox-icon-item.settings:focus>.icon {
    fill: #f8f8f8
}

.view-cam-controls-toolbox.view-cam-controls-toolbox--fullscreen.view-cam-controls-toolbox-cam2cam .player-toolbox-icon-item.settings .btn-loader-overlay {
    color: #f8f8f8;
    background-color: #181818
}

.view-cam-controls-toolbox.view-cam-controls-toolbox--fullscreen.view-cam-controls-toolbox-cam2cam .player-toolbox-icon-item.btn-enabled {
    background: #5b5b5b;
    color: #f8f8f8;
    transition: all 90ms ease-in-out 0s
}

.view-cam-controls-toolbox.view-cam-controls-toolbox--fullscreen.view-cam-controls-toolbox-cam2cam .player-toolbox-icon-item.btn-enabled>.icon {
    fill: #f8f8f8;
    transition: all 90ms ease-in-out 0s
}

@media (pointer:fine) {

    .view-cam-controls-toolbox.view-cam-controls-toolbox--fullscreen.view-cam-controls-toolbox-cam2cam .player-toolbox-icon-item.btn-enabled.hover,
    .view-cam-controls-toolbox.view-cam-controls-toolbox--fullscreen.view-cam-controls-toolbox-cam2cam .player-toolbox-icon-item.btn-enabled:hover {
        background: #7a7a7a;
        color: #f8f8f8
    }

    .view-cam-controls-toolbox.view-cam-controls-toolbox--fullscreen.view-cam-controls-toolbox-cam2cam .player-toolbox-icon-item.btn-enabled.hover>.icon,
    .view-cam-controls-toolbox.view-cam-controls-toolbox--fullscreen.view-cam-controls-toolbox-cam2cam .player-toolbox-icon-item.btn-enabled:hover>.icon {
        fill: #f8f8f8
    }
}

.view-cam-controls-toolbox.view-cam-controls-toolbox--fullscreen.view-cam-controls-toolbox-cam2cam .player-toolbox-icon-item.btn-enabled.active,
.view-cam-controls-toolbox.view-cam-controls-toolbox--fullscreen.view-cam-controls-toolbox-cam2cam .player-toolbox-icon-item.btn-enabled.focus,
.view-cam-controls-toolbox.view-cam-controls-toolbox--fullscreen.view-cam-controls-toolbox-cam2cam .player-toolbox-icon-item.btn-enabled:active,
.view-cam-controls-toolbox.view-cam-controls-toolbox--fullscreen.view-cam-controls-toolbox-cam2cam .player-toolbox-icon-item.btn-enabled:focus {
    background: #474747;
    color: #f8f8f8
}

.view-cam-controls-toolbox.view-cam-controls-toolbox--fullscreen.view-cam-controls-toolbox-cam2cam .player-toolbox-icon-item.btn-enabled.active>.icon,
.view-cam-controls-toolbox.view-cam-controls-toolbox--fullscreen.view-cam-controls-toolbox-cam2cam .player-toolbox-icon-item.btn-enabled.focus>.icon,
.view-cam-controls-toolbox.view-cam-controls-toolbox--fullscreen.view-cam-controls-toolbox-cam2cam .player-toolbox-icon-item.btn-enabled:active>.icon,
.view-cam-controls-toolbox.view-cam-controls-toolbox--fullscreen.view-cam-controls-toolbox-cam2cam .player-toolbox-icon-item.btn-enabled:focus>.icon {
    fill: #f8f8f8
}

.view-cam-controls-toolbox.view-cam-controls-toolbox--fullscreen.view-cam-controls-toolbox-cam2cam .player-toolbox-icon-item.btn-enabled .btn-loader-overlay {
    color: #f8f8f8;
    background-color: #5b5b5b
}

.view-cam-controls-toolbox.view-cam-controls-toolbox--fullscreen.view-cam-controls-toolbox-cam2cam .player-toolbox-icon-item.btn-disabled {
    background: #af262f;
    color: #f8f8f8;
    transition: all 90ms ease-in-out 0s
}

.view-cam-controls-toolbox.view-cam-controls-toolbox--fullscreen.view-cam-controls-toolbox-cam2cam .player-toolbox-icon-item.btn-disabled>.icon {
    fill: #f8f8f8;
    transition: all 90ms ease-in-out 0s
}

@media (pointer:fine) {

    .view-cam-controls-toolbox.view-cam-controls-toolbox--fullscreen.view-cam-controls-toolbox-cam2cam .player-toolbox-icon-item.btn-disabled.hover,
    .view-cam-controls-toolbox.view-cam-controls-toolbox--fullscreen.view-cam-controls-toolbox-cam2cam .player-toolbox-icon-item.btn-disabled:hover {
        background: #d53e48;
        color: #f8f8f8
    }

    .view-cam-controls-toolbox.view-cam-controls-toolbox--fullscreen.view-cam-controls-toolbox-cam2cam .player-toolbox-icon-item.btn-disabled.hover>.icon,
    .view-cam-controls-toolbox.view-cam-controls-toolbox--fullscreen.view-cam-controls-toolbox-cam2cam .player-toolbox-icon-item.btn-disabled:hover>.icon {
        fill: #f8f8f8
    }
}

.view-cam-controls-toolbox.view-cam-controls-toolbox--fullscreen.view-cam-controls-toolbox-cam2cam .player-toolbox-icon-item.btn-disabled.active,
.view-cam-controls-toolbox.view-cam-controls-toolbox--fullscreen.view-cam-controls-toolbox-cam2cam .player-toolbox-icon-item.btn-disabled.focus,
.view-cam-controls-toolbox.view-cam-controls-toolbox--fullscreen.view-cam-controls-toolbox-cam2cam .player-toolbox-icon-item.btn-disabled:active,
.view-cam-controls-toolbox.view-cam-controls-toolbox--fullscreen.view-cam-controls-toolbox-cam2cam .player-toolbox-icon-item.btn-disabled:focus {
    background: #9c2a32;
    color: #f8f8f8
}

.view-cam-controls-toolbox.view-cam-controls-toolbox--fullscreen.view-cam-controls-toolbox-cam2cam .player-toolbox-icon-item.btn-disabled.active>.icon,
.view-cam-controls-toolbox.view-cam-controls-toolbox--fullscreen.view-cam-controls-toolbox-cam2cam .player-toolbox-icon-item.btn-disabled.focus>.icon,
.view-cam-controls-toolbox.view-cam-controls-toolbox--fullscreen.view-cam-controls-toolbox-cam2cam .player-toolbox-icon-item.btn-disabled:active>.icon,
.view-cam-controls-toolbox.view-cam-controls-toolbox--fullscreen.view-cam-controls-toolbox-cam2cam .player-toolbox-icon-item.btn-disabled:focus>.icon {
    fill: #f8f8f8
}

.view-cam-controls-toolbox.view-cam-controls-toolbox--fullscreen.view-cam-controls-toolbox-cam2cam .player-toolbox-icon-item.btn-disabled .btn-loader-overlay {
    color: #f8f8f8;
    background-color: #af262f
}

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

.notifications-tooltip-content {
    width: 100%
}

.notifications-tooltip-content .switcher-label .icon {
    visibility: hidden
}

.notifications-tooltip-content .visible-wrapper {
    background-color: #2e2e2e;
    border-radius: 12px;
    box-shadow: 0px 0px 13px rgba(0, 0, 0, .45);
    color: #fff;
    padding: 0 20px;
    position: relative;
    transform: translateZ(0);
    width: 100%
}

.notifications-tooltip-content.expanded .visible-wrapper {
    transform: none
}

.notifications-tooltip-content .close {
    align-items: center;
    color: rgba(248, 248, 248, .4);
    cursor: pointer;
    display: flex;
    height: 30px;
    justify-content: center;
    position: absolute;
    right: 0;
    top: 0;
    width: 30px
}

.notifications-tooltip-content .close:hover {
    color: rgba(248, 248, 248, .8)
}

.notifications-tooltip-content .close .icon {
    height: 10px;
    margin: 0;
    width: 10px
}

.notifications-tooltip-content .main-settings {
    align-items: center;
    display: flex;
    padding: 20px 0
}

.notifications-tooltip-content .bell {
    align-items: center;
    background-color: rgba(255, 255, 255, .09);
    border-radius: 26px;
    display: flex;
    flex-shrink: 0;
    height: 52px;
    justify-content: center;
    margin-right: 14px;
    width: 52px
}

.notifications-tooltip-content .bell .icon {
    color: rgba(255, 255, 255, .6);
    height: 24px;
    margin: 0;
    width: 24px
}

.notifications-tooltip-content .notifications-tooltip-title {
    flex-grow: 1;
    font-size: 14px;
    line-height: 17px;
    margin-right: 10px;
    min-width: 0
}

.notifications-tooltip-content .main-switcher {
    flex-shrink: 0;
    margin: 0
}

.notifications-tooltip-content.active .bell {
    background-color: rgba(121, 148, 61, .33)
}

.notifications-tooltip-content.active .bell .icon {
    color: #b3e04e
}

.notifications-tooltip-content .methods-wrapper {
    height: 0;
    overflow: hidden
}

.notifications-tooltip-content .methods-wrapper.animated {
    transition: height .25s ease-in-out
}

.notifications-tooltip-content .methods {
    border-top: 1px solid rgba(248, 248, 248, .1);
    opacity: 0;
    padding: 20px 0;
    transform: translateY(-100%);
    transition: transform .25s ease-in-out, opacity .25s ease-in-out
}

.notifications-tooltip-content.expanding .methods-wrapper .methods {
    opacity: 1;
    transform: translateY(0)
}

.notifications-tooltip-content.expanded .methods-wrapper {
    height: auto !important
}

.notifications-tooltip-content.expanded .methods-wrapper .methods {
    opacity: 1;
    transform: none !important
}

.notifications-tooltip-content .methods-title {
    display: block;
    font-size: 18px;
    font-weight: 700;
    line-height: 22px;
    margin-bottom: 20px
}

.notifications-tooltip-content .method {
    align-items: center;
    display: flex;
    font-size: 14px;
    justify-content: space-between;
    line-height: 17px
}

.notifications-tooltip-content .method:not(:last-child) {
    margin-bottom: 14px
}

.notifications-tooltip-content .method.method-disabled {
    cursor: pointer
}

.notifications-tooltip-content .method.method-disabled .switcher {
    opacity: .4;
    pointer-events: none
}

.notifications-tooltip-content .connect-link {
    color: inherit;
    display: inline-block;
    font-size: 14px;
    line-height: 22px;
    opacity: .6;
    text-decoration: underline
}

.notifications-tooltip-content .connect-link:hover {
    opacity: .8
}

.notifications-tooltip-content .notifications-tooltip-warning-hint {
    color: rgba(255, 255, 255, .6);
    margin-left: 5px
}

.notifications-tooltip-content .notifications-tooltip-warning-hint a {
    color: inherit;
    text-decoration: underline
}

.notifications-tooltip-content .notifications-tooltip-warning-hint a:hover {
    opacity: .8
}

.notifications-tooltip-content .notifications-tooltip-warning-hint .icon-exclamation-circle {
    height: 13px;
    transform: translateY(-1px);
    width: 13px
}

.notifications-tooltip-content .notifications-tooltip-warning-hint .tooltip {
    white-space: nowrap
}

.notifications-tooltip-content .switcher-wrapper {
    align-items: center;
    display: flex
}

.notifications-tooltip-content .switcher-wrapper .switcher-switch {
    flex-shrink: 0
}

.notifications-tooltip-content .switcher-wrapper .switcher-label {
    display: flex
}

.notifications-tooltip-content .switcher-wrapper .switcher-label .icon {
    margin-bottom: 0
}

.notifications-tooltip-content.mobile .visible-wrapper {
    border-radius: 0;
    box-shadow: none;
    padding: 0 12px
}

.notifications-tooltip-content.mobile::before {
    border-bottom: 6px solid #2e2e2e;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    bottom: 100%;
    content: "";
    display: block;
    height: 6px;
    left: 27px;
    position: absolute;
    width: 14px
}

.notifications-tooltip-content.mobile .close {
    right: 5px;
    top: 15px
}

.notifications-tooltip-content.mobile .main-settings {
    padding: 10px 34px 10px 0
}

.notifications-tooltip-content.mobile .bell {
    height: 40px;
    margin-right: 12px;
    width: 40px
}

.notifications-tooltip-content.mobile .bell .icon {
    height: 18px;
    width: 18px
}

.notifications-tooltip-content.mobile .notifications-tooltip-title {
    font-size: 12px;
    line-height: 15px;
    margin-right: 10px
}

.notifications-tooltip-content.mobile .methods {
    padding: 10px 0
}

.notifications-tooltip-content.mobile .methods-title {
    font-size: 15px;
    line-height: 18px;
    margin-bottom: 12px
}

.notifications-tooltip-content.mobile .method {
    font-size: 12px;
    line-height: 15px
}

.notifications-tooltip-content.mobile .method:not(:last-child) {
    margin-bottom: 12px
}

.notifications-tooltip-content.mobile .connect-link {
    font-size: 12px
}

.tooltip.left .notifications-tooltip-content.preserve-vertical-position,
.tooltip.right .notifications-tooltip-content.preserve-vertical-position {
    height: 800px;
    padding-top: 355px;
    pointer-events: none
}

.tooltip.left .notifications-tooltip-content.preserve-vertical-position .visible-wrapper,
.tooltip.right .notifications-tooltip-content.preserve-vertical-position .visible-wrapper {
    pointer-events: auto
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@media screen and (max-width:479px) {
    .favorited-count {
        background-color: transparent;
        font-size: 12px;
        margin: 0;
        padding: 0 10px
    }
}

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

@media screen and (max-width:639px) {
    .add-to-favorite-control--show {
        display: none
    }
}

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

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

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

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

.add-to-favorite-control .add-to-favorite-control__favorite-icon {
    color: #000;
    height: 22px;
    margin: 2px 0 0;
    width: 22px
}

@media screen and (max-width:479px) {
    .add-to-favorite-control .add-to-favorite-control__favorite-icon--desktop {
        display: none
    }
}

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

@media screen and (min-width:480px) {
    .add-to-favorite-control .add-to-favorite-control__favorite-icon--mobile {
        display: none
    }
}

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

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

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

.tooltip.notifications-tooltip {
    padding: 0
}

.tooltip.notifications-tooltip>.tooltip-inner {
    background: 0 0;
    box-shadow: none;
    max-width: calc(100vw - 22px);
    padding: 0;
    width: 350px
}

.tooltip.notifications-tooltip>.tooltip-inner::before {
    display: none
}

.tooltip.notifications-tooltip.absolute {
    position: absolute
}

.tooltip.notifications-tooltip.absolute-top {
    bottom: 100%;
    padding: 0 0 20px
}

.tooltip.notifications-tooltip.absolute-bottom {
    bottom: 0;
    padding: 20px 0 0;
    top: 100%
}

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

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

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

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

.subscriptions-control-button-group__notification-button {
    opacity: .6
}

.subscriptions-control-button-group__notification-button:hover {
    opacity: 1
}

.subscriptions-control-button-group__notification-button.active {
    opacity: 1
}

.subscriptions-control-button-group__notification-button.active:hover {
    opacity: .6
}

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

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

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

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

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

.favorite-control {
    display: flex;
    flex: 1
}

@media screen and (min-width:480px) {
    .favorite-control__mobile {
        display: none
    }
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@media (pointer:fine) {

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.send-tip-button {
    align-items: center;
    border-radius: 70px;
    display: inline-flex;
    flex-flow: row nowrap;
    flex-shrink: 0;
    font-size: 15px;
    font-weight: 500;
    height: 40px;
    margin: 0;
    padding: 4px 20px
}

@media screen and (max-width:360px) {
    .send-tip-button.with-excl-private-enabled {
        font-size: 13px;
        font-weight: 500;
        letter-spacing: normal;
        line-height: normal
    }
}

@media screen and (max-width:1023px) {
    .send-tip-button {
        height: 36px;
        padding: 4px 16px
    }
}

.send-tip-button--with-icon {
    padding: 4px 4px 4px 20px
}

@media screen and (max-width:1023px) {
    .send-tip-button--with-icon {
        padding: 4px 4px 4px 16px
    }
}

.send-tip-button--active,
.send-tip-button--active:active,
.send-tip-button--active:focus {
    background-color: #304b14;
    color: rgba(248, 248, 248, .6)
}

.send-tip-button--active:active:hover,
.send-tip-button--active:focus:hover,
.send-tip-button--active:hover {
    background-color: #43691c
}

.send-tip-button__icon-container {
    align-items: center;
    background-color: rgba(0, 0, 0, .4);
    border-radius: 50%;
    display: inline-flex;
    flex-shrink: 0;
    height: 32px;
    justify-content: center;
    margin-left: 10px;
    width: 32px
}

@media screen and (max-width:1023px) {
    .send-tip-button__icon-container {
        height: 28px;
        width: 28px
    }
}

.send-tip-button__icon {
    fill: #ff414f;
    height: 20px;
    margin: 0;
    width: 20px
}

.send-tip-button__short-text {
    display: none
}

@media screen and (max-width:320px) {
    .send-tip-button__short-text {
        display: inline
    }
}

@media screen and (max-width:479px) {
    .send-tip-button__short-text.short-on-s-devices {
        display: inline
    }
}

@media screen and (max-width:320px) {
    .send-tip-button__full-text {
        display: none
    }
}

@media screen and (max-width:479px) {
    .send-tip-button__full-text.short-on-s-devices {
        display: none
    }
}

.send-tip-button--private .send-tip-button__icon {
    color: #fff;
    fill: #feb601
}

.send-tip-button--private-active,
.send-tip-button--private-active:active,
.send-tip-button--private-active:focus {
    background-color: #6f5001;
    color: #fff
}

.send-tip-button--private-active:active:hover,
.send-tip-button--private-active:focus:hover,
.send-tip-button--private-active:hover {
    background-color: #936a01;
    color: #fff
}

.cam-2-cam-player-button {
    align-items: center;
    display: flex;
    height: 36px
}

.cam-2-cam-player-button__text {
    font-size: 15px;
    font-weight: 500;
    letter-spacing: normal;
    line-height: normal
}

.cam-2-cam-player-button__excl-private-enabled-text {
    font-size: 15px;
    font-weight: 500;
    letter-spacing: normal;
    line-height: normal
}

@media screen and (max-width:360px) {
    .cam-2-cam-player-button__excl-private-enabled-text {
        font-size: 13px;
        font-weight: 500;
        letter-spacing: normal;
        line-height: normal
    }
}

@media screen and (max-width:1024px) {
    .cam-2-cam-player-button__excl-private-enabled-text--long {
        display: none
    }
}

@media screen and (min-width:1025px) {
    .cam-2-cam-player-button__excl-private-enabled-text--short {
        display: none
    }
}

.cam-2-cam-player-button__camera-icon {
    height: 24px;
    width: 24px;
    margin-right: 10px
}

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

.cam-2-cam-player-button__dropdown-icon {
    fill: currentColor;
    width: 12px;
    height: 7px;
    margin-right: 0;
    margin-left: 6px;
    margin-top: 3px
}

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

.line-through-text {
    position: relative
}

.line-through-text:before {
    width: calc(100% + 6px);
    position: absolute;
    display: block;
    content: "";
    height: 2px;
    left: -3px;
    top: 50%
}

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

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

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

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

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

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

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

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

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

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

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

.view-cam-controls__discount {
    background-image: url(/assets/features/discounts/images/user-active-discount.svg);
    position: absolute;
    width: 30px;
    height: 30px;
    left: -12px;
    top: -7px
}

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

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

.view-cam-controls .view-cam-buttons-wrapper>*+* {
    margin-left: 5px;
}

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

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

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

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

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

.view-cam-controls__end-cam2cam,
.view-cam-controls__end-private {
    white-space: nowrap
}

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

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

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

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

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

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

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

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

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

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

.view-cam-controls .btn-apply-alter>.icon {
    fill: #000;
    transition: all 90ms ease-in-out 0s
}

@media (pointer:fine) {

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.view-cam-controls__stop-spy {
    margin-right: 18px
}

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

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

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

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

.view-cam-controls:not(.with-new-send-tip) .view-cam-controls__end-cam2cam,
.view-cam-controls:not(.with-new-send-tip) .view-cam-controls__end-private,
.view-cam-controls:not(.with-new-send-tip) .view-cam-controls__private-tip {
    font-size: 13px;
    line-height: 30px;
    max-height: 36px
}

.view-cam-controls:not(.with-new-send-tip) .view-cam-controls__end-private {
    margin-right: auto
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .view-cam-controls:not(.with-new-send-tip) .view-cam-buttons-wrapper>*+* {
        margin-right: 0
    }

    .view-cam-controls:not(.with-new-send-tip) .view-cam-buttons-wrapper--private-or-cam2cam {
        margin-right: auto
    }

    .view-cam-controls:not(.with-new-send-tip) .view-cam-buttons-wrapper--spy {
        margin-right: 0
    }

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

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

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

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

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

    .view-cam-controls:not(.with-new-send-tip) .view-cam-controls__end-private {
        margin-right: 0
    }

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

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

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

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

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

    .view-cam-controls:not(.with-new-send-tip) .view-cam-controls-wrapper--spy {
        justify-content: flex-start
    }

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

    .view-cam-controls:not(.with-new-send-tip) .view-cam-buttons-wrapper>*+* {
        margin-right: 10px;
        margin-left: 0
    }

    .view-cam-controls:not(.with-new-send-tip) .view-cam-buttons-wrapper--offline>*+* {
        margin-left: 10px;
        margin-right: 0
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

    .view-cam-controls .view-cam-buttons-wrapper>*+* {
        margin-left: 0;
        margin-right: 5px
    }

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

    .view-cam-controls .view-cam-buttons-wrapper--offline>*+*,
    .view-cam-controls .view-cam-buttons-wrapper--private-or-cam2cam>*+* {
        margin-left: 18px;
        margin-right: 0
    }

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

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

@media screen and (max-width:1023px) {
    .with-new-send-tip .view-cam-controls-toolbox-end {
        margin-left: 0
    }
}

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

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

    .view-cam-controls .view-cam-buttons-wrapper>*+* {
        margin-left: 0;
        margin-right: 5px;
    }

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

    .view-cam-controls .view-cam-buttons-wrapper--offline>*+*,
    .view-cam-controls .view-cam-buttons-wrapper--private-or-cam2cam>*+* {
        margin-left: 16px;
        margin-right: 0
    }

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

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

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

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

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

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

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

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

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

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

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

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

    .view-cam-controls .view-cam-buttons-wrapper>*+* {
        margin-left: 0;
        margin-right: 5px
    }

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

    .view-cam-controls .view-cam-buttons-wrapper--private-or-cam2cam>*+* {
        margin-left: 10px;
        margin-right: 0
    }

    .view-cam-controls .view-cam-buttons-wrapper--offline {
        flex-direction: row-reverse;
        margin-right: -10px
    }

    .view-cam-controls .group-show-btn .icon-group {
        display: none !important
    }

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

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

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

    .view-cam-controls.with-new-send-tip .view-cam-controls-wrapper--spy {
        justify-content: flex-end
    }
}

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

@media screen and (min-width:1024px) {

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

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

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

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

@media screen and (max-width:424px) {
    .view-cam-controls__end-cam2cam {
        fill: #af262f;
        height: 36px;
        padding: 0;
        width: 36px;
        display: flex;
        align-items: center;
        justify-content: center
    }

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

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

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

.epic-goal-progress {
    align-items: center;
    background-color: #3b3b3b;
    border-radius: 4px;
    border: 1px solid transparent;
    display: flex;
    height: 48px;
    justify-content: space-between;
    overflow: hidden;
    position: relative;
    width: 100%
}

.epic-goal-progress__wrap {
    --progress-bar-wrapper-height: 32px;
    --view-cam-shift: calc(var(--progress-bar-wrapper-height) / 2);
    --progress-bar-shift: calc(var(--progress-bar-wrapper-height) + 2px);
    position: relative;
    display: flex;
    align-content: center
}

.epic-goal-progress__wrap--player {
    pointer-events: all
}

.epic-goal-progress__wrap--view-cam {
    --progress-bar-wrapper-height: 28px
}

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

.epic-goal-progress__wrap--on-broadcast-page {
    --progress-bar-wrapper-height: 32px
}

.epic-goal-progress__wrap:hover {
    filter: brightness(1.15)
}

.epic-goal-progress__content {
    position: relative;
    width: 100%;
    margin-left: 2px;
    border-radius: 0px 8px 8px 0px;
    overflow: hidden
}

.epic-goal-progress__content--player {
    border-radius: 0px 8px 8px 0px
}

.epic-goal-progress__tokens {
    color: #b2e345;
    font-weight: 700
}

.epic-goal-progress__tokens--player {
    color: #b2e345
}

.epic-goal-progress__tooltip {
    pointer-events: all
}

.epic-goal-progress__tooltip .tooltip-inner {
    border-radius: 8px;
    padding: 10px;
    text-align: center
}

.epic-goal-progress__complete-button-wrap {
    margin-top: 10px
}

.epic-goal-progress__tokens-label {
    color: #b2e345
}

.epic-goal-progress__tokens-highlight {
    color: #f8f8f8
}

.epic-goal-progress__icon-wrap {
    background-color: #6c903e;
    border-radius: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    z-index: 3;
    width: var(--progress-bar-wrapper-height);
    height: var(--progress-bar-wrapper-height);
    box-shadow: 0 0 4px rgba(0, 0, 0, .25)
}

.epic-goal-progress__icon {
    margin: 0;
    color: #f8f8f8
}

.epic-goal-progress__animation-container {
    position: absolute;
    left: var(--view-cam-shift);
    right: 0;
    top: 0;
    bottom: 0;
    border-radius: 4px;
    overflow: hidden;
    z-index: 2
}

.epic-goal-progress__animation-container.epic-goal-progress__animation-container--animate::before {
    background: #8bbf00
}

.epic-goal-progress.epic-goal-progress--animate::before,
.epic-goal-progress__animation-container--animate::before {
    animation: progress 1s linear;
    background-color: #af7aff;
    border-radius: 100%;
    content: "";
    display: block;
    height: 200px;
    left: 0;
    opacity: 1;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%) scale(0);
    width: 100%;
    z-index: 2
}

.epic-goal-progress--view-cam {
    height: var(--progress-bar-wrapper-height);
    border-radius: 0px 8px 8px 0px;
    border-left: none;
    background-color: #303133;
    padding: 5px 5px 5px 0;
    width: 100%
}

.epic-goal-progress--player {
    height: var(--progress-bar-wrapper-height);
    background-color: rgba(0, 0, 0, .4);
    border-radius: 0px 8px 8px 0px;
    width: 100%;
    border: 1px solid transparent
}

.epic-goal-progress.epic-goal-progress--reached {
    background-color: rgba(248, 248, 248, .1)
}

.epic-goal-progress__inner {
    background: #9147ff;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
    transition: all ease .25s;
    z-index: 1;
    height: var(--progress-bar-wrapper-height)
}

.epic-goal-progress__inner--view-cam {
    background: linear-gradient(90deg, #4d660d 0%, #698817 99.22%)
}

.epic-goal-progress__inner--player {
    background: linear-gradient(90deg, #4d660d 0%, #698817 99.22%)
}

.epic-goal-progress__progress-filler {
    position: absolute;
    left: var(--view-cam-shift);
    top: 0;
    bottom: 0;
    width: calc(var(--progress-bar-shift) - var(--view-cam-shift));
    z-index: 1;
    background-color: #303133;
    border-top: 1px solid transparent;
    border-bottom: 1px solid transparent
}

.epic-goal-progress__progress-filler--player {
    background-color: rgba(0, 0, 0, .4)
}

.epic-goal-progress__progress-filler--active {
    background: #4e670f;
    border-top: none;
    border-bottom: none
}

.epic-goal-progress__progress-filler--player.epic-goal-progress__progress-filler--active {
    background: #4e670f
}

.epic-goal-progress__information {
    color: #f8f8f8;
    font-weight: 500;
    margin-left: 6px;
    z-index: 2;
    font-size: 1.125rem
}

.epic-goal-progress__information .epic-goal-progress__total {
    color: rgba(248, 248, 248, .6)
}

.epic-goal-progress__information--view-cam {
    font-size: .813rem;
    color: #f8f8f8;
    margin-left: 6px;
    padding-right: 10px
}

@media screen and (max-width:1279px) {
    .epic-goal-progress__information--view-cam {
        line-height: .875rem
    }
}

.epic-goal-progress__information--player {
    font-size: .75rem;
    line-height: .75rem;
    color: #f8f8f8;
    margin-left: 6px;
    padding-right: 10px
}

.epic-goal-progress .epic-goal-progress__status {
    color: rgba(248, 248, 248, .6);
    font-weight: 700;
    margin-right: 16px;
    z-index: 2;
    font-size: 1.125rem
}

.epic-goal-progress .epic-goal-progress__status--view-cam {
    font-size: .813rem;
    color: #f0f0f0;
    margin-right: 5px
}

@keyframes progress {
    to {
        opacity: 0;
        transform: translate(-50%, -50%) scale(2.5)
    }
}

.view-cam-info-goal {
    flex: 1;
    flex-basis: auto;
    flex-grow: 1;
    flex-shrink: 1
}

.view-cam-info-goal .icon-goal {
    opacity: .8
}

.view-cam-info-goal__title {
    color: #fff;
    font-weight: 400;
    margin: 0;
    margin-bottom: 7px;
    word-break: break-word;
    display: block;
    font-size: .875rem;
    letter-spacing: .019rem;
    line-height: 1.063rem
}

.view-cam-info-goal__title.view-cam-info-topic {
    color: rgba(248, 248, 248, .8);
    margin: 8px 0 0;
    font-size: .75rem;
    line-height: 1rem
}

.view-cam-info-goal .goal-amount {
    color: #b2e345;
    font-weight: 700
}

.view-cam-info-goal .gray {
    color: rgba(248, 248, 248, .6);
    font-weight: 400
}

.view-cam-info-goal .tooltip {
    font-weight: 700;
    line-height: 1.25rem;
    font-size: .813rem
}

.view-cam-info-goal--player-controls .view-cam-info-goal__title {
    color: #fff
}

.view-cam-info-goal--player-controls .view-cam-info-goal__title.view-cam-info-topic {
    color: rgba(255, 255, 255, .8)
}

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

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

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

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

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

.view-cam-info .tooltip button:not(.epic-goal-progress__complete-button) {
    background: #ffa900;
    font-weight: 700;
    margin: 10px 0
}

.view-cam-info .tooltip button:not(.epic-goal-progress__complete-button):hover {
    background: rgba(255, 169, 0, .9)
}

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

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

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

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

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

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

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

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

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

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

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

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

.view-cam-info .king-icon {
    fill: currentColor
}

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

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

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

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

@media screen and (max-width:1023px) {
    .view-cam-info {
        background-color: #202020;
        margin: 0;
        min-height: 0
    }

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

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

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

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

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

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

    .view-cam-info .view-cam-info-goal__title{
        font-size: 1rem;
        margin-bottom: 0;
    }
}

.subscribe-button-container {
    display: inline-block;
    position: relative
}

.subscribe-button-container .subscribe-button {
    align-items: center;
    justify-content: center;
    margin-right: 0;
    text-shadow: none;
    display: flex;
    flex-direction: row
}

.subscribe-button-container .icon {
    margin-right: 7px
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.vc-status-hint {
    align-items: center;
    background: #222;
    color: rgba(255, 255, 255, .6);
    font-weight: 400;
    justify-content: center;
    padding: 16px 28px;
    font-size: .688rem;
    display: flex;
    flex-direction: row
}

.vc-status-hint .vc-status-hint-icon-box {
    margin: 0 10px 0 0
}

.vc-status-hint .vc-status-hint-icon {
    fill: rgba(255, 255, 255, .4);
    height: 24px;
    margin: 0;
    width: 27px
}

.vc-status-hint .vc-status-hint-text {
    text-align: center
}

@media screen and (min-width:640px) {
    .vc-status-hint {
        background: rgba(255, 255, 255, .07);
        padding: 16px 20px;
        font-size: .813rem
    }
}

.strip-backdrop {
    background: rgba(0, 0, 0, .75);
    z-index: -1;
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.strip-backdrop.flashlight {
    background: radial-gradient(circle at 50% 45%, rgba(0, 0, 0, .65) 0%, #000 60%)
}

.vc-status {
    align-items: stretch;
    color: #f1f1f1;
    justify-content: center;
    overflow: hidden;
    padding: 20px;
    text-align: center;
    z-index: 3;
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    display: flex;
    flex-direction: column
}

.vc-status .status {
    margin-bottom: 10px
}

.vc-status .status .status-text {
    color: #fff;
    display: inline-block;
    opacity: .8;
    font-size: 1.5rem
}

.vc-status .vc-status-body {
    align-items: center;
    justify-content: center;
    flex: 1;
    flex-basis: auto;
    flex-grow: 1;
    flex-shrink: 1;
    display: flex;
    flex-direction: column
}

.vc-status .vc-status-footer {
    margin: 0
}

.vc-status .vc-status-heading-icon {
    color: #f8f8f8;
    height: 48px;
    margin: 0;
    width: 48px
}

.vc-status .vc-status-heading-text {
    color: #f8f8f8;
    font-weight: 400;
    margin: 0;
    max-width: 90%;
    padding: 10px 0 0;
    font-size: 1.125rem
}

.vc-status .vc-status-subheading-text {
    background-color: #2f2f2f;
    color: #fff;
    font-style: italic;
    font-weight: 500;
    letter-spacing: -.1px;
    margin: 15px 0 0;
    max-width: 80%;
    padding: 12px;
    position: relative;
    text-shadow: none;
    border-radius: 12px;
    font-size: .875rem;
    line-height: 1.063rem
}

.vc-status .vc-status-subheading-text .icon {
    fill: #fff;
    margin-right: 10px
}

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

.vc-status .vc-status-body-text {
    color: rgba(248, 248, 248, .8);
    font-weight: 400;
    letter-spacing: -.1px;
    margin-top: 20px;
    max-width: 80%;
    padding: 10px 0 0;
    position: relative;
    font-size: .875rem;
    line-height: 1.375rem
}

.vc-status .vc-status-body-text::before {
    border-top: 1px solid rgba(255, 255, 255, .26);
    content: "";
    left: 30%;
    position: absolute;
    right: 30%;
    top: 0
}

@media screen and (max-width:479px) {
    .vc-status .vc-status-body-text {
        margin-top: 10px
    }
}

.vc-status .vc-status-private-btn {
    align-items: center;
    font-weight: 700;
    margin: 0;
    display: flex;
    flex-direction: row
}

.vc-status .vc-status-first-some-seconds-free {
    font-size: 13px;
    font-weight: 700;
    letter-spacing: normal;
    line-height: normal;
    margin-top: 10px
}

.vc-status .vc-status-first-some-seconds-free-green {
    color: #bbe14f
}

.vc-status .vc-status-private-btn-icon {
    align-self: center;
    display: none;
    height: 22px;
    margin: 0 8px 0 0;
    width: 22px
}

.vc-status.status-p2p,
.vc-status.status-private {
    padding: 0
}

@media screen and (max-width:479px) {
    .vc-status.status-p2p .vc-status-body {
        margin: 12px 0
    }

    .vc-status.status-p2p .vc-status-body-text {
        margin-top: 10px
    }
}

.vc-status.status-private .vc-status-controls {
    display: flex;
    flex-direction: column;
    margin-top: 20px
}

@media screen and (max-width:479px) {
    .vc-status.status-private .vc-status-body {
        margin: 12px 0
    }
}

.vc-status.status-groupShow .strip-backdrop {
    display: none
}

.vc-status.status-groupShow .vc-status-heading-icon {
    height: 48px
}

.vc-status.status-groupShow .vc-status-heading-icon.icon-ticket {
    height: 48px
}

.vc-status.status-groupShow .vc-status-undercontrols-text {
    align-items: center;
    margin-top: 20px;
    opacity: .6;
    padding: 0;
    display: flex;
    flex-direction: row;
    font-size: .813rem;
    line-height: 1.063rem
}

.vc-status.status-groupShow .vc-status-undercontrols-text::before {
    display: none
}

.vc-status.status-groupShow .vc-status-controls {
    margin-top: 20px;
    padding-top: 20px;
    position: relative
}

.vc-status.status-groupShow .vc-status-controls .icon {
    height: 13px;
    margin-right: 8px;
    width: 24px
}

.vc-status.status-groupShow .vc-status-controls::before {
    background-color: rgba(255, 255, 255, .21);
    content: " ";
    height: 1px;
    left: -15%;
    position: absolute;
    top: 0;
    width: 130%
}

.vc-status.status-groupShow .view-cam-groupShow-watchers {
    margin-top: 20px
}

.vc-status.status-groupShow .vc-status-subheading-text {
    margin-top: 10px;
    font-size: .875rem
}

@media screen and (max-width:1023px) {
    .vc-status {
        padding: 20px 10px
    }

    .vc-status .status {
        font-size: 1.5rem
    }
}

@media screen and (max-width:600px) {
    .vc-status {
        padding: 20px 10px
    }

    .vc-status .status {
        font-size: 1.25rem
    }
}

@media screen and (max-width:479px) {
    .vc-status {
        bottom: initial;
        left: initial;
        position: relative;
        right: initial;
        top: initial
    }
}

@media screen and (max-width:479px) {
    .vc-status .vc-status-controls .icon {
        display: none
    }

    .vc-status.status-groupShow .vc-status-heading-text {
        padding-top: 10px
    }

    .vc-status.status-groupShow .vc-status-subheading-text {
        margin-top: 8px
    }

    .vc-status.status-groupShow .vc-status-undercontrols-text {
        margin-top: 10px
    }
}

@media screen and (min-width:640px) {
    .vc-status .vc-status-body {
        padding: 0 0 24px
    }

    .vc-status .vc-status-heading-text {
        margin: 0;
        padding: 10px 0 0;
        font-size: 1.5rem
    }

    .vc-status .vc-status-body-text {
        max-width: 60%;
        padding: 13px 0 0;
        font-size: 1rem;
        line-height: 1.813rem
    }

    .vc-status .vc-status-footer {
        align-self: center;
        margin: 0 0 36px;
        max-width: 90%
    }

    .vc-status .vc-status-private-btn {
        font-weight: 700;
        font-size: 1rem
    }

    .vc-status .vc-status-private-btn-icon {
        display: inline-block
    }

    .vc-status.status-group .vc-status-body-text {
        margin: 20px 0
    }

    .vc-status.status-group .vc-status-controls .icon {
        display: inline-block
    }
}

@media screen and (min-width:1366px) {
    .vc-status .vc-status-heading-icon {
        height: 70px;
        width: 70px
    }
}

@media screen and (min-width:1600px) {
    .vc-status .vc-status-heading-icon {
        height: 85px;
        width: 85px
    }

    .vc-status .vc-status-heading-text {
        margin: 0;
        padding: 28px 0 0;
        font-size: 1.75rem
    }

    .vc-status .vc-status-body-text {
        padding: 27px 0 0;
        font-size: 1.25rem;
        line-height: 1.813rem
    }

    .vc-status .vc-status-footer {
        margin: 0 0 50px
    }
}

.vc-status-elapsed-show-time {
    color: rgba(248, 248, 248, .7);
    margin-bottom: 3px;
    margin-top: 8px;
    font-size: .813rem
}

@media screen and (max-height:900px) {
    .view-cam .main.hd .vc-status-footer {
        display: none
    }
}

@media screen and (min-width:1024px) and (max-width:1060px) {
    .view-cam .main.hd .vc-status-footer {
        display: none
    }
}

.lets-chat-plasma {
    align-items: center;
    border-radius: 70px;
    display: flex;
    flex-direction: row;
    font-size: 14px;
    font-weight: 500;
    height: 40px;
    justify-content: center;
    margin: 0;
    padding: 12px 20px
}

.lets-chat-plasma .plasma-icon {
    background: url(/assets/common/images/plasma-dark.svg) no-repeat center;
    height: 16px;
    margin-right: 6px;
    width: 16px
}

@media screen and (max-width:767px) {
    .lets-chat-plasma {
        height: 32px
    }
}

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

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

@media (pointer:fine) {

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.subscribe-switch-container {
    align-items: center;
    background: #2f2f2f;
    border-radius: 12px;
    height: 34px;
    justify-content: center;
    padding: 10px 6px 10px 10px;
    display: flex;
    flex-direction: row
}

.subscribe-switch-container .subscribe-caption {
    color: #f7f7f7;
    font-size: 13px;
    font-weight: 500;
    line-height: 20px;
    margin-left: 9px
}

.subscribe-switch-container .icon-notifications-2 {
    color: #f7f7f7
}

.subscribe-switch .switcher-label .icon {
    visibility: hidden
}

.subscribe-switch.switcher.medium {
    background-clip: padding-box;
    border: 1px solid rgba(255, 255, 255, .2);
    display: inline-block;
    height: 32px;
    margin: 0;
    width: 56px
}

.subscribe-switch.switcher.medium .switcher-label .icon {
    fill: #000;
    margin: 0;
    width: 14px
}

.subscribe-switch.switcher.medium .switcher-switch {
    background-color: #979797;
    box-shadow: 0 2px 4px rgba(0, 0, 0, .2)
}

.subscribe-switch.switcher.medium.on .switcher-switch {
    background-color: #eaeaea
}

.subscribe-switch.switcher.medium.on .switcher-wrapper {
    transform: translateX(0)
}

.add-to-calendar-tooltip {
    padding: 0
}

.add-to-calendar-tooltip>.tooltip-inner {
    max-width: calc(100vw - 22px);
    width: 350px;
    padding: 20px 0;
    background-color: #2e2e2e;
    border-radius: 12px;
    box-shadow: 0px 0px 13px rgba(0, 0, 0, .45);
    color: #fff
}

.add-to-calendar-tooltip>.tooltip-inner::before {
    display: none
}

.add-to-calendar-tooltip__close-button {
    align-items: center;
    color: rgba(248, 248, 248, .4);
    cursor: pointer;
    display: flex;
    height: 30px;
    justify-content: center;
    position: absolute;
    right: 0;
    top: 0;
    width: 30px
}

.add-to-calendar-tooltip__close-button:hover {
    color: rgba(248, 248, 248, .8)
}

.add-to-calendar-tooltip__close-icon {
    height: 10px;
    margin: 0;
    width: 10px
}

.add-to-calendar-tooltip__header {
    border-bottom: 1px solid rgba(248, 248, 248, .1);
    padding: 0 20px 20px;
    display: flex;
    align-items: center
}

.add-to-calendar-tooltip__header-icon-wrapper {
    border-radius: 50%;
    background: rgba(255, 255, 255, .09);
    height: 52px;
    width: 52px;
    flex: 0 0 52px;
    margin-right: 14px;
    align-items: center;
    justify-content: center;
    display: flex;
    flex-direction: row
}

.add-to-calendar-tooltip__header-icon {
    color: #fff;
    opacity: .7;
    height: 23px;
    width: 23px;
    margin: 0
}

.add-to-calendar-tooltip__title {
    color: #fff;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: normal;
    line-height: normal
}

.add-to-calendar-tooltip__body {
    margin-top: 10px
}

.add-to-calendar-tooltip__calendar {
    display: flex;
    align-items: center;
    padding: 12px 20px;
    width: 100%
}

.add-to-calendar-tooltip__calendar:hover {
    background: #232323
}

.add-to-calendar-tooltip__calendar-icon {
    width: 24px;
    height: 24px;
    margin-right: 13px
}

.add-to-calendar-tooltip__calendar-icon-apple {
    color: #fff
}

.add-to-calendar-tooltip__calendar-name {
    font-size: 14px;
    font-weight: 400;
    letter-spacing: normal;
    line-height: 1.3;
    color: #fff
}

.add-to-calendar-tooltip__calendar-name-apple {
    display: flex;
    flex-direction: column;
    align-items: flex-start
}

.add-to-calendar-tooltip__fade {
    opacity: .6;
    margin-top: 3px;
    font-size: 12px;
    font-weight: 400;
    letter-spacing: normal;
    line-height: 15px
}

.add-to-calendar-tooltip__footer {
    padding: 0 20px;
    margin-top: 10px
}

.add-to-calendar-tooltip__info-list {
    margin: -2px 0;
    background: rgba(255, 255, 255, .04);
    padding: 10px 10px 10px 30px;
    list-style: disc;
    border-radius: 6px
}

.add-to-calendar-tooltip__info-list-item {
    color: #fff;
    opacity: .6;
    margin: 2px 0;
    font-size: 12px;
    font-weight: 400;
    letter-spacing: normal;
    line-height: 15px
}

.add-to-calendar-button__icon {
    margin: 0
}

.add-to-calendar-from-offline-view-cam__button {
    border: 2px solid #5b5b5b;
    border-radius: 12px;
    padding-left: 7px;
    padding-right: 7px;
    height: 34px;
    display: flex;
    align-items: center;
    color: #f8f8f8
}

.add-to-calendar-from-offline-view-cam__button:hover {
    border: 2px solid #9a9a9a;
    color: #fff
}

.add-to-calendar-from-offline-view-cam__button:hover .add-to-calendar-from-offline-view-cam__icon {
    transform: scale(1.2)
}

@media screen and (max-width:424px) {
    .add-to-calendar-from-offline-view-cam__button {
        margin-left: 10px
    }
}

.add-to-calendar-from-offline-view-cam__text {
    margin-right: 8px
}

.add-to-calendar-from-offline-view-cam__icon {
    transition: transform 150ms;
    color: #b2e345
}

.vc-status-offline {
    align-items: center;
    display: flex;
    justify-content: center;
    overflow: hidden;
    padding: 16px;
    text-align: center;
    z-index: 3;
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    display: flex;
    flex-direction: column
}

@media screen and (max-width:1023px) {
    .vc-status-offline {
        bottom: initial;
        left: initial;
        position: relative;
        right: initial;
        top: initial;
        height: 100%
    }
}

.vc-status-offline .offline-status,
.vc-status-offline .offline-status.mobile-relative {
    align-self: center;
    display: inline-block;
    margin-top: 12px;
    max-width: 536px;
    padding: 0;
    position: relative;
    word-wrap: break-word;
    z-index: 1;
    font-size: .875rem
}

.vc-status-offline .offline-status.mobile-relative>.tooltip-arrow,
.vc-status-offline .offline-status>.tooltip-arrow {
    border-bottom-color: #3b3b3b;
    border-width: 0 5px 5px;
    display: block;
    left: calc(50% - 5px);
    top: 0
}

.vc-status-offline .offline-status.mobile-relative>.tooltip-inner,
.vc-status-offline .offline-status>.tooltip-inner {
    background-color: #3b3b3b;
    border-radius: 12px;
    color: #fff;
    font-size: 14px;
    font-style: italic;
    font-weight: 400;
    line-height: 18px;
    max-width: 100%;
    padding: 12px;
    text-align: center
}

.vc-status-offline .offline-status.mobile-relative>.tooltip-inner .icon-megaphone-bold,
.vc-status-offline .offline-status>.tooltip-inner .icon-megaphone-bold {
    fill: #fff;
    height: 15px;
    margin-bottom: 2px;
    margin-right: 9px;
    width: 15px
}

.vc-status-offline .offline-status-time {
    color: #f8f8f8;
    margin-top: 8px;
    opacity: .6;
    font-size: .875rem
}

.vc-status-offline .private-and-start-chatting {
    display: flex;
    justify-content: center
}

.vc-status-offline .private-and-start-chatting-card {
    align-items: center;
    background: #474747;
    border-radius: 12px;
    display: flex;
    flex: none;
    flex-direction: column;
    flex-grow: 0;
    justify-content: center;
    left: 0px;
    margin-top: 14px;
    order: 0;
    padding: 16px;
    position: static;
    top: 0px;
    width: 260px
}

.vc-status-offline .private-and-start-chatting-card .private-and-start-chatting-title {
    color: #fff;
    font-size: 17px;
    font-weight: 500;
    line-height: 22px;
    margin-bottom: 16px;
    text-align: center
}

.vc-status-offline .private-and-start-chatting-card .private-and-start-chatting-body {
    color: #fff;
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
    margin-bottom: 16px;
    opacity: .8;
    text-align: center
}

.vc-status-offline .private-and-start-chatting-card.single {
    min-width: 332px
}

.vc-status-offline .private-and-start-chatting-card.single .private-and-start-chatting-body,
.vc-status-offline .private-and-start-chatting-card.single .private-and-start-chatting-title {
    margin-bottom: 24px
}

.vc-status-offline .private-and-start-chatting-card+.private-and-start-chatting-card {
    margin-left: 16px
}

.vc-status-offline .private-and-start-chatting-button {
    align-items: stretch;
    display: flex;
    flex-direction: column;
    margin-top: auto;
    min-width: 167px
}

.vc-status-offline .private-and-start-chatting-button .btn {
    height: 40px
}

.vc-status-offline .vc-status-offline-bottom {
    margin-top: 22px
}

.vc-status-offline .vc-status-next-broadcast .schedule-next-informer {
    margin: 0
}

.vc-status-offline .vc-status-subscribe {
    display: flex;
    justify-content: center;
    margin-top: 12px
}

.vc-status-offline .vc-status-avatar-container {
    align-items: center;
    display: flex;
    flex-direction: column;
    position: relative
}

.vc-status-offline .vc-status-avatar-container.avatar-hidden .availability-status {
    position: relative
}

.vc-status-offline .vc-status-avatar-container.avatar-hidden .vc-status-offline-avatar {
    display: none
}

.vc-status-offline .vc-status-offline-avatar {
    flex-shrink: 0;
    height: 90px;
    width: 90px
}

.vc-status-offline .availability-status {
    align-items: center;
    border-radius: 5px;
    bottom: 0px;
    box-shadow: 0px 0px 22px rgba(0, 0, 0, .38);
    color: #101010;
    display: flex;
    font-size: 11px;
    font-weight: 700;
    height: 22px;
    justify-content: center;
    line-height: 14px;
    min-width: 63px;
    padding: 4px 8px;
    position: absolute;
    text-align: center;
    text-transform: uppercase;
    white-space: nowrap
}

.vc-status-offline .availability-status.available {
    background: #feb601
}

.vc-status-offline .availability-status.offline {
    background: #fff
}

.vc-status-offline .private-and-start-chatting-mobile-title {
    display: none
}

@media (max-width:1190px) and (orientation:landscape) {
    .vc-status-offline .private-and-start-chatting-card {
        padding: 14px 16px 16px 16px
    }

    .vc-status-offline .private-and-start-chatting-card .private-and-start-chatting-title {
        margin-bottom: 12px
    }

    .vc-status-offline .private-and-start-chatting-card .private-and-start-chatting-body {
        margin-bottom: 16px
    }
}

@media (max-width:767px),
(max-width:1023px) and (orientation:landscape) {

    .vc-status-offline .private-and-start-chatting-body,
    .vc-status-offline .private-and-start-chatting-title {
        display: none
    }

    .vc-status-offline .private-and-start-chatting-mobile-title {
        color: #fff;
        display: block;
        font-size: 13px;
        font-weight: 500;
        line-height: 16px;
        margin-top: 20px;
        opacity: .8;
        text-align: center
    }

    .vc-status-offline .private-and-start-chatting-card {
        align-items: stretch;
        background-color: transparent;
        margin: 0;
        margin-top: 16px;
        min-height: 0;
        padding: 0;
        width: auto
    }

    .vc-status-offline .private-and-start-chatting-button {
        margin-top: 0;
        min-width: 181px
    }

    .vc-status-offline .private-and-start-chatting-button .btn {
        height: 32px
    }

    .vc-status-offline .private-and-start-chatting-card+.private-and-start-chatting-card {
        margin-left: 0
    }

    .vc-status-offline .private-and-start-chatting {
        align-items: center;
        flex-direction: column
    }

    .vc-status-offline .offline-status.mobile-relative>.tooltip-inner,
    .vc-status-offline .offline-status>.tooltip-inner {
        font-size: 12px;
        line-height: 18px;
        padding: 10px
    }

    .vc-status-offline .vc-status-offline-bottom {
        margin-top: 20px
    }
}

.vc-status-offline__button-divider {
    align-self: center;
    background: rgba(255, 255, 255, .4);
    height: 15px;
    width: 1px;
    margin: 0 16px
}

@media screen and (max-width:424px) {
    .vc-status-offline__button-divider {
        display: none
    }
}

.plugin-menu-item {
    background-color: #333;
    transition: background-color .2s ease-in-out;
    padding: 16px;
    display: flex;
    flex-flow: row nowrap;
    justify-content: flex-start;
    align-items: center;
    cursor: pointer;
    border-radius: 4px;
    color: #f8f8f8;
    border: 1px solid transparent
}

.plugin-menu-item-poster {
    width: 100px;
    height: 58px;
    -o-object-fit: fill;
    object-fit: fill;
    margin-right: 20px;
    border-radius: 4px;
    flex-shrink: 0
}

.plugin-menu-item-info {
    margin-right: auto
}

.plugin-menu-item-title {
    font-size: 15px;
    font-weight: 700;
    letter-spacing: normal;
    line-height: normal;
    margin: 0
}

.plugin-menu-item-description {
    font-size: 13px;
    font-weight: 400;
    letter-spacing: normal;
    line-height: normal;
    color: rgba(248, 248, 248, .6);
    margin: 0;
    margin-top: 6px
}

@media screen and (max-width:479px) {
    .plugin-menu-item-description {
        display: none;
        margin-top: 0
    }
}

.plugin-menu-item-description-fullscreen {
    display: none;
    margin-top: 0;
    color: rgba(248, 248, 248, .6)
}

.plugin-menu-item-chevron {
    transition: color .2s ease-in-out;
    margin: 0;
    margin-left: 20px;
    color: rgba(248, 248, 248, .6)
}

.plugin-menu-item-chevron-fullscreen {
    color: rgba(248, 248, 248, .6)
}

.plugin-menu-item:hover {
    background-color: #4d4d4d
}

.plugin-menu-item:hover .plugin-menu-item-chevron {
    color: #f8f8f8
}

.plugin-menu-item-fullscreen {
    color: #f8f8f8;
    background-color: #333;
    border-color: transparent
}

.plugin-menu-item-fullscreen:hover {
    background-color: #4d4d4d
}

.plugin-menu-item-fullscreen:hover .plugin-menu-item-chevron {
    color: #f8f8f8
}

.plugin-menu-item-disabled {
    opacity: .6;
    pointer-events: none
}

.plugin-menu-item-disabled:hover {
    background-color: #333
}

.plugin-menu-item-disabled:hover .plugin-menu-item-chevron {
    color: rgba(248, 248, 248, .6)
}

.plugin-control-content {
    height: 100%;
    width: 100%
}

@media screen and (max-width:639px) {
    .plugin-control-content {
        transition: height .2s, width .2s;
        position: absolute;
        right: 0
    }
}

@media screen and (max-width:639px) {
    .plugin-control-content__mobile-shutter {
        bottom: 20%;
        left: 30%;
        position: absolute;
        right: 0;
        top: 0
    }

    .plugin-control-content__mobile-shutter--fullscreen {
        bottom: 0;
        top: 47%;
        max-height: 50vw;
        transform: translateY(-50%)
    }
}

@media screen and (max-width:479px) {
    .plugin-control-content__mobile-shutter {
        left: 20%
    }
}

.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 {
    transition: transform 240ms ease-in-out;
    transition-delay: 240ms;
    transform: translate(100%, -50%)
}

.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 {
    transition: transform 240ms ease-in-out;
    transform: translate(0, -50%)
}

.plugin-control-content__show-button-wrapper.slide-right-transition-exit.slide-right-transition-exit-active {
    transform: translate(100%, -50%)
}

.plugin-control-content__show-button-wrapper.slide-right-transition-exit-done {
    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;
    width: 56px;
    margin-right: 20px
}

.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;
    width: 34px;
    transition: transform 250ms
}

@media screen and (max-width:639px) {
    .plugin-control-content--zoomed {
        height: 90vw;
        position: absolute;
        right: 0;
        width: 90vw
    }
}

@media screen and (max-width:479px) {
    .plugin-control-content--zoomed {
        width: 110vw;
        height: 110vw
    }
}

.plugin-control-content__zoomed-overlay {
    position: absolute;
    right: 0;
    left: 0;
    top: -10vw;
    height: 130vw;
    z-index: -1
}

.plugin-control-content__transition-group {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden
}

.plugin-control-content__transition {
    width: 100%;
    height: 100%
}

.plugin-control-content__transition.slide-right-transition-appear,
.plugin-control-content__transition.slide-right-transition-enter {
    transition: transform 240ms ease-in-out;
    transition-delay: 240ms;
    transform: translate(100%, 0)
}

.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 {
    transition: transform 240ms ease-in-out;
    transform: translate(0, 0)
}

.plugin-control-content__transition.slide-right-transition-exit.slide-right-transition-exit-active {
    transform: translate(100%, 0)
}

.plugin-control-content__transition.slide-right-transition-exit-done {
    transform: translate(100%, 0)
}

.plugin-control {
    width: 100%;
    height: 100%;
    overflow: hidden
}

.plugin-control__transition {
    transition: transform 240ms ease-in-out;
    width: 100%;
    height: 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 {
    transform: translate(0)
}

.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 {
    max-width: 100%;
    transition: opacity .15s ease-in-out;
    width: 100%
}

.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;
    width: 100%;
    height: 100%
}

.plugin-menu-panel {
    color: #f8f8f8;
    display: none;
    flex-flow: column nowrap;
    flex-grow: 1;
    height: 100%;
    position: relative
}

@media screen and (max-width:1023px) and (orientation:portrait) {
    .plugin-menu-panel {
        min-height: 450px
    }
}

@media screen and (max-width:479px) {
    .plugin-menu-panel {
        min-height: 600px
    }
}

@media screen and (max-width:1023px) and (orientation:landscape) {
    .plugin-menu-panel {
        min-height: 450px
    }
}

.plugin-menu-panel-visible {
    display: flex
}

.plugin-menu-panel-header {
    position: relative;
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center;
    background: 0 0 !important;
    border-bottom: 1px solid rgba(248, 248, 248, .1);
    padding: 12px 20px
}

.plugin-menu-panel-title-fullscreen {
    color: #f8f8f8 !important
}

.plugin-menu-panel-back-icon {
    width: 20px;
    height: 20px;
    margin: 0;
    color: #f8f8f8
}

.plugin-menu-panel-back-icon-fullscreen {
    color: #f8f8f8
}

.plugin-menu-panel-back-button {
    position: absolute;
    left: 12px;
    top: 50%;
    transform: translateY(-50%);
    border-radius: 4px;
    padding: 8px !important
}

.plugin-menu-panel-back-button:hover {
    background-color: #4d4d4d
}

.plugin-menu-panel-back-button-fullscreen:hover {
    background-color: #4d4d4d
}

.plugin-menu-panel-plugin-icon {
    width: 24px;
    height: 24px;
    margin-right: 10px
}

.plugin-menu-panel-iframe {
    flex-grow: 1;
    display: flex
}

@media screen and (max-width:479px) {
    .plugin-menu-panel-iframe {
        width: 100vw
    }
}

.plugin-menu-panel__iframe-menu {
    flex: 1;
    height: auto
}

.plugin-menu-panel::after {
    content: "";
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, .5) 100%);
    bottom: 0;
    display: block;
    position: absolute;
    height: 40px;
    pointer-events: none;
    width: 100%;
    z-index: 1
}

.plugin-menu-panel-fullscreen {
    color: #f8f8f8
}

.plugins-menu-items {
    display: none;
    padding: 16px 20px;
    color: rgba(248, 248, 248, .6);
    flex-flow: column nowrap;
    height: 100%;
    flex: 1
}

.plugins-menu-items--with-continuous-scroll {
    padding-top: 10px;
    padding-bottom: 10px
}

.plugins-menu-items-visible {
    display: flex
}

@media screen and (max-width:1023px) {
    .plugins-menu-items-list {
        margin-top: 0
    }
}

.plugins-menu-items-list>*+* {
    margin-top: 12px
}

.plugins-menu-items-info {
    padding-top: 16px;
    border-top: 1px solid rgba(248, 248, 248, .1);
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    margin-top: auto
}

.plugins-menu-items-info-dice {
    margin-right: 11px;
    width: 14px;
    height: 14px;
    flex-shrink: 0
}

.plugins-menu-items-fullscreen {
    color: rgba(248, 248, 248, .6)
}

.interactive-toy {
    overflow-x: hidden
}

.interactive-toy__title {
    position: relative
}

.interactive-toy__expire-wrapper {
    height: 25px;
    display: flex
}

.interactive-toy td.interactive-toy__expire-label {
    flex: 1;
    text-align: center
}

.interactive-toy__expire-title {
    color: #f8f8f8;
    opacity: .8
}

.interactive-toy.is-model td {
    cursor: auto
}

.interactive-toy.is-model tr:hover {
    background: 0 0
}

.interactive-toy table {
    margin: 10px 0;
    width: 100%;
    display: flex;
    flex-direction: column
}

.interactive-toy table thead tr {
    display: flex
}

.interactive-toy table tbody {
    display: flex;
    flex-direction: column
}

.interactive-toy table tbody tr {
    display: flex;
    border-bottom: 1px solid rgba(248, 248, 248, .03)
}

.interactive-toy table tbody tr:last-of-type {
    border-bottom: 0
}

.interactive-toy table tbody tr.interactive-toy__hide-border {
    border-bottom: none
}

.interactive-toy table tbody tr.disabled {
    opacity: .4
}

.interactive-toy table tbody tr.disabled:hover {
    background-color: inherit
}

.interactive-toy table tbody tr.disabled-give-control:hover {
    background-color: inherit
}

.interactive-toy table tbody tr:hover {
    background-color: rgba(248, 248, 248, .08);
    transition: .2s
}

.interactive-toy table tbody tr.interactive-toy-selected-item {
    background-color: #293a17
}

.interactive-toy table tbody tr.interactive-toy-selected-item:hover {
    background-color: #293a17
}

.interactive-toy table tbody tr.interactive-toy__hide-hover:hover {
    background-color: inherit
}

.interactive-toy table th {
    color: rgba(248, 248, 248, .4);
    font-size: 10px;
    font-weight: 700;
    padding: 10px 10px 16px;
    text-align: right;
    text-transform: uppercase
}

.interactive-toy table th:first-child {
    padding-left: 20px
}

.interactive-toy table th:last-child {
    padding-right: 20px
}

.interactive-toy table td {
    color: #f8f8f8;
    cursor: pointer;
    font-size: 12px;
    font-weight: 500;
    padding: 7px 10px;
    text-align: right
}

.interactive-toy table td:first-child {
    padding-left: 20px
}

.interactive-toy table td.duration {
    color: rgba(248, 248, 248, .6)
}

.interactive-toy table td.duration--control {
    color: #ff0098
}

.interactive-toy table td.duration--disabled {
    opacity: .6
}

.interactive-toy table td.tokens--disabled {
    opacity: .6
}

.interactive-toy table td.tokens {
    white-space: nowrap
}

.interactive-toy table td.power {
    position: relative;
    display: flex;
    align-items: center
}

.interactive-toy table td.power .background-wrapper {
    background-color: rgba(141, 141, 141, .27);
    border-radius: 16px;
    padding: 6px 12px
}

.interactive-toy table td.power .size-constraint {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis
}

.interactive-toy table td.power.power-medium {
    color: #59a6ff
}

.interactive-toy table td.power.power-high {
    color: #ffa400
}

.interactive-toy table td.power.power-ultraHigh {
    color: #ff4000
}

.interactive-toy table td.power.power-ultraHigh .icon {
    height: 11px;
    margin-left: 5px;
    margin-right: 0;
    width: 11px
}

.interactive-toy table td.power.power-special {
    color: #ff0098
}

.interactive-toy table td.power--control {
    color: #ff0098
}

.interactive-toy table td.power .power__label-control--disabled {
    opacity: .6
}

.interactive-toy table td.power .power__icon {
    fill: #ff0098
}

.interactive-toy table td.power .power__icon--outside {
    position: absolute;
    left: -10px;
    top: 50%;
    transform: translate(0, -50%)
}

.interactive-toy table td.power .power__icon--disabled {
    opacity: .6
}

.interactive-toy table td.power.power-random,
.interactive-toy table td.power.power-randomTime {
    color: #953fff
}

.interactive-toy table td.power.power-random .icon,
.interactive-toy table td.power.power-randomTime .icon {
    margin-right: 2px
}

.interactive-toy table td.duration,
.interactive-toy table th.duration {
    flex-basis: 32%;
    padding-right: 30px;
    text-align: left;
    align-items: center;
    display: flex
}

.interactive-toy table td.power,
.interactive-toy table th.power {
    flex: 1;
    text-align: left
}

.interactive-toy table td.tokens {
    align-items: center;
    display: flex
}

.interactive-toy--continuous-scroll-in-tip-menu-enabled table tbody tr:last-of-type {
    border-bottom: 1px solid rgba(248, 248, 248, .03)
}

.interactive-toy__last-tokens-cell {
    padding-right: 20px;
    position: relative
}

.interactive-toy__last-tokens-cell--lovense-active {
    color: #ff0098
}

.interactive-toy .hint-wrapper {
    font-size: 12px;
    margin-top: 28px;
    padding: 0 20px
}

.interactive-toy .hint-wrapper .hint {
    border-top: 1px solid rgba(248, 248, 248, .1);
    color: rgba(248, 248, 248, .4);
    padding: 20px 0
}

.interactive-toy .hint-wrapper .hint .icon {
    fill: rgba(248, 248, 248, .4);
    float: left;
    margin-right: 15px;
    margin-top: 5px
}

.interactive-toy .interactive-toy-alert {
    align-items: center;
    background-color: #303030;
    border-radius: 4px;
    color: rgba(248, 248, 248, .6);
    justify-content: center;
    margin: 10px;
    padding: 15px 40px;
    text-align: center;
    font-size: .75rem;
    line-height: 1rem;
    display: flex;
    flex-direction: row
}

.interactive-toy .interactive-toy-alert .kiiroo-toy-message-link {
    color: rgba(248, 248, 248, .5);
    text-decoration: underline;
    white-space: nowrap;
    transition: all 120ms ease-in-out 0s
}

.interactive-toy .interactive-toy-alert .kiiroo-toy-message-link:hover {
    color: rgba(248, 248, 248, .7)
}

.interactive-toy .interactive-toy__lovense-busy {
    text-align: left;
    opacity: .8;
    padding-top: 6px
}

.interactive-toy .interactive-toy__expire-wrapper:hover,
.interactive-toy .interactive-toy__lovense-busy-row:hover {
    background-color: inherit
}

.interactive-toy .interactive-toy__lovense-busy-timer {
    margin-left: 6px;
    background-color: rgba(255, 255, 255, .06);
    color: #ff0098;
    padding: 2px 4px;
    border-radius: 4px
}

@media (pointer:coarse) {
    .interactive-toy table tbody tr:hover {
        background: 0 0
    }
}

@media screen and (max-width:1023px) {
    .interactive-toy .interactive-toy .interactive-toy__lovense-busy {
        text-align: left
    }

    .interactive-toy table td {
        padding: 8px 0 7px 10px
    }

    .interactive-toy table td.power span.wrapper {
        font-weight: 700;
        display: flex;
        align-items: center
    }

    .interactive-toy table td.power span.duration {
        color: #f8f8f8
    }

    .interactive-toy table td.power span.duration--control {
        color: #ff0098
    }

    .interactive-toy table td.power span.splitter {
        color: rgba(248, 248, 248, .2);
        padding: 0 10px
    }

    .interactive-toy .interactive-toy-selected-item td.power .background-wrapper {
        background: 0 0
    }
}

@media screen and (max-width:320px) {
    .interactive-toy table td {
        padding-right: 0
    }

    .interactive-toy table td:first-child {
        padding-left: 12px
    }

    .interactive-toy table th:first-child {
        padding-left: 12px
    }
}

@media screen and (max-width:479px) {
    .interactive-toy table {
        margin-bottom: 0
    }

    .interactive-toy .hint-wrapper {
        margin-top: 0
    }

    .interactive-toy .hint-wrapper .hint {
        border-top: 0;
        text-align: center
    }

    .interactive-toy .hint-wrapper .hint .icon {
        display: none
    }
}

.tip-confirm-button {
    transform: translate(calc(100% + 30px))
}

@media screen and (min-width:1024px) {
    .tip-confirm-button {
        transition: transform .15s ease-in-out
    }
}

.tip-confirm-button--shown {
    transform: translate(10px);
    margin-left: -10px
}

.tip-confirm-button-button {
    display: none;
    margin: 0;
    line-height: 24px;
    font-weight: 500
}

@media screen and (max-width:1023px) {
    .tip-confirm-button-button {
        line-height: 32px
    }
}

.tip-confirm-button-button--anonymous {
    background-color: #485e33;
    border: 2px solid #6ba234
}

.tip-confirm-button-button--anonymous:hover {
    background-color: #5f863c;
    border-color: #82c043
}

.tip-confirm-button--shown .tip-confirm-button-button {
    display: initial
}

.private-menu .menu-hint {
    padding: 29px 20px 15px
}

.private-menu .activity-list {
    padding: 12px
}

.private-menu .activity {
    position: relative;
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 10px 12px;
    cursor: pointer;
    border-radius: 4px;
    transition: all 120ms ease-in-out 0s
}

.private-menu .activity .activity-title {
    color: #e9a63b;
    flex: auto
}

.private-menu .activity .activity-button {
    font-weight: 400;
    margin: 0
}

.private-menu .activity+.activity::before {
    display: block;
    content: "";
    position: absolute;
    top: 0;
    right: 4px;
    left: 4px;
    height: 1px;
    background-color: rgba(248, 248, 248, .08);
    transition: all 120ms ease-in-out 0s
}

.private-menu .activity:hover {
    background-color: rgba(248, 248, 248, .08)
}

.private-menu .activity:hover+.activity::before,
.private-menu .activity:hover::before {
    background-color: rgba(248, 248, 248, 0)
}

.private-menu .activity-label {
    padding-right: 10px;
    color: #e9a63b;
    font-size: .75rem
}

.private-menu .caption {
    margin: 0 20px;
    padding: 20px 0;
    border-top: 1px solid rgba(248, 248, 248, .1);
    color: rgba(248, 248, 248, .4);
    font-size: .75rem
}

@media screen and (max-width:1023px) {
    .private-menu .activity {
        padding-right: 4px;
        padding-left: 4px;
        justify-content: space-between
    }

    .private-menu .activity .activity-title {
        flex: none;
        background-color: rgba(141, 141, 141, .27);
        border: 1px solid transparent;
        border-radius: 16px;
        font-weight: 700;
        padding: 5px 15px
    }
}

.tip-menu table {
    margin: 10px 0 10px;
    width: 100%;
    display: block;
    overflow: hidden
}

.tip-menu table thead {
    display: contents
}

.tip-menu table tbody {
    display: flex;
    flex-flow: column nowrap
}

.tip-menu table tr {
    align-items: center;
    display: flex;
    flex-flow: row nowrap;
    min-height: 30px
}

.tip-menu table th {
    color: rgba(248, 248, 248, .4);
    font-size: 10px;
    font-weight: 700;
    padding-top: 10px;
    padding-bottom: 16px;
    text-transform: uppercase
}

.tip-menu.is-model td {
    cursor: auto
}

.tip-menu.is-model tr:hover {
    background: 0 0
}

@media screen and (max-width:479px) {
    .tip-menu table {
        margin-bottom: 20px
    }
}

.tip-menu-item {
    border-bottom: 1px solid rgba(248, 248, 248, .03);
    position: relative
}

.tip-menu-item:last-of-type {
    border-bottom: 0
}

@media screen and (min-width:1024px) {
    .tip-menu-item:hover {
        background-color: rgba(248, 248, 248, .08);
        border-bottom-color: transparent;
        transition: .2s
    }
}

.tip-menu-item-selected {
    background-color: #293a17
}

.tip-menu-item-selected .tip-menu-item-activity-cell {
    color: #afff5e
}

.tip-menu-item-selected .tip-menu-item-price-cell>span {
    display: none
}

.tip-menu-item-selected:hover {
    background-color: #293a17
}

@media screen and (max-width:1023px) {
    .tip-menu-item-selected .tip-menu-item-activity-cell span {
        background-color: transparent
    }
}

.tip-menu-item-cell {
    color: #f8f8f8;
    cursor: pointer;
    font-size: 12px;
    font-weight: 500
}

.tip-menu-item-activity-cell {
    flex: 1;
    flex-basis: auto;
    flex-grow: 1;
    flex-shrink: 1;
    display: inline-flex;
    padding: 7px 10px 7px 20px;
    overflow: hidden
}

.tip-menu-item-activity-cell span {
    text-overflow: ellipsis;
    max-width: 100%;
    display: inline-block;
    overflow: hidden;
    white-space: nowrap
}

@media screen and (max-width:1023px) {
    .tip-menu-item-activity-cell span {
        background-color: rgba(248, 248, 248, .18);
        border-radius: 16px;
        font-weight: 700;
        padding: 6px 16px
    }
}

.tip-menu-item-activity-cell-goal {
    display: block !important
}

.tip-menu-item-activity-cell-goal>div {
    color: #afff5e;
    margin-bottom: 8px
}

.tip-menu-item-activity-cell-goal .icon {
    margin-top: -1px
}

.tip-menu-item-price-cell {
    flex: 1;
    flex-basis: auto;
    flex-grow: 1;
    flex-shrink: 1;
    padding: 0 20px 0 10px;
    text-align: right
}

.tip-menu--continuous-scroll-in-tip-menu-enabled .tip-menu-item:last-of-type {
    border-bottom: 1px solid rgba(248, 248, 248, .03)
}

@media screen and (max-width:1023px) {
    .anonymous-tip-switcher .switcher.contrast:not(.on) {
        background: rgba(75, 75, 75, .4)
    }
}

.anonymous-tip-switcher-tooltip .tooltip-close {
    right: 20px;
    top: 18px
}

.anonymous-tip-switcher-tooltip .tooltip-inner {
    background-color: #222;
    border-color: #222;
    box-shadow: 0 0 4px rgba(17, 17, 17, .2);
    position: relative
}

.anonymous-tip-switcher-tooltip.with-new-send-tip .tooltip-inner {
    background-color: #3b3b3b;
    box-shadow: 0 0 15px rgba(0, 0, 0, .4)
}

.anonymous-tip-switcher-tooltip.with-new-send-tip .tooltip-inner:before {
    display: none
}

.anonymous-tip-switcher-tooltip-container {
    min-width: 276px;
    padding: 15px;
    font-size: .813rem
}

.anonymous-tip-switcher-tooltip-container.compact {
    min-width: unset
}

.anonymous-tip-switcher-tooltip-header {
    color: rgba(255, 255, 255, .9);
    font-weight: 700;
    font-size: .938rem
}

.anonymous-tip-switcher-tooltip-subheader {
    color: rgba(255, 255, 255, .6);
    font-weight: 400;
    margin: 15px 0;
    font-size: .813rem;
    line-height: 1.125rem
}

.anonymous-tip-switcher-tooltip-list {
    margin-top: 20px;
    font-size: .75rem;
    line-height: 1.563rem
}

.anonymous-tip-switcher-tooltip-list li {
    background: 0 0 !important;
    border: none !important;
    min-height: auto;
    padding: 0 0 0 22px;
    position: relative;
    white-space: nowrap
}

.anonymous-tip-switcher-tooltip-list li::after {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='100' height='100' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M41.03 80.34L100 21.37 89.74 11.1 30.77 70.1 10.26 49.57 0 59.83l20.51 20.51L30.77 90.6z' fill='%2397ff53'/%3E%3C/svg%3E");
    background-size: 12px 12px;
    content: " ";
    height: 12px;
    left: 0;
    position: absolute;
    top: 3px;
    width: 12px
}

.anonymous-tip-switcher-tooltip-controls {
    display: flex;
    justify-content: center;
    margin-top: 20px
}

.anonymous-tip-switcher-tooltip-controls .btn {
    color: rgba(33, 18, 0, .9);
    height: 41px;
    width: 100%;
    font-size: .938rem
}

.send-tip-comment-animation-enter {
    max-height: 0
}

.send-tip-comment-animation-enter-active {
    max-height: 60px;
    overflow: hidden;
    transition: max-height .3s
}

.send-tip-comment-animation-exit {
    max-height: 60px
}

.send-tip-comment-animation-exit-active {
    max-height: 0;
    overflow: hidden;
    transition: max-height .3s
}

.send-tip-comment-input-wrapper {
    margin-bottom: 18px;
    position: relative
}

.send-tip-comment .send-tip-comment-input.input {
    font-size: 13px;
    font-weight: 500;
    letter-spacing: normal;
    line-height: normal;
    border: 2px solid #000;
    width: 100%
}

.send-tip-comment .send-tip-comment-input.input:active,
.send-tip-comment .send-tip-comment-input.input:focus {
    border-color: #6ba234;
    box-shadow: none
}

.send-tip-comment .send-tip-comment-input.input.is-private:active,
.send-tip-comment .send-tip-comment-input.input.is-private:focus {
    border-color: #feb601
}

.send-tip-comment .send-tip-comment-input.input.with-icon {
    padding-left: 50px
}

.send-tip-comment .send-tip-comment-input.input.with-privacy-toggle {
    padding-right: 120px
}

.send-tip-comment .send-tip-comment-input.input.is-private:active,
.send-tip-comment .send-tip-comment-input.input.is-private:focus {
    border-color: #feb601
}

.send-tip-comment-privacy-switcher {
    bottom: 0;
    position: absolute;
    right: 16px;
    top: 0
}

.send-tip-comment-privacy-switcher-label {
    font-size: 13px;
    font-weight: 400;
    letter-spacing: normal;
    line-height: normal;
    color: #f8f8f8
}

@media screen and (max-width:639px) {
    .send-tip-comment-privacy-switcher-label-full {
        display: none
    }
}

.send-tip-comment-privacy-switcher-label-short {
    align-items: center;
    display: none
}

@media screen and (max-width:639px) {
    .send-tip-comment-privacy-switcher-label-short {
        display: flex
    }
}

.send-tip-comment-privacy-switcher-label-icon {
    fill: currentColor
}

.send-tip-comment-input-icon {
    fill: currentColor;
    left: 20px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%)
}

.send-tip-comment-input-icon.not-available-icon,
.send-tip-comment-input-icon.timeline-icon {
    color: #f8f8f8
}

.send-tip-comment-input-icon.epic-goal-icon {
    color: #a36aff
}

.send-tip-comment-input-icon.chat-actions-icon {
    color: #ff414f
}

.send-tip-controls-comment-switcher-icon {
    fill: currentColor;
    margin: 0
}

.send-tip-controls .send-tip-controls-comment-switcher {
    border-radius: 12px;
    color: rgba(248, 248, 248, .5);
    padding: 9px;
    position: relative
}

.send-tip-controls .send-tip-controls-comment-switcher:hover {
    background-color: rgba(248, 248, 248, .25);
    color: #f8f8f8
}

.send-tip-controls .send-tip-controls-comment-switcher.comment-visible {
    padding: 11px
}

.send-tip-controls-controls-row {
    align-items: center;
    display: flex;
    justify-content: space-between
}

@media screen and (max-width:1023px) {
    .send-tip-controls-controls-row {
        flex-direction: row-reverse
    }
}

.send-tip-controls__send-button {
    align-items: center;
    display: inline-flex;
    flex-flow: row nowrap;
    flex-grow: 1;
    font-size: 15px;
    height: 40px;
    border-radius: 40px;
    justify-content: center;
    margin: 0;
    padding-left: 45px;
    padding-right: 45px;
    max-width: 245px;
    font-weight: 500
}

@media screen and (max-width:1023px) {
    .send-tip-controls__send-button {
        height: 36px;
        border-radius: 36px
    }
}

.send-tip-controls__send-button--anonymous {
    color: #fff;
    background-color: #485e33;
    border: 2px solid #6ba234
}

.send-tip-controls__send-button--anonymous:hover {
    color: #fff;
    background-color: #5f863c;
    border-color: #82c043
}

.send-tip-controls-switchers {
    align-items: center;
    display: flex
}

@media screen and (max-width:1023px) {
    .send-tip-controls-switchers {
        flex-direction: row-reverse
    }
}

.send-tip-controls-anonymous-switcher {
    margin-right: 16px;
    margin-left: 14px
}

.send-tip-controls-anonymous-switcher:only-child {
    margin-right: 0
}

.need-more-tokens-info-modal {
    flex-direction: column;
    align-items: center;
    max-width: 95vw;
    padding: 30px;
    display: flex;
    width: 330px
}

.need-more-tokens-info-modal__icon {
    margin-bottom: 24px;
    margin-right: 0
}

.need-more-tokens-info-modal__title {
    margin-bottom: 20px;
    text-align: center;
    font-weight: 500;
    font-size: 1.125rem;
    line-height: 1.375rem
}

.need-more-tokens-info-modal__title-tokens {
    color: #6ba234
}

.need-more-tokens-info-modal__title-pale {
    opacity: .6
}

.need-more-tokens-info-modal__body {
    color: rgba(248, 248, 248, .8);
    background: #272727;
    margin-bottom: 16px;
    list-style: initial;
    border-radius: 8px;
    max-width: 100%;
    margin-top: 0;
    padding: 16px;
    width: 275px;
    font-size: .875rem;
    line-height: 1.375rem
}

.need-more-tokens-info-modal__body li {
    margin-left: 14px
}

.need-more-tokens-info-modal__hint {
    color: rgba(248, 248, 248, .8);
    margin-bottom: 16px;
    align-items: center;
    display: flex;
    font-size: .813rem;
    line-height: 1.375rem
}

.need-more-tokens-info-modal__hint svg {
    margin-right: 8px;
    fill: #f8f8f8
}

.need-more-tokens-info-modal__confirm-button {
    margin-bottom: 0;
    padding: 0 30px;
    height: 36px;
    font-size: .875rem
}

.need-more-token-one-click {
    flex-direction: row;
    align-items: center;
    display: flex;
    width: 100%
}

.need-more-token-one-click .need-more-token-one-click--in-fullscreen {
    flex-direction: column-reverse;
    align-items: flex-start;
    justify-content: center
}

.need-more-token-one-click .need-more-token-one-click--in-fullscreen.need-more-token-one-click--error {
    flex-direction: column
}

.need-more-token-one-click--error {
    align-items: flex-start;
    margin-top: 10px
}

@media screen and (min-width:640px) {
    .need-more-token-one-click {
        justify-content: space-between
    }
}

.need-more-token-one-click--in-fullscreen .need-more-token-one-click__left {
    width: 100%
}

.need-more-token-one-click__right {
    flex-direction: row;
    align-items: center;
    display: flex;
    flex: 1
}

.need-more-token-one-click--in-fullscreen .need-more-token-one-click__right {
    margin: 13px 0 12px
}

.need-more-token-one-click__highlighted {
    font-weight: 700;
    color: #6ba234
}

.need-more-token-one-click__highlighted--in-private {
    color: #feb601
}

.need-more-token-one-click__button-pale {
    opacity: .6
}

.need-more-token-one-click__icon {
    color: #f8f8f8;
    height: 22px;
    width: 22px;
    margin-right: 8px
}

.need-more-token-one-click--in-fullscreen .need-more-token-one-click__icon {
    color: #f8f8f8
}

.need-more-token-one-click__description {
    font-weight: 400;
    margin-top: 4px;
    opacity: .6;
    font-size: .75rem
}

.need-more-token-one-click--in-fullscreen .need-more-token-one-click__description {
    color: #f8f8f8
}

.need-more-token-one-click__title {
    color: #f8f8f8
}

.need-more-token-one-click--in-fullscreen .need-more-token-one-click__title {
    color: #f8f8f8
}

.need-more-token-one-click__another-amount {
    cursor: pointer;
    font-weight: 400;
    margin-top: 4px;
    opacity: .6;
    text-align: center;
    text-decoration: underline;
    font-size: .75rem;
    transition: all 120ms ease-in-out 0s
}

.need-more-token-one-click--in-fullscreen .need-more-token-one-click__another-amount {
    color: #f8f8f8
}

.need-more-token-one-click__another-amount:hover {
    opacity: 1
}

.need-more-token-one-click__main {
    margin-top: -5px;
    max-height: 45px;
    display: flex;
    width: 100%;
    gap: 12px
}

@media screen and (min-width:1024px) {
    .need-more-token-one-click__main:not(.need-more-token-one-click__main--without-refill) {
        flex-direction: row-reverse
    }
}

.need-more-token-one-click--in-fullscreen .need-more-token-one-click__main {
    flex-direction: column-reverse;
    margin-top: initial;
    max-height: initial;
    gap: initial
}

.need-more-token-one-click__button {
    height: 32px;
    margin: 0
}

.need-more-token-one-click--in-fullscreen .need-more-token-one-click__button {
    width: 100%
}

.need-more-token-one-click__button--big {
    height: 40px
}

.need-more-token-one-click__button--offset {
    margin-top: 8px
}

@media screen and (max-width:479px) {
    .need-more-token-one-click__add-tokens-button--desktop {
        display: none
    }
}

.need-more-token-one-click__loader-box {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center
}

.need-more-token-one-click--in-fullscreen .need-more-token-one-click__loader-box {
    margin: 10px auto
}

.need-more-token-one-click--in-fullscreen .need-more-token-one-click__loader-text {
    color: #f8f8f8
}

.need-more-token-one-click__loader {
    margin-right: 12px !important
}

.need-more-token-one-click__loader .sector-circle {
    border-color: #d7d7d7 #d7d7d7 transparent !important;
    border-width: 3px !important
}

.need-more-token-one-click__error-title {
    flex: 1
}

.need-more-token-one-click__error-label {
    color: #f8f8f8
}

.need-more-token-one-click--in-fullscreen .need-more-token-one-click__error-label {
    color: #f8f8f8
}

.need-more-token-one-click__error-description {
    margin-top: 4px;
    font-size: .75rem
}

.need-more-token-one-click--in-fullscreen .need-more-token-one-click__error-description {
    color: #f8f8f8
}

.need-more-token-one-click__error-box {
    display: flex;
    align-items: center;
    flex: 1
}

.need-more-token-one-click__success {
    color: #6ba234;
    justify-content: center;
    align-items: center;
    line-height: 18px;
    font-size: 15px;
    display: flex;
    width: 100%
}

.need-more-token-one-click__success .icon {
    margin-right: 8px
}

.need-more-token-one-click--in-fullscreen .need-more-token-one-click__success {
    height: 36px
}

.tip-amount__predefined-scroll {
    margin: 0 -12px;
    padding: 0 12px
}

.tip-amount__predefined-scroll.without-scroll {
    margin: 0;
    padding: 0
}

@media screen and (min-width:1024px) {
    .tip-amount__predefined-scroll.without-scroll .tip-amount__predefined-item.send-tip-modal-content-predefined-item {
        width: 88px;
        flex-basis: initial
    }
}

@media screen and (max-width:1023px) {
    .tip-amount__predefined-scroll.without-scroll .tip-amount__predefined {
        flex-flow: wrap
    }
}

.tip-amount__predefined-scroll.predefined-items-length-6 .tip-amount__predefined {
    display: flex;
    justify-content: flex-start
}

.tip-amount__predefined-scroll.predefined-items-length-6 .tip-amount__predefined-item {
    flex: 0 0 75px
}

@media screen and (max-width:1023px) {
    .tip-amount__predefined-scroll.predefined-items-length-6 .tip-amount__predefined-item {
        display: flex;
        justify-content: center;
        margin: 0;
        flex-basis: 33.3333333333%;
        width: auto
    }

    .tip-amount__predefined-scroll.predefined-items-length-6 .tip-amount__predefined-item:nth-child(-n+3) {
        margin-bottom: 12px
    }

    .tip-amount__predefined-scroll.predefined-items-length-6 .tip-amount__predefined-item:nth-child(3n+1) .tip-amount__predefined-item-button {
        margin-right: 6px
    }

    .tip-amount__predefined-scroll.predefined-items-length-6 .tip-amount__predefined-item:nth-child(3n+2) .tip-amount__predefined-item-button {
        margin-left: 6px;
        margin-right: 6px
    }

    .tip-amount__predefined-scroll.predefined-items-length-6 .tip-amount__predefined-item:nth-child(3n+0) .tip-amount__predefined-item-button {
        margin-left: 6px
    }
}

@media screen and (max-width:350px) {
    .tip-amount__predefined-scroll.predefined-items-length-6 .tip-amount__predefined-item .btn {
        padding-left: 0;
        padding-right: 0
    }
}

.tip-amount__predefined {
    display: block;
    white-space: nowrap;
    margin: 0;
    margin-bottom: 10px
}

.tip-amount__predefined-item {
    font-size: 15px;
    width: 75px;
    min-width: 75px;
    display: inline-block
}

@media (max-width:1023px) {
    .tip-amount__predefined-item {
        width: 11.4%
    }
}

@media (max-width:975px) {
    .tip-amount__predefined-item {
        width: 11.3%
    }
}

@media (max-width:870px) {
    .tip-amount__predefined-item {
        width: 14%
    }
}

@media (max-width:550px) {
    .tip-amount__predefined-item {
        width: 16.5%
    }
}

@media (max-width:450px) {
    .tip-amount__predefined-item {
        width: 20%
    }
}

@media (max-width:350px) {
    .tip-amount__predefined-item {
        width: 75px
    }
}

@media (min-aspect-ratio:18/10) and (min-width:1024px) {
    .tip-amount__predefined-item {
        width: 14.5%
    }
}

.tip-amount__predefined-item+.tip-amount__predefined-item {
    margin-left: 12px
}

.tip-amount__predefined-item:last-child {
    margin-right: 12px
}

.tip-amount__predefined-item-button {
    font-size: 17px;
    font-weight: 500;
    letter-spacing: normal;
    line-height: 1.5;
    align-items: center;
    border: 2px solid transparent;
    border-radius: 12px;
    display: inline-flex;
    height: 40px;
    justify-content: center;
    margin: 0;
    width: 100%
}

.tip-amount__predefined-item-button,
.tip-amount__predefined-item-button:active,
.tip-amount__predefined-item-button:focus {
    background-color: rgba(248, 248, 248, .18);
    color: #fff
}

@media (pointer:fine) {
    .tip-amount__predefined-item-button:hover {
        background-color: rgba(248, 248, 248, .3);
        color: #fff
    }
}

.tip-amount__predefined-item-button--selected,
.tip-amount__predefined-item-button--selected:active,
.tip-amount__predefined-item-button--selected:focus {
    font-weight: 700;
    background-color: #4e6438;
    border-color: #9ce256;
    color: #f8f8f8;
    pointer-events: none
}

.tip-amount__predefined-item-button--selected-private,
.tip-amount__predefined-item-button--selected-private:active,
.tip-amount__predefined-item-button--selected-private:focus {
    background-color: #563e01;
    border-color: #feb601;
    color: #f8f8f8;
    pointer-events: none
}

.tip-amount__custom {
    color: rgba(255, 255, 255, .6);
    display: flex;
    align-items: center;
    flex-flow: row nowrap;
    margin: 0;
    text-align: left;
    font-size: 13px;
    font-weight: 400;
    letter-spacing: normal;
    line-height: normal
}

.tip-amount__custom-input {
    flex-grow: 1;
    margin-left: 12px;
    text-align: center
}

.tip-amount__custom-input.input.input {
    font-size: 15px;
    font-weight: 500;
    letter-spacing: normal;
    line-height: normal;
    color: rgba(248, 248, 248, .6);
    border: 2px solid #000;
    padding-left: 0;
    padding-right: 0
}

.tip-amount__custom-input.input.input:focus {
    border-color: #6ba234;
    box-shadow: none;
    color: #fff
}

.tip-amount__custom-input--private.input.input:focus {
    border-color: #feb601
}

.tip-amount__custom-input--selected.input.input {
    color: #fff
}

.send-tip-form-new {
    align-items: stretch;
    color: #a8a8a8;
    display: flex;
    flex-flow: column nowrap;
    padding: 10px 12px
}

.send-tip-form-new--amount {
    margin-bottom: 10px
}

.send-tip-form-new--collapsable {
    max-height: 220px;
    overflow: hidden
}

@media screen and (max-width:1023px) {
    .send-tip-form-new--collapsable {
        transition: max-height .2s, padding-bottom .2s, padding-top .2s
    }
}

.send-tip-form-new--collapsed {
    max-height: 0
}

form.send-tip-form-new--collapsed.send-tip-form-new--collapsed {
    border-top: none;
    padding-bottom: 0;
    padding-top: 0
}

.model-chat-actions {
    background-color: #1d1d1d;
    box-shadow: 0 1px 0 #212121;
    color: #f8f8f8;
    height: calc(100% - 60px);
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1
}

.model-chat-actions-root-container {
    height: calc(100% - 60px);
    overflow: hidden;
    pointer-events: none;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1
}

.model-chat-actions-root-container>* {
    height: 100%
}

@media screen and (max-width:1023px) {
    .model-chat-actions-root-container {
        position: relative
    }
}

.model-chat-actions-root-container--new-send-tip {
    height: 100%
}

.model-chat-actions-root-container--new-send-tip-visible {
    pointer-events: initial
}

.model-chat-actions-root-container--animation-done {
    overflow: unset
}

.model-chat-actions__new-send-tip-form.model-chat-actions__new-send-tip-form {
    background-color: #3b3b3b;
    border-top: 1px solid #5b5b5b;
    box-shadow: 0px -5px 10px rgba(29, 29, 29, .8);
    display: block;
    position: relative
}

@media screen and (max-width:1023px) {
    .model-chat-actions__new-send-tip-form.model-chat-actions__new-send-tip-form {
        background-color: #1c1c1c;
        border-top: none;
        order: -1;
        padding-bottom: 10px
    }
}

.model-chat-actions .more-button-block-content {
    display: flex;
    flex-direction: column
}

.model-chat-actions .more-button-block-content .more-button-item {
    margin: 0;
    padding: 10px
}

.model-chat-actions .header {
    align-items: center;
    background-color: #3b3b3b;
    display: flex;
    font-size: 15px;
    font-weight: 500;
    height: 44px;
    justify-content: space-between;
    padding: 15px 20px 15px 22px;
    position: relative
}

.model-chat-actions .header .close {
    border-radius: 2px;
    cursor: pointer;
    float: right;
    padding: 0 5px 5px
}

.model-chat-actions .header .close svg {
    height: 13px;
    margin: 0;
    width: 13px
}

.model-chat-actions .header .close .icon {
    color: rgba(215, 215, 215, .7)
}

.model-chat-actions .header .close:hover {
    background: rgba(248, 248, 248, .1)
}

.model-chat-actions .header .close:hover .icon {
    color: #f8f8f8
}

.model-chat-actions .arrow {
    background-color: inherit;
    border: solid #212121;
    border-width: 0 0 1px 1px;
    bottom: -6px;
    height: 11px;
    left: 24px;
    position: absolute;
    transform: rotate(-45deg);
    width: 11px;
    z-index: -1
}

.model-chat-actions .model-chat-actions-wrapper {
    height: calc(100% - 44px);
    overflow: hidden
}

.model-chat-actions .model-chat-actions-wrapper-new-send-tip {
    display: flex;
    flex-flow: column nowrap
}

.model-chat-actions .model-chat-actions-container {
    height: calc(100% - 44px);
    max-height: calc(100% - 44px)
}

.model-chat-actions .model-chat-actions-container-new-send-tip {
    flex: 1;
    height: auto;
    max-height: none;
    position: relative
}

.model-chat-actions .model-chat-actions-container-new-send-tip .scroll-bar-container {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

@media screen and (max-width:1023px) {
    .model-chat-actions .model-chat-actions-container-new-send-tip .scroll-bar-container {
        position: static
    }
}

.model-chat-actions .model-chat-actions-container .scroll-bar-container {
    height: 100%
}

.model-chat-actions .model-chat-actions-nav {
    box-shadow: inset 0 -1px rgba(248, 248, 248, .1)
}

.model-chat-actions .model-chat-actions-nav-item {
    align-items: center;
    border-bottom: 2px solid transparent;
    color: rgba(248, 248, 248, .6);
    cursor: pointer;
    display: inline-flex;
    flex-flow: row nowrap;
    font-size: 12px;
    font-weight: 400;
    list-style: none;
    margin: 0 10px 0 20px;
    padding: 14px 0
}

.model-chat-actions .model-chat-actions-nav-item:hover {
    color: rgba(248, 248, 248, .7)
}

.model-chat-actions .model-chat-actions-nav-item.active {
    border-bottom: 2px solid rgba(248, 248, 248, .8);
    color: rgba(248, 248, 248, .9)
}

.model-chat-actions .model-chat-actions-nav-item-icon {
    margin-right: 9px
}

@media screen and (max-width:1279px) {
    .model-chat-actions .model-chat-actions-nav-item-label__cut--should-apply {
        display: none
    }
}

@media screen and (max-width:1023px) {
    .model-chat-actions .model-chat-actions-nav-item-label__cut--should-apply {
        display: inline
    }
}

.model-chat-actions--new-send-tip {
    background-color: #1d1d1d;
    height: 100%
}

@media screen and (max-width:1023px) {
    .model-chat-actions--new-send-tip .model-chat-actions-nav {
        flex: 1
    }
}

.model-chat-actions--new-send-tip .model-chat-actions-nav-item {
    font-weight: 500
}

.model-chat-actions--new-send-tip .header {
    font-size: 16px
}

.model-chat-actions--new-send-tip .arrow {
    display: none
}

@media screen and (max-width:1023px) {
    .model-chat-actions--new-send-tip {
        background-color: #1c1c1c
    }
}

.model-chat-actions.is-premium .active.model-chat-actions-nav-item {
    border-bottom-color: #e9a63b
}

.model-chat-actions.fullscreen-controls {
    background: 0 0;
    float: right;
    height: 100%;
    width: 100%
}

.model-chat-actions.fullscreen-controls .arrow {
    display: none
}

.model-chat-actions.fullscreen-controls .nav-scrollable {
    white-space: nowrap
}

@media screen and (max-width:1023px) {
    .model-chat-actions {
        background-color: #111;
        position: initial
    }

    .model-chat-actions .arrow,
    .model-chat-actions .header {
        display: none
    }

    .model-chat-actions .model-chat-actions-wrapper {
        height: 100%
    }
}

@media screen and (max-width:479px) {
    .model-chat-actions .arrow {
        background-color: #111;
        border: solid #111;
        display: block;
        top: -6px
    }

    .model-chat-actions--new-send-tip .arrow {
        background-color: #1c1c1c;
        border: solid #1c1c1c;
        left: unset;
        right: 150px;
        top: -2px
    }

    .model-chat-actions--new-send-tip.model-chat-actions--with-private-menu .arrow {
        right: 50px
    }
}

.model-chat-actions--with-private-menu {
    background-color: #212121
}

.model-chat-actions-desktop-container {
    bottom: 0;
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%
}

@media screen and (max-width:1023px) {
    .model-chat-actions-desktop-container {
        display: none
    }
}

@media screen and (min-width:1024px) {
    .model-chat-actions-mobile-container {
        display: none
    }
}

.public-model-chat-actions {
    background-color: #1d1d1d;
    display: flex;
    flex-direction: column;
    justify-content: flex-end
}

.public-model-chat-actions--without-actions {
    background: 0 0
}

.public-model-chat-actions--without-actions .model-chat-actions-wrapper {
    height: auto
}

.public-model-chat-actions--without-actions .model-chat-actions__new-send-tip-form.send-tip-form-new {
    border-top: none
}

.public-model-chat-actions--with-overlay {
    background: 0 0
}

.public-model-chat-actions-overlay {
    background-color: rgba(0, 0, 0, .3);
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: -1
}

@media screen and (max-width:1023px) {
    .public-model-chat-actions {
        background-color: #1c1c1c
    }
}

.model-chat-actions--fullscreen.model-chat-actions {
    animation: .2s show-modal;
    background: rgba(0, 0, 0, .8);
    border-radius: 8px;
    pointer-events: all
}

@media screen and (max-width:320px) {
    .model-chat-actions--fullscreen.model-chat-actions {
        border-radius: 0
    }
}

.model-chat-actions--fullscreen.model-chat-actions .close--fullscreen {
    left: -23px;
    position: absolute;
    top: 10px;
    opacity: .6;
    cursor: pointer
}

@media screen and (max-width:320px) {
    .model-chat-actions--fullscreen.model-chat-actions .close--fullscreen {
        left: auto;
        right: 15px;
        top: -30px
    }
}

.model-chat-actions--fullscreen.model-chat-actions .close--fullscreen .icon {
    fill: rgba(255, 255, 255, .6);
    filter: drop-shadow(1px 1px 2px rgba(0, 0, 0, .9));
    height: 16px;
    margin: 0;
    width: 16px
}

.model-chat-actions--fullscreen.model-chat-actions .close--fullscreen .icon:hover {
    fill: #fff
}

.model-chat-actions--fullscreen.model-chat-actions .model-chat-actions-wrapper {
    height: 100%
}

.model-chat-actions--fullscreen.model-chat-actions .model-chat-actions-nav {
    box-shadow: inset 0 -1px rgba(248, 248, 248, .1);
    flex: 0 0 auto
}

.model-chat-actions--fullscreen.model-chat-actions .model-chat-actions-nav-item.active {
    border-bottom: 2px solid rgba(248, 248, 248, .8);
    color: rgba(248, 248, 248, .9)
}

.model-chat-actions--fullscreen .model-chat-actions-container {
    height: calc(100% - 42px);
    max-height: calc(100% - 42px);
    position: relative
}

.model-chat-actions--fullscreen .model-chat-actions-container::after,
.model-chat-actions--fullscreen .model-chat-actions-container::before {
    content: "";
    display: none;
    height: 40px;
    pointer-events: none;
    position: absolute;
    width: 100%;
    z-index: 1
}

.model-chat-actions--fullscreen .model-chat-actions-container.top-shadow::before {
    background-image: linear-gradient(to top, transparent 0%, #000 100%);
    display: block;
    top: 0
}

.model-chat-actions--fullscreen .model-chat-actions-container.bottom-shadow::after {
    background-image: linear-gradient(to bottom, transparent 0%, #000 100%);
    bottom: 0;
    display: block
}

.model-chat-actions--fullscreen .model-chat-actions-container .tip-menu table th {
    color: rgba(248, 248, 248, .4)
}

.model-chat-actions--fullscreen .model-chat-actions-container .tip-menu table td {
    color: #f8f8f8
}

.interactive-toy-actions-header {
    margin-top: 28px;
    padding: 0 20px
}

.interactive-toy-actions-header__icon {
    opacity: .6;
    padding: 1px
}

.interactive-toy-actions-header__row {
    display: flex;
    align-items: center
}

.interactive-toy-actions-header__text {
    font-size: 20px;
    font-weight: 500;
    letter-spacing: normal;
    line-height: normal;
    margin-left: 6px
}

.interactive-toy-actions-header__description {
    font-size: 12px;
    font-weight: 400;
    letter-spacing: normal;
    line-height: normal;
    color: rgba(248, 248, 248, .4);
    margin-top: 5px
}

.model-chat-actions-scrollable-section--last-section {
    min-height: 100%
}

.model-chat-actions-scrollable-section--plugins-menu {
    min-height: 100%;
    display: flex;
    flex-direction: column
}

.plugins-menu-header {
    display: flex;
    align-items: center;
    padding: 0 20px;
    margin-top: 28px
}

.plugins-menu-header__icon {
    margin-right: 10px;
    opacity: .6
}

.plugins-menu-header__text {
    color: #f8f8f8;
    font-size: 20px;
    font-weight: 500;
    letter-spacing: normal;
    line-height: normal
}

.private-model-chat-actions {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    background: 0 0
}

.private-model-chat-actions-overlay {
    background-color: rgba(0, 0, 0, .3);
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: -1
}

.private-model-chat-actions-form {
    background-color: #3b3b3b
}

.chat-settings-button {
    align-items: center;
    cursor: pointer;
    justify-content: space-between;
    display: flex;
    flex-direction: row;
    width: 100%
}

.chat-settings .dropdown-menu {
    cursor: default;
    max-width: 300px;
    min-width: 230px;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.chat-settings .dropdown-menu .dropdown-content {
    padding: 20px 0
}

.chat-settings .dropdown-menu ul {
    color: rgba(255, 255, 255, .75);
    margin-top: 14px;
    font-size: .75rem
}

.chat-settings .dropdown-menu ul li {
    align-items: center;
    cursor: pointer;
    justify-content: space-between;
    margin: 3px 0;
    padding: 2px 20px;
    display: flex;
    flex-direction: row;
    line-height: 1.25rem
}

.chat-settings .dropdown-menu ul li.dropdown-section-chat-command:active {
    opacity: .8
}

.chat-settings .dropdown-menu ul li:hover .dropdown-item-label {
    background-color: rgba(216, 216, 216, .2);
    color: #fff
}

.chat-settings .dropdown-menu ul li>div:first-of-type {
    overflow: hidden;
    padding-right: 20px;
    text-overflow: ellipsis;
    white-space: nowrap
}

.chat-settings .dropdown-menu ul li>div:first-of-type.can-text-wrap {
    overflow: unset;
    text-overflow: unset;
    white-space: unset;
    width: -moz-max-content;
    width: max-content
}

.chat-settings .dropdown-menu__btn {
    margin: 5px 10px 0;
    padding: 5px 10px
}

.chat-settings .dropdown-menu__btn .a11y-button {
    align-items: center;
    display: flex
}

.chat-settings .dropdown-menu__btn button.disabled {
    color: rgba(255, 255, 255, .2)
}

.chat-settings .dropdown-menu__btn .icon {
    margin-right: 10px !important
}

.chat-settings .dropdown-menu__btn:first-child {
    margin-top: 14px
}

.chat-settings .dropdown-menu__btn:hover {
    color: #fafafa
}

.chat-settings .dropdown-menu .dropdown-section-header {
    color: #fff;
    margin: 0 20px;
    text-transform: uppercase;
    font-size: .688rem
}

.chat-settings .dropdown-menu .dropdown-item-label {
    background-color: rgba(216, 216, 216, .08);
    color: rgba(255, 255, 255, .9);
    cursor: pointer;
    padding: 0 10px;
    text-transform: uppercase;
    border-radius: 3px;
    font-size: .563rem
}

.chat-settings .dropdown-menu .dropdown-section {
    border-bottom: 1px solid rgba(255, 255, 255, .06);
    margin-bottom: 20px;
    padding-bottom: 12px
}

.chat-settings .dropdown-menu .dropdown-section:last-of-type {
    border: none;
    margin: 0;
    padding: 0
}

.chat-settings .dropdown-menu .tooltip-info {
    display: inline-block;
    margin-left: 4px;
    line-height: 1.313rem
}

.chat-settings .dropdown-menu .tooltip-info .icon {
    fill: rgba(255, 255, 255, .75);
    height: 13px;
    width: 13px
}

.chat-settings .dropdown-menu .dropdown-content::after {
    transform: translate(-16px, -50%) rotate(45deg)
}

@media screen and (max-width:1023px) {
    .chat-settings .dropdown-menu .dropdown-content::after {
        display: none
    }
}

@media screen and (min-width:1024px) {
    .chat-settings .dropdown-menu {
        top: 100% !important
    }
}

.model-chat .model-chat-nav-item.chat-settings {
    height: 46px;
    margin: 0;
    padding: 0;
    position: absolute;
    right: 0;
    width: 46px;
    display: block
}

.model-chat .model-chat-nav-item.chat-settings .model-chat-nav-item-wrapper {
    cursor: pointer;
    padding: 15px
}

.model-chat .model-chat-nav-item.chat-settings .icon {
    margin: 0
}

.model-chat .model-chat-nav-item.chat-settings::after {
    display: none
}

.model-chat .model-chat-nav-item.chat-settings.selected {
    color: #fff
}

@media screen and (max-width:1023px) {

    .model-chat .model-chat-nav .model-chat-nav-item.plasma .model-chat-item-wrapper,
    .model-chat .model-chat-nav .model-chat-nav-item.whatsapp .model-chat-item-wrapper {
        padding: 5px
    }

    .model-chat .model-chat-nav .model-chat-nav-item.plasma .icon,
    .model-chat .model-chat-nav .model-chat-nav-item.whatsapp .icon {
        height: 32px;
        margin: 0;
        opacity: .8;
        width: 32px
    }

    .model-chat .model-chat-nav .model-chat-nav-item.chat-settings {
        height: 52px;
        overflow: visible;
        position: relative;
        width: 52px
    }

    .model-chat .model-chat-nav .model-chat-nav-item.chat-settings .model-chat-nav-item-wrapper {
        padding: 18px
    }
}

.model-chat .chat-filter-settings .link,
.model-chat .chat-translation-settings .link,
.model-chat .hide-greys-messages .link {
    text-decoration: underline;
    color: rgba(255, 255, 255, .75)
}

.model-chat .chat-filter-settings .link:hover,
.model-chat .chat-translation-settings .link:hover,
.model-chat .hide-greys-messages .link:hover {
    color: #fff
}

.model-chat .chat-filter-settings,
.model-chat .hide-greys-messages {
    position: relative
}

.model-chat .chat-filter-settings .toggler,
.model-chat .hide-greys-messages .toggler {
    flex-shrink: 0
}

.model-chat .chat-filter-settings .tooltip,
.model-chat .hide-greys-messages .tooltip {
    max-width: 300px;
    white-space: normal
}

.model-chat .chat-filter-settings .link,
.model-chat .hide-greys-messages .link {
    text-decoration: underline;
    color: rgba(255, 255, 255, .75)
}

.model-chat .chat-filter-settings .link:hover,
.model-chat .hide-greys-messages .link:hover {
    color: #fff
}

.model-chat .chat-filter-settings.disabled:before,
.model-chat .hide-greys-messages.disabled:before {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(64, 64, 64, .5);
    content: " "
}

.user-fan-club-status-btn {
    display: flex;
    flex-direction: row;
    font-size: .875rem;
    align-items: center;
    background-color: rgba(216, 216, 216, .23);
    border: 0;
    border-radius: 14px;
    color: #fff;
    cursor: pointer;
    height: 28px;
    padding: 0 10px;
    position: relative;
    transition: .15s linear;
    transition-property: background-color, border-color
}

.user-fan-club-status-btn:hover {
    background-color: rgba(216, 216, 216, .4);
    color: #fff
}

.user-fan-club-status-btn:active,
.user-fan-club-status-btn:hover,
.user-fan-club-status-btn:link,
.user-fan-club-status-btn:visited {
    text-decoration: none
}

.user-fan-club-status-btn .icon {
    margin-right: 0px
}

.user-fan-club-status-btn .icon:not(:last-child) {
    margin-right: 6px
}

.more-button-item .user-fan-club-status-btn {
    background-color: transparent;
    border-color: transparent;
    color: rgba(255, 255, 255, .6);
    height: unset;
    padding: 14px 16px
}

.more-button-item .user-fan-club-status-btn .icon {
    fill: #fff
}

.more-button-item .user-fan-club-status-btn:hover {
    color: #fff
}

.more-button-item .user-fan-club-status-btn:hover .icon {
    fill: #fff
}

.user-fan-club-status-btn.compact {
    background: rgba(216, 216, 216, .13);
    border: 2px solid rgba(216, 216, 216, .23);
    border-radius: 3px;
    color: #fff;
    height: 32px;
    justify-content: center;
    padding: 0;
    width: 32px
}

.user-fan-club-status-btn.compact.subscribed {
    border: 0
}

.user-fan-club-status-btn.compact:hover {
    background-color: rgba(248, 248, 248, .4);
    color: #fff
}

.user-fan-club-status-btn.compact:hover>.user-feed-link-attention-marker {
    border-color: #848484
}

.user-fan-club-status-btn.compact>.user-feed-link-attention-marker {
    border: 2px solid #4b4b4b;
    height: 10px;
    position: absolute;
    right: 5px;
    top: 5px;
    transition: border-color .15s linear;
    width: 10px
}

.model-chat-private-tab.not-public .model-chat-stub-control {
    display: none
}

.model-chat-private-tab.not-public .model-chat-stub {
    padding-bottom: 0
}

.model-chat-stub {
    align-items: center;
    height: 100%;
    left: 0;
    padding-bottom: 60px;
    position: absolute;
    top: 0;
    width: 100%;
    display: flex;
    flex-direction: row
}

.model-chat-stub .model-chat-stub-control {
    background: #383838;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    border-top: 1px solid transparent;
    bottom: 0;
    font-weight: 400;
    height: 60px;
    left: 0;
    padding: 10px;
    position: absolute;
    right: 0;
    letter-spacing: .013rem
}

.model-chat-stub .model-chat-stub-message-wrapper {
    padding: 0 50px;
    width: 100%
}

.model-chat-stub .model-chat-stub-message {
    align-items: center;
    font-weight: 400;
    margin: auto;
    max-width: 500px;
    display: flex;
    flex-direction: column
}

.model-chat-stub .model-chat-stub-message .model-not-friend-stub-title {
    margin: 12px 0 24px
}

.model-chat-stub .model-chat-stub-message .model-not-friend-stub-request-placeholder {
    font-weight: 700;
    font-size: .875rem
}

.model-chat-stub .model-chat-stub-control {
    align-items: center;
    color: #929292;
    justify-content: center;
    padding: 0 50px;
    text-align: center;
    font-size: .688rem;
    line-height: .938rem;
    display: flex;
    flex-direction: row
}

.model-chat-stub .model-chat-stub-control a {
    text-decoration: underline
}

.model-chat-stub .stub-title {
    margin-top: 20px;
    text-align: center;
    font-size: 1.063rem;
    line-height: 1.313rem
}

.model-chat-stub .stub-description {
    color: #929292;
    margin-top: 15px;
    max-width: 100%;
    text-align: center;
    font-size: .75rem;
    line-height: 1.188rem;
    letter-spacing: .013rem
}

.model-chat-stub .stub-description a {
    text-decoration: underline
}

.model-chat-stub .stub-button {
    margin: 15px 0 0;
    padding: 5px 20px;
    font-size: .875rem;
    line-height: 1.438rem;
    display: flex;
    flex-direction: row
}

.model-chat-stub .stub-button.btn-private {
    padding: 5px 20px 5px 10px
}

.model-chat-stub .stub-button.btn-private .icon {
    color: #583b0b;
    margin-right: 15px
}

.model-chat-stub .stub-footer {
    color: #929292;
    margin-top: 10px;
    font-size: .75rem;
    line-height: 1.188rem
}

@media screen and (max-width:1023px) {
    .model-chat-stub {
        align-items: flex-start;
        padding-bottom: 0
    }

    .model-chat-stub .model-chat-stub-message-wrapper {
        margin-top: 40px;
        padding: 0 10px;
        width: 100%
    }

    .model-chat-stub .model-chat-stub-control {
        display: none
    }
}

@media screen and (max-width:479px) {
    .model-chat-stub {
        padding-bottom: 0
    }

    .model-chat-stub .model-chat-stub-message-wrapper {
        padding: 0 10px
    }

    .model-chat-stub .model-chat-stub-control {
        display: none
    }

    .model-chat-stub .stub-title {
        margin-top: 10px;
        font-size: 1rem
    }
}

.model-not-friend-stub-icon {
    fill: #828282
}

.model-not-friend-stub-title {
    font-weight: 500;
    text-align: center;
    font-size: 17px;
    line-height: 20px;
    margin: 10px 0
}

.model-not-friend-stub-request-placeholder {
    opacity: .5;
    color: #fff;
    padding: 1px;
    font-weight: 500;
    font-size: .688rem;
    line-height: 1.813rem
}

.model-not-friend-stub-btn {
    margin-bottom: 0
}

.new-ultimate-required {
    align-items: center;
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: center;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 0
}

.new-ultimate-required .new-ultimate-required__icon {
    display: none
}

.new-ultimate-required .new-ultimate-required__title {
    color: #f8f8f8;
    font-weight: 700;
    margin-bottom: 20px;
    text-align: center;
    font-size: 1rem
}

.new-ultimate-required .new-ultimate-required__title .new-ultimate-required__title--highlight {
    color: #ff6625;
    display: inline
}

.new-ultimate-required .new-ultimate-required__benefits {
    background: #424242;
    border-radius: 12px;
    border: 1px solid #424242;
    max-width: 300px;
    padding: 20px
}

.new-ultimate-required .new-ultimate-required__benefit {
    align-items: center;
    display: flex;
    margin-bottom: 13px
}

.new-ultimate-required .new-ultimate-required__benefit:last-child {
    margin-bottom: 0
}

.new-ultimate-required .new-ultimate-required__benefit-icon {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    flex-shrink: 0;
    height: 24px;
    margin-right: 20px;
    width: 24px
}

.new-ultimate-required .new-ultimate-required__benefit-icon--camera {
    background-image: url(/assets/common/images/ultimate/camera.svg)
}

.new-ultimate-required .new-ultimate-required__benefit-icon--chat-with-badge {
    background-image: url(/assets/common/images/ultimate/chat-with-badge.svg)
}

.new-ultimate-required .new-ultimate-required__benefit-icon--emoji-colors {
    background-image: url(/assets/common/images/ultimate/emoji-colors.svg)
}

.new-ultimate-required .new-ultimate-required__benefit-title {
    color: #f8f8f8;
    font-weight: 500;
    font-size: .938rem
}

.new-ultimate-required .new-ultimate-required__benefits-description {
    color: rgba(248, 248, 248, .8);
    margin: 20px auto;
    font-size: .875rem
}

.new-ultimate-required .new-ultimate-required__benefits-description a {
    text-decoration: underline
}

.new-ultimate-required--with-icon .new-ultimate-required__icon {
    display: block;
    height: 100px;
    margin-bottom: 5px;
    position: relative;
    width: 100px
}

.new-ultimate-required--with-icon .new-ultimate-required__star {
    position: absolute;
    z-index: 2;
    background: url(/theme/stripchat/svg/iltimate-star.svg) no-repeat center;
    height: 100px;
    width: 100px;
    background-size: 100%
}

.new-ultimate-required--with-icon .new-ultimate-required__shadow {
    border-radius: 50%;
    box-shadow: 0px 0px 69px 18px #ff2424;
    height: 50px;
    left: 50%;
    margin-left: -25px;
    margin-top: -25px;
    position: absolute;
    top: 50%;
    width: 50px;
    z-index: 1
}

.new-ultimate-required--with-icon .new-ultimate-required__title {
    font-size: 1.125rem
}

.new-ultimate-required--with-icon .new-ultimate-required__title .new-ultimate-required__title--highlight {
    display: block
}

.new-ultimate-required--compact.new-ultimate-required--with-icon .new-ultimate-required__icon {
    flex-shrink: 0;
    height: 75px;
    margin-bottom: 0;
    width: 75px
}

.new-ultimate-required--compact.new-ultimate-required--with-icon .new-ultimate-required__star {
    background: url(/theme/stripchat/svg/iltimate-star.svg) no-repeat center;
    height: 75px;
    width: 75px;
    background-size: 100%
}

.new-ultimate-required--compact .new-ultimate-required__title {
    margin-bottom: 10px
}

.new-ultimate-required--compact .new-ultimate-required__benefits-description {
    margin: 10px auto
}

.new-ultimate-required--compact .new-ultimate-required__benefit {
    margin-bottom: 10px
}

.new-ultimate-required--compact .new-ultimate-required__benefit-icon {
    margin-right: 10px
}

.ultimate-button {
    align-items: center;
    display: inline-flex
}

.ultimate-button .user-level-ultimate-badge {
    margin-right: .6em
}

.fullsrceen-tab-switcher {
    position: relative;
    border-radius: 100%;
    cursor: pointer;
    display: flex;
    height: 32px;
    justify-content: center;
    transition: all .15s linear;
    width: 32px
}

.fullsrceen-tab-switcher__icon {
    color: #f8f8f8;
    align-self: center;
    margin: 0
}

.fullsrceen-tab-switcher--red-dot::after {
    position: absolute;
    content: "";
    border-radius: 100%;
    width: 9px;
    height: 9px;
    top: 4px;
    right: 4px;
    transform: translate(50%, -50%);
    background-color: #fa5365;
    background-color: var(--primary-light)
}

.fullsrceen-tab-switcher--red-dot .fullsrceen-tab-switcher__bg {
    background-color: transparent;
    position: absolute;
    box-shadow: 0 0 0 100px rgba(248, 248, 248, .2);
    height: 12px;
    width: 12px;
    top: 4px;
    right: 4px;
    transform: translate(50%, -50%);
    border-radius: 100%
}

.fullsrceen-tab-switcher__bg {
    width: 100%;
    height: 100%;
    background-color: rgba(248, 248, 248, .2)
}

.fullsrceen-tab-switcher__bg-wrap {
    overflow: hidden;
    width: 100%;
    height: 100%;
    position: absolute;
    border-radius: 100%
}

@media (pointer:fine) {
    .fullsrceen-tab-switcher:hover {
        transform: scale(1.1, 1.1)
    }
}

.messenger-upload-button-wrapper {
    height: 100%;
    margin-right: 4px;
    opacity: .6
}

.messenger-upload-button-wrapper:hover {
    opacity: 1
}

.messenger-upload-button-wrapper .upload-icon {
    margin-top: 2px;
    margin-right: 0;
    height: 22px;
    width: 22px
}

.voice-player-button {
    align-items: center;
    background-color: rgba(255, 255, 255, .03);
    border-radius: 50%;
    display: flex;
    height: 76px;
    justify-content: center;
    width: 76px
}

.voice-player-button--small {
    height: 38px;
    width: 38px;
    background-color: transparent
}

.voice-player-button__round {
    background-color: rgba(248, 248, 248, .2);
    border-radius: 50%;
    color: #fff;
    fill: #fff;
    font-size: 0;
    height: 56px;
    width: 56px;
    transition: transform .3s
}

.voice-player-button__round--small {
    height: 38px;
    width: 38px
}

.voice-player-button__round .icon {
    margin-right: 0
}

.voice-player-button__round .icon-play-5 {
    margin-right: -2px;
    margin-top: 1px
}

.voice-player-button__round .icon-trash-2 {
    margin-right: 0
}

.voice-player-button__round .icon-pause {
    transform: scale(1.8)
}

.voice-player-button__round .icon-mic-on-2 {
    transform: scale(1.6)
}

.voice-player-button__loader {
    margin: auto
}

.voice-player-button__stop-rect {
    background: #f05375;
    border-radius: 20%;
    margin: auto
}

.voice-player-button:hover .voice-player-button__round {
    background-color: #75767b;
    transform: scale(1.13)
}

.voice-player-button:hover .voice-player-button__round--in-message {
    background-color: rgba(248, 248, 248, .4)
}

.voice-player-button:hover .icon-mic-on-2,
.voice-player-button:hover .icon-pause,
.voice-player-button:hover .icon-play-5,
.voice-player-button:hover .icon-trash-2 {
    color: #fff;
    fill: #fff
}

.voice-player-button__disabled {
    opacity: .6
}

.voice-player-button__disabled:hover .voice-player-button__round {
    background-color: rgba(248, 248, 248, .2);
    transform: scale(1);
    cursor: default
}

.voice-player-loader {
    align-items: center;
    display: flex;
    justify-content: center
}

.voice-player-loader__play {
    margin-right: 12px;
    width: 36px
}

.voice-player-loader__wave {
    width: 100%
}

.voice-player-loader__time {
    margin-left: 12px;
    width: 33px
}

.voice-example-wave {
    -webkit-mask-image: url(/assets/common/components/ui/VoicePlayer/components/VoiceExampleWave/images/wave-segment.svg);
    -webkit-mask-repeat: repeat-x;
    -webkit-mask-size: auto 100%;
    height: 30px;
    mask-image: url(/assets/common/components/ui/VoicePlayer/components/VoiceExampleWave/images/wave-segment.svg);
    mask-repeat: repeat-x;
    mask-size: auto 100%;
    min-width: 120px;
    overflow: hidden;
    position: relative;
    width: 100%
}

.voice-example-wave:after,
.voice-example-wave:before {
    content: "";
    height: 100%;
    position: absolute;
    right: 100%;
    top: 0;
    width: 100%
}

.voice-example-wave:before {
    background-color: #f8f8f8
}

.voice-example-wave:after {
    background-color: #76787d;
    right: 0
}

.voice-example-wave--animated:after,
.voice-example-wave--animated:before {
    animation: voice-example-wave-slide 1s linear;
    animation-duration: inherit
}

@keyframes voice-example-wave-slide {
    0% {
        transform: translateX(0)
    }

    100% {
        transform: translateX(100%)
    }
}

.voice-player-ui {
    align-items: center;
    display: flex;
    flex-direction: column
}

.voice-player-ui--in-message {
    flex-direction: row;
    flex-wrap: nowrap
}

.voice-player-ui__time {
    font-size: 13px;
    font-weight: 400;
    letter-spacing: normal;
    line-height: normal;
    color: #f8f8f8
}

.voice-player-ui__time--in-message {
    margin-left: 12px;
    order: 3
}

.voice-player-ui__duration {
    color: #f8f8f8
}

.voice-player-ui__canvas {
    margin-top: 24px;
    width: 100%;
    cursor: pointer;
    position: relative;
    z-index: 0
}

.voice-player-ui__canvas wave {
    scrollbar-width: thin;
    scrollbar-width: 0px;
    scrollbar-gutter: auto;
    scrollbar-color: transparent transparent
}

.voice-player-ui__canvas wave {
    scrollbar-face-color: transparent;
    scrollbar-track-color: transparent
}

.voice-player-ui__canvas wave::-webkit-scrollbar {
    width: 0px;
    height: 0px
}

.voice-player-ui__canvas wave::-webkit-scrollbar-thumb {
    background: 0 0;
    height: 20%;
    border-radius: 0px
}

.voice-player-ui__canvas wave::-webkit-scrollbar-track {
    background: 0 0
}

.voice-player-ui__canvas wave::-webkit-scrollbar-corner {
    background: 0 0
}

.voice-player-ui__canvas--in-message {
    margin-top: 0;
    margin-right: 1px;
    order: 2
}

.voice-player-ui__actions {
    margin-top: 24px;
    position: relative
}

.voice-player-ui__actions--in-message {
    margin-right: 12px;
    margin-top: 0;
    order: 1
}

.voice-player-ui__remove-button {
    left: -70px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%)
}

.voice-panel-controls {
    color: #f8f8f8;
    display: inline-flex;
    align-items: center;
    justify-content: center
}

.voice-panel-controls__button {
    align-items: center;
    border-radius: 2px;
    display: flex;
    height: 24px;
    justify-content: center;
    opacity: .5;
    width: 24px;
    height: 24px;
    margin-left: 20px;
    opacity: .4;
    position: relative;
    transition: opacity .3s;
    width: 24px;
    display: inline-flex;
    align-items: center;
    justify-content: center
}

.voice-panel-controls__button:hover {
    background: rgba(248, 248, 248, .1);
    opacity: 1
}

.voice-panel-controls__button:hover {
    opacity: 1
}

.voice-panel-controls__button .icon {
    fill: currentColor;
    margin-right: 0;
    transition: all .3s
}

.voice-panel-form__access-settings {
    display: flex;
    margin-bottom: 10px
}

.voice-panel-form__access-mode {
    flex: 1 1 180px;
    margin-right: 12px
}

.voice-panel-form__cost {
    flex: 1 1 112px;
    min-width: 0;
    position: relative
}

.voice-panel-form__cost--with-value:after {
    content: "Tk";
    position: absolute;
    top: 8px;
    right: 10px;
    color: rgba(248, 248, 248, .4);
    font-size: 12px;
    line-height: 14px;
    font-weight: 400
}

.voice-panel-form__cost-field {
    max-width: 100%;
    padding-right: 25px
}

.voice-panel-form__title {
    margin-bottom: 10px;
    width: 100%
}

.voice-panel-form .voice-panel-form__submit-btn {
    margin: 0;
    width: 100%
}

.voice-panel-modal .modal-body {
    align-items: center;
    background-color: #2e2e2e !important;
    border-radius: 12px !important;
    display: flex;
    flex-direction: column;
    max-width: calc(100vw - 20px);
    padding: 32px 42px 30px;
    width: 356px
}

.voice-panel-modal--error .modal-body {
    padding: 32px 30px 30px
}

.voice-panel-modal__icon-wrapper {
    background-clip: padding-box;
    background-color: #515255;
    border: 10px solid rgba(255, 255, 255, .03);
    border-radius: 50%;
    height: 76px;
    margin-bottom: 22px;
    position: relative;
    width: 76px
}

.voice-panel-modal__icon-wrapper .icon {
    display: block;
    height: 100%;
    margin: 0 auto;
    width: 32px
}

.voice-panel-modal__warning-icon-wrapper {
    background-color: #2e2e2e;
    border-radius: 50%;
    bottom: -14px;
    height: 36px;
    position: absolute;
    right: -14px;
    width: 36px
}

.voice-panel-modal__warning-icon-wrapper .icon {
    color: #ffc107;
    display: block;
    height: 100%;
    margin: 0 auto;
    width: 20px
}

.voice-panel-modal__title {
    color: #f8f8f8;
    font-size: 18px;
    font-weight: 700;
    line-height: 22px;
    margin-bottom: 20px
}

.voice-panel-modal__title--error {
    color: #ffc107
}

.voice-panel-modal__description {
    color: rgba(248, 248, 248, .6);
    font-size: 14px;
    line-height: 22px;
    margin-bottom: 20px;
    text-align: center
}

.voice-panel-modal__check-list {
    background-color: #272727;
    border-radius: 12px;
    color: #f8f8f8;
    font-size: 13px;
    line-height: 20px;
    margin: 0 0 20px;
    padding: 16px 24px
}

.voice-panel-modal__check-action::before {
    content: "•";
    padding-right: 8px
}

.voice-panel-modal__devices {
    margin-bottom: 20px;
    width: 100%
}

.voice-panel-modal .voice-panel-modal__btn-ok {
    border: 0;
    margin: 0;
    width: 140px
}

.voice-panel-modal .icon-close-3 {
    transform: scale(.64)
}

.voice-recording-timer {
    color: #f8f8f8;
    font-size: 14px;
    line-height: 20px
}

.voice-recording-timer__max-time {
    opacity: .6
}

.voice-panel {
    animation: opacity-fade-show .12s;
    background: #333437;
    border-radius: 10px;
    position: relative;
    min-height: 240px
}

.voice-panel--hide-form {
    background: #272727
}

.voice-panel__content {
    align-items: center;
    display: flex;
    flex-direction: column;
    margin: auto;
    max-width: 336px
}

.voice-panel__content--init {
    padding: 78px 0 16px
}

.voice-panel__content--recording {
    padding: 36px 0 16px
}

.voice-panel__content--record-sending,
.voice-panel__content--recorded {
    padding: 36px 0 10px
}

.voice-panel__controls {
    position: absolute;
    right: 15px;
    top: 13px
}

.voice-panel__start-rec-hint {
    border-radius: 12px;
    color: #f8f8f8;
    font-size: 13px;
    line-height: 18px;
    margin-bottom: 19px;
    max-width: calc(100% - 40px);
    opacity: .6;
    padding: 10px 12px;
    position: relative
}

.voice-panel__timer {
    margin-bottom: 24px
}

.voice-panel__example-wave {
    height: 30px;
    margin-bottom: 24px;
    width: calc(100% - 80px)
}

.voice-panel__player {
    margin-bottom: 24px;
    width: calc(100% - 80px)
}

.voice-panel__player--disabled {
    pointer-events: none
}

.voice-panel__form {
    width: calc(100% - 32px)
}

.voice-panel-toggle-btn {
    height: 100%;
    margin-right: 8px;
    opacity: .6
}

.voice-panel-toggle-btn--active,
.voice-panel-toggle-btn:hover {
    opacity: 1
}

.voice-panel-toggle-btn__icon {
    height: 30px;
    margin: 0;
    width: 24px
}

.model-chat-controls {
    background: #383838;
    bottom: 0;
    left: 0;
    padding: 10px;
    right: 0;
    display: flex;
    flex-direction: row;
    flex: 1;
    flex-basis: 60px;
    flex-grow: 0;
    flex-shrink: 1;
    align-items: flex-end
}

.model-chat-controls__voice-panel-overlay {
    background-color: #2e2e2e;
    bottom: 0;
    content: "";
    height: 60px;
    left: 0;
    position: absolute;
    right: 0;
    z-index: 1
}

.model-chat-controls .model-chat-controls__voice-panel {
    background-color: #333437;
    bottom: 12px;
    left: 12px;
    position: absolute;
    right: 12px;
    z-index: 10
}

.model-chat-controls .private-tip-button {
    align-items: center;
    background-color: rgba(26, 26, 26, .4);
    border: none;
    border-radius: 50%;
    cursor: pointer;
    height: 40px;
    justify-content: center;
    margin-right: 10px;
    width: 40px;
    display: flex;
    flex-direction: row;
    flex: 1;
    flex-basis: auto;
    flex-grow: 0;
    flex-shrink: 1;
    transition: all 120ms ease-in-out 0s
}

.model-chat-controls .private-tip-button .icon {
    fill: #e9a63b;
    margin: 0;
    transition: all 120ms ease-in-out 0s
}

.model-chat-controls .private-tip-button:hover {
    background-color: rgba(26, 26, 26, .25)
}

.model-chat-controls .private-tip-button:hover .icon {
    fill: #e9a63b
}

.model-chat-controls .input-message-wrapper {
    background: #000;
    border: 1px solid transparent;
    border-radius: 20px;
    bottom: 0;
    box-sizing: border-box;
    align-items: flex-end;
    display: flex;
    flex-direction: row;
    flex: 1;
    flex-basis: auto;
    flex-grow: 1;
    flex-shrink: 1;
    transition: all 120ms ease-in-out 0s
}

.model-chat-controls .input-message-wrapper .mobile-send-wrapper {
    display: none
}

.model-chat-controls .input-message-wrapper .input-message-wrapper__field {
    flex: 1;
    flex-basis: auto;
    flex-grow: 1;
    flex-shrink: 1;
    display: flex
}

.model-chat-controls .input-message-wrapper.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)
}

.model-chat-controls .input-message-wrapper__input {
    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: all 120ms ease-in-out 0s;
    resize: none;
    background-color: transparent;
    border: none;
    flex: 1;
    width: 100%;
    height: auto;
    padding: 0;
    margin: 8px 0 10px 20px;
    border-radius: 0;
    line-height: 17px;
    transition: none
}

.model-chat-controls .input-message-wrapper__input::-moz-placeholder {
    color: rgba(223, 223, 223, .6)
}

.model-chat-controls .input-message-wrapper__input::placeholder {
    color: rgba(223, 223, 223, .6)
}

.model-chat-controls .input-message-wrapper__input: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)
}

.model-chat-controls .input-message-wrapper__input.error {
    border: 1px solid #de5b64;
    color: #de5b64
}

.model-chat-controls .input-message-wrapper__input.error:hover {
    border: 1px solid #d5444e;
    color: #d5444e
}

.model-chat-controls .input-message-wrapper__input.error:active,
.model-chat-controls .input-message-wrapper__input.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
}

.model-chat-controls .input-message-wrapper__input--nowrap {
    white-space: nowrap;
    overflow: hidden
}

.model-chat-controls .input-message-wrapper__input:focus {
    background-color: transparent;
    box-shadow: 0 0 0 transparent
}

.model-chat-controls .input-message-wrapper__input:focus::-moz-placeholder {
    opacity: .6
}

.model-chat-controls .input-message-wrapper__input:focus::placeholder {
    opacity: .6
}

.model-chat-controls .buttons-wrapper {
    flex: 1;
    flex-basis: auto;
    flex-grow: 0;
    flex-shrink: 0;
    display: flex;
    flex-direction: row-reverse;
    align-items: center
}

.model-chat-controls .buttons-wrapper .btn-send {
    float: right;
    height: 36px;
    margin: 1px;
    max-width: 300px;
    pointer-events: all
}

@media screen and (max-width:1023px) {
    .model-chat-controls {
        flex: 1;
        flex-basis: 52px;
        flex-grow: 0;
        flex-shrink: 1;
        border-radius: 0;
        padding: 5px;
        top: 0
    }

    .model-chat-controls .private-tip-button {
        background: 0 0;
        border-color: transparent;
        position: absolute;
        width: 50px
    }

    .model-chat-controls .private-tip-button:after {
        border-right: 1px solid rgba(151, 151, 151, .3);
        content: " ";
        height: 60%;
        margin-left: 10px
    }

    .model-chat-controls .private-tip-button .icon {
        fill: #e9a63b
    }

    .model-chat-controls .private-tip-button:active {
        opacity: .7
    }

    .model-chat-controls .private-tip-button:hover .icon {
        fill: #e9a63b;
        opacity: .8
    }

    .model-chat-controls .private-tip-button+.input-message-wrapper {
        padding-left: 40px
    }

    .model-chat-controls .model-chat-controls__voice-panel {
        bottom: auto;
        top: 5px
    }

    .model-chat-controls .input-message-wrapper {
        border-radius: 4px
    }

    .model-chat-controls .input-message-wrapper__input {
        margin-left: 10px
    }

    .model-chat-controls .input-message-wrapper .mobile-send-wrapper {
        align-items: center;
        color: rgba(255, 255, 255, .3);
        cursor: pointer;
        display: block;
        float: right;
        height: 100%;
        justify-content: center;
        min-height: 38px;
        padding-right: 10px;
        display: flex;
        flex-direction: row;
        transition: all 120ms ease-in-out 0s
    }

    .model-chat-controls .input-message-wrapper .mobile-send-wrapper:hover {
        color: rgba(255, 255, 255, .4)
    }

    .model-chat-controls .input-message-wrapper .mobile-send-wrapper:before {
        background-color: rgba(151, 151, 151, .3);
        content: " ";
        height: 25px;
        width: 1px;
        margin-right: 10px
    }

    .model-chat-controls .input-message-wrapper .smiles-dropdown {
        margin-right: 10px
    }

    .model-chat-controls .input-message-wrapper .btn-send {
        display: none
    }

    .model-chat-controls .input-message-wrapper.active .mobile-send-wrapper {
        color: #fff
    }

    .model-chat-controls .input-message-wrapper.active.private .mobile-send-wrapper {
        color: #e9a63b
    }
}

.model-chat-controls .input-message-wrapper--fullscreen {
    align-items: flex-end;
    display: flex;
    justify-content: space-between;
    width: 100%
}

.model-chat-controls .input-message-wrapper--fullscreen .input-message-wrapper__group {
    align-items: flex-end;
    background: rgba(0, 0, 0, .6);
    border-radius: 20px;
    border: 2px solid rgba(248, 248, 248, .2);
    display: flex;
    flex: 1;
    padding: 2px;
    transition: all ease .25s
}

.model-chat-controls .input-message-wrapper--fullscreen .input-message-wrapper__input {
    background: 0 0;
    border-left: rgba(216, 216, 216, .15) 1px solid;
    border: 0;
    color: #fff;
    flex: 1;
    font-size: 12px;
    height: 22px;
    margin-left: 8px;
    outline: 0;
    padding-left: 8px
}

.model-chat-controls .input-message-wrapper--fullscreen .input-message-wrapper__input::-moz-placeholder {
    color: rgba(223, 223, 223, .6)
}

.model-chat-controls .input-message-wrapper--fullscreen .input-message-wrapper__input::placeholder {
    color: rgba(223, 223, 223, .6)
}

.model-chat-controls .input-message-wrapper--fullscreen .smiles-dropdown {
    float: none;
    height: 20px;
    line-height: 0px;
    margin: 6px
}

.model-chat-controls .input-message-wrapper--fullscreen .smiles-dropdown .trigger {
    height: 20px;
    padding: 0 6px
}

.model-chat-controls .input-message-wrapper--fullscreen .smiles-dropdown .smiles-list {
    background: #000;
    border: none;
    left: 0;
    width: 100%
}

.model-chat-controls .input-message-wrapper--fullscreen .smiles-dropdown .scroll-bar-container {
    max-height: 300px
}

.model-chat-controls .input-message-wrapper--fullscreen .input-message-wrapper__send {
    align-items: center;
    background: rgba(248, 248, 248, .8);
    border-radius: 100%;
    cursor: pointer;
    display: flex;
    height: 40px;
    justify-content: center;
    margin-left: 8px;
    transition: all .15s linear;
    width: 40px
}

.model-chat-controls .input-message-wrapper--fullscreen .input-message-wrapper__send .icon {
    color: #101010
}

.model-chat-controls .input-message-wrapper--fullscreen .input-message-wrapper__send.input-message-wrapper__send--private {
    background: #dfa850
}

.model-chat-controls .input-message-wrapper--fullscreen .input-message-wrapper__send.input-message-wrapper__send--private .icon {
    color: #fff
}

.model-chat-controls .input-message-wrapper--fullscreen.input-message-wrapper--focused .input-message-wrapper__group,
.model-chat-controls .input-message-wrapper--fullscreen.input-message-wrapper--private .input-message-wrapper__group {
    border-color: #fff
}

.model-chat-controls .input-message-wrapper--fullscreen.input-message-wrapper--focused .input-message-wrapper__group--private,
.model-chat-controls .input-message-wrapper--fullscreen.input-message-wrapper--private .input-message-wrapper__group--private {
    border-color: #dfa850
}

.model-chat-controls .input-message-wrapper--fullscreen .input-message-wrapper__input {
    margin: 5px 0 6px 0
}

.model-chat-controls .input-message-wrapper--fullscreen .input-message-wrapper__input--textarea {
    margin: 8px 0
}

@media (pointer:fine) {
    .model-chat-controls .input-message-wrapper--fullscreen .input-message-wrapper__send:hover {
        transform: scale(1.1, 1.1)
    }

    .broadcast-container .view-cam-page-main .mobile-send-wrapper {
        display: none
    }
}

@media screen and (pointer:fine) and (max-width:1023px) {
    .broadcast-container .view-cam-page-main .messages {
        display: flex;
        flex-direction: column
    }

    .broadcast-container .view-cam-page-main .model-chat-controls {
        flex: 1;
        flex-basis: 60px;
        flex-grow: 0;
        flex-shrink: 1;
        padding: 10px;
        top: initial
    }

    .broadcast-container .view-cam-page-main .model-chat-controls .input-message-wrapper {
        border-radius: 20px
    }

    .broadcast-container .view-cam-page-main .model-chat-controls .input-message-wrapper .btn-send {
        display: block
    }
}

.message-base {
    align-items: center;
    display: flex;
    font-weight: 400;
    min-height: 32px;
    position: relative;
    width: 100%;
    word-break: break-word;
    word-wrap: break-word;
    white-space: pre-line
}

.message-base .message-body {
    width: 100%
}

.message-base::before {
    bottom: 0;
    content: "";
    left: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    width: 3px
}

.message-base .icon {
    flex-shrink: 0
}

.model-chat-fullscreen .message-base {
    font-size: .75rem;
    line-height: .938rem;
    background-color: rgba(0, 0, 0, .6);
    border-radius: 4px 16px 16px 4px;
    color: #f8f8f8;
    padding: 8px 10px
}

.model-chat-fullscreen .message-base:before {
    border-radius: 4px 0 0 4px
}

.model-chat-fullscreen .message-base.m-bg-goal,
.model-chat-fullscreen .message-base.m-bg-model,
.model-chat-fullscreen .message-base.m-bg-system {
    background-color: rgba(0, 0, 0, .6)
}

.model-chat-fullscreen .message-base.m-bg-tokens-required {
    background-color: rgba(34, 34, 34, .7)
}

.model-chat-fullscreen .message-base.m-bg-goal-reached {
    background-color: rgba(60, 70, 38, .6)
}

.model-chat-fullscreen .message-base.m-bg-epic-goal {
    background-color: rgba(54, 25, 97, .6)
}

.model-chat-fullscreen .message-base.m-bg-error {
    background-color: rgba(83, 0, 0, .6)
}

.model-chat-fullscreen .message-base.m-bg-private-tip,
.model-chat-fullscreen .message-base.m-bg-public-tip,
.model-chat-fullscreen .message-base.m-bg-tip-menu-tip {
    background-color: rgba(0, 0, 0, .8)
}

.model-chat-fullscreen .message-base.m-bg-poll {
    background-color: rgba(33, 39, 48, .6)
}

.model-chat-fullscreen .message-base.m-bg-private-upgraded {
    background-color: #4d4230
}

.model-chat-fullscreen .message-base.m-line-goal::before {
    background-color: #b2e344
}

.model-chat-fullscreen .message-base.m-line-epic-goal::before {
    background-color: #d5a6ff
}

.model-chat-fullscreen .message-base.m-line-group-show-announce::before,
.model-chat-fullscreen .message-base.m-line-lovense::before {
    background-color: #fff
}

.model-chat-fullscreen .message-base.m-line-friendship::before {
    background-color: #f14b57
}

.model-chat-fullscreen .message-base.m-line-system-announce::before {
    background-color: #76a7db
}

.model-chat-fullscreen .message-base.m-line-menu-announce::before {
    background-color: #ff414f
}

.model-chat-fullscreen .message-base.m-line-private-menu-announce::before {
    background-color: #cba149
}

.model-chat-fullscreen .message-base.m-line-private-upgraded::before {
    background-color: #feb601
}

.model-chat-fullscreen .message-base.m-line-game-started::before {
    background-color: #eb5256
}

.model-chat-fullscreen .message-base.m-line-tier1::before {
    background-color: #1b7aff
}

.model-chat-fullscreen .message-base.m-line-tier2::before {
    background-color: #dc1cff
}

.model-chat-fullscreen .message-base.m-line-tier3::before {
    background-color: #ff2a59
}

.model-chat-normal .message-base {
    font-size: .875rem;
    line-height: 1.125rem;
    background-color: transparent;
    border-bottom: 1px solid #2e2e2e;
    color: #e1e1e1;
    padding: 15px
}

.model-chat-normal .message-base.m-bg-model {
    background-color: #282828
}

.model-chat-normal .message-base.m-bg-goal {
    background-color: #3b3b3b
}

.model-chat-normal .message-base.m-bg-goal-reached {
    background-color: rgba(121, 155, 46, .15)
}

.model-chat-normal .message-base.m-bg-tokens-required {
    background-color: #222
}

.model-chat-normal .message-base.m-bg-epic-goal {
    background-color: #361961
}

.model-chat-normal .message-base.m-bg-system {
    background-color: #3b3b3b
}

.model-chat-normal .message-base.m-bg-error {
    background-color: #ab262e
}

.model-chat-normal .message-base.m-bg-public-tip {
    background-color: #222
}

.model-chat-normal .message-base.m-bg-private-tip {
    background-color: rgba(255, 176, 48, .1)
}

.model-chat-normal .message-base.m-bg-poll {
    background-color: #222
}

.model-chat-normal .message-base.m-bg-private-upgraded {
    background-color: #4d4230
}

.model-chat-normal .message-base.m-bg-tip-menu-tip {
    background-color: rgba(178, 227, 69, .1)
}

.model-chat-normal .message-base.m-bg-discount {
    background: #4f483e
}

.model-chat-normal .message-base.m-line-goal::before {
    background-color: #b2e345
}

.model-chat-normal .message-base.m-line-epic-goal::before {
    background-color: #d5a6ff
}

.model-chat-normal .message-base.m-line-group-show-announce::before {
    background-color: rgba(255, 255, 255, .8)
}

.model-chat-normal .message-base.m-line-friendship::before {
    background-color: #f14b57
}

.model-chat-normal .message-base.m-line-system-announce::before {
    background-color: #69a8e0
}

.model-chat-normal .message-base.m-line-private-menu-announce::before {
    background-color: #e9a63b
}

.model-chat-normal .message-base.m-line-menu-announce::before {
    background-color: #ff414f
}

.model-chat-normal .message-base.m-line-lovense::before {
    background-color: #fff
}

.model-chat-normal .message-base.m-line-lovense.kiiroo-toy-message-with-highlight::before,
.model-chat-normal .message-base.m-line-lovense.lovense-toy-message-with-highlight::before {
    background-color: #ea3596
}

.model-chat-normal .message-base.m-line-private-upgraded::before {
    background-color: #feb601
}

.model-chat-normal .message-base.m-line-game-started::before {
    background-color: #eb5256
}

.model-chat-normal .message-base.m-line-tip-menu-tip::before {
    background-color: #b2e345
}

.model-chat-normal .message-base.m-line-discount::before {
    background-color: #ffa900
}

.model-chat-normal .message-base.m-line-tier1::before {
    background-color: #1b7aff
}

.model-chat-normal .message-base.m-line-tier2::before {
    background-color: #dc1cff
}

.model-chat-normal .message-base.m-line-tier3::before {
    background-color: #ff2a59
}

.model-chat-normal.model-chat-size-small .message-base {
    font-size: .75rem;
    line-height: 1.25rem
}

.model-chat-normal.model-chat-size-large .message-base {
    font-size: 1rem;
    line-height: 1.25rem
}

.message-timestamp {
    color: rgba(255, 255, 255, .4);
    display: inline-block;
    margin-right: 6px;
    font-size: .625rem
}

.model-chat-normal.model-chat-size-small .message-timestamp {
    font-size: .563rem
}

.model-chat-normal.model-chat-size-large .message-timestamp {
    font-size: .688rem
}

.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;
    top: 50%;
    position: absolute;
    transform: translateY(-50%)
}

.user-levels-username-chat-owner.disabled {
    pointer-events: none
}

.user-name-card-wrapper.user-info-popup {
    background: #333;
    border-radius: 8px;
    min-wdith: 552px
}

.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-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 .uip-pointer {
    color: #333
}

.user-name-card-wrapper .uiph-username-info {
    font-weight: 700
}

.user-name-card-wrapper .uipb-financial-state {
    margin-top: 11px
}

.textarea-autosize {
    overflow: hidden;
    resize: none
}

.textarea-autosize[disabled] {
    cursor: not-allowed;
    opacity: .4
}

.textarea-interactive {
    position: relative;
    display: flex;
    flex-direction: row
}

.textarea-interactive .textarea:not(:disabled) {
    color: rgba(255, 255, 255, .5)
}

.textarea-interactive .textarea:not(:disabled)::-moz-placeholder {
    color: rgba(150, 150, 150, .51)
}

.textarea-interactive .textarea:not(:disabled)::placeholder {
    color: rgba(150, 150, 150, .51)
}

.textarea-interactive .textarea {
    background: 0 0;
    border: 0;
    border-radius: 0;
    height: 34px;
    padding: 6px 42px 10px 12px;
    width: 100%;
    line-height: 1.125rem;
    font-size: .75rem
}

.textarea-interactive .textarea:focus {
    background: 0 0;
    box-shadow: none;
    color: #fff
}

.textarea-interactive .textarea:disabled {
    color: rgba(255, 255, 255, .5)
}

.textarea-interactive .textarea::-moz-placeholder {
    line-height: 1.125rem
}

.textarea-interactive .textarea::placeholder {
    line-height: 1.125rem
}

.textarea-interactive .textarea-interactive-icon-box {
    color: rgba(255, 255, 255, .5);
    cursor: pointer;
    position: absolute;
    right: 14px;
    top: 9px;
    display: flex;
    flex-direction: row
}

.textarea-interactive .textarea-interactive-icon-box .icon {
    fill: currentColor;
    height: 14px;
    margin: 0;
    width: 14px;
    transition: all 120ms ease-in-out 0s
}

.textarea-interactive .textarea-interactive-icon-box.disabled {
    color: rgba(255, 255, 255, .5);
    pointer-events: none
}

.textarea-interactive .textarea-interactive-icon-box:hover {
    color: #fff
}

.textarea-interactive:hover .textarea:not(:disabled) {
    color: #fff
}

.textarea-interactive:hover .textarea:not(:disabled)::-moz-placeholder {
    color: #969696
}

.textarea-interactive:hover .textarea:not(:disabled)::placeholder {
    color: #969696
}

.gift-tokens-for-user-button.gift-tokens-for-user-button.btn.btn-default {
    font-size: 14px;
    font-weight: 700;
    letter-spacing: normal;
    line-height: normal;
    align-items: center;
    background-color: #e9a63b;
    color: #410e0e;
    display: flex;
    flex-direction: row
}

.gift-tokens-for-user-button.gift-tokens-for-user-button.btn.btn-default:hover {
    background-color: #fff
}

.gift-tokens-for-user-button.gift-tokens-for-user-button.btn.btn-default .gift-tokens-for-user-button-icon.icon {
    color: #410e0e;
    fill: currentColor
}

.gift-tokens-for-user-button.gift-tokens-for-user-button.btn.btn-default .gift-tokens-for-user-button-label {
    margin-left: 8px
}

.ban-button-iconified {
    align-items: center;
    background: 0 0;
    border: 0;
    cursor: pointer;
    fill: #6e6e6e;
    padding: 0;
    display: flex;
    flex-direction: row
}

.ban-button-iconified .icon {
    margin: 0
}

.ban-button-iconified:hover {
    fill: silver
}

.ban-button-iconified.banned {
    fill: rgba(255, 0, 0, .57)
}

.mute-button-iconified {
    align-items: center;
    background: 0 0;
    border: 0;
    cursor: pointer;
    fill: #6e6e6e;
    padding: 0;
    display: flex;
    flex-direction: row
}

.mute-button-iconified .icon {
    margin: 0
}

.mute-button-iconified:hover {
    fill: silver
}

.mute-button-iconified.muted {
    fill: rgba(255, 0, 0, .57)
}

.mute-button-iconified:disabled {
    fill: rgba(110, 110, 110, .5);
    pointer-events: none
}

.mute-button-iconified:disabled:hover {
    fill: rgba(110, 110, 110, .5)
}

.reply-public-chat-button {
    font-size: 12px;
    font-weight: 700;
    padding: 0 22px 0 26px
}

.reply-public-chat-button .icon {
    margin: 0 6px 3px 0
}

.report-button {
    margin-left: 10px
}

.report-button__button {
    background: 0 0;
    border: 0;
    cursor: pointer;
    padding: 0
}

.report-button__button .report-button__icon {
    color: #6e6e6e;
    margin-right: 0
}

.report-button__button:hover:not(:disabled) .report-button__icon {
    color: silver
}

.report-button__tooltip {
    z-index: 602
}

.user-info-popup-body {
    max-width: 100vw;
    padding: 14px
}

.user-info-popup-body>*+* {
    margin-top: 11px
}

.user-info-popup-body .uipb-financial-state {
    align-items: flex-start;
    font-weight: 400;
    display: flex;
    flex-direction: column
}

.user-info-popup-body .uipb-financial-state-item {
    align-items: center;
    fill: #fff;
    display: flex;
    flex-direction: row
}

.user-info-popup-body .uipb-financial-state-item-icon {
    height: 14px;
    margin: 0 7px 0 0;
    width: 14px
}

.user-info-popup-body .uipb-financial-state-item-value {
    font-size: .813rem;
    line-height: 1.188rem
}

.user-info-popup-body .uipb-financial-state-item-value.unavailable {
    color: rgba(255, 255, 255, .48)
}

.user-info-popup-body .uipb-relation-actions {
    flex-wrap: wrap;
    gap: 13px 20px;
    justify-content: space-between;
    display: flex;
    flex-direction: row
}

.user-info-popup-body .uipb-relation-actions:first-child {
    margin-top: 10px
}

.user-info-popup-body .uipb-relation-actions-left {
    max-width: 100%;
    display: flex;
    flex-direction: row
}

.user-info-popup-body .uipb-relation-actions-left>* {
    margin: 0;
    min-width: 0
}

.user-info-popup-body .uipb-relation-actions-left>:not(:last-child) {
    margin-right: 10px
}

.user-info-popup-body .uipb-relation-actions-left a,
.user-info-popup-body .uipb-relation-actions-left button {
    height: 31px;
    flex-direction: column-reverse;
    display: flex;
    max-width: 100%
}

.user-info-popup-body .uipb-relation-actions-right {
    align-items: center;
    margin: 0;
    display: flex;
    flex-direction: row
}

.user-info-popup-body .uipb-relation-actions-right .report-button {
    margin-left: 0
}

.user-info-popup-body .uipb-relation-actions-right .mute-button+.ban-button {
    margin-left: 10px
}

.user-info-popup-body .uipb-relation-actions-right .report-button+.mute-button {
    margin-left: 10px
}

.user-info-popup-body .uipb-interests__title {
    color: #fff;
    margin-bottom: 8px;
    opacity: .8;
    font-size: .75rem
}

.user-info-popup-body .uipb-interests__list {
    color: rgba(255, 255, 255, .8);
    font-size: .813rem;
    line-height: 1.25rem
}

.user-info-popup-body .uipb-interests__see-all-interests {
    align-items: center;
    background: 0 0;
    border: none;
    box-sizing: border-box;
    color: rgba(255, 255, 255, .4);
    cursor: pointer;
    display: inline-flex;
    font-weight: 500;
    transition: all ease .25s;
    font-size: .813rem
}

.user-info-popup-body .uipb-interests__see-all-interests:hover {
    color: #fff
}

.user-info-popup-body .uipb-interests__see-all-interests-icon {
    margin: 0 0 0 5px
}

.user-info-popup-body-property-block {
    padding: 14px;
    border-color: rgba(151, 151, 151, .26);
    border-width: 1px 0;
    border-style: solid;
    margin-left: -14px;
    margin-right: -14px;
    line-height: normal
}

.user-info-popup-body-property-block+.user-info-popup-body-property-block {
    border-top: none;
    margin-top: 0
}

.user-info-popup-body-property-block-icon {
    fill: currentColor;
    width: 13px;
    height: 13px;
    margin: 0;
    margin-right: 7px;
    margin-top: -3px
}

.knight-button {
    cursor: pointer;
    fill: #6e6e6e;
    height: 17px;
    width: 16px;
    background: 0 0;
    border: 0;
    padding: 0;
    display: flex;
    flex-direction: row
}

.knight-button .icon {
    margin: 0
}

.knight-button:hover {
    fill: silver
}

.knight-button.knighted {
    fill: #e1ad5b
}

.ellipsis-text {
    overflow: hidden;
    text-overflow: ellipsis
}

.ellipsis-text .ellipsis-text-inners {
    white-space: nowrap
}

.user-last-activity {
    opacity: .4
}

.user-info-popup-header {
    background: #1b1b1b;
    padding: 12px 13px 14px;
    display: flex;
    flex-direction: row
}

.user-info-popup-header .avatar {
    font-size: 3px;
    height: 65px;
    margin: 0 12px 0 0;
    width: 65px;
    flex: 1;
    flex-basis: auto;
    flex-grow: 0;
    flex-shrink: 0
}

.user-info-popup-header .knight-button {
    margin: 0 0 0 10px
}

.user-info-popup-header .uiph-avatar-description {
    overflow: hidden;
    flex: 1;
    flex-basis: auto;
    flex-grow: 1;
    flex-shrink: 1
}

.user-info-popup-header .uiph-common-info {
    color: rgba(255, 255, 255, .5);
    font-weight: 400;
    text-align: left;
    font-size: .75rem;
    line-height: 1.188rem
}

.user-info-popup-header .uiph-common-info-languages {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.user-info-popup-header .uiph-username-info {
    justify-content: space-between;
    margin: 0 0 2px;
    font-size: .813rem;
    line-height: 1.063rem;
    display: flex;
    flex-direction: row
}

.user-info-popup-header .uiph-knighting-icon.icon {
    fill: #7e7e7e;
    height: 17px;
    margin: 1px 0 0 10px;
    width: 16px
}

.user-info-popup-header .uiph-knighting-icon.icon:hover {
    fill: #fff
}

.user-info-popup {
    background: #3d3d3d;
    box-shadow: 0 2px 19px rgba(0, 0, 0, .5);
    color: #fff;
    cursor: auto;
    max-width: 500px;
    min-width: 274px;
    pointer-events: all;
    position: fixed;
    -webkit-user-select: text;
    -moz-user-select: text;
    user-select: text;
    z-index: 601;
    display: flex;
    flex-direction: column;
    border-radius: 8px
}

.user-info-popup .user-info-popup-header {
    border-top-left-radius: 8px;
    border-top-right-radius: 8px
}

.user-info-popup .uip-pointer {
    border-color: transparent transparent transparent currentColor;
    border-style: solid;
    border-width: 7px;
    color: #1b1b1b;
    content: "";
    position: fixed
}

.user-info-popup .uip-pointer-bottom {
    border-color: currentColor transparent transparent transparent;
    transform: translateX(-50%)
}

.user-info-popup .uip-pointer-top {
    border-color: transparent transparent currentColor transparent;
    transform: translateX(-50%)
}

.user-info-popup .textarea-interactive {
    border-bottom: 1px solid rgba(151, 151, 151, .26);
    border-top: 1px solid transparent
}

.user-info-popup-close {
    align-items: center;
    background: 0 0;
    border: 0;
    color: #f8f8f8;
    cursor: pointer;
    display: flex;
    height: 20px;
    justify-content: center;
    padding: 0;
    opacity: .4;
    right: 5px;
    top: 5px;
    position: absolute;
    transition: opacity .3s;
    width: 20px
}

.user-info-popup-close:hover {
    opacity: 1
}

.user-info-popup-close>.icon {
    height: 9px;
    margin: 0;
    width: 9px
}

.view-cam-username {
    display: inline-block;
    font-weight: 700
}

.message-username.username {
    cursor: pointer;
    font-weight: 700
}

.message-username.username .user-levels-username {
    align-items: baseline
}

.message-username.username .username-status-icons {
    height: 0;
    top: 4px
}

.message-username.username .username-tier-icon {
    height: 14px;
    padding-top: 2px
}

.message-username.username .icon-diamond-lord {
    position: relative;
    top: -1px
}

.message-username.username .username-icons {
    position: relative;
    top: .1em
}

.message-username.username .user-info-popup .uipb-relation-actions .icon,
.message-username.username+.user-info-popup .uipb-relation-actions .icon {
    flex-shrink: 1
}

.model-chat-fullscreen .message-username.username .username-status-icons {
    height: 0;
    top: 3px
}

.model-chat-fullscreen .message-username.username .username-icons {
    top: 2px
}

.model-chat-fullscreen .message-username.username .user-level-ultimate-badge-size-small {
    height: 15px;
    width: 15px
}

.model-chat-fullscreen .message-username.username .username-tier-icon>svg {
    height: 15px;
    width: 15px
}

.model-chat-fullscreen .message-username.username .user-levels-username-guest {
    color: #b3b3b3
}

.model-chat-fullscreen .message-username.username .color-league-default,
.model-chat-fullscreen .message-username.username .color-league-default:hover {
    color: #f8f8f8
}

.model-chat-fullscreen .message-username.username .color-league-grey,
.model-chat-fullscreen .message-username.username .color-league-grey:hover {
    color: #9f9f9f
}

.model-chat-fullscreen .message-username.username .color-league-silver,
.model-chat-fullscreen .message-username.username .color-league-silver:hover {
    color: #c9e7fe
}

.model-chat-normal .message-username.username {
    font-size: .813rem
}

.model-chat-normal.model-chat-size-small .message-username.username {
    font-size: .688rem
}

.model-chat-normal.model-chat-size-small .message-username.username .user-level-ultimate-badge-size-small {
    height: 16px;
    width: 16px
}

.model-chat-normal.model-chat-size-small .message-username.username .username-tier-icon>svg {
    height: 16px;
    width: 16px
}

.model-chat-normal.model-chat-size-large .message-username.username {
    font-size: .938rem
}

.model-chat-normal .system-table-message.message {
    padding: 20px
}

.model-chat-fullscreen .system-table-message.message {
    padding: 8px
}

.system-table-message.message .system-table-message-row {
    display: flex
}

.system-table-message.message .system-table-message-row:not(:last-child) {
    margin-bottom: 10px
}

.model-chat-fullscreen .system-table-message.message .system-table-message-row:not(:last-child) {
    margin-bottom: 8px
}

.system-table-message.message .system-table-message-key {
    color: #8d8d8d;
    flex-basis: 120px;
    flex-shrink: 0;
    margin-right: 20px
}

.model-chat-fullscreen .system-table-message.message .system-table-message-key {
    color: rgba(248, 248, 248, .6);
    flex-basis: 100px;
    margin-right: 10px
}

.system-text-message.message a {
    white-space: nowrap
}

.system-text-message.message .icon {
    fill: currentColor
}

.system-text-message.message.system-text-message-error {
    font-weight: 700;
    text-align: center
}

.system-text-message.message.system-text-message-error a {
    color: inherit;
    text-decoration: underline
}

.model-chat-normal .system-text-message.message.system-text-message-error {
    color: #fff;
    cursor: pointer;
    padding: 10px
}

.system-text-message.message.system-text-message-system {
    font-weight: 700;
    text-align: center
}

.system-text-message.message.system-text-message-system a {
    color: #e1e1e1
}

.model-chat-normal .system-text-message.message.system-text-message-system {
    color: #69a8e0;
    padding: 15px 20px
}

.model-chat-fullscreen .system-text-message.message.system-text-message-system {
    color: #75a5d8
}

.system-text-message.message.system-text-message-announce .message-body {
    align-items: center;
    display: flex
}

.model-chat-normal .system-text-message.message.system-text-message-announce a {
    color: #69a8e0
}

.model-chat-normal .system-text-message.message.system-text-message-announce .icon {
    height: 18px;
    margin-right: 10px;
    width: 18px
}

.model-chat-fullscreen .system-text-message.message.system-text-message-announce {
    padding: 8px 8px 8px 15px
}

.model-chat-fullscreen .system-text-message.message.system-text-message-announce a {
    color: #75a5d8
}

.model-chat-fullscreen .system-text-message.message.system-text-message-announce .icon {
    height: 16px;
    margin-right: 8px;
    width: 16px
}

.model-chat-fullscreen .separator-message.message {
    background-color: transparent;
    padding-left: 0;
    padding-right: 0
}

.model-chat-fullscreen .separator-message.message.start {
    color: #e0ac5b
}

.model-chat-fullscreen .separator-message.message:after,
.model-chat-fullscreen .separator-message.message:before {
    border-top: 1px solid currentColor;
    content: "";
    display: block
}

.model-chat-fullscreen .separator-message.message:before {
    flex-shrink: 0;
    position: static;
    width: 14px
}

.model-chat-fullscreen .separator-message.message:after {
    flex-grow: 1;
    width: auto
}

.model-chat-fullscreen .separator-message.message .message-body {
    flex-shrink: 0;
    padding: 0 4px;
    width: auto
}

.model-chat-normal .separator-message.message {
    font-size: .688rem;
    color: rgba(225, 225, 225, .4);
    padding: 5px 0
}

.model-chat-normal .separator-message.message:after,
.model-chat-normal .separator-message.message:before {
    border-top: 1px solid rgba(255, 255, 255, .1);
    content: "";
    display: block;
    margin: 10px 0
}

.model-chat-normal .separator-message.message:before {
    flex-shrink: 0;
    position: static;
    width: 15px
}

.model-chat-normal .separator-message.message:after {
    flex-grow: 1;
    width: auto
}

.model-chat-normal .separator-message.message .message-body {
    flex-shrink: 0;
    padding: 0 5px;
    width: auto
}

.model-chat-normal .separator-message.message.start {
    color: #e1ad5b
}

.model-chat-normal .separator-message.message.start:after,
.model-chat-normal .separator-message.message.start:before {
    border-top-color: rgba(225, 173, 91, .3)
}

.model-chat-normal.model-chat-size-small .separator-message.message {
    font-size: .625rem
}

.model-chat-normal.model-chat-size-large .separator-message.message {
    font-size: .813rem
}

.group-show-message.message .group-show-message-title {
    align-items: center;
    display: flex
}

.group-show-message.message strong {
    white-space: nowrap
}

.group-show-message.message .tip-more-link {
    color: #69a8e0;
    cursor: pointer
}

.model-chat-normal .group-show-message.message {
    border-bottom: 0;
    margin-bottom: 1px;
    padding: 15px 20px
}

.model-chat-normal .group-show-message.message .group-show-message-title .icon-group {
    margin-right: 10px
}

.model-chat-normal .group-show-message.message .group-show-message-title .icon-note {
    width: 20px
}

.model-chat-normal .group-show-message.message .group-show-message-body {
    border-top: 1px solid rgba(248, 248, 248, .15);
    margin-top: 15px;
    padding-top: 15px
}

.model-chat-normal .group-show-message.message .group-show-message-body .group-show-announce-controls {
    margin-top: 0
}

.model-chat-normal .group-show-message.message .group-show-message-body .group-show-announce-topic+.group-show-announce-controls {
    margin-top: 20px
}

.model-chat-normal .group-show-message.message .group-show-announce-rate {
    color: #ffdf85
}

.model-chat-normal .group-show-message.message .group-show-announce-topic-label {
    color: #e1e1e1
}

.model-chat-normal .group-show-message.message .group-show-announce-topic {
    font-size: 90%
}

.model-chat-fullscreen .group-show-message.message {
    padding: 8px 8px 8px 15px
}

.model-chat-fullscreen .group-show-message.message .group-show-message-title .icon-group {
    margin-right: 8px
}

.model-chat-fullscreen .group-show-message.message .group-show-message-title .icon-note {
    width: 16px
}

.model-chat-fullscreen .group-show-message.message .group-show-message-body {
    border-top: 1px solid rgba(248, 248, 248, .2);
    margin-top: 8px;
    padding-top: 8px
}

.model-chat-fullscreen .group-show-message.message .group-show-message-body .group-show-announce-controls {
    align-items: flex-start;
    flex-direction: column;
    margin-top: 0
}

.model-chat-fullscreen .group-show-message.message .group-show-message-body .group-show-announce-controls button {
    background-color: #f8f8f8;
    border-color: transparent;
    color: #101010
}

.model-chat-fullscreen .group-show-message.message .group-show-message-body .group-show-announce-controls .group-show-announce-right {
    margin-left: 0;
    margin-top: 8px
}

.model-chat-fullscreen .group-show-message.message .group-show-message-body .group-show-announce-topic+.group-show-announce-controls {
    margin-top: 8px
}

.model-chat-fullscreen .group-show-message.message .group-show-announce-rate {
    color: #f1c857
}

.model-chat-fullscreen .group-show-message.message .group-show-announce-topic-label {
    color: rgba(248, 248, 248, .8)
}

.report-chat-message-button {
    position: relative
}

.report-chat-message-button .menu-button {
    align-items: center;
    background: 0 0;
    border: 0;
    color: #6e6e6e;
    cursor: pointer;
    padding: 0;
    display: flex;
    flex-direction: row
}

.report-chat-message-button .menu-button .icon {
    margin: 0
}

.report-chat-message-button .menu-button:hover {
    color: silver
}

.report-chat-message-button .report-button {
    display: block;
    padding: 10px 14px;
    text-decoration: none;
    white-space: nowrap;
    margin-left: 0;
    border-radius: 4px
}

.report-chat-message-button .report-button .icon {
    margin-right: 6px;
    margin-top: -4px
}

.report-chat-message-button .report-button:hover {
    background: rgba(255, 255, 255, .1);
    text-decoration: none
}

.message .report-chat-message-button {
    opacity: 0
}

.message:hover .report-chat-message-button {
    opacity: 1
}

@media (pointer:coarse) {
    .message .report-chat-message-button {
        display: none;
        opacity: initial
    }
}

body.touch .message .report-chat-message-button {
    display: none;
    opacity: initial
}

.chat-message-translate-button {
    height: 16px;
    position: relative;
    align-items: center;
    background: 0 0;
    border: 0;
    cursor: pointer;
    fill: #6e6e6e;
    padding: 0;
    display: flex;
    flex-direction: row
}

.chat-message-translate-button .icon {
    margin: 0
}

.chat-message-translate-button:hover {
    fill: silver
}

.chat-message-translate-button--translated {
    fill: #669df6
}

.chat-message-translate-button--translated:hover {
    fill: #85b1f8
}

.model-chat-normal .regular-message.message {
    padding: 4px 15px 3px
}

.model-chat-fullscreen .regular-message.message {
    align-self: flex-start;
    width: auto
}

.regular-message.message .smile {
    position: relative;
    vertical-align: middle
}

.regular-message.message .ban-button,
.regular-message.message .mute-button,
.regular-message.message .report-chat-message-button {
    float: right;
    margin: 0 0 2px 10px
}

.regular-message.message .chat-message-translate-button {
    float: right;
    margin: 1px 0 1px 10px
}

.regular-message.message .report-chat-message-button {
    opacity: 0
}

@media (pointer:coarse) {
    .regular-message.message .report-chat-message-button {
        display: none;
        opacity: initial
    }
}

body.touch .regular-message.message .report-chat-message-button {
    display: none;
    opacity: initial
}

.regular-message.message:hover .report-chat-message-button {
    opacity: 1
}

.regular-message.message .user-levels-username-chat-owner,
.regular-message.message .username {
    margin-right: 6px
}

.regular-private-message.message .chat-message-translate-button {
    margin: 2px 0 0 7px;
    height: 20px
}

.regular-message-error {
    margin-top: 7px;
    font-size: 12px;
    color: #c33343;
    text-align: center
}

.model-chat-normal .command-message.message {
    padding: 20px
}

.model-chat-normal .help-message.message {
    padding: 20px
}

.help-message.message .help-message-header {
    margin-bottom: 10px
}

.model-chat-fullscreen .help-message.message .help-message-header {
    margin-bottom: 4px
}

.help-message.message .help-message-body {
    display: block
}

.help-message.message .help-message-label {
    margin-right: 5px
}

.help-message.message .help-message-label a {
    color: inherit
}

.model-chat-normal .help-message.message .help-message-label {
    line-height: 1.25rem;
    color: #69a8e0
}

.model-chat-fullscreen .help-message.message .help-message-label {
    color: #75a5d8
}

.help-message.message .help-message-examples {
    display: block
}

.model-chat-fullscreen .help-message.message .help-message-examples {
    font-size: .75rem;
    line-height: .938rem;
    color: rgba(248, 248, 248, .6);
    margin: 8px 0
}

.model-chat-normal .help-message.message .help-message-examples {
    font-size: .75rem;
    line-height: 1.125rem;
    color: #8d8d8d;
    margin: 10px 0;
    padding-left: 10px
}

.model-chat-normal.model-chat-size-small .help-message.message .help-message-examples {
    font-size: .688rem
}

.model-chat-normal.model-chat-size-large .help-message.message .help-message-examples {
    font-size: .875rem
}

.model-chat-fullscreen .help-message.message .help-message-examples-header {
    margin-bottom: 4px
}

.model-chat-normal .help-message.message .help-message-examples-header {
    color: #e1e1e1;
    margin-bottom: 10px
}

.help-message.message .help-message-command {
    color: #e1e1e1
}

.model-chat-normal .help-message.message .help-message-command {
    font-weight: 700
}

.users-message .username {
    font-weight: 700
}

.model-chat-normal .console-error-message.message {
    padding: 20px
}

.model-chat-normal .private-menu-unavailable.message {
    padding: 15px 20px
}

.message.hide-greys-message .message-body {
    align-items: center;
    display: flex
}

.message.hide-greys-message .icon {
    fill: currentColor;
    opacity: .6
}

.message.hide-greys-message .text {
    opacity: .8
}

.model-chat-fullscreen .message.hide-greys-message {
    padding: 8px 8px 8px 15px
}

.model-chat-fullscreen .message.hide-greys-message .icon {
    margin-right: 8px
}

.model-chat-normal .message.hide-greys-message {
    font-size: .75rem;
    padding: 15px 20px
}

.model-chat-normal .message.hide-greys-message .icon {
    margin-right: 12px
}

.model-chat-normal.model-chat-size-small .message.hide-greys-message {
    font-size: .688rem
}

.model-chat-normal.model-chat-size-large .message.hide-greys-message {
    font-size: .875rem
}

.tokens-giveaway-message.message .message-body {
    display: flex
}

.tokens-giveaway-message.message .icon {
    fill: currentColor
}

.model-chat-normal .tokens-giveaway-message.message {
    padding-bottom: 10px
}

@media screen and (max-width:480px) {
    .model-chat-normal .tokens-giveaway-message.message {
        padding-bottom: 13px
    }
}

.model-chat-normal .tokens-giveaway-message.message .icon {
    margin-right: 10px
}

.model-chat-normal .tokens-giveaway-message.message .btn-signup {
    display: block;
    margin: 10px 0 6px 0;
    font-size: .75rem
}

@media screen and (max-width:480px) {
    .model-chat-normal .tokens-giveaway-message.message .btn-signup {
        display: block;
        margin: 13px 0 10px 0;
        font-size: .813rem
    }
}

.model-chat-normal .tokens-giveaway-message.message .tokens-giveaway-message-help-text {
    color: #fff;
    line-height: 1.125rem
}

.model-chat-fullscreen .tokens-giveaway-message.message .icon {
    margin-right: 8px
}

.model-chat-fullscreen .tokens-giveaway-message.message .btn-signup {
    background-color: #f8f8f8;
    border-color: transparent;
    color: #101010;
    display: block;
    margin: 8px 0
}

.highlight-button {
    padding: 2px 1px 2px 9px;
    vertical-align: baseline;
    font-size: 14px;
    line-height: 17px;
    font-weight: 700;
    background-color: rgba(255, 255, 255, .07);
    color: #76a7db;
    margin: 0
}

.highlight-button:active,
.highlight-button:focus,
.highlight-button:hover {
    color: #76a7db;
    background-color: rgba(255, 255, 255, .15)
}

.highlight-button__icon {
    margin-left: 5px
}

.highlight-button__content {
    display: flex;
    align-items: center
}

.highlight-button--with-border {
    border: 1px solid #313131
}

.highlight-button--with-border:active,
.highlight-button--with-border:focus,
.highlight-button--with-border:hover {
    border: 1px solid #434343
}

.model-chat-fullscreen .highlight-button {
    font-size: 13px;
    padding: 3px 1px 3px 9px;
    background-color: rgba(255, 255, 255, .07);
    color: #76a7db;
    border: 0
}

.model-chat-fullscreen .highlight-button:active,
.model-chat-fullscreen .highlight-button:focus,
.model-chat-fullscreen .highlight-button:hover {
    color: #76a7db;
    background-color: rgba(255, 255, 255, .15);
    border: 0
}

.message.toy-message.kiiroo-toy-message-with-highlight,
.message.toy-message.lovense-toy-message-with-highlight {
    background-color: #2c1d2e
}

.message.toy-message.kiiroo-toy-message-with-highlight .icon-lovense,
.message.toy-message.lovense-toy-message-with-highlight .icon-lovense {
    color: #ea3596
}

.message.toy-message.kiiroo-toy-message-with-highlight .kiiroo-toy-message-title,
.message.toy-message.kiiroo-toy-message-with-highlight .lovense-toy-message-text,
.message.toy-message.lovense-toy-message-with-highlight .kiiroo-toy-message-title,
.message.toy-message.lovense-toy-message-with-highlight .lovense-toy-message-text {
    line-height: 1.563rem;
    color: #ea3596
}

.message.toy-message.kiiroo-toy-message-with-highlight .kiiroo-toy-message-title .tip,
.message.toy-message.kiiroo-toy-message-with-highlight .lovense-toy-message-text .tip,
.message.toy-message.lovense-toy-message-with-highlight .kiiroo-toy-message-title .tip,
.message.toy-message.lovense-toy-message-with-highlight .lovense-toy-message-text .tip {
    line-height: normal
}

.message.toy-message.kiiroo-toy-message-with-highlight .message-body,
.message.toy-message.lovense-toy-message-with-highlight .message-body {
    align-items: baseline
}

.message.toy-message.kiiroo-toy-message-with-highlight .highlight-button,
.message.toy-message.lovense-toy-message-with-highlight .highlight-button {
    background-color: #ea3596;
    color: #fff;
    margin-left: 4px;
    padding: 3px 1px 3px 9px;
    border: none
}

.message.toy-message.kiiroo-toy-message-with-highlight .highlight-button:hover,
.message.toy-message.lovense-toy-message-with-highlight .highlight-button:hover {
    background-color: #ef62ad;
    border: none
}

.message.toy-message .message-body {
    display: flex
}

.message.toy-message-control {
    cursor: pointer;
    padding: 8px
}

.message.toy-message-control .message-body {
    justify-content: center
}

.message.toy-message .toy-message__lovense-control-user {
    color: #ffad22;
    font-weight: 700
}

.message.toy-message .lovense-give-control-message {
    text-align: center
}

.message.toy-message .icon-wrapper {
    flex: 0 0 auto
}

.message.toy-message .icon-wrapper .icon {
    margin: 0
}

.model-chat-normal .message.toy-message {
    color: #f8f8f8
}

.model-chat-normal .message.toy-message.toy-message-interactive {
    background-color: #454545;
    cursor: pointer
}

.model-chat-normal .message.toy-message .icon-wrapper {
    margin-right: 10px
}

.model-chat-normal .message.toy-message .icon-wrapper .icon {
    fill: #f8f8f8;
    height: 18px;
    width: 18px
}

.model-chat-fullscreen .message.toy-message .icon-wrapper {
    margin-right: 8px
}

.model-chat-fullscreen .message.toy-message .icon-wrapper .icon {
    fill: #fff;
    height: 16px;
    width: 16px
}

.message.toy-message.toy-message-tip .tip .power-medium {
    color: #59a6ff
}

.message.toy-message.toy-message-tip .tip .power-high {
    color: #ffa400
}

.message.toy-message.toy-message-tip .tip .power-ultraHigh {
    color: #ff4000
}

.message.toy-message.toy-message-tip .tip .power-special {
    color: #ff0098
}

.message.toy-message.toy-message-tip .tip .power-randomTime {
    color: #953fff
}

.model-chat-normal .message.toy-message.toy-message-tip .tip {
    color: rgba(248, 248, 248, .6)
}

.model-chat-normal .message.toy-message.toy-message-tip .tip .power {
    font-weight: 500
}

.model-chat-normal .message.toy-message.toy-message-tip .tip .power.power-low {
    color: #f8f8f8
}

.model-chat-normal .message.toy-message.toy-message-tip .tip .duration {
    color: #f8f8f8;
    font-weight: 500
}

.model-chat-normal .message.toy-message.toy-message-tip .tip .user {
    font-weight: 500
}

@media screen and (max-width:479px) {
    .model-chat-normal .message.toy-message.toy-message-tip .tip .vibration-word {
        display: none
    }
}

.model-chat-fullscreen .message.toy-message.toy-message-tip .tip {
    color: rgba(248, 248, 248, .6)
}

.model-chat-fullscreen .message.toy-message.toy-message-tip .tip .power {
    font-weight: 500
}

.model-chat-fullscreen .message.toy-message.toy-message-tip .tip .power.power-low {
    color: #f8f8f8
}

.model-chat-fullscreen .message.toy-message.toy-message-tip .tip .duration {
    color: #f8f8f8;
    font-weight: 500
}

.message.toy-message.toy-message-toy .kiiroo-console-link,
.message.toy-message.toy-message-toy .lovense-console-link {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.message.toy-message.toy-message-toy .kiiroo-toy-message {
    display: flex;
    flex-direction: column
}

.message.toy-message.toy-message-toy .kiiroo-toy-message-description {
    margin-top: 5px;
    opacity: .6
}

.message.toy-message.toy-message-toy .kiiroo-toy-message-link {
    text-decoration: underline;
    transition: all 120ms ease-in-out 0s
}

.model-chat-normal .message.toy-message.toy-message-toy .kiiroo-console-link,
.model-chat-normal .message.toy-message.toy-message-toy .lovense-console-link {
    color: #69a8e0
}

.model-chat-normal .message.toy-message.toy-message-toy .kiiroo-toy-message-description {
    font-size: .75rem;
    line-height: 1.125rem
}

.model-chat-fullscreen .message.toy-message.toy-message-toy .kiiroo-console-link,
.model-chat-fullscreen .message.toy-message.toy-message-toy .lovense-console-link {
    color: #75a5d8
}

.model-chat-fullscreen .message.toy-message.toy-message-toy .kiiroo-toy-message-link {
    color: #a4a4a4
}

.message.new-king-message {
    text-align: center
}

.model-chat-normal .message.new-king-message {
    border-bottom: 1px solid rgba(59, 59, 59, .9);
    padding: 9px 15px 10px
}

.model-chat-fullscreen .message.new-king-message .username-icons>* {
    height: 0
}

.model-chat-normal .message.goal-message {
    border-bottom: 0;
    margin-bottom: 1px
}

.model-chat-normal .message.goal-message .goal-block {
    color: #fff;
    padding-top: 2px
}

.model-chat-normal .message.goal-message .goal-block .goal-block-amount {
    color: #b2e345;
    font-weight: 700
}

.model-chat-normal .message.goal-message .goal-block .icon {
    height: 20px;
    margin-right: 8px;
    margin-top: -2px;
    width: 20px
}

.model-chat-normal .message.goal-message .goal-description {
    color: #f8f8f8;
    line-height: 1rem
}

.model-chat-normal .message.goal-message .goal-description:nth-child(2) {
    border-top: 1px solid rgba(248, 248, 248, .15);
    font-weight: 700;
    margin-left: 28px;
    margin-top: 10px;
    padding-top: 10px
}

.model-chat-normal .message.goal-message .description-label {
    color: rgba(255, 255, 255, .8)
}

.model-chat-normal .message.goal-message.goal-new .goal-block {
    font-weight: 700
}

.model-chat-normal .message.goal-message.goal-repeat .goal-block {
    color: rgba(255, 255, 255, .8)
}

.model-chat-normal .message.goal-message.goal-threshold {
    background-color: rgba(121, 155, 46, .15)
}

.model-chat-normal .message.goal-message.goal-threshold .goal-block .goal-block-amount {
    font-weight: 700
}

.model-chat-normal .message.goal-message.goal-reached {
    background-color: rgba(121, 155, 46, .15)
}

.model-chat-normal .message.goal-message.goal-reached .goal-block {
    color: #b2e345;
    font-weight: 700
}

.model-chat-normal .message.goal-message.epic-goal-message .goal-block {
    color: #f8f8f8;
    font-weight: 700
}

.model-chat-normal .message.goal-message.epic-goal-message .goal-description {
    color: #d5a6ff
}

.model-chat-normal .message.goal-message.epic-goal-message .icon {
    fill: #f8f8f8;
    height: 18px;
    width: 18px
}

.model-chat-normal .message.goal-message.epic-goal-message .goal-block--achieved .icon {
    fill: #b2e345
}

.model-chat-fullscreen .message.goal-message {
    line-height: .938rem;
    color: #f8f8f8;
    font-weight: 700
}

.model-chat-fullscreen .message.goal-message .icon {
    color: #fff;
    height: 16px;
    margin-right: 8px;
    width: 16px
}

.model-chat-fullscreen .message.goal-message .goal-block-amount {
    color: #b2e344
}

.model-chat-fullscreen .message.goal-message .goal-description:nth-child(2) {
    border-top: 1px solid rgba(248, 248, 248, .2);
    margin-left: 24px;
    margin-top: 8px;
    padding-top: 8px
}

.model-chat-fullscreen .message.goal-message.goal-repeat .goal-block {
    color: rgba(248, 248, 248, .8)
}

.model-chat-fullscreen .message.goal-message.goal-reached .goal-block,
.model-chat-fullscreen .message.goal-message.goal-reached .icon {
    color: #b2e344
}

.model-chat-fullscreen .message.goal-message.epic-goal-message .icon {
    fill: #fff
}

.model-chat-fullscreen .message.goal-message.epic-goal-message .goal-description {
    color: #d5a6ff
}

.model-chat-fullscreen .message.goal-message.epic-goal-message .goal-block-amount {
    color: #b6f684
}

.model-chat-fullscreen .message.goal-message.epic-goal-message .goal-block--achieved .icon {
    fill: #b6f684
}

.model-chat-fullscreen .message.goal-message .goal-message__complete-button {
    opacity: .8
}

.messages .goal-message .goal-description {
    align-items: center;
    display: flex;
    justify-content: space-between
}

.messages .goal-message .goal-message__complete-button {
    font-weight: 700;
    margin: 0;
    overflow: visible;
    padding: 0 10px
}

.messages .goal-message:not(:last-of-type) {
    display: block
}

.messages .goal-message:not(:last-of-type) .goal-message__complete-button {
    display: none
}

.model-chat-message-ban-button {
    background-color: rgba(255, 255, 255, 0);
    border-radius: 4px;
    cursor: pointer;
    margin-right: -8px;
    padding: 8px;
    visibility: hidden;
    display: flex;
    flex-direction: row;
    flex: 1;
    flex-basis: auto;
    flex-grow: 0;
    flex-shrink: 0
}

.model-chat-message-ban-button .icon {
    fill: #6e6e6e;
    margin: 0
}

.model-chat-message-ban-button:hover {
    background-color: rgba(255, 255, 255, .1)
}

.model-chat-message-ban-button:hover .icon {
    fill: silver
}

.twitter-share-button-wrapper {
    display: inline-block;
    flex: 1;
    flex-basis: auto;
    flex-grow: 0;
    flex-shrink: 1
}

.twitter-share-button-wrapper.not-ready {
    pointer-events: none;
    visibility: hidden
}

.twitter-share-button-element {
    background: #4c88bc;
    margin: 0;
    padding-left: 12px;
    font-size: .875rem
}

.twitter-share-button-element:hover .icon-twitter {
    fill: #000
}

.twitter-share-button-element .icon-twitter {
    fill: #fff;
    margin-right: 7px
}

.twitter-share-button-element .mobile-label {
    display: none
}

.twitter-share-button-element .desktop-label {
    display: inline-block
}

@media screen and (max-width:480px) {
    .twitter-share-button-element .mobile-label {
        display: inline-block
    }

    .twitter-share-button-element .desktop-label {
        display: none
    }
}

.twitter-share-button-element.twitter-share-button-round-icon {
    line-height: inherit;
    padding: 5px
}

.twitter-share-button-element.twitter-share-button-round-icon .icon-twitter {
    margin: 0
}

.twitter-share-button-element.twitter-share-button-round-icon:active,
.twitter-share-button-element.twitter-share-button-round-icon:focus,
.twitter-share-button-element.twitter-share-button-round-icon:hover {
    background: #4c88bc
}

.twitter-share-button-element.twitter-share-button-round-icon:active .icon-twitter,
.twitter-share-button-element.twitter-share-button-round-icon:focus .icon-twitter,
.twitter-share-button-element.twitter-share-button-round-icon:hover .icon-twitter {
    fill: #fff
}

.message.tip-message {
    text-align: center;
    position: relative
}

.message.tip-message .tip-message__report-btn {
    position: absolute;
    right: 15px;
    top: 9px
}

.message.tip-message .toy-message__lovense-icon {
    fill: #75a5d8
}

.message.tip-message .toy-message__lovense-control-prefix {
    cursor: pointer;
    color: #69a8e0;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    font-weight: 700
}

.message.tip-message .toy-message__lovense-control-prefix:hover {
    text-decoration: underline
}

.model-chat-fullscreen .message.tip-message .toy-message__lovense-control-prefix {
    color: #75a5d8
}

.model-chat-normal .message.tip-message {
    border-bottom: 1px solid rgba(59, 59, 59, .9);
    padding: 9px 40px 10px
}

.model-chat-normal .message.tip-message .tip-comment,
.model-chat-normal .message.tip-message .tip-comment.tip-comment-timeline .tip-comment-body {
    color: #ff934b;
    font-style: italic;
    font-weight: 700;
    margin-top: 8px
}

.model-chat-normal .message.tip-message .tip-comment.tip-comment-timeline .tip-comment-body:before,
.model-chat-normal .message.tip-message .tip-comment:before {
    content: "“"
}

.model-chat-normal .message.tip-message .tip-comment.tip-comment-timeline .tip-comment-body:after,
.model-chat-normal .message.tip-message .tip-comment:after {
    content: "”"
}

.model-chat-normal .message.tip-message .tip-comment.tip-comment-epic-goal,
.model-chat-normal .message.tip-message .tip-comment.tip-comment-timeline,
.model-chat-normal .message.tip-message .tip-comment.tip-comment-timeline .tip-comment-body.tip-comment-epic-goal,
.model-chat-normal .message.tip-message .tip-comment.tip-comment-timeline .tip-comment-body.tip-comment-timeline,
.model-chat-normal .message.tip-message .tip-comment.tip-comment-timeline .tip-comment-body.tip-menu,
.model-chat-normal .message.tip-message .tip-comment.tip-menu {
    font-style: normal
}

.model-chat-normal .message.tip-message .tip-comment.tip-comment-epic-goal::after,
.model-chat-normal .message.tip-message .tip-comment.tip-comment-epic-goal::before,
.model-chat-normal .message.tip-message .tip-comment.tip-comment-timeline .tip-comment-body.tip-comment-epic-goal::after,
.model-chat-normal .message.tip-message .tip-comment.tip-comment-timeline .tip-comment-body.tip-comment-epic-goal::before,
.model-chat-normal .message.tip-message .tip-comment.tip-comment-timeline .tip-comment-body.tip-comment-timeline::after,
.model-chat-normal .message.tip-message .tip-comment.tip-comment-timeline .tip-comment-body.tip-comment-timeline::before,
.model-chat-normal .message.tip-message .tip-comment.tip-comment-timeline .tip-comment-body.tip-menu::after,
.model-chat-normal .message.tip-message .tip-comment.tip-comment-timeline .tip-comment-body.tip-menu::before,
.model-chat-normal .message.tip-message .tip-comment.tip-comment-timeline::after,
.model-chat-normal .message.tip-message .tip-comment.tip-comment-timeline::before,
.model-chat-normal .message.tip-message .tip-comment.tip-menu::after,
.model-chat-normal .message.tip-message .tip-comment.tip-menu::before {
    content: ""
}

.model-chat-normal .message.tip-message .tip-comment.tip-comment-epic-goal,
.model-chat-normal .message.tip-message .tip-comment.tip-comment-timeline .tip-comment-body.tip-comment-epic-goal {
    color: inherit
}

.model-chat-normal .message.tip-message .tip-comment.tip-comment-epic-goal .tip-comment-body,
.model-chat-normal .message.tip-message .tip-comment.tip-comment-timeline .tip-comment-body.tip-comment-epic-goal .tip-comment-body {
    color: #ce65ff
}

.model-chat-normal .message.tip-message .tip-comment.tip-comment-timeline,
.model-chat-normal .message.tip-message .tip-comment.tip-comment-timeline .tip-comment-body.tip-comment-timeline {
    color: inherit
}

.model-chat-normal .message.tip-message .tip-comment-icon,
.model-chat-normal .message.tip-message .tip-comment.tip-comment-timeline .tip-comment-body-icon {
    display: inline-block;
    margin: 0 0 0 5px
}

.model-chat-normal .message.tip-message .tip-comment-icon .icon,
.model-chat-normal .message.tip-message .tip-comment.tip-comment-timeline .tip-comment-body-icon .icon {
    fill: #e1e1e1;
    opacity: .6
}

.model-chat-normal .message.tip-message .tip-comment .epic-goal-link,
.model-chat-normal .message.tip-message .tip-comment .timeline-link,
.model-chat-normal .message.tip-message .tip-comment .tip-menu-link,
.model-chat-normal .message.tip-message .tip-comment.tip-comment-timeline .tip-comment-body .epic-goal-link,
.model-chat-normal .message.tip-message .tip-comment.tip-comment-timeline .tip-comment-body .timeline-link,
.model-chat-normal .message.tip-message .tip-comment.tip-comment-timeline .tip-comment-body .tip-menu-link {
    color: #69a8e0;
    margin-right: 4px;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.model-chat-normal .message.tip-message .twitter-share-button-wrapper {
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%)
}

.model-chat-normal .message.tip-message.twitter-button-visible .message-body {
    padding: 0 30px
}

.model-chat-normal .message.tip-message.tip-message-anon:hover .model-chat-message-ban-button {
    visibility: visible
}

.model-chat-normal .message.tip-message.tip-message-anon .user-levels-username-text {
    color: rgba(255, 255, 255, .9)
}

.model-chat-normal .message.tip-message.tip-message-anon .tip-message-anon-icon {
    color: rgba(255, 255, 255, .9);
    display: inline-block;
    transform: translateY(1px);
    vertical-align: top
}

.model-chat-normal .message.tip-message.tip-message-anon .tip-message-anon-icon .icon {
    vertical-align: top
}

.model-chat-normal.model-chat-size-large .message.tip-message .tip-message-anon-icon,
.model-chat-normal.model-chat-size-small .message.tip-message .tip-message-anon-icon {
    transform: translateY(2px)
}

.model-chat-fullscreen .message.tip-message .tip-comment,
.model-chat-fullscreen .message.tip-message .tip-comment.tip-comment-timeline .tip-comment-body {
    color: #e7955f;
    font-style: italic;
    font-weight: 700;
    margin-top: 8px
}

.model-chat-fullscreen .message.tip-message .tip-comment.tip-comment-timeline .tip-comment-body:before,
.model-chat-fullscreen .message.tip-message .tip-comment:before {
    content: "“"
}

.model-chat-fullscreen .message.tip-message .tip-comment.tip-comment-timeline .tip-comment-body:after,
.model-chat-fullscreen .message.tip-message .tip-comment:after {
    content: "”"
}

.model-chat-fullscreen .message.tip-message .tip-comment.tip-comment-epic-goal,
.model-chat-fullscreen .message.tip-message .tip-comment.tip-comment-timeline,
.model-chat-fullscreen .message.tip-message .tip-comment.tip-comment-timeline .tip-comment-body.tip-comment-epic-goal,
.model-chat-fullscreen .message.tip-message .tip-comment.tip-comment-timeline .tip-comment-body.tip-comment-timeline,
.model-chat-fullscreen .message.tip-message .tip-comment.tip-comment-timeline .tip-comment-body.tip-menu,
.model-chat-fullscreen .message.tip-message .tip-comment.tip-menu {
    font-style: normal
}

.model-chat-fullscreen .message.tip-message .tip-comment.tip-comment-epic-goal::after,
.model-chat-fullscreen .message.tip-message .tip-comment.tip-comment-epic-goal::before,
.model-chat-fullscreen .message.tip-message .tip-comment.tip-comment-timeline .tip-comment-body.tip-comment-epic-goal::after,
.model-chat-fullscreen .message.tip-message .tip-comment.tip-comment-timeline .tip-comment-body.tip-comment-epic-goal::before,
.model-chat-fullscreen .message.tip-message .tip-comment.tip-comment-timeline .tip-comment-body.tip-comment-timeline::after,
.model-chat-fullscreen .message.tip-message .tip-comment.tip-comment-timeline .tip-comment-body.tip-comment-timeline::before,
.model-chat-fullscreen .message.tip-message .tip-comment.tip-comment-timeline .tip-comment-body.tip-menu::after,
.model-chat-fullscreen .message.tip-message .tip-comment.tip-comment-timeline .tip-comment-body.tip-menu::before,
.model-chat-fullscreen .message.tip-message .tip-comment.tip-comment-timeline::after,
.model-chat-fullscreen .message.tip-message .tip-comment.tip-comment-timeline::before,
.model-chat-fullscreen .message.tip-message .tip-comment.tip-menu::after,
.model-chat-fullscreen .message.tip-message .tip-comment.tip-menu::before {
    content: ""
}

.model-chat-fullscreen .message.tip-message .tip-comment.tip-comment-epic-goal,
.model-chat-fullscreen .message.tip-message .tip-comment.tip-comment-timeline .tip-comment-body.tip-comment-epic-goal {
    color: inherit
}

.model-chat-fullscreen .message.tip-message .tip-comment.tip-comment-epic-goal .tip-comment-body,
.model-chat-fullscreen .message.tip-message .tip-comment.tip-comment-timeline .tip-comment-body.tip-comment-epic-goal .tip-comment-body {
    color: #ce65ff
}

.model-chat-fullscreen .message.tip-message .tip-comment.tip-comment-timeline,
.model-chat-fullscreen .message.tip-message .tip-comment.tip-comment-timeline .tip-comment-body.tip-comment-timeline {
    color: inherit
}

.model-chat-fullscreen .message.tip-message .tip-comment-icon,
.model-chat-fullscreen .message.tip-message .tip-comment.tip-comment-timeline .tip-comment-body-icon {
    display: inline-block;
    margin: 0 0 0 5px
}

.model-chat-fullscreen .message.tip-message .tip-comment-icon .icon,
.model-chat-fullscreen .message.tip-message .tip-comment.tip-comment-timeline .tip-comment-body-icon .icon {
    fill: rgba(248, 248, 248, .6)
}

.model-chat-fullscreen .message.tip-message .tip-comment .epic-goal-link,
.model-chat-fullscreen .message.tip-message .tip-comment .timeline-link,
.model-chat-fullscreen .message.tip-message .tip-comment .tip-menu-link,
.model-chat-fullscreen .message.tip-message .tip-comment.tip-comment-timeline .tip-comment-body .epic-goal-link,
.model-chat-fullscreen .message.tip-message .tip-comment.tip-comment-timeline .tip-comment-body .timeline-link,
.model-chat-fullscreen .message.tip-message .tip-comment.tip-comment-timeline .tip-comment-body .tip-menu-link {
    color: #75a5d8;
    margin-right: 4px;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.model-chat-fullscreen .message.tip-message .twitter-share-button-wrapper {
    display: none
}

.model-chat-fullscreen .message.tip-message.tip-message-anon .user-levels-username-text {
    color: rgba(255, 255, 255, .9)
}

.model-chat-fullscreen .message.tip-message.tip-message-anon .tip-message-anon-icon {
    color: rgba(255, 255, 255, .9);
    display: inline-block;
    vertical-align: top
}

.model-chat-fullscreen .message.tip-message.tip-message-anon .tip-message-anon-icon .icon {
    vertical-align: top
}

.message.tip-message .tip-comment.tip-comment-with-highlight.tip-menu .highlight-button {
    margin: 0 10px
}

.message.tip-message .tip-comment.tip-comment-with-highlight.tip-comment-epic-goal .highlight-button {
    margin: 0 6px
}

.message.tip-message .tip-comment.tip-comment-with-highlight span {
    vertical-align: baseline
}

.message.tip-message .tip-comment.tip-comment-with-highlight .tip-comment-body {
    line-height: 1.563rem;
    vertical-align: baseline
}

.model-chat-normal .message.user-bought-content-message {
    color: #f8f8f8;
    line-height: 18px;
    width: 100%
}

.model-chat-normal .message.user-bought-content-message .message-body {
    display: flex;
    flex-direction: row;
    line-height: 1.25rem;
    align-items: baseline
}

.model-chat-normal .message.user-bought-content-message .message-body .user-bought-content-icon-wrapper {
    height: 14px
}

.model-chat-normal .message.user-bought-content-message .message-body .user-bought-content-icon-wrapper .icon {
    fill: #e1e1e1;
    height: 20px;
    margin-right: 8px;
    position: relative;
    top: -1px;
    width: 20px
}

.model-chat-normal .message.user-bought-content-message .message-body .section-link {
    color: #69a8e0;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.model-chat-fullscreen .message.user-bought-content-message {
    padding: 8px 8px 8px 12px
}

.model-chat-fullscreen .message.user-bought-content-message .message-body {
    align-items: baseline;
    display: flex;
    line-height: 18px
}

.model-chat-fullscreen .message.user-bought-content-message .message-body .user-bought-content-icon-wrapper {
    height: 12px
}

.model-chat-fullscreen .message.user-bought-content-message .message-body .user-bought-content-icon-wrapper .icon {
    fill: currentColor;
    height: 16px;
    margin-right: 8px;
    position: relative;
    top: -1px;
    width: 16px
}

.model-chat-fullscreen .message.user-bought-content-message .message-body .section-link {
    color: #4f89ba;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.model-chat-fullscreen .message.user-bought-content-message .message-body .message-username {
    width: 100%
}

.message.user-muted-message .message-body {
    display: flex
}

.slidable-appearing-container-left,
.slidable-appearing-container-right {
    bottom: 0;
    position: absolute;
    top: 0
}

.slidable-appearing-container-right {
    left: auto;
    right: 0
}

.slidable-appearing-container-left {
    left: 0;
    right: auto
}

.slidable.slidable-waiting-action {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.personal-notification {
    padding: .75rem;
    position: relative
}

.personal-notification-modelname {
    color: #fff
}

.personal-notification .personal-notification-body {
    display: flex;
    flex-direction: row
}

.personal-notification .personal-notification-body-left {
    height: 44px;
    margin-right: .75rem;
    width: 44px;
    flex: 1;
    flex-basis: auto;
    flex-grow: 0;
    flex-shrink: 1
}

.personal-notification .personal-notification-body-left .icon-calendar-with-badge.personal-notification-image,
.personal-notification .personal-notification-body-left .icon-chat-with-messages.personal-notification-image {
    fill: rgba(248, 248, 248, .6);
    color: rgba(248, 248, 248, .6)
}

.personal-notification .personal-notification-body-middle {
    min-width: 0;
    flex: 1;
    flex-basis: 0;
    flex-grow: 1;
    flex-shrink: 1;
    display: flex;
    flex-direction: column
}

.personal-notification .personal-notification-body-middle__container {
    position: relative
}

.personal-notification .personal-notification-body-middle-head {
    align-items: center;
    flex-wrap: wrap;
    margin-bottom: 2px;
    display: flex;
    flex-direction: row
}

.personal-notification .personal-notification-body-middle-head .username {
    font-weight: 700;
    margin-right: .375rem;
    font-size: .875rem;
    line-height: 1.25rem
}

.personal-notification .personal-notification-body-middle-head .gender .icon {
    margin: 0 !important
}

.personal-notification .personal-notification-body-middle-head .crumb {
    margin: 0 .375rem
}

.personal-notification .personal-notification-body-middle-body {
    white-space: normal
}

.personal-notification .personal-notification-body-middle-body.ellipsis {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.personal-notification .personal-notification-body-middle-footer {
    font-size: .625rem;
    line-height: 1rem
}

.personal-notification .personal-notification-body-text {
    font-size: .938rem;
    line-height: 1.125rem;
    color: rgba(248, 248, 248, .6)
}

.personal-notification .personal-notification-body-text .highlighted {
    color: rgba(248, 248, 248, .9)
}

.personal-notification .personal-notification-body-right {
    align-items: center;
    height: 44px;
    margin-left: .75rem;
    display: flex;
    flex-direction: row
}

.personal-notification .personal-notification-footer {
    justify-content: flex-end;
    margin-top: 8px;
    display: flex;
    flex-direction: row
}

.personal-notification .personal-notification-footer .btn {
    margin-bottom: 0
}

.personal-notification.create-new-mass-message-button .personal-notification-footer {
    justify-content: flex-start
}

.personal-notification .personal-notification-counter {
    align-items: center;
    background-color: #fa5465;
    border-radius: 3px;
    color: #fff;
    height: 24px;
    justify-content: center;
    width: 30px;
    font-size: .875rem;
    line-height: 1.25rem;
    display: flex;
    flex-direction: row
}

.personal-notification .personal-notification-image {
    height: 44px;
    width: 44px
}

.personal-notification .personal-notification-profile-link {
    position: relative;
    z-index: 6
}

.personal-notification .personal-notification-profile-link:hover {
    opacity: .8
}

.personal-notification .personal-notification-profile-link .avatar {
    font-size: 2px
}

.personal-notification .personal-notification-closer {
    cursor: pointer;
    display: none;
    padding: .375rem;
    position: absolute;
    right: .375rem;
    top: 0;
    z-index: 6
}

.personal-notification .personal-notification-closer .icon {
    fill: rgba(255, 255, 255, .4);
    height: 10px;
    margin: 0;
    width: 10px
}

.personal-notification .personal-notification-closer:hover {
    display: flex;
    flex-direction: row
}

.personal-notification .personal-notification-closer:hover .icon {
    fill: rgba(255, 255, 255, .8)
}

.personal-notification .personal-notification-additional-comment {
    border: 1px solid #78797b;
    border-radius: 1px;
    margin-top: 12px;
    padding: .625rem;
    position: relative;
    font-size: .875rem;
    line-height: 1.25rem
}

.personal-notification .personal-notification-additional-comment::after,
.personal-notification .personal-notification-additional-comment::before {
    content: "";
    left: 21px;
    position: absolute
}

.personal-notification .personal-notification-additional-comment::after {
    border-bottom: 5px solid #3e3f42;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    margin-left: -5px;
    top: -4px
}

.personal-notification .personal-notification-additional-comment::before {
    border-bottom: 6px solid #78797b;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    margin-left: -6px;
    top: -6px
}

.personal-notification .personal-notification-additional-comment-navigable {
    color: #f8f8f8;
    cursor: pointer
}

.personal-notification .personal-notification-additional-comment-navigable:hover {
    color: #ff6277
}

.personal-notification .personal-notification-additional-comment-new-messenger {
    border: none;
    margin: 0;
    padding: 0
}

.personal-notification .personal-notification-additional-comment-new-messenger:before {
    display: none
}

.personal-notification .personal-notification-additional-comment-accent {
    color: #f8f8f8
}

.personal-notification .personal-notification-additional-comment-link {
    text-decoration: none;
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.personal-notification .personal-notification-additional-comment-inners {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.personal-notification .personal-notification-background-link {
    z-index: 5;
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.personal-notification .personal-notification-description-text {
    color: rgba(255, 255, 255, .5);
    font-size: .625rem;
    line-height: 1rem
}

.personal-notification .personal-notification-description-text * {
    font-size: .625rem;
    line-height: 1rem
}

.personal-notification:hover .personal-notification-closer {
    display: flex;
    flex-direction: row
}

.personal-notification .icon.icon-star-in-circle {
    color: #e1ad5b
}

.personal-notification.fan-club-user-joined-personal-notification:hover,
.personal-notification.private-message-personal-notification:hover {
    background-color: #515356;
    cursor: pointer
}

.personal-notification .new-fan-club-content-personal-notification-text {
    margin: 1px 0 14px;
    max-width: 260px
}

.personal-notification.new-fan-club-content-personal-notification .btn {
    margin-bottom: 10px
}

.personal-notification.content-status-changed-personal-notification .personal-notification-image {
    fill: #fa7055
}

.personal-notification.content-status-changed-personal-notification .personal-notification-body-middle,
.personal-notification.ultimate-membership-personal-notification .personal-notification-body-middle {
    justify-content: center
}

.personal-notification.knight-personal-notification .knight-personal-notification-indicator-icon {
    fill: rgba(255, 255, 255, .6);
    height: 18px;
    margin: 0;
    width: 16px
}

.personal-notification.tip-personal-notification-with-comment .personal-notification-footer {
    margin-top: .75rem
}

.personal-notification-appearing-trash {
    align-items: center;
    background: #fa7055;
    height: 100%;
    justify-content: center;
    width: 72px;
    display: flex;
    flex-direction: row
}

.personal-notification-appearing-trash .icon {
    fill: #fff;
    height: 21px;
    margin: 0;
    width: 21px
}

.fan-club-user-joined-personal-notification .personal-notification-body-text {
    color: rgba(248, 248, 248, .8)
}

.fan-club-user-joined-personal-notification .personal-notification-body-text .accent {
    color: #f8f8f8
}

.fan-club-user-joined-personal-notification .personal-notification-body-text .tier-name.tier1 {
    color: #1b7aff
}

.fan-club-user-joined-personal-notification .personal-notification-body-text .tier-name.tier2 {
    color: #dc1cff
}

.fan-club-user-joined-personal-notification .personal-notification-body-text .tier-name.tier3 {
    color: #ff2a59
}

.fan-club-user-joined-personal-notification .personal-notification-body-text .tier-name,
.fan-club-user-joined-personal-notification .personal-notification-body-text .username {
    font-weight: 700
}

.fan-club-subscription-extended-personal-notification-text {
    color: rgba(248, 248, 248, .8);
    margin: 1px 0 14px
}

.fan-club-subscription-extended-personal-notification-text-months {
    color: #f8f8f8;
    font-weight: 700
}

.user-sent-you-gift-notification-accent {
    color: #f8f8f8
}

.user-sent-you-gift-notification-icon {
    background-size: contain;
    height: 44px;
    width: 44px
}

.content-status-changed-personal-notification--intro-rejected-text {
    margin: 1px 0 14px
}

.content-status-changed-personal-notification--intro-rejected-button {
    font-weight: 500
}

@media (pointer:coarse) {

    .fan-club-user-joined-personal-notification:hover,
    .private-message-personal-notification:hover {
        background-color: inherit;
        cursor: pointer
    }
}

.model-chat-normal .user-joined-fan-club-message {
    color: #f8f8f8;
    line-height: 18px
}

.model-chat-normal .user-joined-fan-club-message .console-link {
    color: #69a8e0
}

.model-chat-fullscreen .user-joined-fan-club-message {
    line-height: 18px
}

.model-chat-fullscreen .user-joined-fan-club-message .console-link {
    color: #75a5d8
}

.user-joined-fan-club-message .user-joined-fan-club-message__body {
    align-items: flex-start;
    display: flex
}

.user-joined-fan-club-message .user-joined-fan-club-message__body .username-tier-icon {
    margin-right: 6px;
    margin-top: 2px
}

.user-joined-fan-club-message .user-joined-fan-club-message__body .accent {
    color: #f8f8f8
}

.user-joined-fan-club-message .user-joined-fan-club-message__body .tier-name.tier1 {
    color: #1b7aff
}

.user-joined-fan-club-message .user-joined-fan-club-message__body .tier-name.tier2 {
    color: #dc1cff
}

.user-joined-fan-club-message .user-joined-fan-club-message__body .tier-name.tier3 {
    color: #ff2a59
}

.user-joined-fan-club-message .user-joined-fan-club-message__body .tier-name,
.user-joined-fan-club-message .user-joined-fan-club-message__body .username {
    font-weight: 700
}

.message.private-menu-message {
    cursor: pointer
}

.message.private-menu-message .message-body {
    align-items: center;
    display: flex;
    justify-content: center
}

.model-chat-normal .message.private-menu-message {
    border-bottom: 1px solid rgba(59, 59, 59, .9)
}

.model-chat-normal .message.private-menu-message .icon {
    fill: #e9a63b;
    margin-right: 14px
}

.model-chat-normal .message.private-menu-message .activity {
    color: #e9a63b;
    font-weight: 700
}

@media screen and (max-width:1023px) {
    .model-chat-normal .message.private-menu-message .message-body {
        justify-content: flex-start
    }
}

.model-chat-fullscreen .message.private-menu-message .icon {
    fill: #cba149;
    margin-right: 4px
}

.model-chat-fullscreen .message.private-menu-message .activity {
    color: #cba149;
    font-weight: 700
}

.message.private-tip-message .message-body {
    align-items: center;
    display: flex
}

.message.private-tip-message .tip-content-wrapper {
    display: flex;
    flex-direction: column
}

.model-chat-normal .message.private-tip-message {
    color: rgba(255, 255, 255, .6);
    padding: 4px 15px !important
}

.model-chat-normal .message.private-tip-message .accept {
    color: #fff;
    font-weight: 700;
    white-space: nowrap
}

.model-chat-normal .message.private-tip-message .icon-wrapper {
    display: flex;
    padding: 10px 10px 10px 0
}

.model-chat-normal .message.private-tip-message .icon-wrapper .icon {
    fill: #e9a63b
}

.model-chat-normal .message.private-tip-message .tip-comment {
    color: #ff9700;
    text-align: center
}

.model-chat-normal .message.private-tip-message .tip-comment .tip-comment-timeline {
    color: #fff;
    margin-right: 4px
}

.model-chat-fullscreen .message.private-tip-message {
    line-height: 18px
}

.model-chat-fullscreen .message.private-tip-message .accept {
    font-weight: 700;
    white-space: nowrap
}

.model-chat-fullscreen .message.private-tip-message .icon-wrapper {
    display: flex;
    padding: 8px 8px 8px 0
}

.model-chat-fullscreen .message.private-tip-message .icon-wrapper .icon {
    fill: #cba149
}

.model-chat-fullscreen .message.private-tip-message .tip-comment {
    color: #e7955f;
    text-align: center
}

.model-chat-fullscreen .message.private-tip-message .tip-comment .tip-comment-timeline {
    color: #fff;
    margin-right: 4px
}

.tokens-required-message {
    border-bottom: 0;
    padding: 16px 0
}

.tokens-required-message__content {
    width: 100%;
    max-width: 232px;
    margin: 0 auto
}

.tokens-required-message__icon {
    text-align: center;
    color: #ffc107;
    height: 32px;
    margin-bottom: 10px
}

.tokens-required-message__icon img {
    transform: translateY(-23px)
}

.tokens-required-message__message {
    width: 85%;
    margin: 0 auto;
    line-height: 1.1;
    font-weight: 700;
    text-align: center;
    font-size: .875rem
}

.tokens-required-message__message em {
    font-style: normal;
    color: #ffa800
}

.tokens-required-message__opportunities-header {
    opacity: .7;
    margin: 10px 0 18px;
    text-align: center;
    font-size: 10px;
    font-weight: 500;
    letter-spacing: normal;
    line-height: 12px
}

.tokens-required-message__opportunities {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-column-gap: 12px;
    margin-bottom: 18px;
    align-items: stretch;
    font-size: 10px;
    font-weight: 500;
    letter-spacing: normal;
    line-height: 12px
}

.tokens-required-message__opportunity {
    background: rgba(255, 255, 255, .05);
    border-radius: 12px;
    padding: 13px;
    text-align: center;
    display: grid;
    overflow: hidden
}

.tokens-required-message__opportunity-pic {
    height: 30px;
    margin-top: 10px;
    display: flex;
    align-items: center;
    justify-content: center
}

.tokens-required-message__opportunity-pic img {
    position: absolute
}

.tokens-required-message .actions-block .btn {
    font-size: 11px;
    font-weight: 500;
    letter-spacing: normal;
    line-height: normal;
    display: flex;
    padding: 10px 0 9px;
    width: 100%;
    justify-content: center;
    align-items: center
}

.tokens-required-message .actions-block .btn>span {
    transform: translateY(-1px)
}

.model-chat-normal .tokens-required-message {
    box-shadow: 0 -5px 20px rgba(0, 0, 0, .2);
    cursor: default
}

@media screen and (max-width:1023px) {
    .model-chat-normal .tokens-required-message {
        box-shadow: 0 5px 20px rgba(0, 0, 0, .2)
    }
}

.model-chat-normal .tokens-required-message .close-block {
    cursor: pointer;
    padding: 10px;
    position: absolute;
    right: 0;
    top: 0
}

.model-chat-normal .tokens-required-message .close-block .icon-close-5 {
    color: rgba(248, 248, 248, .6);
    transition: all .2s ease-in-out 0s
}

.model-chat-normal .tokens-required-message .close-block:hover .icon-close-5 {
    color: #f8f8f8
}

.model-chat-fullscreen .tokens-required-message {
    padding: 8px 8px 15px 15px
}

.model-chat-fullscreen .tokens-required-message .actions-block {
    display: block;
    margin: 8px 0
}

.model-chat-fullscreen .tokens-required-message .actions-block .btn:not(:hover) {
    background-color: #7e9249
}

.model-chat-normal .message.plugin-message {
    color: #f8f8f8;
    border-bottom: 1px solid rgba(59, 59, 59, .9);
    padding: 9px 15px 10px;
    text-align: center
}

.model-chat-normal .message.plugin-message .plugin-message-icon {
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-right: 5px;
    margin-top: -3px
}

.model-chat-normal .message.plugin-message .plugin-message-username {
    display: inline;
    font-weight: 700
}

.model-chat-normal .message.plugin-message .plugin-message-accent {
    color: #f14b57;
    font-weight: 700
}

.model-chat-normal .message.plugin-message .plugin-message-fade {
    opacity: .7;
    font-weight: 700
}

.model-chat-normal .message.plugin-message .plugin-message-plugin-name.plugin-message-plugin-name {
    color: #69a8e0;
    font-weight: 700;
    font-size: inherit;
    letter-spacing: inherit
}

.model-chat-normal .message.plugin-message .plugin-message-plugin-name.plugin-message-plugin-name:hover {
    text-decoration: underline
}

.model-chat-fullscreen .message.plugin-message {
    font-weight: 700;
    line-height: 16px;
    text-align: center
}

.model-chat-fullscreen .message.plugin-message .plugin-message-icon {
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-right: 5px;
    vertical-align: top
}

.model-chat-fullscreen .message.plugin-message .plugin-message-username {
    display: inline
}

.model-chat-fullscreen .message.plugin-message .plugin-message-accent {
    color: #e12c4f
}

.model-chat-fullscreen .message.plugin-message .plugin-message-plugin-name.plugin-message-plugin-name {
    color: #75a5d8
}

.model-chat-fullscreen .message.plugin-message .plugin-message-plugin-name.plugin-message-plugin-name:hover {
    text-decoration: underline
}

.message.plugin-message.plugin-message-with-highlight .plugin-message-text,
.message.plugin-message.plugin-message-with-highlight .plugin-message-username {
    line-height: 1.563rem
}

.message.plugin-message.plugin-message-with-highlight * {
    vertical-align: baseline
}

.message.plugin-message.plugin-message-with-highlight .plugin-message-icon {
    vertical-align: middle
}

.message.plugin-message.plugin-message-with-highlight .highlight-button {
    margin-left: 5px
}

.message.statistics-plugin-message {
    align-items: stretch;
    background: #212730;
    display: flex;
    flex-direction: column;
    padding: 15px
}

.message.statistics-plugin-message::before {
    background-color: #6ba5f8
}

.message.statistics-plugin-message .message-content {
    align-items: flex-start;
    display: flex;
    margin-top: 8px
}

.message.statistics-plugin-message .statistics-results {
    font-size: 10px;
    font-weight: 700;
    letter-spacing: normal;
    line-height: 14px;
    color: #b6f684;
    margin-left: 28px;
    text-transform: uppercase
}

.message.statistics-plugin-message .plugin-logo {
    height: 18px;
    width: 18px
}

.message.statistics-plugin-message .message-texts {
    flex: 1 0;
    margin-left: 10px
}

.message.statistics-plugin-message .message-title {
    font-size: 15px;
    font-weight: 700;
    letter-spacing: normal;
    line-height: normal;
    color: #f2f2f2
}

.message.statistics-plugin-message .message-divider-line {
    background-color: rgba(248, 248, 248, .2);
    height: 1px;
    margin-top: 10px;
    width: 100%
}

.message.statistics-plugin-message .results {
    margin-top: 10px
}

.message.statistics-plugin-message .result {
    font-size: 14px;
    font-weight: 700;
    letter-spacing: normal;
    line-height: normal;
    display: flex;
    justify-content: space-between
}

.message.statistics-plugin-message .result.accent .result-numbers,
.message.statistics-plugin-message .result.accent .result-text {
    color: #6ba5f8;
    opacity: 1
}

.message.statistics-plugin-message .result.with-check-icon .result-icon {
    display: flex
}

.message.statistics-plugin-message .result:not(:last-child) {
    margin-bottom: 5px
}

.message.statistics-plugin-message .result-text {
    color: #fff;
    opacity: .6
}

.message.statistics-plugin-message .result-numbers {
    align-items: center;
    color: #fff;
    display: flex;
    opacity: .6
}

.message.statistics-plugin-message .result-icon {
    color: #fff;
    display: none;
    margin-right: 5px;
    opacity: .6;
    width: 10px
}

.model-chat-fullscreen .message.statistics-plugin-message {
    background: rgba(2, 15, 34, .6);
    font-weight: 700;
    padding: 8px 7px 5px 15px
}

.model-chat-fullscreen .message.statistics-plugin-message::before {
    background-color: #6691ff
}

.model-chat-fullscreen .message.statistics-plugin-message .message-content {
    margin-top: 7px
}

.model-chat-fullscreen .message.statistics-plugin-message .statistics-results {
    color: #b6f684;
    font-size: 8px;
    line-height: 10px;
    margin-left: 24px
}

.model-chat-fullscreen .message.statistics-plugin-message .plugin-logo {
    height: 16px;
    width: 16px
}

.model-chat-fullscreen .message.statistics-plugin-message .message-texts {
    flex: 1 0;
    margin-left: 8px
}

.model-chat-fullscreen .message.statistics-plugin-message .message-title {
    color: #f8f8f8;
    font-size: 12px;
    line-height: 15px
}

.model-chat-fullscreen .message.statistics-plugin-message .message-divider-line {
    background-color: rgba(248, 248, 248, .2);
    margin-top: 8px
}

.model-chat-fullscreen .message.statistics-plugin-message .results {
    margin-top: 8px
}

.model-chat-fullscreen .message.statistics-plugin-message .result {
    font-size: 12px;
    line-height: 15px;
    opacity: .6
}

.model-chat-fullscreen .message.statistics-plugin-message .result.accent {
    color: #6691ff;
    opacity: 1
}

.model-chat-fullscreen .message.statistics-plugin-message .result:not(:last-child) {
    margin-bottom: 7px
}

.model-chat-fullscreen .message.statistics-plugin-message .result-numbers,
.model-chat-fullscreen .message.statistics-plugin-message .result-text {
    color: inherit;
    opacity: 1
}

.model-chat-fullscreen .message.statistics-plugin-message .result-icon {
    color: currentColor;
    margin-right: 2px
}

.model-chat-normal .message.friendship-message .friendship-wrapper>.icon {
    fill: rgba(248, 248, 248, .8);
    height: 18px;
    margin-right: 10px;
    min-width: 18px;
    width: 18px
}

.model-chat-normal .message.friendship-message .message-body {
    flex-direction: column;
    text-align: left
}

.model-chat-normal .message.friendship-message .message-body .friendship-wrapper {
    display: flex
}

.model-chat-normal .message.friendship-message .message-body .buttons {
    margin-top: 10px
}

.model-chat-normal .message.friendship-message .message-body .btn {
    margin-bottom: 0
}

.model-chat-fullscreen .message.friendship-message {
    padding: 8px 8px 8px 15px
}

.model-chat-fullscreen .message.friendship-message .friendship-wrapper>.icon {
    fill: currentColor;
    height: 16px;
    margin-right: 8px;
    min-width: 16px;
    width: 16px
}

.model-chat-fullscreen .message.friendship-message .message-body {
    flex-direction: column;
    text-align: left
}

.model-chat-fullscreen .message.friendship-message .message-body .friendship-wrapper {
    display: flex
}

.model-chat-fullscreen .message.friendship-message .message-body .buttons {
    margin-top: 8px
}

.model-chat-fullscreen .message.friendship-message .message-body .btn {
    margin-bottom: 0
}

.model-chat-fullscreen .message.friendship-message .message-body .btn.btn-decline:not(:hover) {
    background-color: #2e2e2e
}

.public-menu-announcement-message.system-text-message.message {
    background-color: rgba(118, 167, 219, .1)
}

.model-chat-fullscreen .public-menu-announcement-message.system-text-message.message {
    background-color: rgba(0, 0, 0, .6);
    overflow-x: hidden
}

.public-menu-announcement-message.system-text-message.message .icon {
    fill: #ff414f
}

.public-menu-announcement-message.system-text-message.message.with-activity-list.public-menu-announcement-message.system-text-message.message.with-activity-list {
    padding-bottom: 10px
}

.public-menu-announcement-message.system-text-message.message .message-body {
    align-items: flex-start
}

.public-menu-announcement-message.system-text-message.message .system-text-message__body {
    flex: 1
}

.public-menu-announcement-message.system-text-message.message .public-menu-announcement-message__full-menu-icon.icon {
    height: 9px
}

.public-menu-announcement-message__teasing {
    margin-top: 6px
}

.public-menu-announcement-message__rows {
    margin: 0 -10px
}

.public-menu-announcement-message__row.public-menu-announcement-message__row {
    font-size: 13px;
    font-weight: 400;
    letter-spacing: normal;
    line-height: normal;
    border-radius: 4px;
    padding: 0 10px;
    width: 100%
}

.public-menu-announcement-message__row.public-menu-announcement-message__row:first-child .public-menu-announcement-message__row-content {
    border-top-color: transparent
}

.public-menu-announcement-message__row.public-menu-announcement-message__row:hover {
    background-color: #4e5358
}

.model-chat-fullscreen .public-menu-announcement-message__row.public-menu-announcement-message__row:hover {
    background-color: #4e5358
}

.public-menu-announcement-message__row.public-menu-announcement-message__row:hover .public-menu-announcement-message__row-content {
    border-top-color: transparent
}

.public-menu-announcement-message__row.public-menu-announcement-message__row:hover+.public-menu-announcement-message__divider {
    border-top-color: transparent
}

.public-menu-announcement-message__row.public-menu-announcement-message__row:hover+.public-menu-announcement-message__row.public-menu-announcement-message__row .public-menu-announcement-message__row-content {
    border-top-color: transparent
}

.public-menu-announcement-message__row-content {
    border-top: 1px solid rgba(255, 255, 255, .07);
    display: flex;
    justify-content: space-between;
    padding: 7px 0
}

.model-chat-fullscreen .public-menu-announcement-message .public-menu-announcement-message__row-content {
    border-top-color: rgba(255, 255, 255, .07)
}

.public-menu-announcement-message__divider {
    border-top: 1px solid rgba(255, 255, 255, .07);
    margin: 0 10px
}

.model-chat-fullscreen .public-menu-announcement-message .public-menu-announcement-message__divider {
    border-top-color: rgba(255, 255, 255, .07)
}

.public-menu-announcement-message__tokens {
    color: #76a7db
}

.public-menu-announcement-message__full-menu-link.public-menu-announcement-message__full-menu-link {
    align-items: center;
    display: flex;
    flex: 1;
    font-size: 10px;
    justify-content: center;
    line-height: 11px;
    margin-top: 10px;
    text-transform: uppercase;
    width: 100%
}

.public-menu-announcement-message__full-menu-link.public-menu-announcement-message__full-menu-link:hover {
    color: #fff
}

.system-text-message.message.private-menu-announcement-message {
    background-color: rgba(118, 167, 219, .1)
}

.model-chat-fullscreen .system-text-message.message.private-menu-announcement-message {
    background-color: rgba(0, 0, 0, .6)
}

.system-text-message.message.private-menu-announcement-message .icon {
    fill: #e9a63b
}

.message.discount-message .message-body {
    display: flex
}

.message.discount-message .discount-message__title {
    font-weight: 700;
    color: #f8f8f8;
    border-bottom: 1px solid rgba(255, 255, 255, .1);
    margin-bottom: 9px;
    padding-bottom: 14px
}

.message.discount-message .discount-message__title .highlight {
    color: #ffa900
}

.message.discount-message .discount-message__body {
    flex-grow: 1
}

.message.discount-message .discount-message__icon {
    width: 16px;
    height: 16px;
    background-size: contain;
    margin-right: 10px
}

.message.discount-message .discount-message__action {
    margin-left: auto;
    margin-bottom: 0;
    font-weight: 500
}

.message.discount-message .discount-message__ends {
    display: flex;
    color: rgba(255, 255, 255, .6);
    align-items: center
}

.message.discount-message .discount-message__ends .icon {
    margin: 0 6px;
    fill: rgba(255, 255, 255, .6)
}

.model-chat-fullscreen .message.discount-message {
    padding: 8px 8px 8px 15px
}

.game-started-message__plugin-icon {
    display: inline-block;
    height: 20px;
    margin-right: 8px;
    width: 20px
}

.game-started-message__header {
    align-items: center;
    display: flex;
    font-weight: 700
}

.game-started-message__started-title {
    color: #f8f8f8
}

.game-started-message--fullscreen .game-started-message__started-title {
    color: #f8f8f8
}

.game-started-message__result-title {
    color: #f14b57
}

.game-started-message__plugin-title.game-started-message__plugin-title {
    color: #f14b57
}

.game-started-message__body {
    margin-left: 28px;
    margin-top: 7px
}

.game-started-message__text {
    font-weight: 700;
    color: #f8f8f8
}

.game-started-message--fullscreen .game-started-message__text {
    color: #f8f8f8
}

.game-started-message__prize-label {
    color: rgba(248, 248, 248, .8)
}

.game-started-message--fullscreen .game-started-message__prize-label {
    color: rgba(248, 248, 248, .8)
}

.game-started-message__call-to-action {
    border-top: solid 1px rgba(248, 248, 248, .1);
    margin-top: 10px;
    padding-top: 10px
}

.upgrade-private-message {
    background-color: #4d4230;
    margin-top: 10px;
    padding: 14px
}

.upgrade-private-message::before {
    background-color: #feb601
}

.upgrade-private-message .message-body {
    display: flex
}

.upgrade-private-message__icon-wrapper {
    position: relative
}

.upgrade-private-message__icon {
    height: 25px;
    position: relative;
    top: -4px;
    width: 25px
}

.upgrade-private-message__text-wrapper {
    color: #fff;
    margin-left: 14px;
    text-align: left;
    width: 100%
}

.upgrade-private-message__header {
    color: #fff;
    border-bottom: 1px solid rgba(255, 255, 255, .08);
    font-weight: 700;
    margin-bottom: 10px;
    padding-bottom: 14px;
    font-size: .875rem;
    line-height: 1.063rem
}

.upgrade-private-message__highlighted {
    color: #feb601
}

.upgrade-private-message__footer {
    font-weight: 500;
    font-size: .813rem;
    line-height: 1rem
}

.model-chat-fullscreen .upgrade-private-message .upgrade-private-message__icon {
    height: 17px;
    top: 7px;
    width: 17px
}

.model-chat-fullscreen .upgrade-private-message .upgrade-private-message__header {
    margin-bottom: 6px;
    padding-bottom: 8px;
    font-size: .75rem;
    line-height: .938rem
}

.model-chat-fullscreen .upgrade-private-message .upgrade-private-message__footer {
    font-size: .75rem;
    line-height: .938rem
}

.model-chat-new-messages-btn {
    animation: opacity-fade-show .3s forwards;
    bottom: 16px;
    left: 50%;
    opacity: 0;
    transform: translateX(-50%);
    background: rgba(255, 255, 255, .8);
    color: #000;
    transition: all 90ms ease-in-out 0s
}

.model-chat-new-messages-btn>.icon {
    fill: #000;
    transition: all 90ms ease-in-out 0s
}

@media (pointer:fine) {

    .model-chat-new-messages-btn.hover,
    .model-chat-new-messages-btn:hover {
        background: #fff;
        color: #000
    }

    .model-chat-new-messages-btn.hover>.icon,
    .model-chat-new-messages-btn:hover>.icon {
        fill: #000
    }
}

.model-chat-new-messages-btn.active,
.model-chat-new-messages-btn.focus,
.model-chat-new-messages-btn:active,
.model-chat-new-messages-btn:focus {
    background: #fff;
    color: #000
}

.model-chat-new-messages-btn.active>.icon,
.model-chat-new-messages-btn.focus>.icon,
.model-chat-new-messages-btn:active>.icon,
.model-chat-new-messages-btn:focus>.icon {
    fill: #000
}

.model-chat-new-messages-btn .btn-loader-overlay {
    color: #000;
    background-color: rgba(255, 255, 255, .8)
}

.model-chat-new-messages-btn.btn {
    position: absolute
}

.model-chat-new-messages-btn.btn:active {
    top: initial
}

.model-chat-new-messages-btn-content {
    align-items: center;
    display: flex
}

.model-chat-new-messages-btn-icon {
    display: inline-block;
    fill: #000;
    margin-left: 8px
}

.model-chat-new-messages-btn.reversed {
    bottom: unset;
    top: 16px
}

.model-chat-new-messages-btn.reversed:active {
    top: 16px
}

.model-chat-new-messages-btn.reversed .model-chat-new-messages-btn-icon {
    transform: rotate(180deg)
}

.model-chat__new-messages-btn {
    align-items: center;
    background: #fff;
    border-radius: 100%;
    bottom: 55px;
    display: flex;
    height: 32px;
    justify-content: center;
    left: 50%;
    position: absolute;
    transform: translateX(-50%);
    width: 32px
}

.model-chat__new-messages-btn .icon {
    fill: #000;
    margin: 0
}

.message-indicators {
    color: rgba(248, 248, 248, .4);
    float: right;
    font-size: 10px;
    line-height: 16px;
    margin-left: 3px
}

.message-indicators .message-indicators-placeholder {
    opacity: 0
}

.message-indicators .message-indicators-content {
    align-items: baseline;
    bottom: 6px;
    display: flex;
    position: absolute;
    right: 6px;
    white-space: nowrap
}

.message-indicators .read-icon {
    color: rgba(248, 248, 248, .4);
    fill: currentColor;
    height: 8px;
    margin: 0 0 0 3px
}

.message-indicators .read-icon.icon-check-4 {
    margin-right: 3px;
    width: 11px
}

.message-indicators .read-icon.icon-read {
    width: 14px
}

.message-indicators.without-timestamp {
    margin-left: 0
}

.message-indicators.with-absolute-position {
    bottom: 6px;
    position: absolute;
    right: 6px
}

.message-indicators.with-absolute-position .message-indicators-placeholder {
    display: none
}

.message-indicators.with-absolute-position .message-indicators-content {
    position: static
}

.message-indicators.with-background {
    background-color: rgba(0, 0, 0, .6);
    border-radius: 4px;
    color: rgba(248, 248, 248, .8);
    line-height: 10px;
    padding: 4px
}

.message-indicators.with-background .read-icon {
    color: rgba(248, 248, 248, .8)
}

.counterpart-base-message .message-indicators {
    margin-left: 5px
}

.counterpart-base-message .message-indicators.with-absolute-position {
    right: 8px
}

.counterpart-base-message .message-indicators .message-indicators-content {
    right: 8px
}

.counterpart-base-message .message-indicators .read-icon {
    display: none
}

.counterpart-base-message .message-indicators.without-timestamp {
    display: none
}

.base-message-wrapper-inner {
    width: 100%;
    align-items: flex-end;
    display: flex;
    flex: 1
}

.base-message-wrapper-error {
    display: flex;
    height: 15px;
    padding-left: 32px;
    line-height: 15px;
    margin-top: 3px;
    color: #c33343;
    font-size: 12px
}

.base-message-wrapper {
    width: 100%
}

.base-message-wrapper.position-left {
    justify-content: flex-start
}

.base-message-wrapper.position-left .base-message-wrapper-error,
.base-message-wrapper.position-left .base-message-wrapper-inner {
    justify-content: flex-start
}

.base-message-wrapper.position-right {
    justify-content: flex-end
}

.base-message-wrapper.position-right .base-message-wrapper-error,
.base-message-wrapper.position-right .base-message-wrapper-inner {
    justify-content: flex-end
}

.base-message-wrapper:not(:first-child) {
    padding: 8px 12px 0 12px
}

.base-message {
    border-radius: 16px 16px 6px 16px;
    max-width: 70%;
    font-size: 14px;
    line-height: 17px;
    overflow: hidden;
    white-space: pre-line
}

.base-message-clickable {
    cursor: pointer
}

.model-chat-normal.model-chat-size-small .base-message {
    font-size: .75rem;
    line-height: 1.25rem
}

.model-chat-normal.model-chat-size-large .base-message {
    font-size: 1rem;
    line-height: 1.25rem
}

.counterpart-base-message {
    border-radius: 16px 16px 16px 6px;
    position: relative
}

.counterpart-base-message-avatar {
    height: 24px;
    margin-right: 8px;
    width: 24px
}

.counterpart-base-message-controls {
    margin-left: 4px
}

.counterpart-base-message-avatar-placeholder {
    flex-basis: 32px;
    width: 32px
}

.image-with-loader {
    height: 150px;
    max-width: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.image-with-loader-placeholder {
    animation: skeleton-animation 3s infinite linear;
    background: linear-gradient(90deg, #515255 20%, #535457 28%, #57595c 35%, #535457 42%, #515255 50%);
    background-size: 300% 100%;
    will-change: background-position;
    height: 150px;
    width: 200px
}

.pay-lock {
    align-items: center;
    background: rgba(0, 0, 0, .6);
    border-radius: 20px;
    color: #f8f8f8;
    display: flex;
    flex-direction: column;
    font-size: 12px;
    justify-content: center;
    left: 50%;
    max-width: 85%;
    padding: 10px 20px;
    position: absolute;
    text-align: center;
    top: 50%;
    transform: translate(-50%, -50%)
}

.pay-lock-icon {
    fill: currentColor;
    height: 20px;
    margin: 0
}

.pay-lock-icon-unlocked {
    color: #34b353
}

.pay-lock-label {
    line-height: 1.3;
    margin-top: 8px;
    min-width: 75px
}

.pay-lock-price {
    font-weight: 700;
    margin-top: 2px
}

.pay-lock-original-price {
    color: #b5b6b7;
    font-weight: 700;
    text-decoration: line-through
}

.album-message {
    position: relative;
    background-color: rgba(255, 255, 255, .1)
}

.album-message--with-text {
    width: -moz-min-content;
    width: min-content
}

.album-message .image-container {
    position: relative
}

.album-message__album-image-wrapper {
    overflow: hidden
}

.album-message .album-image {
    min-width: 172px;
    max-width: 100%;
    min-height: 150px;
    max-height: 220px;
    -o-object-fit: cover;
    object-fit: cover;
    height: unset
}

.album-message .album-image.album-img-restricted {
    filter: blur(10px);
    transform: scale(1.1)
}

.album-message .texts {
    padding: 10px 12px;
    text-align: left;
    word-break: break-word
}

.album-message .texts--with-body {
    padding-bottom: 6px
}

.album-message .texts-divider {
    border-top: 1px solid rgba(255, 255, 255, .1);
    margin: 5px 0
}

.album-message .photos-count {
    color: rgba(255, 255, 255, .6);
    font-size: 12px;
    font-weight: 700;
    line-height: 15px;
    margin-top: 2px
}

.audio-message-player {
    position: relative
}

.audio-message-player__player--hidden {
    opacity: 0;
    visibility: hidden
}

.audio-message-player__loader {
    position: absolute;
    top: 0;
    left: 0;
    right: 0
}

.audio-message-player__loader--hidden {
    opacity: 0;
    z-index: -1;
    visibility: hidden
}

.audio-message {
    background-color: rgba(255, 255, 255, .1);
    padding: 12px 12px 6px 12px;
    width: 250px;
    max-width: 80%;
    box-sizing: border-box;
    position: relative
}

.audio-message.base-message {
    max-width: 90%
}

.audio-message--private-tab.base-message {
    max-width: 90%
}

.audio-message__inner {
    width: 100%
}

.audio-message__access {
    margin-bottom: 10px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    line-height: 16;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: normal;
    line-height: normal
}

.audio-message__access--locked {
    color: #ffa900;
    fill: #ffa900
}

.audio-message__access--locked-model .icon {
    color: #ffa900;
    fill: #ffa900
}

.audio-message__access--unlocked {
    color: #34b353;
    fill: #34b353
}

.audio-message__access .icon {
    margin-right: 0
}

.audio-message__access-text {
    margin-left: 5px
}

.audio-message__content {
    position: relative
}

.audio-message__loader,
.audio-message__player {
    min-width: 200px
}

.audio-message__loader--free {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0
}

.audio-message__title {
    font-size: 14px;
    font-weight: 400;
    letter-spacing: normal;
    line-height: normal;
    margin-top: 10px;
    margin-bottom: 0;
    display: inline-block;
    line-height: 17px;
    word-break: break-word
}

.mixed-message {
    background-color: rgba(255, 255, 255, .1);
    position: relative;
    min-width: 236px
}

.mixed-message__gallery {
    height: 214px;
    position: relative
}

.mixed-message__footer {
    padding: 10px 12px;
    text-align: left
}

.mixed-message__footer--with-body {
    padding-bottom: 6px
}

.mixed-message__footer--with-audio {
    padding-bottom: 20px
}

.mixed-message__media-title {
    border-bottom: 1px solid rgba(255, 255, 255, .1);
    padding-bottom: 5px
}

.mixed-message__counters {
    color: rgba(255, 255, 255, .6);
    font-size: 12px;
    font-weight: 700;
    line-height: 15px;
    margin-top: 2px
}

.mixed-message__pay-lock {
    align-items: center;
    display: flex;
    justify-content: flex-start;
    line-height: 16;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: normal;
    line-height: normal
}

.mixed-message__pay-lock--locked {
    color: #ffa900;
    fill: #ffa900
}

.mixed-message__pay-lock--locked-model .icon {
    color: #ffa900;
    fill: #ffa900
}

.mixed-message__pay-lock--unlocked {
    color: #34b353;
    fill: #34b353
}

.mixed-message__pay-lock .icon {
    margin-right: 0
}

.mixed-message__voice {
    margin-top: 10px
}

.mixed-message__body {
    margin: 5px 0 0 0;
    padding-top: 5px;
    word-break: break-word
}

.mixed-message__body--no-border {
    margin: 10px 0 0;
    padding: 0
}

.photo-message {
    position: relative;
    background-color: rgba(255, 255, 255, .1)
}

.photo-message--with-text {
    width: -moz-min-content;
    width: min-content
}

.photo-message .photo-image {
    min-width: 172px;
    max-width: 100%;
    min-height: 150px;
    max-height: 220px;
    -o-object-fit: cover;
    object-fit: cover;
    height: unset
}

.photo-message__photo-image-wrapper {
    overflow: hidden;
    position: relative
}

.photo-message .photo-image-blocked {
    filter: blur(10px);
    transform: scale(1.1)
}

.photo-message .own-photo-image {
    border-radius: 16px 16px 6px 16px
}

.photo-message .counterpart-photo-image {
    border-radius: 16px 16px 16px 6px
}

.photo-message .counterpart-photo-image.photo-image-not-bottom-border-radius {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.photo-message .texts {
    padding: 10px 12px;
    padding-bottom: 6px;
    text-align: left;
    word-break: break-word
}

.photo-message-modal-content {
    border-radius: 0
}

.photo-message-modal-content.photo-message-modal-loading .image {
    filter: blur(15px);
    width: 50vw
}

.announcement-message {
    font-size: 11px;
    line-height: 12px;
    margin-top: 30px;
    text-align: center
}

.date-message {
    color: #fff;
    opacity: .4
}

.gift-message {
    border: 2px solid #ffba35;
    padding: 8px 12px;
    position: relative;
    word-wrap: break-word
}

.gift-message .accent {
    color: #ffba35
}

.messenger-lovense-tip-message {
    border: 2px solid rgba(255, 255, 255, .1);
    color: #949494;
    font-weight: 700;
    padding: 10px 12px
}

.messenger-lovense-tip-message .power.power-medium {
    color: #59a6ff
}

.messenger-lovense-tip-message .power.power-high {
    color: #ffa400
}

.messenger-lovense-tip-message .power.power-ultraHigh {
    color: #ff4000
}

.messenger-lovense-tip-message .power.power-special {
    color: #ff0098
}

.messenger-lovense-tip-message .power.power-random {
    color: #953fff
}

@media (max-width:639px),
(max-height:615px) and (max-width:900px) {
    .messenger-lovense-tip-message .vibration-word {
        display: none
    }
}

.messenger-lovense-tip-message .duration {
    color: #f8f8f8
}

.messenger-lovense-tip-message .username {
    word-break: break-all
}

.lovense-power-icon {
    height: 24px;
    margin-right: 8px;
    width: 24px
}

.video-message {
    background-color: rgba(255, 255, 255, .1);
    position: relative;
    min-width: 172px;
    max-width: 100%;
    min-height: 150px;
    max-height: 220px;
    -o-object-fit: cover;
    object-fit: cover;
    height: unset
}

.video-message .own-video-image {
    min-width: 172px;
    max-width: 100%;
    min-height: 150px;
    max-height: 220px;
    -o-object-fit: cover;
    object-fit: cover;
    height: unset;
    border-radius: 16px 16px 6px 16px
}

.video-message .counterpart-video-image {
    min-width: 172px;
    max-width: 100%;
    min-height: 150px;
    max-height: 220px;
    -o-object-fit: cover;
    object-fit: cover;
    height: unset;
    border-radius: 16px 16px 16px 6px
}

.video-message .video-message__pay-lock {
    margin-top: 5px;
    min-width: 75px
}

.video-message .video-image-blocked {
    filter: blur(10px);
    height: 160px;
    transform: scale(1.1)
}

.video-message--with-message-text {
    max-height: none;
    width: -moz-min-content;
    width: min-content
}

.video-message--with-message-text .counterpart-video-image {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.video-message--with-message-text .video-message__pay-lock {
    margin-top: 10px
}

.video-message--with-message-text .video-image-blocked {
    height: 150px
}

.video-message .play {
    align-items: center;
    background-color: rgba(0, 0, 0, .6);
    border-radius: 50%;
    color: #f8f8f8;
    display: flex;
    height: 50px;
    justify-content: center;
    left: 50%;
    margin: 0;
    padding: 15px;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 50px
}

.video-message .play-icon {
    fill: currentColor;
    height: 25px;
    left: 15px;
    margin: 0;
    position: absolute;
    top: 12px;
    width: 25px
}

.video-message .right-top {
    display: flex;
    flex-flow: row nowrap;
    height: 20px;
    position: absolute;
    right: 8px;
    top: 8px
}

.video-message .duration {
    font-size: 11px;
    font-weight: 700;
    letter-spacing: normal;
    line-height: 12px;
    text-transform: uppercase;
    align-items: center;
    background-color: rgba(0, 0, 0, .4);
    border-radius: 4px;
    color: rgba(248, 248, 248, .8);
    display: flex;
    justify-content: center;
    padding: 4px 8px
}

.video-message .mini-play {
    align-items: center;
    background-color: rgba(0, 0, 0, .4);
    border-radius: 4px;
    color: rgba(248, 248, 248, .8);
    display: flex;
    justify-content: center;
    margin-right: 8px;
    padding: 4px 6px
}

.video-message .mini-play-icon {
    fill: currentColor;
    margin: 0
}

.video-message__cover-wrapper {
    overflow: hidden;
    position: relative
}

.video-message .texts {
    padding: 10px 12px;
    padding-bottom: 6px;
    text-align: left;
    word-break: break-word
}

.processing-video-message {
    align-items: center;
    background-color: #515255;
    color: #f8f8f8;
    display: flex;
    flex-flow: column nowrap;
    justify-content: center;
    padding: 81px 40px;
    text-align: center
}

.processing-video-message .time-icon {
    margin: 0;
    margin-bottom: 10px
}

.media-unlocked-message {
    border: 2px solid #ffba35;
    padding: 8px 12px;
    position: relative;
    word-wrap: break-word;
    max-width: 80%
}

.media-unlocked-message-accent {
    color: #ffba35;
    white-space: nowrap
}

.media-unlocked-message-media-button {
    color: rgba(248, 248, 248, .6);
    text-decoration: underline
}

.media-unlocked-message-media-button:hover {
    color: rgba(248, 248, 248, .8)
}

.system-message-avatar {
    height: 24px;
    margin-right: 8px;
    width: 24px;
    fill: #e9a63b
}

.messenger-private-menu-message {
    border: 2px solid #ffba35;
    padding: 10px 12px
}

.messenger-private-menu-message .accent {
    color: #ffba35;
    font-weight: 700
}

.private-show-ended-message {
    color: #f8f8f8;
    opacity: .4
}

.private-show-started-message {
    color: #e0ac5b
}

.messenger-system-message {
    border: 2px solid rgba(255, 255, 255, .1);
    padding: 10px 12px
}

.messenger-system-message.private-menu-announcement {
    border: 2px solid #ffba35
}

.messenger-system-message.private-menu-announcement .private-menu-link {
    color: #69a8e0
}

.tipped-message {
    border: 2px solid #ffba35;
    position: relative;
    padding: 8px 12px;
    word-wrap: break-word
}

.tipped-message .accent {
    color: #ffba35
}

.tipped-message .epic-goal-accent {
    color: #9147ff
}

.tipped-message .tip-message-indicators {
    right: 12px
}

.own-text-message {
    background-color: rgba(255, 92, 92, .3);
    color: #f8f8f8;
    padding: 10px 12px;
    position: relative;
    word-break: break-word
}

.counterpart-text-message {
    background-color: rgba(255, 255, 255, .1);
    color: #f8f8f8;
    padding: 10px 12px;
    position: relative;
    word-break: break-word
}

.counterpart-text-message .text-message-indicators {
    right: 8px
}

.player-pagination {
    align-items: center;
    display: flex;
    justify-content: space-between;
    width: 64px
}

.player-pagination__button {
    align-items: center;
    background-color: rgba(248, 248, 248, .2);
    border-radius: 50%;
    display: flex;
    height: 24px;
    justify-content: center;
    width: 24px
}

.player-pagination__button .icon {
    color: #fff;
    fill: #fff;
    margin-right: 0
}

.player-pagination__button--rotate .icon {
    transform: rotate(180deg)
}

.player-pagination__button:hover {
    background-color: rgba(248, 248, 248, .4)
}

.player-pagination__button:hover .icon {
    color: #fff;
    fill: #fff
}

.player-pagination__button:disabled {
    opacity: .6;
    cursor: default
}

.player-pagination__button:disabled:hover {
    background-color: rgba(248, 248, 248, .2)
}

.player-pagination__button:disabled:hover .icon {
    color: #fff;
    fill: #fff
}

.chat-voice-player-modal {
    padding: 12px;
    background-color: rgba(255, 255, 255, .1);
    border-radius: 16px
}

.chat-voice-player-modal__close {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: -5px;
    margin-right: -5px
}

.chat-voice-player-modal__header {
    font-size: 12px;
    font-weight: 500;
    letter-spacing: normal;
    line-height: normal
}

.chat-voice-player-modal__text-darken {
    opacity: .4
}

.chat-voice-player-modal__close-btn {
    align-items: center;
    border-radius: 2px;
    display: flex;
    height: 24px;
    justify-content: center;
    opacity: .5;
    width: 24px;
    height: 24px;
    margin-left: 20px;
    opacity: .4;
    position: relative;
    transition: opacity .3s;
    width: 24px;
    display: inline-flex;
    align-items: center;
    justify-content: center
}

.chat-voice-player-modal__close-btn:hover {
    background: rgba(248, 248, 248, .1);
    opacity: 1
}

.chat-voice-player-modal__close-btn:hover {
    opacity: 1
}

.chat-voice-player-modal__close-btn .icon {
    fill: currentColor;
    margin-right: 0;
    transition: all .3s
}

.chat-voice-player-modal__content {
    margin-top: 5px
}

.chat-voice-player-modal__title {
    margin-top: 10px;
    color: #f8f8f8
}

.chat-voice-player-modal__pagination {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 10px
}

.chat-actions.btn {
    align-items: center;
    background: 0 0;
    border-radius: 10px;
    color: rgba(248, 248, 248, .9);
    cursor: pointer;
    display: flex;
    fill: rgba(248, 248, 248, .9);
    flex: 1 0 auto;
    height: 36px;
    justify-content: center;
    margin: 0 7px 0 0;
    padding: 0;
    width: 38px;
    background: rgba(248, 248, 248, .1)
}

@media (pointer:fine) {
    .chat-actions.btn:hover {
        background: rgba(248, 248, 248, .2)
    }
}

.chat-actions.btn.active {
    background: rgba(0, 0, 0, .25)
}

.chat-actions.btn .icon {
    height: 32px;
    margin: 0;
    vertical-align: baseline;
    width: 32px;
    color: #f8f8f8;
    fill: #ff414f
}

.chat-actions.btn .icon.is-premium {
    fill: #e9a63b
}

.show-leaderboard-button.show-leaderboard-button {
    align-items: center;
    background-color: rgba(255, 255, 255, .08);
    border-radius: 6px;
    display: flex;
    justify-content: space-between;
    margin-top: 13px;
    padding: 4px 9px;
    width: 100%;
    border: 1px solid transparent;
    font-size: 12px;
    font-weight: 400;
    letter-spacing: normal;
    line-height: normal
}

.show-leaderboard-button.show-leaderboard-button:hover {
    background-color: rgba(255, 255, 255, .2);
    border: 1px solid transparent
}

.show-leaderboard-button.show-leaderboard-button.active {
    background-color: rgba(0, 0, 0, .2);
    border: 1px solid transparent
}

.show-leaderboard-button-content {
    align-items: center;
    display: flex
}

.show-leaderboard-button-chevron-icon {
    height: 14px;
    margin: 0;
    opacity: .6;
    transform: rotate(90deg);
    width: 14px
}

.show-leaderboard-button-chevron-icon.visible {
    transform: rotate(270deg)
}

.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 {
    margin-left: 5px;
    display: inline
}

.model-chat-users-info .king-block .become-king-wrapper .king-icon {
    fill: currentColor;
    margin-left: 0
}

.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 {
    color: #fff
}

.model-chat-users-info .king-wrapper-tooltip-tokens {
    color: #fff
}

#users_list_king_info {
    display: flex
}

.leaderboard-header {
    align-items: stretch;
    display: flex;
    height: 62px;
    position: relative;
    text-align: center
}

.leaderboard-header-titles {
    flex: 1
}

.leaderboard-header-titles:hover {
    background-color: #353535
}

.leaderboard-header-titles.disabled {
    cursor: auto
}

.leaderboard-header-titles.disabled:hover {
    background-color: inherit
}

.leaderboard-header-navigation-button {
    height: 100%;
    opacity: .4;
    width: 36px;
    z-index: 1
}

.leaderboard-header-navigation-button:hover {
    background-color: #353535;
    opacity: 1
}

.leaderboard-header-navigation-button.left .leaderboard-header-icon {
    transform: rotate(180deg)
}

.leaderboard-header-icon {
    margin: 0
}

.leaderboard {
    display: flex;
    flex-direction: column;
    position: relative
}

.leaderboard-header-wrapper {
    height: 62px
}

.leaderboard-header-divider {
    background-color: rgba(248, 248, 248, .1);
    height: 1px;
    width: 100%
}

.leaderboard-title {
    font-size: 14px;
    font-weight: 700;
    letter-spacing: normal;
    line-height: normal;
    margin-bottom: 4px
}

.leaderboard-sub-title {
    font-size: 12px;
    font-weight: 400;
    letter-spacing: normal;
    line-height: normal;
    opacity: .6
}

.leaderboard-body {
    flex: 1;
    position: relative;
    z-index: 1
}

.leaderboard-empty-list-message {
    align-items: center;
    display: flex;
    flex-direction: column;
    padding: 36px 0
}

.leaderboard-empty-list-message-text {
    color: #fff;
    margin-top: 10px;
    opacity: .4;
    text-align: center;
    white-space: pre-line
}

.in-room-marker {
    margin-left: 10px
}

.in-room-marker-content {
    position: relative;
    display: flex;
    justify-content: center
}

.in-room-marker-icon {
    margin: 0
}

.tipper-info {
    align-items: center;
    display: flex;
    margin-bottom: 9px;
    position: relative
}

.tipper-info-base-content {
    flex: 1;
    display: flex;
    align-items: center;
    margin-right: 10px
}

.tipper-info-number {
    align-items: center;
    display: flex;
    height: 24px;
    justify-content: center;
    margin-right: 10px;
    min-width: 24px
}

.tipper-info-number-icon {
    height: 24px;
    margin: 0;
    width: 24px
}

.tipper-info-number-text {
    font-size: 12px;
    font-weight: 400;
    letter-spacing: normal;
    line-height: normal;
    opacity: .6
}

.tipper-info-username {
    text-overflow: ellipsis;
    cursor: pointer;
    font-weight: 500
}

.tipper-info-tokens {
    font-weight: 500;
    white-space: nowrap
}

.top-tippers-list-skeleton-row {
    align-items: center;
    display: flex
}

.top-tippers-list-skeleton-row:not(:last-child) {
    margin-bottom: 13px
}

.top-tippers-list-skeleton-row-header {
    align-items: center;
    display: flex;
    flex: 1
}

.top-tippers-list-skeleton-avatar {
    animation: skeleton-animation 3s infinite linear;
    background: linear-gradient(90deg, #383838 20%, #404040 28%, #454545 35%, #404040 42%, #383838 50%);
    background-size: 300% 100%;
    will-change: background-position;
    height: 20px;
    width: 20px;
    border-radius: 50%
}

.top-tippers-list-skeleton-username {
    animation: skeleton-animation 3s infinite linear;
    background: linear-gradient(90deg, #383838 20%, #404040 28%, #454545 35%, #404040 42%, #383838 50%);
    background-size: 300% 100%;
    will-change: background-position;
    height: 6px;
    width: 100%;
    border-radius: 3px;
    margin-left: 8px
}

.top-tippers-list-skeleton-tokens {
    animation: skeleton-animation 3s infinite linear;
    background: linear-gradient(90deg, #383838 20%, #404040 28%, #454545 35%, #404040 42%, #383838 50%);
    background-size: 300% 100%;
    will-change: background-position;
    height: 6px;
    width: 15px;
    border-radius: 3px;
    width: 15px
}

.top-tippers-list {
    max-height: 100%;
    padding: 0 16px
}

.top-tippers-list-titles {
    font-size: 11px;
    font-weight: 700;
    letter-spacing: normal;
    line-height: 12px;
    text-transform: uppercase;
    line-height: 12px;
    display: flex;
    justify-content: space-between;
    margin: 12px 0
}

.top-tippers-list-title {
    color: #fff;
    opacity: .4
}

.top-tippers-list-info {
    display: flex;
    align-items: center
}

.top-tippers-list-info-icon {
    color: #fff;
    opacity: .4
}

.top-tippers-list-tooltip {
    color: #fff
}

.top-tippers-list-items {
    margin: 0;
    max-width: 100%;
    overflow: hidden
}

.user-leaderboard-rows-1.user-leaderboard-placeholder {
    height: 141px
}

.user-leaderboard-rows-1 .user-leaderboard-expandable-body {
    height: 69px;
    overflow: hidden;
    transition: height .2s;
    will-change: height
}

.user-leaderboard-rows-2.user-leaderboard-placeholder {
    height: 174px
}

.user-leaderboard-rows-2 .user-leaderboard-expandable-body {
    height: 102px;
    overflow: hidden;
    transition: height .2s;
    will-change: height
}

.user-leaderboard-rows-3.user-leaderboard-placeholder {
    height: 207px
}

.user-leaderboard-rows-3 .user-leaderboard-expandable-body {
    height: 135px;
    overflow: hidden;
    transition: height .2s;
    will-change: height
}

.user-leaderboard-expandable-body-wrapper {
    padding-bottom: 10px
}

.user-leaderboard-body {
    overflow: hidden
}

.user-leaderboard-content {
    background-color: #262626;
    border-bottom: 1px solid rgba(248, 248, 248, .1);
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.user-leaderboard-content.expanded {
    box-shadow: 0 4px 25px rgba(0, 0, 0, .28)
}

@media screen and (max-width:1023px) {
    .user-leaderboard-content.expanded .user-leaderboard-button {
        bottom: 16px
    }
}

.user-leaderboard-scrollbar-container-wrapper.expansion-done {
    height: 100%
}

.user-leaderboard-scrollbar-container-wrapper.expansion-done .user-leaderboard-scrollbar-container {
    height: 100%
}

.user-leaderboard-button {
    left: 0;
    position: absolute;
    transition: bottom .2s;
    width: 100%;
    bottom: 4px
}

.user-leaderboard-button:hover .user-leaderboard-expand-icon {
    opacity: 1
}

.user-leaderboard-expand-icon {
    margin: 0;
    opacity: .2;
    width: 24px
}

.user-leaderboard-background {
    background: url(/assets/cams/features/topTippers/components/Leaderboard/images/wreath.svg) no-repeat 100% 0;
    background-size: contain;
    content: "";
    filter: none;
    height: 680px;
    opacity: 0;
    position: absolute;
    top: 15px;
    transition: opacity .3s;
    width: 100%;
    z-index: -1;
    left: 10px
}

.user-leaderboard-background.visible {
    opacity: .02
}

.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
}

@media screen and (max-width:639px) {
    .model-chat-users-info {
        overflow: hidden
    }
}

.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
}

@media screen and (max-width:1023px) {
    .model-chat-users-info .king-block {
        display: block
    }
}

.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-invisibles {
    font-size: .875rem;
    line-height: 1.25rem
}

.model-chat-users-info .info-item-ultimate {
    color: #e54500
}

.model-chat-users-info .info-item-grey {
    color: #f8f8f8
}

.model-chat-users-info .info-item-invisibles {
    align-items: center;
    color: #a3a3a3;
    display: flex;
    flex-direction: row
}

.model-chat-users-info .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;
    justify-content: flex-start;
    max-width: 100%;
    white-space: normal;
    font-weight: 500;
    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
}

@media screen and (max-width:1023px) {
    .model-chat-users-list .scroll-bar-container {
        border-bottom: none;
        border-top: 1px solid rgba(53, 53, 53, .8)
    }
}

.model-chat-users-list.model-chat-users-list-levels ul li {
    height: 30px;
    line-height: 30px
}

.player-join-button {
    background-clip: padding-box;
    background-color: rgba(0, 0, 0, .6);
    color: #fff;
    font-size: 14px;
    font-weight: 400;
    height: 42px;
    line-height: 14px;
    margin: 0;
    overflow: hidden;
    pointer-events: all;
    text-shadow: 1px 1px rgba(0, 0, 0, .4);
    transition: all 90ms ease-in-out 0s
}

@media screen and (max-width:767px) {
    .player-join-button {
        font-size: 12px;
        height: 25px
    }
}

.player-join-button:hover {
    background-color: #ff4352
}

.player-live-badge {
    background-color: #d82938;
    border-radius: 4px;
    color: #f8f8f8;
    font-size: 13px;
    font-weight: 500;
    letter-spacing: .02em;
    line-height: 14px;
    padding: 4px 9px;
    text-transform: uppercase
}

@media screen and (max-width:479px) {
    .player-live-badge {
        font-size: 11px;
        line-height: 13px;
        padding: 3px 6px
    }
}

.player-live-badge--model-fullscreen {
    font-size: 12px;
    font-weight: 700;
    padding: 4px 10px
}

.player-mic-inactive-badge {
    background-color: rgba(0, 0, 0, .3);
    border-radius: 4px;
    color: rgba(255, 255, 255, .8);
    font-size: 11px;
    font-weight: 700;
    line-height: 14px;
    padding: 4px;
    pointer-events: all;
    text-transform: uppercase
}

.player-mic-inactive-badge__icon {
    height: 14px;
    margin-right: 3px;
    vertical-align: top;
    width: 14px
}

.player-viewers-count {
    color: rgba(248, 248, 248, .8);
    font-size: 12px;
    line-height: 14px;
    letter-spacing: .044rem
}

@media screen and (max-width:479px) {
    .player-viewers-count {
        font-size: 10px;
        line-height: 12px
    }
}

.player-viewers-count--model-fullscreen {
    color: #f8f8f8;
    font-size: 16px;
    font-weight: 500;
    line-height: 20px
}

.player-volume-muted-badge {
    align-items: end;
    background: rgba(0, 0, 0, .4);
    border-radius: 4px;
    color: #fff;
    display: flex;
    font-size: 11px;
    font-weight: 700;
    height: 22px;
    justify-content: center;
    line-height: 11px;
    opacity: .7;
    padding: 14px;
    padding: 5px;
    pointer-events: all
}

.player-volume-muted-badge .icon {
    fill: #fff;
    height: 12px;
    width: 12px
}

.player-waiting-private {
    align-items: center;
    animation: opacity-fade-show 120ms;
    background-color: rgba(0, 0, 0, .6);
    border-radius: 40px;
    color: #fff;
    display: flex;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: -.09px;
    line-height: 15px;
    opacity: 1;
    padding: 5px;
    pointer-events: all
}

.player-waiting-private .player-waiting-private__button {
    flex-shrink: 0;
    margin: 0 0 0 20px;
    opacity: 1;
    padding: 0 40px
}

.player-waiting-private .player-waiting-private__loader {
    margin: 0 20px 0 10px
}

.fullscreen-chat-actions-button {
    display: flex
}

.fullscreen-chat-actions-button .fullscreen-chat-actions-button__inner.btn {
    background: #101010;
    border-radius: 32px;
    box-shadow: none;
    display: flex;
    height: auto;
    margin: 0;
    opacity: 1;
    padding: 0
}

.fullscreen-chat-actions-button.fullscreen-chat-actions-button--private .icon {
    fill: #e9a63b
}

.fullscreen-private-button.btn {
    align-items: center;
    color: #f8f8f8;
    display: flex;
    font-size: 15px;
    font-weight: 500 !important;
    overflow: visible;
    padding: 0 20px
}

@media (pointer:fine) {

    .fullscreen-private-button.btn.hover,
    .fullscreen-private-button.btn:hover {
        color: #000
    }
}

.fullscreen-private-button.btn.active,
.fullscreen-private-button.btn.focus,
.fullscreen-private-button.btn:active,
.fullscreen-private-button.btn:focus {
    color: #f8f8f8
}

.fullscreen-private-button__discount-icon {
    background-image: url(/assets/features/discounts/images/user-active-discount.svg);
    height: 30px;
    left: -7px;
    position: absolute;
    top: -12px;
    width: 30px
}

.fullscreen-private-button__private-btn-actual-price {
    margin: 0 4px 0 8px;
    opacity: .4
}

.fullscreen-private-button__private-btn-actual-price:before {
    background-color: currentColor
}

@media screen and (max-width:479px) {
    .fullscreen-private-button__private-btn-actual-price {
        display: none
    }
}

.fullscreen-private-button__private-btn-price {
    white-space: nowrap
}

.fullscreen-private-tip-button.btn {
    font-size: 13px;
    padding: 0 20px;
    font-weight: 500
}

.fullscreen-private-tip-button--full.btn {
    background-color: #feb601;
    color: #313135
}

.fullscreen-private-tip-button--full.btn:hover {
    background-color: #fbc932;
    color: #313135
}

.fullscreen-private-tip-button--spy.btn {
    font-weight: 500 !important
}

.fullscreen-private-tip-button--active.btn {
    background-color: #6f5001;
    color: #fff
}

.fullscreen-private-tip-button--active.btn:hover {
    background-color: #936a01;
    color: #fff
}

.fullscreen-private-tip-button--icon.btn {
    align-items: center;
    background-color: #101010;
    display: flex;
    justify-content: center;
    padding: 0;
    width: 38px
}

.fullscreen-private-tip-button--icon.btn .icon {
    fill: #e9a63b;
    margin: 0
}

.fullscreen-stop-private-button {
    align-items: center;
    border-radius: 64px;
    display: flex;
    font-size: 13px;
    justify-content: center;
    padding: 11px 18px;
    background: #101010;
    color: #fff;
    transition: all 90ms ease-in-out 0s
}

.fullscreen-stop-private-button__icon,
.fullscreen-stop-private-button__short-text {
    display: none
}

.fullscreen-stop-private-button>.icon {
    fill: #fff;
    transition: all 90ms ease-in-out 0s
}

@media (pointer:fine) {

    .fullscreen-stop-private-button.hover,
    .fullscreen-stop-private-button:hover {
        background: #252525;
        color: #fff
    }

    .fullscreen-stop-private-button.hover>.icon,
    .fullscreen-stop-private-button:hover>.icon {
        fill: #fff
    }
}

.fullscreen-stop-private-button.active,
.fullscreen-stop-private-button.focus,
.fullscreen-stop-private-button:active,
.fullscreen-stop-private-button:focus {
    background: #252525;
    color: #fff
}

.fullscreen-stop-private-button.active>.icon,
.fullscreen-stop-private-button.focus>.icon,
.fullscreen-stop-private-button:active>.icon,
.fullscreen-stop-private-button:focus>.icon {
    fill: #fff
}

.fullscreen-stop-private-button .btn-loader-overlay {
    color: #fff;
    background-color: #101010
}

@media screen and (max-width:1023px) {
    .fullscreen-stop-private-button__text {
        display: none
    }

    .fullscreen-stop-private-button__short-text {
        display: block
    }
}

@media screen and (max-width:767px) {
    .fullscreen-stop-private-button {
        height: 38px;
        padding: 0;
        width: 38px
    }

    .fullscreen-stop-private-button__short-text {
        display: none
    }

    .fullscreen-stop-private-button__icon {
        display: block;
        fill: #af262f !important;
        margin: 0
    }
}

.player-top-button {
    background: 0 0;
    height: 36px;
    line-height: 16px;
    padding: 0;
    pointer-events: all;
    width: 36px
}

.player-top-button__icon {
    color: #fff;
    fill: #fff;
    height: 16px;
    margin: 0;
    width: 16px
}

.player-top-button__badge-icon {
    height: 14px !important;
    left: 16px;
    position: absolute;
    top: -6px;
    width: 24px !important
}

.player-top-button--model-fullscreen .player-top-button__icon {
    height: 20px;
    width: 20px
}

.player-chat-button__model-fullscreen-enabled-icon {
    transform: scale(1.25)
}

.player-low-latency-button .player-low-latency-button__icon {
    height: 18px
}

.player-low-latency-toggler {
    align-items: center;
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between
}

.player-low-latency-toggler__label {
    font-size: .75rem;
    color: rgba(248, 248, 248, .8);
    font-weight: 700;
    margin: 0;
    white-space: nowrap
}

.player-low-latency-toggler .player-low-latency-toggler__help-tooltip {
    margin: 0 5px 0 10px
}

.player-low-latency-toggler .player-low-latency-toggler__help-tooltip .tooltip .tooltip-inner {
    padding: 10px
}

.player-low-latency-dropdown.tooltip {
    border-radius: 4px;
    padding: 0;
    pointer-events: all;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    z-index: 201
}

.player-low-latency-dropdown.tooltip.bottom>.tooltip-inner:before {
    border-bottom-color: #222 !important
}

.player-low-latency-dropdown.tooltip.left>.tooltip-inner:before {
    border-left-color: #222 !important
}

.player-low-latency-dropdown.tooltip .tooltip-inner {
    background-color: #222 !important;
    padding: 16px !important;
    z-index: 1
}

.player-low-latency-dropdown__toggler {
    margin-bottom: 16px
}

.player-low-latency-dropdown__text {
    font-size: .75rem;
    color: rgba(248, 248, 248, .6);
    font-weight: 400;
    margin: 0
}

.player-mic-inactive-button {
    cursor: default !important;
    top: 0 !important
}

.player-next-model-button {
    pointer-events: all
}

.player-picture-in-picture-button {
    align-items: center;
    display: flex;
    justify-content: center;
    opacity: .4;
    transform: scale(1, -1);
    transition: all .2s ease-in-out 0s
}

.player-picture-in-picture-button:hover {
    opacity: .7
}

.player-picture-in-picture-button .icon {
    fill: #fff
}

.player-resolution-tooltip.tooltip {
    background-color: #222;
    border-radius: 4px;
    cursor: default;
    font-size: 12px;
    font-weight: 700;
    padding: 0;
    z-index: 201
}

.player-resolution-tooltip.tooltip.bottom>.tooltip-inner:before {
    border-bottom-color: #222
}

.player-resolution-tooltip.tooltip.left>.tooltip-inner:before {
    border-left-color: #222
}

.player-resolution-tooltip.tooltip .tooltip-inner {
    background-color: #222;
    border-color: #222;
    min-width: 130px;
    padding: 0;
    z-index: 1
}

.player-resolution-tooltip__header {
    border-bottom: solid 1px rgba(255, 255, 255, .1);
    color: #a7a7a7;
    padding: 8px 16px 6px
}

.player-resolution-tooltip__auto-resolution {
    float: right;
    opacity: .7
}

.player-resolution-tooltip__resolutions {
    padding: 8px 0
}

.player-resolution-tooltip__block {
    border-top: solid 1px rgba(255, 255, 255, .1);
    padding: 4px 0
}

.player-resolution-tooltip__button {
    color: #d3d3d3;
    cursor: pointer;
    height: 32px;
    line-height: 16px;
    padding: 8px 16px 8px
}

.player-resolution-tooltip__button--active {
    background-color: rgba(255, 255, 255, .1)
}

.player-resolution-tooltip__button--resolution {
    text-transform: capitalize
}

.player-resolution-tooltip__button:hover {
    background-color: rgba(255, 255, 255, .2);
    color: #ebebeb
}

.player-resolution-tooltip__button .icon-badge-hd-red {
    margin-bottom: 1px;
    margin-left: 4px;
    width: 24px
}

.player-resolution-tooltip__low-latency {
    margin: 8px 16px
}

.player-tokens-button.player-tokens-button {
    width: auto
}

.player-tokens-button .player-tokens-button__icon {
    height: 18px !important
}

.player-tokens-button__tokens {
    color: #fff;
    font-size: 13px;
    margin-left: 10px
}

.player-tokens-button__tokens-amount {
    font-weight: 700
}

.player-tokens-button--model-fullscreen .player-tokens-button__icon {
    vertical-align: text-bottom;
    width: 20px
}

.player-tokens-button--model-fullscreen .player-tokens-button__tokens-amount {
    font-size: 16px;
    font-weight: 700;
    line-height: 20px
}

.player-tokens-button--model-fullscreen .player-tokens-button__tokens-abbreviation {
    font-size: 16px;
    font-weight: 500;
    line-height: 20px
}

.player-tokens-dropdown.tooltip {
    border-radius: 4px;
    pointer-events: all;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    min-width: 200px;
    padding: 0
}

.player-tokens-dropdown.tooltip .tooltip-inner {
    background-color: #222;
    padding: 0 0 8px;
    color: #e1e1e1;
    width: 100%;
    z-index: 1
}

.player-tokens-dropdown.tooltip.bottom>.tooltip-inner:before {
    border-bottom-color: #222
}

.player-tokens-dropdown.tooltip.left>.tooltip-inner:before {
    border-left-color: #222
}

.player-tokens-dropdown__button {
    padding: 16px
}

.player-tokens-dropdown__button .btn {
    margin: 0
}

.player-tokens-dropdown .player-tokens-dropdown__refill {
    border-bottom: none;
    padding: 8px 16px
}

.player-tokens-dropdown .player-tokens-dropdown__refill:hover {
    background: #303133
}

.player-volume-slider {
    height: 100px;
    margin: 0 auto;
    position: relative;
    top: -3px;
    width: 26px
}

.player-volume-slider::before {
    background: rgba(248, 248, 248, .4);
    border-radius: 4px;
    content: "";
    display: block;
    height: 80px;
    left: 10px;
    position: absolute;
    top: 10px;
    width: 6px
}

.player-volume-slider__container {
    bottom: -10px;
    cursor: pointer;
    height: 80px;
    left: 10px;
    position: relative;
    width: 6px
}

.player-volume-slider__fill {
    background: #f8f8f8;
    border-radius: 4px;
    bottom: 0;
    height: 50%;
    position: absolute;
    width: 6px
}

.player-volume-slider__handle {
    bottom: calc(50% - 12px);
    height: 24px;
    left: -9px;
    margin-top: 5px;
    position: absolute;
    width: 24px
}

.player-volume-slider__handle::before {
    background: #f8f8f8;
    border-radius: 50%;
    content: "";
    cursor: pointer;
    display: block;
    height: 12px;
    left: 6px;
    position: absolute;
    top: 6px;
    width: 12px
}

.player-volume {
    background-color: transparent;
    border-radius: 36px;
    height: 36px;
    overflow: hidden;
    pointer-events: all;
    transition: all ease-in-out .1s;
    width: 36px
}

.player-volume--with-slider.player-volume--changing,
.player-volume--with-slider:hover {
    background-color: #181818;
    height: 140px;
    overflow: visible
}

.player-volume .player-volume__control {
    margin: 0
}

.anonymous-tip-switcher-tooltip .tooltip-close {
    right: 20px;
    top: 18px
}

.anonymous-tip-switcher-tooltip .tooltip-inner {
    background-color: #222;
    border-color: #222;
    box-shadow: 0 0 4px rgba(17, 17, 17, .2);
    position: relative
}

.anonymous-tip-switcher-tooltip-container {
    min-width: 276px;
    padding: 15px;
    font-size: .813rem
}

.anonymous-tip-switcher-tooltip-container.compact {
    min-width: unset
}

.anonymous-tip-switcher-tooltip-header {
    color: rgba(255, 255, 255, .9);
    font-weight: 700;
    font-size: .938rem
}

.anonymous-tip-switcher-tooltip-subheader {
    color: rgba(255, 255, 255, .6);
    font-weight: 400;
    margin: 15px 0;
    font-size: .813rem;
    line-height: 1.125rem
}

.anonymous-tip-switcher-tooltip-list {
    margin-top: 20px;
    font-size: .75rem;
    line-height: 1.563rem
}

.anonymous-tip-switcher-tooltip-list li {
    background: 0 0 !important;
    border: none !important;
    min-height: auto;
    padding: 0 0 0 22px;
    position: relative;
    white-space: nowrap
}

.anonymous-tip-switcher-tooltip-list li::after {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='100' height='100' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M41.03 80.34L100 21.37 89.74 11.1 30.77 70.1 10.26 49.57 0 59.83l20.51 20.51L30.77 90.6z' fill='%2397ff53'/%3E%3C/svg%3E");
    background-size: 12px 12px;
    content: " ";
    height: 12px;
    left: 0;
    position: absolute;
    top: 3px;
    width: 12px
}

.anonymous-tip-switcher-tooltip-controls {
    display: flex;
    justify-content: center;
    margin-top: 20px
}

.anonymous-tip-switcher-tooltip-controls .btn {
    color: rgba(33, 18, 0, .9);
    height: 41px;
    width: 100%;
    font-size: .938rem
}

symbol#icons-tokens-plus .icon-part-tokens-plus-plus {
    fill: #93bb3b
}

symbol#icons-tokens-plus .icon-part-tokens-plus-token {
    fill: #fff
}

.send-tip-form .buy-tokens {
    border: none;
    box-sizing: border-box;
    min-width: 178px
}

.send-tip-form .buy-tokens.anonymous {
    background-color: rgba(121, 148, 61, .4);
    box-shadow: inset 0 0 0 2px #79943d
}

.send-tip-form .buy-tokens.anonymous:hover {
    background-color: #fff;
    box-shadow: none;
    color: #414141
}

.send-tip-form .radio-wrapper {
    cursor: pointer;
    display: flex
}

.send-tip-form .radio-wrapper+.radio-wrapper {
    margin-top: 10px
}

.send-tip-form .radio-wrapper .radio-container {
    flex: 1 1 auto;
    min-width: 200px;
    text-align: left;
    line-height: 2.313rem
}

.send-tip-form .radio-wrapper .radio-container label {
    margin-right: 20px;
    font-size: 1rem
}

.send-tip-form .radio-wrapper .description {
    flex: 1 1 50%
}

.send-tip-form .radio-wrapper .description input {
    background-color: #232323;
    border-color: #232323;
    color: #fff;
    width: 100%
}

.send-tip-form .radio-wrapper .description .description-inner {
    border: 1px solid #8c9289;
    color: #8c9289;
    font-style: oblique;
    padding: 0 12px;
    white-space: nowrap;
    line-height: 2.313rem;
    border-radius: 4px
}

.send-tip-form .radio-wrapper.checked .description-inner {
    border-color: #b1e345;
    color: #93bb3b
}

.send-tip-form .radio-wrapper.disabled {
    cursor: default;
    opacity: .5;
    pointer-events: none
}

.send-tip-form .comment-type-select {
    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: all 120ms ease-in-out 0s;
    font-size: .688rem;
    line-height: 1rem;
    align-items: center;
    background-color: #232323;
    border-bottom-left-radius: 0;
    border-color: #232323;
    border-top-left-radius: 0;
    cursor: pointer;
    display: flex;
    flex-shrink: 0;
    font-weight: 700;
    padding-left: 10px;
    padding-right: 14px;
    position: relative;
    text-align: right
}

.send-tip-form .comment-type-select::-moz-placeholder {
    color: rgba(223, 223, 223, .6)
}

.send-tip-form .comment-type-select::placeholder {
    color: rgba(223, 223, 223, .6)
}

.send-tip-form .comment-type-select: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)
}

.send-tip-form .comment-type-select.error {
    border: 1px solid #de5b64;
    color: #de5b64
}

.send-tip-form .comment-type-select.error:hover {
    border: 1px solid #d5444e;
    color: #d5444e
}

.send-tip-form .comment-type-select.error:active,
.send-tip-form .comment-type-select.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
}

.send-tip-form .comment-type-select svg.icon {
    display: block;
    fill: rgba(255, 255, 255, .75);
    height: 1.3rem;
    margin-right: 6px;
    width: 1.3rem
}

.send-tip-form .input-comment:focus+.comment-type-select {
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 5px rgba(255, 255, 255, .25)
}

.send-tip-form .comments-transition-wrapper {
    width: 100%
}

.send-tip-form .comments-wrapper {
    border-bottom: 1px solid rgba(255, 255, 255, .2);
    display: flex;
    margin-top: 20px;
    padding-bottom: 20px
}

.send-tip-form .comments-wrapper .trigger {
    flex: 1 1 auto;
    margin-right: 20px;
    line-height: 2.313rem
}

.send-tip-form .comments-wrapper .comments {
    align-items: center;
    display: flex;
    flex: 1 1 auto;
    min-width: 370px;
    position: relative
}

.send-tip-form .comments-wrapper .comments.disabled,
.send-tip-form .comments-wrapper .comments.disabled * {
    cursor: pointer
}

.send-tip-form .comments-wrapper .comments.disabled.invisible {
    display: none
}

.send-tip-form .comments-wrapper .comments .icon-chat-actions,
.send-tip-form .comments-wrapper .comments .icon-feed,
.send-tip-form .comments-wrapper .comments .icon-flag-simple,
.send-tip-form .comments-wrapper .comments .icon-lock,
.send-tip-form .comments-wrapper .comments .icon-timeline {
    left: 20px;
    position: absolute;
    top: 12px
}

.send-tip-form .comments-wrapper .comments .icon-lock {
    fill: #f8f8f8
}

.send-tip-form .comments-wrapper .comments .icon-chat-actions {
    fill: #ff414f
}

.send-tip-form .comments-wrapper .comments .icon-flag-simple {
    fill: #a36aff
}

.send-tip-form .comments-wrapper .comments input.input-comment {
    background-color: #232323;
    border-color: #232323;
    display: block;
    transition: none;
    width: 100%
}

.send-tip-form .comments-wrapper .comments input.input-comment:not(:disabled).has-comment {
    border-bottom-right-radius: 0;
    border-right: 0;
    border-top-right-radius: 0
}

.send-tip-form .comments-wrapper .comments input.input-comment.with-icon {
    padding-left: 50px
}

.send-tip-form .comments-wrapper .comments input.input-comment:disabled {
    opacity: .6
}

.send-tip-form .send-tip-controls {
    margin-top: 20px;
    position: relative;
    text-align: center
}

.send-tip-form .send-tip-controls .btn {
    font-weight: 700;
    margin: 0;
    padding: 0 40px
}

.send-tip-form .send-tip-controls.public .anonymous-tip-switcher {
    position: absolute;
    top: 3px
}

.send-tip-form .send-tip-controls.public .anonymous-tip-switcher .switcher {
    margin-left: 0
}

.send-tip-form .need-more-tokens {
    align-items: center;
    border-top: 2px solid #3f3f3f;
    font-weight: 700;
    justify-content: space-between;
    margin: 20px 0 10px;
    padding: 20px 10px 0;
    display: flex;
    flex-direction: row
}

.send-tip-form .need-more-tokens .icon-tokens-plus-green {
    margin-right: 12px
}

.send-tip-form .need-more-tokens .need-more-tokens-text {
    max-width: 230px;
    line-height: 1.375rem
}

.send-tip-form .need-more-tokens .need-more-tokens-text .more-tokens {
    color: #fff;
    font-size: 1rem
}

.send-tip-form .need-more-tokens .need-more-tokens-text .more-tokens .break-row {
    display: block
}

.send-tip-form .need-more-tokens .need-more-tokens-text .more-tokens .more-tokens-alt {
    color: #93bb3b
}

.send-tip-form .need-more-tokens .need-more-tokens-text .tokens-left {
    color: rgba(255, 255, 255, .5);
    font-size: .75rem
}

.send-tip-form .need-more-tokens .buy-tokens-wrapper {
    min-width: 150px;
    text-align: right
}

.send-tip-form .need-more-tokens .buy-tokens-wrapper .btn-apply {
    margin-bottom: 0;
    line-height: 2.625rem;
    font-size: 1rem
}

.send-tip-form .buy-tokens-button-wrapper {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center
}

.send-tip-form .send-tip-button-label {
    font-size: 11px;
    font-weight: 400;
    letter-spacing: normal;
    line-height: normal;
    bottom: -18px;
    opacity: .6;
    position: absolute
}

.send-tip-form.private .buy-tokens {
    background: #e9a63b;
    color: #583b0b;
    transition: all 90ms ease-in-out 0s;
    border-color: transparent
}

.send-tip-form.private .buy-tokens>.icon {
    fill: #583b0b;
    transition: all 90ms ease-in-out 0s
}

@media (pointer:fine) {

    .send-tip-form.private .buy-tokens.hover,
    .send-tip-form.private .buy-tokens:hover {
        background: #e9ae50;
        color: #583b0b
    }

    .send-tip-form.private .buy-tokens.hover>.icon,
    .send-tip-form.private .buy-tokens:hover>.icon {
        fill: #583b0b
    }
}

.send-tip-form.private .buy-tokens.active,
.send-tip-form.private .buy-tokens.focus,
.send-tip-form.private .buy-tokens:active,
.send-tip-form.private .buy-tokens:focus {
    background: #e9a63b;
    color: #583b0b
}

.send-tip-form.private .buy-tokens.active>.icon,
.send-tip-form.private .buy-tokens.focus>.icon,
.send-tip-form.private .buy-tokens:active>.icon,
.send-tip-form.private .buy-tokens:focus>.icon {
    fill: #583b0b
}

.send-tip-form.private .buy-tokens .btn-loader-overlay {
    color: #583b0b;
    background-color: #e9a63b
}

@media (pointer:fine) {

    .send-tip-form.private .buy-tokens.hover,
    .send-tip-form.private .buy-tokens:hover {
        border-color: transparent
    }
}

.send-tip-form.private .buy-tokens.active,
.send-tip-form.private .buy-tokens.focus,
.send-tip-form.private .buy-tokens:active,
.send-tip-form.private .buy-tokens:focus {
    border-color: transparent
}

.send-tip-form.private .radio-wrapper.checked .description-inner {
    border-color: #e9a63b;
    color: #e9a63b
}

@media screen and (max-width:600px) {

    .send-tip-form:not(.compact) .comments-wrapper .description,
    .send-tip-form:not(.compact) .comments-wrapper .radio-container,
    .send-tip-form:not(.compact) .radio-wrapper .description,
    .send-tip-form:not(.compact) .radio-wrapper .radio-container {
        flex-basis: auto
    }

    .send-tip-form:not(.compact) .input-tokens {
        margin-top: 10px
    }

    .send-tip-form:not(.compact) .radio-wrapper {
        flex-wrap: wrap;
        margin-bottom: 0
    }

    .send-tip-form:not(.compact) .radio-wrapper .radio-container {
        min-width: initial
    }

    .send-tip-form:not(.compact) .radio-wrapper .description {
        max-width: 110px
    }

    .send-tip-form:not(.compact) .radio-wrapper .description .input-tokens {
        margin-top: 0
    }

    .send-tip-form:not(.compact) .comments-wrapper .comments {
        min-width: initial
    }

    .send-tip-form:not(.compact) .need-more-tokens {
        align-items: flex-start;
        margin-bottom: 0;
        padding: 20px 0 0
    }

    .send-tip-form:not(.compact) .need-more-tokens .need-more-tokens-text {
        max-width: 145px
    }

    .send-tip-form:not(.compact) .need-more-tokens .need-more-tokens-text .more-tokens {
        display: inline-block;
        line-height: 1.063rem;
        font-size: .813rem
    }

    .send-tip-form:not(.compact) .need-more-tokens .tokens-left {
        white-space: nowrap;
        font-size: .625rem
    }

    .send-tip-form:not(.compact) .need-more-tokens .buy-tokens-wrapper {
        min-width: 0
    }

    .send-tip-form:not(.compact) .need-more-tokens .buy-tokens-wrapper .btn-apply {
        line-height: 1.875rem;
        font-size: .75rem
    }
}

@media screen and (max-width:480px) {
    .send-tip-form:not(.compact) .comments-wrapper {
        flex-wrap: wrap;
        max-width: 277px
    }

    .send-tip-form:not(.compact) .comments-wrapper .comments {
        width: 100%
    }

    .send-tip-form:not(.compact) .comments-wrapper .comments input {
        font-weight: 700;
        letter-spacing: -.06px;
        font-size: .688rem
    }

    .send-tip-form:not(.compact) .comments-wrapper .comments input::-moz-placeholder {
        color: rgba(255, 255, 255, .3)
    }

    .send-tip-form:not(.compact) .comments-wrapper .comments input::placeholder {
        color: rgba(255, 255, 255, .3)
    }
}

@media screen and (max-width:639px) {
    .send-tip-form:not(.compact) .send-tip-controls.public {
        align-items: center;
        display: flex;
        justify-content: space-between
    }

    .send-tip-form:not(.compact) .send-tip-controls.public .btn {
        flex: 1 1 100%;
        font-weight: 700;
        margin-left: 18px;
        padding: 0 40px
    }

    .send-tip-form:not(.compact) .send-tip-controls.public .send-tip-button-label {
        margin-left: 18px
    }

    .send-tip-form:not(.compact) .send-tip-controls.public .anonymous-tip-switcher {
        position: static;
        top: 0
    }
}

@media screen and (max-width:479px) {
    .send-tip-form:not(.compact) .send-tip-controls.public .btn {
        font-size: 13px;
        padding: 0 25px
    }
}

.send-tip-form.compact {
    overflow: hidden;
    padding: 20px;
    display: flex;
    flex-direction: column
}

.send-tip-form.compact .choices {
    flex: 0 1 auto;
    overflow: auto
}

.send-tip-form.compact .radio-wrapper {
    background: #3b3b3b;
    border-radius: 8px
}

.send-tip-form.compact .radio-wrapper+.radio-wrapper {
    margin-top: 12px
}

.send-tip-form.compact .radio-wrapper.checked {
    box-shadow: inset 0 0 0 4px #b1e345
}

.send-tip-form.compact .radio-wrapper .radio-container {
    height: 40px;
    text-align: center
}

.send-tip-form.compact .radio-wrapper .radio-container .radio-label {
    background: 0 0;
    margin: 0;
    padding: 0
}

.send-tip-form.compact .radio-wrapper .input-tokens {
    background-color: transparent;
    border-color: transparent;
    text-align: center;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: normal;
    line-height: normal
}

.send-tip-form.compact .comments-wrapper,
.send-tip-form.compact .need-more-tokens,
.send-tip-form.compact .send-tip-controls {
    border: 0 none;
    margin: 16px 0 0;
    padding: 0
}

.send-tip-form.compact .comments-wrapper .comments {
    min-width: 220px
}

.send-tip-form.compact .comments-wrapper .comments .comment-type-select,
.send-tip-form.compact .comments-wrapper .comments .input-comment {
    background: #101010;
    border-color: #101010
}

.send-tip-form.compact .send-tip-controls {
    align-items: center;
    justify-content: space-between;
    display: flex;
    flex-direction: row
}

.send-tip-form.compact .send-tip-controls .anonymous-tip-switcher {
    position: relative;
    top: 0
}

.send-tip-form.compact .send-tip-controls .anonymous-tip-switcher .switcher {
    box-shadow: inset 0 0 0 2px #3b3b3b
}

.send-tip-form.compact .send-tip-controls .toggle-comment {
    cursor: pointer;
    display: none;
    fill: #f8f8f8;
    position: relative
}

.send-tip-form.compact .send-tip-controls .toggle-comment:not(.active):not(.has-comment):not(:hover) {
    opacity: .6
}

.send-tip-form.compact .send-tip-controls .toggle-comment.has-comment::after {
    background-color: #f8f8f8;
    box-shadow: 0 0 0 2px #3b3b3b;
    content: " ";
    display: block;
    height: 10px;
    position: absolute;
    right: 0;
    top: -5px;
    width: 10px;
    border-radius: 100%
}

.send-tip-form.compact .send-tip-controls .toggle-comment .icon {
    margin-right: 0
}

.send-tip-form.compact .send-tip-controls .btn {
    padding: 0 20px
}

.send-tip-form.compact .need-more-tokens {
    flex-wrap: wrap
}

.send-tip-form.compact .need-more-tokens .need-more-tokens-text {
    flex: 1
}

.send-tip-form.compact .need-more-tokens .buy-tokens-wrapper {
    margin-top: 12px;
    text-align: center;
    width: 100%
}

.send-tip-form.compact .need-more-tokens .buy-tokens-wrapper .btn {
    height: 40px;
    width: 100%;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: normal;
    line-height: normal
}

.send-tip-form.compact.private .radio-wrapper.checked {
    box-shadow: inset 0 0 0 4px #e9a63b
}

@media screen and (max-height:420px) {
    .send-tip-form.compact .comments-wrapper:not(.visible) {
        display: none
    }

    .send-tip-form.compact .send-tip-controls .toggle-comment {
        display: block
    }
}

.send-tip-form.compact .send-tip-button-label {
    bottom: -16px
}

.send-tip-form.compact.fullscreen {
    animation: .2s opacity-fade-show;
    background: rgba(0, 0, 0, .8);
    border-radius: 8px;
    justify-content: flex-end;
    overflow: visible;
    pointer-events: all
}

@media screen and (max-width:320px) {
    .send-tip-form.compact.fullscreen {
        border-radius: 0
    }
}

.send-tip-form.compact.fullscreen .close--fullscreen {
    cursor: pointer;
    left: -23px;
    opacity: .6;
    position: absolute;
    top: 10px
}

@media screen and (max-width:320px) {
    .send-tip-form.compact.fullscreen .close--fullscreen {
        left: auto;
        right: 15px;
        top: -30px
    }
}

.send-tip-form.compact.fullscreen .close--fullscreen .icon {
    fill: rgba(255, 255, 255, .6);
    filter: drop-shadow(1px 1px 2px rgba(0, 0, 0, .9));
    height: 16px;
    margin: 0;
    width: 16px
}

.send-tip-form.compact.fullscreen .close--fullscreen .icon:hover {
    fill: #fff
}

.send-tip-form.compact.fullscreen .send-tip-controls .toggle-comment.has-comment::after {
    background-color: #f8f8f8
}

.send-tip-form.compact.fullscreen .send-tip-controls .buy-tokens {
    font-weight: 400;
    font-size: .813rem
}

.send-tip-form.compact.fullscreen input[type=radio].radio+label {
    color: #f8f8f8
}

.send-tip-form.compact.fullscreen input[type=radio]:checked.radio+label {
    color: #93bb3b
}

.send-tip-form.compact.fullscreen input::-moz-placeholder {
    color: #6d6d6d
}

.send-tip-form.compact.fullscreen input::placeholder {
    color: #6d6d6d
}

.send-tip-form.compact.fullscreen input.input-comment,
.send-tip-form.compact.fullscreen input.input-tokens {
    color: #f8f8f8
}

.send-tip-form.compact.fullscreen .icon-lock {
    fill: #f8f8f8
}

.send-tip-form.compact.fullscreen .comment-type-select {
    color: #f8f8f8
}

.send-tip-form.compact.fullscreen.private input[type=radio]:checked.radio+label {
    color: #e9a63b
}

.viewcam-widget-panel {
    position: absolute;
    border: 0;
    height: 70%;
    width: 30%;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
    transition: opacity .3s ease-in-out
}

.viewcam-widget-panel-for-model {
    height: 90%
}

@media screen and (min-width:640px) {
    .viewcam-widget-panel {
        width: 50%
    }
}

@media screen and (max-width:479px) {
    .viewcam-widget-panel {
        height: 90%;
        width: 40%
    }
}

.viewcam-widget-panel-ios-below-13 {
    width: 30vw
}

@media screen and (min-width:1024px) {
    .viewcam-widget-panel-ios-below-13 {
        width: calc(var(--view-cam-width) * .3)
    }
}

@media screen and (max-width:479px) {
    .viewcam-widget-panel-ios-below-13 {
        width: 40vw
    }
}

.viewcam-widget-panel-video-effect {
    height: 100%;
    pointer-events: none !important;
    right: 0;
    top: 0;
    transform: none;
    width: 100%
}

.viewcam-widget-panel--battleships:not(.viewcam-widget-panel-for-model) {
    max-width: 600px
}

@media screen and (max-width:639px) {
    .viewcam-widget-panel--battleships:not(.viewcam-widget-panel-for-model) {
        width: 60%
    }
}

@media screen and (max-width:479px) and (orientation:portrait) {
    .viewcam-widget-panel--battleships:not(.viewcam-widget-panel-for-model).viewcam-widget-panel--fullscreen {
        height: 60vw
    }
}

@media screen and (max-height:500px) and (orientation:landscape) {
    .viewcam-widget-panel--battleships:not(.viewcam-widget-panel-for-model).viewcam-widget-panel--fullscreen {
        width: 40%;
        height: 90%
    }
}

.player-controls-layers {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.player-controls-layers__layer {
    transition: opacity 120ms ease-in-out 0s
}

.player-controls-layers__layer--alternate-controls,
.player-controls-layers__layer--main-controls,
.player-controls-layers__layer--permanent-controls,
.player-controls-layers__layer--shade,
.player-controls-layers__layer--toggle {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.player-controls-layers__layer--alternate-controls,
.player-controls-layers__layer--main-controls,
.player-controls-layers__layer--permanent-controls,
.player-controls-layers__layer--shade {
    pointer-events: none
}

.player-controls-layers__layer--semitransparent {
    opacity: .1;
    pointer-events: none
}

.player-controls-layers__layer--shade {
    background: rgba(34, 34, 34, .6);
    z-index: 103
}

.player-controls-layers__layer.player-controls-layers__layer--hidden {
    opacity: 0;
    z-index: 104
}

.player-controls-layers__layer--toggle {
    z-index: 105
}

.player-controls-layers__layer--plugin {
    z-index: 106
}

.player-controls-layers__layer--main-controls {
    z-index: 107
}

.player-controls-layers__layer--alternate-controls {
    z-index: 108
}

.player-controls-layers__layer--permanent-controls {
    z-index: 109
}

.player-controls-layers__layer--plugin-zoomed {
    z-index: 113
}

.player-controls-layers__layer--plugin-in-modal {
    z-index: 400
}

.fullscreen-bottom-controls {
    display: flex;
    justify-content: flex-end
}

.fullscreen-bottom-controls__bubble {
    background: rgba(0, 0, 0, .6);
    border-radius: 40px;
    display: flex;
    height: 46px;
    padding: 4px;
    pointer-events: all
}

.fullscreen-bottom-controls__bubble:empty {
    display: none
}

.fullscreen-bottom-controls__bubble--left {
    margin-right: auto
}

.fullscreen-bottom-controls__bubble:not(:empty)+.fullscreen-bottom-controls__bubble {
    margin-left: 8px
}

.fullscreen-bottom-controls__bubble>* {
    flex-shrink: 0;
    margin: 0;
    max-height: 100%
}

.fullscreen-bottom-controls__bubble>:not(:last-child) {
    margin-right: 12px
}

.fullscreen-bottom-controls .fullscreen-bottom-controls__upgrade-private {
    height: 38px
}

@supports (grid-gap:12px) {
    .fullscreen-bottom-controls__bubble {
        display: grid;
        grid-auto-flow: column;
        grid-gap: 12px
    }

    .fullscreen-bottom-controls__bubble>* {
        min-height: 0
    }

    .fullscreen-bottom-controls__bubble>:not(:last-child) {
        margin-right: 0
    }

    @media screen and (max-width:1023px) {
        .fullscreen-bottom-controls__chat-actions-btn {
            order: -2
        }
    }

    @media screen and (max-width:479px) {
        .fullscreen-bottom-controls__tip-btn {
            order: -1
        }
    }
}

.private-timer {
    background: rgba(0, 0, 0, .4);
    border-radius: 4px;
    color: #fff;
    font-weight: 700;
    height: 22px;
    margin: 0;
    opacity: .9;
    padding: 5px;
    pointer-events: none;
    text-align: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    vertical-align: middle;
    white-space: nowrap;
    font-size: .688rem;
    line-height: .688rem
}

.record-show-button {
    align-items: center;
    display: flex;
    height: 36px;
    margin: 0 10px 10px 0;
    min-height: 0;
    pointer-events: all
}

.record-show-button:last-child {
    margin-right: 0
}

.record-show-button>:not(:last-child):not(.tooltip) {
    margin-right: 4px
}

.record-show-button .btn {
    height: 36px;
    line-height: 1;
    margin: 0;
    overflow: visible;
    padding: 0;
    width: 36px
}

.record-show-button .btn:active {
    top: 0
}

.record-show-button .btn.with-text {
    padding: 0 12px;
    width: auto
}

.record-show-button .btn.btn-stop-with-text,
.record-show-button .btn.btn-stop-with-timer {
    align-items: center;
    display: flex;
    padding: 10px;
    width: auto
}

.record-show-button .btn.btn-stop-with-text.btn-stop-left>:nth-child(2),
.record-show-button .btn.btn-stop-with-timer.btn-stop-left>:nth-child(2) {
    margin-left: 8px
}

.record-show-button .btn.btn-stop-with-text.btn-stop-left>:nth-child(3),
.record-show-button .btn.btn-stop-with-timer.btn-stop-left>:nth-child(3) {
    margin-left: 4px
}

.record-show-button .btn.btn-stop-with-text.btn-stop-right>:nth-last-child(2),
.record-show-button .btn.btn-stop-with-timer.btn-stop-right>:nth-last-child(2) {
    margin-left: 0;
    margin-right: 8px
}

.record-show-button .btn.btn-stop-with-text.btn-stop-right>:nth-last-child(3),
.record-show-button .btn.btn-stop-with-timer.btn-stop-right>:nth-last-child(3) {
    margin-left: 0;
    margin-right: 4px
}

.record-show-button .icon {
    color: #f8f8f8;
    height: 22px;
    margin: 0;
    width: 22px
}

.record-show-button .record-show-btn-text {
    color: #f8f8f8;
    margin-left: 8px;
    vertical-align: middle;
    font-size: .75rem;
    line-height: .938rem
}

.record-show-button .record-show-rect {
    background-color: red;
    border-radius: 2px;
    display: block;
    height: 14px;
    margin: auto;
    width: 14px
}

.record-show-button .record-show-timer {
    border-radius: 4px;
    color: rgba(248, 248, 248, .8);
    padding: 4px 8px;
    font-size: .688rem;
    line-height: .875rem
}

.record-show-button .btn-stop-with-timer .record-show-timer {
    background-color: transparent !important;
    padding: 0 !important
}

.record-show-button .btn-stop-with-text.btn-stop-with-timer .record-show-timer {
    color: rgba(248, 248, 248, .6)
}

.record-show-button.record-show-button-broadcast .icon {
    height: 19px;
    opacity: .6;
    width: 19px
}

.record-show-button.record-show-button-broadcast.disabled .icon {
    --camera-3-circle-color: currentColor;
    opacity: .4
}

.record-show-button.record-show-button-broadcast .btn-start {
    background-color: rgba(24, 24, 24, .7)
}

.record-show-button.record-show-button-broadcast.disabled .btn-start {
    background-color: rgba(24, 24, 24, .3)
}

.record-show-button.record-show-button-broadcast .btn-stop {
    background-color: rgba(0, 0, 0, .6)
}

.record-show-button.record-show-button-broadcast .btn.with-text .icon {
    transform: translateY(-2px)
}

.record-show-button.record-show-button-broadcast .record-show-timer {
    background-color: rgba(0, 0, 0, .4)
}

.record-show-button.record-show-button-viewcam .icon {
    transform: translateY(-2px)
}

.record-show-button.record-show-button-viewcam .icon,
.record-show-button.record-show-button-viewcam .record-show-btn-text {
    opacity: .8
}

.record-show-button.record-show-button-viewcam:hover .icon,
.record-show-button.record-show-button-viewcam:hover .record-show-btn-text {
    opacity: 1
}

.record-show-button.record-show-button-viewcam .btn-start,
.record-show-button.record-show-button-viewcam .btn-stop {
    background-color: transparent
}

.record-show-button.record-show-button-viewcam .btn-start.with-text {
    background-color: rgba(0, 0, 0, .6)
}

.record-show-button.record-show-button-viewcam .btn-stop.btn-stop-with-text,
.record-show-button.record-show-button-viewcam .btn-stop.btn-stop-with-timer {
    background-color: rgba(0, 0, 0, .8)
}

.record-show-button.record-show-button-viewcam .record-show-timer {
    background-color: rgba(0, 0, 0, .6)
}

.record-show-button .tooltip .tooltip-inner {
    background-color: #3b3b3b;
    box-shadow: none;
    color: #f8f8f8;
    filter: drop-shadow(0px 0px 10px rgba(0, 0, 0, .6));
    padding: 10px;
    font-size: .813rem;
    line-height: 1.125rem
}

.record-show-button .tooltip.right .tooltip-inner:before {
    border-right-color: #3b3b3b
}

.record-show-button .tooltip.bottom .tooltip-inner:before,
.record-show-button .tooltip.top .tooltip-inner:before {
    display: none
}

.record-show-button .tooltip.bottom+.btn:before,
.record-show-button .tooltip.top+.btn:before {
    border-color: transparent;
    border-style: solid;
    content: "";
    height: 0;
    position: absolute;
    width: 0;
    z-index: 500
}

.record-show-button .tooltip.top+.btn:before {
    border-top-color: #3b3b3b;
    border-width: 5px 5px 0;
    bottom: calc(100% + 3px);
    left: calc(50% - 5px)
}

.record-show-button .tooltip.bottom+.btn:before {
    border-bottom-color: #3b3b3b;
    border-width: 0 5px 5px;
    left: calc(50% - 5px);
    top: calc(100% + 3px)
}

.fullscreen-top-controls {
    background: linear-gradient(180deg, rgba(0, 0, 0, .4) 0%, rgba(0, 0, 0, 0) 100%);
    display: flex;
    height: 50px;
    justify-content: space-between;
    min-height: 0;
    padding: 4px 8px 4px 14px
}

.fullscreen-top-controls__info-wrapper {
    align-items: center;
    display: flex
}

.fullscreen-top-controls__live-badge {
    margin-right: 8px
}

.fullscreen-top-controls__buttons {
    height: 100%
}

.fullscreen-top-controls__top-buttons {
    display: flex;
    height: 100%;
    justify-content: flex-end;
    padding-top: 4px
}

.fullscreen-top-controls__bottom-buttons {
    align-items: center;
    display: flex;
    justify-content: flex-end;
    margin-top: 6px;
    padding-right: 2px
}

.fullscreen-top-controls .fullscreen-top-controls__button {
    margin: 0 10px 0 0
}

.fullscreen-top-controls .fullscreen-top-controls__button:last-child {
    margin: 0
}

.fullscreen-top-controls .fullscreen-top-controls__button--record-left {
    left: 15px;
    margin: 0;
    position: fixed;
    right: auto;
    top: 50px
}

.fullscreen-top-controls .fullscreen-top-controls__button--record-stop-right {
    order: -1
}

.fullscreen-top-controls .fullscreen-top-controls__button--tokens {
    margin-right: 15px
}

.fullscreen-top-controls .fullscreen-top-controls__button--next {
    margin: 0
}

.fullscreen-top-controls .fullscreen-top-controls__button--volume {
    z-index: 1
}

@media screen and (max-width:1023px) {
    .fullscreen-top-controls__bottom-buttons {
        margin-top: 1px;
        padding-right: 5px
    }
}

@media screen and (max-width:479px) {
    .fullscreen-top-controls__live-badge {
        margin-right: 6px
    }

    .fullscreen-top-controls .fullscreen-top-controls__button {
        margin: 0
    }

    .fullscreen-top-controls .fullscreen-top-controls__button--tokens {
        margin-right: 15px
    }
}

.fullscreen-top-controls--landscape-mode .fullscreen-top-controls__top-buttons {
    bottom: 58px;
    display: flex;
    flex-direction: column-reverse;
    height: auto;
    justify-content: center;
    padding: 0;
    position: absolute;
    right: 8px;
    top: 32px
}

.fullscreen-top-controls--landscape-mode .fullscreen-top-controls__top-buttons .fullscreen-top-controls__button {
    margin: 0
}

.fullscreen-top-controls--landscape-mode .fullscreen-top-controls__top-buttons .fullscreen-top-controls__button .icon {
    filter: drop-shadow(1px 1px 2px rgba(0, 0, 0, .9))
}

.fullscreen-top-controls--landscape-mode .fullscreen-top-controls__bottom-buttons {
    height: 30px;
    margin-top: 0
}

.player-controls-fullscreen__main {
    display: flex;
    flex-direction: column;
    height: 100%;
    width: 100%
}

.player-controls-fullscreen__mic-inactive-badge {
    position: absolute;
    right: 20px;
    top: 25px
}

.player-controls-fullscreen__bottom {
    align-items: flex-end;
    display: flex;
    flex-grow: 1;
    min-height: 0;
    padding: 4px 10px;
    transition: opacity ease-in-out 120ms
}

.i-os .player-controls-fullscreen__bottom {
    padding-bottom: 16px
}

.player-controls-fullscreen__chat-wrapper {
    flex-shrink: 0;
    height: calc(100vh - 60px);
    max-height: 100%;
    width: 300px
}

.player-controls-fullscreen__chat-wrapper--full-width {
    width: 100%
}

.player-controls-fullscreen .player-controls-fullscreen__chat {
    height: 100%;
    width: 100%
}

.player-controls-fullscreen__bottom-controls {
    margin-left: auto
}

.player-controls-fullscreen .player-controls-fullscreen__chat-actions,
.player-controls-fullscreen .player-controls-fullscreen__send-tip {
    bottom: 66px;
    position: absolute;
    right: 14px;
    width: 320px;
    transition: opacity 120ms ease-in-out 0s
}

.player-controls-fullscreen .player-controls-fullscreen__send-tip {
    max-height: 100vh
}

.player-controls-fullscreen .player-controls-fullscreen__chat-actions--hidden,
.player-controls-fullscreen .player-controls-fullscreen__send-tip--hidden {
    opacity: 0
}

.player-controls-fullscreen .player-controls-fullscreen__chat-actions {
    max-height: 40vh;
    min-width: 320px;
    top: auto
}

.player-controls-fullscreen__waiting-private {
    bottom: 4px;
    margin-left: 10px;
    position: absolute;
    right: 10px
}

.player-controls-fullscreen__waiting-private .i-os {
    bottom: 16px
}

.player-controls-fullscreen__buggy-left-bottom-controls {
    bottom: 4px;
    left: 10px;
    margin-right: 10px;
    position: absolute
}

.player-controls-fullscreen__buggy-left-bottom-controls .i-os {
    bottom: 16px
}

@media (orientation:landscape) {
    .i-os .player-controls-fullscreen .player-controls-fullscreen__send-tip {
        max-height: calc(100% - 50px - 66px);
        min-height: auto;
        top: auto
    }
}

@media screen and (max-width:1023px) and (orientation:landscape) {
    .player-controls-fullscreen .player-controls-fullscreen__chat-actions {
        max-height: calc(100% - 50px - 54px)
    }
}

@media screen and (max-width:1023px) {
    .player-controls-fullscreen__mic-inactive-badge {
        right: 15px;
        top: 15px
    }

    .player-controls-fullscreen__chat-wrapper {
        height: 70vh
    }
}

@media screen and (max-height:420px) and (orientation:landscape) {
    .player-controls-fullscreen__send-tip {
        top: 0
    }
}

@media screen and (max-width:639px) and (orientation:landscape) {
    .player-controls-fullscreen__chat-wrapper {
        flex-shrink: 1;
        height: calc(100vh - 60px);
        margin-right: 10px
    }
}

@media screen and (max-width:639px) {

    .player-controls-fullscreen .player-controls-fullscreen__chat-actions,
    .player-controls-fullscreen .player-controls-fullscreen__send-tip {
        bottom: 54px;
        right: 4px
    }

    .i-os .player-controls-fullscreen .player-controls-fullscreen__chat-actions,
    .i-os .player-controls-fullscreen .player-controls-fullscreen__send-tip {
        bottom: 66px
    }
}

@media screen and (max-width:639px) and (orientation:portrait) {
    .player-controls-fullscreen__bottom {
        align-items: flex-start;
        flex-direction: column;
        justify-content: flex-end
    }

    .player-controls-fullscreen__chat-wrapper {
        height: 40vh;
        margin-bottom: 4px;
        width: 100%
    }

    .player-controls-fullscreen__chat-wrapper--overlay-form {
        display: none
    }

    .player-controls-fullscreen__bottom-controls {
        margin-top: 6px;
        width: 100%
    }
}

.player-controls-model__main {
    display: flex;
    height: 100%;
    justify-content: flex-end;
    padding: 14px;
    width: 100%
}

.player-controls-model__main--gradient {
    background: linear-gradient(180deg, rgba(34, 34, 34, .5) 0, transparent 80px)
}

.player-controls-model .player-controls-model__button {
    margin: 0 10px 0 0
}

.player-controls-model .player-controls-model__button:last-child {
    margin: 0
}

.player-controls-model__private-timer {
    left: 14px;
    position: absolute;
    top: 14px
}

.player-controls-user__main {
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: space-between;
    padding: 14px;
    width: 100%
}

.player-controls-user__main--gradient {
    background: linear-gradient(180deg, rgba(34, 34, 34, .5) 0, transparent 80px)
}

.player-controls-user__bottom-actions {
    display: flex;
    flex-direction: row;
    align-items: center
}

.player-controls-user__main-top {
    display: flex;
    justify-content: space-between
}

.player-controls-user__info-wrapper {
    margin-right: 10px
}

.player-controls-user__online-info {
    align-items: center;
    display: flex
}

.player-controls-user__live-badge {
    margin-right: 8px
}

.player-controls-user__goal-info {
    margin-top: 8px
}

.player-controls-user__new-goal-info {
    margin-right: 20px
}

.player-controls-user__buttons {
    display: flex;
    margin-left: auto
}

.player-controls-user__left-buttons {
    display: flex;
    margin-right: 10px
}

.player-controls-user__right-buttons {
    display: flex
}

.player-controls-user .player-controls-user__button {
    margin: 0 10px 0 0
}

.player-controls-user .player-controls-user__button:last-child {
    margin: 0
}

.player-controls-user .player-controls-user__next-button {
    flex-shrink: 0;
    margin: 0 0 0 auto
}

.player-controls-user__stop-record-btn {
    left: 14px;
    position: absolute;
    top: 14px
}

.player-controls-user__overlay-top-btn {
    position: absolute;
    right: 14px;
    top: 14px
}

.player-controls-user__join-btn {
    bottom: 14px;
    left: 50%;
    position: absolute !important;
    top: initial !important;
    transform: translateX(-50%)
}

.player-controls-user__watch-vr {
    bottom: 14px;
    left: 14px;
    position: absolute
}

@media screen and (max-width:767px) {
    .player-controls-user__join-btn {
        bottom: 12px
    }
}

@media screen and (max-width:479px) {
    .player-controls-user__show-info {
        padding-top: 10px
    }

    .player-controls-user__live-badge {
        margin-right: 6px
    }

    .player-controls-user__left-buttons,
    .player-controls-user__right-buttons {
        flex-direction: column-reverse;
        justify-content: flex-end
    }

    .player-controls-user .player-controls-user__button {
        margin: 10px 0 0 0
    }

    .player-controls-user .player-controls-user__button:last-child {
        margin: 0
    }

    .player-controls-user__stop-record-btn {
        bottom: 14px;
        top: auto
    }
}

.player-error-boundary {
    display: flex;
    align-items: center;
    justify-content: center
}

.player-error-boundary__bg {
    background: #3b3b3b;
    padding: 24px 32px;
    border-radius: 12px;
    display: grid;
    grid-template-columns: 1fr;
    grid-row-gap: 12px;
    text-align: center
}

.player-error-boundary__description {
    font-size: 1.125rem;
    line-height: 1.563rem
}

.player-error-boundary__action .btn {
    margin: 0
}

.player-debug-editor-textarea {
    width: 100%;
    background-color: rgba(0, 0, 0, 0);
    color: #fff;
    pointer-events: all
}

.player-debug-panel {
    bottom: 0;
    font-weight: 500;
    justify-content: flex-end;
    left: 0;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 109;
    display: flex;
    flex-direction: column
}

.player-debug-panel .player-debug-block {
    justify-content: flex-start;
    margin-top: 40px;
    display: flex;
    flex-direction: column
}

.player-debug-panel .player-debug-wrapper {
    background: rgba(56, 56, 56, .8);
    border-radius: 3px;
    color: #fff;
    margin: 5px;
    padding: 5px;
    pointer-events: none;
    font-size: .625rem
}

.player-debug-panel .player-debug-wrapper-block {
    align-items: center;
    margin: 5px 0;
    display: flex;
    flex-direction: row
}

.player-debug-panel .player-debug-wrapper-block-label {
    min-width: 120px
}

.player-debug-panel .player-debug-wrapper-block-value {
    align-items: center;
    flex-wrap: wrap;
    display: flex;
    flex-direction: row
}

.player-debug-panel .switcher {
    margin: 0 0 0 5px;
    pointer-events: all
}

.player-debug-panel .player-debug-input {
    background: rgba(0, 0, 0, .1);
    border: none;
    color: #fff;
    height: 24px;
    margin-left: 5px;
    margin-right: 5px;
    margin-top: 5px;
    min-width: 10ch;
    padding: 3px 5px;
    pointer-events: all;
    width: 10ch
}

.player-debug-panel .player-debug-button {
    background: #383838;
    border-radius: 5px;
    border: 1px solid #414141;
    color: #fff;
    cursor: pointer;
    margin: 5px 5px 0 5px;
    padding: 5px;
    pointer-events: all;
    font-size: .625rem
}

.player-debug-panel .player-debug-button.fallback {
    background: #328c32
}

.player-debug-panel .player-debug-button.selected {
    background: #1491ff
}

.player-debug-panel .player-debug-button.selected.error {
    background: #f14b57
}

.player-debug-panel .player-debug-toggler {
    bottom: 5px;
    cursor: pointer;
    margin: 0;
    padding: 3px;
    pointer-events: all;
    position: absolute;
    right: 5px;
    font-size: .5rem
}

@media (pointer:coarse) {
    .player-debug-panel .player-debug-wrapper-block-value {
        flex-wrap: nowrap;
        overflow: auto;
        pointer-events: all
    }
}

@media screen and (max-width:600px) {
    .player-debug-panel .player-types {
        font-size: .625rem
    }

    .player-debug-panel .player-types .player-type {
        padding: 5px;
        font-size: .5rem
    }
}

.player-wrapper video {
    -o-object-fit: contain;
    object-fit: contain
}

.player-wrapper.player.player-type-hls,
.player-wrapper.player.player-type-mse {
    position: absolute
}

.player-wrapper.isTheatreMode .content {
    background: #000
}

.player-wrapper.fullscreen {
    height: 100%;
    left: 0;
    position: fixed !important;
    top: 0;
    width: 100%;
    z-index: 400
}

.player-wrapper.fullscreen .content {
    background: #000
}

.player-wrapper.fullscreen .content>.snapshot-player {
    flex-direction: row;
    height: 100%;
    justify-content: center;
    display: flex;
    flex-direction: row
}

.player-wrapper.fullscreen .content>.snapshot-player .canvas-wrapper {
    flex: 1 1 auto;
    height: auto !important;
    justify-content: center;
    margin: auto
}

.player-wrapper.fullscreen .content>.snapshot-player .canvas-container {
    align-content: center;
    justify-content: center;
    position: relative;
    display: flex;
    flex-direction: row
}

.player-wrapper.fullscreen .content>.snapshot-player canvas {
    border-radius: 0;
    max-height: 100vh;
    max-width: 133.3333333333vh;
    position: relative
}

.player-wrapper.fullscreen .content .poster {
    opacity: .25
}

.player-wrapper.fullscreen .controls .btn-fullscreen {
    display: block
}

.video-element-wrapper-blur {
    background-size: 0 0;
    overflow: hidden;
    pointer-events: none;
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

@media screen and (max-width:1023px) {
    .video-element-wrapper-blur {
        bottom: initial;
        left: initial;
        position: relative;
        right: initial;
        top: initial
    }
}

.video-element-wrapper-blur.with-blur .image-background,
.video-element-wrapper-blur.with-blur:before {
    background-image: inherit;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    content: "";
    filter: blur(10px) brightness(.6);
    transform: scale(1.04);
    transform-origin: center;
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.video-element-wrapper-blur.with-poster:after {
    background-image: inherit;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.player__player-controls {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.player .loader {
    z-index: 102
}

.player .content {
    background: #303133;
    height: 100%
}

.player .content .mse-player,
.player .content .snapshot-player {
    height: 100%;
    width: 100%
}

.player .content .mse-player canvas,
.player .content .mse-player object,
.player .content .mse-player video,
.player .content .snapshot-player canvas,
.player .content .snapshot-player object,
.player .content .snapshot-player video {
    height: 100%;
    position: absolute;
    width: 100%;
    z-index: 100
}

@media screen and (max-width:1023px) {

    .player .content .mse-player canvas,
    .player .content .mse-player object,
    .player .content .mse-player video,
    .player .content .snapshot-player canvas,
    .player .content .snapshot-player object,
    .player .content .snapshot-player video {
        bottom: initial;
        left: initial;
        position: relative;
        right: initial;
        top: initial
    }
}

.player .content .mse-player #middleView-nano-player {
    display: none
}

.player .content .mse-player .mse-player-video-wrapper {
    height: 100%;
    width: 100%
}

.player .content .mse-player,
.player .content .snapshot-player,
.player .content .web-rtc-player {
    height: 100%;
    width: 100%
}

.player .content .mse-player .video-element-wrapper,
.player .content .snapshot-player .video-element-wrapper,
.player .content .web-rtc-player .video-element-wrapper {
    height: 100%;
    width: 100%
}

.player .content .mse-player canvas,
.player .content .snapshot-player canvas,
.player .content .web-rtc-player canvas {
    border-bottom-right-radius: 3px;
    border-top-right-radius: 3px
}

.player .content>.snapshot-player {
    flex-direction: row;
    height: 100%;
    justify-content: center;
    flex: 1;
    flex-basis: auto;
    flex-grow: 1;
    flex-shrink: 0;
    display: flex;
    flex-direction: row
}

.player .content>.snapshot-player .canvas-wrapper {
    height: 100%;
    justify-content: center;
    margin: auto;
    position: relative;
    width: 100%;
    flex: 1;
    flex-basis: auto;
    flex-grow: 1;
    flex-shrink: 0
}

.player .content>.snapshot-player .canvas-container {
    align-content: center;
    height: 100%;
    justify-content: center;
    position: relative;
    width: 100%;
    display: flex;
    flex-direction: row
}

.player .content>.snapshot-player canvas {
    border-radius: 0;
    height: 100%;
    position: relative
}

.player .content .poster {
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 100
}

.hd .player-wrapper.fullscreen .content>.snapshot-player canvas {
    max-width: 179.9856011519vh
}

.hd .player .web-rtc-player .web-rtc-video-wrapper {
    padding: 0;
    flex: 1;
    flex-basis: 30%;
    flex-grow: 1;
    flex-shrink: 1
}

html.ios-fullscreen,
html.ios-fullscreen body {
    height: 100%;
    overflow: auto;
    -webkit-overflow-scrolling: auto;
    width: 100%
}

html.ios-fullscreen div#body .main-layout {
    height: 0;
    min-height: 0;
    overflow: hidden
}

@media (orientation:landscape) {

    html.ios-fullscreen,
    html.ios-fullscreen body {
        height: calc(100vh + 150px)
    }
}

.player-shutter {
    align-items: center;
    display: flex;
    justify-content: center;
    overflow: hidden;
    padding: 20px;
    text-align: center;
    z-index: 3;
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    display: flex;
    flex-direction: column
}

.player-shutter .icon {
    color: #f14b57;
    height: 5rem;
    width: 5rem
}

@media screen and (max-width:639px) {
    .player-shutter .icon {
        height: 4rem;
        width: 4rem
    }
}

.player-shutter .text-wrapper {
    background-color: #3b3b3b;
    border-radius: 12px;
    color: #fff;
    margin-top: 30px;
    max-width: 27.5rem;
    padding: 20px;
    text-align: center;
    font-size: 1.125rem;
    line-height: 1.575rem
}

@media screen and (max-width:639px) {
    .player-shutter .text-wrapper {
        margin-top: 20px;
        max-width: 17.5rem;
        font-size: .813rem;
        line-height: 1.138rem
    }
}

.view-cam {
    position: relative
}

.view-cam .view-cam-room-nav {
    position: absolute;
    right: 10px;
    top: 10px;
    z-index: 4
}

.view-cam .view-cam-room-nav .page-button {
    border-color: rgba(255, 255, 255, .4)
}

.view-cam .view-cam-room-nav .icon {
    fill: rgba(255, 255, 255, .4)
}

.view-cam>.wrapper {
    box-shadow: none;
    display: flex;
    flex-direction: row
}

.view-cam>.wrapper .main {
    position: relative;
    width: 100%
}

.view-cam>.wrapper .main>.strut {
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain
}

.view-cam>.wrapper .main>.strut .poster {
    height: 100%;
    left: 0;
    overflow: hidden;
    position: absolute;
    width: 100%
}

.view-cam>.wrapper .main>.strut .poster.big-height {
    position: relative
}

.view-cam>.wrapper .main>.strut .poster .subscribe-button {
    border: none
}

@supports (filter:brightness(0.25) blur(1px)) {
    .view-cam>.wrapper .main>.strut .poster .backdrop:not(.prevent-dark):not(.blur) {
        filter: brightness(.25) blur(1px)
    }

    .view-cam>.wrapper .main>.strut .poster .backdrop:not(.prevent-dark):not(.blur)::before {
        display: none
    }
}

.view-cam>.wrapper .main>.strut .poster .clock-wrapper {
    margin-bottom: 30px;
    z-index: 1
}

.view-cam>.wrapper .main>.strut .poster .clock-wrapper .icon-time-clock {
    height: 100px;
    width: 100px
}

@media screen and (max-width:1599px) {
    .view-cam>.wrapper .main>.strut .poster .clock-wrapper .icon-time-clock {
        height: 80px;
        width: 80px
    }
}

.view-cam>.wrapper .main>.strut .backdrop {
    background-color: #303133;
    background-position: center;
    background-size: cover;
    bottom: -3px;
    left: -3px;
    position: absolute;
    right: -3px;
    top: -3px;
    z-index: 0
}

.view-cam>.wrapper .main>.strut .backdrop::before {
    background: #000;
    content: " ";
    height: 100%;
    left: 0;
    opacity: .75;
    position: absolute;
    top: 0;
    width: 100%
}

.view-cam>.wrapper .main>.strut .backdrop.blur {
    filter: brightness(.4) blur(45px)
}

.view-cam>.wrapper .main>.strut .backdrop.prevent-dark::before {
    display: none
}

.view-cam>.wrapper .main>.strut .backdrop.non-nude-cover {
    background: center/contain no-repeat url(/assets/common/images/non-nude-cover-placeholder.svg), #eee
}

@media screen and (min-width:480px) {
    .view-cam .view-cam-room-nav {
        display: none
    }
}

.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
}

@media screen and (max-width:479px) {

    .view-cam-resizer.view-cam-resizer-playing.view-cam-resizer-poster .view-cam-resizer-boundary-y,
    .view-cam-resizer.view-cam-resizer-playing.view-cam-resizer-poster .view-cam-resizer-player {
        height: auto !important;
        max-height: initial !important
    }
}

@media screen and (min-width:1024px) {
    .view-cam-resizer.view-cam-resizer-playing {
        --resizer-top: 106px
    }
}

@media screen and (min-width:1024px) {
    .view-cam-resizer.view-cam-resizer-playing.view-cam-resizer-boundary-x {
        max-width: calc(calc(100vw - 28px) - 400px - 46px);
        max-width: calc(var(--viewcam-max-width) - 400px - 46px);
        min-width: 550px;
        width: calc((100vh - (106px + var(--reserved-bottom-space-desktop)))/ .75)
    }
}

@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(calc(100vw - 28px) - 400px - 10px);
        max-width: calc(var(--viewcam-max-width) - 400px - 10px)
    }
}

@media screen and (min-width:1024px) {

    .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((calc(100vw - 28px) - 400px - 46px) * .75);
        max-height: calc((var(--viewcam-max-width) - 400px - 46px) * .75);
        min-height: calc(550px * .75);
        width: 100%
    }
}

@media screen and (min-width:1024px) and (min-width:1600px) {

    .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((calc(100vw - 28px) - 400px - 10px) * .75);
        max-height: calc((var(--viewcam-max-width) - 400px - 10px) * .75)
    }
}

@media screen and (min-width:1024px) {
    .view-cam-resizer.view-cam-resizer-playing.view-cam-resizer-theatre-mode.view-cam-resizer-boundary-x {
        max-width: calc(calc(100vw - 28px) - 400px - 46px);
        max-width: calc(var(--viewcam-max-width) - 400px - 46px);
        width: max((calc(100vh - (var(--reserved-bottom-space-desktop))))/ .75, calc(100vw - 28px) - 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 {
        max-height: calc(100vh - (var(--reserved-bottom-space-desktop)));
        height: calc(100vh - (var(--reserved-bottom-space-desktop)))
    }
}

@media screen and (max-width:1023px) {
    .view-cam-resizer.view-cam-resizer-playing.view-cam-resizer-boundary-x {
        width: 100%
    }

    .view-cam-resizer.view-cam-resizer-playing .view-cam-resizer-boundary-y,
    .view-cam-resizer.view-cam-resizer-playing .view-cam-resizer-player {
        height: 100%;
        max-height: calc(100vh - (96px + 60px));
        position: relative;
        width: 100%
    }
}

@media screen and (max-width:1023px) and (max-width:1023px) and (orientation:landscape) {

    .view-cam-resizer.view-cam-resizer-playing .view-cam-resizer-boundary-y,
    .view-cam-resizer.view-cam-resizer-playing .view-cam-resizer-player {
        min-height: 350px
    }
}

@media screen and (max-width:1023px) and (max-width:1023px) and (orientation:portrait) {

    .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(calc(100vw - 28px) * .75);
        height: calc(var(--viewcam-max-width) * .75)
    }
}

.view-cam-resizer.view-cam-resizer-playing.view-cam-resizer-hd {
    --resizer-overrided-aspect-ratio: 0.5556
}

@media screen and (min-width:1024px) {
    .view-cam-resizer.view-cam-resizer-playing.view-cam-resizer-hd.view-cam-resizer-boundary-x {
        max-width: calc(calc(100vw - 28px) - 400px - 46px);
        max-width: calc(var(--viewcam-max-width) - 400px - 46px);
        min-width: 550px;
        width: calc((100vh - (106px + var(--reserved-bottom-space-desktop)))/ .5556)
    }
}

@media screen and (min-width:1024px) and (min-width:1600px) {
    .view-cam-resizer.view-cam-resizer-playing.view-cam-resizer-hd.view-cam-resizer-boundary-x {
        max-width: calc(calc(100vw - 28px) - 400px - 10px);
        max-width: calc(var(--viewcam-max-width) - 400px - 10px)
    }
}

@media screen and (min-width:1024px) {

    .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((calc(100vw - 28px) - 400px - 46px) * .5556);
        max-height: calc((var(--viewcam-max-width) - 400px - 46px) * .5556);
        min-height: calc(550px * .5556);
        width: 100%
    }
}

@media screen and (min-width:1024px) and (min-width:1600px) {

    .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((calc(100vw - 28px) - 400px - 10px) * .5556);
        max-height: calc((var(--viewcam-max-width) - 400px - 10px) * .5556)
    }
}

@media screen and (min-width:1024px) {
    .view-cam-resizer.view-cam-resizer-playing.view-cam-resizer-hd.view-cam-resizer-theatre-mode.view-cam-resizer-boundary-x {
        max-width: calc(calc(100vw - 28px) - 400px - 46px);
        max-width: calc(var(--viewcam-max-width) - 400px - 46px);
        width: max((calc(100vh - (var(--reserved-bottom-space-desktop))))/ .5556, calc(100vw - 28px) - 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 {
        max-height: calc(100vh - (var(--reserved-bottom-space-desktop)));
        height: calc(100vh - (var(--reserved-bottom-space-desktop)))
    }
}

@media screen and (max-width:1023px) {
    .view-cam-resizer.view-cam-resizer-playing.view-cam-resizer-hd.view-cam-resizer-boundary-x {
        width: 100%
    }

    .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: 100%;
        max-height: calc(100vh - (96px + 60px));
        position: relative;
        width: 100%
    }
}

@media screen and (max-width:1023px) and (max-width:1023px) and (orientation:landscape) {

    .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 {
        min-height: 350px
    }
}

@media screen and (max-width:1023px) and (max-width:1023px) and (orientation:portrait) {

    .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(calc(100vw - 28px) * .5556);
        height: calc(var(--viewcam-max-width) * .5556)
    }
}

@media screen and (max-width:1023px) and (orientation:portrait) {
    .view-cam-resizer.view-cam-resizer-playing.view-cam-resizer-vertical-stream {
        --resizer-overrided-aspect-ratio: 1.33333
    }
}

@media screen and (max-width:1023px) and (orientation:portrait) and (min-width:1024px) {
    .view-cam-resizer.view-cam-resizer-playing.view-cam-resizer-vertical-stream.view-cam-resizer-boundary-x {
        max-width: calc(calc(100vw - 28px) - 400px - 46px);
        max-width: calc(var(--viewcam-max-width) - 400px - 46px);
        min-width: 550px;
        width: calc((100vh - (106px + var(--reserved-bottom-space-desktop)))/ 1.33333)
    }
}

@media screen and (max-width:1023px) and (orientation:portrait) and (min-width:1024px) and (min-width:1600px) {
    .view-cam-resizer.view-cam-resizer-playing.view-cam-resizer-vertical-stream.view-cam-resizer-boundary-x {
        max-width: calc(calc(100vw - 28px) - 400px - 10px);
        max-width: calc(var(--viewcam-max-width) - 400px - 10px)
    }
}

@media screen and (max-width:1023px) and (orientation:portrait) and (min-width:1024px) {

    .view-cam-resizer.view-cam-resizer-playing.view-cam-resizer-vertical-stream .view-cam-resizer-boundary-y,
    .view-cam-resizer.view-cam-resizer-playing.view-cam-resizer-vertical-stream .view-cam-resizer-player {
        height: calc(100vh - (106px + var(--reserved-bottom-space-desktop)));
        max-height: calc((calc(100vw - 28px) - 400px - 46px) * 1.33333);
        max-height: calc((var(--viewcam-max-width) - 400px - 46px) * 1.33333);
        min-height: calc(550px * 1.33333);
        width: 100%
    }
}

@media screen and (max-width:1023px) and (orientation:portrait) and (min-width:1024px) and (min-width:1600px) {

    .view-cam-resizer.view-cam-resizer-playing.view-cam-resizer-vertical-stream .view-cam-resizer-boundary-y,
    .view-cam-resizer.view-cam-resizer-playing.view-cam-resizer-vertical-stream .view-cam-resizer-player {
        max-height: calc((calc(100vw - 28px) - 400px - 10px) * 1.33333);
        max-height: calc((var(--viewcam-max-width) - 400px - 10px) * 1.33333)
    }
}

@media screen and (max-width:1023px) and (orientation:portrait) and (min-width:1024px) {
    .view-cam-resizer.view-cam-resizer-playing.view-cam-resizer-vertical-stream.view-cam-resizer-theatre-mode.view-cam-resizer-boundary-x {
        max-width: calc(calc(100vw - 28px) - 400px - 46px);
        max-width: calc(var(--viewcam-max-width) - 400px - 46px);
        width: max((calc(100vh - (var(--reserved-bottom-space-desktop))))/ 1.33333, calc(100vw - 28px) - 400px - 46px);
        width: max((calc(100vh - (var(--reserved-bottom-space-desktop))))/ 1.33333, var(--viewcam-max-width) - 400px - 46px)
    }

    .view-cam-resizer.view-cam-resizer-playing.view-cam-resizer-vertical-stream.view-cam-resizer-theatre-mode .view-cam-resizer-boundary-y,
    .view-cam-resizer.view-cam-resizer-playing.view-cam-resizer-vertical-stream.view-cam-resizer-theatre-mode .view-cam-resizer-player {
        max-height: calc(100vh - (var(--reserved-bottom-space-desktop)));
        height: calc(100vh - (var(--reserved-bottom-space-desktop)))
    }
}

@media screen and (max-width:1023px) and (orientation:portrait) and (max-width:1023px) {
    .view-cam-resizer.view-cam-resizer-playing.view-cam-resizer-vertical-stream.view-cam-resizer-boundary-x {
        width: 100%
    }

    .view-cam-resizer.view-cam-resizer-playing.view-cam-resizer-vertical-stream .view-cam-resizer-boundary-y,
    .view-cam-resizer.view-cam-resizer-playing.view-cam-resizer-vertical-stream .view-cam-resizer-player {
        height: 100%;
        max-height: calc(100vh - (96px + 60px));
        position: relative;
        width: 100%
    }
}

@media screen and (max-width:1023px) and (orientation:portrait) and (max-width:1023px) and (max-width:1023px) and (orientation:landscape) {

    .view-cam-resizer.view-cam-resizer-playing.view-cam-resizer-vertical-stream .view-cam-resizer-boundary-y,
    .view-cam-resizer.view-cam-resizer-playing.view-cam-resizer-vertical-stream .view-cam-resizer-player {
        min-height: 350px
    }
}

@media screen and (max-width:1023px) and (orientation:portrait) and (max-width:1023px) and (max-width:1023px) and (orientation:portrait) {

    .view-cam-resizer.view-cam-resizer-playing.view-cam-resizer-vertical-stream .view-cam-resizer-boundary-y,
    .view-cam-resizer.view-cam-resizer-playing.view-cam-resizer-vertical-stream .view-cam-resizer-player {
        height: calc(calc(100vw - 28px) * 1.33333);
        height: calc(var(--viewcam-max-width) * 1.33333)
    }
}

@supports (height:var(--resizer-layout-height)) {
    .view-cam-resizer.view-cam-resizer-playing.view-cam-resizer {
        --resizer-aspect-ratio: var(--resizer-overrided-aspect-ratio)
    }

    @media screen and (min-width:1024px) {
        .view-cam-resizer.view-cam-resizer-playing.view-cam-resizer.view-cam-resizer-vertical-stream {
            --resizer-aspect-ratio: 0.75
        }
    }

    @media screen and (min-width:1024px) {
        .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))
        }
    }

    @media screen and (min-width:1024px) and (min-width:1600px) {
        .view-cam-resizer.view-cam-resizer-playing.view-cam-resizer.view-cam-resizer-boundary-x {
            max-width: calc(calc(100vw - 28px) - 400px - 10px);
            max-width: calc(var(--viewcam-max-width) - 400px - 10px)
        }
    }

    @media screen and (min-width:1024px) {

        .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%
        }
    }

    @media screen and (min-width:1024px) and (min-width:1600px) {

        .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((calc(100vw - 28px) - 400px - 10px) * var(--resizer-aspect-ratio));
            max-height: calc((var(--viewcam-max-width) - 400px - 10px) * var(--resizer-aspect-ratio))
        }
    }

    @media screen and (min-width:1024px) {
        .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 {
            max-height: calc(var(--resizer-layout-height) - (var(--reserved-bottom-space-desktop)));
            height: calc(var(--resizer-layout-height) - (var(--reserved-bottom-space-desktop)))
        }
    }

    @media screen and (max-width:1023px) {
        .view-cam-resizer.view-cam-resizer-playing.view-cam-resizer.view-cam-resizer-boundary-x {
            width: 100%
        }

        .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: 100%;
            max-height: calc(var(--resizer-layout-height) - (var(--resizer-top) + 60px));
            position: relative;
            width: 100%
        }
    }

    @media screen and (max-width:1023px) and (max-width:1023px) and (orientation:landscape) {

        .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 {
            min-height: 350px
        }
    }

    @media screen and (max-width:1023px) and (max-width:1023px) and (orientation:portrait) {

        .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-width) * var(--resizer-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
}

@media screen and (min-width:1024px) {
    .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 .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
}

@media screen and (max-width:479px) {
    .view-cam-resizer.view-cam-resizer-broadcast.view-cam-resizer-with-settings .view-cam-resizer-boundary-y {
        max-height: none !important
    }
}

@media screen and (min-width:1024px) {
    .view-cam-resizer.view-cam-resizer-broadcast {
        --resizer-top: 149px
    }
}

@media screen and (min-width:1024px) {
    .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)
    }
}

@media screen and (min-width:1024px) and (min-width:1600px) {
    .view-cam-resizer.view-cam-resizer-broadcast.view-cam-resizer-boundary-x {
        max-width: calc(1568px - 630px - 10px)
    }
}

@media screen and (min-width:1024px) {

    .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%
    }
}

@media screen and (min-width:1024px) and (min-width:1600px) {

    .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)
    }
}

@media screen and (min-width:1024px) {
    .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 {
        max-height: calc(100vh - (229px));
        height: calc(100vh - (229px))
    }
}

@media screen and (max-width:1023px) {
    .view-cam-resizer.view-cam-resizer-broadcast.view-cam-resizer-boundary-x {
        width: 100%
    }

    .view-cam-resizer.view-cam-resizer-broadcast .view-cam-resizer-boundary-y,
    .view-cam-resizer.view-cam-resizer-broadcast .view-cam-resizer-player {
        height: 100%;
        max-height: calc(100vh - (180px + 60px));
        position: relative;
        width: 100%
    }
}

@media screen and (max-width:1023px) and (max-width:1023px) and (orientation:landscape) {

    .view-cam-resizer.view-cam-resizer-broadcast .view-cam-resizer-boundary-y,
    .view-cam-resizer.view-cam-resizer-broadcast .view-cam-resizer-player {
        min-height: 350px
    }
}

@media screen and (max-width:1023px) and (max-width:1023px) and (orientation:portrait) {

    .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(100vw * .75)
    }
}

.view-cam-resizer.view-cam-resizer-broadcast.view-cam-resizer-hd {
    --resizer-overrided-aspect-ratio: 0.5556
}

@media screen and (min-width:1024px) {
    .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)
    }
}

@media screen and (min-width:1024px) and (min-width:1600px) {
    .view-cam-resizer.view-cam-resizer-broadcast.view-cam-resizer-hd.view-cam-resizer-boundary-x {
        max-width: calc(1568px - 630px - 10px)
    }
}

@media screen and (min-width:1024px) {

    .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%
    }
}

@media screen and (min-width:1024px) and (min-width:1600px) {

    .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)
    }
}

@media screen and (min-width:1024px) {
    .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 {
        max-height: calc(100vh - (229px));
        height: calc(100vh - (229px))
    }
}

@media screen and (max-width:1023px) {
    .view-cam-resizer.view-cam-resizer-broadcast.view-cam-resizer-hd.view-cam-resizer-boundary-x {
        width: 100%
    }

    .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: 100%;
        max-height: calc(100vh - (180px + 60px));
        position: relative;
        width: 100%
    }
}

@media screen and (max-width:1023px) and (max-width:1023px) and (orientation:landscape) {

    .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 {
        min-height: 350px
    }
}

@media screen and (max-width:1023px) and (max-width:1023px) and (orientation:portrait) {

    .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(100vw * .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)
    }

    @media screen and (min-width:1024px) {
        .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))
        }
    }

    @media screen and (min-width:1024px) and (min-width:1600px) {
        .view-cam-resizer.view-cam-resizer-broadcast.view-cam-resizer.view-cam-resizer-boundary-x {
            max-width: calc(1568px - 630px - 10px)
        }
    }

    @media screen and (min-width:1024px) {

        .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%
        }
    }

    @media screen and (min-width:1024px) and (min-width:1600px) {

        .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 (min-width:1024px) {
        .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 {
            max-height: calc(var(--resizer-layout-height) - (229px));
            height: calc(var(--resizer-layout-height) - (229px))
        }
    }

    @media screen and (max-width:1023px) {
        .view-cam-resizer.view-cam-resizer-broadcast.view-cam-resizer.view-cam-resizer-boundary-x {
            width: 100%
        }

        .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: 100%;
            max-height: calc(var(--resizer-layout-height) - (var(--resizer-top) + 60px));
            position: relative;
            width: 100%
        }
    }

    @media screen and (max-width:1023px) and (max-width:1023px) and (orientation:landscape) {

        .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 {
            min-height: 350px
        }
    }

    @media screen and (max-width:1023px) and (max-width:1023px) and (orientation:portrait) {

        .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-width) * var(--resizer-aspect-ratio))
        }
    }
}

.player-model-boost {
    align-items: center;
    display: flex;
    font-size: 12px;
    font-weight: 700;
    justify-content: center;
    line-height: 16px;
    margin: 0
}

.player-model-boost__accent {
    color: #b986e9;
    margin-right: 4px
}

.broadcast-player-wrapper {
    position: relative
}

.broadcast-player-wrapper__boost-info {
    background-color: #2f2f2f;
    padding-top: 12px
}

.broadcast-player-wrapper__boost-info--obs {
    padding-bottom: 12px
}

.broadcast-player-wrapper .broadcast-player-wrapper-video-content {
    height: 100%;
    position: relative;
    width: 100%;
    display: flex;
    flex-direction: row
}

.broadcast-player-wrapper .broadcast-player .broadcast-player-wrapper-video-content,
.broadcast-player-wrapper .broadcast-player .external-cam2cam {
    height: 425px;
    position: relative
}

.broadcast-player-wrapper .broadcast-player.fullscreen .broadcast-player-wrapper-video-content,
.broadcast-player-wrapper .broadcast-player.fullscreen .external-cam2cam {
    height: 100%
}

.broadcast-player-wrapper .broadcast-player.fullscreen .broadcast-player-wrapper__boost-info,
.broadcast-player-wrapper .broadcast-player.fullscreen .player-panel,
.broadcast-player-wrapper .broadcast-player.fullscreen .player-panel-status {
    display: none
}

.broadcast-player-wrapper .broadcast-player .web-rtc-player {
    position: relative
}

.broadcast-player-wrapper__player-controls {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

@media screen and (max-width:1023px) {

    .broadcast-player-wrapper .broadcast-player .broadcast-player-wrapper-video-content,
    .broadcast-player-wrapper .broadcast-player .external-cam2cam {
        align-items: stretch;
        height: 100%;
        max-height: calc(100vh - 96px);
        min-height: 75vw;
        display: flex;
        flex-direction: row;
        flex: 1;
        flex-basis: 100%;
        flex-grow: 1;
        flex-shrink: 0
    }

    .broadcast-player-wrapper .broadcast-player .web-rtc-player {
        min-height: 100%
    }

    .broadcast-player-wrapper .broadcast-player.fullscreen .broadcast-player-wrapper-video-content,
    .broadcast-player-wrapper .broadcast-player.fullscreen .external-cam2cam {
        height: 100%;
        max-height: 100%
    }

    .broadcast-player-wrapper .broadcast-player.fullscreen .player-panel {
        display: none
    }
}

@media screen and (max-width:1023px) and (orientation:landscape) {
    .broadcast-player-wrapper .broadcast-player .content {
        min-height: 100%
    }

    .broadcast-player-wrapper .broadcast-player .broadcast-player-wrapper-video-content,
    .broadcast-player-wrapper .broadcast-player .external-cam2cam {
        max-height: calc(100vh - 96px);
        min-height: calc(100vh - 96px)
    }
}

@media screen and (pointer:coarse) and (min-width:480px) {
    .broadcast-player-wrapper .broadcast-player .web-rtc-player {
        bottom: 0;
        left: 0;
        position: absolute;
        right: 0;
        top: 0
    }
}

.player-wrapper:not(.fullscreen) .broadcast-player-wrapper-video-content--ios .web-rtc-broadcasting video {
    flex-basis: 0;
    margin: 0 auto
}

.broadcast-player {
    border-radius: 3px;
    height: 100%;
    position: relative
}

.broadcast-player object {
    height: 100%;
    position: relative;
    width: 100%
}

.broadcast-player .content {
    background: #2b2b2b;
    height: 100%;
    justify-content: center;
    z-index: 100;
    display: flex;
    flex-direction: column
}

.broadcast-player .content .poster {
    height: 100%;
    width: 100%;
    display: flex;
    flex-direction: row
}

.broadcast-player .content .poster .error {
    color: #d5444e;
    font-weight: 700;
    margin: auto 10px;
    padding: 20px 10px;
    text-align: center;
    width: 100%;
    font-size: .875rem
}

.broadcast-player .content .poster .external-app {
    align-items: center;
    justify-content: center;
    width: 100%;
    display: flex;
    flex-direction: column
}

.broadcast-player .content .poster .external-app .description {
    padding: 20px 0;
    text-align: center
}

.broadcast-player .content .poster .external-app .player-panel {
    width: 100%
}

.broadcast-player .content .poster .external-app .pause {
    letter-spacing: 3px;
    opacity: .3;
    font-size: 3.438rem;
    line-height: 3.438rem
}

@media screen and (max-width:1023px) and (orientation:landscape) and (pointer:coarse) {
    .broadcast-player .content {
        justify-content: space-between
    }

    .broadcast-player .content .broadcast-player-wrapper-video-content,
    .broadcast-player .content .external-cam2cam {
        align-items: center;
        display: flex;
        flex: 1;
        flex-basis: auto;
        flex-grow: 1;
        flex-shrink: 0
    }
}

@media screen and (max-width:1023px) and (orientation:portrait) and (pointer:coarse) {
    .broadcast-player .content .broadcast-player-wrapper-video-content {
        display: flex;
        flex: 1;
        flex-basis: auto;
        flex-grow: 1;
        flex-shrink: 1
    }
}

.broadcast-player .broadcast-player-status-panel-space {
    height: 34px
}

.broadcast-player .broadcast-player-controls-panel-space {
    height: 60px
}

.external-broadcast-switcher {
    align-items: center;
    background-color: #2f2f2f;
    justify-content: center;
    margin: 10px 0 0 0;
    display: flex;
    flex-direction: row
}

.external-broadcast-switcher .switcher-content-wrapper {
    align-items: center;
    background-color: #2f2f2f;
    color: rgba(248, 248, 248, .5);
    cursor: pointer;
    justify-content: center;
    padding: 10px;
    width: 100%;
    display: flex;
    flex-direction: row;
    transition: all 120ms ease-in-out 0s
}

.external-broadcast-switcher .switcher-content-wrapper .icon {
    color: rgba(248, 248, 248, .5);
    fill: rgba(248, 248, 248, .5)
}

.external-broadcast-switcher .switcher-content-wrapper:hover {
    color: rgba(248, 248, 248, .65)
}

.external-broadcast-switcher .switcher-content-wrapper:hover .icon {
    color: rgba(248, 248, 248, .65);
    fill: rgba(248, 248, 248, .65)
}

.external-broadcast-switcher .switcher-title {
    font-weight: 400;
    font-size: .813rem;
    line-height: 1.313rem
}

.external-broadcast-switcher .icon {
    margin-left: 10px;
    margin-right: 0
}

.external-broadcast-switcher .icon.icon-camera {
    margin-left: 0;
    margin-right: 10px
}

.external-broadcast-switcher.external .icon {
    margin-left: 0;
    margin-right: 10px
}

.external-broadcast-switcher.disabled .switcher-content-wrapper {
    cursor: default;
    opacity: .3;
    pointer-events: none
}

.model-broadcast .model-broadcast-player-wrapper {
    display: flex;
    flex-direction: column
}

@media screen and (max-width:1023px) {
    .model-broadcast .model-broadcast-player-wrapper {
        flex-direction: column-reverse
    }

    .model-broadcast .model-broadcast-player-wrapper .broadcast-player-wrapper {
        min-height: 100%
    }

    .model-broadcast .model-broadcast-player-wrapper .model-set-goal {
        margin-top: 0
    }

    .model-broadcast .model-broadcast-player-wrapper .external-broadcast-switcher {
        margin-bottom: 10px;
        margin-top: 0
    }
}

.model-broadcast .model-broadcast-features {
    align-items: flex-start;
    justify-content: space-between;
    margin: 10px 0;
    display: flex;
    flex-direction: row
}

.model-broadcast .model-broadcast-features .lovense-handler {
    margin: 10px 0
}

@media screen and (max-width:1023px) {
    .model-broadcast .model-broadcast-features .private-modes-block {
        margin: 10px 0
    }
}

.model-broadcast .model-broadcast-features .spy-mode-button-wrapper {
    align-items: center;
    display: flex;
    flex-wrap: nowrap;
    padding-right: 15px
}

.model-broadcast .model-broadcast-features .spy-mode-button-tooltip {
    margin-right: auto;
    margin-left: 7px;
    display: flex;
    opacity: .6
}

.model-broadcast .model-broadcast-features .spy-mode-button-tooltip:hover {
    opacity: 1
}

@media screen and (max-width:639px) {
    .model-broadcast .model-broadcast-features .spy-mode-button-tooltip .icon {
        margin-right: 0
    }
}

.model-broadcast .model-broadcast-features .private-modes-block {
    align-items: flex-start;
    display: flex;
    justify-content: space-between;
    width: 100%
}

.model-broadcast .model-broadcast-features .underline {
    text-decoration: underline
}

.model-broadcast .model-broadcast-features .private-modes-btn {
    margin: 0;
    align-items: center;
    justify-content: center;
    display: flex;
    flex-direction: row
}

.model-broadcast .model-broadcast-features .private-modes-btn__discount {
    padding-left: 16px
}

.model-broadcast .model-broadcast-features .private-modes-btn__discount_image {
    margin-right: 10px;
    flex-shrink: 0;
    width: 18px;
    height: 18px
}

.model-broadcast .model-broadcast-features .private-modes-btn__discount_timer {
    margin-left: 6px;
    font-weight: 500;
    color: #f7cd46;
    font-size: .688rem
}

.model-broadcast .model-broadcast-features .private-modes-btn:hover .private-modes-btn__discount_timer {
    color: inherit
}

.model-broadcast .model-broadcast-features .private-modes-btn .pale,
.model-broadcast .model-broadcast-features .private-modes-btn .private-show-timer {
    opacity: .6
}

.model-broadcast .model-broadcast-features .private-mode-joined {
    display: block;
    margin-top: 10px;
    opacity: .8;
    text-align: center;
    font-size: .688rem
}

@media screen and (max-width:1023px) {
    .model-broadcast .model-broadcast-features {
        margin: 5px 20px
    }
}

@media screen and (max-width:480px) {
    .model-broadcast .model-broadcast-features {
        flex-wrap: wrap;
        text-align: center
    }

    .model-broadcast .model-broadcast-features .group-show-button-and-users {
        width: 100%
    }

    .model-broadcast .model-broadcast-features .private-modes-btn__discount {
        margin-top: 20px
    }

    .model-broadcast .model-broadcast-features .spy-mode-button-wrapper {
        margin-bottom: 20px;
        padding-right: 0;
        width: 100%
    }

    .model-broadcast .model-broadcast-features .lovense-handler {
        justify-content: center;
        margin: 10px 0;
        max-width: initial;
        width: 100%
    }

    .model-broadcast .model-broadcast-features .private-modes-block {
        flex-direction: column;
        margin: 10px 0;
        width: 100%
    }

    .model-broadcast .model-broadcast-features .private-modes-block button {
        width: 100%
    }
}

.share-referral-link__button {
    display: flex;
    align-items: center;
    margin-bottom: 0
}

.share-referral-link__button svg.icon {
    margin-right: 8px;
    transition: none
}

@media screen and (max-width:767px) {
    .share-referral-link {
        display: none
    }
}

.site-mirror-notification-button {
    align-items: center;
    border: 2px solid rgba(255, 255, 255, .18);
    border-radius: 16px;
    color: #fff;
    cursor: pointer;
    font-weight: 400;
    max-height: 34px;
    padding: 5px 10px 5px 5px;
    font-size: .688rem;
    display: flex;
    flex-direction: row;
    flex: 1;
    flex-basis: auto;
    flex-grow: 0;
    flex-shrink: 0;
    transition: all 120ms ease-in-out 0s
}

.site-mirror-notification-button .country-flag {
    background-size: 28px;
    border-radius: 50%;
    height: 18px;
    margin-right: 10px;
    width: 19px
}

.site-mirror-notification-button:hover {
    border: 2px solid rgba(255, 255, 255, .5)
}

@media screen and (max-width:1023px) {
    .site-mirror-notification-button {
        display: none
    }
}

.view-cam-header {
    align-items: center;
    display: flex;
    margin: 20px 0;
    font-size: 1.125rem;
    letter-spacing: .044rem;
    display: flex;
    flex-direction: row
}

.view-cam-header>div {
    height: 100%
}

@media screen and (max-width:1023px) {
    .view-cam-header {
        margin: 10px;
        font-size: 1rem
    }
}

.view-cam-header .header-middle {
    flex: 1;
    flex-basis: auto;
    flex-grow: 1;
    flex-shrink: 1;
    display: flex;
    flex-direction: row;
    -moz-column-gap: 20px;
    column-gap: 20px
}

@media screen and (max-width:1023px) {
    .view-cam-header .header-middle {
        margin-bottom: 10px
    }
}

@media screen and (max-width:479px) {
    .view-cam-header {
        display: none
    }
}

.view-cam-header__goal-wrapper {
    flex: 1
}

.view-cam-header__controls {
    -moz-column-gap: 10px;
    column-gap: 10px;
    display: flex;
    justify-content: flex-end
}

@media screen and (max-width:479px) {
    .view-cam-header__controls {
        display: none
    }
}

@media screen and (max-width:479px) {
    .view-cam-header--with-new-goal {
        display: flex
    }
}

@media screen and (max-width:360px) {
    .view-cam-header--with-new-goal {
        display: none
    }
}

.cam-member-username {
    justify-content: space-between;
    width: 100%;
    display: flex;
    flex-direction: row
}

.cam-member-username .cam-member-username-wrapper {
    max-width: calc(100% - 33px);
    display: flex;
    flex-direction: row;
    width: 100%
}

.cam-member-username .cam-member-username-wrapper .view-cam-username {
    flex: 1
}

.cam-member-username .view-cam-username-dot {
    align-items: center;
    justify-content: center;
    min-width: 16px;
    display: flex;
    flex-direction: row
}

.cam-member-username .view-cam-username-dot .icon-dot {
    fill: #616161;
    height: 8px;
    margin-right: 8px;
    width: 8px
}

.cam-member-username .view-cam-username-dot.unread .icon-dot {
    fill: #d7313c
}

.cam-members {
    background-color: rgba(53, 53, 53, .8);
    height: 100%;
    justify-content: space-between;
    min-width: 170px;
    width: 230px;
    border-radius: 3px;
    display: flex;
    flex-direction: column
}

.cam-members .cam-members-header {
    align-items: center;
    background-color: #212121;
    border-bottom: 2px solid rgba(255, 255, 255, .04);
    color: #fff;
    height: 46px;
    min-height: 48px;
    padding-left: 10px;
    position: relative;
    font-size: .813rem;
    line-height: 1rem;
    display: flex;
    flex-direction: row
}

.cam-members .cam-members-header .icon-user-tab {
    height: 16px;
    width: 16px
}

.cam-members .cam-members-header-count {
    color: #a0a0a0;
    margin-left: 5px
}

.cam-members-disabled .scroll-bar-container {
    opacity: .5;
    pointer-events: none
}

.cam-members-info {
    background-color: #383838;
    padding: 10px;
    flex: 1;
    flex-basis: auto;
    flex-grow: 0;
    flex-shrink: 1
}

.cam-members-info .model-chat-users-info-item {
    align-items: center;
    color: #a3a3a3;
    cursor: default;
    font-weight: 400;
    padding: 3px 0;
    font-size: .688rem;
    line-height: .75rem;
    display: flex;
    flex-direction: row
}

.cam-members-info .info-item-label {
    flex: 1;
    flex-basis: auto;
    flex-grow: 0;
    flex-shrink: 0
}

.cam-members-info .icon-spy-on {
    color: #a3a3a3;
    margin-left: 0;
    margin-right: 8px
}

.cam-members-info .info-item-invisibles,
.cam-members-info .info-item-king,
.cam-members-info .info-item-knights,
.cam-members-info .info-item-last-tip,
.cam-members-info .info-item-spies {
    font-weight: 700;
    margin-left: 4px;
    overflow: hidden;
    font-size: .75rem;
    line-height: .875rem
}

.cam-members-info .info-item-invisibles .username,
.cam-members-info .info-item-king .username,
.cam-members-info .info-item-knights .username,
.cam-members-info .info-item-last-tip .username,
.cam-members-info .info-item-spies .username {
    display: flex;
    flex-direction: row
}

.cam-members-info .info-item-invisibles .username .username-level-wrapper,
.cam-members-info .info-item-king .username .username-level-wrapper,
.cam-members-info .info-item-knights .username .username-level-wrapper,
.cam-members-info .info-item-last-tip .username .username-level-wrapper,
.cam-members-info .info-item-spies .username .username-level-wrapper {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.cam-members-info .info-item-invisibles .username .username-content,
.cam-members-info .info-item-king .username .username-content,
.cam-members-info .info-item-knights .username .username-content,
.cam-members-info .info-item-last-tip .username .username-content,
.cam-members-info .info-item-spies .username .username-content {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.cam-members-info .info-item-king,
.cam-members-info .info-item-last-tip {
    cursor: pointer
}

.cam-members-info .info-item-invisibles {
    align-items: center;
    color: #a3a3a3;
    font-size: .75rem;
    line-height: .875rem;
    display: flex;
    flex-direction: row
}

.cam-members-info .info-item-invisibles .icon {
    fill: #a3a3a3;
    margin-left: 4px
}

.cam-members-info .info-item-knights {
    align-items: center;
    color: #e1ad5b;
    font-size: .75rem;
    line-height: .875rem;
    display: flex;
    flex-direction: row
}

.cam-members-info .info-item-knights .icon {
    fill: #e1ad5b;
    margin-left: 4px
}

.cam-members-list {
    background-color: rgba(53, 53, 53, .8);
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    display: flex;
    flex-direction: row;
    flex: 1;
    flex-basis: auto;
    flex-grow: 1;
    flex-shrink: 0
}

.cam-members-list .scroll-bar-container {
    height: 100%;
    position: absolute;
    width: 100%
}

.cam-members-list .more-users {
    color: #8d8d8d;
    margin: 10px 15px;
    font-size: .75rem
}

.cam-members-list ul {
    margin: 10px 0
}

.cam-members-list .cam-members-list-item {
    align-items: center;
    clear: both;
    cursor: pointer;
    font-weight: 700;
    height: 28px;
    padding: 0 5px;
    font-size: .75rem;
    line-height: 1.75rem;
    display: flex;
    flex-direction: row
}

.cam-members-list .cam-members-list-item .cam-member-popup-button {
    align-items: center;
    display: flex;
    flex-direction: row
}

.cam-members-list .cam-members-list-item .cam-member-popup-button .icon {
    fill: #fff
}

.cam-members-list .cam-members-list-item .username {
    max-width: calc(100% - 40px);
    display: flex;
    flex-direction: row
}

.cam-members-list .cam-members-list-item .username .username-level-wrapper {
    max-width: 100%;
    white-space: nowrap
}

.cam-members-list .cam-members-list-item .username .username-content {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.cam-members-list .cam-members-list-item .cam-member-popup-button {
    margin-right: 5px;
    opacity: 0;
    padding: 0 8px
}

.cam-members-list .cam-members-list-item .cam-member-popup-button .icon {
    margin: 0
}

.cam-members-list .cam-members-list-item .cam-member-popup-button:hover {
    opacity: .9;
    transition: all 120ms ease-in-out 0s
}

.cam-members-list .cam-members-list-item.selected {
    background-color: rgba(255, 255, 255, .1)
}

.cam-members-list .cam-members-list-item:hover {
    background-color: rgba(255, 255, 255, .05)
}

.cam-members-list .cam-members-list-item:hover.selected {
    background-color: rgba(255, 255, 255, .1)
}

.cam-members-list .cam-members-list-item:hover .cam-member-popup-button {
    opacity: .5
}

@media (pointer:coarse) {
    .cam-members-list .scroll-bar-container {
        -webkit-overflow-scrolling: auto
    }
}

.cam-members-list.cam-members-list-user-levels .cam-member-username .cam-member-username-wrapper {
    max-width: none;
    width: 100%
}

.cam-members-list.cam-members-list-user-levels .cam-members-list-item .username {
    max-width: calc(100% - 16px)
}

@media screen and (pointer:fine) and (max-width:1023px) {
    .broadcast-container .view-cam-page-main .cam-members .cam-members-header {
        border-bottom: none;
        height: 52px;
        padding-left: 18px
    }

    .broadcast-container .view-cam-page-main .cam-members .cam-members-header .icon-user-tab {
        height: 20px;
        margin-right: 8px;
        width: 20px
    }
}

.visibility-for-users-control {
    align-items: center;
    background: #4b4b4b;
    border-radius: 6px;
    display: flex;
    justify-content: space-between;
    padding: 10px 14px
}

.visibility-for-users-control-label {
    font-size: 12px;
    font-weight: 400;
    letter-spacing: normal;
    line-height: normal
}

.model-leaderboard {
    height: 100%
}

.model-leaderboard-content {
    display: flex;
    flex-direction: column;
    height: 100%
}

.model-leaderboard-body {
    justify-content: space-between;
    display: flex;
    flex-direction: column
}

.model-leaderboard-controls-wrapper {
    padding: 0 16px 16px
}

.model-floating-leaderboard {
    position: absolute;
    right: 64px;
    z-index: 112
}

@media screen and (max-width:1023px) {
    .model-floating-leaderboard {
        align-items: center;
        bottom: 0 !important;
        display: flex;
        justify-content: center;
        left: 0;
        position: fixed;
        right: 0;
        top: 0
    }
}

.model-floating-leaderboard-close-button.model-floating-leaderboard-close-button {
    align-items: center;
    background-color: #262626;
    border-radius: 2px;
    display: flex;
    height: 24px;
    justify-content: center;
    opacity: .6;
    width: 24px;
    position: absolute;
    right: 0;
    top: -34px
}

.model-floating-leaderboard-close-button.model-floating-leaderboard-close-button:hover {
    opacity: .8
}

.model-floating-leaderboard-close-icon {
    margin: 0
}

.model-floating-leaderboard-container {
    background-color: #262626;
    border-radius: 4px;
    box-shadow: 0 2px 19px rgba(0, 0, 0, .5);
    height: 494px;
    width: 376px
}

.model-floating-leaderboard-container:before {
    background: url(/assets/cams/features/topTippers/components/Leaderboard/images/wreath.svg) no-repeat 100% 0;
    background-size: contain;
    bottom: 0;
    content: "";
    filter: none;
    height: 85%;
    opacity: .02;
    position: absolute;
    width: 100%
}

@media screen and (max-width:1023px) {
    .model-floating-leaderboard-container {
        position: absolute;
        width: auto
    }
}

@media screen and (max-width:639px) {
    .model-floating-leaderboard-container {
        left: 15px;
        right: 15px
    }
}

.broadcast-container__settings {
    margin: 20px 0
}

@media screen and (max-width:1023px) {
    .broadcast-container__settings {
        margin: 10px
    }
}

.broadcast-rotate-warning {
    align-items: center;
    background: rgba(0, 0, 0, .7);
    height: 100vh;
    justify-content: center;
    left: 0;
    position: fixed;
    top: 0;
    width: 100vw;
    z-index: 1000;
    display: flex;
    flex-direction: column
}

.broadcast-rotate-warning .broadcast-rotate-warning-content {
    align-items: center;
    justify-content: center;
    max-width: 320px;
    display: flex;
    flex-direction: column
}

.broadcast-rotate-warning .icon {
    fill: #fff;
    height: 32px;
    width: 32px
}

.broadcast-rotate-warning .broadcast-rotate-warning-title {
    color: #fff;
    margin-top: 20px;
    opacity: .9;
    text-align: center;
    font-size: 1.25rem
}

.broadcast-rotate-warning .broadcast-rotate-warning-description {
    color: #fff;
    margin-top: 20px;
    opacity: .6;
    text-align: center;
    font-size: .813rem
}

.view-cam-model-list-skeleton__nav-bar {
    align-items: center;
    display: flex;
    height: 42px
}

.view-cam-model-list-skeleton__nav-item {
    animation: skeleton-animation 3s infinite linear;
    background: linear-gradient(128deg, #191919 14%, #1e1e1e 33%, #202020 47%, #1d1d1d 68%, #191919 87%);
    background-size: 300% 100%;
    will-change: background-position;
    border-radius: 20px;
    height: 10px;
    margin-right: 40px;
    width: 50px
}

.editable-collection-loader {
    position: relative
}

.editable-collection__confirm-content {
    margin-bottom: 20px
}

.editable-collection__confirm-text {
    font-size: 18px;
    font-weight: 700;
    letter-spacing: normal;
    line-height: 22px;
    display: block;
    color: #f8f8f8
}

.editable-collection__confirm-text>.nowrap {
    white-space: nowrap
}

.editable-collection__confirm-additional-text {
    color: rgba(248, 248, 248, .6);
    margin-top: 20px
}

.editable-collection__modal {
    max-width: 340px;
    padding: 32px
}

.editable-collection__modal-button {
    margin-bottom: 0;
    margin-right: 20px
}

.editable-collection__modal-close-icon.editable-collection__modal-close-icon:hover {
    color: rgba(248, 248, 248, .6)
}

.modal-ds-overlay__close-outside:hover .editable-collection__modal-close-icon.modal-ds-close-icon {
    color: rgba(248, 248, 248, .6)
}

.media-additional-menu__button {
    align-items: center;
    border-radius: 4px;
    cursor: pointer;
    display: flex;
    height: 24px;
    justify-content: center;
    position: relative;
    transition: all 90ms ease-in-out;
    width: 24px
}

.media-additional-menu__button .icon-more-vertical {
    color: rgba(255, 255, 255, .6);
    margin-right: 0
}

.media-additional-menu__button:hover {
    cursor: pointer
}

.media-additional-menu.shown .icon-more-vertical,
.media-additional-menu:hover .icon-more-vertical {
    color: #fff
}

.media-additional-menu.media-additional-menu--media-list-item {
    display: flex
}

.media-additional-menu.media-additional-menu--media-list-item .icon-more-vertical {
    color: rgba(255, 255, 255, .6)
}

.media-additional-menu.media-additional-menu--media-list-item .media-additional-menu__button .icon-more-vertical {
    height: 14px
}

.media-additional-menu.media-additional-menu--media-list-item.shown .media-additional-menu__button,
.media-additional-menu.media-additional-menu--media-list-item:hover .media-additional-menu__button {
    background: #3e3f42
}

.media-additional-menu.media-additional-menu--media-list-item.shown .icon-more-vertical,
.media-additional-menu.media-additional-menu--media-list-item:hover .icon-more-vertical {
    color: #fff
}

.media-additional-menu.media-additional-menu--media-page .media-additional-menu__button.shown,
.media-additional-menu.media-additional-menu--media-page .media-additional-menu__button:hover {
    background: rgba(255, 255, 255, .1)
}

.media-list-item:hover .media-additional-menu.media-additional-menu--media-list-item {
    display: flex
}

.media-list-item:hover .media-additional-menu.media-additional-menu--media-list-item .media-additional-menu__button {
    background: rgba(0, 0, 0, .4)
}

.media-list-item:hover .media-additional-menu.media-additional-menu--media-list-item .media-additional-menu__button.shown,
.media-list-item:hover .media-additional-menu.media-additional-menu--media-list-item .media-additional-menu__button:hover {
    background: #3e3f42
}

.media-additional-menu.media-additional-menu--media-page .media-additional-menu__button {
    height: 30px;
    width: 30px
}

.media-additional-menu.media-additional-menu--media-page .icon-more-vertical {
    color: rgba(255, 255, 255, .6)
}

.media-additional-menu.media-additional-menu--media-page.shown .icon-more-vertical,
.media-additional-menu.media-additional-menu--media-page:hover .icon-more-vertical {
    color: #f8f8f8
}

.media-additional-menu.media-additional-menu--media-page .media-additional-menu__button {
    background: 0 0
}

.media-additional-menu.media-additional-menu--media-page.shown .media-additional-menu__button,
.media-additional-menu.media-additional-menu--media-page:hover .media-additional-menu__button {
    background: #3e3f42
}

.media-additional-menu-dropdown {
    padding: 0;
    z-index: 201
}

.media-additional-menu-dropdown>.tooltip-inner {
    background: #3e3f42;
    box-shadow: 0 4px 32px rgba(0, 0, 0, .6);
    padding: 0
}

.media-additional-menu-dropdown>.tooltip-inner::before {
    display: none
}

.media-additional-menu-dropdown .media-additional-menu-dropdown__section {
    align-items: center;
    border-bottom: 1px solid rgba(255, 255, 255, .2);
    color: rgba(255, 255, 255, .6);
    fill: 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
}

.media-additional-menu-dropdown .media-additional-menu-dropdown__section .icon {
    margin-right: 8px
}

.media-additional-menu-dropdown .media-additional-menu-dropdown__section:not(.disabled):hover {
    color: #fff;
    fill: #fff
}

.media-additional-menu-dropdown .media-additional-menu-dropdown__section:last-of-type {
    border: none;
    margin: 0
}

.media-additional-menu-dropdown.media-additional-menu-dropdown--media-list-item {
    margin-top: 2px;
    padding: 0
}

.media-additional-menu-dropdown.media-additional-menu-dropdown--media-list-item .icon-more-vertical {
    opacity: .6
}

.media-additional-menu-dropdown.media-additional-menu-dropdown--media-page {
    margin-top: 8px
}

body.touch .media-additional-menu-dropdown.media-additional-menu-dropdown--media-page {
    margin-top: 13px
}

.user-media-page-header {
    display: flex;
    flex-wrap: wrap;
    margin: 24px 0 44px
}

.user-media-page-header__left {
    display: flex;
    margin-right: auto
}

.user-media-page-header__right {
    display: flex;
    align-items: center
}

.user-media-page-header__edit-button {
    height: 40px;
    display: flex
}

.user-media-page-header__upload-button {
    display: flex;
    align-items: center;
    margin-bottom: 0;
    margin-right: 26px;
    height: 40px;
    font-weight: 500;
    background: #5b5b5b;
    color: #f1f1f1;
    font-size: .938rem
}

.user-media-page-header__upload-button .icon {
    height: 18px;
    width: 18px;
    margin-right: 6px
}

.user-media-page-header__title {
    font-weight: 700;
    color: rgba(255, 255, 255, .9);
    margin-bottom: 0;
    letter-spacing: inherit;
    font-size: 1.375rem;
    line-height: 1.688rem
}

.user-media-page-header__counter {
    font-weight: 500;
    color: #af262f;
    font-size: .813rem;
    line-height: 1.125rem
}

.user-media-page-header__icon {
    margin-left: 5px;
    margin-right: 20px;
    width: 40px;
    height: 40px;
    color: #dadada
}

@media screen and (max-width:1023px) {
    .user-media-page-header {
        flex-direction: column
    }

    .user-media-page-header__right {
        margin-top: 16px;
        justify-content: space-between;
        flex-grow: 1
    }
}

@media screen and (max-width:639px) {
    .user-media-page-header__icon {
        width: 36px;
        height: 36px
    }
}

.user-media-page-header-empty {
    padding-top: 100px;
    display: flex;
    flex-direction: column;
    align-items: center;
    min-height: 100px;
    position: relative;
    color: #fff
}

.user-media-page-header-empty__icon {
    width: 126px;
    height: 140px;
    color: #dadada
}

.user-media-page-header-empty__title {
    font-weight: 500;
    margin-top: 40px;
    font-size: 1.5rem;
    line-height: 1.813rem
}

.user-media-page-header-empty__description {
    font-weight: 500;
    opacity: .6;
    margin-top: 20px;
    font-size: 1rem
}

.user-media-page-header-empty__action {
    font-weight: 700;
    margin-top: 24px;
    font-size: .938rem
}

.model-dc-sync-with-myclub {
    overflow-x: initial
}

.model-dc-sync-with-myclub .sync-with-myclub-modal {
    position: relative;
    color: #f8f8f8;
    padding: 32px 28px;
    text-align: left
}

@media screen and (max-width:424px) {
    .model-dc-sync-with-myclub .sync-with-myclub-modal {
        text-align: center
    }

    .model-dc-sync-with-myclub .sync-with-myclub-modal__controllers {
        flex-direction: column-reverse;
        align-items: center
    }
}

.model-dc-sync-with-myclub .sync-with-myclub-modal__title {
    font-weight: 700;
    font-size: 1.125rem
}

.model-dc-sync-with-myclub .sync-with-myclub-modal__controllers {
    display: flex;
    margin-top: 25px
}

.model-dc-sync-with-myclub .sync-with-myclub-modal__controllers button {
    margin-bottom: 0;
    font-weight: 700
}

.model-dc-sync-with-myclub .sync-with-myclub-modal__controllers button:first-child {
    margin-right: 16px
}

@media screen and (max-width:424px) {
    .model-dc-sync-with-myclub .sync-with-myclub-modal__controllers button:first-child {
        margin-right: 0;
        margin-top: 20px
    }
}

.model-dc-sync-with-myclub .sync-with-myclub-modal__link {
    position: absolute;
    left: 50%;
    top: 100%;
    transform: translateX(-50%);
    display: flex;
    justify-content: center;
    width: 100%;
    padding-top: 10px;
    text-decoration: underline
}

.photos-gallery-item-v2 {
    border-radius: 12px;
    flex-grow: 1;
    flex-basis: 1px;
    transform: translate(0, 0)
}

.photos-gallery-item-v2.selected.show-more .photos-gallery-item-v2__counter {
    background: linear-gradient(0deg, rgba(175, 38, 47, .5), rgba(175, 38, 47, .5)), linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000 100%), linear-gradient(0deg, rgba(38, 38, 38, .65), rgba(38, 38, 38, .85))
}

.photos-gallery-item-v2.show-more {
    position: relative
}

.photos-gallery-item-v2.show-more .photos-gallery-item-v2__counter {
    background: linear-gradient(0deg, rgba(38, 38, 38, .7), rgba(38, 38, 38, .7)), linear-gradient(180deg, rgba(0, 0, 0, 0) 53.95%, rgba(0, 0, 0, .85) 100%)
}

.photos-gallery-item-v2.show-more:hover img {
    filter: brightness(50%)
}

.photos-gallery-item-v2.plus {
    border-radius: 8px;
    border: 2px dashed rgba(255, 255, 255, .2);
    background: #222;
    color: rgba(255, 255, 255, .4);
    cursor: pointer;
    position: relative;
    transition: all 120ms ease-in-out 0s
}

.photos-gallery-item-v2.plus .icon {
    margin: 0;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%)
}

.photos-gallery-item-v2.plus:hover {
    border-color: rgba(255, 255, 255, .6);
    color: rgba(255, 255, 255, .9)
}

.photos-gallery-item-v2.plus.is-updating>.icon {
    display: none
}

.photos-gallery-item-v2.plus.selected::after {
    content: "";
    display: block;
    background-color: rgba(175, 38, 47, .5);
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.photos-gallery-item-v2__counter {
    z-index: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    font-weight: 500;
    color: rgba(248, 248, 248, .8);
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    font-size: 2.5rem
}

.photos-gallery-item-v2__see-more {
    text-transform: uppercase;
    text-underline-offset: 2px;
    text-decoration: underline;
    -webkit-text-decoration-color: rgba(255, 255, 255, .4);
    text-decoration-color: rgba(255, 255, 255, .4);
    margin-top: 12px;
    font-size: .875rem;
    line-height: 1.063rem
}

.photos-gallery-item-v2__image {
    position: absolute;
    top: 0;
    transition: transform .2s;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
    height: 100%
}

.photos-gallery-item-v2__image:hover {
    transform: scale3d(1.1, 1.1, 1)
}

.photos-gallery-item-v2.is-dragging {
    opacity: 0
}

.photos-gallery-item-v2.in-edit-mode {
    cursor: pointer;
    position: relative
}

.photos-gallery-item-v2.in-edit-mode:after {
    pointer-events: none;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 60.95%, rgba(0, 0, 0, .85) 100%);
    content: "";
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.photos-gallery-item-v2.in-edit-mode.selected:after {
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 60.95%, rgba(0, 0, 0, .85) 100%), linear-gradient(0deg, rgba(175, 38, 47, .5), rgba(175, 38, 47, .5))
}

.photos-gallery-item-v2__controls {
    justify-content: end;
    display: flex;
    padding: 11px;
    background: linear-gradient(245.99deg, rgba(0, 1, 0, .7) -1.46%, rgba(0, 0, 0, 0) 51%);
    z-index: 1;
    pointer-events: none;
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.photos-gallery-item-v2.selected .photos-gallery-item-v2__controls {
    background: 0 0
}

@media screen and (max-width:767px) {
    .photos-gallery-item-v2__counter {
        font-size: 1.5rem
    }

    .photos-gallery-item-v2__see-more {
        margin-top: 6px;
        font-size: .625rem;
        line-height: .75rem
    }
}

.photos-gallery-v2.gallery-access-restricted .photos-gallery-item-v2__image {
    filter: blur(5px)
}

.photos-gallery-v2.is-pending {
    opacity: .33;
    pointer-events: none
}

.photos-gallery-v2.is-edit-mode>ul li {
    transition: all .2s ease-in-out
}

.photos-gallery-v2 .photos-gallery-edit-button {
    position: absolute;
    right: 20px;
    top: 20px
}

.photos-gallery-list-v2 {
    display: grid;
    gap: 10px;
    grid-template-columns: repeat(var(--itemsInRowCount), auto)
}

.photos-gallery-list-v2>li {
    background-color: #292929;
    background-position: center center;
    background-size: cover;
    display: block;
    float: left;
    overflow: hidden;
    position: relative
}

.photos-gallery-list-v2>li.is-clickable {
    cursor: pointer
}

.photos-gallery-list-v2>li.should-be-deleted {
    box-shadow: inset 0 0 0 1000px rgba(0, 0, 0, .5)
}

.photos-gallery-list-v2>:before {
    content: "";
    display: block;
    padding-bottom: 100%
}

@media screen and (max-width:767px) {
    .photos-gallery-list-v2 {
        grid-template-columns: none;
        gap: 4px;
        grid-template: "a a b c" auto "a a d ." auto
    }

    .photos-gallery-list-v2>:nth-child(1) {
        grid-area: a
    }

    .photos-gallery-list-v2>:nth-child(2) {
        grid-area: b
    }

    .photos-gallery-list-v2>:nth-child(3) {
        grid-area: c
    }

    .photos-gallery-list-v2>:nth-child(4) {
        grid-area: d
    }

    .photos-gallery-list-v2--4-items-layout {
        grid-template: "a a b c" auto "a a d d" auto
    }

    .photos-gallery-list-v2--4-items-layout>:nth-child(4)::before {
        padding-bottom: 50%
    }

    .photos-gallery-list-v2--3-items-layout {
        grid-template: "a a b b" auto "a a c c" auto
    }

    .photos-gallery-list-v2--3-items-layout>:nth-child(2)::before,
    .photos-gallery-list-v2--3-items-layout>:nth-child(3)::before {
        padding-bottom: 50%
    }

    .photos-gallery-list-v2--2-items-layout {
        grid-template: "a b" auto
    }

    .photos-gallery-list-v2--1-items-layout {
        grid-template: "a a" auto
    }

    .photos-gallery-list-v2--1-items-layout>:nth-child(1)::before {
        padding-bottom: 50%
    }
}

.photos-gallery-list-v2__controls {
    display: flex;
    margin-top: 20px
}

.model-dc-sync-with-myclub {
    overflow-x: initial
}

.model-dc-sync-with-myclub .sync-with-myclub-modal {
    position: relative;
    color: #f8f8f8;
    padding: 32px 28px;
    text-align: left
}

@media screen and (max-width:424px) {
    .model-dc-sync-with-myclub .sync-with-myclub-modal {
        text-align: center
    }

    .model-dc-sync-with-myclub .sync-with-myclub-modal__controllers {
        flex-direction: column-reverse;
        align-items: center
    }
}

.model-dc-sync-with-myclub .sync-with-myclub-modal__title {
    font-weight: 700;
    font-size: 1.125rem
}

.model-dc-sync-with-myclub .sync-with-myclub-modal__controllers {
    display: flex;
    margin-top: 25px
}

.model-dc-sync-with-myclub .sync-with-myclub-modal__controllers button {
    margin-bottom: 0;
    font-weight: 700
}

.model-dc-sync-with-myclub .sync-with-myclub-modal__controllers button:first-child {
    margin-right: 16px
}

@media screen and (max-width:424px) {
    .model-dc-sync-with-myclub .sync-with-myclub-modal__controllers button:first-child {
        margin-right: 0;
        margin-top: 20px
    }
}

.model-dc-sync-with-myclub .sync-with-myclub-modal__link {
    position: absolute;
    left: 50%;
    top: 100%;
    transform: translateX(-50%);
    display: flex;
    justify-content: center;
    width: 100%;
    padding-top: 10px;
    text-decoration: underline
}

.user-photos-page__album {
    margin-bottom: 30px
}

.user-photos-page__album-more-button {
    margin-left: 6px
}

.user-photos-page__album-select-checkbox {
    margin-left: 12px;
    display: flex
}

.user-photos-page__album-loader {
    margin: 16px auto
}

.user-photos-page__album-name {
    display: inline;
    letter-spacing: inherit;
    font-weight: 400;
    font-size: 1.25rem
}

.user-photos-page__see-more {
    margin-top: 48px
}

.user-photos-page__pagination {
    margin-top: 48px
}

.user-photos-page__album-header {
    display: flex;
    align-items: center;
    color: rgba(255, 255, 255, .9);
    margin-bottom: 12px;
    line-height: 1.5rem
}

.user-photos-page__album-photos-count {
    margin-left: 10px;
    margin-right: 10px;
    color: rgba(255, 255, 255, .4);
    font-weight: 400;
    font-size: 1.25rem
}

@media screen and (max-width:1023px) {
    .user-photos-page__album-header {
        font-size: 1.063rem;
        line-height: 1.313rem
    }
}

.user-videos-page {
    margin-bottom: 80px
}

.user-videos-page .user-videos-page__video-list {
    grid-template-columns: repeat(auto-fill, minmax(250px, 1fr))
}

@media screen and (min-width:480px) and (max-width:639px) {
    .user-videos-page .user-videos-page__video-list {
        grid-template-columns: repeat(auto-fill, minmax(180px, 1fr))
    }
}

@media screen and (max-width:479px) {
    .user-videos-page .user-videos-page__video-list {
        grid-template-columns: repeat(2, minmax(140px, 1fr))
    }
}

.broadcast-schedule__header {
    display: flex;
    flex-direction: column;
    width: 100%
}

.broadcast-schedule__title-container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 16px;
    height: 22px;
    color: #f8f8f8;
    font-weight: 500;
    font-size: 1.125rem;
    line-height: 1.375rem
}

.broadcast-schedule__title {
    display: flex;
    align-items: center
}

.broadcast-schedule__title-icon {
    margin-right: 10px;
    fill: #f8f8f8
}

.broadcast-schedule__header-actions {
    display: flex;
    align-items: center
}

.broadcast-schedule__header-switch {
    margin: 0 !important
}

.broadcast-schedule__header-arrow {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 20px;
    height: 30px;
    width: 30px;
    color: #676767 !important;
    cursor: pointer;
    transition: transform .5s;
    transform-origin: center center
}

.broadcast-schedule__header-arrow:hover {
    color: #f8f8f8 !important
}

.broadcast-schedule__header-arrow svg {
    margin: 0
}

.broadcast-schedule__header-arrow--active {
    transform: rotate(180deg)
}

.broadcast-schedule__header-description {
    color: #f8f8f8;
    font-weight: 400;
    font-size: .813rem;
    line-height: 1.125rem
}

.broadcast-schedule_timezone-link {
    color: rgba(248, 248, 248, .6);
    text-decoration: underline
}

.broadcast-schedule_timezone-link:hover {
    color: rgba(248, 248, 248, .8)
}

.broadcast-schedule__settings-block {
    position: relative;
    margin-bottom: 20px;
    padding: 25px 20px;
    background-color: #262626;
    border-radius: 4px
}

.broadcast-schedule__form {
    margin-top: 16px
}

.broadcast-schedule__form--hidden {
    display: none
}

.broadcast-schedule__form--disabled {
    opacity: .4;
    pointer-events: none;
    cursor: default
}

.broadcast-schedule__form--loading {
    pointer-events: none;
    cursor: default
}

.broadcast-schedule__form--loading .schedule-form-day {
    opacity: 0
}

.user-list-item {
    position: relative
}

.user-list-item .item-image-container {
    position: relative
}

.user-list-item.selected .user-list-item-avatar-wrapper:after {
    background-color: red;
    border: 1em solid transparent;
    border-radius: 50%;
    bottom: 5px;
    content: "";
    display: block;
    left: 5px;
    opacity: .5;
    position: absolute;
    right: 5px;
    top: 5px
}

.user-list-item input.checkbox.theme-primary.user-list-item-checkbox-input+label,
.user-list-item input.checkbox.theme-primary.user-list-item-checkbox-input+label:hover {
    border-color: #f8f8f8
}

.user-list-item input.checkbox.theme-primary.user-list-item-checkbox-input:checked+label {
    background-color: #f8f8f8
}

.user-list-item-checkbox-label {
    position: absolute;
    top: -3px;
    right: 3px
}

.loading-list {
    background-color: rgba(29, 29, 29, .7);
    padding: 20px;
    text-align: left;
    border-radius: 4px
}

.loading-list:not(.scrollable) {
    padding-bottom: 0 !important
}

.loading-list .list-header-title {
    font-weight: 400;
    font-size: 1.125rem
}

.loading-list .list-header {
    position: relative
}

.loading-list .list-header h2,
.loading-list .list-header h3 {
    display: inline;
    margin-bottom: 0
}

.loading-list .list-items-container {
    display: flex;
    flex-wrap: wrap;
    margin-top: 20px;
    min-height: 170px;
    position: relative
}

.loading-list .list-items-container::after {
    clear: both;
    content: "";
    display: table
}

.loading-list .list-items-container .list-item {
    color: #fff;
    margin-bottom: 20px;
    margin-right: 20px;
    min-height: 110px;
    overflow: hidden;
    position: relative;
    text-align: center;
    width: 110px
}

.loading-list .list-items-container .list-item>a {
    color: #fff;
    display: inline-block
}

.loading-list .list-items-container .list-item>a:active,
.loading-list .list-items-container .list-item>a:focus,
.loading-list .list-items-container .list-item>a:hover {
    text-decoration: none
}

.loading-list .list-items-container .list-item .item-image-container {
    display: inline-block;
    overflow: hidden;
    position: relative;
    width: 110px
}

.loading-list .list-items-container .list-item .item-image-container .avatar,
.loading-list .list-items-container .list-item .item-image-container .item-image {
    height: 110px;
    position: relative;
    width: 110px
}

.loading-list .list-items-container .list-item .item-image-container .item-image {
    overflow: hidden
}

.loading-list .list-items-container .list-item .item-image-container .text {
    color: #fff;
    display: inline-block;
    font-weight: 700;
    line-height: 1rem;
    padding: 0;
    text-align: center;
    vertical-align: middle;
    width: 100%;
    font-size: .75rem
}

.loading-list .list-items-container .list-item .caption {
    display: block;
    font-weight: 700;
    line-height: 20px;
    max-width: 110px;
    overflow: hidden;
    word-wrap: break-word;
    font-size: .75rem
}

.loading-list .list-items-container .list-item.empty .item-image {
    background-color: #292929;
    border-radius: 100%;
    display: inline-block;
    height: 110px;
    line-height: 110px;
    overflow: hidden;
    position: relative;
    width: 110px
}

.loading-list .list-items-container .list-item.empty .item-image .icon {
    fill: #f8f8f8;
    margin: 0;
    opacity: .6
}

.loading-list .list-items-container .list-item.empty:hover .icon {
    opacity: 1
}

.loading-list .list-items-container .list-item .item-image:after {
    cursor: pointer;
    bottom: 0;
    content: " ";
    display: block;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.loading-list .list-items-container .list-item.selected .item-image:after {
    background: rgba(121, 148, 61, .7)
}

.loading-list .list-items-container .list-item.list-item-stub {
    height: 110px
}

.loading-list.is-empty .empty-text {
    color: #8d8d8d;
    display: block;
    margin: 80px;
    text-align: center;
    width: 100%
}

.loading-list.is-pending .list-items-container {
    opacity: .5;
    pointer-events: none
}

.user-list-edit-button {
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1
}

.knights {
    margin-top: 10px
}

.knights>.edit-button {
    position: absolute;
    right: 10px;
    top: 10px
}

.knights .knights-list {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    max-height: 300px;
    position: relative
}

.knights .knights-list>.knight {
    color: #fff;
    display: inline-block;
    margin: 10px;
    position: relative;
    vertical-align: top
}

.knights .knights-list>.knight:hover {
    color: #fff
}

.knights .knights-list>.knight .username {
    font-weight: 700;
    margin-top: 5px;
    text-align: center;
    font-size: .75rem
}

.knights .knights-list>.knight .close {
    cursor: pointer;
    position: absolute;
    right: 0;
    top: 0
}

.knights .knights-list>.knight .close .icon {
    fill: #474747;
    margin: 0
}

.knights .knights-list>.knight .close:hover .icon {
    fill: #7a7a7a
}

.knights .knights-list>.knight.deleted .avatar {
    opacity: .75
}

.knights .knights-list p.empty {
    color: #8d8d8d;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%)
}

.profile-tip-menu {
    background-color: #222;
    border-radius: 4px
}

.profile-tip-menu__header {
    align-items: center;
    display: flex;
    padding: 15px 15px 10px
}

.profile-tip-menu__header-text {
    color: #fff;
    font-size: 18px;
    font-weight: 400;
    margin: 0
}

.profile-tip-menu__header-icon {
    fill: #ff414f;
    height: 22px;
    margin-right: 7px;
    width: 22px
}

.profile-tip-menu__activities {
    font-size: 13px;
    font-weight: 500;
    letter-spacing: normal;
    line-height: normal;
    color: #f8f8f8;
    margin: 0;
    overflow: hidden;
    padding: 0 15px 25px 0;
    position: relative
}

.profile-tip-menu__activities--shadow-bottom:after,
.profile-tip-menu__activities--shadow-top:before {
    animation: opacity-fade-show .2s;
    background: linear-gradient(to top, rgba(34, 34, 34, 0) 0%, #222 90%, #222 100%);
    content: "";
    height: 95px;
    pointer-events: none;
    position: absolute;
    width: 100%;
    z-index: 1
}

.profile-tip-menu__activities:before {
    top: 0
}

.profile-tip-menu__activities:after {
    bottom: 25px;
    transform: rotate(180deg)
}

.profile-tip-menu__scroll-container {
    display: flex;
    flex-direction: column;
    max-height: 464px;
    padding: 0 20px 0 30px
}

.profile-tip-menu__activity-wrapper {
    padding: 0 10px
}

.profile-tip-menu__activity-wrapper:not(:first-child) {
    margin-top: -1px;
    padding-top: 1px
}

@media (hover:hover) {
    .profile-tip-menu__activity-wrapper--interactive {
        border-radius: 4px;
        cursor: pointer;
        transition: background-color .2s
    }

    .profile-tip-menu__activity-wrapper--interactive:hover {
        background-color: rgba(248, 248, 248, .08)
    }
}

.profile-tip-menu__activity {
    align-items: center;
    border-bottom: 1px solid rgba(255, 255, 255, .07);
    box-sizing: content-box;
    display: flex;
    height: 30px;
    justify-content: space-between
}

.profile-tip-menu__activity--last {
    border-bottom-width: 0
}

.profile-tip-menu__show-more {
    display: none
}

@media screen and (max-width:1023px) {
    .profile-tip-menu__activities {
        padding: 0 0 7px
    }

    .profile-tip-menu__activities:after,
    .profile-tip-menu__activities:before {
        display: none
    }

    .profile-tip-menu__activities--collapsed {
        padding-bottom: 0
    }

    .profile-tip-menu__scroll-container {
        max-height: none;
        padding: 0
    }

    .profile-tip-menu__activity-wrapper {
        padding: 0 25px
    }

    .profile-tip-menu__activity-wrapper:hover {
        background: 0 0
    }

    .profile-tip-menu__activities--collapsed .profile-tip-menu__activity-wrapper:nth-child(n+15) {
        display: none
    }

    .profile-tip-menu__show-more {
        background-color: transparent;
        border: 0;
        color: #fff;
        cursor: pointer;
        display: block;
        line-height: 44px;
        padding: 0;
        text-align: center;
        text-transform: uppercase;
        width: 100%
    }

    .profile-tip-menu__chevron {
        height: 12px;
        margin: 0 0 0 7px;
        transform: translateY(-1px);
        width: 7px
    }
}

.albums-gallery-root-v2 .albums-list {
    grid-auto-rows: 0px;
    overflow: hidden;
    grid-template-rows: repeat(3, auto);
    gap: 0 10px;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    animation: opacity-fade-show .5s;
    margin: 0
}

.albums-gallery-root-v2 .albums-list-item {
    padding-bottom: 10px;
    position: relative
}

.albums-gallery-root-v2 .album {
    border-radius: 12px;
    overflow: hidden;
    position: relative;
    transition: box-shadow .4s;
    transform: translate(0, 0)
}

.albums-gallery-root-v2 .album::before {
    z-index: 1;
    pointer-events: none;
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 53.95%, rgba(0, 0, 0, .85) 100%)
}

.albums-gallery-root-v2 .album:hover {
    box-shadow: 0 0 20px rgba(0, 0, 0, .6);
    cursor: pointer
}

.albums-gallery-root-v2 .album::after {
    content: " ";
    display: block;
    padding-bottom: 100%;
    pointer-events: none
}

.albums-gallery-root-v2 .album .album-in-edit-mode-overlay {
    background: linear-gradient(245.99deg, rgba(0, 0, 0, .7) -.46%, rgba(0, 0, 0, 0) 100%);
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 1
}

.albums-gallery-root-v2 .album .album-in-edit-mode-overlay.selected {
    background: linear-gradient(0deg, rgba(175, 38, 47, .5), rgba(175, 38, 47, .5))
}

.albums-gallery-root-v2 .album.empty {
    align-items: center;
    justify-content: center;
    display: flex;
    flex-direction: row
}

.albums-gallery-root-v2 .album-img {
    -o-object-fit: cover;
    object-fit: cover;
    transition: transform .2s;
    position: absolute;
    width: 100%;
    height: 100%
}

.albums-gallery-root-v2 .album-img:hover {
    transform: scale3d(1.1, 1.1, 1)
}

.albums-gallery-root-v2 .album-img-restricted {
    filter: blur(5px)
}

.albums-gallery-root-v2 .album-img-empty {
    align-items: center;
    height: 100%;
    justify-content: center;
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    flex: 1;
    flex-basis: auto;
    flex-grow: 1;
    flex-shrink: 1;
    display: flex;
    flex-direction: row
}

.albums-gallery-root-v2 .album-img-empty .icon {
    fill: #fff;
    margin: 0;
    opacity: .3;
    transition: transform .2s
}

.albums-gallery-root-v2 .album-img-empty:hover .icon {
    transform: scale(1.1)
}

.albums-gallery-root-v2 .album-footer {
    bottom: 0;
    color: #fff;
    left: 0;
    padding: 9px 10px;
    pointer-events: none;
    position: absolute;
    right: 0;
    transform: translateZ(0);
    z-index: 10;
    align-items: flex-end;
    display: flex;
    flex-direction: row;
    font-size: .75rem
}

.albums-gallery-root-v2 .album-footer .album-name {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    flex: 1;
    flex-basis: auto;
    flex-grow: 1;
    flex-shrink: 1;
    font-size: .813rem
}

.albums-gallery-root-v2 .album-footer .album-photos-count {
    margin-left: 10px;
    font-weight: 700;
    color: #fff;
    font-size: .938rem;
    line-height: 1.125rem
}

.albums-gallery-root-v2 .album-creator {
    border-radius: 8px;
    border: 2px dashed rgba(255, 255, 255, .2);
    background: #222;
    color: rgba(255, 255, 255, .4);
    padding-bottom: calc(100% - 4px);
    position: relative;
    font-size: .75rem;
    transition: all 120ms ease-in-out 0s
}

.albums-gallery-root-v2 .album-creator .icon {
    margin: 0 0 20px
}

.albums-gallery-root-v2 .album-creator:hover {
    border-color: rgba(255, 255, 255, .6);
    color: rgba(255, 255, 255, .9);
    cursor: pointer
}

.albums-gallery-root-v2 .album-creator-content {
    align-items: center;
    justify-content: center;
    text-align: center;
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    display: flex;
    flex-direction: column
}

.albums-gallery-root-v2 .album-controls {
    display: flex;
    align-items: center;
    position: absolute;
    height: 32px;
    padding-right: 6px;
    right: 0;
    top: 0;
    z-index: 20
}

.albums-gallery-root-v2 .control-icon-wrapper {
    cursor: pointer;
    line-height: 0;
    padding-right: 9px
}

.albums-gallery-root-v2 .control-icon-wrapper .icon {
    fill: #f8f8f8;
    margin: 0
}

.albums-gallery-root-v2 .control-icon-wrapper:not(:last-child) {
    margin-right: 14px
}

.albums-gallery-root-v2 .albums-gallery-edit-button {
    position: absolute;
    right: 20px;
    top: 20px
}

.albums-gallery-root-v2.edit-mode .album {
    cursor: default;
    height: 100%
}

.albums-gallery-root-v2.edit-mode .album-img {
    transform: none;
    transition: none
}

.albums-gallery-root-v2.edit-mode .album-img-empty .icon {
    transform: none;
    transition: none
}

.albums-gallery-root-v2 .likes-counter-wrapper {
    cursor: pointer;
    margin-top: 8px;
    margin-bottom: 7px;
    display: inline-block
}

@media screen and (max-width:767px) {
    .albums-gallery-root-v2 .albums-list {
        gap: 0 4px
    }

    .albums-gallery-root-v2 .albums-list-item {
        padding-bottom: 4px
    }
}

@media screen and (min-width:640px) and (max-width:1023px) {
    .albums-gallery-root-v2 .albums-list {
        grid-template-rows: repeat(2, auto);
        grid-template-columns: repeat(4, 1fr)
    }
}

@media screen and (max-width:479px) {
    .albums-gallery-root-v2 .albums-list {
        grid-template-rows: repeat(3, auto);
        grid-template-columns: repeat(2, 1fr)
    }
}

.allow-using-content-indicator {
    display: inline-block;
    margin: 0 6px
}

.allow-using-content-indicator .icon {
    margin: 0;
    fill: #67a52c
}

.profile-media-panel-wrapper .edit-button button {
    opacity: 1
}

.profile-media-panel-wrapper__see-all-top {
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    display: flex;
    align-items: center;
    color: rgba(0, 0, 0, .9);
    height: 25px;
    padding: 0 12px;
    background: rgba(248, 248, 248, .8);
    border: 0;
    border-radius: 90px;
    text-transform: capitalize
}

.profile-media-panel-wrapper__see-all-top .icon {
    height: 11px;
    width: 9px;
    margin-right: 0;
    margin-left: 7px
}

.profile-media-panel-wrapper__see-all-bottom {
    margin-top: 10px;
    height: 40px;
    width: 100%;
    text-transform: capitalize;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 500;
    background: #61922f;
    font-size: .875rem
}

.profile-media-panel-wrapper__see-all-bottom:hover {
    background-color: #82c043;
    color: #f8f8f8
}

.profile-media-panel-wrapper__header {
    align-items: center;
    justify-content: space-between;
    margin: 0 0 15px;
    display: flex;
    flex-direction: row
}

.profile-media-panel-wrapper__header h2 {
    height: 20px
}

.profile-media-panel-wrapper__header .btn {
    margin: 0
}

.profile-media-panel-wrapper__header-text {
    color: rgba(255, 255, 255, .9);
    font-size: 1.25rem !important;
    font-weight: 400;
    height: 20px;
    display: inline-block;
    line-height: 1.5rem
}

.profile-media-panel-wrapper__header-text h2,
.profile-media-panel-wrapper__header-text h3 {
    display: inline;
    font-size: 1.25rem !important
}

.profile-media-panel-wrapper__count {
    margin-left: 10px;
    opacity: .5
}

.profile-media-panel-wrapper .edit-button {
    height: 20px
}

@media screen and (min-width:640px) and (max-width:1023px) {
    .profile-media-panel-wrapper__videos-list {
        grid-auto-rows: 0px;
        overflow: hidden;
        grid-template-rows: repeat(2, auto);
        grid-template-columns: repeat(3, minmax(150px, 1fr))
    }
}

@media screen and (max-width:479px) {
    .profile-media-panel-wrapper__videos-list {
        grid-template-columns: repeat(1, minmax(150px, 1fr))
    }
}

.collapse-section {
    border-bottom: 1px solid rgba(248, 248, 248, .08)
}

.collapse-section-header {
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    align-items: center;
    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;
    transition: transform .15s ease-in-out;
    padding: 2px
}

.collapse-section-icon-close-collapsed {
    transform: rotate(180deg)
}

.collapse-section-content {
    padding: 10px 0 20px 0;
    transition: padding .15s ease-in-out;
    font-size: .75rem;
    line-height: 1rem
}

.collapse-section-content-collapsed {
    height: 0;
    padding: 0;
    opacity: 0;
    overflow: hidden
}

.epic-goals.epic-goals--reached {
    background-color: #361961
}

.epic-goals .epic-goals__header {
    align-items: center;
    display: flex;
    justify-content: space-between;
    margin-bottom: 15px
}

.epic-goals .epic-goals__header-title {
    display: flex
}

.epic-goals .epic-goals__header-title .tooltip-info {
    margin-left: 10px;
    margin-top: -1px
}

.epic-goals .epic-goals__header-title-tooltip {
    font-weight: 500
}

.epic-goals .epic-goals__tooltip-br {
    margin-bottom: 10px
}

.epic-goals .epic-goals__header-actions {
    align-items: baseline;
    display: flex;
    justify-content: flex-end;
    position: relative
}

.epic-goals .epic-goals__edit-button {
    background: 0 0;
    border: none;
    cursor: pointer;
    padding: 8px;
    transition: all ease .25s
}

.epic-goals .epic-goals__edit-button .icon {
    fill: #6e6e6e;
    margin: 0
}

.epic-goals .epic-goals__edit-button:hover .icon {
    fill: rgba(175, 38, 47, .9)
}

.epic-goals .epic-goals__more-button {
    background: 0 0;
    border-radius: 4px;
    border: none;
    cursor: pointer;
    padding: 8px 10px;
    transition: all ease .25s
}

.epic-goals .epic-goals__more-button .icon {
    color: rgba(110, 110, 110, .8);
    margin: 0
}

.epic-goals .epic-goals__more-button.epic-goals__more-button--opened,
.epic-goals .epic-goals__more-button:hover {
    background: rgba(248, 248, 248, .1)
}

.epic-goals .dropdown-wrapper {
    width: 145px
}

.epic-goals .dropdown-wrapper .background-strong.dropdown-content {
    background: #3e3f42;
    padding: 5px 0
}

.epic-goals .dropdown-wrapper .background-strong.dropdown-content:after {
    border-color: #3e3f42
}

.epic-goals .dropdown-wrapper hr {
    background-color: #b9b9b9;
    margin: 10px;
    opacity: .6
}

.epic-goals .dropdown-wrapper button {
    align-items: center;
    background: 0 0;
    border: none;
    color: rgba(248, 248, 248, .6);
    cursor: pointer;
    display: flex;
    padding: 7px 22px 7px 15px;
    transition: all ease .25s;
    width: 145px
}

.epic-goals .dropdown-wrapper button .icon {
    fill: rgba(248, 248, 248, .6);
    margin-right: 10px
}

.epic-goals .dropdown-wrapper button:hover {
    background: rgba(0, 0, 0, .2);
    color: #fff
}

.epic-goals .epic-goals__body.epic-goals__body--disabled .epic-goal-viewer {
    opacity: .4
}

.epic-goal-viewer {
    transition: opacity ease .25s
}

.epic-goal-viewer .epic-goal-viewer__current-goal {
    align-items: center;
    display: flex;
    justify-content: space-between;
    margin-bottom: 12px
}

.epic-goal-viewer .epic-goal-viewer__goal-title {
    color: #d5a6ff;
    font-weight: 700;
    font-size: 1.125rem
}

.epic-goal-viewer .epic-goal-viewer__tips-count {
    color: #f8f8f8;
    display: none;
    font-size: .813rem
}

.epic-goal-viewer .epic-goal-viewer__actions {
    align-items: baseline;
    display: flex;
    justify-content: flex-end;
    margin-top: 16px
}

.epic-goal-viewer .epic-goal-viewer__actions .epic-goal-viewer__tips-count {
    display: block
}

.epic-goal-viewer .epic-goal-tip-button {
    margin: 0 0 0 20px
}

.epic-goal-viewer.epic-goal-viewer--model .epic-goal-viewer__current-goal .epic-goal-viewer__tips-count {
    display: block
}

.epic-goal-viewer.epic-goal-viewer--model .epic-goal-viewer__actions .epic-goal-viewer__tips-count {
    display: none
}

@media screen and (max-width:639px) {
    .epic-goal-viewer .epic-goal-viewer__actions {
        align-items: center;
        flex-direction: column;
        margin-top: 16px
    }

    .epic-goal-viewer .epic-goal-viewer__actions .epic-goal-viewer__tips-count {
        display: block;
        margin-right: 0
    }

    .epic-goal-viewer .epic-goal-viewer__actions .epic-goal-tip-button {
        display: block;
        margin: 16px 0 0;
        width: 100%
    }

    .epic-goal-viewer.epic-goal-viewer--model .epic-goal-viewer__current-goal .epic-goal-viewer__tips-count {
        display: none
    }

    .epic-goal-viewer.epic-goal-viewer--model .epic-goal-viewer__actions .epic-goal-viewer__tips-count {
        display: block;
        margin-right: 0
    }
}

.achieved-epic-goals {
    border-bottom: none;
    border-top: 1px solid rgba(248, 248, 248, .2);
    margin-top: 16px
}

.achieved-epic-goals .achieved-epic-goals__item {
    align-items: center;
    display: flex;
    justify-content: space-between;
    margin-top: 12px
}

.achieved-epic-goals .achieved-epic-goals__item:first-child {
    margin-top: 0
}

.achieved-epic-goals .achieved-epic-goals__left-side {
    display: flex
}

.achieved-epic-goals .achieved-epic-goals__title {
    color: #d5a6ff;
    font-weight: 700;
    font-size: .938rem
}

.achieved-epic-goals .achieved-epic-goals__title::after {
    color: #6e6e6e;
    content: "•";
    display: inline-block;
    margin: 0 8px;
    font-size: .688rem
}

.achieved-epic-goals .achieved-epic-goals__tokens {
    color: #f8f8f8;
    font-size: .813rem
}

.achieved-epic-goals .achieved-epic-goals__tokens::after {
    color: #6e6e6e;
    content: "•";
    display: inline-block;
    margin: 0 8px;
    font-size: .688rem
}

.achieved-epic-goals .achieved-epic-goals__users {
    color: #f8f8f8;
    font-size: .813rem
}

.achieved-epic-goals .achieved-epic-goals__delete-button {
    background: 0 0;
    border: none;
    cursor: pointer;
    padding: 2px;
    transition: opacity ease .25s
}

.achieved-epic-goals .achieved-epic-goals__delete-button .icon {
    fill: #6e6e6e;
    margin: 0
}

.achieved-epic-goals .achieved-epic-goals__delete-button:hover {
    opacity: .6
}

@media screen and (max-width:639px) {
    .achieved-epic-goals .achieved-epic-goals__item {
        margin-top: 20px
    }

    .achieved-epic-goals .achieved-epic-goals__left-side {
        flex-wrap: wrap
    }

    .achieved-epic-goals .achieved-epic-goals__title {
        flex: 0 0 100%;
        margin-bottom: 10px
    }

    .achieved-epic-goals .achieved-epic-goals__title:after {
        display: none
    }
}

.epic-goal-editor {
    margin-top: 20px
}

.epic-goal-editor .epic-goal-editor__description {
    margin-bottom: 20px;
    font-size: .813rem
}

@media screen and (max-width:639px) {
    .epic-goal-editor .epic-goal-editor__description {
        margin-bottom: 10px
    }
}

.epic-goal-editor .epic-goal-editor__fields {
    display: flex;
    width: 100%
}

.epic-goal-editor .epic-goal-editor__title {
    margin-right: 20px;
    width: 80%
}

@media screen and (max-width:639px) {
    .epic-goal-editor .epic-goal-editor__title {
        margin-right: 10px;
        width: 67%
    }
}

.epic-goal-editor .epic-goal-editor__tokens {
    width: 20%
}

@media screen and (max-width:639px) {
    .epic-goal-editor .epic-goal-editor__tokens {
        width: 33%
    }
}

.epic-goal-editor .epic-goal-editor__actions {
    display: flex;
    justify-content: space-between;
    margin-top: 20px
}

.epic-goal-editor .epic-goal-editor__actions .btn {
    margin-bottom: 0
}

.epic-goal-editor .epic-goal-editor__delete-button {
    align-items: center;
    background: 0 0;
    border: none;
    display: flex;
    padding: 0
}

.epic-goal-editor .epic-goal-editor__delete-button .icon {
    margin-bottom: 1px;
    margin-right: 7px
}

.epic-goal-editor .epic-goal-editor__delete-button:hover {
    background: 0 0
}

@media screen and (max-width:639px) {
    .epic-goal-editor .epic-goal-editor__delete-button .icon {
        margin-bottom: 0;
        margin-right: 0
    }

    .epic-goal-editor .epic-goal-editor__delete-button .button-title {
        display: none
    }
}

.edit-button {
    cursor: pointer
}

.edit-button .icon {
    fill: #6e6e6e
}

.edit-button:hover .icon {
    fill: rgba(175, 38, 47, .9)
}

.image-full-modal.image-full-modal {
    background-color: transparent
}

.image-full-modal.image-full-modal .image-full-modal__content {
    overflow-x: hidden
}

.image-full-wrapper {
    position: relative
}

.image-full {
    max-height: calc(100vh - 60px);
    max-width: calc(100vw - 40px);
    -o-object-fit: contain;
    object-fit: contain
}

.image-full-external-link-modifier {
    margin-bottom: 48px;
    max-height: calc(100vh - 60px - 48px)
}

.image-full-external-link {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    flex-wrap: nowrap;
    position: absolute;
    bottom: 0px;
    left: 50%;
    transform: translate(-50%, 0%);
    color: rgba(248, 248, 248, .6);
    width: 100%;
    height: 48px
}

.image-full-external-link:hover {
    color: #f8f8f8;
    text-decoration: none
}

.image-full-external-link-icon {
    margin: 0;
    margin-right: 8px
}

.image-with-preview-wrapper {
    position: relative;
    display: inline-block
}

.image-with-preview-wrapper:hover .image-with-preview-external-link {
    opacity: 1
}

@media (hover:hover) {
    .image-with-preview-wrapper .image-with-preview-external-link {
        opacity: 0
    }

    .image-with-preview-wrapper:hover .image-with-preview-external-link {
        opacity: 1
    }
}

@media (hover:none) {
    .image-with-preview-wrapper {
        cursor: initial
    }

    .image-with-preview-wrapper .image-with-preview-external-link {
        opacity: 1
    }
}

.image-with-preview {
    cursor: pointer;
    max-width: 100%;
    max-height: 100%
}

.image-with-preview-external-link {
    position: absolute;
    right: 10px;
    top: 10px;
    height: 32px;
    width: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #101010;
    border-radius: 4px;
    color: rgba(248, 248, 248, .6);
    opacity: 1
}

.image-with-preview-external-link:hover {
    color: #f8f8f8
}

.image-with-preview-external-link-icon {
    margin: 0
}

.profile-panels {
    display: flex;
    flex-direction: column
}

.profile-panels .profile-panels-header {
    align-items: center;
    background: #1a1a1a;
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px;
    min-height: 61px;
    padding: 20px
}

.profile-panels .profile-panels-header h2 {
    font-size: 18px;
    margin: 0
}

.profile-panels .profile-panels-header h2+.tooltip-info {
    margin-left: 10px;
    margin-right: auto
}

.profile-panels .profile-panels-header .edit-button {
    min-height: 37px;
    padding: 8px 0 8px 8px
}

.profile-panels .profile-panels-header .edit-button .btn {
    margin: 0
}

.profile-panels .profile-panels-header .loader {
    align-self: flex-end;
    min-height: 37px
}

.profile-panels .profile-panel-add {
    background: #1a1a1a;
    margin-bottom: 20px;
    padding: 20px
}

.profile-panels .profile-panel-add .profile-panel-add-btn {
    align-items: center;
    background: 0 0;
    border: 1px dashed rgba(255, 255, 255, .2);
    color: rgba(255, 255, 255, .4);
    cursor: pointer;
    display: flex;
    flex-direction: column;
    font-size: 12px;
    height: 100px;
    justify-content: center;
    outline: 0;
    padding: 0;
    width: 100%
}

.profile-panels .profile-panel-add .profile-panel-add-btn .icon {
    fill: rgba(255, 255, 255, .4);
    margin-bottom: 10px
}

.profile-panels .profile-panel-add .profile-panel-add-btn:hover {
    border-color: rgba(255, 255, 255, .6);
    color: rgba(255, 255, 255, .9)
}

.profile-panels .profile-panel-add .profile-panel-add-btn:hover .icon {
    fill: rgba(255, 255, 255, .9)
}

.profile-panels-grid {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -10px
}

.profile-panels-grid .profile-column {
    display: flex;
    flex: 1 1 50%;
    flex-direction: column;
    flex-wrap: nowrap;
    padding: 0 10px;
    position: relative
}

.profile-panels-grid .profile-column:nth-child(odd) {
    align-items: flex-end
}

.profile-panels-grid .profile-panel-wrapper {
    margin-bottom: 20px;
    width: 100%
}

.profile-panels-grid .profile-panel-wrapper:last-child {
    margin-bottom: 0
}

.profile-panels-grid .profile-panel-wrapper.dragging:not(.alone) {
    display: none
}

.profile-panels-grid .profile-panel-wrapper.new {
    min-height: 400px
}

.profile-panels-grid .profile-panel {
    position: relative;
    width: 100%
}

.profile-panels-grid .profile-panel .panel-controls {
    display: flex;
    position: absolute;
    right: 10px;
    top: 10px;
    z-index: 10
}

.profile-panels-grid .profile-panel .profile-panel-bg {
    background-color: #1a1a1a;
    border: 1px solid transparent;
    border-radius: 4px;
    overflow: hidden
}

.profile-panels-grid .profile-panel.edit-mode:hover {
    cursor: grab
}

.profile-panels-grid .profile-panel.dropzone {
    opacity: .5
}

.profile-panels-grid .profile-panel-restore-overlay {
    background-color: rgba(0, 0, 0, .5);
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 40;
    align-items: center;
    justify-content: center;
    display: flex;
    flex-direction: row
}

.profile-panels-grid .profile-panel-restore-overlay .restore-button {
    height: 21px;
    line-height: 21px
}

.profile-panels-grid .profile-panel-title {
    color: rgba(255, 255, 255, .9);
    font-size: 18px;
    font-weight: 700;
    padding: 20px
}

.profile-panels-grid .profile-panel-image {
    display: block;
    position: relative
}

.profile-panels-grid .profile-panel-image .loader {
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%)
}

.profile-panels-grid .profile-panel-body {
    color: rgba(255, 255, 255, .8);
    font-size: 13px;
    line-height: 20px;
    padding: 20px;
    white-space: pre-wrap;
    word-break: break-word
}

.profile-panels-grid .profile-panel-title+.profile-panel-body {
    padding-top: 0
}

.profile-panels-grid .profile-panel-dropzone.bottom .profile-panel:not(.dragging) {
    margin-top: 20px
}

.profile-panels-grid .profile-panel-dropzone.top .profile-panel:not(.dragging) {
    margin-bottom: 20px
}

.profile-panels-grid .control-icon-wrapper {
    background-color: rgba(0, 0, 0, .5);
    border-radius: 4px;
    cursor: pointer;
    margin-left: 10px;
    padding: 9px
}

.profile-panels-grid .control-icon-wrapper .icon {
    color: rgba(255, 255, 255, .8);
    fill: rgba(255, 255, 255, .8);
    margin: 0
}

.profile-panels-grid .control-icon-wrapper:hover {
    background-color: rgba(0, 0, 0, .7)
}

.profile-panels-grid .control-icon-wrapper:hover .icon {
    color: #fff;
    fill: #fff
}

@media screen and (max-width:639px) {
    .profile-panels-grid .profile-column {
        flex-basis: 100%
    }

    .profile-panels-grid .profile-column:not(:last-child) {
        padding-bottom: 10px
    }
}

@media screen and (min-width:640px) {
    .profile-panels-grid .profile-column {
        flex-grow: 0
    }
}

@media screen and (max-width:1023px) {

    .profile-panels .profile-panel-add,
    .profile-panels .profile-panels-header {
        margin-bottom: 10px
    }

    .profile-panels-grid {
        margin: 0 -5px
    }

    .profile-panels-grid .profile-column {
        padding-left: 5px;
        padding-right: 5px
    }

    .profile-panels-grid .profile-panel-wrapper {
        margin-bottom: 10px
    }
}

.user-description>.user-description-header {
    margin-bottom: 20px
}

.user-description>.edit-button-container {
    position: relative
}

.user-description>.edit-button-container>.edit-button {
    position: absolute;
    right: 0;
    top: 0
}

.user-description>.edit-button-container>.loader {
    position: absolute;
    right: 0;
    top: 0;
    z-index: 9
}

.user-description>.textarea-container {
    position: relative
}

.user-description>.textarea-container .auto-size,
.user-description>.textarea-container 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: all 120ms ease-in-out 0s;
    width: 100%
}

.user-description>.textarea-container .auto-size::-moz-placeholder,
.user-description>.textarea-container textarea::-moz-placeholder {
    color: rgba(223, 223, 223, .6)
}

.user-description>.textarea-container .auto-size::placeholder,
.user-description>.textarea-container textarea::placeholder {
    color: rgba(223, 223, 223, .6)
}

.user-description>.textarea-container .auto-size:focus,
.user-description>.textarea-container 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)
}

.user-description>.textarea-container .auto-size.error,
.user-description>.textarea-container textarea.error {
    border: 1px solid #de5b64;
    color: #de5b64
}

.user-description>.textarea-container .auto-size.error:hover,
.user-description>.textarea-container textarea.error:hover {
    border: 1px solid #d5444e;
    color: #d5444e
}

.user-description>.textarea-container .auto-size.error:active,
.user-description>.textarea-container .auto-size.error:focus,
.user-description>.textarea-container textarea.error:active,
.user-description>.textarea-container 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
}

.user-description>.textarea-container textarea {
    height: 100%;
    overflow: hidden;
    resize: none
}

.user-description>.textarea-container .auto-size {
    height: auto;
    visibility: hidden
}

.user-description>.textarea-container>.textarea-wrapper {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    border-radius: 4px
}

.user-description>.description-text,
.user-description>.textarea-container .auto-size,
.user-description>.textarea-container textarea {
    overflow: hidden;
    white-space: pre-wrap;
    word-wrap: break-word
}

.user-description.pending {
    opacity: .33
}

.albums-gallery-root .albums-list {
    animation: opacity-fade-show .5s;
    flex-wrap: wrap;
    margin: 0;
    display: flex;
    flex-direction: row
}

.albums-gallery-root .albums-list-item {
    padding: 5px;
    position: relative;
    flex-basis: 33.3333%;
    max-width: 33.3333%
}

.albums-gallery-root .album {
    overflow: hidden;
    position: relative;
    transition: box-shadow .4s
}

.albums-gallery-root .album:hover {
    box-shadow: 0 0 20px rgba(0, 0, 0, .6);
    cursor: pointer
}

.albums-gallery-root .album::after {
    content: " ";
    display: block;
    padding-bottom: 100%;
    pointer-events: none
}

.albums-gallery-root .album .album-in-edit-mode-overlay {
    background: linear-gradient(245.99deg, rgba(0, 0, 0, .7) -.46%, rgba(0, 0, 0, 0) 100%);
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 1
}

.albums-gallery-root .album .album-in-edit-mode-overlay.selected {
    background: linear-gradient(0deg, rgba(175, 38, 47, .5), rgba(175, 38, 47, .5))
}

.albums-gallery-root .album.empty {
    align-items: center;
    justify-content: center;
    display: flex;
    flex-direction: row
}

.albums-gallery-root .album-access-mode {
    background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, .2), rgba(0, 0, 0, .8));
    color: #fff;
    line-height: 1rem;
    z-index: 1
}

.albums-gallery-root .album-access-mode.owner {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    font-size: .75rem
}

.albums-gallery-root .album-access-mode.owner .access-mode-shadow {
    background-color: rgba(0, 0, 0, .4);
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1
}

.albums-gallery-root .album-access-mode.owner .access-mode-content {
    overflow: hidden;
    padding-right: 10px;
    position: relative;
    text-overflow: ellipsis;
    white-space: nowrap;
    z-index: 1
}

.albums-gallery-root .album-access-mode.owner .icon {
    fill: #f8f8f8;
    height: 14px;
    margin: 8px 8px 10px 10px;
    width: 14px
}

.albums-gallery-root .album-access-mode.viewer {
    height: 100%;
    left: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    width: 100%;
    font-size: .75rem
}

.albums-gallery-root .album-access-mode.viewer .icon {
    margin-bottom: 10px
}

.albums-gallery-root .album-access-mode.viewer .label-accent {
    font-weight: 700;
    font-size: .875rem
}

.albums-gallery-root .album-access-mode.viewer .access-mode-wrapper {
    align-items: center;
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: center;
    width: 100%
}

.albums-gallery-root .album-access-mode.viewer .access-mode-inner {
    margin: 0 auto 15px;
    max-width: 100px;
    text-align: center
}

.albums-gallery-root .album-access-mode.viewer .access-unlocked-icon {
    background: rgba(0, 0, 0, .5);
    border-radius: 10%;
    height: 22px;
    margin: 5px;
    position: relative;
    width: 22px;
    align-items: center;
    justify-content: center;
    display: flex;
    flex-direction: row
}

.albums-gallery-root .album-access-mode.viewer .access-unlocked-icon .icon {
    fill: #fff;
    height: 12px;
    margin: 0;
    width: 12px
}

.albums-gallery-root .album-access-mode.viewer .icon {
    fill: #fff;
    height: 40px;
    width: 40px
}

.albums-gallery-root .album-access-mode.viewer.paid .access-mode-wrapper .access-mode-inner {
    background: rgba(0, 0, 0, .2);
    border-radius: 6px;
    padding: 12px 15px 5px;
    text-align: center
}

.albums-gallery-root .album-access-mode.viewer.paid .access-mode-wrapper .icon {
    height: 16px;
    margin: 0 0 7px;
    width: 16px
}

.albums-gallery-root .album-access-mode.viewer.friends,
.albums-gallery-root .album-access-mode.viewer.verified {
    background-color: rgba(0, 0, 0, .2)
}

.albums-gallery-root .album-img {
    background-size: cover;
    background-position: center;
    transition: transform .2s;
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.albums-gallery-root .album-img:hover {
    transform: scale3d(1.1, 1.1, 1)
}

.albums-gallery-root .album-img-restricted {
    filter: blur(5px)
}

.albums-gallery-root .album-img-empty {
    align-items: center;
    height: 100%;
    justify-content: center;
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    flex: 1;
    flex-basis: auto;
    flex-grow: 1;
    flex-shrink: 1;
    display: flex;
    flex-direction: row
}

.albums-gallery-root .album-img-empty .icon {
    fill: #fff;
    margin: 0;
    opacity: .3;
    transition: transform .2s
}

.albums-gallery-root .album-img-empty:hover .icon {
    transform: scale(1.1)
}

.albums-gallery-root .album-footer {
    bottom: 0;
    color: #fff;
    left: 0;
    padding: 9px 10px;
    pointer-events: none;
    position: absolute;
    right: 0;
    transform: translateZ(0);
    z-index: 10;
    display: flex;
    flex-direction: row;
    font-size: .75rem
}

.albums-gallery-root .album-footer .album-name {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    flex: 1;
    flex-basis: auto;
    flex-grow: 1;
    flex-shrink: 1
}

.albums-gallery-root .album-footer .album-photos-count {
    margin-left: 10px;
    opacity: .6
}

.albums-gallery-root .album-creator {
    border: 1px dashed rgba(255, 255, 255, .2);
    padding-bottom: 100%;
    position: relative;
    transition: all 120ms ease-in-out 0s
}

.albums-gallery-root .album-creator:hover {
    border-color: rgba(255, 255, 255, .4);
    cursor: pointer
}

.albums-gallery-root .album-creator:hover .icon {
    opacity: .6
}

.albums-gallery-root .album-creator:hover .album-creator-text {
    text-decoration: underline
}

.albums-gallery-root .album-creator-content {
    align-items: center;
    justify-content: center;
    text-align: center;
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    display: flex;
    flex-direction: column
}

.albums-gallery-root .album-creator-content .icon {
    fill: #fff;
    margin: 0 0 20px;
    opacity: .3;
    transition: all 120ms ease-in-out 0s
}

.albums-gallery-root .album-creator-text {
    font-size: .75rem
}

.albums-gallery-root .album-controls {
    display: flex;
    position: absolute;
    right: 16px;
    top: 16px;
    z-index: 20
}

.albums-gallery-root .control-icon-wrapper {
    cursor: pointer;
    line-height: 0
}

.albums-gallery-root .control-icon-wrapper .icon {
    fill: #fff;
    margin: 0
}

.albums-gallery-root .control-icon-wrapper:not(:last-child) {
    margin-right: 14px
}

.albums-gallery-root .albums-gallery-edit-button {
    position: absolute;
    right: 20px;
    top: 20px
}

.albums-gallery-root.edit-mode .album {
    cursor: default;
    height: 100%
}

.albums-gallery-root.edit-mode .album-img {
    transform: none;
    transition: none
}

.albums-gallery-root.edit-mode .album-img-empty .icon {
    transform: none;
    transition: none
}

.albums-gallery-root .scroll-bar-container {
    margin: -5px;
    max-height: 500px
}

.albums-gallery-root .likes-counter-wrapper {
    cursor: pointer;
    margin-top: 8px;
    display: inline-block
}

@media screen and (max-width:479px) {
    .albums-gallery-root .albums-list-item {
        flex-basis: 50%;
        max-width: 50%
    }
}

@media screen and (min-width:480px) and (max-width:639px) {
    .albums-gallery-root .albums-list-item {
        flex-basis: 33.3333%;
        max-width: 33.3333%
    }
}

@media screen and (min-width:640px) and (max-width:1023px) {
    .albums-gallery-root .albums-list-item {
        flex-basis: 25%;
        max-width: 25%
    }
}

.user-kyc-photos-panel {
    color: rgba(248, 248, 248, .6);
    font-size: 13px;
    line-height: 19px
}

.user-kyc-photos-panel__verify-link {
    text-decoration: underline
}

.user-kyc-photos-panel__pending-icon {
    fill: #d19d00;
    height: 14px;
    margin-right: 0;
    vertical-align: text-top;
    width: 14px
}

.user-kyc-photos-panel__pending-icon-wrapper {
    position: relative;
    white-space: nowrap
}

.user-kyc-photos-panel__pending-em {
    color: #d19d00
}

.user-kyc-photos-panel__rejected-em {
    color: #f14b57
}

.user-kyc-photos-panel__rejected-link {
    color: #f14b57;
    text-decoration: underline
}

.user-kyc-photos-panel__rejected-link:hover {
    color: #f8f8f8
}

.user-kyc-photos-panel__messenger-info {
    align-items: center;
    display: flex;
    margin-top: 20px
}

.user-kyc-photos-panel__buy-tokens-link,
.user-kyc-photos-panel__levels-link,
.user-kyc-photos-panel__messenger-link {
    color: #f8f8f8
}

.user-kyc-photos-panel__messenger-icon {
    color: #f8f8f8;
    height: 18px;
    margin-left: 5px;
    margin-right: 0;
    vertical-align: top;
    width: 18px
}

.user-kyc-photos-panel__action {
    margin-top: 10px
}

.user-kyc-photos-panel__lock-icon {
    color: #f8f8f8;
    fill: #f8f8f8;
    margin-right: 12px
}

.user-gallery {
    scroll-margin-top: 150px
}

.user-gallery .user-gallery-header {
    align-items: center;
    justify-content: space-between;
    margin: 0 0 15px;
    display: flex;
    flex-direction: row
}

.user-gallery .user-gallery-header .btn {
    margin: 0
}

.user-gallery .user-gallery-crumb-root {
    cursor: pointer;
    display: inline-block
}

.user-gallery .user-gallery-crumb-root:hover {
    text-decoration: underline
}

.user-gallery .user-gallery-crumb-child {
    animation: opacity-fade-show .2s;
    color: rgba(255, 255, 255, .5);
    fill: rgba(255, 255, 255, .5)
}

.user-gallery .user-gallery-crumb-child .icon {
    margin: 0 10px;
    vertical-align: -2px
}

.user-gallery .edit-button {
    height: 20px
}

.user-gallery__kyc-panel {
    margin: 22px 0 17px
}

.ultimate-membership-tooltip {
    cursor: default
}

.ultimate-membership-tooltip.short {
    min-width: 260px
}

.ultimate-membership-tooltip.full {
    min-width: 310px
}

.ultimate-membership-tooltip .tooltip-inner {
    background: #111;
    border-color: #111;
    border-radius: 16px;
    overflow: hidden;
    padding: 30px;
    width: 100%
}

.ultimate-membership-tooltip .tooltip-arrow {
    border-bottom-color: #111 !important
}

.ultimate-membership-tooltip .tooltip-title {
    align-items: center;
    color: #eee;
    display: flex;
    margin-bottom: 20px
}

.ultimate-membership-tooltip .tooltip-title>div {
    color: #e54500;
    flex: 1 0 auto;
    font-weight: 700;
    text-align: left;
    font-size: .875rem
}

.ultimate-membership-tooltip .tooltip-title>div.ultimate-star {
    flex: 0 0 auto;
    margin-right: 12px;
    position: relative;
    width: 32px
}

.ultimate-membership-tooltip .ultimate-star-icon {
    background: url(/theme/stripchat/svg/iltimate-star.svg) no-repeat center;
    height: 32px;
    width: 32px;
    background-size: 100%
}

.ultimate-membership-tooltip .ultimate-star-glow-center {
    position: absolute;
    width: 20px;
    height: 20px;
    border-radius: 10px;
    box-shadow: 0 0 30px 20px rgba(255, 138, 0, .2);
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%)
}

.ultimate-membership-tooltip .tooltip-description {
    color: #fff;
    margin-bottom: 20px;
    font-size: .813rem
}

.ultimate-membership-tooltip hr {
    background: rgba(248, 248, 248, .2);
    margin: 20px 0
}

.ultimate-membership-tooltip .tooltip-second-title {
    color: #fff;
    margin-bottom: 20px;
    font-size: .813rem
}

.ultimate-membership-tooltip .tooltip-second-description {
    color: rgba(255, 255, 255, .6);
    margin-bottom: 20px;
    font-size: .75rem
}

.ultimate-membership-tooltip .ultimate-tooltip-list {
    margin-top: 20px;
    font-size: .75rem;
    line-height: 1.563rem
}

.ultimate-membership-tooltip .ultimate-tooltip-list li {
    background: 0 0 !important;
    border: none !important;
    margin-bottom: 0 !important;
    min-height: auto;
    padding: 0 0 0 22px;
    position: relative
}

.ultimate-membership-tooltip .ultimate-tooltip-list li::after {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='100' height='100' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M41.03 80.34L100 21.37 89.74 11.1 30.77 70.1 10.26 49.57 0 59.83l20.51 20.51L30.77 90.6z' fill='%2397ff53'/%3E%3C/svg%3E");
    background-size: 12px 12px;
    content: " ";
    height: 12px;
    left: 0;
    position: absolute;
    top: 3px;
    width: 12px
}

.ultimate-membership-tooltip .ultimate-tooltip-footer {
    margin: 6px 0 0;
    text-align: center
}

.ultimate-membership-tooltip .ultimate-tooltip-footer a {
    color: #fff
}

@media screen and (max-width:639px) {
    .ultimate-membership-tooltip {
        left: 20px !important;
        position: fixed !important;
        top: 20px !important
    }
}

.user-social-network-links__empty-hint {
    color: rgba(248, 248, 248, .4)
}

.user-social-network-links__empty-hint .icon {
    fill: currentColor;
    margin: 0 2px
}

.interest-item {
    align-items: center;
    background: #333;
    border-radius: 23px;
    border: 2px solid #333;
    box-sizing: border-box;
    color: #f8f8f8;
    display: inline-flex;
    font-weight: 500;
    height: 32px;
    margin-bottom: 6px;
    margin-right: 8px;
    margin-top: 6px;
    padding: 0 14px;
    transition: all ease .25s;
    font-size: .813rem
}

.interest-item--compact {
    height: 26px;
    margin-bottom: 4px;
    margin-top: 4px;
    padding: 0 10px
}

.interest-item--with-remove {
    padding: 0 4px 0 10px
}

.interest-item--disabled {
    cursor: not-allowed;
    opacity: .4
}

.interest-item--clickable:not(.interest-item--disabled) {
    cursor: pointer
}

.interest-item--clickable:not(.interest-item--disabled):hover {
    background: #464646;
    border: 2px solid #5b5b5b;
    text-decoration: none
}

.interest-item--active.interest-item--clickable {
    background: rgba(97, 146, 47, .1);
    border: 2px solid #61922f
}

.interest-item--active.interest-item--clickable:hover {
    background: rgba(97, 146, 47, .4);
    border: 2px solid #61922f
}

.interest-item--dark {
    background: #2b2b2b;
    border: 2px solid #2b2b2b
}

.interest-item--dark:hover {
    opacity: .8
}

.interest-item__image {
    margin-right: 8px
}

.interest-item__remove-button {
    cursor: pointer;
    display: flex;
    fill: rgba(255, 255, 255, .2);
    margin-left: 8px
}

.interest-item__remove-button:hover .interest-item__remove-button-icon {
    fill: #c63d3e
}

.interest-item__remove-button-icon {
    margin: 0;
    fill: rgba(248, 248, 248, .2);
    transition: all ease .25s
}

.user-info-editable>.edit-button-container {
    position: relative
}

.user-info-editable>.edit-button-container .edit-button {
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1
}

.user-info-editable .details-edit-mode {
    padding-top: 20px
}

.user-info-editable__settings-info {
    font-size: 12px;
    font-weight: 400;
    letter-spacing: normal;
    line-height: normal;
    color: rgba(248, 248, 248, .4)
}

.user-info-editable__settings-link {
    color: #f8f8f8;
    text-decoration: underline
}

.user-info-editable__choose-interests {
    align-items: center;
    background: 0 0;
    border-radius: 27px;
    border: 2px solid #61922f;
    box-sizing: border-box;
    color: rgba(248, 248, 248, .8);
    cursor: pointer;
    display: inline-flex;
    font-weight: 500;
    height: 26px;
    margin-bottom: 4px;
    margin-top: 4px;
    margin-right: 8px;
    padding: 0 16px;
    transition: all ease .25s;
    vertical-align: top;
    font-size: .813rem
}

.user-info-editable__choose-interests--grey {
    border: 2px solid #5b5b5b;
    background-color: transparent
}

.user-info-editable__choose-interests:hover {
    border: 2px solid #61922f;
    background-color: rgba(97, 146, 47, .1)
}

.user-info-editable__see-all-interests {
    align-items: center;
    background: 0 0;
    border-radius: 27px;
    border: 2px solid rgba(248, 248, 248, .1);
    box-sizing: border-box;
    color: rgba(248, 248, 248, .8);
    cursor: pointer;
    display: inline-flex;
    font-weight: 500;
    height: 26px;
    margin-bottom: 4px;
    margin-top: 4px;
    margin-right: 8px;
    padding: 0 16px;
    transition: all ease .25s;
    vertical-align: top;
    font-size: .813rem
}

.user-info-editable__see-all-interests:hover {
    opacity: .8
}

.user-info-editable__see-all-interests-icon {
    margin: 0 0 0 8px
}

.user-info-editable__interests-divider {
    background: rgba(248, 248, 248, .4);
    display: inline-flex;
    height: 16px;
    margin-right: 8px;
    width: 1px
}

.user-info-editable__interests--processing {
    overflow-y: hidden;
    height: 68px
}

.user-info-editable__language-select .field-help {
    color: #ffa900
}

.user-info {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    margin-bottom: -20px;
    position: relative
}

.user-info>div {
    margin-bottom: 20px
}

.user-info .username-content {
    vertical-align: middle
}

@media screen and (max-width:480px) {
    .user-info {
        flex-direction: column
    }
}

.user-info>.info {
    min-width: 0;
    flex: 1;
    flex-basis: auto;
    flex-grow: 1;
    flex-shrink: 1
}

.user-info>.info .title {
    align-items: baseline;
    flex-wrap: wrap;
    display: flex;
    flex-direction: row
}

.user-info>.info .title .title-text {
    margin-right: 20px
}

.user-info>.info .title .rating-position-label-wrapper {
    background-image: linear-gradient(180deg, #fdd5a0 0%, #f5ac49 100%);
    color: #000;
    margin-left: 0;
    margin-right: 10px
}

.user-info>.info .title .title-additional-info {
    display: flex;
    flex-direction: row;
    align-items: center
}

@media screen and (max-width:479px) {
    .user-info>.info .title {
        flex-direction: column
    }
}

.user-info>.info .details {
    display: flex;
    flex-direction: column;
    margin-top: 20px
}

.user-info>.info .details .title {
    margin: 0 0 12px 5px;
    font-size: 1.125rem;
    line-height: 1.375rem
}

.user-info>.info .details .user-status {
    align-items: center;
    display: flex;
    flex-direction: row
}

.user-info>.info .details .user-status .btn {
    margin: 0
}

.user-info>.info .details .user-status .btn:active,
.user-info>.info .details .user-status .btn:focus {
    background-color: #fff;
    color: #414141
}

.user-info>.info .details .user-status.gold .user-status-name {
    color: #e1ad5b
}

.user-info>.info .details .user-status.regular .user-status-name {
    color: #9e9e9e
}

.user-info>.info .details .user-status.green .user-status-name {
    color: #4caf50
}

.user-info>.info .details .user-status .user-status-name {
    font-weight: 700;
    margin-right: 10px
}

.user-info>.info .details .user-status .user-status-until {
    margin-right: 10px
}

.user-info>.info .details .user-status .user-status-ultimate-button {
    align-items: center;
    border-radius: 90px;
    color: #fff;
    display: flex;
    height: 26px;
    padding: 0 16px;
    font-weight: 400
}

.user-info>.info .details .user-status .user-status-ultimate-button>.user-level-ultimate-badge {
    height: 15px;
    margin: 0 6px 0 0;
    width: 15px
}

.user-info>.info .details .user-status .user-status-renew,
.user-info>.info .details .user-status .user-status-upgrade {
    line-height: 24px;
    padding-left: 25px
}

.user-info>.info .details .user-status .user-status-renew .icon,
.user-info>.info .details .user-status .user-status-upgrade .icon {
    left: 5px;
    margin-right: 5px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%)
}

.user-info>.info .details .user-status .user-status-info {
    display: inline-block;
    margin-right: 10px
}

.user-info>.info .details .user-status .user-status-info .status-help {
    border: 1px solid #8d8d8d;
    border-radius: 8px;
    color: #8d8d8d;
    display: inline-block;
    height: 16px;
    line-height: 15px;
    text-align: center;
    width: 16px;
    font-size: .625rem
}

.user-info>.info .details .user-status .user-status-info .status-help:hover {
    background-color: #fff;
    border-color: #fff;
    color: #2b2b2b
}

.user-info>.info .details .field-row {
    display: flex;
    flex-direction: row;
    margin-bottom: 12px;
    font-size: .75rem
}

.user-info>.info .details .field-row .field-link {
    color: #f8f8f8
}

.user-info>.info .details .field-row .field-value {
    flex: 1 1 80%;
    margin: auto 0;
    position: relative;
    word-wrap: break-word
}

@media screen and (max-width:600px) {
    .user-info>.info .details .field-row .field-value {
        flex: 0 0 70%
    }
}

@media screen and (max-width:480px) {
    .user-info>.info .details .field-row .field-value {
        flex: 0 0 65%
    }
}

.user-info>.info .details .field-row .field-value .country {
    display: inline-flex
}

.user-info>.info .details .field-row .field-value .country .country-flag {
    margin-right: 5px
}

.user-info>.info .details .field-row .field-label {
    align-self: flex-start;
    color: rgba(248, 248, 248, .8);
    flex: 0 0 20%;
    min-width: 100px;
    overflow: hidden;
    padding-right: 10px;
    text-overflow: ellipsis;
    white-space: nowrap
}

@media screen and (max-width:600px) {
    .user-info>.info .details .field-row .field-label {
        flex: 0 0 30%
    }
}

@media screen and (max-width:480px) {
    .user-info>.info .details .field-row .field-label {
        flex: 0 0 35%
    }
}

.user-info>.info .details .field-row--interests .field-value {
    margin: -4px 0
}

.user-info>.info .details .field-row--interests .field-label {
    margin-top: 6px
}

.user-info>.info .details .field-row--membership .field-label {
    align-self: center
}

.user-info>.info .details .input,
.user-info>.info .details .select {
    vertical-align: top;
    width: 100%
}

.user-info>.info .details .input .select-input,
.user-info>.info .details .select .select-input {
    padding: 10px 20px;
    width: 100%
}

.user-info>.info .details .birth-date-block {
    display: flex
}

.user-info>.info .details .birth-date-block .icon.icon-birthday-cake {
    fill: #de9625;
    margin-left: 5px;
    vertical-align: baseline
}

.user-info>.info .details .field-tooltip .error.tooltip {
    z-index: 299
}

.user-info.is-pending .info .loader {
    position: absolute;
    right: 0;
    z-index: 9
}

.user-info.is-pending .info .details,
.user-info.is-pending .info .edit-button {
    opacity: .33;
    pointer-events: none
}

.user-info:not(.is-edit-mode)>.info {
    overflow: hidden
}

.user-info.is-edit-mode>.info .details .field-label {
    line-height: 40px;
    vertical-align: middle
}

@media screen and (max-width:1023px) {
    .user-info.is-edit-mode .info .details .field-row {
        flex-direction: column
    }

    .user-info.is-edit-mode .info .details .field-label,
    .user-info.is-edit-mode .info .details .field-tooltip,
    .user-info.is-edit-mode .info .details .field-value {
        width: 100%
    }
}

@media screen and (max-width:480px) {
    .user-info>.info {
        flex: 1 1 auto
    }

    .user-info>.info .user-status-until {
        display: none
    }

    .user-info>.info h2 {
        margin-top: 10px
    }

    .user-info>.info .edit-button-container .edit-button {
        top: 10px
    }

    .user-info>.info .details .field-row--interests {
        display: block
    }

    .user-info>.info .details .field-row--interests .field-label {
        margin-top: 0
    }

    .user-info>.info .user-info-editable__interests--processing {
        height: 136px
    }
}

.user-info .country-wrapper {
    align-items: flex-start;
    display: flex;
    flex-flow: row nowrap;
    justify-content: start
}

@media screen and (max-width:639px) {
    .user-info .country-wrapper {
        align-items: flex-start;
        flex-flow: column
    }
}

.user-info .country-tip {
    color: rgba(248, 248, 248, .6);
    margin-left: 10px
}

@media screen and (max-width:639px) {
    .user-info .country-tip {
        margin: 5px 0 0
    }
}

.user-info .privacy-link {
    text-decoration: underline
}

.profile-visibility-modal {
    max-width: 100%;
    width: 410px;
    display: flex;
    flex-direction: column;
    overflow: unset
}

.profile-visibility-modal__content {
    flex: 1;
    padding: 20px
}

.profile-visibility-modal__title {
    font-size: 18px;
    font-weight: 700;
    letter-spacing: normal;
    line-height: 22px;
    margin-bottom: 8px
}

.profile-visibility-modal__description {
    font-size: 12px;
    font-weight: 400;
    letter-spacing: normal;
    line-height: 18px;
    color: rgba(248, 248, 248, .5);
    margin-bottom: 16px
}

.profile-visibility-modal__link {
    color: #f8f8f8;
    text-decoration: underline
}

.profile-visibility-modal__select {
    width: 100%
}

.profile-visibility-modal__footer {
    padding: 13px 21px;
    display: flex;
    justify-content: flex-end;
    border-top: 1px solid rgba(248, 248, 248, .08)
}

.profile-visibility-modal__button {
    margin-bottom: 0
}

.body-type-image-preloader {
    position: absolute;
    width: 0;
    height: 0;
    left: 10000px;
    top: 10000px
}

.body-type-image-preloader .male {
    position: absolute;
    width: 0;
    height: 0;
    content: url(/assets/users/components/ui/UserInfo/BodyTypeTooltip/images//male/bodyTypeThin.jpg) url(/assets/users/components/ui/UserInfo/BodyTypeTooltip/images//male/bodyTypeLarge.jpg) url(/assets/users/components/ui/UserInfo/BodyTypeTooltip/images//male/bodyTypeAverage.jpg) url(/assets/users/components/ui/UserInfo/BodyTypeTooltip/images//male/bodyTypeCurvy.jpg) url(/assets/users/components/ui/UserInfo/BodyTypeTooltip/images//male/bodyTypeAthletic.jpg)
}

.body-type-image-preloader .female {
    position: absolute;
    width: 0;
    height: 0;
    content: url(/assets/users/components/ui/UserInfo/BodyTypeTooltip/images//female/bodyTypeThin.jpg) url(/assets/users/components/ui/UserInfo/BodyTypeTooltip/images//female/bodyTypeLarge.jpg) url(/assets/users/components/ui/UserInfo/BodyTypeTooltip/images//female/bodyTypeAverage.jpg) url(/assets/users/components/ui/UserInfo/BodyTypeTooltip/images//female/bodyTypeCurvy.jpg) url(/assets/users/components/ui/UserInfo/BodyTypeTooltip/images//female/bodyTypeAthletic.jpg)
}

.body-type-tooltip {
    background-color: #3b3b3b;
    box-shadow: 0 0 10px rgba(0, 0, 0, .6);
    border-radius: 6px;
    width: 320px;
    padding: 20px
}

.body-type-tooltip .body-type-image {
    max-width: 100%
}

.body-type-tooltip h3.tooltip-title {
    font-size: 1rem;
    line-height: 1.375rem;
    font-weight: 700;
    margin-top: 20px
}

.body-type-tooltip .tooltip-text {
    font-size: .813rem;
    line-height: 1.125rem;
    margin: 6px 0 0
}

.videos-list-item-v2 {
    flex-shrink: 0;
    transition: background-color .2s
}

.videos-list-item-v2 .videos-list-item-inner {
    position: relative
}

.videos-list-item-v2 .video-uploader {
    border-radius: 8px;
    border: 2px dashed rgba(255, 255, 255, .2);
    background: #222;
    padding-bottom: calc(56% - 4px);
    position: relative;
    color: rgba(255, 255, 255, .4);
    margin-bottom: 20px;
    transition: all 120ms ease-in-out 0s;
    font-size: .75rem
}

.videos-list-item-v2 .video-uploader .icon {
    margin: 0 0 20px
}

.videos-list-item-v2 .video-uploader:hover {
    border-color: rgba(255, 255, 255, .6);
    color: rgba(255, 255, 255, .9);
    cursor: pointer
}

.videos-list-item-v2 .video-uploader-content {
    align-items: center;
    justify-content: center;
    text-align: center;
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    display: flex;
    flex-direction: column
}

.videos-list-item-v2 .video-uploader-text {
    font-size: .75rem
}

.videos-list-item-v2 .video-thumb {
    border-radius: 8px;
    overflow: hidden;
    cursor: pointer;
    position: relative;
    flex: 1;
    flex-basis: auto;
    flex-grow: 1;
    flex-shrink: 1
}

.videos-list-item-v2 .video-thumb-in-edit-mode {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: linear-gradient(245.99deg, rgba(0, 0, 0, .7) -.46%, rgba(0, 0, 0, 0) 100%);
    z-index: 1
}

.videos-list-item-v2 .video-thumb-in-edit-mode.selected {
    background: linear-gradient(0deg, rgba(175, 38, 47, .5), rgba(175, 38, 47, .5))
}

.videos-list-item-v2 .video-duration {
    border-radius: 4px;
    background-color: rgba(0, 0, 0, .5);
    bottom: 6px;
    color: rgba(255, 255, 255, .8);
    padding: 1px 4px;
    position: absolute;
    right: 8px;
    font-size: .75rem
}

.videos-list-item-v2 .video-under-thumb {
    height: 40px;
    justify-content: center;
    margin-top: 8px;
    margin-bottom: 17px;
    display: flex;
    flex-direction: column
}

.videos-list-item-v2 .video-under-thumb .btn {
    align-items: center;
    display: flex;
    justify-content: center;
    margin: 0
}

.videos-list-item-v2 .video-under-thumb .btn .icon {
    margin-right: 8px
}

.videos-list-item-v2 .video-stats,
.videos-list-item-v2 .video-title {
    align-items: center;
    height: 20px;
    color: rgba(248, 248, 248, .8);
    display: flex;
    flex-direction: row;
    font-size: .875rem
}

.videos-list-item-v2 .video-title:only-child {
    margin-bottom: auto
}

.videos-list-item-v2 .video-title-text {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.videos-list-item-v2 .video-stats {
    color: #f8f8f8;
    opacity: .6
}

.videos-list-item-v2 .video-stats .icon {
    fill: #f8f8f8;
    margin-right: 6px;
    vertical-align: -3px
}

.videos-list-item-v2 .video-controls {
    padding-right: 6px;
    align-items: center;
    height: 32px;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 2;
    display: flex;
    flex-direction: row
}

.videos-list-item-v2 .video-controls-icon-wrapper {
    align-items: center;
    animation: opacity-fade-show .2s;
    border-radius: 4px;
    cursor: pointer;
    justify-content: center;
    display: flex;
    flex-direction: row
}

.videos-list-item-v2 .video-controls-icon-wrapper.video-selected {
    background: 0 0
}

.videos-list-item-v2 .video-controls-icon-wrapper .icon {
    fill: #f8f8f8;
    margin: 0
}

.videos-list-item-v2 .video-controls-icon-wrapper:not(:last-child) {
    margin-right: 14px
}

.videos-list-item-v2 .video-controls-icon-wrapper:hover .icon {
    fill: #fff
}

.videos-list-item-v2 .deleted-video-overlay,
.videos-list-item-v2 .failed-overlay,
.videos-list-item-v2 .processing-overlay {
    align-items: center;
    animation: opacity-fade-show .2s;
    background-color: rgba(0, 0, 0, .7);
    justify-content: center;
    text-align: center;
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    display: flex;
    flex-direction: column
}

.videos-list-item-v2 .deleted-video-overlay .icon,
.videos-list-item-v2 .failed-overlay .icon,
.videos-list-item-v2 .processing-overlay .icon {
    fill: #fff;
    margin: 0
}

.videos-list-item-v2 .deleted-video-overlay-text {
    margin-top: 15px;
    font-size: 1rem
}

.videos-list-item-v2 .failed-overlay-text,
.videos-list-item-v2 .processing-overlay-text {
    color: #dfdfdf;
    margin-top: 12px;
    font-size: .75rem
}

.videos-list-item-v2 .trailer {
    height: 100%;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    position: absolute
}

.videos-list-item-v2 .cover {
    height: 100%;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    position: absolute;
    transition: all .5s ease-in-out 0s
}

.videos-list-item-v2 .content-wrapper {
    background-color: #000;
    overflow: hidden;
    padding-bottom: 56%;
    position: relative;
    width: 100%
}

.videos-list-item-v2 .content-wrapper--blured {
    filter: blur(5px)
}

.videos-list-item-v2 .likes-counter-wrapper {
    display: inline-block;
    cursor: pointer;
    margin-top: 8px;
    width: -moz-fit-content;
    width: fit-content
}

.videos-list-item-v2.selected {
    background-color: #222;
    position: relative
}

.videos-list-item-v2.selected::before {
    background-color: #ec4452;
    content: " ";
    height: 2px;
    left: 0;
    position: absolute;
    right: 0;
    top: -2px;
    transition: background-color .2s
}

.videos-list-item-v2.deleted .cover {
    filter: grayscale(100%)
}

.videos-list-item-v2.deleted .video-thumb,
.videos-list-item-v2.error .video-thumb {
    cursor: default
}

@media screen and (max-width:1023px) {
    .videos-list-item-v2 .video-controls-icon-wrapper .icon {
        fill: #fff
    }

    .videos-list-item-v2 .video-controls-icon-wrapper .icon-settings {
        height: 18px !important;
        width: 18px !important
    }

    .videos-list-item-v2 .video-controls-icon-wrapper .icon-close-5 {
        height: 16px !important;
        width: 16px !important
    }
}

.videos-list-v2 {
    max-width: 100%;
    position: relative;
    width: 100%
}

.videos-list-v2.edit-mode .video-thumb {
    cursor: default
}

.videos-list-v2__content {
    display: grid;
    gap: 0 10px;
    grid-template-columns: repeat(2, minmax(150px, 1fr));
    animation: opacity-fade-show .5s;
    position: relative
}

@media screen and (max-width:767px) {
    .videos-list-v2__content {
        gap: 0 4px
    }
}

.flirting-mode-modal {
    max-width: 416px;
    padding: 20px;
    text-align: center
}

.flirting-mode-modal__heading {
    font-weight: 700;
    font-size: 1.25rem;
    line-height: 1.5rem
}

.flirting-mode-modal__description {
    color: rgba(248, 248, 248, .6);
    margin: 12px 0 0 0;
    font-size: .875rem;
    line-height: 1.25rem
}

.flirting-mode-modal__list-title {
    margin: 20px 0 0 0;
    font-size: 1rem;
    line-height: 1.5rem
}

.flirting-mode-modal__list-title--accent-error {
    color: #f14b57
}

.flirting-mode-modal__list {
    background-color: rgba(255, 255, 255, .05);
    border-radius: 8px;
    margin: 8px 0 0 0;
    padding: 16px;
    text-align: left
}

.flirting-mode-modal__list-item {
    align-items: flex-start;
    display: flex;
    justify-content: flex-start;
    margin: 16px 0 0 0;
    font-size: .875rem;
    line-height: 1.25rem
}

.flirting-mode-modal__list-item:first-child {
    margin-top: 0
}

.flirting-mode-modal__icon {
    flex-shrink: 0;
    height: 16px;
    margin-right: 8px;
    width: 16px
}

.flirting-mode-modal__icon--camera-settings-ds,
.flirting-mode-modal__icon--categories-2 {
    fill: currentColor
}

.flirting-mode-modal__icon--camera-settings-ds {
    width: 20px;
    height: 20px
}

.flirting-mode-modal__icon--error {
    fill: #f14b57;
    color: #f14b57
}

.flirting-mode-modal__icon--success {
    color: #27ae60
}

.flirting-mode-modal__footer {
    text-align: center
}

.flirting-mode-modal__info {
    color: #ffa900;
    margin: 20px 0 0 0;
    font-size: .813rem;
    line-height: 1.125rem
}

.flirting-mode-modal__link {
    color: #ffa900;
    text-decoration: underline
}

.flirting-mode-modal__button {
    margin: 20px 0 0 0;
    min-width: 120px
}

.flirting-mode-modal__footer-text {
    color: rgba(248, 248, 248, .6);
    margin: 8px 0 0 0;
    font-size: .75rem;
    line-height: 1rem
}

.flirting-mode {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.flirting-mode__link {
    margin: 0;
    text-decoration: underline
}

.flirting-mode__switcher {
    margin-left: auto
}

.schedule-informer .schedule-informer__title-group {
    background: #383838;
    padding: 20px;
    margin: -20px -20px 20px -20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: #fff;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px
}

@media screen and (max-width:767px) {
    .schedule-informer .schedule-informer__title-group {
        flex-direction: column;
        align-items: flex-start
    }
}

.schedule-informer .schedule-informer__title-group h2 {
    letter-spacing: initial
}

.schedule-informer .schedule-informer__title-icon {
    fill: currentColor;
    vertical-align: baseline
}

.schedule-informer .schedule-informer__subtitle {
    margin-top: 6px;
    font-size: 13px;
    opacity: .6
}

@media screen and (max-width:767px) {
    .schedule-informer .schedule-informer__subtitle {
        margin-bottom: 6px
    }
}

.schedule-informer .schedule-informer__notify-me {
    border-radius: 16px;
    background: rgba(0, 0, 0, .6);
    padding: 6px 7px
}

.schedule-informer .schedule-informer__notify-me .personal-notifications-switcher {
    font-size: .87em;
    white-space: nowrap
}

.schedule-informer .schedule-informer__notify-me .personal-notifications-switcher .icon {
    color: inherit;
    margin-right: 8px
}

.schedule-informer .schedule-informer__notify-me .personal-notifications-switcher .personal-notifications-switcher-name {
    padding-right: 0;
    color: inherit
}

.schedule-informer .schedule-informer__notify-me .personal-notifications-switcher .switcher {
    margin-left: 7px
}

.schedule-informer .schedule-informer__notify-me .personal-notifications-switcher .switcher.on {
    background: #79943d
}

.schedule-informer .schedule-informer__notify-me .personal-notifications-switcher .switcher.on .switcher-switch {
    background: #fff
}

.schedule-informer .schedule-informer__day {
    padding: 6px 0 1px;
    border-bottom: 1px solid rgba(255, 255, 255, .05)
}

.schedule-informer .schedule-informer__day::after {
    clear: both;
    content: "";
    display: table
}

.schedule-informer .schedule-informer__day.schedule-informer__day_empty {
    opacity: .6;
    padding-top: 11px;
    padding-bottom: 12px
}

.schedule-informer .schedule-informer__day.schedule-informer__day_empty .schedule-informer__day-name-container {
    margin-top: 0
}

.schedule-informer .schedule-informer__day:last-child {
    border-bottom: 0;
    padding-bottom: 1px
}

.schedule-informer .schedule-informer__day-name-container {
    width: 150px;
    float: left;
    margin-top: 5px
}

.schedule-informer .schedule-informer__day-name.schedule-informer__day-name_today {
    color: #95c134;
    font-weight: bolder
}

.schedule-informer .schedule-informer__today-mark {
    font-size: .87em;
    opacity: .6
}

.schedule-informer .schedule-informer__timeslots {
    text-align: right
}

.schedule-informer .schedule-informer__timeslot {
    display: inline-block;
    min-width: 156px;
    text-align: center;
    background: #383838;
    border: 1px solid #383838;
    border-radius: 8px;
    padding: 6px;
    margin: 0 0 5px 6px;
    white-space: nowrap
}

.schedule-informer .schedule-informer__timeslot--interactive {
    padding: 0
}

.schedule-informer .schedule-informer__timeslot--interactive:hover {
    background: #525252
}

.schedule-informer .schedule-informer__timeslot--interactive:hover .schedule-informer__add-to-calendar-icon {
    transform: scale(1.2);
    color: #d2ff6e
}

.schedule-informer .schedule-informer__timeslot--interactive.schedule-informer__timeslot_highlighted:hover {
    background: #525252
}

.schedule-informer .schedule-informer__timeslot:last-child {
    margin-right: 0
}

.schedule-informer .schedule-informer__timeslot.schedule-informer__timeslot_highlighted {
    border-color: #79943d;
    color: #d2ff6e;
    background: #383838
}

.schedule-informer__add-to-calendar-button {
    display: flex;
    padding: 6px;
    align-items: center;
    width: 100%;
    justify-content: center
}

.schedule-informer__add-to-calendar-icon {
    margin-left: 8px;
    color: rgba(255, 255, 255, .4);
    transition: transform 150ms
}

.profile>.page>.row .user-friends>.list-items-container {
    overflow-y: auto
}

.page .profile .page-content,
.profile .page .page-content,
.profile .page-block,
.profile .profile-tip-menu {
    margin: 20px 0
}

.page .profile .user-offline-status.page-content,
.profile .page .user-offline-status.page-content,
.profile .page-block.user-offline-status,
.profile .profile-tip-menu.user-offline-status {
    background: #171717;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    margin-bottom: 0;
    padding: 10px
}

.page .profile .user-offline-status.edit-mode.page-content,
.profile .page .user-offline-status.edit-mode.page-content,
.profile .page-block.user-offline-status.edit-mode,
.profile .profile-tip-menu.user-offline-status.edit-mode {
    padding: 20px
}

@media screen and (max-width:1023px) {

    .page .profile .page-content,
    .profile .page .page-content,
    .profile .page-block,
    .profile .profile-tip-menu {
        margin-bottom: 10px;
        margin-top: 10px
    }
}

.page .profile .user-offline-status+.page-content,
.profile .page .user-offline-status+.page-content,
.profile .user-offline-status+.page-block {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    margin-top: 0
}

.profile .select-menu-outer .country-flag {
    display: inline-block;
    position: relative;
    top: 4px
}

.profile .field-row {
    align-items: center;
    display: flex;
    flex-direction: row;
    font-size: .75rem
}

.profile .field-label {
    color: rgba(248, 248, 248, .8);
    flex: 0 0 20%;
    min-width: 100px;
    padding-right: 10px;
    text-align: left;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

@media screen and (max-width:600px) {
    .profile .field-label {
        flex: 0 0 30%
    }
}

@media screen and (max-width:480px) {
    .profile .field-label {
        flex: 0 0 35%
    }
}

.profile .field-value {
    flex: 1 1 80%;
    word-wrap: break-word
}

@media screen and (max-width:600px) {
    .profile .field-value {
        flex: 0 0 70%
    }
}

@media screen and (max-width:480px) {
    .profile .field-value {
        flex: 0 0 65%
    }
}

.profile .field-help {
    margin-top: 6px;
    margin-left: 18px;
    font-size: .75rem;
    line-height: 1.4
}

@media screen and (max-width:1023px) {
    .profile .field-help {
        margin-right: 10px;
        margin-left: 10px
    }
}

@media screen and (max-width:479px) {
    .profile .field-row {
        flex-direction: column
    }

    .profile .field-label {
        align-self: flex-start;
        margin-bottom: 12px
    }
}

.profile .epic-goal-scroll-target {
    transform: translateY(-10px)
}

.profile-page .model-list {
    padding: 10px 0 0
}

.profile-cover-dropdown {
    bottom: 20px;
    position: absolute;
    right: 20px
}

.profile-cover-dropdown .profile-cover-dropdown__tooltip {
    width: 145px
}

.profile-cover-dropdown .profile-cover-dropdown__tooltip .tooltip-inner {
    display: flex;
    flex-direction: column
}

.profile-cover-dropdown .profile-cover-dropdown__tooltip hr {
    margin: 10px;
    background-color: #b9b9b9;
    opacity: .6
}

.profile-cover-dropdown .profile-cover-dropdown__button {
    align-items: center;
    background-color: #404040;
    border-radius: 4px;
    border: none;
    color: rgba(248, 248, 248, .6);
    cursor: pointer;
    display: flex;
    padding: 7px 16px
}

.profile-cover-dropdown .profile-cover-dropdown__button .icon {
    fill: rgba(248, 248, 248, .6);
    margin-right: 10px
}

@media screen and (max-width:639px) {
    .profile-cover-dropdown .profile-cover-dropdown__button {
        padding: 10px
    }

    .profile-cover-dropdown .profile-cover-dropdown__button .icon {
        margin-right: 0
    }

    .profile-cover-dropdown .profile-cover-dropdown__button span {
        display: none
    }
}

.profile-cover-dropdown .dropdown-content {
    display: flex;
    flex-direction: column
}

.profile-cover-dropdown .profile-cover-dropdown__action {
    align-items: center;
    background: 0 0;
    border: none;
    color: rgba(248, 248, 248, .6);
    cursor: pointer;
    display: flex;
    padding: 7px 22px 7px 15px;
    transition: all ease .25s;
    width: 145px
}

.profile-cover-dropdown .profile-cover-dropdown__action .icon {
    fill: rgba(248, 248, 248, .6);
    margin-right: 10px
}

.profile-cover-dropdown .profile-cover-dropdown__action.profile-cover-dropdown__action--active,
.profile-cover-dropdown .profile-cover-dropdown__action:hover {
    background: rgba(0, 0, 0, .2);
    color: #fff
}

.profile-cover-dropdown .profile-cover-dropdown__hint {
    border-bottom: rgba(248, 248, 248, .1) 1px solid;
    color: rgba(248, 248, 248, .6);
    margin: 7px 16px 10px 14px;
    padding-bottom: 10px;
    font-size: .75rem;
    line-height: 1rem
}

.profile-cover-dropdown--new .profile-cover-dropdown__tooltip {
    width: 265px
}

.profile-cover-dropdown--new .profile-cover-dropdown__action {
    color: #f8f8f8;
    width: 265px
}

.profile-cover-dropdown--new .profile-cover-dropdown__action .icon {
    fill: #f8f8f8
}

.lazy-component-error {
    color: #f14b57;
    padding: 10px;
    text-align: center;
    transition: all 120ms ease-in-out 0s;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%)
}

.user-avatar-editable .avatar-upload {
    background-color: rgba(0, 0, 0, .8);
    border-radius: 50%;
    bottom: 6px;
    cursor: pointer;
    display: none;
    height: 136px;
    left: 7px;
    position: absolute;
    right: 7px;
    top: 7px;
    width: 136px
}

.user-avatar-editable .avatar-upload .icon {
    color: #fff;
    height: 40px;
    position: absolute;
    top: calc(50% - 20px);
    width: 100%
}

.user-avatar-editable .dropdown-content::after {
    display: none
}

.user-avatar-editable .avatar-wrapper:not(.is-loading):hover .avatar-upload {
    display: flex
}

.user-avatar-editable .dropdown-menu-item {
    align-items: center;
    background: 0 0;
    border: 0;
    color: rgba(248, 248, 248, .6);
    cursor: pointer;
    display: flex;
    padding: 8px 15px;
    margin: 5px 0;
    white-space: nowrap;
    width: 100%
}

.user-avatar-editable .dropdown-menu-item .icon {
    margin: 0 10px 0 0
}

.user-avatar-editable .dropdown-menu-item:hover {
    background: rgba(0, 0, 0, .2);
    color: #fff;
    fill: #fff
}

.user-avatar-editable .dropdown-menu-item-splitter {
    font-size: 12px;
    font-weight: 400;
    letter-spacing: normal;
    line-height: normal;
    color: rgba(248, 248, 248, .6);
    margin: 5px 0;
    white-space: nowrap
}

.user-avatar-editable .dropdown-menu-item-splitter:hover {
    background: rgba(0, 0, 0, .2)
}

.user-avatar-editable .dropdown-menu-item-splitter:hover button {
    color: #fff;
    fill: #fff
}

.user-avatar-editable .dropdown-menu-item-splitter button {
    align-items: center;
    background: 0 0;
    border: 0;
    color: rgba(248, 248, 248, .6);
    cursor: pointer;
    display: flex;
    fill: rgba(248, 248, 248, .6);
    padding: 8px 15px;
    position: relative;
    width: 100%
}

.user-avatar-editable .dropdown-menu-item-splitter button .icon {
    margin: 0 10px 0 0
}

.user-avatar-editable .dropdown-menu-item-splitter button::before {
    background: rgba(255, 255, 255, .1);
    content: "";
    display: block;
    height: 1px;
    left: 0;
    position: absolute;
    right: 0;
    top: -3px
}

.user-action-buttons {
    flex-shrink: 0;
    padding: 10px;
    margin: 10px 0;
    overflow: hidden
}

.user-action-buttons.user .splitter {
    display: none
}

.user-action-buttons.user .action-buttons-container {
    justify-content: center
}

@media screen and (max-width:479px) {
    .user-action-buttons.user .action-buttons-container {
        justify-content: space-between;
        padding: 0 20px
    }

    .user-action-buttons.user .action-buttons-container .btn>span {
        display: none
    }
}

.user-action-buttons .splitter {
    align-self: center;
    background: #f8f8f8;
    height: 24px;
    margin: 0 8px;
    opacity: .4;
    width: 1px
}

.user-action-buttons .splitter:first-child {
    display: none
}

.user-action-buttons .action-buttons-container {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: center
}

.user-action-buttons .action-buttons-container .btn {
    background: #5b5b5b;
    color: #fdfdfd;
    transition: all 90ms ease-in-out 0s;
    border-color: transparent
}

.user-action-buttons .action-buttons-container .btn>.icon {
    fill: #fdfdfd;
    transition: all 90ms ease-in-out 0s
}

@media (pointer:fine) {

    .user-action-buttons .action-buttons-container .btn.hover,
    .user-action-buttons .action-buttons-container .btn:hover {
        background: #fff;
        color: #414141
    }

    .user-action-buttons .action-buttons-container .btn.hover>.icon,
    .user-action-buttons .action-buttons-container .btn:hover>.icon {
        fill: #414141
    }
}

.user-action-buttons .action-buttons-container .btn.active,
.user-action-buttons .action-buttons-container .btn.focus,
.user-action-buttons .action-buttons-container .btn:active,
.user-action-buttons .action-buttons-container .btn:focus {
    background: #5b5b5b;
    color: #fdfdfd
}

.user-action-buttons .action-buttons-container .btn.active>.icon,
.user-action-buttons .action-buttons-container .btn.focus>.icon,
.user-action-buttons .action-buttons-container .btn:active>.icon,
.user-action-buttons .action-buttons-container .btn:focus>.icon {
    fill: #fdfdfd
}

.user-action-buttons .action-buttons-container .btn .btn-loader-overlay {
    color: #fdfdfd;
    background-color: #5b5b5b
}

@media (pointer:fine) {

    .user-action-buttons .action-buttons-container .btn.hover,
    .user-action-buttons .action-buttons-container .btn:hover {
        border-color: transparent
    }
}

.user-action-buttons .action-buttons-container .btn.active,
.user-action-buttons .action-buttons-container .btn.focus,
.user-action-buttons .action-buttons-container .btn:active,
.user-action-buttons .action-buttons-container .btn:focus {
    border-color: transparent
}

.user-action-buttons .action-buttons-container .btn.favorited {
    color: #cd494e;
    background-color: rgba(248, 248, 248, .8)
}

.user-action-buttons .action-buttons-container .btn.is-friend,
.user-action-buttons .action-buttons-container .btn.subscribed {
    color: #5b5b5b;
    background-color: rgba(248, 248, 248, .8)
}

.user-action-buttons .action-buttons-container .btn.is-friend .icon,
.user-action-buttons .action-buttons-container .btn.subscribed .icon {
    fill: #5b5b5b
}

.user-action-buttons .action-buttons-container .btn,
.user-action-buttons .action-buttons-container .user-fan-club-status-btn {
    align-items: center;
    color: #f8f8f8;
    display: flex;
    justify-content: center;
    height: 31px;
    padding: 0 19px;
    margin: 0 8px;
    text-overflow: initial
}

.user-action-buttons .action-buttons-container .btn .icon {
    margin: 0
}

.user-action-buttons .action-buttons-container .btn .icon~span {
    margin-left: 8px
}

.user-action-buttons .btn-outline:active,
.user-action-buttons .btn-outline:focus {
    background-color: #f8f8f8;
    color: #5b5b5b
}

.user-action-buttons .user-action-buttons__model-additional-menu--margins {
    margin-left: 8px;
    margin-right: 10px
}

@media screen and (max-width:1023px) {
    .user-action-buttons .user-action-buttons__model-additional-menu {
        display: none
    }
}

@media screen and (max-width:639px) {
    .user-action-buttons {
        padding: 10px 20px;
        width: 100%
    }

    .user-action-buttons.user {
        padding: 0
    }

    .user-action-buttons.user .btn {
        flex-basis: auto
    }

    .user-action-buttons .action-buttons-container .user-fan-club-status-btn {
        width: 100%;
        justify-content: center;
        margin: 0 0 20px;
        height: 31px
    }
}

@media screen and (max-width:639px) and (max-width:479px) {
    .user-action-buttons .action-buttons-container {
        justify-content: space-between
    }

    .user-action-buttons .action-buttons-container .btn {
        margin: 0
    }
}

@media screen and (max-width:639px) {
    .user-action-buttons .splitter {
        display: none
    }
}

.rating-position-label-wrapper {
    background-color: #292929;
    color: #fff;
    display: block;
    height: 30px;
    margin-left: 4px;
    padding: 4px 10px 6px 7px;
    text-decoration: none;
    border-radius: 3px;
    display: flex;
    flex-direction: row
}

.rating-position-label-wrapper .rating-position-label-count {
    font-weight: 700;
    opacity: .8;
    line-height: 1.313rem
}

.rating-position-label-wrapper .icon.icon-best-models {
    height: 18px;
    margin-right: 8px;
    opacity: .6;
    width: 18px
}

.flirting-icon {
    align-items: center;
    background-color: #000;
    border-radius: 4px;
    display: inline-flex;
    justify-content: flex-start;
    padding: 6px 8px;
    margin: 0 6px
}

.flirting-icon__text {
    color: #e0e0e0;
    font-size: 11px;
    font-weight: 700;
    line-height: 20px;
    text-transform: uppercase
}

.xh-porn-star-button {
    font-size: .75rem;
    display: flex;
    overflow: hidden
}

.xh-porn-star-button:hover {
    text-decoration: none
}

.xh-porn-star-button:hover .pornstar-label {
    background-color: #cc2e39
}

.xh-porn-star-button:hover .pornstar-label:after {
    background-color: #cc2e39
}

.xh-porn-star-button:hover .pornstar-name {
    border-color: #cc2e39
}

.xh-porn-star-button .pornstar-label {
    color: #f8f8f8;
    background-color: #a2252d;
    padding: 6px 1px 6px 8px;
    position: relative;
    display: flex;
    align-items: center;
    border-radius: 4px 0 0 4px;
    z-index: 1
}

.xh-porn-star-button .pornstar-label:after {
    background-color: #a2252d;
    position: absolute;
    content: " ";
    display: block;
    transform: rotate(20deg);
    right: -11px;
    width: 17px;
    height: 130%;
    top: -25%;
    z-index: -1
}

.xh-porn-star-button .pornstar-star {
    margin-top: -2px
}

.xh-porn-star-button .pornstar-name {
    font-weight: 700;
    display: flex;
    align-items: center;
    color: #000;
    background-color: #f8f8f8;
    padding: 6px 8px 6px 17px;
    border: 2px solid #a2252d;
    border-radius: 4px
}

.profile-cover {
    display: flex;
    flex-direction: column;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.profile-cover .profile-cover__pre-moderation-note {
    position: relative;
    z-index: 1;
    margin-bottom: -4px
}

.profile-cover .profile-cover__media,
.profile-cover .profile-cover__media-container,
.profile-cover .profile-cover__video-parent {
    border-top-right-radius: 4px;
    border-top-left-radius: 4px;
    height: 364px;
    position: relative;
    width: 100%
}

@media screen and (max-width:639px) {

    .profile-cover .profile-cover__media,
    .profile-cover .profile-cover__media-container,
    .profile-cover .profile-cover__video-parent {
        height: 188px
    }
}

@media screen and (max-width:1023px) {

    .profile-cover .profile-cover__media,
    .profile-cover .profile-cover__media-container,
    .profile-cover .profile-cover__video-parent {
        height: 204px
    }
}

.profile-cover .profile-cover__media {
    background-color: #222
}

.profile-cover .profile-cover__media img {
    height: 111%;
    margin: -2% -5%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: var(--intro-height-shift);
    object-position: var(--intro-height-shift);
    width: 111%
}

.profile-cover .profile-cover__media img.blured-image {
    filter: blur(20px)
}

.profile-cover .profile-cover__media .pattern-image {
    background-image: url(/assets/users/components/ui/Profile/ProfileCover/images/cover-pattern.png);
    background-size: 30%;
    filter: none;
    height: 100%;
    width: 100%
}

.profile-cover .profile-cover__media-container {
    overflow: hidden
}

.profile-cover .profile-cover__media-container::before {
    bottom: 0;
    box-shadow: inset 0px -200px 120px -77px rgba(0, 0, 0, .5);
    content: "";
    display: block;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1
}

.profile-cover .profile-cover__media-container.processing::before {
    background: rgba(0, 0, 0, .5)
}

.profile-cover .profile-cover__media-container.has-cover::before {
    cursor: pointer
}

.profile-cover .profile-cover__media-container .media-processing {
    align-items: center;
    display: flex;
    flex-direction: column;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 2
}

@media screen and (max-width:1023px) {
    .profile-cover .profile-cover__media-container .media-processing {
        top: 32%
    }
}

.profile-cover .profile-cover__media-container .media-processing .loader-text {
    color: #f8f8f8;
    margin-top: 10px;
    max-width: 210px;
    opacity: .6;
    text-align: center
}

.profile-cover .profile-cover__media-container .profile-cover__video {
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: var(--intro-height-shift);
    object-position: var(--intro-height-shift)
}

.profile-cover .profile-cover__reposition-indicator {
    color: #f8f8f8;
    background: rgba(0, 0, 0, .6);
    border-radius: 8px;
    font-weight: 500;
    left: 50%;
    padding: 10px;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 1;
    font-size: 1rem
}

.profile-cover .profile-cover__reposition-indicator .icon {
    fill: #f8f8f8;
    margin-right: 10px
}

.profile-cover .profile-cover__reposition-actions {
    align-items: baseline;
    background: rgba(0, 0, 0, .6);
    bottom: 0;
    display: flex;
    justify-content: flex-end;
    left: 0;
    padding-right: 20px;
    padding-top: 10px;
    position: absolute;
    right: 0;
    z-index: 1
}

.profile-cover .profile-cover__reposition-actions button:not(:hover) {
    color: #f8f8f8
}

.profile-cover .profile-cover__reposition-description {
    color: #f8f8f8;
    font-weight: 500;
    padding-right: 20px;
    font-size: .938rem
}

.profile-cover .profile-cover-dropdown {
    bottom: auto;
    position: absolute;
    top: 318px;
    z-index: 3
}

@media screen and (max-width:639px) {
    .profile-cover .profile-cover-dropdown {
        top: 142px
    }
}

@media screen and (max-width:1023px) {
    .profile-cover .profile-cover-dropdown {
        top: 158px
    }
}

.profile-cover .profile-cover__info {
    align-items: center;
    background-color: #222;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    display: flex;
    flex: auto;
    justify-content: space-between;
    position: relative
}

.profile-cover .profile-cover__info .left-wrapper {
    align-items: center;
    display: flex;
    flex-direction: row
}

.profile-cover .profile-cover__info .title {
    align-items: center;
    margin: 12px 20px;
    display: flex;
    flex-direction: row
}

.profile-cover .profile-cover__info .title .level-badge {
    display: none
}

.profile-cover .profile-cover__info .title.porn-star {
    flex-wrap: wrap
}

.profile-cover .profile-cover__info .title.porn-star .rating-position-label-wrapper {
    margin-right: 10px
}

.profile-cover .profile-cover__info .title .username-content-link.username-content-model {
    color: #f8f8f8
}

.profile-cover .profile-cover__info .title .rating-position-label-wrapper {
    background-image: linear-gradient(180deg, #fdd5a0 0%, #f5ac49 100%);
    color: #000;
    margin-left: 0
}

.profile-cover .profile-cover__info .title-text {
    margin-bottom: 0;
    font-weight: 700;
    line-height: 1.1;
    letter-spacing: .031rem;
    font-size: 1.75rem
}

.profile-cover .profile-cover__info .title-text .icon-user-green {
    display: none
}

.profile-cover .profile-cover__info .username-role-icon.gender {
    margin: 0
}

.profile-cover .profile-cover__info .username-role-icon.gender .icon {
    margin: 0 8px
}

.profile-cover .profile-cover__info .xhamster-porn-star-button {
    height: 24px;
    margin-top: 8px
}

.profile-cover .profile-cover__info .xhamster-porn-star-button .pornstar-label {
    text-decoration: underline
}

@media screen and (max-width:1023px) {
    .profile-cover .profile-cover__info {
        flex-direction: column
    }

    .profile-cover .profile-cover__info .left-wrapper {
        flex-direction: column
    }

    .profile-cover .profile-cover__info .title-text {
        line-height: 40px;
        margin-bottom: 12px;
        text-align: center;
        width: 100%
    }

    .profile-cover .profile-cover__info .xhamster-porn-star-button {
        height: 30px;
        justify-content: center;
        margin-top: 0
    }

    .profile-cover .profile-cover__info .title {
        justify-content: center;
        padding: 0 10px;
        margin: 0 0 20px 0;
        flex-wrap: wrap;
        width: 99%
    }

    .profile-cover .profile-cover__info .profile-cover__avatar-wrapper {
        left: 0
    }

    .profile-cover .profile-cover__info .username-role-icon.gender {
        margin-right: -40px
    }
}

@media screen and (max-width:479px) {
    .profile-cover .profile-cover__info .title-text {
        width: 100%;
        margin-right: 0
    }

    .profile-cover .profile-cover__info .xhamster-porn-star-button {
        width: auto
    }

    .profile-cover .profile-cover__info .username-content {
        font-size: 22px;
        margin-left: 8px
    }
}

.profile-cover .profile-cover__model-additional-menu {
    display: none;
    position: absolute;
    right: 8px;
    top: 8px
}

@media screen and (max-width:1023px) {
    .profile-cover .profile-cover__model-additional-menu {
        display: flex
    }
}

.profile-cover .profile-cover__avatar-wrapper {
    bottom: 80px;
    flex: 0 0 170px;
    left: 20px;
    margin-bottom: -50px;
    position: relative;
    z-index: 2
}

.profile-cover .profile-cover__avatar-wrapper .award-place {
    bottom: 100px;
    z-index: 1
}

@media screen and (max-width:1023px) {
    .profile-cover .profile-cover__avatar-wrapper {
        margin-bottom: -80px
    }
}

.profile-cover .profile-cover__avatar-wrapper .avatar {
    display: flex;
    font-size: 6px;
    height: 150px;
    margin: 0 auto;
    width: 150px
}

.profile-cover .profile-cover__fullscreen-button {
    cursor: pointer;
    opacity: .6;
    position: absolute;
    right: 30px;
    top: 30px;
    transition: opacity ease-in-out .25s;
    z-index: 2
}

@media screen and (max-width:1023px) {
    .profile-cover .profile-cover__fullscreen-button {
        right: 20px;
        top: 20px
    }
}

@media screen and (max-width:1023px) {
    .profile-cover .profile-cover__fullscreen-button .icon {
        height: 19px !important;
        width: 19px !important
    }
}

.profile-cover .profile-cover__fullscreen-button:hover {
    opacity: 1
}

.profile-cover .profile-cover__fullscreen-button .icon {
    fill: #fff;
    filter: drop-shadow(3px 3px 2px rgba(0, 0, 0, .7))
}

.profile-cover .dropdown-wrapper .dropdown-content {
    padding: 4px 0
}

.profile-navigation {
    background-color: transparent;
    height: 41px;
    margin-bottom: 20px;
    margin-top: 20px;
    border-bottom: 1px solid rgba(248, 248, 248, .2)
}

.profile-navigation .navigation-container {
    height: 42px;
    overflow: hidden;
    padding: 0
}

.profile-navigation .navbar-item {
    white-space: nowrap
}

.profile-navigation .navbar-item:not(:last-child) {
    margin-right: 32px
}

.profile-navigation .visible-items {
    flex: 1
}

.profile-navigation .visible-items .navbar-item {
    margin-bottom: -7px
}

@media screen and (max-width:639px) {
    .profile-navigation .navbar-item:not(:last-child) {
        margin-right: 26px
    }
}

.view-cam-model-info-navigation .nav-scrollable {
    height: auto
}

.user-fan-club-subscribe-modal-body {
    padding: 0 30px 20px
}

@media screen and (max-width:479px) {
    .user-fan-club-subscribe-modal-body {
        padding: 0 20px 20px
    }
}

.user-fan-club-subscribe-modal-body-benefits-list {
    margin: 5px 0
}

.user-fan-club-subscribe-modal-body-benefit {
    align-items: center;
    margin: 9px 0;
    font-size: .813rem;
    display: flex;
    flex-direction: row
}

.user-fan-club-subscribe-modal-body-benefit .icon-check-1 {
    color: #70fd19;
    margin-right: 14px
}

.user-fan-club-subscribe-modal-body-benefit .icon-gift {
    fill: currentColor;
    margin-right: 14px
}

.user-fan-club-subscribe-modal-body-benefit-description-link {
    color: #69a8e0;
    cursor: pointer
}

.user-fan-club-subscribe-modal-body-benefit-description-link.active:hover {
    text-decoration: underline
}

.user-fan-club-subscribe-modal-body-benefit-description-link .icon {
    fill: #69a8e0;
    margin: 0 0 0 2px
}

.user-fan-club-subscribe-modal-body-benefits-title {
    font-size: .875rem;
    font-weight: 700;
    margin: 20px 0 0
}

.user-fan-club-subscribe-modal-smart-hidden {
    visibility: hidden;
    pointer-events: none
}

.user-fan-club-subscribe-modal-body-benefit-description {
    padding: 20px 30px;
    position: absolute
}

.user-fan-club-subscribe-modal-body-benefit-description-title {
    color: rgba(248, 248, 248, .6)
}

.user-fan-club-subscribe-modal-body-benefit-description-title .icon-arrow-left {
    margin: -2px 10px 0 0
}

.user-fan-club-subscribe-modal-body-benefit-description-name {
    color: #fff;
    font-size: 18px;
    font-weight: 500;
    margin: 24px 0 14px
}

.user-fan-club-subscribe-modal-body-benefit-description-info {
    color: #f8f8f8;
    font-size: 13px;
    line-height: 20px;
    word-break: break-word
}

.user-fan-club-subscribe-modal-body-benefit-description-back {
    cursor: pointer
}

.fan-club-welcome {
    background: #0b0b0b;
    border-radius: 8px;
    color: #fff;
    margin: 0 auto 40px;
    padding: 40px 20px 0;
    position: relative;
    overflow: hidden;
    text-align: center
}

.fan-club-welcome.subscribed {
    background: #262626;
    max-width: 642px;
    padding: 20px 20px 20px;
    width: 400px
}

.fan-club-welcome.subscribed h3 {
    font-size: 22px;
    font-weight: 600;
    letter-spacing: normal;
    line-height: normal
}

.fan-club-welcome.subscribed .fan-club-welcome-description {
    opacity: 1
}

.fan-club-welcome-benefits {
    background: rgba(28, 28, 28, .4);
    border-radius: 8px;
    margin: 20px auto 0;
    max-width: 400px;
    padding: 10px 16px 10px 22px
}

.fan-club-welcome-benefits>.user-fan-club-subscribe-modal-body-benefit {
    font-size: 15px;
    font-weight: 400;
    letter-spacing: normal;
    line-height: normal
}

.fan-club-welcome-benefits>.user-fan-club-subscribe-modal-body-benefit>.icon {
    min-width: 11px
}

.fan-club-welcome-benefits>.user-fan-club-subscribe-modal-body-benefit>span {
    text-align: left
}

.fan-club-welcome-content {
    position: relative
}

.fan-club-welcome h3 {
    font-size: 38px;
    font-weight: 600;
    letter-spacing: normal;
    line-height: normal;
    margin: 0 0 22px
}

.fan-club-welcome-description {
    font-size: 16px;
    font-weight: 400;
    letter-spacing: normal;
    line-height: normal;
    font-style: italic;
    line-height: 22px;
    margin: 0 auto;
    max-width: 550px;
    opacity: .8;
    white-space: pre-wrap
}

.fan-club-welcome-split {
    align-items: center;
    display: flex;
    justify-items: center;
    margin: 30px auto;
    opacity: .4;
    width: 270px
}

.fan-club-welcome-split .icon {
    color: #fff;
    height: 22px;
    margin: 0 10px;
    width: 22px
}

.fan-club-welcome-split::after,
.fan-club-welcome-split::before {
    background: #fff;
    content: "";
    flex: 1;
    height: 1px
}

.fan-club-welcome-stat {
    font-size: 15px;
    font-weight: 600;
    letter-spacing: 1px;
    line-height: normal;
    padding: 0 10px;
    text-align: center;
    text-transform: lowercase
}

.fan-club-welcome-stat-wrapper {
    align-items: center;
    display: flex;
    justify-content: space-between;
    margin: 20px auto 0;
    max-width: 500px
}

.fan-club-welcome-stat-wrapper.short-wrapper {
    max-width: 350px
}

.fan-club-welcome-stat-wrapper.short-wrapper .fan-club-welcome-stat {
    flex: 1;
    padding: 0
}

.fan-club-welcome-stat-number {
    font-size: 40px;
    font-weight: 600;
    letter-spacing: normal;
    line-height: normal;
    color: #ff2a59;
    margin: 0 0 -4px
}

.fan-club-welcome-join-button {
    font-size: 17px;
    font-weight: 500;
    letter-spacing: normal;
    line-height: 1.5;
    align-items: center;
    background: #ff2a59;
    border: 0;
    border-radius: 50px;
    color: #fff;
    cursor: pointer;
    display: inline-flex;
    height: 45px;
    margin: 32px 0 40px;
    padding: 12px 64px
}

.fan-club-welcome-join-button:hover {
    background: #ff5276
}

.fan-club-welcome-join-button .icon {
    color: #fff;
    height: 18px;
    margin: 0 10px 0 0;
    width: 18px
}

.fan-club-welcome-other {
    font-size: 14px;
    font-weight: 400;
    letter-spacing: normal;
    line-height: normal;
    color: rgba(255, 255, 255, .6);
    margin: 20px auto 0;
    max-width: 250px
}

.fan-club-welcome-other>.accent {
    color: #fff;
    cursor: pointer
}

.fan-club-welcome-other>.accent:hover {
    text-decoration: underline
}

.fan-club-welcome-cover-image {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 0 0;
    bottom: 50%;
    filter: blur(85px);
    left: 0;
    pointer-events: none;
    position: absolute;
    opacity: .4;
    top: 0;
    width: 100%
}

.fan-club-welcome-cover-image-gradient {
    bottom: 0;
    left: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    width: 100%;
    background: #0b0b0b;
    background: linear-gradient(0deg, #0b0b0b 0%, rgba(0, 0, 0, 0) 100%)
}

.fan-club-welcome-footer-line {
    background: #fff;
    height: 1px;
    margin: 20px 0;
    opacity: .1
}

.fan-club-welcome .user-fan-club-status-btn {
    font-size: 17px;
    font-weight: 500;
    letter-spacing: normal;
    line-height: 1.5;
    color: #f8f8f8;
    border-radius: 50px;
    height: 45px;
    justify-content: center;
    margin: 32px auto;
    padding: 12px 41px
}

.fan-club-welcome .user-fan-club-status-btn .icon {
    height: 18px;
    margin-right: 10px;
    width: 18px
}

@media screen and (max-width:479px) {
    .fan-club-welcome {
        margin-bottom: 20px
    }

    .fan-club-welcome h3 {
        font-size: 26px;
        font-weight: 600;
        letter-spacing: normal;
        line-height: normal;
        margin: 0 0 18px
    }

    .fan-club-welcome-description {
        font-size: 14px;
        font-weight: 400;
        letter-spacing: normal;
        line-height: normal
    }

    .fan-club-welcome-split {
        width: auto
    }
}

@media screen and (max-width:1279px) {
    .fan-club-welcome.subscribed {
        width: 320px
    }
}

.pill-control {
    align-items: center;
    background: #1c1c1c;
    border-radius: 8px;
    display: flex;
    position: relative
}

.pill-control.multi-lines {
    flex-wrap: wrap
}

.pill-control.in-animation {
    pointer-events: none
}

.pill-control.in-animation .pill-control-ghost {
    opacity: 1
}

.pill-control-item {
    align-items: center;
    border-radius: 4px;
    cursor: pointer;
    display: flex;
    flex: 1;
    justify-content: center;
    padding: 0 12px;
    position: relative;
    transition: color .3s;
    color: rgba(248, 248, 248, .6)
}

.pill-control-item.active {
    background: rgba(248, 248, 248, .1);
    color: #fff;
    pointer-events: none
}

.pill-control-item.next-active,
.pill-control-item:hover {
    color: #f8f8f8
}

.pill-control-item.multi-lines {
    flex: auto
}

.pill-control-item.with-links a {
    color: inherit;
    text-decoration: none;
    flex-grow: 1;
    align-self: stretch;
    display: flex;
    align-items: center;
    justify-content: center
}

.pill-control--medium .pill-control-item {
    height: 40px;
    margin: 8px
}

.pill-control--small .pill-control-item {
    height: 32px;
    margin: 4px
}

@media screen and (max-width:639px) {
    .pill-control--small .pill-control-item {
        padding: 0 4px
    }
}

.pill-control-ghost {
    background: rgba(248, 248, 248, .1);
    border-radius: 4px;
    pointer-events: none;
    position: absolute;
    opacity: 0
}

.pill-control-ghost.hidden {
    display: none
}

@media screen and (max-width:639px) {
    .pill-control-item {
        height: 32px
    }
}

.model-feed-viewcam {
    display: flex;
    justify-content: center;
    margin: 20px 0
}

.model-feed-viewcam-single-column {
    flex: 1
}

.model-feed-viewcam .pill-control {
    margin: 0 auto;
    max-width: 642px
}

.model-feed-viewcam .pill-control-item>span {
    font-size: 16px;
    font-weight: 400;
    letter-spacing: normal;
    line-height: normal;
    align-items: center;
    bottom: 0;
    color: #fff;
    display: flex;
    justify-content: center;
    left: 0;
    padding: 0 5px 0 10px;
    position: absolute;
    right: 0;
    text-decoration: none;
    top: 0
}

.model-feed-viewcam .pill-control-item>span:hover {
    color: #fff;
    text-decoration: none
}

.model-feed-viewcam .pill-control-item>span>.icon {
    height: 18px;
    margin-right: 6px;
    width: 18px
}

.model-feed-viewcam .pill-control-item>span>.user-feed-link-attention-marker {
    position: relative;
    top: 2px
}

.model-feed-viewcam .fan-club-welcome.subscribed {
    text-align: left;
    margin: 0 32px 0 0
}

@media screen and (max-width:1023px) {
    .model-feed-viewcam {
        display: block;
        margin-top: 0
    }

    .model-feed-viewcam .fan-club-welcome.subscribed {
        margin: 0 auto 20px;
        text-align: center;
        width: 100%
    }

    .model-feed-viewcam .pill-control-item>span {
        font-size: 13px;
        font-weight: 500;
        letter-spacing: normal;
        line-height: normal
    }

    .model-feed-viewcam .pill-control-item>span>.user-feed-link-attention-marker {
        top: 0
    }
}

.view-cam-model-info {
    padding-top: 20px
}

.view-cam-model-info .navigation-container {
    height: 42px;
    overflow: hidden;
    padding: 0
}

.view-cam-model-info .navigation {
    background-color: transparent;
    height: 41px;
    margin-bottom: 20px;
    margin-top: 20px
}

.view-cam-model-info .navigation .visible-items {
    border-bottom: 1px solid rgba(248, 248, 248, .2);
    flex: 1
}

.view-cam-model-info .right-navigation-section {
    height: 42px;
    margin: 0 0 0 auto;
    padding-left: 18px
}

.view-cam-model-info .close-icon-wrapper {
    align-items: center;
    background-color: #2e2e2e;
    border-radius: 4px;
    display: flex;
    height: 40px;
    justify-content: center;
    width: 40px
}

.view-cam-model-info .close-icon-wrapper .icon {
    color: rgba(255, 255, 255, .6);
    fill: currentColor;
    margin: 0
}

.view-cam-model-info .close-icon-wrapper:hover .icon {
    color: #fff
}

.view-cam-model-info .visible-items .navbar-item {
    margin-bottom: -7px
}

.view-cam-model-info.isTheatreMode {
    display: none
}

@media screen and (max-width:639px) {
    .view-cam-model-info .header-sub-item-count {
        display: none
    }
}

.view-cam-model-info-navigation .nav-scrollable {
    height: auto
}

.lottery {
    background: #1d1d1d;
    border-top: none;
    box-shadow: none;
    color: #fff;
    display: block;
    margin-top: 10px;
    min-height: 50px;
    position: relative;
    width: 100%;
    z-index: 2;
    font-size: .75rem;
    display: flex;
    flex-direction: row
}

.lottery-description-loader {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.lottery p {
    margin: 10px 0;
    width: 100%
}

.lottery a {
    color: #69a8e0
}

.lottery .btn {
    margin-top: 20px;
    padding: 0 30px
}

.lottery .lottery-text {
    width: 100%
}

.lottery .lottery-time-wrapper {
    margin-top: 10px
}

.lottery .dropdown-arrow {
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%) rotate(180deg);
    transform-origin: 6px 0;
    transition: all 120ms ease-in-out 0s
}

.lottery .lottery-registrered-announced {
    color: rgba(255, 255, 255, .6)
}

.lottery .lottery-title-wrapper {
    padding: 15px;
    position: relative;
    width: 100%
}

.lottery .lottery-title-wrapper.active {
    cursor: pointer
}

.lottery .lottery-title {
    align-items: center;
    color: rgba(255, 255, 255, .6);
    cursor: pointer;
    font-weight: 400;
    justify-content: space-between;
    position: relative;
    width: 100%;
    font-size: .938rem;
    line-height: 1.375rem;
    letter-spacing: -.016rem;
    display: flex;
    flex-direction: row
}

.lottery .lottery-title .accept {
    color: #fff;
    font-weight: 700
}

.lottery .lottery-title .icon {
    fill: #fff;
    left: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%)
}

.lottery .lottery-content {
    padding-left: 40px;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    width: 100%;
    flex: 1;
    flex-basis: 100%;
    flex-grow: 1;
    flex-shrink: 1
}

.lottery .lottery-name {
    height: 22px;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    width: 100%
}

.lottery .lottery-name .lottery-item {
    animation-duration: 10s;
    animation-iteration-count: infinite;
    animation-name: opacity;
    display: block;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.lottery .lottery-name .lottery-item:nth-child(odd) {
    animation-direction: alternate
}

.lottery .lottery-name .lottery-item:nth-child(even) {
    animation-direction: alternate-reverse
}

.lottery .lottery-time {
    background: #000;
    border-radius: 3px;
    margin-left: 5px;
    padding: 5px 10px
}

.lottery .lottery-description {
    background: #1d1d1d;
    border-bottom: 1px solid rgba(255, 255, 255, .1);
    bottom: 50px;
    left: 0;
    padding: 15px 15px 0;
    position: absolute;
    width: 100%;
    min-height: 60px;
    line-height: 1.25rem;
    font-size: .875rem
}

.lottery .lottery-description .lottery-time {
    line-height: 1.563rem
}

.lottery .lottery-winner .winner-title {
    margin-right: 5px
}

.lottery .lottery-winner .username {
    font-weight: 700
}

.lottery .lottery-winner .winner-list {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    line-height: 1.125rem
}

.lottery .lottery-winner .winner-list .winner-item {
    display: inline-flex;
    margin-right: 5px
}

.lottery .lottery-participant {
    align-items: flex-start;
    display: flex;
    flex-direction: column
}

.lottery .lottery-participation {
    align-items: flex-start;
    display: flex;
    flex-direction: column
}

.lottery .lottery-congratulations {
    align-items: flex-start;
    width: 100%;
    display: flex;
    flex-direction: column
}

.lottery .lottery-congratulations .congratulations {
    position: relative
}

.lottery .lottery-congratulations .icon {
    fill: #fff;
    left: -30px;
    margin-left: 2px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%)
}

.lottery .lottery-registrered {
    align-items: flex-start;
    display: flex;
    flex-direction: column
}

.lottery hr {
    background: #626262;
    width: 100%
}

.lottery .lottery-title {
    align-items: center;
    cursor: pointer;
    justify-content: space-between;
    font-size: .875rem;
    display: flex;
    flex-direction: row
}

.lottery .icon-playing-dices {
    fill: #fff;
    margin-right: 10px
}

.lottery .icon-chevron-down-2 {
    fill: #fff
}

.lottery.green {
    cursor: default
}

.lottery.green .lottery-title-wrapper {
    background-color: #2f3b18
}

.lottery.green .lottery-title-wrapper .lottery-title {
    color: #fff
}

.lottery.green .lottery-title-wrapper .lottery-title .lottery-time {
    color: #fff
}

.lottery.green .lottery-title-wrapper .lottery-title .accept {
    color: #fff
}

.lottery.green .lottery-title-wrapper .icon-chevron-down-2 {
    fill: #fff
}

.lottery.open {
    border: none
}

.lottery.open .dropdown-arrow {
    transform: translateY(-50%) rotate(360deg)
}

.lottery.open .lottery-name .lottery-item {
    animation-name: none
}

.lottery.open .lottery-name .lottery-item:nth-child(2) {
    display: none
}

.lottery.open .lottery-title-wrapper {
    background-color: #1d1d1d
}

.lottery.open .lottery-title-wrapper .lottery-title {
    color: rgba(255, 255, 255, .6)
}

.lottery.open .lottery-title-wrapper .accept {
    color: #fff
}

.lottery.open .lottery-title-wrapper .icon-chevron-down-2 {
    fill: #fff
}

@media screen and (max-width:1023px) {
    .lottery {
        margin-top: 0
    }
}

@media screen and (max-width:480px) {
    .lottery p {
        margin: 5px 0
    }

    .lottery .lottery-title {
        font-size: .75rem
    }

    .lottery .lottery-description {
        font-size: .75rem;
        line-height: 1.125rem
    }
}

@keyframes opacity {
    0% {
        opacity: 1
    }

    40% {
        opacity: 1
    }

    60% {
        opacity: 0
    }

    100% {
        opacity: 0
    }
}

.view-cam-watching-limit {
    align-items: center;
    background: rgba(2, 2, 2, .85);
    height: 100%;
    justify-content: center;
    padding: 10px;
    position: absolute;
    width: 100%;
    z-index: 114;
    display: flex;
    flex-direction: column;
    transition: all 120ms ease-in-out 0s
}

.view-cam-watching-limit .btn-accept {
    padding: 0 30px
}

.view-cam-watching-limit .watching-limit-features {
    align-items: center;
    background-color: rgba(244, 244, 244, .1);
    border-radius: 30px;
    color: rgba(255, 255, 255, .7);
    cursor: pointer;
    justify-content: space-between;
    margin-bottom: 30px;
    padding: 10px 20px;
    display: flex;
    flex-direction: row;
    font-size: .813rem;
    line-height: 1.75rem
}

.view-cam-watching-limit .watching-limit-features .watching-limit-feature {
    align-items: center;
    margin: 0 10px;
    display: flex;
    flex-direction: row
}

.view-cam-watching-limit .watching-limit-features .icon {
    fill: rgba(255, 255, 255, .7);
    margin-right: 10px
}

.view-cam-watching-limit .watching-limit-title {
    color: #fa5365;
    color: var(--primary-light);
    font-weight: 700;
    margin-bottom: 20px;
    max-width: 600px;
    text-align: center;
    font-size: 1.5rem;
    line-height: 1.75rem
}

.view-cam-watching-limit .watching-limit-description {
    color: #fff;
    margin-bottom: 20px;
    max-width: 600px;
    opacity: .7;
    text-align: center;
    font-size: 1rem;
    line-height: 1.75rem
}

@media screen and (max-width:1023px) {
    .view-cam-watching-limit {
        justify-content: flex-start;
        padding-left: 40px;
        padding-right: 40px;
        padding-top: 25vh
    }
}

@media screen and (max-width:639px) {
    .view-cam-watching-limit .watching-limit-title {
        font-size: 1.25rem;
        line-height: 1.5rem
    }

    .view-cam-watching-limit .watching-limit-description {
        font-size: .875rem;
        line-height: 1.5rem
    }

    .view-cam-watching-limit .watching-limit-description-features {
        display: none
    }

    .view-cam-watching-limit .watching-limit-features {
        display: none
    }
}

.viewcam-profile-menu-item {
    position: relative;
    text-decoration: none
}

.viewcam-profile-menu-item:active,
.viewcam-profile-menu-item:hover,
.viewcam-profile-menu-item:link,
.viewcam-profile-menu-item:visited {
    text-decoration: none
}

.viewcam-profile-menu-item__avatar {
    left: 0;
    top: 50%;
    position: absolute;
    z-index: 1;
    transform: translate(0, -50%);
    border-color: #bfbfbf;
    transition: .15s linear;
    transition-property: border-color
}

.viewcam-profile-menu-item__avatar:after {
    content: "";
    border: 2px solid #303133;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    position: absolute;
    border-radius: 100%
}

.viewcam-profile-menu-item__label {
    font-size: .875rem;
    background-color: rgba(216, 216, 216, .23);
    border: 0;
    border-radius: 100px;
    color: #fff;
    cursor: pointer;
    transition: .15s linear;
    transition-property: background-color, border-color;
    padding: 6px 8px 6px 41px;
    font-weight: 500
}

.viewcam-profile-menu-item__online-status {
    box-shadow: 0 0 0 2px #303133;
    z-index: 1
}

.viewcam-profile-menu-item:hover .viewcam-profile-menu-item__avatar {
    border-color: #fff
}

.viewcam-profile-menu-item:hover .viewcam-profile-menu-item__label {
    background-color: rgba(216, 216, 216, .4);
    color: #fff
}

.viewcam-profile-menu-item__icon {
    fill: #fff;
    transform: rotate(90deg);
    margin: 4px 3px 2px 5px
}

.view-cam-model-tags {
    color: #8d8d8d;
    margin-bottom: 40px
}

.view-cam-model-tags-title {
    font-weight: 400;
    margin-bottom: 20px;
    font-size: 1.125rem
}

.view-cam-model-tags-title .link {
    color: #f8f8f8
}

.view-cam-model-tags-specials {
    margin-top: 20px
}

.view-cam-model-tags-group {
    margin-bottom: 10px
}

.view-cam-model-tags-group-title {
    font-size: .75rem;
    margin: 8px 12px 0 0
}

.view-cam-model-tags-group-title-mobile {
    font-size: .75rem;
    display: none;
    margin: 0 0 10px 0
}

@media screen and (max-width:639px) {
    .view-cam-model-tags-group-title {
        display: none
    }

    .view-cam-model-tags-group-title-mobile {
        display: block
    }
}

.banned-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 35px 0 108px;
    max-width: 100%;
    text-align: center
}

@media screen and (max-width:639px) {
    .banned-container {
        margin: 35px 0
    }
}

.banned-container .icon {
    color: #f8f8f8;
    height: 93px;
    width: 90px
}

.banned-container .icon .svg-account-blocked-head {
    fill: url(#dark_head_gradient)
}

.banned-container .icon .svg-account-blocked-body {
    fill: url(#dark_body_gradient)
}

.banned-container .icon .svg-account-blocked-sign {
    fill: url(#sign_gradient)
}

.banned-container .banned-container-title {
    margin-top: 6px;
    color: #f8f8f8;
    font-size: 1.5rem;
    line-height: 1.813rem
}

.banned-container .banned-container-description {
    margin-top: 19px;
    max-width: 520px;
    width: 100%;
    font-size: .938rem;
    line-height: 1.313rem;
    color: #f0f0f0
}

.banned-container .banned-container-description__highlight {
    color: #ecd141
}

.banned-container_geo .banned-container-title {
    margin-top: 10px
}

.account-disabled-page {
    max-width: 360px;
    padding: 70px 0 70px 0;
    text-align: center
}

.account-disabled-page .icon-account-disabled {
    color: #d8d8d8;
    margin: 20px
}

.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
}

@media screen and (max-width:480px) {
    .account-disabled-page {
        max-width: 320px
    }

    .account-disabled-page .btn {
        margin-bottom: 10px;
        margin-right: 0
    }
}

:root {
    --viewcam-max-width: calc(100vw - 28px)
}

#body>.viewcampage {
    height: 100%
}

#body>.viewcampage.ownpage {
    height: 100%
}

#body>.viewcampage .page>.page-error {
    margin-top: 100px;
    text-align: center
}

#body>.viewcampage>.wrapper {
    background-color: rgba(24, 24, 24, .5) !important;
    min-height: 300px
}

@media screen and (min-width:1948px) {
    #body>.viewcampage .view-cam-container {
        --viewcam-max-width: 1920px
    }

    #body>.viewcampage .view-cam-container .page {
        max-width: 1920px
    }

    #body>.viewcampage .view-cam-container .view-cam-header-sub .container {
        max-width: 1920px
    }
}

@media screen and (min-width:1024px) {
    #body>.viewcampage .view-cam-container .page {
        max-width: calc(100vw - 28px);
        max-width: var(--viewcam-max-width);
        padding: 0 !important
    }

    #body>.viewcampage .view-cam-container .view-cam-header-sub .container {
        max-width: calc(100vw - 28px);
        max-width: var(--viewcam-max-width);
        padding: 0
    }
}

@media screen and (max-width:1023px) {
    #body>.viewcampage .view-cam-container .view-cam-header-sub .container {
        padding-left: 10px
    }
}

#body>.viewcampage .view-cam-page-wrapper.theatre-mode {
    margin-top: auto;
    margin-bottom: auto
}

#body>.viewcampage .view-cam-page-wrapper.theatre-mode .view-cam-page .page,
#body>.viewcampage .view-cam-page-wrapper.theatre-mode .view-cam-page-main {
    max-width: 100vw;
    width: 100vw
}

#body>.viewcampage .view-cam-page-wrapper.theatre-mode .view-cam-page .page {
    padding-bottom: 0px
}

@media screen and (min-width:1281px) {
    #body>.viewcampage .view-cam-page-wrapper.theatre-mode .view-cam-container {
        --viewcam-max-width: 100vw
    }
}

#body.shaded .view-cam-page-wrapper .profile-wrapper {
    background: #0d0d0d;
    border-top: 1px solid #0d0d0d
}

#body.shaded .view-cam-page-wrapper .profile-wrapper .profile-header {
    color: #fff
}

#body.shaded .view-cam-page-wrapper .profile-wrapper .icon-wrapper .icon {
    fill: #fff
}

#body.shaded .header-email-verification-warning,
#body.shaded .user-level-notification {
    filter: brightness(15%);
    pointer-events: none
}

.view-cam-page .view-cam-page-main {
    display: flex;
    margin-bottom: 10px;
    margin-top: 10px;
    position: relative
}

.view-cam-page .view-cam-page-main.theatre-mode {
    margin-top: 0;
    margin-bottom: 0px
}

.view-cam-page .view-cam-page-main.theatre-mode .chat {
    padding-right: 0
}

.view-cam-page .view-cam-page-main.widescreen-container {
    padding-left: 0;
    padding-right: 0
}

.view-cam-page .view-cam-page-main .video {
    position: relative;
}

.view-cam-page .view-cam-page-main .chat {
    min-height: 300px;
    min-width: 400px;
    padding: 0 10px;
    position: relative;
    display: flex;
    flex-direction: column;
    flex: 1;
    flex-basis: auto;
    flex-grow: 1;
    flex-shrink: 0
}

@media screen and (max-width:768px) {
    .view-cam-page .view-cam-page-main {
        flex-direction: column;
        margin-top: 0
    }

    .view-cam-page .view-cam-page-main .chat {
        min-width: initial;
        padding: 0
    }

    .view-cam-page .view-cam-page-main .cam-members {
        display: none;
        height: initial
    }
}

@media screen and (max-width:479px) {
    .view-cam-page .view-cam-page-main {
        margin-top: 0
    }

    .view-cam-page .view-cam-page-main .chat {
        margin-top: 0
    }

    .view-cam-page .view-cam-page-main .video {
        margin-top:10px;
    }
}

@media screen and (min-width:1024px) {
    .view-cam-page .view-cam-container .view-cam-page-main {
        max-width: calc(100vw - 28px);
        max-width: var(--viewcam-max-width);
        width: calc(calc(100vw - 28px) * 1.6 + 400px);
        width: calc(var(--viewcam-max-width) * 1.6 + 400px)
    }
}

@media screen and (min-width:1600px) {
    .view-cam-page .view-cam-container .view-cam-page-main {
        max-width: 100%;
        width: 100%
    }
}

@media screen and (min-width:2041px) {
    .view-cam-page .view-cam-container .view-cam-page-main {
        min-width: 1920px
    }
}

@media screen and (min-width:2561px) {
    .view-cam-page .view-cam-container .view-cam-page-main {
        min-width: 1920px;
        max-width: 1920px
    }
}

.view-cam-page .view-cam-container .loader-wrapper {
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%)
}

.view-cam-page .view-cam-container .loader-wrapper .loader {
    position: relative
}

.view-cam-page .view-cam-container .loader-wrapper .loader-wrapper-message {
    font-size: 14px;
    line-height: 19px;
    opacity: .5;
    text-align: center
}

.view-cam-page .broadcast-container .view-cam-header {
    margin-bottom: 0
}

.view-cam-page .broadcast-container .view-cam-page-main {
    overflow: hidden
}

.view-cam-page .broadcast-container .view-cam-page-main .view-cam-page-aside {
    display: flex;
    flex-direction: row;
    flex-grow: 1;
    min-height: 400px;
    overflow: hidden
}

@media screen and (max-width:1023px) {
    .view-cam-page .broadcast-container .view-cam-page-main .view-cam-page-aside {
        min-height: 650px
    }
}

.view-cam-page .broadcast-container .video {
    display: flex;
    flex-direction: column
}

.view-cam-page .broadcast-container .chat {
    flex: 1 1 auto;
    min-width: 290px;
    overflow: hidden
}

.view-cam-page .broadcast-container .model-chat-wrapper {
    overflow: hidden
}

.view-cam-page .broadcast-container .model-broadcast {
    display: flex;
    flex-direction: column
}

.view-cam-page .broadcast-container .broadcast-player-wrapper,
.view-cam-page .broadcast-container .model-broadcast-player-wrapper {
    flex: 1
}

@media screen and (max-width:1023px) {

    .view-cam-page .broadcast-container>.page,
    .view-cam-page .view-cam-container>.page {
        padding-left: 0;
        padding-right: 0
    }
}

@media screen and (max-width:1023px) and (max-width:639px) {
    .view-cam-page>.header {
        padding: 0 .75rem
    }
}

@media screen and (max-width:1023px) and (min-width:640px) {
    .view-cam-page>.header {
        padding: 0 1.125rem
    }
}

.view-cam-page-wrapper .profile-wrapper {
    background: #000;
    border-top: 1px solid rgba(255, 255, 255, .05)
}

.view-cam-page-wrapper .profile-wrapper .page {
    padding-bottom: 10px
}

.view-cam-page-wrapper .profile-wrapper .profile-header {
    align-items: flex-start;
    color: #f8f8f8;
    display: flex;
    justify-content: flex-end;
    margin-bottom: 10px;
    padding-top: 14px
}

@media screen and (max-width:1023px) {
    .view-cam-page-wrapper .profile-wrapper .profile-header {
        padding-top: 10px
    }
}

.view-cam-page-wrapper .profile-wrapper .profile-header .icon-wrapper {
    background: rgba(255, 255, 255, .1);
    border-radius: 4px;
    cursor: pointer;
    display: block;
    float: right;
    padding: 10px
}

.view-cam-page-wrapper .profile-wrapper .profile-header .icon-wrapper .icon {
    color: #606060;
    margin: 0
}

.view-cam-page-wrapper .profile-wrapper .bottom-close {
    cursor: pointer;
    display: block;
    margin: 0 auto 30px;
    width: 50px
}

.view-cam-page-wrapper .profile-wrapper .bottom-close .icon {
    fill: #646464;
    margin-right: 0
}

@media screen and (max-width:1023px) {
    .view-cam-page-wrapper .profile-wrapper .bottom-close {
        margin-top: 20px
    }

    .view-cam-page-wrapper .profile-wrapper .profile-header {
        padding-top: 10px
    }
}

.view-cam-page-wrapper .scroll-up-button-wrapper {
    margin-bottom: 24px
}

.view-cam-page-wrapper .scroll-up-button-wrapper .scroll-up-button {
    display: block;
    height: 48px;
    margin: 0 auto;
    padding: 8px;
    width: 48px
}

.view-cam-page-wrapper .scroll-up-button-wrapper .scroll-up-button .icon {
    fill: rgba(255, 255, 255, .4);
    height: 32px;
    width: 32px;
    transition: all 120ms ease-in-out 0s
}

.view-cam-page-wrapper .scroll-up-button-wrapper .scroll-up-button span {
    display: none
}

.view-cam-page-wrapper .scroll-up-button-wrapper .scroll-up-button:hover .icon {
    fill: rgba(255, 255, 255, .6)
}

@media screen and (max-width:1023px) {

    .view-cam-page-wrapper.theatre-mode,
    .view-cam-page-wrapper.theatre-mode .view-cam-container,
    .view-cam-page-wrapper.theatre-mode .view-cam-page,
    .view-cam-page-wrapper.theatre-mode .view-cam-page-main {
        display: flex;
        flex-grow: 1
    }
}

@media screen and (pointer:fine) and (max-width:1023px) {
    .broadcast-container .view-cam-page-main {
        flex-basis: 100%;
        flex-wrap: nowrap;
        display: flex;
        flex-direction: column
    }

    .broadcast-container .view-cam-page-main .video {
        flex-basis: 100%
    }

    .broadcast-container .view-cam-page-main .cam-members {
        max-width: 230px;
        min-width: 170px;
        width: 230px;
        display: flex;
        flex-direction: column;
        flex: 1;
        flex-basis: 30%;
        flex-grow: 1;
        flex-shrink: 1
    }
}

@media screen and (pointer:fine) and (max-width:479px) {
    .broadcast-container .view-cam-page-main .cam-members {
        display: none
    }
}

.main-layout-main {
    display: flex;
    flex-flow: row nowrap;
    flex: 1 0 auto;
    max-width: 100vw
}

.main-layout-main::after {
    clear: both;
    content: "";
    display: table
}

.main-layout-main-single-column {
    flex-direction: column
}

.main-layout-main-multiple-column .index-page {
    width: 100%
}

.main-layout-main-right {
    display: flex;
    flex-flow: column nowrap;
    flex: 1 1 auto;
    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
}

@supports (position:sticky) {
    @media screen and (min-width:1024px) {
        .main-layout.live-tags.sticky-header-desktop .main-layout-main-content {
            overflow-x: visible
        }
    }

    @media screen and (max-width:1023px) {
        .main-layout.sticky-viewcam-subheader-mobile .main-layout-main-content {
            overflow-x: visible
        }

        .main-layout.sticky-viewcam-subheader-mobile .main-layout-main-content .view-cam-header-sub~* {
            overflow-x: hidden
        }
    }
}

.main-layout .model-list-wrapper {
    transition: filter .3s ease, filter .3s ease;
    display: flex;
    flex-direction: row;
    flex: 1;
    flex-basis: auto;
    flex-grow: 1;
    flex-shrink: 1
}

@media screen and (min-width:1366px) {
    .main-layout .app-sidebar-content:not(.app-sidebar-content-non-overlay-hidden)+.main-layout-main-right .page {
        padding-left: 20px;
        padding-right: 20px
    }
}

@media screen and (max-width:1023px) {
    .main-layout__with-navbar .editable-collection-module-controls-panel {
        transform: translateY(-60px)
    }
}

#body.shaded {
    background: #020202
}

#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
}

.plugin-tokens-modal {
    display: flex;
    flex-flow: column nowrap;
    align-items: center;
    padding: 30px
}

.plugin-tokens-modal-title {
    margin-top: 20px !important
}

.plugin-tokens-modal-img {
    min-width: 180px;
    height: 100px;
    border-radius: 4px
}

.plugin-tokens-modal-price {
    font-size: 14px;
    font-weight: 700;
    letter-spacing: normal;
    line-height: normal;
    color: #ffd737;
    margin-top: 10px
}

.plugin-tokens-modal-price-icon {
    width: 16px;
    height: 16px;
    margin-right: 8px;
    margin-top: -2px
}

.plugin-tokens-modal-action {
    font-size: 13px;
    font-weight: 700;
    line-height: 32px;
    margin: 20px 0 0;
    min-width: 180px;
    overflow: visible;
    width: 100%
}

.plugin-tokens-modal-action .btn-loader-overlay {
    border-radius: 2rem
}

.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: all 120ms ease-in-out 0s;
    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-request {
    align-items: center;
    background: #343434;
    border: 3px solid;
    border-radius: 16px;
    bottom: 16px;
    display: flex;
    flex-direction: column;
    left: 16px;
    padding: 29px 32px 17px;
    position: fixed;
    right: 16px;
    z-index: 499
}

@media screen and (min-width:480px) {
    .private-request {
        left: auto;
        width: 300px
    }
}

.private-request .title {
    font-size: 11px;
    font-weight: 700;
    letter-spacing: normal;
    line-height: normal;
    text-transform: uppercase;
    border-radius: 5px;
    box-shadow: 0px 0px 22px rgba(0, 0, 0, .38);
    left: auto;
    letter-spacing: initial;
    padding: 5px 8px;
    position: absolute;
    right: auto;
    top: -3px;
    transform: translateY(-50%)
}

.private-request .avatar {
    margin-bottom: 16px
}

.private-request .description {
    font-size: 15px;
    font-weight: 500;
    letter-spacing: normal;
    line-height: normal;
    color: #f8f8f8;
    margin-bottom: 6px;
    opacity: .6
}

.private-request .show-mode {
    font-size: 18px;
    font-weight: 700;
    letter-spacing: normal;
    line-height: 22px;
    margin-bottom: 6px
}

.private-request .hint {
    font-size: 12px;
    font-weight: 400;
    letter-spacing: normal;
    line-height: normal;
    color: rgba(248, 248, 248, .6);
    font-style: italic;
    margin-bottom: 6px
}

.private-request .price {
    font-size: 15px;
    font-weight: 700;
    letter-spacing: normal;
    line-height: normal;
    color: rgba(248, 248, 248, .6)
}

.private-request .price__original {
    margin-right: 8px
}

.private-request .price__original:before {
    background: #999
}

.private-request .price__current {
    color: #fff
}

.private-request .price__hint {
    opacity: .4;
    color: #fff;
    margin-left: 8px;
    cursor: pointer
}

.private-request .price__hint:hover {
    opacity: 1
}

.private-request .kiiroo-alert {
    background: rgba(255, 255, 255, .05);
    border-radius: 10px;
    color: rgba(248, 248, 248, .6);
    margin-top: 10px;
    padding: 10px 16px
}

.private-request .kiiroo-alert .icon {
    color: #fff;
    margin-right: 16px
}

.private-request .request-accept,
.private-request .request-decline {
    border: 0;
    font-size: 14px;
    font-weight: 700;
    line-height: 40px;
    margin: 0
}

.private-request .request-accept {
    margin: 20px 0 12px
}

.private-request .request-decline {
    background: #5b5b5b;
    color: #f8f8f8;
    transition: all 90ms ease-in-out 0s;
    margin-bottom: 20px
}

.private-request .request-decline>.icon {
    fill: #f8f8f8;
    transition: all 90ms ease-in-out 0s
}

@media (pointer:fine) {

    .private-request .request-decline.hover,
    .private-request .request-decline:hover {
        background: rgba(91, 91, 91, .9);
        color: #f8f8f8
    }

    .private-request .request-decline.hover>.icon,
    .private-request .request-decline:hover>.icon {
        fill: #f8f8f8
    }
}

.private-request .request-decline.active,
.private-request .request-decline.focus,
.private-request .request-decline:active,
.private-request .request-decline:focus {
    background: rgba(91, 91, 91, .9);
    color: #f8f8f8
}

.private-request .request-decline.active>.icon,
.private-request .request-decline.focus>.icon,
.private-request .request-decline:active>.icon,
.private-request .request-decline:focus>.icon {
    fill: #f8f8f8
}

.private-request .request-decline .btn-loader-overlay {
    color: #f8f8f8;
    background-color: #5b5b5b
}

.private-request .request-timer {
    font-size: 14px;
    font-weight: 500;
    letter-spacing: normal;
    line-height: normal;
    color: #f8f8f8
}

.private-request .request-timer__time {
    color: #feb601
}

.private-request.private {
    border-color: #f6f6f6
}

.private-request.private .title {
    background: #f6f6f6;
    color: #101010
}

.private-request.private .show-mode {
    color: #f6f6f6
}

.private-request.exclusive {
    border-color: #feb601
}

.private-request.exclusive .title {
    background: #feb601;
    color: #101010
}

.private-request.exclusive .show-mode {
    color: #feb601
}

.private-request.exclusive .request-accept,
.private-request.private .request-accept {
    background: #feb601;
    color: #1b1b1d;
    transition: all 90ms ease-in-out 0s
}

.private-request.exclusive .request-accept>.icon,
.private-request.private .request-accept>.icon {
    fill: #1b1b1d;
    transition: all 90ms ease-in-out 0s
}

@media (pointer:fine) {

    .private-request.exclusive .request-accept.hover,
    .private-request.exclusive .request-accept:hover,
    .private-request.private .request-accept.hover,
    .private-request.private .request-accept:hover {
        background: rgba(254, 182, 1, .9);
        color: #1b1b1d
    }

    .private-request.exclusive .request-accept.hover>.icon,
    .private-request.exclusive .request-accept:hover>.icon,
    .private-request.private .request-accept.hover>.icon,
    .private-request.private .request-accept:hover>.icon {
        fill: #1b1b1d
    }
}

.private-request.exclusive .request-accept.active,
.private-request.exclusive .request-accept.focus,
.private-request.exclusive .request-accept:active,
.private-request.exclusive .request-accept:focus,
.private-request.private .request-accept.active,
.private-request.private .request-accept.focus,
.private-request.private .request-accept:active,
.private-request.private .request-accept:focus {
    background: rgba(254, 182, 1, .9);
    color: #1b1b1d
}

.private-request.exclusive .request-accept.active>.icon,
.private-request.exclusive .request-accept.focus>.icon,
.private-request.exclusive .request-accept:active>.icon,
.private-request.exclusive .request-accept:focus>.icon,
.private-request.private .request-accept.active>.icon,
.private-request.private .request-accept.focus>.icon,
.private-request.private .request-accept:active>.icon,
.private-request.private .request-accept:focus>.icon {
    fill: #1b1b1d
}

.private-request.exclusive .request-accept .btn-loader-overlay,
.private-request.private .request-accept .btn-loader-overlay {
    color: #1b1b1d;
    background-color: #feb601
}

.private-request.vr {
    border-color: #2f7cf6
}

.private-request.vr .title {
    background: #2f7cf6;
    color: #f8f8f8
}

.private-request.vr .show-mode {
    color: #5e9eff
}

.private-request.vr .request-accept {
    background: #2f7cf6;
    color: #f8f8f8;
    transition: all 90ms ease-in-out 0s
}

.private-request.vr .request-accept>.icon {
    fill: #f8f8f8;
    transition: all 90ms ease-in-out 0s
}

@media (pointer:fine) {

    .private-request.vr .request-accept.hover,
    .private-request.vr .request-accept:hover {
        background: rgba(47, 124, 246, .9);
        color: #f8f8f8
    }

    .private-request.vr .request-accept.hover>.icon,
    .private-request.vr .request-accept:hover>.icon {
        fill: #f8f8f8
    }
}

.private-request.vr .request-accept.active,
.private-request.vr .request-accept.focus,
.private-request.vr .request-accept:active,
.private-request.vr .request-accept:focus {
    background: rgba(47, 124, 246, .9);
    color: #f8f8f8
}

.private-request.vr .request-accept.active>.icon,
.private-request.vr .request-accept.focus>.icon,
.private-request.vr .request-accept:active>.icon,
.private-request.vr .request-accept:focus>.icon {
    fill: #f8f8f8
}

.private-request.vr .request-accept .btn-loader-overlay {
    color: #f8f8f8;
    background-color: #2f7cf6
}

.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, .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, .8);
    height: 7px;
    margin: 0;
    width: 7px
}

@media screen and (max-width:1365px) {
    .wizard-user-menu-wrapper {
        position: absolute;
        right: 0
    }
}

@media screen and (max-width:639px) {
    .wizard-user-menu-wrapper {
        position: absolute;
        right: 0;
        top: 0
    }

    .wizard-user-menu-wrapper .avatar-wrapper {
        align-items: center;
        display: flex;
        flex-direction: row
    }

    .wizard-user-menu-wrapper .wizard-user-menu {
        padding: 10px
    }

    .wizard-user-menu-wrapper .header-user-dropdown-item-logout {
        align-items: center;
        height: 60px;
        justify-content: space-between;
        padding: 0 10px;
        display: flex;
        flex-direction: row
    }

    .wizard-user-menu-wrapper .wizard-dropdown-wrapper {
        height: 60px;
        top: 54px;
        width: calc(100vw - 14px)
    }

    .wizard-user-menu-wrapper .wizard-dropdown-wrapper::before {
        left: auto;
        right: 22px
    }
}

.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;
    color: rgba(255, 255, 255, .5);
    background-color: transparent;
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    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 {
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    justify-content: space-between;
    color: rgba(248, 248, 248, .6)
}

.app-sidebar-lang-select-list-link:hover {
    color: #f8f8f8
}

.app-sidebar-lang-select-list-link-active {
    color: #fa5365;
    color: var(--primary-light)
}

.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;
    position: relative;
    overflow: hidden
}

.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-royal {
    background: linear-gradient(90deg, #950700 0%, #ff1e1e 100%)
}

.user-levels-league-progress-view-league-legend {
    background: linear-gradient(90deg, #950700 0%, #ff1e1e 100%)
}

.user-levels-league-progress-view-value {
    font-weighT: bold;
    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;
    right: 0;
    position: absolute;
    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)
}

.user-levels-header-menu-ultimate {
    font-size: 13px;
    font-weight: 700;
    letter-spacing: normal;
    line-height: 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(/theme/stripchat/svg/iltimate-star.svg) no-repeat center;
    height: 24px;
    width: 24px;
    background-size: 100%;
    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 20px;
    transition: opacity .3s
}

.user-levels-header-menu .user-levels-league-progress:hover {
    background: rgba(38, 38, 38, .6)
}

.sign-up-new-benefits {
    margin-top: 0
}

.sign-up-new-benefits__benefit {
    display: flex;
    align-items: center;
    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;
    line-height: normal;
    flex: 1;
    color: rgba(255, 255, 255, .6);
    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
}

.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 {
    padding-top: 0 !important;
    margin-top: 16px
}

.header-dropdown-content-split.invisible-mode-switch::before {
    top: -8px
}

.header-dropdown-content-broadcast {
    padding: 10px 18px
}

.header-dropdown-content-broadcast .btn {
    width: 100%
}

.header-dropdown-content__signup-plate {
    padding: 14px 12px;
    border: 1px solid rgba(255, 255, 255, .2);
    background-color: #343537;
    border-radius: 12px;
    margin-bottom: 16px
}

.header-dropdown-content__signup-wrapper {
    width: 284px;
    background-color: #3e3f42;
    padding-top: 24px;
    padding-bottom: 13px
}

.header-dropdown-content__signup-benefits {
    padding-left: 16px;
    margin-top: 16px
}

.header-dropdown-content__signup-item {
    padding: 0 24px
}

.header-dropdown-content__signup-button {
    letter-spacing: .02em;
    transition: all ease-in-out .25s;
    background: #61922f;
    color: #fff;
    transition: all 90ms ease-in-out 0s;
    padding: 2px 20px;
    font-size: .875rem
}

.header-dropdown-content__signup-button>.icon {
    fill: #fff;
    transition: all 90ms ease-in-out 0s
}

@media (pointer:fine) {

    .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
    }
}

.header-dropdown-content__signup-button.active,
.header-dropdown-content__signup-button.focus,
.header-dropdown-content__signup-button:active,
.header-dropdown-content__signup-button:focus {
    background: #61922f;
    color: #fff
}

.header-dropdown-content__signup-button.active>.icon,
.header-dropdown-content__signup-button.focus>.icon,
.header-dropdown-content__signup-button:active>.icon,
.header-dropdown-content__signup-button:focus>.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 {
    height: 100%;
    margin-right: 12px;
    color: rgba(255, 255, 255, .8);
    transition: color 120ms;
    padding: 0 16px;
    text-decoration: none;
    display: flex;
    align-items: center
}

.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
}

@media screen and (max-width:1023px) {
    .header-user-menu.header-dropdown>.btn {
        margin: 0 4px 0 0;
        padding-left: 12px;
        padding-right: 12px
    }
}

.header-user-menu.header-dropdown>.btn:last-child {
    margin-right: 0px
}

.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, .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: #fff
}

.header-user-menu.header-dropdown ul>li .badge.badge-alert-small {
    left: 15px;
    position: absolute;
    top: 10px
}

.header-user-menu.header-dropdown ul>li .user-menu-avatar-wrapper.user-menu-avatar-wrapper {
    margin: 0;
    overflow: hidden;
    padding: 8px 16px;
    width: 100%;
    max-width: 320px;
    display: flex;
    align-items: center
}

.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;
    margin: 0;
    margin-left: 12px;
    fill-opacity: 1;
    min-width: 24px;
    height: 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;
    line-height: 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;
    color: #fa5365;
    color: var(--primary-light);
    transition: all 40ms ease-in-out 0s
}

.header-user-menu.header-dropdown ul>li.invisible-mode-switch:hover .icon:not(.icon-check) {
    fill: #fa5365;
    fill: var(--primary-light);
    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-menu {
    height: 18px;
    width: 18px
}

.header-user-menu.header-dropdown .icon-invisible {
    height: 18px;
    width: 18px
}

@media screen and (max-width:1599px) {
    .header-user-menu.header-dropdown.header-dropdown .dropdown-link {
        margin-right: -12px
    }
}

@media screen and (max-width:1023px) {
    .header-user-menu.header-dropdown .header-dropdown-content-wrapper {
        right: 0
    }

    .header-user-menu.header-dropdown .header-dropdown-content-wrapper:before {
        right: 8px
    }

    .header-user-menu.header-dropdown .mobile-nav-link {
        margin-right: -.75rem
    }

    .header-user-menu.header-dropdown.header-dropdown .dropdown-link {
        margin-right: -.75rem
    }
}

.personal-notifications-text-highlighter {
    font-size: 14px;
    font-weight: 500;
    letter-spacing: normal;
    line-height: normal;
    color: #fff
}

.personal-notifications-text-highlighter--accent {
    color: #a5cc37
}

.personal-notifications-text-highlighter--secondary {
    color: #ffba35
}

.personal-notifications-text-highlighter--font-weight-normal {
    font-weight: 400
}

.mass-message-detail-info {
    padding: 0 20px
}

.mass-message-detail-info__row {
    color: rgba(248, 248, 248, .6)
}

.mass-message-detail-info__row:not(first-child) {
    margin-top: 8px
}

.mass-message-detail-info__pending {
    font-size: 14px;
    font-weight: 500;
    letter-spacing: normal;
    line-height: normal;
    color: #ffba35
}

.mass-message-detail-info__question-icon {
    margin-left: 5px
}

.mass-message-detail-info__divider {
    height: 1px;
    background-color: #fff;
    opacity: .1;
    margin-top: 21px
}

.mass-message-detail-info__media {
    margin-top: 21px
}

.mass-message-detail-info__description {
    margin-top: 16px;
    font-style: italic
}

.image-loader-placeholder {
    animation: skeleton-animation 3s infinite linear;
    background: linear-gradient(90deg, #383838 20%, #404040 28%, #454545 35%, #404040 42%, #383838 50%);
    background-size: 300% 100%;
    will-change: background-position;
    border-radius: 4px;
    overflow: hidden
}

.image-with-lazy-loading {
    width: 100%;
    height: 100%;
    position: relative;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover
}

.image-with-lazy-loading__image {
    clip: rect(0 0 0 0);
    display: none;
    height: 1px;
    margin: -1px;
    position: absolute;
    visibility: hidden;
    width: 1px
}

.image-with-lazy-loading__placeholder {
    width: 100%;
    height: 100%;
    display: none;
    top: 0;
    left: 0
}

.image-with-lazy-loading__placeholder--loading {
    display: block
}

.image-with-lazy-loading__icon {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 36px;
    height: 34px;
    background-color: #000;
    border-radius: 50%;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center
}

.image-with-lazy-loading__icon--pending {
    background-color: transparent
}

.image-with-lazy-loading__icon--pending .icon.icon-sand-clock {
    margin-left: 0
}

.image-with-lazy-loading__icon .icon {
    margin-right: 0;
    margin-left: 2px;
    fill: currentColor
}

.mass-message-detail-media__row {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start
}

.mass-message-detail-media__item {
    margin-left: 15px
}

.mass-message-detail-media__item:first-child {
    margin-left: 0
}

.mass-message-detail-media__image {
    border-radius: 4px;
    cursor: pointer;
    overflow: hidden;
    height: 64px;
    width: 64px
}

.mass-message-detail-media__player {
    border-radius: 16px;
    background-color: #515255;
    margin-top: 16px;
    padding: 12px
}

.conversation-skeleton {
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    padding: 12px
}

.conversation-skeleton-content {
    display: flex;
    flex-flow: column nowrap
}

.conversation-skeleton-avatar {
    animation: skeleton-animation 3s infinite linear;
    background: linear-gradient(90deg, #515255 20%, #535457 28%, #57595c 35%, #535457 42%, #515255 50%);
    background-size: 300% 100%;
    will-change: background-position;
    height: 44px;
    width: 44px;
    border-radius: 50%;
    margin-right: 12px
}

.conversation-skeleton-username {
    animation: skeleton-animation 3s infinite linear;
    background: linear-gradient(90deg, #515255 20%, #535457 28%, #57595c 35%, #535457 42%, #515255 50%);
    background-size: 300% 100%;
    will-change: background-position;
    height: 8px;
    width: 171px;
    border-radius: 4px;
    margin-bottom: 15px
}

.conversation-skeleton-message {
    animation: skeleton-animation 3s infinite linear;
    background: linear-gradient(90deg, #515255 20%, #535457 28%, #57595c 35%, #535457 42%, #515255 50%);
    background-size: 300% 100%;
    will-change: background-position;
    height: 8px;
    width: 247px;
    border-radius: 4px
}

.conversations-skeleton {
    padding: 0 8px;
    margin-bottom: auto
}

.personal-notifications-mass-messages-item {
    align-items: center;
    border-radius: 8px;
    cursor: pointer;
    display: flex;
    margin: 0 8px;
    padding: 12px;
    position: relative;
    transition: background .3s
}

@media (pointer:fine) {
    .personal-notifications-mass-messages-item:hover {
        background: #515255
    }

    .personal-notifications-mass-messages-item:hover .personal-notifications-mass-messages-item__icon-circle--hovered {
        background: #515255
    }
}

.personal-notifications-mass-messages-item__icon-wrapper {
    align-items: center;
    display: flex;
    justify-content: center;
    margin-right: 12px;
    position: relative
}

.personal-notifications-mass-messages-item__icon-circle {
    align-items: center;
    background-color: #d0941e;
    border-radius: 50%;
    display: flex;
    height: 44px;
    justify-content: center;
    width: 44px
}

.personal-notifications-mass-messages-item__icon-circle--free {
    background-color: #727272
}

.personal-notifications-mass-messages-item__icon-circle--small {
    background-color: #3e3f42;
    bottom: -3px;
    height: 24px;
    position: absolute;
    right: -1px;
    width: 24px
}

.personal-notifications-mass-messages-item__pending-icon,
.personal-notifications-mass-messages-item__question-icon,
.personal-notifications-mass-messages-item__status-icon {
    margin-right: 0
}

.personal-notifications-mass-messages-item__status-icon {
    fill: #fff;
    color: #fff
}

.personal-notifications-mass-messages-item__pending-icon {
    fill: #fff
}

.personal-notifications-mass-messages-item__pending {
    position: relative;
    color: #ffba35;
    margin-left: 8px
}

.personal-notifications-mass-messages-item__question-icon {
    margin-left: 5px
}

.personal-notifications-mass-messages-item__mode {
    font-size: 15px;
    font-weight: 700;
    letter-spacing: normal;
    line-height: normal;
    color: #fff
}

.personal-notifications-mass-messages-item__time {
    font-size: 12px;
    font-weight: 500;
    letter-spacing: normal;
    line-height: normal;
    color: #f8f8f8;
    margin-left: 8px;
    opacity: .3
}

.personal-notifications-mass-messages-item__bottom {
    margin-top: 4px
}

.personal-notifications-mass-messages-item__count {
    font-size: 14px;
    font-weight: 500;
    letter-spacing: normal;
    line-height: normal;
    color: rgba(248, 248, 248, .6);
    line-height: 17px;
    margin-right: 18px
}

.personal-notifications-mass-messages-item__count--with-border {
    position: relative
}

.personal-notifications-mass-messages-item__count--with-border:after {
    content: "";
    width: 2px;
    height: 14px;
    background-color: rgba(248, 248, 248, .3);
    position: absolute;
    top: 2px;
    left: -10px
}

.personal-notifications-mass-messages-item__chevron {
    color: rgba(248, 248, 248, .6);
    margin-left: auto
}

.enable-photos-from-user-notification {
    background: rgba(248, 248, 248, .04);
    border-radius: 8px;
    display: flex;
    margin: 0 8px 4px;
    padding: 12px 40px 12px 16px;
    position: relative
}

.enable-photos-from-user-notification__title {
    display: block;
    font-weight: 400;
    color: rgba(248, 248, 248, .6);
    font-size: .875rem;
    line-height: 1.125rem
}

.enable-photos-from-user-notification__title strong {
    color: #f8f8f8
}

.enable-photos-from-user-notification__icon {
    align-self: flex-start;
    margin-right: 12px
}

.enable-photos-from-user-notification__close {
    position: absolute;
    right: 12px;
    top: 12px;
    align-items: center;
    border-radius: 2px;
    display: flex;
    height: 20px;
    justify-content: center;
    opacity: .5;
    width: 20px
}

.enable-photos-from-user-notification__close:hover {
    background: rgba(248, 248, 248, .1);
    opacity: 1
}

.enable-photos-from-user-notification__close .icon {
    margin-right: 0
}

.enable-photos-from-user-notification__allow-button {
    font-weight: 500;
    margin-bottom: 0;
    margin-top: 8px
}

.conversations-loader {
    height: 95%
}

.conversations-loader__skeleton-wrapper {
    height: 100%;
    overflow-y: hidden
}

.personal-notifications-message-item-body .message-body-media-icon {
    color: #ffba35;
    fill: currentColor;
    vertical-align: bottom
}

.personal-notifications-message-item {
    align-items: center;
    border-radius: 8px;
    cursor: pointer;
    display: flex;
    margin: 0 8px;
    padding: 12px;
    position: relative;
    transition: background .3s;
    flex-shrink: 0
}

@media (pointer:fine) {
    .personal-notifications-message-item:hover {
        background: #515255
    }
}

.personal-notifications-message-item .avatar {
    border: 0;
    flex-shrink: 0;
    height: 44px;
    margin: 0 12px 0 0;
    width: 44px
}

.personal-notifications-message-item .avatar .online {
    height: 6px;
    left: 0;
    top: 0;
    width: 6px
}

.personal-notifications-message-item .avatar .live-badge {
    border-color: #3e3f42;
    border-radius: 4px;
    border-width: 1px;
    bottom: -5px;
    font-size: 9px;
    padding: 3px 5px
}

.personal-notifications-message-item-content {
    overflow: hidden
}

.personal-notifications-message-item-name {
    align-items: center;
    display: flex
}

.personal-notifications-message-item-name .username {
    font-weight: 700
}

.personal-notifications-message-item-text {
    color: rgba(248, 248, 248, .6);
    margin: 5px 0 0;
    min-height: 16px;
    overflow: hidden;
    padding-right: 40px;
    text-overflow: ellipsis;
    white-space: nowrap
}

.personal-notifications-message-item-time {
    font-size: 12px;
    font-weight: 500;
    letter-spacing: normal;
    line-height: normal;
    margin: 0 0 0 6px;
    opacity: .3
}

.personal-notifications-message-item-menu {
    align-items: center;
    cursor: pointer;
    display: flex;
    height: 32px;
    justify-content: center;
    opacity: .4;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    transition: opacity .3s;
    width: 32px
}

@media screen and (max-width:639px) {
    .personal-notifications-message-item-menu {
        height: 44px;
        margin-right: -8px;
        width: 44px
    }
}

.personal-notifications-message-item-menu:hover {
    opacity: 1
}

.personal-notifications-message-item-new {
    align-items: center;
    background: #ff5f5f;
    border-radius: 50%;
    color: #f8f8f8;
    display: flex;
    font-size: 11px;
    height: 20px;
    justify-content: center;
    pointer-events: none;
    position: absolute;
    right: 30px;
    width: 20px
}

.personal-notifications-message-item .personal-notifications-settings {
    left: unset;
    right: -8px
}

.personal-notifications-message-item .personal-notifications-settings.bottom {
    bottom: unset;
    top: 56px
}

.personal-notifications-message-item .personal-notifications-settings.top {
    bottom: 56px;
    top: unset
}

@media screen and (max-width:639px) {
    .personal-notifications-message-item .personal-notifications-settings {
        bottom: unset;
        left: 7px;
        right: 7px;
        top: 56px;
        width: unset
    }
}

.personal-notifications-message-item .personal-notifications-switcher-name {
    cursor: pointer;
    text-decoration: none
}

.personal-notifications-message-item .personal-notifications-switcher-name:hover {
    color: #f8f8f8
}

.content-status-changed-personal-notification .success-icon {
    fill: currentColor;
    color: #79943d
}

.content-status-changed-personal-notification .personal-notification-image.icon-ban {
    color: #f14b57;
    fill: currentColor
}

.content-status-changed-personal-notification .personal-notification-body-text {
    color: #f8f8f8
}

.content-status-changed-personal-notification .personal-notification-body-text .highlighted {
    color: rgba(248, 248, 248, .5)
}

.content-status-changed-personal-notification__link {
    color: currentColor;
    text-decoration: underline
}

.accept-friendship-button {
    background-color: #5b5b5b;
    border: 2px solid #5b5b5b;
    color: #f1f1f1
}

.accept-friendship-button:hover {
    background-color: #fff;
    border: 2px solid #fff;
    color: #414141
}

.decline-friendship-button {
    background-color: transparent;
    border: 2px solid rgba(255, 255, 255, .3);
    color: rgba(255, 255, 255, .6)
}

.decline-friendship-button:hover {
    background-color: transparent;
    border: 2px solid rgba(255, 255, 255, .6);
    color: rgba(255, 255, 255, .8)
}

.ultimate-membership-personal-notification .ultimate-star {
    background: url(/theme/stripchat/svg/iltimate-star.svg) no-repeat center;
    height: 100%;
    width: 100%;
    background-size: 100%
}

.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
}

.news-notification {
    display: flex;
    flex-direction: column
}

.news-notification--subject {
    font-size: 16px;
    font-weight: 500;
    letter-spacing: normal;
    line-height: normal;
    line-height: 20px;
    cursor: pointer;
    color: #a5cc50
}

.news-notification--date {
    margin-top: 2px;
    color: rgba(255, 255, 255, .5);
    font-size: .625rem;
    line-height: 1rem
}

.news-notification--date * {
    font-size: .625rem;
    line-height: 1rem
}

.news-notification--image {
    position: relative;
    margin-top: 12px;
    cursor: pointer;
    border-radius: 10px
}

.news-notification--image img {
    width: 100%;
    border-radius: 10px
}

.news-notification--image-cover {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 2px solid rgba(255, 255, 255, .1);
    border-radius: 10px
}

.news-notification--body {
    font-size: 12px;
    font-weight: 500;
    letter-spacing: normal;
    line-height: normal;
    line-height: 15px;
    margin-top: 12px;
    cursor: pointer
}

.news-notification--controls {
    margin-top: 12px
}

.news-notification--learn-more {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden
}

.news-notification--learn-more-btn {
    font-weight: 700
}

.header-dropdown-content-item {
    position: relative
}

.bookmarks-pills {
    padding: 0 20px;
    margin-bottom: 20px
}

@media screen and (max-width:479px) {
    .bookmarks-pills {
        margin-top: 4px
    }
}

.bookmarks-pills__control {
    background: rgba(0, 0, 0, .2)
}

.bookmarks-pills .bookmarks-pills__control-item {
    height: 28px
}

.bookmarks-pills__item-label {
    position: relative
}

.bookmarks-pills__item-label--has-unread-messages::after {
    background-color: #fa5365;
    background-color: var(--primary-light);
    border-radius: 50%;
    content: "";
    height: 6px;
    position: absolute;
    right: -7px;
    top: 0;
    width: 6px
}

.open-mass-messages-modal-button.open-mass-messages-modal-button {
    opacity: 1
}

.open-mass-messages-modal-button__icon {
    color: #1e9b4b
}

.open-mass-messages-modal-button:hover .open-mass-messages-modal-button__icon {
    color: #f8f8f8
}

.personal-notifications-price-control {
    align-items: center;
    background: rgba(255, 255, 255, .05);
    border-radius: 8px;
    color: rgba(248, 248, 248, .6);
    display: flex;
    height: 34px;
    justify-content: space-between;
    padding: 0 12px;
    margin-top: 10px
}

.personal-notifications-price-control-value {
    font-size: 13px;
    font-weight: 700;
    letter-spacing: normal;
    line-height: normal;
    color: gold
}

.personal-notifications-price-control-free {
    font-size: 13px;
    font-weight: 500;
    letter-spacing: normal;
    line-height: normal;
    color: rgba(248, 248, 248, .8)
}

.personal-notifications-price-control-change {
    font-size: 13px;
    font-weight: 500;
    letter-spacing: normal;
    line-height: normal;
    text-decoration: underline
}

.personal-notifications-price-control.disabled {
    pointer-events: none;
    opacity: .6
}

.personal-notifications-online-pill {
    align-items: center;
    background: 0 0;
    border-radius: 5px;
    color: rgba(248, 248, 248, .6);
    border: 2px solid rgba(248, 248, 248, .6);
    cursor: pointer;
    display: inline-flex;
    font-size: 10px;
    height: 20px;
    padding: 0 4px;
    text-transform: uppercase;
    transition-property: color, border-color;
    transition-timing-function: ease-in-out;
    transition-duration: .15s
}

.personal-notifications-online-pill:hover {
    color: #f8f8f8;
    border-color: #f8f8f8
}

.personal-notifications-online-pill-online {
    color: #9fe20d;
    border-color: #9fe20d
}

.personal-notifications-online-pill-online:hover {
    color: #c0e570;
    border-color: #c0e570
}

.personal-notifications-modal-panel-controls {
    align-items: center;
    display: flex;
    height: 24px;
    position: absolute;
    right: 22px;
    top: 20px;
    z-index: 11
}

.personal-notifications-modal-panel-controls-btn {
    align-items: center;
    border-radius: 2px;
    display: flex;
    height: 24px;
    justify-content: center;
    opacity: .5;
    width: 24px;
    color: #f8f8f8;
    margin: 0 0 0 20px;
    opacity: .5;
    position: relative;
    transition: opacity .3s
}

.personal-notifications-modal-panel-controls-btn:hover {
    background: rgba(248, 248, 248, .1);
    opacity: 1
}

.personal-notifications-modal-panel-controls-btn:hover {
    opacity: 1
}

.personal-notifications-modal-panel-controls-btn.active {
    opacity: 1;
    pointer-events: none
}

.personal-notifications-modal-panel-controls-btn.active .icon-settings {
    transform: rotate(180deg)
}

.personal-notifications-modal-panel-controls .icon {
    fill: currentColor;
    height: 16px;
    margin: 0;
    transition: all .3s;
    width: 16px
}

.personal-notifications-modal-panel-controls .icon.icon-close-3 {
    height: 15px;
    width: 15px
}

@media screen and (max-width:639px) {
    .personal-notifications-modal-panel-controls .icon.icon-close-3 {
        height: 13px;
        width: 13px
    }
}

.personal-notifications-modal-panel-controls-form {
    max-width: 100%;
    padding: 30px;
    width: 600px
}

.personal-notifications-modal-panel-controls-form label {
    align-items: center;
    display: flex;
    margin: 10px 0
}

.personal-notifications-modal-panel-controls-form-field.input,
.personal-notifications-modal-panel-controls-form-field.select {
    display: block;
    height: 30px !important;
    text-align: left;
    width: 185px
}

.personal-notifications-modal-panel-controls-form-field .select-control {
    height: 30px !important
}

.personal-notifications-modal-panel-controls-form-text {
    text-align: left;
    width: 100px
}

.personal-notifications-modal-panel-controls-form-actions {
    border-top: 1px solid rgba(248, 248, 248, .1);
    margin: 20px 0 0;
    padding: 20px 0 0
}

.personal-notifications-modal-panel-controls-form-actions .btn {
    margin: 0 10px 0 0
}

.personal-notifications-modal-panel-controls-form h3 {
    font-size: 22px;
    font-weight: 600;
    letter-spacing: normal;
    line-height: normal;
    margin: 0 0 12px
}

.personal-notifications-modal-panel-controls>.personal-notifications-modal-panel-controls-settings {
    right: 20px;
    top: 32px
}

@media screen and (max-width:639px) {
    .personal-notifications-modal-panel-controls {
        right: 17px;
        top: 15px
    }

    .personal-notifications-modal-panel-controls .hide-mobile {
        display: none
    }
}

.personal-notifications-modal {
    animation: opacity-fade-show .3s;
    background: #3e3f42;
    border-radius: 8px;
    bottom: 10px;
    box-shadow: 0 20px 30px rgba(0, 0, 0, .3);
    display: flex;
    flex-direction: column;
    height: unset;
    max-height: 100%;
    left: auto !important;
    position: fixed;
    right: 10px;
    width: 422px;
    z-index: 313
}

@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) {
    .personal-notifications-modal {
        letter-spacing: .063rem
    }
}

.personal-notifications-modal .scroll-bar-container {
    display: flex;
    flex-direction: column;
    height: 100%;
    max-height: none;
    max-width: none;
    overflow-x: hidden;
    width: auto
}

.personal-notifications-modal-title {
    font-size: 22px;
    font-weight: 700;
    letter-spacing: normal;
    line-height: normal;
    border-bottom: 1px solid transparent;
    color: #f8f8f8;
    height: 68px;
    margin: 0;
    padding: 20px;
    transition: border-bottom-color .5s
}

@media screen and (max-width:479px) {
    .personal-notifications-modal-title {
        font-size: 20px;
        font-weight: 500;
        letter-spacing: normal;
        line-height: normal;
        height: 56px;
        padding: 12px
    }
}

.personal-notifications-modal-title.scrolled {
    border-bottom-color: rgba(248, 248, 248, .1)
}

.personal-notifications-modal-title button {
    align-items: center;
    border-radius: 2px;
    display: flex;
    height: 24px;
    justify-content: center;
    opacity: .5;
    width: 24px;
    align-items: center;
    background: 0 0;
    border: 0;
    color: #f8f8f8;
    cursor: pointer;
    display: inline-flex;
    justify-content: center;
    margin-right: 12px
}

.personal-notifications-modal-title button:hover {
    background: rgba(248, 248, 248, .1);
    opacity: 1
}

.personal-notifications-modal-title .icon {
    flex-shrink: 0;
    height: 16px;
    margin: 0;
    width: 16px
}

.personal-notifications-modal .personal-notification-footer {
    justify-content: flex-start
}

.personal-notifications-modal .personal-notification {
    padding: 10px 20px;
    padding-right: 30px
}

@media screen and (max-width:479px) {
    .personal-notifications-modal {
        height: 100vh
    }
}

@media (max-width:639px),
(max-height:615px) and (max-width:900px) {
    .personal-notifications-modal {
        border-radius: 0;
        height: 100%;
        right: 0;
        top: 0 !important;
        width: 100%
    }

    .personal-notifications-modal h2 {
        display: none
    }
}

.personal-notifications-modal-panel {
    align-items: center;
    align-self: stretch;
    position: relative;
    display: flex;
    flex-direction: row
}

.personal-notifications-modal-panel__dropdown {
    will-change: opacity;
    z-index: 313
}

.personal-notifications-modal-panel-footer {
    align-items: center;
    border-top: 1px solid rgba(248, 248, 248, .1);
    bottom: 0;
    color: rgba(248, 248, 248, .4);
    display: flex;
    font-size: 13px;
    justify-content: space-between;
    padding: 10px 20px
}

@media screen and (min-width:640px) {
    .personal-notifications-modal-panel-footer.empty-on-desktop {
        display: none
    }
}

.personal-notifications-modal-panel-footer-action {
    color: #fff;
    cursor: pointer
}

.personal-notifications-modal-panel-footer-action.disabled {
    opacity: .8;
    pointer-events: none
}

.personal-notifications-modal-panel-footer-action:hover {
    color: #f8f8f8
}

.personal-notifications-modal-panel-footer .personal-notifications-modal-panel-controls-btn {
    display: none;
    fill: rgba(248, 248, 248, .8);
    margin: 0 12px 0 0
}

.personal-notifications-modal-panel-footer-item {
    align-items: center;
    display: flex
}

.personal-notifications-modal-panel-empty {
    align-items: center;
    display: flex;
    flex: 1;
    justify-content: center;
    opacity: .6;
    padding: 0 30px;
    text-align: center;
    height: 100%
}

.personal-notifications-modal-panel-empty .icon {
    color: #f8f8f8;
    fill: #f8f8f8;
    height: 80px;
    margin: 0 0 12px;
    width: 80px
}

.personal-notifications-modal-panel-empty-title {
    font-size: 20px;
    font-weight: 500;
    letter-spacing: normal;
    line-height: 1.5;
    color: #fff;
    margin: 0 0 14px
}

.personal-notifications-modal-panel-empty-description {
    font-size: 13px;
    font-weight: 400;
    letter-spacing: normal;
    line-height: 18px;
    color: rgba(248, 248, 248, .6);
    margin: 0 auto;
    max-width: 80%
}

.personal-notifications-modal-panel-counter-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 20px
}

.personal-notifications-modal-panel-counter {
    padding-right: 6px
}

.personal-notifications-modal-panel-message-question-tooltip.tooltip>.tooltip-inner::before {
    left: auto;
    right: 5px
}

.personal-notifications-modal-panel .content {
    overflow: hidden
}

.personal-notifications-modal-panel .header-notifications-subscription {
    border-top: 1px solid #545558;
    position: relative;
    font-size: .75rem;
    line-height: 1rem
}

.personal-notifications-modal-panel .header-notifications-subscription-content {
    background-color: #3e3f42;
    justify-content: space-between;
    opacity: 1;
    padding: 12px 18px;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    display: flex;
    flex-direction: row;
    transition: opacity .2s ease-in-out .5s
}

.personal-notifications-modal-panel .header-notifications-subscription-content:nth-of-type(2) {
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1
}

.personal-notifications-modal-panel .header-notifications-subscription-content.header-notifications-subscription-content-exit {
    opacity: 0
}

.personal-notifications-modal-panel .header-notifications-title {
    opacity: .6;
    flex: 1;
    flex-basis: auto;
    flex-grow: 1;
    flex-shrink: 1
}

.personal-notifications-modal-panel .header-notifications-tooltip {
    display: inline-block;
    padding-left: 5px;
    flex: 1;
    flex-basis: auto;
    flex-grow: 0;
    flex-shrink: 0
}

.personal-notifications-modal-panel .header-notifications-tooltip .icon {
    height: 14px;
    margin: 0;
    opacity: .6;
    width: 14px
}

.personal-notifications-modal-panel .header-notifications-tooltip:hover .icon {
    opacity: 1
}

.personal-notifications-modal-panel .header-notifications-action {
    flex: 1;
    flex-basis: auto;
    flex-grow: 0;
    flex-shrink: 0
}

.personal-notifications-modal-panel .header-notifications-action a {
    color: rgba(255, 255, 255, .8)
}

.personal-notifications-modal-panel .dropdown-link {
    display: flex;
    flex-direction: row;
    align-items: center;
    align-self: stretch;
    color: rgba(255, 255, 255, .8);
    display: block;
    justify-content: center;
    max-width: 72px;
    padding: 0 14px;
    position: relative;
    text-decoration: none;
    transition: color 120 120;
    width: auto;
    display: flex;
    flex-direction: row;
    flex: 1;
    flex-basis: auto;
    flex-grow: 1;
    flex-shrink: 1
}

.personal-notifications-modal-panel .dropdown-link.mobile {
    display: none
}

.personal-notifications-modal-panel .dropdown-link .icon {
    fill: rgba(255, 255, 255, .8);
    margin: 0
}

.personal-notifications-modal-panel .dropdown-link .icon-notifications {
    height: 16px;
    margin: 0;
    width: 16px
}

.personal-notifications-modal-panel .dropdown-link.has-unread-notifications:after {
    background-color: #ff6528;
    border: 2px solid #a2252d;
    border: 2px solid var(--primary);
    border-radius: 10px;
    content: "";
    height: 12px;
    position: absolute;
    right: 8px;
    top: 13px;
    width: 12px
}

.personal-notifications-modal-panel .dropdown-link.has-new-notifications .icon-notifications {
    animation: ring 2s ease 1
}

.personal-notifications-modal-panel .dropdown-link.has-unread-messages::after {
    background-color: #ff6528;
    border: 2px solid #a2252d;
    border: 2px solid var(--primary);
    border-radius: 10px;
    content: "";
    height: 12px;
    position: absolute;
    right: 6px;
    top: 13px;
    width: 12px
}

@media screen and (max-width:479px) {
    .personal-notifications-modal-panel {
        flex-grow: 0;
        flex-shrink: 0;
        position: static
    }

    .personal-notifications-modal-panel .header-dropdown-content-wrapper {
        left: 0;
        right: 0
    }

    .personal-notifications-modal-panel-controls-online {
        display: none
    }

    .personal-notifications-modal-panel .dropdown-link {
        padding: 14px;
        width: unset
    }
}

.personal-notifications-modal-panel-tabs {
    align-items: center;
    background: #3e3f42;
    display: none;
    height: 54px;
    left: 0;
    padding: 0 16px;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 10
}

.personal-notifications-modal-panel-tabs-item {
    position: relative;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: normal;
    line-height: normal;
    margin: 0 20px 0 0;
    color: #88898b
}

.personal-notifications-modal-panel-tabs-item.active {
    color: inherit;
    pointer-events: none
}

.personal-notifications-modal-panel-tabs-item--has-new-notifications:after {
    background-color: #fa5365;
    background-color: var(--primary-light);
    border: 2px solid #a2252d;
    border: 2px solid var(--primary);
    border-radius: 50%;
    content: "";
    position: absolute;
    height: 12px;
    width: 12px;
    right: 0;
    top: 0;
    transform: translate(50%, -25%);
    right: -3px
}

@media (max-width:639px),
(max-height:615px) and (max-width:900px) {
    .personal-notifications-modal-panel-tabs {
        display: flex
    }

    .personal-notifications-modal-panel .dropdown-link {
        display: none
    }

    .personal-notifications-modal-panel .dropdown-link.mobile {
        display: flex
    }

    .personal-notifications-modal-panel-footer .personal-notifications-modal-panel-controls-btn {
        display: block
    }

    .personal-notifications-modal-panel-footer .personal-notifications-modal-panel-controls-btn .icon {
        margin: 0
    }
}

.personal-notifications-modal-panel-content h3 {
    font-size: 16px;
    font-weight: 700;
    letter-spacing: normal;
    line-height: normal;
    color: #f8f8f8;
    margin: 20px
}

.personal-notifications-modal-panel-header-text {
    font-size: 13px;
    font-weight: 400;
    letter-spacing: normal;
    line-height: 1.5;
    background: #4f4f4f;
    border-radius: 8px;
    color: rgba(248, 248, 248, .6);
    margin: 10px 20px 20px;
    padding: 10px 12px
}

.i-os .personal-notifications-modal-panel-footer {
    padding-bottom: 26px
}

.personal-notification-body .avatar {
    border: 0;
    flex-shrink: 0;
    height: 44px;
    margin: 0 12px 0 0;
    width: 44px
}

.personal-notification-body .avatar .online {
    height: 5px;
    width: 5px
}

.personal-notification-body .avatar .live-badge {
    border-width: 1px;
    bottom: -5px;
    border-radius: 4px;
    font-size: 9px;
    padding: 3px 5px
}

.top-up-wrapper {
    top: 100%;
    left: -150px;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    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;
    padding-right: 30px;
    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-bottom-color: #e1e1e1;
    border-left-color: #404040;
    border-right-color: #e1e1e1;
    border-top-color: #e1e1e1
}

.top-up-wrapper .instant-top-up-content .instant-top-up-additional-action {
    cursor: pointer;
    opacity: .8;
    display: inline-block;
    line-height: 28px;
    font-size: .688rem;
    letter-spacing: .031rem;
    transition: all 120ms ease-in-out 0s
}

.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: all;
    transform: translateY(0px);
    transition: all 750ms ease-in-out 0s
}

.top-up-wrapper.top-up-wrapper-exit,
.top-up-wrapper.top-up-wrapper-exit-done {
    opacity: 0;
    transform: translateY(0px);
    transition: all .2s ease-in-out 0s
}

@media screen and (max-width:639px) {
    .top-up-wrapper {
        display: none;
        left: initial;
        opacity: 1;
        position: relative;
        top: initial;
        transform: none;
        transition: none !important;
        z-index: 0
    }

    .top-up-wrapper .instant-top-up-aside {
        margin-bottom: auto;
        padding-right: 10px;
        padding-top: 0
    }

    .top-up-wrapper .instant-top-up-aside .icon {
        height: 25px;
        margin: 0;
        width: 25px
    }

    .top-up-wrapper.is-processing,
    .top-up-wrapper.top-up-wrapper-enter,
    .top-up-wrapper.top-up-wrapper-enter-done {
        display: inline-block
    }

    .top-up-wrapper.is-processing .instant-top-up-titles {
        display: none
    }

    .top-up-wrapper.is-processing .instant-top-up-content {
        padding-left: 15px
    }

    .top-up-wrapper::after {
        display: none
    }

    .top-up-wrapper.instant-top-up-wrapper .instant-top-up-aside {
        display: none
    }

    .top-up-wrapper .instant-top-up-content {
        align-items: center;
        box-shadow: none;
        padding: 12px 5px 13px 10px;
        width: 100%;
        border-radius: 0
    }

    .top-up-wrapper .instant-top-up-content .instant-top-up-additional-action,
    .top-up-wrapper .instant-top-up-content::before {
        display: none
    }

    .top-up-wrapper .instant-top-up-content .instant-top-up-main {
        width: 100%;
        display: flex;
        flex-direction: row
    }

    .top-up-wrapper .instant-top-up-content .instant-top-up-titles {
        width: 100%
    }

    .top-up-wrapper .instant-top-up-content .instant-top-up-title {
        font-size: .75rem
    }

    .top-up-wrapper .instant-top-up-content .instant-top-up-subtitle {
        padding-top: 4px;
        font-size: .688rem;
        line-height: 1rem
    }

    .top-up-wrapper .instant-top-up-content .instant-top-up-controls {
        margin: 0
    }

    .top-up-wrapper .instant-top-up-content .instant-top-up-controls .btn {
        margin-left: 16px;
        margin-right: 4px;
        font-size: .688rem
    }

    .top-up-wrapper .instant-top-up-content .instant-top-up-close-btn {
        height: 100%;
        position: relative;
        width: 32px
    }

    .top-up-wrapper .instant-top-up-content .instant-top-up-close-btn .icon {
        height: 12px;
        width: 12px
    }
}

@media screen and (max-width:639px) {
    .header-dropdown .top-up-wrapper:not(.mobile) {
        display: none !important
    }

    .header-dropdown .top-up-wrapper:not(.hide-on-desktop) {
        display: none !important
    }
}

@media screen and (min-width:640px) {
    .wrapper>.top-up-wrapper.mobile {
        display: none !important
    }

    .wrapper>.top-up-wrapper.hide-on-desktop {
        display: none !important
    }
}

.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 {
    display: flex;
    align-items: center;
    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
}

@media screen and (max-width:479px) {
    .free-tokens-top-up.top-up-wrapper.mobile .instant-top-up-content {
        padding-left: 5px
    }

    .free-tokens-top-up.top-up-wrapper.mobile .instant-top-up-content .instant-top-up-close-btn {
        margin-right: 5px
    }
}

@media screen and (min-width:480px) and (max-width:639px) {
    .free-tokens-top-up.top-up-wrapper .instant-top-up-main>.instant-top-up-titles {
        width: auto
    }
}

@media screen and (min-width:640px) {
    .free-tokens-top-up.top-up-wrapper.for-guest-only {
        right: 1.125rem;
        left: auto
    }

    .free-tokens-top-up.top-up-wrapper.for-guest-only:after {
        display: none
    }
}

@media screen and (min-width:1600px) {
    .free-tokens-top-up.top-up-wrapper.for-guest-only {
        right: 100px
    }
}

@media screen and (max-width:639px) {
    .header-top .top-up-wrapper:not(.mobile) {
        display: none !important
    }
}

.free-tokens-promo.top-up-wrapper.instant-top-up-wrapper {
    left: -150px
}

@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) {
    .free-tokens-promo.top-up-wrapper.instant-top-up-wrapper {
        letter-spacing: .019rem
    }
}

.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
}

@media screen and (max-width:639px) {
    .free-tokens-promo.top-up-wrapper.instant-top-up-wrapper {
        left: initial
    }

    .free-tokens-promo.top-up-wrapper.instant-top-up-wrapper .instant-top-up-close-btn.media-after-s-hidden {
        display: none
    }

    .free-tokens-promo.top-up-wrapper.instant-top-up-wrapper .instant-top-up-main {
        flex-direction: column
    }

    .free-tokens-promo.top-up-wrapper.instant-top-up-wrapper .instant-top-up-titles {
        padding-right: 39px
    }

    .free-tokens-promo.top-up-wrapper.instant-top-up-wrapper .instant-top-up-title {
        font-size: 15px;
        font-weight: 400;
        letter-spacing: 1px;
        line-height: 1.2
    }

    .free-tokens-promo.top-up-wrapper.instant-top-up-wrapper .instant-top-up-subtitle {
        font-size: 13px;
        font-weight: 400;
        letter-spacing: normal;
        line-height: 20px;
        margin-top: 10px
    }

    .free-tokens-promo.top-up-wrapper.instant-top-up-wrapper .instant-top-up-controls .btn {
        font-size: 13px;
        font-weight: 400;
        letter-spacing: normal;
        line-height: normal;
        margin-left: 0;
        margin-top: 14px
    }

    .free-tokens-promo.top-up-wrapper.instant-top-up-wrapper .instant-top-up-aside {
        display: block
    }

    .free-tokens-promo.top-up-wrapper.instant-top-up-wrapper .instant-top-up-close-btn {
        position: absolute;
        top: 0;
        right: 0
    }
}

.tokens-menu.tokens-menu .dropdown-link {
    white-space: nowrap
}

@media screen and (max-width:479px) {
    .tokens-menu.tokens-menu .dropdown-link {
        padding-left: 10px
    }
}

.tokens-menu.tokens-menu .dropdown-link .add-icon-wrapper {
    margin-left: 12px
}

@media screen and (max-width:479px) {
    .tokens-menu.tokens-menu .dropdown-link .add-icon-wrapper {
        margin-left: 8px
    }
}

.tokens-menu.tokens-menu .dropdown-link .add-icon-wrapper:hover .icon-add {
    fill: #b2c714
}

.tokens-menu.tokens-menu .dropdown-link .add-icon-wrapper:active .icon-add {
    fill: #d2e165
}

.tokens-menu.tokens-menu .dropdown-link .add-icon-wrapper .icon-add {
    color: rgba(0, 0, 0, .8);
    fill: #c0d51a;
    margin-right: 0;
    pointer-events: none
}

@media screen and (max-width:479px) {
    .tokens-menu.tokens-menu .dropdown-link .add-icon-wrapper .icon-add {
        width: 24px;
        height: 24px
    }
}

.tokens-menu.tokens-menu .header-dropdown-content-wrapper {
    left: unset;
    right: 0
}

.tokens-menu.tokens-menu .header-dropdown-content-wrapper:before {
    left: auto;
    right: 20px
}

.tokens-menu.tokens-menu .header-dropdown-content .icon {
    fill: #fff;
    fill-opacity: .6;
    height: 18px;
    margin-left: 1px;
    margin-right: 13px;
    width: 18px
}

.tokens-menu .icon-tokens-1 {
    height: 18px;
    width: 18px
}

.tokens-menu .icon-add {
    height: 30px;
    width: 30px
}

.tokens-menu .tokens-amount {
    font-weight: 700
}

.tokens-menu .tokens-abbreviation {
    font-weight: 400;
    font-size: .75rem
}

.tokens-menu .tokens-menu-discount-icon {
    width: 30px;
    height: 30px;
    background-image: url(/assets/users/components/ui/TokensMenu/images/discount-with-stroke.svg)
}

.tokens-menu__quick-refill {
    border-bottom: 1px solid rgba(248, 248, 248, .1);
    border-top: 1px solid rgba(248, 248, 248, .1);
    padding: 4px 18px 6px;
    align-items: center;
    white-space: nowrap;
    text-align: left;
    min-width: 200px;
    font-size: 14px;
    cursor: pointer;
    display: flex;
    height: 54px
}

.tokens-menu__quick-refill-icon {
    margin-right: 8px !important;
    position: relative;
    flex-shrink: 0;
    left: -2px
}

.tokens-menu__quick-refill .icon-check-in-circle {
    margin-right: 10px;
    color: #b0e245
}

.tokens-menu__quick-refill-success {
    color: #b0e245
}

.tokens-menu__quick-refill .icon-next-small {
    margin-right: 0 !important;
    fill-opacity: .6;
    fill: #fff
}

.tokens-menu__quick-refill-highlighted {
    color: #b0e245
}

.tokens-menu__quick-refill .icon {
    fill-opacity: .6 !important
}

.tokens-menu__quick-refill:hover .icon {
    fill-opacity: 1 !important
}

.tokens-menu__quick-refill-error {
    flex-direction: column;
    display: flex
}

.tokens-menu__quick-refill-error-another {
    color: #9f9f9f
}

.tokens-menu__quick-refill-error-another svg {
    margin: 0 0 0 4px
}

.tokens-menu__quick-refill:hover {
    background-color: #303133
}

.tokens-menu__quick-refill-loader-box {
    align-items: center;
    display: flex
}

.tokens-menu__quick-refill-loader {
    margin-right: 10px
}

.tokens-menu__quick-refill-loader .sector-circle {
    border-color: #d7d7d7 #d7d7d7 transparent !important
}

@media screen and (max-width:639px) {

    .tokens-menu.not-a-studio .dropdown-arrow,
    .tokens-menu.not-a-studio .icon.icon-tokens-1 {
        display: none
    }
}

@media screen and (max-width:479px) {
    .tokens-menu.not-a-studio {
        flex: 0 0
    }

    .tokens-menu.not-a-studio a.dropdown-link {
        padding: 0 8px 0 12px
    }
}

.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;
    transition: color 120 120;
    display: flex;
    flex-direction: row
}

.header-dropdown .dropdown-link .icon {
    fill: rgba(255, 255, 255, .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, .8);
    height: 7px;
    margin: 0;
    width: 7px;
    transition: all 120ms ease-in-out 0s
}

.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 {
    color: #fff;
    background-color: #912229;
    background-color: var(--primary-dark)
}

.header-dropdown .dropdown-link:hover {
    color: #fff;
    background-color: #912229;
    background-color: var(--primary-dark);
    transition: all 40ms ease-in-out 0s
}

.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;
    left: 0;
    position: absolute;
    top: calc(100% + 12px);
    z-index: 312;
    box-shadow: 0 20px 30px rgba(24, 24, 24, .3)
}

.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;
    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-decoration: none;
    text-overflow: ellipsis;
    width: 100%;
    text-align: left
}

.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: all 30ms ease-in-out 0s
}

.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: .6;
    margin-right: 10px
}

@media screen and (max-width:479px) {
    .header-dropdown.header-user-menu a.dropdown-link.mobile-nav-link {
        margin-right: 0;
        padding: 0 13px
    }
}

.model-wizard {
    align-items: start
}

.model-wizard .wizard-body-content-header {
    color: rgba(248, 248, 248, .8);
    font-weight: 700;
    margin-bottom: 20px;
    font-size: 1.25rem;
    line-height: 1.5rem
}

.model-wizard .wizard-body-content-header span {
    display: block
}

.model-wizard .wizard-body-content-header--phase-approved {
    color: #fff
}

.model-wizard .modal-wizard-footer {
    color: rgba(255, 255, 255, .6);
    display: block;
    padding: 30px 0;
    text-align: center;
    font-size: .875rem;
    line-height: 1.25rem
}

.model-wizard .modal-wizard-footer .wizard-body-content-link {
    color: rgba(255, 255, 255, .6)
}

.model-wizard .modal-wizard-footer .wizard-body-content-link:hover {
    color: rgba(255, 255, 255, .8)
}

.model-wizard .wizard-body-content-sub-header {
    align-items: center;
    color: rgba(248, 248, 248, .8);
    font-weight: 700;
    margin-bottom: 20px;
    font-size: 1rem;
    line-height: 1.5rem;
    display: flex;
    flex-direction: row
}

.model-wizard .wizard-body-content-link {
    color: rgba(248, 248, 248, .6);
    cursor: pointer;
    text-decoration: underline
}

.model-wizard .wizard-body-content-link:hover {
    color: rgba(248, 248, 248, .8)
}

.model-wizard .wizard-body-content-description {
    color: rgba(248, 248, 248, .6);
    display: block;
    font-size: .875rem;
    line-height: 1.25rem
}

.model-wizard>.modal-content {
    max-width: 735px;
    width: 100%
}

.model-wizard>.modal-content.modal-header-outside>.modal-header {
    opacity: .8;
    padding: 60px 0 18px;
    font-size: 1.5rem
}

@media screen and (max-width:639px) {
    .model-wizard>.modal-content.modal-header-outside>.modal-header {
        padding-left: 12px;
        padding-top: 15px;
        font-size: 1.25rem
    }
}

.model-wizard>.modal-content.modal-header-outside .modal-body {
    background-color: transparent;
    box-shadow: none;
    padding: 0
}

.model-wizard>.modal-content.modal-header-outside .modal-content {
    background-color: #3b3b3b;
    border-radius: 0;
    min-height: 300px;
    padding: 0
}

.model-wizard .wizard-body-content-notice {
    align-items: center;
    background-color: rgba(116, 183, 106, .6);
    border: 1px solid #74b76a;
    margin-bottom: 20px;
    padding: 15px;
    text-align: left;
    font-size: 1rem;
    line-height: 1.5rem;
    display: flex;
    flex-direction: row
}

.model-wizard .wizard-body-content-notice .check-round {
    margin-right: 10px
}

.model-wizard .wizard-body-content-notice .icon-check-round {
    fill: #fff;
    vertical-align: top
}

.model-wizard .field-row {
    min-height: 40px;
    position: relative;
    display: flex;
    flex-direction: row
}

.model-wizard .field-row:not(:last-child) {
    margin-bottom: 10px
}

.model-wizard .field-row .field-label {
    color: rgba(248, 248, 248, .6);
    margin-top: 10px;
    min-width: 150px;
    flex: 1;
    flex-basis: 30%;
    flex-grow: 0;
    flex-shrink: 0;
    font-size: .875rem;
    line-height: 1.25rem
}

.model-wizard .field-row .field-label .optional {
    color: rgba(248, 248, 248, .4);
    margin-left: 5px
}

.model-wizard .field-row .field-value {
    color: rgba(248, 248, 248, .6);
    flex: 1;
    flex-basis: 70%;
    flex-grow: 0;
    flex-shrink: 0
}

.model-wizard .field-row .field-value .input,
.model-wizard .field-row .field-value .select-control,
.model-wizard .field-row .field-value .select-value-label,
.model-wizard .field-row .field-value .textarea {
    color: rgba(248, 248, 248, .6) !important
}

.model-wizard .field-row .field-value .input::-moz-placeholder,
.model-wizard .field-row .field-value .select-control::-moz-placeholder,
.model-wizard .field-row .field-value .select-value-label::-moz-placeholder,
.model-wizard .field-row .field-value .textarea::-moz-placeholder {
    font-weight: 400;
    font-size: .813rem;
    line-height: 1.125rem
}

.model-wizard .field-row .field-value .input::placeholder,
.model-wizard .field-row .field-value .select-control::placeholder,
.model-wizard .field-row .field-value .select-value-label::placeholder,
.model-wizard .field-row .field-value .textarea::placeholder {
    font-weight: 400;
    font-size: .813rem;
    line-height: 1.125rem
}

.model-wizard .field-row .field-value .select-placeholder {
    font-weight: 400;
    font-size: .813rem
}

.model-wizard .field-row .field-value .textarea {
    border-radius: 20px;
    padding: 10px 20px
}

.model-wizard .field-row .field-value .select.is-multiple .select-control {
    border-radius: 20px
}

.model-wizard .field-row .field-value .select.is-multiple .select-value {
    margin-left: 7px;
    margin-top: 7px
}

.model-wizard .field-row .field-value .select.is-multiple .select-value-icon {
    margin-right: 5px
}

.model-wizard .field-row .field-value .select.is-multiple.is-open .select-control {
    border-radius: 20px 20px 0 0
}

.model-wizard .field-row .field-value .model-wizard-controls {
    width: 100%
}

.model-wizard .field-row .field-value .model-wizard-controls .select-control {
    background-color: #000;
    border-color: #000
}

.model-wizard .field-row .field-value .model-wizard-controls input,
.model-wizard .field-row .field-value .model-wizard-controls.input,
.model-wizard .field-row .field-value .model-wizard-controls.textarea {
    background-color: #000;
    border-color: #000
}

.model-wizard .field-row .field-value-error {
    color: #de5b64;
    display: inline-block;
    opacity: .8;
    padding: 5px 5px 0;
    font-size: .75rem;
    line-height: 1.125rem
}

.model-wizard .field-row .field-value-error.changed {
    color: transparent
}

.model-wizard .model-wizard-field-value-hint {
    color: rgba(248, 248, 248, .6);
    display: block;
    margin: 4px 0 0;
    padding: 0 8px;
    font-size: .75rem;
    line-height: 1.125rem
}

.model-wizard .image-error {
    align-items: center;
    background-color: #f54648;
    border: 1px solid #ff8c8d;
    color: #fff;
    margin-top: 10px;
    opacity: .8;
    padding: 15px;
    font-size: .875rem;
    line-height: 1.25rem;
    display: flex;
    flex-direction: row
}

.model-wizard .image-error .icon-close-round {
    align-self: flex-start;
    margin-right: 10px;
    flex: 1;
    flex-basis: auto;
    flex-grow: 0;
    flex-shrink: 0
}

.model-wizard .btn {
    padding: 0 30px
}

.model-wizard .help-tooltip {
    margin-left: 8px;
    position: relative
}

.model-wizard .model-wizard-footer {
    align-items: center;
    border-top: 1px solid #000;
    justify-content: flex-end;
    padding: 20px 15px;
    text-align: right;
    display: flex;
    flex-direction: row
}

.model-wizard .model-wizard-footer .btn {
    padding: 0 40px
}

.model-wizard .model-wizard-footer .loader {
    margin: 0 10px 0 0
}

.model-wizard .model-wizard-footer--phase-approved {
    border-top: 1px solid #000;
    padding: 20px;
    text-align: center
}

@media screen and (max-width:639px) {
    .model-wizard .wizard-body-content-sub-header {
        margin-bottom: 10px
    }

    .model-wizard .field-row {
        flex-direction: column;
        margin-bottom: 5px
    }

    .model-wizard .field-row:last-child {
        margin-bottom: 0
    }

    .model-wizard .field-row .field-label {
        margin: 0
    }

    .model-wizard .field-row .field-value {
        margin-top: 5px
    }

    .model-wizard .field-row .field-value .model-wizard-controls {
        width: 100%
    }

    .model-wizard .field-row .field-value .tooltip>.tooltip-inner {
        padding: 0
    }

    .model-wizard .field-row .field-value input {
        width: 100%
    }
}

.model-wizard__button {
    margin: 0
}

.model-wizard__button:not(:last-child) {
    margin-right: 20px
}

.sidebar-overlay {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100vw;
    height: auto;
    height: unset;
    max-height: 100vh;
    z-index: 100;
    background-color: transparent;
    pointer-events: none
}

.sidebar-overlay-overlay {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgba(0, 0, 0, .6);
    transition: opacity .2s ease-in-out;
    opacity: 0;
    pointer-events: none
}

.sidebar-overlay-overlay-open {
    opacity: 1;
    pointer-events: initial
}

.sidebar-dialog {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    max-width: 70%;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    transition: transform .2s ease-in-out;
    transform: translateX(-100%);
    pointer-events: none
}

.sidebar-dialog-open {
    transform: translateX(0%);
    pointer-events: initial
}

.tooltip-list__title {
    color: #f8f8f8;
    font-weight: 500;
    font-size: .813rem;
    line-height: 1.125rem
}

.tooltip-list .tooltip-inner {
    padding: 10px 14px
}

.tooltip-list__icon {
    color: #f8f8f8;
    margin-left: 4px;
    margin-right: 4px;
    vertical-align: text-top
}

.tooltip-list__list {
    color: rgba(248, 248, 248, .8);
    font-weight: 500;
    margin-top: 10px;
    font-size: .813rem;
    line-height: 1.125rem
}

.tooltip-list__item {
    margin-bottom: 3px
}

.app-sidebar-links {
    font-size: 12px;
    font-weight: 400;
    letter-spacing: normal;
    line-height: normal
}

.app-sidebar-links-item {
    color: rgba(248, 248, 248, .6);
    margin-bottom: 16px
}

.app-sidebar-links-item:hover {
    color: #f8f8f8
}

@media (pointer:coarse) {
    .app-sidebar-links-item:hover {
        color: rgba(248, 248, 248, .6)
    }
}

.app-sidebar-links-item a {
    color: rgba(248, 248, 248, .6)
}

.app-sidebar-links-item a:hover {
    color: #f8f8f8
}

@media (pointer:coarse) {
    .app-sidebar-links-item a:hover {
        color: rgba(248, 248, 248, .6)
    }
}

.app-sidebar-links-item:last-child {
    margin-bottom: 0
}

.app-sidebar-full-content-scroll-container {
    height: 100%;
    max-height: 100%;
    overflow-y: auto;
    overflow-x: hidden;
    display: flex;
    flex-flow: column nowrap
}

.app-sidebar-full-content-scroll-container {
    scrollbar-width: thin;
    scrollbar-width: 4px;
    scrollbar-gutter: auto;
    scrollbar-color: rgba(248, 248, 248, .1) transparent
}

.app-sidebar-full-content-scroll-container {
    scrollbar-face-color: rgba(248, 248, 248, .1);
    scrollbar-track-color: transparent
}

.app-sidebar-full-content-scroll-container::-webkit-scrollbar {
    width: 4px;
    height: 4px
}

.app-sidebar-full-content-scroll-container::-webkit-scrollbar-thumb {
    background: rgba(248, 248, 248, .1);
    height: 20%;
    border-radius: 2px
}

.app-sidebar-full-content-scroll-container::-webkit-scrollbar-track {
    background: 0 0
}

.app-sidebar-full-content-scroll-container::-webkit-scrollbar-corner {
    background: 0 0
}

.app-sidebar-full-content-scroll-container.hide-scrollbar {
    scrollbar-width: thin;
    scrollbar-width: 4px;
    scrollbar-gutter: auto;
    scrollbar-color: transparent transparent
}

.app-sidebar-full-content-scroll-container.hide-scrollbar {
    scrollbar-face-color: transparent;
    scrollbar-track-color: transparent
}

.app-sidebar-full-content-scroll-container.hide-scrollbar::-webkit-scrollbar {
    width: 4px;
    height: 4px
}

.app-sidebar-full-content-scroll-container.hide-scrollbar::-webkit-scrollbar-thumb {
    background: 0 0;
    height: 20%;
    border-radius: 2px
}

.app-sidebar-full-content-scroll-container.hide-scrollbar::-webkit-scrollbar-track {
    background: 0 0
}

.app-sidebar-full-content-scroll-container.hide-scrollbar::-webkit-scrollbar-corner {
    background: 0 0
}

.app-sidebar-full-content-scroll-container.compact.compact {
    scrollbar-width: thin;
    scrollbar-width: 0px;
    scrollbar-gutter: auto;
    scrollbar-color: #aaa transparent
}

.app-sidebar-full-content-scroll-container.compact.compact {
    scrollbar-face-color: #aaa;
    scrollbar-track-color: transparent
}

.app-sidebar-full-content-scroll-container.compact.compact::-webkit-scrollbar {
    width: 0px;
    height: 0px
}

.app-sidebar-full-content-scroll-container.compact.compact::-webkit-scrollbar-thumb {
    background: #aaa;
    height: 20%;
    border-radius: 0px
}

.app-sidebar-full-content-scroll-container.compact.compact::-webkit-scrollbar-track {
    background: 0 0
}

.app-sidebar-full-content-scroll-container.compact.compact::-webkit-scrollbar-corner {
    background: 0 0
}

.app-sidebar-full-content-categories {
    min-width: auto;
    width: 100%
}

.app-sidebar-full-content-padded {
    padding: 24px 0px 0 20px
}

@media screen and (min-width:1024px) {
    .app-sidebar-full-content-padded {
        padding-top: 16px;
        padding-bottom: 50px;
    }
}

@media screen and (max-width:479px) {
    .app-sidebar-full-content-padded {
        padding-top: 12px;
        padding-bottom: 50px;
    }
}

.app-sidebar-full-content-tokens-giveaway.compact.compact {
    display: flex;
    justify-content: center;
    margin-right: 8px;
    margin-left: -8px;
    margin-top: -6px;
    margin-bottom: 20px;
    padding: 0
}

.app-sidebar-full-content-tokens-giveaway.compact.compact .tokens-giveaway-banner-container {
    margin: 0
}

.app-sidebar-full-content-tokens-giveaway.extra-compact.extra-compact {
    display: flex;
    justify-content: center;
    margin-right: 6px;
    margin-left: -12px;
    margin-top: 7px;
    margin-bottom: 29px;
    padding: 0
}

.app-sidebar-full-content-tokens-giveaway.extra-compact.extra-compact .tokens-giveaway-banner-container {
    margin: 0;
    padding: 0;
    width: 34px;
    height: 34px;
    display: flex;
    align-items: center;
    justify-content: center
}

.app-sidebar-full-content-tokens-giveaway.extra-compact.extra-compact .tokens-giveaway-icon {
    margin: 0;
    width: 18px;
    height: 20px
}

.app-sidebar-full-content-tokens-giveaway~.watch-vr--compact {
    margin-top: -12px
}

.app-sidebar-full-content-categories {
    margin: 0;
    padding: 0
}

.app-sidebar-full-content-categories .group-header {
    color: rgba(248, 248, 248, .5)
}

.app-sidebar-full-content-categories .tag-group {
    padding-bottom: 24px
}

.app-sidebar-full-content-categories .tag-group-item {
    margin-bottom: 3px
}

.app-sidebar-full-content-categories .tag-group-item:last-child {
    margin-bottom: 0
}

.app-sidebar-full-content-categories .tag-group-main {
    padding-bottom: 30px
}

@media screen and (max-width:479px) {
    .app-sidebar-full-content-categories .tag-group-main {
        padding-bottom: 22px
    }
}

.app-sidebar-full-content-categories .tag-group-main li {
    margin-bottom: 3px
}

.app-sidebar-full-content-categories .tag-group-main li:last-child {
    margin-bottom: 0
}

.app-sidebar-full-content-categories .tag-group-main .model-filter-main-link {
    font-size: 13px;
    font-weight: 500;
    letter-spacing: normal;
    line-height: normal;
    padding: 0 10px;
    transition: none;
    height: 36px
}

@media screen and (min-width:1024px) {
    .app-sidebar-full-content-categories .tag-group-main .model-filter-main-link {
        height: 32px
    }
}

.app-sidebar-full-content-categories .tag-group-main .model-filter-main-link-compact {
    justify-content: center;
    width: 44px;
    border-radius: 6px
}

.app-sidebar-full-content-categories .tag-group-main .model-filter-main-link-compact .icon {
    margin: 0
}

.app-sidebar-full-content-categories .tag-group-main::after {
    border-color: rgba(248, 248, 248, .1);
    margin: 20px 14px 0 0
}

@media screen and (max-width:479px) {
    .app-sidebar-full-content-categories .tag-group-main::after {
        margin-top: 12px
    }
}

@media screen and (min-width:480px) {
    .app-sidebar-full-content-categories .tag-group-specials {
        margin-bottom: 30px;
        padding-bottom: 0
    }
}

.app-sidebar-full-content-categories .tag-group-specials::after {
    border-top: 1px solid rgba(248, 248, 248, .1);
    content: " ";
    display: block;
    margin: 20px 14px 0 0
}

@media screen and (max-width:479px) {
    .app-sidebar-full-content-categories .tag-group-specials::after {
        display: none
    }
}

.app-sidebar-full-content-categories .tag-group-specials .model-filter-link-wrapper {
    padding: 0 10px;
    transition: none;
    height: 36px
}

@media screen and (min-width:1024px) {
    .app-sidebar-full-content-categories .tag-group-specials .model-filter-link-wrapper {
        height: 28px
    }
}

.app-sidebar-full-content-categories .tag-group-specials .model-filter-link-wrapper-compact {
    justify-content: center;
    width: 44px;
    border-radius: 6px
}

.app-sidebar-full-content-categories .tag-group-specials .model-filter-link-wrapper-compact .icon {
    margin: 0
}

.app-sidebar-full-content-categories .model-filter-link-wrapper {
    align-items: center
}

.app-sidebar-full-content-categories .model-filter-link-wrapper .model-filter-link {
    font-size: 13px;
    font-weight: 400;
    letter-spacing: normal;
    line-height: normal;
    color: #f8f8f8
}

.app-sidebar-full-content-categories .model-filter-show-more-container {
    position: sticky;
    bottom: 0;
    margin-left: -20px;
    background-color: #141415;
    padding: 8px 8px 8px 20px;
    box-shadow: 0px -10px 10px -4px rgba(0, 0, 0, .5)
}

.app-sidebar-full-content-categories .model-filter-show-more {
    margin-right: 12px
}

.app-sidebar-full-content-categories-compact .tag-group-main {
    padding-bottom: 39px
}

.app-sidebar-full-content-categories-compact .tag-group-main::after {
    margin-top: 37px
}

.app-sidebar-full-content-categories-compact .tag-group-main .model-filter-main-link-compact-tooltip .tooltip-inner {
    font-size: 12px;
    font-weight: 400;
    letter-spacing: normal;
    line-height: normal;
    background-color: #3b3b3b;
    color: #fff;
    border-color: #3b3b3b
}

.app-sidebar-full-content-categories-compact .tag-group-main .model-filter-main-link-compact.active {
    position: relative
}

.app-sidebar-full-content-categories-compact .tag-group-main .model-filter-main-link-compact.active::before {
    content: "";
    display: block;
    position: absolute;
    left: -9px;
    top: 50%;
    transform: translateY(-50%);
    height: 20px;
    width: 2px;
    border-radius: 11px;
    background-color: #c22934;
    background-color: var(--primary-border)
}

.app-sidebar-full-content-categories-compact .tag-group-specials::after {
    display: none
}

.app-sidebar-full-content-categories-compact .tag-group-specials .model-filter-link-wrapper {
    justify-content: center;
    width: 44px;
    border-radius: 6px;
    position: relative
}

.app-sidebar-full-content-categories-compact .tag-group-specials .model-filter-link-wrapper .country-flag,
.app-sidebar-full-content-categories-compact .tag-group-specials .model-filter-link-wrapper .icon,
.app-sidebar-full-content-categories-compact .tag-group-specials .model-filter-link-wrapper .icon-beer,
.app-sidebar-full-content-categories-compact .tag-group-specials .model-filter-link-wrapper .icon-christmas {
    margin: 0
}

.app-sidebar-full-content-categories-compact .tag-group-specials .model-filter-link-wrapper.active::before {
    content: "";
    display: block;
    position: absolute;
    left: -9px;
    top: 50%;
    transform: translateY(-50%);
    height: 20px;
    width: 2px;
    border-radius: 11px;
    background-color: #c22934;
    background-color: var(--primary-border)
}

.app-sidebar-full-content-categories-compact .tag-group-specials .model-filter-link-compact-tooltip .tooltip-inner {
    font-size: 12px;
    font-weight: 400;
    letter-spacing: normal;
    line-height: normal;
    background-color: #3b3b3b;
    color: #fff;
    border-color: #3b3b3b
}

.app-sidebar-full-content-links {
    border: 0 solid rgba(248, 248, 248, .1);
    border-bottom-width: 1px;
    border-top-width: 1px;
    padding: 30px 0;
    margin: 30px 12px 20px 0
}

@media screen and (max-width:479px) {
    .app-sidebar-full-content-links {
        padding: 22px 0;
        margin: 22px 12px 12px 0
    }
}

.app-sidebar-full-content-lang {
    margin-bottom: 30px;
    margin-right: 10px;
    flex: 1 0 auto
}

@media screen and (max-width:479px) {
    .app-sidebar-full-content-lang {
        margin-bottom: 22px
    }
}

.app-sidebar-content {
    z-index: 1;
    position: relative
}

.app-sidebar-content.app-sidebar-content {
    background-color: #141415;
    min-width: 216px
}

@media screen and (max-width:479px) {
    .app-sidebar-content.app-sidebar-content {
        width: 70%
    }
}

.app-sidebar-content--with-gradient::after {
    content: "";
    position: absolute;
    display: block;
    left: 0;
    right: 0;
    bottom: 0;
    height: 36px;
    pointer-events: none;
    z-index: 1;
    background: linear-gradient(to bottom, rgba(20, 20, 21, 0) 0%, rgba(20, 20, 21, .64) 47.35%, #141415 100%)
}

.app-sidebar-content-non-overlay {
    border-right: 1px solid transparent
}

.app-sidebar-content-non-overlay.app-sidebar-content-non-overlay {
    background-color: #141415;
    max-width: 216px
}

.app-sidebar-content-non-overlay.app-sidebar-content-non-overlay-collapsed {
    min-width: 64px
}

.app-sidebar-content-non-overlay::after {
    display: none
}

@media screen and (max-width:1023px) {
    .app-sidebar-content-non-overlay {
        display: none
    }
}

.app-sidebar-content-non-overlay-hidden {
    display: none
}

.app-sidebar-overlay {
    top: 54px;
    z-index: 600
}

.cookies-reminder {
    align-items: center;
    background: #303133;
    bottom: 0;
    color: rgba(255, 255, 255, .8);
    display: flex;
    filter: drop-shadow(0px 1px 6px rgba(0, 0, 0, .3)) drop-shadow(0px -6px 20px rgba(0, 0, 0, .2));
    justify-content: center;
    justify-content: space-between;
    left: 0;
    min-height: 38px;
    padding: 6px 10px;
    position: fixed;
    right: 0;
    z-index: 1010
}

.cookies-reminder .close-button,
.cookies-reminder .icon-cookie {
    flex-shrink: 0;
    margin: 0 10px
}

@media screen and (max-width:639px) {
    .cookies-reminder .description {
        font-size: 14px;
        font-weight:bold;
    }
}

@media screen and (max-width:479px) {
    .cookies-reminder .description {
        font-size: 14px;
        font-weight:bold;
    }
}

@media screen and (max-width:320px) {
    .cookies-reminder .description {
        font-size: 14px;
        font-weight:bold;
    }
}

.cookies-reminder a.learn-more {
    color: #fff;
    opacity: 1
}

.cookies-reminder .close-button {
    background: #666;
    border-radius: 14px;
    cursor: pointer;
    display: inline-block;
    height: 26px;
    line-height: 26px;
    margin-left: 10px;
    text-align: center;
    width: 55px;
    
    color: white;
    font-weight: bold;
    margin:3px;
}

.cookies-reminder .confirm-button {
    background: var(--primary-color);;
    border-radius: 14px;
    cursor: pointer;
    display: inline-block;
    height: 26px;
    line-height: 26px;
    margin-left: 10px;
    text-align: center;
    width: 55px;
    
    color: white;
    font-weight: bold;
    margin:0;
}

.cookies-reminder .close-button:focus,
.cookies-reminder .close-button:hover {
    background: rgba(102, 102, 102, .8)
}

.cookies-reminder-v2 {
    align-items: center;
    background: #303133;
    bottom: 0;
    display: flex;
    justify-content: center;
    left: 0;
    padding: 24px 24px 24px 16px;
    position: fixed;
    right: 0;
    z-index: 1010;
    display: flex;
    align-items: flex-start
}

@supports (padding-bottom:env(safe-area-inset-bottom)) {
    .cookies-reminder-v2 {
        padding-bottom: calc(env(safe-area-inset-bottom, 0px) + 24px)
    }
}

.cookies-reminder-v2__content {
    display: flex;
    max-width: 1000px;
    gap: 0 40px
}

.cookies-reminder-v2__title {
    color: #fff;
    margin-bottom: 4px;
    font-weight: 700;
    font-size: 1rem;
    line-height: 1.313rem
}

.cookies-reminder-v2__description {
    color: rgba(255, 255, 255, .6);
    font-weight: 400;
    font-size: .75rem;
    line-height: 1.125rem
}

.cookies-reminder-v2__cookie {
    flex-shrink: 0;
    width: 56px;
    height: 56px;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url(/assets/common/components/ui/CookiesReminderV2/cookie.svg);
    margin-right: 18px
}

.cookies-reminder-v2__buttons {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.cookies-reminder-v2__manage-button {
    margin-bottom: 0;
    color: rgba(255, 255, 255, .9);
    font-weight: 500
}

.cookies-reminder-v2__accept-all-button {
    margin-bottom: 0;
    padding: 0 32px;
    height: 32px;
    font-weight: 500
}

.cookies-reminder-v2__learn-more {
    text-decoration: underline;
    color: #fff;
    opacity: .4;
    white-space: nowrap
}

.cookies-reminder-v2__learn-more:hover {
    opacity: 1
}

@media screen and (max-width:639px) {
    .cookies-reminder-v2__description {
        margin-bottom: 24px
    }

    .cookies-reminder-v2__content {
        flex-direction: column
    }
}

@media screen and (max-width:479px) {
    .cookies-reminder-v2__cookie {
        display: none
    }
}

.language-dropdown .trigger {
    align-items: center;
    border: 1px solid #fff;
    border-radius: 3px;
    color: #fff;
    cursor: pointer;
    justify-content: center;
    opacity: .4;
    padding: 7px;
    position: relative;
    text-decoration: none;
    font-size: .75rem;
    display: flex;
    flex-direction: 12;
    line-height: .938rem
}

.language-dropdown .trigger .icon {
    fill: #fff
}

.language-dropdown .trigger .icon-i18n {
    margin-right: 5px
}

.language-dropdown .trigger .selectbox-arrow {
    margin-left: 40px;
    vertical-align: middle;
    transition: all 120ms ease-in-out 0s
}

.language-dropdown .trigger .selectbox-arrow .icon {
    fill: #fff;
    height: 5px;
    margin: 0;
    width: 5px
}

.language-dropdown .trigger:hover {
    opacity: .6
}

.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;
    margin: 10px 0 0;
    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;
    padding: 5px 10px;
    flex: 1;
    flex-basis: 25%;
    flex-grow: 0;
    flex-shrink: 1;
    line-height: 1.125rem
}

.language-dropdown .language-list .language-item.selected {
    background-color: #a2252d;
    background-color: var(--primary);
    color: #f8f8f8
}

.language-dropdown .language-list .language-item.selected a {
    color: #fff;
    opacity: 1;
    text-decoration: none
}

.language-dropdown .language-list .language-item.selected a:hover {
    color: #fff
}

.language-dropdown .language-list .language-item a {
    justify-content: space-between;
    display: flex;
    flex-direction: row
}

.language-dropdown .language-list .language-item a:hover {
    color: #fa5365;
    color: var(--primary-light);
    text-decoration: none
}

.language-dropdown .language-list .language-item .icon-check-1 {
    fill: #fff
}

@media screen and (min-width:640px) and (max-width:1023px) {
    .language-dropdown .trigger {
        line-height: 1.125rem
    }
}

@media screen and (min-width:480px) and (max-width:639px) {
    .language-dropdown .trigger {
        line-height: 1.125rem
    }

    .language-dropdown .language-list {
        right: .8rem
    }

    .language-dropdown .language-list .language-item {
        flex: 1;
        flex-basis: 33%;
        flex-grow: 0;
        flex-shrink: 1
    }
}

@media screen and (max-width:479px) {
    .language-dropdown .trigger {
        line-height: 1.125rem
    }

    .language-dropdown .language-list {
        left: .8rem;
        right: .8rem
    }

    .language-dropdown .language-list .language-item {
        flex: 1;
        flex-basis: 33%;
        flex-grow: 0;
        flex-shrink: 1
    }
}

.site-logo {
    height: 100%;
    width: 100%
}

.site-logo svg {
    height: inherit;
    width: inherit
}

.default-footer {
    background: #212223;
    color: #fff;
    padding: 14px 0;
    position: relative;
    z-index: 2;
    font-size: .75rem
}

.default-footer--hidden {
    display: none
}

.default-footer a {
    color: #fff;
    /* opacity: .5; */
    opacity: 0.9;
}

.default-footer a:not(.footer-label):hover {
    color: #ff97a2;
    opacity: .7;
    text-decoration: none
}

.default-footer .columns .column {
    padding: .375rem .7rem
}

.default-footer .canvas-text {
    margin-right: 5px
}

.default-footer .btn-take-tour {
    background-color: #fff;
    color: #000;
    margin-top: 20px;
    opacity: .8;
    padding: 0 20px;
    line-height: 1.875rem
}

.default-footer .btn-take-tour:hover {
    color: #000;
    opacity: .6
}

.default-footer .btn-take-tour:active,
.default-footer .btn-take-tour:focus {
    color: #000;
    opacity: 1
}

.default-footer .icon-agreement {
    opacity: .3
}

.default-footer .footer-left .footer-nav {
    display: none
}

.default-footer .footer-left .footer-label {
    margin-bottom: 10px
}

.default-footer .footer-top {
    margin-bottom: .375rem
}

.default-footer .footer-top .footer-labels {
    display: none;
    margin-top: 15px
}

.default-footer .footer-logo {
    align-items: flex-start;
    flex-wrap: wrap;
    justify-content: space-between;
    display: flex;
    flex-direction: row
}

.default-footer .footer-logo .logo {
    display: block;
    margin: 0 20px 20px 0;
    opacity: .5
}

.default-footer .footer-logo .logo .site-logo {
    height: 28px;
    width: calc(28px * var(--footer-logo-aspect-ratio))
}

.default-footer .footer-logo .i18n {
    margin-bottom: 20px
}

.default-footer .footer-description {
    opacity: .3
}

.default-footer .footer-description p:last-child {
    margin: 0
}

.default-footer .footer-section-header {
    color: #fff
}

.default-footer .footer-section-item {
    border-top: 1px solid rgba(164, 164, 164, .3);
    padding: .5rem 0;
    font-size: .75rem;
    line-height: 1.125rem
}

.default-footer a.footer-label:hover {
    opacity: .7
}

.default-footer .footer-label {
    color: #fff;
    display: inline-block;
    fill: #fff;
    margin-right: 20px;
    opacity: .3
}

.default-footer .footer-label .icon {
    display: block;
    margin-right: 0
}

.default-footer .footer-label .icon-safe-labeling {
    box-sizing: content-box;
    height: 40px;
    width: 110px
}

.default-footer .footer-label .icon-rta-logo {
    height: 25px;
    width: 50px
}

.default-footer .footer-label .icon-asacp {
    height: 22px;
    width: 60px
}

.default-footer .footer-label .icon-unseen {
    height: 22px;
    width: 78px
}

.default-footer .footer-label--pineapple-support {
    position: relative;
    top: 6px
}

.default-footer .footer-label .icon-pineapple-support {
    height: 38px;
    width: 38px;
    color: #fff
}

.default-footer .footer-statement-wrapper {
    align-items: center;
    justify-content: space-between;
    display: flex;
    flex-direction: row
}

.default-footer .footer-statement {
    color: rgba(255, 255, 255, .3);
    opacity: 1;
    padding: 20px 0;
    display: flex;
    flex-direction: column;
    line-height: 1.125rem
}

.default-footer .footer-statement a {
    /* color: rgba(255, 255, 255, .3); */
    color: white;
    opacity: 1
}

.default-footer .footer-statement a:hover {
    color: #fa5365;
    color: var(--primary-light);
    opacity: .7;
    text-decoration: none
}

.default-footer .footer-social-link {
    vertical-align: middle;
    display: flex;
    flex-direction: row;
    align-items: center;
}

.default-footer .footer-social-link .icon {
    color: #a4a4a4;
    fill: #a4a4a4;
    margin-right: 5px;
    margin-top: 1px;
    font-size: 15px;
}

.default-footer .footer-social-link .icon-inquiries {
    margin-left: 1px
}

.default-footer .footer-social-link:hover .icon {
    fill: #ff97a2;
    color: #ff97a2;
}

.default-footer .footer-additionally {
    align-items: center;
    border-bottom: 1px solid rgba(164, 164, 164, .2);
    border-top: 1px solid rgba(164, 164, 164, .2);
    margin-top: 20px;
    min-height: 90px
}

.default-footer .footer-right {
    margin: -.375rem 0
}

.default-footer .footer-address {
    justify-content: flex-end;
    margin-top: -3px;
    display: flex;
    flex-direction: row
}

.default-footer .footer-bottom {
    align-items: center;
    justify-content: space-between;
    opacity: .3;
    padding: 14px 0 4px;
    display: flex;
    flex-direction: row
}

.default-footer .footer-compliance-section .footer-compliance {
    display: inline-block
}

.default-footer .footer-compliance-section .footer-statement {
    padding: 0
}

@media screen and (min-width:640px) and (max-width:1023px) {
    .default-footer .footer-top .footer-labels {
        display: block
    }

    .default-footer .footer-section:nth-child(-n+2) {
        margin-bottom: 20px
    }

    .default-footer .footer-additionally .footer-labels-wrapper {
        display: none
    }
}

@media screen and (max-width:768px) {
    .default-footer .footer-additionally-empty {
        display: none
    }

    .default-footer .footer-additionally-empty+.columns {
        border-top: 1px solid rgba(164, 164, 164, .2)
    }
}

@media screen and (min-width:480px) and (max-width:639px) {
    .default-footer .columns .column {
        padding: .375rem
    }

    .default-footer .columns .footer-statement-wrapper {
        margin-bottom: -.375rem
    }

    .default-footer .footer-logo .i18n,
    .default-footer .footer-logo .logo {
        margin-bottom: 10px
    }

    .default-footer .footer-address {
        flex-wrap: wrap
    }

    .default-footer .footer-top .footer-labels {
        display: none
    }

    .default-footer .footer-top .footer-label {
        padding-bottom: 0
    }

    .default-footer .footer-top .footer-right {
        /* display: none */
    }

    .default-footer .footer-section:nth-child(-n+2) {
        margin-bottom: 20px
    }

    .default-footer .footer-left .footer-nav {
        margin: 10px 0;
        display: flex;
        flex-direction: row
    }

    .default-footer .btn-take-tour {
        margin-top: 0;
        padding: 3px 30px
    }

    .default-footer .icon-agreement {
        display: none
    }

    .default-footer .footer-statement-wrapper {
        border-top: 1px solid rgba(164, 164, 164, .2)
    }
}

@media screen and (max-width:479px) {
    .default-footer .columns .column {
        padding: .375rem
    }

    .default-footer .columns .footer-statement-wrapper {
        margin-bottom: -.375rem
    }

    .default-footer .footer-logo .i18n,
    .default-footer .footer-logo .logo {
        margin-bottom: 10px
    }

    .default-footer .footer-address {
        flex-wrap: wrap
    }

    .default-footer .footer-top {
        margin-bottom: 0
    }

    .default-footer .footer-top .footer-labels {
        border-top: 1px solid rgba(164, 164, 164, .2);
        display: block;
        padding-top: 10px
    }

    .default-footer .footer-top .footer-label {
        padding-bottom: 0
    }

    .default-footer .footer-top .footer-right {
        /* display: none; */
    }

    .default-footer .footer-section:nth-child(-n+2) {
        margin-bottom: 20px
    }

    .default-footer .footer-additionally {
        border-bottom: 1px solid rgba(164, 164, 164, .2);
        border-top-width: 0;
        margin-top: 0
    }

    .default-footer .footer-additionally .footer-labels-wrapper {
        display: none
    }

    .default-footer .footer-left .footer-nav {
        margin: 10px 0;
        display: flex;
        flex-direction: row
    }

    .default-footer .btn-take-tour {
        margin-top: 0;
        padding: 3px 30px
    }

    .default-footer .icon-agreement {
        display: none
    }

    .default-footer .footer-statement-wrapper {
        border-top: 1px solid rgba(164, 164, 164, .2)
    }
}

@media screen and (max-width:479px) {
    .default-footer .footer-compliance-section .btn-take-tour {
        padding: 3px 30px
    }

    .default-footer .footer-compliance-section .footer-statement {
        padding: 20px 0
    }
}

.header-notifications-wrapper {
    position: relative
}

.header-notifications-wrapper .header-notifications {
    position: relative
}

.header-notifications-wrapper .header-notifications.fixed {
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 302
}

.header-notification {
    align-items: center;
    cursor: pointer;
    overflow: hidden;
    position: relative;
    text-overflow: ellipsis;
    display: flex;
    flex-direction: row;
    transition: max-height .12s ease-in-out
}

.header-notification.slide-transition-appear,
.header-notification.slide-transition-enter {
    max-height: 0
}

.header-notification.slide-transition-appear.slide-transition-appear-active,
.header-notification.slide-transition-appear.slide-transition-enter-active,
.header-notification.slide-transition-enter.slide-transition-appear-active,
.header-notification.slide-transition-enter.slide-transition-enter-active {
    max-height: 50px
}

.header-notification.slide-transition-exit {
    max-height: 50px
}

.header-notification.slide-transition-exit.slide-transition-exit-active {
    max-height: 0
}

@media screen and (max-width:639px) {
    .header-notification .survey-text {
        font-size: 9px !important
    }
}

.header-notification .header-notification-content-icon {
    margin: 0 30px 0 0
}

.header-notification.header-notification-success {
    background-color: #576038
}

.header-notification.mass-message-sent-error-notification .header-notification-body {
    padding: 9px 0
}

.header-notification.header-notification-delete-not-interested-model {
    background-color: #79943d
}

.header-notification.header-notification-add-not-interested-model {
    background-color: #222
}

.header-notification.header-notification-add-not-interested-model strong,
.header-notification.header-notification-delete-not-interested-model strong {
    font-weight: 500
}

.header-notification.header-notification-record-saved-to-my-collection,
.header-notification.header-notification-user-bought-content {
    background-color: #576038
}

.header-notification.header-notification-record-saved-to-my-collection a:hover,
.header-notification.header-notification-user-bought-content a:hover {
    text-decoration: none
}

.header-notification.header-notification-spend-tokens-failure {
    background-color: #603838
}

.header-notification.header-notification-error {
    background-color: #603838
}

.header-notification.header-notification-offline {
    background-color: #4c4c4c
}

.header-notification.header-notification-offline .header-notification-body {
    align-items: center;
    justify-content: center;
    font-size: .875rem;
    line-height: 1.125rem;
    display: flex;
    flex-direction: row
}

.header-notification.header-mirror-notification {
    background-color: #4c4c4c;
    cursor: default
}

@media screen and (max-width:639px) {
    .header-notification.header-mirror-notification {
        padding: 0 0 0 12px
    }
}

@media screen and (min-width:1024px) {
    .header-notification.header-mirror-notification .header-notification-body {
        padding-left: 12px
    }
}

@media screen and (max-width:639px) {
    .header-notification.header-mirror-notification .header-notification-body {
        align-items: center
    }
}

.header-notification.header-mirror-notification .header-notification-new-red {
    background-color: #73ad0c
}

.header-notification.header-mirror-notification .close-button {
    color: #f8f8f8;
    cursor: pointer
}

@media screen and (max-width:639px) {
    .header-notification.header-mirror-notification .close-button {
        align-self: center;
        margin-right: 12px;
        margin-top: 0
    }
}

.header-notification.header-mirror-notification .mirror-notification-accent {
    color: #73ad0c
}

.header-notification.header-notification-model-fan-club {
    background-color: #4c88bc;
    cursor: default
}

.header-notification.header-notification-model-fan-club .icon-diamond {
    margin-right: 8px
}

.header-notification.header-notification-recommendation {
    background-color: #f4f4f4
}

.header-notification.header-notification-recommendation .header-notification-body {
    align-items: center;
    color: #2b2b2b;
    justify-content: center;
    display: flex;
    flex-direction: row
}

.header-notification.header-notification-recommendation .header-notification-browsers {
    align-items: center;
    flex-wrap: wrap;
    justify-content: center;
    display: flex;
    flex-direction: row
}

.header-notification.header-notification-recommendation .link-wrapper,
.header-notification.header-notification-recommendation .span-wrapper {
    align-items: center;
    margin: 0 5px 0 5px;
    text-decoration: none;
    display: flex;
    flex-direction: row
}

.header-notification.header-notification-recommendation .link-wrapper {
    color: #4c88bc
}

.header-notification.header-notification-recommendation .icon-exclamation {
    fill: #2b2b2b;
    margin: 0 10px
}

.header-notification.header-notification-recommendation .icon-exclamation {
    flex: 1;
    flex-basis: auto;
    flex-grow: 0;
    flex-shrink: 0
}

.header-notification.header-notification-recommendation .icon-chrome,
.header-notification.header-notification-recommendation .icon-firefox,
.header-notification.header-notification-recommendation .icon-safari {
    fill: rgba(43, 43, 43, .5);
    margin-right: 5px;
    flex: 1;
    flex-basis: auto;
    flex-grow: 0;
    flex-shrink: 0
}

.header-notification.header-notification-recommendation .icon-close-5 {
    fill: rgba(43, 43, 43, .5);
    height: 14px;
    margin-right: 20px;
    pointer-events: auto;
    width: 14px;
    flex: 1;
    flex-basis: auto;
    flex-grow: 0;
    flex-shrink: 0
}

.header-notification.header-notification-recommendation .icon-close-5:hover {
    fill: rgba(43, 43, 43, .8)
}

.header-notification.header-notification-recommendation.new-payment-method-notification {
    background-color: #369be2;
    cursor: unset
}

.header-notification.header-notification-recommendation.new-payment-method-notification .header-notification-body {
    display: inline-flex;
    padding: 8px 0;
    font-size: .875rem;
    line-height: 1.125rem
}

.header-notification.header-notification-recommendation.new-payment-method-notification .icon {
    margin-right: 0
}

.header-notification.header-notification-recommendation.new-payment-method-notification .new-payment-method-white-text {
    color: rgba(255, 255, 255, .9);
    margin: 0 40px
}

.header-notification.header-notification-recommendation.new-payment-method-notification .new-payment-method-white-text strong {
    white-space: nowrap
}

.header-notification.header-notification-recommendation.new-payment-method-notification .icon-skrill-white {
    height: 21px;
    width: 85px
}

.header-notification.header-notification-recommendation.new-payment-method-notification .btn {
    border: 2px solid #fff;
    color: #fff;
    font-weight: 700;
    margin-bottom: 0;
    margin-right: 20px;
    font-size: .813rem
}

.header-notification.header-notification-recommendation.new-payment-method-notification .btn:hover {
    background-color: #fff;
    color: #369be2 !important
}

.header-notification.header-notification-recommendation.new-payment-method-notification .icon.icon-close-5 {
    cursor: pointer;
    fill: rgba(255, 255, 255, .7)
}

.header-notification.header-notification-recommendation.new-payment-method-notification .icon.icon-close-5:hover {
    fill: #fff
}

@media screen and (max-width:768px) {
    .header-notification.header-notification-recommendation.new-payment-method-notification .new-payment-method-white-text {
        margin: 0 20px
    }
}

@media screen and (max-width:479px) {
    .header-notification.header-notification-recommendation.new-payment-method-notification {
        padding-left: 13px
    }

    .header-notification.header-notification-recommendation.new-payment-method-notification .close-button {
        margin-right: 16px
    }

    .header-notification.header-notification-recommendation.new-payment-method-notification .new-payment-method-white-text {
        margin: 0 10px;
        text-align: left;
        font-size: .75rem;
        line-height: .875rem;
        letter-spacing: .005rem
    }

    .header-notification.header-notification-recommendation.new-payment-method-notification .btn {
        margin-right: 12px
    }

    .header-notification.header-notification-recommendation.new-payment-method-notification .new-payment-method-white-icon {
        display: none
    }
}

.header-notification.header-notification-recommendation.dimoco-notification {
    background-color: #f4f4f4;
    cursor: unset
}

.header-notification.header-notification-recommendation.dimoco-notification .header-notification-body {
    display: inline-flex;
    padding: 8px 0;
    font-size: .875rem;
    line-height: 1.125rem
}

.header-notification.header-notification-recommendation.dimoco-notification .icon {
    margin-right: 0
}

.header-notification.header-notification-recommendation.dimoco-notification .ppcom-white-text {
    color: #2b2b2b;
    margin: 0 40px
}

.header-notification.header-notification-recommendation.dimoco-notification .ppcom-white-text strong {
    white-space: nowrap
}

.header-notification.header-notification-recommendation.dimoco-notification .icon-ppcom-white {
    height: 21px;
    width: 85px
}

.header-notification.header-notification-recommendation.dimoco-notification .icon-ppal-small-white {
    display: none;
    height: 23px;
    width: 20px
}

.header-notification.header-notification-recommendation.dimoco-notification .btn {
    margin-bottom: 0;
    margin-right: 20px;
    font-size: .813rem
}

.header-notification.header-notification-recommendation.dimoco-notification .icon.icon-close-5 {
    fill: #2b2b2b
}

@media screen and (max-width:768px) {
    .header-notification.header-notification-recommendation.dimoco-notification .ppcom-white-text {
        margin: 0 20px
    }
}

@media screen and (max-width:479px) {
    .header-notification.header-notification-recommendation.dimoco-notification {
        padding-left: 13px
    }

    .header-notification.header-notification-recommendation.dimoco-notification .close-button {
        margin-right: 16px
    }

    .header-notification.header-notification-recommendation.dimoco-notification .ppcom-white-text {
        margin: 0 10px;
        text-align: left;
        font-size: .75rem;
        line-height: .875rem;
        letter-spacing: .005rem
    }

    .header-notification.header-notification-recommendation.dimoco-notification .btn {
        margin-right: 12px
    }

    .header-notification.header-notification-recommendation.dimoco-notification .icon-ppal-small-white {
        display: block
    }

    .header-notification.header-notification-recommendation.dimoco-notification .icon-ppcom-white {
        display: none
    }
}

.header-notification.header-notification-warning {
    background-color: #ffdf85
}

.header-notification.header-notification-warning a {
    color: inherit
}

.header-notification.header-notification-warning>.header-notification-body {
    color: #414141
}

.header-notification.header-notification-warning .icon-close,
.header-notification.header-notification-warning .icon-close-3 {
    fill: rgba(0, 0, 0, .3);
    color: rgba(0, 0, 0, .3)
}

.header-notification.header-notification-warning .icon-close-3:hover,
.header-notification.header-notification-warning .icon-close:hover {
    fill: rgba(0, 0, 0, .5);
    color: rgba(0, 0, 0, .3)
}

.header-notification.should-reupload-notification .should-reupload-notification__link:hover {
    opacity: .6
}

.header-notification.header-notification-user-alert .header-notification-body,
.header-notification.incarnated-as-model-notification .header-notification-body,
.header-notification.payouts-email-sent-notification .header-notification-body,
.header-notification.should-reupload-notification .header-notification-body {
    padding: 8px 0px
}

.header-notification.header-notification-user-alert .header-notification-body .btn,
.header-notification.incarnated-as-model-notification .header-notification-body .btn,
.header-notification.payouts-email-sent-notification .header-notification-body .btn,
.header-notification.should-reupload-notification .header-notification-body .btn {
    border-color: #262626;
    color: #262626;
    margin: 0 0 0 30px;
    text-decoration: none;
    transition: opacity ease .25s
}

.header-notification.header-notification-user-alert .header-notification-body .btn:hover,
.header-notification.incarnated-as-model-notification .header-notification-body .btn:hover,
.header-notification.payouts-email-sent-notification .header-notification-body .btn:hover,
.header-notification.should-reupload-notification .header-notification-body .btn:hover {
    opacity: .6
}

@media screen and (max-width:1023px) {

    .header-notification.header-notification-user-alert .header-notification-body,
    .header-notification.incarnated-as-model-notification .header-notification-body,
    .header-notification.payouts-email-sent-notification .header-notification-body,
    .header-notification.should-reupload-notification .header-notification-body {
        align-items: center;
        display: flex;
        flex-direction: column
    }

    .header-notification.header-notification-user-alert .header-notification-body .btn,
    .header-notification.incarnated-as-model-notification .header-notification-body .btn,
    .header-notification.payouts-email-sent-notification .header-notification-body .btn,
    .header-notification.should-reupload-notification .header-notification-body .btn {
        margin: 10px 0 0 0
    }
}

.header-notification.header-notification-warning-light {
    min-height: 48px;
    background-color: #f6ecb3;
    font-weight: 500
}

.header-notification.header-notification-warning-light a {
    color: inherit
}

.header-notification.header-notification-warning-light>.header-notification-body {
    color: #262626
}

.header-notification.header-notification-warning-light .icon-close {
    fill: rgba(0, 0, 0, .3)
}

.header-notification.header-notification-warning-light .icon-close:hover {
    fill: rgba(0, 0, 0, .5)
}

.header-notification.header-notification-warning-light .btn-dark-outline {
    background: 0 0;
    border-color: #000;
    border-width: 2px;
    color: #000;
    font-weight: 700;
    margin-bottom: 0;
    transition: all 90ms ease-in-out 0s
}

.header-notification.header-notification-warning-light.should-reupload-notification {
    background-color: #ffdf85;
    max-height: none
}

.header-notification.header-notification-permanent {
    background-color: #ffdf85;
    cursor: default;
    margin-top: 1px
}

.header-notification.header-notification-permanent>.header-notification-body {
    color: #414141
}

.header-notification.header-notification-push {
    background-color: #59c5e6
}

.header-notification.header-notification-push .header-notification-body {
    align-items: center;
    color: #2b2b2b;
    justify-content: center;
    padding: 10px;
    display: flex;
    flex-direction: row
}

.header-notification.header-notification-push .header-notification-body.white {
    color: #fff
}

.header-notification.header-notification-push .header-notification-title {
    align-items: center;
    font-weight: 700;
    justify-content: center;
    line-height: 1.25rem;
    font-size: .875rem;
    display: flex;
    flex-direction: row
}

.header-notification.header-notification-push .header-notification-title.font-weight-normal {
    font-weight: 400
}

.header-notification.header-notification-push .icon-notifications {
    margin-right: 15px;
    margin-top: 2px;
    min-width: 18px
}

.header-notification.header-notification-push .close-button .icon-close-2 {
    fill: rgba(0, 0, 0, .3)
}

.header-notification.header-notification-push .close-button:hover .icon-close-2 {
    fill: rgba(0, 0, 0, .5)
}

.header-notification.header-notification-push .btn {
    margin: 0 0 0 20px;
    padding: 0 30px
}

@media screen and (max-width:1023px) {
    .header-notification.header-notification-push {
        max-height: 175px
    }
}

@media screen and (max-width:600px) {
    .header-notification.header-notification-push {
        max-height: 175px
    }
}

@media screen and (max-width:1023px) {
    .header-notification.header-notification-push .header-notification-body {
        align-items: flex-start
    }

    .header-notification.header-notification-push .header-notification-body .icon-notifications {
        margin-top: 2px
    }

    .header-notification.header-notification-push .header-notification-content-icon {
        position: relative;
        top: 6px
    }

    .header-notification.header-notification-push .header-notification-title {
        align-items: flex-start;
        text-align: left;
        display: flex;
        flex-direction: column
    }

    .header-notification.header-notification-push .btn {
        margin: 10px 0 0 0
    }

    .header-notification.header-notification-push .close-button {
        align-self: flex-start;
        margin: 10px 10px 0 0
    }
}

.header-notification.header-notification-two-factor-auth {
    background-color: #303133;
    border-bottom: solid 1px #000;
    border-top: solid 1px #000;
    cursor: default;
    max-height: none;
    padding: 0
}

.header-notification.header-notification-two-factor-auth .header-notification-body {
    align-items: center;
    justify-content: center;
    padding: 10px;
    display: flex;
    flex-direction: row
}

.header-notification.header-notification-two-factor-auth .header-notification-title {
    align-items: center;
    justify-content: center;
    padding: 2px 10px;
    line-height: 1.188rem;
    font-size: .938rem;
    display: flex;
    flex-direction: row
}

.header-notification.header-notification-two-factor-auth .header-notification-title .icon {
    color: #34b353;
    flex: 1 0 auto;
    margin-right: 15px;
    margin-top: 2px;
    min-width: 18px
}

.header-notification.header-notification-two-factor-auth .header-notification-controls .btn {
    border: 2px solid #ccc;
    color: rgba(255, 255, 255, .8);
    text-decoration: none
}

.header-notification.header-notification-two-factor-auth .header-notification-controls .btn:hover {
    border-color: #fff;
    color: #fff !important
}

.header-notification.header-notification-two-factor-auth .header-notification-controls .header-notification-hint {
    color: rgba(255, 255, 255, .6);
    font-weight: 400;
    padding: 10px;
    line-height: 1rem;
    font-size: .813rem
}

.header-notification.header-notification-two-factor-auth .header-notification-controls .btn {
    margin: 0 10px;
    padding: 0 20px
}

.header-notification.header-notification-two-factor-auth .close-button {
    color: rgba(255, 255, 255, .4);
    cursor: pointer
}

.header-notification.header-notification-two-factor-auth .close-button:focus,
.header-notification.header-notification-two-factor-auth .close-button:hover {
    color: rgba(255, 255, 255, .8)
}

@media screen and (max-width:1023px) {
    .header-notification.header-notification-two-factor-auth .header-notification-body {
        align-items: flex-start;
        padding-bottom: 15px;
        display: flex;
        flex-direction: column
    }

    .header-notification.header-notification-two-factor-auth .header-notification-title {
        align-items: flex-start;
        text-align: left;
        font-size: .875rem
    }

    .header-notification.header-notification-two-factor-auth .header-notification-title span {
        margin-bottom: 6px
    }

    .header-notification.header-notification-two-factor-auth .header-notification-controls {
        margin-left: 56px;
        display: flex;
        flex-direction: column
    }

    .header-notification.header-notification-two-factor-auth .header-notification-controls .header-notification-hint {
        margin-top: 10px;
        padding: 0;
        font-size: .75rem
    }

    .header-notification.header-notification-two-factor-auth .header-notification-controls .btn {
        margin: 0
    }

    .header-notification.header-notification-two-factor-auth .close-button {
        align-self: flex-start;
        margin: 20px 20px 0 0
    }
}

.header-notification.header-notification-new-payment-methods {
    transition: all 120ms ease-in-out 0s;
    background-color: #509bf5
}

.header-notification.header-notification-new-payment-methods:hover {
    filter: brightness(1.1)
}

.header-notification.header-notification-new-payment-methods .header-notification-body {
    align-items: center;
    color: #fff;
    justify-content: center;
    padding: 8px 0;
    display: flex;
    flex-direction: row;
    font-size: 15px;
    font-weight: 400;
    letter-spacing: normal;
    line-height: normal;
    line-height: 18px
}

.header-notification.header-notification-new-payment-methods .header-notification-title {
    text-align: left
}

.header-notification.header-notification-new-payment-methods .header-notification-action-btn {
    flex-shrink: 0;
    padding: 7px 15px;
    margin: 0 20px;
    text-transform: uppercase;
    color: #f8f8f8;
    border: 2px solid #f8f8f8;
    font-size: 13px;
    font-weight: 500;
    letter-spacing: normal;
    line-height: normal;
    line-height: 16px
}

.header-notification.header-notification-new-payment-methods .header-notification-action-btn:hover {
    background-color: #f8f8f8;
    color: #414141
}

.header-notification.header-notification-new-payment-methods .close-button-3 {
    position: absolute;
    top: 16px;
    right: 15px;
    margin: 0;
    color: #fff;
    opacity: .6
}

.header-notification.header-notification-new-payment-methods .close-button-3 .icon {
    color: #fff;
    height: 11px;
    width: 11px;
    margin: 0
}

.header-notification.header-notification-new-payment-methods .close-button-3:hover {
    opacity: 1
}

@media screen and (max-width:1023px) {
    .header-notification.header-notification-new-payment-methods .close-button-3 {
        top: 7px;
        right: 7px
    }
}

.header-notification.header-notification-modelPush {
    background-color: #2f87cc;
    cursor: default
}

.header-notification.header-notification-modelPush .header-notification-body {
    align-items: center;
    color: #fff;
    justify-content: center;
    padding: 10px;
    display: flex;
    flex-direction: row;
    font-size: .813rem
}

.header-notification.header-notification-modelPush .header-notification-content {
    align-items: center;
    justify-content: center;
    display: flex;
    flex-direction: row
}

.header-notification.header-notification-modelPush .header-notification-content-icon {
    margin: 0 60px 0 0
}

.header-notification.header-notification-modelPush .header-notification-title {
    opacity: .8;
    line-height: 1.25rem
}

.header-notification.header-notification-modelPush .header-notification-link {
    margin: 0 0 0 16px;
    opacity: .5;
    text-decoration: none
}

.header-notification.header-notification-modelPush .header-notification-link:active,
.header-notification.header-notification-modelPush .header-notification-link:focus,
.header-notification.header-notification-modelPush .header-notification-link:hover {
    opacity: 1
}

.header-notification.header-notification-modelPush .btn-white-outline {
    text-decoration: none
}

.header-notification.header-notification-modelPush .icon-notifications {
    height: 20px;
    margin-bottom: 3px;
    margin-right: 15px;
    min-width: 18px;
    opacity: .7
}

.header-notification.header-notification-modelPush .header-notification-controls {
    align-items: center;
    margin: 0 0 0 20px;
    display: flex;
    flex-direction: row
}

.header-notification.header-notification-modelPush .header-notification-controls .btn {
    margin: 0
}

.header-notification.header-notification-modelPush .close-button .icon {
    color: #fff;
    height: 10px;
    width: 10px
}

@media screen and (max-width:1023px) {
    .header-notification.header-notification-modelPush {
        max-height: none
    }

    .header-notification.header-notification-modelPush .header-notification-body .icon-notifications {
        margin-top: 2px
    }

    .header-notification.header-notification-modelPush .header-notification-content {
        align-items: flex-start;
        display: flex;
        flex-direction: column
    }

    .header-notification.header-notification-modelPush .header-notification-controls {
        margin: 10px 0 0
    }

    .header-notification.header-notification-modelPush .close-button {
        align-self: flex-start;
        margin: 10px 10px 0 0
    }
}

@media screen and (max-width:639px) {
    .header-notification.header-notification-modelPush .header-notification-title {
        text-align: left
    }
}

.header-notification.header-notification-payments-settings {
    max-height: 150px;
    transition: max-height .12s ease-in-out
}

.header-notification.header-notification-payments-settings.slide-transition-appear,
.header-notification.header-notification-payments-settings.slide-transition-enter {
    max-height: 0
}

.header-notification.header-notification-payments-settings.slide-transition-appear.slide-transition-appear-active,
.header-notification.header-notification-payments-settings.slide-transition-appear.slide-transition-enter-active,
.header-notification.header-notification-payments-settings.slide-transition-enter.slide-transition-appear-active,
.header-notification.header-notification-payments-settings.slide-transition-enter.slide-transition-enter-active {
    max-height: 150px
}

.header-notification.header-notification-payments-settings.slide-transition-exit {
    max-height: 150px
}

.header-notification.header-notification-payments-settings.slide-transition-exit.slide-transition-exit-active {
    max-height: 0
}

.header-notification.header-notification-payments-settings .notification-buttons {
    margin-top: 10px
}

.header-notification.header-notification-payments-settings .notification-buttons>.btn {
    margin-bottom: 0
}

.header-notification .header-notification-body {
    color: #fff;
    display: inline-block;
    padding: 15px 0;
    text-align: center;
    flex: 1;
    flex-basis: auto;
    flex-grow: 1;
    flex-shrink: 1;
    font-size: 1rem
}

.header-notification .header-notification-report {
    color: #fff;
    text-decoration: underline
}

.header-notification a {
    color: #fff;
    text-decoration: underline
}

.header-notification .icon-close,
.header-notification .icon-close-3 {
    color: rgba(241, 241, 241, .3);
    fill: rgba(241, 241, 241, .3);
    height: 22px;
    margin-right: 20px;
    pointer-events: auto;
    width: 22px;
    flex: 1;
    flex-basis: auto;
    flex-grow: 0;
    flex-shrink: 0
}

.header-notification .icon-close-3:hover,
.header-notification .icon-close:hover {
    color: rgba(241, 241, 241, .5);
    fill: rgba(241, 241, 241, .5)
}

.header-notification .icon-close-3 {
    height: 11px;
    width: 11px
}

.header-notification .close-button {
    margin-right: 20px;
    width: 22px;
    flex: 1;
    flex-basis: auto;
    flex-grow: 0;
    flex-shrink: 0
}

.header-notification.header-notification-purchase-failure {
    background-color: #873131;
    height: 60px
}

.header-notification.header-notification-purchase-failure .header-notification-body {
    align-items: center;
    margin-right: 10px;
    padding: 10px 0;
    align-items: center;
    justify-content: center;
    display: flex;
    flex-direction: row;
    font-size: .813rem
}

.header-notification.header-notification-purchase-failure .btn-outline {
    border-color: #f8f8f8;
    border-width: 2px;
    color: #fdfdfd !important;
    margin: 0 0 0 15px
}

.header-notification.header-notification-purchase-failure .btn-outline:hover {
    border-color: #f8f8f8
}

.header-notification.header-notification-purchase-failure .btn-outline:hover:not(:disabled) {
    background: #fff;
    color: #414141 !important
}

.header-notification.header-notification-session-expire-soon {
    background-color: #603838;
    cursor: default
}

.header-notification.header-notification-session-expire-soon .header-notification-body {
    align-items: center;
    color: #fff;
    justify-content: center;
    padding: 10px;
    display: flex;
    flex-direction: row
}

.header-notification.header-notification-session-expire-soon .header-notification-content {
    align-items: center;
    justify-content: center;
    display: flex;
    flex-direction: row
}

.header-notification.header-notification-session-expire-soon .header-notification-content-icon {
    margin: 0 60px 0 0
}

.header-notification.header-notification-session-expire-soon .btn {
    border-color: #fff;
    color: #fff
}

.header-notification.header-notification-session-expire-soon .header-notification-controls {
    align-items: center;
    margin: 0 0 0 20px;
    display: flex;
    flex-direction: row
}

.header-notification.header-notification-session-expire-soon .header-notification-controls .btn {
    margin: 0
}

@media screen and (max-width:1023px) {
    .header-notification.header-notification-session-expire-soon {
        max-height: none
    }

    .header-notification.header-notification-session-expire-soon .header-notification-body .icon-notifications {
        margin-top: 2px
    }

    .header-notification.header-notification-session-expire-soon .header-notification-content {
        align-items: flex-start;
        display: flex;
        flex-direction: column
    }

    .header-notification.header-notification-session-expire-soon .header-notification-controls {
        margin: 10px 0 0
    }
}

@media screen and (max-width:639px) {
    .header-notification.header-notification-session-expire-soon .header-notification-title {
        text-align: left
    }
}

.header-notification.header-notification-new-timezone-detected {
    background: #509bf5
}

.header-notification.header-notification-new-timezone-detected .icon-time-pending {
    height: 20px;
    margin-right: 8px;
    transform: translateY(-2px);
    width: 20px
}

.header-notification .payment-methods-link {
    text-decoration: none
}

.header-notification .payment-methods-link .payment-methods-title {
    text-decoration: underline
}

.header-notification~.header-notification {
    margin-top: 1px
}

.header-notification-model-news {
    background-color: #222;
    display: flex;
    height: 51px
}

.header-notification-model-news .header-notification-body {
    flex: 1 1 99%;
    align-items: center;
    justify-content: center;
    display: flex;
    flex-direction: row
}

.header-notification-model-news .header-notification-content {
    color: rgba(255, 255, 255, .8);
    align-items: center;
    justify-content: center;
    display: flex;
    flex-direction: row
}

.header-notification-model-news .header-notification-new-red {
    background-color: #bd262f;
    border-radius: 3px;
    display: inline-block;
    margin-right: 12px;
    padding: 0 8px;
    text-transform: uppercase;
    font-size: .688rem;
    line-height: 1.5rem
}

.header-notification-model-news .header-notification-title-cmp {
    line-height: 1.5rem
}

.header-notification-model-news .header-notification-controls a.btn {
    margin-bottom: 0;
    margin-left: 16px;
    text-decoration: none
}

.header-notification-model-news .close-button {
    align-self: center;
    box-sizing: content-box;
    flex: 0 0 1%;
    height: 14px;
    justify-content: right;
    margin-left: auto;
    padding: 6px;
    width: 14px;
    align-items: center;
    justify-content: center;
    display: flex;
    flex-direction: row
}

.header-notification-model-news .close-button .icon {
    height: 14px;
    margin-right: 0;
    opacity: .4;
    width: 14px
}

.header-notification-model-news .close-button:hover .icon {
    opacity: .7
}

@media screen and (max-width:639px) {
    .header-notification-model-news {
        height: initial;
        max-height: none;
        padding-left: 16px
    }

    .header-notification-model-news .close-button {
        align-self: flex-start;
        margin-top: 15px
    }

    .header-notification-model-news .header-notification-body {
        align-items: flex-start;
        justify-content: flex-start
    }

    .header-notification-model-news .header-notification-content {
        display: block;
        text-align: left
    }

    .header-notification-model-news .header-notification-controls a.btn {
        margin-left: 0;
        margin-top: 12px
    }

    .header-notification-model-news .header-notification-title-cmp {
        justify-content: flex-start
    }
}

@media screen and (max-width:1023px) {
    .header-notification {
        max-height: 75px;
        padding: 0 0 0 20px;
        transition: max-height .12s ease-in-out
    }

    .header-notification.slide-transition-appear,
    .header-notification.slide-transition-enter {
        max-height: 0
    }

    .header-notification.slide-transition-appear.slide-transition-appear-active,
    .header-notification.slide-transition-appear.slide-transition-enter-active,
    .header-notification.slide-transition-enter.slide-transition-appear-active,
    .header-notification.slide-transition-enter.slide-transition-enter-active {
        max-height: 75px
    }

    .header-notification.slide-transition-exit {
        max-height: 75px
    }

    .header-notification.slide-transition-exit.slide-transition-exit-active {
        max-height: 0
    }

    .header-notification.header-notification-permanent {
        padding: 0 50px
    }

    .header-notification.header-notification-payments-settings {
        max-height: 180px;
        transition: max-height .12s ease-in-out
    }

    .header-notification.header-notification-payments-settings.slide-transition-appear,
    .header-notification.header-notification-payments-settings.slide-transition-enter {
        max-height: 0
    }

    .header-notification.header-notification-payments-settings.slide-transition-appear.slide-transition-appear-active,
    .header-notification.header-notification-payments-settings.slide-transition-appear.slide-transition-enter-active,
    .header-notification.header-notification-payments-settings.slide-transition-enter.slide-transition-appear-active,
    .header-notification.header-notification-payments-settings.slide-transition-enter.slide-transition-enter-active {
        max-height: 180px
    }

    .header-notification.header-notification-payments-settings.slide-transition-exit {
        max-height: 180px
    }

    .header-notification.header-notification-payments-settings.slide-transition-exit.slide-transition-exit-active {
        max-height: 0
    }

    .header-notification .header-notification-message {
        padding: 10px 0
    }
}

@media screen and (max-width:600px) {
    .header-notification {
        max-height: 125px;
        padding: 0 0 0 20px
    }

    .header-notification.header-notification-permanent {
        padding: 0 40px
    }

    .header-notification .header-notification-body {
        font-size: .875rem
    }
}

.header-notification.notification-color {
    background: #4c88bc
}

.header-notification-bold {
    font-weight: 700
}

.header-notification.header-notification-privates-survey {
    cursor: auto;
    background-color: #360003
}

.header-notification.header-notification-privates-survey .header-notification-body {
    display: flex;
    justify-content: center
}

.header-notification.header-notification-privates-survey .header-notification-link {
    display: flex;
    text-decoration: none
}

.header-notification.header-notification-privates-survey .header-notification-content {
    align-items: center;
    justify-content: center;
    display: flex;
    flex-direction: row
}

.header-notification.header-notification-privates-survey .content-text {
    font-size: .938rem;
    line-height: 1.125rem
}

.header-notification.header-notification-privates-survey .icon-speaker-colored {
    margin-right: 12px
}

.header-notification.header-notification-privates-survey .btn {
    font-weight: 700;
    font-size: .938rem;
    margin: 0 0 0 12px;
    padding: 0 14px;
    text-decoration: none
}

.header-notification.header-notification-privates-survey .btn:active,
.header-notification.header-notification-privates-survey .btn:focus {
    background-color: inherit
}

@media screen and (max-width:639px) {
    .header-notification.header-notification-privates-survey {
        padding: 0 0 0 12px
    }

    .header-notification.header-notification-privates-survey .content-text {
        font-size: .813rem;
        line-height: 1rem;
        font-weight: 500
    }

    .header-notification.header-notification-privates-survey .icon-speaker-colored {
        margin-right: 8px
    }

    .header-notification.header-notification-privates-survey .btn {
        font-size: .813rem;
        padding: 0 12px;
        margin: 0 auto 0 8px
    }

    .header-notification.header-notification-privates-survey .header-notification-body {
        padding: 12px 0;
        justify-content: flex-start
    }

    .header-notification.header-notification-privates-survey .close-button {
        margin: 0 12px;
        width: 16px
    }
}

@media screen and (max-width:479px) {
    .header-notification.header-notification-privates-survey {
        align-items: center
    }

    .header-notification.header-notification-privates-survey .header-notification-content {
        display: block;
        text-align: left;
        margin-left: 8px
    }

    .header-notification.header-notification-privates-survey .btn {
        margin: 10px 0 0 0
    }

    .header-notification.header-notification-privates-survey .close-button {
        margin-top: 16px
    }
}

.header-notification.header-notification-my-favorites-survey {
    cursor: auto;
    background-color: #360003
}

.header-notification.header-notification-my-favorites-survey .header-notification-body {
    display: flex;
    justify-content: center
}

.header-notification.header-notification-my-favorites-survey .header-notification-content {
    align-items: center;
    justify-content: center;
    display: flex;
    flex-direction: row
}

.header-notification.header-notification-my-favorites-survey .content-text {
    font-size: .938rem;
    line-height: 1.125rem
}

.header-notification.header-notification-my-favorites-survey .icon-speaker-colored {
    margin-right: 12px
}

.header-notification.header-notification-my-favorites-survey .btn {
    font-weight: 700;
    font-size: .938rem;
    margin: 0 0 0 12px;
    padding: 0 14px;
    text-decoration: none
}

.header-notification.header-notification-my-favorites-survey .btn:active,
.header-notification.header-notification-my-favorites-survey .btn:focus {
    background-color: inherit
}

@media screen and (max-width:639px) {
    .header-notification.header-notification-my-favorites-survey {
        padding: 0 0 0 12px
    }

    .header-notification.header-notification-my-favorites-survey .content-text {
        font-size: .813rem;
        line-height: 1rem;
        font-weight: 500
    }

    .header-notification.header-notification-my-favorites-survey .icon-speaker-colored {
        margin-right: 8px
    }

    .header-notification.header-notification-my-favorites-survey .btn {
        font-size: .813rem;
        padding: 0 12px;
        margin: 0 auto 0 8px
    }

    .header-notification.header-notification-my-favorites-survey .header-notification-body {
        padding: 12px 0;
        justify-content: flex-start
    }

    .header-notification.header-notification-my-favorites-survey .close-button {
        margin: 0 12px;
        width: 16px
    }
}

@media screen and (max-width:479px) {
    .header-notification.header-notification-my-favorites-survey {
        align-items: flex-start
    }

    .header-notification.header-notification-my-favorites-survey .header-notification-content {
        display: block;
        text-align: left;
        margin-left: 8px
    }

    .header-notification.header-notification-my-favorites-survey .btn {
        margin: 10px 0 0 0
    }

    .header-notification.header-notification-my-favorites-survey .close-button {
        margin-top: 16px
    }
}

.header-notification__close {
    pointer-events: initial;
    cursor: pointer
}

.header-notification--non-interactive {
    cursor: pointer
}

.header-notification-in-stream {
    align-items: center;
    background-color: #603838;
    color: #fff;
    cursor: default;
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    padding: 0 20px
}

.header-notification-in-stream-body {
    align-items: center;
    display: flex;
    flex-flow: row nowrap;
    flex-grow: 1;
    justify-content: center;
    padding: 14px 0
}

@media screen and (max-width:639px) {
    .header-notification-in-stream-body {
        align-items: start;
        flex-flow: column nowrap
    }
}

.header-notification-in-stream-body .btn {
    border-color: #fff;
    color: #fff
}

.header-notification-in-stream-body .btn:hover {
    background-color: #fff;
    color: #000
}

.header-notification-in-stream-text {
    font-weight: 500;
    margin: 0;
    font-size: .938rem
}

.header-notification-in-stream-link {
    margin: 0 0 0 20px;
    text-decoration: none
}

@media screen and (max-width:639px) {
    .header-notification-in-stream-link {
        margin: 10px 0 0 0
    }
}

.header-notification-in-stream-close {
    cursor: pointer;
    opacity: .4;
    padding: 6px
}

.header-notification-in-stream-close:hover {
    opacity: .6
}

.header-notification-in-stream-close .icon {
    fill: #fff;
    height: 14px;
    margin-right: 0;
    width: 14px
}

.copy-studio-persons-success {
    background-color: #79943d
}

.banner-my-webcam-room {
    align-items: center;
    display: inline-flex;
    flex-wrap: wrap;
    justify-content: flex-start
}

.banner-my-webcam-room .icon {
    height: 18px;
    margin-right: 12px;
    width: 18px
}

.banner-my-webcam-room__title {
    margin-right: 12px;
    text-align: left
}

.banner-my-webcam-room .btn {
    margin: 0;
    text-decoration: none
}

@media screen and (max-width:639px) {
    .banner-my-webcam-room__title {
        align-items: flex-start;
        display: flex;
        justify-content: flex-start;
        margin-bottom: 12px
    }
}

.alert {
    font-size: 16px;
    font-weight: 400;
    letter-spacing: normal;
    line-height: normal;
    padding: 15px;
    display: flex;
    align-items: center;
    width: 100%;
    color: #f8f8f8
}

.alert-content {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%
}

.alert-content-closable {
    margin-left: 23px
}

.alert-content-left-align {
    justify-content: flex-start
}

.alert-success {
    background-color: #576038
}

.alert-error {
    background-color: #603838
}

.alert-info {
    background-color: #4b6a73
}

.alert-warning {
    color: #101010;
    background-color: #ffdf85
}

.alert-warning .alert-close-icon.alert-close-icon {
    color: rgba(16, 16, 16, .5)
}

.alert-warning .alert-close-icon.alert-close-icon:hover {
    color: #101010
}

.alert-close-icon.alert-close-icon {
    margin: -9px;
    margin-left: 0;
    color: rgba(248, 248, 248, .5)
}

.alert-close-icon.alert-close-icon:hover {
    color: #f8f8f8
}

.extra-verification-notification.header-notification.header-notification-error.header-notification-permanent {
    background-color: #603838
}

.extra-verification-notification.header-notification.header-notification-error.header-notification-permanent>.header-notification-body {
    color: #fff
}

.extra-verification-notification__button {
    display: inline-block;
    margin-left: 20px
}

.extra-verification-notification .icon {
    visibility: hidden
}

@media screen and (max-width:1023px) {
    .extra-verification-notification__button {
        display: block;
        margin: 12px 0 0 0;
        text-align: center
    }
}

@media screen and (max-width:639px) {
    .dark-closable-with-button .content-text {
        line-height: 1.5rem
    }

    .dark-closable-with-button .header-notification-controls a.btn {
        margin-top: 6px
    }
}

.requested-private-offline-notification {
    align-items: center;
    background-color: #ffc73c;
    display: flex;
    justify-content: center;
    padding: 8px;
    position: relative;
    width: 100%
}

@media screen and (max-width:639px) {
    .requested-private-offline-notification {
        justify-content: space-between
    }
}

.requested-private-offline-notification__content {
    align-items: center;
    display: flex
}

.requested-private-offline-notification__avatar {
    filter: drop-shadow(0px 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
}

@media screen and (max-width:639px) {
    .requested-private-offline-notification__text {
        flex-direction: column;
        font-size: .813rem;
        line-height: 1rem
    }
}

.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
}

@media screen and (max-width:639px) {
    .requested-private-offline-notification__status {
        font-size: .813rem
    }
}

.requested-private-offline-notification__divider {
    margin: auto 10px
}

@media screen and (max-width:639px) {
    .requested-private-offline-notification__divider {
        margin: auto 5px
    }
}

.requested-private-offline-notification__timer {
    background: rgba(0, 0, 0, .6);
    border-radius: 6px;
    color: #fff;
    font-weight: 500;
    margin: 0px 16px;
    padding: 6px 10px;
    font-size: .938rem
}

@media screen and (max-width:639px) {
    .requested-private-offline-notification__timer {
        margin: 0px 7px;
        font-size: .813rem
    }
}

.requested-private-offline-notification__close-button {
    cursor: pointer;
    position: absolute;
    right: 20px;
    transition: all ease .25s
}

.requested-private-offline-notification__close-button:hover {
    opacity: .7
}

.requested-private-offline-notification__close-button .icon {
    fill: rgba(241, 241, 241, .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, .4)
}

.header-notification.header-notification-error-template {
    background-color: #603838;
    font-weight: 500;
    max-height: none;
    min-height: 48px
}

.header-notification.header-notification-error-template .header-notification-body {
    padding: 8px 0px
}

.header-notification.header-notification-error-template .btn-dark-outline {
    background: 0 0;
    border-color: #fff;
    border-width: 2px;
    color: #fff;
    font-weight: 700;
    margin: 0 0 0 30px;
    text-decoration: none;
    transition: all 90ms ease-in-out 0s
}

.header-notification.header-notification-error-template .btn-dark-outline:hover {
    opacity: .6
}

@media screen and (max-width:1023px) {
    .header-notification.header-notification-error-template .header-notification-body {
        align-items: center;
        display: flex;
        flex-direction: column
    }

    .header-notification.header-notification-error-template .header-notification-body .btn {
        margin: 10px 0 0 0
    }
}

.user-alerts__notification {
    max-height: none !important
}

.user-alerts__notification-body {
    display: flex !important;
    align-items: center;
    justify-content: center;
    min-height: 48px
}

.user-alerts__close-btn .icon {
    color: rgba(38, 38, 38, .6);
    width: 12px;
    height: 12px
}

.user-alerts__close-btn:hover .icon {
    color: rgba(38, 38, 38, .4)
}

.user-alerts__modal .modal-content {
    width: 350px;
    max-width: 90vw
}

.user-alerts__modal.modal-wrapper .modal-content.modal-header-outside .modal-body {
    background-color: #2e2e2e;
    padding: 30px;
    border-radius: 8px;
    box-shadow: none
}

.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-weight: 700;
    font-size: 18px;
    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
}

@media screen and (min-width:1024px) {
    .user-alerts__details-btn {
        flex: 0 0 auto;
        margin-right: 10px !important
    }
}

.mass-message-sent-error-notification-content {
    align-items: center;
    display: flex;
    justify-content: center;
    width: 100%
}

.mass-message-sent-error-notification-content__button {
    margin-bottom: 0;
    margin-left: 30px
}

.verification-link-sent-notification {
    border-radius: 4px;
    margin: 10px 15px;
    padding: 16px
}

.verification-link-sent-notification .header-notification-body {
    padding: 0
}

.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
}

.models-wanted {
    align-items: center;
    align-self: stretch;
    padding: 0 6px;
    display: flex;
    flex-direction: row
}

.models-wanted .models-wanted-flag {
    background: url(/assets/common/images/us-models/usa-flag.png) center/contain no-repeat;
    display: none;
    height: 24px;
    margin: 0 10px 0 0;
    width: 24px
}

.models-wanted .models-wanted-text-desktop {
    display: none
}

.models-wanted .models-wanted-text-mobile .text-models {
    background-image: url(/assets/common/images/us-models/mobile-text-us-models.svg);
    height: 9px;
    width: 64px
}

.models-wanted .models-wanted-text-mobile .text-wanted {
    background-image: url(/assets/common/images/us-models/mobile-text-wanted.svg);
    height: 11px;
    width: 64px
}

.models-wanted:hover {
    background: #912229;
    cursor: pointer
}

@media screen and (min-width:480px) {
    .models-wanted {
        padding: 0 16px
    }
}

@media screen and (min-width:1366px) {
    .models-wanted .models-wanted-flag {
        height: 32px;
        margin: 0 16px 0 0;
        width: 32px
    }

    .models-wanted .models-wanted-text-mobile {
        display: none
    }

    .models-wanted .models-wanted-text-desktop {
        background-image: url(/assets/common/images/us-models/wanted-desktop.svg);
        display: block;
        height: 13px;
        width: 167px
    }
}

.header-logo {
    height: 54px;
    /* max-width: 180px; */
    position: relative;
    /* width: calc(54px * var(--header-logo-aspect-ratio)) */
    margin-right: 25px;
}

.header-logo svg {
    height: inherit;
    width: 100%
}

@media screen and (max-width:479px) {
    .header-logo {
        height: 42px;
        max-width: 116px;
        width: 100%
    }
}

.header-logo-link {
    padding: 0 10px
}

@media screen and (max-width:479px) {
    .header-logo-link {
        padding: 0
    }
}

.ie-outdated-modal {
    background: linear-gradient(180deg, #410000 0%, #000 100%);
    width: 100%
}

.ie-outdated-modal .modal-content {
    align-items: center;
    color: #f8f8f8;
    display: flex;
    flex-direction: column;
    text-align: center
}

.ie-outdated-modal .modal-content .ie-icon {
    background-size: contain;
    background: url(/assets/common/images/browsers-icons/explorer.svg) no-repeat center;
    height: 94px;
    margin-bottom: 32px;
    width: 94px
}

.ie-outdated-modal .modal-content .title {
    font-size: 28px;
    font-weight: 500;
    line-height: 120%;
    margin-bottom: 16px
}

.ie-outdated-modal .modal-content .sub-title {
    font-size: 14px;
    font-weight: 500;
    line-height: 22px;
    margin-bottom: 20px;
    max-width: 464px;
    text-align: center
}

.ie-outdated-modal .modal-content .sub-title a {
    text-decoration: underline;
    white-space: nowrap
}

.ie-outdated-modal .modal-content .sub-title a:not(:hover) {
    color: #fff;
    opacity: .6
}

.ie-outdated-modal .modal-content .browser-icons {
    display: flex
}

.ie-outdated-modal .modal-content .browser-icons .tooltip .tooltip-inner {
    background: #3b3b3b;
    border-radius: 4px;
    font-size: 11px;
    font-weight: 500;
    line-height: 14px
}

.ie-outdated-modal .modal-content .browser-icons a {
    display: block
}

.ie-outdated-modal .modal-content .browser-icons a:hover .icon {
    border: 1px solid #fff
}

.ie-outdated-modal .modal-content .browser-icons .icon {
    align-items: center;
    background: #2e2e2e;
    border-radius: 12px;
    border: 1px solid rgba(255, 255, 255, .1);
    box-sizing: border-box;
    display: flex;
    height: 52px;
    justify-content: center;
    margin-left: 16px;
    margin-right: 16px;
    width: 52px
}

.ie-outdated-modal .modal-content .browser-icons .icon img {
    width: 36px;
    height: 36px
}

.ie-outdated-modal .modal-content .ie11-outdated-btn-continue {
    background: #5b5b5b;
    color: #fff;
    transition: all 90ms ease-in-out 0s;
    font-size: 14px;
    font-weight: 700;
    line-height: 20px;
    padding: 10px 32px
}

.ie-outdated-modal .modal-content .ie11-outdated-btn-continue>.icon {
    fill: #fff;
    transition: all 90ms ease-in-out 0s
}

@media (pointer:fine) {

    .ie-outdated-modal .modal-content .ie11-outdated-btn-continue.hover,
    .ie-outdated-modal .modal-content .ie11-outdated-btn-continue:hover {
        background: #7a7a7a;
        color: #fff
    }

    .ie-outdated-modal .modal-content .ie11-outdated-btn-continue.hover>.icon,
    .ie-outdated-modal .modal-content .ie11-outdated-btn-continue:hover>.icon {
        fill: #fff
    }
}

.ie-outdated-modal .modal-content .ie11-outdated-btn-continue.active,
.ie-outdated-modal .modal-content .ie11-outdated-btn-continue.focus,
.ie-outdated-modal .modal-content .ie11-outdated-btn-continue:active,
.ie-outdated-modal .modal-content .ie11-outdated-btn-continue:focus {
    background: #474747;
    color: #fff
}

.ie-outdated-modal .modal-content .ie11-outdated-btn-continue.active>.icon,
.ie-outdated-modal .modal-content .ie11-outdated-btn-continue.focus>.icon,
.ie-outdated-modal .modal-content .ie11-outdated-btn-continue:active>.icon,
.ie-outdated-modal .modal-content .ie11-outdated-btn-continue:focus>.icon {
    fill: #fff
}

.ie-outdated-modal .modal-content .ie11-outdated-btn-continue .btn-loader-overlay {
    color: #fff;
    background-color: #5b5b5b
}

.ie-outdated-modal .modal-content .continue-title {
    font-size: 14px;
    font-weight: 500;
    line-height: 22px;
    margin-bottom: 20px;
    margin-top: 40px
}

.app-management-modal.app-management-modal .app-management-modal-wrapper {
    display: flex;
    flex-direction: column;
    min-width: 500px;
    padding: 40px 20px;
    width: 50vw
}

.app-management-modal.app-management-modal .select,
.app-management-modal.app-management-modal input,
.app-management-modal.app-management-modal textarea {
    margin-bottom: 10px
}

.app-management-modal.app-management-modal textarea {
    max-height: 300px;
    overflow: auto
}

.app-management-modal.app-management-modal .app-management-modal-wrapper-label {
    display: flex;
    flex-direction: column;
    text-align: left
}

.app-management-modal.app-management-modal .app-management-modal-wrapper-label>div {
    margin: 0 0 4px
}

.app-management-modal.app-management-modal .error {
    color: #d5444e
}

.settings-form-not-empty-group-delimiter {
    background-color: rgba(248, 248, 248, .1);
    height: 1px;
    margin: 32px 0;
    width: 100%
}

.app-settings-preview-field {
    align-items: center;
    background: #282828;
    border-radius: 4px;
    color: #e1e1e1;
    display: block;
    flex-flow: wrap;
    min-height: 40px;
    padding: 10px 16px;
    white-space: pre-line;
    line-height: 1.125rem
}

.app-settings-preview-field>.username .username-level-wrapper {
    font-weight: 700;
    margin-right: 6px
}

.app-settings-preview-field .username-mention {
    background-color: rgba(255, 255, 255, .8);
    border-radius: 2px;
    color: #000;
    margin: 0 4px;
    padding: 2px 3px
}

.app-settings-preview-field .smile {
    vertical-align: middle
}

.settings-range-field {
    display: flex
}

.settings-range-field .settings-value {
    max-width: 80px
}

.settings-range-field .settings-field:first-of-type {
    margin-right: 20px
}

.settings-form form .form-fields .settings-range-field .settings-field .settings-value {
    margin-bottom: 0
}

.tabs-ds {
    border-bottom: 1px solid rgba(255, 255, 255, .2);
    display: flex;
    align-items: center
}

.tab-ds {
    list-style-type: none;
    color: rgba(248, 248, 248, .6);
    background: 0 0;
    border: none;
    outline: 0;
    overflow: visible;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    display: flex;
    align-items: center
}

.tab-ds:last-child {
    margin-right: 0
}

.tab-ds:hover {
    color: rgba(248, 248, 248, .8)
}

.tab-interactive-ds {
    position: relative
}

.tab-interactive-small-ds {
    font-size: 13px;
    font-weight: 400;
    letter-spacing: normal;
    line-height: normal;
    margin-right: 30px;
    padding: 9px 0
}

.tab-interactive-medium-ds {
    font-size: 15px;
    font-weight: 400;
    letter-spacing: normal;
    line-height: normal;
    margin-right: 40px;
    padding: 10px 0
}

.tab-interactive-active-ds {
    color: #f8f8f8
}

.tab-interactive-active-ds:active,
.tab-interactive-active-ds:focus,
.tab-interactive-active-ds:hover {
    color: #f8f8f8
}

.tab-interactive-active-ds::after {
    background: #c22934;
    background: var(--primary-border);
    bottom: -1px;
    content: "";
    height: 3px;
    left: 0;
    position: absolute;
    width: 100%
}

.tab-link-ds {
    text-decoration: none
}

.tab-link-ds:active,
.tab-link-ds:hover {
    text-decoration: none
}

.tab-link-ds:focus {
    text-decoration: inherit
}

.app-settings-rules .app-settings-rules-nav {
    color: rgba(248, 248, 248, .6)
}

.app-settings-rules .app-settings-rules-nav-remove {
    margin-bottom: -1px;
    margin-left: -30px;
    padding-left: 4px;
    margin-right: 26px
}

.app-settings-rules .app-settings-rules-nav-add {
    align-items: center;
    color: #71aadb;
    display: flex
}

.app-settings-rules .app-settings-rules-nav-add .app-settings-rules-nav-add-icon {
    color: #71aadb;
    fill: #71aadb;
    margin-left: 6px
}

.app-settings-rules .app-settings-rules-nav-add:hover {
    color: rgba(113, 170, 219, .8)
}

.app-settings-rules .app-settings-rules-nav-add:hover .app-settings-rules-nav-add-icon {
    opacity: .8
}

.settings-field-string-list-hint {
    color: rgba(248, 248, 248, .8)
}

.settings-field-string-list-item {
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    margin-bottom: 10px
}

.settings-field-string-list-add {
    width: 100%
}

.settings-form form .close-button {
    margin-left: 10px
}

.settings-form form .form-fields {
    width: 100%
}

.settings-form form .form-fields .settings-field .settings-label {
    margin-top: 20px;
    margin-left: 3px
}

.settings-form form .form-fields .settings-field .settings-label-hint {
    color: rgba(248, 248, 248, .8)
}

.settings-form form .form-fields .settings-field .settings-text {
    line-height: 20px
}

.settings-form form .form-fields .settings-field .settings-value {
    margin-bottom: 20px;
    width: 100%
}

.settings-form form .form-fields .settings-field .settings-value:only-child {
    margin-bottom: 12px
}

.settings-form form .form-fields .settings-field .settings-value .select,
.settings-form form .form-fields .settings-field .settings-value input,
.settings-form form .form-fields .settings-field .settings-value textarea {
    border-radius: 16px;
    height: auto;
    width: 100%
}

.settings-form form .form-fields .settings-rules-fields {
    border-bottom: 1px solid rgba(248, 248, 248, .1);
    margin-bottom: 20px;
    padding-bottom: 10px
}

.settings-form form .form-fields .settings-rules-fields--hidden {
    display: none
}

.settings-form form .form-controls {
    margin-top: 10px
}

.settings-form form .form-controls button {
    margin-bottom: 0
}

.settings-form-select .select-value {
    width: 100%
}

.settings-form-select .select-value .select-value-label {
    width: inherit
}

.settings-form-select-item {
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    justify-content: space-between;
    height: 100%;
    width: 100%
}

.settings-form-select-item-icon {
    height: 20px;
    width: 20px;
    margin-left: 10px;
    margin-right: 10px;
    border-radius: 5px
}

.settings-form-select-with-image {
    align-items: center;
    background: #383838;
    border: 1px solid transparent;
    border-radius: 12px;
    display: flex;
    padding: 10px
}

.settings-form-select-with-image .select-image {
    background: #494949;
    border-radius: 8px;
    height: 40px;
    margin-right: 10px;
    padding: 6px;
    width: 40px
}

.settings-form-select-with-image .select-label {
    color: #fff;
    flex-grow: 1;
    font-size: 15px;
    font-weight: 700
}

.settings-form-select-with-image .select {
    flex-basis: 100px
}

.app-settings-modal .modal-content.modal-header-outside .modal-body {
    background: #2f2f2f;
    padding: 32px;
    width: 600px;
    font-size: .813rem
}

.app-settings-modal .header {
    display: flex;
    flex-direction: row
}

.app-settings-modal .header .name-container {
    display: flex;
    flex-direction: column;
    justify-content: center
}

.app-settings-modal .header .name-container .name {
    font-weight: 700;
    font-size: 1.5rem;
    line-height: 1.75rem
}

.app-settings-modal .header .name-container .author {
    align-items: flex-end;
    color: rgba(248, 248, 248, .6);
    display: flex;
    margin-top: 5px;
    font-size: .75rem;
    line-height: 1rem
}

.app-settings-modal .header .app-image {
    background: linear-gradient(-45deg, #362342 0%, #5a1215 100%);
    border-radius: 4px;
    float: left;
    height: 100px;
    margin-right: 20px;
    width: 180px
}

.app-settings-modal .description {
    line-height: 20px;
    margin: 20px 0;
    white-space: pre-line
}

.app-settings-modal.modal-wrapper .modal-body {
    padding: 20px
}

@media screen and (max-width:639px) {
    .app-settings-modal .modal-content.modal-header-outside .modal-body {
        padding: 25px;
        width: 320px
    }

    .app-settings-modal .header {
        flex-direction: column
    }

    .app-settings-modal .header .app-image {
        height: auto;
        margin-bottom: 20px;
        width: 100%
    }
}

.confirm-remove-app-modal .modal-body {
    background: #2f2f2f;
    padding: 32px;
    width: 336px;
    font-weight: 500;
    font-size: 1.125rem;
    line-height: 1.313rem
}

.confirm-remove-app-modal .buttons {
    margin-top: 20px;
    font-size: .813rem;
    line-height: .938rem
}

.confirm-remove-app-modal .buttons .btn {
    margin-bottom: 0;
    font-weight: 500
}

@media screen and (max-width:600px) {
    .confirm-remove-app-modal .modal-body {
        width: calc(100vw - 20px)
    }
}

.air-play-connecting-modal {
    align-items: center;
    color: #f8f8f8;
    display: flex;
    flex-direction: column
}

.air-play-connecting-modal span {
    margin: 20px 0;
    text-align: center
}

.air-play-connecting-modal .btn {
    background-color: #5f5f5f;
    border: 1px solid #5f5f5f;
    color: #fff;
    min-height: 31px
}

@media screen and (max-width:479px) and (orientation:portrait) {
    .air-play-connecting-modal-wrapper .modal-content {
        position: absolute;
        top: 160px
    }
}

.call-me-later-modal {
    padding: 10px 20px
}

.call-me-later-modal .modal-content {
    max-width: 100%;
    width: 646px
}

.call-me-later-modal .icon-close-3 {
    transform: scale(.6)
}

.call-me-later-modal .modal-content.modal-header-outside .modal-body {
    align-items: center;
    background: radial-gradient(70% 98% at 50% 25px, #700000 0%, #101010 100%), #101010;
    border-radius: 20px;
    display: flex;
    flex-direction: column;
    margin-bottom: 16px;
    padding: 40px 40px 24px
}

.call-me-later-modal__avatar {
    border-width: 4px;
    box-shadow: #b80000 0 0 100px;
    height: 120px;
    margin-bottom: 24px;
    width: 120px
}

.call-me-later-modal__title {
    color: #fdfdfd;
    font-weight: 700;
    margin-bottom: 20px;
    text-align: center;
    font-size: 1.75rem;
    line-height: 2.125rem
}

.call-me-later-modal__lets-chat {
    color: #fff;
    font-weight: 500;
    margin-bottom: 12px;
    opacity: .6;
    font-size: 1rem;
    line-height: 1.25rem
}

.call-me-later-modal__next-date {
    color: #b2e345;
    font-weight: 500;
    font-size: .813rem;
    line-height: 1rem
}

.call-me-later-modal__for-now {
    color: #fff;
    font-weight: 500;
    margin-bottom: 12px;
    opacity: .6;
    text-align: center;
    line-height: 1rem;
    font-size: .813rem
}

.call-me-later-modal__action-block {
    align-items: center;
    background: linear-gradient(180deg, rgba(0, 0, 0, .15) 0%, rgba(0, 0, 0, 0) 100%);
    border-radius: 19px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 24px 10px;
    width: 100%
}

.call-me-later-modal__action-button {
    align-items: center;
    background: #a2252d;
    color: #f8f8f8;
    display: flex;
    font-weight: 500;
    height: 40px;
    margin-bottom: 0;
    padding: 10px 40px;
    font-size: 1rem
}

.confirm-email-modal .icon-mail {
    fill: #f8f8f8;
    margin-top: 20px
}

.confirm-email-modal .description {
    color: #f8f8f8;
    line-height: 20px;
    margin: 30px 0;
    font-size: .875rem
}

.confirm-email-modal .modal-body {
    text-align: center;
    width: 480px
}

@media screen and (max-width:600px) {
    .confirm-email-modal .modal-body {
        width: calc(100vw - 20px)
    }
}

.end-private-confirmation {
    width: 100%;
    max-width: 320px;
    border-radius: 8px;
    padding: 32px 24px 10px
}

.end-private-confirmation .button-close,
.end-private-confirmation .button-close>.icon {
    width: 14px;
    height: 14px
}

.end-private-confirmation .end-private-confirmation__actions {
    display: flex;
    flex-direction: row
}

.end-private-confirmation .end-private-confirmation__actions .end-private-confirmation__end-button {
    margin-left: 20px
}

.end-private-confirmation__head-label {
    font-size: 18px;
    font-weight: 700;
    letter-spacing: normal;
    line-height: 22px
}

.end-private-confirmation__description {
    font-size: 14px;
    font-weight: 500;
    letter-spacing: normal;
    line-height: normal;
    margin-top: 8px
}

.end-private-confirmation__content {
    margin: 20px 0
}

.end-private-confirmation__gold {
    color: #ffa900
}

.end-private-confirmation__grey {
    color: rgba(255, 255, 255, .6)
}

.end-private-confirmation__heart-image {
    width: 48px;
    height: 48px
}

.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: all 120ms ease-in-out 0s;
    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: all 120ms ease-in-out 0s;
    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
}

@media screen and (max-width:639px) {
    .external-broadcast-specification .modal-content {
        margin: auto 10px
    }

    .external-broadcast-specification .modal-content.modal-header-outside .modal-body {
        min-width: 100%
    }

    .external-broadcast-specification .broadcast-specification-footer {
        flex-direction: column
    }

    .external-broadcast-specification .broadcast-specification-footer .btn-default {
        margin-top: 10px
    }
}

.private-modes-modal-popup.modal-wrapper {
    display: flex;
    flex-direction: row
}

.private-modes-modal-popup.modal-wrapper .modal-content {
    color: rgba(255, 255, 255, .8);
    margin: auto;
    max-width: 610px
}

.private-modes-modal-popup.modal-wrapper .modal-content .modal-body {
    background-color: #3b3b3b;
    color: #f8f8f8;
    height: 100%;
    padding: 30px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.private-modes-modal-popup.modal-wrapper .modal-content .modal-footer {
    background-color: #323232;
    justify-content: space-between;
    padding: 30px 20px;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    display: flex;
    flex-direction: row;
    flex: 1;
    flex-basis: auto;
    flex-grow: 1;
    flex-shrink: 0;
    font-size: .75rem
}

.private-modes-modal-popup.modal-wrapper .modal-content .modal-footer .action-link {
    align-items: center;
    display: flex;
    flex-direction: row
}

.private-modes-modal-popup.modal-wrapper .modal-content .modal-footer .action-link:hover {
    color: #fff
}

.private-modes-modal-popup.modal-wrapper .modal-content .modal-footer .icon {
    margin-right: 8px
}

.private-modes-modal-popup.modal-wrapper .private-modes-block {
    border-bottom: 1px solid #656565;
    margin-bottom: 40px;
    padding-bottom: 40px;
    display: flex;
    flex-direction: row
}

.private-modes-modal-popup.modal-wrapper .private-modes-block:last-of-type {
    border: 0;
    margin-bottom: 0;
    padding-bottom: 0
}

.private-modes-modal-popup.modal-wrapper .private-mode-icon {
    align-items: center;
    align-self: stretch;
    background-color: rgba(13, 13, 13, .2);
    justify-content: center;
    min-width: 88px;
    width: 88px;
    border-radius: 8px;
    display: flex;
    flex-direction: row
}

.private-modes-modal-popup.modal-wrapper .private-mode-icon .icon {
    display: block;
    fill: #fff;
    height: 27px;
    margin: 0;
    opacity: .8;
    width: 100%
}

.private-modes-modal-popup.modal-wrapper .private-mode-icon .icon.icon-ticket {
    height: 36px
}

.private-modes-modal-popup.modal-wrapper .private-mode-body {
    padding-left: 20px;
    position: relative
}

.private-modes-modal-popup.modal-wrapper .private-mode-rate {
    background-color: rgba(13, 13, 13, .4);
    color: #fff;
    cursor: pointer;
    display: inline-block;
    padding: 4px 10px;
    position: absolute;
    right: 0;
    text-decoration: none;
    top: -4px;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    border-radius: 4px
}

.private-modes-modal-popup.modal-wrapper .private-mode-rate:hover {
    background-color: rgba(13, 13, 13, .8);
    color: #fff
}

.private-modes-modal-popup.modal-wrapper .private-mode-title {
    font-size: .938rem
}

.private-modes-modal-popup.modal-wrapper .private-mode-joined {
    align-items: center;
    display: flex;
    height: 30px;
    margin-bottom: 10px;
    margin-top: -10px;
    opacity: .6;
    white-space: nowrap
}

.private-modes-modal-popup.modal-wrapper .private-mode-description {
    margin-top: 14px;
    opacity: .6;
    font-size: .75rem;
    line-height: 1.25rem
}

.private-modes-modal-popup.modal-wrapper .private-mode-label {
    font-size: .75rem;
    margin-top: 20px
}

.private-modes-modal-popup.modal-wrapper .private-mode-input {
    width: 100%;
    border-radius: 20px
}

.private-modes-modal-popup.modal-wrapper .private-mode-actions {
    align-items: center;
    flex-wrap: wrap;
    margin-bottom: -20px;
    margin-top: 20px;
    font-size: .75rem;
    display: flex;
    flex-direction: row
}

.private-modes-modal-popup.modal-wrapper .private-mode-actions .btn {
    margin: 0 20px 20px 0
}

.private-modes-modal-popup.modal-wrapper .private-mode-description-more-link {
    color: #f8f8f8;
    margin-left: 5px
}

.private-modes-modal-popup.modal-wrapper .private-mode-description-more-link:hover {
    color: #fff !important
}

@media screen and (max-width:479px) {
    .private-modes-modal-popup.modal-wrapper .modal-content {
        width: 100%
    }

    .private-modes-modal-popup.modal-wrapper .modal-content .modal-footer {
        padding: 20px 15px
    }

    .private-modes-modal-popup.modal-wrapper .private-modes-block {
        margin-bottom: 20px;
        padding-bottom: 20px
    }

    .private-modes-modal-popup.modal-wrapper .private-mode-body {
        padding-left: 0
    }

    .private-modes-modal-popup.modal-wrapper .private-mode-title {
        margin-left: 35px
    }

    .private-modes-modal-popup.modal-wrapper .private-mode-rate {
        margin-top: 12px;
        position: relative;
        top: 0;
        width: -moz-fit-content;
        width: fit-content
    }

    .private-modes-modal-popup.modal-wrapper .private-mode-description {
        margin-top: 10px
    }

    .private-modes-modal-popup.modal-wrapper .private-mode-actions .btn {
        margin-right: 0;
        width: 100%
    }

    .private-modes-modal-popup.modal-wrapper .private-mode-actions .private-mode-joined {
        justify-content: center;
        width: 100%
    }

    .private-modes-modal-popup.modal-wrapper .private-mode-icon {
        background-color: transparent;
        display: block;
        margin-top: 2px;
        min-width: auto;
        position: absolute;
        width: 30px;
        border-radius: 0
    }

    .private-modes-modal-popup.modal-wrapper .private-mode-icon .icon {
        height: 13px
    }
}

.kiiroo-settings .kiiroo-settings-header {
    justify-content: space-around;
    margin: 10px 0;
    min-width: 540px;
    padding: 0 70px 0 30px;
    display: flex;
    flex-direction: row
}

.kiiroo-settings .kiiroo-settings-header-item {
    font-weight: 700;
    opacity: .4;
    text-align: left;
    text-transform: uppercase;
    width: 50%;
    font-size: .688rem
}

.kiiroo-settings .kiiroo-settings-actions {
    margin-top: 20px;
    min-width: 540px
}

.kiiroo-settings .kiiroo-settings-level-wrapper {
    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 {
    margin: 0 10px;
    max-width: 70%;
    padding: 0 10px
}

.kiiroo-settings .kiiroo-settings-level .select {
    width: 100%
}

.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;
    justify-content: left;
    width: 45%;
    display: flex;
    flex-direction: row
}

.kiiroo-settings .kiiroo-settings-level .kiiroo-settings-level-label {
    opacity: .9;
    width: 15%;
    font-size: .813rem
}

.kiiroo-settings .kiiroo-settings-level .kiiroo-settings-level-tip {
    width: 35%
}

.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: all 120ms ease-in-out 0s
}

.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: all 120ms ease-in-out 0s
}

.kiiroo-settings .kiiroo-settings-add-level .icon {
    fill: rgba(255, 255, 255, .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
}

@media screen and (max-width:639px) {
    .kiiroo-settings {
        overflow: auto;
        padding-bottom: 5px
    }

    .kiiroo-settings .kiiroo-settings-level-wrapper {
        display: flex;
        flex-direction: row
    }

    .kiiroo-settings .kiiroo-settings-level .tooltip {
        max-width: 100% !important;
        padding: 0
    }

    .kiiroo-settings .kiiroo-settings-add-level {
        width: 100%
    }

    .kiiroo-settings .kiiroo-settings-actions .btn {
        width: 100%
    }
}

.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
}

@media screen and (max-width:424px) {
    .kiiroo-settings-modal .kiiroo-settings-modal-footer.levels {
        flex-direction: column;
        height: 84px;
        padding: 18px 0
    }
}

.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: all 120ms ease-in-out 0s
}

.kiiroo-settings-modal .kiiroo-settings-modal-footer-link:hover {
    color: rgba(255, 255, 255, .8);
    text-decoration: none
}

@media screen and (max-width:639px) {
    .kiiroo-settings-modal .kiiroo-settings-modal-wizard.auth {
        padding: 20px
    }

    .kiiroo-settings-modal .kiiroo-settings-modal-wizard.settings {
        padding: 20px
    }

    .kiiroo-settings-modal .kiiroo-settings-modal-wizard .back-to-model button {
        margin-top: 10px
    }

    .kiiroo-settings-modal .modal-content.modal-header-outside {
        margin: 10px;
        width: calc(100% - 20px)
    }
}

.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 {
    text-align: center;
    padding: 23px;
    max-width: 316px
}

.leaving-banned-studios-modal .icon {
    width: 74px;
    height: 72px;
    color: #d4d4d4;
    fill: #d4d4d4
}

.leaving-banned-studios-modal__title {
    margin-top: 8px;
    color: #f8f8f8;
    font-size: 1.5rem;
    line-height: 1.875rem
}

.leaving-banned-studios-modal__description {
    margin: 20px 0 0 0;
    color: #fff;
    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 {
    text-align: center;
    list-style: none;
    padding: 10px;
    margin-top: 20px;
    border-radius: 12px;
    background: rgba(0, 0, 0, .1);
    color: rgba(248, 248, 248, .8)
}

.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;
    padding: 0;
    border-radius: 12px;
    max-width: 380px
}

.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);
    padding: 20px;
    margin-bottom: 20px;
    display: flex;
    flex-direction: row
}

.lovense-settings-modal.modal-wrapper .modal-body .lovense-settings-modal-content-learn-more .icon {
    margin-right: 8px
}

.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)
}

.model-warning-modal.modal-wrapper .modal-content .modal-body {
    background-color: #3b3b3b
}

.model-warning-modal .modal-body {
    text-align: center;
    width: 480px
}

.model-warning-modal .modal-body .icon-wrong {
    fill: #eab744;
    margin-top: 20px
}

.model-warning-modal .modal-body .description {
    color: #f8f8f8;
    line-height: 30px;
    margin: 30px 0 10px 0;
    font-size: 1.5rem
}

.model-warning-modal .modal-body .reason-wrapper {
    color: #ff6e51
}

.model-warning-modal .modal-body .accept-wrapper {
    margin: 20px 0
}

.model-warning-modal .modal-body .contact-admin,
.model-warning-modal .modal-body a.contact-admin {
    text-decoration: underline;
    font-size: .75rem
}

@media screen and (max-width:600px) {
    .model-warning-modal .modal-body {
        width: calc(100vw - 20px)
    }
}

.plasma-color {
    color: #ff5f5f
}

@media screen and (max-width:639px) {
    .plasma-messenger-modal .modal-content {
        width: auto
    }
}

.plasma-messenger-modal .modal-body {
    background-color: #2c2c2c !important;
    border-radius: 4px 4px 0 0;
    color: #f8f8f8;
    max-width: 444px;
    padding: 0;
    font-size: 1rem;
    line-height: 1.25rem
}

.plasma-messenger-modal .modal-body .block {
    padding: 30px 20px
}

.plasma-messenger-modal .modal-body .block .block-header {
    align-items: center;
    font-size: .875rem;
    line-height: 1.25rem;
    display: flex;
    flex-direction: row
}

.plasma-messenger-modal .modal-body .block .block-header .icon {
    flex-shrink: 0;
    margin-right: 12px
}

.plasma-messenger-modal .modal-body .block .block-content {
    margin-left: 30px;
    padding-top: 20px
}

.plasma-messenger-modal .modal-body .messenger {
    background: #383838;
    padding: 20px;
    display: flex;
    flex-direction: column
}

.plasma-messenger-modal .modal-body .messenger .avatar-wrapper {
    margin-right: 16px;
    position: relative
}

.plasma-messenger-modal .modal-body .messenger .avatar-wrapper .icon-container {
    background: #383838;
    border-radius: 50%;
    height: 26px;
    left: 32px;
    position: absolute;
    top: 32px;
    width: 26px
}

.plasma-messenger-modal .modal-body .messenger .avatar-wrapper .icon-plasma {
    left: 3px;
    position: absolute;
    top: 3px
}

.plasma-messenger-modal .modal-body .messenger .avatar {
    border: 2px solid #ff5f5f;
    height: 48px;
    width: 48px
}

.plasma-messenger-modal .modal-body .messenger .title {
    color: #ff5f5f;
    font-weight: 700;
    font-size: 1.125rem;
    line-height: 1.375rem
}

.plasma-messenger-modal .modal-body .messenger .description {
    margin-top: 2px;
    font-size: .875rem;
    line-height: 1rem
}

.plasma-messenger-modal .modal-body .messenger .text {
    color: rgba(248, 248, 248, .8);
    margin-top: 14px;
    font-size: .813rem;
    line-height: 1.25rem
}

.plasma-messenger-modal .modal-body .messenger.user .description i,
.plasma-messenger-modal .modal-body .messenger.user .text i {
    color: rgba(248, 248, 248, .8);
    font-style: normal
}

.plasma-messenger-modal .modal-body .messenger.user .description a,
.plasma-messenger-modal .modal-body .messenger.user .text a {
    color: rgba(248, 248, 248, .8);
    text-decoration: underline
}

.plasma-messenger-modal .modal-body .messenger.user .description a:hover,
.plasma-messenger-modal .modal-body .messenger.user .text a:hover {
    opacity: .7
}

.plasma-messenger-modal .modal-body .install a~a {
    margin-left: 20px
}

.plasma-messenger-modal .modal-body .install img {
    height: 40px
}

.plasma-messenger-modal .modal-body .launch {
    padding-top: 0
}

.plasma-messenger-modal .modal-body .launch .plasma-color {
    font-weight: 700
}

.plasma-messenger-modal .modal-body .launch .qr-code-attention {
    color: rgba(248, 248, 248, .8);
    margin: 10px auto 0 auto;
    max-width: 150px;
    font-size: .75rem;
    line-height: .938rem
}

.plasma-messenger-modal .modal-body .pricing .block-content {
    margin: 0
}

.plasma-messenger-modal .modal-body .pricing .icon {
    fill: #f8f8f8
}

.plasma-messenger-modal .modal-body .pricing .row-pricing {
    justify-content: space-between;
    align-items: center;
    font-size: .813rem;
    line-height: 1.125rem;
    display: flex;
    flex-direction: row
}

.plasma-messenger-modal .modal-body .pricing .row-pricing .title {
    max-width: 210px;
    text-align: left
}

.plasma-messenger-modal .modal-body .pricing .row-pricing .price {
    color: #ff5f5f;
    font-weight: 700;
    font-size: .875rem
}

.plasma-messenger-modal .modal-body .pricing .row-pricing .switcher.on {
    background-color: #3dff73
}

.plasma-messenger-modal .modal-body .pricing .row-pricing .switcher .switcher-label .icon {
    visibility: hidden
}

.plasma-messenger-modal .modal-body .pricing .row-pricing .free {
    color: #3dff73
}

.plasma-messenger-modal .modal-body .pricing .row-pricing~.row-pricing {
    margin-top: 10px
}

.plasma-messenger-modal .modal-body .block-wrapper {
    background: #383838;
    padding: 0 20px 20px 20px
}

.plasma-messenger-modal .modal-body .block-wrapper .block-wrapper-inner {
    background: #2c2c2c;
    border-radius: 8px
}

.plasma-messenger-modal .modal-body .block-wrapper .launch {
    border-top: 1px solid rgba(248, 248, 248, .05);
    padding: 20px
}

.plasma-messenger-modal .modal-body .install .block-content,
.plasma-messenger-modal .modal-body .launch .block-content {
    margin-left: 0;
    text-align: center
}

.plasma-messenger-modal.mobile .modal-body .block-content {
    margin-left: 0;
    text-align: center
}

.plasma-messenger-modal.mobile .modal-body .block {
    padding: 20px
}

.plasma-messenger-modal.mobile .modal-body .launch {
    border-top: 1px solid rgba(248, 248, 248, .05)
}

.plasma-messenger-modal.mobile .modal-body .launch .btn {
    margin: 0
}

.plasma-messenger-modal.mobile .modal-body .block-wrapper {
    padding: 20px 16px
}

.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 0
}

.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 .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: -10px;
    margin-top: 12px;
    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;
    margin-right: 10px;
    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 0
}

.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
}

@media screen and (max-width:479px) {
    .start-spy-modal .modal-body {
        margin: auto;
        max-width: 300px;
        width: calc(100% - 20px)
    }

    .start-spy-modal .modal-body .modes {
        display: flex;
        flex-direction: column
    }

    .start-spy-modal .modal-body .modes .mode-wrapper {
        margin: 10px 0 0 0
    }
}

.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 {
    width: 50%;
    margin: 0
}

.show-more-list__list:first-child {
    margin-right: 6px
}

.show-more-list__list:last-child {
    margin-left: 6px
}

.show-more-list__item {
    text-align: left;
    color: rgba(255, 255, 255, .9);
    position: relative;
    padding-left: 15px;
    margin: 0;
    margin-bottom: 8px;
    line-height: .938rem
}

.show-more-list__icon-wrapper {
    position: absolute;
    left: 0
}

.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
}

@media screen and (min-width:768px) {
    .private-modal-activities {
        margin-top: 22px;
        padding: 20px
    }

    .private-modal-activities--improved {
        margin-top: 6px;
        padding-top: 12px
    }
}

.private-modal-activities--improved {
    margin-top: 6px;
    background: rgba(0, 0, 0, .1)
}

.private-modal-activities .title {
    color: #9c9c9c;
    display: block;
    margin-bottom: 4px
}

.private-modal-activities .title--improved {
    opacity: .5;
    margin-bottom: 12px;
    color: #fff
}

.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;
    margin-top: 6px;
    width: 100%;
    padding: 2px;
    text-decoration: none;
    color: rgba(255, 255, 255, .6);
    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
}

.private-modal-cam2cam-tooltip .tooltip-inner {
    border-radius: 12px;
    color: #f8f8f8;
    font-size: 13px;
    line-height: 20px;
    padding: 16px 24px
}

.private-modal-cam2cam-tooltip .tooltip-inner:after {
    bottom: -10px;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: -10px;
    z-index: -1
}

.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-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
}

@media screen and (min-width:768px) {
    .private-modal-feature:not(:first-child) {
        margin-top: 16px
    }
}

.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.icon-play-4 {
    transform: scale(.9)
}

.private-modal-feature .feature-tooltip {
    position: relative;
    white-space: nowrap
}

.private-modal-feature .feature-tooltip-icon {
    color: rgba(248, 248, 248, .6);
    height: 14px;
    margin-left: 2px;
    transform: translateY(-1px);
    width: 14px
}

.private-modal-feature.accent {
    color: #feb601
}

.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-question {
    color: rgba(248, 248, 248, .6);
    height: 14px;
    margin-left: 7px;
    width: 14px
}

.private-features {
    margin-top: 18px
}

.private-features:empty {
    display: none
}

@media screen and (min-width:768px) {
    .private-features {
        margin-top: 22px
    }
}

.private-features--improved {
    background: rgba(0, 0, 0, .1);
    border-radius: 16px;
    padding: 16px 18px;
    align-self: stretch;
    display: flex;
    flex-direction: column;
    margin-top: 6px
}

.private-features--simple {
    align-items: center
}

.mode {
    align-items: center;
    background: #343434;
    border: 1px solid rgba(255, 255, 255, .05);
    border-radius: 16px;
    display: flex;
    flex-direction: column;
    padding: 16px;
    position: relative
}

.mode--improved {
    border: none;
    background: linear-gradient(180deg, #343434 0%, rgba(52, 52, 52, 0) 75.94%), #343434
}

@media screen and (min-width:768px) {
    .mode--improved {
        background: linear-gradient(180deg, #343434 0%, rgba(52, 52, 52, 0) 75.94%)
    }
}

@media screen and (min-width:768px) {
    .mode {
        flex: 1 0 0;
        min-width: 0;
        padding: 24px;
        width: 328px
    }

    .mode:only-child {
        width: 460px
    }

    .mode--improved {
        padding: 21px;
        width: 332px
    }
}

.mode:not(:last-child) {
    margin-bottom: 12px
}

@media screen and (min-width:768px) {
    .mode:not(:last-child) {
        margin-bottom: 0;
        margin-right: 20px
    }
}

.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
}

@media screen and (min-width:768px) {
    .mode .mode-header {
        font-size: 24px;
        line-height: 29px;
        margin-bottom: 20px
    }
}

.mode .start-wrapper {
    margin-bottom: 22px
}

.mode .start-button {
    line-height: 34px;
    margin: 0;
    min-width: 200px
}

@media screen and (min-width:768px) {
    .mode .start-button {
        line-height: 39px
    }
}

.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
}

@media screen and (min-width:768px) {
    .mode--improved.exclusive {
        background: linear-gradient(180deg, rgba(255, 200, 59, .25) 0%, rgba(255, 180, 59, 0) 76.13%)
    }
}

.private-modal-spacer {
    margin-bottom: 8px
}

.start-private-discount-alert {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 10px;
    background: #343434;
    border: 1px solid #ffa900;
    border-radius: 10px;
    margin-bottom: 16px
}

.start-private-discount-alert__timer {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 3px 8px;
    background: rgba(0, 0, 0, .4);
    border-radius: 6px;
    margin-left: auto;
    font-weight: 500;
    color: #fff;
    font-size: .813rem;
    line-height: 1.063rem
}

.start-private-discount-alert__icon {
    width: 24px;
    height: 24px;
    margin-right: 10px;
    background-size: contain
}

.start-private-discount-alert__title {
    color: #f8f8f8;
    font-weight: 700;
    font-size: .813rem;
    line-height: 1rem
}

.start-private-discount-alert__title strong {
    color: #ffa900
}

.rating-stars .icon {
    height: 10px;
    margin-right: 0;
    width: 10px
}

@media screen and (min-width:768px) {
    .rating-stars .icon {
        height: 14px;
        width: 14px
    }
}

.rating-stars span+span .icon {
    margin-left: 2px
}

@media screen and (min-width:768px) {
    .rating-stars span+span .icon {
        margin-left: 5px
    }
}

.rating-stars .star-empty {
    fill: rgba(255, 255, 255, .2)
}

@media screen and (min-width:768px) {
    .rating-stars .star-empty {
        fill: rgba(255, 255, 255, .2)
    }
}

.rating-stars .star-half {
    color: rgba(255, 255, 255, .2)
}

@media screen and (min-width:768px) {
    .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
}

@media screen and (min-width:768px) {
    .private-modal-model-info {
        margin-bottom: 16px
    }
}

.private-modal-model-info .avatar {
    flex-shrink: 0;
    height: 32px;
    margin-right: 12px;
    width: 32px
}

@media screen and (min-width:768px) {
    .private-modal-model-info .avatar {
        height: 46px;
        margin-right: 18px;
        width: 46px
    }
}

.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
}

@media screen and (min-width:768px) {
    .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);
    display: block;
    font-size: 11px;
    line-height: 13px
}

@media screen and (min-width:768px) {
    .private-modal-model-info .description {
        color: rgba(255, 255, 255, .6);
        font-size: 14px;
        line-height: 17px
    }
}

.private-modal-model-info .name {
    color: #fff;
    display: block;
    font-size: 14px;
    font-weight: 700;
    line-height: 17px
}

@media screen and (min-width:768px) {
    .private-modal-model-info .name {
        color: #fff;
        font-size: 18px;
        line-height: 22px
    }
}

.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
}

@media screen and (min-width:768px) {
    .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: 13px;
    font-weight: 700;
    line-height: 16px;
    margin-right: 8px;
    vertical-align: middle
}

@media screen and (min-width:768px) {
    .private-modal-model-info .rating-value {
        color: #fff;
        font-size: 20px;
        line-height: 24px
    }
}

.private-modal-model-info--upgrade .description {
    color: #feb601
}

.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%
}

@media screen and (min-width:768px) {
    .modal-wrapper.private-modal .modal-content {
        max-width: 100%;
        width: auto
    }
}

.modal-wrapper.private-modal .private-modal-body {
    margin-bottom: 16px
}

@media screen and (min-width:768px) {
    .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.loading {
    align-items: center;
    display: flex;
    height: 60vh;
    justify-content: center;
    max-width: 500px;
    width: 90vw
}

@media screen and (min-width:768px) {
    .modal-wrapper.private-modal .private-modal-body.loading {
        max-width: 460px
    }
}

.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
}

@media screen and (min-width:768px) {
    .modal-wrapper.private-modal .modes {
        display: flex
    }
}

.modal-wrapper.private-modal .start-private-modal-alert {
    background: #343434;
    border-radius: 10px;
    color: #9c9c9c;
    margin-top: 12px
}

@media screen and (min-width:768px) {
    .modal-wrapper.private-modal .start-private-modal-alert {
        margin-top: 16px
    }
}

.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
}

@media screen and (min-width:768px) {
    .modal-wrapper.private-modal .modal-footer .footer-description {
        max-width: 500px
    }
}

.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 {
    margin: 18px auto 0 auto;
    border-top: 1px solid rgba(248, 248, 248, .17);
    display: flex;
    justify-content: center;
    max-width: 500px;
    padding-top: 19px;
    width: 70%
}

@media screen and (max-width:639px) {
    .modal-wrapper.private-modal .modal-footer .footer-gift-private {
        width: 100%;
        max-width: unset
    }
}

.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 {
    position: absolute;
    left: -5px;
    bottom: 9px
}

.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
}

.rate-show-scale {
    justify-content: space-between;
    margin: 16px -8px;
    display: flex;
    flex-direction: row
}

.rate-show-scale .choise-icon {
    background: no-repeat center center transparent;
    background-size: 40px;
    display: block;
    height: 50px;
    opacity: 1;
    width: 50px;
    transition: all 60ms ease-in-out 0s
}

.rate-show-scale .choise-icon-angry {
    background-image: url(/assets/cams/components/ui/RateShowForm/RateShowScale/images/emoji-angry.png)
}

.rate-show-scale .choise-icon-sad {
    background-image: url(/assets/cams/components/ui/RateShowForm/RateShowScale/images/emoji-sad.png)
}

.rate-show-scale .choise-icon-neutral {
    background-image: url(/assets/cams/components/ui/RateShowForm/RateShowScale/images/emoji-neutral.png)
}

.rate-show-scale .choise-icon-happy {
    background-image: url(/assets/cams/components/ui/RateShowForm/RateShowScale/images/emoji-happy.png)
}

.rate-show-scale .choise-icon-lovely {
    background-image: url(/assets/cams/components/ui/RateShowForm/RateShowScale/images/emoji-lovely.png)
}

.rate-show-scale .choise {
    align-items: center;
    background-color: transparent;
    border-radius: 13px;
    box-shadow: 0 0 0 1px transparent;
    height: 56px;
    justify-content: center;
    width: 56px;
    display: flex;
    flex-direction: row;
    transition: all 120ms ease-in-out 0s
}

.rate-show-scale .choise:hover .choise-icon {
    background-size: 50px
}

.rate-show-scale .choise.selected {
    background-color: rgba(248, 248, 248, .1);
    box-shadow: 0 0 0 1px #79943d
}

.rate-show-scale.has-selected .choise:not(:hover):not(.selected) .choise-icon {
    opacity: .4
}

.radio-group.medium .radio {
    margin: 10px 0
}

.radio-group.large .radio,
.radio-group.x-large .radio {
    margin: 14px 0
}

.rate-show-form-buttons {
    display: flex;
    align-items: center;
    flex-wrap: wrap
}

.rate-show-form-buttons__buy-tokens {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 18px;
    width: 100%
}

.rate-show-form-buttons__buy-tokens-text {
    display: flex;
    flex-direction: column
}

.rate-show-form-buttons__buy-tokens-button {
    margin: 0
}

.rate-show-form-buttons__need-more-tokens {
    margin-bottom: 4px;
    font-weight: 500;
    color: #f8f8f8;
    font-size: .875rem;
    line-height: 1.063rem
}

.rate-show-form-buttons__need-more-tokens--em {
    color: #feb601
}

.rate-show-form-buttons__tokens-left {
    color: rgba(248, 248, 248, .6);
    font-size: .75rem;
    line-height: .938rem
}

.rate-show-form-buttons button {
    margin-bottom: 0 !important;
    height: 32px;
    font-size: .813rem;
    line-height: 1rem
}

.rate-show-form__header {
    display: grid;
    grid-template-columns: 64px 1fr;
    grid-column-gap: 16px;
    align-items: center
}

.rate-show-form__avatar {
    border-width: 2px
}

.rate-show-form__avatar .user-status-icon.online {
    top: 3px;
    left: 2px;
    width: 10px;
    height: 10px;
    border: 2px solid #3b3b3b;
    border-radius: 50%
}

.rate-show-form__header-text {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center
}

.rate-show-form__header-text--with-new-reviews {
    align-items: flex-start
}

.rate-show-form .title {
    font-weight: 700;
    font-size: 1rem;
    line-height: 1.25rem
}

.rate-show-form .caption {
    margin-top: 2px;
    color: rgba(248, 248, 248, .5);
    font-size: .813rem;
    line-height: 1.25rem
}

.anonymous-rate-checkbox {
    margin-top: 12px
}

.anonymous-rate-checkbox__checkbox {
    color: rgba(255, 255, 255, .8)
}

.anonymous-rate-checkbox__info {
    margin-top: 2px;
    margin-left: 22px;
    font-size: 12px;
    line-height: 15px;
    opacity: .4
}

.technical-issue-label {
    display: flex;
    align-items: center;
    margin-top: 8px
}

.technical-issue-label__icon {
    fill: currentColor;
    margin-right: 8px
}

.technical-issue-label__text {
    opacity: .8
}

.rate-show-comment__reason-input-wrapper {
    position: relative
}

.rate-show-comment .rate-show-comment__reason-input {
    width: 100%;
    border-radius: 8px
}

.rate-show-comment .rate-show-comment__reason-input:disabled {
    background-color: rgba(16, 16, 16, .8)
}

.rate-show-comment .rate-show-comment__reason-input--with-error,
.rate-show-comment .rate-show-comment__reason-input--with-error:focus {
    border: 1px solid #c33343;
    box-shadow: none
}

.rate-show-comment__comment-loader {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    inset: 0
}

.rate-show-tip-form {
    width: 305px
}

@media screen and (max-width:479px) {
    .rate-show-tip-form {
        max-width: 288px;
        width: 100%
    }
}

.rate-show-tip-form__title {
    display: flex;
    color: #feb601;
    font-size: .813rem;
    line-height: 1rem
}

.rate-show-tip-form__tip-amount {
    margin-top: 10px
}

.rate-show-tip-form__tip-amount .tip-amount__predefined {
    justify-content: space-between !important;
    flex-wrap: wrap;
    margin-bottom: 0
}

.rate-show-tip-form__tip-amount .tip-amount__predefined-item {
    cursor: pointer !important;
    flex: 0 0 95px !important;
    margin-left: 0 !important;
    margin-bottom: 10px !important
}

@media screen and (max-width:479px) {
    .rate-show-tip-form__tip-amount .tip-amount__predefined-item {
        flex: 0 0 90px !important
    }
}

@media screen and (max-width:359px) {
    .rate-show-tip-form__tip-amount .tip-amount__predefined-item {
        flex: 0 0 80px !important
    }
}

.rate-show-tip-form__tip-amount .tip-amount__predefined-item:last-child {
    margin-right: 0 !important
}

.rate-show-tip-form__tip-amount .tip-amount__predefined-item-button {
    height: 36px
}

@media screen and (max-width:479px) {
    .rate-show-tip-form__tip-amount .tip-amount__predefined-item-button {
        margin: 0 !important
    }
}

.rate-show-tip-form__tip-amount .tip-amount__custom {
    line-height: 1rem
}

.rate-show-tip-form__tip-amount .tip-amount__custom-input {
    padding: 8px 0 !important;
    height: 36px !important;
    width: 194px;
    font-size: .938rem !important;
    line-height: 1.125rem !important;
    color: rgba(248, 248, 248, .4)
}

@media screen and (max-width:479px) {
    .rate-show-tip-form__tip-amount .tip-amount__custom-input {
        width: 176px
    }
}

.rate-show-form .header {
    margin-bottom: 16px;
    text-align: center;
    border-bottom: 1px solid rgba(248, 248, 248, .1)
}

.rate-show-form .reason {
    margin-bottom: 12px
}

.rate-show-form .reason .caption {
    color: rgba(248, 248, 248, .8);
    margin: 0 0 8px;
    font-size: 1rem;
    line-height: 1.25rem
}

.rate-show-form .reason .caption .stress {
    color: #f8f8f8;
    font-weight: 700
}

.rate-show-form .reason .options {
    margin: 20px 0
}

.rate-show-form .reason .options+.comment {
    border-top: 1px solid rgba(248, 248, 248, .2);
    padding-top: 20px
}

.rate-show-form .reason .comment textarea {
    height: 48px
}

.rate-show-form .reason .radio-label {
    height: auto !important;
    white-space: normal
}

.rate-show-form__tip-form {
    margin-bottom: 16px;
    padding-bottom: 16px;
    border-bottom: 1px solid rgba(248, 248, 248, .1)
}

.rate-show-form__comment-loader {
    display: none
}

.rate-show-form--new-reviews .rate-show-form__body {
    background-color: #3c3c3c;
    border-radius: 14px;
    padding: 16px;
    margin-bottom: 16px
}

.rate-show-form--new-reviews .reason {
    margin-bottom: 0
}

.rate-show-form--new-reviews .reason>.options {
    margin-bottom: 16px
}

.rate-show-form--new-reviews .reason>.options+.comment {
    border-top: 1px solid rgba(255, 255, 255, .07);
    padding-top: 16px
}

.rate-show-form--new-reviews .options>.radio:last-child {
    margin-bottom: 0
}

.rate-show-form--new-reviews .rate-show-form__tip-form {
    border-top: 1px solid rgba(248, 248, 248, .1);
    border-bottom: none;
    margin-bottom: 0;
    padding-bottom: 0;
    margin-top: 12px;
    padding-top: 12px
}

.rate-show-was-submitted {
    display: flex;
    flex-direction: column;
    align-items: center
}

.rate-show-was-submitted__icon {
    width: 40px;
    height: 40px;
    color: #79943d;
    margin: 0
}

.rate-show-was-submitted__title {
    margin-top: 18px;
    font-weight: 700;
    font-size: 17px;
    color: #fff
}

.rate-show-was-submitted__details {
    margin-top: 10px;
    color: rgba(255, 255, 255, .6);
    text-align: center;
    max-width: 300px
}

.rate-show-was-submitted__button {
    margin-top: 36px;
    margin-bottom: 0;
    min-width: 100px
}

.rate-show-modal .modal-content {
    width: 100%;
    max-width: 354px
}

@media screen and (max-width:479px) {
    .rate-show-modal .modal-content {
        width: 328px
    }
}

.rate-show-modal .modal-header {
    align-items: flex-end;
    padding-bottom: 7px !important
}

.rate-show-modal .button-close,
.rate-show-modal .button-close>.icon {
    width: 14px;
    height: 14px
}

.rate-show-modal .modal-body {
    padding: 24px;
    background-color: #3b3b3b !important;
    border-radius: 8px !important
}

@media screen and (max-width:479px) {
    .rate-show-modal .modal-body {
        padding: 20px
    }
}

.rate-show-modal .completed {
    text-align: center
}

.rate-show-modal .completed .icon-check-round {
    color: #79943d
}

.rate-show-modal .completed .text {
    margin-top: 20px;
    padding: 0 30px;
    font-size: 1.125rem;
    line-height: 1.5rem
}

.rate-show-modal--new-reviews .modal-body {
    background-color: #2e2e2e !important
}

.rate-show-modal--new-reviews .modal-content {
    max-width: 386px
}

.rate-show-modal--completed.rate-show-modal--new-reviews .modal-content {
    max-width: 300px
}

.report-user-modal .modal-content.modal-header-none .modal-body {
    align-items: center;
    background-color: #303133;
    border-radius: 12px;
    color: rgba(255, 255, 255, .8);
    justify-content: center;
    min-width: 320px;
    padding: 30px;
    display: flex;
    flex-direction: column
}

.report-user-modal .modal-header .button-close .icon {
    height: 14px;
    width: 14px
}

.report-user-modal .report-user-modal-content {
    height: 100%;
    width: 100%;
    flex: 1;
    flex-basis: auto;
    flex-grow: 1;
    flex-shrink: 0
}

.report-user-modal .report-user-modal-content-thank-you {
    color: #f8f8f8;
    font-weight: 700;
    text-align: center;
    transition: opacity .5s ease-in;
    font-size: .938rem;
    line-height: 1.188rem;
    display: flex;
    flex-direction: column
}

.report-user-modal .report-user-modal-content-thank-you .icon {
    align-self: center;
    color: #34b353;
    margin: 0 0 20px 0
}

.report-user-modal .report-user-modal-content-thank-you.report-user-thank-you-transition-enter-active {
    opacity: 1
}

.report-user-modal .report-user-modal-content-thank-you.report-user-thank-you-transition-enter-done {
    opacity: 1
}

.report-user-modal .report-user-wrapper {
    opacity: 1;
    transition: opacity .2s ease-in
}

.report-user-modal .report-user-wrapper.report-user-content-transition-exit-active {
    opacity: 0
}

.report-user-modal .report-user-wrapper.report-user-content-transition-exit-done {
    display: none;
    opacity: 0
}

.report-user-modal .report-user-modal-header {
    color: rgba(255, 255, 255, .8);
    font-weight: 700;
    padding-right: 20px;
    font-size: 1.125rem;
    line-height: 1.313rem
}

.report-user-modal .report-user-modal-reports {
    margin: 20px 0
}

.report-user-modal .report-user-modal-reports-item {
    margin-bottom: 10px
}

.report-user-modal .report-user-modal-reports-item input[type=radio].radio+label {
    font-size: .813rem;
    line-height: 1.25rem
}

.report-user-modal .report-user-modal-controls {
    display: flex;
    flex-direction: row;
    justify-content: center
}

.report-user-modal .report-user-modal-controls .btn {
    margin: 0
}

.report-user-modal .report-user-modal-controls .btn-accept {
    margin-right: 20px
}

@media screen and (max-width:479px) {
    .report-user-modal .modal-content.modal-header-none {
        width: calc(100% - 10px)
    }

    .report-user-modal .modal-content.modal-header-none .modal-body {
        min-width: 100%;
        padding: 30px 20px 20px
    }
}

.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%;
    min-height: 450px;
    margin: auto;
    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 {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column
}

.agreement-popup .base-modal .agreement-text__icon {
    margin-right: 0;
    fill: #fa7055
}

.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 p {
    padding-left: 10px
}

.agreement-popup .base-modal ol li ol li {
    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
}

@media screen and (max-width:1023px) {
    .agreement-popup .base-modal {
        margin: auto 15px;
        margin-right: 30px;
        width: 100%
    }

    .agreement-popup .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 .base-modal .modal-footer .agreement-footer-top {
        margin-bottom: 10px;
        flex: 1;
        flex-basis: auto;
        flex-grow: 1;
        flex-shrink: 0
    }

    .agreement-popup .base-modal .modal-footer .agreement-footer-top .btn-default-filled {
        display: none
    }

    .agreement-popup .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 .base-modal .modal-footer .agreement-footer-bottom .btn-default-filled {
        display: block
    }
}

.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
}

.cell-checkbox {
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 12px;
    margin-bottom: 0;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    height: 18px
}

.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;
    position: relative;
    margin-left: 12px
}

.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, .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, .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, .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-row {
    line-height: 1.125rem;
    background: 0 0;
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    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;
    background: 0 0;
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    padding: 15px 20px;
    width: 100%
}

.data-table-footer-cell {
    font-size: .813rem
}

.data-table-body {
    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
}

@media screen and (max-width:639px) {
    .sign-persons-modal .sign-persons-modal__actions {
        flex-direction: column
    }
}

.sign-persons-modal .sign-persons-modal__left {
    align-items: baseline;
    display: flex
}

@media screen and (max-width:479px) {
    .sign-persons-modal .sign-persons-modal__left {
        align-items: stretch;
        flex-direction: column
    }
}

.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
}

.stream-specifics-settings-hint {
    margin-top: 8px
}

.flirting-mode-banner {
    padding: 20px 14px;
    background: #1b1b1b;
    border-radius: 12px;
    margin-top: 20px
}

.flirting-mode-banner__title {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    font-size: .813rem;
    line-height: 1rem
}

.flirting-mode-banner__warning {
    color: #ffa900;
    margin: 10px 0 0 0;
    font-size: .813rem;
    line-height: 1.125rem
}

.flirting-mode-banner__link {
    text-decoration: underline
}

.flirting-mode-banner__link--rules {
    color: #ffa900
}

.flirting-mode-banner__description {
    color: rgba(255, 255, 255, .6);
    margin: 10px 0 0 0;
    font-size: .813rem;
    line-height: 1.125rem
}

.flirting-mode-banner__footer {
    border-top: 1px solid rgba(255, 255, 255, .15);
    padding: 22px 0 10px 0;
    margin-top: 10px
}

.flirting-mode-banner__footer .checkbox-ds__content {
    text-align: left
}

.flirting-mode-banner__footer--error {
    color: #f14b57
}

.flirting-mode-banner__footer--error .checkbox-ds__box {
    border-color: #f14b57
}

.flirting-mode-banner__footer--error .checkbox-ds__content,
.flirting-mode-banner__footer--error .flirting-mode-banner__link {
    color: #f14b57
}

.start-broadcasting-settings-modal .modal-content.modal-header-outside .modal-body {
    background: #262626;
    padding: 30px;
    width: 624px;
    font-size: .75rem
}

.start-broadcasting-settings-modal .header {
    font-weight: 700;
    margin-bottom: 30px;
    font-size: 1.125rem;
    line-height: 1.5rem
}

.start-broadcasting-settings-modal .border-bottom {
    border-bottom: 1px solid rgba(255, 255, 255, .15);
    padding-bottom: 20px
}

.start-broadcasting-settings-modal .settings-row {
    margin-bottom: 20px
}

.start-broadcasting-settings-modal .settings-row .settings-label {
    display: flex;
    flex-direction: row;
    justify-content: space-between
}

.start-broadcasting-settings-modal .settings-row label {
    display: flex;
    flex-direction: row;
    align-items: center;
    font-size: .813rem;
    line-height: 1.125rem
}

.start-broadcasting-settings-modal .settings-row label .icon {
    fill: #f8f8f8;
    margin-right: 8px
}

.start-broadcasting-settings-modal .settings-row .switcher {
    margin-bottom: 8px
}

.start-broadcasting-settings-modal .settings-row input {
    color: rgba(248, 248, 248, .8);
    font-size: .75rem;
    line-height: .875rem
}

.start-broadcasting-settings-modal .settings-row.persons .settings-field {
    justify-content: space-between;
    display: flex;
    flex-direction: row
}

.start-broadcasting-settings-modal .settings-row.persons .settings-field>div {
    font-size: .875rem;
    display: flex;
    flex-direction: column
}

.start-broadcasting-settings-modal .settings-row.persons .settings-field label {
    display: flex
}

.start-broadcasting-settings-modal .settings-row.persons .settings-field .person {
    width: 100%
}

.start-broadcasting-settings-modal .settings-row.persons .settings-field .person .select-option {
    height: 40px;
    line-height: 20px;
    padding: 12px 20px;
    font-size: .813rem
}

.start-broadcasting-settings-modal .settings-row.persons .settings-field .person .select-option .disabled {
    color: rgba(248, 248, 248, .6)
}

.start-broadcasting-settings-modal .settings-row.persons .settings-field .person .select-option .unable {
    color: rgba(248, 248, 248, .4);
    float: right;
    font-size: .688rem;
    line-height: .813rem
}

.start-broadcasting-settings-modal .settings-row.persons .settings-field .gender-container {
    min-width: 140px;
    margin-left: 20px
}

.start-broadcasting-settings-modal .settings-row.persons .settings-field .gender {
    background: rgba(248, 248, 248, .06);
    border-radius: 15px;
    height: 32px;
    padding: 6px 16px;
    font-size: .875rem;
    line-height: 1.125rem
}

.start-broadcasting-settings-modal .settings-row.topic input {
    width: 100%
}

.start-broadcasting-settings-modal .settings-row.topic .broadcast-settings-hint {
    margin-top: 10px
}

.start-broadcasting-settings-modal .settings-row.goal .settings-field {
    display: flex;
    flex-direction: row
}

.start-broadcasting-settings-modal .settings-row.goal .col-activity {
    margin-right: 20px;
    width: 90%
}

.start-broadcasting-settings-modal .settings-row.goal .col-price {
    min-width: 100px;
    width: 10%
}

.start-broadcasting-settings-modal .settings-row.twitter .settings-label-left {
    align-items: center;
    display: flex;
    flex-shrink: 0;
    line-height: 18px
}

.start-broadcasting-settings-modal .settings-row.twitter label {
    margin: 0
}

.start-broadcasting-settings-modal .settings-row.twitter .username-container {
    border-left: 1px solid rgba(255, 255, 255, .15);
    margin: 0 0 0 8px;
    padding-left: 8px
}

.start-broadcasting-settings-modal .settings-row.twitter .disconnect {
    margin-left: 8px
}

.start-broadcasting-settings-modal .settings-row.twitter .disconnect .icon {
    display: block;
    margin: 0
}

.start-broadcasting-settings-modal .settings-row.twitter .twitter-limit {
    color: rgba(248, 248, 248, .8)
}

.start-broadcasting-settings-modal .settings-row.twitter .twitter-limit .icon {
    fill: currentColor;
    height: 16px;
    margin: 0 0 0 4px;
    vertical-align: bottom;
    width: 16px
}

.start-broadcasting-settings-modal .settings-row.twitter .generate .icon {
    margin-right: 8px
}

.start-broadcasting-settings-modal .settings-row.twitter .disconnect,
.start-broadcasting-settings-modal .settings-row.twitter .generate {
    cursor: pointer;
    opacity: .4;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.start-broadcasting-settings-modal .settings-row.twitter .disconnect .icon,
.start-broadcasting-settings-modal .settings-row.twitter .generate .icon {
    fill: #f8f8f8
}

.start-broadcasting-settings-modal .settings-row.twitter .disconnect:hover,
.start-broadcasting-settings-modal .settings-row.twitter .generate:hover {
    opacity: .9
}

.start-broadcasting-settings-modal .settings-row.twitter .generate {
    display: flex;
    flex-direction: row;
    align-items: center
}

.start-broadcasting-settings-modal .settings-row.twitter .broadcast-settings-hint {
    margin-top: 10px
}

.start-broadcasting-settings-modal .settings-row.twitter .twitter-input-container {
    margin-bottom: 10px;
    margin-top: 8px
}

.start-broadcasting-settings-modal .form-controls {
    margin-top: 20px
}

.start-broadcasting-settings-modal .form-controls button {
    width: 100%
}

.start-broadcasting-settings-modal .broadcast-agreement {
    border-top: 1px solid rgba(255, 255, 255, .15);
    padding-top: 22px;
    margin-top: 10px
}

.start-broadcasting-settings-modal .broadcast-agreement .checkbox-ds {
    align-items: flex-start
}

.start-broadcasting-settings-modal .broadcast-agreement .checkbox-ds__content {
    text-align: left;
    font-size: 13px;
    line-height: 140%;
    color: #f8f8f8
}

.start-broadcasting-settings-modal .broadcast-agreement--error {
    color: #f14b57
}

.start-broadcasting-settings-modal .broadcast-agreement--error .checkbox-ds__box {
    border-color: #f14b57
}

.start-broadcasting-settings-modal .broadcast-agreement--error .broadcast-agreement__link,
.start-broadcasting-settings-modal .broadcast-agreement--error .checkbox-ds__content {
    color: #f14b57
}

.start-broadcasting-settings-modal .broadcast-agreement__link {
    text-decoration: underline;
    color: inherit
}

@media screen and (max-width:639px) {
    .start-broadcasting-settings-modal .modal-content.modal-header-outside .modal-body {
        width: 100%
    }

    .start-broadcasting-settings-modal .header {
        margin-bottom: 15px
    }

    .start-broadcasting-settings-modal .settings-row.persons .settings-field {
        flex-direction: column
    }

    .start-broadcasting-settings-modal .persons .person {
        margin-bottom: 10px
    }

    .start-broadcasting-settings-modal .persons .gender {
        width: -moz-fit-content;
        width: fit-content
    }

    .start-broadcasting-settings-modal .twitter.settings-row .settings-label-left {
        align-items: flex-start;
        flex-direction: column
    }

    .start-broadcasting-settings-modal .twitter.settings-row .username-container {
        border-left: 0;
        margin: 10px 0 0;
        max-width: 0;
        padding-left: 0
    }
}

.start-group-show-modal-body {
    background-color: #2b2b2b;
    border-radius: 4px;
    padding: 20px
}

.start-group-show-modal-header {
    font-size: .938rem;
    font-weight: 700;
    margin-bottom: 20px;
    text-align: left
}

.start-group-show-modal-topic {
    font-size: .813rem;
    color: #e2e2e2;
    text-align: center
}

.start-group-show-modal-description {
    font-size: .75rem;
    color: #e2e2e2;
    margin-bottom: 20px;
    text-align: center
}

.start-group-show-modal-description strong {
    color: inherit
}

.start-group-show-modal-controls {
    text-align: center
}

.start-group-show-modal-controls .btn {
    border-radius: 20px;
    display: inline-block;
    height: 40px;
    padding: 0 50px;
    width: auto
}

.start-group-show-modal-controls .price {
    font-size: .813rem;
    color: #eacd7a;
    font-weight: 700
}

.start-group-show-modal-topic+.start-group-show-modal-controls {
    margin-top: 20px
}

.start-group-show-modal-body-inner {
    background-color: rgba(85, 82, 63, .8) !important;
    max-width: 300px;
    width: auto
}

.new-badge {
    text-transform: uppercase;
    letter-spacing: .4px;
    background: #a2252d;
    border-radius: 4px;
    line-height: 10px;
    font-weight: 700;
    padding: 3px 4px;
    font-size: 10px;
    color: #f8f8f8
}

.user-fan-club-subscribe-modal-footer {
    background-color: rgba(255, 255, 255, .06)
}

.user-fan-club-subscription-modal--with-tokens-feature .user-fan-club-subscribe-modal-footer {
    background: 0 0
}

.user-fan-club-subscribe-modal-footer-tabs {
    border-bottom: 1px solid rgba(255, 255, 255, .11);
    display: flex;
    padding: 0 30px
}

@media screen and (max-width:479px) {
    .user-fan-club-subscribe-modal-footer-tabs {
        padding: 0 20px
    }
}

.user-fan-club-subscribe-modal-footer-tab {
    align-items: center;
    border-bottom: 1px solid transparent;
    color: rgba(248, 248, 248, .8);
    cursor: pointer;
    height: 48px;
    font-size: .75rem;
    display: flex;
    flex-direction: row
}

.user-fan-club-subscribe-modal-footer-tab:not(:last-child) {
    margin-right: 30px
}

.user-fan-club-subscribe-modal-footer-tab.active {
    border-color: #f8f8f8;
    color: #fff
}

.user-fan-club-subscribe-modal-footer-tab.tier-tier1 .icon {
    color: #1b7aff
}

.user-fan-club-subscribe-modal-footer-tab.tier-tier2 .icon {
    color: #dc1cff
}

.user-fan-club-subscribe-modal-footer-tab.tier-tier3 .icon {
    color: #ff2a59
}

.user-fan-club-subscribe-modal-footer-username {
    align-items: center;
    display: flex;
    position: relative;
    top: -1px
}

.user-fan-club-subscribe-modal-footer-username .username {
    font-size: .938rem;
    font-weight: 700;
    margin: 0
}

.user-fan-club-subscribe-modal-footer-tier {
    display: flex;
    flex-direction: column;
    font-size: .75rem;
    align-items: center;
    padding: 20px 30px;
    text-align: center
}

@media screen and (max-width:479px) {
    .user-fan-club-subscribe-modal-footer-tier {
        padding: 20px 20px
    }
}

.user-fan-club-subscribe-modal-footer-tier .btn {
    border-width: 2px;
    font-size: 14px;
    height: 42px;
    margin-bottom: 0;
    margin-right: 0;
    text-align: center;
    width: 100%
}

.user-fan-club-subscribe-modal-footer-tier-price-info {
    color: rgba(248, 248, 248, .4);
    margin: 12px 0 0 0;
    line-height: 16px;
    font-size: .75rem
}

.user-fan-club-subscribe-modal-footer-tier-benefits {
    border-top: 1px solid rgba(255, 255, 255, .11);
    color: rgba(248, 248, 248, .6);
    margin: 14px 0 10px;
    padding: 14px 0 0;
    font-size: .75rem
}

.user-fan-club-subscription-modal--with-tokens-feature .user-fan-club-subscribe-modal-footer-tier {
    padding-top: 0
}

.user-fan-club-subscribe-modal-footer .user-fan-club-subscribe-modal-footer__pills {
    background: #262626;
    margin-bottom: 18px;
    font-weight: 700;
    width: 100%
}

.user-fan-club-subscribe-modal-footer .user-fan-club-subscribe-modal-footer__pills svg {
    margin-right: 10px;
    fill: currentColor
}

.user-fan-club-subscribe-modal-footer .user-fan-club-subscribe-modal-footer__pills-item {
    position: relative
}

.user-fan-club-subscribe-modal-footer .user-fan-club-subscribe-modal-footer__pills-new {
    position: absolute;
    top: -12px;
    right: 0
}

.user-fan-club-subscribe-modal-footer__with-tokens {
    grid-template-areas: "m3 m6 m12";
    grid-gap: 10px;
    display: grid;
    width: 100%
}

.user-fan-club-subscribe-modal-footer__with-tokens-item {
    background: rgba(255, 255, 255, .06);
    padding: 8px 12px 12px 12px;
    flex-direction: column;
    border-radius: 12px;
    display: flex;
    width: 100%;
    line-height: 1rem;
    font-size: .813rem
}

.user-fan-club-subscribe-modal-footer__with-tokens-item:nth-child(1) {
    grid-area: m3
}

.user-fan-club-subscribe-modal-footer__with-tokens-item:nth-child(2) {
    grid-area: m6
}

.user-fan-club-subscribe-modal-footer__with-tokens-item:nth-child(3) {
    grid-area: m12
}

.user-fan-club-subscribe-modal-footer__with-tokens-item .btn {
    margin-top: 8px;
    padding: 0 15px
}

@media screen and (max-width:639px) {
    .user-fan-club-subscribe-modal-footer__with-tokens {
        grid-template-areas: "m3 m6" "m12 m12"
    }
}

.user-fan-club-subscribe-modal-header {
    margin: 0 0 15px;
    display: flex;
    flex-direction: row;
    align-items: center
}

.user-fan-club-subscribe-modal-header-wrapper {
    background-color: rgba(255, 255, 255, .06);
    padding: 20px 30px
}

.user-fan-club-subscribe-modal-header-wrapper.tier-tier1 {
    background-color: #21344f
}

.user-fan-club-subscribe-modal-header-wrapper.tier-tier1 .user-fan-club-subscribe-modal-header-badge {
    background-color: #21344f
}

.user-fan-club-subscribe-modal-header-wrapper.tier-tier2 {
    background-color: #48224f
}

.user-fan-club-subscribe-modal-header-wrapper.tier-tier2 .user-fan-club-subscribe-modal-header-badge {
    background-color: #48224f
}

.user-fan-club-subscribe-modal-header-wrapper.tier-tier3 {
    background-color: #4f242e
}

.user-fan-club-subscribe-modal-header-wrapper.tier-tier3 .user-fan-club-subscribe-modal-header-badge {
    background-color: #4f242e
}

@media screen and (max-width:479px) {
    .user-fan-club-subscribe-modal-header-wrapper {
        padding: 20px 20px
    }
}

.user-fan-club-subscribe-modal-header-info {
    color: rgba(248, 248, 248, .8);
    font-size: .813rem;
    line-height: 20px;
    margin: 0
}

.user-fan-club-subscribe-modal-header-info span.accent {
    color: #f8f8f8
}

.user-fan-club-subscribe-modal-header-avatar {
    flex-shrink: 0;
    height: 52px;
    margin-right: 16px;
    position: relative;
    width: 52px
}

.user-fan-club-subscribe-modal-header-avatar .avatar {
    font-size: 2px
}

.user-fan-club-subscribe-modal-header-badge {
    display: flex;
    flex-direction: row;
    align-items: center;
    border-radius: 50% 50% 0 50%;
    bottom: -4px;
    height: 28px;
    justify-content: center;
    padding-top: 2px;
    position: absolute;
    right: -5px;
    width: 28px
}

.user-fan-club-subscribe-modal-header-badge .icon {
    margin: 0
}

.user-fan-club-subscribe-modal-header-title {
    font-size: .875rem;
    color: rgba(248, 248, 248, .8);
    margin-bottom: 2px
}

.user-fan-club-subscribe-modal-header-title .tier-name {
    color: #f8f8f8
}

.user-fan-club-subscribe-modal-header-sub-title {
    font-size: 1.188rem;
    margin: 0
}

.fan-club-subscribe-by-tokens-confirm-modal {
    max-width: min(280px, 95vw);
    flex-direction: column;
    align-items: center;
    display: flex;
    padding: 30px
}

.fan-club-subscribe-by-tokens-confirm-modal .fan-club-subscribe-by-tokens-confirm-modal__avatar {
    margin-bottom: 20px;
    margin-right: 0
}

.fan-club-subscribe-by-tokens-confirm-modal .fan-club-subscribe-by-tokens-confirm-modal__avatar-badge {
    background: #303133
}

.fan-club-subscribe-by-tokens-confirm-modal__body {
    flex-direction: column;
    margin-bottom: 20px;
    text-align: center;
    line-height: 17px;
    font-size: 14px;
    display: flex;
    gap: 4px
}

.fan-club-subscribe-by-tokens-confirm-modal__apply-btn {
    padding: 5px 34px;
    margin: 0
}

.fan-club-subscribe-by-tokens-confirm-modal__to {
    opacity: .6
}

.fan-club-subscribe-by-tokens-confirm-modal__username {
    color: #f8f8f8;
    line-height: 22px;
    font-weight: 700;
    font-size: 18px
}

.fan-club-subscribe-by-tokens-confirm-modal__as-tier {
    line-height: 18px;
    font-weight: 500;
    font-size: 15px
}

.fan-club-subscribe-by-tokens-confirm-modal__as-tier.tier1 {
    color: #1b7aff
}

.fan-club-subscribe-by-tokens-confirm-modal__as-tier.tier2 {
    color: #dc1cff
}

.fan-club-subscribe-by-tokens-confirm-modal__as-tier.tier3 {
    color: #ff2a59
}

.fan-club-subscribe-by-tokens-confirm-modal__footer {
    color: #f8f8f8;
    text-align: center;
    line-height: 16px;
    margin-top: 20px;
    font-size: 12px;
    opacity: .4
}

.modal-ds-body.user-fan-club-subscription-modal {
    max-width: 450px
}

.modal-ds-body.user-fan-club-subscription-modal--with-tokens-feature {
    max-width: min(500px, 95vw)
}

.modal-ds-body.user-fan-club-subscription-modal .username-tier-icon {
    margin-right: 8px !important
}

.video-quality-report-modal .modal-content.modal-header-none .modal-body {
    align-items: center;
    background-color: #3b3b3b;
    color: #fff;
    justify-content: center;
    min-height: 150px;
    min-width: 380px;
    padding: 30px;
    display: flex;
    flex-direction: column;
    border-radius: 4px
}

.video-quality-report-modal .close-button {
    color: rgba(255, 255, 255, .4);
    cursor: pointer;
    line-height: 10px;
    padding: 10px;
    position: absolute;
    right: 7px;
    top: 7px
}

.video-quality-report-modal .close-button:focus,
.video-quality-report-modal .close-button:hover {
    background-color: rgba(255, 255, 255, .1);
    border-radius: 4px;
    color: rgba(255, 255, 255, .8)
}

.video-quality-report-modal .close-button .icon {
    margin: 0
}

.video-quality-report-modal .video-quality-report-modal-content {
    height: 100%;
    width: 100%;
    flex: 1;
    flex-basis: auto;
    flex-grow: 1;
    flex-shrink: 0
}

.video-quality-report-modal .video-quality-report-modal-content-thank-you {
    align-items: center;
    color: #f8f8f8;
    display: none;
    font-weight: 700;
    justify-content: center;
    left: 50%;
    opacity: 0;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    transition: opacity .5s ease-in;
    width: 100%;
    font-size: .938rem;
    line-height: 1.188rem
}

.video-quality-report-modal .video-quality-report-modal-content-thank-you .icon {
    color: #34b353;
    margin: 0 0 20px 0
}

.video-quality-report-modal .video-quality-report-modal-content-thank-you.video-quality-report-thank-you-transition-enter {
    display: flex;
    flex-direction: column
}

.video-quality-report-modal .video-quality-report-modal-content-thank-you.video-quality-report-thank-you-transition-enter-active {
    opacity: 1
}

.video-quality-report-modal .video-quality-report-modal-content-thank-you.video-quality-report-thank-you-transition-enter-done {
    opacity: 1;
    display: flex;
    flex-direction: column
}

.video-quality-report-modal .video-quality-report-wrapper {
    opacity: 1;
    transition: opacity .2s ease-in
}

.video-quality-report-modal .video-quality-report-wrapper.video-quality-report-content-transition-exit-active {
    opacity: 0
}

.video-quality-report-modal .video-quality-report-wrapper.video-quality-report-content-transition-exit-done {
    display: none;
    opacity: 0
}

.video-quality-report-modal video-quality-report-content-transition .video-quality-report-modal-header {
    color: #f8f8f8;
    padding-right: 10px;
    font-size: 1.125rem;
    line-height: 1.313rem
}

.video-quality-report-modal .video-quality-report-modal-reports {
    margin: 20px 0
}

.video-quality-report-modal .video-quality-report-modal-reports .radio .radio-label {
    color: #fff
}

.video-quality-report-modal .video-quality-report-modal-controls {
    display: flex;
    flex-direction: row
}

.video-quality-report-modal .video-quality-report-modal-controls .btn {
    margin: 0
}

.video-quality-report-modal .video-quality-report-modal-controls .btn-accept {
    margin-right: 20px
}

@media screen and (max-width:479px) {
    .video-quality-report-modal .modal-content.modal-header-none {
        width: calc(100% - 10px)
    }

    .video-quality-report-modal .modal-content.modal-header-none .modal-body {
        min-width: 100%;
        padding: 30px 20px 20px
    }
}

.vr-modal {
    background: #700;
    color: #fff;
    position: relative;
    width: 770px;
    max-width: 100%
}

.vr-modal:after,
.vr-modal:before {
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.vr-modal:after {
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, .08) 33.28%, rgba(0, 0, 0, .31) 50.05%, rgba(0, 0, 0, .8) 100%);
    z-index: 2
}

.vr-modal:before {
    background: radial-gradient(65.14% 65.14% at 50% 50%, #2f45ee 0%, rgba(47, 69, 238, 0) 100%);
    z-index: 1
}

.vr-modal--small-padding.modal-ds-overlay {
    padding-left: 10px;
    padding-right: 10px
}

.vr-modal__container {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 32px 0 20px 0;
    position: relative;
    z-index: 3
}

.vr-modal__logo-sc.site-logo {
    height: 42px;
    margin-top: -10px;
    width: 200px
}

.vr-modal__logo-xhl {
    height: 24px;
    width: 200px
}

.vr-modal__content {
    margin-top: 4px;
    position: relative;
    text-align: center;
    width: 100%
}

.vr-modal__heading {
    font-weight: 700;
    left: 0;
    position: absolute;
    right: 0;
    text-align: center;
    top: 26px;
    z-index: -1;
    padding: 0 44px;
    letter-spacing: 3px;
    font-size: 5.625rem;
    line-height: 5.625rem
}

.vr-modal__vr-girl {
    height: 346px;
    width: 262px
}

.vr-modal__title {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0
}

.vr-modal__actions {
    margin-top: 20px;
    width: 474px
}

.vr-modal__support {
    margin-top: 16px;
    text-align: center;
    color: rgba(248, 248, 248, .5);
    font-size: .813rem
}

.vr-modal__support-link {
    text-decoration: underline;
    color: #a4a4a4
}

.vr-modal__support-link:active,
.vr-modal__support-link:focus,
.vr-modal__support-link:hover {
    color: #f8f8f8
}

@media screen and (max-width:767px) {
    .vr-modal {
        width: 100%
    }

    .vr-modal__container {
        padding: 15px
    }

    .vr-modal__logo-sc.site-logo {
        margin-top: 8px;
        height: 30px
    }

    .vr-modal__content {
        margin-top: 8px
    }

    .vr-modal__heading {
        padding: 0;
        letter-spacing: 1px;
        font-size: 2.375rem;
        line-height: 2.875rem
    }

    .vr-modal__vr-girl {
        height: 216px;
        width: 164px
    }

    .vr-modal__actions {
        max-width: 100%;
        margin-top: 16px
    }
}

.whats-app-modal {
    color: #fff
}

.whats-app-modal .modal-content.modal-header-outside .modal-body {
    background: #2f2f2f;
    border-radius: 6px;
    max-width: 400px;
    padding: 30px 30px 20px 30px;
    width: 100%;
    font-size: .813rem;
    line-height: 1.313rem
}

@media screen and (max-width:600px) {
    .whats-app-modal .modal-content.modal-header-outside .modal-body {
        padding: 20px;
        width: calc(100vw - 20px)
    }
}

.whats-app-modal .header {
    color: #fff;
    font-weight: 700;
    margin-bottom: 20px;
    font-size: 1.125rem
}

.whats-app-modal .description,
.whats-app-modal .subheader {
    color: rgba(255, 255, 255, .6)
}

.whats-app-modal .description strong,
.whats-app-modal .subheader strong {
    color: #fff
}

.whats-app-modal .pricing-wrapper {
    background-color: rgba(255, 255, 255, .1);
    border-radius: 4px;
    cursor: pointer;
    margin: 20px 0;
    padding: 12px 20px;
    font-size: .875rem
}

.whats-app-modal .pricing-wrapper .priceValue {
    float: right
}

.whats-app-modal .pricing-wrapper .priceValue .amount {
    color: #70fd19
}

.whats-app-modal .btn {
    background-color: #0ca42c;
    border-color: #0ca42c;
    border-radius: 21px;
    border-width: 2px;
    color: #f1f1f1;
    width: 100%;
    font-size: .938rem
}

.whats-app-modal .btn.btn-default:active,
.whats-app-modal .btn.btn-default:focus,
.whats-app-modal .btn.btn-default:hover:not(:disabled) {
    background: #0cad2e;
    color: #f1f1f1 !important
}

.whats-app-modal .btn .icon {
    height: 20px;
    margin-bottom: 2px;
    margin-right: 8px;
    width: 20px
}

.whats-app-modal .restriction {
    color: rgba(255, 255, 255, .4);
    display: block;
    margin-top: 10px;
    text-align: center;
    font-size: .75rem;
    line-height: 1rem
}

.qr-code {
    background-color: #fff
}

.qr-code__image {
    height: 100%;
    width: 100%
}

.extra-verification-initial-content {
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    line-height: 22px;
    padding: 32px 32px 24px;
    text-align: center
}

.extra-verification-initial-content__icon-verify {
    color: #d6d6d6;
    height: 80px;
    margin: 0;
    width: 99px
}

.extra-verification-initial-content__icon-verify:not(:first-child) {
    margin-top: 16px
}

.extra-verification-initial-content__title {
    font-size: 20px;
    font-weight: 700;
    line-height: 28px;
    margin: 16px 0 0
}

.extra-verification-initial-content__description {
    margin-top: 10px
}

.extra-verification-initial-content__wrapper {
    background: rgba(255, 255, 255, .05);
    border-radius: 12px;
    margin-top: 16px;
    padding: 12px 0 24px 0
}

.extra-verification-initial-content__qr-image {
    border-radius: 12px;
    height: 141px;
    margin: 16px auto 0;
    padding: 4px;
    width: 141px
}

.extra-verification-initial-content__or {
    margin: 16px 0 0
}

.extra-verification-initial-content__button {
    margin: 16px 0 0 0
}

.extra-verification-initial-content__icon-camera {
    margin-right: 12px;
    transform: translateY(-1px)
}

@media screen and (max-width:1023px) {
    .extra-verification-initial-content {
        font-size: 14px;
        line-height: 20px;
        padding: 12px
    }

    .extra-verification-initial-content__icon-verify:not(:first-child) {
        margin-top: 12px
    }

    .extra-verification-initial-content__title {
        font-size: 18px;
        line-height: 25px;
        margin-top: 12px
    }

    .extra-verification-initial-content__wrapper {
        margin-top: 12px
    }

    .extra-verification-initial-content__or {
        line-height: 24px;
        margin: 0
    }

    .extra-verification-initial-content__or+.extra-verification-initial-content__wrapper {
        margin-top: 0
    }

    .extra-verification-initial-content .extra-verification-initial-content__button {
        font-size: 13px;
        line-height: 36px
    }
}

.extra-verification-modal-timer {
    background: rgba(0, 0, 0, .3);
    border-radius: 8px;
    padding: 4px 0;
    text-align: center
}

.extra-verification-modal-timer__text {
    color: #f44;
    font-size: 24px;
    font-weight: 700;
    line-height: 34px
}

.extra-verification-success-content {
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    line-height: 22px;
    padding: 32px 32px 24px;
    text-align: center
}

.extra-verification-success-content__icon-verify {
    color: #d6d6d6;
    height: 58px;
    margin: 0;
    width: 82px
}

.extra-verification-success-content__title {
    font-size: 20px;
    font-weight: 700;
    line-height: 28px;
    margin: 16px 0 0
}

.extra-verification-success-content__description {
    margin: 16px 0 0
}

.extra-verification-success-content__button {
    margin: 16px 0 0;
    min-width: 120px
}

@media screen and (max-width:1023px) {
    .extra-verification-success-content {
        font-size: 14px;
        line-height: 20px
    }

    .extra-verification-success-content__title {
        font-size: 18px;
        line-height: 25px
    }

    .extra-verification-success-content .extra-verification-success-content__button {
        font-size: 13px;
        line-height: 35px
    }
}

.camera-blocked-error {
    align-items: center;
    background: #000;
    display: flex;
    flex-direction: column;
    height: 250px;
    justify-content: center;
    left: 0;
    position: absolute;
    right: 0;
    z-index: 1
}

.camera-blocked-error__icon {
    color: #f8f8f8;
    fill: currentColor;
    height: 40px;
    width: 40px
}

.camera-blocked-error__placeholder-text {
    line-height: 18px;
    margin-top: 16px;
    text-align: center
}

.camera-placeholder {
    align-items: center;
    display: flex;
    flex-direction: column;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%)
}

.camera-placeholder__text {
    line-height: 18px;
    margin-top: 16px;
    text-align: center
}

.extra-verification-take-photo-controls__button {
    margin: 0
}

.extra-verification-take-photo-controls__button--apply {
    margin-right: 16px
}

@media screen and (max-width:1023px) {
    .extra-verification-take-photo-controls {
        text-align: center
    }
}

.extra-verification-take-photo-viewer {
    position: relative
}

.extra-verification-take-photo-viewer .photo-cut-frame-wrapper {
    display: none
}

.extra-verification-take-photo-viewer .photo-cut-source-container {
    background-color: #000;
    min-height: 270px;
    position: relative;
    width: 100%
}

.extra-verification-take-photo-viewer .photo-cut-source-container video {
    display: block;
    max-width: 100%;
    min-height: inherit;
    -o-object-fit: cover;
    object-fit: cover
}

.extra-verification-take-photo-viewer__img {
    width: 100%
}

.extra-verification-take-photo-viewer__controls {
    margin-top: 20px
}

@media screen and (max-width:1023px) {
    .extra-verification-take-photo-viewer .photo-cut-source-container {
        aspect-ratio: 1;
        border-radius: 12px;
        min-height: 180px;
        overflow: hidden;
        width: calc(100% - 59px)
    }

    .extra-verification-take-photo-viewer .photo-cut-source-container video {
        height: 100%;
        width: 100%
    }

    .extra-verification-take-photo-viewer__img {
        border-radius: 12px;
        width: calc(100% - 59px)
    }

    .extra-verification-take-photo-viewer__controls {
        margin-top: 12px
    }
}

.extra-verification-take-photo-content {
    color: #fff;
    font-size: 13px;
    font-weight: 500;
    line-height: 16px;
    padding: 20px
}

.extra-verification-take-photo-content__top {
    display: flex;
    margin-bottom: 10px
}

.extra-verification-take-photo-content__top:not(:first-child) {
    margin-top: 30px
}

.extra-verification-take-photo-content__left {
    flex: 1 1 auto;
    margin-right: 36px
}

.extra-verification-take-photo-content__title {
    font-size: 20px;
    font-weight: 700;
    line-height: 28px;
    margin: 0
}

.extra-verification-take-photo-content__description {
    margin: 10px 0 0
}

.extra-verification-take-photo-content__arrow {
    font-size: 15px;
    margin-left: 10px
}

.extra-verification-take-photo-content__list {
    color: rgba(255, 255, 255, .6);
    line-height: 18px;
    margin-top: 10px
}

.extra-verification-take-photo-content__rule {
    padding-left: 22px
}

.extra-verification-take-photo-content__rule:before {
    content: "•";
    font-size: 10px;
    padding: 0 8px 0 7px;
    position: absolute;
    transform: translateX(-100%)
}

.extra-verification-take-photo-content__select {
    margin-top: 10px;
    width: 100%
}

.extra-verification-take-photo-content__example-img {
    border-radius: 10px;
    flex: 0 0 170px;
    min-width: 0
}

.extra-verification-take-photo-content__viewer {
    width: 100%
}

@media screen and (max-width:1023px) {
    .extra-verification-take-photo-content__top {
        margin-bottom: 12px;
        position: relative;
        z-index: 1
    }

    .extra-verification-take-photo-content__top:not(:first-child) {
        margin-top: 12px
    }

    .extra-verification-take-photo-content__left {
        margin-right: 0
    }

    .extra-verification-take-photo-content__arrow {
        display: none
    }

    .extra-verification-take-photo-content__example-img {
        border-radius: 12px;
        position: absolute;
        right: 0;
        top: calc(100% + 12px);
        width: 160px
    }

    .extra-verification-take-photo-content__viewer {
        padding-top: 101px
    }
}

.extra-verification-modal {
    overflow: auto
}

.extra-verification-modal__dialog::after {
    content: "";
    display: block;
    flex-shrink: 0;
    height: 20px
}

.extra-verification-modal .extra-verification-modal__content {
    background-color: #2c2c2c;
    flex-shrink: 0;
    max-width: 100%;
    position: relative;
    width: 428px
}

.extra-verification-modal .extra-verification-modal__content--take-photo {
    width: 540px
}

.sent-tip-modal-new.sent-tip-modal-new {
    background-color: #262626
}

.send-tip-modal-content {
    padding: 20px
}

.send-tip-modal-content-header {
    align-items: center;
    display: flex;
    flex-flow: row nowrap;
    margin-bottom: 16px;
    padding-bottom: 16px;
    border-bottom: 1px solid rgba(248, 248, 248, .08)
}

.send-tip-modal-content-avatar {
    border: 0;
    flex-shrink: 0;
    height: 46px;
    margin-right: 18px;
    width: 46px
}

.send-tip-modal-content-avatar-gift-container {
    align-items: center;
    background-color: #434343;
    border: 2px solid #303133;
    border-radius: 50%;
    bottom: 0;
    color: #aeff5e;
    display: flex;
    height: 26px;
    justify-content: center;
    position: absolute;
    right: -8px;
    width: 26px
}

.send-tip-modal-content-avatar-gift-container-private {
    color: #feb601
}

.send-tip-modal-content-avatar-gift-icon {
    fill: currentColor;
    height: 12px;
    margin: 0;
    width: 12px
}

.send-tip-modal-content-header-text-container {
    display: flex;
    flex-flow: column nowrap
}

.send-tip-modal-content-header-text {
    font-size: 14px;
    font-weight: 400;
    letter-spacing: normal;
    line-height: normal;
    color: #a8a8a8
}

.send-tip-modal-content-model-name {
    font-size: 18px;
    font-weight: 500;
    letter-spacing: normal;
    line-height: 23px;
    color: #fff
}

.send-tip-modal-content-question {
    font-size: 18px;
    font-weight: 500;
    letter-spacing: normal;
    line-height: 23px;
    color: #fff;
    margin-bottom: 16px
}

.send-tip-modal-content-predefined-item {
    height: 46px
}

.cookies-select-modal {
    padding: 15px 20px;
    max-width: min(500px, 95vw);
    color: #fff
}

.cookies-select-modal__header {
    padding: 20px;
    font-weight: 700;
    font-size: 18px;
    line-height: 22px;
    border-bottom: 1px solid rgba(255, 255, 255, .05)
}

.cookies-select-modal__title {
    display: flex;
    justify-content: space-between;
    font-weight: 500;
    margin-bottom: 8px;
    font-size: 15px;
    line-height: 21px
}

.cookies-select-modal__description {
    font-weight: 400;
    padding-bottom: 18px;
    margin-bottom: 14px;
    border-bottom: 1px solid rgba(255, 255, 255, .05);
    color: rgba(255, 255, 255, .5);
    font-size: 12px;
    line-height: 18px;
    margin-top: 0
}

.cookies-select-modal__li {
    list-style: initial;
    margin-left: 16px
}

.cookies-select-modal__link {
    text-decoration: underline
}

.cookies-select-modal__necessary-switcher-label {
    display: flex;
    font-weight: 500;
    color: #fff;
    opacity: .4;
    align-items: center;
    font-size: 11px;
    line-height: 18px
}

.cookies-select-modal__necessary-switcher {
    opacity: .7
}

.cookies-select-modal__buttons {
    display: flex;
    justify-content: flex-end
}

.cookies-select-modal__buttons .btn {
    margin-bottom: 0
}

.categories-modal {
    position: relative
}

.external-url-warning-modal .modal-body {
    background-color: rgba(85, 82, 63, .8);
    max-width: 348px;
    min-height: 200px;
    min-width: 320px;
    display: flex;
    flex-direction: column
}

.external-url-warning-modal .modal-body>div {
    margin-bottom: 20px;
    text-align: center
}

.external-url-warning-modal .modal-body .image .icon {
    fill: currentColor;
    height: 36px;
    opacity: .4;
    width: 36px
}

.external-url-warning-modal .modal-body .title {
    font-weight: 700;
    font-size: 1.063rem
}

.external-url-warning-modal .modal-body .description {
    margin-bottom: 30px;
    opacity: .6;
    font-size: .875rem
}

.external-url-warning-modal .modal-body .controls {
    margin: 0
}

.external-url-warning-modal .modal-body .controls .btn:first-child {
    margin-right: 20px
}

.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 {
    top: -1px;
    background-color: #f8f8f8;
    content: "";
    display: inline-block;
    height: 1px;
    opacity: .12;
    position: relative;
    vertical-align: middle;
    width: 50%
}

.broadcasting-rules-expander .title:before {
    right: 26px;
    margin-left: -50%
}

.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 -20px;
    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 {
    opacity: .8
}

.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 p {
    padding-left: 10px
}

.model-rules-modal .base-modal ol li ol li {
    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
}

@media screen and (max-width:1023px) {
    .model-rules-modal .base-modal {
        margin: auto 15px;
        margin-right: 30px;
        width: 100%
    }

    .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-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-rules-modal .base-modal .modal-footer .modal-rules-footer-top .btn-default-filled {
        display: none
    }

    .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-rules-modal .base-modal .modal-footer .modal-rules-footer-bottom .btn-default-filled {
        display: block
    }
}

.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
}

.tags-with-filter__modal-wrapper {
    padding-left: 20px;
    padding-right: 20px
}

.tags-with-filter__modal-wrapper .modal-header {
    align-items: flex-end
}

.tags-with-filter__modal-wrapper .modal-content {
    flex-grow: 1
}

.tags-with-filter__modal-wrapper .modal-body {
    padding: 0;
    border-radius: 10px !important
}

.tags-with-filter__modal-wrapper .advanced-filter-dialogue {
    position: static;
    margin: 0;
    border-radius: 10px
}

.tags-with-filter__modal-wrapper .button-close,
.tags-with-filter__modal-wrapper .button-close>.icon {
    width: 14px;
    height: 14px
}

.technical-problem-modal .modal-content {
    border-radius: 3px;
    color: #f8f8f8
}

.technical-problem-modal .modal-content .modal-body {
    align-items: center;
    background-color: #3b3b3b !important;
    border-radius: 4px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, .75);
    justify-content: space-between;
    opacity: 1;
    position: relative;
    text-align: center;
    width: 520px;
    display: flex;
    flex-direction: column
}

.technical-problem-modal .modal-content .icon-error {
    fill: #fa7055;
    margin: 20px 0 30px
}

.technical-problem-modal .modal-content .technical-problem-description {
    color: #f8f8f8;
    line-height: 20px;
    margin-bottom: 25px;
    font-size: .875rem
}

.technical-problem-modal .modal-content .btn-apply-alter {
    font-weight: 700;
    padding: 0 40px
}

@media screen and (max-width:600px) {
    .technical-problem-modal .modal-content .modal-body {
        width: calc(100vw - 20px)
    }
}

.age-verification-modal {
    max-width: 1200px;
    max-height: 900px;
    width: 100%;
    height: 100%
}

.age-verification-modal__content {
    height: 100%
}

.age-verification-modal__iframe {
    width: 100%;
    height: 100%;
    border: none
}

.discounts-settings-modal {
    padding: 20px;
    max-width: 450px
}

.discounts-settings-modal__title {
    display: flex;
    align-items: flex-end;
    font-weight: 700;
    color: #f8f8f8;
    font-size: 1.125rem;
    line-height: 1.375rem
}

.discounts-settings-modal__title .icon {
    width: 22px;
    height: 22px;
    margin-right: 11px
}

.discounts-settings-modal__subtitle {
    margin-top: 8px;
    font-weight: 400;
    color: rgba(248, 248, 248, .6);
    font-size: .813rem;
    line-height: 1.125rem
}

.discounts-settings-modal__discount-activated {
    display: flex;
    align-items: center;
    background: rgba(255, 255, 255, .1);
    border: 1px solid #ffa900;
    border-radius: 10px;
    padding: 0 10px;
    font-weight: 500;
    color: #fff;
    margin-top: 8px;
    margin-bottom: 20px;
    font-size: .75rem;
    line-height: 1rem
}

.discounts-settings-modal__discount-activated .highlight {
    color: #ffa900
}

.discounts-settings-modal__discount-activated-timer {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 3px 8px;
    height: 23px;
    background: rgba(0, 0, 0, .3);
    border-radius: 6px;
    font-weight: 500;
    color: #f8f8f8;
    margin: 6px 0 6px auto;
    font-size: .813rem;
    line-height: 1.063rem
}

.discounts-settings-modal__warning {
    margin-top: 20px;
    font-weight: 500;
    color: #ffa900;
    opacity: .8;
    font-size: .75rem;
    line-height: .875rem
}

.discounts-settings-modal__warning .underline {
    text-decoration: underline
}

.discounts-settings-modal__warning ol {
    margin-top: 10px
}

.discounts-settings-modal__warning li {
    margin-bottom: 0
}

.discounts-settings-modal__select-container {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    flex: 1
}

.discounts-settings-modal__select-title {
    font-weight: 700;
    text-transform: uppercase;
    color: #f8f8f8;
    opacity: .5;
    font-size: .563rem;
    line-height: 1.25rem
}

.discounts-settings-modal__select {
    margin-top: 4px;
    width: 100%
}

.discounts-settings-modal__selectors {
    margin-top: 20px;
    display: flex;
    gap: 20px;
    justify-content: space-between
}

.discounts-settings-modal__checkboxes {
    display: flex;
    flex-direction: column-reverse;
    gap: 6px;
    margin-top: 12px;
    margin-bottom: 20px
}

.discounts-settings-modal__checkbox {
    margin-right: 9px
}

.discounts-settings-modal__checkbox-label-right {
    margin-left: auto
}

.discounts-settings-modal__available-in {
    font-weight: 500;
    color: #ffa900;
    opacity: .8;
    z-index: 1;
    position: relative;
    display: flex;
    font-size: .75rem;
    line-height: .875rem
}

.discounts-settings-modal__checkbox-container {
    display: flex;
    padding: 9px;
    padding-right: 12px;
    align-items: center;
    background: rgba(255, 255, 255, .06);
    border-radius: 6px;
    cursor: pointer
}

.discounts-settings-modal__question {
    margin-right: 5px;
    display: block
}

.discounts-settings-modal__question .icon {
    margin-right: 0
}

.discounts-settings-modal__checkbox-container--disabled {
    position: relative;
    cursor: default
}

.discounts-settings-modal__checkbox-container--disabled::after {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    content: " ";
    display: block;
    background: rgba(48, 49, 51, .6);
    position: absolute;
    pointer-events: none
}

.discounts-settings-modal__price {
    font-weight: 500;
    color: #fff;
    font-size: .75rem;
    line-height: 1.25rem
}

.discounts-settings-modal__price--old {
    color: #fff;
    opacity: .4;
    margin-right: 10px
}

.discounts-settings-modal__price--old .line-through-text::before {
    background-color: #fff
}

.discounts-settings-modal__price--discount {
    color: #ffa900
}

.discounts-settings-modal__question-tooltip {
    z-index: 10000
}

.discounts-settings-modal__checkbox-label {
    font-weight: 500;
    color: #f8f8f8;
    font-size: .813rem;
    line-height: 1rem
}

.discounts-settings-modal__cancel {
    margin-bottom: 0;
    margin-right: 14px
}

.discounts-settings-modal__activate {
    margin-bottom: 0
}

.discounts-settings-modal__confirm-modal.confirmation-modal.modal-wrapper .modal-content .confirmation-modal-title {
    margin-bottom: 4px
}

.discounts-settings-modal__confirm-modal.confirmation-modal.modal-wrapper .modal-content .modal-body {
    width: 100%;
    max-width: 400px
}

.discounts-settings-modal__confirm-modal.confirmation-modal.modal-wrapper .modal-content .confirmation-modal-description {
    margin-top: 4px
}

.discounts-settings-modal__confirm-modal.confirmation-modal.modal-wrapper .modal-content .confirmation-modal-btn-confirm {
    order: 1
}

.tags-category {
    width: 100%;
    min-width: 0
}

.tags-category .tags-category__body {
    display: grid;
    grid-gap: 14px
}

@media screen and (max-width:639px) {
    .tags-category .tags-category__body {
        grid-gap: 10px 14px
    }
}

.tags-category--col1 .tags-category__tag--gap {
    margin-bottom: 0;
    margin-bottom: var(--gapPerColumn, 0)
}

.tags-category--col2 .tags-category__body,
.tags-category--col3 .tags-category__body,
.tags-category--col4 .tags-category__body,
.tags-category--col5 .tags-category__body,
.tags-category--col6 .tags-category__body {
    grid-auto-flow: column
}

.tags-category--col2 {
    grid-column: span 2
}

.tags-category--col2 .tags-category__tag--gap2 {
    margin-bottom: 0;
    margin-bottom: var(--gapPer2Columns, 0)
}

.tags-category--col2 .tags-category__body {
    grid-template-rows: repeat(var(--itemsPer2Columns), auto);
    grid-template-columns: repeat(2, 1fr)
}

.tags-category--col3 {
    grid-column: span 3
}

.tags-category--col3 .tags-category__tag--gap3 {
    margin-bottom: 0;
    margin-bottom: var(--gapPer3Columns, 0)
}

.tags-category--col3 .tags-category__body {
    grid-template-rows: repeat(var(--itemsPer3Columns), auto);
    grid-template-columns: repeat(3, 1fr)
}

.tags-category--col4 {
    grid-column: span 4
}

.tags-category--col4 .tags-category__tag--gap4 {
    margin-bottom: 0;
    margin-bottom: var(--gapPer4Columns, 0)
}

.tags-category--col4 .tags-category__body {
    grid-template-rows: repeat(var(--itemsPer4Columns), auto);
    grid-template-columns: repeat(4, 1fr)
}

.tags-category--col5 {
    grid-column: span 5
}

.tags-category--col5 .tags-category__tag--gap5 {
    margin-bottom: 0;
    margin-bottom: var(--gapPer5Columns, 0)
}

.tags-category--col5 .tags-category__body {
    grid-template-rows: repeat(var(--itemsPer5Columns), auto);
    grid-template-columns: repeat(5, 1fr)
}

.tags-category--col6 {
    grid-column: span 6
}

.tags-category--col6 .tags-category__tag--gap6 {
    margin-bottom: 0;
    margin-bottom: var(--gapPer6Columns, 0)
}

.tags-category--col6 .tags-category__body {
    grid-template-rows: repeat(var(--itemsPer6Columns), auto);
    grid-template-columns: repeat(6, 1fr)
}

@media screen and (max-width:639px) {

    .tags-category--col3,
    .tags-category--col4,
    .tags-category--col5,
    .tags-category--col6 {
        grid-column: span 2
    }

    .tags-category--col3 .tags-category__tag--gap2,
    .tags-category--col4 .tags-category__tag--gap2,
    .tags-category--col5 .tags-category__tag--gap2,
    .tags-category--col6 .tags-category__tag--gap2 {
        margin-bottom: 0;
        margin-bottom: var(--gapPer2Columns, 0)
    }

    .tags-category--col3 .tags-category__body,
    .tags-category--col4 .tags-category__body,
    .tags-category--col5 .tags-category__body,
    .tags-category--col6 .tags-category__body {
        grid-template-rows: repeat(var(--itemsPer2Columns), auto);
        grid-template-columns: repeat(2, 1fr)
    }
}

@media screen and (max-width:639px) {
    .tags-category-group--sorted .tags-category--device {
        grid-row: 1;
        grid-column: 2
    }

    .tags-category-group--sorted .tags-category--europe {
        grid-row: 2
    }

    .tags-category-group--sorted .tags-category--asiaAndPacific {
        grid-column: 2;
        grid-row: 1
    }
}

@media screen and (min-width:640px) and (max-width:1279px) {
    .tags-category-group--sorted .tags-category--availableActivities {
        grid-row: 1
    }

    .tags-category-group--sorted .tags-category--miscellaneous {
        grid-row: 1
    }

    .tags-category-group--sorted .tags-category--subculture {
        grid-row: span 2
    }
}

.tags-category__header {
    width: calc(100% - 20px);
    padding: 0 10px;
    text-transform: uppercase;
    font-size: .875rem;
    height: 25px;
    line-height: 25px;
    font-weight: 700;
    color: rgba(255, 255, 255, .4);
    background: #262626;
    border-radius: 6px;
    margin-bottom: 14px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

@media screen and (max-width:639px) {
    .tags-category__header {
        width: 100%;
        margin-bottom: 10px
    }
}

.tags-category__tag {
    display: block;
    padding: 0 8px;
    font-size: .938rem;
    line-height: 1rem;
    font-weight: 500;
    color: rgba(248, 248, 248, .9)
}

.tags-category__tag a {
    color: rgba(248, 248, 248, .9)
}

.tags-category__tag .country-flag {
    display: inline-block;
    margin-bottom: -3px;
    margin-right: 5px;
    height: 16px;
    width: 22px
}

.tags-category__tag .model-filter-link-badge-first {
    display: inline
}

.tags-category__tag .model-filter-link-badge-first .icon {
    margin-top: -3px;
    margin-right: 5px
}

.tags-category__tag .model-filter-link-badge-first .tag-icon {
    margin-right: 5px
}

.tags-category__count {
    color: rgba(99, 99, 99, .9)
}

.tags-category__count:before {
    content: " ";
    display: inline
}

.tags-category-subgroup {
    min-width: 0;
    width: 100%
}

@media screen and (min-width:640px) and (max-width:1279px) {
    .tags-category-group--sorted .tags-category-subgroup--africa_middleEast {
        grid-row: 1;
        grid-column: 4
    }
}

.tags-category-subgroup .tags-category {
    margin-bottom: 40px
}

.tags-category-subgroup .tags-category:last-child {
    margin-bottom: 0
}

.tags-category-group {
    margin-bottom: 64px
}

.tags-category-group:last-child {
    margin-bottom: 0
}

.tags-category-group__header {
    display: inline-flex;
    padding: 0 8px;
    font-weight: 500;
    font-size: 2rem;
    line-height: 1.875rem;
    color: #f8f8f8;
    margin-bottom: 30px
}

@media screen and (max-width:639px) {
    .tags-category-group__header {
        font-size: 1.5rem;
        margin-bottom: 20px
    }
}

.tags-category-group__header .icon {
    margin-right: 12px;
    margin-bottom: 4px;
    fill: #f8f8f8
}

.tags-category-group__body {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    grid-gap: 30px 14px
}

@media screen and (max-width:1279px) {
    .tags-category-group__body {
        grid-template-columns: repeat(4, 1fr)
    }
}

@media screen and (max-width:639px) {
    .tags-category-group__body {
        grid-template-columns: repeat(2, 1fr)
    }
}

.grouped-tags-modal {
    position: relative;
    padding: 30px 24px;
    height: 100%
}

@media screen and (max-width:639px) {
    .grouped-tags-modal {
        padding: 15px 8px
    }
}

.grouped-tags-modal-body {
    width: 100%;
    max-width: 1366px;
    height: 100%
}

.grouped-tags-modal-overlay {
    padding: 40px 8px 0
}

.grouped-tags-modal__loader {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -32px;
    margin-top: -32px
}

.grouped-tags-modal__error {
    font-size: 1rem;
    line-height: 1.25rem;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -125px;
    margin-top: -20px;
    width: 250px;
    text-align: center;
    color: rgba(248, 248, 248, .9)
}

.obs-notifications-modal .modal-ds-content {
    align-items: center;
    text-align: left;
    padding: 20px;
    max-width: 500px
}

.obs-notifications-modal__description-header {
    font-size: .875rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    line-height: 150%;
    font-weight: 700;
    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:last-child {
    margin-bottom: 0
}

.obs-notifications-modal__description li {
    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 {
    width: 120px;
    display: block;
    margin: 20px auto 0
}

.obs-notifications-modal a {
    color: inherit;
    text-decoration: underline
}

.webrtc-external-force-idle-modal .modal-ds-content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    padding: 32px 30px;
    max-width: 290px
}

.webrtc-external-force-idle-modal__icon {
    fill: #af262f;
    margin-bottom: 20px
}

.webrtc-external-force-idle-modal__description {
    margin-bottom: 20px;
    font-weight: 500;
    font-size: 1rem;
    line-height: 1.4
}

.webrtc-external-force-idle-modal__min-quality {
    color: #f44;
    padding-bottom: 10px
}

.webrtc-external-force-idle-modal .btn {
    margin-bottom: 0;
    width: 120px
}

.buy-tokens-modal.modal-wrapper.buy-tokens-modal-on-step {
    padding: 0
}

@media screen and (max-width:1023px) {
    .buy-tokens-modal.modal-wrapper.buy-tokens-modal-on-step .modal-content .modal-body-wrapper .modal-body {
        border-radius: 3px
    }

    .buy-tokens-modal.modal-wrapper.buy-tokens-modal-on-step .modal-content {
        overscroll-behavior-y: none
    }
}

.buy-tokens-modal.modal-wrapper .modal-content {
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 10px;
    width: 100%
}

.buy-tokens-modal.modal-wrapper .modal-content .modal-body-wrapper {
    display: block;
    height: calc(100% - 32px);
    position: relative
}

.buy-tokens-modal.modal-wrapper .modal-content .modal-body-wrapper .modal-body {
    background-color: #fff;
    height: 100%;
    min-height: 500px;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    padding: 0;
    border-radius: 4px
}

@media screen and (max-width:1023px) {
    .buy-tokens-modal.modal-wrapper .modal-content {
        padding: 0
    }

    .buy-tokens-modal.modal-wrapper .modal-content .modal-header {
        padding: 10px !important
    }

    .buy-tokens-modal.modal-wrapper .modal-content .modal-body-wrapper {
        height: calc(100% - 42px)
    }

    .buy-tokens-modal.modal-wrapper .modal-content .modal-body-wrapper .modal-body {
        border-radius: 0
    }
}

.generate-login-btn {
    box-sizing: content-box;
    cursor: pointer;
    height: 22px;
    padding: 5px;
    position: absolute;
    right: 10px;
    top: 4px;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    width: 22px
}

.generate-login-btn .icon {
    color: rgba(255, 255, 255, .6);
    height: 22px;
    margin-right: 0;
    pointer-events: auto;
    width: 22px
}

.generate-login-btn span {
    display: none
}

.generate-login-btn:hover .icon {
    color: #fff
}

.username-input-wrapper .username-input-wrapper-input {
    position: relative
}

.username-input-wrapper .username-input-wrapper-input .input {
    padding-right: 40px
}

.username-input-wrapper .username-input-wrapper-input>.icon {
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%)
}

.username-input-wrapper .username-input-wrapper-input>.icon.icon-check-1 {
    color: #629a54
}

.username-input-wrapper .username-input-wrapper-input>.icon.icon-close-5 {
    fill: #d54d3e
}

@media screen and (max-width:1023px) {
    .username-input-wrapper .generate-login-btn .tooltip {
        display: block
    }
}

.third-party-authorization {
    display: flex;
    flex-direction: column
}

.third-party-authorization__separator {
    color: rgba(248, 248, 248, .7);
    margin: 0 0 5px;
    padding: 5px 0;
    position: relative;
    font-size: .75rem;
    line-height: .938rem;
    display: flex;
    flex-direction: row
}

.third-party-authorization__separator--bottom {
    margin: 15px 0 0;
    order: 1
}

.third-party-authorization__separator:after,
.third-party-authorization__separator:before {
    border-top: 1px solid rgba(248, 248, 248, .3);
    content: " ";
    margin: 10px 0;
    flex: 1;
    flex-basis: auto;
    flex-grow: 1;
    flex-shrink: 1
}

.third-party-authorization__separator-label {
    font-weight: 400;
    padding: 3px 15px;
    flex: 1;
    flex-basis: auto;
    flex-grow: 0;
    flex-shrink: 0
}

.third-party-authorization .google-authorization {
    background: #e0535c;
    border: 2px solid rgba(255, 255, 255, 0);
    align-items: center;
    border-radius: 4px;
    cursor: pointer;
    justify-content: space-between;
    max-width: 300px;
    min-height: 38px;
    padding: 5px 0;
    width: 100%;
    display: flex;
    flex-direction: row;
    transition: all 120ms ease-in-out 0s
}

.third-party-authorization .google-authorization .google-authorization-icon {
    border-right: 1px solid rgba(248, 248, 248, .5);
    padding: 0 15px 0 20px
}

.third-party-authorization .google-authorization .google-authorization-label {
    color: #f8f8f8;
    font-weight: 700;
    justify-content: center;
    opacity: .8;
    text-align: center;
    font-size: .938rem;
    line-height: 1.188rem;
    display: flex;
    flex-direction: row;
    flex: 1;
    flex-basis: auto;
    flex-grow: 1;
    flex-shrink: 1
}

.third-party-authorization .google-authorization:hover {
    background: #ea5f69
}

.third-party-authorization .twitter-auth-wrapper {
    margin-top: 12px
}

.third-party-authorization .twitter-auth {
    background: #4691d0;
    border: 2px solid rgba(255, 255, 255, 0);
    align-items: center;
    border-radius: 4px;
    cursor: pointer;
    justify-content: space-between;
    max-width: 300px;
    min-height: 38px;
    padding: 5px 0;
    width: 100%;
    display: flex;
    flex-direction: row;
    transition: all 120ms ease-in-out 0s
}

.third-party-authorization .twitter-auth .twitter-auth-icon {
    border-right: 1px solid rgba(248, 248, 248, .5);
    color: #f8f8f8;
    padding: 0 15px 0 20px
}

.third-party-authorization .twitter-auth .twitter-auth-label {
    color: #f8f8f8;
    font-weight: 700;
    justify-content: center;
    opacity: .8;
    text-align: center;
    font-size: .938rem;
    line-height: 1.188rem;
    display: flex;
    flex-direction: row;
    flex: 1;
    flex-basis: auto;
    flex-grow: 1;
    flex-shrink: 1
}

.third-party-authorization .twitter-auth:hover {
    background: #449dda
}

.third-party-authorization--new-style .third-party-authorization__separator:after,
.third-party-authorization--new-style .third-party-authorization__separator:before {
    border-color: transparent
}

.third-party-authorization--new-style .third-party-authorization__separator--bottom:after,
.third-party-authorization--new-style .third-party-authorization__separator--bottom:before {
    border-color: rgba(255, 255, 255, .1)
}

.third-party-authorization--new-style .third-party-authorization__separator-label {
    color: rgba(255, 255, 255, .8);
    font-weight: 500;
    line-height: .938rem;
    font-size: .875rem
}

@media screen and (max-width:480px) {
    .third-party-authorization--new-style .third-party-authorization__separator-label {
        font-size: .75rem
    }
}

.third-party-authorization--new-style .third-party-authorization__wrapper {
    display: flex;
    flex-direction: row;
    justify-content: center
}

.third-party-authorization--new-style .google-authorization-wrapper {
    max-width: 120px;
    width: 100%
}

.third-party-authorization--new-style .twitter-auth-wrapper {
    margin-left: 15px;
    margin-top: 0;
    max-width: 120px;
    width: 100%
}

.third-party-authorization--new-style.sign-up-new__center-wrapper--with-signup-without-email .twitter-auth-wrapper {
    margin-left: 8px;
    max-width: none
}

.third-party-authorization--new-style.sign-up-new__center-wrapper--with-signup-without-email .google-authorization-wrapper {
    max-width: none
}

.third-party-authorization--new-style .google-authorization,
.third-party-authorization--new-style .twitter-auth {
    align-items: center;
    background: rgba(255, 255, 255, .1);
    border: none;
    border-radius: 90px;
    justify-content: center;
    padding: 10px 20px;
    transform: translateZ(0)
}

.third-party-authorization--new-style .google-authorization:hover,
.third-party-authorization--new-style .twitter-auth:hover {
    background: rgba(255, 255, 255, .2)
}

.third-party-authorization--new-style .google-authorization .google-authorization-icon,
.third-party-authorization--new-style .twitter-auth .twitter-auth-icon {
    border-right: none;
    padding: 0
}

.third-party-authorization--new-style .google-authorization .google-authorization-label,
.third-party-authorization--new-style .twitter-auth .twitter-auth-label {
    color: rgba(255, 255, 255, .5);
    display: inline;
    flex: 0;
    font-weight: 500;
    line-height: 20px;
    margin-left: 6px;
    font-size: .875rem
}

.third-party-authorization--new-style .twitter-auth .twitter-auth-icon {
    color: #449dda
}

.third-party-authorization--new-style.third-party-authorization--full-width .google-authorization-wrapper {
    max-width: none
}

.third-party-authorization--new-style.third-party-authorization--full-width .twitter-auth-wrapper {
    margin-left: 0;
    max-width: none
}

.wizard-auth-step {
    background-color: #f8f8f8;
    color: #000
}

.wizard-auth-step .wrapper {
    margin: 0 auto;
    max-width: 760px
}

.wizard-auth-step .suggestion-text {
    color: #4f4f4f;
    margin-bottom: 20px
}

.wizard-auth-step .password-description {
    margin: 8px 0 16px;
    opacity: .8;
    position: relative;
    text-align: center;
    width: 100%;
    font-size: .75rem
}

.wizard-auth-step .field-input {
    position: relative
}

.wizard-auth-step .signup .field-submit .btn.btn-action {
    max-width: 300px;
    width: 100%
}

.wizard-auth-step .auth-mode-toggler-wrapper {
    margin-bottom: 20px;
    display: flex;
    flex-direction: row
}

.wizard-auth-step .auth-mode-toggler-wrapper>div {
    border: 1px solid #ccc;
    border-radius: 20px;
    padding: 10px 25px;
    flex: 1;
    flex-basis: auto;
    flex-grow: 1;
    flex-shrink: 1
}

.wizard-auth-step .auth-mode-toggler-wrapper>div:first-of-type {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0
}

.wizard-auth-step .auth-mode-toggler-wrapper>div:last-of-type {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0
}

.wizard-auth-step .auth-mode-toggler-wrapper .selected {
    background-color: #f94d36;
    border-color: transparent;
    color: #fff
}

.wizard-auth-step .wizard-auth-step-wrapper {
    align-items: center;
    justify-content: center;
    margin: 0 auto;
    display: flex;
    flex-direction: column
}

.wizard-auth-step .wizard-auth-step-wrapper .username-form-wrapper {
    margin-top: 20px
}

.wizard-auth-step .wizard-auth-step-wrapper .username-form-wrapper-header {
    font-size: 1.25rem;
    line-height: 1.563rem
}

.wizard-auth-step .wizard-auth-step-wrapper .username-form-wrapper {
    text-align: center
}

.wizard-auth-step .wizard-auth-step-wrapper .email-form-wrapper,
.wizard-auth-step .wizard-auth-step-wrapper .login-form-wrapper,
.wizard-auth-step .wizard-auth-step-wrapper .third-party-authorization,
.wizard-auth-step .wizard-auth-step-wrapper .username-form-wrapper {
    width: 280px
}

.wizard-auth-step .wizard-auth-step-wrapper .signup-form {
    width: 280px
}

.wizard-auth-step .wizard-auth-step-wrapper .signup-form__clear-login-button,
.wizard-auth-step .wizard-auth-step-wrapper .signup-form__success-login-icon {
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    opacity: .6
}

.wizard-auth-step .wizard-auth-step-wrapper .signup-form__clear-login-button:hover,
.wizard-auth-step .wizard-auth-step-wrapper .signup-form__success-login-icon:hover {
    opacity: 1
}

.wizard-auth-step .wizard-auth-step-wrapper .field-forgot-password {
    margin: 16px 0 0;
    text-align: center
}

.wizard-auth-step .wizard-auth-step-wrapper .field {
    width: 100%
}

.wizard-auth-step .wizard-auth-step-wrapper .field-email,
.wizard-auth-step .wizard-auth-step-wrapper .field-password,
.wizard-auth-step .wizard-auth-step-wrapper .field-recaptcha {
    margin-top: 20px
}

.wizard-auth-step .wizard-auth-step-wrapper .field-submit {
    text-align: center
}

.wizard-auth-step .wizard-auth-step-wrapper .terms-link {
    color: #4f4f4f;
    margin-left: .3em
}

.wizard-auth-step .wizard-auth-step-wrapper .terms-link:hover {
    color: #4f4f4f
}

.wizard-auth-step .wizard-auth-step-wrapper .forgot-password,
.wizard-auth-step .wizard-auth-step-wrapper .terms-warning {
    color: #4f4f4f;
    font-weight: 400;
    margin-top: 10px
}

.wizard-auth-step .wizard-auth-step-wrapper .username-input-wrapper-input {
    margin: 20px 0
}

.wizard-auth-step .wizard-auth-step-wrapper .btn {
    margin-bottom: 0;
    margin-top: 20px
}

.wizard-auth-step .wizard-auth-step-wrapper .btn .active,
.wizard-auth-step .wizard-auth-step-wrapper .btn .hover,
.wizard-auth-step .wizard-auth-step-wrapper .btn:active,
.wizard-auth-step .wizard-auth-step-wrapper .btn:hover {
    background: #5b5b5b !important;
    color: #fff !important
}

.wizard-auth-step .wizard-auth-step-wrapper .add-email-input-wrapper input.input,
.wizard-auth-step .wizard-auth-step-wrapper .field input.input,
.wizard-auth-step .wizard-auth-step-wrapper .field-input input.input,
.wizard-auth-step .wizard-auth-step-wrapper .username-input-wrapper-input input.input {
    background-color: #fff;
    border-color: #d8d8d8;
    color: #4f4f4f;
    width: 100%
}

.wizard-auth-step .wizard-auth-step-wrapper .add-email-input-wrapper input.input::-moz-placeholder,
.wizard-auth-step .wizard-auth-step-wrapper .field input.input::-moz-placeholder,
.wizard-auth-step .wizard-auth-step-wrapper .field-input input.input::-moz-placeholder,
.wizard-auth-step .wizard-auth-step-wrapper .username-input-wrapper-input input.input::-moz-placeholder {
    color: #4f4f4f;
    opacity: .8
}

.wizard-auth-step .wizard-auth-step-wrapper .add-email-input-wrapper input.input::placeholder,
.wizard-auth-step .wizard-auth-step-wrapper .field input.input::placeholder,
.wizard-auth-step .wizard-auth-step-wrapper .field-input input.input::placeholder,
.wizard-auth-step .wizard-auth-step-wrapper .username-input-wrapper-input input.input::placeholder {
    color: #4f4f4f;
    opacity: .8
}

.wizard-auth-step .wizard-auth-step-wrapper .add-email-input-wrapper input[type=checkbox].checkbox+label,
.wizard-auth-step .wizard-auth-step-wrapper .field input[type=checkbox].checkbox+label,
.wizard-auth-step .wizard-auth-step-wrapper .field-input input[type=checkbox].checkbox+label,
.wizard-auth-step .wizard-auth-step-wrapper .username-input-wrapper-input 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='%234f4f4f' d='M8.55 8.55h82.9v82.9H8.55V8.55zM1 99h98V1H1v98z'/%3E%3C/svg%3E");
    background-size: 13px;
    color: #4f4f4f
}

.wizard-auth-step .wizard-auth-step-wrapper .add-email-input-wrapper input[type=checkbox].checkbox:checked+label,
.wizard-auth-step .wizard-auth-step-wrapper .field input[type=checkbox].checkbox:checked+label,
.wizard-auth-step .wizard-auth-step-wrapper .field-input input[type=checkbox].checkbox:checked+label,
.wizard-auth-step .wizard-auth-step-wrapper .username-input-wrapper-input 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='%234f4f4f'%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: #4f4f4f
}

.wizard-auth-step .wizard-auth-step-wrapper .forgot-password {
    color: #4f4f4f;
    text-align: center;
    font-size: .75rem
}

.wizard-auth-step .wizard-auth-step-wrapper .forgot-password a {
    color: #4f4f4f
}

.wizard-auth-step .wizard-auth-step-wrapper .forgot-password-link {
    color: #4f4f4f
}

.wizard-auth-step .wizard-auth-step-wrapper .third-party-authorization {
    margin-top: 5px
}

.wizard-auth-step .wizard-auth-step-wrapper .third-party-authorization .third-party-authorization-separator {
    color: #4f4f4f
}

.wizard-auth-step .wizard-auth-step-wrapper .third-party-authorization .third-party-authorization-separator:after,
.wizard-auth-step .wizard-auth-step-wrapper .third-party-authorization .third-party-authorization-separator:before {
    border-top: 1px solid #4f4f4f
}

.wizard-auth-step .wizard-auth-step-wrapper .generate-login-btn {
    align-items: center;
    background-color: #f5f5f5;
    border-radius: 20px;
    display: flex;
    height: 17px;
    justify-content: center;
    padding: 5px 10px;
    top: 6px;
    width: 17px
}

.wizard-auth-step .wizard-auth-step-wrapper .generate-login-btn .icon {
    color: rgba(0, 0, 0, .6);
    height: 17px;
    width: 17px
}

.wizard-auth-step .wizard-auth-step-wrapper .generate-login-btn span {
    color: rgba(0, 0, 0, .6);
    display: inline;
    font-size: 12px
}

.wizard-auth-step .wizard-auth-step-wrapper .generate-login-btn:hover .icon {
    color: #000
}

.wizard-auth-step .wizard-auth-step-wrapper .generate-login-btn:hover span {
    color: #000
}

.wizard-auth-step .wizard-auth-step-wrapper .wizard-auth-step-email-hint {
    background-color: #f7f7f7;
    border-radius: 2px;
    color: #000;
    font-size: 12px;
    line-height: 24px;
    padding: 10px;
    text-align: center;
    width: 100%
}

.wizard-auth-step .wizard-auth-step-wrapper .wizard-auth-step-email-hint .icon {
    color: #9f9f9f;
    height: 24px;
    vertical-align: top;
    width: 24px
}

.wizard-auth-step .wizard-auth-step-wrapper .add-email-input-wrapper {
    margin: 30px 0 0
}

.wizard-auth-step .wizard-auth-step-wrapper .email-form-wrapper .btn {
    width: 100%
}

@media screen and (max-width:767px) {
    .wizard-auth-step {
        padding: 0 20px
    }

    .wizard-auth-step .field-email,
    .wizard-auth-step .field-login,
    .wizard-auth-step .field-loginOrEmail,
    .wizard-auth-step .field-password {
        width: 100%
    }

    .wizard-auth-step .field-email {
        flex-direction: column
    }

    .wizard-auth-step .field-input {
        flex-basis: 100%;
        width: 100%
    }
}

@media screen and (max-width:479px) {
    .wizard-auth-step .wizard-auth-step-wrapper {
        width: 100%
    }

    .wizard-auth-step .recaptcha {
        margin: 10px 0;
        transform: scale(.9166666667);
        transform-origin: 0 0
    }
}

.wizard-auth-step-notice-container {
    background-color: #f7f7f7;
    border: 1px solid #dfdfdf;
    border-radius: 3px;
    padding: 20px;
    margin-bottom: 20px;
    color: #000
}

@media screen and (max-width:479px) {
    .wizard-auth-step-notice-container {
        overflow: hidden;
        overflow-wrap: break-word;
        padding: 8px
    }
}

.wizard-auth-step-notice-title {
    font-weight: 400;
    margin-bottom: 10px;
    font-size: 1.25rem
}

.wizard-auth-step-notice-subtitle:not(:last-child) {
    margin-bottom: 10px
}

.redeem-code-component-container {
    background-color: #f8f8f8;
    color: rgba(16, 16, 16, .8);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    flex-wrap: nowrap;
    width: 100%;
    height: 100%
}

.redeem-code-component-content {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    flex-wrap: nowrap;
    max-width: 540px;
    padding: 0 20px;
    padding-top: 40px;
    margin-top: auto;
    margin-bottom: 20px
}

@media screen and (max-width:1023px) {
    .redeem-code-component-content {
        margin-bottom: 50px
    }
}

@media screen and (max-width:639px) {
    .redeem-code-component-content {
        margin-bottom: 50px
    }
}

.redeem-code-component-logo {
    color: #912229;
    color: var(--primary-dark);
    height: 30px;
    margin: 0 0 30px 0;
    padding: 0
}

.redeem-code-component-title {
    max-width: 100%;
    color: #101010;
    font-size: 32px;
    line-height: 39px;
    text-align: center;
    margin-bottom: 20px
}

.redeem-code-component-description {
    max-width: 100%;
    margin-bottom: 30px;
    color: rgba(16, 16, 16, .8);
    font-size: 14px;
    line-height: 20px;
    text-align: center
}

.redeem-code-component-form {
    padding-bottom: 30px;
    border-bottom: 1px solid rgba(16, 16, 16, .2);
    margin-bottom: 20px
}

.redeem-code-component-disclaimer {
    color: rgba(16, 16, 16, .4);
    font-size: 12px;
    line-height: 20px;
    text-align: center
}

.redeem-code-component-footer {
    position: relative;
    display: flex;
    justify-content: flex-end;
    width: 100%;
    max-height: 155px;
    height: 20%;
    margin-top: auto
}

@media screen and (max-width:1023px) {
    .redeem-code-component-footer {
        max-height: 100px;
        height: 17%;
        min-height: 90px
    }
}

@media screen and (max-width:639px) {
    .redeem-code-component-footer {
        max-height: 75px;
        height: 15%;
        min-height: 60px
    }
}

.redeem-code-component-wave-background {
    width: 100%
}

.redeem-code-component-gift-icon {
    position: absolute;
    width: 12%;
    bottom: 85%;
    right: 8%
}

@media screen and (max-width:1023px) {
    .redeem-code-component-gift-icon {
        width: 12%;
        right: 8%;
        bottom: 65%
    }
}

@media screen and (max-width:639px) {
    .redeem-code-component-gift-icon {
        width: 17%;
        right: 8%;
        bottom: 60%
    }
}

.redeem-code-component-form-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: nowrap
}

@media screen and (max-width:479px) {
    .redeem-code-component-form-container {
        width: 100%
    }
}

.redeem-code-component-form-input-wrapper {
    margin-bottom: 30px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: nowrap;
    width: 300px
}

@media screen and (max-width:479px) {
    .redeem-code-component-form-input-wrapper {
        width: 100%
    }
}

.redeem-code-component-form-input {
    width: 100%
}

.redeem-code-component-form-button {
    font-weight: 700;
    margin: 0
}

.redeem-code-success-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    flex-wrap: nowrap;
    padding: 40px 20px;
    background-color: #f8f8f8;
    color: #101010;
    width: 100%;
    height: 100%
}

.redeem-code-success-icon {
    width: 96px;
    height: 96px;
    margin-bottom: 20px
}

.redeem-code-success-title {
    margin-bottom: 20px;
    font-size: 27px;
    line-height: 33px;
    font-weight: 500;
    color: #101010;
    text-align: center
}

.redeem-code-success-disclaimer {
    margin-bottom: 30px;
    font-size: 13px;
    line-height: 16px;
    font-weight: 400;
    color: rgba(16, 16, 16, .6);
    text-align: center
}

.redeem-code-success-button {
    font-weight: 700;
    margin: 0;
    padding-left: 28px;
    padding-right: 28px
}

.redeem-code-wizard-auth-notice.redeem-code-wizard-auth-notice {
    padding: 20px
}

.redeem-code-wizard-auth-notice-subtitle {
    font-weight: 700
}

.redeem-code-modal {
    padding: 20px;
    padding-top: 0
}

.redeem-code-modal .modal-content.modal-content {
    width: 100%;
    height: 100%;
    background-color: transparent;
    box-shadow: none
}

@media screen and (max-width:1023px) {
    .redeem-code-modal .modal-content.modal-content {
        height: auto
    }
}

.redeem-code-modal .modal-header.modal-header.modal-header.modal-header {
    padding-right: 0px;
    padding: 4px 0;
    margin-right: -6px
}

.redeem-code-modal .modal-header.modal-header.modal-header.modal-header .button-close {
    width: 32px;
    height: 32px;
    padding: 9px;
    color: rgba(248, 248, 248, .4)
}

.redeem-code-modal .modal-header.modal-header.modal-header.modal-header .button-close:hover {
    color: #f8f8f8
}

.redeem-code-modal .modal-header.modal-header.modal-header.modal-header .button-close .icon {
    height: 14px;
    width: 14px;
    margin: 0
}

.redeem-code-modal .modal-body {
    overflow: hidden;
    height: calc(100% - 42px);
    padding: 0;
    background-color: #f8f8f8;
    border-radius: 12px
}

.redeem-gift-modal-header-icon {
    filter: drop-shadow(0px 0px 40px #b80000);
    height: 143px;
    width: 144px
}

@media screen and (max-width:639px) {
    .redeem-gift-modal-header-icon {
        height: 62px;
        width: 63px
    }
}

.redeem-gift-avatar {
    border-color: #f8f8f8;
    box-shadow: #b80000 0 0 100px;
    width: 164px;
    height: 164px
}

@media screen and (max-width:639px) {
    .redeem-gift-avatar {
        box-shadow: #b80000 0 0 50px;
        width: 112px;
        height: 112px
    }
}

.redeem-gift-avatar .live-badge {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 76px;
    height: 36px;
    border: 3px solid #760303;
    font-size: 20px
}

@media screen and (max-width:639px) {
    .redeem-gift-avatar .live-badge {
        width: 54px;
        height: 27px;
        border: 3px solid #6e0303;
        font-size: 12px
    }
}

.redeem-gift-avatar-icon-1 {
    position: absolute;
    width: 36px;
    height: 33px;
    top: 64px;
    left: -16px;
    transform: translateX(-100%) rotate(-15deg)
}

@media screen and (max-width:639px) {
    .redeem-gift-avatar-icon-1 {
        width: 26px;
        height: 24px;
        top: 31px;
        left: -8px
    }
}

.redeem-gift-avatar-icon-2 {
    position: absolute;
    width: 61px;
    height: 56px;
    top: 107px;
    right: -4px;
    transform: translateX(100%) rotate(16deg)
}

@media screen and (max-width:639px) {
    .redeem-gift-avatar-icon-2 {
        width: 45px;
        height: 42px;
        top: 59px;
        right: -4px
    }
}

.redeem-gift-body-container {
    display: flex;
    flex-flow: column nowrap;
    align-items: center;
    text-align: center
}

.redeem-gift-body {
    display: flex;
    flex-flow: column nowrap;
    align-items: center;
    text-align: center;
    position: relative;
    border: 2px solid rgba(250, 168, 30, .2);
    margin-bottom: 27px;
    background-color: rgba(255, 255, 255, .04);
    color: #fff;
    padding: 32px 64px;
    padding-bottom: 54px;
    border-radius: 40px;
    font-size: 16px;
    font-weight: 400;
    letter-spacing: normal;
    line-height: 26px
}

@media screen and (max-width:639px) {
    .redeem-gift-body {
        color: rgba(255, 255, 255, .8);
        padding: 16px;
        padding-bottom: 38px;
        border-radius: 32px;
        font-size: 13px;
        font-weight: 400;
        letter-spacing: normal;
        line-height: 20px
    }
}

.redeem-gift-body-title {
    font-size: 24px;
    font-weight: 700;
    letter-spacing: normal;
    line-height: normal;
    color: #faa81e;
    margin-bottom: 16px
}

@media screen and (max-width:639px) {
    .redeem-gift-body-title {
        font-size: 18px;
        font-weight: 400;
        letter-spacing: normal;
        line-height: 23px
    }
}

.redeem-gift-body-action-container {
    position: absolute;
    left: 50%;
    top: 100%;
    transform: translate(-50%, -50%)
}

.redeem-gift-body-action {
    margin: 0;
    background-color: #faa81e;
    color: #410e0e;
    font-weight: 700;
    display: flex;
    align-items: center;
    border-width: 0;
    height: 54px;
    padding: 0 70px;
    font-size: 18px;
    font-weight: 700;
    letter-spacing: normal;
    line-height: 22px
}

@media screen and (max-width:639px) {
    .redeem-gift-body-action {
        height: 40px;
        padding: 0 40px;
        font-size: 14px;
        font-weight: 700;
        letter-spacing: normal;
        line-height: normal
    }
}

.redeem-gift-body-action .icon {
    fill: currentColor
}

.redeem-gift-body-action:focus,
.redeem-gift-body-action:hover {
    color: #410e0e;
    background-color: #fbc932
}

.redeem-gift-body-action:focus .icon,
.redeem-gift-body-action:hover .icon {
    fill: currentColor
}

.redeem-gift-body-tooltip-popover {
    font-size: 14px;
    font-weight: 700;
    letter-spacing: normal;
    line-height: normal;
    background-color: #fff;
    color: #410e0e;
    padding: 8px 24px;
    border-radius: 2px
}

.redeem-gift-body-footer {
    margin-top: 10px;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: normal;
    line-height: 24px
}

@media screen and (max-width:639px) {
    .redeem-gift-body-footer {
        font-size: 12px;
        font-weight: 400;
        letter-spacing: normal;
        line-height: 18px
    }
}

.redeem-gift-body-footer a {
    color: rgba(255, 255, 255, .8);
    text-decoration: underline
}

.redeem-gift-body-footer a:hover {
    color: #fff
}

.redeem-gift-container {
    background: radial-gradient(60% 70% at 50% 200px, #700000 0%, rgba(0, 0, 0, 0) 100%), #000;
    display: flex;
    flex-flow: column nowrap;
    align-items: center;
    justify-content: flex-start;
    position: relative;
    overflow: hidden;
    padding: 20px;
    padding-top: 64px
}

@media screen and (max-width:639px) {
    .redeem-gift-container {
        padding: 20px 16px;
        background: radial-gradient(60% 70% at 50% 16%, #700000 0%, rgba(0, 0, 0, 0) 100%), #000
    }
}

.redeem-gift-container-background {
    position: absolute;
    z-index: 0;
    top: 95px;
    bottom: 0;
    width: 100%;
    left: 50%;
    transform: translate(-50%, 0%);
    max-width: 1500px
}

@media screen and (max-width:639px) {
    .redeem-gift-container-background {
        display: none
    }
}

.redeem-gift-container>* {
    z-index: 1
}

.redeem-gift-footer {
    color: rgba(255, 255, 255, .4);
    display: flex;
    flex-flow: column nowrap;
    align-items: center;
    text-align: center;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: normal;
    line-height: 24px
}

@media screen and (max-width:639px) {
    .redeem-gift-footer {
        font-size: 12px;
        font-weight: 400;
        letter-spacing: normal;
        line-height: 18px
    }
}

.redeem-gift-header {
    display: flex;
    flex-flow: column nowrap;
    align-items: center;
    text-align: center
}

.redeem-gift-header-icon-container {
    position: relative;
    min-height: 145px;
    min-width: 145px;
    margin-bottom: 20px
}

@media screen and (max-width:639px) {
    .redeem-gift-header-icon-container {
        min-height: 62px;
        min-width: 62px;
        margin-bottom: 16px
    }
}

.redeem-gift-header-text {
    color: #f8f8f8;
    font-size: 32px;
    font-weight: 500;
    letter-spacing: normal;
    line-height: 48px
}

@media screen and (max-width:639px) {
    .redeem-gift-header-text {
        font-size: 20px;
        font-weight: 700;
        letter-spacing: normal;
        line-height: 28px
    }
}

.redeem-gift-purchase-success-modal-content {
    background-color: #000
}

.redeem-gift-purchase-success-modal-container {
    padding: 40px
}

.redeem-gift-purchase-success-modal-container-background {
    bottom: 0;
    top: -80px;
    width: 200%;
    left: 50%;
    transform: translate(-50%, 0%);
    max-width: unset
}

.redeem-gift-purchase-success-modal-header {
    margin-bottom: 32px
}

.redeem-gift-purchase-success-modal-header-text {
    font-size: 36px;
    font-weight: 700;
    letter-spacing: normal;
    line-height: 46px
}

@media screen and (max-width:639px) {
    .redeem-gift-purchase-success-modal-header-text {
        font-size: 20px;
        font-weight: 700;
        letter-spacing: normal;
        line-height: 28px
    }
}

.redeem-gift-purchase-success-modal-body {
    margin-bottom: 32px;
    max-width: 680px
}

.redeem-gift-purchase-success-modal-title-accent {
    color: #feb601
}

.redeem-gift-purchase-success-modal-modelname {
    color: #ff3642
}

.redeem-gift-purchase-success-modal-action-icon {
    width: 21px;
    height: 21px;
    margin-right: 13px
}

.redeem-gift-purchase-success-modal-footer-accent {
    color: #f8f8f8
}

.tokens-sent-success-modal-content {
    background-color: #000
}

.tokens-sent-success-modal-container {
    padding: 40px
}

.tokens-sent-success-modal-header {
    margin-bottom: 32px
}

.tokens-sent-success-modal-header-text {
    font-size: 36px;
    font-weight: 700;
    letter-spacing: normal;
    line-height: 46px
}

@media screen and (max-width:639px) {
    .tokens-sent-success-modal-header-text {
        font-size: 20px;
        font-weight: 700;
        letter-spacing: normal;
        line-height: 28px
    }
}

.tokens-sent-success-modal-body {
    max-width: 680px
}

@media screen and (max-width:639px) {
    .tokens-sent-success-modal-body {
        padding-bottom: 16px
    }
}

.tokens-sent-success-modal-header-chevron {
    bottom: -16px;
    position: absolute;
    right: -16px
}

@media screen and (max-width:639px) {
    .tokens-sent-success-modal-header-chevron {
        bottom: -8px;
        right: -8px;
        width: 32px
    }
}

.tokens-sent-success-modal-title-accent {
    color: #feb601
}

.tokens-sent-success-modal-recipient-username {
    color: #fff
}

.add-to-favorites-limit-modal.modal-wrapper .modal-content .modal-body {
    background-color: #2f2f2f;
    display: block
}

.add-to-favorites-limit-modal .modal-body {
    align-items: center;
    background-color: #2f2f2f;
    box-shadow: 0 20px 30px rgba(0, 0, 0, .3);
    color: #fff;
    justify-content: center;
    padding: 20px 40px;
    text-align: center;
    display: flex;
    flex-direction: column
}

.add-to-favorites-limit-modal .modal-body .add-to-favorites-limit-modal-title {
    font-weight: 400;
    margin-top: 30px;
    opacity: .8;
    font-size: 1.5rem;
    line-height: 1.875rem
}

.add-to-favorites-limit-modal .modal-body .add-to-favorites-limit-modal-description {
    font-weight: 400;
    margin-top: 12px;
    opacity: .6;
    font-size: .875rem;
    line-height: 1.25rem
}

.add-to-favorites-limit-modal .modal-body .btn-default-filled {
    margin-top: 30px;
    padding: 6px 30px
}

.add-to-favorites-limit-modal .modal-body .icon-blocked {
    fill: #fff;
    margin: 40px 0 0 0;
    opacity: .6
}

.add-to-favorites-limit-modal .modal-content {
    width: 420px
}

@media screen and (max-width:479px) {
    .add-to-favorites-limit-modal .modal-content {
        width: calc(100vw - 20px)
    }
}

.add-to-subscription-modal.modal-wrapper .modal-content .modal-body {
    background-color: #2f2f2f;
    display: block
}

.add-to-subscription-modal .modal-body {
    align-items: center;
    background-color: #2f2f2f;
    box-shadow: 0 20px 30px rgba(0, 0, 0, .3);
    color: #fff;
    justify-content: center;
    padding: 20px 40px;
    text-align: center;
    display: flex;
    flex-direction: column
}

.add-to-subscription-modal .modal-body .add-to-subscription-modal-title {
    font-weight: 400;
    margin-top: 30px;
    opacity: .8;
    font-size: 1.5rem;
    line-height: 1.875rem
}

.add-to-subscription-modal .modal-body .add-to-subscription-modal-description {
    font-weight: 400;
    margin-top: 12px;
    opacity: .6;
    font-size: .875rem;
    line-height: 1.25rem
}

.add-to-subscription-modal .modal-body .btn-default-filled {
    margin-top: 30px;
    padding: 3px 30px
}

.add-to-subscription-modal .modal-body .icon-notification-in-circle {
    fill: #fff;
    margin: 40px 0 0 0;
    opacity: .6
}

.add-to-subscription-modal .modal-content {
    width: 420px
}

@media screen and (max-width:479px) {
    .add-to-subscription-modal .modal-content {
        width: calc(100vw - 20px)
    }
}

.forgot-password {
    display: inline-block;
    position: relative;
    vertical-align: top
}

.forgot-password__title {
    color: #f8f8f8;
    font-weight: 700;
    margin-bottom: 30px;
    opacity: .8;
    font-size: 1.5rem;
    line-height: 1.75rem
}

.forgot-password__header {
    display: flex;
    justify-content: flex-end
}

.forgot-password__close-button {
    cursor: pointer;
    padding: 10px 5px 10px 10px
}

.forgot-password__close-button .forgot-password__close-icon {
    color: rgba(255, 255, 255, .4);
    height: 13px;
    margin-right: 0;
    transition: all .25s ease-in-out;
    width: 13px
}

.forgot-password__close-button:hover .forgot-password__close-icon {
    color: rgba(255, 255, 255, .8);
    margin-right: 0
}

.forgot-password__form {
    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: 0px 20px 40px rgba(0, 0, 0, .5);
    padding: 35px;
    text-align: center;
    width: 320px
}

.forgot-password__field {
    margin-bottom: 20px
}

.forgot-password__recaptcha {
    transform: scale(.82);
    transform-origin: 0 0
}

.forgot-password__input {
    width: 100%
}

.forgot-password__submit {
    width: 100%
}

.forgot-password__footer {
    padding: 10px 0;
    text-align: center
}

.forgot-password__footer-link {
    color: #fff;
    font-weight: 500;
    opacity: .8;
    font-size: .75rem;
    line-height: .938rem
}

.forgot-password__footer-link:hover {
    color: #fff;
    opacity: 1;
    text-decoration: none
}

.external-login-banner {
    background: #ebebeb
}

.external-login-banner .external-login-banner-link {
    align-items: center;
    height: 37px;
    justify-content: center;
    text-decoration: none;
    display: flex;
    flex-direction: row
}

.external-login-banner .external-login-banner-logo {
    background-repeat: no-repeat;
    background-size: contain;
    height: 23px;
    margin: 0 5px 0 0;
    width: 23px
}

.external-login-banner .external-login-banner-link-text {
    color: #4c4d4e;
    font-weight: 700;
    font-size: .75rem
}

.login-form__field {
    margin-bottom: 20px
}

.login-form__recaptcha {
    transform: scale(.82);
    transform-origin: 0 0
}

.login-form__input {
    width: 100%
}

.login-form__submit {
    width: 100%
}

.login-form__error-message {
    white-space: break-spaces
}

.login-form__error-message a.login-form__error-link.login-form__error-link {
    font-weight: 500
}

@media screen and (max-width:1023px) {
    .login-form__error-message a.login-form__error-link.login-form__error-link {
        color: #e4e4e4
    }
}

.login-form .forgot-password-link {
    display: inline-block;
    padding-top: 5px;
    font-size: .875rem
}

.login-form .forgot-password-link:hover {
    text-decoration: none
}

.login-without-password-link {
    align-items: center;
    color: #a4a4a4;
    display: inline-flex;
    padding-top: 15px;
    font-size: .875rem
}

.login-without-password-link:hover {
    color: #f8f8f8;
    text-decoration: none
}

.login-without-password-link:hover .login-without-password-link__icon {
    background-color: #f8f8f8
}

.login-without-password-link__icon {
    background-color: #a4a4a4;
    display: inline-block;
    height: 20px;
    margin-right: 10px;
    -webkit-mask-image: url(/assets/users/components/ui/Login/LoginWithoutPasswordLinkStyled/images/sparkles.svg);
    mask-image: url(/assets/users/components/ui/Login/LoginWithoutPasswordLinkStyled/images/sparkles.svg);
    width: 20px
}

.sign-up-new-banner-user-invite {
    align-items: center;
    display: flex;
    flex-direction: column;
    padding: 70px 40px 65px;
    position: relative
}

.sign-up-new-banner-user-invite:before {
    background-color: rgba(0, 0, 0, .15);
    bottom: 50px;
    content: "";
    left: 0;
    position: absolute;
    top: 50px;
    width: 4px
}

.sign-up-new-banner-user-invite__bubble {
    background: rgba(255, 255, 255, .15);
    border-radius: 20px;
    color: #fff;
    font-size: 16px;
    line-height: 140%;
    margin-bottom: 25px;
    opacity: .8;
    padding: 20px 25px;
    position: relative;
    width: 265px
}

.sign-up-new-banner-user-invite__bubble:before {
    background: linear-gradient(-45deg, rgba(255, 255, 255, .15) 0%, rgba(255, 255, 255, .15) 50%, transparent 50%);
    border-bottom-right-radius: 4px;
    bottom: -10px;
    content: "";
    height: 20px;
    left: calc(50% - 10px);
    position: absolute;
    transform: rotate(45deg);
    width: 20px
}

.sign-up-new-banner-user-invite__emoji-wrapper {
    position: relative;
    white-space: nowrap
}

.sign-up-new-banner-user-invite__emoji {
    height: 26px;
    transform: rotate(-15deg);
    width: 26px
}

.sign-up-new-banner-user-invite__avatar {
    border-radius: 90px;
    height: 68px;
    margin-bottom: 4px;
    width: 68px
}

.sign-up-new-banner-user-invite__avatar--model {
    background-clip: content-box;
    border: 6px solid rgba(255, 255, 255, .15)
}

.sign-up-new-banner-user-invite__username {
    color: rgba(255, 255, 255, .5);
    font-size: 12px;
    margin-bottom: 25px
}

.sign-up-new-banner-user-invite .sign-up-new-banner-user-invite__benefits {
    margin-top: auto
}

.sign-up-new-banner-free-tokens {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 0px 40px 65px;
    position: relative
}

.sign-up-new-banner-free-tokens:before {
    background-color: rgba(0, 0, 0, .15);
    bottom: 50px;
    content: "";
    left: 0;
    position: absolute;
    top: 50px;
    width: 4px
}

.sign-up-new-banner-free-tokens__banner {
    padding-top: 180px;
    position: relative;
    text-align: center;
    width: 100%
}

.sign-up-new-banner-free-tokens__banner:after {
    background-image: url(/assets/users/components/ui/SignUp/images/50-free-tokens-coins.png);
    background-position: top center;
    background-repeat: no-repeat;
    background-size: 300px auto;
    bottom: 0;
    content: "";
    left: 0;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 0
}

.sign-up-new-banner-free-tokens__top-text {
    color: #1e9b4b;
    font-size: 30px;
    font-weight: 900;
    letter-spacing: .03em;
    line-height: 30px;
    text-transform: uppercase
}

.sign-up-new-banner-free-tokens__bottom-text {
    color: rgba(255, 255, 255, .5);
    font-size: 18px;
    font-style: italic;
    font-weight: 500;
    letter-spacing: .02em;
    line-height: 18px
}

.sign-up-new-banner-image {
    align-items: center;
    background-position: center top;
    background-size: cover;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    padding: 0 40px 55px;
    position: relative
}

.sign-up-new-banner-image--model {
    padding-bottom: 40px
}

.sign-up-new-banner-image__caption {
    bottom: 25px;
    color: rgba(255, 255, 255, .3);
    font-size: 9px;
    position: absolute;
    right: 30px
}

.sign-up-new-banner-image .sign-up-new-banner-image__faq-link--model {
    align-items: center;
    color: #1e9b4b;
    display: flex;
    font-size: 16px;
    font-weight: 500;
    line-height: 20px;
    margin-top: 30px;
    text-decoration: none
}

.sign-up-new-banner-image .sign-up-new-banner-image__faq-link--model:hover {
    color: #27bd5e
}

.sign-up-new-banner-image .sign-up-new-banner-image__faq-link--model .icon {
    height: 13px;
    margin-right: 8px;
    width: 13px
}

.sign-up-new-banner-image__faq-link--studio {
    color: #f8f8f8;
    font-size: 12px;
    position: absolute;
    right: 22px;
    text-decoration: underline;
    top: 28px
}

.sign-up-new-banner-image__faq-link--studio:hover {
    color: rgba(248, 248, 248, .8)
}

.sign-up-new-banner-ultimate {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    padding: 45px 40px 65px;
    position: relative
}

.sign-up-new-banner-ultimate:before {
    background-color: rgba(0, 0, 0, .15);
    bottom: 50px;
    content: "";
    left: 0;
    position: absolute;
    top: 50px;
    width: 4px
}

.sign-up-new-banner-ultimate__star-wrapper {
    border-radius: 60px;
    box-shadow: 0px 20px 150px red;
    height: 100px;
    margin-bottom: 18px;
    position: relative;
    width: 100px;
    z-index: 1
}

.sign-up-new-banner-ultimate__star {
    height: 100%;
    transform: scale(1.3186813187);
    width: 100%
}

.sign-up-new-banner-ultimate__bubble {
    background: rgba(255, 255, 255, .15);
    border-radius: 20px;
    color: #fff;
    font-size: 16px;
    line-height: 140%;
    opacity: .8;
    padding: 20px 30px;
    width: 265px
}

.sign-up-new-banner-ultimate__accent-word {
    color: #fe0b00
}

.sign-up-new-banner-ultimate .sign-up-new-banner-ultimate__benefits {
    margin-top: auto
}

.sign-up-new-form__field {
    opacity: 1;
    position: initial;
    visibility: visible
}

.sign-up-new-form__field--hidden {
    opacity: 0;
    position: absolute;
    visibility: hidden
}

.sign-up-new-form__field:not(:first-child) {
    margin-top: 20px
}

.sign-up-new-form__input-wrapper {
    position: relative
}

.sign-up-new-form__input--with-icon {
    padding-right: 40px !important
}

.sign-up-new-form__input-icon {
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%)
}

.sign-up-new-form__field-description {
    color: rgba(255, 255, 255, .3);
    font-size: 14px;
    margin-top: 7px;
    text-align: center
}

.sign-up-new-form__recaptcha-wrapper {
    margin-top: 15px
}

.sign-up-new-form__submit {
    margin-top: 20px
}

.sign-up-new-form__recaptcha-wrapper+.sign-up-new-form__submit {
    margin-top: 15px
}

.sign-up-new-form__submit-btn {
    margin: 0
}

@media screen and (max-width:1023px) {
    .sign-up-new-form__field:not(:first-child) {
        margin-top: 16px
    }

    .sign-up-new-form__field-description {
        font-size: 12px;
        margin-top: 5px
    }

    .sign-up-new-form__recaptcha-wrapper,
    .sign-up-new-form__submit {
        margin-top: 16px
    }

    .sign-up-new-form__field--with-description+.sign-up-new-form__recaptcha-wrapper,
    .sign-up-new-form__field--with-description+.sign-up-new-form__submit {
        margin-top: 6px
    }

    .sign-up-new-form__recaptcha-wrapper+.sign-up-new-form__submit {
        margin-top: 12px
    }

    .sign-up-new-form__recaptcha {
        height: 62px;
        transform: scale(.82);
        transform-origin: 0 0
    }
}

.sign-up-new-form__clear-login-button {
    opacity: .6
}

.sign-up-new-form__clear-login-button:hover {
    opacity: 1
}

.btn.sign-up-new-switch-button {
    align-items: center;
    background: 0 0;
    color: rgba(255, 255, 255, .5);
    display: flex;
    font-size: 12px;
    font-weight: 500;
    line-height: 45px;
    transition: all ease-in-out .1s
}

.btn.sign-up-new-switch-button,
.btn.sign-up-new-switch-button:active,
.btn.sign-up-new-switch-button:focus,
.btn.sign-up-new-switch-button:hover {
    border: 0;
    margin: 0;
    padding: 0
}

.btn.sign-up-new-switch-button .icon {
    color: #fff;
    fill: #fff;
    height: 17px;
    margin-right: 8px;
    opacity: .8;
    transition: all ease-in-out .1s;
    width: 17px
}

.btn.sign-up-new-switch-button:hover {
    color: #fff
}

.btn.sign-up-new-switch-button:hover .icon {
    opacity: 1
}

@media screen and (max-width:1023px) {
    .btn.sign-up-new-switch-button {
        font-size: 15px;
        line-height: 44px
    }

    .btn.sign-up-new-switch-button:hover {
        color: rgba(255, 255, 255, .5)
    }

    .btn.sign-up-new-switch-button .icon,
    .btn.sign-up-new-switch-button:hover .icon {
        height: 19px;
        opacity: .5;
        padding-top: 2px;
        width: 19px
    }
}

.sign-up-new {
    text-align: left
}

.sign-up-new__header {
    height: 50px;
    position: relative
}

.sign-up-new__site-logo {
    background-position: center bottom 16px;
    background-repeat: no-repeat;
    background-size: auto 24px;
    bottom: 0;
    height: 50px;
    position: absolute;
    width: 100%
}

.sign-up-new__site-logo--xhl {
    background-position: center bottom 12px;
    background-size: auto 28px
}

.sign-up-new__close-btn {
    bottom: 0px;
    color: rgba(255, 255, 255, .4);
    cursor: pointer;
    height: 30px;
    position: absolute;
    right: 0px;
    text-align: center;
    width: 30px
}

.sign-up-new__close-btn:hover {
    color: rgba(255, 255, 255, .8)
}

.sign-up-new__close-btn .icon {
    height: 100%;
    margin: 0;
    width: 14px
}

.sign-up-new__body {
    background: radial-gradient(46.7% 141.3% at 0% 100%, rgba(223, 240, 255, .2) 0%, rgba(76, 136, 188, .06) .01%, rgba(76, 136, 188, 0) 100%), radial-gradient(102.4% 136.98% at 92.28% 0%, rgba(211, 0, 17, .16) 0%, rgba(211, 0, 17, .16) 40.91%, rgba(211, 0, 17, 0) 100%), #1d1d1d;
    border-radius: 10px;
    box-shadow: 0px 10px 50px rgba(0, 0, 0, .5);
    display: flex;
    min-height: 550px
}

.sign-up-new__left {
    display: flex;
    flex-direction: column;
    padding-bottom: 25px;
    position: relative;
    width: 450px
}

.sign-up-new__left-datadom-iframe {
    background: #fff;
    height: 100%;
    position: absolute;
    width: 100%
}

.sign-up-new__left-top {
    flex-grow: 1
}

.sign-up-new__title {
    color: rgba(248, 248, 248, .8);
    font-size: 24px;
    font-weight: 700;
    padding: 65px 10px 25px;
    text-align: center
}

.sign-up-new__emoji-wrapper {
    position: relative;
    white-space: nowrap
}

.sign-up-new__emoji {
    height: 26px;
    transform: rotate(-15deg);
    width: 26px
}

.sign-up-new__right {
    width: 450px
}

.sign-up-new__banner {
    border-radius: 0 10px 10px 0;
    height: 100%
}

.sign-up-new__center-wrapper {
    margin: auto;
    width: 300px
}

.sign-up-new__third-party-authorization {
    margin-top: 5px
}

.sign-up-new__third-party-authorization--top {
    margin-bottom: 13px;
    margin-top: 0
}

.sign-up-new__form-bottom-actions {
    margin: 18px 10px 0;
    text-align: center
}

.sign-up-new__form-bottom-actions:first-child {
    margin-top: 0
}

.sign-up-new__login-proposal {
    color: rgba(255, 255, 255, .3);
    font-size: 14px;
    font-weight: 500;
    line-height: 17px
}

.sign-up-new__login-link {
    color: #fff;
    opacity: .8
}

.sign-up-new__login-link:hover {
    color: #fff;
    opacity: 1;
    text-decoration: none
}

.sign-up-new__footer {
    align-items: center;
    display: grid;
    grid-template-columns: 1fr 1fr;
    justify-items: center
}

.sign-up-new__terms-warning {
    color: rgba(255, 255, 255, .5);
    font-size: 12px;
    font-weight: 500;
    line-height: 18px;
    margin-top: 12px;
    width: 80%;
    text-align: center
}

.sign-up-new__terms-warning--with-extra-policy {
    margin-top: 16px
}

.sign-up-new__terms-warning a {
    color: rgba(255, 255, 255, .8)
}

.sign-up-new__terms-warning a:active,
.sign-up-new__terms-warning a:focus,
.sign-up-new__terms-warning a:hover {
    color: #fff;
    text-decoration: none
}

.sign-up-new__without-email-btn {
    background: 0 0;
    border: 2px solid rgba(255, 255, 255, .15);
    color: rgba(255, 255, 255, .5);
    font-weight: 500;
    margin-top: 12px;
    width: 100%;
    line-height: 2.25rem;
    font-size: .875rem;
    transition: all 120ms ease-in-out 0s
}

.sign-up-new__without-email-btn:hover {
    background: rgba(255, 255, 255, .2);
    border-color: transparent;
    color: rgba(255, 255, 255, .5)
}

.sign-up-new__without-email-btn--big-margin {
    margin-top: 46px
}

@media screen and (max-width:1023px) {
    .sign-up-new__site-logo {
        background-position: center bottom 8px;
        background-size: auto 22px
    }

    .sign-up-new__body {
        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: 0px 20px 40px rgba(0, 0, 0, .9);
        min-height: 380px
    }

    .sign-up-new__left {
        max-width: calc(100vw - 20px);
        padding-bottom: 20px;
        width: 320px
    }

    .sign-up-new__center-wrapper {
        width: 250px
    }

    .sign-up-new__title {
        padding: 25px 10px
    }

    .sign-up-new__title--giveaway,
    .sign-up-new__title--model-invite {
        font-size: 16px;
        font-weight: 400;
        line-height: 24px;
        position: relative
    }

    .sign-up-new__title--giveaway:before,
    .sign-up-new__title--model-invite:before {
        background-color: #4c3335;
        border-radius: 12px 12px 0 0;
        clip: rect(auto, auto, 6px, auto);
        content: "";
        height: 12px;
        left: 0;
        position: absolute;
        top: 0;
        width: 100%
    }

    .sign-up-new__title--giveaway {
        padding-top: 40px
    }

    .sign-up-new__title--giveaway:after {
        background-image: url(/assets/users/components/ui/SignUp/images/50-free-tokens-mobile.png);
        background-repeat: no-repeat;
        background-size: contain;
        content: "";
        height: 124px;
        left: 0;
        margin: auto;
        position: absolute;
        right: 0;
        top: -56px;
        width: 124px
    }

    .sign-up-new__title--model-invite {
        padding-top: 55px
    }

    .sign-up-new__mobile-free-tokens {
        color: #1e9b4b;
        font-size: 16px;
        font-weight: 700;
        letter-spacing: .03em;
        line-height: 100%;
        margin-bottom: 15px;
        text-align: center;
        text-transform: uppercase
    }

    .sign-up-new .sign-up-new__mobile-user-avatar {
        border-radius: 90px;
        border-width: 6px;
        box-shadow: 0px 10px 20px rgba(43, 0, 0, .3);
        height: 84px;
        left: 0;
        margin: auto;
        position: absolute;
        right: 0;
        top: -37px;
        width: 84px
    }

    .sign-up-new .sign-up-new__mobile-user-avatar:not(.avatar-league-background) {
        background-color: #1d1d1d
    }

    .sign-up-new .sign-up-new__mobile-user-avatar--model {
        border-color: #4c3335
    }

    .sign-up-new__mobile-user-name {
        color: #f8f8f8;
        font-size: 12px;
        font-weight: 500;
        letter-spacing: .04em;
        line-height: 140%;
        margin-bottom: 10px;
        opacity: .5
    }

    .sign-up-new__mobile-user-title {
        margin: 0 auto;
        max-width: 250px
    }

    .sign-up-new__right {
        display: none
    }

    .sign-up-new__footer {
        align-items: center;
        display: flex;
        justify-content: center
    }

    .sign-up-new__terms-warning {
        color: rgba(248, 248, 248, .4);
        font-size: 10px;
        line-height: 16px;
        width: 100%
    }

    .sign-up-new__terms-warning a {
        color: inherit
    }

    .sign-up-new__terms-warning a:active,
    .sign-up-new__terms-warning a:focus,
    .sign-up-new__terms-warning a:hover {
        color: rgba(248, 248, 248, .8)
    }

    .sign-up-new__login-proposal {
        color: rgba(255, 255, 255, .5);
        font-size: 11px;
        line-height: 30px
    }

    .sign-up-new__login-link {
        color: rgba(255, 255, 255, .8)
    }

    .sign-up-new__login-link:hover {
        color: #fff;
        opacity: 1
    }

    .sign-up-new__login-short-link,
    .sign-up-new__login-short-link:hover {
        color: #1e9b4b;
        font-size: 15px;
        font-weight: 700;
        line-height: 44px;
        text-decoration: none
    }

    .sign-up-new__footer-delimiter {
        color: rgba(255, 255, 255, .3);
        font-size: 13px;
        font-weight: 500;
        line-height: 44px;
        padding: 0 17px 0 16px
    }

    .sign-up-new__footer-delimiter:last-child {
        display: none
    }
}

.change-username-action-modal .modal-content.modal-header-outside {
    max-width: 100vw
}

@media (max-width:500px) {
    .change-username-action-modal .modal-content.modal-header-outside {
        padding-left: 20px;
        padding-right: 20px
    }
}

.change-username-action-modal .modal-content.modal-header-outside .modal-body {
    background-color: #303133;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 16px;
    flex-direction: column;
    padding: 50px 40px;
    width: 500px;
    max-width: 100%
}

.change-username-action-modal__icon {
    margin: 0
}

.change-username-action-modal__icon.icon-check-in-circle {
    color: #728a3c
}

.change-username-action-modal__icon.icon-exclamation-circle {
    color: #e52030
}

.change-username-action-modal__icon.icon-exclamation {
    color: #f1ab15
}

.change-username-action-modal__title {
    font-size: 26px;
    font-weight: 500;
    letter-spacing: normal;
    line-height: normal;
    margin-top: 35px;
    text-align: center
}

.change-username-action-modal__description {
    margin-top: 15px;
    color: rgba(248, 248, 248, .6);
    text-align: center
}

.change-username-action-modal__accent {
    color: #f8f8f8
}

.change-username-action-modal__button {
    margin: 30px 0 0;
    min-width: 90px
}

.change-username-lock-modal .modal-body {
    background-color: #303133;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 16px;
    flex-direction: column;
    padding: 60px 40px
}

.change-username-lock-modal__text {
    font-size: 26px;
    font-weight: 600;
    letter-spacing: normal;
    line-height: normal;
    margin-top: 50px;
    text-align: center
}

.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
}

.edit-access-modal .disabled.select-option {
    color: rgba(255, 255, 255, .4)
}

.edit-access-modal.select .select-menu-outer {
    max-height: 260px
}

.edit-access-modal.select .scroll-bar-container {
    max-height: 258px
}

.create-album-modal .modal-body {
    min-width: 500px
}

.create-album-modal .form-row {
    align-items: center;
    margin-bottom: 10px;
    display: flex;
    flex-direction: row
}

.create-album-modal .form-input-group,
.create-album-modal .form-select-group {
    flex: 1;
    flex-basis: 65%;
    flex-grow: 0;
    flex-shrink: 1
}

.create-album-modal .form-label {
    text-align: left;
    flex: 1;
    flex-basis: 35%;
    flex-grow: 0;
    flex-shrink: 1
}

.create-album-modal .form-label .cost-label.disabled {
    opacity: .33
}

.create-album-modal .form-label .help-tooltip {
    margin-left: 10px;
    text-indent: initial
}

.create-album-modal .form-label .cost-label {
    white-space: nowrap
}

.create-album-modal .form-input,
.create-album-modal .form-select {
    width: 100%
}

.create-album-modal .form-buttons-row {
    justify-content: center;
    margin-top: 20px;
    display: flex;
    flex-direction: row
}

.create-album-modal__publish-forbidden-tooltip {
    border-color: #ffa900;
    color: #ffa900
}

.create-album-modal__publish-forbidden-tooltip:hover {
    background-color: transparent;
    border-color: #ffa900;
    color: #ffa900
}

@media screen and (max-width:1023px) {
    .create-album-modal .form-row {
        align-items: stretch;
        display: flex;
        flex-direction: column
    }

    .create-album-modal .form-label {
        margin-bottom: 10px
    }

    .create-album-modal .form-input-group,
    .create-album-modal .form-label,
    .create-album-modal .form-select-group {
        flex: none
    }
}

@media screen and (max-width:639px) {
    .create-album-modal .modal-body {
        min-width: calc(100vw - 20px)
    }
}

.my-club-sync-new-content__username {
    color: #a349fc;
    font-weight: 500
}

.edit-video-modal {
    padding: 10px
}

.edit-video-modal .modal-body,
.edit-video-modal .modal-header {
    width: 600px
}

.edit-video-modal .modal-header>span {
    flex: 1;
    flex-basis: 100%;
    flex-grow: 1;
    flex-shrink: 1
}

.edit-video-modal .modal-header .button-close {
    margin-left: 5px
}

.edit-video-modal .modal-body {
    margin: 0;
    padding: 10px
}

.edit-video-modal .modal-body.new-video .form-controls-row {
    justify-content: space-between
}

.edit-video-modal .modal-header-custom-inners {
    flex-wrap: wrap;
    display: flex;
    flex-direction: row
}

.edit-video-modal .form-columns {
    flex-wrap: wrap;
    display: flex;
    flex-direction: row
}

.edit-video-modal .chosen-cover-column {
    max-width: 25%;
    padding: 10px;
    flex: 1;
    flex-basis: 25%;
    flex-grow: 0;
    flex-shrink: 1
}

.edit-video-modal .form-fields-column {
    max-width: 75%;
    padding: 10px;
    flex: 1;
    flex-basis: 75%;
    flex-grow: 0;
    flex-shrink: 1
}

.edit-video-modal .form-select {
    width: 100%
}

.edit-video-modal .cover-previews-container {
    display: flex;
    flex-direction: row
}

.edit-video-modal .chosen-cover-container.empty,
.edit-video-modal .cover-preview-container.empty {
    background-color: rgba(255, 255, 255, .2)
}

.edit-video-modal .chosen-cover-container.empty .icon,
.edit-video-modal .cover-preview-container.empty .icon {
    fill: rgba(0, 0, 0, .6);
    margin: 0;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%)
}

.edit-video-modal .chosen-cover-container {
    position: relative
}

.edit-video-modal .chosen-cover-container.empty {
    height: 95px
}

.edit-video-modal .chosen-cover {
    width: 100%
}

.edit-video-modal .cover-preview-container {
    cursor: pointer;
    min-width: 90px;
    position: relative;
    transition: box-shadow .2s;
    flex: 1;
    flex-basis: 25%;
    flex-grow: 0;
    flex-shrink: 1
}

.edit-video-modal .cover-preview-container .cover-preview {
    width: 100%
}

.edit-video-modal .cover-preview-container .icon-check-round-3 {
    fill: #fff;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%)
}

.edit-video-modal .cover-preview-container:not(:last-child) {
    margin-right: 10px
}

.edit-video-modal .cover-preview-container.empty {
    cursor: default
}

.edit-video-modal .cover-preview-container-inner {
    background-size: contain;
    padding-bottom: 75%;
    position: relative
}

.edit-video-modal .form-row {
    margin-bottom: 15px
}

.edit-video-modal .form-label {
    margin-bottom: 10px;
    font-size: .75rem
}

.edit-video-modal .form-label .disabled {
    opacity: .33
}

.edit-video-modal .form-label .help-tooltip {
    margin-left: 10px
}

.edit-video-modal .form-label .cost-label {
    white-space: nowrap
}

.edit-video-modal .form-controls-divider-orient {
    position: relative;
    width: 100%
}

.edit-video-modal .form-controls-divider {
    background-color: rgba(0, 0, 0, .5);
    height: 1px;
    left: -10px;
    position: absolute;
    right: -10px
}

.edit-video-modal .form-controls-row {
    justify-content: center;
    padding: 20px 10px 10px;
    display: flex;
    flex-direction: row;
    flex: 1;
    flex-basis: auto;
    flex-grow: 1;
    flex-shrink: 1
}

.edit-video-modal .form-controls-row .btn {
    margin: 0;
    min-width: 100px
}

.edit-video-modal .upload-status-file-name {
    margin-bottom: 15px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 1.125rem
}

.edit-video-modal .upload-status-box {
    margin-bottom: 10px
}

.edit-video-modal .progress-bar-progress-message {
    align-items: center;
    display: flex;
    flex-direction: row
}

.edit-video-modal .progress-bar-progress-message .icon {
    fill: #fff;
    margin: 0 8px 0 0
}

.edit-video-modal .additional-info-message {
    color: rgba(255, 255, 255, .5);
    justify-content: center;
    padding: 15px 0;
    width: 600px;
    max-width: 100%;
    font-size: .75rem;
    display: flex;
    flex-direction: row
}

.edit-video-modal .uploading-error-content {
    align-items: center;
    padding: 40px 0;
    text-align: center;
    display: flex;
    flex-direction: column
}

.edit-video-modal .uploading-error-content .icon-error {
    fill: #fa7055
}

.edit-video-modal .uploading-error-content .error-header {
    margin-top: 25px;
    font-size: 1.75rem
}

.edit-video-modal .uploading-error-content .error-description {
    margin-top: 7px;
    font-size: .875rem
}

.edit-video-modal .uploading-error-content .try-again-button {
    margin-top: 37px;
    width: 150px
}

@media screen and (max-width:639px) {

    .edit-video-modal .chosen-cover-column,
    .edit-video-modal .form-fields-column {
        max-width: 100%;
        flex: 1;
        flex-basis: 100%;
        flex-grow: 0;
        flex-shrink: 1
    }

    .edit-video-modal .chosen-cover-container.empty {
        max-width: 150px
    }

    .edit-video-modal .cover-preview-container {
        flex: 1;
        flex-basis: 38%;
        flex-grow: 0;
        flex-shrink: 0
    }

    .edit-video-modal .chosen-cover {
        max-height: 100px;
        width: auto
    }

    .edit-video-modal .modal-body,
    .edit-video-modal .modal-content,
    .edit-video-modal .modal-header {
        width: 100%
    }
}

.interests-modal {
    z-index: 99
}

.interests-modal.modal-wrapper .modal-content .modal-body {
    border-radius: 16px;
    max-width: 100%;
    width: 854px;
    padding: 0;
    overflow: hidden
}

.interests-modal__content {
    background: #262626;
    color: #fff;
    max-height: calc(100vh - 280px)
}

.interests-modal__header {
    background: radial-gradient(67% 100% at 49.94% 100%, #6a171c 0%, #240002 100%);
    color: #fff;
    min-height: 126px;
    padding: 30px 30px 0;
    text-align: center
}

.interests-modal__close {
    align-items: center;
    background: 0 0;
    border: 0;
    display: none;
    justify-content: center;
    opacity: .6;
    padding: 2px;
    position: absolute;
    right: 14px;
    top: 14px
}

.interests-modal__close .icon {
    color: #f8f8f8;
    fill: currentColor;
    height: 14px;
    margin: 0;
    width: 14px
}

.interests-modal__title {
    margin: 0 0 10px;
    font-size: 1.375rem
}

.interests-modal__description {
    font-weight: 500;
    margin: 0;
    opacity: .6;
    padding: 0 0 1rem;
    font-size: .875rem;
    line-height: 1.25rem
}

.interests-modal__content {
    position: relative;
    overflow: hidden auto;
    padding: 24px;
    padding-top: 0
}

.interests-modal__content::after {
    clear: both;
    content: "";
    display: block;
    height: 20px
}

.interests-modal__item-content {
    -webkit-overflow-scrolling: touch;
    overflow: auto;
    text-align: center;
    white-space: nowrap;
    width: 100%
}

.interests-modal__items--processing {
    max-height: 88px;
    overflow-y: hidden
}

.interests-modal__row-title {
    font-weight: 500;
    margin: 20px 0;
    margin-bottom: 12px;
    font-size: 1.125rem
}

.interests-modal__footer {
    align-items: center;
    background: #333;
    box-shadow: 0 -4px 40px rgba(0, 0, 0, .2);
    display: flex;
    height: 64px;
    justify-content: center;
    position: relative
}

.interests-modal__footer .btn {
    border-width: 1px;
    font-weight: 500;
    margin-bottom: 0
}

.interests-modal__footer::before {
    background: linear-gradient(0deg, #262626 0%, rgba(38, 38, 38, 0) 100%);
    border-bottom: 1px solid rgba(255, 255, 255, .1);
    bottom: 100%;
    content: "";
    height: 26px;
    left: 0;
    margin-bottom: -1px;
    pointer-events: none;
    position: absolute;
    width: 100%
}

.interests-modal__cancel-button {
    margin-right: 20px
}

.interests-modal .see-more-models-button .see-more-divider {
    opacity: .4
}

.interests-modal .see-more-models-button .see-more-button {
    font-weight: 500
}

@media screen and (max-width:1023px) {
    .interests-modal.modal-wrapper {
        margin: 0;
        padding: 0
    }

    .interests-modal.modal-wrapper .modal-content {
        max-width: 100%;
        width: 100%
    }

    .interests-modal.modal-wrapper .modal-content .modal-header {
        display: none
    }

    .interests-modal.modal-wrapper .modal-content .modal-body {
        border-radius: 0;
        width: 100%
    }

    .interests-modal__header {
        padding: 20px 30px 0
    }

    .interests-modal__close {
        display: flex
    }

    .interests-modal__content {
        max-height: none;
        min-height: auto
    }

    .interests-modal__content::after {
        height: 70px
    }

    .interests-modal__footer {
        bottom: 0;
        left: 0;
        position: fixed;
        right: 0
    }
}

.invisible-mode-modal.modal-wrapper .modal-content .modal-body {
    background-color: #3b3b3b
}

.invisible-mode-modal .modal-content {
    border-radius: 3px;
    margin: 10px
}

.invisible-mode-modal .modal-body {
    border-radius: 4px;
    color: #8c9289;
    cursor: default;
    position: relative;
    text-align: center;
    width: 100%
}

.invisible-mode-modal .invisible-mode-header {
    color: #f8f8f8;
    font-weight: 700;
    line-height: 34px;
    margin-bottom: 0;
    font-size: 1.125rem
}

.invisible-mode-modal .icon {
    color: #fff;
    fill: #fff;
    margin: 0
}

.invisible-mode-modal .icon.icon-invisible {
    margin-bottom: 20px;
    margin-top: 30px
}

.invisible-mode-modal .invisible-mode-description {
    color: #f8f8f8;
    font-weight: 700;
    line-height: 20px;
    margin: 20px auto 0 auto;
    font-size: .875rem
}

.invisible-mode-modal .perks-tiles-wrapper {
    margin: 12px -20px 0 -20px
}

.invisible-mode-modal .perks-tiles-wrapper .perk {
    color: #f8f8f8;
    display: inline-block;
    margin: 10px;
    min-height: 140px;
    padding: 20px 10px 10px 10px;
    text-align: center;
    vertical-align: top;
    width: calc(100% - 40px);
    background: rgba(248, 248, 248, .05);
    border: 1px solid rgba(248, 248, 248, .06);
    border-radius: 8px
}

.invisible-mode-modal .perks-tiles-wrapper .perk-support {
    align-items: center;
    color: #f8f8f8;
    margin: 10px 20px 0 20px;
    padding: 10px;
    font-size: 1rem;
    display: flex;
    flex-direction: row;
    background: rgba(248, 248, 248, .05);
    border: 1px solid rgba(248, 248, 248, .06);
    border-radius: 8px
}

.invisible-mode-modal .perks-tiles-wrapper .perk-support .perk-support-icon {
    align-items: center;
    display: flex;
    justify-content: flex-end;
    padding-right: 12px;
    text-align: right;
    flex: 1;
    flex-basis: 24px;
    flex-grow: 1;
    flex-shrink: 0
}

.invisible-mode-modal .perks-tiles-wrapper .perk-icon {
    background-repeat: no-repeat;
    background-position: center;
    height: 64px
}

.invisible-mode-modal .perks-tiles-wrapper .perk-icon.privateMessages {
    background-image: url(/assets/common/images/levels/heart.svg)
}

.invisible-mode-modal .perks-tiles-wrapper .perk-icon.customBadge {
    background-image: url(/assets/common/images/levels/custom-badge.svg)
}

.invisible-mode-modal .perks-tiles-wrapper .perk-icon.invisibleMode {
    background-image: url(/assets/common/images/levels/invisible.svg)
}

.invisible-mode-modal .perks-tiles-wrapper .perk-icon.smiles {
    background-image: url(/assets/common/images/levels/smiles.svg)
}

.invisible-mode-modal .perks-tiles-wrapper .perk-icon.moderation {
    background-image: url(/assets/common/images/levels/shield.svg)
}

.invisible-mode-modal .perks-tiles-wrapper .perk-icon.anonymousTips {
    background-image: url(/assets/common/images/levels/coin.svg)
}

.invisible-mode-modal .perks-tiles-wrapper .perk-title {
    font-weight: 700;
    margin-top: 20px;
    word-break: break-word;
    font-size: .938rem
}

.invisible-mode-modal .invisible-mode-advantage {
    margin: 20px 0;
    display: flex;
    flex-direction: column
}

.invisible-mode-modal .btn-primary {
    font-weight: 700
}

@media screen and (min-width:768px) {
    .invisible-mode-modal .perks-tiles-wrapper .perk {
        width: calc(33.33% - 40px)
    }

    .invisible-mode-modal .perks-tiles-wrapper .perk-support {
        margin: 10px 40px 0 40px
    }

    .invisible-mode-modal .modal-content {
        border-radius: 3px;
        margin: 0
    }

    .invisible-mode-modal .modal-content .modal-body {
        width: 680px
    }

    .invisible-mode-modal .modal-content .invisible-mode-advantage {
        flex-direction: row
    }
}

.universal-media-viewer img {
    width: 100%;
    height: auto
}

.media-viewer-modal .modal-content.modal-header-inside {
    background: 0 0
}

.media-viewer-modal .modal-content.modal-header-inside>.modal-header {
    padding: 0
}

.mirror-notification-modal .modal-content.modal-header-outside .modal-body {
    background-color: #1d1d1d;
    border-radius: 7px;
    max-width: 600px;
    padding: 40px
}

.mirror-notification-modal .logo {
    background: url(/assets/common/images/sc/sc-logo-monochrome.svg) 50% no-repeat;
    background-size: contain;
    height: 20px;
    opacity: .5;
    text-align: center;
    width: 100px
}

.mirror-notification-modal .icon-russian-flag {
    border-radius: 50%;
    margin-right: 15px;
    min-height: 40px;
    min-width: 40px
}

.mirror-notification-modal .warning-blocking-title {
    align-items: center;
    color: #fff;
    font-weight: 700;
    margin: 20px 0;
    font-size: 1.625rem;
    display: flex;
    flex-direction: row
}

.mirror-notification-modal .warning-blocking-description {
    color: #fff;
    font-weight: 400;
    opacity: .75;
    font-size: .813rem;
    line-height: 1.25rem
}

.mirror-notification-modal .warning-blocking-description a {
    text-decoration: underline
}

.mirror-notification-modal .warning-blocking-controls {
    align-items: baseline;
    padding-top: 20px;
    display: flex;
    flex-direction: row
}

.mirror-notification-modal .warning-blocking-controls .btn {
    margin: 0;
    padding: 5px 30px
}

.mirror-notification-modal .warning-blocking-controls .warning-blocking-close {
    font-weight: 400;
    margin-left: 20px;
    opacity: .75;
    text-decoration: underline;
    font-size: .813rem;
    line-height: 1.25rem
}

@media screen and (max-width:639px) {
    .mirror-notification-modal .modal-content {
        margin: auto 10px
    }

    .mirror-notification-modal .modal-content.modal-header-outside .modal-body {
        padding: 20px
    }

    .mirror-notification-modal .warning-blocking-controls {
        align-items: center;
        display: flex;
        flex-direction: column
    }

    .mirror-notification-modal .warning-blocking-controls .warning-blocking-close {
        margin: 20px 0 0
    }
}

.mute-confirmation-modal>.modal-content.modal-header-outside {
    max-width: 350px
}

.mute-confirmation-modal>.modal-content.modal-header-outside .modal-body {
    align-items: center;
    background-color: #313131;
    border-radius: 7px;
    padding: 20px 40px;
    display: flex;
    flex-direction: column
}

.mute-confirmation-modal .icon {
    fill: #888;
    height: 50px;
    margin-bottom: 20px;
    width: 50px
}

.mute-confirmation-modal .mute-confirmation-title {
    color: #fff;
    font-weight: 700;
    margin-bottom: 20px;
    text-align: center;
    font-size: 1.125rem
}

.mute-confirmation-modal .mute-confirmation-description {
    color: rgba(255, 255, 255, .6);
    font-weight: 400;
    margin-bottom: 15px;
    text-align: center;
    font-size: .813rem;
    line-height: 1.25rem
}

.mute-confirmation-modal .mute-confirmation-controls {
    margin-bottom: 10px;
    text-align: center;
    width: 100%
}

.mute-confirmation-modal .mute-confirmation-controls .btn {
    margin-right: 0;
    margin-top: 10px;
    padding-left: 30px;
    padding-right: 30px
}

.myclub-copy-modal__btn {
    margin: 0;
    padding: 8px 20px;
    font-size: .813rem;
    line-height: 1rem
}

.myclub-copy-modal__btn--continue {
    margin-right: 20px;
    background-color: #79943d
}

.myclub-copy-modal__content-area-table-wrapper {
    margin-bottom: 20px;
    padding: 8px 16px;
    width: 100%;
    background-color: #1f1f1f;
    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 {
    padding: 8px 0;
    color: #f8f8f8;
    text-transform: uppercase;
    font-weight: 500;
    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 {
    padding: 4px 0;
    font-weight: 500;
    color: rgba(248, 248, 248, .6);
    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 {
    width: 16px;
    height: 16px
}

@media screen and (max-width:479px) {
    .myclub-copy-modal__arrow {
        margin: 0 auto
    }
}

.myclub-copy-modal__cross {
    width: 16px;
    height: 16px
}

@media screen and (max-width:479px) {
    .myclub-copy-modal__cross {
        margin: 0 auto
    }
}

.myclub-copy-modal__content-area-th--my-club {
    position: relative;
    display: flex;
    align-items: center
}

.myclub-copy-modal__content-area-th--my-club .icon {
    margin-top: 1px;
    width: 16px;
    height: 16px;
    opacity: .4;
    fill: currentColor;
    color: #f8f8f8
}

.myclub-copy-modal__content-area-th-icon-container {
    padding: 5px;
    cursor: pointer
}

.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 {
    margin-top: 0;
    font-weight: 500;
    font-size: .813rem;
    line-height: 1.125rem
}

.myclub-copy-modal__content-tooltip-list-item {
    position: relative;
    padding-left: 20px;
    width: 90px
}

.myclub-copy-modal__content-tooltip-list-item::before {
    content: "";
    position: absolute;
    left: 7.5px;
    top: 50%;
    margin-top: -2.5px;
    width: 5px;
    height: 5px;
    background-color: #e1e1e1;
    border-radius: 50%
}

.myclub-copy-modal__content-area {
    display: flex;
    flex-direction: column;
    align-items: flex-start
}

.myclub-copy-modal__content-area--disabled {
    opacity: .4
}

.myclub-copy-modal__content-area-header {
    display: flex;
    align-items: center;
    margin-bottom: 10px
}

.myclub-copy-modal__content-area-icon {
    width: 14px;
    height: 20px;
    margin-right: 10px
}

.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 {
    display: flex;
    flex-direction: column;
    align-items: center;
    flex: 1;
    margin-right: 16px;
    padding: 10px;
    background-color: #1f1f1f;
    color: rgba(255, 255, 255, .6);
    font-weight: 500;
    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 {
    margin-bottom: 10px;
    color: #f8f8f8;
    font-weight: 500;
    font-size: 1.25rem;
    line-height: 1.5rem
}

@media screen and (max-width:479px) {
    .myclub-copy-modal__title {
        font-size: 1.125rem;
        line-height: 1.375rem
    }
}

.mc-copy-modal__description {
    color: rgba(255, 255, 255, .6);
    font-size: .75rem;
    line-height: 1.125rem
}

@media screen and (max-width:479px) {
    .mc-copy-modal__description {
        font-size: .813rem;
        line-height: 1.125rem
    }
}

.myclub-copy-modal__description--em {
    color: #f8f8f8;
    font-size: .75rem;
    line-height: 1.125rem
}

@media screen and (max-width:479px) {
    .myclub-copy-modal__description--em {
        font-size: .813rem;
        line-height: 1.125rem
    }
}

.myclub-copy-modal__switcher {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
    padding: 13px 16px;
    background-color: #1f1f1f;
    border: 1px solid #1f1f1f;
    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
}

@media screen and (max-width:479px) {
    .myclub-copy-modal__switcher-label {
        font-size: .813rem;
        line-height: 1.25rem
    }
}

.myclub-copy-modal-body {
    width: 530px;
    border-radius: 12px !important;
    background-color: #262626 !important
}

@media screen and (max-width:479px) {
    .myclub-copy-modal-body {
        width: 100%
    }
}

@media screen and (max-width:479px) {
    .myclub-copy-modal-wrapper {
        padding: 25px 20px 60px
    }
}

.myclub-copy-modal-wrapper .button-close,
.myclub-copy-modal-wrapper .button-close>.icon {
    width: 14px;
    height: 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 {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.my-club-data-transfer__buttons-right {
    display: flex;
    justify-content: flex-end;
    align-items: center
}

.my-club-data-transfer__checkbox {
    margin-right: 12px;
    text-align: left
}

.my-club-data-transfer__checkbox .checkbox-ds__box {
    margin-right: 16px
}

@media screen and (max-width:1023px) {
    .my-club-data-transfer__checkbox {
        display: none;
        max-width: 100%
    }
}

.my-club-data-transfer__checkbox-mobile {
    display: none
}

@media screen and (max-width:1023px) {
    .my-club-data-transfer__checkbox-mobile {
        display: block;
        margin-bottom: 10px
    }
}

@media screen and (max-width:1023px) {
    .my-club-data-transfer__checkbox-mobile .my-club-data-transfer__checkbox {
        display: flex
    }
}

.my-club-data-transfer__paragraph {
    margin-bottom: 9px;
    color: #f8f8f8;
    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 {
    height: 99.99%;
    max-height: 583px;
    max-width: 760px;
    background-color: #303133 !important
}

.my-club-data-transfer .modal-body {
    display: flex;
    flex-direction: column;
    padding: 0 !important;
    max-height: 100%
}

.my-club-data-transfer__header {
    margin-bottom: 24px;
    padding: 20px 20px 24px !important;
    border-bottom: 1px solid #141515
}

.my-club-data-transfer__body {
    overflow: auto;
    padding: 0 20px
}

.my-club-data-transfer__footer {
    margin-top: 24px;
    padding: 24px 20px 20px;
    border-top: 1px solid #141515
}

.panel-field-optional {
    align-items: center;
    background: rgba(255, 255, 255, .06);
    border-radius: 4px;
    display: flex;
    margin: 20px 0;
    padding: 12px 20px
}

.panel-field-optional-content {
    align-items: center;
    display: flex;
    flex: 1;
    padding: 0 10px 0 0
}

.universal-photo-camera {
    position: relative
}

.universal-photo-camera .info {
    font-size: 13px;
    margin-bottom: 20px;
    margin-top: 10px;
    opacity: .6
}

.universal-photo-camera .photo-cut-frame-wrapper {
    display: none
}

.universal-photo-camera .photo-cut-source-container {
    background-color: #000;
    display: flex;
    min-height: 250px;
    position: relative;
    width: 100%
}

.universal-photo-camera .photo-cut-source-container video {
    display: block;
    max-width: 100%
}

.universal-photo-camera .camera-controls {
    display: flex;
    flex-direction: row-reverse;
    justify-content: flex-end;
    margin-top: 20px
}

.universal-photo-camera .camera-controls .btn-apply {
    margin-right: 20px
}

.universal-photo-camera .camera-placeholder {
    align-items: center;
    display: flex;
    flex-direction: column;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%)
}

.universal-photo-camera .camera-blocked-error {
    align-items: center;
    background: #000;
    display: flex;
    flex-direction: column;
    height: 250px;
    justify-content: center;
    left: 0;
    position: absolute;
    right: 0;
    z-index: 1
}

.universal-photo-camera .camera-blocked-error-icon {
    color: #f8f8f8;
    fill: currentColor;
    height: 40px;
    width: 40px
}

.universal-photo-camera .placeholder-text {
    line-height: 18px;
    margin-top: 16px;
    text-align: center
}

@keyframes donut-spin {
    0% {
        transform: rotate(0deg)
    }

    100% {
        transform: rotate(360deg)
    }
}

.upload-media-item {
    position: relative;
    margin-right: 20px
}

.upload-media-item.upload-media-item--audio .upload-media-item__indicators,
.upload-media-item.upload-media-item--has-error .upload-media-item__indicators,
.upload-media-item.upload-media-item--uploading .upload-media-item__indicators,
.upload-media-item.upload-media-item--video .upload-media-item__indicators {
    display: flex
}

.upload-media-item.upload-media-item--audio {
    background-color: #424242;
    border-radius: 4px;
    height: 76px;
    margin-top: 6px;
    width: 76px
}

.upload-media-item .upload-media-item__remove-button {
    align-items: center;
    background-color: #5b5b5b;
    border-radius: 50%;
    border: 3px solid #313131;
    cursor: pointer;
    display: flex;
    height: 26px;
    justify-content: center;
    position: absolute;
    right: -13px;
    top: -13px;
    transition: all ease .25s;
    width: 26px;
    z-index: 1
}

.upload-media-item .upload-media-item__remove-button .icon {
    fill: #fff;
    color: #fff;
    margin: 0
}

.upload-media-item .upload-media-item__remove-button:hover {
    background-color: #af262f
}

.upload-media-item .upload-media-item__placeholder {
    background-color: #464646
}

.upload-media-item .upload-media-item__image {
    border-radius: 4px;
    height: 76px;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    width: 76px
}

.upload-media-item .upload-media-item__indicators {
    align-items: center;
    border-radius: 4px;
    bottom: 0;
    display: none;
    justify-content: center;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.upload-media-item .upload-media-item__indicators--with-background {
    background-color: rgba(0, 0, 0, .8)
}

.upload-media-item .upload-media-item__uploading {
    animation: donut-spin 1.2s linear infinite;
    border-radius: 50%;
    border: 3px solid rgba(255, 255, 255, .2);
    border-left-color: #79943d;
    display: inline-block;
    height: 24px;
    width: 24px
}

.upload-media-item .upload-media-item__error-icon {
    position: absolute;
    left: 5px;
    top: 5px
}

.upload-media-item .upload-media-item__error-icon .icon {
    color: #c43243;
    fill: #c43243;
    height: 14px;
    margin: 0;
    width: 14px
}

.upload-media-item .upload-media-item__try-again {
    cursor: pointer
}

.upload-media-item .upload-media-item__try-again .icon {
    color: #fff;
    fill: #fff;
    height: 26px;
    margin: 0;
    width: 26px;
    transition: all ease .25s
}

.upload-media-item .upload-media-item__try-again:hover .icon {
    opacity: .7
}

.upload-media-item .upload-media-item__video-icon {
    margin: 0;
    color: rgba(248, 248, 248, .8)
}

.upload-media-item .upload-media-item__video-duration {
    font-size: 10px;
    line-height: 13px;
    position: absolute;
    right: 0;
    bottom: 0;
    opacity: .6;
    background-color: #000;
    color: #fff;
    padding: 0 2px;
    border-radius: 0px 0px 4px 0px
}

.upload-media {
    margin-top: 12px
}

.upload-media .upload-media__actions {
    display: flex
}

.upload-media .upload-media__actions .upload-media__button {
    background-color: #424242;
    border-radius: 8px;
    cursor: pointer;
    padding: 16px;
    text-align: center;
    transition: all ease .25s;
    width: 50%
}

.upload-media .upload-media__actions .upload-media__button:hover {
    background-color: #545454
}

.upload-media .upload-media__actions .upload-media__camera {
    margin-right: 10px
}

.upload-media .upload-media__actions .upload-media__file {
    margin-left: 10px
}

.upload-media .upload-media__actions .upload-media__title {
    color: rgba(255, 255, 255, .9);
    margin-top: 15px;
    font-size: .75rem
}

.upload-media .upload-media__actions .icon {
    color: rgba(255, 255, 255, .9);
    fill: rgba(255, 255, 255, .9);
    margin: 0
}

.upload-media .upload-media__actions.upload-media__actions--disabled {
    opacity: .5
}

.upload-media .upload-media__actions.upload-media__actions--disabled .upload-media__button {
    cursor: not-allowed
}

.upload-media .upload-media__actions.upload-media__actions--disabled .upload-media__button:hover {
    opacity: 1
}

.upload-media .upload-media__errors {
    color: #c43243;
    margin-top: 10px;
    font-size: .688rem;
    line-height: .813rem
}

.upload-media-item {
    margin-top: 20px
}

.upload-media-item:nth-child(5) {
    margin-right: 0
}

.upload-media__preview-list {
    display: flex;
    flex-wrap: wrap
}

.post-editor-modal-wrapper button {
    margin-bottom: 0
}

.post-editor-modal-wrapper .post-creation__tabs {
    margin-bottom: 20px
}

.post-editor-modal-wrapper .post-creation__tabs .tab-ds:first-child .tab-interactive-ds {
    margin-left: 0
}

.post-editor-modal-wrapper .select {
    display: block;
    max-width: 230px;
    margin-bottom: 20px
}

.post-editor-modal-wrapper .panel-field label {
    color: rgba(255, 255, 255, .9);
    display: block;
    margin-bottom: 12px;
    text-align: left;
    font-size: .875rem
}

.post-editor-modal-wrapper .panel-field label .input-optional {
    color: rgba(255, 255, 255, .6)
}

.post-editor-modal-wrapper .panel-field textarea {
    border-radius: 20px;
    height: 60px;
    width: 100%
}

.post-editor-modal-wrapper .panel-field+.panel-field {
    margin-top: 20px
}

.post-editor-modal-wrapper .panel-field.disabled {
    opacity: .2;
    pointer-events: none
}

.post-editor-modal-wrapper .panel-field-invalid .input,
.post-editor-modal-wrapper .panel-field-invalid .textarea {
    border: 1px solid #fa5365
}

.post-editor-modal-wrapper .modal-content {
    max-width: 100%
}

.post-editor-modal-wrapper .modal-body {
    background-color: #313131 !important;
    border-radius: 7px !important;
    width: 500px
}

@media screen and (max-width:500px) {
    .post-editor-modal-wrapper .modal-body {
        width: 100%
    }
}

.post-editor-modal-wrapper .inner-form-title {
    font-size: 18px;
    font-weight: 700;
    letter-spacing: normal;
    line-height: 22px;
    margin-bottom: 12px
}

.post-editor-modal-wrapper .form-description {
    font-size: 14px;
    font-weight: 400;
    letter-spacing: normal;
    line-height: 1.3;
    opacity: .6;
    margin-bottom: 20px
}

.post-editor-modal-wrapper input[type=file] {
    display: none
}

.post-editor-modal-wrapper .input {
    width: 100%
}

.post-editor-modal-wrapper .panel-image-url .icon {
    height: 14px;
    width: 14px
}

.post-editor-modal-wrapper .panel-image-url label {
    align-content: center;
    display: inline-flex
}

.post-editor-modal-wrapper .panel-preview-toggle {
    margin-top: 15px
}

.post-editor-modal-wrapper .panel-preview-toggle button {
    align-content: center;
    background-color: transparent;
    border: none;
    color: rgba(255, 255, 255, .8);
    cursor: pointer;
    display: inline-flex;
    outline: 0;
    padding: 0;
    font-size: .813rem
}

.post-editor-modal-wrapper .panel-preview-toggle button .icon {
    fill: rgba(255, 255, 255, .8);
    height: 18px;
    margin-right: 7px;
    width: 18px
}

.post-editor-modal-wrapper .panel-preview-toggle button:hover {
    color: #fff
}

.post-editor-modal-wrapper .panel-preview-toggle button:hover .icon {
    fill: #fff
}

.post-editor-modal-wrapper .panel-preview-toggle button:active {
    transform: translateY(1px)
}

.post-editor-modal-wrapper .panel-preview-toggle button[disabled] {
    opacity: .33;
    pointer-events: none
}

.post-editor-modal-wrapper .sync-new-content-field {
    margin-top: 15px
}

.post-editor-modal-wrapper .panel-image .panel-image-preview-small {
    align-items: center;
    display: flex
}

.post-editor-modal-wrapper .panel-image button {
    margin-right: 0
}

.post-editor-modal-wrapper .panel-image .icon-close-2 {
    color: rgba(255, 255, 255, .6);
    height: 16px;
    margin: 0;
    width: 16px
}

.post-editor-modal-wrapper .panel-image .panel-image-remove-image-btn {
    background: 0 0;
    border: none;
    cursor: pointer;
    margin: 0;
    outline: 0;
    padding: 0
}

.post-editor-modal-wrapper .panel-image .panel-image-remove-image-btn:hover .icon-close-2 {
    color: #fff
}

.post-editor-modal-wrapper.modal-ds-body .modal-ds-content {
    background-color: #303133;
    border-radius: 12px;
    overflow-x: auto
}

.post-editor-modal-wrapper.modal-ds-body .modal-ds-footer {
    background-color: #313131 !important;
    box-shadow: 0px -4px 40px rgba(0, 0, 0, .25);
    padding: 0;
    z-index: 1
}

.post-editor-modal-wrapper.modal-ds-body.with-footer .modal-ds-content {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.post-editor-modal-wrapper.modal-ds-body.with-footer .modal-ds-footer {
    border-bottom-left-radius: 12px;
    border-bottom-right-radius: 12px
}

.post-editor-modal-wrapper .buttons {
    border-top: solid 1px rgba(248, 248, 248, .08);
    padding: 16px 20px
}

.post-editor-modal-wrapper .buttons .btn {
    margin-bottom: 0;
    margin-right: 0
}

.post-editor-modal-wrapper .buttons .btn+.btn {
    margin-left: 20px
}

.post-editor-modal-wrapper .panel-body textarea {
    height: 150px
}

.post-editor-modal-wrapper .preview-mode {
    background-color: #1a1a1a;
    border-radius: 4px;
    overflow: hidden;
    padding: 0 20px
}

.post-editor-modal-wrapper .preview-mode>div {
    padding-top: 20px
}

.post-editor-modal-wrapper .preview-mode .preview-mode-title {
    color: rgba(255, 255, 255, .9);
    padding-bottom: 20px;
    word-break: break-word;
    font-size: 1.125rem;
    line-height: 1.375rem
}

.post-editor-modal-wrapper .preview-mode .preview-mode-title+.preview-mode-image {
    padding-bottom: 0
}

.post-editor-modal-wrapper .preview-mode .preview-mode-title+.preview-mode-body {
    padding-top: 0
}

.post-editor-modal-wrapper .preview-mode .preview-mode-image {
    margin-left: -20px;
    margin-right: -20px;
    padding-top: 0
}

.post-editor-modal-wrapper .preview-mode .preview-mode-image>a {
    display: block
}

.post-editor-modal-wrapper .preview-mode .preview-mode-image>a:not([href]) {
    cursor: default
}

.post-editor-modal-wrapper .preview-mode .preview-mode-body {
    color: rgba(255, 255, 255, .8);
    padding-bottom: 20px;
    white-space: pre-wrap;
    word-break: break-word;
    font-size: .813rem;
    line-height: 1.25rem
}

.post-editor-modal-wrapper .modal-body--preview form>:not(.buttons) {
    display: none
}

.post-editor-modal-wrapper .modal-body--webcam-opened .buttons,
.post-editor-modal-wrapper .modal-body--webcam-opened .form-description,
.post-editor-modal-wrapper .modal-body--webcam-opened .panel-body,
.post-editor-modal-wrapper .modal-body--webcam-opened .panel-field-optional,
.post-editor-modal-wrapper .modal-body--webcam-opened .panel-image>label,
.post-editor-modal-wrapper .modal-body--webcam-opened .panel-preview-toggle,
.post-editor-modal-wrapper .modal-body--webcam-opened>.inner-form-title {
    display: none
}

.post-editor-modal-wrapper .post-editor-modal__description--error,
.post-editor-modal-wrapper .post-editor-modal__description--error:focus {
    border: 1px solid #c33343;
    color: #c33343
}

.profile-panel-modal-wrapper button {
    margin-bottom: 0
}

.profile-panel-modal-wrapper .panel-field label {
    color: rgba(255, 255, 255, .9);
    display: block;
    margin-bottom: 12px;
    text-align: left;
    font-size: .875rem
}

.profile-panel-modal-wrapper .panel-field label .input-optional {
    color: rgba(255, 255, 255, .6)
}

.profile-panel-modal-wrapper .panel-field textarea {
    border-radius: 20px;
    height: 60px;
    width: 100%
}

.profile-panel-modal-wrapper .panel-field+.panel-field {
    margin-top: 20px
}

.profile-panel-modal-wrapper .panel-field.disabled {
    opacity: .2;
    pointer-events: none
}

.profile-panel-modal-wrapper .panel-field-invalid .input,
.profile-panel-modal-wrapper .panel-field-invalid .textarea {
    border: 1px solid #fa5365;
    color: #fa5365
}

.profile-panel-modal-wrapper .modal-content {
    max-width: 100%
}

.profile-panel-modal-wrapper .modal-body {
    background-color: #313131 !important;
    border-radius: 7px !important;
    width: 336px
}

.profile-panel-modal-wrapper .inner-form-title {
    font-size: 18px;
    font-weight: 700;
    letter-spacing: normal;
    line-height: 22px;
    margin-bottom: 12px
}

.profile-panel-modal-wrapper .form-description {
    font-size: 14px;
    font-weight: 400;
    letter-spacing: normal;
    line-height: 1.3;
    opacity: .6;
    margin-bottom: 20px
}

.profile-panel-modal-wrapper .for-feed-text-post {
    width: 500px
}

@media screen and (max-width:500px) {
    .profile-panel-modal-wrapper .for-feed-text-post {
        width: 100%
    }
}

.profile-panel-modal-wrapper input[type=file] {
    display: none
}

.profile-panel-modal-wrapper .input {
    width: 100%
}

.profile-panel-modal-wrapper .panel-image-url .icon {
    height: 14px;
    width: 14px
}

.profile-panel-modal-wrapper .panel-image-url label {
    align-content: center;
    display: inline-flex
}

.profile-panel-modal-wrapper .panel-preview-toggle {
    margin-top: 15px
}

.profile-panel-modal-wrapper .panel-preview-toggle button {
    align-content: center;
    background-color: transparent;
    border: none;
    color: rgba(255, 255, 255, .8);
    cursor: pointer;
    display: inline-flex;
    outline: 0;
    padding: 0;
    font-size: .813rem
}

.profile-panel-modal-wrapper .panel-preview-toggle button .icon {
    fill: rgba(255, 255, 255, .8);
    height: 18px;
    margin-right: 7px;
    width: 18px
}

.profile-panel-modal-wrapper .panel-preview-toggle button:hover {
    color: #fff
}

.profile-panel-modal-wrapper .panel-preview-toggle button:hover .icon {
    fill: #fff
}

.profile-panel-modal-wrapper .panel-preview-toggle button:active {
    transform: translateY(1px)
}

.profile-panel-modal-wrapper .panel-preview-toggle button[disabled] {
    opacity: .33;
    pointer-events: none
}

.profile-panel-modal-wrapper .panel-image .panel-image-preview-small {
    align-items: center;
    display: flex
}

.profile-panel-modal-wrapper .panel-image button {
    margin-right: 0
}

.profile-panel-modal-wrapper .panel-image img {
    margin: 0 20px;
    max-height: 32px;
    max-width: 29%
}

.profile-panel-modal-wrapper .panel-image .icon-close-2 {
    color: rgba(255, 255, 255, .6);
    height: 16px;
    margin: 0;
    width: 16px
}

.profile-panel-modal-wrapper .panel-image .panel-image-remove-image-btn {
    background: 0 0;
    border: none;
    cursor: pointer;
    margin: 0;
    outline: 0;
    padding: 0
}

.profile-panel-modal-wrapper .panel-image .panel-image-remove-image-btn:hover .icon-close-2 {
    color: #fff
}

.profile-panel-modal-wrapper .buttons {
    border-top: rgba(255, 255, 255, .15) 1px solid;
    margin-top: 20px;
    padding-top: 20px
}

.profile-panel-modal-wrapper .buttons .btn {
    margin-bottom: 0;
    margin-right: 0
}

.profile-panel-modal-wrapper .buttons .btn+.btn {
    margin-left: 20px
}

.profile-panel-modal-wrapper .panel-body textarea {
    height: 150px
}

.profile-panel-modal-wrapper .preview-mode {
    background-color: #1a1a1a;
    border-radius: 4px;
    overflow: hidden;
    padding: 0 20px
}

.profile-panel-modal-wrapper .preview-mode>div {
    padding-top: 20px
}

.profile-panel-modal-wrapper .preview-mode .preview-mode-title {
    color: rgba(255, 255, 255, .9);
    padding-bottom: 20px;
    word-break: break-word;
    font-size: 1.125rem;
    line-height: 1.375rem
}

.profile-panel-modal-wrapper .preview-mode .preview-mode-title+.preview-mode-image {
    padding-bottom: 0
}

.profile-panel-modal-wrapper .preview-mode .preview-mode-title+.preview-mode-body {
    padding-top: 0
}

.profile-panel-modal-wrapper .preview-mode .preview-mode-image {
    margin-left: -20px;
    margin-right: -20px;
    padding-top: 0
}

.profile-panel-modal-wrapper .preview-mode .preview-mode-image>a {
    display: block
}

.profile-panel-modal-wrapper .preview-mode .preview-mode-image>a:not([href]) {
    cursor: default
}

.profile-panel-modal-wrapper .preview-mode .preview-mode-body {
    color: rgba(255, 255, 255, .8);
    padding-bottom: 20px;
    white-space: pre-wrap;
    word-break: break-word;
    font-size: .813rem;
    line-height: 1.25rem
}

.report-reasons__textarea.textarea {
    background-color: #101010;
    border-radius: 16px;
    height: 50px;
    padding: 6px 16px;
    resize: none;
    width: 100%
}

.report-reasons__textarea.textarea:focus {
    background-color: #101010
}

.report-reasons__textarea-wrapper {
    position: relative
}

.report-reasons__textarea-counter {
    bottom: 10px;
    color: #f8f8f8;
    opacity: .4;
    position: absolute;
    right: 10px
}

.report-reasons__radio-group.radio-group .radio .radio-label {
    align-items: center;
    display: flex;
    height: initial;
    margin: 0;
    min-height: 20px;
    white-space: normal;
    line-height: 1rem;
    font-size: .813rem
}

.report-reasons__error-tooltip {
    width: 100%
}

.report-reasons__error-tooltip:after,
.report-reasons__error-tooltip:before {
    opacity: 1
}

.report-reasons__error-tooltip:after {
    background-color: #c33343;
    color: #fff;
    transform: translate(-50%, calc(-100% - 5px - 0px))
}

.report-reasons__error-tooltip:before {
    border-color: #c33343 transparent transparent transparent;
    transform: translateY(0px)
}

.report-modal-content>.modal-content.modal-header-outside {
    max-width: 350px;
    width: 100%
}

.report-modal-content>.modal-content.modal-header-outside .modal-body {
    background-color: #313131;
    border-radius: 12px;
    padding: 32px
}

.report-modal-content__icon {
    color: #888;
    display: block;
    height: 50px;
    margin: 0 auto 2px;
    width: 50px
}

.report-modal-content__title {
    color: #f8f8f8;
    font-weight: 700;
    margin-bottom: 20px;
    text-align: center;
    word-break: break-all;
    font-size: 1.125rem
}

.report-modal-content__reasons {
    background: #292929;
    border: 0px;
    border-radius: 12px;
    margin-bottom: 20px;
    padding: 2px 16px
}

.report-modal-content__reasons .report-reasons__textarea-wrapper {
    margin-bottom: 14px
}

.report-modal-content__ban-select {
    margin-bottom: 20px;
    width: 100%
}

.report-modal-content__ban-select .select-control {
    background-color: #292929;
    border-color: #292929
}

.report-modal-content__description {
    color: #f8f8f8;
    font-weight: 500;
    margin-bottom: 20px;
    text-align: center;
    font-size: .813rem;
    line-height: 1.25rem
}

.report-modal-content__submit-btn {
    margin: 0 20px 0 0
}

.report-modal-content__cancel-btn {
    margin: 0
}

.report-modal-content__feedback {
    color: #f8f8f8;
    font-weight: 700;
    text-align: center;
    transition: opacity .5s ease-in;
    font-size: .938rem;
    line-height: 1.188rem;
    display: flex;
    flex-direction: column
}

.report-modal-content__feedback--error .icon {
    fill: #d54d3e
}

.report-modal-content__feedback-icon {
    align-self: center;
    color: #34b353;
    margin: 0 0 20px 0
}

.save-private-record-modal .modal-content.modal-header-outside .modal-body {
    max-width: 350px;
    padding: 30px 50px;
    text-align: center
}

.save-private-record-modal .icon-camera-2 {
    color: rgba(248, 248, 248, .6);
    height: 24px;
    width: 36px
}

.save-private-record-modal .save-private-record-modal-title {
    color: #f8f8f8;
    font-weight: 700;
    margin: 20px 0;
    font-size: 1.063rem
}

.save-private-record-modal .save-private-record-modal-body {
    color: rgba(248, 248, 248, .6);
    font-weight: 500;
    margin: 20px 0 30px 0;
    font-size: .875rem
}

.save-private-record-modal .save-private-record-modal-footer {
    margin-top: 30px;
    display: flex;
    justify-content: center
}

@media screen and (max-width:479px) {
    .save-private-record-modal .save-private-record-modal-footer {
        flex-direction: column
    }
}

.save-private-record-modal.save-private-record-modal-model .modal-content.modal-header-outside .modal-body {
    max-width: 400px
}

.save-private-record-modal__button {
    min-width: 105px;
    text-overflow: unset;
    margin-right: 0
}

.save-private-record-modal__button+.save-private-record-modal__button {
    margin-left: 20px
}

@media screen and (max-width:479px) {
    .save-private-record-modal__button+.save-private-record-modal__button {
        margin-left: 0
    }
}

.signup-details-modal .modal-content.modal-header-outside .modal-body {
    background: 0 0;
    min-width: 640px;
    padding: 0
}

.signup-details-modal .logo {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    height: 20px;
    margin-bottom: 5px;
    width: 104px
}

.signup-details-modal .signup-details-modal-wrapper {
    background-image: url(/assets/users/components/ui/SignUpDetailsModal/images/bg.png);
    background-position: right;
    background-size: cover;
    border-radius: 8px;
    padding: 35px
}

.signup-details-modal .signup-details-modal-header {
    align-items: center;
    margin-bottom: 25px;
    display: flex;
    flex-direction: row
}

.signup-details-modal .signup-details-modal-header .icon-user-username {
    fill: #fff
}

.signup-details-modal .signup-details-modal-header .signup-details-modal-title-wrapper {
    margin-left: 10px
}

.signup-details-modal .signup-details-modal-header .signup-details-modal-title {
    font-size: 1rem;
    line-height: 1.25rem
}

.signup-details-modal .signup-details-modal-header .signup-details-modal-sub-title {
    max-width: 351px;
    font-size: 1.5rem;
    line-height: 1.5rem
}

.signup-details-modal .signup-details-modal-body .signup-details-modal-description {
    margin-bottom: 25px;
    max-width: 350px;
    opacity: .8;
    font-size: .875rem;
    line-height: 1.375rem
}

.signup-details-modal .signup-details-modal-body .signup-details-modal-controls {
    align-items: flex-start;
    display: flex;
    flex-direction: row
}

.signup-details-modal .signup-details-modal-body .signup-details-modal-controls.column {
    flex-direction: column
}

.signup-details-modal .signup-details-modal-body .signup-details-modal-controls.column .signup-details-modal-field:not(:first-child) {
    margin-top: 15px;
    width: 100%
}

.signup-details-modal .signup-details-modal-body .signup-details-modal-controls.column button {
    margin: 20px 0 0 0
}

.signup-details-modal .signup-details-modal-body .recaptcha {
    display: inline-block;
    transform-origin: 0 0
}

@media screen and (max-width:639px) {
    .signup-details-modal .signup-details-modal-body .recaptcha {
        height: 68px;
        transform: scale(.88)
    }
}

@media screen and (min-width:640px) {
    .signup-details-modal .signup-details-modal-body .recaptcha {
        height: 64px;
        transform: scale(.82)
    }
}

@media screen and (max-width:1023px) {
    .signup-details-modal .signup-details-modal-body .recaptcha+.tooltip {
        margin-top: -14px
    }
}

@media screen and (min-width:1024px) {
    .signup-details-modal .signup-details-modal-body .recaptcha+.tooltip {
        transform: translateX(-26px)
    }
}

.signup-details-modal .signup-details-modal-body .signup-details-modal-controls-input {
    position: relative
}

.signup-details-modal .signup-details-modal-body .input {
    min-width: 250px
}

.signup-details-modal .signup-details-modal-body .btn-signup-details {
    margin: 0 0 0 10px;
    padding: 0 35px
}

@media screen and (max-width:639px) {
    .signup-details-modal .modal-content.modal-header-outside .modal-body {
        background: 0 0;
        min-width: auto;
        padding: 0;
        width: 320px
    }

    .signup-details-modal .signup-details-modal-wrapper {
        background-image: url(/assets/users/components/ui/SignUpDetailsModal/images/bg_mobile.png);
        margin: 10px 0 0;
        padding: 25px
    }

    .signup-details-modal .signup-details-modal-header {
        flex-direction: column;
        justify-content: center;
        margin-bottom: 15px
    }

    .signup-details-modal .signup-details-modal-header .signup-details-modal-title-wrapper {
        margin: 10px 0 0
    }

    .signup-details-modal .signup-details-modal-header .signup-details-modal-title {
        justify-content: center;
        text-align: center;
        font-size: .875rem;
        line-height: 1.063rem;
        display: flex;
        flex-direction: row
    }

    .signup-details-modal .signup-details-modal-header .signup-details-modal-sub-title {
        text-align: center;
        font-size: 1.25rem;
        line-height: 1.563rem
    }

    .signup-details-modal .signup-details-modal-body {
        align-items: stretch;
        justify-content: center;
        display: flex;
        flex-direction: column
    }

    .signup-details-modal .signup-details-modal-body .signup-details-modal-description {
        margin-bottom: 15px;
        text-align: center;
        font-size: .75rem;
        line-height: 1.25rem
    }

    .signup-details-modal .signup-details-modal-body .signup-details-modal-controls {
        flex-direction: column
    }

    .signup-details-modal .signup-details-modal-body .username-input-wrapper {
        width: 100%
    }

    .signup-details-modal .signup-details-modal-body .input {
        width: 100%
    }

    .signup-details-modal .signup-details-modal-body .btn-default-filled {
        margin: 10px 0 0 0;
        width: 100%
    }
}

.start-public-record-modal .modal-content.modal-header-outside .modal-body {
    max-width: 330px;
    padding: 30px 50px;
    text-align: center
}

.start-public-record-modal .icon-camera-3 {
    color: #f8f8f8;
    height: 32px;
    width: 48px
}

.start-public-record-modal .start-public-record-modal-title {
    color: #f8f8f8;
    font-weight: 700;
    margin: 20px 0;
    font-size: 1.125rem
}

.start-public-record-modal .start-public-record-modal-body {
    color: rgba(248, 248, 248, .6);
    margin: 20px 0;
    font-size: .875rem
}

.start-public-record-modal .start-public-record-modal-price {
    color: #ffdf83
}

.start-public-record-modal .start-public-record-modal-footer {
    margin-top: 20px
}

.tokens-giveaway-modal.modal-wrapper .modal-content .modal-body {
    background-color: #3b3b3b;
    padding: 0;
    display: flex;
    flex-direction: row
}

.tokens-giveaway-modal .picture-wrapper {
    background-image: url(/assets/users/components/ui/TokensGiveawayModal/images/pic-dark.png);
    background-repeat: no-repeat;
    width: 350px
}

.tokens-giveaway-modal .description {
    margin: 20px 70px 20px 15px;
    width: 320px
}

.tokens-giveaway-modal .description .title {
    color: #f8f8f8;
    font-weight: 700;
    line-height: 34px;
    margin: 20px 0 20px 25px;
    font-size: 1.875rem
}

.tokens-giveaway-modal .description .title-green {
    color: #7dcd00;
    display: inline-block
}

.tokens-giveaway-modal .steps .step-row {
    margin: 25px 0;
    display: flex;
    flex-direction: row
}

.tokens-giveaway-modal .steps .step-row .step-number {
    color: #f8f8f8;
    font-weight: 400;
    line-height: 28px;
    margin-right: 15px;
    opacity: .4;
    text-align: right;
    font-size: 1.25rem
}

.tokens-giveaway-modal .steps .step-row .step-title {
    color: #f8f8f8;
    font-weight: 700;
    line-height: 24px;
    margin-bottom: 10px;
    font-size: 1.25rem
}

.tokens-giveaway-modal .steps .step-row .step-description {
    color: #fff;
    line-height: 20px;
    opacity: .8;
    font-size: .875rem
}

.tokens-giveaway-modal .steps .step-row:last-of-type {
    margin: 25px 0 0 0
}

.tokens-giveaway-modal .btn.signup {
    background: #62a52d;
    color: #fff;
    transition: all 90ms ease-in-out 0s;
    margin: 30px 0 20px 25px;
    padding: 0 50px;
    line-height: 2.813rem
}

.tokens-giveaway-modal .btn.signup>.icon {
    fill: #fff;
    transition: all 90ms ease-in-out 0s
}

@media (pointer:fine) {

    .tokens-giveaway-modal .btn.signup.hover,
    .tokens-giveaway-modal .btn.signup:hover {
        background: #6bb332;
        color: #fff
    }

    .tokens-giveaway-modal .btn.signup.hover>.icon,
    .tokens-giveaway-modal .btn.signup:hover>.icon {
        fill: #fff
    }
}

.tokens-giveaway-modal .btn.signup.active,
.tokens-giveaway-modal .btn.signup.focus,
.tokens-giveaway-modal .btn.signup:active,
.tokens-giveaway-modal .btn.signup:focus {
    background: #6bb332;
    color: #fff
}

.tokens-giveaway-modal .btn.signup.active>.icon,
.tokens-giveaway-modal .btn.signup.focus>.icon,
.tokens-giveaway-modal .btn.signup:active>.icon,
.tokens-giveaway-modal .btn.signup:focus>.icon {
    fill: #fff
}

.tokens-giveaway-modal .btn.signup .btn-loader-overlay {
    color: #fff;
    background-color: #62a52d
}

@media screen and (max-width:1023px) {
    .tokens-giveaway-modal .modal-content {
        max-width: calc(100% - 20px);
        width: 100%
    }

    .tokens-giveaway-modal .picture-wrapper {
        background-size: cover;
        width: auto;
        flex: 1;
        flex-basis: 50%;
        flex-grow: 0;
        flex-shrink: 1
    }

    .tokens-giveaway-modal .description {
        margin: 20px 10px;
        width: auto;
        flex: 1;
        flex-basis: 50%;
        flex-grow: 0;
        flex-shrink: 1
    }
}

@media screen and (max-width:639px) {
    .tokens-giveaway-modal .modal-content {
        height: calc(100% - 20px);
        text-align: center;
        width: calc(100% - 20px)
    }

    .tokens-giveaway-modal .picture-wrapper {
        display: none
    }

    .tokens-giveaway-modal .description {
        margin: 20px;
        flex: 1;
        flex-basis: 100%;
        flex-grow: 1;
        flex-shrink: 1
    }

    .tokens-giveaway-modal .description .title {
        margin: 20px
    }

    .tokens-giveaway-modal .steps .step-row {
        flex-direction: column
    }

    .tokens-giveaway-modal .steps .step-row .step-number {
        text-align: inherit
    }

    .tokens-giveaway-modal .btn.signup {
        margin: 30px
    }
}

.two-factor-authentication-modal .modal-content.modal-header-outside .modal-body {
    background: #2f2f2f;
    border-radius: 8px;
    color: #f8f8f8;
    padding: 35px;
    width: 640px
}

.two-factor-authentication-modal .logo {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    height: 20px;
    margin-bottom: 5px;
    width: 104px
}

.two-factor-authentication-modal .icon-wrong {
    fill: #f8f8f8;
    opacity: .6
}

.two-factor-authentication-modal .icon-user-username {
    fill: #f8f8f8;
    opacity: .6
}

.two-factor-authentication-modal .highlight {
    color: #83af23
}

.two-factor-authentication-modal .two-factor-authentication-wrapper {
    margin-bottom: 25px;
    display: flex;
    flex-direction: row
}

.two-factor-authentication-modal .two-factor-authentication-header {
    align-items: flex-start;
    justify-content: center;
    margin-left: 10px;
    text-align: center;
    display: flex;
    flex-direction: column
}

.two-factor-authentication-modal .two-factor-authentication-title {
    opacity: .6;
    font-size: 1rem;
    line-height: 1.25rem
}

.two-factor-authentication-modal .two-factor-authentication-sub-title {
    opacity: .9;
    font-size: 1.5rem;
    line-height: 1.813rem
}

.two-factor-authentication-modal .two-factor-authentication-description {
    color: rgba(248, 248, 248, .8);
    font-size: .875rem;
    line-height: 1.375rem
}

.two-factor-authentication-modal .two-factor-authentication-description a {
    text-decoration: underline
}

.two-factor-authentication-modal .two-factor-authentication-controls {
    align-items: flex-start;
    margin-top: 25px;
    display: flex;
    flex-direction: row
}

.two-factor-authentication-modal .two-factor-authentication-controls .btn {
    margin: 0;
    padding: 0 40px
}

@media screen and (max-width:639px) {
    .two-factor-authentication-modal .modal-content.modal-header-outside .modal-body {
        padding: 25px;
        width: 320px
    }

    .two-factor-authentication-modal .two-factor-authentication-wrapper {
        align-items: center;
        margin: 0;
        display: flex;
        flex-direction: column
    }

    .two-factor-authentication-modal .two-factor-authentication-header {
        align-items: center;
        justify-content: center;
        margin: 10px 0 20px;
        display: flex;
        flex-direction: column
    }

    .two-factor-authentication-modal .two-factor-authentication-title {
        font-size: .875rem;
        line-height: 1.063rem
    }

    .two-factor-authentication-modal .two-factor-authentication-sub-title {
        font-size: 1.25rem;
        line-height: 1.563rem
    }

    .two-factor-authentication-modal .two-factor-authentication-description {
        text-align: center;
        font-size: .75rem;
        line-height: 1.25rem
    }

    .two-factor-authentication-modal .two-factor-authentication-controls {
        justify-content: center
    }
}

@media screen and (max-width:639px) {
    .two-factor-auth-modal .modal-content {
        width: 100%
    }
}

.two-factor-auth-modal .modal-footer {
    color: rgba(248, 248, 248, .6);
    font-size: 13px;
    line-height: 21px;
    margin-top: 10px
}

.two-factor-auth-modal .modal-footer a:not(:hover) {
    color: rgba(248, 248, 248, .6);
    text-decoration: underline
}

@media screen and (max-width:639px) {
    .two-factor-auth-modal .modal-footer {
        text-align: center
    }
}

.two-factor-auth-modal .modal-body {
    background: 0 0 !important;
    border-radius: 6px;
    box-shadow: none !important;
    max-width: 650px;
    padding: 0;
    width: 100%
}

@media screen and (min-width:640px) {
    .two-factor-auth-modal .modal-body {
        width: 620px
    }
}

@media screen and (max-width:639px) {
    .two-factor-auth-modal .modal-body {
        margin-bottom: 10px
    }
}

.two-factor-auth-modal .two-factor-auth-header-wrapper {
    background: #232323;
    border-radius: 6px 6px 0 0
}

.two-factor-auth-modal .two-factor-auth-header {
    align-items: center;
    background-color: #383838;
    border-radius: 6px 6px 0 0;
    color: rgba(248, 248, 248, .9);
    display: flex;
    padding: 20px 40px
}

@media screen and (max-width:639px) {
    .two-factor-auth-modal .two-factor-auth-header {
        padding: 20px
    }
}

.two-factor-auth-modal .two-factor-auth-header .two-factor-auth-sub-title {
    color: rgba(248, 248, 248, .9);
    font-size: 18px;
    font-weight: 700;
    line-height: 24px
}

.two-factor-auth-modal .two-factor-auth-header .icon {
    color: #34b353;
    margin-right: 20px;
    min-width: 48px
}

.two-factor-auth-modal .two-factor-auth-header.two-factor-auth-header-disable .icon {
    color: #fa5365
}

.two-factor-auth-modal .two-factor-auth-header.two-factor-auth-header-enabled {
    background-color: rgba(52, 179, 83, .4)
}

.two-factor-auth-modal .two-factor-auth-header.two-factor-auth-header-enabled .two-factor-auth-sub-title {
    color: #f8f8f8
}

.two-factor-auth-modal .two-factor-auth-content {
    background-color: #232323;
    border-radius: 0 0 6px 6px;
    padding: 40px
}

@media screen and (max-width:639px) {
    .two-factor-auth-modal .two-factor-auth-content {
        padding: 20px
    }
}

.two-factor-auth-modal .two-factor-auth-content .two-factor-auth-description {
    color: rgba(248, 248, 248, .6);
    font-size: 13px;
    line-height: 22px
}

.two-factor-auth-modal .two-factor-auth-content .two-factor-auth-description.subheader {
    margin-bottom: 30px
}

.two-factor-auth-modal .two-factor-auth-content .two-factor-auth-controls-subtitle {
    color: rgba(248, 248, 248, .9);
    font-size: 15px;
    font-weight: 700;
    line-height: 19px;
    margin-bottom: 20px
}

.two-factor-auth-modal .two-factor-auth-content .two-factor-auth-controls {
    margin-top: 30px
}

.two-factor-auth-modal .two-factor-auth-content .two-factor-auth-controls.center {
    text-align: center
}

.two-factor-auth-modal .two-factor-auth-content .two-factor-auth-controls.center .btn {
    font-size: 15px;
    margin-bottom: 0
}

@media screen and (max-width:639px) {
    .two-factor-auth-modal .two-factor-auth-content .two-factor-auth-controls {
        margin-top: 20px
    }
}

.two-factor-auth-modal .two-factor-auth-content .two-factor-auth-controls .field-password {
    display: flex;
    flex-direction: row
}

.two-factor-auth-modal .two-factor-auth-content .two-factor-auth-controls .field-password .input {
    flex: 1
}

.two-factor-auth-modal .two-factor-auth-content .two-factor-auth-controls .field-password .btn {
    background-color: #34b353;
    font-size: 15px;
    margin-bottom: 0;
    margin-left: 20px
}

.two-factor-auth-modal .two-factor-auth-content .two-factor-auth-controls .field-password .btn:hover {
    background-color: #34c753;
    color: #fff !important
}

.two-factor-auth-modal .two-factor-auth-content .two-factor-auth-controls .field-password .btn.disable-auth {
    background-color: #a2252d
}

.two-factor-auth-modal .two-factor-auth-content .two-factor-auth-controls .field-password .btn.disable-auth:hover {
    background-color: #c12c35
}

@media screen and (max-width:639px) {
    .two-factor-auth-modal .two-factor-auth-content .two-factor-auth-controls .field-password {
        flex-direction: column
    }

    .two-factor-auth-modal .two-factor-auth-content .two-factor-auth-controls .field-password .btn {
        margin: 20px 0 0 0
    }
}

.two-factor-auth-modal .two-factor-auth-content.two-factor-auth-content-required .two-factor-auth-controls {
    margin-top: 20px
}

@media screen and (min-width:640px) {
    .two-factor-auth-modal .two-factor-auth-content.two-factor-auth-content-enabled .two-factor-auth-controls-subtitle {
        margin-bottom: 30px
    }
}

.two-factor-auth-modal .two-factor-auth-content.two-factor-auth-content-connect .two-factor-auth-controls-subtitle {
    font-size: 18px;
    line-height: 26px
}

.two-factor-auth-modal .two-factor-auth-content.two-factor-auth-content-connect .two-factor-auth-connect-step-content {
    display: flex;
    flex-direction: row;
    margin: 20px 0
}

@media screen and (max-width:639px) {
    .two-factor-auth-modal .two-factor-auth-content.two-factor-auth-content-connect .two-factor-auth-connect-step-content {
        flex-direction: column
    }
}

.two-factor-auth-modal .two-factor-auth-content.two-factor-auth-content-connect .two-factor-auth-connect-step-download .store {
    display: flex;
    flex-direction: row;
    margin-bottom: 20px
}

@media screen and (min-width:640px) {
    .two-factor-auth-modal .two-factor-auth-content.two-factor-auth-content-connect .two-factor-auth-connect-step-download .store:nth-of-type(2) {
        margin-left: 40px
    }
}

.two-factor-auth-modal .two-factor-auth-content.two-factor-auth-content-connect .two-factor-auth-connect-step-download .store a {
    height: 40px
}

.two-factor-auth-modal .two-factor-auth-content.two-factor-auth-content-connect .two-factor-auth-connect-step-download .store img {
    cursor: pointer;
    height: 40px;
    margin-left: 20px
}

.two-factor-auth-modal .two-factor-auth-content.two-factor-auth-content-connect .two-factor-auth-connect-step-download .store span {
    color: #f8f8f8;
    font-size: 13px;
    line-height: 16px;
    padding: 12px 0
}

@media screen and (max-width:639px) {
    .two-factor-auth-modal .two-factor-auth-content.two-factor-auth-content-connect .two-factor-auth-connect-step-download .store span {
        width: 50px
    }
}

.two-factor-auth-modal .two-factor-auth-content.two-factor-auth-content-connect .two-factor-auth-connect-step-qr img {
    background: #fff;
    height: 200px;
    margin: 0 20px 20px 0;
    padding: 20px;
    width: 200px
}

.two-factor-auth-modal .two-factor-auth-content.two-factor-auth-content-connect .two-factor-auth-connect-step-qr .secret-code {
    color: rgba(248, 248, 248, .9);
    font-size: 14px;
    font-weight: 700
}

.two-factor-auth-modal .two-factor-auth-content.two-factor-auth-content-connect .two-factor-auth-connect-code {
    margin-top: 0
}

.two-factor-auth-modal .two-factor-auth-content.two-factor-auth-content-connect .two-factor-auth-connect-code .field-password {
    margin-top: 20px
}

.two-factor-auth-modal .two-factor-auth-content.two-factor-auth-content-connect .step-wrapper {
    display: flex;
    margin-top: 10px
}

.two-factor-auth-modal .two-factor-auth-content.two-factor-auth-content-connect .step-nav {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-right: 30px
}

@media screen and (max-width:639px) {
    .two-factor-auth-modal .two-factor-auth-content.two-factor-auth-content-connect .step-nav {
        margin-right: 20px
    }
}

.two-factor-auth-modal .two-factor-auth-content.two-factor-auth-content-connect .step-nav .step-number {
    align-items: center;
    background-color: #0ca42c;
    border-radius: 50%;
    color: #fff;
    display: flex;
    justify-content: center;
    line-height: 30px;
    margin-bottom: 10px;
    width: 30px
}

.two-factor-auth-modal .two-factor-auth-content.two-factor-auth-content-connect .step-nav .step-line {
    background-color: rgba(12, 164, 44, .4);
    display: flex;
    height: 100%;
    width: 2px
}

.upload-cover-video-modal.modal-wrapper .modal-content>.modal-header {
    display: none
}

.upload-cover-video-modal .modal-content {
    background: rgba(59, 59, 59, .8);
    padding: 10px;
    width: 600px
}

.upload-cover-video-modal .upload-cover-video-modal__filename {
    padding-bottom: 20px
}

.upload-cover-video-modal .upload-cover-video-modal__row {
    display: flex
}

.upload-cover-video-modal .upload-cover-video-modal__icon {
    align-items: center;
    background-color: rgba(255, 255, 255, .2);
    display: flex;
    height: 95px;
    justify-content: center;
    margin-right: 20px;
    width: 25%
}

.upload-cover-video-modal .upload-cover-video-modal__progress {
    width: 100%
}

.upload-cover-video-modal .upload-cover-video-modal__actions {
    border-top: 1px solid rgba(0, 0, 0, .5);
    display: flex;
    margin: 10px -10px 0 -10px;
    padding: 10px 10px 0px 10px;
    justify-content: center
}

.upload-cover-video-modal .upload-cover-video-modal__actions .btn {
    margin: 0
}

.upload-documents-modal .modal-content.modal-header-outside .modal-body {
    background: #2f2f2f;
    max-width: 350px;
    padding: 30px;
    text-align: center
}

.upload-documents-modal .icon {
    color: #34b353;
    height: 48px;
    width: 48px
}

.upload-documents-modal .upload-documents-modal-title {
    color: #f8f8f8;
    font-weight: 700;
    margin: 20px 0;
    font-size: 1.063rem
}

.upload-documents-modal .upload-documents-modal-body {
    color: rgba(248, 248, 248, .6);
    margin: 20px 0 30px 0;
    font-size: .813rem
}

.upload-documents-modal .upload-documents-modal-footer {
    margin-top: 30px
}

.upload-documents-modal .upload-documents-modal-footer .btn {
    margin: 0;
    width: 105px
}

.upload-documents-modal .upload-documents-modal-footer .btn-apply {
    margin-right: 20px
}

.marked-avatar {
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    border-style: solid;
    border-color: currentColor;
    color: #454545;
    cursor: pointer;
    display: block;
    padding-top: 123.6%;
    position: relative;
    transition: color .3s, background-size .3s;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    width: 110px
}

.marked-avatar-size-medium {
    border-width: 4px;
    border-radius: 6px
}

.marked-avatar-mark {
    align-items: center;
    background: #34b353;
    border: 4px solid currentColor;
    border-radius: 50%;
    bottom: -11px;
    display: flex;
    height: 26px;
    justify-content: center;
    position: absolute;
    transform: scale(0);
    transition: transform .3s;
    right: -11px;
    width: 26px
}

.marked-avatar-mark .icon {
    color: #fff;
    height: 14px;
    margin: 0;
    width: 14px
}

.marked-avatar:hover {
    background-size: 110% 110%;
    color: #34b353
}

.marked-avatar.checked {
    background-size: 110% 110%;
    color: #34b353
}

.marked-avatar.checked .marked-avatar-mark {
    transform: scale(1)
}

.user-on-boarding-modal.modal-wrapper .modal-content .modal-body {
    border-radius: 16px;
    max-width: 100%;
    width: 854px;
    padding: 0;
    overflow: hidden
}

.user-on-boarding-modal-content {
    background: #262626;
    color: #fff;
    max-height: calc(100vh - 280px)
}

.user-on-boarding-modal-header {
    background: radial-gradient(67% 100% at 49.94% 100%, #6a171c 0%, #240002 100%);
    color: #fff;
    min-height: 126px;
    padding: 30px 30px 0;
    text-align: center
}

.user-on-boarding-modal-header h2 {
    font-size: 26px;
    font-weight: 600;
    letter-spacing: normal;
    line-height: normal;
    margin: 0 0 18px
}

.user-on-boarding-modal-header p {
    font-size: 15px;
    margin: 0;
    padding: 0 0 1rem
}

.user-on-boarding-modal-close {
    align-items: center;
    background: 0 0;
    border: 0;
    display: none;
    justify-content: center;
    opacity: .6;
    padding: 2px;
    position: absolute;
    right: 10px;
    top: 10px
}

.user-on-boarding-modal-close .icon {
    color: #f8f8f8;
    fill: currentColor;
    height: 14px;
    margin: 0;
    width: 14px
}

.user-on-boarding-modal-content {
    position: relative;
    overflow: hidden auto
}

.user-on-boarding-modal-content::after {
    clear: both;
    content: "";
    display: block;
    height: 40px
}

.user-on-boarding-modal-item-content-wrapper {
    position: relative
}

.user-on-boarding-modal-item-content-wrapper .shadow {
    bottom: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    transition: opacity .3s;
    width: 24px;
    z-index: 2
}

.user-on-boarding-modal-item-content-wrapper .shadow.left {
    background: linear-gradient(90deg, #262626 0%, rgba(38, 38, 38, .6) 40%, rgba(38, 38, 38, 0) 100%);
    left: 0
}

.user-on-boarding-modal-item-content-wrapper .shadow.right {
    background: linear-gradient(270deg, #262626 0%, rgba(38, 38, 38, .6) 40%, rgba(38, 38, 38, 0) 100%);
    right: 0
}

.user-on-boarding-modal-item-content-wrapper .shadow.hidden {
    opacity: 0
}

.user-on-boarding-modal-avatar-wrapper {
    display: inline-block;
    margin-left: 12px;
    text-align: center;
    vertical-align: top;
    width: 110px
}

.user-on-boarding-modal-avatar-wrapper:first-child {
    margin-left: 16px
}

.user-on-boarding-modal-avatar-wrapper:last-child {
    margin-right: 16px
}

.user-on-boarding-modal-avatar-title {
    font-size: 15px;
    font-weight: 700;
    letter-spacing: normal;
    line-height: normal;
    white-space: normal;
    word-break: break-word
}

.user-on-boarding-modal-avatar-title>div {
    font-size: 13px;
    opacity: .4
}

.user-on-boarding-modal-avatar-description {
    margin: 10px 0 0
}

.user-on-boarding-modal-item h3 {
    font-size: 18px;
    font-weight: 500;
    letter-spacing: normal;
    line-height: 23px;
    align-items: center;
    display: flex;
    justify-content: space-between;
    margin: 0;
    padding: 30px 40px 16px
}

.user-on-boarding-modal-item h3::before {
    background: rgba(255, 255, 255, .2);
    content: "";
    flex: 1;
    height: 1px;
    margin: 0 16px 0 0
}

.user-on-boarding-modal-item h3::after {
    background: rgba(255, 255, 255, .2);
    content: "";
    flex: 1;
    height: 1px;
    margin: 0 0 0 16px
}

.user-on-boarding-modal-item-content {
    -webkit-overflow-scrolling: touch;
    overflow: auto;
    text-align: center;
    white-space: nowrap;
    width: 100%
}

.user-on-boarding-modal .marked-avatar-mark {
    border-color: #262626
}

.user-on-boarding-modal-footer {
    align-items: center;
    background: #333;
    box-shadow: 0 -4px 40px rgba(0, 0, 0, .2);
    display: flex;
    height: 64px;
    justify-content: center;
    position: relative
}

.user-on-boarding-modal-footer .btn {
    margin: 0
}

.user-on-boarding-modal-footer::before {
    background: linear-gradient(0deg, #262626 0%, rgba(38, 38, 38, 0) 100%);
    border-bottom: 1px solid rgba(255, 255, 255, .1);
    bottom: 100%;
    content: "";
    height: 26px;
    left: 0;
    margin-bottom: -1px;
    pointer-events: none;
    position: absolute;
    width: 100%
}

@media screen and (max-width:1023px) {
    .user-on-boarding-modal.modal-wrapper {
        margin: 0;
        padding: 0;
        top: 54px !important
    }

    .user-on-boarding-modal.modal-wrapper .modal-content {
        max-width: 100%;
        width: 100%
    }

    .user-on-boarding-modal.modal-wrapper .modal-content .modal-header {
        display: none
    }

    .user-on-boarding-modal.modal-wrapper .modal-content .modal-body {
        border-radius: 0;
        width: 100%
    }

    .user-on-boarding-modal-header {
        padding: 20px 30px 0
    }

    .user-on-boarding-modal-close {
        display: flex
    }

    .user-on-boarding-modal-item h3 {
        padding: 30px 16px 16px
    }

    .user-on-boarding-modal-content {
        max-height: none;
        min-height: auto
    }

    .user-on-boarding-modal-content::after {
        height: 140px
    }

    .user-on-boarding-modal-footer {
        bottom: 0;
        left: 0;
        position: fixed;
        right: 0
    }

    .user-on-boarding-modal-avatar-wrapper {
        margin-left: 8px
    }

    .user-on-boarding-modal .marked-avatar {
        width: auto
    }

    .user-on-boarding-modal .marked-avatar:not(.checked) {
        background-size: 100% 100%;
        color: #454545
    }

    .user-on-boarding-modal .marked-avatar-mark {
        height: 22px;
        width: 22px;
        border-width: 3px
    }

    .user-on-boarding-modal .marked-avatar-mark .icon {
        height: 12px;
        width: 12px
    }
}

@media screen and (max-width:600px) {
    .user-on-boarding-modal-avatar-wrapper {
        margin-left: 8px;
        width: 27vw
    }
}

.fan-club-avatar {
    position: relative;
    display: inline-block
}

.fan-club-avatar__icon-wrapper {
    position: absolute;
    right: 5px;
    bottom: 8px;
    transform: translate(50%, 50%);
    border-radius: 100px;
    width: 28px;
    height: 28px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    display: flex;
    flex-direction: row
}

.fan-club-avatar__icon-wrapper--big {
    width: 47px;
    height: 47px;
    right: 8px;
    bottom: 12px
}

.fan-club-avatar__icon {
    margin: 1px 0 0 0;
    color: #ff2a59
}

.unsubscribe-finish-modal {
    padding: 40px 45px 30px;
    text-align: center;
    max-width: 450px
}

.unsubscribe-finish-modal--page-loader {
    padding: 93px 95px
}

@media screen and (max-width:639px) {
    .unsubscribe-finish-modal--page-loader {
        padding: 85px 40px
    }
}

.unsubscribe-finish-modal__content {
    font-size: 22px;
    margin-top: 18px;
    margin-bottom: 24px;
    line-height: 120%
}

.unsubscribe-finish-modal__icon-wrapper {
    background-color: #303133
}

.unsubscribe-finish-modal__ultimate-icon {
    width: 94px;
    height: 94px
}

.unsubscribe-finish-modal__actions {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    display: flex;
    flex-direction: row
}

@media screen and (max-width:639px) {
    .unsubscribe-finish-modal__actions {
        display: flex;
        flex-direction: column
    }
}

.unsubscribe-finish-modal__button-wrap {
    flex: 1
}

.unsubscribe-finish-modal__button-wrap+.unsubscribe-finish-modal__button-wrap {
    margin-left: 20px
}

.unsubscribe-finish-modal__button-wrap:last-child:first-child {
    max-width: 212px
}

@media screen and (max-width:639px) {
    .unsubscribe-finish-modal__button-wrap {
        width: 100%
    }

    .unsubscribe-finish-modal__button-wrap+.unsubscribe-finish-modal__button-wrap {
        margin-left: 0
    }
}

.unsubscribe-finish-modal__button {
    width: 100%;
    font-weight: 500
}

.unsubscribe-finish-modal__loading-description {
    margin-top: 32px;
    font-size: 22px;
    font-weight: 500;
    line-height: 27px
}

.unsubscribe-modal {
    max-width: 450px
}

.unsubscribe-modal .unsubscribe-modal__header-fan-club {
    padding-top: 16px
}

.unsubscribe-modal__header {
    padding: 20px 20px 16px;
    background-color: #3b3b3b
}

.unsubscribe-modal__header-title {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    display: flex;
    flex-direction: row
}

.unsubscribe-modal__header-label {
    font-size: 18px;
    font-weight: 700;
    letter-spacing: normal;
    line-height: 22px
}

.unsubscribe-modal__header-right {
    margin-left: 18px;
    flex: 1
}

.unsubscribe-modal__header-right--ultimate {
    margin-left: 10px
}

.unsubscribe-modal__sub-title {
    margin-top: 10px
}

.unsubscribe-modal__perks {
    font-weight: 400;
    font-size: 13px;
    line-height: 20px;
    color: rgba(248, 248, 248, .6);
    margin-top: 10px
}

.unsubscribe-modal__perks-title {
    color: #f8f8f8
}

.unsubscribe-modal__content {
    padding: 16px 20px 10px
}

.unsubscribe-modal__actions {
    margin-top: 24px
}

.unsubscribe-modal .unsubscribe-modal__textarea {
    width: 100%;
    margin-top: 16px;
    border-radius: 16px
}

.unsubscribe-modal__red {
    color: #ff2a59
}

.unsubscribe-modal__header-sub-title {
    font-size: 12px;
    font-weight: 500;
    letter-spacing: normal;
    line-height: normal;
    margin-top: 2px
}

.unsubscribe-modal__why-title {
    font-size: 16px;
    font-weight: 700;
    letter-spacing: normal;
    line-height: normal
}

.unsubscribe-modal__icon-wrapper {
    background-color: #3b3b3b
}

.unsubscribe-modal__button {
    font-weight: 500;
    padding-left: 32px;
    padding-right: 32px
}

@media screen and (max-width:639px) {
    .unsubscribe-modal__button {
        width: 100%
    }
}

.pwa-install-notification-wrapper {
    display: none
}

.pwa-install-notification-wrapper .pwa-install-notification {
    display: none
}

.pwa-install-notification-wrapper .pwa-install-notification-fade-enter-done {
    opacity: 1;
    transition: opacity .3s ease-in
}

.pwa-install-notification-wrapper .pwa-install-notification-fade-enter-done .pwa-install-notification {
    display: flex
}

.pwa-install-notification-wrapper .pwa-install-notification-fade-enter {
    opacity: .01
}

.pwa-install-notification-wrapper .pwa-install-notification-fade-enter.pwa-install-notification-fade-enter-active {
    opacity: 1;
    transition: opacity .3s ease-in
}

.pwa-install-notification-wrapper .pwa-install-notification-fade-enter .pwa-install-notification {
    display: flex
}

.pwa-install-notification-wrapper .pwa-install-notification-fade-exit {
    opacity: 1
}

.pwa-install-notification-wrapper .pwa-install-notification-fade-exit.pwa-install-notification-fade-exit-active {
    opacity: .01;
    transition: opacity .3s ease-in
}

.pwa-install-notification-wrapper .pwa-install-notification-fade-exit .pwa-install-notification {
    display: none
}

.pwa-install-notification-wrapper.visible {
    display: block
}

.pwa-install-notification-wrapper.visible~header .header-top {
    position: relative
}

.pwa-install-notification {
    align-items: center;
    background-color: #282828;
    padding: 10px 15px;
    display: flex;
    flex-direction: row
}

.pwa-install-notification .icon {
    margin: 0
}

.pwa-install-notification .btn {
    margin-bottom: 0;
    margin-left: 10px;
    padding: 0 12px;
    flex: 1;
    flex-basis: auto;
    flex-grow: 0;
    flex-shrink: 0
}

.pwa-install-notification .close-button {
    color: #f8f8f8;
    margin-right: 15px;
    opacity: .5
}

.pwa-install-notification .close-button .icon {
    fill: #f8f8f8
}

.pwa-install-notification .pwa-install-notification-title {
    color: #f8f8f8;
    font-weight: 700;
    font-size: .875rem
}

.pwa-install-notification .pwa-install-notification-description {
    color: #f8f8f8;
    margin-top: 4px;
    opacity: .8;
    font-size: .75rem;
    line-height: 1.063rem
}

.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 {
    align-items: center;
    background: #a2252d;
    background: var(--primary);
    border-radius: 13px;
    height: 48px;
    justify-content: center;
    margin-right: 10px;
    width: 48px;
    flex: 1;
    flex-basis: auto;
    flex-grow: 0;
    flex-shrink: 0;
    display: flex;
    flex-direction: row
}

.pwa-install-notification .pwa-install-notification-logo.transparent {
    background: 0 0
}

.pwa-install-notification .pwa-install-notification-logo img {
    width: 100%;
    height: 100%
}

.pwa-install-popup-wrapper {
    background: rgba(0, 0, 0, .8);
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100vw;
    z-index: 100
}

.pwa-install-popup {
    background-color: #3b3b3b;
    border-radius: 12px;
    bottom: 20px;
    color: #f8f8f8;
    left: 50%;
    max-width: 290px;
    padding: 38px 24px 20px;
    pointer-events: all;
    position: fixed;
    transform: translateX(-50%);
    width: 100%;
    z-index: 500
}

.pwa-install-popup::before {
    border-color: transparent;
    border-style: solid;
    content: "";
    height: 0;
    position: absolute;
    width: 0;
    border-top-color: #3b3b3b;
    border-width: 8px 8px 0;
    left: calc(50% - 8px);
    top: 100%
}

.pwa-install-popup .close-button {
    color: #f8f8f8;
    margin-right: 15px;
    opacity: .5;
    position: absolute;
    right: 0px;
    top: 10px
}

.pwa-install-popup .close-button .icon {
    fill: #f8f8f8;
    margin: 0
}

.pwa-install-popup-title {
    font-weight: 700;
    margin: 8px 0px;
    font-size: 1rem;
    line-height: 1.125rem
}

.pwa-install-popup-description {
    margin: 8px 0px;
    opacity: .6;
    font-size: .813rem;
    line-height: 1rem
}

.pwa-install-popup-steps {
    font-size: .75rem;
    line-height: 1rem
}

.pwa-install-popup-steps ul {
    margin: 0
}

.pwa-install-popup-steps li {
    align-items: center;
    display: flex;
    padding: 8px 0
}

.pwa-install-popup-steps .icon {
    color: #f8f8f8;
    fill: #f8f8f8;
    margin-left: 5px;
    margin-top: -5px
}

.pwa-install-popup-logo {
    align-items: center;
    background: #a2252d;
    background: var(--primary);
    border-radius: 13px;
    box-shadow: 0px 0px 6px rgba(0, 0, 0, .1);
    height: 48px;
    justify-content: center;
    position: absolute;
    top: 0;
    transform: translateY(-40%);
    width: 48px;
    flex: 1;
    flex-basis: auto;
    flex-grow: 0;
    flex-shrink: 0;
    display: flex;
    flex-direction: row
}

.pwa-install-popup-logo.transparent {
    background: 0 0
}

.pwa-install-popup-logo .icon {
    margin: 0
}

.pwa-install-popup-logo img {
    width: 100%;
    height: 100%
}

.mobile-navbar {
    width: 100%;
    background: #232323
}

.mobile-navbar-inner {
    display: flex;
    justify-content: space-between;
    height: 60px;
    width: 100%;
    gap: 6px;
    padding: 10px
}

.mobile-navbar-tab {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: end;
    cursor: pointer;
    gap: 6px;
    width: 20%;
    text-align: center;
    font-weight: 500;
    font-size: 11px;
    line-height: 100%;
    letter-spacing: -.24px;
    color: rgba(240, 240, 240, .5)
}

.mobile-navbar-tab .icon {
    width: 24px;
    height: 24px;
    margin-right: 0;
    fill: rgba(240, 240, 240, .4)
}

.mobile-navbar-tab__active {
    color: #f0f0f0
}

.mobile-navbar-tab__active .icon {
    fill: #f0f0f0
}

@media screen and (min-width:1024px) {
    .mobile-navbar {
        display: none
    }
}

.join-sc-community-banner {
    background: #a2252d;
    background: var(--primary);
    line-height: 24px;
    font-weight: 500;
    font-size: 18px
}

.join-sc-community-banner .icon-stripchat-logo {
    margin-right: 12px;
    flex-shrink: 0
}

@media screen and (max-width:767px) {
    .join-sc-community-banner .icon-stripchat-logo {
        display: none
    }
}

.join-sc-community-banner__content {
    justify-content: center;
    align-items: center;
    padding: 10px 20px;
    display: flex
}

.join-sc-community-banner__btn {
    margin: 0 0 0 12px;
    flex-shrink: 0
}

@media screen and (max-width:767px) {
    .join-sc-community-banner {
        line-height: 18px;
        font-size: 15px
    }

    .join-sc-community-banner__btn {
        padding: 0 14px
    }
}

.sticky-bottom {
    position: fixed;
    z-index: 12;
    left: 0;
    right: 0;
    bottom: -120px;
    bottom: 0;
}

.sticky-bottom>:first-child {
    box-shadow: 0px -1px 1px rgba(0, 0, 0, .32)
}

.sticky-bottom>:last-child {
    padding-bottom: 120px;
    padding-bottom: 60px
}

@supports (margin-bottom:env(safe-area-inset-bottom)) {
    .sticky-bottom>:last-child {
        transition: transform .2s;
        margin-bottom: env(safe-area-inset-bottom)
    }
}

@media screen and (max-width:1023px) {
    .sticky-bottom__without-navbar {
        transform: translateY(60px);
        transition: transform .2s cubic-bezier(.455, .03, .515, .955)
    }

    .sticky-bottom__without-navbar>.mobile-navbar:first-child {
        box-shadow: none
    }

    .sticky-bottom__without-navbar>:nth-last-child(2) {
        padding-bottom: 120px
    }

    @supports (margin-bottom:env(safe-area-inset-bottom)) {
        .sticky-bottom__without-navbar>:nth-last-child(2) {
            transition: transform .2s;
            margin-bottom: env(safe-area-inset-bottom)
        }
    }

    .sticky-bottom__without-navbar>:nth-last-child(2)+* {
        padding-bottom: 0
    }

    .sticky-bottom__without-navbar>:last-child {
        margin-bottom: 0
    }
}

@media screen and (min-width:1024px) {
    .sticky-bottom>:nth-last-child(2) {
        padding-bottom: 120px
    }
}

@supports (position:sticky) {
    @media screen and (max-width:1023px) {
        .main-layout.sticky-header-mobile .wrapper>header {
            position: relative;
            z-index: 312
        }

        .main-layout.sticky-header-mobile .wrapper>.header-sub {
            position: relative;
            z-index: 311
        }

        .main-layout.sticky-header-mobile .header-notifications-wrapper {
            height: auto !important;
            position: sticky !important;
            top: 0;
            z-index: 310
        }

        .main-layout.sticky-header-mobile .header-notifications-wrapper .fixed.header-notifications {
            position: relative !important
        }

        .main-layout.sticky-header-mobile.sh-hide-header .header-user-menu .header-dropdown-content,
        .main-layout.sticky-header-mobile.sh-hide-header-instant .header-user-menu .header-dropdown-content,
        .main-layout.sticky-header-mobile.sh-show-header .header-user-menu .header-dropdown-content,
        .main-layout.sticky-header-mobile.sh-show-header-instant .header-user-menu .header-dropdown-content {
            max-height: calc(100vh - 12px - 54px - 12px);
            max-height: calc(1vh * 100 - 12px - 54px - 12px);
            max-height: calc(var(--vh-min, 1vh) * 100 - 12px - 54px - 12px)
        }

        .main-layout.sticky-header-mobile.sh-hide-header .model-filter-dropdown-wrapper,
        .main-layout.sticky-header-mobile.sh-hide-header .spotlight-dropdown,
        .main-layout.sticky-header-mobile.sh-hide-header-instant .model-filter-dropdown-wrapper,
        .main-layout.sticky-header-mobile.sh-hide-header-instant .spotlight-dropdown,
        .main-layout.sticky-header-mobile.sh-show-header .model-filter-dropdown-wrapper,
        .main-layout.sticky-header-mobile.sh-show-header .spotlight-dropdown,
        .main-layout.sticky-header-mobile.sh-show-header-instant .model-filter-dropdown-wrapper,
        .main-layout.sticky-header-mobile.sh-show-header-instant .spotlight-dropdown {
            max-height: calc(100vh - 96px);
            max-height: calc(1vh * 100 - 96px);
            max-height: calc(var(--vh, 1vh) * 100 - 96px)
        }

        .main-layout.sticky-header-mobile.sh-hide-header .header-user-menu .header-dropdown-content,
        .main-layout.sticky-header-mobile.sh-hide-header .model-filter-dropdown-wrapper,
        .main-layout.sticky-header-mobile.sh-hide-header-instant .header-user-menu .header-dropdown-content,
        .main-layout.sticky-header-mobile.sh-hide-header-instant .model-filter-dropdown-wrapper,
        .main-layout.sticky-header-mobile.sh-show-header .header-user-menu .header-dropdown-content,
        .main-layout.sticky-header-mobile.sh-show-header .model-filter-dropdown-wrapper,
        .main-layout.sticky-header-mobile.sh-show-header-instant .header-user-menu .header-dropdown-content,
        .main-layout.sticky-header-mobile.sh-show-header-instant .model-filter-dropdown-wrapper {
            overflow: auto;
            overscroll-behavior: none
        }

        .main-layout.sticky-header-mobile.sh-hide-header .header-user-menu .header-dropdown-content,
        .main-layout.sticky-header-mobile.sh-hide-header .model-filter-dropdown-wrapper,
        .main-layout.sticky-header-mobile.sh-hide-header-instant .header-user-menu .header-dropdown-content,
        .main-layout.sticky-header-mobile.sh-hide-header-instant .model-filter-dropdown-wrapper,
        .main-layout.sticky-header-mobile.sh-show-header .header-user-menu .header-dropdown-content,
        .main-layout.sticky-header-mobile.sh-show-header .model-filter-dropdown-wrapper,
        .main-layout.sticky-header-mobile.sh-show-header-instant .header-user-menu .header-dropdown-content,
        .main-layout.sticky-header-mobile.sh-show-header-instant .model-filter-dropdown-wrapper {
            scrollbar-width: thin;
            scrollbar-width: 5px;
            scrollbar-gutter: auto;
            scrollbar-color: #aaa transparent
        }

        .main-layout.sticky-header-mobile.sh-hide-header .header-user-menu .header-dropdown-content,
        .main-layout.sticky-header-mobile.sh-hide-header .model-filter-dropdown-wrapper,
        .main-layout.sticky-header-mobile.sh-hide-header-instant .header-user-menu .header-dropdown-content,
        .main-layout.sticky-header-mobile.sh-hide-header-instant .model-filter-dropdown-wrapper,
        .main-layout.sticky-header-mobile.sh-show-header .header-user-menu .header-dropdown-content,
        .main-layout.sticky-header-mobile.sh-show-header .model-filter-dropdown-wrapper,
        .main-layout.sticky-header-mobile.sh-show-header-instant .header-user-menu .header-dropdown-content,
        .main-layout.sticky-header-mobile.sh-show-header-instant .model-filter-dropdown-wrapper {
            scrollbar-face-color: #aaa;
            scrollbar-track-color: transparent
        }

        .main-layout.sticky-header-mobile.sh-hide-header .header-user-menu .header-dropdown-content::-webkit-scrollbar,
        .main-layout.sticky-header-mobile.sh-hide-header .model-filter-dropdown-wrapper::-webkit-scrollbar,
        .main-layout.sticky-header-mobile.sh-hide-header-instant .header-user-menu .header-dropdown-content::-webkit-scrollbar,
        .main-layout.sticky-header-mobile.sh-hide-header-instant .model-filter-dropdown-wrapper::-webkit-scrollbar,
        .main-layout.sticky-header-mobile.sh-show-header .header-user-menu .header-dropdown-content::-webkit-scrollbar,
        .main-layout.sticky-header-mobile.sh-show-header .model-filter-dropdown-wrapper::-webkit-scrollbar,
        .main-layout.sticky-header-mobile.sh-show-header-instant .header-user-menu .header-dropdown-content::-webkit-scrollbar,
        .main-layout.sticky-header-mobile.sh-show-header-instant .model-filter-dropdown-wrapper::-webkit-scrollbar {
            width: 5px;
            height: 5px
        }

        .main-layout.sticky-header-mobile.sh-hide-header .header-user-menu .header-dropdown-content::-webkit-scrollbar-thumb,
        .main-layout.sticky-header-mobile.sh-hide-header .model-filter-dropdown-wrapper::-webkit-scrollbar-thumb,
        .main-layout.sticky-header-mobile.sh-hide-header-instant .header-user-menu .header-dropdown-content::-webkit-scrollbar-thumb,
        .main-layout.sticky-header-mobile.sh-hide-header-instant .model-filter-dropdown-wrapper::-webkit-scrollbar-thumb,
        .main-layout.sticky-header-mobile.sh-show-header .header-user-menu .header-dropdown-content::-webkit-scrollbar-thumb,
        .main-layout.sticky-header-mobile.sh-show-header .model-filter-dropdown-wrapper::-webkit-scrollbar-thumb,
        .main-layout.sticky-header-mobile.sh-show-header-instant .header-user-menu .header-dropdown-content::-webkit-scrollbar-thumb,
        .main-layout.sticky-header-mobile.sh-show-header-instant .model-filter-dropdown-wrapper::-webkit-scrollbar-thumb {
            background: #aaa;
            height: 20%;
            border-radius: 2.5px
        }

        .main-layout.sticky-header-mobile.sh-hide-header .header-user-menu .header-dropdown-content::-webkit-scrollbar-track,
        .main-layout.sticky-header-mobile.sh-hide-header .model-filter-dropdown-wrapper::-webkit-scrollbar-track,
        .main-layout.sticky-header-mobile.sh-hide-header-instant .header-user-menu .header-dropdown-content::-webkit-scrollbar-track,
        .main-layout.sticky-header-mobile.sh-hide-header-instant .model-filter-dropdown-wrapper::-webkit-scrollbar-track,
        .main-layout.sticky-header-mobile.sh-show-header .header-user-menu .header-dropdown-content::-webkit-scrollbar-track,
        .main-layout.sticky-header-mobile.sh-show-header .model-filter-dropdown-wrapper::-webkit-scrollbar-track,
        .main-layout.sticky-header-mobile.sh-show-header-instant .header-user-menu .header-dropdown-content::-webkit-scrollbar-track,
        .main-layout.sticky-header-mobile.sh-show-header-instant .model-filter-dropdown-wrapper::-webkit-scrollbar-track {
            background: 0 0
        }

        .main-layout.sticky-header-mobile.sh-hide-header .header-user-menu .header-dropdown-content::-webkit-scrollbar-corner,
        .main-layout.sticky-header-mobile.sh-hide-header .model-filter-dropdown-wrapper::-webkit-scrollbar-corner,
        .main-layout.sticky-header-mobile.sh-hide-header-instant .header-user-menu .header-dropdown-content::-webkit-scrollbar-corner,
        .main-layout.sticky-header-mobile.sh-hide-header-instant .model-filter-dropdown-wrapper::-webkit-scrollbar-corner,
        .main-layout.sticky-header-mobile.sh-show-header .header-user-menu .header-dropdown-content::-webkit-scrollbar-corner,
        .main-layout.sticky-header-mobile.sh-show-header .model-filter-dropdown-wrapper::-webkit-scrollbar-corner,
        .main-layout.sticky-header-mobile.sh-show-header-instant .header-user-menu .header-dropdown-content::-webkit-scrollbar-corner,
        .main-layout.sticky-header-mobile.sh-show-header-instant .model-filter-dropdown-wrapper::-webkit-scrollbar-corner {
            background: 0 0
        }

        .main-layout.sticky-header-mobile.sh-hide-header .wrapper>header,
        .main-layout.sticky-header-mobile.sh-hide-header-instant .wrapper>header,
        .main-layout.sticky-header-mobile.sh-show-header .wrapper>header,
        .main-layout.sticky-header-mobile.sh-show-header-instant .wrapper>header {
            position: sticky;
            top: 0
        }

        .main-layout.sticky-header-mobile.sh-hide-header-instant.sticky-subheader-mobile .wrapper>.header-sub,
        .main-layout.sticky-header-mobile.sh-hide-header.sticky-subheader-mobile .wrapper>.header-sub,
        .main-layout.sticky-header-mobile.sh-show-header-instant.sticky-subheader-mobile .wrapper>.header-sub,
        .main-layout.sticky-header-mobile.sh-show-header.sticky-subheader-mobile .wrapper>.header-sub {
            position: sticky;
            top: 54px
        }

        .main-layout.sticky-header-mobile.sh-hide-header-instant.sticky-viewcam-subheader-mobile .view-cam-header-sub,
        .main-layout.sticky-header-mobile.sh-hide-header.sticky-viewcam-subheader-mobile .view-cam-header-sub,
        .main-layout.sticky-header-mobile.sh-show-header-instant.sticky-viewcam-subheader-mobile .view-cam-header-sub,
        .main-layout.sticky-header-mobile.sh-show-header.sticky-viewcam-subheader-mobile .view-cam-header-sub {
            position: sticky;
            top: calc(54px + 0px);
            top: calc(54px + var(--header-notifications-height, 0px));
            z-index: 309
        }

        .main-layout.sticky-header-mobile.sh-hide-header .header-notifications-wrapper,
        .main-layout.sticky-header-mobile.sh-hide-header-instant .header-notifications-wrapper,
        .main-layout.sticky-header-mobile.sh-show-header .header-notifications-wrapper,
        .main-layout.sticky-header-mobile.sh-show-header-instant .header-notifications-wrapper {
            top: 54px
        }

        .main-layout.sticky-header-mobile.sh-hide-header-instant.sticky-subheader-mobile .header-notifications-wrapper,
        .main-layout.sticky-header-mobile.sh-hide-header.sticky-subheader-mobile .header-notifications-wrapper,
        .main-layout.sticky-header-mobile.sh-show-header-instant.sticky-subheader-mobile .header-notifications-wrapper,
        .main-layout.sticky-header-mobile.sh-show-header.sticky-subheader-mobile .header-notifications-wrapper {
            top: 96px
        }

        .main-layout.sticky-header-mobile.sh-hide-header-instant .header-notifications-wrapper,
        .main-layout.sticky-header-mobile.sh-hide-header-instant .wrapper>header {
            transform: translateY(-54px);
            transition: transform 0s
        }

        .main-layout.sticky-header-mobile.sh-hide-header-instant .sticky-bottom.sticky-bottom__with-navbar {
            transform: translateY(60px);
            transition: transform .2s cubic-bezier(.455, .03, .515, .955)
        }

        .main-layout.sticky-header-mobile.sh-hide-header-instant .sticky-bottom.sticky-bottom__with-navbar>.mobile-navbar:first-child {
            box-shadow: none
        }

        .main-layout.sticky-header-mobile.sh-hide-header-instant .sticky-bottom.sticky-bottom__with-navbar>:nth-last-child(2) {
            padding-bottom: 120px
        }

        @supports (margin-bottom:env(safe-area-inset-bottom)) {
            .main-layout.sticky-header-mobile.sh-hide-header-instant .sticky-bottom.sticky-bottom__with-navbar>:nth-last-child(2) {
                transition: transform .2s;
                margin-bottom: env(safe-area-inset-bottom)
            }
        }

        .main-layout.sticky-header-mobile.sh-hide-header-instant .sticky-bottom.sticky-bottom__with-navbar>:nth-last-child(2)+* {
            padding-bottom: 0
        }

        .main-layout.sticky-header-mobile.sh-hide-header-instant .sticky-bottom.sticky-bottom__with-navbar>:last-child {
            margin-bottom: 0
        }

        .main-layout.sticky-header-mobile.sh-hide-header-instant .favorites-controls-panel__with-navbar {
            transform: translateY(0);
            transition: transform .2s cubic-bezier(.455, .03, .515, .955)
        }

        .main-layout.sticky-header-mobile.sticky-subheader-mobile.sh-hide-header-instant .header-notifications-wrapper,
        .main-layout.sticky-header-mobile.sticky-subheader-mobile.sh-hide-header-instant .wrapper>.header-sub,
        .main-layout.sticky-header-mobile.sticky-subheader-mobile.sh-hide-header-instant .wrapper>header {
            transform: translateY(-96px);
            transition: transform 0s
        }

        .main-layout.sticky-header-mobile.sticky-viewcam-subheader-mobile.sh-hide-header-instant .view-cam-header-sub,
        .main-layout.sticky-header-mobile.sticky-viewcam-subheader-mobile.sh-hide-header-instant .wrapper>header {
            transform: translateY(-96px);
            transition: transform 0s
        }

        .main-layout.sticky-header-mobile.sticky-viewcam-subheader-mobile.sh-hide-header-instant .header-notifications-wrapper {
            transform: translateY(-54px);
            transition: transform 0s
        }

        .main-layout.sticky-header-mobile.sh-show-header .header-notifications-wrapper,
        .main-layout.sticky-header-mobile.sh-show-header .wrapper>header {
            transform: translateY(0);
            transition: transform .196875s
        }

        .main-layout.sticky-header-mobile.sh-show-header .sticky-bottom.sticky-bottom__with-navbar {
            transform: translateY(0);
            transition: transform .2s cubic-bezier(.455, .03, .515, .955)
        }

        .main-layout.sticky-header-mobile.sh-show-header .favorites-controls-panel__with-navbar {
            transform: translateY(-60px);
            transition: transform .2s cubic-bezier(.455, .03, .515, .955)
        }

        .main-layout.sticky-header-mobile.sh-show-header-instant .header-notifications-wrapper,
        .main-layout.sticky-header-mobile.sh-show-header-instant .wrapper>header {
            transform: translateY(0);
            transition: transform 0s
        }

        .main-layout.sticky-header-mobile.sh-show-header-instant .sticky-bottom.sticky-bottom__with-navbar {
            transform: translateY(0);
            transition: transform 0s
        }

        .main-layout.sticky-header-mobile.sh-show-header-instant .favorites-controls-panel__with-navbar {
            transform: translateY(-60px);
            transition: transform 0s
        }

        .main-layout.sticky-header-mobile.sticky-subheader-mobile.sh-show-header .header-notifications-wrapper,
        .main-layout.sticky-header-mobile.sticky-subheader-mobile.sh-show-header .wrapper>.header-sub,
        .main-layout.sticky-header-mobile.sticky-subheader-mobile.sh-show-header .wrapper>header {
            transform: translateY(0);
            transition: transform .35s
        }

        .main-layout.sticky-header-mobile.sticky-viewcam-subheader-mobile.sh-show-header .view-cam-header-sub,
        .main-layout.sticky-header-mobile.sticky-viewcam-subheader-mobile.sh-show-header .wrapper>header {
            transform: translateY(0);
            transition: transform .25s linear
        }

        .main-layout.sticky-header-mobile.sticky-viewcam-subheader-mobile.sh-show-header .header-notifications-wrapper {
            transform: translateY(0);
            transition: transform .140625s .109375s linear
        }

        .main-layout.sticky-header-mobile.sh-hide-header .header-notifications-wrapper,
        .main-layout.sticky-header-mobile.sh-hide-header .wrapper>header {
            transform: translateY(-54px);
            transition: transform .196875s
        }

        .main-layout.sticky-header-mobile.sh-hide-header .sticky-bottom.sticky-bottom__with-navbar {
            transform: translateY(60px);
            transition: transform .2s cubic-bezier(.455, .03, .515, .955)
        }

        .main-layout.sticky-header-mobile.sh-hide-header .sticky-bottom.sticky-bottom__with-navbar>.mobile-navbar:first-child {
            box-shadow: none
        }

        .main-layout.sticky-header-mobile.sh-hide-header .sticky-bottom.sticky-bottom__with-navbar>:nth-last-child(2) {
            padding-bottom: 120px
        }

        @supports (margin-bottom:env(safe-area-inset-bottom)) {
            .main-layout.sticky-header-mobile.sh-hide-header .sticky-bottom.sticky-bottom__with-navbar>:nth-last-child(2) {
                transition: transform .2s;
                margin-bottom: env(safe-area-inset-bottom)
            }
        }

        .main-layout.sticky-header-mobile.sh-hide-header .sticky-bottom.sticky-bottom__with-navbar>:nth-last-child(2)+* {
            padding-bottom: 0
        }

        .main-layout.sticky-header-mobile.sh-hide-header .sticky-bottom.sticky-bottom__with-navbar>:last-child {
            margin-bottom: 0
        }

        .main-layout.sticky-header-mobile.sh-hide-header .favorites-controls-panel__with-navbar {
            transform: translateY(0);
            transition: transform .2s cubic-bezier(.455, .03, .515, .955)
        }

        .main-layout.sticky-header-mobile.sticky-subheader-mobile.sh-hide-header .header-notifications-wrapper,
        .main-layout.sticky-header-mobile.sticky-subheader-mobile.sh-hide-header .wrapper>.header-sub,
        .main-layout.sticky-header-mobile.sticky-subheader-mobile.sh-hide-header .wrapper>header {
            transform: translateY(-96px);
            transition: transform .35s
        }

        .main-layout.sticky-header-mobile.sticky-viewcam-subheader-mobile.sh-hide-header .view-cam-header-sub,
        .main-layout.sticky-header-mobile.sticky-viewcam-subheader-mobile.sh-hide-header .wrapper>header {
            transform: translateY(-96px);
            transition: transform .25s linear
        }

        .main-layout.sticky-header-mobile.sticky-viewcam-subheader-mobile.sh-hide-header .header-notifications-wrapper {
            transform: translateY(-54px);
            transition: transform .140625s linear
        }
    }

    @media screen and (min-width:1024px) {
        .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(100vh - 12px - 54px - 12px - 0px);
            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(100vh - 12px - 54px - 12px - 66px);
            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(100vh - 12px - 54px - 12px - 76px);
            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(100vh - 12px - 54px - 12px - 142px);
            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(100vh - 96px - 0px);
            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(100vh - 96px - 66px);
            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(100vh - 96px - 76px);
            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(100vh - 96px - 142px);
            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
        }

        .main-layout.sticky-header-desktop .header-user-menu .header-dropdown-content,
        .main-layout.sticky-header-desktop.sticky-subheader-desktop .model-filter-dropdown-wrapper {
            scrollbar-width: thin;
            scrollbar-width: 5px;
            scrollbar-gutter: auto;
            scrollbar-color: #aaa transparent
        }

        .main-layout.sticky-header-desktop .header-user-menu .header-dropdown-content,
        .main-layout.sticky-header-desktop.sticky-subheader-desktop .model-filter-dropdown-wrapper {
            scrollbar-face-color: #aaa;
            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 {
            width: 5px;
            height: 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;
            height: 20%;
            border-radius: 2.5px
        }

        .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
        }
    }

    @media screen and (min-width:1024px) {
        .main-layout.sticky-header-desktop .app-sidebar-content-non-overlay:not(.app-sidebar-content-non-overlay-hidden) {
            align-self: flex-start;
            display: flex;
            flex-direction: column;
            height: calc(100vh - 54px);
            overflow: hidden;
            position: sticky;
            top: 54px
        }

        .main-layout.sticky-header-desktop .app-sidebar-content-non-overlay:not(.app-sidebar-content-non-overlay-hidden) .app-sidebar-full-content-scroll-container {
            overflow-y: scroll;
            overscroll-behavior: none
        }

        .main-layout.sticky-header-desktop.sticky-subheader-desktop .app-sidebar-content-non-overlay {
            height: calc(100vh - 96px);
            top: 96px
        }

        .main-layout.sticky-header-desktop .app-sidebar-content-non-overlay:after {
            display: block
        }
    }
}

.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, .4);
    height: 12px !important;
    margin: 0;
    width: 12px !important
}

@media screen and (min-width:640px) {
    .toast-notification .toast-close-icon-box {
        padding: 6px
    }

    .toast-notification .toast-close-icon {
        height: 8px !important;
        width: 8px !important
    }
}

.toast-notifications {
    bottom: 0;
    box-shadow: 0 20px 30px rgba(0, 0, 0, .3);
    left: 0;
    position: fixed;
    width: 100%;
    z-index: 1000
}

@media screen and (min-width:640px) {
    .toast-notifications {
        bottom: 1.125rem;
        left: 1.125rem;
        width: 300px
    }
}

.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;
    min-height: 48px;
    justify-content: center;
    padding: 0 44px 0 14px;
    position: relative;
    overflow: hidden;
    text-shadow: 0px 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;
    position: absolute;
    right: 8px;
    opacity: .6;
    padding: 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-royal {
    background: radial-gradient(50% 401.25% at 50% 100%, #3d0301 0%, #000 100%)
}

.user-level-notification-league-legend {
    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 .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;
    transform: translate(-50%, -50%);
    top: 50%;
    width: 6px
}

.user-level-notification .ultimate-star::after {
    background: url(/theme/stripchat/svg/iltimate-star.svg) no-repeat center;
    height: 28px;
    width: 28px;
    background-size: 100%;
    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
}

@media screen and (max-width:639px) {
    .user-level-notification--almost-level-10 {
        padding-top: 8px;
        padding-bottom: 8px
    }

    .user-level-notification__badge {
        margin-top: 5px;
        margin-left: 5px;
        align-self: flex-start
    }

    .user-level-notification--almost-level-10 .user-level-notification__content {
        display: block
    }

    .user-level-notification--almost-level-10 .user-level-notification__level-up::before {
        content: "\a";
        white-space: pre
    }

    .user-level-notification__buy-tokens-button {
        margin-left: 0;
        margin-top: 8px
    }

    .user-level-notification .ultimate-star {
        height: 18px;
        margin: 0 1px;
        top: -1px;
        width: 18px
    }

    .user-level-notification .ultimate-star::before {
        display: none
    }

    .user-level-notification .ultimate-star::after {
        height: 18px;
        width: 18px
    }
}

.visitors-agreement-modal.modal-wrapper {
    z-index: 600;
    display: block;
    padding: 0;
    background-color: #000
}

@media screen and (max-width:479px) {
    .visitors-agreement-modal.modal-wrapper {
        background: linear-gradient(180deg, #a2252d 0%, #000 50%);
        background: linear-gradient(180deg, var(--primary-gradient) 0%, #000 50%)
    }
}

.visitor-agreement-hidden .visitors-agreement-modal.modal-wrapper {
    display: none
}

.visitors-agreement-modal .background-wrapper {
    min-height: 100%;
    position: relative
}

.visitors-agreement-modal .background-gradient {
    background: linear-gradient(180deg, #a2252d 0%, #000 50%);
    background: linear-gradient(180deg, var(--primary-gradient) 0%, #000 50%);
    position: absolute;
    left: 0;
    right: 0;
    min-height: 100%;
    opacity: .6;
    z-index: -1
}

.visitors-agreement-modal .content-wrapper {
    padding: 100px 20px 0
}

@media screen and (max-width:479px) {
    .visitors-agreement-modal .content-wrapper {
        padding-top: 18vh;
        padding-bottom: 30px
    }
}

.visitors-agreement-modal .content-container {
    max-width: 510px;
    margin: 0 auto;
    text-align: center
}

.visitors-agreement-modal .site-logo-wrapper {
    position: relative;
    height: 54px;
    display: flex;
    justify-content: center;
    margin: 0 auto
}

.visitors-agreement-modal .site-description {
    font-size: .938rem;
    line-height: 1.375rem;
    margin-top: 10px
}

.visitors-agreement-modal .gender-switcher {
    margin-top: 30px
}

.visitors-agreement-modal .hide-gender-switcher .gender-switcher {
    display: none
}

.visitors-agreement-modal .gender-switcher-title {
    font-size: .938rem
}

.visitors-agreement-modal .gender-switcher-labels {
    margin-top: 20px
}

.visitors-agreement-modal .gender-switcher-labels .gender-switcher-label {
    font-size: .75rem;
    margin: 0 16px;
    padding-bottom: 6px;
    text-transform: uppercase;
    cursor: pointer;
    opacity: .4;
    border-bottom: none;
    font-weight: 700
}

.visitors-agreement-modal .gender-switcher-labels .gender-switcher-label input {
    display: none
}

.visitors-agreement-modal .gender-switcher-labels .gender-switcher-label-active {
    opacity: 1
}

.visitors-agreement-modal .gender-switcher-labels .gender-switcher-label-active.gender-switcher-label-girls {
    border-bottom: 2px solid #c22934
}

.visitors-agreement-modal .gender-switcher-labels .gender-switcher-label-active.gender-switcher-label-men {
    border-bottom: 2px solid #477dd2
}

.visitors-agreement-modal .gender-switcher-labels .gender-switcher-label-active.gender-switcher-label-trans {
    border-bottom: 2px solid #6b00eb
}

.visitors-agreement-modal .agreement-terms {
    font-size: .688rem;
    line-height: 1rem;
    opacity: .6;
    margin-top: 30px
}

.visitors-agreement-modal .agreement-terms a {
    text-decoration: underline;
    color: #f8f8f8
}

.visitors-agreement-modal .gdpr-terms {
    margin-bottom: 30px;
    margin-top: 26px;
    opacity: .6;
    font-size: .688rem;
    line-height: 1rem
}

.visitors-agreement-modal .btn-visitors-agreement-accept {
    background: #79943d;
    color: #f8f8f8;
    transition: all 90ms ease-in-out 0s;
    margin-bottom: 0;
    margin-top: 30px;
    font-weight: 700
}

.visitors-agreement-modal .btn-visitors-agreement-accept>.icon {
    fill: #f8f8f8;
    transition: all 90ms ease-in-out 0s
}

@media (pointer:fine) {

    .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,
.visitors-agreement-modal .btn-visitors-agreement-accept.focus,
.visitors-agreement-modal .btn-visitors-agreement-accept:active,
.visitors-agreement-modal .btn-visitors-agreement-accept:focus {
    background: #79943d;
    color: #f8f8f8
}

.visitors-agreement-modal .btn-visitors-agreement-accept.active>.icon,
.visitors-agreement-modal .btn-visitors-agreement-accept.focus>.icon,
.visitors-agreement-modal .btn-visitors-agreement-accept:active>.icon,
.visitors-agreement-modal .btn-visitors-agreement-accept:focus>.icon {
    fill: #f8f8f8
}

@media (pointer:fine) {

    .visitors-agreement-modal .btn-visitors-agreement-accept.active:hover,
    .visitors-agreement-modal .btn-visitors-agreement-accept.focus:hover,
    .visitors-agreement-modal .btn-visitors-agreement-accept:active:hover,
    .visitors-agreement-modal .btn-visitors-agreement-accept:focus:hover {
        background: #8dac3f
    }
}

.visitors-agreement-modal .btn-visitors-agreement-accept .btn-loader-overlay {
    color: #f8f8f8;
    background-color: #79943d
}

.visitors-agreement-modal .hide-gender-switcher .btn-visitors-agreement-accept {
    margin-top: 30px
}

.visitors-agreement-modal-divider {
    margin: 30px 0;
    border-color: #fff;
    opacity: .15
}

.visitors-agreement-modal .decline-link {
    font-size: .75rem;
    text-decoration: underline
}

.visitors-agreement-modal .warnings {
    font-size: .688rem;
    margin-top: 60px;
    opacity: .6
}

.visitors-agreement-modal .warnings a {
    text-decoration: underline;
    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;
    width: 38px;
    margin-left: 25px;
    color: #fff
}

.chat-controls {
    height: auto;
    padding: 8px 6px;
    touch-action: none
}

.chat-controls .chat-controls-content {
    display: flex;
    align-items: flex-end
}

.chat-controls .input-wrapper {
    align-items: flex-end;
    background: #515255;
    border: 1px solid transparent;
    border-radius: 17px;
    display: flex;
    flex: 1;
    margin: 0 8px;
    position: relative
}

.chat-controls .input-wrapper.focus {
    border-color: rgba(248, 248, 248, .1)
}

.chat-controls textarea.chat-input {
    background: 0 0;
    border-radius: 17px;
    border: none;
    box-shadow: none;
    color: #f8f8f8;
    flex: 1;
    font-size: 13px;
    height: 30px;
    line-height: 16px;
    margin: 10px 0;
    outline: 0;
    padding: 0 12px;
    resize: none
}

.chat-controls textarea.chat-input:focus {
    background: 0 0;
    border: none;
    box-shadow: none;
    outline: 0
}

.chat-controls textarea.chat-input::-moz-placeholder {
    color: #f8f8f8;
    opacity: .5
}

.chat-controls textarea.chat-input::placeholder {
    color: #f8f8f8;
    opacity: .5
}

.chat-controls .input-buttons {
    align-items: center;
    display: flex;
    margin-bottom: 3px
}

.chat-controls .messenger-upload-button-wrapper {
    height: 30px;
    margin-right: 0;
    padding: 1px 4px 0 2px;
    transition: all .2s ease-in-out 0s
}

.chat-controls .messenger-upload-button-wrapper .icon {
    margin: 0
}

.chat-controls .messenger-upload-button-wrapper:hover .icon {
    transform: scale(1.1)
}

.chat-controls .smiles-dropdown {
    line-height: normal
}

.chat-controls .smiles-dropdown .trigger {
    height: 30px;
    width: auto
}

.chat-controls .smiles-dropdown .trigger .icon {
    color: #f8f8f8;
    fill: currentColor;
    opacity: .6;
    position: static
}

.chat-controls .chat-controls__voice-panel {
    bottom: 8px;
    left: 12px;
    position: absolute;
    right: 12px;
    z-index: 10;
    max-height: 100%;
    overflow-y: auto
}

.chat-controls .control-button {
    padding: 6px
}

.chat-controls .control-button:hover .tip-icon {
    transform: scale(1.1)
}

.chat-controls .send-button {
    cursor: default
}

.chat-controls .send-button.non-empty-input {
    cursor: pointer
}

.chat-controls .send-button.non-empty-input .send-icon {
    opacity: 1
}

.chat-controls .send-button.non-empty-input:hover .send-icon {
    transform: scale(1.1)
}

.chat-controls .control-icon {
    color: #f8f8f8;
    fill: currentColor;
    height: 20px;
    margin: 0;
    opacity: .6;
    width: 20px;
    transition: all .2s ease-in-out 0s
}

.chat-controls .control-icon.tip-icon {
    color: #e9a63b;
    opacity: 1
}

.chat-controls .smiles-dropdown .smiles-list {
    bottom: 40px;
    top: auto
}

@media (max-width:639px),
(max-height:615px) and (max-width:900px) {
    .chat-controls .smiles-dropdown .smiles-list {
        left: auto;
        right: 0
    }
}

.chat-error {
    background-color: #9e3233;
    bottom: 55px;
    color: #f8f8f8;
    left: 0;
    padding: 10px 12px;
    position: absolute;
    right: 0;
    text-align: center
}

.chat-error-link {
    text-decoration: underline
}

.chat-error-close-icon {
    position: absolute;
    right: 6px;
    top: 6px
}

.messenger-chat-stub {
    align-items: center;
    background: #515255;
    border-radius: 16px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin: 12px;
    padding: 16px
}

.messenger-chat-stub .blocked-icon {
    height: 45px;
    width: 45px
}

.messenger-chat-stub .stub-title {
    font-size: 17px;
    margin-top: 16px;
    text-align: center
}

.messenger-chat-stub .stub-description {
    font-size: 12px;
    line-height: 20px;
    margin-top: 12px;
    opacity: .6;
    text-align: center
}

.messenger-chat-stub .stub-unban-button {
    margin-top: 10px
}

.messenger-chat-stub .stub-description-link {
    color: inherit;
    cursor: pointer;
    text-decoration: underline
}

.messenger-chat-stub .stub-description-link:hover {
    color: #fff
}

.messenger-chat-stub .make-me-ultimate-button {
    margin-bottom: 0;
    margin-top: 10px
}

.messenger-chat-stub .make-me-ultimate-button .user-level-ultimate-badge {
    height: 18px;
    width: 18px
}

.messenger-chat-stub .new-ultimate-required {
    position: initial
}

.chat-skeleton {
    padding: 27px 12px 8px 12px
}

.chat-skeleton .message-skeleton {
    align-items: flex-end;
    display: flex
}

.chat-skeleton .message-skeleton:not(:first-child) {
    margin-top: 32px
}

.chat-skeleton .right-message {
    display: flex
}

.chat-skeleton .right-message .skeleton-message-content {
    align-items: flex-end;
    justify-content: flex-end
}

.chat-skeleton .skeleton-message-content {
    display: flex;
    flex: 1;
    flex-direction: column
}

.chat-skeleton .avatar-skeleton {
    animation: skeleton-animation 3s infinite linear;
    background: linear-gradient(90deg, #515255 20%, #535457 28%, #57595c 35%, #535457 42%, #515255 50%);
    background-size: 300% 100%;
    will-change: background-position;
    height: 24px;
    margin-right: 8px;
    width: 24px;
    border-radius: 50%
}

.chat-skeleton .skeleton-dashes {
    display: flex;
    justify-content: inherit;
    width: 100%
}

.chat-skeleton .skeleton-dashes .skeleton-dash:first-child {
    margin-right: 8px
}

.chat-skeleton .skeleton-dash {
    animation: skeleton-animation 3s infinite linear;
    background: linear-gradient(90deg, #515255 20%, #535457 28%, #57595c 35%, #535457 42%, #515255 50%);
    background-size: 300% 100%;
    will-change: background-position;
    border-radius: 37px;
    height: 6px
}

.chat-skeleton .skeleton-line:not(:first-child) {
    margin-top: 8px
}

.back-to-messenger-button {
    margin-right: 8px;
    align-items: center;
    border-radius: 2px;
    display: flex;
    height: 24px;
    justify-content: center;
    opacity: .5;
    width: 24px
}

.back-to-messenger-button:hover {
    background: rgba(248, 248, 248, .1);
    opacity: 1
}

.back-to-messenger-button .icon {
    margin: 0
}

.back-to-messenger-button--mobile {
    display: none
}

@media (max-width:639px),
(max-height:615px) and (max-width:900px) {
    .back-to-messenger-button--desktop {
        display: none
    }

    .back-to-messenger-button--mobile {
        display: block
    }
}

.closable-settings-menu .chat-header-personal-notifications-settings {
    right: 56px;
    top: 44px;
    width: 247px
}

@media (max-width:639px),
(max-height:615px) and (max-width:900px) {
    .closable-settings-menu .chat-header-personal-notifications-settings {
        bottom: auto;
        right: 107px
    }
}

.closable-settings-menu .chat-header-personal-notifications-settings .personal-notifications-settings-arrow-up {
    display: none
}

.messenger-chat-header {
    background-color: #3e3f42;
    border: 1px solid #515151;
    border-radius: 8px 8px 0 0;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.messenger-chat-header .chat-header-content {
    align-items: center;
    display: flex;
    padding: 5px 8px
}

@media (max-width:639px),
(max-height:615px) and (max-width:900px) {
    .messenger-chat-header .chat-header-content {
        padding: 14px 16px
    }
}

.messenger-chat-header .header-left-block {
    align-items: center;
    display: flex;
    flex: 1
}

.messenger-chat-header .chat-header-username {
    font-weight: 700
}

.messenger-chat-header .avatar-wrapper {
    height: 32px;
    margin-right: 11px;
    width: 32px
}

.messenger-chat-header .avatar-wrapper .avatar {
    border: 0
}

.messenger-chat-header .avatar-wrapper .avatar .online {
    height: 4px;
    left: 0;
    top: 0;
    width: 4px
}

.messenger-chat-header .avatar-wrapper .avatar::after {
    border: 2px solid transparent;
    border-radius: 50%;
    content: " ";
    height: 100%;
    position: absolute;
    width: 100%
}

.messenger-chat-header .avatar-wrapper .avatar .live-badge {
    border-color: #3e3f42;
    border-radius: 3px;
    border-width: 1px;
    bottom: -3px;
    font-size: 7px;
    padding: 2px 3px;
    z-index: 1
}

.messenger-chat-header .avatar-wrapper:hover .avatar::after {
    border-color: currentColor
}

.messenger-chat-header .username-userlevels {
    align-items: center
}

.messenger-chat-header .username-userlevels .level-badge {
    display: none
}

.messenger-chat-header .header-button {
    align-items: center;
    border-radius: 2px;
    display: flex;
    height: 24px;
    justify-content: center;
    opacity: .5;
    width: 24px
}

.messenger-chat-header .header-button:hover {
    background: rgba(248, 248, 248, .1);
    opacity: 1
}

.messenger-chat-header .more-button {
    align-items: center;
    border-radius: 2px;
    display: flex;
    height: 24px;
    justify-content: center;
    opacity: .5;
    width: 24px;
    margin-left: 8px
}

.messenger-chat-header .more-button:hover {
    background: rgba(248, 248, 248, .1);
    opacity: 1
}

.messenger-chat-header .more-icon {
    color: #f8f8f8;
    fill: currentColor;
    margin: 0;
    transform: rotate(90deg)
}

.messenger-chat-header .unread-messages {
    background-color: #fa5365;
    background-color: var(--primary-light);
    border-radius: 50%;
    height: 8px;
    margin: 0 6px;
    width: 8px
}

.messenger-chat-header .header-icon {
    color: #f8f8f8;
    margin: 0
}

.messenger-chat-header .collapse-button {
    margin-right: 10px;
    opacity: .5;
    transition: opacity .2s
}

@media (max-width:639px),
(max-height:615px) and (max-width:900px) {
    .messenger-chat-header .collapse-button {
        display: none
    }
}

.messenger-chat-header .collapse-button .hidden {
    opacity: 0
}

.messenger-chat-header .collapse-icon {
    height: 24px;
    width: 24px
}

.messenger-chat-header .close-icon {
    height: 13px;
    width: 13px
}

.messenger-chat {
    background-color: #3e3f42;
    border-radius: 8px 8px 0 0;
    box-shadow: 0 20px 30px rgba(0, 0, 0, .3);
    display: flex;
    flex-direction: column;
    position: relative;
    transition: width .2s;
    width: 250px
}

@media (max-width:639px),
(max-height:615px) and (max-width:900px) {
    .messenger-chat {
        border-radius: 0;
        bottom: 0;
        left: 0;
        position: fixed;
        right: 0;
        top: 0
    }
}

.messenger-chat:not(:first-child) {
    margin-left: 20px
}

.messenger-chat__voice-player {
    padding: 8px 12px;
    background-color: #3e3f42;
    z-index: 3
}

.messenger-chat .content {
    display: flex;
    flex-direction: column;
    height: 0;
    justify-content: flex-end;
    overflow: hidden;
    position: relative;
    transition: height .2s
}

.messenger-chat .content .request-private {
    align-items: center;
    background: #252525;
    display: flex;
    min-height: 60px;
    padding: 8px 16px;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1
}

.messenger-chat .content .request-private .request-private-title {
    color: #fff;
    font-size: 12px;
    font-weight: 500;
    line-height: 15px;
    margin-right: 24px
}

.messenger-chat .content .request-private .request-private-button {
    height: 34px;
    margin-left: auto
}

.messenger-chat .chat-header-username {
    max-width: 160px
}

.messenger-chat.expanded {
    overflow: inherit;
    width: 360px
}

@media (max-width:639px),
(max-height:615px) and (max-width:900px) {
    .messenger-chat.expanded {
        width: 100%
    }
}

.messenger-chat.expanded .messenger-chat-header {
    border-color: transparent;
    border-bottom-color: rgba(248, 248, 248, .1)
}

.messenger-chat.expanded .chat-header-username {
    max-width: 180px
}

.messenger-chat.expanded .content {
    height: 430px
}

@media (max-width:639px),
(max-height:615px) and (max-width:900px) {
    .messenger-chat.expanded .content {
        height: 100%
    }
}

.messenger-chat .skeleton-wrapper {
    flex: 1
}

.messenger-chat .see-last-message {
    align-items: center;
    background-color: #fff;
    border-radius: 50%;
    bottom: 87px;
    color: #101010;
    display: flex;
    height: 32px;
    justify-content: center;
    left: 50%;
    opacity: .8;
    position: absolute;
    transform: rotate(270deg);
    width: 32px
}

.messenger-chat .see-last-message:hover {
    opacity: 1
}

.messenger-chat .see-last-message-icon {
    margin: 0
}

.messenger-chat .message-request-reply-note {
    align-items: center;
    background-color: #515255;
    border-radius: 8px;
    color: rgba(248, 248, 248, .6);
    display: flex;
    justify-content: center;
    margin: 16px 12px 12px 12px;
    padding: 12px 35px;
    text-align: center
}

.i-os .messenger-chat .chat-controls {
    padding-bottom: 24px
}

.mixed-media-gallery {
    display: flex;
    flex-wrap: wrap;
    padding: 2px
}

.mixed-media-gallery .photo-wrapper {
    border: 2px solid #222;
    overflow: hidden;
    position: relative;
    width: 33.333%
}

.mixed-media-gallery .photo-wrapper:after {
    content: " ";
    display: block;
    padding-bottom: 75%
}

.mixed-media-gallery .photo {
    background-position: center;
    background-size: cover;
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    transition: transform .2s;
    width: 100%
}

.mixed-media-gallery .photo:hover {
    transform: scale3d(1.1, 1.1, 1)
}

.mixed-media-gallery .video-wrapper {
    width: 33.33%;
    position: relative
}

.mixed-media-gallery .video-wrapper .mixed-media-gallery-video {
    padding: 2px
}

.mixed-media-gallery .video-wrapper .video-under-thumb {
    display: none
}

.media-browser .browse-menu {
    border-bottom: 1px solid rgba(248, 248, 248, .1)
}

.media-browser .browse-button {
    font-size: 16px;
    margin-bottom: -1px;
    opacity: .6;
    padding: 15px 0
}

.media-browser .browse-button:not(:last-child) {
    margin-right: 30px
}

.media-browser .browse-button:hover {
    opacity: 1
}

.media-browser .browse-button.active {
    border-bottom: 3px solid #c22934;
    border-bottom: 3px solid var(--primary-border);
    opacity: 1
}

.media-browser .browse-button:disabled {
    opacity: .3;
    cursor: default
}

@media (max-width:767px) {
    .media-browser .browse-button {
        font-size: 13px
    }

    .media-browser .browse-button:not(:last-child) {
        margin-right: 20px
    }
}

.media-browser .media-browser-list {
    background-color: #222;
    border: none;
    margin-top: 20px;
    max-height: 450px;
    overflow: auto
}

.media-browser .videos-gallery {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    position: relative
}

.media-browser .videos-gallery .videos-list-item {
    flex-basis: 33.3333%;
    max-width: 33.3333%
}

@media (max-width:767px) {
    .media-browser .videos-gallery .videos-list-item {
        flex-basis: 50%;
        max-width: 50%
    }
}

.media-browser .placeholder {
    align-items: center;
    display: flex;
    height: 200px;
    justify-content: center;
    position: relative;
    width: 100%
}

.media-browser .empty-state {
    align-items: center;
    display: flex;
    flex-direction: column;
    opacity: .5
}

.media-browser .empty-state-icon {
    fill: currentColor;
    margin: 0
}

.media-browser .empty-state-icon.icon-photo-2 {
    height: 78px;
    width: 80px
}

.media-browser .empty-state-icon.icon-camera {
    height: 48px;
    width: 72px
}

.media-browser .empty-state-icon.icon-new-upload {
    height: 64px;
    width: 56px
}

.media-browser .empty-state-text {
    font-size: 16px;
    margin-top: 20px
}

.model-uploader {
    display: flex;
    margin-top: 20px
}

@media (max-width:767px) {
    .model-uploader {
        flex-direction: column
    }
}

.model-uploader .loading-image-wrapper {
    align-items: center;
    display: flex;
    justify-content: center;
    overflow: hidden
}

.model-uploader .video-preview-wrapper {
    position: relative
}

.model-uploader .video-duration {
    background-color: rgba(0, 0, 0, .5);
    bottom: 0;
    color: rgba(255, 255, 255, .8);
    padding: 0 4px;
    position: absolute;
    right: 0;
    font-size: .75rem
}

.model-uploader .loading-image {
    background-color: #424242;
    border-radius: 8px;
    height: 160px;
    -o-object-fit: cover;
    object-fit: cover;
    width: 190px
}

.model-uploader .loading-image.loading {
    filter: blur(10px);
    transform: scale(1.1)
}

.model-uploader .inputs {
    flex: 1;
    margin-left: 24px
}

@media (max-width:767px) {
    .model-uploader .inputs {
        margin-left: 0;
        margin-top: 20px
    }
}

.model-uploader .input-wrapper {
    align-items: center;
    display: flex;
    justify-content: space-between;
    margin-bottom: 12px
}

.model-uploader .input-wrapper label {
    align-items: center;
    display: inline-flex;
    flex-flow: row;
    margin: 0
}

.model-uploader .input-wrapper:last-child {
    margin-bottom: 0
}

@media (max-width:767px) {
    .model-uploader .input-wrapper {
        align-items: flex-start;
        flex-direction: column;
        position: relative
    }

    .model-uploader .input-wrapper label {
        margin-bottom: 8px
    }

    .model-uploader .input-wrapper .error.tooltip {
        bottom: 30px;
        display: flex;
        justify-content: center;
        left: -20px;
        margin: 0 auto;
        position: absolute;
        right: -20px
    }
}

.model-uploader .input {
    width: 80%
}

@media (max-width:767px) {
    .model-uploader .input {
        width: 100%
    }
}

.model-uploader .video-icon-wrapper {
    align-items: center;
    background-color: #424242;
    border-radius: 8px;
    display: flex;
    height: 160px;
    justify-content: center;
    width: 190px
}

.model-uploader .video-icon {
    height: 70px;
    margin: 0;
    width: 70px
}

.model-uploader .uploading-video {
    margin-bottom: 20px
}

.model-uploader .uploading-video .progress-bar.type-line .progress-bar-progress-wrapper {
    height: 28px
}

.model-uploader .video-name {
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 10px
}

.model-uploader .videos-list-item {
    cursor: default
}

.model-uploader .videos-list-item .video-under-thumb {
    height: auto
}

.model-uploader .videos-list-item .video-stats {
    display: none
}

.model-uploader .videos-list-item-inner {
    min-width: 200px
}

.model-uploader .albums-gallery-root {
    height: 150px;
    width: 150px
}

.model-uploader .albums-gallery-root .albums-list-item {
    flex-basis: 100%;
    max-width: 100%;
    width: 100%
}

.model-uploader .content-price-help {
    margin: 0;
    margin-left: 4px
}

.model-uploader__video-processed-message {
    align-items: center;
    display: flex
}

.model-uploader__video-processed-icon {
    fill: currentColor
}

.photo-camera {
    position: relative
}

.photo-camera .info {
    font-size: 13px;
    margin-bottom: 20px;
    margin-top: 10px;
    opacity: .6
}

.photo-camera .photo-cut-frame-wrapper {
    display: none
}

.photo-camera .photo-cut-source-container {
    background-color: #000;
    min-height: 250px;
    position: relative;
    width: 100%
}

.photo-camera .photo-cut-source-container video {
    display: block;
    max-width: 100%
}

.photo-camera .camera-controls {
    margin-top: 20px
}

.photo-camera .facing-mode {
    cursor: pointer;
    position: absolute;
    left: 10px;
    bottom: 10px;
    align-items: center;
    border-radius: 50%;
    justify-content: center;
    height: 38px;
    width: 38px;
    background: rgba(0, 0, 0, .6);
    display: flex;
    flex-direction: row
}

.photo-camera .facing-mode .icon {
    width: 20px;
    height: 20px;
    fill: #fff;
    margin: 0
}

.photo-camera .facing-mode:hover {
    opacity: .9
}

.photo-camera .video-devices-select {
    max-width: 351px;
    width: 100%;
    margin-bottom: 10px;
    margin-top: -10px
}

.user-uploader {
    margin-top: 20px
}

.user-uploader .content {
    position: relative
}

.user-uploader .loader-wrapper {
    background: rgba(0, 0, 0, .4);
    left: 50%;
    padding: 10px 20px;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 3
}

.user-uploader .loader-wrapper .loader {
    position: static;
    transform: none
}

.user-uploader .loading-image-wrapper {
    align-items: center;
    display: flex;
    justify-content: center;
    overflow: hidden;
    background-color: #272727
}

.user-uploader .loading-image {
    display: block;
    max-height: 50vh;
    max-width: 100%
}

.user-uploader .loading-image.loading {
    filter: blur(20px)
}

.media-uploader {
    background-color: #303030;
    border-radius: 8px;
    max-width: 100%;
    padding: 20px 30px;
    width: 680px
}

.media-uploader .title {
    font-size: 22px;
    font-weight: 700
}

@media (max-width:767px) {
    .media-uploader .title {
        font-size: 20px
    }
}

.media-uploader .price {
    background-color: #272727;
    border-radius: 8px;
    display: flex;
    justify-content: space-between;
    margin-top: 28px;
    padding: 12px 20px
}

.media-uploader .price-label {
    color: #fff;
    font-size: 13px;
    font-weight: 700;
    opacity: .6
}

.media-uploader .price-value {
    color: #ffd737;
    font-weight: 700
}

.media-uploader .price-value .icon {
    fill: currentColor
}

.media-uploader .free-price {
    color: #f8f8f8;
    font-weight: 700
}

.media-uploader .choose-buttons {
    display: flex;
    justify-content: space-between;
    margin-bottom: 15px;
    margin-top: 20px
}

@media (max-width:767px) {
    .media-uploader .choose-buttons {
        flex-wrap: wrap
    }
}

.media-uploader .choose-button {
    align-items: center;
    background-color: #424242;
    border-radius: 12px;
    color: #f8f8f8;
    display: flex;
    flex-direction: column;
    height: 115px;
    justify-content: center;
    margin-left: 20px;
    width: 300px
}

.media-uploader .choose-button:first-child {
    margin-left: 0
}

.media-uploader .choose-button:hover {
    background-color: #545454
}

.media-uploader .choose-button:hover .choose-button-content {
    opacity: 1
}

@media (max-width:767px) {
    .media-uploader .choose-button {
        flex: 1;
        margin-left: 10px;
        width: auto
    }

    .media-uploader .choose-button .upload-label {
        font-weight: 400
    }

    .media-uploader .choose-button--last {
        flex-basis: 100%;
        margin-top: 10px;
        margin-left: 0;
        height: 44px;
        flex-direction: row
    }

    .media-uploader .choose-button--last .upload-label {
        margin-top: 0;
        margin-left: 16px
    }
}

.media-uploader .uploading-form {
    display: none
}

.media-uploader .camera-icon {
    height: 30px;
    width: 34px
}

.media-uploader .file-icon {
    fill: currentColor;
    height: 30px;
    width: 34px
}

.media-uploader .mic-icon {
    margin-right: 0
}

.media-uploader .upload-label {
    font-size: 14px;
    font-weight: 700;
    margin-top: 10px
}

.media-uploader .policy {
    color: #fff;
    font-size: 12px;
    line-height: 15px;
    margin-top: 20px;
    opacity: .4;
    text-align: left
}

.media-uploader .controls {
    margin-top: 20px
}

.media-uploader .controls-with-divider {
    border-top: 1px solid rgba(255, 255, 255, .1);
    padding-top: 20px
}

.media-uploader .control-button {
    margin-bottom: 0
}

.media-uploader-modal {
    overflow-x: auto;
    padding-top: 20px !important
}

.media-uploader-modal .media-uploader-modal-content {
    overflow-x: visible
}

.access-data-loader {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 100%;
    height: 100%
}

.access-data-loader__loader {
    margin-bottom: 20px
}

.access-restriction {
    align-items: center;
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: center;
    width: 100%
}

.access-restriction__icon {
    height: 40px;
    opacity: .6;
    color: rgba(248, 248, 248, .8);
    width: 40px
}

.access-restriction__title {
    font-size: 18px;
    font-weight: 700;
    letter-spacing: normal;
    line-height: 22px;
    color: #f14b57;
    margin-top: 12px
}

.access-restriction__description {
    line-height: 22px;
    margin: 12px 32px;
    text-align: center
}

.access-restriction__button {
    width: 150px;
    margin: 0
}

.access-data-manager__content {
    background-color: #303030;
    height: 248px;
    max-height: 100%;
    max-width: 100%;
    width: 408px
}

.access-data-manager-enter,
.access-data-manager-enter.send-mass-messages-settings {
    height: 248px;
    max-height: 100%;
    max-width: 100%;
    width: 408px;
    overflow-y: hidden
}

.access-data-manager-enter-active,
.access-data-manager-enter-active.send-mass-messages-settings {
    height: 574px;
    max-height: 100%;
    max-width: 100%;
    transition: height .3s, width .3s;
    width: 680px;
    overflow-y: hidden
}

.discard-mass-message-modal-content {
    padding: 30px;
    max-width: 332px
}

.discard-mass-message-modal-content__title {
    font-size: 18px;
    font-weight: 700;
    letter-spacing: normal;
    line-height: 22px;
    line-height: 24px
}

.discard-mass-message-modal-content__description {
    font-size: 13px;
    font-weight: 500;
    letter-spacing: normal;
    line-height: normal;
    line-height: 18px;
    margin-top: 8px
}

.discard-mass-message-modal-content__actions {
    margin-top: 20px
}

.discard-mass-message-modal-content__actions .btn {
    margin-bottom: 0
}

.attached-media-item {
    display: flex
}

.attached-media-item__upload-media-item.attached-media-item__upload-media-item {
    margin-top: 6px
}

@media screen and (max-width:639px) {
    .attached-media-item__upload-media-item.attached-media-item__upload-media-item {
        margin-top: 13px;
        margin-right: 17px
    }
}

@media screen and (max-width:639px) {
    .attached-media-item .attached-media-item__upload-media-item-image.attached-media-item__upload-media-item-image {
        height: 64px;
        width: 64px
    }
}

@media screen and (max-width:639px) {
    .attached-media-item .attached-media-item__remove-button.attached-media-item__remove-button {
        height: 22px;
        width: 22px
    }
}

.attached-media-item__labels {
    font-size: 13px;
    font-weight: 400;
    letter-spacing: normal;
    line-height: 20px;
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-top: 10px
}

.attached-media-item__name {
    margin-bottom: 6px
}

.attached-media-item__cost {
    opacity: .6
}

.attached-media-item__question-icon {
    margin: 0;
    opacity: .6
}

.attached-media-item__question-icon-wrapper {
    margin-left: 6px
}

.attached-media-item__free-alert {
    color: #ffa900;
    margin-left: 6px
}

.attach-media {
    margin-top: 8px;
    display: flex;
    flex-wrap: wrap
}

.attach-media__add-button {
    background: linear-gradient(0deg, rgba(255, 255, 255, .05), rgba(255, 255, 255, .05));
    border: 2px dashed rgba(248, 248, 248, .2);
    border-radius: 4px;
    box-sizing: border-box;
    color: rgba(248, 248, 248, .6);
    padding: 24px;
    margin-top: 10px
}

.attach-media__add-button:hover {
    background: linear-gradient(0deg, rgba(255, 255, 255, .12), rgba(255, 255, 255, .12));
    border: 2px dashed rgba(248, 248, 248, .6);
    color: #f8f8f8
}

@media screen and (max-width:639px) {
    .attach-media__add-button {
        padding: 20px
    }
}

.attach-media__add-icon {
    fill: currentColor;
    height: 20px;
    margin: 0;
    width: 20px
}

.media-overlay {
    position: absolute;
    right: 10px;
    top: 10px
}

.media-overlay--attached {
    align-items: flex-start;
    display: flex;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    justify-content: flex-end;
    padding: 10px;
    width: 100%;
    background: linear-gradient(0deg, rgba(175, 38, 47, .5), rgba(175, 38, 47, .5)), linear-gradient(245.99deg, rgba(0, 0, 0, .7) -.46%, rgba(0, 0, 0, 0) 100%)
}

.media-overlay--disabled {
    align-items: flex-start;
    display: flex;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    justify-content: flex-end;
    padding: 10px;
    width: 100%;
    cursor: default;
    opacity: 0
}

.media-overlay input[type=checkbox] {
    cursor: pointer
}

.media-overlay__box {
    margin-right: 0
}

.select-media-form__description {
    font-size: 13px;
    font-weight: 400;
    letter-spacing: normal;
    line-height: normal;
    margin-top: 8px;
    opacity: .6
}

.select-media-form__attached-media-field {
    margin-bottom: 9px
}

.select-media-form__upload-new-media--disabled {
    opacity: .5;
    pointer-events: none
}

.voice-media-form {
    margin-top: 8px
}

.voice-media-form__actions {
    margin-top: 20px
}

.access-mode-field {
    flex: 1;
    z-index: 1
}

.access-mode-field__option {
    align-items: center;
    display: flex;
    justify-content: space-between
}

.access-mode-field__label {
    align-items: center;
    display: flex;
    color: #f8f8f8
}

.access-mode-field__label--disabled {
    opacity: .3
}

.access-mode-field__label-icon {
    fill: currentColor;
    margin-right: 12px;
    height: 20px;
    width: 16px
}

.access-mode-field__option-icon {
    color: #79943d;
    margin: 0
}

.access-mode-field__option-icon--disabled {
    opacity: .3
}

.access-mode-field__open-select-title {
    font-size: 13px;
    font-weight: 500;
    letter-spacing: normal;
    line-height: normal;
    align-items: center;
    color: #fff;
    display: flex;
    padding-left: 20px
}

.access-mode-field__control.access-mode-field__control {
    height: 34px;
    background-color: #5b5b5b;
    border: none;
    transition: none;
    cursor: pointer
}

.access-mode-field__control.access-mode-field__control:hover {
    background-color: #7a7a7a;
    box-shadow: none;
    border-color: transparent
}

.access-mode-field__paid-sending-unavailable {
    font-size: 12px;
    font-weight: 400;
    letter-spacing: normal;
    line-height: normal;
    margin-left: 28px;
    color: #ffba35
}

.access-mode-field.is-open {
    position: absolute;
    left: 24px;
    right: 24px
}

.access-mode-field.is-focused .access-mode-field__control {
    background-color: #5b5b5b;
    border: none;
    border-bottom: none;
    box-shadow: none
}

.access-mode-field.is-focused .select-menu-outer {
    background-color: #5b5b5b;
    border: none;
    border-top: none;
    box-shadow: 0px 10px 20px rgba(0, 0, 0, .2)
}

.access-mode-field .select-option.is-focused {
    background-color: #5b5b5b
}

.access-mode-field .select-option:hover {
    background-color: #373737
}

.access-mode-field .select-option.disabled {
    height: 56px
}

.access-mode-field.error.is-focused .select-menu-outer {
    border-top: none;
    box-shadow: none
}

.recipients-select-field {
    height: 34px;
    width: 100%
}

@media screen and (max-width:639px) {
    .recipients-select-field {
        height: auto
    }
}

.recipients-select-field__control.recipients-select-field__control {
    border-radius: 20px;
    height: 34px
}

@media screen and (max-width:639px) {
    .recipients-select-field__control.recipients-select-field__control {
        height: auto
    }
}

.recipients-select-field__control.recipients-select-field__control .select-placeholder {
    color: rgba(248, 248, 248, .5);
    line-height: 32px
}

.recipients-select-field__control.recipients-select-field__control .select-input {
    height: 32px
}

.recipients-select-field__control.recipients-select-field__control .select-value {
    margin-left: 4px
}

.recipients-select-field__send-to-label {
    display: block;
    font-weight: 700;
    margin-bottom: 16px
}

.recipients-select-field__counter,
.recipients-select-field__counter-loader {
    opacity: .6
}

.recipients-select-field__counter {
    position: relative;
    text-align: center;
    min-width: 17px
}

.recipients-select-field__counter--accent {
    color: #a5cc37;
    opacity: 1
}

.recipients-select-field__counter-loader-wrapper {
    background-color: #303030;
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.recipients-select-field__counter-loader {
    display: inline-block
}

.send-mass-messages-settings {
    max-width: 100%;
    padding: 24px;
    width: 680px;
    position: relative
}

.send-mass-messages-settings__title {
    font-size: 22px;
    font-weight: 700;
    letter-spacing: normal;
    line-height: normal
}

.send-mass-messages-settings__description {
    font-size: 13px;
    font-weight: 400;
    letter-spacing: normal;
    line-height: normal;
    display: block;
    margin-top: 10px
}

.send-mass-messages-settings__description-text {
    opacity: .6
}

.send-mass-messages-settings__wiki-page {
    color: #f8f8f8;
    opacity: .6;
    text-decoration: underline
}

.send-mass-messages-settings__wiki-page:hover {
    color: #fff;
    opacity: 1
}

.send-mass-messages-settings__access-controls {
    display: flex;
    justify-content: stretch;
    margin-top: 10px
}

.send-mass-messages-settings input[type=number].send-mass-messages-settings__cost {
    font-size: 14px;
    font-weight: 400;
    letter-spacing: normal;
    line-height: normal;
    height: 34px;
    margin-left: 20px;
    width: 138px
}

@media screen and (max-width:639px) {
    .send-mass-messages-settings input[type=number].send-mass-messages-settings__cost {
        margin-left: 16px;
        width: 86px
    }
}

.send-mass-messages-settings__divider {
    background-color: #f8f8f8;
    height: 1px;
    opacity: .1
}

.send-mass-messages-settings__divider--top {
    margin: 16px 0
}

.send-mass-messages-settings__divider--bottom {
    margin: 24px 0
}

.send-mass-messages-settings__button {
    margin-bottom: 0
}

.send-mass-messages-settings__attach-media-label {
    margin-top: 24px
}

.send-mass-messages-settings__message-label {
    display: block;
    margin-top: 24px
}

.send-mass-messages-settings__fade-text {
    opacity: .6
}

.send-mass-messages-settings__message {
    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: all 120ms ease-in-out 0s;
    border-radius: 12px;
    height: 64px;
    margin-top: 12px;
    resize: none;
    width: 100%
}

.send-mass-messages-settings__message::-moz-placeholder {
    color: rgba(223, 223, 223, .6)
}

.send-mass-messages-settings__message::placeholder {
    color: rgba(223, 223, 223, .6)
}

.send-mass-messages-settings__message: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)
}

.send-mass-messages-settings__message.error {
    border: 1px solid #de5b64;
    color: #de5b64
}

.send-mass-messages-settings__message.error:hover {
    border: 1px solid #d5444e;
    color: #d5444e
}

.send-mass-messages-settings__message.error:active,
.send-mass-messages-settings__message.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
}

.send-mass-messages-settings__recipients-definition {
    margin-top: 12px;
    opacity: .6;
    font-size: 13px
}

.send-mass-messages-settings__error {
    color: #f14b57;
    margin-top: 12px
}

.send-mass-messages-modal {
    overflow-x: auto
}

.send-mass-messages-modal__content {
    background-color: #303030;
    overflow-x: visible
}

.messenger-chats {
    align-items: flex-end;
    bottom: 0;
    display: flex;
    height: 0;
    overflow: visible;
    position: fixed;
    right: 20px;
    z-index: 112
}

@media (max-width:639px),
(max-height:615px) and (max-width:900px) {
    .messenger-chats {
        left: 0;
        right: 0;
        z-index: 314
    }
}

.broadcast-expand-button.btn {
    background-color: rgba(0, 0, 0, .3);
    border: 0;
    border-radius: 2px;
    margin: 0;
    padding: 3px;
    display: flex;
    flex-direction: row
}

.broadcast-expand-button.btn .icon {
    color: #fff;
    height: 14px;
    margin: 0;
    width: 14px
}

.audio-element {
    display: none
}

.cam-2-voice-replacer {
    align-items: center;
    background-color: #303133;
    color: rgba(255, 255, 255, .5);
    height: 100%;
    justify-content: center;
    position: relative;
    width: 100%;
    display: flex;
    flex-direction: column
}

.cam-2-voice-replacer .player-toolbox-icon.volume {
    margin: 0;
    opacity: .7;
    position: absolute;
    right: 14px;
    top: 14px
}

.cam-2-voice-replacer .cam-2-voice-replacer-icon {
    fill: currentColor;
    height: 72px;
    width: 72px
}

.cam-2-voice-replacer .cam-2-voice-replacer-explain {
    font-weight: 700;
    margin: 14px 0 0 0;
    max-width: 150px;
    text-align: center;
    font-size: .75rem
}

.global-video-wrapper {
    align-items: center;
    background: #000;
    border-radius: 8px;
    border: 1px solid #000;
    bottom: 20px;
    box-shadow: 1px 1px 5px #000;
    display: flex;
    height: 180px;
    justify-content: center;
    max-height: 70vh;
    max-width: 70vw;
    position: fixed;
    right: 20px;
    width: 270px;
    z-index: 102
}

.global-video-wrapper:before {
    background: linear-gradient(180deg, #222, transparent);
    content: " ";
    height: 80px;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 2
}

.global-video-wrapper .global-video-close {
    cursor: pointer;
    opacity: .4;
    padding: 5px;
    position: absolute;
    right: 5px;
    top: 5px;
    transform: scaleX(-1);
    z-index: 10;
    transition: all .2s ease-in-out 0s
}

.global-video-wrapper .global-video-close:hover {
    opacity: .7
}

.global-video-wrapper .global-video-close .icon {
    fill: #f8f8f8
}

.global-video-wrapper .global-video-out {
    cursor: pointer;
    left: 5px;
    opacity: .4;
    padding: 5px;
    position: absolute;
    top: 5px;
    transform: scaleX(-1);
    z-index: 10;
    transition: all .2s ease-in-out 0s
}

.global-video-wrapper .global-video-out:hover {
    opacity: .7
}

.global-video-wrapper .global-video-out .icon {
    fill: #f8f8f8
}

.global-video-wrapper .web-rtc-playing {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.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
}

.page-section {
    max-width: 1000px;
    margin: 0 auto;
    padding: 12px 40px
}

@media screen and (max-width:639px) {
    .page-section {
        padding: 6px 20px;
        max-width: 100%
    }
}

.page-section-header {
    margin-top: 30px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px
}

.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;
    font-size: .75rem;
    line-height: 1rem;
    opacity: .6
}

.page-section-content {
    margin-top: 56px;
    min-height: 200px;
    font-weight: 400;
    padding-bottom: 20px;
    font-size: .875rem;
    line-height: 1.375rem
}

.page-section-content ul {
    margin-left: 1.5rem;
    list-style: inherit
}

.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 ol,
.page-section-content p,
.page-section-content ul {
    color: rgba(248, 248, 248, .85)
}

.page-section-content p>strong {
    color: #f8f8f8
}

.page-section-content p>svg {
    vertical-align: middle;
    line-height: normal
}

.page-section-paragraph-name {
    font-weight: 500;
    padding-top: 75px;
    margin-bottom: 24px;
    font-size: 1.5rem;
    line-height: 1.813rem
}

@media screen and (max-width:1023px) {
    .page-section-paragraph-name {
        padding-top: 100px;
        font-size: 1.375rem;
        line-height: 1.625rem
    }
}

.banner {
    border-radius: 12px;
    display: flex;
    font-size: 13px;
    line-height: 18px;
    padding: 12px 16px
}

.banner--danger {
    background-color: rgba(211, 34, 34, .2);
    color: #f14b57
}

.banner--align-left {
    text-align: left
}

.banner--align-center {
    text-align: center
}

.banner--align-right {
    text-align: right
}

.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
}

@media screen and (max-width:639px) {
    .banner__title {
        font-size: 14px
    }

    .banner__description {
        font-size: 13px;
        line-height: 18px
    }
}

.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
}

@media screen and (max-width:1023px) {
    .page-empty-state-block .icon {
        height: 40px;
        width: 40px
    }

    .page-empty-state-block__header {
        font-size: 20px;
        line-height: 24px;
        margin-top: 12px
    }

    .page-empty-state-block__description {
        font-size: 13px;
        line-height: 18px
    }
}

.disable-account-block {
    margin: 0 auto;
    max-width: 360px;
    padding: 70px 0 70px 0;
    text-align: center
}

.disable-account-block__banner {
    margin-top: 20px
}

.disable-account-block__action {
    margin-top: 20px
}

.disable-account-block__link {
    align-items: center;
    display: inline-flex;
    justify-content: center
}

.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%
}

@media screen and (max-width:480px) {
    .set-password .form-field {
        align-items: stretch;
        flex-flow: column
    }

    .set-password .form-field .form-label {
        margin-bottom: 10px
    }

    .set-password .set-password-controls {
        justify-content: center
    }
}

.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
}

@media screen and (max-width:480px) {
    .confirm-email-page {
        margin-bottom: 20px;
        margin-top: 20px
    }
}

.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 0
}

.being-redirected .loader {
    margin: 0
}

.forgot-password-page {
    background-color: #000
}

.login-page {
    background-color: #000
}

.login-page__vr-button {
    text-align: left;
    margin-top: -45px
}

@media screen and (max-width:639px) {
    .login-page__vr-button {
        margin-bottom: 15px
    }
}

.signup-page {
    background-color: #000
}

.signup-page .sign-up-new {
    display: inline-block
}

.signup-page__vr-button {
    text-align: left;
    margin-top: -45px
}

@media screen and (max-width:639px) {
    .signup-page__vr-button {
        margin-bottom: 15px
    }
}

.footer-without-adult {
    background: #212223;
    color: #fff;
    padding: 14px 0;
    position: relative;
    z-index: 2;
    font-size: .75rem
}

.footer-without-adult a {
    color: #fff;
    opacity: .5
}

.footer-without-adult a:not(.footer-label):hover {
    color: #fa5365;
    color: var(--primary-light);
    opacity: .7;
    text-decoration: none
}

.footer-without-adult .columns .column {
    padding: .375rem .7rem
}

.footer-without-adult .canvas-text {
    margin-right: 5px
}

.footer-without-adult .icon-agreement {
    opacity: .3
}

.footer-without-adult .footer-left .footer-nav {
    display: none
}

.footer-without-adult .footer-left .footer-label {
    margin-bottom: 10px
}

.footer-without-adult .footer-top {
    margin-bottom: .375rem
}

.footer-without-adult .footer-top .footer-labels {
    display: none;
    margin-top: 15px
}

.footer-without-adult .footer-logo {
    align-items: flex-start;
    flex-wrap: wrap;
    justify-content: space-between;
    display: flex;
    flex-direction: row
}

.footer-without-adult .footer-logo .logo {
    display: block;
    margin: 0 20px 20px 0;
    opacity: .5
}

.footer-without-adult .footer-logo .logo .site-logo {
    height: 28px;
    width: calc(28px * var(--footer-logo-aspect-ratio))
}

.footer-without-adult .footer-logo .i18n {
    margin-bottom: 20px
}

.footer-without-adult .footer-logo .icon {
    fill: #a4a4a4
}

.footer-without-adult .footer-description {
    opacity: .3
}

.footer-without-adult .footer-description p:last-child {
    margin: 0
}

.footer-without-adult .footer-section-header {
    color: #fff
}

.footer-without-adult .footer-section-item {
    border-top: 1px solid rgba(164, 164, 164, .3);
    padding: .5rem 0;
    font-size: .75rem;
    line-height: 1.125rem
}

.footer-without-adult a.footer-label:hover {
    opacity: .7
}

.footer-without-adult .footer-label {
    color: #fff;
    display: inline-block;
    fill: #fff;
    margin-right: 20px;
    opacity: .3
}

.footer-without-adult .footer-label .icon {
    display: block;
    margin-right: 0
}

.footer-without-adult .footer-label .icon-safe-labeling {
    box-sizing: content-box;
    height: 40px;
    width: 110px
}

.footer-without-adult .footer-label .icon-rta-logo {
    height: 25px;
    width: 50px
}

.footer-without-adult .footer-label .icon-asacp {
    height: 22px;
    width: 60px
}

.footer-without-adult .footer-label--pineapple-support {
    position: relative;
    top: 6px
}

.footer-without-adult .footer-label .icon-pineapple-support {
    height: 38px;
    width: 38px;
    color: #fff
}

.footer-without-adult .footer-statement-wrapper {
    align-items: center;
    justify-content: space-between;
    display: flex;
    flex-direction: row
}

.footer-without-adult .footer-statement {
    color: rgba(255, 255, 255, .3);
    opacity: 1;
    padding: 20px 0;
    display: flex;
    flex-direction: column;
    line-height: 1.125rem
}

.footer-without-adult .footer-statement a {
    color: rgba(255, 255, 255, .3);
    opacity: 1
}

.footer-without-adult .footer-statement a:hover {
    color: #fa5365;
    color: var(--primary-light);
    opacity: .7;
    text-decoration: none
}

.footer-without-adult .footer-additionally {
    align-items: center;
    border-bottom: 1px solid rgba(164, 164, 164, .2);
    border-top: 1px solid rgba(164, 164, 164, .2);
    margin-top: 20px;
    min-height: 90px
}

.footer-without-adult .footer-right {
    margin: -.375rem 0
}

.footer-without-adult .footer-address {
    justify-content: flex-end;
    margin-top: -3px;
    display: flex;
    flex-direction: row
}

.footer-without-adult .footer-bottom {
    align-items: center;
    justify-content: space-between;
    opacity: .3;
    padding: 14px 0 4px;
    display: flex;
    flex-direction: row
}

@media screen and (min-width:640px) and (max-width:1023px) {
    .footer-without-adult .footer-top .footer-labels {
        display: block
    }

    .footer-without-adult .footer-section:nth-child(-n+2) {
        margin-bottom: 20px
    }

    .footer-without-adult .footer-additionally .footer-labels-wrapper {
        display: none
    }
}

@media screen and (min-width:480px) and (max-width:639px) {
    .footer-without-adult .columns .column {
        padding: .375rem
    }

    .footer-without-adult .columns .footer-statement-wrapper {
        margin-bottom: -.375rem
    }

    .footer-without-adult .footer-logo .i18n,
    .footer-without-adult .footer-logo .logo {
        margin-bottom: 10px
    }

    .footer-without-adult .footer-address {
        flex-wrap: wrap
    }

    .footer-without-adult .footer-top .footer-labels {
        display: none
    }

    .footer-without-adult .footer-top .footer-label {
        padding-bottom: 0
    }

    .footer-without-adult .footer-top .footer-right {
        display: none
    }

    .footer-without-adult .footer-section:nth-child(-n+2) {
        margin-bottom: 20px
    }

    .footer-without-adult .footer-left .footer-nav {
        margin: 10px 0;
        display: flex;
        flex-direction: row
    }

    .footer-without-adult .icon-agreement {
        display: none
    }

    .footer-without-adult .footer-statement-wrapper {
        border-top: 1px solid rgba(164, 164, 164, .2)
    }
}

@media screen and (max-width:479px) {
    .footer-without-adult .columns .column {
        padding: .375rem
    }

    .footer-without-adult .columns .footer-statement-wrapper {
        margin-bottom: -.375rem
    }

    .footer-without-adult .footer-logo .i18n,
    .footer-without-adult .footer-logo .logo {
        margin-bottom: 10px
    }

    .footer-without-adult .footer-address {
        flex-wrap: wrap
    }

    .footer-without-adult .footer-top {
        margin-bottom: 0
    }

    .footer-without-adult .footer-top .footer-labels {
        border-top: 1px solid rgba(164, 164, 164, .2);
        display: block;
        padding-top: 10px
    }

    .footer-without-adult .footer-top .footer-label {
        padding-bottom: 0
    }

    .footer-without-adult .footer-top .footer-right {
        display: none
    }

    .footer-without-adult .footer-section:nth-child(-n+2) {
        margin-bottom: 20px
    }

    .footer-without-adult .footer-additionally {
        border-bottom: 1px solid rgba(164, 164, 164, .2);
        border-top-width: 0;
        margin-top: 0
    }

    .footer-without-adult .footer-additionally .footer-labels-wrapper {
        display: none
    }

    .footer-without-adult .footer-left .footer-nav {
        margin: 10px 0;
        display: flex;
        flex-direction: row
    }

    .footer-without-adult .icon-agreement {
        display: none
    }

    .footer-without-adult .footer-statement-wrapper {
        border-top: 1px solid rgba(164, 164, 164, .2)
    }
}

@media screen and (max-width:479px) {
    .footer-without-adult .footer-compliance-section .footer-statement {
        padding: 20px 0
    }
}

.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 {
    padding: 0 18px;
    align-items: center;
    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);
    padding: 0 18px;
    position: relative;
    text-decoration: none;
    font-weight: 500;
    display: flex;
    flex-direction: row
}

.header-top-without-adult__nav-left,
.header-top-without-adult__nav-right {
    display: flex;
    flex-direction: row
}

@media screen and (max-width:479px) {
    .header-top-without-adult__container {
        padding: 0 10px
    }
}

.layout-without-adult-main {
    display: flex;
    flex-flow: row nowrap;
    flex: 1 0 auto;
    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-multiple-column .index-page {
    width: 100%
}

.layout-without-adult__main-right {
    display: flex;
    flex-flow: column nowrap;
    flex: 1 1 auto;
    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
}

#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
}