/*---------------------------------------------------
    LESS Elements 0.9
  ---------------------------------------------------
    A set of useful LESS mixins
    More info at: http://lesselements.com
  ---------------------------------------------------*/
/*
	HTML5 Reset :: style.css
	----------------------------------------------------------
	We have learned much from/been inspired by/taken code where offered from:

	Eric Meyer					:: http://meyerweb.com
	HTML5 Doctor				:: http://html5doctor.com
	and the HTML5 Boilerplate	:: http://html5boilerplate.com

-------------------------------------------------------------------------------*/
/* Let's default this puppy out
-------------------------------------------------------------------------------*/
html,
body,
body div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
abbr,
address,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
samp,
small,
strong,
sub,
sup,
var,
b,
i,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
figure,
footer,
header,
menu,
nav,
section,
time,
mark,
audio,
video,
details,
summary {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}
/* consider resetting the default cursor: https://gist.github.com/murtaugh/5247154 */
/* Apply a natural box layout model to all elements: http://paulirish.com/2012/box-sizing-border-box-ftw/ */
*,
*:before,
*:after {
  box-sizing: border-box;
}
article,
aside,
figure,
footer,
header,
nav,
section,
details,
summary {
  display: block;
}
/* Responsive images and other embedded objects
   Note: keeping IMG here will cause problems if you're using foreground images as sprites.
   If this default setting for images is causing issues, you might want to replace it with a .responsive class instead. */
img,
object,
embed {
  max-width: 100%;
}
/* force a vertical scrollbar to prevent a jumpy page */
html {
  overflow-y: scroll;
}
/* we use a lot of ULs that aren't bulleted.
	don't forget to restore the bullets within content. */
