.xh-helper-hidden {
    display: none!important
}

.xh-no-visible {
    visibility: hidden
}

.logoLink-3ccd0 {
    align-items: center;
    display: flex;
    justify-content: center;
    line-height: 1
}

.logoLink-3ccd0 .flag-3ccd0 {
    margin-left: var(--xh-spacers-m);
    position: static;
    transform: none
}

.header-3ccd0 {
    display: block;
    padding: 56px 0 var(--xh-spacers-5xl)
}

.header-3ccd0.withoutPaddings-3ccd0 {
    margin-bottom: 0;
    padding: 0
}

.header-3ccd0:not(.hasLink-3ccd0) .logoLink-3ccd0 {
    cursor: auto
}

* {
    box-sizing: border-box;
    outline: none
}

abbr,address,article,aside,audio,b,blockquote,body,canvas,caption,cite,code,dd,del,details,dfn,div,dl,dt,em,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,p,pre,q,samp,section,small,span,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,ul,var,video {
    background: transparent;
    border: 0;
    font-size: 100%;
    margin: 0;
    outline: 0;
    padding: 0;
    vertical-align: baseline
}

body {
    line-height: 1
}

article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {
    display: block
}

li,ul {
    list-style: none;
    margin: 0;
    padding: 0
}

blockquote,q {
    quotes: none
}

blockquote:after,blockquote:before,q:after,q:before {
    content: "";
    content: none
}

a {
    background: transparent;
    font-size: 100%;
    margin: 0;
    padding: 0;
    vertical-align: baseline
}

ins {
    text-decoration: none
}

ins,mark {
    background-color: #ff9;
    color: #000
}

mark {
    font-style: italic;
    font-weight: 700
}

del {
    text-decoration: line-through
}

