/*! tailwindcss v4.1.14 | MIT License | https://tailwindcss.com */
@layer properties;
:root, :host {
  --font-sans: ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol',
    'Noto Color Emoji';
  --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New',
    monospace;
  --color-red-200: #dda49e;
  --color-red-400: #bb493d;
  --color-red-600: #88160a;
  --color-red-800: #440b05;
  --color-orange-400: #fab238;
  --color-yellow-200: #ffe168;
  --color-yellow-300: #fab238;
  --color-yellow-400: #ffda46;
  --color-yellow-500: #f99f06;
  --color-green-400: #9ddd33;
  --color-green-500: #85d400;
  --color-blue-400: #679ff5;
  --color-blue-500: #3b84f2;
  --color-blue-600: oklch(54.6% 0.245 262.881);
  --color-violet-100: #f7c3cc;
  --color-violet-400: #e9657b;
  --color-violet-500: #e43f5a;
  --color-violet-600: #cf3952;
  --color-violet-700: #a22d40;
  --color-gray-100: oklch(96.7% 0.003 264.542);
  --color-gray-600: oklch(44.6% 0.03 256.802);
  --color-neutral-50: #ffffff;
  --color-neutral-900: #000000;
  --color-black: #000;
  --color-white: #fff;
  --spacing: 0.25rem;
  --breakpoint-sm: 40rem;
  --breakpoint-md: 48rem;
  --breakpoint-lg: 64rem;
  --breakpoint-xl: 80rem;
  --breakpoint-2xl: 96rem;
  --container-sm: 24rem;
  --container-md: 28rem;
  --container-4xl: 56rem;
  --text-xs: 0.75rem;
  --text-xs--line-height: calc(1 / 0.75);
  --text-sm: 0.875rem;
  --text-sm--line-height: calc(1.25 / 0.875);
  --text-base: 1rem;
  --text-base--line-height: calc(1.5 / 1);
  --text-lg: 1.125rem;
  --text-lg--line-height: calc(1.75 / 1.125);
  --text-xl: 1.25rem;
  --text-xl--line-height: calc(1.75 / 1.25);
  --text-2xl: 1.5rem;
  --text-2xl--line-height: calc(2 / 1.5);
  --text-4xl: 2.25rem;
  --text-4xl--line-height: calc(2.5 / 2.25);
  --text-5xl: 3rem;
  --text-5xl--line-height: 1;
  --font-weight-normal: 400;
  --font-weight-medium: 500;
  --font-weight-semibold: 600;
  --font-weight-bold: 700;
  --tracking-normal: 0em;
  --leading-relaxed: 1.625;
  --radius-xs: 0.125rem;
  --radius-sm: 0.25rem;
  --radius-md: 0.375rem;
  --radius-lg: 0.5rem;
  --radius-xl: 0.75rem;
  --ease-in: cubic-bezier(0.4, 0, 1, 1);
  --ease-out: cubic-bezier(0, 0, 0.2, 1);
  --ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);
  --animate-spin: spin 1s linear infinite;
  --blur-sm: 8px;
  --blur-lg: 16px;
  --aspect-video: 16 / 9;
  --default-transition-duration: 150ms;
  --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  --default-font-family: var(--font-sans);
  --default-mono-font-family: var(--font-mono);
  --color-brown-500: #60140c;
  --color-brown-600: #521009;
  --color-brown-700: #450c06;
  --color-brown-800: #380804;
  --color-kobalt-100: #d2d4d7;
  --color-kobalt-200: #a5aaaf;
  --color-kobalt-300: #787f86;
  --color-kobalt-400: #4b555e;
  --color-kobalt-450: #353f4a;
  --color-kobalt-475: #243342;
  --color-kobalt-500: #1e2a36;
  --color-kobalt-600: #18222b;
  --color-kobalt-700: #11181f;
  --color-peach-500: #f08e84;
  --color-gold-400: #ffb700;
  --color-primary: var(--color-neutral-50);
  --color-secondary: var(--color-kobalt-100);
  --color-tertiary: var(--color-kobalt-300);
  --color-link-primary: var(--color-violet-400);
  --color-link-secondary: var(--color-peach-500);
  --color-button-outline: var(--color-kobalt-400);
  --color-cta: var(--color-red-800);
  --color-error: var(--color-red-400);
  --color-success: var(--color-green-400);
  --color-surface-primary: var(--color-brown-500);
  --color-surface-secondary: var(--color-kobalt-500);
  --color-surface-tertiary: var(--color-kobalt-600);
  --color-surface-quinary: var(--color-kobalt-475);
  --color-surface-quaternary: var(--color-kobalt-450);
  --color-surface-brand: var(--color-violet-600);
  --color-surface-brand-light: var(--color-violet-400);
  --color-surface-dark: var(--color-kobalt-700);
  --color-surface-black: var(--color-neutral-900);
  --color-surface-bright: var(--color-neutral-50);
  --color-surface-invert: var(--color-kobalt-200);
  --color-surface-error: var(--color-violet-100);
  --color-surface-info: var(--color-blue-400);
  --color-surface-success: var(--color-green-500);
  --color-surface-warning: var(--color-orange-400);
  --color-surface-body: var(--color-kobalt-700);
  --color-surface-input: var(--color-kobalt-700);
  --color-surface-base-primary: var(--color-kobalt-500);
  --color-surface-base-secondary: var(--color-kobalt-600);
  --color-surface-base-tertiary: var(--color-kobalt-450);
  --color-surface-base-quaternary: var(--color-kobalt-475);
  --color-surface-accent-primary: var(--color-brown-500);
  --color-surface-accent-quaternary: var(--color-brown-800);
  --color-surface-brand-primary: var(--color-violet-500);
  --color-surface-brand-secondary: var(--color-violet-400);
  --color-button-primary: var(--color-red-800);
  --color-action-primary: var(--color-violet-500);
  --color-action-secondary: var(--color-violet-400);
  --color-action-tertiary: var(--color-peach-500);
  --color-highlight: var(--color-violet-400);
  --color-icon-base-primary: var(--color-neutral-50);
  --color-icon-base-secondary: var(--color-kobalt-100);
  --color-icon-base-tertiary: var(--color-kobalt-200);
  --color-icon-accent-primary: var(--color-violet-400);
  --color-icon-entity: var(--color-blue-500);
  --color-border-base: var(--color-kobalt-450);
  --color-border-button: var(--color-violet-400);
  --text-headline-lg: 3rem;
  --text-headline-lg--line-height: 3rem;
  --text-headline-md: 2.25rem;
  --text-headline-md--line-height: 2.5rem;
  --text-headline-sm: 1.875rem;
  --text-headline-sm--line-height: 2.25rem;
  --text-title-lg: 1.5rem;
  --text-title-lg--line-height: 2rem;
  --text-title-md: 1.375rem;
  --text-title-md--line-height: 2rem;
  --text-title-sm: 1.125rem;
  --text-title-sm--line-height: 1.5rem;
  --text-body-lg: 1rem;
  --text-body-lg--line-height: 1.5rem;
  --text-body-md: 0.875rem;
  --text-body-md--line-height: 1.25rem;
  --text-body-sm: 0.75rem;
  --text-body-sm--line-height: 1rem;
  --text-label-lg: 0.625rem;
  --text-label-lg--line-height: 1rem;
  --text-icon-2xs: 0.75rem;
  --text-icon-2xs--line-height: 1;
  --text-icon-xs: 1rem;
  --text-icon-xs--line-height: 1;
  --text-icon-sm: 1.25rem;
  --text-icon-sm--line-height: 1;
  --text-icon-md: 1.5rem;
  --text-icon-md--line-height: 1;
  --text-icon-lg: 2rem;
  --text-icon-lg--line-height: 1;
  --text-icon-xl: 2.5rem;
  --text-icon-xl--line-height: 1;
  --text-icon-2xl: 3rem;
  --text-icon-2xl--line-height: 1;
  --width-1\/10: 10%;
  --width-17\.5: 4.375rem;
  --width-26: 6.5rem;
  --width-42: 10.5rem;
  --width-50: 12.5rem;
  --width-73\.5: 18.375rem;
  --width-75: 18.75rem;
  --width-87\.5: 21.875rem;
  --width-182: 45.5rem;
  --width-236: 59rem;
  --height-14: 3.5rem;
  --height-22: 5.5rem;
  --height-25: 6.25rem;
  --height-40vh: 40vh;
  --height-100: 25rem;
  --height-120: 30rem;
}
::-webkit-file-upload-button {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  border: 0 solid;
}
*, ::after, ::before, ::backdrop, ::file-selector-button {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  border: 0 solid;
}
html, :host {
  line-height: 1.5;
  -webkit-text-size-adjust: 100%;
  -moz-tab-size: 4;
    -o-tab-size: 4;
       tab-size: 4;
  font-family: var(--default-font-family, ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji');
  font-feature-settings: var(--default-font-feature-settings, normal);
  font-variation-settings: var(--default-font-variation-settings, normal);
  -webkit-tap-highlight-color: transparent;
}
hr {
  height: 0;
  color: inherit;
  border-top-width: 1px;
}
abbr:where([title]) {
  -webkit-text-decoration: underline dotted;
  text-decoration: underline dotted;
}
h1, h2, h3, h4, h5, h6 {
  font-size: inherit;
  font-weight: inherit;
}
a {
  color: inherit;
  -webkit-text-decoration: inherit;
  text-decoration: inherit;
}
b, strong {
  font-weight: bolder;
}
code, kbd, samp, pre {
  font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace);
  font-feature-settings: var(--default-mono-font-feature-settings, normal);
  font-variation-settings: var(--default-mono-font-variation-settings, normal);
  font-size: 1em;
}
small {
  font-size: 80%;
}
sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sub {
  bottom: -0.25em;
}
sup {
  top: -0.5em;
}
table {
  text-indent: 0;
  border-color: inherit;
  border-collapse: collapse;
}
:-moz-focusring {
  outline: auto;
}
progress {
  vertical-align: baseline;
}
summary {
  display: list-item;
}
ol, ul, menu {
  list-style: none;
}
img, svg, video, canvas, audio, iframe, embed, object {
  display: block;
  vertical-align: middle;
}
img, video {
  max-width: 100%;
  height: auto;
}
::-webkit-file-upload-button {
  font: inherit;
  font-feature-settings: inherit;
  font-variation-settings: inherit;
  letter-spacing: inherit;
  color: inherit;
  border-radius: 0;
  background-color: transparent;
  opacity: 1;
}
button, input, select, optgroup, textarea, ::file-selector-button {
  font: inherit;
  font-feature-settings: inherit;
  font-variation-settings: inherit;
  letter-spacing: inherit;
  color: inherit;
  border-radius: 0;
  background-color: transparent;
  opacity: 1;
}
:where(select:is([multiple], [size])) optgroup {
  font-weight: bolder;
}
:where(select:is([multiple], [size])) optgroup option {
  -webkit-padding-start: 20px;
          padding-inline-start: 20px;
}
::-webkit-file-upload-button {
  -webkit-margin-end: 4px;
          margin-inline-end: 4px;
}
::file-selector-button {
  -webkit-margin-end: 4px;
          margin-inline-end: 4px;
}
::-moz-placeholder {
  opacity: 1;
}
::placeholder {
  opacity: 1;
}
@supports (not (-webkit-appearance: -apple-pay-button))  or (contain-intrinsic-size: 1px) {
  ::-moz-placeholder {
    color: currentcolor;
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, currentcolor 50%, transparent);
    }
  }
  ::placeholder {
    color: currentcolor;
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, currentcolor 50%, transparent);
    }
  }
}
textarea {
  resize: vertical;
}
::-webkit-search-decoration {
  -webkit-appearance: none;
}
::-webkit-date-and-time-value {
  min-height: 1lh;
  text-align: inherit;
}
::-webkit-datetime-edit {
  display: inline-flex;
}
::-webkit-datetime-edit-fields-wrapper {
  padding: 0;
}
::-webkit-datetime-edit, ::-webkit-datetime-edit-year-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-minute-field, ::-webkit-datetime-edit-second-field, ::-webkit-datetime-edit-millisecond-field, ::-webkit-datetime-edit-meridiem-field {
  padding-block: 0;
}
::-webkit-calendar-picker-indicator {
  line-height: 1;
}
:-moz-ui-invalid {
  box-shadow: none;
}
::-webkit-file-upload-button {
  -webkit-appearance: button;
          appearance: button;
}
button, input:where([type='button'], [type='reset'], [type='submit']), ::file-selector-button {
  -webkit-appearance: button;
     -moz-appearance: button;
          appearance: button;
}
::-webkit-inner-spin-button, ::-webkit-outer-spin-button {
  height: auto;
}
[hidden]:where(:not([hidden='until-found'])) {
  display: none !important;
}
.pointer-events-auto {
  pointer-events: auto;
}
.pointer-events-none {
  pointer-events: none;
}
.collapse {
  visibility: collapse;
}
.invisible {
  visibility: hidden;
}
.visible {
  visibility: visible;
}
.absolute {
  position: absolute;
}
.fixed {
  position: fixed;
}
.relative {
  position: relative;
}
.static {
  position: static;
}
.sticky {
  position: -webkit-sticky;
  position: sticky;
}
.inset-0 {
  inset: calc(var(--spacing) * 0);
}
.inset-x-0 {
  inset-inline: calc(var(--spacing) * 0);
}
.-top-14 {
  top: calc(var(--spacing) * -14);
}
.top-0 {
  top: calc(var(--spacing) * 0);
}
.top-0\.5 {
  top: calc(var(--spacing) * 0.5);
}
.top-1 {
  top: calc(var(--spacing) * 1);
}
.top-1\.5 {
  top: calc(var(--spacing) * 1.5);
}
.top-1\/2 {
  top: calc(1/2 * 100%);
}
.top-2 {
  top: calc(var(--spacing) * 2);
}
.top-3 {
  top: calc(var(--spacing) * 3);
}
.top-4 {
  top: calc(var(--spacing) * 4);
}
.top-4\.5 {
  top: calc(var(--spacing) * 4.5);
}
.top-7 {
  top: calc(var(--spacing) * 7);
}
.top-30 {
  top: calc(var(--spacing) * 30);
}
.top-\[-2px\] {
  top: -2px;
}
.top-full {
  top: 100%;
}
.-right-1 {
  right: calc(var(--spacing) * -1);
}
.right-0 {
  right: calc(var(--spacing) * 0);
}
.right-0\.5 {
  right: calc(var(--spacing) * 0.5);
}
.right-1 {
  right: calc(var(--spacing) * 1);
}
.right-2 {
  right: calc(var(--spacing) * 2);
}
.right-3 {
  right: calc(var(--spacing) * 3);
}
.right-4 {
  right: calc(var(--spacing) * 4);
}
.right-4\.5 {
  right: calc(var(--spacing) * 4.5);
}
.right-\[-2px\] {
  right: -2px;
}
.right-\[13px\] {
  right: 13px;
}
.bottom-0 {
  bottom: calc(var(--spacing) * 0);
}
.bottom-1 {
  bottom: calc(var(--spacing) * 1);
}
.bottom-2 {
  bottom: calc(var(--spacing) * 2);
}
.bottom-10 {
  bottom: calc(var(--spacing) * 10);
}
.bottom-16 {
  bottom: calc(var(--spacing) * 16);
}
.bottom-20 {
  bottom: calc(var(--spacing) * 20);
}
.bottom-\[-6px\] {
  bottom: -6px;
}
.-left-1 {
  left: calc(var(--spacing) * -1);
}
.-left-3 {
  left: calc(var(--spacing) * -3);
}
.left-0 {
  left: calc(var(--spacing) * 0);
}
.left-1\/2 {
  left: calc(1/2 * 100%);
}
.left-2 {
  left: calc(var(--spacing) * 2);
}
.left-4 {
  left: calc(var(--spacing) * 4);
}
.left-auto {
  left: auto;
}
.left-full {
  left: 100%;
}
.z-0 {
  z-index: 0;
}
.z-1 {
  z-index: 1;
}
.z-10 {
  z-index: 10;
}
.z-20 {
  z-index: 20;
}
.z-50 {
  z-index: 50;
}
.z-101 {
  z-index: 101;
}
.z-1100 {
  z-index: 1100;
}
.z-\[1\] {
  z-index: 1;
}
.z-\[60\] {
  z-index: 60;
}
.z-\[900\] {
  z-index: 900;
}
.z-\[1201\] {
  z-index: 1201;
}
.z-\[2000\] {
  z-index: 2000;
}
.z-\[9000\] {
  z-index: 9000;
}
.col-\[5_\/_span_2\] {
  grid-column: 5 / span 2;
}
.col-\[6_\/_span_3\] {
  grid-column: 6 / span 3;
}
.col-span-full {
  grid-column: 1 / -1;
}
.row-\[auto_\/_span_2\] {
  grid-row: auto / span 2;
}
.container {
  width: 100%;
  @media (width >= 414px) {
    max-width: 414px;
  }
  @media (width >= 476px) {
    max-width: 476px;
  }
  @media (width >= 1366px) {
    max-width: 1366px;
  }
  @media (width >= 1920px) {
    max-width: 1920px;
  }
  @media (width >= 2160px) {
    max-width: 2160px;
  }
  @media (width >= 2400px) {
    max-width: 2400px;
  }
  @media (width >= 40rem) {
    max-width: 40rem;
  }
  @media (width >= 48rem) {
    max-width: 48rem;
  }
  @media (width >= 64rem) {
    max-width: 64rem;
  }
  @media (width >= 80rem) {
    max-width: 80rem;
  }
  @media (width >= 96rem) {
    max-width: 96rem;
  }
}
.\!m-0 {
  margin: calc(var(--spacing) * 0) !important;
}
.m-4 {
  margin: calc(var(--spacing) * 4);
}
.m-auto {
  margin: auto;
}
.-mx-1 {
  margin-inline: calc(var(--spacing) * -1);
}
.-mx-4 {
  margin-inline: calc(var(--spacing) * -4);
}
.-mx-6 {
  margin-inline: calc(var(--spacing) * -6);
}
.mx-0 {
  margin-inline: calc(var(--spacing) * 0);
}
.mx-1 {
  margin-inline: calc(var(--spacing) * 1);
}
.mx-4 {
  margin-inline: calc(var(--spacing) * 4);
}
.mx-6 {
  margin-inline: calc(var(--spacing) * 6);
}
.mx-10 {
  margin-inline: calc(var(--spacing) * 10);
}
.mx-auto {
  margin-inline: auto;
}
.my-0 {
  margin-block: calc(var(--spacing) * 0);
}
.my-1 {
  margin-block: calc(var(--spacing) * 1);
}
.my-2 {
  margin-block: calc(var(--spacing) * 2);
}
.my-4 {
  margin-block: calc(var(--spacing) * 4);
}
.my-6 {
  margin-block: calc(var(--spacing) * 6);
}
.my-8 {
  margin-block: calc(var(--spacing) * 8);
}
.\!mt-0 {
  margin-top: calc(var(--spacing) * 0) !important;
}
.\!mt-4 {
  margin-top: calc(var(--spacing) * 4) !important;
}
.\!mt-16 {
  margin-top: calc(var(--spacing) * 16) !important;
}
.-mt-2 {
  margin-top: calc(var(--spacing) * -2);
}
.-mt-5 {
  margin-top: calc(var(--spacing) * -5);
}
.mt-0 {
  margin-top: calc(var(--spacing) * 0);
}
.mt-0\.5 {
  margin-top: calc(var(--spacing) * 0.5);
}
.mt-1 {
  margin-top: calc(var(--spacing) * 1);
}
.mt-1\.5 {
  margin-top: calc(var(--spacing) * 1.5);
}
.mt-2 {
  margin-top: calc(var(--spacing) * 2);
}
.mt-3 {
  margin-top: calc(var(--spacing) * 3);
}
.mt-4 {
  margin-top: calc(var(--spacing) * 4);
}
.mt-5 {
  margin-top: calc(var(--spacing) * 5);
}
.mt-6 {
  margin-top: calc(var(--spacing) * 6);
}
.mt-7 {
  margin-top: calc(var(--spacing) * 7);
}
.mt-8 {
  margin-top: calc(var(--spacing) * 8);
}
.mt-auto {
  margin-top: auto;
}
.-mr-1\.5 {
  margin-right: calc(var(--spacing) * -1.5);
}
.-mr-4 {
  margin-right: calc(var(--spacing) * -4);
}
.mr-0 {
  margin-right: calc(var(--spacing) * 0);
}
.mr-0\.5 {
  margin-right: calc(var(--spacing) * 0.5);
}
.mr-1 {
  margin-right: calc(var(--spacing) * 1);
}
.mr-2 {
  margin-right: calc(var(--spacing) * 2);
}
.mr-3\.5 {
  margin-right: calc(var(--spacing) * 3.5);
}
.mr-4 {
  margin-right: calc(var(--spacing) * 4);
}
.\!mb-0 {
  margin-bottom: calc(var(--spacing) * 0) !important;
}
.-mb-3 {
  margin-bottom: calc(var(--spacing) * -3);
}
.mb-0 {
  margin-bottom: calc(var(--spacing) * 0);
}
.mb-1 {
  margin-bottom: calc(var(--spacing) * 1);
}
.mb-2 {
  margin-bottom: calc(var(--spacing) * 2);
}
.mb-3 {
  margin-bottom: calc(var(--spacing) * 3);
}
.mb-4 {
  margin-bottom: calc(var(--spacing) * 4);
}
.mb-5 {
  margin-bottom: calc(var(--spacing) * 5);
}
.mb-6 {
  margin-bottom: calc(var(--spacing) * 6);
}
.mb-8 {
  margin-bottom: calc(var(--spacing) * 8);
}
.mb-12 {
  margin-bottom: calc(var(--spacing) * 12);
}
.mb-auto {
  margin-bottom: auto;
}
.ml-0\.5 {
  margin-left: calc(var(--spacing) * 0.5);
}
.ml-1 {
  margin-left: calc(var(--spacing) * 1);
}
.ml-2 {
  margin-left: calc(var(--spacing) * 2);
}
.ml-4 {
  margin-left: calc(var(--spacing) * 4);
}
.ml-6 {
  margin-left: calc(var(--spacing) * 6);
}
.ml-auto {
  margin-left: auto;
}
.box-border {
  box-sizing: border-box;
}
.line-clamp-1 {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
.line-clamp-2 {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.\!flex {
  display: flex !important;
}
.\!hidden {
  display: none !important;
}
.\!inline {
  display: inline !important;
}
.block {
  display: block;
}
.contents {
  display: contents;
}
.flex {
  display: flex;
}
.grid {
  display: grid;
}
.hidden {
  display: none;
}
.inline {
  display: inline;
}
.inline-block {
  display: inline-block;
}
.inline-flex {
  display: inline-flex;
}
.table {
  display: table;
}
.aspect-1\/2 {
  aspect-ratio: 1/2;
}
.aspect-3\/4 {
  aspect-ratio: 3/4;
}
.aspect-\[4\/3\] {
  aspect-ratio: 4/3;
}
.aspect-\[9\/12\] {
  aspect-ratio: 9/12;
}
.aspect-square {
  aspect-ratio: 1 / 1;
}
.aspect-video {
  aspect-ratio: var(--aspect-video);
}
.\!h-dvh {
  height: 100dvh !important;
}
.h-0 {
  height: calc(var(--spacing) * 0);
}
.h-1 {
  height: calc(var(--spacing) * 1);
}
.h-3 {
  height: calc(var(--spacing) * 3);
}
.h-4 {
  height: calc(var(--spacing) * 4);
}
.h-4\.5 {
  height: calc(var(--spacing) * 4.5);
}
.h-5 {
  height: calc(var(--spacing) * 5);
}
.h-6 {
  height: calc(var(--spacing) * 6);
}
.h-7 {
  height: calc(var(--spacing) * 7);
}
.h-8 {
  height: calc(var(--spacing) * 8);
}
.h-10 {
  height: calc(var(--spacing) * 10);
}
.h-12 {
  height: calc(var(--spacing) * 12);
}
.h-14 {
  height: var(--height-14);
}
.h-16 {
  height: calc(var(--spacing) * 16);
}
.h-20 {
  height: calc(var(--spacing) * 20);
}
.h-22 {
  height: var(--height-22);
}
.h-32 {
  height: calc(var(--spacing) * 32);
}
.h-40vh {
  height: var(--height-40vh);
}
.h-96 {
  height: calc(var(--spacing) * 96);
}
.h-\[1px\] {
  height: 1px;
}
.h-\[15px\] {
  height: 15px;
}
.h-\[19px\] {
  height: 19px;
}
.h-\[30\.625rem\] {
  height: 30.625rem;
}
.h-\[250px\] {
  height: 250px;
}
.h-auto {
  height: auto;
}
.h-fit {
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
}
.h-full {
  height: 100%;
}
.h-min {
  height: -webkit-min-content;
  height: -moz-min-content;
  height: min-content;
}
.h-px {
  height: 1px;
}
.h-screen {
  height: 100vh;
}
.max-h-3 {
  max-height: calc(var(--spacing) * 3);
}
.max-h-6 {
  max-height: calc(var(--spacing) * 6);
}
.max-h-11 {
  max-height: calc(var(--spacing) * 11);
}
.max-h-24 {
  max-height: calc(var(--spacing) * 24);
}
.max-h-\[40vh\] {
  max-height: 40vh;
}
.max-h-dvh {
  max-height: 100dvh;
}
.max-h-full {
  max-height: 100%;
}
.\!min-h-0 {
  min-height: calc(var(--spacing) * 0) !important;
}
.min-h-0 {
  min-height: calc(var(--spacing) * 0);
}
.min-h-8 {
  min-height: calc(var(--spacing) * 8);
}
.min-h-25 {
  min-height: var(--height-25);
}
.min-h-60 {
  min-height: calc(var(--spacing) * 60);
}
.min-h-\[4\.6rem\] {
  min-height: 4.6rem;
}
.min-h-screen {
  min-height: 100vh;
}
.\!w-48 {
  width: calc(var(--spacing) * 48) !important;
}
.\!w-auto {
  width: auto !important;
}
.w-0 {
  width: calc(var(--spacing) * 0);
}
.w-1\/2 {
  width: calc(1/2 * 100%);
}
.w-2\/3 {
  width: calc(2/3 * 100%);
}
.w-3 {
  width: calc(var(--spacing) * 3);
}
.w-4 {
  width: calc(var(--spacing) * 4);
}
.w-5 {
  width: calc(var(--spacing) * 5);
}
.w-6 {
  width: calc(var(--spacing) * 6);
}
.w-9 {
  width: calc(var(--spacing) * 9);
}
.w-10 {
  width: calc(var(--spacing) * 10);
}
.w-11 {
  width: calc(var(--spacing) * 11);
}
.w-11\/12 {
  width: calc(11/12 * 100%);
}
.w-12 {
  width: calc(var(--spacing) * 12);
}
.w-16 {
  width: calc(var(--spacing) * 16);
}
.w-17\.5 {
  width: var(--width-17\.5);
}
.w-20 {
  width: calc(var(--spacing) * 20);
}
.w-24 {
  width: calc(var(--spacing) * 24);
}
.w-26 {
  width: var(--width-26);
}
.w-36 {
  width: calc(var(--spacing) * 36);
}
.w-40 {
  width: calc(var(--spacing) * 40);
}
.w-42 {
  width: var(--width-42);
}
.w-50 {
  width: var(--width-50);
}
.w-60 {
  width: calc(var(--spacing) * 60);
}
.w-72 {
  width: calc(var(--spacing) * 72);
}
.w-75 {
  width: var(--width-75);
}
.w-236 {
  width: var(--width-236);
}
.w-\[19px\] {
  width: 19px;
}
.w-\[21\.5rem\] {
  width: 21.5rem;
}
.w-\[28\.75rem\] {
  width: 28.75rem;
}
.w-\[30px\] {
  width: 30px;
}
.w-\[calc\(20\%-7\.9px\)\] {
  width: calc(20% - 7.9px);
}
.w-\[calc\(50\%-5px\)\] {
  width: calc(50% - 5px);
}
.w-\[calc\(100\%_-_1\.5rem\)\] {
  width: calc(100% - 1.5rem);
}
.w-auto {
  width: auto;
}
.w-cols-1-span-1-gap-8 {
  width: calc(100% - 0px);
}
.w-cols-2-span-1-gap-8 {
  width: calc(50% - 4px);
}
.w-cols-4-span-1-gap-8 {
  width: calc(25% - 6px);
}
.w-cols-6-span-1-gap-8 {
  width: calc(16.666666666666668% - 6.666666666666667px);
}
.w-cols-8-span-1-gap-8 {
  width: calc(12.5% - 7px);
}
.w-fit {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
.w-full {
  width: 100%;
}
.w-px {
  width: 1px;
}
.w-screen {
  width: 100vw;
}
.max-w-40 {
  max-width: calc(var(--spacing) * 40);
}
.max-w-44 {
  max-width: calc(var(--spacing) * 44);
}
.max-w-52 {
  max-width: calc(var(--spacing) * 52);
}
.max-w-100 {
  max-width: calc(var(--spacing) * 100);
}
.max-w-\[28\.75rem\] {
  max-width: 28.75rem;
}
.max-w-\[width\] {
  max-width: width;
}
.max-w-full {
  max-width: 100%;
}
.max-w-md {
  max-width: var(--container-md);
}
.max-w-none {
  max-width: none;
}
.max-w-screen-lg {
  max-width: var(--breakpoint-lg);
}
.max-w-screen-md {
  max-width: var(--breakpoint-md);
}
.max-w-screen-sm {
  max-width: var(--breakpoint-sm);
}
.\!min-w-0 {
  min-width: calc(var(--spacing) * 0) !important;
}
.min-w-0 {
  min-width: calc(var(--spacing) * 0);
}
.min-w-5 {
  min-width: calc(var(--spacing) * 5);
}
.min-w-40 {
  min-width: calc(var(--spacing) * 40);
}
.min-w-\[19rem\] {
  min-width: 19rem;
}
.min-w-\[20rem\] {
  min-width: 20rem;
}
.min-w-\[30px\] {
  min-width: 30px;
}
.min-w-\[90\%\] {
  min-width: 90%;
}
.min-w-full {
  min-width: 100%;
}
.flex-1 {
  flex: 1;
}
.flex-none {
  flex: none;
}
.flex-shrink {
  flex-shrink: 1;
}
.flex-shrink-0 {
  flex-shrink: 0;
}
.shrink-0 {
  flex-shrink: 0;
}
.flex-grow {
  flex-grow: 1;
}
.grow {
  flex-grow: 1;
}
.grow\! {
  flex-grow: 1 !important;
}
.\!basis-full {
  flex-basis: 100% !important;
}
.basis-0 {
  flex-basis: calc(var(--spacing) * 0);
}
.basis-1\/2 {
  flex-basis: calc(1/2 * 100%);
}
.basis-2\/5 {
  flex-basis: calc(2/5 * 100%);
}
.basis-2\/6 {
  flex-basis: calc(2/6 * 100%);
}
.basis-24 {
  flex-basis: calc(var(--spacing) * 24);
}
.table-auto {
  table-layout: auto;
}
.border-separate {
  border-collapse: separate;
}
.border-spacing-0 {
  --tw-border-spacing-x: calc(var(--spacing) * 0);
  --tw-border-spacing-y: calc(var(--spacing) * 0);
  border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y);
}
.-translate-x-1\/2 {
  --tw-translate-x: calc(calc(1/2 * 100%) * -1);
  translate: var(--tw-translate-x) var(--tw-translate-y);
}
.translate-x-1\/2 {
  --tw-translate-x: calc(1/2 * 100%);
  translate: var(--tw-translate-x) var(--tw-translate-y);
}
.-translate-y-1\/2 {
  --tw-translate-y: calc(calc(1/2 * 100%) * -1);
  translate: var(--tw-translate-x) var(--tw-translate-y);
}
.translate-y-0 {
  --tw-translate-y: calc(var(--spacing) * 0);
  translate: var(--tw-translate-x) var(--tw-translate-y);
}
.translate-y-4 {
  --tw-translate-y: calc(var(--spacing) * 4);
  translate: var(--tw-translate-x) var(--tw-translate-y);
}
.scale-50 {
  --tw-scale-x: 50%;
  --tw-scale-y: 50%;
  --tw-scale-z: 50%;
  scale: var(--tw-scale-x) var(--tw-scale-y);
}
.scale-90 {
  --tw-scale-x: 90%;
  --tw-scale-y: 90%;
  --tw-scale-z: 90%;
  scale: var(--tw-scale-x) var(--tw-scale-y);
}
.scale-95 {
  --tw-scale-x: 95%;
  --tw-scale-y: 95%;
  --tw-scale-z: 95%;
  scale: var(--tw-scale-x) var(--tw-scale-y);
}
.scale-100 {
  --tw-scale-x: 100%;
  --tw-scale-y: 100%;
  --tw-scale-z: 100%;
  scale: var(--tw-scale-x) var(--tw-scale-y);
}
.scale-\[0\.95\] {
  scale: 0.95;
}
.rotate-0 {
  rotate: 0deg;
}
.rotate-180 {
  rotate: 180deg;
}
.transform {
  transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
}
.animate-spin {
  animation: var(--animate-spin);
}
.cursor-default {
  cursor: default;
}
.cursor-grab {
  cursor: grab;
}
.cursor-grabbing {
  cursor: grabbing;
}
.cursor-pointer {
  cursor: pointer;
}
.cursor-wait {
  cursor: wait;
}
.resize {
  resize: both;
}
.list-inside {
  list-style-position: inside;
}
.list-decimal {
  list-style-type: decimal;
}
.list-disc {
  list-style-type: disc;
}
.list-none {
  list-style-type: none;
}
.appearance-none {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
.grid-flow-dense {
  grid-auto-flow: dense;
}
.\!grid-cols-1 {
  grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
}
.\!grid-cols-2 {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}
.\!grid-cols-4 {
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
}
.\!grid-cols-5 {
  grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
}
.\!grid-cols-6 {
  grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
}
.\!grid-cols-8 {
  grid-template-columns: repeat(8, minmax(0, 1fr)) !important;
}
.grid-cols-1 {
  grid-template-columns: repeat(1, minmax(0, 1fr));
}
.grid-cols-2 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.grid-cols-3 {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.grid-cols-4 {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}
.grid-cols-5 {
  grid-template-columns: repeat(5, minmax(0, 1fr));
}
.grid-cols-6 {
  grid-template-columns: repeat(6, minmax(0, 1fr));
}
.grid-cols-8 {
  grid-template-columns: repeat(8, minmax(0, 1fr));
}
.grid-cols-10 {
  grid-template-columns: repeat(10, minmax(0, 1fr));
}
.\!flex-col {
  flex-direction: column !important;
}
.flex-col {
  flex-direction: column;
}
.flex-col-reverse {
  flex-direction: column-reverse;
}
.flex-row {
  flex-direction: row;
}
.flex-wrap {
  flex-wrap: wrap;
}
.content-center {
  align-content: center;
}
.items-center {
  align-items: center;
}
.items-end {
  align-items: flex-end;
}
.items-start {
  align-items: flex-start;
}
.items-stretch {
  align-items: stretch;
}
.justify-around {
  justify-content: space-around;
}
.justify-between {
  justify-content: space-between;
}
.justify-center {
  justify-content: center;
}
.justify-end {
  justify-content: flex-end;
}
.justify-start {
  justify-content: flex-start;
}
.justify-stretch {
  justify-content: stretch;
}
.gap-0\.5 {
  gap: calc(var(--spacing) * 0.5);
}
.gap-1 {
  gap: calc(var(--spacing) * 1);
}
.gap-2 {
  gap: calc(var(--spacing) * 2);
}
.gap-2\.5 {
  gap: calc(var(--spacing) * 2.5);
}
.gap-3 {
  gap: calc(var(--spacing) * 3);
}
.gap-4 {
  gap: calc(var(--spacing) * 4);
}
.gap-5 {
  gap: calc(var(--spacing) * 5);
}
.gap-6 {
  gap: calc(var(--spacing) * 6);
}
.\!gap-x-2 {
  -moz-column-gap: calc(var(--spacing) * 2) !important;
       column-gap: calc(var(--spacing) * 2) !important;
}
.gap-x-1 {
  -moz-column-gap: calc(var(--spacing) * 1);
       column-gap: calc(var(--spacing) * 1);
}
.gap-x-2 {
  -moz-column-gap: calc(var(--spacing) * 2);
       column-gap: calc(var(--spacing) * 2);
}
.gap-x-3 {
  -moz-column-gap: calc(var(--spacing) * 3);
       column-gap: calc(var(--spacing) * 3);
}
.gap-x-6 {
  -moz-column-gap: calc(var(--spacing) * 6);
       column-gap: calc(var(--spacing) * 6);
}
.\!gap-y-4 {
  row-gap: calc(var(--spacing) * 4) !important;
}
.gap-y-4 {
  row-gap: calc(var(--spacing) * 4);
}
.self-center {
  align-self: center;
}
.self-start {
  align-self: flex-start;
}
.truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.overflow-auto {
  overflow: auto;
}
.overflow-hidden {
  overflow: hidden;
}
.overflow-x-auto {
  overflow-x: auto;
}
.overflow-x-hidden {
  overflow-x: hidden;
}
.overflow-x-scroll {
  overflow-x: scroll;
}
.overflow-y-auto {
  overflow-y: auto;
}
.overflow-y-hidden {
  overflow-y: hidden;
}
.overflow-y-scroll {
  overflow-y: scroll;
}
.rounded {
  border-radius: 0.25rem;
}
.rounded-full {
  border-radius: calc(infinity * 1px);
}
.rounded-lg {
  border-radius: var(--radius-lg);
}
.rounded-md {
  border-radius: var(--radius-md);
}
.rounded-none {
  border-radius: 0;
}
.rounded-sm {
  border-radius: var(--radius-sm);
}
.rounded-xl {
  border-radius: var(--radius-xl);
}
.rounded-xs {
  border-radius: var(--radius-xs);
}
.rounded-t-lg {
  border-top-left-radius: var(--radius-lg);
  border-top-right-radius: var(--radius-lg);
}
.rounded-t-md {
  border-top-left-radius: var(--radius-md);
  border-top-right-radius: var(--radius-md);
}
.rounded-r-lg {
  border-top-right-radius: var(--radius-lg);
  border-bottom-right-radius: var(--radius-lg);
}
.rounded-b {
  border-bottom-right-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
}
.rounded-b-lg {
  border-bottom-right-radius: var(--radius-lg);
  border-bottom-left-radius: var(--radius-lg);
}
.rounded-b-md {
  border-bottom-right-radius: var(--radius-md);
  border-bottom-left-radius: var(--radius-md);
}
.rounded-b-none {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.\!border-0 {
  border-style: var(--tw-border-style) !important;
  border-width: 0px !important;
}
.border {
  border-style: var(--tw-border-style);
  border-width: 1px;
}
.border-4 {
  border-style: var(--tw-border-style);
  border-width: 4px;
}
.\!border-x-0 {
  border-inline-style: var(--tw-border-style) !important;
  border-inline-width: 0px !important;
}
.\!border-t-0 {
  border-top-style: var(--tw-border-style) !important;
  border-top-width: 0px !important;
}
.border-t-0 {
  border-top-style: var(--tw-border-style);
  border-top-width: 0px;
}
.border-t-2 {
  border-top-style: var(--tw-border-style);
  border-top-width: 2px;
}
.border-t-\[0\.375rem\] {
  border-top-style: var(--tw-border-style);
  border-top-width: 0.375rem;
}
.border-r {
  border-right-style: var(--tw-border-style);
  border-right-width: 1px;
}
.border-r-\[0\.375rem\] {
  border-right-style: var(--tw-border-style);
  border-right-width: 0.375rem;
}
.\!border-b {
  border-bottom-style: var(--tw-border-style) !important;
  border-bottom-width: 1px !important;
}
.border-b {
  border-bottom-style: var(--tw-border-style);
  border-bottom-width: 1px;
}
.border-b-2 {
  border-bottom-style: var(--tw-border-style);
  border-bottom-width: 2px;
}
.border-l-\[0\.375rem\] {
  border-left-style: var(--tw-border-style);
  border-left-width: 0.375rem;
}
.\!border-solid {
  --tw-border-style: solid !important;
  border-style: solid !important;
}
.border-solid {
  --tw-border-style: solid;
  border-style: solid;
}
.\!border-surface-quaternary {
  border-color: var(--color-surface-quaternary) !important;
}
.border-blue-600 {
  border-color: var(--color-blue-600);
}
.border-border-base {
  border-color: var(--color-border-base);
}
.border-border-button {
  border-color: var(--color-border-button);
}
.border-button-outline {
  border-color: var(--color-button-outline);
}
.border-error\/50 {
  border-color: color-mix(in srgb, #bb493d 50%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in oklab, var(--color-error) 50%, transparent);
  }
}
.border-link-primary {
  border-color: var(--color-link-primary);
}
.border-primary\/30 {
  border-color: color-mix(in srgb, #ffffff 30%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in oklab, var(--color-primary) 30%, transparent);
  }
}
.border-red-400 {
  border-color: var(--color-red-400);
}
.border-surface-base-tertiary {
  border-color: var(--color-surface-base-tertiary);
}
.border-surface-brand {
  border-color: var(--color-surface-brand);
}
.border-surface-brand-light {
  border-color: var(--color-surface-brand-light);
}
.border-surface-dark {
  border-color: var(--color-surface-dark);
}
.border-surface-info {
  border-color: var(--color-surface-info);
}
.border-surface-quaternary {
  border-color: var(--color-surface-quaternary);
}
.border-surface-success {
  border-color: var(--color-surface-success);
}
.border-surface-warning {
  border-color: var(--color-surface-warning);
}
.border-transparent {
  border-color: transparent;
}
.border-t-primary {
  border-top-color: var(--color-primary);
}
.border-r-transparent {
  border-right-color: transparent;
}
.border-l-transparent {
  border-left-color: transparent;
}
.\!bg-highlight {
  background-color: var(--color-highlight) !important;
}
.\!bg-surface-brand {
  background-color: var(--color-surface-brand) !important;
}
.\!bg-transparent {
  background-color: transparent !important;
}
.bg-action-primary {
  background-color: var(--color-action-primary);
}
.bg-action-tertiary\/10 {
  background-color: color-mix(in srgb, #f08e84 10%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--color-action-tertiary) 10%, transparent);
  }
}
.bg-black\/40 {
  background-color: color-mix(in srgb, #000 40%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--color-black) 40%, transparent);
  }
}
.bg-black\/50 {
  background-color: color-mix(in srgb, #000 50%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--color-black) 50%, transparent);
  }
}
.bg-black\/60 {
  background-color: color-mix(in srgb, #000 60%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--color-black) 60%, transparent);
  }
}
.bg-blue-600 {
  background-color: var(--color-blue-600);
}
.bg-border-base {
  background-color: var(--color-border-base);
}
.bg-error\/20 {
  background-color: color-mix(in srgb, #bb493d 20%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--color-error) 20%, transparent);
  }
}
.bg-gray-600 {
  background-color: var(--color-gray-600);
}
.bg-kobalt-500 {
  background-color: var(--color-kobalt-500);
}
.bg-neutral-50 {
  background-color: var(--color-neutral-50);
}
.bg-neutral-900 {
  background-color: var(--color-neutral-900);
}
.bg-neutral-900\/40 {
  background-color: color-mix(in srgb, #000000 40%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--color-neutral-900) 40%, transparent);
  }
}
.bg-neutral-900\/75 {
  background-color: color-mix(in srgb, #000000 75%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--color-neutral-900) 75%, transparent);
  }
}
.bg-primary {
  background-color: var(--color-primary);
}
.bg-surface-accent-primary {
  background-color: var(--color-surface-accent-primary);
}
.bg-surface-accent-quaternary {
  background-color: var(--color-surface-accent-quaternary);
}
.bg-surface-base-primary {
  background-color: var(--color-surface-base-primary);
}
.bg-surface-base-primary\/80 {
  background-color: color-mix(in srgb, #1e2a36 80%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--color-surface-base-primary) 80%, transparent);
  }
}
.bg-surface-base-quaternary {
  background-color: var(--color-surface-base-quaternary);
}
.bg-surface-base-secondary {
  background-color: var(--color-surface-base-secondary);
}
.bg-surface-base-tertiary {
  background-color: var(--color-surface-base-tertiary);
}
.bg-surface-black {
  background-color: var(--color-surface-black);
}
.bg-surface-black\/40 {
  background-color: color-mix(in srgb, #000000 40%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--color-surface-black) 40%, transparent);
  }
}
.bg-surface-black\/50 {
  background-color: color-mix(in srgb, #000000 50%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--color-surface-black) 50%, transparent);
  }
}
.bg-surface-black\/60 {
  background-color: color-mix(in srgb, #000000 60%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--color-surface-black) 60%, transparent);
  }
}
.bg-surface-black\/75 {
  background-color: color-mix(in srgb, #000000 75%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--color-surface-black) 75%, transparent);
  }
}
.bg-surface-body {
  background-color: var(--color-surface-body);
}
.bg-surface-body\/70 {
  background-color: color-mix(in srgb, #11181f 70%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--color-surface-body) 70%, transparent);
  }
}
.bg-surface-body\/80 {
  background-color: color-mix(in srgb, #11181f 80%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--color-surface-body) 80%, transparent);
  }
}
.bg-surface-body\/90 {
  background-color: color-mix(in srgb, #11181f 90%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--color-surface-body) 90%, transparent);
  }
}
.bg-surface-brand-light {
  background-color: var(--color-surface-brand-light);
}
.bg-surface-brand-primary {
  background-color: var(--color-surface-brand-primary);
}
.bg-surface-bright {
  background-color: var(--color-surface-bright);
}
.bg-surface-dark {
  background-color: var(--color-surface-dark);
}
.bg-surface-dark\/95 {
  background-color: color-mix(in srgb, #11181f 95%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--color-surface-dark) 95%, transparent);
  }
}
.bg-surface-input {
  background-color: var(--color-surface-input);
}
.bg-surface-primary {
  background-color: var(--color-surface-primary);
}
.bg-surface-quaternary {
  background-color: var(--color-surface-quaternary);
}
.bg-surface-quinary {
  background-color: var(--color-surface-quinary);
}
.bg-surface-secondary {
  background-color: var(--color-surface-secondary);
}
.bg-surface-tertiary {
  background-color: var(--color-surface-tertiary);
}
.bg-transparent {
  background-color: transparent;
}
.bg-white {
  background-color: var(--color-white);
}
.bg-gradient-to-b {
  --tw-gradient-position: to bottom in oklab;
  background-image: linear-gradient(var(--tw-gradient-stops));
}
.bg-gradient-to-br {
  --tw-gradient-position: to bottom right in oklab;
  background-image: linear-gradient(var(--tw-gradient-stops));
}
.bg-\[linear-gradient\(360deg\,_\#11181F_0\%\,_\#11181F_20\%\,_\#CF3952_45\%\,_\#CF3952_55\%\,_\#11181F_80\%\,_\#11181F_100\%\)\] {
  background-image: linear-gradient(360deg, #11181F 0%, #11181F 20%, #CF3952 45%, #CF3952 55%, #11181F 80%, #11181F 100%);
}
.bg-none {
  background-image: none;
}
.from-surface-base-secondary {
  --tw-gradient-from: var(--color-surface-base-secondary);
  --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.from-surface-black\/0 {
  --tw-gradient-from: color-mix(in srgb, #000000 0%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    --tw-gradient-from: color-mix(in oklab, var(--color-surface-black) 0%, transparent);
  }
  --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.from-transparent {
  --tw-gradient-from: transparent;
  --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.from-yellow-400 {
  --tw-gradient-from: var(--color-yellow-400);
  --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.to-surface-base-secondary {
  --tw-gradient-to: var(--color-surface-base-secondary);
  --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.to-surface-black\/75 {
  --tw-gradient-to: color-mix(in srgb, #000000 75%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    --tw-gradient-to: color-mix(in oklab, var(--color-surface-black) 75%, transparent);
  }
  --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.to-surface-body {
  --tw-gradient-to: var(--color-surface-body);
  --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.to-yellow-500 {
  --tw-gradient-to: var(--color-yellow-500);
  --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.to-70\% {
  --tw-gradient-to-position: 70%;
}
.fill-action-tertiary {
  fill: var(--color-action-tertiary);
}
.fill-current {
  fill: currentcolor;
}
.fill-surface-accent-primary {
  fill: var(--color-surface-accent-primary);
}
.object-contain {
  -o-object-fit: contain;
     object-fit: contain;
}
.object-cover {
  -o-object-fit: cover;
     object-fit: cover;
}
.object-top {
  -o-object-position: top;
     object-position: top;
}
.\!p-0 {
  padding: calc(var(--spacing) * 0) !important;
}
.\!p-2 {
  padding: calc(var(--spacing) * 2) !important;
}
.p-0 {
  padding: calc(var(--spacing) * 0);
}
.p-0\.5 {
  padding: calc(var(--spacing) * 0.5);
}
.p-1 {
  padding: calc(var(--spacing) * 1);
}
.p-2 {
  padding: calc(var(--spacing) * 2);
}
.p-2\.5 {
  padding: calc(var(--spacing) * 2.5);
}
.p-4 {
  padding: calc(var(--spacing) * 4);
}
.p-5 {
  padding: calc(var(--spacing) * 5);
}
.p-6 {
  padding: calc(var(--spacing) * 6);
}
.p-8 {
  padding: calc(var(--spacing) * 8);
}
.p-10 {
  padding: calc(var(--spacing) * 10);
}
.\!px-0 {
  padding-inline: calc(var(--spacing) * 0) !important;
}
.px-0 {
  padding-inline: calc(var(--spacing) * 0);
}
.px-1 {
  padding-inline: calc(var(--spacing) * 1);
}
.px-2 {
  padding-inline: calc(var(--spacing) * 2);
}
.px-3 {
  padding-inline: calc(var(--spacing) * 3);
}
.px-4 {
  padding-inline: calc(var(--spacing) * 4);
}
.px-6 {
  padding-inline: calc(var(--spacing) * 6);
}
.px-8 {
  padding-inline: calc(var(--spacing) * 8);
}
.px-10 {
  padding-inline: calc(var(--spacing) * 10);
}
.px-16 {
  padding-inline: calc(var(--spacing) * 16);
}
.\!py-2\.5 {
  padding-block: calc(var(--spacing) * 2.5) !important;
}
.py-0 {
  padding-block: calc(var(--spacing) * 0);
}
.py-0\.5 {
  padding-block: calc(var(--spacing) * 0.5);
}
.py-1 {
  padding-block: calc(var(--spacing) * 1);
}
.py-1\.5 {
  padding-block: calc(var(--spacing) * 1.5);
}
.py-2 {
  padding-block: calc(var(--spacing) * 2);
}
.py-3 {
  padding-block: calc(var(--spacing) * 3);
}
.py-4 {
  padding-block: calc(var(--spacing) * 4);
}
.py-6 {
  padding-block: calc(var(--spacing) * 6);
}
.py-px {
  padding-block: 1px;
}
.pt-0 {
  padding-top: calc(var(--spacing) * 0);
}
.pt-0\.5 {
  padding-top: calc(var(--spacing) * 0.5);
}
.pt-4 {
  padding-top: calc(var(--spacing) * 4);
}
.pt-6 {
  padding-top: calc(var(--spacing) * 6);
}
.pt-8 {
  padding-top: calc(var(--spacing) * 8);
}
.pt-\[56\%\] {
  padding-top: 56%;
}
.pr-2 {
  padding-right: calc(var(--spacing) * 2);
}
.pr-5 {
  padding-right: calc(var(--spacing) * 5);
}
.pr-6 {
  padding-right: calc(var(--spacing) * 6);
}
.pr-8 {
  padding-right: calc(var(--spacing) * 8);
}
.pr-24 {
  padding-right: calc(var(--spacing) * 24);
}
.pb-1 {
  padding-bottom: calc(var(--spacing) * 1);
}
.pb-2 {
  padding-bottom: calc(var(--spacing) * 2);
}
.pb-4 {
  padding-bottom: calc(var(--spacing) * 4);
}
.pb-6 {
  padding-bottom: calc(var(--spacing) * 6);
}
.pl-2\.5 {
  padding-left: calc(var(--spacing) * 2.5);
}
.pl-4 {
  padding-left: calc(var(--spacing) * 4);
}
.pl-6 {
  padding-left: calc(var(--spacing) * 6);
}
.pl-8 {
  padding-left: calc(var(--spacing) * 8);
}
.pl-\[1px\] {
  padding-left: 1px;
}
.text-center {
  text-align: center;
}
.text-left {
  text-align: left;
}
.text-right {
  text-align: right;
}
.indent-4 {
  text-indent: calc(var(--spacing) * 4);
}
.align-middle {
  vertical-align: middle;
}
.\!text-body-md {
  font-size: var(--text-body-md) !important;
  line-height: var(--tw-leading, var(--text-body-md--line-height)) !important;
}
.\!text-headline-md {
  font-size: var(--text-headline-md) !important;
  line-height: var(--tw-leading, var(--text-headline-md--line-height)) !important;
}
.\!text-headline-sm {
  font-size: var(--text-headline-sm) !important;
  line-height: var(--tw-leading, var(--text-headline-sm--line-height)) !important;
}
.\!text-icon-sm {
  font-size: var(--text-icon-sm) !important;
  line-height: var(--tw-leading, var(--text-icon-sm--line-height)) !important;
}
.text-2xl {
  font-size: var(--text-2xl);
  line-height: var(--tw-leading, var(--text-2xl--line-height));
}
.text-4xl {
  font-size: var(--text-4xl);
  line-height: var(--tw-leading, var(--text-4xl--line-height));
}
.text-5xl {
  font-size: var(--text-5xl);
  line-height: var(--tw-leading, var(--text-5xl--line-height));
}
.text-base {
  font-size: var(--text-base);
  line-height: var(--tw-leading, var(--text-base--line-height));
}
.text-body-lg {
  font-size: var(--text-body-lg);
  line-height: var(--tw-leading, var(--text-body-lg--line-height));
}
.text-body-md {
  font-size: var(--text-body-md);
  line-height: var(--tw-leading, var(--text-body-md--line-height));
}
.text-body-sm {
  font-size: var(--text-body-sm);
  line-height: var(--tw-leading, var(--text-body-sm--line-height));
}
.text-headline-lg {
  font-size: var(--text-headline-lg);
  line-height: var(--tw-leading, var(--text-headline-lg--line-height));
}
.text-headline-md {
  font-size: var(--text-headline-md);
  line-height: var(--tw-leading, var(--text-headline-md--line-height));
}
.text-headline-sm {
  font-size: var(--text-headline-sm);
  line-height: var(--tw-leading, var(--text-headline-sm--line-height));
}
.text-icon-2xl {
  font-size: var(--text-icon-2xl);
  line-height: var(--tw-leading, var(--text-icon-2xl--line-height));
}
.text-icon-2xs {
  font-size: var(--text-icon-2xs);
  line-height: var(--tw-leading, var(--text-icon-2xs--line-height));
}
.text-icon-lg {
  font-size: var(--text-icon-lg);
  line-height: var(--tw-leading, var(--text-icon-lg--line-height));
}
.text-icon-md {
  font-size: var(--text-icon-md);
  line-height: var(--tw-leading, var(--text-icon-md--line-height));
}
.text-icon-sm {
  font-size: var(--text-icon-sm);
  line-height: var(--tw-leading, var(--text-icon-sm--line-height));
}
.text-icon-xs {
  font-size: var(--text-icon-xs);
  line-height: var(--tw-leading, var(--text-icon-xs--line-height));
}
.text-label-lg {
  font-size: var(--text-label-lg);
  line-height: var(--tw-leading, var(--text-label-lg--line-height));
}
.text-lg {
  font-size: var(--text-lg);
  line-height: var(--tw-leading, var(--text-lg--line-height));
}
.text-sm {
  font-size: var(--text-sm);
  line-height: var(--tw-leading, var(--text-sm--line-height));
}
.text-title-lg {
  font-size: var(--text-title-lg);
  line-height: var(--tw-leading, var(--text-title-lg--line-height));
}
.text-title-md {
  font-size: var(--text-title-md);
  line-height: var(--tw-leading, var(--text-title-md--line-height));
}
.text-title-sm {
  font-size: var(--text-title-sm);
  line-height: var(--tw-leading, var(--text-title-sm--line-height));
}
.text-xl {
  font-size: var(--text-xl);
  line-height: var(--tw-leading, var(--text-xl--line-height));
}
.text-xs {
  font-size: var(--text-xs);
  line-height: var(--tw-leading, var(--text-xs--line-height));
}
.text-\[56px\] {
  font-size: 56px;
}
.leading-5 {
  --tw-leading: calc(var(--spacing) * 5);
  line-height: calc(var(--spacing) * 5);
}
.leading-none {
  --tw-leading: 1;
  line-height: 1;
}
.leading-relaxed {
  --tw-leading: var(--leading-relaxed);
  line-height: var(--leading-relaxed);
}
.font-bold {
  --tw-font-weight: var(--font-weight-bold);
  font-weight: var(--font-weight-bold);
}
.font-medium {
  --tw-font-weight: var(--font-weight-medium);
  font-weight: var(--font-weight-medium);
}
.font-normal {
  --tw-font-weight: var(--font-weight-normal);
  font-weight: var(--font-weight-normal);
}
.font-semibold {
  --tw-font-weight: var(--font-weight-semibold);
  font-weight: var(--font-weight-semibold);
}
.tracking-normal {
  --tw-tracking: var(--tracking-normal);
  letter-spacing: var(--tracking-normal);
}
.text-nowrap {
  text-wrap: nowrap;
}
.break-all {
  word-break: break-all;
}
.overflow-ellipsis {
  text-overflow: ellipsis;
}
.text-ellipsis {
  text-overflow: ellipsis;
}
.whitespace-nowrap {
  white-space: nowrap;
}
.\!text-action-tertiary {
  color: var(--color-action-tertiary) !important;
}
.\!text-highlight {
  color: var(--color-highlight) !important;
}
.\!text-kobalt-100 {
  color: var(--color-kobalt-100) !important;
}
.text-action-secondary {
  color: var(--color-action-secondary);
}
.text-action-tertiary {
  color: var(--color-action-tertiary);
}
.text-black {
  color: var(--color-black);
}
.text-blue-600 {
  color: var(--color-blue-600);
}
.text-button-primary {
  color: var(--color-button-primary);
}
.text-cta {
  color: var(--color-cta);
}
.text-gold-400 {
  color: var(--color-gold-400);
}
.text-gray-600 {
  color: var(--color-gray-600);
}
.text-icon-accent-primary {
  color: var(--color-icon-accent-primary);
}
.text-icon-base-primary {
  color: var(--color-icon-base-primary);
}
.text-icon-base-secondary {
  color: var(--color-icon-base-secondary);
}
.text-icon-base-tertiary {
  color: var(--color-icon-base-tertiary);
}
.text-icon-entity {
  color: var(--color-icon-entity);
}
.text-kobalt-200 {
  color: var(--color-kobalt-200);
}
.text-link-primary {
  color: var(--color-link-primary);
}
.text-link-secondary {
  color: var(--color-link-secondary);
}
.text-neutral-50 {
  color: var(--color-neutral-50);
}
.text-primary {
  color: var(--color-primary);
}
.text-primary\/90 {
  color: color-mix(in srgb, #ffffff 90%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    color: color-mix(in oklab, var(--color-primary) 90%, transparent);
  }
}
.text-red-200 {
  color: var(--color-red-200);
}
.text-red-600 {
  color: var(--color-red-600);
}
.text-secondary {
  color: var(--color-secondary);
}
.text-success {
  color: var(--color-success);
}
.text-surface-black {
  color: var(--color-surface-black);
}
.text-surface-brand {
  color: var(--color-surface-brand);
}
.text-surface-brand-light {
  color: var(--color-surface-brand-light);
}
.text-surface-bright {
  color: var(--color-surface-bright);
}
.text-surface-dark {
  color: var(--color-surface-dark);
}
.text-surface-error {
  color: var(--color-surface-error);
}
.text-surface-info {
  color: var(--color-surface-info);
}
.text-surface-invert {
  color: var(--color-surface-invert);
}
.text-surface-secondary {
  color: var(--color-surface-secondary);
}
.text-surface-success {
  color: var(--color-surface-success);
}
.text-surface-warning {
  color: var(--color-surface-warning);
}
.text-tertiary {
  color: var(--color-tertiary);
}
.text-white {
  color: var(--color-white);
}
.text-yellow-400 {
  color: var(--color-yellow-400);
}
.capitalize {
  text-transform: capitalize;
}
.lowercase {
  text-transform: lowercase;
}
.uppercase {
  text-transform: uppercase;
}
.italic {
  font-style: italic;
}
.not-italic {
  font-style: normal;
}
.underline {
  -webkit-text-decoration-line: underline;
          text-decoration-line: underline;
}
.accent-blue-600 {
  accent-color: var(--color-blue-600);
}
.opacity-0 {
  opacity: 0%;
}
.opacity-15 {
  opacity: 15%;
}
.opacity-20 {
  opacity: 20%;
}
.opacity-30 {
  opacity: 30%;
}
.opacity-40 {
  opacity: 40%;
}
.opacity-60 {
  opacity: 60%;
}
.opacity-100 {
  opacity: 100%;
}
.shadow {
  --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.shadow-\[0px_4px_12px_0px_\#11181FCC\] {
  --tw-shadow: 0px 4px 12px 0px var(--tw-shadow-color, #11181FCC);
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.shadow-\[0px_4px_48px_0px_\#353F4A\] {
  --tw-shadow: 0px 4px 48px 0px var(--tw-shadow-color, #353F4A);
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.shadow-\[inset_0px_-1px_0px\] {
  --tw-shadow: inset 0px -1px 0px var(--tw-shadow-color, currentcolor);
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.shadow-lg {
  --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.shadow-xl {
  --tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 8px 10px -6px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.shadow-border-base {
  --tw-shadow-color: #353f4a;
  @supports (color: color-mix(in lab, red, red)) {
    --tw-shadow-color: color-mix(in oklab, var(--color-border-base) var(--tw-shadow-alpha), transparent);
  }
}
.outline {
  outline-style: var(--tw-outline-style);
  outline-width: 1px;
}
.blur {
  --tw-blur: blur(8px);
  filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
}
.grayscale {
  --tw-grayscale: grayscale(100%);
  filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
}
.filter {
  filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
}
.backdrop-blur-\[20px\] {
  --tw-backdrop-blur: blur(20px);
  -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
  backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
}
.backdrop-blur-lg {
  --tw-backdrop-blur: blur(var(--blur-lg));
  -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
  backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
}
.backdrop-blur-sm {
  --tw-backdrop-blur: blur(var(--blur-sm));
  -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
  backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
}
.transition {
  transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
}
.transition-\[height\] {
  transition-property: height;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
}
.transition-all {
  transition-property: all;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
}
.transition-colors {
  transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
}
.transition-opacity {
  transition-property: opacity;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
}
.transition-transform {
  transition-property: transform, translate, scale, rotate;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
}
.delay-75 {
  transition-delay: 75ms;
}
.delay-150 {
  transition-delay: 150ms;
}
.duration-150 {
  --tw-duration: 150ms;
  transition-duration: 150ms;
}
.duration-200 {
  --tw-duration: 200ms;
  transition-duration: 200ms;
}
.duration-300 {
  --tw-duration: 300ms;
  transition-duration: 300ms;
}
.duration-500 {
  --tw-duration: 500ms;
  transition-duration: 500ms;
}
.ease-in {
  --tw-ease: var(--ease-in);
  transition-timing-function: var(--ease-in);
}
.ease-in-out {
  --tw-ease: var(--ease-in-out);
  transition-timing-function: var(--ease-in-out);
}
.ease-out {
  --tw-ease: var(--ease-out);
  transition-timing-function: var(--ease-out);
}
.\!outline-none {
  --tw-outline-style: none !important;
  outline-style: none !important;
}
.select-none {
  -webkit-user-select: none;
  -moz-user-select: none;
       user-select: none;
}
.\[newrelic\:development\] {
  newrelic: development;
}
.\[newrelic\:production\] {
  newrelic: production;
}
.\[newrelic\:staging\] {
  newrelic: staging;
}
.\[newrelic\:test\] {
  newrelic: test;
}
.group-hover\:bg-surface-dark\/100 {
  &:is(:where(.group):hover *) {
    @media (hover: hover) {
      background-color: var(--color-surface-dark);
    }
  }
}
.group-hover\:\!text-yellow-400 {
  &:is(:where(.group):hover *) {
    @media (hover: hover) {
      color: var(--color-yellow-400) !important;
    }
  }
}
.group-hover\:text-action-secondary {
  &:is(:where(.group):hover *) {
    @media (hover: hover) {
      color: var(--color-action-secondary);
    }
  }
}
.group-hover\:text-action-tertiary {
  &:is(:where(.group):hover *) {
    @media (hover: hover) {
      color: var(--color-action-tertiary);
    }
  }
}
.group-hover\:text-link-secondary {
  &:is(:where(.group):hover *) {
    @media (hover: hover) {
      color: var(--color-link-secondary);
    }
  }
}
.group-hover\:opacity-0 {
  &:is(:where(.group):hover *) {
    @media (hover: hover) {
      opacity: 0%;
    }
  }
}
.group-hover\/media\:flex {
  &:is(:where(.group\/media):hover *) {
    @media (hover: hover) {
      display: flex;
    }
  }
}
.group-hover\/media\:hidden {
  &:is(:where(.group\/media):hover *) {
    @media (hover: hover) {
      display: none;
    }
  }
}
.group-data-\[selected\]\:text-link-secondary {
  &:is(:where(.group)[data-selected] *) {
    color: var(--color-link-secondary);
  }
}
.placeholder\:text-primary\/40 {
  &::-moz-placeholder {
    color: color-mix(in srgb, #ffffff 40%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-primary) 40%, transparent);
    }
  }
  &::placeholder {
    color: color-mix(in srgb, #ffffff 40%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-primary) 40%, transparent);
    }
  }
}
.placeholder\:text-primary\/60 {
  &::-moz-placeholder {
    color: color-mix(in srgb, #ffffff 60%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-primary) 60%, transparent);
    }
  }
  &::placeholder {
    color: color-mix(in srgb, #ffffff 60%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-primary) 60%, transparent);
    }
  }
}
.before\:pointer-events-none {
  &::before {
    content: var(--tw-content);
    pointer-events: none;
  }
}
.before\:absolute {
  &::before {
    content: var(--tw-content);
    position: absolute;
  }
}
.before\:-inset-2 {
  &::before {
    content: var(--tw-content);
    inset: calc(var(--spacing) * -2);
  }
}
.before\:inset-0 {
  &::before {
    content: var(--tw-content);
    inset: calc(var(--spacing) * 0);
  }
}
.before\:top-0 {
  &::before {
    content: var(--tw-content);
    top: calc(var(--spacing) * 0);
  }
}
.before\:top-1\/2 {
  &::before {
    content: var(--tw-content);
    top: calc(1/2 * 100%);
  }
}
.before\:right-0 {
  &::before {
    content: var(--tw-content);
    right: calc(var(--spacing) * 0);
  }
}
.before\:left-0 {
  &::before {
    content: var(--tw-content);
    left: calc(var(--spacing) * 0);
  }
}
.before\:-z-10 {
  &::before {
    content: var(--tw-content);
    z-index: calc(10 * -1);
  }
}
.before\:h-full {
  &::before {
    content: var(--tw-content);
    height: 100%;
  }
}
.before\:h-px {
  &::before {
    content: var(--tw-content);
    height: 1px;
  }
}
.before\:w-24 {
  &::before {
    content: var(--tw-content);
    width: calc(var(--spacing) * 24);
  }
}
.before\:w-full {
  &::before {
    content: var(--tw-content);
    width: 100%;
  }
}
.before\:-translate-y-1\/2 {
  &::before {
    content: var(--tw-content);
    --tw-translate-y: calc(calc(1/2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
}
.before\:rounded {
  &::before {
    content: var(--tw-content);
    border-radius: 0.25rem;
  }
}
.before\:rounded-lg {
  &::before {
    content: var(--tw-content);
    border-radius: var(--radius-lg);
  }
}
.before\:bg-button-outline {
  &::before {
    content: var(--tw-content);
    background-color: var(--color-button-outline);
  }
}
.before\:bg-link-primary {
  &::before {
    content: var(--tw-content);
    background-color: var(--color-link-primary);
  }
}
.before\:bg-surface-brand-light {
  &::before {
    content: var(--tw-content);
    background-color: var(--color-surface-brand-light);
  }
}
.before\:bg-surface-info {
  &::before {
    content: var(--tw-content);
    background-color: var(--color-surface-info);
  }
}
.before\:bg-surface-success {
  &::before {
    content: var(--tw-content);
    background-color: var(--color-surface-success);
  }
}
.before\:bg-surface-warning {
  &::before {
    content: var(--tw-content);
    background-color: var(--color-surface-warning);
  }
}
.before\:bg-gradient-to-b {
  &::before {
    content: var(--tw-content);
    --tw-gradient-position: to bottom in oklab;
    background-image: linear-gradient(var(--tw-gradient-stops));
  }
}
.before\:bg-gradient-to-l {
  &::before {
    content: var(--tw-content);
    --tw-gradient-position: to left in oklab;
    background-image: linear-gradient(var(--tw-gradient-stops));
  }
}
.before\:bg-gradient-to-r {
  &::before {
    content: var(--tw-content);
    --tw-gradient-position: to right in oklab;
    background-image: linear-gradient(var(--tw-gradient-stops));
  }
}
.before\:from-kobalt-700 {
  &::before {
    content: var(--tw-content);
    --tw-gradient-from: var(--color-kobalt-700);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
}
.before\:from-yellow-200 {
  &::before {
    content: var(--tw-content);
    --tw-gradient-from: var(--color-yellow-200);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
}
.before\:to-yellow-300 {
  &::before {
    content: var(--tw-content);
    --tw-gradient-to: var(--color-yellow-300);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
}
.before\:opacity-0 {
  &::before {
    content: var(--tw-content);
    opacity: 0%;
  }
}
.before\:transition-opacity {
  &::before {
    content: var(--tw-content);
    transition-property: opacity;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
}
.before\:duration-300 {
  &::before {
    content: var(--tw-content);
    --tw-duration: 300ms;
    transition-duration: 300ms;
  }
}
.before\:ease-out {
  &::before {
    content: var(--tw-content);
    --tw-ease: var(--ease-out);
    transition-timing-function: var(--ease-out);
  }
}
.after\:absolute {
  &::after {
    content: var(--tw-content);
    position: absolute;
  }
}
.after\:inset-0 {
  &::after {
    content: var(--tw-content);
    inset: calc(var(--spacing) * 0);
  }
}
.after\:top-full {
  &::after {
    content: var(--tw-content);
    top: 100%;
  }
}
.after\:right-0 {
  &::after {
    content: var(--tw-content);
    right: calc(var(--spacing) * 0);
  }
}
.after\:bottom-0 {
  &::after {
    content: var(--tw-content);
    bottom: calc(var(--spacing) * 0);
  }
}
.after\:left-0 {
  &::after {
    content: var(--tw-content);
    left: calc(var(--spacing) * 0);
  }
}
.after\:left-1\/2 {
  &::after {
    content: var(--tw-content);
    left: calc(1/2 * 100%);
  }
}
.after\:z-1 {
  &::after {
    content: var(--tw-content);
    z-index: 1;
  }
}
.after\:h-\[1px\] {
  &::after {
    content: var(--tw-content);
    height: 1px;
  }
}
.after\:h-full {
  &::after {
    content: var(--tw-content);
    height: 100%;
  }
}
.after\:w-full {
  &::after {
    content: var(--tw-content);
    width: 100%;
  }
}
.after\:-translate-x-1\/2 {
  &::after {
    content: var(--tw-content);
    --tw-translate-x: calc(calc(1/2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
}
.after\:transform {
  &::after {
    content: var(--tw-content);
    transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
  }
}
.after\:rounded {
  &::after {
    content: var(--tw-content);
    border-radius: 0.25rem;
  }
}
.after\:rounded-full {
  &::after {
    content: var(--tw-content);
    border-radius: calc(infinity * 1px);
  }
}
.after\:border {
  &::after {
    content: var(--tw-content);
    border-style: var(--tw-border-style);
    border-width: 1px;
  }
}
.after\:border-t-\[6px\] {
  &::after {
    content: var(--tw-content);
    border-top-style: var(--tw-border-style);
    border-top-width: 6px;
  }
}
.after\:border-r-\[6px\] {
  &::after {
    content: var(--tw-content);
    border-right-style: var(--tw-border-style);
    border-right-width: 6px;
  }
}
.after\:border-b {
  &::after {
    content: var(--tw-content);
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
  }
}
.after\:border-l-\[6px\] {
  &::after {
    content: var(--tw-content);
    border-left-style: var(--tw-border-style);
    border-left-width: 6px;
  }
}
.after\:border-solid {
  &::after {
    content: var(--tw-content);
    --tw-border-style: solid;
    border-style: solid;
  }
}
.after\:border-link-primary {
  &::after {
    content: var(--tw-content);
    border-color: var(--color-link-primary);
  }
}
.after\:border-surface-brand-secondary {
  &::after {
    content: var(--tw-content);
    border-color: var(--color-surface-brand-secondary);
  }
}
.after\:border-t-surface-base-tertiary {
  &::after {
    content: var(--tw-content);
    border-top-color: var(--color-surface-base-tertiary);
  }
}
.after\:border-r-transparent {
  &::after {
    content: var(--tw-content);
    border-right-color: transparent;
  }
}
.after\:border-l-transparent {
  &::after {
    content: var(--tw-content);
    border-left-color: transparent;
  }
}
.after\:\!bg-action-primary {
  &::after {
    content: var(--tw-content);
    background-color: var(--color-action-primary) !important;
  }
}
.after\:bg-surface-quinary {
  &::after {
    content: var(--tw-content);
    background-color: var(--color-surface-quinary);
  }
}
.after\:opacity-0 {
  &::after {
    content: var(--tw-content);
    opacity: 0%;
  }
}
.after\:transition-opacity {
  &::after {
    content: var(--tw-content);
    transition-property: opacity;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
}
.after\:duration-300 {
  &::after {
    content: var(--tw-content);
    --tw-duration: 300ms;
    transition-duration: 300ms;
  }
}
.after\:ease-out {
  &::after {
    content: var(--tw-content);
    --tw-ease: var(--ease-out);
    transition-timing-function: var(--ease-out);
  }
}
.after\:content-\[\"\"\] {
  &::after {
    --tw-content: "";
    content: var(--tw-content);
  }
}
.after\:content-\[\'\'\] {
  &::after {
    --tw-content: '';
    content: var(--tw-content);
  }
}
.last\:mr-5 {
  &:last-child {
    margin-right: calc(var(--spacing) * 5);
  }
}
.last\:border-b-0 {
  &:last-child {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 0px;
  }
}
.hover\:cursor-pointer {
  &:hover {
    @media (hover: hover) {
      cursor: pointer;
    }
  }
}
.hover\:border-link-primary {
  &:hover {
    @media (hover: hover) {
      border-color: var(--color-link-primary);
    }
  }
}
.hover\:border-b-link-primary {
  &:hover {
    @media (hover: hover) {
      border-bottom-color: var(--color-link-primary);
    }
  }
}
.hover\:bg-action-tertiary\/10 {
  &:hover {
    @media (hover: hover) {
      background-color: color-mix(in srgb, #f08e84 10%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-action-tertiary) 10%, transparent);
      }
    }
  }
}
.hover\:bg-gray-100 {
  &:hover {
    @media (hover: hover) {
      background-color: var(--color-gray-100);
    }
  }
}
.hover\:bg-secondary {
  &:hover {
    @media (hover: hover) {
      background-color: var(--color-secondary);
    }
  }
}
.hover\:bg-surface-base-quaternary {
  &:hover {
    @media (hover: hover) {
      background-color: var(--color-surface-base-quaternary);
    }
  }
}
.hover\:bg-surface-base-secondary {
  &:hover {
    @media (hover: hover) {
      background-color: var(--color-surface-base-secondary);
    }
  }
}
.hover\:bg-surface-base-tertiary {
  &:hover {
    @media (hover: hover) {
      background-color: var(--color-surface-base-tertiary);
    }
  }
}
.hover\:bg-surface-dark\/10 {
  &:hover {
    @media (hover: hover) {
      background-color: color-mix(in srgb, #11181f 10%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-surface-dark) 10%, transparent);
      }
    }
  }
}
.hover\:bg-surface-quaternary {
  &:hover {
    @media (hover: hover) {
      background-color: var(--color-surface-quaternary);
    }
  }
}
.hover\:text-action-tertiary {
  &:hover {
    @media (hover: hover) {
      color: var(--color-action-tertiary);
    }
  }
}
.hover\:text-link-secondary {
  &:hover {
    @media (hover: hover) {
      color: var(--color-link-secondary);
    }
  }
}
.hover\:text-primary {
  &:hover {
    @media (hover: hover) {
      color: var(--color-primary);
    }
  }
}
.hover\:before\:opacity-10 {
  &:hover {
    @media (hover: hover) {
      &::before {
        content: var(--tw-content);
        opacity: 10%;
      }
    }
  }
}
.hover\:before\:opacity-100 {
  &:hover {
    @media (hover: hover) {
      &::before {
        content: var(--tw-content);
        opacity: 100%;
      }
    }
  }
}
.hover\:after\:absolute {
  &:hover {
    @media (hover: hover) {
      &::after {
        content: var(--tw-content);
        position: absolute;
      }
    }
  }
}
.hover\:after\:bottom-0 {
  &:hover {
    @media (hover: hover) {
      &::after {
        content: var(--tw-content);
        bottom: calc(var(--spacing) * 0);
      }
    }
  }
}
.hover\:after\:h-px {
  &:hover {
    @media (hover: hover) {
      &::after {
        content: var(--tw-content);
        height: 1px;
      }
    }
  }
}
.hover\:after\:w-full {
  &:hover {
    @media (hover: hover) {
      &::after {
        content: var(--tw-content);
        width: 100%;
      }
    }
  }
}
.hover\:after\:bg-action-primary {
  &:hover {
    @media (hover: hover) {
      &::after {
        content: var(--tw-content);
        background-color: var(--color-action-primary);
      }
    }
  }
}
.hover\:after\:opacity-30 {
  &:hover {
    @media (hover: hover) {
      &::after {
        content: var(--tw-content);
        opacity: 30%;
      }
    }
  }
}
.focus\:border-action-primary {
  &:focus {
    border-color: var(--color-action-primary);
  }
}
.focus\:outline-none {
  &:focus {
    --tw-outline-style: none;
    outline-style: none;
  }
}
.focus\:placeholder\:text-primary\/40 {
  &:focus {
    &::-moz-placeholder {
      color: color-mix(in srgb, #ffffff 40%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, var(--color-primary) 40%, transparent);
      }
    }
    &::placeholder {
      color: color-mix(in srgb, #ffffff 40%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, var(--color-primary) 40%, transparent);
      }
    }
  }
}
.disabled\:pointer-events-none {
  &:disabled {
    pointer-events: none;
  }
}
.disabled\:cursor-default {
  &:disabled {
    cursor: default;
  }
}
.disabled\:opacity-40 {
  &:disabled {
    opacity: 40%;
  }
}
.aria-busy\:opacity-50 {
  &[aria-busy="true"] {
    opacity: 50%;
  }
}
.aria-expanded\:line-clamp-none {
  &[aria-expanded="true"] {
    overflow: visible;
    display: block;
    -webkit-box-orient: horizontal;
    -webkit-line-clamp: unset;
  }
}
.aria-expanded\:rotate-180 {
  &[aria-expanded="true"] {
    rotate: 180deg;
  }
}
.aria-expanded\:whitespace-normal {
  &[aria-expanded="true"] {
    white-space: normal;
  }
}
.aria-pressed\:bg-surface-secondary {
  &[aria-pressed="true"] {
    background-color: var(--color-surface-secondary);
  }
}
.aria-pressed\:\!text-link-secondary {
  &[aria-pressed="true"] {
    color: var(--color-link-secondary) !important;
  }
}
.aria-pressed\:text-blue-600 {
  &[aria-pressed="true"] {
    color: var(--color-blue-600);
  }
}
.aria-selected\:text-action-tertiary {
  &[aria-selected="true"] {
    color: var(--color-action-tertiary);
  }
}
.xs\:inline-block {
  @media (width >= 414px) {
    display: inline-block;
  }
}
.\31 -5xl\:hidden {
  @media (width >= 1366px) {
    display: none;
  }
}
.min-\[1366px\]\:w-cols-4-span-1-gap-8 {
  @media (width >= 1366px) {
    width: calc(25% - 6px);
  }
}
.\33 xl\:max-w-screen-2xl {
  @media (width >= 1920px) {
    max-width: var(--breakpoint-2xl);
  }
}
.\34 xl\:col-\[6_\/_span_1\] {
  @media (width >= 2160px) {
    grid-column: 6 / span 1;
  }
}
.\34 xl\:row-\[auto_\/_span_1\] {
  @media (width >= 2160px) {
    grid-row: auto / span 1;
  }
}
.\34 xl\:row-\[auto_\/_span_2\] {
  @media (width >= 2160px) {
    grid-row: auto / span 2;
  }
}
.\34 xl\:hidden {
  @media (width >= 2160px) {
    display: none;
  }
}
.\34 xl\:w-cols-6-span-1-gap-8 {
  @media (width >= 2160px) {
    width: calc(16.666666666666668% - 6.666666666666667px);
  }
}
.\35 xl\:min-w-\[calc\(90\%\/4\)\] {
  @media (width >= 2400px) {
    min-width: calc(90% / 4);
  }
}
.sm\:mb-2 {
  @media (width >= 40rem) {
    margin-bottom: calc(var(--spacing) * 2);
  }
}
.sm\:inline-block {
  @media (width >= 40rem) {
    display: inline-block;
  }
}
.sm\:h-8 {
  @media (width >= 40rem) {
    height: calc(var(--spacing) * 8);
  }
}
.sm\:h-16 {
  @media (width >= 40rem) {
    height: calc(var(--spacing) * 16);
  }
}
.sm\:h-\[calc\(100vh-27\.875rem\)\] {
  @media (width >= 40rem) {
    height: calc(100vh - 27.875rem);
  }
}
.sm\:h-full {
  @media (width >= 40rem) {
    height: 100%;
  }
}
.sm\:max-h-none {
  @media (width >= 40rem) {
    max-height: none;
  }
}
.sm\:min-h-120 {
  @media (width >= 40rem) {
    min-height: var(--height-120);
  }
}
.sm\:w-3\/4 {
  @media (width >= 40rem) {
    width: calc(3/4 * 100%);
  }
}
.sm\:w-16 {
  @media (width >= 40rem) {
    width: calc(var(--spacing) * 16);
  }
}
.sm\:w-32 {
  @media (width >= 40rem) {
    width: calc(var(--spacing) * 32);
  }
}
.sm\:w-auto {
  @media (width >= 40rem) {
    width: auto;
  }
}
.sm\:max-w-\[25rem\] {
  @media (width >= 40rem) {
    max-width: 25rem;
  }
}
.sm\:max-w-sm {
  @media (width >= 40rem) {
    max-width: var(--container-sm);
  }
}
.sm\:flex-row {
  @media (width >= 40rem) {
    flex-direction: row;
  }
}
.sm\:items-center {
  @media (width >= 40rem) {
    align-items: center;
  }
}
.sm\:rounded-lg {
  @media (width >= 40rem) {
    border-radius: var(--radius-lg);
  }
}
.sm\:p-6 {
  @media (width >= 40rem) {
    padding: calc(var(--spacing) * 6);
  }
}
.sm\:px-6 {
  @media (width >= 40rem) {
    padding-inline: calc(var(--spacing) * 6);
  }
}
.sm\:pb-3 {
  @media (width >= 40rem) {
    padding-bottom: calc(var(--spacing) * 3);
  }
}
.sm\:text-body-lg {
  @media (width >= 40rem) {
    font-size: var(--text-body-lg);
    line-height: var(--tw-leading, var(--text-body-lg--line-height));
  }
}
.sm\:text-title-lg {
  @media (width >= 40rem) {
    font-size: var(--text-title-lg);
    line-height: var(--tw-leading, var(--text-title-lg--line-height));
  }
}
.sm\:text-title-sm {
  @media (width >= 40rem) {
    font-size: var(--text-title-sm);
    line-height: var(--tw-leading, var(--text-title-sm--line-height));
  }
}
.md\:top-14 {
  @media (width >= 48rem) {
    top: calc(var(--spacing) * 14);
  }
}
.md\:left-1\/2 {
  @media (width >= 48rem) {
    left: calc(1/2 * 100%);
  }
}
.md\:order-last {
  @media (width >= 48rem) {
    order: 9999;
  }
}
.md\:col-\[3_\/_span_2\] {
  @media (width >= 48rem) {
    grid-column: 3 / span 2;
  }
}
.md\:row-\[auto_\/_span_2\] {
  @media (width >= 48rem) {
    grid-row: auto / span 2;
  }
}
.md\:m-auto {
  @media (width >= 48rem) {
    margin: auto;
  }
}
.md\:mx-0 {
  @media (width >= 48rem) {
    margin-inline: calc(var(--spacing) * 0);
  }
}
.md\:mx-10 {
  @media (width >= 48rem) {
    margin-inline: calc(var(--spacing) * 10);
  }
}
.md\:mx-auto {
  @media (width >= 48rem) {
    margin-inline: auto;
  }
}
.md\:\!mt-2 {
  @media (width >= 48rem) {
    margin-top: calc(var(--spacing) * 2) !important;
  }
}
.md\:mt-0 {
  @media (width >= 48rem) {
    margin-top: calc(var(--spacing) * 0);
  }
}
.md\:mt-2 {
  @media (width >= 48rem) {
    margin-top: calc(var(--spacing) * 2);
  }
}
.md\:mt-4 {
  @media (width >= 48rem) {
    margin-top: calc(var(--spacing) * 4);
  }
}
.md\:mt-6 {
  @media (width >= 48rem) {
    margin-top: calc(var(--spacing) * 6);
  }
}
.md\:mt-8 {
  @media (width >= 48rem) {
    margin-top: calc(var(--spacing) * 8);
  }
}
.md\:mt-auto {
  @media (width >= 48rem) {
    margin-top: auto;
  }
}
.md\:mr-0 {
  @media (width >= 48rem) {
    margin-right: calc(var(--spacing) * 0);
  }
}
.md\:mr-1 {
  @media (width >= 48rem) {
    margin-right: calc(var(--spacing) * 1);
  }
}
.md\:mr-auto {
  @media (width >= 48rem) {
    margin-right: auto;
  }
}
.md\:mb-2 {
  @media (width >= 48rem) {
    margin-bottom: calc(var(--spacing) * 2);
  }
}
.md\:mb-6 {
  @media (width >= 48rem) {
    margin-bottom: calc(var(--spacing) * 6);
  }
}
.md\:mb-auto {
  @media (width >= 48rem) {
    margin-bottom: auto;
  }
}
.md\:ml-0 {
  @media (width >= 48rem) {
    margin-left: calc(var(--spacing) * 0);
  }
}
.md\:ml-\[-200px\] {
  @media (width >= 48rem) {
    margin-left: -200px;
  }
}
.md\:block {
  @media (width >= 48rem) {
    display: block;
  }
}
.md\:flex {
  @media (width >= 48rem) {
    display: flex;
  }
}
.md\:hidden {
  @media (width >= 48rem) {
    display: none;
  }
}
.md\:h-6 {
  @media (width >= 48rem) {
    height: calc(var(--spacing) * 6);
  }
}
.md\:h-9 {
  @media (width >= 48rem) {
    height: calc(var(--spacing) * 9);
  }
}
.md\:h-10 {
  @media (width >= 48rem) {
    height: calc(var(--spacing) * 10);
  }
}
.md\:h-100 {
  @media (width >= 48rem) {
    height: var(--height-100);
  }
}
.md\:h-120 {
  @media (width >= 48rem) {
    height: var(--height-120);
  }
}
.md\:h-auto {
  @media (width >= 48rem) {
    height: auto;
  }
}
.md\:h-full {
  @media (width >= 48rem) {
    height: 100%;
  }
}
.md\:max-h-4 {
  @media (width >= 48rem) {
    max-height: calc(var(--spacing) * 4);
  }
}
.md\:max-h-8 {
  @media (width >= 48rem) {
    max-height: calc(var(--spacing) * 8);
  }
}
.md\:\!w-2\/3 {
  @media (width >= 48rem) {
    width: calc(2/3 * 100%) !important;
  }
}
.md\:\!w-52 {
  @media (width >= 48rem) {
    width: calc(var(--spacing) * 52) !important;
  }
}
.md\:\!w-full {
  @media (width >= 48rem) {
    width: 100% !important;
  }
}
.md\:w-1\/2 {
  @media (width >= 48rem) {
    width: calc(1/2 * 100%);
  }
}
.md\:w-1\/6 {
  @media (width >= 48rem) {
    width: calc(1/6 * 100%);
  }
}
.md\:w-73\.5 {
  @media (width >= 48rem) {
    width: var(--width-73\.5);
  }
}
.md\:w-87\.5 {
  @media (width >= 48rem) {
    width: var(--width-87\.5);
  }
}
.md\:w-96 {
  @media (width >= 48rem) {
    width: calc(var(--spacing) * 96);
  }
}
.md\:w-\[500px\] {
  @media (width >= 48rem) {
    width: 500px;
  }
}
.md\:w-auto {
  @media (width >= 48rem) {
    width: auto;
  }
}
.md\:w-cols-4-span-2-gap-8 {
  @media (width >= 48rem) {
    width: calc(50% - 4px);
  }
}
.md\:w-cols-6-span-4-gap-8 {
  @media (width >= 48rem) {
    width: calc(66.66666666666667% - 2.6666666666666665px);
  }
}
.md\:w-cols-8-span-4-gap-8 {
  @media (width >= 48rem) {
    width: calc(50% - 4px);
  }
}
.md\:w-full {
  @media (width >= 48rem) {
    width: 100%;
  }
}
.md\:max-w-50 {
  @media (width >= 48rem) {
    max-width: calc(var(--spacing) * 50);
  }
}
.md\:max-w-\[35\.625rem\] {
  @media (width >= 48rem) {
    max-width: 35.625rem;
  }
}
.md\:max-w-md {
  @media (width >= 48rem) {
    max-width: var(--container-md);
  }
}
.md\:max-w-none {
  @media (width >= 48rem) {
    max-width: none;
  }
}
.md\:max-w-screen-lg {
  @media (width >= 48rem) {
    max-width: var(--breakpoint-lg);
  }
}
.md\:max-w-screen-md {
  @media (width >= 48rem) {
    max-width: var(--breakpoint-md);
  }
}
.md\:max-w-screen-xl {
  @media (width >= 48rem) {
    max-width: var(--breakpoint-xl);
  }
}
.md\:min-w-50 {
  @media (width >= 48rem) {
    min-width: calc(var(--spacing) * 50);
  }
}
.md\:min-w-120 {
  @media (width >= 48rem) {
    min-width: calc(var(--spacing) * 120);
  }
}
.md\:min-w-\[25rem\] {
  @media (width >= 48rem) {
    min-width: 25rem;
  }
}
.md\:min-w-\[calc\(90\%\/2\)\] {
  @media (width >= 48rem) {
    min-width: calc(90% / 2);
  }
}
.md\:flex-1 {
  @media (width >= 48rem) {
    flex: 1;
  }
}
.md\:flex-auto {
  @media (width >= 48rem) {
    flex: auto;
  }
}
.md\:flex-grow {
  @media (width >= 48rem) {
    flex-grow: 1;
  }
}
.md\:flex-grow-0 {
  @media (width >= 48rem) {
    flex-grow: 0;
  }
}
.md\:basis-1\/2 {
  @media (width >= 48rem) {
    flex-basis: calc(1/2 * 100%);
  }
}
.md\:basis-1\/4 {
  @media (width >= 48rem) {
    flex-basis: calc(1/4 * 100%);
  }
}
.md\:grid-cols-2 {
  @media (width >= 48rem) {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
.md\:grid-cols-3 {
  @media (width >= 48rem) {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
.md\:grid-cols-4 {
  @media (width >= 48rem) {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}
.md\:flex-col {
  @media (width >= 48rem) {
    flex-direction: column;
  }
}
.md\:flex-row {
  @media (width >= 48rem) {
    flex-direction: row;
  }
}
.md\:flex-row-reverse {
  @media (width >= 48rem) {
    flex-direction: row-reverse;
  }
}
.md\:flex-wrap {
  @media (width >= 48rem) {
    flex-wrap: wrap;
  }
}
.md\:items-center {
  @media (width >= 48rem) {
    align-items: center;
  }
}
.md\:justify-between {
  @media (width >= 48rem) {
    justify-content: space-between;
  }
}
.md\:justify-center {
  @media (width >= 48rem) {
    justify-content: center;
  }
}
.md\:gap-2 {
  @media (width >= 48rem) {
    gap: calc(var(--spacing) * 2);
  }
}
.md\:gap-3 {
  @media (width >= 48rem) {
    gap: calc(var(--spacing) * 3);
  }
}
.md\:gap-4 {
  @media (width >= 48rem) {
    gap: calc(var(--spacing) * 4);
  }
}
.md\:gap-5 {
  @media (width >= 48rem) {
    gap: calc(var(--spacing) * 5);
  }
}
.md\:gap-6 {
  @media (width >= 48rem) {
    gap: calc(var(--spacing) * 6);
  }
}
.md\:self-center {
  @media (width >= 48rem) {
    align-self: center;
  }
}
.md\:self-end {
  @media (width >= 48rem) {
    align-self: flex-end;
  }
}
.md\:truncate {
  @media (width >= 48rem) {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
}
.md\:overflow-auto {
  @media (width >= 48rem) {
    overflow: auto;
  }
}
.md\:overflow-x-hidden {
  @media (width >= 48rem) {
    overflow-x: hidden;
  }
}
.md\:bg-surface-accent-primary {
  @media (width >= 48rem) {
    background-color: var(--color-surface-accent-primary);
  }
}
.md\:bg-surface-secondary {
  @media (width >= 48rem) {
    background-color: var(--color-surface-secondary);
  }
}
.md\:bg-surface-tertiary {
  @media (width >= 48rem) {
    background-color: var(--color-surface-tertiary);
  }
}
.md\:bg-transparent {
  @media (width >= 48rem) {
    background-color: transparent;
  }
}
.md\:p-0 {
  @media (width >= 48rem) {
    padding: calc(var(--spacing) * 0);
  }
}
.md\:p-6 {
  @media (width >= 48rem) {
    padding: calc(var(--spacing) * 6);
  }
}
.md\:p-8 {
  @media (width >= 48rem) {
    padding: calc(var(--spacing) * 8);
  }
}
.md\:p-10 {
  @media (width >= 48rem) {
    padding: calc(var(--spacing) * 10);
  }
}
.md\:p-11 {
  @media (width >= 48rem) {
    padding: calc(var(--spacing) * 11);
  }
}
.md\:px-28 {
  @media (width >= 48rem) {
    padding-inline: calc(var(--spacing) * 28);
  }
}
.md\:py-2 {
  @media (width >= 48rem) {
    padding-block: calc(var(--spacing) * 2);
  }
}
.md\:py-10 {
  @media (width >= 48rem) {
    padding-block: calc(var(--spacing) * 10);
  }
}
.md\:py-16 {
  @media (width >= 48rem) {
    padding-block: calc(var(--spacing) * 16);
  }
}
.md\:pt-0 {
  @media (width >= 48rem) {
    padding-top: calc(var(--spacing) * 0);
  }
}
.md\:pt-8 {
  @media (width >= 48rem) {
    padding-top: calc(var(--spacing) * 8);
  }
}
.md\:pt-10 {
  @media (width >= 48rem) {
    padding-top: calc(var(--spacing) * 10);
  }
}
.md\:pb-2 {
  @media (width >= 48rem) {
    padding-bottom: calc(var(--spacing) * 2);
  }
}
.md\:pl-4 {
  @media (width >= 48rem) {
    padding-left: calc(var(--spacing) * 4);
  }
}
.md\:pl-8 {
  @media (width >= 48rem) {
    padding-left: calc(var(--spacing) * 8);
  }
}
.md\:text-center {
  @media (width >= 48rem) {
    text-align: center;
  }
}
.md\:text-body-lg {
  @media (width >= 48rem) {
    font-size: var(--text-body-lg);
    line-height: var(--tw-leading, var(--text-body-lg--line-height));
  }
}
.md\:text-body-md {
  @media (width >= 48rem) {
    font-size: var(--text-body-md);
    line-height: var(--tw-leading, var(--text-body-md--line-height));
  }
}
.md\:text-body-sm {
  @media (width >= 48rem) {
    font-size: var(--text-body-sm);
    line-height: var(--tw-leading, var(--text-body-sm--line-height));
  }
}
.md\:text-headline-md {
  @media (width >= 48rem) {
    font-size: var(--text-headline-md);
    line-height: var(--tw-leading, var(--text-headline-md--line-height));
  }
}
.md\:text-icon-sm {
  @media (width >= 48rem) {
    font-size: var(--text-icon-sm);
    line-height: var(--tw-leading, var(--text-icon-sm--line-height));
  }
}
.md\:text-title-md {
  @media (width >= 48rem) {
    font-size: var(--text-title-md);
    line-height: var(--tw-leading, var(--text-title-md--line-height));
  }
}
.md\:text-title-sm {
  @media (width >= 48rem) {
    font-size: var(--text-title-sm);
    line-height: var(--tw-leading, var(--text-title-sm--line-height));
  }
}
.md\:font-bold {
  @media (width >= 48rem) {
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
  }
}
.md\:text-primary {
  @media (width >= 48rem) {
    color: var(--color-primary);
  }
}
.md\:text-tertiary {
  @media (width >= 48rem) {
    color: var(--color-tertiary);
  }
}
.md\:after\:flex-auto {
  @media (width >= 48rem) {
    &::after {
      content: var(--tw-content);
      flex: auto;
    }
  }
}
.lg\:absolute {
  @media (width >= 64rem) {
    position: absolute;
  }
}
.lg\:mt-0 {
  @media (width >= 64rem) {
    margin-top: calc(var(--spacing) * 0);
  }
}
.lg\:mt-1 {
  @media (width >= 64rem) {
    margin-top: calc(var(--spacing) * 1);
  }
}
.lg\:mt-6 {
  @media (width >= 64rem) {
    margin-top: calc(var(--spacing) * 6);
  }
}
.lg\:mb-0\.5 {
  @media (width >= 64rem) {
    margin-bottom: calc(var(--spacing) * 0.5);
  }
}
.lg\:mb-2 {
  @media (width >= 64rem) {
    margin-bottom: calc(var(--spacing) * 2);
  }
}
.lg\:mb-4 {
  @media (width >= 64rem) {
    margin-bottom: calc(var(--spacing) * 4);
  }
}
.lg\:ml-2 {
  @media (width >= 64rem) {
    margin-left: calc(var(--spacing) * 2);
  }
}
.lg\:line-clamp-2 {
  @media (width >= 64rem) {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
  }
}
.lg\:block {
  @media (width >= 64rem) {
    display: block;
  }
}
.lg\:flex {
  @media (width >= 64rem) {
    display: flex;
  }
}
.lg\:inline-block {
  @media (width >= 64rem) {
    display: inline-block;
  }
}
.lg\:w-1\/3 {
  @media (width >= 64rem) {
    width: calc(1/3 * 100%);
  }
}
.lg\:w-2\/3 {
  @media (width >= 64rem) {
    width: calc(2/3 * 100%);
  }
}
.lg\:w-7\/12 {
  @media (width >= 64rem) {
    width: calc(7/12 * 100%);
  }
}
.lg\:w-auto {
  @media (width >= 64rem) {
    width: auto;
  }
}
.lg\:w-cols-6-span-3-gap-8 {
  @media (width >= 64rem) {
    width: calc(50% - 4px);
  }
}
.lg\:w-screen {
  @media (width >= 64rem) {
    width: 100vw;
  }
}
.lg\:max-w-50 {
  @media (width >= 64rem) {
    max-width: calc(var(--spacing) * 50);
  }
}
.lg\:max-w-120 {
  @media (width >= 64rem) {
    max-width: calc(var(--spacing) * 120);
  }
}
.lg\:max-w-screen-md {
  @media (width >= 64rem) {
    max-width: var(--breakpoint-md);
  }
}
.lg\:grid-cols-4 {
  @media (width >= 64rem) {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}
.lg\:grid-cols-5 {
  @media (width >= 64rem) {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
}
.lg\:grid-cols-6 {
  @media (width >= 64rem) {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
}
.lg\:flex-row {
  @media (width >= 64rem) {
    flex-direction: row;
  }
}
.lg\:items-center {
  @media (width >= 64rem) {
    align-items: center;
  }
}
.lg\:justify-between {
  @media (width >= 64rem) {
    justify-content: space-between;
  }
}
.lg\:justify-center {
  @media (width >= 64rem) {
    justify-content: center;
  }
}
.lg\:gap-2 {
  @media (width >= 64rem) {
    gap: calc(var(--spacing) * 2);
  }
}
.lg\:gap-4 {
  @media (width >= 64rem) {
    gap: calc(var(--spacing) * 4);
  }
}
.lg\:gap-6 {
  @media (width >= 64rem) {
    gap: calc(var(--spacing) * 6);
  }
}
.lg\:overflow-y-hidden {
  @media (width >= 64rem) {
    overflow-y: hidden;
  }
}
.lg\:p-6 {
  @media (width >= 64rem) {
    padding: calc(var(--spacing) * 6);
  }
}
.lg\:\!px-10 {
  @media (width >= 64rem) {
    padding-inline: calc(var(--spacing) * 10) !important;
  }
}
.lg\:px-4 {
  @media (width >= 64rem) {
    padding-inline: calc(var(--spacing) * 4);
  }
}
.lg\:px-10 {
  @media (width >= 64rem) {
    padding-inline: calc(var(--spacing) * 10);
  }
}
.lg\:py-6 {
  @media (width >= 64rem) {
    padding-block: calc(var(--spacing) * 6);
  }
}
.lg\:py-10 {
  @media (width >= 64rem) {
    padding-block: calc(var(--spacing) * 10);
  }
}
.lg\:pl-16 {
  @media (width >= 64rem) {
    padding-left: calc(var(--spacing) * 16);
  }
}
.lg\:text-icon-xl {
  @media (width >= 64rem) {
    font-size: var(--text-icon-xl);
    line-height: var(--tw-leading, var(--text-icon-xl--line-height));
  }
}
.lg\:group-hover\:opacity-100 {
  @media (width >= 64rem) {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        opacity: 100%;
      }
    }
  }
}
.xl\:left-3\.5 {
  @media (width >= 80rem) {
    left: calc(var(--spacing) * 3.5);
  }
}
.xl\:col-\[4_\/_span_1\] {
  @media (width >= 80rem) {
    grid-column: 4 / span 1;
  }
}
.xl\:row-\[auto_\/_span_1\] {
  @media (width >= 80rem) {
    grid-row: auto / span 1;
  }
}
.xl\:mx-auto {
  @media (width >= 80rem) {
    margin-inline: auto;
  }
}
.xl\:my-4 {
  @media (width >= 80rem) {
    margin-block: calc(var(--spacing) * 4);
  }
}
.xl\:mt-0 {
  @media (width >= 80rem) {
    margin-top: calc(var(--spacing) * 0);
  }
}
.xl\:mb-6 {
  @media (width >= 80rem) {
    margin-bottom: calc(var(--spacing) * 6);
  }
}
.xl\:line-clamp-1 {
  @media (width >= 80rem) {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
  }
}
.xl\:line-clamp-2 {
  @media (width >= 80rem) {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
  }
}
.xl\:block {
  @media (width >= 80rem) {
    display: block;
  }
}
.xl\:flex {
  @media (width >= 80rem) {
    display: flex;
  }
}
.xl\:hidden {
  @media (width >= 80rem) {
    display: none;
  }
}
.xl\:h-12 {
  @media (width >= 80rem) {
    height: calc(var(--spacing) * 12);
  }
}
.xl\:h-\[8\.625rem\] {
  @media (width >= 80rem) {
    height: 8.625rem;
  }
}
.xl\:w-1\/5 {
  @media (width >= 80rem) {
    width: calc(1/5 * 100%);
  }
}
.xl\:w-1\/10 {
  @media (width >= 80rem) {
    width: var(--width-1\/10);
  }
}
.xl\:w-24 {
  @media (width >= 80rem) {
    width: calc(var(--spacing) * 24);
  }
}
.xl\:w-182 {
  @media (width >= 80rem) {
    width: var(--width-182);
  }
}
.xl\:w-cols-6-span-2-gap-8 {
  @media (width >= 80rem) {
    width: calc(33.333333333333336% - 5.333333333333334px);
  }
}
.xl\:w-cols-8-span-3-gap-8 {
  @media (width >= 80rem) {
    width: calc(37.5% - 5px);
  }
}
.xl\:max-w-4xl {
  @media (width >= 80rem) {
    max-width: var(--container-4xl);
  }
}
.xl\:max-w-54 {
  @media (width >= 80rem) {
    max-width: calc(var(--spacing) * 54);
  }
}
.xl\:max-w-\[720px\] {
  @media (width >= 80rem) {
    max-width: 720px;
  }
}
.xl\:max-w-screen-xl {
  @media (width >= 80rem) {
    max-width: var(--breakpoint-xl);
  }
}
.xl\:flex-1 {
  @media (width >= 80rem) {
    flex: 1;
  }
}
.xl\:basis-1\/2 {
  @media (width >= 80rem) {
    flex-basis: calc(1/2 * 100%);
  }
}
.xl\:grid-cols-3 {
  @media (width >= 80rem) {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
.xl\:grid-cols-6 {
  @media (width >= 80rem) {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
}
.xl\:flex-row {
  @media (width >= 80rem) {
    flex-direction: row;
  }
}
.xl\:flex-row-reverse {
  @media (width >= 80rem) {
    flex-direction: row-reverse;
  }
}
.xl\:justify-end {
  @media (width >= 80rem) {
    justify-content: flex-end;
  }
}
.xl\:gap-0 {
  @media (width >= 80rem) {
    gap: calc(var(--spacing) * 0);
  }
}
.xl\:gap-2 {
  @media (width >= 80rem) {
    gap: calc(var(--spacing) * 2);
  }
}
.xl\:gap-4 {
  @media (width >= 80rem) {
    gap: calc(var(--spacing) * 4);
  }
}
.xl\:gap-6 {
  @media (width >= 80rem) {
    gap: calc(var(--spacing) * 6);
  }
}
.xl\:gap-12 {
  @media (width >= 80rem) {
    gap: calc(var(--spacing) * 12);
  }
}
.xl\:self-center {
  @media (width >= 80rem) {
    align-self: center;
  }
}
.xl\:rounded-none {
  @media (width >= 80rem) {
    border-radius: 0;
  }
}
.xl\:p-6 {
  @media (width >= 80rem) {
    padding: calc(var(--spacing) * 6);
  }
}
.xl\:px-10 {
  @media (width >= 80rem) {
    padding-inline: calc(var(--spacing) * 10);
  }
}
.xl\:px-28 {
  @media (width >= 80rem) {
    padding-inline: calc(var(--spacing) * 28);
  }
}
.xl\:py-4 {
  @media (width >= 80rem) {
    padding-block: calc(var(--spacing) * 4);
  }
}
.xl\:pt-12 {
  @media (width >= 80rem) {
    padding-top: calc(var(--spacing) * 12);
  }
}
.xl\:pb-6 {
  @media (width >= 80rem) {
    padding-bottom: calc(var(--spacing) * 6);
  }
}
.xl\:text-body-md {
  @media (width >= 80rem) {
    font-size: var(--text-body-md);
    line-height: var(--tw-leading, var(--text-body-md--line-height));
  }
}
.xl\:text-title-lg {
  @media (width >= 80rem) {
    font-size: var(--text-title-lg);
    line-height: var(--tw-leading, var(--text-title-lg--line-height));
  }
}
.xl\:text-title-md {
  @media (width >= 80rem) {
    font-size: var(--text-title-md);
    line-height: var(--tw-leading, var(--text-title-md--line-height));
  }
}
.xl\:text-nowrap {
  @media (width >= 80rem) {
    text-wrap: nowrap;
  }
}
.\32 xl\:col-\[7_\/_span_2\] {
  @media (width >= 96rem) {
    grid-column: 7 / span 2;
  }
}
.\32 xl\:w-cols-8-span-2-gap-8 {
  @media (width >= 96rem) {
    width: calc(25% - 6px);
  }
}
.\32 xl\:max-w-screen-lg {
  @media (width >= 96rem) {
    max-width: var(--breakpoint-lg);
  }
}
.\32 xl\:min-w-\[calc\(90\%\/3\)\] {
  @media (width >= 96rem) {
    min-width: calc(90% / 3);
  }
}
.\32 xl\:gap-20 {
  @media (width >= 96rem) {
    gap: calc(var(--spacing) * 20);
  }
}
.\[\&_a\]\:block {
  & a {
    display: block;
  }
}
.\[\&_a\]\:rounded {
  & a {
    border-radius: 0.25rem;
  }
}
.\[\&_a\]\:bg-surface-base-quaternary {
  & a {
    background-color: var(--color-surface-base-quaternary);
  }
}
.\[\&_a\]\:px-2 {
  & a {
    padding-inline: calc(var(--spacing) * 2);
  }
}
.\[\&_a\]\:py-1 {
  & a {
    padding-block: calc(var(--spacing) * 1);
  }
}
.\[\&_a\]\:text-body-md {
  & a {
    font-size: var(--text-body-md);
    line-height: var(--tw-leading, var(--text-body-md--line-height));
  }
}
.\[\&_a\]\:font-medium {
  & a {
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
  }
}
.\[\&_a\]\:text-nowrap {
  & a {
    text-wrap: nowrap;
  }
}
.\[\&_a\]\:text-primary {
  & a {
    color: var(--color-primary);
  }
}
.\[\&_a\]\:capitalize {
  & a {
    text-transform: capitalize;
  }
}
.\[\&_a\]\:transition-colors {
  & a {
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
}
.\[\&_a\]\:hover\:bg-surface-base-quaternary {
  & a {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-surface-base-quaternary);
      }
    }
  }
}
.\[\&_a\]\:hover\:text-action-tertiary {
  & a {
    &:hover {
      @media (hover: hover) {
        color: var(--color-action-tertiary);
      }
    }
  }
}
.\[\&_div\:first-of-type\]\:\!mx-auto {
  & div:first-of-type {
    margin-inline: auto !important;
  }
}
.\[\&_div\:first-of-type\]\:\!my-0 {
  & div:first-of-type {
    margin-block: calc(var(--spacing) * 0) !important;
  }
}
.\[\&\:\:-webkit-search-cancel-button\]\:hidden {
  &::-webkit-search-cancel-button {
    display: none;
  }
}
.\[\&\>svg\]\:drop-shadow-\[0px_0px_4px_rgba\(0\,0\,0\,0\.75\)\] {
  &>svg {
    --tw-drop-shadow-size: drop-shadow(0px 0px 4px var(--tw-drop-shadow-color, rgba(0,0,0,0.75)));
    --tw-drop-shadow: var(--tw-drop-shadow-size);
    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
  }
}
.\[\@media\(hover\:hover\)\]\:hover\:text-action-tertiary {
  @media (hover:hover) {
    &:hover {
      @media (hover: hover) {
        color: var(--color-action-tertiary);
      }
    }
  }
}
[x-cloak] {
  display: none;
}
.responsive-page .i_svg {
  top: 0;
}
svg {
  vertical-align: baseline;
}
textarea:focus, input:focus:not(.ms-ctn input, [type='checkbox']) {
  outline-style: var(--tw-outline-style);
  outline-width: 1px;
  outline-color: var(--color-link-primary);
}
.spinner {
  height: calc(var(--spacing) * 12);
  width: calc(var(--spacing) * 12);
  animation: var(--animate-spin);
  border-radius: calc(infinity * 1px);
  border-style: var(--tw-border-style);
  border-width: 8px;
  --tw-border-style: solid;
  border-style: solid;
  border-color: var(--color-surface-quaternary);
  border-top-color: var(--color-surface-brand-light);
}
.text-shadow {
  text-shadow: 0 0 1px rgb(0, 0, 0);
}
.scrollbar-none {
  scrollbar-width: none;
  -ms-overflow-style: none;
}
.scrollbar-none::-webkit-scrollbar {
  display: none;
}
.scrollbar {
  scrollbar-width: thin;
}
.scrollbar::-webkit-scrollbar {
  width: 4px;
  height: 4px;
}
.scrollbar-w-1::-webkit-scrollbar {
  width: 0.25rem;
  height: 0.25rem;
}
.scrollbar-thumb-tertiary::-webkit-scrollbar-thumb {
  background-color: var(--color-tertiary);
}
.scrollbar-thumb-rounded-full::-webkit-scrollbar-thumb {
  border-radius: 9999px;
}
.scrollbar::-webkit-scrollbar-track {
  background-color: transparent;
}
.red-circle-behind-text {
  flex-shrink: 0;
  font-size: 1.25rem;
  border-radius: 50%;
  background-color: var(--color-surface-brand);
  width: 2.75rem;
  height: 2.75rem;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 0.5rem;
  margin-right: 0.5rem;
}
.ad-badge-detect:not(:has(ins img, ins iframe, ins video, ins canvas)) {
  display: none;
}
.ad-wrapper {
  .ptgncdn_holder {
    margin-top: 0;
    margin-bottom: 0;
  }
}
* {
  outline: 0;
}
article,
aside,
figure,
footer,
header,
nav,
section,
details,
summary {
  display: block;
}
img,
object,
embed {
  max-width: 100%;
}
html {
  overflow-y: scroll;
}
ul {
  list-style: none;
}
blockquote,
q {
  quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
  content: '';
  content: none;
}
a {
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
  text-decoration: none;
}
del {
  text-decoration: line-through;
}
abbr[title],
dfn[title] {
  border-bottom: 1px dotted #000;
  cursor: help;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
th {
  font-weight: bold;
  vertical-align: bottom;
}
td {
  font-weight: normal;
  vertical-align: top;
}
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0;
}
input,
select {
  vertical-align: middle;
}
pre {
  white-space: pre;
  white-space: pre-wrap;
  white-space: pre-line;
  word-wrap: break-word;
}
input[type='radio'] {
  vertical-align: text-bottom;
}
input[type='checkbox'] {
  vertical-align: bottom;
}
.ie7 input[type='checkbox'] {
  vertical-align: baseline;
}
.ie6 input {
  vertical-align: text-bottom;
}
table {
  font-size: inherit;
  font: 100%;
}
small {
  font-size: 85%;
}
strong {
  font-weight: bold;
}
td,
td img {
  vertical-align: top;
}
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
}
sup {
  top: -0.5em;
}
sub {
  bottom: -0.25em;
}
pre,
code,
kbd,
samp {
  font-family: monospace, sans-serif;
}
.clickable,
label,
input[type='button'],
input[type='submit'],
input[type='file'],
button {
  cursor: pointer;
}
button,
input[type='button'] {
  width: auto;
  overflow: visible;
}
.ie7 img {
  -ms-interpolation-mode: bicubic;
}
.clear-fix:before,
.clear-fix:after {
  content: '\0020';
  display: block;
  height: 0;
  overflow: hidden;
}
.clear-fix:after {
  clear: both;
}
.clear-fix {
  zoom: 1;
}
*:focus {
  outline: none;
}
:root {
  --divide-color: rgba(255, 255, 255, 0.2);
  --title-color: #fff;
  --title-icon-color: #cf3952;
  --text-color: #fff;
  --link-color: #e9657b;
  --title-subtext-color: #787f86;
  --primary-btn-border-color: #e9657b;
  --primary-btn-bordered-color: #fff;
  --primary-btn-bordered-icon-color: #e9657b;
  --content-highlight-bg-color: #1e2a36;
  --content-highlight-color: #fff;
  --secondary-btn-text-color: #e9657b;
  --primary-btn-bg-from-color: #ffda46;
  --primary-btn-bg-to-color: #f99f06;
  --primary-btn-hover-bg-from-color: #ffe16b;
  --primary-btn-hover-bg-to-color: #fab238;
  --bordered-btn-hover-bg-color: #e9657b;
  --misc-btn-bg-from-color: #cf3952;
  --misc-btn-bg-to-color: #cf3952;
  --primary-btn-color: #380804;
  --misc-btn-color: #fff;
  --textarea-bg-color: #11181f;
  --textarea-color: #d2d4d7;
  --success-color: #9ddd33;
  --error-color: #bb493d;
  --eighteen-overlay-bg-color: #1e2a36;
  --verify-my-age-restricted-circle-color: #cf3952;
  --header-bg-color: #60140c;
  --header-link-color: #ffc4be;
  --header-link-bg-color: #440b05;
  --header-tooltip-bg-color: #11181f;
  --header-tooltip-text-color: #fff;
  --header-switches-color: #fff;
  --header-gender-selector-icon-color: #e9657b;
  --searchbar-bg-color: #380804;
  --searchbar-dark-border-color: #19221e;
  --searchbar-focus-text-color: #fff;
  --searchbar-text-color: #fff;
  --searchbar-text-color-rgb: 255, 255, 255;
  --searchbar-icon-color: #fff;
  --autosuggest-bg-color: #11181f;
  --autosuggest-bg-color-rgb: 17, 24, 31;
  --autosuggest-text-color: #787f86;
  --autosuggest-text-highlight-color: #fff;
  --autosuggest-text-active-bg-color: #18222b;
  --autosuggest-text-active-bg-color-rgb: 24, 34, 43;
  --autosuggest-text-active-color: #f08e84;
  --tooltip-bg-color: #19221e;
  --tooltip-text-color: #aaa;
  --footer-bg-color: #18222b;
  --footer-nav-text-color: #f08e84;
  --footer-color: #fff;
  --footer-nav-link-color: #fff;
  --footer-nav-icon-color: #e9657b;
  --footer-highlighted-bg-color: #1e2a36;
  --footer-highlighted-text-color: #787f86;
  --footer-highlighted-text-highlighted-color: #fff;
  --footer-bottom-btn-bg-color: #11181f;
  --footer-bottom-btn-color: #fff;
  --footer-bottom-btn-icon-color: #e9657b;
  --footer-link-color: #d2d4d7;
  --footer-account-user-name-color: #e9657b;
  --footer-bottom-btn-badge-bg-color: #cf3952;
  --footer-bottom-btn-badge-color: #fff;
  --footer-benefits-text-color: #fff;
  --footer-benefits-icon-color: #e9657b;
  --footer-login-separator-color: #353f4a;
  --playlist-item-bg-color: #1e2a36;
  --playlist-length-background-color: #11181f;
  --playlist-input-bg-color: #11181f;
  --playlist-length-border-color: #e9657b;
  --playlist-title-text-color: #e9657b;
  --playlist-length-text-color: #fff;
  --playlist-button-gradient-color-start: #ffda46;
  --playlist-button-gradient-color-end: #f99f06;
  --playlist-button-text-color: #380804;
  --playlist-header-text-color: #f08e84;
  --video-list-hd-bg-color: #000;
  --video-list-hd-color: #fff;
  --video-list-user-color: #e9657b;
  --video-list-stats-color: #787f86;
  --video-list-name-color: #a5aaaf;
  --video-list-context-menu-trigger-color: #a5aaaf;
  --video-list-context-menu-trigger-active-color: #cf3952;
  --video-list-item-deleted-filter-color: #787f86;
  --video-list-mp4-item-bg-color: #11181f;
  --video-list-video-badge-bg-color-rgba: rgba(0, 0, 0, 0.6);
  --video-list-video-badge-bg-color: #000;
  --video-list-video-badge-color-rgba: rgba(255, 255, 255, 0.8);
  --video-list-video-badge-color: #fff;
  --video-list-info-text-color: #d9d9d9;
  --popout-menu-bg-color: #1e2a36;
  --popout-menu-color: #fff;
  --popout-menu-icon-color: #a5aaaf;
  --popout-menu-divider-color-rgb: 17, 24, 31;
  --channel-text-color: #e9657b;
  --video-toolbar-item-bg-color: #1e2a36;
  --video-toolbar-item-color: #787f86;
  --video-toolbar-item-hover-color: #f08e84;
  --video-toolbar-item-hover-background-color: #353f4a;
  --video-toolbar-icon-color: #a5aaaf;
  --video-toolbar-text-color: #fff;
  --video-toolbar-quality-menu-bg-color: #1e2a36;
  --video-toolbar-quality-menu-border-color: #18222b;
  --video-toolbar-quality-menu-color: #a5aaaf;
  --video-toolbar-rate-text-color: #a5aaaf;
  --video-toolbar-separator-color: #353f4a;
  --video-toolbar-delete-bg-color: #9b2118;
  --video-toolbar-delete-text-color: #fff;
  --video-toolbar-active-text-color: #cf3952;
  --video-user-bg-color: #1e2a36;
  --video-user-color: #a5aaaf;
  --video-user-link-color: #e9657b;
  --video-avatar-default-bg-color: #000;
  --video-playlist-video-count-color: #787f86;
  --video-playlist-active-item-bg-color: #60140c;
  --video-thumbnail-bg-color: #000;
  --video-removed-video-text-color: #ddd;
  --video-thumbnail-bg-color-rgba: rgba(0, 0, 0, 0.4);
  --video-thumbnail-bg-color-rgb: 0, 0, 0;
  --video-thumbnail-play-hover-color: #a5aaaf;
  --video-play-button-color: #fff;
  --video-pause-button-color: #fff;
  --video-play-bg-color-rgba: rgba(0, 0, 0, 0.6);
  --video-thumbnail-text-color: #fff;
  --video-details-channel-color: #f08e84;
  --video-no-available-icon-color: #e9657b;
  --video-tag-hover-chip-color: #f08e84;
  --video-positions-skip-to-color: #f08e84;
  --video-positions-time-color: #d2d4d7;
  --video-positions-title-color: #fff;
  --video-positions-backdrop-color: #000;
  --video-positions-hover-color: #60140c;
  --video-progress-bar-seen: #e43f5a;
  --video-ui-progress-color: rgba(255, 255, 255, 0.2);
  --video-progress-bar-left: rgba(255, 255, 255, 0.3);
  --video-views-text-color: #fff;
  --video-views-bg-color-rgba: rgba(0, 0, 0, 0.6);
  --video-time-color: #fff;
  --video-scene-indicator: #fff;
  --video-scene-border-color: #fff;
  --video-scene-box-shadow-color-rgba: rgba(0, 0, 0, 0.25);
  --video-time-tooltip-bg-color: rgba(0, 0, 0, 0.6);
  --video-timeline-item-bg-color: rgba(0, 0, 0, 0.6);
  --video-settings-item-border-color: #353f4a;
  --video-spinner-color: #e9657b;
  --video-spinner-base-color: #353f4a;
  --video-banner-ad-text-bg-color: #18222b;
  --messagebar-bg-color: #1e2a36;
  --messagebar-textarea-bg-color: #11181f;
  --messagebar-textarea-text-color: #a5aaaf;
  --tag-bg-color: #18222b;
  --tag-color: #d2d4d7;
  --tag-active-bg-color: #cf3952;
  --tag-active-color: #fff;
  --tag-hover-text-color: #f08e84;
  --tag-chip-hover-background-color: #cf3952;
  --tag-chip-hover-text-color: #fff;
  --comments-wrapper-bg-color: #18222b;
  --comments-sorting-link-color: #a5aaaf;
  --comments-sorting-link-active-color: #e9657b;
  --comments-sorting-position-color: #e9657b;
  --comments-name-color: #e9657b;
  --comments-time-color: #a5aaaf;
  --comments-text-color: #fff;
  --comments-buttons-color: #a5aaaf;
  --comments-link-color: #e9657b;
  --comments-form-bg-color: #1e2a36;
  --snip-color: #787f86;
  --snip-highlight-color: #d2d4d7;
  --signup-features-bg-color: #11181f;
  --signup-button-text-color: #fff;
  --signup-feature-icon-color: #e9657b;
  --signup-feature-text-color: #d2d4d7;
  --signup-title-text-color: #e9657b;
  --trending-title-color: #e9657b;
  --trending-live-bg-color-rgb: 39, 52, 65;
  --trending-live-led-color: #27ae60;
  --profile-top-name-color: #fff;
  --profile-top-details-color: #787f86;
  --profile-top-details-info-color: #d2d4d7;
  --profile-top-details-bio-color: #aaa;
  --profile-icon-color: #e9657b;
  --profile-success-color: #85d400;
  --channel-page-description-color: #a5aaaf;
  --filter-item-color: #e9657b;
  --filter-item-icon-color: #353f4a;
  --filter-active-item-border-color: #cf3952;
  --filter-active-item-color: #e9657b;
  --bottom-sheet-overlay-bg-color: #11181f;
  --bottom-sheet-title-color: #787f86;
  --bottom-sheet-title-icon-color: #787f86;
  --bottom-sheet-bg-color: #1e2a36;
  --bottom-sheet-color: #fff;
  --bottom-sheet-divider-color: #353f4a;
  --bottom-sheet-icon-color: #e9657b;
  --pagination-prev-next-color: #e9657b;
  --pagination-item-bg-color: #1e2a36;
  --pagination-item-bg-hover-color: #353f4a;
  --pagination-item-color: #fff;
  --pagination-item-active-bg-color: #cf3952;
  --pagination-item-active-color: #fff;
  --pagination-dots-color: #fff;
  --pagination-info-color: #787f86;
  --search-empty-color: #fff;
  --forgot-bg-color: #1e2a36;
  --forgot-text-color: #fff;
  --forgot-icon-color: #e9657b;
  --forgot-input-bg-color: #11181f;
  --forgot-error-color: #bb493d;
  --tv-title-color: #fff;
  --tv-bg-color: #1e2a36;
  --tv-icon-color: #cf3952;
  --tv-input-bg-color: #11181f;
  --tags-text-color: #e9657b;
  --tags-desktop-text-color: #f08e84;
  --tags-input-bg-color: #1e2a36;
  --tags-input-text-color: #fff;
  --tags-input-icon-color: #787f86;
  --tags-bg-color: #11181f;
  --go-button-bg-color: #60140c;
  --go-button-color: #fff;
  --go-button-icon-color: #e9657b;
  --ad-button-bg-color: rgba(0, 0, 0, 0.6);
  --modal-background-color: 17, 24, 31;
  --modal-inner-content-bg-color: #1e2a36;
  --modal-title-color: #fff;
  --modal-text-color: #fff;
  --modal-title-text-color: #fff;
  --modal-close-button-color: #fff;
  --report-video-item-bg-color: #11181f;
  --report-video-item-color: #fff;
  --report-video-active-item-border-color: #e9657b;
  --report-video-item-dot-border-color: #353f4a;
  --report-video-active-item-dot-border-color: #e9657b;
  --report-video-active-item-dot-bg-color: #e9657b;
  --playlist-modal-input-text-color: #fff;
  --playlist-modal-input-background-color: #11181f;
  --playlist-modal-divider-color: #353f4a;
  --playlist-modal-title-color: #fff;
  --playlist-modal-icon-color: #e9657b;
  --empty-content-icon-color: #e9657b;
  --radio-item-bg-color: #11181f;
  --radio-item-color: #fff;
  --radio-hover-item-text-color: #f08e84;
  --radio-active-item-border-color: #e9657b;
  --radio-item-dot-border-color: #353f4a;
  --radio-active-item-dot-border-color: #e9657b;
  --radio-active-item-dot-bg-color: #e9657b;
  --checkbox-border-color: #e9657b;
  --checkbox-background-color: #11181f;
  --input-bg-color: #11181f;
  --input-color: #fff;
  --label-text-color: #fff;
  --input-icon-color: #353f4a;
  --input-outline-color: #e9657b;
  --form-error-color: #bb493d;
  --form-description-color: #d2d4d7;
  --profile-details-color: #787f86;
  --profile-details-icon-color: #353f4a;
  --profile-content-bg-color: #1e2a36;
  --profile-secondary-bg-color: #11181f;
  --profile-text-color: #fff;
  --profile-contrast-text-color: #e9657b;
  --profile-contrast-color: #cf3952;
  --notification-card-bg-color: #353f4a;
  --notification-card-success-color: #9ddd33;
  --notification-card-error-color: #e9657b;
  --notification-card-info-color: #679ff5;
  --notification-card-warning-color: #fab238;
  --notifications-results-text-color: #787f86;
  --notifications-icon-color: #e9657b;
  --notifications-notification-title-color: #fff;
  --notifications-notification-date-color: #787f86;
  --notifications-notification-subtext-color: #e9657b;
  --notifications-delete-button-icon-color: #f08e84;
  --notifications-delete-text-icon-color: #fff;
  --sidebar-nav-item-bg-color: #1e2a36;
  --sidebar-nav-item-tablet-bg-color: #353f4a;
  --sidebar-nav-item-border-color: #353f4a;
  --sidebar-nav-item-color: #fff;
  --sidebar-nav-item-hover-bg-color: #353f4a;
  --sidebar-nav-item-active-color: #e9657b;
  --sidebar-nav-item-active--hover-color: #fff;
  --sidebar-nav-item-icon-color: #e9657b;
  --sidebar-nav-item-warning-icon-color: #fab238;
  --subscriptions-text-color: #fff;
  --subscriptions-content-contrast-color: #cf3952;
  --subscriptions-text-contrast-color: #e9657b;
  --subscriptions-inactive-color: #353f4a;
  --subscriptions-title-bg-color: #60140c;
  --messenger-inbox-name-color: #e9657b;
  --messenger-inbox-date-color: #787f86;
  --messenger-inbox-text-color: #787f86;
  --messenger-inbox-unread-text-color: #fff;
  --messenger-header-border-color: #353f4a;
  --messenger-header-background-color: #11181f;
  --messenger-header-icon-color: #e9657b;
  --messenger-header-content-text-color: #e9657b;
  --messenger-message-name-color: #fff;
  --messenger-message-background-color: #1e2a36;
  --messenger-message-date-color: #787f86;
  --messenger-message-other-name-color: #e9657b;
  --messenger-messagebar-background-color: #1e2a36;
  --messenger-messagebar-border-color: #353f4a;
  --messenger-messagebar-text-color: #787f86;
  --form-background-color: #1e2a36;
  --form-error-border-color: #bb493d;
  --form-auth-title-text-color: #fff;
  --form-auth-subtitle-text-color: #d2d4d7;
  --form-required-mark-color: #e9657b;
  --form-icon-color: #e9657b;
  --show-more-button-outline-color: #4b555e;
  --show-more-button-background-color: #11181f;
  --show-more-button-color: #fff;
  --scroller-icon-color: #fff;
  --scroller-gradient-bg-color: #11181f;
  --embed-textarea-bg-color: #1e2a36;
  --embed-textarea-color: #787f86;
  --upload-no-file-selected-text-color: #787f86;
  --upload-major-storage-text-color: #d2d4d7;
  --upload-inactive-option-border-color: #353f4a;
  --upload-star-color: #e9657b;
  --upload-default-option: #a5aaaf;
  --upload-button-text-color: #440b05;
  --upload-progress-background-color: #11181f;
  --upload-progress-color: #e9657b;
  --upload-button-gradient-color-start: #ffda46;
  --upload-button-gradient-color-end: #f99f06;
  --upload-url-text-color: #fff;
  --upload-suggestion-background-active: #18222b;
  --upload-suggestion-matched-word-active: #f08e84;
  --upload-suggestion-text-color: #787f86;
  --upload-suggestion-background: #18222b;
  --upload-suggestion-matched-word: #fff;
  --user-panel-item-bg-color: #1e2a36;
  --user-panel-item-bg-hover-color: #353f4a;
  --user-panel-separator-color: #353f4a;
  --user-panel-date-color: #787f86;
  --user-panel-name-text-color: #fff;
  --user-panel-results: #787f86;
  --basic-dropdown-shadow-color: rgba(0, 0, 0, 0.25);
  --basic-dropdown-bg-color: rgba(17, 24, 31, 0.95);
  --basic-dropdown-title-color: #fff;
  --basic-dropdown-divider-bg-color: rgba(255, 255, 255, 0.08);
  --basic-dropdown-item-color: #fff;
  --basic-dropdown-item-hover-bg-color: rgba(53, 63, 74, 0.4);
  --basic-dropdown-item-hover-color: #f08e84;
  --partnership-title-color: #f08e84;
  --partnership-subtitle-color: #d2d4d7;
  --partnership-text-color: #fff;
  --partnership-steps-bg-color: #353f4a;
  --creator-page-border-color: #353f4a;
  --creator-required-star-color: #e9657b;
  --creator-link-color: #f08e84;
  --creator-main-content-subtitle-color: #787f86;
  --creator-identify_subtext-color: #d2d4d7;
  --creator-icon-color: #e9657b;
  --country-ban-bg-color: #11181f;
  --country-ban-text-color: #d2d4d7;
  --search-prohibited-warning-icon-color: #cf3952;
}
:root.desktop {
  --title-icon-color: #cf3952;
  --link-color: #f08e84;
  --header-link-color: #fff;
  --header-nav-bg-color: #18222b;
  --header-nav-item-link-color: #fff;
  --header-nav-item-icon-color: #a5aaaf;
  --header-nav-item-active-icon-color: #e9657b;
  --header-nav-item-active-border-color: #cf3952;
  --header-nav-item-caret-icon-color: #a5aaaf;
  --header-action-item-link-color: #fff;
  --header-action-item-upload-icon-color: #ffcc00;
  --header-nav-item-icon-highlighted-color: #e9657b;
  --header-nav-submenu-bg-color: #18222b;
  --header-nav-submenu-top-item-color: #fff;
  --header-nav-submenu-top-item-bg-color: #11181f;
  --header-nav-submenu-top-item-icon-color: #e9657b;
  --header-nav-submenu-top-item-hover-bg-color: #353f4a;
  --video-user-link-color: #f08e84;
  --filter-item-color: #f08e84;
  --filter-active-item-border-color: #cf3952;
  --filter-active-item-color: #f08e84;
  --popout-menu-hover-color: #f08e84;
  --comments-link-color: #f08e84;
  --comments-name-color: #f08e84;
  --comments-sorting-link-active-color: #f08e84;
  --comments-sorting-position-color: #f08e84;
  --channel-text-color: #f08e84;
  --channel-page-description-color: #787f86;
  --channel-page-visit-cta-icon-color: #e9657b;
  --messenger-inbox-name-color: #f08e84;
  --messenger-conversation-header-bg-color: #11181f;
  --playlist-title-text-color: #f08e84;
  --video-list-name-color: #d9d9d9;
}
.dropdown-wrapper {
  position: relative;
}
.dropdown-wrapper .dropdown-trigger {
  cursor: pointer;
}
.dropdown-wrapper .dropdown-content {
  position: absolute;
  opacity: 0;
  pointer-events: none;
  transition: color 0.3s ease-in-out, background-color 0.3s ease-in-out, opacity 0.3s ease-in-out, fill 0.3s ease-in-out, border-color 0.3s ease-in-out, transform 0.3s ease-in-out;
  z-index: 1;
}
.dropdown-wrapper.is-open .dropdown-content {
  opacity: 1;
  pointer-events: all;
}
.dropdown-wrapper.top .dropdown-content,
.dropdown-wrapper.top-start .dropdown-content,
.dropdown-wrapper.top-end .dropdown-content {
  bottom: 100%;
}
.dropdown-wrapper.bottom .dropdown-content,
.dropdown-wrapper.bottom-start .dropdown-content,
.dropdown-wrapper.bottom-end .dropdown-content {
  top: 100%;
}
.dropdown-wrapper.left .dropdown-content,
.dropdown-wrapper.left-start .dropdown-content,
.dropdown-wrapper.left-end .dropdown-content {
  right: 100%;
}
.dropdown-wrapper.right .dropdown-content,
.dropdown-wrapper.right-start .dropdown-content,
.dropdown-wrapper.right-end .dropdown-content {
  left: 100%;
}
.dropdown-wrapper.top-start .dropdown-content,
.dropdown-wrapper.bottom-start .dropdown-content {
  left: 0;
}
.dropdown-wrapper.top-end .dropdown-content,
.dropdown-wrapper.bottom-end .dropdown-content {
  right: 0;
}
.dropdown-wrapper.left-start .dropdown-content,
.dropdown-wrapper.right-start .dropdown-content {
  top: 0;
}
.dropdown-wrapper.left-end .dropdown-content,
.dropdown-wrapper.right-end .dropdown-content {
  bottom: 0;
}
.basic-dropdown-content {
  box-shadow: 0 0.125rem 1rem 0 var(--basic-dropdown-shadow-color);
  padding: 0.5rem 1rem 1rem;
  background-color: var(--basic-dropdown-bg-color);
  border-radius: 0.5rem;
}
.basic-dropdown-content .title {
  display: flex;
  align-items: center;
  flex-basis: 100%;
  padding-left: 0.375rem;
  color: var(--basic-dropdown-title-color);
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.basic-dropdown-content .title > a {
  transition: color 0.3s ease-in-out, background-color 0.3s ease-in-out, opacity 0.3s ease-in-out, fill 0.3s ease-in-out, border-color 0.3s ease-in-out, transform 0.3s ease-in-out;
}
.basic-dropdown-content .divider {
  height: 0.0625rem;
  background-color: var(--basic-dropdown-divider-bg-color);
  margin: 0.5rem -1rem;
}
.basic-dropdown-content .item {
  padding: 0.25rem 0.75rem;
  gap: 0.75rem;
  display: flex;
  align-items: center;
  font-size: 1rem;
  line-height: 1.5rem;
  border-radius: 0.25rem;
  color: var(--basic-dropdown-item-color);
  white-space: nowrap;
  transition: color 0.3s ease-in-out, background-color 0.3s ease-in-out, opacity 0.3s ease-in-out, fill 0.3s ease-in-out, border-color 0.3s ease-in-out, transform 0.3s ease-in-out;
}
@media (hover: hover) {
  .basic-dropdown-content .item:hover {
    background-color: var(--basic-dropdown-item-hover-bg-color, 0.4);
  }
}
.basic-dropdown-content .item .i_svg {
  width: 1rem;
  height: 1rem;
  top: 0;
}
.basic-dropdown-content .title > a:hover,
.basic-dropdown-content .item:hover {
  color: var(--basic-dropdown-item-hover-color);
}
.custom-modal {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100vw;
  height: 100vh;
  z-index: 1300;
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
  display: flex;
  justify-content: center;
  align-items: center;
}
#age-check {
  background-color: rgba(8, 11, 14, 0.7);
}
#age-check .modal {
  border-radius: 5px;
  overflow: hidden;
  text-align: center;
}
#age-check .modal #age-check-content {
  max-width: 25rem;
  margin: 0 2rem;
  padding: 0 1.5rem;
  background-color: var(--eighteen-overlay-bg-color);
  border-radius: 0.5rem;
}
#age-check .modal h2 {
  padding: 1rem 0;
}
#age-check .modal h3 {
  padding: 0.875rem 0;
  color: #fff;
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.25rem;
}
#age-check .modal p {
  color: #d2d4d7;
  font-weight: 400;
  font-size: 0.625rem;
  line-height: 1rem;
}
#age-check .modal .buttons {
  display: flex;
  flex-direction: column;
  margin-top: 1rem;
}
#age-check .modal .buttons .ft-button {
  background-image: linear-gradient(var(--primary-btn-bg-from-color), var(--primary-btn-bg-to-color));
  color: var(--primary-btn-color);
  font-weight: 700;
  font-size: 0.875rem;
  line-height: 1.25rem;
  clear: both;
  border-radius: 0.2rem;
  text-shadow: none;
  box-shadow: none;
}
#age-check .modal #age-check-footer {
  display: flex;
  justify-content: space-evenly;
  padding: 1rem;
}
#age-check .modal #age-check-footer a {
  font-weight: 400;
  font-size: 0.75rem;
  line-height: 1.25rem;
}
#age-check .modal #age-check-footer .parents {
  display: block;
  color: #787f86;
}
#age-check .modal #age-check-footer .rta {
  width: 2.9375rem;
}
#playlist-remodal {
  overflow: scroll;
  height: 100%;
}
#playlist-remodal .title-inp {
  margin: 0.95rem 0 1.875rem 0;
}
#playlist-remodal .title-inp .placeholder-text {
  color: var(--playlist-modal-input-text-color);
  font-weight: 400;
  line-height: 1.25rem;
  background-color: var(--playlist-modal-input-background-color);
  padding: 0.625rem;
  width: 100%;
  border-radius: 0.25rem;
  border-color: transparent;
  font-size: 0.875rem;
}
#playlist-remodal .playlist-list {
  padding-top: 0.625rem;
  clear: both;
  border-top: 0.0625rem solid var(--playlist-modal-divider-color);
  margin-top: 1.25rem;
  justify-content: center;
  overflow: scroll;
  max-height: 40vh;
  scrollbar-width: none;
}
#playlist-remodal .playlist-list .list {
  display: flex;
  flex-direction: column;
  width: 100%;
  gap: 0.5rem;
}
#playlist-remodal .playlist-list .list .pl {
  margin-bottom: 1rem;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
#playlist-remodal .playlist-list h3 {
  color: var(--playlist-modal-title-color);
  font-size: 0.875rem;
  line-height: 1.25rem;
  margin-top: 0.625rem;
}
#playlist-remodal .playlist-list p {
  width: 100%;
}
#playlist-remodal .playlist-list svg {
  color: var(--playlist-modal-icon-color);
  margin: 0 0.3125rem;
}
#missing-verification-remodal {
  max-width: 25rem;
  padding: 1.5rem;
}
#missing-verification-remodal p {
  margin: 0.5rem 0 1rem;
}
#missing-verification-remodal .resend {
  width: 100%;
}
html.desktop #playlist-remodal {
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  position: relative;
  max-width: 25rem;
  overflow: scroll;
  scrollbar-width: none;
}
html.desktop #playlist-remodal .playlist-list .list .i_svg {
  cursor: pointer;
}
html.desktop #creator-edit-profile-link-placement {
  max-width: 25rem;
}
html.desktop #creator-edit-profile-link-placement .images {
  display: flex;
  justify-content: space-between;
}
button {
  border: 0;
}
.ft-button:not(.ft-button-size-lg):not(.ft-button-size-sm) {
  font-size: 0.875rem;
  color: var(--primary-btn-color);
  text-align: center;
  cursor: pointer;
  font-weight: 700;
  line-height: 1.25rem;
  border: 1px solid transparent;
  border-radius: 0.25rem;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  padding: 0.5rem 1rem;
  background-image: linear-gradient(var(--primary-btn-bg-from-color), var(--primary-btn-bg-to-color));
  background-origin: border-box;
}
.ft-button:not(.ft-button-size-lg):not(.ft-button-size-sm):not(.hidden) {
  display: flex;
}
.ft-button:not(.ft-button-size-lg):not(.ft-button-size-sm) .i_svg {
  width: 0.875rem;
  height: 0.875rem;
  top: 0;
}
.ft-button:not(.ft-button-size-lg):not(.ft-button-size-sm) .i_svg {
  color: var(--primary-btn-color);
}
html.desktop .ft-button:not(.ft-button-size-lg):not(.ft-button-size-sm) {
  transition: color 0.3s ease-in-out, background-color 0.3s ease-in-out, opacity 0.3s ease-in-out, fill 0.3s ease-in-out, border-color 0.3s ease-in-out, transform 0.3s ease-in-out;
  position: relative;
  z-index: 1;
}
html.desktop .ft-button:not(.ft-button-size-lg):not(.ft-button-size-sm):before {
  position: absolute;
  content: '';
  inset: 0;
  border-radius: 0.25rem;
  z-index: -1;
  opacity: 0;
  transition: color 0.3s ease-in-out, background-color 0.3s ease-in-out, opacity 0.3s ease-in-out, fill 0.3s ease-in-out, border-color 0.3s ease-in-out, transform 0.3s ease-in-out;
}
html.desktop .ft-button:not(.ft-button-size-lg):not(.ft-button-size-sm):before {
  background-image: linear-gradient(var(--primary-btn-hover-bg-from-color), var(--primary-btn-hover-bg-to-color));
}
html.desktop .ft-button:not(.ft-button-size-lg):not(.ft-button-size-sm):hover:before {
  opacity: 1;
}
.ft-button.ft-button-size-lg {
  font-size: 0.875rem;
  color: var(--primary-btn-color);
  text-align: center;
  cursor: pointer;
  font-weight: 700;
  line-height: 1.25rem;
  border: 1px solid transparent;
  border-radius: 0.25rem;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  padding: 0.75rem 1rem;
  background-image: linear-gradient(var(--primary-btn-bg-from-color), var(--primary-btn-bg-to-color));
  background-origin: border-box;
}
.ft-button.ft-button-size-lg:not(.hidden) {
  display: flex;
}
.ft-button.ft-button-size-lg .i_svg {
  width: 0.875rem;
  height: 0.875rem;
  top: 0;
}
.ft-button.ft-button-size-lg .i_svg {
  color: var(--primary-btn-color);
}
html.desktop .ft-button.ft-button-size-lg {
  transition: color 0.3s ease-in-out, background-color 0.3s ease-in-out, opacity 0.3s ease-in-out, fill 0.3s ease-in-out, border-color 0.3s ease-in-out, transform 0.3s ease-in-out;
  position: relative;
  z-index: 1;
}
html.desktop .ft-button.ft-button-size-lg:before {
  position: absolute;
  content: '';
  inset: 0;
  border-radius: 0.25rem;
  z-index: -1;
  opacity: 0;
  transition: color 0.3s ease-in-out, background-color 0.3s ease-in-out, opacity 0.3s ease-in-out, fill 0.3s ease-in-out, border-color 0.3s ease-in-out, transform 0.3s ease-in-out;
}
html.desktop .ft-button.ft-button-size-lg:before {
  background-image: linear-gradient(var(--primary-btn-hover-bg-from-color), var(--primary-btn-hover-bg-to-color));
}
html.desktop .ft-button.ft-button-size-lg:hover:before {
  opacity: 1;
}
.ft-button.ft-button-size-sm {
  font-size: 0.875rem;
  color: var(--primary-btn-color);
  text-align: center;
  cursor: pointer;
  font-weight: 700;
  line-height: 1.25rem;
  border: 1px solid transparent;
  border-radius: 0.25rem;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  padding: 0.3125rem 1rem;
  background-image: linear-gradient(var(--primary-btn-bg-from-color), var(--primary-btn-bg-to-color));
  background-origin: border-box;
}
.ft-button.ft-button-size-sm:not(.hidden) {
  display: flex;
}
.ft-button.ft-button-size-sm .i_svg {
  width: 0.875rem;
  height: 0.875rem;
  top: 0;
}
.ft-button.ft-button-size-sm .i_svg {
  color: var(--primary-btn-color);
}
html.desktop .ft-button.ft-button-size-sm {
  transition: color 0.3s ease-in-out, background-color 0.3s ease-in-out, opacity 0.3s ease-in-out, fill 0.3s ease-in-out, border-color 0.3s ease-in-out, transform 0.3s ease-in-out;
  position: relative;
  z-index: 1;
  padding: 0.3125rem 1rem;
}
html.desktop .ft-button.ft-button-size-sm:before {
  position: absolute;
  content: '';
  inset: 0;
  border-radius: 0.25rem;
  z-index: -1;
  opacity: 0;
  transition: color 0.3s ease-in-out, background-color 0.3s ease-in-out, opacity 0.3s ease-in-out, fill 0.3s ease-in-out, border-color 0.3s ease-in-out, transform 0.3s ease-in-out;
}
html.desktop .ft-button.ft-button-size-sm:before {
  background-image: linear-gradient(var(--primary-btn-hover-bg-from-color), var(--primary-btn-hover-bg-to-color));
}
html.desktop .ft-button.ft-button-size-sm:hover:before {
  opacity: 1;
}
.ft-button-bordered:not(.ft-button-size-lg):not(.ft-button-size-sm) {
  font-size: 0.875rem;
  color: var(--primary-btn-color);
  text-align: center;
  cursor: pointer;
  font-weight: 700;
  line-height: 1.25rem;
  border: 1px solid transparent;
  border-radius: 0.25rem;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  padding: 0.5rem 1rem;
  background-color: transparent;
  border-color: var(--primary-btn-border-color);
  color: var(--primary-btn-bordered-color);
}
.ft-button-bordered:not(.ft-button-size-lg):not(.ft-button-size-sm):not(.hidden) {
  display: flex;
}
.ft-button-bordered:not(.ft-button-size-lg):not(.ft-button-size-sm) .i_svg {
  width: 0.875rem;
  height: 0.875rem;
  top: 0;
}
.ft-button-bordered:not(.ft-button-size-lg):not(.ft-button-size-sm) .i_svg {
  color: var(--primary-btn-bordered-icon-color);
}
html.desktop .ft-button-bordered:not(.ft-button-size-lg):not(.ft-button-size-sm) {
  transition: color 0.3s ease-in-out, background-color 0.3s ease-in-out, opacity 0.3s ease-in-out, fill 0.3s ease-in-out, border-color 0.3s ease-in-out, transform 0.3s ease-in-out;
  position: relative;
  z-index: 1;
}
html.desktop .ft-button-bordered:not(.ft-button-size-lg):not(.ft-button-size-sm):before {
  position: absolute;
  content: '';
  inset: 0;
  border-radius: 0.25rem;
  z-index: -1;
  opacity: 0;
  transition: color 0.3s ease-in-out, background-color 0.3s ease-in-out, opacity 0.3s ease-in-out, fill 0.3s ease-in-out, border-color 0.3s ease-in-out, transform 0.3s ease-in-out;
}
html.desktop .ft-button-bordered:not(.ft-button-size-lg):not(.ft-button-size-sm):before {
  background-color: var(--bordered-btn-hover-bg-color);
}
html.desktop .ft-button-bordered:not(.ft-button-size-lg):not(.ft-button-size-sm):hover:before {
  opacity: 0.1;
}
.ft-button-bordered.ft-button-size-lg {
  font-size: 0.875rem;
  color: var(--primary-btn-color);
  text-align: center;
  cursor: pointer;
  font-weight: 700;
  line-height: 1.25rem;
  border: 1px solid transparent;
  border-radius: 0.25rem;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  padding: 0.75rem 1rem;
  background-color: transparent;
  border-color: var(--primary-btn-border-color);
  color: var(--primary-btn-bordered-color);
}
.ft-button-bordered.ft-button-size-lg:not(.hidden) {
  display: flex;
}
.ft-button-bordered.ft-button-size-lg .i_svg {
  width: 0.875rem;
  height: 0.875rem;
  top: 0;
}
.ft-button-bordered.ft-button-size-lg .i_svg {
  color: var(--primary-btn-bordered-icon-color);
}
html.desktop .ft-button-bordered.ft-button-size-lg {
  transition: color 0.3s ease-in-out, background-color 0.3s ease-in-out, opacity 0.3s ease-in-out, fill 0.3s ease-in-out, border-color 0.3s ease-in-out, transform 0.3s ease-in-out;
  position: relative;
  z-index: 1;
}
html.desktop .ft-button-bordered.ft-button-size-lg:before {
  position: absolute;
  content: '';
  inset: 0;
  border-radius: 0.25rem;
  z-index: -1;
  opacity: 0;
  transition: color 0.3s ease-in-out, background-color 0.3s ease-in-out, opacity 0.3s ease-in-out, fill 0.3s ease-in-out, border-color 0.3s ease-in-out, transform 0.3s ease-in-out;
}
html.desktop .ft-button-bordered.ft-button-size-lg:before {
  background-color: var(--bordered-btn-hover-bg-color);
}
html.desktop .ft-button-bordered.ft-button-size-lg:hover:before {
  opacity: 0.1;
}
.ft-button-bordered.ft-button-size-sm {
  font-size: 0.875rem;
  color: var(--primary-btn-color);
  text-align: center;
  cursor: pointer;
  font-weight: 700;
  line-height: 1.25rem;
  border: 1px solid transparent;
  border-radius: 0.25rem;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  padding: 0.3125rem 1rem;
  background-color: transparent;
  border-color: var(--primary-btn-border-color);
  color: var(--primary-btn-bordered-color);
}
.ft-button-bordered.ft-button-size-sm:not(.hidden) {
  display: flex;
}
.ft-button-bordered.ft-button-size-sm .i_svg {
  width: 0.875rem;
  height: 0.875rem;
  top: 0;
}
.ft-button-bordered.ft-button-size-sm .i_svg {
  color: var(--primary-btn-bordered-icon-color);
}
html.desktop .ft-button-bordered.ft-button-size-sm {
  transition: color 0.3s ease-in-out, background-color 0.3s ease-in-out, opacity 0.3s ease-in-out, fill 0.3s ease-in-out, border-color 0.3s ease-in-out, transform 0.3s ease-in-out;
  position: relative;
  z-index: 1;
  padding: 0.3125rem 1rem;
}
html.desktop .ft-button-bordered.ft-button-size-sm:before {
  position: absolute;
  content: '';
  inset: 0;
  border-radius: 0.25rem;
  z-index: -1;
  opacity: 0;
  transition: color 0.3s ease-in-out, background-color 0.3s ease-in-out, opacity 0.3s ease-in-out, fill 0.3s ease-in-out, border-color 0.3s ease-in-out, transform 0.3s ease-in-out;
}
html.desktop .ft-button-bordered.ft-button-size-sm:before {
  background-color: var(--bordered-btn-hover-bg-color);
}
html.desktop .ft-button-bordered.ft-button-size-sm:hover:before {
  opacity: 0.1;
}
.ft-button-bordered-short-width {
  font-size: 0.875rem;
  color: var(--primary-btn-color);
  text-align: center;
  cursor: pointer;
  font-weight: 700;
  line-height: 1.25rem;
  border: 1px solid transparent;
  border-radius: 0.25rem;
  padding: 0.5rem 1rem;
  background-color: transparent;
  border-color: var(--primary-btn-border-color);
  color: var(--primary-btn-bordered-color);
}
.ft-button-bordered-short-width:not(.hidden) {
  display: inline-block;
}
.ft-button-bordered-short-width .i_svg {
  width: 0.875rem;
  height: 0.875rem;
  top: 0;
}
.ft-button-bordered-short-width .i_svg {
  color: var(--primary-btn-bordered-icon-color);
}
html.desktop .ft-button-bordered-short-width {
  transition: color 0.3s ease-in-out, background-color 0.3s ease-in-out, opacity 0.3s ease-in-out, fill 0.3s ease-in-out, border-color 0.3s ease-in-out, transform 0.3s ease-in-out;
  position: relative;
  z-index: 1;
}
html.desktop .ft-button-bordered-short-width:before {
  position: absolute;
  content: '';
  inset: 0;
  border-radius: 0.25rem;
  z-index: -1;
  opacity: 0;
  transition: color 0.3s ease-in-out, background-color 0.3s ease-in-out, opacity 0.3s ease-in-out, fill 0.3s ease-in-out, border-color 0.3s ease-in-out, transform 0.3s ease-in-out;
}
html.desktop .ft-button-bordered-short-width:before {
  background-color: var(--bordered-btn-hover-bg-color);
}
html.desktop .ft-button-bordered-short-width:hover:before {
  opacity: 0.1;
}
.secondary-button {
  display: block;
  text-align: center;
  color: var(--secondary-btn-text-color);
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 1.25rem;
  background: none;
  width: 100%;
}
.age-no-check-button {
  display: block;
  text-align: center;
  color: var(--text-color);
  font-weight: 400;
  padding: 0.625rem 2.5rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  background: none;
  width: 100%;
}
html.desktop .age-no-check-button {
  transition: color 0.3s ease-in-out, background-color 0.3s ease-in-out, opacity 0.3s ease-in-out, fill 0.3s ease-in-out, border-color 0.3s ease-in-out, transform 0.3s ease-in-out;
}
html.desktop .age-no-check-button:hover {
  color: var(--secondary-btn-text-color);
}
.ad_button {
  display: block;
  max-width: 30rem;
  margin: 1.5rem auto;
  background-color: #60140c;
  padding: 0.5rem;
  border-radius: 0.25rem;
}
.ad_button a {
  display: block;
  text-align: center;
  font-size: 0.75rem;
  line-height: 1.125rem;
  color: white;
  letter-spacing: 0.1rem;
}
.new-form-holder .form-field-wrapper.has-icon .text-field {
  padding-left: 2.5rem;
}
.new-form-holder .form-field-wrapper.select-field .text-field {
  height: 2.5rem;
  -webkit-appearance: menulist;
}
.new-form-holder .form-field-wrapper label {
  line-height: 1.5rem;
  font-size: 1rem;
  font-weight: 400;
  color: var(--label-text-color);
  text-align: left;
}
.new-form-holder .form-field-wrapper label:not(.custom-checkbox) {
  display: block;
}
.new-form-holder .form-field-wrapper label.hidden {
  display: none;
}
.new-form-holder .form-field-wrapper label + .field_wrapper {
  margin-top: 0.5rem;
}
.new-form-holder .form-field-wrapper .field_wrapper {
  position: relative;
}
.new-form-holder .form-field-wrapper .field_wrapper.input_error .text-field {
  border: 0.0625rem solid var(--form-error-border-color);
}
.new-form-holder .form-field-wrapper .field_wrapper .icon,
.new-form-holder .form-field-wrapper .field_wrapper .reveal {
  display: -ms-flex;
  display: flex;
  -ms-justify-content: center;
  justify-content: center;
  -ms-align-items: center;
  align-items: center;
  position: absolute;
  top: 0;
  width: 2.5rem;
  height: 100%;
}
.new-form-holder .form-field-wrapper .field_wrapper .icon svg,
.new-form-holder .form-field-wrapper .field_wrapper .reveal svg {
  color: var(--input-icon-color);
  top: 0;
  width: 1.25rem;
  height: 1.25rem;
}
.new-form-holder .form-field-wrapper .field_wrapper .icon {
  left: 0;
}
.new-form-holder .form-field-wrapper .field_wrapper .reveal {
  right: 0;
  cursor: pointer;
}
.new-form-holder .form-field-wrapper .field_wrapper .reveal svg {
  color: var(--input-color);
}
.new-form-holder .form-field-wrapper .text-field {
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.25rem;
  padding: 0.625rem 0.75rem;
  width: 100%;
  border-radius: 0.25rem;
  display: block;
  background-color: var(--input-bg-color);
  color: var(--input-color);
  border: none;
}
.new-form-holder .form-field-wrapper .text-field:focus {
  border: none;
}
.new-form-holder .form-field-wrapper .text-field:focus::-moz-placeholder {
  color: transparent;
}
.new-form-holder .form-field-wrapper .text-field:focus::placeholder {
  color: transparent;
}
.new-form-holder .form-field-wrapper .required_mark {
  color: var(--form-required-mark-color);
  margin-left: -0.125rem;
}
.new-form-holder p.errors {
  padding: 0;
  overflow: hidden;
  color: var(--form-error-color);
  font-weight: 400;
  font-size: 0.75rem;
  line-height: 1.25rem;
  text-align: left;
  margin-top: 0.25rem;
}
.new-form-holder .desc {
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 0.875rem;
  color: var(--form-description-color);
  text-align: left;
  margin-top: 0.5rem;
}
.new-form-holder .desc.desc-center {
  text-align: center;
}
.new-form-holder .desc:first-letter {
  text-transform: uppercase;
}
.new-form-holder .desc ul li {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin: 1rem 0;
}
.new-form-holder .desc ul li span {
  margin-left: auto;
}
.new-form-holder .desc ul li span .i_svg {
  width: 1.1rem;
  height: 1.1rem;
  color: var(--form-icon-color);
}
.new-form-holder .desc ul li span :hover {
  cursor: pointer;
}
.new-form-holder .desc ul li::before {
  align-self: baseline;
  content: '•';
  color: var(--form-description-color);
}
.text-area {
  background-color: var(--textarea-bg-color);
  width: 100%;
  min-height: 3.5rem;
  color: var(--textarea-color);
  padding: 0.5rem 0.75rem;
  font-size: 1rem;
  border: none;
  border-radius: 0.25rem;
  resize: vertical;
}
html.desktop .new-form-holder div.desc ul li {
  margin: 0.25rem 0;
}
html.desktop .new-form-holder.forgot {
  justify-content: center;
  display: flex;
  flex-direction: column;
  align-items: center;
}
html.desktop .new-form-holder.forgot .text-field {
  width: 36vw;
  max-width: 18.75rem;
}
.edition-form h2 {
  color: #fff;
  background: none;
  padding: 0;
  text-align: center;
  font-weight: 700;
  font-size: 1.25rem;
  line-height: 2rem;
}
.edition-form form {
  margin-top: 1rem;
}
.edition-form form .country_list {
  margin: 0;
  display: -ms-flex;
  display: flex;
  flex-wrap: wrap;
  -ms-justify-content: center;
  justify-content: center;
  row-gap: 1.5rem;
}
.edition-form form .country_list li {
  -ms-flex-basis: 25%;
  flex-basis: 25%;
}
.edition-form form .country_list li img {
  width: 2rem;
  height: 1.25rem;
  display: block;
  margin: 0 auto;
  cursor: pointer;
  border-radius: 0.25rem;
}
.edition-form form .country_list li img.ww {
  width: auto;
}
.video-list {
  --video-list-columns: 2;
  clear: both;
  overflow: hidden;
  gap: 0.5rem;
  display: grid;
  grid-template-columns: repeat(var(--video-list-columns), 1fr);
  grid-auto-flow: dense;
}
.video-list.one-col {
  --video-list-columns: 1;
}
.video-list.two-col {
  --video-list-columns: 2;
}
.video-list .video-item-deleted {
  -moz-opacity: 0.35;
  -khtml-opacity: 0.35;
  -webkit-opacity: 0.35;
  opacity: 0.35;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=35);
  filter: alpha(opacity=35);
  filter: var(--video-list-item-deleted-filter-color);
  filter: grayscale(1);
}
.video-list .video-inline-ads,
.video-list .video-item {
  position: relative;
  display: block;
  zoom: 1;
  overflow: hidden;
  width: 100%;
}
.video-list .video-item:not(.live-item) .thumb {
  display: block;
  width: 100%;
  position: relative;
  background-color: var(--video-list-hd-bg-color);
  border-radius: 0.25rem;
  overflow: hidden;
}
.video-list .video-item:not(.live-item) .thumb * {
  cursor: pointer;
}
.video-list .video-item:not(.live-item) .thumb .click_layer {
  position: absolute;
  z-index: 10;
  cursor: pointer;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
.video-list .video-item:not(.live-item) .thumb .click_layer img {
  width: 100%;
  height: 100%;
}
.video-list .video-item:not(.live-item) .thumb picture {
  height: 0;
  padding: 56.25% 0 0 0;
  display: block;
  width: 100%;
  overflow: hidden;
  position: relative;
  z-index: 1;
}
.video-list .video-item:not(.live-item) .thumb picture img.cover {
  position: absolute;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  left: 0;
  top: 0;
  z-index: 1;
}
.video-list .video-item:not(.live-item) .thumb > #mp4t_video {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  margin: auto;
  border-radius: 5px;
  cursor: pointer;
  z-index: 5;
  background-color: var(--video-list-mp4-item-bg-color);
  opacity: 0;
}
.video-list .video-item:not(.live-item) .thumb > #mp4t_video video {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  left: 0;
  top: 0;
  border-radius: 5px;
}
.video-list .video-item:not(.live-item) .thumb .video-badge {
  position: absolute;
  z-index: 10;
  background-color: var(--video-list-video-badge-bg-color-rgba);
  color: var(--video-list-video-badge-color-rgba);
  padding: 0 0.25rem;
  line-height: 1.125rem;
  font-size: 0.75rem;
  border-radius: 0.25rem;
  opacity: 0.75;
}
.video-list .video-item:not(.live-item) .thumb .h {
  left: 0.5rem;
  bottom: 0.5rem;
  font-weight: 700;
  text-transform: uppercase;
}
.video-list .video-item:not(.live-item) .thumb .l {
  bottom: 0.5rem;
  right: 0.5rem;
}
.video-list .video-item:not(.live-item) .video-info {
  margin-top: 0.25rem;
}
.video-list .video-item:not(.live-item) .video-info .uploader-and-stats-wrapper {
  display: flex;
  justify-content: space-between;
  gap: 0.5rem;
}
.video-list .video-item:not(.live-item) .video-info .uploader-and-stats-wrapper .user {
  display: block;
}
.video-list .video-item:not(.live-item) .video-info .uploader-and-stats-wrapper .user a {
  display: block;
  color: var(--video-list-user-color);
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.video-list .video-item:not(.live-item) .video-info .uploader-and-stats-wrapper .stats {
  margin-right: 0;
  font-size: 0.75rem;
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  gap: 0.5rem;
  z-index: 10;
  position: relative;
  color: var(--video-list-stats-color);
  overflow: hidden;
}
.video-list .video-item:not(.live-item) .video-info .uploader-and-stats-wrapper .stats > span {
  display: flex;
  align-items: center;
  flex-shrink: 0;
  gap: 0.125rem;
}
.video-list .video-item:not(.live-item) .video-info .uploader-and-stats-wrapper .stats > span .icon {
  width: 0.75rem;
  height: 0.75rem;
  font-size: 0.625rem;
  display: -ms-flex;
  display: flex;
  -ms-align-items: center;
  align-items: center;
  -ms-justify-content: center;
  justify-content: center;
}
.video-list .video-item:not(.live-item) .video-info .uploader-and-stats-wrapper .stats > span .icon .i_svg {
  display: block;
  top: 0;
}
.video-list .video-item:not(.live-item) .video-info .uploader-and-stats-wrapper .show-items-menu-trigger {
  cursor: pointer;
  width: 1.5rem;
  height: 1.5rem;
  color: var(--video-list-context-menu-trigger-color);
  display: -ms-flex;
  display: flex;
  -ms-flex-shrink: 0;
  flex-shrink: 0;
  -ms-align-items: center;
  align-items: center;
  -ms-justify-content: center;
  justify-content: center;
}
.video-list .video-item:not(.live-item) .video-info .uploader-and-stats-wrapper .show-items-menu-trigger.active {
  color: var(--video-list-context-menu-trigger-active-color);
}
.video-list .video-item:not(.live-item) .video-info .uploader-and-stats-wrapper .show-items-menu-trigger .i_svg {
  display: block;
  top: 0;
  font-size: 1rem;
}
.video-list .video-item:not(.live-item) .video-info .name-and-menu-wrapper {
  display: -ms-flex;
  display: flex;
  -ms-align-items: flex-start;
  align-items: flex-start;
  gap: 0.5rem;
}
.video-list .video-item:not(.live-item) .video-info .name-and-menu-wrapper p {
  line-height: 1.25rem;
  font-size: 0.875rem;
  text-transform: capitalize;
  color: var(--video-list-name-color);
  font-weight: 400;
  width: 100%;
}
.video-list .video-item:not(.live-item) .video-info .name-and-menu-wrapper p strong {
  font-weight: inherit;
  color: inherit;
}
.video-list .video-item:not(.live-item) .video-info .name-and-menu-wrapper p a {
  color: inherit;
}
.video-list .video-item:not(.live-item) .menu {
  position: absolute;
  top: 0;
  right: 0;
  display: inline-block;
  z-index: 100;
  width: 20%;
  height: 20%;
  text-align: right;
  padding: 1px;
  font-size: 1.5em;
}
.video-list .video-item:not(.live-item) .menu .i_svg {
  display: inline-block;
  background-color: rgba(30, 42, 54, 0.7);
  padding: 3px;
  text-align: center;
  border-radius: 3px;
  top: 0;
}
.video-list .video-item:not(.live-item) .ft-button-bordered {
  padding: 0.3125rem;
}
.video-list .video-item:not(.live-item) .ft-button-bordered .i_svg {
  width: 0.5rem;
}
.video-list .video-item:not(.live-item) .ui_edit {
  background-color: #1e2a36;
  border: 1px solid #080b0e;
  padding: 5px 0;
  font-size: 0.9em;
  display: block;
  color: #ddd;
  width: 80%;
  text-align: center;
  margin: 0 auto 4px auto;
  position: relative;
}
.video-list .video-item:not(.live-item) .ui_edit svg {
  fill: #ddd;
}
.video-list .video-item:not(.live-item) .mod_delete {
  position: absolute;
  top: 5px;
  left: 5px;
  z-index: 1000;
  display: inline-block;
  width: 20px;
  height: 20px;
  line-height: 20px;
  text-align: center;
  background-color: #60140c;
  color: #fff;
  border-radius: 5px;
  border: 1px solid #080b0e;
  cursor: pointer;
}
.video-list .video-inline-ads {
  min-width: 300px;
  min-height: 250px;
  grid-column-start: 1;
  grid-column-end: -1;
  display: flex;
  justify-content: center;
  align-items: center;
}
.video-list .video-inline-ads.s-ad {
  padding: 5px 0;
  border: 1px solid #2c3e50;
  border-right: 0;
  border-left: 0;
}
.video-list .live-item {
  overflow: hidden;
  box-sizing: border-box;
}
.video-list .live-item .click_layer {
  position: absolute;
  z-index: 1000;
  cursor: pointer;
  width: 100%;
  height: 100%;
}
.video-list .live-item .thumb.is_live img.cover {
  -o-object-fit: cover;
     object-fit: cover;
}
.video-list .live-item .thumb > #mp4t_live {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  margin: auto;
  border-radius: 0;
  cursor: pointer;
  z-index: 5;
  background-color: transparent;
  display: none;
  text-align: center;
}
.video-list .live-item .thumb > #mp4t_live video {
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center center;
     object-position: center center;
  width: 100%;
  height: auto;
}
.video-list .live-item .thumb .i-status {
  padding: 4px;
  position: absolute;
  top: 2%;
  right: 2%;
  overflow: hidden;
  background-color: #19703e;
  color: #fff;
  font-size: 0.65em;
  text-align: center;
  border-radius: 3px;
  z-index: 10;
  display: block;
  -moz-opacity: 0.8;
  -khtml-opacity: 0.8;
  -webkit-opacity: 0.8;
  opacity: 0.8;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80);
  filter: alpha(opacity=80);
}
.video-list .live-item .thumb .i-partychat {
  background-color: #612e76;
}
.video-list .live-item .thumb .i-goldshow {
  background-color: #f1c40f;
  color: #080b0e;
}
.video-list .live-item .thumb .i-modeloffline,
.video-list .live-item .thumb .i-modeloffline-ajax {
  background-color: #080b0e;
}
.video-list .live-item .thumb .i-join-private {
  left: 0;
  right: 0;
  background-color: #1e2a36;
  margin: 30% 10% 0 10%;
  font-size: 1em;
  display: none;
}
.video-list .live-item .thumb .i-modeloffline-ajax {
  display: none;
}
.video-list .live-item .thumb p.tl {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  color: var(--text-color);
  height: 1.75rem;
  bottom: 0;
  line-height: 1.25rem;
  z-index: 10;
  position: absolute;
  padding: 0 0.25rem;
  width: 100%;
  overflow: hidden;
  background-color: rgba(var(--trending-live-bg-color-rgb), 0.7);
  font-size: 0.875rem;
}
.video-list .live-item .thumb p.tl .ln,
.video-list .live-item .thumb p.tl .lo,
.video-list .live-item .thumb p.tl .ll,
.video-list .live-item .thumb p.tl .lh {
  padding: 0 0.25rem;
  flex-grow: 0;
  flex-shrink: 0;
}
.video-list .live-item .thumb p.tl .ln {
  flex-grow: 1;
  flex-shrink: 1;
  text-transform: uppercase;
  font-weight: 400;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.video-list .live-item .thumb p.tl .lh {
  height: 0.75rem;
  width: 1.5rem;
  border-radius: 0.25rem;
}
@keyframes liveStatusColor {
  from {
    background-color: #2ecc71;
  }
  to {
    background-color: #27ae60;
  }
}
.video-list .live-item .thumb p.tl .lo {
  width: 0.625rem;
  height: 0.625rem;
  border-radius: 1.25rem;
  background-color: var(--trending-live-led-color);
  margin-right: 0.375rem;
  box-shadow: 0 2px 1px rgba(0, 0, 0, 0.8);
  animation: liveStatusColor 1s ease-in-out infinite alternate;
}
.video-list .video-item.is_rotating {
  z-index: 100;
}
@keyframes mediaPreviewLoading {
  from {
    opacity: 1;
  }
  to {
    opacity: 0.8;
  }
}
.video-list .video-item.is_rotating .thumb .i-join-private {
  display: block !important;
}
.video-list .video-item.is_rotating .thumb .i-loading {
  display: block;
}
.video-list .video-item.is_rotating .thumb .i-status {
  display: none;
}
.video-list .video-item.is_rotating .thumb picture img.cover {
  animation: mediaPreviewLoading 0.5s ease-in-out infinite alternate;
}
html.desktop .video-list {
  row-gap: 1rem;
  --video-list-columns: 6;
}
html.desktop .video-list.four-col {
  --video-list-columns: 4;
}
html.desktop .video-list.six-col {
  --video-list-columns: 6;
}
html.desktop .video-list.six-col.with-ads .video-item:nth-last-child(-n + 2):nth-child(3n + 1) {
  display: none;
}
html.desktop .video-list.six-col.with-ads .video-item:nth-last-child(-n + 1):nth-child(3n + 2) {
  display: none;
}
html.desktop .video-list.eight-col {
  --video-list-columns: 8;
}
html.desktop .video-list.eight-col.with-ads .video-item:nth-last-child(-n + 2):nth-child(3n + 1) {
  display: none;
}
html.desktop .video-list.eight-col.with-ads .video-item:nth-last-child(-n + 1):nth-child(3n + 2) {
  display: none;
}
html.desktop .video-list .video-item .video-info .name-and-menu-wrapper {
  color: var(--video-list-name-color);
}
html.desktop .video-list .video-item .video-info .name-and-menu-wrapper p {
  font-size: 0.75rem;
}
html.desktop .video-list .video-item .thumb .video-badge {
  background-color: var(--video-list-video-badge-bg-color);
  color: var(--video-list-video-badge-color);
  opacity: 0.75;
}
html.desktop .video-list .similar_native_ad .video-list {
  width: 100%;
  padding: 8px 0;
  display: block;
  clear: both;
  overflow: hidden;
  position: relative;
}
html.desktop .video-list .similar_native_ad .video-list a picture img.cover {
  display: block;
  width: 100%;
  left: 0;
  top: 0;
  margin: auto;
  border-radius: 5px;
  z-index: 1;
  max-height: 320px;
}
html.desktop .video-list .similar_native_ad .video-list a .title {
  display: block;
  color: #ddd;
  padding: 3px 0 5px 0;
}
html.desktop .video-list .similar_native_ad .video-list a .btn {
  padding: 6px 6px;
  background-color: #60140c;
  color: #ddd;
  border-radius: 5px;
  position: absolute;
  bottom: 40px;
  right: 3px;
  text-transform: uppercase;
  font-size: 0.85em;
}
html.desktop .video-list .similar_native_ad .video-list a .btn .i_svg {
  fill: #f08e84;
}
html.desktop .video-list .similar_native_ad .video-list a:hover .btn {
  background-color: #8d1d11;
}
html.desktop .video-list .similar_native_ad .video-list .beacon {
  display: none;
}
html.desktop .lv_cm_int_come_on > :not([hidden]) ~ :not([hidden]) {
  margin-top: 1rem;
}
html.desktop .lv_cm_int_come_on .button-wrapper {
  display: none;
}
@media all and (min-width: 768px) {
  html.desktop .video-list.four-col .video-inline-ads {
    grid-column: 3 / span 2;
    grid-row: auto / span 2;
  }
}
@media all and (min-width: 1280px) {
  html.desktop .video-list.six-col .video-inline-ads {
    grid-column: 5 / span 2;
    grid-row: auto / span 2;
  }
  html.desktop .video-list.eight-col .video-inline-ads {
    grid-column: 6 / span 3;
    grid-row: auto / span 2;
  }
  html.desktop .video-list .video-item .video-info .uploader-and-stats-wrapper .stats {
    font-size: 0.6875rem;
  }
  html.desktop .live-models .video-list {
    --video-list-columns: 5;
  }
}
@media all and (min-width: 1366px) {
  html.desktop .video-list.four-col .video-inline-ads {
    grid-column: 4 / span 1;
    grid-row: auto / span 1;
  }
  html.desktop .video-list.four-col.with-ads .video-item:nth-last-child(-n + 1):nth-child(2n + 1) {
    display: none;
  }
}
@media all and (min-width: 1536px) {
  html.desktop .video-list.eight-col .video-inline-ads {
    grid-column: 7 / span 2;
    grid-row: auto / span 2;
  }
  html.desktop .video-list.eight-col.with-ads .video-item {
    display: initial !important;
  }
}
@media all and (min-width: 2160px) {
  html.desktop .video-list.six-col .video-inline-ads {
    grid-column: 6 / span 1;
    grid-row: auto / span 1;
  }
  html.desktop .video-list.six-col.with-ads .video-item:nth-last-child(-n + 5):nth-child(6n + 1) {
    display: none;
  }
  html.desktop .video-list.six-col.with-ads .video-item:nth-last-child(-n + 4):nth-child(6n + 2) {
    display: none;
  }
  html.desktop .video-list.six-col.with-ads .video-item:nth-last-child(-n + 3):nth-child(6n + 3) {
    display: none;
  }
  html.desktop .video-list.six-col.with-ads .video-item:nth-last-child(-n + 2):nth-child(6n + 4) {
    display: none;
  }
  html.desktop .video-list.six-col.with-ads .video-item:nth-last-child(-n + 1):nth-child(6n + 5) {
    display: none;
  }
}
html.desktop #video .live-models.one-row-list .video-list .video-item:nth-child(n + 6) {
  display: none;
}
html.desktop #video .live-models.two-row-list .video-list .video-item:nth-child(n + 9) {
  display: none;
}
html.mobile #video .live-models.one-row-list .video-list .video-item:nth-child(n + 3) {
  display: none;
}
html.mobile #video .live-models.two-row-list .video-list .video-item:nth-child(n + 6) {
  display: none;
}
@media screen and (min-width: 640px) {
  html.desktop .video-list.livecamv2-rotate {
    --video-list-columns: 5;
  }
}
nav.paginate-bar {
  display: flex;
  justify-content: center;
  align-items: center;
  align-content: center;
  align-self: center;
  gap: 0.25rem;
}
nav.paginate-bar a,
nav.paginate-bar .status {
  display: flex;
  justify-content: center;
  align-items: center;
  -ms-flex-basis: calc(33.333% - 0.125rem);
  flex-basis: calc(33.333% - 0.125rem);
}
nav.paginate-bar a {
  -ms-flex-shrink: 0;
  flex-shrink: 0;
  gap: 0.5rem;
  height: 2.5rem;
  padding: 0.5rem;
  color: var(--pagination-prev-next-color);
}
nav.paginate-bar a.deactive {
  opacity: 0.4;
}
nav.paginate-bar a .i_svg {
  top: 0;
}
nav.paginate-bar .status {
  color: var(--pagination-item-color);
  background-color: var(--pagination-item-bg-color);
  font-size: 0.875rem;
  padding: 0 0.5rem;
  height: 2rem;
  min-width: 6.25rem;
  border-radius: 0.25rem;
}
div.pagination {
  text-align: center;
  max-width: 800px;
  margin-left: auto;
  margin-right: auto;
}
div.pagination ul {
  display: flex;
  justify-content: center;
  align-items: center;
  align-content: center;
  align-self: center;
  gap: 0.125rem;
}
div.pagination ul li a {
  display: flex;
  justify-content: center;
  align-items: center;
}
div.pagination ul li:not(.previous):not(.next) a {
  font-size: 0.875rem;
  padding: 0 0.25rem;
}
div.pagination ul li:not(.previous):not(.next):not(.disabled) a {
  color: var(--pagination-item-color);
  background-color: var(--pagination-item-bg-color);
  min-width: 2rem;
  height: 2rem;
  border-radius: 0.25rem;
  transition: color 0.3s ease-in-out, background-color 0.3s ease-in-out, opacity 0.3s ease-in-out, fill 0.3s ease-in-out, border-color 0.3s ease-in-out, transform 0.3s ease-in-out;
}
div.pagination ul li:not(.previous):not(.next):not(.disabled).active a {
  background-color: var(--pagination-item-active-bg-color);
  color: var(--pagination-item-active-color);
}
div.pagination ul li.disabled:not(.previous):not(.next) a {
  height: 1.5rem;
  color: var(--pagination-dots-color);
}
div.pagination ul li.previous,
div.pagination ul li.next {
  -ms-flex-basis: 1.875rem;
  flex-basis: 1.875rem;
  -ms-flex-shrink: 0;
  flex-shrink: 0;
}
div.pagination ul li.previous a,
div.pagination ul li.next a {
  width: 1.875rem;
  height: 1.875rem;
  color: var(--pagination-prev-next-color);
}
div.pagination ul li.previous a .i_svg,
div.pagination ul li.next a .i_svg {
  top: 0;
}
div.pagination ul li.previous.disabled a,
div.pagination ul li.next.disabled a {
  -moz-opacity: 0.4;
  -khtml-opacity: 0.4;
  -webkit-opacity: 0.4;
  opacity: 0.4;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=40);
  filter: alpha(opacity=40);
}
.pagination-page-info {
  display: block;
  text-align: center;
  color: var(--pagination-info-color);
  font-size: 0.75rem;
}
.pagination-page-info:first-letter {
  text-transform: uppercase;
}
.pagination-page-info b {
  font: inherit;
}
@media all and (min-width: 375px) {
  div.pagination ul {
    gap: 0.25rem;
  }
  div.pagination ul li:not(.previous):not(.next) a {
    font-size: 0.875rem;
    padding: 0 0.5rem;
  }
  div.pagination ul li:not(.previous):not(.next):not(.disabled) a {
    min-width: 2.5rem;
  }
  div.pagination ul li.previous,
  div.pagination ul li.next {
    -ms-flex-basis: 2.5rem;
    flex-basis: 2.5rem;
  }
  div.pagination ul li.previous a,
  div.pagination ul li.next a {
    width: 2.5rem;
    height: 2.5rem;
  }
}
html.desktop nav.paginate-bar .prev,
html.desktop nav.paginate-bar .next {
  font-size: 1rem;
}
html.desktop nav.paginate-bar a,
html.desktop nav.paginate-bar .status {
  padding: 1.25rem 0.5rem;
  font-size: 1rem;
}
html.desktop div.pagination ul li:not(.previous):not(.next):not(.disabled) a {
  font-size: 1rem;
  width: 3rem;
  height: 3rem;
}
html.desktop div.pagination ul li:not(.previous):not(.next):not(.disabled):not(.active):hover a {
  background-color: var(--pagination-item-bg-hover-color);
}
html.desktop div.pagination ul li.previous a,
html.desktop div.pagination ul li.next a {
  width: 3rem;
  height: 3rem;
}
html.desktop div.pagination ul li.previous a .i_svg,
html.desktop div.pagination ul li.next a .i_svg {
  width: 1rem;
  height: 1.5rem;
}
html.desktop .pagination-page-info {
  font-size: 0.875rem;
}
#main_tags .search_holder {
  margin-top: 1rem;
  position: relative;
}
#main_tags .search_holder .icon {
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  top: 0;
  right: 0;
  width: 2.5rem;
  height: 100%;
}
#main_tags .search_holder .icon svg {
  color: var(--tags-input-icon-color);
  top: 0;
}
#main_tags .search_holder input {
  padding: 0.5rem 1rem;
  width: 100%;
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.5rem;
  display: inline-block;
  border: none;
  background: var(--tags-input-bg-color);
  border-radius: 0.25rem;
  color: var(--tags-input-text-color);
}
#main_tags .top_tags_list,
#main_tags .list {
  margin: 0.5rem 0 1rem;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
}
#main_tags .top_tags_list li,
#main_tags .list li {
  display: inline-block;
  text-transform: capitalize;
  padding: 0.5rem 0.5rem 0.5rem 0;
  cursor: pointer;
}
#main_tags .top_tags_list li a,
#main_tags .list li a {
  display: block;
  color: var(--tags-text-color);
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.25rem;
  overflow: hidden;
  width: 100%;
}
html.desktop #main_tags .search_holder .icon svg {
  font-size: 1.25rem;
}
html.desktop #main_tags .top_tags_list,
html.desktop #main_tags .list {
  grid-template-columns: repeat(3, 1fr);
}
html.desktop #main_tags .top_tags_list li,
html.desktop #main_tags .list li {
  padding: 0;
}
html.desktop #main_tags .top_tags_list li a,
html.desktop #main_tags .list li a {
  color: var(--tags-desktop-text-color);
  text-overflow: ellipsis;
  padding: 0.5rem;
  background-color: var(--tags-bg-color);
  border-radius: 0.25rem;
  transition: color 0.3s ease-in-out, background-color 0.3s ease-in-out, opacity 0.3s ease-in-out, fill 0.3s ease-in-out, border-color 0.3s ease-in-out, transform 0.3s ease-in-out;
}
@media (hover: hover) {
  html.desktop #main_tags .top_tags_list li a:hover,
  html.desktop #main_tags .list li a:hover {
    background-color: var(--tags-input-bg-color);
  }
}
@media all and (min-width: 1280px) {
  html.desktop #main_tags .top_tags_list,
  html.desktop #main_tags .list {
    grid-template-columns: repeat(5, 1fr);
  }
}
.comment_form {
  background-color: var(--comments-form-bg-color);
  padding: 1rem;
  border-radius: 0.5rem;
}
.comment_form .emojis {
  padding: 0.25rem;
}
.comment_form .emojis img {
  display: inline-block;
  width: 1.5rem;
  height: 1.5rem;
  cursor: pointer;
}
.comments > :not([hidden]) ~ :not([hidden]) {
  margin-top: 1.5rem;
}
.comments .sorting {
  display: flex;
  align-items: center;
  line-height: 1.25rem;
  gap: 0.5rem;
  font-size: 1rem;
}
.comments .sorting a {
  color: var(--comments-sorting-link-color);
  padding-left: 0.25rem;
  padding-right: 0.25rem;
}
.comments .sorting a:first-child {
  margin-left: 0.5rem;
}
.comments .sorting a.active {
  color: var(--comments-sorting-link-active-color);
}
.comments .comm {
  overflow: hidden;
  display: none;
}
.comments .comm.show {
  display: block;
}
.comments .comm .vote {
  text-align: center;
  float: left;
  width: 1.5rem;
}
.comments .comm .vote li {
  height: 1.25rem;
  line-height: 1.25rem;
}
.comments .comm .vote li .pos,
.comments .comm .vote li .neg,
.comments .comm .vote li .nil {
  font-size: 0.875rem;
  font-weight: 700;
  color: var(--comments-sorting-position-color);
}
.comments .comm .vote li.upvote,
.comments .comm .vote li.downvote {
  height: 1.5rem;
}
.comments .comm .vote li.upvote .i_svg,
.comments .comm .vote li.downvote .i_svg {
  top: 0;
  width: 100%;
  height: 100%;
  padding: 0.375rem;
}
.comments .comm .c_body {
  padding: 0.25rem;
  margin-left: 2.25rem;
  width: auto;
}
.comments .comm .c_body .comment-by {
  display: flex;
  justify-content: space-between;
  gap: 0.5rem;
}
.comments .comm .c_body .comment-by .name {
  color: var(--comments-name-color);
  font-weight: 700;
  line-height: 1.25rem;
  font-size: 1rem;
  overflow: hidden;
  text-overflow: ellipsis;
}
.comments .comm .c_body .comment-by .name a {
  color: inherit;
}
.comments .comm .c_body .comment-by .d {
  color: var(--comments-time-color);
  font-size: 0.875rem;
  flex-shrink: 0;
}
.comments .comm .c_body .medals {
  display: inline-block;
}
.comments .comm .c_body a {
  color: var(--comments-link-color);
}
.comments .comm .c_body .hidden {
  display: inline-block;
  padding: 0.125rem 0.3125rem;
  background-color: rgba(0, 0, 0, 0.3);
  cursor: pointer;
  border-radius: 0.25rem;
}
.comments .comm .c_body .emoji {
  display: inline-block;
  width: 1.125rem;
  height: 1.125rem;
}
.comments .comm .c_body .comment_text_body {
  margin-top: 0.25rem;
  color: var(--comments-text-color);
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.comments .comm .c_body .buttons-wrapper {
  margin-top: 0.5rem;
}
.comments .comm .c_body .buttons-wrapper > :not([hidden]) ~ :not([hidden]) {
  margin-left: 0.5rem;
}
.comments .comm .c_body .buttons-wrapper span.reply {
  cursor: pointer;
  color: var(--comments-buttons-color);
  display: inline-block;
  font-size: 0.875rem;
}
.comments .comm .c_body .buttons-wrapper span.reply .i_svg {
  margin-right: 0.25rem;
}
.comments .comm .side {
  width: 9.375rem;
  float: left;
}
.comments .comm .comment_form {
  padding-left: 2.1875rem;
}
.comments .comm .replies {
  margin: 1rem 0 0 1.25rem;
}
.comments .show-more-button {
  background-color: transparent;
}
html.desktop .comments .comm {
  display: block;
}
html.desktop .comments .show-more-button.ft-button-bordered {
  display: none;
}
html.desktop .comment_form {
  padding: 0;
  border-radius: 0;
  background: none;
}
html.desktop .comment_form .text-area {
  min-height: 2.5rem;
}
#channels {
  overflow: hidden;
}
#channels > :not([hidden]) ~ :not([hidden]) {
  margin-top: 1rem;
}
#channels .nav_quick_top {
  margin-bottom: 0.625rem;
}
#channels ul.results {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  -moz-column-gap: 0.5rem;
       column-gap: 0.5rem;
  row-gap: 1rem;
}
#channels ul.results li {
  overflow: hidden;
}
#channels ul.results li a.title {
  display: block;
  color: var(--channel-text-color);
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.25rem;
  text-align: left;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
#channels ul.results li a.image {
  display: block;
  position: relative;
}
#channels ul.results li a.image img {
  width: 100%;
  border-radius: 0.25rem;
  margin: 0 auto;
}
#channels .pagination {
  margin: 1.5rem 0 0;
}
html.desktop #channels > :not([hidden]) ~ :not([hidden]) {
  margin-top: 1.5rem;
}
html.desktop #channels .nav_quick_top {
  margin-bottom: 1rem;
}
html.desktop #channels ul.results {
  grid-template-columns: repeat(5, 1fr);
  -moz-column-gap: 1rem;
       column-gap: 1rem;
}
html.desktop #channels ul.results li a.title {
  text-align: center;
}
html.desktop #channels .pagination {
  margin: 1.5rem auto 0;
}
@media all and (min-width: 1280px) {
  html.desktop #channels ul.results {
    grid-template-columns: repeat(10, 1fr);
  }
}
.manage_channels_content.main_content_container .main_content_title {
  text-transform: capitalize;
}
.manage_channels_content.main_content_container .content-highlight-wrapper #official .create_account .content_selector span .ft-button-bordered {
  display: block;
}
html.desktop .manage_channels_content.main_content_container .main_content_title {
  text-align: center;
}
html.desktop .manage_channels_content.main_content_container .content-highlight-wrapper {
  padding: 2.5rem 0 2rem;
}
html.desktop .manage_channels_content.main_content_container .content-highlight-wrapper #official .create_account {
  width: 31%;
  margin: 0 auto;
}
html.desktop .manage_channels_content.main_content_container .content-highlight-wrapper #official .create_account .content_selector {
  display: grid;
  grid-template-columns: 46% 46%;
  -moz-column-gap: 8%;
       column-gap: 8%;
}
a.go {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  padding: 0.5rem 1rem;
  background-color: var(--go-button-bg-color);
  color: var(--go-button-color);
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 1.5rem;
  border-radius: 0.25rem;
}
a.go .text strong {
  font: inherit;
}
a.go .icon {
  width: 1.5rem;
  height: 1.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
a.go .icon:first-child {
  color: var(--go-button-icon-color);
}
a.go .icon:first-child .i_svg {
  height: 1.25rem;
  width: 1.25rem;
  top: 0;
}
a.go .icon:last-child {
  color: inherit;
  margin-left: auto;
  margin-right: 0;
}
a.go .icon:last-child .i_svg {
  top: 0;
  width: 100%;
  height: 0.75rem;
}
.related_keywords .keywords-wrapper {
  display: flex;
  -moz-column-gap: 1rem;
       column-gap: 1rem;
  row-gap: 0.5rem;
  flex-wrap: wrap;
}
.related_keywords .keywords-wrapper a {
  flex-basis: calc(50% - 0.5rem);
  display: block;
  font-size: 1rem;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.related_keywords .keywords-wrapper a strong {
  font: inherit;
}
#browse_new .channel_result {
  overflow: hidden;
}
#browse_new .channel_result .ps {
  display: inline-block;
  width: 120px;
  text-align: center;
  color: #f08e84;
  margin: 10px;
}
#browse_new .channel_result .ps img {
  border-radius: 5px;
}
#browse_new div.pornstar_search {
  width: 150px;
  margin-bottom: 10px;
  text-align: center;
}
#browse_new div.pornstar_search a.image {
  display: block;
  position: relative;
  color: #f08e84;
}
#browse_new div.pornstar_search a.image img {
  width: 100%;
  border-radius: 5px;
}
#browse_new div.pornstar_search a.image span {
  position: absolute;
  display: inline-block;
  padding: 5px;
  background-color: #080b0e;
  color: #ddd;
  -moz-opacity: 0.8;
  -khtml-opacity: 0.8;
  -webkit-opacity: 0.8;
  opacity: 0.8;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80);
  filter: alpha(opacity=80);
  border-radius: 5px;
  font-size: 0.8em;
}
#browse_new div.pornstar_search a.image span.views {
  left: 2px;
  bottom: 25px;
}
#browse_new div.pornstar_search a.image span.videos {
  right: 2px;
  bottom: 25px;
}
#browse_new div.pornstar_search a.title {
  display: block;
  text-align: center;
  color: #f08e84;
  font-size: 1.3em;
  padding: 5px 0;
}
#browse_new div.categories {
  overflow: hidden;
  margin-bottom: 30px;
}
#browse_new div.categories a {
  width: 16%;
  height: 150px;
  float: left;
  font-size: 2.2em;
  position: relative;
  color: #fff;
  display: block;
  overflow: hidden;
  margin: 0.2%;
  border-radius: 10px;
  box-shadow: 0 2px 1px rgba(0, 0, 0, 0.6);
  -webkit-text-shadow: 0 2px 2px #000000;
  -moz-text-shadow: 0 2px 2px #000000;
  text-shadow: 0 2px 2px #000000;
}
#browse_new div.categories a img {
  width: 100%;
  position: absolute;
}
#browse_new div.categories a span {
  position: absolute;
  width: 100%;
  height: 100%;
  text-align: center;
  line-height: 100%;
  background-color: rgba(0, 0, 0, 0.8);
  vertical-align: middle;
  display: flex;
  align-items: center;
  justify-content: center;
}
#browse_new div.categories a:hover span {
  background-color: rgba(0, 0, 0, 0.9);
  color: #f08e84;
}
#browse_new ul.keyword_list {
  margin: 20px;
}
#browse_new ul.keyword_list li {
  display: inline-block;
}
#browse_new ul.keyword_list li a {
  display: block;
  font-size: 1.2em;
  color: #f08e84;
  padding: 4px 8px;
  border: 1px solid #2c3e50;
  border-radius: 5px;
  margin: 2px;
}
#browse_new ul.keyword_list li a:hover {
  background-color: #60140c;
  color: #ddd;
}
#browse_new.video_removed_page .message_wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: 1.5rem;
  background-color: var(--modal-inner-content-bg-color);
  border-radius: 0.5rem;
}
#browse_new.video_removed_page .main_content_title {
  margin-bottom: 1rem;
}
#search_prohibited {
  display: flex;
  align-items: center;
  flex-direction: column;
}
#search_prohibited .message {
  display: flex;
  align-items: center;
  flex-direction: column;
  text-align: center;
  gap: 1rem;
  max-width: 35rem;
  line-height: 1.5rem;
}
#search_prohibited .icon {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
}
#search_prohibited .icon .i_svg {
  width: 3rem;
  height: 3rem;
  color: var(--search-prohibited-warning-icon-color);
}
html.desktop .related_keywords .keywords-wrapper {
  width: 50%;
}
html.desktop #browse_new.video_removed_page .message_wrapper {
  padding: 1.5rem;
}
#tv h1,
#tv h2 {
  margin: 0 0 1rem;
}
#tv .ft-button {
  height: 2.5rem;
}
#tv .tv-listpage-wrapper > :not([hidden]) ~ :not([hidden]) {
  margin-top: 1rem;
}
#tv .start {
  padding: 1rem;
  overflow: hidden;
  background-color: var(--tv-bg-color);
  border-radius: 0.25rem;
}
#tv .start .keyword {
  width: 100%;
  text-align: center;
  border-radius: 0.25rem;
}
#tv .start .keyword h3 {
  padding: 0;
  color: var(--tv-title-color);
  font-weight: 700;
  line-height: 1.25rem;
}
#tv .start .keyword form {
  margin-top: 1rem;
  width: 100%;
}
#tv .start .keyword form .ki {
  width: 100%;
  background-color: var(--tv-input-bg-color);
  font-size: 0.875rem;
  text-align: center;
  line-height: 1.25rem;
  padding: 0.5rem;
  color: var(--tv-title-color);
  border-radius: 0.25rem;
  border: none;
}
#tv .start .keyword form hr {
  margin: 1rem auto;
}
#tv .start .keyword form .ft-button {
  margin: 0 auto;
}
#tv .menu {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 0.5rem;
}
#tv .menu li {
  flex-basis: calc(50% - 0.25rem);
}
#tv .menu li .ft-button {
  display: flex;
  align-items: center;
  justify-content: center;
}
#tv .menu li .ft-button .i_svg {
  width: 0.7rem;
}
#tv #video_container {
  position: fixed;
  overflow: hidden;
  display: none;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  z-index: 898;
}
#tv #video_container #video_player_container_1,
#tv #video_container #video_player_container_2 {
  display: block;
  width: 100%;
  height: 0;
  padding: 56% 0 0 0;
  position: absolute;
  left: 0;
  z-index: 10;
}
#tv #video_container #video_player_container_1 > div,
#tv #video_container #video_player_container_2 > div {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  max-height: 98vh;
}
#tv #video_container #video_player_container_2 {
  z-index: 8;
}
#tv #video_container .video-js.vjs-playing .vjs-tech {
  pointer-events: none;
}
#tv #video_container .tap_to_unmute {
  position: fixed;
  top: 47%;
  z-index: 1200;
  left: 0;
  right: 0;
  width: 250px;
  margin: 0 auto;
  display: block;
  font-size: 1em;
  background-color: #60140c;
  padding: 10px 10px;
  border-radius: 3px;
}
#tv .details {
  display: none;
}
#tv .loading {
  background-image: url('/static/mobile/Images/standby.png');
  background-size: contain;
  background-position: center center;
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
  z-index: 1000;
  overflow: hidden;
}
#tv .loading span {
  position: absolute;
  bottom: 15%;
  display: block;
  text-align: center;
  width: 100%;
}
#tv .loading span .i_svg {
  fill: #fff;
  font-size: 4em;
}
#tv .loading span h2 {
  margin-top: 20px;
}
#tv .switch_to_landscape {
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background-color: #60140c;
  z-index: 2300;
  text-align: center;
}
#tv .switch_to_landscape span {
  margin-top: 120px;
  font-size: 2em;
  display: block;
}
#tv .switch_to_landscape span img {
  display: block;
  margin: 20px auto;
}
@media only screen and (orientation: portrait) {
  #tv .switch_to_landscape {
    display: block !important;
    z-index: 2600 !important;
  }
  #tv .player,
  #tv .tv_is_loading {
    display: none;
  }
}
@media only screen and (orientation: landscape) {
  #tv .switch_to_landscape {
    display: none !important;
    z-index: 0 !important;
  }
  #tv .player,
  #tv .tv_is_loading {
    display: block;
  }
}
html.desktop #tv {
  min-height: calc(100vh - 22rem);
}
html.desktop #tv .tv-listpage-wrapper {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
html.desktop #tv .tv-listpage-wrapper > :not([hidden]) ~ :not([hidden]) {
  margin-top: 0;
}
html.desktop #tv .start {
  padding: 1.5rem;
}
html.desktop #tv .start .keyword {
  text-align: left;
}
html.desktop #tv .start .keyword form .ki {
  text-align: left;
}
html.desktop #tv .start .keyword form .ft-button {
  margin-left: 0;
}
html.desktop #tv .menu li {
  flex-basis: calc(33.33333333% - 0.33333333rem);
}
html.desktop #tv #video_container {
  position: relative;
  height: 0;
  overflow: hidden;
  padding: 60% 0 0;
  display: none;
}
html.desktop #tv #video_container #video_player_container_1,
html.desktop #tv #video_container #video_player_container_2 {
  top: 3.75rem;
}
html.desktop #tv .details {
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 30;
}
html.desktop #tv .details span {
  padding: 0.625rem 0.5625rem 0.625rem 0.5625rem;
}
html.desktop #tv .details span.name {
  color: #fff;
}
html.desktop #tv .details ul.controls li {
  display: inline-block;
}
html.desktop #tv .details ul.controls li.current_time {
  padding: 10px 4px 10px 4px;
}
html.desktop #tv .details ul.controls li.total_time {
  padding: 10px 4px 10px 4px;
}
html.desktop #tv .details ul.controls li.next_scene {
  padding: 10px 40px 10px 40px;
}
html.desktop #tv .details ul.controls li.voice_control {
  display: none;
}
@media all and (min-width: 1280px) {
  html.desktop #tv .tv-listpage-wrapper {
    flex-direction: row;
    gap: 2.5rem;
  }
  html.desktop #tv .start-wrapper,
  html.desktop #tv .more-stations-wrapper {
    flex-basis: calc(50% - 1.25rem);
  }
  html.desktop #tv .start {
    padding: 1rem;
  }
}
#user_panel .sub_nav {
  display: flex;
  margin-bottom: 1rem;
  justify-content: space-around;
}
#user_panel .sub_nav a {
  width: 100%;
  padding: 0.5rem 0;
  flex-grow: 1;
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.5rem;
  color: var(--subscriptions-text-color);
  text-align: center;
}
#user_panel .sub_nav a.active {
  border-bottom: 1px solid var(--subscriptions-content-contrast-color);
}
#user_panel .content_selector {
  display: flex;
  gap: 1rem;
  margin-bottom: 1rem;
}
#user_panel .content_selector .ft-button-bordered {
  flex-basis: 0;
  flex-grow: 1;
  padding: 0.1875rem;
  border-color: var(--subscriptions-inactive-color);
  font-weight: 400;
  font-size: 0.875rem;
}
#user_panel .content_selector .ft-button-bordered.active {
  border-color: var(--subscriptions-content-contrast-color);
}
#user_panel .nav_quick_top {
  margin-bottom: 1rem;
}
#user_panel .nav_quick_top a {
  margin-right: 1rem;
  padding-bottom: 0.5rem;
}
#user_panel .nav_quick_top a.active {
  border-bottom: 1px solid var(--subscriptions-content-contrast-color);
}
#user_panel .title {
  padding: 0.5rem;
  color: var(--subscriptions-text-color);
  font-weight: 700;
  font-size: 1rem;
  line-height: 1.5rem;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
#user_panel .title svg {
  fill: var(--subscriptions-content-contrast-color);
}
#user_panel .lists a {
  font-weight: 700;
  font-size: 0.875rem;
  line-height: 1.25rem;
  color: var(--subscriptions-text-color);
}
#user_panel .lists .item {
  padding: 1rem 0;
  display: flex;
  justify-content: space-between;
  border: none;
  border-bottom: 0.0625rem solid var(--subscriptions-inactive-color);
  border-top: 0.0625rem solid var(--subscriptions-inactive-color);
}
#user_panel .lists .item svg {
  height: 1rem;
  fill: var(--subscriptions-text-contrast-color);
}
.sidebar-nav .item {
  display: flex;
  align-items: center;
  padding: 1.25rem 1rem;
  background-color: var(--sidebar-nav-item-bg-color);
  color: var(--sidebar-nav-item-color);
  font-size: 0.875rem;
  line-height: 1.25rem;
  border-top: 0.0625rem solid var(--sidebar-nav-item-border-color);
  border-bottom: none;
  transition: color 0.3s ease-in-out, background-color 0.3s ease-in-out, opacity 0.3s ease-in-out, fill 0.3s ease-in-out, border-color 0.3s ease-in-out, transform 0.3s ease-in-out;
}
.sidebar-nav .item.active {
  color: var(--sidebar-nav-item-active-color);
}
.sidebar-nav .item:first-child:not(:last-child) {
  border-radius: 0.5rem 0.5rem 0 0;
  border-top: none;
}
.sidebar-nav .item:last-child:not(:first-child) {
  border-radius: 0 0 0.5rem 0.5rem;
}
.sidebar-nav .item:first-child:last-child {
  border-radius: 0.5rem;
  border-top: none;
}
.sidebar-nav .item .i_svg {
  width: 1.5rem;
  height: 1.5rem;
  color: var(--sidebar-nav-item-icon-color);
  position: static;
}
.sidebar-nav .item .i_svg:first-child {
  margin-right: 1rem;
  padding: 0.125rem;
}
.sidebar-nav .item .i_svg:last-child {
  margin-right: 0;
  width: 1.25rem;
  height: 1.25rem;
  padding: 0.125rem;
}
.sidebar-nav .item .text {
  margin-right: auto;
}
.sidebar-nav .item .warning {
  display: flex;
  margin-left: auto;
  margin-right: 1rem;
}
.sidebar-nav .item .warning .i_svg {
  color: var(--sidebar-nav-item-warning-icon-color);
  padding: 0;
}
html.desktop .sidebar-nav .item {
  padding: 0.75rem 1rem;
}
@media (hover: hover) {
  html.desktop .sidebar-nav .item:not(.active):hover {
    background-color: var(--sidebar-nav-item-hover-bg-color);
  }
}
#info .info-page-text-content p {
  margin-bottom: 1rem;
  line-height: 1.25rem;
  font-size: 0.875rem;
}
#info .info-page-text-content p:last-of-type {
  margin-bottom: 0;
}
#info .info-page-text-content p .highlighted {
  color: var(--link-color);
}
#info #content_partnership h1,
#info #content_partnership h2 {
  text-align: center;
}
#info #content_partnership h1,
#info #content_partnership h3 {
  font-weight: 700;
  color: var(--partnership-title-color);
}
#info #content_partnership h1,
#info #content_partnership h2,
#info #content_partnership h3 {
  padding: 0;
}
#info #content_partnership h1 {
  font-size: 1.5rem;
  line-height: 2rem;
}
#info #content_partnership h2 {
  color: var(--partnership-subtitle-color);
  font-size: 1.125rem;
  font-weight: 400;
  line-height: 1.5rem;
}
#info #content_partnership h3 {
  text-align: center;
  font-size: 1.125rem;
  line-height: 1.5rem;
  margin-bottom: 1rem;
}
#info #content_partnership .pr {
  text-align: center;
  color: var(--partnership-text-color);
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.25rem;
}
#info #content_partnership .steps {
  display: flex;
  flex-direction: column;
}
#info #content_partnership .steps ul {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  align-self: stretch;
  flex-flow: wrap;
  gap: 0.5rem;
}
#info #content_partnership .steps ul li {
  border-radius: 0.5rem;
  background: var(--partnership-steps-bg-color);
  padding: 1.5rem 1rem;
  color: var(--partnership-text-color);
  text-align: center;
  font-size: 1rem;
  font-style: normal;
  font-weight: 700;
  line-height: 1.25rem;
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 1 0 0;
  align-self: stretch;
}
#info #content_partnership .content_partnership_spots {
  display: flex;
  flex-direction: column;
  align-items: center;
}
#info #content_partnership .new-form-holder {
  display: flex;
  flex-direction: column;
}
#info #content_partnership .new-form-holder ul {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 1rem;
}
#info #content_partnership .new-form-holder ul li {
  flex-basis: 35%;
  flex-grow: 1;
}
#info #content_partnership .new-form-holder ul li li label.main {
  color: var(--partnership-text-color);
  margin-bottom: 0.5rem;
}
#info #content_partnership .new-form-holder ul li:nth-of-type(0),
#info #content_partnership .new-form-holder ul li:nth-of-type(1),
#info #content_partnership .new-form-holder ul li:nth-of-type(2) {
  flex-basis: 25%;
}
#info #content_partnership .new-form-holder ul li:last-of-type {
  flex-basis: 100%;
}
#info #content_partnership .new-form-holder textarea {
  min-height: 5rem;
  resize: vertical;
}
#info #content_partnership .new-form-holder .btn {
  align-self: center;
}
#info #content_partnership .new-form-holder .btn button {
  margin-top: 1.5rem;
  padding: 0.5rem 3rem;
}
html.desktop #info {
  margin-top: 1.5rem;
}
html.desktop #info .content-with-sidebar {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
html.desktop #info .content-with-sidebar .sidebar {
  width: auto;
}
html.desktop #info .content-with-sidebar .sidebar .sidebar-dropdown {
  display: block;
}
html.desktop #info .content-with-sidebar .sidebar .sidebar-dropdown .dropdown-wrapper .item {
  background-color: var(--sidebar-nav-item-tablet-bg-color);
}
html.desktop #info .content-with-sidebar .sidebar .sidebar-dropdown .dropdown-wrapper.is-open .dropdown-trigger .item {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
html.desktop #info .content-with-sidebar .sidebar .sidebar-dropdown .dropdown-content {
  width: 100%;
}
html.desktop #info .content-with-sidebar .sidebar .sidebar-dropdown .dropdown-content .item {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  background-color: var(--sidebar-nav-item-tablet-bg-color);
}
html.desktop #info .content-with-sidebar .sidebar .sidebar-content {
  display: none;
}
html.desktop #info .content-with-sidebar .content {
  flex-grow: 1;
}
html.desktop #info .content-with-sidebar .content-highlight-wrapper {
  padding: 1.5rem;
}
@media all and (min-width: 1280px) {
  html.desktop #info .content-with-sidebar {
    flex-direction: row;
    gap: 1.5rem;
  }
  html.desktop #info .content-with-sidebar .sidebar {
    width: 19rem;
    flex-shrink: 0;
  }
  html.desktop #info .content-with-sidebar .sidebar .sidebar-dropdown {
    display: none;
  }
  html.desktop #info .content-with-sidebar .sidebar .sidebar-content {
    display: block;
  }
  html.desktop #info .content-with-sidebar .content-highlight-wrapper {
    padding: 2.5rem;
  }
}
.playlist-list {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  gap: 0.5rem;
}
.playlist-list .playlist-item {
  flex-basis: calc(50% - 0.25rem);
  position: relative;
  display: block;
  zoom: 1;
  background-color: var(--playlist-item-bg-color);
  overflow: hidden;
  border-radius: 0.25rem;
}
.playlist-list .playlist-item .thumb {
  display: flex;
  flex-wrap: wrap;
}
.playlist-list .playlist-item .thumb span.cover {
  width: 50%;
  position: relative;
  aspect-ratio: 1;
}
.playlist-list .playlist-item .thumb span.cover img {
  position: absolute;
  left: 0;
  top: 0;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: 100%;
}
.playlist-list .playlist-item .thumb .play {
  position: absolute;
  top: 2%;
  left: 2%;
  color: rgba(0, 0, 0, 0.5);
  display: none;
}
.playlist-list .playlist-item .thumb span.len {
  position: absolute;
  line-height: 1.125rem;
  text-align: center;
  background-color: var(--playlist-length-background-color);
  border: 1px solid var(--playlist-length-border-color);
  color: var(--playlist-length-text-color);
  border-radius: 0.25rem;
  font-size: 0.75rem;
  font-weight: 400;
  padding: 0 0.5rem;
  left: 0.5rem;
  top: 0.5rem;
}
.playlist-list .playlist-item .inf {
  padding: 0.5rem 0.75rem;
  overflow: hidden;
  clear: both;
  position: relative;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.25rem;
  text-align: left;
  color: var(--playlist-title-text-color);
}
.playlist-list .playlist-item .inf a {
  color: #080b0e;
}
.playlist-list .playlist-item .inf strong {
  font-weight: 400;
  color: #fff;
  padding: 0 1px;
}
.playlist-list .playlist-item .inf .pb {
  height: 24px;
  line-height: 24px;
  overflow: hidden;
  clear: both;
  width: 1%;
  background-color: #60140c;
  display: none;
  margin-left: -5px;
}
.playlist-list .playlist-item .pb {
  height: 24px;
  line-height: 24px;
  overflow: hidden;
  clear: both;
  width: 1%;
  background-color: #8d1d11;
  display: none;
  margin-left: -5px;
  border-right: 4px solid rgba(0, 0, 0, 0.5);
}
.playlist-list a.ft-button-bordered-short-width {
  margin-left: 0.75rem;
  margin-right: 0.75rem;
  margin-bottom: 0.5rem;
  font-size: 0.75rem;
  padding: 0.125rem 0.5rem;
}
.playlist-list .playlist-item:hover {
  z-index: 100;
}
.playlist-list .playlist-item:hover .play {
  display: block !important;
}
.playlist-list .playlist-item:hover span.len {
  display: none !important;
}
#playlist_holder h3 {
  display: flex;
  align-items: center;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.25rem;
  color: #fff;
  padding: 0;
}
#playlist_holder h3 a {
  font-size: 0.875rem;
  line-height: 1.25rem;
  color: var(--link-color);
}
#playlist_holder h3 em {
  margin-left: auto;
  margin-right: 0;
  color: #787f86;
  font-size: 0.875rem;
  font-weight: 400;
  font-style: normal;
  line-height: 1.25rem;
}
#playlist_holder h3 .edit {
  margin-left: 0.5rem;
}
#playlist_list {
  height: auto;
  overflow-x: scroll;
  overflow-y: hidden;
  width: 100%;
  white-space: nowrap;
  margin-top: 0.5rem;
  display: -ms-flex;
  display: flex;
}
#playlist_list .video-item-deleted {
  -moz-opacity: 0.15;
  -khtml-opacity: 0.15;
  -webkit-opacity: 0.15;
  opacity: 0.15;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=15);
  filter: alpha(opacity=15);
  filter: gray;
  filter: grayscale(1);
}
#playlist_list .has_less {
  margin-left: 50px !important;
}
#playlist_list .video-item {
  -ms-flex-basis: 40%;
  flex-basis: 40%;
  -ms-flex-shrink: 0;
  flex-shrink: 0;
  max-width: 160px;
  padding: 0.5rem;
  position: relative;
  zoom: 1;
  overflow: hidden;
}
#playlist_list .video-item .thumb {
  display: block;
  width: 100%;
  position: relative;
  height: 0;
  padding: 56% 0 0 0;
  overflow: hidden;
  border-radius: 0.25rem;
}
#playlist_list .video-item .thumb img.cover {
  position: absolute;
  display: block;
  width: 100%;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}
#playlist_list .video-item .thumb .i-len {
  padding: 0.25rem;
  position: absolute;
  bottom: 0.25rem;
  right: 0.25rem;
  overflow: hidden;
  background-color: rgba(0, 0, 0, 0.6);
  color: #fff;
  font-size: 0.625rem;
  text-align: center;
  line-height: 0.875rem;
  font-weight: 700;
  border-radius: 0.125rem;
}
#playlist_list .video-item .thumb > #mp4t_video {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  margin: auto;
  cursor: pointer;
  border-radius: 5px;
}
#playlist_list .video-item.video-item-active {
  background-color: #60140c;
  max-height: -webkit-fit-content;
  max-height: -moz-fit-content;
  max-height: fit-content;
  border-radius: 0.25rem;
}
#playlist_list .video-item.video-item-active .thumb {
  border-radius: 0;
}
#playlist_list .video-item .more_videos {
  background-color: #080b0e;
}
#playlist_list .video-item .more_videos span {
  position: absolute;
  top: 30px;
  left: 0;
  right: 0;
  width: 100%;
  display: block;
  text-align: center;
  color: #fff;
  text-transform: capitalize;
}
#playlist_list .video-item .inf {
  line-height: 1.25rem;
  font-size: 0.875rem;
  text-align: center;
  color: #fff;
  margin-top: 0.25rem;
  text-overflow: ellipsis;
  overflow: hidden;
}
html.desktop .playlist-list .playlist-item {
  flex-basis: calc(20% - 0.4rem);
}
html.desktop #ajax_user_panel_playlists .playlist-list .playlist-item {
  flex-basis: calc(25% - 0.375rem);
}
html.desktop #playlist_holder h3 {
  gap: 0.5rem;
}
html.desktop #playlist_holder h3 em {
  margin-left: 0;
}
.playlist_page .top-wrapper > :not([hidden]) ~ :not([hidden]) {
  margin-top: 1rem;
}
.playlist_page .top-wrapper .top-buttons {
  display: flex;
  gap: 0.5rem;
}
.playlist_page .top-wrapper .top-buttons > * {
  flex-basis: calc(50% - 0.25rem);
  flex-grow: 1;
}
html.desktop .playlist_page .top-wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
html.desktop .playlist_page .top-wrapper > :not([hidden]) ~ :not([hidden]) {
  margin-top: 0;
}
html.desktop .playlist_page .top-wrapper .top-buttons > * {
  flex-basis: auto;
}
html.desktop .playlist_page .top-wrapper .top-buttons .ft-button {
  width: 18.75rem;
}
#user_panel .results {
  font-size: 0.875rem;
  line-height: 1.25rem;
  color: var(--user-panel-results);
}
#user_panel .user_panel_list_card {
  display: flex !important;
  align-items: center;
  gap: 0.625rem;
}
#user_panel .user_panel_list_card .left_section {
  max-width: 3.75rem;
}
#user_panel .user_panel_list_card .left_section img {
  -o-object-fit: cover;
     object-fit: cover;
  margin-right: 0;
}
#user_panel .user_panel_list_card .left_section img.avatar {
  padding: 0.5rem;
}
#user_panel .user_panel_list_card .right_section {
  align-self: center;
  position: relative;
  right: 0.625rem;
  color: var(--user-panel-date-color);
}
#user_panel .user_panel_list_card .right_section .i_svg {
  color: var(--notifications-icon-color);
}
#user_panel .user_panel_list_card .middle_section {
  -ms-flex-grow: 1;
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  padding: 0.4rem;
  gap: 0.2rem;
}
#user_panel .user_panel_list_card .middle_section .name {
  display: flex;
  gap: 0.25rem;
  font-size: 1rem;
  line-height: 1.5rem;
  color: var(--user-panel-name-text-color);
}
#user_panel .user_panel_list_card .middle_section p {
  color: #fff;
  font-size: 0.875rem;
  line-height: 1.25rem;
}
#user_panel .user_panel_list_card .middle_section .date,
#user_panel .user_panel_list_card .middle_section .text {
  font-weight: 400;
  line-height: 1.25rem;
  font-size: 0.8125rem;
}
#user_panel .user_panel_list_card .middle_section .date {
  color: #787f86;
}
#user_panel .user_panel_list_card .middle_section .text {
  color: #e9657b;
}
#user_panel .user_panel_list_card .middle_section .text svg {
  margin-right: 0.3125rem;
}
#user_panel .user_panel_list_card.comment .left_section {
  max-width: 6.875rem;
}
#user_panel .user_panel_list_card.comment .middle_section {
  padding: 0;
}
#user_panel .user_panel_list_card.comment .right_section .date {
  font-size: 1rem;
  color: var(--user-panel-date-color);
}
#user_panel .user_panel_list_card:not(.comment) {
  padding: 0.5rem 0.95rem !important;
}
#user_panel .achievements .achievement {
  border: 1px solid #2c3e50;
  padding: 10px;
  margin: 5px 0;
  border-radius: 5px;
}
#user_panel .achievements .achievement h3 {
  padding-bottom: 5px;
  color: #fff;
}
#user_panel .achievements .achievement h3 .i_svg {
  fill: #3e5771;
}
#user_panel .achievements .achievement h3 .n {
  display: inline-block;
  width: 250px;
}
#user_panel .achievements .achievement h3 .l,
#user_panel .achievements .achievement h3 .m {
  display: inline-block;
  width: 80px;
  color: #60140c;
}
#user_panel .achievements .achievement h3 .m {
  width: 400px;
}
#user_panel .achievements .achievement p {
  color: #f08e84;
  padding: 5px 0;
}
#user_panel .achievements .achievement .progress {
  height: 30px;
  line-height: 30px;
  position: relative;
  text-align: center;
  border: 1px solid #1e2a36;
  background-color: #080b0e;
  border-radius: 5px;
  margin-bottom: 10px;
}
#user_panel .achievements .achievement .progress span {
  z-index: 1000;
  position: absolute;
}
#user_panel .achievements .achievement .progress .inner {
  position: absolute;
  height: 28px;
  left: 0;
  top: 0;
  background-color: #60140c;
  border-radius: 5px;
  z-index: 0;
}
#user_panel .achievements .achievement .stats {
  color: #507192;
}
#user_panel .message {
  clear: both;
  overflow: hidden;
  padding-bottom: 60px;
}
#user_panel .message ul {
  min-height: 250px;
  clear: both;
  overflow: hidden;
}
#user_panel .message li {
  line-height: 20px;
  overflow: hidden;
  max-width: 80%;
  min-width: 40%;
  clear: both;
  position: relative;
  padding: 0 0 0 50px;
  float: left;
}
#user_panel .message li span.f {
  color: #aaa;
  display: block;
  padding: 3px 10px;
}
#user_panel .message li span.f a {
  color: #f08e84;
}
#user_panel .message li span.f .i_svg {
  fill: #60140c;
}
#user_panel .message li span.m {
  display: block;
  background-color: #050101;
  border-radius: 10px;
  padding: 10px;
}
#user_panel .message li span.d {
  color: #3e5771;
  padding: 3px 10px;
  display: block;
}
#user_panel .message li span.a {
  position: absolute;
  left: 5px;
  top: 25px;
}
#user_panel .message li span.a img {
  width: 40px;
  height: 40px;
}
#user_panel .message li.you {
  float: right;
  clear: both;
  padding: 0 50px 0 0;
}
#user_panel .message li.you span.m {
  background-color: #11181f;
}
#user_panel .message li.you span.f,
#user_panel .message li.you span.d {
  text-align: right;
}
#user_panel .message li.you span.a {
  left: auto;
  right: 5px;
}
#user_panel .message .messagebar {
  clear: both;
  position: fixed;
  bottom: 60px;
  left: 0;
  width: 100%;
  font-size: 1rem;
}
#user_panel .message .reply_form {
  padding: 15px 0 15px 0;
  background-color: #080b0e;
  clear: both;
  text-align: center;
}
#user_panel .message .reply_form .message_actions {
  text-align: center;
  padding: 10px 0 0 0;
}
#user_panel .message .reply_form .message_actions span {
  display: inline-block;
  padding: 5px;
  background-color: #233140;
  border: 1px solid #1e2a36;
  cursor: pointer;
  color: #507192;
}
#user_panel .message .reply_form .message_actions span:hover {
  background-color: #080b0e;
}
#user_panel .similar_list {
  clear: both;
  overflow: hidden;
}
#user_panel .similar_list div.u {
  width: 49%;
  display: inline-block;
  text-align: center;
  margin-bottom: 10px;
}
#user_panel .similar_list div.u a {
  display: block;
  text-align: center;
  color: #ddd;
  margin-bottom: 10px;
}
#user_panel .similar_list div.u a img {
  display: block;
  width: 75px;
  height: 75px;
  border-radius: 50px;
  margin: 10px auto;
  border: 1px solid #507192;
}
#user_panel .edit_account p.btn {
  text-align: left;
  margin: 10px 0;
}
#user_panel .edit_account #avatar_form {
  border-bottom: 2px solid #d22b19;
  margin: 0 0 20px 0;
}
#user_panel .edit_account ul {
  margin: 0;
}
#user_panel .edit_account ul li label.main {
  background-color: #354b60;
}
#user_panel .edit_account .thumbnails img {
  width: 32%;
  border: 2px solid #11181f;
  cursor: pointer;
  -moz-opacity: 0.7;
  -khtml-opacity: 0.7;
  -webkit-opacity: 0.7;
  opacity: 0.7;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=70);
  filter: alpha(opacity=70);
}
#user_panel .edit_account .thumbnails img.active {
  border-color: #60140c !important;
  -moz-opacity: 1;
  -khtml-opacity: 1;
  -webkit-opacity: 1;
  opacity: 1;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
  filter: alpha(opacity=100);
}
#user_panel .edit_account .thumbnails img:hover {
  border-color: #507192;
  -moz-opacity: 1;
  -khtml-opacity: 1;
  -webkit-opacity: 1;
  opacity: 1;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
  filter: alpha(opacity=100);
}
#user_panel .edit_video form {
  margin-top: 1rem;
}
#user_panel .edit_video form li {
  margin-bottom: 1.625rem;
}
#user_panel .edit_video form li label {
  margin-bottom: 0.5rem;
}
#user_panel .edit_video form li textarea {
  resize: vertical;
}
#user_panel .edit_video form fieldset {
  margin-top: 1rem;
}
#user_panel .edit_video form fieldset:not(.category_fields) {
  display: flex;
  gap: 1rem;
  flex-wrap: wrap;
}
#user_panel .edit_video form fieldset:not(.category_fields) label:has(> input[type='radio']) {
  display: flex;
  align-items: baseline;
  flex-basis: calc(50% - 0.5rem);
}
#user_panel .edit_video form .category_fields {
  display: flex;
  gap: 0.5rem;
  flex-wrap: wrap;
}
#user_panel .edit_video form .category_fields label {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  flex-basis: calc(50% - 0.25rem);
}
#user_panel .edit_video form p {
  font-size: 0.875rem;
  line-height: 1.25rem;
}
#user_panel .edit_video form .thumbnails .wrapper {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
}
#user_panel .edit_video form .thumbnails .wrapper img {
  width: calc(50% - 0.4rem);
  border: 0.5rem solid var(--video-user-bg-color);
}
#user_panel .edit_video form .thumbnails .wrapper img.active {
  border-color: var(--video-playlist-active-item-bg-color);
}
#user_panel .edit_video form .delete {
  display: inline-block;
  margin-top: 1.5rem;
  color: var(--link-color);
  cursor: pointer;
}
#user_panel .notifications_list {
  overflow: hidden;
  -webkit-text-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
  -moz-text-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
  display: flex;
  flex-direction: column;
}
#user_panel .notifications_list > li.read {
  margin-top: 30px;
}
#user_panel .notifications_list > li.read ~ li.read {
  margin-top: 0;
}
#user_panel .notifications_list li {
  padding: 0.4375rem 0;
  overflow: hidden;
  position: relative;
  font-size: 1em;
  line-height: 1.25rem;
}
#user_panel .notifications_list li.views {
  padding: 0.625rem 0;
}
#user_panel .notifications_list li.social {
  padding: 0.625rem 0;
}
#user_panel .notifications_list li.unread {
  background-color: #080b0e;
}
#user_panel .notifications_list li img.primary_img {
  width: 80px;
  max-height: 100px;
  float: left;
  border: 2px solid #080b0e;
  display: block;
  margin: 0 5px 0 0;
  float: right;
}
#user_panel .notifications_list li img.avatar_img {
  width: 40px;
  max-height: 100px;
  float: left;
  border: 2px solid #080b0e;
  display: block;
  margin: 0 5px 0 0;
  float: right;
}
#user_panel .notifications_list li .i_svg {
  float: left;
  margin: 2px 10px 0 0;
  font-size: 1em;
  fill: #3e5771;
}
#user_panel .notifications_list li a {
  color: #d22b19;
  font-style: italic;
}
#user_panel .notifications_list li a.uname {
  color: #d22b19;
  font-style: normal;
  font-weight: bold;
}
#user_panel .notifications_list li span.date {
  font-size: 0.8em;
  color: #476481;
  width: 100px;
  display: inline-block;
  text-align: center;
}
.notification_delete_button {
  margin-left: auto;
  max-width: 7rem;
  padding: 0.5rem 0.75rem !important;
}
html.desktop .user_panel_list_card {
  background-color: var(--user-panel-item-bg-color);
  border-top: 0.0625rem solid var(--user-panel-separator-color);
  transition: color 0.3s ease-in-out, background-color 0.3s ease-in-out, opacity 0.3s ease-in-out, fill 0.3s ease-in-out, border-color 0.3s ease-in-out, transform 0.3s ease-in-out;
}
html.desktop .user_panel_list_card:hover {
  background-color: var(--user-panel-item-bg-hover-color);
}
html.desktop .user_panel_list_card:first-child:not(:last-child) {
  border-radius: 0.5rem 0.5rem 0 0;
  border-top: none;
}
html.desktop .user_panel_list_card:last-child:not(:first-child) {
  border-radius: 0 0 0.5rem 0.5rem;
}
html.desktop .user_panel_list_card:first-child:last-child {
  border-radius: 0.5rem;
  border-top: none;
}
html.desktop .notifications_list {
  cursor: pointer;
}
html.desktop .notification_delete_button {
  margin-left: auto;
  font-size: 0.875rem;
  max-width: 8.75rem;
}
html.desktop #user_panel {
  min-height: calc(100vh - 22rem);
}
html.desktop #user_panel .user-panel-wrapper {
  display: flex;
  gap: 1.5rem;
}
html.desktop #user_panel .user-panel-wrapper .sidebar {
  display: none;
  width: 19rem;
  flex-grow: 0;
  flex-shrink: 0;
}
html.desktop #user_panel .user-panel-wrapper .sidebar > :not([hidden]) ~ :not([hidden]) {
  margin-top: 1rem;
}
html.desktop #user_panel .user-panel-wrapper .data {
  flex-basis: 100%;
  flex-grow: 0;
  overflow: hidden;
}
html.desktop #user_panel .user-panel-wrapper .video-list {
  --video-list-columns: 4;
}
html.desktop #user_panel .data .main_content_container {
  padding: 0;
}
html.desktop #user_panel .sub_nav {
  gap: 1rem;
  justify-content: start;
}
html.desktop #user_panel .sub_nav a {
  width: auto;
  flex-grow: 0;
  color: var(--playlist-header-text-color);
  font-size: 0.875rem;
}
html.desktop #user_panel .user_panel_list_card.comment {
  padding: 1.5rem !important;
}
html.desktop #user_panel .user_panel_list_card .middle_section {
  align-self: baseline;
}
html.desktop #user_panel .data .pending-video {
  clear: both;
  padding: 5px 0;
  display: block;
}
html.desktop #user_panel .data .pending-video span {
  color: #e74837;
  font-weight: 600;
}
html.desktop #user_panel .data .pending-video .i_svg {
  fill: #507192;
  font-size: 1.2em;
  margin-right: 5px;
}
html.desktop #user_panel .data .pending-video a {
  color: #fff;
}
html.desktop #user_panel .data .pending-video-wt {
  padding: 1px 0px 5px 30px;
  color: #507192;
  margin-top: -5px;
}
html.desktop #user_panel .data .empty h3 {
  color: #ea5d4e;
  padding: 20px 0 10px 0;
}
html.desktop #user_panel .data .empty p {
  color: #ddd;
}
html.desktop #user_panel .data .empty p a {
  text-decoration: underline;
  color: #d22b19;
}
html.desktop #user_panel .uploaded_video_list li {
  border-bottom: 1px solid #1e2a36;
  overflow: hidden;
}
html.desktop #user_panel .uploaded_video_list li span {
  display: block;
  float: left;
  padding: 5px;
}
html.desktop #user_panel .uploaded_video_list li .t {
  width: 10%;
}
html.desktop #user_panel .uploaded_video_list li .t img {
  width: 100%;
}
html.desktop #user_panel .uploaded_video_list li .n {
  width: 30%;
}
html.desktop #user_panel .uploaded_video_list li .v {
  width: 7%;
  font-size: 1.5em;
  text-align: center;
}
html.desktop #user_panel .uploaded_video_list li .d {
  width: 12%;
}
html.desktop #user_panel .uploaded_video_list li .e a {
  display: inline-block;
  color: #d22b19;
  padding: 5px;
  background-color: #1e2a36;
}
html.desktop #user_panel .uploaded_video_list li.h {
  background-color: #1e2a36;
  color: #507192;
}
html.desktop #user_panel .uploaded_video_list li.h .v {
  font-size: 1em;
  text-align: center;
}
html.desktop #user_panel .edit_account ul {
  width: 850px;
}
html.desktop #user_panel .edit_account ul li label.main {
  width: 150px;
}
html.desktop #user_panel .edit_account .thumbnails img {
  width: 18%;
  border: 6px solid #11181f;
  cursor: pointer;
}
html.desktop #user_panel .edit_account .thumbnails img.active {
  border-color: #60140c !important;
}
html.desktop #user_panel .edit_account .thumbnails img:hover {
  border-color: #507192;
}
html.desktop #user_panel .edit_video form {
  padding: 2.5rem;
}
html.desktop #user_panel .edit_video form fieldset:not(.category_fields) {
  justify-content: space-between;
  flex-wrap: nowrap;
}
html.desktop #user_panel .edit_video form fieldset:not(.category_fields) label:has(> input[type='radio']) {
  width: 100%;
}
html.desktop #user_panel .edit_video form .category_fields label {
  flex-basis: calc(25% - 0.375rem);
  margin: 0;
}
html.desktop #user_panel .edit_video form .thumbnails .wrapper img {
  width: calc(20% - 0.4rem);
  aspect-ratio: 1.4;
  -o-object-fit: cover;
     object-fit: cover;
}
html.desktop #user_panel .broadcast-container {
  display: flex;
  justify-content: space-between;
}
html.desktop #user_panel .broadcast-container h2 {
  font-size: 1.125rem;
}
html.desktop #user_panel .broadcast_list {
  margin-top: 1rem;
}
html.desktop #user_panel .broadcast_list li:first-child:not(:last-child) {
  border-radius: 0.5rem 0.5rem 0 0;
  border-top: none;
}
html.desktop #user_panel .broadcast_list li:last-child:not(:first-child) {
  border-radius: 0 0 0.5rem 0.5rem;
}
html.desktop #user_panel .broadcast_list li:first-child:last-child {
  border-radius: 0 0 0.5rem 0.5rem;
  border-radius: 0.5rem;
  border-top: none;
}
html.desktop #user_panel .broadcast_list li {
  display: flex;
  flex-direction: column;
  background: var(--user-panel-item-bg-color);
  padding: 1rem;
  overflow-wrap: break-word;
  word-wrap: break-word;
  -ms-word-break: break-all;
  word-break: break-all;
  word-break: break-word;
  -webkit-hyphens: auto;
  hyphens: auto;
  border-top: 0.0625rem solid var(--user-panel-separator-color);
  cursor: pointer;
  transition: color 0.3s ease-in-out, background-color 0.3s ease-in-out, opacity 0.3s ease-in-out, fill 0.3s ease-in-out, border-color 0.3s ease-in-out, transform 0.3s ease-in-out;
}
html.desktop #user_panel .broadcast_list li .bc_main_content {
  display: flex;
  justify-content: space-between;
}
html.desktop #user_panel .broadcast_list li .bc_main_content .user {
  display: flex;
  align-items: center;
}
html.desktop #user_panel .broadcast_list li .bc_main_content .user img {
  width: 3.125rem;
  margin-right: 0.5rem;
}
html.desktop #user_panel .broadcast_list li .bc_main_content .user .text {
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  height: 100%;
  font-size: 0.875rem;
  line-height: 1.25rem;
}
html.desktop #user_panel .broadcast_list li .bc_main_content .reply {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  flex-shrink: 0;
}
html.desktop #user_panel .broadcast_list li .bc_main_content .reply .date {
  display: block;
  text-align: right;
  font-size: 0.75rem;
  color: var(--notifications-results-text-color);
}
html.desktop #user_panel .broadcast_list li .bc_main_content .reply .ft-button-bordered {
  font-size: 0.75rem;
  padding: 0 0.5rem;
}
html.desktop #user_panel .broadcast_list li .bc_videos {
  display: flex;
  flex-wrap: wrap;
  padding-top: 0.5rem;
  gap: 0.5rem;
}
html.desktop #user_panel .broadcast_list li .bc_videos .video_card {
  flex-basis: calc(25% - 0.375rem);
  position: relative;
  flex-grow: 0;
  overflow: hidden;
}
html.desktop #user_panel .broadcast_list li .bc_videos .video_card span.ext {
  position: absolute;
  top: 0.5rem;
  right: 0.5rem;
  padding: 0 0.25rem;
  border-radius: 0.25rem;
  background-color: black;
  opacity: 75%;
  line-height: 1.125rem;
}
html.desktop #user_panel .broadcast_list li .bc_videos .video_card img {
  border-radius: 0.25rem;
  width: 100%;
}
html.desktop #user_panel .broadcast_list li .bc_videos .video_card .title_wrap {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
html.desktop #user_panel .broadcast_list li .bc_videos .video_card .title_wrap a.link {
  color: var(--video-list-info-text-color);
  line-height: 1.5rem;
}
html.desktop #user_panel .broadcast_list li .bc_users {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  padding-top: 0.5rem;
}
html.desktop #user_panel .broadcast_list li .bc_users .user_card {
  display: flex;
  flex-basis: calc(25% - 0.375rem);
  flex-grow: 0;
  overflow: hidden;
  height: 2.5rem;
  background-color: var(--user-panel-item-bg-color);
  border-radius: 0.5rem;
  align-items: center;
  justify-content: space-between;
  padding: 0.5rem;
}
html.desktop #user_panel .broadcast_list li .bc_users .user_card .user_details {
  display: flex;
  align-items: center;
  overflow: hidden;
}
html.desktop #user_panel .broadcast_list li .bc_users .user_card .user_details .title_wrap {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
html.desktop #user_panel .broadcast_list li .bc_users .user_card .user_details img {
  width: 1.5rem;
  margin-right: 0.5rem;
}
html.desktop #user_panel .broadcast_list li .bc_users .user_card .user_details a {
  flex-shrink: 0;
}
html.desktop #user_panel .broadcast_list li .bc_users .user_card .ft-button {
  flex-shrink: 0;
  padding: 0.125rem 0.5rem;
  font-size: 0.75rem;
  line-height: 1.125rem;
}
html.desktop #user_panel .broadcast_list li:hover {
  background-color: var(--user-panel-item-bg-hover-color);
}
@media all and (min-width: 1280px) {
  html.desktop #user_panel .user-panel-wrapper .sidebar {
    display: block;
  }
  html.desktop #user_panel .edit_video form .category_fields label {
    flex-basis: calc(20% - 0.4rem);
  }
}
.new-form-holder.edit_playlist .title_container {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.new-form-holder.edit_playlist p.btn_container {
  display: flex;
  gap: 0.5rem;
  margin: 1rem 0 0;
}
.new-form-holder.edit_playlist p.btn_container .submit {
  flex-grow: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  color: var(--playlist-button-text-color);
  background-image: linear-gradient(var(--playlist-button-gradient-color-start), var(--playlist-button-gradient-color-end));
}
.new-form-holder.edit_playlist p.btn_container .submit .i_svg {
  color: var(--playlist-button-text-color);
  width: 1.3125rem;
  height: 1.3125rem;
  top: 0;
}
.new-form-holder.edit_playlist p.btn_container .delete {
  background-color: transparent;
}
.new-form-holder.edit_playlist p.btn_container .delete .i_svg {
  width: 0.625rem;
}
html.desktop #edit_playlist {
  padding: 0;
}
html.desktop #edit_playlist .title_container,
html.desktop #edit_playlist p.btn_container {
  width: 33%;
}
.contact-wrapper p {
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.contact-wrapper form ul {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.contact-wrapper form textarea {
  resize: vertical;
  height: 2.5rem;
}
html.desktop .contact-wrapper form ul {
  flex-direction: row;
  flex-wrap: wrap;
}
html.desktop .contact-wrapper form ul li {
  flex-basis: calc(50% - 0.5rem);
}
#official {
  overflow: hidden;
}
#official .create_account .form {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
#official .create_account .form li.s .ft-button {
  width: 100%;
}
#official .create_channel {
  text-align: center;
}
#official .create_channel form {
  margin-top: 1rem;
}
#official .create_channel li {
  margin: 1rem 0;
}
#official .create_channel li.s {
  display: flex;
}
#official .create_channel li.s .ft-button {
  margin: 1.5rem auto;
  flex: 0 1 25rem;
}
#official .create_channel li label {
  text-align: center;
}
#official .create_channel li .field_wrapper {
  display: flex;
  justify-content: center;
}
#official .create_channel li .field_wrapper input,
#official .create_channel li .field_wrapper textarea {
  flex: 0 1 25rem;
}
#official .create_channel h1,
#official .create_channel h2 {
  color: var(--text-color);
}
#official .create_channel h2 {
  margin-top: 0.5rem;
  font-size: 1rem;
}
#official .create_channel .next {
  margin-top: 1rem;
  display: flex;
  justify-content: center;
  gap: 0.5rem;
  text-align: center;
}
#official .create_channel .next .ft-button {
  flex-basis: 12rem;
}
#official .nav {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 1rem;
  justify-content: space-between;
  align-items: center;
  gap: 1rem;
}
#official .nav .links {
  display: flex;
  gap: 1rem;
  justify-content: space-between;
  flex-grow: 1;
  flex-basis: 80%;
  flex-wrap: wrap;
}
#official .nav .links a {
  flex-basis: 100%;
}
#official .edit_channel ul {
  margin-top: 1rem;
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
}
#official .edit_channel ul li {
  flex-basis: 100%;
}
#official .edit_channel textarea {
  resize: vertical;
  height: 6.625rem;
  width: 100%;
}
#official .edit_channel li.s {
  display: flex;
  justify-content: center;
}
#official .edit_channel li.s .ft-button {
  margin-top: 1.5rem;
  flex-basis: 25rem;
}
#official .bc a,
#official .bc span {
  font-size: 1rem;
}
#official .bc span {
  color: var(--text-color);
}
#official .bc .i_svg {
  height: 0.75rem;
  margin-bottom: 0.1875rem;
}
#official .edit_ads .form {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
}
#official .edit_ads .form li {
  flex-basis: 100%;
}
#official .edit_ads .form li.d {
  font-size: 0.875rem;
}
#official .edit_ads .form li.hr {
  background-color: var(--user-panel-separator-color);
  height: 1px;
  width: 100%;
  margin: 1rem 0;
}
html.desktop #official .content-highlight-wrapper {
  padding: 2.5rem;
}
html.desktop #official .nav .links {
  flex-wrap: nowrap;
}
html.desktop #official .nav .links a {
  flex-basis: 50%;
}
html.desktop #official .bc a,
html.desktop #official .bc span {
  font-size: 1.125rem;
}
html.desktop #official .edit_channel ul li:not(.d):not(.s) {
  flex-basis: calc(50% - 0.5rem);
}
html.desktop #official .create_account .form {
  flex-direction: row;
  flex-wrap: wrap;
}
html.desktop #official .create_account .form li:not(.year):not(.country):not(.logo):not(.s):not(.agreement) {
  flex-basis: calc(50% - 0.5rem);
}
html.desktop #official .create_account .form li.year,
html.desktop #official .create_account .form li.country,
html.desktop #official .create_account .form li.logo {
  flex-basis: calc(50% - 0.5rem);
}
html.desktop #official .create_account .form li.s {
  flex-basis: calc(33.33333333% - 0.66666667rem);
}
html.desktop #official .create_account .form li.agreement {
  flex-basis: 100%;
}
html.desktop #official .edit_ads .form li.link,
html.desktop #official .edit_ads .form li.channel-page-ad {
  flex-basis: calc(50% - 0.5rem);
}
html.desktop #official .edit_ads .form li.video-player-ad {
  flex-basis: calc(33.33333333% - 0.66666667rem);
}
@media all and (min-width: 1280px) {
  html.desktop #official .nav .links {
    justify-content: flex-end;
    flex-basis: 0;
  }
  html.desktop #official .nav .links a {
    flex-basis: fit-content;
  }
  html.desktop #official .create_account .form li.year,
  html.desktop #official .create_account .form li.country,
  html.desktop #official .create_account .form li.logo {
    flex-basis: calc(33.33333333% - 0.66666667rem);
  }
}
.account-page .content-highlight-wrapper .fields-group {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  background-color: transparent;
  padding: 0;
}
.account-page .content-highlight-wrapper .fields-group > label {
  flex-basis: calc(50% - 0.25rem);
}
html.desktop .account-page .content-highlight-wrapper {
  padding: 2.5rem;
}
html.desktop .account-page form .ft-button {
  width: 40%;
  white-space: nowrap;
}
html.desktop .account-page form #reg_avatar {
  width: 50%;
}
html.desktop .account-page .fields-group {
  gap: 1rem;
}
html.desktop .account-page .fields-group > label {
  flex-basis: calc(50% - 0.5rem);
}
html.desktop .account-page .secondary-button {
  display: inline-block;
  width: auto;
}
@media all and (min-width: 1280px) {
  html.desktop .account-page form {
    width: calc(50% - 1.5rem);
  }
}
#upload .upload-title {
  padding-top: 0.2rem;
  padding-bottom: 1rem;
  padding-left: 0;
}
#upload .custom-file-upload {
  height: 1.5rem;
  width: 3.75rem;
  font-size: 0.75rem;
  cursor: pointer;
  color: var(--upload-button-text-color);
  background-image: linear-gradient(var(--upload-button-gradient-color-start), var(--upload-button-gradient-color-end));
}
#upload .check-url-button {
  width: 5rem;
  padding: 0;
  margin-top: 0.625rem;
}
#upload #captcha_holder {
  overflow: hidden;
  height: 11.25rem;
  text-align: center;
  width: 19rem;
  margin: 0 auto;
  margin-top: 0.625rem;
}
#upload .type_switcher .upload_options {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-bottom: 1rem;
  gap: 1rem;
}
#upload .type_switcher .upload_options a {
  font-weight: 400;
  display: flex;
  width: 100%;
  max-width: 25rem;
  padding: 0.1875rem 0.5rem;
  border: 0.0625rem solid var(--upload-inactive-option-border-color);
}
#upload .type_switcher .upload_options a.active {
  border: 0.0625rem solid var(--primary-btn-border-color);
  border-radius: 0.25rem;
}
#upload .top_details {
  margin: 0 auto;
}
#upload .top_details .title {
  display: flex;
  justify-content: center;
  padding: 1rem 0;
}
#upload .top_details .upload_wrapper {
  margin: 0 auto;
  max-width: 25rem;
  padding: 0.5rem;
  background-color: var(--textarea-bg-color);
  border-radius: 0.25rem;
}
#upload .top_details .upload_wrapper .upload_field {
  background-color: var(--textarea-bg-color);
  flex-grow: 1;
  display: flex;
  align-items: center;
}
#upload .top_details .upload_wrapper .upload_field input[type='file'] {
  display: none;
}
#upload .top_details .upload_wrapper .upload_field .file-selector-info {
  color: var(--upload-no-file-selected-text-color);
  font-size: 0.825rem;
  padding-left: 0.5rem;
}
#upload .top_details .error {
  text-align: center;
  color: var(--form-error-color);
  padding-top: 0.3125rem;
}
#upload .top_details .url_upload {
  display: none;
}
#upload .top_details .url_upload .form-field {
  height: 1.5rem;
}
#upload .top_details .url_upload #check_url_button {
  display: none;
}
#upload .form-container {
  display: none;
}
#upload .form-container .input_container_wrapper {
  display: flex;
  flex-direction: column;
}
#upload .form-container .input_container {
  display: flex;
  flex-direction: column;
  align-items: center;
}
#upload .form-container .input_gap {
  gap: 1rem;
}
#upload .form-container .input_group {
  max-width: 25rem;
  display: flex;
  flex-direction: column;
  width: 100%;
  align-items: center;
}
#upload .form-container .input_button {
  width: 100%;
  background-image: linear-gradient(var(--upload-button-gradient-color-start), var(--upload-button-gradient-color-end));
  color: var(--upload-button-text-color);
}
#upload .form-container .input_button .i_svg {
  color: var(--upload-button-text-color);
}
#upload .form-container .input_label {
  align-self: flex-start;
  margin-bottom: 0.5rem;
}
#upload .form-container .input_label_asterix {
  color: var(--upload-star-color);
}
#upload .form-container .text-info {
  align-self: flex-start;
  margin-top: 0.25rem;
  font-size: 0.625rem;
}
#upload .title_form {
  font-size: 0.625rem;
  margin: 0 auto;
  max-width: 25rem;
  padding-top: 0.25rem;
  padding-bottom: 0.375rem;
  color: var(--upload-major-storage-text-color);
}
#upload .input-select-option {
  font-size: 0.875rem;
  color: var(--upload-default-option);
}
#upload .progress_stats {
  padding-top: 0.25rem;
}
#upload .progress_stats span {
  display: inline-block;
  padding-top: 0.25rem;
  color: var(--upload-major-storage-text-color);
}
#upload .custom_url_input {
  border: none;
  background-color: var(--upload-progress-background-color);
  width: 100%;
  color: var(--upload-url-text-color);
  padding: 0.203125rem 0;
}
#upload input:-webkit-autofill,
#upload input:-webkit-autofill:focus {
  -webkit-transition: background-color 600000s 0s, color 600000s 0s;
  transition: background-color 600000s 0s, color 600000s 0s;
}
#upload input[data-autocompleted] {
  background-color: transparent !important;
}
#upload .upload_icon {
  font-weight: bold;
  font-size: 0.7rem;
}
#upload label.error {
  color: var(--form-error-color);
  font-size: 0.625rem;
  align-self: flex-start;
}
#upload input.error {
  border: 0.0625rem solid var(--form-error-color);
}
#upload .been_uploaded {
  color: var(--success-color);
  padding-top: 0.5rem;
  opacity: 0;
}
#upload .check-boxes {
  display: flex;
  width: 100%;
  gap: 0.5rem;
  flex-wrap: wrap;
}
#upload .check-boxes label {
  flex-basis: calc(50% - 0.25rem);
  font-size: 0.875rem;
  text-align: center;
}
#upload .check-boxes label input {
  display: none;
}
#upload .check-boxes label.is_selected {
  border-radius: 0.25rem;
  box-shadow: inset 0 0 0 0.0625rem var(--primary-btn-border-color);
}
#upload .radio-boxes {
  display: flex;
  width: 100%;
  gap: 0.5rem;
}
#upload .radio-boxes label {
  font-size: 0.875rem;
  text-align: center;
}
#upload .radio-boxes label input {
  display: none;
}
#upload .radio-boxes label.is_selected {
  border-radius: 0.25rem;
  box-shadow: inset 0 0 0 0.0625rem var(--primary-btn-border-color);
}
#upload .text-field {
  resize: none;
}
#upload .progress {
  position: relative;
  height: 2.5rem;
  background-color: var(--upload-progress-background-color);
  width: 100%;
  border-radius: 0.25rem;
}
#upload .progress .bar {
  background-color: var(--upload-progress-color);
  width: 0%;
  height: 2.5rem;
  border-radius: 0.25rem;
}
#upload .progress .percent {
  position: absolute;
  display: block;
  top: 0.625rem;
  font-size: 1.125rem;
  margin: 0 auto;
  width: 100%;
  text-align: center;
}
.magic_suggest_input .ms-ctn {
  border: none;
  background-color: var(--input-bg-color);
}
.magic_suggest_input .ms-ctn input {
  font-size: 1rem;
  margin: 0;
  padding: 0.03625rem 0.75rem;
}
.magic_suggest_input .ms-res-ctn {
  background-color: var(--upload-progress-background-color);
  border: 0.0625rem solid var(--upload-inactive-option-border-color);
  border-radius: 0.25rem;
}
.magic_suggest_input .ms-res-ctn .ms-res-item {
  color: var(--upload-suggestion-text-color);
  background-color: transparent;
}
.magic_suggest_input .ms-res-ctn .ms-res-item-active {
  background-color: var(--upload-suggestion-background-active);
  transition: color 0.3s ease-in-out, background-color 0.3s ease-in-out, opacity 0.3s ease-in-out, fill 0.3s ease-in-out, border-color 0.3s ease-in-out, transform 0.3s ease-in-out;
}
.magic_suggest_input .ms-res-ctn .ms-res-item-active em {
  color: var(--upload-suggestion-matched-word-active) !important;
}
.magic_suggest_input .ms-sel-ctn .ms-sel-item {
  border: none;
}
.magic_suggest_input .ms-sel-ctn .ms-sel-item:hover {
  border: none;
}
.magic_suggest_input .ms-ctn .ms-sel-item {
  background: var(--upload-suggestion-background);
  padding: 0.1875rem 0.5rem;
  border-radius: 0.25rem;
  border: none;
  margin-top: 0;
  margin: 0;
}
.magic_suggest_input .ms-ctn .ms-sel-item:hover {
  border: none;
}
.magic_suggest_input .ms-ctn-focus .ms-sel-item:hover {
  border: none;
}
.magic_suggest_input .ms-res-ctn .ms-res-item em {
  font-style: normal;
  color: var(--upload-suggestion-matched-word);
  background: none;
  transition: color 0.3s ease-in-out, background-color 0.3s ease-in-out, opacity 0.3s ease-in-out, fill 0.3s ease-in-out, border-color 0.3s ease-in-out, transform 0.3s ease-in-out;
}
.magic_suggest_input .ms-sel-ctn .ms-sel-item .ms-close-btn {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAOCAYAAADjXQYbAAAAAXNSR0IArs4c6QAAADhJREFUKFNjZGBgYHiZWv1ffHYrI4iNzGcEScAEQQqQ+WDVyALIClGMQpYAsfHrJMpOrK4dPl4BAE5JUy9F6DvxAAAAAElFTkSuQmCC);
}
.magic_suggest_input .ms-helper {
  bottom: -1.5rem;
}
html.desktop #upload .upload-title {
  text-align: center;
}
html.desktop #upload .type_switcher .upload_options {
  justify-content: center;
  flex-direction: row;
  gap: 1.5rem;
}
html.desktop #upload .type_switcher .upload_options a {
  max-width: 11.75rem;
}
html.desktop #upload .form-container {
  padding: 2rem;
}
html.desktop #upload .input_container .input_group {
  max-width: none;
}
html.desktop #upload .input_container.row_direction {
  flex-direction: row;
}
html.desktop #upload .input_container.row_direction .title {
  margin-bottom: 0.9375rem;
}
html.desktop #upload .input_container .radio-boxes {
  gap: 0.5rem;
}
html.desktop #upload .input_container .check-boxes {
  width: 100%;
  gap: 1rem;
  flex-wrap: wrap;
}
html.desktop #upload .input_container .check-boxes label {
  flex-basis: calc(20% - 0.8rem);
}
html.desktop #upload #upload_form_button {
  align-self: flex-start;
  width: 32%;
}
@media all and (min-width: 1280px) {
  html.desktop #upload .input_container .check-boxes label {
    flex-basis: calc(14.28571429% - 0.85714286rem);
  }
}
.messenger .inbox_card {
  width: 100%;
}
.messenger .inbox_card .avatar_container {
  max-width: 3.75rem;
  -ms-flex-shrink: 0;
  flex-shrink: 0;
}
.messenger .inbox_card .avatar_container img {
  -o-object-fit: cover;
     object-fit: cover;
  margin-right: 0;
}
.messenger .inbox_card .details {
  display: -ms-flex;
  display: flex;
  flex-direction: column;
  flex: 1;
  font-weight: 400;
  line-height: 1.25rem;
}
.messenger .inbox_card .details .top_section {
  display: -ms-flex;
  display: flex;
  -ms-align-items: center;
  align-items: center;
  -ms-align-self: flex-start;
  align-self: flex-start;
  width: 100%;
}
.messenger .inbox_card .details .top_section .name {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #e9657b;
  font-size: 0.875rem;
}
.messenger .inbox_card .details .top_section .date {
  margin-left: auto;
  -ms-flex-shrink: 0;
  flex-shrink: 0;
  font-size: 0.8125rem;
  color: #787f86;
}
.messenger .inbox_card .details .text {
  padding-right: 0.3125rem;
  line-break: anywhere;
  font-size: 0.8125rem;
  color: #787f86;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
}
.messenger .inbox_card .details .text.unread {
  color: #fff;
}
.messenger#message_page .conversation_header {
  display: none;
}
.messenger#message_page .message {
  padding: 0;
  display: -ms-flex;
  display: flex;
  flex-direction: row-reverse;
  text-align: right;
}
.messenger#message_page .message .avatar {
  -ms-align-self: center;
  align-self: center;
  width: 2rem;
  height: 2rem;
}
.messenger#message_page .message .message_content {
  display: -ms-flex;
  display: flex;
  flex-direction: column;
  -ms-flex-basis: fit-content;
  flex-basis: fit-content;
  max-width: 70%;
  font-weight: 400;
}
.messenger#message_page .message .message_content .name {
  font-size: 0.75rem;
  line-height: 1.125rem;
  color: #fff;
}
.messenger#message_page .message .message_content .message_text {
  background-color: #1e2a36;
  border-radius: 0.25rem;
  padding: 0.75rem;
  overflow-wrap: break-word;
}
.messenger#message_page .message .message_content .date {
  font-size: 0.6875rem;
  line-height: 0.875rem;
  color: #787f86;
}
.messenger#message_page .message.other {
  flex-direction: row;
  text-align: left;
}
.messenger#message_page .message.other .name {
  color: #e9657b;
}
.messenger#message_page .messagebar {
  display: -ms-flex;
  display: flex;
  flex-direction: row;
  position: fixed;
  bottom: 3rem;
  width: 100%;
  background-color: #11181f;
  padding: 1rem;
  height: auto;
  border-top: 0.0625rem solid #353f4a;
}
.messenger#message_page .messagebar textarea {
  -ms-align-items: center;
  align-items: center;
  font-size: 1rem;
  line-height: 1.25rem;
  font-weight: 400;
  border: none;
  height: 2rem;
  padding: 0;
}
html.desktop .messenger .inbox_title {
  display: flex;
  flex-direction: row;
  align-items: center;
}
html.desktop .messenger .inbox_title .broadcast_cta {
  margin-left: auto;
}
html.desktop .messenger.inbox {
  border-radius: 0.5rem;
}
html.desktop .messenger.inbox .details .top_section .name {
  color: var(--messenger-inbox-name-color);
}
html.desktop .messenger.inbox .details .middle_section {
  color: var(--messenger-inbox-text-color);
}
html.desktop .messenger.inbox .details .middle_section.read {
  color: var(--messenger-inbox-unread-text-color);
}
html.desktop .messenger#message_page {
  height: 100%;
  max-height: calc(100vh - 15.3125rem);
  overflow: hidden;
  display: flex;
  flex-direction: column;
}
html.desktop .messenger#message_page .conversation_header {
  display: flex;
  padding-bottom: 1rem;
  border-bottom: 0.0625rem solid var(--messenger-header-border-color);
  background-color: var(--messenger-conversation-header-bg-color);
}
html.desktop .messenger#message_page .conversation_header .recipient_name {
  font-weight: 700;
  line-height: 1.5rem;
  font-size: 1.125rem;
  align-self: center;
  color: var(--messenger-message-name-color);
}
html.desktop .messenger#message_page .conversation_header .message_actions {
  flex-direction: row;
  display: flex;
  margin-left: auto;
  gap: 0.5rem;
  white-space: nowrap;
}
html.desktop .messenger#message_page .conversation_header .message_actions .ft-button-bordered {
  max-width: 10.9375rem;
}
html.desktop .messenger#message_page .conversation_wrapper {
  height: 100%;
  overflow: scroll;
}
html.desktop .messenger#message_page .conversation_wrapper .conversation {
  position: relative;
  display: flex;
  flex-direction: column;
}
html.desktop .messenger#message_page .conversation_wrapper .conversation.main_content_container {
  padding: 0 0 1rem;
}
html.desktop .messenger#message_page .messagebar {
  position: static;
  background-color: var(--messenger-messagebar-background-color);
  padding: 0.5rem 1rem 0.5rem 1rem;
  border-radius: 0.5rem;
  border-top: none;
}
html.desktop .messenger#message_page .messagebar textarea {
  align-content: center;
  background-color: inherit;
  width: 100%;
  height: 100%;
  font-size: 0.875rem;
  color: var(--messenger-messagebar-text-color);
  resize: none;
}
html.desktop .message {
  max-width: 60%;
  font-weight: 400;
  font-size: 0.8125rem;
  line-height: 1.25rem;
}
html.desktop .message.you {
  margin-left: auto;
}
html.desktop .message.you .avatar {
  margin-left: 8px;
}
html.desktop .message.other .avatar {
  margin-right: 8px;
}
#search_v2.profile_page .i_svg {
  top: unset;
}
#search_v2.profile_page .top {
  margin-bottom: 1rem;
}
#search_v2.profile_page .top .p {
  display: flex;
  align-items: center;
}
#search_v2.profile_page .top .p .avatar {
  max-height: 3.5rem;
}
#search_v2.profile_page .top .p .info {
  overflow: hidden;
  padding: 0.25rem 0 0.25rem 0.5rem;
}
#search_v2.profile_page .top .p .info .details {
  display: flex;
  align-items: center;
  color: var(--profile-details-color);
  font-weight: 400;
  font-size: 0.75rem;
  line-height: 1rem;
}
#search_v2.profile_page .top .p .info .details span {
  margin-right: 0.5rem;
  text-transform: capitalize;
}
#search_v2.profile_page .top .p .info .details .divider {
  line-height: 0.75rem;
  border-right: 1px solid var(--profile-details-icon-color);
  padding-right: 0.5rem;
}
#search_v2.profile_page .top .p .info .details .flag {
  height: 1em;
  margin-right: 0.5rem;
  width: unset;
  border-radius: 0;
}
#search_v2.profile_page .top .p .info .profile_name {
  padding: 0.25rem 0;
  overflow: hidden;
  text-overflow: ellipsis;
  font-weight: 700;
  font-size: 1.125rem;
  line-height: 1.5rem;
  color: var(--profile-text-color);
}
#search_v2.profile_page .top .i {
  display: flex;
  justify-content: space-between;
  gap: 1rem;
  margin-top: 1rem;
}
#search_v2.profile_page .top .i .ft-button-bordered,
#search_v2.profile_page .top .i .ft-button {
  flex-grow: 1;
  flex-basis: 0;
}
#search_v2.profile_page .top .i .ft-button-bordered svg,
#search_v2.profile_page .top .i .ft-button svg {
  vertical-align: text-bottom;
}
#search_v2.profile_page .top .i .ft-button-bordered svg {
  fill: var(--profile-contrast-text-color);
}
#search_v2.profile_page nav.top {
  margin-left: -1rem;
  margin-right: -1rem;
  text-transform: uppercase;
  text-align: center;
  display: flex;
  flex-direction: row;
  align-items: stretch;
  align-content: stretch;
  overflow-x: scroll;
  overflow-y: hidden;
  width: auto;
  white-space: nowrap;
}
#search_v2.profile_page nav.top a {
  text-transform: capitalize;
  padding: 0.25rem 0;
  margin-right: 1.5rem;
  color: var(--profile-text-color);
  flex-grow: 1;
  flex-basis: 0;
  font-size: 1rem;
  line-height: 1.5rem;
  text-align: left;
}
#search_v2.profile_page nav.top a:first-child {
  margin-left: 1rem;
}
#search_v2.profile_page nav.top a:last-child {
  margin-right: 1rem;
}
#search_v2.profile_page nav.top a.active {
  border-bottom: 0.125rem solid var(--profile-contrast-color);
}
#search_v2.profile_page nav.top a.empty {
  opacity: 0.2;
}
#search_v2.profile_page nav.top a span {
  color: var(--profile-contrast-text-color);
  display: block;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.5rem;
}
#search_v2.profile_page .data .nav_quick_top .filter {
  margin: 0.5rem 0;
}
#search_v2.profile_page .data .gap {
  height: 1.5rem;
}
#search_v2.profile_page .data h2 {
  line-height: normal;
  height: auto;
  padding: 0;
  margin: 0 0 1rem;
}
#search_v2.profile_page .data h2 .more {
  margin-left: auto;
}
#search_v2.profile_page .data h2 .more svg {
  width: 0.7rem;
}
#search_v2.profile_page .data h2 a {
  color: var(--profile-text-color);
}
#search_v2.profile_page .data .comment_list {
  display: flex;
  flex-wrap: wrap;
  overflow: hidden;
  gap: 0.5rem;
}
#search_v2.profile_page .data .comment_list a {
  flex-basis: calc(33.33333333% - 0.33333333rem);
  display: block;
  background-color: var(--profile-content-bg-color);
  height: 5.125rem;
  padding: 0.5rem;
  color: var(--profile-text-color);
  overflow: hidden;
  border-radius: 0.25rem;
}
#search_v2.profile_page .data .comment_list a span {
  color: var(--profile-contrast-text-color);
  display: block;
  font-weight: 700;
  font-size: 0.625rem;
  line-height: 1rem;
}
#search_v2.profile_page .data .comment_list a p {
  font-weight: 400;
  font-size: 0.6875rem;
  line-height: 1rem;
}
#search_v2.profile_page .data .comment_list a img {
  width: 1.125rem;
}
#search_v2.profile_page .data .main_content_title a {
  display: flex;
  align-items: center;
}
#search_v2.profile_page .data .subscribers_list {
  overflow: hidden;
  display: flex;
  flex-wrap: wrap;
  gap: 0.25rem;
}
#search_v2.profile_page .data .subscribers_list a {
  flex-basis: calc(25% - 0.1875rem);
  padding: 0 0.75rem;
  height: 6.125rem;
  overflow: hidden;
  text-align: center;
}
#search_v2.profile_page .data .subscribers_list a span {
  color: var(--profile-contrast-text-color);
  display: block;
  line-height: 1.25rem;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 0.875rem;
}
#search_v2.profile_page .data .subscribers_list a span.d {
  font-size: 0.75rem;
  line-height: 1.125rem;
  color: var(--profile-details-color);
}
#search_v2.profile_page .data .subscribers_list a img {
  max-width: 3.5rem;
  max-height: 3.5rem;
  border-radius: 3.5rem;
}
#search_v2.profile_page .data .channels_list {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  overflow: hidden;
}
#search_v2.profile_page .data .channels_list a {
  flex-basis: calc(25% - 0.375rem);
  text-align: center;
  border-right: 0.25rem;
}
#search_v2.profile_page .data .channels_list a span {
  color: var(--profile-contrast-text-color);
  font-size: 0.75rem;
  line-height: 1.25rem;
  display: block;
}
#search_v2.profile_page .data .channels_list a img {
  width: 5rem;
  border-radius: 0.25rem;
  border-right: 0.25rem;
}
#search_v2.profile_page .data .similar {
  height: auto;
  overflow-x: scroll;
  overflow-y: hidden;
  width: auto;
  white-space: nowrap;
  text-transform: capitalize;
  padding-bottom: 0.25rem;
}
#search_v2.profile_page .data .similar a.image {
  display: inline-block;
  text-align: center;
  color: #aaa;
  font-size: 0.8em;
  vertical-align: middle;
  overflow: hidden;
  width: 5rem;
}
#search_v2.profile_page .data .similar a.image img {
  border-radius: 0.25rem;
  display: block;
  margin-bottom: 0.25rem;
  background-color: #080b0e;
  width: 90%;
}
#search_v2.profile_page .data .achievements {
  padding-top: 0.5rem;
}
#search_v2.profile_page .data .achievements .achievements_list {
  margin-top: 1rem;
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
}
#search_v2.profile_page .data .achievements .achievement {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  flex-basis: 100%;
}
#search_v2.profile_page .data .achievements .achievement .details {
  display: flex;
  color: var(--profile-details-color);
}
#search_v2.profile_page .data .achievements .achievement .details span {
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.5rem;
}
#search_v2.profile_page .data .achievements .achievement .details .l {
  border-right: 1px solid var(--profile-details-icon-color);
  padding-right: 0.75rem;
  margin-right: 0.75rem;
}
#search_v2.profile_page .data .achievements .achievement .details .m {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
#search_v2.profile_page .data .achievements .achievement .description {
  color: var(--profile-text-color);
  font-size: 1rem;
  line-height: 1.5rem;
}
#search_v2.profile_page .data .achievements .achievement .progress {
  --progress-height: 2.5rem;
  height: var(--progress-height);
  line-height: var(--progress-height);
  position: relative;
  text-align: center;
  background-color: var(--profile-secondary-bg-color);
  border-radius: 0.25rem;
}
#search_v2.profile_page .data .achievements .achievement .progress span {
  z-index: 1;
  position: relative;
}
#search_v2.profile_page .data .achievements .achievement .progress .inner {
  position: absolute;
  height: var(--progress-height);
  left: 0;
  top: 0;
  background-color: var(--profile-contrast-color);
  border-radius: 0.25rem;
  z-index: 0;
}
#search_v2.profile_page .data .achievements .achievement .stats div {
  line-height: 1.25rem;
}
#search_v2.profile_page .data .achievements .achievement .stats .points {
  color: var(--profile-text-color);
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 400;
}
#search_v2.profile_page .data .achievements .achievement .stats .points strong {
  font-weight: 700;
}
#search_v2.profile_page .data .achievements .achievement .stats .next_level {
  color: var(--profile-details-color);
  font-size: 0.875rem;
  line-height: 1.25rem;
}
#search_v2.profile_page .data .empty_feed {
  padding: 1.25rem;
  text-align: center;
  font-size: 1.5em;
}
#profile_main h2 {
  padding: 1.875rem 0.3125rem 0.625rem 0.3125rem;
}
#profile_main .profiles {
  clear: both;
  overflow: hidden;
}
#profile_main .profiles a.as {
  display: inline-block;
  color: #ddd;
  font-size: 0.9em;
  padding: 3px 10px 3px 1px;
  background-color: #080b0e;
  margin: 2px;
  border-radius: 5px;
  width: 13.6%;
}
#profile_main .profiles a.as img {
  display: inline-block;
  width: 40px;
  height: 40px;
  border-radius: 5px;
  vertical-align: middle;
  background-color: #2c3e50;
}
#profile_main .profiles a.as:hover {
  background-color: #60140c;
}
html.desktop #search_v2.profile_page .top {
  display: flex;
  gap: 1rem;
  align-items: center;
  justify-content: space-between;
}
html.desktop #search_v2.profile_page .top .p,
html.desktop #search_v2.profile_page .top .i {
  flex-basis: calc(50% - 0.5rem);
}
html.desktop #search_v2.profile_page .top .i {
  margin-top: 0;
}
html.desktop #search_v2.profile_page nav.top a {
  text-align: center;
}
html.desktop #search_v2.profile_page .data .subscribers_list {
  gap: 0.5rem;
}
html.desktop #search_v2.profile_page .data .subscribers_list a {
  flex-basis: calc(20% - 0.4rem);
}
html.desktop #search_v2.profile_page .data h2 .icon svg {
  fill: var(--profile-icon-color);
}
html.desktop #search_v2.profile_page .data .comment_list a {
  flex-basis: calc(50% - 0.25rem);
  padding: 1rem;
}
html.desktop #search_v2.profile_page .data .comment_list a span,
html.desktop #search_v2.profile_page .data .comment_list a p {
  font-size: 0.875rem;
}
html.desktop #search_v2.profile_page .data .comment_list a span {
  line-height: 1rem;
}
html.desktop #search_v2.profile_page .data .comment_list a p {
  line-height: 1.25rem;
}
html.desktop #search_v2.profile_page .data .channels_list a {
  flex-basis: calc(20% - 0.4rem);
}
html.desktop #search_v2.profile_page .data .channels_list a img {
  width: 100%;
}
html.desktop #search_v2.profile_page .data .achievements .achievements_list {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
}
html.desktop #search_v2.profile_page .data .achievements .achievement {
  flex-basis: calc(50% - 0.25rem);
  margin-top: 0;
}
@media all and (min-width: 1280px) {
  html.desktop #search_v2.profile_page .data .comment_list a {
    flex-basis: calc(20% - 0.4rem);
  }
  html.desktop #search_v2.profile_page .data .subscribers_list a {
    flex-basis: calc(10% - 0.45rem);
  }
  html.desktop #search_v2.profile_page .data .channels_list a {
    flex-basis: calc(8.33333333% - 0.45833333rem);
  }
  html.desktop #search_v2.profile_page .data .achievements .achievement {
    flex-basis: calc(25% - 0.375rem);
  }
}
#creator {
  overflow: hidden;
}
#creator .create_account .top .links,
#creator .create_creator .top .links {
  display: flex;
  flex-wrap: wrap;
}
#creator .create_account .form,
#creator .edit_ads .form {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
}
#creator .create_account .form li,
#creator .edit_ads .form li {
  flex-basis: 100%;
}
#creator .create_account .form li.d,
#creator .edit_ads .form li.d {
  font-size: 0.875rem;
}
#creator .create_account .form li.hr,
#creator .edit_ads .form li.hr {
  background-color: var(--user-panel-separator-color);
  height: 1px;
  width: 100%;
  margin: 1rem 0;
}
#creator .create_account .form .description textarea {
  height: 5rem;
}
#creator .create_account .form .submit .ft-button {
  width: 100%;
}
#creator .create_account .form .error {
  color: var(--error-color);
}
#creator .create_account .title_section .main_content_subtitle {
  padding: 0;
  font-size: 1.125rem;
  line-height: 1.5rem;
  color: var(--creator-main-content-subtitle-color);
}
#creator .create_account .title_section .checkbox_list {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  margin-top: 0.5rem;
}
#creator .create_account .title_section .checkbox_list li {
  display: flex;
  flex-basis: 25%;
  flex-direction: row;
  gap: 0.5rem;
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 1.25rem;
}
#creator .create_account .title_section .checkbox_list li .i_svg {
  color: var(--title-icon-color);
  flex-shrink: 0;
  align-self: center;
  margin-top: -0.25rem;
  width: 1.25rem;
  height: 1.25rem;
}
#creator .create_account .identity_section {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
#creator .create_account .identity_section .identify_text {
  color: var(--textarea-color);
  font-size: 0.875rem;
}
#creator .create_account .identity_section .identify_subtext {
  color: var(--creator-identify_subtext-color);
}
#creator .create_account .identity_section span {
  font-size: 0.875rem;
  line-height: 1.25rem;
}
#creator .create_account .identity_section h2,
#creator .create_account .identity_section h3 {
  padding: 0;
  font-weight: 700;
  line-height: 1.5rem;
  color: var(--text-color);
}
#creator .create_account .identity_section h2 {
  font-size: 1rem;
  display: flex;
  align-items: center;
}
#creator .create_account .identity_section h2 .i_svg {
  margin-right: 0.5rem;
  color: var(--creator-icon-color);
  width: 1.5rem;
  height: 1.5rem;
  top: 0;
  padding: 0.125rem;
}
#creator .create_account .identity_section h3 {
  font-size: 0.875rem;
}
#creator .create_account .identity_section ul {
  padding: 0 1rem;
  gap: 0.5rem;
  display: flex;
  flex-direction: column;
  font-size: 0.875rem;
}
#creator .create_account .identity_section ul li {
  padding: 0;
  list-style: disc;
}
#creator .create_account .links {
  display: flex;
  gap: 0.5rem;
  margin-top: 0.5rem;
}
#creator .create_account .links a {
  flex-grow: 1;
}
#creator .create_account form a {
  color: var(--creator-link-color);
}
#creator .create_account form textarea {
  resize: vertical;
}
#creator .create_account form .banned_countries select {
  padding: 0.5rem;
  border-radius: 0.25rem;
  border: none;
  background-color: var(--country-ban-bg-color);
  color: var(--country-ban-text-color);
}
#creator .create_account form .banned_countries label {
  margin-bottom: 0.5rem;
}
#creator .create_account form li.s button {
  width: 100%;
}
#creator .create_account .ms-ctn {
  border: none;
  background-color: var(--input-bg-color);
  padding: 0.625rem 0.75rem 0.625rem 1.25rem;
  border-radius: 0.25rem;
}
#creator .create_account .ms-sel-ctn {
  display: flex;
  align-items: center;
}
#creator .create_account .ms-sel-item {
  padding: 0.25rem 0.5rem;
  background: var(--tag-bg-color);
  display: flex;
  align-items: center;
}
#creator .create_account .ms-res-item,
#creator .create_account .ms-sel-item {
  color: var(--textarea-color);
}
#creator .create_account .ms-res-ctn {
  border: none;
}
#creator .create_account .ms-close-btn {
  width: 0.875rem;
  height: 0.875rem;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='%23E9657B'%3E%3Cpath  d='M17.85 16.44a.5.5 0 0 1 0 .71l-.7.7a.5.5 0 0 1-.71 0L12 13.41l-4.44 4.44a.5.5 0 0 1-.71 0l-.7-.7a.5.5 0 0 1 0-.71L10.59 12 6.15 7.56a.5.5 0 0 1 0-.71l.7-.7a.5.5 0 0 1 .71 0L12 10.59l4.44-4.44a.5.5 0 0 1 .71 0l.7.7a.5.5 0 0 1 0 .71L13.41 12l4.44 4.44Z'/%3E%3C/svg%3E");
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  margin: 0 0 0 0.125rem;
}
#creator .create_channel .next {
  padding: 0.625rem;
  background-color: #080b0e;
  border-radius: 0.3125rem;
  text-align: center;
  margin: 0.3125rem;
}
#creator .create_channel .next a {
  display: inline-block;
  width: 15.625rem;
  height: 6.25rem;
  line-height: 6.25rem;
  background-color: #60140c;
  color: #fff;
  text-align: center;
  font-size: 1.5em;
  border-radius: 0.625rem;
  margin: 0.3125rem;
}
#creator .create_creator .creators-list {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
}
#creator .create_creator .creators-list a {
  flex-basis: calc(50% - 0.5rem);
}
html.desktop #creator .create_account .content-highlight-wrapper,
html.desktop #creator .create_creator .content-highlight-wrapper,
html.desktop #creator .edit_ads .content-highlight-wrapper {
  padding: 2.5rem;
}
html.desktop #creator .create_account .title_section {
  margin-bottom: 1.5rem;
  padding: 0 20%;
  display: flex;
  flex-direction: column;
  align-items: center;
}
html.desktop #creator .create_account .title_section .checkbox_list {
  flex-direction: row;
  margin-top: 1.5rem;
}
html.desktop #creator .create_account .title_section .checkbox_list li {
  display: flex;
  flex-direction: column;
  text-align: center;
}
html.desktop #creator .create_account .title_section .checkbox_list li .i_svg {
  margin-top: 0rem;
}
html.desktop #creator .create_account .title_section h1 {
  align-self: center;
}
html.desktop #creator .create_account .form {
  width: 37.5rem;
  margin: 0 auto;
}
html.desktop #creator .create_account .form li.name,
html.desktop #creator .create_account .form li.email,
html.desktop #creator .create_account .form li.password,
html.desktop #creator .create_account .form li.country,
html.desktop #creator .create_account .form li.birth_date {
  flex-basis: calc(50% - 0.5rem);
}
html.desktop #creator .create_account .form li.birth_date {
  flex-basis: calc(33.33% - 0.5rem);
}
html.desktop #creator .create_account .form li.s {
  flex-basis: auto;
}
html.desktop #creator .create_account .identity_section {
  margin-top: 0.5rem;
  padding: 1.5rem;
  border: 1px solid var(--creator-page-border-color);
  border-radius: 0.5rem;
}
html.desktop #creator .edit_ads .form li.link,
html.desktop #creator .edit_ads .form li.channel-page-ad {
  flex-basis: calc(50% - 0.5rem);
}
html.desktop #creator .edit_ads .form li.video-player-ad {
  flex-basis: calc(33.33333333% - 0.66666667rem);
}
html.desktop #creator .create_creator .creators-list a {
  flex-basis: calc(33.33333333% - 0.66666667rem);
}
html.desktop #browse_new.creator_page ul.top .i .follow {
  width: 100%;
  padding: 6px;
  font-size: 1em;
  border: 1px solid #60140c;
  margin-top: 10px;
}
html.desktop #browse_new.creator_page ul.top .i .follow svg {
  margin-right: 0.25rem;
}
html.desktop #browse_new.creator_page ul.top .i .follow em {
  font-style: normal;
  color: #f08e84;
  -moz-opacity: 0.7;
  -khtml-opacity: 0.7;
  -webkit-opacity: 0.7;
  opacity: 0.7;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=70);
  filter: alpha(opacity=70);
}
@media all and (min-width: 1280px) {
  html.desktop #creator .create_account .top,
  html.desktop #creator .create_creator .top {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  html.desktop #creator .create_account .top .links,
  html.desktop #creator .create_creator .top .links {
    margin-top: 0;
  }
  html.desktop #creator .create_creator .creators-list a {
    flex-basis: calc(25% - 0.75rem);
  }
}
.tos_container a {
  text-decoration: none;
}
.tos_container ul {
  list-style: unset;
  margin: 1rem 0 1rem 0;
}
.tos_container ul li {
  margin-left: 2.298rem;
  padding-left: 0.7rem;
}
.tos_container ol {
  margin: 1rem 0 1rem 0;
}
.tos_container ol li {
  margin-left: 2.6125rem;
  padding-left: 0.3875rem;
}
.empty_search .empty-content h3 {
  font-size: 1rem;
}
.empty_search .empty-content h3 span {
  color: var(--filter-item-color);
}
html.desktop .empty_search .empty-content {
  padding: 1.5rem;
}
html.desktop .empty_search .empty-content h3 {
  font-size: 1.125rem;
}
@media all and (min-width: 1280px) {
  html.desktop .empty_search .empty-content {
    padding: 3.5rem;
  }
}
.suggested_keywords .keywords-wrapper {
  margin-top: 1rem;
  flex-wrap: wrap;
}
.creator_reg_container h4 {
  color: var(--form-auth-title-text-color);
  display: flex;
  flex-direction: row;
  gap: 0.5rem;
  justify-content: center;
  align-items: center;
  font-size: 1.125rem;
  line-height: 1.5rem;
  font-weight: 700;
  padding: 0;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
}
.creator_reg_container h5 {
  font-size: 0.8rem;
  font-weight: 400;
  line-height: 1.25rem;
  padding: 0;
  color: var(--form-auth-subtitle-text-color);
}
.authentication_container .grecaptcha-badge {
  position: relative !important;
  display: block;
  margin: 1rem auto 0.5rem auto;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
}
.htmx-display-indicator {
  display: none;
}
.htmx-request.htmx-display-indicator {
  display: flex;
}
#video_container #main_video_player .vjs-loading-spinner {
  border: 0.5rem solid var(--video-spinner-base-color);
  border-top: 0.5rem solid var(--video-spinner-color);
  border-radius: 50%;
  width: 3rem;
  height: 3rem;
  animation: video-spinner-spin 1s linear infinite;
  opacity: 1;
  visibility: visible;
  top: 45%;
}
#video_container #main_video_player .vjs-loading-spinner:before,
#video_container #main_video_player .vjs-loading-spinner:after {
  display: none;
}
#video_container #main_video_player.vjs-fullscreen .vjs-loading-spinner {
  top: 50%;
}
@keyframes video-spinner-spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
html.desktop #video_container #main_video_player .vjs-loading-spinner {
  top: 50%;
}
.play_cover .loading-spinner {
  border: 0.5rem solid var(--video-spinner-base-color);
  border-top: 0.5rem solid var(--video-spinner-color);
  border-radius: 50%;
  width: 3rem;
  height: 3rem;
  animation: video-spinner-spin 1s linear infinite;
  opacity: 1;
  visibility: visible;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  display: none;
  z-index: 10;
}
.play_cover.loading .i-play {
  opacity: 0;
}
.play_cover.loading .loading-spinner {
  display: block;
}
body,
textarea {
  font-family: Arial, 'sans-serif';
}
a {
  color: var(--link-color);
}
@supports (-moz-appearance: none) {
  input:focus {
    outline: none;
  }
}
.main_content_container {
  padding: 0 1rem;
}
.main_content_title {
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 1.5rem;
  color: var(--title-color);
  padding: 0;
}
.main_content_title.with-extra-contents {
  display: -ms-flex;
  display: flex;
  -ms-align-items: center;
  align-items: center;
  gap: 0.5rem;
}
.main_content_title.with-extra-contents .icon,
.main_content_title.with-extra-contents .edition,
.main_content_title.with-extra-contents .content-right {
  display: -ms-flex;
  display: flex;
  -ms-flex-shrink: 0;
  flex-shrink: 0;
  -ms-justify-content: center;
  justify-content: center;
  -ms-align-items: center;
  align-items: center;
}
.main_content_title.with-extra-contents .icon {
  width: 1.5rem;
  height: 1.5rem;
}
.main_content_title.with-extra-contents .icon .i_svg {
  fill: var(--title-icon-color);
  height: 1.5rem;
  top: 0;
}
.main_content_title.with-extra-contents .content-right {
  margin-left: auto;
  margin-right: 0;
}
.main_content_title.with-extra-contents .edition img {
  max-height: 1rem;
  border-radius: 0.1875rem;
}
.main_content_title.with-extra-contents .sub_text {
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 1.25rem;
  color: #787f86;
}
.snip {
  display: block;
  font-size: 0.75rem;
  line-height: 1.25rem;
  color: var(--snip-color);
}
.snip em {
  color: var(--snip-highlight-color);
  font-style: normal;
  font-weight: 700;
}
.fake-radio,
.new-form-holder .form-field-wrapper .fake-radio {
  cursor: pointer;
  padding: 0.5rem 1rem;
  background-color: var(--radio-item-bg-color);
  color: var(--radio-item-color);
  font-size: 0.875rem;
  line-height: 1.25rem;
  border: 0.0625rem solid var(--radio-item-bg-color);
  display: block;
  text-align: left;
  border-radius: 0.25rem;
  transition: color 0.3s ease-in-out, background-color 0.3s ease-in-out, opacity 0.3s ease-in-out, fill 0.3s ease-in-out, border-color 0.3s ease-in-out, transform 0.3s ease-in-out;
}
.fake-radio.fake-radio:not(.active):hover,
.new-form-holder .form-field-wrapper .fake-radio.fake-radio:not(.active):hover {
  color: var(--radio-hover-item-text-color);
}
.fake-radio.active,
.new-form-holder .form-field-wrapper .fake-radio.active {
  border-color: var(--radio-active-item-border-color);
}
.fake-radio.active:before,
.new-form-holder .form-field-wrapper .fake-radio.active:before {
  border-color: var(--radio-active-item-dot-border-color);
  background-color: var(--radio-active-item-dot-bg-color);
}
.fake-radio:before,
.new-form-holder .form-field-wrapper .fake-radio:before {
  width: 0.75rem;
  height: 0.75rem;
  display: inline-block;
  margin-right: 1rem;
  border: 0.0625rem solid var(--radio-item-dot-border-color);
  content: '';
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  vertical-align: middle;
  border-radius: 100%;
}
.fake-radio,
.new-form-holder .form-field-wrapper .fake-radio {
  cursor: pointer;
  padding: 0.5rem 1rem;
  background-color: var(--radio-item-bg-color);
  color: var(--radio-item-color);
  font-size: 0.875rem;
  line-height: 1.25rem;
  border: 0.0625rem solid var(--radio-item-bg-color);
  display: block;
  text-align: left;
  border-radius: 0.25rem;
  transition: color 0.3s ease-in-out, background-color 0.3s ease-in-out, opacity 0.3s ease-in-out, fill 0.3s ease-in-out, border-color 0.3s ease-in-out, transform 0.3s ease-in-out;
}
.fake-radio.custom-radio:has(:not(input:checked):hover),
.new-form-holder .form-field-wrapper .fake-radio.custom-radio:has(:not(input:checked):hover) {
  color: var(--radio-hover-item-text-color);
}
.fake-radio:has(input:checked),
.new-form-holder .form-field-wrapper .fake-radio:has(input:checked) {
  border-color: var(--radio-active-item-border-color);
}
.fake-radio:has(input:checked) input,
.new-form-holder .form-field-wrapper .fake-radio:has(input:checked) input {
  border-color: var(--radio-active-item-dot-border-color);
  background-color: var(--radio-active-item-dot-bg-color);
}
.fake-radio input,
.new-form-holder .form-field-wrapper .fake-radio input {
  width: 0.75rem;
  height: 0.75rem;
  display: inline-block;
  margin-right: 1rem;
  border: 0.0625rem solid var(--radio-item-dot-border-color);
  content: '';
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  vertical-align: middle;
  border-radius: 100%;
}
.fake-radio label,
.new-form-holder .form-field-wrapper .fake-radio label {
  font: inherit;
  color: inherit;
  line-height: inherit;
  display: inline-block;
}
.custom-radio,
.new-form-holder .form-field-wrapper .custom-radio {
  cursor: pointer;
  padding: 0.5rem 1rem;
  background-color: var(--radio-item-bg-color);
  color: var(--radio-item-color);
  font-size: 0.875rem;
  line-height: 1.25rem;
  border: 0.0625rem solid var(--radio-item-bg-color);
  display: block;
  text-align: left;
  border-radius: 0.25rem;
  transition: color 0.3s ease-in-out, background-color 0.3s ease-in-out, opacity 0.3s ease-in-out, fill 0.3s ease-in-out, border-color 0.3s ease-in-out, transform 0.3s ease-in-out;
}
.custom-radio.custom-radio:has(:not(input:checked):hover),
.new-form-holder .form-field-wrapper .custom-radio.custom-radio:has(:not(input:checked):hover) {
  color: var(--radio-hover-item-text-color);
}
.custom-radio:has(input:checked),
.new-form-holder .form-field-wrapper .custom-radio:has(input:checked) {
  border-color: var(--radio-active-item-border-color);
}
.custom-radio:has(input:checked) input,
.new-form-holder .form-field-wrapper .custom-radio:has(input:checked) input {
  border-color: var(--radio-active-item-dot-border-color);
  background-color: var(--radio-active-item-dot-bg-color);
}
.custom-radio input,
.new-form-holder .form-field-wrapper .custom-radio input {
  width: 0.75rem;
  height: 0.75rem;
  display: inline-block;
  margin-right: 1rem;
  border: 0.0625rem solid var(--radio-item-dot-border-color);
  content: '';
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  vertical-align: middle;
  border-radius: 100%;
}
.custom-radio label,
.new-form-holder .form-field-wrapper .custom-radio label {
  font: inherit;
  color: inherit;
  line-height: inherit;
  display: inline-block;
}
.custom-checkbox {
  display: flex;
  gap: 0.5rem;
}
.custom-checkbox .checkbox-field {
  width: 1.5rem;
  height: 1.5rem;
  border: 0.0625rem solid var(--checkbox-border-color);
  background-color: var(--checkbox-background-color);
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border-radius: 0.25rem;
  flex-shrink: 0;
}
.custom-checkbox .checkbox-field:checked {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 15 11"><path fill="%2385D400" d="M14.2079 2.04167 5.37455 10.875c-.07824.0789-.18473.1233-.29583.1233-.1111 0-.2176-.0444-.29584-.1233L.291218 6.38334a.416688.416688 0 0 1-.123249-.29584c0-.1111.044369-.21759.123249-.29583l.583333-.58333a.416674.416674 0 0 1 .295829-.12325c.1111 0 .2176.04437.29584.12325l3.60833 3.60833L13.0329.858337c.1648-.15982.4268-.15982.5917 0l.5833.591663c.0789.07824.1232.18474.1232.29584s-.0443.21759-.1232.29583Z"/></svg>');
  background-repeat: no-repeat;
  background-position: center;
  background-size: 1.25rem;
}
.custom-checkbox .checkbox-field + span {
  line-height: 1.5rem;
  font-size: 0.875rem;
  display: block;
}
#language_list {
  display: -ms-flex;
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
}
#language_list a {
  -ms-flex-basis: calc(50% - 0.25rem);
  flex-basis: calc(50% - 0.25rem);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
#gender_list > :not([hidden]) ~ :not([hidden]) {
  margin-top: 0.25rem;
}
.grid-layout-change-wrapper {
  display: flex;
  align-items: center;
}
.grid-layout-change-wrapper .grid-layout-change {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 1.5rem;
  height: 1.5rem;
}
.grid-layout-change-wrapper .grid-layout-change.active {
  display: none;
}
.grid-layout-change-wrapper .grid-layout-change .i_svg {
  fill: var(--text-color);
  width: 1.5rem;
  height: 1.5rem;
  top: 0;
}
.checkmark-container {
  display: flex;
  position: relative;
  padding-left: 2.5rem;
  cursor: pointer;
  font-size: 0.825rem;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  height: 1.5rem;
  align-items: center;
}
.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 1.5rem;
  width: 1.5rem;
  background-color: transparent;
  border: 1px solid var(--subscriptions-text-contrast-color);
  border-radius: 0.25rem;
}
.setting_sub {
  color: var(--subscriptions-text-color);
  font-size: 0.875rem;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  margin-bottom: 1rem;
}
.setting_sub label {
  width: 100%;
  display: flex;
}
.setting_sub .checkmark-container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
.setting_sub .checkmark:after {
  content: '';
  position: absolute;
  display: none;
}
.setting_sub .checkmark-container input:checked ~ .checkmark:after {
  display: block;
}
.setting_sub .checkmark-container .checkmark:after {
  left: 0.5625rem;
  top: 0.3125rem;
  width: 0.3125rem;
  height: 0.625rem;
  border: solid var(--subscriptions-text-contrast-color);
  border-width: 0 1px 1px 0;
  transform: rotate(45deg);
}
.closing-sub {
  display: flex;
  align-items: center;
}
.closing-sub .chevron-right {
  padding-top: 1px;
}
.closing-sub .checkmark:before {
  content: '';
  position: absolute;
  display: block;
  left: 0.625rem;
  top: 0.25rem;
  width: 0.25rem;
  height: 0.75rem;
  border: solid var(--subscriptions-text-contrast-color);
  border-width: 0 1px 0 0;
  transform: rotate(135deg);
}
.closing-sub .checkmark:after {
  content: '';
  position: absolute;
  display: block;
  left: 0.5rem;
  top: 0.25rem;
  width: 0.25rem;
  height: 0.75rem;
  border: solid var(--subscriptions-text-contrast-color);
  border-width: 0 1px 0 0;
  transform: rotate(45deg);
}
.content-highlight-wrapper {
  border-radius: 0.5rem;
  padding: 1rem;
  background-color: var(--content-highlight-bg-color);
  color: var(--content-highlight-color);
}
.empty-content {
  text-align: center;
}
.empty-content > :not([hidden]) ~ :not([hidden]) {
  margin-top: 0.5rem;
}
.empty-content .icon {
  width: 3.5rem;
  height: 3.5rem;
  margin-left: auto;
  margin-right: auto;
  color: var(--empty-content-icon-color);
}
.empty-content .icon .i_svg {
  width: 100%;
  height: 100%;
  top: 0;
}
.empty-content h3 {
  line-height: 1.25rem;
  font-size: 0.875rem;
  font-weight: 700;
  padding: 0;
  color: inherit;
}
.empty-content p {
  font-size: 14px;
  line-height: 1.25rem;
}
#popout_menu {
  position: absolute;
  z-index: 999;
  background-color: var(--popout-menu-bg-color);
  display: none;
  border-radius: 0.5rem;
}
#popout_menu span {
  display: -ms-flex;
  display: flex;
  -ms-align-items: center;
  align-items: center;
  padding: 0.5rem 0.75rem;
  cursor: pointer;
  color: var(--popout-menu-color);
  font-size: 0.875rem;
  line-height: 1.25rem;
  gap: 0.5rem;
}
#popout_menu span.pls {
  border: 1px solid rgba(var(--popout-menu-divider-color-rgb), 0.4);
  border-left: 0;
  border-right: 0;
}
#popout_menu span svg {
  fill: var(--popout-menu-icon-color);
  top: 0;
  display: block;
  font-size: 1rem;
}
#error_page {
  margin: 1.5rem 0;
  text-align: center;
}
#error_page h1 {
  font-size: 1rem;
  line-height: 1.5rem;
  height: auto;
  font-weight: 400;
  color: var(--text-color);
  padding: 0;
}
#error_page .ft-button {
  margin-top: 1rem;
  display: inline-block;
}
#error_page .i_svg {
  width: 8.1875rem;
  height: 3.1875rem;
}
.content-highlight-wrapper {
  border-radius: 0.5rem;
  padding: 1rem;
  background-color: var(--content-highlight-bg-color);
  color: var(--content-highlight-color);
}
.empty-content {
  text-align: center;
}
.empty-content > :not([hidden]) ~ :not([hidden]) {
  margin-top: 0.5rem;
}
.empty-content .icon {
  width: 3.5rem;
  height: 3.5rem;
  margin-left: auto;
  margin-right: auto;
  color: var(--empty-content-icon-color);
}
.empty-content .icon .i_svg {
  width: 100%;
  height: 100%;
  top: 0;
}
.empty-content h3 {
  line-height: 1.25rem;
  font-size: 0.875rem;
  font-weight: 700;
  padding: 0;
  color: inherit;
}
.empty-content p {
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.notifications-wrapper {
  position: fixed;
  max-width: 25rem;
  top: 6.625rem;
  left: 1rem;
  right: 1rem;
  margin: 0 auto;
  z-index: 999;
}
.notifications-wrapper > :not([hidden]) ~ :not([hidden]) {
  margin-top: 0.5rem;
}
.notifications-wrapper .notification {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  padding: 1rem 2rem;
  box-shadow: 0 0 1.25rem 0 rgba(0, 0, 0, 0.5);
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.5rem;
  text-align: center;
  position: relative;
  border-radius: 0.5rem;
  background: var(--notification-card-bg-color, #353f4a);
  color: #fff;
}
.notifications-wrapper .notification .i_svg {
  width: 1.25rem;
  height: 1.25rem;
  flex-shrink: 0;
  top: 0;
}
.notifications-wrapper .notification::before {
  content: '';
  position: absolute;
  inset: 0;
}
.notifications-wrapper .notification span {
  z-index: 1;
}
.notifications-wrapper .notification.success {
  border: 1px solid var(--notification-card-success-color, #9ddd33);
}
.notifications-wrapper .notification.success::before {
  opacity: 0.08;
  background: var(--notification-card-success-color, #9ddd33);
}
.notifications-wrapper .notification.success .i_svg {
  fill: var(--notification-card-success-color);
}
.notifications-wrapper .notification.error {
  border: 1px solid var(--notification-card-error-color, #e9657b);
  color: var(--text-error, #f7c3cc);
}
.notifications-wrapper .notification.error::before {
  opacity: 0.02;
  background: var(--notification-card-error-color, #e9657b);
}
.notifications-wrapper .notification.error .i_svg {
  fill: var(--notification-card-error-color, #e9657b);
}
.notifications-wrapper .notification.warning {
  border: 1px solid var(--notification-card-warning-color, #fab238);
}
.notifications-wrapper .notification.warning::before {
  opacity: 0.08;
  background: var(--notification-card-warning-color, #fab238);
}
.notifications-wrapper .notification.warning .i_svg {
  fill: var(--notification-card-warning-color, #fab238);
}
.notifications-wrapper .notification.info {
  border: 1px solid var(--notification-card-info-color, #679ff5);
}
.notifications-wrapper .notification.info::before {
  opacity: 0.02;
  background: var(--notification-card-info-color, #679ff5);
}
.notifications-wrapper .notification.info .i_svg {
  fill: var(--notification-card-info-color, #679ff5);
}
.profile-top {
  display: flex;
  width: 100%;
  gap: 1rem;
}
.profile-top li.p {
  flex-basis: 5.75rem;
  flex-shrink: 0;
}
.profile-top li.p img {
  width: 100%;
  display: block;
  border-radius: 0.25rem;
}
.profile-top li.i {
  flex-grow: 1;
  overflow: hidden;
}
.profile-top li.i > :not([hidden]) ~ :not([hidden]) {
  margin-top: 0.5rem;
}
.profile-top li.i h1 {
  font-size: 1.125rem;
  line-height: 1.5rem;
  font-weight: 700;
  color: var(--profile-top-name-color);
  text-transform: none;
  padding: 0;
  height: auto;
  margin: 0;
  letter-spacing: inherit;
}
.profile-top li.i h1 em {
  color: inherit;
  font-weight: inherit;
  letter-spacing: inherit;
  font-style: inherit;
}
.profile-top li.i h1 a {
  color: inherit;
}
.profile-top li.i span.follow em {
  font: inherit;
}
.profile-top li.i span.follow .i_svg {
  opacity: 1;
  margin-right: 0.5rem;
}
.profile-top li.sp {
  flex-grow: 1;
  flex-shrink: 1;
}
.profile-top li.t {
  width: 45.625rem;
  flex-basis: 45.625rem;
}
.profile-top li.t iframe {
  overflow: hidden;
  border-radius: 0.3125rem;
}
.profile-top .parent {
  display: block;
  color: var(--profile-top-details-color);
  text-transform: capitalize;
  font-size: 0.75rem;
}
.profile-top .parent .channel-name,
.profile-top .parent .creator-name {
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
  display: inline-block;
  vertical-align: middle;
}
.profile-top .parent.info {
  color: var(--profile-top-details-info-color);
}
.profile-top .parent.info span {
  vertical-align: middle;
  margin-right: 0.5rem;
}
.profile-top .parent.info strong {
  color: var(--profile-top-details-color);
  font-weight: inherit;
}
::-webkit-calendar-picker-indicator {
  filter: invert(1);
}
html.desktop .main_content_container {
  padding: 0 1.5rem;
  margin-left: auto;
  margin-right: auto;
}
html.desktop .grid-layout-change-wrapper > :not([hidden]) ~ :not([hidden]) {
  margin-left: 0.5rem;
}
html.desktop .grid-layout-change-wrapper .grid-layout-change {
  opacity: 0.3;
  transition: opacity 0.2s;
}
html.desktop .grid-layout-change-wrapper .grid-layout-change.active {
  display: flex;
  opacity: 1;
}
html.desktop .grid-layout-change-wrapper .grid-layout-change .i_svg {
  width: 1.125rem;
  height: 1.125rem;
}
html.desktop #popout_menu span {
  transition: color 0.3s ease-in-out, background-color 0.3s ease-in-out, opacity 0.3s ease-in-out, fill 0.3s ease-in-out, border-color 0.3s ease-in-out, transform 0.3s ease-in-out;
}
html.desktop #popout_menu span:hover {
  color: var(--popout-menu-hover-color);
}
html.desktop .tag_list {
  display: -ms-flex;
  display: flex;
  -ms-align-items: center;
  align-items: center;
  overflow-x: auto;
  gap: 8px;
}
html.desktop .tag_list a {
  white-space: nowrap;
  padding: 0.25rem 0.5rem;
  background-color: var(--tag-bg-color);
  color: var(--tag-color);
  font-size: 0.8125rem;
  line-height: 1.25rem;
  cursor: pointer;
  text-transform: capitalize;
  display: block;
  border-radius: 0.25rem;
  transition: color 0.3s ease-in-out, background-color 0.3s ease-in-out, opacity 0.3s ease-in-out, fill 0.3s ease-in-out, border-color 0.3s ease-in-out, transform 0.3s ease-in-out;
}
@media (hover: hover) {
  html.desktop .tag_list a:hover {
    color: var(--tag-hover-text-color);
  }
}
@media (hover: hover) {
  html.desktop .tag_list a:active {
    background-color: #cf3952;
    color: #fff;
  }
}
html.desktop .tag_list a img {
  width: 0.75rem;
  height: 0.75rem;
  border-radius: 0.1875rem;
  margin-right: 0.25rem;
  display: inline-block;
  vertical-align: middle;
}
html.desktop .tag_list .highlight-tag a {
  background-color: var(--tag-active-bg-color);
  transition: color 0.3s ease-in-out, background-color 0.3s ease-in-out, opacity 0.3s ease-in-out, fill 0.3s ease-in-out, border-color 0.3s ease-in-out, transform 0.3s ease-in-out;
}
html.desktop .profile-top li.i {
  display: flex;
  gap: 1.5rem;
  align-items: center;
}
html.desktop .profile-top li.i > :not([hidden]) ~ :not([hidden]) {
  margin-top: 0;
}
@media all and (min-width: 1280px) {
  html.desktop .main_content_container {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }
  html.desktop .grid-layout-change-wrapper > :not([hidden]) ~ :not([hidden]) {
    margin-left: 0.5rem;
  }
}
@media all and (min-width: 1920px) {
  html.desktop {
    font-size: 20px;
  }
}
#g367CB268B1094004A3689751E7AC568FFloatingBanner0 {
  z-index: 20 !important;
}
* {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0) !important;
  -webkit-overflow-scrolling: touch;
}
html {
  background-color: #11181f;
  overflow-x: hidden;
  --safe-area-inset-bottom: env(safe-area-inset-bottom);
}
body {
  color: #ddd;
  font-size: 13px;
  min-height: 100%;
  -webkit-font-smoothing: subpixel-antialiased;
  font-smoothing: antialiased;
  font-weight: 400;
  text-rendering: optimizeLegibility;
  overflow-x: hidden;
  display: block;
  opacity: 1;
  font-size: calc(13px + (16 - 13) * ((100vw - 300px) / (500 - 300)));
}
@media screen and (min-width: 500px) {
  body {
    font-size: 14px;
  }
}
h1 {
  font-size: 1.4em;
  font-weight: normal;
  padding: 5px;
  color: #aaa;
}
h1 em {
  color: #507192;
}
h2 {
  font-size: 1.4em;
  font-weight: normal;
  padding: 15px 0;
  color: #aaa;
}
h3 {
  font-size: 1.1em;
  font-weight: normal;
  padding: 8px 0;
  color: #f08e84;
}
hr {
  border-top: 1px solid #2c3e50;
}
.bio_description {
  max-height: 6.75rem;
  transition: 500ms max-height;
  font-size: 0.75rem;
}
.bio_description .further_details {
  display: flex;
  width: 100%;
  padding-top: 1rem;
  flex-direction: row;
  justify-content: space-between;
}
.bio_description .further_details .further_details_column {
  width: 46%;
  display: flex;
  flex-direction: column;
}
.bio_description .further_details .further_details_column span {
  margin-bottom: 0.3rem;
}
.bio_description .further_details_invisible {
  display: none;
}
.bio_description .further_details_visible {
  display: flex;
}
.bio_description li {
  padding-top: 1rem;
  padding-right: 1rem;
  text-overflow: ellipsis;
  overflow: hidden;
}
.bio_description li.i {
  position: relative;
}
.bio_description li.i .toggle_info {
  position: absolute;
  right: 0;
  bottom: 0;
}
.bio_description li.i .toggle_info .i_svg {
  fill: #e9657b !important;
  transition: 250ms transform;
}
.bio_description:not(.expanded) .bio {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.bio_description.expanded {
  transition: 500ms max-height;
  max-height: 100rem;
  white-space: normal;
}
.bio_description.expanded .toggle_info .i_svg {
  transform: rotate(180deg);
}
.ptgncdn_holder {
  margin: 1rem auto;
  border-radius: 3px;
  display: flex !important;
  justify-content: center;
  align-items: center;
}
.ptgncdn_holder_footer {
  margin-top: 10px;
}
.ptgncdn_holder_footer.hidden {
  display: none;
}
.ads_disclaimer {
  display: block;
  overflow: hidden;
  clear: both;
  color: #507192;
  text-align: center;
  padding: 3px 0;
}
.xplayer,
.xplayer * {
  z-index: 20000 !important;
}
.bottom_space {
  margin-bottom: 130px;
}
#inner_content {
  margin-top: 9.5rem;
}
#svg_holder {
  display: none;
}
.ucbrowser_fail {
  padding: 5px;
  background-color: #60140c;
  margin: 5px;
  color: #fff;
  text-align: center;
  display: none;
  margin-top: 150px;
}
html.ua-ucbrowser .ucbrowser_fail {
  display: block;
}
.header_link_ad {
  display: block;
  text-align: center;
  color: #f08e84;
  background-color: #2c3e50;
  padding: 5px;
  border-radius: 5px;
  font-size: 1.25em;
  margin: -5px 5px 0 5px;
}
input.big-text-black {
  background-color: #080b0e;
  width: 100%;
  max-width: 400px;
  height: 40px;
  color: #f08e84;
  padding: 4px;
  font-size: 1.3em;
  border-top: solid 1px #222;
  border-left: solid 1px #333;
  border-right: solid 1px #111;
  border-bottom: solid 1px #111;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
}
p.buttons {
  padding: 5px 2px;
  display: table;
  width: 100%;
  table-layout: fixed;
}
p.buttons a {
  display: table-cell;
  height: 36px;
  line-height: 36px;
  text-align: center;
  color: #ddd;
  font-size: 1.15em;
  width: 1%;
  border: 1px solid #080b0e;
  border-right: 0;
}
p.buttons a:first-child {
  -webkit-border-top-right-radius: 0;
  -webkit-border-bottom-right-radius: 0;
  -webkit-border-bottom-left-radius: 5px;
  -webkit-border-top-left-radius: 5px;
  -moz-border-radius-topright: 0;
  -moz-border-radius-bottomright: 0;
  -moz-border-radius-bottomleft: 5px;
  -moz-border-radius-topleft: 5px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 5px;
  border-top-left-radius: 5px;
  -moz-background-clip: padding-box;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
p.buttons a:last-child {
  -webkit-border-top-right-radius: 5px;
  -webkit-border-bottom-right-radius: 5px;
  -webkit-border-bottom-left-radius: 0;
  -webkit-border-top-left-radius: 0;
  -moz-border-radius-topright: 5px;
  -moz-border-radius-bottomright: 5px;
  -moz-border-radius-bottomleft: 0;
  -moz-border-radius-topleft: 0;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
  -moz-background-clip: padding-box;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border-right: 1px solid #080b0e;
}
p.buttons a:hover,
p.buttons a:active,
p.buttons a.active {
  background: #60140c;
  background: linear-gradient(to bottom, #60140c, #60140c);
}
p.buttons a .i_svg {
  fill: #f08e84;
}
.button {
  display: block;
  margin: 5px auto;
  height: 30px;
  line-height: 30px;
  width: 33%;
  text-align: center;
  color: #f08e84 !important;
  border: 1px solid #60140c;
  background-color: #080b0e;
  border-radius: 5px;
  font-size: 1em;
  text-decoration: none !important;
  width: 100%;
}
.button:hover,
.button:active {
  background-color: #60140c;
}
.button.active {
  background-color: #60140c;
}
.lists {
  padding: 5px 0;
}
.lists .item {
  display: block;
  color: #ddd;
  padding: 8px;
  font-size: 1em;
  border-bottom: 1px solid #11181f;
  border-top: 1px solid #1e2a36;
  position: relative;
  text-align: left;
  overflow: hidden;
  clear: both;
}
.lists .item .i_svg.i_chevron-right {
  position: absolute;
  right: 5px;
  top: 8px;
}
.lists .item img.icon {
  position: absolute;
  right: 5px;
  top: 7px;
  width: 24px;
}
.lists .item img.cover {
  float: left;
  margin-right: 10px;
}
.lists .item span.filter {
  display: block;
  padding: 5px 10px;
  background-color: #60140c;
  color: #fff;
  position: absolute;
  right: 5px;
  top: 8px;
  letter-spacing: 1px;
  border-radius: 5px;
}
.lists .item .badge {
  position: absolute;
  right: 25px;
  top: 8px;
  color: #d22b19;
}
.lists .item .date {
  color: #507192;
  font-size: 0.8em;
}
.lists .item .text {
  color: #f08e84;
  font-size: 0.9em;
}
.lists .item h1 {
  font-size: 1em;
  background-color: transparent;
  display: inline-block;
}
.lists .item.active {
  background-color: #080b0e;
}
.lists .item.active-alt {
  background-color: #60140c;
}
.playlist-video-list {
  height: 500px;
  max-height: 500px;
  overflow-x: hidden;
  overflow-y: scroll;
}
div.scroll_list {
  margin-right: -1rem;
  margin-left: -1rem;
  height: auto;
  overflow-x: scroll;
  overflow-y: hidden;
  width: auto;
  white-space: nowrap;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
div.scroll_list::-webkit-scrollbar {
  display: none;
}
div.scroll_list a:first-child,
div.scroll_list span:first-child {
  margin-left: 1rem;
}
div.scroll_list a:last-child,
div.scroll_list span:last-child {
  margin-right: 1rem;
}
div.scroll_list a {
  display: inline-block;
  vertical-align: middle;
  color: var(--trending-title-color);
  font-size: 0.75rem;
  overflow: hidden;
  margin-right: 1rem;
}
div.scroll_list a div.c {
  overflow: hidden;
  margin-bottom: 0.25rem;
}
div.scroll_list a div.c img {
  border-radius: 0.25rem;
  width: 5rem;
  -o-object-fit: cover;
     object-fit: cover;
}
div.scroll_list a.nrw {
  width: 3.125rem;
}
div.scroll_list .centered {
  text-align: center;
}
div.scroll_list.trending-pornstar a {
  margin-right: 0.5rem;
}
div.scroll_list.trending-pornstar a div.c {
  width: 6rem;
}
div.scroll_list.trending-pornstar a div.c img {
  width: 100%;
}
div.scroll_list.trending_categories a {
  margin-right: 0.5rem;
}
#bottom-sheet {
  position: fixed;
  width: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(17, 24, 31, 0.8);
  -webkit-backdrop-filter: blur(1.25rem);
          backdrop-filter: blur(1.25rem);
  display: block;
  transition: opacity 200ms ease;
  -moz-opacity: 0;
  -khtml-opacity: 0;
  -webkit-opacity: 0;
  opacity: 0;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
  filter: alpha(opacity=0);
  z-index: 0;
  pointer-events: none;
}
#bottom-sheet .sheet {
  position: fixed;
  bottom: -500px;
  left: 0;
  right: 0;
  transition: bottom 300ms ease;
  width: 100%;
  padding-top: 1rem;
}
#bottom-sheet .sheet .t {
  color: #787f86;
  font-size: 1.125rem;
  padding-left: 1rem;
  padding-right: 1rem;
}
#bottom-sheet .sheet .t .i_svg {
  color: #787f86;
  margin-right: 0.5rem;
}
#bottom-sheet .sheet .c {
  max-height: 70vh;
  overflow: auto;
  background-color: #1e2a36;
  margin-top: 1rem;
}
#bottom-sheet .sheet .c a {
  display: block;
  padding: 1rem 1rem;
  font-size: 1.2em;
  color: #fff;
  border-bottom: 1px solid #353f4a;
  text-transform: capitalize;
}
#bottom-sheet .sheet .c a:last-child {
  border-bottom: none;
}
#bottom-sheet .sheet .c a .i_svg {
  margin-right: 0.5rem;
  width: 1.25rem;
  height: 1.25rem;
  color: #e9657b;
  top: 0.25rem;
}
#bottom-sheet.show {
  display: block;
  -moz-opacity: 1;
  -khtml-opacity: 1;
  -webkit-opacity: 1;
  opacity: 1;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
  filter: alpha(opacity=100);
  pointer-events: all;
  z-index: 1000;
}
#bottom-sheet.show .sheet {
  bottom: 0;
}
#interstitial_div_v3 {
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background-color: #11181f;
  z-index: 10000;
  font-size: 12px;
}
#interstitial_div_v3 .top {
  height: 7vh;
  width: 100vw;
  padding: 0.5vh;
  line-height: 7vh;
}
#interstitial_div_v3 .top img {
  height: 6vh;
  float: left;
  display: block;
}
#interstitial_div_v3 .top em {
  height: 6vh;
  float: left;
  display: block;
  line-height: 6vh;
  padding-left: 5px;
  font-style: normal;
  text-transform: uppercase;
  color: #507192;
}
#interstitial_div_v3 .top span {
  float: right;
  height: 6vh;
  line-height: 6vh;
  width: 30vw;
  text-align: center;
  background-color: #8d1d11;
  font-size: 1.3em;
  cursor: pointer;
  text-shadow: 0px 1px 0px #854629;
  text-transform: uppercase;
  font-weight: bold;
  border-radius: 3px;
}
#interstitial_div_v3 .top span svg {
  fill: #f08e84;
}
#interstitial_div_v3 iframe {
  height: 93vh;
  width: 98vw;
  background-color: #11181f;
  border: 0;
  display: block;
  background: url(/static/mobile/Images/preloader.gif) center center no-repeat;
}
html.is-pbweb-traffic #interstitial_div_v3 {
  display: flex;
  flex-direction: column;
  background-color: rgba(17, 24, 31, 0.7);
  padding: 48px 16px 24px 16px;
}
html.is-pbweb-traffic #interstitial_div_v3 .top {
  width: 100%;
  padding: 0.5vh 0;
  background-color: rgba(17, 24, 31, 0.8);
}
html.is-pbweb-traffic #interstitial_div_v3 iframe {
  height: 100%;
  width: 100%;
}
#dab_5151_ab {
  height: 1px;
  width: 1px;
  position: absolute;
  left: -999em;
  top: -999em;
}
#vast_tester {
  height: 70vh;
}
#vast_tester .controls {
  margin: 20px;
}
#vast_tester .controls .vast_url {
  height: 35px;
  line-height: 35px;
  width: 80vw;
  display: block;
  margin-bottom: 10px;
  background-color: #aaa;
  border: 2px solid #080b0e;
}
#vast_tester .controls button {
  padding: 10px;
  cursor: pointer;
}
#vast_tester #video_container {
  width: 90vw !important;
  height: 50vh;
}
#vast_tester #vast_video_player {
  width: 350px !important;
  height: 230px;
}
::-webkit-scrollbar {
  -webkit-appearance: none;
}
::-webkit-scrollbar:vertical {
  width: 5px;
}
::-webkit-scrollbar:horizontal {
  height: 1px;
}
::-webkit-scrollbar-thumb {
  background-color: #233140;
  border-radius: 10px;
  border: 0 none;
}
::-webkit-scrollbar-track {
  border-radius: 10px;
  background-color: transparent;
}
.text-block {
  background-color: #080b0e;
  padding: 5px;
  margin: 5px 0;
  color: #aaa;
  font-size: 1.1em;
}
.text-block a {
  color: #f08e84;
  font-size: 1.05em;
  line-height: 2em;
}
.messagebar {
  background-color: #1e2a36;
  padding: 0.5rem;
  position: relative;
  height: 80px;
  display: none;
  gap: 8px;
}
.messagebar textarea {
  -ms-flex-grow: 1;
  flex-grow: 1;
  background-color: #11181f;
  color: #a5aaaf;
  padding: 0.5rem;
  border: none;
  border-radius: 0.25rem;
}
.messagebar a.link {
  -ms-flex-shrink: 0;
  flex-shrink: 0;
  background-image: linear-gradient(var(--misc-btn-bg-from-color), var(--misc-btn-bg-to-color));
  color: var(--misc-btn-color);
  padding: 0.5rem 1rem;
  display: -ms-flex;
  display: flex;
  -ms-justify-content: center;
  justify-content: center;
  -ms-align-items: center;
  align-items: center;
  border-radius: 0.25rem;
}
ul.dropdown_list {
  text-align: left;
}
ul.dropdown_list #time_slider {
  margin: 10px;
}
ul.dropdown_list #time_slider_value {
  height: 25px;
}
ul.dropdown_list #time_slider_value li {
  display: inline-block;
  font-size: 1.25em;
  color: #507192;
  width: 50px;
}
ul.dropdown_list #time_slider_value li.min {
  float: left;
  padding-left: 5px;
}
ul.dropdown_list #time_slider_value li.max {
  float: right;
  margin-right: -8px;
}
ul.dropdown_list > li {
  width: 100%;
  position: relative;
}
ul.dropdown_list > li.bt {
  margin-top: 20px;
}
ul.dropdown_list > li ul.holder {
  padding: 2px 0;
}
ul.dropdown_list > li ul.holder li {
  display: inline-block;
  padding: 5px;
  margin: 2px 0;
}
ul.dropdown_list > li ul.holder li.title {
  width: 25%;
  margin-right: 2%;
  color: #ddd;
}
ul.dropdown_list > li ul.holder li.selector {
  width: 70%;
  color: #d22b19;
  border-bottom: 1px solid #60140c;
  background-color: #080b0e;
  border-radius: 5px;
}
ul.dropdown_list > li ul.holder li.selector span {
  color: #f08e84;
}
ul.dropdown_list > li ul.holder li.selector .i_svg {
  float: right;
  padding-top: 2px;
}
ul.dropdown_list > li ul.form {
  display: none;
}
ul.dropdown_list > li ul.manual {
  display: none;
}
ul.dropdown_list > li select {
  position: absolute;
  top: 0px;
  left: 28%;
  height: 30px;
  width: 70%;
  -moz-opacity: 0.01;
  -khtml-opacity: 0.01;
  -webkit-opacity: 0.01;
  opacity: 0.01;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=1);
  filter: alpha(opacity=1);
}
ul.dropdown_list > li ul.related li {
  display: inline-block;
}
ul.dropdown_list > li ul.related li a {
  display: block;
  padding: 5px 5px;
  margin: 2px;
  color: #f08e84;
  background: #080b0e;
  border-radius: 5px;
}
.medal_hoder span {
  display: inline-block;
  position: relative;
  padding-left: 16px;
  font-size: 0.95em;
}
.medal_hoder span.m1 {
  color: #f08e84;
}
.medal_hoder span.m2 {
  color: #ddd;
}
.medal_hoder span.m3,
.medal_hoder span.m4 {
  color: #daa736;
}
.medal_hoder span.ms {
  padding: 2px 4px;
  background-color: #11181f;
  border-radius: 5px;
  color: #ddd;
}
.medal_hoder span.ms .i_svg {
  fill: #e74837;
}
.medal_hoder span img {
  position: absolute;
  width: 16px;
  left: 0;
}
.survey {
  display: block;
  color: #f08e84;
  text-align: center;
  padding: 10px;
}
.text_link_ads_adultforce {
  padding: 10px 5px;
  margin: 5px;
  background-color: #60140c;
  text-align: center;
  color: #fff;
  display: block;
  border-radius: 10px;
  font-size: 1em;
}
.text_link_ads_adultforce span {
  font-weight: 800;
}
.ads_placement {
  display: block;
  text-align: center;
  padding: 5px 0;
}
.ads_placement span {
  display: inline-block;
  overflow: hidden;
  border-radius: 0.25rem;
}
.new-age-verification p {
  font-size: 0.75rem;
  line-height: 1rem;
  text-align: left;
}
@keyframes bounce {
  0% {
    transform: scale(0.8);
    -webkit-transform: scale(0.8);
    opacity: 0.8;
  }
  100% {
    transform: scale(2);
    -webkit-transform: scale(2);
    opacity: 0;
  }
}
@keyframes flash {
  0%,
  100%,
  50% {
    opacity: 1;
  }
  25%,
  75% {
    opacity: 0;
  }
}
.loader {
  display: inline-block;
  font-size: 10px;
  text-indent: -9999em;
  width: 6em;
  height: 6em;
  border-radius: 50%;
  background: transparent;
  background: linear-gradient(to right, #60140c 10%, rgba(96, 20, 12, 0) 42%);
  position: relative;
  animation: load3 0.7s infinite linear;
  transform: translateZ(0);
}
.loader:before {
  width: 50%;
  height: 50%;
  background: #60140c;
  border-radius: 100% 0 0 0;
  position: absolute;
  top: 0;
  left: 0;
  content: '';
}
.loader:after {
  background: #11181f;
  width: 75%;
  height: 75%;
  border-radius: 50%;
  content: '';
  margin: auto;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}
.i_svg {
  height: 1em;
  width: 1em;
  display: inline-block;
  fill: #ddd;
  fill: currentColor;
  position: relative;
  top: 0.125em;
}
header {
  margin: 0;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 1001;
  position: fixed;
  background-color: var(--header-bg-color);
}
header .top-wrapper {
  display: -ms-flex;
  display: flex;
  -ms-justify-content: space-between;
  justify-content: space-between;
  -ms-align-items: center;
  align-items: center;
  width: 100%;
  position: relative;
  margin: 0.5rem 0;
}
header .top-wrapper .link-wrapper {
  display: -ms-flex;
  display: flex;
}
header .top-wrapper .link {
  display: -ms-flex;
  display: flex;
  -ms-align-items: center;
  align-items: center;
  padding: 0 0.5rem;
  color: var(--header-link-color);
  background-color: var(--header-link-bg-color);
  margin-right: 0.25rem;
  height: 2rem;
  line-height: 1rem;
  font-size: 0.8125rem;
  border-radius: 0.25rem;
}
header .top-wrapper .link a {
  color: inherit;
}
header .top-wrapper .link:last-child {
  margin-right: 0;
}
header .top-wrapper .link.upload_button {
  position: relative;
  z-index: 1000;
}
header .top-wrapper .link.upload_button a {
  -moz-opacity: 0.5;
  -khtml-opacity: 0.5;
  -webkit-opacity: 0.5;
  opacity: 0.5;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50);
  filter: alpha(opacity=50);
}
header .top-wrapper .link.upload_button span.tooltip {
  position: absolute;
  width: 21.875rem;
  max-width: 80vw;
  background-color: var(--header-tooltip-bg-color);
  z-index: 1000;
  padding: 1.25rem 0.625rem;
  border-radius: 0.3125rem;
  display: none;
  right: 0;
  top: 2.125rem;
  line-height: 1.3;
  color: var(--header-tooltip-text-color);
}
header .top-wrapper .link.upload_button:hover a {
  -moz-opacity: 0.2;
  -khtml-opacity: 0.2;
  -webkit-opacity: 0.2;
  opacity: 0.2;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=20);
  filter: alpha(opacity=20);
}
header .top-wrapper .link.upload_button:hover span.tooltip {
  display: inline;
}
header .top-wrapper .logo a {
  height: 1.875rem;
  max-width: 9.125rem;
  display: block;
  border-top-width: 0;
  border-bottom-width: 0;
  overflow: hidden;
}
header .search {
  position: relative;
  margin: 0.5rem 0;
}
header .search form input {
  height: 2.375rem;
  width: 100%;
  background-color: var(--searchbar-bg-color);
  border: 0 solid var(--searchbar-dark-border-color);
  font-size: 1rem;
  font-weight: 400;
  text-indent: 0.9375rem;
  line-height: 1.25rem;
  color: var(--searchbar-text-color);
  padding-right: 2.375rem;
  border-radius: 0.3125rem;
}
header .search form input::-moz-placeholder {
  color: rgba(var(--searchbar-text-color), 0.6);
}
header .search form input::placeholder {
  color: rgba(var(--searchbar-text-color), 0.6);
}
header .search form input:focus {
  color: var(--searchbar-focus-text-color);
}
header .search form button {
  position: absolute;
  right: 0.125rem;
  height: 2.375rem;
  width: 2.375rem;
  line-height: 2.375rem;
  border-radius: 0.1875rem;
  background-color: transparent;
}
header .search form button .i_svg {
  fill: var(--searchbar-icon-color);
  font-size: 1.2em;
  opacity: 0.6;
}
.headroom {
  will-change: transform;
  transition: transform 200ms linear;
  transform: translate3d(0, 0, 0);
  transform: translateZ(0);
  -webkit-transform: translateZ(0);
  -webkit-perspective: 1000;
  -webkit-backface-visibility: hidden;
}
.headroom--pinned,
.headroom--unpinned .auto_holder {
  transform: translate3d(0, 0, 0);
  -webkit-transform: translate3d(0, 0, 0);
  -webkit-perspective: 1000;
  -webkit-backface-visibility: hidden;
}
.headroom--unpinned,
.headroom--unpinned .auto_holder {
  transform: translate3d(0, -100%, 0);
  -webkit-transform: translate3d(0, -100%, 0);
  -webkit-perspective: 1000;
  -webkit-backface-visibility: hidden;
}
.header_tabs a {
  display: inline-block;
  width: 33.333%;
  text-align: center;
  border: 0.0625rem solid #273441;
  border-top: 0;
  padding: 0.1875rem 0;
  color: #7399a9;
  font-weight: bold;
}
.autocomplete-suggestions {
  background-color: #19221e !important;
  margin-top: 0.1875rem;
  color: #fff;
}
.autocomplete-suggestions .autocomplete-suggestion {
  padding: 0.625rem 0.3125rem 0.625rem 0.3125rem;
  cursor: pointer;
  display: block;
  overflow: hidden;
  font-size: 1.3em;
}
.autocomplete-suggestions .autocomplete-selected,
.autocomplete-suggestions .autocomplete-suggestion:hover {
  background-color: rgba(112, 27, 19, 0.3) !important;
}
.autocomplete-suggestions strong {
  font-weight: normal;
  color: #aaa;
}
#bottom_nav {
  background-color: #18222b;
  width: 100%;
  position: fixed;
  bottom: 0;
  padding-bottom: env(safe-area-inset-bottom, 0);
  left: 0;
  z-index: 600;
  transition: height 500ms;
  color: #fff;
  overflow: auto;
}
#bottom_nav .top_nav {
  padding: 0 0.5rem;
  gap: 0.5rem;
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  background-color: #18222b;
  z-index: 1;
  display: -ms-flex;
  display: flex;
  -ms-justify-content: space-between;
  justify-content: space-between;
  -ms-align-items: center;
  align-items: center;
}
#bottom_nav .top_nav a {
  display: block;
  text-align: center;
  color: #fff;
  position: relative;
  padding: 0.5rem 0;
  -ms-flex-basis: 20%;
  flex-basis: 20%;
  font-size: 0.75rem;
  line-height: 0.625rem;
}
#bottom_nav .top_nav a .icon {
  width: 1.25rem;
  height: 1.25rem;
  margin: 0 auto 0.125rem;
  display: -ms-flex;
  display: flex;
  -ms-justify-content: center;
  justify-content: center;
  -ms-align-items: center;
  align-items: center;
}
#bottom_nav .top_nav a .icon .i_svg {
  fill: #e9657b;
  top: 0;
  font-size: 1rem;
}
#bottom_nav .top_nav a.more_menu .icon-close {
  display: none;
}
#bottom_nav .top_nav a.more_menu .icon-close .i_svg {
  font-size: 0.75rem;
}
.is_open#bottom_nav .top_nav a.more_menu .icon-close {
  display: -ms-flex;
  display: flex;
}
.is_open#bottom_nav .top_nav a.more_menu .icon-open {
  display: none;
}
#bottom_nav .bottom_nav {
  display: none;
}
#bottom_nav .bottom_nav .highlighted-wrapper {
  background-color: #1e2a36;
  padding: 1rem;
}
#bottom_nav .bottom_nav .highlighted-wrapper .guest-wrapper h4 {
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 1.5rem;
  text-align: center;
}
#bottom_nav .bottom_nav .highlighted-wrapper .guest-wrapper p {
  margin-top: 0.25rem;
  font-size: 0.875rem;
  text-align: center;
  line-height: 1.25rem;
  color: #787f86;
}
#bottom_nav .bottom_nav .highlighted-wrapper .guest-wrapper p span {
  color: #fff;
}
#bottom_nav .bottom_nav .highlighted-wrapper .guest-wrapper .benefits {
  margin-top: 1rem;
  padding-left: 1.25rem;
}
#bottom_nav .bottom_nav .highlighted-wrapper .guest-wrapper .benefits > :not([hidden]) ~ :not([hidden]) {
  margin-top: 0.5rem;
}
#bottom_nav .bottom_nav .highlighted-wrapper .guest-wrapper .benefits li {
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 700;
  color: #fff;
}
#bottom_nav .bottom_nav .highlighted-wrapper .guest-wrapper .benefits li .i_svg {
  width: 1.25rem;
  height: 1.25rem;
  padding: 0.0625rem;
  top: 0.3125rem;
  margin-right: 0.25rem;
  color: #e9657b;
}
#bottom_nav .bottom_nav .highlighted-wrapper .guest-wrapper nav {
  margin-top: 1rem;
  display: -ms-flex;
  display: flex;
  flex-direction: column;
}
#bottom_nav .bottom_nav .highlighted-wrapper .guest-wrapper nav a {
  font-size: 0.875rem;
  padding: 0 1rem;
  height: 2.5rem;
  display: -ms-flex;
  display: flex;
  -ms-justify-content: center;
  justify-content: center;
  -ms-align-items: center;
  align-items: center;
  border-radius: 0.25rem;
}
#bottom_nav .bottom_nav .highlighted-wrapper .guest-wrapper nav a .i_svg {
  top: 0;
  margin-right: 8px;
}
#bottom_nav .bottom_nav .highlighted-wrapper .guest-wrapper nav .login_title {
  justify-content: center;
  font-size: 1.125rem;
  display: flex;
  border-top: 1px solid #353f4a;
  padding-top: 1.125rem;
}
#bottom_nav .bottom_nav .highlighted-wrapper .guest-wrapper nav .users_login_link {
  display: -ms-flex;
  display: flex;
  gap: 0.25rem;
}
#bottom_nav .bottom_nav .further-links-wrapper {
  padding: 1rem;
}
#bottom_nav .bottom_nav .bottom-btn {
  padding: 0.5rem 0.75rem;
  background-color: #11181f;
  color: #fff;
  font-size: 0.875rem;
  line-height: 1.5rem;
  overflow: hidden;
  gap: 0.5rem;
  display: -ms-flex;
  display: flex;
  -ms-align-items: center;
  align-items: center;
  border-radius: 0.5rem;
}
#bottom_nav .bottom_nav .bottom-btn .icon {
  width: 1.25rem;
  height: 1.25rem;
  display: -ms-flex;
  display: flex;
  -ms-justify-content: center;
  justify-content: center;
  -ms-align-items: center;
  align-items: center;
  -ms-flex-shrink: 0;
  flex-shrink: 0;
}
#bottom_nav .bottom_nav .bottom-btn .icon .i_svg {
  fill: #e9657b;
  top: 0;
  font-size: 1rem;
}
#bottom_nav .bottom_nav .bottom-btn .icon.active .i_svg {
  fill: var(--text-color);
}
#bottom_nav .bottom_nav .bottom-btn .text {
  overflow: hidden;
  text-overflow: ellipsis;
}
#bottom_nav .bottom_nav .bottom-btn .badge {
  border-radius: 0.125rem;
  padding: 0.25rem;
  font-size: 0.75rem;
  line-height: 0.875rem;
  font-weight: 700;
  background-color: #cf3952;
  color: #fff;
  margin-left: auto;
  min-width: 1.25rem;
  text-align: center;
}
#bottom_nav .bottom_nav .main-links {
  padding-top: 1rem;
  background-color: #1e2a36;
}
#bottom_nav .bottom_nav .main-links.inside-further-links {
  padding: 0;
  background-color: transparent;
}
#bottom_nav .bottom_nav .main-links,
#bottom_nav .bottom_nav .user-menu-links {
  display: -ms-flex;
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
}
#bottom_nav .bottom_nav .main-links .bottom-btn,
#bottom_nav .bottom_nav .user-menu-links .bottom-btn {
  -ms-flex-basis: calc(50% - 0.25rem);
  flex-basis: calc(50% - 0.25rem);
}
#bottom_nav .bottom_nav .user-menu-links {
  margin-top: 1rem;
}
#bottom_nav .bottom_nav .footer-links {
  display: -ms-flex;
  display: flex;
  -ms-justify-content: center;
  justify-content: center;
  flex-wrap: wrap;
  -moz-column-gap: 1rem;
  column-gap: 1rem;
  row-gap: 0.5rem;
  margin-top: 1rem;
  padding: 0 0.5rem;
}
#bottom_nav .bottom_nav .footer-links a {
  line-height: 1.5rem;
  font-size: 0.875rem;
  color: #d2d4d7;
}
#bottom_nav .bottom_nav .setting {
  display: -ms-flex;
  display: flex;
  -ms-justify-content: center;
  justify-content: center;
  margin-top: 1rem;
  gap: 0.5rem;
}
#bottom_nav .bottom_nav .setting .bottom-btn {
  flex-basis: 33.333%;
  -ms-justify-content: center;
  justify-content: center;
}
#bottom_nav .bottom_nav .setting .bottom-btn .icon {
  width: 1.5rem;
  height: 1.5rem;
  margin-right: 0;
}
#bottom_nav .bottom_nav .setting .bottom-btn .icon .i_svg {
  font-size: 1.25rem;
}
#bottom_nav .bottom_nav .account_bar {
  display: -ms-flex;
  display: flex;
  -ms-align-items: center;
  align-items: center;
  -ms-justify-content: center;
  justify-content: center;
  gap: 0.5rem;
}
#bottom_nav .bottom_nav .account_bar .avatar-wrapper {
  display: block;
}
#bottom_nav .bottom_nav .account_bar .avatar-wrapper img {
  width: 2.5rem;
  height: 2.5rem;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
  border-radius: 100%;
}
#bottom_nav .bottom_nav .account_bar .account-info h6 {
  font-size: 0.625rem;
  line-height: 0.75rem;
  font-weight: 400;
}
#bottom_nav .bottom_nav .account_bar .account-info .u_name {
  color: #e9657b;
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 700;
}
#categories a {
  display: inline-block;
  width: 32.2%;
  text-align: center;
  color: #fff;
  padding-bottom: 10px;
  font-weight: bold;
}
#categories a img {
  display: block;
  margin: 0 auto;
  border-radius: 5px;
  border: 1px solid #507192;
}
@media only screen and (orientation: landscape) {
  #categories a {
    width: 19.2%;
  }
}
@media only screen and (min-device-width: 768px) {
  #categories a {
    width: 19.2%;
  }
}
.ttaa2v3:not(.banner_ad_text) {
  display: block;
}
.ttaa2v3:not(.banner_ad_text) a {
  background-image: linear-gradient(var(--misc-btn-bg-from-color), var(--misc-btn-bg-to-color));
  color: var(--misc-btn-color);
  border-radius: 4px;
  text-align: center;
  text-transform: uppercase;
  font-size: 0.75rem;
  padding: 0.5rem 2rem;
  line-height: 1.125rem;
  font-weight: 700;
  display: block;
  letter-spacing: 0.075rem;
}
.ttaa2v3.banner_ad_text {
  display: block;
  width: 100%;
  text-align: left;
  background-color: var(--video-banner-ad-text-bg-color);
  padding: 0.1rem 0.5rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.ttaa2v3.banner_ad_text a {
  color: white;
  font-size: 0.625rem;
  font-weight: 700;
  display: block;
}
#video .quality-items > *:not(:last-child) {
  border-bottom: 1px solid #353f4a;
}
#video .quality-item {
  display: flex;
  align-items: center;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  padding-left: 1rem;
}
#video .quality-item-icon {
  font-size: 1rem;
  margin-right: 0.875rem;
  color: #e9657b;
}
#video .quality-item-icon:not(.selected) {
  visibility: hidden;
}
#video .quality-item-text {
  font-size: 0.875rem;
  color: #fff;
}
#video #video_container {
  display: none;
  position: relative;
  padding-top: 56.25%;
  width: 100%;
  margin: 0 auto;
}
#video #video_container > #main_video_player,
#video #video_container #vast_video_player {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 15;
}
#video #video_container > #vast_video_player {
  display: block;
  z-index: 18;
  cursor: pointer !important;
  font-size: 0.9em !important;
}
#video #video_container > #vast_video_player.hidden {
  display: none;
}
#video #video_container .vjs-poster {
  display: none;
}
#video #video_container .views.removed {
  display: none;
}
#video #video_container #main_video_player.video-js.vjs-theme-sb.video_container_removed {
  pointer-events: none;
}
#video #video_container #main_video_player.video-js.vjs-theme-sb.video_container_removed .vjs-big-play-button {
  pointer-events: none;
}
#video #video_container #main_video_player.video-js.vjs-theme-sb.video_container_removed .vjs-controls-lower-container,
#video #video_container #main_video_player.video-js.vjs-theme-sb.video_container_removed .vjs-controls-upper-container {
  display: none;
}
#video #video_container #main_video_player.video-js.vjs-theme-sb.video_container_removed .vjs-controls-middle-container {
  margin: auto;
}
#video .video_removed {
  top: 50%;
  left: 50%;
  color: var(--video-removed-video-text-color);
  display: flex;
  position: absolute;
  transform: translate(-50%, -50%);
  z-index: 15;
  background-color: var(--video-thumbnail-bg-color-rgba);
  border-radius: 0.25rem;
  padding: 1rem;
  white-space: nowrap;
}
#video span.i-play {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  padding: 0;
  margin: auto;
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.6);
  border-radius: 5px;
  pointer-events: all;
  z-index: 50;
  background-color: var(--video-play-bg-color-rgba);
  width: 4.5rem;
  height: 4.5rem;
  border-radius: 3.25rem;
  border: transparent;
  font-size: 3.5rem;
}
#video span.i-play {
  display: block;
}
#video:hover span.i-play {
  background-color: rgba(8, 11, 14, 0.9);
}
#video span.i-play:after {
  content: '';
  background-image: url("data:image/svg+xml,%3Csvg fill='none' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M18 11.86v.28c-.0008.2666-.1412.5133-.37.65L8.68 18c-.54.32-.82.32-1.06.18l-.25-.14c-.22281-.133-.36232-.3706-.37-.63V6.59005c.00081-.26656.14121-.51322.37-.65l.25-.14c.24-.14.52-.14 1.22.27L17.63 11.21c.2288.1368.3692.3835.37.65Z' fill='%23fff'/%3E%3C/svg%3E");
  display: block;
  background-repeat: no-repeat;
  background-position: center;
  width: 100%;
  height: 80%;
  background-size: 100% 100%;
  top: 10%;
  position: absolute;
}
#video #vr_player {
  width: 100%;
  height: 0;
  padding-top: 62.25%;
  position: relative;
}
#video #vr_player .vr_player_inner {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
#video #player_wrapper_outer {
  position: relative;
  max-width: 960px;
  margin: 0 auto;
}
#video #player_wrapper_outer .views {
  position: absolute;
  bottom: 1.75rem;
  right: 1.25rem;
  z-index: 50;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  background-color: var(--video-views-bg-color-rgba);
  padding: 0.25rem 0.5rem;
  border-radius: 0.25rem;
  color: var(--video-views-text-color);
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 400;
}
#video #player_wrapper_outer .views svg {
  top: 0;
}
#video #player_wrapper_outer .play_cover {
  position: relative;
  z-index: 50;
  width: 100%;
  cursor: wait;
  height: 0;
  padding: 56% 0 0 0;
  overflow: hidden;
  background-color: rgba(0, 0, 0, 0.2);
  display: block;
}
#video #player_wrapper_outer .play_cover img.player_thumb {
  width: 100%;
  margin: 0 auto;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}
#video #player_wrapper_outer .play_cover .loading-icon img {
  height: 50px;
  display: block;
  margin: 15px auto 0 auto;
}
#video #player_wrapper_outer .play_cover .loading-icon,
#video #player_wrapper_outer .play_cover .loading-icon::before,
#video #player_wrapper_outer .play_cover .loading-icon::after {
  left: 50%;
  top: 50%;
  margin-left: -40px;
  margin-top: -40px;
  position: absolute;
  vertical-align: middle;
  background: #080b0e;
  width: 80px;
  height: 80px;
  border-radius: 30%;
  border: 2px solid #233140;
}
#video #player_wrapper_outer .play_cover .loading-icon::before {
  content: '';
  animation: bounce 1.5s infinite;
  animation-timing-function: ease-out;
}
#video #player_wrapper_outer .play_cover .loading-icon::after {
  content: '';
  animation: bounce 1.5s -0.4s infinite;
  animation-timing-function: ease-out;
}
#video #player_wrapper_outer .play_cover span.hd-time {
  position: absolute;
  top: 5px;
  left: 5px;
}
#video #player_wrapper_outer .play_cover span.i-length,
#video #player_wrapper_outer .play_cover span.i-plays,
#video #player_wrapper_outer .play_cover span.i-date,
#video #player_wrapper_outer .play_cover span.i-watch,
#video #player_wrapper_outer .play_cover span.i-hd {
  height: 30px;
  position: absolute;
  top: 5px;
  left: 5px;
  padding: 0 5px;
  overflow: hidden;
  background-color: rgba(8, 11, 14, 0.55);
  color: #ddd;
  font-size: 1em;
  text-align: center;
  line-height: 30px;
  border-radius: 3px;
}
#video #player_wrapper_outer .play_cover span.i-hd {
  position: static;
  background-color: rgba(8, 11, 14, 0.8);
  display: inline-block;
  font-weight: bold;
  font-style: italic;
  margin-left: -2px;
}
#video #player_wrapper_outer .play_cover span.i-length {
  position: static;
  background-color: rgba(8, 11, 14, 0.75);
  display: inline-block;
}
#video #player_wrapper_outer .play_cover span.i-plays {
  top: 38px;
}
#video #player_wrapper_outer .play_cover span.i-date {
  top: 72px;
}
#video #player_wrapper_outer .play_cover span.i-watch {
  top: auto;
  bottom: 5px;
  color: #60140c;
  background-color: transparent;
  -moz-opacity: 1;
  -khtml-opacity: 1;
  -webkit-opacity: 1;
  opacity: 1;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
  filter: alpha(opacity=100);
}
#video #player_wrapper_outer #vast_player_container {
  display: none;
  width: 100%;
  padding-top: 56.25%;
  position: relative;
}
#video #player_wrapper_outer #vast_player_container video,
#video #player_wrapper_outer #vast_player_container iframe {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
#video #player_wrapper_outer #vast_player_container .advertisement {
  position: absolute;
  left: 2px;
  top: 2px;
  display: inline;
  padding: 5px;
  background-color: rgba(8, 11, 14, 0.7);
  font-size: 0.7em;
  color: #fff;
}
#video #player_wrapper_outer #vast_player_container .advertisement .i_svg {
  fill: #f08e84;
}
#video #player_wrapper_outer #vast_player_container .skip_button {
  background-color: #60140c;
  padding: 5px 10px 5px 2px;
  line-height: 33px;
  -webkit-border-top-right-radius: 0;
  -webkit-border-bottom-right-radius: 0;
  -webkit-border-bottom-left-radius: 5px;
  -webkit-border-top-left-radius: 5px;
  -moz-border-radius-topright: 0;
  -moz-border-radius-bottomright: 0;
  -moz-border-radius-bottomleft: 5px;
  -moz-border-radius-topleft: 5px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 5px;
  border-top-left-radius: 5px;
  -moz-background-clip: padding-box;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  font-size: 0.9em;
  box-shadow: 0 2px 1px rgba(0, 0, 0, 0.6);
  -webkit-text-shadow: 0 2px 2px #000000;
  -moz-text-shadow: 0 2px 2px #000000;
  text-shadow: 0 2px 2px #000000;
  background: #60140c;
  background: linear-gradient(to bottom, #60140c, #60140c);
  bottom: 15px;
  position: absolute;
  right: 0;
  text-align: center;
}
#video #player_wrapper_outer #vast_player_container .skip_button img {
  float: left;
  width: 55px;
  margin-right: 4px;
  border-radius: 5px;
  border: 1px solid #2c3e50;
}
#video #player_wrapper_outer #vast_player_container .skip_button a {
  font-size: 1.1em;
}
#video .thumbnails div > span {
  display: inline-block;
  vertical-align: middle;
  position: relative;
}
#video .thumbnails div > span img {
  max-width: 28vw;
  min-width: 21vw;
}
#video .thumbnails div > span > span {
  position: absolute;
  bottom: 3px;
  right: 2px;
  background-color: rgba(8, 11, 14, 0.7);
  display: inline-block;
  padding: 3px;
  color: #ddd;
  border-radius: 5px;
  font-size: 0.8em;
}
#video .thumbnails figcaption {
  text-align: center;
  padding: 5px 0;
  color: #ddd;
}
#video ul.video_toolbar {
  display: -ms-flex;
  display: flex;
  flex-wrap: nowrap;
  -ms-align-content: stretch;
  align-content: stretch;
  -ms-align-items: stretch;
  align-items: stretch;
  position: relative;
  gap: 0.25rem;
}
#video ul.video_toolbar li {
  -ms-flex-shrink: 0;
  flex-shrink: 0;
  display: -ms-flex;
  display: flex;
  -ms-align-items: center;
  align-items: center;
  -ms-justify-content: center;
  justify-content: center;
  border-radius: 0.25rem;
  gap: 0.25rem;
  font-size: 1em;
  padding: 0.5rem 0.25rem;
  text-align: center;
  cursor: pointer;
  overflow: hidden;
  background-color: #1e2a36;
  color: #787f86;
}
#video ul.video_toolbar li.rt {
  -ms-flex-grow: 1;
  flex-grow: 1;
}
#video ul.video_toolbar li .i_svg {
  color: #a5aaaf;
  padding: 0.125rem;
  width: 1.25rem;
  height: 1.25rem;
  top: 0;
  display: block;
}
#video ul.video_toolbar li .i_svg.i_new-ui-chevron-right {
  padding: 0.25rem;
}
#video ul.video_toolbar li .i_svg.i_new-ui-download-from-cloud {
  padding: 0;
}
#video ul.video_toolbar li a {
  color: inherit;
}
#video ul.video_toolbar li.mod_delete {
  background-color: #60140c;
  color: #fff;
  cursor: pointer;
}
#video ul.video_toolbar li.active svg {
  fill: #e43320;
}
#video .user {
  display: -ms-flex;
  display: flex;
  flex-wrap: nowrap;
  -ms-align-content: stretch;
  align-content: stretch;
  -ms-align-items: center;
  align-items: center;
  padding: 0.5rem 1rem;
  gap: 0.5rem;
  background-color: #1e2a36;
  color: #a5aaaf;
  border-radius: 0.25rem;
}
#video .user .avatar {
  width: 1.5rem;
  height: 1.5rem;
  border-radius: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  background-color: #000;
}
#video .user > a,
#video .user > span:not(.ft-button) {
  -ms-flex-shrink: 0;
  flex-shrink: 0;
  -ms-flex-grow: 0;
  flex-grow: 0;
  color: inherit;
}
#video .user > a.name,
#video .user > span:not(.ft-button).name {
  -ms-flex-grow: 1;
  flex-grow: 1;
  -ms-flex-shrink: 1;
  flex-shrink: 1;
  display: -ms-flex;
  display: flex;
  -ms-align-items: center;
  align-items: center;
  gap: 0.25rem;
  overflow: hidden;
}
#video .user > a.name .text,
#video .user > span:not(.ft-button).name .text {
  color: #e9657b;
  font-weight: 700;
  line-height: 1.5rem;
  overflow: hidden;
  text-overflow: ellipsis;
  text-wrap: nowrap;
}
#video .user > a.name .i_svg,
#video .user > span:not(.ft-button).name .i_svg {
  -ms-flex-shrink: 0;
  flex-shrink: 0;
  width: 1.5rem;
  height: 1.5rem;
  padding: 0.1875rem;
  top: 0;
}
#video .user > a.name .i_svg.i_new-ui-chevron-right,
#video .user > span:not(.ft-button).name .i_svg.i_new-ui-chevron-right {
  padding: 0.375rem;
}
#video .user > a.icon-link,
#video .user > span:not(.ft-button).icon-link {
  padding: 0.5rem;
  width: 2.25rem;
  height: 2.25rem;
}
#video .user > a.icon-link .i_svg,
#video .user > span:not(.ft-button).icon-link .i_svg {
  top: 0;
  width: 100%;
  height: 100%;
}
#video .user > a.icon-link .i_svg.i_new-ui-account-circle,
#video .user > span:not(.ft-button).icon-link .i_svg.i_new-ui-account-circle {
  padding: 0.0625rem;
}
#video .user > a.icon-link .i_svg.i_new-ui-messages,
#video .user > span:not(.ft-button).icon-link .i_svg.i_new-ui-messages {
  padding: 0;
}
#video .searches {
  display: -ms-flex;
  display: flex;
  -ms-align-items: center;
  align-items: center;
  overflow-x: auto;
  gap: 8px;
}
#video .searches a {
  white-space: nowrap;
  padding: 0.25rem 0.5rem;
  background-color: var(--tag-bg-color);
  color: var(--tag-color);
  font-size: 0.8125rem;
  line-height: 1.25rem;
  cursor: pointer;
  text-transform: capitalize;
  display: block;
  border-radius: 0.25rem;
  transition: color 0.3s ease-in-out, background-color 0.3s ease-in-out, opacity 0.3s ease-in-out, fill 0.3s ease-in-out, border-color 0.3s ease-in-out, transform 0.3s ease-in-out;
}
@media (hover: hover) {
  #video .searches a:hover {
    color: var(--tag-hover-text-color);
  }
}
@media (hover: hover) {
  #video .searches a:active {
    background-color: #cf3952;
    color: #fff;
  }
}
#video .searches a img {
  width: 0.75rem;
  height: 0.75rem;
  border-radius: 0.1875rem;
  margin-right: 0.25rem;
  display: inline-block;
  vertical-align: middle;
}
#video .searches .highlight-tag a {
  background-color: var(--tag-active-bg-color);
  transition: color 0.3s ease-in-out, background-color 0.3s ease-in-out, opacity 0.3s ease-in-out, fill 0.3s ease-in-out, border-color 0.3s ease-in-out, transform 0.3s ease-in-out;
}
#video .searches a img {
  width: 12px;
  height: 12px;
  border-radius: 3px;
}
#video h1 {
  font-size: 0.875rem;
  padding: 0;
  color: #fff;
  font-weight: 700;
}
#video .text-block {
  background-color: transparent;
  padding: 5px;
  margin: 5px 0;
  color: #ddd;
  font-size: 0.8em;
}
#video .text-block a {
  color: #f08e84;
  display: inline-block;
  padding: 0 4px;
  margin: 2px;
  text-decoration: underline;
  text-transform: capitalize;
}
#video .preview_image_holder,
#video .playlist_holder,
#video .download_holder {
  display: none;
}
#video .messagebar {
  display: none;
}
#thumbnails-remodal figure.thumbnails {
  margin: 0;
  padding: 0;
  height: 90%;
  overflow: scroll;
}
#thumbnails-remodal figure.thumbnails img {
  width: 48%;
  margin: 0.5%;
}
#thumbnails-remodal figure.thumbnails figcaption {
  text-align: center;
  padding: 5px 0;
  color: #ddd;
}
.download_holder_popup .b_unlock,
.download_holder_popup .b_720p,
.download_holder_popup .b_480p,
.download_holder_popup .b_240p {
  display: none;
}
@media all and (min-width: 375px) {
  #video ul.video_toolbar {
    gap: 0.5rem;
  }
  #video ul.video_toolbar li {
    gap: 0.5rem;
    padding-left: 0.25rem;
    padding-right: 0.25rem;
  }
}
.more_videos a {
  color: var(--primary-btn-color);
}
#player .preloader {
  height: 20px;
  text-align: center;
}
#player .player_wrapper {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  max-width: 600px;
  margin: 0 auto;
}
#player .player_wrapper #video_player {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 100;
}
#player .thumbnails div {
  height: 100px;
  overflow-x: scroll;
  overflow-y: hidden;
  width: auto;
  white-space: nowrap;
}
#player .thumbnails div a {
  display: inline-block;
  vertical-align: middle;
  border: 4px solid #080b0e;
}
#player .thumbnails figcaption {
  text-align: center;
  padding: 5px 0;
  color: #ddd;
}
#player .share {
  margin: 5px;
  padding: 10px;
  background-color: #60140c;
  border-radius: 5px;
  text-align: center;
  color: #fff;
  border: 1px solid #d22b19;
  font-size: 1.25em;
}
#player .download {
  text-align: center;
  padding: 5px;
  color: #aaa;
  display: block;
}
#share-remodal h2 {
  color: #f76b1c;
  text-align: center;
  padding: 10px;
}
#share-remodal span {
  display: inline-block;
  background-color: #000;
  height: 50px;
  line-height: 50px;
  width: 46.5%;
  margin: 5px 1%;
  font-weight: bold;
  text-indent: 50px;
  color: #fff;
  font-size: 1em;
  background-position: left center;
  background-repeat: no-repeat;
  border-radius: 5px;
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.4);
  cursor: pointer;
}
#share-remodal span.facebook {
  background-color: #3b5998;
  background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2032%2032%22%3E%3Cpath%20fill%3D%22%23FFF%22%20d%3D%22M17.78%2027.5V17.008h3.522l.527-4.09h-4.05v-2.61c0-1.182.33-1.99%202.023-1.99h2.166V4.66c-.375-.05-1.66-.16-3.155-.16-3.123%200-5.26%201.905-5.26%205.405v3.016h-3.53v4.09h3.53V27.5h4.223z%22%2F%3E%3C%2Fsvg%3E');
}
#share-remodal span.messenger {
  background-color: #0084ff;
  background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2032%2032%22%3E%3Cpath%20fill%3D%22%23FFF%22%20d%3D%22M16%205C9.986%205%205.11%209.56%205.11%2015.182c0%203.2%201.58%206.054%204.046%207.92V27l3.716-2.06c.99.276%202.04.425%203.128.425%206.014%200%2010.89-4.56%2010.89-10.183S22.013%205%2016%205zm1.147%2013.655L14.33%2015.73l-5.423%203%205.946-6.31%202.816%202.925%205.42-3-5.946%206.31z%22%2F%3E%3C%2Fsvg%3E');
}
#share-remodal span.sms {
  background-color: #6cbe45;
  background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2032%2032%22%3E%3Cpath%20fill%3D%22%23FFF%22%20d%3D%22M16%203.543c-7.177%200-13%204.612-13%2010.294%200%203.35%202.027%206.33%205.16%208.21%201.71%201.565%201.542%204.08-.827%206.41%202.874%200%207.445-1.698%208.462-4.34H16c7.176%200%2013-4.605%2013-10.285s-5.824-10.29-13-10.29zM9.045%2017.376c-.73%200-1.45-.19-1.81-.388l.294-1.194c.384.2.98.398%201.6.398.66%200%201.01-.275%201.01-.692%200-.398-.302-.625-1.07-.9-1.06-.37-1.753-.957-1.753-1.886%200-1.09.91-1.924%202.415-1.924.72%200%201.25.152%201.63.322l-.322%201.166a3.037%203.037%200%200%200-1.336-.303c-.625%200-.93.284-.93.616%200%20.41.36.59%201.186.9%201.127.42%201.658%201.01%201.658%201.91.003%201.07-.822%201.98-2.575%201.98zm9.053-.095l-.095-2.44a72.993%2072.993%200%200%201-.057-2.626h-.028a35.41%2035.41%200%200%201-.71%202.475l-.778%202.49h-1.128l-.682-2.473a29.602%2029.602%200%200%201-.578-2.493h-.02c-.037.863-.065%201.85-.112%202.645l-.114%202.425H12.46l.407-6.386h1.924l.63%202.13c.2.74.397%201.536.54%202.285h.027a52.9%2052.9%200%200%201%20.607-2.293l.683-2.12h1.886l.35%206.386H18.1zm4.09.1c-.73%200-1.45-.19-1.81-.39l.293-1.194c.39.2.99.398%201.605.398.663%200%201.014-.275%201.014-.692%200-.396-.305-.623-1.07-.9-1.064-.37-1.755-.955-1.755-1.884%200-1.09.91-1.924%202.416-1.924.72%200%201.25.153%201.63.323l-.322%201.166a3.038%203.038%200%200%200-1.337-.303c-.625%200-.93.284-.93.616%200%20.408.36.588%201.186.9%201.127.42%201.658%201.006%201.658%201.906.002%201.07-.823%201.98-2.576%201.98z%22%2F%3E%3C%2Fsvg%3E');
}
#share-remodal span.whatsapp {
  background-color: #12af0a;
  background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2032%2032%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20fill%3D%22%23FFF%22%20d%3D%22M16.21%204.41C9.973%204.41%204.917%209.465%204.917%2015.7c0%202.134.592%204.13%201.62%205.832L4.5%2027.59l6.25-2.002a11.241%2011.241%200%200%200%205.46%201.404c6.234%200%2011.29-5.055%2011.29-11.29%200-6.237-5.056-11.292-11.29-11.292zm0%2020.69c-1.91%200-3.69-.57-5.173-1.553l-3.61%201.156%201.173-3.49a9.345%209.345%200%200%201-1.79-5.512c0-5.18%204.217-9.4%209.4-9.4%205.183%200%209.397%204.22%209.397%209.4%200%205.188-4.214%209.4-9.398%209.4zm5.293-6.832c-.284-.155-1.673-.906-1.934-1.012-.265-.106-.455-.16-.658.12s-.78.91-.954%201.096c-.176.186-.345.203-.628.048-.282-.154-1.2-.494-2.264-1.517-.83-.795-1.373-1.76-1.53-2.055-.158-.295%200-.445.15-.584.134-.124.3-.326.45-.488.15-.163.203-.28.306-.47.104-.19.06-.36-.005-.506-.066-.147-.59-1.587-.81-2.173-.218-.586-.46-.498-.63-.505-.168-.007-.358-.038-.55-.045-.19-.007-.51.054-.78.332-.277.274-1.05.943-1.1%202.362-.055%201.418.926%202.826%201.064%203.023.137.2%201.874%203.272%204.76%204.537%202.888%201.264%202.9.878%203.43.85.53-.027%201.734-.633%202-1.297.266-.664.287-1.24.22-1.363-.07-.123-.26-.203-.54-.357z%22%2F%3E%3C%2Fsvg%3E');
}
#share-remodal span.telegram {
  background-color: #2ca5e0;
  background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2032%2032%22%3E%3Cpath%20fill%3D%22%23FFF%22%20d%3D%22M25.515%206.896L6.027%2014.41c-1.33.534-1.322%201.276-.243%201.606l5%201.56%201.72%205.66c.226.625.115.873.77.873.506%200%20.73-.235%201.012-.51l2.43-2.363%205.056%203.734c.93.514%201.602.25%201.834-.863l3.32-15.638c.338-1.363-.52-1.98-1.41-1.577z%22%2F%3E%3C%2Fsvg%3E');
}
#share-remodal span.viber {
  background-color: #7c529e;
  background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2032%2032%22%3E%3Cpath%20d%3D%22M22.57%2027.22a7.39%207.39%200%200%201-1.14-.32%2029%2029%200%200%201-16-16.12c-1-2.55%200-4.7%202.66-5.58a2%202%200%200%201%201.39%200c1.12.41%203.94%204.3%204%205.46a2%202%200%200%201-1.16%201.78%202%202%200%200%200-.66%202.84A10.3%2010.3%200%200%200%2017%2020.55a1.67%201.67%200%200%200%202.35-.55c1.07-1.62%202.38-1.54%203.82-.54.72.51%201.45%201%202.14%201.55.93.75%202.1%201.37%201.55%202.94a5.21%205.21%200%200%201-4.29%203.27zM17.06%204.79A10.42%2010.42%200%200%201%2026.79%2015c0%20.51.18%201.27-.58%201.25s-.54-.78-.6-1.29c-.7-5.52-3.23-8.13-8.71-9-.45-.07-1.15%200-1.11-.57.05-.87.87-.54%201.27-.6z%22%20fill%3D%22%23fff%22%20fill-rule%3D%22evenodd%22%2F%3E%3Cpath%20d%3D%22M24.09%2014.06c-.05.38.17%201-.45%201.13-.83.13-.67-.64-.75-1.13-.56-3.36-1.74-4.59-5.12-5.35-.5-.11-1.27%200-1.15-.8s.82-.48%201.35-.42a6.9%206.9%200%200%201%206.12%206.57z%22%20fill%3D%22%23fff%22%20fill-rule%3D%22evenodd%22%2F%3E%3Cpath%20d%3D%22M21.52%2013.45c0%20.43%200%20.87-.53.93s-.6-.26-.64-.64a2.47%202.47%200%200%200-2.26-2.43c-.42-.07-.82-.2-.63-.76.13-.38.47-.41.83-.42a3.66%203.66%200%200%201%203.23%203.32z%22%20fill%3D%22%23fff%22%20fill-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E');
}
#share-remodal span.line {
  background-color: #00c300;
  background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2032%2032%22%3E%3Cpath%20fill%3D%22%23FFF%22%20d%3D%22M28%2014.304c0-5.37-5.384-9.738-12-9.738S4%208.936%204%2014.304c0%204.814%204.27%208.846%2010.035%209.608.39.084.923.258%201.058.592.122.303.08.778.04%201.084l-.172%201.028c-.05.303-.24%201.187%201.04.647s6.91-4.07%209.43-6.968c1.74-1.905%202.57-3.842%202.57-5.99zM11.302%2017.5H8.918a.631.631%200%200%201-.63-.63V12.1a.63.63%200%200%201%201.26.002v4.14h1.754c.35%200%20.63.28.63.628a.63.63%200%200%201-.63.63zm2.467-.63a.631.631%200%200%201-.63.628.629.629%200%200%201-.63-.63V12.1a.63.63%200%201%201%201.26%200v4.77zm5.74%200a.632.632%200%200%201-1.137.378l-2.443-3.33v2.95a.631.631%200%200%201-1.26%200V12.1a.634.634%200%200%201%20.63-.63.63.63%200%200%201%20.504.252l2.444%203.328V12.1a.63.63%200%200%201%201.26%200v4.77zm3.853-3.014a.63.63%200%201%201%200%201.258H21.61v1.126h1.755a.63.63%200%201%201%200%201.258H20.98a.63.63%200%200%201-.628-.63V12.1a.63.63%200%200%201%20.63-.628h2.384a.63.63%200%200%201%200%201.258h-1.754v1.126h1.754z%22%2F%3E%3C%2Fsvg%3E');
}
#share-remodal span.skype {
  background-color: #00aff0;
  background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2032%2032%22%3E%3Cpath%20fill%3D%22%23FFF%22%20d%3D%22M27.15%2018c-.007.04-.012.084-.02.126l-.04-.24.06.113c.124-.678.19-1.37.19-2.06%200-1.53-.3-3.013-.892-4.41a11.273%2011.273%200%200%200-2.43-3.602%2011.288%2011.288%200%200%200-8.012-3.32c-.72%200-1.443.068-2.146.203h-.005c.04.023.08.04.118.063l-.238-.037c.04-.01.08-.018.12-.026a6.717%206.717%200%200%200-3.146-.787%206.67%206.67%200%200%200-4.748%201.965A6.7%206.7%200%200%200%204%2010.738c0%201.14.293%202.262.844%203.253.007-.04.012-.08.02-.12l.04.238-.06-.114c-.112.643-.17%201.3-.17%201.954a11.285%2011.285%200%200%200%203.32%208.012c1.04%201.04%202.25%201.86%203.602%202.43%201.397.592%202.882.89%204.412.89.666%200%201.334-.06%201.985-.175-.038-.02-.077-.04-.116-.063l.242.04c-.046.01-.088.015-.13.02a6.68%206.68%200%200%200%203.3.87%206.661%206.661%200%200%200%204.743-1.963A6.666%206.666%200%200%200%2028%2021.26c0-1.145-.295-2.27-.85-3.264zm-11.098%204.885c-4.027%200-5.828-1.98-5.828-3.463%200-.76.562-1.294%201.336-1.294%201.723%200%201.277%202.474%204.49%202.474%201.647%200%202.556-.893%202.556-1.808%200-.55-.27-1.16-1.355-1.426l-3.58-.895c-2.88-.723-3.405-2.282-3.405-3.748%200-3.043%202.865-4.186%205.556-4.186%202.478%200%205.4%201.37%205.4%203.192%200%20.783-.677%201.237-1.45%201.237-1.472%200-1.2-2.035-4.163-2.035-1.47%200-2.285.666-2.285%201.618%200%20.95%201.16%201.254%202.17%201.484l2.65.587c2.905.647%203.64%202.342%203.64%203.94%200%202.47-1.895%204.318-5.726%204.318z%22%2F%3E%3C%2Fsvg%3E');
}
#share-remodal span.wechat {
  background-color: #7bb32e;
  background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2032%2032%22%3E%3Cg%20fill%3D%22%23FFF%22%3E%3Cpath%20d%3D%22M20.674%2012.458c-2.228.116-4.165.792-5.738%202.318-1.59%201.542-2.315%203.43-2.116%205.772-.87-.108-1.664-.227-2.462-.294-.276-.023-.602.01-.836.14-.774.438-1.517.932-2.397%201.482.16-.73.266-1.37.45-1.985.137-.45.074-.7-.342-.994-2.673-1.89-3.803-4.714-2.958-7.624.78-2.69%202.697-4.323%205.302-5.173%203.555-1.16%207.55.022%209.712%202.845a6.632%206.632%200%200%201%201.38%203.516zm-10.253-.906c.025-.532-.44-1.01-.984-1.027a.997.997%200%200%200-1.038.964.984.984%200%200%200%20.977%201.02%201.017%201.017%200%200%200%201.05-.96zm5.35-1.028c-.55.01-1.01.478-1%201.012.01.554.466.987%201.03.98a.982.982%200%200%200%20.99-1.01.992.992%200%200%200-1.02-.982z%22%2F%3E%3Cpath%20d%3D%22M25.68%2026.347c-.705-.314-1.352-.785-2.042-.857-.686-.072-1.408.324-2.126.398-2.187.224-4.147-.386-5.762-1.88-3.073-2.842-2.634-7.2.92-9.53%203.16-2.07%207.795-1.38%2010.022%201.493%201.944%202.51%201.716%205.837-.658%207.94-.687.61-.934%201.11-.493%201.917.086.148.095.336.14.523zm-8.03-7.775c.448%200%20.818-.35.835-.795a.835.835%200%200%200-.83-.865.845.845%200%200%200-.84.86c.016.442.388.8.834.8zm5.176-1.658a.83.83%200%200%200-.824.794c-.02.47.347.858.813.86.45%200%20.807-.34.823-.79a.825.825%200%200%200-.812-.864z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E');
}
#share-remodal span.twitter {
  background-color: #55acee;
  background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2032%2032%22%3E%3Cpath%20fill%3D%22%23FFF%22%20d%3D%22M28%208.557a9.913%209.913%200%200%201-2.828.775%204.93%204.93%200%200%200%202.166-2.725%209.738%209.738%200%200%201-3.13%201.194%204.92%204.92%200%200%200-3.593-1.55%204.924%204.924%200%200%200-4.794%206.049c-4.09-.21-7.72-2.17-10.15-5.15a4.942%204.942%200%200%200-.665%202.477c0%201.71.87%203.214%202.19%204.1a4.968%204.968%200%200%201-2.23-.616v.06c0%202.39%201.7%204.38%203.952%204.83-.414.115-.85.174-1.297.174-.318%200-.626-.03-.928-.086a4.935%204.935%200%200%200%204.6%203.42%209.893%209.893%200%200%201-6.114%202.107c-.398%200-.79-.023-1.175-.068a13.953%2013.953%200%200%200%207.55%202.213c9.056%200%2014.01-7.507%2014.01-14.013%200-.213-.005-.426-.015-.637.96-.695%201.795-1.56%202.455-2.55z%22%2F%3E%3C%2Fsvg%3E');
}
#share-remodal span.reddit {
  background-color: #ff4500;
  background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2032%2032%22%3E%3Cpath%20d%3D%22M28.543%2015.774a2.953%202.953%200%200%200-2.951-2.949%202.882%202.882%200%200%200-1.9.713%2014.075%2014.075%200%200%200-6.85-2.044l1.38-4.349%203.768.884a2.452%202.452%200%201%200%20.24-1.176l-4.274-1a.6.6%200%200%200-.709.4l-1.659%205.224a14.314%2014.314%200%200%200-7.316%202.029%202.908%202.908%200%200%200-1.872-.681%202.942%202.942%200%200%200-1.618%205.4%205.109%205.109%200%200%200-.062.765c0%204.158%205.037%207.541%2011.229%207.541s11.22-3.383%2011.22-7.541a5.2%205.2%200%200%200-.053-.706%202.963%202.963%200%200%200%201.427-2.51zm-18.008%201.88a1.753%201.753%200%200%201%201.73-1.74%201.73%201.73%200%200%201%201.709%201.74%201.709%201.709%200%200%201-1.709%201.711%201.733%201.733%200%200%201-1.73-1.711zm9.565%204.968a5.573%205.573%200%200%201-4.081%201.272h-.032a5.576%205.576%200%200%201-4.087-1.272.6.6%200%200%201%20.844-.854%204.5%204.5%200%200%200%203.238.927h.032a4.5%204.5%200%200%200%203.237-.927.6.6%200%201%201%20.844.854zm-.331-3.256a1.726%201.726%200%201%201%201.709-1.712%201.717%201.717%200%200%201-1.712%201.712z%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fsvg%3E');
}
#share-remodal span.pinterest {
  background-color: #bd081c;
  background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2032%2032%22%3E%3Cpath%20d%3D%22M16.56%204C10%204%206.71%208.7%206.71%2012.61c0%202.37.9%204.48%202.82%205.27a.47.47%200%200%200%20.69-.34l.28-1.11a.67.67%200%200%200-.2-.77A4%204%200%200%201%209.4%2013a6.53%206.53%200%200%201%206.79-6.6c3.7%200%205.74%202.26%205.74%205.28%200%204-1.76%207.33-4.37%207.33a2.13%202.13%200%200%201-2.18-2.66c.41-1.75%201.22-3.63%201.22-4.89a1.85%201.85%200%200%200-1.86-2.07c-1.47%200-2.66%201.53-2.66%203.57a5.31%205.31%200%200%200%20.44%202.18l-1.77%207.51a15.45%2015.45%200%200%200%200%205.24.18.18%200%200%200%20.33.08%2014.71%2014.71%200%200%200%202.49-4.51c.17-.61%201-3.79%201-3.79a4%204%200%200%200%203.37%201.72c4.43%200%207.44-4%207.44-9.45C25.29%207.81%2021.83%204%2016.56%204z%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fsvg%3E');
}
.video-js {
  outline: none !important;
  -webkit-touch-callout: none !important;
  -webkit-user-select: none !important;
  -moz-user-select: none !important;
  user-select: none !important;
}
.video-js * {
  outline: none !important;
  -webkit-touch-callout: none !important;
  -webkit-user-select: none !important;
  -moz-user-select: none !important;
  user-select: none !important;
  box-shadow: none !important;
}
.video-js .vjs-big-play-button {
  top: 50% !important;
  left: auto !important;
  transform: translateY(-50%);
  margin-left: auto;
  margin-right: auto;
  position: relative !important;
}
.vjs-mobile-overlay {
  background: rgba(17, 24, 31, 0.85);
}
.settings-main-menu {
  padding-bottom: env(safe-area-inset-bottom, 0);
}
.video-js .vjs-progress-control .progressbar-pointers {
  display: flex;
  align-items: center;
  position: absolute;
}
.video-js .vjs-progress-control .progressbar-pointers span {
  position: absolute;
  width: 0.125rem;
  height: 0.125rem;
  background: var(--video-scene-indicator);
}
.video-js .vjs-progress-control .timeline-thumbs {
  position: absolute;
  top: -95px;
  height: 95px;
  text-align: left;
  z-index: 2;
  left: 0;
  right: 0;
  width: 100%;
}
.video-js .vjs-progress-control .timeline-thumbs .thumb {
  display: inline-block;
  width: 120px;
  height: 90px;
  margin-left: 0;
  border-radius: 5px;
  border: 1px solid #2c3e50;
}
.video-js .vjs-progress-control.with-positions .timeline-thumbs {
  top: -125px;
  height: 95px;
}
#video_container video::-webkit-media-controls,
#video_container video::-webkit-media-controls-panel {
  display: none;
}
#video_container #main_video_player .vjs-icon-placeholder:before {
  content: '';
  background-size: contain;
  background-repeat: no-repeat;
}
#video_container .vjs-volume-panel,
#video_container .vjs-button {
  width: 1.5rem;
  height: 1.5rem;
}
#video_container #main_video_player.vjs-user-inactive.vjs-paused .vjs-big-play-button,
#video_container #main_video_player.vjs-user-active .vjs-big-play-button {
  display: flex;
  position: relative;
  pointer-events: all;
}
#video_container #main_video_player.vjs-user-inactive.vjs-paused .vjs-big-play-button .vjs-icon-placeholder:before,
#video_container #main_video_player.vjs-user-active .vjs-big-play-button .vjs-icon-placeholder:before {
  background-image: url("data:image/svg+xml,%3Csvg fill='none' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M18 11.86v.28c-.0008.2666-.1412.5133-.37.65L8.68 18c-.54.32-.82.32-1.06.18l-.25-.14c-.22281-.133-.36232-.3706-.37-.63V6.59005c.00081-.26656.14121-.51322.37-.65l.25-.14c.24-.14.52-.14 1.22.27L17.63 11.21c.2288.1368.3692.3835.37.65Z' fill='%23fff'/%3E%3C/svg%3E");
  height: 80%;
  background-size: 100% 100%;
  background-position: center;
  top: 10%;
}
#video_container #main_video_player.vjs-user-inactive.vjs-paused.vjs-playing .vjs-big-play-button .vjs-icon-placeholder:before,
#video_container #main_video_player.vjs-user-active.vjs-playing .vjs-big-play-button .vjs-icon-placeholder:before {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='ico%20/%2024%20/%20audiovisual%20/%20pause'%3E%3Cpath id='Vector' fill-rule='evenodd' clip-rule='evenodd' d='M10 17.25V6.75C9.99461 6.33804 9.66196 6.00539 9.25 6H7.75C7.33804 6.00539 7.00539 6.33804 7 6.75V17.25C7.00539 17.662 7.33804 17.9946 7.75 18H9.25C9.66196 17.9946 9.99461 17.662 10 17.25ZM14.75 6H16.25C16.662 6.00539 16.9946 6.33804 17 6.75V17.25C16.9946 17.662 16.662 17.9946 16.25 18H14.75C14.338 17.9946 14.0054 17.662 14 17.25V6.75C14.0054 6.33804 14.338 6.00539 14.75 6Z' fill='%23fff'/%3E%3C/g%3E%3C/svg%3E");
  background-position: center;
  top: 10%;
}
#video_container .vjs-positions-thumbnail-container {
  display: flex;
  justify-content: center;
  width: 100%;
  height: auto;
  position: absolute;
  bottom: 1.625rem;
}
#video_container .vjs-positions-thumbnail-container .vjs-timeline-positions-lower-container {
  display: flex;
}
#video_container .vjs-positions-thumbnail-container .vjs-timeline-positions-lower-container span.vjs-timeline-positions-timer-icon:before {
  display: block;
  width: 1rem;
  height: 1rem;
  margin-right: 0.25rem;
  content: '';
  background-repeat: no-repeat;
  background-image: url('data:image/svg+xml,%3Csvg xmlns%3D%22http%3A//www.w3.org/2000/svg%22 width%3D%2216%22 height%3D%2216%22 fill%3D%22none%22%3E%3Cpath fill%3D%22%23fff%22 fill-rule%3D%22evenodd%22 d%3D%22M8 1.333a6.667 6.667 0 1 0 0 13.334A6.667 6.667 0 0 0 8 1.333Zm0 12A5.333 5.333 0 1 1 8 2.667a5.333 5.333 0 0 1 0 10.666Zm.587-9V7.76l2.42 2.42a.34.34 0 0 1 0 .473l-.354.354a.34.34 0 0 1-.473 0L7.513 8.34a.353.353 0 0 1-.1-.233V4.333c0-.184.15-.333.334-.333h.506c.184 0 .334.15.334.333Z%22 clip-rule%3D%22evenodd%22/%3E%3C/svg%3E');
}
#video_container .vjs-positions-thumbnail-container span:not(.vjs-timeline-positions-timer-icon) {
  display: none;
  z-index: 2;
  background: var(--video-thumbnail-bg-color-rgba);
  -webkit-border-top-right-radius: 0.5rem;
  -webkit-border-bottom-right-radius: 0.5rem;
  -webkit-border-bottom-left-radius: 0.5rem;
  -webkit-border-top-left-radius: 0.5rem;
  -moz-border-radius-topright: 0.5rem;
  -moz-border-radius-bottomright: 0.5rem;
  -moz-border-radius-bottomleft: 0.5rem;
  -moz-border-radius-topleft: 0.5rem;
  border-top-right-radius: 0.5rem;
  border-bottom-right-radius: 0.5rem;
  border-bottom-left-radius: 0.5rem;
  border-top-left-radius: 0.5rem;
  -moz-background-clip: padding-box;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  flex-direction: column;
  align-items: center;
  flex-shrink: 0;
  flex-grow: 0;
  justify-content: center;
  padding: 0.5rem 1rem;
  gap: 0.125rem;
}
#video_container .vjs-positions-thumbnail-container span:not(.vjs-timeline-positions-timer-icon).hidden {
  display: none;
}
#video_container .vjs-positions-thumbnail-container span:not(.vjs-timeline-positions-timer-icon).show {
  display: flex;
}
#video_container .vjs-positions-thumbnail-container span:not(.vjs-timeline-positions-timer-icon) p {
  font-weight: 400;
  font-size: 0.75rem;
  line-height: 1rem;
  color: var(--video-positions-time-color);
}
#video_container .vjs-positions-thumbnail-container span:not(.vjs-timeline-positions-timer-icon) strong {
  background-size: cover;
  width: 1.5rem;
  height: 1.5rem;
}
#video_container .vjs-positions-thumbnail-container span:not(.vjs-timeline-positions-timer-icon) strong.spooning {
  background-image: url('data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20clip-path%3D%22url(%23clip0_4191_18552)%22%3E%3Cg%20clip-path%3D%22url(%23clip1_4191_18552)%22%3E%3Cpath%20d%3D%22M17.7094%209.91475C17.7094%209.91475%2022.1747%2013.1501%2018.7111%2014.9797C15.2475%2016.8092%2012.8209%2020.6309%2012.8209%2020.6309C6.77543%2027.0591%2010.3589%2032.8163%207.0717%2032.9929C4.01019%2033.1554%205.93598%2026.0136%208.53897%2021.1889C8.53897%2021.1889%207.83355%2019.8962%208.45432%2018.9214C9.07509%2017.9465%209.94981%2017.6216%2011.537%2016.9788C15.7413%2015.2763%2013.5968%207.61895%2017.7094%209.91475Z%22%20fill%3D%22%23ED7E90%22%2F%3E%3Cpath%20d%3D%22M20.6368%2010.1763C21.942%2010.1763%2023%209.11676%2023%207.80981C23%206.50285%2021.942%205.44336%2020.6368%205.44336C19.3317%205.44336%2018.2737%206.50285%2018.2737%207.80981C18.2737%209.11676%2019.3317%2010.1763%2020.6368%2010.1763Z%22%20fill%3D%22%23ED7E90%22%2F%3E%3Cpath%20d%3D%22M15.8541%2016.4844C16.1151%2018.8226%2015.6566%2022.9197%2018.0339%2022.1144C19.5717%2021.5352%2017.0463%2019.6773%2017.9704%2014.895C18.8945%2010.1127%2015.5931%2014.1533%2015.8612%2016.4844H15.8541Z%22%20fill%3D%22%23ED7E90%22%2F%3E%3Cpath%20d%3D%22M13.3781%206.20632C14.655%207.35069%2015.9318%208.05709%2013.3358%2010.7555C10.7399%2013.454%209.01866%2016.986%209.01866%2016.986C4.74383%2024.8624-0.659665%2033.3604-1.92942%2028.5498C-2.71948%2025.5405%203.24835%2023.8381%204.56042%2018.4341C4.56042%2018.4341%203.79857%2017.6642%204.56042%2015.7427C5.60444%2013.8355%207.1352%2014.0191%207.60077%2012.3449C8.8282%207.95819%208.96929%202.94274%2013.3781%206.20632Z%22%20fill%3D%22white%22%2F%3E%3Cpath%20d%3D%22M14.7254%205.80353C16.0501%205.80353%2017.1239%204.72822%2017.1239%203.40177C17.1239%202.07531%2016.0501%201%2014.7254%201C13.4008%201%2012.327%202.07531%2012.327%203.40177C12.327%204.72822%2013.4008%205.80353%2014.7254%205.80353Z%22%20fill%3D%22white%22%2F%3E%3Cpath%20d%3D%22M10.9091%2012.133C11.7697%2014.3581%2012.3834%2018.4977%2014.4997%2017.0919C15.8611%2016.1242%2012.9054%2014.9586%2012.5668%2010.0279C12.2282%205.09722%2010.0485%209.91488%2010.9091%2012.133Z%22%20fill%3D%22white%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22clip0_4191_18552%22%3E%3Crect%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22white%22%2F%3E%3C%2FclipPath%3E%3CclipPath%20id%3D%22clip1_4191_18552%22%3E%3Crect%20width%3D%2225%22%20height%3D%2232%22%20fill%3D%22white%22%20transform%3D%22translate(-2%201)%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3C%2Fsvg%3E');
}
#video_container .vjs-positions-thumbnail-container span:not(.vjs-timeline-positions-timer-icon) strong.missionary {
  background-image: url('data:image/svg+xml,%3Csvg%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cg%20clip-path%3D%22url%28%23a%29%22%3E%3Cpath%20d%3D%22M19.7844%2021.3622c1.4583%200%202.6405-1.1822%202.6405-2.6405s-1.1822-2.6405-2.6405-2.6405-2.6405%201.1822-2.6405%202.6405%201.1822%202.6405%202.6405%202.6405Z%22%20fill%3D%22%23ED7E90%22%2F%3E%3Cpath%20d%3D%22M15.1568%206.28029s1.94%202.37779-1.4886%205.03851c-3.4286%202.6607-8.10337%204.7555-8.10337%204.7555-8.89817%204.3784-16.17973%207.3355-14.25323%202.1758%201.20573-3.2266%203.50268.9565%208.137002-3.0851%200%200%20.36374-.8689%202.283478-2.1218%202.16224-1.0576%201.85239-.384%203.35451-1.5964C9.0069%208.2674%2011.9438%203.62634%2015.1568%206.28703v-.00674Z%22%20fill%3D%22%23fff%22%2F%3E%3Cpath%20d%3D%22M12.7926%2021.8135s-3.69808-.1482-7.07278-.3368c-4.43898-.2493-1.05081-6.9717-1.05081-6.9717s-1.84564%201.1047-5.8872%201.7244c-7.44994%201.1383%204.43225-7.80025%208.87123-4.1561%202.20939%201.8187-.17514%204.8297-.17514%204.8297s1.9871-.5861%204.7152-.4177c2.728.1684%204.8566.9835%203.8866%202.7618-1.3741%202.5327-3.2804%202.5664-3.2804%202.5664h-.0067Z%22%20fill%3D%22%23ED7E90%22%2F%3E%3Cpath%20d%3D%22M18.8481%208.30792c1.4657%200%202.6539-1.18822%202.6539-2.65396S20.3138%203%2018.8481%203c-1.4658%200-2.654%201.18822-2.654%202.65396s1.1882%202.65396%202.654%202.65396ZM10.3945%2012.9018c-.6399%202.5597-2.74151%206.6955.0808%206.7831%201.8524%200-.074-2.9503%202.7753-7.6251%202.8493-4.67472-2.2094-1.7176-2.8493.842h-.0068Z%22%20fill%3D%22%23fff%22%2F%3E%3Cpath%20d%3D%22M13.8703%2019.0113s1.9736-10.89878-1.0374-7.9956c-2.2026%202.1286.7073%203.8058-1.071%208.3391l2.1084-.3435Z%22%20fill%3D%22%23ED7E90%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22a%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M0%200h24v24H0z%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3C%2Fsvg%3E');
}
#video_container .vjs-positions-thumbnail-container span:not(.vjs-timeline-positions-timer-icon) strong.licking {
  background-image: url('data:image/svg+xml,%3Csvg%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M21.6902%2011.4225c.0009.0011.0018.0022.0027.0032v-.0058c-.0009.0008-.0018.0017-.0027.0026ZM19.109%205.65327c.3832%201.63674.8575%203.66219%202.5812%205.76923-1.4536%201.428-2.3099%202.7811-3.0651%203.9745-1.4472%202.2868-2.5229%203.9867-6.7189%204.5015-4.5044.5536-5.843-1.41-7.27754-3.5142C3.72699%2015.0617%202.78742%2013.6835%201%2012.8398c1.43117-1.327%202.22127-3.34935%202.97847-5.28747%201.1288-2.88924%202.18451-5.5914%205.18202-5.5244%202.39221.04125%203.38201%202.26255%203.38201%202.26255s1.8678-2.89889%204.2482-2.17417c1.6047.48933%201.9098%201.79231%202.3183%203.53696Zm-8.9056%202.20187c-.2239.84257-4.10676%204.03606-4.10676%204.03606%202.52179.1119%204.51916%202.5748%204.51916%202.5748l4.425-.3358%204.089-3.0285c-1.4593-.4664-2.1779-1.48948-3.3544-3.16453-.0871-.12392-.1766-.25142-.2692-.38252-.5008.95451-3.6766%201.14306-5.3028.30049Z%22%20fill%3D%22%23fff%22%2F%3E%3Cpath%20d%3D%22M6.66815%2011.8736s5.33235%203.4409%207.50645%208.2429c.3712.8131%201.0724%201.3965%201.8678%201.7971%202.5159%201.2668%204.6253.6953%206.0158-.8956%201.3434-1.5319-.2298-8.6966-4.1068-9.9399-3.8769-1.24318-4.472%200-4.472%200s-4.02431-1.83828-6.81125.7955Z%22%20fill%3D%22%23ED7E90%22%2F%3E%3C%2Fsvg%3E');
}
#video_container .vjs-positions-thumbnail-container span:not(.vjs-timeline-positions-timer-icon) strong.handjob {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg fill='none' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M8.17485 20.9749s7.29785 1.2999 10.33315.3629c3.0353-.937 1.5176-2.2896.8776-2.5998.9172.0396 2.9891-1.1811 1.4912-3.0682 2.5998-.4091 2.4876-3.1673 1.0294-3.5764 1.5044-.3365 1.8146-3.7611-1.3989-3.93926 0 0-6.5456-1.78817-8.7099-1.37907-2.16429.4091-3.97226 4.73103-3.97226 4.73103s-5.31834-1.2866-6.24872.0594c-1.108536 1.9862-.23094 9.0531-.23094 9.0531s.29033.9897 6.83597.3497l-.0066.0066Z' fill='%23fff'/%3E%3Cpath d='M17.4918 2.26177c-.2441-.06599-.4883.11877-.4883.36951v2.26326c0 .25734-.2111.46189-.4619.46189-.2507 0-.4619-.21115-.4619-.46189V2.63128c0-.25074-.2441-.4421-.4883-.36951-1.8871.52787-3.2926 2.59318-3.2926 5.06099 0 2.87034 1.9004 1.51764 4.2428 1.51764 2.3425 0 4.2428 1.3461 4.2428-1.51764 0-2.46781-1.4055-4.53312-3.2926-5.06099Z' fill='%23ED7E90'/%3E%3C/svg%3E");
}
#video_container .vjs-positions-thumbnail-container span:not(.vjs-timeline-positions-timer-icon) strong.doggy {
  background-image: url('data:image/svg+xml,%3Csvg%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M9.3963%208.05193c.1222.48236%202.7591.73318%205.0358%201.82009%201.5114.72028%202.4954%201.92938%202.952%202.59188.193.2765.5788%201.6979.5596%202.0323l-.566%204.1547c-.0515.9904.8361%201.7622%201.8072%201.5821.6303-.1157%201.1191-.6109%201.222-1.2412.2379-1.4278-.5274-2.7655.2958-4.9458.0643-.1672%201.2477-2.9456.3859-3.9682-3.9424-4.68205-8.393-6.27061-9.5249-6.28347%200%200-1.68505-.16079-2.30246%201.71719-.61742%201.87797.13506%202.54684.13506%202.54684v-.00643Z%22%20fill%3D%22%23fff%22%2F%3E%3Cpath%20d%3D%22M7.58908%2012.4833s3.53082.1415%206.75302.3215c4.2383.238%201.0033%206.6566%201.0033%206.6566s-.6046-.8297%206.5086.2572c7.1131%201.0869-6.6437%203.2157-8.5731%201.2863-1.9294-1.9294-.6174-3.8331-.6174-3.8331s-1.8973.5595-4.50203.3987c-2.60472-.1608-4.63705-.939-3.71093-2.6369%201.31201-2.4182%203.1321-2.4503%203.1321-2.4503h.00644ZM2.52111%2014.4383c1.39238%200%202.52112-1.1287%202.52112-2.5211%200-1.3923-1.12874-2.52108-2.52112-2.52108C1.12874%209.39612%200%2010.5249%200%2011.9172c0%201.3924%201.12874%202.5211%202.52111%202.5211Z%22%20fill%3D%22%23ED7E90%22%2F%3E%3Cpath%20d%3D%22M7.13242%2015.2166s-7.016671%207.9106-3.11923%207.0359c2.85555-.6431%201.312-3.4536%205.01007-6.2706l-1.89084-.7653Z%22%20fill%3D%22%23ED7E90%22%2F%3E%3Cpath%20d%3D%22M6.45067%207.06796c1.39948%200%202.53398-1.1345%202.53398-2.53398S7.85015%202%206.45067%202%203.91669%203.1345%203.91669%204.53398s1.1345%202.53398%202.53398%202.53398ZM11.4608%208.52148s.2701%203.13212-2.38609%206.29632c1.65929%202.1224%203.74949.6882%204.50199-5.73035l-2.1159-.56597Z%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fsvg%3E');
}
#video_container .vjs-positions-thumbnail-container span:not(.vjs-timeline-positions-timer-icon) strong.cowgirl {
  background-image: url('data:image/svg+xml,%3Csvg%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cg%20clip-path%3D%22url%28%23a%29%22%3E%3Cpath%20d%3D%22M18.0362%2018.8388s.2326-2.7787-3.7029-3.0113c-3.9355-.2326-8.51367.5998-8.51367.5998-8.91762%201.2915-14.40163-2.7114-12.41245%201.879.88748%202.0504%202.86441.7467%208.41574%201.3955%200%200%20.59981%201.016%202.68692.9732%202.16055-.3183%201.58521-.6672%203.32957-.5264%204.56589.3673%209.16249%202.3381%2010.19679-1.3098Z%22%20fill%3D%22%23fff%22%2F%3E%3Cpath%20d%3D%22M7.44154%207.18546c-2.3258%200-2.58287%201.18738-3.92327%203.56214-1.3404%202.3748-1.90961%204.0763%200%205.7288%201.90961%201.6526%203.15208%202.4238%203.15208%202.4238s-7.82205-.9732-4.41291%201.3281c2.30133%201.5546%207.42421.6427%207.87716.5264.4529-.1163%201.9953-.5631%201.065-1.8056-.9304-1.2424-3.83151-4.064-3.83151-4.064l.85076-3.911s.99152%202.1422%201.49953%203.1459c.46512.9242%202.21562%203.7091%204.11302%202.4911-3.1031-4.7679-2.895-6.2185-3.3296-7.39974-.4345-1.18127-.73446-2.03814-3.05414-2.03814l-.00612.01224ZM9.77358%207.1121c1.32502%200%202.39922-1.07418%202.39922-2.39925S11.0986%202.3136%209.77358%202.3136c-1.32507%200-2.39925%201.07418-2.39925%202.39925S8.44851%207.1121%209.77358%207.1121Z%22%20fill%3D%22%23ED7E90%22%2F%3E%3Cpath%20d%3D%22M7.49052%2017.3883c-1.79943-1.5914-4.95763-3.0909-2.89501-4.6027%201.38936-.9487.9242%201.7382%205.45949%203.7703%204.5354%202.032-.77115%202.4237-2.57059.8324h.00611ZM20.5885%2019.2123c1.3318%200%202.4115-1.0797%202.4115-2.4115%200-1.3319-1.0797-2.4115-2.4115-2.4115s-2.4115%201.0796-2.4115%202.4115c0%201.3318%201.0797%202.4115%202.4115%202.4115Z%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22a%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M0%200h24v24H0z%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3C%2Fsvg%3E');
}
#video_container .vjs-positions-thumbnail-container span:not(.vjs-timeline-positions-timer-icon) strong.blowjob {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg fill='none' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg clip-path='url(%23a)'%3E%3Cpath d='M10.1398 3.25848c.127-4.71164-1.46681-6.00703-3.61309-5.46093C1.37057-.89437 6.49059 4.16935 5.5 8.5c-.53975 2.3622.7079 2.7079 1 3 .52704 12.357-.62098 11.6719 1.73484 11.7227 2.35586.0508 1.40334-1.4542 1.90496-19.96422Z' fill='%23fff'/%3E%3Cpath d='M5.2694.293077C4.41851.331177-.274085 4.11573 1.33245 5.51272 2.93898 6.9097 5.1297 7.2145 6.87593 7.59549c3.46067.3175-3.74645-3.05431-3.74645-3.05431s2.73047-1.72083 3.21941-3.49246c0 0-.23495-.793743-1.08584-.755643h.00635Z' fill='%23fff'/%3E%3Cpath d='M15.4547 10.0211c2.3812 0 2.8701.9017 4.2481 3.3337 1.3779 2.4321 2.8828 3.8735.9271 5.5689-1.9558 1.6954-3.2258 2.4892-3.2258 2.4892s7.0738-.4128 5.3149 1.2446c-1.6129 1.524-9.5249.5524-9.5249.5524s-1.3906-.4762-.4382-1.7462c.9525-1.27 3.9307-4.1656 3.9307-4.1656l-2.14-3.848s-2.2605.9906-3.4099.9144c-1.14932-.0762-4.28618-2.9781-3.96869-3.9306.3175-.95252 4.12749 1.6255 4.12749 1.6255s1.7843-2.0383 4.1655-2.0383h-.0063ZM13.5879 9.69744c1.3572 0 2.4574-1.10023 2.4574-2.45742 0-1.3572-1.1002-2.45743-2.4574-2.45743-1.3572 0-2.4575 1.10023-2.4575 2.45743 0 1.35719 1.1003 2.45742 2.4575 2.45742Z' fill='%23ED7E90'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h24v24H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}
#video_container .vjs-skip-to-action-container {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  z-index: 0;
}
#video_container .vjs-skip-to-action-container .backdrop {
  background-color: var(--video-positions-backdrop-color);
  opacity: 0.5;
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 1;
}
#video_container .vjs-controls-middle-container {
  display: flex;
  flex-direction: row;
  align-items: center;
  align-self: center;
  pointer-events: none;
  gap: 1rem;
}
#video_container .vjs-controls-middle-container .vjs-big-play-button {
  left: auto;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  background-color: var(--video-play-bg-color-rgba);
  width: 4.5rem;
  height: 4.5rem;
  border-radius: 3.25rem;
  border: transparent;
  font-size: 3rem;
  z-index: 1;
  margin-top: 0;
}
#video_container .vjs-controls-middle-container .vjs-big-play-button .vjs-icon-placeholder:before {
  align-content: center;
  color: var(--video-play-button-color);
  height: 1.875rem;
}
#video_container .vjs-controls-middle-container .vjs-play-next-button {
  position: relative;
  background-color: var(--video-play-bg-color-rgba);
  width: 3rem;
  height: 3rem;
  border-radius: 3.25rem;
  border: transparent;
  z-index: 1;
  margin-bottom: auto;
  margin-top: auto;
  text-align: center;
  pointer-events: all;
  display: none;
}
#video_container .vjs-controls-middle-container .vjs-play-next-button .vjs-icon-placeholder:before {
  display: flex;
  height: 2rem;
  width: 2rem;
  margin-left: auto;
  margin-right: auto;
  background-image: url('data:image/svg+xml;base64,PHN2ZyBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik02LjQ5IDUuODk5OGMuMjQyOTMtLjE1OTEyLjU1NzA3LS4xNTkxMi44IDBMMTQuNjYgMTEuMTFjLjE5OTMuMTM5NC4zMTg1LjM2NjguMzIuNjB2LjYyYy0uMDAxNS4yNDMyLS4xMjA3LjQ3MDYtLjMyLjYxbC03LjM3IDUuMThjLS4yNDQ0MS4xNTQxLS41NTU1OS4xNTQxLS44IDBsLS4xMi0uMDZjLS4yMjczNS0uMTM4Mi0uMzY3MjQtLjM4NC0uMzcwLS42NVY2LjU2OTk4Yy4wMTQzLS4yNTIxOC4xNTI5Ni0uNDgwNzguMzcwLS42MWwuMTItLjA2Wk0xOCAxNy41di0xMWMwLS4yNzYxNC0uMjIzOS0uNS0uNS0uNWgtMWMtLjI3NjEgMC0uNS4yMjM4Ni0uNS41djExYzAgLjI3NjEuMjIzOS41LjUuNWgxYy4yNzYxIDAgLjUtLjIyMzkuNS0uNVoiIGZpbGw9IiNmZmYiLz48L3N2Zz4=');
}
#video_container .vjs-has-started.vjs-paused .vjs-controls-middle-container:before {
  content: '';
  width: 3rem;
}
#video_container .vjs-has-started.vjs-paused .vjs-play-next-button {
  display: block;
}
#video_container #main_video_player.skip-to-action-overlay-visible .vjs-skip-to-action-container {
  display: flex;
}
#video_container #main_video_player.skip-to-action-overlay-visible .vjs-skip-to-action-btn-container {
  max-height: 1.5rem;
}
#video_container #main_video_player.skip-to-action-overlay-visible .vjs-skip-to-action-btn-container .vjs-skip-button .vjs-icon-placeholder:before {
  background-image: url("data:image/svg+xml,%3Csvg fill='none' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M11.9893 11.6901c-.0015-.2432-.1209-.4706-.3204-.61L4.29133 5.86007c-.24318-.15913-.55765-.15913-.80082 0l-.12013.06c-.22902.13678-.36957.38344-.37038.65V17.4201c.0128.2552.15157.4875.37038.62l.12013.06c.24465.1541.55616.1541.80082 0l7.37757-5.18c.1995-.1395.3189-.3668.3204-.61v-.62Zm2.3123-5.79003 7.3776 5.18003c.2084.1454.3289.3862.3204.64v.62c-.0015.2432-.1209.4705-.3204.61l-7.3776 5.18c-.2446.1541-.5561.1541-.8008 0l-.1201-.06c-.2276-.1382-.3676-.384-.3704-.65V6.61007c.0008-.26656.1414-.51322.3704-.65l.1201-.06c.2432-.15913.5577-.15913.8008 0Z' fill='%23F08E84'/%3E%3C/svg%3E") !important;
}
.submenu {
  max-width: 0;
  max-height: 0;
  opacity: 0;
  transform: translateX(100%);
  transition: max-width 0.3s ease, max-height 0.3s ease, opacity 0.3s ease, transform 0.3s ease;
}
.submenu.visible {
  max-width: 21.5rem;
  max-height: 25rem;
  opacity: 1;
  transform: translateX(0);
}
.submenu-item {
  transition: background 0.3s ease;
}
#video_container #main_video_player.video-js.vjs-theme-sb {
  font-family: Helvetica Neue, Helvetica, system-ui, Arial, sans-serif !important;
  font-size: 0.9em !important;
  overflow: hidden;
}
#video_container #main_video_player.video-js.vjs-theme-sb .vjs-menu {
  border: 0;
  z-index: 5;
}
#video_container #main_video_player.video-js.vjs-theme-sb .vjs-menu .vjs-menu-content {
  background-color: rgba(8, 11, 14, 0.7);
  border-top: 2px solid #080b0e;
  color: #fff;
}
#video_container #main_video_player.video-js.vjs-theme-sb .vjs-menu .vjs-menu-content .vjs-menu-item:hover {
  background-color: rgba(96, 20, 12, 0.3);
}
#video_container #main_video_player.video-js.vjs-theme-sb .vjs-menu .vjs-menu-content .vjs-selected {
  background-color: rgba(96, 20, 12, 0.6);
  color: #fff;
}
#video_container #main_video_player.video-js.vjs-theme-sb .vjs-current-time,
#video_container #main_video_player.video-js.vjs-theme-sb .vjs-duration,
#video_container #main_video_player.video-js.vjs-theme-sb .vjs-settings-button,
#video_container #main_video_player.video-js.vjs-theme-sb .vjs-picture-in-picture-control {
  display: block;
  font-size: 1rem;
}
#video_container #main_video_player.video-js.vjs-theme-sb .vjs-picture-in-picture-control {
  margin-right: 0;
  margin-left: auto;
  order: 3;
}
@supports (-moz-appearance: none) {
  #video_container #main_video_player.video-js.vjs-theme-sb .vjs-settings-button {
    margin-left: auto;
  }
  #video_container #main_video_player.video-js.vjs-theme-sb .vjs-picture-in-picture-control {
    display: none;
  }
}
#video_container #main_video_player.video-js.vjs-theme-sb .vjs-controls-container {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
}
#video_container #main_video_player.video-js.vjs-theme-sb .vjs-controls-upper-container {
  height: 2.125rem;
  width: 100%;
  display: flex;
  gap: 0.5rem;
  align-items: center;
  justify-content: space-between;
  pointer-events: all;
  padding: 1rem 1rem 0;
}
#video_container #main_video_player.video-js.vjs-theme-sb .vjs-controls-upper-container .vjs-skip-to-action-btn-container {
  overflow: hidden;
  order: 2;
  max-height: 1.5rem;
  margin-right: auto;
  width: 1.5rem;
  height: 1.5rem;
}
#video_container #main_video_player.video-js.vjs-theme-sb .vjs-controls-upper-container .vjs-skip-to-action-btn-container .vjs-skip-button .vjs-icon-placeholder:before {
  width: 1.5rem;
  height: 1.5rem;
  background-image: url("data:image/svg+xml,%3Csvg fill='none' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M11.9893 11.6901c-.0015-.2432-.1209-.4706-.3204-.61L4.29133 5.86007c-.24318-.15913-.55765-.15913-.80082 0l-.12013.06c-.22902.13678-.36957.38344-.37038.65V17.4201c.0128.2552.15157.4875.37038.62l.12013.06c.24465.1541.55616.1541.80082 0l7.37757-5.18c.1995-.1395.3189-.3668.3204-.61v-.62Zm2.3123-5.79003 7.3776 5.18003c.2084.1454.3289.3862.3204.64v.62c-.0015.2432-.1209.4705-.3204.61l-7.3776 5.18c-.2446.1541-.5561.1541-.8008 0l-.1201-.06c-.2276-.1382-.3676-.384-.3704-.65V6.61007c.0008-.26656.1414-.51322.3704-.65l.1201-.06c.2432-.15913.5577-.15913.8008 0Z' fill='%23fff'/%3E%3C/svg%3E");
  display: block;
}
#video_container #main_video_player.video-js.vjs-theme-sb:not(.skip-to-action-overlay-visible) .vjs-controls-lower-container {
  pointer-events: all;
}
#video_container #main_video_player.video-js.vjs-theme-sb .vjs-controls-lower-container {
  width: 100%;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000000 100%);
  padding: 0 0.75rem 0.5rem;
}
#video_container #main_video_player.video-js.vjs-theme-sb .vjs-controls-lower-container .vjs-duration-container {
  display: flex;
  padding: 0 0.5rem;
  gap: 0.25rem;
}
#video_container #main_video_player.video-js.vjs-theme-sb .vjs-controls-lower-container .vjs-duration-container .vjs-current-time,
#video_container #main_video_player.video-js.vjs-theme-sb .vjs-controls-lower-container .vjs-duration-container .vjs-duration {
  padding: 0;
}
#video_container #main_video_player.video-js.vjs-theme-sb .vjs-controls-lower-container .vjs-duration-container .vjs-time-divider {
  padding: 0;
  min-width: unset;
}
#video_container #main_video_player.video-js.vjs-theme-sb .vjs-controls-lower-container .vjs-duration-container .vjs-time-divider div {
  display: flex;
  height: 100%;
  width: 100%;
  align-items: center;
  justify-content: center;
}
#video_container #main_video_player.video-js.vjs-theme-sb .vjs-controls-lower-container .vjs-duration-container .vjs-current-time-display,
#video_container #main_video_player.video-js.vjs-theme-sb .vjs-controls-lower-container .vjs-duration-container .vjs-time-divider,
#video_container #main_video_player.video-js.vjs-theme-sb .vjs-controls-lower-container .vjs-duration-container .vjs-duration-display {
  font-size: 0.75rem;
  display: block;
}
#video_container #main_video_player.video-js.vjs-theme-sb .vjs-controls-lower-container .vjs-duration-container .vjs-time-control {
  min-width: unset;
}
#video_container #main_video_player.video-js.vjs-theme-sb .vjs-controls-lower-container .vjs-fullscreen-control {
  align-self: center;
  right: 0;
  margin-left: auto;
}
#video_container #main_video_player.video-js.vjs-theme-sb .vjs-controls-lower-container .vjs-fullscreen-control .vjs-icon-placeholder:before {
  background-image: url("data:image/svg+xml,%3Csvg fill='none' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M6.5 4c.27614 0 .5.22386.5.5v1c0 .27614-.22386.5-.5.5H4v2.5c0 .27614-.22386.5-.5.5h-1c-.27614 0-.5-.22386-.5-.5V6c0-1.10457.89543-2 2-2h2.5ZM22 8.5V6c0-1.10457-.8954-2-2-2h-2.5c-.2761 0-.5.22386-.5.5v1c0 .27614.2239.5.5.5H20v2.5c0 .27614.2239.5.5.5h1c.2761 0 .5-.22386.5-.5Zm-.5 6.5h-1c-.2761 0-.5.2239-.5.5V18h-2.5c-.2761 0-.5.2239-.5.5v1c0 .2761.2239.5.5.5H20c1.1046 0 2-.8954 2-2v-2.5c0-.2761-.2239-.5-.5-.5Zm-15 3c.27614 0 .5.2239.5.5v1c0 .2761-.22386.5-.5.5H4c-1.10457 0-2-.8954-2-2v-2.5c0-.2761.22386-.5.5-.5h1c.27614 0 .5.2239.5.5V18h2.5Z' fill='%23fff'/%3E%3C/svg%3E");
}
#video_container #main_video_player.video-js.vjs-theme-sb.vjs-has-started .vjs-fullscreen-control {
  display: block;
}
#video_container #main_video_player.video-js.vjs-theme-sb .vjs-progressbar-container {
  padding-bottom: 6px;
  display: flex;
}
#video_container #main_video_player.video-js.vjs-theme-sb .vjs-remaining-time {
  width: 40px;
  padding: 0;
  margin-top: 0px;
}
#video_container #main_video_player.video-js.vjs-theme-sb .vjs-airplay-control {
  order: 3;
  margin-left: auto;
}
#video_container #main_video_player.video-js.vjs-theme-sb .vjs-airplay-control .vjs-icon-placeholder:before {
  background-image: url("data:image/svg+xml,%3Csvg fill='none' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M20 20h-5c0-.3333-.0125-.6667-.0375-1-.025-.3333-.0625-.6667-.1125-1H20V6H4v1.15c-.33333-.05-.66667-.0875-1-.1125C2.66667 7.0125 2.33333 7 2 7V6c0-.55.19583-1.02083.5875-1.4125C2.97917 4.19583 3.45 4 4 4h16c.55 0 1.0208.19583 1.4125.5875C21.8042 4.97917 22 5.45 22 6v12c0 .55-.1958 1.0208-.5875 1.4125C21.0208 19.8042 20.55 20 20 20ZM2 20v-3c.83333 0 1.54167.2917 2.125.875C4.70833 18.4583 5 19.1667 5 20H2Zm5 0c0-1.3833-.4875-2.5625-1.4625-3.5375C4.5625 15.4875 3.38333 15 2 15v-2c1.95 0 3.60417.6792 4.9625 2.0375C8.32083 16.3958 9 18.05 9 20H7Zm4 0c0-1.25-.2375-2.4208-.7125-3.5125-.475-1.0917-1.11667-2.0417-1.925-2.85s-1.75833-1.45-2.85-1.925C4.42083 11.2375 3.25 11 2 11V9c1.51667 0 2.94167.2875 4.275.8625 1.33333.575 2.5 1.3625 3.5 2.3625 1 1 1.7875 2.1667 2.3625 3.5C12.7125 17.0583 13 18.4833 13 20h-2Z' fill='%23fff'/%3E%3C/svg%3E");
}
#video_container #main_video_player.video-js.vjs-theme-sb .vjs-fullscreen-control {
  order: 5;
}
#video_container #main_video_player.video-js.vjs-theme-sb .vjs-volume-panel {
  overflow: hidden;
}
#video_container #main_video_player.video-js.vjs-theme-sb .vjs-volume-panel .vjs-mute-control {
  width: 40px;
}
#video_container #main_video_player.video-js.vjs-theme-sb .vjs-volume-panel .vjs-mute-control.vjs-vol-0 .vjs-icon-placeholder:before {
  background-image: url("data:image/svg+xml,%3Csvg fill='none' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='m19.32 19.8501.53-.53c.0967-.0908.1515-.2175.1515-.35 0-.1326-.0548-.2593-.1515-.35L5.38 4.15005c-.09073-.09667-.21741-.15151-.35-.15151-.13259 0-.25927.05484-.35.15151l-.53.53c-.09668.09074-.15152.21742-.15152.35 0 .13259.05484.25927.15152.35l3.47 3.48c-.27883.08616-.56824.13327-.86.14-.97202 0-1.76.78798-1.76 1.76005v2.48c0 .972.78798 1.76 1.76 1.76.79538.0007 1.55793.3172 2.12.88l3.83 3.83c.1863.1847.4377.2888.7.29H14c.5523 0 1-.4478 1-1v-2.76l3.62 3.61c.0907.0966.2174.1515.35.1515.1326 0 .2593-.0549.35-.1515ZM14 4.00005c.5523 0 1 .44772 1 1v6.29005l-4.64-4.65005 2.35-2.35c.1863-.18474.4377-.28889.7-.29H14Z' fill='%23fff'/%3E%3C/svg%3E");
}
#video_container #main_video_player.video-js.vjs-theme-sb .vjs-volume-panel .vjs-mute-control.vjs-vol-1 .vjs-icon-placeholder:before,
#video_container #main_video_player.video-js.vjs-theme-sb .vjs-volume-panel .vjs-mute-control.vjs-vol-2 .vjs-icon-placeholder:before,
#video_container #main_video_player.video-js.vjs-theme-sb .vjs-volume-panel .vjs-mute-control.vjs-vol-3 .vjs-icon-placeholder:before {
  background-image: url("data:image/svg+xml,%3Csvg fill='none' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M13.0105 5v14c0 .5523-.4482 1-1.001 1h-.5907c-.2626-.0011-.5142-.1053-.7007-.29l-3.83402-3.83c-.56266-.5628-1.32601-.8793-2.12223-.88C3.78881 15 3 14.212 3 13.24v-2.48C3 9.78798 3.78881 9 4.76185 9c.79622-.0007 1.55957-.31723 2.12223-.88l3.83402-3.83c.1865-.18474.4381-.2889.7007-.29h.5907c.5528 0 1.001.44772 1.001 1Zm6.0063 1.73c-.0963-.09737-.2239-.15758-.3604-.17-.1389-.00355-.2731.05079-.3704.15l-.7107.71c-.178.19178-.178.48822 0 .68 1.9225 2.2453 1.9225 5.5547 0 7.8-.178.1918-.178.4882 0 .68l.7107.71c.0973.0992.2315.1535.3704.15.137-.0107.2652-.0712.3604-.17 2.6443-3.0168 2.6443-7.52316 0-10.54Zm-3.5537 2.82c.1041-.1013.2452-.15552.3904-.15.1445.01706.277.0886.3704.2 1.0678 1.4222 1.0678 3.3778 0 4.8-.0916.112-.2259.1809-.3704.19-.1439.0094-.2853-.0413-.3904-.14l-.7108-.72c-.1706-.1665-.1999-.4301-.07-.63.44-.6675.44-1.5325 0-2.2-.1299-.1999-.1006-.4635.07-.63l.7108-.72Z' fill='%23fff'/%3E%3C/svg%3E");
}
#video_container #main_video_player.video-js.vjs-theme-sb .vjs-chromecast-button {
  order: 3;
  margin-left: auto;
}
#video_container #main_video_player.video-js.vjs-theme-sb .vjs-chromecast-button .vjs-icon-placeholder {
  background: none !important;
}
#video_container #main_video_player.video-js.vjs-theme-sb .vjs-chromecast-button.vjs-chromecast-casting-state .vjs-icon-placeholder:before {
  background-image: url('data:image/svg+xml,%3Csvg xmlns%3D%22http%3A//www.w3.org/2000/svg%22 width%3D%2224%22 height%3D%2224%22 fill%3D%22none%22%3E%3Cpath fill%3D%22%23fff%22 d%3D%22M18 16h-3.625a12.742 12.742 0 0 0-2.787-4.8A13.076 13.076 0 0 0 7.025 8H18v8ZM2 20v-3c.833 0 1.542.292 2.125.875S5 19.167 5 20H2Zm5 0c0-1.383-.487-2.563-1.463-3.538C4.563 15.488 3.383 15 2 15v-2c1.95 0 3.604.68 4.963 2.037C8.32 16.396 9 18.05 9 20H7Zm4 0c0-1.25-.238-2.42-.713-3.512a9.147 9.147 0 0 0-1.925-2.85 9.149 9.149 0 0 0-2.85-1.925A8.707 8.707 0 0 0 2 11V9c1.517 0 2.942.287 4.275.863 1.333.575 2.5 1.362 3.5 2.362s1.787 2.167 2.362 3.5A10.68 10.68 0 0 1 13 20h-2Zm9 0h-5a13.366 13.366 0 0 0-.15-2H20V6H4v1.15A13.592 13.592 0 0 0 2 7V6c0-.55.196-1.02.587-1.412A1.926 1.926 0 0 1 4 4h16c.55 0 1.02.196 1.413.588.391.391.587.862.587 1.412v12c0 .55-.196 1.02-.587 1.413A1.926 1.926 0 0 1 20 20Z%22/%3E%3C/svg%3E');
}
#video_container #main_video_player.video-js.vjs-theme-sb .vjs-chromecast-button .vjs-icon-placeholder:before {
  background-image: url('data:image/svg+xml,%3Csvg xmlns%3D%22http%3A//www.w3.org/2000/svg%22 width%3D%2224%22 height%3D%2224%22 fill%3D%22none%22%3E%3Cpath fill%3D%22%23fff%22 d%3D%22M20 20h-5a13.366 13.366 0 0 0-.15-2H20V6H4v1.15A13.592 13.592 0 0 0 2 7V6c0-.55.196-1.02.588-1.412S3.45 4 4 4h16c.55 0 1.02.196 1.413.588S22 5.45 22 6v12c0 .55-.196 1.02-.588 1.413S20.55 20 20 20zM2 20v-3c.833 0 1.542.292 2.125.875S5 19.167 5 20zm5 0c0-1.383-.487-2.563-1.462-3.538S3.382 15 2 15v-2c1.95 0 3.604.68 4.963 2.037S9 18.05 9 20zm4 0c0-1.25-.237-2.42-.713-3.513s-1.116-2.041-1.925-2.85-1.758-1.45-2.85-1.924S3.25 11 2 11V9c1.517 0 2.942.287 4.275.863s2.5 1.362 3.5 2.362 1.787 2.167 2.362 3.5S13 18.483 13 20z%22/%3E%3C/svg%3E');
}
#video_container #main_video_player.video-js.vjs-theme-sb .vjs-settings-button {
  order: 4;
}
#video_container #main_video_player.video-js.vjs-theme-sb .vjs-settings-button .vjs-icon-placeholder:before {
  background-image: url("data:image/svg+xml,%3Csvg%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%3E%3Cpath%20d='M20.21%2014.074a2.005%202.005%200%200%201-.72-1.643v-.861c-.032-.632.235-1.24.72-1.644l.8-.661c.376-.312.473-.85.23-1.273l-1.16-2.004a1%201%200%200%200-.86-.501.838.838%200%200%200-.35.07l-1%20.36c-.223.088-.46.133-.7.131a1.997%201.997%200%200%201-1.08-.32%205.479%205.479%200%200%200-.74-.431%202.004%202.004%200%200%201-1.06-1.453l-.17-1.002a1%201%200%200%200-1-.842h-2.3a1%201%200%200%200-1%20.842l-.17%201.002a2.004%202.004%200%200%201-1.02%201.453%205.477%205.477%200%200%200-.74.43c-.322.209-.697.32-1.08.321a1.887%201.887%200%200%201-.7-.13l-1-.36a.839.839%200%200%200-.35-.071%201%201%200%200%200-.86.501L2.76%207.992c-.241.426-.14.964.24%201.273l.8.66c.485.404.752%201.013.72%201.644v.861c.032.632-.235%201.24-.72%201.644l-.8.661c-.38.309-.481.847-.24%201.273l1.16%202.004a1%201%200%200%200%20.86.501c.12.002.24-.022.35-.07l1-.36c.223-.088.46-.133.7-.131.383%200%20.758.112%201.08.32.235.163.483.307.74.431.563.29.956.828%201.06%201.453l.17%201.002a1%201%200%200%200%201%20.842h2.3a1%201%200%200%200%201-.842l.17-1.002a2.004%202.004%200%200%201%201.06-1.453c.258-.124.505-.268.74-.43.322-.209.697-.32%201.08-.321.24-.002.477.043.7.13l1%20.36c.11.05.23.073.35.071a1%201%200%200%200%20.86-.501l1.16-2.004c.228-.44.1-.981-.3-1.273l-.79-.66ZM12%2017.511A5.506%205.506%200%200%201%206.5%2012%205.506%205.506%200%200%201%2012%206.489c3.038%200%205.5%202.467%205.5%205.511%200%201.462-.58%202.863-1.61%203.897A5.494%205.494%200%200%201%2012%2017.51ZM10%2012c0-1.107.896-2.004%202-2.004%201.105%200%202%20.897%202%202.004a2.002%202.002%200%200%201-2%202.004c-1.104%200-2-.897-2-2.004Z'%20fill='%23fff'/%3E%3C/svg%3E");
}
#video_container #main_video_player.video-js.vjs-theme-sb.vjs-user-inactive .vjs-control-bar {
  pointer-events: all;
}
#video_container #main_video_player.video-js.vjs-theme-sb .vjs-control-bar {
  display: block !important;
  height: 100%;
  width: auto;
  border-radius: 5px;
  background-color: transparent;
  pointer-events: none;
  z-index: 1;
}
#video_container #main_video_player.video-js.vjs-theme-sb .vjs-control-bar .video-forward-notify,
#video_container #main_video_player.video-js.vjs-theme-sb .vjs-control-bar .video-rewind-notify {
  text-align: center;
  width: 70%;
  height: 150%;
  position: absolute;
  display: flex;
  flex-direction: row;
  top: -30%;
  z-index: -1;
}
#video_container #main_video_player.video-js.vjs-theme-sb .vjs-control-bar .video-forward-notify .icon,
#video_container #main_video_player.video-js.vjs-theme-sb .vjs-control-bar .video-rewind-notify .icon,
#video_container #main_video_player.video-js.vjs-theme-sb .vjs-control-bar .video-forward-notify .span,
#video_container #main_video_player.video-js.vjs-theme-sb .vjs-control-bar .video-rewind-notify .span {
  transition: opacity 0.5s ease-in-out;
}
#video_container #main_video_player.video-js.vjs-theme-sb .vjs-control-bar .video-forward-notify .icon,
#video_container #main_video_player.video-js.vjs-theme-sb .vjs-control-bar .video-rewind-notify .icon {
  justify-content: flex-start;
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
#video_container #main_video_player.video-js.vjs-theme-sb .vjs-control-bar .video-forward-notify span,
#video_container #main_video_player.video-js.vjs-theme-sb .vjs-control-bar .video-rewind-notify span {
  font-weight: 700;
  font-size: 1.125rem;
}
#video_container #main_video_player.video-js.vjs-theme-sb .vjs-control-bar .video-forward-notify .vjs-icon-placeholder:before,
#video_container #main_video_player.video-js.vjs-theme-sb .vjs-control-bar .video-rewind-notify .vjs-icon-placeholder:before {
  display: block;
  width: 1.5rem;
  height: 1.5rem;
  opacity: 0;
}
#video_container #main_video_player.video-js.vjs-theme-sb .vjs-control-bar .video-forward-notify {
  border-radius: 50% 0 0 50%;
  right: -50%;
  padding-left: 2rem;
}
#video_container #main_video_player.video-js.vjs-theme-sb .vjs-control-bar .video-forward-notify .vjs-icon-placeholder:before {
  background-image: url("data:image/svg+xml,%3Csvg fill='none' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M11.98 11.98c-.002-.405-.201-.784-.534-1.017L3.76 5.9c-.405-.265-.93-.265-1.335 0l-.2.1C2.24 6.23 2.01 6.64 2 7.08v10.87c.02.426.25.813.617 1.034l.2.1c.408.257.927.257 1.335 0l8.633-5.733c.332-.232.532-.611.534-1.017v-.514Zm2.854-5.65l8.633 5.733c.347.242.548.644.534 1.067v.514c-.002.405-.201.784-.534 1.017l-8.633 5.733c-.408.257-.927.257-1.335 0l-.2-.1a1.2 1.2 0 01-.617-1.084V7.1c.002-.444.236-.855.617-1.084l.2-.1c.405-.265.93-.265 1.335 0Z' fill='%23fff'/%3E%3C/svg%3E");
}
#video_container #main_video_player.video-js.vjs-theme-sb .vjs-control-bar .video-forward-notify .icon {
  margin: auto auto auto 0;
}
#video_container #main_video_player.video-js.vjs-theme-sb .vjs-control-bar .video-rewind-notify {
  border-radius: 0 50% 50% 0;
  left: -50%;
  padding-right: 2rem;
}
#video_container #main_video_player.video-js.vjs-theme-sb .vjs-control-bar .video-rewind-notify .vjs-icon-placeholder:before {
  background-image: url("data:image/svg+xml,%3Csvg fill='none' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M11.98 11.98c-.002-.405-.201-.784-.534-1.017L3.76 5.9c-.405-.265-.93-.265-1.335 0l-.2.1C2.24 6.23 2.01 6.64 2 7.08v10.87c.02.426.25.813.617 1.034l.2.1c.408.257.927.257 1.335 0l8.633-5.733c.332-.232.532-.611.534-1.017v-.514Zm2.854-5.65l8.633 5.733c.347.242.548.644.534 1.067v.514c-.002.405-.201.784-.534 1.017l-8.633 5.733c-.408.257-.927.257-1.335 0l-.2-.1a1.2 1.2 0 01-.617-1.084V7.1c.002-.444.236-.855.617-1.084l.2-.1c.405-.265.93-.265 1.335 0Z' fill='%23fff'/%3E%3C/svg%3E");
  transform: rotate(180deg);
}
#video_container #main_video_player.video-js.vjs-theme-sb .vjs-control-bar .video-rewind-notify .icon {
  margin: auto 0 auto auto;
}
#video_container #main_video_player.video-js.vjs-theme-sb .vjs-control-bar .notification {
  pointer-events: none;
  opacity: 0;
}
#video_container #main_video_player.video-js.vjs-theme-sb .vjs-control-bar .animate-in {
  display: flex;
  animation: ripple 1s forwards;
}
#video_container #main_video_player.video-js.vjs-theme-sb .vjs-control-bar .animate-in .notification {
  opacity: 1;
}
#video_container #main_video_player.video-js.vjs-theme-sb .vjs-control-bar .animate-in .vjs-icon-placeholder {
  padding-bottom: 0.125rem;
}
#video_container #main_video_player.video-js.vjs-theme-sb .vjs-control-bar .animate-in .vjs-icon-placeholder:before {
  opacity: 1;
}
@keyframes ripple {
  0% {
    background-color: rgba(0, 0, 0, 0.3);
    background-size: 100%;
    transition: background 0s;
    opacity: 1;
  }
  100% {
    background-color: rgba(0, 0, 0, 0.1);
    transition: background 0.8s;
    opacity: 0;
  }
}
#video_container #main_video_player.video-js.vjs-theme-sb .vjs-control-bar .vjs-subs-caps-button {
  display: none;
}
#video_container #main_video_player.video-js.vjs-theme-sb .vjs-control-bar .vjs-progress-control {
  border-radius: 10px;
}
#video_container #main_video_player.video-js.vjs-theme-sb .vjs-control-bar .vjs-progress-control .vjs-progress-holder {
  height: 0.125rem;
  border-radius: 5px;
  background-color: var(--video-ui-progress-color);
}
#video_container #main_video_player.video-js.vjs-theme-sb .vjs-control-bar .vjs-progress-control .vjs-progress-holder .vjs-load-progress {
  border-radius: 5px;
  border: 0px none transparent;
  color: transparent;
  opacity: 1;
  background-color: var(--video-progress-bar-left);
}
#video_container #main_video_player.video-js.vjs-theme-sb .vjs-control-bar .vjs-progress-control .vjs-progress-holder .vjs-load-progress > div {
  display: none;
}
#video_container #main_video_player.video-js.vjs-theme-sb .vjs-control-bar .vjs-progress-control .vjs-progress-holder .vjs-play-progress {
  background-color: var(--video-progress-bar-seen);
  border-radius: 5px;
}
#video_container #main_video_player.video-js.vjs-theme-sb .vjs-control-bar .vjs-progress-control .vjs-progress-holder .vjs-play-progress .vjs-time-tooltip {
  background-color: rgba(96, 20, 12, 0.7);
  color: #fff;
  top: -0.4em;
}
#video_container #main_video_player.video-js.vjs-theme-sb .vjs-control-bar .vjs-progress-control .vjs-progress-holder .vjs-play-progress:before {
  color: var(--video-progress-bar-seen);
  font-size: 18px;
  top: -7px;
}
#video_container #main_video_player.video-js.vjs-theme-sb .vjs-control-bar .vjs-progress-control .vjs-progress-holder .vjs-mouse-display {
  z-index: 3;
}
#video_container #main_video_player.video-js.vjs-theme-sb .vjs-control-bar .vjs-progress-control .vjs-progress-holder .vjs-mouse-display .vjs-time-tooltip {
  top: -0.4em;
  background-color: rgba(8, 11, 14, 0.7);
  color: #fff;
}
#video_container #main_video_player.video-js.vjs-theme-sb.vjs-fullscreen .video-forward-notify,
#video_container #main_video_player.video-js.vjs-theme-sb.vjs-fullscreen .video-rewind-notify {
  top: -25%;
}
#video_container #main_video_player.video-js.vjs-theme-sb.vjs-waiting .vjs-progress-control .vjs-progress-holder,
#video_container #main_video_player.video-js.vjs-theme-sb.vjs-seeking .vjs-progress-control .vjs-progress-holder {
  background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.05) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.05) 50%, rgba(255, 255, 255, 0.05) 75%, transparent 75%, transparent);
  -ms-background-size: 30px 30px;
  background-size: 30px 30px;
  animation: progress_move 0.5s linear infinite;
}
#video_container #main_video_player.video-js.vjs-theme-sb:not(.vjs-fullscreen) .vjs-timeline-positions-holder {
  top: -10%;
}
#video_container #main_video_player.video-js.vjs-theme-sb .vjs-timeline-positions-holder {
  position: relative;
  width: 100%;
  height: auto;
  font-size: 1.2em;
  z-index: 2;
  left: 0;
  right: 0;
  display: flex;
  flex-direction: column;
  -webkit-mask-image: linear-gradient(to right, transparent, black 4%, black 95%, transparent);
          mask-image: linear-gradient(to right, transparent, black 4%, black 95%, transparent);
  align-self: center;
  overflow: hidden;
}
#video_container #main_video_player.video-js.vjs-theme-sb .vjs-timeline-positions-holder h3 {
  align-self: center;
  font-size: 0.875em;
  line-height: 1.25rem;
  color: var(--video-positions-title-color);
}
#video_container #main_video_player.video-js.vjs-theme-sb .vjs-timeline-positions-holder .vjs-timeline-positions-scroller {
  width: 100%;
  overflow: auto;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
#video_container #main_video_player.video-js.vjs-theme-sb .vjs-timeline-positions-holder .vjs-timeline-positions-scroller::-webkit-scrollbar {
  display: none;
}
#video_container #main_video_player.video-js.vjs-theme-sb .vjs-timeline-positions-holder .vjs-timeline-positions {
  min-width: 100%;
  height: 100%;
  position: relative;
  display: inline-flex;
  justify-content: center;
  flex-direction: row;
  gap: 0.5rem;
  overflow-x: auto;
  scrollbar-width: none;
  padding-left: 1rem;
  padding-right: 1rem;
}
#video_container #main_video_player.video-js.vjs-theme-sb .vjs-timeline-positions-holder .vjs-timeline-positions span {
  display: flex;
  z-index: 2;
  background: var(--video-thumbnail-bg-color-rgba);
  -webkit-border-top-right-radius: 0.5rem;
  -webkit-border-bottom-right-radius: 0.5rem;
  -webkit-border-bottom-left-radius: 0.5rem;
  -webkit-border-top-left-radius: 0.5rem;
  -moz-border-radius-topright: 0.5rem;
  -moz-border-radius-bottomright: 0.5rem;
  -moz-border-radius-bottomleft: 0.5rem;
  -moz-border-radius-topleft: 0.5rem;
  border-top-right-radius: 0.5rem;
  border-bottom-right-radius: 0.5rem;
  border-bottom-left-radius: 0.5rem;
  border-top-left-radius: 0.5rem;
  -moz-background-clip: padding-box;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  flex-direction: column;
  align-items: center;
  flex-shrink: 0;
  flex-grow: 0;
  justify-content: center;
  padding: 0.5rem 1rem;
  gap: 0.125rem;
}
#video_container #main_video_player.video-js.vjs-theme-sb .vjs-timeline-positions-holder .vjs-timeline-positions span p {
  font-weight: 400;
  font-size: 0.75rem;
  line-height: 1rem;
  color: var(--video-positions-time-color);
}
#video_container #main_video_player.video-js.vjs-theme-sb .vjs-timeline-positions-holder .vjs-timeline-positions span strong {
  background-size: cover;
  width: 1.5rem;
  height: 1.5rem;
}
#video_container #main_video_player.video-js.vjs-theme-sb .vjs-timeline-positions-holder .vjs-timeline-positions span strong.spooning {
  background-image: url('data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20clip-path%3D%22url(%23clip0_4191_18552)%22%3E%3Cg%20clip-path%3D%22url(%23clip1_4191_18552)%22%3E%3Cpath%20d%3D%22M17.7094%209.91475C17.7094%209.91475%2022.1747%2013.1501%2018.7111%2014.9797C15.2475%2016.8092%2012.8209%2020.6309%2012.8209%2020.6309C6.77543%2027.0591%2010.3589%2032.8163%207.0717%2032.9929C4.01019%2033.1554%205.93598%2026.0136%208.53897%2021.1889C8.53897%2021.1889%207.83355%2019.8962%208.45432%2018.9214C9.07509%2017.9465%209.94981%2017.6216%2011.537%2016.9788C15.7413%2015.2763%2013.5968%207.61895%2017.7094%209.91475Z%22%20fill%3D%22%23ED7E90%22%2F%3E%3Cpath%20d%3D%22M20.6368%2010.1763C21.942%2010.1763%2023%209.11676%2023%207.80981C23%206.50285%2021.942%205.44336%2020.6368%205.44336C19.3317%205.44336%2018.2737%206.50285%2018.2737%207.80981C18.2737%209.11676%2019.3317%2010.1763%2020.6368%2010.1763Z%22%20fill%3D%22%23ED7E90%22%2F%3E%3Cpath%20d%3D%22M15.8541%2016.4844C16.1151%2018.8226%2015.6566%2022.9197%2018.0339%2022.1144C19.5717%2021.5352%2017.0463%2019.6773%2017.9704%2014.895C18.8945%2010.1127%2015.5931%2014.1533%2015.8612%2016.4844H15.8541Z%22%20fill%3D%22%23ED7E90%22%2F%3E%3Cpath%20d%3D%22M13.3781%206.20632C14.655%207.35069%2015.9318%208.05709%2013.3358%2010.7555C10.7399%2013.454%209.01866%2016.986%209.01866%2016.986C4.74383%2024.8624-0.659665%2033.3604-1.92942%2028.5498C-2.71948%2025.5405%203.24835%2023.8381%204.56042%2018.4341C4.56042%2018.4341%203.79857%2017.6642%204.56042%2015.7427C5.60444%2013.8355%207.1352%2014.0191%207.60077%2012.3449C8.8282%207.95819%208.96929%202.94274%2013.3781%206.20632Z%22%20fill%3D%22white%22%2F%3E%3Cpath%20d%3D%22M14.7254%205.80353C16.0501%205.80353%2017.1239%204.72822%2017.1239%203.40177C17.1239%202.07531%2016.0501%201%2014.7254%201C13.4008%201%2012.327%202.07531%2012.327%203.40177C12.327%204.72822%2013.4008%205.80353%2014.7254%205.80353Z%22%20fill%3D%22white%22%2F%3E%3Cpath%20d%3D%22M10.9091%2012.133C11.7697%2014.3581%2012.3834%2018.4977%2014.4997%2017.0919C15.8611%2016.1242%2012.9054%2014.9586%2012.5668%2010.0279C12.2282%205.09722%2010.0485%209.91488%2010.9091%2012.133Z%22%20fill%3D%22white%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22clip0_4191_18552%22%3E%3Crect%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22white%22%2F%3E%3C%2FclipPath%3E%3CclipPath%20id%3D%22clip1_4191_18552%22%3E%3Crect%20width%3D%2225%22%20height%3D%2232%22%20fill%3D%22white%22%20transform%3D%22translate(-2%201)%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3C%2Fsvg%3E');
}
#video_container #main_video_player.video-js.vjs-theme-sb .vjs-timeline-positions-holder .vjs-timeline-positions span strong.missionary {
  background-image: url('data:image/svg+xml,%3Csvg%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cg%20clip-path%3D%22url%28%23a%29%22%3E%3Cpath%20d%3D%22M19.7844%2021.3622c1.4583%200%202.6405-1.1822%202.6405-2.6405s-1.1822-2.6405-2.6405-2.6405-2.6405%201.1822-2.6405%202.6405%201.1822%202.6405%202.6405%202.6405Z%22%20fill%3D%22%23ED7E90%22%2F%3E%3Cpath%20d%3D%22M15.1568%206.28029s1.94%202.37779-1.4886%205.03851c-3.4286%202.6607-8.10337%204.7555-8.10337%204.7555-8.89817%204.3784-16.17973%207.3355-14.25323%202.1758%201.20573-3.2266%203.50268.9565%208.137002-3.0851%200%200%20.36374-.8689%202.283478-2.1218%202.16224-1.0576%201.85239-.384%203.35451-1.5964C9.0069%208.2674%2011.9438%203.62634%2015.1568%206.28703v-.00674Z%22%20fill%3D%22%23fff%22%2F%3E%3Cpath%20d%3D%22M12.7926%2021.8135s-3.69808-.1482-7.07278-.3368c-4.43898-.2493-1.05081-6.9717-1.05081-6.9717s-1.84564%201.1047-5.8872%201.7244c-7.44994%201.1383%204.43225-7.80025%208.87123-4.1561%202.20939%201.8187-.17514%204.8297-.17514%204.8297s1.9871-.5861%204.7152-.4177c2.728.1684%204.8566.9835%203.8866%202.7618-1.3741%202.5327-3.2804%202.5664-3.2804%202.5664h-.0067Z%22%20fill%3D%22%23ED7E90%22%2F%3E%3Cpath%20d%3D%22M18.8481%208.30792c1.4657%200%202.6539-1.18822%202.6539-2.65396S20.3138%203%2018.8481%203c-1.4658%200-2.654%201.18822-2.654%202.65396s1.1882%202.65396%202.654%202.65396ZM10.3945%2012.9018c-.6399%202.5597-2.74151%206.6955.0808%206.7831%201.8524%200-.074-2.9503%202.7753-7.6251%202.8493-4.67472-2.2094-1.7176-2.8493.842h-.0068Z%22%20fill%3D%22%23fff%22%2F%3E%3Cpath%20d%3D%22M13.8703%2019.0113s1.9736-10.89878-1.0374-7.9956c-2.2026%202.1286.7073%203.8058-1.071%208.3391l2.1084-.3435Z%22%20fill%3D%22%23ED7E90%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22a%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M0%200h24v24H0z%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3C%2Fsvg%3E');
}
#video_container #main_video_player.video-js.vjs-theme-sb .vjs-timeline-positions-holder .vjs-timeline-positions span strong.licking {
  background-image: url('data:image/svg+xml,%3Csvg%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M21.6902%2011.4225c.0009.0011.0018.0022.0027.0032v-.0058c-.0009.0008-.0018.0017-.0027.0026ZM19.109%205.65327c.3832%201.63674.8575%203.66219%202.5812%205.76923-1.4536%201.428-2.3099%202.7811-3.0651%203.9745-1.4472%202.2868-2.5229%203.9867-6.7189%204.5015-4.5044.5536-5.843-1.41-7.27754-3.5142C3.72699%2015.0617%202.78742%2013.6835%201%2012.8398c1.43117-1.327%202.22127-3.34935%202.97847-5.28747%201.1288-2.88924%202.18451-5.5914%205.18202-5.5244%202.39221.04125%203.38201%202.26255%203.38201%202.26255s1.8678-2.89889%204.2482-2.17417c1.6047.48933%201.9098%201.79231%202.3183%203.53696Zm-8.9056%202.20187c-.2239.84257-4.10676%204.03606-4.10676%204.03606%202.52179.1119%204.51916%202.5748%204.51916%202.5748l4.425-.3358%204.089-3.0285c-1.4593-.4664-2.1779-1.48948-3.3544-3.16453-.0871-.12392-.1766-.25142-.2692-.38252-.5008.95451-3.6766%201.14306-5.3028.30049Z%22%20fill%3D%22%23fff%22%2F%3E%3Cpath%20d%3D%22M6.66815%2011.8736s5.33235%203.4409%207.50645%208.2429c.3712.8131%201.0724%201.3965%201.8678%201.7971%202.5159%201.2668%204.6253.6953%206.0158-.8956%201.3434-1.5319-.2298-8.6966-4.1068-9.9399-3.8769-1.24318-4.472%200-4.472%200s-4.02431-1.83828-6.81125.7955Z%22%20fill%3D%22%23ED7E90%22%2F%3E%3C%2Fsvg%3E');
}
#video_container #main_video_player.video-js.vjs-theme-sb .vjs-timeline-positions-holder .vjs-timeline-positions span strong.handjob {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg fill='none' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M8.17485 20.9749s7.29785 1.2999 10.33315.3629c3.0353-.937 1.5176-2.2896.8776-2.5998.9172.0396 2.9891-1.1811 1.4912-3.0682 2.5998-.4091 2.4876-3.1673 1.0294-3.5764 1.5044-.3365 1.8146-3.7611-1.3989-3.93926 0 0-6.5456-1.78817-8.7099-1.37907-2.16429.4091-3.97226 4.73103-3.97226 4.73103s-5.31834-1.2866-6.24872.0594c-1.108536 1.9862-.23094 9.0531-.23094 9.0531s.29033.9897 6.83597.3497l-.0066.0066Z' fill='%23fff'/%3E%3Cpath d='M17.4918 2.26177c-.2441-.06599-.4883.11877-.4883.36951v2.26326c0 .25734-.2111.46189-.4619.46189-.2507 0-.4619-.21115-.4619-.46189V2.63128c0-.25074-.2441-.4421-.4883-.36951-1.8871.52787-3.2926 2.59318-3.2926 5.06099 0 2.87034 1.9004 1.51764 4.2428 1.51764 2.3425 0 4.2428 1.3461 4.2428-1.51764 0-2.46781-1.4055-4.53312-3.2926-5.06099Z' fill='%23ED7E90'/%3E%3C/svg%3E");
}
#video_container #main_video_player.video-js.vjs-theme-sb .vjs-timeline-positions-holder .vjs-timeline-positions span strong.doggy {
  background-image: url('data:image/svg+xml,%3Csvg%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M9.3963%208.05193c.1222.48236%202.7591.73318%205.0358%201.82009%201.5114.72028%202.4954%201.92938%202.952%202.59188.193.2765.5788%201.6979.5596%202.0323l-.566%204.1547c-.0515.9904.8361%201.7622%201.8072%201.5821.6303-.1157%201.1191-.6109%201.222-1.2412.2379-1.4278-.5274-2.7655.2958-4.9458.0643-.1672%201.2477-2.9456.3859-3.9682-3.9424-4.68205-8.393-6.27061-9.5249-6.28347%200%200-1.68505-.16079-2.30246%201.71719-.61742%201.87797.13506%202.54684.13506%202.54684v-.00643Z%22%20fill%3D%22%23fff%22%2F%3E%3Cpath%20d%3D%22M7.58908%2012.4833s3.53082.1415%206.75302.3215c4.2383.238%201.0033%206.6566%201.0033%206.6566s-.6046-.8297%206.5086.2572c7.1131%201.0869-6.6437%203.2157-8.5731%201.2863-1.9294-1.9294-.6174-3.8331-.6174-3.8331s-1.8973.5595-4.50203.3987c-2.60472-.1608-4.63705-.939-3.71093-2.6369%201.31201-2.4182%203.1321-2.4503%203.1321-2.4503h.00644ZM2.52111%2014.4383c1.39238%200%202.52112-1.1287%202.52112-2.5211%200-1.3923-1.12874-2.52108-2.52112-2.52108C1.12874%209.39612%200%2010.5249%200%2011.9172c0%201.3924%201.12874%202.5211%202.52111%202.5211Z%22%20fill%3D%22%23ED7E90%22%2F%3E%3Cpath%20d%3D%22M7.13242%2015.2166s-7.016671%207.9106-3.11923%207.0359c2.85555-.6431%201.312-3.4536%205.01007-6.2706l-1.89084-.7653Z%22%20fill%3D%22%23ED7E90%22%2F%3E%3Cpath%20d%3D%22M6.45067%207.06796c1.39948%200%202.53398-1.1345%202.53398-2.53398S7.85015%202%206.45067%202%203.91669%203.1345%203.91669%204.53398s1.1345%202.53398%202.53398%202.53398ZM11.4608%208.52148s.2701%203.13212-2.38609%206.29632c1.65929%202.1224%203.74949.6882%204.50199-5.73035l-2.1159-.56597Z%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fsvg%3E');
}
#video_container #main_video_player.video-js.vjs-theme-sb .vjs-timeline-positions-holder .vjs-timeline-positions span strong.cowgirl {
  background-image: url('data:image/svg+xml,%3Csvg%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cg%20clip-path%3D%22url%28%23a%29%22%3E%3Cpath%20d%3D%22M18.0362%2018.8388s.2326-2.7787-3.7029-3.0113c-3.9355-.2326-8.51367.5998-8.51367.5998-8.91762%201.2915-14.40163-2.7114-12.41245%201.879.88748%202.0504%202.86441.7467%208.41574%201.3955%200%200%20.59981%201.016%202.68692.9732%202.16055-.3183%201.58521-.6672%203.32957-.5264%204.56589.3673%209.16249%202.3381%2010.19679-1.3098Z%22%20fill%3D%22%23fff%22%2F%3E%3Cpath%20d%3D%22M7.44154%207.18546c-2.3258%200-2.58287%201.18738-3.92327%203.56214-1.3404%202.3748-1.90961%204.0763%200%205.7288%201.90961%201.6526%203.15208%202.4238%203.15208%202.4238s-7.82205-.9732-4.41291%201.3281c2.30133%201.5546%207.42421.6427%207.87716.5264.4529-.1163%201.9953-.5631%201.065-1.8056-.9304-1.2424-3.83151-4.064-3.83151-4.064l.85076-3.911s.99152%202.1422%201.49953%203.1459c.46512.9242%202.21562%203.7091%204.11302%202.4911-3.1031-4.7679-2.895-6.2185-3.3296-7.39974-.4345-1.18127-.73446-2.03814-3.05414-2.03814l-.00612.01224ZM9.77358%207.1121c1.32502%200%202.39922-1.07418%202.39922-2.39925S11.0986%202.3136%209.77358%202.3136c-1.32507%200-2.39925%201.07418-2.39925%202.39925S8.44851%207.1121%209.77358%207.1121Z%22%20fill%3D%22%23ED7E90%22%2F%3E%3Cpath%20d%3D%22M7.49052%2017.3883c-1.79943-1.5914-4.95763-3.0909-2.89501-4.6027%201.38936-.9487.9242%201.7382%205.45949%203.7703%204.5354%202.032-.77115%202.4237-2.57059.8324h.00611ZM20.5885%2019.2123c1.3318%200%202.4115-1.0797%202.4115-2.4115%200-1.3319-1.0797-2.4115-2.4115-2.4115s-2.4115%201.0796-2.4115%202.4115c0%201.3318%201.0797%202.4115%202.4115%202.4115Z%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22a%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M0%200h24v24H0z%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3C%2Fsvg%3E');
}
#video_container #main_video_player.video-js.vjs-theme-sb .vjs-timeline-positions-holder .vjs-timeline-positions span strong.blowjob {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg fill='none' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg clip-path='url(%23a)'%3E%3Cpath d='M10.1398 3.25848c.127-4.71164-1.46681-6.00703-3.61309-5.46093C1.37057-.89437 6.49059 4.16935 5.5 8.5c-.53975 2.3622.7079 2.7079 1 3 .52704 12.357-.62098 11.6719 1.73484 11.7227 2.35586.0508 1.40334-1.4542 1.90496-19.96422Z' fill='%23fff'/%3E%3Cpath d='M5.2694.293077C4.41851.331177-.274085 4.11573 1.33245 5.51272 2.93898 6.9097 5.1297 7.2145 6.87593 7.59549c3.46067.3175-3.74645-3.05431-3.74645-3.05431s2.73047-1.72083 3.21941-3.49246c0 0-.23495-.793743-1.08584-.755643h.00635Z' fill='%23fff'/%3E%3Cpath d='M15.4547 10.0211c2.3812 0 2.8701.9017 4.2481 3.3337 1.3779 2.4321 2.8828 3.8735.9271 5.5689-1.9558 1.6954-3.2258 2.4892-3.2258 2.4892s7.0738-.4128 5.3149 1.2446c-1.6129 1.524-9.5249.5524-9.5249.5524s-1.3906-.4762-.4382-1.7462c.9525-1.27 3.9307-4.1656 3.9307-4.1656l-2.14-3.848s-2.2605.9906-3.4099.9144c-1.14932-.0762-4.28618-2.9781-3.96869-3.9306.3175-.95252 4.12749 1.6255 4.12749 1.6255s1.7843-2.0383 4.1655-2.0383h-.0063ZM13.5879 9.69744c1.3572 0 2.4574-1.10023 2.4574-2.45742 0-1.3572-1.1002-2.45743-2.4574-2.45743-1.3572 0-2.4575 1.10023-2.4575 2.45743 0 1.35719 1.1003 2.45742 2.4575 2.45742Z' fill='%23ED7E90'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h24v24H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}
.position-p {
  font-weight: 400;
  font-size: 0.75rem;
  line-height: 1rem;
  color: var(--video-positions-time-color);
}
.position-thumbnails {
  background-size: cover;
  width: 1.5rem;
  height: 1.5rem;
}
.position-thumbnails.spooning {
  background-image: url('data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20clip-path%3D%22url(%23clip0_4191_18552)%22%3E%3Cg%20clip-path%3D%22url(%23clip1_4191_18552)%22%3E%3Cpath%20d%3D%22M17.7094%209.91475C17.7094%209.91475%2022.1747%2013.1501%2018.7111%2014.9797C15.2475%2016.8092%2012.8209%2020.6309%2012.8209%2020.6309C6.77543%2027.0591%2010.3589%2032.8163%207.0717%2032.9929C4.01019%2033.1554%205.93598%2026.0136%208.53897%2021.1889C8.53897%2021.1889%207.83355%2019.8962%208.45432%2018.9214C9.07509%2017.9465%209.94981%2017.6216%2011.537%2016.9788C15.7413%2015.2763%2013.5968%207.61895%2017.7094%209.91475Z%22%20fill%3D%22%23ED7E90%22%2F%3E%3Cpath%20d%3D%22M20.6368%2010.1763C21.942%2010.1763%2023%209.11676%2023%207.80981C23%206.50285%2021.942%205.44336%2020.6368%205.44336C19.3317%205.44336%2018.2737%206.50285%2018.2737%207.80981C18.2737%209.11676%2019.3317%2010.1763%2020.6368%2010.1763Z%22%20fill%3D%22%23ED7E90%22%2F%3E%3Cpath%20d%3D%22M15.8541%2016.4844C16.1151%2018.8226%2015.6566%2022.9197%2018.0339%2022.1144C19.5717%2021.5352%2017.0463%2019.6773%2017.9704%2014.895C18.8945%2010.1127%2015.5931%2014.1533%2015.8612%2016.4844H15.8541Z%22%20fill%3D%22%23ED7E90%22%2F%3E%3Cpath%20d%3D%22M13.3781%206.20632C14.655%207.35069%2015.9318%208.05709%2013.3358%2010.7555C10.7399%2013.454%209.01866%2016.986%209.01866%2016.986C4.74383%2024.8624-0.659665%2033.3604-1.92942%2028.5498C-2.71948%2025.5405%203.24835%2023.8381%204.56042%2018.4341C4.56042%2018.4341%203.79857%2017.6642%204.56042%2015.7427C5.60444%2013.8355%207.1352%2014.0191%207.60077%2012.3449C8.8282%207.95819%208.96929%202.94274%2013.3781%206.20632Z%22%20fill%3D%22white%22%2F%3E%3Cpath%20d%3D%22M14.7254%205.80353C16.0501%205.80353%2017.1239%204.72822%2017.1239%203.40177C17.1239%202.07531%2016.0501%201%2014.7254%201C13.4008%201%2012.327%202.07531%2012.327%203.40177C12.327%204.72822%2013.4008%205.80353%2014.7254%205.80353Z%22%20fill%3D%22white%22%2F%3E%3Cpath%20d%3D%22M10.9091%2012.133C11.7697%2014.3581%2012.3834%2018.4977%2014.4997%2017.0919C15.8611%2016.1242%2012.9054%2014.9586%2012.5668%2010.0279C12.2282%205.09722%2010.0485%209.91488%2010.9091%2012.133Z%22%20fill%3D%22white%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22clip0_4191_18552%22%3E%3Crect%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22white%22%2F%3E%3C%2FclipPath%3E%3CclipPath%20id%3D%22clip1_4191_18552%22%3E%3Crect%20width%3D%2225%22%20height%3D%2232%22%20fill%3D%22white%22%20transform%3D%22translate(-2%201)%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3C%2Fsvg%3E');
}
.position-thumbnails.missionary {
  background-image: url('data:image/svg+xml,%3Csvg%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cg%20clip-path%3D%22url%28%23a%29%22%3E%3Cpath%20d%3D%22M19.7844%2021.3622c1.4583%200%202.6405-1.1822%202.6405-2.6405s-1.1822-2.6405-2.6405-2.6405-2.6405%201.1822-2.6405%202.6405%201.1822%202.6405%202.6405%202.6405Z%22%20fill%3D%22%23ED7E90%22%2F%3E%3Cpath%20d%3D%22M15.1568%206.28029s1.94%202.37779-1.4886%205.03851c-3.4286%202.6607-8.10337%204.7555-8.10337%204.7555-8.89817%204.3784-16.17973%207.3355-14.25323%202.1758%201.20573-3.2266%203.50268.9565%208.137002-3.0851%200%200%20.36374-.8689%202.283478-2.1218%202.16224-1.0576%201.85239-.384%203.35451-1.5964C9.0069%208.2674%2011.9438%203.62634%2015.1568%206.28703v-.00674Z%22%20fill%3D%22%23fff%22%2F%3E%3Cpath%20d%3D%22M12.7926%2021.8135s-3.69808-.1482-7.07278-.3368c-4.43898-.2493-1.05081-6.9717-1.05081-6.9717s-1.84564%201.1047-5.8872%201.7244c-7.44994%201.1383%204.43225-7.80025%208.87123-4.1561%202.20939%201.8187-.17514%204.8297-.17514%204.8297s1.9871-.5861%204.7152-.4177c2.728.1684%204.8566.9835%203.8866%202.7618-1.3741%202.5327-3.2804%202.5664-3.2804%202.5664h-.0067Z%22%20fill%3D%22%23ED7E90%22%2F%3E%3Cpath%20d%3D%22M18.8481%208.30792c1.4657%200%202.6539-1.18822%202.6539-2.65396S20.3138%203%2018.8481%203c-1.4658%200-2.654%201.18822-2.654%202.65396s1.1882%202.65396%202.654%202.65396ZM10.3945%2012.9018c-.6399%202.5597-2.74151%206.6955.0808%206.7831%201.8524%200-.074-2.9503%202.7753-7.6251%202.8493-4.67472-2.2094-1.7176-2.8493.842h-.0068Z%22%20fill%3D%22%23fff%22%2F%3E%3Cpath%20d%3D%22M13.8703%2019.0113s1.9736-10.89878-1.0374-7.9956c-2.2026%202.1286.7073%203.8058-1.071%208.3391l2.1084-.3435Z%22%20fill%3D%22%23ED7E90%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22a%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M0%200h24v24H0z%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3C%2Fsvg%3E');
}
.position-thumbnails.licking {
  background-image: url('data:image/svg+xml,%3Csvg%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M21.6902%2011.4225c.0009.0011.0018.0022.0027.0032v-.0058c-.0009.0008-.0018.0017-.0027.0026ZM19.109%205.65327c.3832%201.63674.8575%203.66219%202.5812%205.76923-1.4536%201.428-2.3099%202.7811-3.0651%203.9745-1.4472%202.2868-2.5229%203.9867-6.7189%204.5015-4.5044.5536-5.843-1.41-7.27754-3.5142C3.72699%2015.0617%202.78742%2013.6835%201%2012.8398c1.43117-1.327%202.22127-3.34935%202.97847-5.28747%201.1288-2.88924%202.18451-5.5914%205.18202-5.5244%202.39221.04125%203.38201%202.26255%203.38201%202.26255s1.8678-2.89889%204.2482-2.17417c1.6047.48933%201.9098%201.79231%202.3183%203.53696Zm-8.9056%202.20187c-.2239.84257-4.10676%204.03606-4.10676%204.03606%202.52179.1119%204.51916%202.5748%204.51916%202.5748l4.425-.3358%204.089-3.0285c-1.4593-.4664-2.1779-1.48948-3.3544-3.16453-.0871-.12392-.1766-.25142-.2692-.38252-.5008.95451-3.6766%201.14306-5.3028.30049Z%22%20fill%3D%22%23fff%22%2F%3E%3Cpath%20d%3D%22M6.66815%2011.8736s5.33235%203.4409%207.50645%208.2429c.3712.8131%201.0724%201.3965%201.8678%201.7971%202.5159%201.2668%204.6253.6953%206.0158-.8956%201.3434-1.5319-.2298-8.6966-4.1068-9.9399-3.8769-1.24318-4.472%200-4.472%200s-4.02431-1.83828-6.81125.7955Z%22%20fill%3D%22%23ED7E90%22%2F%3E%3C%2Fsvg%3E');
}
.position-thumbnails.handjob {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg fill='none' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M8.17485 20.9749s7.29785 1.2999 10.33315.3629c3.0353-.937 1.5176-2.2896.8776-2.5998.9172.0396 2.9891-1.1811 1.4912-3.0682 2.5998-.4091 2.4876-3.1673 1.0294-3.5764 1.5044-.3365 1.8146-3.7611-1.3989-3.93926 0 0-6.5456-1.78817-8.7099-1.37907-2.16429.4091-3.97226 4.73103-3.97226 4.73103s-5.31834-1.2866-6.24872.0594c-1.108536 1.9862-.23094 9.0531-.23094 9.0531s.29033.9897 6.83597.3497l-.0066.0066Z' fill='%23fff'/%3E%3Cpath d='M17.4918 2.26177c-.2441-.06599-.4883.11877-.4883.36951v2.26326c0 .25734-.2111.46189-.4619.46189-.2507 0-.4619-.21115-.4619-.46189V2.63128c0-.25074-.2441-.4421-.4883-.36951-1.8871.52787-3.2926 2.59318-3.2926 5.06099 0 2.87034 1.9004 1.51764 4.2428 1.51764 2.3425 0 4.2428 1.3461 4.2428-1.51764 0-2.46781-1.4055-4.53312-3.2926-5.06099Z' fill='%23ED7E90'/%3E%3C/svg%3E");
}
.position-thumbnails.doggy {
  background-image: url('data:image/svg+xml,%3Csvg%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M9.3963%208.05193c.1222.48236%202.7591.73318%205.0358%201.82009%201.5114.72028%202.4954%201.92938%202.952%202.59188.193.2765.5788%201.6979.5596%202.0323l-.566%204.1547c-.0515.9904.8361%201.7622%201.8072%201.5821.6303-.1157%201.1191-.6109%201.222-1.2412.2379-1.4278-.5274-2.7655.2958-4.9458.0643-.1672%201.2477-2.9456.3859-3.9682-3.9424-4.68205-8.393-6.27061-9.5249-6.28347%200%200-1.68505-.16079-2.30246%201.71719-.61742%201.87797.13506%202.54684.13506%202.54684v-.00643Z%22%20fill%3D%22%23fff%22%2F%3E%3Cpath%20d%3D%22M7.58908%2012.4833s3.53082.1415%206.75302.3215c4.2383.238%201.0033%206.6566%201.0033%206.6566s-.6046-.8297%206.5086.2572c7.1131%201.0869-6.6437%203.2157-8.5731%201.2863-1.9294-1.9294-.6174-3.8331-.6174-3.8331s-1.8973.5595-4.50203.3987c-2.60472-.1608-4.63705-.939-3.71093-2.6369%201.31201-2.4182%203.1321-2.4503%203.1321-2.4503h.00644ZM2.52111%2014.4383c1.39238%200%202.52112-1.1287%202.52112-2.5211%200-1.3923-1.12874-2.52108-2.52112-2.52108C1.12874%209.39612%200%2010.5249%200%2011.9172c0%201.3924%201.12874%202.5211%202.52111%202.5211Z%22%20fill%3D%22%23ED7E90%22%2F%3E%3Cpath%20d%3D%22M7.13242%2015.2166s-7.016671%207.9106-3.11923%207.0359c2.85555-.6431%201.312-3.4536%205.01007-6.2706l-1.89084-.7653Z%22%20fill%3D%22%23ED7E90%22%2F%3E%3Cpath%20d%3D%22M6.45067%207.06796c1.39948%200%202.53398-1.1345%202.53398-2.53398S7.85015%202%206.45067%202%203.91669%203.1345%203.91669%204.53398s1.1345%202.53398%202.53398%202.53398ZM11.4608%208.52148s.2701%203.13212-2.38609%206.29632c1.65929%202.1224%203.74949.6882%204.50199-5.73035l-2.1159-.56597Z%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fsvg%3E');
}
.position-thumbnails.cowgirl {
  background-image: url('data:image/svg+xml,%3Csvg%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cg%20clip-path%3D%22url%28%23a%29%22%3E%3Cpath%20d%3D%22M18.0362%2018.8388s.2326-2.7787-3.7029-3.0113c-3.9355-.2326-8.51367.5998-8.51367.5998-8.91762%201.2915-14.40163-2.7114-12.41245%201.879.88748%202.0504%202.86441.7467%208.41574%201.3955%200%200%20.59981%201.016%202.68692.9732%202.16055-.3183%201.58521-.6672%203.32957-.5264%204.56589.3673%209.16249%202.3381%2010.19679-1.3098Z%22%20fill%3D%22%23fff%22%2F%3E%3Cpath%20d%3D%22M7.44154%207.18546c-2.3258%200-2.58287%201.18738-3.92327%203.56214-1.3404%202.3748-1.90961%204.0763%200%205.7288%201.90961%201.6526%203.15208%202.4238%203.15208%202.4238s-7.82205-.9732-4.41291%201.3281c2.30133%201.5546%207.42421.6427%207.87716.5264.4529-.1163%201.9953-.5631%201.065-1.8056-.9304-1.2424-3.83151-4.064-3.83151-4.064l.85076-3.911s.99152%202.1422%201.49953%203.1459c.46512.9242%202.21562%203.7091%204.11302%202.4911-3.1031-4.7679-2.895-6.2185-3.3296-7.39974-.4345-1.18127-.73446-2.03814-3.05414-2.03814l-.00612.01224ZM9.77358%207.1121c1.32502%200%202.39922-1.07418%202.39922-2.39925S11.0986%202.3136%209.77358%202.3136c-1.32507%200-2.39925%201.07418-2.39925%202.39925S8.44851%207.1121%209.77358%207.1121Z%22%20fill%3D%22%23ED7E90%22%2F%3E%3Cpath%20d%3D%22M7.49052%2017.3883c-1.79943-1.5914-4.95763-3.0909-2.89501-4.6027%201.38936-.9487.9242%201.7382%205.45949%203.7703%204.5354%202.032-.77115%202.4237-2.57059.8324h.00611ZM20.5885%2019.2123c1.3318%200%202.4115-1.0797%202.4115-2.4115%200-1.3319-1.0797-2.4115-2.4115-2.4115s-2.4115%201.0796-2.4115%202.4115c0%201.3318%201.0797%202.4115%202.4115%202.4115Z%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22a%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M0%200h24v24H0z%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3C%2Fsvg%3E');
}
.position-thumbnails.blowjob {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg fill='none' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg clip-path='url(%23a)'%3E%3Cpath d='M10.1398 3.25848c.127-4.71164-1.46681-6.00703-3.61309-5.46093C1.37057-.89437 6.49059 4.16935 5.5 8.5c-.53975 2.3622.7079 2.7079 1 3 .52704 12.357-.62098 11.6719 1.73484 11.7227 2.35586.0508 1.40334-1.4542 1.90496-19.96422Z' fill='%23fff'/%3E%3Cpath d='M5.2694.293077C4.41851.331177-.274085 4.11573 1.33245 5.51272 2.93898 6.9097 5.1297 7.2145 6.87593 7.59549c3.46067.3175-3.74645-3.05431-3.74645-3.05431s2.73047-1.72083 3.21941-3.49246c0 0-.23495-.793743-1.08584-.755643h.00635Z' fill='%23fff'/%3E%3Cpath d='M15.4547 10.0211c2.3812 0 2.8701.9017 4.2481 3.3337 1.3779 2.4321 2.8828 3.8735.9271 5.5689-1.9558 1.6954-3.2258 2.4892-3.2258 2.4892s7.0738-.4128 5.3149 1.2446c-1.6129 1.524-9.5249.5524-9.5249.5524s-1.3906-.4762-.4382-1.7462c.9525-1.27 3.9307-4.1656 3.9307-4.1656l-2.14-3.848s-2.2605.9906-3.4099.9144c-1.14932-.0762-4.28618-2.9781-3.96869-3.9306.3175-.95252 4.12749 1.6255 4.12749 1.6255s1.7843-2.0383 4.1655-2.0383h-.0063ZM13.5879 9.69744c1.3572 0 2.4574-1.10023 2.4574-2.45742 0-1.3572-1.1002-2.45743-2.4574-2.45743-1.3572 0-2.4575 1.10023-2.4575 2.45743 0 1.35719 1.1003 2.45742 2.4575 2.45742Z' fill='%23ED7E90'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h24v24H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}
.position-span {
  z-index: 2;
  background: var(--video-thumbnail-bg-color-rgba);
  -webkit-border-top-right-radius: 0.5rem;
  -webkit-border-bottom-right-radius: 0.5rem;
  -webkit-border-bottom-left-radius: 0.5rem;
  -webkit-border-top-left-radius: 0.5rem;
  -moz-border-radius-topright: 0.5rem;
  -moz-border-radius-bottomright: 0.5rem;
  -moz-border-radius-bottomleft: 0.5rem;
  -moz-border-radius-topleft: 0.5rem;
  border-top-right-radius: 0.5rem;
  border-bottom-right-radius: 0.5rem;
  border-bottom-left-radius: 0.5rem;
  border-top-left-radius: 0.5rem;
  -moz-background-clip: padding-box;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  flex-direction: column;
  align-items: center;
  flex-shrink: 0;
  flex-grow: 0;
  justify-content: center;
  padding: 0.5rem 1rem;
  gap: 0.125rem;
}
#main_video_player .vjs-play-control,
#main_video_player .vjs-progress-control .timeline-thumbs,
#main_video_player .vjs-picture-in-picture-control,
#main_video_player:not(.vjs-has-started) .vjs-controls-lower-container .vjs-fullscreen-control,
#main_video_player.vjs-user-inactive:not(.vjs-paused) .vjs-play-next-button,
#main_video_player.vjs-user-inactive:not(.vjs-paused) .vjs-timeline-positions-holder,
#main_video_player.vjs-user-inactive:not(.vjs-paused) .vjs-skip-to-action-container,
#main_video_player.vjs-user-inactive:not(.vjs-paused) .vjs-settings-menu-container,
#main_video_player:not(.skip-to-action-overlay-visible) .vjs-skip-to-action-container,
#main_video_player:not(.vjs-scrubbing) .vjs-positions-thumbnail-container,
#main_video_player.skip-to-action-overlay-visible .views,
#main_video_player.vjs-has-started .views,
#main_video_player.skip-to-action-overlay-visible .vjs-play-next-button,
#main_video_player.skip-to-action-overlay-visible .vjs-big-play-button {
  display: none !important;
  pointer-events: none;
}
#main_video_player.vjs-user-inactive:not(.vjs-paused) .vjs-control,
#main_video_player.vjs-user-inactive:not(.vjs-paused) .vjs-time-control,
#main_video_player.vjs-user-inactive:not(.vjs-paused) .vjs-slider,
#main_video_player:not(.vjs-has-started) .vjs-fullscreen-control {
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.5s ease-in-out;
}
#main_video_player.vjs-waiting .vjs-controls-upper-container,
#main_video_player.vjs-scrubbing .vjs-controls-upper-container,
#main_video_player.vjs-waiting .vjs-controls-middle-container,
#main_video_player.vjs-scrubbing .vjs-controls-middle-container,
#main_video_player.vjs-waiting .vjs-fullscreen-control,
#main_video_player.vjs-scrubbing .vjs-fullscreen-control {
  opacity: 0;
}
#vast_video_player .vjs-control-bar {
  display: flex !important;
  opacity: 1 !important;
}
#vast_video_player .vjs-progress-control {
  pointer-events: none;
}
.video-js.vjs-theme-sb .vast_skip_button {
  position: absolute;
  z-index: 100;
  box-shadow: inset 0px 1px 0px 0px #cf866c;
  background: linear-gradient(to bottom, #76270f 5%, #601a0b 100%);
  bottom: 40px;
  right: 0;
  font-size: 1.1em;
  padding: 0 4px;
  overflow: hidden;
  border: 2px solid #080b0e;
  border-right: 0;
  cursor: wait;
  text-shadow: 0px 1px 0px #854629;
  -moz-opacity: 0.85;
  -khtml-opacity: 0.85;
  -webkit-opacity: 0.85;
  opacity: 0.85;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=85);
  filter: alpha(opacity=85);
  height: 50px;
  line-height: 46px;
}
.video-js.vjs-theme-sb .vast_skip_button em {
  color: #f08e84;
  font-style: normal;
  padding-left: 5px;
}
.video-js.vjs-theme-sb .vast_skip_button.vast_skip_button_active {
  background: linear-gradient(to bottom, #a33615 5%, #8e2710 100%);
  cursor: pointer;
  border-color: #080b0e;
  -moz-opacity: 0.95;
  -khtml-opacity: 0.95;
  -webkit-opacity: 0.95;
  opacity: 0.95;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=95);
  filter: alpha(opacity=95);
  font-size: 1.25em;
}
.video-js.vjs-theme-sb .vast_ad_title,
.video-js.vjs-theme-sb .vast_ad_description {
  position: absolute;
  z-index: 100;
  background-color: rgba(8, 11, 14, 0.7);
  font-size: 1.25em;
  padding: 10px 8px;
  overflow: hidden;
  border: 1px solid #080b0e;
  border-left: 0;
  display: block;
}
.video-js.vjs-theme-sb .vast_ad_description {
  max-width: 60%;
  left: 0;
  top: auto;
  bottom: 5%;
  font-size: 1.35em;
}
.video-js.vjs-theme-sb .vast_ad_icon {
  background-color: rgba(8, 11, 14, 0.7);
  font-size: 1.5em;
  left: 5px;
  top: 5px;
  position: absolute;
}
.video-js.vjs-theme-sb .vast_ad_icon svg {
  fill: #aaa;
}
.video-js.vjs-theme-sb .vjs-play-progress:before {
  line-height: 1;
}
.vast_ad_title_container {
  top: 100%;
  left: 0;
  right: 0;
  margin: 0 auto;
  height: 100%;
  align-items: center;
  justify-content: center;
  background-color: #11181f;
  width: 100%;
  display: none;
}
.vast_ad_title_container.show {
  display: inline-flex;
}
.vast_ad_title_container .vast_ad_title {
  text-align: center;
  background-color: rgba(96, 20, 12, 0.8);
  padding: 0 2px;
  height: 50px;
  line-height: 48px;
  overflow: hidden;
  border-radius: 0;
  width: 100%;
  position: relative;
  box-shadow: inset 0px 1px 0px 0px #fff6af;
  background: linear-gradient(to bottom, #ffec64 5%, #ffab23 100%);
  background-color: #ffec64;
  border-radius: 6px;
  border: 1px solid #080b0e;
  color: #333333;
  text-decoration: none;
  text-shadow: 0px 1px 0px #ffee66;
  font-weight: bold;
}
.vast_ad_title_container .vast_ad_title .i_heart {
  fill: #f08e84;
  animation: bounce 0.75s infinite linear;
  transform: translateZ(0);
  margin: auto 10px;
}
.vast_ad_title_container .vast_ad_title .i_external-link-square-alt {
  float: right;
  margin-top: 14px;
}
.vast_ad_title_container .vast_ad_visit {
  width: 100%;
  height: 100%;
  display: flex;
  position: absolute;
  background-color: rgba(0, 0, 0, 0.75);
  font-size: 2em;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  -webkit-text-shadow: 1px 1px 10px #000000;
  -moz-text-shadow: 1px 1px 10px #000000;
  text-shadow: 1px 1px 10px #000000;
}
.vast_ad_title_container .vast_ad_visit svg {
  fill: #ffab23;
  font-size: 0.7em;
  margin-left: 10px;
}
@keyframes progress_move {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: 30px 30px;
  }
}
@keyframes lds-hourglass {
  0% {
    transform: rotate(0);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  50% {
    transform: rotate(450deg);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  100% {
    transform: rotate(900deg);
  }
}
#search_v2 .channel_result {
  overflow: hidden;
}
#search_v2 .channel_result .ps {
  display: inline-block;
  width: 100%;
  text-align: left;
  color: #f08e84;
  margin: 5px 0;
  line-height: 40px;
}
#search_v2 .channel_result .ps img {
  float: left;
  width: 50px;
  margin: 0 10px;
  border-radius: 5px;
}
#search_v2 .tag_list {
  display: -ms-flex;
  display: flex;
  -ms-align-items: center;
  align-items: center;
  overflow-x: auto;
  gap: 8px;
}
#search_v2 .tag_list a {
  white-space: nowrap;
  padding: 0.25rem 0.5rem;
  background-color: var(--tag-bg-color);
  color: var(--tag-color);
  font-size: 0.8125rem;
  line-height: 1.25rem;
  cursor: pointer;
  text-transform: capitalize;
  display: block;
  border-radius: 0.25rem;
  transition: color 0.3s ease-in-out, background-color 0.3s ease-in-out, opacity 0.3s ease-in-out, fill 0.3s ease-in-out, border-color 0.3s ease-in-out, transform 0.3s ease-in-out;
}
@media (hover: hover) {
  #search_v2 .tag_list a:hover {
    color: var(--tag-hover-text-color);
  }
}
@media (hover: hover) {
  #search_v2 .tag_list a:active {
    background-color: #cf3952;
    color: #fff;
  }
}
#search_v2 .tag_list a img {
  width: 0.75rem;
  height: 0.75rem;
  border-radius: 0.1875rem;
  margin-right: 0.25rem;
  display: inline-block;
  vertical-align: middle;
}
#search_v2 .tag_list .highlight-tag a {
  background-color: var(--tag-active-bg-color);
  transition: color 0.3s ease-in-out, background-color 0.3s ease-in-out, opacity 0.3s ease-in-out, fill 0.3s ease-in-out, border-color 0.3s ease-in-out, transform 0.3s ease-in-out;
}
#search_empty {
  text-align: center;
  font-size: 1rem;
  line-height: 1.25rem;
  color: #fff;
}
#search_empty > :not([hidden]) ~ :not([hidden]) {
  margin-top: 1rem;
}
#search_empty .ft-button {
  display: inline-block;
}
.live_h1 span {
  float: right;
  color: #f08e84;
}
.live_h1 span .i_svg {
  fill: #60140c;
}
#live {
  overflow: hidden;
}
#live div.create_account {
  padding: 5px;
  margin: 10px;
}
#live div.create_account h1 {
  margin-bottom: 10px;
  color: #f08e84;
  text-align: center;
}
#live div.create_account a {
  color: #f08e84;
}
#live div.create_account p.errors {
  color: #f08e84;
}
#live div.create_account ul.form {
  margin: 5px 0;
  background: #233140;
  padding: 5px;
  border-radius: 5px;
}
#live div.create_account ul.form li {
  padding: 5px;
  text-align: center;
}
#live div.create_account ul.form li label {
  display: block;
  cursor: pointer;
  padding-bottom: 5px;
  font-size: 1.2em;
  color: #fff;
}
#live div.create_account ul.form li label .i_svg {
  fill: #507192;
}
#live div.create_account ul.form li input[type='text'],
#live div.create_account ul.form li input[type='password'],
#live div.create_account ul.form li select,
#live div.create_account ul.form li textarea {
  width: 90%;
  height: 40px;
  line-height: 40px;
  background-color: #080b0e;
  border: 1px solid #60140c;
  border-radius: 5px;
  color: #fff;
  font-size: 1.5em;
  padding: 0 5px;
  text-align: center;
  color: #f08e84;
}
#live div.create_account ul.form li .text-field-small {
  width: 150px !important;
}
#live div.create_account ul.form li textarea {
  height: 150px;
  text-align: left;
}
#live div.create_account ul.form li.t {
  color: #aaa;
}
#live div.create_account ul.form li.s {
  padding-top: 10px;
  margin-top: 10px;
  border-top: 1px solid #080b0e;
}
#live div.create_account ul.form li.d {
  padding-top: 10px;
  margin-top: 10px;
  border-top: 1px solid #080b0e;
  font-size: 1.3em;
  color: #f08e84;
  text-align: left;
}
#live div.create_account ul.form li.l {
  padding: 10px 0;
  margin: 10px 0;
  border-top: 1px solid #080b0e;
  border-bottom: 1px solid #080b0e;
  font-size: 1.3em;
  color: #f08e84;
  background-color: #60140c;
}
#live div.create_account ul.form li.l a {
  color: #fff;
}
#live div.create_account ul.form li.form_zip_code {
  display: none;
}
#live ul.results {
  overflow: hidden;
}
#live ul.results li {
  float: left;
  margin: 0.5%;
  width: 15.5%;
  height: 240px;
  border-bottom: 1px;
  -webkit-text-shadow: 0 2px 2px #000000;
  -moz-text-shadow: 0 2px 2px #000000;
  text-shadow: 0 2px 2px #000000;
}
#live ul.results li a.image {
  display: block;
  position: relative;
}
#live ul.results li a.image img {
  width: 100%;
  border-radius: 10px;
  box-shadow: 0 2px 1px rgba(0, 0, 0, 0.6);
}
#live ul.results li a.image span {
  position: absolute;
  display: inline-block;
  padding: 5px;
  background-color: #080b0e;
  color: #ddd;
  -moz-opacity: 0.8;
  -khtml-opacity: 0.8;
  -webkit-opacity: 0.8;
  opacity: 0.8;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80);
  filter: alpha(opacity=80);
  border-radius: 5px;
}
#live ul.results li a.image span.views {
  left: 2px;
  bottom: 5px;
}
#live ul.results li a.image span.videos {
  right: 2px;
  bottom: 5px;
}
#live ul.results li a.image:hover span {
  background-color: #60140c;
}
#live ul.results li a.title {
  display: block;
  text-align: center;
  color: #fff;
  font-size: 1em;
  padding: 5px 0;
}
#live a.alpha {
  display: block;
  width: 40%;
  height: 50px;
  line-height: 30px;
  color: #fff;
  clear: both;
  overflow: hidden;
  text-align: center;
  margin: 20px auto;
  font-size: 1.5em;
}
#live_performer {
  display: block;
  width: 100%;
  margin-top: 20px;
}
#live_performer #player_wrapper {
  margin: 0;
  display: block;
  clear: both;
}
#live_performer #player_wrapper .player_loading {
  display: block;
  width: 100%;
  background: #60140c;
  background: linear-gradient(to bottom, #233140, #080b0e);
  height: 300px;
  position: relative;
}
#live_performer #player_wrapper .player_loading .loading-icon img {
  height: 50px;
  display: block;
  margin: 15px auto 0 auto;
}
#live_performer #player_wrapper .player_loading .loading-icon,
#live_performer #player_wrapper .player_loading .loading-icon::before,
#live_performer #player_wrapper .player_loading .loading-icon::after {
  left: 50%;
  top: 110px;
  margin-left: -40px;
  position: absolute;
  background: #d22b19;
  width: 80px;
  height: 80px;
  border-radius: 30%;
}
#live_performer #player_wrapper .player_loading .loading-icon::before {
  top: 0px;
  content: '';
  animation: bounce 1.5s infinite;
  animation-timing-function: ease-out;
}
#live_performer #player_wrapper .player_loading .loading-icon::after {
  top: 0px;
  content: '';
  animation: bounce 1.5s -0.4s infinite;
  animation-timing-function: ease-out;
}
#live_performer div.details {
  margin: 10px 0;
  font-size: 0.9em;
}
#live_performer div.details .left {
  color: #fff;
  background-color: #1e2a36;
  border-radius: 5px;
}
#live_performer div.details .left section {
  width: 100%;
  padding: 5px;
}
#live_performer div.details .left section.about div.top {
  display: -ms-flex;
  display: flex;
  padding: 5px 0;
}
#live_performer div.details .left section.about div.top > div {
  align-items: center;
  align-content: center;
}
#live_performer div.details .left section.about div.top > div.left {
  width: 130px;
  margin-right: 10px;
  -ms-flex-grow: 0;
  flex-grow: 0;
  -ms-flex-shrink: 0;
  flex-shrink: 0;
  -ms-flex-basis: 130px;
  flex-basis: 130px;
}
#live_performer div.details .left section.about div.top > div.left img {
  border-radius: 5px;
  display: inline-block;
  vertical-align: middle;
  margin-top: 10px;
}
#live_performer div.details .left section.about h1 {
  font-size: 1.5em;
  text-transform: uppercase;
  color: #fff;
  border-bottom: 1px solid #d22b19;
  margin-bottom: 5px;
  height: 40px;
  line-height: 40px;
  background-color: transparent;
}
#live_performer div.details .left section.about h1 img {
  width: 36px;
  display: inline-block;
  margin-top: 6px;
  border-radius: 5px;
  border: 2px solid #080b0e;
}
#live_performer div.details .left section.about h2 {
  font-size: 1.1em;
  color: #fff;
  padding-bottom: 5px;
  background-color: transparent;
}
#live_performer div.details .left section.about h3 {
  font-size: 1.05em;
  color: #fff;
  background-color: transparent;
}
#live_performer div.details .left section.about ul > li {
  padding: 2px 0;
  font-size: 1.05em;
}
#live_performer div.details .left section.about ul > li span {
  color: #f08e84;
  display: block;
  padding: 5px 0 2px 0;
  font-size: 1.2em;
}
#live_performer div.details .left section.about ul > li a {
  display: inline-block;
  border-radius: 5px;
  background-color: #2c3e50;
  overflow: hidden;
  margin: 2px 0;
  color: #fff;
  padding: 7px;
  text-transform: capitalize;
}
#live_performer div.details .left section.about ul > li a:hover {
  background-color: #a42114;
}
#live_performer div.details .left section.about ul > li a em {
  color: #aaa;
  font-style: normal;
}
#live_performer div.details .left section.features {
  font-size: 1.1em;
}
#live_performer div.details .left section.features h3 {
  color: #f08e84;
  display: block;
  padding: 5px 0 2px 0;
  font-size: 1.2em;
}
#live_performer div.details .left section.features ul li {
  line-height: 1.8em;
  color: #fff;
}
#live_performer div.details .left section.features ul li span {
  color: #aaa;
  padding-right: 10px;
  min-width: 140px;
  display: inline-block;
}
#live_performer div.details .left section.features ul li a {
  color: #fff;
  border-bottom: 1px solid #f08e84;
}
#live_performer div.details .left section.features ul li a:hover {
  background-color: #a42114;
}
#live_performer div.details > div.right h3 {
  font-size: 1.5em;
  text-transform: uppercase;
  color: #fff;
  border-bottom: 1px solid #d22b19;
  margin-bottom: 5px;
  height: 44px;
  line-height: 44px;
}
#live_performer div.details > div.right section.media {
  overflow: hidden;
  clear: both;
  display: block;
}
#live_performer div.details > div.right section.media .thumbnails {
  margin-top: 5px;
}
#live_performer div.details > div.right section.media .thumbnails a {
  float: left;
  width: 32.8%;
  margin: 0.1%;
  position: relative;
  color: #fff;
}
#live_performer div.details > div.right section.media .thumbnails a img {
  box-shadow: 0 3px 5px rgba(0, 0, 0, 0.8);
  cursor: pointer;
  border-radius: 10px;
  width: 100%;
  border: 1px solid #080b0e;
}
#live_performer div.details > div.right section.media .thumbnails a img:hover {
  border: 1px solid #d22b19;
}
#live_performer div.details > div.right section.media .thumbnails a span {
  display: inline-block;
  position: absolute;
  right: 2px;
  bottom: 5px;
  background-color: #080b0e;
  font-size: 0.8em;
  padding: 1px 4px;
  border-radius: 5px;
}
#live-album-remodal {
  width: 90% !important;
  max-width: 1500px;
}
#live-album-remodal .live_photo_gallery_window {
  width: 100%;
  display: -ms-flex;
  display: flex;
  flex-flow: row wrap;
  -ms-justify-content: center;
  justify-content: center;
  -ms-align-items: baseline;
  align-items: baseline;
  -ms-align-content: stretch;
  align-content: stretch;
}
#live-album-remodal .live_photo_gallery_window span {
  flex: auto;
  background-color: #080b0e;
  margin: 3px;
}
#live-album-remodal .live_photo_gallery_window span img {
  max-height: 700px;
  max-width: 700px;
  margin: 3px;
  -o-object-fit: contain;
     object-fit: contain;
}
#live-album-remodal .live_photo_gallery_window video {
  width: 100%;
  max-height: 700px;
}
.form-holder {
  overflow: hidden;
  text-align: left !important;
}
.form-holder h2 {
  font-size: 1.15em;
  background-color: #080b0e;
  padding: 5px;
}
.form-holder ul.country_list {
  margin: 5px 0;
}
.form-holder ul.country_list li {
  display: inline-block;
  cursor: pointer;
  width: 18%;
  text-align: center;
  border-radius: 5px;
}
.form-holder ul.country_list li:hover {
  background-color: #2c3e50;
}
.form-holder ul.country_list li img {
  width: 32px;
  height: 20px;
  display: inline-block;
  margin: 2px 0;
  border-radius: 3px;
  cursor: pointer;
}
.form-holder ul.country_list li img.ww {
  width: auto;
}
.form-holder ul li {
  clear: both;
  margin: 4px 0;
  padding: 5px 0;
}
.form-holder ul li label {
  color: #2c3e50;
}
.form-holder ul li label.main {
  display: block;
  float: left;
  width: 100%;
  padding-left: 5px;
  height: 25px;
  line-height: 25px;
  color: #f08e84;
}
.form-holder ul li p.desc {
  color: #476481;
  font-size: 0.9em;
  clear: both;
  padding: 2px 0 5px 5px;
}
.form-holder ul li p.errors {
  clear: both;
  overflow: hidden;
  color: #f08e84;
  padding: 10px 0 10px 0;
}
.form-holder ul li input[type='radio'] {
  display: block;
  margin: 7px 6px 0 4px;
  float: left;
}
.form-holder ul li input[type='checkbox'] {
  display: block;
  margin: 7px 6px 0 4px;
  float: left;
}
.form-holder ul li .text-field {
  height: 40px;
  line-height: 40px;
  width: 100%;
  border: 1px solid #2c3e50;
  display: block;
  float: left;
  text-indent: 5px;
  font-size: 1rem;
  background-color: #080b0e;
  color: #fff;
}
.form-holder ul li .text-field:focus {
  background-color: #11181f !important;
  border: 1px solid #60140c;
}
.form-holder ul li .text-field:hover {
  background-color: #11181f;
}
.form-holder ul li .text-field-small {
  width: 100px;
}
.form-holder ul li .text-field-medium {
  width: 150px;
}
.form-holder ul li .textarea-field {
  height: 100px;
}
.big-text-black {
  background-color: #080b0e;
  width: 100%;
  max-width: 400px;
  height: 40px;
  color: #f08e84;
  padding: 4px;
  font-size: 1.3em;
  border-top: solid 1px #222;
  border-left: solid 1px #333;
  border-right: solid 1px #111;
  border-bottom: solid 1px #111;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
}
html.remodal_lock,
body.remodal_lock {
  overflow: hidden;
}
.remodal,
[data-remodal-id] {
  visibility: hidden;
}
.remodal-overlay {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1100;
  display: none;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  text-align: center;
}
.auth-remodal-wrapper {
  z-index: 1301;
}
.remodal-overlay > * {
  -webkit-transform: translateZ(0px);
}
.remodal {
  position: relative;
  display: inline-block;
}
.remodal-overlay {
  opacity: 0;
  background: rgba(var(--modal-background-color), 0.95);
  transition: opacity 0.2s linear;
}
body.remodal_active .remodal-overlay {
  opacity: 1;
}
.remodal {
  width: 100%;
  min-height: 100%;
  box-sizing: border-box;
  font-size: 16px;
  background: #11181f;
  background-clip: padding-box;
  color: #ddd;
  transform: scale(0.95);
  transition: transform 0.2s linear;
  border: 1px solid #1e2a36;
  overflow: scroll;
}
body.remodal_active .remodal {
  transform: scale(1);
}
.remodal {
  vertical-align: middle;
}
.remodal-close {
  position: absolute;
  top: 5px;
  right: 5px;
  width: 28px;
  height: 28px;
  line-height: 23px;
  text-decoration: none;
  border-radius: 50%;
  font-size: 28px;
  color: #d22b19;
  text-align: center;
}
.remodal-close:hover,
.remodal-close:active {
  color: #d22b19;
}
.remodal-confirm,
.remodal-cancel {
  display: inline-block;
  width: 120px;
  padding: 9px 0;
  margin: 0 0 5px 0;
  font-size: 10pt;
  cursor: pointer;
  text-decoration: none;
  text-align: center;
  border-radius: 50px;
  background-clip: padding-box;
  transition: all 0.2s linear;
}
.remodal-confirm {
  border: 2px solid #16a085;
  background: #f4f4f4;
  color: #16a085;
}
.remodal-confirm:hover,
.remodal-confirm:active {
  background: #16a085;
  color: #f4f4f4;
}
.remodal-cancel {
  border: 2px solid #c0392b;
  background: #f4f4f4;
  color: #c0392b;
}
.remodal-cancel:hover,
.remodal-cancel:active {
  background: #c0392b;
  color: #f4f4f4;
}
@media only screen and (min-width: 641px) {
  .remodal {
    max-width: 700px;
    margin: 0 auto;
    min-height: 0;
  }
}
.remodal {
  display: -ms-flex;
  display: flex;
  -ms-align-items: flex-end;
  align-items: flex-end;
  background: none;
  border: none;
  padding: 3rem 0 0;
  z-index: 400;
  color: var(--modal-text-color);
}
.remodal h4 {
  font-size: 1.25rem;
  line-height: 2rem;
  font-weight: 700;
  color: var(--modal-title-color);
  padding: 0 1rem;
}
.remodal h4 .i_svg {
  fill: rgba(255, 255, 255, 0.5);
}
.remodal .modal-inner-content {
  background-color: #1e2a36;
  padding: 1rem 1rem 1.5rem 1rem;
  width: 100%;
  position: relative;
  border-radius: 0.5rem 0.5rem 0 0;
}
.remodal .modal-inner-content .remodal-close {
  width: 2rem;
  height: 2rem;
  right: 0;
  margin-top: 0;
  top: 0.25rem;
  display: -ms-flex;
  display: flex;
  -ms-align-items: center;
  align-items: center;
  -ms-justify-content: center;
  justify-content: center;
}
.remodal .remodal-close {
  top: 1rem;
  right: 1rem;
  font-size: 1rem;
  line-height: normal;
  height: 1rem;
  width: 1rem;
}
.remodal .remodal-close .i_svg {
  position: static;
  fill: #fff;
  height: 0.75rem;
  width: 0.75rem;
}
.remodal .common-remodal-wrapper {
  width: 100%;
}
.remodal .t {
  font-size: 0.875rem;
  line-height: 1.25rem;
  text-align: center;
}
.auth-remodal .forms {
  width: 100%;
}
[data-page='auth'] .logo {
  margin-bottom: 1rem;
  margin-left: auto;
  margin-right: auto;
  width: 12.5rem;
  height: 2.5rem;
  display: block;
}
#language-remodal .modal-inner-content,
#gender-remodal .modal-inner-content {
  padding-top: 2.5rem;
}
.download-remodal .modal-inner-content > h4 {
  padding-top: 1rem;
}
.download-remodal .success {
  color: var(--success-color);
}
.download-remodal #captcha_holder {
  width: 19rem;
  margin: 0 auto;
}
.download-remodal .download-list {
  overflow: hidden;
}
.download-remodal .download-list > :not([hidden]) ~ :not([hidden]) {
  margin-top: 1rem;
}
.download-remodal .download-list .pl {
  display: none;
}
.download-remodal .download-list p > #icon > svg {
  top: 0.125rem;
}
.download-remodal .download-list .pl2 > #d-icon > svg {
  top: 0.125rem;
  width: 1.25rem;
  height: 1.25rem;
}
.download-remodal .download-promo {
  padding: 0 1.5rem;
  z-index: 100;
  background-color: var(--modal-inner-content-bg-color);
  display: none;
}
.thumbnails-remodal .thumbnails {
  margin-top: 20px;
}
.flag-remodal .modal-inner-content > :not([hidden]) ~ :not([hidden]) {
  margin-top: 1rem;
}
.flag-remodal .flag-wrapper {
  width: 100%;
}
.flag-remodal .flag {
  text-align: left;
}
.flag-remodal .flag > :not([hidden]) ~ :not([hidden]) {
  margin-top: 0.25rem;
}
.flag-remodal .report {
  -moz-opacity: 0.5;
  -khtml-opacity: 0.5;
  -webkit-opacity: 0.5;
  opacity: 0.5;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50);
  filter: alpha(opacity=50);
}
.flag-remodal .report.active {
  -moz-opacity: 1;
  -khtml-opacity: 1;
  -webkit-opacity: 1;
  opacity: 1;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
  filter: alpha(opacity=100);
}
/*!
 * jQuery Accordion 0.0.1
 * (c) 2014 Victor Fernandez <victor@vctrfrnndz.com>
 * MIT Licensed.*/
[data-accordion] [data-content] {
  overflow: hidden;
  max-height: 0;
}
[data-accordion] {
  line-height: 1;
}
[data-control],
[data-content] > * {
  display: block;
  color: #ddd;
  padding: 8px;
  font-size: 1.2em;
  border-bottom: 1px solid #11181f;
  border-top: 1px solid #1e2a36;
  background-color: #080b0e;
  position: relative;
  text-align: left;
}
[data-control].active,
[data-content] > *.active {
  background-color: #320a06;
}
[data-content] [data-accordion] {
  border: 0;
  padding: 0;
}
[data-accordion] [data-control] {
  position: relative;
  padding-right: 40px;
}
[data-accordion] > [data-control]:after {
  content: '';
  position: absolute;
  right: 0px;
  top: 5px;
  font-size: 1em;
  font-weight: 200;
  height: 15px;
  width: 24px;
  content: '\f078';
  font-family: FontAwesome;
}
[data-accordion].open > [data-control]:after {
  transform: rotate(-180deg);
  top: 10px;
}
.ms-ctn {
  position: relative;
  padding: 8px;
  margin-bottom: 5px;
  height: auto;
  border: 1px solid #233140;
  background-color: #1e2a36;
  color: #ddd;
  font-size: 1.2em;
  line-height: 1.85em;
  width: 100%;
  border-bottom: 1px solid #60140c;
}
.ms-inv {
  border: 1px solid #cc0000;
}
.ms-ctn-readonly {
  cursor: pointer;
}
.ms-ctn-disabled {
  cursor: not-allowed;
  background-color: #eeeeee;
}
.ms-ctn-bootstrap-focus,
.ms-ctn-bootstrap-focus .ms-res-ctn {
  border-color: rgba(82, 168, 236, 0.8) !important;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6) !important;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.ms-ctn-focus {
  background: #2c3e50;
  color: #fff;
  outline: solid var(--input-outline-color);
}
.ms-ctn input {
  border: 0;
  box-shadow: none;
  -webkit-transition: none;
  outline: none;
  display: block;
  padding: 0;
  line-height: 1.42857143;
  margin: 1px 0;
  width: 100%;
  background-color: transparent !important;
  color: #ddd !important;
  font-size: 14px;
}
.ms-ctn .ms-sel-ctn input {
  float: left;
}
.ms-ctn-disabled input {
  cursor: not-allowed;
  background-color: #eeeeee;
}
.ms-ctn .ms-input-readonly {
  cursor: pointer;
}
.ms-ctn .ms-empty-text {
  color: #ddd;
}
.ms-ctn input:focus {
  border: 0;
  box-shadow: none;
  -webkit-transition: none;
  background: #fff;
}
.ms-ctn input::-ms-clear {
  width: 0;
  height: 0;
}
.ms-ctn .ms-trigger {
  top: 0;
  width: 25px;
  height: 100%;
  position: absolute;
  right: 0;
  background: transparent;
  border-left: 1px solid #ccc;
  cursor: pointer;
}
.ms-ctn .ms-trigger .ms-trigger-ico {
  display: inline-block;
  width: 0;
  height: 0;
  vertical-align: top;
  border-top: 4px solid #333;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
  content: '';
  margin-left: 8px;
  margin-top: 15px;
}
.ms-ctn .ms-trigger:hover {
  background-color: #e6e6e6;
}
.ms-ctn .ms-trigger:hover .ms-trigger-ico {
  background-position: 0 -4px;
}
.ms-ctn-disabled .ms-trigger {
  cursor: not-allowed;
  background-color: #eeeeee;
}
.ms-ctn-bootstrap-focus {
  border-bottom: 1px solid #ccc;
}
.ms-res-ctn {
  width: 100%;
  display: block;
  overflow-y: auto;
  margin-top: 5px;
  background-color: #1e2a36;
  position: absolute;
  z-index: 1000;
  margin-left: -8px;
}
.ms-res-ctn .ms-res-group {
  line-height: 23px;
  text-align: left;
  padding: 2px 5px;
  font-weight: bold;
  border-bottom: 1px dotted #11181f;
  border-top: 1px solid #11181f;
  background: #1e2a36;
  color: #ddd;
}
.ms-res-ctn .ms-res-item {
  line-height: 25px;
  text-align: left;
  padding: 5px;
  color: #ddd;
  cursor: pointer;
  display: inline-block;
  background-color: #11181f;
  margin: 3px;
  border-radius: 5px;
}
.ms-res-ctn .ms-res-item-grouped {
  padding-left: 15px;
}
.ms-res-ctn .ms-res-odd {
  background: #11181f;
}
.ms-res-ctn .ms-res-item-active {
  background-color: #080b0e;
}
.ms-res-ctn .ms-res-item-disabled {
  color: #ccc;
  cursor: default;
}
.ms-sel-ctn {
  overflow: auto;
  line-height: 18px;
  padding-right: 25px;
}
.ms-no-trigger .ms-sel-ctn {
  padding-right: 0;
}
.ms-sel-ctn .ms-sel-item {
  background: #080b0e;
  color: #fff;
  float: left;
  font-size: 14px;
  padding: 3px 5px;
  border-radius: 3px;
  border: 1px solid #1e2a36;
  margin: 3px 0px 1px 0;
}
.ms-sel-ctn .ms-sel-invalid {
  border-color: 1px solid #1e2a36 !important;
  background: #fdf2f2 !important;
}
.ms-sel-ctn .ms-sel-item:hover {
  border: 1px solid #3e5771;
}
.ms-ctn .ms-sel-item {
  background: #080b0e;
  color: #fff;
  float: left;
  font-size: 14px;
  padding: 0 5px;
  border-radius: 3px;
  border: 1px solid #1e2a36;
  margin: 1px 5px 1px 0;
}
.ms-ctn .ms-sel-item:hover {
  border: 1px solid #3e5771;
}
.ms-ctn-focus .ms-sel-item:hover {
  border: 1px solid #3e5771;
}
.ms-sel-ctn .ms-sel-text {
  background: #fff;
  color: #666;
  padding-right: 0;
  margin-left: 0;
  font-size: 14px;
  font-weight: normal;
}
.ms-as-string .ms-sel-text {
  border-color: transparent;
}
.ms-res-ctn .ms-res-item em {
  font-style: normal;
  background: #080b0e;
}
.ms-sel-ctn .ms-sel-text:hover {
  background: #fff;
}
.ms-sel-ctn .ms-sel-item-active {
  border: 1px solid red;
  background: #757575;
}
.ms-stacked .ms-sel-item {
  float: inherit;
}
.ms-sel-ctn .ms-sel-item .ms-close-btn {
  width: 7px;
  cursor: pointer;
  height: 7px;
  float: right;
  margin: 6px 2px 0 10px;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAOCAYAAADjXQYbAAAACXBIWXMAAAsTAAALEwEAmpwYAAAKT2lDQ1BQaG90b3Nob3AgSUNDIHByb2ZpbGUAAHjanVNnVFPpFj333vRCS4iAlEtvUhUIIFJCi4AUkSYqIQkQSoghodkVUcERRUUEG8igiAOOjoCMFVEsDIoK2AfkIaKOg6OIisr74Xuja9a89+bN/rXXPues852zzwfACAyWSDNRNYAMqUIeEeCDx8TG4eQuQIEKJHAAEAizZCFz/SMBAPh+PDwrIsAHvgABeNMLCADATZvAMByH/w/qQplcAYCEAcB0kThLCIAUAEB6jkKmAEBGAYCdmCZTAKAEAGDLY2LjAFAtAGAnf+bTAICd+Jl7AQBblCEVAaCRACATZYhEAGg7AKzPVopFAFgwABRmS8Q5ANgtADBJV2ZIALC3AMDOEAuyAAgMADBRiIUpAAR7AGDIIyN4AISZABRG8lc88SuuEOcqAAB4mbI8uSQ5RYFbCC1xB1dXLh4ozkkXKxQ2YQJhmkAuwnmZGTKBNA/g88wAAKCRFRHgg/P9eM4Ors7ONo62Dl8t6r8G/yJiYuP+5c+rcEAAAOF0ftH+LC+zGoA7BoBt/qIl7gRoXgugdfeLZrIPQLUAoOnaV/Nw+H48PEWhkLnZ2eXk5NhKxEJbYcpXff5nwl/AV/1s+X48/Pf14L7iJIEyXYFHBPjgwsz0TKUcz5IJhGLc5o9H/LcL//wd0yLESWK5WCoU41EScY5EmozzMqUiiUKSKcUl0v9k4t8s+wM+3zUAsGo+AXuRLahdYwP2SycQWHTA4vcAAPK7b8HUKAgDgGiD4c93/+8//UegJQCAZkmScQAAXkQkLlTKsz/HCAAARKCBKrBBG/TBGCzABhzBBdzBC/xgNoRCJMTCQhBCCmSAHHJgKayCQiiGzbAdKmAv1EAdNMBRaIaTcA4uwlW4Dj1wD/phCJ7BKLyBCQRByAgTYSHaiAFiilgjjggXmYX4IcFIBBKLJCDJiBRRIkuRNUgxUopUIFVIHfI9cgI5h1xGupE7yAAygvyGvEcxlIGyUT3UDLVDuag3GoRGogvQZHQxmo8WoJvQcrQaPYw2oefQq2gP2o8+Q8cwwOgYBzPEbDAuxsNCsTgsCZNjy7EirAyrxhqwVqwDu4n1Y8+xdwQSgUXACTYEd0IgYR5BSFhMWE7YSKggHCQ0EdoJNwkDhFHCJyKTqEu0JroR+cQYYjIxh1hILCPWEo8TLxB7iEPENyQSiUMyJ7mQAkmxpFTSEtJG0m5SI+ksqZs0SBojk8naZGuyBzmULCAryIXkneTD5DPkG+Qh8lsKnWJAcaT4U+IoUspqShnlEOU05QZlmDJBVaOaUt2ooVQRNY9aQq2htlKvUYeoEzR1mjnNgxZJS6WtopXTGmgXaPdpr+h0uhHdlR5Ol9BX0svpR+iX6AP0dwwNhhWDx4hnKBmbGAcYZxl3GK+YTKYZ04sZx1QwNzHrmOeZD5lvVVgqtip8FZHKCpVKlSaVGyovVKmqpqreqgtV81XLVI+pXlN9rkZVM1PjqQnUlqtVqp1Q61MbU2epO6iHqmeob1Q/pH5Z/YkGWcNMw09DpFGgsV/jvMYgC2MZs3gsIWsNq4Z1gTXEJrHN2Xx2KruY/R27iz2qqaE5QzNKM1ezUvOUZj8H45hx+Jx0TgnnKKeX836K3hTvKeIpG6Y0TLkxZVxrqpaXllirSKtRq0frvTau7aedpr1Fu1n7gQ5Bx0onXCdHZ4/OBZ3nU9lT3acKpxZNPTr1ri6qa6UbobtEd79up+6Ynr5egJ5Mb6feeb3n+hx9L/1U/W36p/VHDFgGswwkBtsMzhg8xTVxbzwdL8fb8VFDXcNAQ6VhlWGX4YSRudE8o9VGjUYPjGnGXOMk423GbcajJgYmISZLTepN7ppSTbmmKaY7TDtMx83MzaLN1pk1mz0x1zLnm+eb15vft2BaeFostqi2uGVJsuRaplnutrxuhVo5WaVYVVpds0atna0l1rutu6cRp7lOk06rntZnw7Dxtsm2qbcZsOXYBtuutm22fWFnYhdnt8Wuw+6TvZN9un2N/T0HDYfZDqsdWh1+c7RyFDpWOt6azpzuP33F9JbpL2dYzxDP2DPjthPLKcRpnVOb00dnF2e5c4PziIuJS4LLLpc+Lpsbxt3IveRKdPVxXeF60vWdm7Obwu2o26/uNu5p7ofcn8w0nymeWTNz0MPIQ+BR5dE/C5+VMGvfrH5PQ0+BZ7XnIy9jL5FXrdewt6V3qvdh7xc+9j5yn+M+4zw33jLeWV/MN8C3yLfLT8Nvnl+F30N/I/9k/3r/0QCngCUBZwOJgUGBWwL7+Hp8Ib+OPzrbZfay2e1BjKC5QRVBj4KtguXBrSFoyOyQrSH355jOkc5pDoVQfujW0Adh5mGLw34MJ4WHhVeGP45wiFga0TGXNXfR3ENz30T6RJZE3ptnMU85ry1KNSo+qi5qPNo3ujS6P8YuZlnM1VidWElsSxw5LiquNm5svt/87fOH4p3iC+N7F5gvyF1weaHOwvSFpxapLhIsOpZATIhOOJTwQRAqqBaMJfITdyWOCnnCHcJnIi/RNtGI2ENcKh5O8kgqTXqS7JG8NXkkxTOlLOW5hCepkLxMDUzdmzqeFpp2IG0yPTq9MYOSkZBxQqohTZO2Z+pn5mZ2y6xlhbL+xW6Lty8elQfJa7OQrAVZLQq2QqboVFoo1yoHsmdlV2a/zYnKOZarnivN7cyzytuQN5zvn//tEsIS4ZK2pYZLVy0dWOa9rGo5sjxxedsK4xUFK4ZWBqw8uIq2Km3VT6vtV5eufr0mek1rgV7ByoLBtQFr6wtVCuWFfevc1+1dT1gvWd+1YfqGnRs+FYmKrhTbF5cVf9go3HjlG4dvyr+Z3JS0qavEuWTPZtJm6ebeLZ5bDpaql+aXDm4N2dq0Dd9WtO319kXbL5fNKNu7g7ZDuaO/PLi8ZafJzs07P1SkVPRU+lQ27tLdtWHX+G7R7ht7vPY07NXbW7z3/T7JvttVAVVN1WbVZftJ+7P3P66Jqun4lvttXa1ObXHtxwPSA/0HIw6217nU1R3SPVRSj9Yr60cOxx++/p3vdy0NNg1VjZzG4iNwRHnk6fcJ3/ceDTradox7rOEH0x92HWcdL2pCmvKaRptTmvtbYlu6T8w+0dbq3nr8R9sfD5w0PFl5SvNUyWna6YLTk2fyz4ydlZ19fi753GDborZ752PO32oPb++6EHTh0kX/i+c7vDvOXPK4dPKy2+UTV7hXmq86X23qdOo8/pPTT8e7nLuarrlca7nuer21e2b36RueN87d9L158Rb/1tWeOT3dvfN6b/fF9/XfFt1+cif9zsu72Xcn7q28T7xf9EDtQdlD3YfVP1v+3Njv3H9qwHeg89HcR/cGhYPP/pH1jw9DBY+Zj8uGDYbrnjg+OTniP3L96fynQ89kzyaeF/6i/suuFxYvfvjV69fO0ZjRoZfyl5O/bXyl/erA6xmv28bCxh6+yXgzMV70VvvtwXfcdx3vo98PT+R8IH8o/2j5sfVT0Kf7kxmTk/8EA5jz/GMzLdsAAAAEZ0FNQQAAsY58+1GTAAAAIGNIUk0AAHolAACAgwAA+f8AAIDpAAB1MAAA6mAAADqYAAAXb5JfxUYAAABSSURBVHjahI7BCQAwCAOTzpThHMHh3Kl9CVos9XckFwQAuPtGuWTWwMwaczKzyHsqg6+5JqMJr28BABHRwmTWQFJjTmYWOU1L4tdck9GE17dnALGAS+kAR/u2AAAAAElFTkSuQmCC);
  background-position: 0 -7px;
}
.ms-sel-ctn .ms-sel-item .ms-close-btn:hover {
  background-position: 0 0;
}
.ms-stacked .ms-sel-item .ms-close-btn {
  margin-left: 0px;
}
.ms-helper {
  color: #aaa;
  font-size: 10px;
  position: absolute;
  bottom: -14px;
  right: 0;
}
.ms-ctn.input-lg .ms-trigger .ms-trigger-ico {
  margin-top: 17px;
}
.ms-ctn.input-sm .ms-trigger .ms-trigger-ico {
  margin-top: 13px;
}
.ms-ctn.input-lg .ms-sel-ctn .ms-sel-item {
  padding-top: 2px;
  padding-bottom: 3px;
}
.ms-ctn.input-sm .ms-sel-ctn {
  line-height: 15px;
}
.ms-ctn.input-sm .ms-sel-ctn .ms-sel-item {
  padding-top: 1px;
  padding-bottom: 1px;
  margin-top: 0;
  margin-bottom: 0;
}
.ms-ctn.input-sm .ms-sel-ctn .ms-sel-item .ms-close-btn {
  margin-top: 4px;
}
.ms-ctn .ms-sel-ctn {
  margin-left: -7px;
}
.ms-ctn .ms-trigger:hover {
  width: 24px;
  right: 1px;
  border-radius: 0 3px 3px 0;
}
.forgot {
  padding: 1rem;
  background-color: #1e2a36;
  border-radius: 0.25rem;
}
.forgot ul {
  margin: 0 0 1rem;
}
.forgot ul li p.errors {
  text-align: center;
}
.forgot .ft-button {
  margin-left: auto;
  margin-right: auto;
}
@property --tw-border-spacing-x {
  syntax: "<length>";
  inherits: false;
  initial-value: 0;
}
@property --tw-border-spacing-y {
  syntax: "<length>";
  inherits: false;
  initial-value: 0;
}
@property --tw-translate-x {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-translate-y {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-translate-z {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-scale-x {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}
@property --tw-scale-y {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}
@property --tw-scale-z {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}
@property --tw-rotate-x {
  syntax: "*";
  inherits: false;
}
@property --tw-rotate-y {
  syntax: "*";
  inherits: false;
}
@property --tw-rotate-z {
  syntax: "*";
  inherits: false;
}
@property --tw-skew-x {
  syntax: "*";
  inherits: false;
}
@property --tw-skew-y {
  syntax: "*";
  inherits: false;
}
@property --tw-border-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}
@property --tw-gradient-position {
  syntax: "*";
  inherits: false;
}
@property --tw-gradient-from {
  syntax: "<color>";
  inherits: false;
  initial-value: #0000;
}
@property --tw-gradient-via {
  syntax: "<color>";
  inherits: false;
  initial-value: #0000;
}
@property --tw-gradient-to {
  syntax: "<color>";
  inherits: false;
  initial-value: #0000;
}
@property --tw-gradient-stops {
  syntax: "*";
  inherits: false;
}
@property --tw-gradient-via-stops {
  syntax: "*";
  inherits: false;
}
@property --tw-gradient-from-position {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 0%;
}
@property --tw-gradient-via-position {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 50%;
}
@property --tw-gradient-to-position {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-leading {
  syntax: "*";
  inherits: false;
}
@property --tw-font-weight {
  syntax: "*";
  inherits: false;
}
@property --tw-tracking {
  syntax: "*";
  inherits: false;
}
@property --tw-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-inset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-inset-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-inset-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-ring-color {
  syntax: "*";
  inherits: false;
}
@property --tw-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-inset-ring-color {
  syntax: "*";
  inherits: false;
}
@property --tw-inset-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-ring-inset {
  syntax: "*";
  inherits: false;
}
@property --tw-ring-offset-width {
  syntax: "<length>";
  inherits: false;
  initial-value: 0px;
}
@property --tw-ring-offset-color {
  syntax: "*";
  inherits: false;
  initial-value: #fff;
}
@property --tw-ring-offset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-outline-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}
@property --tw-blur {
  syntax: "*";
  inherits: false;
}
@property --tw-brightness {
  syntax: "*";
  inherits: false;
}
@property --tw-contrast {
  syntax: "*";
  inherits: false;
}
@property --tw-grayscale {
  syntax: "*";
  inherits: false;
}
@property --tw-hue-rotate {
  syntax: "*";
  inherits: false;
}
@property --tw-invert {
  syntax: "*";
  inherits: false;
}
@property --tw-opacity {
  syntax: "*";
  inherits: false;
}
@property --tw-saturate {
  syntax: "*";
  inherits: false;
}
@property --tw-sepia {
  syntax: "*";
  inherits: false;
}
@property --tw-drop-shadow {
  syntax: "*";
  inherits: false;
}
@property --tw-drop-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-drop-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-drop-shadow-size {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-blur {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-brightness {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-contrast {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-grayscale {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-hue-rotate {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-invert {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-opacity {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-saturate {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-sepia {
  syntax: "*";
  inherits: false;
}
@property --tw-duration {
  syntax: "*";
  inherits: false;
}
@property --tw-ease {
  syntax: "*";
  inherits: false;
}
@property --tw-content {
  syntax: "*";
  initial-value: "";
  inherits: false;
}
@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}
@keyframes bounce {
  0%, 100% {
    transform: translateY(-25%);
    animation-timing-function: cubic-bezier(0.8, 0, 1, 1);
  }
  50% {
    transform: none;
    animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
  }
}
@layer properties {
  @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
    *, ::before, ::after, ::backdrop {
      --tw-border-spacing-x: 0;
      --tw-border-spacing-y: 0;
      --tw-translate-x: 0;
      --tw-translate-y: 0;
      --tw-translate-z: 0;
      --tw-scale-x: 1;
      --tw-scale-y: 1;
      --tw-scale-z: 1;
      --tw-rotate-x: initial;
      --tw-rotate-y: initial;
      --tw-rotate-z: initial;
      --tw-skew-x: initial;
      --tw-skew-y: initial;
      --tw-border-style: solid;
      --tw-gradient-position: initial;
      --tw-gradient-from: #0000;
      --tw-gradient-via: #0000;
      --tw-gradient-to: #0000;
      --tw-gradient-stops: initial;
      --tw-gradient-via-stops: initial;
      --tw-gradient-from-position: 0%;
      --tw-gradient-via-position: 50%;
      --tw-gradient-to-position: 100%;
      --tw-leading: initial;
      --tw-font-weight: initial;
      --tw-tracking: initial;
      --tw-shadow: 0 0 #0000;
      --tw-shadow-color: initial;
      --tw-shadow-alpha: 100%;
      --tw-inset-shadow: 0 0 #0000;
      --tw-inset-shadow-color: initial;
      --tw-inset-shadow-alpha: 100%;
      --tw-ring-color: initial;
      --tw-ring-shadow: 0 0 #0000;
      --tw-inset-ring-color: initial;
      --tw-inset-ring-shadow: 0 0 #0000;
      --tw-ring-inset: initial;
      --tw-ring-offset-width: 0px;
      --tw-ring-offset-color: #fff;
      --tw-ring-offset-shadow: 0 0 #0000;
      --tw-outline-style: solid;
      --tw-blur: initial;
      --tw-brightness: initial;
      --tw-contrast: initial;
      --tw-grayscale: initial;
      --tw-hue-rotate: initial;
      --tw-invert: initial;
      --tw-opacity: initial;
      --tw-saturate: initial;
      --tw-sepia: initial;
      --tw-drop-shadow: initial;
      --tw-drop-shadow-color: initial;
      --tw-drop-shadow-alpha: 100%;
      --tw-drop-shadow-size: initial;
      --tw-backdrop-blur: initial;
      --tw-backdrop-brightness: initial;
      --tw-backdrop-contrast: initial;
      --tw-backdrop-grayscale: initial;
      --tw-backdrop-hue-rotate: initial;
      --tw-backdrop-invert: initial;
      --tw-backdrop-opacity: initial;
      --tw-backdrop-saturate: initial;
      --tw-backdrop-sepia: initial;
      --tw-duration: initial;
      --tw-ease: initial;
      --tw-content: "";
    }
  }
}


/*# sourceMappingURL=index.f2546a681bbbb1d824bb.css.map*/