ul {
  list-style: none;
}
blockquote,
q {
  quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
  content: '';
  content: none;
}
a {
  margin: 0;
  padding: 0;
  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;
}
/* tables still need cellspacing="0" in the markup */
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;
  /* CSS2 */
  white-space: pre-wrap;
  /* CSS 2.1 */
  white-space: pre-line;
  /* CSS 3 (and 2.1 as well, actually) */
  word-wrap: break-word;
  /* IE */
}
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;
}
/* Make sure sup and sub don't screw with your line-heights
	gist.github.com/413930 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
}
sup {
  top: -0.5em;
}
sub {
  bottom: -0.25em;
}
/* standardize any monospaced elements */
pre,
code,
kbd,
samp {
  font-family: monospace, sans-serif;
}
/* hand cursor on clickable elements */
.clickable,
label,
input[type=button],
input[type=submit],
input[type=file],
button {
  cursor: pointer;
}
/* Webkit browsers add a 2px margin outside the chrome of form elements */
button,
input,
select,
textarea {
  margin: 0;
}
/* make buttons play nice in IE */
button,
input[type=button] {
  width: auto;
  overflow: visible;
}
/* scale images in IE7 more attractively */
.ie7 img {
  -ms-interpolation-mode: bicubic;
}
/* prevent BG image flicker upon hover
   (commented out as usage is rare, and the filter syntax messes with some pre-processors)
.ie6 html {filter: expression(document.execCommand("BackgroundImageCache", false, true));}
*/
/* let's clear some floats */
.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;
}
#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: #77180e;
  color: #eee;
  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 #77180e;
  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;
  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;
}
*, ::before, ::after {
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x:  ;
  --tw-pan-y:  ;
  --tw-pinch-zoom:  ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position:  ;
  --tw-gradient-via-position:  ;
  --tw-gradient-to-position:  ;
  --tw-ordinal:  ;
  --tw-slashed-zero:  ;
  --tw-numeric-figure:  ;
  --tw-numeric-spacing:  ;
  --tw-numeric-fraction:  ;
  --tw-ring-inset:  ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(59 132 242 / 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur:  ;
  --tw-brightness:  ;
  --tw-contrast:  ;
  --tw-grayscale:  ;
  --tw-hue-rotate:  ;
  --tw-invert:  ;
  --tw-saturate:  ;
  --tw-sepia:  ;
  --tw-drop-shadow:  ;
  --tw-backdrop-blur:  ;
  --tw-backdrop-brightness:  ;
  --tw-backdrop-contrast:  ;
  --tw-backdrop-grayscale:  ;
  --tw-backdrop-hue-rotate:  ;
  --tw-backdrop-invert:  ;
  --tw-backdrop-opacity:  ;
  --tw-backdrop-saturate:  ;
  --tw-backdrop-sepia:  ;
  --tw-contain-size:  ;
  --tw-contain-layout:  ;
  --tw-contain-paint:  ;
  --tw-contain-style:  ;
}
::backdrop {
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x:  ;
  --tw-pan-y:  ;
  --tw-pinch-zoom:  ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position:  ;
  --tw-gradient-via-position:  ;
  --tw-gradient-to-position:  ;
  --tw-ordinal:  ;
  --tw-slashed-zero:  ;
  --tw-numeric-figure:  ;
  --tw-numeric-spacing:  ;
  --tw-numeric-fraction:  ;
  --tw-ring-inset:  ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(59 132 242 / 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur:  ;
  --tw-brightness:  ;
  --tw-contrast:  ;
  --tw-grayscale:  ;
  --tw-hue-rotate:  ;
  --tw-invert:  ;
  --tw-saturate:  ;
  --tw-sepia:  ;
  --tw-drop-shadow:  ;
  --tw-backdrop-blur:  ;
  --tw-backdrop-brightness:  ;
  --tw-backdrop-contrast:  ;
  --tw-backdrop-grayscale:  ;
  --tw-backdrop-hue-rotate:  ;
  --tw-backdrop-invert:  ;
  --tw-backdrop-opacity:  ;
  --tw-backdrop-saturate:  ;
  --tw-backdrop-sepia:  ;
  --tw-contain-size:  ;
  --tw-contain-layout:  ;
  --tw-contain-paint:  ;
  --tw-contain-style:  ;
}
/*! tailwindcss v3.4.17 | MIT License | https://tailwindcss.com*/
/*
1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)
*/
*,
::before,
::after {
  box-sizing: border-box; /* 1 */
  border-width: 0; /* 2 */
  border-style: solid; /* 2 */
  border-color: currentColor; /* 2 */
}
::before,
::after {
  --tw-content: '';
}
/*
1. Use a consistent sensible line-height in all browsers.
2. Prevent adjustments of font size after orientation changes in iOS.
3. Use a more readable tab size.
4. Use the user's configured `sans` font-family by default.
5. Use the user's configured `sans` font-feature-settings by default.
6. Use the user's configured `sans` font-variation-settings by default.
7. Disable tap highlights on iOS
*/
html,
:host {
  line-height: 1.5; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
  -moz-tab-size: 4; /* 3 */
  -o-tab-size: 4;
     tab-size: 4; /* 3 */
  font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* 4 */
  font-feature-settings: normal; /* 5 */
  font-variation-settings: normal; /* 6 */
  -webkit-tap-highlight-color: transparent; /* 7 */
}
/*
1. Remove the margin in all browsers.
2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.
*/
body {
  margin: 0; /* 1 */
  line-height: inherit; /* 2 */
}
/*
1. Add the correct height in Firefox.
2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
3. Ensure horizontal rules are visible by default.
*/
hr {
  height: 0; /* 1 */
  color: inherit; /* 2 */
  border-top-width: 1px; /* 3 */
}
/*
Add the correct text decoration in Chrome, Edge, and Safari.
*/
abbr:where([title]) {
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
}
/*
Remove the default font size and weight for headings.
*/
h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: inherit;
  font-weight: inherit;
}
/*
Reset links to optimize for opt-in styling instead of opt-out.
*/
a {
  color: inherit;
  text-decoration: inherit;
}
/*
Add the correct font weight in Edge and Safari.
*/
b,
strong {
  font-weight: bolder;
}
/*
1. Use the user's configured `mono` font-family by default.
2. Use the user's configured `mono` font-feature-settings by default.
3. Use the user's configured `mono` font-variation-settings by default.
4. Correct the odd `em` font sizing in all browsers.
*/
code,
kbd,
samp,
pre {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; /* 1 */
  font-feature-settings: normal; /* 2 */
  font-variation-settings: normal; /* 3 */
  font-size: 1em; /* 4 */
}
/*
Add the correct font size in all browsers.
*/
small {
  font-size: 80%;
}
/*
Prevent `sub` and `sup` elements from affecting the line height in all browsers.
*/
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sub {
  bottom: -0.25em;
}
sup {
  top: -0.5em;
}
/*
1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
3. Remove gaps between table borders by default.
*/
table {
  text-indent: 0; /* 1 */
  border-color: inherit; /* 2 */
  border-collapse: collapse; /* 3 */
}
/*
1. Change the font styles in all browsers.
2. Remove the margin in Firefox and Safari.
3. Remove default padding in all browsers.
*/
button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-feature-settings: inherit; /* 1 */
  font-variation-settings: inherit; /* 1 */
  font-size: 100%; /* 1 */
  font-weight: inherit; /* 1 */
  line-height: inherit; /* 1 */
  letter-spacing: inherit; /* 1 */
  color: inherit; /* 1 */
  margin: 0; /* 2 */
  padding: 0; /* 3 */
}
/*
Remove the inheritance of text transform in Edge and Firefox.
*/
button,
select {
  text-transform: none;
}
/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Remove default button styles.
*/
button,
input:where([type='button']),
input:where([type='reset']),
input:where([type='submit']) {
  -webkit-appearance: button; /* 1 */
  background-color: transparent; /* 2 */
  background-image: none; /* 2 */
}
/*
Use the modern Firefox focus style for all focusable elements.
*/
:-moz-focusring {
  outline: auto;
}
/*
Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)
*/
:-moz-ui-invalid {
  box-shadow: none;
}
/*
Add the correct vertical alignment in Chrome and Firefox.
*/
progress {
  vertical-align: baseline;
}
/*
Correct the cursor style of increment and decrement buttons in Safari.
*/
::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
  height: auto;
}
/*
1. Correct the odd appearance in Chrome and Safari.
2. Correct the outline style in Safari.
*/
[type='search'] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}
/*
Remove the inner padding in Chrome and Safari on macOS.
*/
::-webkit-search-decoration {
  -webkit-appearance: none;
}
/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Change font properties to `inherit` in Safari.
*/
::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}
/*
Add the correct display in Chrome and Safari.
*/
summary {
  display: list-item;
}
/*
Removes the default spacing and border for appropriate elements.
*/
blockquote,
dl,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
figure,
p,
pre {
  margin: 0;
}
fieldset {
  margin: 0;
  padding: 0;
}
legend {
  padding: 0;
}
ol,
ul,
menu {
  list-style: none;
  margin: 0;
  padding: 0;
}
/*
Reset default styling for dialogs.
*/
dialog {
  padding: 0;
}
/*
Prevent resizing textareas horizontally by default.
*/
textarea {
  resize: vertical;
}
/*
1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)
2. Set the default placeholder color to the user's configured gray 400 color.
*/
input::-moz-placeholder, textarea::-moz-placeholder {
  opacity: 1; /* 1 */
  color: #9ca3af; /* 2 */
}
input::placeholder,
textarea::placeholder {
  opacity: 1; /* 1 */
  color: #9ca3af; /* 2 */
}
/*
Set the default cursor for buttons.
*/
button,
[role="button"] {
  cursor: pointer;
}
/*
Make sure disabled buttons don't get the pointer cursor.
*/
:disabled {
  cursor: default;
}
/*
1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)
2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)
   This can trigger a poorly considered lint error in some tools but is included by design.
*/
img,
svg,
video,
canvas,
audio,
iframe,
embed,
object {
  display: block; /* 1 */
  vertical-align: middle; /* 2 */
}
/*
Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)
*/
img,
video {
  max-width: 100%;
  height: auto;
}
/* Make elements with the HTML hidden attribute stay hidden by default */
[hidden]:where(:not([hidden="until-found"])) {
  display: none;
}
@supports (-moz-appearance:none) {
  * {
    scrollbar-color: initial;
    scrollbar-width: initial;
  }
}
textarea:focus,
  input:focus:not(.ms-ctn input, [type='checkbox']) {
  outline-style: solid;
  outline-color: #E9657B;
}
.\!container {
  width: 100% !important;
}
.container {
  width: 100%;
}
@media (min-width: 414px) {
  .\!container {
    max-width: 414px !important;
  }
  .container {
    max-width: 414px;
  }
}
@media (min-width: 476px) {
  .\!container {
    max-width: 476px !important;
  }
  .container {
    max-width: 476px;
  }
}
@media (min-width: 640px) {
  .\!container {
    max-width: 640px !important;
  }
  .container {
    max-width: 640px;
  }
}
@media (min-width: 768px) {
  .\!container {
    max-width: 768px !important;
  }
  .container {
    max-width: 768px;
  }
}
@media (min-width: 1024px) {
  .\!container {
    max-width: 1024px !important;
  }
  .container {
    max-width: 1024px;
  }
}
@media (min-width: 1280px) {
  .\!container {
    max-width: 1280px !important;
  }
  .container {
    max-width: 1280px;
  }
}
@media (min-width: 1366px) {
  .\!container {
    max-width: 1366px !important;
  }
  .container {
    max-width: 1366px;
  }
}
@media (min-width: 1536px) {
  .\!container {
    max-width: 1536px !important;
  }
  .container {
    max-width: 1536px;
  }
}
@media (min-width: 1920px) {
  .\!container {
    max-width: 1920px !important;
  }
  .container {
    max-width: 1920px;
  }
}
@media (min-width: 2160px) {
  .\!container {
    max-width: 2160px !important;
  }
  .container {
    max-width: 2160px;
  }
}
@media (min-width: 2400px) {
  .\!container {
    max-width: 2400px !important;
  }
  .container {
    max-width: 2400px;
  }
}
.spinner {
  height: 3rem;
  width: 3rem;
}
@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}
.spinner {
  animation: spin 1s linear infinite;
  border-radius: 9999px;
  border-width: 8px;
  border-style: solid;
  border-color: rgb(53 63 74 / var(--tw-border-opacity, 1));
  --tw-border-opacity: 1;
  border-top-color: rgb(233 101 123 / var(--tw-border-opacity, 1));
}
.pointer-events-none {
  pointer-events: none;
}
.\!visible {
  visibility: visible !important;
}
.visible {
  visibility: visible;
}
.invisible {
  visibility: hidden;
}
.collapse {
  visibility: collapse;
}
.static {
  position: static;
}
.fixed {
  position: fixed;
}
.absolute {
  position: absolute;
}
.relative {
  position: relative;
}
.inset-0 {
  inset: 0px;
}
.inset-x-0 {
  left: 0px;
  right: 0px;
}
.inset-y-0 {
  top: 0px;
  bottom: 0px;
}
.-left-1 {
  left: -0.25rem;
}
.-left-3 {
  left: -0.75rem;
}
.-right-1 {
  right: -0.25rem;
}
.-top-14 {
  top: -3.5rem;
}
.-top-\[0\.125rem\] {
  top: -0.125rem;
}
.bottom-0 {
  bottom: 0px;
}
.bottom-10 {
  bottom: 2.5rem;
}
.bottom-16 {
  bottom: 4rem;
}
.bottom-2 {
  bottom: 0.5rem;
}
.bottom-20 {
  bottom: 5rem;
}
.bottom-\[-6px\] {
  bottom: -6px;
}
.left-0 {
  left: 0px;
}
.left-1\/2 {
  left: 50%;
}
.left-2 {
  left: 0.5rem;
}
.left-4 {
  left: 1rem;
}
.left-auto {
  left: auto;
}
.left-full {
  left: 100%;
}
.right-0 {
  right: 0px;
}
.right-1 {
  right: 0.25rem;
}
.right-12 {
  right: 3rem;
}
.right-2 {
  right: 0.5rem;
}
.right-3 {
  right: 0.75rem;
}
.right-4 {
  right: 1rem;
}
.right-9 {
  right: 2.25rem;
}
.right-\[-2px\] {
  right: -2px;
}
.right-\[13px\] {
  right: 13px;
}
.top-0 {
  top: 0px;
}
.top-1 {
  top: 0.25rem;
}
.top-1\.5 {
  top: 0.375rem;
}
.top-1\/2 {
  top: 50%;
}
.top-2 {
  top: 0.5rem;
}
.top-2\.5 {
  top: 0.625rem;
}
.top-3 {
  top: 0.75rem;
}
.top-4 {
  top: 1rem;
}
.top-7 {
  top: 1.75rem;
}
.top-\[-2px\] {
  top: -2px;
}
.top-full {
  top: 100%;
}
.z-0 {
  z-index: 0;
}
.z-10 {
  z-index: 10;
}
.z-1000 {
  z-index: 1000;
}
.z-101 {
  z-index: 101;
}
.z-1100 {
  z-index: 1100;
}
.z-20 {
  z-index: 20;
}
.z-30 {
  z-index: 30;
}
.z-50 {
  z-index: 50;
}
.z-\[1\] {
  z-index: 1;
}
.z-\[2000\] {
  z-index: 2000;
}
.z-\[60\] {
  z-index: 60;
}
.z-\[9000\] {
  z-index: 9000;
}
.z-\[900\] {
  z-index: 900;
}
.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;
}
.m-0 {
  margin: 0px;
}
.m-2 {
  margin: 0.5rem;
}
.m-4 {
  margin: 1rem;
}
.m-auto {
  margin: auto;
}
.-mx-1 {
  margin-left: -0.25rem;
  margin-right: -0.25rem;
}
.-mx-4 {
  margin-left: -1rem;
  margin-right: -1rem;
}
.-mx-6 {
  margin-left: -1.5rem;
  margin-right: -1.5rem;
}
.-mx-\[2\.5rem\] {
  margin-left: -2.5rem;
  margin-right: -2.5rem;
}
.mx-0 {
  margin-left: 0px;
  margin-right: 0px;
}
.mx-1 {
  margin-left: 0.25rem;
  margin-right: 0.25rem;
}
.mx-10 {
  margin-left: 2.5rem;
  margin-right: 2.5rem;
}
.mx-2 {
  margin-left: 0.5rem;
  margin-right: 0.5rem;
}
.mx-4 {
  margin-left: 1rem;
  margin-right: 1rem;
}
.mx-6 {
  margin-left: 1.5rem;
  margin-right: 1.5rem;
}
.mx-auto {
  margin-left: auto;
  margin-right: auto;
}
.my-0 {
  margin-top: 0px;
  margin-bottom: 0px;
}
.my-1 {
  margin-top: 0.25rem;
  margin-bottom: 0.25rem;
}
.my-2 {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}
.my-4 {
  margin-top: 1rem;
  margin-bottom: 1rem;
}
.my-6 {
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
}
.my-8 {
  margin-top: 2rem;
  margin-bottom: 2rem;
}
.my-\[0\] {
  margin-top: 0;
  margin-bottom: 0;
}
.\!-mb-3 {
  margin-bottom: -0.75rem !important;
}
.\!mt-0 {
  margin-top: 0px !important;
}
.\!mt-16 {
  margin-top: 4rem !important;
}
.\!mt-2 {
  margin-top: 0.5rem !important;
}
.\!mt-4 {
  margin-top: 1rem !important;
}
.-mb-2 {
  margin-bottom: -0.5rem;
}
.-mb-3 {
  margin-bottom: -0.75rem;
}
.-mr-1\.5 {
  margin-right: -0.375rem;
}
.-mr-4 {
  margin-right: -1rem;
}
.-mt-2 {
  margin-top: -0.5rem;
}
.-mt-3 {
  margin-top: -0.75rem;
}
.-mt-5 {
  margin-top: -1.25rem;
}
.mb-0 {
  margin-bottom: 0px;
}
.mb-1 {
  margin-bottom: 0.25rem;
}
.mb-12 {
  margin-bottom: 3rem;
}
.mb-2 {
  margin-bottom: 0.5rem;
}
.mb-4 {
  margin-bottom: 1rem;
}
.mb-5 {
  margin-bottom: 1.25rem;
}
.mb-6 {
  margin-bottom: 1.5rem;
}
.mb-8 {
  margin-bottom: 2rem;
}
.ml-0\.5 {
  margin-left: 0.125rem;
}
.ml-1 {
  margin-left: 0.25rem;
}
.ml-2 {
  margin-left: 0.5rem;
}
.ml-4 {
  margin-left: 1rem;
}
.ml-6 {
  margin-left: 1.5rem;
}
.ml-auto {
  margin-left: auto;
}
.mr-0 {
  margin-right: 0px;
}
.mr-0\.5 {
  margin-right: 0.125rem;
}
.mr-1 {
  margin-right: 0.25rem;
}
.mr-2 {
  margin-right: 0.5rem;
}
.mr-3\.5 {
  margin-right: 0.875rem;
}
.mr-4 {
  margin-right: 1rem;
}
.mt-0 {
  margin-top: 0px;
}
.mt-0\.5 {
  margin-top: 0.125rem;
}
.mt-1 {
  margin-top: 0.25rem;
}
.mt-1\.5 {
  margin-top: 0.375rem;
}
.mt-2 {
  margin-top: 0.5rem;
}
.mt-3 {
  margin-top: 0.75rem;
}
.mt-4 {
  margin-top: 1rem;
}
.mt-5 {
  margin-top: 1.25rem;
}
.mt-6 {
  margin-top: 1.5rem;
}
.mt-7 {
  margin-top: 1.75rem;
}
.mt-8 {
  margin-top: 2rem;
}
.mt-\[3px\] {
  margin-top: 3px;
}
.mt-auto {
  margin-top: 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;
}
.block {
  display: block;
}
.inline-block {
  display: inline-block;
}
.\!inline {
  display: inline !important;
}
.inline {
  display: inline;
}
.\!flex {
  display: flex !important;
}
.flex {
  display: flex;
}
.inline-flex {
  display: inline-flex;
}
.table {
  display: table;
}
.grid {
  display: grid;
}
.contents {
  display: contents;
}
.\!hidden {
  display: none !important;
}
.hidden {
  display: none;
}
.aspect-1\/2 {
  aspect-ratio: 1 / 2;
}
.aspect-3\/4 {
  aspect-ratio: 3 / 4;
}
.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: 16 / 9;
}
.\!h-dvh {
  height: 100dvh !important;
}
.h-0 {
  height: 0px;
}
.h-1 {
  height: 0.25rem;
}
.h-10 {
  height: 2.5rem;
}
.h-12 {
  height: 3rem;
}
.h-14 {
  height: 3.5rem;
}
.h-20 {
  height: 5rem;
}
.h-3 {
  height: 0.75rem;
}
.h-32 {
  height: 8rem;
}
.h-4 {
  height: 1rem;
}
.h-40vh {
  height: 40vh;
}
.h-5 {
  height: 1.25rem;
}
.h-6 {
  height: 1.5rem;
}
.h-8 {
  height: 2rem;
}
.h-96 {
  height: 24rem;
}
.h-98 {
  height: 24.5rem;
}
.h-\[15px\] {
  height: 15px;
}
.h-\[19px\] {
  height: 19px;
}
.h-\[1px\] {
  height: 1px;
}
.h-\[250px\] {
  height: 250px;
}
.h-\[30\.625rem\] {
  height: 30.625rem;
}
.h-auto {
  height: auto;
}
.h-fit {
  height: -moz-fit-content;
  height: fit-content;
}
.h-full {
  height: 100%;
}
.h-min {
  height: -moz-min-content;
  height: min-content;
}
.h-px {
  height: 1px;
}
.h-screen {
  height: 100vh;
}
.max-h-11 {
  max-height: 2.75rem;
}
.max-h-24 {
  max-height: 6rem;
}
.max-h-3 {
  max-height: 0.75rem;
}
.max-h-6 {
  max-height: 1.5rem;
}
.max-h-\[40vh\] {
  max-height: 40vh;
}
.max-h-full {
  max-height: 100%;
}
.min-h-0 {
  min-height: 0px;
}
.min-h-\[4\.6rem\] {
  min-height: 4.6rem;
}
.\!w-auto {
  width: auto !important;
}
.w-0 {
  width: 0px;
}
.w-1\/2 {
  width: 50%;
}
.w-10 {
  width: 2.5rem;
}
.w-100 {
  width: 25rem;
}
.w-11 {
  width: 2.75rem;
}
.w-11\/12 {
  width: 91.666667%;
}
.w-12 {
  width: 3rem;
}
.w-120 {
  width: 30rem;
}
.w-16 {
  width: 4rem;
}
.w-17\.5 {
  width: 4.375rem;
}
.w-174 {
  width: 43.5rem;
}
.w-2\/3 {
  width: 66.666667%;
}
.w-20 {
  width: 5rem;
}
.w-236 {
  width: 59rem;
}
.w-24 {
  width: 6rem;
}
.w-26 {
  width: 6.5rem;
}
.w-3 {
  width: 0.75rem;
}
.w-36 {
  width: 9rem;
}
.w-40 {
  width: 10rem;
}
.w-42 {
  width: 10.5rem;
}
.w-5 {
  width: 1.25rem;
}
.w-50 {
  width: 12.5rem;
}
.w-6 {
  width: 1.5rem;
}
.w-60 {
  width: 15rem;
}
.w-72 {
  width: 18rem;
}
.w-73\.5 {
  width: 18.375rem;
}
.w-75 {
  width: 18.75rem;
}
.w-9 {
  width: 2.25rem;
}
.w-\[19px\] {
  width: 19px;
}
.w-\[21\.5rem\] {
  width: 21.5rem;
}
.w-\[28\.75rem\] {
  width: 28.75rem;
}
.w-\[30px\] {
  width: 30px;
}
.w-\[calc\(100\%_-_1\.5rem\)\] {
  width: calc(100% - 1.5rem);
}
.w-\[calc\(20\%-7\.9px\)\] {
  width: calc(20% - 7.9px);
}
.w-\[calc\(50\%-5px\)\] {
  width: calc(50% - 5px);
}
.w-fit {
  width: -moz-fit-content;
  width: fit-content;
}
.w-full {
  width: 100%;
}
.w-px {
  width: 1px;
}
.w-screen {
  width: 100vw;
}
.min-w-0 {
  min-width: 0px;
}
.min-w-40 {
  min-width: 10rem;
}
.min-w-5 {
  min-width: 1.25rem;
}
.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%;
}
.max-w-100 {
  max-width: 25rem;
}
.max-w-40 {
  max-width: 10rem;
}
.max-w-44 {
  max-width: 11rem;
}
.max-w-52 {
  max-width: 13rem;
}
.max-w-\[28\.75rem\] {
  max-width: 28.75rem;
}
.max-w-full {
  max-width: 100%;
}
.max-w-md {
  max-width: 28rem;
}
.max-w-none {
  max-width: none;
}
.max-w-screen-lg {
  max-width: 1024px;
}
.max-w-screen-md {
  max-width: 768px;
}
.max-w-screen-sm {
  max-width: 640px;
}
.max-w-xl {
  max-width: 36rem;
}
.flex-1 {
  flex: 1 1 0%;
}
.flex-none {
  flex: none;
}
.flex-shrink-0 {
  flex-shrink: 0;
}
.shrink-0 {
  flex-shrink: 0;
}
.flex-grow {
  flex-grow: 1;
}
.grow {
  flex-grow: 1;
}
.\!basis-full {
  flex-basis: 100% !important;
}
.basis-0 {
  flex-basis: 0px;
}
.basis-1\/2 {
  flex-basis: 50%;
}
.basis-2\/6 {
  flex-basis: 33.333333%;
}
.basis-24 {
  flex-basis: 6rem;
}
.-translate-x-1\/2 {
  --tw-translate-x: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-translate-y-1\/2 {
  --tw-translate-y: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.rotate-0 {
  --tw-rotate: 0deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.rotate-180 {
  --tw-rotate: 180deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.scale-100 {
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.scale-50 {
  --tw-scale-x: .5;
  --tw-scale-y: .5;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.scale-90 {
  --tw-scale-x: .9;
  --tw-scale-y: .9;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.scale-95 {
  --tw-scale-x: .95;
  --tw-scale-y: .95;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.scale-\[0\.95\] {
  --tw-scale-x: 0.95;
  --tw-scale-y: 0.95;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.transform {
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
@keyframes pulse {
  50% {
    opacity: .5;
  }
}
.animate-pulse {
  animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
}
@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}
.animate-spin {
  animation: spin 1s linear infinite;
}
.cursor-default {
  cursor: default;
}
.cursor-pointer {
  cursor: pointer;
}
.cursor-wait {
  cursor: wait;
}
.select-none {
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.resize {
  resize: both;
}
.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-10 {
  grid-template-columns: repeat(10, 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));
}
.flex-row {
  flex-direction: row;
}
.\!flex-col {
  flex-direction: column !important;
}
.flex-col {
  flex-direction: column;
}
.flex-col-reverse {
  flex-direction: column-reverse;
}
.flex-wrap {
  flex-wrap: wrap;
}
.content-center {
  align-content: center;
}
.items-start {
  align-items: flex-start;
}
.items-end {
  align-items: flex-end;
}
.items-center {
  align-items: center;
}
.justify-start {
  justify-content: flex-start;
}
.justify-end {
  justify-content: flex-end;
}
.justify-center {
  justify-content: center;
}
.justify-between {
  justify-content: space-between;
}
.justify-around {
  justify-content: space-around;
}
.gap-0\.5 {
  gap: 0.125rem;
}
.gap-1 {
  gap: 0.25rem;
}
.gap-2 {
  gap: 0.5rem;
}
.gap-2\.5 {
  gap: 0.625rem;
}
.gap-3 {
  gap: 0.75rem;
}
.gap-4 {
  gap: 1rem;
}
.gap-6 {
  gap: 1.5rem;
}
.\!gap-x-2 {
  -moz-column-gap: 0.5rem !important;
       column-gap: 0.5rem !important;
}
.\!gap-y-4 {
  row-gap: 1rem !important;
}
.gap-x-1 {
  -moz-column-gap: 0.25rem;
       column-gap: 0.25rem;
}
.gap-x-2 {
  -moz-column-gap: 0.5rem;
       column-gap: 0.5rem;
}
.gap-x-3 {
  -moz-column-gap: 0.75rem;
       column-gap: 0.75rem;
}
.gap-x-6 {
  -moz-column-gap: 1.5rem;
       column-gap: 1.5rem;
}
.gap-y-4 {
  row-gap: 1rem;
}
.space-x-2 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 0;
  margin-right: calc(0.5rem * var(--tw-space-x-reverse));
  margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse)));
}
.space-y-1 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(0.25rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0.25rem * var(--tw-space-y-reverse));
}
.space-y-2 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0.5rem * var(--tw-space-y-reverse));
}
.space-y-4 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(1rem * var(--tw-space-y-reverse));
}
.space-y-6 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(1.5rem * var(--tw-space-y-reverse));
}
.space-y-8 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(2rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(2rem * var(--tw-space-y-reverse));
}
.self-start {
  align-self: flex-start;
}
.self-center {
  align-self: center;
}
.overflow-auto {
  overflow: auto;
}
.overflow-hidden {
  overflow: hidden;
}
.overflow-x-auto {
  overflow-x: auto;
}
.overflow-y-auto {
  overflow-y: auto;
}
.overflow-x-hidden {
  overflow-x: hidden;
}
.overflow-y-hidden {
  overflow-y: hidden;
}
.overflow-x-scroll {
  overflow-x: scroll;
}
.overflow-y-scroll {
  overflow-y: scroll;
}
.truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.overflow-ellipsis {
  text-overflow: ellipsis;
}
.text-ellipsis {
  text-overflow: ellipsis;
}
.whitespace-nowrap {
  white-space: nowrap;
}
.text-nowrap {
  text-wrap: nowrap;
}
.break-all {
  word-break: break-all;
}
.rounded {
  border-radius: 0.25rem;
}
.rounded-full {
  border-radius: 9999px;
}
.rounded-lg {
  border-radius: 0.5rem;
}
.rounded-md {
  border-radius: 0.375rem;
}
.rounded-none {
  border-radius: 0px;
}
.rounded-sm {
  border-radius: 0.125rem;
}
.rounded-xl {
  border-radius: 0.75rem;
}
.rounded-xl-10 {
  border-radius: 5rem;
}
.rounded-xl-5 {
  border-radius: 2.5rem;
}
.rounded-b {
  border-bottom-right-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
}
.rounded-b-lg {
  border-bottom-right-radius: 0.5rem;
  border-bottom-left-radius: 0.5rem;
}
.rounded-b-md {
  border-bottom-right-radius: 0.375rem;
  border-bottom-left-radius: 0.375rem;
}
.rounded-b-none {
  border-bottom-right-radius: 0px;
  border-bottom-left-radius: 0px;
}
.rounded-r-lg {
  border-top-right-radius: 0.5rem;
  border-bottom-right-radius: 0.5rem;
}
.rounded-t {
  border-top-left-radius: 0.25rem;
  border-top-right-radius: 0.25rem;
}
.rounded-t-lg {
  border-top-left-radius: 0.5rem;
  border-top-right-radius: 0.5rem;
}
.rounded-t-md {
  border-top-left-radius: 0.375rem;
  border-top-right-radius: 0.375rem;
}
.\!border-0 {
  border-width: 0px !important;
}
.border {
  border-width: 1px;
}
.\!border-x-0 {
  border-left-width: 0px !important;
  border-right-width: 0px !important;
}
.\!border-b {
  border-bottom-width: 1px !important;
}
.\!border-t-0 {
  border-top-width: 0px !important;
}
.border-b {
  border-bottom-width: 1px;
}
.border-b-2 {
  border-bottom-width: 2px;
}
.border-l-\[0\.375rem\] {
  border-left-width: 0.375rem;
}
.border-r-\[0\.375rem\] {
  border-right-width: 0.375rem;
}
.border-t {
  border-top-width: 1px;
}
.border-t-0 {
  border-top-width: 0px;
}
.border-t-2 {
  border-top-width: 2px;
}
.border-t-\[0\.375rem\] {
  border-top-width: 0.375rem;
}
.\!border-solid {
  border-style: solid !important;
}
.border-solid {
  border-style: solid;
}
.border-none {
  border-style: none;
}
.\!border-surface-quaternary {
  --tw-border-opacity: 1 !important;
  border-color: rgb(53 63 74 / var(--tw-border-opacity, 1)) !important;
}
.border-border-base {
  --tw-border-opacity: 1;
  border-color: rgb(53 63 74 / var(--tw-border-opacity, 1));
}
.border-border-button {
  --tw-border-opacity: 1;
  border-color: rgb(233 101 123 / var(--tw-border-opacity, 1));
}
.border-button-outline {
  --tw-border-opacity: 1;
  border-color: rgb(75 85 94 / var(--tw-border-opacity, 1));
}
.border-link-primary {
  --tw-border-opacity: 1;
  border-color: rgb(233 101 123 / var(--tw-border-opacity, 1));
}
.border-red-400 {
  --tw-border-opacity: 1;
  border-color: rgb(187 73 61 / var(--tw-border-opacity, 1));
}
.border-surface-base-tertiary {
  --tw-border-opacity: 1;
  border-color: rgb(53 63 74 / var(--tw-border-opacity, 1));
}
.border-surface-brand {
  --tw-border-opacity: 1;
  border-color: rgb(207 57 82 / var(--tw-border-opacity, 1));
}
.border-surface-brand-light {
  --tw-border-opacity: 1;
  border-color: rgb(233 101 123 / var(--tw-border-opacity, 1));
}
.border-surface-dark {
  --tw-border-opacity: 1;
  border-color: rgb(17 24 31 / var(--tw-border-opacity, 1));
}
.border-surface-info {
  --tw-border-opacity: 1;
  border-color: rgb(103 159 245 / var(--tw-border-opacity, 1));
}
.border-surface-quaternary {
  --tw-border-opacity: 1;
  border-color: rgb(53 63 74 / var(--tw-border-opacity, 1));
}
.border-surface-success {
  --tw-border-opacity: 1;
  border-color: rgb(133 212 0 / var(--tw-border-opacity, 1));
}
.border-surface-warning {
  --tw-border-opacity: 1;
  border-color: rgb(250 178 56 / var(--tw-border-opacity, 1));
}
.border-transparent {
  border-color: transparent;
}
.border-l-transparent {
  border-left-color: transparent;
}
.border-r-transparent {
  border-right-color: transparent;
}
.\!bg-highlight {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(233 101 123 / var(--tw-bg-opacity, 1)) !important;
}
.\!bg-surface-brand {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(207 57 82 / var(--tw-bg-opacity, 1)) !important;
}
.bg-border-base {
  --tw-bg-opacity: 1;
  background-color: rgb(53 63 74 / var(--tw-bg-opacity, 1));
}
.bg-brown-800 {
  --tw-bg-opacity: 1;
  background-color: rgb(56 8 4 / var(--tw-bg-opacity, 1));
}
.bg-kobalt-500 {
  --tw-bg-opacity: 1;
  background-color: rgb(30 42 54 / var(--tw-bg-opacity, 1));
}
.bg-kobalt-700\/\[\.95\] {
  background-color: rgb(17 24 31 / .95);
}
.bg-neutral-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}
.bg-neutral-900 {
  --tw-bg-opacity: 1;
  background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1));
}
.bg-neutral-900\/40 {
  background-color: rgb(0 0 0 / 0.4);
}
.bg-neutral-900\/75 {
  background-color: rgb(0 0 0 / 0.75);
}
.bg-primary {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}
.bg-surface-accent-quaternary {
  --tw-bg-opacity: 1;
  background-color: rgb(56 8 4 / var(--tw-bg-opacity, 1));
}
.bg-surface-base-primary {
  --tw-bg-opacity: 1;
  background-color: rgb(30 42 54 / var(--tw-bg-opacity, 1));
}
.bg-surface-base-quaternary {
  --tw-bg-opacity: 1;
  background-color: rgb(53 63 74 / var(--tw-bg-opacity, 1));
}
.bg-surface-base-secondary {
  --tw-bg-opacity: 1;
  background-color: rgb(24 34 43 / var(--tw-bg-opacity, 1));
}
.bg-surface-base-tertiary {
  --tw-bg-opacity: 1;
  background-color: rgb(53 63 74 / var(--tw-bg-opacity, 1));
}
.bg-surface-black {
  --tw-bg-opacity: 1;
  background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1));
}
.bg-surface-black\/60 {
  background-color: rgb(0 0 0 / 0.6);
}
.bg-surface-body {
  --tw-bg-opacity: 1;
  background-color: rgb(17 24 31 / var(--tw-bg-opacity, 1));
}
.bg-surface-body\/80 {
  background-color: rgb(17 24 31 / 0.8);
}
.bg-surface-brand-light {
  --tw-bg-opacity: 1;
  background-color: rgb(233 101 123 / var(--tw-bg-opacity, 1));
}
.bg-surface-brand-primary {
  --tw-bg-opacity: 1;
  background-color: rgb(228 63 90 / var(--tw-bg-opacity, 1));
}
.bg-surface-dark {
  --tw-bg-opacity: 1;
  background-color: rgb(17 24 31 / var(--tw-bg-opacity, 1));
}
.bg-surface-dark\/95 {
  background-color: rgb(17 24 31 / 0.95);
}
.bg-surface-input {
  --tw-bg-opacity: 1;
  background-color: rgb(17 24 31 / var(--tw-bg-opacity, 1));
}
.bg-surface-primary {
  --tw-bg-opacity: 1;
  background-color: rgb(96 20 12 / var(--tw-bg-opacity, 1));
}
.bg-surface-quaternary {
  --tw-bg-opacity: 1;
  background-color: rgb(53 63 74 / var(--tw-bg-opacity, 1));
}
.bg-surface-quinary {
  --tw-bg-opacity: 1;
  background-color: rgb(36 51 66 / var(--tw-bg-opacity, 1));
}
.bg-surface-secondary {
  --tw-bg-opacity: 1;
  background-color: rgb(30 42 54 / var(--tw-bg-opacity, 1));
}
.bg-surface-tertiary {
  --tw-bg-opacity: 1;
  background-color: rgb(24 34 43 / var(--tw-bg-opacity, 1));
}
.bg-transparent {
  background-color: transparent;
}
.bg-opacity-60 {
  --tw-bg-opacity: 0.6;
}
.bg-\[linear-gradient\(360deg\2c _\#11181F_0\%\2c _\#11181F_20\%\2c _\#CF3952_45\%\2c _\#CF3952_55\%\2c _\#11181F_80\%\2c _\#11181F_100\%\)\] {
  background-image: linear-gradient(360deg, #11181F 0%, #11181F 20%, #CF3952 45%, #CF3952 55%, #11181F 80%, #11181F 100%);
}
.bg-gradient-to-b {
  background-image: linear-gradient(to bottom, var(--tw-gradient-stops));
}
.bg-none {
  background-image: none;
}
.from-surface-black\/0 {
  --tw-gradient-from: rgb(0 0 0 / 0) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-transparent {
  --tw-gradient-from: transparent var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-yellow-400 {
  --tw-gradient-from: #FFDA46 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(255 218 70 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.to-surface-base-secondary {
  --tw-gradient-to: #18222B var(--tw-gradient-to-position);
}
.to-surface-black\/75 {
  --tw-gradient-to: rgb(0 0 0 / 0.75) var(--tw-gradient-to-position);
}
.to-yellow-500 {
  --tw-gradient-to: #F99F06 var(--tw-gradient-to-position);
}
.to-70\% {
  --tw-gradient-to-position: 70%;
}
.fill-action-tertiary {
  fill: #F08E84;
}
.fill-primary {
  fill: #FFFFFF;
}
.fill-surface-accent-primary {
  fill: #60140C;
}
.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: 0px !important;
}
.\!p-2 {
  padding: 0.5rem !important;
}
.p-0 {
  padding: 0px;
}
.p-0\.5 {
  padding: 0.125rem;
}
.p-1 {
  padding: 0.25rem;
}
.p-10 {
  padding: 2.5rem;
}
.p-2 {
  padding: 0.5rem;
}
.p-2\.5 {
  padding: 0.625rem;
}
.p-4 {
  padding: 1rem;
}
.p-5 {
  padding: 1.25rem;
}
.p-6 {
  padding: 1.5rem;
}
.p-8 {
  padding: 2rem;
}
.\!px-0 {
  padding-left: 0px !important;
  padding-right: 0px !important;
}
.\!py-2\.5 {
  padding-top: 0.625rem !important;
  padding-bottom: 0.625rem !important;
}
.px-0 {
  padding-left: 0px;
  padding-right: 0px;
}
.px-1 {
  padding-left: 0.25rem;
  padding-right: 0.25rem;
}
.px-10 {
  padding-left: 2.5rem;
  padding-right: 2.5rem;
}
.px-16 {
  padding-left: 4rem;
  padding-right: 4rem;
}
.px-2 {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
.px-3 {
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}
.px-4 {
  padding-left: 1rem;
  padding-right: 1rem;
}
.px-6 {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}
.px-8 {
  padding-left: 2rem;
  padding-right: 2rem;
}
.py-0 {
  padding-top: 0px;
  padding-bottom: 0px;
}
.py-0\.5 {
  padding-top: 0.125rem;
  padding-bottom: 0.125rem;
}
.py-1 {
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}
.py-1\.5 {
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
}
.py-2 {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
.py-3 {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}
.py-4 {
  padding-top: 1rem;
  padding-bottom: 1rem;
}
.py-6 {
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}
.pb-1 {
  padding-bottom: 0.25rem;
}
.pb-2 {
  padding-bottom: 0.5rem;
}
.pb-4 {
  padding-bottom: 1rem;
}
.pb-6 {
  padding-bottom: 1.5rem;
}
.pl-2 {
  padding-left: 0.5rem;
}
.pl-2\.5 {
  padding-left: 0.625rem;
}
.pl-4 {
  padding-left: 1rem;
}
.pl-8 {
  padding-left: 2rem;
}
.pl-\[1px\] {
  padding-left: 1px;
}
.pr-1 {
  padding-right: 0.25rem;
}
.pr-2 {
  padding-right: 0.5rem;
}
.pr-24 {
  padding-right: 6rem;
}
.pr-5 {
  padding-right: 1.25rem;
}
.pr-6 {
  padding-right: 1.5rem;
}
.pr-8 {
  padding-right: 2rem;
}
.pt-0 {
  padding-top: 0px;
}
.pt-12 {
  padding-top: 3rem;
}
.pt-4 {
  padding-top: 1rem;
}
.pt-6 {
  padding-top: 1.5rem;
}
.pt-8 {
  padding-top: 2rem;
}
.pt-\[56\%\] {
  padding-top: 56%;
}
.text-left {
  text-align: left;
}
.text-center {
  text-align: center;
}
.indent-4 {
  text-indent: 1rem;
}
.align-middle {
  vertical-align: middle;
}
.align-text-bottom {
  vertical-align: text-bottom;
}
.\!text-body-md {
  font-size: 0.875rem !important;
  line-height: 1.25rem !important;
}
.\!text-body-sm {
  font-size: 0.75rem !important;
  line-height: 1rem !important;
}
.\!text-headline-md {
  font-size: 2.25rem !important;
  line-height: 2.5rem !important;
}
.\!text-headline-sm {
  font-size: 1.875rem !important;
  line-height: 2.25rem !important;
}
.\!text-icon-sm {
  font-size: 1.25rem !important;
  line-height: 1 !important;
}
.text-2xl {
  font-size: 1.5rem;
  line-height: 2rem;
}
.text-4xl {
  font-size: 2.25rem;
  line-height: 2.5rem;
}
.text-5xl {
  font-size: 3rem;
  line-height: 1;
}
.text-\[56px\] {
  font-size: 56px;
}
.text-base {
  font-size: 1rem;
  line-height: 1.5rem;
}
.text-body-lg {
  font-size: 1rem;
  line-height: 1.5rem;
}
.text-body-md {
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.text-body-sm {
  font-size: 0.75rem;
  line-height: 1rem;
}
.text-headline-lg {
  font-size: 3rem;
  line-height: 3rem;
}
.text-headline-md {
  font-size: 2.25rem;
  line-height: 2.5rem;
}
.text-headline-sm {
  font-size: 1.875rem;
  line-height: 2.25rem;
}
.text-icon-2xs {
  font-size: 0.75rem;
  line-height: 1;
}
.text-icon-4xl {
  font-size: 5rem;
  line-height: 1;
}
.text-icon-lg {
  font-size: 2rem;
  line-height: 1;
}
.text-icon-md {
  font-size: 1.5rem;
  line-height: 1;
}
.text-icon-sm {
  font-size: 1.25rem;
  line-height: 1;
}
.text-icon-xl {
  font-size: 2.5rem;
  line-height: 1;
}
.text-icon-xs {
  font-size: 1rem;
  line-height: 1;
}
.text-label-lg {
  font-size: 0.625rem;
  line-height: 1rem;
}
.text-sm {
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.text-title-lg {
  font-size: 1.5rem;
  line-height: 2rem;
}
.text-title-md {
  font-size: 1.375rem;
  line-height: 2rem;
}
.text-title-sm {
  font-size: 1.125rem;
  line-height: 1.5rem;
}
.text-xl {
  font-size: 1.25rem;
  line-height: 1.75rem;
}
.text-xs {
  font-size: 0.75rem;
  line-height: 1rem;
}
.font-bold {
  font-weight: 700;
}
.font-medium {
  font-weight: 500;
}
.font-normal {
  font-weight: 400;
}
.uppercase {
  text-transform: uppercase;
}
.lowercase {
  text-transform: lowercase;
}
.capitalize {
  text-transform: capitalize;
}
.italic {
  font-style: italic;
}
.not-italic {
  font-style: normal;
}
.leading-5 {
  line-height: 1.25rem;
}
.leading-none {
  line-height: 1;
}
.tracking-normal {
  letter-spacing: 0em;
}
.\!text-action-tertiary {
  --tw-text-opacity: 1 !important;
  color: rgb(240 142 132 / var(--tw-text-opacity, 1)) !important;
}
.\!text-highlight {
  --tw-text-opacity: 1 !important;
  color: rgb(233 101 123 / var(--tw-text-opacity, 1)) !important;
}
.\!text-inherit {
  color: inherit !important;
}
.\!text-kobalt-100 {
  --tw-text-opacity: 1 !important;
  color: rgb(210 212 215 / var(--tw-text-opacity, 1)) !important;
}
.text-action-secondary {
  --tw-text-opacity: 1;
  color: rgb(233 101 123 / var(--tw-text-opacity, 1));
}
.text-action-tertiary {
  --tw-text-opacity: 1;
  color: rgb(240 142 132 / var(--tw-text-opacity, 1));
}
.text-button-primary {
  --tw-text-opacity: 1;
  color: rgb(68 11 5 / var(--tw-text-opacity, 1));
}
.text-cta {
  --tw-text-opacity: 1;
  color: rgb(68 11 5 / var(--tw-text-opacity, 1));
}
.text-icon-accent-primary {
  --tw-text-opacity: 1;
  color: rgb(233 101 123 / var(--tw-text-opacity, 1));
}
.text-icon-base-primary {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.text-icon-base-secondary {
  --tw-text-opacity: 1;
  color: rgb(210 212 215 / var(--tw-text-opacity, 1));
}
.text-icon-base-tertiary {
  --tw-text-opacity: 1;
  color: rgb(165 170 175 / var(--tw-text-opacity, 1));
}
.text-icon-entity {
  --tw-text-opacity: 1;
  color: rgb(59 132 242 / var(--tw-text-opacity, 1));
}
.text-kobalt-200 {
  --tw-text-opacity: 1;
  color: rgb(165 170 175 / var(--tw-text-opacity, 1));
}
.text-link-primary {
  --tw-text-opacity: 1;
  color: rgb(233 101 123 / var(--tw-text-opacity, 1));
}
.text-link-secondary {
  --tw-text-opacity: 1;
  color: rgb(240 142 132 / var(--tw-text-opacity, 1));
}
.text-neutral-50 {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.text-primary {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.text-red-200 {
  --tw-text-opacity: 1;
  color: rgb(221 164 158 / var(--tw-text-opacity, 1));
}
.text-secondary {
  --tw-text-opacity: 1;
  color: rgb(210 212 215 / var(--tw-text-opacity, 1));
}
.text-success {
  --tw-text-opacity: 1;
  color: rgb(157 221 51 / var(--tw-text-opacity, 1));
}
.text-surface-black {
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity, 1));
}
.text-surface-brand {
  --tw-text-opacity: 1;
  color: rgb(207 57 82 / var(--tw-text-opacity, 1));
}
.text-surface-brand-light {
  --tw-text-opacity: 1;
  color: rgb(233 101 123 / var(--tw-text-opacity, 1));
}
.text-surface-brand-secondary {
  --tw-text-opacity: 1;
  color: rgb(233 101 123 / var(--tw-text-opacity, 1));
}
.text-surface-bright {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.text-surface-error {
  --tw-text-opacity: 1;
  color: rgb(247 195 204 / var(--tw-text-opacity, 1));
}
.text-surface-info {
  --tw-text-opacity: 1;
  color: rgb(103 159 245 / var(--tw-text-opacity, 1));
}
.text-surface-invert {
  --tw-text-opacity: 1;
  color: rgb(165 170 175 / var(--tw-text-opacity, 1));
}
.text-surface-secondary {
  --tw-text-opacity: 1;
  color: rgb(30 42 54 / var(--tw-text-opacity, 1));
}
.text-surface-success {
  --tw-text-opacity: 1;
  color: rgb(133 212 0 / var(--tw-text-opacity, 1));
}
.text-surface-warning {
  --tw-text-opacity: 1;
  color: rgb(250 178 56 / var(--tw-text-opacity, 1));
}
.text-tertiary {
  --tw-text-opacity: 1;
  color: rgb(120 127 134 / var(--tw-text-opacity, 1));
}
.text-yellow-400 {
  --tw-text-opacity: 1;
  color: rgb(255 218 70 / var(--tw-text-opacity, 1));
}
.underline {
  text-decoration-line: underline;
}
.antialiased {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.opacity-0 {
  opacity: 0;
}
.opacity-100 {
  opacity: 1;
}
.opacity-20 {
  opacity: 0.2;
}
.opacity-30 {
  opacity: 0.3;
}
.opacity-40 {
  opacity: 0.4;
}
.opacity-60 {
  opacity: 0.6;
}
.shadow {
  --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0px_4px_12px_0px_\#11181FCC\] {
  --tw-shadow: 0px 4px 12px 0px #11181FCC;
  --tw-shadow-colored: 0px 4px 12px 0px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0px_4px_48px_0px_\#353F4A\] {
  --tw-shadow: 0px 4px 48px 0px #353F4A;
  --tw-shadow-colored: 0px 4px 48px 0px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[inset_0px_-1px_0px\] {
  --tw-shadow: inset 0px -1px 0px;
  --tw-shadow-colored: inset 0px -1px 0px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-lg {
  --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-border-base {
  --tw-shadow-color: #353F4A;
  --tw-shadow: var(--tw-shadow-colored);
}
.\!outline-none {
  outline: 2px solid transparent !important;
  outline-offset: 2px !important;
}
.outline {
  outline-style: solid;
}
.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);
}
.\!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) !important;
}
.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-lg {
  --tw-backdrop-blur: blur(16px);
  -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-xl {
  --tw-backdrop-blur: blur(24px);
  -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-filter {
  -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, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-\[height\] {
  transition-property: height;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-all {
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-colors {
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-opacity {
  transition-property: opacity;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-transform {
  transition-property: transform;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.delay-75 {
  transition-delay: 75ms;
}
.duration-150 {
  transition-duration: 150ms;
}
.duration-200 {
  transition-duration: 200ms;
}
.duration-300 {
  transition-duration: 300ms;
}
.duration-500 {
  transition-duration: 500ms;
}
.ease-in {
  transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
}
.ease-in-out {
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.ease-out {
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
}
.scrollbar::-webkit-scrollbar-track {
  background-color: var(--scrollbar-track);
  border-radius: var(--scrollbar-track-radius);
}
.scrollbar::-webkit-scrollbar-track:hover {
  background-color: var(--scrollbar-track-hover, var(--scrollbar-track));
}
.scrollbar::-webkit-scrollbar-track:active {
  background-color: var(--scrollbar-track-active, var(--scrollbar-track-hover, var(--scrollbar-track)));
}
.scrollbar::-webkit-scrollbar-thumb {
  background-color: var(--scrollbar-thumb);
  border-radius: var(--scrollbar-thumb-radius);
}
.scrollbar::-webkit-scrollbar-thumb:hover {
  background-color: var(--scrollbar-thumb-hover, var(--scrollbar-thumb));
}
.scrollbar::-webkit-scrollbar-thumb:active {
  background-color: var(--scrollbar-thumb-active, var(--scrollbar-thumb-hover, var(--scrollbar-thumb)));
}
.scrollbar::-webkit-scrollbar-corner {
  background-color: var(--scrollbar-corner);
  border-radius: var(--scrollbar-corner-radius);
}
.scrollbar::-webkit-scrollbar-corner:hover {
  background-color: var(--scrollbar-corner-hover, var(--scrollbar-corner));
}
.scrollbar::-webkit-scrollbar-corner:active {
  background-color: var(--scrollbar-corner-active, var(--scrollbar-corner-hover, var(--scrollbar-corner)));
}
@supports (-moz-appearance:none) {
  .scrollbar {
    scrollbar-width: auto;
    scrollbar-color: var(--scrollbar-thumb, initial) var(--scrollbar-track, initial);
  }
}
.scrollbar::-webkit-scrollbar {
  display: block;
  width: var(--scrollbar-width, 16px);
  height: var(--scrollbar-height, 16px);
}
@supports (-moz-appearance:none) {
  .scrollbar-none {
    scrollbar-width: none;
  }
}
.scrollbar-none::-webkit-scrollbar {
  display: none;
}
.scrollbar-thumb-tertiary {
  --scrollbar-thumb: #787F86 !important;
}
.scrollbar-thumb-rounded-full {
  --scrollbar-thumb-radius: 9999px;
}
.scrollbar-w-1 {
  --scrollbar-width: 0.25rem;
}
.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);
}
.\[start\:end\] {
  start: end;
}
[x-cloak] {
  display: none;
}
.responsive-page .i_svg {
  top: 0;
}
svg {
  vertical-align: baseline;
}
: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;
  --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: 1100;
  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 {
  /* TODO: migrate to alpine version */
}
html.desktop #playlist-remodal {
  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;
  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;
  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;
  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;
  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;
  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;
  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;
  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;
  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;
  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;
  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;
  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;
  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;
  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;
  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;
  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: 20%;
  flex-basis: 20%;
}
.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;
}
.edition-form form .country-select-wrapper {
  margin-top: 1rem;
}
.edition-form form .country-select-wrapper li:last-child {
  margin-top: 1.5rem;
}
.edition-form form .country-select-wrapper button {
  width: 100%;
}
.edition-form form .country-select-wrapper .text-field {
  height: 2.5rem;
}
.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 {
  opacity: 0.35;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=35);
  filter: alpha(opacity=35);
  filter: var(--video-list-item-deleted-filter-color);
  /* IE6-9 */
  /* Google Chrome, Safari 6+ & Opera 15+ */
  filter: grayscale(1);
  /* Microsoft Edge and Firefox 35+ */
}
.video-list .video-inline-ads,
.video-list .video-item {
  position: relative;
  display: block;
  zoom: 1;
  overflow: hidden;
  width: 100%;
}
.video-list .video-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 .thumb * {
  cursor: pointer;
}
.video-list .video-item .thumb .click_layer {
  position: absolute;
  z-index: 10;
  cursor: pointer;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
.video-list .video-item .thumb .click_layer img {
  width: 100%;
  height: 100%;
}
.video-list .video-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 .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 .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 .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 .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 .thumb .h {
  left: 0.5rem;
  bottom: 0.5rem;
  font-weight: 700;
  text-transform: uppercase;
}
.video-list .video-item .thumb .l {
  bottom: 0.5rem;
  right: 0.5rem;
}
.video-list .video-item .video-info {
  margin-top: 0.25rem;
}
.video-list .video-item .video-info .uploader-and-stats-wrapper {
  display: flex;
  justify-content: space-between;
  gap: 0.5rem;
}
.video-list .video-item .video-info .uploader-and-stats-wrapper .user {
  display: block;
}
.video-list .video-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 .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 .video-info .uploader-and-stats-wrapper .stats > span {
  display: flex;
  align-items: center;
  flex-shrink: 0;
  gap: 0.125rem;
}
.video-list .video-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 .video-info .uploader-and-stats-wrapper .stats > span .icon .i_svg {
  display: block;
  top: 0;
}
.video-list .video-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 .video-info .uploader-and-stats-wrapper .show-items-menu-trigger.active {
  color: var(--video-list-context-menu-trigger-active-color);
}
.video-list .video-item .video-info .uploader-and-stats-wrapper .show-items-menu-trigger .i_svg {
  display: block;
  top: 0;
  font-size: 1rem;
}
.video-list .video-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 .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 .video-info .name-and-menu-wrapper p strong {
  font-weight: inherit;
  color: inherit;
}
.video-list .video-item .video-info .name-and-menu-wrapper p a {
  color: inherit;
}
.video-list .video-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 .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 .ft-button-bordered {
  padding: 0.3125rem;
}
.video-list .video-item .ft-button-bordered .i_svg {
  width: 0.5rem;
}
.video-list .video-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 .ui_edit svg {
  fill: #ddd;
}
.video-list .video-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: #77180e;
  color: #eee;
  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.livecamv2-rotate {
  --video-list-columns: 2;
}
.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 {
  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: #1e2a36;
  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: #eee;
  font-size: 0.65em;
  text-align: center;
  border-radius: 3px;
  z-index: 10;
  display: block;
  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;
}
@media screen and (min-width: 568px) {
  .video-list.livecamv2-rotate {
    --video-list-columns: 4;
  }
}
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: #77180e;
  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;
}
html.desktop .live-models .video-list {
  --video-list-columns: 4;
}
html.desktop .live-models.one-row-list .video-list .video-item:nth-child(n + 5) {
  display: none;
}
html.desktop .live-models.two-row-list .video-list .video-item:nth-child(n + 9) {
  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;
  }
  html.desktop .live-models.one-row-list .video-list .video-item:nth-child(n + 5) {
    display: block;
  }
  html.desktop .live-models.two-row-list .video-list .video-item:nth-child(n + 9) {
    display: block;
  }
}
@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;
  }
}
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 {
  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;
  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: #eee;
  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: #77180e;
  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: -moz-fit-content;
  width: 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: #77180e;
  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: #eee;
  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: #77180e;
  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: #eee;
}
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: #eee;
  padding: 0 1px;
}
.playlist-list .playlist-item .inf .pb {
  height: 24px;
  line-height: 24px;
  overflow: hidden;
  clear: both;
  width: 1%;
  background-color: #77180e;
  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_holder .prev_scroll svg,
#playlist_holder .next_scroll svg {
  height: 20%;
  width: 2rem;
}
#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 {
  opacity: 0.15;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=15);
  filter: alpha(opacity=15);
  filter: gray;
  /* IE6-9 */
  /* Google Chrome, Safari 6+ & Opera 15+ */
  filter: grayscale(1);
  /* Microsoft Edge and Firefox 35+ */
}
#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: -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: #eee;
  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: #eee;
}
#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: #77180e;
}
#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: #77180e;
  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: #77180e;
}
#user_panel .message li span.m {
  display: block;
  background-color: #1c0603;
  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;
  opacity: 0.7;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=70);
  filter: alpha(opacity=70);
}
#user_panel .edit_account .thumbnails img.active {
  border-color: #77180e !important;
  opacity: 1;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
  filter: alpha(opacity=100);
}
#user_panel .edit_account .thumbnails img:hover {
  border-color: #507192;
  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: #eee;
}
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: #77180e !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);
  }
}
#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: #77180e;
}
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);
  }
}
.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;
}
.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: -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);
}
.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: 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 spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
html.desktop #video_container #main_video_player .vjs-loading-spinner {
  top: 50%;
}
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;
}
.horizontal_scroll_container {
  overflow: hidden;
  white-space: nowrap;
  position: relative;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
.horizontal_scroll_container::-webkit-scrollbar {
  display: none;
}
.horizontal_scroll_container .i_svg:not(.ignore > *) {
  fill: var(--scroller-icon-color) !important;
}
.horizontal_scroll_container ul {
  scroll-behavior: smooth;
}
.horizontal_scroll_container .prev_scroll,
.horizontal_scroll_container .next_scroll {
  position: absolute;
  align-content: center;
  opacity: 0;
  pointer-events: none;
  z-index: 2;
  bottom: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 1.875rem;
  transition: opacity 0.3s ease;
  cursor: pointer;
  top: 0;
  width: 1.5rem;
}
.horizontal_scroll_container .prev_scroll .i_svg,
.horizontal_scroll_container .next_scroll .i_svg {
  top: unset;
}
.horizontal_scroll_container .prev_scroll > *,
.horizontal_scroll_container .next_scroll > * {
  pointer-events: none;
}
.horizontal_scroll_container .prev_scroll {
  left: 0.3rem;
}
.horizontal_scroll_container .next_scroll {
  right: 0.3rem;
}
.horizontal_scroll_container:after,
.horizontal_scroll_container:before {
  content: '';
  position: absolute;
  z-index: 1;
  width: 4.5rem;
  pointer-events: none;
  background-repeat: no-repeat;
  transition: opacity 1s ease;
  height: 100%;
}
.horizontal_scroll_container.left-gradient-visible .prev_scroll {
  opacity: 1;
  pointer-events: all;
}
.horizontal_scroll_container.left-gradient-visible:before {
  left: -1px;
  background-image: linear-gradient(to right, var(--scroller-gradient-bg-color) 20%, transparent 100%);
  opacity: 1;
  transition: 0.5s opacity;
}
.horizontal_scroll_container.right-gradient-visible .next_scroll {
  opacity: 1;
  pointer-events: all;
}
.horizontal_scroll_container.right-gradient-visible:after {
  right: -1px;
  background-image: linear-gradient(to right, transparent 0%, var(--scroller-gradient-bg-color) 80%);
  top: 0;
  bottom: 0;
}
.horizontal_scroll_container .scroll_content {
  overflow: scroll hidden;
  display: flex;
  gap: 0.5rem;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
.horizontal_scroll_container .scroll_content::-webkit-scrollbar {
  display: none;
}
#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 .horizontal_scroll_container {
  align-items: center;
  display: flex;
}
html.desktop .horizontal_scroll_container .i_svg {
  height: 0.875rem;
}
html.desktop .horizontal_scroll_container:after,
html.desktop .horizontal_scroll_container:before {
  width: 6.5rem;
}
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);
  }
  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;
}
html {
  background-color: #11181f;
}
body {
  color: #ddd;
  font-size: 13px;
  min-height: 100vh;
  -webkit-font-smoothing: subpixel-antialiased;
  font-weight: 400;
  letter-spacing: 0.5px;
  font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  display: block;
  opacity: 1;
  overflow: hidden;
  font-size: calc(10px + (21 - 10) * ((100vw - 1000px) / (2600 - 1000)));
}
hr {
  height: 1px;
  color: #233140;
  background: #233140;
  font-size: 0;
  border: 0;
  clear: both;
  margin: 5px 0;
}
img {
  -ms-interpolation-mode: bicubic;
}
#svg_holder {
  display: none;
}
.main-container {
  margin-top: 1.5rem;
}
@keyframes flash {
  0%,
  100%,
  50% {
    opacity: 1;
  }
  25%,
  75% {
    opacity: 0;
  }
}
textarea:focus::-webkit-input-placeholder,
input:focus::-webkit-input-placeholder {
  color: rgba(0, 0, 0, 0.2);
}
textarea:focus:-moz-placeholder,
input:focus:-moz-placeholder {
  /* FF 4-18 */
  color: rgba(0, 0, 0, 0.2);
}
textarea:focus::-moz-placeholder,
input:focus::-moz-placeholder {
  /* FF 19+ */
  color: rgba(0, 0, 0, 0.2);
}
textarea:focus:-ms-input-placeholder,
input:focus:-ms-input-placeholder {
  /* IE 10+ */
  color: rgba(0, 0, 0, 0.2);
}
.ads_disclaimer {
  display: block;
  overflow: hidden;
  clear: both;
  color: #507192;
  text-align: center;
  padding: 3px 0;
}
.channels_scroll_list {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: 1rem;
}
.channels_scroll_list a.ps {
  overflow: hidden;
  display: flex;
  flex-direction: column;
  text-align: center;
  line-height: 1.25rem;
  font-size: 0.75rem;
}
.channels_scroll_list a.ps img {
  display: block;
  margin-bottom: 0.25rem;
  border-radius: 0.25rem;
}
.channels_scroll_list a.ps:nth-child(n + 7) {
  display: none;
}
.channels_scroll_list a.as {
  display: inline-block;
  color: #ddd;
  text-align: center;
  font-size: 0.9em;
  padding: 3px 10px 3px 1px;
  background-color: #080b0e;
  margin: 2px;
  border-radius: 5px;
}
.channels_scroll_list a.as img {
  display: inline-block;
  width: 40px;
  height: 40px;
  border-radius: 5px;
  vertical-align: middle;
  background-color: #2c3e50;
}
.channels_scroll_list a.as:hover {
  background-color: #77180e;
}
.medal_hoder span {
  display: inline-block;
  position: relative;
}
.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: #233140;
  border-radius: 5px;
  color: #ddd;
}
.medal_hoder span.ms svg {
  fill: #e74837;
}
.medal_hoder span img {
  height: 100%;
  display: inline-block;
  vertical-align: middle;
}
@keyframes fa-blink {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.fa-blink {
  animation: fa-blink 2s linear infinite;
}
.new_design_survey {
  display: block;
  padding: 2px 0;
  text-align: center;
  color: #f08e84;
}
.footer_bbm {
  text-align: center;
  margin: 10px 0;
}
.footer_bbm div {
  min-width: 1px;
  min-height: 1px;
  display: inline-block;
  margin: 0 5px;
}
.ptgncdn_holder {
  border-radius: 3px;
  display: block;
}
.ptgncdn_holder_footer {
  margin: 5px;
}
.ptgncdn_holder_ntv {
  margin: 0 auto;
  border-radius: 3px;
}
#dab_5151_ab {
  height: 1px;
  width: 1px;
  position: absolute;
  left: -999em;
  top: -999em;
}
#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: 6vh;
  width: 100vw;
  padding: 0.5vh;
  line-height: 6vh;
}
#interstitial_div_v3 .top img {
  height: 5vh;
  float: left;
  display: block;
  cursor: pointer;
}
#interstitial_div_v3 .top em {
  height: 5vh;
  float: left;
  display: block;
  line-height: 5vh;
  padding-left: 5px;
  font-style: normal;
  text-transform: uppercase;
  color: #507192;
}
#interstitial_div_v3 .top span {
  float: right;
  height: 5vh;
  line-height: 5vh;
  width: 20vw;
  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 .top span:hover {
  background-color: #77180e;
}
#interstitial_div_v3 iframe {
  height: 93vh;
  width: 100vw;
  background-color: #11181f;
  border: 0;
  display: block;
  background: url(/static/mobile/Images/preloader.gif) center center no-repeat;
}
#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: 90vw !important;
  height: 50vh;
}
/* Icon pulse */
.fa-fadeinout {
  display: inline-block;
  animation: pulse 2s infinite linear;
}
@keyframes pulse {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
::-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;
}
@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 load3 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.loader {
  display: inline-block;
  font-size: 10px;
  text-indent: -9999em;
  width: 6em;
  height: 6em;
  border-radius: 50%;
  background: transparent;
  background: linear-gradient(to right, #77180e 10%, rgba(119, 24, 14, 0) 42%);
  position: relative;
  animation: load3 0.7s infinite linear;
  transform: translateZ(0);
}
.loader:before {
  width: 50%;
  height: 50%;
  background: #77180e;
  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;
}
@media all and (min-width: 1280px) {
  .results .channels_scroll_list {
    grid-template-columns: repeat(10, 1fr);
  }
  .results .channels_scroll_list a.ps:nth-child(-n + 10) {
    display: flex;
  }
  .results .channels_scroll_list a.ps:nth-child(n + 11) {
    display: none;
  }
  .videos .channels_scroll_list {
    grid-template-columns: repeat(10, 1fr);
  }
  .videos .channels_scroll_list a.ps:nth-child(-n + 12) {
    display: flex;
  }
  .videos .channels_scroll_list a.ps:nth-child(n + 13) {
    display: none;
  }
}
.i_svg {
  height: 1em;
  width: 1em;
  display: inline-block;
  fill: #ddd;
  fill: currentColor;
  position: relative;
  top: 0.125em;
}
html.desktop header.main-header {
  position: sticky;
  top: 0;
  z-index: 900;
  background-color: var(--header-bg-color);
}
html.desktop header.main-header ul.top {
  display: flex;
  gap: 1rem;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}
html.desktop header.main-header ul.top .logo {
  display: flex;
  align-items: center;
}
html.desktop header.main-header ul.top .logo a {
  display: block;
  width: 100%;
  max-width: 8.75rem;
  height: 2.25rem;
}
html.desktop header.main-header ul.top .switches {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
html.desktop header.main-header ul.top .switches .ft {
  display: flex;
  align-items: center;
  color: var(--header-switches-color);
  cursor: pointer;
}
html.desktop header.main-header ul.top .switches .ft .caret {
  width: 1.5rem;
  height: 1.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
html.desktop header.main-header ul.top .switches .ft .caret .i_svg {
  top: 0;
  height: 0.3125rem;
}
html.desktop header.main-header ul.top .switches .ft.language-selector .switch-icon {
  display: flex;
  align-items: center;
  justify-content: center;
}
html.desktop header.main-header ul.top .switches .ft.language-selector .switch-icon img {
  max-height: 14px;
  width: auto;
}
html.desktop header.main-header ul.top .switches .ft.language-selector .selected-language {
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 700;
  text-transform: uppercase;
}
html.desktop header.main-header ul.top .switches .ft.gender-selector .switch-icon {
  width: 1.5rem;
  height: 1.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--header-gender-selector-icon-color);
}
html.desktop header.main-header ul.top .switches .ft.gender-selector .switch-icon .i_svg {
  top: 0;
  width: 1.25rem;
  height: 1.125rem;
}
html.desktop header.main-header ul.top .search {
  position: relative;
  flex-grow: 1;
  flex-shrink: 0;
  flex-basis: 0;
  display: flex;
  align-items: center;
}
html.desktop header.main-header ul.top .search form {
  position: relative;
  width: 100%;
}
html.desktop header.main-header ul.top .search form input {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  width: 100%;
  background-color: var(--searchbar-bg-color);
  border: none;
  border-radius: 0.25rem;
  font-size: 1rem;
  text-indent: 1rem;
  padding-right: 2rem;
  line-height: 1.25rem;
  color: var(--searchbar-text-color);
}
html.desktop header.main-header ul.top .search form input::-moz-placeholder {
  color: rgba(var(--searchbar-text-color-rgb), 0.6);
}
html.desktop header.main-header ul.top .search form input::placeholder {
  color: rgba(var(--searchbar-text-color-rgb), 0.6);
}
html.desktop header.main-header ul.top .search form input:focus {
  color: var(--searchbar-focus-text-color);
}
html.desktop header.main-header ul.top .search form button {
  position: absolute;
  right: 0.25rem;
  height: 1.5rem;
  width: 1.5rem;
  top: 0;
  bottom: 0;
  margin: auto;
  background-color: transparent;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
html.desktop header.main-header ul.top .search form button .i_svg {
  fill: var(--searchbar-icon-color);
  font-size: 1.25rem;
  opacity: 0.6;
  position: static;
}
html.desktop header.main-header ul.top .links {
  margin-right: 0;
  display: flex;
  gap: 1rem;
  align-items: center;
}
html.desktop header.main-header ul.top .links .user-menu-dropdown-wrapper .dropdown-content {
  margin-top: 0.5rem;
}
html.desktop header.main-header ul.top .links .user-menu-dropdown-wrapper .dropdown-wrapper.is-open .profile-dropdown .i_svg {
  transform: rotate(180deg);
}
html.desktop header.main-header ul.top .links .profile-dropdown {
  color: var(--header-link-color);
}
html.desktop header.main-header ul.top .links .profile-dropdown .i_svg {
  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 header.main-header ul.top .links .bt_signup .sign-up-text-long {
  display: none;
}
html.desktop header.main-header ul.top .links .auth {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
html.desktop header.main-header ul.top .links .auth img {
  width: 2rem;
  height: 2rem;
  border-radius: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
html.desktop header.main-header ul.top .links .auth span {
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 700;
}
html.desktop header.main-header ul.top .links .auth .i_svg {
  top: 0;
  width: 0.875rem;
  height: 0.5rem;
}
html.desktop header.header-nav {
  background-color: var(--header-nav-bg-color);
  z-index: 899;
  position: relative;
}
html.desktop header.header-nav .main_nav_2 {
  position: relative;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
}
html.desktop header.header-nav .main_nav_2 .nav-wrapper {
  position: relative;
  display: flex;
  gap: 0.5rem;
  align-items: center;
}
html.desktop header.header-nav .main_nav_2 .nav-wrapper > li {
  position: relative;
}
html.desktop header.header-nav .main_nav_2 .nav-wrapper > li.pornstars > .sub {
  left: 50%;
  transform: translateX(-50%);
}
html.desktop header.header-nav .main_nav_2 .nav-wrapper > li > a {
  display: flex;
  align-items: center;
  padding: 0.625rem 0.125rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  position: relative;
  color: var(--header-nav-item-link-color);
}
html.desktop header.header-nav .main_nav_2 .nav-wrapper > li > a:after {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 1px;
  background-color: transparent;
  content: '';
  display: block;
}
html.desktop header.header-nav .main_nav_2 .nav-wrapper > li > a > .item {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  white-space: nowrap;
  min-height: 1.5rem;
}
html.desktop header.header-nav .main_nav_2 .nav-wrapper > li > a > .item .i_svg {
  display: none;
  width: 1.25rem;
  height: 1.25rem;
  padding: 0.125rem;
  top: 0;
  color: var(--header-nav-item-icon-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 header.header-nav .main_nav_2 .nav-wrapper > li > a > .item.highlighted_menu_item > .i_svg {
  color: var(--header-nav-item-icon-highlighted-color);
}
html.desktop header.header-nav .main_nav_2 .nav-wrapper > li > a > .item .icon {
  width: 1.5rem;
  height: 1.5rem;
  display: none;
}
html.desktop header.header-nav .main_nav_2 .nav-wrapper > li > a > .item .icon .i_svg {
  width: 100%;
  height: 100%;
}
html.desktop header.header-nav .main_nav_2 .nav-wrapper > li > a > .item.active .i_svg {
  color: var(--header-nav-item-active-icon-color);
}
html.desktop header.header-nav .main_nav_2 .nav-wrapper > li > a > .i_new-ui-caret-down {
  width: 1.125rem;
  height: 1.5rem;
  padding: 0.375rem;
  padding-right: 0;
  top: 0;
  color: var(--header-nav-item-caret-icon-color);
}
html.desktop header.header-nav .main_nav_2 .nav-wrapper > li > .sub {
  position: absolute;
  background-color: var(--header-nav-submenu-bg-color);
  z-index: 10000;
  left: 0;
  border-radius: 0 0 0.5rem 0.5rem;
  overflow: auto;
  max-height: 0;
  max-width: 70vw;
  width: 50rem;
}
html.desktop header.header-nav .main_nav_2 .nav-wrapper > li > .sub .sub-inner-wrapper {
  padding: 0.5rem;
}
html.desktop header.header-nav .main_nav_2 .nav-wrapper > li > .sub .sub-inner-wrapper > :not([hidden]) ~ :not([hidden]) {
  margin-top: 1rem;
}
html.desktop header.header-nav .main_nav_2 .nav-wrapper > li > .sub a {
  display: inline-flex;
}
html.desktop header.header-nav .main_nav_2 .nav-wrapper > li > .sub .top {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
html.desktop header.header-nav .main_nav_2 .nav-wrapper > li > .sub .top a {
  padding: 0.25rem 0.5rem;
  font-size: 0.75rem;
  color: var(--header-nav-submenu-top-item-color);
  background-color: var(--header-nav-submenu-top-item-bg-color);
  cursor: pointer;
  border-radius: 0.25rem;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-weight: 700;
  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 header.header-nav .main_nav_2 .nav-wrapper > li > .sub .top a:hover {
    background-color: var(--header-nav-submenu-top-item-hover-bg-color);
  }
}
html.desktop header.header-nav .main_nav_2 .nav-wrapper > li > .sub .top a .i_svg {
  width: 1.25rem;
  height: 1.25rem;
  fill: var(--header-nav-submenu-top-item-icon-color);
  top: 0;
}
html.desktop header.header-nav .main_nav_2 .nav-wrapper > li > .sub .pornstars,
html.desktop header.header-nav .main_nav_2 .nav-wrapper > li > .sub .channels {
  display: flex;
  gap: 0.5rem;
  flex-wrap: wrap;
}
html.desktop header.header-nav .main_nav_2 .nav-wrapper > li > .sub .pornstars a.ps,
html.desktop header.header-nav .main_nav_2 .nav-wrapper > li > .sub .channels a.ps {
  width: auto;
  display: block;
  text-align: center;
  font-size: 0.75rem;
  overflow: hidden;
  text-overflow: ellipsis;
  flex-basis: calc(16.66666667% - 0.41666667rem);
}
html.desktop header.header-nav .main_nav_2 .nav-wrapper > li > .sub .pornstars a.ps img,
html.desktop header.header-nav .main_nav_2 .nav-wrapper > li > .sub .channels a.ps img {
  border-radius: 0.25rem;
  margin-bottom: 0.5rem;
}
html.desktop header.header-nav .main_nav_2 .nav-wrapper > li > .sub .videos .video-list {
  --video-list-columns: 4;
}
html.desktop header.header-nav .main_nav_2 .nav-wrapper > li > .sub .videos .video-list .video-item .video-info .name-and-menu-wrapper p a {
  display: inline;
}
html.desktop header.header-nav .main_nav_2 .nav-wrapper > li > .sub .live-models .video-list {
  --video-list-columns: 4;
}
html.desktop header.header-nav .main_nav_2 .nav-wrapper.before-load > li:hover > a:after,
html.desktop header.header-nav .main_nav_2 .nav-wrapper > li.open > a:after {
  background-color: var(--header-nav-item-active-border-color);
}
html.desktop header.header-nav .main_nav_2 .nav-wrapper.before-load > li:hover > a > .item .i_svg,
html.desktop header.header-nav .main_nav_2 .nav-wrapper > li.open > a > .item .i_svg {
  color: var(--header-nav-item-active-icon-color);
}
html.desktop header.header-nav .main_nav_2 .nav-wrapper.before-load > li:hover .sub,
html.desktop header.header-nav .main_nav_2 .nav-wrapper > li.open .sub {
  max-height: 43.75rem;
  box-shadow: 0 0.5rem 1rem 0 rgba(0, 0, 0, 0.25);
}
html.desktop header.header-nav .main_nav_2 .actions-wrapper {
  display: flex;
  align-items: center;
}
html.desktop header.header-nav .main_nav_2 .actions-wrapper > *:first-child:not(:last-child) {
  padding-right: 0.5rem;
}
html.desktop header.header-nav .main_nav_2 .actions-wrapper > *:not(:first-child):not(:last-child) {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
html.desktop header.header-nav .main_nav_2 .actions-wrapper > *:last-child:not(:first-child) {
  padding-left: 0.5rem;
}
html.desktop header.header-nav .main_nav_2 .actions-wrapper > *:not(:last-child) {
  border-right-width: 0.0625rem;
  border-right-color: var(--divide-color);
  border-right-style: solid;
}
html.desktop header.header-nav .main_nav_2 .actions-wrapper a,
html.desktop header.header-nav .main_nav_2 .actions-wrapper span {
  height: 1.5rem;
  display: flex;
  align-items: center;
  color: var(--header-action-item-link-color);
  cursor: pointer;
}
html.desktop header.header-nav .main_nav_2 .actions-wrapper .upload {
  display: flex;
  align-items: center;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  gap: 0.5rem;
}
html.desktop header.header-nav .main_nav_2 .actions-wrapper .upload .i_svg {
  width: 1.25rem;
  height: 1.25rem;
  top: 0;
  color: var(--header-action-item-upload-icon-color);
}
html.desktop header.header-nav .main_nav_2 .actions-wrapper .switch-video-layout {
  display: none;
}
html.desktop header.header-nav .main_nav_2 .actions-wrapper .edition {
  flex-shrink: 0;
  min-width: 2.25rem;
}
html.desktop header.header-nav .main_nav_2 .actions-wrapper .edition img {
  height: 1.25rem;
  display: block;
}
html.desktop .user_panel {
  padding: 3px 1.5%;
  margin: 3px 0.5% 8px 0.5%;
  opacity: 0.5;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50);
  filter: alpha(opacity=50);
  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 > ul > li {
  display: inline-block;
  height: 28px;
  line-height: 28px;
  font-size: 1em;
  position: relative;
  z-index: 1000;
}
html.desktop .user_panel > ul > li.no {
  min-width: 33px;
  text-align: center;
}
html.desktop .user_panel > ul > li > a {
  color: #ddd;
  display: block;
  padding: 0 5px;
  -webkit-text-shadow: 0 2px 2px #000000;
  -moz-text-shadow: 0 2px 2px #000000;
  text-shadow: 0 2px 2px #000000;
}
html.desktop .user_panel > ul > li > a .i_svg {
  fill: #3e5771;
}
html.desktop .user_panel > ul > li > a .i_svg.chevron-down {
  fill: #507192;
}
html.desktop .user_panel > ul > li > a .i_svg.globe,
html.desktop .user_panel > ul > li > a .i_svg.envelope,
html.desktop .user_panel > ul > li > a .i_svg.bullhorn {
  fill: #ddd;
}
html.desktop .user_panel > ul > li > a span.n {
  padding: 0 3px;
  color: #eee;
  background-color: #77180e;
  border-radius: 3px;
  margin-left: 2px;
  background: #77180e;
  background: linear-gradient(to bottom, #bb2617, #8d1d11);
}
html.desktop .user_panel > ul > li > ul.sub {
  position: absolute;
  top: 28px;
  left: 0;
  width: 195px;
  background: #11181f;
  background: linear-gradient(to bottom, #1e2a36, #11181f);
  border: 2px solid #080b0e;
  border-top: 0;
  display: none;
  z-index: 1000;
}
html.desktop .user_panel > ul > li > ul.sub a {
  color: #ddd;
  display: block;
  padding: 2px 5px;
}
html.desktop .user_panel > ul > li > ul.sub a .i_svg {
  fill: #a42114;
}
html.desktop .user_panel > ul > li > ul.sub a:hover {
  color: #eee;
}
html.desktop .user_panel > ul > li div.panel {
  position: absolute;
  top: 28px;
  left: 0;
  width: 300px;
  background-color: #080b0e;
  z-index: 1000;
  display: none;
}
html.desktop .user_panel > ul > li div.panel .spinner {
  margin: 10px auto;
  display: block;
  color: #3e5771;
}
html.desktop .user_panel > ul > li.user {
  float: left;
  margin-right: 15px;
}
html.desktop .user_panel > ul > li.user > a {
  padding-left: 0;
  width: 210px;
  font-weight: bold;
  display: flex;
  flex-direction: row;
  align-items: stretch;
  align-content: stretch;
}
html.desktop .user_panel > ul > li.user > a > img.avatar {
  width: 24px;
  height: 24px;
  margin-top: 2px;
  border-radius: 5px;
}
html.desktop .user_panel > ul > li.user > a span {
  display: inline-block;
  width: 170px;
  overflow: hidden;
  margin: 0 3px;
}
html.desktop .user_panel > ul > li.user > a .i_chevron-down {
  padding-top: 8px;
}
html.desktop .user_panel > ul > li.trending {
  float: right;
  color: #eee;
}
html.desktop .user_panel > ul > li.trending .i_svg {
  fill: #d22b19;
}
html.desktop .user_panel > ul > li:hover > a {
  color: #eee;
}
html.desktop .user_panel > ul > li:hover > a .i_svg.i_globe,
html.desktop .user_panel > ul > li:hover > a .i_svg.i_envelope,
html.desktop .user_panel > ul > li:hover > a .i_svg.i_bullhorn {
  fill: #eee;
}
html.desktop .user_panel > ul > li:hover ul.sub {
  display: block;
}
html.desktop .user_panel:hover {
  opacity: 1;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
  filter: alpha(opacity=100);
}
html.desktop .autocomplete-suggestions {
  background-color: #080b0e !important;
  margin-left: 1px;
  margin-top: 3px;
  color: #eee;
}
html.desktop .autocomplete-suggestions .autocomplete-suggestion {
  padding: 4px 5px 4px 15px;
  cursor: pointer;
  display: block;
  overflow: hidden;
  font-size: 1.3em;
}
html.desktop .autocomplete-suggestions .autocomplete-selected,
html.desktop .autocomplete-suggestions .autocomplete-suggestion:hover {
  background-color: rgba(119, 24, 14, 0.3) !important;
}
html.desktop .autocomplete-suggestions strong {
  font-weight: normal;
  color: #aaa;
}
@media all and (min-width: 1280px) {
  html.desktop header.main-header ul.top {
    gap: 2.5rem;
  }
  html.desktop header.main-header ul.top .logo a {
    max-width: 11.875rem;
  }
  html.desktop header.main-header ul.top .search form input {
    padding-right: 2.5rem;
  }
  html.desktop header.main-header ul.top .search form button {
    right: 1rem;
  }
  html.desktop header.main-header ul.top .links .bt_signup .sign-up-text-long {
    display: block;
  }
  html.desktop header.main-header ul.top .links .bt_signup .sign-up-text-short {
    display: none;
  }
  html.desktop header.header-nav .main_nav_2 .nav-wrapper {
    gap: 0.25rem;
  }
  html.desktop header.header-nav .main_nav_2 .nav-wrapper > li > a {
    padding-left: 0.25rem;
    padding-right: 0.25rem;
  }
  html.desktop header.header-nav .main_nav_2 .nav-wrapper > li > a .item .i_svg {
    display: block;
  }
  html.desktop header.header-nav .main_nav_2 .nav-wrapper > li > a .item .icon {
    display: block;
  }
  html.desktop header.header-nav .main_nav_2 .nav-wrapper > li > a > .i_new-ui-caret-down {
    width: 1.5rem;
    padding-right: 0.375rem;
  }
  html.desktop header.header-nav .main_nav_2 .actions-wrapper > *:first-child:not(:last-child) {
    padding-right: 1rem;
  }
  html.desktop header.header-nav .main_nav_2 .actions-wrapper > *:not(:first-child):not(:last-child) {
    padding-left: 1rem;
    padding-right: 1rem;
  }
  html.desktop header.header-nav .main_nav_2 .actions-wrapper > *:last-child:not(:first-child) {
    padding-left: 1rem;
  }
  html.desktop header.header-nav .main_nav_2 .actions-wrapper > *:not(:last-child) {
    border-right-width: 0.0625rem;
    border-right-color: var(--divide-color);
    border-right-style: solid;
  }
}
@media all and (min-width: 1366px) {
  html.desktop header.header-nav .main_nav_2 .actions-wrapper .switch-video-layout.show {
    display: flex;
  }
}
#sidebar {
  position: fixed;
  display: block;
  width: 200px;
  height: 100vh;
  background-color: #11181f;
  border-right: 1px solid #080b0e;
  top: 0;
  left: 0;
}
#sidebar ul.main {
  margin: 0;
}
#sidebar ul.main li {
  display: block;
}
#sidebar ul.main li a {
  display: block;
  padding: 8px 5px;
  font-size: 1.2em;
  color: #ddd;
  border-bottom: 1px solid #233140;
  border-top: 1px solid #000;
}
#sidebar ul.main li a svg {
  fill: #d22b19;
}
#browse div.top {
  background-color: #11181f;
  padding: 5px;
  height: 41px;
  z-index: 1000;
  margin-bottom: 5px;
}
#browse div.nav_left {
  width: 210px;
  float: left;
  overflow: hidden;
  padding-right: 5px;
  margin-right: 10px;
  border-right: 1px solid rgba(0, 0, 0, 0.3);
}
#browse div.results_search {
  margin-left: 200px;
  overflow: hidden;
  margin-top: 5px;
}
#browse div.pornstar_search {
  width: 150px;
  margin-bottom: 10px;
  text-align: center;
}
#browse div.pornstar_search a.image {
  display: block;
  position: relative;
  color: #f08e84;
}
#browse div.pornstar_search a.image img {
  width: 100%;
  border-radius: 5px;
}
#browse div.pornstar_search a.image span {
  position: absolute;
  display: inline-block;
  padding: 5px;
  background-color: #080b0e;
  color: #ddd;
  opacity: 0.8;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80);
  filter: alpha(opacity=80);
  border-radius: 5px;
  font-size: 0.8em;
}
#browse div.pornstar_search a.image span.views {
  left: 2px;
  bottom: 25px;
}
#browse div.pornstar_search a.image span.videos {
  right: 2px;
  bottom: 25px;
}
#browse div.pornstar_search a.title {
  display: block;
  text-align: center;
  color: #f08e84;
  font-size: 1.3em;
  padding: 5px 0;
}
#browse div.categories {
  overflow: hidden;
  margin-bottom: 30px;
}
#browse div.categories a {
  width: 16%;
  height: 150px;
  float: left;
  font-size: 2.2em;
  position: relative;
  color: #eee;
  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 div.categories a img {
  width: 100%;
  position: absolute;
}
#browse 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 div.categories a:hover span {
  background-color: rgba(0, 0, 0, 0.9);
  color: #f08e84;
}
#browse ul.keyword_list {
  margin: 20px;
}
#browse ul.keyword_list li {
  display: inline-block;
}
#browse 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 ul.keyword_list li a:hover {
  background-color: #77180e;
  color: #ddd;
}
#search_empty {
  background-color: #11181f;
  border: 1px solid #080b0e;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
  padding: 5px;
  text-align: center;
  font-size: 1.3em;
  line-height: 2em;
  color: #eee;
}
#search_empty .hope {
  color: #f08e84;
}
#search_empty svg {
  fill: #d22b19;
}
#search_empty {
  background-color: #11181f;
  border: 1px solid #080b0e;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
  padding: 5px;
  text-align: center;
  font-size: 1.3em;
  line-height: 2em;
  color: #eee;
}
#search_empty .hope {
  color: #f08e84;
}
#search_empty svg {
  fill: #d22b19;
}
.nav-bar > ul > li {
  float: left;
  padding: 5px 10px;
  margin: 0 3px;
  font-size: 1.2em;
  background-color: #080b0e;
}
.nav-bar > ul > li > a {
  display: block;
  color: #507192;
}
.nav-bar > ul > li:hover {
  background-color: #77180e;
}
.nav-bar > ul > li:hover > a {
  color: #ddd !important;
}
.nav-bar > ul > li.h {
  color: #507192;
  position: relative;
  cursor: pointer;
  min-width: 200px;
  text-align: center;
}
.nav-bar > ul > li.h ul {
  position: absolute;
  z-index: 1000;
  background-color: #2c3e50;
  width: 100%;
  top: 30px;
  left: 0;
  display: none;
  text-align: left;
}
.nav-bar > ul > li.h ul li a {
  display: block;
  padding: 5px;
  color: #ddd;
}
.nav-bar > ul > li.h ul li a:hover {
  background-color: #080b0e;
}
.nav-bar > ul > li.h ul li a span {
  float: right;
  color: #507192;
}
.nav-bar > ul > li.h ul li.active a {
  color: #d22b19;
  background-color: #11181f;
}
.nav-bar > ul > li.h:hover {
  background-color: #77180e;
  color: #ddd;
}
.nav-bar > ul > li.h:hover ul {
  display: block;
}
.nav-bar > ul > li.active a {
  color: #d22b19;
}
.nav-bar > ul > li.active {
  color: #d22b19;
}
.nav-bar > ul > li.hd {
  float: right;
}
.nav-bar-left #time_slider,
.nav-bar-left-live #time_slider {
  margin: 10px;
}
.nav-bar-left #time_slider_value,
.nav-bar-left-live #time_slider_value {
  height: 25px;
}
.nav-bar-left #time_slider_value li,
.nav-bar-left-live #time_slider_value li {
  display: inline-block;
  font-size: 1.25em;
  color: #507192;
}
.nav-bar-left #time_slider_value li.min,
.nav-bar-left-live #time_slider_value li.min {
  float: left;
  padding-left: 5px;
}
.nav-bar-left #time_slider_value li.max,
.nav-bar-left-live #time_slider_value li.max {
  float: right;
  margin-right: -8px;
}
.nav-bar-left > ul,
.nav-bar-left-live > ul {
  padding: 5px;
}
.nav-bar-left > ul > li.h,
.nav-bar-left-live > ul > li.h {
  color: #507192;
  padding-top: 10px;
  font-size: 1.25em;
}
.nav-bar-left > ul > li.h:first-child,
.nav-bar-left-live > ul > li.h:first-child {
  padding-top: 0;
}
.nav-bar-left > ul > li.hd,
.nav-bar-left-live > ul > li.hd {
  display: inline-block;
  text-align: center;
  padding: 3px;
  background-color: rgba(0, 0, 0, 0.2);
  margin-top: 5px;
  border-radius: 5px;
  font-size: 1em;
}
.nav-bar-left > ul > li.sub,
.nav-bar-left-live > ul > li.sub {
  padding-left: 25px;
}
.nav-bar-left > ul > li a,
.nav-bar-left-live > ul > li a {
  color: #aaa;
  padding: 2px 0;
  display: block;
  font-size: 1.15em;
}
.nav-bar-left > ul > li a span,
.nav-bar-left-live > ul > li a span {
  float: right;
  color: #3e5771;
}
.nav-bar-left > ul > li a:hover,
.nav-bar-left-live > ul > li a:hover {
  color: #eee;
}
.nav-bar-left > ul > li.active a,
.nav-bar-left-live > ul > li.active a {
  color: #f08e84;
}
.video-similar {
  width: 100%;
  clear: both;
}
.video-similar h1 {
  margin: 0.5% 0.5%;
  height: 26px;
  line-height: 26px;
  font-size: 1.2em;
  padding: 0;
}
.video-similar .active {
  background-color: #77180e;
}
.video-similar .video-item {
  width: 100%;
  position: relative;
  display: block;
  zoom: 1;
  padding: 0px 15px 0px 0px;
  margin: 0 0 10px 0;
  overflow: hidden;
}
.video-similar .video-item .thumb {
  display: block;
  width: 150px;
  height: 85px;
  position: relative;
  overflow: hidden;
  float: left;
}
.video-similar .video-item .thumb img.cover {
  display: block;
  margin: auto;
  border-radius: 3px;
}
.video-similar .video-item .thumb .play {
  position: absolute;
  top: 2%;
  left: 2%;
  color: rgba(44, 62, 80, 0.5);
  display: none;
}
.video-similar .video-item .thumb span.len {
  position: absolute;
  right: 2px;
  bottom: 2px;
  font-size: 0.9em;
  text-align: center;
  background-color: #1e2a36;
  background-color: rgba(44, 62, 80, 0.8);
  color: #ddd;
  border-radius: 3px;
  padding: 2px 3px;
  -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);
}
.video-similar .video-item .i-hd {
  width: 26px;
  height: 15px;
  position: absolute;
  top: 2%;
  left: 2%;
  overflow: hidden;
  background-color: #1e2a36;
  color: #eee;
  font-size: 0.7em;
  text-align: center;
  line-height: 15px;
  border-radius: 3px;
  font-style: italic;
  font-weight: bold;
  opacity: 0.8;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80);
  filter: alpha(opacity=80);
}
.video-similar .video-item .i-fe {
  position: absolute;
  right: -1px;
  top: -1px;
  margin: auto;
  z-index: 2;
  background-image: url('../Images/i_badge_pop.png');
  background-repeat: no-repeat;
  background-position: center center;
  width: 36px;
  height: 31px;
  overflow: hidden;
  text-indent: -200px;
}
.video-similar .video-item .i-wl {
  width: 28px;
  height: 28px;
  position: absolute;
  bottom: 2%;
  right: 2%;
  overflow: hidden;
  background-color: #080b0e;
  color: #eee;
  font-size: 1.2em;
  text-align: center;
  line-height: 28px;
  border-radius: 3px;
  opacity: 0.8;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80);
  filter: alpha(opacity=80);
  cursor: pointer;
  display: none;
}
.video-similar .video-item .i-wl:hover {
  background-color: #2c3e50;
}
.video-similar .video-item .i-wl svg {
  fill: #eee !important;
}
.video-similar .video-item .inf_side {
  font-size: 0.9em;
  padding: 3px 0 0 0;
  position: relative;
  text-align: left;
  margin-left: 160px;
}
.video-similar .video-item .inf_side a {
  color: #ddd;
  font-size: 1.1em;
}
.video-similar .video-item .inf_side strong {
  font-weight: 400;
  color: #eee;
}
.video-similar .video-item .pb {
  height: 24px;
  line-height: 24px;
  overflow: hidden;
  clear: both;
  width: 100%;
  background-color: #c0392b;
  border-right: 4px solid rgba(0, 0, 0, 0.5);
  z-index: 110;
}
.video-similar .video-item:hover .i-wl {
  display: block;
}
.video-similar .is_rotating {
  z-index: 0;
}
.video-similar .is_rotating .play {
  display: block !important;
}
.video-similar .is_rotating .i-hd,
.video-similar .is_rotating .i-fe,
.video-similar .is_rotating p,
.video-similar .is_rotating .i-wl {
  display: none !important;
}
.video-playlist {
  height: 483px;
  overflow: scroll !important;
}
#video-similar-thumb-rotate {
  width: 250px;
  min-height: 100px;
  background-color: #080b0e;
  border-radius: 5px;
  position: absolute;
  left: 0;
  top: 0;
  overflow: hidden;
  z-index: 1000;
  border: 1px solid #2c3e50;
}
#video_theater {
  display: none;
  padding-left: 2.5rem;
  padding-right: 2.5rem;
}
#video .quality-items > *:not(:last-child) {
  border-bottom: 1px solid #353f4a;
}
#video .quality-item {
  display: flex;
  align-items: center;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  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.75rem;
  color: #fff;
}
#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 .removed {
  background-color: var(--video-thumbnail-bg-color-rgba);
  position: absolute;
  left: 0;
  right: 0;
  display: none;
  justify-content: center;
  align-items: center;
  width: 10.5rem;
  height: 10.5rem;
  padding: 0;
  margin: auto;
  border-radius: 0.25rem;
  pointer-events: all;
  font-size: 100%;
  color: var(--video-removed-video-text-color);
  transform: translate(0, -50%);
}
#main_video_player_html5_api {
  position: relative;
}
.theater-mode {
  margin-bottom: 1rem;
}
#video #video_container,
#video_theater #video_container {
  display: none;
  position: relative;
  height: 100%;
  width: 100%;
  padding-top: 56.25%;
  margin-bottom: 1rem;
}
#video #video_container > #main_video_player,
#video_theater #video_container > #main_video_player,
#video #video_container #vast_video_player,
#video_theater #video_container #vast_video_player {
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 15;
}
#video #video_container > #main_video_player,
#video_theater #video_container > #main_video_player {
  position: absolute;
}
#video #video_container > #vast_video_player,
#video_theater #video_container > #vast_video_player {
  z-index: 18;
  cursor: pointer !important;
  display: block;
  position: absolute;
  font-size: 0.9em !important;
}
#video #video_container > #vast_video_player.hidden,
#video_theater #video_container > #vast_video_player.hidden {
  display: none;
}
#video #video_container .vjs-poster,
#video_theater #video_container .vjs-poster {
  display: none;
}
html.desktop #video {
  display: flex;
  gap: 1.5rem;
}
html.desktop #video .views {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  white-space: nowrap;
  font-size: 0.875rem;
  line-height: 1.25rem;
  border-radius: 0.25rem;
}
html.desktop #video span.i-play {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0;
  margin: auto;
  pointer-events: all;
  z-index: 51;
  background-color: var(--video-play-bg-color-rgba);
  width: 5rem;
  height: 5rem;
  border-radius: 4.5rem;
  border: transparent;
  font-size: 3.5rem;
}
html.desktop #video span.i-play .i_new-ui-play {
  height: 2.5rem;
  width: 2.5rem;
  top: 0;
  fill: var(--video-thumbnail-text-color);
}
html.desktop #video #vr_player {
  width: 100%;
  height: 0;
  padding-top: 62.25%;
  position: relative;
}
html.desktop #video #vr_player .vr_player_inner {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
html.desktop #video #vr_player span.i-length,
html.desktop #video #vr_player span.i-plays,
html.desktop #video #vr_player span.i-date,
html.desktop #video #vr_player span.i-watch,
html.desktop #video #vr_player span.i-hd,
html.desktop #video #vr_player .ttaa2v3 {
  height: 30px;
  position: absolute;
  top: 45px;
  left: 5px;
  padding: 0 5px;
  overflow: hidden;
  background-color: rgba(8, 11, 14, 0.55);
  color: #ddd;
  font-size: 0.875rem;
  text-align: center;
  line-height: 1.25rem;
  border-radius: 3px;
}
html.desktop #video #vr_player span.hd-time {
  position: absolute;
  top: 45px;
  left: 5px;
}
html.desktop #video #vr_player .ttaa2v3 {
  top: 8px;
  left: 5px;
  text-transform: uppercase;
  background-color: rgba(8, 11, 14, 0.8);
}
html.desktop #video #vr_player .ttaa2v3 span {
  color: #f6b7b1;
  font-weight: bold;
  padding: 0 2px;
}
html.desktop #video #vr_player 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;
}
html.desktop #video #vr_player span.i-length {
  position: static;
  background-color: rgba(8, 11, 14, 0.75);
  display: inline-block;
}
html.desktop #video #vr_player span.i-plays {
  top: 78px;
}
html.desktop #video #vr_player span.i-date {
  top: 112px;
}
html.desktop #video #vr_player span.i-watch {
  top: auto;
  bottom: 5px;
  color: #77180e;
  background-color: transparent;
  opacity: 1;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
  filter: alpha(opacity=100);
}
html.desktop #video #player_wrapper_outer {
  position: relative;
}
html.desktop #video #player_wrapper_outer img.player_thumb {
  width: 100%;
  margin: 0 auto;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}
