@charset "UTF-8";

@keyframes opacity-fade-show {
  0% {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes opacity-fade-hide {
  0% {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

@keyframes opacity-fade-bottom-show {
  0% {
    opacity: 0;
    transform: translateY(-30%);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes opacity-fade-top-show {
  0% {
    opacity: 0;
    transform: translateY(30%);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes opacity-fade-in {
  0% {
    opacity: 0.4;
  }

  to {
    opacity: 1;
  }
}

@keyframes opacity-fade-light-show-modal {
  0% {
    opacity: 0;
    transform: scale(0.8);
  }

  to {
    opacity: 1;
    transform: scale(1);
  }
}

@keyframes opacity-fade-show-modal-strict {
  0% {
    opacity: 0;
    transform: scale(0.1);
  }

  to {
    opacity: 1;
    transform: scale(1);
  }
}

@keyframes opacity-fade-show-modal {
  0% {
    opacity: 0;
    transform: scale(0.9);
  }

  to {
    opacity: 1;
    transform: scale(1);
  }
}

@keyframes opacity-fade-hide-modal {
  0% {
    opacity: 1;
    transform: scale(1);
  }

  to {
    opacity: 0;
    transform: scale(0.7);
  }
}

@keyframes opacity-zoom-fade-hide {
  0% {
    opacity: 0.5;
  }

  to {
    opacity: 0;
    transform: scale(6);
  }
}

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

  2% {
    transform: rotate(15deg);
  }

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

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

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

  10% {
    transform: rotate(22deg);
  }

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

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

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

@keyframes pointing-down {

  0%,
  to {
    transform: translate3d(0, 0, 0);
  }

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

@keyframes form-alert-top-and-hide {
  0% {
    opacity: 0;
    transform: translateY(50px);
  }

  20%,
  80% {
    opacity: 1;
    transform: translateY(0);
  }

  to {
    opacity: 0;
  }
}

@keyframes move-from-right {
  0% {
    transform: translateX(100%);
  }

  to {
    transform: translateX(0);
  }
}

@keyframes move-bottom-right {
  0% {
    transform: translateY(100%);
  }

  to {
    transform: translateY(0);
  }
}

@keyframes landing-opacity-zoom-fade-show-delay {
  0% {
    opacity: 0;
    transform: translateY(20%);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes landing-opacity-move-left-delay {
  0% {
    opacity: 0.4;
    transform: translateX(-20%);
  }

  to {
    opacity: 1;
    transform: translateX(0);
  }
}

@keyframes toast-flash-show {
  0% {
    opacity: 0;
    transform: translateY(0);
  }

  to {
    opacity: 1;
    transform: translateY(64px);
  }
}

@keyframes circleFadeDelay {

  0%,
  39%,
  to {
    opacity: 0;
  }

  40% {
    opacity: 1;
  }
}

@keyframes scanner {
  0% {
    top: 0;
  }

  to {
    top: calc(100% - 3px);
  }
}

@keyframes loader-ds {
  to {
    transform: rotate(360deg);
  }
}

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

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

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

@keyframes select-animation-spin {
  to {
    transform: rotate(1turn);
  }
}

@keyframes select-animation-fadeIn {
  0% {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes video-player-animation-play-desktop {
  0% {
    opacity: 0.6;
    transform: translateX(-50%) translateY(-50%) scale(1);
  }

  to {
    opacity: 0;
    transform: translateX(-50%) translateY(-50%) scale(1.5);
  }
}

@keyframes moving-stripes {
  0% {
    background-position: 0 0;
  }

  to {
    background-position: 1rem 0;
  }
}

@keyframes toast-animation-show {
  0% {
    opacity: 0.3;
    right: calc(100% + 50px);
  }

  to {
    opacity: 1;
    right: 0;
  }
}

@keyframes toast-animation-hide {
  0% {
    opacity: 1;
    right: 0;
  }

  to {
    opacity: 0.3;
    right: calc(100% + 50px);
  }
}

@keyframes ability-animation-for-left {
  0% {
    opacity: 0;
    transform: translateX(-40%);
  }

  to {
    opacity: 1;
    transform: translateX(0);
  }
}

@keyframes ability-animation-for-right {
  0% {
    opacity: 0;
    transform: translateX(40%);
  }

  to {
    opacity: 1;
    transform: translateX(0);
  }
}

@keyframes arrow-down-animated-move {
  0% {
    top: -26px;
  }

  to {
    top: 4px;
  }
}

@keyframes arrow-down-animated-move-infinity {

  0%,
  70% {
    top: -26px;
  }

  to {
    top: 4px;
  }
}

@keyframes controls-appearance {
  0% {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes animation-ability-tip {

  0%,
  50% {
    transform: scale(0);
  }

  80% {
    transform: scale(1.2);
  }

  to {
    transform: scale(1);
  }
}

@keyframes animation-element-highlighted {

  0%,
  20%,
  to {
    box-shadow: 0 0 0 4px transparent;
  }

  10% {
    box-shadow: 0 0 2px 4px #ff3332;
  }

  30% {
    box-shadow: 0 0 2px 4px rgba(163, 73, 252, 0.8);
  }
}

@keyframes smile-appear {
  0% {
    opacity: 0;
    transform: scale(0);
  }

  to {
    opacity: 1;
    transform: scale(1);
  }
}

@keyframes flareAnimation {

  0%,
  30% {
    transform: translateX(-100%);
  }

  50%,
  to {
    transform: translateX(100%);
  }
}

@keyframes skeleton-animation {

  0%,
  to {
    opacity: 1;
  }

  50% {
    opacity: 0.4;
  }
}

@keyframes donut-spin {
  0% {
    transform: rotate(0deg);
  }

  to {
    transform: rotate(360deg);
  }
}

@keyframes animation-comment-highlighted {

  0%,
  50% {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

@keyframes animate-slide {
  0% {
    opacity: 0;
    transform: translate(16px, 0);
  }

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

@keyframes fadeIn {
  0% {
    opacity: 0;
    transform: translate(12px, 0);
  }

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

body {
  background: #050506;
  font: 0.875rem "Open Sans", Helvetica, "Roboto", "Arial", sans-serif;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-weight: 500;
  font-family: 'Open Sans' !important;
}

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

body,
html {
  text-size-adjust: 100%;
  letter-spacing: 0.031rem;
}

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

  body,
  html {
    letter-spacing: 0.019rem;
  }
}

.text-underline {
  text-decoration: underline;
}

a {
  color: #a4a4a4;
  cursor: pointer;
  text-decoration: none;
  font-family: 'Open Sans' !important;
}

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

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

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

.strong {
  font-weight: 700;
}

.strong-500 {
  font-weight: 500;
}

.text-left {
  text-align: left;
}

.text-center {
  text-align: center;
}

.text-right {
  text-align: right;
}

.no-wrap {
  white-space: nowrap;
}

.pre-line {
  white-space: pre-line;
}

.color-ios,
.color-ios:hover {
  color: #2e7cf6;
}

.color-teaser {
  color: #f9d400;
}

.color-st {
  color: #a2252d;
}

.black-color-text,
.black-color-text:hover {
  color: #000;
}

.white-color-text,
.white-color-text:hover {
  color: #fff;
}

.white-color-text-2,
.white-color-text-2:hover {
  color: #49494a;
}

.white-color-text-4,
.white-color-text-4:hover {
  color: #707071;
}

.white-color-text-opacity-4,
.white-color-text-opacity-4:hover {
  color: rgba(255, 255, 255, 0.4);
}

.white-color-text-6,
.white-color-text-6:hover {
  color: #a0a0a1;
}

.white-color-text-opacity-6,
.white-color-text-opacity-6:hover {
  color: rgba(255, 255, 255, 0.6);
}

.white-color-text-8,
.white-color-text-8:hover {
  color: #cfcfd0;
}

.white-color-text-opacity-8,
.white-color-text-opacity-8:hover {
  color: rgba(255, 255, 255, 0.8);
}

.color-green-light {
  color: #83cb3e;
}

.color-grey-100 {
  color: #d4d4d4;
}

.color-grey-200 {
  color: #808085;
}

.color-grey-300 {
  color: #5f5f67;
}

.color-grey-400 {
  color: #424248;
}

.color-grey-500 {
  color: #343437;
}

.color-grey-600 {
  color: #232325;
}

.color-grey-700 {
  color: #1b1b1d;
}

.color-grey-800 {
  color: #111113;
}

.color-grey-900 {
  color: #050506;
}

.pale-light-text {
  opacity: 0.8;
}

.pale-text-7 {
  opacity: 0.7;
}

.pale-text {
  color: #a0a0a1;
}

.pale-x-text {
  opacity: 0.4;
}

.white-pale-text {
  color: #a0a0a1;
}

.white-pale-text-04 {
  color: #707071;
}

.primary-default-color-text,
.primary-default-color-text:hover {
  color: #d60908;
}

.accent-color-text,
.accent-color-text-bg:hover,
.accent-color-text:hover {
  color: #ff3332;
}

.accent-color-text-bg,
.color-positive-light-text-bg {
  align-items: center;
  border-radius: 6px;
  display: inline-flex;
  height: 18px;
  padding: 2px 4px;
}

.accent-color-text-bg {
  background: #28234a;
  color: #ff3332;
}

.color-positive-light-text-bg {
  background: #1c2a24;
  color: #67ed27;
}

.color-positive-light-text-bg:hover {
  color: #67ed27;
}

.accent-color-text-with-hover:active,
.accent-color-text-with-hover:hover,
.accent-light-color-text,
.accent-light-color-text:hover {
  color: #d60908;
}

.accent-color-text-with-hover {
  color: #ff3332;
  text-decoration: underline;
}

.color-like,
.color-like:hover {
  color: #f44;
}

.color-positive,
.color-positive:hover {
  color: #21b062;
}

.primary-color-text,
.primary-color-text:hover {
  color: var(--primary-border);
}

.primary-dark-x-color-text,
.primary-dark-x-color-text:hover {
  color: #6903ce;
}

.primary-light-color-text,
.primary-light-color-text:hover {
  color: #d60908;
}

.yellow-color-text,
.yellow-color-text:hover {
  color: #ffd600;
}

.alive-link {
  pointer-events: auto;
  text-decoration: underline;
}

.alive-link:hover {
  text-decoration: none;
}

.red-color-text,
.red-color-text:hover {
  color: #d9023c;
}

.red-light-color-text,
.red-light-color-text:hover {
  color: #fd4967;
}

.error-color-text,
.error-color-text:hover {
  color: #fd3a5b;
}

.error-light-color-text,
.error-light-color-text:hover {
  color: #d21b4c;
}

.color-pale {
  opacity: 0.6;
}

.color-pale-x {
  opacity: 0.4;
}

.color-warning,
.color-warning:hover {
  color: #fccf49;
}

.email-text::after {
  content: "help@my.club";
}

.text-onf::before {
  content: "Only";
}

.text-onf::after {
  content: "Fans";
}

.text-starsavn::before {
  content: "AVN";
}

.text-starsavn::after {
  content: " Stars";
}

.text-fansly::before {
  content: "Fan";
}

.text-fansly::after {
  content: "sly";
}

.text-bold {
  font-weight: 700;
}

.text-uppercase {
  text-transform: uppercase;
}

.text-lowercase {
  text-transform: lowercase;
}

.cursor-pointer {
  cursor: pointer;
}

a.text-link {
  color: inherit;
}

.color-male {
  color: #1fc9ff;
}

.color-female {
  color: #f423a2;
}

.color-trans {
  color: #a862ff;
}

.content-header-text {
  font-size: 40px;
  font-weight: 700;
  margin: 0 0 32px;
}

@media screen and (max-width: 639px) {
  .content-header-text {
    font-size: 18px;
    line-height: 22px;
    margin-bottom: 12px;
  }
}

.trending-header {
  font-size: 40px;
  font-weight: 700;
  line-height: 49px;
  margin: 0;
  padding: 0;
  position: relative;
  width: 100%;
}

.trending-header--center {
  margin-right: 49px;
  text-align: center;
}

.trending-header__subtitle {
  color: #a0a0a1;
  font-size: 16px;
  font-weight: 400;
  line-height: normal;
  position: absolute;
  width: 100%;
}

.trending-header__text {
  overflow: hidden;
  text-overflow: ellipsis;
}

@media screen and (max-width: 639px) {
  .trending-header {
    font-size: 27px;
    line-height: 32px;
  }

  .trending-header--center {
    margin: 0 0 34px;
    text-align: left;
  }
}

.is-multiple a.select-value-label:hover,
.underline-hover:hover,
a.text-link {
  text-decoration: underline;
}

.opacity-hover:hover {
  opacity: 0.8;
}

.terms-address::before {
  content: "Spyrou Kyprianou 79, 2";
}

.terms-address::after {
  content: " Floor, Flat 201, 3076, Limassol, Cyprus";
}

.hidden {
  display: none !important;
}

.page-wrapper {
  display: flex;
  flex-direction: column;
  flex: 1;
  flex-basis: auto;
  flex-grow: 1;
  flex-shrink: 0;
}

.container.island-page,
.island-page {
  display: flex;
  justify-content: center;
  padding: 60px 0;
  text-align: center;
}

.container.island-page>.island-wrapper,
.form-fields .settings-field>div.settings-label>label,
.island-page>.island-wrapper {
  text-align: left;
}

.island-wrapper {
  display: inline-block;
  max-width: 100%;
  position: relative;
  vertical-align: top;
}

.island-top {
  align-items: center;
  justify-content: space-between;
  padding-bottom: 10px;
  position: relative;
  display: flex;
  flex-direction: row;
}

.island-top-title {
  color: #fff;
  display: inline-block;
  margin: 0;
  font-size: 1.5rem;
}

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

.footer-bottom>a,
.island .text {
  color: #fff;
}

.island .link {
  color: #e3e3e3;
  text-decoration: underline;
}

.island .link:hover {
  text-decoration: none;
}

.island .link-after-text {
  margin-left: 0.3em;
}

.island .field {
  display: block;
  position: relative;
}

.island .field-action {
  text-align: center;
}

.island .btn-action {
  font-weight: 700;
  opacity: 0.9;
}

.island .btn-action.disabled,
.island .btn-action:disabled {
  opacity: 0.33;
}

.island-small {
  max-width: 100%;
  padding: 18px 20px;
  width: 300px;
}

.island-small .island-title {
  font-size: 1.5rem;
}

.island-small .link,
.island-small .suggestion {
  font-size: 0.75rem;
}

.island-small .field {
  margin-top: 20px;
}

.island-small .field:first-child {
  margin-top: 0;
}

.island-small .btn-action {
  line-height: 38px;
  min-width: 160px;
  font-size: 0.938rem;
}

.island-small .textarea,
.island-small input.input[type="date"],
.island-small input.input[type="email"],
.island-small input.input[type="password"],
.island-small input.input[type="text"] {
  padding: 0 15px;
  width: 100%;
  font-size: 0.875rem;
}

.island-small .tooltip>.tooltip-inner {
  font-size: 0.75rem;
}

@media screen and (max-width: 1023px) {
  .island-small .tooltip-inner {
    padding: 0;
  }
}

.columns {
  display: flex;
  flex-wrap: wrap;
  margin-left: -0.375rem;
  margin-right: -0.375rem;
}

.column {
  display: block;
  flex: 1 1 0;
  padding: 0 0.375rem;
}

.container {
  margin: 0 auto;
  max-width: 100%;
  position: relative;
  width: 100%;
}

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

  .fs {
    right: 560px !important;
  }

}

.spacer {
  margin-top: 0.375rem;
}

.spacer-small-x {
  margin-top: 0.25rem;
}

.spacer-small-s {
  margin-top: 0.5rem;
}

.spacer-10 {
  margin-top: 10px;
}

.spacer-small {
  margin-top: 0.75rem;
}

.spacer-medium-x {
  margin-top: 1rem;
}

.spacer-medium {
  margin-top: 1.25rem;
}

.spacer-large,
.spacer-large-double {
  margin-top: 1.5rem;
}

.spacer-large-2 {
  margin-top: 2rem;
}

.spacer-large-xs {
  margin-top: 2.5rem;
}

.spacer-large-x {
  margin-top: 3rem;
}

.spacer-large-xx {
  margin-top: 80px;
}

.line {
  background: rgba(255, 255, 255, 0.1);
  height: 1px;
}

.indent-left-small {
  margin-left: 12px;
}

.indent-right-medium {
  margin-right: 16px;
}

.indent-right-16,
.indent-right-small {
  margin-right: 12px;
}

.indent-right-small-6 {
  margin-right: 6px;
}

.indent-right-small-8 {
  margin-right: 8px;
}

.indent-right-small-4 {
  margin-right: 4px;
}

.indent-right-small-10 {
  margin-right: 10px;
}

.indent-left-small-6 {
  margin-left: 6px;
}

.indent-left-small-4 {
  margin-left: 4px;
}

.indent-left-10 {
  margin-left: 10px;
}

.indent-left-16 {
  margin-left: 16px;
}

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

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

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

@media screen and (max-width: 639px) {
  .from-tablet {
    display: none;
  }
}

@media screen and (min-width: 640px) {
  .only-phone {
    display: none;
  }
}

.max-height-300 {
  max-height: 300px;
}

.min-width-200 {
  min-width: 200px;
}

.min-width-500 {
  min-width: 500px;
}

.max-width-140 {
  max-width: 140px;
}

.max-width-230 {
  max-width: 230px;
}

.min-width-140 {
  min-width: 140px;
}

.min-width-230 {
  min-width: 230px;
}

.max-width-560 {
  max-width: 560px;
}

.max-width-590 {
  max-width: 590px;
}

.text-overflow {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.flex-align-left {
  align-items: center;
  display: flex;
  justify-content: flex-start;
}

.flex-align-center {
  justify-content: center;
}

.flex-align-center,
.flex-vertical-center {
  align-items: center;
  display: flex;
}

.align-center {
  justify-content: center;
  text-align: center;
}

.align-right {
  justify-content: flex-end;
  text-align: right;
}

.align-end {
  justify-content: flex-end;
  text-align: end;
}

.align-space-between {
  align-items: center;
  display: flex;
  justify-content: space-between;
}

.line-1 {
  background: rgba(255, 255, 255, 0.1);
  height: 1px;
}

.disabled-click,
.disabled-content {
  pointer-events: none;
}

.disabled-content {
  opacity: 0.6;
}

.break-word {
  word-break: break-word;
}

.block {
  clear: both;
  display: block;
}

.observer-page {
  height: 400px;
  pointer-events: none;
  position: absolute;
  transform: translateY(-218px);
}

.list-dot {
  list-style: inside disc;
}

.grid-align-center {
  align-items: center;
  display: grid;
  grid-auto-flow: column;
  justify-content: center;
}

.columns-grid-medium {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.position-relative {
  position: relative;
}

.padding-regular-x {
  padding-left: 20px;
  padding-right: 20px;
}

.padding-regular-y {
  padding-bottom: 20px;
  padding-top: 20px;
}

.error-boundary {
  align-items: center;
  background: #000;
  bottom: 0;
  color: #fff;
  display: flex;
  justify-content: center;
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
}

.error-boundary__content {
  max-width: 470px;
  padding: 35px;
  position: relative;
}

.error-boundary__title {
  font-size: 20px;
  line-height: 26px;
  margin: 10px 0 0;
  opacity: 0.9;
}

.error-boundary__text {
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  font-size: 15px;
  line-height: 22px;
  opacity: 0.6;
  padding-bottom: 30px;
}

.error-boundary__text-error {
  font-size: 13px;
  margin: 30px 0 0;
  opacity: 0.4;
}

.error-boundary__text-error-number {
  display: block;
  margin-top: 4px;
  word-break: break-all;
}

.error-boundary__textarea {
  display: block;
  margin: 10px 0;
  min-height: 100px;
  width: 100%;
}

.error-boundary .button {
  margin: 30px 0;
}

.main-layout {
  min-height: 100vh;
  overflow: hidden;
  padding-bottom: calc(var(--tap-bar-height) + env(safe-area-inset-bottom));
  padding-top: var(--pwa-notification-height);
}

.main-layout__landing-body {
  overscroll-behavior-y: none;
}

@media screen and (max-width: 1023px) {
  .main-layout__landing-body {
    overscroll-behavior-x: none;
  }
}

.main-layout__landing-body .default-footer {
  background: 0 0;
}

.main-layout__wrapper {
  min-height: 100vh;
  padding: 0 0 40px;
}

.main-layout--clear-page {
  background: linear-gradient(199.01deg, #27053d 0, #050506 72.26%);
}

.main-layout__shadow-circle {
  background: #ff3332;
  border-radius: 50%;
  filter: blur(250px);
  height: 625px;
  left: -180px;
  opacity: 0.08;
  position: fixed;
  top: 659px;
  width: 625px;
  z-index: 1;
}

.main-layout--landing {
  background: #050506;
}

@media screen and (min-width: 640px) {
  .main-layout--cookie .messenger-chats {
    bottom: 60px;
  }

  .main-layout--cookie .messenger-chat--expanded .content {
    max-height: calc(100vh - 160px);
  }
}

:root {
  --primary: #a2252d;
  --primary-light: #fa5365;
  --primary-dark: #912229;
  --primary-border: #d60908;
  --primary-modal: #af262f;
  --pwa-notification-height: 0px;
  --pwa-sticky-header-height: 0px;
  --tap-bar-height: 0px;
}

* {
  box-sizing: inherit;
}

::selection {
  background: #d60908;
  color: #fff;
}

html {
  background: #050506;
  box-sizing: border-box;
  min-height: 100vh;
}

html.disable-scroll {
  overflow: hidden;
  position: fixed;
  width: 100%;
}

html.scroll-lock--hard {
  overflow: hidden;
}

html.scroll-lock--hard>body {
  overflow: hidden;
  position: fixed;
}

html.scroll-lock--hard-mobile>body {
  position: fixed;
}

body {
  color: #fff;
  width: 100%;
}

li,
ul {
  padding: 0;
}

body,
li {
  margin: 0;
}

ul {
  list-style: none;
  margin-bottom: 0;
  margin-top: 1rem;
}

img {
  border: 0;
  vertical-align: middle;
}

button,
input,
select,
textarea {
  line-height: inherit;
  margin: 0;
  outline: 0;
}

textarea {
  font: 0.875rem "Rubik", Helvetica, "Roboto", "Arial", sans-serif;
  resize: vertical;
}

input::-webkit-inner-spin-button,
input::-webkit-outer-spin-button,
input[type="search"],
input[type="submit"] {
  -webkit-appearance: none;
  appearance: none;
}

input[type="number"] {
  -moz-appearance: textfield;
}

input::-webkit-inner-spin-button,
input::-webkit-outer-spin-button {
  margin: 0;
}

hr {
  border: 0;
  border-top: 0.0625rem solid rgba(0, 0, 0, 0.1);
  margin: 1rem 0;
}

.adsbox {
  bottom: 0;
  left: 0;
  position: fixed;
}

.invisible-block {
  visibility: hidden;
}

.mobile-show {
  display: none !important;
}

.profile-media-pills {}

@media screen and (max-width: 1023px) {
  .mobile-hide {
    display: none !important;
  }

  .mobile-show {
    display: inline-flex !important;
  }

  .fs {
    background: #0c0c0c !important;
  }

  .user-media-content-sub-title {
    margin-left: 20px !important;
  }

  .profile-media-pills {
    margin-top: 15px !important;
    margin-right: 15px !important;
    margin-left: 15px !important;
  }

  .header-notifications {
    position: fixed !important;
    bottom: 60px !important;
    top: initial !important;
  }

}

@media screen and (max-width: 639px) {
  .before-tablet-hide {
    display: none !important;
  }
}

@media screen and (max-width: 374px) {
  .before-phablet-hide {
    display: none !important;
  }
}

@media screen and (min-width: 1024px) {
  .desktop-hide {
    display: none !important;
  }
}

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

@media screen and (max-width: 639px) {
  .phone-hide {
    display: none !important;
  }
}

@media screen and (min-width: 480px) {
  .before-phone-hide {
    display: none !important;
  }
}

#body_loader {
  pointer-events: none;
  transition: opacity 0.5s;
  z-index: 10000;
}

.hide {
  display: none !important;
}

.footer-description {
  opacity: 0.4;
  padding: 0 30px 0 0;
}

.footer-description p:last-child {
  margin: 0;
}

.default-footer {
  background: #050506;
  color: #fff;
  padding: 0;
  position: relative;
  font-size: 0.75rem;
}

.default-footer__content {
  margin: 0 auto;
  max-width: 1400px;
  padding: 0 40px;
}

.default-footer .column {
  padding: 0.375rem 0.7rem 0.375rem 0;
}

.default-footer .column:last-child {
  padding-right: 0;
}

.default-footer .icon-agreement {
  opacity: 0.4;
}

@media screen and (max-width: 1023px) {
  .default-footer__content {
    padding: 0 16px;
  }
}

@media screen and (min-width: 640px) and (max-width: 1023px) {
  .default-footer .footer-section:nth-child(-n + 2) {
    margin-bottom: 20px;
  }
}

@media screen and (min-width: 480px) and (max-width: 639px) {
  .default-footer .column {
    padding: 0.375rem;
  }

  .default-footer .footer-address {
    flex-wrap: wrap;
  }

  .default-footer .footer-section:nth-child(-n + 2) {
    margin-bottom: 20px;
  }

  .default-footer .footer-left .footer-nav {
    margin: 10px 0 0;
    display: flex;
    flex-direction: row;
  }

  .default-footer .icon-agreement {
    display: none;
  }
}

@media screen and (max-width: 479px) {
  .default-footer .footer-description {
    padding: 0;
  }

  .default-footer .columns {
    margin: 0;
  }

  .default-footer .column {
    padding: 0.375rem 0;
  }

  .default-footer .footer-bottom {
    border-top: 1px solid rgba(255, 255, 255, 0.25);
    display: block;
    margin: 0;
    padding: 24px 0 0;
  }

  .default-footer .footer-address {
    margin: 16px 0 0;
  }

  .default-footer .footer-top {
    margin-bottom: 0;
  }

  .default-footer .footer-section:nth-child(-n + 2) {
    margin-bottom: 20px;
  }

  .default-footer .footer-additionally {
    border-bottom: 1px solid rgba(164, 164, 164, 0.2);
    border-top-width: 0;
    margin-top: 0;
  }

  .default-footer .footer-left .footer-nav {
    display: flex;
    margin: 10px 0;
    flex-direction: column;
  }

  .default-footer .icon-agreement {
    display: none;
  }

  .default-footer .footer-left .footer-nav .footer-section {
    width: 100%;
  }
}

.footer-top {
  margin-bottom: 0.375rem;
}

.footer-section-header {
  color: rgba(255, 255, 255, 0.6);
  margin: 0 0 8px;
}

.footer-social-link {
  vertical-align: middle;
  display: flex;
  flex-direction: row;
}

.footer-social-link .icon {
  fill: #a4a4a4;
  margin-right: 6px;
  margin-top: 1px;
}

.footer-social-link:hover .icon {
  fill: #d60908;
}

.footer-right {
  margin: -0.375rem 0;
}

.footer-right .footer-nav .footer-section:last-child {
  flex: 0;
}

.footer-address {
  justify-content: flex-end;
  margin-top: -3px;
  display: flex;
  flex-direction: row;
}

.footer-bottom,
.footer-logo {
  align-items: center;
  justify-content: space-between;
  display: flex;
  flex-direction: row;
}

.footer-bottom {
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  margin: 0 0 4px;
  opacity: 0.4;
  padding: 20px 0 0;
}

.footer-logo {
  flex-wrap: wrap;
  margin: 0 0 24px;
}

.footer-logo__icon {
  background: url('../logo.png') no-repeat;
  background-size: contain;
  display: block;
  height: 34px;
  margin: 0 0 20px;
  opacity: 0.6;
  transition: opacity 0.3s;
  width: 146px;
}

.footer-logo__icon:hover {
  opacity: 1;
}

.footer-section__social {
  align-items: center;
  display: flex;
  margin: 20px 0;
}

.footer-section__social-item {
  margin: 0 18px 0 0;
}

.footer-section__social-item-icon {
  height: 18px;
  width: 18px;
}

.footer-section__link {
  color: #707071;
  transition: color 0.3s;
}

.footer-section__link--purple {
  color: #7f6e8c;
}

.footer-section__link:hover {
  color: #fff;
}

.footer-section-item {
  font-size: 0.813rem;
  line-height: 1.125rem;
  margin: 8px 0;
}

.footer-section-item .icon-myclub-logo {
  opacity: 0.6;
}

.footer-section-item__q-icon {
  margin: 0 0 0 4px;
  position: absolute;
}

.footer-section-item__tel {
  color: #fff;
  opacity: 0.4;
  transition: opacity 0.3s;
}

.footer-section-item__tel::before {
  content: "1-855-610-0599 ";
}

.footer-section-item__tel::after {
  content: "(USA Toll Free)";
  display: inline-block;
}

.footer-section-item__title {
  color: rgba(255, 255, 255, 0.4);
  margin-right: 4px;
  white-space: nowrap;
}

.footer-place::after {
  content: "Warmtech Ltd Spyrou Kyprianou 79, Protopapas Blg, flat 201, 3076, Limassol, Cyprus";
}

.btn {
  align-items: center;
  border: 1px solid transparent;
  border-radius: 12px;
  cursor: pointer;
  display: inline-flex;
  font-family: inherit;
  font-weight: 400;
  justify-content: center;
  outline: 0;
  overflow: hidden;
  padding: 0 20px;
  text-align: center;
  text-decoration: none;
  text-overflow: ellipsis;
  touch-action: manipulation;
  vertical-align: middle;
  white-space: nowrap;
  -webkit-user-select: none;
  user-select: none;
  font-size: 0.813rem;
  letter-spacing: 0.013rem;
  line-height: 1.813rem;
}

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

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

.btn:active {
  transform: translateY(1px);
}

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

.btn--width--medium {
  width: 140px;
}

.btn--width--wide {
  width: 100%;
}

.btn__percent {
  display: inline-block;
  text-align: right;
  width: 3em;
}

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

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

.btn-medium {
  height: 32px;
}

.btn-medium-x {
  height: 36px;
  line-height: 34px;
}

.btn-medium-xx {
  height: 38px;
  line-height: 36px;
  padding: 0 8px;
}

.btn-medium-xx-compact {
  align-items: center;
  display: flex;
  height: 38px;
  justify-content: center;
  min-width: 48px;
  padding: 0 6px;
  font-size: 1rem;
}

.btn-large-compact.disabled,
.btn-large-compact:disabled,
.btn-medium-xx-compact.disabled,
.btn-medium-xx-compact:disabled {
  opacity: 0.9;
}

.btn-large {
  height: 40px;
  line-height: 38px;
  font-size: 0.875rem;
}

.btn-large-compact {
  align-items: center;
  display: flex;
  height: 40px;
  justify-content: center;
  min-width: 44px;
  padding: 0 6px;
  font-size: 1rem;
}

.btn-block,
.btn-flex {
  display: block;
}

.btn-flex {
  align-items: center;
}

.btn-default {
  background: #343437;
  color: #fff;
  transition: background 250ms, color 250ms;
  border-color: transparent;
}

.btn-default>.icon {
  transition: fill 250ms, color 250ms;
}

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

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

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

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

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

.btn-dark {
  background: #111113;
  color: #fff;
  transition: background 250ms, color 250ms;
  border-color: transparent;
}

.btn-dark>.icon {
  transition: fill 250ms, color 250ms;
}

.btn-dark:hover {
  background: #232325;
  color: #fff;
}

.btn-dark:active,
.btn-dark:focus {
  background: #232325;
  color: #fff;
}

.btn-dark .btn-loader-overlay {
  background-color: #111113;
  color: #fff;
}

.btn-dark.hover,
.btn-dark:hover {
  border-color: transparent;
}

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

.btn-accept {
  background: #d9023c !important;
  color: #f1f1f1;
  transition: background 250ms, color 250ms;
}

.btn-accept>.icon {
  transition: fill 250ms, color 250ms;
}

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

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

.btn-accept .btn-loader-overlay {
  background-color: #d9023c;
  color: #fff;
}

.btn-red-chat {
  background: rgba(210, 27, 76, 0.2);
  color: #d21b4c;
  transition: background 250ms, color 250ms;
}

.btn-red-chat>.icon {
  transition: fill 250ms, color 250ms;
}

.btn-red-chat:hover {
  background: rgba(210, 27, 76, 0.4);
  color: #d21b4c;
}

.btn-red-chat:active,
.btn-red-chat:focus {
  background: rgba(210, 27, 76, 0.4);
  color: #d21b4c;
}

.btn-red-chat .btn-loader-overlay {
  background-color: rgba(210, 27, 76, 0.2);
  color: #d21b4c;
}

.btn-green-chat {
  background: rgba(33, 176, 98, 0.2);
  color: #21b062;
  transition: background 250ms, color 250ms;
}

.btn-green-chat>.icon {
  transition: fill 250ms, color 250ms;
}

.btn-green-chat:hover {
  background: rgba(33, 176, 98, 0.4);
  color: #21b062;
}

.btn-green-chat:active,
.btn-green-chat:focus {
  background: rgba(33, 176, 98, 0.4);
  color: #21b062;
}

.btn-green-chat .btn-loader-overlay {
  background-color: rgba(33, 176, 98, 0.2);
  color: #21b062;
}

.btn-apply {
  background: #d60908;
  color: #fff;
  transition: background 250ms, color 250ms;
}

.btn-apply>.icon {
  transition: fill 250ms, color 250ms;
}

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

.btn-apply:active,
.btn-apply:focus {
  background: #ff3332;
  color: #fff;
}

.btn-apply .btn-loader-overlay {
  background-color: #d60908;
  color: #fff;
}

.btn-apply-outline {
  background: 0 0;
  border-color: #d60908;
  border-width: 2px;
  color: #fff;
  transition: background 250ms;
}

.btn-apply-outline:hover {
  background: #d60908;
  border-color: #d60908;
}

.btn-apply-primary {
  background: #34b353;
  color: #fff;
  transition: background 250ms, color 250ms;
}

.btn-apply-primary>.icon {
  transition: fill 250ms, color 250ms;
}

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

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

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

.btn-light {
  background: rgba(255, 255, 255, 0.1);
  color: rgba(255, 255, 255, 0.6);
  transition: background 250ms, color 250ms;
  font-weight: 400;
}

.btn-light>.icon {
  transition: fill 250ms, color 250ms;
}

.btn-light:hover {
  background: rgba(255, 255, 255, 0.2);
  color: rgba(255, 255, 255, 0.8);
}

.btn-light:active,
.btn-light:focus {
  background: rgba(255, 255, 255, 0.2);
  color: rgba(255, 255, 255, 0.8);
}

.btn-light .btn-loader-overlay {
  background-color: rgba(255, 255, 255, 0.1);
  color: rgba(255, 255, 255, 0.8);
}

.btn-join {
  transition: background 250ms, color 250ms;
}

.btn-join>.icon {
  transition: fill 250ms, color 250ms;
}

.btn-join,
.btn-join:hover {
  background: #ff3332;
  color: #fff;
}

.btn-join:active,
.btn-join:focus {
  background: #ff3332;
  color: #fff;
}

.btn-join .btn-loader-overlay {
  background-color: #ff3332;
  color: #fff;
}

.btn-outline {
  background: 0 0;
  color: #fdfdfd;
  transition: background 250ms, color 250ms;
  border-color: rgba(255, 255, 255, 0.2);
}

.btn-outline>.icon {
  transition: fill 250ms, color 250ms;
}

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

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

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

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

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

.btn-outline-pale {
  background: 0 0;
  color: #fff;
  transition: background 250ms, color 250ms;
  border-color: #343437;
  border-width: 2px;
}

.btn-outline-pale>.icon {
  transition: fill 250ms, color 250ms;
}

.btn-outline-pale:hover {
  background: #424248;
  color: #fff;
}

.btn-outline-pale:active,
.btn-outline-pale:focus {
  background: #232325;
  color: #fff;
}

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

.btn-outline-pale.hover,
.btn-outline-pale:hover {
  border-color: #424248;
}

.btn-outline-pale.active,
.btn-outline-pale.focus,
.btn-outline-pale:active,
.btn-outline-pale:focus {
  border-color: #232325;
}

.btn-signup {
  background: #f1f1f1;
  color: #d60908;
}

.btn-signup:active,
.btn-signup:focus,
.btn-signup:hover {
  opacity: 0.9;
}

.btn-signup .btn-loader-overlay {
  color: #1b1b1d;
}

.btn-goal {
  background: #fff;
  color: #21b062;
}

.btn-goal:active,
.btn-goal:focus,
.btn-goal:hover {
  background: rgba(255, 255, 255, 0.8);
}

.btn-goal .btn-loader-overlay {
  color: #21b062;
}

.btn-pale {
  background: 0 0;
  color: rgba(255, 255, 255, 0.6);
  transition: background 250ms, color 250ms;
  border-color: rgba(255, 255, 255, 0.3);
}

.btn-pale>.icon {
  transition: fill 250ms, color 250ms;
}

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

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

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

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

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

.btn-telegram {
  background: #27a7e9;
  color: #fff;
  transition: background 250ms, color 250ms;
  border-width: 0;
}

.btn-telegram>.icon {
  transition: fill 250ms, color 250ms;
}

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

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

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

.btn-text {
  background: 0 0;
  color: rgba(255, 255, 255, 0.6);
  transition: background 250ms, color 250ms;
  padding: 0;
}

.btn-text>.icon {
  transition: fill 250ms, color 250ms;
}

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

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

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

.btn-default-filled {
  background: rgba(255, 255, 255, 0.8);
  color: #000;
  transition: background 250ms, color 250ms;
}

.btn-default-filled>.icon {
  transition: fill 250ms, color 250ms;
}

.btn-default-filled:hover {
  background: rgba(255, 255, 255, 0.6);
  color: #000;
}

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

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

.btn-default-outline {
  background: 0 0;
  color: #fff;
  transition: background 250ms, color 250ms;
  border-color: #343437;
}

.btn-default-outline>.icon {
  transition: fill 250ms, color 250ms;
}

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

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

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

.btn-default-outline.hover,
.btn-default-outline:hover {
  border-color: #424248;
}

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

.btn-second {
  background: 0 0;
  color: rgba(255, 255, 255, 0.8);
  transition: background 250ms, color 250ms;
  border-color: rgba(255, 255, 255, 0.4);
}

.btn-second>.icon {
  transition: fill 250ms, color 250ms;
}

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

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

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

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

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

.btn-gray-ds {
  background: #424248;
  color: #fff;
  transition: background 250ms, color 250ms;
  border-width: 0;
}

.btn-gray-ds>.icon {
  transition: fill 250ms, color 250ms;
}

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

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

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

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

.btn-loading.btn-loading>svg {
  opacity: 0;
}

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

.btn-dark-blue {
  background: #2a244b;
  color: #fff;
  transition: background 250ms, color 250ms;
}

.btn-dark-blue>.icon {
  transition: fill 250ms, color 250ms;
}

.btn-dark-blue:hover {
  background: #9e40fd;
  color: #fff;
}

.btn-dark-blue:active,
.btn-dark-blue:focus {
  background: #ff3332;
  color: #fff;
}

.btn-dark-blue .btn-loader-overlay {
  background-color: #2a244b;
  color: #fff;
}

.pwa-install-notification {
  align-items: center;
  animation: opacity-fade-show 0.5s;
  background: #232325;
  display: flex;
  left: 0;
  padding: 10px 15px;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 105;
}

.pwa-install-notification .btn {
  margin-bottom: 0;
  margin-left: 10px;
  padding: 0 12px;
  flex: 1;
  flex-basis: auto;
  flex-grow: 0;
  flex-shrink: 0;
}

.pwa-install-notification .close-button {
  background: 0 0;
  border: 0;
  color: #fff;
  cursor: pointer;
  margin: 0 11px 0 0;
  opacity: 0.5;
  padding: 4px;
}

.pwa-install-notification-title {
  color: #fff;
  font-weight: 700;
  font-size: 0.875rem;
}

.pwa-install-notification-description {
  color: #fff;
  margin-top: 4px;
  opacity: 0.8;
  font-size: 0.75rem;
  line-height: 1.063rem;
}

.pwa-install-notification-body {
  justify-content: space-between;
  flex: 1;
  flex-basis: auto;
  flex-grow: 1;
  flex-shrink: 1;
}

.pwa-install-notification-body,
.pwa-install-notification-content,
.pwa-install-notification-logo {
  align-items: center;
  display: flex;
  flex-direction: row;
}

.pwa-install-notification-logo {
  height: 48px;
  justify-content: center;
  margin-right: 10px;
  width: 48px;
  flex: 1;
  flex-basis: auto;
  flex-grow: 0;
  flex-shrink: 0;
}

.pwa-install-notification-logo.transparent {
  background: 0 0;
}

.pwa-install-notification-logo img,
.pwa-install-popup-logo img {
  height: 100%;
  width: 100%;
}

.post-page {
  column-gap: 20px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin: 0 auto;
  position: relative;
}

.post-page__post {
  width: 642px;
}

.post-page__comments {
  max-width: 100%;
  position: relative;
  width: 300px;
}

.post-page .comments-gallery {
  height: 100%;
}

.post-page .comments-gallery__wrapper {
  border-radius: 16px;
  height: 100%;
}

.post-page .comments-gallery__count {
  border-top: 0;
}

@media screen and (max-width: 1279px) {
  .post-page .comments-gallery__wrapper {
    position: relative;
  }

  .post-page__comments {
    width: 642px;
  }
}

@media screen and (max-width: 639px) {
  .post-page {
    margin: 0-16px;
  }
}

.signup-page {
  max-width: 320px;
}

.landing-webcam-page__wrapper {
  align-items: center;
  display: flex;
  min-height: 100vh;
  width: 100%;
}

.landing-webcam-page__info {
  flex: 1;
  margin: 0 130px 0 0;
  padding: 10px 0 0;
}

.landing-webcam-page__animation--move-left {
  animation: landing-opacity-move-left-delay 0.6s;
}

.landing-webcam-page__animation--fade-in {
  animation: landing-opacity-zoom-fade-show-delay 1s;
}

.landing-webcam-page__title {
  font-size: 40px;
  font-weight: 500;
  line-height: 46px;
  margin: 22px 0 0;
}

.landing-webcam-page__description {
  color: #a0a0a1;
  font-size: 16px;
  line-height: 24px;
  margin: 20px 0 0;
}

.landing-webcam-page__benefit-list {
  font-size: 18px;
  font-weight: 400;
  line-height: 20px;
  margin: 58px 0 20px;
}

.landing-webcam-page__benefit {
  color: #a0a0a1;
  margin: 22px 0;
  padding: 0 0 0 44px;
  position: relative;
}

.landing-webcam-page__benefit-icon {
  color: #ff3332;
  left: 0;
  position: absolute;
  top: 0;
}

.landing-webcam-page__content {
  align-items: center;
  display: flex;
  justify-content: space-between;
  margin: 0 auto;
  max-width: 1280px;
  padding: 20px 40px;
  width: 100%;
}

.landing-webcam-page__right {
  display: flex;
  justify-content: center;
}

.landing-webcam-page__form {
  max-width: 100%;
  width: 384px;
}

@media screen and (max-width: 1023px) {
  .landing-webcam-page__info {
    margin: 80px 0 0;
    padding: 0;
  }

  .landing-webcam-page__content {
    display: block;
    padding: 0 24px 20px;
  }

  .landing-webcam-page__title {
    font-size: 32px;
    font-weight: 700;
    line-height: 39px;
  }

  .landing-webcam-page__right {
    margin: 20px 0 0;
  }
}

@media screen and (max-width: 479px) {
  .landing-webcam-page__logo {
    width: 222px;
  }

  .landing-webcam-page__title {
    margin: 0;
  }

  .landing-webcam-page__description {
    font-size: 14px;
    line-height: 24px;
  }
}

@media screen and (max-width: 320px) {
  .landing-webcam-page__content {
    padding: 20px 10px;
  }
}

.confirm-email-page {
  margin-bottom: 100px;
  margin-top: 100px;
  max-width: 600px;
  padding-bottom: 0;
  text-align: center;
}

.confirm-email-page .confirm-email-description {
  line-height: 34px;
  margin-bottom: 30px;
  margin-top: 25px;
  font-size: 1.75rem;
}

.confirm-email-page .confirm-email-actions {
  margin-top: 10px;
}

.confirm-email-page .confirm-email-actions>.btn {
  padding: 0 30px;
}

.confirm-email-page .icon-wrong {
  fill: #eab744;
}

.confirm-email-page .icon-error {
  fill: #fa7055;
}

@media screen and (max-width: 480px) {
  .confirm-email-page {
    margin-bottom: 20px;
    margin-top: 20px;
  }
}

.unsubscribe-page {
  display: flex;
  flex-direction: column;
}

.unsubscribe-page .header {
  font-weight: 700;
  margin: 20px;
  font-size: 1.25rem;
  line-height: 1.375rem;
}

.unsubscribe-page .description {
  margin-bottom: 10px;
  font-size: 0.813rem;
  line-height: 1rem;
}

.unsubscribe-page .subscription {
  font-weight: 700;
  margin-bottom: 32px;
  font-size: 0.938rem;
  line-height: 1.125rem;
}

.unsubscribe-page .subscription.font-weight-normal {
  font-weight: 400;
}

.unsubscribe-page .btn {
  margin-bottom: 32px;
}

.unsubscribe-page .footer {
  align-self: center;
  border-top: 1px solid rgba(255, 255, 255, 0.12);
  color: rgba(255, 255, 255, 0.8);
  padding: 20px 40px;
  font-size: 0.75rem;
  line-height: 0.875rem;
}

.unsubscribe-page .footer .btn {
  margin-top: 20px;
}

.subscriptions-page__navigation {
  align-items: center;
  display: flex;
  flex-wrap: nowrap;
  gap: 48px;
  justify-content: flex-start;
}

.subscriptions-page__link {
  font-size: 32px;
  font-weight: 700;
}

.subscriptions-page__link--active {
  color: #fff;
}

.subscriptions-page__link-icon {
  margin-right: 20px;
}

.user-photo-upload-menu-modal__content {
  max-width: 100%;
  width: 500px;
}

.user-photo-upload-menu-modal__camera {
  display: flex;
  max-width: 100%;
  min-height: min(380px, 50vh);
  padding: 20px;
  width: 500px;
}

.user-photo-upload-menu-modal__title {
  font-size: 16px;
  font-weight: 500;
}

.user-photo-upload-menu-modal .error {
  background-color: #603838;
  color: #fff;
  padding: 10px;
  text-align: center;
}

.user-photo-upload-menu-modal .divider {
  background-color: rgba(248, 248, 248, 0.05);
  height: 2px;
  margin: 24px 0;
  width: 100%;
}

.user-photo-upload-menu-modal .footer {
  display: flex;
  flex-direction: row-reverse;
  justify-content: space-between;
}

.user-photo-upload-menu-modal .limits-description {
  color: #bfbfbf;
  left: 0;
  margin-top: 10px;
  position: absolute;
  right: 0;
  text-align: center;
  top: 100%;
  font-size: 0.75rem;
}

@media screen and (max-width: 479px) {
  .user-photo-upload-menu-modal .cA {
    font-size: 1.125rem;
    line-height: 1.375rem;
  }

  .user-photo-upload-menu-modal .panes {
    margin-top: 20px;
  }

  .user-photo-upload-menu-modal .panes .pane {
    padding: 22.5px 0;
  }

  .user-photo-upload-menu-modal .divider {
    height: 1px;
    margin: 20px 0;
  }
}

.panes {
  margin-top: 24px;
  overflow: hidden;
  text-align: center;
  border-radius: 4px;
}

.panes>.pane {
  align-items: center;
  background-color: #424248;
  background-size: cover;
  border-radius: 12px;
  color: #fff;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin: 0 10px;
  min-width: calc(50% - 0.75rem);
  padding: 42.5px 0;
  position: relative;
  width: 100%;
}

.panes>.pane.is-pending> :not(.loader) {
  opacity: 0.33;
  pointer-events: none;
}

.panes>.pane:first-child {
  margin-left: 0;
}

.panes>.pane:last-child {
  margin-right: 0;
}

.panes>.pane>.pane-icon {
  display: flex;
  flex-direction: row;
  margin-bottom: 10px;
}

.panes>.pane>.pane-icon>svg {
  fill: #ccc;
  height: 32px;
  margin: 0;
  width: auto;
}

.panes>.pane>input[type="file"] {
  display: none;
}

.header-top,
.header-top .container {
  display: flex;
  width: 100%;
  max-width: 1480px;
  margin: 0 auto;
}

.header-top {
  background: #050506;
  box-shadow: 1px 1px 0 rgba(0, 0, 0, 0.15);
  height: 56px;
  left: 0;
  position: fixed;
  right: 0;
  top: var(--pwa-notification-height);
  transition: top 0.3s;
  z-index: 105;
  flex-direction: row;
}

.header-top--hidden {
  top: calc(-56px + var(--pwa-notification-height));
}

@media screen and (max-width: 479px) {
  .header-top-logo {
    margin-left: 1.125rem;
  }
}

.header-top__story {
  position: absolute;
  right: 24px;
  top: 80px;
  z-index: 1;
}

.header-top__back {
  align-items: center;
  background: #232325;
  border-radius: 50%;
  color: #a0a0a1;
  cursor: pointer;
  display: flex;
  height: 24px;
  justify-content: center;
  margin: 0 6px 0 16px;
  min-width: 24px;
  width: 24px;
}

.header-top .container {
  align-items: center;
  justify-content: space-between;
  margin: 0 auto;
  position: relative;
}

.header-top .container .dropdown-link.active {
  background-color: #1b1b1d;
}

.header-top .container .dropdown-link:hover,
.header-top .container .nav-link:hover a {

  color: #fff;
  border-radius: 10px;
}

.header-top .container .dropdown-link.active,
.header-top .container .link.active,
.header-top .container .nav-link .active {
  color: #fff;
}

.header-top .container .accent {
  font-weight: 700;
}

.header-top .container .icon-dot {
  fill: #9fe20d;
  margin-right: 7px;
}

.header-top .container .icon-best-models {
  margin-right: 8px;
}

.header-top .container .icon-menu {
  margin: 0;
}

@media screen and (max-width: 1599px) {
  .header-top .container nav.nav-right {
    padding-right: 0;
  }
}

.header-top .icon-dot {
  height: 9px;
  width: 9px;
}

@media screen and (max-width: 479px) {
  .header-top .container {
    padding: 0;
  }

  .header-top .container nav.nav-left,
  .header-top .container nav.nav-right {
    flex: 1 1 50%;
  }
}

@media screen and (min-width: 1024px) {
  .header-top--hidden {
    top: 0;
  }
}

.header-top__create-menu {
  left: 0;
  margin-top: 20px;
  position: absolute;
  top: 100%;
}

@media screen and (max-width: 1023px) {
  .header-top__create-menu {
    left: 50%;
    margin: 0;
    position: fixed;
    top: calc(56px + var(--pwa-notification-height));
    transform: translateX(-50%);
  }
}

.header-top__create-post-button-wrapper {
  margin: 0 16px 0 32px;
  position: relative;
}

.header-top .header-top__create-post-button {
  font-size: 15px;
  font-weight: 400;
  padding: 0 16px;
}

.header-top .header-top__create-post-button .create-post-button__title {
  display: none;
}

@media screen and (min-width: 1024px) {
  .header-top .header-top__create-post-button .create-post-button__title {
    display: inline;
    margin-left: 12px;
  }
}

@media screen and (max-width: 1023px) {
  .header-top .header-top__create-post-button {
    border-radius: 6px;
    height: 24px;
    padding: 0;
    width: 24px;
  }
}

@media screen and (max-width: 479px) {
  .header-top .header-user-menu {
    max-width: 56px;
    width: 56px;
  }

  .header-top .header-user-menu--guest {
    margin-right: 0;
    max-width: none;
    width: auto;
  }
}

.main-layout__wrapper>header {
  height: 56px;
  min-height: 56px;
}

.nav-left {
  flex: 0;
  position: relative;
  z-index: 2;
}

.nav-right {
  justify-content: flex-end;
  z-index: 2;
}

.nav-left,
.nav-right {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex-direction: row;
}

.header-user-menu {
  align-items: center;
  display: flex;
  justify-content: flex-end;
  margin-left: 0;
  width: 68px;
}

.header-user-menu--guest {
  margin: 0 20px;
  width: auto;
}

.nav-center {
  display: flex;
  justify-content: flex-start;
  margin: 0 0 0 192px;
  padding: 0 190px 0 0;
  position: absolute;
}

@media screen and (min-width: 1280px) {
  .nav-center {
    padding: 0;
  }
}

.top-menu__link {
  align-items: center;
  color: #cfcfd0;
  display: inline-flex;
  font-size: 15px;
  height: 56px;
  margin: 0 16px;
  position: relative;
}

.top-menu__link--split {
  margin-left: 32px;
}

.top-menu__link--split::after {
  background: rgba(255, 255, 255, 0.1);
  bottom: 12px;
  content: "";
  left: -24px;
  position: absolute;
  top: 12px;
  width: 1px;
}

.top-menu__link:hover {
  color: #fff;
}

.top-menu__link.active::before {
  background: var(--primary-border);
  bottom: 0;
  content: "";
  height: 3px;
  left: 0;
  position: absolute;
  width: 100%;
}

.top-menu__gift-icon {
  margin: 0 8px 0 0;
}

.lazy-component-error {
  color: #f44;
  padding: 10px;
  text-align: center;
  transition: all 120msms ease-in-out 0s;
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
}

.account-disabled-page {
  max-width: 360px;
  padding: 70px 0;
  text-align: center;
}

.account-disabled-page .icon-account-disabled,
.account-disabled-page .icon-mail-filled {
  color: #d8d8d8;
  margin: 20px;
}

.account-disabled-page .account-disabled-header {
  color: #fff;
  font-weight: 500;
  line-height: 34px;
  margin-bottom: 10px;
  font-size: 1.75rem;
}

.account-disabled-page .account-disabled-description {
  color: #8d8d8d;
  line-height: 20px;
  margin-bottom: 30px;
  font-size: 0.875rem;
}

.account-disabled-page.model-deleted-page {
  max-width: inherit;
}

.account-disabled-page.model-deleted-page .deleted-wrapper {
  align-items: center;
  display: flex;
  flex-direction: column;
  padding-bottom: 55px;
}

@media screen and (max-width: 480px) {
  .account-disabled-page {
    max-width: 320px;
  }

  .account-disabled-page .btn {
    margin-bottom: 10px;
    margin-right: 0;
  }
}

.icon {
  pointer-events: none;
  vertical-align: middle;
}

.icon--default-size {
  height: 1rem;
  width: 1rem;
}

.icon--top-2 {
  position: relative;
  top: -2px;
}

.icon__back {
  align-items: center;
  background: #343437;
  border: 0;
  border-radius: 50%;
  color: #fff;
  cursor: pointer;
  display: flex;
  height: 24px;
  justify-content: center;
  min-width: 24px;
  padding: 0 2px 0 0;
  width: 24px;
}

.icon__back--space--regular {
  margin: 0 16px 0 0;
}

.icon__back--space--big {
  margin: 0 22px 0 0;
}

.verification-icon-shadow {
  background: radial-gradient(50% 50%at 50% 50%, rgba(81, 53, 255, 0.2) 0, rgba(27, 27, 29, 0) 100%);
  border-radius: 50%;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  transform: scale(3);
  width: 100%;
}

.cj--mobile,
.cj__root>body {
  overscroll-behavior-x: none;
  overscroll-behavior-y: none;
}

.cj__root--mobile>body {
  position: fixed;
}

.cj--mobile {
  background: #000;
  bottom: 0;
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 500;
}

.cj--mobile .video-player--playing .video-player__play {
  display: none;
}

.cj--mobile .video-player__video {
  background: 0 0;
  opacity: 1;
  pointer-events: auto;
}

.cj--mobile .cj__comments {
  animation: move-bottom-right 0.25s;
  background: rgba(0, 0, 0, 0.2);
}

.cj--mobile .image-swiper__points {
  align-items: center;
  background: rgba(0, 0, 0, 0.6);
  border: 2px solid rgba(255, 255, 255, 0.1);
  border-radius: 16px;
  bottom: 100%;
  height: 32px;
  justify-content: center;
  left: 50%;
  padding: 0 16px;
  transform: translateX(-50%);
  width: auto;
}

.cj--mobile-vertical .image-swiper__points,
.select .native-select>option {
  opacity: 0;
}

.cj__vertical-single-row {
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  contain: strict;
  height: inherit;
  overflow: hidden;
  position: relative;
  width: 100%;
}

.cj__root-showing.media-gallery__root {
  overflow: initial;
}

.cj__root-showing.media-gallery__root>body,
.de__root-showing>body {
  overflow: initial;
  position: initial;
}

.cj__comments,
.cj__user-tags {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1;
}

.cj__vertical-controls {
  bottom: 38px;
  display: flex;
  flex-direction: column;
  gap: 4px;
  position: absolute;
  right: 8px;
  z-index: 10;
}

.cj__vertical-controls--video {
  bottom: 82px;
}

.cj__vertical-controls .tile-button {
  background: 0 0;
  color: #fff;
  flex-direction: column;
  height: auto;
  min-width: 40px;
  padding: 6px 8px;
}

.cj__vertical-controls .tile-button:hover {
  background: 0 0;
}

.cj__vertical-controls .tile-button::before {
  background: radial-gradient(50% 50%at 50% 50%, rgba(0, 0, 0, 0.1) 0, transparent 100%);
  border-radius: 50%;
  content: "";
  height: 64px;
  position: absolute;
  top: 0;
  width: 64px;
  z-index: -1;
}

.cj__vertical-controls .tile-button .tile-button__text {
  font-size: 10px;
  font-weight: 500;
  margin: 2px 0 0;
  text-shadow: 0 1px 10px rgba(0, 0, 0, 0.4);
}

.cj__vertical-controls .tile-button__count,
.pwa-install-popup-steps ul {
  margin: 0;
}

.cj__controls {
  display: flex;
}

.cj__vertical-controls,
.cj__vertical-user {
  opacity: 0;
  pointer-events: none;
}

.cj__stub-model-end {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 20px;
  height: 100%;
  justify-content: center;
  text-align: center;
}

.cj__arrow-thumb {
  align-items: center;
  background: #232325;
  display: flex;
  flex: 1;
  height: 100%;
  justify-content: center;
  transition: background 0.3s;
}

.cj__arrow-thumb--prev {
  transform: rotate(180deg);
}

.cj__arrow-thumb:hover {
  background: #343437;
}

.cj__toast-flash {
  align-items: center;
  display: flex;
  gap: 18px;
}

.cj__toast-flash-text {
  color: #cfcfd0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.cj__user-vertical {
  bottom: 84px;
  left: 16px;
  position: absolute;
  z-index: 2;
}

.cj__icon-album {
  display: block;
  height: 32px;
  width: 32px;
}

.cj--aside-panel .media-gallery--mobile-portrait .media-gallery__close,
.cj--aside-panel .media-gallery--mobile-portrait .media-gallery__info {
  display: none;
}

.cj__lock {
  align-items: center;
  background: linear-gradient(246.82deg, #3c185e 0, #100415 100%);
  color: #fff;
  display: flex;
  height: 100%;
  justify-content: center;
  width: 100%;
}

.cj__user {
  bottom: 86px;
  left: 20px;
  position: fixed;
  z-index: 4;
}

.cj__user-card {
  align-items: center;
  column-gap: 14px;
  display: flex;
  position: relative;
}

.cj__top-shadow {
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.6) 0, transparent 100%);
  height: 64px;
  left: 0;
  pointer-events: none;
  position: fixed;
  right: 0;
  top: 0;
}

.cj__vertical-viewer-close {
  align-items: center;
  color: rgba(255, 255, 255, 0.6);
  display: flex;
  height: 48px;
  justify-content: center;
  position: fixed;
  right: 0;
  top: 0;
  width: 48px;
  z-index: 1;
}

.cj__vertical-viewer-controls {
  opacity: 0;
  pointer-events: none;
  position: absolute;
  z-index: 2;
}

.cj--controls-visible .image-swiper__points,
.cj--controls-visible .cj__controls,
.cj--controls-visible .cj__vertical-controls,
.cj--controls-visible .cj__vertical-user,
.cj--controls-visible .cj__vertical-viewer-controls,
.cj--controls-visible .video-player__controls,
.cj--controls-visible .video-player__play {
  opacity: 1;
  pointer-events: auto;
}

.cj__vertical-user {
  background: linear-gradient(180deg, transparent 0, rgba(0, 0, 0, 0.6) 100%);
  bottom: 0;
  display: flex;
  flex-direction: column;
  gap: 10px;
  left: 0;
  padding: 20px 66px 42px 16px;
  position: absolute;
  right: 0;
  z-index: 2;
}

.cj__vertical-user--video {
  background: 0 0;
  bottom: 78px;
  padding-bottom: 0;
}

.cj__vertical-user-top {
  align-items: center;
  display: flex;
  gap: 20px;
}

.cj__vertical-user-follow {
  align-items: center;
  background: 0 0;
  border: 2px solid rgba(255, 255, 255, 0.8);
  border-radius: 8px;
  color: #fff;
  cursor: pointer;
  display: inline-flex;
  font-size: 12px;
  font-weight: 500;
  height: 24px;
  padding: 0 10px;
  white-space: nowrap;
}

.cj__vertical-user-follow--active {
  background: #fff;
  border-color: #fff;
  color: #000;
}

.cj__vertical-user-follow--joined {
  pointer-events: none;
}

.cj__vertical-user-follow--join-paid {
  background: #d60908;
  border-color: #d60908;
  color: #fff;
}

.cj__vertical-user-album {
  align-items: center;
  color: #cfcfd0;
  display: flex;
  gap: 4px;
  max-width: 70vw;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.cj__vertical-user-body {
  -webkit-box-orient: vertical;
  color: #e7e7e7;
  display: -webkit-box;
  font-size: 14px;
  font-weight: 400;
  -webkit-line-clamp: 2;
  max-width: 340px;
  overflow: hidden;
  word-break: break-all;
}

.cj__vertical-user-hashtag {
  color: #fff;
  font-weight: 500;
  line-height: 140%;
  word-break: normal;
}

.cj__on-boarding {
  align-items: center;
  background: rgba(0, 0, 0, 0.7);
  bottom: 0;
  display: flex;
  font-size: 18px;
  font-weight: 400;
  justify-content: center;
  line-height: 27px;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 20;
}

.cj__on-boarding-icon {
  color: #a0a0a1;
}

.cj__on-boarding-icon--left {
  transform: rotate(180deg);
}

.cj__on-boarding-icon--top {
  transform: rotate(-90deg);
}

.cj__on-boarding-icon--bottom {
  transform: rotate(90deg);
}

.cj__on-boarding-bottom {
  bottom: 56px;
  position: absolute;
  right: 16px;
  text-align: right;
}

.cj__on-boarding-center {
  text-align: center;
}

.cj__on-boarding-center-text {
  align-items: center;
  display: flex;
  gap: 20px;
  justify-content: space-between;
  margin: 0 0 20px;
}

.cj__on-boarding-top {
  align-items: flex-end;
  display: flex;
  flex-direction: column;
  gap: 10px;
  position: absolute;
  right: 48px;
  text-align: right;
  top: 80px;
}

.cj__on-boarding-bold {
  display: block;
  font-weight: 700;
}

.media-gallery--desktop .cj__comments {
  animation: move-from-right 0.25s;
}

.media-gallery--desktop .comments-gallery__wrapper {
  border-radius: 16px;
  height: 100%;
}

.media-gallery--desktop .comments-gallery__close {
  display: none;
}

.media-gallery--desktop .tile-button {
  margin: 0 0 0 12px;
}

.media-gallery--desktop .cj__user {
  bottom: auto;
  left: 24px;
  top: 30px;
}

.media-gallery--mobile-portrait .comments-gallery__footer {
  padding-bottom: max(12px, env(safe-area-inset-bottom));
}

.media-gallery--mobile-portrait .cj__comments,
.media-gallery--mobile-portrait .cj__user-tags {
  animation: move-bottom-right 0.25s;
}

.media-gallery--mobile-portrait .cj__user {
  bottom: 75px;
  left: 10px;
  position: fixed;
  top: auto;
  z-index: 4;
}

.media-gallery--mobile-portrait .cj__user--video {
  bottom: 140px;
}

.media-gallery--mobile-portrait .cj__controls {
  flex: 1;
  justify-content: space-between;
  left: -2px;
  position: relative;
}

.media-gallery--mobile-portrait .tile-button {
  background: 0 0;
  border-radius: 0;
  font-weight: 700;
  height: 36px;
  padding: 0 8px;
}

.media-gallery--mobile-portrait .tile-button:hover {
  background: 0 0;
}

.media-gallery--mobile-portrait .tile-button__text {
  display: none;
}

.media-gallery--mobile-portrait .tile-button__count {
  margin: 0 0 0 6px;
}

.cj--has-title .media-gallery--mobile-portrait .cj__user {
  bottom: 130px;
}

.media-gallery--mobile-landscape .cj__user {
  left: 10px;
  position: fixed;
  z-index: 4;
}

.media-gallery--mobile-landscape .cj__controls {
  filter: drop-shadow(0 0 4px rgba(0, 0, 0, 0.8));
  flex-direction: column;
  height: 100%;
  justify-content: center;
}

.media-gallery--mobile-landscape .tile-button {
  background: 0 0;
  border-radius: 0;
  color: #fff;
  flex-direction: row-reverse;
  font-weight: 700;
  height: 36px;
  padding: 0 8px;
}

.media-gallery--mobile-landscape .tile-button__count {
  margin: 0 6px 0 0;
}

.media-gallery--mobile-landscape .tile-button__text {
  display: none;
}

.dd {
  align-items: center;
  background: #232325;
  bottom: 0;
  color: rgba(255, 255, 255, 0.8);
  display: flex;
  justify-content: center;
  left: 0;
  min-height: 60px;
  padding: 10px 12px;
  position: fixed;
  width: 100%;
  z-index: 11;
  font-size: 0.813rem;
  line-height: 1.125rem;
}

.dd__icon-cookie {
  flex-shrink: 0;
}

.dd__description {
  line-height: normal;
  margin: 0 12px 0 15px;
}

@media screen and (max-width: 639px) {
  .dd__description {
    font-size: 11px;
  }
}

@media screen and (max-width: 479px) {
  .dd__description {
    font-size: 10px;
  }
}

@media screen and (max-width: 320px) {
  .dd__description {
    font-size: 9px;
  }
}

.dd__learn-more {
  color: #fff;
  opacity: 1;
}

@media (max-width: 479px) {
  .dd {
    bottom: 60px;
  }
}

.pwa-install-popup-wrapper {
  background: rgba(0, 0, 0, 0.8);
  height: 100%;
  left: 0;
  position: fixed;
  top: 0;
  width: 100vw;
  z-index: 210;
}

.pwa-install-popup {
  background-color: #3b3b3b;
  border-radius: 12px;
  bottom: 20px;
  color: #fff;
  left: 50%;
  max-width: 290px;
  padding: 38px 24px 20px;
  pointer-events: all;
  position: fixed;
  transform: translateX(-50%);
  width: 100%;
  z-index: 500;
}

.pwa-install-popup::before {
  border-style: solid;
  border-color: #3b3b3b transparent transparent;
  border-width: 8px 8px 0;
  content: "";
  height: 0;
  left: calc(50% - 8px);
  position: absolute;
  top: 100%;
  width: 0;
}

.pwa-install-popup .close-button {
  color: #f8f8f8;
  margin-right: 15px;
  opacity: 0.5;
  position: absolute;
  right: 0;
  top: 10px;
}

.pwa-install-popup .close-button .icon {
  fill: #f8f8f8;
  margin: 0;
}

.pwa-install-popup-title {
  font-weight: 700;
  margin: 8px 0;
  font-size: 1rem;
  line-height: 1.125rem;
}

.pwa-install-popup-description {
  margin: 8px 0;
  opacity: 0.6;
  font-size: 0.813rem;
  line-height: 1rem;
}

.pwa-install-popup-steps {
  font-size: 0.75rem;
  line-height: 1rem;
}

.pwa-install-popup-steps li {
  align-items: center;
  display: flex;
  padding: 8px 0;
}

.pwa-install-popup-steps .icon {
  color: #fff;
  fill: #fff;
  margin-left: 5px;
  margin-top: -5px;
}

.pwa-install-popup-logo {
  align-items: center;
  background: 0 0;
  border-radius: 13px;
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.1);
  height: 48px;
  justify-content: center;
  position: absolute;
  top: 0;
  transform: translateY(-40%);
  width: 48px;
  flex: 1;
  flex-basis: auto;
  flex-grow: 0;
  flex-shrink: 0;
  display: flex;
  flex-direction: row;
}

.pwa-install-popup-logo .icon {
  margin: 0;
}

.toast-notifications {
  bottom: 16px;
  right: 12px;
  position: fixed;
  width: 362px;
  z-index: 1001;
}

@media screen and (max-width: 424px) {
  .toast-notifications {
    bottom: 20px;
    left: 16px;
    max-width: calc(100vw - 32px);
  }
}

.da {
  background: #111113;
  bottom: 0;
  left: 0;
  position: fixed;
  right: 0;
  z-index: 210;
}

.da--purple {
  background: #0d0711;
}

.da__navigation {
  align-items: center;
  color: #a0a0a1;
  display: flex;
  font-size: 11px;
  height: var(--tap-bar-height);
  justify-content: space-around;
  width: 100%;
}

.da__container {
  padding-bottom: env(safe-area-inset-bottom);
  transition: all 150ms linear;
}

.da__menu-item-button {
  background: 0 0;
  border: 0;
  font-size: inherit;
}

.da__create-post-button,
.da__menu-item-button {
  align-items: center;
  color: inherit;
  display: flex;
  flex: 1;
  flex-direction: column;
  padding: 0 8px;
  position: relative;
  transition: color 100ms linear;
  white-space: nowrap;
}

.da__create-post-button--active,
.da__create-post-button.active,
.da__create-post-button:active,
.da__menu-item-button--active,
.da__menu-item-button.active,
.da__menu-item-button:active {
  color: #fff;
}

.da__create-post-button--has-unread-notifications::after,
.da__menu-item-button--has-unread-notifications::after {
  background-color: #e12947;
  border: 3px solid #111113;
  border-radius: 10px;
  content: "";
  height: 10px;
  position: absolute;
  right: 18px;
  top: -6px;
  width: 10px;
}

.has-unread-msg {
  background-color: #fb0000f7;
  border-radius: 15px;
  font-size: 0.6rem;
  line-height: 15px;
  text-align: center;
  height: 15px;
  position: absolute;
  right: -20px;
  top: 21px;
  width: 15px;
}


.da__create-post-menu {
  bottom: var(--tap-bar-height);
  left: 50%;
  margin: 0 0 10px;
  position: fixed;
  transform: translateX(-50%);
}

.da__create-post-button {
  background: 0 0;
  border: 0;
  font-size: 11px;
}

.da__icon-outline {
  background: 0 0;
  border: 2px solid #d60908;
  border-radius: 6px;
  display: grid;
  height: 24px;
  margin-bottom: 4px;
  place-items: center;
  width: 24px;
}

.da__menu-item-icon {
  height: 20px;
  margin-bottom: 4px;
  width: 20px;
}

.db {
  left: 0;
  pointer-events: none;
  position: fixed;
  right: 0;
  text-align: center;
  top: 0;
  width: 100%;
  z-index: 1001;
}

.db__content {
  animation: toast-flash-show 0.2s ease-in-out;
  background: #1b1b1d;
  border-radius: 20px;
  display: inline-block;
  margin: 0 auto;
  max-width: min(100vw - 32px, 400px);
  overflow: hidden;
  padding: 12px 18px;
  transform: translateY(64px);
}

.dc {
  color: #a0a0a1;
}

.dc .recaptcha {
  display: flex;
  justify-content: center;
  margin: 20px auto 0;
}

.user-feed-page__header {
  margin: 0 auto;
  max-width: calc(100vw - 32px);
  width: 642px;
}

.confirmation-modal-controls {
  display: flex;
  gap: 20px;
  justify-content: flex-end;
}

.confirmation-modal-description {
  color: #cfcfd0;
  font-size: 13px;
  font-weight: 400;
  line-height: 18px;
  margin: 12px 0 20px;
}

.confirmation-modal-title {
  font-size: 18px;
  line-height: 22px;
  margin: 0 0 16px;
}

.confirmation-modal-btn-confirm {
  float: right;
}

.page-block {
  background-color: #1b1b1d;
  border: 0;
  padding: 20px;
  position: relative;
  border-radius: 4px;
}

.page-block::after {
  clear: both;
  content: "";
  display: table;
}

.page-block__title {
  font-weight: 500;
  margin: 0;
  font-size: 1rem;
}

.page-block.empty {
  opacity: 0.33;
}

.page {
  min-height: 120px;
  padding-bottom: 20px;
  padding-top: 60px;
  margin: 0 auto;
  max-width: 100%;
  position: relative;
  width: 100%;
  display: flex;
  flex-direction: column;
}

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

.page__content {
  margin: 0 40px;
}

.page--limited-width {
  max-width: 1000px;
}

@media screen and (max-width: 1023px) {
  .page {
    padding-top: 32px;
  }

  .page__content {
    margin: 0;
  }
}

.page-header {
  margin: 0 0 30px;
}

.landing {
  display: flex;
  justify-content: center;
  position: relative;
  scroll-behavior: smooth;
}

.landing__main-arrow {
  bottom: 12px;
  cursor: pointer;
  left: 50%;
  margin-left: -18px;
  position: fixed;
  transition: opacity 1s;
}

.landing__main-arrow--hidden {
  opacity: 0;
  pointer-events: none;
}

.landing__content {
  max-width: 1400px;
  padding: 0 100px;
}

.landing__section {
  min-height: 100vh;
  padding-top: var(--pwa-sticky-header-height);
}

.landing__section-login {
  min-height: max(100vh, 800px);
  position: relative;
}

.landing__section-flex,
.landing__section-flex-center {
  align-items: center;
  display: flex;
  justify-content: space-between;
}

.landing__section-flex-center {
  justify-content: center;
}

.landing__footer-gradient {
  background: radial-gradient(74.17% 69.92%at 50% -6.37%, #3f1962 0, transparent 100%);
  bottom: 0;
  height: 155vh;
  pointer-events: none;
  position: absolute;
  transform: rotate(-180deg);
  width: 100%;
  z-index: -1;
}

.landing__top-gradient {
  background: radial-gradient(86.51% 96.48%at 92.2% 11.85%, #27053d 0, #050506 80.7%);
  height: 100vh;
  left: 0;
  min-height: 800px;
  pointer-events: none;
  position: absolute;
  top: 0;
  width: 100vw;
  z-index: -1;
}

.landing__profile-card-wrapper {
  flex: 1;
  margin: 100px auto 84px;
  transform: translateY(-60px);
  width: 100%;
}

@media screen and (max-width: 1023px) {
  .landing {
    display: block;
  }

  .landing__content {
    padding: 0 40px;
  }

  .landing__section-login {
    width: auto;
  }
}

@media screen and (min-width: 768px) {
  .landing__nav_center {
    justify-content: flex-end;
  }
}

@media screen and (max-width: 767px) {
  .landing__nav-left {
    flex: 1 1 50%;
  }

  .landing__logo-wrapper {
    width: 100%;
  }
}

@media screen and (max-width: 639px) {
  .landing {
    margin: unset;
  }

  .landing__content {
    padding: 0 24px;
  }

  .landing__header {
    justify-content: space-between;
    padding-right: 10px;
  }

  .landing__nav-center {
    justify-content: flex-end;
  }

  .landing__section {
    min-height: unset;
  }

  .landing__section-flex {
    align-items: flex-start;
    flex-direction: column;
    justify-content: flex-start;
  }

  .landing__section-login {
    flex-direction: column-reverse;
  }

  .landing__profile-card-wrapper {
    transform: translateY(0);
  }
}

.profile-card {
  align-items: center;
  border-radius: 44px;
  margin: 0 auto;
  max-width: 340px;
  padding: 24px;
  position: relative;
  width: 100%;
  display: flex;
  flex-direction: column;
}

.profile-card--colored {
  background: linear-gradient(201.03deg, #2d0844 4.82%, transparent 97.07%);
}

.profile-card__border-gradient {
  position: absolute;
}

.profile-card__avatar-wrapper {
  margin-bottom: 16px;
}

.profile-card__text {
  display: grid;
  grid-auto-flow: row;
  grid-row-gap: 8px;
  margin-bottom: 24px;
  place-items: center;
}

.profile-card__description {
  color: rgba(255, 255, 255, 0.6);
  text-align: center;
}

.profile-card__button {
  margin-bottom: 24px;
  width: 100%;
}

.profile-card__hint {
  font-size: 12px;
  font-weight: 400;
  letter-spacing: normal;
  color: rgba(255, 255, 255, 0.4);
  line-height: 16px;
  text-align: center;
  white-space: pre-wrap;
}

.avatar {
  align-items: center;
  border: var(--avatar-border-size) solid rgba(255, 255, 255, 0.1);
  border-radius: 30.75%;
  color: rgba(191, 191, 191, 0.5);
  display: inline-flex;
  font-size: 5px;
  height: var(--avatar-size);
  justify-content: center;
  line-height: 1;
  min-width: var(--avatar-size);
  position: relative;
  text-align: center;
  text-decoration: none;
  text-transform: capitalize;
  transition: border-color 0.3s;
  vertical-align: middle;
  width: var(--avatar-size);
  -webkit-user-select: none;
  user-select: none;
}

.avatar--skeleton {
  background: rgba(255, 255, 255, 0.15);
}

.avatar:hover {
  border-color: #fff;
  text-decoration: none;
}

.avatar__img {
  align-items: center;
  background-color: #201e1e;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: inherit;
  bottom: 0;
  display: flex;
  justify-content: center;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}

.avatar__img--dark::before {
  background: rgba(0, 0, 0, 0.8);
  border-radius: inherit;
  bottom: -1px;
  content: "";
  left: -1px;
  position: absolute;
  right: -1px;
  top: -1px;
}

.avatar__story-border {
  background: #5f5f67;
  border-radius: 33.75%;
  bottom: -7.5%;
  left: -7.5%;
  overflow: hidden;
  position: absolute;
  right: -7.5%;
  top: -7.5%;
}

.avatar__story-border::before {
  background: #050506;
  border-radius: 32.75%;
  bottom: 1px;
  content: "";
  left: 1px;
  position: absolute;
  right: 1px;
  top: 1px;
}

.avatar__story-border--active {
  background: linear-gradient(225deg, #8a17fc 14.64%, #fc17fc 37.98%, #fcc217 85.36%);
}

.avatar__story-border--active::before {
  bottom: max(2.5%, 2px);
  left: max(2.5%, 2px);
  right: max(2.5%, 2px);
  top: max(2.5%, 2px);
}

.avatar__story-border--popular {
  background: linear-gradient(225deg, #ef0202 14.64%, #fc17fc 37.98%, #ef0202 85.36%);
}

.avatar__story-border--popular::before {
  bottom: max(2.5%, 2px);
  left: max(2.5%, 2px);
  right: max(2.5%, 2px);
  top: max(2.5%, 2px);
}

.avatar__story-border--add-story {
  background: linear-gradient(313deg, #1bff24 14.64%, #a9ff00 37.98%, #00ffde 85.36%);
}

.avatar__story-border--add-story::before {
  bottom: max(2.5%, 2px);
  left: max(2.5%, 2px);
  right: max(2.5%, 2px);
  top: max(2.5%, 2px);
}

.avatar .icon-user-deleted {
  fill: #424242;
  height: 70%;
  left: 50%;
  margin: 0;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 70%;
}

.avatar .user-status-icon {
  height: 20%;
  left: -3%;
  position: absolute;
  text-align: left;
  top: -3%;
  width: 20%;
}

.avatar__edit-button {
  align-items: center;
  backdrop-filter: blur(3.2px);
  background: rgba(0, 0, 0, 0.4);
  border-radius: 50%;
  bottom: -7%;
  color: #fff;
  cursor: pointer;
  display: flex;
  height: 35%;
  justify-content: center;
  position: absolute;
  right: -7%;
  width: 35%;
}

.avatar__edit-button--left {
  left: -7%;
  right: auto;
}

.avatar__edit-button--disabled {
  color: #707071;
  cursor: default;
}

.avatar__edit-button:hover {
  color: #ff3332;
}

.avatar__edit-button .icon {
  height: 46%;
  width: 46%;
}

.avatar__moderation {
  align-items: center;
  background: rgba(252, 207, 73, 0.6);
  border-radius: inherit;
  bottom: 0;
  color: #000;
  display: flex;
  justify-content: center;
  left: 0;
  pointer-events: none;
  position: absolute;
  right: 0;
  top: 0;
}

.avatar__moderation-icon {
  height: 30%;
  margin: 0 !important;
  width: 30%;
}

.landing-login-form {
  border-radius: 44px;
  flex: 1;
  margin: 60px 0;
  max-width: 368px;
  padding: 40px 24px;
  position: relative;
  z-index: 1;
}

.landing-login-form--colored {
  background: linear-gradient(201.03deg, #000 4.82%, transparent 97.07%);
}

.landing-login-form--dark {
  background: linear-gradient(201.03deg, #000 4.82%, transparent 97.07%), #020202;
  box-shadow: 0 0 80px #000, 0 0 80px #000, 0 0 80px #000, 0 0 80px #000;
}

.landing-login-form__header {
  align-items: center;
  display: flex;
  flex-direction: column;
}

.landing-login-form__title {
  font-size: 22px;
  font-weight: 700;
  line-height: 27px;
  margin: 0 0 8px;
}

.landing-login-form__description {
  font-size: 13px;
  font-weight: 400;
  line-height: 16px;
  margin: 0 0 6px;
  opacity: 0.8;
}

.landing-login-form__sub-title {
  display: flex;
  margin: -18px auto 16px;
  max-width: 264px;
}

.landing-login-form__sub-title-left {
  align-items: center;
  display: flex;
  font-size: 24px;
  font-weight: 700;
  margin: 0 6px 0 0;
}

.landing-login-form__sub-title-right {
  color: #a0a0a1;
  font-size: 12px;
  line-height: 15px;
}

.landing-login-form__dollar {
  position: relative;
  top: -2px;
}

.landing-login-form__dollar .smile {
  height: 26px;
  margin: 0;
  width: 26px;
}

.landing-login-form__sub-footer {
  display: flex;
  justify-content: center;
  left: 0;
  margin: 30px 0 0;
  right: 0;
  top: 100%;
}

.landing-login-form__sub-footer-link {
  align-items: center;
  color: #707071;
  display: flex;
  justify-content: center;
}

.landing-login-form__sub-footer-link:hover {
  color: #fff;
}

.landing-login-form .avatar {
  height: 96px;
  margin: 0 0 26px;
  width: 96px;
}

@media screen and (max-width: 1023px) {
  .landing-login-form {
    padding: 32px 20px;
  }
}

@media screen and (max-width: 479px) {
  .landing-login-form .avatar {
    height: 64px;
    margin-bottom: 16px;
    width: 64px;
  }
}

@media screen and (max-width: 639px) {
  .landing-login-form {
    width: 100%;
  }

  .landing-login-form--with-margin {
    margin: 40px auto 84px;
    top: -180px;
  }
}

.subscription-tabs {
  margin: 0 0 40px;
}

.subscription-tabs__accent {
  opacity: 0.6;
}

.pill-control__item--active .subscription-tabs__accent {
  opacity: 1;
}

.login-wrapper .island-top-title {
  line-height: 1.875rem;
}

.login-wrapper .island {
  border-radius: 8px;
}

.login-wrapper.recaptcha-shown {
  max-width: 100%;
}

.login-wrapper.recaptcha-shown .island-small {
  min-width: 344px;
  width: auto;
}

.login-wrapper.recaptcha-shown .field-recaptcha {
  min-height: 78px;
}

@media screen and (max-width: 480px) {
  .login-wrapper.recaptcha-shown .island-small {
    min-width: 300px;
    width: 300px;
  }
}

.modal-ds-content .login-wrapper {
  background: linear-gradient(71.77deg, #11021a 1.36%, #26053a 17.56%, rgba(52, 5, 81, 0.97) 33%, rgba(53, 7, 81, 0.92) 43.39%, #1e052e 99.41%);
  max-width: 100%;
  padding: 24px 40px;
  width: 400px;
}

.signup-wrapper__model-invite-text {
  font-size: 34px;
  font-weight: 700;
  line-height: 120%;
  margin: 20px 0 0;
}

.signup-wrapper__model-invite-text .smile {
  height: 34px;
  margin: 0 0 0 10px;
  transform: rotate(-10deg);
  width: 34px;
}

.signup-wrapper__right-content .landing-webcam-page__benefit-list {
  font-size: 15px;
  font-weight: 500;
  line-height: 20px;
}

.signup-wrapper__right-content .landing-webcam-page__benefit {
  margin: 12px 0;
}

.signup-wrapper__right-content .landing-webcam-page__benefit-icon {
  transform: scale(0.9);
}

.being-redirected {
  align-items: center;
  display: flex;
  flex-direction: column;
}

.being-redirected .being-redirected-message {
  color: rgba(255, 255, 255, 0.6);
  font-weight: 500;
  margin: 30px 0 0;
}

.being-redirected .loader,
.my-collection .page-header .edit-button button {
  margin: 0;
}

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

.loader-container--small {
  height: 400px;
  padding: 0;
}

.loader {
  pointer-events: none;
}

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

.loader.inline {
  display: inline-block;
  margin-right: 4px;
  vertical-align: middle;
}

.fading-circle {
  height: 66px;
  margin: 0 auto;
  position: relative;
  width: 66px;
}

.loader-circle {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

.loader-circle-inner {
  animation: circleFadeDelay 960ms infinite ease-in-out both;
  background: #666;
  border-radius: 100%;
  height: 15%;
  margin: 0 auto;
  width: 15%;
}

.login-wrapper {
  width: 320px;
}

.login-wrapper .island-top {
  color: #fff;
  justify-content: center;
  margin-bottom: 32px;
  text-align: center;
}

.reset-password-form {
  display: flex;
  flex-direction: column;
  width: 320px;
}

.reset-password-form__field {
  margin-bottom: 16px;
}

.reset-password-form__input.input {
  background: rgba(255, 255, 255, 0.1);
  transition: all ease 0.25s;
  width: 100%;
}

.reset-password-form__submit-button {
  width: 100%;
}

.reset-password-form__terms-warning {
  align-self: center;
  color: rgba(255, 255, 255, 0.4);
  margin-bottom: 32px;
  font-size: 0.813rem;
}

.reset-password-form__terms-warning .link {
  text-decoration-line: underline;
  transition: all ease 0.25s;
}

.reset-password-form__terms-warning .link:hover {
  color: rgba(255, 255, 255, 0.8);
}

.reset-password-form__login-suggestion {
  align-self: center;
  color: rgba(255, 255, 255, 0.4);
  margin-top: 32px;
  transition: all ease 0.25s;
  font-size: 0.813rem;
}

.reset-password-form__login-suggestion .link {
  color: #ff3332;
}

.reset-password-form__login-suggestion .link:hover {
  color: #9e40fd;
}

.forgot-password-wrapper {
  display: flex;
  flex-direction: column;
  max-width: 320px;
}

.forgot-password-wrapper__header {
  margin-bottom: 16px;
  text-align: center;
}

.forgot-password-wrapper__header-title {
  font-size: 22px;
  font-weight: 500;
  line-height: 27px;
}

.forgot-password-wrapper__header-description {
  font-size: 13px;
  font-weight: 400;
  line-height: 16px;
  opacity: 0.6;
}

.forgot-password-wrapper__field {
  margin-bottom: 16px;
}

.forgot-password-wrapper .forgot-password-wrapper__input.input {
  background: rgba(255, 255, 255, 0.1);
  transition: all ease 0.25s;
  width: 100%;
}

.forgot-password-wrapper__actions {
  align-items: center;
  display: flex;
  flex-direction: column;
  width: 100%;
}

.forgot-password-wrapper__submit-button {
  width: 100%;
}

.forgot-password-wrapper__return-to-signin {
  align-items: center;
  display: flex;
  margin-top: 36px;
}

.forgot-password-wrapper__return-to-signin:hover {
  text-decoration: none;
}

.forgot-password-wrapper__return-to-signin .icon-wrapper {
  align-items: center;
  backdrop-filter: blur(10px);
  background: rgba(255, 255, 255, 0.1);
  border-radius: 50%;
  display: flex;
  height: 40px;
  justify-content: center;
  width: 40px;
}

.forgot-password-wrapper__return-to-signin .icon-wrapper .icon {
  fill: rgba(255, 255, 255, 0.6);
  margin: 0;
}

.forgot-password-wrapper__return-to-signin .title {
  color: rgba(255, 255, 255, 0.6);
  margin-left: 14px;
}

.forgot-password-wrapper .recaptcha {
  align-items: center;
  display: flex;
  justify-content: center;
  margin: 0 auto 14px;
}

.modal-ds-content .forgot-password-wrapper {
  background: linear-gradient(71.77deg, #11021a 1.36%, #26053a 17.56%, rgba(52, 5, 81, 0.97) 33%, rgba(53, 7, 81, 0.92) 43.39%, #1e052e 99.41%);
  max-width: 100%;
  padding: 24px 40px;
  width: 400px;
}

.document-safe-upload {
  display: flex;
  justify-content: center;
}

.my-collection {
  width: 100%;
}

.my-collection .videos-list-item .video-controls {
  z-index: 10;
}

.my-collection .my-collection-load-more {
  padding: 40px 0;
  text-align: center;
}

.my-collection .my-collection-content-header {
  font-weight: 500;
  margin: 30px 0 20px;
  opacity: 0.8;
  align-items: center;
  justify-content: center;
  display: flex;
  flex-direction: row;
  font-size: 1rem;
}

.my-collection .my-collection-content-header .header-icon {
  align-self: flex-start;
  flex: 0 0 16px;
}

.my-collection .my-collection-content-header .name {
  flex: 1 1 auto;
  margin: 0 10px;
}

.my-collection .my-collection-content-header .access-mode-controls {
  align-self: flex-start;
  flex: 0 0 auto;
}

.my-collection .my-collection-content-header .access-mode .icon,
.my-collection .my-collection-content-header .count,
.my-collection .my-collection-content-header .video-access-viewer {
  opacity: 0.4;
}

.my-collection .my-collection-content-header .btn-restore {
  float: right;
  margin: 0 0-2px;
}

.my-collection .my-collection-content-header .delete-album-button {
  cursor: pointer;
  float: right;
  opacity: 0.9;
}

.my-collection .my-collection-content-header .delete-album-button:hover {
  opacity: 1;
}

.my-collection .my-collection-content-header .count {
  margin-left: 10px;
}

.my-collection .my-collection-content-header .icon {
  fill: #fff;
  margin: 0;
  vertical-align: -2px;
}

.my-collection .page-header .my-collection-title,
.set-password .form-input input {
  width: 100%;
}

.my-collection .page-header .avatar {
  height: 48px;
  margin: 0 8px 0 0;
  width: 48px;
}

.my-collection .page-header .icon-prev-small {
  fill: #fff;
  margin: 4px 10px 4px 5px;
  vertical-align: -1px;
}

.my-collection .page-header .icon-next-small {
  fill: #fff;
  margin: 2px 20px 0;
  vertical-align: 1px;
}

.my-collection .page-header .stud {
  flex-grow: 1;
}

.my-collection .page-header .edit-button {
  text-align: right;
}

.my-collection .page-footer {
  align-items: baseline;
  flex-wrap: wrap;
  margin-top: 40px;
  display: flex;
  flex-direction: row;
}

.my-collection .page-footer .btn {
  margin-bottom: 10px;
  margin-right: 20px;
}

.my-collection .page-footer .description {
  opacity: 0.4;
}

.my-collection .faded> :not(.access-mode-controls) {
  opacity: 0.4;
  pointer-events: none;
}

.my-collection .model-list-content.restricted {
  background-color: rgba(255, 255, 255, 0.06);
  padding: 50px;
}

.my-collection .model-list-content.restricted .photos-gallery {
  align-items: center;
  display: flex;
  flex-direction: row;
}

.my-collection .model-list-content.restricted .photos-gallery .description-icon .icon {
  fill: #fff;
  opacity: 0.9;
}

.my-collection .model-list-content.restricted .photos-gallery .description {
  flex: 1 1 auto;
  padding: 0 10px;
}

.my-collection .model-list-content.restricted .photos-gallery .action .btn {
  margin: 0;
}

.my-collection .loader-container {
  height: 100px;
  margin-top: 50px;
  padding: 0;
  position: relative;
}

.hr-content {
  border-top: 2px solid rgba(255, 255, 255, 0.15);
  margin: 60px 0 50px;
  width: 100%;
}

.hr-content--small {
  border-top-width: 1px;
  margin: 10px 0;
}

.hr-content--medium {
  margin: 40px 0;
}

@media screen and (max-width: 639px) {
  .hr-content {
    margin: 20px 0;
  }

  .hr-content--small {
    margin: 8px 0;
  }
}

.profile-page .page {
  padding-top: 0;
}

.header-logo-link {
  margin: 0 0 0 10px;
}

@media screen and (max-width: 479px) {
  .header-logo-link {
    margin-right: 0;
    padding: 0;
    width: 100%;
  }

  .header-logo-link .header-logo {
    margin-left: -2px;
    width: 100%;
  }
}

.set-password {
  background-color: #1b1b1d;
  border: 0;
  line-height: 18px;
  padding: 20px;
  text-align: left;
}

.set-password a:not(.btn) {
  color: #69a8e0;
  text-decoration: underline;
}

.set-password .set-password-title {
  line-height: 20px;
  font-size: 1.125rem;
}

.set-password .set-password-description {
  line-height: 18px;
  margin: 20px 0;
  font-size: 0.875rem;
}

.set-password .set-password-inputs {
  margin-top: 20px;
  display: flex;
  flex-direction: column;
}

.set-password .set-password-controls {
  margin-top: 20px;
  display: flex;
  flex-direction: row;
}

.set-password .form-field {
  align-items: center;
  margin: 10px 0;
  width: 100%;
  display: flex;
  flex-direction: row;
}

.set-password .form-label {
  text-align: left;
  flex: 1;
  flex-basis: 30%;
  flex-grow: 1;
  flex-shrink: 0;
}

.set-password .form-input {
  flex: 1;
  flex-basis: 70%;
  flex-grow: 1;
  flex-shrink: 0;
}

@media screen and (max-width: 480px) {
  .set-password .form-field {
    align-items: stretch;
    flex-flow: column;
  }

  .set-password .form-field .form-label {
    margin-bottom: 10px;
  }

  .set-password .set-password-controls {
    justify-content: center;
  }

  .has-unread-msg {
    right: 25px;
    top: 2px;
  }

}

.header-dropdown,
.header-dropdown .dropdown-link {
  align-items: center;
  align-self: stretch;
  position: relative;
  display: flex;
  flex-direction: row;
}

.header-dropdown .dropdown-link {
  color: rgba(255, 255, 255, 0.6);
  display: block;
  padding: 0 18px;
  text-decoration: none;
  transition: color 120ms 120ms;
}

.header-dropdown .dropdown-link .icon-menu {
  margin: 0;
}

.header-dropdown .dropdown-link .dropdown-arrow {
  margin-left: 6px;
}

.header-dropdown .dropdown-link .dropdown-arrow .icon {
  fill: rgba(255, 255, 255, 0.6);
  height: 7px;
  margin: 0;
  width: 7px;
  transition: all 120msms ease-in-out 0s;
}

.header-dropdown .dropdown-link.mobile-nav-link .icon {
  margin: 0;
}

.header-dropdown__menu-alert {
  left: 14px;
  line-height: 0;
  position: absolute;
  top: 9px;
}

.header-dropdown .badge-alert-small {
  left: 12px;
  position: absolute;
  top: 9px;
}

.header-dropdown__avatar-badge {
  left: 7px;
  position: absolute;
  top: 9px;
}

.header-dropdown--active .dropdown-link {
  background-color: #1b1b1d;
}

.header-dropdown--active .dropdown-link .dropdown-arrow .icon {
  transform: rotate(180deg);
}

.header-dropdown-content-wrapper {
  animation: opacity-fade-show 0.2s forwards;
  left: 0;
  overflow: auto;
  position: absolute;
  top: calc(100% + 12px);
  z-index: 201;
}

.header-dropdown .scroll-bar-container {
  max-height: 60vh;
  max-width: 320px;
  overflow: hidden auto;
  z-index: 1;
}

.header-dropdown .scroll-bar-container:last-child {
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
}

@media screen and (max-width: 479px) {
  .header-dropdown.header-user-menu a.dropdown-link.mobile-nav-link {
    margin-right: 0;
    max-width: 56px;
    width: 56px;
  }
}

.header-dropdown-content {
  background-color: #232325;
  box-shadow: 0 20px 30px rgba(0, 0, 0, 0.3);
  display: block;
  margin: 0;
  white-space: nowrap;
}

.header-dropdown-content li {
  min-width: 200px;
  position: relative;
}

.header-dropdown-content li>a:not(.btn),
.header-dropdown-content li>button {
  align-items: center;
  color: rgba(255, 255, 255, 0.8);
  display: flex;
  line-height: 42px;
  padding: 0 18px;
  text-decoration: none;
  text-overflow: ellipsis;
}

.header-dropdown-content li>a:not(.btn):hover,
.header-dropdown-content li>button:hover {
  background: #343437;
  color: #fff;
  transition: all 30ms ease-in-out 0s;
}

.header-dropdown-content li>button {
  border-radius: 0;
  justify-content: flex-start;
  width: 100%;
}

.header-dropdown-content li .user-menu-avatar-wrapper {
  color: rgba(255, 255, 255, 0.8);
  line-height: 42px;
  padding: 0 18px;
  text-decoration: none;
  text-overflow: ellipsis;
}

.header-dropdown-content li .user-menu-avatar-wrapper:hover {
  background: #343437;
  color: #fff;
  transition: all 30ms ease-in-out 0s;
}

.header-dropdown-content li .btn,
.header-dropdown-content li.list-item-wrapper .btn {
  margin: 0;
}

.header-dropdown-content li.list-item-wrapper {
  padding: 20px;
}

.header-dropdown-content li.list-item-wrapper .btn.btn-block:not(:last-child) {
  margin-bottom: 20px;
}

.header-user-menu.header-dropdown>.btn {
  margin: 0 12px 0 0;
  vertical-align: top;
}

.header-user-menu.header-dropdown>.btn:last-of-type {
  margin-right: 0;
}

.header-user-menu.header-dropdown>.dropdown-link {
  align-items: center;
  display: flex;
  flex: 1;
  justify-content: center;
  padding: 0 12px;
  margin-top: 5px;
  margin-bottom: 5px;
}

.header-user-menu.header-dropdown>.dropdown-link>.avatar {
  font-size: 2px;
  margin-right: 2px;
}

.header-user-menu.header-dropdown ul>li .badge.badge-alert-small {
  left: 15px;
  position: absolute;
  top: 10px;
}

.header-user-menu.header-dropdown ul>li .user-menu-avatar-wrapper {
  align-items: flex-start;
  display: flex;
  margin: 0;
  max-width: 320px;
  padding: 8px 16px;
  width: 100%;
}

.header-user-menu.header-dropdown .header-dropdown-content-wrapper {
  left: auto;
  right: 0;
}

.header-user-menu.header-dropdown .header-dropdown-content-wrapper-bordered {
  border-radius: 16px;
}

.header-user-menu.header-dropdown .header-dropdown-content-wrapper:before {
  left: auto;
  right: 20px;
}

.header-user-menu.header-dropdown .header-dropdown-content {
  min-width: 310px;
  padding: 10px 0;
}

.header-user-menu.header-dropdown .icon-menu {
  height: 18px;
  width: 18px;
}

@media screen and (max-width: 1023px) {
  .header-user-menu.header-dropdown .header-dropdown-content-wrapper {
    right: 0;
  }

  .header-user-menu.header-dropdown .header-dropdown-content-wrapper:before {
    right: 8px;
  }

  .header-user-menu.header-dropdown .mobile-nav-link {
    margin-right: -0.75rem;
  }
}

.creator-lists-page__header {
  align-items: center;
  display: flex;
  justify-content: space-between;
  margin-bottom: 42px;
}

.creator-lists-page__new-list-icon {
  height: 14px;
  margin-right: 10px;
  width: 14px;
}

.creator-list-page__header {
  display: flex;
  gap: 10px;
  justify-content: space-between;
}

.creator-list-page__header .bread-crumbs__item {
  display: grid;
  grid-auto-flow: column;
  word-break: break-all;
}

.creator-list-page__list-name {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.creator-list-page__header-actions {
  align-items: center;
  display: flex;
  gap: 10px;
  justify-content: flex-end;
}

.creator-list-page__plus-icon {
  margin-right: 12px;
}

.creators-onboarding-page__description {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin-bottom: 32px;
}

.agreement-popup__loader {
  font-size: 16px;
  font-weight: 400;
  left: 50%;
  line-height: 28px;
  opacity: 0.8;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
}

.agreement-popup__loader>.loader-ds {
  margin: 0 auto 20px;
}

.agreement-popup__button-icon {
  margin: 0 8px 0 0;
}

.agreement-popup .modal-ds-header {
  border-bottom: 1px solid rgba(255, 255, 255, 0.05);
  font-size: 20px;
  font-weight: 700;
  line-height: 24px;
  padding: 20px;
}

.agreement-popup .modal-ds-footer {
  align-items: center;
  border-top: 1px solid rgba(255, 255, 255, 0.05);
  display: flex;
  flex-direction: row;
  height: 82px;
  justify-content: space-between;
  max-height: 110px;
  padding: 20px;
}

.agreement-popup .modal-ds-body {
  height: 80%;
  margin: auto;
  max-width: 900px;
  width: 80%;
  font-size: 0.875rem;
  line-height: 1.25rem;
}

.agreement-footer-bottom,
.agreement-footer-top {
  align-items: center;
  display: flex;
  justify-content: flex-end;
}

.agreement-footer-bottom {
  justify-content: space-between;
  flex-direction: row;
}

.agreement-popup-input {
  align-items: center;
  display: flex;
  font-weight: 500;
  margin-right: 10px;
  opacity: 0.6;
}

.agreement-text {
  margin: 10px 0;
}

.share-link {
  padding: 22px 24px;
}

.share-link--size--small {
  max-width: 414px;
}

.share-link__title {
  font-size: 20px;
  font-weight: 500;
  line-height: 24px;
  margin: 0 0 12px;
}

.share-link__title>.smile {
  height: 24px;
  margin: 0 0 0 8px;
  position: relative;
  width: 24px;
}

.share-link__gift-icon {
  margin: 0 10px 0 0;
  position: relative;
  top: 4px;
}

.share-link__description {
  color: #a0a0a1;
  font-size: 13px;
  font-weight: 400;
  line-height: 18px;
}

.share-link__split {
  background: rgba(255, 255, 255, 0.1);
  height: 1px;
  margin: 12px 0;
}

.share-link__form {
  display: flex;
  margin: 16px 0 0;
}

.share-link__form .input-wrapper {
  flex: 1;
  margin: 0 12px 0 0;
}

.share-link__form .input-wrapper .input {
  padding: 0 12px;
}

@media screen and (max-width: 639px) {
  .share-link__form {
    flex-direction: column;
  }

  .share-link__form .input-wrapper {
    margin: 0 0 12px;
  }
}

.select-username-modal .site-logo {
  height: 30px;
  width: 130px;
}

.select-username-modal-wrapper {
  background-image: url(/assets/users/components/ui/SelectUsernameModal/images/bg.png);
  background-position: right;
  background-size: cover;
  border-radius: 8px;
  padding: 35px;
}

.select-username-modal-header {
  align-items: center;
  margin-bottom: 25px;
  display: flex;
  flex-direction: row;
}

.select-username-modal-header .icon-user-username {
  fill: #fff;
}

.select-username-modal-header .select-username-modal-title-wrapper {
  margin-left: 10px;
}

.select-username-modal-header .select-username-modal-title {
  color: #cfcfd0;
  font-size: 15px;
  line-height: 18px;
}

.select-username-modal-header .select-username-modal-sub-title {
  font-size: 22px;
  line-height: 27px;
}

.select-username-modal-body .select-username-modal-description {
  color: #a0a0a1;
  font-size: 13px;
  line-height: 20px;
  margin-bottom: 25px;
  max-width: 350px;
}

.select-username-modal-body .select-username-modal-controls {
  display: flex;
  flex-direction: column;
}

.select-username-modal-body .select-username-modal-controls-input {
  position: relative;
}

.select-username-modal-body .input {
  min-width: 250px;
}

.select-username-modal-body .btn-default-filled {
  background: 0 0;
  border: 2px solid rgba(255, 255, 255, 0.8);
  border-radius: 20px;
  color: rgba(255, 255, 255, 0.8);
  margin: 0 0 0 10px;
  padding: 0 35px;
}

.select-username-modal-body .btn-default-filled:hover:not(:disabled) {
  color: rgba(255, 255, 255, 0.9) !important;
}

.cG__content {
  margin: 0 20px;
  position: relative;
  -webkit-user-select: none;
  user-select: none;
}

.cG__content-agreement {
  flex: 1;
  overflow: hidden;
  padding: 60px 60px 20px;
  position: relative;
  width: 100%;
}

.cG__text-block {
  color: #a0a0a1;
  line-height: 140%;
}

.cG__wrapper {
  aspect-ratio: 3/4;
  margin: 20px auto 0;
  max-width: 300px;
  position: relative;
}

.cG__photo-wrapper {
  align-items: center;
  aspect-ratio: 3/4;
  background: #000;
  border-radius: 12px;
  display: flex;
  justify-content: center;
  overflow: hidden;
  position: relative;
  width: 100%;
}

.cG__loading-shadow {
  background: rgba(0, 0, 0, 0.8);
  border-radius: 12px;
  bottom: 0;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 1;
}

.cG__shadow {
  background-repeat: no-repeat;
  background-size: contain;
  bottom: 0;
  left: 0;
  opacity: 0.6;
  position: absolute;
  top: 0;
  width: 100%;
}

.cG__oval-wrapper {
  align-items: center;
  aspect-ratio: 24/30;
  display: flex;
  justify-content: center;
  position: absolute;
  transform: translateY(-6.9%);
  width: 80%;
  z-index: 1;
}

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

.cG__video {
  border-radius: 12px;
  height: 100%;
  left: 0;
  object-fit: cover;
  object-position: center;
  position: absolute;
  top: 0;
  transition: opacity 0.6s;
  width: 100%;
}

.cG__video--flip {
  transform: scaleX(-1);
}

.cG__video--hidden {
  visibility: hidden;
}

.cG__video::-webkit-media-controls-start-playback-button {
  appearance: none;
  display: none !important;
}

.cG__loader-shaker {
  color: #67ed27;
  font-weight: 500;
  height: 0;
  margin: 0 auto;
  overflow: hidden;
  text-align: center;
  transition: height 0.3s;
  white-space: nowrap;
  width: 160px;
}

.cG__scanner-wrapper {
  bottom: 17%;
  clip-path: ellipse(50% 50%at 50% 50%);
  left: 10%;
  position: absolute;
  right: 10%;
  top: 7%;
  z-index: 2;
}

.cG__scanner {
  animation: scanner 2s infinite alternate;
  background: #67ed27;
  box-shadow: 0 0 9.33333px 1.86667px #67ed27;
  height: 2px;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}

.cG__placeholder {
  bottom: 50%;
  color: #fff;
  font-size: 14px;
  font-weight: 500;
  left: 50%;
  line-height: 20px;
  position: absolute;
  text-align: center;
  transform: translate(-50%, 10%);
  width: 130px;
  z-index: 1;
}

.cG__text-arrow {
  position: absolute;
  right: 55px;
  top: -45px;
}

.cG__scanner-dots {
  background: url(/assets/common/images/face-verification/face-dots.svg) no-repeat center;
  background-size: contain;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

.cG__scanner-lines {
  background: url(/assets/common/images/face-verification/face-lines.svg) no-repeat center;
  background-size: contain;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

.cG__example,
.cG__example-btn {
  align-items: center;
  cursor: pointer;
  display: flex;
  justify-content: center;
  position: absolute;
  top: 0;
}

.cG__example-btn {
  background: 0 0;
  border: 0;
  color: rgba(255, 255, 255, 0.8);
  height: 36px;
  padding: 0;
  right: 0;
  width: 36px;
  z-index: 1;
}

.cG__example-btn:hover {
  color: #fff;
}

.cG__example {
  aspect-ratio: 3/4;
  background-repeat: no-repeat;
  background-size: contain;
  border-radius: 12px;
  height: 100%;
  left: 0;
  opacity: 0;
  overflow: hidden;
  transform: scale(0);
  transform-origin: right top;
  transition: transform 0.3s, opacity 0.3s;
  width: 100%;
  z-index: 2;
}

.cG__example--opened {
  opacity: 1;
  transform: scale(1);
}

.cG__example-text {
  bottom: 8px;
  color: #fff;
  font-size: 14px;
  left: 0;
  position: absolute;
  text-align: center;
  width: 100%;
}

.cG__example-expand {
  align-items: center;
  -webkit-backdrop-filter: blur(2px);
  backdrop-filter: blur(2px);
  background: rgba(5, 5, 6, 0.4);
  border-radius: 50%;
  color: #fff;
  display: flex;
  height: 32px;
  justify-content: center;
  position: absolute;
  right: 8px;
  top: 8px;
  transition: background 0.3s;
  width: 32px;
}

.cG__photo-btn,
.cG__photo-controls {
  align-items: center;
  cursor: pointer;
  display: flex;
  justify-content: center;
  width: 100%;
}

.cG__photo-btn {
  background: 0 0;
  border: 2px solid #fff;
  border-radius: 50%;
  color: #fff;
  height: 48px;
  width: 48px;
}

.cG__photo-btn :disabled {
  opacity: 0.6;
  pointer-events: none;
}

.cG__photo-btn:hover>.icon-photo-3 {
  transform: scale(0.8);
}

.cG__photo-btn>.icon-photo-3 {
  transition: transform 0.3s;
}

.cG__tooltip {
  min-width: 320px;
}

.cG__tooltip-content {
  padding: 20px;
}

.cG__settings-btn,
.cG__swap-btn {
  align-items: center;
  background: #343437;
  border: 0;
  border-radius: 50%;
  color: #fff;
  display: flex;
  height: 32px;
  justify-content: center;
  position: absolute;
  width: 32px;
}

.cG__settings-btn {
  cursor: pointer;
  left: 20px;
}

.cG__settings-btn:hover {
  background: #424248;
}

.cG__swap-btn {
  padding: 0;
  right: 20px;
}

.cG__footer {
  align-items: flex-end;
  display: flex;
  height: 80px;
  padding: 20px;
  position: relative;
}

.cG__footer--submit {
  animation: opacity-fade-show-modal-strict 0.3s;
  justify-content: space-between;
}

.cG__footer--border::before {
  background: rgba(255, 255, 255, 0.05);
  content: "";
  height: 1px;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

.cG__nose,
.cG__nose-text {
  aspect-ratio: 1;
  height: 10%;
  position: absolute;
  transform: translateX(-50%) translateY(-50%);
  z-index: 1;
}

.cG__nose {
  background: url(/assets/common/images/face-verification/nose.svg) no-repeat;
  background-size: contain;
  border-radius: 50%;
}

.cG__nose--border::before {
  background: url(/assets/common/images/face-verification/donut.webp) no-repeat;
  background-size: cover;
  bottom: -100%;
  content: "";
  left: -100%;
  opacity: 0.4;
  position: absolute;
  right: -100%;
  top: -100%;
}

.cG__nose-text {
  display: flex;
  font-size: 14px;
  justify-content: center;
  left: 50%;
  right: 0;
  text-align: center;
  top: 30%;
}

.cG__close {
  align-items: center;
  background: 0 0;
  border: 0;
  color: #707071;
  cursor: pointer;
  display: none;
  height: 32px;
  justify-content: center;
  padding: 0;
  position: absolute;
  right: 0;
  top: 0;
  width: 32px;
}

.cG__close:hover,
.cG__faq:hover {
  color: #fff;
}

.cG__checkbox {
  display: flex;
  margin: 24px 0 0;
}

.cG__info {
  background: #232325;
  border-radius: 12px;
  color: #a0a0a1;
  display: flex;
  font-size: 14px;
  gap: 8px;
  line-height: 20px;
  margin: 20px 0 10px;
  padding: 10px 16px;
  text-align: left;
}

.cG__faq {
  color: #cfcfd0;
  display: flex;
  left: 4px;
  padding: 4px;
  position: absolute;
  top: 4px;
  z-index: 1;
}

.cG__attache-file {
  align-items: center;
  bottom: 4%;
  display: flex;
  flex-direction: column;
  gap: 5px;
  left: 0;
  opacity: 1;
  position: absolute;
  width: 100%;
  z-index: 2;
}

.cG__attache-file-button {
  background: 0 0;
  border: 0;
  color: #ff3332;
  cursor: pointer;
  font-size: 14px;
  font-weight: 700;
  padding: 0;
}

@media (max-width: 639px),
(max-height: 420px) {
  .cG__close {
    display: flex;
  }
}

@media (max-width: 479px) {
  .cG__checkbox {
    justify-content: center;
  }

  .cG__content-agreement {
    padding: 20px 50px;
  }
}

.cK__content {
  max-width: 100%;
  width: 1200px;
}

.upload-cover-video-modal.modal-ds-body {
  width: 400px;
}

.upload-cover-video-modal.modal-ds-body .modal-ds-content {
  padding: 14px 16px;
}

.upload-cover-video-modal .modal-content {
  background: #232325;
  padding: 10px;
  width: 600px;
}

.upload-cover-video-modal__filename {
  padding-bottom: 20px;
}

.upload-cover-video-modal__row {
  display: flex;
}

.upload-cover-video-modal__icon {
  align-items: center;
  background-color: rgba(255, 255, 255, 0.2);
  display: flex;
  height: 95px;
  justify-content: center;
  margin-right: 20px;
  width: 25%;
}

.upload-cover-video-modal__progress {
  width: 100%;
}

.upload-cover-video-modal__actions {
  border-top: 1px solid rgba(0, 0, 0, 0.5);
  display: flex;
  justify-content: center;
  margin: 10px -10px 0;
  padding: 10px 10px 0;
}

.upload-cover-video-modal__actions .btn {
  margin: 0;
}

.loader-ds {
  animation: loader-ds 1.4s linear infinite;
}

.loader-ds-default-color {
  color: #fff;
}

.loader-ds-circle {
  animation: loader-ds-circle 1.4s ease-in-out infinite;
  stroke-dasharray: 80px, 200px;
  stroke-dashoffset: 0;
}

.checkbox-ds {
  display: flex;
}

.checkbox-ds__box {
  align-items: center;
  cursor: pointer;
  display: flex;
  justify-content: center;
  position: relative;
  transition: border 0.3s;
}

.checkbox-ds__box--size--normal {
  border-radius: 6px;
  height: 24px;
  width: 24px;
}

.checkbox-ds__box--size--normal.checkbox-ds__box--theme--radio,
.checkbox-ds__box--size--small.checkbox-ds__box--theme--radio {
  border-radius: 50%;
}

.checkbox-ds__box--size--small {
  border-radius: 4px;
  height: 18px;
  width: 18px;
}

.checkbox-ds__box--theme--primary {
  border: 2px solid #707071;
  color: #fff;
}

.checkbox-ds__box--theme--white {
  border: 2px solid #fff;
  color: #000;
}

.checkbox-ds__box--theme--radio {
  border: 2px solid #707071;
}

.checkbox-ds__box--theme--radio:after {
  border-radius: 50%;
  content: "";
  display: none;
  height: 12px;
  width: 12px;
}

.checkbox-ds__box--checked.checkbox-ds__box--theme--primary {
  background: #d60908;
  border-color: #d60908;
}

.checkbox-ds__box--checked.checkbox-ds__box--theme--white {
  background: #fff;
}

.checkbox-ds__box--checked.checkbox-ds__box--theme--radio {
  border-color: #d60908;
}

.checkbox-ds__box--checked.checkbox-ds__box--theme--radio:after {
  background: #d60908;
  display: block;
}

.checkbox-ds__input,
input.checkbox,
input.radio {
  height: 0;
  opacity: 0;
  position: absolute;
  width: 0;
}

.checkbox-ds__icon {
  display: block;
  height: 14px;
  width: 14px;
}

.checkbox-ds__content {
  display: inline-block;
}

.checkbox-ds__content--size--normal {
  margin: 2px 0 0 6px;
}

.checkbox-ds__content--size--small {
  margin: 0 0 0 6px;
}

.input-wrapper,
.input-wrapper__text-wrapper {
  position: relative;
}

.input-wrapper .input-wrapper__password-button {
  cursor: pointer;
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
}

.input-wrapper .input-wrapper__password-button .icon {
  fill: #808085;
}

.input {
  width: 100%;
}

.input.input--prefixed.input--prefixed {
  padding-left: calc(16px + 1em);
}

.input__prefix {
  font-size: 0.75rem;
  left: 12px;
  line-height: 100%;
  opacity: 0.4;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

.input__error {
  color: #fd3a5b;
  display: block;
  font-size: 13px;
  margin: 4px 0 0;
}

.input__multy-suggest {
  cursor: default;
  display: flex;
  text-align: left;
  width: 100%;
}

.input__multy-suggest-link {
  cursor: pointer;
  padding: 4px 8px;
}

.input.text-x-large {
  height: 44px;
}

input.checkbox,
input.radio {
  display: block;
}

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

input.checkbox:checked+label,
input.checkbox:focus+label,
input.checkbox:hover+label,
input.radio:checked+label,
input.radio:focus+label,
input.radio:hover+label {
  opacity: 1;
}

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

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

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

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

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

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

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

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

.checkbox-small+label,
.radio-small+label {
  background-size: 13px;
  height: 15px;
  line-height: 15px;
  padding-left: 20px;
  font-size: 0.75rem;
}

.checkbox-large+label {
  background-size: 18px;
}

.checkbox-large+label,
.radio-large+label {
  height: 20px;
  line-height: 20px;
  padding-left: 30px;
  font-size: 1rem;
}

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

.radio-large+label {
  background-size: 18px;
}

.input.multiple:disabled,
input.checkbox:disabled+label,
input.radio:disabled+label,
input:disabled {
  cursor: default;
  opacity: 0.33;
}

input.input {
  border-radius: 12px;
  padding: 10px;
}

input.input,
textarea.textarea {
  background-color: #111113;
  border: 2px solid transparent;
  color: rgba(255, 255, 255, 0.8);
  display: inline-block;
  height: 40px;
  line-height: 20px;
  transition: color ease 0.25s, background ease 0.25s, background-color ease 0.25s;
  font-size: 0.75rem;
}

input.input::placeholder,
textarea.textarea::placeholder {
  color: rgba(223, 223, 223, 0.6);
}

input.input:hover:not(input.input:focus, textarea.textarea:focus):not(input.input.error, textarea.textarea.error),
textarea.textarea:hover:not(input.input:focus, textarea.textarea:focus):not(input.input.error, textarea.textarea.error) {
  border-color: rgba(255, 255, 255, 0.2);
}

input.input:focus,
textarea.textarea:focus {
  background-color: #050506;
  border-color: #ff3332;
}

input.input.error,
textarea.textarea.error {
  border: 1px solid #fd3a5b;
  color: #fd3a5b;
}

input.input.error:hover,
textarea.textarea.error:hover {
  border: 1px solid #d5444e;
  color: #d5444e;
}

input.input.error:active,
input.input.error:focus,
textarea.textarea.error:active,
textarea.textarea.error:focus {
  border: 1px solid #d5444e;
  color: #d5444e;
}

input.input.date-small,
input.input.email-small,
input.input.number-small,
input.input.password-small,
input.input.search-small,
input.input.text-small {
  border-radius: 15px;
  height: 30px;
  font-size: 0.813rem;
  line-height: 0.938rem;
}

input.input.date-medium,
input.input.email-medium,
input.input.number-medium,
input.input.password-medium,
input.input.search-medium,
input.input.text-medium {
  border-radius: 12px;
  height: 32px;
  padding: 0 16px;
  font-size: 0.875rem;
  line-height: 1.063rem;
}

input[type="email"].input.theme-light,
input[type="number"].input.theme-light,
input[type="password"].input.theme-light,
input[type="tel"].input.theme-light,
input[type="text"].input.theme-light {
  background-color: rgba(255, 255, 255, 0.15);
  border: 2px solid transparent;
  box-shadow: none;
}

input[type="email"].input.theme-light:active,
input[type="email"].input.theme-light:focus,
input[type="number"].input.theme-light:active,
input[type="number"].input.theme-light:focus,
input[type="password"].input.theme-light:active,
input[type="password"].input.theme-light:focus,
input[type="tel"].input.theme-light:active,
input[type="tel"].input.theme-light:focus,
input[type="text"].input.theme-light:active,
input[type="text"].input.theme-light:focus {
  background-color: rgba(255, 255, 255, 0.15);
  border: 2px solid #ff3332;
}

.multiple.input,
textarea.textarea {
  border-radius: 12px;
  padding: 10px;
}

label {
  display: inline-block;
  margin-bottom: 0;
  text-align: right;
}

input.block {
  width: 100%;
}

.multiple.input {
  background-color: #111113;
  border: 1px solid transparent;
  color: rgba(255, 255, 255, 0.8);
  cursor: text;
  display: flex;
  flex-wrap: wrap;
  line-height: 20px;
  min-height: 30px;
  padding: 2px 10px;
  font-size: 0.75rem;
}

.multiple.input input {
  background: 0 0;
  border: transparent;
  color: rgba(255, 255, 255, 0.8);
  flex-grow: 1;
  height: 25px;
  margin: 5px;
}

.multiple.input .multiple-item {
  align-items: center;
  background-color: #464646;
  border-radius: 20px;
  color: #fff;
  display: flex;
  font-weight: 500;
  height: 25px;
  justify-content: space-between;
  line-height: 25px;
  margin: 5px;
  padding: 0 5px 0 10px;
  vertical-align: top;
}

.multiple.input .multiple-item .multiple-item-remove {
  cursor: pointer;
  fill: #6e6e6e;
  margin-left: 10px;
}

.multiple.input .multiple-item .multiple-item-remove:focus .icon,
.multiple.input .multiple-item .multiple-item-remove:hover .icon {
  fill: #d72c37;
}

.multiple.input .multiple-item.error {
  background-color: #603838;
}

.select {
  line-height: normal;
  position: relative;
}

.select .native-select {
  -webkit-appearance: none;
  appearance: none;
  background-color: transparent;
  border: 0;
  color: transparent;
  height: 100%;
  left: 0;
  opacity: 0.01;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 1;
}

.select,
.select.disabled {
  transition: all 120msms ease-in-out 0s;
}

.select.disabled {
  opacity: 0.33;
}

.select.disabled>.select-control:hover {
  box-shadow: none;
}

.select.disabled>.select-arrow-zone {
  cursor: default;
  pointer-events: none;
}

.select-control {
  background-clip: padding-box !important;
  background-color: #111113;
  border: 1px solid transparent;
  border-radius: 12px;
  box-shadow: none;
  color: #fff;
  cursor: default;
  display: flex;
  height: 40px;
  outline: 0;
  overflow: hidden;
  padding-right: 35px;
  position: relative;
  transition-duration: 120ms;
  transition-property: border, border-color, box-shadow;
  transition-timing-function: ease-in-out;
  width: 100%;
}

.select-control:hover {
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.06);
}

.select.is-searchable.is-focused:not(.is-open)>.select-control,
.select.is-searchable.is-open>.select-control {
  cursor: text;
}

.select.is-open>.select-control {
  background: #111113;
  border-color: transparent;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.select.is-open>.select-control>.select-arrow-zone>.icon {
  transform: rotate(180deg);
}

.select.is-focused>.select-control {
  background: #050506;
  border-color: #ff3332;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 5px #5f5f61;
}

.select-value {
  align-items: center;
  display: flex;
  margin-bottom: 2px;
  margin-top: 2px;
}

.select .select-placeholder,
.select:not(.is-multiple)>.select-control .select-value {
  bottom: 0;
  color: rgba(223, 223, 223, 0.6);
  left: 0;
  line-height: 38px;
  max-width: 100%;
  overflow: hidden;
  padding-left: 10px;
  padding-right: 10px;
  position: absolute;
  right: 0;
  text-overflow: ellipsis;
  top: 0;
  white-space: nowrap;
}

.select.has-value.is-pseudo-focused:not(.is-multiple)>.select-control>.select-value .select-value-label,
.select.has-value:not(.is-multiple):not(.is-focused)>.select-control>.select-value .select-value-label {
  color: #fff;
}

.select.has-value.is-pseudo-focused:not(.is-multiple)>.select-control>.select-value a.select-value-label,
.select.has-value:not(.is-multiple):not(.is-focused)>.select-control>.select-value a.select-value-label {
  cursor: pointer;
  text-decoration: none;
}

.select.has-value.is-pseudo-focused:not(.is-multiple)>.select-control>.select-value a.select-value-label:hover,
.select.has-value:not(.is-multiple):not(.is-focused)>.select-control>.select-value a.select-value-label:hover {
  color: #ff3332;
  text-decoration: underline;
}

.select.has-value.is-pseudo-focused .select-input {
  opacity: 0;
}

.select-control:not(.select.is-searchable)>.select-input {
  outline: 0;
}

.select-loading,
.select-loading-zone {
  position: relative;
  vertical-align: middle;
  width: 16px;
}

.select-loading-zone {
  cursor: pointer;
  display: table-cell;
  text-align: center;
}

.select-loading {
  animation: select-animation-spin 400ms infinite linear;
  border: 2px solid transparent;
  border-radius: 50%;
  border-right-color: #fff;
  box-sizing: border-box;
  display: inline-block;
  height: 16px;
}

.select-arrow-zone,
.select-clear-zone {
  cursor: pointer;
  position: absolute;
  right: 10px;
  text-align: center;
  top: 50%;
  transform: translateY(-50%);
  z-index: 2;
}

.select-clear-zone {
  animation: select-animation-fadeIn 200ms;
  padding: 5px;
}

.select-clear-zone>.icon {
  color: rgba(255, 255, 255, 0.75);
  display: block;
  margin: 0;
  transition: all 120msms ease-in-out 0s;
}

.select-clear-zone:hover,
.title-ds a {
  color: #fff;
}

.select-clear-zone~.select-arrow-zone {
  right: 30px;
}

.select-arrow-zone {
  color: #a0a0a1;
  padding-right: 5px;
}

.select-arrow-zone .icon {
  display: block;
  height: 6px;
  margin: 0;
  width: 6px;
  transition: all 120msms ease-in-out 0s;
}

.select .select-arrow-zone:hover>.icon,
.select.is-open .icon {
  fill: #fff;
}

.select-input {
  -webkit-appearance: none;
  appearance: none;
  background: 0 0;
  border: 0;
  box-shadow: none;
  color: #fff;
  cursor: default;
  display: inline-block;
  font-family: inherit;
  font-size: inherit;
  height: 38px;
  margin: 0;
  outline: 0;
  padding: 0 20px;
  vertical-align: middle;
}

.select-input.is-focused {
  cursor: text;
}

.select-menu-outer {
  border-bottom-left-radius: 12px;
  border-bottom-right-radius: 12px;
  background-color: #1d1d1d;
  border: 1px solid #ff3332;
  border-top-color: #5a2d88;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 5px #5f5f61;
  box-sizing: border-box;
  margin-top: -1px;
  max-height: 220px;
  overflow: hidden;
  position: absolute;
  top: 100%;
  width: 100%;
  z-index: 501;
}

.select-option {
  box-sizing: border-box;
  color: #fff;
  cursor: pointer;
  display: block;
  height: 40px;
  line-height: 20px;
  padding: 10px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.select-option:last-child {
  border-bottom-left-radius: 12px;
  border-bottom-right-radius: 12px;
}

.select-option.is-focused {
  background-color: #050506;
  color: #fff;
}

.select-no-result,
.select-option.disabled {
  color: #fff;
  cursor: default;
}

.select-no-result {
  box-sizing: border-box;
  display: block;
  padding: 10px;
}

.select-menu .scroll-bar-container {
  max-height: 218px;
}

.is-multiple.is-for-native-controls .select-value {
  padding-right: 5px;
}

.is-multiple .select-control .select-arrow-zone,
.is-multiple.is-for-native-controls .select-value-icon {
  display: none;
}

.is-multiple .select-control {
  align-items: center;
  display: flex;
  flex-flow: row wrap;
  height: auto;
}

.is-multiple .select-input {
  padding-left: 10px;
  vertical-align: middle;
}

.is-multiple.has-value .select-input {
  padding-left: 10px;
}

.is-multiple .select-value {
  background-color: #464646;
  border-radius: 19px;
  color: #fff;
  display: inline-block;
  flex-shrink: 1;
  font-size: 0.85714rem;
  font-weight: 500;
  margin-left: 10px;
  min-height: 25px;
  padding: 5px 20px 5px 5px;
  position: relative;
  vertical-align: top;
}

.is-multiple .select-value-icon,
.is-multiple .select-value-label {
  display: inline-block;
  vertical-align: middle;
}

.is-multiple .select-value-label {
  border-bottom-right-radius: 19px;
  border-top-right-radius: 19px;
  cursor: default;
  padding: 0 10px;
}

.is-multiple a.select-value-label {
  color: #fff;
  cursor: pointer;
  text-decoration: none;
}

.is-multiple .select-value-icon {
  cursor: pointer;
  position: absolute;
  right: 5px;
  top: 50%;
  transform: translateY(-50%);
}

.is-multiple .select-value-icon .icon {
  fill: #6e6e6e;
  margin: 0;
  pointer-events: none;
}

.is-multiple .select-value-icon:focus .icon,
.is-multiple .select-value-icon:hover .icon {
  fill: #d72c37;
}

.is-multiple.disabled {
  opacity: 0.33;
}

.is-multiple.disabled .select-value-icon {
  cursor: not-allowed;
}

.select.error .select-control {
  border: 1px solid #fd3a5b;
}

.select.error .select-control .select-input {
  color: #fd3a5b;
}

.select.error .select-menu-outer {
  border: 1px solid #fd3a5b;
  border-top-color: #872637;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px rgba(253, 58, 91, 0.75);
}

.select.error.is-focused .select-control {
  color: #d5444e;
}

.select.error.is-focused .select-control,
.select.error.is-focused .select-menu-outer,
.select.error:hover .select-control {
  border: 1px solid #d5444e;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px rgba(213, 68, 78, 0.75);
}

.select.error.is-focused .select-menu-outer {
  border-top-color: #732b31;
}

.select.error:hover .select-control {
  color: #d5444e;
}

.select.select-small {
  font-size: 0.75rem;
}

.select.select-small .select-control {
  border-radius: 15px;
}

.select.select-small .select-placeholder,
.select.select-small:not(.is-multiple)>.select-control .select-value {
  line-height: 30px;
}

.select.select-small .select-input {
  height: 30px;
}

.select.select-small.is-open>.select-control {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.select.select-small .select-loading-zone {
  width: 14px;
}

.select.select-small .select-loading {
  border: 1px solid transparent;
  height: 14px;
  width: 14px;
}

.select.select-small .select-option {
  height: 30px;
  line-height: 10px;
}

.select.select-small .select-value {
  margin-top: 2px;
}

.select.select-small:not(.is-multiple) .select-control {
  height: 32px;
}

.select.select-small.is-multiple .select-value {
  height: 26px;
  margin-left: 3px;
}

.de {
  background: rgba(0, 0, 0, 0.9);
  bottom: 0;
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 211;
}

.de__root-showing {
  overflow: initial;
}

.de__big-logo {
  left: 0;
  pointer-events: none;
  position: absolute;
  top: 11px;
}

.de__content {
  bottom: 64px;
  left: 0;
  overflow: hidden;
  position: absolute;
  top: 64px;
  width: 100%;
}

.de__list {
  align-items: center;
  bottom: 0;
  column-gap: 40px;
  display: flex;
  left: 0;
  position: absolute;
  top: 0;
}

.de__close {
  color: #707071;
  cursor: pointer;
  padding: 4px;
  position: absolute;
  right: 18px;
  top: 12px;
}

.de__close:hover {
  color: #cfcfd0;
}

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

.messenger-chats {
  align-items: flex-end;
  bottom: 0;
  display: flex;
  height: 0;
  overflow: visible;
  position: fixed;
  right: 20px;
  z-index: 104;
}

@media (max-width: 639px) {
  .messenger-chats {
    left: 0;
    right: 0;
    z-index: 202;
  }
}

.feed-my-club__header {
  align-items: center;
  display: flex;
  height: 40px;
  position: absolute;
  right: 0;
  top: 14px;
  z-index: 5;
}

.feed__post-label {
  left: 16px;
  pointer-events: none;
  position: absolute;
  top: 16px;
  z-index: 3;
}

@media screen and (max-width: 767px) {
  .feed__post-label {
    left: 14px;
    top: 14px;
  }
}

.empty-feed-placeholder {
  font-size: 30px;
  margin: 20px 0;
  text-align: center;
}

.empty-feed-placeholder .icon {
  height: 100px;
  margin: 0 auto 40px;
  width: 100px;
}

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

  .feed-post .text-post,
  .feed-post .r {
    border-radius: 0;
  }

  .feed-post .feed-content {
    margin: 0-16px;
    padding: 0 0 20px;
  }

  .feed-post .tile-content-info {
    padding: 0 14px;
  }

  .feed-post .text-post .text {
    padding: 0 16px;
  }

  .feed-my-club__header {
    right: 10px;
    top: 4px;
  }
}

.landing-benefits {
  display: flex;
  justify-content: space-between;
  margin-bottom: 156px;
  margin-top: 19px;
}

@media screen and (max-width: 1023px) {
  .landing-benefits {
    flex-wrap: wrap;
    margin-bottom: 116px;
  }
}

@media screen and (max-width: 639px) {
  .landing-benefits {
    flex-direction: column;
    justify-content: flex-start;
    margin-top: 82px;
  }
}

.landing-benefit {
  width: 25%;
}

.landing-benefit__icon-wrapper {
  border: 3px solid rgb(241 16 16 / 20%);
  border-radius: 24px;
  display: inline-block;
  padding: 18px;
}

.landing-benefit__icon-wrapper .icon {
  height: 32px;
  width: 32px;
}

.landing-benefit__title {
  font-weight: 700;
  margin-top: 24px;
  font-size: 1.375rem;
  line-height: 1.65rem;
}

.landing-benefit__subtitle {
  margin-top: 24px;
  opacity: 0.8;
  font-size: 1rem;
  line-height: 1.5rem;
}

@media screen and (max-width: 1023px) {
  .landing-benefit {
    width: 34%;
  }

  .landing-benefit:last-child {
    margin-top: 64px;
  }
}

@media screen and (max-width: 639px) {
  .landing-benefit {
    width: 100%;
    text-align: center;
  }

  .landing-benefit:last-child {
    margin-top: 0;
  }

  .landing-benefit:not(:last-child) {
    margin-bottom: 36px;
  }
}

.landing-abilities__title {
  font-size: 3rem;
  line-height: 3.25rem;
  font-weight: 700;
  margin: 0 0 24px;
}

.landing-abilities__clubs-wrapper .landing-ability__description {
  flex: 2;
}

.landing-abilities__clubs-wrapper .landing-ability__content {
  flex: 3;
}

.landing-abilities__referrals-wrapper {
  margin: 100px 0 0;
}

.landing-abilities__referrals-wrapper .landing-ability__description {
  flex: 2;
  position: relative;
}

.landing-abilities__referrals-wrapper .landing-ability__content {
  flex: 2;
}

.landing-abilities__unlock .landing-ability__content {
  align-items: center;
  display: flex;
  height: 371px;
  margin-right: 50px;
  position: relative;
}

@media screen and (max-width: 639px) {
  .landing-abilities__unlock {
    margin-left: unset;
    width: unset;
  }
}

.landing-abilities__with-margin {
  margin-bottom: 250px;
}

.landing-abilities__height-limited {
  max-height: 650px;
}

.landing-abilities__subtitle {
  color: #cfcfd0;
  padding: 0 24px;
  text-align: center;
  font-size: 1rem;
  line-height: 1.75rem;
}

.landing-abilities__screen {
  background: url(/assets/common/images/promo/screen.webp) center/contain no-repeat;
  border-radius: 6%;
  box-shadow: 1px 1px 68px rgb(87 13 13 / 60%);
  position: absolute;
  right: 0;
  width: 563px;
}

.landing-abilities__screen::after {
  content: "";
  display: block;
  padding-top: 67.8%;
  width: 100%;
}

.landing-abilities__screen-wrapper {
  background-color: #000;
  border-radius: 27px;
  box-shadow: 0 3.0794827938px 110.0915222168px 0 rgba(163, 73, 252, 0.4);
  padding: 14px 11px;
  position: relative;
}

.landing-abilities__screen-wrapper::after {
  background: linear-gradient(180deg, #ff3332 0, #270548 100%);
  border-radius: 30px;
  bottom: -3px;
  content: "";
  left: -3px;
  position: absolute;
  right: -3px;
  top: -3px;
  z-index: -1;
}

.landing-abilities__chat .landing-ability__description {
  max-width: 472px;
}

.landing-abilities__clubs {
  flex: 1;
  height: 510px;
  position: relative;
}

.landing-abilities__clubs-club {
  border: 3px solid #ff3332;
  box-shadow: 0 0 119.787px rgba(163, 73, 252, 0.4);
  overflow: hidden;
  position: absolute;
}

.landing-abilities__clubs-club::after {
  bottom: 0;
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  transition: transform 0.6s;
  width: 100%;
}

.landing-abilities__clubs-club:hover::after {
  transform: scale(1.3);
}

.landing-abilities__clubs-club-1 {
  border-radius: 63.6632px;
  height: 192.66px;
  left: 0;
  top: 69%;
  transform: rotate(-10.44deg);
  width: 192.66px;
}

.landing-abilities__clubs-club-1::after {
  background: url(/assets/common/images/promo/avatar3.webp) center/cover no-repeat;
}

.landing-abilities__clubs-club-2 {
  border-radius: 52.7734px;
  height: 159.16px;
  left: 21.5%;
  top: 13.5%;
  transform: rotate(16.89deg);
  width: 159.16px;
}

.landing-abilities__clubs-club-2::after {
  background: url(/assets/common/images/promo/avatar4.webp) center/cover no-repeat;
}

.landing-abilities__clubs-club-3 {
  border-radius: 28.4809px;
  height: 84px;
  left: 55%;
  top: 11%;
  transform: rotate(4deg);
  width: 84px;
}

.landing-abilities__clubs-club-3::after {
  background: url(/assets/common/images/promo/avatar5.webp) center/cover no-repeat;
}

.landing-abilities__clubs-club-4 {
  border-radius: 42.7213px;
  height: 125.65px;
  left: 53%;
  top: 41%;
  transform: rotate(-11.68deg);
  width: 125.65px;
}

.landing-abilities__clubs-club-4::after {
  background: url(/assets/common/images/promo/avatar6.webp) center/cover no-repeat;
}

.landing-abilities__clubs-club-5 {
  border-radius: 29.3186px;
  height: 83.77px;
  left: 31%;
  top: 56%;
  transform: rotate(10.93deg);
  width: 83.77px;
}

.landing-abilities__clubs-club-5::after {
  background: url(/assets/common/images/promo/avatar7.webp) center/cover no-repeat;
}

.landing-abilities__clubs-club-6 {
  border-radius: 36.02px;
  height: 100.52px;
  left: 76%;
  top: 72%;
  transform: rotate(-6.72deg);
  width: 100.52px;
}

.landing-abilities__clubs-club-6::after {
  background: url(/assets/common/images/promo/avatar8.webp) center/cover no-repeat;
}

.landing-abilities__clubs-club-7 {
  border-radius: 34.3446px;
  height: 100.52px;
  left: 45%;
  top: 87%;
  transform: rotate(11.56deg);
  width: 100.52px;
}

.landing-abilities__clubs-club-7::after {
  background: url(/assets/common/images/promo/avatar9.webp) center/cover no-repeat;
}

.landing-abilities__clubs-club-8 {
  border-radius: 28.4809px;
  bottom: -150px;
  height: 84px;
  left: 170px;
  transform: rotate(-13deg);
  width: 84px;
}

.landing-abilities__clubs-club-8::after {
  background: url(/assets/common/images/promo/avatar5.webp) center/cover no-repeat;
}

.landing-abilities__clubs-club-9 {
  border-radius: 39px;
  height: 120px;
  left: 95%;
  top: 83.5%;
  transform: rotate(16.89deg);
  width: 120px;
}

.landing-abilities__clubs-club-9::after {
  background: url(/assets/common/images/promo/avatar4.webp) center/cover no-repeat;
}

.landing-abilities__clubs-club-10 {
  border-radius: 24px;
  height: 72px;
  left: 38%;
  top: 46%;
  transform: rotate(-11.68deg);
  width: 72px;
}

.landing-abilities__clubs-club-10::after {
  background: url(/assets/common/images/promo/avatar6.webp) center/cover no-repeat;
}

.landing-abilities__clubs-club-11 {
  border-radius: 29.3186px;
  height: 95px;
  left: 70%;
  top: 55%;
  transform: rotate(-17.07deg);
  width: 95px;
}

.landing-abilities__clubs-club-11::after {
  background: url(/assets/common/images/promo/avatar7.webp) center/cover no-repeat;
}

.landing-abilities__clubs-dollar {
  left: 63%;
  position: absolute;
  top: 19%;
}

.landing-abilities__clubs-dollar .smile {
  height: 120px;
  margin: 0;
  width: 120px;
}

.landing-abilities__clubs-club-placeholder {
  background: #ff3332;
  position: absolute;
}

.landing-abilities__clubs-club-placeholder-1 {
  border-radius: 7.53906px;
  height: 20.1px;
  left: 18%;
  opacity: 0.6;
  top: 49.5%;
  transform: rotate(-18.46deg);
  width: 20.1px;
}

.landing-abilities__clubs-club-placeholder-2 {
  border-radius: 5.86371px;
  height: 16.75px;
  left: 33.3%;
  opacity: 0.2;
  top: 79%;
  transform: rotate(-18.46deg);
  width: 16.75px;
}

.landing-abilities__clubs-club-placeholder-3 {
  border-radius: 5.86371px;
  height: 18.43px;
  left: 47.4%;
  opacity: 0.3;
  top: 67.2%;
  transform: rotate(-2.71deg);
  width: 18.43px;
}

.landing-abilities__clubs-club-placeholder-4 {
  border-radius: 9.21441px;
  height: 26.81px;
  left: 69%;
  opacity: 0.5;
  top: 89.7%;
  transform: rotate(6.11deg);
  width: 26.81px;
}

.landing-abilities__clubs-club-placeholder-5 {
  border-radius: 13.4028px;
  height: 40.21px;
  left: 71.3%;
  opacity: 0.3;
  top: 34%;
  transform: rotate(-18.46deg);
  width: 40.21px;
}

.landing-abilities__clubs-club-placeholder-6 {
  border-radius: 7.53906px;
  height: 18.43px;
  left: 78.5%;
  opacity: 0.5;
  top: 55.5%;
  transform: rotate(-18.46deg);
  width: 18.43px;
}

.landing-abilities__mobile-screen {
  background: url(../images/mobile.png) center/contain no-repeat;
  flex: 1;
  height: 655px;
}

.landing-abilities__mobile-screen::after {
  background: linear-gradient(180deg, rgba(5, 5, 6, 0) 0, rgba(5, 5, 6, 0.84) 33.45%, #050506 54.01%, #050506 100%);
  bottom: 0;
  content: "";
  height: 287px;
  pointer-events: none;
  position: absolute;
  width: 100%;
}

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

  .landing-abilities__earn .landing-ability__content,
  .landing-abilities__earn .landing-ability__description {
    width: 50%;
  }

  .landing-abilities__with-margin {
    margin-bottom: 180px;
  }
}

@media screen and (max-width: 1023px) {
  .landing-abilities__clubs-wrapper .landing-ability__content {
    margin: 0 auto;
    width: 60%;
  }

  .landing-abilities__clubs {
    height: unset;
    margin-top: 40px;
    min-height: 350px;
    min-width: 500px;
    position: relative;
  }

  .landing-abilities__clubs .landing-ability__description {
    flex: 2;
  }

  .landing-abilities__clubs .landing-ability__content {
    flex: 3;
  }

  .landing-abilities__clubs-club {
    border: 2.1px solid #ff3332;
    position: absolute;
  }

  .landing-abilities__clubs-club-1 {
    border-radius: 40.67px;
    height: 123.1px;
    top: 63%;
    width: 123.1px;
  }

  .landing-abilities__clubs-club-2 {
    border-radius: 33.71px;
    height: 101.69px;
    left: 21%;
    width: 101.69px;
  }

  .landing-abilities__clubs-club-3 {
    border-radius: 18.19px;
    height: 53.52px;
    left: 53.5%;
    top: 0;
    width: 53.52px;
  }

  .landing-abilities__clubs-club-4 {
    border-radius: 27.29px;
    height: 80.28px;
    left: 51.7%;
    top: 31%;
    width: 80.28px;
  }

  .landing-abilities__clubs-club-5 {
    border-radius: 18.73px;
    height: 53.52px;
    left: 30%;
    top: 47%;
    width: 53.52px;
  }

  .landing-abilities__clubs-club-6 {
    border-radius: 23px;
    height: 64.23px;
    left: 67.3%;
    top: 65.2%;
    width: 64.23px;
  }

  .landing-abilities__clubs-club-7 {
    border-radius: 22px;
    height: 64.23px;
    left: 44%;
    top: 75.5%;
    width: 64.23px;
  }
}

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

  .landing-abilities__clubs-wrapper .landing-ability__content,
  .landing-abilities__earn .landing-ability__content,
  .landing-abilities__earn .landing-ability__description {
    width: 100%;
  }

  .landing-abilities__force-up-move {
    margin-top: -25vw;
  }

  .landing-abilities__height-limited {
    max-height: unset;
  }

  .landing-abilities__with-margin {
    margin-bottom: 100px;
  }

  .landing-abilities__title {
    font-size: 2rem;
    line-height: 2.438rem;
    margin: 0 0 20px;
  }

  .landing-abilities__subtitle {
    font-size: 1rem;
    line-height: 1.625rem;
    color: #a0a0a1;
    margin-bottom: 64px;
    padding: 0;
  }

  .landing-abilities__screen {
    margin-top: 62px;
    max-width: 100%;
    position: relative;
    width: 100%;
  }

  .landing-abilities__mobile-screen {
    margin-top: 40px;
    max-height: 440px;
    width: 100%;
  }

  .landing-abilities__mobile-screen::after {
    height: 174px;
  }

  .landing-abilities__referrals-wrapper {
    margin: 140px 0 0;
  }

  .landing-abilities__referrals-wrapper .landing-abilities__clubs-club,
  .landing-abilities__referrals-wrapper .landing-ability__content {
    display: none;
  }
}

@media screen and (max-width: 639px) {
  .landing-abilities__with-margin {
    margin-bottom: 60px;
  }
}

.no-webp .landing-abilities__mobile-screen {
  background-image: url(/assets/common/images/promo/mobile-screen.png);
}

.no-webp .landing-abilities__screen {
  background-image: url(/assets/common/images/promo/screen.png);
}

.no-webp .landing-abilities__clubs-club-1 {
  background-image: url(/assets/common/images/promo/avatar3.png);
}

.no-webp .landing-abilities__clubs-club-2 {
  background-image: url(/assets/common/images/promo/avatar4.png);
}

.no-webp .landing-abilities__clubs-club-3 {
  background-image: url(/assets/common/images/promo/avatar5.png);
}

.no-webp .landing-abilities__clubs-club-4 {
  background-image: url(/assets/common/images/promo/avatar6.png);
}

.no-webp .landing-abilities__clubs-club-5 {
  background-image: url(/assets/common/images/promo/avatar7.png);
}

.no-webp .landing-abilities__clubs-club-6 {
  background-image: url(/assets/common/images/promo/avatar8.png);
}

.no-webp .landing-abilities__clubs-club-7 {
  background-image: url(/assets/common/images/promo/avatar9.png);
}

.no-webp .landing-abilities__clubs-club-8 {
  background-image: url(/assets/common/images/promo/avatar5.png);
}

.no-webp .landing-abilities__clubs-club-9 {
  background-image: url(/assets/common/images/promo/avatar4.png);
}

.no-webp .landing-abilities__clubs-club-10 {
  background-image: url(/assets/common/images/promo/avatar6.png);
}

.become-part {
  align-items: center;
  background-color: rgba(255, 255, 255, 0.08);
  border-radius: 22px;
  display: flex;
  justify-content: space-between;
  margin: 80px 0 95px;
  padding: 24px 40px;
  width: 100%;
}

.become-part__input {
  background: 0 0;
  border: 0;
  box-shadow: none;
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  outline: 0;
  padding: 0;
}

.become-part__title {
  font-size: 1.75rem;
  font-weight: 500;
  line-height: 2.137rem;
}

.become-part__form {
  display: flex;
  height: 56px;
}

.become-part__form .btn {
  background: #d60908;
  border-radius: 16px;
  padding: 17px 33.5px;
  font-size: 1.125rem;
  line-height: 1.375rem;
}

.become-part__input-composite {
  align-items: center;
  background-color: rgba(255, 255, 255, 0.15);
  border-radius: 16px;
  display: flex;
  font-weight: 500;
  margin-right: 20px;
  padding: 18px 22px;
  font-size: 1.375rem;
  line-height: 1.25rem;
}

.become-part__input-composite .input-wrapper input,
.become-part__input-composite .input-wrapper input:focus {
  background: 0 0;
  border: 0;
  box-shadow: none;
  font-weight: 500;
  padding: 0;
  font-size: 1.375rem;
  line-height: 1.25rem;
}

@media screen and (max-width: 1023px) {
  .become-part {
    flex-direction: column;
    margin: 64px 0 132px;
    max-width: 458px;
    padding: 16px;
  }

  .become-part__title {
    font-size: 1.75rem;
    line-height: 2.137rem;
  }

  .become-part__input-composite {
    font-size: 1rem;
    line-height: 1.25rem;
    margin-right: 0;
  }

  .become-part__input-composite .input-wrapper input,
  .become-part__input-composite .input-wrapper input:focus {
    font-size: 1rem;
    line-height: 1.25rem;
    height: auto;
  }

  .become-part__form {
    flex-direction: column;
    height: auto;
    margin-top: 20px;
    width: 100%;
  }

  .become-part__form .btn {
    margin-top: 20px;
  }
}

@media screen and (max-width: 639px) {
  .become-part {
    margin: 60px 0 100px;
  }
}

.tooltip {
  display: table;
  font-size: 11px;
  line-height: 1.2rem;
  padding: 5px;
  position: fixed;
  text-align: left;
  user-select: auto;
  white-space: normal;
  z-index: 599;
}

.tooltip--not-clickable {
  pointer-events: none;
}

.tooltip--pure {
  border-radius: 0;
  padding: 0;
}

.tooltip-inner {
  background: #fff;
  border-color: #fff;
  border-radius: 6px;
  box-shadow: 0 0 4px rgba(255, 255, 255, 0.2);
  color: #000;
  display: inline-block;
  font-weight: 500;
  padding: 6px 10px;
  position: relative;
  text-shadow: none;
  text-transform: none;
}

.tooltip-inner--pure {
  background: 0 0;
  border: 0;
  box-shadow: none;
  padding: 0;
}

.tooltip-inner--arrow::before {
  border-color: transparent;
  border-style: solid;
  content: "";
  height: 0;
  position: absolute;
  width: 0;
}

.tooltip-title {
  text-align: center;
  font-size: 0.875rem;
}

.tooltip-close {
  color: #fff;
  cursor: pointer;
  margin: 0;
  opacity: 0.5;
  padding: 6px 8px;
  position: absolute;
  right: 0;
  top: 0;
}

.tooltip-close .icon {
  height: 14px;
  margin: 0;
  width: 14px;
}

.tooltip-close:hover {
  opacity: 8;
}

.tooltip.one-line {
  display: inline-block;
  line-break: auto;
  white-space: nowrap;
}

.tooltip.one-line>.tooltip-inner {
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: top;
}

.tooltip.one-line:hover {
  white-space: normal;
  width: 250px !important;
  z-index: 102;
}

.tooltip::before {
  box-sizing: border-box;
}

.tooltip.bottom>.tooltip-inner::before {
  border-bottom-color: inherit;
  border-width: 0 5px 5px;
  bottom: 100%;
  left: calc(50% - 5px);
}

.tooltip.left>.tooltip-inner::before {
  border-left-color: inherit;
  border-width: 5px 0 5px 5px;
  margin-top: -5px;
  right: -5px;
  top: 50%;
}

.tooltip.right>.tooltip-inner::before {
  border-right-color: inherit;
  border-width: 5px 5px 5px 0;
  margin-top: -5px;
  right: 100%;
  top: 50%;
}

.tooltip.top>.tooltip-inner::before {
  border-top-color: inherit;
  border-width: 5px 5px 0;
  left: calc(50% - 5px);
  top: 100%;
}

.tooltip.bottom-left>.tooltip-inner::before {
  border-bottom-color: inherit;
  border-width: 0 5px 5px;
  margin-top: 2px;
  right: 5px;
  top: 0;
}

.tooltip.bottom-right>.tooltip-inner::before {
  border-bottom-color: inherit;
  border-width: 0 5px 5px;
  left: 5px;
  margin-top: 2px;
  top: 0;
}

.tooltip.top-left>.tooltip-inner::before {
  border-top-color: inherit;
  border-width: 5px 5px 0;
  bottom: 0;
  margin-bottom: 2px;
  right: 5px;
}

.tooltip.top-right>.tooltip-inner::before {
  border-top-color: inherit;
  border-width: 5px 5px 0;
  bottom: 0;
  left: 5px;
  margin-bottom: 2px;
}

.tooltip.error.left>.tooltip-inner::before {
  border-left-color: #d21b4c;
}

.tooltip.error.right>.tooltip-inner::before {
  border-right-color: #d21b4c;
}

.tooltip.error.top>.tooltip-inner::before {
  border-top-color: #d21b4c;
}

.tooltip.error.bottom>.tooltip-inner::before {
  border-bottom-color: #d21b4c;
}

.tooltip.error .tooltip-inner {
  background-color: #d21b4c;
  color: #000;
}

.tooltip.error .tooltip-inner a,
.tooltip.error .tooltip-inner a:active,
.tooltip.error .tooltip-inner a:visited {
  color: #000;
  text-decoration: underline;
}

.tooltip-animated {
  opacity: 0;
  pointer-events: none;
  transition: opacity 500ms;
}

.tooltip-animated-exit-done {
  opacity: 0;
}

.tooltip-animated-enter-done {
  opacity: 1;
}

.calculator {
  margin-top: 40px;
}

.calculator__prefix {
  display: inline-block;
  font-size: 28px;
  font-style: normal;
  font-weight: 300;
  line-height: 45px;
  margin: 0 0 100px 15%;
  padding: 0 1.8em 0 0;
  position: relative;
}

.calculator__prefix-text {
  font-family: Rubik;
  transform: rotate(-6deg) translate(-10px, 32px);
}

.calculator__prefix-diamond {
  background: url(/assets/common/images/promo/diamond.webp) center/contain no-repeat;
  height: 48px;
  position: absolute;
  right: 0;
  top: 0;
  width: 48px;
}

.calculator__prefix-arrow {
  background: url(/assets/common/images/promo/arrow-1.svg) center/contain no-repeat;
  height: 50px;
  left: 6.4em;
  margin: 1.5em 0 0;
  position: absolute;
  top: 100%;
  width: 50px;
}

.calculator__postfix {
  border: 1px dashed #ff3332;
  border-radius: 17px;
  font-size: 16px;
  line-height: 140%;
  margin: 9px auto;
  max-width: 100%;
  padding: 18px 16px 16px;
}

.calculator__postfix--first {
  margin-bottom: 130px;
  transform: rotate(-6.07deg);
  width: 354px;
}

.calculator__postfix--second {
  margin-bottom: 120px;
  transform: rotate(6.07deg);
  width: 300px;
}

.calculator__postfix-text {
  color: #bbb;
}

.calculator__postfix-text--second {
  align-items: center;
  display: flex;
}

.calculator__postfix-text-left {
  font-size: 38px;
  font-weight: 500;
  line-height: 22px;
  margin: 0 8px 0 0;
}

.calculator__postfix-arrow {
  background: url(/assets/common/images/promo/arrow-2.svg) center/contain no-repeat;
  height: 62px;
  position: absolute;
  top: 137%;
  transform: rotate(26.07deg);
  width: 52px;
}

.calculator__postfix-arrow--first {
  left: 50%;
  position: absolute;
  top: 137%;
  transform: rotate(-37.93deg) scaleX(-1);
}

.calculator__postfix-arrow--second {
  left: 40%;
  position: absolute;
  top: 137%;
  transform: rotate(33.07deg);
}

.calculator__postfix-smile {
  left: 50%;
  margin: 0 0 0-20px;
  position: absolute;
  top: -26px;
}

.calculator__postfix-smile .smile {
  height: 45px;
  margin: 0;
  width: 45px;
}

.calculator__postfix-footer {
  bottom: -162px;
  color: rgba(255, 255, 255, 0.9);
  font-size: 44px;
  font-weight: 700;
  left: 189px;
  line-height: 54px;
  position: absolute;
  transform: rotate(-5.93deg);
}

.calculator__title {
  font-size: 2.75rem;
  line-height: 3.125rem;
  font-weight: 700;
  margin: 0 0 20px;
  text-align: center;
}

.calculator__subtitle {
  color: #cfcfd0;
  font-weight: 500;
  line-height: 160%;
  margin-bottom: 59px;
  text-align: center;
  font-size: 1rem;
}

.calculator__amount {
  font-size: 90px;
  font-weight: 700;
  line-height: 98px;
  text-align: center;
}

.calculator__sliders {
  display: flex;
  justify-content: space-between;
  margin-top: 86px;
  padding: 0 40px;
}

.calculator__sliders-slider-wrapper {
  width: 45%;
}

.calculator__sliders-slider-wrapper-title {
  font-weight: 700;
  margin-top: 42px;
  text-align: center;
  font-size: 1.625rem;
  line-height: 1.5rem;
}

.calculator__sliders-slider-wrapper-subtitle {
  font-size: 1rem;
  line-height: 1.375rem;
  margin-top: 10px;
  opacity: 0.5;
  text-align: center;
}

.calculator__sliders-slider {
  align-items: center;
  display: flex;
  width: 100%;
}

.calculator__sliders-slider-thumb {
  background-color: #fff;
  border: 10px solid #d60908;
  border-radius: 20px;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.07), 0 0 15px 0 rgba(0, 0, 0, 0.05);
  box-sizing: content-box;
  height: 12px;
  width: 12px;
}

.calculator__sliders-slider-subs-track,
.calculator__sliders-slider-track {
  background-color: rgba(255, 255, 255, 0.4);
  border-radius: 3px;
  height: 6px;
  position: relative;
}

.calculator__sliders-slider-subs-track-0 {
  background-color: #ff3332;
}

.calculator__sliders-slider-mark {
  background-color: #fff;
  border: 3px solid #0b0313;
  border-radius: 6px;
  bottom: calc(50% - 6px);
  box-sizing: content-box;
  height: 6px;
  margin: 0 8px;
  width: 6px;
}

@media screen and (max-width: 1023px) {
  .calculator__sliders {
    flex-direction: column;
    justify-content: flex-start;
  }

  .calculator__sliders-slider-wrapper {
    width: 100%;
  }

  .calculator__sliders-slider-wrapper:not(:last-child) {
    margin-bottom: 55px;
  }

  .calculator__postfix {
    margin: 72px auto 110px;
  }

  .calculator__postfix-arrow {
    left: 24%;
    top: 112%;
    transform: rotate(34.07deg);
  }

  .calculator__postfix-footer {
    left: 130px;
  }
}

@media screen and (max-width: 639px) {
  .calculator {
    text-align: center;
  }

  .calculator__title {
    font-size: 2rem;
    line-height: 2.2rem;
  }

  .calculator__subtitle {
    font-size: 1rem;
    line-height: 1.6rem;
    margin-bottom: 40px;
  }

  .calculator__amount {
    font-size: 2.5rem;
    line-height: 2.625rem;
  }

  .calculator__prefix {
    font-size: 18px;
    line-height: 29px;
    margin: 0 auto 100px;
  }

  .calculator__prefix-diamond {
    height: 34px;
    top: 10px;
    width: 34px;
  }

  .calculator__postfix-footer {
    bottom: -115px;
    font-size: 32px;
    left: 120px;
  }

  .calculator__sliders {
    flex-direction: column;
    justify-content: flex-start;
    margin-top: 40px;
  }

  .calculator__sliders-slider-wrapper {
    width: 100%;
  }

  .calculator__sliders-slider-wrapper:not(:last-child) {
    margin-bottom: 35px;
  }
}

.login-messages {
  display: flex;
  flex-direction: column;
  margin-right: 40px;
}

@media screen and (max-width: 1023px) {
  .login-messages {
    margin-right: 20px;
  }
}

@media screen and (max-width: 639px) {
  .login-messages {
    margin: 0 auto 40px;
  }
}

.login-message-wrapper:not(:last-child) {
  margin-bottom: 15px;
}

@media screen and (max-width: 639px) {
  .login-message-wrapper:not(:last-child) {
    margin-bottom: 9.32px;
  }
}

.login-message {
  align-items: center;
  background: #100202;
  border-radius: 30px;
  box-shadow: 0 0 200px rgb(173 28 28 / 60%);
  display: inline-flex;
  padding: 20px;
  position: relative;
}

.login-message__dynamic {
  min-width: 424px;
  padding-right: 0;
}

.login-message__small {
  padding: 29.5px 53px;
}

.login-message__small-margin {
  margin-left: 1.4vw;
}

.login-message__medium-margin {
  margin-left: 90px;
}

.login-message__huge-margin {
  margin-left: 350px;
}

.login-message__avatar {
  border-radius: 22px;
  height: 64px;
  margin-right: 20px;
  width: 64px;
}

.login-message__first-avatar {
  background: url(/assets/common/images/promo/avatar1.webp) center/cover no-repeat;
}

.login-message__second-avatar {
  background: url(/assets/common/images/promo/avatar2.webp) center/cover no-repeat;
}

.login-message__text {
  font-size: 1.75rem;
  line-height: 1.925rem;
  align-items: center;
  display: flex;
  font-weight: 700;
  text-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}

.login-message__inline-emoji {
  background-repeat: no-repeat;
  background-size: contain;
  display: block;
  height: 44px;
  margin-left: 12px;
  width: 44px;
}

.login-message__absolute-emoji {
  height: 66px;
  position: absolute;
  right: 33.46px;
  top: -33.46px;
  width: 66px;
}

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

  .login-message__huge-margin,
  .login-message__medium-margin,
  .login-message__small-margin {
    margin-left: 0;
  }

  .login-message__text {
    font-size: 1.163rem;
    line-height: 1.279rem;
  }

  .login-message__dynamic {
    min-width: 320px;
  }

  .login-message__avatar {
    border-radius: 14.96px;
    height: 42.51px;
    margin-right: 13.28px;
    width: 42.51px;
  }

  .login-message__absolute-emoji {
    height: 44px;
    right: 13.46px;
    top: -22.46px;
    width: 44px;
  }

  .login-message__inline-emoji {
    height: 28.23px;
    margin-left: 7.97px;
    width: 28.23px;
  }
}

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

  .login-message__huge-margin,
  .login-message__medium-margin,
  .login-message__small-margin {
    margin-left: 0;
  }

  .login-message__text {
    font-size: 1.088rem;
    line-height: 1.197rem;
  }

  .login-message__dynamic {
    min-width: 300px;
  }

  .login-message__avatar {
    border-radius: 13.6px;
    height: 40px;
    margin-right: 12.43px;
    width: 40px;
  }

  .login-message__absolute-emoji {
    height: 42px;
    right: 13.46px;
    top: -22.46px;
    width: 42px;
  }

  .login-message__inline-emoji {
    height: 26px;
    margin-left: 7.46px;
    width: 26px;
  }
}

.user-status-icon {
  align-items: center;
  background: #050506;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  pointer-events: none;
}

.user-status-icon::after {
  background-color: #9fe20d;
  border-radius: 50%;
  content: "";
  display: block;
  height: 50%;
  width: 50%;
}

.text-s10-w700-ls0_5-upper {
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.5px;
  line-height: normal;
  text-transform: uppercase;
}

.text-s10-w500 {
  font-size: 10px;
  font-weight: 400;
  letter-spacing: normal;
  line-height: normal;
}

.text-s11-w400,
.text-s11-w500,
.text-s11-w700-ls0_5-upper {
  font-size: 11px;
  font-weight: 400;
  letter-spacing: normal;
  line-height: normal;
}

.text-s11-w500,
.text-s11-w700-ls0_5-upper {
  font-weight: 500;
}

.text-s11-w700-ls0_5-upper {
  font-weight: 700;
  letter-spacing: 0.5px;
  text-transform: uppercase;
}

.text-s12-w400 {
  font-size: 12px;
  font-weight: 400;
  letter-spacing: normal;
  line-height: normal;
}

.text-s12-w500,
.text-s12-w700,
.text-s12-w700-ls0_6-upper {
  font-size: 12px;
  font-weight: 500;
  letter-spacing: normal;
  line-height: normal;
}

.text-s12-w700,
.text-s12-w700-ls0_6-upper {
  font-weight: 700;
}

.text-s12-w700-ls0_6-upper {
  letter-spacing: 0.6px;
  text-transform: uppercase;
}

.text-s13-w400 {
  font-size: 13px;
  font-weight: 400;
  letter-spacing: normal;
  line-height: normal;
}

.text-s13-w400-lh18,
.text-s13-w700,
.text-s13-w700-lh1_4 {
  font-size: 13px;
  font-weight: 400;
  letter-spacing: normal;
  line-height: 18px;
}

.text-s13-w700,
.text-s13-w700-lh1_4 {
  font-weight: 700;
  line-height: normal;
}

.text-s13-w700-lh1_4 {
  line-height: 1.4;
}

.text-s14-w400,
.text-s14-w400-lh1_3,
.text-s14-w400-lh20 {
  font-size: 14px;
  font-weight: 400;
  letter-spacing: normal;
  line-height: normal;
}

.text-s14-w400-lh1_3,
.text-s14-w400-lh20 {
  line-height: 1.3;
}

.text-s14-w400-lh20 {
  line-height: 20px;
}

.text-s14-w500,
.text-s14-w700,
.text-s15-w500,
.text-s15-w500-lh20 {
  font-size: 14px;
  font-weight: 500;
  letter-spacing: normal;
  line-height: normal;
}

.text-s14-w700,
.text-s15-w500,
.text-s15-w500-lh20 {
  font-weight: 700;
}

.text-s15-w500,
.text-s15-w500-lh20 {
  font-size: 15px;
  font-weight: 500;
}

.text-s15-w500-lh20 {
  line-height: 20px;
}

.text-s15-w400,
.text-s15-w400-ls0_5,
.text-s15-w400-ls1 {
  font-size: 15px;
  font-weight: 400;
  letter-spacing: normal;
  line-height: normal;
}

.text-s15-w400-ls0_5,
.text-s15-w400-ls1 {
  letter-spacing: 0.5px;
}

.text-s15-w400-ls1 {
  letter-spacing: 1px;
}

.text-s15-w700,
.text-s16-w400,
.text-s16-w500 {
  font-size: 15px;
  font-weight: 700;
  letter-spacing: normal;
  line-height: normal;
}

.text-s16-w400,
.text-s16-w500 {
  font-size: 16px;
  font-weight: 400;
}

.text-s16-w500 {
  font-weight: 500;
}

.text-s16-w500-lh24,
.text-s16-w700,
.text-s17-w500-lh1_5 {
  font-size: 16px;
  font-weight: 500;
  letter-spacing: normal;
  line-height: 24px;
}

.text-s16-w700,
.text-s17-w500-lh1_5 {
  font-weight: 700;
  line-height: normal;
}

.text-s17-w500-lh1_5 {
  font-size: 17px;
  font-weight: 500;
  line-height: 1.5;
}

.text-s18-w400,
.text-s18-w600 {
  font-size: 18px;
  font-weight: 400;
  letter-spacing: normal;
  line-height: normal;
}

.text-s18-w600 {
  font-weight: 600;
}

.text-s20-w500-lh1_5,
.text-s20-w700-lh24 {
  font-size: 20px;
  font-weight: 500;
  letter-spacing: normal;
  line-height: 1.5;
}

.text-s20-w700-lh24 {
  font-weight: 700;
  line-height: 24px;
}

.text-s22-w700,
.text-s24-w400,
.text-s24-w700 {
  font-size: 24px;
  font-weight: 400;
  letter-spacing: normal;
  line-height: normal;
}

.text-s22-w700,
.text-s24-w700 {
  font-weight: 700;
}

.text-s22-w700 {
  font-size: 22px;
}

.text-s26-w500,
.text-s28-w600,
.text-s30-w500 {
  font-size: 26px;
  font-weight: 500;
  letter-spacing: normal;
  line-height: normal;
}

.text-s28-w600,
.text-s30-w500 {
  font-size: 28px;
  font-weight: 600;
}

.text-s30-w500 {
  font-size: 30px;
  font-weight: 500;
}

.text-s32-w600,
.text-s40-w600,
.text-s44-w500,
.text-title-l0 {
  font-size: 32px;
  font-weight: 600;
  letter-spacing: normal;
  line-height: normal;
}

.text-s40-w600,
.text-s44-w500,
.text-title-l0 {
  font-size: 40px;
}

.text-s44-w500,
.text-title-l0 {
  font-size: 44px;
  font-weight: 500;
}

.text-title-l0 {
  font-size: 30px;
}

@media screen and (max-width: 639px) {
  .text-title-l0 {
    font-size: 26px;
    font-weight: 500;
    letter-spacing: normal;
    line-height: normal;
  }
}

.text-title-l1 {
  font-size: 34px;
  font-weight: 600;
  letter-spacing: normal;
  line-height: normal;
}

@media screen and (max-width: 639px) {
  .text-title-l1 {
    font-size: 20px;
    font-weight: 500;
    letter-spacing: normal;
    line-height: 1.5;
  }
}

.text-title-l2 {
  font-size: 24px;
  font-weight: 500;
  letter-spacing: normal;
  line-height: normal;
}

@media screen and (max-width: 639px) {
  .text-title-l2 {
    font-size: 18px;
    font-weight: 500;
    letter-spacing: normal;
    line-height: normal;
  }
}

.title-ds {
  align-items: flex-end;
  color: #fff;
  display: flex;
  justify-content: space-between;
  margin: 0;
}

.title-ds.with-icon {
  align-items: center;
  justify-content: flex-start;
}

.title-ds.with-icon .icon {
  color: #fff;
  fill: #fff;
  height: 43px;
  margin-right: 22px;
  width: 43px;
}

@media screen and (max-width: 639px) {
  .title-ds.with-icon .icon {
    height: 32px;
    margin-right: 12px;
    width: 32px;
  }
}

.transfer-logos {
  align-items: center;
  display: flex;
}

.transfer-logos__logo-st {
  height: 36px;
  width: 186px;
}

.transfer-logos__fans {
  font-weight: 500;
}

.transfer-logos__fans--size--small {
  font-size: 20px;
}

.transfer-logos__fans--size--medium {
  font-size: 29px;
}

.transfer-logos__logo-arrow {
  display: block;
  margin: 0 12px 0 20px;
  opacity: 0.6;
}

.transfer-logos>.site-logo--size--large {
  margin: 0 0 0 8px;
  max-width: none;
}

.signup-form {
  display: flex;
  flex-direction: column;
  width: 100%;
}

.signup-form__field {
  margin-bottom: 16px;
}

.signup-form__input.input {
  background: rgba(255, 255, 255, 0.15);
  transition: all ease 0.25s;
  width: 100%;
}

.signup-form__submit-button {
  width: 100%;
}

.signup-form__terms-warning {
  align-self: center;
  color: rgba(255, 255, 255, 0.4);
  margin-bottom: 32px;
  font-size: 0.688rem;
  line-height: 1rem;
}

.signup-form__terms-warning .link {
  color: rgba(255, 255, 255, 0.4);
  text-decoration-line: underline;
  transition: all ease 0.25s;
}

.signup-form__terms-warning .link:hover {
  color: rgba(255, 255, 255, 0.6);
}

.signup-form__login-suggestion {
  align-self: center;
  color: rgba(255, 255, 255, 0.4);
  margin-top: 32px;
  transition: all ease 0.25s;
  font-size: 0.813rem;
}

.signup-form__login-suggestion .link {
  color: #ff3332;
}

.login-form .login-form__signup-description .link:hover,
.signup-form__login-suggestion .link:hover {
  color: #9e40fd;
}

.referral-program-benefits__title {
  color: #707071;
  font-size: 14px;
  font-weight: 400;
  line-height: 17px;
  margin-bottom: 12px;
}

.referral-program-benefits__benefit {
  align-items: start;
  color: #fff;
  display: grid;
  grid-auto-flow: column;
  grid-column-gap: 12px;
  justify-content: start;
  margin-bottom: 12px;
}

.referral-program-benefits__bullet {
  background: #d60908;
  border-radius: 8px;
  color: #fff;
  display: grid;
  font-size: 12px;
  font-weight: 700;
  height: 24px;
  place-items: center;
  width: 24px;
}

.referral-program-benefits__benefit-text {
  font-weight: 400;
  margin-top: 4px;
  max-width: 260px;
}

.login-form {
  display: flex;
  flex-direction: column;
  max-width: 100%;
  width: 320px;
}

.login-form .login-form__field {
  margin-bottom: 16px;
}

.login-form .login-form__input.input {
  background: rgba(255, 255, 255, 0.1);
  transition: all ease 0.25s;
  width: 100%;
}

.login-form .login-form__submit-button {
  width: 100%;
}

.login-form .login-form__forgot-password-link {
  align-self: center;
  color: rgba(255, 255, 255, 0.4);
  margin-bottom: 32px;
  text-decoration-line: underline;
  transition: all ease 0.25s;
  font-size: 0.813rem;
}

.login-form .login-form__forgot-password-link:hover,
.personal-notifications-modal-panel .header-notifications-action a {
  color: rgba(255, 255, 255, 0.8);
}

.login-form .login-form__signup-description {
  align-self: center;
  color: rgba(255, 255, 255, 0.4);
  margin-top: 32px;
  transition: all ease 0.25s;
  font-size: 0.813rem;
}

.login-form .login-form__signup-description .link {
  color: #ff3332;
}

.user-fan-club-subscription-list {
  display: grid;
  gap: 10px;
  grid-template-columns: repeat(1, 1fr);
}

@media screen and (min-width: 640px) {
  .user-fan-club-subscription-list {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media screen and (min-width: 1024px) {
  .user-fan-club-subscription-list {
    gap: 20px;
    grid-template-columns: repeat(3, 1fr);
  }
}

@media screen and (min-width: 1366px) {
  .user-fan-club-subscription-list {
    grid-template-columns: repeat(4, 1fr);
  }
}

.smile {
  border: 0;
  display: inline-block;
  margin: 0 4px;
}

.smile--size--small {
  height: 20px;
  margin: 0 4px;
  width: 20px;
}

.smile--size--medium {
  height: 32px;
  margin: 0 10px;
  width: 32px;
}

.smile--size--big-x {
  height: 80px;
  margin: 0 4px;
  width: 80px;
}

.active-smile {
  display: inline-block;
  line-height: 16px;
  padding: 5px;
}

.active-smile:hover>.smile {
  filter: contrast(150%);
  transform: scale(1.2);
}

.active-smile>.smile {
  margin: 0;
  transition: transform 0.2s ease, filter 0.2s;
}

.document-safe-upload-success {
  background: #2f2f2f;
  border-radius: 6px;
  display: grid;
  font-weight: 500;
  grid-gap: 20px;
  justify-items: center;
  max-width: 350px;
  padding: 30px;
  text-align: center;
  -webkit-user-select: none;
  user-select: none;
}

.document-safe-upload-success .icon {
  color: #34b353;
  height: 48px;
  margin: 0;
  width: 48px;
}

.document-safe-upload-success__title {
  font-size: 1.063rem;
  color: #fff;
  font-weight: 500;
  margin: 0;
}

.document-safe-upload-success__description {
  font-size: 0.813rem;
  color: rgba(255, 255, 255, 0.6);
  margin: 0;
}

.document-safe-upload-success .btn {
  margin: 10px 0 0;
  width: 105px;
}

.comments-gallery,
.comments-gallery__wrapper {
  display: flex;
  flex-direction: column;
  max-height: 100%;
}

.comments-gallery__wrapper {
  background: #1b1b1d;
  bottom: 0;
  left: 0;
  position: absolute;
  width: 100%;
}

.comments-gallery__wrapper {
  background: #1b1b1d;
  bottom: 0;
  left: 0;
  position: absolute;
  width: 100%;
}

.liveMobileMain {}

.liveMobileMain .comments-gallery__wrapper {
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.45) 0, transparent 100%);
}

.liveMobileMain .comments-gallery__wrapper {
  top: 65px !important;
  bottom: auto;
}

.liveMobileMain .media-gallery__aside-panel--mobile {
  height: 100vh !important;
}

.comments-gallery__recaptcha-wrapper {
  margin: 0 13px 0 16px;
  position: relative;
  z-index: 2;
}

.comments-gallery__replying-to {
  align-items: center;
  background: #343437;
  bottom: 100%;
  color: #a0a0a1;
  display: flex;
  font-size: 13px;
  justify-content: space-between;
  line-height: 18px;
  margin: 0 0 6px;
  min-height: 30px;
  padding: 4px 16px 4px 12px;
  position: absolute;
  width: 100%;
  word-break: break-word;
  z-index: 2;
}

.comments-gallery__content {
  flex-grow: 1;
  padding: 0 0 20px;
}

.comments-gallery__close {
  cursor: pointer;
  margin: 14px auto 0;
  opacity: 0.2;
  text-align: center;
  -webkit-user-select: none;
  user-select: none;
}

.comments-gallery__count {
  border-bottom: 2px solid rgba(255, 255, 255, 0.03);
  border-top: 2px solid rgba(255, 255, 255, 0.03);
  color: #fff;
  font-size: 14px;
  font-weight: 500;
  height: 44px;
  line-height: 20px;
  padding: 10px 16px;
}

.comments-gallery__header {
  margin: 2px 16px;
  position: relative;
}

.comments-gallery__header .displayname__name {
  font-weight: 400;
}

.comments-gallery__header-menu {
  height: 32px;
  position: absolute;
  right: 0;
  top: 14px;
  width: 32px;
}

.comments-gallery__header-menu .icon-three-dots {
  color: #707071;
  transform: rotate(90deg);
}

.comments-gallery__text {
  margin: 0 0 14px;
  max-height: 4.5vh;
  overflow-x: hidden;
  overflow-y: auto;
  white-space: pre-wrap;
  word-break: break-word;
}

.comments-gallery__text--hidden {
  filter: blur(3px);
}

.comments-gallery__load-more.btn {
  align-items: center;
  background: #232325;
  border: 0;
  border-radius: 5px;
  color: #a0a0a1;
  cursor: pointer;
  display: flex;
  height: 30px;
  justify-content: center;
  margin: 15px 0;
  padding: 0;
  width: 100%;
}

.comments-gallery__load-more.btn:hover {
  background: #343437;
  color: #fff;
}

.comments-gallery__empty {
  align-items: center;
  color: #a0a0a1;
  display: flex;
  flex-direction: column;
  font-size: 13px;
  gap: 22px;
  line-height: 18px;
}

.comments-gallery__comments {
  margin: 0 16px;
}

.comments-gallery__comments--empty {
  align-items: center;
  display: flex;
  justify-content: center;
  min-height: 100%;
  padding: 16px 0 0;
}

.comments-gallery__footer {
  display: block;
  position: relative;
}

.comments-gallery .chat-controls::before {}

@media screen and (max-width: 639px) {
  .comments-gallery__recaptcha-wrapper {
    min-height: 84px;
  }

  .comments-gallery__recaptcha-wrapper:empty {
    min-height: auto;
  }
}

.bread-crumbs {
  align-items: center;
  display: flex;
  font-size: 32px;
  font-weight: 700;
}

.bread-crumbs__icon {
  height: 44px;
  margin: 0 30px 0 0;
  min-width: 44px;
  width: 44px;
}

.bread-crumbs__item {
  align-items: center;
  display: flex;
  text-decoration: none;
}

.bread-crumbs__item--grow {
  flex: 1;
  max-width: 100%;
}

.bread-crumbs__item .avatar {
  height: 40px;
  margin: 0 8px 0 0;
  width: 40px;
}

.bread-crumbs__right {
  margin: 0 0 0 auto;
}

.bread-crumbs__splitter {
  color: #fff;
  display: block;
  margin: 0 8px;
}

@media screen and (max-width: 639px) {
  .bread-crumbs {
    font-size: 20px;
    margin: 0 10px;
  }

  .bread-crumbs__icon {
    height: 32px;
    margin-right: 12px;
    min-width: 32px;
    width: 32px;
  }

  .settings-navbar {
    margin: 0 10px;
  }
}

.bread-crumbs-back {
  align-items: center;
  background: rgba(255, 255, 255, 0.1);
  border-radius: 50%;
  display: flex;
  height: 33px;
  justify-content: center;
  margin: 0 16px 0 4px;
  min-width: 33px;
  text-decoration: none;
}

.bread-crumbs-back__icon {
  color: #a0a0a1;
  height: 16px;
  width: 16px;
}

.tile-button {
  align-items: center;
  border-radius: 11px;
  cursor: pointer;
  display: flex;
  font-size: 13px;
  justify-content: center;
  margin: 0;
  padding: 0 8px;
  position: relative;
  transition: background 0.25s;
  -webkit-user-select: none;
  user-select: none;
}

.tile-button--disabled {
  background: #343437;
  pointer-events: none;
}

.tile-button--color--apply {
  background: #d60908;
  color: #fff;
}

.tile-button--color--apply:hover {
  background: #9e40fd;
  color: #fff;
}

.tile-button--color--pale {
  background: #232325;
  color: #a0a0a1;
}

.tile-button--color--pale:hover {
  background: #424248;
  color: #fff;
}

.tile-button--color--dark {
  background: #111113;
  color: #fff;
}

.tile-button--color--dark:hover {
  background: #232325;
}

.tile-button--color--regular {
  background: #343437;
  color: #fff;
}

.tile-button--color--regular:hover {
  background: #424248;
}

.tile-button--color--white {
  background: #424248;
  color: #fff;
}

.tile-button--color--transparent {
  background: rgba(5, 5, 6, 0.6);
  color: #fff;
}

.tile-button--color--transparent:hover {
  background: #343437;
}

.tile-button--color--goal {
  background: linear-gradient(263.02deg, #21b062 0, #9cb93d 100%);
  color: #fff;
  transition: none;
}

.tile-button--color--goal:hover {
  background: #21b062;
}

.tile-button--size--small {
  border-radius: 11px;
  height: 36px;
}

.tile-button--size--regular {
  border-radius: 12px;
  height: 40px;
  min-width: 40px;
  padding: 0 12px;
}

.tile-button__icon {
  margin: 0;
}

.tile-button__icon--size--regular,
.tile-button__icon--size--small {
  height: 20px;
  width: 20px;
}

.tile-button__icon--size--large {
  height: 32px;
  width: 32px;
}

.tile-button__count,
.tile-button__text {
  margin: 0 0 0 6px;
}

.tile-button__tooltip {
  margin-top: -5px;
}

.mobile-sticker-back-header {
  align-items: center;
  background: #000;
  display: flex;
  height: 64px;
  width: 100%;
}

.mobile-sticker-back-header::after {
  background: rgba(255, 255, 255, 0.05);
  bottom: 0;
  content: "";
  height: 2px;
  left: 16px;
  pointer-events: none;
  position: absolute;
  right: 16px;
}

.mobile-sticker-back-header__right {
  margin: 0 0 0 auto;
}

.mobile-sticker-back-header .avatar {
  height: 40px;
  margin: 0 12px 0 0;
  width: 40px;
}

.ch {
  box-sizing: content-box;
  color: #fff;
  display: grid;
  font-weight: 500;
  grid-gap: 20px;
  justify-items: center;
  max-width: 400px;
  padding: 30px;
  text-align: center;
}

.ch__upload-icon {
  fill: rgba(255, 255, 255, 0.6);
  height: 48px;
  width: 40px;
}

.ch__title {
  font-size: 1.25rem;
  font-weight: 500;
}

.ch__description {
  font-size: 0.813rem;
  color: rgba(255, 255, 255, 0.8);
}

.ch__divider {
  background-color: rgba(255, 255, 255, 0.2);
  height: 1px;
  width: 100%;
}

.ch__declaimer {
  align-items: center;
  display: grid;
  grid-auto-flow: column;
  grid-gap: 10px;
}

.ch__declaimer-icon {
  fill: rgba(255, 255, 255, 0.4);
  height: 16px;
  width: 12px;
}

.ch__declaimer-text {
  font-size: 0.75rem;
  color: rgba(255, 255, 255, 0.6);
}

.personal-notifications-modal-panel {
  align-items: center;
  align-self: stretch;
  position: relative;
  display: flex;
  flex-direction: row;
}

.personal-notifications-modal-panel__counter {
  color: rgba(255, 255, 255, 0.6);
  font-size: 13px;
  margin: 0 2px 0 0;
}

.personal-notifications-modal-panel-footer {
  align-items: center;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  bottom: 0;
  color: rgba(255, 255, 255, 0.6);
  display: flex;
  font-size: 13px;
  justify-content: space-between;
  padding: 10px 20px;
}

@media screen and (min-width: 640px) {
  .personal-notifications-modal-panel-footer.empty-on-desktop {
    display: none;
  }
}

.personal-notifications-modal-panel-footer-action {
  color: rgba(255, 255, 255, 0.8);
  cursor: pointer;
}

.personal-notifications-modal-panel-footer-action.disabled {
  opacity: 0.6;
  pointer-events: none;
}

.personal-notifications-modal-panel-footer-action:hover {
  color: #fff;
}

.personal-notifications-modal-panel-footer-action .icon-chart {
  position: relative;
  top: -1px;
}

.personal-notifications-modal-panel-footer-left,
.personal-notifications-modal-panel-footer-right {
  align-items: center;
  display: flex;
}

.personal-notifications-modal-panel-footer-item {
  align-items: center;
  display: flex;
  margin: 0 0 0 8px;
}

.personal-notifications-modal-panel-empty {
  align-items: center;
  display: flex;
  flex: 1;
  justify-content: center;
  opacity: 0.6;
  padding: 0 30px;
  text-align: center;
}

.personal-notifications-modal-panel-empty .icon {
  color: #fff;
  fill: #fff;
  height: 66px;
  margin: 0 0 12px;
  width: 66px;
}

.personal-notifications-modal-panel-empty-title {
  font-size: 20px;
  font-weight: 500;
  letter-spacing: normal;
  line-height: 1.5;
  color: #fff;
  margin: 0 0 14px;
}

.personal-notifications-modal-panel-empty-description {
  font-size: 13px;
  font-weight: 400;
  letter-spacing: normal;
  line-height: 18px;
  color: rgba(255, 255, 255, 0.6);
  margin: 0 auto;
  max-width: 80%;
}

.media-gallery__root>body,
.personal-notifications-modal-panel .content {
  overflow: hidden;
}

.personal-notifications-modal-panel .header-notifications-subscription {
  border-top: 1px solid #545558;
  position: relative;
  font-size: 0.75rem;
  line-height: 1rem;
}

.personal-notifications-modal-panel .header-notifications-subscription-content {
  background-color: #3e3f42;
  justify-content: space-between;
  opacity: 1;
  padding: 12px 18px;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
  display: flex;
  flex-direction: row;
  transition: opacity 200ms "ease-in-out" 500ms;
}

.personal-notifications-modal-panel .header-notifications-subscription-content:nth-of-type(2) {
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 1;
}

.personal-notifications-modal-panel .header-notifications-subscription-content.header-notifications-subscription-content-exit {
  opacity: 0;
}

.personal-notifications-modal-panel .header-notifications-title {
  opacity: 0.6;
  flex: 1;
  flex-basis: auto;
  flex-grow: 1;
  flex-shrink: 1;
}

.personal-notifications-modal-panel .header-notifications-tooltip {
  display: inline-block;
  padding-left: 5px;
  flex: 1;
  flex-basis: auto;
  flex-grow: 0;
  flex-shrink: 0;
}

.personal-notifications-modal-panel .header-notifications-tooltip .icon {
  height: 14px;
  margin: 0;
  opacity: 0.6;
  width: 14px;
}

.personal-notifications-modal-panel .header-notifications-tooltip:hover .icon {
  opacity: 1;
}

.personal-notifications-modal-panel .header-notifications-action {
  flex: 1;
  flex-basis: auto;
  flex-grow: 0;
  flex-shrink: 0;
}

.personal-notifications-modal-panel .dropdown-link {
  align-items: center;
  align-self: stretch;
  color: rgba(255, 255, 255, 0.6);
  display: block;
  justify-content: center;
  max-width: 72px;
  position: relative;
  text-decoration: none;
  transition: color 120ms 120ms;
  width: 56px;
  display: flex;
  flex-direction: row;
  flex: 1;
  flex-basis: auto;
  flex-grow: 1;
  flex-shrink: 1;
}

.personal-notifications-modal-panel .dropdown-link .icon {
  height: 24px;
  width: 24px;
}

.personal-notifications-modal-panel .dropdown-link .icon-notifications {
  height: 16px;
  margin: 0;
  width: 16px;
}

.dropdown-link.has-unread-notifications:after {
  background-color: #e12947;
  border: 2px solid #111113;
  border-radius: 10px;
  content: "";
  height: 12px;
  position: absolute;
  right: 14px;
  top: 14px;
  width: 12px;
}

.personal-notifications-modal-panel .dropdown-link.has-new-notifications .icon-notifications {
  animation: ring 2s ease 1;
}

.personal-notifications-modal-panel .dropdown-link.has-scheduled-posts::after,
.personal-notifications-modal-panel .dropdown-link.has-unread-messages::after {
  background-color: #e12947;
  border: 2px solid #111113;
  border-radius: 10px;
  content: "";
  height: 12px;
  position: absolute;
  right: 13px;
  top: 13px;
  width: 12px;
}

.personal-notifications-modal-panel .dropdown-link.disabled {
  pointer-events: none;
}

@media screen and (max-width: 479px) {
  .personal-notifications-modal-panel {
    flex-grow: 0;
    flex-shrink: 0;
    position: static;
  }

  .personal-notifications-modal-panel .header-dropdown-content-wrapper {
    left: 0;
    right: 0;
  }

  .personal-notifications-modal-panel-controls-online {
    display: none;
  }

  .personal-notifications-modal-panel .dropdown-link {
    padding: 14px;
    width: unset;
  }
}

.personal-notifications-modal-panel-tabs {
  align-items: center;
  display: grid;
  grid-auto-flow: column;
  grid-column-gap: 20px;
  justify-content: start;
  max-width: min(264px, 65%);
}

.personal-notifications-modal-panel-tabs-item {
  cursor: pointer;
  font-size: 20px;
  font-weight: 700;
  opacity: 0.4;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.personal-notifications-modal-panel-tabs-item.active {
  opacity: 1;
  pointer-events: none;
}

@media screen and (max-width: 639px) {
  .personal-notifications-modal-panel-tabs-item {
    font-size: 16px;
  }
}

.personal-notifications-modal-panel .personal-notification-body .avatar {
  border: 0;
  flex-shrink: 0;
  height: 44px;
  margin: 0 12px 0 0;
  width: 44px;
}

.personal-notifications-modal-panel .personal-notification-body .avatar .online {
  background: #232325;
  height: 12px;
  left: -3px;
  top: -3px;
  width: 12px;
}

.personal-notifications-modal-panel-content h3 {
  font-size: 16px;
  font-weight: 700;
  letter-spacing: normal;
  line-height: normal;
  color: #fff;
  margin: 20px;
}

.personal-notifications-modal-panel-header-text {
  font-size: 13px;
  font-weight: 400;
  letter-spacing: normal;
  line-height: 1.5;
  background: #343437;
  border-radius: 8px;
  color: rgba(255, 255, 255, 0.6);
  margin: 10px 20px 20px;
  padding: 10px 12px;
}

.personal-notifications-modal-panel .personal-notification {
  padding: 10px 30px 10px 20px;
}

.personal-notifications-modal-panel__mass-message-button-wrapper {
  display: flex;
  margin-bottom: 16px;
  padding: 0 20px;
}

@media screen and (max-width: 639px) {
  .personal-notifications-modal-panel__mass-message-button-wrapper {
    padding: 0 12px;
  }
}

.personal-notifications-modal-panel__mass-message-button {
  align-items: center;
  display: flex;
  flex: 1;
  gap: 10px;
}

.chats-filter {
  margin: 0 8px;
  padding-bottom: 12px;
}

.header-dropdown-content-item {
  position: relative;
}

.header-dropdown-content-item:not(:last-child) {
  border-bottom: none;
}

.request-menu-notification-icon {
  color: #a0a0a1;
  margin-right: 8px;
  position: relative;
}

.request-menu-notification-icon.has-unresolved-requests:after {
  background-color: #e12947;
  border: 2px solid #111113;
  border-radius: 50%;
  content: "";
  height: 8px;
  position: absolute;
  right: -4px;
  top: -2px;
  width: 8px;
}

.request-menu-notification-icon.active:after {
  border-color: #343437;
}

.profile-cover-wrapper {
  margin-bottom: 64px;
}

@media screen and (max-width: 767px) {
  .profile-cover-wrapper {
    margin-bottom: 32px;
  }
}

.bs--opened {
  max-height: none
}

.bs__text {
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  margin: 0;
  padding: 0
}

.bs__shadow-text {
  opacity: 0;
  pointer-events: none;
  position: absolute;
  visibility: hidden
}

@media screen and (max-width:1023px) {
  .bs {
    width: 100%
  }
}

.bs--reposition {
  -webkit-user-select: none;
  user-select: none;
}

.bs__video-parent {
  position: absolute;
  right: 0;
  top: 0;
  transform-origin: left top;
  width: 100%;
}

.bs__avatar-flag {
  align-items: center;
  background: #232325;
  border-radius: 50%;
  display: flex;
  height: 34px;
  justify-content: center;
  position: absolute;
  right: -4px;
  top: 0;
  width: 34px;
}

.bs__st-link {
  align-items: center;
  display: inline-flex;
}

.bs__st-link-content {
  margin-bottom: 2px;
  overflow: hidden;
  position: relative;
}

@media screen and (max-width: 360px) {
  .bs__st-link-content:after {
    background: linear-gradient(270deg, #050506 0, rgba(5, 5, 6, 0) 100%);
    content: "";
    display: block;
    height: 20px;
    position: absolute;
    right: 0;
    top: 0;
    width: 24px;
  }
}

.bs__live {
  align-items: center;
  background: #d21b4c;
  border-radius: 6px;
  color: #fff;
  column-gap: 4px;
  display: flex;
  font-size: 13px;
  font-weight: 700;
  height: 20px;
  margin: 0 0 0 8px;
  padding: 0 8px 0 4px;
  white-space: nowrap;
}

.bs__live:hover {
  background: #d9023c;
}

.bs__media {
  max-height: 100%;
  overflow: hidden;
  pointer-events: none;
  position: absolute;
  right: 0;
  top: 0;
  width: min(1144px, 100%);
}

.bs__media-background-cover {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

.bs__media-background-cover--blured {
  filter: blur(20px);
}

.bs__media--no-cover::before {
  background: linear-gradient(180deg, rgba(5, 5, 6, 0) 0, #050506 100%), radial-gradient(50% 200%at 50% 50%, #3c185e 0, rgba(60, 24, 94, 0) 100%), linear-gradient(0deg, #050506, #050506),
    linear-gradient(270deg, #050506 0, rgba(5, 5, 6, 0) 50.03%), linear-gradient(95.78deg, #050506 4.6%, rgba(5, 5, 6, 0) 50.04%), linear-gradient(180deg, rgba(5, 5, 6, 0) 0, #050506 100%);
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

.bs__media--shadow::after {
  background: linear-gradient(270deg, #050506 0, rgba(5, 5, 6, 0) 50.03%), linear-gradient(95.78deg, #050506 4.6%, rgba(5, 5, 6, 0) 50.04%), linear-gradient(180deg, rgba(5, 5, 6, 0) 0, #050506 100%);
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

.bs__media-aspect-ratio {
  display: block;
  visibility: hidden;
  width: 100%;
}

.bs__media-cover-image {
  left: 0;
  position: absolute;
  top: 0;
  transform-origin: left top;
  width: 100%;
}

.bs__mobile-top-button {
  position: absolute;
  right: 15px;
  top: 70px;
  z-index: 4;
}

.bs__reposition-controls {
  bottom: 95px;
  position: absolute;
  right: 83px;
  z-index: 5;
}

.bs__reposition-controls--mobile {
  display: none;
}

.bs__info {
  margin: 0 auto;
  max-width: 1280px;
  padding: 64px 83px 0;
  position: relative;
  width: 100%;
  z-index: 3;
}

@media screen and (max-width: 1023px) {
  .bs__info {
    padding: 80px 15px 0;
  }
}

.bs__stories {
  margin: 0 auto;
  max-width: 100vw;
  padding: 0 16px;
  position: relative;
  width: 642px;
}

.bs__name-wrapper {
  margin-top: 16px;
}

.bs__name-wrapper .displayname__name {
  word-break: break-word;
}

.bs__username {
  color: #fff;
  opacity: 0.6;
}

.bs__avatar-wrapper {
  position: relative;
  width: 124px;
  z-index: 4;
}

.bs__profile-counters {
  color: rgba(255, 255, 255, 0.8);
  font-weight: 400;
  margin-top: 20px;
  opacity: 0.8;
  font-size: 1rem;
}

.bs__content-counters-wrapper {
  align-items: center;
  box-sizing: border-box;
  display: flex;
  height: 72px;
  justify-content: space-between;
  margin-top: 40px;
  padding: 7px 16px;
  position: relative;
  width: 100%;
  z-index: 5;
}

.bs__content-counters-wrapper::before {
  backdrop-filter: blur(34px);
  background: rgba(255, 255, 255, 0.08);
  border-radius: 20px;
  bottom: 0;
  content: "";
  left: 0;
  pointer-events: none;
  position: absolute;
  top: 0;
  width: 100%;
}

.bs__actions {
  display: flex;
  position: relative;
  width: 100%;
}

.bs .dropdown-content {
  padding: 4px 0;
}

.bs__tabs.tabs-ds {
  border-color: 1px solid rgba(255, 255, 255, 0.08);
  justify-content: center;
  margin: 44px 0 0;
  white-space: nowrap;
  width: 100%;
  z-index: 1;
}

.bs__tabs.tabs-ds::after,
.bs__tabs.tabs-ds::before {
  background: rgba(255, 255, 255, 0.08);
  content: "";
  height: 1px;
  pointer-events: none;
  position: absolute;
  top: 100%;
  width: 1200px;
}

.bs__tabs.tabs-ds::before {
  box-sizing: border-box;
  right: 100%;
}

.bs__tabs.tabs-ds::after {
  left: 100%;
}

.bs__content-counters-wrapper--mobile {
  align-items: center;
  backdrop-filter: blur(10px);
  background: rgba(0, 0, 0, 0.2);
  border-radius: 20px;
  display: flex;
  padding: 14px 16px;
  position: absolute;
  right: 80px;
  top: 60px;
  z-index: 1;
}

@media screen and (max-width: 1023px) {
  .bs__content-counters-wrapper--mobile {
    right: 15px;
  }
}

@media (max-width: 1079px) {
  .bs__media--shadow::after {
    background: linear-gradient(0deg, #050506 0, rgba(5, 5, 6, 0.9) 24%, rgba(5, 5, 6, 0.75) 40%, rgba(5, 5, 6, 0.5) 60%, rgba(5, 5, 6, 0) 100%);
  }

  .bs__avatar-wrapper {
    width: 80px;
  }

  .bs__avatar-wrapper .avatar {
    height: 80px;
    min-width: 80px;
    width: 80px;
  }

  .bs__name-wrapper {
    align-items: flex-start;
    flex-direction: column;
  }

  .bs__username {
    margin-left: 0;
  }

  .bs .displayname.displayname--big .displayname__name {
    font-size: 1.75rem;
  }

  .bs__profile-counters {
    font-size: 0.875rem;
  }

  .bs__content-counters-wrapper {
    height: auto;
    margin-top: 16px;
    padding: 0;
  }

  .bs__content-counters-wrapper::before {
    display: none;
  }

  .bs .bs__tabs {
    margin-top: 32px;
  }

  .bs__reposition-controls {
    display: none;
    position: relative;
  }

  .bs__reposition-controls--mobile {
    display: block;
  }
}

.bs__onboarding-badge {
  left: 90px;
  position: absolute;
  top: -10px;
}

.bs .tab-interactive-active-ds .white-color-text-2 {
  color: #a0a0a1;
}

.bs .tabs-ds {
  column-gap: 48px;
}

.bs .tab-ds {
  margin: 0;
}

@media screen and (max-width: 1023px) {
  .bs__onboarding-badge {
    left: 54px;
    top: -4px;
  }
}

@media screen and (max-width: 639px) {
  .bs .tabs-ds {
    column-gap: 32px;
  }
}

@media screen and (max-width: 320px) {
  .bs .tabs-ds {
    column-gap: 24px;
  }
}

.media-processing {
  align-items: center;
  display: flex;
  flex-direction: column;
  left: 50%;
  position: absolute;
  top: 200px;
  transform: translateX(-50%);
  z-index: 5;
}

@media screen and (max-width: 1023px) {
  .media-processing {
    top: 32%;
  }
}

.media-processing .loader-text {
  color: #fff;
  margin-top: 10px;
  max-width: 210px;
  opacity: 0.6;
  text-align: center;
}

.video-player,
.video-player__play {
  display: flex;
  justify-content: center;
  overflow: hidden;
}

.video-player {
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  height: 100%;
  position: relative;
  width: 100%;
}

.video-player__play {
  align-items: center;
  background: rgba(0, 0, 0, 0.4);
  border: 0;
  border-radius: 50%;
  color: #fff;
  cursor: pointer;
  height: 96px;
  left: 50%;
  outline: 0;
  padding: 0;
  position: absolute;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  transition: background 0.3s, opacity 0.3s;
  width: 96px;
  z-index: 4;
}

.video-player__play--hidden {
  opacity: 0;
  pointer-events: none;
}

.video-player__play--animation-show-hide {
  animation: video-player-animation-play-desktop 0.6s;
}

.video-player__main-control-icon {
  height: 56px;
  opacity: 0.8;
  width: 56px;
}

.video-player__children {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 4;
}

.video-player__video {
  background-color: transparent;
  display: block;
  flex: 1;
  max-height: 100%;
  max-width: 100%;
  position: relative;
  object-fit: cover;
}

.video-player__video--hidden {
  pointer-events: none;
  visibility: hidden;
}

.video-player__controls {
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.72) 0, transparent 100%);
  bottom: 0;
  left: 0;
  padding: 40px 10px 16px;
  position: absolute;
  right: 0;
  transition: opacity 0.3s;
  user-select: none;
  z-index: 4;
}

.video-player__controls--hidden {
  opacity: 0;
  pointer-events: none;
}

.video-player__controls-progress {
  cursor: pointer;
  height: 12px;
  position: absolute;
  width: 100%;
  bottom: -9px;
  z-index: 5;
  left: 0;
}

.video-player__controls-progress::before {
  background: rgba(248, 248, 248, 0.4);
  border-radius: 2px;
  content: "";
  cursor: pointer;
  height: 4px;
  left: 0;
  position: absolute;
  width: 100%;
}

.video-player__controls-progress::after {
  content: "";
  height: 35px;
  left: 0;
  position: absolute;
  top: -15px;
  width: 100%;
}

.video-player__controls-progress:hover>.video-player__controls-progress-button {
  pointer-events: auto;
  transform: scale(1);
}

.video-player__controls-progress-line {
  background: #fa0103;
  border-radius: 2px;
  cursor: pointer;
  height: 4px;
  position: relative;
}

.video-player__controls-progress-button {
  background: #fff;
  border: 0;
  border-radius: 50%;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.25);
  cursor: pointer;
  display: block;
  height: 12px;
  padding: 0;
  pointer-events: none;
  position: absolute;
  top: 0;
  transform: scale(0);
  transition: transform 0.15s;
  width: 12px;
  z-index: 2;
}

.video-player__controls-progress-button--active {
  pointer-events: auto;
  transform: scale(1);
}

.video-player__controls-actions {
  align-items: center;
  color: #fff;
  display: flex;
  font-size: 13px;
  font-weight: 700;
  justify-content: space-between;
  margin: 12px 4px 0;
}

.video-player__controls-actions-block {
  align-items: center;
  display: flex;
}

.video-player__pause {
  cursor: pointer;
  margin: 0 14px 0 0;
}

.video-player__pause>svg {
  display: block;
  height: 17px;
  width: 17px;
}

.video-player__right-control {
  margin: 0-2px 0 24px;
  padding: 2px;
}

.video-player__right-control:first-child {
  margin-left: 0;
}

.video-player__mute {
  cursor: pointer;
}

.video-player__mute>svg {
  display: block;
  height: 16px;
  transform: scale(1.3);
  width: 18px;
}

.video-player__fullscreen {
  cursor: pointer;
  display: flex;
}

.video-player__controls-actions-block {
  color: #fff;
}

.video-player__timer {
  white-space: nowrap;
}

.video-player--mobile .video-player__controls-progress-button {
  pointer-events: auto;
  transform: scale(1);
}

.video-player--mobile .video-player__play {
  height: 64px;
  width: 64px;
}

.video-player--mobile .video-player__main-control-icon {
  height: 36px;
  width: 36px;
}

.video-player--desktop .video-player__play {
  background: rgba(0, 0, 0, 0.6);
}

.video-player--desktop .video-player__fullscreen,
.video-player--desktop .video-player__mute,
.video-player--desktop .video-player__pause {
  transition: opacity 0.3s;
}

.video-player--desktop .video-player__fullscreen:hover,
.video-player--desktop .video-player__mute:hover,
.video-player--desktop .video-player__pause:hover {
  opacity: 0.5;
}

.ci {
  align-items: center;
  display: flex;
  flex-wrap: nowrap;
  gap: 8px;
  justify-content: flex-start;
}

.ci__icon {
  margin-right: 4px;
}

.n__extra {
  animation: opacity-fade-show 0.5s;
}

.n__extra--hide {
  display: none;
}

.n__more {
  align-items: center;
  cursor: pointer;
  display: flex;
  gap: 4px;
}

.n__shadow-text {
  display: block;
  opacity: 0;
  pointer-events: none;
  position: absolute;
  visibility: hidden;
}

.n__icon--rotate {
  transform: rotate(180deg);
}

.tab-ds,
.tabs-ds {
  align-items: center;
  display: flex;
}

.tabs-ds {
  border-bottom: 1px solid rgba(255, 255, 255, 0.13);
  margin: 0;
  position: relative;
}

.tab-ds {
  background: 0 0;
  border: 0;
  color: rgba(255, 255, 255, 0.6);
  justify-content: center;
  list-style-type: none;
  margin: 0 28px;
  outline: 0;
  overflow: visible;
  -webkit-user-select: none;
  user-select: none;
}

.tab-ds:first-child {
  margin-left: 0;
}

.tab-ds:last-child {
  margin-right: 0;
}

.tab-ds:hover {
  color: rgba(255, 255, 255, 0.8);
}

@media (max-width: 639px) {
  .tab-ds--adaptive {
    flex: 1;
    margin: 0;
  }
}

.tab-interactive-ds {
  align-items: center;
  display: flex;
  position: relative;
}

.tab-interactive-medium-ds,
.tab-interactive-small-ds {
  font-weight: 400;
  letter-spacing: normal;
  line-height: normal;
}

.tab-interactive-small-ds {
  font-size: 13px;
  margin-right: 30px;
  padding: 9px 0;
}

.tab-interactive-medium-ds {
  font-size: 15px;
  height: 50px;
  padding: 0 0 12px;
}

.tab-interactive-active-ds {
  color: #fff;
}

.tab-interactive-active-ds:active,
.tab-interactive-active-ds:focus,
.tab-interactive-active-ds:hover {
  color: #fff;
}

.tab-interactive-active-ds::after {
  background: var(--primary-border);
  border-radius: 3px;
  bottom: -1px;
  content: "";
  height: 3px;
  left: 0;
  position: absolute;
  width: 100%;
}

.tab-link-ds {
  flex: 1;
  justify-content: center;
}

.tab-link-ds,
.tab-link-ds:active,
.tab-link-ds:hover {
  text-decoration: none;
}

.tab-link-ds:focus {
  text-decoration: inherit;
}

.not-found-wrapper {
  align-items: center;
  justify-content: center;
  display: flex;
  flex-direction: column;
}

.not-found-wrapper .not-approved-model,
.not-found-wrapper .not-found-error {
  justify-content: space-around;
  margin: 100px 0;
  max-width: 900px;
  width: 100%;
  display: flex;
  flex-direction: column;
}

.not-found-wrapper .description-wrapper,
.not-found-wrapper .icon-wrapper,
.not-found-wrapper .text-wrapper {
  justify-content: center;
  flex: 1;
  flex-basis: 50%;
  flex-grow: 1;
  flex-shrink: 0;
}

.not-found-wrapper .icon-wrapper,
.not-found-wrapper .text-wrapper {
  display: flex;
  flex-direction: row;
}

.not-found-wrapper .text-wrapper {
  color: #fff;
  font-weight: 700;
  font-size: 4.5rem;
  line-height: 5.438rem;
  letter-spacing: 0.27rem;
}

.not-found-wrapper .description-wrapper {
  align-items: center;
  margin-left: 10px;
  margin-top: 16px;
  display: flex;
  flex-direction: column;
}

.not-found-wrapper .description {
  color: rgba(255, 255, 255, 0.8);
  font-weight: 500;
  margin-bottom: 32px;
  max-width: 100%;
  font-size: 1.5rem;
  line-height: 1.813rem;
}

.not-found-wrapper .icon-blocked {
  fill: #f8f8f8;
  height: 160px;
  width: 160px;
}

@media screen and (max-width: 1023px) {
  .not-found-wrapper .not-found-error .description-wrapper {
    flex: 1;
    flex-basis: 40%;
    flex-grow: 1;
    flex-shrink: 0;
  }

  .not-found-wrapper .not-found-error .description {
    font-size: 1.25rem;
    line-height: 1.625rem;
  }
}

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

  .not-found-wrapper .not-approved-model,
  .not-found-wrapper .not-found-error {
    align-items: center;
    margin: 60px 0;
  }

  .not-found-wrapper .not-approved-model .icon-blocked,
  .not-found-wrapper .not-found-error .icon-blocked {
    height: 120px;
    width: 120px;
  }

  .not-found-wrapper .not-approved-model .description-wrapper,
  .not-found-wrapper .not-found-error .description-wrapper {
    align-items: center;
    margin-left: 0;
    margin-top: 50px;
  }

  .not-found-wrapper .not-approved-model .description,
  .not-found-wrapper .not-found-error .description {
    text-align: center;
    font-size: 1.125rem;
    line-height: 1.375rem;
  }
}

.user-tags-list-gallery,
.user-tags-list-gallery__wrapper {
  display: flex;
  flex-direction: column;
  max-height: 100%;
}

.user-tags-list-gallery__wrapper {
  background: #1b1b1d;
  bottom: 0;
  left: 0;
  position: absolute;
  width: 100%;
}

.user-tags-list-gallery__close {
  cursor: pointer;
  margin: 14px auto 0;
  opacity: 0.2;
  -webkit-user-select: none;
  user-select: none;
}

.modal-ds-overlay {
  align-items: center;
  display: flex;
  height: 100%;
  justify-content: center;
  left: 0;
  padding: 20px;
  position: fixed;
  top: 0;
  width: 100vw;
  z-index: 500;
}

.modal-ds-overlay__background {
  animation: opacity-fade-show 0.5s;
  background: rgba(0, 0, 0, 0.8);
  height: 100%;
  left: 0;
  pointer-events: none;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: -1;
}

.modal-ds-overlay__background--hide {
  animation: opacity-fade-hide 0.5s;
  opacity: 0;
}

.modal-ds-overlay--fullscreen-mobile .modal-ds-body {
  background-color: #1b1b1d;
  bottom: 0;
  height: auto;
  left: 0 !important;
  margin-top: 0 !important;
  max-width: 100vw;
  min-height: auto;
  position: absolute !important;
  right: 0 !important;
  top: 0 !important;
  transform: none !important;
  width: 100%;
}

.modal-ds-overlay--fullscreen-mobile .modal-ds-body--black {
  background: #000;
}

.modal-ds-overlay--fullscreen-mobile .modal-ds-body .modal-ds-footer {
  background: 0 0 !important;
}

.modal-ds-overlay--fullscreen-mobile .modal-ds-content {
  background: 0 0;
  display: flex;
  height: 100%;
}

.modal-ds-overlay .modal-ds-close-icon-in-header {
  margin-left: auto;
}

@media screen and (max-width: 767px) {
  .modal-ds-overlay {
    padding-left: 14px;
    padding-right: 14px;
  }
}

.modal-ds-body {
  align-items: stretch;
  animation: opacity-fade-show-modal 0.5s ease;
  color: #fff;
  cursor: initial;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: flex-start;
  margin: 0 auto;
  max-height: 100%;
}

.modal-ds-body--disabled {
  opacity: 0.3;
  pointer-events: none;
}

.modal-ds-body--size--small {
  max-width: min(100vw - 32px, 460px);
}

.modal-ds-body--size--regular {
  max-width: calc(100vw - 32px);
  width: 500px;
}

.modal-ds-body--size--goal,
.modal-ds-body--size--wide {
  max-width: calc(100vw - 20px);
}

.modal-ds-body--size--goal {
  width: 328px;
}

.modal-ds-body--background--dark {
  background: #1b1b1d;
}

.modal-ds-body--background--none {
  background: 0 0;
}

.modal-ds-body--hide {
  animation: opacity-fade-hide-modal 0.5s ease;
  opacity: 0;
}

.modal-ds-close-icon:hover {
  color: #f8f8f8;
}

.modal-ds-header {
  align-items: center;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  overflow: hidden;
  padding: 5px;
}

.modal-ds-close-icon-disabled {
  opacity: 0;
}

.modal-ds-content {
  display: flex;
  flex-direction: column;
  overflow: hidden;
  position: relative;
  width: 100%;
}

.modal-ds-content--vertical-center {
  justify-content: center;
}

.modal-ds-content--spaced {
  padding: 24px;
}

.modal-ds-content--background--dark {
  background: #1b1b1d;
}

.modal-ds-content--background--regular {
  background: #232325;
}

.modal-ds-content--radius--small {
  border-radius: 12px;
}

.modal-ds-content--radius--middle {
  border-radius: 16px;
}

.modal-ds-content--radius--big {
  border-radius: 22px;
}

.modal-body {
  flex-basis: content;
}

.modal-body--padding--regular {
  padding: 24px;
}

.modal-ds-close-icon {
  color: rgba(248, 248, 248, 0.4);
}

.modal-ds-close-icon-top-right {
  position: absolute;
  right: 4px;
  top: 4px;
}

.modal-ds-footer {
  -webkit-backdrop-filter: blur(2px);
  backdrop-filter: blur(2px);
  bottom: 0;
  left: 0;
  min-height: 74px;
  overflow: hidden;
  position: absolute;
  width: 100%;
  z-index: 1;
}

.modal-ds-footer--background--dark {
  background: rgba(27, 27, 29, 0.7);
}

.modal-ds-footer-placeholder {
  height: 74px;
}

.y {
  position: relative;
  width: 100%;
}

@media only screen and (max-width: 639px) {
  .y {
    display: flex;
    flex: 1;
    flex-direction: column;
    height: 100%;
  }
}

.y__header {
  margin: -20px -20px 20px;
}

.y .info {
  font-size: 13px;
  margin-bottom: 20px;
  margin-top: 10px;
  opacity: 0.6;
}

.y .photo-cut-frame-wrapper {
  display: none;
}

.y .photo-cut-source-container {
  min-height: 250px;
  padding: 0 30px;
  position: relative;
  width: 100%;
}

@media only screen and (max-width: 640px) {
  .y .photo-cut-source-container {
    flex: 1;
  }
}

.y .photo-cut-source-container .photo-cut-canvas-video {
  border-radius: 12px;
  display: block;
  margin: 0 auto;
  max-width: 100%;
}

@media only screen and (max-width: 640px) {
  .y .photo-cut-source-container .photo-cut-canvas-video {
    height: 100%;
    object-fit: cover;
  }
}

.y__devices-control {
  margin-bottom: 8px;
}

.y__camera-placeholder {
  align-items: center;
  display: flex;
  flex-direction: column;
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
}

.y__camera-blocked-error {
  align-items: center;
  background: #000;
  display: flex;
  flex-direction: column;
  height: 250px;
  justify-content: center;
  left: 0;
  position: absolute;
  right: 0;
  z-index: 1;
}

.y__camera-blocked-error-icon {
  color: #fff;
  fill: currentColor;
  height: 40px;
  width: 40px;
}

.y__placeholder-text {
  line-height: 18px;
  margin-top: 16px;
  text-align: center;
}

.y__video-devices-select {
  margin-bottom: 10px;
  margin-top: -10px;
  max-width: 351px;
  width: 100%;
}

.create-content-menu {
  background: #232325;
  border-radius: 16px;
  box-shadow: 0 20px 30px rgba(0, 0, 0, 0.3);
  color: #cfcfd0;
  overflow: hidden;
  text-align: left;
  white-space: nowrap;
}

.create-content-menu__item {
  align-items: center;
  cursor: pointer;
  display: flex;
  font-size: 15px;
  font-weight: 400;
  line-height: 18px;
  min-height: 56px;
  padding: 4px 20px;
}

.create-content-menu__item--disabled {
  color: #707071;
  pointer-events: none;
}

.create-content-menu__item:hover {
  background: #343437;
}

.create-content-menu__icon {
  margin: 0 20px 0 0;
}

.create-content-menu__icon--style--teaser {
  color: #fccf49;
}

.create-content-menu__description {
  color: #707071;
  font-size: 12px;
}

.bg {
  height: 56px;
}

.bg__header-top {
  align-items: stretch;
  display: flex;
  height: 56px;
  justify-content: center;
  left: 0;
  position: fixed;
  right: 0;
  top: var(--pwa-notification-height);
  z-index: 11;
}

.bg__header-top--theme--purple {
  background: #290e3f;
}

.bg__header-top--theme--purple .btn-outline-pale {
  background: #290e3f;
  border-color: #5f5f61;
  transition: border-color 200ms linear;
}

.bg__header-top--theme--purple .btn-outline-pale:focus {
  border-color: #5f5f61;
}

.bg__header-top--theme--purple .btn-outline-pale:active,
.bg__header-top--theme--purple .btn-outline-pale:hover {
  background: #290e3f;
  border-color: #a0a0a1;
}

.bg__header-top--theme--dark {
  background: #111113;
}

.bg__nav-left {
  align-items: center;
  display: flex;
  flex: 1;
  justify-items: flex-start;
}

@media screen and (max-width: 479px) {
  .bg__nav-left {
    flex: 1 1 50%;
  }
}

.bg__nav-center {
  align-items: center;
  display: flex;
  flex: 1;
  justify-content: center;
  margin: 0 8px;
}

@media screen and (max-width: 767px) {
  .bg__nav-center {
    justify-content: flex-end;
  }
}

.bg__nav-right {
  align-items: stretch;
  display: flex;
  justify-content: flex-end;
}

@media screen and (min-width: 640px) {
  .bg__nav-right {
    flex: 1;
  }
}

.bg__login-buttons {
  align-items: center;
  display: grid;
  grid-auto-flow: column;
  grid-column-gap: 12px;
  justify-content: flex-end;
  margin: 0 20px;
  min-width: 90px;
  transition: opacity 250ms;
}

.bg__navigation {
  align-items: center;
  display: flex;
  justify-items: flex-start;
  margin-left: 18px;
}

.bg__logo-wrapper {
  align-items: center;
  display: flex;
  justify-content: flex-start;
}

@media screen and (max-width: 479px) {
  .bg__logo-wrapper {
    flex: 1;
  }
}

.bg__link {
  align-items: center;
  color: #a0a0a1;
  cursor: pointer;
  display: inline-flex;
  font-size: 15px;
  height: 56px;
  margin: 0 16px;
  position: relative;
  white-space: nowrap;
}

.bg__link--theme--purple {
  color: #d4cfd9;
}

.bg__link:hover {
  color: #fff;
}

.bg__link--split {
  margin-left: 32px;
}

.bg__link--split::after {
  background: rgba(255, 255, 255, 0.1);
  bottom: 12px;
  content: "";
  left: -24px;
  position: absolute;
  top: 12px;
  width: 1px;
}

.bg__link.active::before {
  background: var(--primary-border);
  bottom: 0;
  content: "";
  height: 3px;
  left: 0;
  position: absolute;
  width: 100%;
}

.bo {
  align-items: center;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 50%;
  display: flex;
  height: 56px;
  justify-content: center;
  min-width: 56px;
  position: relative;
  transition: 0.3s color;
  width: 56px;
}

.bo::before {
  border: 4px solid currentColor;
  border-radius: 50%;
  bottom: 0;
  content: "";
  left: 0;
  pointer-events: none;
  position: absolute;
  right: 0;
  top: 0;
  transition: 0.3s color;
  z-index: 1;
}

.bo--style--uploading {
  color: #ff3332;
}

.bo--style--uploading::before {
  color: #442068;
}

.bo--style--done {
  color: #21b062;
}

.bo--style--create-failed,
.bo--style--uploading-failed {
  color: #d21b4c;
  cursor: pointer;
}

.bo--style--create-failed::before,
.bo--style--uploading-failed::before {
  color: #570e22;
}

.bo__shadow {
  background: rgba(0, 0, 0, 0.6);
  border-radius: 50%;
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}

.bo__circle {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 2;
}

.bo__status {
  color: #fff;
  font-size: 12px;
  font-weight: 400;
  position: absolute;
}

.bo__count {
  align-items: center;
  background: currentColor;
  border-radius: 8px;
  display: flex;
  font-size: 12px;
  font-weight: 500;
  height: 16px;
  justify-content: center;
  min-width: 16px;
  padding: 0 4px;
  pointer-events: none;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 2;
}

.empty-page-content {
  color: #a0a0a1;
  max-width: 420px;
  text-align: center;
}

.empty-page-content--big {
  margin: 30px auto 120px;
}

.empty-page-content--small {
  margin: 30px auto;
}

.empty-page-content__title {
  margin: 0 0 10px;
}

.empty-page-content__title--big {
  font-size: 24px;
  font-weight: 500;
}

.empty-page-content__description {
  max-width: 360px;
}

.empty-page-content__description--big {
  margin: 20px auto 0;
}

.empty-page-content__description--small {
  margin: 0 auto;
}

.empty-page-content__icon {
  color: #707071;
}

.empty-page-content__icon,
.empty-page-content__icon--big {
  height: 74px;
  margin: 0 auto 30px;
  width: 74px;
}

.empty-page-content__icon--small {
  height: 32px;
  margin: 0 auto 12px;
  width: 32px;
}

.notification-texts-referral {
  align-items: center;
  display: flex;
  font-size: 16px;
  font-weight: 500;
  justify-content: center;
  line-height: 20px;
  min-height: 52px;
  padding: 6px 20px;
}

.notification-texts-referral__left {
  margin: 0 10px 0 0;
}

.notification-texts-referral__left .smile {
  height: 24px;
  width: 24px;
}

.notification-texts-referral__right {
  margin: 0 0 0 8px;
}

.notification-texts-referral__right .smile {
  height: 32px;
  width: 32px;
}

.header-notification .notification-texts-referral {
  padding: 0;
  text-align: left;
}

.bf {
  --search-width: 340px;
  padding: 0 0 0 8px;
}

.bf--type--compact-phone {
  cursor: pointer;
}

.bf--type--compact {
  cursor: pointer;
  position: relative;
}

.bf--theme--purple .bf__wrapper {
  background: #3f2753;
}

@media screen and (max-width: 479px) {
  .bf--theme--purple .bf__wrapper {
    box-shadow: 0 2px 0#d60908;
  }

  .br__stories {
    padding-left: 10px !important;
  }

  .bp--style--pinned {
    margin-top: 15px !important;
  }
}

.bf--theme--purple .bf__wrapper--focused,
.bf--theme--purple .bf__wrapper:hover {
  border-color: #3f2753;
}

.bf--theme--purple .island-block {
  background: #290e3f;
}

.bf--theme--purple .username-inline-card:hover {
  background: #3f2753;
}

.bf--theme--purple .header-search-result__button {
  background: rgba(255, 255, 255, 0.1);
}

.bf--theme--purple .header-search-result__button:hover {
  background: rgba(255, 255, 255, 0.2);
}

.bf--landing .bf__wrapper {
  z-index: 11;
}

.bf__wrapper {
  background: #232325;
  border: 2px solid transparent;
  border-radius: 12px;
  color: #fff;
  height: 36px;
  position: relative;
  transition: border-color 0.3s;
}

.bf__wrapper:hover {
  border-color: #343437;
}

.bf__wrapper--focused {
  background: #343437;
}

.bf__wrapper--type--compact-phone {
  border: 0;
  border-radius: 0;
  height: 44px;
  left: 0;
  position: absolute;
  top: 56px;
  width: 100vw;
}

.bf__wrapper--type--compact {
  margin: 20px 0 0;
  max-width: 100vw;
  position: absolute;
  right: 0;
  top: 100%;
  width: var(--search-width);
}

.bf__wrapper--type--big-laptop {
  width: 220px;
}

.bf__wrapper--type--big-desktop {
  width: 340px;
}

.bf__label {
  align-items: center;
  color: inherit;
  display: flex;
  height: 100%;
  padding: 0 12px;
  position: relative;
  width: 100%;
}

.bf__input {
  background: 0 0;
  border: 0;
  border-radius: 0;
  color: inherit;
  flex: 1;
  font-size: 13px;
  margin: 0 0 0 8px;
  padding: 0;
}

.bf__input::-webkit-search-cancel-button {
  display: none;
}

.bf__icon {
  color: #a0a0a1;
  height: 20px;
  min-width: 20px;
  width: 20px;
}

.bf__icon-compact {
  color: #a0a0a1;
  height: 24px;
  width: 24px;
}

.bf__reset {
  align-items: center;
  border-radius: 4px;
  color: #a0a0a1;
  cursor: pointer;
  display: flex;
  height: 20px;
  justify-content: center;
  position: absolute;
  right: 10px;
  width: 20px;
}

.bf__reset:hover {
  background: rgba(255, 255, 255, 0.1);
  color: #fff;
}

.bJ__header {
  align-items: center;
  display: flex;
  gap: 16px;
  justify-content: space-between;
  margin: 48px 0 32px;
}

@media screen and (max-width: 767px) {
  .bJ__header {
    align-items: stretch;
    flex-direction: column;
  }
}

.bJ__tabs-container {
  min-width: 240px;
}

.bJ__tabs-container .pill-page-tabs {
  margin: 0;
}

#modelsResult {
  grid-template-columns: repeat(6, 1fr);
}

.liveModels {
  grid-template-columns: repeat(8, 1fr) !important;
}


.discoverPosts {
  grid-template-columns: repeat(7, 1fr) !important;
}

.discoverPosts.bl {
  padding: 1px;
  grid-gap: 1px !important;
}

.discoverPosts .bL__item {
  height: 190px !important;
}

.discoverPosts .bL__item .a {
  border-radius: 1px !important;
}

.discoverPosts .bL__item .a .a__bottom-shadow {
  background: linear-gradient(180deg, transparent 0, rgb(0 0 0 / 51%) 100%);
  border-bottom-left-radius: 1px;
  border-bottom-right-radius: 1px;
}

.discoverPosts .a__bottom-avatar {
  position: absolute;
  bottom: 5px;
}

.discoverModels {}

.discoverModels .a {
  height: 320px !important;
}

.discoverModels .a .avatar {
  --avatar-size: 40px;
}

.discoverReels {}

.discoverReels .bL__item {
  height: 210px !important;
}

#reelsResult {
  grid-template-columns: repeat(8, 1fr);
}

.reelsPage {
  display: flex;
}

.reelsLeft {
  flex-basis: 100%;
  display: inline-block;
  height: 100vh;
  overflow: auto;
}

.reelsRight {
  flex-basis: 45%;
  display: inline-block;
  height: 100vh;
}

@media (max-width: 640px) {
  .bJ__header {
    margin: 20px 0;
    padding-left: 10px;
    padding-right: 10px;
  }

  #modelsResult {
    grid-template-columns: repeat(2, 1fr);
    padding: 1px;
    grid-gap: 1px !important;
  }

  #reelsResult {
    grid-template-columns: repeat(4, 1fr);
  }

  .discoverReels .bL__item {
    height: 160px !important;
  }

  .liveModels {
    grid-template-columns: repeat(3, 1fr) !important;
    padding: 1px !important;
  }

  .liveModels .a__controls {
    display: none;
  }

  .discoverPosts {
    grid-template-columns: repeat(3, 1fr) !important;
  }

  .discoverPosts .bL__item {
    height: 160px !important;
  }

  .discoverPosts .displayname__name {
    font-size: 12px !important;
  }

  .discoverModels .a {
    height: 280px !important;
    border-radius: 0 !important;
  }

  .discoverModels .a .avatar {
    --avatar-size: 36px;
  }

  .g {
    padding: 5px;
    height: 310px !important;
  }

  .a__bottom-shadow {
    border-radius: 0 !important;
  }

  .a--squad {
    border-radius: 0 !important;
  }

  .user-status-icon {
    top: -8% !important;
    left: -5% !important;
    width: 30% !important;
    height: 30% !important;
    background: none !important;
  }
}

@media (min-width: 768px) and (max-width: 1024px) {
  #modelsResult {
    grid-template-columns: repeat(4, 1fr);
    padding: 1px;
    grid-gap: 1px !important;
  }

  .liveModels {
    grid-template-columns: repeat(4, 1fr) !important;
    padding: 1px !important;
  }

  .a__bottom-shadow {
    border-radius: 0 !important;
  }

  .a--squad {
    border-radius: 0 !important;
  }

  .discoverModels .a {
    height: 280px !important;
    border-radius: 0 !important;
  }

  .liveModels .a__controls {
    display: none;
  }

  .discoverPosts {
    grid-template-columns: repeat(4, 1fr) !important;
  }

  .discoverPosts .bL__item {
    height: 200px !important;
  }

  .a {
    border-radius: 1px !important;
  }

  .user-status-icon {
    top: -8% !important;
    left: -5% !important;
    width: 30% !important;
    height: 30% !important;
    background: none !important;
  }
}

.settings-content {
  position: relative;
}

.settings-content__sub-title {
  color: #a0a0a1;
  font-size: 13px;
  font-weight: 400;
  line-height: 16px;
  margin: 16px 0;
}

.settings-wrapper {
  display: flex;
}

.settings-left,
.settings-right {
  flex-basis: 50%;
  min-width: 0;
}

.settings-right {
  padding-left: 20px;
}

.settings-form__actions {
  border-top: 2px solid rgba(255, 255, 255, 0.05);
  display: flex;
  justify-content: flex-end;
  padding-top: 20px;
}

.settings-form__actions .btn-large {
  margin: 0 0 0 16px;
}

.settings-form.settings-form-privacy .select {
  width: 100%;
}

.settings-field {
  margin-bottom: 20px;
}

@media screen and (max-width: 480px) {
  .settings-field {
    justify-content: space-between;
  }
}

.settings-field__tooltip {
  margin-left: 8px;
}

@media screen and (max-width: 480px) {
  .settings-field {
    flex-wrap: wrap;
  }
}

.settings-label {
  color: rgba(255, 255, 255, 0.9);
  display: block;
  font-weight: 700;
  font-size: 0.813rem;
}

.settings-hint,
.settings-label .input-optional {
  color: rgba(255, 255, 255, 0.6);
}

.settings-hint {
  font-size: 0.688rem;
}

.settings-label {
  margin-bottom: 6px;
}

.settings-input {
  margin-bottom: 10px;
}

.settings-input .input-wrapper {
  width: 100%;
}

.settings-input,
.settings-label {
  align-items: center;
  padding-bottom: 0;
  text-align: left;
  display: flex;
  flex-direction: row;
}

.settings-input:last-child,
.settings-label:last-child {
  padding-bottom: 0;
}

.settings-input {
  position: relative;
}

@media screen and (max-width: 480px) {
  .settings-input.settings-input-switcher {
    flex: 0;
  }
}

@media screen and (max-width: 1023px) {
  .settings-wrapper {
    flex-direction: column;
  }

  .settings-left {
    flex-basis: auto;
  }

  .settings-right {
    flex-basis: auto;
    padding: 20px 0 0;
  }
}

.settings-navbar {
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  margin-bottom: 40px;
}

.settings-navbar__tabs.tabs-ds {
  border: 0;
  white-space: nowrap;
}

.settings-navbar__alert-badge {
  left: 100%;
  margin: 0 0 0 2px;
  position: absolute;
  top: 4px;
}

.media-gallery {
  bottom: 0;
  left: 0;
  position: fixed;
  top: 0;
  width: 100vw;
  z-index: 211;
  background: rgb(5 5 6 / 70%);
}

.media-gallery__root {
  min-height: 100vh;
  overflow: hidden;
}

.media-gallery--desktop .media-gallery__content-wrapper {
  transition: right 0.2s;

}

.media-gallery--desktop .media-gallery__thumb {
  overflow: hidden;
}



.streamingWrapper .fluid_video_wrapper video {
  border-radius: 16px;
}

.media-gallery--desktop {
  max-width: 1460px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  height: 100vh;
}

.media-gallery--desktop .media-gallery__content {
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  bottom: 84px;
  left: 0px;
  right: 0px;
  top: 0px;
  border-radius: 16px;
  max-width: 1200px;

}

.media-gallery--desktop .media-gallery__aside-panel {
  bottom: 18px;
  right: 66px;
  top: 24px;
  width: 300px;
}

.media-gallery--desktop.media-gallery--aside .media-gallery__content-wrapper {
  right: 374px;
}

.media-gallery--desktop .media-gallery__info {
  align-items: center;
  bottom: 21px;
  display: flex;
  font-size: 13px;
  height: 36px;
  left: 40px;
}

.media-gallery--desktop .media-gallery__close {
  opacity: 0.5;
  right: 95px;
  top: 44px;
}

.media-gallery--desktop .media-gallery__controls-panel {
  bottom: 20px;
  right: 20px;
}

.media-gallery--desktop .media-gallery__info-sub-title {
  display: none;
}

.media-gallery__bottom-shadow {
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.72) 0, transparent 100%);
  bottom: 0;
  left: 0;
  pointer-events: none;
  position: absolute;
  transition: opacity 0.3s;
  width: 100%;
  z-index: 1;
}

.media-gallery--mobile-portrait .media-gallery__info {
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.72) 0, transparent 100%);
  box-sizing: border-box;
  display: flex;
  font-size: 16px;
  height: 175px;
  justify-content: center;
  left: 0;
  padding: 34px 0 0;
  top: 0;
  width: 100%;
}

.media-gallery--mobile-portrait .media-gallery__close {
  opacity: 0.6;
  right: 26px;
  top: 32px;
}

.media-gallery--mobile-portrait .media-gallery__content {
  bottom: 0;
  left: 0;
  right: 0;
  top: 0;
}

.media-gallery--mobile-portrait .media-gallery__controls-panel {
  bottom: 24px;
  left: 10px;
  right: 10px;
}

.media-gallery--mobile-portrait .media-gallery__bottom-shadow {
  height: 175px;
}

.media-gallery--mobile-portrait .media-gallery__info-icon {
  display: none;
}

.media-gallery--mobile-portrait .media-gallery__info-title {
  bottom: 80px;
  left: 16px;
  position: fixed;
}

.media-gallery--mobile-portrait .video-player__controls {
  padding-bottom: 74px;
}

.media-gallery--mobile-landscape .media-gallery__content {
  bottom: 0;
  left: 0;
  right: 0;
  top: 0;
}

.media-gallery--mobile-landscape .media-gallery__info-title {
  bottom: 24px;
  left: 16px;
  position: fixed;
}

.media-gallery--mobile-landscape .media-gallery__counter {
  opacity: 0.8;
}

.media-gallery--mobile-landscape .media-gallery__info-icon {
  display: none;
}

.media-gallery--mobile-landscape .media-gallery__info {
  font-size: 16px;
  left: 16px;
  top: 24px;
}

.media-gallery--mobile-landscape .media-gallery__bottom-shadow {
  height: 100px;
}

.media-gallery--mobile-landscape .media-gallery__close {
  opacity: 0.6;
  right: 22px;
  top: 24px;
}

.media-gallery--mobile-landscape .media-gallery__controls-panel {
  bottom: 10px;
  right: 10px;
  top: 10px;
}

.media-gallery__content-wrapper {
  left: 50px;
  position: absolute;
  background: #000;
  bottom: 18px;
  right: 66px;
  top: 24px;
  border-radius: 16px;
}

.media-gallery__content {
  position: absolute;
}

.media-gallery__aside-panel {
  position: absolute;
  z-index: 3;
}

.media-gallery__aside-panel--mobile {
  bottom: 0px;
  left: 0;
  right: 0;
  height: 200px;
}

.media-gallery__aside-panel-expand {
  color: #fff;
  cursor: pointer;
  margin: 0 16px 0 0;
  opacity: 0.4;
  position: absolute;
  right: 100%;
  top: 0;
  transition: opacity 0.3s;
}

.media-gallery__aside-panel-expand:hover,
.media-gallery__thumb:hover {
  opacity: 1;
}

.media-gallery__image-desktop,
.media-gallery__play {
  align-items: center;
  display: flex;
  justify-content: center;
}

.media-gallery__play {
  background: rgba(0, 0, 0, 0.6);
  border-radius: 50%;
  height: 20px;
  width: 20px;
}

.media-gallery__image-desktop {
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}

.media-gallery__controls-panel {
  align-items: center;
  box-sizing: border-box;
  display: flex;
  position: absolute;
  transition: opacity 0.3s;
  z-index: 3;
}

.media-gallery__image-thumbs {
  bottom: 22px;
  height: 36px;
  left: 50%;
  max-width: calc(100% - 200px);
  overflow: hidden;
  position: absolute;
  transform: translateX(-50%);
}

.media-gallery__image-thumbs::after,
.media-gallery__image-thumbs::before {
  background: linear-gradient(270deg, transparent 0, rgba(0, 0, 0, 0.7) 52.29%, #000 100%);
  bottom: 0;
  content: "";
  pointer-events: none;
  position: absolute;
  top: 0;
  transition: opacity 0.3s;
  width: 36px;
  z-index: 2;
}

.media-gallery__image-thumbs::after {
  left: 0;
}

.media-gallery__image-thumbs::before {
  right: 0;
  transform: rotate(180deg);
}

.media-gallery__image-thumbs--left-edge::after,
.media-gallery__image-thumbs--right-edge::before {
  opacity: 0;
}

.media-gallery__info-sub-title {
  font-size: 12px;
  font-weight: 700;
  margin: 4px 0 0;
  opacity: 0.8;
}

.media-gallery__image-thumbs-scroll {
  display: flex;
  height: 80px;
  overflow-x: auto;
  overflow-y: hidden;
}

.media-gallery__thumb {
  align-items: center;
  background: no-repeat center;
  background-size: cover;
  border-radius: 12px;
  color: #fff;
  cursor: pointer;
  display: flex;
  flex: 1;
  height: 36px;
  justify-content: center;
  margin: 0 4px;
  min-width: 36px;
  opacity: 0.4;
  pointer-events: none;
  position: relative;
  transition: opacity 0.3s;
}

.media-gallery__thumb--clickable {
  pointer-events: auto;
}

.media-gallery__arrow:hover,
.media-gallery__close:hover,
.media-gallery__thumb--active {
  opacity: 1;
}

.media-gallery__arrow {
  align-items: center;
  bottom: 70px;
  color: #fff;
  display: flex;
  justify-content: center;
  opacity: 0;
  pointer-events: none;
  position: absolute;
  top: 0;
  transition: opacity 0.3s;
  width: 120px;
}

.media-gallery__arrow--active {
  cursor: pointer;
  opacity: 0.6;
  pointer-events: auto;
}

.media-gallery__arrow--left {
  left: 0;
}

.media-gallery__arrow--right {
  right: 0;
}

.media-gallery__info {
  color: #fff;
  display: flex;
  font-size: 13px;
  font-weight: 700;
  height: 36px;
  position: absolute;
  transition: opacity 0.3s;
  z-index: 3;
}

.media-gallery__info-icon {
  align-items: center;
  display: flex;
  height: 32px;
  justify-content: center;
  margin: 0 10px 0 0;
  width: 32px;
}

.media-gallery__counter {
  color: #fff;
  white-space: pre;
}

.media-gallery__counter-text {
  color: #fff;
}

.media-gallery__close {
  color: #fff;
  cursor: pointer;
  position: absolute;
  transition: opacity 0.3s;
  z-index: 5;
}

.media-gallery__close,
.media-gallery__close>svg {
  height: 18px;
  width: 18px;
}

.media-gallery__image-swiper {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}

.media-gallery__image-swiper .image-swiper__arrow {
  display: none;
}

.media-gallery--no-controls .media-gallery__bottom-shadow,
.media-gallery--no-controls .media-gallery__close,
.media-gallery--no-controls .media-gallery__controls-panel,
.media-gallery--no-controls .media-gallery__info {
  opacity: 0;
  pointer-events: none;
}

.cB {
  background-color: #1b1b1d;
  border-radius: 8px;
  max-width: 100%;
  padding: 20px 30px;
  width: 680px;
}

.cB .controls {
  display: flex;
  gap: 16px;
  justify-content: flex-end;
}

.username-input-wrapper .username-input-wrapper-input {
  position: relative;
}

.username-input-wrapper .username-input-wrapper-input .input {
  padding-right: 40px;
}

.username-input-wrapper .username-input-wrapper-input>.icon {
  position: absolute;
  right: 15px;
  top: 50%;
  transform: translateY(-50%);
}

.username-input-wrapper .username-input-wrapper-input>.icon.icon-check-1 {
  color: #629a54;
}

.username-input-wrapper .username-input-wrapper-input>.icon.icon-close-5 {
  fill: #d54d3e;
}

@media screen and (max-width: 1023px) {
  .one-time-tooltip {
    display: block;
  }
}

.progress-bar {
  position: relative;
  display: flex;
  flex-direction: column;
}

.progress-bar__range {
  justify-content: space-between;
  margin-bottom: 5px;
  display: flex;
  flex-direction: row;
}

.progress-bar__progress-range-item {
  color: rgba(255, 255, 255, 0.4);
  font-size: 0.625rem;
  line-height: 0.75rem;
}

.progress-bar__progress-wrapper {
  overflow: hidden;
  position: relative;
  display: flex;
  flex-direction: row;
}

.progress-bar__bubble {
  align-items: center;
  background: #21b062;
  border-radius: 16px;
  display: flex;
  font-size: 11px;
  font-weight: 500;
  height: 16px;
  padding: 0 6px;
  pointer-events: none;
  position: absolute;
  text-shadow: 0 0 1px rgba(0, 0, 0, 0.6);
  top: -5px;
  transform: translateX(-50%);
}

.progress-bar__progress {
  transition: flex 0.2s linear;
  flex: 1;
  flex-basis: auto;
  flex-grow: 0;
  flex-shrink: 1;
}

.progress-bar__text-wrapper {
  align-items: center;
  color: rgba(255, 255, 255, 0.7);
  justify-content: center;
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  display: flex;
  flex-direction: row;
  font-size: 0.75rem;
}

.progress-bar.completed {
  background-color: #4b6b46;
  border-color: #83a266;
  padding: 0;
  transition: all 0.2s ease-in-out 0s;
}

.progress-bar.completed .progress-bar__progress {
  background: #4b6b46;
}

.progress-bar.completed .progress-bar__text-wrapper {
  align-items: center;
  color: #fff;
  display: flex;
  flex-direction: row;
}

.progress-bar.type-striped .progress-bar__progress-wrapper {
  background-color: rgba(24, 24, 24, 0.5);
  border: 1px solid rgba(255, 255, 255, 0.2);
  height: 30px;
  padding: 2px;
}

.progress-bar.type-striped .progress-bar__progress {
  background: #424242 linear-gradient(135deg, rgba(0, 0, 0, 0.15) 25%, transparent 25%, transparent 50%, rgba(0, 0, 0, 0.15) 50%, rgba(0, 0, 0, 0.15) 75%, transparent 75%, transparent);
  background-size: 1rem 1rem;
}

.progress-bar.type-line .progress-bar__progress-wrapper {
  border-radius: 4px;
  height: 6px;
  padding: 0;
}

.progress-bar.type-line .progress-bar__progress {
  border-radius: 4px;
}

.progress-bar.color-green .progress-bar__progress-wrapper {
  background: #3b3b3b;
}

.progress-bar.color-green .progress-bar__progress {
  background: #21b062;
}

.progress-bar.color-yellow .progress-bar__progress-wrapper {
  background: #3b3b3b;
}

.progress-bar.color-yellow .progress-bar__progress {
  background: #ffc107;
}

.progress-bar.color-red .progress-bar__progress-wrapper {
  background: #3b3b3b;
}

.progress-bar.color-red .progress-bar__progress {
  background: #d21b4c;
}

.progress-bar.color-white .progress-bar__progress-wrapper {
  background: rgba(255, 255, 255, 0.2);
}

.progress-bar.color-white .progress-bar__progress {
  background: #fff;
}

.progress-bar.color-goal .progress-bar__progress-wrapper {
  background: rgba(255, 255, 255, 0.2);
}

.progress-bar.color-goal .progress-bar__progress {
  background: linear-gradient(263.02deg, #21b062 0, #9cb93d 100%);
}

.progress-bar.color-default .progress-bar__progress-wrapper {
  background: rgba(24, 24, 24, 0.5);
}

.progress-bar.animated .progress-bar__progress {
  animation: moving-stripes 1s linear infinite;
}

.pagination {
  display: flex;
  justify-content: center;
  margin-top: 20px;
  width: 100%;
  -webkit-user-select: none;
  user-select: none;
}

.pagination .page-button {
  font-size: 0.75rem;
}

.pagination .page-button .icon {
  height: 10px;
  width: 10px;
}

.pagination .page-button .icon:first-child {
  margin-right: 6px;
}

.pagination .page-button .icon:last-child {
  margin-left: 6px;
}

.pagination .page-button:hover,
.pagination .page-button:hover .icon {
  transition: all 60ms ease-in-out 0s;
}

.pagination .page-button.active {
  background: #d60908;
  border: 0;
  color: #fff;
}

@media screen and (max-width: 1023px) {
  .pagination .page-button .icon {
    height: 12px;
    width: 12px;
  }
}

@media (max-width: 600px) and (orientation: landscape) {

  .pagination .page-button.page-button-next,
  .pagination .page-button.page-button-prev {
    padding: 0;
  }
}

.scroll-bar-container {
  overflow: auto;
  position: relative;
}

.scroll-bar-container--overflow-x {
  overflow: auto hidden;
}

.scroll-bar-container.always-visible .ps__rail-x,
.scroll-bar-container.always-visible .ps__rail-y {
  opacity: 0.6;
}

.scroll-bar-container__shadow {
  opacity: 0;
  pointer-events: none;
  position: absolute;
  transition: opacity 0.3s;
  z-index: 2;
}

.scroll-bar-container__shadow--top {
  background: linear-gradient(180deg, #1b1b1d 0, rgba(27, 27, 29, 0) 100%);
  height: 26px;
  left: 0;
  top: 0;
  width: 100%;
}

.scroll-bar-container__shadow--bottom {
  background: linear-gradient(0, #1b1b1d 0%, rgba(27, 27, 29, 0) 100%);
  bottom: 0;
  height: 26px;
  left: 0;
  width: 100%;
}

.scroll-bar-container__shadow--left {
  background: linear-gradient(90deg, #050506 0, rgba(5, 5, 6, 0.9) 22.97%, rgba(5, 5, 6, 0.01) 100%);
  bottom: 0;
  height: auto;
  left: 0;
  top: 0;
  width: 56px;
}

.scroll-bar-container__shadow--right {
  background: linear-gradient(270deg, #050506 0, rgba(5, 5, 6, 0.9) 22.97%, rgba(5, 5, 6, 0.01) 100%);
  bottom: 0;
  height: auto;
  right: 0;
  top: 0;
  width: 62px;
}

.scroll-bar-container__arrow:hover,
.scroll-bar-container__shadow--visible {
  opacity: 1;
}

.scroll-bar-container__arrow {
  align-items: center;
  color: #fff;
  cursor: pointer;
  display: flex;
  justify-content: center;
  opacity: 0;
  pointer-events: none;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  transition: opacity 0.3s;
  z-index: 2;
}

.scroll-bar-container__arrow--left {
  left: 7px;
  transform: translateY(-50%) rotate(180deg);
}

.scroll-bar-container__arrow--right {
  right: 7px;
}

.scroll-bar-container__arrow--visible {
  opacity: 0.7;
  pointer-events: auto;
}

.scroll-bar-container-wrapper {
  position: relative;
}

.media-uploader {
  background-color: #1b1b1d;
  border-radius: 8px;
  max-width: 100%;
}

.media-uploader--size--big {
  padding: 20px 30px;
  width: 680px;
}

.media-uploader__subtitle {
  font-size: 0.813rem;
  line-height: 1.125rem;
  color: #f8f8f8;
  margin-top: 10px;
}

.media-uploader .title {
  font-size: 22px;
  font-weight: 700;
}

@media (max-width: 767px) {
  .media-uploader .title {
    font-size: 20px;
  }
}

.media-uploader .price {
  background-color: #272727;
  border-radius: 8px;
  display: flex;
  justify-content: space-between;
  margin: 28px 0 16px;
  padding: 12px 20px;
}

.media-uploader .price-label {
  color: #fff;
  font-size: 13px;
  font-weight: 700;
  opacity: 0.6;
}

.media-uploader .price-value {
  color: #ff3332;
  font-weight: 700;
}

.media-uploader .price-value .icon {
  fill: currentColor;
}

.media-uploader .free-price {
  color: #fff;
  font-weight: 700;
}

.media-uploader .uploading-form {
  display: none;
}

.media-uploader .camera-icon {
  height: 30px;
  width: 34px;
}

.media-uploader .file-icon {
  fill: currentColor;
  height: 30px;
  width: 34px;
}

.media-uploader .upload-label {
  font-size: 14px;
  font-weight: 700;
  margin-top: 10px;
}

.media-uploader .policy {
  color: #707071;
  font-size: 12px;
  line-height: 15px;
  margin-top: 20px;
  text-align: left;
}

.media-uploader .controls {
  display: flex;
  justify-content: flex-end;
  margin-top: 20px;
}

.media-uploader .controls-with-divider {
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  padding-top: 20px;
}

.media-uploader .control-button {
  margin-bottom: 0;
  margin-left: 20px;
}

@media screen and (max-width: 767px) {
  .media-uploader--size--big {
    padding: 10px 14px;
  }
}

.toast-notification {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  position: relative;
  transition: height 0.5s;
  width: 100%;
}

.toast-notification--disabled {
  filter: grayscale(1);
  opacity: 0.5;
}

.toast-notification__content {
  flex: 1;
  padding-right: 8px;
}

.toast-notification__wrapper {
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  background: #232325;
  border-radius: 12px;
  box-shadow: 0 0 12px rgba(0, 0, 0, 0.22), 0 19px 38px rgba(0, 0, 0, 0.3);
  color: #fff;
  display: flex;
  padding: 16px 20px;
  position: relative;
  width: 100%;
}

.toast-notification__wrapper--hidden {
  bottom: 0;
  position: absolute;
}

.toast-notification__wrapper--show-animate {
  animation-name: toast-animation-show;
}

.toast-notification__wrapper--hide-animate {
  animation-name: toast-animation-hide;
}

.toast-notification__wrapper--hide-animate .toast-notification__close {
  display: none;
}

.toast-notification__icon-wrapper {
  min-width: 40px;
  width: 40px;
}

.toast-notification__icon--size--small {
  height: 20px;
  width: 20px;
}

.toast-notification__icon--size--medium {
  height: 24px;
  width: 24px;
}

.toast-notification__icon--accent {
  color: #ff3332;
}

.toast-notification__icon.icon-message {
  color: rgba(255, 255, 255, 0.8);
}

.toast-notification__icon.icon-check-round-fill {
  color: #21b062;
}

.toast-notification__icon.icon-wrong-triangle-fill {
  color: #ffc107;
}

.toast-notification__icon.icon-blocked-fill {
  color: #d21b4c;
}

.toast-notification__title {
  font-size: 16px;
  font-weight: 700;
  line-height: 20px;
}

.toast-notification__description {
  color: #a0a0a1;
  font-size: 12px;
  line-height: 16px;
  margin: 8px 0 0;
}

.toast-notification__actions {
  display: flex;
  justify-content: flex-end;
  margin: 16px 0 0;
}

.toast-notification__button {
  margin-left: 16px;
}

.toast-notification__close {
  align-items: center;
  cursor: pointer;
  display: flex;
  justify-content: center;
  opacity: 0.4;
  padding: 4px;
  position: absolute;
  right: 10px;
  top: 10px;
  transition: opacity 0.3s;
}

.toast-notification__close:hover {
  opacity: 1;
}

.toast-notification__close-icon {
  height: 11px;
  width: 11px;
}

.cm__content {
  padding: 60px;
}

@media screen and (max-width: 639px) {
  .cm__content {
    padding: 40px 20px 20px;
  }
}

.cm__card {
  background: #232325;
  border-radius: 12px;
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding: 20px;
}

.cm__card--size--s {
  gap: 14px;
}

.cm__row {
  color: #a0a0a1;
  font-size: 14px;
  font-weight: 400;
  line-height: 140%;
}

.cD {
  max-width: 100%;
  padding: 20px;
}

.cD__icon-container {
  color: #21b062;
  display: flex;
  justify-content: center;
  margin-bottom: 16px;
}

.cD__title {
  margin: 0;
  text-align: center;
  white-space: pre-line;
}

.cD__iframe {
  margin-top: 20px;
  position: relative;
}

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

.tip-modal__content {
  padding: 0 20px 12px;
}

.tip-modal__content .textarea {
  margin: 12px 0 0;
  min-height: 80px;
}

.tip-modal__content .radio-pill-controls {
  column-gap: 12px;
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  margin: 0 0 12px;
  row-gap: 12px;
}

.founds-modal__content .radio-pill-controls {
  grid-template-columns: repeat(3, 1fr) !important;
  padding-left: 30px;
  padding-right: 30px;
}

.tip-modal__content .radio-pill-controls .radio-pill-controls__item {
  margin: 0;
  padding: 0;
}

.tip-modal__content .radio-pill-controls .radio-pill-controls__item:last-child {
  padding: 0 24px;
}

.tip-modal__user {
  align-items: center;
  display: flex;
  padding: 20px 20px 32px;
  margin-left: 30px;
}

@media screen and (max-width: 639px) {
  .tip-modal__content .radio-pill-controls {
    grid-template-columns: repeat(3, 1fr);
    padding-left: 0px;
    padding-right: 0px;
  }

  .tip-modal__user {
    margin-left: 0;
  }
}

.tip-modal__user .avatar {
  height: 64px;
  width: 64px;
}

.tip-modal__user-meta {
  margin-left: 12px;
}

.tip-modal__user-subtitle {
  color: #707071;
  font-size: 14px;
  font-weight: 500;
  line-height: 17px;
  margin: 0 0 4px;
}

.tip-modal__submit {
  margin: 32px auto 12px;
  width: 280px;
}

.tip-modal__vat {
  color: #707071;
  display: block;
  font-size: 12px;
  font-weight: 500;
  line-height: 15px;
}

@media screen and (max-width: 639px) {
  .tip-modal__user {
    padding-bottom: 20px;
  }

  .tip-modal__user .avatar {
    height: 40px;
    width: 40px;
  }

  .tip-modal__user .displayname__name {
    font-size: 0.875rem;
    line-height: 1.063rem;
  }

  .tip-modal__user-subtitle {
    font-size: 12px;
    font-weight: 500;
    line-height: 15px;
  }
}

.improve-my-club {
  max-width: 100%;
  padding: 20px;
}

.improve-my-club__icon-container {
  color: #21b062;
  display: flex;
  justify-content: center;
  margin-bottom: 16px;
}

.improve-my-club__title {
  margin: 0;
  text-align: center;
  white-space: pre-line;
}

.improve-my-club__iframe {
  margin-top: 20px;
  position: relative;
}

.improve-my-club__loader {
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
}

.trial-subscribe-error-modal__description {
  max-width: 300px;
}

.creator-lists-modal__body {
  display: flex;
  flex: 1;
  flex-direction: column;
  margin: 0 auto;
  max-width: 100%;
  min-height: 500px;
  overflow-y: auto;
  width: 500px;
}

.creator-lists-modal__title {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.creator-lists-modal__content {
  flex: 1;
}

.creator-lists-modal__input-wrapper {
  padding: 20px 20px 0;
}

.creator-lists-modal__lists-wrapper {
  height: 304px;
  padding: 0 20px;
}

.creator-lists-modal__list-item {
  align-items: center;
  border-bottom: 1px solid rgba(255, 255, 255, 0.05);
  display: flex;
  gap: 10px;
  justify-content: space-between;
  padding: 10px 0;
}

.creator-lists-modal__list-item--last {
  border: 0;
}

.creator-lists-modal__list-info {
  max-width: 50%;
}

.creator-lists-modal__list-title {
  align-items: center;
  display: flex;
  flex-wrap: nowrap;
  gap: 5px;
  margin-bottom: 2px;
}

.creator-lists-modal__description,
.creator-lists-modal__name {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.creator-lists-modal__description {
  color: #a0a0a1;
}

.creator-lists-modal__right-part {
  align-items: center;
  display: flex;
  gap: 20px;
  justify-content: flex-end;
}

.creator-lists-modal__actions {
  display: grid;
  place-items: center;
  width: 70px;
}

.creator-lists-modal__users-count {
  color: #a0a0a1;
  white-space: nowrap;
}

.on-boarding {
  background: radial-gradient(104.18% 126.71%at 69.22% 14.96%, #481974 0, #060506 100%), #050506;
  max-width: 592px;
  position: relative;
}

.on-boarding::before {
  background: url(/assets/common/components/ui/OnBoarding/mark.svg) no-repeat;
  content: "";
  height: 289px;
  opacity: 0.06;
  pointer-events: none;
  position: absolute;
  right: 0;
  top: 0;
  width: 228px;
}

.on-boarding__scroll {
  overflow: hidden;
  width: 100%;
}

.on-boarding__content {
  display: grid;
}

.on-boarding__counter {
  font-size: 18px;
  font-weight: 400;
  left: 72px;
  line-height: 22px;
  position: absolute;
  top: 64px;
}

.on-boarding__controls {
  bottom: 44px;
  display: flex;
  left: 72px;
  position: absolute;
}

.on-boarding__control {
  align-items: center;
  background: var(--primary-border);
  border: 0;
  border-radius: 50%;
  color: #000;
  cursor: pointer;
  display: flex;
  height: 32px;
  justify-content: center;
  padding: 0 0 0 2px;
  transition: opacity 0.3s;
  width: 32px;
}

.on-boarding__control:hover {
  background: #9e40fd;
}

.on-boarding__control--prev {
  margin: 0 15px 0 0;
  transform: rotate(180deg);
}

.on-boarding__control:disabled {
  background: rgba(177, 56, 255, 0.6);
  pointer-events: none;
}

.on-boarding__show-later {
  bottom: 52px;
  color: #fff;
  cursor: pointer;
  font-size: 11px;
  font-weight: 400;
  line-height: 13px;
  opacity: 0.4;
  position: absolute;
  right: 72px;
  text-transform: uppercase;
}

.on-boarding__show-later--mobile {
  display: inline-block;
  margin: 0 0 32px;
  position: static;
}

.on-boarding__show-later.active,
.on-boarding__show-later:hover {
  opacity: 0.8;
}

.on-boarding__copy-link {
  margin: 26px 0 0;
  max-width: 366px;
}

@media screen and (max-width: 767px) {
  .on-boarding {
    text-align: center;
  }

  .on-boarding__content {
    display: block;
    width: auto !important;
  }

  .on-boarding::before,
  .on-boarding__controls,
  .on-boarding__counter,
  .on-boarding__show-later--desktop {
    display: none;
  }
}

.cE__header {
  align-items: center;
  border-bottom: 2px solid rgba(255, 255, 255, 0.05);
  display: flex;
  gap: 20px;
  justify-content: flex-start;
  padding: 20px;
}

.cE__content {
  padding: 0 20px;
}

.cE__items-list {
  height: 320px;
}

.cE__footer {
  border-top: 2px solid rgba(255, 255, 255, 0.05);
  display: grid;
  min-height: 100px;
  padding: 20px;
  place-items: center;
}

.cE__footer-content {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 12px;
  justify-content: center;
  max-width: 320px;
}

.cE__my-club-icon {
  color: #ff3332;
  margin-right: 4px;
  transform: rotate(-30deg);
}

.cV {
  background: #303030;
}

.cV__body,
.cV__content {
  display: flex;
  flex: 1;
  flex-direction: column;
  margin: 0 auto;
  overflow: hidden;
  width: 100%;
}

.cV__content {
  max-height: 100%;
  padding: 20px;
  position: relative;
}

.cV__thumbs-wrapper {
  flex: 1;
  height: 70px;
  position: relative;
  transition: opacity 0.3s;
}

.cV__thumbs-wrapper--disabled {
  opacity: 0.6;
  pointer-events: none;
}

.cV__thumbs-wrapper .buttons-form-list {
  padding: 8px 0 0;
}

.cV__thumbs {
  bottom: 0;
  column-gap: 12px;
  display: flex;
  height: inherit;
  left: -10px;
  overflow: auto;
  padding: 10px 0 0 10px;
  position: absolute;
  top: 0;
  width: 100%;
}

.cV__thumb-add {
  align-items: center;
  background: #343437;
  border-radius: 8px;
  color: #707071;
  cursor: pointer;
  display: flex;
  height: 60px;
  justify-content: center;
  min-width: 36px;
  position: relative;
  width: 36px;
}

.cV__thumb-add:hover {
  color: #cfcfd0;
}

.cV__mobile-back {
  align-items: center;
  backdrop-filter: blur(4px);
  background: rgba(5, 5, 6, 0.4);
  border: 0;
  border-radius: 50%;
  color: #fff;
  display: flex;
  height: 48px;
  justify-content: center;
  left: 12px;
  position: absolute;
  top: 12px;
  width: 48px;
}

.cV__mobile-submit-button.btn {
  border-radius: 60px;
  height: 48px;
  padding: 12px 20px;
}

.cV__tag-creators {
  min-height: 316px;
}

.cV__add-dropdown {
  animation: opacity-fade-top-show 0.3s;
  position: fixed;
  z-index: 500;
}

.cV__move-border {
  border: 1px dashed #fff;
  border-radius: 16px;
  bottom: 11%;
  left: 3%;
  pointer-events: none;
  position: absolute;
  right: 3%;
  top: 11%;
  transition: opacity 0.3s;
}

.cV__move-border--hidden {
  opacity: 0;
}

.cV__error-banner {
  align-items: center;
  background: rgba(0, 0, 0, 0.6);
  border-radius: 20px;
  bottom: 12px;
  display: flex;
  gap: 18px;
  left: 12px;
  padding: 4px 18px;
  position: absolute;
  right: 12px;
}

@media (min-height: 580px) {
  .cV__body .upload-media__button {
    height: 242px;
  }
}

.cV__bottom-drawer-wrapper {
  bottom: 0;
  display: flex;
  flex-direction: column;
  justify-content: end;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 3;
}

.cV__bottom-drawer {
  animation: move-bottom-right 0.25s;
  background: #1b1b1d;
  height: 50%;
  max-height: 50vh;
  padding: 20px;
}

.cV__body .upload-media__actions {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.cV__body .upload-media__button {
  height: 130px;
}

.cJ__action-container {
  align-items: center;
  display: flex;
  gap: 16px;
  justify-content: flex-end;
}

.cJ__action-container--success {
  justify-content: center;
}

.post-editor-modal .tile-header {
  pointer-events: none;
}

.post-editor-modal__content {
  flex: 1;
  margin: 0 auto;
  overflow: hidden;
  padding: 20px;
  position: relative;
  width: 100%;
}

.post-editor-modal__content--min-height {
  min-height: min(380px, 50vh);
}

.post-editor-modal__content--webcam {
  display: flex;
}

.post-editor-modal__settings-items>.cs:not(:first-child) {
  border-top: 1px solid rgba(255, 255, 255, 0.05);
}

.post-editor-modal__tagged-users-list {
  color: #707071;
  font-size: 14px;
  font-weight: 500;
  max-width: 100%;
  overflow: hidden;
  text-align: end;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 190px;
}

.post-editor-modal-wrapper .p__button {
  display: none;
}

.post-editor-modal-wrapper .p__content {
  padding-right: 20px;
}

.post-editor-modal-wrapper .modal-content {
  max-width: 100%;
}

.post-editor-modal-wrapper .inner-form-title {
  align-items: center;
  display: flex;
  margin: 0 0 12px;
}

.post-editor-modal-wrapper .form-description {
  font-size: 14px;
  font-weight: 400;
  letter-spacing: normal;
  line-height: 1.3;
  margin-bottom: 20px;
  opacity: 0.6;
}

.post-editor-modal-wrapper .panel-image label {
  color: rgba(255, 255, 255, 0.4);
  font-size: 0.813rem;
}

.post-editor-modal-wrapper .panel-image button {
  margin-right: 0;
}

.post-editor-modal-wrapper .panel-image .icon-close-2 {
  color: rgba(255, 255, 255, 0.6);
  height: 16px;
  margin: 0;
  width: 16px;
}

.post-editor-modal-wrapper--section .footer-actions-container {
  visibility: hidden;
}

.post-editor-modal-wrapper .panel-body textarea {
  min-height: 110px;
}

.post-editor-modal-wrapper--preview {
  align-self: center;
}

.post-editor-modal-wrapper--preview form> :not(.footer-actions-container) {
  display: none;
}

.post-editor-modal-wrapper--webcam-opened .footer-actions-container,
.post-editor-modal-wrapper--webcam-opened .form-description,
.post-editor-modal-wrapper--webcam-opened .panel-body,
.post-editor-modal-wrapper--webcam-opened .panel-field-optional,
.post-editor-modal-wrapper--webcam-opened .panel-image>label,
.post-editor-modal-wrapper--webcam-opened .panel-preview-toggle,
.post-editor-modal-wrapper--webcam-opened .panel-title,
.post-editor-modal-wrapper--webcam-opened>.inner-form-title {
  display: none;
}

.post-editor-modal-wrapper__footer-actions {
  display: grid;
  grid-auto-flow: row;
  grid-row-gap: 20px;
  width: 100%;
}

.post-editor-modal-wrapper__footer-actions .modal-footer-bottom {
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  width: 100%;
}

.post-editor-modal-wrapper__submit-button {
  min-width: 122px;
  transition: opacity 0.3s;
}

.post-editor-modal-wrapper__preview-header {
  display: flex;
  gap: 10px;
}

.post-editor-modal-wrapper__preview-body-wrapper {
  flex: 1;
}

.panel-preview-toggle {
  align-self: center;
  display: inline-flex;
}

.panel-preview-toggle button {
  align-content: center;
  align-items: center;
  background-color: transparent;
  border: 0;
  color: rgba(255, 255, 255, 0.8);
  cursor: pointer;
  display: inline-flex;
  outline: 0;
  padding: 0;
  font-size: 0.813rem;
}

.panel-preview-toggle button .icon {
  fill: rgba(255, 255, 255, 0.8);
  height: 18px;
  margin-right: 7px;
  width: 18px;
}

.panel-preview-toggle button:hover .icon {
  fill: #fff;
}

.panel-preview-toggle__title {
  display: inline;
}

@media screen and (max-width: 390px) {
  .panel-preview-toggle__title {
    display: none;
  }
}

.panel-preview-toggle button:hover,
.post-editor-modal-wrapper .scheduled-button-active {
  color: #fff;
}

.panel-preview-toggle button:active {
  transform: translateY(1px);
}

.panel-preview-toggle button[disabled] {
  opacity: 0.33;
  pointer-events: none;
}

.panel-field__counters-info {
  border-radius: 6px;
  font-size: 13px;
  line-height: 18px;
  margin: 12px 0 24px;
  padding-top: 10px;
  text-align: center;
}

.panel-field label {
  color: rgba(255, 255, 255, 0.9);
  display: block;
  margin-bottom: 12px;
  text-align: left;
  font-size: 0.813rem;
}

.panel-field label .input-optional {
  color: rgba(255, 255, 255, 0.6);
}

.panel-field textarea {
  border-radius: 12px;
  height: 60px;
  width: 100%;
}

.panel-field+.panel-field {
  margin-top: 20px;
}

.panel-field.disabled {
  opacity: 0.2;
  pointer-events: none;
}

.panel-field-invalid .input,
.panel-field-invalid .textarea {
  border: 1px solid #fa5365;
}

.teaser-post-settings {
  align-items: start;
  display: grid;
  grid-auto-flow: row;
  grid-row-gap: 8px;
  margin-bottom: 24px;
  margin-top: -16px;
}

.teaser-post-settings__title {
  font-size: 13px;
  font-weight: 500;
}

.landing-ability {
  position: relative;
}

.landing-ability__observer {
  pointer-events: none;
  position: absolute;
  top: 40vh;
}

.landing-ability__content-wrapper {
  align-items: center;
  display: flex;
  justify-content: space-between;
}

.landing-ability__content-wrapper--is-right .landing-ability__description,
.landing-ability__is-right .landing-ability__description {
  margin-left: 40px;
  margin-right: 0;
}

.landing-ability__description {
  flex: 1;
  margin-right: 40px;
}

.landing-ability__content {
  flex: 1;
  position: relative;
}

.landing-ability__suptitle {
  color: #707071;
  font-size: 24px;
  line-height: 28px;
  margin-bottom: 20px;
}

.landing-ability__title {
  font-size: 2.75rem;
  line-height: 3.125rem;
  font-weight: 700;
  margin: 0 0 20px;
}

.landing-ability__subtitle {
  color: #cfcfd0;
  margin-bottom: 18px;
  font-size: 1rem;
  line-height: 1.75rem;
}

.landing-ability__tell-me-more {
  align-items: center;
  color: #a0a0a1;
  cursor: pointer;
  display: inline-flex;
  text-decoration: none;
  transition: color 0.3s;
  font-size: 1rem;
  line-height: 1.75rem;
}

.landing-ability__tell-me-more:hover {
  color: #fff;
  text-decoration: none;
}

.landing-ability__tell-me-more:hover>.arrow-down-animated {
  background-color: #d60908;
  border-color: rgba(138, 24, 252, 0.3);
}

.landing-ability__tell-me-more:hover>.arrow-down-animated>.arrow-down-animated__content--animated-hover {
  animation: arrow-down-animated-move 0.5s;
}

@media screen and (max-width: 1023px) {
  .landing-ability__title {
    font-size: 1.5rem;
    line-height: 2.375rem;
  }

  .landing-ability__subtitle {
    line-height: 1.6rem;
  }
}

@media screen and (max-width: 767px) {
  .landing-ability__content-wrapper {
    align-items: flex-start;
    flex-direction: column;
    justify-content: flex-start;
  }

  .landing-ability__content-wrapper--is-right {
    flex-direction: column-reverse;
  }

  .landing-ability:not(:last-child) {
    margin-bottom: 20px;
  }

  .landing-ability__content {
    width: 100%;
  }

  .landing-ability__suptitle {
    font-size: 1.125rem;
    line-height: 1.75rem;
  }

  .landing-ability__title {
    font-size: 1.375rem;
    line-height: 1.688rem;
    font-weight: 700;
  }

  .landing-ability__content-wrapper--is-right .landing-ability__description,
  .landing-ability__description {
    margin: 0;
    max-width: calc(100vw - 48px);
  }

  .landing-ability__subtitle {
    font-size: 1rem;
    line-height: 1.625rem;
    font-weight: 400;
  }
}

.landing-ability--animated--is-waiting .landing-ability__content,
.landing-ability--animated--is-waiting .landing-ability__description {
  opacity: 0;
}

.landing-ability--animated--type-1 .landing-ability__content {
  animation-duration: 0.5s;
  animation-name: ability-animation-for-left;
}

.landing-ability--animated--type-1 .landing-ability__description,
.landing-ability--animated--type-2 .landing-ability__content {
  animation-duration: 0.5s;
  animation-name: ability-animation-for-right;
}

.landing-ability--animated--type-2 .landing-ability__description {
  animation-duration: 0.5s;
  animation-name: ability-animation-for-left;
}

.range {
  align-items: center;
  display: flex;
  position: relative;
}

.range__virtual-track {
  background: 0 0;
  cursor: pointer;
  height: 32px;
  left: 0;
  margin-top: -13px;
  position: absolute;
  top: 0;
  width: 100%;
}

.range__track {
  background-color: rgba(255, 255, 255, 0.4);
  border-radius: 3px;
  cursor: pointer;
  height: 6px;
  width: 100%;
}

.range__track-active {
  background-color: #ff3332;
  position: absolute;
}

.range__marks-wrapper {
  align-items: center;
  cursor: pointer;
  display: flex;
  height: 100%;
  justify-content: space-around;
  left: 0;
  position: absolute;
  width: 100%;
}

.range__mark {
  background-color: #fff;
  border: 3px solid #0b0313;
  border-radius: 6px;
  bottom: calc(50% - 6px);
  box-sizing: content-box;
  height: 6px;
  margin: 0 8px;
  width: 6px;
}

.range__handle-wrapper {
  align-items: center;
  background-color: #d60908;
  border-radius: 16px;
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.05), 0 2px 4px rgba(0, 0, 0, 0.07);
  cursor: pointer;
  display: flex;
  height: 32px;
  justify-content: center;
  position: absolute;
  transition: left 0.05s ease;
  width: 32px;
}

.range__handle,
.range__marker {
  background-color: #fff;
  border-radius: 6px;
  height: 12px;
  width: 12px;
}

.range__marker {
  border: 3px solid #303030;
  border-radius: 5px;
  height: 9px;
  width: 9px;
}

@media screen and (max-width: 1023px) {
  .range__handle-wrapper {
    transition: none;
  }
}

.bA {
  height: 100%;
  left: 0;
  pointer-events: none;
  position: absolute;
  top: 0;
  width: 100%;
}

.bA__svg {
  display: block;
}

.displayname {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  min-width: 0;
}

.displayname__name {
  color: #fff;
  font-weight: 500;
  margin: 0;
  white-space: initial;
  z-index: 1;
}

.displayname__name--text-overflow,
.displayname__name-text--accent {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.displayname__name-text--accent {
  background: #ff3332;
  border-radius: 6px;
  color: #fff;
  display: inline-block;
  padding: 2px 6px;
}

.displayname--size--big>.displayname__name {
  font-size: 3rem;
}

.displayname--size--big .icon {
  height: 32px;
  pointer-events: auto;
  vertical-align: baseline;
  width: 32px;
}

.displayname--size--medium>.displayname__name {
  font-size: 1.125rem;
}

.displayname--size--medium .icon {
  height: 16px;
  pointer-events: auto;
  vertical-align: baseline;
  width: 16px;
}

.displayname--size--medium-ll>.displayname__name {
  font-size: 28px;
}

.displayname--size--medium-ll .icon {
  height: 20px;
  pointer-events: auto;
  vertical-align: baseline;
  width: 20px;
}

.displayname--size--medium-l>.displayname__name {
  font-size: 1.375rem;
}

.displayname--size--medium-l .icon {
  height: 20px;
  pointer-events: auto;
  vertical-align: baseline;
  width: 20px;
}

.displayname--size--small>.displayname__name {
  font-size: 1rem;
}

.displayname--size--small .icon {
  height: 20px;
  pointer-events: auto;
  position: relative;
  top: -5px;
  width: 20px;
  display: inline-flex;
}

.displayname--size--small-x>.displayname__name {
  font-size: 15px;
}

.displayname--size--small-x .icon {
  height: 20px;
  pointer-events: auto;
  position: relative;
  top: -2px;
  width: 20px;
}

.displayname--size--small-xx>.displayname__name {
  font-size: 13px;
  line-height: 120%;
}

.displayname--size--small-xx .icon {
  height: 14px;
  pointer-events: auto;
  position: relative;
  top: -1px;
  width: 14px;
}

.displayname--size--small-xx .displayname__verified--accent .icon {
  top: -6px;
}

.displayname--size--small-xxx>.displayname__name {
  font-size: 12px;
}

.displayname--size--small-xxx .icon {
  height: 12px;
  pointer-events: auto;
  position: relative;
  top: -1px;
  width: 12px;
}

.displayname__official-tooltip {
  backdrop-filter: blur(2px);
  background: rgba(35, 35, 37, 0.9);
  border-radius: 12px;
  max-width: 220px;
  padding: 20px;
  position: relative;
}

.displayname__official-tooltip::before {
  backdrop-filter: blur(2px);
  background: inherit;
  border-bottom-left-radius: 2px;
  clip-path: polygon(0 0, 0 100%, 100% 100%);
  content: "";
  height: 10px;
  left: 50%;
  position: absolute;
  top: 100%;
  transform: translateY(-50%) translateX(-50%) rotate(-45deg);
  width: 10px;
}

.bottom .displayname__official-tooltip::before {
  bottom: 100%;
  top: auto;
  transform: translateY(50%) translateX(-50%) rotate(135deg);
}

.left .displayname__official-tooltip::before {
  left: 100%;
  top: 50%;
  transform: translateY(-50%) translateX(-50%) rotate(-135deg);
}

.right .displayname__official-tooltip::before {
  left: auto;
  right: 100%;
  top: 50%;
  transform: translateY(-50%) translateX(-50%) rotate(45deg);
}

.displayname__official-tooltip-header {
  align-items: center;
  display: flex;
  gap: 16px;
  justify-content: center;
  margin-bottom: 20px;
  padding-left: 10px;
}

.displayname__official-tooltip-title {
  color: #fff;
  font-size: 16px;
  font-weight: 500;
  line-height: 125%;
}

.displayname__official-tooltip-description {
  color: #a0a0a1;
  font-size: 12px;
  font-weight: 400;
  line-height: 140%;
  text-align: center;
}

.displayname__official-tooltip-icon {
  height: 48px;
  width: 48px;
}

.displayname__short-name {
  display: inline-block;
  max-width: 156px;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: text-bottom;
  white-space: nowrap;
}

.display-full-name {
  font-size: 0.85rem;
  color: rgba(255, 255, 255, 0.85);
  flex-grow: 1;
  margin: 0;
}

.display-full-name__nickname {
  display: block;
  margin: 2px 0 0;
}

.display-full-name__nickname--text-overflow {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.display-full-name .username {
  font-size: 0.938rem;
  margin: -1px 0 3px;
}

.my-collection-content {
  margin: 44px 0 24px;
}

.my-collection-model>a,
.my-collection-model>a:hover {
  color: #fff;
  display: block;
  position: relative;
  text-decoration: none !important;
}

.my-collection-model .head {
  padding-bottom: 10px;
  display: flex;
  flex-direction: row;
}

.my-collection-model .head .avatar {
  height: 40px;
  width: 40px;
}

.my-collection-model .head .left {
  flex: 1;
  flex-basis: auto;
  flex-grow: 0;
  flex-shrink: 1;
}

.my-collection-model .head .right {
  align-self: center;
  margin-left: 12px;
  flex: 1;
  flex-basis: auto;
  flex-grow: 1;
  flex-shrink: 0;
}

.my-collection-model .head .name {
  color: var(--primary-light);
  margin: 0 0 2px;
  font-size: 0.875rem;
}

.my-collection-model .head .details {
  opacity: 0.5;
  font-size: 0.75rem;
}

.my-collection-model .preview {
  background-position: center;
  background-size: cover;
  border-radius: 18px;
  padding-bottom: 75%;
  position: relative;
}

.my-collection-model .preview.empty {
  background-color: #4f4f4f;
}

.my-collection-model .preview.empty .icon {
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  fill: #fff;
  opacity: 0.2;
}

.my-collection-model .preview .details-wrapper {
  background-image: linear-gradient(180deg, transparent 0, rgba(0, 0, 0, 0.75) 100%);
  bottom: 0;
  left: 0;
  padding: 10px;
  pointer-events: none;
  position: absolute;
  right: 0;
}

.my-collection-model .preview .details {
  color: #fff;
  display: flex;
  flex-direction: row;
  text-shadow: 1px 1px rgba(0, 0, 0, 0.4);
}

.my-collection-model .preview .left {
  line-height: 16px;
  overflow: hidden;
  flex: 1;
  flex-basis: auto;
  flex-grow: 1;
  flex-shrink: 1;
}

.my-collection-model .preview .right {
  align-self: flex-end;
  line-height: 16px;
  flex: 1;
  flex-basis: auto;
  flex-grow: 0;
  flex-shrink: 1;
}

.ff {
  height: 100%;
  position: relative;
}

.f__content-wrapper {
  background: #232325;
  border-radius: 16px;
  height: 100%;
  overflow: hidden;
}

.f__counters {
  color: #a0a0a1;
  font-size: 12px;
  padding: 12px 20px 20px;
}

.f__price {
  color: #fff;
  font-size: 10px;
  font-weight: 700;
  margin: 0 0 4px;
  text-transform: uppercase;
}

.f__nickname {
  display: block;
  margin: 0 0 16px;
}

.f__info {
  font-size: 0.75rem;
  color: rgba(255, 255, 255, 0.6);
  flex-grow: 1;
  margin: 0;
}

.f__info .username {
  font-size: 0.938rem;
  margin: -1px 0 3px;
}

.f__actions {
  display: flex;
  flex-direction: row;
  align-items: center;
  border-top: 1px solid rgba(255, 255, 255, 0.05);
  justify-content: flex-end;
  margin: 16px 0 0;
  padding: 16px 0 0;
}

.f__actions .icon {
  height: 16px;
  margin: 0 12px 0 0;
  min-width: 16px;
  width: 16px;
}

.f__actions .btn {
  align-items: center;
  display: flex;
  margin: 0 0 0 6px;
}

.f__link {
  color: rgba(255, 255, 255, 0.4);
  cursor: pointer;
  transition: all 0.15s linear;
  font-size: 0.75rem;
}

.f__link:hover {
  color: rgba(255, 255, 255, 0.6);
}

.f__status {
  font-size: 0.75rem;
  margin-bottom: 10px;
}

.f__status.active {
  color: #40d364;
}

.f__status.canceled,
.f__status.inactive {
  color: rgba(255, 255, 255, 0.6);
}

.f__status.suspended {
  color: #fa5365;
}

.f .favorite-button {
  position: absolute;
  right: 20px;
  top: 12px;
}

@media screen and (max-width: 479px) {
  .f {
    flex-flow: column;
  }
}

.ff__content {
  padding: 0 20px 20px;
}

.auth-form {
  display: flex;
  flex: 1;
  flex-direction: column;
  justify-content: center;
}

.auth-form__fading-input {
  max-height: 100px;
}

.auth-form__fading-input:not(:last-child) {
  margin-bottom: 16px;
}

.auth-form__title {
  font-size: 1.375rem;
  line-height: 1.679rem;
  font-weight: 500;
  margin-bottom: 24px;
  text-align: center;
}

.auth-form__social-login {
  column-gap: 12px;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
}

.auth-form__social-login .icon {
  margin-right: 10px;
}

.auth-form__divider {
  margin: 24px 0;
  padding: 0 76px;
  text-align: center;
  font-size: 0.75rem;
  line-height: 0.938rem;
}

.auth-form__divider-text {
  opacity: 0.4;
}

.auth-form__hint {
  font-size: 0.688rem;
  line-height: 1rem;
  color: #707071;
  font-weight: 400;
  margin-top: 10px;
  text-align: center;
}

.auth-form__hint a {
  color: #707071;
  text-decoration: underline;
}

.auth-form__hint a:hover {
  color: #cfcfd0;
  text-decoration: none;
}

.auth-form__join {
  margin-top: 16px;
}

.auth-form__form-switcher {
  color: #a0a0a1;
  margin-top: 32px;
  text-align: center;
  font-size: 0.813rem;
  line-height: 1rem;
}

.auth-form__form-switcher .btn {
  border-radius: 0;
  color: #ff3636;
  vertical-align: baseline;
  font-size: 0.813rem;
  line-height: 1rem;
}

@media screen and (max-width: 639px) {
  .auth-form__title {
    font-size: 1.375rem;
    line-height: 1.679rem;
  }
}

.auth-form .recaptcha {
  display: flex;
  justify-content: center;
  margin: 20px auto 0;
}

.header-notifications {
  left: 0;
  position: absolute;
  top: 100%;
  width: 100%;
}

.header-notification {
  align-items: center;
  overflow: hidden;
  position: relative;
  text-overflow: ellipsis;
  display: flex;
  flex-direction: row;
}

.header-notification--success {
  background: #21b062;
}

.header-notification--error {
  background: #c5201f;
}

.header-notification--cover-moderation {
  background: #fccf49;
}

.header-notification--cover-moderation .icon {
  margin: 0 12px 0 0;
}

.header-notification--cover-moderation .header-notification-body {
  align-items: center;
  color: #000;
  display: flex;
  font-size: 13px;
  font-weight: 500;
  justify-content: center;
  line-height: 16px;
  padding: 4px 0;
}

.header-notification--recommendation {
  background: #f4f4f4;
}

.header-notification--recommendation .header-notification-body {
  align-items: center;
  color: #2b2b2b;
  justify-content: center;
  display: flex;
  flex-direction: row;
}

.header-notification--recommendation .icon-close-5 {
  cursor: pointer;
  fill: rgba(43, 43, 43, 0.5);
  height: 14px;
  margin-right: 20px;
  pointer-events: auto;
  width: 14px;
  flex: 1;
  flex-basis: auto;
  flex-grow: 0;
  flex-shrink: 0;
}

.header-notification--recommendation .icon-close-5:hover {
  fill: rgba(43, 43, 43, 0.8);
}

.header-notification--warning {
  background-color: #ffc107;
}

.header-notification--warning a,
.header-notification--warning-light a {
  color: inherit;
}

.header-notification--warning svg,
.header-notification--warning-light svg {
  color: #050506 !important;
}

.header-notification--warning>.header-notification-body {
  color: #050506;
  font-size: 15px;
  padding: 8px 0;
}

.header-notification--warning .icon-close {
  color: #1b1b1d;
}

.header-notification--warning .icon-close:hover {
  color: #050506;
}

.header-notification--warning-light {
  background-color: #755e8d;
}

.header-notification--warning-light>.header-notification-body {
  color: #fff;
  font-size: 15px;
  padding: 8px 0;
}

.header-notification--warning-light .icon-close {
  color: #a0a0a1;
}

.header-notification--push .header-notification-body.white,
.header-notification--warning-light .icon-close:hover {
  color: #fff;
}

.header-notification--push {
  background-color: #59c5e6;
}

.header-notification--push .header-notification-body {
  align-items: center;
  color: #2b2b2b;
  justify-content: center;
  padding: 10px;
  display: flex;
  flex-direction: row;
}

.header-notification--push .header-notification-title {
  align-items: center;
  font-weight: 700;
  justify-content: center;
  line-height: 1.25rem;
  font-size: 0.875rem;
  display: flex;
  flex-direction: row;
}

.header-notification--push .icon-notifications {
  margin-right: 15px;
  margin-top: 2px;
  min-width: 18px;
}

.header-notification--push .close-button {
  cursor: pointer;
}

.header-notification--push .close-button .icon-close-2 {
  fill: rgba(0, 0, 0, 0.3);
}

.header-notification--push .close-button:hover .icon-close-2 {
  fill: rgba(0, 0, 0, 0.5);
}

.header-notification--push .btn {
  margin: 0 0 0 20px;
  padding: 0 30px;
}

@media screen and (max-width: 1023px) {
  .header-notification--push {
    max-height: 175px;
  }
}

@media screen and (max-width: 600px) {
  .header-notification--push {
    max-height: 175px;
  }
}

@media screen and (max-width: 1023px) {
  .header-notification--push .header-notification-body {
    align-items: flex-start;
  }

  .header-notification--push .header-notification-body .icon-notifications {
    margin-top: 2px;
  }

  .header-notification--push .header-notification-title {
    align-items: flex-start;
    text-align: left;
    display: flex;
    flex-direction: column;
  }

  .header-notification--push .btn {
    margin: 10px 0 0;
  }

  .header-notification--push .close-button {
    align-self: flex-start;
    cursor: pointer;
    margin: 10px 10px 0 0;
  }
}

.header-notification--modelPush {
  background-color: #2f87cc;
  cursor: default;
}

.header-notification--modelPush .header-notification-body {
  color: #fff;
  padding: 10px;
  font-size: 0.813rem;
}

.header-notification--modelPush .header-notification-body,
.header-notification--modelPush .header-notification-content {
  align-items: center;
  justify-content: center;
  display: flex;
  flex-direction: row;
}

.header-notification--modelPush .header-notification-content-icon {
  margin: 0 60px 0 0;
}

.header-notification--modelPush .header-notification-title {
  opacity: 0.8;
  line-height: 1.25rem;
}

.header-notification--modelPush .header-notification-link {
  margin: 0 0 0 16px;
  opacity: 0.5;
  text-decoration: none;
}

.header-notification--modelPush .header-notification-link:active,
.header-notification--modelPush .header-notification-link:focus,
.header-notification--modelPush .header-notification-link:hover {
  opacity: 1;
}

.header-notification--modelPush .btn-white-outline {
  text-decoration: none;
}

.header-notification--modelPush .icon-notifications {
  height: 20px;
  margin-bottom: 3px;
  margin-right: 15px;
  min-width: 18px;
  opacity: 0.7;
}

.header-notification--modelPush .header-notification-controls {
  align-items: center;
  margin: 0 0 0 20px;
  display: flex;
  flex-direction: row;
}

.header-notification--modelPush .header-notification-controls .btn {
  margin: 0;
}

.header-notification--modelPush .close-button {
  cursor: pointer;
}

.header-notification--modelPush .close-button .icon {
  color: #fff;
  height: 10px;
  width: 10px;
}

@media screen and (max-width: 1023px) {
  .header-notification--modelPush {
    max-height: none;
  }

  .header-notification--modelPush .header-notification-body .icon-notifications {
    margin-top: 2px;
  }

  .header-notification--modelPush .header-notification-content {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
  }

  .header-notification--modelPush .header-notification-controls {
    margin: 10px 0 0;
  }

  .header-notification--modelPush .close-button {
    align-self: flex-start;
    cursor: pointer;
    margin: 10px 10px 0 0;
  }
}

@media screen and (max-width: 639px) {
  .header-notification--modelPush .header-notification-title {
    text-align: left;
  }
}

.header-notification--payments-settings {
  max-height: 150px;
}

.header-notification--payments-settings .notification-buttons {
  margin-top: 10px;
}

.header-notification--payments-settings .notification-buttons>.btn {
  margin-bottom: 0;
}

.header-notification a {
  color: #fff;
  text-decoration: underline;
}

.header-notification>.icon-close {
  color: rgba(255, 255, 255, 0.3);
  height: 22px;
  pointer-events: auto;
}

.header-notification>.icon-close:hover {
  fill: rgba(241, 241, 241, 0.5);
}

.header-notification .close-button,
.header-notification>.icon-close {
  cursor: pointer;
  margin-right: 20px;
  width: 22px;
  flex: 1;
  flex-basis: auto;
  flex-grow: 0;
  flex-shrink: 0;
}

@media screen and (max-width: 1023px) {
  .header-notification {
    max-height: 75px;
    padding: 0 0 0 20px;
  }

  .header-notification--payments-settings {
    max-height: 180px;
  }
}

@media screen and (max-width: 600px) {
  .header-notification {
    max-height: 125px;
    padding: 0 4px 0 20px;
  }

  .header-notification .header-notification-body {
    font-size: 0.875rem;
    text-align: left;
  }
}

.header-notification--color {
  background: #4c88bc;
}

.header-notification-body {
  color: #fff;
  display: inline-block;
  padding: 15px 0;
  text-align: center;
  flex: 1;
  flex-basis: auto;
  flex-grow: 1;
  flex-shrink: 1;
  font-size: 1rem;
}

.header-notification-report {
  color: #fff;
  text-decoration: underline;
}

.footer-actions-container {
  align-items: center;
  border-top: solid 1px rgba(255, 255, 255, 0.08);
  display: flex;
  flex-wrap: wrap;
  padding: 16px 0;
}

.footer-actions-container--spaced-x {
  padding: 16px 20px max(env(safe-area-inset-bottom), 16px);
}

.footer-actions-container--spaced-top {
  padding: 20px 0 0;
}

.footer-actions-container--position--right {
  justify-content: flex-end;
}

.footer-actions-container--position--space-between {
  justify-content: space-between;
}

.footer-actions-container--position--center {
  justify-content: center;
}

.pill-page-tabs {
  font-size: 14px;
  font-weight: 500;
  overflow: auto;
  white-space: nowrap;
  -webkit-user-select: none;
  user-select: none;
}

.pill-page-tabs--style--short {
  display: flex;
  max-width: 550px;
}

.pill-page-tabs--style--center {
  margin: 0 auto 40px;
  max-width: 508px;
}

.pill-page-tabs--style--primary {
  margin: 0 0 48px;
  width: 100%;
}

.pill-page-tabs .icon {
  height: 18px;
  margin: 0 8px 0 0;
  width: 18px;
}

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

  .pill-page-tabs--style--center,
  .pill-page-tabs--style--short {
    margin-bottom: 40px;
  }

  .pill-page-tabs--style--primary {
    margin-bottom: 0;
  }
}

.common-sign-up-grid {
  display: flex;
  position: relative;
}

.common-sign-up-grid__modal {
  background: none;
  height: 100%;
  left: 0;
  pointer-events: none;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 2;
}

.common-sign-up-grid__left {
  max-width: 100%;
  padding: 24px 40px;
  position: relative;
  width: 400px;
  z-index: 3;
  background: #050506;
}

.common-sign-up-grid__right-image {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  bottom: 0;
  position: absolute;
  right: 0;
  top: 0;
  width: 500px;
  z-index: 1;
}

.common-sign-up-grid__right-image::after {
  bottom: 45px;
  content: "";
  left: 0;
  position: absolute;
  top: 45px;
  width: 1px;
}

.common-sign-up-grid__right-image::before {
  background: linear-gradient(90deg, #050506 0.5%, rgb(0 0 0 / 52%) 39.94%, transparent 100%) !important;
  bottom: 0;
  content: "";
  height: 100%;
  left: 0;
  pointer-events: none;
  position: absolute;
  width: 100%;
}

.common-sign-up-grid__right {
  position: relative;
  width: 500px;
  z-index: 2;
}

.common-sign-up-grid__right--min-fixed {
  min-height: 466px;
}

.common-sign-up-grid__right-content {
  bottom: 0;
  padding: 0 20px 40px 40px;
  position: absolute;
}

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

  .common-sign-up-grid__modal,
  .common-sign-up-grid__right,
  .common-sign-up-grid__right-image {
    display: none;
  }

  .common-sign-up-grid__left {
    padding: 0;
    width: auto;
  }
}

.modal-ds-content .common-sign-up-grid {
  background: #050506;
  max-width: 100%;
  padding: 24px 40px;
  width: 400px;
}

@media screen and (min-width: 1024px) {
  .modal-ds-content .common-sign-up-grid--model-content {
    background: 0 0;
    padding: 0;
    width: 900px;
  }
}

.buttons-form-list {
  display: flex;
  gap: 16px;
  justify-content: flex-end;
}

.bt {
  color: #fff;
  margin: 20px 0 12px;
  max-height: 84px;
  opacity: 0.8;
  overflow: hidden;
  position: relative;
  white-space: pre-line;
  width: 67%;
  word-break: break-word;
  font-size: 0.875rem;
  line-height: 1.063rem;
}

.bt--opened {
  max-height: none;
}

.bt__text {
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  margin: 0;
  padding: 0;
}

.bt__shadow-text {
  opacity: 0;
  pointer-events: none;
  position: absolute;
  visibility: hidden;
}

@media screen and (max-width: 1023px) {
  .bt {
    width: 100%;
  }
}

.user-media-content {}

.geo-ban-profile-stub {
  margin: 100px auto;
  max-width: calc(100vw - 32px);
  width: 642px;
}

.geo-ban-profile-stub__container {
  align-items: center;
  display: flex;
  flex-direction: column;
  margin-bottom: 132px;
}

.geo-ban-profile-stub__avatar {
  height: 80px;
  margin-bottom: 24px;
  position: relative;
  width: 80px;
}

.geo-ban-profile-stub__block-icon {
  background: #000;
  border-radius: 50%;
  bottom: -5px;
  color: #fff;
  display: grid;
  height: 46px;
  place-items: center;
  position: absolute;
  right: -5px;
  width: 46px;
}

.geo-ban-profile-stub__title {
  font-size: 24px;
  font-weight: 500;
  line-height: 29px;
  margin-bottom: 16px;
}

.H {
  margin-top: 12px;
}

.H__button {
  align-items: center;
  background-color: #343437;
  border-radius: 12px;
  color: #fff;
  column-gap: 10px;
  cursor: pointer;
  display: flex;
  justify-content: center;
  min-height: 60px;
  padding: 6px 10px;
  text-align: center;
  transition: all ease 0.25s;
}

.H__button:hover {
  background-color: #424248;
}

.H__buttons-group {
  align-items: center;
  display: flex;
  gap: 1px;
}

.H__buttons-group .H__button {
  flex: 1;
}

.H__buttons-group .H__button--position--left {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}

.H__buttons-group .H__button--position--right {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}

.H__title {
  font-size: 12px;
}

.H__actions {
  display: grid;
  grid-column-gap: 10px;
  grid-template-columns: repeat(2, 1fr);
}

.H__actions--grouped {
  grid-template-columns: 4fr 3fr;
}

.H__actions .icon {
  color: #fff;
  margin: 0;
}

.H__actions--disabled {
  opacity: 0.5;
}

.H__actions--disabled .upload-media__button {
  cursor: not-allowed;
}

.image-swiper:hover>.image-swiper__arrow--active:hover,
.H__actions--disabled .upload-media__button:hover {
  opacity: 1;
}

.H__errors {
  color: #e12947;
  margin-top: 10px;
  font-size: 0.688rem;
  line-height: 0.813rem;
}

.H__error-title {
  margin: 0 0 0 8px;
}

.H__error-title::before {
  content: "•";
  display: inline-block;
  font-size: 28px;
  margin: 0 4px 0 0;
  vertical-align: text-bottom;
}

.user-avatar-editable .dropdown-content::after {
  display: none;
}

.user-avatar-editable .avatar-wrapper:not(.is-loading):hover .avatar-upload {
  display: flex;
}

.user-avatar-editable__dropdown .dropdown-menu-item {
  align-items: center;
  background: 0 0;
  border: 0;
  color: rgba(255, 255, 255, 0.8);
  cursor: pointer;
  display: flex;
  margin: 5px 0;
  padding: 8px 15px;
  transition: all ease 0.25s;
  white-space: nowrap;
  width: 100%;
}

.user-avatar-editable__dropdown .dropdown-menu-item .icon {
  color: rgba(255, 255, 255, 0.8);
  fill: rgba(255, 255, 255, 0.8);
  margin: 0 10px 0 0;
}

.user-avatar-editable__dropdown .dropdown-menu-item:hover {
  background: #343437;
  color: #fff;
  fill: #fff;
}

.bv__tooltip hr,
.user-avatar-editable hr {
  background-color: #b9b9b9;
  margin: 10px;
  opacity: 0.6;
}

.bw {
  flex-shrink: 0;
  position: relative;
  width: 100%;
}

.bw--mobile {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.bw__row {
  display: flex;
  gap: 12px;
}

.bw__row>a,
.bw__row>button,
.bw__row>div {
  flex-grow: 1;
  justify-content: center;
  text-align: center;
}

@media (min-width: 479px) {
  .bw__row {
    display: flex;
    gap: 12px;
  }

  .bw__row>a,
  .bw__row>button,
  .bw__row>div {
    flex-basis: 50%;
  }
}

.bw__favorite {
  display: flex;
  flex-direction: column;
  gap: 12px;
  position: absolute;
  right: 15px;
  top: 70px;
  z-index: 4;
}

.bw__dropdown {
  color: #fff;
  font-size: 13px;
  min-width: 153px;
}

.bw__dropdown-footer {
  border-top: 1px solid rgba(255, 255, 255, 0.05);
  margin: 12px 0 0;
  padding: 12px 0 0;
}

.bw__dropdown-header {
  align-items: center;
  column-gap: 16px;
  display: flex;
  justify-content: space-between;
}

.bw__edit-request-menu-button {
  align-items: center;
  gap: 12px;
}

.bw__edit-request-menu-button.btn {
  padding: 0 16px;
}

.bw__actions-settings {
  align-items: center;
  display: flex;
}

.bw__actions-settings-icon--padded {
  margin: 0 8px 0 0;
}

.bw__right {
  display: flex;
  gap: 12px;
  margin: 0 0 0 auto;
}

.bw__title {
  align-items: center;
  display: flex;
  font-size: 14px;
  font-weight: 700;
  white-space: nowrap;
}

.bw__date {
  font-size: 14px;
  margin: 6px 0 0;
  opacity: 0.4;
  white-space: nowrap;
}

.bw__date--warning {
  color: #d21b4c;
  opacity: 1;
}

@media screen and (max-width: 639px) {
  .bw {
    padding: 10px 0;
    width: 100%;
  }

  .bw .action-buttons-container .user-fan-club-status-btn {
    height: 31px;
    justify-content: center;
    margin: 0 0 20px;
    width: 100%;
  }

  .bw .splitter {
    display: none;
  }
}

.bw__icon-wrapper {
  position: relative;
}

.bw__icon-decorator {
  color: #2e1d3e;
  height: 12px;
  position: absolute;
  right: 7px;
  top: -3px;
  width: 12px;
}

.bw .icon-diamond-colored,
.bw .icon-diamond-flat,
.bw .icon-diamond-rotate {
  height: 20px;
  margin: 0 10px 0 0;
  width: 20px;
}

.action-buttons-container {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}

.action-buttons-container .button-dropdown__button {
  white-space: nowrap;
  font-weight: bold;
}

.action-buttons-container .btn {
  display: flex;
  flex-shrink: 0;
}

.action-buttons-container .btn .icon {
  height: 18px;
  width: 18px;
}

.action-buttons-container .menu-button-dots .tile-button {
  background: 0 0;
  height: auto;
  min-width: auto;
  padding: 0;
}

@media screen and (max-width: 479px) {
  .action-buttons-container__right {
    display: flex;
    gap: 12px;
  }

  .action-buttons-container .button-dropdown__button {
    font-size: 13px;
    padding: 0 10px;
  }

  .action-buttons-container .btn {
    font-size: 13px;
    padding: 0 8px;
  }
}

.arrow-down-animated {
  align-items: center;
  background: #ff3332;
  background-clip: padding-box;
  border: 6px solid rgba(163, 73, 252, 0.2);
  border-radius: 14px;
  color: #fff;
  display: flex;
  height: 36px;
  justify-content: center;
  margin-left: 11px;
  overflow: hidden;
  padding: 4px;
  position: relative;
  transition: background-color 0.3s, border-color 0.3s;
  width: 36px;
}

.arrow-down-animated__content {
  align-items: center;
  display: flex;
  flex-direction: column;
  height: 46px;
  justify-content: space-between;
  left: 0;
  overflow: hidden;
  position: absolute;
  top: -26px;
  width: 100%;
}

.arrow-down-animated__content--animated {
  animation-duration: 3s;
  animation-iteration-count: infinite;
  animation-name: arrow-down-animated-move-infinity;
}

.arrow-down-animated:hover {
  background-color: #d60908;
  border-color: rgba(138, 24, 252, 0.3);
}

.arrow-down-animated:hover>.arrow-down-animated__content--animated-hover {
  animation: arrow-down-animated-move 0.5s;
}

.arrow-down-animated .icon {
  height: 16px;
  width: 16px;
}

.icon-alert-decorated {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  position: relative;
}

.icon-alert-decorated__icon,
.site-logo {
  position: relative;
}

.icon-alert-decorated::before {
  background: #000;
  content: "";
  height: 80%;
  position: absolute;
  width: 50%;
}

.site-logo {
  background: url(../logo.png) no-repeat left center;
  background-size: contain;
  margin-left: 18px;
  margin-top: 10px;
}

.site-logo--size--small {
  height: 23px;
  width: 104px;
}

.site-logo--size--medium {
  height: 10rem;
  max-width: 146px;
  width: 146px;
}

.site-logo--size--large {
  height: 70px;
  width: 165px;
}

.site-logo--size--large-x {
  height: 70px;
  width: 205px;
}

.header-dropdown-content-split {
  margin-top: 16px;
  padding-top: 16px !important;
}

.header-dropdown-content-split::before {
  background: rgba(255, 255, 255, 0.1);
  content: "";
  height: 1px;
  left: 18px;
  position: absolute;
  right: 18px;
  top: 0;
}

.header-dropdown-content-split.invisible-mode-switch {
  margin-top: 16px;
  padding-top: 0 !important;
}

.header-dropdown-content-split.invisible-mode-switch::before {
  top: -8px;
}

.header-dropdown-content__icon {
  height: 24px;
  margin-left: 0;
  margin-right: 20px;
  width: 24px;
}

.header-dropdown-content__icon.icon-verified {
  margin: 0;
}

.header-dropdown-content__banner {
  display: flex;
  gap: 12px;
  margin: 18px 0-4px;
  padding: 0 18px;
}

.header-dropdown-content__banner--grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
}

.header-dropdown-content__verify {
  background: #343437;
  border-radius: 10px;
  flex: 1;
  padding: 8px 8px 4px;
  white-space: normal;
}

.header-dropdown-content__verify:hover {
  background: #424248;
}

.header-dropdown-content__verify-content {
  color: #cfcfd0;
  display: flex;
  font-size: 12px;
  gap: 6px;
  justify-content: space-between;
}

.header-dropdown-content__chip-beta {
  height: 24px;
  margin-left: 6px;
}

.account-container {
  line-height: normal;
  max-width: 100%;
  padding: 6px 0 0 10px;
}

.account-container .displayname__name {
  opacity: 0.8;
}

.crop-image {
  overflow: hidden;
  padding: 0 24px;
  -webkit-user-select: none;
  user-select: none;
}

.crop-image--disabled {
  pointer-events: none;
}

.crop-image__content {
  align-items: center;
  display: flex;
  height: 330px;
  justify-content: center;
  position: relative;
}

.crop-image__aspect-ratio {
  visibility: hidden;
  width: 100%;
}

.crop-image__wrapper {
  position: relative;
}

.crop-image__wrapper--type--horizontal {
  width: 100%;
}

.crop-image__wrapper--type--vertical {
  height: 100%;
}

.crop-image__crop-border {
  border: 2px solid #fff;
  bottom: 0;
  box-shadow: 0 0 0 500px rgba(0, 0, 0, 0.6);
  content: "";
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}

.crop-image__image {
  display: block;
  left: 0;
  pointer-events: none;
  position: absolute;
  top: 0;
  transform-origin: left top;
  width: 100%;
}

.crop-image__image--ghost {
  opacity: 0.4;
  pointer-events: none;
}

.crop-image__button {
  align-items: center;
  background: rgba(0, 0, 0, 0.6);
  border: 0;
  border-radius: 50%;
  color: #fff;
  cursor: pointer;
  display: flex;
  height: 38px;
  justify-content: center;
  position: absolute;
  width: 38px;
  z-index: 2;
}

.crop-image__button:disabled {
  opacity: 0.4;
  pointer-events: none;
}

.crop-image__button:hover {
  background: rgba(0, 0, 0, 0.8);
}

.crop-image__button--type--rotate {
  bottom: 10px;
  left: 10px;
}

.crop-image__button--type--minus {
  bottom: 10px;
  right: 58px;
}

.crop-image__button--type--plus {
  bottom: 10px;
  right: 10px;
}

.crop-image__modal.modal-ds-body {
  max-width: 540px;
}

.crop-image__modal.modal-ds-body .modal-ds-content {
  padding: 0 24px;
}

.crop-image__modal-content,
.form-fields .settings-field>div.settings-value .select,
.form-fields .settings-field>div.settings-value input,
.form-fields .settings-field>div.settings-value textarea {
  width: 100%;
}

.crop-image__modal-wrapper {
  margin: 0-24px;
}

.w {
  align-items: center;
  display: flex;
  gap: 10px;
  justify-content: center;
  padding-top: 20px;
}

.w__right-controls {
  display: flex;
  flex: 1;
  justify-content: flex-end;
  position: relative;
}

.w__record-button {
  align-items: center;
  background: 0 0;
  border: 2px solid currentColor;
  border-radius: 50%;
  color: #fff;
  cursor: pointer;
  display: flex;
  height: 49px;
  justify-content: center;
  outline: 0;
  padding: 0;
  position: relative;
  width: 49px;
}

.w__left-controls {
  align-items: center;
  display: flex;
  flex: 1;
  justify-content: flex-end;
}

.w__reverse-button {
  align-items: center;
  background: #343437;
  border: 0;
  border-radius: 50%;
  color: #fff;
  cursor: pointer;
  display: flex;
  height: 32px;
  justify-content: center;
  outline: 0;
  transition: transform 150ms ease;
  width: 32px;
}

.w__reverse-button:active {
  transform: scale(0.9);
}

.x__media {
  overflow: hidden;
  padding: 0 30px;
  position: relative;
}

@media only screen and (max-width: 639px) {
  .x__media {
    align-items: center;
    display: flex;
    flex: 1;
  }
}

.x__timer {
  bottom: 10px;
  color: #fff;
  font-size: 12px;
  font-weight: 400;
  left: 50%;
  position: absolute;
  text-shadow: 0 1px 10px rgba(0, 0, 0, 0.4);
  transform: translateX(-50%);
}

.x__content {
  border-radius: 12px;
  height: auto;
  object-fit: contain;
  width: 100%;
}

@media only screen and (max-width: 639px) {
  .x__content {
    height: 100%;
    object-fit: cover;
  }
}

.x__controls {
  align-items: center;
  animation: controls-appearance 200ms ease;
  display: flex;
  gap: 12px;
  justify-content: space-between;
  margin-top: 20px;
}

.x__button-container {
  align-items: center;
  display: flex;
  flex: 1;
}

.x__button-container--left {
  justify-content: flex-start;
}

.x__button-container--right {
  justify-content: flex-end;
}

.x__play-button {
  align-items: center;
  background: #343437;
  border: 0;
  border-radius: 50%;
  color: #fff;
  cursor: pointer;
  display: flex;
  height: 48px;
  justify-content: center;
  outline: 0;
  padding: 0;
  width: 48px;
}

.modal-form-title {
  border-bottom: 1px solid rgba(255, 255, 255, 0.05);
  justify-content: space-between;
  min-height: 72px;
  padding: 20px;
}

.modal-form-title,
.modal-form-title__back,
.modal-form-title__left {
  align-items: center;
  display: flex;
}

.modal-form-title__back {
  background: #343437;
  border-radius: 50%;
  color: #fff;
  cursor: pointer;
  height: 24px;
  justify-content: center;
  margin: 0 22px 0 0;
  min-width: 24px;
  padding: 0 2px 0 0;
  width: 24px;
}

.modal-form-title__icon {
  padding: 0 20px 0 0;
}

.image-swiper {
  overflow: hidden;
  position: relative;
  user-select: none;
  width: 100%;
}

.image-swiper::before {
  bottom: 0;
  content: "";
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  visibility: hidden;
  z-index: 2;
}

.image-swiper__root,
.image-swiper__root>body {
  overscroll-behavior-x: none;
}

.image-swiper__root--disabled {
  overflow: hidden;
}

.image-swiper__scroll {
  height: 100%;
  outline: 0;
  overflow: hidden;
  pointer-events: none;
  position: relative;
  width: 100%;
}

.image-swiper__scroll-space {
  height: 1px;
  left: 0;
  pointer-events: none;
  position: absolute;
  top: 0;
  visibility: hidden;
}

.image-swiper__item {
  contain: strict;
  pointer-events: all;
  position: absolute;
  top: 0;
  z-index: 1;
}

.image-swiper__item-image {
  border: 0;
  height: 100%;
  object-position: center;
  outline: 0;
  pointer-events: none;
  position: absolute;
  width: 100%;
}

.image-swiper__item-image--size--cover {
  object-fit: cover;
}

.image-swiper__item-image--size--contain {
  object-fit: contain;
}

.image-swiper:hover>.image-swiper__arrow--active {
  opacity: 0.6;
}

.image-swiper__children {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1;
}

.image-swiper__arrow {
  align-items: center;
  background: rgba(0, 0, 0, 0.6);
  border-radius: 50%;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
  cursor: pointer;
  display: flex;
  font-weight: 700;
  height: 30px;
  justify-content: center;
  opacity: 0;
  pointer-events: none;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  transition: opacity 0.3s, left 0.3s, right 0.3s;
  width: 30px;
  z-index: 3;
}

.image-swiper__arrow--left {
  left: 20px;
}

.image-swiper__arrow--left>svg {
  transform: rotate(180deg);
}

.image-swiper__arrow--right {
  right: 20px;
}

.image-swiper__arrow--active {
  pointer-events: auto;
}

.image-swiper__arrow>svg {
  display: block;
  height: inherit;
  pointer-events: none;
  width: inherit;
}

.image-swiper__points {
  align-items: flex-end;
  background: linear-gradient(180deg, rgba(185, 185, 185, 0) 0, rgba(0, 0, 0, 0.35) 100%);
  bottom: 0;
  display: flex;
  height: 100px;
  justify-content: center;
  left: 0;
  padding: 0 0 20px;
  pointer-events: none;
  position: absolute;
  width: 100%;
  z-index: 3;
}

.image-swiper__points-item {
  background: #fff;
  border-radius: 50%;
  height: 6px;
  margin: 0 2px;
  opacity: 0.5;
  position: relative;
  transition: opacity 0.6s, transform 0.6s;
  width: 6px;
}

.image-swiper__points-item--active {
  opacity: 1;
  transform: scale(1.2);
}

@media (max-width: 1024px) {
  .image-swiper__arrow {
    display: none;
  }

  .image-swiper__points {
    padding-bottom: 12px;
  }
}

.payout-settings.pending {
  opacity: 0.33;
  pointer-events: none;
}

.payout-settings h3 {
  margin-bottom: 20px !important;
}

.payout-settings .page-block {
  margin-bottom: 20px;
}

.payout-settings .notification-euro-link {
  color: #fff;
  text-decoration: underline;
}

.payout-settings .form-description {
  margin-top: 18px;
}

.payout-settings .form-controls {
  margin-top: 20px;
  text-align: right;
}

.payout-settings .form-controls .btn {
  margin-bottom: 0;
}

.form-fields .settings-field>div.settings-label,
.payout-settings-field-input.input.input {
  font-size: 14px;
  font-weight: 400;
  letter-spacing: normal;
  line-height: normal;
}

.form-fields {
  display: table;
  width: 100%;
}

.form-fields .settings-field {
  display: table-row;
}

.form-fields .settings-field>div {
  padding-bottom: 10px;
  vertical-align: middle;
}

.form-fields .settings-field>div.settings-label {
  display: table-cell;
  padding-right: 20px;
  vertical-align: top;
  width: 20%;
  font-size: 12px;
  line-height: 2.5rem;
}

.form-fields .settings-field>div.settings-value {
  display: table-cell;
  width: 100%;
}

.form-fields .settings-field:last-child>div {
  padding-bottom: 0;
}

.cg__description {
  color: #a0a0a1;
  font-size: 14px;
  font-weight: 400;
  margin-bottom: 20px;
}

.cg__notices {
  align-items: flex-start;
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  margin-bottom: 20px;
}

.cg__notices>.cd {
  flex: 1;
}

.cg__notices>.cd--opened {
  align-self: stretch;
}

.cg__notice-header {
  align-items: center;
  color: #cfcfd0;
  display: flex;
  font-size: 16px;
  font-weight: 500;
  gap: 12px;
  white-space: nowrap;
}

.cg__notice-content-item {
  color: #a0a0a1;
  font-size: 12px;
  line-height: 150%;
  margin: 0 0 12px;
}

.cg__collapse-button {
  align-items: center;
  background: 0 0;
  border: 0;
  color: #707071;
  cursor: pointer;
  display: flex;
  justify-content: center;
  margin-left: auto;
  outline: 0;
}

.cg__collapse-button-icon {
  transform: rotate(180deg);
  transition: transform 150ms ease-in-out;
}

.cg__collapse-button-icon--opened {
  transform: rotate(0);
}

div.cg__content--collapsed {
  padding: 0;
}

.username-inline-card {
  align-items: center;
  display: inline-grid;
  grid-template-columns: auto minmax(0, 1fr);
  max-width: 100%;
  position: relative;
  text-align: left;
  white-space: nowrap;
}

.username-inline-card--full-width {
  display: grid;
}

.username-inline-card--spaced {
  padding: 8px 16px;
}

.username-inline-card--active,
.username-inline-card--spaced:hover {
  background: #424248;
}

.username-inline-card:hover {
  text-decoration: none;
}

.username-inline-card__avatar-wrapper--space-size--medium {
  margin: 0 12px 0 0;
}

.username-inline-card__avatar-wrapper--space-size--small {
  margin: 0 8px 0 0;
}

.user-tags-gallery {
  align-items: center;
  cursor: pointer;
  display: flex;
  gap: 6px;
  height: 24px;
  justify-content: flex-start;
  margin-top: 6px;
}

.user-tags-gallery:hover .user-tags-gallery__badge {
  background-color: rgba(255, 255, 255, 0.2);
}

.user-tags-gallery__delete-tag-button-wrapper {
  align-items: center;
  display: flex;
  flex-wrap: nowrap;
  gap: 6px;
}

.user-tags-gallery__delete-tag-button {
  background-color: #5f5f67;
  border: 0;
  border-radius: 50%;
  color: #a0a0a1;
  cursor: pointer;
  display: grid;
  height: 14px;
  padding: 0;
  place-items: center;
  width: 14px;
}

.user-tags-gallery__delete-tag-button:hover {
  background-color: #d21b4c;
  color: #fff;
}

.user-tags-gallery__badge {
  background: rgba(255, 255, 255, 0.1);
  border-radius: 6px;
  color: #cfcfd0;
  font-size: 12px;
  font-weight: 500;
  padding: 4px 8px;
}

.dropdown-wrapper {
  max-width: 440px;
  position: absolute;
  top: calc(100% + 6px);
  z-index: 501;
}

.dropdown-wrapper--mobile {
  max-width: 100%;
  position: relative;
  width: 100%;
}

.dropdown-content {
  border-radius: 12px;
  box-sizing: border-box;
  color: rgba(255, 255, 255, 0.8);
  overflow: hidden;
  text-align: left;
}

.dropdown-content--shadow {
  box-shadow: 0 2px 16px rgba(0, 0, 0, 0.46);
}

.dropdown-content--background--strong {
  background: #1b1b1d;
}

.dropdown-content--background--strong::after {
  border-color: #1b1b1d;
}

.dropdown-content--background--light {
  background: #232325;
}

.dropdown-content--background--light::after {
  border-color: #232325;
}

.dropdown-content--spaced {
  padding: 20px;
}

.menu-button-dots,
.menu-button-dots__menu-button {
  align-items: center;
  display: flex;
  justify-content: center;
}

.menu-button-dots__menu-button {
  background: 0 0;
  border: 0;
  border-radius: 6px;
  color: #fff;
  cursor: pointer;
  filter: drop-shadow(0 0 6px rgba(0, 0, 0, 0.3));
  transition: background 0.15s ease-in-out;
}

.menu-button-dots__menu-button--theme--default.menu-button-dots__menu-button--active,
.menu-button-dots__menu-button--theme--default:hover {
  background: rgba(0, 0, 0, 0.6);
}

.menu-button-dots__menu-button--theme--light.menu-button-dots__menu-button--active,
.menu-button-dots__menu-button--theme--light:hover {
  background: #343437;
}

.menu-button-dots__menu-button--theme--light-grey {
  border-radius: 10px;
  color: #a0a0a1;
}

.menu-button-dots__menu-button--theme--light-grey.menu-button-dots__menu-button--active,
.menu-button-dots__menu-button--theme--light-grey:hover {
  background: #343437;
  color: #fff;
}

.menu-button-dots__menu-button--theme--filled {
  background: #343437;
  border-radius: 12px;
  color: #fff;
}

.menu-button-dots__menu-button--theme--filled.menu-button-dots__menu-button--active,
.menu-button-dots__menu-button--theme--filled:hover {
  background: #424248;
}

.menu-button-dots__menu-button--theme--transparent {
  background: 0 0;
  color: #707071;
}

.menu-button-dots__menu-button--theme--transparent.menu-button-dots__menu-button--active,
.menu-button-dots__menu-button--theme--transparent:hover {
  color: #fff;
}

.menu-button-dots__menu-button--size--small {
  height: 24px;
  width: 24px;
}

.menu-button-dots__menu-button--size--normal {
  height: 32px;
  width: 32px;
}

.menu-button-dots__menu-button--size--large {
  height: 40px;
  width: 48px;
}

.menu-button-dots__icon-wrapper--vertical {
  transform: rotate(90deg);
}

.BZ {
  margin: 20px 0;
  text-align: left;
}

.BZ__row {
  display: flex;
  gap: 10px;
  position: relative;
}

.BZ__cell {
  display: flex;
  min-height: 64px;
  min-width: 64px;
  padding: 20px 0 0;
  word-break: break-word;
}

.BZ__cell--first {
  width: 200px;
}

.BZ__cell--type--color-top,
.BZ__cell--type--top {
  align-items: center;
  border-bottom: 1px #29292b solid;
  font-size: 16px;
  font-weight: 600;
  padding: 0;
}

.BZ__cell--type--color-top {
  background: #232325;
  border-radius: 12px 12px 0 0;
  flex: 1;
  justify-content: center;
}

.BZ__cell--type--color-bottom {
  background: #232325;
  border-radius: 0 0 12px 12px;
  flex: 1;
  justify-content: center;
}

.BZ__cell--type--color {
  align-items: center;
  background: #232325;
  flex: 1;
  justify-content: center;
}

.creator-lists__tabs-container {
  margin-bottom: 40px;
  max-width: 540px;
}

.B {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 10px;
  left: 50%;
  pointer-events: none;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 60%;
}

@media screen and (max-width: 1023px) {
  .B--style--album {
    flex-direction: row;
    justify-content: center;
    top: 30%;
    width: 80%;
  }

  .B--style--album .B__label {
    max-width: 98px;
    text-align: left;
  }
}

@media screen and (max-width: 639px) {
  .B--style--album {
    flex-direction: column;
    top: 50%;
    width: 60%;
  }

  .B--style--album .B__label {
    max-width: 120px;
    text-align: center;
    white-space: normal;
  }
}

.B__label {
  color: #fff;
  font-size: 14px;
  font-weight: 400;
  max-width: 120px;
  text-align: center;
  text-shadow: 0 1px 4px rgba(0, 0, 0, 0.2), 0 1px 20px rgba(0, 0, 0, 0.4);
}

@media screen and (max-width: 639px) {
  .B__label {
    font-size: 12px;
  }
}

.B__icon {
  color: #fff;
  filter: drop-shadow(0 1px 20px rgba(0, 0, 0, 0.4));
  height: 32px;
  width: 32px;
}

@media screen and (max-width: 1023px) {
  .B__icon {
    height: 24px;
    width: 24px;
  }
}

.B__avatar {
  filter: drop-shadow(0 1px 20px rgba(0, 0, 0, 0.2));
}

.B__avatar.avatar {
  height: 48px;
  width: 48px;
}

@media screen and (max-width: 639px) {
  .B__avatar.avatar {
    height: 36px;
    width: 36px;
  }
}

.B__avatar--adaptive.avatar {
  height: 64px;
  width: 64px;
}

@media (max-width: 639px) {
  .B__avatar--adaptive.avatar {
    height: 48px;
    width: 48px;
  }
}

@media (max-width: 479px) {
  .B__avatar--adaptive.avatar {
    height: 36px;
    width: 36px;
  }
}

@media screen and (max-width: 639px) {
  .creator-lists__tabs-container {
    margin-bottom: 24px;
  }
}

.creator-lists__add-users-icon {
  height: 14px;
  margin-right: 10px;
  width: 14px;
}

.creator-lists__sort .creator-lists__sort-item--ghost {
  border: 2px dashed #343437;
  border-radius: 16px;
  height: 80px;
}

@media screen and (max-width: 639px) {
  .creator-lists__sort .creator-lists__sort-item--ghost {
    height: 120px;
  }
}

.creator-lists__sort .creator-lists__sort-item--ghost .bk__content {
  display: none;
}

.creator-lists__skeleton {
  animation: skeleton-animation;
  animation-duration: 1s;
  animation-iteration-count: infinite;
  animation-timing-function: ease-in-out;
  background: #1b1b1d;
  border-radius: 16px;
  height: 80px;
  margin-bottom: 20px;
}

.creator-lists__skeleton:nth-child(2n) {
  animation-delay: 300ms;
}

@media screen and (max-width: 639px) {
  .creator-lists__skeleton {
    height: 120px;
    margin-bottom: 10px;
  }
}

.creator-list-name {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.creator-lists-delete-modal__name {
  word-break: break-all;
}

.landing-monetization,
.page-button {
  align-items: center;
  justify-content: center;
}

.page-button {
  border: 2px solid #343437;
  border-radius: 32px;
  color: rgba(255, 255, 255, 0.6);
  display: inline-flex;
  font-size: 13px;
  font-weight: 500;
  height: 32px;
  margin: 0 6px 10px;
  min-width: 32px;
}

.page-button:hover {
  background: rgba(255, 255, 255, 0.3);
  border-color: transparent;
  color: #fff;
  text-decoration: none;
}

.page-button:hover .icon {
  fill: #fff;
}

.page-button.page-button-ellipsis {
  border: 0 !important;
  color: rgba(255, 255, 255, 0.5);
  pointer-events: none;
}

.page-button.page-button-beginning,
.page-button.page-button-next {
  padding: 8px 12px;
}

.page-button.page-button-beginning {
  min-width: 124px;
}

.page-button.page-button-next {
  min-width: 68px;
}

.page-button .shift-nav-button {
  align-items: center;
  display: flex;
  flex-direction: row;
}

.page-button .icon {
  fill: rgba(255, 255, 255, 0.6);
  height: 14px;
  margin: 0;
  width: 14px;
}

.page-button.hidden {
  opacity: 0;
  pointer-events: none;
}

.landing-monetization {
  display: flex;
  min-height: max(100vh, 400px);
  position: relative;
}

.landing-monetization__logo {
  display: flex;
  justify-content: center;
  margin: 0 auto 50px;
}

.landing-monetization__logo .site-logo {
  margin: 0;
}

.landing-monetization__title {
  color: #fff;
  font-size: 80px;
  font-weight: 700;
  position: relative;
}

.landing-monetization__benefit-list {
  line-height: 160%;
  margin: 20px 0 0;
}

.landing-monetization__benefit-list--dotted {
  list-style: disc;
  margin: 30px 0 0 20px;
  max-width: 400px;
}

.landing-monetization__benefit-list-item {
  margin: 10px 0;
}

.landing-monetization__benefit-list-item--icon-marker {
  display: flex;
}

.landing-monetization__benefit-list-icon {
  margin: 0 10px 0 0;
}

.landing-monetization__wing {
  display: flex;
  justify-content: center;
  position: absolute;
  right: 30px;
  top: -35px;
}

.landing-monetization__wing .smile {
  height: 104px;
  width: 104px;
}

.landing-monetization__bubble {
  background: #ff3332;
  position: absolute;
}

.landing-monetization__bubble--1 {
  border-radius: 7.53906px;
  height: 20.1px;
  left: 18%;
  opacity: 0.6;
  top: 70.5%;
  transform: rotate(-18.46deg);
  width: 20.1px;
}

.landing-monetization__bubble--2 {
  border-radius: 5.86371px;
  height: 16.75px;
  left: 33.3%;
  opacity: 0.2;
  top: 79%;
  transform: rotate(-18.46deg);
  width: 16.75px;
}

.landing-monetization__bubble--3 {
  border-radius: 5.86371px;
  height: 18.43px;
  left: 47.4%;
  opacity: 0.3;
  top: 89%;
  transform: rotate(-2.71deg);
  width: 18.43px;
}

.landing-monetization__bubble--4,
.landing-monetization__bubble--5 {
  border-radius: 7px;
  height: 18px;
  left: 69%;
  opacity: 0.5;
  top: 89.7%;
  transform: rotate(6.11deg);
  width: 18px;
}

.landing-monetization__bubble--5 {
  left: 71.3%;
  opacity: 0.3;
  top: 43%;
  transform: rotate(-18.46deg);
}

.landing-monetization__bubble--6,
.landing-monetization__bubble--7 {
  border-radius: 7.53906px;
  height: 18.43px;
  left: 78.5%;
  opacity: 0.5;
  top: 55.5%;
  transform: rotate(-18.46deg);
  width: 18.43px;
}

.landing-monetization__create-post {
  position: relative;
}

.landing-monetization__create-post>img {
  max-width: 105%;
  width: 476px;
}

.landing-monetization__create-post::after,
.landing-monetization__mass-messenger::after {
  content: "";
  height: 1px;
  pointer-events: none;
  position: absolute;
  top: 50%;
  width: 1px;
  z-index: -1;
}

.landing-monetization__create-post::after {
  border-radius: 15%;
  box-shadow: 0 0 150px 246px rgba(138, 24, 252, 0.3);
  left: 45%;
}

.landing-monetization__invite-and,
.landing-monetization__mass-messenger,
.landing-monetization__payout-methods {
  background-repeat: no-repeat;
  background-size: contain;
  position: relative;
}

.landing-monetization__mass-messenger>img {
  max-width: 100%;
  width: 530px;
}

.landing-monetization__mass-messenger::after {
  bottom: 70px;
  box-shadow: 0 0 150px 182px rgba(138, 24, 252, 0.3);
  left: 50%;
}

.landing-monetization__invite-and>img {
  max-width: 140%;
  position: relative;
  width: 556px;
}

.landing-monetization__payout-methods {
  height: 420px;
  max-width: 100%;
  width: 420px;
}

.landing-monetization__payout-methods::after {
  border-radius: 50%;
  box-shadow: 0 0 150px 382px rgba(138, 24, 252, 0.2);
  content: "";
  height: 1px;
  left: 50%;
  pointer-events: none;
  position: absolute;
  top: 39%;
  width: 1px;
  z-index: -1;
}

@media screen and (max-width: 767px) {
  .landing-monetization__title {
    font-size: 30px;
  }

  .landing-monetization__wing {
    position: static;
  }

  .landing-monetization__invite-and {
    margin-left: -20%;
  }
}

.data-table {
  color: #fff;
  font-weight: 400;
  min-height: 380px;
  min-width: min-content;
  width: 100%
}

.data-table__small-text {
  opacity: .6
}

.data-table .top-align-center {
  align-items: center;
  display: flex
}

.data-table .align-center {
  justify-content: center;
  text-align: center
}

.data-table .align-right {
  justify-content: flex-end;
  text-align: right
}

.data-table-head {
  font-size: .688rem;
  background: #1b1b1d;
  border-radius: 12px 12px 0 0;
  text-transform: uppercase
}

.data-table-head-row {
  line-height: 1.125rem;
  align-items: center;
  background: 0 0;
  display: flex;
  flex-flow: row nowrap;
  padding: 15px 20px;
  width: 100%
}

.data-table-head-cell {
  font-size: .688rem;
  color: rgba(255, 255, 255, .4);
  white-space: nowrap
}

.data-table-head-cell .searchable-head {
  margin: -9px 0
}

.data-table-footer {
  font-size: .813rem;
  background-color: #111113
}

.data-table-footer-row {
  line-height: 1.125rem;
  align-items: center;
  background: 0 0;
  display: flex;
  flex-flow: row nowrap;
  padding: 15px 20px;
  width: 100%
}

.data-table-body,
.data-table-footer-cell {
  font-size: .813rem
}

.data-table-body-row {
  align-items: center;
  background: #111113;
  display: flex;
  flex-flow: row nowrap;
  min-height: 44px;
  padding: 8px 20px;
  width: 100%;
  line-height: 1.125rem
}

.data-table-body-row:nth-child(even) {
  background: #1b1b1d
}

.data-table-body-row:last-child {
  border-radius: 0 0 12px 12px
}

.data-table-body-row.selectable-body-row {
  cursor: pointer
}

.data-table-body-cell,
.data-table-footer-cell,
.data-table-head-cell {
  align-items: center;
  display: flex;
  flex-grow: 1;
  flex-shrink: 1;
  margin-right: 10px;
  min-width: 125px;
  word-break: break-word
}

.data-table-body-cell--size-l {
  min-width: 180px
}

.data-table-body-cell:last-child,
.data-table-footer-cell:last-child,
.data-table-head-cell:last-child {
  margin-right: 0
}

.data-table-body-cell-content {
  align-items: center;
  display: flex;
  gap: 12px
}

.data-table-body-cell-content--vertical {
  align-items: flex-start;
  flex-direction: column;
  gap: 0
}

.data-table-body-cell-content--left {
  align-items: flex-start
}

.data-table-body-cell-content--right {
  align-items: flex-end
}

.data-table-body-cell-content--size-s {
  gap: 4px
}

.data-table-body-cell-content--size-l {
  gap: 20px
}

.data-table-header-cell {
  align-items: center;
  display: flex;
  gap: 5px;
  justify-content: start
}

.data-table-body-error {
  font-size: .875rem;
  color: #f44;
  justify-content: center;
  padding: 50px 0
}

.data-table-text-empty {
  opacity: .8
}

.data-table-loader {
  align-items: center;
  display: flex;
  height: 300px;
  justify-content: center
}

.earnings-table {
  min-height: 260px;
}

.creators-onboarding-page-content {
  display: flex;
  gap: 20px;
}

.creators-onboarding-page-content__onboarding-items {
  flex: 1 0 418px;
}

.creators-onboarding-page-content__recommendations {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  justify-content: flex-start;
}

.creators-onboarding-page-content__info {
  flex: 0 1 418px;
  margin-top: 38px;
}

.creators-onboarding-page-content__complete-account {
  background-color: #232325;
  border-radius: 12px;
  margin-bottom: 42px;
  padding: 16px 16px 16px 20px;
}

.creators-onboarding-page-content__info-item {
  background-color: #111113;
  border-radius: 10px;
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin-bottom: 20px;
  padding: 16px;
  white-space: break-spaces;
}

@media screen and (max-width: 767px) {
  .creators-onboarding-page-content {
    flex-direction: column;
  }

  .creators-onboarding-page-content__onboarding-items {
    order: 2;
  }

  .creators-onboarding-page-content__info {
    flex: 0;
    margin-top: 0;
    order: 1;
  }

  .creators-onboarding-page-content__complete-account {
    margin-bottom: 32px;
  }

  .creators-onboarding-page-content__info-items-list {
    display: flex;
    max-width: 100%;
    overflow: auto;
    white-space: nowrap;
    width: 100%;
  }

  .creators-onboarding-page-content__info-item {
    display: inline-flex;
    flex: 1;
    margin-bottom: 10px;
    margin-right: 20px;
    max-width: 327px;
    min-width: calc(100% - 36px);
  }
}

.creators-onboarding-page-content__pwa-popup-button {
  color: #ff3332;
  cursor: pointer;
}

.help-tooltip {
  align-items: center;
  cursor: default;
  display: inline-flex;
  font-weight: 400;
  height: 16px;
  justify-content: center;
  line-height: 15px;
  min-width: 16px;
  text-align: center;
  width: 16px;
  font-size: 0.625rem;
}

.help-tooltip:hover {
  color: #fff;
}

.help-tooltip--border {
  border: 1px solid currentColor;
  border-radius: 50%;
}

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

.help-tooltip__tooltip .tooltip-inner {
  padding: 8px 10px;
}

.ps {
  overflow: hidden !important;
  overflow-anchor: none;
  touch-action: auto;
}

.ps__rail-x,
.ps__rail-y {
  display: none;
  opacity: 0;
  position: absolute;
  transition: background 0.2s linear, opacity 0.2s linear;
}

.ps__rail-x {
  bottom: 0;
  height: 15px;
}

.ps__rail-y {
  right: 0;
  width: 15px;
}

.ps--active-x>.ps__rail-x,
.ps--active-y>.ps__rail-y {
  background: 0 0;
  display: block;
}

.ps--focus>.ps__rail-x,
.ps--focus>.ps__rail-y,
.ps--scrolling-x>.ps__rail-x,
.ps--scrolling-y>.ps__rail-y,
.ps:hover>.ps__rail-x,
.ps:hover>.ps__rail-y {
  opacity: 0.6;
}

.ps>.ps__rail-x.ps--clicking,
.ps>.ps__rail-x:focus,
.ps>.ps__rail-x:hover,
.ps>.ps__rail-y.ps--clicking,
.ps>.ps__rail-y:focus,
.ps>.ps__rail-y:hover {
  background: #eee;
  opacity: 0.9;
}

.ps__thumb-x,
.ps__thumb-y {
  background: #aaa;
  border-radius: 6px;
  position: absolute;
}

.ps__thumb-x {
  bottom: 2px;
  height: 6px;
  transition: background 0.2s linear, height 0.2s ease-in-out;
}

.ps__thumb-y {
  right: 2px;
  transition: background 0.2s linear, width 0.2s ease-in-out;
  width: 6px;
}

.ps__rail-x.ps--clicking .ps__thumb-x,
.ps__rail-x:focus>.ps__thumb-x,
.ps__rail-x:hover>.ps__thumb-x {
  background: #999;
  height: 11px;
}

.ps__rail-y.ps--clicking .ps__thumb-y,
.ps__rail-y:focus>.ps__thumb-y,
.ps__rail-y:hover>.ps__thumb-y {
  background: #999;
  width: 11px;
}

.cl__iframe-wrapper {
  background: #fff;
  position: relative;
  width: calc(100vw - 32px);
}

.cl__iframe {
  border: 0;
  display: block;
  height: calc(100vh - 40px);
  width: 100%;
}

.cl__benefits-list {
  margin: 8px 0 0;
}

.cl__benefit {
  align-items: center;
  color: #000;
  font-size: 12px;
  font-weight: 500;
  line-height: 20px;
  margin: 0;
  display: flex;
  flex-direction: row;
}

.cl__benefit .icon-check-1 {
  color: #d60908;
  height: 12px;
  margin: 0 16px 0 0;
  min-width: 12px;
  width: 12px;
}

.cl__benefit .icon-gift {
  fill: currentColor;
  margin-right: 14px;
}

.cl__benefits {
  background: 0 0;
  border-radius: 12px;
  padding: 0;
}

.cl__header {
  column-gap: 20px;
  display: flex;
  flex-wrap: wrap;
  margin: 0 auto;
  max-width: 100%;
  padding: 20px 12px 0;
  row-gap: 10px;
  width: 924px;
}

.cl__header .displayname__name {
  color: #000;
}

.cl__header .display-full-name__nickname {
  color: rgba(5, 5, 6, 0.4);
  font-size: 10px;
}

.cl__header .user-status-icon {
  background: #fff;
}

.cl__header-block {
  background: rgba(212, 212, 212, 0.2);
  border-radius: 6px;
  min-height: 104px;
  padding: 12px 16px;
}

.cl__header-block--size--big {
  flex: 1;
}

.cl__header-block--size--small {
  width: 340px;
}

.cl__header-title {
  color: rgba(5, 5, 6, 0.4);
  font-size: 10px;
  text-transform: uppercase;
}

.cl__logo {
  background: url(/assets/common/images/myclub-logo-black.svg) no-repeat center;
  background-size: contain;
  height: 20px;
  margin: 0 0 12px;
  width: 68px;
}

@media screen and (max-width: 1023px) {
  .cl {
    width: 100%;
  }
}

@media screen and (max-width: 942px) {
  .cl__header {
    background: #343437;
    left: 0;
    padding: 0;
    position: absolute;
    top: 0;
  }

  .cl__header .displayname__name {
    color: #fff;
  }

  .cl__header .display-full-name__nickname {
    color: #a0a0a1;
  }

  .cl__logo {
    display: none;
  }

  .cl__iframe-wrapper--with-header {
    padding-top: 72px;
  }

  .cl__header-block {
    background: 0 0;
    min-height: 60px;
    min-width: 100%;
    padding: 12px;
  }

  .cl__header-block--size--small {
    display: none;
  }
}

.modal-information {
  max-width: calc(100vw - 32px);
  padding: 10px 16px 24px;
  text-align: center;
  width: 456px;
}

.modal-information__icon {
  display: block;
  margin: 0 0 12px;
}

.modal-information__icon.icon-mail {
  fill: #fff;
  margin-top: 20px;
}

.modal-information__description {
  color: #fff;
  font-size: 13px;
  font-weight: 500;
  line-height: 20px;
  margin: 10px 0 16px;
}

.modal-information .modal-body {
  text-align: center;
  width: 480px;
}

@media screen and (max-width: 600px) {
  .modal-information .modal-body {
    width: calc(100vw - 20px);
  }
}

.global-loader {
  align-items: center;
  -webkit-backdrop-filter: blur(3px);
  backdrop-filter: blur(3px);
  background: rgba(0, 0, 0, 0.4);
  bottom: 0;
  display: flex;
  justify-content: center;
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 100;
}

.list-round-marker {
  color: #cfcfd0;
  font-size: 13px;
  font-weight: 500;
  line-height: 18px;
}

.list-item-round-marker {
  display: flex;
  margin: 10px 0;
}

.list-item-round-marker__content {
  padding: 4px 0 0;
}

.list-item-round-marker__marker {
  align-items: center;
  background: rgba(255, 255, 255, 0.1);
  border-radius: 7px;
  color: #fff;
  display: flex;
  height: 24px;
  justify-content: center;
  margin: 2px 12px 0 0;
  width: 24px;
}

.list-item-round-marker__description {
  color: rgba(255, 255, 255, 0.5);
  font-size: 12px;
  font-weight: 400;
  line-height: 15px;
}

.list-item-round-marker__title {
  font-size: 15px;
  font-weight: 400;
  line-height: 18px;
  margin: 0 0 4px;
}

.cW {
  max-width: 100%;
  padding: 24px;
  width: 600px;
}

.cW__title {
  line-height: 27px;
  margin: 0 0 10px;
}

.cW__description {
  margin-bottom: 24px;
  opacity: 0.6;
}

.cW__sources {
  display: flex;
  flex-direction: column;
}

.cW__link {
  color: #fff;
  cursor: pointer;
  font-size: 22px;
  font-weight: 500;
  margin-bottom: 10px;
}

.cW__link:focus,
.cW__link:hover {
  text-decoration: none;
}

.cW__link:last-child {
  margin-bottom: 0;
}

.cW__divider {
  border-top: 1px solid rgba(255, 255, 255, 0.15);
  margin: 20px 0;
}

.cW__footer {
  display: flex;
  justify-content: flex-end;
}

.b5 .title {
  margin-bottom: 14px;
}

.b5 .description {
  font-size: 0.938rem;
  line-height: 1.5rem;
  color: rgba(255, 255, 255, 0.8);
  font-weight: 400;
  margin: 0 0 30px;
}

.b5 .scroll-bar-container {
  white-space: nowrap;
}

.b5__header-cell {
  align-items: center;
  display: flex;
  gap: 5px;
  justify-content: start;
}

.b5__cell {
  align-items: flex-end;
  display: flex;
  gap: 12px;
}

.b5__cell--vertical {
  flex-direction: column;
  gap: 0;
}

.b5__cell--center {
  align-items: center;
}

.b5__cell--left {
  align-items: flex-start;
}

.b5__icon-wrapper {
  background: #343437;
  border-radius: 10px;
  display: grid;
  height: 32px;
  place-items: center;
  width: 32px;
}

.b5__my-flag {
  align-items: center;
  background: linear-gradient(180deg, #b672fb 0, #8a19fc 100%);
  color: #fff;
  display: flex;
  height: 17px;
  justify-content: center;
  width: 24px;
}

.b5__title {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.b5__beta {
  background: #343437;
  border-radius: 6px;
  display: flex;
  font-size: 13px;
  font-weight: 500;
  line-height: 16px;
  margin-left: 10px;
  padding: 4px 8px;
  width: 44px;
}

.transfer-stepper {
  margin: 0 auto;
  max-width: 504px;
}

.transfer-stepper__logo {
  display: flex;
  justify-content: center;
  margin: 0 0 20px;
}

.transfer-stepper__title {
  font-size: 32px;
  font-weight: 500;
  line-height: 39px;
  margin: 0 0 12px;
  text-align: center;
}

.transfer-stepper__description {
  color: #a0a0a1;
  font-size: 13px;
  line-height: 20px;
  margin: 0 0 34px;
  text-align: center;
}

.Z {
  padding: 20px;
}

.Z__benefits-list {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin: 5px 0;
}

.Z__benefit {
  align-items: center;
  background: #232325;
  border-radius: 12px;
  color: rgba(255, 255, 255, 0.6);
  flex: 1 0 224px;
  font-size: 12px;
  line-height: 120%;
  min-height: 48px;
  padding: 10px 13px;
  width: 224px;
  display: flex;
  flex-direction: row;
}

.Z__benefit .icon-check-1 {
  color: #d60908;
  height: 16px;
  min-width: 12px;
  width: 16px;
}

.Z__benefit .icon-gift {
  fill: currentColor;
  margin-right: 14px;
}

@media (max-width: 540px) {
  .Z__benefit {
    width: 100%;
  }
}

.Z__icon {
  color: #d60908;
  margin-right: 12px;
}

.Z__actions--sticked {
  backdrop-filter: blur(2px);
  background: rgba(27, 27, 29, 0.8);
  border-radius: 0 0 12px 12px;
  bottom: 0;
  left: 0;
  padding: 20px;
  position: absolute;
  width: 100%;
}

@media screen and (max-height: 760px) {
  .Z__actions--sticked {
    border-top: 1px solid rgba(255, 255, 255, 0.05);
  }
}

.Z__actions>.btn {
  margin-top: 10px;
  width: 100%;
}

.Z__actions>.btn>.icon-diamond-colored,
.Z__actions>.btn>.icon-diamond-flat {
  height: 16px;
  margin: 0 6px 0 0;
  width: 16px;
}

.Z__actions>.btn:first-child:last-of-type {
  margin-top: 0;
}

.Z__actions-description {
  color: #f8f8f8;
  font-size: 11px;
  font-weight: 500;
  line-height: 13px;
  margin: 12px 0 0;
  opacity: 0.4;
  text-align: center;
}

@media screen and (max-width: 479px) {
  .Z {
    padding: 0 20px 20px;
  }

  .Z__benefits-list {
    gap: 0;
    margin: 20px 0 0;
  }

  .Z__benefit {
    border-radius: 0;
    min-height: auto;
  }

  .Z__benefit:first-child {
    border-radius: 12px 12px 0 0;
  }

  .Z__benefit:last-child {
    border-radius: 0 0 12px 12px;
  }
}

.smiles-dropdown {
  --dropdown-max-height: 300px;
  align-items: center;
  display: flex;
  line-height: 40px;
  margin-right: 8px;
  pointer-events: all;
}

.smiles-dropdown__list {
  background: #161616;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  display: block;
  margin: 0;
  position: absolute;
  transition: top 0.15s ease, left 0.15s ease;
  visibility: hidden;
  z-index: 501;
}

.smiles-dropdown__list--visible {
  visibility: visible;
}

.smiles-dropdown__list .smile {
  height: 26px;
  width: 26px;
}

.smiles-dropdown__list .scroll-bar-container {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  max-height: var(--dropdown-max-height);
  padding: 8px;
}

.smiles-dropdown__icon {
  color: #fff;
  display: inline-flex;
  opacity: 0.6;
  position: relative;
  width: 20px;
}

.smiles-dropdown__icon--active,
.smiles-dropdown__icon:hover {
  opacity: 1;
}

.cn {
  align-items: center;
  display: grid;
  grid-column-gap: 20px;
  grid-template-columns: minmax(168px, 1fr) auto auto;
}

.cn__input-label {
  position: relative;
}

.cn__input-label .input {
  padding-left: 38px;
}

.cn__input-label--error .scheduled-post-settings__input-icon {
  color: #fd3a5b;
}

.cn__input-icon {
  align-items: center;
  bottom: 0;
  color: rgba(255, 255, 255, 0.6);
  display: flex;
  left: 14px;
  pointer-events: none;
  position: absolute;
  top: 0;
}

.cn__clear-button {
  align-items: center;
  background-color: #5b5b5b;
  border: 3px solid #1b1b1d;
  border-radius: 50%;
  cursor: pointer;
  display: flex;
  height: 24px;
  justify-content: center;
  margin: auto;
  transition: all ease 0.25s;
  width: 24px;
}

.cn__clear-button-icon {
  color: #fff;
  fill: #fff;
  margin: 0;
}

.cn__clear-button:hover {
  background-color: #af262f;
}

.cn__input-invisible {
  border: 0;
  border-radius: 12px;
  bottom: 0;
  left: 0;
  max-width: 100%;
  opacity: 0;
  position: absolute;
  top: 0;
  width: 200px;
  z-index: 1;
}

.N {
  background-color: #232325;
  border-radius: 8px 8px 0 0;
  box-shadow: 0 20px 30px rgba(0, 0, 0, 0.3);
  display: flex;
  flex-direction: column;
  padding-bottom: env(safe-area-inset-bottom);
  position: relative;
  transition: width 200ms;
  width: 250px;
}

@media (max-width: 639px) {
  .N {
    border-radius: 0;
    bottom: var(--tap-bar-height);
    left: 0;
    position: fixed;
    right: 0;
    top: var(--pwa-notification-height);
  }
}

.N:not(:first-child) {
  margin-left: 20px;
}

.N__content {
  display: flex;
  flex-direction: column;
  height: 0;
  justify-content: flex-end;
  position: relative;
  transition: height 200ms;
}

.N__content--expanded {
  height: 430px;
  max-height: calc(100vh - 100px);
}

@media (max-width: 639px) {
  .N__content--expanded {
    flex: 1;
  }
}

@media screen and (max-width: 639px) {
  .N__content--expanded {
    height: auto;
    max-height: none;
    overflow: hidden;
  }
}

.N .chat-header-username {
  max-width: 160px;
}

.N--expanded {
  overflow: inherit;
  width: 360px;
}

@media (max-width: 639px) {
  .N--expanded {
    width: 100%;
  }
}

.N--expanded .messenger-chat-header {
  border-color: transparent;
  border-bottom-color: rgba(255, 255, 255, 0.1);
}

.N--expanded .chat-header-username {
  max-width: 180px;
}

.N__skeleton-wrapper {
  flex: 1;
  max-height: 100%;
}

.see-last-message {
  align-items: center;
  background-color: #fff;
  border-radius: 50%;
  bottom: 87px;
  color: #101010;
  display: flex;
  height: 32px;
  justify-content: center;
  left: 50%;
  opacity: 0.8;
  position: absolute;
  transform: rotate(270deg);
  width: 32px;
}

.see-last-message:hover {
  opacity: 1;
}

.see-last-message-icon {
  margin: 0;
}

.message-request-reply-note {
  align-items: center;
  background-color: #343437;
  border-radius: 8px;
  color: rgba(255, 255, 255, 0.6);
  display: flex;
  justify-content: center;
  margin: 16px 12px 12px;
  padding: 12px 14px;
  text-align: center;
}

.feed {
  position: relative;
}

.feed .feed-loader-wrapper {
  align-items: center;
  justify-content: center;
  display: flex;
  flex-direction: row;
  height: 90px;
}

.feed .feed-info {
  width: 642px;
}

@media screen and (max-width: 639px) {
  .feed .feed-info {
    padding: 0 20px;
  }
}

.feed .feed-info-title {
  font-size: 20px;
  font-weight: 700;
  letter-spacing: normal;
  line-height: 24px;
  color: #fff;
}

.feed .feed-info-description {
  font-size: 14px;
  font-weight: 400;
  letter-spacing: normal;
  line-height: normal;
  color: rgba(255, 255, 255, 0.6);
  margin-top: 20px;
}

.feed__tabs {
  max-width: calc(100vw - 32px);
  width: 100%;
}

.feed__tabs .pill-page-tabs {
  max-width: 100%;
}

.feed-content {
  align-items: center;
  display: flex;
  flex-direction: column;
  margin: 0 auto;
  max-width: 100vw;
  position: relative;
  width: 742px;
}

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

.feed-post {
  margin-bottom: 20px;
  width: 100%;
}

.feed-post:last-child {
  margin-bottom: 0;
}

.feed-post:last-child .tile-footer::after {
  display: none;
}

.c2__checkbox-container {
  align-items: flex-start;
  display: grid;
  grid-auto-flow: column;
  grid-column-gap: 8px;
  justify-content: start;
}

.c2__checkbox-title {
  color: #fff;
  font-size: 14px;
  word-break: break-all;
}

.user-fan-club-subscribe {
  border-radius: 16px;
  max-width: min(100vw - 32px, 100%);
  overflow: hidden;
  padding: 0;
  width: 500px;
}

.select-tooltip {
  left: 0;
  position: fixed;
  top: 0;
  z-index: 599;
}

.cX,
.cX__button {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.cX__button {
  align-items: center;
  background: 0 0;
  border: 0;
  color: #fff;
  cursor: pointer;
  filter: drop-shadow(0 1px 10px rgba(0, 0, 0, 0.4));
  font-size: 12px;
  gap: 4px;
  position: relative;
  text-shadow: 0 0 2px rgba(0, 0, 0, 0.1);
  transition: 0.3s color;
}

.cX__button--style--like:hover,
.cX__button--style--liked {
  color: #f44;
}

.cX__button--style--follow:hover,
.cX__button--style--followed {
  color: #fccf49;
}

.cX__button--style--tip:hover {
  color: #cfcfd0;
}

.cX__button--style--joined {
  color: #ff3332;
  pointer-events: none;
}

.cX__button--style--joined .icon-check-round-fill {
  position: relative;
}

.cX__button--style--joined::before {
  background: #fff;
  content: "";
  height: 17px;
  position: absolute;
  top: 8px;
  width: 19px;
}

.cX__button--style--join:hover {
  color: #ff3332;
}

.cX__menu {
  background: #1b1b1d;
  border-radius: 12px;
  bottom: 12px;
  left: 12px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  right: 12px;
  transform: translateY(100%);
  transition: 0.3s transform, 0.3s opacity;
  z-index: 2;
}

.cX__menu--visible {
  opacity: 1;
  transform: translateY(0);
}

.cX__menu-item {
  align-items: center;
  column-gap: 6px;
  cursor: pointer;
  display: flex;
  height: 48px;
  padding: 0 20px;
}

.cX__menu-item:hover {
  background: #232325;
}

.cX__controls {
  aspect-ratio: 0.5625;
  bottom: 0;
  height: 100%;
  left: 50%;
  pointer-events: none;
  position: absolute;
  transform: translateX(-50%);
  z-index: 3;
  -webkit-user-select: none;
  user-select: none;
}

.cX__controls--mobile {
  left: auto;
  position: static;
  right: 0;
  transform: none;
}

.cX__arrow {
  border-radius: 50%;
  color: #a0a0a1;
  cursor: pointer;
  margin-top: -12px;
  overflow: hidden;
  pointer-events: auto;
  position: absolute;
  top: 50%;
  transition: 0.3s color;
}

.cX__arrow:hover {
  color: #fff;
}

.cX__arrow--style--left {
  margin-right: 24px;
  right: 100%;
  transform: rotate(180deg);
}

.cX__arrow--style--right {
  left: 100%;
  margin-left: 24px;
}

.cX__controls-aside {
  bottom: 0;
  left: 100%;
  margin: 0 0 0 24px;
  pointer-events: auto;
  position: absolute;
  width: 32px;
}

.cX__controls-aside--mobile {
  bottom: 70px;
  left: auto;
  margin: 0;
  right: 14px;
}

@media (max-height: 750px) {
  .cX__arrow--not-own-left {
    color: rgba(0, 0, 0, 0.6);
    left: 14px;
    margin: 0;
    right: auto;
  }

  .cX__arrow--not-own-left:hover,
  .cX__arrow--not-own-right:hover {
    color: rgba(0, 0, 0, 0.8);
  }

  .cX__arrow--not-own-right {
    color: rgba(0, 0, 0, 0.6);
    left: auto;
    margin: 0;
    right: 14px;
  }
}

@media (max-height: 480px) {
  .cX__arrow {
    color: rgba(0, 0, 0, 0.6);
  }

  .cX__arrow:hover {
    color: rgba(0, 0, 0, 0.8);
  }

  .cX__arrow--style--left {
    left: 14px;
    margin-right: 24px;
    right: auto;
  }

  .cX__arrow--style--right {
    left: auto;
    margin-left: 24px;
    right: 14px;
  }
}

.bz {
  margin-bottom: 160px;
  min-height: min(100vh, 1000px);
}

.bz__arrows {
  height: 120px;
  position: relative;
}

.bz__arrows--with-margin {
  margin-top: -200px;
}

.bz__arrow {
  background-size: contain;
  height: 104px;
  margin: 1.5em 0 0;
  position: absolute;
  top: 100%;
  width: 100px;
}

.bz__arrow--first {
  background: url(/assets/common/images/promo/arrow-thin-2.svg) center/contain no-repeat;
  left: 60%;
  top: -2rem;
}

.bz__arrow--second {
  background: url(/assets/common/images/promo/arrow-thin-1.svg) center/contain no-repeat;
  left: 20%;
  top: -4rem;
}

.bz__title {
  font-size: 2.75rem;
  line-height: 3.125rem;
  font-weight: 700;
  margin: 0 0 52px;
  text-align: center;
}

.bz__footer {
  align-items: center;
  display: flex;
  flex-direction: column;
}

.bz__footer-title {
  font-size: 2.125rem;
  line-height: 2.625rem;
  font-weight: 700;
  margin: 0 0 20px;
}

.bz__footer-actions {
  align-items: center;
  display: flex;
  flex-direction: column;
}

.bz__arrow-wrapper {
  cursor: pointer;
}

.bz__arrow-wrapper .arrow-down-animated {
  margin-left: 0;
}

.bz .footer-button {
  align-items: center;
  border-radius: 16px;
  display: grid;
  grid-auto-flow: column;
  grid-column-gap: 8px;
  justify-content: center;
  margin-bottom: 12px;
  max-width: 144px;
  min-height: 50px;
  width: 100%;
  font-size: 1.125rem;
}

@media screen and (max-width: 767px) {
  .bz__arrows--with-margin {
    margin: -30px;
  }
}

.favorite-button {
  z-index: 2;
}

.favorite-button.favorited {
  color: #d60908;
}

.favorite-button--active {
  z-index: 3;
}

.favorite-button__content {
  color: #fff;
}

.bBB {
  flex: 1;
  position: relative;
  width: 100%;
}

.bBB__size {
  aspect-ratio: 5/4;
  display: block;
  visibility: hidden;
  width: 100%;
}

.bBB__shadow-box {
  border-radius: 50%;
  box-shadow: 0 0 200px rgba(163, 73, 252, 0.6);
  pointer-events: none;
  position: absolute;
}

.bBB__shadow-box--face--1 {
  left: 20%;
  padding-top: 31%;
  top: 74%;
  width: 31%;
}

.bBB__shadow-box--face--2 {
  left: 30%;
  padding-top: 44%;
  top: 10%;
  width: 48%;
}

.bBB__face {
  position: absolute;
}

.bBB__face--face--1 {
  left: 14%;
  top: 73%;
  width: 38%;
}

.bBB__face--face--2 {
  left: 30%;
  top: 5%;
  width: 60%;
}

.bBB__face--chat {
  position: absolute;
}

.bBB__face--chat--1 {
  left: 14%;
  top: 0;
  width: 41%;
}

.bBB__face--chat--2 {
  left: 53%;
  top: 100%;
  width: 47%;
}

.bBB__face--shadow {
  border-radius: 20px;
  box-shadow: 0 0 200px rgba(163, 73, 252, 0.6);
}

.bBB__smile {
  left: 87%;
  position: absolute;
  top: 95%;
  width: 8%;
}

@media screen and (max-width: 767px) {
  .bBB {
    margin-top: 20px;
  }
}

.third-party-authorization .third-party-authorization-separator {
  color: rgba(255, 255, 255, 0.7);
  margin: 5px 0;
  padding: 5px 0;
  position: relative;
  font-size: 0.75rem;
  line-height: 0.938rem;
  display: flex;
  flex-direction: row;
}

.third-party-authorization .third-party-authorization-separator .third-party-authorization-separator-label {
  font-weight: 500;
  padding: 3px 15px;
  flex: 1;
  flex-basis: auto;
  flex-grow: 0;
  flex-shrink: 0;
}

.third-party-authorization .third-party-authorization-separator:after,
.third-party-authorization .third-party-authorization-separator:before {
  border-top: 1px solid rgba(255, 255, 255, 0.3);
  content: " ";
  margin: 10px 0;
  flex: 1;
  flex-basis: auto;
  flex-grow: 1;
  flex-shrink: 1;
}

.third-party-authorization .google-authorization {
  background: #e0535c;
  border: 2px solid transparent;
  align-items: center;
  border-radius: 4px;
  cursor: pointer;
  justify-content: space-between;
  max-width: 300px;
  min-height: 38px;
  padding: 5px 0;
  width: 100%;
  display: flex;
  flex-direction: row;
  transition: all 120msms ease-in-out 0s;
}

.third-party-authorization .google-authorization .google-authorization-icon {
  border-right: 1px solid rgba(255, 255, 255, 0.5);
  padding: 0 15px 0 20px;
}

.third-party-authorization .google-authorization .google-authorization-label {
  color: #fff;
  font-weight: 700;
  justify-content: center;
  opacity: 0.8;
  text-align: center;
  font-size: 0.938rem;
  line-height: 1.188rem;
  display: flex;
  flex-direction: row;
  flex: 1;
  flex-basis: auto;
  flex-grow: 1;
  flex-shrink: 1;
}

.third-party-authorization .google-authorization:hover {
  background: #ea5f69;
}

.third-party-authorization .twitter-auth-wrapper {
  margin-top: 12px;
}

.third-party-authorization .twitter-auth {
  background: #4691d0;
  border: 2px solid transparent;
  align-items: center;
  border-radius: 4px;
  cursor: pointer;
  justify-content: space-between;
  max-width: 300px;
  min-height: 38px;
  padding: 5px 0;
  width: 100%;
  display: flex;
  flex-direction: row;
  transition: all 120msms ease-in-out 0s;
}

.third-party-authorization .twitter-auth .twitter-auth-icon {
  border-right: 1px solid rgba(255, 255, 255, 0.5);
  color: #f8f8f8;
  padding: 0 15px 0 20px;
}

.third-party-authorization .twitter-auth .twitter-auth-label {
  color: #f8f8f8;
  font-weight: 700;
  justify-content: center;
  opacity: 0.8;
  text-align: center;
  font-size: 0.938rem;
  line-height: 1.188rem;
  display: flex;
  flex-direction: row;
  flex: 1;
  flex-basis: auto;
  flex-grow: 1;
  flex-shrink: 1;
}

.third-party-authorization .twitter-auth:hover {
  background: #449dda;
}

.abilitie-tip {
  flex: 1;
  margin: 20px 0 20px auto;
  max-width: 600px;
  overflow: hidden;
  position: relative;
}

.abilitie-tip::after {
  bottom: 70px;
  box-shadow: 0 0 150px 182px rgba(138, 24, 252, 0.3);
  content: "";
  height: 1px;
  left: 50%;
  pointer-events: none;
  position: absolute;
  top: 50%;
  width: 1px;
  z-index: 10;
}

.abilitie-tip__message {
  align-items: center;
  display: flex;
  height: 100%;
  justify-content: center;
  left: 0;
  pointer-events: none;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 11;
}

.abilitie-tip__message>.login-message-wrapper {
  opacity: 0;
  transform: scale(0);
  transition: opacity 0.5s, transform 0.5s;
}

.abilitie-tip__message::before {
  background: rgba(0, 0, 0, 0.4);
  content: "";
  height: 100%;
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  transition: opacity 0.3s;
  width: 100%;
}

.abilitie-tip__message--visible {
  pointer-events: auto;
}

.abilitie-tip__message--visible>.login-message-wrapper {
  opacity: 1;
  transform: scale(1);
}

.abilitie-tip__message--visible>.login-message-wrapper .login-message__inline-emoji {
  animation: animation-ability-tip 2.5s ease;
}

.abilitie-tip__message--visible::before {
  opacity: 1;
}

@media screen and (max-width: 1023px) {
  .abilitie-tip .tip-modal__content .radio-pill-controls {
    grid-template-columns: repeat(3, 1fr);
  }
}

@media screen and (max-width: 639px) {
  .abilitie-tip {
    width: 100%;
  }
}

@media screen and (max-width: 767px) {
  .abilitie-tip {
    margin: 30px auto;
    max-width: 100%;
  }
}

.media-list-editor {
  align-items: center;
  background: #232325;
  border-radius: 12px;
  bottom: 12px;
  box-shadow: 0 0 12px rgba(0, 0, 0, 0.22), 0 19px 38px rgba(0, 0, 0, 0.3);
  color: #fff;
  display: flex;
  justify-content: space-between;
  left: 20px;
  min-height: 64px;
  padding: 0 24px;
  position: fixed;
  right: 20px;
  z-index: 3;
}

.media-list-editor__left {
  font-size: 15px;
  font-weight: 700;
}

.media-list-editor__left .red-color-text {
  display: inline-block;
  min-width: 30px;
}

.media-list-editor__left,
.media-list-editor__right {
  align-items: center;
  display: flex;
}

.media-list-editor__left>.btn,
.media-list-editor__right>.btn {
  margin: 0 16px 0 0;
}

.media-list-editor__left>.btn:last-child,
.media-list-editor__right>.btn:last-child {
  margin-right: 0;
}

.media-list-editor__select-all {
  min-width: 96px;
}

.media-list-editor__progress {
  align-items: center;
  background: #232325;
  border-radius: 12px;
  bottom: 32px;
  box-shadow: 0 0 12px rgba(0, 0, 0, 0.22), 0 19px 38px rgba(0, 0, 0, 0.3);
  color: #fff;
  display: flex;
  left: 32px;
  max-width: calc(100% - 64px);
  min-height: 64px;
  padding: 0 16px;
  position: fixed;
  width: 362px;
  z-index: 3;
}

.media-list-editor__progress-icon {
  height: 18px;
  margin: 0 16px 0 0;
  width: 18px;
}

@media screen and (max-width: 1023px) {
  .media-list-editor {
    bottom: 0;
    left: 0;
    right: 0;
  }

  .media-list-editor__progress {
    bottom: 16px;
    left: 16px;
  }
}

@media screen and (max-width: 639px) {
  .media-list-editor__select-all {
    display: none !important;
  }
}

.tile-header {
  display: flex;
  padding: 14px 0 14px;
  position: relative;
}

.tile-header .avatar-wrapper {
  position: relative;
  z-index: 1;
}

.tile-header .avatar-border {
  border: 0;
}

.tile-header .content-wrapper {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  justify-content: center;
  margin: 0 0 2px 14px;
}

.tile-header .content {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  padding: 0 30px 0 0;
  word-break: break-all;
}

.tile-header .scheduled-at {
  align-items: center;
  color: #fccf49;
  display: inline-grid;
  font-size: 12px;
  font-weight: 700;
  grid-auto-flow: column;
  grid-column-gap: 6px;
}

.tile-header-fan-club {
  font-size: 12px;
  font-weight: 400;
  letter-spacing: normal;
  line-height: normal;
  align-items: center;
  background: #363636;
  border-radius: 62px;
  display: flex;
  height: 32px;
  padding: 0 8px;
  pointer-events: none;
}

@media screen and (max-width: 639px) {
  .tile-header-fan-club .icon {
    margin: 0;
  }
}

.posted-at {
  color: #fff;
  font-size: 12px;
  margin-top: 2px;
  opacity: 0.6;
}

.posted-at:hover {
  opacity: 0.8;
}

.picture-album-grid {
  column-gap: 12px;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  row-gap: 24px;
}

@media screen and (min-width: 480px) {
  .picture-album-grid {
    grid-template-columns: repeat(3, 1fr);
  }
}

@media screen and (min-width: 640px) {
  .picture-album-grid {
    column-gap: 20px;
    grid-template-columns: repeat(4, 1fr);
    row-gap: 40px;
  }
}

@media screen and (min-width: 1366px) {
  .picture-album-grid {
    grid-template-columns: repeat(5, 1fr);
  }
}

.a11y-button {
  background: 0 0;
  border: 0;
  color: inherit;
  cursor: pointer;
  font-size: inherit;
  font-weight: inherit;
  letter-spacing: inherit;
  padding: 0;
  -webkit-user-select: none;
  user-select: none;
}

.a11y-button--icon {
  border-radius: 2px;
  padding: 2px;
}

.a11y-button--icon:hover {
  background: rgba(248, 248, 248, 0.1);
  color: #fff;
}

.my-collection-album__sub-title {
  margin: 8px 0 36px;
}

.bn {
  color: #fff;
  min-height: 48px;
  padding: 0 18px;
}

.bn--type--default {
  background-color: #755e8d;
}

.bn--type--warning {
  background-color: #ffc107;
  color: #050506;
}

.bn--type--warning .bn__button-view-request {
  border-color: rgba(5, 5, 6, 0.4);
}

.bn--type--alert {
  background-color: #d21b4c;
}

.bn__icon {
  min-width: 20px;
}

.bn__body {
  align-items: center;
  display: flex;
  font-size: 14px;
  font-weight: 700;
  gap: 10px;
  justify-content: center;
  line-height: 17px;
  margin: 0 auto;
  padding: 8px 0;
}

.bn__button-view-request {
  background: 0 0;
  border: 2px solid rgba(255, 255, 255, 0.4);
  border-radius: 10px;
  color: inherit;
  cursor: pointer;
  font-size: 13px;
  padding: 6px 16px;
  white-space: nowrap;
}

.bn__close-button-container {
  color: inherit;
  padding: 0 14px;
}

.bn__close-button {
  background: 0 0;
  border: 0;
  color: inherit;
  cursor: pointer;
  padding: 2px;
}

.creators-complete-account-badge {
  align-items: center;
  -webkit-backdrop-filter: blur(3.23077px);
  backdrop-filter: blur(3.23077px);
  background: rgba(52, 52, 55, 0.4);
  border-radius: 44px;
  color: #fff;
  cursor: pointer;
  display: inline-flex;
  height: 44px;
  padding: 2px 16px;
  transition: max-width 200ms linear;
}

.creators-complete-account-badge:hover .creators-complete-account-badge__icon-wrapper {
  opacity: 1;
  width: 38px;
}

.creators-complete-account-badge__content {
  align-items: center;
  display: flex;
  justify-content: space-between;
}

.creators-complete-account-badge__title {
  font-size: 12px;
  font-weight: 700;
  margin-bottom: 6px;
  white-space: nowrap;
}

.creators-complete-account-badge__percent {
  font-size: 24px;
  font-weight: 700;
  margin-left: 20px;
}

.creators-complete-account-badge__icon-wrapper {
  align-items: center;
  display: flex;
  justify-content: flex-end;
  opacity: 0;
  overflow: hidden;
  transition: opacity 200ms linear 50ms, width 200ms linear 50ms;
  width: 0;
}

@media screen and (max-width: 1023px) {
  .creators-complete-account-badge {
    height: 32px;
    padding: 4px 12px;
  }

  .creators-complete-account-badge__icon {
    display: none;
  }

  .creators-complete-account-badge__title {
    font-size: 10px;
    margin-bottom: 2px;
  }
}

.user-photo-upload-cut-modal {
  border-radius: 3px;
  display: inline-flex !important;
  flex-direction: column;
  height: 800px;
  max-height: calc(100% - 10px * 2);
  max-width: calc(100% - 10px * 2);
  width: 692px;
}

.user-photo-upload-cut-modal.is-pending {
  opacity: 0.33;
  pointer-events: none;
}

@media screen and (max-width: 480px) {
  .user-photo-upload-cut-modal {
    height: calc(100% - 10px * 2);
    min-height: 0;
    min-width: 0;
    width: calc(100% - 10px * 2);
  }
}

.user-photo-upload-cut-modal .modal-ds-content {
  display: inline-flex !important;
  flex-direction: column;
  height: 100%;
  padding: 10px 20px 20px !important;
}

.user-photo-upload-cut-modal .modal-ds-content .text {
  display: block;
  font-size: 0.875rem;
  line-height: 1.25rem;
}

.user-photo-upload-cut-modal .modal-ds-footer {
  display: flex;
  justify-content: flex-end;
}

.user-photo-upload-cut-modal .modal-ds-footer .btn-default-outline {
  color: #fff;
}

.user-photo-upload-cut-modal .modal-ds-footer .btn+.btn {
  margin-left: 20px;
}

.user-photo-upload-cut-modal .photo-cut-source-container {
  cursor: move;
  display: block;
  flex-grow: 1;
  flex-shrink: 1;
  margin: 10px 0;
  overflow: hidden;
  position: relative;
  text-align: left;
  -webkit-user-select: none;
  user-select: none;
  font-size: 0.875rem;
  line-height: 1.25rem;
}

.user-photo-upload-cut-modal .photo-cut-source-container .photo-cut-canvas {
  left: 0;
  position: absolute;
  top: 0;
}

.user-photo-upload-cut-modal .photo-cut-source-container .photo-cut-canvas-video {
  top: 50%;
  transform: translateY(-50%);
  width: 100%;
}

.user-photo-upload-cut-modal .photo-cut-source-container .photo-cut-frame-wrapper {
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
}

.user-photo-upload-cut-modal .photo-cut-source-container .photo-cut-frame-wrapper .photo-cut-filler {
  margin-top: 100%;
}

.br {
  display: flex;
  flex-direction: column;
  position: relative;
  z-index: 4
}

.br--reposition {
  -webkit-user-select: none;
  user-select: none
}

.br__video-parent {
  position: absolute;
  right: 0;
  top: -10%;
  transform-origin: left top;
  width: 100%
}

.br__avatar-flag {
  align-items: center;
  background: #232325;
  border-radius: 50%;
  display: flex;
  height: 34px;
  justify-content: center;
  position: absolute;
  right: -4px;
  top: 0;
  width: 34px
}

.br__st-link {
  align-items: center;
  display: inline-flex
}

.br__st-link-content {
  margin-bottom: 2px;
  overflow: hidden;
  position: relative
}

@media screen and (max-width:360px) {
  .br__st-link-content:after {
    background: linear-gradient(270deg, #050506 0, rgba(5, 5, 6, 0) 100%);
    content: "";
    display: block;
    height: 20px;
    position: absolute;
    right: 0;
    top: 0;
    width: 24px
  }
}

.br__live {
  align-items: center;
  background: #d21b4c;
  border-radius: 6px;
  color: #fff;
  column-gap: 4px;
  display: flex;
  font-size: 13px;
  font-weight: 700;
  height: 20px;
  margin: 0 0 0 8px;
  padding: 0 8px 0 4px;
  white-space: nowrap
}

.br__live:hover {
  background: #d9023c
}

.br__media {
  max-height: 100%;
  overflow: hidden;
  pointer-events: none;
  position: absolute;
  right: 0;
  top: 0;
  width: min(1144px, 100%)
}

.br__media-background-cover {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%
}

.br__media-background-cover--blured {
  filter: blur(20px)
}

.br__media--no-cover::before {
  background: linear-gradient(180deg, rgba(5, 5, 6, 0)0, #050506 100%), radial-gradient(50% 200%at 50% 50%, #582424eb 0, rgba(60, 24, 94, 0) 100%), linear-gradient(0deg, #050506, #050506), linear-gradient(270deg, #050506 0, rgba(5, 5, 6, 0) 50.03%), linear-gradient(95.78deg, #050506 4.6%, rgba(5, 5, 6, 0) 50.04%), linear-gradient(180deg, rgba(5, 5, 6, 0)0, #050506 100%);
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%
}

.br__media--shadow::after {
  background: linear-gradient(270deg, #050506 0, rgba(5, 5, 6, 0) 50.03%), linear-gradient(95.78deg, #050506 4.6%, rgba(5, 5, 6, 0) 50.04%), linear-gradient(180deg, rgba(5, 5, 6, 0)0, #050506 100%);
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%
}

.br__media-aspect-ratio {
  display: block;
  visibility: hidden;
  width: 100%;
  height: 580px;
}

.br__media-cover-image {
  left: 0;
  position: absolute;
  top: -30%;
  transform-origin: left top;
  width: 100%
}

.br__mobile-top-button {
  position: absolute;
  right: 15px;
  top: 70px;
  z-index: 4
}

.br__reposition-controls {
  bottom: 95px;
  position: absolute;
  right: 83px;
  z-index: 5
}

.br__reposition-controls--mobile {
  display: none
}

.br__info {
  margin: 0 auto;
  max-width: 1280px;
  padding: 64px 83px 0;
  position: relative;
  width: 100%;
  z-index: 3
}

@media screen and (max-width:1023px) {
  .br__info {
    padding: 80px 15px 0
  }
}

.br__tabs.tabs-ds {
  border-color: 1px solid rgba(255, 255, 255, .08);
  justify-content: center;
  margin: 44px 0 0;
  white-space: nowrap;
  width: 100%;
  z-index: 1
}

.br__tabs.tabs-ds::after,
.br__tabs.tabs-ds::before {
  background: rgba(255, 255, 255, .08);
  content: "";
  height: 1px;
  pointer-events: none;
  position: absolute;
  top: 100%;
  width: 1200px
}

.br__tabs.tabs-ds::before {
  box-sizing: border-box;
  right: 100%
}

.br__tabs.tabs-ds::after {
  left: 100%
}

.br__content-counters-wrapper--mobile {
  align-items: center;
  backdrop-filter: blur(10px);
  background: rgba(0, 0, 0, .2);
  border-radius: 20px;
  display: flex;
  padding: 14px 16px;
  position: absolute;
  right: 80px;
  top: 60px;
  z-index: 1
}

@media screen and (max-width:1023px) {
  .br__content-counters-wrapper--mobile {
    right: 15px
  }
}

@media (max-width:1079px) {
  .br__media--shadow::after {
    background: linear-gradient(0deg, #050506 0, rgba(5, 5, 6, .9) 24%, rgba(5, 5, 6, .75) 40%, rgba(5, 5, 6, .5) 60%, rgba(5, 5, 6, 0) 100%)
  }

  .br__avatar-wrapper {
    width: 80px
  }

  .br__avatar-wrapper .avatar {
    height: 80px;
    min-width: 80px;
    width: 80px
  }

  .br__name-wrapper {
    align-items: flex-start;
    flex-direction: column
  }

  .br__username {
    margin-left: 0;
    font-weight: bold;
  }

  .br .displayname.displayname--big .displayname__name {
    font-size: 1.75rem
  }

  .br__profile-counters {
    font-size: .875rem
  }

  .br__content-counters-wrapper {
    height: auto;
    margin-top: 16px;
    padding: 0
  }

  .br__content-counters-wrapper::before {
    display: none
  }

  .br .br__tabs {
    margin-top: 32px
  }

  .br__reposition-controls {
    display: none;
    position: relative
  }

  .br__reposition-controls--mobile {
    display: block
  }
}

.br__onboarding-badge {
  left: 90px;
  position: absolute;
  top: -10px
}

.br .tab-interactive-active-ds .white-color-text-2 {
  color: #a0a0a1
}

.br .tabs-ds {
  column-gap: 48px
}

.br .tab-ds {
  margin: 0
}

@media screen and (max-width:1023px) {
  .br__onboarding-badge {
    left: 54px;
    top: -4px
  }
}

@media screen and (max-width:639px) {
  .br .tabs-ds {
    column-gap: 32px
  }
}

@media screen and (max-width:320px) {
  .br .tabs-ds {
    column-gap: 24px
  }
}

.media-processing {
  align-items: center;
  display: flex;
  flex-direction: column;
  left: 50%;
  position: absolute;
  top: 200px;
  transform: translateX(-50%);
  z-index: 5
}

@media screen and (max-width:1023px) {
  .media-processing {
    top: 32%
  }
}

.media-processing .loader-text {
  color: #fff;
  margin-top: 10px;
  max-width: 210px;
  opacity: .6;
  text-align: center
}

.tab-ds,
.tabs-ds {
  align-items: center;
  display: flex
}

.tabs-ds {
  border-bottom: 1px solid rgba(255, 255, 255, .13);
  margin: 0;
  position: relative
}

.tab-ds {
  background: 0 0;
  border: 0;
  color: rgba(255, 255, 255, .6);
  justify-content: center;
  list-style-type: none;
  margin: 0 28px;
  outline: 0;
  overflow: visible;
  -webkit-user-select: none;
  user-select: none
}

.tab-ds:first-child {
  margin-left: 0
}

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

.personal-notifications-modal-panel .header-notifications-action a,
.tab-ds:hover {
  color: rgba(255, 255, 255, .8)
}

@media (max-width:639px) {
  .tab-ds--adaptive {
    flex: 1;
    margin: 0
  }

}

.tab-interactive-ds {
  align-items: center;
  display: flex;
  position: relative
}

.tab-interactive-medium-ds,
.tab-interactive-small-ds {
  font-weight: 400;
  letter-spacing: normal;
  line-height: normal
}

.tab-interactive-small-ds {
  font-size: 13px;
  margin-right: 30px;
  padding: 9px 0
}

.tab-interactive-medium-ds {
  font-size: 15px;
  height: 50px;
  padding: 0 0 12px
}

.tab-interactive-active-ds {
  color: #fff
}

.tab-interactive-active-ds:active,
.tab-interactive-active-ds:focus,
.tab-interactive-active-ds:hover {
  color: #fff
}

.tab-interactive-active-ds::after {
  background: var(--primary-border);
  border-radius: 3px;
  bottom: -1px;
  content: "";
  height: 3px;
  left: 0;
  position: absolute;
  width: 100%
}

.tab-link-ds {
  flex: 1;
  justify-content: center
}

.tab-link-ds,
.tab-link-ds:active,
.tab-link-ds:hover {
  text-decoration: none
}

.tab-link-ds:focus {
  text-decoration: inherit
}


.br__stories {
  margin: 0 auto;
  max-width: 100vw;
  padding: 0 16px;
  position: relative;
  width: 742px;
  padding: 0;
}

.br__name-wrapper {
  margin-top: 16px
}

.br__name-wrapper .displayname__name {
  word-break: break-word
}

.br__username {
  color: #fff;
  opacity: .6;
  font-size: 16px;
}

.br__avatar-wrapper {
  position: relative;
  width: 124px;
  z-index: 4
}

.br__profile-counters {
  color: rgba(255, 255, 255, .8);
  font-weight: 400;
  margin-top: 20px;
  opacity: .8;
  font-size: 1rem
}

.br__content-counters-wrapper {
  align-items: center;
  box-sizing: border-box;
  display: flex;
  height: 72px;
  justify-content: space-between;
  margin-top: 40px;
  padding: 7px 16px;
  position: relative;
  width: 100%;
  z-index: 5
}

.br__content-counters-wrapper::before {
  backdrop-filter: blur(38px);
  background: rgba(255, 255, 255, .05);
  border-radius: 20px;
  bottom: 0;
  content: "";
  left: 0;
  pointer-events: none;
  position: absolute;
  top: 0;
  width: 100%
}

.br__actions {
  display: flex;
  position: relative;
  width: 100%
}

.br .dropdown-content {
  padding: 4px 0
}

.br__tabs.tabs-ds {
  border-color: 1px solid rgba(255, 255, 255, .08);
  justify-content: center;
  margin: 44px 0 0;
  white-space: nowrap;
  width: 100%;
  z-index: 1
}

.br__tabs.tabs-ds::after,
.br__tabs.tabs-ds::before {
  background: rgba(255, 255, 255, .08);
  content: "";
  height: 1px;
  pointer-events: none;
  position: absolute;
  top: 100%;
  width: 1200px
}

.br__tabs.tabs-ds::before {
  box-sizing: border-box;
  right: 100%
}

.br__tabs.tabs-ds::after {
  left: 100%
}

.br__content-counters-wrapper--mobile {
  align-items: center;
  backdrop-filter: blur(10px);
  background: rgba(0, 0, 0, .2);
  border-radius: 20px;
  display: flex;
  padding: 14px 16px;
  position: absolute;
  right: 80px;
  top: 60px;
  z-index: 1
}

@media screen and (max-width:1023px) {
  .br__content-counters-wrapper--mobile {
    right: 15px
  }
}

@media (max-width:1079px) {
  .br__media--shadow::after {
    background: linear-gradient(0deg, #050506 0, rgba(5, 5, 6, .9) 24%, rgba(5, 5, 6, .75) 40%, rgba(5, 5, 6, .5) 60%, rgba(5, 5, 6, 0) 100%)
  }

  .br__avatar-wrapper {
    width: 80px
  }

  .br__avatar-wrapper .avatar {
    height: 100px;
    min-width: 100px;
    width: 100px
  }

  .br__name-wrapper {
    align-items: flex-start;
    flex-direction: column
  }

  .br__username {
    margin-left: 0
  }

  .br .displayname.displayname--big .displayname__name {
    font-size: 1.75rem
  }

  .br__profile-counters {
    font-size: .875rem
  }

  .br__content-counters-wrapper {
    height: auto;
    margin-top: 16px;
    padding: 0
  }

  .br__content-counters-wrapper::before {
    display: none
  }

  .br .br__tabs {
    margin-top: 32px
  }

  .br__reposition-controls {
    display: none;
    position: relative
  }

  .br__reposition-controls--mobile {
    display: block
  }
}

.br__onboarding-badge {
  left: 90px;
  position: absolute;
  top: -10px
}

.br .tab-interactive-active-ds .white-color-text-2 {
  color: #a0a0a1
}

.br .tabs-ds {
  column-gap: 48px
}

.br .tab-ds {
  margin: 0
}

@media screen and (max-width:1023px) {
  .br__onboarding-badge {
    left: 54px;
    top: -4px
  }
}

@media screen and (max-width:639px) {
  .br .tabs-ds {
    column-gap: 32px
  }
}

@media screen and (max-width:320px) {
  .br .tabs-ds {
    column-gap: 24px
  }
}

.media-processing {
  align-items: center;
  display: flex;
  flex-direction: column;
  left: 50%;
  position: absolute;
  top: 200px;
  transform: translateX(-50%);
  z-index: 5
}

@media screen and (max-width:1023px) {
  .media-processing {
    top: 32%
  }
}

.media-processing .loader-text {
  color: #fff;
  margin-top: 10px;
  max-width: 210px;
  opacity: .6;
  text-align: center
}

.br__progress-title {
  align-items: center;
  display: flex;
  font-size: 14px;
  gap: 4px;
  justify-content: space-between;
  margin: 0 0 10px;
  text-shadow: 0 1px 20px rgba(0, 0, 0, 0.2);
}

.br__title-text {
  color: #cfcfd0;
  font-weight: 500;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.br__left {
  display: flex;
  flex: 1;
  flex-direction: column;
  justify-content: center;
  max-width: calc(100% - 56px);
}

.bx {
  color: #707071;
  column-gap: 24px;
  display: flex;
  flex-wrap: wrap;
  margin: 20px 0 0;
  overflow: hidden;
  row-gap: 10px;
}

.bx__item {
  align-items: center;
  column-gap: 6px;
  display: flex;
  font-size: 16px;
  font-weight: 500;
  position: relative;
}

.bx__item::after {
  background: rgba(255, 255, 255, 0.2);
  border-radius: 50%;
  content: "";
  height: 4px;
  left: -13px;
  position: absolute;
  width: 4px;
}

.bx__link {
  color: #a0a0a1;
}

.bx__link:hover {
  color: #cfcfd0;
}

.bv {
  position: relative;
}

.bv__tooltip {
  width: 145px;
}

.bv__tooltip .tooltip-inner {
  display: flex;
  flex-direction: column;
}

.bv__button {
  align-items: center;
  background: #111113;
  border: 0;
  border-radius: 12px;
  color: #fff;
  cursor: pointer;
  display: flex;
  font-weight: 500;
  gap: 12px;
  height: 40px;
  justify-content: center;
  padding: 11px 20px;
  transition: background 0.3s;
  width: 100%;
}

.bv__button:hover {
  background: #232325;
}

@media screen and (max-width: 767px) {
  .bv__button {
    padding: 11px;
  }
}

.bv__action {
  align-items: center;
  background: 0 0;
  border: 0;
  color: rgba(255, 255, 255, 0.8);
  cursor: pointer;
  display: flex;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  min-height: 38px;
  padding: 7px 22px 7px 15px;
  transition: all ease 0.25s;
  white-space: nowrap;
  width: 145px;
}

.bv__action .icon {
  fill: rgba(255, 255, 255, 0.8);
  margin-right: 10px;
}

.bv__action.profile-cover-dropdown__action--active,
.bv__action:hover {
  background: #343437;
  color: #fff;
}

.text-post-tile {
  position: relative;
}

.text-post-live-preview {
  position: absolute;
  right: 12px;
  top: 12px;
  width: 25%;
  z-index: 1;
}

.text-post-live-preview+.tile-header {
  max-width: calc(75% - 12px);
}

.text-post {
  border-radius: 12px 12px 0 0;
  overflow: hidden;
  position: relative;
}

.text-post--own-single-text {
  padding-top: 40px;
}

@media screen and (min-width: 640px) {
  .text-post--own-single-text .feed__post-label {
    left: 0;
  }
}

.text-post.locked {
  min-height: 300px;
}

.text-post .text {
  color: #9b9b9b;
  font-size: 15px;
  line-height: 20px;
  margin: 20px 0 0;
  padding: 0;
  text-align: left;
  letter-spacing: .021rem;
}

.text-post .text.hidden-text {
  filter: blur(3px);
  pointer-events: none;
  -webkit-user-select: none;
  user-select: none;
}

.text-post .image-skeleton {
  animation: skeleton-animation 3s infinite linear;
  background: linear-gradient(90deg, #383838 20%, #404040 28%, #454545 35%, #404040 42%, #383838 50%);
  background-size: 300% 100%;
  will-change: background-position;
  height: 256px;
  width: 642px;
}

.close-icon {
  color: rgba(248, 248, 248, 0.6);
  cursor: pointer;
  margin: 0;
  pointer-events: initial;
  transition: color 0.05s ease-in-out;
}

.close-icon:hover {
  color: rgba(248, 248, 248, 0.88);
}

.close-icon-small {
  height: 20px;
  padding: 4px;
  width: 20px;
}

.close-icon-medium {
  height: 24px;
  width: 24px;
}

.close-icon-large {
  height: 28px;
  width: 28px;
}

.close-button-ds {
  background: 0 0;
  border: 0;
  color: #a0a0a1;
  cursor: pointer;
  padding: 4px;
}

.payout-settings-info-alert.payout-settings-info-alert {
  font-size: 14px;
  font-weight: 400;
  letter-spacing: normal;
  line-height: normal;
  margin-top: 7px;
  padding: 10px;
}

.bH {
  align-items: center;
  border-radius: 12px;
  column-gap: 20px;
  display: flex;
  justify-content: center;
  margin: 20px 0;
  min-height: 108px;
  overflow: hidden;
  padding: 20px 10px;
}

.bH--style--dark {
  background: #111113;
}

.bH--style--light {
  background: #232325;
}

.bH__content {
  column-gap: 40px;
  display: flex;
  flex-wrap: wrap;
  row-gap: 16px;
}

.bH__icon {
  height: 48px;
  max-width: 48px;
  position: relative;
  width: 48px;
}

.bH__icon::before {
  content: "";
  height: 192px;
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 192px;
}

.bH__icon--style--done::before,
.bH__icon::before {
  background: radial-gradient(50% 50%at 50% 50%, rgba(46, 123, 230, 0.2) 0, rgba(27, 27, 29, 0) 100%);
}

.bH__icon--style--pending {
  color: #fccf49;
}

.bH__icon--style--pending::before {
  background: radial-gradient(50% 50%at 50% 50%, rgba(252, 207, 73, 0.1) 0, rgba(27, 27, 29, 0) 100%);
}

.bH__icon--style--failed {
  color: #d21b4c;
}

.bH__icon--style--failed::before {
  background: radial-gradient(50% 50%at 50% 50%, rgba(210, 27, 76, 0.2) 0, rgba(27, 27, 29, 0) 100%);
}

@media (max-width: 479px) {
  .bH {
    align-items: flex-start;
    justify-content: flex-start;
  }
}

.photo-album-tile {
  position: relative;
}

.photo-album-live-preview {
  position: absolute;
  right: 12px;
  top: 12px;
  width: 25%;
  z-index: 1;
}

.photo-album-live-preview+.tile-header {
  max-width: calc(75% - 12px);
}

.photo-album {
  display: flex;
  height: 100%;
  width: 100%;
}

.photo-album.photo-loading .photo-wrapper {
  animation: skeleton-animation 3s infinite linear;
  background: linear-gradient(90deg, #383838 20%, #404040 28%, #454545 35%, #404040 42%, #383838 50%);
  background-size: 300% 100%;
  will-change: background-position;
}

.photo-album,
.photo-album__swiper {
  position: relative;
}

.photo-album .photo {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 100%;
  width: 100%;
}

.photo-album .counter-wrapper {
  background-color: rgba(0, 0, 0, 0.6);
  border-radius: 8px;
  bottom: 16px;
  padding: 16px;
  position: absolute;
  right: 16px;
}

@media screen and (max-width: 639px) {
  .photo-album .counter-wrapper {
    bottom: 8px;
    padding: 8px;
    right: 8px;
  }
}

.photo-album .counter {
  color: #fff;
  font-size: 28px;
  font-weight: 700;
}

@media screen and (max-width: 639px) {
  .photo-album .counter {
    font-size: 12px;
  }
}

.island-value-link {
  background: #2e2e30;
  border-radius: 10px;
  display: block;
  padding: 6px 12px;
  width: 100%;
}

.island-value-link:hover {
  background: #343437;
  text-decoration: none;
}

.island-value-link__content {
  align-items: center;
  display: flex;
  justify-content: space-between;
  min-height: 30px;
}

.island-value-link__name,
.island-value-link__value {
  align-items: center;
  color: #cfcfd0;
  display: flex;
  font-size: 15px;
  font-weight: 500;
}

.island-value-link__value {
  color: #a349fc;
  font-size: 18px;
}

.island-value-link__bottom {
  font-size: 12px;
  line-height: 16px;
  margin: 4px 0 0;
}

.settings-island {
  background-color: #1b1b1d;
  border-radius: 12px;
  margin-bottom: 20px;
}

.settings-island--grow {
  flex: 1;
  height: 100%;
}

.settings-island__sub-title {
  align-items: center;
  display: flex;
  font-size: 20px;
  font-weight: 700;
  gap: 8px;
  justify-content: flex-start;
  margin-bottom: 10px;
}

.settings-island__add-request {
  display: flex;
}

.settings-island__add-request-button {
  flex: 1;
}

.settings-island__add-request-icon {
  margin-right: 12px;
}

.settings-island-title-wrapper--size--medium {
  padding: 12px 22px 0;
}

.settings-island-title-wrapper--size--big {
  padding: 22px;
}

.settings-island-title-wrapper .settings-island-title {
  font-size: 1rem;
}

.settings-island-title-wrapper--line {
  border-bottom: 2px solid rgba(255, 255, 255, 0.05);
}

.settings-island-title-wrapper .settings-island-icon {
  color: #fff;
  fill: #fff;
  margin-right: 16px;
}

.settings-island-content {
  padding: 20px;
}

.settings-island:last-child {
  margin-bottom: 0;
}

.settings-island.settings-island-locked>.settings-island-content {
  padding-top: 5px;
  text-align: center;
}

.settings-island>.settings-island-title-wrapper {
  align-items: center;
  overflow: hidden;
  position: relative;
  text-overflow: ellipsis;
  display: flex;
  flex-direction: row;
}

.settings-island>.settings-island-title-wrapper>.settings-island-title {
  margin-bottom: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: middle;
  white-space: nowrap;
}

.settings-island>.settings-island-content {
  position: relative;
  width: 100%;
}

.settings-island .settings-island-tooltip {
  display: inline-block;
  margin-left: 10px;
}

.settings-island .settings-island-tooltip-icon {
  color: #9b9b9b;
}

.settings-island .radio-container {
  margin-bottom: 10px;
}

.settings-island-title__additional {
  position: absolute;
  right: 22px;
  top: 20px;
}

.settings-title-email {
  display: inline-block;
  font-size: 13px;
  vertical-align: middle;
}

.settings-title-email-status {
  display: inline-block;
  margin: 0 10px;
}

.settings-title-email-status__report-icon {
  color: #fccf49;
}

.settings-title-email-status>.icon {
  margin-bottom: 5px;
}

.settings-title-email-status>.badge-alert-medium {
  display: inline-block;
}

.settings-title-email.confirmed {
  color: #41bea6;
}

.settings-title-email.confirmed .icon {
  fill: #41bea6;
}

.settings-island-content-button-container {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  padding-top: 10px;
}

.settings-island-content-button-container>.btn {}

.cf__content {
  color: #a0a0a1;
  font-size: 13px;
}

.cf__input-wrapper {
  margin-top: 20px;
}

.cf__input.input::placeholder {
  color: #707071;
}

.circle-progress {
  display: block;
  height: 100%;
  position: relative;
  width: 100%;
}

.circle-progress-border {
  border: 1px solid #515151;
  border-radius: 50%;
  bottom: 0;
  left: 0;
  pointer-events: none;
  position: absolute;
  right: 0;
  top: 0;
}

.circle-progress-svg {
  height: 100%;
  pointer-events: none;
  width: 100%;
}

.circle-progress-circle {
  fill: none;
  stroke: currentColor;
  stroke-dasharray: 314%;
  stroke-linecap: round;
  transform-origin: center;
}

.user-tags-list {
  display: flex;
  flex-direction: column;
  padding-top: 8px;
}

.user-tags-list--mobile .user-tags-list__list {
  max-height: 60vh;
  width: 100%;
}

.user-tags-list__header {
  color: #707071;
  font-size: 11px;
  font-weight: 500;
  line-height: 13px;
  padding: 10px 18px;
  text-transform: uppercase;
}

.user-tags-list__list {
  flex-grow: 1;
  max-height: 320px;
  max-width: 100%;
  min-height: 300px;
  width: 320px;
}

.user-tags-list__list-item {
  align-items: center;
  display: flex;
  justify-content: space-between;
  padding: 8px 18px;
}

.user-tags-list__list-item:hover {
  background-color: #424248;
}

.guest-header-menu__login-buttons button :not(:last-child),
.user-tags-list__list-item:not(:last-child) {
  margin-bottom: 16px;
}

.documents-page {
  margin-bottom: 20px;
}

.documents-page__form-error {
  font-size: 12px;
  margin: 6px 0 0;
}

.documents-page .submit-block {
  padding: 20px;
  text-align: center;
}

.documents-page__field-notice {
  background: #232325;
  border-radius: 12px;
  color: #a0a0a1;
  display: flex;
  gap: 8px;
  line-height: 140%;
  margin: 20px 0 10px;
  padding: 12px 16px;
}

.documents-page .message {
  border-radius: 4px;
  display: flex;
  margin-top: 20px;
  padding: 10px 20px;
  font-size: 0.875rem;
}

.documents-page .message .message__icon {
  margin-right: 10px;
  font-size: 1.25rem;
}

.documents-page .message.message--success {
  background-color: #1b1b1d;
  color: #fff;
}

.documents-page .message.message--success .message__icon {
  fill: #078a36;
}

.documents-page .message.message--info {
  background-color: #6f8643;
}

.documents-page .message.message--danger .message__icon,
.documents-page .message.message--info .message__icon {
  fill: #fff;
}

.documents-page .message.message--danger {
  background-color: #9a272b;
}

.documents-page__accent-button {
  align-items: center;
  background: 0 0;
  border: 0;
  color: #ff3332;
  cursor: pointer;
  display: flex;
  gap: 6px;
  margin: 10px 0 12px;
  outline: 0;
}

.page-row {
  display: flex;
  gap: 20px;
  margin-top: 20px;
}

.guest-header-menu__login-buttons button,
.page-row__item {
  flex: 1;
}

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

.agreement-block {
  align-items: center;
  background: #1b1b1d;
  border: 0;
  border-radius: 12px;
  color: #fff;
  cursor: pointer;
  display: flex;
  font-size: 14px;
  justify-content: center;
  margin-top: 20px;
  min-height: 40px;
  padding: 4px 20px;
  text-align: center;
  width: 100%;
}

.agreement-block:hover {
  text-decoration: underline;
}

.guest-header-menu {
  position: relative;
}

.guest-header-menu__menu-button {
  align-items: center;
  color: #a0a0a1;
  cursor: pointer;
  display: flex;
  flex: 1;
  height: 100%;
  justify-content: center;
  transition: color 150ms linear;
  width: 56px;
}

.guest-header-menu__menu-button--active {
  color: #fff;
}

.guest-header-menu__dropdown-wrapper {
  animation: opacity-fade-show 0.2s forwards;
  border-radius: 16px;
  left: auto;
  max-height: calc(100vh - 100px - var(--pwa-notification-height) - var(--tap-bar-height) / 2);
  overflow: auto;
  position: absolute;
  right: 8px;
  top: calc(100% + 8px);
  z-index: 201;
}

.guest-header-menu__dropdown-content {
  margin: 0;
  min-width: 300px;
  padding: 16px 0;
}

.guest-header-menu__login-buttons {
  display: flex;
  padding: 0 24px;
}

.guest-header-menu__menu-item {
  position: relative;
}

.guest-header-menu__menu-item>a {
  align-items: center;
  color: rgba(255, 255, 255, 0.8);
  display: flex;
  font-size: 15px;
  font-weight: 500;
  line-height: 42px;
  padding: 0 24px;
  text-decoration: none;
  text-overflow: ellipsis;
}

.guest-header-menu__menu-item__icon {
  height: 24px;
  margin-right: 20px;
  width: 24px;
}

.guest-header-menu__menu-item--split {
  margin-top: 16px;
  padding-top: 16px;
}

.guest-header-menu__menu-item--split::before {
  background: rgba(255, 255, 255, 0.1);
  content: "";
  height: 1px;
  left: 18px;
  position: absolute;
  right: 18px;
  top: 0;
}

.guest-header-menu--theme--purple .guest-header-menu__dropdown-content {
  background: #290e3f;
}

.guest-header-menu--theme--purple .guest-header-menu__menu-item>a:hover {
  background: #3f2753;
  color: #fff;
}

.guest-header-menu--theme--purple .guest-header-menu__menu-button--active {
  background: #3f2753;
}

.guest-header-menu--theme--dark .guest-header-menu__dropdown-content {
  background: #111113;
}

.guest-header-menu--theme--dark .guest-header-menu__menu-item>a:hover {
  background: #343437;
  color: #fff;
}

.guest-header-menu--theme--dark .guest-header-menu__menu-button--active {
  background: #343437;
}

.guest-header-menu__banner {
  cursor: pointer;
  padding: 0 20px;
}

.be {
  left: -2px;
  margin: 6px 0 0;
  position: absolute;
  right: -2px;
  top: 100%;
}

.be--landing {
  z-index: 11;
}

.be--compact {
  left: 0;
  margin: 2px 0 0;
  right: 0;
}

.be__empty {
  color: #707071;
  font-size: 13px;
  font-weight: 500;
  line-height: 16px;
  margin: 20px 0;
  text-align: center;
}

.be__sub-title {
  color: #707071;
  font-size: 11px;
  margin: 20px 16px 10px;
  text-transform: uppercase;
}

.be__title-link {
  text-transform: none;
}

.be__button {
  margin: 0 10px 10px;
  width: calc(100% - 20px);
}

.be__verify {
  align-items: center;
  background: #232325;
  border-radius: 10px;
  display: flex;
  gap: 12px;
  margin: 20px 16px;
  padding: 8px 12px;
}

.bL {
  display: grid;
  grid-gap: 10px;
}

.bL--squad {
  grid-gap: 2px;
}

.bL__item--squad {
  position: relative;
}

.bL__item--squad>.a {
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

.bL__item--squad::before {
  content: "";
  display: block;
  padding-top: 100%;
}

.bI {
  --grid-item-size: 100px;
  margin-bottom: 20px;
  width: 100%;
}

.bI:hover .bI__content {
  background-color: #343437;
}

.bI--stub {
  background-color: #232325;
  border-radius: 16px;
  min-height: 140px;
}

@media screen and (max-width: 639px) {
  .bI--stub {
    min-height: 160px;
  }
}

.bI__content {
  align-items: center;
  background-color: #1b1b1d;
  border-radius: 16px;
  display: flex;
  gap: 12px;
  justify-content: space-between;
  min-height: 140px;
  overflow: hidden;
  padding: 20px 20px 20px 40px;
}

@media screen and (max-width: 1023px) {
  .bI__content {
    padding: 20px;
  }
}

@media screen and (max-width: 639px) {
  .bI__content {
    align-items: flex-start;
    flex-direction: column;
    gap: 16px;
    padding: 12px 0 12px 16px;
  }
}

.bI__hashtag {
  color: #fff;
  font-size: 40px;
  font-weight: 700;
  margin: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

@media screen and (max-width: 639px) {
  .bI__hashtag {
    font-size: 18px;
  }
}

.bI__hashtag-info {
  align-items: center;
  display: flex;
  gap: 8px;
}

.bI__posts-counter {
  color: #a0a0a1;
  font-size: 16px;
  font-weight: 400;
}

.bI__left-part {
  flex: 0 1 390px;
  max-width: 30%;
}

@media screen and (max-width: 639px) {
  .bI__left-part {
    flex: 1;
    max-width: 100%;
  }
}

.bI__right-part {
  display: grid;
  flex: 1;
  grid-auto-flow: column;
  grid-auto-rows: 0;
  grid-gap: 20px;
  grid-template-rows: var(--grid-item-size);
  justify-content: end;
  overflow-y: hidden;
}

@media screen and (max-width: 1023px) {
  .bI__right-part {
    --grid-item-size: 80px;
  }
}

@media screen and (max-width: 639px) {
  .bI__right-part {
    grid-auto-flow: unset;
    grid-gap: 10px;
    grid-template-columns: repeat(5, var(--grid-item-size));
    justify-content: start;
    overflow: hidden;
    width: 100%;
  }
}

.bI__media-container {
  display: grid;
  width: var(--grid-item-size);
}

@media screen and (min-width: 480px) {
  .bI__media-container--with-cover {
    width: calc(var(--grid-item-size) + 34px);
  }
}

.bI__cover {
  align-items: center;
  background: linear-gradient(0deg, rgba(35, 35, 37, 0.8), rgba(35, 35, 37, 0.8));
  bottom: 0;
  color: #fff;
  display: flex;
  font-size: 14px;
  font-weight: 500;
  justify-content: center;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}

.bI__top-right-block-icon {
  height: 24px;
  pointer-events: none;
  position: absolute;
  right: 8px;
  top: 8px;
  width: 24px;
}

.a {
  align-items: flex-end;
  background: #424248;
  border-radius: 16px;
  display: flex;
  height: 314px;
  max-height: 100%;
  min-height: 100%;
  overflow: hidden;
  padding: 12px;
  position: relative;
  transform: translateZ(0);
  -webkit-user-select: none;
  user-select: none;
}

.a--squad {
  border-radius: 2px;
}

.a--hover:hover>.a__cover--image {
  transform: scale(1.2);
}

.a--live-stream:hover {
  transform: scale(1.1);
  z-index: 99;
  box-shadow: 0 0 25px 2px #000;
}

.a--live-stream:hover>.a__controls {
  display: none;
}

.a--hover:hover .avatar {
  border-color: rgba(255, 255, 255, 0.6);
}

.a--hover:hover .avatar:hover {
  border-color: #fff;
}

.a--hover:hover .a__description {
  opacity: 1;
  transform: translateY(0);
}

.a--clickable {
  cursor: pointer;
}

.a--bordered::before {
  border: 3px solid #ff3332;
  border-radius: inherit;
  bottom: 0;
  content: "";
  left: 0;
  pointer-events: none;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1;
}

.a__controls {
  align-items: center;
  bottom: 6px;
  color: rgba(255, 255, 255, 0.8);
  display: flex;
  gap: 12px;
  left: 8px;
  position: absolute;
  z-index: 2;
}

.a__comments:hover,
.a__controls>.likes-counter:hover {
  color: #fff;
}

.a__comments {
  align-items: center;
  background: 0 0;
  border: 0;
  color: rgba(255, 255, 255, 0.8);
  cursor: pointer;
  display: flex;
  font-weight: 700;
  gap: 5px;
  padding: 2px;
}

.a__cover {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

.a__cover--image {
  object-fit: cover;
  object-position: center;
  transition: transform 0.3s;
}

.a__followers {
  align-items: center;
  color: rgba(255, 255, 255, 0.7);
  display: flex;
  font-size: 12px;
  margin: 2px 0 0;
}

.a__top-right-block {
  pointer-events: none;
  position: absolute;
  right: 8px;
  top: 8px;
  z-index: 1;
}

.a__top-right-block-icon {
  color: rgba(255, 255, 255, 0.8);
  height: 24px;
  width: 24px;
}

@media screen and (max-width: 639px) {
  .a__top-right-block-icon {
    height: 16px;
    width: 16px;
  }
}

.a__bottom-shadow {
  background: linear-gradient(180deg, transparent 0, rgba(0, 0, 0, 0.3) 100%);
  border-bottom-left-radius: 16px;
  border-bottom-right-radius: 16px;
  bottom: 0;
  height: 56px;
  left: 0;
  pointer-events: none;
  position: absolute;
  right: 0;
  z-index: 1;
}

.a__download {
  background: #232325;
  border-radius: 4px;
  cursor: pointer;
  left: 10px;
  position: absolute;
  top: 10px;
  transform: rotate(90deg);
}

.a--top-shadow::before {
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.4) 0, transparent 100%);
  content: "";
  height: 60px;
  left: 0;
  pointer-events: none;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 1;
}

.a__top-avatar {
  left: 8px;
  position: absolute;
  right: 40px;
  top: 8px;
  z-index: 1;
}

.a__description {
  align-items: flex-end;
  background: linear-gradient(180deg, transparent 0, rgba(0, 0, 0, 0.6) 100%);
  bottom: 0;
  display: flex;
  filter: drop-shadow(0 1px 10px rgba(0, 0, 0, 0.4));
  height: 200px;
  left: 0;
  opacity: 0;
  padding: 0 8px 40px;
  pointer-events: none;
  position: absolute;
  right: 0;
  transform: translateY(30px);
  transition: transform 150ms ease, opacity 100ms ease;
  z-index: 1;
}

.a__description-text {
  -webkit-box-orient: vertical;
  color: rgba(255, 255, 255, 0.8);
  display: -webkit-box;
  font-size: 14px;
  font-weight: 400;
  -webkit-line-clamp: 2;
  overflow: hidden;
  word-break: break-all;
}

.a__description-link {
  color: rgba(255, 255, 255, 0.8);
}

.textarea-autosize-wrapper {
  position: relative;
  width: 100%;
}

.textarea-autosize-wrapper .textarea-autosize {
  display: block;
  overflow: hidden;
  resize: none;
  width: 100%;
}

.textarea-autosize-wrapper .textarea-autosize[disabled] {
  cursor: not-allowed;
  opacity: 0.4;
}

.textarea-autosize-wrapper .textarea-autosize__counter {
  bottom: 6px;
  font-size: 10px;
  opacity: 0.6;
  pointer-events: none;
  position: absolute;
  right: 6px;
}

.textarea-autosize-wrapper .textarea-autosize__error {
  color: #fd3a5b;
  display: block;
  font-size: 12px;
  margin: 4px 0 0;
}

.cA {
  align-items: center;
  border-bottom: 1px solid rgba(255, 255, 255, 0.05);
  display: flex;
  justify-content: space-between;
  min-height: 72px;
  padding: 20px;
}

.cA__left {
  align-items: center;
  display: flex;
  max-width: 100%;
  min-height: 42px;
}

.cA__inner-title {
  align-items: center;
  display: flex;
  gap: 20px;
  margin: 0 0 40px;
}

.cA__inner-title-text {
  font-size: 24px;
  font-weight: 600;
}

.cA__back {
  align-items: center;
  background: #343437;
  border-radius: 50%;
  color: #fff;
  cursor: pointer;
  display: flex;
  height: 24px;
  justify-content: center;
  margin: 0 22px 0 0;
  padding: 0 2px 0 0;
  width: 24px;
}

.cA__inner-title-left-icon {
  height: 64px;
  width: 64px;
}

.cA__icon {
  padding: 0 22px 0 0;
}

@media (max-width: 479px) {
  .cA__inner-title {
    align-items: center;
    flex-direction: column;
  }

  .cA__inner-title-text {
    text-align: center;
  }
}

.cFF {
  background: #5f5f67;
  border-radius: 6px;
  height: 6px;
  overflow: hidden;
  position: relative;
}

.cFF__spinner {
  background: #67ed27;
  border-radius: 6px;
  box-shadow: 0 0 10px 2px #67ed27;
  height: 100%;
  position: relative;
  width: 10px;
}

.cc__checkbox-group {
  align-items: center;
  display: flex;
  gap: 24px;
}

.cc__checkbox-item {
  align-items: center;
  cursor: pointer;
  display: grid;
  grid-auto-flow: column;
  grid-column-gap: 12px;
  text-align: left;
}

.region-select__radio-buttons {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.region-select .radio-check-block {
  background: 0 0;
}

.region-select .radio-check-block__header {
  padding: 0;
}

.region-select .radio-check-block__title {
  font-size: 14px;
}

.ce__wrapper {
  background: #232325;
  border-radius: 12px;
  padding: 20px;
}

.ce__title {
  color: #707071;
  font-size: 12px;
  font-weight: 400;
  margin-bottom: 10px;
  text-transform: uppercase;
}

.ce__header {
  align-items: center;
  display: flex;
  flex: 1;
}

.ce__actions {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  justify-content: flex-start;
}

.ce__device {
  align-items: center;
  column-gap: 12px;
  display: flex;
  flex: 1;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-left: 12px;
}

.ce__browser,
.ce__country {
  color: #a0a0a1;
  font-size: 12px;
  font-weight: 400;
  line-height: 150%;
}

.ce__country {
  color: #707071;
}

.ce__verified {
  align-items: center;
  color: #21b062;
  display: flex;
  font-size: 12px;
  font-weight: 700;
  gap: 6px;
  padding: 0 0 12px;
}

.ce__button-content {
  align-items: center;
  display: flex;
  gap: 12px;
}

.ca {
  display: flex;
  min-height: 460px;
}

.ca__controls {
  flex: 1;
}

.ca__preview {
  display: flex;
  flex-direction: column;
  margin-left: 20px;
  max-width: 100%;
  width: 418px;
}

@media screen and (max-width: 1023px) {
  .ca {
    display: block;
  }

  .ca__controls {
    margin-bottom: 20px;
  }

  .ca__preview {
    margin-left: 0;
  }
}

.tile-list-item {
  align-items: center;
  background: #343437;
  border-radius: 12px;
  display: flex;
  justify-content: center;
  padding: 22px;
  position: relative;
  transition: background 250ms;
  width: 100%;
}

.tile-list-item__icon {
  opacity: 0;
  position: absolute;
  right: 20px;
  transition: opacity 250ms;
}

.tile-list-item:hover {
  background: #5f5f67;
}

.tile-list-item:hover .tile-list-item__icon {
  opacity: 1;
}

.model-uploader {
  display: flex;
  margin-top: 20px;
}

@media (max-width: 767px) {
  .model-uploader {
    flex-direction: column;
  }
}

.model-uploader .loading-image-wrapper {
  align-items: center;
  display: flex;
  justify-content: center;
  overflow: hidden;
}

.model-uploader .loading-image-wrapper>.bd {
  height: 172px;
  width: 172px;
}

.model-uploader .loading-image {
  background-color: #424242;
  border-radius: 8px;
  height: 160px;
  object-fit: cover;
  width: 190px;
}

.model-uploader .loading-image.loading {
  filter: blur(10px);
  transform: scale(1.1);
}

.model-uploader .inputs {
  flex: 1;
  margin-left: 24px;
}

@media (max-width: 767px) {
  .model-uploader .inputs {
    margin-left: 0;
    margin-top: 20px;
  }
}

.model-uploader .field-wrapper {
  align-items: center;
  display: flex;
  justify-content: space-between;
  margin-bottom: 12px;
}

.model-uploader .field-wrapper .input-wrapper {
  width: 80%;
}

@media (max-width: 767px) {
  .model-uploader .field-wrapper .input-wrapper {
    width: 100%;
  }
}

.model-uploader .field-wrapper>label {
  align-items: center;
  display: inline-flex;
  flex-flow: row;
  margin: 0;
}

.model-uploader .field-wrapper:last-child {
  margin-bottom: 0;
}

@media (max-width: 767px) {
  .model-uploader .field-wrapper {
    align-items: flex-start;
    flex-direction: column;
  }
}

.model-uploader .input {
  width: 80%;
}

.model-uploader .input.price-input {
  width: 100%;
}

@media (max-width: 767px) {
  .model-uploader .input {
    width: 100%;
  }
}

.model-uploader .video-icon-wrapper {
  align-items: center;
  background-color: #343437;
  border-radius: 8px;
  display: flex;
  height: 160px;
  justify-content: center;
  width: 190px;
}

.model-uploader .video-icon {
  height: 70px;
  margin: 0;
  width: 70px;
}

.model-uploader .uploading-video {
  margin-bottom: 20px;
}

.model-uploader .video-name {
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 10px;
}

.model-uploader .videos-list-item {
  cursor: default;
}

.model-uploader .videos-list-item .video-under-thumb {
  height: auto;
}

.model-uploader .videos-list-item .video-stats {
  display: none;
}

.model-uploader .albums-gallery-root {
  height: 150px;
  width: 150px;
}

.model-uploader .albums-gallery-root .albums-list-item {
  flex-basis: 100%;
  max-width: 100%;
  width: 100%;
}

.model-uploader .content-price-help {
  margin: 0 0 0 4px;
}

.upload-media-info-item {
  align-items: center;
  display: flex;
  grid-column-end: 6;
  grid-column-start: 2;
  position: relative;
}

.upload-media-info-item__content-line {
  position: absolute;
}

.upload-media-info-item__line {
  color: #fff;
  font-size: 13px;
  font-weight: 500;
  line-height: 18px;
}

.GG {
  align-items: center;
  display: grid;
  gap: 10px;
  grid-auto-flow: column;
  height: 100%;
  padding: 10px 20px;
}

.GG__footer-description {
  display: block;
  grid-column: 1/4;
}

.user-uploader {
  margin-top: 20px;
}

.user-uploader .content {
  position: relative;
}

.user-uploader .loader-wrapper {
  background: rgba(0, 0, 0, 0.4);
  left: 50%;
  padding: 10px 20px;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 3;
}

.user-uploader .loader-wrapper .loader {
  position: static;
  transform: none;
}

.user-uploader .loading-image-wrapper {
  align-items: center;
  background-color: #272727;
  display: flex;
  justify-content: center;
  overflow: hidden;
}

.user-uploader .loading-image {
  display: block;
  max-height: 50vh;
  max-width: 100%;
}

.user-uploader .loading-image.loading {
  filter: blur(20px);
}

.cC {
  max-width: 100%;
  width: 500px;
}

.cC__header {
  align-items: center;
  border-bottom: 1px solid rgba(255, 255, 255, 0.05);
  display: flex;
  gap: 20px;
  justify-content: start;
  min-height: 72px;
  padding: 20px;
}

.cC__content {
  padding: 20px;
}

.cC__input-wrapper {
  position: relative;
}

.cC__smiles-wrapper {
  bottom: 6px;
  position: absolute;
  right: 4px;
}

.cC__add-media-button {
  align-items: center;
  background: #343437;
  border-radius: 12px;
  color: #fff;
  cursor: pointer;
  display: flex;
  font-size: 12px;
  font-weight: 500;
  gap: 12px;
  grid-column: 1/6;
  height: 60px;
  justify-content: center;
  width: 100%;
}

.cC__add-media-button:active {
  transform: translateY(1px);
}

.search-input {
  position: relative;
}

.search-input__input.input {
  padding-left: 30px;
}

.search-input__with-right-block .search-input__input.input {
  padding-right: 30px;
}

.search-input__icon,
.search-input__right-content {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1;
}

.search-input__icon {
  color: #a0a0a1;
  left: 12px;
}

.search-input__right-content {
  right: 12px;
}

.YY {
  border-radius: 12px;
  margin: 10px 0;
  padding: 12px 16px;
  position: relative;
}

.YY--selectable {
  cursor: pointer;
  padding-left: 51px;
}

.YY::before {
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: inherit;
  bottom: 0;
  content: "";
  left: 0;
  pointer-events: none;
  position: absolute;
  right: 0;
  top: 0;
  transition: background 0.3s, border 0.3s;
}

.YY--state--not-selected:hover::before {
  background: #232325;
  border-color: #49494a;
}

.YY--state--not-selected:hover .checkbox-ds__box {
  border-color: #a0a0a1;
}

.YY--state--selected {
  cursor: default;
}

.YY--state--selected::before {
  background: rgba(215, 13, 17, 0.1);
  border: 2px solid #d60908;
}

.YY__title {
  color: #fff;
  font-size: 16px;
  font-weight: 700;
  line-height: 22px;
  margin: 0 0 6px;
  position: relative;
}

.YY__description {
  color: #f8f8f8;
  font-size: 11px;
  font-weight: 500;
  line-height: 13px;
  opacity: 0.4;
}

.YY__discount {
  align-items: center;
  background: #d21b4c;
  border-radius: 6px;
  color: #fff;
  display: flex;
  font-size: 13px;
  font-weight: 700;
  height: 24px;
  padding: 0 8px;
  position: absolute;
  right: 14px;
  top: 10px;
}

.YY__discount--free {
  background: #21b062;
  text-transform: uppercase;
}

.YY__checkbox {
  left: 16px;
  position: absolute;
  top: 12px;
}

.bp {
  align-items: center;
  display: flex;
  flex: 1;
  gap: 20px;
  width: 100%;
}

.bp--style--default {
  background: #343437;
  border-radius: 10px;
  padding: 10px 12px;
}

.bp--style--default:hover {
  background: #424248;
}

.bp--style-light,
.settings-price-option-add__delete-button .a11y-button:hover {
  background-color: transparent;
}

.bp--size--small {
  padding: 6px 8px;
  white-space: normal;
}

.bp__stats {
  flex: 1;
}

.bp__progress {
  margin-top: 8px;
}

.bp__title2 {
  align-items: flex-end;
  display: flex;
  flex: 1;
  gap: 6px;
  justify-content: space-between;
}

.bp__title--size--small {
  align-items: center;
  font-size: 12px;
}

.bp__title--size--medium {
  font-size: 14px;
  font-weight: 500;
}

.bp__title--size--large {
  font-size: 16px;
  font-weight: 700;
}

.bp__percent {
  font-size: 24px;
  font-weight: 700;
}

.bp__percent--size--large {
  font-size: 40px;
}

.bp__percent--size--small {
  font-size: 12px;
}

.bp__percent--color--green {
  color: #21b062;
}

.bp__percent--color--yellow {
  color: #fccf49;
}

.bp__percent--color--red {
  color: #d21b4c;
}

.creators-onboarding-items-list {
  display: flex;
  flex-direction: column;
  gap: 20px;
  width: 100%;
}

.creators-onboarding-items-list--flat-list {
  gap: 10px;
}

.creators-onboarding-items-list__items-group {
  display: flex;
  flex-direction: column;
  gap: 20px;
  justify-content: flex-start;
  margin-bottom: 12px;
}

.creators-onboarding-items-list__items-group-header {
  color: #707071;
  font-size: 14px;
  font-weight: 500;
  text-transform: uppercase;
}

@media screen and (max-width: 767px) {
  .creators-onboarding-items-list__items-group {
    gap: 10px;
  }
}

.highlighted-element {
  animation: animation-element-highlighted;
  animation-duration: 3s;
  animation-timing-function: linear;
}

.creator-lists-editor-modal-content {
  display: flex;
  flex: 1;
  flex-direction: column;
  margin: 0 auto;
  max-width: 100%;
  min-height: 500px;
  overflow-y: auto;
  width: 500px;
}

.creator-lists-editor-modal-content__title {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.creator-lists-editor-modal-content__icon {
  padding: 0 22px 0 0;
}

.creator-lists-editor-modal-content__content {
  display: flex;
  flex: 1;
  flex-direction: column;
}

.creator-lists-editor-modal-content__form {
  height: 100%;
  padding: 20px;
}

.creator-lists-editor-modal-content__footer {
  align-items: center;
  display: flex;
  justify-content: flex-end;
  width: 100%;
}

.creator-lists-editor-modal-content__delete-button {
  margin-right: auto;
}

.creator-lists-editor-modal-content__submit-button {
  width: 140px;
}

.creator-lists-editor-modal-content__description-input,
.creator-lists-editor-modal-content__name-input {
  position: relative;
}

.creator-lists-editor-modal-content__name-input .chat-controls-input--style--single-line {
  padding: 8px 0 0;
}

.creator-lists-editor-modal-content__name-input .creator-lists-editor-modal-content__input-actions {
  border-radius: 0;
  padding: 0;
  top: 1px;
  width: 80px;
}

.creator-lists-editor-modal-content__description-input .creator-lists-editor-modal-content__input-actions {
  bottom: 8px;
}

.creator-lists-editor-modal-content__description-input .chat-controls-input--form {
  height: 44px;
}

.creator-lists-editor-modal-content__input-actions {
  align-items: center;
  background: #111113;
  bottom: 1px;
  display: grid;
  grid-auto-flow: column;
  grid-column-gap: 6px;
  justify-content: end;
  position: absolute;
  right: 8px;
}

.creator-lists-editor-modal-content__smiles-wrapper {
  position: relative;
}

.creator-lists-editor-modal-content__counter {
  color: #a0a0a1;
  font-size: 13px;
  font-weight: 500;
  pointer-events: none;
}

.creator-lists-editor-modal-content__counter--error {
  color: #fd3a5b;
}

.creator-lists-editor-modal-content__list-users {
  color: #707071;
  font-size: 14px;
  font-weight: 500;
  max-width: 194px;
  overflow: hidden;
  text-align: end;
  text-overflow: ellipsis;
  white-space: nowrap;
}

@media screen and (max-width: 424px) {
  .creator-lists-editor-modal-content__list-users {
    max-width: 160px;
  }
}

.cQ {
  position: absolute;
  transform: translateY(-50%) translateX(-50%);
}

.cQ--disabled {
  opacity: 0.8;
  pointer-events: none;
}

.cQ__dots {
  background: rgba(5, 5, 6, 0.4);
  border-radius: 4px;
  color: #707071;
  display: flex;
  height: 16px;
  justify-content: center;
  left: 50%;
  margin: 12px 0 0;
  opacity: 0;
  pointer-events: none;
  position: absolute;
  top: 100%;
  transform: translateX(-50%) translateY(-50%);
  transition: opacity 0.3s;
  width: 22px;
}

.cQ__dots--visible {
  cursor: grab;
  opacity: 1;
  pointer-events: auto;
}

.W {
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)), radial-gradient(50% 408.16%at 50% 50%, #21b062 0, #9cb93d 100%);
  border-radius: 12px;
  color: #fff;
  min-height: 220px;
  padding: 20px 16px;
}

.W__title {
  color: rgba(255, 255, 255, 0.6);
  font-size: 12px;
  text-shadow: 0 1px 20px rgba(0, 0, 0, 0.2);
  text-transform: uppercase;
}

.W__goal-title {
  font-size: 16px;
  font-weight: 600;
  text-shadow: 0 1px 20px rgba(0, 0, 0, 0.2);
  word-break: break-word;
}

.W__title-result {
  font-size: 24px;
  font-weight: 700;
  margin: 16px 0 12px;
}

.W__price {
  color: #fff;
  font-size: 24px;
  font-weight: 700;
  height: 24px;
}

.W__amount {
  display: flex;
  font-size: 14px;
  gap: 4px;
  margin: 12px 0 0;
}

.W__amount-count {
  color: #fff;
  font-weight: 700;
}

.W__progress-title {
  align-items: flex-end;
  display: flex;
  justify-content: space-between;
  margin: 16px 0 4px;
}

.W__contributors {
  align-items: center;
  color: rgba(255, 255, 255, 0.6);
  display: flex;
  font-size: 13px;
  gap: 8px;
  margin: 8px 0 16px;
  text-shadow: 0 1px 20px rgba(0, 0, 0, 0.2);
}

.W__form {
  display: flex;
  gap: 12px;
}

.W__input {
  flex: 1;
}

.W__input input.input {
  background: rgba(255, 255, 255, 0.2);
  border: 2px solid transparent;
  color: #fff;
}

.W__input input.input:focus {
  background: rgba(255, 255, 255, 0.2);
  border-color: rgba(255, 255, 255, 0.4);
}

.W__input input.input.error {
  background: #f6d1db;
  border-color: #d21b4c;
  color: #d21b4c;
}

.W__input input.input.error::placeholder {
  color: rgba(210, 27, 76, 0.4);
}

.W__footer {
  color: rgba(255, 255, 255, 0.4);
  font-size: 12px;
  font-weight: 500;
  margin: 16px 0 0;
  text-align: center;
}

.W__success {
  padding: 24px 0 0;
  text-align: center;
}

.settings-price-option-add {
  display: flex;
  margin-bottom: 20px;
  padding: 16px 0;
}

.settings-price-option-add__prime-part {
  display: grid;
  gap: 16px;
  grid-template-columns: repeat(5, 1fr);
}

@media screen and (max-width: 639px) {
  .settings-price-option-add__prime-part {
    display: flex;
    flex-direction: column;
  }
}

.settings-price-option-add__prime-part .chat-controls-input::before {
  max-width: calc(100% - 16px);
  overflow: hidden;
  text-overflow: ellipsis;
}

.settings-price-option-add__left-part {
  display: grid;
  flex: 1;
  grid-gap: 16px;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: 1fr;
  padding: 0 16px;
}

.settings-price-option-add__right-part {
  align-items: center;
  border-left: 1px solid rgba(255, 255, 255, 0.05);
  color: #707071;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 0 16px;
}

.settings-price-option-add__right-part--center {
  justify-content: center;
}

.settings-price-option-add__label {
  color: #fff;
  font-size: 12px;
  font-weight: 700;
  line-height: 16px;
  margin-bottom: 8px;
}

.settings-price-option-add__field-group {
  display: flex;
  gap: 16px;
}

.settings-price-option-add__field {
  display: block;
  flex: 1;
  text-align: left;
}

.settings-price-option-add__field .input {
  color: #fff;
  font-size: 13px;
}

.settings-price-option-add__field--title .chat-controls-input__wrapper--style--single-line {
  height: 40px;
}

.settings-price-option-add__field--title .chat-controls-input__wrapper-scroll {
  max-width: calc(100% - 80px);
}

.settings-price-option-add__field--description {
  grid-column-end: 3;
  grid-column-start: 1;
}

.settings-price-option-add__field--description .chat-controls-input {
  height: 44px;
}

.settings-price-option-add__title {
  position: relative;
}

.settings-price-option-add__title .input {
  padding-right: 58px;
}

.settings-price-option-add__dollar-icon {
  color: #707071;
  font-size: 14px;
}

.settings-price-option-add__length-counter {
  color: #a0a0a1;
  font-size: 12px;
  font-weight: 500;
  white-space: nowrap;
}

.settings-price-option-add__length-counter--error {
  color: #fd3a5b;
}

.settings-price-option-add__show-description-button {
  background: 0 0;
  border: 0;
  color: #707071;
  cursor: pointer;
}

.settings-price-option-add__show-description-button:hover {
  color: #fff;
}

.settings-price-option-add__active-checkbox,
.settings-price-option-add__show-description-button {
  align-items: center;
  display: flex;
  gap: 8px;
  justify-content: flex-start;
}

.settings-price-option-add__active-checkbox .switcher.small,
.settings-price-option-add__input-controls .smiles-dropdown {
  margin: 0;
}

.settings-price-option-add__drag-button {
  color: #707071;
  cursor: grab;
  user-select: none;
}

@media screen and (max-width: 639px) {
  .settings-price-option-add {
    flex-direction: column;
  }

  .settings-price-option-add__left-part {
    grid-template-columns: 1fr;
  }

  .settings-price-option-add__right-part {
    border-left: none;
    border-top: 2px solid rgba(255, 255, 255, 0.05);
    flex-direction: row;
    justify-content: space-between;
    margin-top: 16px;
    padding: 16px 16px 0;
  }

  .settings-price-option-add__delete-button {
    margin-left: auto;
  }

  .settings-price-option-add__field--description {
    grid-column-end: 2;
  }
}

.settings-price-option-add__input-controls {
  align-items: center;
  background: rgba(17, 17, 19, 0.8);
  display: flex;
  gap: 8px;
  position: absolute;
  right: 6px;
  top: 50%;
  transform: translateY(-50%);
}

.settings-price-option-add__input-controls--bottom {
  bottom: 6px;
  top: auto;
  transform: none;
}

.settings-price-option-add__reset-icon {
  color: #49494a;
  cursor: pointer;
  margin: 0 0 0-6px;
  padding: 4px;
}

.settings-price-option-add__reset-icon:hover {
  color: #a0a0a1;
}

.U {
  cursor: pointer;
  min-width: 160px;
  position: relative;
  width: 100%;
}

.U__label {
  align-items: center;
  color: #a0a0a1;
  cursor: pointer;
  display: flex;
  gap: 8px;
  height: 40px;
  justify-content: flex-start;
  width: 100%;
  -webkit-user-select: none;
  user-select: none;
}

.U__label:hover .date-picker__input:not(.date-picker__input--focus) {
  border-color: #49494a;
}

.U__input {
  background: #111113;
  border: 2px solid #111113;
  border-radius: 12px;
  color: #cfcfd0;
  font-size: 12px;
  height: 40px;
  padding: 8px 28px 8px 36px;
  pointer-events: none;
  text-overflow: ellipsis;
  width: 100%;
}

.U__input--focus,
.U__input:focus {
  border-color: #d60908;
}

.U__input--error {
  border-color: #fd3a5b;
  border-width: 1px;
  color: #fd3a5b;
}

.U__input::placeholder {
  color: rgba(223, 223, 223, 0.6);
}

.U__icon {
  position: absolute;
}

.U__icon--calendar {
  left: 14px;
}

.U__icon--arrow {
  right: 16px;
}

.U__native-datepicker {
  border: 0;
  border-radius: 12px;
  bottom: 0;
  left: 0;
  min-width: 100%;
  opacity: 0;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1;
}

.U__calendar-wrapper {
  display: none;
  position: fixed;
  z-index: 500;
}

.U__calendar-wrapper--isVisible,
.searchable-head .icon-container:hover:after {
  display: block;
}

.bb {
  padding: 20px 20px 0;
  position: relative;
  word-break: break-all;
}

.bb--compact {
  display: flex;
}

.bb__avatar {
  display: block;
  height: 80px;
  margin: 20px 10px 16px 0;
  width: 80px;
}

.bb__avatar--size--small {
  height: 64px;
  width: 64px;
}

.bb__avatar--size--medium {
  height: 80px;
  width: 80px;
}

.bb__avatar>.avatar {
  height: inherit;
  width: inherit;
}

.bb__username {
  display: flex;
  position: relative;
}

.bb__cover {
  background-repeat: no-repeat;
  background-size: cover;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

.bb__cover--size--small {
  height: 84px;
}

.bb__cover--size--medium {
  height: 100px;
}

.bb__cover--size--large {
  height: 120px;
}

.bb__cover::before {
  background: linear-gradient(80.15deg, #000 0, rgba(0, 0, 0, 0.15) 100%);
  content: "";
  display: block;
  height: inherit;
}

.bb__cover--no-photo::before {
  background: radial-gradient(138.66% 168.3%at 72.8% 11.43%, #2c2057 0, #050506 77.21%), #050506;
}

.ba {
  background: #343437;
  border-radius: 12px;
  box-shadow: 0 1px 20px rgba(0, 0, 0, 0.2);
  margin: 10px 0 0;
  overflow: hidden;
}

.ba--style--dark {
  background: #1b1b1d;
}

.ba__menu-item {
  align-items: center;
  background: 0 0;
  border: 0;
  color: #fff;
  cursor: pointer;
  display: flex;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: normal;
  line-height: normal;
  padding: 10px 18px;
  position: relative;
  transition: background 0.3s;
  white-space: nowrap;
  width: 100%;
}

.ba__menu-item--split {
  margin-bottom: 2px;
}

.ba__menu-item--split::before {
  background: rgba(255, 255, 255, 0.05);
  content: "";
  height: 2px;
  left: 0;
  position: absolute;
  right: 0;
  top: 100%;
}

.ba__menu-item:hover {
  background: #232325;
}

.ba__menu-item:hover::before {
  display: none;
}

.ba__menu-item--selected {
  background: #343437;
  background: #232325;
}

.ba__menu-item-icon {
  height: 16px;
  margin: 0 12px 0 0;
  width: 16px;
}

.cO__overlay {
  animation: opacity-fade-show 0.5s;
  background: rgba(5, 5, 6, 0.4);
  bottom: 0;
  left: 0;
  pointer-events: none;
  position: absolute;
  top: 0;
  width: 100%;
}

.cO__header {
  animation: opacity-fade-bottom-show 0.3s;
  display: flex;
  justify-content: space-between;
  left: 0;
  padding: 12px 8px 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 1;
}

.cO__header-button {
  background: 0 0;
  border: 0;
  color: #fff;
  cursor: pointer;
  font-size: 14px;
  padding: 4px 8px;
}

.cO__actions-list-wrapper {
  animation: opacity-fade-show-modal-strict 0.5s;
  background: rgba(5, 5, 6, 0.6);
  border-radius: 12px;
  color: #fff;
  left: 12px;
  margin: 36px 0 0;
  padding: 16px 12px;
  position: absolute;
  right: 12px;
  top: 40%;
  z-index: 1;
}

.cO__actions-list-title {
  align-items: center;
  display: flex;
  font-size: 12px;
  gap: 6px;
  justify-content: center;
  margin: 0 0 12px;
  min-height: 17px;
  opacity: 0.4;
  transition: opacity 0.3s;
}

.cO__actions-list-title--highlighted {
  opacity: 1;
}

.cO__actions-list-title-text {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.cO__actions-list {
  display: flex;
  gap: 12px;
  justify-content: center;
}

.cO__action-item {
  align-items: center;
  background: rgba(255, 255, 255, 0.1);
  border: 0;
  border-radius: 12px;
  color: #fff;
  cursor: pointer;
  display: flex;
  font-size: 12px;
  gap: 6px;
  height: 24px;
  padding: 0 12px;
}

.cO__action-item:hover {
  background: rgba(255, 255, 255, 0.2);
}

.cR {
  align-items: center;
  aspect-ratio: 0.5625;
  background: #343437;
  border-radius: 16px;
  display: flex;
  height: 100%;
  justify-content: center;
  margin: 0 auto;
  max-height: 100%;
  max-width: 100%;
  overflow: hidden;
  position: relative;
  -webkit-user-select: none;
  user-select: none;
}

.cR__blur {
  background: no-repeat center;
  background-size: cover;
  bottom: 0;
  filter: blur(13px);
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

.cR--hidden {
  visibility: hidden;
}

.cR__content {
  flex: 1;
  max-height: 100%;
  max-width: 100%;
  object-fit: contain;
  pointer-events: none;
  position: relative;
  width: 1000px;
}

.cR__no-text {
  color: #cfcfd0;
  font-size: 14px;
  padding: 0 6px;
  text-align: center;
}

.cR__controls {
  bottom: 12px;
  display: flex;
  flex-direction: column;
  gap: 12px;
  opacity: 0;
  pointer-events: none;
  position: absolute;
  right: 12px;
  transition: opacity 0.3s;
}

.cR__controls--visible {
  opacity: 1;
  pointer-events: auto;
}

.cR__button-wrapper {
  cursor: pointer;
  display: flex;
  justify-content: flex-end;
}

.cR__button-wrapper:hover>.cR__button {
  background: rgba(5, 5, 6, 0.6);
  transform: scale(0.8);
}

.cR__button {
  align-items: center;
  backdrop-filter: blur(4px);
  background: rgba(5, 5, 6, 0.4);
  border-radius: 24px;
  color: #fff;
  column-gap: 6px;
  display: inline-flex;
  font-size: 16px;
  height: 48px;
  padding: 0 12px;
  transition: 0.3s background, 0.3s transform;
}

.creator-list-notifications__description {
  display: grid;
  grid-auto-flow: row;
}

.creator-list-notifications__list-item {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.cT {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.cT__header {
  align-items: center;
  display: flex;
  gap: 10px;
  justify-content: space-between;
}

.cT__title {
  font-size: 14px;
  font-weight: 600;
  text-align: center;
}

.cT__error-message {
  color: #fd3a5b;
  display: block;
  font-size: 12px;
  margin-top: 4px;
}

.cS {
  align-items: center;
  background: #343437 no-repeat center;
  background-size: contain;
  border-radius: 8px;
  color: #707071;
  cursor: pointer;
  display: flex;
  height: 60px;
  justify-content: center;
  min-width: 36px;
  position: relative;
  width: 36px;
}

.cS::before {
  border: 2px solid transparent;
  border-radius: inherit;
  bottom: 0;
  content: "";
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 3;
}

.cS:hover {
  color: #cfcfd0;
}

.cS--active::before {
  border-color: #fff;
}

.cS--over::after {
  background: #d21b4c;
  border-radius: inherit;
  bottom: 0;
  content: "";
  left: 0;
  opacity: 0.6;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 3;
}

.cS__close {
  align-items: center;
  background: rgba(0, 0, 0, 0.6);
  border-radius: 50%;
  color: #a0a0a1;
  cursor: pointer;
  display: flex;
  height: 20px;
  justify-content: center;
  left: -10px;
  position: absolute;
  top: -10px;
  transition: 0.3s color, 0.3s background;
  width: 20px;
  z-index: 4;
}

.cS__close:hover {
  background: #af262f;
  color: #fff;
}

.cU {
  bottom: 0;
  left: 0;
  overflow: hidden auto;
  padding: 0 20px;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 3;
}

.cU__item {
  align-items: center;
  display: flex;
  gap: 20px;
  height: 88px;
  justify-content: space-between;
  overflow: hidden;
  padding: 8px 0;
}

.cU__left {
  align-items: center;
  display: flex;
  font-size: 14px;
  gap: 12px;
  height: 100%;
  overflow: hidden;
}

.cU__left-name {
  overflow: hidden;
}

.chat-controls-input::before,
.cU__filename {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.cU__icon {
  align-items: center;
  background: #343437;
  border-radius: 10px;
  display: flex;
  flex: 1;
  height: 100%;
  justify-content: center;
  min-width: 36px;
  width: 36px;
}

.cU__right {
  align-items: center;
  display: flex;
  font-size: 14px;
  gap: 14px;
}

.cU__close {
  align-items: center;
  background: #000;
  border: 0;
  border-radius: 50%;
  color: rgba(255, 255, 255, 0.6);
  cursor: pointer;
  display: flex;
  height: 20px;
  justify-content: center;
  padding: 0;
  width: 20px;
}

.cU__close:hover {
  background: #d21b4c;
  color: #fff;
}

.DDD {
  display: flex;
  flex: 1;
  flex-direction: column;
  justify-content: flex-start;
}

.DDD--empty {
  justify-content: center;
}

.DDD__title {
  align-items: center;
  color: #a0a0a1;
  display: flex;
  font-size: 14px;
  line-height: 140%;
  margin: 20px 0;
}

.DDD__title-icon {
  align-items: center;
  background: #232325;
  border-radius: 16px;
  display: flex;
  height: 52px;
  justify-content: center;
  margin: 0 14px 0 0;
  min-width: 52px;
  width: 52px;
}

.DDD__list {
  max-height: 328px;
  padding: 0 20px 10px;
}

.DDD__empty-stub {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 18px;
  height: 100%;
  justify-content: center;
}

.DDD__empty-stub-icon {
  color: #707071;
}

.DDD__empty-stub-description {
  color: #a0a0a1;
  font-size: 20px;
  font-weight: 700;
  line-height: 24px;
  margin: 0 auto;
  padding: 0 20px;
  text-align: center;
}

.cH,
.cH__content {
  align-items: center;
  display: flex;
  flex: 1;
  flex-direction: column;
}

.cH__content {
  justify-content: center;
  padding: 20px;
  width: 100%;
}

.cH__svg-icon {
  margin-bottom: 16px;
}

.cH__extra-name {
  color: #fff;
  font-size: 24px;
  font-weight: 500;
  margin-bottom: 20px;
}

.cH__description {
  color: #a0a0a1;
  font-size: 14px;
  font-weight: 400;
  margin-bottom: 20px;
  max-width: 240px;
  text-align: center;
}

.cH__add-details {
  align-items: center;
  color: #ff3332;
  column-gap: 12px;
  cursor: pointer;
  display: flex;
  font-size: 14px;
}

.cH__text-form {
  display: flex;
  position: relative;
  width: 100%;
}

.cH__text-form-controls {
  align-items: center;
  bottom: 10px;
  column-gap: 4px;
  display: flex;
  position: absolute;
  right: 5px;
}

.cH__text-form-close {
  align-items: center;
  background: rgba(255, 255, 255, 0.1);
  border-radius: 50%;
  color: #a0a0a1;
  cursor: pointer;
  display: flex;
  height: 20px;
  justify-content: center;
  position: absolute;
  right: 14px;
  top: 10px;
  width: 20px;
}

.cH__text-form-close:hover {
  color: #fff;
}

.cH .chat-controls-input--form {
  height: 48px;
}

.cH__vat {
  color: #707071;
  font-size: 12px;
  margin-bottom: 20px;
}

.chat-controls-input {
  color: #fff;
  line-height: 16px;
  min-width: 100%;
  outline: 0;
}


.chat-controls-input--form {
  height: 70px;
  margin: 0 0 30px;
}

.chat-controls-input--style--multy-line {
  min-height: 28px;
  overflow: auto;
  padding: 10px 0 0;
  position: relative;
  white-space: pre-wrap;
  word-break: break-word;
  text-align: left;
}

.chat-controls-input--style--single-line {
  height: 34px;
  padding: 10px 0 0;
  position: absolute;
}

.chat-controls-input:empty::before {
  content: attr(placeholder);
  max-width: 100%;
  opacity: 0.6;
  pointer-events: none;
  position: absolute;
}

.chat-controls-input--with-content::before {
  display: none;
}

.chat-controls-input__wrapper {
  cursor: text;
  flex: 1;
  font-size: 13px;
  overflow: hidden;
  position: relative;
}

.chat-controls-input__wrapper--dark {
  background: #111113;
}

.chat-controls-input__wrapper--dark:focus-within {
  border-color: #ff3332;
}

.chat-controls-input__wrapper--form {
  border: 1px solid transparent;
  border-radius: 12px;
  color: #fff;
  padding: 0 10px;
}

.chat-controls-input__wrapper--style--single-line {
  height: 34px;
  white-space: nowrap;
}

.chat-controls-input__wrapper--disabled {
  pointer-events: none;
}

.chat-controls-input__wrapper--error {
  border-color: #fd3a5b;
}

.chat-controls-input__wrapper--error:focus-within {
  border-color: #fd3a5b;
}

.chat-controls-input__wrapper-scroll {
  bottom: -50px;
  left: 12px;
  overflow: auto;
  position: absolute;
  right: 12px;
  top: 0;
}

.chat-controls-input__hashtag,
.chat-controls-input__mention {
  color: #ff3332;
}

.chat-controls-input__smile {
  animation: smile-appear 0.3s;
  display: inline-block;
  font-size: 0;
  margin: 0 4px;
  position: relative;
  top: -4px;
  vertical-align: text-top;
  width: 20px;
}

.chat-controls-input__smile--no-animation {
  animation: none;
}

.chat-controls-input__smile--hidden {
  margin: 0;
  opacity: 0;
  width: 1px;
}

.chat-controls-input__smile--flyed {
  animation: none;
  margin: 0;
  pointer-events: none;
  position: fixed;
  z-index: 600;
}

.cI {
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin: auto;
}

.cI__icon {
  margin-bottom: 28px;
}

.cI__title {
  color: #fff;
  font-size: 24px;
  font-weight: 700;
  margin-bottom: 20px;
}

.cI__description {
  color: #a0a0a1;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  margin-bottom: 40px;
  max-width: 260px;
  text-align: center;
}

.cI__can-message-badge {
  align-items: center;
  background: #232325;
  border-radius: 12px;
  color: rgba(248, 248, 248, 0.7);
  display: grid;
  grid-auto-flow: column;
  grid-column-gap: 14px;
  justify-content: start;
  min-height: 44px;
  padding: 12px 14px;
}

.F {
  border-radius: 18px;
  overflow: hidden;
  padding-top: 100%;
  position: relative;
  transform: translateZ(0);
  transition: opacity 0.3s;
}

.F--shadow::after {
  background: linear-gradient(180deg, transparent 0, rgba(0, 0, 0, 0.65) 100%);
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  transition: opacity 0.3s;
  width: 100%;
}

.F--locked {
  background: linear-gradient(246.82deg, #3c185e 0, #100415 100%) no-repeat center;
  background-size: cover;
}

.F--locked:hover {
  background-image: linear-gradient(246.82deg, #281f4d 0, #0d071e 100%);
}

.F--clickable {
  cursor: pointer;
}

.F--disabled {
  opacity: 0.6;
  pointer-events: none;
}

.F__image {
  height: 100%;
  left: 0;
  object-fit: cover;
  object-position: center;
  position: absolute;
  top: 0;
  transform: scale(1.01);
  transition: transform 0.3s;
  width: 100%;
}

.F--with-zoom:hover>.F__image {
  transform: scale(1.1);
}

.F__content {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 1;
}

.tag-creator-settings {
  display: flex;
  flex-direction: column;
  height: 100%;
}

@media screen and (max-width: 639px) {
  .tag-creator-settings {
    height: calc(100vh - 113px);
  }
}

.tag-creator-settings__add-tag-button {
  cursor: pointer;
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
}

.tag-creator-settings__add-tag-button.btn {
  padding: 10px 12px;
}

.tag-creator-settings__add-tag-button.btn:active {
  transform: translate(-50%, calc(-50% + 1px));
}

.tag-creator-settings__toggle-button {
  background-color: #343437;
  border: 0;
  border-radius: 50%;
  color: #fff;
  cursor: pointer;
  display: grid;
  height: 24px;
  padding: 0;
  place-items: center;
  width: 24px;
}

.tag-creator-settings__toggle-button:active {
  transform: translateY(1px);
}

.tag-creator-settings__counter {
  color: #cfcfd0;
  font-size: 16px;
  font-weight: 700;
  white-space: nowrap;
}

.tag-creator-settings__search-header {
  align-items: center;
  display: flex;
  justify-content: space-between;
  margin-bottom: 18px;
}

.tag-creator-settings__search-back-button {
  background: 0 0;
  border: 0;
  color: #fff;
  cursor: pointer;
  font-size: 13px;
  font-weight: 500;
}

.tag-creator-settings__search-input-wrapper {
  position: relative;
}

.cp__input.input,
.tag-creator-settings__search-input.input {
  padding-left: 30px;
}

.tag-creator-settings__search-icon {
  color: #a0a0a1;
  left: 10px;
  position: absolute;
  top: 12px;
  z-index: 1;
}

.tag-creator-settings__users-list {
  margin-top: 10px;
}

.tag-creator-settings__icon {
  position: absolute;
  z-index: 1;
}

.tag-creator-settings__icon:after {
  bottom: 50%;
  box-shadow: 0 0 40px rgba(0, 0, 0, 0.6);
  content: "";
  display: block;
  height: 1px;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 1px;
}

.tag-creator-settings__icon--users {
  bottom: 10px;
  left: 10px;
}

.tag-creator-settings__icon--play {
  right: 14px;
  top: 16px;
}

.cp__header {
  align-items: center;
  display: flex;
  justify-content: space-between;
  margin-bottom: 18px;
}

.cp__header-actions {
  align-items: center;
  display: flex;
  gap: 8px;
  justify-content: center;
}

.cp__back-button {
  background: 0 0;
  border: 0;
  color: #fff;
  cursor: pointer;
  font-size: 13px;
  font-weight: 500;
}

.cp__input-wrapper {
  position: relative;
}

.cp__icon {
  color: #a0a0a1;
  left: 10px;
  position: absolute;
  top: 12px;
  z-index: 1;
}

.cp__users-list {
  margin-top: 10px;
}

.cs {
  align-items: center;
  color: #a0a0a1;
  column-gap: 10px;
  display: flex;
  font-size: 14px;
  font-weight: 700;
  justify-content: space-between;
  min-height: 48px;
}

.cs--clickable {
  cursor: pointer;
}

.cs--clickable:hover {
  color: #cfcfd0;
}

.cs__left {
  align-items: center;
  column-gap: 10px;
  display: flex;
  flex: 1;
}

.cs__middle {
  display: flex;
  flex: 1;
  flex-wrap: wrap;
  justify-content: space-between;
}

.cs__icon {
  align-items: center;
  display: flex;
  gap: 10px;
}

.cs__icon--new {
  color: #ff3332;
}

.cs__dot {
  color: #707071;
  margin: 0 0 0 4px;
  position: relative;
  right: -1px;
}

.cs__description {
  color: #707071;
  font-size: 14px;
  font-weight: 400;
}

.cq {
  position: relative;
}

.cq__footer {
  align-items: center;
  bottom: 6px;
  display: flex;
  justify-content: space-between;
  left: 10px;
  position: absolute;
  right: 10px;
}

.cq__footer--disabled {
  opacity: 0.6;
  pointer-events: none;
}

.cq__left {
  align-items: center;
  column-gap: 4px;
  display: flex;
}

.cq__right {
  align-items: center;
  column-gap: 10px;
  display: flex;
}

.cq__button {
  border: 2px solid #424248;
  border-radius: 6px;
  color: #a0a0a1;
  cursor: pointer;
  font-size: 12px;
  height: 20px;
  padding: 0 8px;
}

.cq__button:hover {
  background: #424248;
  color: #cfcfd0;
}

.cq .smiles-dropdown {
  margin: 0;
}

.cq .smiles-dropdown .smiles-list {
  bottom: 25px;
}

.cq__mentions {
  background: #1b1b1d;
  bottom: 0;
  left: 0;
  padding: 20px;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 3;
}

.cq__content {
  background: #111113;
  border-radius: 4px;
  bottom: 8px;
  left: 10px;
  position: absolute;
  right: 80px;
}

.cq__counter {
  background: #111113;
  border-radius: 4px;
  color: #a0a0a1;
  font-size: 10px !important;
  padding: 4px;
  pointer-events: none;
}

.c1 {
  aspect-ratio: 0.5625;
  position: relative;
  transition: 0.6s height;
}

.c1--style--pale {
  cursor: pointer;
  height: 41%;
}

.c1--style--pale .c1__footer,
.c1--style--pale .c1__header {
  opacity: 0;
  pointer-events: none;
}

.c1--style--pale .m {
  display: none;
}

.c1--style--active {
  height: 100%;
  margin: 0 60px;
  opacity: 1;
}

.c1--style--active .c1__user-pale {
  opacity: 0;
}

.c1--mobile {
  height: auto;
  margin: 0;
  max-width: 360px;
  width: 100%;
}

.c1__content-wrapper {
  align-items: center;
  background: #1b1b1d no-repeat center;
  background-size: cover;
  border-radius: 16px;
  bottom: 0;
  display: flex;
  justify-content: center;
  left: 0;
  overflow: hidden;
  position: absolute;
  top: 0;
  width: 100%;
}

.c1__content {
  flex: 1;
  max-height: 100%;
  max-width: 100%;
  pointer-events: none;
  position: relative;
}

.c1__content-image {
  background: no-repeat center;
  background-size: contain;
  bottom: 0;
  left: 0;
  pointer-events: none;
  position: absolute;
  right: 0;
  top: 0;
}

.c1__header {
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.6) 0, transparent 100%);
  left: 0;
  min-height: 78px;
  padding: 12px 12px 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 1;
}

.c1__header .displayname--size--small-xx>.displayname__name {
  font-size: 14px;
}

.c1__sub-header {
  align-items: center;
  display: flex;
  justify-content: space-between;
}

.c1__user {
  align-items: center;
  display: flex;
}

.c1__header-controls {
  align-items: center;
  column-gap: 12px;
  display: flex;
}

.c1__header-button {
  background: 0 0;
  border: 0;
  color: rgba(255, 255, 255, 0.6);
  cursor: pointer;
  filter: drop-shadow(0 1px 10px rgba(0, 0, 0, 0.4));
  padding: 0;
  transition: 0.3s color;
}

.c1__header-button--mobile-close {
  position: absolute;
  right: 16px;
  top: 16px;
}

.c1__header-button:hover {
  color: #fff;
}

.c1__footer {
  background: linear-gradient(180deg, transparent 0, rgba(0, 0, 0, 0.6) 100%);
  bottom: 0;
  left: 0;
  padding: 0 12px 12px;
  position: absolute;
  width: 100%;
  z-index: 1;
}

.c1__footer--mobile {
  bottom: env(safe-area-inset-bottom);
  left: 50%;
  max-width: 360px;
  position: fixed;
  transform: translateX(-50%);
}

.c1__footer-icon {
  align-items: center;
  column-gap: 4px;
  display: inline-flex;
  font-size: 14px;
  font-weight: 700;
}

.c1__user-pale {
  align-items: center;
  background: rgba(0, 0, 0, 0.8);
  bottom: 0;
  display: flex;
  flex-direction: column;
  gap: 6px;
  justify-content: center;
  left: 0;
  pointer-events: none;
  position: absolute;
  top: 0;
  transition: 0.6s opacity;
  width: 100%;
  z-index: 1;
}

.c1__tabs {
  column-gap: 4px;
  display: flex;
  margin: 0 0 12px;
}

.c1__tab {
  background: rgba(255, 255, 255, 0.2);
  border-radius: 2px;
  cursor: pointer;
  flex: 1;
  height: 2px;
  overflow: hidden;
  position: relative;
  transition: 0.3s background, 0.3s box-shadow;
}

.c1__tab:hover {
  background: rgba(255, 255, 255, 0.4);
}

.c1__tab-progress {
  background: rgba(255, 255, 255, 0.8);
  border-radius: 2px;
  flex: 1;
  height: inherit;
  left: 0;
  top: 0;
  width: 0;
}

.c1__moderation {
  align-items: center;
  background: rgba(0, 0, 0, 0.6);
  border-radius: 20px;
  bottom: 12px;
  color: #cfcfd0;
  display: flex;
  font-size: 14px;
  gap: 16px;
  left: 12px;
  padding: 8px 16px;
  position: absolute;
  right: 12px;
  z-index: 1;
}

.c1 .m {
  height: auto;
  left: auto;
  top: auto;
  width: auto;
}

.c1__loader {
  align-items: center;
  color: #707071;
  display: flex;
  flex-direction: column;
  font-size: 14px;
  gap: 10px;
  left: 50%;
  pointer-events: none;
  position: absolute;
  text-align: center;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
}

.c1__no-available {
  color: #707071;
  font-size: 18px;
  font-weight: 700;
  padding: 0 16px;
  text-align: center;
}

.c1__user-tags {
  bottom: 60px;
  left: 20px;
  position: absolute;
}

.c1__mobile-direction {
  bottom: 0;
  position: absolute;
  top: 0;
}

.c1__mobile-direction--style--left {
  left: 0;
  width: 25%;
}

.c1__mobile-direction--style--right {
  right: 0;
  width: 75%;
}

.scheduled-post-settings {
  align-items: center;
  display: grid;
  grid-column-gap: 20px;
  grid-template-columns: 1fr;
  margin: 0-20px;
  padding: 0 20px 20px;
}

.scheduled-post-settings__error-message {
  color: #fd3a5b;
  display: block;
  font-size: 12px;
  grid-column: 1/3;
  margin: 4px 0 0;
}

.scheduled-post-settings__posts-count-notice {
  color: #a0a0a1;
  font-size: 0.75rem;
  margin-top: 6px;
}

@media screen and (max-width: 479px) {
  .scheduled-post-settings {
    padding: 0 15px 15px;
  }
}

.cz__image {
  align-items: center;
  display: flex;
  flex: 1;
  height: 234px;
  justify-content: center;
  position: relative;
}

.cz__image-photo {
  border-radius: 4px;
  max-height: 100%;
  max-width: 100%;
}

.cz__control {
  align-items: center;
  display: flex;
  gap: 10px;
  position: absolute;
}

.cy {
  -webkit-user-select: none;
  user-select: none;
}

.cy__thumbs-line {
  background: rgba(255, 255, 255, 0.05);
  height: 1px;
  margin: 0 0 19px;
}

.cy__thumb {
  background-clip: content-box;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  border: 2px solid transparent;
  border-radius: 10px;
  cursor: pointer;
  height: 64px;
  min-width: 64px;
  opacity: 0.4;
  position: relative;
  transition: opacity 0.3s;
  width: 64px;
}

.cy__thumb:hover {
  opacity: 1;
}

.cy__thumb--active {
  border-color: #d60908;
  opacity: 1;
  pointer-events: none;
}

.cy__thumb-time {
  align-items: center;
  background: rgba(0, 0, 0, 0.8);
  border-radius: 4px;
  bottom: 4px;
  color: #cfcfd0;
  display: flex;
  font-size: 10px;
  font-weight: 500;
  height: 14px;
  line-height: 13px;
  padding: 0 3px;
  position: absolute;
  right: 4px;
}

.cy__thumb-error {
  display: flex;
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translateY(-50%) translateX(-50%);
}

.bV,
.bY__wrapper-center::before {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

.bV__svg {
  display: block;
}

.bY__wrapper {
  contain: strict;
  left: 0;
  overflow: hidden;
  position: absolute;
  right: 0;
}

.bY__list {
  align-items: center;
  display: flex;
}

.bY__item {
  margin-right: 20px;
  min-width: 190px;
  width: 190px;
}

.bY__shadow {
  bottom: 0;
  pointer-events: none;
  position: absolute;
  top: 0;
  width: 190px;
}

.bY__shadow--right {
  background: linear-gradient(to right, transparent 0, #000 100%);
  right: 0;
}

.bY__shadow--left {
  background: linear-gradient(to left, transparent 0, #000 100%);
  left: 0;
}

.bY__scroll-container {
  display: flex;
  overflow: auto;
  position: relative;
}

@media screen and (max-width: 767px) {
  .bYz__shadow {
    width: 100px;
  }
}

.messages-overlay {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 105;
  background-color: #000;
  opacity: 0.85;
  width: 100%;
  height: 100%;
}

.messages-container {
  animation: opacity-fade-show 0.3s;
  border-radius: 16px;
  box-shadow: 0 20px 30px rgba(0, 0, 0, 0.3);
  display: flex;
  flex-direction: column;
  height: unset;
  max-height: 100%;
  position: fixed;
  text-align: center;
  top: 100px;
  left: 50%;
  transform: translate(-50%, 0);
  z-index: 106;
  height: 75vh;
  max-width: 960px;
}

.personal-notifications-modal {
  animation: opacity-fade-show 0.3s;
  background: #232325;
  border-radius: 16px;
  bottom: 10px;
  box-shadow: 0 20px 30px rgba(0, 0, 0, 0.3);
  display: flex;
  flex-direction: column;
  height: unset;
  max-height: 100%;
  position: fixed;
  top: 30%;
  right: 18%;
  transform: translate(-35%, -35%);
  width: 422px;
  z-index: 106;
}

.personal-notifications-modal--cookie {
  bottom: 70px;
}

.personal-notifications-modal.is-hiding {
  animation: opacity-fade-hide 0.3s;
}

.personal-notifications-modal__verify {
  align-items: center;
  background: #1b1b1d;
  border-radius: 12px;
  display: flex;
  font-size: 14px;
  gap: 12px;
  line-height: 140%;
  margin: 0 12px 4px;
  padding: 12px 42px 12px 12px;
  position: relative;
}

.personal-notifications-modal__verify-icon {
  align-self: flex-start;
}

.personal-notifications-modal__verify-close {
  color: #707071;
  cursor: pointer;
  font-size: 0;
  padding: 6px;
  position: absolute;
  right: 4px;
  top: 4px;
}

.personal-notifications-modal__verify-close:hover {
  color: #a0a0a1;
}

.personal-notifications-modal .scroll-bar-container {
  display: flex;
  flex-direction: column;
  height: 100%;
  max-height: none;
  max-width: none;
  overflow-x: hidden;
  width: auto;
}

.personal-notifications-modal-title {
  align-items: center;
  border-bottom: 1px solid transparent;
  color: #fff;
  display: flex;
  font-size: 20px;
  font-weight: 700;
  height: 68px;
  margin: 0;
  padding: 20px;
  transition: border-bottom-color 0.5s;
}

@media screen and (max-width: 479px) {
  .personal-notifications-modal-title {
    font-size: 20px;
    font-weight: 500;
    letter-spacing: normal;
    line-height: normal;
    height: 56px;
    padding: 12px;
  }
}

.personal-notifications-modal-title.scrolled {
  border-bottom-color: rgba(255, 255, 255, 0.1);
}

.personal-notifications-modal-title button {
  border-radius: 2px;
  height: 24px;
  width: 24px;
  align-items: center;
  background: 0 0;
  border: 0;
  color: #fff;
  cursor: pointer;
  display: inline-flex;
  justify-content: center;
  margin-right: 12px;
}

.personal-notifications-modal-title button:hover {
  background: rgba(248, 248, 248, 0.1);
}

.personal-notifications-modal-title .icon {
  flex-shrink: 0;
  height: 16px;
  margin: 0;
  width: 16px;
}

.personal-notifications-modal-panel-footer .personal-notifications-modal-panel-controls-btn,
.l:hover::after {
  display: none;
}

@media (max-width: 639px) {
  .personal-notifications-modal {
    border-radius: 0;
    height: calc(100% - var(--pwa-notification-height));
    right: 0;
    top: var(--pwa-notification-height);
    width: 100%;
  }

  .personal-notifications-modal h2 {
    display: none;
  }

  .personal-notifications-modal-panel-footer .personal-notifications-modal-panel-controls-btn {
    display: block;
    margin: 0;
  }
}

@media screen and (max-width: 479px) {
  .personal-notifications-modal {
    animation: none;
    height: calc(100% - var(--tap-bar-height) - env(safe-area-inset-bottom));
  }
}

.user-media-content-sub-title.title-ds {
  align-items: center;
  display: flex;
  justify-content: space-between;
  margin: 40px 0 20px;
}

.user-media-content-sub-title__title {
  align-items: center;
  display: flex;
  white-space: break-spaces;
}

.user-media-content-sub-title__title--loading {
  opacity: 0;
}

.user-media-content-sub-title__title-count {
  padding: 0 0 0 14px;
}

.user-media-content-sub-title__controls {
  align-items: center;
  display: flex;
  white-space: break-spaces;
}

.user-media-content-sub-title__control-item {
  color: #fff;
  cursor: pointer;
  margin: 0 0 0 12px;
  opacity: 0.6;
  transition: opacity 0.3s;
}

.pill-control.in-animation>.pill-control__ghost,
.user-media-content-sub-title__control-item:hover {
  opacity: 1;
}

.user-media-content-sub-title__controls-icon {
  display: block;
  height: 20px;
  margin: 0;
  opacity: 0.6;
  width: 20px;
}

.my-collection-albums__content {
  display: block;
  overflow: auto hidden;
  white-space: nowrap;
}

.my-collection-albums__content>.bc {
  display: inline-block;
  margin: 0 12px 0 0;
  width: 285px;
}

@media screen and (min-width: 480px) {
  .my-collection-albums__content {
    column-gap: 12px;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    overflow: visible;
    row-gap: 12px;
    white-space: normal;
  }

  .my-collection-albums__content>.bc {
    display: block;
    margin: 0;
    width: auto;
  }
}

@media screen and (min-width: 640px) {
  .my-collection-albums__content {
    column-gap: 20px;
    grid-template-columns: repeat(3, 1fr);
    row-gap: 20px;
  }
}

@media screen and (min-width: 1366px) {
  .my-collection-albums__content {
    grid-template-columns: repeat(5, 1fr);
  }
}

.my-collection-albums__skeleton-item {
  background: #343437;
  border-radius: 18px;
  padding-bottom: 75%;
}

.pill-control {
  align-items: center;
  border-radius: 12px;
  display: flex;
  position: relative;
  -webkit-user-select: none;
  user-select: none;
}

.pill-control--disabled {
  opacity: 0.4;
  pointer-events: none;
}

.pill-control--style--default {
  background: #1c1c1c;
}

.pill-control--style--default-dark,
.pill-control--style--primary {
  background: #111113;
}

.pill-control.multi-lines {
  flex-wrap: wrap;
}

.pill-control.in-animation,
.upload-file-list .upload-media-item-add--chosen .z__indicators,
.upload-file-list .z--chosen .z__indicators {
  pointer-events: none;
}

.pill-control__item {
  align-items: center;
  border-radius: 8px;
  cursor: pointer;
  display: flex;
  flex: 1;
  height: 32px;
  justify-content: center;
  margin: 4px;
  opacity: 0.6;
  padding: 0 12px;
  position: relative;
  transition: opacity 0.3s;
}

.pill-control__item--active {
  opacity: 1;
  pointer-events: none;
}

.pill-control__item--active.pill-control__item--style--default,
.pill-control__item--active.pill-control__item--style--default-dark {
  background: #343437;
}

.pill-control__item--active.pill-control__item--style--primary {
  background: #d60908;
}

.pill-control__item--next-active,
.pill-control__item:hover {
  opacity: 1;
}

.pill-control__item.multi-lines {
  flex: auto;
}

.pill-control__ghost {
  border-radius: 8px;
  opacity: 0;
  pointer-events: none;
  position: absolute;
}

.pill-control__ghost--style--default,
.pill-control__ghost--style--default-dark {
  background: #343437;
}

.pill-control__ghost--style--primary {
  background: #d60908;
}

@media screen and (max-width: 639px) {
  .pill-control__item {
    height: 32px;
  }
}

.upload-file-list {
  column-gap: 12px;
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  padding: 0;
  row-gap: 12px;
}

.upload-file-list .upload-media-item-add,
.upload-file-list .z {
  height: auto;
  margin: 0;
  padding-top: 100%;
  width: auto;
}

.upload-file-list .upload-media-item-add--drag,
.upload-file-list .z--drag {
  padding-top: 0;
}

.upload-file-list .upload-media-item-add--drag .z__cover-badge,
.upload-file-list .upload-media-item-add--ghost,
.upload-file-list .z--drag .z__cover-badge,
.upload-file-list .z--ghost {
  opacity: 0;
}

@media screen and (max-width: 639px) {
  .upload-file-list {
    grid-template-columns: repeat(4, 1fr);
  }
}

@media screen and (max-width: 320px) {
  .upload-file-list {
    grid-template-columns: repeat(3, 1fr);
  }
}

.bu {
  display: flex;
  position: relative;
}

.bu__button {
  align-items: center;
  background: #2a244b;
  border: 0;
  border-radius: 12px;
  color: #fff;
  cursor: pointer;
  display: flex;
  flex-grow: 1;
  font-size: 14px;
  font-weight: 500;
  gap: 12px;
  height: 40px;
  justify-content: center;
  padding: 11px 20px;
}

@media screen and (max-width: 1023px) {
  .bu__button {
    padding: 11px;
  }
}

.bu__dropdown-icon {
  color: #a0a0a1;
  transition: transform 0.15s linear;
}

.bu__dropdown-icon--rotated {
  transform: rotate(180deg);
}

.bu__dropdown-content {
  padding: 12px 16px;
}

.bu__prising {
  align-items: center;
  border-bottom: 2px solid rgba(255, 255, 255, 0.05);
  column-gap: 12px;
  display: flex;
  flex-wrap: nowrap;
  margin-bottom: 12px;
  padding-bottom: 12px;
}

.bu__club-prices {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.bu__price {
  color: #fff;
  white-space: nowrap;
}

.bh,
.bu__bundles {
  color: #707071;
  white-space: nowrap;
}

.bh {
  align-items: center;
  border-radius: 6px;
  color: #fff;
  display: inline-flex;
  font-size: 13px;
  font-weight: 700;
  justify-content: center;
  padding: 2px 8px;
}

.bh--style--primary {
  background: #d60908;
}

.bh--style--alert {
  background: #d21b4c;
}

.island-value-link {
  background: #2e2e30;
  border-radius: 10px;
  display: block;
  padding: 6px 12px;
  width: 100%;
}

.island-value-link:hover {
  background: #343437;
  text-decoration: none;
}

.island-value-link__content {
  align-items: center;
  display: flex;
  justify-content: space-between;
  min-height: 30px;
}

.island-value-link__name,
.island-value-link__value {
  align-items: center;
  color: #cfcfd0;
  display: flex;
  font-size: 15px;
  font-weight: 500;
}

.island-value-link__value {
  color: #ff3332;
  font-size: 18px;
}

.island-value-link__bottom {
  font-size: 12px;
  line-height: 16px;
  margin: 4px 0 0;
}

.l {
  overflow: hidden;
  position: relative;
}

.l--animated {
  transform: translateZ(0);
}

.l--animated::after {
  animation: flareAnimation 5s infinite ease-in alternate;
  background: linear-gradient(90deg, transparent 0, #d60908 50%, transparent 100%);
  bottom: 0;
  content: "";
  left: 0;
  pointer-events: none;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 0;
}

.l__text {
  margin-left: 11px;
  z-index: 1;
}

.l__icon {
  z-index: 1;
}

.chat-controls {
  padding: 0 6px 8px;
  position: relative;
  touch-action: none;
}

.chat-controls::before {

  bottom: 100%;
  content: "";
  height: 8px;
  left: 0;
  pointer-events: none;
  position: absolute;
  width: 100%;
}

.chat-controls--hidden,
.r img[src=""] {
  visibility: hidden;
}

.chat-controls--mobile {
  background: #232325;
  bottom: calc(var(--tap-bar-height) + env(safe-area-inset-bottom));
  left: 0;
  position: fixed;
  width: 100%;
}

.chat-controls__shatter {
  align-items: center;
  display: flex;
  font-size: 12px;
  gap: 3px;
  height: 100%;
  left: 12px;
  position: absolute;
  right: 12px;
  top: 0;
}

.chat-controls__ghost {
  min-height: 40px;
}

.chat-controls .chat-controls-input {
  max-height: 80px;
  padding: 6px 0;
}

.chat-controls .chat-controls-input__wrapper {
  margin: 0 0 0 14px;
}

.chat-controls .chat-controls-content,
.chat-controls .input-wrapper {
  align-items: flex-end;
  display: flex;
}

.chat-controls .input-wrapper {
  background: #343437;
  border: 1px solid transparent;
  border-radius: 18px;
  flex: 1;
  margin: 0 8px;
  position: relative;
}

.chat-controls .input-wrapper.focus {
  border-color: rgba(248, 248, 248, 0.1);
}

.chat-controls input.chat-input {
  background: 0 0;
  border: 0;
  border-radius: 15px;
  box-shadow: none;
  color: #fff;
  flex: 1;
  font-size: 13px;
  height: 34px;
  line-height: 16px;
  outline: 0;
  padding: 0 12px;
}

.chat-controls input.chat-input:focus {
  background: 0 0;
  border: 0;
  box-shadow: none;
  outline: 0;
}

.chat-controls input.chat-input::placeholder {
  color: #fff;
  opacity: 0.5;
}

.chat-controls .input-buttons {
  align-items: center;
  display: flex;
  margin: 0 0 3px;
  min-height: 22px;
}

.chat-controls .upload-icon-wrapper {
  height: 30px;
  margin-right: 0;
  padding: 0 4px;
}

.chat-controls .upload-icon-wrapper .icon {
  margin: 0;
}

.chat-controls .smiles-dropdown .trigger {
  color: #fff;
  height: 30px;
  width: auto;
}

.chat-controls .smiles-dropdown .trigger .icon,
.chat-controls .smiles-dropdown .trigger:hover .icon {
  fill: #fff;
  opacity: 0.6;
  position: static;
}

.chat-controls .control-button {
  padding: 6px;
  position: relative;
}

.chat-controls .control-button--dotted::after {
  background: #e12947;
  border: 2px solid #232325;
  border-radius: 10px;
  content: "";
  height: 10px;
  position: absolute;
  right: 1px;
  top: 1px;
  width: 10px;
}

.chat-controls .control-button--rounded {
  align-items: center;
  background: #343437;
  border-radius: 50%;
  display: flex;
  height: 32px;
  justify-content: center;
  padding: 0;
  width: 32px;
}

.chat-controls .control-button:hover .tip-icon {
  color: #e9a63b;
  opacity: 1;
}

.chat-controls .control-button__label {
  align-items: center;
  background: #d60908;
  border-radius: 6px;
  color: #fff;
  display: flex;
  font-size: 13px;
  font-weight: 700;
  height: 20px;
  padding: 0 8px;
}

.chat-controls .send-button {
  cursor: default;
}

.chat-controls .send-button.non-empty-input {
  cursor: pointer;
}

.chat-controls .send-button.non-empty-input .send-icon {
  opacity: 1;
}

.chat-controls .send-button.non-empty-input:hover .send-icon {
  transform: scale(1.1, 1.1);
}

.chat-controls .control-icon {
  color: #fff;
  fill: currentColor;
  height: 20px;
  margin: 0;
  opacity: 0.6;
  width: 20px;
}

.chat-controls .smiles-dropdown .smiles-list {
  bottom: 40px;
  top: auto;
}

@media (max-width: 639px) {
  .chat-controls .smiles-dropdown .smiles-list {
    left: auto;
    right: 0;
  }
}

.k {
  column-gap: 20px;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  row-gap: 10px;
}

.k__field-row--long {
  grid-column: span 2;
}

.k__row-split {
  background: rgba(255, 255, 255, 0.05);
  grid-column: span 2;
  height: 1px;
  margin: 6px 0 0;
}

.k__field-label {
  flex-basis: 40%;
  line-height: 30px;
  text-align: left;
  white-space: nowrap;
  font-size: 0.75rem;
}

.k__field-input {
  flex-basis: 60%;
  font-size: 0.75rem;
}

.k__field-tooltip {
  margin-left: 10px;
}

.k__field-input-optional {
  align-items: center;
  display: flex;
}

.k__field-delete-button {
  background: 0 0;
  border: 0;
  color: #707071;
  cursor: pointer;
  margin: 0 11px;
  outline: 0;
  padding: 0;
}

@media (max-width: 639px) {
  .k {
    display: block;
  }
}

.error-message {
  color: #fd3a5b;
  display: block;
  flex: 1;
  font-size: 12px;
  margin: 4px 0 0;
  text-align: left;
}

.j {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}

.j__item {
  background: #232325;
  border: 0;
  border-radius: 10px;
  cursor: pointer;
  flex: 1;
  flex-direction: column;
  gap: 20px;
  min-height: 240px;
  overflow: hidden;
  padding: 0 20px;
  transition: background 0.3s;
}

.j__item:hover {
  background: #343437;
}

.j__icon,
.j__item {
  align-items: center;
  display: flex;
  justify-content: center;
}

.j__icon::before {
  background: radial-gradient(50% 50%at 50% 50%, rgba(81, 53, 255, 0.2) 0, rgba(27, 27, 29, 0) 100%);
  content: "";
  height: 192px;
  position: absolute;
  width: 192px;
}

.j__text {
  color: #fff;
  font-size: 16px;
  font-weight: 600;
}

@media (max-width: 639px) {
  .j {
    flex-direction: column;
  }

  .j__item {
    min-height: 148px;
  }
}

.select-studio-type {
  color: #a0a0a1;
  margin: 0 0 40px;
  max-width: 680px;
}

.select-studio-type .select {
  display: block;
  max-width: 400px;
}

.switcher {
  align-items: flex-end;
  background: #424248;
  border-radius: 20px;
  color: #e1e1e1;
  cursor: pointer;
  height: 100%;
  overflow: hidden;
  padding: 3px;
  position: relative;
  width: 100%;
  display: flex;
  flex-direction: row;
  transition: all 360ms ease-in-out 0s;
}

.switcher--disabled {
  opacity: 0.2;
  pointer-events: none;
}

.switcher .switcher-wrapper {
  display: block;
  font-size: 12px;
  height: 100%;
  line-height: 14px;
  transform: translateX(-14px);
  transition: transform 0.5s ease-in-out;
  width: 100%;
}

.switcher .switcher-wrapper .switcher-label {
  color: #fff;
  display: inline-block;
  opacity: 0;
  text-align: center;
  vertical-align: middle;
  width: calc(100% - 15px);
}

.switcher .switcher-wrapper .switcher-switch {
  background: #fff;
  border-radius: 50%;
  color: #424248;
  display: inline-block;
  transition: all 0.5s;
  vertical-align: middle;
}

.switcher .switcher-wrapper .switcher-switch~.switcher-label {
  text-align: right;
}

.switcher .switcher-wrapper .switcher-switch .icon {
  height: 100%;
  margin-right: 0;
  transform: scale(0.75);
  width: 100%;
}

.switcher .switcher-wrapper .icon.icon-check {
  margin-bottom: 2px;
  margin-left: -1px;
}

.switcher.on {
  background: #d60908;
}

.switcher.on:hover {
  background: #9e40fd;
}

.switcher.on .switcher-wrapper {
  transform: translateX(0);
}

.switcher.on .switcher-wrapper .switcher-label {
  color: #fff;
  opacity: 1;
}

.switcher.on .switcher-wrapper .switcher-switch {
  color: #d60908;
}

.switcher.light {
  background: #676767;
}

.switcher.light.on {
  background: #d60908;
}

.switcher.light .switcher-wrapper .switcher-switch {
  background: #fff;
}

.switcher.mixed-light {
  background: rgba(0, 0, 0, 0.18);
}

.switcher.mixed-light .switcher-wrapper .switcher-switch {
  background: rgba(255, 255, 255, 0.4);
}

.switcher.mixed-light .switcher-wrapper .switcher-switch .icon {
  color: #252525;
}

.switcher.mixed-light.on {
  background: #79943d;
}

.switcher.mixed-light.on .switcher-wrapper .switcher-switch {
  background: #2f2f2f;
}

.switcher.mixed-light.on .switcher-wrapper .switcher-switch .icon {
  color: #79943d;
}

.switcher.mixed-light.on .switcher-wrapper .switcher-label .icon {
  fill: #2f2f2f;
}

.switcher.default,
.switcher.small {
  height: 22px;
  margin-left: 10px;
  width: 38px;
}

.switcher.default .switcher-wrapper .switcher-label {
  padding: 0 2px 0 1px;
}

.switcher.default .switcher-wrapper .switcher-switch {
  height: 14px;
  width: 14px;
}

.switcher.default .switcher-wrapper .icon.icon-check {
  height: 10px;
  width: 10px;
}

.switcher.small {
  min-width: 35px;
  width: 35px;
}

.switcher.small .switcher-wrapper {
  transform: translateX(-14px);
}

.switcher.small .switcher-wrapper .switcher-label {
  padding: 0 2px;
  visibility: hidden;
  width: calc(100% - 14px);
}

.switcher.small .switcher-wrapper .switcher-switch {
  height: 14px;
  width: 14px;
}

.switcher.small .switcher-wrapper .icon.icon-check {
  height: 7px;
  margin-left: 5px;
  width: 7px;
}

.switcher.small.on .switcher-wrapper {
  transform: translateX(0);
}

.switcher.large,
.switcher.medium {
  height: 30px;
  margin-left: 10px;
  width: 55px;
}

.switcher.medium .switcher-wrapper {
  transform: translateX(-24px);
}

.switcher.medium .switcher-wrapper .switcher-label {
  padding: 0 2px;
  width: calc(100% - 24px);
}

.switcher.medium .switcher-wrapper .switcher-switch {
  height: 24px;
  width: 24px;
}

.switcher.medium .switcher-wrapper .icon.icon-check {
  height: 12px;
  margin-left: 5px;
  width: 12px;
}

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

.switcher.large {
  height: 33px;
  width: 64px;
}

.switcher.large .switcher-wrapper {
  transform: translateX(-27px);
}

.switcher.large .switcher-wrapper .switcher-label {
  margin-top: 2px;
  padding: 0 2px;
  width: calc(100% - 34px);
}

.switcher.large .switcher-wrapper .switcher-switch {
  height: 27px;
  width: 27px;
}

.switcher.large .switcher-wrapper .icon.icon-check {
  height: 16px;
  margin-bottom: 0;
  margin-left: 5px;
  width: 16px;
}

.switcher.large.on .switcher-wrapper {
  transform: translateX(0);
}

.switcher.large.on .switcher-wrapper .switcher-label {
  width: calc(100% - 28px);
}

.settings-pricing {
  display: flex;
  gap: 20px;
}

.settings-pricing__controls {
  flex: 1;
  grid-area: controls;
}

.settings-pricing__preview {
  display: flex;
  flex-direction: column;
  gap: 20px;
  width: 418px;
}

.settings-pricing__preview .user-fan-club-subscribe {
  background: #1b1b1d;
}

.settings-pricing__trial {
  grid-area: trial;
}

@media screen and (max-width: 1023px) {
  .settings-pricing {
    display: block;
  }

  .settings-pricing__preview {
    margin: 20px 0 0;
    width: auto;
  }

  .settings-pricing__trial {
    margin-top: 20px;
  }
}

.settings-pricing__preview-title {
  font-size: 20px;
  margin: 0 0 10px;
}

.settings-pricing__preview-description {
  font-size: 14px;
  margin: 10px 0 20px;
  opacity: 0.6;
}

.cd {
  background: #232325;
  border-radius: 12px;
}

.cd__header {
  align-items: center;
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  padding: 20px;
  width: 100%;
  font-size: 0.875rem;
  line-height: 1.25rem;
}

.cd__icon-close {
  color: #707071;
  height: 24px;
  padding: 2px;
  transition: transform 0.15s ease-in-out;
  width: 24px;
}

.cd__icon-close--collapsed {
  transform: rotate(180deg);
}

.cd__content {
  padding: 0 20px 20px;
  font-size: 0.75rem;
  line-height: 1rem;
}

.cd__content--collapsed {
  height: 0;
  opacity: 0;
  overflow: hidden;
  padding: 0;
}

.settings-documents-status {
  background: #232325;
  border-radius: 12px;
}

.settings-documents-status--regular {
  padding: 20px;
}

.settings-documents-status--small {
  padding: 12px 20px;
}

.settings-documents-status--warning {
  background: #d21b4c;
}

.settings-documents-status__none .icon {
  margin: -2px 6px 0 0;
}

.settings-documents-status__verified {
  align-items: center;
  display: flex;
  font-size: 16px;
}

.settings-documents-status__verified>.icon {
  height: 20px;
  margin: 0 10px 0 0;
  width: 20px;
}

.settings-documents-status__small-description {
  font-size: 14px;
  opacity: 0.6;
}

.settings-documents-status__description {
  margin: 10px 0 0;
}

.settings-documents-status__description>.icon {
  height: 16px;
  margin: -2px 10px 0 0;
  width: 16px;
}

.settings-documents-status__description>.icon.icon-wrong {
  color: #d21b4c;
}

.notifications-settings-tumblers-block {
  column-gap: 20px;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  margin: 32px 0 22px;
  row-gap: 20px;
}

@media screen and (max-width: 1023px) {
  .notifications-settings-tumblers-block {
    grid-template-columns: repeat(1, 1fr);
  }
}

.stories-grid-empty-state {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 12px;
  margin: 120px auto 0;
}

.stories-grid-empty-state__icon {
  color: #a0a0a1;
  margin-bottom: 4px;
}

.bF {
  align-items: center;
  background: #1b1b1d no-repeat center;
  background-size: cover;
  border-radius: 12px;
  cursor: pointer;
  display: flex;
  position: relative;
}

.bF:hover .bF__pin-button:not(.bF__pin-button--pinned):not(:hover) {
  opacity: 0.4;
}

@media screen and (max-width: 767px) {
  .bF {
    border-radius: 2px;
    height: 50px;
  }
}

.bF::before {
  content: "";
  display: block;
  flex: 1;
  padding-bottom: 180%;
}

.bF__content {
  align-items: center;
  bottom: 0;
  display: flex;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}

.bF__image {
  height: 100%;
  object-fit: contain;
  width: 100%;
}

.bF__date {
  font-size: 14px;
  font-weight: 500;
  left: 8px;
  line-height: 140%;
  pointer-events: none;
  position: absolute;
  text-shadow: 0 1px 10px rgba(0, 0, 0, 0.4);
  text-transform: uppercase;
  top: 6px;
  z-index: 2;
}

.bF__views {
  align-items: center;
  bottom: 8px;
  display: flex;
  gap: 8px;
  left: 8px;
  pointer-events: none;
  position: absolute;
  z-index: 2;
}

.bF__shadow-top {
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.6) 0, transparent 100%);
  height: 44px;
  left: 0;
  pointer-events: none;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1;
}

.bF__shadow-bottom {
  background: linear-gradient(180deg, transparent 0, rgba(0, 0, 0, 0.6) 100%);
  bottom: 0;
  height: 44px;
  left: 0;
  pointer-events: none;
  position: absolute;
  right: 0;
  z-index: 1;
}

.bF__pin-button {
  background: 0 0;
  border: 0;
  color: #fff;
  cursor: pointer;
  opacity: 0;
  outline: 0;
  padding: 0;
  position: absolute;
  right: 8px;
  top: 8px;
  transition: opacity 150ms ease;
  z-index: 2;
}

.bF__pin-button:hover {
  opacity: 0.8;
}

.bF__pin-button--pinned {
  opacity: 1;
}

.bF__pin-icon {
  filter: drop-shadow(0 1px 20px rgba(0, 0, 0, 0.2));
  transform: rotate(20deg);
}

.personal-notification {
  padding: 0.75rem 20px;
  position: relative;
}

.personal-notification__username {
  color: #fff;
}

.personal-notification-body {
  display: flex;
  flex-direction: row;
}

.personal-notification-body-left {
  height: 48px;
  margin-right: 0.75rem;
  width: 48px;
  flex: 1;
  flex-basis: auto;
  flex-grow: 0;
  flex-shrink: 1;
}

.personal-notification-body-middle {
  flex: 1;
  flex-basis: 0;
  flex-grow: 1;
  flex-shrink: 1;
  display: flex;
  flex-direction: column;
  min-width: 0;
  padding: 4px 0 0;
}

.personal-notification-body-middle-body {
  white-space: normal;
}

.personal-notification-body-middle-body.ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.personal-notification-body-middle-footer {
  font-size: 0.625rem;
  line-height: 1rem;
}

.personal-notification-body-text {
  color: #a0a0a1;
  font-size: 15px;
  font-weight: 400;
  line-height: 18px;
  word-break: break-word;
}

.personal-notification-body-text a {
  color: #e0e0e2;
}

.personal-notification-body-right {
  align-items: center;
  height: 48px;
  margin-left: 0.75rem;
  display: flex;
  flex-direction: row;
}

.personal-notification-footer {
  justify-content: flex-start;
  margin: 0.375rem 0 0 60px;
  display: flex;
  flex-direction: row;
}

.personal-notification-footer .btn {
  margin-bottom: 0;
}

.personal-notification-counter {
  align-items: center;
  background-color: #fa5465;
  border-radius: 3px;
  color: #fff;
  height: 24px;
  justify-content: center;
  width: 30px;
  font-size: 0.875rem;
  line-height: 1.25rem;
  display: flex;
  flex-direction: row;
}

.personal-notification-image {
  height: 48px;
  width: 48px;
}

.personal-notification-image .user-status-icon {
  background: #232325;
}

.personal-notification__icon {
  height: 24px;
  width: 24px;
}

.personal-notification__icon-wrapper {
  align-items: center;
  border-radius: 16px;
  display: flex;
  height: 48px;
  justify-content: center;
  width: 48px;
}

.personal-notification__icon-wrapper--style--regular {
  background: #1b1b1d;
  color: #a0a0a1;
}

.personal-notification__icon-wrapper--style--warning {
  background: rgba(252, 207, 73, 0.2);
  color: #fccf49;
}

.personal-notification__icon-wrapper--style--positive {
  background: rgba(33, 176, 98, 0.2);
  color: #21b062;
}

.personal-notification__icon-wrapper--style--error {
  background: rgba(210, 27, 76, 0.2);
  color: #d21b4c;
}

.personal-notification-profile-link {
  position: relative;
  z-index: 6;
  display: block;
}

.personal-notification-profile-link:hover {
  opacity: 0.8;
}

.personal-notification-profile-link>.avatar {
  font-size: 2px;
}

.personal-notification-label {
  align-items: center;
  background: #232325;
  border-radius: 50%;
  bottom: -4px;
  display: flex;
  height: 28px;
  justify-content: center;
  position: absolute;
  right: -4px;
  width: 28px;
}

.personal-notification-closer {
  cursor: pointer;
  display: none;
  padding: 0.375rem;
  position: absolute;
  right: 0.375rem;
  top: 15px !important;
  z-index: 6;
}

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

.personal-notification-closer:hover {
  display: flex;
  flex-direction: row;
}

.personal-notification-closer:hover .icon {
  fill: rgba(255, 255, 255, 0.8);
}

.personal-notification-additional-comment {
  border: 1px solid #78797b;
  border-radius: 1px;
  margin-top: 12px;
  padding: 0.625rem;
  position: relative;
  font-size: 0.875rem;
  line-height: 1.25rem;
}

.personal-notification-additional-comment::after,
.personal-notification-additional-comment::before {
  content: "";
  left: 23px;
  position: absolute;
}

.personal-notification-additional-comment::after {
  border-bottom: 5px solid #3e3f42;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  margin-left: -5px;
  top: -4px;
}

.personal-notification-additional-comment::before {
  border-bottom: 6px solid #78797b;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  margin-left: -6px;
  top: -6px;
}

.personal-notification-additional-comment-navigable {
  color: #fff;
  cursor: pointer;
}

.personal-notification-additional-comment-navigable:hover {
  color: #ff6277;
}

.personal-notification-additional-comment-link {
  text-decoration: none;
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}

.personal-notification-additional-comment-inners {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.personal-notification-background-link {
  z-index: 5;
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}

.personal-notification-description-text {
  color: rgba(255, 255, 255, 0.5);
  font-size: 0.625rem;
  line-height: 1rem;
}

.personal-notification-description-text * {
  font-size: 0.625rem;
  line-height: 1rem;
}

.personal-notification:hover .personal-notification-closer {
  display: flex;
  flex-direction: row;
}

.personal-notification .new-fan-club-content-personal-notification-text {
  margin: 1px 0 14px;
  max-width: 260px;
}

.personal-notification.new-fan-club-content-personal-notification .btn {
  margin-bottom: 0;
}

.personal-notification.content-status-changed-personal-notification .personal-notification-image {
  fill: #fa7055;
}

.personal-notification.content-status-changed-personal-notification .personal-notification-body-middle {
  justify-content: center;
}

.personal-notification.tip-personal-notification-with-comment .personal-notification-footer {
  margin-top: 0.75rem;
}

.personal-notification-appearing-trash {
  align-items: center;
  background: #38010f;
  height: 100%;
  justify-content: center;
  width: 72px;
  display: flex;
  flex-direction: row;
}

.personal-notification-appearing-trash .icon {
  color: #d21b4c;
  height: 16px;
  width: 16px;
}

.fan-club-user-joined-personal-notification .personal-notification-body-text {
  color: rgba(255, 255, 255, 0.8);
}

.fan-club-user-joined-personal-notification .personal-notification-body-text .accent {
  color: #fff;
}

.fan-club-subscription-extended-personal-notification-text {
  color: rgba(255, 255, 255, 0.8);
  margin: 1px 0 14px;
}

.fan-club-subscription-extended-personal-notification-text-months {
  color: #fff;
  font-weight: 700;
}

.cb {
  align-items: center;
  display: flex;
  gap: 10px;
  justify-content: flex-start;
  margin-top: 8px;
}

.cb__connect-icon {
  margin-right: 8px;
}

.cb__connect-link {
  align-items: center;
  background: #343437;
  border-radius: 12px;
  color: #fff;
  display: inline-flex;
  font-weight: 400;
  height: 32px;
  padding: 0 20px;
  transition: background 250ms;
}

.cb__connect-link:hover {
  background: #424248;
}

.css-popover {
  position: relative;
}

.css-popover-content-top {
  opacity: 0;
  pointer-events: none;
  position: absolute;
  transition-duration: 0.15s;
  transition-property: opacity, transform;
  transition-timing-function: ease-in-out;
  z-index: 1000;
  left: 50%;
  top: 0;
  transform: translate(-50%, calc(-100% + 10px - 5px));
}

@media (prefers-reduced-motion) {
  .css-popover-content-top {
    transition-property: opacity;
  }
}

.css-popover-content-top-shown {
  opacity: 1;
  pointer-events: auto;
  transform: translate(-50%, calc(-100% - 5px));
}

.css-popover-content-bottom {
  opacity: 0;
  pointer-events: none;
  position: absolute;
  transition-duration: 0.15s;
  transition-property: opacity, transform;
  transition-timing-function: ease-in-out;
  z-index: 1000;
  bottom: 0;
  left: 50%;
  transform: translate(-50%, calc(100% - 10px + 5px));
}

@media (prefers-reduced-motion) {
  .css-popover-content-bottom {
    transition-property: opacity;
  }
}

.css-popover-content-bottom-shown {
  opacity: 1;
  pointer-events: auto;
  transform: translate(-50%, calc(100% + 5px));
}

.css-popover-content-left {
  opacity: 0;
  pointer-events: none;
  position: absolute;
  transition-duration: 0.15s;
  transition-property: opacity, transform;
  transition-timing-function: ease-in-out;
  z-index: 1000;
  left: 0;
  top: 50%;
  transform: translate(calc(-100% + 10px - 5px), -50%);
}

@media (prefers-reduced-motion) {
  .css-popover-content-left {
    transition-property: opacity;
  }
}

.css-popover-content-left-shown {
  opacity: 1;
  pointer-events: auto;
  transform: translate(calc(-100% - 5px), -50%);
}

.css-popover-content-right {
  opacity: 0;
  pointer-events: none;
  position: absolute;
  transition-duration: 0.15s;
  transition-property: opacity, transform;
  transition-timing-function: ease-in-out;
  z-index: 1000;
  right: 0;
  top: 50%;
  transform: translate(calc(100% - 10px + 5px), -50%);
}

@media (prefers-reduced-motion) {
  .css-popover-content-right {
    transition-property: opacity;
  }
}

.css-popover-content-right-shown {
  opacity: 1;
  pointer-events: auto;
  transform: translate(calc(100% + 5px), -50%);
}

.css-popover-content-topleft {
  opacity: 0;
  pointer-events: none;
  position: absolute;
  transition-duration: 0.15s;
  transition-property: opacity, transform;
  transition-timing-function: ease-in-out;
  z-index: 1000;
  right: 0;
  top: 0;
  transform: translate(0, calc(-100% + 10px - 5px));
}

@media (prefers-reduced-motion) {
  .css-popover-content-topleft {
    transition-property: opacity;
  }
}

.css-popover-content-topleft-shown {
  opacity: 1;
  pointer-events: auto;
  transform: translate(0, calc(-100% - 5px));
}

.css-popover-content-topright {
  opacity: 0;
  pointer-events: none;
  position: absolute;
  transition-duration: 0.15s;
  transition-property: opacity, transform;
  transition-timing-function: ease-in-out;
  z-index: 1000;
  left: 0;
  top: 0;
  transform: translate(0, calc(-100% + 10px - 5px));
}

@media (prefers-reduced-motion) {
  .css-popover-content-topright {
    transition-property: opacity;
  }
}

.css-popover-content-topright-shown {
  opacity: 1;
  pointer-events: auto;
  transform: translate(0, calc(-100% - 5px));
}

.css-popover-content-bottomleft {
  opacity: 0;
  pointer-events: none;
  position: absolute;
  transition-duration: 0.15s;
  transition-property: opacity, transform;
  transition-timing-function: ease-in-out;
  z-index: 1000;
  bottom: 0;
  left: 0;
  transform: translate(-10%, calc(100% - 10px + 5px));
}

@media (prefers-reduced-motion) {
  .css-popover-content-bottomleft {
    transition-property: opacity;
  }
}

.css-popover-content-bottomleft-shown {
  opacity: 1;
  pointer-events: auto;
  transform: translate(0, calc(100% + 5px));
}

.css-popover-content-bottomright {
  opacity: 0;
  pointer-events: none;
  position: absolute;
  transition-duration: 0.15s;
  transition-property: opacity, transform;
  transition-timing-function: ease-in-out;
  z-index: 1000;
  right: 0;
  top: 100%;
  transform: translate(10%, -10%);
}

@media (prefers-reduced-motion) {
  .css-popover-content-bottomright {
    transition-property: opacity;
  }
}

.css-popover-content-bottomright-shown {
  opacity: 1;
  pointer-events: auto;
  transform: translate(0, 0);
}

.css-popover-content-middleleft {
  opacity: 0;
  pointer-events: none;
  position: absolute;
  transition-duration: 0.15s;
  transition-property: opacity, transform;
  transition-timing-function: ease-in-out;
  z-index: 1000;
  right: 0;
  top: 100%;
  transform: translate(-23%, calc(-100% - 10px + 5px));
}

@media (prefers-reduced-motion) {
  .css-popover-content-middleleft {
    transition-property: opacity;
  }
}

.css-popover-content-middleleft-shown {
  opacity: 1;
  pointer-events: auto;
  transform: translate(-23%, calc(-100% + 5px));
}

.css-popover-content-middleright {
  opacity: 0;
  pointer-events: none;
  position: absolute;
  transition-duration: 0.15s;
  transition-property: opacity, transform;
  transition-timing-function: ease-in-out;
  z-index: 1000;
  left: 0;
  top: 100%;
  transform: translate(25%, calc(-100% - 10px + 5px));
}

@media (prefers-reduced-motion) {
  .css-popover-content-middleright {
    transition-property: opacity;
  }
}

.css-popover-content-middleright-shown {
  opacity: 1;
  pointer-events: auto;
  transform: translate(25%, calc(-100% + 5px));
}

.bG {
  display: grid;
  gap: 20px;
  grid-template-columns: repeat(8, 1fr);
  margin-top: 42px;
}

@media screen and (max-width: 1365px) {
  .bG {
    grid-template-columns: repeat(6, 1fr);
  }
}

@media screen and (max-width: 1279px) {
  .bG {
    grid-template-columns: repeat(5, 1fr);
  }
}

@media screen and (max-width: 767px) {
  .bG {
    gap: 2px;
    grid-template-columns: repeat(auto-fit, minmax(108px, 1fr));
  }
}

.bG__add-story {
  align-items: center;
  background: #1b1b1d;
  border-radius: 12px;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  gap: 10px;
  justify-content: center;
  transition: all ease 200ms;
}

.bG__add-story:hover {
  background: #232325;
}

.bG__add-story:active {
  transform: translateY(2px);
}

@media screen and (max-width: 767px) {
  .bG__add-story {
    border-radius: 0;
  }
}

.bG__skeleton-item {
  background: #111113;
  border-radius: 12px;
  display: flex;
}

.bG__skeleton-item::before {
  content: "";
  display: block;
  flex: 1;
  padding-bottom: 180%;
}

@media screen and (max-width: 767px) {
  .bG__skeleton-item {
    border-radius: 0;
  }
}

.island-block {
  border-radius: 12px;
}

.island-block--overflow-hidden {
  overflow: hidden;
}

.island-block--color--grey-500 {
  background: #343437;
}

.island-block--color--grey-600 {
  background: #232325;
}

.island-block--radius--full {
  border-radius: 12px;
}

.island-block--radius--bottom {
  border-radius: 0 0 12px 12px;
}

.info-block,
.info-block--color--regular {
  background: #232325;
}

.info-block--color--light {
  background: #343437;
}

.info-block--size--small {
  border-radius: 10px;
  padding: 10px;
}

.info-block--size--medium {
  border-radius: 12px;
  padding: 24px;
}

.info-block__title {
  font-size: 22px;
  font-weight: 500;
  line-height: 27px;
  margin: 0 0 20px;
}

.info-block__footer {
  border-top: 2px solid rgba(255, 255, 255, 0.05);
  margin: 20px 0 0;
  padding: 20px 0 0;
}

.info-block-label {
  color: #bbb;
  display: flex;
  font-size: 11px;
  font-weight: 400;
  line-height: 17px;
}

.info-block-label--center {
  align-items: center;
}

.info-block-label__left {
  padding: 0 6px 0 0;
}

.info-block-label__icon {
  color: #fff;
}

.info-block-label__icon--size--small {
  height: 16px;
  width: 16px;
}

.info-block-list {
  list-style: none;
}

.info-block-list__item {
  display: flex;
  font-size: 13px;
  font-weight: 400;
  margin: 8px 2px;
  padding: 0;
}

.info-block-list__item-num {
  margin: 0 4px 0 0;
}

.bm {
  display: grid;
  grid-gap: 20px;
  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
}

.bm__skeleton-item {
  animation: skeleton-animation;
  animation-duration: 1s;
  animation-iteration-count: infinite;
  animation-timing-function: ease-in-out;
  background: #1b1b1d;
  border-radius: 16px;
  height: 300px;
}

.bm__skeleton-item:nth-child(2n) {
  animation-delay: 300ms;
}

.bK {
  contain: strict;
  min-height: 264px
}

.bK__list {
  display: flex
}

.bK__item {
  margin-right: 12px;
  min-width: 162px;
  width: 162px
}

.bK__item:last-child {
  margin: 0
}

.bk__content {
  align-items: center;
  background: #1b1b1d;
  border-radius: 12px;
  display: flex;
  justify-content: flex-start;
  min-height: 80px;
  padding: 0 20px;
}

@media screen and (max-width: 639px) {
  .bk__content {
    margin-bottom: 10px;
  }
}

@media (hover: hover) {

  .bk__content--with-hover:hover,
  .bk__content--with-hover:hover .bk__users-count {
    background: #232325;
  }

  .bk__content--with-hover:hover .bk__drag {
    opacity: 1;
  }

  .bk__content--with-hover:hover .bk__info {
    transform: translateX(0);
  }

  .bk__content:hover .bk__favorite-button {
    opacity: 1;
    pointer-events: auto;
  }
}

@media screen and (max-width: 639px) {
  .bk__content {
    align-items: flex-start;
    padding: 16px;
  }
}

.bk__name {
  color: #fff;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.bk__drag {
  color: #707071;
  opacity: 0;
  overflow: hidden;
  transition: opacity linear 200ms;
}

.bk__info {
  flex: 1;
  margin-left: 10px;
  transform: translateX(-24px);
  transition: transform linear 200ms;
}

@media screen and (max-width: 639px) {
  .bk__info {
    margin-left: 0;
  }
}

.bk__title {
  align-items: center;
  grid-gap: 6px;
  justify-content: start;
  margin-bottom: 4px;
}

.bk__description-wrapper,
.bk__title {
  display: grid;
  grid-auto-flow: column;
}

.bk__description {
  color: #a0a0a1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: calc(100% - 36px);
}

.bk__actions {
  display: flex;
  gap: 10px;
}

.bk__users-count {
  align-items: center;
  background: inherit;
  display: flex;
  flex-wrap: nowrap;
  gap: 10px;
  justify-content: flex-start;
  margin-right: 30px;
}

@media screen and (max-width: 639px) {
  .bk__users-count {
    margin-right: 0;
    margin-top: 18px;
  }
}

.bk__favorite-button {
  opacity: 0;
  pointer-events: none;
}

.bk__favorite-button--visible {
  opacity: 1;
  pointer-events: auto;
}

.b8 {
  display: flex;
  min-height: 460px;
}

.b8__controls {
  flex: 1 0 540px;
}

.b8__preview {
  display: flex;
  flex-direction: column;
  margin-left: 20px;
  max-width: 100%;
  width: 418px;
}

@media screen and (max-width: 1023px) {
  .b8 {
    display: block;
  }

  .b8__controls {
    margin-bottom: 20px;
  }

  .b8__preview {
    margin-left: 0;
  }
}

.media-browser__list {
  margin-top: 20px;
  max-height: 450px;
  overflow: auto;
}

.media-browser .placeholder {
  align-items: center;
  display: flex;
  height: 200px;
  justify-content: center;
  position: relative;
  width: 100%;
}

.media-browser .empty-state {
  align-items: center;
  display: flex;
  flex-direction: column;
  opacity: 0.5;
}

.media-browser .empty-state-icon {
  fill: currentColor;
  margin: 0;
}

.media-browser .empty-state-icon.icon-camera,
.media-browser .empty-state-icon.icon-photo-2 {
  height: 78px;
  width: 80px;
}

.media-browser .empty-state-icon.icon-new-upload {
  height: 64px;
  width: 56px;
}

.media-browser .empty-state-text {
  font-size: 16px;
  margin-top: 20px;
}

.browse-menu {
  border-bottom: 1px solid rgba(248, 248, 248, 0.1);
  margin-top: 15px;
}

.browse-button.a11y-button {
  color: rgba(255, 255, 255, 0.6);
  font-size: 16px;
  margin-bottom: -1px;
  padding: 15px 0;
}

.browse-button:not(:last-child) {
  margin-right: 30px;
}

.browse-button:hover,
.searchable-head .icon-container:hover {
  color: #fff;
}

.browse-button.active {
  border-bottom: 3px solid var(--primary-border);
  opacity: 1;
}

@media (max-width: 767px) {
  .browse-button {
    font-size: 13px;
  }

  .browse-button:not(:last-child) {
    margin-right: 20px;
  }
}

.club-members-info-title {
  margin-right: 20px;
}

@media screen and (max-width: 639px) {
  .club-members-info-title {
    margin-right: 0;
  }
}

.club-members-delay-info {
  font-size: 0.813rem;
  align-items: center;
  color: rgba(255, 255, 255, 0.8);
  display: flex;
  margin: 0;
}

.club-members-delay-info .time-icon {
  margin-right: 8px;
}

.searchable-head,
.v {
  align-items: center;
  -webkit-user-select: none;
  user-select: none;
}

.searchable-head {
  display: flex;
  justify-content: start;
  position: relative;
}

.searchable-head .icon-container {
  align-items: center;
  cursor: pointer;
  display: flex;
  flex-shrink: 1;
  justify-content: center;
  margin-left: 12px;
  position: relative;
}

.searchable-head .icon-container:after {
  background: rgba(255, 255, 255, 0.2);
  border-radius: 4px;
  content: "";
  display: none;
  height: 32px;
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 32px;
}

.searchable-head .icon-container:hover .icon {
  fill: #fff;
}

.searchable-head .icon-close-container {
  position: absolute;
  right: 16px;
}

.searchable-head .icon-close-container:hover .icon-close {
  color: rgba(255, 255, 255, 0.6);
}

.searchable-head.icon-first {
  flex-direction: row-reverse;
  justify-content: flex-end;
}

.searchable-head.icon-first .icon-container {
  margin-left: 0;
  margin-right: 12px;
}

.searchable-head .icon-search {
  color: rgba(255, 255, 255, 0.6);
  height: 24px;
  margin: 0;
  width: 24px;
}

.searchable-head .icon-close {
  color: #49494a;
  height: 20px;
  margin: 0;
  width: 20px;
}

.searchable-head input.input.text-medium {
  min-width: 178px;
  padding-right: 32px;
}

.v {
  cursor: pointer;
  display: inline-flex;
  gap: 8px;
  text-align: right;
  white-space: nowrap;
}

.v__icons-container {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 2px;
  justify-content: center;
}

.v__icon-sort {
  color: rgba(255, 255, 255, 0.2);
  height: 5px;
  margin-left: 5px;
  width: 10px;
}

.v__icon-sort--up {
  transform: rotate(180deg);
}

.v:hover .v__icon-sort,
.v__icon-sort--active {
  color: rgba(255, 255, 255, 0.6);
}

.on-boarding-slide {
  min-height: 558px;
  padding: 120px 54px 78px 72px;
}

.on-boarding-slide__icon>.smile {
  height: 78px;
  width: 78px;
}

.on-boarding-slide__title {
  font-size: 34px;
  font-weight: 700;
  line-height: 42px;
  margin: 24px 0;
}

.on-boarding-slide__description {
  color: #bbb;
  font-size: 16px;
  font-weight: 400;
  line-height: 26px;
}

@media screen and (max-width: 767px) {
  .on-boarding-slide {
    min-height: auto;
    padding: 32px 24px;
    text-align: center;
  }

  .on-boarding-slide__icon>.smile {
    height: 56px;
    width: 56px;
  }

  .on-boarding-slide__title {
    font-size: 26px;
    line-height: 32px;
    margin: 12px 0;
  }

  .on-boarding-slide__description {
    font-size: 14px;
    font-weight: 500;
    line-height: 22px;
  }
}

.b4 {
  width: 100%;
}

.b4__grid {
  display: grid;
  gap: 20px;
  grid-template-columns: repeat(2, minmax(400px, 1fr));
}

@media screen and (max-width: 1023px) {
  .b4__grid {
    display: flex;
    flex-direction: column;
  }
}

.b4__grid-cell {
  flex: 1;
}

.b4__grid-cell--full {
  grid-column: 1/3;
}

.b4__period-header {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 0 0 24px;
}

.b4__period-date {
  font-size: 16px;
}

.b4__period-links {
  align-items: center;
  display: flex;
  gap: 28px;
}

.b4__period-link {
  background: 0 0;
  border: 0;
  color: #707071;
  cursor: pointer;
  font-size: 14px;
  position: relative;
}

.b4__period-link--active {
  color: #cfcfd0;
  pointer-events: none;
}

.b4__period-link:hover {
  color: #cfcfd0;
}

.b4__period-link:not(:last-child)::before {
  color: #49494a;
  content: "•";
  position: absolute;
  right: -15px;
}

.bT__columns {
  display: flex;
  gap: 20px;
}

@media screen and (max-width: 1279px) {
  .bT__columns {
    flex-wrap: wrap;
  }
}

.bT__column {
  align-self: flex-start;
  display: flex;
  flex: 1;
  flex-basis: 590px;
  flex-direction: column;
  gap: 20px;
  width: 590px;
}

@media screen and (max-width: 639px) {
  .bT__column {
    flex-basis: 300px;
    width: 300px;
  }
}

.bT .pagination {
  justify-content: flex-end;
  margin-top: 0;
}

.ck {
  align-items: flex-start;
  border-bottom: 1px solid #e7e7e7;
  display: flex;
  flex-wrap: wrap;
  gap: 12px 20px;
  justify-content: flex-start;
  margin: 20px auto;
  max-width: 100%;
  padding: 0 12px 20px;
  width: 924px;
}

.ck__offer {
  flex: 1;
  min-width: 50%;
}

.ck__offer-title {
  color: #000;
  font-size: 16px;
  font-weight: 600;
  line-height: 18px;
  margin-bottom: 4px;
}

.ck__offer-vat {
  color: #a0a0a1;
  font-size: 12px;
  font-weight: 600;
  line-height: 18px;
}

.ck__button {
  align-items: center;
  background: #eee;
  border: 0;
  border-radius: 6px;
  cursor: pointer;
  display: flex;
  height: 40px;
  justify-content: center;
  max-width: 100%;
  outline: 0;
  padding: 0 20px;
  width: 340px;
}

@media screen and (max-width: 942px) {
  .ck {
    margin: 0 auto 20px;
  }
}

.upload-media-item-add {
  background: rgba(255, 255, 255, 0.05);
  border: 2px dashed rgba(255, 255, 255, 0.2);
  border-radius: 10px;
  color: rgba(255, 255, 255, 0.6);
  cursor: pointer;
  position: relative;
  transition: background 0.3s, border-color 0.3s, color 0.3s;
}

.upload-media-item-add:hover {
  background: rgba(255, 255, 255, 0.1);
  border-color: rgba(255, 255, 255, 0.3);
  color: #fff;
}

.upload-media-item-add__icon {
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
}

.z {
  background-color: #343437;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 10px;
  height: 76px;
  margin-right: 20px;
  position: relative;
  width: 76px;
  -webkit-user-select: none;
  user-select: none;
}

.z--has-error .z__indicators,
.z--in-moderation .z__indicators,
.z--uploading .z__indicators {
  opacity: 1;
  pointer-events: auto;
}

.z--draggable {
  cursor: grab;
}

.z--hover .z__drag-cover-content {
  opacity: 1;
  transform: translateY(0);
}

.z__badge {
  left: 4px;
  pointer-events: none;
  position: absolute;
  top: 4px;
}

.z__time {
  align-items: center;
  background: rgba(0, 0, 0, 0.8);
  border-radius: 4px;
  bottom: 4px;
  color: #a0a0a1;
  display: flex;
  font-size: 10px;
  height: 14px;
  padding: 0 3px;
  pointer-events: none;
  position: absolute;
  right: 4px;
}

.z__remove-button {
  align-items: center;
  background-color: #5b5b5b;
  border: 3px solid #1b1b1d;
  border-radius: 50%;
  cursor: pointer;
  display: flex;
  height: 24px;
  justify-content: center;
  position: absolute;
  right: -8px;
  top: -12px;
  transition: all ease 0.25s;
  width: 24px;
  z-index: 1;
}

.z__remove-button .icon {
  color: #fff;
  fill: #fff;
  margin: 0;
}

.z__remove-button:hover {
  background-color: #af262f;
}

.z__indicators {
  align-items: center;
  background-color: rgba(0, 0, 0, 0.8);
  border-radius: inherit;
  bottom: 0;
  display: flex;
  justify-content: center;
  left: 0;
  opacity: 0;
  overflow: hidden;
  pointer-events: none;
  position: absolute;
  right: 0;
  top: 0;
  transition: opacity 0.5s;
}

.z__uploading {
  animation: donut-spin 1.2s linear infinite;
}

.z__processing {
  color: #fff;
  font-size: 10px;
  font-weight: 500;
  word-break: break-word;
}

.z__processing--in-moderation {
  color: #fccf49;
}

.z__error-icon {
  left: 5px;
  position: absolute;
  top: 5px;
}

.z__error-icon .icon {
  color: #e12947;
  fill: #e12947;
  height: 14px;
  margin: 0;
  width: 14px;
}

.z__try-again {
  cursor: pointer;
}

.z__try-again .icon {
  color: #fff;
  fill: #fff;
  height: 26px;
  margin: 0;
  transition: all ease 0.25s;
  width: 26px;
}

.z__try-again:hover .icon {
  opacity: 0.7;
}

.z__cover-badge {
  border-bottom-right-radius: 8px;
  border-top-left-radius: 8px;
  color: #fff;
  height: 40px;
  left: 0;
  overflow: hidden;
  position: absolute;
  top: 0;
  width: 40px;
  z-index: 1;
}

.z__cover-badge:before {
  border-color: #d60908 transparent transparent #d60908;
  border-style: solid;
  border-width: 20px;
  content: "";
  display: block;
  left: 0;
  position: absolute;
  top: 0;
}

.z__cover-badge-icon {
  align-items: center;
  cursor: pointer;
  display: inline-flex;
  justify-content: center;
  margin-left: 4px;
  margin-top: 4px;
  position: relative;
  z-index: 1;
}

.z__drag-cover {
  border-radius: 0 0 10px 10px;
  bottom: 0;
  display: flex;
  height: 30%;
  left: 0;
  overflow: hidden;
  pointer-events: none;
  position: absolute;
  right: 0;
}

.z__drag-cover-content {
  align-items: center;
  background: rgba(5, 5, 6, 0.8);
  color: #fff;
  display: flex;
  flex: 1;
  flex-direction: column;
  justify-content: center;
  opacity: 0;
  transform: translateY(30%);
  transition: transform 250ms ease, opacity 250ms ease;
  width: 100%;
}

.z__drag-cover-content::after,
.z__drag-cover-content::before {
  background: #fff;
  border-radius: 12px;
  content: "";
  display: block;
  height: 2px;
  width: 12px;
}

.z__drag-cover-content::before {
  margin-bottom: 4px;
}

.z__drag-cover-content--teaser {
  opacity: 1;
  transform: translateY(0);
}

.z__drag-cover-content--teaser::after,
.z__drag-cover-content--teaser::before {
  display: none;
}

.panel-select-price {
  margin: 0 0 20px;
  position: relative;
  z-index: 3;
}

.panel-select-price__left {
  flex: 1;
}

.panel-select-price__right {
  max-width: 80px;
}

.panel-select-price__content {
  align-items: center;
  display: flex;
  gap: 20px;
}

.users-groups-accordion__item {
  cursor: pointer;
  display: flex;
  font-size: 12px;
  justify-content: space-between;
  padding: 10px 12px;
}

.users-groups-accordion__item:hover,
.users-groups-accordion__list-item:hover {
  background: #050506;
}

.users-groups-accordion__item-left {
  align-items: center;
  display: grid;
  grid-auto-flow: column;
  grid-gap: 4px;
  max-width: 60%;
}

.users-groups-accordion__item-label {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.users-groups-accordion__list {
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  margin: 8px 0 0;
  padding: 8px 0 0;
}

.users-groups-accordion__list-item {
  align-items: center;
  cursor: pointer;
  display: flex;
  height: 48px;
  overflow: hidden;
  padding: 4px 12px;
}

.users-groups-accordion__list-item-badge {
  color: #5f5f61;
  font-size: 11px;
  position: absolute;
  right: 16px;
}

.users-groups-accordion__list-item-badge--alert {
  color: #d21b4c;
}

.users-groups-accordion__title {
  display: flex;
  font-size: 12px;
  justify-content: space-between;
  line-height: 20px;
  padding: 0 12px;
}

.V {
  background: #111113;
  border: 1px solid #343437;
  border-radius: 12px;
  max-width: 360px;
  padding: 20px;
}

.V__selector-header {
  align-items: center;
  display: flex;
  justify-content: space-between;
  margin-bottom: 16px;
}

.V__selector-header-title {
  align-items: center;
  color: #fff;
  display: flex;
  font-size: 18px;
  font-weight: 700;
  gap: 10px;
  line-height: 22px;
}

.V__selector-header-controls {
  align-items: center;
  display: flex;
  gap: 8px;
}

.V__control-button {
  background: 0 0;
  border: 0;
  color: #a0a0a1;
  cursor: pointer;
  display: grid;
  height: 24px;
  place-items: center;
  width: 24px;
}

.V__control-button:disabled {
  color: #49494a;
}

.V__control-button:not(:disabled):hover {
  color: #fff;
}

.V__days {
  align-items: center;
  display: grid;
  gap: 6px;
  grid-template-columns: repeat(7, 40px);
  height: 40px;
  justify-content: center;
}

.V__day-cell {
  color: #fff;
  cursor: pointer;
  display: grid;
  font-size: 12px;
  font-weight: 700;
  line-height: 15px;
  place-items: center;
}

.V__dates {
  display: grid;
  font-weight: 400;
  gap: 6px;
  grid-template-columns: repeat(7, 40px);
  grid-template-rows: repeat(6, 40px);
  justify-content: center;
}

.V__date-cell {
  border-radius: 10px;
  color: #fff;
  cursor: pointer;
  display: grid;
  font-size: 12px;
  place-items: center;
  -webkit-user-select: none;
  user-select: none;
}

.V__date-cell:hover:not(.V__date-cell--disabled, .V__date-cell--selected) {
  background: #343437;
}

.V__date-cell--today:not(.V__date-cell--selected) {
  border: 2px solid rgba(255, 255, 255, 0.4);
  font-weight: 700;
}

.V__date-cell--selected {
  background: #d60908;
  font-weight: 700;
}

.V__date-cell--disabled {
  color: #707071;
  cursor: default;
}

.V__years {
  display: grid;
  font-weight: 400;
  gap: 6px;
  grid-auto-rows: 40px;
  grid-template-columns: repeat(7, 40px);
  justify-content: center;
  margin: 0-20px;
  max-height: 310px;
  padding: 20px;
}

.V__mode-button {
  align-items: center;
  background: 0 0;
  border: 0;
  color: rgba(255, 255, 255, 0.6);
  cursor: pointer;
  display: inline-flex;
  justify-content: center;
  outline: 0;
  padding: 0;
}

.V__mode-button-icon {
  height: 24px;
  width: 24px;
}

.V__mode-button-icon--rotated {
  transform: rotate(180deg);
}

.badge,
.text-area-icon__placeholder {
  align-items: center;
  display: flex;
  font-size: 13px;
}

.text-area-icon__placeholder {
  color: #fff;
}

.text-area-icon__placeholder>.icon {
  height: 20px;
  margin: 0 12px 0 0;
  width: 20px;
}

.badge {
  border-radius: 6px;
  font-weight: 700;
  padding: 0 8px;
}

.badge,
.badge--size--small {
  height: 20px;
}

.badge--size--regular {
  height: 24px;
}

.badge--type--primary {
  background: #d60908;
  color: #fff;
}

.badge--type--teaser {
  background: #fccf49;
  color: #000;
}

.badge--type--positive {
  background: #21b062;
  color: #fff;
}

.badge--type--error {
  background: #d21b4c;
  color: #fff;
}

.masked-input-wrapper {
  position: relative;
}

.masked-input-invisible {
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 1;
}

.masked-input-invisible~input {
  z-index: 0;
}

.chat-skeleton {
  padding: 27px 12px 8px;
}

.chat-skeleton .message-skeleton {
  align-items: flex-end;
  display: flex;
}

.chat-skeleton .message-skeleton:not(:first-child) {
  margin-top: 32px;
}

.chat-skeleton .right-message {
  display: flex;
}

.chat-skeleton .right-message .skeleton-message-content {
  align-items: flex-end;
  justify-content: flex-end;
}

.chat-skeleton .skeleton-message-content {
  display: flex;
  flex: 1;
  flex-direction: column;
}

.chat-skeleton .avatar-skeleton {
  animation: skeleton-animation 3s infinite linear;
  background: linear-gradient(90deg, #515255 20%, #535457 28%, #57595c 35%, #535457 42%, #515255 50%);
  background-size: 300% 100%;
  will-change: background-position;
  height: 24px;
  margin-right: 8px;
  width: 24px;
  border-radius: 50%;
}

.chat-skeleton .skeleton-dashes {
  display: flex;
  justify-content: inherit;
  width: 100%;
}

.chat-skeleton .skeleton-dashes .skeleton-dash:first-child {
  margin-right: 8px;
}

.chat-skeleton .skeleton-dash {
  animation: skeleton-animation 3s infinite linear;
  background: linear-gradient(90deg, #515255 20%, #535457 28%, #57595c 35%, #535457 42%, #515255 50%);
  background-size: 300% 100%;
  will-change: background-position;
  border-radius: 37px;
  height: 6px;
}

.chat-skeleton .skeleton-line:not(:first-child) {
  margin-top: 8px;
}

.messenger-chat-header {
  background-color: #232325;
  border: 1px solid #515151;
  border-radius: 8px 8px 0 0;
  cursor: pointer;
  position: relative;
  -webkit-user-select: none;
  user-select: none;
}

.messenger-chat-header--fixed {
  bottom: calc(100% - 62px);
  left: 0;
  position: fixed;
  right: 0;
  z-index: 1;
}

.messenger-chat-header__content {
  align-items: center;
  display: flex;
  overflow: hidden;
  padding: 5px 8px;
}

@media (max-width: 639px) {
  .messenger-chat-header__content {
    padding: 14px 16px;
  }
}

.messenger-chat-header__placeholder {
  height: 62px;
}

.messenger-chat-header__name .displayname__name {
  max-width: 170px;
}

.messenger-chat-header__left-block {
  align-items: center;
  display: flex;
  flex-grow: 1;
  flex-shrink: 0;
}

.messenger-chat-header .avatar-wrapper {
  height: 32px;
  margin-right: 11px;
  position: relative;
  width: 32px;
}

.messenger-chat-header .avatar-wrapper .online {
  background: #232325;
  height: 8px;
  left: -2px;
  top: -2px;
  width: 8px;
}

.messenger-chat-header .back-to-messenger-button {
  margin-right: 14px;
}

.messenger-chat-header .back-to-messenger-button:hover {
  background: rgba(248, 248, 248, 0.1);
  opacity: 1;
}

.messenger-chat-header .back-to-messenger-button,
.messenger-chat-header .header-button,
.messenger-chat-header .more-button {
  border-radius: 2px;
  height: 24px;
  width: 24px;
  opacity: 0.5;
}

.messenger-chat-header .header-button:hover {
  background: rgba(248, 248, 248, 0.1);
  opacity: 0.7;
}

.messenger-chat-header .more-button {
  margin-left: 8px;
}

.messenger-chat-header .more-button:hover {
  background: rgba(248, 248, 248, 0.1);
}

.messenger-chat-header .more-icon {
  color: #fff;
}

.messenger-chat-header .unread-messages {
  background-color: var(--primary-light);
  border-radius: 50%;
  height: 8px;
  margin: 0 6px;
  width: 8px;
}

.messenger-chat-header .header-icon {
  color: #fff;
  margin: 0;
}

.messenger-chat-header .collapse-button {
  margin-right: 10px;
  opacity: 0.5;
  transition: opacity 200ms;
}

@media (max-width: 639px) {
  .messenger-chat-header .collapse-button {
    display: none;
  }
}

.messenger-chat-header .collapse-button .hidden {
  opacity: 0;
}

.messenger-chat-header .collapse-icon {
  height: 24px;
  width: 24px;
}

.messenger-chat-header .close-icon {
  height: 20px;
  width: 20px;
}

.notifications-tooltip-content {
  width: 100%;
}

.notifications-tooltip-content .visible-wrapper {
  background-color: #1b1b1d;
  border-radius: 12px;
  box-shadow: 0 0 13px rgba(0, 0, 0, 0.45);
  color: #fff;
  padding: 0 20px;
  position: relative;
  width: 100%;
}

.notifications-tooltip-content.expanded .visible-wrapper {
  transform: none;
}

.notifications-tooltip-content .close {
  align-items: center;
  color: rgba(255, 255, 255, 0.4);
  cursor: pointer;
  display: flex;
  height: 30px;
  justify-content: center;
  position: absolute;
  right: 0;
  top: 0;
  width: 30px;
}

.notifications-tooltip-content .close:hover {
  color: rgba(255, 255, 255, 0.8);
}

.notifications-tooltip-content .close .icon {
  height: 10px;
  margin: 0;
  width: 10px;
}

.notifications-tooltip-content .main-settings {
  align-items: center;
  display: flex;
  padding: 20px 0;
}

.notifications-tooltip-content .bell {
  align-items: center;
  background-color: rgba(255, 255, 255, 0.09);
  border-radius: 26px;
  display: flex;
  flex-shrink: 0;
  height: 52px;
  justify-content: center;
  margin-right: 14px;
  width: 52px;
}

.notifications-tooltip-content .bell .icon {
  color: rgba(255, 255, 255, 0.6);
  height: 24px;
  margin: 0;
  width: 24px;
}

.notifications-tooltip-content .notifications-tooltip-title {
  flex-grow: 1;
  font-size: 14px;
  line-height: 17px;
  margin-right: 10px;
  min-width: 0;
}

.notifications-tooltip-content .main-switcher {
  flex-shrink: 0;
  margin: 0;
}

.notifications-tooltip-content.active .bell {
  background-color: rgba(163, 73, 252, 0.16);
}

.notifications-tooltip-content.active .bell .icon {
  color: #ff3332;
}

.notifications-tooltip-content .methods-wrapper {
  height: 0;
  overflow: hidden;
  transition: height 0.25s ease-in-out;
}

.notifications-tooltip-content .methods {
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  opacity: 0;
  padding: 20px 0;
  transform: translateY(-100%);
  transition: transform 0.25s ease-in-out, opacity 0.25s ease-in-out;
}

.notifications-tooltip-content.expanding .methods-wrapper .methods {
  opacity: 1;
  transform: translateY(0);
}

.notifications-tooltip-content.expanded .methods-wrapper {
  height: auto !important;
}

.notifications-tooltip-content.expanded .methods-wrapper .methods {
  opacity: 1;
  transform: none !important;
}

.notifications-tooltip-content .methods-title {
  display: block;
  font-size: 18px;
  font-weight: 700;
  line-height: 22px;
  margin-bottom: 20px;
}

.notifications-tooltip-content .method {
  align-items: center;
  display: flex;
  font-size: 14px;
  justify-content: space-between;
  line-height: 17px;
}

.notifications-tooltip-content .method:not(:last-child) {
  margin-bottom: 14px;
}

.notifications-tooltip-content .connect-link {
  color: inherit;
  display: inline-block;
  font-size: 14px;
  line-height: 22px;
  opacity: 0.6;
  text-decoration: underline;
}

.notifications-tooltip-content .connect-link:hover,
.notifications-tooltip-warning-hint a:hover {
  opacity: 0.8;
}

.notifications-tooltip-warning-hint {
  color: rgba(255, 255, 255, 0.6);
  margin-left: 5px;
}

.notifications-tooltip-warning-hint a {
  color: inherit;
  text-decoration: underline;
}

.notifications-tooltip-warning-hint .icon-exclamation-circle {
  height: 13px;
  transform: translateY(-1px);
  width: 13px;
}

.notifications-tooltip-content.mobile .visible-wrapper {
  border-radius: 0;
  box-shadow: none;
  padding: 0 12px;
}

.notifications-tooltip-content.mobile::before {
  border-bottom: 6px solid #1b1b1d;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  bottom: 100%;
  content: "";
  display: block;
  height: 6px;
  left: 27px;
  position: absolute;
  width: 14px;
}

.notifications-tooltip-content.mobile .close {
  right: 5px;
  top: 15px;
}

.notifications-tooltip-content.mobile .main-settings {
  padding: 10px 34px 10px 0;
}

.notifications-tooltip-content.mobile .bell {
  height: 40px;
  margin-right: 12px;
  width: 40px;
}

.notifications-tooltip-content.mobile .bell .icon {
  height: 18px;
  width: 18px;
}

.notifications-tooltip-content.mobile .notifications-tooltip-title {
  font-size: 12px;
  line-height: 15px;
  margin-right: 10px;
}

.notifications-tooltip-content.mobile .methods {
  padding: 10px 0;
}

.notifications-tooltip-content.mobile .methods-title {
  font-size: 15px;
  line-height: 18px;
  margin-bottom: 12px;
}

.notifications-tooltip-content.mobile .method {
  font-size: 12px;
  line-height: 15px;
}

.notifications-tooltip-content.mobile .method:not(:last-child) {
  margin-bottom: 12px;
}

.notifications-tooltip-content.mobile .connect-link {
  font-size: 12px;
}

.tooltip.left .notifications-tooltip-content.preserve-vertical-position,
.tooltip.right .notifications-tooltip-content.preserve-vertical-position {
  height: 800px;
  padding-top: 355px;
  pointer-events: none;
}

.tooltip.left .notifications-tooltip-content.preserve-vertical-position .visible-wrapper,
.tooltip.right .notifications-tooltip-content.preserve-vertical-position .visible-wrapper {
  pointer-events: auto;
}

.notifications-tooltip-content-compact {
  align-items: center;
  background: rgba(5, 5, 6, 0.4);
  border-radius: 12px;
  display: flex;
  font-size: 12px;
  line-height: 14px;
  padding: 8px 12px;
  position: absolute;
}

.notifications-tooltip-content-compact--position--top {
  bottom: calc(100% + 16px);
  left: 0;
}

.notifications-tooltip-content-compact--position--right {
  left: 100%;
  margin: 0 0 0 12px;
  top: 0;
}

.notifications-tooltip-content-compact__text {
  margin: 0 0 0 12px;
  white-space: nowrap;
}

.bq {
  height: 112px;
  margin: 0 0 48px;
  max-width: calc(100vw - 32px);
  overflow: hidden;
  width: 100%;
}

.bq .scroll-bar-container__arrow {
  margin-top: -20px;
}

.bq--style--mobile {
  height: 82px;
  margin: 0 0 40px;
}

.bq--style--pinned {
  height: 116px;
  margin: 40px 0 0;
}

.bq--style--pinned .scroll-bar-container__arrow {
  margin-top: -8px;
}

.bq--style--pinned .avatar__img,
.bq--style--pinned-mobile .avatar__img {
  background-position: center top;
}

.bq--style--pinned-mobile {
  height: 82px;
  margin: 40px 0 0;
}

.bq__title {
  color: #a0a0a1;
  font-size: 11px;
  margin: 0 0 8px;
  text-transform: uppercase;
}

.bq__controls {
  display: flex;
  gap: 1px;
}

.bq__add {
  align-items: center;
  background: #111113;
  color: #a0a0a1;
  column-gap: 10px;
  cursor: pointer;
  display: flex;
  flex: 1;
  font-size: 14px;
  height: 80px;
  justify-content: center;
  max-height: 100%;
  transition: background 0.3s;
  border-bottom-left-radius: 26px;
  border-top-left-radius: 26px;
}

.bq__add:hover,
.bq__archive:hover {
  background: #1b1b1d;
}

.bq__add--rounded {
  border-radius: 26px;
}

.bq__archive {
  align-items: center;
  background: #111113;
  color: #a0a0a1;
  column-gap: 10px;
  cursor: pointer;
  display: flex;
  flex: 1;
  font-size: 14px;
  height: 80px;
  justify-content: center;
  max-height: 100%;
  transition: background 0.3s;
  border-bottom-right-radius: 26px;
  border-top-right-radius: 26px;
}

.bq__list {
  display: flex;
  gap: 12px;
  padding-bottom: 12px;
}

.bq__item {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-height: 92px;
  min-width: 92px;
  overflow: hidden;
  padding: 6px 0;
  position: relative;
  width: 92px;
}

.bq__item .avatar {
  cursor: pointer;
}

.bq__item--mobile {
  min-height: 56px;
  min-width: 56px;
  width: 56px;
}

.bq__thumb-avatar {
  align-items: center;
  background: #111113;
  border-radius: 30.75%;
  color: #a0a0a1;
  cursor: pointer;
  display: flex;
  justify-content: center;
  transition: background 0.3s;
}

.bq__thumb-avatar:hover {
  background: #1b1b1d;
}

.bq__name {
  font-size: 12px;
  margin: 10px 0 0;
  text-align: center;
  width: 100%;
}

.bq__name .displayname {
  display: block;
}

.bq__icon {
  color: #fff;
  left: 50%;
  pointer-events: none;
  position: absolute;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
}

.scroll-to-top-button-wrapper {
  bottom: 0;
  left: 0;
  position: fixed;
  right: 0;
  z-index: 5;
}

.scroll-to-top-button-wrapper.stick-to-bottom {
  bottom: -60px;
  position: absolute;
  right: -10px;
}

.scroll-to-top-button-wrapper__page-width-wrapper {
  display: flex;
  justify-content: flex-end;
  margin: 0 auto;
  max-width: 1388px;
}

.scroll-to-top-button-wrapper__scroll-to-top-button {
  bottom: 60px;
  position: absolute;
}

.scroll-to-top-button-wrapper__scroll-to-top-button:hover {
  opacity: 0.8;
}

@media screen and (max-width: 1599px) {
  .scroll-to-top-button-wrapper__scroll-to-top-button {
    right: 20px;
  }
}

@media screen and (max-width: 639px) {
  .scroll-to-top-button-wrapper__scroll-to-top-button {
    bottom: 20px;
  }
}

@media screen and (max-width: 479px) {
  .scroll-to-top-button-wrapper__scroll-to-top-button {
    bottom: calc(var(--tap-bar-height) + env(safe-area-inset-bottom) + 16px);
  }
}

.scroll-to-top-button-wrapper__scroll-to-top-button-icon {
  color: #646464;
  fill: currentColor;
  height: 50px;
  width: 50px;
}

.conversation-skeleton {
  align-items: center;
  display: flex;
  flex-flow: row nowrap;
  padding: 12px;
}

.conversation-skeleton-content {
  display: flex;
  flex-flow: column nowrap;
}

.conversation-skeleton-avatar,
.conversation-skeleton-message,
.conversation-skeleton-username {
  animation: skeleton-animation 3s infinite linear;
  background: linear-gradient(90deg, #515255 20%, #535457 28%, #57595c 35%, #535457 42%, #515255 50%);
  background-size: 300% 100%;
  will-change: background-position;
}

.conversation-skeleton-avatar {
  border-radius: 50%;
  height: 44px;
  width: 44px;
  margin-right: 12px;
}

.conversation-skeleton-message,
.conversation-skeleton-username {
  border-radius: 4px;
  height: 8px;
}

.conversation-skeleton-username {
  width: 171px;
  margin-bottom: 15px;
}

.conversation-skeleton-message {
  width: 247px;
}

.conversations-skeleton {
  margin-bottom: auto;
  padding: 0 8px;
}

.picture-squad-grid {
  column-gap: 12px;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  row-gap: 12px;
}

@media screen and (min-width: 480px) {
  .picture-squad-grid {
    grid-template-columns: repeat(3, 1fr);
  }
}

@media screen and (min-width: 640px) {
  .picture-squad-grid {
    column-gap: 20px;
    grid-template-columns: repeat(4, 1fr);
    row-gap: 20px;
  }
}

@media screen and (min-width: 1366px) {
  .picture-squad-grid {
    grid-template-columns: repeat(6, 1fr);
  }
}

.picture-squad-grid--columns--2 {
  column-gap: 10px;
  grid-template-columns: repeat(2, 1fr);
  row-gap: 10px;
}

.picture-squad-grid--columns--3 {
  column-gap: 10px;
  grid-template-columns: repeat(3, 1fr);
  row-gap: 10px;
}

.picture-squad-grid--columns--4 {
  grid-template-columns: repeat(4, 1fr);
}

.picture-squad-grid--columns--5 {
  grid-template-columns: repeat(5, 1fr);
}

.picture-squad-grid--columns--6 {
  grid-template-columns: repeat(6, 1fr);
}

.picture-squad-grid__skeleton-item {
  background: #343437;
  border-radius: 18px;
  padding-top: 100%;
}

.c7__title {
  color: #fff;
  font-size: 16px;
  font-weight: 700;
}

.c7__sub-title {
  color: #fff;
  font-size: 16px;
  font-weight: 700;
  margin: 32px 20px 20px;
}

.c7__see-all-button {
  align-items: center;
  display: flex;
  gap: 16px;
}

.c7__notification-list {
  margin: 0 0 0-78px;
}

.button-dropdown {
  position: relative;
  z-index: 1;
}

.button-dropdown__button {
  align-items: center;
  border-radius: 12px;
  color: #fff;
  cursor: pointer;
  display: flex;
  font-size: 14px;
  height: 40px;
  justify-content: center;
  padding: 0 20px;
  width: 100%;
}

.button-dropdown__button--style--default {
  background: 0 0;
  border: 2px solid #343437;
}

.button-dropdown__button--style--primary {
  background: #2e1d3e;
  border: 0;
}

.button-dropdown__button--style--apply {
  background: #d60908;
  border: 0;
}

.button-dropdown__button--style--dark-blue {
  background: #2a244b;
  border: 0;
}

.button-dropdown__arrow {
  color: #f8f8f8;
  height: 20px;
  margin: 0 0 0 12px;
  opacity: 0.6;
  transform: rotate(180deg);
  transition: transform 0.3s;
  width: 20px;
}

.button-dropdown__arrow--opened {
  transform: rotate(0deg);
}

.button-dropdown__content {
  background: #232325;
  border-radius: 12px;
  left: 0;
  margin: 30px 0 0 0;
  padding: 10px 15px;
  position: absolute;
  top: 100%;
  left: -15px;
}

.css-tooltip-bottom,
.css-tooltip-left,
.css-tooltip-right,
.css-tooltip-top {
  display: inline-block;
  position: relative;
}

.css-tooltip-top::after {
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 2px 4px transparent, 0 0 4px transparent;
  color: #000;
  content: attr(data-tooltip);
  opacity: 0;
  padding: 8px 10px;
  pointer-events: none;
  position: absolute;
  text-align: center;
  text-transform: none;
  transition-duration: 0.15s;
  transition-property: opacity, transform;
  transition-timing-function: ease-in-out;
  white-space: nowrap;
  z-index: 1000;
  font-size: 11px;
  font-weight: 500;
  letter-spacing: normal;
  line-height: normal;
  left: 50%;
  top: 0;
  transform: translate(-50%, calc(-100% - 5px + 10px - 0px));
}

@media (prefers-reduced-motion) {
  .css-tooltip-top::after {
    transition-property: opacity;
  }
}

.css-tooltip-top::before {
  border-style: solid;
  border-width: 5px;
  content: "";
  opacity: 0;
  pointer-events: none;
  position: absolute;
  transition-duration: 0.15s;
  transition-property: opacity, transform;
  transition-timing-function: ease-in-out;
  z-index: 1001;
  border-color: #fff transparent transparent;
  left: 50%;
  margin-left: -5px;
  top: -5px;
  transform: translateY(calc(10px - 0px));
}

@media (prefers-reduced-motion) {
  .css-tooltip-top::before {
    transition-property: opacity;
  }
}

.css-tooltip-top:hover::before {
  opacity: 1;
  transform: translateY(0);
}

.css-tooltip-top:hover::after {
  opacity: 1;
  pointer-events: auto;
  transform: translate(-50%, calc(-100% - 5px - 0px));
}

.css-tooltip-bottom::after {
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 2px 4px transparent, 0 0 4px transparent;
  color: #000;
  content: attr(data-tooltip);
  opacity: 0;
  padding: 8px 10px;
  pointer-events: none;
  position: absolute;
  text-align: center;
  text-transform: none;
  transition-duration: 0.15s;
  transition-property: opacity, transform;
  transition-timing-function: ease-in-out;
  white-space: nowrap;
  z-index: 1000;
  font-size: 11px;
  font-weight: 500;
  letter-spacing: normal;
  line-height: normal;
  bottom: 0;
  left: 50%;
  transform: translate(-50%, calc(100% + 5px - 10px + 0px));
}

@media (prefers-reduced-motion) {
  .css-tooltip-bottom::after {
    transition-property: opacity;
  }
}

.css-tooltip-bottom::before {
  border-style: solid;
  border-width: 5px;
  content: "";
  opacity: 0;
  pointer-events: none;
  position: absolute;
  transition-duration: 0.15s;
  transition-property: opacity, transform;
  transition-timing-function: ease-in-out;
  z-index: 1001;
  border-color: transparent transparent #fff;
  bottom: -5px;
  left: 50%;
  margin-left: -5px;
  transform: translateY(calc(-10px + 0px));
}

@media (prefers-reduced-motion) {
  .css-tooltip-bottom::before {
    transition-property: opacity;
  }
}

.css-tooltip-bottom:hover::before {
  opacity: 1;
  transform: translateY(0);
}

.css-tooltip-bottom:hover::after {
  opacity: 1;
  pointer-events: auto;
  transform: translate(-50%, calc(100% + 5px + 0px));
}

.css-tooltip-left::after {
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 2px 4px transparent, 0 0 4px transparent;
  color: #000;
  content: attr(data-tooltip);
  opacity: 0;
  padding: 8px 10px;
  pointer-events: none;
  position: absolute;
  text-align: center;
  text-transform: none;
  transition-duration: 0.15s;
  transition-property: opacity, transform;
  transition-timing-function: ease-in-out;
  white-space: nowrap;
  z-index: 1000;
  font-size: 11px;
  font-weight: 500;
  letter-spacing: normal;
  line-height: normal;
  left: 0;
  top: 50%;
  transform: translate(calc(-100% - 5px + 10px - 0px), -50%);
}

@media (prefers-reduced-motion) {
  .css-tooltip-left::after {
    transition-property: opacity;
  }
}

.css-tooltip-left::before {
  border-style: solid;
  border-width: 5px;
  content: "";
  opacity: 0;
  pointer-events: none;
  position: absolute;
  transition-duration: 0.15s;
  transition-property: opacity, transform;
  transition-timing-function: ease-in-out;
  z-index: 1001;
  border-color: transparent transparent transparent #fff;
  left: -5px;
  margin-top: -5px;
  top: 50%;
  transform: translateX(calc(10px - 0px));
}

@media (prefers-reduced-motion) {
  .css-tooltip-left::before {
    transition-property: opacity;
  }
}

.css-tooltip-left:hover::before {
  opacity: 1;
  transform: translateX(0);
}

.css-tooltip-left:hover::after {
  opacity: 1;
  pointer-events: auto;
  transform: translate(calc(-100% - 5px - 0px), -50%);
}

.css-tooltip-right::after {
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 2px 4px transparent, 0 0 4px transparent;
  color: #000;
  content: attr(data-tooltip);
  opacity: 0;
  padding: 8px 10px;
  pointer-events: none;
  position: absolute;
  text-align: center;
  text-transform: none;
  transition-duration: 0.15s;
  transition-property: opacity, transform;
  transition-timing-function: ease-in-out;
  white-space: nowrap;
  z-index: 1000;
  font-size: 11px;
  font-weight: 500;
  letter-spacing: normal;
  line-height: normal;
  right: 0;
  top: 50%;
  transform: translate(calc(100% + 5px - 10px + 0px), -50%);
}

@media (prefers-reduced-motion) {
  .css-tooltip-right::after {
    transition-property: opacity;
  }
}

.css-tooltip-right::before {
  border-style: solid;
  border-width: 5px;
  content: "";
  opacity: 0;
  pointer-events: none;
  position: absolute;
  transition-duration: 0.15s;
  transition-property: opacity, transform;
  transition-timing-function: ease-in-out;
  z-index: 1001;
  border-color: transparent #fff transparent transparent;
  margin-top: -5px;
  right: -5px;
  top: 50%;
  transform: translateX(calc(-10px + 0px));
}

@media (prefers-reduced-motion) {
  .css-tooltip-right::before {
    transition-property: opacity;
  }
}

.css-tooltip-right:hover::before {
  opacity: 1;
  transform: translateX(0);
}

.css-tooltip-right:hover::after {
  opacity: 1;
  pointer-events: auto;
  transform: translate(calc(100% + 5px + 0px), -50%);
}

.pp {
  align-items: stretch;
  color: #fff;
  display: flex;
  min-height: 64px;
  padding: 14px 140px 14px 46px;
  position: absolute;
  top: 0;
  transition: min-height 150ms linear;
  width: 100%;
  z-index: 4;
}

.p--relative {
  position: relative;
}

.p--type--info {
  background: #424248;
}

.p--type--warning {
  background: #d6a100;
}

.p--type--moderation {
  background: #fccf49;
  color: #000;
  min-height: 46px;
  position: relative;
}

.p--type--moderation .p__icon {
  top: 50%;
}

.p--type--error {
  background: #e12947;
  color: #cfcfd0;
}

.pp a,
.p--type--error .p__icon {
  color: #fff;
}

.pp__icon {
  height: 26px;
  left: 12px;
  position: absolute;
  top: 32px;
  transform: translateY(-50%);
  width: 26px;
}

.p__icon.icon-blocked,
.p__icon.icon-wrong {
  height: 20px;
  width: 20px;
}

.p__icon--red {
  color: #d21b4c;
}

.p__content {
  align-self: center;
  line-height: 17px;
  position: relative;
}

.p__button {
  position: absolute;
  right: 12px;
}

.p__text-expander {
  color: #fff;
}

.p__group {
  position: absolute;
  top: 0;
  width: 100%;
}

@media screen and (max-width: 374px) {
  .p__icon {
    display: none;
  }

  .p__content {
    line-height: 17px;
    padding: 6px 120px 6px 10px;
  }
}

.tile {
  max-width: 100%;
}

@media screen and (max-width: 639px) {
  .tile {
    border-radius: 0;
  }
}

.tile .media-content {
  cursor: pointer;
  height: 560px;
  margin-top: 14px;
  position: relative;
}

@media screen and (max-width: 639px) {
  .tile .media-content {
    height: 290px;
  }

  .tile .tile-footer::after {
    left: 14px;
    right: 14px;
  }

  .tile .tile-footer,
  .tile .tile-header {
    padding: 0 14px 20px;
  }
}

/*
.bl {
    background: #1b1b1d;
    border-radius: 16px;
    display: grid;
    flex-direction: column;
    height: 300px;
}
.bl__header {
    padding: 20px 20px 0;
}
.bl__title {
    align-items: center;
    display: flex;
    gap: 12px;
    justify-content: space-between;
    padding: 20px 20px 0;
}
.bl__content {
    flex: 1;
    height: 200px;
    padding: 0 20px;
} */
.user-lists-stats__list-item {
  align-items: center;
  display: grid;
  gap: 12px;
  grid-auto-flow: column;
  justify-content: space-between;
  margin-bottom: 16px;
}

.user-lists-stats__list-item-left {
  align-items: center;
  display: grid;
  grid-auto-flow: column;
  grid-gap: 6px;
  justify-content: flex-start;
}

.user-lists-stats__list-name {
  flex: 1;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.user-lists-stats__list-icon {
  color: #a0a0a1;
  margin-right: 4px;
}

.user-lists-stats__list-icon--system {
  color: #ff3332;
}

.textarea {
  display: block;
  position: relative;
  text-align: left;
}

.textarea__counter {
  background: #111113;
  bottom: 6px;
  color: #a0a0a1;
  font-size: 10px;
  pointer-events: none;
  position: absolute;
  right: 6px;
}

.textarea__counter.error-message {
  font-size: 10px;
}

.textarea__field {
  background: #111113;
  border: 1px solid transparent;
  border-radius: 12px;
  color: #fff;
  display: block;
  width: 100%;
}

.textarea__field:focus {
  border-color: #ff3332;
}

.textarea__field--hide-focus-placeholder:focus+.textarea__placeholder {
  display: none;
}

.textarea__field--size--small {
  min-height: 80px;
  padding: 15px 15px 25px;
}

.textarea__field--size--small-x {
  font-size: 13px;
  min-height: 60px;
  padding: 10px 15px 25px;
}

.textarea__field--size--regular {
  min-height: 140px;
  padding: 15px 15px 25px;
}

.textarea__placeholder {
  font-size: 13px;
  left: 0;
  opacity: 0.6;
  padding: 15px;
  pointer-events: none;
  position: absolute;
  top: 0;
  width: 100%;
}

.textarea__placeholder--size--small {
  padding: 15px;
}

.textarea__placeholder--size--small-x {
  font-size: 12px;
  padding: 10px 15px;
}

.alert,
.alert-content {
  align-items: center;
  display: flex;
  width: 100%;
}

.alert {
  font-size: 16px;
  font-weight: 400;
  letter-spacing: normal;
  line-height: normal;
  color: #f8f8f8;
  padding: 15px;
}

.alert-content {
  justify-content: center;
}

.alert-content-closable {
  margin-left: 23px;
}

.alert-content-left-align {
  justify-content: flex-start;
}

.alert-success {
  background: #21b062;
}

.alert-error {
  background-color: #d21b4c;
}

.alert-info {
  background-color: #4b6a73;
}

.alert-close-icon.alert-close-icon {
  color: rgba(248, 248, 248, 0.5);
  margin: -9px -9px -9px 0;
}

.alert-close-icon.alert-close-icon:hover {
  color: #f8f8f8;
}

.q {
  display: grid;
  gap: 10px;
  grid-template-columns: 2.5fr 1fr;
  grid-template-rows: repeat(2, 1fr);
  height: 360px;
}

.q__item {
  align-items: center;
  border-radius: 12px;
  display: flex;
  justify-content: center;
  overflow: hidden;
  position: relative;
}

.q__item--main {
  grid-row: 2 span;
}

.q__img {
  height: 100%;
  left: 0;
  object-fit: cover;
  object-position: center;
  position: absolute;
  top: 0;
  width: 100%;
}

.q__shadow {
  align-items: center;
  background: rgba(0, 0, 0, 0.4);
  bottom: 0;
  display: flex;
  justify-content: center;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

.q__join,
.q__lock {
  align-items: center;
  display: flex;
  flex-direction: column;
  position: relative;
}

.q__lock {
  color: rgba(255, 255, 255, 0.6);
  font-size: 14px;
  gap: 6px;
}

.q__join {
  color: rgba(255, 255, 255, 0.8);
  gap: 16px;
  text-align: center;
  z-index: 1;
}

.q__view-button {
  align-items: center;
  background: 0 0;
  border: 0;
  color: rgba(255, 255, 255, 0.6);
  cursor: pointer;
  display: flex;
  font-size: 12px;
  gap: 6px;
  padding: 0;
  transition: color 0.3s;
}

.q__view-button:hover {
  color: #cfcfd0;
}

.tile-content-info {
  color: #fff;
  display: flex;
  margin: 12px 0;
  padding: 0;
}

.tile-content-info .info-icon {
  fill: currentColor;
  height: 32px;
  margin-right: 12px;
  width: 32px;
}

.tile-content-info .title {
  font-size: 14px;
  font-weight: 700;
  letter-spacing: normal;
  line-height: 1.2;
}

.tile-content-info .description {
  font-size: 13px;
  font-weight: 400;
  letter-spacing: normal;
  line-height: normal;
  margin-top: 2px;
  opacity: 0.6;
}

.tile-footer::after {
  background: rgba(255, 255, 255, 0.1);
  bottom: 0;
  content: "";
  height: 1px;
  left: 0;
  position: absolute;
  right: 0;
}

.tile-footer .content {
  align-items: center;
  border: 0;
  flex-flow: row nowrap;
  justify-content: space-between;
  padding: 14px 0;
}

.tile-footer .content,
.tile-footer .left-wrapper,
.tile-footer .right-wrapper {
  column-gap: 10px;
  display: flex;
}

.tile-footer .right-wrapper {
  align-items: center;
}

.tile-footer .likes-counter {
  position: relative;
}

.tile-footer .likes-counter:before {
  content: "";
  height: 40px;
  left: 50%;
  min-width: 100%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 40px;
}

.tile-footer__bookmark {
  align-items: center;
  cursor: pointer;
  display: flex;
  justify-content: center;
  min-width: 36px;
  transition: background 0.3s;
  white-space: nowrap;
  width: 36px;
  -webkit-user-select: none;
  user-select: none;
}

.tile-footer__bookmark--disabled {
  opacity: 0.8;
  pointer-events: none;
}

.tile-footer__bookmark>.icon {
  height: 20px;
  margin: 0;
  width: 20px;
}

.tile-footer .a11y-button,
.tile-footer .tile-button,
.tile-footer .tile-footer__bookmark {
  background: #1b1b1d;
  border-radius: 11px;
  height: 38px;
  padding: 0 8px;
}

.tile-footer .a11y-button:hover,
.tile-footer .tile-button:hover,
.tile-footer .tile-footer__bookmark:hover {
  background: #343437;
}

.X {
  display: flex;
  margin-top: 12px;
  position: relative;
}

.X--highlighted::before {
  animation: animation-comment-highlighted 6s;
  background: rgba(255, 255, 255, 0.05);
  border-radius: 10px;
  bottom: -8px;
  content: "";
  left: -12px;
  position: absolute;
  right: 0;
  top: -12px;
}

.X__left {
  position: relative;
  width: 24px;
}

.X__right {
  flex-grow: 1;
  overflow: hidden;
  padding: 0 0 0 12px;
  position: relative;
}

.X__name {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  max-width: calc(100% - 32px);
}

.X__username {
  max-width: 100%;
}

.X__date {
  color: #707071;
  font-size: 12px;
  line-height: 15px;
}

.X__content {
  color: #a4a4a4;
  font-size: 13px;
  line-height: 18px;
  margin: 6px 0 8px;
  white-space: pre-wrap;
}

.X__content-deleted {
  align-items: center;
  background: #111113;
  border-radius: 5px;
  color: #a0a0a1;
  display: flex;
  gap: 6px;
  justify-content: center;
  margin: 12px 0 8px;
  min-height: 30px;
  padding: 4px 16px;
}

.X__footer {
  align-items: center;
  display: flex;
  gap: 8px;
}

.X__reply {
  color: #a0a0a1;
  cursor: pointer;
  font-size: 12px;
  line-height: 15px;
}

.X__reply:hover {
  color: #cfcfd0;
}

.X__reply-loader {
  color: #a0a0a1;
  left: 30px;
  pointer-events: none;
  position: absolute;
  top: 0;
}

.X__reply-view {
  align-items: center;
  color: #a0a0a1;
  cursor: pointer;
  display: flex;
  font-size: 12px;
  margin: 12px 0;
  position: relative;
}

.X__reply-view--loading {
  color: transparent;
  pointer-events: none;
}

.X__reply-view::before {
  background: #424248;
  content: "";
  height: 1px;
  margin: 0 10px 0 0;
  width: 20px;
}

.X__menu {
  position: absolute;
  right: 0;
  top: 0;
}

.X__menu .icon-three-dots {
  color: #707071;
}

.X .icon-heart {
  color: #a0a0a1;
}

.r {
  border-radius: 0 0 12px 12px;
  overflow: hidden;
  position: relative;
}

.r--clickable {
  cursor: pointer;
}

.r--locked .image-swiper__points {
  background: 0 0;
}

.r__label {
  align-items: center;
  background: rgba(0, 0, 0, 0.4);
  border-radius: 8px;
  color: #cfcfd0;
  display: flex;
  font-size: 12px;
  font-weight: 700;
  height: 24px;
  padding: 0 8px;
  pointer-events: none;
  position: absolute;
  right: 12px;
  z-index: 2;
}

.r__label--top {
  top: 12px;
}

.r__label--bottom {
  bottom: 12px;
}

.r__blur {
  background-size: 0;
  bottom: 0;
  contain: strict;
  left: 0;
  overflow: hidden;
  pointer-events: none;
  position: absolute;
  right: 0;
  top: 0;
  z-index: -1;
}

.r__blur::after,
.r__blur::before {
  background-image: inherit;
  background-repeat: no-repeat;
  bottom: 0;
  content: "";
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}

.r__blur::before {
  background-size: cover;
  filter: blur(16px);
  transform: scale(1.2);
}

.r__blur::after {
  background-position: center;
  background-size: contain;
}

.r__tagged-users-count-badge {
  align-items: center;
  background: rgba(0, 0, 0, 0.4);
  border-radius: 8px;
  bottom: 16px;
  color: #cfcfd0;
  display: flex;
  flex-wrap: nowrap;
  font-size: 14px;
  font-weight: 700;
  gap: 8px;
  left: 16px;
  padding: 4px 8px;
  pointer-events: none;
  position: absolute;
  z-index: 2;
}

.bi {
  align-items: center;
  background: #111113;
  border-radius: 12px;
  display: flex;
  gap: 20px;
  min-height: 40px;
  padding: 6px 20px;
}

.bd {
  left: -2px;
  margin: 6px 0 0;
  position: absolute;
  right: -2px;
  top: 100%;
}

.bd--landing {
  z-index: 11;
}

.bd--compact {
  left: 0;
  margin: 2px 0 0;
  right: 0;
}

.bd__empty {
  color: #707071;
  font-size: 13px;
  font-weight: 500;
  line-height: 16px;
  margin: 20px 0;
  text-align: center;
}

.bd__sub-title {
  color: #707071;
  font-size: 11px;
  margin: 20px 16px 10px;
  text-transform: uppercase;
}

.bd__title-link {
  text-transform: none;
}

.bd__button {
  margin: 0 10px 10px;
  width: calc(100% - 20px);
}

.bd__verify {
  align-items: center;
  background: #232325;
  border-radius: 10px;
  display: flex;
  gap: 12px;
  margin: 20px 16px;
  padding: 8px 12px;
}

.bddd {
  border-radius: 18px;
  overflow: hidden;
  padding-top: 100%;
  position: relative;
  transform: translateZ(0);
  transition: opacity 0.3s;
}

.bddd--shadow::after {
  background: linear-gradient(180deg, transparent 0, rgba(0, 0, 0, 0.65) 100%);
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  transition: opacity 0.3s;
  width: 100%;
}

.bddd--locked {
  background: linear-gradient(246.82deg, #3c185e 0, #100415 100%) no-repeat center;
  background-size: cover;
}

.bddd--locked:hover {
  background-image: linear-gradient(246.82deg, #281f4d 0, #0d071e 100%);
}

.bddd--clickable {
  cursor: pointer;
}

.bddd--disabled {
  opacity: 0.6;
  pointer-events: none;
}

.bddd__image {
  height: 100%;
  left: 0;
  object-fit: cover;
  object-position: center;
  position: absolute;
  top: 0;
  transform: scale(1.01);
  transition: transform 0.3s;
  width: 100%;
}

.bddd--with-zoom:hover>.bd__image {
  transform: scale(1.1);
}

.bddd__content {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 1;
}

.sS {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 10px;
  left: 50%;
  pointer-events: none;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 60%;
}

@media screen and (max-width: 1023px) {
  .s--style--album {
    flex-direction: row;
    justify-content: center;
    top: 30%;
    width: 80%;
  }

  .s--style--album .s__label {
    max-width: 98px;
    text-align: left;
  }
}

@media screen and (max-width: 639px) {
  .s--style--album {
    flex-direction: column;
    top: 50%;
    width: 60%;
  }

  .s--style--album .s__label {
    max-width: 120px;
    text-align: center;
    white-space: normal;
  }
}

.s__label {
  color: #fff;
  font-size: 14px;
  font-weight: 400;
  max-width: 120px;
  text-align: center;
  text-shadow: 0 1px 4px rgba(0, 0, 0, 0.2), 0 1px 20px rgba(0, 0, 0, 0.4);
}

@media screen and (max-width: 639px) {
  .s__label {
    font-size: 12px;
  }
}

.s__icon {
  color: #fff;
  filter: drop-shadow(0 1px 20px rgba(0, 0, 0, 0.4));
  height: 32px;
  width: 32px;
}

@media screen and (max-width: 1023px) {
  .s__icon {
    height: 24px;
    width: 24px;
  }
}

.s__avatar {
  filter: drop-shadow(0 1px 20px rgba(0, 0, 0, 0.2));
}

.s__avatar.avatar {
  height: 48px;
  width: 48px;
}

@media screen and (max-width: 639px) {
  .s__avatar.avatar {
    height: 36px;
    width: 36px;
  }
}

.s__avatar--adaptive.avatar {
  height: 64px;
  width: 64px;
}

@media (max-width: 639px) {
  .s__avatar--adaptive.avatar {
    height: 48px;
    width: 48px;
  }
}

@media (max-width: 479px) {
  .s__avatar--adaptive.avatar {
    height: 36px;
    width: 36px;
  }
}

.settings-island-checkbox__switcher {
  display: flex;
  flex: 1;
  justify-content: flex-end;
}

.slidable-appearing-container-left,
.slidable-appearing-container-right {
  bottom: 0;
  position: absolute;
  top: 0;
  transition: transform ease 150ms;
}

.slidable-appearing-container-right {
  left: auto;
  right: 0;
}

.slidable-appearing-container-left {
  left: 0;
  right: auto;
}

.slidable {
  transition: transform ease 150ms;
}

.slidable.slidable-waiting-action {
  -webkit-user-select: none;
  user-select: none;
}

.header-search-result-item {
  margin: 6px 0;
}

.bKK {
  background: #1b1b1d;
  border-radius: 16px;
  color: #fff;
  display: flex;
  flex-direction: column;
  gap: 16px;
  justify-content: space-between;
  overflow: hidden;
  padding: 85px 20px 20px;
  position: relative;
}

.bKK__info {
  background: #232325;
  border-radius: 10px;
  display: flex;
  justify-content: space-between;
  padding: 16px;
  position: relative;
  white-space: nowrap;
}

.bKK__info-left {
  display: flex;
  flex-direction: column;
  justify-content: center;
  max-width: 70%;
  text-align: left;
}

.bKK__info-right {
  text-align: right;
}

.bKK__info-text {
  overflow: hidden;
  text-overflow: ellipsis;
}

.bKK__footer {
  display: flex;
  gap: 8px;
  justify-content: space-between;
}

.bN__tiles {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  min-width: 900px;
}

@media screen and (max-width: 1023px) {
  .bN__tiles {
    column-gap: 20px;
  }
}

.bN__skeleton {
  background: #111113;
  border-radius: 12px;
  flex: 1 0 284px;
  min-height: 128px;
  min-width: 284px;
}

.notifications-subscribed-common-table .menu-button-dots {
  margin-left: auto;
  width: 32px;
}

.notifications-subscribed-common-table .switcher.default {
  margin: 0 auto;
}

.image-swiper__root--disabled .m {
  pointer-events: none;
}

.mm {
  align-items: center;
  color: #fff;
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: center;
  left: 0;
  padding: 20px 14px;
  position: absolute;
  text-align: center;
  top: 0;
  transform: none;
  width: 100%;
  z-index: 1;
}

.m--fill--locked {
  background: linear-gradient(246.82deg, #3c185e 0, #100415 100%) no-repeat center;
  background-size: cover;
}

.m--fill--moderation {
  background-color: rgba(252, 207, 73, 0.8);
  color: #000;
}

.m--fill--rejected {
  background-color: rgba(210, 27, 76, 0.6);
  color: #cfcfd0;
}

.m--dark {
  background: rgba(0, 0, 0, 0.2);
}

@media screen and (max-width: 639px) {
  .mm {
    min-height: 135px;
    min-width: 135px;
  }
}

.m__icon--size--regular {
  height: 40px;
  width: 40px;
}

.m__icon--size--big {
  height: 58px;
  width: 58px;
}

.m__title {
  font-size: 16px;
  font-weight: 700;
  margin-top: 16px;
  padding: 0 12px;
  white-space: normal;
  word-break: normal;
}

@media screen and (max-width: 639px) {
  .m__title {
    font-size: 12px;
    font-weight: 400;
    letter-spacing: normal;
    line-height: normal;
    margin-top: 12px;
  }
}

.m__description {
  font-size: 13px;
  margin-top: 16px;
  max-width: 310px;
  padding: 0 12px;
  white-space: normal;
  word-break: normal;
}

.m .content-lock-button {
  margin: 20px 0 0;
}

@media screen and (max-width: 639px) {
  .m .content-lock-button {
    margin: 12px 0 0;
  }
}

.b9__message-body {
  min-height: 142px;
  position: relative;
}

.b9__message-body--with-media {
  height: 204px;
}

.b9__message-input {
  background: #111113;
  border: 1px solid transparent;
  border-radius: 12px;
  bottom: 0;
  height: 100%;
  left: 0;
  overflow-y: auto;
  position: absolute;
  right: 0;
  top: 0;
}

.b9__message-input:focus-within:not(.b9__message-input--error) {
  border: 1px solid #d60908;
}

.b9__message-input--error .chat-controls-input__wrapper {
  border-color: #fd3a5b;
}

.b9__message-input .chat-controls-input {
  height: 100%;
  margin: 0;
  min-height: 100px;
  padding-bottom: 10px;
}

.b9__message-input .chat-controls-input__wrapper {
  border: 0 !important;
}

.b9__media-list {
  background-color: red;
  height: 80px;
  margin: 0 10px;
}

.b9__input-actions {
  align-items: center;
  background: #111113;
  border-radius: 12px;
  bottom: 4px;
  display: flex;
  gap: 14px;
  justify-content: flex-end;
  padding: 2px 0 2px 6px;
  position: absolute;
  right: 4px;
}

.b9__counter {
  color: #a0a0a1;
  font-size: 14px;
  font-weight: 400;
}

.b9__counter--error-message {
  color: #fd3a5b;
}

.b9__upload-button-wrapper {
  height: 100%;
  opacity: 0.6;
}

.b9__upload-button-wrapper--disabled {
  cursor: default;
  opacity: 0.2;
}

.b9__upload-button-wrapper:hover:not(.b9__upload-button-wrapper--disabled) {
  opacity: 1;
}

.b9__upload-icon {
  height: 22px;
  width: 22px;
}

.b9__smiles-wrapper .smiles-dropdown .smiles-list {
  bottom: 40px;
  top: auto;
}

.b9__upload-file-wrapper {
  max-width: 100%;
  padding: 12px;
  width: 460px;
}

.b9__upload-file-wrapper .z {
  margin-top: 0;
}

.b9__active-checkbox {
  align-items: center;
  display: flex;
  justify-content: flex-start;
  margin-bottom: 20px;
}

.b9__checkbox-title {
  font-size: 14px;
  font-weight: 500;
}

.b9__error-message {
  color: #fd3a5b;
  font-size: 12px;
  font-weight: 400;
  line-height: 14px;
  margin-top: 2px;
}

@media screen and (max-width: 1023px) {
  .b9__message-body {
    height: 204px;
  }
}

@media screen and (max-width: 639px) {
  .b9__message-input .chat-controls-input--style--multy-line {
    min-height: 132px;
  }
}

.bPP {
  align-items: center;
  display: flex;
  gap: 12px;
  justify-content: space-between;
  margin-bottom: 20px;
}

.bPP__tabs {
  border-radius: 10px;
  display: flex;
  flex: 1;
  max-width: 1140px;
}

.bPP__tabs .pill-control__item {
  width: 154px;
}

.b0 {
  display: flex;
  flex-direction: column;
  height: 100%;
  max-width: 100%;
  width: 418px;
}

.b0__preview-title {
  font-size: 20px;
  margin: 0 0 10px;
}

.b0__preview-description {
  color: #cfcfd0;
  font-size: 14px;
  font-weight: 500;
  line-height: 22px;
  margin: 10px 0 20px;
}

.b0__chat {
  background: #232325;
  border-radius: 8px;
  box-shadow: 0 20px 30px rgba(0, 0, 0, 0.3);
  display: flex;
  flex: 1;
  flex-direction: column;
  width: 100%;
}

.b0__chat-header {
  align-items: center;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  display: flex;
  gap: 8px;
  height: 44px;
  justify-content: flex-start;
  padding: 6px 8px;
}

.b0__chat-content {
  display: flex;
  flex: 1;
  flex-direction: column;
  height: 304px;
  justify-content: flex-end;
  padding: 6px 8px;
}

.b0__chat-content .base-message {
  background-color: #ff3332;
  max-width: 240px;
}

.b0__chat-content .base-message .Q__gallery {
  min-width: 240px;
}

.bU {
  margin-right: 8px;
  position: relative;
}

.bU__mobile-button {
  background: 0 0;
  border: 0;
  color: rgba(255, 255, 255, 0.4);
  cursor: pointer;
  opacity: 0;
  padding: 0;
  pointer-events: none;
}

.bU__mobile-button:hover {
  color: rgba(255, 255, 255, 0.8);
}

.bU__mobile-button--visible {
  opacity: 1;
  pointer-events: auto;
}

.bU__intervals {
  align-items: center;
  display: flex;
  justify-content: flex-end;
}

.bU__intervals--mobile {
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
  z-index: 10;
}

.bU__intervals-buttons {
  align-items: center;
  animation-duration: 150ms;
  animation-name: animate-slide;
  animation-timing-function: ease-in;
  display: flex;
  gap: 12px;
  height: 44px;
  justify-content: center;
  padding: 0 10px;
}

.bU__intervals-buttons--mobile {
  background: #1b1b1d;
  border-radius: 12px;
  box-shadow: 0 1px 10px rgba(0, 0, 0, 0.4);
}

.bU__dot {
  color: rgba(255, 255, 255, 0.2);
  font-size: 20px;
}

.bU__interval-button {
  align-items: center;
  background: 0 0;
  border: 0;
  color: rgba(255, 255, 255, 0.4);
  cursor: pointer;
  display: flex;
  font-size: 14px;
  font-weight: 400;
  gap: 5px;
  padding: 0;
  white-space: nowrap;
}

.bU__interval-button--opened {
  color: rgba(255, 255, 255, 0.8);
}

.bU__dropdown-icon--opened {
  transform: rotate(180deg);
}

.bU .dropdown-content {
  padding: 4px 0;
}

.bU__dropdown-item {
  background: 0 0;
  border: 0;
  color: #fff;
  cursor: pointer;
  display: flex;
  font-size: 14px;
  font-weight: 400;
  gap: 12px;
  justify-content: space-between;
  min-width: 160px;
  padding: 10px 15px;
}

.bU__dropdown-item--active {
  pointer-events: none;
}

@media (hover: hover) {
  .bU__dropdown-item:hover {
    background: #232325;
  }
}

.u {
  min-height: 48px;
}

.u__wrapper {
  left: 0;
  right: 0;
}

.u__wrapper--sticky {
  bottom: calc(10px + var(--tap-bar-height));
  position: fixed;
  z-index: 2;
}

.u__wrapper--sticky .u__content {
  backdrop-filter: blur(3px);
  background: rgba(35, 35, 37, 0.6);
  border-radius: 12px;
  box-shadow: 0 1px 20px rgba(0, 0, 0, 0.4);
  margin: 0 60px;
  min-height: 64px;
  width: 100%;
}

@media screen and (max-width: 1365px) {
  .u__wrapper--sticky .u__content {
    margin: 0;
  }
}

.u__row {
  display: flex;
  justify-content: center;
  margin: 0 auto;
  max-width: 1568px;
  width: 100%;
}

.u__content {
  border-bottom-left-radius: 12px;
  border-bottom-right-radius: 12px;
  flex: 1;
  min-height: 48px;
  transition: bottom 0.2s;
  width: inherit;
}

.bX {
  background-color: #232325;
  border-radius: 12px;
  width: 50%;
  -webkit-user-select: none;
  user-select: none;
}

.bX--open .bX__icon-close {
  transform: rotate(180deg);
}

.bX__header {
  align-items: center;
  background: 0 0;
  border: 0;
  border-radius: 12px;
  color: #cfcfd0;
  cursor: pointer;
  display: flex;
  flex-flow: row nowrap;
  font-size: 15px;
  font-weight: 400;
  justify-content: center;
  padding: 14px 16px;
  width: 100%;
}

.bX__header:hover .bX__icon-close {
  fill: #fff;
}

.bX__icon {
  fill: rgba(255, 255, 255, 0.8);
}

.bX__title {
  font-size: 0.938rem;
  flex-grow: 1;
  font-weight: 400;
  margin: 0;
  text-align: start;
}

.bX__icon-exclamation {
  height: 21px;
  margin-right: 21px;
  width: 21px;
}

.bX__icon-close {
  margin: 0;
}

.bX__dropdown {
  font-size: 0.813rem;
  line-height: 1.25rem;
  color: rgba(255, 255, 255, 0.6);
  font-weight: 400;
  padding: 0 64px 1px;
}

.bX__list {
  list-style: disc;
  margin-bottom: 20px;
  margin-top: 0;
  padding-left: 12px;
}

.bX__list-item {
  margin-bottom: 15px;
}

.bX__list-item:last-child {
  margin-bottom: 0;
}

@media screen and (max-width: 1365px) {
  .bX {
    width: 100%;
  }

  .bX__dropdown,
  .bX__header {
    padding-right: 21px;
  }
}

.creators-onboarding-item {
  align-items: center;
  background-color: #232325;
  border-radius: 10px;
  display: flex;
  flex: 1;
  gap: 16px;
  justify-content: space-between;
  padding: 16px;
  width: 100%;
}

.creators-onboarding-item:first-child {
  margin-top: 10px;
}

.creators-onboarding-item:last-child {
  margin-bottom: 10px;
}

.creators-onboarding-item__left-part {
  display: grid;
  flex: 1;
  grid-auto-flow: row;
  grid-row-gap: 4px;
}

.creators-onboarding-item__right-part {
  align-items: center;
  display: flex;
  justify-content: flex-end;
}

.creators-onboarding-item__title {
  align-items: center;
  display: flex;
  justify-content: flex-start;
}

.creators-onboarding-item__option-badge {
  background-color: #343437;
  border-radius: 6px;
  color: #fff;
  margin-left: 8px;
  padding: 2px 8px;
  pointer-events: none;
}

.creators-onboarding-item__completed-icon {
  color: #21b062;
}

.teaser-banner {
  background: url(/assets/common/images/teaser-bg.svg), radial-gradient(146.3% 146.3%at 50%0, #994cfa 0, rgba(82, 0, 133, 0.6) 35.41%, transparent 100%);
  background-size: cover, auto;
  border-radius: 12px;
  max-width: calc(100vw - 32px);
  overflow: hidden;
  padding: 16px 20px 20px;
  text-align: center;
  width: 100%;
}

.teaser-banner__title {
  color: #f9d400;
  font-size: 20px;
  font-weight: 700;
  line-height: 24px;
  margin: 8px 0 12px;
}

.teaser-banner__description {
  color: #a0a0a1;
  font-size: 15px;
  line-height: 22px;
  margin: 0 0 20px;
}

.post-edit-preview-header {
  display: flex;
}

.post-edit-preview-header__image {
  background-color: #000;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 10px;
  height: 60px;
  position: relative;
  width: 60px;
}

.post-edit-preview-header__image--pointer {
  cursor: pointer;
}

.post-edit-preview-header__media-counter {
  background: #424248;
  border: 3px solid #1b1b1d;
  border-radius: 13px;
  color: #cfcfd0;
  display: grid;
  font-size: 12px;
  height: 26px;
  min-width: 26px;
  overflow: hidden;
  padding: 0 4px;
  place-items: center;
  pointer-events: none;
  position: absolute;
  right: -6px;
  top: -8px;
}

.post-edit-preview-header__loading {
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
}

.post-edit-preview-header__body-wrapper {
  flex: 1;
  position: relative;
}

.cP {
  align-items: center;
  animation: opacity-fade-show-modal-strict 0.5s;
  border-radius: 60px;
  display: flex;
  height: 48px;
  justify-content: center;
  min-width: 60px;
  padding: 0 20px;
  position: relative;
  transition: background 0.3s;
  -webkit-user-select: auto;
  user-select: auto;
}

.cP--draggable {
  cursor: grab;
}

.cP--draggable::before {
  background: rgba(0, 0, 0, 0.1);
  border-radius: inherit;
  bottom: 0;
  content: "";
  left: 0;
  opacity: 0;
  pointer-events: none;
  position: absolute;
  top: 0;
  transition: opacity 0.3s;
  width: 100%;
}

.cP--draggable:hover::before {
  opacity: 1;
}

.cP--dark-select ::selection {
  background: #ff3332;
}

.cP__count {
  bottom: 3px;
  font-size: 10px;
  opacity: 0;
  position: absolute;
  right: 20px;
  transition: opacity 0.3s;
}

.cP__count--dark-text {
  color: #000;
}

.cP__count--visible {
  opacity: 0.4;
}

.cP__text {
  color: #fff;
  font-size: 20px;
  white-space: nowrap;
}

.cP__text--editable {
  cursor: text;
}

.cP__text--dark-text {
  color: #000;
}

.cP__text::before {
  content: attr(placeholder);
  display: none;
  opacity: 0.6;
  pointer-events: none;
  transition: opacity 0.3s;
}

.cP__text--highlighted::before {
  opacity: 1;
}

.cP__text:empty::before {
  display: block;
}

.cP__hints {
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.5s;
  white-space: nowrap;
}

.cP__hints--visible {
  opacity: 1;
}

.cP__hint {
  color: #fff;
  font-size: 14px;
  left: 50%;
  position: absolute;
  text-align: center;
  text-shadow: 0 1px 10px rgba(0, 0, 0, 0.6);
  transform: translateX(-50%);
  white-space: nowrap;
}

.cP__hint--position--top {
  bottom: 100%;
  margin: 0 0 6px;
}

.cP__hint--position--bottom {
  margin: 6px 0 0;
  top: 100%;
}

.cM {
  background: #1b1b1d;
  padding: 20px;
  z-index: 1;
}

.cM--mode--desktop {
  animation: opacity-fade-show-modal-strict 0.3s;
  border-radius: 12px;
  bottom: 12px;
  left: 12px;
  position: absolute;
  right: 12px;
}

.cM--mode--mobile {
  animation: move-bottom-right 0.25s;
  border-radius: 12px 12px 0 0;
  bottom: 0;
  left: 0;
  min-height: 320px;
  position: fixed;
  width: 100%;
  z-index: 2;
}

.cM__header {
  align-items: center;
  display: flex;
  justify-content: space-between;
  margin: 0 0 20px;
}

.cM__description {
  color: #707071;
  font-size: 12px;
  margin: 20px 20px 0;
  text-align: center;
}

.cN {
  animation: move-from-right 0.5s;
  bottom: 0;
  display: flex;
  gap: 6px;
  left: 0;
  overflow-x: auto;
  padding: 0 12px 16px;
  position: absolute;
  width: 100%;
}

.cN__item {
  background-clip: content-box;
  border: 2px solid rgba(255, 255, 255, 0.1);
  border-radius: 5px;
  cursor: pointer;
  height: 22px;
  min-width: 22px;
  transition: border-color 0.3s;
  width: 22px;
}

.cN__item--active,
.cN__item:hover {
  border-color: #fff;
}

.cN__item--dark-text.cN__item--active,
.cN__item--dark-text:hover {
  border-color: #000;
}

.C {
  background: #343437;
  border-radius: 12px;
  box-shadow: 0 1px 20px rgba(0, 0, 0, 0.2);
  margin: 10px 0 0;
  overflow: hidden;
}

.C--style--dark {
  background: #1b1b1d;
}

.C__menu-item {
  align-items: center;
  background: 0 0;
  border: 0;
  color: #fff;
  cursor: pointer;
  display: flex;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: normal;
  line-height: normal;
  padding: 10px 18px;
  position: relative;
  transition: background 0.3s;
  white-space: nowrap;
  width: 100%;
}

.C__menu-item--split {
  margin-bottom: 2px;
}

.C__menu-item--split::before {
  background: rgba(255, 255, 255, 0.05);
  content: "";
  height: 2px;
  left: 0;
  position: absolute;
  right: 0;
  top: 100%;
}

.C__menu-item:hover {
  background: #232325;
}

.C__menu-item--selected {
  background: #343437;
  background: #232325;
}

.C__menu-item-icon {
  height: 16px;
  margin: 0 12px 0 0;
  width: 16px;
}

.CCC {
  align-items: center;
  background-color: #232325;
  border: 2px solid #232325;
  border-radius: 10px;
  cursor: pointer;
  display: flex;
  gap: 8px;
  margin-bottom: 10px;
  min-height: 70px;
  padding: 12px;
  transition: all 100ms linear;
}

.CCC:hover {
  background-color: #343437;
  border-color: #343437;
}

.CCC--active {
  background: rgba(215, 13, 17, 0.1);
  border-color: #ff3332;
  pointer-events: none;
}

.CCC__left-part {
  align-items: start;
  display: grid;
  flex: 1;
  grid-auto-flow: row;
  grid-row-gap: 4px;
}

.CCC__right-part {
  align-items: flex-end;
  display: flex;
  flex-direction: column;
  gap: 4px;
  min-width: 44px;
}

.CCC__primary-text {
  color: #fff;
  font-size: 16px;
  font-weight: 600;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.CCC__sub-text {
  color: #707071;
  font-size: 12px;
  word-break: break-all;
}

.cr {
  flex: 1;
}

@media screen and (max-width: 639px) {
  .cr {
    padding-bottom: 54px;
  }
}

.cr__content {
  height: 344px;
}

@media screen and (max-width: 639px) {
  .cr__content {
    height: 100%;
    max-height: calc(100vh - 156px);
  }
}

.cr__image-container {
  align-items: center;
  display: flex;
  height: 240px;
  justify-content: center;
  margin-bottom: 20px;
}

.cr__image-wrapper {
  border-radius: 4px;
  height: 100%;
  overflow: hidden;
  position: relative;
}

@media screen and (max-width: 639px) {
  .cr__image-wrapper {
    max-height: 100%;
  }
}

.cr__image {
  height: 100%;
  max-width: 100%;
  object-fit: contain;
  width: auto;
}

@media screen and (max-width: 639px) {
  .cr__image {
    object-fit: cover;
  }
}

.cr__footer {
  align-items: center;
  border-top: 1px solid rgba(255, 255, 255, 0.05);
  display: flex;
  justify-content: space-between;
  margin: 0-20px;
  padding: 20px 20px 0;
}

@media screen and (max-width: 639px) {
  .cr__footer {
    bottom: 20px;
    position: absolute;
    width: 100%;
  }
}

.cr__toggle-button {
  align-items: center;
  background-color: #343437;
  border: 0;
  border-radius: 50%;
  color: #fff;
  cursor: pointer;
  display: flex;
  height: 24px;
  justify-content: center;
  padding: 0;
  place-items: center;
  width: 24px;
}

.cr__toggle-button:active {
  transform: translateY(1px);
}

.cr__counter {
  color: #cfcfd0;
  font-size: 16px;
  font-weight: 700;
  white-space: nowrap;
}

.cr__additional-content {
  margin-top: 10px;
}

.cr__icon {
  position: absolute;
  z-index: 1;
}

.cr__icon:after {
  bottom: 50%;
  box-shadow: 0 0 40px rgba(0, 0, 0, 0.6);
  content: "";
  display: block;
  height: 1px;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 1px;
}

.cr__icon--users {
  bottom: 10px;
  left: 10px;
}

.cr__icon--play {
  right: 14px;
  top: 16px;
}

.users-search {
  flex: 1;
}

.users-search__input-wrapper {
  padding: 20px;
}

.users-search__title {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.users-search__footer {
  align-items: center;
  display: flex;
  justify-content: flex-end;
  width: 100%;
}

.users-search__search-result-description {
  align-items: center;
  display: flex;
  gap: 12px;
  justify-content: space-between;
  padding: 0 20px;
}

.users-search__info-icon {
  margin-left: 5px;
}

.users-search__users-list {
  height: 316px;
  padding: 20px;
}

.users-search__users-list--with-footer {
  height: 244px;
}

.creators-search-result-item {
  align-items: center;
  display: flex;
  justify-content: space-between;
  padding: 10px 0;
}

.creators-search-result-item:not(:last-child) {
  border-bottom: 1px solid rgba(255, 255, 255, 0.05);
}

.MMM {
  align-items: center;
  border-radius: 8px;
  cursor: pointer;
  display: flex;
  margin: 0 8px;
  padding: 12px;
  position: relative;
  transition: background 0.3s;
}

.MMM .icon-people {
  color: #fff;
  margin: 0 6px 0 0;
}

@media (pointer: fine) {

  .MMM:hover,
  .MMM:hover .avatar .online,
  .MMM:hover .M__tier {
    background: #343437;
  }
}

.M__tier {
  align-items: center;
  background: #232325;
  border-radius: 50%;
  bottom: -4px;
  display: flex;
  height: 22px;
  justify-content: center;
  position: absolute;
  right: -4px;
  transition: background 0.3s;
  width: 22px;
}

.M__tier .icon-diamond-colored,
.M__tier .icon-diamond-flat {
  height: 14px;
  width: 14px;
}

.M__avatar-wrapper {
  margin: 0 12px 0 0;
  position: relative;
}

.M .avatar {
  flex-shrink: 0;
  height: 44px;
  width: 44px;
}

.M .avatar .online {
  background: #232325;
  height: 12px;
  left: -3px;
  top: -3px;
  width: 12px;
}

.M__content {
  overflow: hidden;
}

.M__name {
  align-items: center;
  display: flex;
}

.M__name .username {
  font-weight: 700;
}

.M__text {
  color: rgba(255, 255, 255, 0.6);
  margin: 5px 0 0;
  min-height: 16px;
  overflow: hidden;
  padding-right: 40px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.M__time {
  font-size: 12px;
  font-weight: 500;
  letter-spacing: normal;
  line-height: normal;
  margin: 0 0 0 6px;
  opacity: 0.3;
}

.M__menu {
  align-items: center;
  cursor: pointer;
  display: flex;
  height: 32px;
  justify-content: center;
  opacity: 0.4;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%) rotate(90deg);
  transition: opacity 0.3s;
  width: 32px;
}

@media screen and (max-width: 639px) {
  .M__menu {
    height: 44px;
    margin-right: -8px;
    width: 44px;
  }
}

.M__menu:hover {
  opacity: 1;
}

.M__new {
  align-items: center;
  background: #ff5f5f;
  border-radius: 10px;
  color: #fff;
  display: flex;
  font-size: 11px;
  height: 20px;
  justify-content: center;
  min-width: 20px;
  padding: 0 4px;
  pointer-events: none;
  position: absolute;
  right: 30px;
}

.M .personal-notifications-settings {
  bottom: unset;
  left: unset;
  right: -8px;
  top: 56px;
}

@media screen and (max-width: 639px) {
  .M .personal-notifications-settings {
    bottom: unset;
    left: 7px;
    right: 7px;
    top: 56px;
    width: unset;
  }
}

.M--menu--top .personal-notifications-settings {
  bottom: 56px;
  top: unset;
}

@media screen and (max-width: 639px) {
  .M--menu--top .personal-notifications-settings {
    bottom: 56px;
    top: unset;
  }
}

.M--menu--top .personal-notifications-settings-arrow-up {
  bottom: -5px;
  top: unset;
  transform: rotate(180deg);
}

.M .personal-notifications-switcher-name {
  cursor: pointer;
  text-decoration: none;
}

.M .personal-notifications-switcher-name:hover {
  color: #fff;
}

.modal-light {
  animation: opacity-fade-top-show 0.5s;
  cursor: default;
  min-width: 400px;
  position: absolute;
}

.modal-light--position--top {
  bottom: 100%;
  left: 0;
  margin: 0 0 20px;
}

.modal-light--position--top-right {
  bottom: 100%;
  margin: 0 0 20px;
  right: 0;
}

.modal-light--position--bottom {
  left: 0;
  margin: 20px 0 0;
  top: 100%;
}

@media screen and (max-width: 639px) {
  .modal-light {
    animation: none;
    bottom: auto !important;
    left: 20px !important;
    margin: 0;
    min-width: auto;
    position: fixed !important;
    right: 20px !important;
    top: 50% !important;
    transform: translateY(-50%);
    z-index: 4;
  }
}

.media-thumb-edit-content__select-cover {
  background: rgba(217, 2, 60, 0.4);
  border-radius: 18px;
  bottom: 0;
  left: 0;
  pointer-events: none;
  position: absolute;
  top: 0;
  width: 100%;
}

.media-thumb-edit-content__checkbox {
  pointer-events: none;
  position: absolute;
  right: 8px;
  top: 8px;
  z-index: 2;
}

.media-thumb-edit-content .menu-button-dots {
  position: absolute;
  right: 10px;
  top: 10px;
  z-index: 2;
}

.media-thumb-edit-content__edit-cover {
  background: #000;
  border-radius: 18px;
  bottom: 0;
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

.media-thumb-edit-content__edit-cover:hover {
  opacity: 0.2;
}

.bc {
  position: relative;
}

.bc--clickable {
  cursor: pointer;
}

.bcc::before {
  background: #1b1b1d;
  border-radius: 18px;
  content: "";
  height: 100%;
  left: 2%;
  pointer-events: none;
  position: absolute;
  top: 2%;
  width: 100%;
}

.bc--locked:hover>.bc__image-wrapper--locked {
  background: linear-gradient(246.82deg, #3b2d71 0, #1e1146 100%) no-repeat center;
  background-size: cover;
}

.bc .m {
  border-radius: 18px;
  overflow: inherit;
}

.bc__image-wrapper {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 18px;
  display: block;
  overflow: hidden;
  padding-bottom: 75%;
  pointer-events: none;
  position: relative;
  transform: translateZ(0);
  width: 100%;
}

.bc__image-wrapper--locked {
  background-image: linear-gradient(246.82deg, #3c185e 0, #100415 100%);
}

.bc__image-wrapper--shadow::after {
  background: linear-gradient(180deg, transparent 0, rgba(0, 0, 0, 0.65) 100%);
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  transition: opacity 0.3s;
  width: 100%;
}

.bc__image {
  height: 100%;
  left: 0;
  object-fit: cover;
  object-position: center;
  position: absolute;
  top: 0;
  transform: scale(1.01);
  transition: transform 0.3s;
  width: 100%;
}

.bc:hover .bc__image {
  transform: scale(1.1);
}

.bc:hover .bc__image-wrapper::after {
  opacity: 0.5;
}

.bc__description {
  font-size: 12px;
  font-weight: 500;
  letter-spacing: normal;
  line-height: normal;
  bottom: 5%;
  color: rgba(255, 255, 255, 0.6);
  left: 6%;
  margin: 0 14px 0 0;
  max-width: 100%;
  padding-right: 28px;
  position: absolute;
  white-space: normal;
}

.bc__name {
  font-size: 16px;
  font-weight: 500;
  letter-spacing: normal;
  line-height: normal;
  color: #fff;
  display: block;
  margin: 0 0 4px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.bD {
  max-width: calc(100vw - 32px);
  width: 100%;
}

.bD__header {
  align-items: flex-end;
  display: flex;
  justify-content: space-between;
  margin: 0 0 32px;
}

.bD__tabs {
  color: #a0a0a1;
  display: flex;
  font-size: 24px;
  gap: 32px;
}

.bD__tab {
  cursor: pointer;
}

.bD__tab--active,
.bD__tab:hover {
  color: #fff;
}

.bD__tab--active {
  pointer-events: none;
}

.bD__link {
  align-items: center;
  color: #ff3332;
  display: flex;
  font-size: 16px;
  transition: color 0.3s;
}

@media (max-width: 639px) {
  .bD__tabs {
    gap: 24px;
  }

  .bD .scroll-bar-container__arrow,
  .bD .scroll-bar-container__shadow {
    display: none;
  }
}

.link-banner {
  align-items: center;
  background: radial-gradient(120.5% 1003.32%at 69.22% 14.96%, #7a2cc4 0, #421074 100%), #050506;
  border-radius: 10px;
  display: flex;
  padding: 8px 10px;
  text-decoration: none;
  transition: background 0.3s;
}

.link-banner:hover {
  background: radial-gradient(120.5% 1003.32%at 69.22% 14.96%, #9544e1 0, #7a29cc 100%), #050506;
  text-decoration: none;
}

.link-banner:hover .link-banner__text {
  color: #cfcfd0;
}

.link-banner__icon {
  width: 48px;
}

.link-banner__text {
  color: #a0a0a1;
}

.link-banner__title {
  color: #fff;
  margin: 0 0 4px;
}

.messenger-upload-button-wrapper {
  height: 100%;
  margin-right: 8px;
  opacity: 0.6;
}

.messenger-upload-button-wrapper:hover,
.cY:hover::before {
  opacity: 1;
}

.messenger-upload-button-wrapper .upload-icon {
  height: 22px;
  width: 22px;
}

.documents-submit-warning {
  align-items: center;
  display: flex;
  flex-direction: column;
  padding: 0 0 56px;
  text-align: center;
}

.documents-submit-warning__icon {
  margin-bottom: 8px;
}

.documents-submit-warning__title {
  font-size: 1.125rem;
  line-height: 1.374rem;
  font-weight: 500;
  margin-bottom: 12px;
}

.documents-submit-warning__subtitle {
  font-size: 0.813rem;
  line-height: 1.125rem;
  margin-bottom: 20px;
  opacity: 0.8;
}

.E {
  align-items: center;
  border-bottom: 2px solid rgba(255, 255, 255, 0.05);
  display: flex;
  justify-content: flex-start;
  padding: 20px;
}

.E__left {
  height: 48px;
  margin-right: 14px;
  width: 48px;
}

.E__avatar.avatar {
  height: 48px;
  width: 48px;
}

.E__title {
  font-size: 16px;
  font-weight: 700;
}

.E__sub-text {
  color: #707071;
  font-size: 12px;
}

.E__sub-text--last::before {
  content: " • ";
}

.E__avatar {
  height: 48px;
  width: 48px;
}

.co {
  bottom: -22px;
  column-gap: 4px;
  display: flex;
  height: 42px;
  left: 0;
  position: absolute;
  right: 0;
  z-index: 1;
}

.co__item {
  align-items: center;
  background: #343437;
  border-radius: 6px;
  color: #fff;
  cursor: pointer;
  display: flex;
  flex-shrink: 0;
  font-size: 12px;
  height: 20px;
  overflow: hidden;
  padding: 0 5px;
  white-space: nowrap;
}

.co__item:hover {
  background: #424248;
}

.cZ {
  align-items: center;
  display: flex;
  justify-content: center;
}

.cZ--disabled {
  pointer-events: none;
}

.cZ__content {
  align-items: center;
  background: rgba(255, 255, 255, 0.1);
  border-radius: 10px;
  display: flex;
  flex: 1;
  height: 40px;
  position: relative;
  transition: background 0.3s;
  z-index: 2;
}

.cZ__content:focus-within {
  background: rgba(255, 255, 255, 0.2);
}

.cZ .chat-controls-input {
  height: 40px;
  margin: 0;
  padding: 8px 0 0;
}

.cZ .chat-controls-input__wrapper {
  padding: 0 0 0 4px;
}

.cZ .chat-controls-input__wrapper-scroll {
  right: 4px;
}

.cZ__smiles-wrapper {
  background: 0 0;
  border: 0;
  display: block;
  padding: 0;
}

.cZ__send {
  align-items: center;
  background: 0 0;
  border: 0;
  box-sizing: content-box;
  color: #cfcfd0;
  cursor: pointer;
  display: flex;
  justify-content: flex-end;
  overflow: hidden;
  padding: 0;
  position: relative;
  transition: padding-left 0.3s;
  width: 32px;
}

.cZ__send--share {
  padding-left: 6px;
}

.cZ__send--share::before {
  background: rgba(255, 255, 255, 0.05);
  content: "";
  height: 20px;
  left: 10px;
  position: absolute;
  width: 1px;
}

.cY:hover,
.cZ__send:hover {
  color: #fff;
}

.cZ__alert {
  align-items: center;
  animation: form-alert-top-and-hide 3s;
  background: rgba(0, 0, 0, 0.6);
  border-radius: 20px;
  bottom: 100%;
  color: #cfcfd0;
  display: flex;
  font-size: 14px;
  margin: 0 0 12px;
  min-height: 42px;
  opacity: 0;
  padding: 0 18px;
  pointer-events: none;
  position: absolute;
}

.cZ__shater {
  align-items: center;
  color: rgba(255, 255, 255, 0.4);
  cursor: pointer;
  display: flex;
  font-size: 12px;
  gap: 3px;
  left: 12px;
  position: absolute;
  right: 12px;
  top: 8px;
}

.cZ__shater--loading {
  color: #fccf49;
  pointer-events: none;
}

.cY {
  align-items: center;
  border-radius: 60px;
  color: #fff;
  cursor: pointer;
  display: flex;
  font-size: 20px;
  height: 48px;
  overflow: hidden;
  padding: 0 20px;
  position: absolute;
  transform: translateY(-50%) translateX(-50%);
  white-space: nowrap;
  z-index: 1;
}

.cY::before {
  background: rgba(0, 0, 0, 0.1);
  bottom: 0;
  content: "";
  left: 0;
  opacity: 0;
  pointer-events: none;
  position: absolute;
  top: 0;
  transition: opacity 0.3s;
  width: 100%;
}

.cY--dark-text,
.cY--dark-text:hover {
  color: #000;
}

.cY__text {
  position: relative;
}

.cY__icon--style--blocked {
  color: #d21b4c;
}

.cY__icon--style--star-filled {
  color: #fccf49;
}

.cY__notify {
  align-items: center;
  animation: opacity-fade-show 0.5s;
  background: rgba(0, 0, 0, 0.6);
  border-radius: 20px;
  bottom: 64px;
  display: flex;
  gap: 18px;
  left: 12px;
  min-height: 48px;
  padding: 4px 18px;
  pointer-events: none;
  position: absolute;
  right: 12px;
  z-index: 2;
}

.cY__notify--floor {
  bottom: 12px;
}

.c9__logo {
  align-items: center;
  background: #d60908;
  border-radius: 14px;
  display: flex;
  justify-content: center;
}

.c9__list {
  margin: 0 0 0-64px;
}

.ct {
  column-gap: 10px;
  display: flex;
  margin: 0 0 20px;
  overflow: auto;
  position: relative;
  width: 100%;
}

.cu {
  display: flex;
  gap: 20px;
  height: 304px;
}

.cu__item {
  align-items: center;
  background: #343437 no-repeat center;
  background-size: cover;
  border-radius: 12px;
  color: #fff;
  cursor: pointer;
  display: flex;
  flex: 1;
  flex-direction: column;
  gap: 4px;
  justify-content: center;
  overflow: hidden;
  position: relative;
}

.cu__item:hover {
  background-color: #424248;
}

.cu__item--image::before {
  background: #000;
  bottom: 0;
  content: "";
  left: 0;
  opacity: 0.7;
  position: absolute;
  top: 0;
  width: 100%;
}

.cu__item--image:hover::before {
  opacity: 0.6;
}

.cx__video-time {
  align-items: center;
  background: rgba(0, 0, 0, 0.8);
  border-radius: 4px;
  bottom: 6px;
  color: #cfcfd0;
  display: flex;
  font-size: 10px;
  font-weight: 500;
  height: 14px;
  line-height: 13px;
  padding: 0 3px;
  position: absolute;
  right: 6px;
}

.cx__video {
  border-radius: 4px;
  max-height: 100%;
  max-width: 100%;
}

.cx__video-wrapper {
  align-items: center;
  display: flex;
  height: 234px;
  justify-content: center;
  margin: 0 0 20px;
  position: relative;
}

.cx__video-inner-wrapper {
  align-items: center;
  display: flex;
  height: inherit;
  justify-content: center;
  overflow: hidden;
  position: relative;
}

.cx__track {
  display: flex;
  margin: 0 0 0-14px;
}

.cx__error {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.cx__remove {
  align-items: center;
  color: #707071;
  cursor: pointer;
  display: flex;
  justify-content: center;
  width: 34px;
}

.cx__remove:hover {
  color: #cfcfd0;
}

.cv {
  display: flex;
  height: 225px;
}

.cv__image {
  align-items: center;
  display: flex;
  flex: 1;
  justify-content: center;
  position: relative;
}

.cv__image-photo {
  border-radius: 4px;
  max-height: 100%;
  max-width: 100%;
}

.cv__controls {
  align-items: center;
  bottom: 20px;
  display: flex;
  gap: 10px;
  position: absolute;
}

.cv__button {
  align-items: center;
  background: rgba(0, 0, 0, 0.4);
  border-radius: 50%;
  color: #cfcfd0;
  cursor: pointer;
  display: flex;
  height: 32px;
  justify-content: center;
  width: 32px;
}

.cv__button:hover {
  background: rgba(0, 0, 0, 0.6);
  color: #fff;
}

.cv__loading {
  align-items: center;
  display: flex;
  flex: 1;
  flex-direction: column;
  gap: 10px;
  justify-content: center;
  width: 100%;
}

.c3 {
  padding: 0 20px;
}

.c3__row {
  align-items: flex-start;
  color: rgba(255, 255, 255, 0.6);
  display: flex;
  gap: 12px;
  justify-content: space-between;
}

.c3__row:not(first-child) {
  margin-top: 16px;
}

.c3__row-title {
  display: grid;
  font-size: 14px;
  font-weight: 400;
  grid-auto-flow: column;
  grid-column-gap: 8px;
  justify-content: start;
  min-width: 40%;
}

.c3__row-value {
  align-items: center;
  color: #fff;
  display: flex;
  font-size: 14px;
  font-weight: 500;
}

.c3__row-value--warning {
  color: #fccf49;
}

.c3__question-icon {
  margin-left: 5px;
}

.c3__divider {
  background-color: #fff;
  height: 1px;
  margin-top: 21px;
  opacity: 0.1;
}

.c3__lists {
  color: #fff;
  text-align: end;
  word-break: break-word;
}

.c3__user-group {
  white-space: nowrap;
}

.c3__media {
  align-items: flex-start;
  display: grid;
  gap: 14px;
  grid-template-columns: repeat(5, 1fr);
  margin-top: 21px;
}

.c3__description {
  font-style: italic;
  margin-top: 16px;
  white-space: pre-wrap;
}

.c3__buttons-wrapper {
  display: flex;
  gap: 8px;
  margin-bottom: 16px;
}

.c3__edit-button {
  align-items: center;
  display: flex;
  flex: 1;
  gap: 10px;
}

@media (max-width: 420px) {
  .c3__media {
    grid-template-columns: repeat(3, 1fr);
  }
}

.c4 {
  position: relative;
}

.c4:first-child {
  margin-left: 0;
}

.c4__image {
  aspect-ratio: 1;
  border-radius: 4px;
  cursor: pointer;
  height: 64px;
  overflow: hidden;
  width: 100%;
}

.c4__top-right {
  pointer-events: none;
  position: absolute;
  right: 2px;
  top: 2px;
}

.c4__icon {
  color: #fff;
  filter: drop-shadow(0 0 6px rgba(0, 0, 0, 0.3));
  height: 16px;
  width: 16px;
}

.personal-notifications-modal-panel-controls {
  align-items: center;
  color: rgba(255, 255, 255, 0.4);
  display: flex;
  height: 24px;
  position: absolute;
  right: 22px;
  top: 20px;
  z-index: 11;
}

.personal-notifications-modal-panel-controls-btn {
  background: 0 0;
  color: #707071;
  margin-left: 24px;
  position: relative;
  z-index: 11;
}

.personal-notifications-modal-panel-controls-btn:hover {
  color: #fff;
}

.personal-notifications-modal-panel-controls-btn.active {
  color: #fff;
  pointer-events: none;
}

.personal-notifications-modal-panel-controls-btn.active .icon-settings {
  transform: rotate(180deg);
}

.personal-notifications-modal-panel-controls .icon {
  height: 18px;
  transition: all 0.3s;
  width: 18px;
}

.personal-notifications-modal-panel-controls .icon.icon-close-3 {
  height: 15px;
  width: 15px;
}

@media screen and (max-width: 639px) {
  .personal-notifications-modal-panel-controls .icon.icon-close-3 {
    height: 13px;
    width: 13px;
  }
}

.personal-notifications-modal-panel-controls__icon-title {
  margin: 0 16px 0 0;
}

.personal-notifications-modal-panel-controls__select {
  margin: 8px 0;
  max-width: 300px;
  width: 300px;
}

.personal-notifications-modal-panel-controls-form {
  max-width: 100%;
  padding: 30px;
  width: 600px;
}

.personal-notifications-modal-panel-controls-form label {
  align-items: center;
  display: flex;
  margin: 10px 0;
}

.personal-notifications-modal-panel-controls-form-field.input,
.personal-notifications-modal-panel-controls-form-field.select {
  display: block;
  height: 30px !important;
  text-align: left;
  width: 185px;
}

.personal-notifications-modal-panel-controls-form-field .select-control {
  height: 30px !important;
}

.personal-notifications-modal-panel-controls-form-text {
  text-align: left;
  width: 100px;
}

.personal-notifications-modal-panel-controls-form-actions {
  align-items: center;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  display: flex;
  justify-content: flex-end;
  margin: 20px 0 0;
  padding: 20px 0 0;
}

.personal-notifications-modal-panel-controls-form-actions>.btn {
  margin: 0 0 0 20px;
}

.personal-notifications-modal-panel-controls-form h3 {
  font-size: 22px;
  font-weight: 600;
  letter-spacing: normal;
  line-height: normal;
  margin: 0 0 12px;
}

.personal-notifications-modal-panel-controls-form h3>.icon {
  height: 21px;
  margin: 0 14px 0 0;
  width: 21px;
}

.personal-notifications-modal-panel-controls__create-mass-message-btn {
  align-items: center;
  color: rgba(255, 255, 255, 0.6);
  display: grid;
  grid-auto-flow: column;
  grid-column-gap: 10px;
  justify-content: start;
  transition: color 0.3s;
  width: auto;
}

.personal-notifications-modal-panel-controls__create-mass-message-btn .icon {
  transition: none;
}

.personal-notifications-modal-panel-controls__create-mass-message-btn:hover {
  color: #fff;
}

.personal-notifications-modal-panel-controls>.personal-notifications-modal-panel-controls-settings {
  right: 20px;
  top: 32px;
}

@media screen and (max-width: 639px) {
  .personal-notifications-modal-panel-controls {
    right: 17px;
    top: 15px;
  }

  .personal-notifications-modal-panel-controls-form label {
    justify-content: space-between;
  }
}

.i {
  display: flex;
  flex-direction: column;
  margin: -20px 0 0;
}

.settings-pricing-controls .input-wrapper {
  margin: 8px 0 20px;
}

.settings-pricing-controls__wrapper--disabled {
  opacity: 0.4;
  pointer-events: none;
}

.settings-pricing-controls__description {
  font-size: 14px;
  margin: 10px 0 20px;
  opacity: 0.6;
}

.settings-pricing-controls__title {
  font-size: 20px;
  font-weight: 700;
  margin: 20px 0;
}

.settings-pricing-controls__footer-text {
  color: #707071;
  font-size: 12px;
  margin: 20px 0;
}

.c__description {
  color: #a0a0a1;
  font-size: 14px;
  margin: 10px 0 20px;
}

.c__title {
  font-size: 20px;
  font-weight: 700;
  margin: 0 0 20px;
}

.c__links-list {
  display: grid;
  grid-auto-flow: row;
  grid-row-gap: 16px;
  margin-bottom: 20px;
}

.c__actions {
  display: flex;
}

.c__add-link-button {
  align-items: center;
  display: grid;
  flex: 1;
  grid-auto-flow: column;
  grid-column-gap: 12px;
  justify-content: center;
}

.b2 {
  height: 100%;
  position: relative;
}

.b2__total {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 8px;
  justify-content: center;
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
}

.b2__total-title {
  color: #707071;
  font-size: 12px;
  font-weight: 500;
  line-height: 120%;
  text-transform: uppercase;
}

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

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

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

.b3,
.statistics-line-chart {
  height: 100%;
  position: relative;
}

.multi-check-box-settings {
  background: #1b1b1d;
  border-radius: 12px;
  color: #cfcfd0;
  font-size: 13px;
  font-weight: 400;
  line-height: 20px;
  overflow: hidden;
  position: relative;
}

.multi-check-box-settings--closed:hover {
  background: #232325;
}

.multi-check-box-settings__title {
  color: #fff;
  display: flex;
  font-size: 16px;
  font-weight: 700;
  line-height: 20px;
  min-height: 62px;
  padding: 20px 20px 0;
  position: relative;
}

.multi-check-box-settings__title--closed {
  cursor: pointer;
}

.multi-check-box-settings__content {
  padding: 0 20px;
}

.multi-check-box-settings__help {
  align-items: center;
  border: 1px solid currentColor;
  border-radius: 50%;
  color: #cfcfd0;
  cursor: pointer;
  display: flex;
  font-size: 11px;
  height: 15px;
  justify-content: center;
  margin: 3px 0 0 6px;
  width: 15px;
}

.multi-check-box-settings__description {
  margin: 8px 0 0;
}

.multi-check-box-settings__control {
  cursor: pointer;
  opacity: 0.6;
  padding: 4px;
  position: absolute;
  right: 20px;
  top: 16px;
  transition: transform 0.3s, opacity 0.3s;
}

.multi-check-box-settings__control:hover,
.bd__content:hover .my-collection-video-item__play {
  opacity: 1;
}

.multi-check-box-settings__control--opened {
  transform: rotate(-180deg);
}

.multi-check-box-settings__arrow {
  height: 14px;
  width: 14px;
}

.multi-check-box-settings__list {
  border-top: 1px solid rgba(255, 255, 255, 0.2);
  margin: 10px 0 0;
  padding: 10px 0;
}

.radio-check-block {
  background: #343437;
  border-radius: 12px;
  margin: 0 0 10px;
}

.radio-check-block__header {
  cursor: pointer;
  display: flex;
  gap: 18px;
  padding: 18px;
}

.radio-check-block__title {
  font-size: 16px;
  font-weight: 500;
}

.radio-check-block__sub-title {
  color: #a0a0a1;
  margin: 6px 0 0;
}

.radio-check-block__radio-box {
  align-items: center;
  border: 2px solid rgba(255, 255, 255, 0.4);
  border-radius: 50%;
  display: flex;
  height: 20px;
  justify-content: center;
  width: 20px;
}

.radio-check-block__radio-box--checked {
  border-color: #ff3332;
}

.radio-check-block__radio-box--checked::before {
  background: #ff3332;
  border-radius: 50%;
  content: "";
  display: block;
  height: 10px;
  width: 10px;
}

.radio-check-block__checkbox {
  align-items: center;
  border: 2px solid rgba(255, 255, 255, 0.4);
  border-radius: 4px;
  color: #fff;
  display: flex;
  height: 18px;
  justify-content: center;
  width: 18px;
}

.radio-check-block__checkbox--checked {
  background: #ff3332;
  border-color: #ff3332;
}

.radio-check-block__checkbox--disabled {
  background: #5f5f67;
  border-color: #5f5f67;
  color: #e3e1ec;
  pointer-events: none;
}

.radio-check-block__radio-box-icon {
  height: 14px;
  width: 14px;
}

.radio-check-block__content {
  padding: 14px 18px 18px;
  position: relative;
}

.radio-check-block__content::before {
  background: #f8f8f8;
  content: "";
  height: 1px;
  left: 18px;
  opacity: 0.05;
  position: absolute;
  right: 18px;
  top: 0;
}

.bj {
  align-items: center;
  background: inherit;
  display: flex;
  flex-wrap: nowrap;
  justify-content: flex-start;
}

.bj__avatar-wrapper {
  background: inherit;
  border-radius: 30.75%;
  padding: 2px;
  z-index: 1;
}

.bj__avatar-wrapper:not(:first-child) {
  margin-left: -10px;
}

.earnings-table-info {
  align-items: center;
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  margin-bottom: 20px;
}

.earnings-table-info__description {
  font-size: 13px;
  font-weight: 400;
  line-height: 16px;
  margin: 12px 0;
}

@media screen and (max-width: 639px) {
  .earnings-table-info {
    padding: 0;
  }
}

@media screen and (max-width: 1023px) {
  .earnings-table-info {
    align-items: start;
  }
}

.earnings-table-info-main {
  align-items: center;
  display: flex;
  flex-flow: row nowrap;
  flex-grow: 1;
  justify-content: space-between;
  margin-right: 20px;
}

@media screen and (max-width: 1023px) {
  .earnings-table-info-main {
    align-items: start;
    flex-flow: column nowrap;
  }
}

.earnings-table-info-title {
  font-size: 1.25rem;
  color: #fff;
  font-weight: 400;
  line-height: 1.2;
  margin: 0;
}

.earnings-table-info-title .primary-color-text {
  font-weight: 700;
}

@media screen and (max-width: 1023px) {
  .earnings-table-info-title {
    margin-bottom: 13px;
  }
}

.earnings-table-info-life-time-picker {
  min-width: 286px;
}

.my-collection-video-item__duration {
  font-size: 12px;
  font-weight: 700;
  letter-spacing: normal;
  line-height: normal;
  align-items: center;
  background: rgba(0, 0, 0, 0.6);
  border-radius: 6px;
  bottom: 3%;
  color: #a0a0a1;
  display: flex;
  height: 22px;
  padding: 0 8px;
  position: absolute;
  right: 3%;
}

.my-collection-video-item__play {
  align-items: center;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 24px;
  display: flex;
  height: 30%;
  justify-content: center;
  left: 50%;
  opacity: 0;
  position: absolute;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  transition: opacity 0.3s;
  width: 30%;
}

.my-collection-video-item__play>.icon {
  height: 50%;
  margin: 0;
  width: 50%;
}

.bM {
  align-items: stretch;
  background: #111113;
  border-radius: 12px;
  display: flex;
  flex: 1 0 284px;
  gap: 16px;
  min-height: 128px;
  min-width: 284px;
  padding: 20px 16px 20px 20px;
  transition: background 0.3s;
}

.bM--style--accent {
  background: rgba(91, 65, 255, 0.2);
}

.bM--style--accent .bM__title {
  color: #ff3332;
}

.bM--hovered {
  cursor: pointer;
}

.bM--hovered:hover {
  background: #1b1b1d;
}

.bM--hovered:hover.bM--style--accent {
  background: rgba(91, 65, 255, 0.3);
}

.bM--hovered:hover .df__chevron-icon {
  color: #cfcfd0;
}

.bM__left-part {
  flex: 1;
}

.bM__right-part {
  align-items: center;
  display: flex;
  flex: 0 1 24px;
  flex-direction: column;
  justify-content: space-between;
  width: 24px;
}

.bM__right-part--center {
  justify-content: center;
}

.bM__title {
  color: #707071;
  font-size: 12px;
  font-weight: 400;
  margin-bottom: 15px;
  text-transform: uppercase;
}

.bM__body {
  color: #fff;
  display: grid;
  font-size: 36px;
  font-weight: 500;
  margin-bottom: 8px;
}

.bM__body-content {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.bM__body-highlight {
  color: #fff;
  font-size: 2rem;
  line-height: 2.5rem;
}

.bM__description {
  align-items: flex-start;
  color: #707071;
  display: flex;
  font-size: 12px;
  font-weight: 400;
  gap: 10px;
}

.bM__indicator {
  color: #21b062;
}

.bM__indicator--spaced {
  margin-right: 8px;
}

.bM__indicator--negative {
  color: #d21b4c;
}

.bM__chevron-icon {
  color: #707071;
}

.bM__help-tooltip {
  color: #707071;
  white-space: normal;
}

.bM__help-tooltip.help-tooltip:hover {
  color: #a0a0a1;
}

.b7__title {
  color: #f8f8f8;
  font-size: 20px;
  font-weight: 500;
  line-height: 24px;
  margin-bottom: 8px;
}

.b7__description {
  color: #cfcfd0;
  font-size: 14px;
  font-weight: 500;
  line-height: 22px;
  margin-bottom: 20px;
}

.bW {
  animation-duration: 250ms;
  animation-name: animate-slide;
  animation-timing-function: ease;
}

.responsive-grid {
  column-gap: 20px;
  display: grid;
  grid-template-columns: 2fr 1fr;
  margin: 40px 0 0;
  row-gap: 20px;
}

.responsive-grid__column {
  flex: 1;
}

@media screen and (max-width: 1023px) {
  .responsive-grid {
    grid-template-columns: 1fr;
  }
}

.icon-badge {
  align-items: center;
  display: flex;
  justify-content: center;
}

.icon-badge--size--small {
  border-radius: 6px;
  font-size: 12px;
  height: 20px;
  width: 20px;
}

.icon-badge--style--white {
  background: #fff;
  color: #d60908;
}

.icon-badge--style--primary {
  background: #d60908;
  color: #fff;
}

.upload-percent-round {
  align-items: center;
  border: 2px solid #424248;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  pointer-events: none;
  position: relative;
}

.upload-percent-round--animated {
  animation: donut-spin 1.2s linear infinite;
}

.upload-percent-round--color--blue {
  color: #d60908;
}

.upload-percent-round__svg {
  height: inherit;
  position: absolute;
  transform: rotateY(-180deg) rotateZ(-90deg);
  width: inherit;
}

.upload-percent-round__circle {
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
}

.select-popup {
  color: #fff;
  display: inline-block;
  position: relative;
  width: 100%;
  z-index: 2;
}

.select-popup__value-content {
  align-items: center;
  column-gap: 10px;
  display: flex;
  font-size: 12px;
  font-weight: 700;
}

.select-popup__value {
  align-items: center;
  background: #343437;
  border: 1px solid transparent;
  border-radius: 12px;
  cursor: pointer;
  display: flex;
  height: 44px;
  padding: 0 40px 0 12px;
  transition: background 0.3s;
}

.select-popup__value:hover {
  background: #424248;
}

.select-popup__value--error {
  border-color: #fd3a5b;
}

.select-popup__value-icon {
  height: 20px;
  margin: 0 8px 0 0;
  width: 20px;
}

.select-popup__arrow {
  color: #a0a0a1;
  margin: 0 0 0 16px;
  position: absolute;
  right: 12px;
  width: 12px;
}

.select-popup__popup {
  background: #232325;
  border-radius: 12px;
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
  left: 0;
  overflow: hidden;
  position: absolute;
  top: 0;
  width: 100%;
}

.select-popup__title {
  font-size: 13px;
  font-weight: 500;
  margin: 0 0 12px;
  padding: 0 16px 12px;
}

.select-popup__item {
  align-items: center;
  cursor: pointer;
  display: flex;
  font-size: 15px;
  font-weight: 500;
  height: 56px;
  padding: 4px 20px 4px 0;
  position: relative;
  transition: background 0.3s;
}

.select-popup__item:hover {
  background: #343437;
}

.select-popup__item--disabled {
  background: 0 0 !important;
  pointer-events: none;
}

.select-popup__item-check {
  color: #ff3332;
  height: 17px;
  position: absolute;
  right: 18px;
  width: 17px;
}

.select-popup__item-icon-wrapper {
  display: flex;
  justify-content: center;
  width: 46px;
}

.select-popup__item-icon {
  height: 20px;
  width: 20px;
}

.user-check-box {
  display: flex;
  margin: 8px 0;
  padding: 0 116px 0 0;
}

.user-check-box--disabled {
  opacity: 0.6;
  pointer-events: none;
}

.user-check-box__avatar {
  margin: 0 8px;
}

.user-check-box .checkbox-ds {
  pointer-events: none;
}

.steps {
  align-items: center;
  color: #a0a0a1;
  display: flex;
  height: 24px;
  justify-content: space-between;
  margin: 0 0 20px;
}

.steps--uncompact {
  margin: 0 0 60px;
}

.steps__item {
  align-items: center;
  display: flex;
  flex-direction: column;
  height: 24px;
  transition: color 0.3s;
  width: 24px;
}

.steps__item-line {
  flex: 1;
  transition: color 0.3s;
}

.steps__item-line::before {
  border-top: 1px dashed currentColor;
  content: "";
  display: block;
  margin: 0 3px;
}

.steps__item-line--ready::before {
  border-top-style: solid;
  color: #21b062;
  margin: 0;
}

.steps__item-icon {
  display: block;
  flex: 1;
  height: 24px;
  min-height: 24px;
  min-width: 24px;
  width: 24px;
}

.steps__item-text {
  margin: 10px 0 0;
}

.steps__item-text-inner {
  display: inline-block;
  font-size: 13px;
  max-width: 140px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.transfer-fan-steps-info {
  background: #232325;
  border-radius: 12px;
  padding: 24px;
}

.radio-pill-controls {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}

.radio-pill-controls--content--space-between {
  justify-content: space-between;
}

.radio-pill-controls__item {
  align-items: center;
  background: #343437;
  border: 2px solid transparent;
  border-radius: 12px;
  color: #fff;
  cursor: pointer;
  display: flex;
  font-size: 14px;
  font-weight: 700;
  height: 40px;
  justify-content: center;
  line-height: 17px;
  padding: 0 24px;
  transition: border-color 0.3s, background 0.3s;
}

.radio-pill-controls__item--grow {
  flex: 1;
}

.radio-pill-controls__item:last-child {
  margin-right: 0;
}

.radio-pill-controls__item--active {
  background: rgba(221, 11, 11, 0.2);
  border-color: #ff3332;
}

.add-founds-pill {}

.add-founds-pill .radio-pill-controls__item--active {
  background: rgb(14 231 71 / 20%) !important;
  border-color: #0abd07 !important;
}

@media screen and (max-width: 639px) {
  .radio-pill-controls {
    gap: 10px;
    justify-content: space-between;
  }

  .radio-pill-controls__item {
    flex: 1;
    padding: 0 12px;
  }
}

.I {
  align-items: center;
  bottom: 48px;
  display: flex;
  justify-content: space-between;
  left: 0;
  min-height: 30px;
  padding: 4px 12px;
  position: absolute;
  right: 0;
  text-align: center;
}

.I--level--error {
  background: #9e3233;
  color: #fff;
}

.I--level--warning {
  background: #343437;
  color: #cfcfd0;
}

.I__close-icon {
  position: absolute;
  right: 6px;
  top: 6px;
}

.chat-request-delivering-banner {
  align-items: center;
  background-color: #ff3332;
  color: #a0a0a1;
  display: flex;
  gap: 6px;
  height: 30px;
  margin-bottom: 8px;
  padding: 4px 16px;
  width: 100%;
}

.chat-request-delivering-banner__body {
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.chat-request-delivering-banner__close-button {
  background: 0 0;
  border: 0;
  color: #a0a0a1;
  cursor: pointer;
}

.message-list-overlay {
  -webkit-backdrop-filter: blur(0);
  backdrop-filter: blur(0);
  bottom: 0;
  left: 0;
  pointer-events: none;
  position: fixed;
  right: 0;
  top: 0;
  transition: backdrop-filter 50ms linear;
  z-index: 2;
}

.message-list-overlay--visible {
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  pointer-events: auto;
}

.content-status-changed-personal-notification .success-icon {
  color: #79943d;
  fill: currentColor;
}

.closable-settings-menu .chat-header-personal-notifications-settings {
  right: 56px;
  top: 5px;
  width: 247px;
}

@media (max-width: 639px) {
  .closable-settings-menu .chat-header-personal-notifications-settings {
    bottom: auto;
    right: 107px;
  }
}

.closable-settings-menu .chat-header-personal-notifications-settings .personal-notifications-settings-arrow-up {
  display: none;
}

.c5 {
  align-items: center;
  border-radius: 8px;
  cursor: pointer;
  display: flex;
  margin: 0 8px;
  padding: 12px;
  position: relative;
  transition: background 0.3s;
}

@media (pointer: fine) {

  .c5:hover,
  .c5:hover .c5__icon-circle--hovered {
    background: #343437;
  }
}

.c5__icon-wrapper {
  align-items: center;
  display: flex;
  justify-content: center;
  margin-right: 12px;
  position: relative;
}

.c5__icon-circle {
  align-items: center;
  background-color: #ff3332;
  border-radius: 14px;
  display: flex;
  height: 44px;
  justify-content: center;
  width: 44px;
}

.c5__icon-circle--free {
  background-color: #21b062;
}

.c5__icon-circle--small {
  background-color: #3e3f42;
  bottom: -3px;
  height: 24px;
  position: absolute;
  right: -1px;
  width: 24px;
}

.c5__icon-circle--error {
  background-color: #d21b4c;
}

.c5__icon-circle--pending {
  background-color: #fccf49;
  color: #232325;
}

.c5__status-icon {
  color: #fff;
  fill: #fff;
}

.c5__pending {
  color: #fccf49;
  margin-left: 8px;
  position: relative;
}

.c5__question-icon {
  margin-left: 5px;
}

.c5__icon {
  margin-right: 5px;
}

.c5__mode {
  font-size: 15px;
  font-weight: 700;
  letter-spacing: normal;
  line-height: normal;
  color: #fff;
}

.c5__time {
  font-size: 12px;
  font-weight: 500;
  letter-spacing: normal;
  line-height: normal;
  color: #fff;
  margin-left: 8px;
  opacity: 0.3;
}

.c5__bottom {
  align-items: center;
  column-gap: 12px;
  display: flex;
  margin-top: 4px;
}

.c5__count {
  font-size: 14px;
  font-weight: 400;
  letter-spacing: normal;
  color: rgba(255, 255, 255, 0.6);
  line-height: 17px;
}

.c5__chevron {
  color: rgba(255, 255, 255, 0.6);
  margin-left: auto;
}

.c5__error {
  color: #fd4967;
  margin-left: 8px;
}

.image-loader-placeholder {
  animation: skeleton-animation 3s infinite linear;
  background: linear-gradient(90deg, #383838 20%, #404040 28%, #454545 35%, #404040 42%, #383838 50%);
  background-size: 300% 100%;
  will-change: background-position;
  border-radius: 4px;
  overflow: hidden;
}

.image-with-lazy-loading {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}

.image-with-lazy-loading--pending::before {
  background: rgba(0, 0, 0, 0.7);
  bottom: 0;
  content: "";
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}

.image-with-lazy-loading__image {
  clip: rect(0 0 0 0);
  display: none;
  height: 1px;
  margin: -1px;
  position: absolute;
  visibility: hidden;
  width: 1px;
}

.image-with-lazy-loading__placeholder {
  display: none;
  height: 100%;
  left: 0;
  top: 0;
  width: 100%;
}

.image-with-lazy-loading__placeholder--loading {
  display: block;
}

.image-with-lazy-loading__icon {
  align-items: center;
  background-color: #000;
  border-radius: 50%;
  color: #fff;
  display: flex;
  height: 34px;
  justify-content: center;
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 36px;
}

.image-with-lazy-loading__icon--pending {
  background-color: transparent;
}

.image-with-lazy-loading__icon--pending .icon.icon-sand-clock {
  margin-left: 0;
}

.image-with-lazy-loading__icon .icon {
  fill: currentColor;
  margin-left: 2px;
  margin-right: 0;
}

.c0__media-preview,
.c6__logo {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 14px;
}

.c6__logo {
  align-items: center;
  background-color: #d60908;
  display: flex;
  justify-content: center;
}

.c6__footer {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  justify-content: flex-start;
}

.likes-counter {
  align-items: center;
  background: 0 0;
  border: 0;
  color: inherit;
  cursor: default;
  display: flex;
  opacity: 0.6;
  padding: 0;
  pointer-events: none;
}

.likes-counter--size--small {
  font-size: 12px;
}

.likes-counter--long-format,
.likes-counter--size--medium {
  font-size: 13px;
  font-weight: 700;
  letter-spacing: normal;
  line-height: normal;
}

.likes-counter--long-format {
  font-size: 15px;
}

.likes-counter--clickable {
  cursor: pointer;
  opacity: 1;
  pointer-events: auto;
}

.like-icon--size--small {
  height: 16px;
  margin-right: 4px;
  width: 16px;
}

.like-icon--size--medium {
  height: 20px;
  margin-right: 5px;
  width: 20px;
}

.like-icon.liked {
  color: #f44;
}

.user-media-content-unlock-badge {
  align-items: center;
  border-radius: 6px;
  box-shadow: 0 0 2px rgba(32, 32, 39, 0.3);
  display: flex;
  font-size: 11px;
  font-weight: 700;
  left: 8px;
  max-width: calc(100% - 16px);
  min-height: 24px;
  padding: 4px 8px;
  position: absolute;
  top: 8px;
}

.user-media-content-unlock-badge--style--free {
  background: #f2f2f2;
}

.user-media-content-unlock-badge--style--paid {
  background: #d60908;
}

.user-media-content-unlock-badge__icon {
  color: #fff;
  height: 36px;
  left: 50%;
  opacity: 0.1;
  pointer-events: none;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 36px;
}

.multi-check-box-settings-item {
  color: #cfcfd0;
  display: flex;
  font-size: 13px;
  font-weight: 400;
  justify-content: space-between;
  line-height: 16px;
  margin: 14px 0;
}

.bVV {
  background: #111113;
  border-radius: 12px;
  display: flex;
  flex-direction: column;
  height: 100%;
  padding: 20px;
}

.bVV__caption {
  align-items: center;
  display: flex;
  margin-bottom: 20px;
}

.bVV__title {
  color: #fff;
  flex: 1;
  font-size: 20px;
  font-weight: 500;
  line-height: 120%;
}

.bVV__tabs-scrollbar {
  border-radius: 12px;
  margin: 20px 0;
}

.bVV__tabs {
  max-width: 640px;
  min-width: 480px;
}

.bVV__tabs--style--expand {
  max-width: 100%;
}

.bVV__dropdown {
  position: relative;
}

.bVV__dropdown .dropdown-menu {
  width: 240px;
}

.bVV__dropdown .dropdown-menu__menu-item {
  padding: 12px 20px;
}

.bVV__dropdown-button {
  align-items: center;
  color: #707071;
  cursor: pointer;
  display: flex;
  font-size: 14px;
  font-weight: 400;
  gap: 6px;
  user-select: none;
}

.bVV__dropdown-button--disabled {
  pointer-events: none;
}

.bVV__dropdown-icon--opened {
  transform: rotate(180deg);
}

.bVV__content {
  display: flex;
  flex: 1;
  flex-direction: column;
  gap: 10px;
  height: 100%;
  position: relative;
}

.bVV__content--horizontal {
  align-items: center;
  flex-direction: row;
  gap: 40px;
  justify-content: center;
}

.bVV__screen {
  background: rgba(17, 17, 19, 0.9);
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 3;
}

.bVV__screen-content {
  align-items: center;
  color: #707071;
  display: flex;
  flex-direction: column;
  gap: 8px;
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
}

.notifications-subscribers-table .data-table-body-row {
  align-items: center;
  padding: 3px 20px;
}

.payment-cards-list-item {
  align-items: center;
  display: flex;
  font-size: 13px;
  justify-content: space-between;
  margin: 18px 0 0;
}

.payment-cards-list-item__number {
  margin: 0 0 0 12px;
}

.payment-cards-list-item__left {
  align-items: center;
  color: #cfcfd0;
  display: flex;
}

.payment-cards-list-item__right {
  align-items: center;
  color: #a0a0a1;
  display: flex;
}

.bRR {
  background: rgba(17, 17, 19, 0.8);
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 3;
}

.bRR__content {
  align-items: center;
  color: #a0a0a1;
  display: flex;
  flex-direction: column;
  left: 50%;
  max-width: 260px;
  position: absolute;
  text-align: center;
  top: 50%;
  transform: translate(-50%, -50%);
}

.bSS {
  background: rgba(17, 17, 19, 0.8);
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 3;
}

.bSS__loader {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 8px;
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
}

.bZ {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  justify-content: center;
}

.bZ--vertical {
  align-items: flex-start;
  flex-direction: column;
}

.bZ__item {
  align-items: center;
  border-radius: 10px;
  display: grid;
  grid-auto-flow: column;
  grid-gap: 8px;
  padding: 8px 10px;
  position: relative;
  transition: all 0.1s linear;
}

.bZ__item--hidden {
  opacity: 0.4;
}

.bZ__item--active,
.bZ__item--hovered:hover {
  background: #1b1b1d;
  cursor: pointer;
  opacity: 1;
}

.bZ__item--active .statistics-line-chart__legend-item-label,
.bZ__item--hovered:hover .statistics-line-chart__legend-item-label {
  color: #fff;
}

.bZ__item--disabled {
  opacity: 0.4;
}

.bZ__item-color {
  border-radius: 4px;
  height: 12px;
  width: 12px;
}

.bZ__item-body {
  color: #cfcfd0;
  font-size: 12px;
  font-weight: 700;
  user-select: none;
}

.bZ__tooltip .tooltip-inner {
  background: #343437;
  box-shadow: none;
  color: #cfcfd0;
}

.bZ__tooltip .tooltip-inner--arrow {
  border-color: #343437;
}

.bO {
  display: inline-block;
  position: relative;
}

.bO__button {
  align-items: center;
  background: 0 0;
  border: 2px solid #343437;
  border-radius: 12px;
  color: #a0a0a1;
  cursor: pointer;
  display: flex;
  flex-flow: row nowrap;
  font-size: 14px;
  font-weight: 400;
  min-height: 40px;
  padding: 8px 20px;
  position: relative;
  white-space: nowrap;
  -webkit-user-select: none;
  user-select: none;
}

.bO__button:hover {
  border-color: #fff;
  color: #fff;
}

.bO__button:active,
.bO__button:focus {
  outline: 0;
}

.bO--open .bO__button {
  background: #343437;
  color: #fff;
}

.bO__button-icon {
  margin-right: 10px;
}

@media screen and (max-width: 639px) {
  .bO__button-icon {
    margin: 0;
  }
}

.bO__dropdown {
  position: absolute;
  right: 0;
  top: calc(100% + 10px);
  z-index: 10;
}

.bO__dropdown-menu {
  background: #1b1b1d;
  border-radius: 12px;
  box-shadow: 0 1px 20px rgba(0, 0, 0, 0.4);
  display: flex;
  flex-flow: column nowrap;
  max-width: 100%;
  overflow: hidden;
  transition: opacity 100ms ease;
  width: 248px;
}

.bO__dropdown-menu--hidden {
  opacity: 0;
  pointer-events: none;
}

.bO__dropdown-item {
  font-size: 0.875rem;
  align-items: center;
  background: inherit;
  border: 0;
  color: #fff;
  cursor: pointer;
  display: flex;
  font-weight: 400;
  justify-content: space-between;
  outline: 0;
  padding: 10px 20px;
  text-align: left;
}

.bO__dropdown-item:hover {
  background-color: #232325;
}

.bO__predefine-dates {
  display: flex;
  flex-flow: column nowrap;
}

.bO__custom-interval {
  align-items: center;
  color: #a0a0a1;
  cursor: pointer;
  display: flex;
  gap: 10px;
  padding: 20px;
  position: relative;
}

.bO__custom-interval::before {
  background: rgba(255, 255, 255, 0.05);
  content: "";
  height: 1px;
  margin: 0 auto;
  position: absolute;
  top: 0;
  width: calc(100% - 40px);
}

.bO__custom-interval--fill {
  color: #fff;
}

.bO__clear-interval {
  align-items: center;
  backdrop-filter: blur(5px);
  background: #050506;
  border: 0;
  border-radius: 50%;
  color: #a0a0a1;
  cursor: pointer;
  display: flex;
  height: 20px;
  justify-content: center;
  outline: 0;
  width: 20px;
}

.bO .V {
  background: #1b1b1d;
  border: 0;
}

.bO__calendar-wrapper {
  position: absolute;
  top: 0;
  z-index: 4;
}

.bO__calendar-wrapper--position--left {
  right: calc(100% + 10px);
}

.bO__calendar-wrapper--position--right {
  left: calc(100% + 10px);
}

.bO__calendar-wrapper--position--mobile {
  background: #1b1b1d;
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
  box-shadow: 0 1px 20px rgba(0, 0, 0, 0.4);
  display: flex;
  justify-content: center;
  left: 0;
  position: fixed;
  right: 0;
  top: 100%;
  transform: translateY(0);
}

.bO__calendar-wrapper--position--mobile.bO__calendar-wrapper--visible {
  transform: translateY(-100%);
}

.bO__close-calendar-mobile {
  background: 0 0;
  border: 0;
  color: #707071;
  display: grid;
  height: 32px;
  padding: 0;
  place-items: center;
  position: absolute;
  right: 0;
  top: -32px;
  width: 32px;
}

.cL {
  align-items: center;
  background: #232325;
  border-radius: 10px;
  color: #fff;
  cursor: pointer;
  display: flex;
  font-size: 16px;
  gap: 10px;
  justify-content: space-between;
  min-height: 56px;
  padding: 4px 16px;
  transition: background 0.3s;
}

.cL:hover {
  background: #343437;
}

.cL__left {
  align-items: center;
  display: flex;
  gap: 14px;
}

.bQ,
.cL__right {
  align-items: center;
  display: flex;
}

.bQQ {
  gap: 12px;
}

.bQQ__image {
  background-color: #343437;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 10px;
  color: #d4d4d4;
  display: grid;
  font-size: 16px;
  place-items: center;
  position: relative;
}

.bQQ__image--type--horizontal {
  height: 32px;
  width: 42px;
}

.bQQ__image--type--vertical {
  height: 64px;
  width: 36px;
}

.bQQ__image--type--square {
  height: 32px;
  width: 32px;
}

.bQQ__preview {
  align-items: center;
  background-color: #343437;
  border-radius: 10px;
  display: flex;
  height: 90px;
  justify-content: center;
  left: 50%;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 120px;
  z-index: 3;
}

.bQQ__preview-image {
  height: 100%;
  margin: 0 auto;
  max-width: 100%;
  object-fit: contain;
  width: auto;
}

.bQQ__title {
  color: #fff;
  font-size: 13px;
  font-weight: 400;
  line-height: 120%;
}

.bQQ__title--clickable {
  cursor: pointer;
}

.bQQ__description {
  color: #707071;
  font-size: 11px;
  font-weight: 400;
  line-height: 125%;
}

.text-post-skeleton .avatar-skeleton {
  animation: skeleton-animation 3s infinite linear;
  background: linear-gradient(90deg, #383838 20%, #404040 28%, #454545 35%, #404040 42%, #383838 50%);
  background-size: 300% 100%;
  will-change: background-position;
  border-radius: 50%;
  height: 40px;
  width: 40px;
}

.text-post-skeleton .model-name-skeleton {
  border-radius: 4px;
  height: 16px;
  margin-bottom: 4px;
  width: 85px;
}

.text-post-skeleton .image-skeleton,
.text-post-skeleton .model-name-skeleton,
.text-post-skeleton .posted-at-skeleton {
  animation: skeleton-animation 3s infinite linear;
  background: linear-gradient(90deg, #383838 20%, #404040 28%, #454545 35%, #404040 42%, #383838 50%);
  background-size: 300% 100%;
  will-change: background-position;
}

.text-post-skeleton .posted-at-skeleton {
  border-radius: 4px;
  height: 12px;
  width: 85px;
}

.text-post-skeleton .image-skeleton {
  height: 256px;
  width: 642px;
}

.text-post-skeleton .footer-skeleton {
  padding: 12px 20px 20px;
}

.text-post-skeleton .first-line,
.text-post-skeleton .second-line {
  animation: skeleton-animation 3s infinite linear;
  background: linear-gradient(90deg, #383838 20%, #404040 28%, #454545 35%, #404040 42%, #383838 50%);
  background-size: 300% 100%;
  will-change: background-position;
  border-radius: 4px;
  height: 19px;
  width: 100%;
}

.text-post-skeleton .second-line {
  margin-top: 12px;
  width: 70%;
}

.personal-notifications-message-item-body .message-body-media-icon {
  fill: currentColor;
  vertical-align: bottom;
}

.personal-notifications-message-item-body .extra-request-icon {
  color: #fccf49;
  margin-right: 7px;
}

.bCC {
  contain: strict;
  min-height: 264px;
}

.bCC__list {
  display: flex;
}

.bCC__item {
  margin-right: 12px;
  min-width: 190px;
  width: 190px;
}

.bCC__item:last-child {
  margin: 0;
}

.select-toggler {
  align-items: center;
  background: #424248;
  border: 2px solid #424248;
  border-radius: 10px;
  cursor: pointer;
  display: flex;
  height: 32px;
  justify-content: space-between;
  padding: 0 10px 0 16px;
  transition: background 0.3s, color 0.3s;
}

.select-toggler--opened {
  background: 0 0;
}

.select-toggler__content {
  color: #fff;
  font-size: 13px;
  font-weight: 500;
  padding: 0 14px 0 0;
}

.select-toggler__icon {
  color: #fff;
  opacity: 0.4;
  transition: opacity 0.3s, transform 0.3s;
}

.select-toggler__icon--opened {
  opacity: 1;
  transform: rotate(180deg);
}

.c8__logo {
  align-items: center;
  background-color: #d60908;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 14px;
  display: flex;
  justify-content: center;
  position: relative;
}

.c8__icon--small {
  align-items: center;
  background: #d60908;
  border-radius: 50%;
  bottom: -4px;
  display: flex;
  height: 24px;
  justify-content: center;
  position: absolute;
  right: -4px;
  width: 24px;
}

.cw {
  border-radius: 4px;
  flex: 1;
  overflow: hidden;
  position: relative;
}

.cw__thumbs {
  display: flex;
  height: 50px;
}

.cw__item {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  height: inherit;
  pointer-events: none;
  position: relative;
}

.cw__control {
  border: 2px solid #ff3332;
  border-radius: 4px;
  box-shadow: 0 0 0 500px rgba(0, 0, 0, 0.6);
  cursor: grab;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
}

.cw__control--hidden {
  opacity: 0;
}

.chat-notifications-header {
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 2;
}

.personal-notifications-price-control {
  align-items: center;
  background: #343437;
  border-radius: 8px;
  color: rgba(255, 255, 255, 0.6);
  display: flex;
  justify-content: space-between;
  margin: 10px 0;
  min-height: 34px;
  padding: 10px 12px;
}

.personal-notifications-price-control-text,
.personal-notifications-price-control-value {
  font-size: 13px;
  font-weight: 500;
  letter-spacing: normal;
  line-height: normal;
  color: #fff;
}

.personal-notifications-price-control-value {
  font-weight: 700;
  color: #d60908;
}

.personal-notifications-price-control-free {
  font-size: 13px;
  font-weight: 500;
  letter-spacing: normal;
  line-height: normal;
  color: rgba(255, 255, 255, 0.8);
}

.personal-notifications-price-control-change {
  font-size: 13px;
  font-weight: 500;
  letter-spacing: normal;
  line-height: normal;
  text-decoration: underline;
}

.personal-notifications-price-control.disabled {
  opacity: 0.6;
  pointer-events: none;
}

.personal-notifications-settings-overlay {
  -webkit-backdrop-filter: blur(3px);
  backdrop-filter: blur(3px);
  bottom: 0;
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
}

@media screen and (max-width: 639px) {
  .personal-notifications-settings-overlay {
    z-index: 10;
  }
}

.personal-notifications-settings {
  animation: opacity-fade-show 0.2s;
  background: #232325;
  border-radius: 8px;
  box-shadow: 0 1px 20px rgba(0, 0, 0, 0.25);
  color: #fff;
  cursor: default;
  display: flex;
  flex-flow: column nowrap;
  padding: 10px 20px;
  position: absolute;
  right: 31px;
  text-decoration: none;
  top: 33px;
  width: 350px;
  z-index: 11;
  -webkit-user-select: none;
  user-select: none;
}

.personal-notifications-settings-line {
  background: #fff;
  height: 1px;
  margin: 12px 0 10px;
  opacity: 0.1;
}

.personal-notifications-settings-question {
  align-items: center;
  border: 1px solid currentColor;
  border-radius: 50%;
  display: inline-flex;
  font-size: 11px;
  height: 14px;
  justify-content: center;
  margin: 0 0 0 6px;
  width: 14px;
}

.personal-notifications-settings.is-hiding {
  animation: opacity-fade-hide 0.1s;
  opacity: 0;
  pointer-events: none;
}

.personal-notifications-settings-arrow-up {
  border-bottom: 5px solid #232325;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  height: 0;
  position: absolute;
  right: 20px;
  top: -5px;
  width: 0;
}

.personal-notifications-settings.dialog-settings .personal-notifications-switcher,
.personal-notifications-settings.messenger-settings .personal-notifications-switcher {
  margin-left: -20px;
  margin-right: -20px;
  padding: 10px 20px;
}

.personal-notifications-settings.dialog-settings .personal-notifications-switcher:hover,
.personal-notifications-settings.messenger-settings .personal-notifications-switcher:hover {
  background-color: #343437;
  text-decoration: none;
}

.personal-notifications-settings .icon {
  height: 20px;
  width: 20px;
}

.personal-notifications-settings h3 {
  font-size: 14px;
  font-weight: 500;
  letter-spacing: normal;
  line-height: normal;
  align-items: center;
  display: flex;
  margin: 10px 0 12px;
}

@media screen and (max-width: 639px) {
  .personal-notifications-settings {
    bottom: 41px;
    left: 7px;
    right: 7px;
    top: unset;
    width: unset;
  }

  .personal-notifications-settings .personal-notifications-settings-arrow-up {
    display: none;
  }
}

.personal-notifications-switcher {
  font-size: 14px;
  font-weight: 500;
  letter-spacing: normal;
  line-height: 20px;
  align-items: center;
  color: #fff;
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  position: relative;
  transition: opacity 0.5s;
}

.personal-notifications-switcher:hover {
  text-decoration: none;
}

.personal-notifications-switcher--split {
  margin-top: 22px;
}

.personal-notifications-switcher--split::after {
  background: #fff;
  content: "";
  height: 1px;
  left: 20px;
  opacity: 0.2;
  position: absolute;
  right: 20px;
  top: -10px;
}

.personal-notifications-switcher--disabled {
  opacity: 0.6;
  pointer-events: none;
}

.personal-notifications-switcher-name {
  align-items: center;
  color: #fff;
  display: flex;
  flex: 1;
  padding-right: 12px;
  text-align: left;
}

.personal-notifications-switcher-name .icon {
  color: #fff;
  fill: currentColor;
  height: 18px;
  margin: 0 16px 0 0;
  min-width: 18px;
  width: 18px;
}

.personal-notifications-switcher .icon-arrow-right {
  color: rgba(255, 255, 255, 0.6);
  height: 18px;
  margin: 0;
  width: 18px;
}

.personal-notifications-switcher .switcher {
  pointer-events: none;
}

.gg {
  border-bottom: 1px solid #29292b;
  display: flex;
  gap: 12px;
  padding: 20px 0;
}

.gg:last-child {
  border-bottom: 0;
}

.g__left,
.g__right {
  flex: 1;
}

.g__right-inner {
  display: flex;
  gap: 10px;
}

.g__header {
  align-items: center;
  display: flex;
  font-size: 16px;
  gap: 12px;
}

.g__number {
  align-items: center;
  background: #29292b;
  border-radius: 8px;
  color: #a0a0a1;
  display: flex;
  font-size: 14px;
  height: 24px;
  justify-content: center;
  width: 24px;
}

.g__description {
  color: #a0a0a1;
  font-size: 14px;
  line-height: 20px;
  padding: 6px 0 0;
}

.g__example {
  align-items: flex-end;
  background: #343437;
  border-radius: 12px;
  cursor: pointer;
  display: flex;
  height: 120px;
  margin: 20px 0 0;
  overflow: hidden;
  padding: 10px;
  position: relative;
  text-align: center;
  width: 90px;
}

.g__example::before {
  background: rgba(0, 0, 0, 0.4);
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 1;
}

.g__example:hover .g__img {
  transform: scale(1.1);
}

.g__img {
  height: 100%;
  left: 0;
  object-fit: cover;
  object-position: center;
  position: absolute;
  top: 0;
  transition: transform 0.3s;
  width: 100%;
}

.g__example-expand {
  align-items: center;
  backdrop-filter: blur(2px);
  background: rgba(5, 5, 6, 0.4);
  border-radius: 50%;
  color: #fff;
  display: flex;
  height: 32px;
  justify-content: center;
  position: absolute;
  right: 8px;
  top: 8px;
  transition: background 0.3s;
  width: 32px;
  z-index: 1;
}

.g__example-text {
  position: absolute;
  z-index: 1;
}

@media (max-width: 639px) {
  .g {
    flex-direction: column;
  }

  .g__left {
    display: flex;
    gap: 20px;
    justify-content: space-between;
  }

  .g__example {
    margin: 0;
  }
}

.h {
  background: #343437 center no-repeat;
  background-origin: border-box;
  background-size: contain;
  border-radius: 12px;
  cursor: pointer;
  display: flex;
  flex: 1;
  flex-direction: column;
  justify-content: center;
  min-height: 160px;
  overflow: hidden;
  position: relative;
}

.h--disabled {
  pointer-events: none;
}

.h:hover {
  background-color: #424248;
}

.h--rejected,
.h--rejected:hover {
  background: #000;
}

.h--error {
  border: 1px solid #5e152a;
}

.h--pending {
  opacity: 0.5;
  pointer-events: none;
}

.h--with-image::before {
  background: rgba(0, 0, 0, 0.8);
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 1;
}

.h__item {
  align-items: center;
  display: flex;
  flex: 1;
  justify-content: center;
  padding: 16px;
  position: relative;
  z-index: 1;
}

.h__item::before {
  background: rgba(255, 255, 255, 0.05);
  content: "";
  height: 1px;
  left: 32px;
  position: absolute;
  right: 32px;
  top: 0;
}

.h__item:first-child::before {
  display: none;
}

.h__content {
  display: flex;
  flex-wrap: wrap;
  font-size: 12px;
  gap: 10px;
  justify-content: center;
  text-align: center;
}

.h__content-header {
  align-items: center;
  display: flex;
  gap: 10px;
}

@media (max-width: 639px) {
  .h {
    min-height: 60px;
  }
}

.trial-link-creation-form {
  margin-bottom: 20px;
}

.trial-link-creation-form__form {
  padding: 16px;
}

.trial-link-creation-form__content {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  margin-bottom: 16px;
}

.trial-link-creation-form__select-label {
  color: #fff;
  font-size: 12px;
  font-weight: 700;
  margin: 0 0 8px;
}

.trial-link-creation-form__select {
  width: 284px;
}

.trial-link-creation-form__select--small {
  width: 158px;
}

.trial-link-creation-form__actions {
  display: flex;
  gap: 16px;
  justify-content: flex-end;
}

.b__info {
  display: grid;
  grid-auto-flow: row;
  grid-row-gap: 16px;
  padding: 16px;
}

.b__actions,
.b__info-row {
  align-items: center;
  display: flex;
  justify-content: space-between;
}

.b__actions {
  flex: 1;
  gap: 22px;
}

.b__trial-members {
  color: #707071;
  pointer-events: none;
  position: relative;
}

.b__trial-members--active {
  cursor: pointer;
  pointer-events: auto;
}

.b__users-menu {
  bottom: calc(100% + 8px);
  position: absolute;
  right: 0;
}

.b__copy-button-container {
  position: relative;
}

.b__copy-button {
  display: flex;
  gap: 12px;
}

.b__delete-button {
  background: 0 0;
  border: 0;
  border-radius: 2px;
  color: #707071;
  cursor: pointer;
  margin-left: auto;
  padding: 2px;
}

.b__delete-button:hover {
  background: rgba(248, 248, 248, 0.1);
  color: #fff;
}

.b1 {
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
  background: rgba(255, 255, 255, 0.2);
  border-radius: 6px;
  color: #707071;
  filter: drop-shadow(0 1px 20px rgba(0, 0, 0, 0.4));
  font-size: 12px;
  font-weight: 500;
  padding: 8px;
  pointer-events: none;
  position: fixed;
  transition: opacity 0.1s linear;
  z-index: 3;
}

.b1--position--center {
  transform: translateX(-50%);
}

.b1--position--left {
  transform: translateX(-10%);
}

.b1--position--right {
  transform: translateX(-90%);
}

.b1--type--bar.b1--position--left,
.b1--type--doughnut.b1--position--left {
  transform: translateX(5px);
}

.b1--type--bar.b1--position--right,
.b1--type--doughnut.b1--position--right {
  transform: translateX(calc(-100% - 5px));
}

.b1--type--bar.b1--position--right .b1__arrow,
.b1--type--doughnut.b1--position--right .b1__arrow {
  left: unset;
  right: 0;
  transform: translate(50%, -50%) rotate(-135deg);
}

.b1__arrow {
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
  background: rgba(255, 255, 255, 0.2);
  border-bottom-left-radius: 2px;
  clip-path: polygon(0 0, 0 100%, 100% 100%);
  filter: drop-shadow(0 1px 20px rgba(0, 0, 0, 0.4));
  height: 10px;
  left: 0;
  position: absolute;
  top: 50%;
  transform: translateY(-50%) translateX(-50%) rotate(45deg);
  width: 10px;
}

.b1__line {
  background: rgba(255, 255, 255, 0.1);
  border-radius: 0 0 1px 1px;
  position: absolute;
  transform: translateX(-50%);
  transition: all 0.1s linear;
  width: 2px;
  z-index: 1;
}

.b1__title {
  margin-bottom: 8px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.b1__items {
  display: grid;
  grid-auto-flow: row;
  grid-row-gap: 8px;
}

.b1__item {
  align-items: center;
  display: flex;
  font-size: 12px;
  font-weight: 500;
  gap: 6px;
}

.b1__color {
  border-radius: 4px;
  flex: 0 1 12px;
  height: 12px;
  width: 12px;
}

.b1__label {
  color: #cfcfd0;
  flex: 1;
  margin-right: 4px;
  white-space: nowrap;
}

.b1__value {
  color: #fff;
  text-align: right;
  white-space: nowrap;
}

.b6 {
  align-items: start;
  color: #a0a0a1;
  display: flex;
  gap: 18px;
  margin-bottom: 20px;
  padding: 18px;
}

.b6__title {
  color: #fff;
  font-size: 16px;
  font-weight: 700;
  line-height: 20px;
  margin-bottom: 14px;
}

.b6__list {
  margin-bottom: 28px;
}

.b6__list-item {
  margin-bottom: 6px;
}

.dashboard-widget {
  background: #232325;
  border-radius: 12px;
  display: flex;
  height: 140px;
  justify-content: center;
}

.dashboard-widget__content {
  align-items: center;
  display: flex;
  width: 100%;
}

.dashboard-widget-item {
  flex: 1;
  padding: 0 16px;
  position: relative;
  text-align: center;
}

.dashboard-widget-item--split {
  border-left: 1px solid rgba(255, 255, 255, 0.05);
}

.dashboard-widget-item__label {
  margin: 0 0 16px;
}

.messenger-chat-stub {
  align-items: center;
  background: #343437;
  border-radius: 16px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin: 12px;
  padding: 16px;
}

.messenger-chat-stub__or {
  font-size: 12px;
  line-height: 20px;
  margin: 6px 0;
  opacity: 0.6;
}

.messenger-chat-stub .blocked-icon {
  height: 45px;
  width: 45px;
}

.messenger-chat-stub .stub-title {
  font-size: 17px;
  margin: 16px 0;
  text-align: center;
}

.messenger-chat-stub .stub-description {
  font-size: 12px;
  line-height: 20px;
  margin: 0 0 12px;
  opacity: 0.6;
  text-align: center;
}

.messenger-chat-stub .stub-description-link {
  color: inherit;
  cursor: pointer;
  text-decoration: underline;
}

.messenger-chat-stub .stub-description-link:hover {
  color: #fff;
}

.messenger-chat-stub__message-icon-wrapper {
  align-items: center;
  background: url('') no-repeat;
  background-size: contain;
  display: flex;
  height: 56px;
  justify-content: center;
  margin: 0 auto;
  width: 56px;
}

.messenger-chat-stub__message-icon {
  display: block;
  height: 20px;
  width: 20px;
}

.messenger-chat-stub__unlock {
  animation: opacity-zoom-fade-hide 1.5s;
  bottom: 50%;
  display: flex;
  justify-content: center;
  left: 0;
  opacity: 0;
  pointer-events: none;
  position: absolute;
  width: 100%;
  z-index: 1;
}

.messenger-chat-stub__unlock-icon {
  height: 30px;
  width: 30px;
}

.chart-canvas {
  position: relative;
  z-index: 2;
}

.oo {
  align-items: center;
  background: rgba(0, 0, 0, 0.4);
  border-radius: 8px;
  color: rgba(255, 255, 255, 0.8);
  display: flex;
  font-size: 14px;
  font-weight: 500;
  gap: 8px;
  height: 28px;
  padding: 0 8px;
}

.image-swiper__root--disabled .t {
  pointer-events: none;
}

.t {
  align-items: center;
  color: #fff;
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: center;
  left: 0;
  padding: 20px 14px;
  position: absolute;
  text-align: center;
  top: 0;
  transform: none;
  width: 100%;
  z-index: 1;
}

.t--fill--locked {
  background: linear-gradient(246.82deg, #3c185e 0, #100415 100%) no-repeat center;
  background-size: cover;
  border-radius: 12px;
}

.t--fill--moderation {
  background-color: rgba(252, 207, 73, 0.8);
  color: #000;
}

.t--fill--rejected {
  background-color: rgba(210, 27, 76, 0.6);
  color: #cfcfd0;
}

.t--dark {
  background: rgba(0, 0, 0, 0.2);
}

@media screen and (max-width: 639px) {
  .t {
    min-height: 135px;
    min-width: 135px;
  }
}

.t__icon--size--regular {
  height: 40px;
  width: 40px;
}

.t__icon--size--big {
  height: 58px;
  width: 58px;
}

.t__title {
  font-size: 16px;
  font-weight: 700;
  margin-top: 16px;
  padding: 0 12px;
  white-space: normal;
  word-break: normal;
}

@media screen and (max-width: 639px) {
  .t__title {
    font-size: 12px;
    font-weight: 400;
    letter-spacing: normal;
    line-height: normal;
    margin-top: 12px;
  }
}

.t__description {
  font-size: 13px;
  margin-top: 16px;
  max-width: 310px;
  padding: 0 12px;
  white-space: normal;
  word-break: normal;
}

.t .content-lock-button {
  margin: 20px 0 0;
}

@media screen and (max-width: 639px) {
  .t .content-lock-button {
    margin: 12px 0 0;
  }
}

.t__content {
  overflow: hidden
}

.t__name {
  align-items: center;
  display: flex
}

.t__name .username {
  font-weight: 700
}

.t__text {
  color: rgba(255, 255, 255, .6);
  margin: 5px 0 0;
  min-height: 16px;
  overflow: hidden;
  padding-right: 40px;
  text-overflow: ellipsis;
  white-space: nowrap
}

.t__time {
  font-size: 12px;
  font-weight: 500;
  letter-spacing: normal;
  line-height: normal;
  margin: 0 0 0 6px;
  opacity: .3
}

.t__menu {
  align-items: center;
  cursor: pointer;
  display: flex;
  height: 32px;
  justify-content: center;
  opacity: .4;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%) rotate(90deg);
  transition: opacity .3s;
  width: 32px
}

@media screen and (max-width:639px) {
  .t__menu {
    height: 44px;
    margin-right: -8px;
    width: 44px
  }
}

.t__menu:hover {
  opacity: 1
}

.t__new {
  align-items: center;
  background: #ff5f5f;
  border-radius: 10px;
  color: #fff;
  display: flex;
  font-size: 11px;
  height: 20px;
  justify-content: center;
  min-width: 20px;
  padding: 0 4px;
  pointer-events: none;
  position: absolute;
  right: 30px
}

.t .personal-notifications-settings {
  bottom: unset;
  left: unset;
  right: -8px;
  top: 56px
}

@media screen and (max-width:639px) {
  .t .personal-notifications-settings {
    bottom: unset;
    left: 7px;
    right: 7px;
    top: 56px;
    width: unset
  }
}

.t--menu--top .personal-notifications-settings {
  bottom: 56px;
  top: unset
}

@media screen and (max-width:639px) {
  .t--menu--top .personal-notifications-settings {
    bottom: 56px;
    top: unset
  }
}

.t--menu--top .personal-notifications-settings-arrow-up {
  bottom: -5px;
  top: unset;
  transform: rotate(180deg)
}

.t .personal-notifications-switcher-name {
  cursor: pointer;
  text-decoration: none
}

.t .personal-notifications-switcher-name:hover {
  color: #fff
}

.user-list-actions__container {
  display: table;
  width: 100%;
}

.user-list-actions .scroll-bar-container {
  max-height: 200px;
}

.counterpart-text-message,
.own-text-message {
  color: #fff;
  padding: 10px 12px;
  position: relative;
  word-break: break-word;
}

.own-text-message {
  background-color: rgb(129 40 40 / 28%);
}

.counterpart-text-message {
  background-color: #151516;
}

.counterpart-text-message .text-message-indicators {
  right: 8px;
}

.Q {
  background: #151516;
}

.Q--own {
  background: rgba(91, 65, 255, 0.2);
}

.Q__gallery {
  background: #151516;
  height: 240px;
  min-height: 214px;
  min-width: 220px;
  position: relative;
}

.Q__gallery--uncovered {
  height: 214px;
}

.Q__icon {
  color: #cfcfd0;
  left: 8px;
  pointer-events: none;
  position: absolute;
  top: 8px;
}

.Q__footer {
  padding: 10px 12px 26px;
  text-align: left;
}

.Q__counters {
  color: #a0a0a1;
  font-size: 12px;
  font-weight: 500;
  line-height: 15px;
  margin-top: 2px;
}

.Q__body {
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  margin: 5px 0 0;
  padding-top: 5px;
  word-break: break-word;
}

.Q__right-bottom {
  font-size: 11px;
  font-weight: 700;
  letter-spacing: normal;
  line-height: 12px;
  text-transform: uppercase;
  align-items: center;
  background-color: rgba(0, 0, 0, 0.4);
  border-radius: 4px;
  color: rgba(248, 248, 248, 0.8);
  display: flex;
  justify-content: center;
  padding: 4px 8px;
  position: absolute;
  right: 8px;
  top: calc(100% - 8px);
  transform: translateY(-100%);
}

.Q__play-icon {
  color: #fff;
  position: absolute;
  right: 8px;
  top: 8px;
}

.J {
  align-items: center;
  color: #fff;
  display: flex;
  font-size: 12px;
  font-weight: 600;
  height: 40px;
  justify-content: center;
}

.J--type--default {
  background-color: #424248;
}

.J--type--warning {
  background-color: #ffc107;
  color: #050506;
}

.J--type--warning .J__button-view-request {
  border-color: rgba(5, 5, 6, 0.4);
}

.J--type--alert {
  background-color: #d21b4c;
}

.J__cart-icon--with-notification {
  position: relative;
}

.J__cart-icon--with-notification:after {
  background-color: #e12947;
  border: 2px solid #424248;
  border-radius: 50%;
  content: "";
  height: 7px;
  position: absolute;
  right: -4px;
  top: -2px;
  width: 7px;
}

.J__body {
  align-items: center;
  color: inherit;
  display: flex;
  flex: 1;
  gap: 12px;
  justify-content: center;
}

.J__button-view-request {
  background: 0 0;
  border: 2px solid rgba(255, 255, 255, 0.4);
  border-radius: 10px;
  color: inherit;
  cursor: pointer;
  font-size: 12px;
  height: 24px;
  padding: 2px 12px;
}

.users-dropdown-list {
  background: #1b1b1d;
  border: 1px solid rgba(255, 255, 255, 0.02);
  border-radius: 12px;
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
  max-width: 100%;
  overflow: hidden;
  width: 280px;
}

.users-dropdown-list__header {
  padding: 12px 16px;
}

.users-dropdown-list__body {
  max-height: 168px;
  overflow-y: auto;
}

.users-dropdown-list__item {
  height: 56px;
  padding: 8px 16px;
}

.users-dropdown-list__item:hover {
  background-color: #343437;
}

.dd {
  align-items: center;
  background: #232325;
  border-radius: 12px;
  display: flex;
  gap: 16px;
  justify-content: space-between;
  padding: 12px 16px;
}

.dd__left {
  word-break: break-word;
}

.dd__right {
  align-items: center;
  display: flex;
  gap: 10px;
  white-space: nowrap;
}

.PPP {
  background: #232325;
  height: 240px;
  overflow: inherit;
}

.P__play {
  align-items: center;
  background-color: #000;
  border-radius: 50%;
  color: #fff;
  display: flex;
  height: 34px;
  justify-content: center;
  width: 34px;
}

.user-list-actions-item {
  align-items: center;
  display: flex;
  margin: 12px 0;
}

.user-list-actions-item__left {
  flex: 1;
}

.user-list-actions-item__right {
  align-items: center;
  display: flex;
  justify-content: flex-end;
}

.user-list-actions-item__label {
  margin: 0 0 0 10px;
  white-space: nowrap;
}

.user-list-actions-item__icon {
  align-items: center;
  color: #707071;
  display: flex;
  justify-content: center;
  margin: 0 0 0 20px;
  width: 24px;
}

.message-indicators {
  color: rgba(255, 255, 255, 0.4);
  float: right;
  font-size: 10px;
  line-height: 16px;
  margin-left: 3px;
  pointer-events: none;
  -webkit-user-select: none;
  user-select: none;
}

.message-indicators__content {
  position: relative;
  right: -6px;
  top: 5px;
  white-space: nowrap;
}

.message-indicators__error-wrapper {
  margin: 0 0 0 7px;
}

.message-indicators__error-icon {
  color: #ffc107;
  height: 10px;
  width: 10px;
}

.message-indicators .read-icon {
  color: rgba(255, 255, 255, 0.4);
  fill: currentColor;
  height: 8px;
  margin: 0 0 0 3px;
}

.message-indicators .read-icon.icon-check-4 {
  margin-right: 3px;
  width: 11px;
}

.message-indicators .read-icon.icon-read {
  width: 14px;
}

.message-indicators.with-absolute-position {
  bottom: 6px;
  position: absolute;
  right: 6px;
}

.message-indicators.with-absolute-position .message-indicators-placeholder {
  display: none;
}

.message-indicators.with-absolute-position .message-indicators-content {
  position: static;
}

.message-indicators.with-background {
  background-color: rgba(0, 0, 0, 0.6);
  border-radius: 4px;
  color: rgba(255, 255, 255, 0.8);
  line-height: 10px;
  padding: 4px;
}

.message-indicators.with-background .read-icon {
  color: rgba(255, 255, 255, 0.8);
}

.message-indicators.with-background .message-indicators__content {
  right: auto;
  top: auto;
}

.counterpart-base-message .message-indicators {
  margin-left: 5px;
}

.counterpart-base-message .message-indicators .message-indicators-content,
.counterpart-base-message .message-indicators.with-absolute-position {
  right: 8px;
}

.counterpart-base-message .message-indicators .read-icon {
  display: none;
}

.TT {
  cursor: pointer;
  display: grid;
  grid-auto-flow: row;
  grid-row-gap: 4px;
  margin-bottom: 4px;
  max-width: 80%;
  min-height: 24px;
  padding-left: 6px;
  position: relative;
}

.TT:hover .TT__title {
  color: #fff;
}

.TT__label {
  color: #ff3332;
  font-size: 12px;
  font-weight: 400;
  white-space: nowrap;
}

.TT::before {
  background-color: #ff3332;
  border-radius: 1px;
  bottom: 0;
  content: "";
  display: block;
  left: 0;
  position: absolute;
  top: 0;
  width: 2px;
}

.TT__title {
  color: #707071;
  font-size: 12px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.SS {
  align-items: center;
  background: rgba(0, 0, 0, 0.6);
  border: 0;
  border-radius: 20px;
  color: #fff;
  display: flex;
  flex-direction: column;
  font-size: 12px;
  justify-content: center;
  left: 50%;
  max-width: 85%;
  min-width: 118px;
  padding: 10px 20px;
  pointer-events: none;
  position: absolute;
  text-align: center;
  top: 50%;
  transform: translate(-50%, -50%);
  transition: background 0.3s;
}

.S__icon {
  fill: currentColor;
  height: 20px;
  margin: 0;
}

.S__icon--unlocked {
  color: #34b353;
}

.S__label {
  margin-top: 8px;
}

.S__price {
  font-weight: 700;
}

.S__original-price {
  color: #b5b6b7;
  font-weight: 700;
  text-decoration: line-through;
}

.OPA {
  display: grid;
  gap: 2px;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: repeat(2, 1fr);
  height: 100%;
  width: 100%;
}

.O__item {
  align-items: center;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  display: flex;
  justify-content: center;
}

.L__header {
  color: #707071;
  display: flex;
  flex-direction: column;
  font-size: 12px;
  gap: 4px;
  margin: 0 0 4px;
  position: relative;
}

.L__header::before {
  background: rgba(255, 255, 255, 0.4);
  border-radius: 1px;
  bottom: 0;
  content: "";
  position: absolute;
  top: 0;
  width: 2px;
}

.L__header--style--left {
  padding: 0 0 0 8px;
}

.L__header--style--left::before {
  left: 0;
}

.L__header--style--right {
  align-items: end;
  padding: 0 8px 0 0;
  text-align: right;
}

.L__header--style--right::before {
  right: 0;
}

.L__body {
  word-break: break-word;
}

.L__image-wrapper {
  align-items: center;
  aspect-ratio: 0.5625;
  background: no-repeat center;
  background-size: cover;
  border-radius: 8px;
  display: flex;
  justify-content: center;
  overflow: hidden;
  width: 90px;
}

.L__image {
  flex: 1;
  max-height: 100%;
  max-width: 100%;
}

.L__empty {
  background: #343437;
  border-radius: 8px;
  color: #707071;
  line-height: 120%;
  max-width: 90px;
  padding: 10px;
  text-align: center;
}

.K__header {
  align-items: center;
  display: flex;
  font-size: 12px;
  font-weight: 500;
  gap: 6px;
  justify-content: space-between;
  padding: 0 12px 10px;
}

.K__sub-header {
  align-items: center;
  display: flex;
  gap: 4px;
}

.K__footer {
  display: flex;
  gap: 8px;
  justify-content: start;
  margin-top: 8px;
}

.K__footer--disabled {
  opacity: 0.4;
}

.K__delivered-time {
  align-items: center;
  color: #a0a0a1;
  display: grid;
  font-size: 13px;
  font-weight: 500;
  grid-auto-flow: column;
  grid-column-gap: 6px;
}

.K__link {
  color: #fff;
  text-decoration: underline;
}

.K__title {
  color: #ff3332;
  cursor: pointer;
}

.photo-message {
  background: #343437;
}

.photo-message--own {
  background: rgba(91, 65, 255, 0.2);
}

.photo-message__body {
  padding: 10px 10px 20px;
  word-break: break-word;
}

.album-message__album-image.image-with-loader,
.photo-message__photo-image {
  height: unset;
  max-height: 220px;
  max-width: 100%;
  min-height: 150px;
  min-width: 172px;
  object-fit: cover;
}

.photo-message__photo-image--blocked {
  filter: blur(10px);
}

.photo-message-modal-content {
  border-radius: 0;
}

.photo-message-modal-content.photo-message-modal-loading .image {
  filter: blur(15px);
  width: 50vw;
}

.album-message {
  background: #343437;
  position: relative;
}

.album-message--own {
  background: rgba(91, 65, 255, 0.2);
}

.album-message__body {
  border-top: 1px solid rgba(255, 255, 255, 0.2);
  margin: 10px 12px 0;
  padding: 10px 0 20px;
  word-break: break-word;
}

.album-message .image-container {
  position: relative;
}

.album-message .image-container .a11y-button {
  display: block;
}

.album-message__texts {
  padding: 10px 12px;
  text-align: left;
}

.album-message__photos-count {
  color: #a0a0a1;
  font-size: 12px;
  font-weight: 700;
  line-height: 15px;
  margin-top: 2px;
}

.album-message span.message-indicators.with-absolute-position {
  bottom: 10px;
  right: 12px;
}

.media-unlocked-message {
  border: 2px solid rgba(91, 65, 255, 0.2);
  padding: 8px 12px;
  position: relative;
  word-wrap: break-word;
}

.media-unlocked-message-media-button {
  color: rgba(255, 255, 255, 0.6);
  cursor: pointer;
  text-decoration: underline;
}

.media-unlocked-message-media-button:hover {
  color: rgba(255, 255, 255, 0.8);
}

.video-message {
  position: relative;
  height: unset;
  max-height: 220px;
  max-width: 100%;
  min-height: 150px;
  min-width: 172px;
  object-fit: cover;
}

.video-message--body {
  background: rgba(91, 65, 255, 0.2);
}

.video-message__body {
  padding: 10px 10px 20px;
  word-break: break-word;
}

.video-message__video-image {
  height: unset;
  max-height: 220px;
  max-width: 100%;
  min-width: 172px;
  object-fit: cover;
  min-height: 160px;
}

.video-message .play {
  align-items: center;
  background-color: rgba(0, 0, 0, 0.6);
  border-radius: 50%;
  color: #f8f8f8;
  display: flex;
  height: 50px;
  justify-content: center;
  left: 50%;
  margin: 0;
  padding: 15px;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 50px;
}

.video-message .play-icon {
  fill: currentColor;
  height: 25px;
  left: 15px;
  margin: 0;
  position: absolute;
  top: 12px;
  width: 25px;
}

.video-message .right-top {
  display: flex;
  flex-flow: row nowrap;
  height: 20px;
  position: absolute;
  right: 8px;
  top: 8px;
}

.video-message .duration {
  font-size: 11px;
  font-weight: 700;
  letter-spacing: normal;
  line-height: 12px;
  text-transform: uppercase;
  background-color: rgba(0, 0, 0, 0.4);
  border-radius: 4px;
  color: rgba(248, 248, 248, 0.8);
  padding: 4px 8px;
}

.processing-video-message,
.video-message .duration,
.video-message .mini-play {
  align-items: center;
  display: flex;
  justify-content: center;
}

.video-message .mini-play {
  background-color: rgba(0, 0, 0, 0.4);
  border-radius: 4px;
  color: rgba(248, 248, 248, 0.8);
  margin-right: 8px;
  padding: 4px 6px;
}

.video-message .mini-play-icon {
  fill: currentColor;
  margin: 0;
}

.processing-video-message {
  background-color: #515255;
  color: #fff;
  flex-flow: column nowrap;
  padding: 81px 40px;
  text-align: center;
}

.processing-video-message .time-icon {
  margin: 0 0 10px;
}

.date-message {
  color: #fff;
  opacity: 0.4;
  -webkit-user-select: none;
  user-select: none;
}

.tipped-message.base-message {
  background: rgba(33, 176, 98, 0.2);
}

.base-message-wrapper {
  align-items: flex-end;
  display: flex;
  flex: 1;
  padding: 8px 12px 0;
  position: relative;
  width: 100%;
}

.base-message-wrapper--left {
  justify-content: flex-start;
}

.base-message-wrapper--right {
  justify-content: flex-end;
}

.base-message-wrapper--mobile .base-message {
  -webkit-user-select: none;
  user-select: none;
}

.base-message-wrapper--position--left {
  justify-content: flex-start;
}

.base-message-wrapper--position--left>.base-message {
  transform-origin: left bottom;
}

.base-message-wrapper--position--left>.base-message__clone {
  left: 40px;
}

.base-message-wrapper--position--right {
  justify-content: flex-end;
}

.base-message-wrapper--position--right>.base-message {
  transform-origin: right bottom;
}

.base-message-wrapper--position--right>.base-message__clone {
  right: 12px;
}

.base-message-wrapper--special-request {
  background: #1b1b1d;
  flex-wrap: wrap;
  margin: 8px 0;
  padding-bottom: 8px;
}

.base-message-wrapper__resend-wrapper {
  color: #fff;
  cursor: pointer;
  left: 10px;
  margin: -8px 0 0;
  opacity: 0.6;
  position: absolute;
  top: 50%;
}

.base-message-wrapper__resend-wrapper:hover {
  opacity: 1;
}

.base-message-wrapper__resend-icon {
  height: 15px;
  width: 15px;
}

.base-message-wrapper__content {
  max-width: 70%;
}

.base-message-wrapper__header {
  position: relative;
}

.base-message-wrapper__body-wrapper {
  align-items: flex-end;
  display: flex;
  flex: 1;
  position: relative;
}

.base-message {
  border-radius: 16px 16px 6px 16px;
  flex: 1;
  font-size: 14px;
  line-height: 17px;
  overflow: hidden;
  -webkit-touch-callout: none;
  text-align: left;
}

.base-message-clickable {
  cursor: pointer;
}

.base-message__clone {
  bottom: 0;
  max-width: calc(70% - 17px);
  z-index: 10;
  -webkit-user-select: none;
  user-select: none;
}

.counterpart-base-message {
  border-radius: 16px 16px 16px 6px;
  position: relative;
}

.image-with-loader {
  height: 150px;
  max-width: 100%;
  object-fit: cover;
}

.image-with-loader-placeholder {
  background: linear-gradient(246.82deg, #3c185e 0, #100415 100%) no-repeat center;
  height: 150px;
  width: 200px;
}

.announcement-message {
  font-size: 11px;
  line-height: 12px;
  margin-top: 30px;
  text-align: center;
}

.R {
  display: flex;
  justify-content: flex-end;
  position: relative;
}

.R .ba__menu-item:hover {
  background: #424248;
}

.R .ba__menu-item .ba__menu-item-icon {
  height: 18px;
  width: 18px;
}

.R--counterpart {
  order: 3;
}

.R--counterpart .R__desktop-menu {
  left: 12px;
  margin-left: 4px;
  transform: translateX(-6px);
}

.R--counterpart .R__desktop-menu--visible {
  transform: translateX(0);
}

.R__desktop-menu {
  bottom: 0;
  margin-right: 4px;
  opacity: 0;
  padding-bottom: 6px;
  pointer-events: none;
  position: absolute;
  right: 0;
  transform: translateX(6px);
  transition: all 200ms ease;
  z-index: 2;
}

.R__desktop-menu--visible {
  opacity: 1;
  pointer-events: auto;
  transform: translateX(0);
}

.R__desktop-menu .css-popover-content-topleft,
.R__desktop-menu .css-popover-content-topright {
  top: -6px;
}

.R--mobile {
  z-index: 11;
}

.R--mobile.R--position--bottomleft .R__mobile-menu {
  left: -64px;
  right: auto;
  top: 0;
}

.R--mobile.R--position--bottomright .R__mobile-menu {
  left: -24px;
  right: auto;
  top: -4px;
}

.R--mobile.R--position--left {
  bottom: 0;
  left: 0;
  position: absolute;
}

.R--mobile.R--position--left .R__mobile-menu {
  bottom: 12px;
  left: 0;
  right: auto;
}

.R--mobile.R--position--right .R__mobile-menu {
  bottom: 0;
  left: -40px;
  right: auto;
}

.R--mobile.R--position--topleft {
  position: absolute;
  right: 0;
  top: 0;
}

.R--mobile.R--position--topleft .R__mobile-menu {
  bottom: 0;
  right: 34px;
}

.R--mobile.R--position--topright {
  left: 74px;
  position: absolute;
  top: 0;
}

.R--mobile.R--position--topright .R__mobile-menu {
  bottom: 0;
  left: 0;
  right: auto;
}

.R--mobile.R--position--middleright .R__mobile-menu {
  bottom: 12px;
  left: 10px;
  right: auto;
}

.R--mobile.R--position--middleleft .R__mobile-menu {
  bottom: 12px;
  right: 12px;
}

.R__mobile-menu {
  bottom: 0;
  opacity: 0;
  position: absolute;
  right: 34px;
  transform: translateY(-6px);
  transition: all 200ms ease;
}

.R__mobile-menu--visible {
  opacity: 1;
  transform: translateY(0);
}

.media-gallery--mobile-portrait {
  bottom: 60px;
}

.media-gallery--mobile-portrait .media-gallery__content-wrapper {
  left: 0px;
  position: absolute;
  background: #000;
  bottom: 0px;
  right: 0px;
  top: 0px;
}

.media-gallery--mobile-portrait .comments-gallery__footer {
  padding-bottom: max(12px, env(safe-area-inset-bottom))
}

.media-gallery--mobile-portrait .ch__comments,
.media-gallery--mobile-portrait .ch__user-tags {}

.media-gallery--mobile-portrait .ch__user {
  bottom: 75px;
  left: 10px;
  position: fixed;
  top: auto;
  z-index: 4
}

.media-gallery--mobile-portrait .ch__user--video {
  bottom: 140px
}

.media-gallery--mobile-portrait .ch__controls {
  flex: 1;
  justify-content: space-between;
  left: -2px;
  position: relative;
  width: 100%;
  display: flex;
}

.media-gallery--mobile-portrait .tile-button {
  background: 0 0;
  border-radius: 0;
  font-weight: 700;
  height: 36px;
  padding: 0 8px
}

.media-gallery--mobile-portrait .tile-button:hover {
  background: 0 0
}

.media-gallery--mobile-portrait .tile-button__text {
  display: none
}

.media-gallery--mobile-portrait .tile-button__count {
  margin: 0 0 0 6px
}

.ch--has-title .media-gallery--mobile-portrait .ch__user {
  bottom: 130px
}

.media-gallery--mobile-landscape .ch__user {
  left: 10px;
  position: fixed;
  z-index: 4
}

.media-gallery--mobile-landscape .ch__controls {
  filter: drop-shadow(0 0 4px rgba(0, 0, 0, .8));
  flex-direction: column;
  height: 100%;
  justify-content: center
}

.media-gallery--mobile-landscape .tile-button {
  background: 0 0;
  border-radius: 0;
  color: #fff;
  flex-direction: row-reverse;
  font-weight: 700;
  height: 36px;
  padding: 0 8px
}

.media-gallery--mobile-landscape .tile-button__count {
  margin: 0 6px 0 0
}

.media-gallery--mobile-landscape .tile-button__text {
  display: none
}


.media-gallery--mobile-portrait .media-gallery__info {
  background: linear-gradient(180deg, rgba(0, 0, 0, .72)0, transparent 100%);
  box-sizing: border-box;
  display: flex;
  font-size: 16px;
  height: 175px;
  justify-content: center;
  left: 0;
  padding: 34px 0 0;
  top: 0;
  width: 100%
}

.media-gallery--mobile-portrait .media-gallery__close {
  opacity: .7;
  right: 4px;
  top: 24px
}

.media-gallery--mobile-portrait .media-gallery__content {
  bottom: 0;
  left: 0;
  right: 0;
  top: 0
}

.media-gallery--mobile-portrait .media-gallery__controls-panel {
  bottom: 24px;
  left: 10px;
  right: 10px
}

.media-gallery--mobile-portrait .media-gallery__bottom-shadow {
  height: 175px
}

.media-gallery--mobile-portrait .media-gallery__info-icon {
  display: none
}

.media-gallery--mobile-portrait .media-gallery__info-title {
  bottom: 80px;
  left: 16px;
  position: fixed
}

.media-gallery--mobile-portrait .video-player__controls {
  padding-bottom: 74px
}

.bv {
  flex-shrink: 0;
  position: relative;
  width: 100%
}

.bv--mobile {
  display: flex;
  flex-direction: column;
  gap: 12px
}

.bv__row {
  display: flex;
  gap: 12px
}

.bv__row>a,
.bv__row>button,
.bv__row>div {
  flex-grow: 1;
  justify-content: center;
  text-align: center
}

@media (min-width:479px) {
  .bv__row {
    display: flex;
    gap: 12px
  }

  .bv__row>a,
  .bv__row>button,
  .bv__row>div {
    flex-basis: 50%
  }
}

.bv__favorite {
  display: flex;
  flex-direction: column;
  gap: 12px;
  position: absolute;
  right: 15px;
  top: 70px;
  z-index: 4
}

.bv__dropdown {
  color: #fff;
  font-size: 13px;
  min-width: 153px
}

.bv__dropdown-footer {
  border-top: 1px solid rgba(255, 255, 255, .05);
  margin: 12px 0 0;
  padding: 12px 0 0
}

.bv__dropdown-header {
  align-items: center;
  column-gap: 16px;
  display: flex;
  justify-content: space-between
}

.bv__edit-request-menu-button {
  align-items: center;
  gap: 12px
}

.bv__edit-request-menu-button.btn {
  padding: 0 16px
}

.bv__actions-settings {
  align-items: center;
  display: flex
}

.bv__actions-settings-icon--padded {
  margin: 0 8px 0 0
}

.bv__right {
  display: flex;
  gap: 12px;
  margin: 0 0 0 auto
}

.bv__title {
  align-items: center;
  display: flex;
  font-size: 14px;
  font-weight: 700;
  white-space: nowrap
}

.bv__date {
  font-size: 14px;
  margin: 6px 0 0;
  opacity: .4;
  white-space: nowrap
}

.bv__date--warning {
  color: #d21b4c;
  opacity: 1
}

@media screen and (max-width:639px) {
  .bv {
    padding: 10px 0;
    width: 100%
  }

  .bv .action-buttons-container .user-fan-club-status-btn {
    height: 31px;
    justify-content: center;
    margin: 0 0 20px;
    width: 100%
  }

  .bv .splitter {
    display: none
  }
}

.bv__icon-wrapper {
  position: relative
}

.bv__icon-decorator {
  color: #2e1d3e;
  height: 12px;
  position: absolute;
  right: 7px;
  top: -3px;
  width: 12px
}

.bv .icon-diamond-colored,
.bv .icon-diamond-flat,
.bv .icon-diamond-rotate {
  height: 20px;
  margin: 0 10px 0 0;
  width: 20px
}

.action-buttons-container {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 12px
}

.action-buttons-container .button-dropdown__button {
  white-space: nowrap
}

.action-buttons-container .btn {
  display: flex;
  flex-shrink: 0
}

.action-buttons-container .btn .icon {
  height: 18px;
  width: 18px
}

.action-buttons-container .menu-button-dots .tile-button {
  background: 0 0;
  height: auto;
  min-width: auto;
  padding: 0
}

@media screen and (max-width:479px) {
  .action-buttons-container__right {
    display: flex;
    gap: 12px
  }

  .action-buttons-container .button-dropdown__button {
    font-size: 13px;
    padding: 0 10px
  }

  .action-buttons-container .btn {
    font-size: 13px;
    padding: 0 8px
  }
}

.bs {
  color: #fff;
  margin: 20px 0 12px;
  max-height: 84px;
  opacity: .8;
  overflow: hidden;
  position: relative;
  width: 67%;
  word-break: break-word;
  font-size: .875rem;
  line-height: 1.063rem
}

.bs--opened {
  max-height: none
}

.bs__text {
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  margin: 0;
  padding: 0
}

.bs__shadow-text {
  opacity: 0;
  pointer-events: none;
  position: absolute;
  visibility: hidden
}

@media screen and (max-width:1023px) {
  .bs {
    width: 100%
  }
}

.image-swiper {
  overflow: hidden;
  position: relative;
  user-select: none;
  width: 100%;
  border-radius: 12px;
}

.image-swiper::before {
  bottom: 0;
  content: "";
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  visibility: hidden;
  z-index: 2
}

.image-swiper__root,
.image-swiper__root>body {
  overscroll-behavior-x: none
}

.image-swiper__root--disabled {
  overflow: hidden
}

.image-swiper__scroll {
  height: 100%;
  outline: 0;
  overflow: hidden;
  pointer-events: none;
  position: relative;
  width: 100%
}

.image-swiper__scroll-space {
  height: 1px;
  left: 0;
  pointer-events: none;
  position: absolute;
  top: 0;
  visibility: hidden
}

.image-swiper__item {
  contain: strict;
  pointer-events: all;
  position: absolute;
  top: 0;
  z-index: 1
}

.image-swiper__item-image {
  border: 0;
  height: 100%;
  object-position: center;
  object-fit: cover;
  outline: 0;
  pointer-events: none;
  position: relative;
  width: 100%;
  max-height: 640px;
}

.image-swiper__item-image--size--cover {
  object-fit: cover
}

.image-swiper__item-image--size--contain {
  object-fit: contain
}

.image-swiper:hover>.image-swiper__arrow--active {
  opacity: .6
}

.image-swiper__children {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1
}

.image-swiper__arrow {
  align-items: center;
  background: rgba(0, 0, 0, .6);
  border-radius: 50%;
  box-shadow: 0 0 3px rgba(0, 0, 0, .2);
  cursor: pointer;
  display: flex;
  font-weight: 700;
  height: 30px;
  justify-content: center;
  opacity: 0;
  pointer-events: none;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  transition: opacity .3s, left .3s, right .3s;
  width: 30px;
  z-index: 3
}

.image-swiper__arrow--left {
  left: 20px
}

.image-swiper__arrow--left>svg {
  transform: rotate(180deg)
}

.image-swiper__arrow--right {
  right: 20px
}

.image-swiper__arrow--active {
  pointer-events: auto
}

.image-swiper__arrow>svg {
  display: block;
  height: inherit;
  pointer-events: none;
  width: inherit
}

.image-swiper__points {
  align-items: flex-end;
  background: linear-gradient(180deg, rgba(185, 185, 185, 0)0, rgba(0, 0, 0, .35) 100%);
  bottom: 0;
  display: flex;
  height: 100px;
  justify-content: center;
  left: 0;
  padding: 0 0 20px;
  pointer-events: none;
  position: absolute;
  width: 100%;
  z-index: 3
}

.image-swiper__points-item {
  background: #fff;
  border-radius: 50%;
  height: 6px;
  margin: 0 2px;
  opacity: .5;
  position: relative;
  transition: opacity .6s, transform .6s;
  width: 6px
}

.image-swiper__points-item--active {
  opacity: 1;
  transform: scale(1.2)
}

@media (max-width:1024px) {
  .image-swiper__arrow {
    display: none
  }

  .image-swiper__points {
    padding-bottom: 12px
  }
}

.user-avatar-editable .dropdown-content::after {
  display: none
}

.user-avatar-editable .avatar-wrapper:not(.is-loading):hover .avatar-upload {
  display: flex
}

.btn-apply {
  background: #d60908;
  color: #fff;
  transition: background 250ms, color 250ms;
}

.bq {
  cursor: pointer;
  display: flex;
  gap: 12px;
  height: 40px;
  margin: 20px 0 0;
  max-width: 320px;
  position: relative;
  width: 100%
}

.bq__progress-title {
  align-items: center;
  display: flex;
  font-size: 14px;
  gap: 4px;
  justify-content: space-between;
  margin: 0 0 10px;
  text-shadow: 0 1px 20px rgba(0, 0, 0, .2)
}

.bq__title-text {
  color: #cfcfd0;
  font-weight: 500;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

.bq__left {
  display: flex;
  flex: 1;
  flex-direction: column;
  justify-content: center;
  max-width: calc(100% - 56px)
}

.bw {
  color: #707071;
  column-gap: 24px;
  display: flex;
  flex-wrap: wrap;
  margin: 20px 0 0;
  overflow: hidden;
  row-gap: 10px
}

.bw__item {
  align-items: center;
  column-gap: 6px;
  display: flex;
  font-size: 16px;
  font-weight: 500;
  position: relative
}

.bw__item::after {
  background: rgba(255, 255, 255, .2);
  border-radius: 50%;
  content: "";
  height: 4px;
  left: -13px;
  position: absolute;
  width: 4px
}

.bw__link {
  color: #a0a0a1
}

.bw__link:hover {
  color: #cfcfd0
}

.bu {
  position: relative
}

.bu__tooltip {
  width: 145px
}

.bu__tooltip .tooltip-inner {
  display: flex;
  flex-direction: column
}

.bu__button {
  align-items: center;
  background: #111113;
  border: 0;
  border-radius: 12px;
  color: #fff;
  cursor: pointer;
  display: flex;
  font-weight: 500;
  gap: 12px;
  height: 40px;
  justify-content: center;
  padding: 11px 20px;
  transition: background .3s;
  width: 100%
}

.bu__button:hover {
  background: #232325
}

@media screen and (max-width:767px) {
  .bu__button {
    padding: 11px
  }

  .image-swiper {
    border-radius: 0;
  }

  .t--fill--locked {
    border-radius: 0;
  }
}

.bu__action {
  align-items: center;
  background: 0 0;
  border: 0;
  color: rgba(255, 255, 255, .8);
  cursor: pointer;
  display: flex;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  min-height: 38px;
  padding: 7px 22px 7px 15px;
  transition: all ease .25s;
  white-space: nowrap;
  width: 145px
}

.bu__action .icon {
  fill: rgba(255, 255, 255, .8);
  margin-right: 10px
}

.bu__action.profile-cover-dropdown__action--active,
.bu__action:hover {
  background: #343437;
  color: #fff
}

.bp {
  height: 112px;
  margin: 0 0 48px;
  max-width: calc(100vw - 8px);
  overflow: hidden;
  width: 100%
}

.bp .scroll-bar-container__arrow {
  margin-top: -20px
}

.bp--style--mobile {
  height: 82px;
  margin: 0 0 40px
}

.bp--style--pinned {
  height: 116px;
  margin: 40px 0 0
}

.bp--style--pinned .scroll-bar-container__arrow {
  margin-top: -8px
}

.bp--style--pinned .avatar__img,
.bp--style--pinned-mobile .avatar__img {
  background-position: center top
}

.bp--style--pinned-mobile {
  height: 82px;
  margin: 40px 0 0
}

.bp__title {
  color: #a0a0a1;
  font-size: 11px;
  margin: 0 0 8px;
  text-transform: uppercase
}

.bp__controls {
  display: flex;
  gap: 1px
}

.bp__add {
  align-items: center;
  background: #111113;
  color: #a0a0a1;
  column-gap: 10px;
  cursor: pointer;
  display: flex;
  flex: 1;
  font-size: 14px;
  height: 80px;
  justify-content: center;
  max-height: 100%;
  transition: background .3s;
  border-bottom-left-radius: 26px;
  border-top-left-radius: 26px
}

.bp__add:hover,
.bp__archive:hover {
  background: #1b1b1d
}

.bp__add--rounded {
  border-radius: 26px
}

.bp__archive {
  align-items: center;
  background: #111113;
  color: #a0a0a1;
  column-gap: 10px;
  cursor: pointer;
  display: flex;
  flex: 1;
  font-size: 14px;
  height: 80px;
  justify-content: center;
  max-height: 100%;
  transition: background .3s;
  border-bottom-right-radius: 26px;
  border-top-right-radius: 26px
}

.bp__list {
  display: flex;
  gap: 2px;
  padding-bottom: 12px
}

.feed_stories.bp__list {
  gap: 14px !important;
}

.bp__item {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-height: 92px;
  min-width: 92px;
  overflow: hidden;
  padding: 6px 0;
  position: relative;
  width: 92px
}

.bp__item .avatar {
  cursor: pointer
}

.bp__item--mobile {
  min-height: 56px;
  min-width: 56px;
  width: 56px
}

.bp__thumb-avatar {
  align-items: center;
  background: #111113;
  border-radius: 30.75%;
  color: #a0a0a1;
  cursor: pointer;
  display: flex;
  justify-content: center;
  transition: background .3s
}

.bp__thumb-avatar:hover {
  background: #1b1b1d
}

.bp__name {
  font-size: 12px;
  margin: 10px 0 0;
  text-align: center;
  width: 100%
}

.bp__name .displayname {
  display: block
}

.bp__icon {
  color: #fff;
  left: 50%;
  pointer-events: none;
  position: absolute;
  top: 50%;
  transform: translateX(-50%) translateY(-50%)
}

.S img[src=""] {
  visibility: hidden
}

.S {
  overflow: hidden;
  position: relative
}

.S--clickable {
  cursor: pointer
}

.S--locked .image-swiper__points {
  background: 0 0
}

.S__label {
  align-items: center;
  background: rgba(0, 0, 0, .4);
  border-radius: 8px;
  color: #cfcfd0;
  display: flex;
  font-size: 12px;
  font-weight: 700;
  height: 24px;
  padding: 0 8px;
  pointer-events: none;
  position: absolute;
  right: 12px;
  z-index: 2
}

.S__label--top {
  top: 12px
}

.S__label--bottom {
  bottom: 12px
}

.S__blur {
  background-size: 0;
  bottom: 0;
  contain: strict;
  left: 0;
  overflow: hidden;
  pointer-events: none;
  position: absolute;
  right: 0;
  top: 0;
  z-index: -1
}

.S__blur::after,
.S__blur::before {
  background-image: inherit;
  background-repeat: no-repeat;
  bottom: 0;
  content: "";
  left: 0;
  position: absolute;
  right: 0;
  top: 0
}

.S__blur::before {
  background-size: cover;
  filter: blur(16px);
  transform: scale(1.2)
}

.S__blur::after {
  background-position: center;
  background-size: contain
}

.S__tagged-users-count-badge {
  align-items: center;
  background: rgba(0, 0, 0, .4);
  border-radius: 8px;
  bottom: 16px;
  color: #cfcfd0;
  display: flex;
  flex-wrap: nowrap;
  font-size: 14px;
  font-weight: 700;
  gap: 8px;
  left: 16px;
  padding: 4px 8px;
  pointer-events: none;
  position: absolute;
  z-index: 2
}

.P {
  align-items: center;
  background: rgba(0, 0, 0, .4);
  border-radius: 8px;
  color: rgba(255, 255, 255, .8);
  display: flex;
  font-size: 14px;
  font-weight: 500;
  gap: 8px;
  height: 28px;
  padding: 0 8px
}

.bc {
  background-color: #232325;
  border-radius: 8px 8px 0 0;
  box-shadow: 0 20px 30px rgba(0, 0, 0, 0.3);
  display: flex;
  flex-direction: column;
  padding-bottom: env(safe-area-inset-bottom);
  position: relative;
  transition: width 200ms;
  width: 250px;
}

@media (max-width: 639px) {
  .bc {
    border-radius: 0;
    bottom: var(--tap-bar-height);
    left: 0;
    position: fixed;
    right: 0;
    top: var(--pwa-notification-height);
  }

  .picture-squad-grid {
    column-gap: 1px;
    grid-template-columns: repeat(3, 1fr);
    row-gap: 1px;
  }

  .F {
    border-radius: 1px;
  }

  .dp__dropdown {
    width: 90vw;
  }

}

@media (max-width: 1024px) {
  .top-search-hidden {
    display: none;
  }

}

.no-show-tablets {
  display: block;
}


@media (max-width: 800px) {
  .no-show-tablets {
    display: none !important;
  }

  .mobile-menu {
    display: block !important;
  }
}

.bc:not(:first-child) {
  margin-left: 20px;
}

.bc__content {
  display: flex;
  flex-direction: column;
  height: 0;
  justify-content: flex-end;
  position: relative;
  transition: height 200ms;
}

.bc__content--expanded {
  height: 430px;
  max-height: calc(100vh - 100px);
}

@media (max-width: 639px) {
  .bc__content--expanded {
    flex: 1;
  }
}

@media screen and (max-width: 639px) {
  .bc__content--expanded {
    height: auto;
    max-height: none;
    overflow: hidden;
  }
}

.bc .chat-header-username {
  max-width: 160px;
}

.bc--expanded {
  overflow: inherit;
  width: 360px;
}

@media (max-width: 639px) {
  .bc--expanded {
    width: 100%;
  }

  .bc {
    margin-left: 0px !important;
  }
}

.bc--expanded .messenger-chat-header {
  border-color: transparent;
  border-bottom-color: rgba(255, 255, 255, 0.1);
}

.bc--expanded .chat-header-username {
  max-width: 180px;
}

.bc__skeleton-wrapper {
  flex: 1;
  max-height: 100%;
}

.bb {
  align-items: center;
  border-radius: 8px;
  cursor: pointer;
  display: flex;
  margin: 0 8px;
  padding: 12px;
  position: relative;
  transition: background 0.3s;
}

.bb .icon-people {
  color: #fff;
  margin: 0 6px 0 0;
}

@media (pointer: fine) {

  .bb:hover,
  .bb:hover .avatar .online,
  .bb:hover .bb__tier {
    background: #343437;
  }
}

.bb__tier {
  align-items: center;
  background: #232325;
  border-radius: 50%;
  bottom: -4px;
  display: flex;
  height: 22px;
  justify-content: center;
  position: absolute;
  right: -4px;
  transition: background 0.3s;
  width: 22px;
}

.bb__tier .icon-diamond-colored,
.bb__tier .icon-diamond-flat {
  height: 14px;
  width: 14px;
}

.bb__avatar-wrapper {
  margin: 0 12px 0 0;
  position: relative;
}

.bb .avatar {
  flex-shrink: 0;
  height: 44px;
  width: 44px;
}

.bb .avatar .online {
  background: #232325;
  height: 12px;
  left: -3px;
  top: -3px;
  width: 12px;
}

.bb__content {
  overflow: hidden;
}

.bb__name {
  align-items: center;
  display: flex;
}

.bb__name .username {
  font-weight: 700;
}

.bb__text {
  color: rgba(255, 255, 255, 0.6);
  margin: 5px 0 0;
  min-height: 16px;
  overflow: hidden;
  padding-right: 40px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.bb__time {
  font-size: 12px;
  font-weight: 500;
  letter-spacing: normal;
  line-height: normal;
  margin: 0 0 0 6px;
  opacity: 0.3;
}

.bb__menu {
  align-items: center;
  cursor: pointer;
  display: flex;
  height: 32px;
  justify-content: center;
  opacity: 0.4;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%) rotate(90deg);
  transition: opacity 0.3s;
  width: 32px;
}

@media screen and (max-width: 639px) {
  .bb__menu {
    height: 44px;
    margin-right: -8px;
    width: 44px;
  }
}

.bb__menu:hover {
  opacity: 1;
}

.bb__new {
  align-items: center;
  background: #ff5f5f;
  border-radius: 10px;
  color: #fff;
  display: flex;
  font-size: 11px;
  height: 20px;
  justify-content: center;
  min-width: 20px;
  padding: 0 4px;
  pointer-events: none;
  position: absolute;
  right: 30px;
}

.bb .personal-notifications-settings {
  bottom: unset;
  left: unset;
  right: -8px;
  top: 56px;
}

@media screen and (max-width: 639px) {
  .bb .personal-notifications-settings {
    bottom: unset;
    left: 7px;
    right: 7px;
    top: 56px;
    width: unset;
  }
}

.bb--menu--top .personal-notifications-settings {
  bottom: 56px;
  top: unset;
}

@media screen and (max-width: 639px) {
  .bb--menu--top .personal-notifications-settings {
    bottom: 56px;
    top: unset;
  }
}

.bb--menu--top .personal-notifications-settings-arrow-up {
  bottom: -5px;
  top: unset;
  transform: rotate(180deg);
}

.bb .personal-notifications-switcher-name {
  cursor: pointer;
  text-decoration: none;
}

.bb .personal-notifications-switcher-name:hover {
  color: #fff;
}


y {
  border-radius: 0 0 12px 12px;
  overflow: hidden;
  position: relative;
}

.y--clickable {
  cursor: pointer;
}

.y--locked .image-swiper__points {
  background: 0 0;
}

.y__label {
  align-items: center;
  background: rgba(0, 0, 0, 0.4);
  border-radius: 8px;
  color: #cfcfd0;
  display: flex;
  font-size: 12px;
  font-weight: 700;
  height: 24px;
  padding: 0 8px;
  pointer-events: none;
  position: absolute;
  right: 12px;
  z-index: 2;
}

.y__label--top {
  top: 12px;
}

.y__label--bottom {
  bottom: 12px;
}

.y__blur {
  background-size: 0;
  bottom: 0;
  contain: strict;
  left: 0;
  overflow: hidden;
  pointer-events: none;
  position: absolute;
  right: 0;
  top: 0;
  z-index: -1;
}

.y__blur::after,
.y__blur::before {
  background-image: inherit;
  background-repeat: no-repeat;
  bottom: 0;
  content: "";
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}

.y__blur::before {
  background-size: cover;
  filter: blur(16px);
  transform: scale(1.2);
}

.y__blur::after {
  background-position: center;
  background-size: contain;
}

.y__tagged-users-count-badge {
  align-items: center;
  background: rgba(0, 0, 0, 0.4);
  border-radius: 8px;
  bottom: 16px;
  color: #cfcfd0;
  display: flex;
  flex-wrap: nowrap;
  font-size: 14px;
  font-weight: 700;
  gap: 8px;
  left: 16px;
  padding: 4px 8px;
  pointer-events: none;
  position: absolute;
  z-index: 2;
}

.D {
  padding: 20px 20px 0;
  position: relative;
  word-break: break-all;
}

.D--compact {
  display: flex;
}

.D__avatar {
  display: block;
  height: 80px;
  margin: 20px 10px 16px 0;
  width: 80px;
}

.D__avatar--size--small {
  height: 64px;
  width: 64px;
}

.D__avatar--size--medium {
  height: 80px;
  width: 80px;
}

.D__avatar>.avatar {
  height: inherit;
  width: inherit;
}

.D__username {
  display: flex;
  position: relative;
}

.D__cover {
  background-repeat: no-repeat;
  background-size: cover;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

.D__cover--size--small {
  height: 84px;
}

.D__cover--size--medium {
  height: 100px;
}

.D__cover--size--large {
  height: 120px;
}

.D__cover::before {
  background: linear-gradient(1deg, #0a0a0a 0, rgba(0, 0, 0, 0.55) 100%);
  content: "";
  display: block;
  height: inherit;
}

.D__cover--no-photo::before {
  background: radial-gradient(138.66% 168.3%at 72.8% 11.43%, #2c2057 0, #050506 77.21%), #050506;
}

.pepe {
  padding: 20px;
}

.p__benefits-list {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin: 5px 0;
}

.p__benefit {
  align-items: center;
  background: #232325;
  border-radius: 12px;
  color: rgba(255, 255, 255, 0.6);
  flex: 1 0 224px;
  font-size: 12px;
  line-height: 120%;
  min-height: 48px;
  padding: 10px 13px;
  width: 224px;
  display: flex;
  flex-direction: row;
}

.p__benefit .icon-check-1 {
  color: #d60908;
  height: 16px;
  min-width: 12px;
  width: 16px;
}

.p__benefit .icon-gift {
  fill: currentColor;
  margin-right: 14px;
}

@media (max-width: 540px) {
  .p__benefit {
    width: 100%;
  }
}

.p__icon {
  color: #d60908;
  margin-right: 12px;
}

.p__actions--sticked {
  backdrop-filter: blur(2px);
  background: rgba(27, 27, 29, 0.8);
  border-radius: 0 0 12px 12px;
  bottom: 0;
  left: 0;
  padding: 20px;
  position: absolute;
  width: 100%;
}

@media screen and (max-height: 760px) {
  .p__actions--sticked {
    border-top: 1px solid rgba(255, 255, 255, 0.05);
  }
}

.p__actions>.btn {
  margin-top: 10px;
  width: 100%;
}

.p__actions>.btn>.icon-diamond-colored,
.p__actions>.btn>.icon-diamond-flat {
  height: 16px;
  margin: 0 6px 0 0;
  width: 16px;
}

.p__actions>.btn:first-child:last-of-type {
  margin-top: 0;
}

.p__actions-description {
  color: #f8f8f8;
  font-size: 11px;
  font-weight: 500;
  line-height: 13px;
  margin: 12px 0 0;
  opacity: 0.4;
  text-align: center;
}

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

  .p__benefits-list {
    gap: 0;
    margin: 20px 0 0;
  }

  .p__benefit {
    border-radius: 0;
    min-height: auto;
  }

  .p__benefit:first-child {
    border-radius: 12px 12px 0 0;
  }

  .p__benefit:last-child {
    border-radius: 0 0 12px 12px;
  }
}

.o {
  border-radius: 12px;
  margin: 10px 0;
  padding: 12px 16px;
  position: relative;
}

.o--selectable {
  cursor: pointer;
  padding-left: 51px;
}

.o::before {
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: inherit;
  bottom: 0;
  content: "";
  left: 0;
  pointer-events: none;
  position: absolute;
  right: 0;
  top: 0;
  transition: background 0.3s, border 0.3s;
}

.o--state--not-selected:hover::before {
  background: #232325;
  border-color: #49494a;
}

.o--state--not-selected:hover .checkbox-ds__box {
  border-color: #a0a0a1;
}

.o--state--selected {
  cursor: default;
}

.o--state--selected::before {
  background: rgba(215, 13, 17, 0.1);
  border: 2px solid #d60908;
}

.o__title {
  color: #fff;
  font-size: 16px;
  font-weight: 700;
  line-height: 22px;
  margin: 0 0 6px;
  position: relative;
}

.o__description {
  color: #f8f8f8;
  font-size: 11px;
  font-weight: 500;
  line-height: 13px;
  opacity: 0.4;
}

.o__discount {
  align-items: center;
  background: #d21b4c;
  border-radius: 6px;
  color: #fff;
  display: flex;
  font-size: 13px;
  font-weight: 700;
  height: 24px;
  padding: 0 8px;
  position: absolute;
  right: 14px;
  top: 10px;
}

.o__discount--free {
  background: #21b062;
  text-transform: uppercase;
}

.o__checkbox {
  left: 16px;
  position: absolute;
  top: 12px;
}


.bLL {
  max-width: calc(100vw - 32px);
  width: 100%
}

.bLL__header {
  align-items: flex-end;
  display: flex;
  justify-content: space-between;
  margin: 0 0 32px
}

.bLL__tabs {
  color: #a0a0a1;
  display: flex;
  font-size: 24px;
  gap: 32px
}

.bLL__tab {
  cursor: pointer
}

.bLL__tab--active,
.bL__tab:hover {
  color: #fff
}

.bLL__tab--active {
  pointer-events: none
}

.bLL__link {
  align-items: center;
  color: #ef0202;
  display: flex;
  font-size: 16px;
  transition: color .3s;
  line-height: 21px;
}

@media (max-width: 639px) {
  .bLL__tabs {
    gap: 24px
  }

  .bLL .scroll-bar-container__arrow,
  .bLL .scroll-bar-container__shadow {
    display: none
  }

  .bYz__wrapper-center {
    width: auto !important;
    top: -60px !important;
  }

  .bYz__wrapper-center {}

  .bYz__wrapper {
    max-width: 700px !important;
    min-width: 700px !important;
  }

  .bYz__item {
    height: 125px !important;
    min-width: 125px !important;
  }
}

.m {
  align-items: flex-end;
  background: #424248;
  border-radius: 16px;
  display: flex;
  height: 264px;
  max-height: 100%;
  min-height: 100%;
  overflow: hidden;
  padding: 12px;
  position: relative;
  transform: translateZ(0);
  -webkit-user-select: none;
  user-select: none
}

.m--squad {
  border-radius: 2px
}

.m--hover:hover>.m__cover--image {
  transform: scale(1.2)
}

.m--hover:hover .avatar {
  border-color: rgba(255, 255, 255, .6)
}

.m--hover:hover .avatar:hover {
  border-color: #fff
}

.m--hover:hover .m__description {
  opacity: 1;
  transform: translateY(0)
}

.m--clickable {
  cursor: pointer
}

.m--bordered::before {
  border: 3px solid #ef0202;
  border-radius: inherit;
  bottom: 0;
  content: "";
  left: 0;
  pointer-events: none;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1
}

.m__controls {
  align-items: center;
  bottom: 6px;
  color: rgba(255, 255, 255, .8);
  display: flex;
  gap: 12px;
  left: 8px;
  position: absolute;
  z-index: 2
}

.m__comments:hover,
.m__controls>.likes-counter:hover {
  color: #fff
}

.m__comments {
  align-items: center;
  background: 0 0;
  border: 0;
  color: rgba(255, 255, 255, .8);
  cursor: pointer;
  display: flex;
  font-weight: 700;
  gap: 5px;
  padding: 2px
}

.m__cover {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%
}

.m__cover--image {
  object-fit: cover;
  object-position: center;
  transition: transform .3s
}

.m__followers {
  align-items: center;
  color: rgba(255, 255, 255, .7);
  display: flex;
  font-size: 12px;
  margin: 2px 0 0
}

.m__top-right-block {
  pointer-events: none;
  position: absolute;
  right: 8px;
  top: 8px;
  z-index: 1
}

.m__top-right-block-icon {
  color: rgba(255, 255, 255, .8);
  height: 24px;
  width: 24px
}

@media screen and (max-width: 639px) {
  .m__top-right-block-icon {
    height: 16px;
    width: 16px
  }

  .br__media-aspect-ratio {
    height: 240px;
  }

}

.m__bottom-shadow {
  background: linear-gradient(180deg, transparent 0, rgba(0, 0, 0, .3) 100%);
  border-bottom-left-radius: 16px;
  border-bottom-right-radius: 16px;
  bottom: 0;
  height: 56px;
  left: 0;
  pointer-events: none;
  position: absolute;
  right: 0;
  z-index: 1
}

.m__download {
  background: #232325;
  border-radius: 4px;
  cursor: pointer;
  left: 10px;
  position: absolute;
  top: 10px;
  transform: rotate(90deg)
}

.m--top-shadow::before {
  background: linear-gradient(180deg, rgba(0, 0, 0, .4)0, transparent 100%);
  content: "";
  height: 60px;
  left: 0;
  pointer-events: none;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 1
}

.m__top-avatar {
  left: 8px;
  position: absolute;
  right: 40px;
  top: 8px;
  z-index: 1
}

.m__description {
  align-items: flex-end;
  background: linear-gradient(180deg, transparent 0, rgba(0, 0, 0, .6) 100%);
  bottom: 0;
  display: flex;
  filter: drop-shadow(0 1px 10px rgba(0, 0, 0, .4));
  height: 200px;
  left: 0;
  opacity: 0;
  padding: 0 8px 40px;
  pointer-events: none;
  position: absolute;
  right: 0;
  transform: translateY(30px);
  transition: transform 150ms ease, opacity 100ms ease;
  z-index: 1
}

.m__description-text {
  -webkit-box-orient: vertical;
  color: rgba(255, 255, 255, .8);
  display: -webkit-box;
  font-size: 14px;
  font-weight: 400;
  -webkit-line-clamp: 2;
  overflow: hidden;
  word-break: break-all
}

.m__description-link {
  color: rgba(255, 255, 255, .8)
}

.loading-story:before {
  content: "";
  position: absolute;
  top: 0rem;
  right: 0rem;
  bottom: 0rem;
  left: 0rem;
  border-radius: 33.75%;
  background: linear-gradient(to right, transparent 0, transparent 30%, rgb(60 60 60 / 80%) 50%, transparent 70%, transparent 100%) rgb(52 52 52 / 60%);
  background-size: 500px 100px;
  background-position: center left;
  animation: content-placeholder 1.5s ease infinite;
}

@keyframes content-placeholder {
  from {
    background-position: center right;
  }

  to {
    background-position: center left;
  }
}

.loading-story {
  background: #000;
}

.loading-popular:before {
  content: "";
  position: absolute;
  top: 0rem;
  right: 0rem;
  bottom: 0rem;
  left: 0rem;
  border-radius: 0;
  background: linear-gradient(to right, transparent 0, transparent 30%, rgb(60 60 60 / 80%) 50%, transparent 70%, transparent 100%) rgb(52 52 52 / 60%);
  background-size: 800px 100px;
  background-position: center left;
  animation: content-placeholder 1.5s ease infinite;
}

.loading-popular {
  background: #000;
}

.loading-feed:before {
  content: "";
  position: absolute;
  top: 0rem;
  right: 0rem;
  bottom: 0rem;
  left: 0rem;
  border-radius: 0;
  background: linear-gradient(to right, transparent 0, transparent 30%, rgb(60 60 60 / 80%) 50%, transparent 70%, transparent 100%) rgb(52 52 52 / 60%);
  background-size: 2000px 100px;
  background-position: center left;
  animation: content-placeholder 1.5s ease infinite;
  border-radius: 5px;
}

.loading-media {
  background: #000;
}

.loading-media:before {
  content: "";
  position: absolute;
  top: 0rem;
  right: 0rem;
  bottom: 0rem;
  left: 0rem;
  border-radius: 0;
  background: linear-gradient(to right, transparent 0, transparent 30%, rgb(60 60 60 / 80%) 50%, transparent 70%, transparent 100%) rgb(52 52 52 / 60%);
  background-size: 800px 100px;
  background-position: center left;
  animation: content-placeholder 1.5s ease infinite;
  border-radius: 5px;
}

.loading-feed {
  background: #000;
}


.loading-live:before {
  content: "";
  position: absolute;
  top: 0rem;
  right: 0rem;
  bottom: 0rem;
  left: 0rem;
  border-radius: 0;
  background: linear-gradient(to right, transparent 0, transparent 30%, rgb(60 60 60 / 80%) 50%, transparent 70%, transparent 100%) rgb(52 52 52 / 60%);
  background-size: 2000px 100px;
  background-position: center left;
  animation: content-placeholder 1.5s ease infinite;
  border-radius: 0px;
}

.loading-live {
  background: #000;
}

.fslightbox-source {
  border-radius: 10px !important;
}

.fade-in-bottom {
  -webkit-animation: fade-in-bottom 0.6s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
  animation: fade-in-bottom 0.6s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
}

@-webkit-keyframes fade-in-bottom {
  0% {
    -webkit-transform: translateY(50px);
    transform: translateY(50px);
    opacity: 0;
  }

  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
}

@keyframes fade-in-bottom {
  0% {
    -webkit-transform: translateY(50px);
    transform: translateY(50px);
    opacity: 0;
  }

  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
}

.fade-in-right {
  -webkit-animation: fade-in-right 0.5s cubic-bezier(0.680, -0.550, 0.265, 1.550);
  animation: fade-in-right 0.5s cubic-bezier(0.680, -0.550, 0.265, 1.550);
}

@-webkit-keyframes fade-in-right {
  0% {
    -webkit-transform: translateX(50px);
    transform: translateX(50px);
    opacity: 0;
  }

  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
}

@keyframes fade-in-right {
  0% {
    -webkit-transform: translateX(50px);
    transform: translateX(50px);
    opacity: 0;
  }

  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
}



.bU {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin: 20px 0
}

.bU__st-link {
  align-items: center;
  display: inline-flex
}

.bU__st-link-content {
  overflow: hidden;
  padding: 0 8px 0 4px;
  position: relative
}

.bU__st-link-content:after {
  background: linear-gradient(270deg, #1b1b1d 0, rgba(27, 27, 29, 0) 100%);
  bottom: 0;
  content: "";
  display: block;
  position: absolute;
  right: -5px;
  top: 0;
  width: 13px
}

.bU__live {
  align-items: center;
  background: #d21b4c;
  border-radius: 6px;
  color: #fff;
  column-gap: 4px;
  display: flex;
  font-size: 13px;
  font-weight: 700;
  height: 20px;
  padding: 0 8px 0 4px;
  position: relative;
  white-space: nowrap
}

.bU__live:hover {
  background: #d9023c
}

.bU__links,
.bU__st {
  display: flex;
  gap: 8px
}

.bU__link {
  align-items: center;
  background: #1b1b1d;
  border-radius: 12px;
  display: flex;
  height: 32px;
  justify-content: center;
  min-width: 32px;
  overflow: hidden;
  width: 32px
}

.bU__link:hover {
  background: #232325
}

.bU__link--st {
  color: #cfcfd0;
  max-width: min(360px, 100%);
  padding: 0 6px;
  position: relative;
  width: auto
}

.bU__link--st:hover .bU__st-link-content::before {
  background: linear-gradient(270deg, #232325 0, rgba(27, 27, 29, 0) 100%)
}

.g {
  display: grid;
  gap: 10px;
  grid-template-columns: 2.5fr 1fr;
  grid-template-rows: repeat(2, 1fr);
  height: 360px
}

.g__item {
  align-items: center;
  border-radius: 12px;
  display: flex;
  justify-content: center;
  overflow: hidden;
  position: relative
}

.g__item--main {
  grid-row: 2 span
}

.g__img {
  height: 100%;
  left: 0;
  object-fit: cover;
  object-position: center;
  position: absolute;
  top: 0;
  width: 100%
}

.g__shadow {
  align-items: center;
  background: rgba(0, 0, 0, .4);
  bottom: 0;
  display: flex;
  justify-content: center;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%
}

.g__join,
.g__lock {
  align-items: center;
  display: flex;
  flex-direction: column;
  position: relative
}

.g__lock {
  color: rgba(255, 255, 255, .6);
  font-size: 14px;
  gap: 6px
}

.g__join {
  color: rgba(255, 255, 255, .8);
  gap: 16px;
  text-align: center;
  z-index: 1
}

.g__view-button {
  align-items: center;
  background: 0 0;
  border: 0;
  color: rgba(255, 255, 255, .6);
  cursor: pointer;
  display: flex;
  font-size: 12px;
  gap: 6px;
  padding: 0;
  transition: color .3s
}

.g__view-button:hover {
  color: #cfcfd0
}

.landing {
  display: flex;
  justify-content: center;
  position: relative;
  scroll-behavior: smooth;
}

.landing__main-arrow {
  bottom: 12px;
  cursor: pointer;
  left: 50%;
  margin-left: -18px;
  position: fixed;
  transition: opacity 1s;
}

.landing__main-arrow--hidden {
  opacity: 0;
  pointer-events: none;
}

.landing__content {
  max-width: 1400px;
  padding: 0 100px;
}

.landing__section {
  min-height: 100vh;
  padding-top: var(--pwa-sticky-header-height);
}

.landing__section-login {
  display: flex;
  justify-content: space-between;
  min-height: max(100vh, 800px);
}

.landing__section-flex,
.landing__section-flex-center {
  align-items: center;
  display: flex;
  justify-content: space-between;
}

.landing__section-flex-center {
  justify-content: center;
}

.landing__login-wrapper {
  display: flex;
  flex: 1;
  gap: 40px;
  justify-content: space-between;
  margin: 40px 0 80px;
  position: relative;
}

.landing__real-title {
  font-size: 44px;
  font-weight: 700;
  line-height: 50px;
  margin: 0 0 666px;
  max-width: 610px;
}

.landing__footer-gradient {
  background: radial-gradient(74.17% 69.92%at 50% -6.37%, #3f1962 0, transparent 100%);
  bottom: 0;
  height: 155vh;
  pointer-events: none;
  position: absolute;
  transform: rotate(-180deg);
  width: 100%;
  z-index: -1;
}

.landing__profile-card-wrapper {
  flex: 1;
  margin: 100px auto 84px;
  transform: translateY(-60px);
  width: 100%;
}

@media screen and (max-width: 1023px) {
  .landing {
    display: block;
  }

  .landing__content {
    padding: 0 40px;
  }

  .landing__section-login {
    width: auto;
  }
}

@media screen and (min-width: 768px) {
  .landing__nav_center {
    justify-content: flex-end;
  }
}

@media screen and (max-width: 767px) {
  .landing__nav-left {
    flex: 1 1 50%;
  }

  .landing__logo-wrapper {
    width: 100%;
  }

  .landing__login-wrapper {
    align-items: center;
    flex-direction: column;
    margin: 80px 0 0;
  }

  .landing__real-title {
    font-size: 24px;
    line-height: 30px;
    margin-bottom: 300px;
    text-align: center;
  }
}

@media screen and (max-width: 639px) {
  .landing {
    margin: unset;
  }

  .landing__content {
    padding: 0 20px;
  }

  .landing__header {
    justify-content: space-between;
    padding-right: 10px;
  }

  .landing__nav-center {
    justify-content: flex-end;
  }

  .landing__section {
    min-height: unset;
  }

  .landing__section-flex {
    align-items: flex-start;
    flex-direction: column;
    justify-content: flex-start;
  }

  .landing__section-login {
    flex-direction: column-reverse;
  }

  .landing__profile-card-wrapper {
    transform: translateY(0);
  }
}

.bY {
  display: flex;
  font-size: 14px;
  justify-content: center;
  line-height: 100%;
  margin: 80px 0 0;
  position: absolute;
  width: 100%;
}

.bY__wrapper-center {
  display: flex;
  justify-content: center;
  overflow: hidden;
  position: absolute;
  top: 0;
  width: 100vw;
}

.bY__wrapper-center::before {
  background: linear-gradient(90deg, #050506 0, rgba(5, 5, 6, 0) 100%);
  content: "";
  width: 160px;
  z-index: 1;
}

.bY__wrapper-center::after {
  background: linear-gradient(270deg, #050506 0, rgba(5, 5, 6, 0) 100%);
  content: "";
  height: 100%;
  pointer-events: none;
  position: absolute;
  right: 0;
  top: 0;
  width: 160px;
  z-index: 1;
}

.bY__wrapper {
  display: flex;
  flex-wrap: wrap;
  gap: 30px;
  height: 666px;
  padding: 30px 0 0;
}

.bY__item-bottom {
  background: linear-gradient(360deg, rgba(0, 0, 0, 0.45) 0, rgba(0, 0, 0, 0.42) 26.38%, transparent 100%);
  bottom: 0;
  color: #fff;
  left: 0;
  min-height: 40px;
  padding: 12px;
  position: absolute;
  text-align: center;
  width: 100%;
}

.bY__item {
  background: #424248;
  border-radius: 32px;
  height: 192px;
  min-width: 192px;
  overflow: hidden;
  position: relative;
  transform: translateZ(0);
  width: 192px;
}

.bY__item:hover>.bYz__image {
  transform: scale(1.2);
}

.bY__username {
  align-items: center;
  display: flex;
  font-size: 16px;
  font-weight: 500;
  gap: 4px;
  justify-content: center;
  max-width: 100%;
  white-space: nowrap;
}

.bY__name {
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
}

.bY__counters {
  align-items: center;
  color: rgba(255, 255, 255, 0.8);
  display: flex;
  font-size: 12px;
  font-weight: 500;
  gap: 4px;
  justify-content: center;
  margin: 6px 0 0;
}

.bY__image {
  background: no-repeat center;
  background-size: cover;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  transition: transform 0.3s;
  width: 100%;
}

@media screen and (max-width: 767px) {
  .bYz__wrapper-center {
    justify-content: flex-start;
  }

  .bYz__wrapper {
    transform: translateX(-150px);
  }
}

.bW__content {
  text-align: center;
}

.bW__footer {
  display: flex;
  justify-content: center;
  margin: 40px 0 0;
}

.bW__title {
  font-size: 44px;
  font-weight: 700;
  line-height: 50px;
}

@media screen and (max-width: 767px) {
  .bW__title {
    font-size: 24px;
    font-weight: 700;
    line-height: 30px;
  }
}

.auth-form {
  display: flex;
  flex: 1;
  flex-direction: column;
  justify-content: center;
}

.auth-form__fading-input {
  max-height: 100px;
}

.auth-form__fading-input:not(:last-child) {
  margin-bottom: 16px;
}

.auth-form__title {
  font-size: 1.375rem;
  line-height: 1.679rem;
  font-weight: 500;
  margin-bottom: 24px;
  text-align: center;
}

.auth-form__social-login {
  column-gap: 12px;
  display: grid;
}

.auth-form__social-login .icon {
  margin-right: 10px;
}

.auth-form__divider {
  margin: 24px 0;
  padding: 0 76px;
  text-align: center;
  font-size: 0.75rem;
  line-height: 0.938rem;
}

.auth-form__divider-text {
  opacity: 0.4;
}

.auth-form__hint {
  font-size: 0.688rem;
  line-height: 1rem;
  color: #707071;
  font-weight: 400;
  margin-top: 10px;
  text-align: center;
}

.auth-form__hint a {
  color: #707071;
  text-decoration: underline;
}

.auth-form__hint a:hover {
  color: #cfcfd0;
  text-decoration: none;
}

.auth-form__join {
  margin-top: 16px;
}

.auth-form__form-switcher {
  color: #a0a0a1;
  margin-top: 32px;
  text-align: center;
  font-size: 0.813rem;
  line-height: 1rem;
}

.auth-form__form-switcher .btn {
  border-radius: 0;
  color: #ff3636;
  vertical-align: baseline;
  font-size: 0.813rem;
  line-height: 1rem;
}

@media screen and (max-width: 639px) {
  .auth-form__title {
    font-size: 1.375rem;
    line-height: 1.679rem;
  }
}

.auth-form .recaptcha {
  display: flex;
  justify-content: center;
  margin: 20px auto 0;
}

bX {
  flex: 1;
  position: relative;
  width: 100%;
}

.bX__size {
  aspect-ratio: 5/4;
  display: block;
  visibility: hidden;
  width: 100%;
}

.bX__shadow-box {
  border-radius: 50%;
  box-shadow: 0 0 200px rgba(163, 73, 252, 0.6);
  pointer-events: none;
  position: absolute;
}

.bX__shadow-box--face--1 {
  left: 20%;
  padding-top: 31%;
  top: 74%;
  width: 31%;
}

.bX__shadow-box--face--2 {
  left: 30%;
  padding-top: 44%;
  top: 10%;
  width: 48%;
}

.bX__face {
  position: absolute;
}

.bX__face--face--1 {
  left: 14%;
  top: 73%;
  width: 38%;
}

.bX__face--face--2 {
  left: 30%;
  top: 5%;
  width: 60%;
}

.bX__face--chat {
  position: absolute;
}

.bX__face--chat--1 {
  left: 14%;
  top: 0;
  width: 41%;
}

.bX__face--chat--2 {
  left: 53%;
  top: 100%;
  width: 47%;
}

.bX__face--shadow {
  border-radius: 20px;
  box-shadow: 0 0 200px rgba(163, 73, 252, 0.6);
}

.bX__smile {
  left: 87%;
  position: absolute;
  top: 95%;
  width: 8%;
}

@media screen and (max-width: 767px) {
  .bX {
    margin-top: 20px;
  }
}

.abilitie-tip {
  flex: 1;
  margin: 20px 0 20px auto;
  max-width: 600px;
  overflow: hidden;
  position: relative;
}

.abilitie-tip::after {
  bottom: 70px;
  box-shadow: 0 0 150px 182px rgba(138, 24, 252, 0.3);
  content: "";
  height: 1px;
  left: 50%;
  pointer-events: none;
  position: absolute;
  top: 50%;
  width: 1px;
  z-index: 10;
}

.abilitie-tip__message {
  align-items: center;
  display: flex;
  height: 100%;
  justify-content: center;
  left: 0;
  pointer-events: none;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 11;
}

.abilitie-tip__message>.login-message-wrapper {
  opacity: 0;
  transform: scale(0);
  transition: opacity 0.5s, transform 0.5s;
}

.abilitie-tip__message::before {
  background: rgba(0, 0, 0, 0.4);
  content: "";
  height: 100%;
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  transition: opacity 0.3s;
  width: 100%;
}

.abilitie-tip__message--visible {
  pointer-events: auto;
}

.abilitie-tip__message--visible>.login-message-wrapper {
  opacity: 1;
  transform: scale(1);
}

.abilitie-tip__message--visible>.login-message-wrapper .login-message__inline-emoji {
  animation: animation-ability-tip 2.5s ease;
}

.abilitie-tip__message--visible::before {
  opacity: 1;
}

@media screen and (max-width: 1023px) {
  .abilitie-tip .tip-modal__content .radio-pill-controls {
    grid-template-columns: repeat(3, 1fr);
  }
}

@media screen and (max-width: 639px) {
  .abilitie-tip {
    width: 100%;
  }
}

@media screen and (max-width: 767px) {
  .abilitie-tip {
    margin: 30px auto;
    max-width: 100%;
  }
}

.bYz {
  display: flex;
  font-size: 14px;
  justify-content: center;
  line-height: 100%;
  margin: 0px 0 0;
  position: absolute;
  width: 100%;
}

.bYz__wrapper-center {
  display: flex;
  justify-content: center;
  overflow: hidden;
  position: absolute;
  top: 0;
  width: 100vw;
}

.bYz__wrapper-center::before {
  background: linear-gradient(90deg, #050506 0, rgba(5, 5, 6, 0) 100%);
  content: "";
  width: 220px;
  z-index: 1;
  pointer-events: none;
}

.bYz__wrapper-center::after {
  background: linear-gradient(270deg, #050506 0, rgba(5, 5, 6, 0) 100%);
  content: "";
  height: 100%;
  pointer-events: none;
  position: absolute;
  right: 0;
  top: 0;
  width: 220px;
  z-index: 1;
}

.bYz__wrapper {
  display: flex;
  flex-wrap: wrap;
  gap: 30px;
  height: 766px;
  padding: 30px 0 0;
}

.bYz__item-bottom {
  background: linear-gradient(360deg, rgba(0, 0, 0, 0.45) 0, rgba(0, 0, 0, 0.42) 26.38%, transparent 100%);
  bottom: 0;
  color: #fff;
  left: 0;
  min-height: 40px;
  padding: 12px;
  position: absolute;
  text-align: center;
  width: 100%;
}

.bYz__item {
  background: #424248;
  border-radius: 32px;
  height: 202px;
  min-width: 202px;
  overflow: hidden;
  position: relative;
  transform: translateZ(0);
}

.bYz__item:hover>.bYz__image {
  transform: scale(1.2);
}

.bYz__item:nth-child(even) {
  transform: translateY(-30px);
}

.bYz__username {
  align-items: center;
  display: flex;
  font-size: 16px;
  font-weight: 500;
  gap: 4px;
  justify-content: center;
  max-width: 100%;
  white-space: nowrap;
}

.bYz__name {
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
}

.bYz__counters {
  align-items: center;
  color: rgba(255, 255, 255, 0.8);
  display: flex;
  font-size: 12px;
  font-weight: 500;
  gap: 4px;
  justify-content: center;
  margin: 6px 0 0;
}

.bYz__image {
  background: no-repeat center;
  background-size: cover;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  transition: transform 0.3s;
  width: 100%;
}

@media screen and (max-width: 767px) {
  .bYz__wrapper-center {
    justify-content: flex-start;
  }

  .bYz__wrapper {
    transform: translateX(-150px);
  }
}

.bWz__content {
  text-align: center;
}

.bWz__footer {
  display: flex;
  justify-content: center;
  margin: 40px 0 0;
}

.bWz__title {
  font-size: 44px;
  font-weight: 700;
  line-height: 50px;
}

@media screen and (max-width: 767px) {
  .bWz__title {
    font-size: 24px;
    font-weight: 700;
    line-height: 30px;
  }
}

.bTz {
  margin-bottom: 32px;
}

.bTz__wrapper {
  contain: strict;
  left: 0;
  overflow: hidden;
  position: absolute;
  right: 0;
}

.bTz__list {
  align-items: center;
  display: flex;
}

.bTz__item {
  margin-right: 20px;
  min-width: 190px;
  width: 190px;
}

.bTz__shadow {
  bottom: 0;
  pointer-events: none;
  position: absolute;
  top: 0;
  width: 190px;
}

.bTz__shadow--right {
  background: linear-gradient(to right, transparent 0, #000 100%);
  right: 0;
}

.bTz__shadow--left {
  background: linear-gradient(to left, transparent 0, #000 100%);
  left: 0;
}

.bTz__scroll-container {
  display: flex;
  overflow: auto;
  position: relative;
}

@media screen and (max-width: 767px) {
  .bTz__shadow {
    width: 100px;
  }
}

.eb {
  align-items: center;
  background: #232325;
  bottom: 0;
  color: rgba(255, 255, 255, .8);
  display: flex;
  justify-content: center;
  left: 0;
  min-height: 60px;
  padding: 10px 12px;
  position: fixed;
  width: 100%;
  z-index: 11;
  font-size: .813rem;
  line-height: 1.125rem
}

.eb__icon-cookie {
  flex-shrink: 0
}

.eb__description {
  line-height: normal;
  margin: 0 12px 0 15px
}

@media screen and (max-width: 639px) {
  .eb__description {
    font-size: 11px
  }
}

@media screen and (max-width: 479px) {
  .eb__description {
    font-size: 10px
  }
}

@media screen and (max-width: 320px) {
  .eb__description {
    font-size: 9px
  }
}

.eb__learn-more {
  color: #fff;
  opacity: 1
}

@media (max-width: 479px) {
  .eb {
    bottom: calc(60px + env(safe-area-inset-bottom))
  }
}

.dominant-color,
.dominant-color-2,
.dominant-color-3 {
  position: absolute;
  top: 0;
  width: 100%;
  height: 409px;
  opacity: .72;
  background: linear-gradient(to bottom, rgba(18, 8, 16, 0), #050506);
  transition: all .3s ease-in-out;
}

.dominant-color {
  background-color: rgb(8, 52, 168);
}

.dominant-color-2 {
  background-color: rgb(102, 219, 186);
}

.dominant-color-3 {
  background-color: rgb(115 5 5 / 22%);
}

.login-bg {
  background: #050506 !important;
}


.live-badge {
  position: absolute;
  top: 0.5rem;
  right: 0.5rem;
  background: #eb3456;
  color: #fff;
  border-radius: 0.4em;
  text-transform: uppercase;
  font-size: .7em;
  font-weight: 600;
  letter-spacing: .2em;
  padding: 0.35em 0.5em 0.2em 0.68em;
  transform-origin: center bottom;
  display: block;
}

.btn-suscribe {
  position: relative;
  background: linear-gradient(-90deg, #EE7752, #E73C7E, #23A6D5, #23D5AB, #EE7752);
  background-size: 400% 100%;
  text-transform: uppercase;
  font-weight: 700;
  border: none;
  border-radius: 2.25em;
  font-size: 13px;
  letter-spacing: 1px;
  padding: 0;
  margin: 0;
  animation: Gradient 4s ease infinite;
  text-decoration: none;
}

.btn-suscribe div {
  color: white;
  padding: 0.35em 1.618em;
  border-radius: inherit;
  background-size: inherit;
  background-image: inherit;
  animation: Gradient 4s ease infinite;
  position: relative;
  z-index: 1;
  mix-blend-mode: overlay;
  font-family: 'Inter';
  font-size: 14px;

}

@keyframes Gradient {
  50% {
    background-position: 140% 50%;
    transform: skew(-2deg);
  }
}

.btn-suscribe::after {
  content: '';
  position: absolute;
  background-size: inherit;
  background-image: inherit;
  animation: inherit;
  left: 0px;
  right: 0px;
  top: 2px;
  height: 100%;
  filter: blur(1rem);
}

.r__favorite {
  display: flex;
  flex-direction: column;
  gap: 8px;
  position: absolute;
  right: 10px;
  top: 20px;
  z-index: 4;
}

.eU {
  align-items: stretch;
  display: flex;
  height: calc(100vh - 100px - var(--tap-bar-height) - env(safe-area-inset-bottom));
  margin-bottom: -40px;
  overflow: hidden;
  position: relative;
  border-radius: 20px;
  min-width: 960px;
  max-width: 960px;
}

.eU__left-part {
  background: #0c0c0c;
  display: flex;
  flex: 0 1 340px;
  flex-direction: column;
  position: relative;
  width: min(50%, 340px)
}

.eU__left-part--mobile {
  flex: 1;
  width: 100%
}

.eU__right-part {
  background: #0c0c0c;
  border-left: 1px solid #141414;
  flex: 1;
  min-width: 50%;
  position: relative
}

.eU__content-scroll {
  display: flex;
  flex: 1;
  flex-direction: column;
  max-height: 100%;
  padding-bottom: var(--chats-footer-height)
}

.eU__header {
  align-items: center;
  border-bottom: 1px solid transparent;
  color: #fff;
  display: flex;
  flex-wrap: nowrap;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  gap: 20px;
  height: 64px;
  line-height: 120%;
  padding: 20px
}

.eU__header--scrolled {
  border-bottom-color: #29292b
}

.eU__header-title {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

.eU__header-text {
  align-items: flex-start;
  background: #343437;
  border-radius: 8px;
  color: #a0a0a1;
  display: flex;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  gap: 8px;
  line-height: 140%;
  margin: 12px 18px;
  padding: 10px 22px;
  cursor: pointer !important;
}

.eU__back-button.btn {
  background: #343437;
  border-radius: 50%;
  color: #fff;
  display: inline-grid;
  height: 24px;
  place-items: center;
  width: 24px
}

.eU__chats-filter {
  margin: 0 8px 8px
}

.eU__message-detail-header {
  align-items: center;
  border-bottom: 1px solid #29292b;
  display: flex;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  gap: 4px;
  height: 64px;
  line-height: 120%;
  padding: 20px
}

.eU__message-detail-scroll {
  height: 100%;
  width: 100%
}

.eU__message-detail-content {
  margin: 0 auto;
  max-width: 800px;
  padding-top: 20px
}

.eU__empty-state {
  color: #cfcfd0;
  font-size: 14px;
  font-weight: 500;
  left: 50%;
  line-height: 140%;
  position: absolute;
  text-align: center;
  top: 50%;
  transform: translate(-50%, -50%);
  width: calc(100% - 40px);
  z-index: 1
}

.eU__close-btn {
  color: #707071;
  display: grid;
  height: 40px;
  place-items: center;
  position: absolute;
  right: 0;
  top: 10px;
  width: 40px
}


.bDc {
  align-items: center;
  border-radius: 8px;
  cursor: pointer;
  display: flex;
  margin: 0 8px;
  padding: 12px;
  position: relative;
  transition: background .3s
}

.bDc--mode--page {
  margin-bottom: 4px
}

.bDc--selected,
.bDc--selected .bDc__tier,
.bDc--selected .user-status-icon {
  background: #181818
}

@media (pointer:fine) {

  .bDc:hover,
  .bDc:hover .bDc__tier,
  .bDc:hover .user-status-icon {
    background: #181818
  }
}

.bDc .icon-people {
  color: #fff;
  margin: 0 6px 0 0
}

.bDc__tier {
  align-items: center;
  background: #232325;
  border-radius: 50%;
  bottom: -4px;
  display: flex;
  height: 22px;
  justify-content: center;
  position: absolute;
  right: -4px;
  transition: background .3s;
  width: 22px
}

.bDc__tier .icon-diamond-colored,
.bDc__tier .icon-diamond-flat {
  height: 14px;
  width: 14px
}

.bDc__avatar-wrapper {
  margin: 0 12px 0 0;
  position: relative
}

.bDc .avatar {
  flex-shrink: 0;
  height: 44px;
  width: 44px
}

.bDc .user-status-icon {
  background: #232325;
  height: 12px;
  left: -3px;
  top: -3px;
  width: 12px
}

.bDc__content {
  flex: 1;
  max-width: 75%;
  overflow: hidden
}

.bDc__name {
  align-items: center;
  display: flex
}

.bDc__name .username {
  font-weight: 700
}

.bDc__text {
  color: #a0a0a1;
  margin: 5px 0 0;
  min-height: 16px;
  overflow: hidden;
  padding-right: 5px;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-align: left;
  font-size: 0.8rem;
}

.bDc__time {
  font-size: 12px;
  font-weight: 500;
  letter-spacing: normal;
  line-height: normal;
  color: #5f5f61;
  flex: auto;
  margin: 0 0 0 6px;
  text-align: right;
}

.bDc__menu {
  align-items: center;
  cursor: pointer;
  display: flex;
  height: 32px;
  justify-content: center;
  opacity: .4;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%) rotate(90deg);
  transition: opacity .3s;
  width: 32px
}

@media screen and (max-width:639px) {
  .bDc__menu {
    height: 44px;
    margin-right: -8px;
    width: 44px
  }

  .bDc__new {
    right: 10px !important;
  }

  .bDc__content {
    max-width: 100% !important;
  }
}

.bDc__menu:hover {
  opacity: 1
}

.bDc__new {
  align-items: center;
  background: #fb0000f7;
  border-radius: 10px;
  color: #fff;
  display: flex;
  font-size: 10px;
  height: 15px;
  justify-content: center;
  min-width: 15px;
  padding: 0 4px;
  pointer-events: none;
  position: absolute;
  right: 20px;
  top: 35px;
}


.bDc .personal-notifications-settings {
  bottom: unset;
  left: unset;
  right: -8px;
  top: 56px
}

@media screen and (max-width:639px) {
  .bDc .personal-notifications-settings {
    bottom: unset;
    left: 7px;
    right: 7px;
    top: 56px;
    width: unset
  }
}

.bDc--menu--top .personal-notifications-settings {
  bottom: 56px;
  top: unset
}

@media screen and (max-width:639px) {
  .bDc--menu--top .personal-notifications-settings {
    bottom: 56px;
    top: unset
  }
}

.bDc--menu--top .personal-notifications-settings-arrow-up {
  bottom: -5px;
  top: unset;
  transform: rotate(180deg)
}

.bDc .personal-notifications-switcher-name {
  cursor: pointer;
  text-decoration: none
}

.bDc .personal-notifications-switcher-name:hover {
  color: #fff
}

.bCa {
  background-color: #0c0c0c;
  border-bottom: 1px solid #141414;
  border-radius: 8px 8px 0 0;
  min-height: 48px;
  position: relative;
  -webkit-user-select: none;
  user-select: none
}

.bCa--mode--page {
  min-height: 64px
}

.bCa--mode--page .bCa__left-block {
  padding-left: 12px;
  justify-content: center;
}

.bCa--collapsed {
  border: 1px solid #515151
}

.bCa--fixed {
  bottom: calc(100% - 62px);
  left: 0;
  position: fixed;
  right: 0;
  z-index: 1
}

.bCa__content {
  align-items: center;
  display: flex;
  height: 100%;
  min-height: 40px
}

.bCa__placeholder {
  height: 62px
}

.bCa__name .displayname__name {
  font-weight: 700;
  line-height: 125%;
  max-width: 164px
}

.bCa__name--collapsed .displayname__name {
  max-width: 126px
}

.bCa__back-block {
  position: absolute;
  left: 10px;
  top: 20px;
  display: none;
}

.bCa__back-block svg {
  width: 20px;
}

.bCa__left-block {
  align-items: center;
  display: flex;
  flex-grow: 1;
  flex-shrink: 0;
  padding-left: 6px
}

.bCa__right-block {
  align-items: flex-start;
  backdrop-filter: blur(2px);
  background: rgba(27, 27, 29, .6);
  border-radius: 12px 12px 0 0;
  bottom: calc(100% - 10px);
  box-shadow: 0 20px 30px 0 rgba(0, 0, 0, .3);
  display: flex;
  justify-content: flex-end;
  padding: 0 0 10px;
  position: absolute;
  right: 0;
  width: 100%;
  z-index: -1
}

.bCa__avatar-wrapper {
  height: 32px;
  margin-right: 11px;
  position: relative;
  width: 32px
}

.bCa__header-button.btn {
  color: #707071
}

.bCa__header-button.btn:hover {
  color: #a0a0a1
}

.bCa__header-button--action-btn {
  height: 40px;
  width: 40px
}

.bCa .unread-messages {
  background-color: var(--primary-light);
  border-radius: 50%;
  height: 8px;
  margin: 0 6px;
  width: 8px
}

.bCa__collapse-button {
  margin-right: 10px;
  opacity: .5;
  transition: opacity 200ms
}

.bCa__call-btn {
  background: 0 0;
  border: 0;
  cursor: pointer;
  padding: 0
}

@media (max-width:639px) {
  .bCa__right-block {
    position: static;
    z-index: 1
  }
}

.bsc {
  border-radius: 8px 8px 0 0;
  box-shadow: 0 20px 30px rgba(0, 0, 0, .3);
  display: flex;
  flex-direction: column !important;
  padding-bottom: env(safe-area-inset-bottom);
  position: relative;
  transition: width 200ms;
  width: 300px
}

.bsc--mode--page {
  border-radius: 0;
  box-shadow: none;
  height: 100%;
  width: 100%
}

.bsc--mode--page.bsc--expanded {
  width: 100% !important
}

.bsc--mode--page .bsc__content--expanded {
  flex: 1;
  width: 100%
}

.bsc--expanded {
  overflow: inherit;
  width: 360px
}

@media (max-width:639px) {
  .bsc--expanded {
    width: 100%
  }

  .bsc--mode--modal {
    border-radius: 0;
    bottom: var(--tap-bar-height);
    left: 0;
    position: fixed;
    right: 0;
    top: 0
  }
}

.bsc:not(:first-child) {
  margin-left: 0px
}

.bsc__content {
  display: flex;
  flex-direction: column;
  height: 0;
  justify-content: flex-end;
  position: relative;
  transition: height 200ms
}

.bsc__content--expanded {
  height: 430px;
  max-height: calc(100vh - 100px)
}

@media (max-width:639px) {
  .bsc__content--expanded {
    flex: 1
  }
}

@media screen and (max-width:639px) {
  .bsc__content--expanded {
    height: auto;
    max-height: none;
    overflow: hidden
  }

  .bsc__content--cookie-expanded {
    max-height: calc(100vh - 160px)
  }
}

.bsc .chat-header-username {
  max-width: 160px
}

.bsc__skeleton-wrapper {
  flex: 1;
  max-height: 100%
}

.bzz {
  flex: 1
}

.bzz__list {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  margin: 0 auto;
  max-width: max(800px, 25vw);
  width: 100%
}

.bzz__message-list-overlay {
  -webkit-backdrop-filter: blur(0);
  backdrop-filter: blur(0);
  bottom: 0;
  left: 0;
  pointer-events: none;
  position: fixed;
  right: 0;
  top: 0;
  transition: backdrop-filter 50ms linear;
  z-index: 2
}

.bzz__message-list-overlay--visible {
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  pointer-events: auto
}

.bGc {
  background: #151516
}

.bGc--own {
  background: rgba(91, 65, 255, .2)
}

.bGc__gallery {
  background: #232325;
  height: 260px;
  min-height: 220px;
  min-width: 300px;
  position: relative
}

.bGc__gallery--uncovered {
  height: 220px
}

.bGc__icon {
  color: #cfcfd0;
  left: 8px;
  pointer-events: none;
  position: absolute;
  top: 8px
}

.bGc__footer {
  padding: 10px 12px 26px;
  text-align: left
}

.bGc__counters {
  color: rgba(255, 255, 255, .4);
  font-size: 12px;
  font-weight: 500;
  line-height: 15px;
  margin-top: 2px
}

.bGc__body {
  margin: 5px 0 0;
  padding-top: 5px;
  word-break: break-word
}

.bGc__right-bottom {
  font-size: 11px;
  font-weight: 700;
  letter-spacing: normal;
  line-height: 12px;
  text-transform: uppercase;
  align-items: center;
  background-color: rgba(0, 0, 0, .4);
  border-radius: 4px;
  color: rgba(248, 248, 248, .8);
  display: flex;
  justify-content: center;
  padding: 4px 8px;
  position: absolute;
  right: 8px;
  top: calc(100% - 8px);
  transform: translateY(-100%)
}

.bGc__play-icon {
  color: #fff;
  position: absolute;
  right: 8px;
  top: 8px
}


.bFc {
  background: #232325;
  height: 260px;
  overflow: inherit
}

.bFc__play {
  align-items: center;
  background-color: #000;
  border-radius: 50%;
  color: #fff;
  display: flex;
  height: 34px;
  justify-content: center;
  width: 34px
}

.bEc {
  display: grid;
  gap: 2px;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: repeat(2, 1fr);
  height: 100%;
  width: 100%
}

.bEc__item {
  align-items: center;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  display: flex;
  justify-content: center
}

.bIc {
  align-items: center;
  background: rgba(0, 0, 0, .6);
  border: 0;
  border-radius: 20px;
  color: #fff;
  display: flex;
  flex-direction: column;
  font-size: 12px;
  justify-content: center;
  left: 50%;
  max-width: 85%;
  min-width: 118px;
  padding: 10px 20px;
  pointer-events: none;
  position: absolute;
  text-align: center;
  top: 50%;
  transform: translate(-50%, -50%);
  transition: background .3s
}

.bIc__icon {
  fill: currentColor;
  height: 20px;
  margin: 0
}

.bIc__icon--unlocked {
  color: #34b353
}

.bIc__label {
  margin-top: 8px
}

.bIc__price {
  font-weight: 700
}

.bIc__original-price {
  color: #b5b6b7;
  font-weight: 700;
  text-decoration: line-through
}

.qc {
  align-items: center;
  background: #151516;
  border-radius: 16px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin: 12px;
  padding: 16px
}

.qc__wrapper {
  display: flex;
  flex: 1;
  flex-direction: column;
  justify-content: flex-end
}

.qc__or {
  font-size: 12px;
  line-height: 20px;
  margin: 6px 0;
  opacity: .6
}

.qc__blocked-icon.icon {
  height: 45px;
  width: 45px
}

.qc__stub-title {
  font-size: 17px;
  margin: 16px 0;
  text-align: center
}

.qc__stub-description {
  font-size: 14px;
  line-height: 20px;
  margin: 0 0 12px;
  opacity: .6;
  text-align: center
}

.qc__message-icon-wrapper {
  align-items: center;
  background: url('')no-repeat;
  background-size: contain;
  display: flex;
  height: 56px;
  justify-content: center;
  margin: 0 auto;
  width: 56px
}

.qc__message-icon {
  display: block;
  height: 20px;
  width: 20px
}

.qc__unlock {
  animation: opacity-zoom-fade-hide 1.5s;
  bottom: 50%;
  display: flex;
  justify-content: center;
  left: 0;
  opacity: 0;
  pointer-events: none;
  position: absolute;
  width: 100%;
  z-index: 1
}

.qc__unlock-icon {
  height: 30px;
  width: 30px
}

.gcc,
.qc__button-group {
  align-items: center;
  display: flex;
  gap: 10px
}

.qc__button-group .btn {
  padding: 0 16px
}

.bAc {
  align-items: center;
  border-top: 1px solid #141414;
  display: flex;
  flex: 0 0 60px;
  position: relative;
  touch-action: none;
  padding-bottom: 10px;
}

.bAc--hidden,

.bAc--mobile {
  background: #232325;
  bottom: calc(var(--tap-bar-height) + env(safe-area-inset-bottom));
  left: 0;
  position: fixed;
  width: 100%
}

.bAc__shatter {
  align-items: center;
  cursor: pointer;
  display: flex;
  font-size: 12px;
  gap: 3px;
  height: 100%;
  left: 12px;
  position: absolute;
  right: 12px;
  top: 0
}

.bAc__ghost {
  min-height: 40px
}

.bAc .chat-controls-input {
  max-height: 80px;
  padding: 6px 0
}

.bAc__content {
  align-items: center;
  display: flex;
  flex: 1;
  height: 100%
}

.bAc__input-wrapper {
  align-items: center;
  background: #111113;
  border: 1px solid transparent;
  border-radius: 12px;
  display: flex;
  flex: 1;
  margin: 8px;
  min-height: 40px;
  padding: 0 12px;
  position: relative
}

.bAc__input-buttons {
  align-items: center;
  display: flex
}

.bAc .messenger-upload-button-wrapper {
  color: #a0a0a1;
  height: 100%;
  margin-right: 0;
  opacity: 1;
  width: 40px
}

.bAc .smiles-dropdown {
  margin: 0
}

.bAc .smiles-dropdown .trigger {
  color: #fff;
  height: 30px;
  width: auto
}

.bAc .smiles-dropdown .trigger .icon,
.bAc .smiles-dropdown .trigger:hover .icon {
  fill: #fff;
  opacity: .6;
  position: static
}

.bAc__control-button {
  display: grid;
  height: 100%;
  place-items: center;
  width: 40px
}

.bAc__control-button__label {
  align-items: center;
  background: #8a18fc;
  border-radius: 6px;
  color: #fff;
  display: flex;
  font-size: 13px;
  font-weight: 700;
  height: 20px;
  padding: 0 8px
}

.bAc__send-button {
  cursor: default
}

.bAc__send-button--non-empty-input {
  cursor: pointer
}

.bAc__send-button--non-empty-input .send-icon {
  opacity: 1
}

.bAc__send-button--non-empty-input:hover .send-icon {
  transform: scale(1.1, 1.1)
}

.bAc .control-icon {
  color: #fff;
  fill: currentColor;
  height: 20px;
  margin: 0;
  opacity: .6;
  width: 20px
}

.bAc .smiles-dropdown .smiles-list {
  bottom: 40px;
  top: auto
}

@media (max-width:639px) {
  .bAc .smiles-dropdown .smiles-list {
    left: auto;
    right: 0
  }

  .messages-container {
    top: 0;
    border-radius: 0;
    height: 100vh;
    width: 100%;

  }

  .eU {
    border-radius: 0;
    height: 100%;
    min-width: 100%;
    width: 100%;
    padding-bottom: 50px;
  }

  .eU__left-part {
    width: 100%;
    flex: 0 0 100%;
  }

  .eU__right-part {
    width: 100%;
    flex: 0 0 100%;
  }
}


:root {
  --header-cta-height: 80px;
}

/*CTA*/
.header-cta {
  padding: 20px;
  min-height: var(--header-cta-height);
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 20px;
  background: url("https://my.club/blog/assets/header-banner.webp") no-repeat;
  background-size: cover;
  position: fixed;
  top: 50px;
  transform: translateY(-100%);

  left: 0;
  right: 0;
  box-sizing: border-box;
  z-index: 10;
  transition: all 200ms ease;
  box-shadow: 0 1px 20px rgba(0, 0, 0, 0.6);
}

.header-cta--visible {
  transform: translateY(0);
}

.header-cta__texts {
  align-items: center;
  flex: 1;
  display: flex;
  gap: 20px;
}

.header-cta__logo {
  align-items: center;
  display: flex;
  width: 104px;
  min-width: 104px;
}

.header-cta__logo-image {
  width: 100%;
  height: auto;
  object-fit: cover;
}

.header-cta__text {
  font-weight: 700;
  font-size: 20px;
  line-height: 120%;
  color: #FFFFFF;
  text-align: center;
  margin: 0 auto;
  text-shadow: 0 1px 20px rgba(0, 0, 0, 0.4);
}

.header-cta__action {
  min-width: 150px;
}

.header-cta__button {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 0 20px;
  gap: 10px;
  height: 40px;
  background: #b4189e;
  border-radius: 12px;
  color: #FFFFFF;
  font-size: 14px;
  font-weight: 600;
  border: none;
  cursor: pointer;
  box-sizing: border-box;
  transition: all 250ms ease;
}

.header-cta__button:hover {
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), #FC8A18;
}


.header-cta__button>span {
  white-space: nowrap;
}

.header-cta__button-icon {
  width: 14px;
  height: 14px;
  color: rgba(255, 255, 255, 0.6);
}

@media (max-width: 640px) {
  :root {
    --header-cta-height: 120px;
  }

  .header-cta {
    border-radius: 0 0 12px 12px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 10px;
  }

  .header-cta__action {
    width: 100%;
    flex: 1;
  }

  .header-cta__texts {
    align-items: flex-start;
    gap: 20px;
    flex-direction: row-reverse;
    justify-content: space-between;
    width: 100%;
  }

  .header-cta__text {
    text-align: left;
    font-family: 'Helvetica Neue', Helvetica, Roboto, Arial, sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 125%;
    margin: 0;
  }

  .header-cta__button {
    max-width: 100%;
  }

  .header-cta__logo {
    width: 70px;
    min-width: 70px;
  }

  .header-cta__button {
    height: 32px;
    font-size: 13px;
  }
}


.mobile-menu {
  transform: translateY(100px);
  transition: all 200ms ease;
}

.mobile-menu-visible {
  transform: translateY(0);
}

.mobile-menu-invisible {
  transform: translateY(100px);
}

.only-premium-message-username {
  font-weight: bold;
}

.ew {
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: 20px;
}

@media (max-width:639px) {
  .ew {
    padding: 20px
  }
}

.cf {
  align-items: center;
  background-color: #19191a;
  border-radius: 10px;
  display: flex;
  flex: 1;
  gap: 16px;
  width: 100%
}

.cf--size--reqular {
  padding: 16px
}

.cf--size--reqular-long {
  min-height: 64px;
  padding: 10px 20px
}

.cf--size--small {
  padding: 12px
}

.cf--align--space-between {
  justify-content: space-between
}

.cf--align--left {
  justify-content: flex-start
}

.cf--clickable {
  cursor: pointer
}

.cf--clickable:hover {
  background-color: #343437
}

.cf__left-part {
  display: grid;
  grid-auto-flow: row;
  grid-row-gap: 4px
}

.cf__left-part--grow {
  flex: 1
}

.cf__right-part {
  align-items: center;
  display: flex;
  justify-content: flex-end
}

.cf__right-part--overflow-hidden {
  overflow: hidden
}

.cf__right-part--grow {
  flex: 1
}

.ev__wrapper {
  align-items: center;
  display: flex;
  flex: 1;
  gap: 20px;
  justify-content: space-between;
  width: 100%
}

.icons-hidden {
  display: none;
}


.fs {
  animation: opacity-fade-show .3s;
  background: #232325;
  border-radius: 16px;
  bottom: 10px;
  box-shadow: 0 20px 30px rgba(0, 0, 0, .3);
  display: flex;
  flex-direction: column;
  height: unset;
  left: auto !important;
  max-height: 100%;
  position: fixed;
  right: 30px;
  top: 64px;
  width: 382px;
  z-index: 106
}

.fs--cookie {
  bottom: 70px
}

.fs--is-hiding {
  animation: opacity-fade-hide .3s
}

.fs__verify {
  align-items: center;
  background: #1b1b1d;
  border-radius: 12px;
  display: flex;
  font-size: 14px;
  gap: 12px;
  line-height: 140%;
  margin: 0 8px 4px;
  padding: 12px 42px 12px 12px;
  position: relative
}

.fs__verify-icon {
  align-self: flex-start
}

.fs__verify-close {
  color: #707071;
  cursor: pointer;
  font-size: 0;
  padding: 6px;
  position: absolute;
  right: 4px;
  top: 4px
}

.fs__verify-close:hover {
  color: #a0a0a1
}

.fs .scroll-bar-container {
  display: flex;
  flex-direction: column;
  height: 100%;
  max-height: none;
  max-width: none;
  overflow-x: hidden;
  width: auto
}

.fs__title {
  align-items: center;
  border-bottom: 1px solid transparent;
  color: #fff;
  display: flex;
  font-size: 20px;
  font-weight: 700;
  height: 65px;
  line-height: 24px;
  margin: 0;
  padding: 20px;
  transition: border-bottom-color .5s
}

.fs__title--scrolled {
  border-bottom-color: #29292b
}

.fs__title button {
  border-radius: 2px;
  height: 24px;
  min-width: 24px;
  width: 24px;
  color: #fff;
  margin-right: 12px
}

.fs__title button:hover {
  background: rgba(248, 248, 248, .1)
}

.fs__title .icon {
  flex-shrink: 0;
  height: 16px;
  margin: 0;
  width: 16px
}

@media (max-width:639px) {
  .fs {
    border-radius: 0;
    height: 100%;
    right: 0;
    top: 0;
    width: 100%
  }

  .fs h2 {
    display: none
  }
}

@media screen and (max-width:639px) {
  .fs {
    height: calc(100% - var(--tap-bar-height) - env(safe-area-inset-bottom))
  }
}

.dt__tabs {
  align-items: center;
  display: flex;
  gap: 20px;
  justify-content: flex-start
}

.dt__tabs-item {
  color: #707071;
  cursor: pointer;
  display: flex;
  overflow: hidden;
  text-overflow: ellipsis
}

.dt__tabs-item--active {
  color: #fff;
  pointer-events: none
}

.dt__tabs-item--with-unread:after {
  background: #d21b4c;
  border-radius: 50%;
  content: "";
  display: block;
  flex: 0 0 10px;
  height: 10px;
  position: relative;
  right: 0;
  top: 0;
  width: 10px
}

@media screen and (max-width:639px) {
  .dt__tabs-item {
    font-size: 16px
  }
}

.dt__tabs-item-content {
  font-size: 20px;
  font-weight: 700;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

.dp {
  flex-shrink: 0;
  position: relative;
  width: 100%
}

.dp--mobile {
  display: flex;
  flex-direction: column;
  gap: 12px
}

.dp__row {
  display: flex;
  gap: 12px
}

.dp__row>a,
.dp__row>button,
.dp__row>div {
  flex-grow: 1;
  justify-content: center;
  text-align: center
}

@media (min-width:479px) {
  .dp__row {
    display: flex;
    gap: 12px
  }

  .dp__row>a,
  .dp__row>button,
  .dp__row>div {
    flex-basis: 50%
  }
}

.dp__favorite {
  display: flex;
  flex-direction: column;
  gap: 12px;
  position: absolute;
  right: 15px;
  top: 70px;
  z-index: 7
}

.dp__dropdown {
  color: #fff;
  font-size: 13px;
  min-width: 350px
}

.dp__dropdown-footer {
  border-top: 1px solid rgba(255, 255, 255, .05);
  margin: 12px 0 0;
  padding: 12px 0 0
}

.dp__dropdown-header {
  align-items: center;
  column-gap: 16px;
  display: flex;
  justify-content: space-between
}

.dp__edit-request-menu-button {
  align-items: center;
  gap: 12px
}

.dp__edit-request-menu-button.btn {
  padding: 0 16px
}

.dp__actions-settings {
  align-items: center;
  display: flex
}

.dp__actions-settings-icon--padded {
  margin: 0 8px 0 0
}

.dp__right {
  display: flex;
  gap: 12px;
  margin: 0 0 0 auto
}

.dp__title {
  align-items: center;
  display: flex;
  font-size: 14px;
  font-weight: 700;
  white-space: nowrap
}

.dp__date {
  font-size: 14px;
  margin: 6px 0 0;
  opacity: .4;
  white-space: nowrap
}

.dp__date--warning {
  color: #d21b4c;
  opacity: 1
}

.dp__join-club-block {
  display: flex
}

.dp__join-club-button.btn {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0
}

.dp__dot-button.menu-button-dots__menu-button {
  background: #8a18fc;
  border-left: 1px solid rgba(0, 0, 0, .1);
  border-radius: 0 12px 12px 0;
  filter: none;
  padding: 0 10px;
  position: relative
}

.dp__dot-button.menu-button-dots__menu-button:hover {
  background: #9e40fd
}

.dp__dot-button--style--ai-primary.menu-button-dots__menu-button {
  background: #a0f0e6;
  color: #050506
}

.dp__dot-button--style--ai-primary.menu-button-dots__menu-button:hover {
  background: #a0f0e6
}

.discover-tabs {
  margin-top: 20px !important;
}

@media screen and (max-width:639px) {
  .dp {
    padding: 0;
    width: 100%
  }

  .dp .action-buttons-container .user-fan-club-status-btn {
    height: 31px;
    justify-content: center;
    margin: 0 0 20px;
    width: 100%
  }

  .dp .splitter {
    display: none
  }

  .discover-tabs {
    margin-top: 0px !important;
  }
}

.dp__icon-wrapper {
  position: relative
}

.dp__icon-decorator {
  color: #2e1d3e;
  height: 12px;
  position: absolute;
  right: 7px;
  top: -3px;
  width: 12px
}

.dp .icon-diamond-colored,
.dp .icon-diamond-flat,
.dp .icon-diamond-rotate {
  height: 20px;
  margin: 0 10px 0 0;
  width: 20px
}

.subscribeBtnDisabled {
  background: #1e1d1d !important;
}

.payments__options {
  position: relative;
  width: 100%;
  height: 550px;
  background: #0a0a0a;
  ;
}

.payments__iframe {
  width: 100%;
  height: 100%;
  border: none;
  margin: 0;
  padding: 0;
  border-radius: 10px;
  border: none;
}

.select select {
  text-indent: 5px !important;
}

.select select option {
  background: #111113;
  color: #dfdfdf99;
  text-indent: 5px !important;
}


.documents {
  column-gap: 20px;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  row-gap: 10px
}

.m__field-row--long {
  grid-column: span 2
}

.m__row-split {
  background: rgba(255, 255, 255, .05);
  grid-column: span 2;
  height: 1px;
  margin: 6px 0 0
}

.m__field-label {
  flex-basis: 40%;
  line-height: 30px;
  text-align: left;
  white-space: nowrap;
  font-size: .75rem
}

.m__field-input {
  flex-basis: 60%;
  font-size: .75rem
}

.m__field-tooltip {
  margin-left: 10px
}

.m__field-input-optional {
  align-items: center;
  display: flex
}

.m__field-delete-button {
  background: 0 0;
  border: 0;
  color: #707071;
  cursor: pointer;
  margin: 0 11px;
  outline: 0;
  padding: 0
}

@media (max-width:639px) {
  .documents {
    display: block
  }
}

.documents-selection {
  display: flex;
  flex-wrap: wrap;
  gap: 20px
}

.e__item {
  align-items: center;
  background: #232325;
  border: 0;
  border-radius: 10px;
  cursor: pointer;
  display: flex;
  flex: 1;
  flex-direction: column;
  gap: 20px;
  justify-content: center;
  overflow: hidden;
  padding: 0 20px;
  position: relative;
  transition: background .3s;
  width: 100%
}

.e__item--size--small {
  min-height: 148px
}

.e__item--size--reqular {
  min-height: 240px
}

.e__item:hover {
  background: #343437
}

.e__icon {
  align-items: center;
  display: flex;
  justify-content: center
}

.e__icon::before {
  background: radial-gradient(50% 50%at 50% 50%, rgba(189, 16, 1, .2)0, rgba(27, 27, 29, 0) 100%);
  content: "";
  height: 192px;
  position: absolute;
  width: 192px
}

.e__text {
  color: #fff;
  font-size: 16px;
  font-weight: 600
}

@media (max-width:639px) {
  .documents-selection {
    flex-direction: column
  }

  .e__item {
    min-height: 148px
  }
}

.hideFlex {
  display: none !important;
}


.ageRestricted {
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
  background: rgba(0, 0, 0, .8);
  bottom: 0;
  display: flex;
  justify-content: center;
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  width: 100%;
  z-index: 10000
}

.ageRestricted__scroll {
  padding: 0 20px;
  width: 100%
}

.ageRestricted__content {
  margin: 0 auto;
  max-width: 440px;
  min-height: 100vh;
  padding: 120px 0 60px;
  width: 100%
}

.ageRestricted__header {
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin: 0 auto 40px;
  max-width: 240px
}

.ageRestricted__separator {
  background: rgba(255, 255, 255, .1);
  height: 1px;
  width: 100%
}

.ageRestricted__reject-button.btn {
  background: 0 0;
  color: #fff;
}

.bm4 {
  background-color: #1b1b1d;
  border-radius: 12px;
  display: flex;
  flex-direction: column;
  max-width: 100%;
  overflow: hidden;
  width: 500px
}

.bm4--size--large {
  width: 760px
}

.bm4__body {
  display: flex;
  flex: 1;
  flex-direction: column
}

.bm4__footer {
  border-top: 1px solid rgba(255, 255, 255, .05);
  max-height: 80px;
  padding: 20px
}

.bm4__footer--sticky {
  -webkit-backdrop-filter: blur(2px);
  backdrop-filter: blur(2px);
  background: rgba(27, 27, 29, .9);
  bottom: 0;
  position: absolute;
  width: 100%;
  z-index: 2
}

.blr {
  align-items: center;
  border-bottom: 2px solid rgba(255, 255, 255, .05);
  display: flex;
  justify-content: flex-start;
  padding: 20px
}

.blr__left {
  height: 48px;
  margin-right: 14px;
  width: 48px
}

.blr__avatar.avatar {
  height: 48px;
  width: 48px
}

.blr__title {
  font-size: 16px;
  font-weight: 700
}

.blr__sub-text {
  color: #707071;
  font-size: 12px
}

.blr__sub-text--last::before {
  content: " • "
}

.blr__avatar {
  height: 48px;
  width: 48px
}

.ft,
.ft__content {
  align-items: center;
  display: flex;
  flex: 1;
  flex-direction: column
}

.ft__content {
  justify-content: center;
  padding: 20px;
  width: 100%
}

.ft__svg-icon {
  margin-bottom: 16px
}

.ft__extra-name {
  color: #fff;
  font-size: 24px;
  font-weight: 500;
  margin-bottom: 20px
}

.ft__description {
  color: #a0a0a1;
  font-size: 14px;
  font-weight: 400;
  margin-bottom: 20px;
  max-width: 340px;
  text-align: center
}

.ft__add-details {
  align-items: center;
  color: #c4e568;
  column-gap: 12px;
  cursor: pointer;
  display: flex;
  font-size: 14px
}

.ft__text-form {
  display: flex;
  position: relative;
  width: 100%
}

.ft__text-form-controls {
  align-items: center;
  bottom: 10px;
  column-gap: 4px;
  display: flex;
  position: absolute;
  right: 5px
}

.ft__text-form-close {
  align-items: center;
  background: rgba(255, 255, 255, .1);
  border-radius: 50%;
  color: #a0a0a1;
  cursor: pointer;
  display: flex;
  height: 20px;
  justify-content: center;
  position: absolute;
  right: 14px;
  top: 10px;
  width: 20px
}

.ft__text-form-close:hover {
  color: #fff
}

.ft__attach-media {
  bottom: 10px;
  left: 5px;
  position: absolute
}

.ft__attach-media button {
  background: none;
  color: #a4a4a4;
  padding: 0 5px;
}

.ft .chat-controls-input--form {
  height: 120px;
}

.ft__vat {
  color: #707071;
  font-size: 12px;
  margin-bottom: 20px
}

.ft__details {
  margin: 0 auto;
  max-width: 420px;
  width: 100%
}

.ft__media-list {
  margin-top: 20px;
  width: 100%
}

.bc__media-preview,
.peso {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 14px
}

.peso {
  background-color: #343437;
  border-radius: 10px;
  height: 76px;
  margin-right: 5px;
  position: relative;
  width: 76px;
  -webkit-user-select: none;
  user-select: none
}

.p--has-error .p__indicators,
.p--in-moderation .p__indicators,
.p--uploading .p__indicators {
  opacity: 1;
  pointer-events: auto
}

.p--draggable {
  cursor: grab
}

.p--hover .p__drag-cover-content {
  opacity: 1;
  transform: translateY(0)
}

.p__badge {
  left: 4px;
  pointer-events: none;
  position: absolute;
  top: 4px
}

.p__time {
  align-items: center;
  background: rgba(0, 0, 0, .8);
  border-radius: 4px;
  bottom: 4px;
  color: #a0a0a1;
  display: flex;
  font-size: 10px;
  height: 14px;
  padding: 0 3px;
  pointer-events: none;
  position: absolute;
  right: 4px
}

.p__add-button {
  align-items: center;
  background-color: none;
  border-radius: 50%;
  cursor: pointer;
  display: flex;
  height: 44px;
  justify-content: center;
  position: absolute;
  transition: all ease .25s;
  width: 44px;
  z-index: 1
}


.p__remove-button {
  align-items: center;
  background-color: #5b5b5b;
  border: 3px solid #1b1b1d;
  border-radius: 50%;
  cursor: pointer;
  display: flex;
  height: 24px;
  justify-content: center;
  position: absolute;
  right: -8px;
  top: -12px;
  transition: all ease .25s;
  width: 24px;
  z-index: 1
}

.p__remove-button .icon {
  color: #fff;
  fill: #fff;
  margin: 0
}

.p__remove-button:hover {
  background-color: #af262f
}

.p__indicators {
  align-items: center;
  background-color: rgba(0, 0, 0, .8);
  border-radius: inherit;
  bottom: 0;
  container-type: inline-size;
  display: flex;
  justify-content: center;
  left: 0;
  opacity: 0;
  overflow: hidden;
  pointer-events: none;
  position: absolute;
  right: 0;
  top: 0;
  transition: opacity .5s
}

.p__uploading {
  animation: donut-spin 1.2s linear infinite
}

.p__processing {
  color: #fff;
  font-size: 10px;
  font-weight: 500;
  word-break: break-word
}

@container (max-width: 60px) {
  .p__processing {
    font-size: 8px
  }
}

.p__processing--in-moderation {
  color: #fccf49
}

.p__error-icon {
  left: 5px;
  position: absolute;
  top: 5px
}

.p__error-icon .icon {
  color: #e12947;
  fill: #e12947;
  height: 14px;
  margin: 0;
  width: 14px
}

.p__try-again {
  cursor: pointer
}

.p__try-again .icon {
  color: #fff;
  fill: #fff;
  height: 26px;
  margin: 0;
  transition: all ease .25s;
  width: 26px
}

.p__try-again:hover .icon {
  opacity: .7
}

.p__cover-badge {
  border-bottom-right-radius: 8px;
  border-top-left-radius: 8px;
  color: #fff;
  height: 40px;
  left: 0;
  overflow: hidden;
  position: absolute;
  top: 0;
  width: 40px;
  z-index: 1
}

.p__cover-badge:before {
  border-color: #daff73 transparent transparent #daff73;
  border-style: solid;
  border-width: 20px;
  content: "";
  display: block;
  left: 0;
  position: absolute;
  top: 0
}

.p__cover-badge-icon {
  align-items: center;
  cursor: pointer;
  display: inline-flex;
  justify-content: center;
  margin-left: 4px;
  margin-top: 4px;
  position: relative;
  z-index: 1
}

.p__drag-cover {
  border-radius: 0 0 10px 10px;
  bottom: 0;
  display: flex;
  height: 30%;
  left: 0;
  overflow: hidden;
  pointer-events: none;
  position: absolute;
  right: 0
}

.p__drag-cover-content {
  align-items: center;
  background: rgba(5, 5, 6, .8);
  color: #fff;
  display: flex;
  flex: 1;
  flex-direction: column;
  justify-content: center;
  opacity: 0;
  transform: translateY(30%);
  transition: transform 250ms ease, opacity 250ms ease;
  width: 100%
}

.p__drag-cover-content::after,
.p__drag-cover-content::before {
  background: #fff;
  border-radius: 12px;
  content: "";
  display: block;
  height: 2px;
  width: 12px
}

.p__drag-cover-content::before {
  margin-bottom: 4px
}

.p__drag-cover-content--teaser {
  opacity: 1;
  transform: translateY(0)
}

.p__drag-cover-content--teaser::after,
.p__drag-cover-content--teaser::before {
  display: none
}

.za {
  align-items: stretch;
  background: #111113;
  border-radius: 12px;
  display: flex;
  flex: 1 0 284px;
  gap: 16px;
  min-height: 128px;
  min-width: 284px;
  padding: 20px 16px 20px 20px;
  transition: background .3s
}

.za--style--accent {
  background: rgba(218, 255, 115, .1)
}

.za--style--accent .za__title {
  color: #c4e568
}

.za--hovered {
  cursor: pointer
}

.za--hovered:hover {
  background: #1b1b1d
}

.za--hovered:hover.za--style--accent {
  background: rgba(218, 255, 115, .2)
}

.za--hovered:hover .gb__chevron-icon {
  color: #cfcfd0
}

.za__left-part {
  flex: 1
}

.za__right-part {
  align-items: center;
  display: flex;
  flex: 0 1 24px;
  flex-direction: column;
  justify-content: space-between;
  width: 24px
}

.za__right-part--center {
  justify-content: center
}

.za__title {
  color: #707071;
  font-size: 12px;
  font-weight: 400;
  margin-bottom: 15px;
  text-transform: uppercase
}

.za__body {
  color: #fff;
  display: grid;
  font-size: 36px;
  font-weight: 500;
  margin-bottom: 8px
}

.za__body-content {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

.za__body-highlight {
  color: #fff;
  font-size: 2rem;
  line-height: 2.5rem
}

.za__description {
  align-items: flex-start;
  color: #707071;
  display: flex;
  font-size: 12px;
  font-weight: 400;
  gap: 10px
}

.za__indicator {
  color: #21b062
}

.za__indicator--spaced {
  margin-right: 8px
}

.za__indicator--negative {
  color: #d21b4c
}

.za__chevron-icon {
  color: #707071
}

.za__help-tooltip {
  color: #707071;
  white-space: normal
}

.za__help-tooltip.help-tooltip:hover {
  color: #a0a0a1
}

.modal-body--padding--large {
  padding: 60px
}

.modal-body--padding--large-s {
  padding: 60px 60px 10px
}

.modal-body--padding--large-ss {
  padding: 40px 40px 20px
}


.modal-body--padding--regular-top {
  padding: 24px 20px
}

.modal-body--padding--small {
  padding: 20px
}

.Esa {
  align-items: stretch;
  background: #111113;
  border-radius: 12px;
  display: flex;
  flex: 1 0 284px;
  gap: 16px;
  min-height: 128px;
  min-width: 284px;
  padding: 20px 16px 20px 20px;
  transition: background .3s;
}

.Esa.selected {
  border: 2px solid #fb0102;
}

.Esa--style--accent {
  background: rgba(218, 255, 115, .1)
}

.Esa--style--accent .Esa__title {
  color: #c4e568
}

.Esa--hovered {
  cursor: pointer
}

.Esa--hovered:hover {
  background: #1b1b1d
}

.Esa--hovered:hover.Esa--style--accent {
  background: rgba(218, 255, 115, .2)
}

.Esa--hovered:hover .gf__chevron-icon {
  color: #cfcfd0
}

.Esa__left-part {
  flex: 1
}

.Esa__right-part {
  align-items: center;
  display: flex;
  flex: 0 1 24px;
  flex-direction: column;
  justify-content: space-between;
  width: 24px
}

.Esa__right-part--center {
  justify-content: center
}

.Esa__title {
  color: #707071;
  font-size: 12px;
  font-weight: 400;
  margin-bottom: 15px;
  text-transform: uppercase
}

.Esa__body {
  color: #fff;
  display: grid;
  font-size: 36px;
  font-weight: 500;
  margin-bottom: 8px
}

.Esa__body-content {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

.Esa__body-highlight {
  color: #fff;
  font-size: 2rem;
  line-height: 2.5rem
}

.Esa__description {
  align-items: flex-start;
  color: #707071;
  display: flex;
  font-size: 12px;
  font-weight: 400;
  gap: 10px
}

.Esa__indicator {
  color: #21b062
}

.Esa__indicator--spaced {
  margin-right: 8px
}

.Esa__indicator--negative {
  color: #d21b4c
}

.Esa__chevron-icon {
  color: #707071
}

.Esa__help-tooltip {
  color: #707071;
  white-space: normal
}

.Esa__help-tooltip.help-tooltip:hover {
  color: #a0a0a1
}

.D__tiles {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  min-width: 900px
}

@media screen and (max-width:1023px) {
  .D__tiles {
    column-gap: 20px;
    min-width: 100%;
    flex: 0 2;
  }

  .Esa {
    flex: 1 0 200px;
    min-width: 200px;
  }
}

.searchable-head,
.Exa {
  align-items: center;
  -webkit-user-select: none;
  user-select: none
}

.Exa {
  cursor: pointer;
  display: inline-flex;
  gap: 8px;
  text-align: right;
  white-space: nowrap
}

.Exa__icons-container {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 2px;
  justify-content: center
}

.Exa__icon-sort {
  color: rgba(255, 255, 255, .2);
  height: 5px;
  margin-left: 5px;
  width: 10px
}

.Exa__icon-sort--up {
  transform: rotate(180deg)
}

.Exa:hover .Exa__icon-sort,
.Exa__icon-sort--active {
  color: rgba(255, 255, 255, .6)
}

.earnings-block-scroll {
  overflow: auto
}

.documents-container {
  display: flex;
  flex-direction: column;
  margin: -20px 0 0
}

.rr {
  border-bottom: 1px solid #29292b;
  display: flex;
  gap: 12px;
  padding: 20px 0
}

.rr--compact {
  flex-wrap: wrap
}

.rr:last-child {
  border-bottom: 0
}

.rr__left,
.rr__right {
  flex: 1
}

.rr__left--compact,
.rr__right--compact {
  flex: none;
  width: 100%
}

.rr__left--compact {
  display: flex;
  justify-content: space-between
}

.rr__right-inner {
  display: flex;
  gap: 10px
}

.rr__header {
  align-items: center;
  display: flex;
  font-size: 16px;
  gap: 12px
}

.rr__number {
  align-items: center;
  background: #29292b;
  border-radius: 8px;
  color: #a0a0a1;
  display: flex;
  font-size: 14px;
  height: 24px;
  justify-content: center;
  width: 24px
}

.rr__description {
  color: #a0a0a1;
  font-size: 12px;
  line-height: 20px;
  padding: 6px 0 0
}

.rr__example {
  align-items: flex-end;
  background: #343437;
  border-radius: 12px;
  cursor: pointer;
  display: flex;
  height: 120px;
  margin: 20px 0 0;
  overflow: hidden;
  padding: 10px;
  position: relative;
  text-align: center;
  width: 90px
}

.rr__example--compact {
  margin: 0
}

.rr__example::before {
  background: rgba(0, 0, 0, .4);
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 1
}

.rr__example:hover .rr__img {
  transform: scale(1.1)
}

.rr__img {
  height: 100%;
  left: 0;
  object-fit: cover;
  object-position: center;
  position: absolute;
  top: 0;
  transition: transform .3s;
  width: 100%
}

.rr__example-expand {
  align-items: center;
  backdrop-filter: blur(2px);
  background: rgba(5, 5, 6, .4);
  border-radius: 50%;
  color: #fff;
  display: flex;
  height: 22px;
  justify-content: center;
  position: absolute;
  right: 4px;
  top: 4px;
  transition: background .3s;
  width: 22px;
  z-index: 1
}

.rr__example-text {
  position: absolute;
  z-index: 1;
  font-size: 0.7rem;
}

@media (max-width:639px) {
  .rr {
    flex-direction: column
  }

  .rr__left {
    display: flex;
    gap: 20px;
    justify-content: space-between
  }

  .rr__example {
    margin: 0
  }
}

.tat {
  background: #343437 center no-repeat;
  background-origin: border-box;
  background-size: cover;
  background-repeat: no-repeat;
  border-radius: 12px;
  cursor: pointer;
  display: flex;
  flex: 1;
  flex-direction: column;
  justify-content: center;
  min-height: 160px;
  overflow: hidden;
  position: relative
}

.tat--size--small {
  min-height: 60px
}

.tat--size--regular {
  min-height: 160px
}

.tat--disabled {
  pointer-events: none
}

.tat:hover {
  background-color: #424248
}

.tat--rejected,
.tat--rejected:hover {
  background: #000
}

.tat--error {
  border: 1px solid #5e152a
}

.tat--pending {
  opacity: .5;
  pointer-events: none
}

.tat--with-image::before {
  background: rgba(0, 0, 0, .8);
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 1
}

.tat--with-image-complete::before {
  background: rgb(32 179 77 / 29%);
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 1
}

.tat__item {
  align-items: center;
  display: flex;
  flex: 1;
  justify-content: center;
  padding: 16px;
  position: relative;
  z-index: 1
}

.tat__item::before {
  background: rgba(255, 255, 255, .05);
  content: "";
  height: 1px;
  left: 32px;
  position: absolute;
  right: 32px;
  top: 0
}

.tat__item:first-child::before {
  display: none
}

.tat__content {
  display: flex;
  flex-wrap: wrap;
  font-size: 12px;
  gap: 10px;
  justify-content: center;
  text-align: center
}

.tat__content-header {
  align-items: center;
  display: flex;
  gap: 10px
}

@media (max-width:639px) {
  .tat {
    min-height: 60px
  }
}