abbr[title],dfn[title] {
    border-bottom: 1px dotted;
    cursor: help
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

hr {
    border: 0;
    border-top: 1px solid #ccc;
    display: block;
    height: 1px;
    margin: 1em 0;
    padding: 0
}

input,select {
    outline: none;
    vertical-align: middle
}

img {
    color: transparent;
    font-size: 0
}

[data-screen-target] {
    border: 1px dotted red!important;
    outline: 1px dotted red!important
}

html {
    background: var(--main-background,#303030);
    position: relative
}

body,html {
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    height: 100%;
    min-height: 100%
}

body {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: var(--color-cobalt-darker,#303030);
    font-family: Roboto,Helvetica Neue,-apple-system,Arial,sans-serif;
    min-width: 1024px;
    position: relative
}

body,p {
    font-size: 14px
}

p {
    line-height: 22px
}

h1,h2,h3,h4,h5,h6 {
    display: inline-block
}

h1 {
    font-size: 24px;
    font-weight: 700;
    line-height: 30px;
    margin: 0 0 15px 0
}

h2 {
    font-size: 36px;
    margin: 44px 0 22px 0
}

h2,h3 {
    font-weight: 700;
    line-height: 44px
}

h3 {
    font-size: 28px;
    margin: 22px 0
}

h4 {
    font-size: 22px;
    letter-spacing: 2.3px;
    line-height: 28px
}

h4,h5 {
    font-weight: 700;
    margin: 22px 0
}

h5 {
    font-size: 16px;
    line-height: 26px
}

h6 {
    font-size: 14px;
    font-weight: 700;
    line-height: 22px;
    margin: 22px 0
}

a {
    color: var(--color-cobalt-darker,#303030);
    cursor: pointer;
    text-decoration: none
}

button {
    background: none;
    border: 0 none;
    font-family: Roboto,Helvetica Neue,-apple-system,Arial,sans-serif;
    font-size: 100%;
    height: auto;
    margin: 0;
    outline: 0 none!important;
    padding: 0;
    width: auto
}

video {
    background: var(--color-black-origin,#000)
}

.input-text,.textarea,input,textarea {
    font-family: Roboto,Helvetica Neue,-apple-system,Arial,sans-serif;
    font-size: 100%;
    outline: 0 none!important
}

.input-text:disabled,.textarea:disabled,input:disabled,textarea:disabled {
    cursor: not-allowed
}

.input-text::-webkit-input-placeholder,.textarea::-webkit-input-placeholder,input::-webkit-input-placeholder,textarea::-webkit-input-placeholder {
    color: var(--color-gray-dark,#a0a0a0)!important;
    opacity: 1
}

.input-text:-moz-placeholder,.input-text::-moz-placeholder,.textarea:-moz-placeholder,.textarea::-moz-placeholder,input:-moz-placeholder,input::-moz-placeholder,textarea:-moz-placeholder,textarea::-moz-placeholder {
    color: var(--color-gray-dark,#a0a0a0)!important;
    opacity: 1
}

.input-text:-ms-input-placeholder,.textarea:-ms-input-placeholder,input:-ms-input-placeholder,textarea:-ms-input-placeholder {
    color: var(--color-gray-dark,#a0a0a0)!important;
    opacity: 1
}

.input-text:focus::-webkit-input-placeholder,.textarea:focus::-webkit-input-placeholder,input:focus::-webkit-input-placeholder,textarea:focus::-webkit-input-placeholder {
    color: var(--color-gray-dark,#a0a0a0)!important;
    opacity: 1
}

.input-text:focus:-moz-placeholder,.input-text:focus::-moz-placeholder,.textarea:focus:-moz-placeholder,.textarea:focus::-moz-placeholder,input:focus:-moz-placeholder,input:focus::-moz-placeholder,textarea:focus:-moz-placeholder,textarea:focus::-moz-placeholder {
    color: var(--color-gray-dark,#a0a0a0)!important;
    opacity: 1
}

.input-text:focus:-ms-input-placeholder,.textarea:focus:-ms-input-placeholder,input:focus:-ms-input-placeholder,textarea:focus:-ms-input-placeholder {
    color: var(--color-gray-dark,#a0a0a0)!important;
    opacity: 1
}

.noselect {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.width-wrap {
    max-width: 1540px;
    min-width: 960px;
    padding: 0 40px 0 40px
}

.width-wrap .width-wrap {
    min-width: 0;
    padding: 0
}

.xh-helper-translucent {
    opacity: .5!important
}

.main-wrap,main {
    background: var(--color-cobalt-lighter,#f5f5f5)
}

.main-wrap {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    margin: 0 auto;
    min-height: 100%;
    position: relative;
    width: 100%;
    filter: blur(8px);
}

@media screen and (min-width: 1366px) {
    .main-wrap {
        max-width:1346px
    }
}

.main-wrap>.page-wrapper,.main-wrap>.width-wrap,.main-wrap>main {
    flex-grow: 1
}

.width-wrap {
    margin: 0 auto;
    width: 100%
}

.width-wrap.absolute {
    left: 50%
}

@media screen and (max-width: 1229px) {
    .width-wrap {
        max-width:1024px;
        padding: 0 17px
    }

    .width-wrap.absolute {
        margin-left: -512px
    }
}

@media screen and (min-width: 1230px) and (max-width:1365px) {
    .width-wrap {
        max-width:1210px
    }

    .width-wrap.absolute {
        margin-left: -605px
    }
}

@media screen and (min-width: 1366px) {
    .width-wrap {
        max-width:1346px
    }

    .width-wrap.absolute {
        margin-left: -673px
    }
}

.xh-first-capitalize {
    text-transform: capitalize
}

.xh-d-flex {
    display: flex
}

.xh-d-flex--center {
    align-items: center
}

.autocomplete-off {
    left: -10000px;
    position: fixed
}

.clear:not(.xh-icon) {
    clear: both;
    display: block;
    height: 0;
    width: 100%
}

.xh-icon.alert:before {
    content: "\f101"
}

.xh-icon.add-friend:before {
    content: "\f102"
}

.xh-icon.anchor-link2:before {
    content: "\f103"
}

.xh-icon.android:before {
    color: #303030;
    content: "\f104"
}

.xh-icon.age:before {
    content: "\f105"
}

.xh-icon.announce:before {
    content: "\f106"
}

.xh-icon.anchor-link:before {
    content: "\f107"
}

.xh-icon.appearance-mobile:before {
    color: #eaeaea;
    content: "\f108"
}

.xh-icon.appearance-desktop:before {
    color: #707070;
    content: "\f109"
}

.xh-icon.crown:before {
    content: "\f10a"
}

.xh-icon.cupid:before {
    content: "\f10b"
}

.xh-icon.deals:before {
    color: #e34449;
    content: "\f10c";
    z-index: 1
}

.xh-icon.deals:after {
    color: #f5f5f5;
    content: "\f10d";
    z-index: 2
}

.xh-icon.rating:before {
    content: "\f10e"
}

.xh-icon.share:before {
    content: "\f10f"
}

.xh-icon.shemale-couple:before {
    color: #e648ce;
    content: "\f110"
}

.xh-icon.rclub:before {
    content: "\f111"
}

.xh-icon.shemale-couple-new:before {
    color: #e648ce;
    content: "\f112"
}

.xh-icon.arrow-bottom-new:before {
    content: "\f113"
}

.xh-icon.arrow-bottom:before {
    content: "\f114"
}

.xh-icon.arrow-left:before {
    content: "\f115"
}

.xh-icon.arrow-down-tail:before {
    content: "\f116"
}

.xh-icon.arrow-long:before {
    content: "\f117"
}

.xh-icon.dating:before {
    content: "\f118"
}

.xh-icon.rec-ai:before {
    color: #965bfa;
    content: "\f119";
    z-index: 1
}

.xh-icon.rec-ai:after {
    color: #fff;
    content: "\f11a";
    z-index: 2
}

.xh-icon.apple:before {
    color: #303030;
    content: "\f11b"
}

.xh-icon.reddit2:before {
    content: "\f11c"
}

.xh-icon.reddit:before {
    content: "\f11d"
}

.xh-icon.shemale-new:before {
    color: #e648ce;
    content: "\f11e"
}

.xh-icon.recommended:before {
    content: "\f11f"
}

.xh-icon.arrow-right-vb:before {
    content: "\f120"
}

.xh-icon.arrow-top-new:before {
    content: "\f121"
}

.xh-icon.arrow-right:before {
    content: "\f122"
}

.xh-icon.autofill:before {
    content: "\f123"
}

.xh-icon.delete-from-friends:before {
    content: "\f124"
}

.xh-icon.asexual:before {
    content: "\f125"
}

.xh-icon.repeat:before {
    content: "\f126"
}

.xh-icon.refresh:before {
    content: "\f127"
}

.xh-icon.reply:before {
    content: "\f128"
}

.xh-icon.report-flag-filled:before {
    content: "\f129"
}

.xh-icon.shemale:before {
    color: #e648ce;
    content: "\f12a"
}

.xh-icon.arrow-top:before {
    content: "\f12b"
}

.xh-icon.badge-producer2:before {
    content: "\f12c"
}

.xh-icon.awaiting:before {
    content: "\f12d"
}

.xh-icon.badge-producer:before {
    color: #649113;
    content: "\f12e";
    z-index: 1
}

.xh-icon.badge-producer:after {
    color: #fff;
    content: "\f12f";
    z-index: 2
}

.xh-icon.badge-content-seller:before {
    color: #e6a70c;
    content: "\f130";
    z-index: 1
}

.xh-icon.badge-content-seller:after {
    color: #303030;
    content: "\f131";
    z-index: 2
}

.xh-icon.awards:before {
    color: #f5f5f5;
    content: "\f132";
    z-index: 1
}

.xh-icon.awards:after {
    color: #e34449;
    content: "\f133";
    z-index: 2
}

.xh-icon.badge-creator:before {
    color: #303030;
    content: "\f134";
    z-index: 1
}

.xh-icon.badge-creator:after {
    color: #fff;
    content: "\f135";
    z-index: 2
}

.xh-icon.description:before {
    content: "\f136"
}

.xh-icon.resend:before {
    content: "\f137"
}

.xh-icon.report-flag-vb:before {
    content: "\f138"
}

.xh-icon.report-flag:before {
    content: "\f139"
}

.xh-icon.sidebar-eye:before {
    content: "\f13a"
}

.xh-icon.sidebar-comments:before {
    content: "\f13b"
}

.xh-icon.sidebar-4k:before {
    color: #303030;
    content: "\f13c";
    z-index: 1
}

.xh-icon.sidebar-4k:after {
    color: #f5f5f5;
    content: "\f13d";
    z-index: 2
}

.xh-icon.shield:before {
    content: "\f13e"
}

.xh-icon.shop:before {
    color: #f5f5f5;
    content: "\f13f"
}

.xh-icon.beta-awaiting:before {
    content: "\f140"
}

.xh-icon.badge-vip:before {
    color: #d0b60f;
    content: "\f141";
    z-index: 1
}

.xh-icon.badge-vip:after {
    color: #f7d813;
    content: "\f142";
    z-index: 2
}

.xh-icon.badge-vip>span.path1:before {
    color: #725600;
    content: "\f143";
    z-index: 3
}

.xh-icon.badge-webcam:before {
    color: #3874a2;
    content: "\f144";
    z-index: 1
}

.xh-icon.badge-webcam:after {
    color: #fff;
    content: "\f145";
    z-index: 2
}

.xh-icon.badge1m:before {
    color: #f7d813;
    content: "\f146";
    z-index: 1
}

.xh-icon.badge1m:after {
    color: #d0b60f;
    content: "\f147";
    z-index: 2
}

.xh-icon.badge1m>span.path1:before {
    color: #745800;
    content: "\f148";
    z-index: 3
}

.xh-icon.badge-reviewer:before {
    color: #f7d813;
    content: "\f149";
    z-index: 1
}

.xh-icon.badge-reviewer:after {
    color: #eeb907;
    content: "\f14a";
    z-index: 2
}

.xh-icon.badge-reviewer>span.path1:before {
    color: #725600;
    content: "\f14b";
    z-index: 3
}

.xh-icon.badge-seller:before {
    color: #7857e4;
    content: "\f14c";
    z-index: 1
}

.xh-icon.badge-seller:after {
    color: #fff;
    content: "\f14d";
    z-index: 2
}

.xh-icon.reviewer-usermenu:before {
    content: "\f14e"
}

.xh-icon.retired-avatar:before {
    content: "\f14f"
}

.xh-icon.round-check:before {
    content: "\f150"
}

.xh-icon.sidebar-hd:before {
    color: #303030;
    content: "\f151";
    z-index: 1
}

.xh-icon.sidebar-hd:after {
    color: #f5f5f5;
    content: "\f152";
    z-index: 2
}

.xh-icon.sidebar-magicwand:before {
    content: "\f153"
}

.xh-icon.reviewer:before {
    color: #fbd60b;
    content: "\f154";
    z-index: 1
}

.xh-icon.reviewer:after {
    color: #ffe558;
    content: "\f155";
    z-index: 2
}

.xh-icon.reviewer>span.path1:before {
    color: #f9c105;
    content: "\f156";
    z-index: 3
}

.xh-icon.reviewer>span.path2:before {
    color: #fff;
    content: "\f157";
    z-index: 4
}

.xh-icon.reviewer>span.path3:before {
    color: #231f20;
    content: "\f158";
    z-index: 5
}

.xh-icon.beta-calendar:before {
    content: "\f159"
}

.xh-icon.beta-dislike:before {
    content: "\f15a"
}

.xh-icon.beta-friends:before {
    content: "\f15b"
}

.xh-icon.beta-download:before {
    content: "\f15c"
}

.xh-icon.desktop:before {
    content: "\f15d"
}

.xh-icon.beta-eye:before {
    content: "\f15e"
}

.xh-icon.beta-forfriendsonly:before {
    content: "\f15f"
}

.xh-icon.search:before {
    content: "\f160"
}

.xh-icon.search-small:before {
    content: "\f161"
}

.xh-icon.search-alt:before {
    content: "\f162"
}

.xh-icon.search-normalized:before {
    content: "\f163"
}

.xh-icon.sidebar-vr:before {
    color: #2d87d4;
    content: "\f164";
    z-index: 1
}

.xh-icon.sidebar-vr:after {
    color: #f5f5f5;
    content: "\f165";
    z-index: 2
}

.xh-icon.round-dollar:before {
    content: "\f166"
}

.xh-icon.selfie:before {
    color: #303030;
    content: "\f167"
}

.xh-icon.beta-home:before {
    content: "\f168"
}

.xh-icon.beta-heart-filled:before {
    content: "\f169"
}

.xh-icon.beta-intro:before {
    content: "\f16a"
}

.xh-icon.beta-gift:before {
    content: "\f16b"
}

.xh-icon.beta-intro-video:before {
    content: "\f16c"
}

.xh-icon.device:before {
    content: "\f16d"
}

.xh-icon.beta-gay:before {
    color: #2d87d4;
    content: "\f16e"
}

.xh-icon.settings-new:before {
    content: "\f16f"
}

.xh-icon.settings:before {
    content: "\f170"
}

.xh-icon.sidebar-watch-history:before {
    content: "\f171"
}

.xh-icon.slider-arrow:before {
    content: "\f172"
}

.xh-icon.smile-sad:before {
    content: "\f173"
}

.xh-icon.seller:before {
    content: "\f174"
}

.xh-icon.settings-two:before {
    content: "\f175"
}

.xh-icon.beta-lock:before {
    content: "\f176"
}

.xh-icon.beta-like:before {
    content: "\f177"
}

.xh-icon.beta-news:before {
    content: "\f178"
}

.xh-icon.beta-lock-big:before {
    content: "\f179"
}

.xh-icon.beta-messages:before {
    content: "\f17a"
}

.xh-icon.beta-message:before {
    content: "\f17b"
}

.xh-icon.social-plus:before {
    content: "\f17c"
}

.xh-icon.smiles:before {
    content: "\f17d"
}

.xh-icon.smile:before {
    content: "\f17e"
}

.xh-icon.snow:before {
    color: #007dd5;
    content: "\f17f"
}

.xh-icon.snapchat-1:before {
    content: "\f180"
}

.xh-icon.snapchat:before {
    color: #fff;
    content: "\f181"
}

.xh-icon.beta-plus:before {
    content: "\f182"
}

.xh-icon.beta-photo:before {
    content: "\f183"
}

.xh-icon.beta-pencil:before {
    content: "\f184"
}

.xh-icon.beta-post:before {
    content: "\f185"
}

.xh-icon.beta-notifications:before {
    content: "\f186"
}

.xh-icon.beta-photo-error:before {
    content: "\f187"
}

.xh-icon.social-star:before {
    content: "\f188"
}

.xh-icon.star-new:before {
    content: "\f189"
}

.xh-icon.sort-params:before {
    content: "\f18a"
}

.xh-icon.start-watching:before {
    color: #707070;
    content: "\f18b"
}

.xh-icon.star-footer:before {
    content: "\f18c"
}

.xh-icon.spy-off:before {
    color: #303030;
    content: "\f18d"
}

.xh-icon.beta-producer:before {
    content: "\f18e"
}

.xh-icon.beta-reviewer-usermenu:before {
    content: "\f18f"
}

.xh-icon.beta-report:before {
    content: "\f190"
}

.xh-icon.beta-print:before {
    content: "\f191"
}

.xh-icon.beta-refresh:before {
    content: "\f192"
}

.xh-icon.beta-reviewer:before {
    color: #f4bb2e;
    content: "\f193";
    z-index: 1
}

.xh-icon.beta-reviewer:after {
    color: #303030;
    content: "\f194";
    z-index: 2
}

.xh-icon.stop-new:before {
    content: "\f195"
}

.xh-icon.stats:before {
    content: "\f196"
}

.xh-icon.stop-watching:before {
    color: #707070;
    content: "\f197"
}

.xh-icon.status-deleted:before {
    content: "\f198"
}

.xh-icon.stop:before {
    content: "\f199"
}

.xh-icon.story-error:before {
    content: "\f19a"
}

.xh-icon.beta-shemale:before {
    color: #dc1aac;
    content: "\f19b"
}

.xh-icon.beta-sidebar-comments:before {
    content: "\f19c"
}

.xh-icon.beta-sidebar-eye:before {
    content: "\f19d"
}

.xh-icon.beta-share:before {
    content: "\f19e"
}

.xh-icon.beta-shield:before {
    content: "\f19f"
}

.xh-icon.beta-sidebar-hd:before {
    content: "\f1a0"
}

.xh-icon.story:before {
    content: "\f1a1"
}

.xh-icon.strike:before {
    content: "\f1a2"
}

.xh-icon.sub-new:before {
    content: "\f1a3"
}

.xh-icon.stripchat:before {
    content: "\f1a4"
}

.xh-icon.straight:before {
    color: #007dd5;
    content: "\f1a5";
    z-index: 1
}

.xh-icon.straight:after {
    color: #e34449;
    content: "\f1a6";
    z-index: 2
}

.xh-icon.video-off:before {
    content: "\f1a7"
}

.xh-icon.video-preview-disabled:before {
    content: "\f1a8"
}

.xh-icon.video-preview:before {
    content: "\f1a9"
}

.xh-icon.video-introduction:before {
    content: "\f1aa"
}

.xh-icon.video-hang-up:before {
    content: "\f1ab"
}

.xh-icon.video-titles-translation-disabled:before {
    content: "\f1ac"
}

.xh-icon.beta-sidebar-heart:before {
    content: "\f1ad"
}

.xh-icon.beta-star:before {
    content: "\f1ae"
}

.xh-icon.beta-sidebar-like:before {
    content: "\f1af"
}

.xh-icon.beta-story:before {
    content: "\f1b0"
}

.xh-icon.beta-sidebar-vr:before {
    content: "\f1b1"
}

.xh-icon.beta-straight:before {
    color: #d64b4b;
    content: "\f1b2";
    z-index: 1
}

.xh-icon.beta-straight:after {
    color: #2d87d4;
    content: "\f1b3";
    z-index: 2
}

.xh-icon.sub:before {
    content: "\f1b4"
}

.xh-icon.tag:before {
    content: "\f1b5"
}

.xh-icon.tags:before {
    content: "\f1b6"
}

.xh-icon.telegram:before {
    content: "\f1b7"
}

.xh-icon.target:before {
    content: "\f1b8"
}

.xh-icon.video2:before {
    content: "\f1b9"
}

.xh-icon.sun:before {
    content: "\f1ba"
}

.xh-icon.video3:before {
    content: "\f1bb"
}

.xh-icon.video-titles-translation:before {
    content: "\f1bc"
}

.xh-icon.video:before {
    content: "\f1bd"
}

.xh-icon.beta-video:before {
    content: "\f1be"
}

.xh-icon.big-green-tick:before {
    content: "\f1bf"
}

.xh-icon.beta-thumb-hd:before {
    content: "\f1c0"
}

.xh-icon.beta-thumb-vr:before {
    content: "\f1c1"
}

.xh-icon.beta-thumb-uhd:before {
    content: "\f1c2"
}

.xh-icon.time:before {
    content: "\f1c3"
}

.xh-icon.tick:before {
    content: "\f1c4"
}

.xh-icon.tick2:before {
    content: "\f1c5"
}

.xh-icon.thumb-hd:before {
    color: #f5f5f5;
    content: "\f1c6";
    z-index: 1
}

.xh-icon.thumb-hd:after {
    color: #303030;
    content: "\f1c7";
    z-index: 2
}

.xh-icon.tick3:before {
    content: "\f1c8"
}

.xh-icon.big-thumbs-disabled:before {
    content: "\f1c9"
}

.xh-icon.views:before {
    content: "\f1ca"
}

.xh-icon.vimeo:before {
    content: "\f1cb"
}

.xh-icon.big-thumbs:before {
    content: "\f1cc"
}

.xh-icon.blogger:before {
    content: "\f1cd"
}

.xh-icon.bold:before {
    content: "\f1ce"
}

.xh-icon.bisexual:before {
    color: #e648ce;
    content: "\f1cf"
}

.xh-icon.body:before {
    content: "\f1d0"
}

.xh-icon.top:before {
    content: "\f1d1"
}

.xh-icon.tools:before {
    content: "\f1d2"
}

.xh-icon.tokens:before {
    content: "\f1d3"
}

.xh-icon.tokens-coin:before {
    content: "\f1d4"
}

.xh-icon.blog:before {
    content: "\f1d5"
}

.xh-icon.vr-gearvr:before {
    content: "\f1d6"
}

.xh-icon.vip-new:before {
    color: #d0b60f;
    content: "\f1d7";
    z-index: 1
}

.xh-icon.vip-new:after {
    color: #f7d813;
    content: "\f1d8";
    z-index: 2
}

.xh-icon.vip-new>span.path1:before {
    color: #725600;
    content: "\f1d9";
    z-index: 3
}

.xh-icon.transgender-couple:before {
    color: #e648ce;
    content: "\f1da"
}

.xh-icon.vk:before {
    content: "\f1db"
}

.xh-icon.vip:before {
    color: #e0ad04;
    content: "\f1dc";
    z-index: 1
}

.xh-icon.vip:after {
    color: #d5b713;
    content: "\f1dd";
    z-index: 2
}

.xh-icon.vip>span.path1:before {
    color: #fbd60b;
    content: "\f1de";
    z-index: 3
}

.xh-icon.vip>span.path2:before {
    color: #725600;
    content: "\f1df";
    z-index: 4
}

.xh-icon.bookmark:before {
    content: "\f1e0"
}

.xh-icon.burger:before {
    content: "\f1e1"
}

.xh-icon.bucket:before {
    content: "\f1e2"
}

.xh-icon.browser:before {
    content: "\f1e3"
}

.xh-icon.calendar:before {
    content: "\f1e4"
}

.xh-icon.camera:before {
    content: "\f1e5"
}

.xh-icon.triangle-top:before {
    color: #303030;
    content: "\f1e6"
}

.xh-icon.trending:before {
    content: "\f1e7"
}

.xh-icon.trash-big:before {
    content: "\f1e8"
}

.xh-icon.triangle-bottom:before {
    color: #303030;
    content: "\f1e9"
}

.xh-icon.translation-pencil-kanji:before {
    content: "\f1ea"
}

.xh-icon.trophy:before {
    content: "\f1eb"
}

.xh-icon.vr-gearvr2:before {
    content: "\f1ec"
}

.xh-icon.vr-sidebar:before {
    color: #467ed2;
    content: "\f1ed";
    z-index: 1
}

.xh-icon.vr-sidebar:after {
    color: #fff;
    content: "\f1ee";
    z-index: 2
}

.xh-icon.vr-oculus:before {
    content: "\f1ef"
}

.xh-icon.vr-google2:before {
    content: "\f1f0"
}

.xh-icon.vr-google:before {
    content: "\f1f1"
}

.xh-icon.vr-playstation:before {
    content: "\f1f2"
}

.xh-icon.cart-new:before {
    content: "\f1f3"
}

.xh-icon.categories1:before {
    content: "\f1f4"
}

.xh-icon.channel:before {
    content: "\f1f5"
}

.xh-icon.cart1:before {
    content: "\f1f6"
}

.xh-icon.chain:before {
    content: "\f1f7"
}

.xh-icon.cart:before {
    content: "\f1f8"
}

.xh-icon.upload-arrow:before {
    content: "\f1f9"
}

.xh-icon.tumblr:before {
    content: "\f1fa"
}

.xh-icon.upload-camera:before {
    content: "\f1fb"
}

.xh-icon.twitter2:before {
    content: "\f1fc"
}

.xh-icon.twitter:before {
    content: "\f1fd"
}

.xh-icon.unmute:before {
    content: "\f1fe"
}

.xh-icon.vr:before {
    content: "\f1ff"
}

.xh-icon.vrsmall:before {
    content: "\f200"
}

.xh-icon.vr-vive:before {
    content: "\f201"
}

.xh-icon.warning:before {
    content: "\f202"
}

.xh-icon.watch-history-disabled:before {
    content: "\f203"
}

.xh-icon.waiting:before {
    content: "\f204"
}

.xh-icon.chat-send:before {
    content: "\f205"
}

.xh-icon.chart:before {
    content: "\f206"
}

.xh-icon.clapperboard-old:before {
    content: "\f207"
}

.xh-icon.clapperboard-tag:before {
    content: "\f208"
}

.xh-icon.clear:before {
    content: "\f209"
}

.xh-icon.clothes:before {
    content: "\f20a"
}

.xh-icon.upload-fill:before {
    content: "\f20b"
}

.xh-icon.upload-fill2:before {
    content: "\f20c"
}

.xh-icon.upload-men:before {
    content: "\f20d"
}

.xh-icon.upload-head:before {
    content: "\f20e"
}

.xh-icon.upload-status-error2:before {
    content: "\f20f"
}

.xh-icon.upload-status-error:before {
    content: "\f210"
}

.xh-icon.watch-history:before {
    content: "\f211"
}

.xh-icon.webcam:before {
    content: "\f212"
}

.xh-icon.watermarks:before {
    content: "\f213"
}

.xh-icon.website:before {
    content: "\f214"
}

.xh-icon.wp:before {
    color: #ea67b7;
    content: "\f215"
}

.xh-icon.xhamster:before {
    color: #fff;
    content: "\f216";
    z-index: 1
}

.xh-icon.xhamster:after {
    color: #303030;
    content: "\f217";
    z-index: 2
}

.xh-icon.copy:before {
    color: #303030;
    content: "\f218"
}

.xh-icon.comment:before {
    content: "\f219"
}

.xh-icon.community-user1:before {
    color: #965bfa;
    content: "\f21a";
    z-index: 1
}

.xh-icon.community-user1:after {
    color: #fff;
    content: "\f21b";
    z-index: 2
}

.xh-icon.coins:before {
    content: "\f21c"
}

.xh-icon.comments:before {
    content: "\f21d"
}

.xh-icon.community-user:before {
    color: #965bfa;
    content: "\f21e"
}

.xh-icon.upload-status-uploading:before {
    content: "\f21f"
}

.xh-icon.upload-status-ok:before {
    content: "\f220"
}

.xh-icon.upload-status-uploading2:before {
    content: "\f221"
}

.xh-icon.upload-status-ok2:before {
    content: "\f222"
}

.xh-icon.upload-status-waiting:before {
    content: "\f223"
}

.xh-icon.upload-status-waiting2:before {
    content: "\f224"
}

.xh-icon.youtube2:before {
    content: "\f225"
}

.xh-icon.youtube:before {
    content: "\f226"
}

.xh-icon.zoom-photo:before {
    content: "\f227"
}

.xh-icon.zoom-photo-out:before {
    content: "\f228"
}

.xh-icon.creator-amateur:before {
    color: #00bd8f;
    content: "\f229";
    z-index: 1
}

.xh-icon.creator-amateur:after {
    color: #fff;
    content: "\f22a";
    z-index: 2
}

.xh-icon.cross:before {
    content: "\f22b"
}

.xh-icon.cross-big:before {
    content: "\f22c"
}

.xh-icon.creator-producer:before {
    color: #2d87d4;
    content: "\f22d";
    z-index: 1
}

.xh-icon.creator-producer:after {
    color: #fff;
    content: "\f22e";
    z-index: 2
}

.xh-icon.couple:before {
    color: #e34449;
    content: "\f22f";
    z-index: 1
}

.xh-icon.couple:after {
    color: #2d87d4;
    content: "\f230";
    z-index: 2
}

.xh-icon.creator:before {
    color: #f5f5f5;
    content: "\f231";
    z-index: 1
}

.xh-icon.creator:after {
    color: #303030;
    content: "\f232";
    z-index: 2
}

.xh-icon.upload2:before {
    content: "\f233"
}

.xh-icon.upload-trans:before {
    content: "\f234"
}

.xh-icon.upload-video-tape:before {
    content: "\f235"
}

.xh-icon.upload-women:before {
    content: "\f236"
}

.xh-icon.upload-straight:before {
    content: "\f237"
}

.xh-icon.upload:before {
    content: "\f238"
}

.xh-icon.disqus:before {
    color: #fff;
    content: "\f239";
    z-index: 1
}

.xh-icon.disqus:after {
    color: #2a96ff;
    content: "\f23a";
    z-index: 2
}

.xh-icon.disqus>span.path1:before {
    color: #eee;
    content: "\f23b";
    z-index: 3
}

.xh-icon.disqus>span.path2:before {
    color: #222;
    content: "\f23c";
    z-index: 4
}

.xh-icon.crown-new:before {
    color: #f6bc0a;
    content: "\f23d"
}

.xh-icon.dollar:before {
    content: "\f23e"
}

.xh-icon.discord:before {
    content: "\f23f"
}

.xh-icon.diamond:before {
    content: "\f240"
}

.xh-icon.crown-white:before {
    content: "\f241"
}

.xh-icon.user-single:before {
    content: "\f242"
}

.xh-icon.user-header:before {
    color: #303030;
    content: "\f243";
    z-index: 1
}

.xh-icon.user-header:after {
    color: #fff;
    content: "\f244";
    z-index: 2
}

.xh-icon.valentine:before {
    content: "\f245"
}

.xh-icon.verified-beta:before {
    color: #55ba92;
    content: "\f246";
    z-index: 1
}

.xh-icon.verified-beta:after {
    color: #fff;
    content: "\f247";
    z-index: 2
}

.xh-icon.verified:before {
    color: #fbd60b;
    content: "\f248";
    z-index: 1
}

.xh-icon.verified:after {
    color: #f9c105;
    content: "\f249";
    z-index: 2
}

.xh-icon.verified>span.path1:before {
    color: #725600;
    content: "\f24a";
    z-index: 3
}

.xh-icon.dots:before {
    content: "\f24b"
}

.xh-icon.documents:before {
    content: "\f24c"
}

.xh-icon.dots-menu:before {
    content: "\f24d"
}

.xh-icon.download:before {
    content: "\f24e"
}

.xh-icon.drink:before {
    content: "\f24f"
}

.xh-icon.earth-add:before {
    content: "\f250"
}

.xh-icon.verify-yourself:before {
    content: "\f251"
}

.xh-icon.video-error:before {
    content: "\f252"
}

.xh-icon.edit2:before {
    content: "\f253"
}

.xh-icon.error:before {
    content: "\f254"
}

.xh-icon.earth:before {
    content: "\f255"
}

.xh-icon.earth-wait:before {
    content: "\f256"
}

.xh-icon.ethnicity:before {
    content: "\f257"
}

.xh-icon.earth-check:before {
    content: "\f258"
}

.xh-icon.facebook:before {
    content: "\f259"
}

.xh-icon.exclamation:before {
    content: "\f25a"
}

.xh-icon.eye2:before {
    content: "\f25b"
}

.xh-icon.facebook2:before {
    content: "\f25c"
}

.xh-icon.eye:before {
    content: "\f25d"
}

.xh-icon.faphouse:before {
    content: "\f25e"
}

.xh-icon.favorite-head:before {
    content: "\f25f"
}

.xh-icon.female-new:before {
    color: #e34449;
    content: "\f260"
}

.xh-icon.feedback:before {
    content: "\f261"
}

.xh-icon.favorites:before {
    content: "\f262"
}

.xh-icon.female-female-couple:before {
    color: #e34449;
    content: "\f263"
}

.xh-icon.female-couple:before {
    color: #e34449;
    content: "\f264"
}

.xh-icon.folder:before {
    content: "\f265"
}

.xh-icon.female:before {
    color: #e34449;
    content: "\f266"
}

.xh-icon.fire:before {
    content: "\f267"
}

.xh-icon.female-trans-couple:before {
    color: #e648ce;
    content: "\f268";
    z-index: 1
}

.xh-icon.female-trans-couple:after {
    color: #e34449;
    content: "\f269";
    z-index: 2
}

.xh-icon.flower-new:before {
    content: "\f26a"
}

.xh-icon.fetishes:before {
    content: "\f26b"
}

.xh-icon.footer-mobile:before {
    content: "\f26c"
}

.xh-icon.friend:before {
    content: "\f26d"
}

.xh-icon.forbid-new:before {
    content: "\f26e"
}

.xh-icon.forbid:before {
    color: #e34449;
    content: "\f26f"
}

.xh-icon.friends-accept:before {
    content: "\f270"
}

.xh-icon.friends-head:before {
    content: "\f271"
}

.xh-icon.gem:before {
    content: "\f272"
}

.xh-icon.gear:before {
    content: "\f273"
}

.xh-icon.friends:before {
    content: "\f274"
}

.xh-icon.genderquire:before {
    color: #c092e6;
    content: "\f275"
}

.xh-icon.gay-new:before {
    color: #2d87d4;
    content: "\f276"
}

.xh-icon.gay:before {
    color: #2d87d4;
    content: "\f277"
}

.xh-icon.graphics:before {
    color: #707070;
    content: "\f278"
}

.xh-icon.gift-new:before {
    content: "\f279"
}

.xh-icon.hair:before {
    content: "\f27a"
}

.xh-icon.gift:before {
    content: "\f27b"
}

.xh-icon.gif:before {
    content: "\f27c"
}

.xh-icon.hamster-bg:before {
    color: #f5f5f5;
    content: "\f27d";
    z-index: 1
}

.xh-icon.hamster-bg:after {
    color: #303030;
    content: "\f27e";
    z-index: 2
}

.xh-icon.HD2:before {
    content: "\f27f"
}

.xh-icon.hd-on-screen2:before {
    content: "\f280"
}

.xh-icon.hamster:before {
    content: "\f281"
}

.xh-icon.hd:before {
    content: "\f282"
}

.xh-icon.hd-on-screen:before {
    content: "\f283"
}

.xh-icon.happy-smile:before {
    content: "\f284"
}

.xh-icon.heart:before {
    content: "\f285"
}

.xh-icon.heart2:before {
    content: "\f286"
}

.xh-icon.heart-fill:before {
    content: "\f287"
}

.xh-icon.header-menu:before {
    content: "\f288"
}

.xh-icon.heart-empty:before {
    content: "\f289"
}

.xh-icon.help:before {
    content: "\f28a"
}

.xh-icon.icon-play-circle:before {
    content: "\f28b"
}

.xh-icon.hourglass:before {
    content: "\f28c"
}

.xh-icon.hint-filled:before {
    content: "\f28d"
}

.xh-icon.i1-million:before {
    color: #ffbc26;
    content: "\f28e";
    z-index: 1
}

.xh-icon.i1-million:after {
    color: #eaac26;
    content: "\f28f";
    z-index: 2
}

.xh-icon.i1-million>span.path1:before {
    color: #e69d00;
    content: "\f290";
    z-index: 3
}

.xh-icon.i1-million2:before {
    color: #ffbc26;
    content: "\f291";
    z-index: 1
}

.xh-icon.i1-million2:after {
    color: #eaac26;
    content: "\f292";
    z-index: 2
}

.xh-icon.i1-million2>span.path1:before {
    color: #e69d00;
    content: "\f293";
    z-index: 3
}

.xh-icon.hint:before {
    content: "\f294"
}

.xh-icon.img-large:before {
    content: "\f295"
}

.xh-icon.img-medium:before {
    content: "\f296"
}

.xh-icon.img-no:before {
    content: "\f297"
}

.xh-icon.img-left:before {
    content: "\f298"
}

.xh-icon.image2:before {
    content: "\f299"
}

.xh-icon.img-center:before {
    content: "\f29a"
}

.xh-icon.img-original:before {
    content: "\f29b"
}

.xh-icon.info:before {
    content: "\f29c"
}

.xh-icon.img-small:before {
    content: "\f29d"
}

.xh-icon.img-right:before {
    content: "\f29e"
}

.xh-icon.img-none:before {
    content: "\f29f"
}

.xh-icon.instagram:before {
    content: "\f2a0"
}

.xh-icon.intro-video:before {
    content: "\f2a1"
}

.xh-icon.intro-nav:before {
    content: "\f2a2"
}

.xh-icon.intro-nav1:before {
    color: #a0a0a0;
    content: "\f2a3";
    z-index: 1
}

.xh-icon.intro-nav1:after {
    color: #fff;
    content: "\f2a4";
    z-index: 2
}

.xh-icon.intro-icon:before {
    content: "\f2a5"
}

.xh-icon.intersex:before {
    content: "\f2a6"
}

.xh-icon.instagram2:before {
    content: "\f2a7"
}

.xh-icon.italic:before {
    content: "\f2a8"
}

.xh-icon.join:before {
    content: "\f2a9"
}

.xh-icon.invisible-hide:before {
    content: "\f2aa"
}

.xh-icon.key:before {
    content: "\f2ab"
}

.xh-icon.invisible:before {
    content: "\f2ac"
}

.xh-icon.jack-o-lantern:before {
    color: #f4900c;
    content: "\f2ad";
    z-index: 1
}

.xh-icon.jack-o-lantern:after {
    color: #348531;
    content: "\f2ae";
    z-index: 2
}

.xh-icon.jack-o-lantern>span.path1:before {
    color: #000;
    content: "\f2af";
    z-index: 3
}

.xh-icon.lenth:before {
    content: "\f2b0"
}

.xh-icon.language2:before {
    content: "\f2b1"
}

.xh-icon.language:before {
    content: "\f2b2"
}

.xh-icon.legality:before {
    content: "\f2b3"
}

.xh-icon.lagality:before {
    content: "\f2b4"
}

.xh-icon.lesbian-couple:before {
    color: #e34449;
    content: "\f2b5"
}

.xh-icon.lighting-bolt:before {
    content: "\f2b6"
}

.xh-icon.like:before {
    content: "\f2b7"
}

.xh-icon.live-now:before {
    content: "\f2b8"
}

.xh-icon.link:before {
    content: "\f2b9"
}

.xh-icon.lesbian-new:before {
    color: #e34449;
    content: "\f2ba"
}

.xh-icon.pansexual:before {
    color: #e648ce;
    content: "\f2bb"
}

.xh-icon.lesbian:before {
    color: #e34449;
    content: "\f2bc"
}

.xh-icon.lock2:before {
    content: "\f2bd"
}

.xh-icon.lock-vb:before {
    content: "\f2be"
}

.xh-icon.lock-user:before {
    content: "\f2bf"
}

.xh-icon.lock:before {
    content: "\f2c0"
}

.xh-icon.loader-spinner:before {
    content: "\f2c1"
}

.xh-icon.paper-plane2:before {
    content: "\f2c2"
}

.xh-icon.login-user:before {
    content: "\f2c3"
}

.xh-icon.long-arrow:before {
    color: #303030;
    content: "\f2c4"
}

.xh-icon.logout:before {
    content: "\f2c5"
}

.xh-icon.mail2:before {
    content: "\f2c6"
}

.xh-icon.pause:before {
    content: "\f2c7"
}

.xh-icon.male-female-couple:before {
    color: #e34449;
    content: "\f2c8";
    z-index: 1
}

.xh-icon.male-female-couple:after {
    color: #2d87d4;
    content: "\f2c9";
    z-index: 2
}

.xh-icon.mail:before {
    content: "\f2ca"
}

.xh-icon.male-male-couple:before {
    color: #2d87d4;
    content: "\f2cb"
}

.xh-icon.media-head:before {
    content: "\f2cc"
}

.xh-icon.male:before {
    color: #2d87d4;
    content: "\f2cd"
}

.xh-icon.male-new:before {
    color: #2d87d4;
    content: "\f2ce"
}

.xh-icon.menu:before {
    content: "\f2cf"
}

.xh-icon.pause-rounded:before {
    content: "\f2d0"
}

.xh-icon.male-trans-couple:before {
    color: #2d87d4;
    content: "\f2d1";
    z-index: 1
}

.xh-icon.male-trans-couple:after {
    color: #e648ce;
    content: "\f2d2";
    z-index: 2
}

.xh-icon.manyvids:before {
    color: #ed4480;
    content: "\f2d3"
}

.xh-icon.metadata:before {
    content: "\f2d4"
}

.xh-icon.messages:before {
    content: "\f2d5"
}

.xh-icon.message:before {
    content: "\f2d6"
}

.xh-icon.metadata2:before {
    content: "\f2d7"
}

.xh-icon.pencil:before {
    content: "\f2d8"
}

.xh-icon.phone:before {
    content: "\f2d9"
}

.xh-icon.mic-off:before {
    content: "\f2da"
}

.xh-icon.photo-big:before {
    content: "\f2db"
}

.xh-icon.phone2:before {
    content: "\f2dc"
}

.xh-icon.mic-off2:before {
    content: "\f2dd"
}

.xh-icon.minus:before {
    content: "\f2de"
}

.xh-icon.minus-big:before {
    content: "\f2df"
}

.xh-icon.mobile-footer:before {
    content: "\f2e0"
}

.xh-icon.model:before {
    content: "\f2e1"
}

.xh-icon.mic-on:before {
    content: "\f2e2"
}

.xh-icon.play-slideshow:before {
    content: "\f2e3"
}

.xh-icon.picture:before {
    content: "\f2e4"
}

.xh-icon.photo:before {
    content: "\f2e5"
}

.xh-icon.photo-error2:before {
    content: "\f2e6"
}

.xh-icon.moments:before {
    content: "\f2e7"
}

.xh-icon.photo-error:before {
    content: "\f2e8"
}

.xh-icon.moon:before {
    content: "\f2e9"
}

.xh-icon.move:before {
    content: "\f2ea"
}

.xh-icon.mouse:before {
    content: "\f2eb"
}

.xh-icon.money:before {
    content: "\f2ec"
}

.xh-icon.play:before {
    content: "\f2ed"
}

.xh-icon.myuploads-head:before {
    content: "\f2ee"
}

.xh-icon.mute:before {
    content: "\f2ef"
}

.xh-icon.newest-videos:before {
    content: "\f2f0"
}

.xh-icon.nft:before {
    content: "\f2f1"
}

.xh-icon.news2:before {
    content: "\f2f2"
}

.xh-icon.newest:before {
    content: "\f2f3"
}

.xh-icon.plus-big:before {
    content: "\f2f4"
}

.xh-icon.new:before {
    color: #e34449;
    content: "\f2f5";
    z-index: 1
}

.xh-icon.new:after {
    color: #f5f5f5;
    content: "\f2f6";
    z-index: 2
}

.xh-icon.no-search-results:before {
    content: "\f2f7"
}

.xh-icon.notifications-new:before {
    content: "\f2f8"
}

.xh-icon.open-link:before {
    content: "\f2f9"
}

.xh-icon.non-binary:before {
    color: #c092e6;
    content: "\f2fa"
}

.xh-icon.orientation:before {
    content: "\f2fb"
}

.xh-icon.plus-new:before {
    content: "\f2fc"
}

.xh-icon.pornstar-2:before {
    color: #f4bb2e;
    content: "\f2fd"
}

.xh-icon.pornstar-tag:before {
    content: "\f2fe"
}

.xh-icon.playlists2:before {
    content: "\f2ff"
}

.xh-icon.plus:before {
    content: "\f300"
}

.xh-icon.pornstar-male:before {
    content: "\f301"
}

.xh-icon.privacy:before {
    content: "\f302"
}

.xh-icon.post:before {
    content: "\f303"
}

.xh-icon.producer-tag:before {
    content: "\f304"
}

.xh-icon.pride:before {
    color: #ff2e2e;
    content: "\f305";
    z-index: 1
}

.xh-icon.pride:after {
    color: #ffa31d;
    content: "\f306";
    z-index: 2
}

.xh-icon.pride>span.path1:before {
    color: #f9d335;
    content: "\f307";
    z-index: 3
}

.xh-icon.pride>span.path2:before {
    color: #44c7b6;
    content: "\f308";
    z-index: 4
}

.xh-icon.pride>span.path3:before {
    color: #3193f3;
    content: "\f309";
    z-index: 5
}

.xh-icon.pride>span.path4:before {
    color: #a442bc;
    content: "\f30a";
    z-index: 6
}

.xh-icon.pornstar:before {
    content: "\f30b"
}

.xh-icon.print:before {
    content: "\f30c"
}

.xh-icon.producer:before {
    content: "\f30d"
}

.xh-icon.rank:before {
    content: "\f30e"
}

.xh-icon.protection-green:before {
    color: #00bd8f;
    content: "\f30f"
}

.xh-icon.protection:before {
    content: "\f310"
}

.xh-icon.question:before {
    content: "\f311"
}

.mobile-select__icon:after,.xh-icon {
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    font-family: xh-icons!important;
    font-size: inherit;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    letter-spacing: 0!important;
    line-height: 1em;
    position: relative;
    text-transform: none
}

.xh-icon:after,.xh-icon>span:before {
    left: 0;
    position: absolute;
    top: 0
}

.xh-icon:after,.xh-icon:before,.xh-icon>span:before {
    padding: 0 1px
}

.xh-icon:after,.xh-icon:before {
    z-index: 1
}

.xh-icon>span {
    letter-spacing: 0!important;
    margin: 0!important;
    padding: 0!important
}

.xh-icon--bold {
    font-weight: 700!important
}

.xh-icon.switch.to-red:before {
    color: var(--color-accent-red,#e34449)
}

.xh-icon.switch.to-original:before {
    color: inherit
}

.xh-icon.switch.to-white:before {
    color: var(--color-white-origin,hsla(0,0%,100%,.7))
}

.xh-icon.switch.to-green:before {
    color: var(--color-accent-green,#00bd8f)
}

.xh-icon.red:before {
    color: var(--color-accent-red,#e34449)
}

.xh-icon.gray:before {
    color: var(--color-gray,#ccc)
}

.xh-icon.gray-dark:before {
    color: var(--color-gray-dark,#a0a0a0)
}

.xh-icon.cobalt-light:before {
    color: var(--color-cobalt-light,#dadada)
}

.xh-icon.cobalt:before {
    color: var(--color-cobalt,#707070)
}

.xh-icon.cobalt-dark:before,.xh-icon.cobalt-darkest:before {
    color: var(--color-cobalt-darker,#303030)
}

.xh-icon.cobalt-dark-origin:before {
    color: var(--color-cobalt-darker-origin,#303030)
}

.xh-icon.white:before {
    color: var(--color-white-origin,#fff)
}

.xh-icon.blue:before {
    color: var(--color-blue-light,#2d87d4)
}

.xh-icon.green:before {
    color: var(--color-accent-green,#00bd8f)
}

.xh-icon.bright-violet,.xh-icon.purple {
    color: var(--color-bright-violet,#af38f3)
}

.xh-icon.icon-invert {
    color: var(--xh-color-icon-invert)
}

.xh-icon.soft-violet {
    color: var(--color-soft-violet,#965bfa)
}

.xh-icon.flip-v {
    transform: rotate(180deg)
}

.xh-icon.turn-right {
    transform: rotate(-90deg)
}

.xh-icon.crown {
    color: var(--color-gold,#f4bb2e)
}

.xh-icon.dislike {
    transform: rotate(180deg)
}

.xh-icon.dislike:before {
    content: "\f2b7"
}

.xh-icon.creators-badge {
    font-size: 16px
}

.xh-icon.creators-badge:before {
    color: #00bd8f;
    content: "\f229";
    z-index: 1
}

.xh-icon.creators-badge:after {
    color: #fff;
    content: "\f22a";
    z-index: 2
}

.xh-icon.hover:hover.to-red:before {
    color: var(--color-accent-red,#e34449)
}

.xh-icon.hover:hover.to-original:before {
    color: inherit
}

.xh-icon.hover:hover.to-white:before {
    color: var(--color-white-origin,hsla(0,0%,100%,.7))
}

.xh-icon.hover:hover.to-green:before {
    color: var(--color-accent-green,#00bd8f)
}

.desktop a:hover>.xh-icon.hover.to-red:before,.desktop button:hover>.xh-icon.hover.to-red:before {
    color: var(--color-accent-red,#e34449)
}

.desktop a:hover>.xh-icon.hover.to-original:before,.desktop button:hover>.xh-icon.hover.to-original:before {
    color: inherit
}

.desktop a:hover>.xh-icon.hover.to-white:before,.desktop button:hover>.xh-icon.hover.to-white:before {
    color: var(--color-white-origin,hsla(0,0%,100%,.7))
}

.desktop a:hover>.xh-icon.hover.to-green:before,.desktop button:hover>.xh-icon.hover.to-green:before {
    color: var(--color-accent-green,#00bd8f)
}

.active>.xh-icon.hover.to-red:before,.hover>.xh-icon.hover.to-red:before {
    color: var(--color-accent-red,#e34449)
}

.active>.xh-icon.hover.to-original:before,.hover>.xh-icon.hover.to-original:before {
    color: inherit
}

.active>.xh-icon.hover.to-white:before,.hover>.xh-icon.hover.to-white:before {
    color: var(--color-white-origin,hsla(0,0%,100%,.7))
}

.active>.xh-icon.hover.to-green:before,.hover>.xh-icon.hover.to-green:before {
    color: var(--color-accent-green,#00bd8f)
}

.centered {
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%)
}

.round {
    border-radius: 50%
}

.offscreen {
    left: -12000px;
    opacity: 1e-7;
    position: absolute;
    top: -12000px
}

.clearfix:after,.clearfix:before {
    clear: both;
    content: " ";
    display: block;
    height: 0;
    overflow: hidden;
    width: 100%
}

.inline-clearfix:after,.inline-clearfix:before {
    clear: both;
    content: " ";
    display: inline-block;
    height: 0;
    overflow: hidden;
    width: 100%
}

.clearfix-after:after,.clearfix-before:after {
    clear: both;
    content: " ";
    display: block;
    height: 0;
    overflow: hidden;
    width: 100%
}

.pseudo-element {
    content: "";
    display: block
}

.mirror-vertical {
    transform: scaleY(-1)
}

.mirror-horizontal {
    transform: scaleX(-1)
}

.pull-right {
    float: right
}

.pull-left {
    float: left
}

.xh-overflow-dots {
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.xh-scroll-disabled {
    overflow: hidden
}

.age-protect,.mobile .xh-scroll-disabled,.tablet .xh-scroll-disabled {
    position: fixed
}

.age-protect {
    background-color: var(--color-cobalt-darker-origin,#303030);
    bottom: 0;
    color: var(--color-cobalt-light-origin,#dadada);
    display: block;
    height: 100%;
    left: 0;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 10000
}

.age-protect-body {
    left: 50%;
    max-width: 380px;
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%)
}

.age-protect-logo {
    background: url(../logo-nightmode.html) no-repeat 0 0;
    background-size: contain;
    display: block;
    height: 47px;
    margin-bottom: 40px;
    width: 190px
}

.age-protect-date {
    align-items: center;
    display: flex;
    margin: 0 -5px 30px
}

.age-protect-date .single-select {
    margin: 0 5px
}

.age-protect-group {
    flex-grow: 1
}

.age-protect-title {
    font-weight: 700;
    margin-bottom: 25px
}

.age-protect-text,.age-protect-title {
    font-size: 18px;
    line-height: 24px;
    margin-bottom: 40px
}

.age-protect-buttons {
    align-items: center;
    display: flex;
    margin: 0 -10px
}

.age-protect-buttons .xh-button {
    flex-grow: 1;
    margin: 0 10px
}

.age-protect-no.xh-button.black {
    background-color: var(--color-cobalt-origin,#707070);
    border-color: var(--color-cobalt-origin,#707070);
    color: var(--color-cobalt-light-origin,#dadada)
}

.age-protect-date-label {
    font-size: 14px;
    line-height: 24px;
    margin-left: 5px
}

.age-protect-age {
    background-color: var(--color-accent-red,#e34449);
    border-radius: 50%;
    display: inline-block;
    font-size: 14px;
    font-weight: 700;
    height: 40px;
    line-height: 40px;
    position: absolute;
    right: 0;
    text-align: center;
    top: 0;
    width: 40px
}

.producer-affidavit {
    display: flex;
    flex-direction: column
}

.producer-affidavit .buttons {
    display: flex;
    margin-top: 20px
}

.producer-affidavit.mobile-dialog .subtitle {
    font-size: 14px;
    font-weight: 700;
    line-height: 20px;
    margin-bottom: 5px
}

.producer-affidavit.mobile-dialog .buttons {
    flex-direction: column
}

.producer-affidavit.mobile-dialog .buttons .xh-button {
    display: inline-block;
    margin-bottom: 15px;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.producer-affidavit.mobile-dialog .buttons .xh-button:last-child {
    margin-bottom: 0
}

.producer-affidavit.desktop-dialog .buttons {
    justify-content: flex-end
}

.producer-affidavit.desktop-dialog .buttons button:first-child {
    margin-right: 10px
}

.producer-affidavit.desktop-dialog .subtitle {
    font-size: 18px;
    font-weight: 700;
    line-height: 22px;
    margin-bottom: 10px
}

.producer-affidavit.desktop-dialog .field-container.required {
    width: 70%
}

.producer-affidavit.desktop-dialog .field-container.required .field-label__left {
    max-width: 130px
}

.dismiss-affidavit ul {
    background-color: rgba(227,68,73,.1);
    border-radius: 5px;
    margin-bottom: 15px;
    margin-top: 10px;
    padding: 15px
}

.dismiss-affidavit ul li {
    align-items: center;
    color: var(--color-accent-red,#e34449);
    display: flex;
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 10px
}

.dismiss-affidavit ul li:last-child {
    margin-bottom: 0
}

.dismiss-affidavit ul li .xh-icon {
    font-size: 18px;
    margin-right: 10px
}

.dismiss-affidavit .desktop-dialog__footer,.dismiss-affidavit .mobile-dialog__footer {
    min-height: 30px;
    position: relative
}

.dismiss-affidavit .desktop-dialog__footer .dots-loader,.dismiss-affidavit .mobile-dialog__footer .dots-loader {
    top: 0
}

.dismiss-affidavit .desktop-dialog__footer .dots-loader .dot,.dismiss-affidavit .mobile-dialog__footer .dots-loader .dot {
    background: var(--color-gray-dark,#a0a0a0)
}

.dismiss-affidavit .mobile-dialog__footer {
    display: flex;
    flex-direction: column
}

.dismiss-affidavit .mobile-dialog__footer .xh-button.full-width {
    margin-bottom: 15px
}

.dismiss-affidavit .mobile-dialog__footer .xh-button.full-width:last-child {
    margin-bottom: 0
}

html.msie:not(.login-page,.sign-up-page) body>.main-wrap>footer {
    bottom: 0;
    position: absolute
}

html.msie.about-us-pages.about-us-pages body>.main-wrap,html.msie.user-blog-page.user-blog-page body>.main-wrap {
    display: block
}

html.msie.about-us-pages.about-us-pages body>.main-wrap>footer,html.msie.user-blog-page.user-blog-page body>.main-wrap>footer {
    position: static
}

.xh-button.seamless {
    background: none!important;
    border: 0 none!important;
    border-radius: 0!important
}

.button__onlyIcon.button__onlyIcon {
    font-size: 20px
}

.button__onlyIcon.button__onlyIcon:after,.button__onlyIcon.button__onlyIcon:before {
    padding: 0
}

.button {
    align-items: center;
    box-sizing: border-box;
    display: inline-flex
}

.button__left {
    margin-right: 5px
}

.button__right {
    margin-left: 5px;
    order: 1
}

.button i {
    vertical-align: middle
}

.button.link {
    background: none;
    border: 0;
    color: var(--color-cobalt-darker,#303030);
    cursor: pointer
}

.button.full-width,.button.full-width-square {
    display: inline-block
}

.button.black {
    background: var(--color-button-black,#303030);
    border-color: var(--color-button-black,#303030);
    color: var(--color-white-origin,#fff)
}

.button.black.active {
    background-color: #ea7074!important;
    border-color: var(--color-accent-red,#e34449)!important
}

.button.blue {
    background: var(--color-blue,#3f67f5);
    border-color: var(--color-blue,#3f67f5);
    color: var(--color-white-origin,#fff)
}

.button.blue:not(:disabled):hover {
    background-color: var(--color-blue-darker-10,#0f41f2);
    border-color: var(--color-blue-darker-10,#0f41f2)
}

.button.transparent {
    background: transparent;
    border-color: transparent;
    color: var(--color-cobalt-darker,#303030)
}

.button.transparent:not(:disabled):hover {
    background: transparent;
    border-color: transparent;
    color: var(--color-cobalt-darker-70,rgba(48,48,48,.7))
}

.xh-button {
    background: var(--color-button-border,#ccc);
    border: 1px solid var(--color-button-border);
    border-radius: 14px;
    color: #8c8c8c;
    font-family: Roboto,Helvetica Neue,-apple-system,Arial,sans-serif;
    font-size: 14px;
    height: 30px;
    line-height: 100%;
    min-width: 45px;
    padding: 0 15px;
    position: relative;
    text-align: center;
    text-decoration: none!important
}

.xh-button::-moz-focus-inner {
    border: 0;
    padding: 0
}

input[type=button].xh-button,input[type=reset].xh-button,input[type=submit].xh-button {
    -webkit-appearance: button
}

.xh-button.small {
    border-radius: 12px;
    height: 25px;
    line-height: 23px;
    min-width: 37.5px;
    padding: 0 15px 1px
}

.xh-button.small i {
    line-height: 22px
}

.xh-button.large {
    border-radius: 20px;
    font-size: 14px;
    height: 40px;
    line-height: 38px;
    min-width: 60px;
    padding: 0 20px 2px 20px
}

.xh-button.large i {
    line-height: 40px
}

.xh-button.large2 {
    border-radius: 20px;
    height: 50px;
    line-height: 48px;
    min-width: 75px;
    padding: 0 20px 2px 20px
}

.xh-button.larger {
    border-radius: 28px;
    height: 55px;
    line-height: 53px;
    min-width: 82.5px;
    padding: 0 30px
}

.xh-button.line {
    background: none!important;
    border-color: var(--color-line-button-border,#ccc)!important;
    color: var(--color-cobalt-darker,#303030)!important
}

.xh-button:disabled,.xh-button[data-disabled=true] {
    cursor: not-allowed!important;
    opacity: .75
}

.xh-button:not(:disabled).active,.xh-button:not(:disabled):hover {
    background: #d6d6d6;
    border-color: #d6d6d6;
    cursor: pointer
}

.xh-button:not(:disabled).active.line,.xh-button:not(:disabled):hover.line {
    border-color: var(--color-cobalt-light,#dadada)!important;
    color: var(--color-cobalt,#707070)!important
}

.xh-button[data-disabled=true].active.line,.xh-button[data-disabled=true]:hover.line {
    border-color: var(--color-input-text-border,#ccc)!important;
    color: var(--color-cobalt,#707070)!important
}

.xh-button.dark-gray {
    background-color: var(--color-gray-dark,#a0a0a0);
    border-color: var(--color-gray-dark,#a0a0a0);
    color: #fff
}

.xh-button.dark-gray.line {
    border-color: var(--color-gray-dark,#a0a0a0)!important;
    color: var(--color-gray-dark,#a0a0a0)!important
}

.xh-button.dark-gray:not(:disabled).active,.xh-button.dark-gray:not(:disabled):hover {
    background-color: #aaa;
    border-color: #aaa
}

.xh-button.dark-gray:not(:disabled).active.line,.xh-button.dark-gray:not(:disabled):hover.line {
    background-color: var(--color-accent-red,#e34449);
    border-color: var(--color-accent-red,#e34449);
    color: var(--color-accent-red,#e34449)
}

.xh-button.gray {
    background-color: var(--color-button-gray,#dadada);
    border-color: var(--color-button-gray,#dadada);
    color: var(--color-cobalt-darker,#303030)
}

.xh-button.gray:not(:disabled):hover {
    background-color: var(--color-cobalt-light-4-lightened,#e4e4e4);
    border-color: var(--color-cobalt-light-4-lightened,#e4e4e4)
}

.xh-button.gray :disabled {
    color: var(--color-gray-dark,#a0a0a0)!important
}

.xh-button.cobalt-darkest {
    background-color: var(--color-cobalt-darker,#303030);
    border-color: var(--color-cobalt-darker,#303030);
    color: var(--color-white-gray,#fff)
}

.xh-button.cobalt-darkest:not(:disabled):hover {
    background-color: var(--color-cobalt-darker-lighten-4,#3a3a3a);
    border-color: var(--color-cobalt-darker-lighten-4,#3a3a3a)
}

.xh-button.cobalt-darkest:disabled,.xh-button.cobalt-darkest[data-disabled=true] {
    opacity: .25
}

.xh-button.cobalt-origin {
    background-color: var(--color-cobalt-origin,#707070);
    border-color: var(--color-cobalt-origin,#707070);
    color: var(--color-white-origin,#fff)
}

.xh-button.cobalt-darkest-origin {
    background-color: var(--color-cobalt-darker-origin,#303030);
    border-color: var(--color-cobalt-darker-origin,#303030);
    color: var(--color-white-origin,#fff)
}

.xh-button.cobalt-darkest-origin:not(:disabled):hover {
    background-color: #3a3a3a;
    border-color: #3a3a3a
}

.xh-button.cobalt-light {
    background-color: var(--color-cobalt-light,#dadada);
    border-color: var(--color-cobalt-light,#dadada);
    color: var(--color-cobalt-darker,#303030)
}

.xh-button.cobalt-light:not(:disabled):hover {
    background-color: var(--color-cobalt-light-4-lightened,#e4e4e4);
    border-color: var(--color-cobalt-light-4-lightened,#e4e4e4)
}

.xh-button.red {
    background: var(--color-accent-red,#e34449);
    border-color: var(--color-accent-red,#e34449);
    color: var(--color-white-origin,#fff)
}

.xh-button.red:not(:disabled).active,.xh-button.red:not(:disabled):hover {
    background-color: #d42025;
    border-color: #d42025
}

.xh-button.red:not(:disabled).active.line,.xh-button.red:not(:disabled):hover.line {
    border-color: var(--color-accent-red,#e34449)!important;
    color: var(--color-accent-red,#e34449)!important
}

.xh-button.red:not(:disabled).active.line {
    background: var(--color-cobalt-light,#dadada)!important;
    border-color: var(--color-cobalt-light,#dadada)!important;
    color: var(--color-cobalt-darker,#303030)!important
}

.xh-button.red[data-disabled=true].active.line,.xh-button.red[data-disabled=true]:hover.line {
    border-color: var(--color-input-text-border,#ccc)!important;
    color: var(--color-cobalt,#707070)!important
}

.xh-button.black:hover {
    background-color: #4a4a4a;
    border-color: #4a4a4a
}

.xh-button.green {
    background: var(--color-accent-green,#00bd8f);
    border-color: var(--color-accent-green,#00bd8f);
    color: var(--color-white-origin,#fff)
}

.xh-button.green:not(:disabled).active,.xh-button.green:not(:disabled):hover {
    background-color: #00d19e;
    border-color: #00d19e
}

.xh-button.green:not(:disabled).active.line,.xh-button.green:not(:disabled):hover.line {
    border-color: var(--color-accent-green,#00bd8f)!important;
    color: var(--color-accent-green,#00bd8f)!important
}

.xh-button.inverse {
    background: var(--color-white,#fff);
    border-color: var(--color-white,#fff)!important;
    color: var(--color-cobalt,#707070)
}

.xh-button.inverse.line {
    color: var(--color-white,#fff)!important
}

.xh-button.inverse:not(:disabled).active,.xh-button.inverse:not(:disabled):hover {
    background-color: var(--color-white-90,hsla(0,0%,100%,.9));
    border-color: var(--color-white-90,hsla(0,0%,100%,.9))
}

.xh-button.inverse:not(:disabled).active.line,.xh-button.inverse:not(:disabled):hover.line {
    border-color: var(--color-button-border,#ccc)!important;
    color: var(--color-white,#fff)!important
}

.xh-button.inverse:not(:disabled).active.line.red,.xh-button.inverse:not(:disabled):hover.line.red {
    border-color: var(--color-accent-red,#e34449)!important;
    color: var(--color-accent-red,#e34449)!important
}

.xh-button.inverse:not(:disabled).active.line.green,.xh-button.inverse:not(:disabled):hover.line.green {
    border-color: var(--color-accent-green,#00bd8f)!important;
    color: var(--color-accent-green,#00bd8f)!important
}

.xh-button.round {
    border-radius: 50%;
    height: 30px;
    min-height: 0;
    min-width: 0;
    padding: 0;
    width: 30px
}

.xh-button.round.icon-only {
    line-height: 0
}

.xh-button.round.icon-only i {
    display: block;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%)
}

.xh-button.round.larger {
    height: 55px;
    width: 55px
}

.xh-button.round.large {
    height: 40px;
    width: 40px
}

.xh-button.round.small {
    height: 25px;
    width: 25px
}

.xh-button.round i {
    height: 100%!important;
    max-height: 100%!important;
    vertical-align: baseline;
    width: 100%
}

.xh-button.full-width-square,.xh-button.square {
    border-radius: 5px;
    font-weight: 700
}

.xh-button.full-width,.xh-button.full-width-square {
    width: 100%
}

a.xh-button {
    display: inline-block;
    line-height: 28px
}

a.xh-button.small {
    line-height: 23px
}

a.xh-button.large {
    line-height: 38px
}

a.xh-button.larger {
    line-height: 53px
}

.mobile input.xh-button,.tablet input.xh-button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

p.large {
    font-size: 16px;
    line-height: 26px;
    margin: 26px 0 13px 0
}

p.small {
    font-size: 12px;
    line-height: 20px
}

p.smaller {
    font-size: 11px;
    line-height: 18px
}

p.tiny {
    font-size: 11px;
    line-height: 14px
}

.align-left {
    text-align: left
}

.align-right {
    text-align: right
}

.align-center {
    text-align: center
}

p.gray {
    color: var(--color-gray,#ccc)
}

p.cobalt {
    color: var(--color-cobalt,#707070)
}

p.red {
    color: var(--color-accent-red,#e34449)
}

p.green {
    color: var(--color-accent-green,#00bd8f)
}

.xh-header {
    font-size: 24px;
    font-weight: 700;
    line-height: 34px
}

.xh-header--small {
    font-size: 14px;
    line-height: 18px
}

.xh-header--medium {
    font-size: 18px;
    line-height: 24px
}

.xh-buttonset {
    border-radius: 3px;
    padding: 3px;
    text-align: center;
    white-space: nowrap
}

.xh-buttonset,.xh-buttonset>.xh-button {
    background-color: var(--color-cobalt-light,#dadada);
    display: inline-block
}

.xh-buttonset>.xh-button {
    border: none;
    border-radius: 2px;
    color: var(--color-cobalt-darker,#303030);
    font-size: 14px;
    height: auto;
    line-height: 24px;
    padding: 0 20px;
    padding-left: 10px;
    padding-right: 10px;
    position: relative;
    z-index: 0
}

.xh-buttonset>.xh-button:hover {
    background-color: var(--color-gray,#ccc)
}

.xh-buttonset>.xh-button.active {
    background-color: var(--background-input,#fff);
    color: var(--color-cobalt-darker,#303030);
    cursor: default!important
}

.xh-buttonset>.xh-button+.xh-button {
    margin-left: -1px
}

.xh-tabbed {
    padding-top: 10px
}

.xh-tabbed .xh-buttonset {
    position: relative;
    z-index: 2
}

.xh-tabbed.no-upper .xh-tabset>.button,.xh-tabbed.no-upper .xh-tabset>a,.xh-tabbed.no-upper .xh-tabset>button {
    letter-spacing: normal;
    text-transform: none
}

.xh-tabbed .xh-tabset {
    border-bottom: 1px solid var(--color-cobalt-light,#dadada);
    display: flex;
    flex-wrap: wrap;
    font-size: 0;
    position: relative
}

.xh-tabbed .xh-tabset>* {
    font-size: 14px
}

@media (max-width: 1279px) {
    .xh-tabbed .xh-tabset span.period {
        display:none!important
    }
}

.xh-tabbed .xh-tabset>.button,.xh-tabbed .xh-tabset>.import-video-from-tube-upload-tab,.xh-tabbed .xh-tabset>a,.xh-tabbed .xh-tabset>button {
    align-items: center;
    background: none transparent;
    border-bottom: 3px solid transparent;
    border-top: 3px solid transparent;
    color: var(--color-cobalt-darker,#303030);
    display: flex;
    font-size: 14px;
    font-weight: 700;
    height: 40px;
    letter-spacing: 1px;
    margin-right: 15px;
    outline: 0 none;
    padding: 0;
    position: relative;
    text-transform: uppercase
}

.xh-tabbed .xh-tabset>.button:last-child,.xh-tabbed .xh-tabset>.import-video-from-tube-upload-tab:last-child,.xh-tabbed .xh-tabset>a:last-child,.xh-tabbed .xh-tabset>button:last-child {
    margin-right: 0
}

.xh-tabbed .xh-tabset>.button:hover:not(.passive),.xh-tabbed .xh-tabset>.import-video-from-tube-upload-tab:hover:not(.passive),.xh-tabbed .xh-tabset>a:hover:not(.passive),.xh-tabbed .xh-tabset>button:hover:not(.passive) {
    color: var(--color-accent-red,#e34449);
    cursor: pointer
}

.xh-tabbed .xh-tabset>.button.disabled,.xh-tabbed .xh-tabset>.button.disabled:hover,.xh-tabbed .xh-tabset>.import-video-from-tube-upload-tab.disabled,.xh-tabbed .xh-tabset>.import-video-from-tube-upload-tab.disabled:hover,.xh-tabbed .xh-tabset>a.disabled,.xh-tabbed .xh-tabset>a.disabled:hover,.xh-tabbed .xh-tabset>button.disabled,.xh-tabbed .xh-tabset>button.disabled:hover {
    color: var(--color-gray,#ccc)!important
}

.xh-tabbed .xh-tabset>.button.disabled:hover>.value,.xh-tabbed .xh-tabset>.button.disabled:hover>.value:hover,.xh-tabbed .xh-tabset>.button.disabled>.value,.xh-tabbed .xh-tabset>.button.disabled>.value:hover,.xh-tabbed .xh-tabset>.import-video-from-tube-upload-tab.disabled:hover>.value,.xh-tabbed .xh-tabset>.import-video-from-tube-upload-tab.disabled:hover>.value:hover,.xh-tabbed .xh-tabset>.import-video-from-tube-upload-tab.disabled>.value,.xh-tabbed .xh-tabset>.import-video-from-tube-upload-tab.disabled>.value:hover,.xh-tabbed .xh-tabset>a.disabled:hover>.value,.xh-tabbed .xh-tabset>a.disabled:hover>.value:hover,.xh-tabbed .xh-tabset>a.disabled>.value,.xh-tabbed .xh-tabset>a.disabled>.value:hover,.xh-tabbed .xh-tabset>button.disabled:hover>.value,.xh-tabbed .xh-tabset>button.disabled:hover>.value:hover,.xh-tabbed .xh-tabset>button.disabled>.value,.xh-tabbed .xh-tabset>button.disabled>.value:hover {
    display: none!important
}

.xh-tabbed .xh-tabset>.button.current-tab,.xh-tabbed .xh-tabset>.import-video-from-tube-upload-tab.current-tab,.xh-tabbed .xh-tabset>a.current-tab,.xh-tabbed .xh-tabset>button.current-tab {
    border-bottom-color: var(--color-accent-red,#e34449);
    border-radius: 0;
    color: var(--color-accent-red,#e34449);
    font-weight: bolder
}

.xh-tabbed .xh-tabset>.button .value,.xh-tabbed .xh-tabset>.import-video-from-tube-upload-tab .value,.xh-tabbed .xh-tabset>a .value,.xh-tabbed .xh-tabset>button .value {
    color: var(--color-gray-dark,#a0a0a0);
    font-size: 14px;
    font-weight: 400;
    margin-left: 5px;
    text-align: center
}

.xh-tabbed .xh-tabset>.button.xh-dropdown,.xh-tabbed .xh-tabset>.import-video-from-tube-upload-tab.xh-dropdown,.xh-tabbed .xh-tabset>a.xh-dropdown,.xh-tabbed .xh-tabset>button.xh-dropdown {
    z-index: 4
}

.xh-tabbed .xh-tabset>.button.xh-dropdown.trigger i.arrow,.xh-tabbed .xh-tabset>.import-video-from-tube-upload-tab.xh-dropdown.trigger i.arrow,.xh-tabbed .xh-tabset>a.xh-dropdown.trigger i.arrow,.xh-tabbed .xh-tabset>button.xh-dropdown.trigger i.arrow {
    top: -1px!important
}

.xh-tabbed .xh-tabset>.button.xh-dropdown .dropdown,.xh-tabbed .xh-tabset>.import-video-from-tube-upload-tab.xh-dropdown .dropdown,.xh-tabbed .xh-tabset>a.xh-dropdown .dropdown,.xh-tabbed .xh-tabset>button.xh-dropdown .dropdown {
    left: 0;
    margin-top: 1px;
    transform: none
}

.xh-tabbed .xh-tabset>.button.xh-dropdown ul li,.xh-tabbed .xh-tabset>.import-video-from-tube-upload-tab.xh-dropdown ul li,.xh-tabbed .xh-tabset>a.xh-dropdown ul li,.xh-tabbed .xh-tabset>button.xh-dropdown ul li {
    text-align: left
}

.xh-tabbed .xh-tabset>.upload-limits-container {
    position: absolute;
    right: 0
}

.xh-tabbed .xh-tabset>.upload-limits-container .button {
    margin-top: 3px;
    padding-bottom: 40px;
    padding-top: 2px
}

.xh-tabbed .xh-tabset>.upload-limits-container .button .xh-icon {
    font-size: 20px
}

.xh-tabbed .xh-tabset .active-bar {
    background: var(--color-accent-red,#e34449);
    bottom: -1px;
    display: none!important;
    height: 3px;
    left: 20px;
    position: absolute;
    width: 0
}

.xh-tabbed .xh-tabs>div,.xh-tabbed .xh-tabs>form {
    display: none
}

.xh-tabbed .xh-tabs>div.current-tab,.xh-tabbed .xh-tabs>form.current-tab {
    display: block
}

a.link,a.link-inner {
    color: var(--color-cobalt-darker,#303030);
    text-decoration: underline
}

a.link-inner:visited,a.link:visited {
    color: var(--color-cobalt,#707070)
}

a.link-inner:link,a.link:link {
    color: var(--color-cobalt-darker,#303030)
}

a.link-inner:hover,a.link:hover {
    color: var(--color-accent-red,#e34449)
}

span.link {
    color: var(--color-cobalt-darker,#303030);
    cursor: pointer;
    text-decoration: underline
}

span.link:visited {
    color: var(--color-cobalt,#707070)
}

span.link:link {
    color: var(--color-cobalt-darker,#303030)
}

span.link:hover {
    color: var(--color-accent-red,#e34449)
}

a.link-nv {
    color: var(--color-cobalt-darker,#303030);
    text-decoration: underline
}

a.link-nv:visited {
    color: var(--color-cobalt,#707070)
}

a.link-nv:link {
    color: var(--color-cobalt-darker,#303030)
}

a.link-nv:hover {
    color: var(--color-accent-red,#e34449)
}

a.link-nv:visited {
    color: var(--color-cobalt-darker,#303030)
}

a.dotted {
    border-bottom: 1px dotted rgba(100,110,137,.6)
}

a.dotted:hover {
    border-bottom-color: var(--color-accent-red,#e34449)
}

a.disabled {
    border: 0;
    color: var(--color-cobalt-darker,#303030);
    cursor: inherit;
    pointer-events: none;
    text-decoration: none
}

.xh-modal-wrapper {
    background-color: var(--background-modal-wrapper,rgba(0,0,0,.8));
    bottom: 0;
    height: 100%;
    left: 0;
    min-width: 1024px;
    opacity: 0;
    overflow: auto;
    position: fixed;
    right: 0;
    top: 0;
    visibility: hidden;
    z-index: 9999
}

.xh-modal-wrapper .xh-modal.xh-confirm-dialog .xh-modal-header .xh-modal-buttons .xh-dialog-close {
    color: var(--color-white-origin,#fff)
}

.xh-modal-wrapper .xh-modal.xh-confirm-dialog .xh-modal-body {
    padding: 20px;
    text-align: left
}

.xh-modal-wrapper .xh-modal.xh-confirm-dialog .xh-modal-body .confirm-buttons {
    margin-top: 20px
}

.xh-modal-wrapper .xh-modal.xh-confirm-dialog .xh-modal-body .confirm-buttons .xh-button {
    margin-right: 6px
}

.xh-modal-wrapper.with-scroll {
    height: 100%;
    max-height: 100%;
    overflow: hidden!important;
    padding-bottom: 80px
}

.xh-modal-wrapper.with-scroll .xh-modal {
    box-sizing: content-box;
    max-height: 100%!important;
    overflow: hidden!important
}

.xh-modal-wrapper.with-scroll .xh-modal .xh-modal-body.scrolling {
    padding-bottom: 0!important
}

.xh-modal-wrapper.with-scroll .xh-modal .xh-modal-body.scrolling:after {
    content: "";
    display: block;
    height: 30px;
    width: 100%
}

.xh-modal-wrapper .editor-insert-image.xh-tabbed .xh-tabset>button {
    font-weight: 700
}

.xh-modal-wrapper .xh-dialog-header-close {
    height: 30px;
    position: absolute;
    right: 40px;
    top: 40px;
    z-index: 1
}

.xh-modal-wrapper .xh-dialog-header-close .xh-icon {
    font-size: 30px
}

.xh-modal-wrapper .xh-dialog-header-close.xh-button {
    height: 40px;
    position: relative;
    right: auto;
    top: auto
}

.xh-modal-wrapper .xh-modal {
    background: transparent;
    bottom: auto;
    box-shadow: 0 2px 40px rgba(0,0,0,.3);
    height: auto;
    left: 50%;
    margin-bottom: 30px;
    position: relative;
    right: auto;
    top: 40px;
    transform: translate3d(-50%,0,0);
    width: 800px;
    will-change: opacity,top
}

.xh-modal-wrapper .xh-modal .xh-modal-body,.xh-modal-wrapper .xh-modal .xh-tabs {
    background-color: var(--background-modal-body,#eaeaea)
}

.xh-modal-wrapper .xh-modal .xh-tabset {
    background: var(--background-modal-header,#f5f5f5)
}

.xh-modal-wrapper .xh-modal.no-footer .xh-modal-body {
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    margin-bottom: 0;
    padding-bottom: 30px
}

.xh-modal-wrapper .xh-modal.no-footer .xh-modal-body:after {
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    bottom: 0;
    left: 0
}

.xh-modal-wrapper .xh-modal.scrollable {
    position: relative
}

.xh-modal-wrapper .xh-modal.normal {
    width: 750px
}

.xh-modal-wrapper .xh-modal.small {
    width: 500px
}

.xh-modal-wrapper .xh-modal.warning .xh-modal-header {
    background: var(--color-red-dark,#d1363b)
}

.xh-modal-wrapper .xh-modal.warning .xh-modal-header .xh-modal-title {
    color: var(--color-white,#fff)
}

.xh-modal-wrapper .xh-modal>.xh-tabset {
    padding-left: 30px
}

.xh-modal-wrapper .xh-modal .xh-modal-header {
    background: var(--background-modal-header,#f5f5f5);
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    display: block;
    height: 67px;
    overflow: hidden;
    width: 100%
}

.xh-modal-wrapper .xh-modal .xh-modal-header .xh-avatar {
    float: left!important;
    margin-right: 20px!important
}

.xh-modal-wrapper .xh-modal .xh-modal-header .xh-modal-title {
    color: var(--color-cobalt-darker,#303030);
    display: inline-block;
    font-size: 24px;
    font-weight: 600;
    line-height: 40px;
    margin: 17px 0 0 30px;
    max-width: 90%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.xh-modal-wrapper .xh-modal .xh-modal-header .xh-modal-buttons {
    display: inline-block;
    float: right;
    white-space: nowrap
}

.xh-modal-wrapper .xh-modal .xh-modal-header .xh-modal-buttons a {
    border: 0 none;
    box-sizing: border-box;
    color: var(--color-cobalt-light,#dadada);
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    height: 55px;
    line-height: 55px;
    margin: 0!important;
    padding: 2px 20px 0 20px
}

.xh-modal-wrapper .xh-modal .xh-modal-header .xh-modal-buttons a.active,.xh-modal-wrapper .xh-modal .xh-modal-header .xh-modal-buttons a:hover {
    color: #fff;
    transition: color .15s ease
}

.xh-modal-wrapper .xh-modal .xh-buttonset {
    margin: 15px 0
}

.xh-modal-wrapper .xh-modal .xh-modal-body {
    box-sizing: border-box;
    overflow: hidden;
    padding: 30px 30px 30px 30px;
    position: relative
}

.xh-modal-wrapper .xh-modal .xh-modal-body:before {
    left: 0
}

.xh-modal-wrapper .xh-modal .xh-modal-body:after {
    bottom: 80px;
    left: 0
}

.xh-modal-wrapper .xh-modal .xh-modal-footer {
    background-color: var(--background-modal-header,#f5f5f5);
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    box-sizing: content-box;
    padding: 20px 30px;
    position: relative;
    text-align: center
}

.xh-modal-wrapper .xh-modal .xh-modal-footer .pager-section {
    margin: 0
}

.xh-modal-wrapper .xh-modal .xh-modal-footer button {
    margin: 0 5px
}

.xh-modal-wrapper .xh-editor-dialog .xh-tab-upload .select-thumb-list {
    margin-bottom: 0!important
}

.xh-modal-wrapper .photo-crop-dialog__info,.xh-modal-wrapper .xh-editor-dialog__info {
    align-items: center;
    background-color: var(--color-gray-light,#eaeaea);
    border-radius: 6px;
    display: flex;
    justify-content: center;
    margin-bottom: 20px;
    min-height: 30px
}

.xh-modal-wrapper .photo-crop-dialog__info .xh-icon,.xh-modal-wrapper .xh-editor-dialog__info .xh-icon {
    font-size: 16px;
    margin-right: 5px
}

.xh-modal-wrapper .photo-crop-dialog .xh-modal-body,.xh-modal-wrapper .xh-editor-dialog .xh-modal-body {
    color: var(--color-cobalt,#707070);
    overflow: hidden;
    transition: height .15s ease
}

.xh-modal-wrapper .photo-crop-dialog .xh-modal-body>div,.xh-modal-wrapper .xh-editor-dialog .xh-modal-body>div {
    height: 100%;
    position: relative
}

.xh-modal-wrapper .photo-crop-dialog .xh-modal-body>div.dialog-image-list,.xh-modal-wrapper .xh-editor-dialog .xh-modal-body>div.dialog-image-list {
    position: relative
}

.xh-modal-wrapper .photo-crop-dialog .xh-modal-body .drop-area,.xh-modal-wrapper .xh-editor-dialog .xh-modal-body .drop-area {
    background-color: var(--xh-color-surface-front-secondary);
    border: 2px dashed var(--color-button-border,#ccc);
    cursor: pointer;
    font-size: 18px;
    line-height: 24px;
    padding-bottom: 50px;
    padding-top: 40px;
    position: relative;
    text-align: center;
    transition: border-color .15s ease,background .15s ease
}

.xh-modal-wrapper .photo-crop-dialog .xh-modal-body .drop-area .xh-icon.upload,.xh-modal-wrapper .photo-crop-dialog .xh-modal-body .drop-area .xh-icon.upload-fill,.xh-modal-wrapper .xh-editor-dialog .xh-modal-body .drop-area .xh-icon.upload,.xh-modal-wrapper .xh-editor-dialog .xh-modal-body .drop-area .xh-icon.upload-fill {
    color: var(--color-cobalt-darker,#303030);
    font-size: 36px;
    margin-bottom: 22px
}

.xh-modal-wrapper .photo-crop-dialog .xh-modal-body .drop-area .drop-text,.xh-modal-wrapper .xh-editor-dialog .xh-modal-body .drop-area .drop-text {
    color: var(--color-cobalt-darker,#303030);
    font-size: 18px;
    line-height: 24px;
    margin: 0
}

.xh-modal-wrapper .photo-crop-dialog .xh-modal-body .drop-area .drop-text a,.xh-modal-wrapper .xh-editor-dialog .xh-modal-body .drop-area .drop-text a {
    color: var(--color-cobalt,#707070)
}

.xh-modal-wrapper .photo-crop-dialog .xh-modal-body .drop-area .drop-text a:hover,.xh-modal-wrapper .xh-editor-dialog .xh-modal-body .drop-area .drop-text a:hover {
    color: var(--color-accent-red,#e34449)
}

.xh-modal-wrapper .photo-crop-dialog .xh-modal-body .drop-area .note,.xh-modal-wrapper .xh-editor-dialog .xh-modal-body .drop-area .note {
    color: var(--color-cobalt,#707070);
    font-size: 14px;
    line-height: 24px;
    position: static
}

.xh-modal-wrapper .photo-crop-dialog .xh-modal-body .drop-area:hover,.xh-modal-wrapper .xh-editor-dialog .xh-modal-body .drop-area:hover {
    background: transparent;
    border-color: var(--color-accent-red,#e34449)
}

.xh-modal-wrapper .photo-crop-dialog .xh-modal-body .drop-area:hover .xh-icon.upload-fill.to-red:before,.xh-modal-wrapper .photo-crop-dialog .xh-modal-body .drop-area:hover .xh-icon.upload.to-red:before,.xh-modal-wrapper .xh-editor-dialog .xh-modal-body .drop-area:hover .xh-icon.upload-fill.to-red:before,.xh-modal-wrapper .xh-editor-dialog .xh-modal-body .drop-area:hover .xh-icon.upload.to-red:before {
    color: var(--color-accent-red,#e34449)
}

.xh-modal-wrapper .photo-crop-dialog .xh-modal-body .drop-area:hover .xh-icon.upload-fill.to-original:before,.xh-modal-wrapper .photo-crop-dialog .xh-modal-body .drop-area:hover .xh-icon.upload.to-original:before,.xh-modal-wrapper .xh-editor-dialog .xh-modal-body .drop-area:hover .xh-icon.upload-fill.to-original:before,.xh-modal-wrapper .xh-editor-dialog .xh-modal-body .drop-area:hover .xh-icon.upload.to-original:before {
    color: inherit
}

.xh-modal-wrapper .photo-crop-dialog .xh-modal-body .drop-area:hover .xh-icon.upload-fill.to-white:before,.xh-modal-wrapper .photo-crop-dialog .xh-modal-body .drop-area:hover .xh-icon.upload.to-white:before,.xh-modal-wrapper .xh-editor-dialog .xh-modal-body .drop-area:hover .xh-icon.upload-fill.to-white:before,.xh-modal-wrapper .xh-editor-dialog .xh-modal-body .drop-area:hover .xh-icon.upload.to-white:before {
    color: var(--color-white-origin,hsla(0,0%,100%,.7))
}

.xh-modal-wrapper .photo-crop-dialog .xh-modal-body .drop-area:hover .xh-icon.upload-fill.to-green:before,.xh-modal-wrapper .photo-crop-dialog .xh-modal-body .drop-area:hover .xh-icon.upload.to-green:before,.xh-modal-wrapper .xh-editor-dialog .xh-modal-body .drop-area:hover .xh-icon.upload-fill.to-green:before,.xh-modal-wrapper .xh-editor-dialog .xh-modal-body .drop-area:hover .xh-icon.upload.to-green:before {
    color: var(--color-accent-green,#00bd8f)
}

.xh-modal-wrapper .photo-crop-dialog .xh-modal-body .drop-area:hover .drop-text a,.xh-modal-wrapper .xh-editor-dialog .xh-modal-body .drop-area:hover .drop-text a {
    border-color: var(--color-accent-red,#e34449);
    color: var(--color-accent-red,#e34449)
}

.xh-modal-wrapper .photo-crop-dialog .xh-modal-body .drop-text,.xh-modal-wrapper .xh-editor-dialog .xh-modal-body .drop-text {
    display: block;
    font-size: 16px;
    line-height: 40px;
    margin: 6px auto 4px auto
}

.xh-modal-wrapper .photo-crop-dialog .xh-modal-body .note,.xh-modal-wrapper .xh-editor-dialog .xh-modal-body .note {
    bottom: 10px;
    color: var(--color-cobalt,#707070);
    font-size: 12px;
    position: absolute;
    width: 100%
}

.xh-modal-wrapper .photo-crop-dialog .xh-modal-body .note .gap,.xh-modal-wrapper .xh-editor-dialog .xh-modal-body .note .gap {
    display: inline-block;
    width: 10px
}

.xh-modal-wrapper .photo-crop-dialog.editor-insert-image .link-box,.xh-modal-wrapper .photo-crop-dialog.insert-video-dialog .link-box,.xh-modal-wrapper .xh-editor-dialog.editor-insert-image .link-box,.xh-modal-wrapper .xh-editor-dialog.insert-video-dialog .link-box {
    float: none;
    margin: 0 auto
}

.xh-modal-wrapper .photo-crop-dialog.editor-insert-image .link-box .input-text,.xh-modal-wrapper .photo-crop-dialog.insert-video-dialog .link-box .input-text,.xh-modal-wrapper .xh-editor-dialog.editor-insert-image .link-box .input-text,.xh-modal-wrapper .xh-editor-dialog.insert-video-dialog .link-box .input-text {
    display: inline-block;
    width: 83%
}

.xh-modal-wrapper .photo-crop-dialog.insert-video-dialog .has-preview,.xh-modal-wrapper .photo-crop-dialog.insert-video-dialog .preview,.xh-modal-wrapper .xh-editor-dialog.insert-video-dialog .has-preview,.xh-modal-wrapper .xh-editor-dialog.insert-video-dialog .preview {
    margin: 20px 0 10px 0
}

.xh-modal-wrapper .photo-crop-dialog.insert-video-dialog .has-preview iframe,.xh-modal-wrapper .photo-crop-dialog.insert-video-dialog .preview iframe,.xh-modal-wrapper .xh-editor-dialog.insert-video-dialog .has-preview iframe,.xh-modal-wrapper .xh-editor-dialog.insert-video-dialog .preview iframe {
    height: 400px;
    width: 100%
}

.xh-modal-wrapper.opened {
    opacity: 1;
    transition: visibility 0s,opacity .3s ease;
    visibility: visible
}

.xh-modal-wrapper.closed {
    transition: visibility .3s,opacity .3s ease
}

.xh-confirm-dialog .xh-modal-body {
    text-align: center
}

.xh-confirm-dialog .xh-modal-body:after {
    display: none!important
}

body.noscroll {
    overflow-y: hidden
}

@media screen and (max-width: 1229px) {
    .xh-modal-wrapper .xh-dialog-header-close {
        right:10px;
        top: 10px
    }
}

.xh-modal.xh-confirm-dialog .xh-modal-header .xh-modal-buttons .xh-dialog-close {
    color: var(--color-white-origin,#fff)
}

.xh-modal.xh-confirm-dialog .xh-modal-body {
    padding: 20px;
    text-align: left
}

.xh-modal.xh-confirm-dialog .xh-modal-body .confirm-buttons {
    margin-top: 20px
}

.xh-modal.xh-confirm-dialog .xh-modal-body .confirm-buttons .xh-button {
    margin-right: 6px
}

.xh-modal.suspicious-user-dialog .xh-dialog-header-close {
    height: auto
}

.xh-modal.suspicious-user-dialog .xh-dialog-header-close .xh-icon {
    font-size: 18px;
    font-weight: bolder
}

.xh-modal.suspicious-user-dialog .xh-modal-header .xh-modal-title {
    white-space: normal
}

.xh-modal.suspicious-user-dialog .xh-modal-body p:not(:last-child) {
    margin-bottom: 10px
}

.xh-modal.suspicious-user-dialog .xh-modal-body .text-btn {
    color: inherit;
    cursor: pointer;
    text-decoration: underline
}

.on-file-drop-area {
    background: rgba(0,189,143,.75);
    display: none;
    height: 100%;
    left: 0;
    padding: 60px;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 99999
}

.on-file-drop-area .on-file-drop-area-inner {
    border: 10px dashed var(--color-white-origin,#fff);
    color: var(--color-white-origin,#fff);
    font-size: 52px;
    font-weight: 700;
    height: 100%;
    line-height: 60px;
    text-align: center
}

.on-file-drop-area .on-file-drop-area-inner .drop-text {
    display: block;
    left: 0;
    margin-top: -30px;
    position: absolute;
    text-align: center;
    top: 50%;
    width: 100%
}

.xh-modal-wrapper.new-design .xh-modal {
    background-color: var(--color-cobalt-lighter,#f5f5f5);
    border-radius: 5px;
    display: inline-block;
    top: 130px
}

.xh-modal-wrapper.new-design .xh-modal.small {
    width: 380px
}

.xh-modal-wrapper.new-design .xh-modal.medium {
    width: 640px
}

.xh-modal-wrapper.new-design .xh-modal.no-footer .xh-modal-body {
    padding-bottom: 15px
}

.xh-modal-wrapper.new-design .xh-modal .xh-dialog-header-close {
    right: -30px;
    top: 2px
}

.xh-modal-wrapper.new-design .xh-modal .xh-dialog-header-close .xh-icon {
    font-size: 15px
}

.xh-modal-wrapper.new-design .xh-modal .xh-modal-body,.xh-modal-wrapper.new-design .xh-modal .xh-modal-footer,.xh-modal-wrapper.new-design .xh-modal .xh-modal-header {
    background-color: transparent;
    padding: 15px 20px 0 20px
}

.xh-modal-wrapper.new-design .xh-modal .xh-modal-header {
    height: auto
}

.xh-modal-wrapper.new-design .xh-modal .xh-modal-header .xh-modal-title {
    color: var(--color-cobalt-darker,#303030);
    font-size: 18px;
    line-height: 20px;
    margin: 0
}

.xh-modal-wrapper.new-design .xh-modal .xh-modal-body {
    font-size: 14px;
    line-height: 1.43
}

.xh-modal-wrapper.new-design .xh-modal .xh-modal-footer {
    padding-bottom: 15px;
    text-align: right
}

.xh-modal-wrapper.new-design .xh-modal .xh-modal-footer .link {
    background: none;
    border: 0;
    color: var(--color-cobalt,#707070);
    font-weight: 700;
    padding: 0
}

.xh-modal-wrapper.new-design .xh-modal .xh-modal-footer .link:hover {
    background: none;
    border: 0
}

.xh-modal-wrapper.new-design .xh-modal .xh-modal-footer button {
    margin-left: 0;
    margin-right: 20px
}

.xh-modal-wrapper.new-design .xh-modal .xh-modal-footer button:last-child {
    margin-right: 0
}

.xh-mom-day-dialog .xh-modal-header img {
    display: block;
    margin: 20px auto 40px auto
}

.xh-mom-day-dialog .xh-modal-title {
    line-height: 26px
}

.xh-mom-day-dialog .hash {
    color: var(--color-blue,#3f67f5)
}

.xh-avatar {
    border: 2px solid transparent;
    border-radius: 5px;
    color: var(--color-cobalt-darker-origin,#303030);
    display: inline-block;
    font-size: 48px;
    height: 90px;
    letter-spacing: 0;
    line-height: 90px;
    overflow: hidden;
    text-align: center;
    vertical-align: top;
    white-space: nowrap;
    width: 90px
}

.xh-avatar.user-edit-mobile {
    font-size: 48px;
    height: 70px;
    line-height: 70px;
    width: 70px
}

.xh-avatar.largest {
    font-size: 90px;
    height: 190px;
    line-height: 186px;
    width: 190px
}

.xh-avatar.dating {
    border: 0;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    font-size: 90px;
    line-height: 180px
}

@media screen and (max-width: 1229px) {
    .xh-avatar.dating {
        height:180px;
        width: 180px
    }
}

@media screen and (min-width: 1230px) and (max-width:1365px) {
    .xh-avatar.dating {
        height:170px;
        width: 170px
    }
}

@media screen and (min-width: 1366px) {
    .xh-avatar.dating {
        height:200px;
        width: 200px
    }
}

.xh-avatar.large {
    font-size: 90px;
    height: 160px;
    line-height: 156px;
    width: 160px
}

.xh-avatar.normal {
    height: 90px;
    line-height: 86px;
    width: 90px
}

.xh-avatar.big {
    font-size: 22px;
    height: 80px;
    line-height: 76px;
    width: 80px
}

.xh-avatar.medium {
    font-size: 22px;
    height: 60px;
    line-height: 56px;
    width: 60px
}

.xh-avatar.small {
    font-size: 22px;
    height: 50px;
    line-height: 46px;
    width: 50px
}

.xh-avatar.smaller {
    font-size: 16px;
    height: 40px;
    line-height: 36px;
    width: 40px
}

.xh-avatar.anonimus {
    background-color: var(--color-cobalt-light,#dadada);
    border-color: var(--color-cobalt-light,#dadada)
}

.xh-avatar.gold {
    border-color: var(--color-gold,#f4bb2e)!important
}

.xh-avatar.retired {
    background-color: var(--color-cobalt-light,#dadada);
    border-color: var(--color-cobalt-light,#dadada);
    color: var(--color-gray-dark,#a0a0a0);
    font-family: xh-icons!important
}

.xh-avatar.retired:before {
    content: "\f14f"
}

img.xh-avatar {
    color: transparent
}

.xh-dropdown {
    display: inline-block;
    position: relative
}

.xh-dropdown .dropdown {
    display: none
}

.xh-dropdown .trigger,.xh-dropdown.trigger {
    cursor: pointer;
    position: relative;
    z-index: 1
}

.xh-dropdown .trigger.no-arrow:after,.xh-dropdown.trigger.no-arrow:after {
    display: none!important
}

.xh-dropdown .trigger:after,.xh-dropdown.trigger:after {
    content: "";
    display: inline-block;
    height: 7px;
    margin-left: 6.66666667px;
    margin-right: 0;
    position: relative;
    top: 4px
}

.xh-dropdown .trigger.green:after,.xh-dropdown .trigger.inverse:after,.xh-dropdown .trigger.red:after,.xh-dropdown .trigger:after,.xh-dropdown.trigger.green:after,.xh-dropdown.trigger.inverse:after,.xh-dropdown.trigger.red:after,.xh-dropdown.trigger:after {
    border-color: var(--color-white-origin,#fff) transparent transparent transparent;
    border-style: solid;
    border-width: 3px 3px 0 3px
}

.xh-dropdown .trigger.darkest:after,.xh-dropdown.trigger.darkest:after {
    border-color: var(--color-cobalt-darker,#303030) transparent transparent transparent;
    border-style: solid;
    border-width: 3px 3px 0 3px
}

.xh-dropdown .trigger.gray:after,.xh-dropdown.trigger.gray:after {
    border-color: var(--color-cobalt,#707070) transparent transparent transparent;
    border-style: solid;
    border-width: 3px 3px 0 3px
}

.xh-dropdown .trigger.active.darkest:after,.xh-dropdown .trigger:hover.darkest:after,.xh-dropdown.trigger.active.darkest:after,.xh-dropdown.trigger:hover.darkest:after {
    border-color: var(--color-accent-red,#e34449) transparent transparent transparent;
    border-style: solid;
    border-width: 3px 3px 0 3px
}

.xh-dropdown .trigger.line.green:after,.xh-dropdown .trigger.line.red:after,.xh-dropdown.trigger.line.green:after,.xh-dropdown.trigger.line.red:after {
    border-color: var(--color-gray,#ccc) transparent transparent transparent;
    border-style: solid;
    border-width: 3px 3px 0 3px
}

.xh-dropdown .trigger.line.inverse:after,.xh-dropdown.trigger.line.inverse:after {
    border-color: var(--color-white,#fff) transparent transparent transparent;
    border-style: solid;
    border-width: 3px 3px 0 3px
}

.xh-dropdown .trigger.line.gray:after,.xh-dropdown.trigger.line.gray:after {
    border-color: var(--color-cobalt,#707070) transparent transparent transparent;
    border-style: solid;
    border-width: 3px 3px 0 3px
}

.xh-dropdown .trigger.line.active.red:after,.xh-dropdown .trigger.line:hover.red:after,.xh-dropdown.trigger.line.active.red:after,.xh-dropdown.trigger.line:hover.red:after {
    border-color: var(--color-accent-red,#e34449) transparent transparent transparent;
    border-style: solid;
    border-width: 3px 3px 0 3px
}

.xh-dropdown .trigger.line.active.green:after,.xh-dropdown .trigger.line:hover.green:after,.xh-dropdown.trigger.line.active.green:after,.xh-dropdown.trigger.line:hover.green:after {
    border-color: var(--color-accent-green,#00bd8f) transparent transparent transparent;
    border-style: solid;
    border-width: 3px 3px 0 3px
}

.xh-dropdown .trigger.line.active.inverse:after,.xh-dropdown .trigger.line:hover.inverse:after,.xh-dropdown.trigger.line.active.inverse:after,.xh-dropdown.trigger.line:hover.inverse:after {
    border-color: var(--color-white,#fff) transparent transparent transparent;
    border-style: solid;
    border-width: 3px 3px 0 3px
}

.xh-dropdown .trigger.line.active.gray:after,.xh-dropdown .trigger.line:hover.gray:after,.xh-dropdown.trigger.line.active.gray:after,.xh-dropdown.trigger.line:hover.gray:after {
    border-color: var(--color-cobalt,#707070) transparent transparent transparent;
    border-style: solid;
    border-width: 3px 3px 0 3px
}

.xh-dropdown .trigger.line.small:after,.xh-dropdown.trigger.line.small:after {
    height: 6px!important;
    margin-left: 5px;
    top: 2px
}

.xh-dropdown .trigger.line.large:after,.xh-dropdown.trigger.line.large:after {
    height: 8px!important;
    margin-left: 10px
}

.xh-dropdown.popup {
    border-radius: 0;
    z-index: 100
}

.xh-dropdown.popup .heading {
    font-size: 16px;
    font-weight: 700;
    line-height: 26px;
    margin-bottom: 10px
}

.checkbox,[type=checkbox] {
    display: none
}

.checkbox.checked+label:before,.checkbox:checked+label:before,.checkbox[checked=true]+label:before,[type=checkbox].checked+label:before,[type=checkbox]:checked+label:before,[type=checkbox][checked=true]+label:before {
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    font-family: xh-icons!important;
    font-size: inherit;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    letter-spacing: 0!important;
    line-height: 1em;
    position: relative;
    text-transform: none
}

.checkbox.checked+label:before:after,.checkbox.checked+label:before>span:before,.checkbox:checked+label:before:after,.checkbox:checked+label:before>span:before,.checkbox[checked=true]+label:before:after,.checkbox[checked=true]+label:before>span:before,[type=checkbox].checked+label:before:after,[type=checkbox].checked+label:before>span:before,[type=checkbox]:checked+label:before:after,[type=checkbox]:checked+label:before>span:before,[type=checkbox][checked=true]+label:before:after,[type=checkbox][checked=true]+label:before>span:before {
    left: 0;
    position: absolute;
    top: 0
}

.checkbox.checked+label:before:after,.checkbox.checked+label:before:before,.checkbox.checked+label:before>span:before,.checkbox:checked+label:before:after,.checkbox:checked+label:before:before,.checkbox:checked+label:before>span:before,.checkbox[checked=true]+label:before:after,.checkbox[checked=true]+label:before:before,.checkbox[checked=true]+label:before>span:before,[type=checkbox].checked+label:before:after,[type=checkbox].checked+label:before:before,[type=checkbox].checked+label:before>span:before,[type=checkbox]:checked+label:before:after,[type=checkbox]:checked+label:before:before,[type=checkbox]:checked+label:before>span:before,[type=checkbox][checked=true]+label:before:after,[type=checkbox][checked=true]+label:before:before,[type=checkbox][checked=true]+label:before>span:before {
    padding: 0 1px
}

.checkbox.checked+label:before:after,.checkbox.checked+label:before:before,.checkbox:checked+label:before:after,.checkbox:checked+label:before:before,.checkbox[checked=true]+label:before:after,.checkbox[checked=true]+label:before:before,[type=checkbox].checked+label:before:after,[type=checkbox].checked+label:before:before,[type=checkbox]:checked+label:before:after,[type=checkbox]:checked+label:before:before,[type=checkbox][checked=true]+label:before:after,[type=checkbox][checked=true]+label:before:before {
    z-index: 1
}

.checkbox.checked+label:before>span,.checkbox:checked+label:before>span,.checkbox[checked=true]+label:before>span,[type=checkbox].checked+label:before>span,[type=checkbox]:checked+label:before>span,[type=checkbox][checked=true]+label:before>span {
    letter-spacing: 0!important;
    margin: 0!important;
    padding: 0!important
}

.checkbox.checked+label::before--bold,.checkbox:checked+label::before--bold,.checkbox[checked=true]+label::before--bold,[type=checkbox].checked+label::before--bold,[type=checkbox]:checked+label::before--bold,[type=checkbox][checked=true]+label::before--bold {
    font-weight: 700!important
}

.checkbox.checked+label:before.switch.to-red:before,.checkbox:checked+label:before.switch.to-red:before,.checkbox[checked=true]+label:before.switch.to-red:before,[type=checkbox].checked+label:before.switch.to-red:before,[type=checkbox]:checked+label:before.switch.to-red:before,[type=checkbox][checked=true]+label:before.switch.to-red:before {
    color: var(--color-accent-red,#e34449)
}

.checkbox.checked+label:before.switch.to-original:before,.checkbox:checked+label:before.switch.to-original:before,.checkbox[checked=true]+label:before.switch.to-original:before,[type=checkbox].checked+label:before.switch.to-original:before,[type=checkbox]:checked+label:before.switch.to-original:before,[type=checkbox][checked=true]+label:before.switch.to-original:before {
    color: inherit
}

.checkbox.checked+label:before.switch.to-white:before,.checkbox:checked+label:before.switch.to-white:before,.checkbox[checked=true]+label:before.switch.to-white:before,[type=checkbox].checked+label:before.switch.to-white:before,[type=checkbox]:checked+label:before.switch.to-white:before,[type=checkbox][checked=true]+label:before.switch.to-white:before {
    color: var(--color-white-origin,hsla(0,0%,100%,.7))
}

.checkbox.checked+label:before.switch.to-green:before,.checkbox:checked+label:before.switch.to-green:before,.checkbox[checked=true]+label:before.switch.to-green:before,[type=checkbox].checked+label:before.switch.to-green:before,[type=checkbox]:checked+label:before.switch.to-green:before,[type=checkbox][checked=true]+label:before.switch.to-green:before {
    color: var(--color-accent-green,#00bd8f)
}

.checkbox.checked+label:before.red:before,.checkbox:checked+label:before.red:before,.checkbox[checked=true]+label:before.red:before,[type=checkbox].checked+label:before.red:before,[type=checkbox]:checked+label:before.red:before,[type=checkbox][checked=true]+label:before.red:before {
    color: var(--color-accent-red,#e34449)
}

.checkbox.checked+label:before.gray:before,.checkbox:checked+label:before.gray:before,.checkbox[checked=true]+label:before.gray:before,[type=checkbox].checked+label:before.gray:before,[type=checkbox]:checked+label:before.gray:before,[type=checkbox][checked=true]+label:before.gray:before {
    color: var(--color-gray,#ccc)
}

.checkbox.checked+label:before.gray-dark:before,.checkbox:checked+label:before.gray-dark:before,.checkbox[checked=true]+label:before.gray-dark:before,[type=checkbox].checked+label:before.gray-dark:before,[type=checkbox]:checked+label:before.gray-dark:before,[type=checkbox][checked=true]+label:before.gray-dark:before {
    color: var(--color-gray-dark,#a0a0a0)
}

.checkbox.checked+label:before.cobalt-light:before,.checkbox:checked+label:before.cobalt-light:before,.checkbox[checked=true]+label:before.cobalt-light:before,[type=checkbox].checked+label:before.cobalt-light:before,[type=checkbox]:checked+label:before.cobalt-light:before,[type=checkbox][checked=true]+label:before.cobalt-light:before {
    color: var(--color-cobalt-light,#dadada)
}

.checkbox.checked+label:before.cobalt:before,.checkbox:checked+label:before.cobalt:before,.checkbox[checked=true]+label:before.cobalt:before,[type=checkbox].checked+label:before.cobalt:before,[type=checkbox]:checked+label:before.cobalt:before,[type=checkbox][checked=true]+label:before.cobalt:before {
    color: var(--color-cobalt,#707070)
}

.checkbox.checked+label:before.cobalt-dark:before,.checkbox.checked+label:before.cobalt-darkest:before,.checkbox:checked+label:before.cobalt-dark:before,.checkbox:checked+label:before.cobalt-darkest:before,.checkbox[checked=true]+label:before.cobalt-dark:before,.checkbox[checked=true]+label:before.cobalt-darkest:before,[type=checkbox].checked+label:before.cobalt-dark:before,[type=checkbox].checked+label:before.cobalt-darkest:before,[type=checkbox]:checked+label:before.cobalt-dark:before,[type=checkbox]:checked+label:before.cobalt-darkest:before,[type=checkbox][checked=true]+label:before.cobalt-dark:before,[type=checkbox][checked=true]+label:before.cobalt-darkest:before {
    color: var(--color-cobalt-darker,#303030)
}

.checkbox.checked+label:before.cobalt-dark-origin:before,.checkbox:checked+label:before.cobalt-dark-origin:before,.checkbox[checked=true]+label:before.cobalt-dark-origin:before,[type=checkbox].checked+label:before.cobalt-dark-origin:before,[type=checkbox]:checked+label:before.cobalt-dark-origin:before,[type=checkbox][checked=true]+label:before.cobalt-dark-origin:before {
    color: var(--color-cobalt-darker-origin,#303030)
}

.checkbox.checked+label:before.white:before,.checkbox:checked+label:before.white:before,.checkbox[checked=true]+label:before.white:before,[type=checkbox].checked+label:before.white:before,[type=checkbox]:checked+label:before.white:before,[type=checkbox][checked=true]+label:before.white:before {
    color: var(--color-white-origin,#fff)
}

.checkbox.checked+label:before.blue:before,.checkbox:checked+label:before.blue:before,.checkbox[checked=true]+label:before.blue:before,[type=checkbox].checked+label:before.blue:before,[type=checkbox]:checked+label:before.blue:before,[type=checkbox][checked=true]+label:before.blue:before {
    color: var(--color-blue-light,#2d87d4)
}

.checkbox.checked+label:before.green:before,.checkbox:checked+label:before.green:before,.checkbox[checked=true]+label:before.green:before,[type=checkbox].checked+label:before.green:before,[type=checkbox]:checked+label:before.green:before,[type=checkbox][checked=true]+label:before.green:before {
    color: var(--color-accent-green,#00bd8f)
}

.checkbox.checked+label:before.bright-violet,.checkbox.checked+label:before.purple,.checkbox:checked+label:before.bright-violet,.checkbox:checked+label:before.purple,.checkbox[checked=true]+label:before.bright-violet,.checkbox[checked=true]+label:before.purple,[type=checkbox].checked+label:before.bright-violet,[type=checkbox].checked+label:before.purple,[type=checkbox]:checked+label:before.bright-violet,[type=checkbox]:checked+label:before.purple,[type=checkbox][checked=true]+label:before.bright-violet,[type=checkbox][checked=true]+label:before.purple {
    color: var(--color-bright-violet,#af38f3)
}

.checkbox.checked+label:before.icon-invert,.checkbox:checked+label:before.icon-invert,.checkbox[checked=true]+label:before.icon-invert,[type=checkbox].checked+label:before.icon-invert,[type=checkbox]:checked+label:before.icon-invert,[type=checkbox][checked=true]+label:before.icon-invert {
    color: var(--xh-color-icon-invert)
}

.checkbox.checked+label:before.soft-violet,.checkbox:checked+label:before.soft-violet,.checkbox[checked=true]+label:before.soft-violet,[type=checkbox].checked+label:before.soft-violet,[type=checkbox]:checked+label:before.soft-violet,[type=checkbox][checked=true]+label:before.soft-violet {
    color: var(--color-soft-violet,#965bfa)
}

.checkbox.checked+label:before.flip-v,.checkbox:checked+label:before.flip-v,.checkbox[checked=true]+label:before.flip-v,[type=checkbox].checked+label:before.flip-v,[type=checkbox]:checked+label:before.flip-v,[type=checkbox][checked=true]+label:before.flip-v {
    transform: rotate(180deg)
}

.checkbox.checked+label:before.turn-right,.checkbox:checked+label:before.turn-right,.checkbox[checked=true]+label:before.turn-right,[type=checkbox].checked+label:before.turn-right,[type=checkbox]:checked+label:before.turn-right,[type=checkbox][checked=true]+label:before.turn-right {
    transform: rotate(-90deg)
}

.checkbox.checked+label:before.crown,.checkbox:checked+label:before.crown,.checkbox[checked=true]+label:before.crown,[type=checkbox].checked+label:before.crown,[type=checkbox]:checked+label:before.crown,[type=checkbox][checked=true]+label:before.crown {
    color: var(--color-gold,#f4bb2e)
}

.checkbox.checked+label:before.dislike,.checkbox:checked+label:before.dislike,.checkbox[checked=true]+label:before.dislike,[type=checkbox].checked+label:before.dislike,[type=checkbox]:checked+label:before.dislike,[type=checkbox][checked=true]+label:before.dislike {
    transform: rotate(180deg)
}

.checkbox.checked+label:before.dislike:before,.checkbox:checked+label:before.dislike:before,.checkbox[checked=true]+label:before.dislike:before,[type=checkbox].checked+label:before.dislike:before,[type=checkbox]:checked+label:before.dislike:before,[type=checkbox][checked=true]+label:before.dislike:before {
    content: "\f2b7"
}

.checkbox.checked+label:before.creators-badge,.checkbox:checked+label:before.creators-badge,.checkbox[checked=true]+label:before.creators-badge,[type=checkbox].checked+label:before.creators-badge,[type=checkbox]:checked+label:before.creators-badge,[type=checkbox][checked=true]+label:before.creators-badge {
    font-size: 16px
}

.checkbox.checked+label:before.creators-badge:before,.checkbox:checked+label:before.creators-badge:before,.checkbox[checked=true]+label:before.creators-badge:before,[type=checkbox].checked+label:before.creators-badge:before,[type=checkbox]:checked+label:before.creators-badge:before,[type=checkbox][checked=true]+label:before.creators-badge:before {
    color: #00bd8f;
    content: "\f229";
    z-index: 1
}

.checkbox.checked+label:before.creators-badge:after,.checkbox:checked+label:before.creators-badge:after,.checkbox[checked=true]+label:before.creators-badge:after,[type=checkbox].checked+label:before.creators-badge:after,[type=checkbox]:checked+label:before.creators-badge:after,[type=checkbox][checked=true]+label:before.creators-badge:after {
    color: #fff;
    content: "\f22a";
    z-index: 2
}

.checkbox.checked+label:before,.checkbox:checked+label:before,.checkbox[checked=true]+label:before,[type=checkbox].checked+label:before,[type=checkbox]:checked+label:before,[type=checkbox][checked=true]+label:before {
    content: "\f1c4"
}

.checkbox .disabled+label,.checkbox:disabled+label,.checkbox[disabled=true]+label,[type=checkbox] .disabled+label,[type=checkbox]:disabled+label,[type=checkbox][disabled=true]+label {
    cursor: not-allowed
}

.checkbox .disabled+label:before,.checkbox:disabled+label:before,.checkbox[disabled=true]+label:before,[type=checkbox] .disabled+label:before,[type=checkbox]:disabled+label:before,[type=checkbox][disabled=true]+label:before {
    border: 1px solid var(--color-gray)!important;
    opacity: .5
}

.checkbox.align-left+label,[type=checkbox].align-left+label {
    padding-left: 30px
}

.checkbox.align-left+label:before,[type=checkbox].align-left+label:before {
    left: 0;
    position: absolute
}

.checkbox.align-left~.after-checkbox,[type=checkbox].align-left~.after-checkbox {
    margin-left: 30px
}

.checkbox+label,[type=checkbox]+label {
    cursor: pointer;
    display: block;
    font-size: 14px;
    line-height: 22px;
    position: relative;
    transition: color .15s ease
}

.checkbox+label:before,[type=checkbox]+label:before {
    background-color: var(--background-input,#fff);
    border: 1px solid var(--color-gray);
    border-radius: 5px;
    color: var(--color-cobalt-darker,#303030);
    content: "";
    display: block;
    float: left;
    font-size: 9px!important;
    height: 18px;
    line-height: 20px!important;
    margin-right: 9px;
    text-align: center;
    transition: border-color .15s ease;
    width: 18px
}

.checkbox+label:disabled,[type=checkbox]+label:disabled {
    opacity: .5
}

.checkbox+label:hover:before,[type=checkbox]+label:hover:before {
    border-color: var(--color-accent-pink,rgba(227,68,73,.3))
}

.switcher[type=checkbox] {
    left: -12000px;
    opacity: 1e-7;
    position: absolute;
    top: -12000px
}

.switcher[type=checkbox]+label {
    background: var(--color-gray-dark,#a0a0a0);
    border-radius: 12px;
    display: inline-block;
    float: right;
    height: 20px;
    position: relative;
    transition: all .3s ease;
    width: 40px
}

.switcher[type=checkbox]+label:before {
    display: none
}

.switcher[type=checkbox]+label:after {
    background: var(--color-cobalt-lighter,#f5f5f5);
    border-radius: 50%;
    box-shadow: 0 2px 5px 0 rgba(0,0,0,.01);
    content: " ";
    height: 14px;
    left: 3px;
    position: absolute;
    right: auto;
    top: 3px;
    width: 14px
}

.switcher[type=checkbox]:checked+label {
    background: var(--color-accent-green,#00bd8f)
}

.switcher[type=checkbox]:checked+label:after {
    left: auto;
    right: 3px
}

.radio,[type=radio] {
    display: none
}

.radio:checked+label:after,[type=radio]:checked+label:after {
    background: var(--color-cobalt-darker,#303030)
}

.radio:disabled+label:after,.radio:disabled+label:before,[type=radio]:disabled+label:after,[type=radio]:disabled+label:before {
    opacity: .5
}

.radio:disabled+label:hover:before,[type=radio]:disabled+label:hover:before {
    border: 1px solid var(--color-gray)!important
}

.radio+label,[type=radio]+label {
    cursor: pointer;
    display: block;
    font-size: 14px;
    line-height: 22px;
    position: relative;
    transition: color .15s ease
}

.radio+label:before,[type=radio]+label:before {
    background: var(--background-input,#fff);
    border: 1px solid var(--color-gray);
    border-radius: 50%;
    box-sizing: border-box;
    content: "";
    display: block;
    flex: 0 0 22px;
    float: left;
    height: 22px;
    margin-right: 9px;
    transition: border-color .15s ease;
    width: 22px
}

.radio+label:after,[type=radio]+label:after {
    border-radius: 50%;
    content: "";
    display: block;
    height: 10px;
    left: 6px;
    position: absolute;
    top: 6px;
    transition: background .15s ease;
    width: 10px
}

.radio+label:disabled,[type=radio]+label:disabled {
    cursor: not-allowed;
    opacity: .5
}

.radio+label:hover:before,[type=radio]+label:hover:before {
    border-color: var(--background-checkbox-hover,var(--color-accent-pink,rgba(227,68,73,.3)))
}

.input-text,.textarea {
    background: var(--background-input,#fff);
    border: 1px solid var(--color-input-text-border,#ccc);
    border-radius: 5px;
    box-sizing: border-box;
    color: var(--color-cobalt-darker,#303030);
    display: block;
    font-size: 14px;
    padding: 0 10px;
    transition: background .15s ease;
    width: 100%
}

.input-text:-webkit-autofill,.input-text:-webkit-autofill:active,.input-text:-webkit-autofill:focus,.input-text:-webkit-autofill:hover,.textarea:-webkit-autofill,.textarea:-webkit-autofill:active,.textarea:-webkit-autofill:focus,.textarea:-webkit-autofill:hover {
    -webkit-text-fill-color: var(--color-cobalt-darker,#303030);
    -webkit-box-shadow: 0 0 0 1000px var(--background-input,#fff) inset
}

.input-text::-webkit-input-placeholder,.textarea::-webkit-input-placeholder {
    color: var(--color-gray-dark,#a0a0a0)!important;
    opacity: 1
}

.input-text:-moz-placeholder,.input-text::-moz-placeholder,.textarea:-moz-placeholder,.textarea::-moz-placeholder {
    color: var(--color-gray-dark,#a0a0a0)!important;
    opacity: 1
}

.input-text:-ms-input-placeholder,.textarea:-ms-input-placeholder {
    color: var(--color-gray-dark,#a0a0a0)!important;
    opacity: 1
}

.input-text:focus,.textarea:focus {
    background: var(--background-input,#fff);
    border-color: var(--color-blue-lighter,#5db6fa);
    box-shadow: 0 0 0 1px var(--color-blue-lighter,#5db6fa);
    color: var(--color-cobalt-darker,#303030)
}

.input-text:focus::-webkit-input-placeholder,.textarea:focus::-webkit-input-placeholder {
    color: var(--color-gray-dark,#a0a0a0)!important;
    opacity: 1
}

.input-text:focus:-moz-placeholder,.input-text:focus::-moz-placeholder,.textarea:focus:-moz-placeholder,.textarea:focus::-moz-placeholder {
    color: var(--color-gray-dark,#a0a0a0)!important;
    opacity: 1
}

.input-text:focus:-ms-input-placeholder,.textarea:focus:-ms-input-placeholder {
    color: var(--color-gray-dark,#a0a0a0)!important;
    opacity: 1
}

.input-text:read-only,.textarea:read-only {
    background: var(--background-input-readonly,#eaeaea);
    cursor: not-allowed!important
}

.input-text:disabled,.textarea:disabled {
    background: var(--background-input,#fff);
    opacity: .5
}

.up-field .input-text,.up-field .textarea {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.up-field .input-text:focus,.up-field .textarea:focus {
    position: relative;
    z-index: 1
}

.down-field .input-text,.down-field .textarea {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-top-width: 0
}

.down-field .input-text:focus,.down-field .textarea:focus,.down-field.has-error .input-text,.down-field.has-error .textarea {
    border-top-width: 1px;
    padding-top: 9px
}

.has-error+.down-field.has-error .input-text,.has-error+.down-field.has-error .textarea {
    border-top-width: 0;
    padding-top: 10px
}

.field-container--password.down-field .input-text {
    border-top-color: transparent;
    border-top-width: 1px
}

.field-container--password.down-field .input-text:focus {
    border-top-color: var(--color-blue-lighter,#5db6fa);
    padding-top: 0
}

.field-wrapper {
    display: inline-block
}

.input-text {
    height: 40px;
    line-height: 1.2em
}

.input-text--very-small {
    width: 75px
}

.textarea {
    min-height: 40px;
    overflow: auto;
    padding: 10px;
    position: relative;
    resize: none
}

i.xh-icon.show-password-button {
    color: var(--color-cobalt-darker-origin,#303030);
    cursor: pointer;
    font-size: 12px;
    line-height: 40px;
    position: absolute;
    right: 0;
    text-align: center;
    top: 0;
    width: 40px
}

i.xh-icon.show-password-button--active:before {
    color: var(--color-gray-dark-origin,#a0a0a0)
}

.show-password {
    padding-right: 40px
}

.show-password+.error-icon-container {
    display: none
}

input::-ms-clear,input::-ms-reveal {
    display: none
}

.select-control-source {
    display: none!important
}

.search-select {
    position: relative
}

.search-select--hidden {
    display: none
}

.search-select--active .search-select__control {
    border-radius: 5px 5px 0 0
}

.search-select--has-search-content .search-select__content-container {
    position: absolute;
    width: 100%;
    z-index: 10
}

.search-select__control {
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 5px;
    box-sizing: border-box;
    cursor: text;
    display: block;
    overflow: hidden;
    padding: 10px 10px;
    vertical-align: baseline;
    width: 100%
}

.search-select__control--disabled {
    background-color: #fafafa!important;
    cursor: default!important;
    opacity: .5!important
}

.search-select__control-input:not(:only-child)::-moz-placeholder {
    color: #303030!important;
    opacity: 0!important
}

.search-select__control-input:not(:only-child)::placeholder {
    color: #303030!important;
    opacity: 0!important
}

.search-select__control-input:only-child::-moz-placeholder {
    color: #a0a0a0!important;
    opacity: 1!important
}

.search-select__control-input:only-child::placeholder {
    color: #a0a0a0!important;
    opacity: 1!important
}

.search-select__control-input {
    zoom:1;background: none;
    border: 0 none;
    box-shadow: none;
    color: #303030;
    display: inline;
    font-family: inherit;
    font-size: 14px;
    left: 0;
    line-height: 20px;
    margin: 0 2px 0 0;
    max-height: none;
    max-width: 100%;
    min-height: 0;
    opacity: 1;
    padding: 0 0 0 2px;
    position: relative;
    text-indent: 0;
    -webkit-user-select: auto;
    vertical-align: baseline;
    white-space: nowrap;
    width: 100%
}

.search-select__control-input:focus {
    outline: none
}

.search-select__content-container {
    position: relative
}

.search-select__search-content {
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 0 0 5px 5px;
    border-top: initial;
    box-shadow: 0 1px 3px rgba(0,0,0,.1);
    box-sizing: border-box;
    display: none;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 10
}

.search-select__search-content-separator {
    border-bottom: 1px solid #ccc;
    margin: 0 10px
}

.search-select__search-content-wrapper {
    padding: 10px
}

.search-select__content {
    -webkit-overflow-scrolling: touch;
    background: #fff;
    border: 1px solid #ccc;
    border-top: initial;
    display: none;
    left: 0;
    max-height: 200px;
    overflow-x: hidden;
    overflow-y: auto;
    top: 0
}

.search-select__content:not(.search-select__content--search) {
    border-radius: 0 0 5px 5px;
    box-shadow: 0 1px 3px rgba(0,0,0,.1);
    box-sizing: border-box;
    position: absolute;
    width: 100%;
    z-index: 10
}

.search-select__content--search {
    border-bottom: initial;
    padding-bottom: 10px
}

.search-select__content--active {
    display: block
}

.search-select__content--hidden {
    display: none!important
}

.search-select__content--no-items {
    display: none
}

.search-select--search .search-select__content--active~.search-select__search-content {
    display: block
}

.search-select--search .search-select__content--no-items~.search-select__search-content .search-select__search-content-separator {
    display: none
}

.multi-select-control-item {
    background: #dadada;
    border: 0 solid #d0d0d0;
    border-radius: 2px;
    color: #303030;
    cursor: pointer;
    display: inline-block;
    margin: 0 3px 3px 0;
    max-width: 100%;
    padding: 2px 6px;
    position: relative
}

.multi-select-control-item--hovered {
    background-color: #eaeaea;
    color: #303030
}

.multi-select-control-item__title {
    display: inline-block;
    line-height: 20px;
    max-width: 100%;
    overflow: hidden;
    padding: 2px 20px 2px 2px
}

.multi-select-control-item__close {
    display: inline-block;
    height: 100%;
    position: absolute;
    right: 0;
    width: 28px
}

.multi-select-control-item__close .xh-icon {
    height: 12px!important;
    margin-top: -9px!important;
    position: absolute;
    right: 8px!important;
    top: 50%;
    width: 12px!important
}

.multi-select {
    position: relative
}

.multi-select--hidden {
    display: none
}

.multi-select__control {
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 5px;
    box-sizing: border-box;
    cursor: text;
    display: block;
    overflow: hidden;
    padding: 10px 10px;
    vertical-align: baseline;
    width: 100%
}

.multi-select__control--active {
    border-radius: 5px 5px 0 0
}

.multi-select__control--disabled {
    background-color: #fafafa!important;
    cursor: default!important;
    opacity: .5!important
}

.multi-select__control-input:not(:only-child)::-moz-placeholder {
    color: #303030!important;
    opacity: 0!important
}

.multi-select__control-input:not(:only-child)::placeholder {
    color: #303030!important;
    opacity: 0!important
}

.multi-select__control-input:only-child::-moz-placeholder {
    color: #a0a0a0!important;
    opacity: 1!important
}

.multi-select__control-input:only-child::placeholder {
    color: #a0a0a0!important;
    opacity: 1!important
}

.multi-select__control-input {
    zoom:1;background: none;
    border: 0 none;
    box-shadow: none;
    color: #303030;
    display: inline;
    font-family: inherit;
    font-size: 14px;
    left: 0;
    line-height: 20px;
    margin: 0 2px 0 0;
    max-height: none;
    max-width: 100%;
    min-height: 0;
    opacity: 1;
    padding: 0;
    padding-left: 2px;
    position: relative;
    text-indent: 0;
    -webkit-user-select: auto;
    vertical-align: baseline;
    white-space: nowrap;
    width: auto
}

.multi-select__control-input:focus {
    outline: none
}

.multi-select__content-container {
    position: relative
}

.multi-select__content {
    -webkit-overflow-scrolling: touch;
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 0 0 5px 5px;
    box-shadow: 0 1px 3px rgba(0,0,0,.1);
    box-sizing: border-box;
    display: none;
    left: 0;
    max-height: 200px;
    overflow-x: hidden;
    overflow-y: auto;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 10
}

.multi-select__content--active {
    display: block
}

.multi-select__content--hidden {
    display: none!important
}

.single-select {
    position: relative
}

.single-select--hidden {
    display: none
}

.single-select--active .single-select__control {
    background: #fff!important
}

.single-select--modified .single-select__control {
    background: #dadada;
    border: none;
    box-shadow: none;
    padding: 5px 10px 5px
}

.single-select--modified .single-select__content {
    border: none;
    border-top: 1px solid #ccc;
    box-shadow: 0 10px 15px 0 rgba(0,0,0,.15);
    padding: 10px 0
}

.single-select__control {
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 5px;
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    overflow: hidden;
    padding: 10px 10px;
    width: 100%
}

.single-select__control:after {
    border-color: #303030 transparent transparent transparent;
    border-style: solid;
    border-width: 3px 3px 0 3px;
    content: " ";
    display: block;
    height: 0;
    margin-top: -2px;
    position: absolute;
    right: 15px;
    top: 50%;
    width: 0
}

.single-select__control--disabled {
    background-color: #fafafa!important;
    cursor: default!important;
    opacity: .5!important
}

.single-select__control--active {
    border-radius: 5px 5px 0 0
}

.single-select__control--active:after {
    border-color: transparent transparent #303030 transparent;
    border-width: 0 3px 3px 3px;
    margin-top: 3px * -.8
}

.single-select__control__item {
    color: #303030;
    line-height: 20px;
    overflow: hidden;
    padding-right: 15px;
    text-overflow: ellipsis;
    white-space: nowrap
}

.single-select__control__item--gray {
    color: #a0a0a0
}

.single-select__control__input {
    left: -10000px;
    opacity: 0;
    position: absolute;
    width: 4px
}

.single-select__content-container {
    position: relative
}

.single-select__content {
    -webkit-overflow-scrolling: touch;
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 0 0 5px 5px;
    box-shadow: 0 1px 3px rgba(0,0,0,.1);
    box-sizing: border-box;
    display: none;
    left: 0;
    max-height: 200px;
    overflow-x: hidden;
    overflow-y: auto;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 10000
}

.single-select__content--active {
    display: block
}

.custom-select {
    position: relative
}

.custom-select--hidden {
    display: none
}

.custom-select--active .custom-select__control {
    background: #fff!important;
    border-radius: 5px 5px 0 0
}

.custom-select--active .custom-select__control:after {
    border-color: transparent transparent #303030 transparent;
    border-width: 0 3px 3px 3px;
    margin-top: 3px * -.8
}

.custom-select--active .custom-select__control-item {
    visibility: hidden
}

.custom-select--active .custom-select__control-input {
    color: #303030;
    opacity: 1
}

.custom-select__control {
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 5px;
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    overflow: hidden;
    padding: 10px 10px;
    width: 100%
}

.custom-select__control:after {
    border-color: #303030 transparent transparent transparent;
    border-style: solid;
    border-width: 3px 3px 0 3px;
    content: " ";
    display: block;
    height: 0;
    margin-top: -2px;
    position: absolute;
    right: 15px;
    top: 50%;
    width: 0
}

.custom-select__control--disabled {
    background-color: #fafafa!important;
    cursor: default!important;
    opacity: .5!important
}

.custom-select__control-item {
    color: #303030;
    line-height: 20px;
    overflow: hidden;
    padding-right: 15px;
    text-overflow: ellipsis;
    white-space: nowrap
}

.custom-select__control-item--gray {
    color: #a0a0a0
}

.custom-select__control-input {
    zoom:1;background: none;
    border: 0 none;
    box-shadow: none;
    color: #fff;
    display: inline;
    font-family: inherit;
    font-size: 16px;
    left: 0;
    line-height: 20px;
    max-height: none;
    max-width: 100%;
    min-height: 0;
    opacity: 0;
    padding: 10px;
    position: absolute;
    text-indent: 0;
    top: 0;
    -webkit-user-select: auto;
    vertical-align: baseline;
    white-space: nowrap
}

.custom-select__control-input:focus {
    outline: none
}

.custom-select__control-input:-ms-input-placeholder {
    opacity: 0
}

.custom-select__content-container {
    position: relative
}

.custom-select__content {
    -webkit-overflow-scrolling: touch;
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 0 0 5px 5px;
    box-shadow: 0 1px 3px rgba(0,0,0,.1);
    box-sizing: border-box;
    display: none;
    left: 0;
    max-height: 200px;
    overflow-x: hidden;
    overflow-y: auto;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 10000
}

.custom-select__content--active {
    display: block
}

.select-item {
    color: #303030;
    cursor: pointer;
    line-height: 20px;
    overflow: hidden;
    padding: 5px 10px;
    text-overflow: ellipsis
}

.select-item--hidden,.select-item--hidden-on-list {
    display: none
}

.select-item--gray {
    color: #a0a0a0
}

.select-item--hovered {
    background-color: #eaeaea
}

.select-item--disabled {
    background-color: #fafafa!important;
    cursor: default!important;
    opacity: .5!important
}

.mobile-select {
    height: 40px;
    position: relative;
    width: 100%;
    z-index: 0
}

.mobile-select__icon {
    height: 100%;
    position: relative;
    width: 100%
}

.mobile-select__icon:after {
    content: "\f114";
    font-size: 6px;
    font-weight: 700;
    padding-right: 12px;
    position: absolute;
    right: 0;
    top: 16px;
    z-index: 1
}

.mobile-select__control {
    appearance: none;
    border-radius: 5px;
    font-size: 14px;
    height: 40px;
    line-height: 20px;
    overflow-y: hidden;
    padding: 0 30px 0 12px;
    position: absolute;
    top: 0;
    width: 100%
}

.mobile-select__control:invalid {
    color: var(--color-gray-dark,#a0a0a0)
}

.mobile-select__control:disabled {
    opacity: .5
}

.mobile-select__control::-ms-expand {
    display: none
}

.mobile-select__control:focus::-ms-value {
    background-color: transparent;
    color: var(--color-cobalt-darker,#303030)
}

.mobile-select__control--bold {
    font-weight: 700
}

select.selectize {
    display: none
}

.custom-select,.mobile-select,.multi-select,.search-select,.single-select {
    font-size: 14px
}

.custom-select+.error-icon-container,.mobile-select+.error-icon-container,.multi-select+.error-icon-container,.search-select+.error-icon-container,.single-select+.error-icon-container {
    display: none
}

.custom-select .select-item,.custom-select--active .custom-select__control,.custom-select--active .mobile-select__control,.custom-select--active .multi-select__control,.custom-select--active .search-select__control,.custom-select--active .single-select__control,.custom-select__content,.custom-select__content-container,.custom-select__control,.custom-select__control-item,.custom-select__control__item,.custom-select__control__item--active,.custom-select__search-content,.mobile-select .select-item,.mobile-select--active .custom-select__control,.mobile-select--active .mobile-select__control,.mobile-select--active .multi-select__control,.mobile-select--active .search-select__control,.mobile-select--active .single-select__control,.mobile-select__content,.mobile-select__content-container,.mobile-select__control,.mobile-select__control-item,.mobile-select__control__item,.mobile-select__control__item--active,.mobile-select__search-content,.multi-select .select-item,.multi-select--active .custom-select__control,.multi-select--active .mobile-select__control,.multi-select--active .multi-select__control,.multi-select--active .search-select__control,.multi-select--active .single-select__control,.multi-select__content,.multi-select__content-container,.multi-select__control,.multi-select__control-item,.multi-select__control__item,.multi-select__control__item--active,.multi-select__search-content,.search-select .select-item,.search-select--active .custom-select__control,.search-select--active .mobile-select__control,.search-select--active .multi-select__control,.search-select--active .search-select__control,.search-select--active .single-select__control,.search-select__content,.search-select__content-container,.search-select__control,.search-select__control-item,.search-select__control__item,.search-select__control__item--active,.search-select__search-content,.single-select .select-item,.single-select--active .custom-select__control,.single-select--active .mobile-select__control,.single-select--active .multi-select__control,.single-select--active .search-select__control,.single-select--active .single-select__control,.single-select__content,.single-select__content-container,.single-select__control,.single-select__control-item,.single-select__control__item,.single-select__control__item--active,.single-select__search-content {
    background-color: var(--background-input,#fff)!important;
    border-color: var(--color-input-text-border,#ccc)!important
}

.custom-select .select-item:not(.select-item--gray),.custom-select--active .custom-select__control:not(.select-item--gray),.custom-select--active .mobile-select__control:not(.select-item--gray),.custom-select--active .multi-select__control:not(.select-item--gray),.custom-select--active .search-select__control:not(.select-item--gray),.custom-select--active .single-select__control:not(.select-item--gray),.custom-select__content-container:not(.select-item--gray),.custom-select__content:not(.select-item--gray),.custom-select__control-item:not(.select-item--gray),.custom-select__control:not(.select-item--gray),.custom-select__control__item--active:not(.select-item--gray),.custom-select__control__item:not(.select-item--gray),.custom-select__search-content:not(.select-item--gray),.mobile-select .select-item:not(.select-item--gray),.mobile-select--active .custom-select__control:not(.select-item--gray),.mobile-select--active .mobile-select__control:not(.select-item--gray),.mobile-select--active .multi-select__control:not(.select-item--gray),.mobile-select--active .search-select__control:not(.select-item--gray),.mobile-select--active .single-select__control:not(.select-item--gray),.mobile-select__content-container:not(.select-item--gray),.mobile-select__content:not(.select-item--gray),.mobile-select__control-item:not(.select-item--gray),.mobile-select__control:not(.select-item--gray),.mobile-select__control__item--active:not(.select-item--gray),.mobile-select__control__item:not(.select-item--gray),.mobile-select__search-content:not(.select-item--gray),.multi-select .select-item:not(.select-item--gray),.multi-select--active .custom-select__control:not(.select-item--gray),.multi-select--active .mobile-select__control:not(.select-item--gray),.multi-select--active .multi-select__control:not(.select-item--gray),.multi-select--active .search-select__control:not(.select-item--gray),.multi-select--active .single-select__control:not(.select-item--gray),.multi-select__content-container:not(.select-item--gray),.multi-select__content:not(.select-item--gray),.multi-select__control-item:not(.select-item--gray),.multi-select__control:not(.select-item--gray),.multi-select__control__item--active:not(.select-item--gray),.multi-select__control__item:not(.select-item--gray),.multi-select__search-content:not(.select-item--gray),.search-select .select-item:not(.select-item--gray),.search-select--active .custom-select__control:not(.select-item--gray),.search-select--active .mobile-select__control:not(.select-item--gray),.search-select--active .multi-select__control:not(.select-item--gray),.search-select--active .search-select__control:not(.select-item--gray),.search-select--active .single-select__control:not(.select-item--gray),.search-select__content-container:not(.select-item--gray),.search-select__content:not(.select-item--gray),.search-select__control-item:not(.select-item--gray),.search-select__control:not(.select-item--gray),.search-select__control__item--active:not(.select-item--gray),.search-select__control__item:not(.select-item--gray),.search-select__search-content:not(.select-item--gray),.single-select .select-item:not(.select-item--gray),.single-select--active .custom-select__control:not(.select-item--gray),.single-select--active .mobile-select__control:not(.select-item--gray),.single-select--active .multi-select__control:not(.select-item--gray),.single-select--active .search-select__control:not(.select-item--gray),.single-select--active .single-select__control:not(.select-item--gray),.single-select__content-container:not(.select-item--gray),.single-select__content:not(.select-item--gray),.single-select__control-item:not(.select-item--gray),.single-select__control:not(.select-item--gray),.single-select__control__item--active:not(.select-item--gray),.single-select__control__item:not(.select-item--gray),.single-select__search-content:not(.select-item--gray) {
    color: var(--color-cobalt-dark,#434343)!important
}

.custom-select .select-item--hovered,.custom-select--active .custom-select__control--hovered,.custom-select--active .mobile-select__control--hovered,.custom-select--active .multi-select__control--hovered,.custom-select--active .search-select__control--hovered,.custom-select--active .single-select__control--hovered,.custom-select__content--hovered,.custom-select__content-container--hovered,.custom-select__control--hovered,.custom-select__control-item--hovered,.custom-select__control__item--active--hovered,.custom-select__control__item--hovered,.custom-select__search-content--hovered,.mobile-select .select-item--hovered,.mobile-select--active .custom-select__control--hovered,.mobile-select--active .mobile-select__control--hovered,.mobile-select--active .multi-select__control--hovered,.mobile-select--active .search-select__control--hovered,.mobile-select--active .single-select__control--hovered,.mobile-select__content--hovered,.mobile-select__content-container--hovered,.mobile-select__control--hovered,.mobile-select__control-item--hovered,.mobile-select__control__item--active--hovered,.mobile-select__control__item--hovered,.mobile-select__search-content--hovered,.multi-select .select-item--hovered,.multi-select--active .custom-select__control--hovered,.multi-select--active .mobile-select__control--hovered,.multi-select--active .multi-select__control--hovered,.multi-select--active .search-select__control--hovered,.multi-select--active .single-select__control--hovered,.multi-select__content--hovered,.multi-select__content-container--hovered,.multi-select__control--hovered,.multi-select__control-item--hovered,.multi-select__control__item--active--hovered,.multi-select__control__item--hovered,.multi-select__search-content--hovered,.search-select .select-item--hovered,.search-select--active .custom-select__control--hovered,.search-select--active .mobile-select__control--hovered,.search-select--active .multi-select__control--hovered,.search-select--active .search-select__control--hovered,.search-select--active .single-select__control--hovered,.search-select__content--hovered,.search-select__content-container--hovered,.search-select__control--hovered,.search-select__control-item--hovered,.search-select__control__item--active--hovered,.search-select__control__item--hovered,.search-select__search-content--hovered,.single-select .select-item--hovered,.single-select--active .custom-select__control--hovered,.single-select--active .mobile-select__control--hovered,.single-select--active .multi-select__control--hovered,.single-select--active .search-select__control--hovered,.single-select--active .single-select__control--hovered,.single-select__content--hovered,.single-select__content-container--hovered,.single-select__control--hovered,.single-select__control-item--hovered,.single-select__control__item--active--hovered,.single-select__control__item--hovered,.single-select__search-content--hovered {
    background-color: var(--color-cobalt-light,#dadada)!important
}

.has-error .input-text:not(:focus),.has-error .single-select__control:not(:focus),.has-error textarea:not(:focus) {
    border: 1px var(--color-accent-red,#e34449) solid
}

.has-error,.has-error-message {
    position: relative
}

.has-error .error-icon-container,.has-error-message .error-icon-container {
    display: inline-block;
    height: 20px;
    position: absolute;
    right: 10px;
    top: 10px;
    width: 20px;
    z-index: 2
}

.has-error .error-icon-container .xh-icon,.has-error-message .error-icon-container .xh-icon {
    height: 20px;
    position: relative;
    width: 20px
}

.has-error .error-icon-container .xh-icon:before,.has-error-message .error-icon-container .xh-icon:before {
    font-size: 20px;
    line-height: 20px
}

.has-error-message:not(.error-hint-continue) .error-box,.has-error:not(.error-hint-continue) .error-box {
    display: block
}

.has-error-message.inline-error-icon .error-icon-container,.has-error.inline-error-icon .error-icon-container {
    position: static
}

.has-error-message.inline-error-icon .error-box,.has-error.inline-error-icon .error-box {
    display: inline-block;
    line-height: 20px;
    vertical-align: top
}

.has-error-message.inline-error-icon input.align-left~.error-icon-container,.has-error.inline-error-icon input.align-left~.error-icon-container {
    padding-left: 30px;
    width: auto
}

.error-box,.has-error.no-error-icon .error-icon-container {
    display: none
}

.error-box {
    background: transparent;
    clear: both;
    color: var(--color-accent-red,#e34449);
    font-size: 12px;
    left: 0;
    line-height: 14px;
    margin-left: 3px;
    margin-top: 2px;
    max-width: 100%;
    padding: 0;
    position: relative;
    text-align: left;
    top: 0
}

.error-box a {
    color: var(--color-cobalt-darker,#303030)!important;
    text-decoration: underline
}

.error-box a:link,.error-box a:visited {
    border-color: var(--color-accent-red,#e34449);
    color: var(--color-accent-red,#e34449);
    transition: border-color .15s ease
}

.error-box a:hover {
    border-color: transparent;
    color: var(--color-accent-red,#e34449)
}

.has-error.error-hint-continue+.field-container .error-box {
    display: block
}

.has-error.error-hint-continue+.field-container.no-error-icon .error-icon-container {
    display: none
}

.field-radio .field-radio__label {
    align-items: flex-start;
    display: flex
}

.field-container {
    margin-bottom: 10px
}

.field-container.half-column {
    width: 50%
}

.field-container.up-field {
    margin-bottom: 0
}

.field-container__icon_disabled {
    opacity: .5
}

.field-container .field-label__right {
    position: relative;
    width: 100%
}

.field-container .field-label__right .icon-first .label-text {
    order: 1
}

.field-container .field-label__right>.xh-icon:not(.show-password-button) {
    display: inline-block;
    font-size: 20px;
    left: 0;
    line-height: 40px;
    position: absolute;
    text-align: center;
    width: 35px;
    z-index: 2
}

.field-container .field-label__right>.xh-icon:not(.show-password-button)~.input-text,.field-container .field-label__right>.xh-icon:not(.show-password-button)~.textarea {
    padding-left: 35px
}

.field-container .field-label {
    word-wrap: anywhere;
    align-items: start;
    display: flex;
    justify-content: space-between
}

.field-container .field-label__left {
    display: flex;
    flex-direction: column;
    justify-content: center;
    line-height: 20px;
    min-height: 40px;
    padding-right: 10px;
    width: 100%
}

.field-container .field-label__left .sub-label {
    color: #707070;
    font-size: 12px;
    font-weight: 400
}

.field-container.up-label .field-label {
    display: block;
    font-weight: 700
}

.field-container.up-label .field-label__left {
    margin-bottom: 5px;
    min-height: auto;
    padding-right: 0
}

.field-container.up-label .field-label__right {
    display: inline-block;
    font-weight: 400
}

.field-container.required>.field-label>.field-label__left>span:after,.field-container.required>.field-label>.field-label__right>.checkbox-label:after,.field-container.required>.field-label__right>label:after {
    color: var(--color-accent-red,#e34449);
    content: "*";
    margin-left: 3px
}

.field-container.required .field-label__right.upload-dropzone>label:after {
    display: none
}

.field-row-flex {
    display: inline-flex;
    flex-wrap: nowrap;
    margin: 0 -5px;
    width: calc(100% + 10px)
}

.field-row-flex .field-container {
    flex-grow: 1;
    margin: 0 5px
}

.country-select {
    width: 240px
}

.country-select .xh-flag {
    margin-right: 5px
}

.field-subscript {
    color: var(--color-gray-dark,#a0a0a0);
    font-size: 12px;
    line-height: 18px;
    margin-top: 3px
}

.multiple-suggestion-list {
    display: flex;
    flex-wrap: wrap;
    height: 24px;
    margin-bottom: 15px;
    overflow: hidden
}

.multiple-suggestion-list__item {
    align-items: center;
    border: 1px solid var(--color-input-text-border);
    border-radius: var(--xh-border-radius-s);
    cursor: pointer;
    display: flex;
    font-size: 14px;
    height: 24px;
    line-height: 20px;
    margin-right: var(--xh-spacers-s);
    padding: 2px 8px;
    transition: border-color 60ms ease-out,background-color 60ms ease-out
}

.multiple-suggestion-list__item:last-child {
    margin-right: 0
}

.multiple-suggestion-list__item:hover {
    background-color: var(--xh-color-button-secondary);
    border-color: var(--xh-color-button-secondary)
}

.multiple-suggestion-list__item:active {
    background-color: var(--xh-color-button-secondary-hover);
    border-color: var(--xh-color-button-secondary-hover);
    transition: none
}

.multiple-suggestion-list__item--disabled {
    cursor: no-drop;
    opacity: .5
}

.multi-select .xh-icon--input {
    font-size: 16px;
    left: 10px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%)
}

.multi-select__control-input {
    color: var(--color-cobalt-darker);
    width: 100%
}

.multi-select-control-item+.multi-select__control-input {
    width: auto
}

.xh-icon--input+.multi-select__control .multi-select__control-input {
    padding-left: var(--xh-spacers-4xl);
    padding-top: var(--xh-spacers-s)
}

.selectize.disabled[multiple]~.multi-select .multi-select__control {
    background-color: var(--xh-color-surface-front-secondary)!important
}

.field-container.has-items .xh-icon--input {
    display: none
}

.field-container.has-items .xh-icon--input+.multi-select__control .multi-select__control-input {
    padding-left: 0
}

.info-box {
    font-size: 14px;
    height: 38px;
    left: 100%;
    line-height: 36px;
    padding: 0 20px;
    position: absolute;
    top: 0;
    white-space: nowrap;
    z-index: 1
}

.avatar-container {
    display: inline-block;
    font-size: 0;
    position: relative
}

.avatar-container .xh-avatar {
    display: block
}

.avatar-container.blocked:after,.avatar-container.retired:after {
    border-radius: 50%;
    content: "";
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.avatar-container.large.online:after {
    right: -1px;
    top: -1px
}

.avatar-container.big.online:after {
    right: 5px;
    top: 5px
}

.avatar-container.medium.online:after {
    right: -1px;
    top: -1px
}

.avatar-container.small.online:after {
    right: -1px;
    top: 0
}

.avatar-container.smaller.online:after {
    right: -1px;
    top: -1px
}

.avatar-container.online:after {
    background: var(--color-accent-green,#00bd8f);
    border: 2px solid var(--color-cobalt-lighter,#f5f5f5);
    border-radius: 50%;
    content: "";
    display: block;
    height: 10px;
    position: absolute;
    right: 6px;
    top: 6px;
    width: 10px
}

.avatar-container.blocked {
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    border-radius: 5px;
    color: var(--color-cobalt-lighter,#f5f5f5);
    display: inline-block;
    font-family: xh-icons!important;
    font-size: inherit;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    letter-spacing: 0!important;
    line-height: 40px!important;
    line-height: 1em;
    overflow: hidden;
    position: relative;
    text-transform: none
}

.avatar-container.blocked:after,.avatar-container.blocked>span:before {
    left: 0;
    position: absolute;
    top: 0
}

.avatar-container.blocked:after,.avatar-container.blocked:before,.avatar-container.blocked>span:before {
    padding: 0 1px
}

.avatar-container.blocked:after,.avatar-container.blocked:before {
    z-index: 1
}

.avatar-container.blocked>span {
    letter-spacing: 0!important;
    margin: 0!important;
    padding: 0!important
}

.avatar-container.blocked--bold {
    font-weight: 700!important
}

.avatar-container.blocked.switch.to-red:before {
    color: var(--color-accent-red,#e34449)
}

.avatar-container.blocked.switch.to-original:before {
    color: inherit
}

.avatar-container.blocked.switch.to-white:before {
    color: var(--color-white-origin,hsla(0,0%,100%,.7))
}

.avatar-container.blocked.switch.to-green:before {
    color: var(--color-accent-green,#00bd8f)
}

.avatar-container.blocked.red:before {
    color: var(--color-accent-red,#e34449)
}

.avatar-container.blocked.gray:before {
    color: var(--color-gray,#ccc)
}

.avatar-container.blocked.gray-dark:before {
    color: var(--color-gray-dark,#a0a0a0)
}

.avatar-container.blocked.cobalt-light:before {
    color: var(--color-cobalt-light,#dadada)
}

.avatar-container.blocked.cobalt:before {
    color: var(--color-cobalt,#707070)
}

.avatar-container.blocked.cobalt-dark:before,.avatar-container.blocked.cobalt-darkest:before {
    color: var(--color-cobalt-darker,#303030)
}

.avatar-container.blocked.cobalt-dark-origin:before {
    color: var(--color-cobalt-darker-origin,#303030)
}

.avatar-container.blocked.white:before {
    color: var(--color-white-origin,#fff)
}

.avatar-container.blocked.blue:before {
    color: var(--color-blue-light,#2d87d4)
}

.avatar-container.blocked.green:before {
    color: var(--color-accent-green,#00bd8f)
}

.avatar-container.blocked.bright-violet,.avatar-container.blocked.purple {
    color: var(--color-bright-violet,#af38f3)
}

.avatar-container.blocked.icon-invert {
    color: var(--xh-color-icon-invert)
}

.avatar-container.blocked.soft-violet {
    color: var(--color-soft-violet,#965bfa)
}

.avatar-container.blocked.flip-v {
    transform: rotate(180deg)
}

.avatar-container.blocked.turn-right {
    transform: rotate(-90deg)
}

.avatar-container.blocked.crown {
    color: var(--color-gold,#f4bb2e)
}

.avatar-container.blocked.dislike {
    transform: rotate(180deg)
}

.avatar-container.blocked.dislike:before {
    content: "\f2b7"
}

.avatar-container.blocked.creators-badge {
    font-size: 16px
}

.avatar-container.blocked.creators-badge:before {
    color: #00bd8f;
    content: "\f229";
    z-index: 1
}

.avatar-container.blocked.creators-badge:after {
    color: #fff;
    content: "\f22a";
    z-index: 2
}

.avatar-container.blocked:before {
    content: "\f2c0";
    left: 0;
    position: absolute;
    right: 0;
    text-align: center;
    z-index: 1
}

.avatar-container.blocked:after {
    background-color: rgba(227,68,73,.7);
    border-radius: 0
}

.red-round {
    background-color: var(--color-accent-red,#e34449);
    border-radius: 10px;
    color: var(--color-white-origin,#fff)!important;
    display: inline-block;
    font-size: 12px!important;
    font-weight: 700!important;
    height: 20px;
    line-height: 20px;
    min-width: 20px;
    padding: 0 4px;
    text-align: center;
    vertical-align: middle
}

.red-round:empty {
    display: none!important
}

.lang-geo-picker .geo-picker .list-container .list-item-link {
    position: relative
}

.lang-geo-picker .selected-list-item-container:hover,.lang-geo-picker__item:hover {
    background-color: var(--background-dropdown-hover)
}

.lang-geo-picker .picker {
    font-size: 14px;
    line-height: 20px
}

.lang-geo-picker .picker:not(.collapsed) {
    border-bottom: 1px solid var(--color-ui-hover);
    border-top: 1px solid var(--color-ui-hover)
}

.lang-geo-picker .picker .selected-list-item-container {
    align-items: center;
    display: flex;
    justify-content: space-between;
    padding: 0 var(--xh-spacers-xl)
}

.lang-geo-picker .picker .selected-list-item-container .selected-list-item {
    align-items: center;
    cursor: pointer;
    display: flex;
    position: relative;
    user-select: none
}

.lang-geo-picker .picker .selected-list-item-container .selected-list-item__icon {
    align-items: center;
    display: flex;
    justify-content: center;
    width: 20px
}

.lang-geo-picker .picker .selected-list-item-container .selected-list-item .label {
    margin-left: var(--xh-spacers-m);
    overflow-x: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.lang-geo-picker .picker .selected-list-item-container .xh-icon.arrow-bottom-new {
    font-size: 20px
}

.lang-geo-picker .picker .list-container {
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: none;
    max-height: 300px;
    overflow-y: scroll;
    position: relative;
    scrollbar-width: none
}

.lang-geo-picker .picker .list-container::-webkit-scrollbar {
    display: none
}

.lang-geo-picker .picker .list-container.collapsed {
    border-bottom: none;
    display: none
}

.lang-geo-picker .picker .list-container .description,.lang-geo-picker .picker .list-container .list-item--not-found {
    color: var(--color-gray-dark,#a0a0a0);
    line-height: 20px
}

.lang-geo-picker .picker .list-container .description.hidden,.lang-geo-picker .picker .list-container .list-item--not-found.hidden {
    display: none
}

.lang-geo-picker .picker .list-container .description {
    margin-bottom: 5px
}

.lang-geo-picker .picker .list-container .list-item {
    cursor: pointer;
    line-height: 30px;
    user-select: none
}

.lang-geo-picker .picker .list-container .list-item .label {
    margin-left: var(--xh-spacers-m);
    overflow-x: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.lang-geo-picker .picker .list-container .list-item-link {
    align-items: center;
    color: inherit;
    display: flex;
    text-decoration: none
}

.lang-geo-picker .picker .list-container .list-item-link:hover,.lang-geo-picker .picker .list-container .list-item-link:visited {
    color: inherit
}

.lang-geo-picker .picker .list-container .list-item-link .label {
    padding: 0 34px;
    width: 100%
}

.lang-geo-picker .geo-picker .list-container .list-item .label,.lang-geo-picker .geo-picker .selected-list-item-container .selected-list-item .label {
    padding: 0
}

.lang-geo-picker .lang-picker:not(.collapsed) {
    border-top: none
}

.lang-geo-picker .lang-picker .selected-list-item-container .selected-list-item .xh-icon.earth {
    font-size: 18px
}

.lang-geo-picker-container {
    margin-left: 20px
}

.lang-geo-picker-container .picker-trigger {
    align-items: center;
    display: flex;
    line-height: 28px
}

.lang-geo-picker-container .picker-trigger .xh-icon.gear {
    font-size: 24px;
    position: relative
}

.lang-geo-picker-container .picker-trigger .current-lang {
    font-size: 14px;
    font-weight: 400;
    margin-left: 6px
}

.desktop-theme-picker {
    align-items: center;
    cursor: pointer;
    display: flex;
    height: 100%;
    position: relative;
    width: 40px
}

.desktop-theme-picker .xh-icon {
    display: flex;
    font-size: 18px;
    height: 30px;
    line-height: 30px;
    width: 30px
}

.desktop-theme-picker__toggle-button {
    align-items: center;
    color: var(--color-white-origin,#fff);
    display: flex;
    justify-content: space-between
}

.desktop-theme-picker__toggle-button:after {
    border-color: var(--color-white-origin,#fff) transparent transparent transparent;
    border-style: solid;
    border-width: var(--xh-legacy-element-gap-smaller) var(--xh-legacy-element-gap-smaller) 0!important;
    border-width: 3px 3px 0 3px;
    content: "";
    margin-left: -5px
}

.desktop-theme-picker__links-container {
    background-color: var(--background-dropdown,#fff);
    border-radius: 5px;
    box-shadow: 0 8px 16px rgba(0,0,0,.12);
    box-sizing: border-box;
    display: none;
    flex-direction: column;
    padding: 10px 0;
    position: absolute;
    right: 0;
    top: 37px;
    width: 210px
}

.desktop-theme-picker__links-container>div {
    align-items: center;
    box-sizing: border-box;
    color: var(--background-dropdown-color,#303030);
    cursor: pointer;
    display: flex;
    padding: 3px 10px
}

.desktop-theme-picker__links-container>div div {
    align-items: center;
    display: flex;
    justify-content: space-between;
    margin-left: 10px;
    width: 100%
}

.desktop-theme-picker__links-container>div:hover {
    background-color: var(--background-dropdown-hover,#dadada)
}

.desktop-theme-picker__links-container .xh-icon {
    color: var(--color-cobalt,#707070)
}

.desktop-theme-picker__links-container .xh-icon.tick {
    font-size: 8px
}

.desktop-theme-picker .xh-icon:hover {
    background: none
}

.desktop-theme-picker:hover>.desktop-theme-picker__toggle-button {
    color: var(--color-gray-dark,#a0a0a0)
}

.desktop-theme-picker:hover>.desktop-theme-picker__toggle-button:after {
    border-color: var(--color-gray-dark,#a0a0a0) transparent transparent transparent;
    border-style: solid;
    border-width: 3px 3px 0 3px
}

.desktop-theme-picker:hover>.desktop-theme-picker__links-container {
    display: flex
}

.header {
    background: var(--color-cobalt-lighter,#f5f5f5);
    min-height: 100px;
    position: relative;
    z-index: var(--xh-legacy-z-index-header)
}

.header.line {
    min-height: 60px
}

.header .section-container {
    align-items: center;
    display: flex;
    justify-content: space-between;
    padding: 0 40px 0 26px
}

.header .header-line {
    background: var(--color-cobalt-light,#dadada);
    height: 1px
}

.header .top-header {
    display: table;
    height: 60px;
    position: relative;
    width: 100%;
    z-index: 101
}

@media screen and (max-width: 1365px) {
    .header .top-header.fixed {
        background:var(--color-cobalt-lighter,#f5f5f5);
        border-bottom: 1px var(--color-cobalt-light,#dadada) solid;
        position: fixed;
        top: 0
    }
}

@media screen and (min-width: 1366px) {
    .header .top-header.fixed .section-container {
        background:var(--color-cobalt-lighter,#f5f5f5);
        border-bottom: 1px var(--color-cobalt-light,#dadada) solid;
        position: fixed;
        top: 0
    }
}

.header .search-section {
    align-items: center;
    display: flex;
    flex-grow: 1
}

.header .orientation-dropdown-container {
    min-width: 65px
}

.header .orientation-dropdown-container .trigger {
    display: block;
    padding-left: 10px;
    width: 100%
}

.header .orientation-dropdown-container .trigger:after {
    border-color: var(--color-cobalt-darker,#303030) transparent transparent transparent;
    border-style: solid;
    border-width: 3px 3px 0 3px;
    margin-left: 0;
    top: -4px
}

.header .orientation-dropdown-container .trigger.active:after,.header .orientation-dropdown-container .trigger:hover:after {
    border-color: var(--color-accent-red,#e34449) transparent transparent transparent;
    border-style: solid;
    border-width: 3px 3px 0 3px
}

.header .orientation-dropdown-container .xh-icon {
    font-size: 30px;
    line-height: 30px
}

.header .logo-container {
    flex-shrink: 0;
    padding: 5px 10px 5px 15px;
    position: relative;
    z-index: 1
}

@media screen and (max-width: 1229px) {
    .header .logo-container {
        padding-left:15px
    }
}

.header .logo {
    border-bottom: 0;
    display: block;
    height: 47px;
    margin-top: 3px;
    position: relative;
    width: 190px
}

.header .logo img {
    display: block;
    width: 100%
}

.header .logo .preference-hint {
    color: var(--color-cobalt,#707070);
    font-size: 12px;
    position: absolute;
    right: 0;
    top: 0
}

.header .logo .preference-hint.gay {
    color: var(--color-gay,#2d86d4)
}

.header .logo .preference-hint.transgender {
    color: var(--color-shemale,#dc1aac)
}

.header .logo .preference-hint.straight {
    right: -11px
}

.header .search-container {
    background: none;
    border-radius: 20px;
    display: block;
    height: 40px;
    max-width: 600px;
    position: relative;
    width: 100%
}

.header .search-container .search-suggestions {
    visibility: hidden
}

.header .search-container .search-text {
    background: var(--background-input,#fff);
    border: 1px solid var(--color-gray,#ccc);
    border-radius: 20px;
    box-shadow: none;
    box-sizing: border-box;
    color: var(--color-cobalt-darker,#303030);
    display: block;
    font-size: 18px;
    height: 40px;
    line-height: 20px;
    padding: 0 110px 0 19px;
    position: relative;
    width: 100%;
    z-index: 3
}

.header .search-container .search-text::-webkit-input-placeholder {
    color: var(--color-gray-dark,#a0a0a0)!important;
    opacity: 1
}

.header .search-container .search-text:-moz-placeholder,.header .search-container .search-text::-moz-placeholder {
    color: var(--color-gray-dark,#a0a0a0)!important;
    opacity: 1
}

.header .search-container .search-text:-ms-input-placeholder {
    color: var(--color-gray-dark,#a0a0a0)!important;
    opacity: 1
}

.header .search-container .search-submit-container {
    border-left: 1px solid var(--color-gray,#ccc);
    border-radius: 0 20px 20px 0;
    display: block;
    height: 40px;
    margin: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 60px;
    z-index: 4
}

.header .search-container .search-submit-container .search-submit {
    border: 0;
    border-radius: 0 20px 20px 0;
    cursor: pointer;
    display: block;
    height: 40px;
    padding: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 59px;
    z-index: auto
}

.header .search-container .search-submit-container .search-submit i {
    color: var(--color-accent-red,#e34449);
    font-size: 23px;
    vertical-align: middle
}

.header .search-container .search-submit-container .search-submit:hover {
    background-color: var(--color-accent-red,#e34449)
}

.header .search-container .search-submit-container .search-submit:hover i {
    color: var(--color-white-origin,#fff)
}

.header .search-container .search-submit-container .search-submit:active {
    background-position: 22px 14px
}

.header .search-container .search-choose-dropdown {
    font-size: 18px;
    position: absolute;
    right: 70px;
    top: 10px;
    z-index: 3
}

.header .search-container .search-choose-dropdown .trigger:after {
    border-color: var(--color-cobalt-darker,#303030) transparent transparent transparent;
    height: 7px;
    margin: 0 0 3px
}

.header .search-container .search-choose-dropdown .trigger.active,.header .search-container .search-choose-dropdown .trigger.active .xh-icon:before,.header .search-container .search-choose-dropdown .trigger:hover,.header .search-container .search-choose-dropdown .trigger:hover .xh-icon:before {
    color: var(--color-accent-red,#e34449)
}

.header .search-container .search-choose-dropdown .trigger.active:after,.header .search-container .search-choose-dropdown .trigger:hover:after {
    border-color: var(--color-accent-red,#e34449) transparent transparent transparent;
    border-style: solid;
    border-width: 3px 3px 0 3px
}

.header .search-container .search-choose-dropdown>.dropdown.search-category-dropdown {
    margin-top: 15px
}

.header .search-container .search-choose-dropdown>.dropdown.search-category-dropdown .xh-icon {
    font-size: 18px
}

.header .search-container .search-choose-dropdown>.dropdown.search-category-dropdown span {
    text-transform: capitalize
}

.header .top-menu-container {
    background: var(--background-header-nav,#303030);
    height: 40px;
    margin: 0;
    position: relative;
    z-index: var(--xh-legacy-z-index-header)
}

.header .top-menu-container .top-menu {
    display: flex;
    justify-content: space-between
}

.header .top-menu-container .top-menu .with-dot:before {
    background: var(--color-accent-red,#e34449);
    border-radius: 5px;
    content: "";
    display: inline-block;
    height: 8px;
    margin-right: 8px;
    margin-top: -2px;
    vertical-align: middle;
    width: 8px
}

.header .top-menu-container .top-menu__side-group {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    height: 40px
}

.header .top-menu-container .top-menu__side-group.left {
    flex-grow: 1
}

.header .top-menu-container .top-menu__side-group.right {
    flex-shrink: 0
}

.header .top-menu-container .nav-item {
    height: 100%;
    min-height: 40px;
    order: 1
}

.header .top-menu-container .nav-item img {
    vertical-align: middle
}

.header .top-menu-container .nav-item.current>.trigger>a,.header .top-menu-container .nav-item.current>a {
    border-bottom: 3px solid var(--color-accent-red,#e34449)
}

.header .top-menu-container .nav-item:hover>.trigger>a,.header .top-menu-container .nav-item:hover>a {
    color: var(--color-gray-dark,#a0a0a0);
    margin-top: 0
}

.header .top-menu-container .nav-item:hover>.trigger>a:after,.header .top-menu-container .nav-item:hover>a:after {
    border-color: var(--color-gray-dark,#a0a0a0) transparent transparent transparent;
    border-style: solid;
    border-width: 3px 3px 0 3px
}

.header .top-menu-container .nav-item:hover>.trigger>a span.fap-highlight,.header .top-menu-container .nav-item:hover>a span.fap-highlight {
    color: var(--color-gray-dark,#a0a0a0)
}

.header .top-menu-container .nav-item.has-child>a:after {
    content: "";
    display: inline-block;
    height: 8px;
    margin-left: 4px;
    margin-right: 0;
    position: relative;
    top: 4px
}

.header .top-menu-container .nav-item>.trigger:after {
    margin-left: 0
}

.header .top-menu-container .nav-item.counter-subscription-nav {
    align-items: center;
    display: flex;
    justify-content: center
}

.header .top-menu-container .nav-item.counter-subscription-nav .red-round {
    align-items: center;
    border-radius: 12px;
    display: flex;
    justify-content: center;
    line-height: 4px;
    padding: 2px 4px
}

.header .top-menu-container .nav-item.counter-subscription-nav .red-round:after {
    min-width: 14px
}

.header .top-menu-container .nav-item.creators li a,.header .top-menu-container .nav-item.creators li span,.header .top-menu-container .nav-item.live-nav li a,.header .top-menu-container .nav-item.live-nav li span,.header .top-menu-container .nav-item.photo-nav li a,.header .top-menu-container .nav-item.photo-nav li span,.header .top-menu-container .nav-item.pornstars li a,.header .top-menu-container .nav-item.pornstars li span,.header .top-menu-container .nav-item.video-nav li a,.header .top-menu-container .nav-item.video-nav li span {
    align-items: center;
    display: flex
}

.header .top-menu-container .nav-item.creators li a .xh-icon,.header .top-menu-container .nav-item.creators li span .xh-icon,.header .top-menu-container .nav-item.live-nav li a .xh-icon,.header .top-menu-container .nav-item.live-nav li span .xh-icon,.header .top-menu-container .nav-item.photo-nav li a .xh-icon,.header .top-menu-container .nav-item.photo-nav li span .xh-icon,.header .top-menu-container .nav-item.pornstars li a .xh-icon,.header .top-menu-container .nav-item.pornstars li span .xh-icon,.header .top-menu-container .nav-item.video-nav li a .xh-icon,.header .top-menu-container .nav-item.video-nav li span .xh-icon {
    font-size: var(--xh-h4-font-size);
    margin-right: var(--xh-legacy-element-gap-smaller)
}

.header .top-menu-container .nav-item.creators li a .xh-icon.icon-right,.header .top-menu-container .nav-item.creators li span .xh-icon.icon-right,.header .top-menu-container .nav-item.live-nav li a .xh-icon.icon-right,.header .top-menu-container .nav-item.live-nav li span .xh-icon.icon-right,.header .top-menu-container .nav-item.photo-nav li a .xh-icon.icon-right,.header .top-menu-container .nav-item.photo-nav li span .xh-icon.icon-right,.header .top-menu-container .nav-item.pornstars li a .xh-icon.icon-right,.header .top-menu-container .nav-item.pornstars li span .xh-icon.icon-right,.header .top-menu-container .nav-item.video-nav li a .xh-icon.icon-right,.header .top-menu-container .nav-item.video-nav li span .xh-icon.icon-right {
    margin-left: var(--xh-legacy-element-gap-smaller);
    margin-right: 0
}

.header .top-menu-container .nav-item.creators li .xh-icon.badge-creator:before,.header .top-menu-container .nav-item.creators li .xh-icon.creator-amateur:before,.header .top-menu-container .nav-item.pornstars li .xh-icon.badge-creator:before,.header .top-menu-container .nav-item.pornstars li .xh-icon.creator-amateur:before {
    color: var(--color-cobalt,#707070)
}

.header .top-menu-container .nav-item.creators li .xh-icon.badge-creator:after,.header .top-menu-container .nav-item.creators li .xh-icon.creator-amateur:after,.header .top-menu-container .nav-item.pornstars li .xh-icon.badge-creator:after,.header .top-menu-container .nav-item.pornstars li .xh-icon.creator-amateur:after {
    color: var(--color-white-gray,#fff)
}

.header .top-menu-container .nav-item.creators li .xh-icon.badge-creator,.header .top-menu-container .nav-item.pornstars li .xh-icon.badge-creator {
    font-size: 20px
}

.header .top-menu-container .nav-item.more-nav {
    order: 2
}

.header .top-menu-container .nav-item.more-nav .trigger {
    font-size: 24px;
    padding: 6px 0 0 10px
}

.header .top-menu-container .nav-item.more-nav .trigger:after {
    content: none
}

.header .top-menu-container .nav-item.collapsed-nav-item {
    order: 3;
    pointer-events: none;
    visibility: hidden
}

@media screen and (max-width: 1229px) {
    .header .top-menu-container .nav-item.hideable {
        display:none
    }
}

.header .top-menu-container .nav-item>.trigger>a,.header .top-menu-container .nav-item>a {
    border-bottom: 3px solid transparent;
    border-top: 3px solid transparent;
    color: var(--color-white-origin,#fff);
    display: inline-block;
    font-size: 18px;
    line-height: 24px;
    padding: 5px 10px;
    text-align: center
}

.header .top-menu-container .nav-item>.trigger>a:hover,.header .top-menu-container .nav-item>a:hover {
    color: var(--color-gray-dark,#a0a0a0)
}

.header .top-menu-container .nav-item>.trigger>a:hover:after,.header .top-menu-container .nav-item>a:hover:after {
    border-color: var(--color-gray-dark,#a0a0a0) transparent transparent transparent;
    border-style: solid;
    border-width: 3px 3px 0 3px
}

@media screen and (max-width: 1024px) {
    .header .top-menu-container .nav-item>.trigger>a,.header .top-menu-container .nav-item>a {
        font-size:14px
    }
}

.header .top-menu-container .nav-item a {
    z-index: 2
}

.header .top-menu-container .nav-item a .arrow-right {
    font-size: 8px;
    margin-left: 5px;
    vertical-align: middle
}

.header .top-menu-container .nav-item a .xh-icon.gift-new {
    font-size: 20px;
    margin-left: 5px;
    vertical-align: text-bottom
}

.header .top-menu-container .nav-item a .sale {
    background: var(--color-accent-red,#e34449);
    color: var(--color-white-origin,#fff);
    display: inline-block;
    font-size: 14px;
    font-weight: 700;
    height: 20px;
    line-height: 20px;
    margin-left: 5px;
    padding: 0 6px;
    position: relative;
    text-transform: uppercase;
    vertical-align: text-bottom
}

.header .top-menu-container .nav-item a .sale:after,.header .top-menu-container .nav-item a .sale:before {
    border-style: solid;
    content: "";
    display: block;
    height: 0;
    margin-right: -4px;
    position: absolute;
    right: 0;
    width: 0
}

.header .top-menu-container .nav-item a .sale:before {
    border-color: var(--color-accent-red,#e34449) transparent transparent transparent;
    border-width: 10px 4px 0;
    top: 0
}

.header .top-menu-container .nav-item a .sale:after {
    border-color: transparent transparent var(--color-accent-red,#e34449) transparent;
    border-width: 0 4px 10px;
    bottom: 0
}

.header .top-menu-container .nav-item a span.fap-highlight {
    color: #ffc582
}

.header .top-menu-container .nav-item .dropdown {
    margin-left: -2px;
    margin-top: -3px
}

.header .top-menu-container .nav-item .dropdown li .xh-flag {
    left: 3px;
    position: relative
}

.header .top-menu-container .nav-item.live-nav li .xh-flag {
    right: 3px
}

.header .top-menu-container .nav-item.live-nav li a .xh-icon,.header .top-menu-container .nav-item.live-nav li span .xh-icon {
    margin-left: 0;
    margin-right: var(--xh-legacy-element-gap-smaller)
}

.header .top-menu-container .nav-item.live-nav li a .xh-icon.icon-right,.header .top-menu-container .nav-item.live-nav li span .xh-icon.icon-right {
    margin-left: var(--xh-legacy-element-gap-smaller);
    margin-right: 0
}

.header .top-menu-container .live-nav .dropdown>li>a,.header .top-menu-container .live-nav .dropdown>ul>li>a {
    line-height: 20px;
    padding: 5px var(--xh-legacy-element-gap-larger) 5px var(--xh-spacers-2xl)
}

.header .top-menu-container .dashboard-section-menu {
    order: 0
}

.header .top-menu-container .dashboard-section-menu .xh-button {
    align-items: center;
    background: none;
    border: 0;
    border-bottom: 3px solid transparent;
    border-radius: 0;
    border-top: 3px solid transparent;
    color: var(--color-white-origin,#fff)!important;
    cursor: pointer;
    display: flex;
    font-size: 18px;
    padding: 0 10px;
    z-index: 5
}

.header .top-menu-container .dashboard-section-menu .xh-button:after {
    align-self: center;
    margin-left: 4px
}

.header .top-menu-container .dashboard-section-menu .xh-button .chart {
    font-size: 25px;
    margin-right: 5px
}

.header .top-menu-container .dashboard-section-menu:hover .xh-button,.header .top-menu-container .dashboard-section-menu:hover .xh-button .xh-icon:after,.header .top-menu-container .dashboard-section-menu:hover .xh-button .xh-icon:before,.header .top-menu-container .dashboard-section-menu:hover .xh-button .xh-icon>span:before {
    color: var(--color-gray-dark,#a0a0a0)!important
}

.header .top-menu-container .dashboard-section-menu:hover .xh-button:after {
    border-color: var(--color-gray-dark,#a0a0a0) transparent transparent transparent;
    border-style: solid;
    border-width: 3px 3px 0 3px
}

.header .top-menu-container .dashboard-section-menu.current>a {
    border-bottom: 3px solid var(--color-accent-red,#e34449)
}

@media screen and (max-width: 1365px) {
    .header .top-menu-container .dashboard-section-menu .hideable {
        display:none
    }

    .header .top-menu-container .dashboard-section-menu a.xh-button {
        min-width: 40px
    }

    .header .top-menu-container .dashboard-section-menu a.xh-button i.chart {
        margin-right: 0
    }
}

.header .top-menu-container .upload-nav.xh-dropdown {
    margin: 0 10px;
    position: relative
}

@media screen and (max-width: 1365px) {
    .header .top-menu-container .upload-nav.xh-dropdown .hideable {
        display:none
    }
}

@media screen and (max-width: 1229px) {
    .header .top-menu-container .upload-nav.xh-dropdown {
        margin:0
    }
}

.header .top-menu-container .upload-nav.xh-dropdown .xh-button {
    align-items: center;
    border: 0;
    color: var(--color-white-origin,#fff)!important;
    cursor: pointer;
    display: flex;
    font-size: 18px;
    padding: 0 10px;
    z-index: 5
}

@media screen and (max-width: 1365px) {
    .header .top-menu-container .upload-nav.xh-dropdown .xh-button {
        min-width:unset
    }
}

@media screen and (max-width: 1229px) {
    .header .top-menu-container .upload-nav.xh-dropdown .xh-button {
        padding:0
    }
}

.header .top-menu-container .upload-nav.xh-dropdown .xh-button:after {
    align-self: center;
    margin-left: 4px
}

.header .top-menu-container .upload-nav.xh-dropdown .xh-button .upload2 {
    font-size: 25px;
    margin-right: 5px
}

@media screen and (max-width: 1365px) {
    .header .top-menu-container .upload-nav.xh-dropdown .xh-button .upload2 {
        margin:0
    }
}

.header .top-menu-container .upload-nav.xh-dropdown:hover .xh-button,.header .top-menu-container .upload-nav.xh-dropdown:hover .xh-button .xh-icon:after,.header .top-menu-container .upload-nav.xh-dropdown:hover .xh-button .xh-icon:before,.header .top-menu-container .upload-nav.xh-dropdown:hover .xh-button .xh-icon>span:before {
    color: var(--color-gray-dark,#a0a0a0)!important
}

.header .top-menu-container .upload-nav.xh-dropdown:hover .xh-button:after {
    border-color: var(--color-gray-dark,#a0a0a0) transparent transparent transparent;
    border-style: solid;
    border-width: 3px 3px 0 3px
}

.header .top-menu-container .upload-nav.xh-dropdown .dropdown {
    left: 50%;
    margin-top: -3px;
    transform: translateX(-50%)
}

.header .top-menu-container .upload-nav.xh-dropdown .dropdown .xh-icon {
    font-size: 18px
}

.header .top-menu-container .upload-nav.xh-dropdown .dropdown .xh-icon.intro-nav1:before {
    color: var(--color-cobalt,#707070)!important
}

.header .top-menu-container .upload-nav.xh-dropdown .dropdown .xh-icon.intro-nav1:after {
    color: var(--color-white-gray,#fff)!important
}

.header .pop-menu {
    background: var(--color-cobalt-dark,#434343);
    box-shadow: 0 1px 1px rgba(0,0,0,.05);
    min-height: 283px;
    overflow: hidden;
    position: absolute;
    width: 100%;
    z-index: 1000
}

.header .pop-menu .pop-menu-content {
    display: table
}

.header .pop-menu.pop-hidden {
    display: none;
    opacity: 0
}

.header .pop-menu .left-menu {
    display: table-cell;
    margin-top: 15px;
    padding-left: 30px;
    padding-top: 16px;
    vertical-align: top;
    white-space: nowrap
}

.header .pop-menu .left-menu ul {
    float: left;
    margin-bottom: 2px;
    margin-top: 24px;
    width: 247px
}

.header .pop-menu .left-menu ul li a {
    border: 0;
    border-radius: 3px;
    color: var(--color-cobalt-light,#dadada);
    display: block;
    font-size: 16px;
    height: 60px;
    line-height: 60px;
    margin-top: 1px;
    padding-right: 10px;
    position: relative
}

.header .pop-menu .left-menu ul li a:after {
    background: var(--color-cobalt,#707070);
    content: "";
    height: 1px;
    left: 50%;
    margin-left: -45%;
    position: absolute;
    top: 100%;
    width: 90%
}

.header .pop-menu .left-menu ul li a:hover {
    background: var(--color-cobalt-darker,#303030)
}

.header .pop-menu .left-menu ul li a i {
    height: 30px;
    margin: 0 15px;
    position: relative;
    top: 7px;
    width: 30px
}

.header .pop-menu .left-menu ul li:last-child a:after {
    display: none
}

.try-mobile {
    background: var(--color-white,#fff);
    display: block;
    height: 21vw;
    position: relative;
    width: 100%
}

.try-mobile__close {
    font-size: 4vw;
    height: 12.5vw;
    position: absolute;
    right: 0;
    top: 0;
    width: 12.5vw
}

.try-mobile__close i {
    margin: 3vw 0 0 5vw
}

.try-mobile__text {
    background: var(--try-mobile-bg,url(../try-mobile_1.html)) no-repeat left top;
    background-size: contain;
    bottom: 0;
    color: var(--color-cobalt-darker,#303030);
    display: block;
    font-size: 5vw;
    left: 50%;
    line-height: 1.39;
    padding-left: 16vw;
    position: absolute;
    top: 3vw;
    transform: translate(-50%);
    width: 80vw
}

@media screen and (max-width: 1229px) {
    .header .search-container {
        max-width:440px
    }

    .header .section-container {
        padding: 0 15px 0 2px
    }

    .user-section {
        margin-right: -8px
    }
}

main {
    display: block;
    flex-grow: 1;
    padding: 20px 0 0;
    z-index: 1
}

main,main article,main>div {
    position: relative
}

main article {
    border-left: 1px solid var(--color-cobalt-light,#dadada);
    margin-left: 190px;
    padding: 0 0 30px
}

header+.width-wrap {
    flex-grow: 1
}

body.tester #branch {
    background: var(--color-white,#fff);
    border-bottom-right-radius: 3px;
    box-shadow: 4px 4px 6px 0 rgba(0,0,0,.7);
    color: var(--color-cobalt-darker,#303030)!important;
    display: block;
    font-size: 12px;
    font-style: normal;
    left: 0;
    padding: 6px;
    position: fixed;
    top: 0;
    z-index: 5
}

.tablet header .top-menu .width-wrap>ul>li.has-child a[href]:after {
    display: none!important
}

.tablet.ipad body {
    cursor: pointer
}

.tablet .related .arrow-container .arrow:hover.left,.tablet .related .arrow-container .arrow:hover.right {
    left: auto!important
}

.login-section {
    height: 60px;
    padding: 0;
    position: relative;
    text-align: right;
    vertical-align: top;
    white-space: nowrap
}

.login-section .xh-dropdown {
    padding: 5px 0
}

.login-section .xh-button.sign-up-button {
    font-size: 18px;
    height: 40px;
    line-height: 38px;
    margin-right: 0;
    padding: 0 20px 0 22px
}

.login-section .trigger {
    border-right: 0 none;
    font-size: 18px;
    padding: 15px 20px 15px 29px;
    z-index: 7
}

.login-section .trigger:after {
    border-color: var(--color-cobalt-darker,#303030) transparent transparent transparent;
    margin-left: 0;
    position: absolute;
    right: 10px;
    top: 50%
}

.login-section .trigger.active,.login-section .trigger:hover {
    background: none;
    color: var(--color-accent-red,#e34449)
}

.login-section .trigger.active:after,.login-section .trigger:hover:after {
    border-color: var(--color-accent-red,#e34449) transparent transparent transparent;
    border-style: solid;
    border-width: 3px 3px 0 3px
}

.user-section {
    display: table;
    margin-right: -10px;
    position: relative;
    white-space: nowrap
}

.user-section-row {
    display: table-row
}

.user-section-row .item {
    border: 0;
    color: var(--color-gray-dark,#a0a0a0);
    display: table-cell;
    font-size: 10px;
    line-height: 11px;
    padding: 18px 12px 15px;
    position: relative;
    text-align: center;
    vertical-align: top
}

.user-section-row .item .value {
    left: 50%;
    position: absolute;
    top: 10px;
    z-index: 1
}

.user-section-row .item.messages .xh-icon,.user-section-row .item.notifications .xh-icon {
    font-size: 25px
}

.user-section-row .item.menu {
    padding: 0
}

.user-section-row .item.menu .username {
    color: var(--color-cobalt-darker,#303030);
    cursor: pointer;
    display: block;
    font-size: 18px;
    line-height: 38px;
    padding-left: 48px
}

.user-section-row .item.menu:hover:after {
    border-color: var(--color-accent-red,#e34449) transparent transparent transparent;
    border-style: solid;
    border-width: 3px 3px 0 3px
}

.user-section-row .item:hover,.user-section-row .item:hover.menu .username {
    color: var(--color-accent-red,#e34449)
}

.login-form {
    margin-bottom: 15px
}

.login-form .additional-links {
    align-items: center;
    color: var(--color-gray-dark,#a0a0a0);
    display: flex;
    font-size: 14px;
    gap: var(--element-gap-smaller,5px);
    justify-content: space-between;
    line-height: 20px;
    margin-bottom: 15px
}

.login-form .additional-links .field-container {
    margin: 0
}

.login-form .additional-links .field-container.field-container--remember .error-box {
    display: none
}

.login-form .field-container--password {
    position: relative
}

.login-form .field-container--password .xh-button {
    align-items: center;
    display: flex;
    height: 40px;
    position: absolute;
    right: 5px;
    top: 0;
    z-index: 1
}

.login-form .field-container--password .xh-button .xh-icon {
    font-size: 20px
}

.login-form .field-container--password :focus {
    padding-top: 0
}

.xh-dropdown.login-dropdown {
    padding: 10px 0;
    position: static
}

.xh-dropdown.login-dropdown .xh-button.sign-up-button {
    font-size: 18px;
    height: 40px;
    line-height: 38px;
    margin-right: 0;
    padding: 0 20px 0 22px
}

.xh-dropdown.login-dropdown .trigger {
    padding: 0 20px 0 29px
}

.xh-dropdown.login-dropdown .trigger button {
    font-size: 18px;
    min-width: auto;
    padding: 0
}

.xh-dropdown.login-dropdown .trigger:hover button {
    background-color: transparent;
    color: var(--color-accent-red,#e34449)
}

.xh-dropdown.login-dropdown .trigger.active button {
    color: var(--color-accent-red,#e34449)
}

.xh-dropdown.login-dropdown .dropdown {
    background: var(--color-cobalt-lighter,#f5f5f5);
    box-shadow: 0 10px 30px 0 var(--login-dropdown-shadow,rgba(0,0,0,.25));
    display: none;
    margin-top: -3px;
    padding: 20px 21px;
    right: 0;
    width: 380px;
    z-index: 110
}

.xh-dropdown.login-dropdown .dropdown .down-field {
    margin-bottom: 15px
}

.xh-dropdown.login-dropdown .dropdown .error-box {
    white-space: normal
}

.xh-dropdown.login-dropdown .dropdown .xh-button {
    display: block;
    margin-bottom: 15px
}

.xh-dropdown.login-dropdown .dropdown .field-container--password .xh-button {
    display: flex;
    margin-bottom: 0
}

.xh-dropdown.login-dropdown .dropdown .google-button,.xh-dropdown.login-dropdown .dropdown .twitter-button {
    align-items: center;
    background-color: var(--color-white-gray,#fff);
    border-radius: 5px;
    box-shadow: 0 1px 2px rgba(0,0,0,.16);
    color: var(--color-cobalt-darker,#303030);
    display: flex;
    height: 40px;
    justify-content: center;
    margin-bottom: 10px;
    width: 100%
}

.xh-dropdown.login-dropdown .dropdown .google-button img,.xh-dropdown.login-dropdown .dropdown .twitter-button img {
    margin-right: 10px
}

.xh-dropdown.login-dropdown .dropdown .google-button .xh-icon.twitter,.xh-dropdown.login-dropdown .dropdown .twitter-button .xh-icon.twitter {
    color: #1da1f2;
    font-size: 15px;
    margin-right: 10px
}

.xh-dropdown.login-dropdown .dropdown .google-button .label,.xh-dropdown.login-dropdown .dropdown .twitter-button .label {
    font-size: 14px;
    line-height: 18px
}

.xh-dropdown.login-dropdown .dropdown .google-button:hover,.xh-dropdown.login-dropdown .dropdown .twitter-button:hover {
    color: var(--color-cobalt,#707070)
}

.dmca-notice-not .width-wrap {
    position: relative
}

.dmca-notice-not .promo-message {
    background-color: var(--xh-color-extra-yellow);
    font-weight: 700
}

.dmca-notice-not .promo-message-text {
    color: var(--xh-color-extra-black)
}

.dmca-notice-not .promo-message-button {
    align-items: center;
    background-color: var(--xh-color-extra-black);
    border-color: var(--xh-color-extra-black);
    border-radius: var(--xh-border-radius-m);
    color: var(--xh-color-extra-white);
    display: inline-flex;
    height: 30px;
    line-height: var(--xh-body-line-height-px);
    padding-left: var(--xh-spacers-l);
    padding-right: var(--xh-spacers-l)
}

.dmca-notice-not .promo-message-button:after {
    display: none
}

.dmca-notice-not .promo-message-button:not(.disabled):active,.dmca-notice-not .promo-message-button:not(.disabled):hover {
    background-color: var(--xh-color-extra-black);
    border-color: var(--xh-color-extra-black);
    color: var(--xh-color-extra-white)
}

.dmca-notice-not .dmca-notice-counter {
    align-items: center;
    background-color: var(--xh-color-brand-enabled);
    border-radius: 50%;
    color: var(--xh-color-extra-white);
    display: inline-flex;
    font-size: var(--xh-caption-font-size);
    height: 20px;
    justify-content: center;
    line-height: var(--xh-caption-line-height-px);
    margin-right: var(--xh-spacers-m);
    width: 20px
}

.template-content-wrapper {
    display: block;
    height: 100%;
    position: relative;
    width: 100%
}

.template-content-wrapper .img {
    background-color: var(--color-cobalt-light,#dadada);
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
    display: block;
    height: 100%;
    overflow: hidden;
    width: 100%
}

.template-content-wrapper .img canvas,.template-content-wrapper .img video {
    height: 100%;
    width: 100%
}

.template-content-wrapper .img canvas {
    display: none
}

.template-content-wrapper .img video {
    object-fit: cover
}

.template-content-wrapper .badges {
    background-image: linear-gradient(180deg,transparent,rgba(0,0,0,.7));
    bottom: 0;
    height: 23px;
    line-height: 20px;
    padding: 0 0 3px 7px;
    position: absolute;
    width: 100%
}

.template-content-wrapper .live-badge {
    background: var(--color-accent-red,#e34449);
    border-radius: 3px;
    color: var(--color-white-origin,#fff);
    font-size: 10px;
    left: 5px;
    line-height: 16px;
    padding: 0 5px;
    position: absolute;
    text-transform: uppercase;
    top: 5px
}

.template-content-wrapper .live-badge--with-dot:before {
    animation: fade-in-live 2s infinite;
    background: var(--color-white-origin,#fff);
    border-radius: 2.5px;
    content: "";
    display: inline-block;
    margin-right: 5px;
    margin-top: -2px;
    min-height: 5px;
    min-width: 5px;
    vertical-align: middle
}

.template-content-wrapper .live-badge--green {
    background: var(--color-accent-green,#00bd8f);
    color: var(--color-white-origin,#fff)
}

.template-content-wrapper .live-badge--big {
    border-radius: 5px;
    font-size: 11px;
    font-weight: 700;
    line-height: 18px
}

.template-content-wrapper .live-badge .xh-flag {
    position: relative;
    top: 2px
}

.template-content-wrapper .name {
    color: var(--color-black,#000);
    font-size: 14px;
    font-weight: 700;
    line-height: 14px;
    margin-top: 10px;
    white-space: nowrap
}

.template-content-wrapper .name .xh-flag,.template-content-wrapper .name .xh-icon,.template-content-wrapper .name>span {
    vertical-align: middle
}

.template-content-wrapper .name>span {
    display: inline-block;
    max-width: 77%;
    overflow: hidden;
    text-overflow: ellipsis
}

.template-content-wrapper .name .xh-flag,.template-content-wrapper .name .xh-icon {
    margin-left: 3px
}

.template-content-wrapper .name .xh-icon {
    display: inline-block;
    font-size: 14px
}

.yld-pccam-thumb .xh-button,.yld-pccams-wgt .xh-button {
    font-size: 14px;
    font-weight: 700
}

.yld-pccam-thumb .title,.yld-pccams-wgt .title {
    color: var(--color-cobalt-darker,#303030);
    font-size: 24px;
    font-weight: 700
}

.yld-pccam-thumb .title .highlight-red,.yld-pccams-wgt .title .highlight-red {
    color: var(--color-accent-red,#e34449)
}

.yld-pccam-thumb .item-container,.yld-pccams-wgt .item-container {
    margin-top: 14px;
    overflow: hidden;
    position: relative
}

.yld-pccam-thumb .item-container:after,.yld-pccams-wgt .item-container:after {
    clear: both;
    content: "";
    display: table
}

.yld-pccam-thumb .item-container .item,.yld-pccams-wgt .item-container .item {
    float: left;
    margin-bottom: 20px;
    position: relative
}

.yld-pccam-thumb .item-container .template-content-wrapper.wrapper,.yld-pccams-wgt .item-container .template-content-wrapper.wrapper {
    background: linear-gradient(90deg,transparent 0,rgba(0,0,0,.05) 50%,rgba(0,0,0,.05));
    bottom: 0;
    display: none;
    position: absolute;
    right: 0;
    top: 0
}

.yld-pccam-thumb .item-container .template-content-wrapper .avatar-circle,.yld-pccams-wgt .item-container .template-content-wrapper .avatar-circle {
    padding: 2px;
    position: relative
}

.yld-pccam-thumb .item-container .template-content-wrapper .avatar-circle .img,.yld-pccams-wgt .item-container .template-content-wrapper .avatar-circle .img {
    background-color: var(--color-cobalt-light,#dadada);
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
    border: 2px solid var(--color-gray-light,#eaeaea);
    border-radius: 50%;
    height: auto;
    padding-top: calc(100% - 4px);
    position: relative;
    transform: translateZ(0);
    transform-style: preserve-3d;
    width: 100%;
    z-index: auto
}

.yld-pccam-thumb .item-container .template-content-wrapper .avatar-circle .img canvas,.yld-pccam-thumb .item-container .template-content-wrapper .avatar-circle .img video,.yld-pccams-wgt .item-container .template-content-wrapper .avatar-circle .img canvas,.yld-pccams-wgt .item-container .template-content-wrapper .avatar-circle .img video {
    border-radius: 50%;
    position: absolute;
    top: 0
}

.yld-pccam-thumb .item-container .template-content-wrapper .avatar-circle:before,.yld-pccams-wgt .item-container .template-content-wrapper .avatar-circle:before {
    background-image: linear-gradient(135deg,var(--color-accent-red,#e34449),#c0cd72);
    border-radius: 50%;
    content: "";
    left: 0;
    padding-top: 100%;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1
}

.yld-pccams-wgt .title:hover {
    color: var(--color-accent-red,#e34449)!important
}

.yld-pccams-wgt .item-container .item:hover .template-content-wrapper .name span {
    color: var(--color-accent-red,#e34449)
}

@keyframes fade-in-live {
    0% {
        opacity: 1
    }

    50% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.categories-container {
    display: flex;
    flex-wrap: wrap;
    font-size: 0
}

.categories-container__flag {
    margin-left: 5px
}

.categories-container__title-item {
    color: var(--color-cobalt-dark,#434343);
    display: inline-block;
    font-size: 12px;
    line-height: 24px;
    margin-right: 4px
}

.categories-container__item {
    align-items: center;
    background: var(--color-cobalt-light,#dadada);
    border: 0;
    border-radius: 5px;
    color: var(--color-cobalt-darker,#303030);
    display: inline-flex;
    flex-shrink: 0;
    font-size: 14px;
    line-height: 24px;
    margin: 0 var(--xh-spacers-s) var(--xh-spacers-s) 0;
    padding: 0 var(--xh-legacy-element-gap-small);
    vertical-align: top;
    white-space: nowrap
}

.categories-container__item .xh-icon {
    font-size: 20px;
    line-height: 24px;
    vertical-align: top
}

.categories-container__item .xh-icon.no-left-gap {
    margin-left: -5px;
    margin-right: 0
}

.categories-container__item .xh-icon.rec-ai {
    font-size: 18px
}

.categories-container__item.filter-trigger>.xh-icon,.categories-container__item:last-child {
    margin-right: 0
}

.categories-container a.categories-container__item:visited {
    color: var(--color-cobalt-darker,#303030)
}

.categories-container a.categories-container__item:hover {
    background-color: var(--color-accent-red,#e34449);
    color: var(--color-white-origin,#fff)
}

.categories-container a.categories-container__item.to-all {
    align-items: center;
    background-color: var(--color-cobalt-darker,#303030);
    color: var(--color-cobalt-lighter,#f5f5f5);
    display: inline-flex;
    padding-right: 5px
}

.categories-container a.categories-container__item.to-all .xh-icon {
    font-size: 9px;
    text-align: center;
    width: 20px
}

.categories-container li.categories-container__item a:visited {
    color: var(--color-cobalt-darker,#303030)
}

.categories-container li.categories-container__item:hover {
    background-color: var(--color-accent-red,#e34449)
}

.categories-container li.categories-container__item:hover a {
    color: var(--color-white-origin,#fff)
}

.categories-container li.categories-container__item--disabled {
    color: var(--color-cobalt,#707070);
    cursor: inherit;
    pointer-events: none
}

.categories-container li.categories-container__item--disabled>.xh-icon:before {
    color: var(--color-cobalt,#707070)
}

.categories-container li.categories-container__item.close-tag-filter {
    background: var(--color-cobalt-darker,#303030);
    margin-right: var(--xh-legacy-element-gap-normal);
    position: relative
}

.categories-container li.categories-container__item.close-tag-filter a,.categories-container li.categories-container__item.close-tag-filter a:visited {
    align-items: center;
    color: var(--color-cobalt-lighter,#f5f5f5);
    display: inline-flex
}

.categories-container li.categories-container__item.close-tag-filter .xh-icon.cross-big {
    font-size: 12px;
    margin-left: 5px;
    margin-right: 0
}

.categories-container li.categories-container__item.close-tag-filter:after {
    border-right: 1px solid;
    border-color: var(--color-cobalt-light,#dadada);
    content: "";
    display: flex;
    height: 20px;
    position: absolute;
    right: calc((var(--xh-legacy-element-gap-normal) + 1px)/-2);
    top: 50%;
    transform: translateY(-50%)
}

.categories-container-subscription-item {
    min-width: 32px;
    padding: 0 5px
}

.categories-container-subscription-item__icon {
    font-size: 14px;
    margin: 0!important
}

.categories-container-subscription-item__count {
    font-size: 12px
}

.categories-container-recommended-item {
    padding-left: 5px
}

.dialog-desktop-container,.dialog-mobile-container,.fullscreen-dialog-container {
    bottom: 0;
    height: 100%;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    width: 100%;
    z-index: var(--xh-legacy-z-index-modal)
}

.dialog-desktop-container--hidden,.dialog-mobile-container--hidden,.fullscreen-dialog-container--hidden {
    display: none
}

.dialog-desktop-container__content,.dialog-mobile-container__content,.fullscreen-dialog-container__content {
    max-width: 100%;
    position: absolute;
    z-index: 20
}

.dialog-desktop-container__backing,.dialog-mobile-container__backing {
    background-color: rgba(0,0,0,.7);
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 10
}

.dialog__close-icon.xh-icon {
    color: var(--color-cobalt-lighter,#f5f5f5);
    cursor: pointer;
    position: absolute
}

.desktop-dialog-open {
    overflow-y: scroll
}

.desktop-dialog-open .up-arrow {
    z-index: 1
}

.desktop-dialog-open .tooltip {
    z-index: 3001
}

.dialog-desktop-container__backing .dialog__close-icon {
    font-size: 30px;
    right: 40px;
    top: 40px
}

.dialog-desktop-container__content {
    left: 50%;
    top: 90px;
    transform: translateX(-50%)
}

.dialog-desktop-container__content.scrollable {
    display: flex;
    max-height: calc(100% - 20px);
    top: 20px
}

@media (max-height: 670px) {
    .dialog-desktop-container__content {
        top:20px
    }
}

.dialog-desktop-container__content .dialog__close-icon {
    font-size: 15px;
    right: -30px;
    top: 2px
}

.desktop-dialog {
    background-color: var(--color-cobalt-lighter,#f5f5f5);
    border-radius: 5px;
    display: flex;
    flex-direction: column;
    font-size: 14px;
    margin: 0 var(--xh-legacy-element-gap-small) var(--xh-legacy-element-gap-large) var(--xh-legacy-element-gap-small);
    max-height: 100%;
    padding: 0 var(--xh-legacy-element-gap-large)
}

.desktop-dialog--small {
    width: 580px
}

.desktop-dialog--smallest {
    width: 380px
}

.desktop-dialog--medium {
    width: 640px
}

.desktop-dialog--large {
    width: 940px
}

.desktop-dialog__header {
    font-size: var(--xh-legacy-font-size-largest);
    font-weight: 700;
    line-height: 30px
}

.desktop-dialog__header,.desktop-dialog__header-new {
    margin-bottom: var(--xh-legacy-element-gap-large);
    padding-top: var(--xh-legacy-element-gap-large)
}

.desktop-dialog__body {
    line-height: 20px;
    max-height: 100%;
    padding-bottom: var(--xh-legacy-element-gap-large)
}

.desktop-dialog__body.nopadding {
    padding-bottom: 0
}

.desktop-dialog__footer {
    padding-bottom: var(--xh-legacy-element-gap-normal);
    text-align: right
}

.desktop-dialog__footer .link {
    background: none;
    border: 0;
    color: var(--color-cobalt-darker,#303030);
    font-weight: 700;
    padding: 0
}

.desktop-dialog__footer .link:hover {
    background: none;
    border: 0
}

.desktop-dialog__footer button {
    margin-left: 0;
    margin-right: var(--xh-legacy-element-gap-small)
}

.desktop-dialog__footer button:last-child {
    margin-right: 0
}

.desktop-dialog.full-body {
    padding: 0
}

.desktop-dialog.full-body .desktop-dialog__header-new {
    margin-bottom: 0;
    padding: var(--xh-legacy-element-gap-large) var(--xh-legacy-element-gap-large) 0 var(--xh-legacy-element-gap-large)
}

.desktop-dialog.full-body .desktop-dialog__footer {
    padding: 0 var(--xh-legacy-element-gap-large) var(--xh-legacy-element-gap-large) var(--xh-legacy-element-gap-large)
}

.scrollable .desktop-dialog__body {
    margin-bottom: var(--xh-legacy-element-gap-large);
    overflow-x: hidden;
    overflow-y: auto;
    padding-bottom: 0
}

.mobile-dialog {
    background-color: var(--color-cobalt-lighter,#f5f5f5);
    border-radius: var(--xh-border-radius-m);
    color: var(--color-cobalt-darker,#303030);
    margin: 0 var(--xh-spacers-m);
    max-width: calc(100vw - var(--xh-spacers-m)*2);
    min-width: 300px;
    padding: var(--xh-spacers-xl)
}

.mobile-dialog--large {
    max-width: none
}

.mobile-dialog__header-new {
    font-size: var(--xh-h4-font-size);
    font-weight: var(--xh-h4-bold-font-weight);
    line-height: var(--xh-h4-line-height-px);
    padding: 0 var(--xh-spacers-l)
}

.mobile-dialog__header-new--without-paddings {
    padding: 0
}

.mobile-dialog__body {
    line-height: var(--xh-body-line-height-px);
    padding: var(--xh-spacers-l) 0 var(--xh-spacers-l) 0
}

.mobile-dialog__body.nopadding {
    padding: 0
}

.mobile-dialog__body.nopadding:last-child {
    margin-bottom: var(--xh-spacers-2xl);
    max-height: 100%
}

.mobile-dialog__footer {
    text-align: right
}

.mobile-dialog__footer .link {
    background: none;
    border: 0;
    color: var(--color-cobalt,#707070);
    font-weight: 700
}

.mobile-dialog--full-width {
    border-radius: 0;
    margin: 0;
    max-width: 100%;
    min-width: 100%;
    padding: var(--xh-legacy-element-gap-normal) 0
}

.mobile-dialog--full-width .mobile-dialog__body,.mobile-dialog--full-width .mobile-dialog__footer,.mobile-dialog--full-width .mobile-dialog__header-new {
    padding-left: 10px;
    padding-right: 10px
}

.desktop-dialog,.mobile-dialog {
    background-color: var(--color-cobalt-lighter,#f5f5f5);
    font-size: var(--xh-body-font-size);
    overflow-y: auto
}

.desktop-dialog--fixed-footer,.mobile-dialog--fixed-footer {
    overflow-y: hidden
}

.mobile-dialog .dialog-wrapper {
    margin: 0 calc(var(--xh-spacers-xl)*-1)
}

.desktop-dialog .dialog-wrapper {
    margin: 0 calc(var(--xh-legacy-element-gap-large)*-1)
}

.dialog-mobile-container .mobile-dialog__body {
    padding-top: var(--xh-spacers-l)
}

.mobile-dialog--fixed-footer .dialog-mobile-container .mobile-dialog__body {
    overflow-x: hidden;
    overflow-y: auto
}

.dialog-mobile-container .mobile-dialog:not(.mobile-dialog--fixed-footer) .mobile-dialog__body {
    overflow: visible
}

.dialog-mobile-container .mobile-dialog__footer {
    display: flex;
    flex-direction: column-reverse
}

.dialog-mobile-container .mobile-dialog__footer button:first-of-type {
    margin-top: var(--xh-spacers-m)
}

.body-scroll.desktop-dialog,.body-scroll.mobile-dialog {
    padding-left: 0;
    padding-right: 0
}

.body-scroll .desktop-dialog__body {
    overflow-x: hidden;
    overflow-y: auto
}

.body-scroll.mobile-dialog>* {
    padding-left: var(--xh-spacers-xl);
    padding-right: var(--xh-spacers-xl)
}

.body-scroll.desktop-dialog>* {
    padding-left: var(--xh-legacy-element-gap-large);
    padding-right: var(--xh-legacy-element-gap-large)
}

.parental-control-dialog {
    display: flex;
    flex-direction: column
}

@media screen and (max-width: 359px) {
    .parental-control-dialog {
        letter-spacing:-.5px
    }
}

.parental-control-dialog__title {
    margin-bottom: 10px
}

.parental-control-dialog__title span {
    color: var(--color-accent-red,#e34449)
}

.parental-control-dialog__before {
    font-weight: 700;
    line-height: 20px;
    margin-bottom: 5px;
    margin-top: 10px;
    overflow: hidden;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap
}

.parental-control-dialog__body.parental-control-dialog__body {
    max-height: calc(100% - 170px);
    overflow-x: hidden;
    overflow-y: auto;
    padding: 0
}

.parental-control-dialog__body.parental-control-dialog__body p {
    margin-bottom: 20px
}

.parental-control-dialog__body.parental-control-dialog__body p:last-child {
    margin-bottom: 0
}

.parental-control-dialog__line {
    background-color: var(--color-line-separator,#dadada);
    height: 1px;
    margin: 15px 0
}

.parental-control-dialog__link.link {
    float: left;
    font-weight: 400;
    text-align: left
}

.parental-control-dialog .mobile-dialog__footer {
    min-height: unset!important;
    padding: 0
}

.xh-thumb-disabled .channel-thumb-container img,.xh-thumb-disabled .intro-image-container img,.xh-thumb-disabled .main-wrap,.xh-thumb-disabled .pc-img,.xh-thumb-disabled .photo-intro img,.xh-thumb-disabled .picture_container img,.xh-thumb-disabled .pictures_block img,.xh-thumb-disabled .pornstar-live .img,.xh-thumb-disabled .pornstar-thumb-container img,.xh-thumb-disabled .recomm-promo-banner__pic,.xh-thumb-disabled .thumb-list img,.xh-thumb-disabled .video-thumb img,.xh-thumb-disabled img.blog-image,.xh-thumb-disabled img.fotorama__img,.xh-thumb-disabled img.xh-avatar {
    filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='blur10' x='-5%' y='-5%' width='110%' height='110%'><feGaussianBlur in='SourceGraphic' stdDeviation='10'/></filter></svg>#blur10");
    filter: blur(10px)
}

.xh-thumb-disabled .blog-list .thumb-container,.xh-thumb-disabled .cams-overlay,.xh-thumb-disabled .channel-logo .logo-container,.xh-thumb-disabled .clipstore-results,.xh-thumb-disabled .intro-video-container iframe,.xh-thumb-disabled .mixed-list .image-thumb,.xh-thumb-disabled .mixed-list .thumb-container,.xh-thumb-disabled .mobile-video-thumb .thumb-image-container,.xh-thumb-disabled .pc-bg,.xh-thumb-disabled .player-container,.xh-thumb-disabled .pornstar-logo .logo-container,.xh-thumb-disabled .related-list .logo,.xh-thumb-disabled .thumb-list .thumb,.xh-thumb-disabled .verified-items .thumb-container,.xh-thumb-disabled .verified-items iframe,.xh-thumb-disabled .video-intro iframe,.xh-thumb-disabled .video-thumb .thumb-widget-img,.xh-thumb-disabled .yld-pc,.xh-thumb-disabled .yld-pcbanner-container .yld-pccams-wgt,.xh-thumb-disabled .yld-pcpremium-n-overlay,.xh-thumb-disabled img.xp-preload-image {
    filter: blur(10px)
}

.xh-thumb-disabled .avatar-container,.xh-thumb-disabled .channel-logo,.xh-thumb-disabled .intro-image-container,.xh-thumb-disabled .intro-video-container,.xh-thumb-disabled .mixed-list .item,.xh-thumb-disabled .mobile-video-thumb,.xh-thumb-disabled .pc-bg,.xh-thumb-disabled .photo-intro,.xh-thumb-disabled .pictures_block .thumb_container,.xh-thumb-disabled .pornstar-logo,.xh-thumb-disabled .verified-items .item,.xh-thumb-disabled .video-intro {
    overflow: hidden
}

.xh-page-overlay {
    bottom: 0!important;
    left: 0!important;
    position: fixed!important;
    right: 0!important;
    top: 0!important;
    z-index: 100000!important
}

.beta-preloader {
    background-color: var(--color-cobalt-lighter-70,hsla(0,0%,96%,.7));
    bottom: 0;
    display: block;
    height: 100%;
    left: 0;
    min-height: 100px;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 1
}

.beta-preloader .preloader-inner {
    backface-visibility: hidden;
    background-color: var(--color-cobalt-lighter,#f5f5f5);
    border-radius: 50%;
    box-shadow: 0 10px 50px rgba(48,48,48,.4);
    display: block;
    height: 100px;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%);
    transition: left .15s ease,top .15s ease,.15s ease,bottom .15s ease;
    width: 100px;
    z-index: 4
}

.beta-preloader .preloader-inner>svg {
    display: block;
    height: 61px;
    margin: 20px auto;
    width: 64px
}

.beta-preloader .preloader-inner>svg .xhamster-loader {
    fill: none;
    fill-rule: evenodd;
    stroke-linejoin: round;
    stroke-linecap: round
}

.beta-preloader .preloader-inner>svg .xhamster-loader-back {
    stroke-width: 3;
    stroke: var(--color-accent-red,#e34449)
}

.beta-preloader .preloader-inner>svg .xhamster-loader-front {
    stroke-width: 4;
    stroke: var(--color-cobalt-light,#dadada);
    stroke-dasharray: 307%,20%;
    animation: xhamster-loader-animation .8s linear infinite
}

@keyframes xhamster-loader-animation {
    0% {
        stroke-dashoffset: 0
    }

    to {
        stroke-dashoffset: -210
    }
}

.beta-preloader_inline {
    background-color: inherit;
    display: flex;
    justify-content: center;
    margin: 20px 0;
    position: static
}

.beta-preloader_inline .preloader-inner {
    position: static;
    transform: none
}

.beta-preloader_small {
    min-height: 50px
}

.beta-preloader_small,.beta-preloader_small .preloader-inner {
    height: 50px;
    width: 50px
}

.beta-preloader_small .preloader-inner>svg {
    height: 30px;
    margin: 10px auto;
    width: 32px
}

.beta-preloader.inverse {
    background-color: rgba(0,0,0,.7)
}

.beta-preloader.inverse .preloader-inner {
    background-color: var(--color-cobalt-darker,#303030);
    box-shadow: none!important
}

.beta-preloader.inverse .preloader-inner .xhamster-loader-front {
    stroke: var(--color-cobalt-dark,#434343)!important
}

.beta-preloader_overlap {
    margin-top: -80px
}

body>.beta-preloader {
    position: fixed
}

.xh-buttonset .beta-preloader,.xh-modal-body .beta-preloader,.xh-tabs .beta-preloader {
    background-color: var(--color-gray-light-70,hsla(0,0%,92%,.7))
}

.thumb-plug .thumb-plug__image {
    align-items: center;
    background-image: url(../plug_blur.html);
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 5px 5px 0 0;
    display: flex;
    height: 100%;
    justify-content: center
}

.thumb-plug__block-image {
    position: relative
}

.thumb-plug__block-text {
    background-color: var(--color-cobalt-lighter,#f5f5f5);
    border-radius: 0 0 6px 6px;
    line-height: 20px;
    padding: 15px;
    text-align: center
}

.thumb-list__item .thumb-plug__block-text {
    padding: 10px 0
}

.thumb-plug__badge {
    background-color: rgba(48,48,48,.8);
    border-radius: 0 5px 5px 0;
    color: var(--color-cobalt-lighter,#f5f5f5);
    font-size: 11px;
    line-height: 14px;
    padding: 5px 10px;
    position: absolute;
    top: 10px
}

.thumb-plug__badge_separate {
    border-radius: 5px;
    left: 10px
}

.thumb-plug__transparent-gif {
    width: 100%
}

.thumb-plug__transparent-gif+i {
    position: absolute
}

.thumb-plug_channel {
    width: 285px
}

.thumb-plug_channel .thumb-plug__image {
    background-image: url(../plug_blur.html);
    height: 160px
}

.thumb-plug_channel .thumb-plug__image .xh-icon {
    background-color: var(--color-cobalt-light,#dadada);
    bottom: -10px;
    font-size: 19px;
    left: 10px;
    padding: 20px;
    position: absolute
}

.thumb-plug_profile {
    width: 220px
}

.thumb-plug_profile .thumb-plug__image {
    height: 250px
}

.thumb-plug_profile .thumb-plug__image .xh-icon {
    font-size: 32px
}

.thumb-plug_aftershot .thumb-plug__image,.thumb-plug_video .thumb-plug__image {
    background-image: url(../plug_blur.html);
    border-radius: 0
}

.thumb-plug_aftershot .thumb-plug__block-text,.thumb-plug_video .thumb-plug__block-text {
    background-color: transparent
}

.thumb-plug_aftershot .xh-icon,.thumb-plug_video .xh-icon {
    font-size: 30px
}

.thumb-plug_gallery {
    aspect-ratio: 1;
    position: relative
}

.thumb-plug_gallery .thumb-plug__block-image {
    height: 100%
}

.thumb-plug_gallery .thumb-plug__image {
    border-radius: 0
}

.thumb-plug_gallery .thumb-plug__image .xh-icon {
    font-size: 40px
}

.thumb-plug_gallery .video-thumb-info {
    bottom: 0;
    left: 0;
    position: absolute;
    width: 100%
}

.thumb-plug_gallery .video-thumb-info .thumb-plug__block-text {
    background: linear-gradient(180deg,transparent,rgba(0,0,0,.8));
    border-radius: 0
}

.thumb-plug_gallery .video-thumb-info .thumb-plug__text {
    color: var(--xh-color-extra-white)
}

.thumb-plug_aftershot {
    width: 180px
}

.thumb-plug_aftershot.thumb-list__item {
    padding: 0 2px
}

.thumb-plug_aftershot.thumb-list__item .thumb-plug__block-image {
    padding-top: 56.25%;
    position: relative
}

.thumb-plug_aftershot.thumb-list__item .thumb-plug__block-image .thumb-plug__image {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.thumb-plug_aftershot .thumb-plug__image {
    height: 100px
}

.thumb-plug_aftershot .thumb-plug__text {
    color: var(--color-gray,#ccc);
    font-size: 12px;
    font-weight: 700;
    line-height: 18px
}

.thumb-plug_auto {
    width: auto
}

.thumb-plug_auto .thumb-plug__image {
    height: auto
}

.thumb-plug.thumb-list__item .thumb-plug__image {
    height: 100%
}

.thumb-plug.pornstar-thumb-container.thumb-plug .thumb-plug__block-text {
    height: 55px;
    padding: 5px
}

.thumb-plug.pornstar-thumb-container.thumb-plug .thumb-plug__badge {
    background-color: var(--color-cobalt-darker,#303030);
    padding: 3px
}

.mobile-video-thumb .thumb-plug_aftershot,.mobile-video-thumb .thumb-plug_video,.mobile-video-thumb.thumb-plug_aftershot,.mobile-video-thumb.thumb-plug_video {
    width: auto
}

.mobile-video-thumb .thumb-plug_aftershot .thumb-plug__block-image,.mobile-video-thumb .thumb-plug_video .thumb-plug__block-image,.mobile-video-thumb.thumb-plug_aftershot .thumb-plug__block-image,.mobile-video-thumb.thumb-plug_video .thumb-plug__block-image {
    margin: 0 auto var(--xh-spacers-s);
    padding-top: 75%;
    position: relative
}

.mobile-video-thumb .thumb-plug_aftershot .thumb-plug__block-image .thumb-plug__image,.mobile-video-thumb .thumb-plug_video .thumb-plug__block-image .thumb-plug__image,.mobile-video-thumb.thumb-plug_aftershot .thumb-plug__block-image .thumb-plug__image,.mobile-video-thumb.thumb-plug_video .thumb-plug__block-image .thumb-plug__image {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.mobile-video-thumb .thumb-plug_aftershot .thumb-plug__block-text,.mobile-video-thumb .thumb-plug_video .thumb-plug__block-text,.mobile-video-thumb.thumb-plug_aftershot .thumb-plug__block-text,.mobile-video-thumb.thumb-plug_video .thumb-plug__block-text {
    padding: 0
}

.mobile-video-thumb .thumb-plug_aftershot .thumb-plug__block-text .thumb-plug__text,.mobile-video-thumb .thumb-plug_video .thumb-plug__block-text .thumb-plug__text,.mobile-video-thumb.thumb-plug_aftershot .thumb-plug__block-text .thumb-plug__text,.mobile-video-thumb.thumb-plug_video .thumb-plug__block-text .thumb-plug__text {
    font-weight: 700;
    line-height: 14px
}

.sub-button {
    border-radius: 5px;
    cursor: pointer;
    display: inline-block;
    height: 30px;
    line-height: 28px;
    min-width: 30px;
    padding: 0 10px;
    text-align: center;
    white-space: nowrap
}

.sub-button__counter,.sub-button__icon,.sub-button__text {
    vertical-align: top
}

.sub-button__icon {
    font-size: 14px;
    line-height: 28px
}

.sub-button__icon.friend,.sub-button__icon.tick2 {
    font-size: 20px
}

.sub-button__text {
    font-weight: 700;
    margin-right: 10px
}

.sub-button :last-child {
    margin-right: 0!important
}

.sub-button__counter {
    font-weight: 400
}

.sub-button.red .sub-button__counter {
    color: var(--color-white-origin-70,hsla(0,0%,100%,.7))
}

.sub-button.gray .sub-button__counter {
    color: var(--color-cobalt-darker-70,rgba(48,48,48,.7))
}

.categories-container__item--sub {
    margin-right: -5px
}

.categories-container .sub-button {
    border-bottom-left-radius: 0;
    border-left: 1px solid rgba(0,0,0,.1);
    border-top-left-radius: 0;
    height: 24px;
    line-height: 22px;
    padding: 0 5px;
    vertical-align: top
}

.categories-container .sub-button__icon {
    display: inline;
    line-height: 22px
}

.categories-container .sub-button__text {
    display: none
}

.categories-container .sub-button.gray {
    border-left: 1px var(--color-gray,#ccc) solid
}

.parental-bg {
    background-color: rgba(0,0,0,.7);
    height: 100%;
    left: 0;
    pointer-events: auto;
    position: fixed;
    top: 0;
    width: 100%
}

.parental-control {
    align-items: center;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    margin-bottom: 20px;
    pointer-events: auto;
    position: relative;
    width: 90%
}

.parental-control .column-left {
    display: flex;
    justify-content: flex-start;
    width: 100%
}

.parental-control .column-left .eighteen {
    align-items: center;
    background: #d1363b;
    border-radius: 50%;
    color: #fff;
    display: flex;
    font-size: var(--xh-h2-bold-font-size);
    font-weight: var(--xh-h2-bold-font-weight);
    height: 124px;
    justify-content: center;
    min-width: 124px;
    width: 124px
}

.parental-control .column-left .parental-message {
    color: #fff;
    display: flex;
    flex-direction: column;
    justify-content: center;
    line-height: 20px;
    margin-left: 20px;
    width: 100%
}

.parental-control .column-left .parental-message__text {
    margin-right: var(--xh-spacers-l)
}

.parental-control .column-left .parental-message .parental-message__title {
    font-size: var(--xh-h2-bold-font-size);
    font-weight: var(--xh-h2-bold-font-weight);
    line-height: var(--xh-h2-bold-line-height-px)
}

.parental-control .column-left .parental-message .parental-message__body {
    align-items: center;
    display: flex;
    justify-content: space-between;
    width: 100%
}

.parental-control .column-left .parental-message .parental-message__body a {
    border-bottom: 1px solid;
    color: #fff
}

.parental-control .column-left .parental-message .parental-message__body a:hover {
    color: #e34449
}

.parental-control .column-right {
    display: flex;
    justify-content: flex-end
}

.nft__badge {
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: contain;
    display: inline-block;
    height: 40px;
    width: 42px
}

.nft__badge--l1 {
    background-image: url(../nft1-b.html)
}

.nft__badge--l2 {
    background-image: url(../nft2-b.html)
}

.nft__badge--l3 {
    background-image: url(../nft3-b.html)
}

.producer-limits-dialog {
    overflow-y: visible;
    width: 300px
}

.producer-limits-dialog .desktop-dialog__header {
    font-size: var(--xh-legacy-font-size-larger);
    line-height: var(--xh-legacy-line-height-large)
}

.producer-limits-dialog .single-select {
    margin-bottom: 10px;
    max-width: 260px
}