html.desktop #video #player_wrapper_outer span.i-length,
html.desktop #video #player_wrapper_outer span.i-plays,
html.desktop #video #player_wrapper_outer span.i-date,
html.desktop #video #player_wrapper_outer span.i-watch,
html.desktop #video #player_wrapper_outer span.i-hd,
html.desktop #video #player_wrapper_outer .ttaa2v3 {
  display: flex;
  align-items: center;
  height: 1.875rem;
  padding: 0.5rem;
  overflow: hidden;
  background-color: var(--video-thumbnail-bg-color);
  color: var(--video-thumbnail-text-color);
  opacity: 0.75;
  font-size: 0.75rem;
  text-align: center;
  line-height: 1.125rem;
  border-radius: 0.25rem;
  white-space: nowrap;
}
html.desktop #video #player_wrapper_outer span.hd-time {
  display: flex;
  gap: 0.5rem;
  position: absolute;
  top: 2.75rem;
  left: 0.5rem;
}
html.desktop #video #player_wrapper_outer .ttaa2v3 {
  background-color: var(--ad-button-bg-color);
  text-transform: uppercase;
  border-radius: 0.25rem;
}
html.desktop #video #player_wrapper_outer .ttaa2v3 span {
  color: #f6b7b1;
  font-weight: bold;
  padding: 0 2px;
}
html.desktop #video #player_wrapper_outer .ttaa2v3 a {
  color: var(--video-thumbnail-text-color);
}
html.desktop #video #player_wrapper_outer span.i-hd {
  position: static;
  font-weight: 700;
  margin-left: -2px;
}
html.desktop #video #player_wrapper_outer span.i-length {
  position: static;
}
html.desktop #video #player_wrapper_outer span.i-plays {
  font-weight: 700;
}
html.desktop #video #player_wrapper_outer span.i-date {
  top: 112px;
}
html.desktop #video #player_wrapper_outer span.i-watch {
  top: auto;
  bottom: 5px;
  color: #77180e;
  background-color: transparent;
  opacity: 1;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
  filter: alpha(opacity=100);
}
html.desktop #video #player_wrapper_outer .loading-icon img {
  height: 90px;
  display: block;
  margin: 25px auto 0 auto;
}
html.desktop #video #player_wrapper_outer .loading-icon,
html.desktop #video #player_wrapper_outer .loading-icon::before,
html.desktop #video #player_wrapper_outer .loading-icon::after {
  left: 50%;
  top: 50%;
  margin-left: -70px;
  margin-top: -70px;
  position: absolute;
  background-color: rgba(8, 11, 14, 0.8);
  background: rgba(8, 11, 14, 0.8);
  width: 140px;
  height: 140px;
  border-radius: 30%;
  border: 2px solid #3e5771;
}
html.desktop #video #player_wrapper_outer .loading-icon::before {
  content: '';
  animation: bounce 1.5s infinite;
  animation-timing-function: ease-out;
}
html.desktop #video #player_wrapper_outer .loading-icon::after {
  content: '';
  animation: bounce 1.5s -0.4s infinite;
  animation-timing-function: ease-out;
}
html.desktop #video #player_wrapper_outer #vast_player_container {
  display: none;
  width: 100%;
  padding-top: 56.25%;
  position: relative;
}
html.desktop #video #player_wrapper_outer #vast_player_container video,
html.desktop #video #player_wrapper_outer #vast_player_container iframe {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
html.desktop #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);
  color: #eee;
}
html.desktop #video #player_wrapper_outer #vast_player_container .advertisement .i_svg {
  fill: #f08e84;
}
html.desktop #video #player_wrapper_outer #vast_player_container .skip_button {
  background-color: #77180e;
  padding: 5px 10px 5px 2px;
  line-height: 56px;
  -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: 1.5em;
  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: #77180e;
  background: linear-gradient(to bottom, #77180e, #60140c);
  bottom: 15px;
  position: absolute;
  right: 0;
  text-align: center;
}
html.desktop #video #player_wrapper_outer #vast_player_container .skip_button img {
  float: left;
  width: 90px;
  margin-right: 14px;
  border-radius: 5px;
  border: 1px solid #2c3e50;
}
html.desktop #video #player_wrapper_outer #vast_player_container .skip_button a {
  font-size: 1.1em;
}
html.desktop #video .left {
  height: 100%;
  flex-grow: 1;
  width: calc(100% - 18.75rem - 1.5rem);
}
html.desktop #video .left .warning_process {
  background-color: #77180e;
  color: #f08e84;
  text-align: center;
  padding: 10px;
  margin-bottom: 10px;
  border-radius: 5px;
}
html.desktop #video .left h2 {
  font-size: 1.125rem;
  color: var(--title-color);
  background-color: transparent;
  margin-bottom: 1rem;
  height: auto;
  line-height: 1.5rem;
}
html.desktop #video .left .searches {
  margin: 0 0 4px 0;
  display: -ms-flex;
  display: flex;
  -ms-align-items: center;
  align-items: center;
  overflow-x: auto;
  gap: 8px;
}
html.desktop #video .left .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) {
  html.desktop #video .left .searches a:hover {
    color: var(--tag-hover-text-color);
  }
  html.desktop #video .left .searches a:active {
    background-color: #cf3952;
    color: #fff;
  }
}
html.desktop #video .left .searches a img {
  width: 0.75rem;
  height: 0.75rem;
  border-radius: 0.1875rem;
  margin-right: 0.25rem;
  display: inline-block;
  vertical-align: middle;
}
html.desktop #video .left .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;
}
html.desktop #video .left .searches .extra {
  display: none;
}
html.desktop #video .left ul.video_toolbar {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  align-content: stretch;
  align-items: stretch;
  line-height: 2.625rem;
  position: relative;
  z-index: 20;
  gap: 0.5rem;
}
html.desktop #video .left ul.video_toolbar .i_svg {
  fill: var(--video-toolbar-icon-color);
  top: 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 #video .left ul.video_toolbar .i_svg.i_new-ui-chevron-right {
  right: 0;
  margin-left: auto;
  width: 1rem;
  height: 1rem;
  top: 0;
}
html.desktop #video .left ul.video_toolbar > li {
  flex-shrink: 1;
  display: flex;
  align-items: center;
  justify-content: space-around;
  border-radius: 0.25rem;
  font-size: 0.8125rem;
  padding: 0 1rem 0 1rem;
  text-align: center;
  cursor: pointer;
  overflow: hidden;
  background-color: var(--video-toolbar-item-bg-color);
  gap: 0.5rem;
}
html.desktop #video .left ul.video_toolbar > li .i_svg {
  flex-shrink: 0;
}
html.desktop #video .left ul.video_toolbar > li.primary_actions_container {
  background-color: transparent;
  padding: 0;
  font-weight: 700;
  flex-shrink: 1;
  flex-grow: 1;
}
html.desktop #video .left ul.video_toolbar > li.primary_actions_container .ft-button {
  background-image: unset;
  line-height: unset;
}
html.desktop #video .left ul.video_toolbar > li.primary_actions_container .ft-button:before {
  content: unset;
}
html.desktop #video .left ul.video_toolbar > li.primary_actions_container > * {
  background-color: var(--video-toolbar-item-bg-color) !important;
  color: var(--video-toolbar-text-color);
  gap: 0.5rem;
  padding: 0 1rem 0 1rem;
  flex-basis: 33.333%;
  justify-content: center;
  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 #video .left ul.video_toolbar > li.primary_actions_container .text {
  font-weight: 400;
}
html.desktop #video .left ul.video_toolbar > li.primary_actions_container img {
  width: 1.5rem;
  height: 1.5rem;
}
html.desktop #video .left ul.video_toolbar > li.primary_actions_container .i_svg:not(.i_new-ui-chevron-right) {
  width: 1.5rem;
  height: 1.5rem;
  margin-left: unset;
}
html.desktop #video .left ul.video_toolbar > li.primary_actions_container .subscriber-count {
  font-size: 0.8125rem;
}
html.desktop #video .left ul.video_toolbar > li.primary_actions_container span {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 0.5rem;
}
html.desktop #video .left ul.video_toolbar > li.primary_actions_container a {
  display: inline-block;
}
html.desktop #video .left ul.video_toolbar > li.primary_actions_container a.ul {
  color: var(--video-user-link-color);
  font-weight: 700;
  display: flex;
  flex-direction: row;
  gap: 0.5rem;
  align-items: center;
  flex-grow: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  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;
}
html.desktop #video .left ul.video_toolbar > li.primary_actions_container a.ul:hover {
  color: var(--video-toolbar-item-hover-color);
  background-color: var(--video-toolbar-item-hover-background-color);
  cursor: pointer;
}
html.desktop #video .left ul.video_toolbar > li.primary_actions_container a.ul:hover .i_svg {
  fill: var(--video-toolbar-item-hover-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 #video .left ul.video_toolbar > li.primary_actions_container a.ul img {
  display: inline-block;
  height: 100%;
  max-height: 2.625rem;
  float: left;
  margin-right: 0.3125rem;
  border-radius: 0.3125rem;
}
html.desktop #video .left ul.video_toolbar > li.primary_actions_container a.ul .name {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
}
html.desktop #video .left ul.video_toolbar > li.primary_actions_container span,
html.desktop #video .left ul.video_toolbar > li.primary_actions_container a.wbs,
html.desktop #video .left ul.video_toolbar > li.primary_actions_container .join {
  border-radius: 0.25rem;
  margin: 1px;
}
html.desktop #video .left ul.video_toolbar > li.primary_actions_container span:hover,
html.desktop #video .left ul.video_toolbar > li.primary_actions_container a.wbs:hover,
html.desktop #video .left ul.video_toolbar > li.primary_actions_container .join:hover {
  color: var(--video-toolbar-item-hover-color);
  cursor: pointer;
  background-color: var(--video-toolbar-item-hover-background-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 #video .left ul.video_toolbar > li.primary_actions_container span:hover em,
html.desktop #video .left ul.video_toolbar > li.primary_actions_container a.wbs:hover em,
html.desktop #video .left ul.video_toolbar > li.primary_actions_container .join:hover em {
  color: var(--video-toolbar-item-hover-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 #video .left ul.video_toolbar > li.primary_actions_container span:hover .i_svg,
html.desktop #video .left ul.video_toolbar > li.primary_actions_container a.wbs:hover .i_svg,
html.desktop #video .left ul.video_toolbar > li.primary_actions_container .join:hover .i_svg {
  fill: var(--video-toolbar-item-hover-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 #video .left ul.video_toolbar > li.primary_actions_container span em,
html.desktop #video .left ul.video_toolbar > li.primary_actions_container a.wbs em,
html.desktop #video .left ul.video_toolbar > li.primary_actions_container .join em {
  font-style: normal;
  color: var(--video-toolbar-icon-color);
  font-weight: 700;
  font-size: 1rem;
  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 #video .left ul.video_toolbar > li.primary_actions_container a.join {
  display: flex;
  align-items: center;
  padding: 1px;
}
html.desktop #video .left ul.video_toolbar > li.secondary_actions_container {
  padding: 0;
}
html.desktop #video .left ul.video_toolbar > li.secondary_actions_container div {
  justify-content: center;
  flex-basis: 33%;
  flex-shrink: 1;
}
html.desktop #video .left ul.video_toolbar > li.secondary_actions_container .rt {
  display: flex;
  flex-wrap: nowrap;
  align-content: stretch;
  align-items: stretch;
  gap: 0.5rem;
}
html.desktop #video .left ul.video_toolbar > li.secondary_actions_container .rt .hot,
html.desktop #video .left ul.video_toolbar > li.secondary_actions_container .rt .rate,
html.desktop #video .left ul.video_toolbar > li.secondary_actions_container .rt .not {
  flex-grow: 0;
}
html.desktop #video .left ul.video_toolbar > li.secondary_actions_container .rt .hot,
html.desktop #video .left ul.video_toolbar > li.secondary_actions_container .rt .not {
  display: block;
  height: 100%;
  min-width: 1.5625rem;
  text-align: left;
  padding: 0 0.25rem;
}
html.desktop #video .left ul.video_toolbar > li.secondary_actions_container .rt .not {
  text-align: right;
}
html.desktop #video .left ul.video_toolbar > li.secondary_actions_container .rt .rate {
  flex-shrink: 1;
  flex-grow: 0;
  color: var(--video-toolbar-rate-text-color);
  font-weight: 400;
}
html.desktop #video .left ul.video_toolbar > li.secondary_actions_container .rt .i_svg {
  height: 1.25rem;
  width: 1.25rem;
  top: 0.3125rem;
}
html.desktop #video .left ul.video_toolbar > li.secondary_actions_container .rt .i_svg:hover {
  fill: var(--video-toolbar-item-hover-color);
  cursor: pointer;
}
html.desktop #video .left ul.video_toolbar > li.secondary_actions_container .short_buttons {
  padding: 0 1.6rem;
  display: flex;
  gap: 1rem;
  flex-grow: 0;
  flex-shrink: 1;
  position: relative;
}
html.desktop #video .left ul.video_toolbar > li.secondary_actions_container .short_buttons::before {
  content: '';
  width: 0.0625rem;
  height: 1.625rem;
  top: 0.5rem;
  background-color: var(--video-toolbar-separator-color);
  position: absolute;
  margin: 0;
  left: -0.3125rem;
}
html.desktop #video .left ul.video_toolbar > li.secondary_actions_container .short_buttons::after {
  right: -0.3125rem;
}
html.desktop #video .left ul.video_toolbar > li.secondary_actions_container .dl,
html.desktop #video .left ul.video_toolbar > li.secondary_actions_container .fv,
html.desktop #video .left ul.video_toolbar > li.secondary_actions_container .wl,
html.desktop #video .left ul.video_toolbar > li.secondary_actions_container .pl,
html.desktop #video .left ul.video_toolbar > li.secondary_actions_container .fl,
html.desktop #video .left ul.video_toolbar > li.secondary_actions_container .qt {
  flex-grow: 0;
}
html.desktop #video .left ul.video_toolbar > li.secondary_actions_container .dl:hover:not(.active),
html.desktop #video .left ul.video_toolbar > li.secondary_actions_container .fv:hover:not(.active),
html.desktop #video .left ul.video_toolbar > li.secondary_actions_container .wl:hover:not(.active),
html.desktop #video .left ul.video_toolbar > li.secondary_actions_container .pl:hover:not(.active),
html.desktop #video .left ul.video_toolbar > li.secondary_actions_container .fl:hover:not(.active),
html.desktop #video .left ul.video_toolbar > li.secondary_actions_container .qt:hover:not(.active) {
  cursor: pointer;
}
html.desktop #video .left ul.video_toolbar > li.secondary_actions_container .dl:hover:not(.active) > span,
html.desktop #video .left ul.video_toolbar > li.secondary_actions_container .fv:hover:not(.active) > span,
html.desktop #video .left ul.video_toolbar > li.secondary_actions_container .wl:hover:not(.active) > span,
html.desktop #video .left ul.video_toolbar > li.secondary_actions_container .pl:hover:not(.active) > span,
html.desktop #video .left ul.video_toolbar > li.secondary_actions_container .fl:hover:not(.active) > span,
html.desktop #video .left ul.video_toolbar > li.secondary_actions_container .qt:hover:not(.active) > span {
  color: var(--video-toolbar-item-hover-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 #video .left ul.video_toolbar > li.secondary_actions_container .dl:hover:not(.active) .i_svg,
html.desktop #video .left ul.video_toolbar > li.secondary_actions_container .fv:hover:not(.active) .i_svg,
html.desktop #video .left ul.video_toolbar > li.secondary_actions_container .wl:hover:not(.active) .i_svg,
html.desktop #video .left ul.video_toolbar > li.secondary_actions_container .pl:hover:not(.active) .i_svg,
html.desktop #video .left ul.video_toolbar > li.secondary_actions_container .fl:hover:not(.active) .i_svg,
html.desktop #video .left ul.video_toolbar > li.secondary_actions_container .qt:hover:not(.active) .i_svg {
  fill: var(--video-toolbar-item-hover-color);
}
html.desktop #video .left ul.video_toolbar > li.secondary_actions_container .dl a,
html.desktop #video .left ul.video_toolbar > li.secondary_actions_container .fv a,
html.desktop #video .left ul.video_toolbar > li.secondary_actions_container .wl a,
html.desktop #video .left ul.video_toolbar > li.secondary_actions_container .pl a,
html.desktop #video .left ul.video_toolbar > li.secondary_actions_container .fl a,
html.desktop #video .left ul.video_toolbar > li.secondary_actions_container .qt a {
  display: block;
  width: 100%;
  height: 100%;
}
html.desktop #video .left ul.video_toolbar > li.secondary_actions_container .dl .i_svg,
html.desktop #video .left ul.video_toolbar > li.secondary_actions_container .fv .i_svg,
html.desktop #video .left ul.video_toolbar > li.secondary_actions_container .wl .i_svg,
html.desktop #video .left ul.video_toolbar > li.secondary_actions_container .pl .i_svg,
html.desktop #video .left ul.video_toolbar > li.secondary_actions_container .fl .i_svg,
html.desktop #video .left ul.video_toolbar > li.secondary_actions_container .qt .i_svg {
  height: 1.25rem;
  width: 1.25rem;
  top: 10%;
}
html.desktop #video .left ul.video_toolbar > li.secondary_actions_container .dl {
  text-transform: uppercase;
}
html.desktop #video .left ul.video_toolbar > li.secondary_actions_container .mod_delete {
  background-color: var(--video-toolbar-delete-bg-color);
  color: var(--video-toolbar-delete-text-color);
  cursor: pointer;
}
html.desktop #video .left ul.video_toolbar > li.secondary_actions_container .active svg {
  fill: var(--video-toolbar-active-text-color);
}
html.desktop #video .left ul.video_toolbar > li.secondary_actions_container a {
  color: inherit;
}
html.desktop #video .left .share {
  clear: both;
  overflow: hidden;
  padding: 0 0;
  width: 100%;
}
html.desktop #video .left .share a {
  display: inline-block;
  font-size: 1.3em;
  background-color: #2c3e50;
  color: #eee;
  width: 50px;
  padding: 5px;
  text-align: center;
  margin: 2px;
  border-radius: 5px;
}
html.desktop #video .left .share a:hover {
  background-color: #d22b19;
  color: #eee;
}
html.desktop #video .left .embed > :not([hidden]) ~ :not([hidden]) {
  margin-top: 0.5rem;
}
html.desktop #video .left .embed h2 {
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.25rem;
}
html.desktop #video .left .embed .text-area {
  background-color: var(--embed-textarea-bg-color);
  color: var(--embed-textarea-color);
  padding: 16px;
  min-height: 0;
}
html.desktop #video .left .positions-wrapper {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
html.desktop #video .left .positions-wrapper .skip-to {
  color: var(--video-positions-skip-to-color);
  font-size: 0.8125rem;
  flex-shrink: 0;
}
html.desktop #video .left .positions-wrapper ul.positions {
  display: -ms-flex;
  display: flex;
  -ms-align-items: center;
  align-items: center;
  overflow-x: auto;
  gap: 8px;
}
html.desktop #video .left .positions-wrapper ul.positions li {
  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 #video .left .positions-wrapper ul.positions li:hover {
    color: var(--tag-hover-text-color);
  }
  html.desktop #video .left .positions-wrapper ul.positions li:active {
    background-color: #cf3952;
    color: #fff;
  }
}
html.desktop #video .left .positions-wrapper ul.positions li img {
  width: 0.75rem;
  height: 0.75rem;
  border-radius: 0.1875rem;
  margin-right: 0.25rem;
  display: inline-block;
  vertical-align: middle;
}
html.desktop #video .left .positions-wrapper ul.positions .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 #video .left section.timeline {
  clear: both;
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  margin: 0.5rem 0 1.5rem;
  overflow: hidden;
}
html.desktop #video .left section.timeline div {
  flex-basis: calc(20% - 0.4rem);
  position: relative;
  zoom: 1;
  overflow: hidden;
  cursor: pointer;
}
html.desktop #video .left section.timeline div .nav_time {
  display: inline-block;
  position: absolute;
  right: 0.5rem;
  bottom: 0.5rem;
  background-color: var(--video-thumbnail-bg-color);
  font-size: 0.75rem;
  line-height: 1.125rem;
  padding: 0 0.25rem;
  border-radius: 0.25rem;
  z-index: 2;
}
html.desktop #video .left section.timeline div span {
  display: block;
  width: 100%;
  position: relative;
  height: 0;
  padding: 56% 0 0 0;
  overflow: hidden;
  background-color: var(--video-thumbnail-bg-color-rgba);
  border-radius: 0.25rem;
}
html.desktop #video .left section.timeline div span img {
  position: absolute;
  display: block;
  width: 100%;
  max-height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  left: 0;
  top: 0;
  margin: auto;
  border-radius: 0;
  z-index: 1;
}
html.desktop #video .left section.details {
  margin-top: 1.5rem;
  overflow: hidden;
}
html.desktop #video .left section.details div.bottom {
  display: flex;
  line-height: 0.9rem;
  font-size: 0.75rem;
  margin-bottom: 1.5rem;
}
html.desktop #video .left section.details div.bottom div.cat {
  margin-right: 1.5rem;
}
html.desktop #video .left section.details div.bottom div.cat span.t {
  display: block;
  color: var(--video-toolbar-item-color);
  font-weight: 700;
  font-size: 0.75rem;
}
html.desktop #video .left section.details div.bottom div.cat div.ent {
  display: inline-block;
  background-color: var(--video-toolbar-item-bg-color);
  overflow: hidden;
  border-radius: 0.25rem;
  padding: 0.5rem;
  font-size: 0.75rem;
  font-weight: 700;
  margin-top: 0.5rem;
}
html.desktop #video .left section.details div.bottom div.cat div.ent a {
  color: var(--video-details-channel-color);
}
html.desktop #video .left section.details div.bottom div.cat div.ent .i_svg {
  padding: 5px;
  background-color: #233140;
  cursor: pointer;
}
html.desktop #video .left section.details div.bottom div.cat div.ent .i_svg:hover {
  background-color: #77180e;
}
html.desktop #video .left section.details div.bottom div.cat div.ent svg.times {
  fill: #aaa;
}
html.desktop #video .left section.details div.bottom a.bt_tag_video {
  display: inline-block;
  padding: 2px 5px;
  margin-left: 10px;
  border: 1px solid #080b0e;
  background-color: #233140;
  border-radius: 3px;
  color: #ddd;
}
html.desktop #video .left section.details div.bottom a.bt_tag_video .i_svg {
  fill: #aaa;
}
html.desktop #video .left section.details div.bottom .channel-by {
  display: flex;
  flex-direction: column;
  flex-shrink: 0;
}
html.desktop #video .left section.user_uploads {
  margin-top: 1.5rem;
  overflow: hidden;
  position: relative;
}
html.desktop #video .left section.user_uploads h2 {
  padding-bottom: 5px;
}
html.desktop #video .left section.user_uploads .video-list {
  --video-list-columns: 5;
}
html.desktop #video .left section.all_comments {
  padding: 1.5rem;
  border-radius: 0.25rem;
  background-color: var(--comments-wrapper-bg-color);
}
html.desktop #video .left section.share {
  border-radius: 5px;
  background-color: rgba(0, 0, 0, 0.15);
  padding: 5px;
  margin: 10px 0;
}
html.desktop #video .similar-ads-horizontal {
  display: flex;
  justify-content: center;
  gap: 2rem;
}
html.desktop #video .similar-ads-horizontal .video-inline-ads {
  width: 300px;
  height: 250px;
  display: block;
}
html.desktop #video .similar-ads-horizontal .video-inline-ads > iframe,
html.desktop #video .similar-ads-horizontal .video-inline-ads > ins {
  margin-top: 0 !important;
}
html.desktop #video .right {
  display: none;
  width: 18.75rem;
  flex-shrink: 0;
}
html.desktop #video .right .video-list {
  --video-list-columns: 1;
}
html.desktop #video .right .video-list .video-item p.t span.n {
  margin-left: -3px;
}
html.desktop #video .right .video-list .video-item .stats span.v {
  padding-left: 0;
}
html.desktop #video .right .video-list .video-item .stats span.g {
  display: none;
  padding-left: 0;
}
html.desktop #video .right .more_videos {
  width: 100%;
}
#video_removed .notice {
  width: 38.8%;
  margin: 0.8% 0.3%;
  background-color: #11181f;
  float: right;
  position: relative;
  height: 400px;
}
#video_removed .notice .content {
  padding: 56% 0 0 0;
  overflow: hidden;
  width: 100%;
  position: relative;
}
#video_removed .notice .content .message {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: #080b0e;
  background-color: rgba(8, 11, 14, 0.8);
  text-align: center;
  font-size: 2em;
  color: #aaa;
}
#video_removed .notice .content .message span.text {
  margin-top: 90px;
  padding: 5px;
  display: block;
}
#video_removed .notice .content .message a {
  display: block;
  width: 100%;
  height: 100%;
  font-size: 0.7em;
  color: #ddd;
}
#video_removed .notice .content .message a .play-circle {
  display: block;
  text-align: center;
  font-size: 6em;
  margin-top: 30px;
  fill: #d22b19;
  -webkit-text-shadow: 0 1px 1px #000000;
  -moz-text-shadow: 0 1px 1px #000000;
  text-shadow: 0 1px 1px #000000;
}
#video_removed .notice .content .message a p {
  font-size: 1.6em;
}
#video_removed .notice .content .message a:hover .play-circle {
  color: #bb2617;
}
#video_removed .notice .filler {
  overflow: hidden;
}
#video_removed .notice .filler .info {
  border: 0;
  padding: 10px 10px;
}
#video_removed .notice .filler .info a {
  color: #d22b19;
}
#video_removed .notice .filler .info_dark {
  background-color: #080b0e;
}
#video_removed .notice_long {
  width: 58.2% !important;
  text-align: center;
}
#video_removed .notice_long .content {
  padding: 60px !important;
}
#video_removed .video-item {
  width: 19.4%;
  margin: 0.8% 0.3%;
  -ms-flex-basis: 19.4%;
  flex-basis: 19.4%;
}
.grid_container {
  position: fixed;
  width: 100%;
  height: 120px;
  background-color: #77180e;
  border-top: 2px solid #080b0e;
  bottom: 0;
  left: 0;
  z-index: 1000000;
  padding: 5px 10px;
  display: none;
}
.grid_container ul li {
  display: inline-block;
  height: 80px;
  line-height: 80px;
  vertical-align: middle;
}
.grid_container ul li.thumb {
  width: 120px;
  border: 1px solid #d22b19;
  border-radius: 5px;
  overflow: hidden;
}
.grid_container ul li.thumb img {
  height: 80px;
}
@media all and (min-width: 1280px) {
  html.desktop #video .right {
    display: block;
  }
}
@media all and (min-width: 1366px) {
  html.desktop #video .left ul.video_toolbar {
    flex-direction: row;
  }
  html.desktop #video .left ul.video_toolbar li.primary_actions_container {
    flex-grow: 1;
  }
  html.desktop #video .left ul.video_toolbar li.primary_actions_container .ul,
  html.desktop #video .left ul.video_toolbar li.primary_actions_container span {
    flex-basis: auto;
    justify-content: flex-start;
  }
  html.desktop #video .left ul.video_toolbar li.primary_actions_container .text {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  html.desktop #video .left ul.video_toolbar li.secondary_actions_container {
    flex-shrink: 1;
    padding: 0 1rem;
    gap: 0.5rem;
  }
  html.desktop #video .left ul.video_toolbar li.secondary_actions_container div {
    justify-content: center;
    flex-basis: auto;
  }
  html.desktop #video .left ul.video_toolbar li.secondary_actions_container .rt {
    flex-shrink: 0;
  }
  html.desktop #video .left ul.video_toolbar li.secondary_actions_container .rt .hot,
  html.desktop #video .left ul.video_toolbar li.secondary_actions_container .rt .rate,
  html.desktop #video .left ul.video_toolbar li.secondary_actions_container .rt .not {
    flex-shrink: 0;
    flex-grow: 1;
  }
  html.desktop #video .left ul.video_toolbar li.secondary_actions_container .short_buttons {
    padding: 0 0.25rem;
    gap: 1rem;
  }
  html.desktop #video .left ul.video_toolbar li.secondary_actions_container .short_buttons::before,
  html.desktop #video .left ul.video_toolbar li.secondary_actions_container .short_buttons::after {
    position: relative;
    left: unset;
    right: unset;
  }
}
.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;
}
#vast_video_player .vjs-control-bar {
  display: flex !important;
  opacity: 1 !important;
}
#vast_video_player .vjs-progress-control {
  pointer-events: none;
}
.play_cover .vjs-big-play-button,
#video_container .vjs-big-play-button {
  background-color: var(--video-play-bg-color-rgba);
  width: 5rem;
  height: 5rem;
  border-radius: 4.5rem;
  border: transparent;
  font-size: 3.5rem;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.play_cover .vjs-big-play-button .vjs-icon-placeholder:before,
