a.mask-button {
    text-decoration: none;
    -webkit-tap-highlight-color: transparent
}

.mask-button {
    --inset: 4px;
    --outline-width: 2px;
    --mask-gradient: linear-gradient(#5d0ef5 0 0) content-box, linear-gradient(#a076f6 0 0);
    --size-square: 0;
    --coord-x: 60%;
    --coord-y: 50%;
    --diameter-highlight: 300px;
    --color-hover-gradient-primary-light: radial-gradient( circle at var(--coord-x) var(--coord-y), #5d0ef5 40.62%, #7e3eff 100% );
    --color-hover-gradient-secondary-light: radial-gradient( circle at var(--coord-x) var(--coord-y), #fff 40%, #f5f4f6 100% );
    --color-hover-gradient-secondary-content-light: radial-gradient( circle at var(--coord-x) var(--coord-y), rgba(255, 255, 255, 0.64) 40%, rgba(255, 255, 255, 0.48) 100% );
    --color-hover-gradient-primary-dark: radial-gradient( circle var(--diameter-highlight) at var(--coord-x) var(--coord-y), #5d0ef5, #321069 40.62%, #321069 100% );
    border-radius: 12px;
    border: none;
    cursor: pointer;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    font-size: 15px;
    line-height: 20px;
    color: rgba(255,255,255,.96);
    position: relative;
    white-space: nowrap;
    height: -webkit-min-content;
    height: -moz-min-content;
    height: min-content;
    -webkit-tap-highlight-color: transparent
}

@media(min-width: 600px) {
    .mask-button {
        font-size:17px;
        line-height: 22px
    }
}

@media(min-width: 1720px) {
    .mask-button {
        font-size:20px;
        line-height: 26px
    }
}

.mask-button .ikqkV7Pi {
    border-radius: calc(12px + var(--inset));
    -webkit-mask: var(--mask-gradient);
    mask: var(--mask-gradient);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    display: none
}

@media(hover: hover)and (pointer:fine) {
    .mask-button .ikqkV7Pi {
        display:block
    }
}

.mask-button.__8QW131ms .ikqkV7Pi,.mask-button:hover .ikqkV7Pi {
    -webkit-transition: opacity.5s;
    transition: opacity.5s;
    opacity: 1;
    overflow: hidden
}

.mask-button.__8QW131ms .ikqkV7Pi:before,.mask-button:hover .ikqkV7Pi:before {
    -webkit-animation: HlHdws8X 1.2s ease-out forwards;
    animation: HlHdws8X 1.2s ease-out forwards
}

.mask-button.Lz_4FoKc .ikqkV7Pi,.mask-button:focus-visible .ikqkV7Pi {
    opacity: 1
}

.mask-button.yiZJUC5N .ikqkV7Pi,.mask-button:disabled .ikqkV7Pi {
    opacity: 0
}

.mask-button.cN37IB_J ._9vY2xAN:after {
    background: -webkit-gradient(linear,left top,right top,from(rgba(255,255,255,0)),color-stop(88.21%,rgba(255,255,255,.24)),to(rgba(255,255,255,.3)));
    background: linear-gradient(90deg,rgba(255,255,255,0)0%,rgba(255,255,255,.24)88.21%,rgba(255,255,255,.3)100%)
}

.mask-button .__2LiBcWjZ {
    display: inline-block
}

.mask-button.ryOs86x4,.mask-button.DLG1837R {
    width: 100%;
    -ms-flex-pack: center;
    justify-content: center
}

@media(min-width: 600px) {
    .mask-button.DLG1837R {
        width:-webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content
    }
}

.mask-button.r3b8E36d {
    width: 100%;
    -ms-flex-pack: center;
    justify-content: center
}

@media(min-width: 960px) {
    .mask-button.r3b8E36d {
        width:-webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content
    }
}

.mask-button.y23ZRXWw {
    height: 100%
}

.mask-button.y23ZRXWw .__9zgibqNq {
    width: 100%;
    height: 100%
}

.ikqkV7Pi {
    opacity: 0;
    position: absolute;
    inset: calc(var(--inset)*-1);
    z-index: 0;
    padding: var(--outline-width);
    overflow: hidden
}

.ikqkV7Pi:before {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    width: calc(var(--size-square) + var(--inset) + 2px);
    padding-top: calc(var(--size-square) + var(--inset) + 2px);
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: translate(-50%,-50%)rotate(315deg);
    transform: translate(-50%,-50%)rotate(315deg)
}

.wN62DCIW.__8QW131ms .ikqkV7Pi:before,
.wN62DCIW:hover .ikqkV7Pi:before {
    background: linear-gradient(45deg, #870000 0%, #db2424 52.08%, #ffcccc 100%);
}

.wN62DCIW.mask-button-bg {
    background: linear-gradient(26.57deg, #870000 0%, rgba(219, 36, 36, 0.83));
}

.wN62DCIW.mask-button-bg.mask-button-hover:hover {
    background: radial-gradient(circle at var(--coord-x) var(--coord-y), #db2424 40.62%, #870000 100%);
}

.wN62DCIW.mask-button-bg:active,
.wN62DCIW.mask-button-bg.__4e4KvnEN {
    background: linear-gradient(26.57deg, #870000 0%, rgba(219, 36, 36, 0.83));
    -webkit-transition: 0.3s;
    transition: 0.3s;
    opacity: 0.8;
}

.wN62DCIW.mask-button-bg:disabled,
.wN62DCIW.mask-button-bg.yiZJUC5N {
    background: linear-gradient(26.57deg, #870000 0%, rgba(219, 36, 36, 0.83));
    opacity: 0.5;
    cursor: auto;
}


/*
.wN62DCIW.__8QW131ms .ikqkV7Pi:before,.wN62DCIW:hover .ikqkV7Pi:before {
    background: linear-gradient(45deg,#3c1a70 0%,#5d0ef5 52.08%,#fff 100%)
}

.wN62DCIW.mask-button-bg {
    background: linear-gradient(26.57deg,#3c1a70 0%,rgba(93,14,245,.83))
}

.wN62DCIW.mask-button-bg.mask-button-hover:hover {
    background: var(--color-hover-gradient-primary-dark)
}

.wN62DCIW.mask-button-bg:active,.wN62DCIW.mask-button-bg.__4e4KvnEN {
    background: linear-gradient(26.57deg,#3c1a70 0%,rgba(93,14,245,.83));
    -webkit-transition: .3s;
    transition: .3s;
    opacity: .8
}

.wN62DCIW.mask-button-bg:disabled,.wN62DCIW.mask-button-bg.yiZJUC5N {
    background: linear-gradient(26.57deg,#3c1a70 0%,rgba(93,14,245,.83));
    opacity: .5;
    cursor: auto
}
*/


.wN62DCIW.NjvwCQr_.LzGkQxpM {
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse
}


@-webkit-keyframes cN37IB_J {
    0% {
        -webkit-transform: translatex(-100%);
        transform: translatex(-100%)
    }

    to {
        -webkit-transform: translatex(0%);
        transform: translatex(0%)
    }
}

@keyframes cN37IB_J {
    0% {
        -webkit-transform: translatex(-100%);
        transform: translatex(-100%)
    }

    to {
        -webkit-transform: translatex(0%);
        transform: translatex(0%)
    }
}

@-webkit-keyframes HlHdws8X {
    0% {
        -webkit-transform: translate(-50%,-50%)rotate(0);
        transform: translate(-50%,-50%)rotate(0)
    }

    to {
        -webkit-transform: translate(-50%,-50%)rotate(360deg);
        transform: translate(-50%,-50%)rotate(360deg)
    }
}

@keyframes HlHdws8X {
    0% {
        -webkit-transform: translate(-50%,-50%)rotate(0);
        transform: translate(-50%,-50%)rotate(0)
    }

    to {
        -webkit-transform: translate(-50%,-50%)rotate(360deg);
        transform: translate(-50%,-50%)rotate(360deg)
    }
}


#nprogress{pointer-events:none}#nprogress .bar{background:#29d;position:fixed;z-index:1031;top:0;left:0;width:100%;height:2px}#nprogress .peg{display:block;position:absolute;right:0;width:100px;height:100%;box-shadow:0 0 10px #29d,0 0 5px #29d;opacity:1;-webkit-transform:rotate(3deg) translate(0,-4px);-ms-transform:rotate(3deg) translate(0,-4px);transform:rotate(3deg) translate(0,-4px)}#nprogress .spinner{display:block;position:fixed;z-index:1031;top:15px;right:15px}#nprogress .spinner-icon{width:18px;height:18px;box-sizing:border-box;border:2px solid transparent;border-top-color:#29d;border-left-color:#29d;border-radius:50%;-webkit-animation:nprogress-spinner 400ms linear infinite;animation:nprogress-spinner 400ms linear infinite}.nprogress-custom-parent{overflow:hidden;position:relative}.nprogress-custom-parent #nprogress .bar,.nprogress-custom-parent #nprogress .spinner{position:absolute}@-webkit-keyframes nprogress-spinner{0%{-webkit-transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg)}}@keyframes nprogress-spinner{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}
#nprogress .bar {
  background: #db2424;
}
#nprogress .spinner-icon {
  border-top-color: #db2424;
  border-left-color: #db2424;
}





@media screen and (min-width: 600px) {
    .blankGallery__list {
        margin-bottom: -24px;
        margin-right: 1px;
    }
}
.blankGallery__list {
    display: flex;
}
.blankGallery__loadingItem, .blankGallery__loadingItem:after {
    height: 40px;
    width: 40px;
}
.blankGallery__loadingItem:after {
    animation: blankGallery__loaderSpinner__animation 1s linear infinite;
    background-image: url(../images/spinner.svg);
    background-size: cover;
    content: "";
    display: block;
}
.blankGallery__loadingItem, .blankGallery__loadingItem:after {
    height: 40px;
    width: 40px;
}
.blankGallery__loadingText {
    color: #a5a1b2;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    margin-top: 16px;
}



@media screen and (min-width: 1272px) {
    .blankGallery__connectionErrorContainer, .blankGallery__loadingContainer {
        padding-left: 0;
        padding-right: 0;
    }
}
.blankGallery__connectionErrorContainer, .blankGallery__loadingContainer {
    align-items: center;
    display: flex;
    flex-direction: column;
    left: 0;
    position: absolute;
    right: 0;
    text-align: center;
    top: 50%;
    transform: translateY(-50%);
}
.blankGallery__loadingContainer {
    margin-top: -22px;
}
@keyframes blankGallery__loaderSpinner__animation {
    to {
        transform: rotate(1turn)
    }
}

.skeleton-bg{
    background-color: #1f1b2e;
}
.skeleton {
    border-radius: 16px;
}
.skeleton-bot {
        border-radius: 4px 4px 4px 4px;
}


.tv-loader-wp {
  overflow: hidden;
  display: flex;
  display: -webkit-flex;
  display: -o-flex;
  display: -ms-flex;
  display: -moz-flex;
  align-items: center;
  -webkit-align-items: center;
  -o-align-items: center;
  -ms-align-items: center;
  -moz-align-items: center;
  flex-direction: column;
  -webkit-flex-direction: column;
  -o-flex-direction: column;
  -ms-flex-direction: column;
  -moz-flex-direction: column
}

.tv-loader-wp-cnt {
  justify-content: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  -o-justify-content: center;
  height: 100%
}

.tv-loader-wp-cnt h3 {
  color: #fff;
  padding: 5px 0;
  font-size: .9em;
  font-weight: 500
}

.tv-loader-free {
  display: none
}

.tv-loader {
  border: 3px solid rgba(255, 255, 255, .30);
  border-radius: 50%;
  border-top: 3px solid #fff;
  width: 20px;
  height: 20px;
  -webkit-animation: spin .5s linear infinite;
  animation: spin .5s linear infinite
}

.tv-loader-big {
  border: 5px solid rgba(255, 255, 255, .30);
  border-radius: 50%;
  border-top: 5px solid #fff;
  width: 40px;
  height: 40px;
  -webkit-animation: spin .5s linear infinite;
  animation: spin .5s linear infinite
}

.tv-loader-ico {
  border: 2px solid rgba(255, 255, 255, .30);
  border-radius: 50%;
  border-top: 2px solid #fff;
  width: 16px;
  height: 16px;
  -webkit-animation: spin .5s linear infinite;
  animation: spin .5s linear infinite
}

@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg)
  }
  100% {
    -webkit-transform: rotate(360deg)
  }
}

@keyframes spin {
  0% {
    transform: rotate(0deg)
  }
  100% {
    transform: rotate(360deg)
  }
}

.estpost-avatar_size_kira {
    border-radius: 12px;
    overflow: hidden;
    width: 48px;
}
.estpost-avatar .estpost-avatar__bgPicture {

    height: 48px;

}


.xm-tooltip-text {
    padding: 0 12px;
    border-radius: 200px;
    background-color: #1f1b2e;
    color: #fff;
    font-size: .75rem;
    font-weight: 700;
    line-height: 24px;
}



.movie-profile-trailer {
  top: 50%;
  left: 50%;
  z-index: 6;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.movie-profile-trailer button {
  width: 80px;
  height: 80px;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  -o-border-radius: 100%;
  border-radius: 100%;
  background: #fff;
}
.movie-profile-trailer button svg {
  margin: 0 0 0 5px;
  width: 42px;
  height: 42px;
  color: #6c7388;
}
.movie-profile-trailer button::before {
  content: "";
  top: 50%;
  left: 50%;
  width: 100px;
  height: 100px;
  z-index: -1;
  position: absolute;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  -o-border-radius: 100%;
  border-radius: 100%;
  backdrop-filter: blur(4px);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  background: rgba(255, 255, 255, 0.2);
  -webkit-animation: scam 1.5s alternate infinite;
  -moz-animation: scam 1.5s alternate infinite;
  -ms-animation: scam 1.5s alternate infinite;
  -o-animation: scam 1.5s alternate infinite;
  animation: scam 1.5s alternate infinite;
}

.frontBgItem {
  width: 100%;
  height: 100%;
  display: block;
}

.watch-player {
  margin: 40px 0 0;
  height: 600px;
  overflow: hidden;
  z-index: 10;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  -o-border-radius: 8px;
   border-radius: 8px;
  background: rgb(28 33 47 / 25%);
  backdrop-filter: blur(25px);
  border: 1px solid rgb(40 47 66 / 35%);
}
#adContentWrapper video {
    width: 100%;
    height: 100%;
}

.movie-box-play img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

@keyframes scam {
  from {
    width: 100px;
    height: 100px;
  }
  to {
    width: 115px;
    height: 115px;
  }
}

.wc-banner-container {
    margin:20px 0px
}

.contentCard__backgroundContainer {
    left: 0;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%
}

.contentCard__backgroundContainer_visible {
    opacity: .32;
    transition: all 1s
}

@media screen and (min-width: 1160px) {
    .contentCard__backgroundContainer {
        height:0;
        padding-bottom: 62.5%;
        width: 100%
    }
}

@media screen and (min-width: 880px) and (max-width:1159px) {
    .contentCard__backgroundContainer {
        height:0;
        padding-bottom: 75%
    }
}

@media screen and (min-width: 600px) and (max-width:879px) {
    .contentCard__backgroundContainer {
        height:0;
        padding-bottom: 100%
    }
}

@media screen and (min-width: 512px) and (max-width:599px) {
    .contentCard__backgroundContainer {
        height:0;
        padding-bottom: 120%
    }
}

@media screen and (min-width: 392px) and (max-width:511px) {
    .contentCard__backgroundContainer {
        height:0;
        padding-bottom: 100%
    }
}

@media screen and (max-width: 391px) {
    .contentCard__backgroundContainer {
        height:0;
        padding-bottom: 133.33333333%
    }
}


/*Avatar*/

@keyframes fullscreen-popup__skew-animation {
  11.1% {
    transform: none;
  }
  22.2% {
    transform: skewX(-12.5deg) skewY(-12.5deg);
  }
  33.3% {
    transform: skewX(6.25deg) skewY(6.25deg);
  }
  44.4% {
    transform: skewX(-3.125deg) skewY(-3.125deg);
  }
  55.5% {
    transform: skewX(1.5625deg) skewY(1.5625deg);
  }
  66.6% {
    transform: skewX(-0.78125deg) skewY(-0.78125deg);
  }
  77.7% {
    transform: skewX(0.390625deg) skewY(0.390625deg);
  }
  88.8% {
    transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
  }
}
body.has-auth-modal,
body.has-fullscreen-popup {
  min-height: 100%;
  overflow: hidden;
}
body.has-auth-modal.touch.trailersPage,
body.has-fullscreen-popup.touch.trailersPage {
  position: relative;
}
.fullscreen-popup {
  -webkit-overflow-scrolling: touch;
  height: 100%;
  justify-content: center;
  left: 0;
  min-height: 100%;
  overflow: hidden;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 1001;
}
.fullscreen-popup * {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  box-sizing: border-box;
  
}
.fullscreen-popup_active {
  display: flex;
}
@media screen and (max-width: 599px) {
  .fullscreen-popup_show_header {
    top: 64px;
  }
}
@media screen and (min-width: 600px) {
  .fullscreen-popup_show_header {
    top: 72px;
  }
}
.fullscreen-popup:not(.fullscreen-popup_transparent) {
  opacity: 1;
}
.fullscreen-popup_transparent {
  opacity: 0;
  pointer-events: none;
}
.fullscreen-popup_chatPopup {
  z-index: 1002;
}
.fullscreen-popup_pinPopup {
  z-index: 9999;
}
.fullscreen-popup_bottomSheetModal,
.fullscreen-popup_captcha-view,
.fullscreen-popup_checksModal,
.fullscreen-popup_socialShareModal {
  z-index: 1003;
}
.fullscreen-popup__scroll-wrapper {
  -webkit-overflow-scrolling: touch;
  height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  position: relative;
  width: 100%;
}
.fullscreen-popup__scroll-wrapper_chat {
  overflow: hidden;
}
.fullscreen-popup__wrapper {
  height: 100%;
  margin-left: auto;
  margin-right: auto;
  max-width: 1279px;
}
.fullscreen-popup__wrapper_full {
  max-width: 100%;
  width: 100%;
}
.fullscreen-popup__logo {
  left: 32px;
  position: absolute;
  top: 14px;
}
.fullscreen-popup__close-view-button {
  backface-visibility: hidden;
  box-sizing: content-box;
  display: block;
  font-size: 0;
  height: 20px;
  margin: -16px;
  opacity: 0;
  padding: 16px;
  pointer-events: none;
  transition-delay: 0s;
  transition-duration: 0.1s;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.62, 0, 0.36, 0.96);
  width: 20px;
}
.fullscreen-popup__close-view-button .nbl-iconSvg {
  height: 20px;
  position: absolute;
  width: 20px;
}
.fullscreen-popup__close-view-button:hover .nbl-iconSvg {
  animation-duration: 0.5s;
  animation-name: fullscreen-popup__skew-animation;
  height: 20px;
  transform-origin: center;
  width: 20px;
}
@media screen and (min-width: 600px) {
  .fullscreen-popup__close-view-button {
    position: absolute;
    right: 32px;
    top: 32px;
    width: 20px;
    z-index: 1003;
  }
}
@media screen and (max-width: 599px) {
  .fullscreen-popup__close-view-button {
    height: 16px;
    position: absolute;
    right: 20px;
    top: 20px;
    width: 16px;
    z-index: 1003;
  }
  .fullscreen-popup__close-view-button .nbl-iconSvg {
    height: 16px;
    width: 16px;
  }
}
.fullscreen-popup__close-view-button.hide {
  visibility: hidden;
}
@media screen and (min-width: 600px) {
  .fullscreen-popup__close-view-button.close-rules {
    top: 48px;
  }
}
.fullscreen-popup_has-close-view-button .fullscreen-popup__close-view-button {
  backface-visibility: hidden;
  opacity: 1;
  pointer-events: auto;
  transition-delay: 0s;
  transition-duration: 0.5s;
  transition-property: opacity;
  transition-timing-function: cubic-bezier(0.62, 0, 0.36, 0.96);
}
.fullscreen-popup__overlay {
  background-color: rgba(7, 5, 14, 0.96);
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}
.fullscreen-popup__title {
  color: #fff;
  font-size: 40px;
  font-style: normal;
  font-weight: 700;
  line-height: 44px;
  text-align: center;
}
@media screen and (max-width: 599px) {
  .fullscreen-popup__title {
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 28px;
  }
}
.fullscreen-popup__title-mark {
  color: #d9d7e0;
  display: block;
}
@media screen and (min-width: 600px) {
  .fullscreen-popup__title-mark {
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    margin-top: 16px;
    padding-left: 32px;
    padding-right: 32px;
  }
}
@media screen and (max-width: 599px) {
  .fullscreen-popup__title-mark {
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px;
    margin-top: 8px;
    padding-left: 12px;
    padding-right: 12px;
  }
}
.fullscreen-popup__title-mark_error {
  color: #ff542e;
  display: none;
}
@media screen and (min-width: 600px) {
  .fullscreen-popup__title-mark_error {
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    margin-top: 16px;
    padding-left: 32px;
    padding-right: 32px;
  }
}
@media screen and (max-width: 599px) {
  .fullscreen-popup__title-mark_error {
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px;
    margin-top: 8px;
    padding-left: 12px;
    padding-right: 12px;
  }
}
.fullscreen-popup__title_short {
  max-width: 730px;
}
.fullscreen-popup__title_error-active .fullscreen-popup__title-mark_error {
  display: block;
}
.fullscreen-popup__title_error-active .fullscreen-popup__title-mark {
  display: none;
}
.fullscreen-popup_under-ivi-top {
  z-index: 999;
}
.fullscreen-popup__filter-manual {
  padding-bottom: 48px;
  position: relative;
  top: 10%;
}
.fullscreen-popup .simpleControlButton {
  left: 16px;
  position: absolute;
  top: 16px;
}
.fullscreen-popup__wrapper > .nbl-simpleControlButton {
  left: 0;
  position: absolute;
  top: 0;
  z-index: 1;
}
.fullscreen-popup__wrapper
  > .nbl-simpleControlButton
  .nbl-simpleControlButton__nbl-iconSvg {
  -o-object-position: left;
  object-position: left;
}
.fullscreen-popup__previous-view-button {
  cursor: pointer;
}
@media screen and (min-width: 600px) {
  .fullscreen-popup__previous-view-button {
    margin-top: 32px;
  }
}
.fullscreen-popup.scroll-disabled .fullscreen-popup__scroll-wrapper {
  overflow: hidden;
}
.fullscreen-popup.fixed-close_btn .fullscreen-popup__close-view-button {
  position: fixed;
}
@media screen and (min-width: 1272px) {
  .fullscreen-popup.profileSettings .fullscreen-popup__wrapper {
    position: relative;
  }
  .fullscreen-popup.profileSettings .fullscreen-popup__close-view-button {
    top: 64px;
  }
}
.fullscreen-popup .profileSettings {
  overflow: visible;
}
@media screen and (min-width: 1272px) {
  .fullscreen-popup .profileSettings {
    border-radius: 16px;
    bottom: 32px;
    box-shadow: 0 16px 64px rgba(0, 0, 0, 0.4);
    height: calc(100% - 64px);
    left: 0;
    position: absolute;
    right: 0;
    top: 32px;
  }
}
@media screen and (min-width: 600px) {
  body.touchbody.has-search-popup .fullscreen-popup__close-view-button {
    top: 20px;
  }
}
body.has-auth-modal.touch .fullscreen-popup .modal-view_end,
body.has-auth-modal.touch .fullscreen-popup .modal-view_finish,
body.has-fullscreen-popup.touch
  .fullscreen-popup
  .movie-rating.modal-view_finish {
  overflow: visible;
}
body.has-fullscreen-popup.touch .fullscreen-popup .movie-rating {
  max-height: 100%;
}
body.has-fullscreen-popup:not(.touch) {
  margin-right: var(--scrollbar-body-size);
}
.transitionInformer {
  bottom: 20px;
  left: 20px;
  position: fixed;
  right: 20px;
}
.transitionInformer .fade-enter {
  opacity: 0;
  transform: scale(0.9);
}
.transitionInformer .fade-enter-active {
  opacity: 1;
  transform: translateX(0);
  transition: opacity 0.3s, transform 0.3s;
}
.transitionInformer .fade-exit {
  opacity: 1;
}
.transitionInformer .fade-exit-active {
  opacity: 0;
  transform: scale(0.9);
  transition: opacity 0.3s, transform 0.3s;
}

.profileSettings {
  height: 100%;
  overflow: hidden;
}
.profileSettings:non-css-asset {
  background-image: url(7c97a2e0d6f0eb80d8ff.svg);
}
.profileSettings:non-css-asset {
  background-image: url(4bd3d20de8fc5eb49336.svg);
}
.profileSettings:non-css-asset {
  background-image: url(9db8dcb5e871f399ca2e.svg);
}
@media screen and (max-width: 879px) and (orientation: landscape) {
  .profileSettings {
    overflow-y: auto;
  }
}
.profileSettings__gridContainer {
  box-sizing: border-box;
  height: 100%;
}
@media screen and (min-width: 1280px) {
  .profileSettings__gridContainer {
    margin-left: auto;
    margin-right: auto;
    width: 1216px;
  }
  .profileSettings__gridContainer-inner {
    margin-left: -12px;
    margin-right: -12px;
  }
  .profileSettings__gridContainer {
    margin-left: auto;
    margin-right: auto;
    width: 1216px;
  }
  .profileSettings__gridContainer-inner {
    margin-left: -12px;
    margin-right: -12px;
  }
}
@media screen and (min-width: 600px) and (max-width: 1279px) {
  .profileSettings__gridContainer {
    margin-left: 20px;
    margin-right: 20px;
    width: auto;
  }
}
@media screen and (max-width: 599px) {
  .profileSettings__gridContainer {
    margin-left: 16px;
    margin-right: 16px;
    width: auto;
  }
}
@media screen and (max-width: 879px) and (orientation: landscape) {
  .profileSettings__gridContainer {
    display: flex;
    flex-direction: column;
    height: auto;
    justify-content: center;
    min-height: 100%;
  }
}
.profileSettings__gridContainer-inner {
  display: flex;
  height: 100%;
}
@media screen and (min-width: 880px) {
  .profileSettings__gridContainer-inner {
    margin-left: -20px;
    margin-right: -20px;
  }
}
.profileSettings__transitionInformer {
  margin-left: auto;
  max-width: 344px;
  pointer-events: auto;
}
.profileSettings__asideBanner {
  position: relative;
  margin-bottom: auto;
  margin-top: auto;
}

.profileSettings__asideBanner:after {
    content:'';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40%;
    z-index: 0;
    background: rgb(15,14,41);
    background: linear-gradient(0deg, rgba(15,14,41,1) 0%, rgba(15,14,41,0.9500175070028011) 70%, rgba(15,14,41,0.8071603641456583) 80%, rgba(15,14,41,0.7203256302521008) 90%, rgba(15,14,41,0) 100%);

}
@media screen and (min-width: 1160px) {
  .profileSettings__asideBanner {
    box-sizing: border-box;
    padding-left: 12px;
    padding-right: 12px;
    width: 50%;
  }
}
@media screen and (min-width: 880px) and (max-width: 1159px) {
  .profileSettings__asideBanner {
    box-sizing: border-box;
    padding-left: 12px;
    padding-right: 12px;
    width: 50%;
  }
}
@media screen and (min-width: 272px) and (max-width: 599px) {
  .profileSettings__asideBanner {
    box-sizing: border-box;
    padding-left: 8px;
    padding-right: 8px;
  }
}
@media screen and (max-width: 879px) {
  .profileSettings__asideBanner {
    display: none;
  }
}
@media screen and (min-width: 880px) {
  .profileSettings__asideBanner {
    padding-left: 0;
    padding-right: 12px;
  }
}
.profileSettings .mainContent {
  box-sizing: border-box;
}
@media screen and (min-width: 1160px) {
  .profileSettings .mainContent {
    width: 50%;
  }
}
@media screen and (min-width: 880px) and (max-width: 1159px) {
  .profileSettings .mainContent {
    width: 50%;
  }
}
@media screen and (min-width: 600px) and (max-width: 879px) {
  .profileSettings .mainContent {
    width: 100%;
  }
}
@media screen and (min-width: 512px) and (max-width: 599px) {
  .profileSettings .mainContent {
    width: 100%;
  }
}
@media screen and (min-width: 392px) and (max-width: 511px) {
  .profileSettings .mainContent {
    width: 100%;
  }
}
@media screen and (max-width: 391px) {
  .profileSettings .mainContent {
    width: 100%;
  }
}
@media screen and (min-width: 600px) {
  .profileSettings .mainContent {
    padding-left: 12px;
    padding-right: 12px;
  }
}
@media screen and (min-width: 272px) and (max-width: 599px) {
  .profileSettings .mainContent {
    padding-left: 8px;
    padding-right: 8px;
  }
}
@media screen and (min-width: 880px) {
  .profileSettings .mainContent {
    background-image: linear-gradient(
      90deg,
      rgba(16, 14, 25, 0.8) 50%,
      rgba(7, 5, 14, 0.8)
    );
    margin-left: -12px;
    padding-left: 0;
    padding-right: 0;
  }
}
.profileSettings .mainContent__wrapper {
  height: 100%;
}
@media screen and (min-width: 880px) {
  .profileSettings .mainContent__wrapper {
    padding-left: 48px;
    padding-right: 32px;
  }
}
@media screen and (min-width: 600px) {
  .profileSettings .mainContent__wrapper {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-bottom: 32px;
    padding-top: 32px;
  }
}
@media screen and (min-width: 272px) and (max-width: 599px) {
  .profileSettings .mainContent__wrapper {
    display: grid;
    padding-bottom: 24px;
    padding-top: 24px;
  }
}
.profileSettings .mainContent:not(.idle) .mainContent__wrapper {
  opacity: 0;
  transition-duration: 0.4s;
  transition-property: transform, opacity;
}
.profileSettings .mainContent.skip .mainContent__wrapper {
  animation: fadeStepAnimation 0.4s forwards;
}
.profileSettings .mainContent:not(.idle).show .mainContent__wrapper {
  animation: showStepAnimation 0.4s forwards;
}
.profileSettings .mainContent__title {
  color: #fff;
}
@media screen and (min-width: 600px) {
  .profileSettings .mainContent__title {
    font-size: 32px;
    font-style: normal;
    font-weight: 900;
    line-height: 36px;
  }
}
@media screen and (min-width: 272px) and (max-width: 599px) {
  .profileSettings .mainContent__title {
    font-size: 24px;
    font-style: normal;
    font-weight: 900;
    line-height: 28px;
  }
}
.profileSettings .mainContent__nbl-button {
  flex-shrink: 0;
}
@media screen and (min-width: 600px) {
  .profileSettings .mainContent__nbl-button {
    align-self: flex-start;
  }
}
@media screen and (min-width: 272px) and (max-width: 599px) {
  .profileSettings .mainContent__nbl-button {
    align-self: end;
    width: 100%;
  }
  .profileSettings .mainContent_selectName .mainContent__header {
    align-self: end;
  }
}
.profileSettings .mainContent_selectName .mainContent__form {
  display: flex;
  flex-direction: column;
}
@media screen and (min-width: 600px) {
  .profileSettings .mainContent_selectName .mainContent__form {
    margin-top: 32px;
  }
}
@media screen and (min-width: 272px) and (max-width: 599px) {
  .profileSettings .mainContent_selectName .mainContent__form {
    margin-top: 24px;
  }
}
.profileSettings .mainContent_selectName .mainContent__nbl-input {
  width: 100%;
}
@media screen and (min-width: 600px) and (max-width: 1159px) {
  .profileSettings .mainContent_selectName .mainContent__nbl-input {
    max-width: 396px;
  }
}
@media screen and (min-width: 1160px) {
  .profileSettings .mainContent_selectName .mainContent__nbl-input {
    max-width: 414px;
  }
}
.profileSettings .mainContent_selectName .mainContent__nbl-checkbox {
  margin-top: 16px;
}
@media screen and (min-width: 600px) {
  .profileSettings .mainContent_selectName .mainContent__nbl-button {
    margin-top: 16px;
  }
}
@media screen and (min-width: 272px) and (max-width: 599px) and (orientation: portrait) {
  .profileSettings .mainContent_selectName .mainContent__nbl-button {
    margin-top: auto;
  }
}
@media screen and (min-width: 272px) and (max-width: 599px) and (orientation: landscape) {
  .profileSettings .mainContent_selectName .mainContent__nbl-button {
    margin-top: 16px;
  }
}
@media screen and (min-width: 272px) and (max-width: 599px) and (orientation: portrait) {
  .profileSettings .mainContent_selectGender .mainContent__wrapper {
    grid-template-rows: 20% 60% 20%;
  }
}
@media screen and (min-width: 272px) and (max-width: 599px) {
  .profileSettings .mainContent_selectGender .mainContent__header {
    align-self: start;
  }
  .profileSettings .mainContent_selectGender .mainContent__title {
    padding-top: 36px;
  }
}
.profileSettings .mainContent_selectGender .mainContent__genderList {
  display: flex;
  margin-top: 16px;
}
@media screen and (min-width: 600px) {
  .profileSettings .mainContent_selectGender .mainContent__genderList {
    margin-left: -12px;
    margin-right: -12px;
  }
}
@media screen and (min-width: 272px) and (max-width: 599px) {
  .profileSettings .mainContent_selectGender .mainContent__genderList {
    align-self: center;
    margin-left: -8px;
    margin-right: -8px;
  }
}
@media screen and (min-width: 272px) and (max-width: 599px) and (orientation: portrait) {
  .profileSettings .mainContent_selectGender .mainContent__genderList {
    margin-top: -16px;
  }
}
.profileSettings .mainContent_selectGender .mainContent__genderItem {
  width: 50%;
}
@media screen and (min-width: 600px) {
  .profileSettings .mainContent_selectGender .mainContent__genderItem {
    margin-left: 12px;
    margin-right: 12px;
  }
  .profileSettings
    .mainContent_selectGender
    .mainContent__genderItem
    .nbl-pictureTile {
    height: 200px;
  }
  .profileSettings
    .mainContent_selectGender
    .mainContent__genderItem
    .nbl-pictureTile
    .nbl-pictureTile__box {
    border-radius: 16px;
    height: 168px;
  }
  .profileSettings
    .mainContent_selectGender
    .mainContent__genderItem
    .nbl-pictureTile
    .nbl-pictureTile__picture {
    height: 200px;
    right: 32px;
  }
  .profileSettings
    .mainContent_selectGender
    .mainContent__genderItem
    .nbl-pictureTile
    .nbl-pictureTile__nbl-avatar {
    display: none;
  }
  .profileSettings
    .mainContent_selectGender
    .mainContent__genderItem
    .nbl-pictureTile
    .nbl-pictureTile__caption {
    bottom: 16px;
    height: 28px;
    left: 16px;
    position: absolute;
    right: 16px;
  }
  .profileSettings
    .mainContent_selectGender
    .mainContent__genderItem
    .nbl-pictureTile
    .nbl-pictureTile__captionText {
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    height: 28px;
    line-height: 28px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
}
@media screen and (min-width: 272px) and (max-width: 599px) {
  .profileSettings .mainContent_selectGender .mainContent__genderItem {
    margin-left: 8px;
    margin-right: 8px;
  }
  .profileSettings
    .mainContent_selectGender
    .mainContent__genderItem
    .nbl-pictureTile {
    height: 168px;
  }
  .profileSettings
    .mainContent_selectGender
    .mainContent__genderItem
    .nbl-pictureTile
    .nbl-pictureTile__box {
    border-radius: 12px;
    height: 152px;
  }
  .profileSettings
    .mainContent_selectGender
    .mainContent__genderItem
    .nbl-pictureTile
    .nbl-pictureTile__picture {
    height: 168px;
    right: 16px;
  }
  .profileSettings
    .mainContent_selectGender
    .mainContent__genderItem
    .nbl-pictureTile
    .nbl-pictureTile__nbl-avatar {
    display: none;
  }
  .profileSettings
    .mainContent_selectGender
    .mainContent__genderItem
    .nbl-pictureTile
    .nbl-pictureTile__caption {
    bottom: 12px;
    height: 24px;
    left: 12px;
    position: absolute;
    right: 12px;
  }
  .profileSettings
    .mainContent_selectGender
    .mainContent__genderItem
    .nbl-pictureTile
    .nbl-pictureTile__captionText {
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    height: 24px;
    line-height: 24px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
}
@media screen and (max-width: 511px) {
  .profileSettings
    .mainContent_selectGender
    .mainContent__genderItem
    .nbl-pictureTile {
    height: 120px;
  }
  .profileSettings
    .mainContent_selectGender
    .mainContent__genderItem
    .nbl-pictureTile__picture {
    height: 120px;
    right: 12px;
  }
  .profileSettings
    .mainContent_selectGender
    .mainContent__genderItem
    .nbl-pictureTile__box {
    height: 104px;
  }
  .profileSettings
    .mainContent_selectGender
    .mainContent__genderItem
    .nbl-pictureTile__caption {
    height: 20px;
  }
  .profileSettings
    .mainContent_selectGender
    .mainContent__genderItem
    .nbl-pictureTile__captionText {
    font-size: 15px;
    font-style: normal;
    font-weight: 700;
    line-height: 20px;
  }
}
@media screen and (min-width: 600px) {
  .profileSettings .mainContent_selectGender .mainContent__nbl-button {
    margin-top: 40px;
  }
}
@media screen and (min-width: 272px) and (max-width: 599px) and (orientation: portrait) {
  .profileSettings .mainContent_selectGender .mainContent__nbl-button {
    margin-top: auto;
  }
}
@media screen and (min-width: 272px) and (max-width: 599px) and (orientation: landscape) {
  .profileSettings .mainContent_selectGender .mainContent__nbl-button {
    margin-top: 40px;
  }
}
.profileSettings .mainContent_selectAvatar .mainContent__wrapper {
  padding-bottom: 40px;
}
@media screen and (min-width: 600px) {
  body:not(.touch)
    .profileSettings
    .mainContent_selectAvatar
    .mainContent__wrapper {
    padding-bottom: 40px;
  }
}
@media screen and (min-width: 880px) {
  .profileSettings .mainContent_selectAvatar .mainContent__header {
    margin-top: 16px;
  }
}
@media screen and (min-width: 600px) and (max-width: 879px) {
  .profileSettings .mainContent_selectAvatar .mainContent__header {
    margin-top: 8px;
  }
}
@media screen and (min-width: 272px) and (max-width: 599px) {
  .profileSettings .mainContent_selectAvatar .mainContent__header {
    margin-top: 36px;
  }
}
body.touch
  .profileSettings
  .mainContent_selectAvatar
  .mainContent__avatarsWrapper {
  overflow-x: hidden;
  overflow-y: auto;
}
body:not(.touch)
  .profileSettings
  .mainContent_selectAvatar
  .mainContent__avatarsWrapper {
  overflow-x: hidden;
  overflow-y: scroll;
  scrollbar-width: none;
}
body:not(.touch)
  .profileSettings
  .mainContent_selectAvatar
  .mainContent__avatarsWrapper::-webkit-scrollbar {
  width: 0;
}
.profileSettings .mainContent_selectAvatar .mainContent__avatars {
  display: flex;
  flex-direction: column;
}
body:not(.touch)
  .profileSettings
  .mainContent_selectAvatar
  .mainContent__avatars {
/*  margin-left: -32px;*/
  overflow: hidden;
}
body.touch .profileSettings .mainContent_selectAvatar .mainContent__avatars {
  overflow: hidden;
}
@media screen and (min-width: 600px) {
  .profileSettings .mainContent_selectAvatar .mainContent__avatars {
/*    margin-left: -12px;
    margin-right: -12px;
    margin-top: 32px;*/
  }
}
@media screen and (min-width: 272px) and (max-width: 599px) {
.profileSettings .mainContent_selectAvatar .mainContent__avatars {
 /*   margin-left: -24px;
    margin-right: -24px;*/
    margin-top: 24px;
  }
}
.profileSettings
  .mainContent_selectAvatar
  .mainContent__avatars
  .ivi-carousel-item {
  box-sizing: content-box;
}
.profileSettings
  .mainContent_selectAvatar
  .mainContent__avatars
  .gallery__carousel {
  top: auto;
}
@media screen and (min-width: 272px) and (max-width: 599px) {
  .profileSettings
    .mainContent_selectAvatar
    .mainContent__avatars
    .gallery__viewport {
    margin-left: 24px;
    margin-right: 24px;
  }
}
body.touch .profileSettings .mainContent_selectAvatar .mainContent__gallery {
  margin-left: 0;
  margin-right: 0;
}
body:not(.touch)
  .profileSettings
  .mainContent_selectAvatar
  .mainContent__gallery {
  padding-left: 20px;
  padding-right: 20px;
}
.profileSettings
  .mainContent_selectAvatar
  .mainContent__gallery
  .xArrowButton_avatar {
  top: 40px;
}
.profileSettings
  .mainContent_selectAvatar
  .mainContent__gallery
  .xArrowButton_avatar
  .xArrowButton__arrowIcon:before {
  height: 32px;
  width: 32px;
}
body.touch
  .profileSettings
  .mainContent_selectAvatar
  .mainContent__gallery
  + .mainContent__gallery {
  overflow: hidden;
}
@media screen and (min-width: 600px) {
  .profileSettings
    .mainContent_selectAvatar
    .mainContent__gallery
    + .mainContent__gallery {
    margin-top: 32px;
  }
}
@media screen and (min-width: 272px) and (max-width: 599px) {
  .profileSettings
    .mainContent_selectAvatar
    .mainContent__gallery
    + .mainContent__gallery {
    margin-top: 16px;
  }
}
.profileSettings .mainContent_selectAvatar .mainContent__nbl-button {
  margin-top: 32px;
}
@media screen and (min-width: 272px) and (max-width: 599px) {
  .profileSettings .mainContent_selectAvatar .mainContent__nbl-button {
    width: 100%;
  }
}
.profileSettings .mainContent_selectAvatar .avatar-item {
  position: relative;
}
.profileSettings .mainContent_selectAvatar .avatar-item__checked {
  bottom: 0;
  height: 100%;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
  z-index: 2;
}
.profileSettings .mainContent_selectAvatar .avatar-item__checked .nbl-iconSvg {
  height: 20px;
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  width: 20px;
}
.profileSettings .mainContent_selectAvatar .avatar-item .nbl-avatar {
  border-radius: 16px;
}
@media screen and (min-width: 600px) {
  .profileSettings .mainContent_selectTheme .mainContent__wrapper {
    margin-top: 32px;
  }
}
@media screen and (min-width: 272px) and (max-width: 599px) and (orientation: portrait) {
  .profileSettings .mainContent_selectTheme .mainContent__wrapper {
    grid-template-rows: 20% 60% 20%;
  }
}
@media screen and (min-width: 272px) and (max-width: 599px) {
  .profileSettings .mainContent_selectTheme .mainContent__wrapper {
    margin-top: 8px;
  }
}
body:not(.touch)
  .profileSettings
  .mainContent_selectTheme
  .mainContent__gallery {
  margin-left: 12px;
  margin-right: 12px;
}
body.touch .profileSettings .mainContent_selectTheme .mainContent__gallery {
  margin-left: 0;
  margin-right: 0;
}
@media screen and (min-width: 272px) and (max-width: 599px) {
  .profileSettings .mainContent_selectTheme .mainContent__gallery {
    align-self: start;
  }
  .profileSettings .mainContent_selectTheme .mainContent__title {
    padding-top: 36px;
  }
}
.profileSettings .mainContent_selectTheme .mainContent__themeListScrollWrapper {
  overflow: hidden;
}
@media screen and (min-width: 272px) and (max-width: 599px) and (orientation: portrait) {
  .profileSettings
    .mainContent_selectTheme
    .mainContent__themeListScrollWrapper {
    align-self: center;
    margin-left: -24px;
    margin-right: -24px;
  }
}
@media screen and (min-width: 600px) {
  .profileSettings .mainContent_selectTheme .mainContent__themeListWrapper {
    padding-top: 32px;
  }
}
@media screen and (min-width: 272px) and (max-width: 599px) {
  .profileSettings .mainContent_selectTheme .mainContent__themeListWrapper {
    margin-bottom: -20px;
    padding-bottom: 20px;
  }
}
@media screen and (min-width: 272px) and (max-width: 599px) and (orientation: portrait) {
  .profileSettings .mainContent_selectTheme .mainContent__themeListWrapper {
    overflow-x: auto;
  }
}
@media screen and (min-width: 272px) and (max-width: 599px) and (orientation: landscape) {
  .profileSettings .mainContent_selectTheme .mainContent__themeListWrapper {
    padding-top: 24px;
  }
}
.profileSettings .mainContent_selectTheme .mainContent__themeList {
  margin: -6px;
}
@media screen and (min-width: 600px) {
  .profileSettings .mainContent_selectTheme .mainContent__themeList {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
  }
}
@media screen and (min-width: 272px) and (max-width: 599px) {
  .profileSettings .mainContent_selectTheme .mainContent__themeList {
    display: block;
  }
}
@media screen and (min-width: 272px) and (max-width: 599px) and (orientation: portrait) {
  .profileSettings .mainContent_selectTheme .mainContent__themeList {
    overflow-y: hidden;
    padding-left: 24px;
    padding-right: 24px;
    width: 800px;
  }
}
.profileSettings .mainContent_selectTheme .mainContent__themeItem {
  margin: 6px;
}
@media screen and (min-width: 272px) and (max-width: 599px) {
  .profileSettings .mainContent_selectTheme .mainContent__themeItem {
    display: inline-block;
  }
}
.profileSettings .mainContent_selectTheme .mainContent__nbl-button {
  margin-top: 32px;
}
.profileSettings .mainContent_selectTheme .themeStub {
  border-radius: 20px;
  height: 40px;
  margin: 6px;
  overflow: hidden;
  width: calc(50% - 12px);
}
.profileSettings .mainContent_enterPin .mainContent__wrapper {
  align-items: flex-start;
}
@media screen and (max-width: 599px) {
  .profileSettings .mainContent_enterPin .mainContent__wrapper {
    justify-content: center;
  }
}
@media screen and (min-width: 272px) and (max-width: 599px) and (orientation: portrait) {
  .profileSettings .mainContent_selectAge .mainContent__wrapper {
    grid-template-rows: 20% 60% 20%;
  }
}
@media screen and (min-width: 272px) and (max-width: 599px) {
  .profileSettings .mainContent_selectAge .mainContent__header {
    align-self: start;
  }
  .profileSettings .mainContent_selectAge .mainContent__title {
    padding-top: 36px;
  }
  .profileSettings .mainContent_selectAge .mainContent__age {
    margin-left: -24px;
    margin-right: -24px;
    overflow-x: hidden;
  }
}
@media screen and (min-width: 272px) and (max-width: 599px) and (orientation: portrait) {
  .profileSettings .mainContent_selectAge .mainContent__age {
    align-self: center;
  }
}
.profileSettings .mainContent_selectAge .mainContent__ageTitle,
.profileSettings .mainContent_selectAge .mainContent__monthTitle {
  color: #fff;
  font-size: 20px;
  font-style: normal;
  font-weight: 900;
  line-height: 24px;
}
@media screen and (min-width: 600px) {
  .profileSettings .mainContent_selectAge .mainContent__ageTitle,
  .profileSettings .mainContent_selectAge .mainContent__monthTitle {
    margin-top: 32px;
  }
}
@media screen and (min-width: 272px) and (max-width: 599px) {
  .profileSettings .mainContent_selectAge .mainContent__ageTitle,
  .profileSettings .mainContent_selectAge .mainContent__monthTitle {
    padding-left: 24px;
    padding-right: 24px;
  }
}
@media screen and (min-width: 272px) and (max-width: 599px) and (orientation: landscape) {
  .profileSettings .mainContent_selectAge .mainContent__ageTitle,
  .profileSettings .mainContent_selectAge .mainContent__monthTitle {
    margin-top: 24px;
  }
}
@media screen and (min-width: 272px) and (max-width: 599px) and (orientation: portrait) {
  .profileSettings .mainContent_selectAge .mainContent__ageTitle {
    margin-top: 24px;
  }
}
@media screen and (min-width: 272px) and (max-width: 599px) {
  .profileSettings .mainContent_selectAge .mainContent__ageListCover,
  .profileSettings .mainContent_selectAge .mainContent__monthListCover {
    overflow: hidden;
  }
}
.profileSettings .mainContent_selectAge .mainContent__ageList,
.profileSettings .mainContent_selectAge .mainContent__monthList {
  display: flex;
  flex-direction: row;
  padding-top: 16px;
}
@media screen and (min-width: 600px) {
  .profileSettings .mainContent_selectAge .mainContent__ageList,
  .profileSettings .mainContent_selectAge .mainContent__monthList {
    flex-wrap: wrap;
    margin: -8px;
  }
}
@media screen and (min-width: 272px) and (max-width: 599px) {
  .profileSettings .mainContent_selectAge .mainContent__ageList,
  .profileSettings .mainContent_selectAge .mainContent__monthList {
    display: block;
    margin: -2px -2px -20px;
    overflow-x: auto;
    padding-bottom: 20px;
    padding-left: 24px;
    padding-right: 24px;
    white-space: nowrap;
  }
}
@media screen and (min-width: 600px) {
  .profileSettings .mainContent_selectAge .mainContent__ageItem,
  .profileSettings .mainContent_selectAge .mainContent__monthItem {
    margin: 8px;
  }
}
@media screen and (min-width: 272px) and (max-width: 599px) {
  .profileSettings .mainContent_selectAge .mainContent__ageItem,
  .profileSettings .mainContent_selectAge .mainContent__monthItem {
    display: inline-block;
    margin: 2px;
  }
}
.profileSettings .mainContent_selectAge .mainContent__nbl-optionSelector {
  margin-top: 16px;
}
@media screen and (min-width: 600px) {
  .profileSettings .mainContent_selectAge .mainContent__nbl-button {
    margin-top: 32px;
  }
}
@media screen and (min-width: 272px) and (max-width: 599px) {
  .profileSettings .mainContent_selectAge .mainContent__nbl-button {
    margin-top: 24px;
  }
}
.profileSettings .mainContent__copyright {
  color: hsla(0, 0%, 100%, 0.32);
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
  margin-left: 32px;
  margin-top: 32px;
}
body.touch .profileSettings .mainContent__copyright {
  display: none;
}

.asideBanner {
  flex-direction: column;
  height: 100%;
  justify-content: center;
  left: -12px;
  position: relative;
  text-align: center;
}
.asideBanner:not(.idle) > * {
  opacity: 0;
}
.asideBanner.show > * {
  animation: asideBanner__showAnimation 0.2s forwards;
}
.asideBanner.hide > * {
  animation: asideBanner__hideAnimation 0.2s forwards;
}
.asideBanner__contentWrapper {
  display: flex;
  flex-direction: column;
  flex-shrink: 0;
  padding-bottom: 50px;
  padding-left: 32px;
  padding-right: 32px;
  text-align: center;
}
.asideBanner__title {
  color: #fff;
  margin-top: 16px;
  text-align: center;
}
@media screen and (min-width: 1160px) {
  .asideBanner__title {
    font-size: 40px;
    font-style: normal;
    font-weight: 900;
    line-height: 56px;
  }
}
@media screen and (min-width: 880px) and (max-width: 1159px) {
  .asideBanner__title {
    font-size: 32px;
    font-style: normal;
    font-weight: 900;
    line-height: 36px;
  }
}
.asideBanner__copyright {
  bottom: 16px;
  color: hsla(0, 0%, 100%, 0.32);
  font-size: 9px;
  font-style: normal;
  font-weight: 400;
  left: 0;
  line-height: 12px;
  position: absolute;
  right: 0;
}
.asideBanner.child {
  background-color: #07050e;
}
@media screen and (min-width: 1272px) {
  .asideBanner.child {
    border-radius: 16px 0 0 16px;
  }
}
@media screen and (min-width: 880px) {
  .asideBanner.child {
    display: flex;
  }
}
@media screen and (max-width: 1159px) and (max-height: 680px) {
  .asideBanner.child {
    justify-content: flex-end;
  }
}
@media screen and (min-width: 1160px) and (max-height: 850px) {
  .asideBanner.child {
    justify-content: flex-end;
  }
}
.asideBanner.child .asideBanner__picture {
  max-width: 80%;
}
.asideBanner.adult {
  background-image: linear-gradient(0deg, #07050e, #152b34);
  overflow: hidden;
  padding-right: 0;
}
@media screen and (min-width: 1272px) {
  .asideBanner.adult {
    border-radius: 16px 0 0 16px;
  }
}
.asideBanner.adult .asideBanner__contentWrapper {
  position: absolute;
  width: 100%;
}
@media screen and (min-width: 1160px) {
  .asideBanner.adult .asideBanner__contentWrapper {
    bottom: 10%;
  }
}
@media screen and (min-width: 880px) and (max-width: 1159px) {
  .asideBanner.adult .asideBanner__contentWrapper {
    bottom: 20%;
  }
}
.asideBanner.adult .asideBanner__picture {
  left: 0;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 100%;
  height: 100%;
     user-select: none;
    -webkit-user-drag: none;
}
@keyframes showStepAnimation {
  0% {
    opacity: 0;
    transform: translateX(20px);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes fadeStepAnimation {
  0% {
    opacity: 1;
    transform: translateX(0);
  }
  to {
    opacity: 0;
    transform: translateX(-20px);
  }
}

.mainContent__avatars  .swiper-movie-list .swiper-container {
    padding: 20px;
    overflow: hidden;
    width: 100%;
}
.mainContent__avatars{
    margin-top: 20px;
}

.avatar-carousel .swiper-button-prev {
  left: -6% !important;
  top:50% !important;
}

.avatar-carousel .swiper-button-next {
  top:50% !important;
  right: -6% !important;
}

.avatar-carousel .selected {
    position: relative;
}
.avatar-carousel .selected:before {
    content: '';
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, .5) url("../images/success_20.svg") no-repeat 50% 50%;
    position: absolute;
}
.header-title p {
    font-weight: 700;
    margin-top: 30px;
    margin-bottom: 10px;
}
.avatar-carousel .swiper-slide {
    cursor:pointer;
}

.estpost-avatar__bgPicture {
    background-size: cover;
}

/*body:not(.full-mode) .container {
    padding:10px 20px;
    background: #000;
}
body:not(.full-mode) .swiper-container.trend-movies-containers:after {
    background: transparent;
}

body:not(.full-mode) .footer-container {
    padding:0px ;
}
body:not(.full-mode) .movie-list  {
    padding:0px ;
}

body:not(.full-mode) .breadcrumb {
margin: 0;
}

body:not(.full-mode) .header-bar {
margin: 20px 0px;
}*/
.container-wrapper {
    width: 1256px;
    margin:0px auto;
    background: #000;
}
@media screen and (min-width: 600px) and (max-width: 1279px) {
    .container-wrapper {
        margin-left: 20px;
        margin-right: 20px;
        width: auto;
        max-width: inherit !important;
    }
}

.container-wrapper .promoSlider .nbl-xArrowButton:hover:before {
    opacity: 0;
}
.container-wrapper  .swiper-container.trend-movies-containers:after {
    background: transparent;
}

.container-wrapper  .footer-container {
    background: transparent;
}

.container-wrapper  .background__container{
    right: 0;

}

@media screen and (min-width: 1280px) {
   .container-wrapper .background__gradient:before {
        background: linear-gradient(90deg, #000000 20%, rgba(16, 14, 25, 0));
    }

    .container-wrapper .background__gradient:after {
        background: linear-gradient(270deg, #000000 0, rgba(16, 14, 25, 0));
       
    }
}
 
.container-wrapper .background__container:after {
    background: linear-gradient(0deg, #000000 0, rgba(16, 14, 25, 0));
  
}



 @media (max-width: 599px) {
  .container-wrapper {
    width: initial;
  }
}
body.touch .categoryTabs {
  background-color: #1f1b2e;
  box-shadow: 0 20px 40px rgba(7, 5, 14, 0.24);
  padding-top: 12px;
  position: relative;
}
body.touch .categoryTabs:not(.categoryTabs_hasBrandingCollection) {
  z-index: 998;
}
@media screen and (min-width: 600px) {
  body.touch .categoryTabs {
    margin-bottom: 28px;
  }
}
@media screen and (min-width: 272px) and (max-width: 599px) {
  body.touch .categoryTabs {
    margin-bottom: 12px;
  }
}
body.touch .categoryTabs.catalog__categoryTabs:before {
  background-color: #1f1b2e;
  bottom: 100%;
  content: "";
  left: 0;
  position: absolute;
  right: 0;
}
@media screen and (min-width: 600px) {
  body.touch .categoryTabs.catalog__categoryTabs:before {
    height: 72px;
  }
}
@media screen and (min-width: 272px) and (max-width: 599px) {
  body.touch .categoryTabs.catalog__categoryTabs:before {
    height: 64px;
  }
}
body.touch .categoryTabs_noBackground {
  background-color: transparent;
  box-shadow: none;
}
@media screen and (min-width: 600px) {
  body:not(.touch) .categoryTabs {
    padding-top: 24px;
  }
}
@media screen and (min-width: 272px) and (max-width: 599px) {
  body:not(.touch) .categoryTabs {
    padding-top: 12px;
  }
}
.categoryTabs__container {
  position: relative;
}
@media screen and (min-width: 1280px) {
  .categoryTabs__container {
    margin-left: auto;
    margin-right: auto;
    width: 1216px;
  }
  .categoryTabs__container-inner {
    margin-left: -12px;
    margin-right: -12px;
  }
  .categoryTabs__container {
    margin-left: auto;
    margin-right: auto;
    width: 1216px;
  }
  .categoryTabs__container-inner {
    margin-left: -12px;
    margin-right: -12px;
  }
}
@media screen and (min-width: 600px) and (max-width: 1279px) {
  .categoryTabs__container {
    margin-left: 20px;
    margin-right: 20px;
    width: auto;
  }
}
@media screen and (max-width: 599px) {
  .categoryTabs__container {
    margin-left: 16px;
    margin-right: 16px;
    width: auto;
  }
}

.categoryTabs__tabs {
    align-items: flex-end;
    display: flex;
    height: 40px;
    width: 100%;
}

.categoryTabs__tabs .nbl-tabs {
    width: 100%;
}

.categoryTabs_noBackground {
    background-color: transparent;
    box-shadow: none
}

@media screen and (min-width: 1160px) {
  .categoryTabs__controls {
    width: 100%;
  }
}
@media screen and (min-width: 880px) and (max-width: 1159px) {
  .categoryTabs__controls {
    width: 100%;
  }
}
@media screen and (min-width: 600px) and (max-width: 879px) {
  .categoryTabs__controls {
    width: 100%;
  }
}
@media screen and (min-width: 512px) and (max-width: 599px) {
  .categoryTabs__controls {
    width: 100%;
  }
}
@media screen and (min-width: 392px) and (max-width: 511px) {
  .categoryTabs__controls {
    width: 100%;
  }
}
@media screen and (max-width: 391px) {
  .categoryTabs__controls {
    width: 100%;
  }
}
@media screen and (min-width: 600px) {
  .categoryTabs__controls {
    padding-left: 12px;
    padding-right: 12px;
  }
}

.categoryTabs__tabs {
  align-items: flex-end;
  display: flex;
  height: 40px;
  width: 100%;
}
.categoryTabs__tabs .nbl-tabs {
  width: 100%;
}
.categoryTabs_noBackground {
  background-color: transparent;
  box-shadow: none;
}
.categoryTabs__tabsWrapper {
  box-sizing: border-box;
  margin-top: 16px;
}
@media screen and (min-width: 1160px) {
  .categoryTabs__tabsWrapper {
    width: 100%;
  }
}
@media screen and (min-width: 880px) and (max-width: 1159px) {
  .categoryTabs__tabsWrapper {
    width: 100%;
  }
}
@media screen and (min-width: 600px) and (max-width: 879px) {
  .categoryTabs__tabsWrapper {
    width: 100%;
  }
}
@media screen and (min-width: 512px) and (max-width: 599px) {
  .categoryTabs__tabsWrapper {
    width: 100%;
  }
}
@media screen and (min-width: 392px) and (max-width: 511px) {
  .categoryTabs__tabsWrapper {
    width: 100%;
  }
}
@media screen and (max-width: 391px) {
  .categoryTabs__tabsWrapper {
    width: 100%;
  }
}
@media screen and (min-width: 600px) {
  .categoryTabs__tabsWrapper {
    padding-left: 12px;
    padding-right: 12px;
  }
}
@media screen and (min-width: 272px) and (max-width: 599px) {
  .categoryTabs__tabsWrapper {
    padding-left: 8px;
    padding-right: 8px;
  }
}
.clientPage .categoryTabs__tabsWrapper {
  margin-top: 24px;
}
.categoryTabs__container {
    position: relative
}

@media screen and (min-width: 1280px) {
    .categoryTabs__container {
        margin-left:auto;
        margin-right: auto;
        width: 1216px
    }

    .categoryTabs__container-inner {
        margin-left: -12px;
        margin-right: -12px
    }

    .categoryTabs__container {
        margin-left: auto;
        margin-right: auto;
        width: 1216px
    }

    .categoryTabs__container-inner {
        margin-left: -12px;
        margin-right: -12px
    }
}


 .nbl-tabs_hasNativeScroll .nbl-tabs__inner {
    overflow: auto !important;
}

.nbl-tabs_style_fir .nbl-tabs__gutter {
    background-color: hsla(0, 0%, 100%, .16);
}
.nbl-tabs_variation_ziltod .nbl-tabs__gutter {
    bottom: 0;
    height: 1px;
    left: 0;
    right: 0;
}
.nbl-tabs .nbl-tabs__gutter {
    position: absolute;
}
.nbl-tabs_style_fir .nbl-tabs__nbl-tabsItem.nbl-tabsItem_selected:not(:hover):not(:active) .nbl-tabsItem__caption, body.touch .nbl-tabs_style_fir .nbl-tabs__nbl-tabsItem.nbl-tabsItem_selected:active .nbl-tabsItem__caption, body.touch .nbl-tabs_style_fir .nbl-tabs__nbl-tabsItem.nbl-tabsItem_selected:hover:not(:active) .nbl-tabsItem__caption, body.touch .nbl-tabs_style_fir .nbl-tabs__nbl-tabsItem:active .nbl-tabsItem__caption, body:not(.touch) .nbl-tabs_style_fir .nbl-tabs__nbl-tabsItem.nbl-tabsItem_selected:active .nbl-tabsItem__caption, body:not(.touch) .nbl-tabs_style_fir .nbl-tabs__nbl-tabsItem.nbl-tabsItem_selected:hover:not(:active) .nbl-tabsItem__caption, body:not(.touch) .nbl-tabs_style_fir .nbl-tabs__nbl-tabsItem:active .nbl-tabsItem__caption, body:not(.touch) .nbl-tabs_style_fir .nbl-tabs__nbl-tabsItem:hover:not(:active) .nbl-tabsItem__caption {
    color: #fff;
}
.nbl-tabs_style_fir .nbl-tabs__nbl-tabsItem:not(:hover):not(:active) .nbl-tabsItem__caption, body.touch .nbl-tabs_style_fir .nbl-tabs__nbl-tabsItem:hover:not(:active) .nbl-tabsItem__caption {
    color: hsla(0, 0%, 100%, .72);
}
.nbl-tabs_variation_ziltod .nbl-tabs__nbl-tabsItem .nbl-tabsItem__caption {
    font-size: 15px;
    font-style: normal;
    font-weight: 500;
    height: 20px;
    line-height: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.nbl-tabsItem:not(:hover):not(:active), .nbl-tabsItem:not(:hover):not(:active) *, body.touch .nbl-tabsItem:hover:not(:active), body.touch .nbl-tabsItem:hover:not(:active) * {
    transition-duration: .4s;
}
.nbl-tabs {
    position: relative
}

.nbl-tabs .nbl-tabs__inner {
    overflow: hidden
}

.nbl-tabs_hasNativeScroll .nbl-tabs__inner {
    -webkit-overflow-scrolling: touch
}

.nbl-tabs_hasNativeScroll .nbl-tabs__inner::-webkit-scrollbar {
    display: none
}



.nbl-tabs .nbl-tabs__nbl-tabsItem {
    cursor: pointer;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.nbl-tabs_variation_ziltod {
    font-size: 0;
    white-space: nowrap;
}

.nbl-tabs_variation_ziltod .nbl-tabs__nbl-tabsItem {
    padding: 0 0 12px
}

.nbl-tabs_variation_ziltod .nbl-tabs__nbl-tabsItem .nbl-tabsItem__nbl-superscript {
    margin-left: 4px;
    top: 0
}

.nbl-tabs_variation_ziltod .nbl-tabs__nbl-tabsItem .nbl-tabsItem__extra {
    font-size: 13px;
    font-style: normal;
    font-weight: 500;
    height: 16px;
    line-height: 16px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.nbl-tabs_variation_ziltod .nbl-tabs__nbl-tabsItem .nbl-tabsItem__stripe {
    height: 4px
}

.nbl-tabs_variation_ziltod .nbl-tabs__nbl-tabsItem {
    display: inline-block;
    vertical-align: top
}

.nbl-tabs_variation_ziltod .nbl-tabs__nbl-tabsItem+.nbl-tabs__nbl-tabsItem {
    margin-left: 20px
}

.nbl-tabs_variation_ziltod .nbl-tabs__gutter {
    bottom: 0;
    height: 1px;
    left: 0;
    right: 0
}

.nbl-tabs_variation_ziltod .nbl-tabs__nbl-superscript {
    display: inline-block;
    position: relative;
    vertical-align: top
}

.nbl-tabs_variation_tekti {
    font-size: 0;
    white-space: nowrap
}



/* Discussion Create sayfasına özel checkbox stilleri */
.discussion-checkbox-icon {
   position: relative;
   transition: all 0.2s ease;
   background: #1A1A1B;
}

.discussion-checkbox-icon::before {
   content: '+';
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
   color: #818384;
   font-size: 14px;
   font-weight: bold;
}

.discussion-checkbox label input:checked + .discussion-checkbox-icon::before {
   content: '✓';
   color: white;
}

/* Normal durum için stil */
.discussion-checkbox label input:checked + .discussion-checkbox-icon {
   background: #0079D3;
   border-color: #0079D3;
}

/* Spoiler için özel stil */
#spoiler:checked + .discussion-checkbox-icon {
   background: #0079D3;
   border-color: #0079D3;
}

/* NSFW için özel stil */
#nsfw:checked + .discussion-checkbox-icon {
   background: #FF1A1A;
   border-color: #FF1A1A;
}

/* Hover efektleri */
.discussion-checkbox-icon:hover {
   border-color: #D7DADC;
}

/* Focus durumu için stil */
.discussion-checkbox input:focus + .discussion-checkbox-icon {
   box-shadow: 0 0 0 2px rgba(0, 121, 211, 0.2);
}

/*Edit*/
/* Genel stil */
  #editor {
    border: 1px solid #333; /* Sınır çizgisi */
    border-radius: 6px; /* Köşe yuvarlama */
    background-color: #1e1e1e; /* Arkaplan rengi */
    color: #fff; /* Yazı rengi */
  }

  /* Quill toolbar stilleri */
  .ql-toolbar.ql-snow {
    background-color: #292929; 
    border: 1px solid #343536 !important; /* Toolbar sınır rengi */
    border-bottom: none; /* Alt sınırı kaldır */
    border-radius: 6px 6px 0 0; /* Toolbar üst köşeleri yuvarlat */
  }
 .ql-snow.ql-toolbar button {
    border-radius: 4px !important;

 }
  .ql-snow.ql-toolbar button:hover {
    background-color: #1a1a1b !important;
  }

  .ql-snow.ql-toolbar button:hover .ql-stroke {
    stroke: #fff !important;
  }

  .ql-snow.ql-toolbar   .ql-stroke {
    stroke: #818384 !important;
  }

  .ql-toolbar .ql-active {
    background-color: #555; /* Aktif buton arkaplan rengi */
  }

  /* Quill içerik alanı */
  .ql-container {
    border: none; /* İçerik sınırı yok */
  }

  .ql-editor {
    min-height: 150px; /* Minimum içerik yüksekliği */
    outline: none; /* Odak sınırı yok */
  }

  /* Yazı seçimi için odak rengi */
  .ql-editor:focus {
    border: 1px solid #555; /* Odak sınırı rengi */
  }

  
  .bg-\[\#0c1416\] {
  background-color: rgb(11 20 22 / var(--tw-bg-opacity, 1));
}
  .bg-\[\#090d0e\] {
  background-color: #090d0e;
}

 .bg-\[\#272729\] {
  background-color: #0c1416;
}

  .bg-\[\#1A1A1B\] {
  background-color: #1A1A1B;
}

.border-ametist-700 {
        border-color: rgb(22 31 34);
}
.hover\:border-ametist-500:hover {
    --tw-border-opacity: 1;
    border-color: rgb(38 51 56);
}

/***/
/* Background Colors */
.bg-\[\#1A1A1B\] {
  background-color: #1A1A1B;
}

.bg-\[\#0D1117\] {
  background-color: #0D1117;
}

.bg-\[\#272729\] {
  background-color: #272729;
}

.bg-\[\#0079D3\] {
  background-color: #0079D3;
}

.bg-\[\#FF0000\] {
  background-color: #FF0000;
}

/* Border Colors */
.border-\[\#343536\] {
  border-color: #343536;
}

/* Text Colors */
.text-\[\#D7DADC\] {
  color: #D7DADC;
}

.text-\[\#818384\] {
  color: #818384;
}

/* Focus States */
.focus-visible\:ring-\[\#343536\]:focus-visible {
  box-shadow: 0 0 0 2px #343536;
}

.focus-visible\:border-\[\#343536\]:focus-visible {
  border-color: #343536;
}

/* Hover States */
.hover\:bg-\[\#1A1A1B\]:hover {
  background-color: #1A1A1B;
}

.hover\:text-\[\#D7DADC\]:hover {
  color: #D7DADC;
}

.hover\:bg-\[\#272729\]:hover {
  background-color: #272729;
}

.hover\:text-\[\#D7DADC\]:hover {
  color: #D7DADC;
}

/* Checked States for Custom Checkboxes */
.data-\[state=checked\]\:bg-\[\#0079D3\] {
  background-color: #0079D3;
}

.data-\[state=checked\]\:border-\[\#0079D3\] {
  border-color: #0079D3;
}

.data-\[state=checked\]\:bg-\[\#FF0000\] {
  background-color: #FF0000;
}

.data-\[state=checked\]\:border-\[\#FF0000\] {
  border-color: #FF0000;
}

.bg-gray-800\/50 {
  background-color: rgb(31 41 55 / 0.5);
}
.p-1 {
  padding: 0.25rem;
}

.text-gray-400 {
  --tw-text-opacity: 1;
  color: rgb(156 163 175 / var(--tw-text-opacity, 1));
}

.transition-colors {
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.hover\:bg-gray-700\/50:hover {
  background-color: rgb(55 65 81 / 0.5);
}

.ui.dropdown-filter .menu {
    width: 100% !important;
  margin-top: 10px !important;
    background-color: rgb(22, 20, 28) !important;
}
.ui.dropdown-filter .menu>.item {
    color: #fff !important;
    font-size: .85rem !important;

}
.ui.dropdown-filter .menu .selected.item, .ui.dropdown.selected {
    background: rgb(70 60 60 / 26%) !important;
}


div:where(.swal2-container).swal2-center>.swal2-popup {
    background: #1c1a23 !important;
    color: #fff;
    font-size: 1.3rem !important;
}
div:where(.swal2-container) .swal2-html-container {
    font-size: .85em !important;
}

/*Episode*/



/*Episode*/
  /* Scrollbar Styles */
        ::-webkit-scrollbar {
            width: 8px;
        }

        ::-webkit-scrollbar-track {
            background: #1a1a1a;
        }

        ::-webkit-scrollbar-thumb {
            background: #2a2a2a;
            border-radius: 4px;
        }

        ::-webkit-scrollbar-thumb:hover {
            background: #404040;
        }
.aspect-square {
  aspect-ratio: 1 / 1;
}
.h-10 {
  height: 2.5rem;
}
.h-12 {
  height: 3rem;
}
.h-2 {
  height: 0.5rem;
}
.h-32 {
  height: 8rem;
}
.h-4 {
  height: 1rem;
}
.h-5 {
  height: 1.25rem;
}
.h-6 {
  height: 1.5rem;
}
.h-9 {
  height: 2.25rem;
}
.max-h-\[580px\] {
  max-height: 580px;
}

.max-h-\[380px\] {
  max-height: 380px;
}

.w-\[300px\] {
  width: 300px;
}

.max-w-\[1216px\] {
  max-width: 1216px;
}


.transform {
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.cursor-pointer {
  cursor: pointer;
}
.touch-none {
  touch-action: none;
}

.space-y-2 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0.5rem * var(--tw-space-y-reverse));
}
.space-y-4 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(1rem * var(--tw-space-y-reverse));
}

.bg-black\/50 {
  background-color: rgb(0 0 0 / 0.5);
}

.text-\[8px\] {
  font-size: 8px;
}
.font-medium {
  font-weight: 500;
}
.text-yellow-500 {
  --tw-text-opacity: 1;
  color: rgb(234 179 8 / var(--tw-text-opacity, 1));
}

.border-white\/5 {
  border-color: rgb(255 255 255 / 0.05);
}
.bg-\[\#0f0f0f\] {
  --tw-bg-opacity: 1;
  background-color: rgb(15 15 15 / var(--tw-bg-opacity, 1));
}
.bg-\[\#141414\] {
  --tw-bg-opacity: 1;
  background-color: rgb(20 20 20 / var(--tw-bg-opacity, 1));
}
.bg-\[\#1a1a1a\] {
  --tw-bg-opacity: 1;
  background-color: rgb(26 26 26 / var(--tw-bg-opacity, 1));
}
.bg-\[\#1a1a1a\]\/80 {
  background-color: rgb(26 26 26 / 0.8);
}
.bg-\[\#1a1a1a\]\/95 {
  background-color: rgb(26 26 26 / 0.95);
}
.bg-\[\#232323\] {
  --tw-bg-opacity: 1;
  background-color: rgb(35 35 35 / var(--tw-bg-opacity, 1));
}
.bg-\[\#2a2a2a\] {
  --tw-bg-opacity: 1;
  background-color: rgb(42 42 42 / var(--tw-bg-opacity, 1));
}
.bg-\[\#e50914\] {
  --tw-bg-opacity: 1;
  background-color: rgb(229 9 20 / var(--tw-bg-opacity, 1));
}
.bg-black {
  --tw-bg-opacity: 1;
  background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1));
}
.bg-black\/40 {
  background-color: rgb(0 0 0 / 0.4);
}
.bg-gradient-to-b {
  background-image: linear-gradient(to bottom, var(--tw-gradient-stops));
}
.bg-gradient-to-t {
  background-image: linear-gradient(to top, var(--tw-gradient-stops));
}
.from-\[\#141414\]\/90 {
  --tw-gradient-from: rgb(20 20 20 / 0.9) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(20 20 20 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.via-\[\#141414\]\/50 {
  --tw-gradient-to: rgb(20 20 20 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), rgb(20 20 20 / 0.5) var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.to-transparent {
  --tw-gradient-to: transparent var(--tw-gradient-to-position);
}
.object-contain {
  object-fit: contain;
}


.text-\[10px\] {
  font-size: 10px;
}

.text-\[\#e50914\] {
  --tw-text-opacity: 1;
  color: rgb(229 9 20 / var(--tw-text-opacity, 1));
}
.text-gray-200 {
  --tw-text-opacity: 1;
  color: rgb(229 231 235 / var(--tw-text-opacity, 1));
}
.text-gray-300 {
  --tw-text-opacity: 1;
  color: rgb(209 213 219 / var(--tw-text-opacity, 1));
}
.text-gray-400 {
  --tw-text-opacity: 1;
  color: rgb(156 163 175 / var(--tw-text-opacity, 1));
}
.text-gray-500 {
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / var(--tw-text-opacity, 1));
}
.text-orange-500 {
  --tw-text-opacity: 1;
  color: rgb(249 115 22 / var(--tw-text-opacity, 1));
}
.text-white {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.text-yellow-500 {
  --tw-text-opacity: 1;
  color: rgb(234 179 8 / var(--tw-text-opacity, 1));
}
.text-yellow-500\/90 {
  color: rgb(234 179 8 / 0.9);
}

.shadow-lg {
  --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.backdrop-blur-sm {
  --tw-backdrop-blur: blur(4px);
  -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}
.transition-all {
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-colors {
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-opacity {
  transition-property: opacity;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-shadow {
  transition-property: box-shadow;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.duration-300 {
  transition-duration: 300ms;
}
.file\:border-0::file-selector-button {
  border-width: 0px;
}
.file\:bg-transparent::file-selector-button {
  background-color: transparent;
}
.file\:text-sm::file-selector-button {
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.file\:font-medium::file-selector-button {
  font-weight: 500;
}
.placeholder\:text-gray-500::placeholder {
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / var(--tw-text-opacity, 1));
}
.hover\:bg-\[\#2a2a2a\]:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(42 42 42 / var(--tw-bg-opacity, 1));
}
.hover\:bg-\[\#2a2a2a\]\/80:hover {
  background-color: rgb(42 42 42 / 0.8);
}
.hover\:bg-\[\#f6121d\]:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(246 18 29 / var(--tw-bg-opacity, 1));
}
.hover\:text-gray-200:hover {
  --tw-text-opacity: 1;
  color: rgb(229 231 235 / var(--tw-text-opacity, 1));
}
.hover\:text-gray-300:hover {
  --tw-text-opacity: 1;
  color: rgb(209 213 219 / var(--tw-text-opacity, 1));
}
.focus-visible\:outline-none:focus-visible {
  outline: 2px solid transparent;
  outline-offset: 2px;
}
.focus-visible\:ring-2:focus-visible {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.focus-visible\:ring-offset-2:focus-visible {
  --tw-ring-offset-width: 2px;
}
.disabled\:pointer-events-none:disabled {
  pointer-events: none;
}
.disabled\:cursor-not-allowed:disabled {
  cursor: not-allowed;
}
.disabled\:opacity-50:disabled {
  opacity: 0.5;
}
.group:hover .group-hover\:block {
  display: block;
}
.group:hover .group-hover\:opacity-100 {
  opacity: 1;
}
@media (min-width: 1024px) {
  .lg\:w-\[304px\] {
    width: 304px;
  }
  .lg\:w-\[896px\] {
    width: 896px;
  }
  .lg\:flex-row {
    flex-direction: row;
  }
}
.\[\&_svg\]\:pointer-events-none svg {
  pointer-events: none;
}
.\[\&_svg\]\:size-4 svg {
  width: 1rem;
  height: 1rem;
}
.\[\&_svg\]\:shrink-0 svg {
  flex-shrink: 0;
}

#episodes-container .episode.active {
      background-color: rgb(244 45 41 / 46%) !important;
}

/*Anime Detail*/
.aspect-square {
  aspect-ratio: 1 / 1;
}
.aspect-video {
  aspect-ratio: 16 / 9;
}
.space-y-4 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(1rem * var(--tw-space-y-reverse));
}
.space-y-6 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(1.5rem * var(--tw-space-y-reverse));
}

.bg-gradient-to-r {
  background-image: linear-gradient(to right, var(--tw-gradient-stops));
}
.from-yellow-200 {
  --tw-gradient-from: #fef08a var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(254 240 138 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.to-yellow-500 {
  --tw-gradient-to: #eab308 var(--tw-gradient-to-position);
}
.border-\[\#3A3A3C\] {
  --tw-border-opacity: 1;
  border-color: rgb(58 58 60 / var(--tw-border-opacity, 1));
}
.border-\[\#4A4A4C\] {
  --tw-border-opacity: 1;
  border-color: rgb(74 74 76 / var(--tw-border-opacity, 1));
}
.border-transparent {
  border-color: transparent;
}
.bg-\[\#2A2A2C\] {
  --tw-bg-opacity: 1;
  background-color: rgb(42 42 44 / var(--tw-bg-opacity, 1));
}
.bg-\[\#2C2C2E\] {
  --tw-bg-opacity: 1;
  background-color: rgb(44 44 46 / var(--tw-bg-opacity, 1));
}
.bg-\[\#111214\] {
  --tw-bg-opacity: 1;
  background-color:#111214;
}
.bg-\[\#3A3A3C\] {
  --tw-bg-opacity: 1;
  background-color: rgb(58 58 60 / var(--tw-bg-opacity, 1));
}
.bg-\[\#4A4A4C\] {
  --tw-bg-opacity: 1;
  background-color: rgb(74 74 76 / var(--tw-bg-opacity, 1));
}
.bg-\[\#84CC16\] {
  --tw-bg-opacity: 1;
  background-color: rgb(132 204 22 / var(--tw-bg-opacity, 1));
}
.bg-black {
  --tw-bg-opacity: 1;
  background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1));
}

.bg-gradient-to-r {
  background-image: linear-gradient(to right, var(--tw-gradient-stops));
}
.from-yellow-200 {
  --tw-gradient-from: #fef08a var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(254 240 138 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.to-yellow-500 {
  --tw-gradient-to: #eab308 var(--tw-gradient-to-position);
}
.text-gray-200 {
  --tw-text-opacity: 1;
  color: rgb(229 231 235 / var(--tw-text-opacity, 1));
}
.text-gray-300 {
  --tw-text-opacity: 1;
  color: rgb(209 213 219 / var(--tw-text-opacity, 1));
}
.text-gray-400 {
  --tw-text-opacity: 1;
  color: rgb(156 163 175 / var(--tw-text-opacity, 1));
}
.text-transparent {
  color: transparent;
}
.text-white {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.underline-offset-4 {
  text-underline-offset: 4px;
}
.shadow-sm {
  --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-xl {
  --tw-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.transition-colors {
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.hover\:bg-\[\#2A2A2C\]\/90:hover {
  background-color: rgb(42 42 44 / 0.9);
}
.hover\:bg-\[\#3A3A3C\]:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(58 58 60 / var(--tw-bg-opacity, 1));
}
.hover\:bg-\[\#3A3A3C\]\/90:hover {
  background-color: rgb(58 58 60 / 0.9);
}
.hover\:bg-\[\#4A4A4C\]\/90:hover {
  background-color: rgb(74 74 76 / 0.9);
}
.hover\:bg-\[\#84CC16\]\/90:hover {
  background-color: rgb(132 204 22 / 0.9);
}
.hover\:text-gray-300:hover {
  --tw-text-opacity: 1;
  color: rgb(209 213 219 / var(--tw-text-opacity, 1));
}
.hover\:underline:hover {
  text-decoration-line: underline;
}
.focus\:outline-none:focus {
  outline: 2px solid transparent;
  outline-offset: 2px;
}
.focus\:ring-2:focus {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.focus\:ring-offset-2:focus {
  --tw-ring-offset-width: 2px;
}
.focus-visible\:outline-none:focus-visible {
  outline: 2px solid transparent;
  outline-offset: 2px;
}
.focus-visible\:ring-2:focus-visible {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.focus-visible\:ring-offset-2:focus-visible {
  --tw-ring-offset-width: 2px;
}
.disabled\:pointer-events-none:disabled {
  pointer-events: none;
}
.disabled\:opacity-50:disabled {
  opacity: 0.5;
}
@media (min-width: 1024px) {
  .lg\:grid-cols-\[2fr\2c 1fr\] {
    grid-template-columns: 2fr 1fr;
  }
}
.\[\&_svg\]\:pointer-events-none svg {
  pointer-events: none;
}
.\[\&_svg\]\:size-4 svg {
  width: 1rem;
  height: 1rem;
}
.\[\&_svg\]\:shrink-0 svg {
  flex-shrink: 0;
}

.anime-action-groups .button-group button, .button-group>a {
/*    background-color: #18191c;*/
  }


.watch-status-btn.active {
  background-color: #c93a38 !important;
}