#video_container .vjs-big-play-button .vjs-icon-placeholder:before {
  content: '';
  background-size: contain;
  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");
  background-repeat: no-repeat;
  background-position: center;
  height: 80%;
  background-size: 100% 100%;
  top: 10%;
}
.play_cover #main_video_player.vjs-paused .vjs-big-play-button,
#video_container #main_video_player.vjs-paused .vjs-big-play-button {
  display: flex;
}
@font-face {
  font-family: 'videojs-airplayButton';
  src: url('/static/desktop/Images/fonts/airplayButton.eot');
  src: url('/static/desktop/Images/fonts/airplayButton.eot?#iefix') format('embedded-opentype'), url('/static/desktop/Images/fonts/airplayButton.ttf') format('truetype'), url('/static/desktop/Images/fonts/airplayButton.woff') format('woff'), url('/static/desktop/Images/fonts/airplayButton.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}
.vjs-airplay-control {
  font-family: 'videojs-airplayButton';
  float: right;
  cursor: pointer;
  font-size: 1.6em !important;
}
.vjs-airplay-control:before,
.vjs-v6 .vjs-airplay-control .vjs-icon-placeholder::before {
  content: '\e900';
}
.vjs-v6 .vjs-airplay-control:before {
  content: none;
}
.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: 12.5rem;
  max-height: 25rem;
  opacity: 1;
  transform: translateX(0);
}
.submenu-item {
  transition: background 0.3s ease;
}
.vjs-theater-mode-control-open {
  order: 6;
}
.vjs-theater-mode-control-open .vjs-icon-placeholder:before {
  background-image: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%3E%3Cpath%20fill%3D%22%23fff%22%20fill-rule%3D%22evenodd%22%20d%3D%22M4%204h16a2%202%200%200%201%202%202v12a2%202%200%200%201-2%202H4a2%202%200%200%201-2-2V6a2%202%200%200%201%202-2Zm16%2014V6H4v12h16Z%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E');
}
.vjs-theater-mode-control-close {
  order: 6;
}
.vjs-theater-mode-control-close .vjs-icon-placeholder:before {
  background-image: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%3E%3Cpath%20fill%3D%22%23fff%22%20fill-rule%3D%22evenodd%22%20d%3D%22M3%206h18a2%202%200%2001%202%202v8a2%202%200%2001-2%202H3a2%202%200%2001-2-2V8a2%202%200%2001%202-2Zm18%2010V8H3v8h18Z%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E');
}
.submenu {
  height: 0;
  opacity: 0;
  transform: translateX(100%);
}
.submenu.visible {
  height: auto;
  opacity: 1;
  transform: translateX(0);
  transition: opacity 0.3s ease, transform 0.3s ease;
}
.submenu-item {
  transition: background 0.3s ease;
}
.video-js .vjs-progress-control .timeline-thumbs {
  width: 100%;
  position: absolute;
  top: -95px;
  height: 95px;
  text-align: left;
  z-index: 2;
  left: 0;
  right: 0;
}
.video-js .vjs-progress-control .timeline-thumbs .thumb {
  display: none;
  width: 120px;
  height: 90px;
  margin-left: 0;
  border-radius: 5px;
  border: 0.125rem solid var(--video-scene-border-color);
  box-shadow: 0 0 1rem var(--video-scene-box-shadow-color-rgba) !important;
}
.video-js .vjs-progress-control .timeline-thumbs {
  top: -125px;
  height: 95px;
}
.video-js.settings-open .vjs-timeline-positions-holder,
.video-js.settings-open .timeline-thumbs {
  opacity: 0;
  pointer-events: none;
}
video::-webkit-media-controls,
video::-webkit-media-controls-panel {
  display: none;
}
#video_container #main_video_player .vjs-control-bar > *:not(#vjs-controls-container, .vjs-theater-mode-control-open, .vjs-timeline-positions-holder) {
  display: none;
}
.vjs-timeline-positions-holder {
  visibility: hidden;
}
#video_container #main_video_player .vjs-icon-placeholder:before {
  content: '';
  background-size: contain;
  background-repeat: no-repeat;
}
#main_video_player,
#main_video_player_html5_api,
.vjs-control-bar {
  border-radius: 0.25rem;
}
#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;
}
#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: #eee;
}
#video_container #main_video_player.video-js.vjs-theme-sb .vjs-menu .vjs-menu-content .vjs-menu-item:hover {
  background-color: rgba(119, 24, 14, 0.3);
}
#video_container #main_video_player.video-js.vjs-theme-sb .vjs-menu .vjs-menu-content .vjs-selected {
  background-color: rgba(119, 24, 14, 0.6);
  color: #eee;
}
#video_container #main_video_player.video-js.vjs-theme-sb .ttaa2v3 {
  top: 1rem;
  left: 1rem;
  text-transform: uppercase;
  height: 1.875rem;
  position: absolute;
  padding: 0 0.5rem;
  overflow: hidden;
  background-color: rgba(var(--video-thumbnail-bg-color-rgb), 0.6);
  color: var(--video-thumbnail-text-color);
  font-size: 0.75rem;
  text-align: center;
  line-height: 1.125rem;
  border-radius: 0.25rem;
  z-index: 10;
  display: flex;
  align-items: center;
}
#video_container #main_video_player.video-js.vjs-theme-sb .ttaa2v3 span {
  color: var(--video-thumbnail-text-color);
  font-weight: bold;
  padding: 0 2px;
}
#video_container #main_video_player.video-js.vjs-theme-sb .ttaa2v3 a {
  color: var(--video-thumbnail-text-color);
}
#video_container #main_video_player.video-js.vjs-theme-sb .vjs-airplay-control,
#video_container #main_video_player.video-js.vjs-theme-sb .vjs-fullscreen-control,
#video_container #main_video_player.video-js.vjs-theme-sb .vjs-settings-button,
#video_container #main_video_player.video-js.vjs-theme-sb .vjs-theater-mode-control-open,
#video_container #main_video_player.video-js.vjs-theme-sb .vjs-theater-mode-control-close,
#video_container #main_video_player.video-js.vjs-theme-sb .vjs-play-control,
#video_container #main_video_player.video-js.vjs-theme-sb .vjs-play-next-button,
#video_container #main_video_player.video-js.vjs-theme-sb .vjs-picture-in-picture-control {
  width: 1.5rem;
}
#video_container #main_video_player.video-js.vjs-theme-sb .vjs-play-control,
#video_container #main_video_player.video-js.vjs-theme-sb .vjs-play-next-button,
#video_container #main_video_player.video-js.vjs-theme-sb .vjs-current-time,
#video_container #main_video_player.video-js.vjs-theme-sb .vjs-time-divider,
#video_container #main_video_player.video-js.vjs-theme-sb .vjs-duration,
#video_container #main_video_player.video-js.vjs-theme-sb .vjs-picture-in-picture-control,
#video_container #main_video_player.video-js.vjs-theme-sb .vjs-theater-mode-control-open,
#video_container #main_video_player.video-js.vjs-theme-sb .vjs-theater-mode-control-close,
#video_container #main_video_player.video-js.vjs-theme-sb .vjs-fullscreen-control {
  display: block;
  font-size: 1rem;
}
#video_container #main_video_player.video-js.vjs-theme-sb .vjs-play-control {
  order: 0;
}
#video_container #main_video_player.video-js.vjs-theme-sb .vjs-play-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='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");
}
#video_container #main_video_player.video-js.vjs-theme-sb.vjs-playing .vjs-play-control .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");
}
#video_container #main_video_player.video-js.vjs-theme-sb .vjs-play-next-button {
  display: block;
  order: 1;
}
#video_container #main_video_player.video-js.vjs-theme-sb .vjs-play-next-button .vjs-icon-placeholder:before {
  width: 1.5rem;
  height: 1.5rem;
  display: block;
  background-image: url('data:image/svg+xml;base64,PHN2ZyBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik02LjQ5IDUuODk5OGMuMjQyOTMtLjE1OTEyLjU1NzA3LS4xNTkxMi44IDBMMTQuNjYgMTEuMTFjLjE5OTMuMTM5NC4zMTg1LjM2NjguMzIuNjB2LjYyYy0uMDAxNS4yNDMyLS4xMjA3LjQ3MDYtLjMyLjYxbC03LjM3IDUuMThjLS4yNDQ0MS4xNTQxLS41NTU1OS4xNTQxLS44IDBsLS4xMi0uMDZjLS4yMjczNS0uMTM4Mi0uMzY3MjQtLjM4NC0uMzcwLS42NVY2LjU2OTk4Yy4wMTQzLS4yNTIxOC4xNTI5Ni0uNDgwNzguMzcwLS42MWwuMTItLjA2Wk0xOCAxNy41di0xMWMwLS4yNzYxNC0uMjIzOS0uNS0uNS0uNWgtMWMtLjI3NjEgMC0uNS4yMjM4Ni0uNS41djExYzAgLjI3NjEuMjIzOS41LjUuNWgxYy4yNzYxIDAgLjUtLjIyMzkuNS0uNVoiIGZpbGw9IiNmZmYiLz48L3N2Zz4=');
}
#video_container #main_video_player.video-js.vjs-theme-sb .vjs-settings-button {
  order: 4;
  margin-left: auto;
}
#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-volume-panel {
  font-size: 1rem;
  width: 1.5rem;
  order: 3;
  padding: 0.03125rem 0;
}
#video_container #main_video_player.video-js.vjs-theme-sb .vjs-volume-panel .vjs-mute-control {
  width: 1.5rem;
}
#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 {
  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='M16 19c0 .5523-.4477 1-1 1h-.59c-.2623-.0011-.5137-.1053-.7-.29l-3.83-3.83c-.56207-.5628-1.32462-.8793-2.12-.88C6.78798 15 6 14.212 6 13.24v-2.48C6 9.78798 6.78798 9 7.76 9c.79538-.0007 1.55793-.31723 2.12-.88l3.83-3.83c.1863-.18474.4377-.2889.7-.29H15c.5523 0 1 .44772 1 1v14Z' fill='%23fff'/%3E%3C/svg%3E");
}
#video_container #main_video_player.video-js.vjs-theme-sb .vjs-volume-panel .vjs-mute-control.vjs-vol-2 .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='M15 19V5c0-.55228-.4477-1-1-1h-.59c-.2623.0011-.5137.10526-.7.29L8.88 8.12c-.56207.56277-1.32462.8793-2.12.88C5.78798 9 5 9.78798 5 10.76v2.48c0 .972.78798 1.76 1.76 1.76.79538.0007 1.55793.3172 2.12.88l3.83 3.83c.1863.1847.4377.2889.7.29H14c.5523 0 1-.4477 1-1Zm2.84-9.6c.1417.01649.2711.0884.36.2v.05c1.0667 1.4222 1.0667 3.3778 0 4.8-.0966.1048-.2325.1643-.375.1643s-.2784-.0595-.375-.1643l-.72-.72c-.1673-.169-.1924-.4324-.06-.63.4396-.6675.4396-1.5325 0-2.2-.1324-.1976-.1073-.461.06-.63l.72-.72c.1026-.1034.2445-.15799.39-.15Z' fill='%23fff'/%3E%3C/svg%3E");
}
#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-volume-panel .vjs-volume-horizontal {
  height: 100%;
  align-self: center;
  align-items: center;
}
#video_container #main_video_player.video-js.vjs-theme-sb .vjs-volume-panel .vjs-volume-horizontal .vjs-volume-bar {
  margin: 0 0 0 0.25rem;
}
#video_container #main_video_player.video-js.vjs-theme-sb .vjs-progress-control {
  padding-top: 0.9375rem;
  width: 100%;
}
#video_container #main_video_player.video-js.vjs-theme-sb .vjs-picture-in-picture-control {
  margin-right: 0;
}
#video_container #main_video_player.video-js.vjs-theme-sb #vjs-controls-container {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  padding: 0 15px;
}
#video_container #main_video_player.video-js.vjs-theme-sb #vjs-controls-container .vjs-other-controls {
  display: flex;
  margin: 0.5rem 0;
  gap: 0.5rem;
}
#video_container #main_video_player.video-js.vjs-theme-sb #vjs-controls-container .vjs-other-controls .vjs-time-control-container {
  font-family: Arial, 'sans-serif';
  display: flex;
  color: var(--video-time-color);
  font-weight: 400;
  font-size: 1.125rem;
  gap: 0.25rem;
  order: 2;
  margin-top: 0.03125rem;
}
#video_container #main_video_player.video-js.vjs-theme-sb #vjs-controls-container .vjs-other-controls .vjs-time-control-container .vjs-time-control {
  line-height: 1.5rem;
  padding: 0;
  min-width: auto;
}
#video_container #main_video_player.video-js.vjs-theme-sb #vjs-controls-container .vjs-other-controls .vjs-time-control-container .vjs-current-time-display,
#video_container #main_video_player.video-js.vjs-theme-sb #vjs-controls-container .vjs-other-controls .vjs-time-control-container .vjs-time-divider,
#video_container #main_video_player.video-js.vjs-theme-sb #vjs-controls-container .vjs-other-controls .vjs-time-control-container .vjs-duration-display {
  font-size: 0.75rem;
}
#video_container #main_video_player.video-js.vjs-theme-sb .vjs-remaining-time {
  width: 55px;
  padding: 0;
  margin-top: -1px;
}
#video_container #main_video_player.video-js.vjs-theme-sb .vjs-airplay-control {
  order: 1;
}
#video_container #main_video_player.video-js.vjs-theme-sb .vjs-picture-in-picture-control {
  order: 5;
}
#video_container #main_video_player.video-js.vjs-theme-sb .vjs-picture-in-picture-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='M1.9998 11V8.99999h3.6l-4.3-4.3 1.4-1.4 4.3 4.3v-3.6h2V11h-7Zm2 9c-.55 0-1.02083-.1958-1.4125-.5875-.39166-.3917-.5875-.8625-.5875-1.4125v-5h2v5h8v2h-8Zm16-7V5.99999h-9v-2h9c.55 0 1.0208.19583 1.4125.5875.3917.39166.5875.8625.5875 1.4125V13h-2Zm-6 7v-5h8v5h-8Z' fill='%23E8EAED'/%3E%3C/svg%3E");
}
@supports (-moz-appearance: none) {
  #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-fullscreen-control {
  order: 7;
}
#video_container #main_video_player.video-js.vjs-theme-sb .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-control-bar {
  display: flex;
  width: auto;
  height: auto;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000000 100%);
  pointer-events: all;
}
#video_container #main_video_player.video-js.vjs-theme-sb .vjs-control-bar .vjs-icon-placeholder:before {
  line-height: 1.5rem;
  font-size: 1.5rem;
}
#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 .progressbar-pointers {
  display: flex;
  align-items: center;
  position: absolute;
}
#video_container #main_video_player.video-js.vjs-theme-sb .vjs-control-bar .vjs-progress-control .progressbar-pointers span {
  position: absolute;
  width: 0.125rem;
  height: 0.3125rem;
  background: var(--video-scene-indicator);
}
#video_container #main_video_player.video-js.vjs-theme-sb .vjs-control-bar .vjs-progress-control .vjs-progress-holder {
  height: 0.3125rem;
  border-radius: 5px;
  background-color: var(--video-ui-progress-color);
  margin: 0;
}
#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(119, 24, 14, 0.7);
  color: #eee;
  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 {
  display: flex;
  justify-content: flex-end;
  font-size: 0.875rem;
  line-height: 1.25rem;
  top: -2.375rem;
  background-color: var(--video-time-tooltip-bg-color);
  color: var(--video-time-color);
  padding: 0.25rem 0.5rem;
}
#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 .vjs-timeline-positions-holder {
  position: absolute;
  bottom: 3.75rem;
  height: 30px;
  width: 100%;
  font-size: 1.2em;
  z-index: 1;
  left: 0;
  right: 0;
  padding-left: 100px;
}
#video_container #main_video_player.video-js.vjs-theme-sb .vjs-timeline-positions-holder.show {
  visibility: visible;
}
#video_container #main_video_player.video-js.vjs-theme-sb .vjs-timeline-positions-holder .vjs-timeline-positions {
  width: 100%;
  height: 100%;
  position: relative;
}
#video_container #main_video_player.video-js.vjs-theme-sb .vjs-timeline-positions-holder .vjs-timeline-positions span {
  position: absolute;
  display: inline-block;
  z-index: 2;
  transform: translateX(-50%);
}
#video_container #main_video_player.video-js.vjs-theme-sb .vjs-timeline-positions-holder .vjs-timeline-positions span strong {
  display: inline-block;
  width: 2.25rem;
  height: 2.25rem;
  background-color: var(--video-timeline-item-bg-color);
  cursor: pointer;
  border-radius: 0.25rem;
  background-size: 1.75rem 1.75rem;
  background-position: center center;
  background-repeat: no-repeat;
}
#video_container #main_video_player.video-js.vjs-theme-sb .vjs-timeline-positions-holder .vjs-timeline-positions span strong:hover {
  background-color: var(--video-positions-hover-color);
}
#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,%3Csvg xmlns='http://www.w3.org/2000/svg' width='42' height='42' fill-rule='evenodd'%3E%3Cpath d='M7.632 15.92a1.7 1.7 0 0 0 1.974.789 3.9 3.9 0 0 0 1.579 1.421l-.395 12-.947 9.237c-.158 1.5.868 2.763 2.368 2.92 1.42.158 2.763-.868 2.92-2.29l1.263-9.237.395-3.553c-.237-.158-.395-.237-.553-.474l-3.79-4.974c-.632-.79-.71-1.895-.08-2.605.316-.395.868-.632 1.42-.632s1.105.237 1.5.632l2.053 2.447.474-4.658-3.158-18.553C14.263-3.895 12.132-5.395 9.92-5c-1.5.237-2.684 1.263-3.158 2.605-.08.158-.158.237-.237.395l-5.29 9a1.31 1.31 0 0 0 .158 1.579l6.237 7.342zm-1.58-9l1.342-1.895.947 5.92L5.974 7.71c-.158-.237-.158-.553.08-.79z' fill='%23fff' fill-rule='nonzero'/%3E%3Cg fill='%23f89ea9'%3E%3Cpath d='M14.816 19.71c-.316-.316-.71-.474-1.026-.474s-.632.158-.868.395c-.395.474-.395 1.184.08 1.737l3.79 4.974c.237.316.632.474 1.105.474.316 0 .632-.08.947-.316L20.5 25c-.158 1.342-.237 2.526.316 3.237.474.632 1.026.868 1.58.868 1.026 0 1.895-.632 1.895-.632s2.763 3.316 3.158 5.29l-5.526 4.5c-1.42 1.263-.79 3.868 1.184 4.026l13.184-.237c2.526 0 2.605-1.105 2.605-1.737 0-1.342-1.184-1.737-2.684-1.737l-6.237-.158 4.184-2.21c1.658-1.184 2.053-3.474.947-5.132l-4.658-5.132c-1.026-1.42-3.474-6-3.474-6-.71-1.105-1.895-1.658-3.08-1.658-.632 0-1.263.158-1.816.553-.316.158-.474.395-.71.632l-.08.08-2.842 3.158c-.158.158-.316.237-.474.237s-.395-.08-.553-.237l-2.605-3z'/%3E%3Ccircle transform='matrix(.149201 -.988807 .988807 .149201 -8.618855 29.644421)' cx='22.296' cy='28.912' r='5.132'/%3E%3C/g%3E%3C/svg%3E");
}
#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 xmlns='http://www.w3.org/2000/svg' width='42' height='42'%3E%3Cg transform='matrix(-.906308 -.422618 -.422618 .906308 46.23554 9.69831)' fill-rule='evenodd'%3E%3Cg fill='%23fff'%3E%3Ccircle transform='matrix(.226809 -.973939 .973939 .226809 12.584404 27.639653)' cx='23.7' cy='5.894' r='4.82'/%3E%3Cpath d='M24.226 11.664c-1.843 1.09-2.718 3.287-2.374 5.365l.174 1.293c.428-.573.79-1.14 1.082-1.653.657-1.157.97-2.043.993-2.113.298-.9 1.268-1.386 2.166-1.088s1.386 1.268 1.088 2.166c-.027.077-.404 1.207-1.265 2.726-.846 1.488-2.155 3.36-4.102 4.95l-.176.14c-.192 1.057-.476 2.118-.86 3.17a7.05 7.05 0 0 0-.301 1.138c-.4 1.44-1.104 4.605-1.108 8.633.001 3.517.552 7.71 2.43 11.92a2.68 2.68 0 0 0 2.447 1.586 2.67 2.67 0 0 0 1.091-.234 2.68 2.68 0 0 0 1.353-3.538c-1.494-3.34-1.965-6.772-1.964-9.733 0-1.614.14-3.08.32-4.295 1.418-.673 2.776-2.115 3.353-4.014 1.385-4.427 1.56-8.987.67-13.22-.665-3.074-3.202-4.278-5.016-3.197z'/%3E%3C/g%3E%3Cg fill='%23f89ea9'%3E%3Cpath d='M13.417 32.298c-.285 1.317-.514 2.99-.515 4.97-.001 3.175.595 7.132 2.47 11.597.344.82 1.14 1.314 1.977 1.314.276 0 .558-.054.828-.168 1.09-.458 1.605-1.714 1.147-2.805-1.65-3.934-2.136-7.294-2.137-9.94 0-2.106.313-3.76.612-4.864l.035-.125c1.7-1.212 2.558-3.42-.41-5.36-.435-.284-.82-.562-1.165-.835-.666.143-1.363.243-2.094.285-.342.02-.667-.06-.945-.22-.49-.277-.832-.79-.867-1.392-.05-.854.535-1.597 1.345-1.773-.763-1.796-.33-3.253-1.305-4.377-1.64-1.887-3.67-1.525-4.752-.107-.353.46-.595.947-.725 1.44-.53 1.08-.617 2.57-.15 3.768a8.14 8.14 0 0 0 .54-1.22l.05-.14c.178-.543.27-1.015.316-1.337a5.5 5.5 0 0 0 .04-.359l.004-.076c.017-.945.795-1.7 1.74-1.684.086.001.17.01.25.024.825.135 1.45.855 1.435 1.716-.005.115-.026 1.158-.473 2.596-.012.04-.025.082-.038.123l-.067.2a11.89 11.89 0 0 1-.64 1.518c-.04.08-.087.163-.13.244 2.43 3.07 3.045 5.502 3.494 6.706a1.9 1.9 0 0 0 .13.278z'/%3E%3Ccircle transform='matrix(.045498 -.998964 .998964 .045498 -7.173425 19.223247)' cx='6.473' cy='13.365' r='4.285'/%3E%3Cpath d='M10.714 20.632c.003-.345-.12-.66-.348-.904l-.014-.015c-.24-.247-.56-.386-.903-.39-.717 0-1.293.566-1.306 1.263l-.006.097-.043.4a8.34 8.34 0 0 1-.333 1.41l-.154.42a8.42 8.42 0 0 1-.618 1.276 8.11 8.11 0 0 1-1.775 2.086c-1.097.916-2.417 1.567-4.036 2-.333.086-.61.297-.785.594s-.222.642-.136.974c.148.567.66.962 1.243.962a1.29 1.29 0 0 0 .325-.042c1.972-.51 3.667-1.355 5.04-2.506a10.69 10.69 0 0 0 2.587-3.192l.05-.094.042-.078c1.017-2.006 1.153-3.75 1.17-4.236z'/%3E%3C/g%3E%3Cpath d='M12.78 24.733c.026.438.27.828.65 1.044a1.28 1.28 0 0 0 .709.164 13.19 13.19 0 0 0 1.69-.209 13.17 13.17 0 0 0 5.886-2.755l.2-.172c1.47-1.244 2.75-2.807 3.8-4.657.786-1.387 1.162-2.45 1.23-2.65a1.29 1.29 0 0 0-.585-1.522 1.31 1.31 0 0 0-.231-.103 1.28 1.28 0 0 0-1.626.819c-.014.04-.33.96-1.026 2.186a16.04 16.04 0 0 1-1.403 2.081c-.548.687-1.207 1.39-1.985 2.023-1.815 1.47-3.81 2.252-6.102 2.4l-.104.01c-.302.042-.577.188-.782.42a1.27 1.27 0 0 0-.323.929z' fill='%23fff'/%3E%3C/g%3E%3C/svg%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 xmlns='http://www.w3.org/2000/svg' width='42' height='42' fill-rule='evenodd'%3E%3Cellipse fill='%23fff' cx='28.119' cy='9.644' rx='5.23' ry='5.5'/%3E%3Cellipse fill='%23f89ea9' cx='36.078' cy='33.197' rx='4.754' ry='5'/%3E%3Cpath d='M4.203 27.368c-.88.827-2.006 1.74-3.377 2.57a19.82 19.82 0 0 1-1.941 1.029l-.83 2.158c-.468 1.318-1.37 2.138-2.355 2.138-.44 0-.88-.17-1.268-.5-.602-.494-1.026-1.293-1.24-2.203-2.272.26-4.643.122-7.1-.43-1.46-.328-2.82 1.21-3.036 3.433s.794 4.294 2.255 4.623c1.884.424 3.75.634 5.584.634a22.79 22.79 0 0 0 12.137-3.463 25.29 25.29 0 0 0 4.331-3.398c-.753-2.222-1.932-5.016-3.157-6.6z' fill='%23fff'/%3E%3Cpath d='M12.362 29.48c-.1.07-.798.66-.852.506l-.595-1.61C9.8 25.5 8.583 23.24 7.31 21.625c-.553-.702-1.117-1.284-1.693-1.74-1.042-.825-2.112-1.243-3.18-1.243-3.197 0-6.123 3.68-8.696 10.934-.334.94-.343 2.018-.09 2.934.2.686.528 1.283.99 1.663.325.267.7.408 1.056.408.82 0 1.573-.683 1.963-1.78a45.43 45.43 0 0 1 .58-1.549c1.49-3.76 2.972-5.808 4.226-5.808a1.12 1.12 0 0 1 .146.009c.662.085 1.333.675 1.974 1.54 1.262 1.704 2.406 4.48 3.136 6.608.358 1.045.617 1.935.74 2.463l.006.03c.04.235.096.467.17.7l.018.072c.135.85.42 1.625.822 2.237.59.897 1.372 1.39 2.206 1.39s1.617-.494 2.207-1.39c.664-1.012 1.95-1.483 4.05-1.483 2.042 0 4.937.465 8.85 1.42.165.04.333.06.498.06 1.538 0 2.832-1.68 3.076-4 .132-1.253.001-2.377-.487-3.405-.123-.26-.327-.627-.478-.84-.274-.606-.677-1.083-1.173-1.318-2.48-1.17-2.786-1.76-3.47-3.62-.6-1.635-1.96-2.218-3.033-1.303-.51.434-1.362.875-1.53 1.66-.364-.96.013-1.68 0-2.52-.02-1.28.215-2.448.564-3.333.832-.49 1.487-1.42 1.877-2.566.388-.784.542-1.805.394-2.793a8.14 8.14 0 0 0-.101-1.018c-.477-2.91-2.415-4.68-4.323-3.95-6.68 2.54-8.21 4.762-10.593 10.005l-.446.977c1.322 1.67 2.56 4.006 3.728 6.96.425 1.075.414 1.176.592 1.04.303-.23.64-.424.962-.586l1.03-2.22c.806-1.775 1.156-2.518 1.728-3.102.044-.044.1-.09.138-.133-.01.29-.01.583-.006.876.015 1.005-.298 2.18.06 4.034' fill='%23f89ea9'/%3E%3Cg fill='%23fff'%3E%3Cpath d='M15.777 27.804c-.318-1.774-.02-2.916-.035-3.895l.006-.876-.138.133c-.573.584-.922 1.328-1.728 3.102l-1.03 2.22c-.32.162-.66.356-.962.586-.178.135-.167.034-.592-1.04-1.168-2.955-2.406-5.292-3.728-6.96l.446-.977c2.38-5.243 3.91-7.465 10.593-10.005 1.908-.727 3.846 1.042 4.323 3.95a8.14 8.14 0 0 1 .101 1.018c.148.987-.007 2.008-.394 2.793-.4 1.146-1.045 2.076-1.877 2.566-.348.885-1.395 2.21-1.376 3.492.01.636-.445 1.53-.506 2.345l-2.943 1.476-.16.074zm5.918-3.168l.032-.027c.163-.14.332-.243.504-.314l-.536.34zM7.515 21.9c.79 1.052 1.555 2.356 2.3 3.904l-2.3-3.904z'/%3E%3Cpath d='M20.813 37.71h.002c.528.013 1.04-.15 1.44-.458.72-.607.75-1.592.068-2.227-1.615-1.557-2.75-3.4-3.307-5.398a11.41 11.41 0 0 1-.054-5.725 17.97 17.97 0 0 1 .977-2.958c.354-.834-.143-1.742-1.088-2.058-.482-.18-1.03-.18-1.51-.002-.498.175-.89.52-1.07.954-.69 1.61-1.154 3.278-1.38 4.973a13.5 13.5 0 0 0-.057 3.461 13.09 13.09 0 0 0 .791 3.245c.553 1.45 1.36 2.823 2.385 4.07a7.35 7.35 0 0 0 .62.721l.8.838c.35.344.85.547 1.383.564z' stroke='%23080b0e' stroke-width='.5'/%3E%3C/g%3E%3C/svg%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 xmlns='http://www.w3.org/2000/svg' width='42' height='42' fill-rule='nonzero'%3E%3Cpath d='M36.357 21.478l-1.886-2.07c.166-.11.296-.277.35-.48l.573-1.664.296-.814c.13-.35.018-.758-.277-1.017-1.664-1.424-2.515-4.327-3.328-7.137-1.128-3.883-2.31-7.877-5.86-8.302C23.6-.32 21.916 1 21.047 2c-.795-.63-2.163-1.368-4.234-1.368-2.126 0-6.416 2.034-8.95 9.633C6.662 13.88 5.22 16.08 4.24 17.3c-1.054 1.294-1.85 1.757-1.85 1.757a.92.92 0 0 0-.462.98c.074.388.388.703.795.74 1.405.185 2.958 2.663 4.604 5.27 2.8 4.456 6.268 9.984 12.24 9.984.203 0 .425 0 .647-.018a.93.93 0 0 0 .536-.222c1.165 2.348 2.866 4.123 5.01 5.16 1.387.666 2.903.998 4.474.998 1.516 0 3.106-.314 4.715-.924 2.22-.85 3.772-2.755 4.456-5.547 1.165-4.548-.185-10.687-3.05-13.997zM8.9 25.065c-1.46-2.31-2.755-4.4-4.27-5.436 1.313-1.276 3.365-3.883 5.01-8.783 2.2-6.638 5.658-8.376 7.192-8.376 2.533 0 3.55 1.405 3.587 1.442.185.277.48.425.814.407a.96.96 0 0 0 .777-.481c.018-.018 1.294-2.33 4.05-1.997 2.348.277 3.29 3.532 4.308 6.99.832 2.8 1.664 5.732 3.42 7.562-.018.074-.055.148-.074.203a19.62 19.62 0 0 0-.536 1.535c-.166-.13-.333-.277-.5-.407.074-.092.13-.203.203-.296l.11-.166c.055-.074.074-.148.074-.24 0-.037 0-.055-.018-.092-.037-.11-.11-.203-.222-.24-.074-.037-.166-.055-.24-.092 0 0-.018 0-.018-.018-1.22-.555-2.8-2.015-4.64-4.253-.018-.018-.037-.055-.055-.074-.11-.13-.203-.26-.314-.388-1.646-2.07-2.884-3.994-2.903-4.03-.055-.092-.148-.148-.24-.166-.11-.018-.203 0-.296.074-.018.018-1.183.87-3.2 1.072h-.13c-.832.074-1.793.037-2.884-.222-.148-.037-.314.037-.407.166C14.52 13.564 9.232 17.947 7.9 19c0 0-.018 0-.018.018-.037.037-.074.055-.092.074-.13.092-.185.148-.203.148a.37.37 0 0 0-.111.444c.037.074.092.148.166.185s.148.055.24.037c.592-.092 1.24.018 1.923.314 4.752 2.607 8.043 6.99 10.077 13.405.055.185.11.35.185.518-5.25.333-8.394-4.678-11.168-9.078zM25.762 12.53l-2.644.24a1.63 1.63 0 0 1-1.146-.351c-.333-.26-.518-.647-.555-1.054l-.148-1.83c1.405-.203 2.404-.684 2.903-.96.388.592 1.313 1.96 2.478 3.44-.35.296-.684.5-.888.518zm-5.307-2.92l.148 1.85a1.56 1.56 0 0 1-1.424 1.701l-2.644.24c-.407.037-.87-.203-1.22-.5.943-1.11 1.85-2.293 2.607-3.495.943.185 1.775.24 2.533.203z' fill='%23fff'/%3E%3Cpath d='M38.705 35.3c-.444 1.757-1.498 4.068-4.012 5.03-3.106 1.183-6.083 1.165-8.616-.055-2.552-1.24-4.456-3.605-5.49-6.86-2.052-6.453-5.362-10.91-10.095-13.627l.018-.018c.018-.018.037-.055.074-.074l.26-.26c.037-.037.092-.074.13-.11s.092-.074.148-.11c.018-.018.037-.018.055-.037.037-.037.074-.055.11-.092.018-.018.037-.037.055-.037.037-.037.074-.055.11-.092.018-.018.037-.037.055-.037.055-.037.092-.074.148-.11.018-.018.037-.018.037-.037.074-.037.13-.092.203-.13.018-.018.037-.018.055-.037.055-.037.11-.074.166-.092.018-.018.055-.037.074-.037.055-.037.11-.055.166-.092.037-.018.055-.037.092-.055.055-.037.11-.055.185-.092.037-.018.055-.018.092-.037.092-.037.185-.074.277-.13 3.088-1.313 6.84-.87 9.633-.166.055.018.13.037.185.055l.407.11c.11.037 1.793.684 3.44 2.46 1.572 1.683 3.44 4.77 3.44 9.93a.37.37 0 0 0 .37.37.37.37 0 0 0 .37-.37c0-5.417-1.997-8.672-3.68-10.465-1.11-1.183-2.22-1.886-2.92-2.256.055-.018.13-.055.185-.074s.13-.055.185-.074c1.72-.647 3.106-.85 4.345-.684h.092c.074.018.13.018.203.037l.222.055c.037.018.092.018.13.037.11.018.185.055.26.074s.148.037.222.074c.037.018.074.018.092.037.573.222 1.146.536 1.72.943.018.018.055.037.074.037.388.277.758.6 1.146.96.092.13.203.26.35.333.72.72 1.48 1.553 2.293 2.496 2.718 3.07 4.012 9.06 2.94 13.313z' stroke-opacity='.795' stroke='%23080b0e' fill='%23f89ea9'/%3E%3C/svg%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,%3Csvg xmlns='http://www.w3.org/2000/svg' width='42' height='42' fill-rule='evenodd'%3E%3Cpath d='M30.855 40.948c2.384 0 4.327-1.704 4.327-3.797 0-.982-.426-1.875-1.127-2.545 2.29-.1 4.125-1.74 4.125-3.756 0-1.07-.52-2.036-1.35-2.722a4.56 4.56 0 0 0 1.631-.914c.82-.738 1.294-1.76 1.294-2.8 0-1.387-.795-2.613-2-3.314a4.17 4.17 0 0 0 .696-.504c.836-.748 1.294-1.74 1.294-2.8 0-2.17-1.943-3.932-4.332-3.932H29.24c-.77 0-1.512.192-2.17.545l-.97-2.358-.03-.068c-.722-1.288-2.11-2.088-3.62-2.088H17.16c-1.392 0-2.696.63-3.574 1.72l-4.712 5.875c-.722 1.008-1.226 1.844-1.58 2.597-.416-.29-.91-.468-1.45-.468H-4.48c-1.387 0-2.52 1.132-2.52 2.52v15.906a2.53 2.53 0 0 0 2.519 2.525H5.847a2.52 2.52 0 0 0 2.13-1.19c.956.97 2.29 1.58 3.756 1.58h12.234v-.057c.23.03.462.057.706.057h6.182z' fill='%23fff'/%3E%3Cpath d='M35.638 11.923c.172-.417.113-.87.06-1.124-.32-1.58-.9-1.92-1.243-4.147l-.03.02a6.94 6.94 0 0 0-5.772-5.668c-.25-.02-.504.03-.504.426v.03 2.82c0 .353-.203.64-.555.64s-.555-.286-.555-.64V1.374c-.04-.352-.29-.396-.545-.36-3.108.492-5.525 3.05-5.81 6.222-.347 1.714-.848 2.132-1.138 3.562-.05.255-.11.705.06 1.123.278.332 1.05.9 1.05.9 1.516 1.015 4.214 1.566 6.967 1.566 3.184 0 5.3-.558 6.908-1.527.56-.337.84-.643 1.106-.928z' stroke='%23000' fill='%23f89ea9'/%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 xmlns='http://www.w3.org/2000/svg' width='42' height='42' fill-rule='evenodd'%3E%3Cpath d='M12.928 14.295c2.722-.055 4.893-2.29 4.866-5.014s-2.242-4.916-4.965-4.916S7.89 6.557 7.863 9.28a5.04 5.04 0 0 0 5.065 5.015z' fill='%23fff'/%3E%3Cg fill='%23f89ea9'%3E%3Cellipse transform='matrix(.003665 -.999993 .999993 .003665 -18.989965 32.157589)' cx='4.636' cy='23.609' rx='4.146' ry='4.221'/%3E%3Cpath d='M21.172 22.257c-2.574 1.47-5.478 2.267-8.44 2.317h-.778c-.187.04-.37.094-.546.166a2.99 2.99 0 0 0-1.655 1.655c-.4 1.038-.204 2.212.513 3.062.465.692 1.082 1.27 1.804 1.688.577-1.026.964-2.147 1.142-3.3a1.88 1.88 0 0 1 1.903-1.655c.532.02 1.03.266 1.366.68a1.88 1.88 0 0 1 .406 1.514 13.24 13.24 0 0 1-.96 3.31c1.473-.274 2.566-1.524 2.64-3.02l.182-.066c-.216-.283-.335-.63-.34-.985.004-.39.145-.764.397-1.06a11.37 11.37 0 0 0 2.367-4.295z'/%3E%3C/g%3E%3Cpath d='M20.12 28.894c.347-.013.67-.172.894-.44l.58-.737a6.25 6.25 0 0 0 .447-.629c.747-1.1 1.33-2.306 1.73-3.575a13.49 13.49 0 0 0 .571-2.839 14.3 14.3 0 0 0-.041-3.029c-.163-1.493-.5-2.962-1-4.378-.113-.328-.36-.593-.68-.728a1.2 1.2 0 0 0-.985 0c-.605.246-.91.923-.695 1.54a18.76 18.76 0 0 1 .728 2.673 12.54 12.54 0 0 1-.041 5.214c-.42 1.814-1.272 3.5-2.483 4.916-.422.477-.404 1.2.04 1.655a1.31 1.31 0 0 0 .935.356z' fill='%23fff'/%3E%3Cpath d='M16.157 27.172c-.26-.32-.647-.5-1.06-.52a1.47 1.47 0 0 0-1.48 1.266 10.29 10.29 0 0 1-1.175 3.393 13.02 13.02 0 0 1-4.378 4.452 1.44 1.44 0 0 0 .439 2.623 1.41 1.41 0 0 0 1.126-.182 15.46 15.46 0 0 0 5.793-6.414 13.43 13.43 0 0 0 1.043-3.434c.07-.42-.042-.85-.306-1.183zm9.517 4.966l1.986-7.53c.325-1.56-.53-3.128-2.02-3.7a3.4 3.4 0 0 0-.877-.215 14.07 14.07 0 0 1-.579 2.946c-.442 1.403-1.098 2.73-1.945 3.93l-.563.753-1.5 4.966a3.03 3.03 0 0 0 2.185 3.815h20.7c1.37 0 2.483-1.112 2.483-2.483s-1.112-2.483-2.483-2.483h.04' fill='%23f89ea9'/%3E%3Cpath d='M35.24 32.138a32.07 32.07 0 0 1 1.018-6.993 3.26 3.26 0 0 0 1.862-2.698c0-6.77-5.85-11.396-14.7-13.77-1.29-.345-2.665-.118-3.774.624s-1.845 1.926-2.02 3.25v.108a3.31 3.31 0 0 0 2.541 3.708l1.043.257a17.09 17.09 0 0 0-.662-2.417c-.225-.63-.048-1.335.448-1.784s1.215-.555 1.82-.27c.403.19.715.533.87.952a20.69 20.69 0 0 1 1.059 4.709c2.51 1.013 4.64 2.79 6.083 5.08-.846 3.012-.533 6.117-.6 9.244' fill='%23fff'/%3E%3C/svg%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 xmlns='http://www.w3.org/2000/svg' width='42' height='42' fill-rule='evenodd'%3E%3Ccircle fill='%23f89ea9' transform='matrix(.998964 -.045498 .045498 .998964 -14.20149 3.442099)' cx='31.578' cy='5.147' r='4.903'/%3E%3Cg fill='%23fff'%3E%3Ccircle transform='matrix(.226809 -.973939 .973939 .226809 -6.30216 73.367586)' cx='48.798' cy='30.836' r='5.515'/%3E%3Cpath d='M-10.343 38.126c5.115-1.1 9.986-1.388 13.61-1.387.73 0 1.41.01 2.03.03-.16.806.084 1.675.73 2.277.472.44 1.072.658 1.67.658.657 0 1.31-.262 1.794-.78l.36-.387c4.928 1.462 9.984 1.628 14.687.638 3.517-.76 4.893-3.663 3.657-5.74-1.246-2.11-3.76-3.11-6.138-2.716-1.487.258-3.07.66-4.683.933 1.282.407 2.528.623 3.568.725 1.515.15 2.585.064 2.67.056a1.96 1.96 0 0 1 .385 3.904c-.093.008-1.45.138-3.438-.056-1.892-.187-4.365-.666-6.855-1.88l-.226-.1a16.2 16.2 0 0 1-.927-.507 15.57 15.57 0 0 1-2.913-2.213l-.2-.196c-.138-.138-.273-.28-.407-.425-.878-.1-1.748-.024-2.515.223-.936-.042-2.03-.072-3.252-.072-3.92 0-9.162.304-14.794 1.513a2.82 2.82 0 0 0 .589 5.576c.197-.001.396-.02.595-.064z'/%3E%3C/g%3E%3Cpath d='M18.865 26.742a2.46 2.46 0 0 0-2.197-1.502l-5.576-.145c.583-1.232 1.42-2.68 2.685-4.28l-.15-.28c-1.347-2.657-1.386-4.892-1.394-5.075a1.96 1.96 0 0 1 1.254-1.858 1.95 1.95 0 0 1 .676-.133 1.96 1.96 0 0 1 1.992 1.926l.005.087.046.41c.052.368.158.908.362 1.53l.056.16a9.29 9.29 0 0 0 .731 1.597 4.09 4.09 0 0 0 .156-.502c.264-1.116.114-2.38-.33-3.423-.08-.76-.395-1.527-.94-2.235-1.237-1.623-3.562-2.037-5.437.122-1.844 2.122.715 5.283-5.756 9.5-5.184 3.386-.174 7.484 2.903 7.162.056.018.113.034.17.05-.016-.02-.033-.04-.05-.063a15.6 15.6 0 0 1-1.425-2.27 1.95 1.95 0 0 1-.214-.953c.001-.045-.001-.09.004-.136a1.96 1.96 0 0 1 3.116-1.388 1.95 1.95 0 0 1 .58.677c.125.24.255.47.4.69 1.27 2.112 2.945 3.454 4.732 4.367.425.216.856.4 1.288.566l1.858-1.995a2.46 2.46 0 0 0 .466-2.62z' fill='%23f89ea9'/%3E%3Cpath d='M15.03 31.228c-2.01-1.026-3.564-2.415-4.728-4.225l-.607-1.045a1.46 1.46 0 0 0-.86-.726c-.374-.12-.773-.087-1.122.094a1.47 1.47 0 0 0-.79 1.166c-.027.28.027.564.158.817.455.884.967 1.67 1.5 2.365l.218.268c.334.41.678.787 1.027 1.134l.138.134.28.263a15.17 15.17 0 0 0 2.076 1.596l1.37.784.357.17c1.96.936 4.16 1.534 6.55 1.77 1.815.177 3.1.077 3.342.055.697-.068 1.252-.623 1.32-1.318.01-.096.01-.193 0-.3-.04-.39-.227-.743-.53-.993s-.687-.366-1.08-.326c-.047.004-1.158.1-2.762-.057-1.192-.116-2.853-.396-4.565-1.058l-.152-.06-1.148-.518z' fill='%23fff'/%3E%3Cpath d='M23.266 27.08a1.47 1.47 0 0 0 1.422-1.101 1.46 1.46 0 0 0-1.053-1.794c-1.853-.485-3.363-1.23-4.618-2.277-.76-.636-1.395-1.373-1.913-2.197-.323-.516-.6-1.065-.826-1.65l-.177-.48c-.222-.676-.33-1.25-.38-1.613l-.05-.446-.006-.11c-.014-.797-.674-1.446-1.494-1.445a1.46 1.46 0 0 0-1.033.447 1.47 1.47 0 0 0-.414 1.06c.02.54.17 2.43 1.238 4.635l.102.21.048.09a12.23 12.23 0 0 0 3.017 3.759c1.57 1.317 3.5 2.282 5.765 2.867a1.48 1.48 0 0 0 .372.048z' fill='%23f89ea9'/%3E%3C/svg%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,%3Csvg xmlns='http://www.w3.org/2000/svg' width='42' height='42' fill-rule='evenodd'%3E%3Cpath d='M7.632 15.92a1.7 1.7 0 0 0 1.974.789 3.9 3.9 0 0 0 1.579 1.421l-.395 12-.947 9.237c-.158 1.5.868 2.763 2.368 2.92 1.42.158 2.763-.868 2.92-2.29l1.263-9.237.395-3.553c-.237-.158-.395-.237-.553-.474l-3.79-4.974c-.632-.79-.71-1.895-.08-2.605.316-.395.868-.632 1.42-.632s1.105.237 1.5.632l2.053 2.447.474-4.658-3.158-18.553C14.263-3.895 12.132-5.395 9.92-5c-1.5.237-2.684 1.263-3.158 2.605-.08.158-.158.237-.237.395l-5.29 9a1.31 1.31 0 0 0 .158 1.579l6.237 7.342zm-1.58-9l1.342-1.895.947 5.92L5.974 7.71c-.158-.237-.158-.553.08-.79z' fill='%23fff' fill-rule='nonzero'/%3E%3Cg fill='%23f89ea9'%3E%3Cpath d='M14.816 19.71c-.316-.316-.71-.474-1.026-.474s-.632.158-.868.395c-.395.474-.395 1.184.08 1.737l3.79 4.974c.237.316.632.474 1.105.474.316 0 .632-.08.947-.316L20.5 25c-.158 1.342-.237 2.526.316 3.237.474.632 1.026.868 1.58.868 1.026 0 1.895-.632 1.895-.632s2.763 3.316 3.158 5.29l-5.526 4.5c-1.42 1.263-.79 3.868 1.184 4.026l13.184-.237c2.526 0 2.605-1.105 2.605-1.737 0-1.342-1.184-1.737-2.684-1.737l-6.237-.158 4.184-2.21c1.658-1.184 2.053-3.474.947-5.132l-4.658-5.132c-1.026-1.42-3.474-6-3.474-6-.71-1.105-1.895-1.658-3.08-1.658-.632 0-1.263.158-1.816.553-.316.158-.474.395-.71.632l-.08.08-2.842 3.158c-.158.158-.316.237-.474.237s-.395-.08-.553-.237l-2.605-3z'/%3E%3Ccircle transform='matrix(.149201 -.988807 .988807 .149201 -8.618855 29.644421)' cx='22.296' cy='28.912' r='5.132'/%3E%3C/g%3E%3C/svg%3E");
}
#video_container #main_video_player.video-js.vjs-theme-sb .vjs-timeline-positions-holder .vjs-timeline-positions span:hover {
  z-index: 100;
}
#main_video_player .vjs-volume-horizontal .vjs-volume-tooltip,
#main_video_player .vjs-control-bar .vjs-sub-caps-button,
#main_video_player .vjs-volume-tooltip,
#main_video_player:not(.vjs-has-started) .vjs-fullscreen-control,
#main_video_player .vjs-slider-bar .vjs-time-tooltip,
#main_video_player.vjs-user-inactive:not(.vjs-paused) .vjs-settings-menu-container,
#main_video_player .video-js.vjs-theme-sb.video_container_removed .vjs-control-bar {
  display: none !important;
  pointer-events: none;
}
#main_video_player.vjs-scrubbing .vjs-big-play-button {
  opacity: 0;
}
.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: 9%;
  right: 0;
  font-size: 1.5em;
  padding: 20px 8px;
  width: 180px;
  overflow: hidden;
  border: 2px solid #080b0e;
  border-right: 0;
  cursor: wait;
  text-shadow: 0px 1px 0px #854629;
  opacity: 0.85;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=85);
  filter: alpha(opacity=85);
}
.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;
  opacity: 0.9;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=90);
  filter: alpha(opacity=90);
}
.video-js.vjs-theme-sb .vast_skip_button.vast_skip_button_active:hover {
  background-color: #080b0e;
  opacity: 1;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
  filter: alpha(opacity=100);
}
.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);
  top: 2%;
  left: 0%;
  font-size: 1.5em;
  padding: 10px 8px;
  overflow: hidden;
  border: 1px solid #080b0e;
  border-left: 0;
  max-width: 50%;
  display: block;
}
.video-js.vjs-theme-sb .vast_ad_description {
  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;
  padding: 3px 8px;
}
.video-js.vjs-theme-sb .vast_ad_icon svg {
  fill: #ddd;
}
.video-js.vjs-theme-sb .vast_ad_title {
  top: auto;
  bottom: 9%;
  left: 0;
  right: 0;
  margin: 0 auto;
  text-align: center;
  background-color: rgba(119, 24, 14, 0.8);
  padding: 20px 8px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  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 !important;
  font-weight: bold;
}
.video-js.vjs-theme-sb .vast_ad_title .i_heart {
  fill: #f08e84;
  animation: bounce 0.75s infinite linear;
  transform: translateZ(0);
  margin: auto 10px;
}
.video-js.vjs-theme-sb .vast_ad_title .i_external-link-square-alt {
  float: right;
}
.video-js.vjs-theme-sb .vast_ad_title:hover {
  background-color: #77180e;
  background: linear-gradient(to bottom, #ffec64 25%, #ffab23 100%);
  background-color: #ffab23;
  bottom: 9%;
  text-shadow: 0px 1px 0px #ffee66 !important;
}
.video-js.vjs-theme-sb .vast_ad_visit {
  width: 100%;
  height: 100%;
  display: flex;
  position: absolute;
  background-color: rgba(0, 0, 0, 0.75);
  font-size: 3em;
  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;
}
.video-js.vjs-theme-sb .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);
  }
}
#embed {
  height: 100%;
}
#embed #video-container-embed {
  position: relative;
  width: 100%;
  display: -ms-flex;
  display: flex;
  flex-wrap: wrap;
  min-height: 100vh;
  max-height: 100vh;
  height: 100vh;
}
#embed #video-container-embed > #embed-video-player {
  width: 100%;
  height: 90vh;
}
#embed #video-container-embed > .promo {
  width: 100%;
  background-color: #080b0e;
  max-height: 10vh;
}
#embed #video-container-embed .button-logo,
#embed #video-container-embed .button-hd,
#embed #video-container-embed .button-dl {
  display: inline-block;
  padding: 5px;
  color: #eee;
  font-size: 2.2vw;
  z-index: 10000000;
  margin: 10px 10px 0 10px;
}
#embed #video-container-embed .button-logo .fa,
#embed #video-container-embed .button-hd .fa,
#embed #video-container-embed .button-dl .fa {
  color: #f08e84;
}
#embed #video-container-embed .button-hd {
  float: right;
}
#embed #video-container-embed .button-dl {
  float: right;
}
#embed #video-container-embed .button-logo {
  padding: 0;
  width: 20vw;
}
#embed #video-container-embed:hover .button-logo,
#embed #video-container-embed:hover .button-hd,
#embed #video-container-embed:hover .button-dl {
  opacity: 1;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
  filter: alpha(opacity=100);
}
.live_h1 span {
  float: right;
  color: #f08e84;
}
.live_h1 span svg {
  fill: #77180e;
}
#live {
  overflow: hidden;
}
#live div.create_account {
  padding: 20px;
  margin: 10px 50px;
}
#live div.create_account h1 {
  margin-bottom: 20px;
  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 100px;
  background: #233140;
  padding: 20px;
  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: #eee;
}
#live div.create_account ul.form li label 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: 500px;
  height: 40px;
  line-height: 40px;
  background-color: #080b0e;
  border: 1px solid #77180e;
  border-radius: 5px;
  color: #eee;
  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: #77180e;
}
#live div.create_account ul.form li.l a {
  color: #eee;
}
#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;
  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: #77180e;
}
#live ul.results li a.title {
  display: block;
  text-align: center;
  color: #eee;
  font-size: 1em;
  padding: 5px 0;
}
#live a.alpha {
  display: block;
  width: 40%;
  height: 50px;
  line-height: 30px;
  color: #eee;
  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 -1%;
  display: block;
  clear: both;
}
#live_performer #player_wrapper .player_loading {
  display: block;
  width: 100%;
  background: #11181f;
  background: linear-gradient(to bottom, #11181f, #080b0e);
  padding-top: 52%;
  position: relative;
}
#live_performer #player_wrapper .player_loading .loading-icon img {
  height: 90px;
  display: block;
  margin: 25px 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: 50%;
  margin-left: -70px;
  margin-top: -70px;
  position: absolute;
  vertical-align: middle;
  background: #d22b19;
  width: 140px;
  height: 140px;
  border-radius: 30%;
}
#live_performer #player_wrapper .player_loading .loading-icon::before {
  content: "";
  animation: bounce 1.5s infinite;
  animation-timing-function: ease-out;
}
#live_performer #player_wrapper .player_loading .loading-icon::after {
  content: "";
  animation: bounce 1.5s -0.4s infinite;
  animation-timing-function: ease-out;
}
#live_performer div.details {
  display: flex;
  margin: 10px 0;
}
#live_performer div.details .left {
  color: #eee;
  background-color: #1e2a36;
  border-radius: 5px;
  flex: 0 0 26.8%;
  margin-right: 20px;
}
#live_performer div.details .left section {
  width: 100%;
  padding: 5px;
}
#live_performer div.details .left section.about div.top {
  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;
  flex: 0 0 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: #eee;
  border-bottom: 1px solid #d22b19;
  margin-bottom: 5px;
  height: 40px;
  line-height: 40px;
}
#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: #eee;
  padding-bottom: 5px;
}
#live_performer div.details .left section.about h3 {
  font-size: 1.05em;
  color: #eee;
}
#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: #eee;
  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: #eee;
}
#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: #eee;
  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 {
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: 0;
}
#live_performer div.details > div.right h3 {
  font-size: 1.5em;
  text-transform: uppercase;
  color: #eee;
  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: 19.8%;
  margin: 0.1%;
  position: relative;
  color: #eee;
}
#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: flex;
  flex-flow: row wrap;
  justify-content: center;
  align-items: baseline;
  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 {
  background-color: rgba(0, 0, 0, 0.1);
  overflow: hidden;
  padding: 0 2%;
  margin-top: 10px;
  border-radius: 5px;
  text-align: left !important;
}
.form-holder .register,
.form-holder .login {
  width: 46%;
  margin: 0 2%;
  padding: 1%;
  min-height: 300px;
  display: inline-block;
  background-color: #080b0e;
  border: 1px solid #507192;
  border-radius: 5px;
}
.form-holder p.btn {
  text-align: center;
  margin: 10px 0;
}
.form-holder h3 {
  padding-bottom: 10px;
}
.form-holder a {
  color: #d22b19;
  text-decoration: underline;
}
.form-holder ul.features {
  display: inline-block;
  width: 49%;
  height: 350px;
  vertical-align: top;
}
.form-holder ul.features li {
  padding: 3px 0;
  color: #eee;
  font-size: 1.5em;
}
.form-holder ul.features li svg {
  fill: #d22b19;
}
.form-holder ul.features li h1 {
  text-align: center;
}
.form-holder ul.features li.head {
  font-size: 2em;
  font-weight: 200;
  color: #f08e84;
}
.form-holder ul.features li.logo img {
  width: 200px;
}
.form-holder ul.country_list {
  margin: 5px 0;
}
.form-holder ul.country_list li {
  display: inline-block;
  cursor: pointer;
  width: 40px;
  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: 5px 0;
  border-radius: 3px;
  cursor: pointer;
}
.form-holder ul.country_list li img.ww {
  width: auto;
  border-right: 1px solid #2c3e50;
  padding-right: 10px;
}
.form-holder ul {
  width: 600px;
  margin: 0 auto;
  overflow: hidden;
}
.form-holder ul li {
  clear: both;
  margin: 4px 0;
  overflow: hidden;
}
.form-holder ul li label {
  color: #aaa;
}
.form-holder ul li label.main {
  display: block;
  float: left;
  background-color: #77180e;
  width: 120px;
  padding-left: 5px;
  height: 30px;
  line-height: 30px;
  color: #eee;
}
.form-holder ul li p.desc {
  color: #ddd;
  font-size: 0.9em;
  clear: both;
  padding: 5px 0 5px 5px;
}
.form-holder ul li p.errors {
  clear: both;
  overflow: hidden;
  color: #f08e84;
  padding: 4px 0 5px 124px;
  max-width: 400px;
}
.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: 30px;
  line-height: 30px;
  width: 250px;
  border: 1px solid #1e2a36;
  display: block;
  float: left;
  text-indent: 5px;
  font-size: 1.1em;
  background-color: #233140;
  color: #aaa;
}
.form-holder ul li .text-field:focus {
  background-color: #11181f !important;
  border: 1px solid #77180e;
}
.form-holder ul li .text-field:hover {
  background-color: #11181f;
}
.form-holder ul li .text-field-small {
  width: 100px !important;
}
.form-holder ul li .text-field-medium {
  width: 150px;
}
.form-holder ul li .textarea-field {
  height: 100px;
  line-height: 20px;
  width: 250px;
  border: 1px solid #080b0e;
  display: block;
  float: left;
  text-indent: 5px;
  font-size: 1em;
  background-color: #080b0e;
  color: #aaa;
}
.form-holder ul li .textarea-field:focus {
  background-color: #11181f !important;
  border: 1px solid #77180e;
}
.form-holder ul li .textarea-field:hover {
  background-color: #11181f;
}
.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);
}
.authentication h3 {
  color: var(--form-auth-title-text-color);
  font-size: 1.25rem;
  font-weight: 700;
}
html.remodal_lock,
body.remodal_lock {
  overflow: hidden;
}
/* Anti FOUC */
.remodal,
[data-remodal-id] {
  visibility: hidden;
}
/* Overlay necessary styles */
.remodal-overlay {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 10000;
  display: none;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  text-align: center;
}
.remodal-overlay:after {
  display: inline-block;
  height: 100%;
  margin-left: -0.05em;
  content: '';
}
/* Fix iPad, iPhone glitches */
.remodal-overlay > * {
  -webkit-transform: translateZ(0px);
}
/* Modal dialog necessary styles */
.remodal {
  position: relative;
  display: inline-block;
}
/* ==========================================================================
   Remodal default theme
   ========================================================================== */
/* Default theme font */
/* Overlay default theme styles */
.remodal-overlay {
  opacity: 0;
  background: rgba(var(--modal-background-color), 0.95);
  transition: opacity 0.2s linear;
}
body.remodal_active .remodal-overlay {
  opacity: 1;
}
/* Modal dialog default theme styles */
.remodal {
  width: 100%;
  min-height: 100%;
  padding: 35px;
  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;
}
body.remodal_active .remodal {
  transform: scale(1);
}
/* Modal dialog vertical align  */
.remodal,
.remodal-overlay:after {
  vertical-align: middle;
}
/* Close button */
.remodal-close {
  position: absolute;
  top: 5px;
  left: 5px;
  width: 28px;
  height: 28px;
  line-height: 23px;
  text-decoration: none;
  border-radius: 50%;
  font-size: 28px;
  color: #2c3e50;
  text-align: center;
}
.remodal-close:hover,
.remodal-close:active {
  color: #d22b19;
}
/* Dialog buttons */
.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 queries
   ========================================================================== */
@media only screen and (min-width: 641px) {
  .remodal {
    max-width: 700px;
    margin: 0 auto;
    min-height: 0;
  }
}
.remodal {
  background-color: var(--modal-inner-content-bg-color);
  border: none;
  border-radius: 0.5rem;
  padding: 1rem;
}
.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 .t {
  font-size: 0.875rem;
  line-height: 1.25rem;
  text-align: center;
}
.remodal .remodal-close {
  width: 1.5rem;
  height: 1.5rem;
  right: 0.5rem;
  margin-top: 0;
  top: 0.5rem;
  left: auto;
  display: -ms-flex;
  display: flex;
  -ms-align-items: center;
  align-items: center;
  -ms-justify-content: center;
  justify-content: center;
}
.remodal .remodal-close .i_svg {
  position: static;
  fill: var(--modal-close-button-color);
  height: 0.75rem;
  width: 0.75rem;
}
.remodal.auth-remodal {
  padding: 0;
}
.download-remodal {
  padding: 1.5rem;
  max-width: 25rem;
}
.download-remodal .success {
  color: var(--success-color);
}
.download-remodal .video-download-wrapper {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  align-items: center;
}
.download-remodal .video-download-wrapper > p.ft-button-bordered {
  width: 100%;
}
.download-remodal .video-download-wrapper p > #icon > svg {
  top: 0.125rem;
}
.download-remodal #captcha_holder {
  width: 19rem;
  margin: 0 auto;
}
.download-remodal h4 {
  padding-bottom: 0.5rem;
}
.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 .pl2 > #d-icon > svg {
  top: 0.125rem;
  width: 1.25rem;
  height: 1.25rem;
}
.download-remodal .download-promo {
  padding: 0 1.5rem;
  left: 0;
  z-index: 100;
  background-color: var(--modal-inner-content-bg-color);
  display: none;
}
.ml-challenge-remodal .ml_challenge_captcha .image_holder {
  padding: 10px;
}
.ml-challenge-remodal .ml_challenge_captcha .image_holder p {
  padding: 50px;
}
.ml-challenge-remodal .ml_challenge_captcha .image_holder img {
  border-radius: 5px;
}
.ml-challenge-remodal .ml_challenge_captcha fieldset {
  padding-bottom: 20px;
}
.ml-challenge-remodal .ml_challenge_captcha fieldset label {
  width: 23%;
  display: inline-block;
  height: 30px;
  line-height: 30px;
  text-align: left;
  background-color: #080b0e;
  margin: 2px;
}
.ml-challenge-remodal .ml_challenge_captcha fieldset label:hover {
  background-color: #233140;
}
.ml-challenge-remodal .ml_challenge_captcha fieldset label input {
  margin-right: 7px;
  margin-left: 3px;
}
.ml-challenge-remodal .ml_challenge_captcha .ml_challenge_captcha_button {
  display: none;
}
.ml-challenge-remodal .ml_challenge_captcha_2 {
  display: none;
}
.ml-challenge-remodal #ml_challenge_cycler {
  position: relative;
}
.ml-challenge-remodal #ml_challenge_cycler img {
  position: absolute;
  z-index: 1;
  left: 134px;
  top: 0;
  bottom: 0;
}
.ml-challenge-remodal #ml_challenge_cycler img.active {
  z-index: 3;
}
.setting-remodal .setting {
  padding-bottom: 5px;
  overflow: hidden;
  text-align: left;
  width: 290px;
  margin: 10px auto;
}
.setting-remodal .setting span {
  display: block;
  height: 26px;
  line-height: 26px;
  float: left;
  padding-right: 10px;
  width: 120px;
}
.flag-remodal {
  width: 25rem;
  padding: 1.5rem;
}
.flag-remodal h4 {
  color: var(--modal-title-color);
}
.flag-remodal p.t {
  color: var(--modal-text-color);
  font-weight: 400;
  font-size: 0.875rem;
  padding: 1rem 0;
  line-height: 1.5em;
}
.flag-remodal .flag {
  padding: 0 0 1rem 0;
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.flag-remodal .cancel_row {
  padding: 1rem 0 0 0;
}
.flag-remodal .sign,
.flag-remodal .report {
  padding: 0 1.875rem;
  height: 2.875rem;
  line-height: 2.875rem;
}
.flag-remodal .report {
  opacity: 50%;
  padding: 0 3.125rem;
}
.flag-remodal .report.active {
  opacity: 100%;
  background-color: #77180e;
}
.auth-remodal {
  width: -moz-fit-content;
  width: fit-content;
  max-width: 50rem !important;
}
.auth-remodal .form-holder {
  background-color: transparent;
  overflow: hidden;
  padding: 0;
  margin: 0px;
  border-radius: 0;
  font-size: 0.9em;
  text-align: left !important;
}
.auth-remodal .form-holder a {
  color: #f08e84;
}
#language-remodal,
#gender-remodal {
  padding-top: 2.5rem;
}
#language-remodal,
#gender-remodal,
#edition-remodal,
.broadcast-remodal,
.message-remodal {
  max-width: 25rem;
}
#language-remodal .ft-button,
#gender-remodal .ft-button,
#edition-remodal .ft-button,
.broadcast-remodal .ft-button,
.message-remodal .ft-button {
  width: 100%;
}
.broadcast-remodal form {
  margin-top: 1rem;
}
.broadcast-remodal .ft-button {
  width: 100%;
}
.message-remodal {
  padding: 1.5rem;
}
.message-remodal .text-area {
  margin-top: 1rem;
  font-size: 0.825rem;
}
.message-remodal .submit-container {
  display: block;
  padding-top: 1.5rem;
}
.message-remodal h4 {
  font-size: 1rem;
}
/*
 * jReject (jQuery Browser Rejection Plugin)
 * Version 1.1.0
 * URL: http://jreject.turnwheel.com/
 * Description: jReject is a easy method of rejecting specific browsers on your site
 * Author: Steven Bower (TurnWheel Designs) http://turnwheel.com/
 * Copyright: Copyright (c) 2009-2014 Steven Bower under dual MIT/GPL license.
 */
#jr_overlay {
  top: 0;
  left: 0;
  padding: 0;
  margin: 0;
  z-index: 2147483646;
  position: absolute;
}
#jr_wrap {
  position: absolute;
  width: 100%;
  z-index: 2147483647;
  padding: 0;
  margin: 0;
}
#jr_inner {
  font-size: 12px;
  background: #2c3e50;
  border: 1px solid #d22b19;
  color: #3e5771;
  margin: 0 auto;
  height: auto;
  padding: 20px;
  position: relative;
  box-sizing: content-box;
}
#jr_header {
  display: block;
  color: #FFF;
  padding: 5px;
  padding-bottom: 0;
  margin: 0;
  font-family: Helvetica, Arial, sans-serif;
  font-weight: bold;
  font-size: 1.3em;
  margin-bottom: 0.5em;
}
#jr_inner p {
  padding: 5px;
  margin: 0;
}
#jr_inner ul {
  list-style-image: none;
  list-style-position: outside;
  list-style-type: none;
  margin: 0;
  padding: 0;
}
#jr_inner ul li {
  cursor: pointer;
  float: left;
  width: 120px;
  height: 122px;
  margin: 0 10px 10px 10px;
  padding: 0;
  text-align: center;
}
#jr_inner li a {
  color: #d22b19;
  font-size: 0.8em;
  text-decoration: none;
  padding: 0;
  margin: 0;
}
#jr_inner li a:hover {
  text-decoration: underline;
}
#jr_inner .jr_icon {
  width: 100px;
  height: 100px;
  margin: 1px auto;
  padding: 0;
  background: transparent no-repeat scroll left top;
  cursor: pointer;
}
#jr_close {
  clear: both;
  padding: 0;
  margin: 0;
}
#jr_close a {
  color: #FFF;
  display: block;
  width: auto;
  margin: 0;
  padding: 0;
  text-decoration: underline;
}
#jr_close p {
  padding: 10px 0 0 0;
  margin: 0;
}
footer {
  display: flex;
  flex-direction: column;
  padding: 1rem 2.5rem 1rem 2.5rem;
  background-color: var(--footer-bg-color);
  gap: 1rem;
}
footer .logo {
  display: block;
  width: 10.3125rem;
}
footer .nav_container {
  display: flex;
  align-items: center;
  height: 100%;
  justify-content: space-between;
}
footer .nav_container.links {
  flex-direction: column;
}
footer section.footer_section {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  padding-bottom: 1rem;
  border-bottom: 0.0625rem solid var(--footer-login-separator-color);
}
footer nav {
  display: flex;
  justify-content: center;
  gap: 1rem;
}
footer nav a {
  color: var(--footer-nav-text-color);
  font-size: 0.875rem;
  line-height: 1.25rem;
}
footer nav.secondary a {
  color: var(--footer-highlighted-text-color);
}
footer .copyright {
  color: var(--footer-highlighted-text-color);
  font-size: 0.875rem;
  line-height: 1.25rem;
}
@media all and (min-width: 1280px) {
  footer .nav_container.links {
    flex-direction: row;
  }
  footer nav {
    justify-content: flex-end;
  }
}
/**
 * Multiple Selection Component for Bootstrap
 * Check nicolasbize.github.io/magicsuggest/ for latest updates.
 *
 * Author:       Nicolas Bize
 * Created:      Feb 8th 2013
 * Last Updated: Oct 16th 2014
 * Version:      2.1.4
 * Licence:      MagicSuggest is licenced under MIT licence (http://opensource.org/licenses/MIT)
 */
.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 #77180e;
}
.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;
  /* IE6-9 */
  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: #eee;
  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;
  height: auto !important;
  padding-bottom: 5px;
  border-bottom: 2px solid #77180e;
}
.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;
}
/** Outer and global tags **/
.ms-sel-ctn .ms-sel-item {
  background: #080b0e;
  color: #eee;
  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;
}
/** For inner tags **/
.ms-ctn .ms-sel-item {
  background: #080b0e;
  color: #eee;
  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;
}
#error {
  width: 100%;
  height: 100%;
  height: 100vh;
  overflow: hidden;
  background-color: #1e2a36;
}
#error .box {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 400px;
  background-color: #77180e;
  height: 450px;
  margin: -320px 0 0 -200px;
}
#error .box .logo {
  clear: both;
  display: block;
  overflow: hidden;
  text-align: center;
  margin: 10px 0 30px 0;
}
#error .box .logo img {
  width: 200px;
}
#error .box .message {
  text-align: center;
  color: #ddd;
}
#error .box .message h1 {
  font-size: 2em;
  height: auto;
  line-height: 120px;
  color: #eee;
}
#error .box .message p {
  font-size: 14px;
  line-height: 30px;
}
#error .box .search {
  padding: 10px;
  background-color: #a42114;
  margin-top: 20px;
  overflow: hidden;
}
#error .box .search .inp {
  height: 43px;
  margin-top: -4px;
  width: 334px;
  border: 1px solid rgba(0, 0, 0, 0.4);
  background-color: rgba(0, 0, 0, 0.2);
  font-size: 1.2em;
  line-height: 43px;
  text-indent: 1%;
  float: left;
  color: #eee;
  border-right: 0;
}
#error .box .search .inp:hover {
  background-color: rgba(0, 0, 0, 0.3);
}
#error .box .search .inp:focus {
  border: 1px solid rgba(0, 0, 0, 0.3);
  background-color: rgba(255, 255, 255, 0.1);
  border-right: 0;
}
#error .box .search .btn {
  background-color: rgba(0, 0, 0, 0.3);
  height: 43px;
  width: 43px;
  text-align: center;
  margin-top: -4px;
  color: #ddd;
  border: 1px solid rgba(0, 0, 0, 0.2);
  float: left;
  font-size: 1.5em;
  border-left: 0;
}
#error .box .search .btn:hover {
  background-color: #a42114;
}
#error .box .home {
  display: block;
  color: #ddd;
  text-align: center;
  padding-top: 20px;
  font-size: 22px;
}
@media screen and (min-width: 769px) and (max-width: 1399px) {
  .last_underplayer_ad {
    display: none;
  }
}
@media screen and (max-width: 1000px) {
  body {
    font-size: 15px;
  }
}
@media screen and (min-width: 2600px) {
  body {
    font-size: 17px;
  }
}
/* Shorts iframe */
#shorts-frame {
  width: 100%;
  margin: 10px 0;
  height: calc(355px + 1.2rem);
}
#shorts-frame ins {
  height: 100%;
}
@media screen and (max-width: 1024px) {
  #shorts-frame {
    height: calc(275px + 1.2rem);
  }
}
@media screen and (max-width: 768px) {
  #shorts-frame {
    height: calc(230px + 1.2rem);
  }
}
.\*\:z-10 > * {
  z-index: 10;
}
.\*\:\!h-6 > * {
  height: 1.5rem !important;
}
.\*\:\!w-6 > * {
  width: 1.5rem !important;
}
.placeholder\:text-primary\/40::-moz-placeholder {
  color: rgb(255 255 255 / 0.4);
}
.placeholder\:text-primary\/40::placeholder {
  color: rgb(255 255 255 / 0.4);
}
.placeholder\:text-primary\/60::-moz-placeholder {
  color: rgb(255 255 255 / 0.6);
}
.placeholder\:text-primary\/60::placeholder {
  color: rgb(255 255 255 / 0.6);
}
.before\:pointer-events-none::before {
  content: var(--tw-content);
  pointer-events: none;
}
.before\:absolute::before {
  content: var(--tw-content);
  position: absolute;
}
.before\:inset-0::before {
  content: var(--tw-content);
  inset: 0px;
}
.before\:left-0::before {
  content: var(--tw-content);
  left: 0px;
}
.before\:right-0::before {
  content: var(--tw-content);
  right: 0px;
}
.before\:top-0::before {
  content: var(--tw-content);
  top: 0px;
}
.before\:top-1\/2::before {
  content: var(--tw-content);
  top: 50%;
}
.before\:-z-10::before {
  content: var(--tw-content);
  z-index: -10;
}
.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: 6rem;
}
.before\:w-full::before {
  content: var(--tw-content);
  width: 100%;
}
.before\:-translate-y-1\/2::before {
  content: var(--tw-content);
  --tw-translate-y: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.before\:rounded::before {
  content: var(--tw-content);
  border-radius: 0.25rem;
}
.before\:rounded-lg::before {
  content: var(--tw-content);
  border-radius: 0.5rem;
}
.before\:bg-button-outline::before {
  content: var(--tw-content);
  --tw-bg-opacity: 1;
  background-color: rgb(75 85 94 / var(--tw-bg-opacity, 1));
}
.before\:bg-link-primary::before {
  content: var(--tw-content);
  --tw-bg-opacity: 1;
  background-color: rgb(233 101 123 / var(--tw-bg-opacity, 1));
}
.before\:bg-surface-brand-light::before {
  content: var(--tw-content);
  --tw-bg-opacity: 1;
  background-color: rgb(233 101 123 / var(--tw-bg-opacity, 1));
}
.before\:bg-surface-info::before {
  content: var(--tw-content);
  --tw-bg-opacity: 1;
  background-color: rgb(103 159 245 / var(--tw-bg-opacity, 1));
}
.before\:bg-surface-success::before {
  content: var(--tw-content);
  --tw-bg-opacity: 1;
  background-color: rgb(133 212 0 / var(--tw-bg-opacity, 1));
}
.before\:bg-surface-warning::before {
  content: var(--tw-content);
  --tw-bg-opacity: 1;
  background-color: rgb(250 178 56 / var(--tw-bg-opacity, 1));
}
.before\:bg-opacity-\[0\.02\]::before {
  content: var(--tw-content);
  --tw-bg-opacity: 0.02;
}
.before\:bg-opacity-\[0\.08\]::before {
  content: var(--tw-content);
  --tw-bg-opacity: 0.08;
}
.before\:bg-gradient-to-b::before {
  content: var(--tw-content);
  background-image: linear-gradient(to bottom, var(--tw-gradient-stops));
}
.before\:bg-gradient-to-l::before {
  content: var(--tw-content);
  background-image: linear-gradient(to left, var(--tw-gradient-stops));
}
.before\:bg-gradient-to-r::before {
  content: var(--tw-content);
  background-image: linear-gradient(to right, var(--tw-gradient-stops));
}
.before\:from-kobalt-700::before {
  content: var(--tw-content);
  --tw-gradient-from: #11181F var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(17 24 31 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.before\:from-yellow-200::before {
  content: var(--tw-content);
  --tw-gradient-from: #FFE168 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(255 225 104 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.before\:to-yellow-300::before {
  content: var(--tw-content);
  --tw-gradient-to: #FAB238 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: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.before\:duration-300::before {
  content: var(--tw-content);
  transition-duration: 300ms;
}
.before\:ease-out::before {
  content: var(--tw-content);
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
}
.after\:absolute::after {
  content: var(--tw-content);
  position: absolute;
}
.after\:inset-0::after {
  content: var(--tw-content);
  inset: 0px;
}
.after\:bottom-0::after {
  content: var(--tw-content);
  bottom: 0px;
}
.after\:left-0::after {
  content: var(--tw-content);
  left: 0px;
}
.after\:left-1\/2::after {
  content: var(--tw-content);
  left: 50%;
}
.after\:right-0::after {
  content: var(--tw-content);
  right: 0px;
}
.after\:top-full::after {
  content: var(--tw-content);
  top: 100%;
}
.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: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.after\:transform::after {
  content: var(--tw-content);
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.after\:rounded::after {
  content: var(--tw-content);
  border-radius: 0.25rem;
}
.after\:rounded-full::after {
  content: var(--tw-content);
  border-radius: 9999px;
}
.after\:border::after {
  content: var(--tw-content);
  border-width: 1px;
}
.after\:border-b::after {
  content: var(--tw-content);
  border-bottom-width: 1px;
}
.after\:border-l-\[6px\]::after {
  content: var(--tw-content);
  border-left-width: 6px;
}
.after\:border-r-\[6px\]::after {
  content: var(--tw-content);
  border-right-width: 6px;
}
.after\:border-t-\[6px\]::after {
  content: var(--tw-content);
  border-top-width: 6px;
}
.after\:border-solid::after {
  content: var(--tw-content);
  border-style: solid;
}
.after\:border-link-primary::after {
  content: var(--tw-content);
  --tw-border-opacity: 1;
  border-color: rgb(233 101 123 / var(--tw-border-opacity, 1));
}
.after\:border-surface-brand-secondary::after {
  content: var(--tw-content);
  --tw-border-opacity: 1;
  border-color: rgb(233 101 123 / var(--tw-border-opacity, 1));
}
.after\:border-l-transparent::after {
  content: var(--tw-content);
  border-left-color: transparent;
}
.after\:border-r-transparent::after {
  content: var(--tw-content);
  border-right-color: transparent;
}
.after\:border-t-surface-base-tertiary::after {
  content: var(--tw-content);
  --tw-border-opacity: 1;
  border-top-color: rgb(53 63 74 / var(--tw-border-opacity, 1));
}
.after\:\!bg-action-primary::after {
  content: var(--tw-content);
  --tw-bg-opacity: 1 !important;
  background-color: rgb(228 63 90 / var(--tw-bg-opacity, 1)) !important;
}
.after\:bg-surface-quinary::after {
  content: var(--tw-content);
  --tw-bg-opacity: 1;
  background-color: rgb(36 51 66 / var(--tw-bg-opacity, 1));
}
.after\:opacity-0::after {
  content: var(--tw-content);
  opacity: 0;
}
.after\:transition-opacity::after {
  content: var(--tw-content);
  transition-property: opacity;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.after\:duration-300::after {
  content: var(--tw-content);
  transition-duration: 300ms;
}
.after\:ease-out::after {
  content: var(--tw-content);
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
}
.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: 1.25rem;
}
.last\:border-b-0:last-child {
  border-bottom-width: 0px;
}
.group:hover .group-hover\:bg-surface-dark\/100 {
  background-color: rgb(17 24 31 / 1);
}
.group:hover .group-hover\:\!text-yellow-400 {
  --tw-text-opacity: 1 !important;
  color: rgb(255 218 70 / var(--tw-text-opacity, 1)) !important;
}
.group:hover .group-hover\:text-action-secondary {
  --tw-text-opacity: 1;
  color: rgb(233 101 123 / var(--tw-text-opacity, 1));
}
.group:hover .group-hover\:text-action-tertiary {
  --tw-text-opacity: 1;
  color: rgb(240 142 132 / var(--tw-text-opacity, 1));
}
.group:hover .group-hover\:text-link-secondary {
  --tw-text-opacity: 1;
  color: rgb(240 142 132 / var(--tw-text-opacity, 1));
}
.aria-expanded\:line-clamp-none[aria-expanded="true"] {
  overflow: visible;
  display: block;
  -webkit-box-orient: horizontal;
  -webkit-line-clamp: none;
}
.aria-expanded\:whitespace-normal[aria-expanded="true"] {
  white-space: normal;
}
.aria-selected\:text-action-tertiary[aria-selected="true"] {
  --tw-text-opacity: 1;
  color: rgb(240 142 132 / var(--tw-text-opacity, 1));
}
.aria-\[current\]\:bg-surface-tertiary\/\[\.95\][aria-current] {
  background-color: rgb(24 34 43 / .95);
}
.aria-\[current\]\:text-link-secondary[aria-current] {
  --tw-text-opacity: 1;
  color: rgb(240 142 132 / var(--tw-text-opacity, 1));
}
.group\/search-result[aria-current] .group-aria-\[current\]\/search-result\:text-inherit {
  color: inherit;
}
.group[data-selected] .group-data-\[selected\]\:text-link-secondary {
  --tw-text-opacity: 1;
  color: rgb(240 142 132 / var(--tw-text-opacity, 1));
}
.hover\:cursor-pointer:hover {
  cursor: pointer;
}
.hover\:border-link-primary:hover {
  --tw-border-opacity: 1;
  border-color: rgb(233 101 123 / var(--tw-border-opacity, 1));
}
.hover\:border-b-link-primary:hover {
  --tw-border-opacity: 1;
  border-bottom-color: rgb(233 101 123 / var(--tw-border-opacity, 1));
}
.hover\:bg-secondary:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(210 212 215 / var(--tw-bg-opacity, 1));
}
.hover\:bg-surface-base-quaternary:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(53 63 74 / var(--tw-bg-opacity, 1));
}
.hover\:bg-surface-base-secondary:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(24 34 43 / var(--tw-bg-opacity, 1));
}
.hover\:bg-surface-base-tertiary:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(53 63 74 / var(--tw-bg-opacity, 1));
}
.hover\:bg-surface-dark\/10:hover {
  background-color: rgb(17 24 31 / 0.1);
}
.hover\:bg-surface-quaternary:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(53 63 74 / var(--tw-bg-opacity, 1));
}
.hover\:text-action-tertiary:hover {
  --tw-text-opacity: 1;
  color: rgb(240 142 132 / var(--tw-text-opacity, 1));
}
.hover\:text-link-secondary:hover {
  --tw-text-opacity: 1;
  color: rgb(240 142 132 / var(--tw-text-opacity, 1));
}
.hover\:text-primary:hover {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.hover\:before\:opacity-10:hover::before {
  content: var(--tw-content);
  opacity: 0.1;
}
.hover\:before\:opacity-100:hover::before {
  content: var(--tw-content);
  opacity: 1;
}
.hover\:after\:absolute:hover::after {
  content: var(--tw-content);
  position: absolute;
}
.hover\:after\:bottom-0:hover::after {
  content: var(--tw-content);
  bottom: 0px;
}
.hover\:after\:h-px:hover::after {
  content: var(--tw-content);
  height: 1px;
}
.hover\:after\:w-full:hover::after {
  content: var(--tw-content);
  width: 100%;
}
.hover\:after\:bg-action-primary:hover::after {
  content: var(--tw-content);
  --tw-bg-opacity: 1;
  background-color: rgb(228 63 90 / var(--tw-bg-opacity, 1));
}
.hover\:after\:opacity-30:hover::after {
  content: var(--tw-content);
  opacity: 0.3;
}
.focus\:border-action-primary:focus {
  --tw-border-opacity: 1;
  border-color: rgb(228 63 90 / var(--tw-border-opacity, 1));
}
.focus\:text-primary:focus {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.focus\:outline-none:focus {
  outline: 2px solid transparent;
  outline-offset: 2px;
}
.focus\:outline-transparent:focus {
  outline-color: transparent;
}
.focus\:placeholder\:text-primary\/40:focus::-moz-placeholder {
  color: rgb(255 255 255 / 0.4);
}
.focus\:placeholder\:text-primary\/40:focus::placeholder {
  color: rgb(255 255 255 / 0.4);
}
.disabled\:pointer-events-none:disabled {
  pointer-events: none;
}
.disabled\:cursor-default:disabled {
  cursor: default;
}
.disabled\:opacity-40:disabled {
  opacity: 0.4;
}
@media (min-width: 414px) {
  .xs\:inline-block {
    display: inline-block;
  }
}
@media (min-width: 476px) {
  .ssm\:flex {
    display: flex;
  }
}
@media (min-width: 640px) {
  .sm\:mb-2 {
    margin-bottom: 0.5rem;
  }
  .sm\:h-full {
    height: 100%;
  }
  .sm\:w-32 {
    width: 8rem;
  }
  .sm\:w-auto {
    width: auto;
  }
  .sm\:max-w-\[25rem\] {
    max-width: 25rem;
  }
  .sm\:max-w-sm {
    max-width: 24rem;
  }
  .sm\:flex-row {
    flex-direction: row;
  }
  .sm\:items-center {
    align-items: center;
  }
  .sm\:rounded-lg {
    border-radius: 0.5rem;
  }
  .sm\:p-6 {
    padding: 1.5rem;
  }
  .sm\:px-6 {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
  .sm\:pb-3 {
    padding-bottom: 0.75rem;
  }
}
@media (min-width: 768px) {
  .md\:left-1\/2 {
    left: 50%;
  }
  .md\:top-14 {
    top: 3.5rem;
  }
  .md\:order-last {
    order: 9999;
  }
  .md\:col-\[3_\/_span_2\] {
    grid-column: 3 / span 2;
  }
  .md\:row-\[auto_\/_span_2\] {
    grid-row: auto / span 2;
  }
  .md\:m-auto {
    margin: auto;
  }
  .md\:mx-0 {
    margin-left: 0px;
    margin-right: 0px;
  }
  .md\:mx-10 {
    margin-left: 2.5rem;
    margin-right: 2.5rem;
  }
  .md\:mx-auto {
    margin-left: auto;
    margin-right: auto;
  }
  .md\:\!mt-2 {
    margin-top: 0.5rem !important;
  }
  .md\:mb-2 {
    margin-bottom: 0.5rem;
  }
  .md\:mb-6 {
    margin-bottom: 1.5rem;
  }
  .md\:mb-8 {
    margin-bottom: 2rem;
  }
  .md\:mb-auto {
    margin-bottom: auto;
  }
  .md\:ml-0 {
    margin-left: 0px;
  }
  .md\:ml-\[-200px\] {
    margin-left: -200px;
  }
  .md\:mr-0 {
    margin-right: 0px;
  }
  .md\:mr-1 {
    margin-right: 0.25rem;
  }
  .md\:mr-auto {
    margin-right: auto;
  }
  .md\:mt-0 {
    margin-top: 0px;
  }
  .md\:mt-2 {
    margin-top: 0.5rem;
  }
  .md\:mt-4 {
    margin-top: 1rem;
  }
  .md\:mt-6 {
    margin-top: 1.5rem;
  }
  .md\:mt-8 {
    margin-top: 2rem;
  }
  .md\:block {
    display: block;
  }
  .md\:flex {
    display: flex;
  }
  .md\:hidden {
    display: none;
  }
  .md\:h-100 {
    height: 25rem;
  }
  .md\:h-120 {
    height: 30rem;
  }
  .md\:h-6 {
    height: 1.5rem;
  }
  .md\:h-9 {
    height: 2.25rem;
  }
  .md\:h-auto {
    height: auto;
  }
  .md\:h-full {
    height: 100%;
  }
  .md\:max-h-4 {
    max-height: 1rem;
  }
  .md\:max-h-8 {
    max-height: 2rem;
  }
  .md\:max-h-\[32rem\] {
    max-height: 32rem;
  }
  .md\:\!w-2\/3 {
    width: 66.666667% !important;
  }
  .md\:\!w-52 {
    width: 13rem !important;
  }
  .md\:\!w-full {
    width: 100% !important;
  }
  .md\:w-1\/2 {
    width: 50%;
  }
  .md\:w-1\/6 {
    width: 16.666667%;
  }
  .md\:w-87\.5 {
    width: 21.875rem;
  }
  .md\:w-96 {
    width: 24rem;
  }
  .md\:w-\[500px\] {
    width: 500px;
  }
  .md\:w-auto {
    width: auto;
  }
  .md\:w-full {
    width: 100%;
  }
  .md\:min-w-120 {
    min-width: 30rem;
  }
  .md\:min-w-50 {
    min-width: 12.5rem;
  }
  .md\:min-w-\[25rem\] {
    min-width: 25rem;
  }
  .md\:min-w-\[calc\(90\%\/2\)\] {
    min-width: calc(90% / 2);
  }
  .md\:max-w-50 {
    max-width: 12.5rem;
  }
  .md\:max-w-\[35\.625rem\] {
    max-width: 35.625rem;
  }
  .md\:max-w-md {
    max-width: 28rem;
  }
  .md\:max-w-none {
    max-width: none;
  }
  .md\:max-w-screen-lg {
    max-width: 1024px;
  }
  .md\:max-w-screen-md {
    max-width: 768px;
  }
  .md\:max-w-screen-xl {
    max-width: 1280px;
  }
  .md\:flex-auto {
    flex: 1 1 auto;
  }
  .md\:flex-grow {
    flex-grow: 1;
  }
  .md\:flex-grow-0 {
    flex-grow: 0;
  }
  .md\:basis-1\/2 {
    flex-basis: 50%;
  }
  .md\:basis-1\/4 {
    flex-basis: 25%;
  }
  .md\:grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .md\:grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .md\:grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .md\:flex-row {
    flex-direction: row;
  }
  .md\:flex-row-reverse {
    flex-direction: row-reverse;
  }
  .md\:flex-col {
    flex-direction: column;
  }
  .md\:flex-wrap {
    flex-wrap: wrap;
  }
  .md\:items-center {
    align-items: center;
  }
  .md\:justify-center {
    justify-content: center;
  }
  .md\:justify-between {
    justify-content: space-between;
  }
  .md\:gap-2 {
    gap: 0.5rem;
  }
  .md\:gap-3 {
    gap: 0.75rem;
  }
  .md\:gap-4 {
    gap: 1rem;
  }
  .md\:gap-5 {
    gap: 1.25rem;
  }
  .md\:gap-6 {
    gap: 1.5rem;
  }
  .md\:self-end {
    align-self: flex-end;
  }
  .md\:self-center {
    align-self: center;
  }
  .md\:overflow-auto {
    overflow: auto;
  }
  .md\:overflow-x-hidden {
    overflow-x: hidden;
  }
  .md\:truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .md\:bg-surface-accent-primary {
    --tw-bg-opacity: 1;
    background-color: rgb(96 20 12 / var(--tw-bg-opacity, 1));
  }
  .md\:bg-surface-secondary {
    --tw-bg-opacity: 1;
    background-color: rgb(30 42 54 / var(--tw-bg-opacity, 1));
  }
  .md\:bg-surface-tertiary {
    --tw-bg-opacity: 1;
    background-color: rgb(24 34 43 / var(--tw-bg-opacity, 1));
  }
  .md\:bg-transparent {
    background-color: transparent;
  }
  .md\:p-0 {
    padding: 0px;
  }
  .md\:p-10 {
    padding: 2.5rem;
  }
  .md\:p-11 {
    padding: 2.75rem;
  }
  .md\:p-6 {
    padding: 1.5rem;
  }
  .md\:p-8 {
    padding: 2rem;
  }
  .md\:px-28 {
    padding-left: 7rem;
    padding-right: 7rem;
  }
  .md\:py-10 {
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
  }
  .md\:py-16 {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }
  .md\:py-2 {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
  }
  .md\:pb-2 {
    padding-bottom: 0.5rem;
  }
  .md\:pl-4 {
    padding-left: 1rem;
  }
  .md\:pl-8 {
    padding-left: 2rem;
  }
  .md\:pt-0 {
    padding-top: 0px;
  }
  .md\:pt-10 {
    padding-top: 2.5rem;
  }
  .md\:pt-8 {
    padding-top: 2rem;
  }
  .md\:text-center {
    text-align: center;
  }
  .md\:\!text-body-lg {
    font-size: 1rem !important;
    line-height: 1.5rem !important;
  }
  .md\:text-body-lg {
    font-size: 1rem;
    line-height: 1.5rem;
  }
  .md\:text-body-md {
    font-size: 0.875rem;
    line-height: 1.25rem;
  }
  .md\:text-body-sm {
    font-size: 0.75rem;
    line-height: 1rem;
  }
  .md\:text-headline-md {
    font-size: 2.25rem;
    line-height: 2.5rem;
  }
  .md\:text-icon-sm {
    font-size: 1.25rem;
    line-height: 1;
  }
  .md\:text-title-md {
    font-size: 1.375rem;
    line-height: 2rem;
  }
  .md\:text-title-sm {
    font-size: 1.125rem;
    line-height: 1.5rem;
  }
  .md\:font-bold {
    font-weight: 700;
  }
  .md\:text-primary {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1));
  }
  .md\:text-tertiary {
    --tw-text-opacity: 1;
    color: rgb(120 127 134 / var(--tw-text-opacity, 1));
  }
  .md\:w-cols-4-span-2-gap-8 {
    width: calc(50% - 4px);
  }
  .md\:w-cols-6-span-4-gap-8 {
    width: calc(66.66666666666667% - 2.6666666666666665px);
  }
  .md\:w-cols-8-span-4-gap-8 {
    width: calc(50% - 4px);
  }
  .md\:after\:flex-auto::after {
    content: var(--tw-content);
    flex: 1 1 auto;
  }
}
@media (min-width: 1024px) {
  .lg\:absolute {
    position: absolute;
  }
  .lg\:-mx-10 {
    margin-left: -2.5rem;
    margin-right: -2.5rem;
  }
  .lg\:my-6 {
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
  }
  .lg\:mb-0\.5 {
    margin-bottom: 0.125rem;
  }
  .lg\:mb-1\.5 {
    margin-bottom: 0.375rem;
  }
  .lg\:mb-2 {
    margin-bottom: 0.5rem;
  }
  .lg\:ml-2 {
    margin-left: 0.5rem;
  }
  .lg\:mt-0 {
    margin-top: 0px;
  }
  .lg\:mt-1 {
    margin-top: 0.25rem;
  }
  .lg\:mt-2 {
    margin-top: 0.5rem;
  }
  .lg\:mt-6 {
    margin-top: 1.5rem;
  }
  .lg\:line-clamp-2 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
  }
  .lg\:block {
    display: block;
  }
  .lg\:inline-block {
    display: inline-block;
  }
  .lg\:flex {
    display: flex;
  }
  .lg\:hidden {
    display: none;
  }
  .lg\:w-1\/3 {
    width: 33.333333%;
  }
  .lg\:w-192 {
    width: 48rem;
  }
  .lg\:w-2\/3 {
    width: 66.666667%;
  }
  .lg\:w-auto {
    width: auto;
  }
  .lg\:w-screen {
    width: 100vw;
  }
  .lg\:max-w-120 {
    max-width: 30rem;
  }
  .lg\:max-w-50 {
    max-width: 12.5rem;
  }
  .lg\:max-w-screen-md {
    max-width: 768px;
  }
  .lg\:grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .lg\:grid-cols-5 {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
  .lg\:flex-row {
    flex-direction: row;
  }
  .lg\:items-center {
    align-items: center;
  }
  .lg\:justify-center {
    justify-content: center;
  }
  .lg\:justify-between {
    justify-content: space-between;
  }
  .lg\:gap-2 {
    gap: 0.5rem;
  }
  .lg\:gap-6 {
    gap: 1.5rem;
  }
  .lg\:overflow-y-hidden {
    overflow-y: hidden;
  }
  .lg\:p-6 {
    padding: 1.5rem;
  }
  .lg\:\!px-10 {
    padding-left: 2.5rem !important;
    padding-right: 2.5rem !important;
  }
  .lg\:px-10 {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }
  .lg\:py-6 {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
  }
  .lg\:pb-6 {
    padding-bottom: 1.5rem;
  }
  .lg\:pl-16 {
    padding-left: 4rem;
  }
  .lg\:pt-0 {
    padding-top: 0px;
  }
  .lg\:pt-2 {
    padding-top: 0.5rem;
  }
  .lg\:text-icon-xl {
    font-size: 2.5rem;
    line-height: 1;
  }
  .lg\:w-cols-6-span-3-gap-8 {
    width: calc(50% - 4px);
  }
}
@media (min-width: 1280px) {
  .xl\:left-3\.5 {
    left: 0.875rem;
  }
  .xl\:mx-auto {
    margin-left: auto;
    margin-right: auto;
  }
  .xl\:my-4 {
    margin-top: 1rem;
    margin-bottom: 1rem;
  }
  .xl\:mb-6 {
    margin-bottom: 1.5rem;
  }
  .xl\:mt-0 {
    margin-top: 0px;
  }
  .xl\:line-clamp-2 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
  }
  .xl\:block {
    display: block;
  }
  .xl\:flex {
    display: flex;
  }
  .xl\:hidden {
    display: none;
  }
  .xl\:h-\[8\.625rem\] {
    height: 8.625rem;
  }
  .xl\:w-1\/10 {
    width: 10%;
  }
  .xl\:w-1\/5 {
    width: 20%;
  }
  .xl\:w-182 {
    width: 45.5rem;
  }
  .xl\:w-24 {
    width: 6rem;
  }
  .xl\:max-w-4xl {
    max-width: 56rem;
  }
  .xl\:max-w-\[720px\] {
    max-width: 720px;
  }
  .xl\:max-w-screen-xl {
    max-width: 1280px;
  }
  .xl\:basis-1\/2 {
    flex-basis: 50%;
  }
  .xl\:grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .xl\:grid-cols-6 {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
  .xl\:flex-row {
    flex-direction: row;
  }
  .xl\:justify-end {
    justify-content: flex-end;
  }
  .xl\:gap-0 {
    gap: 0px;
  }
  .xl\:gap-12 {
    gap: 3rem;
  }
  .xl\:gap-2 {
    gap: 0.5rem;
  }
  .xl\:gap-6 {
    gap: 1.5rem;
  }
  .xl\:self-center {
    align-self: center;
  }
  .xl\:text-nowrap {
    text-wrap: nowrap;
  }
  .xl\:p-6 {
    padding: 1.5rem;
  }
  .xl\:px-10 {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }
  .xl\:px-28 {
    padding-left: 7rem;
    padding-right: 7rem;
  }
  .xl\:py-4 {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }
  .xl\:pb-6 {
    padding-bottom: 1.5rem;
  }
  .xl\:pr-6 {
    padding-right: 1.5rem;
  }
  .xl\:pt-12 {
    padding-top: 3rem;
  }
  .xl\:text-body-md {
    font-size: 0.875rem;
    line-height: 1.25rem;
  }
  .xl\:text-title-md {
    font-size: 1.375rem;
    line-height: 2rem;
  }
  .xl\:w-cols-6-span-2-gap-8 {
    width: calc(33.333333333333336% - 5.333333333333333px);
  }
  .xl\:w-cols-8-span-3-gap-8 {
    width: calc(37.5% - 5px);
  }
}
@media (min-width: 1366px) {
  .\31-5xl\:col-\[4_\/_span_1\] {
    grid-column: 4 / span 1;
  }
  .\31-5xl\:row-\[auto_\/_span_1\] {
    grid-row: auto / span 1;
  }
  .\31-5xl\:hidden {
    display: none;
  }
  .min-\[1366px\]\:w-cols-4-span-1-gap-8 {
    width: calc(25% - 6px);
  }
}
@media (min-width: 1536px) {
  .\32xl\:col-\[7_\/_span_2\] {
    grid-column: 7 / span 2;
  }
  .\32xl\:min-w-\[calc\(90\%\/3\)\] {
    min-width: calc(90% / 3);
  }
  .\32xl\:max-w-screen-lg {
    max-width: 1024px;
  }
  .\32xl\:gap-20 {
    gap: 5rem;
  }
  .\32xl\:w-cols-8-span-2-gap-8 {
    width: calc(25% - 6px);
  }
}
@media (min-width: 1920px) {
  .\33xl\:max-w-screen-2xl {
    max-width: 1536px;
  }
}
@media (min-width: 2160px) {
  .\34xl\:col-\[6_\/_span_1\] {
    grid-column: 6 / span 1;
  }
  .\34xl\:row-\[auto_\/_span_1\] {
    grid-row: auto / span 1;
  }
  .\34xl\:row-\[auto_\/_span_2\] {
    grid-row: auto / span 2;
  }
  .\34xl\:hidden {
    display: none;
  }
  .\34xl\:w-cols-6-span-1-gap-8 {
    width: calc(16.666666666666668% - 6.666666666666667px);
  }
}
@media (min-width: 2400px) {
  .\35xl\:min-w-\[calc\(90\%\/4\)\] {
    min-width: calc(90% / 4);
  }
}
.\[\&\:\:-webkit-search-cancel-button\]\:hidden::-webkit-search-cancel-button {
  display: none;
}
.\[\&\>svg\]\:drop-shadow-\[0px_0px_4px_rgba\(0\2c 0\2c 0\2c 0\.75\)\]>svg {
  --tw-drop-shadow: drop-shadow(0px 0px 4px rgba(0,0,0,0.75));
  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);
}
.\[\&\>svg\]\:drop-shadow-md>svg {
  --tw-drop-shadow: drop-shadow(0 4px 3px rgb(0 0 0 / 0.07)) drop-shadow(0 2px 2px rgb(0 0 0 / 0.06));
  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);
}
.\[\&_a\]\:block a {
  display: block;
}
.\[\&_a\]\:text-nowrap a {
  text-wrap: nowrap;
}
.\[\&_a\]\:rounded a {
  border-radius: 0.25rem;
}
.\[\&_a\]\:bg-surface-base-quaternary a {
  --tw-bg-opacity: 1;
  background-color: rgb(53 63 74 / var(--tw-bg-opacity, 1));
}
.\[\&_a\]\:px-2 a {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
.\[\&_a\]\:py-1 a {
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}
.\[\&_a\]\:text-body-md a {
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.\[\&_a\]\:font-medium a {
  font-weight: 500;
}
.\[\&_a\]\:capitalize a {
  text-transform: capitalize;
}
.\[\&_a\]\:text-primary a {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.\[\&_a\]\:transition-colors a {
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.\[\&_a\]\:hover\:bg-surface-base-quaternary:hover a {
  --tw-bg-opacity: 1;
  background-color: rgb(53 63 74 / var(--tw-bg-opacity, 1));
}
.\[\&_a\]\:hover\:text-action-tertiary:hover a {
  --tw-text-opacity: 1;
  color: rgb(240 142 132 / var(--tw-text-opacity, 1));
}
.\[\&_svg\]\:mr-2 svg {
  margin-right: 0.5rem;
}
.\[\&_svg\]\:fill-primary svg {
  fill: #FFFFFF;
}
.\[\&_svg\]\:text-\[1\.05rem\] svg {
  font-size: 1.05rem;
}
@media(hover:hover) {
  .\[\@media\(hover\:hover\)\]\:hover\:text-action-tertiary:hover {
    --tw-text-opacity: 1;
    color: rgb(240 142 132 / var(--tw-text-opacity, 1));
  }
}


/*# sourceMappingURL=index.4985af72cce2c6fe4e27.css.map*/