*,
body,
html {
  margin: 0;
  padding: 0;
  border:none;
  background-color: #2b2b2b;
}
body,
html {
  width: 100%;
  height: 100%;
}
iframe[seamless] {
  background-color: transparent;
  border: 0px none transparent;
  padding: 0px;
  overflow: hidden;
  margin: 0;
}
.dsa_icon {
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  width: 24px;
  height: 16px;
  border-radius: 4px;
  background-color: rgba(128, 128, 128, 0.6);
  margin: 6px;
}
.dsa_icon_container {
  position: absolute;
  cursor: pointer;
  z-index: 2;
  top: 0px;
  right: 0px;
}
.dsa_icon_container_iframe {
  top: 3px;
}
.dsa_icon:hover {
  background-color: rgba(185, 185, 185, 0.6);
}
.dsa_icon__label {
  font-family: Helvetica;
  font-size: 11px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.09;
  letter-spacing: normal;
  text-align: center;
  color: rgba(255, 255, 255, 0.9);
}
.dsa_button_close {
  margin-top: 6px;
  width: 20px;
  height: 20px;
  cursor: pointer;
  background: #efefef;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10'%3E%3Cpath d='M0 1L1 0L10 9L9 10ZM9 0L10 1L1 10L0 9Z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: 60% 60%;
}
.dsa_button_close_iframe {
  margin-top: 9px;
}
.dsa_container {
  width: 100%;
  height: 100%;
  visibility: hidden;
  background-color: #efefef;
  position: absolute;
  z-index: 3;
  display: flex;
  top: 0px;
  left: 0px;
}
.dsa_content {
  width: calc(100% - 32px);
  height: calc(100% - 20px);
  padding: 12px 0px 6px 8px;
}
.dsa_text {
  overflow: auto;
  max-height: 100%;
  font-family: Helvetica;
  font-size: 11px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.45;
  letter-spacing: normal;
  color: rgba(42, 42, 52, 0.9);
}
.dsa_text a {
  color: rgba(42, 42, 52, 0.9);
}
.visible {
  visibility: unset !important;
}
.dsa-btns {
  visibility: hidden;
  background-color: white;
  border-radius: 4px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
  position: absolute;
  z-index: 2;
  top: 23px;
  right: 6px;
  padding-top: 4px;
  padding-bottom: 4px;
  box-shadow: 0 2px 8px -1px rgba(0, 0, 0, 0.24), 0 6px 12px -1px rgba(0, 0, 0, 0.13);
}
.dsa-btn-report,
.dsa-btn-info {
  font-family: Helvetica, sans-serif;
  padding: 0px 8px;
  cursor: pointer;
  color: #2a2a34;
  font-size: 11px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 2.18;
}
.dsa-btn-report:hover,
.dsa-btn-info:hover {
  background-color: #f2f2f2;
}
.dsa-reported {
  right: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  visibility: hidden;
  background-color: #efefef;
  position: absolute;
  display: flex;
  z-index: 1;
  box-sizing: border-box;
  background-color: rgba(0, 0, 0, 0.25);
  backdrop-filter: blur(4px);
  cursor: pointer;
}
.dsa-reported-text {
  cursor: pointer;
  visibility: hidden;
  z-index: 2;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-family: Helvetica;
  font-size: 13px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 2.18;
  letter-spacing: 0.4px;
  text-align: center;
  color: white;
}
/* This Source Code Form is subject to the terms of the Mozilla Public
 * License, v. 2.0. If a copy of the MPL was not distributed with this
 * file, You can obtain one at http://mozilla.org/MPL/2.0/. */

@namespace url("http://www.w3.org/1999/xhtml");

.videocontrols {
  writing-mode: horizontal-tb;
  width: 100%;
  height: 100%;
  display: inline-block;
  overflow: hidden;

  direction: ltr;
  /* Prevent selection from interacting weirdly with the page,
   * see bug 1766093. Our text selection story with shadow dom should be
   * better, see bug 1590379 */
  user-select: none;
  /* Prevent unwanted style inheritance. See bug 554717. */
  text-align: left;
  list-style-image: none !important;
  font: normal normal normal 100% / normal sans-serif !important;
  text-decoration: none !important;
  white-space: normal !important;
}

.videocontrols[flipped] {
  transform: scaleX(-1);
}

.controlsContainer {
  --clickToPlay-size: 48px;
  --button-size: 30px;
  --timer-size: 40px;
  --timer-long-size: 60px;
  --track-size: 5px;
  --thumb-size: 13px;
  --label-font-size: 13px;
  --pip-toggle-padding: 5px;
  --control-focus-outline: 2px solid #00ddff;
  --control-focus-outline-offset: -2px;
  --pip-toggle-icon-width-height: 16px;
  --pip-toggle-translate-x: calc(100% - var(--pip-toggle-icon-width-height) - 2 * var(--pip-toggle-padding));

  color: #fff;
}
.controlsContainer.touch {
  --clickToPlay-size: 64px;
  --button-size: 40px;
  --timer-size: 52px;
  --timer-long-size: 78px;
  --track-size: 7px;
  --thumb-size: 16px;
  --label-font-size: 16px;
}

/* Some CSS custom properties defined here are referenced by videocontrols.js */
.controlBar {
  /* Do not delete: these variables are accessed by JavaScript directly.
     see videocontrols.js and search for |-width|. */
  --clickToPlay-width: var(--clickToPlay-size);
  --playButton-width: var(--button-size);
  --scrubberStack-width: 64px;
  --muteButton-width: var(--button-size);
  --volumeStack-width: 48px;
  --castingButton-width: var(--button-size);
  --closedCaptionButton-width: var(--button-size);
  --fullscreenButton-width: var(--button-size);
  --positionDurationBox-width: var(--timer-size);
  --durationSpan-width: var(--timer-size);
  --positionDurationBox-width-long: var(--timer-long-size);
  --durationSpan-width-long: var(--timer-long-size);
}

.touch .controlBar {
  /* Do not delete: these variables are accessed by JavaScript directly.
     see videocontrols.js and search for |-width|. */
  --scrubberStack-width: 84px;
  --volumeStack-width: 64px;
}

.controlsContainer [hidden],
.controlBar[hidden] .progressBar,
.controlBar[hidden] .bufferBar,
.videocontrols[inDOMFullscreen] > .controlsContainer > .controlsOverlay > #pictureInPictureToggle {
  display: none;
}

/* We hide the controlBar visually so it doesn't obscure the video. However,
 * we still want to expose it to a11y so users who don't use a mouse can access
 * it.
 */
.controlBar[hidden] {
  display: flex;
  opacity: 0;
  pointer-events: none;
}

.controlBar[size="hidden"] {
  display: none;
}

.controlsSpacer[hideCursor] {
  cursor: none;
}

.controlsContainer,
.progressContainer {
  position: relative;
  height: 100%;
}

.stackItem {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
}

.statusOverlay {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background-color: rgb(80, 80, 80, 0.85);
}

.controlsOverlay {
  display: flex;
  flex-direction: column;
  justify-content: center;
  position: relative;
}

.controlsSpacerStack {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  justify-content: center;
  align-items: center;
}

.controlBar {
  display: flex;
  box-sizing: border-box;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  height: 40px;
  padding: 0 9px;
  background-color: rgba(26, 26, 26, 0.8);
}

.touch .controlBar {
  height: 52px;
}

.controlBar > .button {
  /* Prevent #textTrackListContainer from blocking clicks on controls */
  z-index: 1;
  height: 100%;
  min-width: var(--button-size);
  min-height: var(--button-size);
  padding: 6px;
  border: 0;
  margin: 0;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center;
  background-origin: content-box;
  background-clip: content-box;
  -moz-context-properties: fill;
  fill: currentColor;
  color: inherit;
  outline: none;
}

/* Keyboard focus styling for interactive control elements (includes control
   bar, click to play and track list) */
.controlBar > .button:focus-visible,
.volumeControl:focus-visible,
.scrubber:focus-visible,
.clickToPlay:focus-visible,
.textTrackList > .textTrackItem:focus-visible {
  outline: var(--control-focus-outline);
  outline-offset: var(--control-focus-outline-offset);
}

.touch .controlBar > .button {
  background-size: 24px 24px;
}

.controlBar > .button:enabled:hover {
  fill: #48a0f7;
}

.controlBar > .button:enabled:hover:active {
  fill: #2d89e6;
}

.playButton {
  background-image: url(chrome://global/skin/media/pause-fill.svg);
}
.playButton[paused] {
  background-image: url(chrome://global/skin/media/play-fill.svg);
}

.muteButton {
  background-image: url(chrome://global/skin/media/audio.svg);
}
.muteButton[muted] {
  background-image: url(chrome://global/skin/media/audio-muted.svg);
}
.muteButton[noAudio] {
  background-image: url(chrome://global/skin/media/audioNoAudioButton.svg);
}
.muteButton[noAudio] + .volumeStack {
  display: none;
}

.castingButton {
  background-image: url(chrome://global/skin/media/castingButton-ready.svg);
}

.castingButton[enabled] {
  background-image: url(chrome://global/skin/media/castingButton-active.svg);
}

.closedCaptionButton {
  background-image: url(chrome://global/skin/media/closedCaptionButton-cc-off.svg);
}
.closedCaptionButton[enabled] {
  background-image: url(chrome://global/skin/media/closedCaptionButton-cc-on.svg);
}

.fullscreenButton {
  background-image: url(chrome://global/skin/media/fullscreenEnterButton.svg);
}
.fullscreenButton[fullscreened] {
  background-image: url(chrome://global/skin/media/fullscreenExitButton.svg);
}

.controlBarSpacer {
  flex-grow: 1;
}

.volumeControl::-moz-range-thumb,
.scrubber::-moz-range-thumb {
  height: var(--thumb-size);
  width: var(--thumb-size);
  border: none;
  border-radius: 50%;
  /* this is a foreground element even though it is implemented as a background */
  background-color: currentColor;
  filter: drop-shadow(0 0 2px rgba(0, 0, 0, 0.65));
}

.volumeControl,
.scrubber {
  outline: none;
}

.progressBackgroundBar {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.progressStack {
  position: relative;
  width: 100%;
  height: var(--track-size);
}

.scrubberStack {
  /* minus margin to get basis of required width */
  min-width: calc(var(--scrubberStack-width) - 18px);
  flex-basis: calc(var(--scrubberStack-width) - 18px);
  flex-grow: 2;
  flex-shrink: 0;
  margin: 0 9px;
}

.volumeStack {
  max-width: 60px;
  min-width: var(--volumeStack-width);
  flex-grow: 1;
  flex-shrink: 0;
  margin-right: 6px;
  margin-left: 4px;
}

.bufferBar,
.progressBar,
.scrubber,
.volumeControl {
  bottom: 0;
  color: inherit;
  left: 0;
  position: absolute;
  width: 100%;
  height: 100%;
  padding: 0;
  border: 0;
  border-radius: calc(var(--track-size) / 2);
  margin: 0;
  background: none;
  outline: none;
}

.bufferBar {
  background-color: rgba(0, 0, 0, 0.7);
}

.bufferBar::-moz-progress-bar,
.progressBar::-moz-progress-bar {
  height: 100%;
  padding: 0;
  margin: 0;
  border: 0;
  border-radius: calc(var(--track-size) / 2);
  background: none;
}

.bufferBar::-moz-progress-bar {
  background-color: rgba(255, 255, 255, 0.3);
  border-radius: calc(var(--track-size) / 2);
}

.progressBar::-moz-progress-bar {
  background-color: #00b6f0;
}

.scrubber:hover::-moz-range-thumb,
.volumeControl:hover::-moz-range-thumb {
  background-color: #48a0f7;
}

.scrubber:active::-moz-range-thumb,
.volumeControl:active::-moz-range-thumb {
  background-color: #2d89e6;
}

.scrubber::-moz-range-track,
.scrubber::-moz-range-progress {
  background-color: transparent;
}

.volumeControl::-moz-range-progress,
.volumeControl::-moz-range-track {
  height: var(--track-size);
  border-radius: calc(var(--track-size) / 2);
}

.volumeControl::-moz-range-progress {
  /* this is a foreground element even though it is implemented as a background */
  background-color: currentColor;
}

.volumeControl::-moz-range-track {
  background-color: rgba(0, 0, 0, 0.7);
}

@media (prefers-contrast) {
  /* Show a border in high contrast mode since background-colors
     are not shown. */
  .scrubber::-moz-range-track,
  .volumeControl::-moz-range-track {
    border: 1px solid;
  }

  .scrubber::-moz-range-progress,
  .volumeControl::-moz-range-progress {
    border: 2px solid;
  }
}

.textTrackListContainer {
  position: absolute;
  right: 5px;
  bottom: 45px;
  top: 5px;
  max-width: 80%;
  display: flex;
  flex-direction: column;
  justify-content: end;
}

.textTrackList {
  flex: 0 1 auto;
  border: 1px solid #000;
  border-radius: 2.5px;
  padding: 5px 0;
  vertical-align: middle;
  background-color: #000;
  opacity: 0.7;
  overflow-y: auto;
}

.touch .textTrackList {
  bottom: 58px;
}

.textTrackList > .textTrackItem {
  display: block;
  width: 100%;
  height: var(--button-size);
  font-size: var(--label-font-size);
  padding: 2px 10px;
  border: none;
  margin: 0;
  white-space: nowrap;
  overflow: hidden;
  text-align: left;
  text-overflow: ellipsis;
  background-color: transparent;
  color: inherit;
}

.textTrackList > .textTrackItem:hover {
  background-color: #444;
}

.textTrackList > .textTrackItem[aria-checked="true"] {
  color: #48a0f7;
}

.positionLabel,
.durationLabel {
  display: none;
}

.positionDurationBox {
  text-align: center;
  padding-inline-start: 1px;
  padding-inline-end: 9px;
  white-space: nowrap;
  font: message-box;
  font-size: var(--label-font-size);
  font-size-adjust: 0.55;
  font-variant-numeric: tabular-nums;
}

@media (-moz-platform: macos) {
  .positionDurationBox {
    font-size-adjust: unset;
    font-family: "Helvetica Neue", "Helvetica", sans-serif;
  }
}

.duration {
  display: inline-block;
  white-space: pre;
  color: #929292;
}

.statusIcon {
  width: 36px;
  height: 36px;
  margin-bottom: 20px;
}

/* Not showing the throbber on mobile because of conflict with m.youtube.com (see bug 1289412) */
.controlsContainer:not(.mobile) .statusIcon[type="throbber"] {
  background: url(chrome://global/skin/media/throbber.png) no-repeat center;
}

.controlsContainer:not(.mobile) .statusIcon[type="throbber"][stalled] {
  background: url(chrome://global/skin/media/stalled.png) no-repeat center;
}

.statusIcon[type="error"],
.statusIcon[type="pictureInPicture"] {
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

.statusIcon[type="error"] {
  min-width: 70px;
  min-height: 60px;
  background-image: url(chrome://global/skin/media/error.png);
}

.statusIcon[type="pictureInPicture"] {
  min-width: 84px;
  min-height: 84px;
  background-image: url(chrome://global/skin/media/picture-in-picture-open.svg);
  -moz-context-properties: fill;
  fill: currentColor;
}

.videocontrols[localedir="rtl"] .statusIcon[type="pictureInPicture"] {
  transform: scaleX(-1);
}

.pictureInPictureToggleLabel {
  margin-inline-start: var(--pip-toggle-padding);
}

/* Overlay Play button */
.clickToPlay {
  appearance: none;
  border: none;
  min-width: var(--clickToPlay-size);
  min-height: var(--clickToPlay-size);
  border-radius: 50%;
  background-image: url(chrome://global/skin/media/play-fill.svg);
  background-repeat: no-repeat;
  background-position: 54% 50%;
  background-size: 40% 40%;
  background-color: #1a1a1a;
  -moz-context-properties: fill;
  fill: currentColor;
  color: inherit;
  opacity: 0.8;
  position: relative;
  top: 20px;
}

.controlsSpacerStack:hover > .clickToPlay,
.clickToPlay:hover {
  opacity: 0.55;
}

.controlsSpacerStack:hover > .clickToPlay[fadeout] {
  opacity: 0;
}

.controlBar[fullscreen-unavailable] .fullscreenButton {
  display: none;
}

.statusOverlay[fadeout],
.statusOverlay[error] + .controlsOverlay > .controlsSpacerStack {
  opacity: 0;
}

.pictureInPictureOverlay {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  opacity: 1;
  background-color: rgb(12, 12, 13);
}

/* Status description formatting */
.statusLabel {
  display: none;
  padding: 0 10px;
  text-align: center;
  font: message-box;
  font-size: 14px;
}

.videocontrols[localedir="rtl"] .statusLabel {
  direction: rtl;
}

[status="errorAborted"] > #errorAborted,
[status="errorNetwork"] > #errorNetwork,
[status="errorDecode"] > #errorDecode,
[status="errorSrcNotSupported"] > #errorSrcNotSupported,
[status="errorNoSource"] > #errorNoSource,
[status="errorGeneric"] > #errorGeneric,
[status="pictureInPicture"] > #pictureInPicture {
  display: inline;
}

@media (-moz-platform: windows) and (prefers-contrast) {
  .controlsSpacer,
  .clickToPlay {
    background-color: transparent;
  }
}

.a11y-only {
  position: absolute;
  left: -10000px;
  width: 100px;
  height: 100px;
}

:host::cue {
  font-size: var(--cue-font-size);
  writing-mode: var(--cue-writing-mode, inherit);
}
/* This Source Code Form is subject to the terms of the Mozilla Public
 * License, v. 2.0. If a copy of the MPL was not distributed with this
 * file, You can obtain one at http://mozilla.org/MPL/2.0/. */

@namespace url("http://www.w3.org/1999/xhtml");

.videocontrols {
  writing-mode: horizontal-tb;
  width: 100%;
  height: 100%;
  display: inline-block;
  overflow: hidden;

  direction: ltr;
  /* Prevent selection from interacting weirdly with the page,
   * see bug 1766093. Our text selection story with shadow dom should be
   * better, see bug 1590379 */
  user-select: none;
  /* Prevent unwanted style inheritance. See bug 554717. */
  text-align: left;
  list-style-image: none !important;
  font: normal normal normal 100% / normal sans-serif !important;
  text-decoration: none !important;
  white-space: normal !important;
}

.videocontrols[flipped] {
  transform: scaleX(-1);
}

.controlsContainer {
  --clickToPlay-size: 48px;
  --button-size: 30px;
  --timer-size: 40px;
  --timer-long-size: 60px;
  --track-size: 5px;
  --thumb-size: 13px;
  --label-font-size: 13px;
  --pip-toggle-padding: 5px;
  --control-focus-outline: 2px solid #00ddff;
  --control-focus-outline-offset: -2px;
  --pip-toggle-icon-width-height: 16px;
  --pip-toggle-translate-x: calc(100% - var(--pip-toggle-icon-width-height) - 2 * var(--pip-toggle-padding));

  color: #fff;
}
.controlsContainer.touch {
  --clickToPlay-size: 64px;
  --button-size: 40px;
  --timer-size: 52px;
  --timer-long-size: 78px;
  --track-size: 7px;
  --thumb-size: 16px;
  --label-font-size: 16px;
}

/* Some CSS custom properties defined here are referenced by videocontrols.js */
.controlBar {
  /* Do not delete: these variables are accessed by JavaScript directly.
     see videocontrols.js and search for |-width|. */
  --clickToPlay-width: var(--clickToPlay-size);
  --playButton-width: var(--button-size);
  --scrubberStack-width: 64px;
  --muteButton-width: var(--button-size);
  --volumeStack-width: 48px;
  --castingButton-width: var(--button-size);
  --closedCaptionButton-width: var(--button-size);
  --fullscreenButton-width: var(--button-size);
  --positionDurationBox-width: var(--timer-size);
  --durationSpan-width: var(--timer-size);
  --positionDurationBox-width-long: var(--timer-long-size);
  --durationSpan-width-long: var(--timer-long-size);
}

.touch .controlBar {
  /* Do not delete: these variables are accessed by JavaScript directly.
     see videocontrols.js and search for |-width|. */
  --scrubberStack-width: 84px;
  --volumeStack-width: 64px;
}

.controlsContainer [hidden],
.controlBar[hidden] .progressBar,
.controlBar[hidden] .bufferBar,
.videocontrols[inDOMFullscreen] > .controlsContainer > .controlsOverlay > #pictureInPictureToggle {
  display: none;
}

/* We hide the controlBar visually so it doesn't obscure the video. However,
 * we still want to expose it to a11y so users who don't use a mouse can access
 * it.
 */
.controlBar[hidden] {
  display: flex;
  opacity: 0;
  pointer-events: none;
}

.controlBar[size="hidden"] {
  display: none;
}

.controlsSpacer[hideCursor] {
  cursor: none;
}

.controlsContainer,
.progressContainer {
  position: relative;
  height: 100%;
}

.stackItem {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
}

.statusOverlay {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background-color: rgb(80, 80, 80, 0.85);
}

.controlsOverlay {
  display: flex;
  flex-direction: column;
  justify-content: center;
  position: relative;
}

.controlsSpacerStack {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  justify-content: center;
  align-items: center;
}

.controlBar {
  display: flex;
  box-sizing: border-box;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  height: 40px;
  padding: 0 9px;
  background-color: rgba(26, 26, 26, 0.8);
}

.touch .controlBar {
  height: 52px;
}

.controlBar > .button {
  /* Prevent #textTrackListContainer from blocking clicks on controls */
  z-index: 1;
  height: 100%;
  min-width: var(--button-size);
  min-height: var(--button-size);
  padding: 6px;
  border: 0;
  margin: 0;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center;
  background-origin: content-box;
  background-clip: content-box;
  -moz-context-properties: fill;
  fill: currentColor;
  color: inherit;
  outline: none;
}

/* Keyboard focus styling for interactive control elements (includes control
   bar, click to play and track list) */
.controlBar > .button:focus-visible,
.volumeControl:focus-visible,
.scrubber:focus-visible,
.clickToPlay:focus-visible,
.textTrackList > .textTrackItem:focus-visible {
  outline: var(--control-focus-outline);
  outline-offset: var(--control-focus-outline-offset);
}

.touch .controlBar > .button {
  background-size: 24px 24px;
}

.controlBar > .button:enabled:hover {
  fill: #48a0f7;
}

.controlBar > .button:enabled:hover:active {
  fill: #2d89e6;
}

.playButton {
  background-image: url(chrome://global/skin/media/pause-fill.svg);
}
.playButton[paused] {
  background-image: url(chrome://global/skin/media/play-fill.svg);
}

.muteButton {
  background-image: url(chrome://global/skin/media/audio.svg);
}
.muteButton[muted] {
  background-image: url(chrome://global/skin/media/audio-muted.svg);
}
.muteButton[noAudio] {
  background-image: url(chrome://global/skin/media/audioNoAudioButton.svg);
}
.muteButton[noAudio] + .volumeStack {
  display: none;
}

.castingButton {
  background-image: url(chrome://global/skin/media/castingButton-ready.svg);
}

.castingButton[enabled] {
  background-image: url(chrome://global/skin/media/castingButton-active.svg);
}

.closedCaptionButton {
  background-image: url(chrome://global/skin/media/closedCaptionButton-cc-off.svg);
}
.closedCaptionButton[enabled] {
  background-image: url(chrome://global/skin/media/closedCaptionButton-cc-on.svg);
}

.fullscreenButton {
  background-image: url(chrome://global/skin/media/fullscreenEnterButton.svg);
}
.fullscreenButton[fullscreened] {
  background-image: url(chrome://global/skin/media/fullscreenExitButton.svg);
}

.controlBarSpacer {
  flex-grow: 1;
}

.volumeControl::-moz-range-thumb,
.scrubber::-moz-range-thumb {
  height: var(--thumb-size);
  width: var(--thumb-size);
  border: none;
  border-radius: 50%;
  /* this is a foreground element even though it is implemented as a background */
  background-color: currentColor;
  filter: drop-shadow(0 0 2px rgba(0, 0, 0, 0.65));
}

.volumeControl,
.scrubber {
  outline: none;
}

.progressBackgroundBar {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.progressStack {
  position: relative;
  width: 100%;
  height: var(--track-size);
}

.scrubberStack {
  /* minus margin to get basis of required width */
  min-width: calc(var(--scrubberStack-width) - 18px);
  flex-basis: calc(var(--scrubberStack-width) - 18px);
  flex-grow: 2;
  flex-shrink: 0;
  margin: 0 9px;
}

.volumeStack {
  max-width: 60px;
  min-width: var(--volumeStack-width);
  flex-grow: 1;
  flex-shrink: 0;
  margin-right: 6px;
  margin-left: 4px;
}

.bufferBar,
.progressBar,
.scrubber,
.volumeControl {
  bottom: 0;
  color: inherit;
  left: 0;
  position: absolute;
  width: 100%;
  height: 100%;
  padding: 0;
  border: 0;
  border-radius: calc(var(--track-size) / 2);
  margin: 0;
  background: none;
  outline: none;
}

.bufferBar {
  background-color: rgba(0, 0, 0, 0.7);
}

.bufferBar::-moz-progress-bar,
.progressBar::-moz-progress-bar {
  height: 100%;
  padding: 0;
  margin: 0;
  border: 0;
  border-radius: calc(var(--track-size) / 2);
  background: none;
}

.bufferBar::-moz-progress-bar {
  background-color: rgba(255, 255, 255, 0.3);
  border-radius: calc(var(--track-size) / 2);
}

.progressBar::-moz-progress-bar {
  background-color: #00b6f0;
}

.scrubber:hover::-moz-range-thumb,
.volumeControl:hover::-moz-range-thumb {
  background-color: #48a0f7;
}

.scrubber:active::-moz-range-thumb,
.volumeControl:active::-moz-range-thumb {
  background-color: #2d89e6;
}

.scrubber::-moz-range-track,
.scrubber::-moz-range-progress {
  background-color: transparent;
}

.volumeControl::-moz-range-progress,
.volumeControl::-moz-range-track {
  height: var(--track-size);
  border-radius: calc(var(--track-size) / 2);
}

.volumeControl::-moz-range-progress {
  /* this is a foreground element even though it is implemented as a background */
  background-color: currentColor;
}

.volumeControl::-moz-range-track {
  background-color: rgba(0, 0, 0, 0.7);
}

@media (prefers-contrast) {
  /* Show a border in high contrast mode since background-colors
     are not shown. */
  .scrubber::-moz-range-track,
  .volumeControl::-moz-range-track {
    border: 1px solid;
  }

  .scrubber::-moz-range-progress,
  .volumeControl::-moz-range-progress {
    border: 2px solid;
  }
}

.textTrackListContainer {
  position: absolute;
  right: 5px;
  bottom: 45px;
  top: 5px;
  max-width: 80%;
  display: flex;
  flex-direction: column;
  justify-content: end;
}

.textTrackList {
  flex: 0 1 auto;
  border: 1px solid #000;
  border-radius: 2.5px;
  padding: 5px 0;
  vertical-align: middle;
  background-color: #000;
  opacity: 0.7;
  overflow-y: auto;
}

.touch .textTrackList {
  bottom: 58px;
}

.textTrackList > .textTrackItem {
  display: block;
  width: 100%;
  height: var(--button-size);
  font-size: var(--label-font-size);
  padding: 2px 10px;
  border: none;
  margin: 0;
  white-space: nowrap;
  overflow: hidden;
  text-align: left;
  text-overflow: ellipsis;
  background-color: transparent;
  color: inherit;
}

.textTrackList > .textTrackItem:hover {
  background-color: #444;
}

.textTrackList > .textTrackItem[aria-checked="true"] {
  color: #48a0f7;
}

.positionLabel,
.durationLabel {
  display: none;
}

.positionDurationBox {
  text-align: center;
  padding-inline-start: 1px;
  padding-inline-end: 9px;
  white-space: nowrap;
  font: message-box;
  font-size: var(--label-font-size);
  font-size-adjust: 0.55;
  font-variant-numeric: tabular-nums;
}

@media (-moz-platform: macos) {
  .positionDurationBox {
    font-size-adjust: unset;
    font-family: "Helvetica Neue", "Helvetica", sans-serif;
  }
}

.duration {
  display: inline-block;
  white-space: pre;
  color: #929292;
}

.statusIcon {
  width: 36px;
  height: 36px;
  margin-bottom: 20px;
}

/* Not showing the throbber on mobile because of conflict with m.youtube.com (see bug 1289412) */
.controlsContainer:not(.mobile) .statusIcon[type="throbber"] {
  background: url(chrome://global/skin/media/throbber.png) no-repeat center;
}

.controlsContainer:not(.mobile) .statusIcon[type="throbber"][stalled] {
  background: url(chrome://global/skin/media/stalled.png) no-repeat center;
}

.statusIcon[type="error"],
.statusIcon[type="pictureInPicture"] {
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

.statusIcon[type="error"] {
  min-width: 70px;
  min-height: 60px;
  background-image: url(chrome://global/skin/media/error.png);
}

.statusIcon[type="pictureInPicture"] {
  min-width: 84px;
  min-height: 84px;
  background-image: url(chrome://global/skin/media/picture-in-picture-open.svg);
  -moz-context-properties: fill;
  fill: currentColor;
}

.videocontrols[localedir="rtl"] .statusIcon[type="pictureInPicture"] {
  transform: scaleX(-1);
}

.pictureInPictureToggleLabel {
  margin-inline-start: var(--pip-toggle-padding);
}

/* Overlay Play button */
.clickToPlay {
  appearance: none;
  border: none;
  min-width: var(--clickToPlay-size);
  min-height: var(--clickToPlay-size);
  border-radius: 50%;
  background-image: url(chrome://global/skin/media/play-fill.svg);
  background-repeat: no-repeat;
  background-position: 54% 50%;
  background-size: 40% 40%;
  background-color: #1a1a1a;
  -moz-context-properties: fill;
  fill: currentColor;
  color: inherit;
  opacity: 0.8;
  position: relative;
  top: 20px;
}

.controlsSpacerStack:hover > .clickToPlay,
.clickToPlay:hover {
  opacity: 0.55;
}

.controlsSpacerStack:hover > .clickToPlay[fadeout] {
  opacity: 0;
}

.controlBar[fullscreen-unavailable] .fullscreenButton {
  display: none;
}

.statusOverlay[fadeout],
.statusOverlay[error] + .controlsOverlay > .controlsSpacerStack {
  opacity: 0;
}

.pictureInPictureOverlay {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  opacity: 1;
  background-color: rgb(12, 12, 13);
}

/* Status description formatting */
.statusLabel {
  display: none;
  padding: 0 10px;
  text-align: center;
  font: message-box;
  font-size: 14px;
}

.videocontrols[localedir="rtl"] .statusLabel {
  direction: rtl;
}

[status="errorAborted"] > #errorAborted,
[status="errorNetwork"] > #errorNetwork,
[status="errorDecode"] > #errorDecode,
[status="errorSrcNotSupported"] > #errorSrcNotSupported,
[status="errorNoSource"] > #errorNoSource,
[status="errorGeneric"] > #errorGeneric,
[status="pictureInPicture"] > #pictureInPicture {
  display: inline;
}

@media (-moz-platform: windows) and (prefers-contrast) {
  .controlsSpacer,
  .clickToPlay {
    background-color: transparent;
  }
}

.a11y-only {
  position: absolute;
  left: -10000px;
  width: 100px;
  height: 100px;
}

:host::cue {
  font-size: var(--cue-font-size);
  writing-mode: var(--cue-writing-mode, inherit);
}
.root-64d24 {
  align-items:center;
  background-color:var(--xh-color-button-primary);
  border:none;
  border-radius:var(--xh-border-radius-m);
  box-sizing:border-box;
  color:var(--xh-color-font-invert);
  cursor:pointer;
  display:inline-flex;
  font-family:var(--xh-body-font-family),var(--font-family-fallback);
  font-size:var(--xh-body-font-size);
  font-weight:var(--xh-body-bold-font-weight);
  height:40px;
  line-height:var(--xh-body-line-height-px);
  padding:var(--xh-spacers-l) var(--xh-spacers-xl);
  position:relative;
  text-decoration:none;
  user-select:none
}
.root-64d24:hover {
  transition:background-color 60ms ease-out
}
.root-64d24:focus,
.root-64d24:hover {
  background-color:var(--xh-color-button-primary-hover)
}
.root-64d24::-moz-focus-inner {
  border:0;
  padding:0
}
.root-64d24.hasLeftIcon-64d24 {
  padding-left:var(--xh-spacers-l)
}
.root-64d24.hasRightIcon-64d24 {
  padding-right:var(--xh-spacers-l)
}
.root-64d24.noText-64d24 {
  padding:10px
}
.root-64d24 svg {
  color:inherit;
  width:20px
}
.root-64d24.noPadding-64d24 {
  padding:0
}
.root-64d24:active {
  background-color:var(--xh-color-button-primary-pressed);
  transition:background-color 0ms
}
.root-64d24:active .dropdownIcon-64d24 svg {
  transform:translateY(1px)
}
.disabled-64d24 {
  cursor:not-allowed;
  opacity:.5;
  pointer-events:none;
  user-select:none
}
.size-big-64d24 {
  height:48px;
  padding:var(--xh-spacers-xl) var(--xh-spacers-2xl)
}
.size-big-64d24.root-64d24.dropdown-64d24 {
  padding-right:var(--xh-spacers-l)
}
.size-big-64d24.hasLeftIcon-64d24 {
  padding-left:var(--xh-spacers-xl)
}
.size-big-64d24.hasRightIcon-64d24 {
  padding-right:var(--xh-spacers-xl)
}
.size-big-64d24.noText-64d24 {
  padding:14px
}
.size-big-64d24.noPadding-64d24 {
  padding:0
}
.size-small-64d24 {
  height:32px;
  padding:var(--xh-spacers-m) var(--xh-spacers-l)
}
.size-small-64d24.root-64d24.dropdown-64d24 {
  padding-right:var(--xh-spacers-s)
}
.size-small-64d24.hasLeftIcon-64d24 {
  padding-left:var(--xh-spacers-m)
}
.size-small-64d24.hasRightIcon-64d24 {
  padding-right:var(--xh-spacers-m)
}
.size-small-64d24.noText-64d24 {
  padding:6px
}
.size-small-64d24.noPadding-64d24 {
  padding:0
}
.size-extra-small-64d24 {
  height:20px
}
.size-extra-small-64d24,
.size-extra-small-64d24.noText-64d24 {
  padding:0 var(--xh-spacers-xs)
}
.size-extra-small-64d24.noPadding-64d24 {
  padding:0
}
.rounded-64d24 {
  border-radius:200px
}
.fullWidth-64d24 {
  justify-content:center;
  text-align:center;
  width:100%
}
.color-brand-64d24 {
  background-color:var(--xh-color-brand-enabled);
  color:var(--xh-color-extra-white)
}
.color-brand-64d24:focus,
.color-brand-64d24:hover {
  background-color:var(--xh-color-brand-hover)
}
.color-brand-64d24:active {
  background-color:var(--xh-color-brand-pressed)
}
.color-secondary-64d24 {
  background-color:var(--xh-color-button-secondary);
  color:var(--xh-color-font-primary)
}
.color-secondary-64d24:focus,
.color-secondary-64d24:hover {
  background-color:var(--xh-color-button-secondary-hover)
}
.color-secondary-64d24:active {
  background-color:var(--xh-color-button-secondary-pressed)
}
.color-ghost-64d24 {
  background-color:transparent;
  color:var(--xh-color-font-primary)
}
.color-ghost-64d24:focus,
.color-ghost-64d24:hover {
  background-color:var(--xh-color-button-white-hover)
}
.color-ghost-64d24:active {
  background-color:var(--xh-color-button-white-pressed);
  filter:unset
}
.color-white-64d24 {
  background-color:var(--xh-color-button-white);
  box-shadow:var(--xh-shadow-small);
  color:var(--xh-color-font-primary);
  filter:drop-shadow(0,1px,2px,#000000);
  font-weight:var(--xh-body-font-weight)
}
.color-white-64d24:focus,
.color-white-64d24:hover {
  background-color:var(--xh-color-button-white-hover);
  box-shadow:none;
  filter:unset
}
.color-white-64d24:active {
  background-color:var(--xh-color-button-white-pressed);
  filter:unset
}
.color-green-64d24 {
  background-color:var(--xh-color-extra-green);
  color:var(--xh-color-extra-white)
}
.color-green-64d24:focus,
.color-green-64d24:hover {
  background-color:var(--xh-color-extra-green-hover)
}
.color-green-64d24:active {
  background-color:var(--xh-color-extra-green-pressed)
}
.color-indigo-64d24 {
  background-color:var(--xh-color-extra-indigo);
  color:var(--xh-color-extra-white)
}
.color-indigo-64d24:focus,
.color-indigo-64d24:hover {
  background-color:var(--xh-color-extra-indigo-hover)
}
.color-indigo-64d24:active {
  background-color:var(--xh-color-extra-indigo-pressed)
}
.color-yellow-64d24 {
  background-color:var(--xh-color-extra-yellow);
  color:var(--xh-color-extra-black)
}
.color-yellow-64d24:focus,
.color-yellow-64d24:hover {
  background-color:var(--xh-color-extra-yellow-hover)
}
.color-yellow-64d24:active {
  background-color:var(--xh-color-extra-yellow-pressed)
}
.root-64d24.dropdown-64d24 {
  padding-right:var(--xh-spacers-m)
}
.root-64d24.dropdown-64d24 .dropdownIcon-64d24 svg {
  margin-left:var(--xh-spacers-xs)
}
.root-64d24:not(.noText-64d24) .icon-64d24 svg {
  margin-right:6px
}
.root-64d24:not(.noText-64d24) .iconRight-64d24 svg {
  margin-left:calc(var(--xh-spacers-s) + var(--xh-spacers-xs))
}
.root-33e82 {
  display:inline-block;
  flex:0 0 auto;
  vertical-align:text-bottom
}
.icon-33e82 {
  display:block;
  transition:transform .25s
}
.icon-33e82,
.primary-33e82 {
  color:var(--xh-color-icon-primary)
}
.secondary-33e82 .icon-33e82 {
  color:var(--xh-color-icon-secondary)
}
.enabled-33e82 .icon-33e82 {
  color:var(--xh-color-brand-enabled)
}
.disabled-33e82 .icon-33e82 {
  color:var(--xh-color-icon-disabled)
}
.invert-33e82 .icon-33e82 {
  color:var(--xh-color-icon-invert)
}
.black-33e82 .icon-33e82 {
  color:var(--xh-color-extra-black)
}
.white-33e82 .icon-33e82 {
  color:var(--xh-color-extra-white)
}
.unset-33e82 .icon-33e82 {
  color:unset
}
.extra-blue-33e82 .icon-33e82 {
  color:var(--xh-color-extra-blue)
}
.extra-green-33e82 .icon-33e82 {
  color:var(--xh-color-extra-green)
}
.extra-violet-33e82 .icon-33e82 {
  color:var(--xh-color-extra-violet)
}
.rotate-90-33e82 {
  transform:rotate(90deg)
}
.rotate-180-33e82 {
  transform:rotate(180deg)
}
.rotate-270-33e82 {
  transform:rotate(270deg)
}
.primary-8643e {
  color:var(--xh-color-font-primary)
}
.secondary-8643e {
  color:var(--xh-color-font-secondary)
}
.brand-8643e {
  color:var(--xh-color-brand-enabled)
}
.disabled-8643e {
  color:var(--xh-color-font-disabled)
}
.invert-8643e {
  color:var(--xh-color-font-invert)
}
.white-8643e {
  color:var(--xh-color-extra-white)
}
.green-8643e {
  color:var(--xh-color-extra-green)
}
.unset-8643e {
  color:unset
}
.h1-8643e {
  font-family:var(--xh-h1-font-family),var(--font-family-fallback);
  font-size:var(--xh-h1-font-size);
  font-weight:var(--xh-h1-font-weight);
  line-height:var(--xh-h1-line-height-px)
}
.h1-bold-8643e {
  font-family:var(--xh-h1-bold-font-family),var(--font-family-fallback);
  font-size:var(--xh-h1-bold-font-size);
  font-weight:var(--xh-h1-bold-font-weight);
  line-height:var(--xh-h1-bold-line-height-px)
}
.h2-8643e {
  font-family:var(--xh-h2-font-family),var(--font-family-fallback);
  font-size:var(--xh-h2-font-size);
  font-weight:var(--xh-h2-font-weight);
  line-height:var(--xh-h2-line-height-px)
}
.h2-bold-8643e {
  font-family:var(--xh-h2-bold-font-family),var(--font-family-fallback);
  font-size:var(--xh-h2-bold-font-size);
  font-weight:var(--xh-h2-bold-font-weight);
  line-height:var(--xh-h2-bold-line-height-px)
}
.h3-8643e {
  font-family:var(--xh-h3-font-family),var(--font-family-fallback);
  font-size:var(--xh-h3-font-size);
  font-weight:var(--xh-h3-font-weight);
  line-height:var(--xh-h3-line-height-px)
}
.h3-bold-8643e {
  font-family:var(--xh-h3-bold-font-family),var(--font-family-fallback);
  font-size:var(--xh-h3-bold-font-size);
  font-weight:var(--xh-h3-bold-font-weight);
  line-height:var(--xh-h3-bold-line-height-px)
}
.h4-8643e {
  font-family:var(--xh-h4-font-family),var(--font-family-fallback);
  font-size:var(--xh-h4-font-size);
  font-weight:var(--xh-h4-font-weight);
  line-height:var(--xh-h4-line-height-px)
}
.h4-bold-8643e {
  font-family:var(--xh-h4-bold-font-family),var(--font-family-fallback);
  font-size:var(--xh-h4-bold-font-size);
  font-weight:var(--xh-h4-bold-font-weight);
  line-height:var(--xh-h4-bold-line-height-px)
}
.body-8643e {
  font-family:var(--xh-body-font-family),var(--font-family-fallback);
  font-size:var(--xh-body-font-size);
  font-weight:var(--xh-body-font-weight);
  line-height:var(--xh-body-line-height-px)
}
.body-bold-8643e {
  font-family:var(--xh-body-bold-font-family),var(--font-family-fallback);
  font-size:var(--xh-body-bold-font-size);
  font-weight:var(--xh-body-bold-font-weight);
  line-height:var(--xh-body-bold-line-height-px)
}
.caption-8643e {
  font-family:var(--xh-caption-font-family),var(--font-family-fallback);
  font-size:var(--xh-caption-font-size);
  font-weight:var(--xh-caption-font-weight);
  line-height:var(--xh-caption-line-height-px)
}
.caption-bold-8643e {
  font-family:var(--xh-caption-bold-font-family),var(--font-family-fallback);
  font-size:var(--xh-caption-bold-font-size);
  font-weight:var(--xh-caption-bold-font-weight);
  line-height:var(--xh-caption-bold-line-height-px)
}
.tiny-8643e {
  font-family:var(--xh-tiny-font-family),var(--font-family-fallback);
  font-size:var(--xh-tiny-font-size);
  font-weight:var(--xh-tiny-font-weight);
  line-height:var(--xh-tiny-line-height-px)
}
.tiny-bold-8643e {
  font-family:var(--xh-tiny-bold-font-family),var(--font-family-fallback);
  font-size:var(--xh-tiny-bold-font-size);
  font-weight:var(--xh-tiny-bold-font-weight);
  line-height:var(--xh-tiny-bold-line-height-px)
}
.bold-8643e {
  font-weight:var(--xh-body-bold-font-weight)
}
.root-48288 {
  -webkit-tap-highlight-color:transparent;
  color:var(--xh-color-font-primary);
  cursor:pointer;
  font-family:var(--xh-body-font-family),var(--font-family-fallback);
  font-size:var(--xh-body-font-size);
  font-weight:var(--xh-body-font-weight);
  line-height:var(--xh-body-line-height-px);
  text-decoration:none
}
@media (hover:hover) {
  .root-48288:hover {
    color:var(--xh-color-brand-enabled);
    transition:color 60ms ease-out
  }
}
.root-48288:active {
  color:var(--xh-color-brand-pressed);
  transition:color 0ms
}
.root-48288.bold-48288 {
  font-weight:var(--xh-body-bold-font-weight)
}
.offVisited-48288:visited {
  color:var(--xh-color-font-primary)
}
.underline-48288 {
  text-decoration:underline
}
.dottedline-48288 {
  text-decoration:underline dotted
}
.disabled-48288,
.disabled-48288:active,
.disabled-48288:hover {
  color:var(--xh-color-font-disabled);
  cursor:not-allowed
}
.small-48288 {
  font-family:var(--xh-caption-font-family),var(--font-family-fallback);
  font-size:var(--xh-caption-font-size);
  font-weight:var(--xh-caption-font-weight);
  line-height:var(--xh-caption-line-height-px)
}
.small-48288.bold-48288 {
  font-weight:var(--xh-caption-bold-font-weight)
}
.big-48288 {
  font-family:var(--xh-h4-font-family),var(--font-family-fallback);
  font-size:var(--xh-h4-font-size);
  font-weight:var(--xh-h4-font-weight);
  line-height:var(--xh-h4-line-height-px)
}
.big-48288.bold-48288 {
  font-weight:var(--xh-h4-bold-font-weight)
}
.withIconLeft-48288,
.withIconRight-48288 {
  align-items:center;
  display:inline-flex
}
.withIconLeft-48288 svg {
  margin-right:var(--xh-spacers-s)
}
.withIconRight-48288 svg {
  margin-left:var(--xh-spacers-s)
}
.primary-48288 {
  color:var(--xh-color-font-primary)
}
.secondary-48288 {
  color:var(--xh-color-font-secondary)
}
.brand-48288 {
  color:var(--xh-color-brand-enabled)
}
.invert-48288 {
  color:var(--xh-color-font-invert)
}
.unset-48288 {
  color:unset
}
:root {
  --cookies-dialog-max-width:526px
}
.wrapper-1f3f6 {
  align-items:center;
  display:flex;
  flex-direction:column;
  inset:0;
  bottom:var(--xh-spacers-xl);
  justify-content:flex-end;
  padding:0 var(--xh-spacers-s);
  pointer-events:none;
  position:fixed;
  width:100vw;
  z-index:var(--z-index-overlay)
}
.wrapper-1f3f6.overAv-1f3f6 {
  z-index:var(--xh-legacy-z-index-modal)
}
.wrapper-1f3f6.desktop-1f3f6 {
  bottom:0;
  justify-content:center;
  padding:0 var(--xh-spacers-5xl)
}
.logoContainer-1f3f6,
.parentalContent-1f3f6 {
  display:flex;
  max-width:var(--cookies-dialog-max-width);
  width:100%
}
.logoContainer-1f3f6 {
  align-items:center;
  gap:var(--xh-spacers-m);
  margin-bottom:var(--xh-spacers-l);
  z-index:var(--z-index-cookies-notice)
}
.logoContainer-1f3f6 .eighteen-1f3f6 {
  align-items:center;
  background:var(--color-red-dark);
  border-radius:var(--xh-border-radius-xxxl);
  color:var(--color-white);
  display:flex;
  font-size:var(--xh-h4-bold-font-family);
  font-weight:var(--xh-h4-bold-font-weight);
  height:40px;
  justify-content:center;
  width:40px
}
.experimentalModalContainer-1f3f6 {
  background-color:var(--color-cobalt-lighter);
  border-radius:var(--xh-border-radius-m);
  box-shadow:var(--xh-shadow-big);
  flex-direction:column;
  letter-spacing:0;
  line-height:var(--xh-body-line-height-px);
  max-width:none;
  overflow-y:auto;
  padding:var(--xh-spacers-xl);
  pointer-events:auto;
  width:100%;
  z-index:var(--z-index-cookies-notice)
}
.desktop-1f3f6 .experimentalModalContainer-1f3f6 {
  max-height:90vh;
  max-width:var(--cookies-dialog-max-width);
  padding:var(--xh-spacers-3xl)
}
.experimentalHeader-1f3f6 {
  font-size:var(--xh-h4-bold-font-size);
  font-weight:var(--xh-h4-bold-font-weight);
  line-height:var(--xh-h4-bold-line-height-px)
}
.desktop-1f3f6 .experimentalHeader-1f3f6 {
  font-size:var(--xh-h3-bold-font-size);
  font-weight:var(--xh-h3-bold-font-weight);
  line-height:var(--xh-h3-bold-line-height-px)
}
.experimentalContent-1f3f6 {
  margin:var(--xh-spacers-m) 0
}
.desktop-1f3f6 .experimentalContent-1f3f6 {
  margin:var(--xh-spacers-l) 0
}
.experimentalBulletList-1f3f6 {
  display:flex;
  flex-direction:column;
  gap:var(--xh-spacers-s);
  list-style:none;
  margin:var(--xh-spacers-m) 0
}
.desktop-1f3f6 .experimentalBulletList-1f3f6 {
  gap:var(--xh-spacers-m);
  margin:var(--xh-spacers-l) 0
}
.experimentalBulletList-1f3f6 .experimentalBulletListItem-1f3f6 {
  align-items:center;
  display:flex;
  gap:var(--xh-spacers-m)
}
.experimentalButtons-1f3f6 {
  display:flex;
  flex-direction:column;
  gap:var(--xh-spacers-xl);
  justify-content:space-between;
  margin-bottom:var(--xh-spacers-m)
}
.desktop-1f3f6 .experimentalButtons-1f3f6 {
  flex-direction:row;
  gap:var(--xh-spacers-l)
}
.experimentalButtons-1f3f6.reversed-1f3f6 {
  flex-direction:column-reverse
}
.desktop-1f3f6 .experimentalButtons-1f3f6.reversed-1f3f6 {
  flex-direction:row-reverse
}
.experimentalFooter-1f3f6 .link,
.experimentalFooter-1f3f6 .link-1f3f6 {
  font-weight:var(--xh-body-bold-font-weight);
  text-decoration:underline
}
.experimentalFooter-1f3f6 .link-1f3f6:hover,
.experimentalFooter-1f3f6 .link:hover {
  color:var(--color-accent-red)
}
.experimentalButton-1f3f6 {
  justify-content:center;
  width:100%
}
.dark .light-e7f6f,
.light .dark-e7f6f {
  display:none
}
.parentalBg-09bd7 {
  background-color:rgba(0,0,0,.7);
  height:100%;
  left:0;
  pointer-events:auto;
  position:fixed;
  top:0;
  width:100%;
  z-index:var(--z-index-over)
}
.parentalControl-09bd7 {
  align-items:center;
  display:flex;
  flex-direction:row;
  flex-wrap:nowrap;
  gap:var(--xh-spacers-l);
  justify-content:space-between;
  margin-top:var(--xh-spacers-m);
  pointer-events:auto;
  position:relative;
  width:100%;
  z-index:var(--z-index-cookies-notice)
}
.parentalControl-09bd7.desktop-09bd7 {
  gap:var(--xh-spacers-3xl);
  margin-top:var(--xh-spacers-2xl)
}
.parentalMessageText-09bd7 {
  font-size:var(--xh-caption-font-size);
  line-height:var(--xh-legacy-line-height-smaller)
}
.desktop-09bd7 .parentalMessageText-09bd7 {
  font-size:var(--xh-body-font-size);
  line-height:var(--xh-body-line-height-px)
}
.parentalMessageTitle-09bd7 {
  font-size:var(--xh-caption-font-size);
  font-weight:var(--xh-h2-bold-font-weight);
  line-height:var(--xh-caption-line-height-px)
}
.desktop-09bd7 .parentalMessageTitle-09bd7 {
  font-size:var(--xh-body-font-size);
  line-height:var(--xh-body-line-height-px)
}
.parentalLink-09bd7 {
  color:var(--color-white-origin);
  text-decoration:underline
}
.parentalLink-09bd7:hover {
  color:var(--color-accent-red)
}
.dark .light-e781e,
.light .dark-e781e {
  display:none
}
.parentalBg-3ec5d {
  background-color:rgba(0,0,0,.7);
  height:100%;
  left:0;
  position:fixed;
  top:0
}
.parentalBg-3ec5d,
.parentalControl-3ec5d {
  pointer-events:auto;
  width:100%;
  z-index:var(--z-index-over)
}
.parentalControl-3ec5d {
  align-items:center;
  display:flex;
  flex-direction:row;
  flex-wrap:nowrap;
  justify-content:space-between;
  position:relative
}
.columnLeft-3ec5d {
  display:flex;
  justify-content:flex-start;
  width:100%
}
.eighteen-3ec5d {
  align-items:center;
  background:var(--color-red-dark);
  border-radius:var(--xh-border-radius-xxxl);
  color:var(--color-white-origin);
  display:flex;
  font-size:var(--xh-tiny-line-height-px);
  font-weight:var(--xh-h2-bold-font-weight);
  height:40px;
  justify-content:center;
  min-width:40px;
  width:40px
}
.desktop-3ec5d .eighteen-3ec5d {
  font-size:var(--xh-h2-bold-font-size);
  height:124px;
  min-width:124px;
  width:124px
}
.parentalMessage-3ec5d {
  color:var(--color-white-origin);
  display:flex;
  flex-direction:column;
  font-size:var(--xh-caption-font-size);
  justify-content:center;
  line-height:var(--xh-legacy-line-height-smaller);
  margin-left:var(--xh-legacy-element-gap-smaller);
  max-width:100%;
  width:100%
}
.desktop-3ec5d .parentalMessage-3ec5d {
  font-size:inherit;
  line-height:var(--xh-body-line-height-px);
  margin-left:var(--xh-spacers-2xl)
}
.parentalMessageTitle-3ec5d {
  display:inline-block;
  font-size:var(--xh-body-font-size);
  font-weight:var(--xh-h2-bold-font-weight);
  line-height:var(--xh-body-line-height-px);
  max-width:100%
}
.desktop-3ec5d .parentalMessageTitle-3ec5d {
  font-size:var(--xh-h2-bold-font-size);
  line-height:var(--xh-h2-bold-line-height-px)
}
.parentalMessageBody-3ec5d {
  -webkit-line-clamp:3;
  -webkit-box-orient:vertical;
  align-items:center;
  display:-webkit-box;
  flex-wrap:wrap;
  justify-content:space-between;
  overflow:hidden;
  width:100%
}
.desktop-3ec5d .parentalMessageBody-3ec5d {
  -webkit-line-clamp:none;
  -webkit-box-orient:initial;
  display:flex;
  overflow:visible
}
.parentalMessageText-3ec5d {
  font-size:var(--xh-caption-font-size);
  line-height:var(--xh-legacy-line-height-smaller);
  max-width:100%
}
.desktop-3ec5d .parentalMessageText-3ec5d {
  font-size:var(--xh-body-font-size);
  line-height:var(--xh-body-line-height-px)
}
.parentalLink-3ec5d {
  color:var(--color-white-origin);
  text-decoration:underline
}
.parentalLink-3ec5d:hover {
  color:var(--color-accent-red)
}
.rta-3ec5d {
  float:right;
  margin-top:0
}
.wrapper-ac31d {
  align-items:center;
  bottom:var(--xh-spacers-xl);
  display:flex;
  flex-direction:column;
  justify-content:flex-start;
  left:0;
  padding:0 var(--xh-spacers-s);
  pointer-events:none;
  position:fixed;
  right:0;
  z-index:var(--z-index-cookies-notice)
}
.wrapper-ac31d.overAv-ac31d {
  z-index:var(--xh-legacy-z-index-modal)
}
.wrapper-ac31d.desktop-ac31d {
  bottom:var(--xh-spacers-5xl);
  padding:0 var(--xh-spacers-5xl)
}
.parentalContent-ac31d {
  display:flex;
  margin-bottom:var(--xh-spacers-l);
  width:100%
}
.desktop-ac31d .parentalContent-ac31d {
  margin-bottom:var(--xh-spacers-2xl)
}
.modal-ac31d {
  background-color:var(--color-cobalt-lighter);
  border-radius:var(--xh-border-radius-m);
  box-shadow:0 4px 20px rgba(0,0,0,.35);
  pointer-events:auto;
  position:relative;
  width:100%;
  z-index:var(--z-index-over)
}
.link-ac31d {
  cursor:pointer;
  text-decoration:underline
}
.link-ac31d:hover {
  color:var(--color-accent-red)
}
.body-ac31d {
  font-size:var(--xh-body-font-size);
  line-height:var(--xh-body-line-height-px);
  padding:40px var(--xh-spacers-5xl) var(--xh-spacers-3xl)
}
.mobile-ac31d .body-ac31d {
  line-height:var(--xh-caption-line-height-px);
  max-height:calc(100vh - 110px);
  overflow-y:scroll;
  padding:var(--xh-spacers-xl) var(--xh-spacers-xl)
}
.header-ac31d {
  font-size:var(--xh-h3-font-size);
  font-weight:700;
  line-height:var(--xh-h3-line-height-px);
  margin:var(--xh-spacers-2xl) 0
}
.mobile-ac31d .header-ac31d {
  font-size:var(--xh-h4-font-size);
  line-height:var(--xh-h4-line-height-px);
  margin:var(--xh-spacers-m) 0 0
}
.paragraph-ac31d {
  line-height:var(--xh-body-line-height-px)
}
.mobile-ac31d .paragraph-ac31d {
  margin-top:var(--xh-spacers-xl)
}
.footer-ac31d {
  display:flex;
  flex-direction:row;
  gap:var(--xh-spacers-xl);
  justify-content:flex-end;
  padding:var(--xh-spacers-5xl)
}
.footer-ac31d,
.mobile-ac31d .footer-ac31d {
  border-top:1px solid var(--color-line-separator)
}
.mobile-ac31d .footer-ac31d {
  flex-direction:column-reverse;
  gap:var(--xh-spacers-l);
  padding:var(--xh-spacers-xl)
}
.desktop-ac31d .button-ac31d {
  justify-content:center;
  max-width:225px;
  width:100%
}
.mobile-ac31d .button-ac31d {
  padding-left:var(--xh-spacers-m);
  padding-right:var(--xh-spacers-m)
}
.container-cd8ff {
  align-items:center;
  background-color:var(--color-cobalt-lighter);
  bottom:0;
  display:flex;
  gap:1vw;
  justify-content:center;
  padding:var(--xh-spacers-l) var(--xh-spacers-xl) var(--xh-spacers-l) var(--xh-spacers-2xl);
  position:fixed;
  width:100%;
  z-index:var(--z-index-cookies-notice)
}
.container-cd8ff.mobile-cd8ff {
  padding:var(--xh-spacers-xl) var(--xh-spacers-m)
}
.center-cd8ff {
  align-items:center;
  display:flex;
  flex:1;
  gap:var(--xh-spacers-l);
  justify-content:center
}
.mobile-cd8ff .center-cd8ff {
  flex-direction:column;
  padding-right:0
}
.message-cd8ff {
  display:flex;
  line-height:var(--xh-body-line-height-px);
  margin-right:var(--xh-spacers-xl)
}
.messageIcon-cd8ff {
  color:var(--xh-color-brand-enabled);
  display:block;
  margin-right:var(--xh-spacers-m)
}
.actions-cd8ff {
  display:flex;
  gap:var(--xh-spacers-m)
}
.mobile-cd8ff .actions-cd8ff {
  margin-left:var(--xh-spacers-xl)
}
.actionButton-cd8ff {
  text-wrap:nowrap
}
.closeButton-cd8ff {
  padding:0!important
}
.underAction-9afa3 {
  display:flex;
  justify-content:space-between
}
.container-9afa3 .footer-9afa3 {
  flex-direction:column
}
.cookiesAnnounce-30a9a {
  background:var(--color-cobalt-lighter);
  bottom:0;
  box-shadow:0 5px 20px 0 rgba(0,0,0,.3);
  left:0;
  padding:var(--xh-spacers-s) 0;
  position:fixed;
  text-align:center;
  transform:translateZ(0);
  width:100%;
  z-index:var(--z-index-cookies-notice)
}
.cookiesAnnounce-30a9a.mobile-30a9a {
  box-shadow:0 0 8px 0 rgba(0,0,0,.15);
  min-height:22px;
  display: none;
  padding:var(--xh-spacers-l) 55px var(--xh-spacers-l) var(--xh-spacers-l);
  text-align:left
}
.closeButton-30a9a {
  font-weight:700;
  margin-left:var(--xh-spacers-l);
  min-width:40px
}
.mobile-30a9a .closeButton-30a9a {
  height:30px;
  line-height:var(--xh-legacy-line-height-large);
  margin-top:calc(var(--xh-spacers-xl)*-1);
  position:absolute;
  right:var(--xh-spacers-l);
  top:50%
}
.link-30a9a {
  font-weight:700
}
.announceText-30a9a {
  color:var(--color-cobalt-darker);
  font-size:var(--xh-body-font-size);
  line-height:var(--xh-body-line-height-px)
}
.mobile-30a9a .announceText-30a9a {
  font-size:var(--xh-caption-font-size);
  line-height:var(--xh-caption-line-height-px)
}
.mobile-30a9a .announceText-30a9a a {
  color:var(--color-cobalt-darker);
  text-decoration:underline
}
.mobile-30a9a .announceText-30a9a a:visited {
  color:var(--color-cobalt)
}
.mobile-30a9a .announceText-30a9a a:link {
  color:var(--color-cobalt-darker)
}
.mobile-30a9a .announceText-30a9a a:hover {
  color:var(--color-accent-red)
}
/* This Source Code Form is subject to the terms of the Mozilla Public
 * License, v. 2.0. If a copy of the MPL was not distributed with this
 * file, You can obtain one at http://mozilla.org/MPL/2.0/. */

/* This CSS file is for the Picture-in-Picture toggle.
 *
 * The "experiment" class is used to enable styling for the VARIANT version
 * of the toggle for upcoming PiP Nimbus experiments.
 * @see Bug 1811314.
 *
 * To see each section of style changes, search "PIP STYLING" in this file.
 */

/* SHARED PIP STYLING */

.controlsOverlay[hidetoggle="true"].hovering > .pip-wrapper:not(.hovering) {
  /* If this isn't !important, it will fail to override the other opacity
   * rules, which are currently defined below this point in this file. */
  opacity: 0 !important;
}

.pip-wrapper {
  position: absolute;
  cursor: pointer;
  -moz-appearance: none;
  background: none;
  color: inherit;
  border: none;
  text-align: unset;
  top: calc(70% - 40px);
  opacity: 0;
  padding-inline: 0;
  transition: opacity 200ms;
  --pip-icon-size: 24px;
  --pip-icon-width-with-margins: calc(2 * var(--pip-toggle-margin) + var(--pip-icon-size));
  --pip-highlight-style: solid rgba(0, 254, 255, 1);
  --pip-highlight-width: 2px;
  --pip-toggle-distanceFromVideoEdge: 18px;
  --pip-toggle-focus-outline-offset: 1px;
  --pip-toggle-margin: 8px;
  --pip-border-radius-toggle: 4px;
  --pip-box-shadow-default: 0 0 4px rgba(255, 255, 255, 0.9);
  --pip-box-shadow-hover: 0 0 10px rgba(255, 255, 255, 0.7);
  --pip-expanded-height: 40px;
  --pip-expanded-min-width: 200px;
  --pip-expanded-max-width: max-content;
}

/* Adjust sizing of the regular toggle wrapper to correctly show the
 * focus outline when navigating via keyboard. */
.pip-wrapper[has-used],
.pip-wrapper[small-video] {
  height: var(--pip-icon-width-with-margins);
  width: var(--pip-icon-width-with-margins);
  border-radius: var(--pip-border-radius-toggle);
  margin-right: calc(var(--pip-icon-width-with-margins) * -1);
}

.pip-wrapper[policy="hidden"] {
  display: none;
}

.pip-wrapper[policy="top"] {
  top: 0%;
  translate: var(--pip-toggle-translate-x);
}

.pip-wrapper[policy="one-quarter"] {
  top: 25%;
}

.pip-wrapper[policy="middle"] {
  top: 50%;
}

.pip-wrapper[policy="three-quarters"] {
  top: 75%;
}

.pip-wrapper[policy="bottom"] {
  top: 100%;
  translate: var(--pip-toggle-translate-x) -100%;
}

.pip-wrapper[medium-video] > .pip-expanded > .pip-icon-label > .pip-label {
  font-size: 13px;
}

.pip-wrapper[medium-video] > .pip-expanded {
  font-size: 11px;
}

.pip-wrapper[position="right"] {
  /* move from the right by total width of pip toggle so that it is at least visible in the video element */
  right: calc(var(--pip-icon-width-with-margins) + var(--pip-toggle-distanceFromVideoEdge));
}

/* Re-position the first-time toggle such that it will always be the same distance away from the right edge
 * of the video, even if the label and/or message string(s) are long. */
.pip-wrapper[position="right"] > .pip-expanded {
  translate: calc(-100% + var(--pip-icon-width-with-margins));
  transform-origin: right;
}

.pip-wrapper[position="left"] {
  left: var(--pip-toggle-distanceFromVideoEdge);
}

.pip-expanded,
.pip-small,
.pip-icon,
.pip-explainer {
  position: absolute;
  left: 0;
  top: 0;
}

.pip-wrapper > .pip-expanded {
  display: flex;
  opacity: 0;
  align-items: center;
  scale: 0.33 1;
  font-size: 14px;
}

.pip-wrapper:not([small-video], [has-used]) > .pip-small {
  opacity: 0;
  transition: opacity 200ms;
}

.pip-wrapper:not([small-video], [has-used]) > .pip-expanded {
  opacity: 1;
  scale: 1;
  pointer-events: none;
}

.pip-wrapper:not([small-video], [has-used]).hovering > .pip-expanded {
  pointer-events: auto;
}

.pip-icon {
  top: 8px;
  left: 8px;
  pointer-events: none;
  background-image: url("chrome://global/skin/media/picture-in-picture-open.svg");
  background-position: center, center;
  background-repeat: no-repeat;
  background-size: var(--pip-icon-size) var(--pip-icon-size);
  -moz-context-properties: fill;
  fill: currentColor;
  height: var(--pip-icon-size);
  width: var(--pip-icon-size);
}

.videocontrols[localedir="rtl"] .pip-icon {
  transform: scaleX(-1);
}

.pip-wrapper[position="left"] > .pip-expanded > .pip-icon-label > .pip-label {
  margin-left: var(--pip-icon-width-with-margins);
  margin-right: var(--pip-toggle-margin);
}

.pip-small {
  width: 40px;
  height: 40px;
}

.pip-wrapper[position="left"] > .pip-expanded > .pip-icon-label > .pip-icon {
  display: none;
}

.pip-wrapper:is([small-video], [has-used]) > .pip-expanded,
.pip-wrapper[position="right"]:not([small-video], [has-used]) > .pip-icon {
  display: none;
}

.pip-wrapper[position="right"] > .pip-expanded > .pip-icon-label > .pip-icon {
  position: relative;
  top: 0;
  left: 0;
  display: inline-block;
}

.pip-wrapper[position="right"] > .pip-expanded > .pip-icon-label {
  display: flex;
  flex-direction: row;
  align-content: center;
}

.pip-wrapper[position="right"] > .pip-expanded > .pip-icon-label > .pip-icon,
.pip-wrapper[position="right"] > .pip-expanded > .pip-icon-label > .pip-label {
  margin-block: auto;
}

.pip-wrapper[position="right"] > .pip-expanded > .pip-icon-label > .pip-icon {
  margin-inline: var(--pip-toggle-margin);
}

.pip-wrapper[position="right"] > .pip-expanded > .pip-icon-label > .pip-label {
  margin-right: var(--pip-toggle-margin);
}

@media (prefers-reduced-motion) {
  .pip-wrapper,
  .pip-expanded,
  .pip-small,
  .pip-explainer {
    /* Transition changes in other rules may override this one if reduced motion is preferred.
     * Make sure this one always takes priority. */
    transition: none !important;
  }
}

/* NO EXPERIMENT - PIP STYLING */

.controlsOverlay:not(.experiment).hovering > .pip-wrapper:not(:focus-visible) {
  opacity: 0.8;
}

.controlsOverlay:not(.experiment).hovering > .pip-wrapper.hovering {
  opacity: 1;
}

/* If the PiP toggle is keyboard focused, always show it at 100% opacity */
.pip-wrapper:not([policy="hidden"], .experiment):focus-visible {
  opacity: 1;
}

/* If showing the expanded PiP toggle, don't outline the
 * parent wrapper element - the expanded toggle handles its
 * own outline. This also affects the regular toggle for small-videos. */
.pip-wrapper:not([policy="hidden"], [has-used], .experiment):focus-visible {
  outline: none;
}

/* Override outline set by ua.css for the regular toggle. */
.pip-wrapper[has-used]:not([policy="hidden"], .experiment):focus-visible {
  outline: var(--control-focus-outline);
}

.pip-wrapper:not(.experiment) > .pip-small {
  background-color: rgba(12, 12, 13, 0.65);
  box-shadow: 0 4px 4px rgba(12, 12, 13, 0.25);
  border-radius: var(--pip-border-radius-toggle);
}

.pip-wrapper:not(.experiment) > .pip-expanded,
.pip-wrapper:not(.experiment) > .pip-small {
  border: 1px solid rgba(255, 255, 255, 0.1);
  box-sizing: border-box;
}

/* If first-time toggle is visible and then switched to the regular toggle for smaller videos,
 * maintain the border shown on the first-time toggle. */
.pip-wrapper:not([has-used], .experiment) > .pip-small {
  border: var(--pip-highlight-width) var(--pip-highlight-style);
}

.pip-wrapper:not(.experiment) > .pip-expanded {
  border: var(--pip-highlight-width) var(--pip-highlight-style);
  transition:
    opacity 250ms,
    scale 200ms;
  height: var(--pip-expanded-height);
  background-color: rgba(12, 12, 13, 0.9);
  box-shadow: 0 4px 4px rgba(12, 12, 13, 0.25);
  width: var(--pip-expanded-max-width);
  min-width: var(--pip-expanded-min-width);
  border-radius: 8px;
}

.pip-wrapper:not(.experiment).hovering > .pip-expanded {
  box-shadow: none;
  border: var(--pip-highlight-width) var(--pip-highlight-style);
  /* Remove bottom border but keep text centred with padding. */
  border-bottom: none;
  padding-bottom: var(--pip-highlight-width);
}

.pip-wrapper:not([small-video], [has-used], .experiment).hovering > .pip-expanded {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

/* Toggle message only appears for CONTROL variant. */
.pip-wrapper:not(.experiment) > .pip-expanded > .pip-explainer {
  padding: 6px 16px 8px 8px;
  translate: 0;
  transition:
    opacity 250ms,
    translate 190ms;
  transition-timing-function: cubic-bezier(0.07, 0.95, 0, 1);
  background: rgba(12, 12, 13, 0.65);
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
  border: var(--pip-highlight-width) var(--pip-highlight-style);
  border-top: 0;
  box-shadow: 0 4px 4px rgba(12, 12, 13, 0.25);
  opacity: 0;
  margin-inline: calc(-1 * var(--pip-highlight-width));
  width: calc(100% - 24px);
  word-break: break-word;
  pointer-events: none;
  user-select: none;
}

.videocontrols[localedir="rtl"] .pip-wrapper:not(.experiment) > .pip-explainer {
  text-align: right;
  direction: rtl;
}

.pip-wrapper:not(.experiment).hovering > .pip-expanded > .pip-explainer {
  pointer-events: auto;
  opacity: 1;
  translate: 0 calc(40px - var(--pip-highlight-width));
}

/* EXPERIMENT ONLY - PIP STYLING */

/* Since we change the outline for the first-time PiP toggle VARIANT,
 * override the focus outline in videocontrols.css as well so that
 * there is design consistency. */
.controlsContainer.experiment {
  --control-focus-outline: 2px solid #0060df;
}

.pip-wrapper.experiment > .pip-expanded > .pip-icon-label > .pip-label {
  font-size: min(16px, 1.4em);
}

/* Only the background will be set at 70% opacity. The icons and labels will remain at 100%. */
.controlsOverlay.experiment.hovering > .pip-wrapper {
  opacity: 1;
}

/* If the PiP toggle is keyboard focused, always show it and override outline set by ua.css.
 * Opacity only affects the toggle icon and label, not the background, which is handled separately. */
.pip-wrapper.experiment:not([policy="hidden"]):focus-visible {
  opacity: 1;
  /* Wrapper size won't always match pip-small or pip-expanded, so don't apply outline on wrapper. */
  outline: none;
}

/* For the regular PiP toggle, take into consideration small videos and has-used=true. */
.pip-wrapper.experiment:is([has-used], [small-video]):not([policy="hidden"]):focus-visible > .pip-small,
.pip-wrapper.experiment:not([policy="hidden"], [has-used]):focus-visible > .pip-expanded {
  outline: var(--control-focus-outline);
  outline-offset: var(--pip-toggle-focus-outline-offset);
}

.pip-wrapper.experiment > .pip-expanded > .pip-explainer {
  display: none;
}

.pip-wrapper.experiment > .pip-small {
  border-radius: var(--pip-border-radius-toggle);
  transition: background-color 200ms;
}

.pip-wrapper.experiment > .pip-expanded {
  transition:
    opacity 250ms,
    scale 200ms,
    translate 190ms,
    background-color 200ms;
  height: var(--pip-expanded-height);
  width: var(--pip-expanded-max-width);
  min-width: var(--pip-expanded-min-width);
  border-radius: var(--pip-border-radius-toggle);
}

.pip-wrapper.experiment > .pip-small,
.pip-wrapper.experiment > .pip-expanded {
  background-color: rgba(0, 0, 0, 0.7);
  box-sizing: border-box;
}

.pip-wrapper.experiment.hovering > .pip-small,
.pip-wrapper.experiment.hovering > .pip-expanded {
  background-color: rgba(0, 0, 0, 1);
}

.pip-wrapper.experiment:not([policy="hidden"], :focus-visible) > .pip-small,
.pip-wrapper.experiment:not([policy="hidden"], :focus-visible) > .pip-expanded {
  box-shadow: var(--pip-box-shadow-default);
}

.pip-wrapper.experiment:not([policy="hidden"], :focus-visible).hovering > .pip-small,
.pip-wrapper.experiment:not([policy="hidden"], :focus-visible).hovering > .pip-expanded {
  box-shadow: var(--pip-box-shadow-hover);
}

/* Remove white box shadow if there is keyboard focus on the toggle and
 * replace it with blue box shadow instead. */
.pip-wrapper.experiment:not([policy="hidden"]):focus-visible > .pip-small,
.pip-wrapper.experiment:not([policy="hidden"]):focus-visible > .pip-expanded {
  box-shadow: 0 0 10px rgba(0, 96, 223, 0.9);
}
/* This Source Code Form is subject to the terms of the Mozilla Public
 * License, v. 2.0. If a copy of the MPL was not distributed with this
 * file, You can obtain one at http://mozilla.org/MPL/2.0/. */

/* This CSS file is for the Picture-in-Picture toggle.
 *
 * The "experiment" class is used to enable styling for the VARIANT version
 * of the toggle for upcoming PiP Nimbus experiments.
 * @see Bug 1811314.
 *
 * To see each section of style changes, search "PIP STYLING" in this file.
 */

/* SHARED PIP STYLING */

.controlsOverlay[hidetoggle="true"].hovering > .pip-wrapper:not(.hovering) {
  /* If this isn't !important, it will fail to override the other opacity
   * rules, which are currently defined below this point in this file. */
  opacity: 0 !important;
}

.pip-wrapper {
  position: absolute;
  cursor: pointer;
  -moz-appearance: none;
  background: none;
  color: inherit;
  border: none;
  text-align: unset;
  top: calc(70% - 40px);
  opacity: 0;
  padding-inline: 0;
  transition: opacity 200ms;
  --pip-icon-size: 24px;
  --pip-icon-width-with-margins: calc(2 * var(--pip-toggle-margin) + var(--pip-icon-size));
  --pip-highlight-style: solid rgba(0, 254, 255, 1);
  --pip-highlight-width: 2px;
  --pip-toggle-distanceFromVideoEdge: 18px;
  --pip-toggle-focus-outline-offset: 1px;
  --pip-toggle-margin: 8px;
  --pip-border-radius-toggle: 4px;
  --pip-box-shadow-default: 0 0 4px rgba(255, 255, 255, 0.9);
  --pip-box-shadow-hover: 0 0 10px rgba(255, 255, 255, 0.7);
  --pip-expanded-height: 40px;
  --pip-expanded-min-width: 200px;
  --pip-expanded-max-width: max-content;
}

/* Adjust sizing of the regular toggle wrapper to correctly show the
 * focus outline when navigating via keyboard. */
.pip-wrapper[has-used],
.pip-wrapper[small-video] {
  height: var(--pip-icon-width-with-margins);
  width: var(--pip-icon-width-with-margins);
  border-radius: var(--pip-border-radius-toggle);
  margin-right: calc(var(--pip-icon-width-with-margins) * -1);
}

.pip-wrapper[policy="hidden"] {
  display: none;
}

.pip-wrapper[policy="top"] {
  top: 0%;
  translate: var(--pip-toggle-translate-x);
}

.pip-wrapper[policy="one-quarter"] {
  top: 25%;
}

.pip-wrapper[policy="middle"] {
  top: 50%;
}

.pip-wrapper[policy="three-quarters"] {
  top: 75%;
}

.pip-wrapper[policy="bottom"] {
  top: 100%;
  translate: var(--pip-toggle-translate-x) -100%;
}

.pip-wrapper[medium-video] > .pip-expanded > .pip-icon-label > .pip-label {
  font-size: 13px;
}

.pip-wrapper[medium-video] > .pip-expanded {
  font-size: 11px;
}

.pip-wrapper[position="right"] {
  /* move from the right by total width of pip toggle so that it is at least visible in the video element */
  right: calc(var(--pip-icon-width-with-margins) + var(--pip-toggle-distanceFromVideoEdge));
}

/* Re-position the first-time toggle such that it will always be the same distance away from the right edge
 * of the video, even if the label and/or message string(s) are long. */
.pip-wrapper[position="right"] > .pip-expanded {
  translate: calc(-100% + var(--pip-icon-width-with-margins));
  transform-origin: right;
}

.pip-wrapper[position="left"] {
  left: var(--pip-toggle-distanceFromVideoEdge);
}

.pip-expanded,
.pip-small,
.pip-icon,
.pip-explainer {
  position: absolute;
  left: 0;
  top: 0;
}

.pip-wrapper > .pip-expanded {
  display: flex;
  opacity: 0;
  align-items: center;
  scale: 0.33 1;
  font-size: 14px;
}

.pip-wrapper:not([small-video], [has-used]) > .pip-small {
  opacity: 0;
  transition: opacity 200ms;
}

.pip-wrapper:not([small-video], [has-used]) > .pip-expanded {
  opacity: 1;
  scale: 1;
  pointer-events: none;
}

.pip-wrapper:not([small-video], [has-used]).hovering > .pip-expanded {
  pointer-events: auto;
}

.pip-icon {
  top: 8px;
  left: 8px;
  pointer-events: none;
  background-image: url("chrome://global/skin/media/picture-in-picture-open.svg");
  background-position: center, center;
  background-repeat: no-repeat;
  background-size: var(--pip-icon-size) var(--pip-icon-size);
  -moz-context-properties: fill;
  fill: currentColor;
  height: var(--pip-icon-size);
  width: var(--pip-icon-size);
}

.videocontrols[localedir="rtl"] .pip-icon {
  transform: scaleX(-1);
}

.pip-wrapper[position="left"] > .pip-expanded > .pip-icon-label > .pip-label {
  margin-left: var(--pip-icon-width-with-margins);
  margin-right: var(--pip-toggle-margin);
}

.pip-small {
  width: 40px;
  height: 40px;
}

.pip-wrapper[position="left"] > .pip-expanded > .pip-icon-label > .pip-icon {
  display: none;
}

.pip-wrapper:is([small-video], [has-used]) > .pip-expanded,
.pip-wrapper[position="right"]:not([small-video], [has-used]) > .pip-icon {
  display: none;
}

.pip-wrapper[position="right"] > .pip-expanded > .pip-icon-label > .pip-icon {
  position: relative;
  top: 0;
  left: 0;
  display: inline-block;
}

.pip-wrapper[position="right"] > .pip-expanded > .pip-icon-label {
  display: flex;
  flex-direction: row;
  align-content: center;
}

.pip-wrapper[position="right"] > .pip-expanded > .pip-icon-label > .pip-icon,
.pip-wrapper[position="right"] > .pip-expanded > .pip-icon-label > .pip-label {
  margin-block: auto;
}

.pip-wrapper[position="right"] > .pip-expanded > .pip-icon-label > .pip-icon {
  margin-inline: var(--pip-toggle-margin);
}

.pip-wrapper[position="right"] > .pip-expanded > .pip-icon-label > .pip-label {
  margin-right: var(--pip-toggle-margin);
}

@media (prefers-reduced-motion) {
  .pip-wrapper,
  .pip-expanded,
  .pip-small,
  .pip-explainer {
    /* Transition changes in other rules may override this one if reduced motion is preferred.
     * Make sure this one always takes priority. */
    transition: none !important;
  }
}

/* NO EXPERIMENT - PIP STYLING */

.controlsOverlay:not(.experiment).hovering > .pip-wrapper:not(:focus-visible) {
  opacity: 0.8;
}

.controlsOverlay:not(.experiment).hovering > .pip-wrapper.hovering {
  opacity: 1;
}

/* If the PiP toggle is keyboard focused, always show it at 100% opacity */
.pip-wrapper:not([policy="hidden"], .experiment):focus-visible {
  opacity: 1;
}

/* If showing the expanded PiP toggle, don't outline the
 * parent wrapper element - the expanded toggle handles its
 * own outline. This also affects the regular toggle for small-videos. */
.pip-wrapper:not([policy="hidden"], [has-used], .experiment):focus-visible {
  outline: none;
}

/* Override outline set by ua.css for the regular toggle. */
.pip-wrapper[has-used]:not([policy="hidden"], .experiment):focus-visible {
  outline: var(--control-focus-outline);
}

.pip-wrapper:not(.experiment) > .pip-small {
  background-color: rgba(12, 12, 13, 0.65);
  box-shadow: 0 4px 4px rgba(12, 12, 13, 0.25);
  border-radius: var(--pip-border-radius-toggle);
}

.pip-wrapper:not(.experiment) > .pip-expanded,
.pip-wrapper:not(.experiment) > .pip-small {
  border: 1px solid rgba(255, 255, 255, 0.1);
  box-sizing: border-box;
}

/* If first-time toggle is visible and then switched to the regular toggle for smaller videos,
 * maintain the border shown on the first-time toggle. */
.pip-wrapper:not([has-used], .experiment) > .pip-small {
  border: var(--pip-highlight-width) var(--pip-highlight-style);
}

.pip-wrapper:not(.experiment) > .pip-expanded {
  border: var(--pip-highlight-width) var(--pip-highlight-style);
  transition:
    opacity 250ms,
    scale 200ms;
  height: var(--pip-expanded-height);
  background-color: rgba(12, 12, 13, 0.9);
  box-shadow: 0 4px 4px rgba(12, 12, 13, 0.25);
  width: var(--pip-expanded-max-width);
  min-width: var(--pip-expanded-min-width);
  border-radius: 8px;
}

.pip-wrapper:not(.experiment).hovering > .pip-expanded {
  box-shadow: none;
  border: var(--pip-highlight-width) var(--pip-highlight-style);
  /* Remove bottom border but keep text centred with padding. */
  border-bottom: none;
  padding-bottom: var(--pip-highlight-width);
}

.pip-wrapper:not([small-video], [has-used], .experiment).hovering > .pip-expanded {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

/* Toggle message only appears for CONTROL variant. */
.pip-wrapper:not(.experiment) > .pip-expanded > .pip-explainer {
  padding: 6px 16px 8px 8px;
  translate: 0;
  transition:
    opacity 250ms,
    translate 190ms;
  transition-timing-function: cubic-bezier(0.07, 0.95, 0, 1);
  background: rgba(12, 12, 13, 0.65);
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
  border: var(--pip-highlight-width) var(--pip-highlight-style);
  border-top: 0;
  box-shadow: 0 4px 4px rgba(12, 12, 13, 0.25);
  opacity: 0;
  margin-inline: calc(-1 * var(--pip-highlight-width));
  width: calc(100% - 24px);
  word-break: break-word;
  pointer-events: none;
  user-select: none;
}

.videocontrols[localedir="rtl"] .pip-wrapper:not(.experiment) > .pip-explainer {
  text-align: right;
  direction: rtl;
}

.pip-wrapper:not(.experiment).hovering > .pip-expanded > .pip-explainer {
  pointer-events: auto;
  opacity: 1;
  translate: 0 calc(40px - var(--pip-highlight-width));
}

/* EXPERIMENT ONLY - PIP STYLING */

/* Since we change the outline for the first-time PiP toggle VARIANT,
 * override the focus outline in videocontrols.css as well so that
 * there is design consistency. */
.controlsContainer.experiment {
  --control-focus-outline: 2px solid #0060df;
}

.pip-wrapper.experiment > .pip-expanded > .pip-icon-label > .pip-label {
  font-size: min(16px, 1.4em);
}

/* Only the background will be set at 70% opacity. The icons and labels will remain at 100%. */
.controlsOverlay.experiment.hovering > .pip-wrapper {
  opacity: 1;
}

/* If the PiP toggle is keyboard focused, always show it and override outline set by ua.css.
 * Opacity only affects the toggle icon and label, not the background, which is handled separately. */
.pip-wrapper.experiment:not([policy="hidden"]):focus-visible {
  opacity: 1;
  /* Wrapper size won't always match pip-small or pip-expanded, so don't apply outline on wrapper. */
  outline: none;
}

/* For the regular PiP toggle, take into consideration small videos and has-used=true. */
.pip-wrapper.experiment:is([has-used], [small-video]):not([policy="hidden"]):focus-visible > .pip-small,
.pip-wrapper.experiment:not([policy="hidden"], [has-used]):focus-visible > .pip-expanded {
  outline: var(--control-focus-outline);
  outline-offset: var(--pip-toggle-focus-outline-offset);
}

.pip-wrapper.experiment > .pip-expanded > .pip-explainer {
  display: none;
}

.pip-wrapper.experiment > .pip-small {
  border-radius: var(--pip-border-radius-toggle);
  transition: background-color 200ms;
}

.pip-wrapper.experiment > .pip-expanded {
  transition:
    opacity 250ms,
    scale 200ms,
    translate 190ms,
    background-color 200ms;
  height: var(--pip-expanded-height);
  width: var(--pip-expanded-max-width);
  min-width: var(--pip-expanded-min-width);
  border-radius: var(--pip-border-radius-toggle);
}

.pip-wrapper.experiment > .pip-small,
.pip-wrapper.experiment > .pip-expanded {
  background-color: rgba(0, 0, 0, 0.7);
  box-sizing: border-box;
}

.pip-wrapper.experiment.hovering > .pip-small,
.pip-wrapper.experiment.hovering > .pip-expanded {
  background-color: rgba(0, 0, 0, 1);
}

.pip-wrapper.experiment:not([policy="hidden"], :focus-visible) > .pip-small,
.pip-wrapper.experiment:not([policy="hidden"], :focus-visible) > .pip-expanded {
  box-shadow: var(--pip-box-shadow-default);
}

.pip-wrapper.experiment:not([policy="hidden"], :focus-visible).hovering > .pip-small,
.pip-wrapper.experiment:not([policy="hidden"], :focus-visible).hovering > .pip-expanded {
  box-shadow: var(--pip-box-shadow-hover);
}

/* Remove white box shadow if there is keyboard focus on the toggle and
 * replace it with blue box shadow instead. */
.pip-wrapper.experiment:not([policy="hidden"]):focus-visible > .pip-small,
.pip-wrapper.experiment:not([policy="hidden"]):focus-visible > .pip-expanded {
  box-shadow: 0 0 10px rgba(0, 96, 223, 0.9);
}
:root {
  --xh-h1-font-size:42px;
  --xh-h1-font-weight:400;
  --xh-h1-font-family:Roboto;
  --xh-h1-line-height-px:52px;
  --xh-h1-bold-font-size:42px;
  --xh-h1-bold-font-weight:700;
  --xh-h1-bold-font-family:Roboto;
  --xh-h1-bold-line-height-px:52px;
  --xh-h2-font-size:36px;
  --xh-h2-font-weight:400;
  --xh-h2-font-family:Roboto;
  --xh-h2-line-height-px:48px;
  --xh-h2-bold-font-size:36px;
  --xh-h2-bold-font-weight:700;
  --xh-h2-bold-font-family:Roboto;
  --xh-h2-bold-line-height-px:48px;
  --xh-h3-font-size:24px;
  --xh-h3-font-weight:400;
  --xh-h3-font-family:Roboto;
  --xh-h3-line-height-px:32px;
  --xh-h3-bold-font-size:24px;
  --xh-h3-bold-font-weight:700;
  --xh-h3-bold-font-family:Roboto;
  --xh-h3-bold-line-height-px:32px;
  --xh-h4-font-size:18px;
  --xh-h4-font-weight:400;
  --xh-h4-font-family:Roboto;
  --xh-h4-line-height-px:24px;
  --xh-h4-bold-font-size:18px;
  --xh-h4-bold-font-weight:700;
  --xh-h4-bold-font-family:Roboto;
  --xh-h4-bold-line-height-px:24px;
  --xh-body-font-size:14px;
  --xh-body-font-weight:400;
  --xh-body-font-family:Roboto;
  --xh-body-line-height-px:20px;
  --xh-body-bold-font-size:14px;
  --xh-body-bold-font-weight:700;
  --xh-body-bold-font-family:Roboto;
  --xh-body-bold-line-height-px:20px;
  --xh-caption-font-size:12px;
  --xh-caption-font-weight:400;
  --xh-caption-font-family:Roboto;
  --xh-caption-line-height-px:16px;
  --xh-caption-bold-font-size:12px;
  --xh-caption-bold-font-weight:700;
  --xh-caption-bold-font-family:Roboto;
  --xh-caption-bold-line-height-px:16px;
  --xh-tiny-font-size:11px;
  --xh-tiny-font-weight:400;
  --xh-tiny-font-family:Roboto;
  --xh-tiny-line-height-px:16px;
  --xh-tiny-bold-font-size:11px;
  --xh-tiny-bold-font-weight:700;
  --xh-tiny-bold-font-family:Roboto;
  --xh-tiny-bold-line-height-px:16px;
  --xh-spacers-xs:2px;
  --xh-spacers-s:4px;
  --xh-spacers-m:8px;
  --xh-spacers-l:12px;
  --xh-spacers-xl:16px;
  --xh-spacers-2xl:20px;
  --xh-spacers-3xl:24px;
  --xh-spacers-4xl:28px;
  --xh-spacers-5xl:32px;
  --xh-border-radius-xs:2px;
  --xh-border-radius-s:4px;
  --xh-border-radius-m:6px;
  --xh-border-radius-l:8px;
  --xh-border-radius-xl:12px;
  --xh-border-radius-xxl:16px;
  --xh-border-radius-xxxl:400px;
  --z-index-negative:-1;
  --z-index-level0:0;
  --z-index-level1:1;
  --z-index-level2:2;
  --z-index-level3:3;
  --z-index-over:100;
  --z-index-tooltip-underhead:400;
  --z-index-tooltip:1100;
  --z-index-dropdown:1200;
  --z-index-overlay:1600;
  --z-index-cookies-notice:1700;
  --xh-thumb-16-9:56.25%;
  --xh-thumb-4-3:75%;
  --font-family-fallback:Roboto,-apple-system,BlinkMacSystemFont,"Helvetica Neue",Arial,sans-serif;
  --xh-shadow-big:0 3px 3px 0 rgba(48,48,48,.03),0 8px 12px 0 rgba(48,48,48,.04),0 23px 31px 0 rgba(48,48,48,.05),0 100px 80px 0 rgba(48,48,48,.07),0 0 0 1px rgba(48,48,48,.08);
  --xh-shadow-small:0 0.3px 0.9px 0 rgba(0,0,0,.12),0 1.6px 3.6px 0 rgba(0,0,0,.14);
  --xh-legacy-color-twitter:#1da1f2;
  --xh-legacy-font-size-icon:20px;
  --xh-legacy-font-size-largest:24px;
  --xh-legacy-font-size-larger:18px;
  --xh-legacy-font-size-big:20px;
  --xh-legacy-font-size-normal:14px;
  --xh-legacy-font-size-small:12px;
  --xh-legacy-line-height-large:26px;
  --xh-legacy-line-height-small:20px;
  --xh-legacy-line-height-smaller:18px;
  --xh-legacy-element-gap-larger:30px;
  --xh-legacy-element-gap-big:25px;
  --xh-legacy-element-gap-large:20px;
  --xh-legacy-element-gap-normal:15px;
  --xh-legacy-element-gap-small:10px;
  --xh-legacy-element-gap-smaller:5px;
  --xh-legacy-z-index-badge:3;
  --xh-legacy-z-index-promo-pinned:4;
  --xh-legacy-z-index-dropdown:5;
  --xh-legacy-z-index-header:6;
  --xh-legacy-z-index-player:1000;
  --xh-legacy-z-index-category-info:2101;
  --xh-legacy-z-index-modal:5000;
  --xh-legacy-z-index-tooltip:5001;
  --xh-legacy-border-radius-tiny:10px;
  --xh-legacy-border-radius-input:5px
}
.xh-helper-static-dialog-overlay {
  --z-index-cookies-notice:var(--xh-legacy-z-index-tooltip)
}
.xh-helper-static-dialog-overlay body {
  overflow:hidden
}
.xh-helper-static-dialog-overlay body:after {
  background-color:rgba(0,0,0,.7);
  content:"";
  display:block;
  inset:0;
  position:absolute;
  z-index:var(--z-index-overlay)
}
.xh-helper-static-dialog-overlay .main-wrap {
  overflow:hidden
}
.xh-helper-static-dialog-overlay .dialog-desktop-container .dlg-backing,
.xh-helper-static-dialog-overlay .dialog-mobile-container .dlg-backing {
  background-color:transparent
}
*,
body,
html {
  margin: 0;
  padding: 0;
  border:none;
}
body,
html {
  width: 100%;
  height: 100%;
}
iframe[seamless] {
  background-color: transparent;
  border: 0px none transparent;
  padding: 0px;
  overflow: hidden;
  margin: 0;
}
.dsa_icon {
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  width: 24px;
  height: 16px;
  border-radius: 4px;
  background-color: rgba(128, 128, 128, 0.6);
  margin: 6px;
}
.dsa_icon_container {
  position: absolute;
  cursor: pointer;
  z-index: 2;
  top: 0px;
  right: 0px;
}
.dsa_icon_container_iframe {
  top: 3px;
}
.dsa_icon:hover {
  background-color: rgba(185, 185, 185, 0.6);
}
.dsa_icon__label {
  font-family: Helvetica;
  font-size: 11px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.09;
  letter-spacing: normal;
  text-align: center;
  color: rgba(255, 255, 255, 0.9);
}
.dsa_button_close {
  margin-top: 6px;
  width: 20px;
  height: 20px;
  cursor: pointer;
  background: #efefef;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10'%3E%3Cpath d='M0 1L1 0L10 9L9 10ZM9 0L10 1L1 10L0 9Z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: 60% 60%;
}
.dsa_button_close_iframe {
  margin-top: 9px;
}
.dsa_container {
  width: 100%;
  height: 100%;
  visibility: hidden;
  background-color: #efefef;
  position: absolute;
  z-index: 3;
  display: flex;
  top: 0px;
  left: 0px;
}
.dsa_content {
  width: calc(100% - 32px);
  height: calc(100% - 20px);
  padding: 12px 0px 6px 8px;
}
.dsa_text {
  overflow: auto;
  max-height: 100%;
  font-family: Helvetica;
  font-size: 11px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.45;
  letter-spacing: normal;
  color: rgba(42, 42, 52, 0.9);
}
.dsa_text a {
  color: rgba(42, 42, 52, 0.9);
}
.visible {
  visibility: unset !important;
}
.dsa-btns {
  visibility: hidden;
  background-color: white;
  border-radius: 4px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
  position: absolute;
  z-index: 2;
  top: 23px;
  right: 6px;
  padding-top: 4px;
  padding-bottom: 4px;
  box-shadow: 0 2px 8px -1px rgba(0, 0, 0, 0.24), 0 6px 12px -1px rgba(0, 0, 0, 0.13);
}
.dsa-btn-report,
.dsa-btn-info {
  font-family: Helvetica, sans-serif;
  padding: 0px 8px;
  cursor: pointer;
  color: #2a2a34;
  font-size: 11px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 2.18;
}
.dsa-btn-report:hover,
.dsa-btn-info:hover {
  background-color: #f2f2f2;
}
.dsa-reported {
  right: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  visibility: hidden;
  background-color: #efefef;
  position: absolute;
  display: flex;
  z-index: 1;
  box-sizing: border-box;
  background-color: rgba(0, 0, 0, 0.25);
  backdrop-filter: blur(4px);
  cursor: pointer;
}
.dsa-reported-text {
  cursor: pointer;
  visibility: hidden;
  z-index: 2;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-family: Helvetica;
  font-size: 13px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 2.18;
  letter-spacing: 0.4px;
  text-align: center;
  color: white;
}
*,
body,
html {
  margin: 0;
  padding: 0;
  border:none;
}
body,
html {
  width: 100%;
  height: 100%;
}
iframe[seamless] {
  background-color: transparent;
  border: 0px none transparent;
  padding: 0px;
  overflow: hidden;
  margin: 0;
}
.dsa_icon {
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  width: 24px;
  height: 16px;
  border-radius: 4px;
  background-color: rgba(128, 128, 128, 0.6);
  margin: 6px;
}
.dsa_icon_container {
  position: absolute;
  cursor: pointer;
  z-index: 2;
  top: 0px;
  right: 0px;
}
.dsa_icon_container_iframe {
  top: 3px;
}
.dsa_icon:hover {
  background-color: rgba(185, 185, 185, 0.6);
}
.dsa_icon__label {
  font-family: Helvetica;
  font-size: 11px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.09;
  letter-spacing: normal;
  text-align: center;
  color: rgba(255, 255, 255, 0.9);
}
.dsa_button_close {
  margin-top: 6px;
  width: 20px;
  height: 20px;
  cursor: pointer;
  background: #efefef;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10'%3E%3Cpath d='M0 1L1 0L10 9L9 10ZM9 0L10 1L1 10L0 9Z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: 60% 60%;
}
.dsa_button_close_iframe {
  margin-top: 9px;
}
.dsa_container {
  width: 100%;
  height: 100%;
  visibility: hidden;
  background-color: #efefef;
  position: absolute;
  z-index: 3;
  display: flex;
  top: 0px;
  left: 0px;
}
.dsa_content {
  width: calc(100% - 32px);
  height: calc(100% - 20px);
  padding: 12px 0px 6px 8px;
}
.dsa_text {
  overflow: auto;
  max-height: 100%;
  font-family: Helvetica;
  font-size: 11px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.45;
  letter-spacing: normal;
  color: rgba(42, 42, 52, 0.9);
}
.dsa_text a {
  color: rgba(42, 42, 52, 0.9);
}
.visible {
  visibility: unset !important;
}
.dsa-btns {
  visibility: hidden;
  background-color: white;
  border-radius: 4px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
  position: absolute;
  z-index: 2;
  top: 23px;
  right: 6px;
  padding-top: 4px;
  padding-bottom: 4px;
  box-shadow: 0 2px 8px -1px rgba(0, 0, 0, 0.24), 0 6px 12px -1px rgba(0, 0, 0, 0.13);
}
.dsa-btn-report,
.dsa-btn-info {
  font-family: Helvetica, sans-serif;
  padding: 0px 8px;
  cursor: pointer;
  color: #2a2a34;
  font-size: 11px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 2.18;
}
.dsa-btn-report:hover,
.dsa-btn-info:hover {
  background-color: #f2f2f2;
}
.dsa-reported {
  right: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  visibility: hidden;
  background-color: #efefef;
  position: absolute;
  display: flex;
  z-index: 1;
  box-sizing: border-box;
  background-color: rgba(0, 0, 0, 0.25);
  backdrop-filter: blur(4px);
  cursor: pointer;
}
.dsa-reported-text {
  cursor: pointer;
  visibility: hidden;
  z-index: 2;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-family: Helvetica;
  font-size: 13px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 2.18;
  letter-spacing: 0.4px;
  text-align: center;
  color: white;
}
:root {
  --xh-color-brand-enabled:#e34449;
  --xh-color-brand-hover:#d42025;
  --xh-color-brand-pressed:#ba1c20;
  --xh-color-extra-blue:#2d87d4;
  --xh-color-extra-violet:#965bfa;
  --xh-color-extra-yellow:#f4bb2e;
  --xh-color-extra-yellow-hover:#e8a500;
  --xh-color-extra-yellow-pressed:#d29600;
  --xh-color-extra-magenta:#e648ce;
  --xh-color-extra-pink:#e648ce;
  --xh-color-extra-indigo:#3f67f5;
  --xh-color-extra-indigo-hover:#2b53e1;
  --xh-color-extra-indigo-pressed:#173fcd;
  --xh-color-extra-green:#00a97b;
  --xh-color-extra-green-hover:#009c72;
  --xh-color-extra-green-pressed:#008b5d;
  --xh-color-extra-black:#303030;
  --xh-color-extra-white:#fff;
  --xh-color-icon-primary:#303030;
  --xh-color-icon-secondary:#707070;
  --xh-color-icon-disabled:#a0a0a0;
  --xh-color-icon-invert:#f5f5f5;
  --xh-color-font-primary:#303030;
  --xh-color-font-secondary:#707070;
  --xh-color-font-disabled:#a0a0a0;
  --xh-color-font-invert:#f5f5f5;
  --xh-color-border-divider:#dadada;
  --xh-color-border-control:#ccc;
  --xh-color-border-invert-divider:#202020;
  --xh-color-button-primary:#303030;
  --xh-color-button-primary-hover:#202020;
  --xh-color-button-primary-pressed:#101010;
  --xh-color-button-secondary:#dadada;
  --xh-color-button-secondary-hover:#ccc;
  --xh-color-button-secondary-pressed:#a0a0a0;
  --xh-color-button-white:#fff;
  --xh-color-button-white-hover:#dadada;
  --xh-color-button-white-pressed:#ccc;
  --xh-color-surface-input:#fff;
  --xh-color-surface-front:#f5f5f5;
  --xh-color-surface-front-secondary:#eaeaea;
  --xh-color-surface-back:#dadada;
  --xh-color-surface-pressed:#ccc;
  --xh-color-surface-invert:#303030;
  --xh-color-surface-invert-back:#202020;
  --xh-color-surface-invert-pressed:#101010;
  --xh-color-surface-error:#e34449;
  --xh-color-surface-card:#fff;
  --xh-color-surface-segment-control:#fff;
  --xh-color-logo-primary:#303030;
  --xh-color-logo-secondary:#000;
  --xh-color-logo-disabled:#a0a0a0
}
:root.dark {
  --xh-color-icon-primary:#dadada;
  --xh-color-icon-secondary:#a0a0a0;
  --xh-color-icon-disabled:#707070;
  --xh-color-icon-invert:#dadada;
  --xh-color-font-primary:#dadada;
  --xh-color-font-secondary:#a0a0a0;
  --xh-color-font-disabled:#707070;
  --xh-color-font-invert:#dadada;
  --xh-color-border-divider:#303030;
  --xh-color-border-control:#303030;
  --xh-color-border-invert-divider:#000;
  --xh-color-button-primary:#555;
  --xh-color-button-primary-hover:#303030;
  --xh-color-button-primary-pressed:#101010;
  --xh-color-button-secondary:#303030;
  --xh-color-button-secondary-hover:#101010;
  --xh-color-button-secondary-pressed:#000;
  --xh-color-button-white:#303030;
  --xh-color-button-white-hover:#101010;
  --xh-color-button-white-pressed:#000;
  --xh-color-surface-input:#101010;
  --xh-color-surface-front:#202020;
  --xh-color-surface-front-secondary:#101010;
  --xh-color-surface-back:#303030;
  --xh-color-surface-pressed:#303030;
  --xh-color-surface-invert:#101010;
  --xh-color-surface-invert-back:#202020;
  --xh-color-surface-invert-pressed:#000;
  --xh-color-surface-error:#e34449;
  --xh-color-surface-card:#202020;
  --xh-color-surface-segment-control:#707070;
  --xh-color-logo-primary:#202020;
  --xh-color-logo-secondary:#fff;
  --xh-color-logo-disabled:#707070
}
.light:root {
  --theme:0
}
.light:root .theme-dark {
  display:none
}
.light:root {
  --background-checkbox-hover:var(--color-accent-pink,rgba(227,68,73,.3));
  --background-dropdown:#fff;
  --background-dropdown-color:#303030;
  --background-dropdown-hover:#dadada;
  --background-header-nav:#303030;
  --background-input:#fff;
  --background-input-readonly:#eaeaea;
  --background-modal-body:#eaeaea;
  --background-modal-header:#f5f5f5;
  --color-accent-green:#00bd8f;
  --color-accent-green-bg-in-light:#00bd8f;
  --color-accent-pink:rgba(227,68,73,.3);
  --color-accent-pink-pale:rgba(227,68,73,.2);
  --color-accent-red:#e34449;
  --color-accent-red-bg-in-light:#e34449;
  --color-accent-transparent-red:rgba(227,68,73,.7);
  --color-black:#000;
  --color-black-origin:#000;
  --color-blue:#3f67f5;
  --color-blue-light:#2d87d4;
  --color-blue-lighter:#5db6fa;
  --color-button-black:#303030;
  --color-button-border:#ccc;
  --color-button-gray:#dadada;
  --color-cobalt:#707070;
  --color-cobalt-dark:#434343;
  --color-cobalt-dark-origin:#434343;
  --color-cobalt-darker:#303030;
  --color-cobalt-darker-origin:#303030;
  --color-cobalt-light:#dadada;
  --color-cobalt-light-origin:#dadada;
  --color-cobalt-lighter:#f5f5f5;
  --color-cobalt-lighter-origin:#f5f5f5;
  --color-gay:#2d86d4;
  --color-gold:#f4bb2e;
  --color-gray:#ccc;
  --color-gray-dark:#a0a0a0;
  --color-gray-dark-origin:#a0a0a0;
  --color-gray-light:#eaeaea;
  --color-gray-light-origin:#eaeaea;
  --color-gray-origin:#ccc;
  --color-header-border:#000;
  --color-input-text-border:#ccc;
  --color-light-red:#f95274;
  --color-line-separator:#dadada;
  --color-purple:#9264dc;
  --color-red-dark:#d1363b;
  --color-shemale:#dc1aac;
  --color-ui-hover:#ccc;
  --color-white:#fff;
  --color-white-gray:#fff;
  --color-white-origin:#fff;
  --iridescent-ai:linear-gradient(38deg,#521ca1,#6052e2 50%,#00bd8f);
  --main-background:#303030;
  --coloe-ads-by:#818181;
  --background-app:#101010;
  --color-white-90:hsla(0,0%,100%,.9);
  --color-black-origin-90:rgba(0,0,0,.9);
  --color-white-origin-25:hsla(0,0%,100%,.25);
  --color-white-origin-45:hsla(0,0%,100%,.45);
  --try-mobile-bg:url(/xh-shared/images/common/header/try-mobile.svg);
  --vrplayer-download-url:url(/xh-shared/images/dialog/vr-app-download.svg);
  --logo-media:url(/xh-shared/images/logo/logo-media.svg);
  --background-modal-wrapper:rgba(0,0,0,.8);
  --color-cobalt-lighter-40:hsla(0,0%,96%,.4);
  --color-cobalt-darker-40:rgba(48,48,48,.4);
  --color-cobalt-darker-lighten-4:#3a3a3a;
  --color-cobalt-lighter-70:hsla(0,0%,96%,.7);
  --background-signup-xh:linear-gradient(180deg,var(--color-cobalt-dark,#434343) 0%,var(--color-cobalt-darker,#303030) 100%);
  --user-status-triangle:url(/xh-shared/images/user/status-editor/triangle.svg);
  --color-cobalt-light-4-lightened:#e4e4e4;
  --color-gray-light-70:hsla(0,0%,92%,.7);
  --bg-pm-active:var(--color-cobalt-darker,#303030);
  --color-pm-active:var(--color-white-origin,#fff);
  --bg-form-button-block:hsla(0,0%,85%,.5);
  --color-white-origin-70:hsla(0,0%,100%,.7);
  --color-white-origin-90:hsla(0,0%,100%,.9);
  --color-cobalt-darker-70:rgba(48,48,48,.7);
  --color-cobalt-darker-origin-70:rgba(48,48,48,.7);
  --color-cobalt-darker-50:rgba(48,48,48,.5);
  --color-blue-darker-10:#0f41f2;
  --color-bright-violet:#af38f3;
  --color-soft-violet:#965bfa;
  --color-gray-dusty:#979797;
  --color-tooltip-background:#434343;
  --bg-carousel-item:#202020;
  --bg-signup-feedback-block:#272727;
  --color-line-button-border:#ccc;
  --color-visited-mobile:#707070;
  --color-visited-desktop:#ccc;
  --icon-profile-blogger:url(/xh-shared/images/social/light/blogger.svg);
  --icon-profile-facebook:url(/xh-shared/images/social/light/facebook.svg);
  --icon-profile-googleplus:url(/xh-shared/images/social/light/googleplus.svg);
  --icon-profile-instagram:url(/xh-shared/images/social/light/instagram.svg);
  --icon-profile-reddit:url(/xh-shared/images/social/light/reddit.svg);
  --icon-profile-snapchat:url(/xh-shared/images/social/light/snapchat.svg);
  --icon-profile-telegram:url(/xh-shared/images/social/light/telegram.svg);
  --icon-profile-twitter:url(/xh-shared/images/social/light/twitter.svg);
  --icon-profile-viber:url(/xh-shared/images/social/light/viber.svg);
  --icon-profile-whatsapp:url(/xh-shared/images/social/light/whatsapp.svg);
  --icon-profile-manyvids:url(/xh-shared/images/social/light/manyvids.svg);
  --icon-profile-clip4sale:url(/xh-shared/images/social/light/clips4sale.svg);
  --icon-profile-myclub:url(/xh-shared/images/social/light/myclub.svg);
  --icon-profile-xhamsterlive:url(/xh-shared/images/social/light/xhamsterlive.svg);
  --icon-profile-website:url(/xh-shared/images/social/light/website.svg);
  --icon-profile-tumblr:url(/xh-shared/images/social/light/tumblr.svg);
  --icon-profile-vimeo:url(/xh-shared/images/social/light/vimeo.svg);
  --icon-profile-vk:url(/xh-shared/images/social/light/vk.svg);
  --bg-become-creators-container:#f5f5f5;
  --color-cobalt-origin:#707070;
  --nft-color-l1:#44b1c8;
  --nft-color-l2:#e95489;
  --nft-color-l3:#796adc;
  --nft-divider-color:#fff
}
.light body.mobile-page {
  --main-background:#f5f5f5
}
.dark:root {
  --theme:1
}
.dark:root .theme-light {
  display:none
}
.dark:root {
  --background-checkbox-hover:none;
  --background-dropdown:#303030;
  --background-dropdown-color:#dadada;
  --background-dropdown-hover:#202020;
  --background-header-nav:#000;
  --background-input:#000;
  --background-input-readonly:#202020;
  --background-modal-body:#202020;
  --background-modal-header:#303030;
  --color-accent-green:#00bd8f;
  --color-accent-green-bg-in-light:transparent;
  --color-accent-pink:rgba(227,68,73,.3);
  --color-accent-pink-pale:rgba(227,68,73,.2);
  --color-accent-red:#e34449;
  --color-accent-red-bg-in-light:transparent;
  --color-accent-transparent-red:rgba(227,68,73,.7);
  --color-black:#fff;
  --color-black-origin:#000;
  --color-blue:#3f67f5;
  --color-blue-light:#2d87d4;
  --color-blue-lighter:#5db6fa;
  --color-button-black:#303030;
  --color-button-border:#303030;
  --color-button-gray:#303030;
  --color-cobalt:#707070;
  --color-cobalt-dark:#dadada;
  --color-cobalt-dark-origin:#434343;
  --color-cobalt-darker:#f5f5f5;
  --color-cobalt-darker-origin:#303030;
  --color-cobalt-light:#303030;
  --color-cobalt-light-origin:#dadada;
  --color-cobalt-lighter:#202020;
  --color-cobalt-lighter-origin:#f5f5f5;
  --color-gay:#2d86d4;
  --color-gold:#f4bb2e;
  --color-gray:#303030;
  --color-gray-dark:#707070;
  --color-gray-dark-origin:#a0a0a0;
  --color-gray-light:#101010;
  --color-gray-light-origin:#eaeaea;
  --color-gray-origin:#ccc;
  --color-header-border:#303030;
  --color-input-text-border:#303030;
  --color-light-red:#f95274;
  --color-line-separator:#707070;
  --color-purple:#9264dc;
  --color-red-dark:#d1363b;
  --color-shemale:#dc1aac;
  --color-ui-hover:#434343;
  --color-white:#000;
  --color-white-gray:#303030;
  --color-white-origin:#fff;
  --iridescent-ai:linear-gradient(38deg,#521ca1,#6052e2 50%,#00bd8f);
  --main-background:#000;
  --coloe-ads-by:#818181;
  --background-app:#101010;
  --color-white-90:rgba(0,0,0,.9);
  --color-black-origin-90:rgba(0,0,0,.9);
  --color-white-origin-25:hsla(0,0%,100%,.25);
  --color-white-origin-45:hsla(0,0%,100%,.45);
  --try-mobile-bg:url(/xh-shared/images/common/header/try-mobile-dark.svg);
  --vrplayer-download-url:url(/xh-shared/images/dialog/vr-app-download_nightmode.svg);
  --logo-media:url(/xh-shared/images/logo/logo-media-nightmode.svg);
  --background-modal-wrapper:rgba(0,0,0,.85);
  --color-cobalt-lighter-40:rgba(32,32,32,.4);
  --color-cobalt-darker-40:hsla(0,0%,96%,.4);
  --color-cobalt-darker-lighten-4:#fff;
  --color-cobalt-lighter-70:rgba(32,32,32,.7);
  --background-signup-xh:none;
  --user-status-triangle:url(/xh-shared/images/user/status-editor/triangle-black.svg);
  --color-cobalt-light-4-lightened:#3a3a3a;
  --color-gray-light-70:hsla(0,0%,6%,.7);
  --bg-pm-active:var(--color-cobalt-dark-origin,#434343);
  --color-pm-active:var(--color-white-origin,#fff);
  --bg-form-button-block:rgba(48,48,48,.5);
  --color-white-origin-70:hsla(0,0%,100%,.7);
  --color-white-origin-90:hsla(0,0%,100%,.9);
  --color-cobalt-darker-70:hsla(0,0%,96%,.7);
  --color-cobalt-darker-origin-70:rgba(48,48,48,.7);
  --color-cobalt-darker-50:hsla(0,0%,96%,.5);
  --color-blue-darker-10:#0f41f2;
  --color-bright-violet:#af38f3;
  --color-soft-violet:#965bfa;
  --color-gray-dusty:#979797;
  --color-tooltip-background:#434343;
  --bg-carousel-item:#202020;
  --bg-signup-feedback-block:#272727;
  --color-line-button-border:#707070;
  --color-visited-mobile:#a0a0a0;
  --color-visited-desktop:#ccc;
  --icon-profile-blogger:url(/xh-shared/images/social/dark/blogger.svg);
  --icon-profile-facebook:url(/xh-shared/images/social/dark/facebook.svg);
  --icon-profile-googleplus:url(/xh-shared/images/social/dark/googleplus.svg);
  --icon-profile-instagram:url(/xh-shared/images/social/dark/instagram.svg);
  --icon-profile-reddit:url(/xh-shared/images/social/dark/reddit.svg);
  --icon-profile-snapchat:url(/xh-shared/images/social/dark/snapchat.svg);
  --icon-profile-telegram:url(/xh-shared/images/social/dark/telegram.svg);
  --icon-profile-twitter:url(/xh-shared/images/social/dark/twitter.svg);
  --icon-profile-viber:url(/xh-shared/images/social/dark/viber.svg);
  --icon-profile-whatsapp:url(/xh-shared/images/social/dark/whatsapp.svg);
  --icon-profile-manyvids:url(/xh-shared/images/social/dark/manyvids.svg);
  --icon-profile-clip4sale:url(/xh-shared/images/social/dark/clips4sale.svg);
  --icon-profile-myclub:url(/xh-shared/images/social/dark/myclub.svg);
  --icon-profile-xhamsterlive:url(/xh-shared/images/social/dark/xhamsterlive.svg);
  --icon-profile-website:url(/xh-shared/images/social/dark/website.svg);
  --icon-profile-tumblr:url(/xh-shared/images/social/dark/tumblr.svg);
  --icon-profile-vimeo:url(/xh-shared/images/social/dark/vimeo.svg);
  --icon-profile-vk:url(/xh-shared/images/social/dark/vk.svg);
  --bg-become-creators-container:#101010;
  --color-cobalt-origin:#707070;
  --nft-color-l1:#44b1c8;
  --nft-color-l2:#e95489;
  --nft-color-l3:#796adc;
  --nft-divider-color:#202020
}
.dark body.mobile-page {
  --main-background:#202020
}
@media (prefers-color-scheme:dark) {
  :not(.light):root {
    --theme:1
  }
  :not(.light):root .theme-light {
    display:none
  }
  :root {
    --background-checkbox-hover:none;
    --background-dropdown:#303030;
    --background-dropdown-color:#dadada;
    --background-dropdown-hover:#202020;
    --background-header-nav:#000;
    --background-input:#000;
    --background-input-readonly:#202020;
    --background-modal-body:#202020;
    --background-modal-header:#303030;
    --color-accent-green:#00bd8f;
    --color-accent-green-bg-in-light:transparent;
    --color-accent-pink:rgba(227,68,73,.3);
    --color-accent-pink-pale:rgba(227,68,73,.2);
    --color-accent-red:#e34449;
    --color-accent-red-bg-in-light:transparent;
    --color-accent-transparent-red:rgba(227,68,73,.7);
    --color-black:#fff;
    --color-black-origin:#000;
    --color-blue:#3f67f5;
    --color-blue-light:#2d87d4;
    --color-blue-lighter:#5db6fa;
    --color-button-black:#303030;
    --color-button-border:#303030;
    --color-button-gray:#303030;
    --color-cobalt:#707070;
    --color-cobalt-dark:#dadada;
    --color-cobalt-dark-origin:#434343;
    --color-cobalt-darker:#f5f5f5;
    --color-cobalt-darker-origin:#303030;
    --color-cobalt-light:#303030;
    --color-cobalt-light-origin:#dadada;
    --color-cobalt-lighter:#202020;
    --color-cobalt-lighter-origin:#f5f5f5;
    --color-gay:#2d86d4;
    --color-gold:#f4bb2e;
    --color-gray:#303030;
    --color-gray-dark:#707070;
    --color-gray-dark-origin:#a0a0a0;
    --color-gray-light:#101010;
    --color-gray-light-origin:#eaeaea;
    --color-gray-origin:#ccc;
    --color-header-border:#303030;
    --color-input-text-border:#303030;
    --color-light-red:#f95274;
    --color-line-separator:#707070;
    --color-purple:#9264dc;
    --color-red-dark:#d1363b;
    --color-shemale:#dc1aac;
    --color-ui-hover:#434343;
    --color-white:#000;
    --color-white-gray:#303030;
    --color-white-origin:#fff;
    --iridescent-ai:linear-gradient(38deg,#521ca1,#6052e2 50%,#00bd8f);
    --main-background:#000;
    --coloe-ads-by:#818181;
    --background-app:#101010;
    --color-white-90:rgba(0,0,0,.9);
    --color-black-origin-90:rgba(0,0,0,.9);
    --color-white-origin-25:hsla(0,0%,100%,.25);
    --color-white-origin-45:hsla(0,0%,100%,.45);
    --try-mobile-bg:url(/xh-shared/images/common/header/try-mobile-dark.svg);
    --vrplayer-download-url:url(/xh-shared/images/dialog/vr-app-download_nightmode.svg);
    --logo-media:url(/xh-shared/images/logo/logo-media-nightmode.svg);
    --background-modal-wrapper:rgba(0,0,0,.85);
    --color-cobalt-lighter-40:rgba(32,32,32,.4);
    --color-cobalt-darker-40:hsla(0,0%,96%,.4);
    --color-cobalt-darker-lighten-4:#fff;
    --color-cobalt-lighter-70:rgba(32,32,32,.7);
    --background-signup-xh:none;
    --user-status-triangle:url(/xh-shared/images/user/status-editor/triangle-black.svg);
    --color-cobalt-light-4-lightened:#3a3a3a;
    --color-gray-light-70:hsla(0,0%,6%,.7);
    --bg-pm-active:var(--color-cobalt-dark-origin,#434343);
    --color-pm-active:var(--color-white-origin,#fff);
    --bg-form-button-block:rgba(48,48,48,.5);
    --color-white-origin-70:hsla(0,0%,100%,.7);
    --color-white-origin-90:hsla(0,0%,100%,.9);
    --color-cobalt-darker-70:hsla(0,0%,96%,.7);
    --color-cobalt-darker-origin-70:rgba(48,48,48,.7);
    --color-cobalt-darker-50:hsla(0,0%,96%,.5);
    --color-blue-darker-10:#0f41f2;
    --color-bright-violet:#af38f3;
    --color-soft-violet:#965bfa;
    --color-gray-dusty:#979797;
    --color-tooltip-background:#434343;
    --bg-carousel-item:#202020;
    --bg-signup-feedback-block:#272727;
    --color-line-button-border:#707070;
    --color-visited-mobile:#a0a0a0;
    --color-visited-desktop:#ccc;
    --icon-profile-blogger:url(/xh-shared/images/social/dark/blogger.svg);
    --icon-profile-facebook:url(/xh-shared/images/social/dark/facebook.svg);
    --icon-profile-googleplus:url(/xh-shared/images/social/dark/googleplus.svg);
    --icon-profile-instagram:url(/xh-shared/images/social/dark/instagram.svg);
    --icon-profile-reddit:url(/xh-shared/images/social/dark/reddit.svg);
    --icon-profile-snapchat:url(/xh-shared/images/social/dark/snapchat.svg);
    --icon-profile-telegram:url(/xh-shared/images/social/dark/telegram.svg);
    --icon-profile-twitter:url(/xh-shared/images/social/dark/twitter.svg);
    --icon-profile-viber:url(/xh-shared/images/social/dark/viber.svg);
    --icon-profile-whatsapp:url(/xh-shared/images/social/dark/whatsapp.svg);
    --icon-profile-manyvids:url(/xh-shared/images/social/dark/manyvids.svg);
    --icon-profile-clip4sale:url(/xh-shared/images/social/dark/clips4sale.svg);
    --icon-profile-myclub:url(/xh-shared/images/social/dark/myclub.svg);
    --icon-profile-xhamsterlive:url(/xh-shared/images/social/dark/xhamsterlive.svg);
    --icon-profile-website:url(/xh-shared/images/social/dark/website.svg);
    --icon-profile-tumblr:url(/xh-shared/images/social/dark/tumblr.svg);
    --icon-profile-vimeo:url(/xh-shared/images/social/dark/vimeo.svg);
    --icon-profile-vk:url(/xh-shared/images/social/dark/vk.svg);
    --bg-become-creators-container:#101010;
    --color-cobalt-origin:#707070;
    --nft-color-l1:#44b1c8;
    --nft-color-l2:#e95489;
    --nft-color-l3:#796adc;
    --nft-divider-color:#202020
  }
  body.mobile-page {
    --main-background:#202020
  }
}
@media (prefers-color-scheme:light) {
  :not(.dark):root {
    --theme:0
  }
  :not(.dark):root .theme-dark {
    display:none
  }
  :root {
    --background-checkbox-hover:var(--color-accent-pink,rgba(227,68,73,.3));
    --background-dropdown:#fff;
    --background-dropdown-color:#303030;
    --background-dropdown-hover:#dadada;
    --background-header-nav:#303030;
    --background-input:#fff;
    --background-input-readonly:#eaeaea;
    --background-modal-body:#eaeaea;
    --background-modal-header:#f5f5f5;
    --color-accent-green:#00bd8f;
    --color-accent-green-bg-in-light:#00bd8f;
    --color-accent-pink:rgba(227,68,73,.3);
    --color-accent-pink-pale:rgba(227,68,73,.2);
    --color-accent-red:#e34449;
    --color-accent-red-bg-in-light:#e34449;
    --color-accent-transparent-red:rgba(227,68,73,.7);
    --color-black:#000;
    --color-black-origin:#000;
    --color-blue:#3f67f5;
    --color-blue-light:#2d87d4;
    --color-blue-lighter:#5db6fa;
    --color-button-black:#303030;
    --color-button-border:#ccc;
    --color-button-gray:#dadada;
    --color-cobalt:#707070;
    --color-cobalt-dark:#434343;
    --color-cobalt-dark-origin:#434343;
    --color-cobalt-darker:#303030;
    --color-cobalt-darker-origin:#303030;
    --color-cobalt-light:#dadada;
    --color-cobalt-light-origin:#dadada;
    --color-cobalt-lighter:#f5f5f5;
    --color-cobalt-lighter-origin:#f5f5f5;
    --color-gay:#2d86d4;
    --color-gold:#f4bb2e;
    --color-gray:#ccc;
    --color-gray-dark:#a0a0a0;
    --color-gray-dark-origin:#a0a0a0;
    --color-gray-light:#eaeaea;
    --color-gray-light-origin:#eaeaea;
    --color-gray-origin:#ccc;
    --color-header-border:#000;
    --color-input-text-border:#ccc;
    --color-light-red:#f95274;
    --color-line-separator:#dadada;
    --color-purple:#9264dc;
    --color-red-dark:#d1363b;
    --color-shemale:#dc1aac;
    --color-ui-hover:#ccc;
    --color-white:#fff;
    --color-white-gray:#fff;
    --color-white-origin:#fff;
    --iridescent-ai:linear-gradient(38deg,#521ca1,#6052e2 50%,#00bd8f);
    --main-background:#303030;
    --coloe-ads-by:#818181;
    --background-app:#101010;
    --color-white-90:hsla(0,0%,100%,.9);
    --color-black-origin-90:rgba(0,0,0,.9);
    --color-white-origin-25:hsla(0,0%,100%,.25);
    --color-white-origin-45:hsla(0,0%,100%,.45);
    --try-mobile-bg:url(/xh-shared/images/common/header/try-mobile.svg);
    --vrplayer-download-url:url(/xh-shared/images/dialog/vr-app-download.svg);
    --logo-media:url(/xh-shared/images/logo/logo-media.svg);
    --background-modal-wrapper:rgba(0,0,0,.8);
    --color-cobalt-lighter-40:hsla(0,0%,96%,.4);
    --color-cobalt-darker-40:rgba(48,48,48,.4);
    --color-cobalt-darker-lighten-4:#3a3a3a;
    --color-cobalt-lighter-70:hsla(0,0%,96%,.7);
    --background-signup-xh:linear-gradient(180deg,var(--color-cobalt-dark,#434343) 0%,var(--color-cobalt-darker,#303030) 100%);
    --user-status-triangle:url(/xh-shared/images/user/status-editor/triangle.svg);
    --color-cobalt-light-4-lightened:#e4e4e4;
    --color-gray-light-70:hsla(0,0%,92%,.7);
    --bg-pm-active:var(--color-cobalt-darker,#303030);
    --color-pm-active:var(--color-white-origin,#fff);
    --bg-form-button-block:hsla(0,0%,85%,.5);
    --color-white-origin-70:hsla(0,0%,100%,.7);
    --color-white-origin-90:hsla(0,0%,100%,.9);
    --color-cobalt-darker-70:rgba(48,48,48,.7);
    --color-cobalt-darker-origin-70:rgba(48,48,48,.7);
    --color-cobalt-darker-50:rgba(48,48,48,.5);
    --color-blue-darker-10:#0f41f2;
    --color-bright-violet:#af38f3;
    --color-soft-violet:#965bfa;
    --color-gray-dusty:#979797;
    --color-tooltip-background:#434343;
    --bg-carousel-item:#202020;
    --bg-signup-feedback-block:#272727;
    --color-line-button-border:#ccc;
    --color-visited-mobile:#707070;
    --color-visited-desktop:#ccc;
    --icon-profile-blogger:url(/xh-shared/images/social/light/blogger.svg);
    --icon-profile-facebook:url(/xh-shared/images/social/light/facebook.svg);
    --icon-profile-googleplus:url(/xh-shared/images/social/light/googleplus.svg);
    --icon-profile-instagram:url(/xh-shared/images/social/light/instagram.svg);
    --icon-profile-reddit:url(/xh-shared/images/social/light/reddit.svg);
    --icon-profile-snapchat:url(/xh-shared/images/social/light/snapchat.svg);
    --icon-profile-telegram:url(/xh-shared/images/social/light/telegram.svg);
    --icon-profile-twitter:url(/xh-shared/images/social/light/twitter.svg);
    --icon-profile-viber:url(/xh-shared/images/social/light/viber.svg);
    --icon-profile-whatsapp:url(/xh-shared/images/social/light/whatsapp.svg);
    --icon-profile-manyvids:url(/xh-shared/images/social/light/manyvids.svg);
    --icon-profile-clip4sale:url(/xh-shared/images/social/light/clips4sale.svg);
    --icon-profile-myclub:url(/xh-shared/images/social/light/myclub.svg);
    --icon-profile-xhamsterlive:url(/xh-shared/images/social/light/xhamsterlive.svg);
    --icon-profile-website:url(/xh-shared/images/social/light/website.svg);
    --icon-profile-tumblr:url(/xh-shared/images/social/light/tumblr.svg);
    --icon-profile-vimeo:url(/xh-shared/images/social/light/vimeo.svg);
    --icon-profile-vk:url(/xh-shared/images/social/light/vk.svg);
    --bg-become-creators-container:#f5f5f5;
    --color-cobalt-origin:#707070;
    --nft-color-l1:#44b1c8;
    --nft-color-l2:#e95489;
    --nft-color-l3:#796adc;
    --nft-divider-color:#fff
  }
  body.mobile-page {
    --main-background:#f5f5f5
  }
}
* {
  box-sizing:border-box;
  outline:none
}
abbr,
address,
article,
aside,
audio,
b,
blockquote,
body,
canvas,
caption,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
em,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
mark,
menu,
nav,
object,
ol,
p,
pre,
q,
samp,
section,
small,
span,
strong,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
ul,
var,
video {
  background:transparent;
  border:0;
  font-size:100%;
  margin:0;
  outline:0;
  padding:0;
  vertical-align:baseline;
  color: #a1a1a1;
}
body {
  line-height:1
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display:block
}
li,
ul {
  list-style:none;
  margin:0;
  padding:0;
}
blockquote,
q {
  quotes:none
}
blockquote:after,
blockquote:before,
q:after,
q:before {
  content:"";
  content:none
}
a {
  background:transparent;
  font-size:100%;
  margin:0;
  padding:0;
  vertical-align:baseline
}
ins {
  text-decoration:none
}
ins,
mark {
  background-color:#ff9;
  color:#000
}
mark {
  font-style:italic;
  font-weight:700
}
del {
  text-decoration:line-through
}
abbr[title],
dfn[title] {
  border-bottom:1px dotted;
  cursor:help
}
table {
  border-collapse:collapse;
  border-spacing:0
}
hr {
  border:0;
  border-top:1px solid #ccc;
  display:block;
  height:1px;
  margin:1em 0;
  padding:0
}
input,
select {
  outline:none;
  vertical-align:middle
}
img {
  color:transparent;
  font-size:0
}
[data-screen-target] {
  border:1px dotted red!important;
  outline:1px dotted red!important
}
* {
  padding:0
}
html {
  margin:0 auto
}
body {
  -webkit-font-smoothing:antialiased;
  background:var(--color-cobalt-lighter);
  color:var(--color-cobalt-darker);
  font-family:var(--font-family-fallback);
  font-size:14px;
  min-height:100%
}
body,
html {
  -webkit-margin-before:0;
  text-size-adjust:100%;
  height:100%;
  min-width:320px;
  width:100%
}
main,
summary {
  display:block
}
a {
  color: #ff5454;
  cursor:pointer;
  text-decoration:none
}
.link:visited {
  color:var(--color-gray-dark)
}
.clearfix:after,
.clearfix:before {
  display:table
}
.clearfix:after {
  clear:both
}
.clearfix {
  zoom:1
}
.sidebar-menu {
  opacity:0;
  position:fixed;
  right:-240px;
  width:240px
}
input {
  border-radius:0
}
button {
  background:none;
  border:0 none;
  font-family:var(--font-family-fallback);
  font-size:100%;
  height:auto;
  margin:0;
  outline:0 none!important;
  padding:0;
  width:auto
}
input[type=checkbox],
input[type=file],
input[type=number],
input[type=password],
input[type=radio],
input[type=submit],
input[type=text],
select,
textarea {
  appearance:none;
  font-family:var(--font-family-fallback)
}
.hidden {
  display:none!important
}
.main-wrap {
  min-height:100%;
  position:relative
}
.main-wrap,
main {
  display:flex;
  flex-direction:column
}
.layoutPage,
main {
  flex-grow:1
}
.fadescreen {
  display:none
}
.tester .branch {
  background:var(--color-black);
  border-radius:0 0 3px;
  box-shadow:4px 4px 6px 0 rgba(0,0,0,.7);
  color:var(--color-white)!important;
  display:block;
  font-size:12px;
  font-style:normal;
  font-weight:400;
  left:0;
  padding:6px;
  position:absolute;
  top:0;
  z-index:500
}
.width-wrap,
.width-wrapper {
  padding:0 10px
}
.xh-scroll-disabled {
  overflow:hidden;
  position:fixed
}
.xh-scroll-partially-disabled {
  overflow:hidden
}
.xh-helper-hidden {
  display:none!important
}
.xh-no-visible {
  visibility:hidden
}
.xh-content-visibility-auto {
  content-visibility:auto
}
:root {
  --xh-av-blur-value:30px
}
.xh-helper-blurred-background {
  filter:blur(var(--xh-av-blur-value))
}
.xh-helper-blurred-overlay:after {
  backdrop-filter:blur(var(--xh-av-blur-value));
  background:rgba(0,0,0,.01);
  content:"";
  inset:0;
  position:absolute
}
.xh-helper-blurred-iframe {
  overflow:hidden
}
.xh-helper-blurred-iframe iframe {
  filter:blur(var(--xh-av-blur-value))
}
.xh-helper-18-plus-big:after,
.xh-helper-18-plus:after {
  align-items:center;
  content:url(/xh-mobile/images/eighteen-plus.svg);
  display:flex;
  inset:0;
  justify-content:center;
  pointer-events:none;
  position:absolute
}
.xh-helper-18-plus-big:not(.xh-helper-blurred-overlay):after,
.xh-helper-18-plus:not(.xh-helper-blurred-overlay):after {
  z-index:var(--z-index-level2)
}
.xh-helper-18-plus-big:after {
  transform:scale(1.333)
}
.xh-helper-18-plus-big:not(.xh-helper-blurred-overlay):after {
  inset:60px
}
.xh-helper-blurred-text {
  background-color:var(--xh-color-surface-back);
  border-radius:var(--xh-border-radius-s);
  color:transparent;
  display:inline-block;
  line-height:1;
  max-width:100%;
  -webkit-user-select:none;
  user-select:none;
  vertical-align:text-bottom;
  white-space:nowrap
}
.error-boundary,
.root-8303a {
  align-items:center;
  display:flex;
  flex-direction:column;
  height:100%;
  justify-content:center;
  padding:var(--xh-spacers-2xl) 0
}
.error-boundary__img,
.img-8303a {
  width:35px
}
.error-boundary__text,
.error-boundary__title,
.text-8303a,
.title-8303a {
  font-size:var(--xh-body-font-size);
  padding-top:var(--xh-spacers-l);
  text-align:center
}
.error-boundary__title,
.title-8303a {
  font-weight:var(--xh-body-bold-font-weight)
}
.block-8303a {
  display:block
}
.block-8303a,
.error-boundary__block {
  padding-top:var(--xh-spacers-l)
}
.banner-7f493 {
  box-shadow:0 1px 3px 0 rgba(0,0,0,.15);
  position:relative
}
.banner-7f493.pinned-7f493 {
  position:sticky;
  top:0;
  width:100%;
  z-index:var(--xh-legacy-z-index-promo-pinned)
}
.banner-7f493.hasImage-7f493 {
  background-position:50%;
  background-size:cover
}
.banner-7f493 .wrapper-7f493 {
  background-color:var(--color-white-gray);
  color:var(--color-cobalt-darker);
  display:block;
  font-size:var(--xh-legacy-font-size-normal);
  height:auto;
  min-height:var(--pm-height);
  padding:var(--xh-legacy-element-gap-small) var(--pm-close-button-gap) var(--xh-legacy-element-gap-small) var(--xh-legacy-element-gap-small);
  z-index:var(--z-index-level2)
}
.banner-7f493 .wrapper-7f493 .caption-7f493 {
  color:var(--color-accent-red);
  font-weight:var(--xh-body-bold-font-weight)
}
.banner-7f493 .wrapper-7f493 .close-7f493 {
  position:absolute;
  right:0;
  top:0
}
.banner-7f493 .wrapper-7f493 .close-7f493:hover {
  background-color:var(--pm-unset)
}
.banner-7f493 .wrapper-7f493 .button-7f493 {
  background-color:var(--pm-unset);
  border:var(--pm-unset);
  display:inline;
  font-weight:var(--xh-body-bold-font-weight);
  text-decoration:underline
}
.banner-7f493 .wrapper-7f493 .button-7f493 .icon-7f493 {
  transform:rotate(-90deg) translate(-2px,-8px)
}
.banner-7f493 .wrapper-7f493.rtl-7f493 {
  direction:rtl;
  padding:var(--xh-legacy-element-gap-small) var(--xh-legacy-element-gap-small) var(--xh-legacy-element-gap-small) var(--pm-close-button-gap)
}
.banner-7f493 .wrapper-7f493.rtl-7f493 .close-7f493 {
  left:0;
  right:var(--pm-unset)
}
.banner-7f493 .wrapper-7f493.rtl-7f493 .button-7f493 .icon-7f493 {
  transform:rotate(90deg) translate(2px,-8px)
}
.banner-7f493 .wrapper-7f493.custom-7f493 {
  background-color:var(--pm-unset)
}
.banner-7f493.desktop-7f493 .wrapper-7f493 {
  align-items:center;
  display:flex;
  flex-wrap:nowrap;
  gap:var(--xh-legacy-element-gap-smaller);
  justify-content:center;
  overflow:hidden;
  padding:0 var(--xh-spacers-2xl);
  text-align:center
}
.banner-7f493.desktop-7f493 .wrapper-7f493 .close-7f493 {
  top:var(--pm-unset)
}
.promoMessageText-7f493 {
  text-size-adjust:none;
  font-size:var(--xh-body-font-size);
  text-align:left
}
@media (orientation:landscape) {
  .promoMessageText-7f493.mobile-7f493 {
    font-size:var(--xh-caption-font-size)
  }
}
.container-bf8f3 {
  position:sticky;
  top:0;
  width:100%;
  z-index:var(--xh-legacy-z-index-promo-pinned)
}
.thumbPlaceholder-fddc6 {
  border-radius:50%;
  flex:0 0 auto;
  height:90px;
  width:90px
}
.wrapper-dab84 {
  position:sticky;
  top:0;
  width:100%;
  z-index:var(--xh-legacy-z-index-promo-pinned)
}
.root-03918 {
  height:100%;
  inset:0;
  overflow-y:scroll;
  position:fixed;
  width:100%;
  z-index:var(--xh-legacy-z-index-modal)
}
.root-03918.desktop-03918:not(.closed-03918) {
  display:flex;
  justify-content:center
}
.closed-03918 {
  display:none
}
.background-03918 {
  background-color:rgba(0,0,0,.7);
  height:100%;
  left:0;
  position:fixed;
  top:0;
  width:100%;
  z-index:var(--z-index-level2)
}
.content-03918 {
  display:flex;
  justify-content:center;
  position:absolute;
  z-index:var(--z-index-level3)
}
.desktop-03918 .content-03918 {
  top:90px
}
.root-03918:not(.desktop-03918) .content-03918 {
  align-items:center;
  flex-direction:column;
  height:100vh;
  height:100dvh;
  max-width:100%;
  width:100vw
}
.closeIcon-03918 {
  cursor:pointer
}
.desktop-03918 .closeIcon-03918 {
  align-self:flex-start;
  order:1
}
.root-03918:not(.desktop-03918) .closeIcon-03918 {
  align-self:self-end;
  padding:var(--xh-spacers-m);
  position:relative;
  right:0
}
.spinnerBlock-03918 {
  align-items:center;
  animation:dialog-fade-in-03918 .2s ease-in-out 1s forwards;
  display:flex;
  height:500px;
  opacity:0
}
@keyframes dialog-fade-in-03918 {
  0% {
    opacity:0
  }
  to {
    opacity:1
  }
}
.xh-icon.alert:before {
  content:"\f101"
}
.xh-icon.anchor-link2:before {
  content:"\f102"
}
.xh-icon.add-friend:before {
  content:"\f103"
}
.xh-icon.age:before {
  content:"\f104"
}
.xh-icon.android:before {
  color:#303030;
  content:"\f105"
}
.xh-icon.anchor-link:before {
  content:"\f106"
}
.xh-icon.announce:before {
  content:"\f107"
}
.xh-icon.appearance-mobile:before {
  color:#eaeaea;
  content:"\f108"
}
.xh-icon.appearance-desktop:before {
  color:#707070;
  content:"\f109"
}
.xh-icon.male-new:before {
  color:#2d87d4;
  content:"\f10a"
}
.xh-icon.play-slideshow:before {
  content:"\f10b"
}
.xh-icon.play:before {
  content:"\f10c"
}
.xh-icon.male-female-couple:before {
  color:#e34449;
  content:"\f10d";
  z-index:1
}
.xh-icon.male-female-couple:after {
  color:#2d87d4;
  content:"\f10e";
  z-index:2
}
.xh-icon.male-male-couple:before {
  color:#2d87d4;
  content:"\f10f"
}
.xh-icon.vr-gearvr2:before {
  content:"\f110"
}
.xh-icon.male-trans-couple:before {
  color:#2d87d4;
  content:"\f111";
  z-index:1
}
.xh-icon.male-trans-couple:after {
  color:#e648ce;
  content:"\f112";
  z-index:2
}
.xh-icon.arrow-bottom-new:before {
  content:"\f113"
}
.xh-icon.arrow-left:before {
  content:"\f114"
}
.xh-icon.arrow-down-tail:before {
  content:"\f115"
}
.xh-icon.arrow-bottom:before {
  content:"\f116"
}
.xh-icon.apple:before {
  color:#303030;
  content:"\f117"
}
.xh-icon.arrow-long:before {
  content:"\f118"
}
.xh-icon.loader-spinner:before {
  content:"\f119"
}
.xh-icon.male:before {
  color:#2d87d4;
  content:"\f11a"
}
.xh-icon.media-head:before {
  content:"\f11b"
}
.xh-icon.menu:before {
  content:"\f11c"
}
.xh-icon.manyvids:before {
  color:#ed4480;
  content:"\f11d"
}
.xh-icon.vr-google:before {
  content:"\f11e"
}
.xh-icon.message:before {
  content:"\f11f"
}
.xh-icon.arrow-right-vb:before {
  content:"\f120"
}
.xh-icon.arrow-top-new:before {
  content:"\f121"
}
.xh-icon.arrow-top:before {
  content:"\f122"
}
.xh-icon.arrow-right:before {
  content:"\f123"
}
.xh-icon.autofill:before {
  content:"\f124"
}
.xh-icon.asexual:before {
  content:"\f125"
}
.xh-icon.lock-vb:before {
  content:"\f126"
}
.xh-icon.lock-user:before {
  content:"\f127"
}
.xh-icon.metadata2:before {
  content:"\f128"
}
.xh-icon.messages:before {
  content:"\f129"
}
.xh-icon.metadata:before {
  content:"\f12a"
}
.xh-icon.mic-off2:before {
  content:"\f12b"
}
.xh-icon.mic-off:before {
  content:"\f12c"
}
.xh-icon.mic-on:before {
  content:"\f12d"
}
.xh-icon.vr-oculus:before {
  content:"\f12e"
}
.xh-icon.vr-google2:before {
  content:"\f12f"
}
.xh-icon.vr-sidebar:before {
  color:#467ed2;
  content:"\f130";
  z-index:1
}
.xh-icon.vr-sidebar:after {
  color:#fff;
  content:"\f131";
  z-index:2
}
.xh-icon.vr-playstation:before {
  content:"\f132"
}
.xh-icon.awaiting:before {
  content:"\f133"
}
.xh-icon.badge-producer2:before {
  content:"\f134"
}
.xh-icon.lock:before {
  content:"\f135"
}
.xh-icon.badge-producer:before {
  color:#649113;
  content:"\f136";
  z-index:1
}
.xh-icon.badge-producer:after {
  color:#fff;
  content:"\f137";
  z-index:2
}
.xh-icon.badge-content-seller:before {
  color:#e6a70c;
  content:"\f138";
  z-index:1
}
.xh-icon.badge-content-seller:after {
  color:#303030;
  content:"\f139";
  z-index:2
}
.xh-icon.awards:before {
  color:#f5f5f5;
  content:"\f13a";
  z-index:1
}
.xh-icon.awards:after {
  color:#e34449;
  content:"\f13b";
  z-index:2
}
.xh-icon.badge-creator:before {
  color:#303030;
  content:"\f13c";
  z-index:1
}
.xh-icon.badge-creator:after {
  color:#fff;
  content:"\f13d";
  z-index:2
}
.xh-icon.minus:before {
  content:"\f13e"
}
.xh-icon.minus-big:before {
  content:"\f13f"
}
.xh-icon.model:before {
  content:"\f140"
}
.xh-icon.mobile-footer:before {
  content:"\f141"
}
.xh-icon.money:before {
  content:"\f142"
}
.xh-icon.vr:before {
  content:"\f143"
}
.xh-icon.vrsmall:before {
  content:"\f144"
}
.xh-icon.warning:before {
  content:"\f145"
}
.xh-icon.vr-vive:before {
  content:"\f146"
}
.xh-icon.moments:before {
  content:"\f147"
}
.xh-icon.waiting:before {
  content:"\f148"
}
.xh-icon.badge-webcam:before {
  color:#3874a2;
  content:"\f149";
  z-index:1
}
.xh-icon.badge-webcam:after {
  color:#fff;
  content:"\f14a";
  z-index:2
}
.xh-icon.beta-awaiting:before {
  content:"\f14b"
}
.xh-icon.badge-vip:before {
  color:#d0b60f;
  content:"\f14c";
  z-index:1
}
.xh-icon.badge-vip:after {
  color:#f7d813;
  content:"\f14d";
  z-index:2
}
.xh-icon.badge-vip>span.path1:before {
  color:#725600;
  content:"\f14e";
  z-index:3
}
.xh-icon.badge1m:before {
  color:#f7d813;
  content:"\f14f";
  z-index:1
}
.xh-icon.badge1m:after {
  color:#d0b60f;
  content:"\f150";
  z-index:2
}
.xh-icon.badge1m>span.path1:before {
  color:#745800;
  content:"\f151";
  z-index:3
}
.xh-icon.badge-reviewer:before {
  color:#f7d813;
  content:"\f152";
  z-index:1
}
.xh-icon.badge-reviewer:after {
  color:#eeb907;
  content:"\f153";
  z-index:2
}
.xh-icon.badge-reviewer>span.path1:before {
  color:#725600;
  content:"\f154";
  z-index:3
}
.xh-icon.badge-seller:before {
  color:#7857e4;
  content:"\f155";
  z-index:1
}
.xh-icon.badge-seller:after {
  color:#fff;
  content:"\f156";
  z-index:2
}
.xh-icon.move:before {
  content:"\f157"
}
.xh-icon.mouse:before {
  content:"\f158"
}
.xh-icon.moon:before {
  content:"\f159"
}
.xh-icon.myuploads-head:before {
  content:"\f15a"
}
.xh-icon.watch-history:before {
  content:"\f15b"
}
.xh-icon.new:before {
  color:#e34449;
  content:"\f15c";
  z-index:1
}
.xh-icon.new:after {
  color:#f5f5f5;
  content:"\f15d";
  z-index:2
}
.xh-icon.mute:before {
  content:"\f15e"
}
.xh-icon.watermarks:before {
  content:"\f15f"
}
.xh-icon.webcam:before {
  content:"\f160"
}
.xh-icon.watch-history-disabled:before {
  content:"\f161"
}
.xh-icon.beta-download:before {
  content:"\f162"
}
.xh-icon.beta-calendar:before {
  content:"\f163"
}
.xh-icon.beta-dislike:before {
  content:"\f164"
}
.xh-icon.beta-eye:before {
  content:"\f165"
}
.xh-icon.beta-friends:before {
  content:"\f166"
}
.xh-icon.beta-forfriendsonly:before {
  content:"\f167"
}
.xh-icon.lock2:before {
  content:"\f168"
}
.xh-icon.logout:before {
  content:"\f169"
}
.xh-icon.newest-videos:before {
  content:"\f16a"
}
.xh-icon.news2:before {
  content:"\f16b"
}
.xh-icon.nft:before {
  content:"\f16c"
}
.xh-icon.no-search-results:before {
  content:"\f16d"
}
.xh-icon.newest:before {
  content:"\f16e"
}
.xh-icon.youtube2:before {
  content:"\f16f"
}
.xh-icon.website:before {
  content:"\f170"
}
.xh-icon.wp:before {
  color:#ea67b7;
  content:"\f171"
}
.xh-icon.youtube:before {
  content:"\f172"
}
.xh-icon.login-user:before {
  content:"\f173"
}
.xh-icon.beta-heart-filled:before {
  content:"\f174"
}
.xh-icon.beta-home:before {
  content:"\f175"
}
.xh-icon.beta-gift:before {
  content:"\f176"
}
.xh-icon.xhamster:before {
  color:#fff;
  content:"\f177";
  z-index:1
}
.xh-icon.xhamster:after {
  color:#303030;
  content:"\f178";
  z-index:2
}
.xh-icon.beta-intro-video:before {
  content:"\f179"
}
.xh-icon.beta-gay:before {
  color:#2d87d4;
  content:"\f17a"
}
.xh-icon.long-arrow:before {
  color:#303030;
  content:"\f17b"
}
.xh-icon.mail:before {
  content:"\f17c"
}
.xh-icon.magic:before {
  color:#f5f5f5;
  content:"\f17d"
}
.xh-icon.notifications-new:before {
  content:"\f17e"
}
.xh-icon.open-link:before {
  content:"\f17f"
}
.xh-icon.non-binary:before {
  color:#c092e6;
  content:"\f180"
}
.xh-icon.pansexual:before {
  color:#e648ce;
  content:"\f181"
}
.xh-icon.orientation:before {
  content:"\f182"
}
.xh-icon.zoom-photo:before {
  content:"\f183"
}
.xh-icon.zoom-photo-out:before {
  content:"\f184"
}
.xh-icon.beta-lock:before {
  content:"\f185"
}
.xh-icon.beta-message:before {
  content:"\f186"
}
.xh-icon.beta-like:before {
  content:"\f187"
}
.xh-icon.beta-lock-big:before {
  content:"\f188"
}
.xh-icon.beta-messages:before {
  content:"\f189"
}
.xh-icon.beta-intro:before {
  content:"\f18a"
}
.xh-icon.pause:before {
  content:"\f18b"
}
.xh-icon.pencil:before {
  content:"\f18c"
}
.xh-icon.phone:before {
  content:"\f18d"
}
.xh-icon.pause-rounded:before {
  content:"\f18e"
}
.xh-icon.paper-plane2:before {
  content:"\f18f"
}
.xh-icon.phone2:before {
  content:"\f190"
}
.xh-icon.beta-photo-error:before {
  content:"\f191"
}
.xh-icon.beta-pencil:before {
  content:"\f192"
}
.xh-icon.beta-photo:before {
  content:"\f193"
}
.xh-icon.beta-news:before {
  content:"\f194"
}
.xh-icon.beta-plus:before {
  content:"\f195"
}
.xh-icon.beta-notifications:before {
  content:"\f196"
}
.xh-icon.picture:before {
  content:"\f197"
}
.xh-icon.photo:before {
  content:"\f198"
}
.xh-icon.photo-error2:before {
  content:"\f199"
}
.xh-icon.photo-error:before {
  content:"\f19a"
}
.xh-icon.photo-big:before {
  content:"\f19b"
}
.xh-icon.beta-producer:before {
  content:"\f19c"
}
.xh-icon.beta-post:before {
  content:"\f19d"
}
.xh-icon.beta-refresh:before {
  content:"\f19e"
}
.xh-icon.beta-report:before {
  content:"\f19f"
}
.xh-icon.beta-print:before {
  content:"\f1a0"
}
.xh-icon.mail2:before {
  content:"\f1a1"
}
.xh-icon.pornstar-2:before {
  color:#f4bb2e;
  content:"\f1a2"
}
.xh-icon.plus-new:before {
  content:"\f1a3"
}
.xh-icon.plus:before {
  content:"\f1a4"
}
.xh-icon.plus-big:before {
  content:"\f1a5"
}
.xh-icon.pornstar-male:before {
  content:"\f1a6"
}
.xh-icon.playlists2:before {
  content:"\f1a7"
}
.xh-icon.beta-reviewer-usermenu:before {
  content:"\f1a8"
}
.xh-icon.beta-share:before {
  content:"\f1a9"
}
.xh-icon.beta-shemale:before {
  color:#dc1aac;
  content:"\f1aa"
}
.xh-icon.beta-sidebar-comments:before {
  content:"\f1ab"
}
.xh-icon.beta-shield:before {
  content:"\f1ac"
}
.xh-icon.beta-reviewer:before {
  color:#f4bb2e;
  content:"\f1ad";
  z-index:1
}
.xh-icon.beta-reviewer:after {
  color:#303030;
  content:"\f1ae";
  z-index:2
}
.xh-icon.pornstar-tag:before {
  content:"\f1af"
}
.xh-icon.privacy:before {
  content:"\f1b0"
}
.xh-icon.post:before {
  content:"\f1b1"
}
.xh-icon.pornstar:before {
  content:"\f1b2"
}
.xh-icon.pride:before {
  color:#ff2e2e;
  content:"\f1b3";
  z-index:1
}
.xh-icon.pride:after {
  color:#ffa31d;
  content:"\f1b4";
  z-index:2
}
.xh-icon.pride>span.path1:before {
  color:#f9d335;
  content:"\f1b5";
  z-index:3
}
.xh-icon.pride>span.path2:before {
  color:#44c7b6;
  content:"\f1b6";
  z-index:4
}
.xh-icon.pride>span.path3:before {
  color:#3193f3;
  content:"\f1b7";
  z-index:5
}
.xh-icon.pride>span.path4:before {
  color:#a442bc;
  content:"\f1b8";
  z-index:6
}
.xh-icon.print:before {
  content:"\f1b9"
}
.xh-icon.beta-star:before {
  content:"\f1ba"
}
.xh-icon.beta-sidebar-like:before {
  content:"\f1bb"
}
.xh-icon.beta-sidebar-vr:before {
  content:"\f1bc"
}
.xh-icon.beta-sidebar-hd:before {
  content:"\f1bd"
}
.xh-icon.beta-sidebar-heart:before {
  content:"\f1be"
}
.xh-icon.beta-sidebar-eye:before {
  content:"\f1bf"
}
.xh-icon.producer-tag:before {
  content:"\f1c0"
}
.xh-icon.producer:before {
  content:"\f1c1"
}
.xh-icon.protection-green:before {
  color:#00bd8f;
  content:"\f1c2"
}
.xh-icon.rank:before {
  content:"\f1c3"
}
.xh-icon.protection:before {
  content:"\f1c4"
}
.xh-icon.question:before {
  content:"\f1c5"
}
.xh-icon.beta-thumb-vr:before {
  content:"\f1c6"
}
.xh-icon.beta-thumb-hd:before {
  content:"\f1c7"
}
.xh-icon.beta-story:before {
  content:"\f1c8"
}
.xh-icon.beta-thumb-uhd:before {
  content:"\f1c9"
}
.xh-icon.beta-video:before {
  content:"\f1ca"
}
.xh-icon.beta-straight:before {
  color:#d64b4b;
  content:"\f1cb";
  z-index:1
}
.xh-icon.beta-straight:after {
  color:#2d87d4;
  content:"\f1cc";
  z-index:2
}
.xh-icon.rec-ai:before {
  color:#965bfa;
  content:"\f1cd";
  z-index:1
}
.xh-icon.rec-ai:after {
  color:#fff;
  content:"\f1ce";
  z-index:2
}
.xh-icon.reddit:before {
  content:"\f1cf"
}
.xh-icon.recommended:before {
  content:"\f1d0"
}
.xh-icon.rating:before {
  content:"\f1d1"
}
.xh-icon.rclub:before {
  content:"\f1d2"
}
.xh-icon.reddit2:before {
  content:"\f1d3"
}
.xh-icon.big-thumbs:before {
  content:"\f1d4"
}
.xh-icon.big-green-tick:before {
  content:"\f1d5"
}
.xh-icon.bisexual:before {
  color:#e648ce;
  content:"\f1d6"
}
.xh-icon.blogger:before {
  content:"\f1d7"
}
.xh-icon.blog:before {
  content:"\f1d8"
}
.xh-icon.big-thumbs-disabled:before {
  content:"\f1d9"
}
.xh-icon.report-flag-filled:before {
  content:"\f1da"
}
.xh-icon.reply:before {
  content:"\f1db"
}
.xh-icon.repeat:before {
  content:"\f1dc"
}
.xh-icon.refresh:before {
  content:"\f1dd"
}
.xh-icon.report-flag-vb:before {
  content:"\f1de"
}
.xh-icon.bookmark:before {
  content:"\f1df"
}
.xh-icon.bucket:before {
  content:"\f1e0"
}
.xh-icon.browser:before {
  content:"\f1e1"
}
.xh-icon.bold:before {
  content:"\f1e2"
}
.xh-icon.bulb:before {
  content:"\f1e3"
}
.xh-icon.body:before {
  content:"\f1e4"
}
.xh-icon.reviewer-usermenu:before {
  content:"\f1e5"
}
.xh-icon.retired-avatar:before {
  content:"\f1e6"
}
.xh-icon.resend:before {
  content:"\f1e7"
}
.xh-icon.round-check:before {
  content:"\f1e8"
}
.xh-icon.report-flag:before {
  content:"\f1e9"
}
.xh-icon.reviewer:before {
  color:#fbd60b;
  content:"\f1ea";
  z-index:1
}
.xh-icon.reviewer:after {
  color:#ffe558;
  content:"\f1eb";
  z-index:2
}
.xh-icon.reviewer>span.path1:before {
  color:#f9c105;
  content:"\f1ec";
  z-index:3
}
.xh-icon.reviewer>span.path2:before {
  color:#fff;
  content:"\f1ed";
  z-index:4
}
.xh-icon.reviewer>span.path3:before {
  color:#231f20;
  content:"\f1ee";
  z-index:5
}
.xh-icon.burger:before {
  content:"\f1ef"
}
.xh-icon.cart-new:before {
  content:"\f1f0"
}
.xh-icon.camera:before {
  content:"\f1f1"
}
.xh-icon.cart1:before {
  content:"\f1f2"
}
.xh-icon.cart:before {
  content:"\f1f3"
}
.xh-icon.calendar:before {
  content:"\f1f4"
}
.xh-icon.search:before {
  content:"\f1f5"
}
.xh-icon.search-small:before {
  content:"\f1f6"
}
.xh-icon.search-normalized:before {
  content:"\f1f7"
}
.xh-icon.search-alt:before {
  content:"\f1f8"
}
.xh-icon.round-dollar:before {
  content:"\f1f9"
}
.xh-icon.selfie:before {
  color:#303030;
  content:"\f1fa"
}
.xh-icon.chat-send:before {
  content:"\f1fb"
}
.xh-icon.chart:before {
  content:"\f1fc"
}
.xh-icon.channel:before {
  content:"\f1fd"
}
.xh-icon.categories1:before {
  content:"\f1fe"
}
.xh-icon.clapperboard-old:before {
  content:"\f1ff"
}
.xh-icon.chain:before {
  content:"\f200"
}
.xh-icon.settings-new:before {
  content:"\f201"
}
.xh-icon.share:before {
  content:"\f202"
}
.xh-icon.settings:before {
  content:"\f203"
}
.xh-icon.seller:before {
  content:"\f204"
}
.xh-icon.settings-two:before {
  content:"\f205"
}
.xh-icon.shemale-couple-new:before {
  color:#e648ce;
  content:"\f206"
}
.xh-icon.clock:before {
  content:"\f207"
}
.xh-icon.clapperboard-tag:before {
  content:"\f208"
}
.xh-icon.clear:before {
  content:"\f209"
}
.xh-icon.coins:before {
  content:"\f20a"
}
.xh-icon.comment:before {
  content:"\f20b"
}
.xh-icon.clothes:before {
  content:"\f20c"
}
.xh-icon.shemale:before {
  color:#e648ce;
  content:"\f20d"
}
.xh-icon.sidebar-4k:before {
  color:#303030;
  content:"\f20e";
  z-index:1
}
.xh-icon.sidebar-4k:after {
  color:#f5f5f5;
  content:"\f20f";
  z-index:2
}
.xh-icon.shield:before {
  content:"\f210"
}
.xh-icon.shemale-new:before {
  color:#e648ce;
  content:"\f211"
}
.xh-icon.shop:before {
  color:#f5f5f5;
  content:"\f212"
}
.xh-icon.shemale-couple:before {
  color:#e648ce;
  content:"\f213"
}
.xh-icon.community-user1:before {
  color:#965bfa;
  content:"\f214";
  z-index:1
}
.xh-icon.community-user1:after {
  color:#fff;
  content:"\f215";
  z-index:2
}
.xh-icon.comments:before {
  content:"\f216"
}
.xh-icon.copy:before {
  color:#303030;
  content:"\f217"
}
.xh-icon.confirm-shield:before {
  content:"\f218"
}
.xh-icon.community-user:before {
  color:#965bfa;
  content:"\f219"
}
.xh-icon.couple:before {
  color:#e34449;
  content:"\f21a";
  z-index:1
}
.xh-icon.couple:after {
  color:#2d87d4;
  content:"\f21b";
  z-index:2
}
.xh-icon.sidebar-watch-history:before {
  content:"\f21c"
}
.xh-icon.sidebar-vr:before {
  color:#2d87d4;
  content:"\f21d";
  z-index:1
}
.xh-icon.sidebar-vr:after {
  color:#f5f5f5;
  content:"\f21e";
  z-index:2
}
.xh-icon.sidebar-eye:before {
  content:"\f21f"
}
.xh-icon.sidebar-comments:before {
  content:"\f220"
}
.xh-icon.sidebar-hd:before {
  color:#303030;
  content:"\f221";
  z-index:1
}
.xh-icon.sidebar-hd:after {
  color:#f5f5f5;
  content:"\f222";
  z-index:2
}
.xh-icon.sidebar-magicwand:before {
  content:"\f223"
}
.xh-icon.cross:before {
  content:"\f224"
}
.xh-icon.cross-big:before {
  content:"\f225"
}
.xh-icon.creator-amateur:before {
  color:#00bd8f;
  content:"\f226";
  z-index:1
}
.xh-icon.creator-amateur:after {
  color:#fff;
  content:"\f227";
  z-index:2
}
.xh-icon.creator-producer:before {
  color:#2d87d4;
  content:"\f228";
  z-index:1
}
.xh-icon.creator-producer:after {
  color:#fff;
  content:"\f229";
  z-index:2
}
.xh-icon.creator:before {
  color:#f5f5f5;
  content:"\f22a";
  z-index:1
}
.xh-icon.creator:after {
  color:#303030;
  content:"\f22b";
  z-index:2
}
.xh-icon.crown-new:before {
  color:#f6bc0a;
  content:"\f22c"
}
.xh-icon.smile:before {
  content:"\f22d"
}
.xh-icon.smile-sad:before {
  content:"\f22e"
}
.xh-icon.slider-arrow:before {
  content:"\f22f"
}
.xh-icon.smiles:before {
  content:"\f230"
}
.xh-icon.snapchat-1:before {
  content:"\f231"
}
.xh-icon.snapchat:before {
  color:#fff;
  content:"\f232"
}
.xh-icon.crown:before {
  content:"\f233"
}
.xh-icon.delete-from-friends:before {
  content:"\f234"
}
.xh-icon.dating:before {
  content:"\f235"
}
.xh-icon.deals:before {
  color:#e34449;
  content:"\f236";
  z-index:1
}
.xh-icon.deals:after {
  color:#f5f5f5;
  content:"\f237";
  z-index:2
}
.xh-icon.crown-white:before {
  content:"\f238"
}
.xh-icon.cupid:before {
  content:"\f239"
}
.xh-icon.social-plus:before {
  content:"\f23a"
}
.xh-icon.social-star:before {
  content:"\f23b"
}
.xh-icon.sort-params:before {
  content:"\f23c"
}
.xh-icon.star-footer:before {
  content:"\f23d"
}
.xh-icon.spy-off:before {
  color:#303030;
  content:"\f23e"
}
.xh-icon.snow:before {
  color:#007dd5;
  content:"\f23f"
}
.xh-icon.disqus:before {
  color:#fff;
  content:"\f240";
  z-index:1
}
.xh-icon.disqus:after {
  color:#2a96ff;
  content:"\f241";
  z-index:2
}
.xh-icon.disqus>span.path1:before {
  color:#eee;
  content:"\f242";
  z-index:3
}
.xh-icon.disqus>span.path2:before {
  color:#222;
  content:"\f243";
  z-index:4
}
.xh-icon.desktop:before {
  content:"\f244"
}
.xh-icon.device:before {
  content:"\f245"
}
.xh-icon.discord:before {
  content:"\f246"
}
.xh-icon.description:before {
  content:"\f247"
}
.xh-icon.diamond:before {
  content:"\f248"
}
.xh-icon.stats:before {
  content:"\f249"
}
.xh-icon.stop-watching:before {
  color:#707070;
  content:"\f24a"
}
.xh-icon.star-new:before {
  content:"\f24b"
}
.xh-icon.stop-new:before {
  content:"\f24c"
}
.xh-icon.start-watching:before {
  color:#707070;
  content:"\f24d"
}
.xh-icon.status-deleted:before {
  content:"\f24e"
}
.xh-icon.dots:before {
  content:"\f24f"
}
.xh-icon.download:before {
  content:"\f250"
}
.xh-icon.drink:before {
  content:"\f251"
}
.xh-icon.documents:before {
  content:"\f252"
}
.xh-icon.dots-menu:before {
  content:"\f253"
}
.xh-icon.dollar:before {
  content:"\f254"
}
.xh-icon.strike:before {
  content:"\f255"
}
.xh-icon.straight:before {
  color:#007dd5;
  content:"\f256";
  z-index:1
}
.xh-icon.straight:after {
  color:#e34449;
  content:"\f257";
  z-index:2
}
.xh-icon.story:before {
  content:"\f258"
}
.xh-icon.stop:before {
  content:"\f259"
}
.xh-icon.stripchat:before {
  content:"\f25a"
}
.xh-icon.story-error:before {
  content:"\f25b"
}
.xh-icon.earth:before {
  content:"\f25c"
}
.xh-icon.edit2:before {
  content:"\f25d"
}
.xh-icon.earth-add:before {
  content:"\f25e"
}
.xh-icon.earth-wait:before {
  content:"\f25f"
}
.xh-icon.earth-check:before {
  content:"\f260"
}
.xh-icon.eighteen-plus-white:before {
  color:#fff;
  content:"\f261"
}
.xh-icon.tag:before {
  content:"\f262"
}
.xh-icon.sub:before {
  content:"\f263"
}
.xh-icon.tags:before {
  content:"\f264"
}
.xh-icon.target:before {
  content:"\f265"
}
.xh-icon.sub-new:before {
  content:"\f266"
}
.xh-icon.sun:before {
  content:"\f267"
}
.xh-icon.error:before {
  content:"\f268"
}
.xh-icon.exclamation:before {
  content:"\f269"
}
.xh-icon.eye:before {
  content:"\f26a"
}
.xh-icon.eye2:before {
  content:"\f26b"
}
.xh-icon.ethnicity:before {
  content:"\f26c"
}
.xh-icon.eighteen-plus:before {
  color:#a0a0a0;
  content:"\f26d"
}
.xh-icon.tick:before {
  content:"\f26e"
}
.xh-icon.telegram:before {
  content:"\f26f"
}
.xh-icon.time:before {
  content:"\f270"
}
.xh-icon.tick3:before {
  content:"\f271"
}
.xh-icon.tick2:before {
  content:"\f272"
}
.xh-icon.thumb-hd:before {
  color:#f5f5f5;
  content:"\f273";
  z-index:1
}
.xh-icon.thumb-hd:after {
  color:#303030;
  content:"\f274";
  z-index:2
}
.xh-icon.favorite-head:before {
  content:"\f275"
}
.xh-icon.facebook2:before {
  content:"\f276"
}
.xh-icon.facebook:before {
  content:"\f277"
}
.xh-icon.favorites:before {
  content:"\f278"
}
.xh-icon.feedback:before {
  content:"\f279"
}
.xh-icon.faphouse:before {
  content:"\f27a"
}
.xh-icon.top:before {
  content:"\f27b"
}
.xh-icon.tools:before {
  content:"\f27c"
}
.xh-icon.tokens:before {
  content:"\f27d"
}
.xh-icon.tokens-coin:before {
  content:"\f27e"
}
.xh-icon.translation-pencil-kanji:before {
  content:"\f27f"
}
.xh-icon.transgender-couple:before {
  color:#e648ce;
  content:"\f280"
}
.xh-icon.female-new:before {
  color:#e34449;
  content:"\f281"
}
.xh-icon.female:before {
  color:#e34449;
  content:"\f282"
}
.xh-icon.female-female-couple:before {
  color:#e34449;
  content:"\f283"
}
.xh-icon.female-couple:before {
  color:#e34449;
  content:"\f284"
}
.xh-icon.fetishes:before {
  content:"\f285"
}
.xh-icon.female-trans-couple:before {
  color:#e648ce;
  content:"\f286";
  z-index:1
}
.xh-icon.female-trans-couple:after {
  color:#e34449;
  content:"\f287";
  z-index:2
}
.xh-icon.triangle-bottom:before {
  color:#303030;
  content:"\f288"
}
.xh-icon.trending:before {
  content:"\f289"
}
.xh-icon.triangle-top:before {
  color:#303030;
  content:"\f28a"
}
.xh-icon.trash-big:before {
  content:"\f28b"
}
.xh-icon.translation:before {
  content:"\f28c"
}
.xh-icon.trophy:before {
  content:"\f28d"
}
.xh-icon.folder:before {
  content:"\f28e"
}
.xh-icon.footer-mobile:before {
  content:"\f28f"
}
.xh-icon.forbid-new:before {
  content:"\f290"
}
.xh-icon.flower-new:before {
  content:"\f291"
}
.xh-icon.fire:before {
  content:"\f292"
}
.xh-icon.flirtify:before {
  content:"\f293"
}
.xh-icon.upload-arrow:before {
  content:"\f294"
}
.xh-icon.twitter2:before {
  content:"\f295"
}
.xh-icon.tumblr:before {
  content:"\f296"
}
.xh-icon.upload-camera:before {
  content:"\f297"
}
.xh-icon.twitter:before {
  content:"\f298"
}
.xh-icon.unmute:before {
  content:"\f299"
}
.xh-icon.friends:before {
  content:"\f29a"
}
.xh-icon.friend:before {
  content:"\f29b"
}
.xh-icon.forbid:before {
  color:#e34449;
  content:"\f29c"
}
.xh-icon.friends-accept:before {
  content:"\f29d"
}
.xh-icon.gay-new:before {
  color:#2d87d4;
  content:"\f29e"
}
.xh-icon.friends-head:before {
  content:"\f29f"
}
.xh-icon.upload-fill2:before {
  content:"\f2a0"
}
.xh-icon.upload-men:before {
  content:"\f2a1"
}
.xh-icon.upload-status-error:before {
  content:"\f2a2"
}
.xh-icon.upload-fill:before {
  content:"\f2a3"
}
.xh-icon.upload-status-error2:before {
  content:"\f2a4"
}
.xh-icon.upload-head:before {
  content:"\f2a5"
}
.xh-icon.genderquire:before {
  color:#c092e6;
  content:"\f2a6"
}
.xh-icon.gem:before {
  content:"\f2a7"
}
.xh-icon.gift-new:before {
  content:"\f2a8"
}
.xh-icon.gear:before {
  content:"\f2a9"
}
.xh-icon.gif:before {
  content:"\f2aa"
}
.xh-icon.gay:before {
  color:#2d87d4;
  content:"\f2ab"
}
.xh-icon.upload-status-uploading:before {
  content:"\f2ac"
}
.xh-icon.upload-status-uploading2:before {
  content:"\f2ad"
}
.xh-icon.upload-status-ok:before {
  content:"\f2ae"
}
.xh-icon.upload-status-waiting:before {
  content:"\f2af"
}
.xh-icon.upload-status-ok2:before {
  content:"\f2b0"
}
.xh-icon.upload-status-waiting2:before {
  content:"\f2b1"
}
.xh-icon.graphics:before {
  color:#707070;
  content:"\f2b2"
}
.xh-icon.hair:before {
  content:"\f2b3"
}
.xh-icon.hamster:before {
  content:"\f2b4"
}
.xh-icon.gift:before {
  content:"\f2b5"
}
.xh-icon.happy-smile:before {
  content:"\f2b6"
}
.xh-icon.upload-video-tape:before {
  content:"\f2b7"
}
.xh-icon.upload-women:before {
  content:"\f2b8"
}
.xh-icon.upload-trans:before {
  content:"\f2b9"
}
.xh-icon.upload:before {
  content:"\f2ba"
}
.xh-icon.upload-straight:before {
  content:"\f2bb"
}
.xh-icon.hamster-bg:before {
  color:#f5f5f5;
  content:"\f2bc";
  z-index:1
}
.xh-icon.hamster-bg:after {
  color:#303030;
  content:"\f2bd";
  z-index:2
}
.xh-icon.HD2:before {
  content:"\f2be"
}
.xh-icon.hd:before {
  content:"\f2bf"
}
.xh-icon.header-menu:before {
  content:"\f2c0"
}
.xh-icon.hd-on-screen2:before {
  content:"\f2c1"
}
.xh-icon.hd-on-screen:before {
  content:"\f2c2"
}
.xh-icon.heart-empty:before {
  content:"\f2c3"
}
.xh-icon.user-single:before {
  content:"\f2c4"
}
.xh-icon.upload2:before {
  content:"\f2c5"
}
.xh-icon.valentine:before {
  content:"\f2c6"
}
.xh-icon.user-header:before {
  color:#303030;
  content:"\f2c7";
  z-index:1
}
.xh-icon.user-header:after {
  color:#fff;
  content:"\f2c8";
  z-index:2
}
.xh-icon.verified-beta:before {
  color:#55ba92;
  content:"\f2c9";
  z-index:1
}
.xh-icon.verified-beta:after {
  color:#fff;
  content:"\f2ca";
  z-index:2
}
.xh-icon.verified:before {
  color:#fbd60b;
  content:"\f2cb";
  z-index:1
}
.xh-icon.verified:after {
  color:#f9c105;
  content:"\f2cc";
  z-index:2
}
.xh-icon.verified>span.path1:before {
  color:#725600;
  content:"\f2cd";
  z-index:3
}
.xh-icon.heart:before {
  content:"\f2ce"
}
.xh-icon.heart2:before {
  content:"\f2cf"
}
.xh-icon.heart-fill:before {
  content:"\f2d0"
}
.xh-icon.help:before {
  content:"\f2d1"
}
.xh-icon.hint-filled:before {
  content:"\f2d2"
}
.xh-icon.hint:before {
  content:"\f2d3"
}
.xh-icon.icon-play-circle:before {
  content:"\f2d4"
}
.xh-icon.img-center:before {
  content:"\f2d5"
}
.xh-icon.image2:before {
  content:"\f2d6"
}
.xh-icon.hourglass:before {
  content:"\f2d7"
}
.xh-icon.i1-million2:before {
  color:#ffbc26;
  content:"\f2d8";
  z-index:1
}
.xh-icon.i1-million2:after {
  color:#eaac26;
  content:"\f2d9";
  z-index:2
}
.xh-icon.i1-million2>span.path1:before {
  color:#e69d00;
  content:"\f2da";
  z-index:3
}
.xh-icon.i1-million:before {
  color:#ffbc26;
  content:"\f2db";
  z-index:1
}
.xh-icon.i1-million:after {
  color:#eaac26;
  content:"\f2dc";
  z-index:2
}
.xh-icon.i1-million>span.path1:before {
  color:#e69d00;
  content:"\f2dd";
  z-index:3
}
.xh-icon.img-large:before {
  content:"\f2de"
}
.xh-icon.img-medium:before {
  content:"\f2df"
}
.xh-icon.img-original:before {
  content:"\f2e0"
}
.xh-icon.img-left:before {
  content:"\f2e1"
}
.xh-icon.img-no:before {
  content:"\f2e2"
}
.xh-icon.img-none:before {
  content:"\f2e3"
}
.xh-icon.info:before {
  content:"\f2e4"
}
.xh-icon.img-small:before {
  content:"\f2e5"
}
.xh-icon.img-right:before {
  content:"\f2e6"
}
.xh-icon.intersex:before {
  content:"\f2e7"
}
.xh-icon.instagram2:before {
  content:"\f2e8"
}
.xh-icon.instagram:before {
  content:"\f2e9"
}
.xh-icon.intro-video:before {
  content:"\f2ea"
}
.xh-icon.intro-nav:before {
  content:"\f2eb"
}
.xh-icon.invisible-hide:before {
  content:"\f2ec"
}
.xh-icon.intro-nav1:before {
  color:#a0a0a0;
  content:"\f2ed";
  z-index:1
}
.xh-icon.intro-nav1:after {
  color:#fff;
  content:"\f2ee";
  z-index:2
}
.xh-icon.intro-icon:before {
  content:"\f2ef"
}
.xh-icon.invisible:before {
  content:"\f2f0"
}
.xh-icon.join:before {
  content:"\f2f1"
}
.xh-icon.italic:before {
  content:"\f2f2"
}
.xh-icon.key:before {
  content:"\f2f3"
}
.xh-icon.lagality:before {
  content:"\f2f4"
}
.xh-icon.jack-o-lantern:before {
  color:#f4900c;
  content:"\f2f5";
  z-index:1
}
.xh-icon.jack-o-lantern:after {
  color:#348531;
  content:"\f2f6";
  z-index:2
}
.xh-icon.jack-o-lantern>span.path1:before {
  color:#000;
  content:"\f2f7";
  z-index:3
}
.xh-icon.language:before {
  content:"\f2f8"
}
.xh-icon.lenth:before {
  content:"\f2f9"
}
.xh-icon.language2:before {
  content:"\f2fa"
}
.xh-icon.legality:before {
  content:"\f2fb"
}
.xh-icon.lesbian-new:before {
  color:#e34449;
  content:"\f2fc"
}
.xh-icon.lesbian:before {
  color:#e34449;
  content:"\f2fd"
}
.xh-icon.lesbian-couple:before {
  color:#e34449;
  content:"\f2fe"
}
.xh-icon.lighting-bolt:before {
  content:"\f2ff"
}
.xh-icon.link2:before {
  content:"\f300"
}
.xh-icon.live-now:before {
  content:"\f301"
}
.xh-icon.like:before {
  content:"\f302"
}
.xh-icon.verify-yourself:before {
  content:"\f303"
}
.xh-icon.link:before {
  content:"\f304"
}
.xh-icon.video-off:before {
  content:"\f305"
}
.xh-icon.video-preview:before {
  content:"\f306"
}
.xh-icon.video-preview-disabled:before {
  content:"\f307"
}
.xh-icon.video-introduction:before {
  content:"\f308"
}
.xh-icon.video-hang-up:before {
  content:"\f309"
}
.xh-icon.video-error:before {
  content:"\f30a"
}
.xh-icon.video3:before {
  content:"\f30b"
}
.xh-icon.video2:before {
  content:"\f30c"
}
.xh-icon.video:before {
  content:"\f30d"
}
.xh-icon.video-titles-translation:before {
  content:"\f30e"
}
.xh-icon.views:before {
  content:"\f30f"
}
.xh-icon.video-titles-translation-disabled:before {
  content:"\f310"
}
.xh-icon.vip-new:before {
  color:#d0b60f;
  content:"\f311";
  z-index:1
}
.xh-icon.vip-new:after {
  color:#f7d813;
  content:"\f312";
  z-index:2
}
.xh-icon.vip-new>span.path1:before {
  color:#725600;
  content:"\f313";
  z-index:3
}
.xh-icon.vr-gearvr:before {
  content:"\f314"
}
.xh-icon.vk:before {
  content:"\f315"
}
.xh-icon.vimeo:before {
  content:"\f316"
}
.xh-icon.vip:before {
  color:#e0ad04;
  content:"\f317";
  z-index:1
}
.xh-icon.vip:after {
  color:#d5b713;
  content:"\f318";
  z-index:2
}
.xh-icon.vip>span.path1:before {
  color:#fbd60b;
  content:"\f319";
  z-index:3
}
.xh-icon.vip>span.path2:before {
  color:#725600;
  content:"\f31a";
  z-index:4
}
.mobile-select__icon:after,
.xh-dropdown .trigger:after,
.xh-dropdown.trigger:after,
.xh-icon {
  speak:none;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  display:inline-block;
  font-family:xh-icons!important;
  font-size:inherit;
  font-style:normal;
  font-variant:normal;
  font-weight:400;
  letter-spacing:0!important;
  line-height:1em;
  position:relative;
  text-transform:none
}
.xh-icon:after,
.xh-icon>span:before {
  left:0;
  position:absolute;
  top:0
}
.xh-icon:after,
.xh-icon:before,
.xh-icon>span:before {
  padding:0 1px
}
.xh-icon:after,
.xh-icon:before {
  z-index:1
}
.xh-icon>span {
  letter-spacing:0!important;
  margin:0!important;
  padding:0!important
}
.xh-icon--bold {
  font-weight:700!important
}
.xh-icon.switch.to-red:before {
  color:var(--color-accent-red,#e34449)
}
.xh-icon.switch.to-original:before {
  color:inherit
}
.xh-icon.switch.to-white:before {
  color:var(--color-white-origin,hsla(0,0%,100%,.7))
}
.xh-icon.switch.to-green:before {
  color:var(--color-accent-green,#00bd8f)
}
.xh-icon.red:before {
  color:var(--color-accent-red,#e34449)
}
.xh-icon.gray:before {
  color:var(--color-gray,#ccc)
}
.xh-icon.gray-dark:before {
  color:var(--color-gray-dark,#a0a0a0)
}
.xh-icon.cobalt-light:before {
  color:var(--color-cobalt-light,#dadada)
}
.xh-icon.cobalt:before {
  color:var(--color-cobalt,#707070)
}
.xh-icon.cobalt-dark:before,
.xh-icon.cobalt-darkest:before {
  color:var(--color-cobalt-darker,#303030)
}
.xh-icon.cobalt-dark-origin:before {
  color:var(--color-cobalt-darker-origin,#303030)
}
.xh-icon.white:before {
  color:var(--color-white-origin,#fff)
}
.xh-icon.blue:before {
  color:var(--color-blue-light,#2d87d4)
}
.xh-icon.green:before {
  color:var(--color-accent-green,#00bd8f)
}
.xh-icon.bright-violet,
.xh-icon.purple {
  color:var(--color-bright-violet,#af38f3)
}
.xh-icon.icon-invert {
  color:var(--xh-color-icon-invert)
}
.xh-icon.soft-violet {
  color:var(--color-soft-violet,#965bfa)
}
.xh-icon.flip-v {
  transform:rotate(180deg)
}
.xh-icon.turn-right {
  transform:rotate(-90deg)
}
.xh-icon.crown {
  color:var(--color-gold,#f4bb2e)
}
.xh-icon.dislike {
  transform:rotate(180deg)
}
.xh-icon.dislike:before {
  content:"\f302"
}
.xh-icon.creators-badge {
  font-size:16px
}
.xh-icon.creators-badge:before {
  color:#00bd8f;
  content:"\f226";
  z-index:1
}
.xh-icon.creators-badge:after {
  color:#fff;
  content:"\f227";
  z-index:2
}
.xh-icon.gift-new {
  font-size:1.5em
}
.xh-icon.hover:hover.to-red:before {
  color:var(--color-accent-red,#e34449)
}
.xh-icon.hover:hover.to-original:before {
  color:inherit
}
.xh-icon.hover:hover.to-white:before {
  color:var(--color-white-origin,hsla(0,0%,100%,.7))
}
.xh-icon.hover:hover.to-green:before {
  color:var(--color-accent-green,#00bd8f)
}
.desktop a:hover>.xh-icon.hover.to-red:before,
.desktop button:hover>.xh-icon.hover.to-red:before {
  color:var(--color-accent-red,#e34449)
}
.desktop a:hover>.xh-icon.hover.to-original:before,
.desktop button:hover>.xh-icon.hover.to-original:before {
  color:inherit
}
.desktop a:hover>.xh-icon.hover.to-white:before,
.desktop button:hover>.xh-icon.hover.to-white:before {
  color:var(--color-white-origin,hsla(0,0%,100%,.7))
}
.desktop a:hover>.xh-icon.hover.to-green:before,
.desktop button:hover>.xh-icon.hover.to-green:before {
  color:var(--color-accent-green,#00bd8f)
}
.active>.xh-icon.hover.to-red:before,
.hover>.xh-icon.hover.to-red:before {
  color:var(--color-accent-red,#e34449)
}
.active>.xh-icon.hover.to-original:before,
.hover>.xh-icon.hover.to-original:before {
  color:inherit
}
.active>.xh-icon.hover.to-white:before,
.hover>.xh-icon.hover.to-white:before {
  color:var(--color-white-origin,hsla(0,0%,100%,.7))
}
.active>.xh-icon.hover.to-green:before,
.hover>.xh-icon.hover.to-green:before {
  color:var(--color-accent-green,#00bd8f)
}
.xh-first-capitalize {
  text-transform:capitalize
}
.xh-d-flex {
  display:flex
}
.xh-d-flex--center {
  align-items:center
}
.autocomplete-off {
  left:-10000px;
  position:fixed
}
.offscreen {
  left:-12000px;
  opacity:1e-7;
  position:absolute;
  top:-12000px
}
.clear:not(.xh-icon) {
  clear:both;
  display:block;
  height:0;
  width:100%
}
.clearfix-after:after,
.clearfix:after,
.clearfix:before {
  clear:both;
  content:" ";
  display:block;
  height:0;
  overflow:hidden;
  width:100%
}
.xh-dropdown {
  display:inline-block;
  position:relative
}
.xh-dropdown .dropdown {
  display:none
}
.xh-dropdown .trigger,
.xh-dropdown.trigger {
  cursor:pointer;
  position:relative;
  z-index:1
}
.xh-dropdown .trigger.no-arrow:after,
.xh-dropdown.trigger.no-arrow:after {
  display:none!important
}
.xh-dropdown .trigger:after,
.xh-dropdown.trigger:after {
  content:"\f113"
}
.checkbox,
[type=checkbox] {
  display:none
}
.checkbox.checked+label:before,
.checkbox:checked+label:before,
.checkbox[checked=true]+label:before,
[type=checkbox].checked+label:before,
[type=checkbox]:checked+label:before,
[type=checkbox][checked=true]+label:before {
  speak:none;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  display:inline-block;
  font-family:xh-icons!important;
  font-size:inherit;
  font-style:normal;
  font-variant:normal;
  font-weight:400;
  letter-spacing:0!important;
  line-height:1em;
  position:relative;
  text-transform:none
}
.checkbox.checked+label:before:after,
.checkbox.checked+label:before>span:before,
.checkbox:checked+label:before:after,
.checkbox:checked+label:before>span:before,
.checkbox[checked=true]+label:before:after,
.checkbox[checked=true]+label:before>span:before,
[type=checkbox].checked+label:before:after,
[type=checkbox].checked+label:before>span:before,
[type=checkbox]:checked+label:before:after,
[type=checkbox]:checked+label:before>span:before,
[type=checkbox][checked=true]+label:before:after,
[type=checkbox][checked=true]+label:before>span:before {
  left:0;
  position:absolute;
  top:0
}
.checkbox.checked+label:before:after,
.checkbox.checked+label:before:before,
.checkbox.checked+label:before>span:before,
.checkbox:checked+label:before:after,
.checkbox:checked+label:before:before,
.checkbox:checked+label:before>span:before,
.checkbox[checked=true]+label:before:after,
.checkbox[checked=true]+label:before:before,
.checkbox[checked=true]+label:before>span:before,
[type=checkbox].checked+label:before:after,
[type=checkbox].checked+label:before:before,
[type=checkbox].checked+label:before>span:before,
[type=checkbox]:checked+label:before:after,
[type=checkbox]:checked+label:before:before,
[type=checkbox]:checked+label:before>span:before,
[type=checkbox][checked=true]+label:before:after,
[type=checkbox][checked=true]+label:before:before,
[type=checkbox][checked=true]+label:before>span:before {
  padding:0 1px
}
.checkbox.checked+label:before:after,
.checkbox.checked+label:before:before,
.checkbox:checked+label:before:after,
.checkbox:checked+label:before:before,
.checkbox[checked=true]+label:before:after,
.checkbox[checked=true]+label:before:before,
[type=checkbox].checked+label:before:after,
[type=checkbox].checked+label:before:before,
[type=checkbox]:checked+label:before:after,
[type=checkbox]:checked+label:before:before,
[type=checkbox][checked=true]+label:before:after,
[type=checkbox][checked=true]+label:before:before {
  z-index:1
}
.checkbox.checked+label:before>span,
.checkbox:checked+label:before>span,
.checkbox[checked=true]+label:before>span,
[type=checkbox].checked+label:before>span,
[type=checkbox]:checked+label:before>span,
[type=checkbox][checked=true]+label:before>span {
  letter-spacing:0!important;
  margin:0!important;
  padding:0!important
}
.checkbox.checked+label::before--bold,
.checkbox:checked+label::before--bold,
.checkbox[checked=true]+label::before--bold,
[type=checkbox].checked+label::before--bold,
[type=checkbox]:checked+label::before--bold,
[type=checkbox][checked=true]+label::before--bold {
  font-weight:700!important
}
.checkbox.checked+label:before.switch.to-red:before,
.checkbox:checked+label:before.switch.to-red:before,
.checkbox[checked=true]+label:before.switch.to-red:before,
[type=checkbox].checked+label:before.switch.to-red:before,
[type=checkbox]:checked+label:before.switch.to-red:before,
[type=checkbox][checked=true]+label:before.switch.to-red:before {
  color:var(--color-accent-red,#e34449)
}
.checkbox.checked+label:before.switch.to-original:before,
.checkbox:checked+label:before.switch.to-original:before,
.checkbox[checked=true]+label:before.switch.to-original:before,
[type=checkbox].checked+label:before.switch.to-original:before,
[type=checkbox]:checked+label:before.switch.to-original:before,
[type=checkbox][checked=true]+label:before.switch.to-original:before {
  color:inherit
}
.checkbox.checked+label:before.switch.to-white:before,
.checkbox:checked+label:before.switch.to-white:before,
.checkbox[checked=true]+label:before.switch.to-white:before,
[type=checkbox].checked+label:before.switch.to-white:before,
[type=checkbox]:checked+label:before.switch.to-white:before,
[type=checkbox][checked=true]+label:before.switch.to-white:before {
  color:var(--color-white-origin,hsla(0,0%,100%,.7))
}
.checkbox.checked+label:before.switch.to-green:before,
.checkbox:checked+label:before.switch.to-green:before,
.checkbox[checked=true]+label:before.switch.to-green:before,
[type=checkbox].checked+label:before.switch.to-green:before,
[type=checkbox]:checked+label:before.switch.to-green:before,
[type=checkbox][checked=true]+label:before.switch.to-green:before {
  color:var(--color-accent-green,#00bd8f)
}
.checkbox.checked+label:before.red:before,
.checkbox:checked+label:before.red:before,
.checkbox[checked=true]+label:before.red:before,
[type=checkbox].checked+label:before.red:before,
[type=checkbox]:checked+label:before.red:before,
[type=checkbox][checked=true]+label:before.red:before {
  color:var(--color-accent-red,#e34449)
}
.checkbox.checked+label:before.gray:before,
.checkbox:checked+label:before.gray:before,
.checkbox[checked=true]+label:before.gray:before,
[type=checkbox].checked+label:before.gray:before,
[type=checkbox]:checked+label:before.gray:before,
[type=checkbox][checked=true]+label:before.gray:before {
  color:var(--color-gray,#ccc)
}
.checkbox.checked+label:before.gray-dark:before,
.checkbox:checked+label:before.gray-dark:before,
.checkbox[checked=true]+label:before.gray-dark:before,
[type=checkbox].checked+label:before.gray-dark:before,
[type=checkbox]:checked+label:before.gray-dark:before,
[type=checkbox][checked=true]+label:before.gray-dark:before {
  color:var(--color-gray-dark,#a0a0a0)
}
.checkbox.checked+label:before.cobalt-light:before,
.checkbox:checked+label:before.cobalt-light:before,
.checkbox[checked=true]+label:before.cobalt-light:before,
[type=checkbox].checked+label:before.cobalt-light:before,
[type=checkbox]:checked+label:before.cobalt-light:before,
[type=checkbox][checked=true]+label:before.cobalt-light:before {
  color:var(--color-cobalt-light,#dadada)
}
.checkbox.checked+label:before.cobalt:before,
.checkbox:checked+label:before.cobalt:before,
.checkbox[checked=true]+label:before.cobalt:before,
[type=checkbox].checked+label:before.cobalt:before,
[type=checkbox]:checked+label:before.cobalt:before,
[type=checkbox][checked=true]+label:before.cobalt:before {
  color:var(--color-cobalt,#707070)
}
.checkbox.checked+label:before.cobalt-dark:before,
.checkbox.checked+label:before.cobalt-darkest:before,
.checkbox:checked+label:before.cobalt-dark:before,
.checkbox:checked+label:before.cobalt-darkest:before,
.checkbox[checked=true]+label:before.cobalt-dark:before,
.checkbox[checked=true]+label:before.cobalt-darkest:before,
[type=checkbox].checked+label:before.cobalt-dark:before,
[type=checkbox].checked+label:before.cobalt-darkest:before,
[type=checkbox]:checked+label:before.cobalt-dark:before,
[type=checkbox]:checked+label:before.cobalt-darkest:before,
[type=checkbox][checked=true]+label:before.cobalt-dark:before,
[type=checkbox][checked=true]+label:before.cobalt-darkest:before {
  color:var(--color-cobalt-darker,#303030)
}
.checkbox.checked+label:before.cobalt-dark-origin:before,
.checkbox:checked+label:before.cobalt-dark-origin:before,
.checkbox[checked=true]+label:before.cobalt-dark-origin:before,
[type=checkbox].checked+label:before.cobalt-dark-origin:before,
[type=checkbox]:checked+label:before.cobalt-dark-origin:before,
[type=checkbox][checked=true]+label:before.cobalt-dark-origin:before {
  color:var(--color-cobalt-darker-origin,#303030)
}
.checkbox.checked+label:before.white:before,
.checkbox:checked+label:before.white:before,
.checkbox[checked=true]+label:before.white:before,
[type=checkbox].checked+label:before.white:before,
[type=checkbox]:checked+label:before.white:before,
[type=checkbox][checked=true]+label:before.white:before {
  color:var(--color-white-origin,#fff)
}
.checkbox.checked+label:before.blue:before,
.checkbox:checked+label:before.blue:before,
.checkbox[checked=true]+label:before.blue:before,
[type=checkbox].checked+label:before.blue:before,
[type=checkbox]:checked+label:before.blue:before,
[type=checkbox][checked=true]+label:before.blue:before {
  color:var(--color-blue-light,#2d87d4)
}
.checkbox.checked+label:before.green:before,
.checkbox:checked+label:before.green:before,
.checkbox[checked=true]+label:before.green:before,
[type=checkbox].checked+label:before.green:before,
[type=checkbox]:checked+label:before.green:before,
[type=checkbox][checked=true]+label:before.green:before {
  color:var(--color-accent-green,#00bd8f)
}
.checkbox.checked+label:before.bright-violet,
.checkbox.checked+label:before.purple,
.checkbox:checked+label:before.bright-violet,
.checkbox:checked+label:before.purple,
.checkbox[checked=true]+label:before.bright-violet,
.checkbox[checked=true]+label:before.purple,
[type=checkbox].checked+label:before.bright-violet,
[type=checkbox].checked+label:before.purple,
[type=checkbox]:checked+label:before.bright-violet,
[type=checkbox]:checked+label:before.purple,
[type=checkbox][checked=true]+label:before.bright-violet,
[type=checkbox][checked=true]+label:before.purple {
  color:var(--color-bright-violet,#af38f3)
}
.checkbox.checked+label:before.icon-invert,
.checkbox:checked+label:before.icon-invert,
.checkbox[checked=true]+label:before.icon-invert,
[type=checkbox].checked+label:before.icon-invert,
[type=checkbox]:checked+label:before.icon-invert,
[type=checkbox][checked=true]+label:before.icon-invert {
  color:var(--xh-color-icon-invert)
}
.checkbox.checked+label:before.soft-violet,
.checkbox:checked+label:before.soft-violet,
.checkbox[checked=true]+label:before.soft-violet,
[type=checkbox].checked+label:before.soft-violet,
[type=checkbox]:checked+label:before.soft-violet,
[type=checkbox][checked=true]+label:before.soft-violet {
  color:var(--color-soft-violet,#965bfa)
}
.checkbox.checked+label:before.flip-v,
.checkbox:checked+label:before.flip-v,
.checkbox[checked=true]+label:before.flip-v,
[type=checkbox].checked+label:before.flip-v,
[type=checkbox]:checked+label:before.flip-v,
[type=checkbox][checked=true]+label:before.flip-v {
  transform:rotate(180deg)
}
.checkbox.checked+label:before.turn-right,
.checkbox:checked+label:before.turn-right,
.checkbox[checked=true]+label:before.turn-right,
[type=checkbox].checked+label:before.turn-right,
[type=checkbox]:checked+label:before.turn-right,
[type=checkbox][checked=true]+label:before.turn-right {
  transform:rotate(-90deg)
}
.checkbox.checked+label:before.crown,
.checkbox:checked+label:before.crown,
.checkbox[checked=true]+label:before.crown,
[type=checkbox].checked+label:before.crown,
[type=checkbox]:checked+label:before.crown,
[type=checkbox][checked=true]+label:before.crown {
  color:var(--color-gold,#f4bb2e)
}
.checkbox.checked+label:before.dislike,
.checkbox:checked+label:before.dislike,
.checkbox[checked=true]+label:before.dislike,
[type=checkbox].checked+label:before.dislike,
[type=checkbox]:checked+label:before.dislike,
[type=checkbox][checked=true]+label:before.dislike {
  transform:rotate(180deg)
}
.checkbox.checked+label:before.dislike:before,
.checkbox:checked+label:before.dislike:before,
.checkbox[checked=true]+label:before.dislike:before,
[type=checkbox].checked+label:before.dislike:before,
[type=checkbox]:checked+label:before.dislike:before,
[type=checkbox][checked=true]+label:before.dislike:before {
  content:"\f302"
}
.checkbox.checked+label:before.creators-badge,
.checkbox:checked+label:before.creators-badge,
.checkbox[checked=true]+label:before.creators-badge,
[type=checkbox].checked+label:before.creators-badge,
[type=checkbox]:checked+label:before.creators-badge,
[type=checkbox][checked=true]+label:before.creators-badge {
  font-size:16px
}
.checkbox.checked+label:before.creators-badge:before,
.checkbox:checked+label:before.creators-badge:before,
.checkbox[checked=true]+label:before.creators-badge:before,
[type=checkbox].checked+label:before.creators-badge:before,
[type=checkbox]:checked+label:before.creators-badge:before,
[type=checkbox][checked=true]+label:before.creators-badge:before {
  color:#00bd8f;
  content:"\f226";
  z-index:1
}
.checkbox.checked+label:before.creators-badge:after,
.checkbox:checked+label:before.creators-badge:after,
.checkbox[checked=true]+label:before.creators-badge:after,
[type=checkbox].checked+label:before.creators-badge:after,
[type=checkbox]:checked+label:before.creators-badge:after,
[type=checkbox][checked=true]+label:before.creators-badge:after {
  color:#fff;
  content:"\f227";
  z-index:2
}
.checkbox.checked+label:before.gift-new,
.checkbox:checked+label:before.gift-new,
.checkbox[checked=true]+label:before.gift-new,
[type=checkbox].checked+label:before.gift-new,
[type=checkbox]:checked+label:before.gift-new,
[type=checkbox][checked=true]+label:before.gift-new {
  font-size:1.5em
}
.checkbox.checked+label:before,
.checkbox:checked+label:before,
.checkbox[checked=true]+label:before,
[type=checkbox].checked+label:before,
[type=checkbox]:checked+label:before,
[type=checkbox][checked=true]+label:before {
  content:"\f26e"
}
.checkbox .disabled+label,
.checkbox:disabled+label,
.checkbox[disabled=true]+label,
[type=checkbox] .disabled+label,
[type=checkbox]:disabled+label,
[type=checkbox][disabled=true]+label {
  cursor:not-allowed
}
.checkbox .disabled+label:before,
.checkbox:disabled+label:before,
.checkbox[disabled=true]+label:before,
[type=checkbox] .disabled+label:before,
[type=checkbox]:disabled+label:before,
[type=checkbox][disabled=true]+label:before {
  border:1px solid var(--color-gray)!important;
  opacity:.5
}
.checkbox.align-left+label,
[type=checkbox].align-left+label {
  padding-left:30px
}
.checkbox.align-left+label:before,
[type=checkbox].align-left+label:before {
  left:0;
  position:absolute
}
.checkbox+label,
[type=checkbox]+label {
  cursor:pointer;
  display:block;
  font-size:14px;
  line-height:22px;
  position:relative;
  transition:color .15s ease
}
.checkbox+label:before,
[type=checkbox]+label:before {
  background-color:var(--background-input,#fff);
  border:1px solid var(--color-gray);
  border-radius:5px;
  color:var(--color-cobalt-darker,#303030);
  content:"";
  display:block;
  float:left;
  font-size:9px!important;
  height:18px;
  line-height:20px!important;
  margin-right:9px;
  text-align:center;
  transition:border-color .15s ease;
  width:18px
}
.checkbox+label:disabled,
[type=checkbox]+label:disabled {
  opacity:.5
}
.checkbox+label:hover:before,
[type=checkbox]+label:hover:before {
  border-color:var(--color-accent-pink,rgba(227,68,73,.3))
}
.switcher[type=checkbox] {
  left:-12000px;
  opacity:1e-7;
  position:absolute;
  top:-12000px
}
.switcher[type=checkbox]+label {
  background:var(--color-gray-dark,#a0a0a0);
  border-radius:12px;
  display:inline-block;
  float:right;
  height:20px;
  position:relative;
  transition:all .3s ease;
  width:40px
}
.switcher[type=checkbox]+label:before {
  display:none
}
.switcher[type=checkbox]+label:after {
  background:var(--color-cobalt-lighter,#f5f5f5);
  border-radius:50%;
  box-shadow:0 2px 5px 0 rgba(0,0,0,.01);
  content:" ";
  height:14px;
  left:3px;
  position:absolute;
  right:auto;
  top:3px;
  width:14px
}
.switcher[type=checkbox]:checked+label {
  background:var(--color-accent-green,#00bd8f)
}
.switcher[type=checkbox]:checked+label:after {
  left:auto;
  right:3px
}
.radio,
[type=radio] {
  display:none
}
.radio:checked+label:after,
[type=radio]:checked+label:after {
  background:var(--color-cobalt-darker,#303030)
}
.radio:disabled+label:after,
.radio:disabled+label:before,
[type=radio]:disabled+label:after,
[type=radio]:disabled+label:before {
  opacity:.5
}
.radio:disabled+label:hover:before,
[type=radio]:disabled+label:hover:before {
  border:1px solid var(--color-gray)!important
}
.radio+label,
[type=radio]+label {
  cursor:pointer;
  display:block;
  font-size:14px;
  line-height:22px;
  position:relative;
  transition:color .15s ease
}
.radio+label:before,
[type=radio]+label:before {
  background:var(--background-input,#fff);
  border:1px solid var(--color-gray);
  border-radius:50%;
  box-sizing:border-box;
  content:"";
  display:block;
  flex:0 0 22px;
  float:left;
  height:22px;
  margin-right:9px;
  transition:border-color .15s ease;
  width:22px
}
.radio+label:after,
[type=radio]+label:after {
  border-radius:50%;
  content:"";
  display:block;
  height:10px;
  left:6px;
  position:absolute;
  top:6px;
  transition:background .15s ease;
  width:10px
}
.radio+label:disabled,
[type=radio]+label:disabled {
  cursor:not-allowed;
  opacity:.5
}
.radio+label:hover:before,
[type=radio]+label:hover:before {
  border-color:var(--background-checkbox-hover,var(--color-accent-pink,rgba(227,68,73,.3)))
}
.input-text,
.textarea {
  background:var(--background-input,#fff);
  border:1px solid var(--color-input-text-border,#ccc);
  border-radius:5px;
  box-sizing:border-box;
  color:var(--color-cobalt-darker,#303030);
  display:block;
  font-size:14px;
  padding:0 10px;
  transition:background .15s ease;
  width:100%
}
.input-text:-webkit-autofill,
.input-text:-webkit-autofill:active,
.input-text:-webkit-autofill:focus,
.input-text:-webkit-autofill:hover,
.textarea:-webkit-autofill,
.textarea:-webkit-autofill:active,
.textarea:-webkit-autofill:focus,
.textarea:-webkit-autofill:hover {
  -webkit-text-fill-color:var(--color-cobalt-darker,#303030);
  box-shadow:0 0 0 1000px var(--background-input,#fff) inset
}
.input-text::input-placeholder,
.textarea::input-placeholder {
  color:var(--color-gray-dark,#a0a0a0)!important;
  opacity:1
}
.input-text:placeholder,
.textarea:placeholder {
  color:var(--color-gray-dark,#a0a0a0)!important;
  opacity:1
}
.input-text::placeholder,
.textarea::placeholder {
  color:var(--color-gray-dark,#a0a0a0)!important;
  opacity:1
}
.input-text:input-placeholder,
.textarea:input-placeholder {
  color:var(--color-gray-dark,#a0a0a0)!important;
  opacity:1
}
.input-text:focus,
.textarea:focus {
  background:var(--background-input,#fff);
  border-color:var(--color-blue-lighter,#5db6fa);
  box-shadow:0 0 0 1px var(--color-blue-lighter,#5db6fa);
  color:var(--color-cobalt-darker,#303030)
}
.input-text:focus::input-placeholder,
.textarea:focus::input-placeholder {
  color:var(--color-gray-dark,#a0a0a0)!important;
  opacity:1
}
.input-text:focus:placeholder,
.textarea:focus:placeholder {
  color:var(--color-gray-dark,#a0a0a0)!important;
  opacity:1
}
.input-text:focus::placeholder,
.textarea:focus::placeholder {
  color:var(--color-gray-dark,#a0a0a0)!important;
  opacity:1
}
.input-text:focus:input-placeholder,
.textarea:focus:input-placeholder {
  color:var(--color-gray-dark,#a0a0a0)!important;
  opacity:1
}
.input-text:read-only,
.textarea:read-only {
  background:var(--background-input-readonly,#eaeaea);
  cursor:not-allowed!important
}
.input-text:disabled,
.textarea:disabled {
  background:var(--background-input,#fff);
  opacity:.5
}
.up-field .input-text,
.up-field .textarea {
  border-bottom-left-radius:0;
  border-bottom-right-radius:0
}
.up-field .input-text:focus,
.up-field .textarea:focus {
  position:relative;
  z-index:1
}
.down-field .input-text,
.down-field .textarea {
  border-top-left-radius:0;
  border-top-right-radius:0;
  border-top-width:0
}
.down-field .input-text:focus,
.down-field .textarea:focus,
.down-field.has-error .input-text,
.down-field.has-error .textarea {
  border-top-width:1px;
  padding-top:9px
}
.has-error+.down-field.has-error .input-text,
.has-error+.down-field.has-error .textarea {
  border-top-width:0;
  padding-top:10px
}
.field-container--password.down-field .input-text {
  border-top-color:var(--background-input,--xh-color-extra-white);
  border-top-width:1px
}
.field-container--password.down-field .input-text:focus {
  border-top-color:var(--color-blue-lighter,#5db6fa);
  padding-top:0
}
.field-wrapper {
  display:inline-block
}
.input-text {
  height:40px;
  line-height:1.2em
}
.input-text--very-small {
  width:75px
}
.textarea {
  min-height:40px;
  overflow:auto;
  padding:10px;
  position:relative;
  resize:none
}
i.xh-icon.show-password-button {
  color:var(--color-cobalt-darker-origin,#303030);
  cursor:pointer;
  font-size:12px;
  line-height:40px;
  position:absolute;
  right:0;
  text-align:center;
  top:0;
  width:40px
}
i.xh-icon.show-password-button--active:before {
  color:var(--color-gray-dark-origin,#a0a0a0)
}
.show-password {
  padding-right:40px
}
.show-password+.error-icon-container {
  display:none
}
input::-ms-clear,
input::-ms-reveal {
  display:none
}
.input-text.rtl,
.textarea.rtl {
  direction:rtl
}
.select-control-source {
  display:none!important
}
.search-select {
  position:relative
}
.search-select--hidden {
  display:none
}
.search-select--active .search-select__control {
  border-radius:5px 5px 0 0
}
.search-select--has-search-content .search-select__content-container {
  position:absolute;
  width:100%;
  z-index:10
}
.search-select__control {
  background:#fff;
  border:1px solid #ccc;
  border-radius:5px;
  box-sizing:border-box;
  cursor:text;
  display:block;
  overflow:hidden;
  padding:10px 10px;
  vertical-align:baseline;
  width:100%
}
.search-select__control--disabled {
  background-color:#fafafa!important;
  cursor:default!important;
  opacity:.5!important
}
.search-select__control-input:not(:only-child)::-moz-placeholder {
  color:#303030!important;
  opacity:0!important
}
.search-select__control-input:not(:only-child)::placeholder {
  color:#303030!important;
  opacity:0!important
}
.search-select__control-input:only-child::-moz-placeholder {
  color:#a0a0a0!important;
  opacity:1!important
}
.search-select__control-input:only-child::placeholder {
  color:#a0a0a0!important;
  opacity:1!important
}
.search-select__control-input {
  zoom:1;
  background:none;
  border:0 none;
  box-shadow:none;
  color:#303030;
  display:inline;
  font-family:inherit;
  font-size:14px;
  left:0;
  line-height:20px;
  margin:0 2px 0 0;
  max-height:none;
  max-width:100%;
  min-height:0;
  opacity:1;
  padding:0 0 0 2px;
  position:relative;
  text-indent:0;
  -webkit-user-select:auto;
  vertical-align:baseline;
  white-space:nowrap;
  width:100%
}
.search-select__control-input:focus {
  outline:none
}
.search-select__content-container {
  position:relative
}
.search-select__search-content {
  background:#fff;
  border:1px solid #ccc;
  border-radius:0 0 5px 5px;
  border-top:initial;
  box-shadow:0 1px 3px rgba(0,0,0,.1);
  box-sizing:border-box;
  display:none;
  left:0;
  top:0;
  width:100%;
  z-index:10
}
.search-select__search-content-separator {
  border-bottom:1px solid #ccc;
  margin:0 10px
}
.search-select__search-content-wrapper {
  padding:10px
}
.search-select__content {
  -webkit-overflow-scrolling:touch;
  background:#fff;
  border:1px solid #ccc;
  border-top:initial;
  display:none;
  left:0;
  max-height:200px;
  overflow-x:hidden;
  overflow-y:auto;
  top:0
}
.search-select__content:not(.search-select__content--search) {
  border-radius:0 0 5px 5px;
  box-shadow:0 1px 3px rgba(0,0,0,.1);
  box-sizing:border-box;
  position:absolute;
  width:100%;
  z-index:10
}
.search-select__content--search {
  border-bottom:initial;
  padding-bottom:10px
}
.search-select__content--active {
  display:block
}
.search-select__content--hidden {
  display:none!important
}
.search-select__content--no-items {
  display:none
}
.search-select--search .search-select__content--active~.search-select__search-content {
  display:block
}
.search-select--search .search-select__content--no-items~.search-select__search-content .search-select__search-content-separator {
  display:none
}
.multi-select-control-item {
  background:#dadada;
  border:0 solid #d0d0d0;
  border-radius:2px;
  color:#303030;
  cursor:pointer;
  display:inline-block;
  margin:0 3px 3px 0;
  max-width:100%;
  padding:2px 6px;
  position:relative
}
.multi-select-control-item--hovered {
  background-color:#eaeaea;
  color:#303030
}
.multi-select-control-item__title {
  display:inline-block;
  line-height:20px;
  max-width:100%;
  overflow:hidden;
  padding:2px 20px 2px 2px
}
.multi-select-control-item__close {
  display:inline-block;
  height:100%;
  position:absolute;
  right:0;
  width:28px
}
.multi-select-control-item__close .xh-icon {
  height:12px!important;
  margin-top:-9px!important;
  position:absolute;
  right:8px!important;
  top:50%;
  width:12px!important
}
.multi-select {
  position:relative
}
.multi-select--hidden {
  display:none
}
.multi-select__control {
  background:#fff;
  border:1px solid #ccc;
  border-radius:5px;
  box-sizing:border-box;
  cursor:text;
  display:block;
  overflow:hidden;
  padding:10px 10px;
  vertical-align:baseline;
  width:100%
}
.multi-select__control--active {
  border-radius:5px 5px 0 0
}
.multi-select__control--disabled {
  background-color:#fafafa!important;
  cursor:default!important;
  opacity:.5!important
}
.multi-select__control-input:not(:only-child)::-moz-placeholder {
  color:#303030!important;
  opacity:0!important
}
.multi-select__control-input:not(:only-child)::placeholder {
  color:#303030!important;
  opacity:0!important
}
.multi-select__control-input:only-child::-moz-placeholder {
  color:#a0a0a0!important;
  opacity:1!important
}
.multi-select__control-input:only-child::placeholder {
  color:#a0a0a0!important;
  opacity:1!important
}
.multi-select__control-input {
  zoom:1;
  background:none;
  border:0 none;
  box-shadow:none;
  color:#303030;
  display:inline;
  font-family:inherit;
  font-size:14px;
  left:0;
  line-height:20px;
  margin:0 2px 0 0;
  max-height:none;
  max-width:100%;
  min-height:0;
  opacity:1;
  padding:0;
  padding-left:2px;
  position:relative;
  text-indent:0;
  -webkit-user-select:auto;
  vertical-align:baseline;
  white-space:nowrap;
  width:auto
}
.multi-select__control-input:focus {
  outline:none
}
.multi-select__content-container {
  position:relative
}
.multi-select__content {
  -webkit-overflow-scrolling:touch;
  background:#fff;
  border:1px solid #ccc;
  border-radius:0 0 5px 5px;
  box-shadow:0 1px 3px rgba(0,0,0,.1);
  box-sizing:border-box;
  display:none;
  left:0;
  max-height:200px;
  overflow-x:hidden;
  overflow-y:auto;
  position:absolute;
  top:0;
  width:100%;
  z-index:10
}
.multi-select__content--active {
  display:block
}
.multi-select__content--hidden {
  display:none!important
}
.single-select {
  position:relative
}
.single-select--hidden {
  display:none
}
.single-select--active .single-select__control {
  background:#fff!important
}
.single-select--modified .single-select__control {
  background:#dadada;
  border:none;
  box-shadow:none;
  padding:5px 10px 5px
}
.single-select--modified .single-select__content {
  border:none;
  border-top:1px solid #ccc;
  box-shadow:0 10px 15px 0 rgba(0,0,0,.15);
  padding:10px 0
}
.single-select__control {
  background:#fff;
  border:1px solid #ccc;
  border-radius:5px;
  box-sizing:border-box;
  cursor:pointer;
  display:block;
  overflow:hidden;
  padding:10px 10px;
  width:100%
}
.single-select__control:after {
  border-color:#303030 transparent transparent transparent;
  border-style:solid;
  border-width:3px 3px 0 3px;
  content:" ";
  display:block;
  height:0;
  margin-top:-2px;
  position:absolute;
  right:15px;
  top:50%;
  width:0
}
.single-select__control--disabled {
  background-color:#fafafa!important;
  cursor:default!important;
  opacity:.5!important
}
.single-select__control--active {
  border-radius:5px 5px 0 0
}
.single-select__control--active:after {
  border-color:transparent transparent #303030 transparent;
  border-width:0 3px 3px 3px;
  margin-top:3px * -.8
}
.single-select__control__item {
  color:#303030;
  line-height:20px;
  overflow:hidden;
  padding-right:15px;
  text-overflow:ellipsis;
  white-space:nowrap
}
.single-select__control__item--gray {
  color:#a0a0a0
}
.single-select__control__input {
  left:-10000px;
  opacity:0;
  position:absolute;
  width:4px
}
.single-select__content-container {
  position:relative
}
.single-select__content {
  -webkit-overflow-scrolling:touch;
  background:#fff;
  border:1px solid #ccc;
  border-radius:0 0 5px 5px;
  box-shadow:0 1px 3px rgba(0,0,0,.1);
  box-sizing:border-box;
  display:none;
  left:0;
  max-height:200px;
  overflow-x:hidden;
  overflow-y:auto;
  position:absolute;
  top:0;
  width:100%;
  z-index:10000
}
.single-select__content--active {
  display:block
}
.custom-select {
  position:relative
}
.custom-select--hidden {
  display:none
}
.custom-select--active .custom-select__control {
  background:#fff!important;
  border-radius:5px 5px 0 0
}
.custom-select--active .custom-select__control:after {
  border-color:transparent transparent #303030 transparent;
  border-width:0 3px 3px 3px;
  margin-top:3px * -.8
}
.custom-select--active .custom-select__control-item {
  visibility:hidden
}
.custom-select--active .custom-select__control-input {
  color:#303030;
  opacity:1
}
.custom-select__control {
  background:#fff;
  border:1px solid #ccc;
  border-radius:5px;
  box-sizing:border-box;
  cursor:pointer;
  display:block;
  overflow:hidden;
  padding:10px 10px;
  width:100%
}
.custom-select__control:after {
  border-color:#303030 transparent transparent transparent;
  border-style:solid;
  border-width:3px 3px 0 3px;
  content:" ";
  display:block;
  height:0;
  margin-top:-2px;
  position:absolute;
  right:15px;
  top:50%;
  width:0
}
.custom-select__control--disabled {
  background-color:#fafafa!important;
  cursor:default!important;
  opacity:.5!important
}
.custom-select__control-item {
  color:#303030;
  line-height:20px;
  overflow:hidden;
  padding-right:15px;
  text-overflow:ellipsis;
  white-space:nowrap
}
.custom-select__control-item--gray {
  color:#a0a0a0
}
.custom-select__control-input {
  zoom:1;
  background:none;
  border:0 none;
  box-shadow:none;
  color:#fff;
  display:inline;
  font-family:inherit;
  font-size:16px;
  left:0;
  line-height:20px;
  max-height:none;
  max-width:100%;
  min-height:0;
  opacity:0;
  padding:10px;
  position:absolute;
  text-indent:0;
  top:0;
  -webkit-user-select:auto;
  vertical-align:baseline;
  white-space:nowrap
}
.custom-select__control-input:focus {
  outline:none
}
.custom-select__control-input:-ms-input-placeholder {
  opacity:0
}
.custom-select__content-container {
  position:relative
}
.custom-select__content {
  -webkit-overflow-scrolling:touch;
  background:#fff;
  border:1px solid #ccc;
  border-radius:0 0 5px 5px;
  box-shadow:0 1px 3px rgba(0,0,0,.1);
  box-sizing:border-box;
  display:none;
  left:0;
  max-height:200px;
  overflow-x:hidden;
  overflow-y:auto;
  position:absolute;
  top:0;
  width:100%;
  z-index:10000
}
.custom-select__content--active {
  display:block
}
.select-item {
  color:#303030;
  cursor:pointer;
  line-height:20px;
  overflow:hidden;
  padding:5px 10px;
  text-overflow:ellipsis
}
.select-item--hidden,
.select-item--hidden-on-list {
  display:none
}
.select-item--gray {
  color:#a0a0a0
}
.select-item--hovered {
  background-color:#eaeaea
}
.select-item--disabled {
  background-color:#fafafa!important;
  cursor:default!important;
  opacity:.5!important
}
.mobile-select {
  height:40px;
  position:relative;
  width:100%;
  z-index:0
}
.mobile-select__icon {
  height:100%;
  position:relative;
  width:100%
}
.mobile-select__icon:after {
  content:"\f116";
  font-size:6px;
  font-weight:700;
  padding-right:12px;
  position:absolute;
  right:0;
  top:16px;
  z-index:1
}
.mobile-select__control {
  appearance:none;
  border-radius:5px;
  font-size:14px;
  height:40px;
  line-height:20px;
  overflow-y:hidden;
  padding:0 30px 0 12px;
  position:absolute;
  top:0;
  width:100%
}
.mobile-select__control:invalid {
  color:var(--color-gray-dark,#a0a0a0)
}
.mobile-select__control:disabled {
  opacity:.5
}
.mobile-select__control::-ms-expand {
  display:none
}
.mobile-select__control:focus::-ms-value {
  background-color:transparent;
  color:var(--color-cobalt-darker,#303030)
}
.mobile-select__control--bold {
  font-weight:700
}
select.selectize {
  display:none
}
.custom-select,
.mobile-select,
.multi-select,
.search-select,
.single-select {
  font-size:14px
}
.custom-select+.error-icon-container,
.mobile-select+.error-icon-container,
.multi-select+.error-icon-container,
.search-select+.error-icon-container,
.single-select+.error-icon-container {
  display:none
}
.custom-select .select-item,
.custom-select--active .custom-select__control,
.custom-select--active .mobile-select__control,
.custom-select--active .multi-select__control,
.custom-select--active .search-select__control,
.custom-select--active .single-select__control,
.custom-select__content,
.custom-select__content-container,
.custom-select__control,
.custom-select__control-item,
.custom-select__control__item,
.custom-select__control__item--active,
.custom-select__search-content,
.mobile-select .select-item,
.mobile-select--active .custom-select__control,
.mobile-select--active .mobile-select__control,
.mobile-select--active .multi-select__control,
.mobile-select--active .search-select__control,
.mobile-select--active .single-select__control,
.mobile-select__content,
.mobile-select__content-container,
.mobile-select__control,
.mobile-select__control-item,
.mobile-select__control__item,
.mobile-select__control__item--active,
.mobile-select__search-content,
.multi-select .select-item,
.multi-select--active .custom-select__control,
.multi-select--active .mobile-select__control,
.multi-select--active .multi-select__control,
.multi-select--active .search-select__control,
.multi-select--active .single-select__control,
.multi-select__content,
.multi-select__content-container,
.multi-select__control,
.multi-select__control-item,
.multi-select__control__item,
.multi-select__control__item--active,
.multi-select__search-content,
.search-select .select-item,
.search-select--active .custom-select__control,
.search-select--active .mobile-select__control,
.search-select--active .multi-select__control,
.search-select--active .search-select__control,
.search-select--active .single-select__control,
.search-select__content,
.search-select__content-container,
.search-select__control,
.search-select__control-item,
.search-select__control__item,
.search-select__control__item--active,
.search-select__search-content,
.single-select .select-item,
.single-select--active .custom-select__control,
.single-select--active .mobile-select__control,
.single-select--active .multi-select__control,
.single-select--active .search-select__control,
.single-select--active .single-select__control,
.single-select__content,
.single-select__content-container,
.single-select__control,
.single-select__control-item,
.single-select__control__item,
.single-select__control__item--active,
.single-select__search-content {
  background-color:var(--background-input,#fff)!important;
  border-color:var(--color-input-text-border,#ccc)!important
}
.custom-select .select-item:not(.select-item--gray),
.custom-select--active .custom-select__control:not(.select-item--gray),
.custom-select--active .mobile-select__control:not(.select-item--gray),
.custom-select--active .multi-select__control:not(.select-item--gray),
.custom-select--active .search-select__control:not(.select-item--gray),
.custom-select--active .single-select__control:not(.select-item--gray),
.custom-select__content-container:not(.select-item--gray),
.custom-select__content:not(.select-item--gray),
.custom-select__control-item:not(.select-item--gray),
.custom-select__control:not(.select-item--gray),
.custom-select__control__item--active:not(.select-item--gray),
.custom-select__control__item:not(.select-item--gray),
.custom-select__search-content:not(.select-item--gray),
.mobile-select .select-item:not(.select-item--gray),
.mobile-select--active .custom-select__control:not(.select-item--gray),
.mobile-select--active .mobile-select__control:not(.select-item--gray),
.mobile-select--active .multi-select__control:not(.select-item--gray),
.mobile-select--active .search-select__control:not(.select-item--gray),
.mobile-select--active .single-select__control:not(.select-item--gray),
.mobile-select__content-container:not(.select-item--gray),
.mobile-select__content:not(.select-item--gray),
.mobile-select__control-item:not(.select-item--gray),
.mobile-select__control:not(.select-item--gray),
.mobile-select__control__item--active:not(.select-item--gray),
.mobile-select__control__item:not(.select-item--gray),
.mobile-select__search-content:not(.select-item--gray),
.multi-select .select-item:not(.select-item--gray),
.multi-select--active .custom-select__control:not(.select-item--gray),
.multi-select--active .mobile-select__control:not(.select-item--gray),
.multi-select--active .multi-select__control:not(.select-item--gray),
.multi-select--active .search-select__control:not(.select-item--gray),
.multi-select--active .single-select__control:not(.select-item--gray),
.multi-select__content-container:not(.select-item--gray),
.multi-select__content:not(.select-item--gray),
.multi-select__control-item:not(.select-item--gray),
.multi-select__control:not(.select-item--gray),
.multi-select__control__item--active:not(.select-item--gray),
.multi-select__control__item:not(.select-item--gray),
.multi-select__search-content:not(.select-item--gray),
.search-select .select-item:not(.select-item--gray),
.search-select--active .custom-select__control:not(.select-item--gray),
.search-select--active .mobile-select__control:not(.select-item--gray),
.search-select--active .multi-select__control:not(.select-item--gray),
.search-select--active .search-select__control:not(.select-item--gray),
.search-select--active .single-select__control:not(.select-item--gray),
.search-select__content-container:not(.select-item--gray),
.search-select__content:not(.select-item--gray),
.search-select__control-item:not(.select-item--gray),
.search-select__control:not(.select-item--gray),
.search-select__control__item--active:not(.select-item--gray),
.search-select__control__item:not(.select-item--gray),
.search-select__search-content:not(.select-item--gray),
.single-select .select-item:not(.select-item--gray),
.single-select--active .custom-select__control:not(.select-item--gray),
.single-select--active .mobile-select__control:not(.select-item--gray),
.single-select--active .multi-select__control:not(.select-item--gray),
.single-select--active .search-select__control:not(.select-item--gray),
.single-select--active .single-select__control:not(.select-item--gray),
.single-select__content-container:not(.select-item--gray),
.single-select__content:not(.select-item--gray),
.single-select__control-item:not(.select-item--gray),
.single-select__control:not(.select-item--gray),
.single-select__control__item--active:not(.select-item--gray),
.single-select__control__item:not(.select-item--gray),
.single-select__search-content:not(.select-item--gray) {
  color:var(--color-cobalt-dark,#434343)!important
}
.custom-select .select-item--hovered,
.custom-select--active .custom-select__control--hovered,
.custom-select--active .mobile-select__control--hovered,
.custom-select--active .multi-select__control--hovered,
.custom-select--active .search-select__control--hovered,
.custom-select--active .single-select__control--hovered,
.custom-select__content--hovered,
.custom-select__content-container--hovered,
.custom-select__control--hovered,
.custom-select__control-item--hovered,
.custom-select__control__item--active--hovered,
.custom-select__control__item--hovered,
.custom-select__search-content--hovered,
.mobile-select .select-item--hovered,
.mobile-select--active .custom-select__control--hovered,
.mobile-select--active .mobile-select__control--hovered,
.mobile-select--active .multi-select__control--hovered,
.mobile-select--active .search-select__control--hovered,
.mobile-select--active .single-select__control--hovered,
.mobile-select__content--hovered,
.mobile-select__content-container--hovered,
.mobile-select__control--hovered,
.mobile-select__control-item--hovered,
.mobile-select__control__item--active--hovered,
.mobile-select__control__item--hovered,
.mobile-select__search-content--hovered,
.multi-select .select-item--hovered,
.multi-select--active .custom-select__control--hovered,
.multi-select--active .mobile-select__control--hovered,
.multi-select--active .multi-select__control--hovered,
.multi-select--active .search-select__control--hovered,
.multi-select--active .single-select__control--hovered,
.multi-select__content--hovered,
.multi-select__content-container--hovered,
.multi-select__control--hovered,
.multi-select__control-item--hovered,
.multi-select__control__item--active--hovered,
.multi-select__control__item--hovered,
.multi-select__search-content--hovered,
.search-select .select-item--hovered,
.search-select--active .custom-select__control--hovered,
.search-select--active .mobile-select__control--hovered,
.search-select--active .multi-select__control--hovered,
.search-select--active .search-select__control--hovered,
.search-select--active .single-select__control--hovered,
.search-select__content--hovered,
.search-select__content-container--hovered,
.search-select__control--hovered,
.search-select__control-item--hovered,
.search-select__control__item--active--hovered,
.search-select__control__item--hovered,
.search-select__search-content--hovered,
.single-select .select-item--hovered,
.single-select--active .custom-select__control--hovered,
.single-select--active .mobile-select__control--hovered,
.single-select--active .multi-select__control--hovered,
.single-select--active .search-select__control--hovered,
.single-select--active .single-select__control--hovered,
.single-select__content--hovered,
.single-select__content-container--hovered,
.single-select__control--hovered,
.single-select__control-item--hovered,
.single-select__control__item--active--hovered,
.single-select__control__item--hovered,
.single-select__search-content--hovered {
  background-color:var(--color-cobalt-light,#dadada)!important
}
.has-error .input-text:not(:focus),
.has-error .single-select__control:not(:focus),
.has-error textarea:not(:focus) {
  border:1px var(--color-accent-red,#e34449) solid
}
.has-error,
.has-error-message {
  position:relative
}
.has-error .error-icon-container,
.has-error-message .error-icon-container {
  display:inline-block;
  height:20px;
  position:absolute;
  right:10px;
  top:10px;
  width:20px;
  z-index:2
}
.has-error .error-icon-container .xh-icon,
.has-error-message .error-icon-container .xh-icon {
  height:20px;
  position:relative;
  width:20px
}
.has-error .error-icon-container .xh-icon:before,
.has-error-message .error-icon-container .xh-icon:before {
  font-size:20px;
  line-height:20px
}
.has-error-message:not(.error-hint-continue) .error-box,
.has-error:not(.error-hint-continue) .error-box {
  display:block
}
.has-error-message.inline-error-icon .error-icon-container,
.has-error.inline-error-icon .error-icon-container {
  position:static
}
.has-error-message.inline-error-icon .error-box,
.has-error.inline-error-icon .error-box {
  display:inline-block;
  line-height:20px;
  vertical-align:top
}
.has-error-message.inline-error-icon input.align-left~.error-icon-container,
.has-error.inline-error-icon input.align-left~.error-icon-container {
  padding-left:30px;
  width:auto
}
.error-box,
.has-error.no-error-icon .error-icon-container {
  display:none
}
.error-box {
  background:transparent;
  clear:both;
  color:var(--color-accent-red,#e34449);
  font-size:12px;
  left:0;
  line-height:14px;
  margin-top:var(--xh-spacers-s);
  max-width:100%;
  padding:0;
  position:relative;
  text-align:left;
  top:0;
  white-space:normal
}
.error-box a {
  color:var(--color-cobalt-darker,#303030)!important;
  text-decoration:underline
}
.error-box a:link,
.error-box a:visited {
  border-color:var(--color-accent-red,#e34449);
  color:var(--color-accent-red,#e34449);
  transition:border-color .15s ease
}
.error-box a:hover {
  border-color:transparent;
  color:var(--color-accent-red,#e34449)
}
.has-error.error-hint-continue+.field-container .error-box {
  display:block
}
.has-error.error-hint-continue+.field-container.no-error-icon .error-icon-container {
  display:none
}
.field-radio .field-radio__label {
  align-items:flex-start;
  display:flex
}
.field-container {
  margin-bottom:10px
}
.field-container.half-column {
  width:50%
}
.field-container.up-field {
  margin-bottom:0
}
.field-container__icon_disabled {
  opacity:.5
}
.field-container .field-label__right {
  position:relative;
  width:100%
}
.field-container .field-label__right .icon-first .label-text {
  order:1
}
.field-container .field-label__right>.xh-icon:not(.show-password-button) {
  display:inline-block;
  font-size:20px;
  left:0;
  line-height:40px;
  position:absolute;
  text-align:center;
  width:35px;
  z-index:2
}
.field-container .field-label__right>.xh-icon:not(.show-password-button)~.input-text,
.field-container .field-label__right>.xh-icon:not(.show-password-button)~.textarea {
  padding-left:35px
}
.field-container .field-label {
  word-wrap:anywhere;
  align-items:start;
  display:flex;
  justify-content:space-between
}
.field-container .field-label__left {
  display:flex;
  flex-direction:column;
  justify-content:center;
  line-height:20px;
  min-height:40px;
  padding-right:10px;
  width:100%
}
.field-container .field-label__left .sub-label {
  color:#707070;
  font-size:12px;
  font-weight:400
}
.field-container .field-label {
  display:block;
  font-weight:700
}
.field-container .field-label__left {
  margin-bottom:5px;
  min-height:auto;
  padding-right:0
}
.field-container .field-label__right {
  display:inline-block;
  font-weight:400
}
.field-container.up-label .field-label {
  display:block;
  font-weight:700
}
.field-container.up-label .field-label__left {
  margin-bottom:5px;
  min-height:auto;
  padding-right:0
}
.field-container.up-label .field-label__right {
  display:inline-block;
  font-weight:400
}
.field-container.required>.field-label>.field-label__left>span:after,
.field-container.required>.field-label>.field-label__right>.checkbox-label:after,
.field-container.required>.field-label__right>label:after {
  color:var(--color-accent-red,#e34449);
  content:"\00A0*";
  margin-left:3px
}
.field-container.required .field-label__right.upload-dropzone>label:after {
  display:none
}
.field-row-flex {
  display:inline-flex;
  flex-wrap:nowrap;
  margin:0 -5px;
  width:calc(100% + 10px)
}
.field-row-flex .field-container {
  flex-grow:1;
  margin:0 5px
}
.country-select {
  width:240px;
  width:100%
}
.country-select .xh-flag {
  margin-right:5px
}
.field-subscript {
  color:var(--color-gray-dark,#a0a0a0);
  font-size:12px;
  line-height:18px;
  margin-top:3px
}
.multiple-suggestion-list {
  display:flex;
  flex-wrap:wrap;
  height:24px;
  margin-bottom:15px;
  overflow:hidden
}
.multiple-suggestion-list__item {
  align-items:center;
  border:1px solid var(--color-input-text-border);
  border-radius:var(--xh-border-radius-s);
  cursor:pointer;
  display:flex;
  font-size:14px;
  height:24px;
  line-height:20px;
  margin-right:var(--xh-spacers-s);
  padding:2px 8px;
  transition:border-color 60ms ease-out,background-color 60ms ease-out
}
.multiple-suggestion-list__item:last-child {
  margin-right:0
}
.multiple-suggestion-list__item:hover {
  background-color:var(--xh-color-button-secondary);
  border-color:var(--xh-color-button-secondary)
}
.multiple-suggestion-list__item:active {
  background-color:var(--xh-color-button-secondary-hover);
  border-color:var(--xh-color-button-secondary-hover);
  transition:none
}
.multiple-suggestion-list__item--disabled {
  cursor:no-drop;
  opacity:.5
}
.multi-select .xh-icon--input {
  font-size:16px;
  left:10px;
  position:absolute;
  top:50%;
  transform:translateY(-50%)
}
.multi-select__control-input {
  color:var(--color-cobalt-darker);
  width:100%
}
.multi-select-control-item+.multi-select__control-input {
  width:auto
}
.xh-icon--input+.multi-select__control .multi-select__control-input {
  padding-left:var(--xh-spacers-4xl);
  padding-top:var(--xh-spacers-s)
}
.selectize.disabled[multiple]~.multi-select .multi-select__control {
  background-color:var(--xh-color-surface-front-secondary)!important
}
.field-container.has-items .xh-icon--input {
  display:none
}
.field-container.has-items .xh-icon--input+.multi-select__control .multi-select__control-input {
  padding-left:0
}
.info-box {
  font-size:14px;
  height:38px;
  left:100%;
  line-height:36px;
  padding:0 20px;
  position:absolute;
  top:0;
  white-space:nowrap;
  z-index:1
}
.BFMl-UHxBget-full-video {
  background-position:50%;
  background-size:cover;
  border-radius:5px;
  display:inline-block;
  height:100px;
  line-height:100px;
  position:relative;
  text-align:center;
  width:300px
}
.BFMl-UHxBget-full-video:after {
  background:rgba(0,0,0,.5);
  border-radius:5px;
  content:"";
  inset:0;
  position:absolute
}
.BFMl-UHxBget-full-video .xh-button {
  background-color:var(--color-gold,#f4bb2e);
  border:0;
  color:var(--color-cobalt-darker-origin,#303030);
  font-size:10px;
  font-weight:700;
  height:30px;
  line-height:30px;
  position:relative;
  text-transform:uppercase;
  vertical-align:middle;
  z-index:1
}
.BFMl-UHxBget-full-video .xh-button:hover {
  color:var(--color-cobalt-darker,#303030)
}
.BFMl-UHxB--middle-nft {
  height:315px!important
}
.BFMl-UHxB--middle-mobile {
  height:300px!important
}
.BFMl-UHxBads-buy-nft__ico,
.BFMl-UHxBads-buy-nft__link {
  background:url(/xh-mobile/images/common/ads/nft.png) no-repeat;
  background-size:21px 21px;
  display:inline-block;
  min-height:21px;
  min-width:21px
}
.BFMl-UHxBads-buy-nft__link {
  color:var(--color-cobalt,#707070);
  cursor:pointer;
  font-size:12px;
  font-weight:700;
  line-height:21px;
  padding-left:27px;
  position:relative
}
.BFMl-UHxBads-buy-nft__link:empty {
  padding-left:0
}
.BFMl-UHxBads-buy-nft__link:hover {
  color:var(--color-accent-red,#e34449)
}
.BFMl-UHxBads-buy-nft__text_xs {
  display:none
}
@media screen and (min-width:410px) and (max-width:479px) {
  .BFMl-UHxBads-buy-nft__text {
    display:none
  }
  .BFMl-UHxBads-buy-nft__text_xs {
    display:block
  }
}
@media screen and (max-width:359px),screen and (min-width:360px) and (max-width:409px) {
  .BFMl-UHxBads-buy-nft__text,
  .BFMl-UHxBads-buy-nft__text_xs {
    display:none
  }
}
.BFMl-UHxBads-buy-nft__container {
  align-items:center;
  display:flex;
  flex-direction:column
}
.BFMl-UHxBads-buy-nft--center {
  text-align:center
}
.BFMl-UHxBads-buy-nft--pb1 {
  padding-bottom:5px
}
.BFMl-UHxBads-buy-nft--xhl {
  position:absolute;
  right:10px;
  top:10px
}
.BFMl-UHxBads-buy-nft--xhl-mid {
  margin-top:10px
}
.BFMl-UHxBads-buy-nft--xhl-uplayer {
  position:absolute;
  right:10px;
  top:2px
}
.BFMl-UHxBads-buy-nft--n-mid {
  margin:10px 0
}
.BFMl-UHxBads-buy-nft--n-top {
  bottom:0;
  position:absolute;
  right:5px
}
.BFMl-UHxBads-buy-nft--n-topvr {
  bottom:5px;
  position:absolute;
  right:10px
}
.BFMl-UHxBads-buy-nft--n-botvr {
  float:right;
  margin-bottom:10px
}
.BFMl-UHxBads-buy-nft--ts-top {
  bottom:3px;
  position:absolute;
  right:5px
}
.BFMl-UHxBads-buy-nft--xs {
  background-position:0 50%;
  background-size:16px 15px;
  font-size:11px;
  line-height:16px;
  min-height:16px;
  padding-left:20px
}
.nft-xplayer__label-mobile {
  background-color:#303030;
  border-radius:.6vw;
  bottom:1.5vw;
  color:#fff;
  display:inline-block;
  font-size:4.3vw;
  line-height:1.43;
  opacity:.8;
  padding:1.5vw 3vw 1.5vw 8.5vw;
  position:absolute;
  right:30%;
  white-space:nowrap
}
.nft-xplayer__icon-mobile {
  background-position:0 40%;
  background-size:80%;
  height:100%;
  left:1.5vw;
  padding-left:25%;
  position:absolute;
  top:0
}
#native_mobile_middle {
  margin-top:-13px
}
#master_mobile_middle,
#master_mobile_middle_banner,
#master_mobile_middle_native,
#master_mobile_photo_related_middle,
#master_mobile_photo_related_middle_second,
#master_mobile_video_related_middle,
#native_mobile_middle {
  min-height:250px
}
#master_mobile_middle,
#master_mobile_middle_native,
#master_mobile_photo_related_middle,
#master_mobile_photo_related_middle_second,
#master_mobile_video_related_middle,
#native_mobile_middle {
  overflow:hidden
}
#master_mobile_middle .mn-related-container,
#master_mobile_middle_native .mn-related-container,
#master_mobile_photo_related_middle .mn-related-container,
#master_mobile_photo_related_middle_second .mn-related-container,
#master_mobile_video_related_middle .mn-related-container,
#native_mobile_middle .mn-related-container {
  margin:0 auto;
  width:300px
}
#master_mobile_middle .mn-related-container .mn-thumb,
#master_mobile_middle_native .mn-related-container .mn-thumb,
#master_mobile_photo_related_middle .mn-related-container .mn-thumb,
#master_mobile_photo_related_middle_second .mn-related-container .mn-thumb,
#master_mobile_video_related_middle .mn-related-container .mn-thumb,
#native_mobile_middle .mn-related-container .mn-thumb {
  border-radius:5px;
  width:145px
}
#master_mobile_middle .mn-related-container .mn-thumb__label,
#master_mobile_middle_native .mn-related-container .mn-thumb__label,
#master_mobile_photo_related_middle .mn-related-container .mn-thumb__label,
#master_mobile_photo_related_middle_second .mn-related-container .mn-thumb__label,
#master_mobile_video_related_middle .mn-related-container .mn-thumb__label,
#native_mobile_middle .mn-related-container .mn-thumb__label {
  background:linear-gradient(180deg,transparent,#000);
  height:75px;
  top:50px
}
#master_mobile_middle .mn-related-container .mn-thumb__label-title-link,
#master_mobile_middle_native .mn-related-container .mn-thumb__label-title-link,
#master_mobile_photo_related_middle .mn-related-container .mn-thumb__label-title-link,
#master_mobile_photo_related_middle_second .mn-related-container .mn-thumb__label-title-link,
#master_mobile_video_related_middle .mn-related-container .mn-thumb__label-title-link,
#native_mobile_middle .mn-related-container .mn-thumb__label-title-link {
  color:var(--color-white-origin,#fff);
  display:table-cell;
  font-size:12px;
  font-weight:700;
  line-height:16px;
  vertical-align:bottom;
  width:145px
}
#master_mobile_middle .mn-related-container .mn-thumb__label-title,
#master_mobile_middle_native .mn-related-container .mn-thumb__label-title,
#master_mobile_photo_related_middle .mn-related-container .mn-thumb__label-title,
#master_mobile_photo_related_middle_second .mn-related-container .mn-thumb__label-title,
#master_mobile_video_related_middle .mn-related-container .mn-thumb__label-title,
#native_mobile_middle .mn-related-container .mn-thumb__label-title {
  height:50px;
  left:0;
  line-height:50px;
  padding:0 0 50px;
  position:absolute;
  right:0;
  top:0
}
#master_mobile_middle .mn-related-container .mn-thumb__label-brand,
#master_mobile_middle_native .mn-related-container .mn-thumb__label-brand,
#master_mobile_photo_related_middle .mn-related-container .mn-thumb__label-brand,
#master_mobile_photo_related_middle_second .mn-related-container .mn-thumb__label-brand,
#master_mobile_video_related_middle .mn-related-container .mn-thumb__label-brand,
#native_mobile_middle .mn-related-container .mn-thumb__label-brand {
  background:rgba(0,0,0,.5);
  border-radius:5px 0;
  left:0;
  margin:0;
  max-width:90%;
  overflow:hidden;
  padding:1px 5px;
  position:absolute;
  text-overflow:ellipsis;
  top:-50px
}
#master_mobile_middle .mn-related-container .mn-thumb__label-brand a,
#master_mobile_middle_native .mn-related-container .mn-thumb__label-brand a,
#master_mobile_photo_related_middle .mn-related-container .mn-thumb__label-brand a,
#master_mobile_photo_related_middle_second .mn-related-container .mn-thumb__label-brand a,
#master_mobile_video_related_middle .mn-related-container .mn-thumb__label-brand a,
#native_mobile_middle .mn-related-container .mn-thumb__label-brand a {
  color:var(--color-white-origin,#fff);
  font-size:11px;
  font-weight:400;
  line-height:16px;
  max-width:100%;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap
}
#master_mobile_middle .mn-related-container .mn-thumb__img,
#master_mobile_middle_native .mn-related-container .mn-thumb__img,
#master_mobile_photo_related_middle .mn-related-container .mn-thumb__img,
#master_mobile_photo_related_middle_second .mn-related-container .mn-thumb__img,
#master_mobile_video_related_middle .mn-related-container .mn-thumb__img,
#native_mobile_middle .mn-related-container .mn-thumb__img {
  background-position:50%;
  background-size:cover
}
#master_mobile_middle .mn-related-container .mn-thumb .dsa-info__content,
#master_mobile_middle_native .mn-related-container .mn-thumb .dsa-info__content,
#master_mobile_photo_related_middle .mn-related-container .mn-thumb .dsa-info__content,
#master_mobile_photo_related_middle_second .mn-related-container .mn-thumb .dsa-info__content,
#master_mobile_video_related_middle .mn-related-container .mn-thumb .dsa-info__content,
#native_mobile_middle .mn-related-container .mn-thumb .dsa-info__content {
  height:calc(100% - 6px)
}
#master_mobile_middle .mn-related-container .dsa-icon,
#master_mobile_middle_native .mn-related-container .dsa-icon,
#master_mobile_photo_related_middle .mn-related-container .dsa-icon,
#master_mobile_photo_related_middle_second .mn-related-container .dsa-icon,
#master_mobile_video_related_middle .mn-related-container .dsa-icon,
#native_mobile_middle .mn-related-container .dsa-icon {
  width:27px
}
#master_mobile_middle .mn-related-container .dsa-icon__wrapper,
#master_mobile_middle_native .mn-related-container .dsa-icon__wrapper,
#master_mobile_photo_related_middle .mn-related-container .dsa-icon__wrapper,
#master_mobile_photo_related_middle_second .mn-related-container .dsa-icon__wrapper,
#master_mobile_video_related_middle .mn-related-container .dsa-icon__wrapper,
#native_mobile_middle .mn-related-container .dsa-icon__wrapper {
  height:24px;
  z-index:var(--z-index-level3)
}
#master_mobile_middle .gender-icon__wrapper,
#master_mobile_middle_native .gender-icon__wrapper,
#master_mobile_photo_related_middle .gender-icon__wrapper,
#master_mobile_photo_related_middle_second .gender-icon__wrapper,
#master_mobile_video_related_middle .gender-icon__wrapper,
#native_mobile_middle .gender-icon__wrapper {
  display:none
}
#master_mobile_middle .mn-container-adsby__a,
#master_mobile_middle_native .mn-container-adsby__a,
#master_mobile_photo_related_middle .mn-container-adsby__a,
#master_mobile_photo_related_middle_second .mn-container-adsby__a,
#master_mobile_video_related_middle .mn-container-adsby__a,
#native_mobile_middle .mn-container-adsby__a {
  text-decoration:none
}
#master_mobile_middle .mn-thumb__img,
#master_mobile_middle_native .mn-thumb__img,
#master_mobile_photo_related_middle .mn-thumb__img,
#master_mobile_photo_related_middle_second .mn-thumb__img,
#master_mobile_video_related_middle .mn-thumb__img,
#native_mobile_middle .mn-thumb__img {
  background-color:var(--color-cobalt-light-origin,#dadada)
}
#master_mobile_middle .mn-related-container,
#master_mobile_middle_native .mn-related-container,
#master_mobile_photo_related_middle .mn-related-container,
#master_mobile_photo_related_middle_second .mn-related-container,
#master_mobile_video_related_middle .mn-related-container,
#native_mobile_middle .mn-related-container {
  height:250px
}
#master_mobile_middle .mn-thumb__holder,
#master_mobile_middle_native .mn-thumb__holder,
#master_mobile_photo_related_middle .mn-thumb__holder,
#master_mobile_photo_related_middle_second .mn-thumb__holder,
#master_mobile_video_related_middle .mn-thumb__holder,
#native_mobile_middle .mn-thumb__holder {
  height:120px
}
#master_mobile_middle .mn-thumb__label-title-link,
#master_mobile_middle_native .mn-thumb__label-title-link,
#master_mobile_photo_related_middle .mn-thumb__label-title-link,
#master_mobile_photo_related_middle_second .mn-thumb__label-title-link,
#master_mobile_video_related_middle .mn-thumb__label-title-link,
#native_mobile_middle .mn-thumb__label-title-link {
  height:70px;
  padding:35px var(--xh-legacy-element-gap-smaller) var(--xh-legacy-element-gap-smaller)
}
#master_mobile_middle .mn-thumb__label,
#master_mobile_middle_native .mn-thumb__label,
#master_mobile_photo_related_middle .mn-thumb__label,
#master_mobile_photo_related_middle_second .mn-thumb__label,
#master_mobile_video_related_middle .mn-thumb__label,
#native_mobile_middle .mn-thumb__label {
  height:90px
}
#master_mobile_middle .mn-outer,
#master_mobile_middle_native .mn-outer,
#master_mobile_photo_related_middle .mn-outer,
#master_mobile_photo_related_middle_second .mn-outer,
#master_mobile_video_related_middle .mn-outer,
#native_mobile_middle .mn-outer {
  margin-left:-10px
}
#master_mobile_middle .mn-thumb,
#master_mobile_middle_native .mn-thumb,
#master_mobile_photo_related_middle .mn-thumb,
#master_mobile_photo_related_middle_second .mn-thumb,
#master_mobile_video_related_middle .mn-thumb,
#native_mobile_middle .mn-thumb {
  margin:0 0 var(--xh-legacy-element-gap-small) var(--xh-legacy-element-gap-small)
}
#master_mobile_middle .mn-container-adsby__link,
#master_mobile_middle_native .mn-container-adsby__link,
#master_mobile_photo_related_middle .mn-container-adsby__link,
#master_mobile_photo_related_middle_second .mn-container-adsby__link,
#master_mobile_video_related_middle .mn-container-adsby__link,
#native_mobile_middle .mn-container-adsby__link {
  text-transform:uppercase
}
#master_mobile_middle .mn-container-adsby,
#master_mobile_middle_native .mn-container-adsby,
#master_mobile_photo_related_middle .mn-container-adsby,
#master_mobile_photo_related_middle_second .mn-container-adsby,
#master_mobile_video_related_middle .mn-container-adsby,
#native_mobile_middle .mn-container-adsby {
  font-size:10px;
  line-height:12px;
  padding:0;
  text-align:center
}
#master_mobile_footer,
#master_mobile_footer_banner,
#master_mobile_footer_native,
#under_related {
  clear:both
}
#master_mobile_footer_native,
#native_mobile_footer,
#under_related,
.mntv #master_mobile_footer {
  margin:-5px auto 0;
  max-width:480px
}
#master_mobile_footer_native .mn-thumb,
#native_mobile_footer .mn-thumb,
#under_related .mn-thumb,
.mntv #master_mobile_footer .mn-thumb {
  width:48%
}
#master_mobile_footer_native .mn-thumb:first-child,
#master_mobile_footer_native .mn-thumb:nth-child(2),
#native_mobile_footer .mn-thumb:first-child,
#native_mobile_footer .mn-thumb:nth-child(2),
#under_related .mn-thumb:first-child,
#under_related .mn-thumb:nth-child(2),
.mntv #master_mobile_footer .mn-thumb:first-child,
.mntv #master_mobile_footer .mn-thumb:nth-child(2) {
  margin-bottom:var(--xh-legacy-element-gap-small)
}
#master_mobile_footer_native .mn-thumb:nth-child(odd),
#native_mobile_footer .mn-thumb:nth-child(odd),
#under_related .mn-thumb:nth-child(odd),
.mntv #master_mobile_footer .mn-thumb:nth-child(odd) {
  float:right
}
#master_mobile_footer_native .mn-thumb__label,
#native_mobile_footer .mn-thumb__label,
#under_related .mn-thumb__label,
.mntv #master_mobile_footer .mn-thumb__label {
  background:var(--color-white-gray,#fff);
  border-bottom-left-radius:5px;
  border-bottom-right-radius:5px;
  height:63px;
  padding:3px var(--xh-legacy-element-gap-small)
}
#master_mobile_footer_native .mn-thumb__label-title,
#native_mobile_footer .mn-thumb__label-title,
#under_related .mn-thumb__label-title,
.mntv #master_mobile_footer .mn-thumb__label-title {
  color:var(--color-cobalt-darker,#303030);
  font-size:14px;
  font-weight:700
}
#master_mobile_footer_native .mn-thumb__label-title a,
#native_mobile_footer .mn-thumb__label-title a,
#under_related .mn-thumb__label-title a,
.mntv #master_mobile_footer .mn-thumb__label-title a {
  color:var(--color-cobalt-darker,#303030)
}
#master_mobile_footer_native .mn-thumb__label-title-link,
#native_mobile_footer .mn-thumb__label-title-link,
#under_related .mn-thumb__label-title-link,
.mntv #master_mobile_footer .mn-thumb__label-title-link {
  color:var(--color-white-origin,#fff)
}
#master_mobile_footer_native .mn-thumb__label-brand,
#native_mobile_footer .mn-thumb__label-brand,
#under_related .mn-thumb__label-brand,
.mntv #master_mobile_footer .mn-thumb__label-brand {
  color:var(--color-gray-dark,#a0a0a0);
  font-size:12px;
  font-weight:400
}
#master_mobile_footer_native .mn-thumb__label-brand:after,
#native_mobile_footer .mn-thumb__label-brand:after,
#under_related .mn-thumb__label-brand:after,
.mntv #master_mobile_footer .mn-thumb__label-brand:after {
  bottom:0;
  content:url(/xh-mobile/images/mobile/legacy/tpl3/icons/cobalt/arrow-right.svg);
  position:absolute;
  right:var(--xh-legacy-element-gap-smaller)
}
#master_mobile_footer_native .mn-thumb__img,
#native_mobile_footer .mn-thumb__img,
#under_related .mn-thumb__img,
.mntv #master_mobile_footer .mn-thumb__img {
  border-top-left-radius:5px;
  border-top-right-radius:5px
}
#master_mobile_footer_native .mn-container-adsby,
#native_mobile_footer .mn-container-adsby,
#under_related .mn-container-adsby,
.mntv #master_mobile_footer .mn-container-adsby {
  display:none
}
#master_mobile_footer_native .mn-thumb__aspect,
#native_mobile_footer .mn-thumb__aspect,
#under_related .mn-thumb__aspect,
.mntv #master_mobile_footer .mn-thumb__aspect {
  padding-bottom:75%
}
#master_mobile_footer_native .mn-container-title a,
#native_mobile_footer .mn-container-title a,
#under_related .mn-container-title a,
.mntv #master_mobile_footer .mn-container-title a {
  color:var(--color-cobalt-darker,#303030);
  font-size:14px;
  font-weight:700
}
#master_mobile_header .mn-related-container,
#master_mobile_header_av .mn-related-container,
#master_mobile_header_native .mn-related-container,
#native_mobile_header .mn-related-container {
  margin:0 auto;
  width:300px
}
#master_mobile_header .mn-related-container .mn-thumb,
#master_mobile_header_av .mn-related-container .mn-thumb,
#master_mobile_header_native .mn-related-container .mn-thumb,
#native_mobile_header .mn-related-container .mn-thumb {
  border-radius:5px;
  width:145px
}
#master_mobile_header .mn-related-container .mn-thumb__label,
#master_mobile_header_av .mn-related-container .mn-thumb__label,
#master_mobile_header_native .mn-related-container .mn-thumb__label,
#native_mobile_header .mn-related-container .mn-thumb__label {
  background:linear-gradient(180deg,transparent,#000);
  height:75px;
  top:50px
}
#master_mobile_header .mn-related-container .mn-thumb__label-title-link,
#master_mobile_header_av .mn-related-container .mn-thumb__label-title-link,
#master_mobile_header_native .mn-related-container .mn-thumb__label-title-link,
#native_mobile_header .mn-related-container .mn-thumb__label-title-link {
  color:var(--color-white-origin,#fff);
  display:table-cell;
  font-size:12px;
  font-weight:700;
  line-height:16px;
  vertical-align:bottom;
  width:145px
}
#master_mobile_header .mn-related-container .mn-thumb__label-title,
#master_mobile_header_av .mn-related-container .mn-thumb__label-title,
#master_mobile_header_native .mn-related-container .mn-thumb__label-title,
#native_mobile_header .mn-related-container .mn-thumb__label-title {
  height:50px;
  left:0;
  line-height:50px;
  padding:0 0 50px;
  position:absolute;
  right:0;
  top:0
}
#master_mobile_header .mn-related-container .mn-thumb__label-brand,
#master_mobile_header_av .mn-related-container .mn-thumb__label-brand,
#master_mobile_header_native .mn-related-container .mn-thumb__label-brand,
#native_mobile_header .mn-related-container .mn-thumb__label-brand {
  background:rgba(0,0,0,.5);
  border-radius:5px 0;
  left:0;
  margin:0;
  max-width:90%;
  overflow:hidden;
  padding:1px 5px;
  position:absolute;
  text-overflow:ellipsis;
  top:-50px
}
#master_mobile_header .mn-related-container .mn-thumb__label-brand a,
#master_mobile_header_av .mn-related-container .mn-thumb__label-brand a,
#master_mobile_header_native .mn-related-container .mn-thumb__label-brand a,
#native_mobile_header .mn-related-container .mn-thumb__label-brand a {
  color:var(--color-white-origin,#fff);
  font-size:11px;
  font-weight:400;
  line-height:16px;
  max-width:100%;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap
}
#master_mobile_header .mn-related-container .mn-thumb__img,
#master_mobile_header_av .mn-related-container .mn-thumb__img,
#master_mobile_header_native .mn-related-container .mn-thumb__img,
#native_mobile_header .mn-related-container .mn-thumb__img {
  background-position:50%;
  background-size:cover
}
#master_mobile_header .mn-related-container .mn-thumb .dsa-info__content,
#master_mobile_header_av .mn-related-container .mn-thumb .dsa-info__content,
#master_mobile_header_native .mn-related-container .mn-thumb .dsa-info__content,
#native_mobile_header .mn-related-container .mn-thumb .dsa-info__content {
  height:calc(100% - 6px)
}
#master_mobile_header .mn-related-container .dsa-icon,
#master_mobile_header_av .mn-related-container .dsa-icon,
#master_mobile_header_native .mn-related-container .dsa-icon,
#native_mobile_header .mn-related-container .dsa-icon {
  width:27px
}
#master_mobile_header .mn-related-container .dsa-icon__wrapper,
#master_mobile_header_av .mn-related-container .dsa-icon__wrapper,
#master_mobile_header_native .mn-related-container .dsa-icon__wrapper,
#native_mobile_header .mn-related-container .dsa-icon__wrapper {
  height:24px;
  z-index:var(--z-index-level3)
}
#master_mobile_header .gender-icon__wrapper,
#master_mobile_header_av .gender-icon__wrapper,
#master_mobile_header_native .gender-icon__wrapper,
#native_mobile_header .gender-icon__wrapper {
  display:none
}
#master_mobile_header .mn-container-adsby__a,
#master_mobile_header_av .mn-container-adsby__a,
#master_mobile_header_native .mn-container-adsby__a,
#native_mobile_header .mn-container-adsby__a {
  text-decoration:none
}
#master_mobile_header .mn-thumb__label-title-link,
#master_mobile_header_av .mn-thumb__label-title-link,
#master_mobile_header_native .mn-thumb__label-title-link,
#native_mobile_header .mn-thumb__label-title-link {
  height:50px;
  padding:var(--xh-legacy-element-gap-normal) var(--xh-legacy-element-gap-smaller) var(--xh-legacy-element-gap-smaller)
}
#master_mobile_header .mn-thumb__img,
#master_mobile_header_av .mn-thumb__img,
#master_mobile_header_native .mn-thumb__img,
#native_mobile_header .mn-thumb__img {
  background-color:var(--color-cobalt-light-origin,#dadada)
}
#master_mobile_header .mn-thumb__holder,
#master_mobile_header_av .mn-thumb__holder,
#master_mobile_header_native .mn-thumb__holder,
#native_mobile_header .mn-thumb__holder {
  height:100px
}
#master_mobile_header .mn-outer,
#master_mobile_header_av .mn-outer,
#master_mobile_header_native .mn-outer,
#native_mobile_header .mn-outer {
  display:flex;
  justify-content:space-between;
  margin:0 -5px
}
#master_mobile_header .mn-outer .mn-thumb,
#master_mobile_header_av .mn-outer .mn-thumb,
#master_mobile_header_native .mn-outer .mn-thumb,
#native_mobile_header .mn-outer .mn-thumb {
  margin:0 var(--xh-legacy-element-gap-smaller)
}
#master_mobile_header .mn-container-adsby,
#master_mobile_header_av .mn-container-adsby,
#master_mobile_header_native .mn-container-adsby,
#native_mobile_header .mn-container-adsby {
  font-size:11px;
  line-height:20px;
  text-align:left
}
#master_mobile_header .mn-related-container,
#master_mobile_header_av .mn-related-container,
#master_mobile_header_native .mn-related-container,
#native_mobile_header .mn-related-container,
.ads-iframe {
  height:100px
}
.ads-iframe {
  border:0;
  margin:0;
  overflow:hidden;
  width:300px
}
.ads-iframe.h100 {
  height:100px
}
.ads-iframe.h250 {
  height:250px
}
.vr-banner {
  display:inline-block;
  line-height:0;
  position:relative
}
.vr-banner .-image {
  background:url(/xh-mobile/images/mobile/legacy/vrh/go-to.png) no-repeat;
  bottom:var(--xh-legacy-element-gap-smaller);
  height:37px;
  position:absolute;
  right:var(--xh-legacy-element-gap-smaller);
  width:155px
}
.vr-banner .-image.-img-eva-elfie.-mobile_footer {
  background:url(/xh-mobile/images/mobile/legacy/vrh/stories-eva-300x250.png) no-repeat;
  bottom:0;
  height:100%;
  left:0;
  max-height:250px;
  right:0;
  width:300px
}
.vr-banner-wrapper {
  display:inline-block;
  position:relative
}
.vr-banner-wrapper .vr-banner-tooltip {
  background-color:var(--color-gray-origin);
  border-radius:50%;
  color:var(--xh-color-extra-white);
  font-size:var(--xh-body-font-size);
  height:16px;
  margin:var(--xh-spacers-s);
  position:absolute;
  right:0;
  top:0;
  width:16px
}
.vr-banner-wrapper .vr-banner-tooltip:hover {
  background-color:var(--color-cobalt-light-origin)
}
.BFMl-UHxBbanner-container {
  margin:0 auto var(--xh-legacy-element-gap-small);
  text-align:center
}
.BFMl-UHxBbanner-container .BFMl-UHxBsp-b {
  display:block;
  padding:var(--xh-legacy-element-gap-small) 0
}
.BFMl-UHxBlink-mobile {
  position:relative
}
.BFMl-UHxBads-remove {
  color:var(--color-cobalt,#707070);
  display:none!important;
  font-size:12px;
  font-weight:700;
  line-height:20px
}
.BFMl-UHxBads-remove .icon {
  vertical-align:middle
}
.BFMl-UHxBads-remove .xh-icon.cross {
  line-height:20px;
  margin-right:var(--xh-legacy-element-gap-smaller);
  vertical-align:top
}
main .BFMl-UHxB--bottom {
  order:inherit
}
.BFMl-UHxB {
  background-color:var(--color-gray-light,#eaeaea)
}
.BFMl-UHxB .BFMl-UHxBts {
  margin:0 auto;
  text-align:center;
  width:300px
}
.BFMl-UHxB .BFMl-UHxBts img {
  display:block;
  margin:0 auto var(--xh-legacy-element-gap-smaller);
  width:300px
}
.BFMl-UHxB .BFMl-UHxBts .BFMl-UHxBads-by {
  color:var(--color-ads-by,#818181);
  font-size:9px;
  line-height:12px;
  text-align:center
}
.BFMl-UHxB .BFMl-UHxBts noindex {
  display:none
}
.BFMl-UHxB--top {
  min-height:135px;
  position:relative
}
.BFMl-UHxB--top .traffic-stars {
  padding:7px 0
}
.BFMl-UHxB--top .traffic-stars .BFMl-UHxBads-by {
  bottom:0;
  font-size:11px;
  left:0;
  line-height:20px;
  position:absolute
}
.BFMl-UHxB--top .BFMl-UHxBads-remove {
  float:right;
  margin-top:2px
}
.BFMl-UHxB--top .BFMl-UHxBts {
  width:100%
}
.BFMl-UHxB--top .BFMl-UHxBts #master_mobile_header .mn-related-container,
.BFMl-UHxB--top .BFMl-UHxBts #master_mobile_header_av .mn-related-container,
.BFMl-UHxB--top .BFMl-UHxBts #master_mobile_header_native .mn-related-container,
.BFMl-UHxB--top .BFMl-UHxBts #native_mobile_header .mn-related-container {
  height:120px;
  width:auto
}
.BFMl-UHxB--top .BFMl-UHxBts #master_mobile_header .mn-related-container .mn-container,
.BFMl-UHxB--top .BFMl-UHxBts #master_mobile_header_av .mn-related-container .mn-container,
.BFMl-UHxB--top .BFMl-UHxBts #master_mobile_header_native .mn-related-container .mn-container,
.BFMl-UHxB--top .BFMl-UHxBts #native_mobile_header .mn-related-container .mn-container {
  -webkit-overflow-scrolling:touch;
  -ms-overflow-style:none;
  height:100%;
  overflow:scroll hidden;
  scroll-behavior:smooth;
  scrollbar-width:none;
  width:100%
}
.BFMl-UHxB--top .BFMl-UHxBts #master_mobile_header .mn-related-container .mn-container::-webkit-scrollbar,
.BFMl-UHxB--top .BFMl-UHxBts #master_mobile_header_av .mn-related-container .mn-container::-webkit-scrollbar,
.BFMl-UHxB--top .BFMl-UHxBts #master_mobile_header_native .mn-related-container .mn-container::-webkit-scrollbar,
.BFMl-UHxB--top .BFMl-UHxBts #native_mobile_header .mn-related-container .mn-container::-webkit-scrollbar {
  display:none
}
.BFMl-UHxB--top .BFMl-UHxBts #master_mobile_header .mn-related-container .mn-container .mn-outer,
.BFMl-UHxB--top .BFMl-UHxBts #master_mobile_header_av .mn-related-container .mn-container .mn-outer,
.BFMl-UHxB--top .BFMl-UHxBts #master_mobile_header_native .mn-related-container .mn-container .mn-outer,
.BFMl-UHxB--top .BFMl-UHxBts #native_mobile_header .mn-related-container .mn-container .mn-outer {
  height:100%;
  margin:0;
  padding:0 0 0 10px;
  width:940px!important
}
.BFMl-UHxB--top .BFMl-UHxBts #master_mobile_header .mn-related-container .mn-container .mn-outer .mn-thumb,
.BFMl-UHxB--top .BFMl-UHxBts #master_mobile_header_av .mn-related-container .mn-container .mn-outer .mn-thumb,
.BFMl-UHxB--top .BFMl-UHxBts #master_mobile_header_native .mn-related-container .mn-container .mn-outer .mn-thumb,
.BFMl-UHxB--top .BFMl-UHxBts #native_mobile_header .mn-related-container .mn-container .mn-outer .mn-thumb {
  margin-left:0;
  margin-right:var(--xh-legacy-element-gap-small);
  min-height:100px;
  position:relative
}
.BFMl-UHxB--top .BFMl-UHxBts #master_mobile_header .mn-related-container .mn-container .mn-outer .mn-thumb:last-child,
.BFMl-UHxB--top .BFMl-UHxBts #master_mobile_header_av .mn-related-container .mn-container .mn-outer .mn-thumb:last-child,
.BFMl-UHxB--top .BFMl-UHxBts #master_mobile_header_native .mn-related-container .mn-container .mn-outer .mn-thumb:last-child,
.BFMl-UHxB--top .BFMl-UHxBts #native_mobile_header .mn-related-container .mn-container .mn-outer .mn-thumb:last-child {
  margin-right:0
}
.BFMl-UHxB--top .BFMl-UHxBts #master_mobile_header .mn-related-container .mn-container-adsby,
.BFMl-UHxB--top .BFMl-UHxBts #master_mobile_header_av .mn-related-container .mn-container-adsby,
.BFMl-UHxB--top .BFMl-UHxBts #master_mobile_header_native .mn-related-container .mn-container-adsby,
.BFMl-UHxB--top .BFMl-UHxBts #native_mobile_header .mn-related-container .mn-container-adsby {
  display:none
}
.BFMl-UHxB--top .BFMl-UHxBts #master_mobile_header .mn-thumb__holder,
.BFMl-UHxB--top .BFMl-UHxBts #master_mobile_header_av .mn-thumb__holder,
.BFMl-UHxB--top .BFMl-UHxBts #master_mobile_header_native .mn-thumb__holder,
.BFMl-UHxB--top .BFMl-UHxBts #native_mobile_header .mn-thumb__holder {
  height:120px
}
.BFMl-UHxB--top .BFMl-UHxBts #master_mobile_header .mn-thumb__label,
.BFMl-UHxB--top .BFMl-UHxBts #master_mobile_header_av .mn-thumb__label,
.BFMl-UHxB--top .BFMl-UHxBts #master_mobile_header_native .mn-thumb__label,
.BFMl-UHxB--top .BFMl-UHxBts #native_mobile_header .mn-thumb__label {
  background:linear-gradient(180deg,transparent,rgba(0,0,0,.75));
  height:unset
}
.BFMl-UHxB--top .BFMl-UHxBts #master_mobile_header .mn-thumb__label-title,
.BFMl-UHxB--top .BFMl-UHxBts #master_mobile_header_av .mn-thumb__label-title,
.BFMl-UHxB--top .BFMl-UHxBts #master_mobile_header_native .mn-thumb__label-title,
.BFMl-UHxB--top .BFMl-UHxBts #native_mobile_header .mn-thumb__label-title {
  bottom:var(--xh-spacers-xl);
  height:unset;
  left:0;
  padding:0 var(--xh-spacers-s) var(--xh-legacy-element-gap-smaller);
  top:unset
}
.BFMl-UHxB--top .BFMl-UHxBts #master_mobile_header .mn-thumb__label-title-link,
.BFMl-UHxB--top .BFMl-UHxBts #master_mobile_header_av .mn-thumb__label-title-link,
.BFMl-UHxB--top .BFMl-UHxBts #master_mobile_header_native .mn-thumb__label-title-link,
.BFMl-UHxB--top .BFMl-UHxBts #native_mobile_header .mn-thumb__label-title-link {
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  display:-webkit-box;
  height:unset;
  max-height:50px;
  overflow:hidden;
  padding:unset;
  text-overflow:ellipsis;
  width:100%
}
.BFMl-UHxB--top .BFMl-UHxBts #master_mobile_header .mn-thumb__label-brand,
.BFMl-UHxB--top .BFMl-UHxBts #master_mobile_header_av .mn-thumb__label-brand,
.BFMl-UHxB--top .BFMl-UHxBts #master_mobile_header_native .mn-thumb__label-brand,
.BFMl-UHxB--top .BFMl-UHxBts #native_mobile_header .mn-thumb__label-brand {
  align-items:center;
  background-color:unset;
  background-repeat:no-repeat;
  bottom:var(--xh-spacers-s);
  display:inline-flex;
  height:14px;
  left:var(--xh-spacers-s);
  padding:1px 0;
  top:unset
}
.BFMl-UHxB--top .BFMl-UHxBts #master_mobile_header .mn-thumb__label-brand-icon,
.BFMl-UHxB--top .BFMl-UHxBts #master_mobile_header_av .mn-thumb__label-brand-icon,
.BFMl-UHxB--top .BFMl-UHxBts #master_mobile_header_native .mn-thumb__label-brand-icon,
.BFMl-UHxB--top .BFMl-UHxBts #native_mobile_header .mn-thumb__label-brand-icon {
  padding-left:19px
}
.BFMl-UHxB--top .BFMl-UHxBts .BFMl-UHxBads-by {
  padding:0 10px
}
.BFMl-UHxB--top .BFMl-UHxBts .BFMl-UHxBads-remove {
  margin-right:var(--xh-legacy-element-gap-small)
}
.BFMl-UHxB--bottom {
  background-color:var(--color-gray-light,#eaeaea);
  display:inline-block;
  min-height:290px;
  order:1;
  position:relative;
  width:100%;
  z-index:0
}
.BFMl-UHxB--bottom .traffic-stars {
  padding:var(--xh-legacy-element-gap-small) 0
}
.BFMl-UHxB--bottom .traffic-stars .BFMl-UHxBads-remove {
  float:right;
  margin-bottom:var(--xh-legacy-element-gap-small)
}
.BFMl-UHxB--bottom .traffic-stars .BFMl-UHxBads-by {
  color:var(--color-gray-dark,#a0a0a0);
  float:left;
  font-size:14px;
  font-weight:400;
  line-height:20px
}
.BFMl-UHxB--bottom .traffic-stars.mntv .BFMl-UHxBads-by {
  color:var(--color-cobalt-darker,#303030);
  font-size:14px;
  font-weight:700;
  margin-bottom:var(--xh-spacers-m)
}
.BFMl-UHxB--bottom.native .traffic-stars {
  max-width:480px;
  padding:10px;
  width:auto
}
.BFMl-UHxB--bottom.native .traffic-stars .BFMl-UHxBads-remove {
  margin-bottom:-22px
}
.BFMl-UHxB--bottom .mntv.traffic-stars {
  max-width:480px;
  padding:10px;
  width:auto
}
.BFMl-UHxB--bottom .mntv.traffic-stars .BFMl-UHxBads-remove {
  margin-bottom:-22px
}
.BFMl-UHxBsl {
  min-height:180px
}
.BFMl-UHxB--middle {
  background-color:var(--color-gray-light,#eaeaea);
  clear:both;
  height:280px;
  margin:0 -8px 10px;
  position:relative;
  width:calc(100% + 16px);
  z-index:0
}
.BFMl-UHxB--middle.sl {
  height:unset;
  overflow:hidden
}
.BFMl-UHxB--middle.sl.no-gap {
  margin-bottom:-10px
}
.BFMl-UHxB--middle .mn-container {
  overflow-y:hidden
}
.BFMl-UHxB--middle .BFMl-UHxBcam-wgt.mobile-horizontal .item-container.item-container {
  margin-bottom:10px;
  width:935px
}
.BFMl-UHxB--middle .BFMl-UHxBcam-wgt.mobile-horizontal .item-container.item-container .name span {
  max-width:80px
}
.BFMl-UHxB--middle .BFMl-UHxBcam-wgt.mobile-horizontal .item-container.item-container .item {
  height:115px;
  margin-bottom:5px;
  margin-right:5px;
  width:115px
}
.BFMl-UHxB--middle .BFMl-UHxBcam-wgt.mobile-horizontal .item-container.item-container .item:first-child {
  height:230px
}
.BFMl-UHxB--middle .BFMl-UHxBcam-wgt.mobile-horizontal .item-container.item-container .item:first-child .avatar {
  top:85px
}
.BFMl-UHxB--middle .BFMl-UHxBcam-wgt.mobile-horizontal .item-container.item-container .item:first-child .wrapper {
  padding-top:155px
}
.BFMl-UHxB--middle .traffic-stars {
  max-width:950px;
  padding:10px;
  width:100%
}
.BFMl-UHxB--middle .traffic-stars #master_mobile_middle .mn-related-container,
.BFMl-UHxB--middle .traffic-stars #master_mobile_middle_native .mn-related-container,
.BFMl-UHxB--middle .traffic-stars #master_mobile_photo_related_middle .mn-related-container,
.BFMl-UHxB--middle .traffic-stars #master_mobile_photo_related_middle_second .mn-related-container,
.BFMl-UHxB--middle .traffic-stars #master_mobile_video_related_middle .mn-related-container,
.BFMl-UHxB--middle .traffic-stars #native_mobile_middle .mn-related-container {
  width:100%
}
.BFMl-UHxB--middle .traffic-stars #master_mobile_middle .mn-related-container .mn-thumb,
.BFMl-UHxB--middle .traffic-stars #master_mobile_middle_native .mn-related-container .mn-thumb,
.BFMl-UHxB--middle .traffic-stars #master_mobile_photo_related_middle .mn-related-container .mn-thumb,
.BFMl-UHxB--middle .traffic-stars #master_mobile_photo_related_middle_second .mn-related-container .mn-thumb,
.BFMl-UHxB--middle .traffic-stars #master_mobile_video_related_middle .mn-related-container .mn-thumb,
.BFMl-UHxB--middle .traffic-stars #native_mobile_middle .mn-related-container .mn-thumb {
  width:calc(20% - 10px)
}
@media screen and (max-width:359px),screen and (min-width:360px) and (max-width:409px) {
  .BFMl-UHxB--middle .traffic-stars #master_mobile_middle .mn-related-container .mn-thumb,
  .BFMl-UHxB--middle .traffic-stars #master_mobile_middle_native .mn-related-container .mn-thumb,
  .BFMl-UHxB--middle .traffic-stars #master_mobile_photo_related_middle .mn-related-container .mn-thumb,
  .BFMl-UHxB--middle .traffic-stars #master_mobile_photo_related_middle_second .mn-related-container .mn-thumb,
  .BFMl-UHxB--middle .traffic-stars #master_mobile_video_related_middle .mn-related-container .mn-thumb,
  .BFMl-UHxB--middle .traffic-stars #native_mobile_middle .mn-related-container .mn-thumb {
    width:calc(50% - 10px)
  }
  .BFMl-UHxB--middle .traffic-stars #master_mobile_middle .mn-related-container .mn-thumb:nth-child(n+5),
  .BFMl-UHxB--middle .traffic-stars #master_mobile_middle_native .mn-related-container .mn-thumb:nth-child(n+5),
  .BFMl-UHxB--middle .traffic-stars #master_mobile_photo_related_middle .mn-related-container .mn-thumb:nth-child(n+5),
  .BFMl-UHxB--middle .traffic-stars #master_mobile_photo_related_middle_second .mn-related-container .mn-thumb:nth-child(n+5),
  .BFMl-UHxB--middle .traffic-stars #master_mobile_video_related_middle .mn-related-container .mn-thumb:nth-child(n+5),
  .BFMl-UHxB--middle .traffic-stars #native_mobile_middle .mn-related-container .mn-thumb:nth-child(n+5) {
    display:none
  }
}
@media screen and (min-width:410px) and (max-width:479px) {
  .BFMl-UHxB--middle .traffic-stars #master_mobile_middle .mn-related-container .mn-thumb,
  .BFMl-UHxB--middle .traffic-stars #master_mobile_middle_native .mn-related-container .mn-thumb,
  .BFMl-UHxB--middle .traffic-stars #master_mobile_photo_related_middle .mn-related-container .mn-thumb,
  .BFMl-UHxB--middle .traffic-stars #master_mobile_photo_related_middle_second .mn-related-container .mn-thumb,
  .BFMl-UHxB--middle .traffic-stars #master_mobile_video_related_middle .mn-related-container .mn-thumb,
  .BFMl-UHxB--middle .traffic-stars #native_mobile_middle .mn-related-container .mn-thumb {
    width:calc(33.3333% - 10px)
  }
  .BFMl-UHxB--middle .traffic-stars #master_mobile_middle .mn-related-container .mn-thumb:nth-child(n+7),
  .BFMl-UHxB--middle .traffic-stars #master_mobile_middle_native .mn-related-container .mn-thumb:nth-child(n+7),
  .BFMl-UHxB--middle .traffic-stars #master_mobile_photo_related_middle .mn-related-container .mn-thumb:nth-child(n+7),
  .BFMl-UHxB--middle .traffic-stars #master_mobile_photo_related_middle_second .mn-related-container .mn-thumb:nth-child(n+7),
  .BFMl-UHxB--middle .traffic-stars #master_mobile_video_related_middle .mn-related-container .mn-thumb:nth-child(n+7),
  .BFMl-UHxB--middle .traffic-stars #native_mobile_middle .mn-related-container .mn-thumb:nth-child(n+7) {
    display:none
  }
}
@media screen and (min-width:480px) and (max-width:639px),screen and (min-width:640px) and (max-width:767px) {
  .BFMl-UHxB--middle .traffic-stars #master_mobile_middle .mn-related-container .mn-thumb,
  .BFMl-UHxB--middle .traffic-stars #master_mobile_middle_native .mn-related-container .mn-thumb,
  .BFMl-UHxB--middle .traffic-stars #master_mobile_photo_related_middle .mn-related-container .mn-thumb,
  .BFMl-UHxB--middle .traffic-stars #master_mobile_photo_related_middle_second .mn-related-container .mn-thumb,
  .BFMl-UHxB--middle .traffic-stars #master_mobile_video_related_middle .mn-related-container .mn-thumb,
  .BFMl-UHxB--middle .traffic-stars #native_mobile_middle .mn-related-container .mn-thumb {
    width:calc(25% - 10px)
  }
  .BFMl-UHxB--middle .traffic-stars #master_mobile_middle .mn-related-container .mn-thumb:nth-child(n+9),
  .BFMl-UHxB--middle .traffic-stars #master_mobile_middle_native .mn-related-container .mn-thumb:nth-child(n+9),
  .BFMl-UHxB--middle .traffic-stars #master_mobile_photo_related_middle .mn-related-container .mn-thumb:nth-child(n+9),
  .BFMl-UHxB--middle .traffic-stars #master_mobile_photo_related_middle_second .mn-related-container .mn-thumb:nth-child(n+9),
  .BFMl-UHxB--middle .traffic-stars #master_mobile_video_related_middle .mn-related-container .mn-thumb:nth-child(n+9),
  .BFMl-UHxB--middle .traffic-stars #native_mobile_middle .mn-related-container .mn-thumb:nth-child(n+9) {
    display:none
  }
}
.BFMl-UHxB--middle .BFMl-UHxBts {
  border-radius:5px;
  padding-top:10px;
  width:auto
}
.BFMl-UHxB--middle .BFMl-UHxBts.native {
  margin-top:var(--xh-spacers-m)
}
.BFMl-UHxB--middle .BFMl-UHxBts.mntv .mn-container-adsby {
  display:none
}
.BFMl-UHxB--middle .BFMl-UHxBads-remove {
  display:inline-block;
  margin:var(--xh-legacy-element-gap-small) 0
}
.BFMl-UHxB--middle .BFMl-UHxBads-by,
.BFMl-UHxB--middle .mn-container-adsby__link {
  background-color:var(--color-gray-light,#eaeaea);
  border-radius:5px 5px 0 0;
  color:var(--color-gray-dark,#a0a0a0);
  display:inline-block;
  font-size:10px;
  line-height:16px;
  padding:0 var(--xh-legacy-element-gap-smaller);
  position:relative
}
.xh-buttonset {
  background-color:var(--color-cobalt-light,#dadada);
  border-radius:3px;
  display:inline-block;
  line-height:1;
  padding:3px;
  text-align:center;
  white-space:nowrap
}
.xh-buttonset>.xh-button {
  border:none;
  border-radius:2px;
  color:var(--color-cobalt-darker,#303030);
  cursor:pointer;
  display:inline-block;
  font-size:14px;
  height:auto;
  line-height:24px;
  padding:0 10px;
  position:relative;
  z-index:0
}
.xh-buttonset>.xh-button:hover {
  background-color:var(--color-gray,#ccc)
}
.xh-buttonset>.xh-button.active.active {
  background-color:var(--background-input,#fff);
  color:var(--color-cobalt-darker,#303030);
  cursor:default!important
}
.xh-buttonset>.xh-button+.xh-button {
  margin-left:-1px
}
.xh-page-overlay {
  inset:0!important;
  position:fixed!important;
  z-index:100000!important
}
.beta-preloader {
  background-color:var(--color-cobalt-lighter-70,hsla(0,0%,96%,.7));
  display:block;
  height:100%;
  inset:0 0 0 0;
  min-height:100px;
  position:absolute;
  width:100%;
  z-index:1
}
.beta-preloader .preloader-inner {
  backface-visibility:hidden;
  background-color:var(--color-cobalt-lighter,#f5f5f5);
  border-radius:50%;
  box-shadow:0 10px 50px rgba(48,48,48,.4);
  display:block;
  height:100px;
  left:50%;
  position:absolute;
  top:50%;
  transform:translate(-50%,-50%);
  transition:left .15s ease,top .15s ease,.15s ease,bottom .15s ease;
  width:100px;
  z-index:4
}
.beta-preloader .preloader-inner>svg {
  display:block;
  height:61px;
  margin:20px auto;
  width:64px
}
.beta-preloader .preloader-inner>svg .xhamster-loader {
  fill:none;
  fill-rule:evenodd;
  stroke-linejoin:round;
  stroke-linecap:round
}
.beta-preloader .preloader-inner>svg .xhamster-loader-back {
  stroke-width:3;
  stroke:var(--color-accent-red,#e34449)
}
.beta-preloader .preloader-inner>svg .xhamster-loader-front {
  stroke-width:4;
  stroke:var(--color-cobalt-light,#dadada);
  stroke-dasharray:307%,20%;
  animation:xhamster-loader-animation .8s linear infinite
}
@keyframes xhamster-loader-animation {
  0% {
    stroke-dashoffset:0
  }
  to {
    stroke-dashoffset:-210
  }
}
.beta-preloader_inline {
  background-color:inherit;
  display:flex;
  justify-content:center;
  margin:20px 0;
  position:static
}
.beta-preloader_inline .preloader-inner {
  position:static;
  transform:none
}
.beta-preloader_small {
  min-height:50px
}
.beta-preloader_small,
.beta-preloader_small .preloader-inner {
  height:50px;
  width:50px
}
.beta-preloader_small .preloader-inner>svg {
  height:30px;
  margin:10px auto;
  width:32px
}
.beta-preloader.inverse {
  background-color:rgba(0,0,0,.7)
}
.beta-preloader.inverse .preloader-inner {
  background-color:var(--color-cobalt-darker,#303030);
  box-shadow:none!important
}
.beta-preloader.inverse .preloader-inner .xhamster-loader-front {
  stroke:var(--color-cobalt-dark,#434343)!important
}
.beta-preloader_overlap {
  margin-top:-80px
}
body>.beta-preloader {
  position:fixed
}
.xh-buttonset .beta-preloader,
.xh-modal-body .beta-preloader,
.xh-tabs .beta-preloader {
  background-color:var(--color-gray-light-70,hsla(0,0%,92%,.7))
}
.xh-button.seamless {
  background:none!important;
  border:0 none!important;
  border-radius:0!important
}
.button__onlyIcon.button__onlyIcon {
  font-size:20px
}
.button__onlyIcon.button__onlyIcon:after,
.button__onlyIcon.button__onlyIcon:before {
  padding:0
}
.button {
  align-items:center;
  box-sizing:border-box;
  display:inline-flex
}
.button__left {
  margin-right:5px
}
.button__right {
  margin-left:5px;
  order:1
}
.button i {
  vertical-align:middle
}
.button.link {
  background:none;
  border:0;
  color:var(--color-cobalt-darker,#303030);
  cursor:pointer
}
.button.full-width,
.button.full-width-square {
  display:inline-block
}
.button.black {
  background:var(--color-button-black,#303030);
  border-color:var(--color-button-black,#303030);
  color:var(--color-white-origin,#fff)
}
.button.black.active {
  background-color:#ea7074!important;
  border-color:var(--color-accent-red,#e34449)!important
}
.button.blue {
  background:var(--color-blue,#3f67f5);
  border-color:var(--color-blue,#3f67f5);
  color:var(--color-white-origin,#fff)
}
.button.blue:not(:disabled):hover {
  background-color:var(--color-blue-darker-10,#0f41f2);
  border-color:var(--color-blue-darker-10,#0f41f2)
}
.button.transparent {
  background:transparent;
  border-color:transparent;
  color:var(--color-cobalt-darker,#303030)
}
.button.transparent:not(:disabled):hover {
  background:transparent;
  border-color:transparent;
  color:var(--color-cobalt-darker-70,rgba(48,48,48,.7))
}
.xh-button {
  background:var(--color-button-border,#ccc);
  border:1px solid var(--color-button-border,#ccc);
  border-radius:3px;
  color:#8c8c8c;
  display:inline-block;
  font-size:14px;
  height:25px;
  line-height:23px;
  min-width:45px;
  padding:0 15px;
  position:relative;
  text-align:center;
  text-decoration:none!important
}
.xh-button::-moz-focus-inner {
  border:0;
  padding:0
}
.xh-button.smaller {
  border-radius:5px;
  font-weight:700;
  height:20px;
  line-height:18px;
  min-width:20px;
  padding:0 5px
}
.xh-button.large {
  border-radius:5px;
  font-weight:700;
  height:40px;
  line-height:38px
}
.xh-button.large2 {
  border-radius:5px;
  font-weight:700;
  height:50px;
  line-height:48px
}
.xh-button.medium {
  border-radius:5px;
  font-weight:700;
  height:30px;
  line-height:28px
}
.xh-button:disabled,
.xh-button[data-disabled=true] {
  cursor:not-allowed!important;
  opacity:.75
}
.xh-button:not(:disabled).active {
  background:#d6d6d6;
  border-color:#d6d6d6;
  cursor:pointer
}
.xh-button.transparent {
  background-color:transparent;
  border-color:transparent;
  color:var(--color-cobalt-darker,#303030)
}
.xh-button.transparent :disabled {
  color:var(--color-gray-dark,#a0a0a0)!important
}
.xh-button.gray {
  background-color:var(--color-button-gray,#dadada);
  border-color:var(--color-button-gray,#dadada);
  color:var(--color-cobalt-darker,#303030)
}
.xh-button.gray :disabled {
  color:var(--color-gray-dark,#a0a0a0)!important
}
.xh-button.red {
  background:var(--color-accent-red,#e34449);
  border-color:var(--color-accent-red,#e34449);
  color:var(--color-white-origin,#fff)
}
.xh-button.red:not(:disabled).active {
  background-color:#d42025;
  border-color:#d42025
}
.xh-button.cobalt-origin {
  background-color:var(--color-cobalt-origin,#707070);
  border-color:var(--color-cobalt-origin,#707070);
  color:var(--color-white-origin,#fff)
}
.xh-button.cobalt-darkest {
  background-color:var(--color-cobalt-darker,#303030);
  border-color:var(--color-cobalt-darker,#303030);
  color:var(--color-white-gray,#fff)
}
.xh-button.dark-gray {
  background-color:var(--color-gray-dark,#a0a0a0);
  border-color:var(--color-gray-dark,#a0a0a0);
  color:#fff
}
.xh-button.cobalt-darkest-origin {
  background-color:var(--color-cobalt-darker-origin,#303030);
  border-color:var(--color-cobalt-darker-origin,#303030);
  color:var(--color-white-origin,#fff)
}
.xh-button.cobalt-light {
  background-color:var(--color-cobalt-light,#dadada);
  border-color:var(--color-cobalt-light,#dadada);
  color:var(--color-cobalt-darker,#303030)
}
.xh-button.white {
  background:var(--color-white,#fff);
  border-color:var(--color-white,#fff);
  color:var(--color-cobalt-darker-origin,#303030)
}
.xh-button.full-width {
  width:100%
}
.parental-control-dialog {
  display:flex;
  flex-direction:column
}
@media screen and (max-width:359px) {
  .parental-control-dialog {
    letter-spacing:-.5px
  }
}
.parental-control-dialog__title {
  margin-bottom:10px;
  padding:0
}
.parental-control-dialog__title span {
  color:var(--color-accent-red,#e34449)
}
.parental-control-dialog__before {
  font-weight:700;
  line-height:20px;
  margin-bottom:5px;
  margin-top:10px;
  overflow:hidden;
  text-align:center;
  text-overflow:ellipsis;
  white-space:nowrap
}
.parental-control-dialog__body.parental-control-dialog__body {
  max-height:calc(100% - 170px);
  overflow:hidden auto;
  padding:0
}
.parental-control-dialog__body.parental-control-dialog__body p {
  margin-bottom:20px
}
.parental-control-dialog__body.parental-control-dialog__body p:last-child {
  margin-bottom:0
}
.parental-control-dialog__line {
  background-color:var(--color-line-separator,#dadada);
  height:1px;
  margin:15px 0
}
.parental-control-dialog__link.link {
  display:inline-block;
  float:left;
  font-size:12px;
  font-weight:400;
  max-width:150px;
  text-align:left
}
.parental-control-dialog .mobile-dialog__footer {
  min-height:unset!important;
  padding:0
}
.xh-thumb-disabled .channel-thumb-container img,
.xh-thumb-disabled .intro-image-container img,
.xh-thumb-disabled .main-wrap,
.xh-thumb-disabled .pc-img,
.xh-thumb-disabled .photo-intro img,
.xh-thumb-disabled .picture_container img,
.xh-thumb-disabled .pictures_block img,
.xh-thumb-disabled .pornstar-live .img,
.xh-thumb-disabled .pornstar-thumb-container img,
.xh-thumb-disabled .recomm-promo-banner__pic,
.xh-thumb-disabled .thumb-list img,
.xh-thumb-disabled .video-thumb img,
.xh-thumb-disabled img.blog-image,
.xh-thumb-disabled img.fotorama__img,
.xh-thumb-disabled img.xh-avatar {
  filter:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='blur10' x='-5%' y='-5%' width='110%' height='110%'><feGaussianBlur in='SourceGraphic' stdDeviation='10'/></filter></svg>#blur10");
  filter:blur(10px)
}
.xh-thumb-disabled .BFMl-UHxB,
.xh-thumb-disabled .BFMl-UHxBbanner-container .BFMl-UHxBcam-wgt,
.xh-thumb-disabled .BFMl-UHxBpremium-n-overlay,
.xh-thumb-disabled .blog-list .thumb-container,
.xh-thumb-disabled .cams-overlay,
.xh-thumb-disabled .channel-logo .logo-container,
.xh-thumb-disabled .clipstore-results,
.xh-thumb-disabled .intro-video-container iframe,
.xh-thumb-disabled .mixed-list .image-thumb,
.xh-thumb-disabled .mixed-list .thumb-container,
.xh-thumb-disabled .mobile-video-thumb .thumb-image-container,
.xh-thumb-disabled .pc-bg,
.xh-thumb-disabled .player-container,
.xh-thumb-disabled .pornstar-logo .logo-container,
.xh-thumb-disabled .related-list .logo,
.xh-thumb-disabled .thumb-list .thumb,
.xh-thumb-disabled .verified-items .thumb-container,
.xh-thumb-disabled .verified-items iframe,
.xh-thumb-disabled .video-intro iframe,
.xh-thumb-disabled .video-thumb .thumb-widget-img,
.xh-thumb-disabled img.xp-preload-image {
  filter:blur(10px)
}
.xh-thumb-disabled .avatar-container,
.xh-thumb-disabled .channel-logo,
.xh-thumb-disabled .intro-image-container,
.xh-thumb-disabled .intro-video-container,
.xh-thumb-disabled .mixed-list .item,
.xh-thumb-disabled .mobile-video-thumb,
.xh-thumb-disabled .pc-bg,
.xh-thumb-disabled .photo-intro,
.xh-thumb-disabled .pictures_block .thumb_container,
.xh-thumb-disabled .pornstar-logo,
.xh-thumb-disabled .verified-items .item,
.xh-thumb-disabled .video-intro {
  overflow:hidden
}
.sub-button {
  border-radius:5px;
  cursor:pointer;
  display:inline-block;
  height:30px;
  line-height:28px;
  min-width:30px;
  padding:0 10px;
  text-align:center;
  white-space:nowrap
}
.sub-button__counter,
.sub-button__icon,
.sub-button__text {
  vertical-align:top
}
.sub-button__icon {
  font-size:14px;
  line-height:28px
}
.sub-button__icon.friend,
.sub-button__icon.tick2 {
  font-size:20px
}
.sub-button__text {
  font-weight:700;
  margin-right:10px
}
.sub-button :last-child {
  margin-right:0!important
}
.sub-button__counter {
  font-weight:400
}
.sub-button.red .sub-button__counter {
  color:var(--color-white-origin-70,hsla(0,0%,100%,.7))
}
.sub-button.gray .sub-button__counter {
  color:var(--color-cobalt-darker-70,rgba(48,48,48,.7))
}
.sub-button-text {
  display:none
}
.sub-button-counter {
  margin-left:0
}
.categories-container__item--sub {
  margin-right:-5px
}
.categories-container .sub-button {
  border-bottom-left-radius:0;
  border-left:1px solid rgba(0,0,0,.1);
  border-top-left-radius:0;
  height:24px;
  line-height:22px;
  padding:0 5px;
  vertical-align:top
}
.categories-container .sub-button__icon {
  display:inline;
  line-height:22px
}
.categories-container .sub-button__text {
  display:none
}
.categories-container .sub-button.gray {
  border-left:1px var(--color-gray,#ccc) solid
}
.page-description {
  border-top:1px solid var(--color-cobalt-light);
  color:var(--color-gray-dark);
  font-size:var(--xh-tiny-font-size);
  line-height:var(--xh-caption-bold-line-height-px);
  padding:var(--xh-legacy-element-gap-small)
}
.page-description .link {
  color:var(--color-cobalt-darker,#303030);
  text-decoration:underline
}
.page-description .link:visited {
  color:var(--color-cobalt,#707070)
}
.page-description .link:link {
  color:var(--color-cobalt-darker,#303030)
}
.page-description .link:hover {
  color:var(--color-accent-red,#e34449)
}
.root-a0bf8 {
  --layout-top-menu-height:38px;
  --layout-search-bar-height:40px;
  --layout-submit-icon-size:37px;
  --layout-submit-button-size:56px;
  height:var(--layout-top-menu-height);
  position:relative;
  width:100%;
  z-index:11
}
.root-a0bf8 .root-a0bf8.fixed {
  z-index:var(--z-index-over)
}
.searchBlock-a0bf8 {
  display:flex;
  flex-direction:column;
  max-height:100vh;
  opacity:1;
  overflow:visible;
  transition:height .1s linear,opacity 125ms ease;
  width:100%;
  will-change:height,opacity
}
.root-a0bf8.fixed .searchBlock-a0bf8 {
  max-height:100%;
  position:fixed;
  top:0
}
.header-a0bf8 {
  align-items:center;
  display:flex;
  gap:var(--xh-spacers-l)
}
.form-a0bf8 {
  border-bottom:1px var(--color-cobalt-light) solid;
  border-top:1px var(--color-cobalt-light) solid;
  display:flex;
  height:var(--layout-search-bar-height);
  position:relative;
  width:100%
}
.form-a0bf8,
.submit-a0bf8 {
  background:var(--color-white)
}
.submit-a0bf8 {
  background-size:17px 17px;
  border:0;
  border-left:1px solid var(--color-button-border);
  color:var(--color-cobalt-darker);
  font-size:var(--xh-body-font-size);
  line-height:38px;
  padding:0 var(--xh-spacers-m)
}
:root .clear-a0bf8 {
  display:flex;
  justify-content:center;
  position:absolute;
  right:var(--layout-submit-button-size);
  top:0;
  width:38px
}
.text-a0bf8,
:root .clear-a0bf8 {
  height:var(--layout-top-menu-height)
}
.text-a0bf8 {
  background:var(--color-white);
  border:0;
  color:var(--color-cobalt-darker);
  display:block;
  font-size:var(--xh-body-font-size);
  line-height:20px;
  overflow:hidden;
  padding:0 var(--xh-spacers-l);
  width:100%
}
.item-a0bf8 {
  display:flex;
  height:30px
}
.item-a0bf8.selected-a0bf8 {
  font-weight:700
}
.scopeText-a0bf8.scopeText-a0bf8.scopeText-a0bf8 {
  align-items:center;
  display:flex;
  font-weight:inherit
}
.scopeText-a0bf8.scopeText-a0bf8.scopeText-a0bf8 svg {
  color:var(--xh-color-icon-primary);
  margin-right:var(--xh-spacers-m)
}
.icon-a0bf8 {
  color:var(--xh-color-icon-primary)
}
.choose-a0bf8.choose-a0bf8.choose-a0bf8 {
  align-items:center;
  border:0;
  border-right:1px solid var(--color-cobalt-light);
  display:flex;
  height:var(--layout-top-menu-height);
  justify-content:center;
  padding-left:var(--xh-legacy-element-gap-small);
  width:55px;
  z-index:var(--z-index-level3)
}
.choose-a0bf8.choose-a0bf8.choose-a0bf8:after {
  font-size:20px;
  margin-left:calc(var(--xh-spacers-s)*-1);
  vertical-align:middle
}
.choose-a0bf8.choose-a0bf8.choose-a0bf8.active svg,
.choose-a0bf8.choose-a0bf8.choose-a0bf8.active:after {
  color:var(--color-accent-red)
}
.dropdown-a0bf8.dropdown-a0bf8.dropdown-a0bf8 {
  left:var(--xh-legacy-element-gap-small);
  margin-top:var(--xh-legacy-element-gap-small);
  padding:var(--xh-legacy-element-gap-small)
}
.hidden-a0bf8 {
  display:none
}
.contentTypeSelect-a0bf8,
.root-b1876 {
  background:var(--color-white)
}
.root-b1876 {
  border-radius:0 0 3px 3px;
  box-shadow:0 10px 30px 0 rgba(0,0,0,.2);
  display:none;
  left:-1px;
  margin:0 1px;
  overflow:auto;
  position:absolute;
  top:40px;
  width:100%;
  z-index:var(--z-index-over)
}
.root-b1876.visible-b1876 {
  display:block
}
.fixed .root-b1876 {
  display:none
}
.search-suggestions:first-child {
  margin-top:1px
}
.search-suggestions .suggest-title {
  cursor:auto;
  line-height:30px;
  padding:0 0 0 var(--xh-legacy-element-gap-small);
  position:relative
}
.search-suggestions .suggest-title span {
  background:var(--color-white);
  display:inline-block;
  font-size:var(--xh-caption-font-size);
  font-weight:700;
  padding-right:var(--xh-legacy-element-gap-small);
  position:relative;
  text-transform:capitalize;
  z-index:2
}
.search-suggestions .suggest-title .line {
  border-top:1px solid var(--color-button-border);
  display:block;
  height:1px;
  left:var(--xh-legacy-element-gap-small);
  position:absolute;
  right:0;
  top:var(--xh-legacy-element-gap-normal);
  z-index:1
}
.root-b01b3 {
  font-family:var(--font-family-fallback);
  position:relative
}
.dropdown-b01b3 {
  background-color:var(--xh-color-button-white);
  border-radius:3px;
  box-shadow:0 10px 30px 0 rgba(0,0,0,.15);
  display:none;
  min-width:140px;
  padding:10px 0;
  position:absolute;
  top:100%;
  z-index:var(--z-index-tooltip-underhead)
}
.dropdown-b01b3 ul {
  list-style:none;
  margin:0;
  padding:0
}
.dropdown-b01b3.vPosDown-b01b3 {
  top:100%
}
.dropdown-b01b3.vPosUp-b01b3 {
  bottom:100%;
  margin-bottom:var(--xh-spacers-xl);
  top:unset
}
.dropdown-b01b3.posRight-b01b3 {
  left:auto;
  right:0
}
.dropdown-b01b3.posLeft-b01b3 {
  left:0;
  right:auto
}
.dropdown-b01b3.open-b01b3,
.hover-b01b3+.dropdown-b01b3:hover,
.hover-b01b3:hover+.dropdown-b01b3 {
  display:block
}
.trigger-b01b3 {
  cursor:pointer;
  position:relative;
  user-select:none;
  z-index:1
}
.trigger-b01b3>div {
  display:inline-block
}
.trigger-b01b3:after {
  border-color:var(--xh-color-extra-black) transparent transparent;
  border-style:solid;
  border-width:3px 3px 0;
  content:"";
  display:inline-block;
  height:7px;
  margin-left:6px;
  margin-right:0;
  position:relative;
  top:var(--xh-spacers-s)
}
.trigger-b01b3.noArrow-b01b3:after {
  display:none
}
.trigger-b01b3.disabled-b01b3 {
  cursor:not-allowed
}
.hide-b01b3 {
  display:none
}
.primary-b01b3 {
  color:var(--xh-color-font-primary)
}
.primary-b01b3:after {
  border-top-color:var(--xh-color-font-primary)
}
.secondary-b01b3 {
  color:var(--xh-color-font-secondary)
}
.secondary-b01b3:after {
  border-top-color:var(--xh-color-font-secondary)
}
.brand-b01b3 {
  color:var(--xh-color-brand-enabled)
}
.brand-b01b3:after {
  border-top-color:var(--xh-color-brand-enabled)
}
.disabled-b01b3 {
  color:var(--xh-color-font-disabled)
}
.disabled-b01b3:after {
  border-top-color:var(--xh-color-font-disabled)
}
.invert-b01b3 {
  color:var(--xh-color-font-invert)
}
.invert-b01b3:after {
  border-top-color:var(--xh-color-font-invert)
}
.title-87afe {
  position:relative
}
.title-87afe.mobile-87afe {
  cursor:auto;
  line-height:30px;
  padding:0 0 0 var(--xh-legacy-element-gap-small)
}
.title-87afe:not(.mobile-87afe) {
  color:var(--color-gray-dark);
  height:30px;
  line-height:20px;
  padding:var(--xh-legacy-element-gap-smaller) var(--xh-legacy-element-gap-large)
}
.text-87afe {
  display:inline-block;
  font-size:var(--xh-caption-font-size);
  font-weight:700;
  padding-right:var(--xh-legacy-element-gap-small);
  position:relative;
  text-transform:capitalize;
  z-index:var(--z-index-level2)
}
.mobile-87afe .text-87afe {
  background:var(--color-white)
}
.title-87afe:not(.mobile-87afe) .text-87afe {
  background:var(--background-dropdown)
}
.line-87afe {
  display:block;
  height:1px;
  position:absolute;
  top:var(--xh-legacy-element-gap-normal);
  z-index:var(--z-index-level1)
}
.mobile-87afe .line-87afe {
  border-top:1px solid var(--color-button-border);
  left:var(--xh-legacy-element-gap-smaller);
  right:0
}
.title-87afe:not(.mobile-87afe) .line-87afe {
  border-top:1px solid var(--color-gray);
  left:var(--xh-legacy-element-gap-large);
  right:var(--xh-legacy-element-gap-large)
}
.item-458aa {
  align-items:center;
  color:var(--color-cobalt-darker);
  display:flex;
  font-size:var(--xh-body-font-size);
  position:relative
}
.item-458aa.current {
  background:var(--color-cobalt-lighter);
  cursor:pointer
}
.item-458aa.mobile-458aa {
  cursor:pointer;
  height:30px;
  line-height:1.43;
  max-width:100%;
  overflow:hidden;
  padding:var(--xh-legacy-element-gap-smaller) var(--xh-legacy-element-gap-small) var(--xh-legacy-element-gap-smaller) 35px;
  text-decoration:none;
  text-overflow:ellipsis;
  white-space:nowrap
}
.item-458aa.mobile-458aa:first-of-type {
  margin-top:var(--xh-legacy-element-gap-smaller)
}
.item-458aa.mobile-458aa:last-of-type {
  margin-bottom:var(--xh-legacy-element-gap-smaller)
}
.item-458aa:not(.mobile-458aa) {
  border:0;
  line-height:20px;
  min-height:20px;
  padding:var(--xh-legacy-element-gap-smaller) 0 var(--xh-legacy-element-gap-smaller) 40px
}
.item-458aa:not(.mobile-458aa):last-child {
  border-radius:0 0 var(--xh-border-radius-s) var(--xh-border-radius-s);
  overflow:hidden
}
.avatar-458aa {
  height:20px;
  position:absolute;
  top:var(--xh-legacy-element-gap-smaller);
  width:20px
}
.mobile-458aa .avatar-458aa {
  left:var(--xh-legacy-element-gap-small)
}
.item-458aa:not(.mobile-458aa) .avatar-458aa {
  left:var(--xh-legacy-element-gap-normal)
}
.img-458aa {
  background-color:var(--background-dropdown);
  border-radius:var(--xh-border-radius-xs);
  height:100%;
  object-fit:cover;
  width:100%
}
.count-458aa {
  font-size:var(--xh-caption-font-size);
  padding-left:var(--xh-legacy-element-gap-small)
}
.count-458aa,
.icon-458aa {
  color:var(--color-gray-dark)
}
.icon-458aa {
  position:absolute;
  top:50%;
  transform:translateY(-50%)
}
.mobile-458aa .icon-458aa {
  left:var(--xh-legacy-element-gap-small)
}
.icon-458aa.tags {
  transform:scaleX(-1) translateY(-50%)
}
.item-458aa:not(.mobile-458aa) .icon-458aa {
  left:18px
}
.link-458aa.link-458aa {
  color:var(--color-cobalt-darker)
}
.orient-458aa.orient-458aa {
  font-size:16px;
  left:auto!important;
  margin-left:var(--xh-spacers-s);
  position:relative
}
.item-458aa:not(.mobile-458aa) .orient-458aa.orient-458aa {
  transform:none
}
.exactChannel-458aa.exactChannel-458aa,
.exactPornstar-458aa.exactPornstar-458aa {
  padding-left:60px
}
.exactChannel-458aa.exactChannel-458aa .icon-458aa,
.exactPornstar-458aa.exactPornstar-458aa .icon-458aa {
  left:36px
}
.header-fe2f7 {
  z-index:var(--xh-legacy-z-index-header)
}
.container-fe2f7,
.header-fe2f7 {
  background:var(--color-cobalt-lighter);
  height:50px;
  position:relative;
  width:100%
}
.container-fe2f7 {
  align-items:center;
  display:flex;
  font-size:0;
  justify-content:flex-start;
  z-index:101
}
.container-fe2f7>* {
  flex:0 0 auto
}
.expanded-fe2f7 {
  height:90px;
  min-height:90px;
  overflow:visible
}
.overlay-fe2f7 {
  z-index:var(--z-index-overlay)
}
.counter-fe2f7 {
  position:relative
}
.counter-fe2f7:before {
  animation-duration:125ms;
  animation-iteration-count:1;
  animation-name:zoom-in-fe2f7;
  animation-timing-function:ease-in;
  background-color:var(--color-accent-red);
  border-radius:var(--xh-border-radius-l);
  box-sizing:border-box;
  color:var(--color-white-origin);
  content:attr(data-counter);
  display:block;
  font-size:var(--xh-caption-bold-font-size);
  font-weight:var(--xh-caption-bold-font-weight);
  line-height:var(--xh-body-line-height-px);
  min-width:20px;
  padding:0 var(--xh-spacers-s);
  position:absolute;
  right:6px;
  right:2px;
  text-align:center;
  top:var(--xh-legacy-element-gap-small);
  top:6px;
  z-index:var(--z-index-level3)
}
.line-fe2f7 {
  background:var(--color-cobalt-light);
  height:1px
}
.withFlag-fe2f7 {
  height:auto;
  padding-bottom:var(--xh-spacers-xl);
  padding-top:var(--xh-spacers-4xl)
}
.withFlag-fe2f7 .container-fe2f7 {
  height:auto
}
.withFlag-fe2f7+.line-fe2f7 {
  display:none
}
.sidebar-fe2f7 {
  left:0;
  overflow:visible;
  position:absolute;
  top:0;
  width:100%;
  z-index:var(--z-index-overlay)
}
.button-fe2f7 {
  cursor:pointer;
  display:block;
  overflow:hidden
}
.icon-fe2f7.icon-fe2f7 {
  align-items:center;
  display:flex;
  flex-direction:column;
  height:50px;
  justify-content:center;
  width:50px
}
.icon-fe2f7.icon-fe2f7.active-fe2f7 svg {
  color:var(--xh-color-brand-enabled)
}
.spacer-fe2f7 {
  content-visibility:hidden;
  flex-grow:1
}
.avatarWrapper-fe2f7 {
  align-items:center;
  display:flex;
  flex-direction:column;
  height:50px;
  justify-content:center;
  width:50px
}
.plug-fe2f7.plug-fe2f7 {
  border-radius:var(--xh-border-radius-xxxl);
  height:32px;
  margin:0 var(--xh-spacers-m);
  width:32px
}
.plugLast-fe2f7 {
  margin-right:var(--xh-legacy-element-gap-normal)
}
@keyframes zoom-in-fe2f7 {
  0% {
    transform:scale(0)
  }
  to {
    transform:scale(1)
  }
}
.root-7ae27 {
  background:var(--background-header-nav,#303030);
  display:block;
  height:35px;
  overflow:hidden;
  width:100%;
  z-index:var(--z-index-level3)
}
.flirtifyImg-7ae27 {
  margin-top:calc(var(--xh-spacers-xs)*-1)
}
.fapHighlight-7ae27 {
  color:#ffc582
}
.list-7ae27 {
  -webkit-overflow-scrolling:touch;
  -ms-overflow-style:none;
  align-items:center;
  display:flex;
  height:35px;
  overflow:scroll hidden;
  scrollbar-width:none;
  white-space:nowrap;
  width:100%
}
.list-7ae27::-webkit-scrollbar {
  display:none
}
.listItem-7ae27 {
  display:inline-block;
  vertical-align:top
}
.listItem-7ae27 .link-7ae27 {
  align-items:center;
  color:var(--color-white-origin);
  display:flex;
  font-size:var(--xh-body-font-size);
  gap:var(--xh-spacers-s);
  padding:0 var(--xh-spacers-s);
  text-transform:capitalize
}
.listItem-7ae27 .link-7ae27.active-7ae27 {
  border-bottom:3px var(--color-accent-red) solid
}
@media screen and (max-width:359px) {
  .listItem-7ae27 .link-7ae27 {
    font-size:var(--xh-caption-bold-font-size)
  }
}
.listItem-7ae27:first-of-type .link-7ae27 {
  margin-left:var(--xh-spacers-s)
}
.listItem-7ae27:hover,
.listItem-7ae27:hover span.fapHighlight {
  color:var(--color-gray-dark)
}
.withDot-7ae27:before {
  border-radius:var(--xh-border-radius-s);
  content:"";
  height:6px;
  margin-right:var(--xh-spacers-s);
  margin-top:calc(var(--xh-spacers-xs)*-1);
  vertical-align:middle;
  width:6px
}
.sale-7ae27,
.salePremium-7ae27,
.withDot-7ae27:before {
  background:var(--color-accent-red);
  display:inline-block
}
.sale-7ae27,
.salePremium-7ae27 {
  text-wrap:nowrap;
  color:var(--color-white-origin);
  font-size:10px;
  font-weight:400;
  height:15px;
  line-height:15px;
  margin-left:var(--xh-spacers-s);
  padding:0 var(--xh-spacers-xs);
  position:relative;
  vertical-align:text-bottom
}
.sale-7ae27:after,
.sale-7ae27:before,
.salePremium-7ae27:after,
.salePremium-7ae27:before {
  border-style:solid;
  content:"";
  display:block;
  height:0;
  margin-right:calc(var(--xh-spacers-s)*-1);
  position:absolute;
  right:0;
  width:0
}
.sale-7ae27:before,
.salePremium-7ae27:before {
  border-color:var(--color-accent-red) transparent transparent transparent;
  border-width:10px 4px 0;
  top:0
}
.sale-7ae27:after,
.salePremium-7ae27:after {
  border-color:transparent transparent var(--color-accent-red) transparent;
  border-width:0 4px 10px;
  bottom:0
}
.salePremium-7ae27 {
  margin-left:unset
}
.gift-7ae27 {
  margin-top:calc(var(--xh-spacers-s)*-1)
}
.preferenceHint-a9be0 {
  color:var(--color-cobalt);
  font-size:var(--xh-caption-font-size);
  position:absolute;
  right:0;
  top:0
}
.preferenceHint-a9be0.gay-a9be0 {
  color:var(--color-gay)
}
.preferenceHint-a9be0.transgender-a9be0 {
  color:var(--color-shemale)
}
.preferenceHint-a9be0.straight-a9be0 {
  right:-11px
}
.mobile-a9be0 .preferenceHint-a9be0 {
  font-size:10px;
  position:absolute;
  right:0;
  top:0
}
.mobile-a9be0 .preferenceHint-a9be0.gay-a9be0 {
  color:var(--color-gay)
}
.mobile-a9be0 .preferenceHint-a9be0.transgender-a9be0 {
  color:var(--color-shemale)
}
.mobile-a9be0 .preferenceHint-a9be0.straight-a9be0 {
  right:calc(var(--xh-legacy-element-gap-small)*-1px)
}
.logo-a9be0 {
  margin-left:var(--xh-legacy-element-gap-small);
  position:relative
}
.logo-a9be0 img {
  display:block
}
.logo-a9be0 .flag-a9be0 {
  margin-left:var(--xh-spacers-m);
  position:static;
  transform:none
}
.centered-a9be0 {
  align-items:center;
  display:flex;
  margin-left:auto;
  margin-right:auto
}
.smaller-502de {
  display:inline-block;
  height:40px;
  width:45px
}
.small-502de {
  display:inline-block;
  height:50px;
  width:54px
}
.text-502de {
  color:var(--color-cobalt-darker-origin)
}
.medium-502de {
  display:inline-block;
  height:60px;
  width:60px
}
.medium-502de .text-502de {
  font-size:22px;
  line-height:56px
}
.large-502de {
  display:inline-block;
  height:100%;
  margin-top:6px;
  width:100%
}
.large-502de .text-502de {
  font-size:70px;
  line-height:156px
}
.mobile-friends-502de {
  float:left
}
.mobile-comment-502de {
  margin-right:5px
}
.container-502de {
  display:block;
  height:0;
  padding-top:91%;
  pointer-events:none;
  position:relative;
  user-select:none;
  width:100%
}
.border-502de {
  box-sizing:border-box;
  height:100%;
  width:100%
}
.root-502de {
  height:100%;
  left:0;
  position:absolute;
  top:0;
  width:100%
}
.inner-502de {
  height:calc(100% - 6px);
  left:3px;
  position:absolute;
  top:3px;
  width:calc(100% - 6px)
}
.image-502de {
  margin:0;
  object-fit:cover
}
.border_color-502de {
  background:var(--nft-color-l1)
}
.divider_color-502de {
  background:var(--nft-divider-color)
}
.filter-502de {
  box-sizing:border-box;
  clip-path:url(#hex-rounded)
}
.centered-502de {
  align-items:center;
  display:flex;
  justify-content:center
}
.normal-502de {
  display:inline-block;
  height:86px;
  width:94px
}
.normal-502de .text-502de {
  font-size:48px;
  line-height:86px
}
.small-502de .inner-502de,
.smaller-502de .inner-502de {
  height:calc(100% - 4px);
  left:2px;
  top:2px;
  width:calc(100% - 4px)
}
.small-502de .text-502de,
.smaller-502de .text-502de {
  font-size:22px;
  line-height:46px
}
.color2-502de {
  background:var(--nft-color-l2)
}
.color3-502de {
  background:var(--nft-color-l3)
}
.avatarDropdown-502de {
  margin:10px 20px 10px 29px
}
.friendsList-502de {
  align-items:center;
  display:flex;
  height:100%;
  width:80px
}
:root {
  --pm-unset:unset;
  --pm-height:40px;
  --pm-close-button-gap:50px
}
.bf165273 {
  box-shadow:0 1px 3px 0 rgba(0,0,0,.15);
  position:relative
}
.bf165273._82b1a172 {
  position:sticky;
  top:0;
  width:100%;
  z-index:var(--xh-legacy-z-index-promo-pinned)
}
.bf165273._0425ab04 {
  background-position:50%;
  background-size:cover
}
.bf165273 ._16f8afe9 {
  background-color:var(--color-white-gray);
  color:var(--color-cobalt-darker);
  display:block;
  font-size:var(--xh-legacy-font-size-normal);
  height:auto;
  min-height:var(--pm-height);
  padding:var(--xh-legacy-element-gap-small) var(--pm-close-button-gap) var(--xh-legacy-element-gap-small) var(--xh-legacy-element-gap-small);
  z-index:var(--z-index-level2)
}
.bf165273 ._16f8afe9 .ec35dc84 {
  color:var(--color-accent-red);
  font-weight:var(--xh-body-bold-font-weight)
}
.bf165273 ._16f8afe9 ._1fd50c10 {
  position:absolute;
  right:0;
  top:0
}
.bf165273 ._16f8afe9 ._1fd50c10:hover,
.bf165273 ._16f8afe9 ._30d83418 {
  background-color:var(--pm-unset)
}
.bf165273 ._16f8afe9 ._30d83418 {
  border:var(--pm-unset);
  display:inline;
  font-weight:var(--xh-body-bold-font-weight);
  text-decoration:underline
}
.bf165273 ._16f8afe9 ._30d83418 .c7332cce {
  transform:rotate(-90deg) translate(-2px,-8px)
}
.bf165273 ._16f8afe9._68595251 {
  direction:rtl;
  padding:var(--xh-legacy-element-gap-small) var(--xh-legacy-element-gap-small) var(--xh-legacy-element-gap-small) var(--pm-close-button-gap)
}
.bf165273 ._16f8afe9._68595251 ._1fd50c10 {
  left:0;
  right:var(--pm-unset)
}
.bf165273 ._16f8afe9._68595251 ._30d83418 .c7332cce {
  transform:rotate(90deg) translate(2px,-8px)
}
.bf165273 ._16f8afe9._1f466f5d {
  background-color:var(--pm-unset)
}
.bf165273._0d23a898 ._16f8afe9 {
  align-items:center;
  display:flex;
  flex-wrap:nowrap;
  gap:var(--xh-legacy-element-gap-smaller);
  justify-content:center;
  overflow:hidden;
  padding:0 var(--xh-spacers-2xl);
  text-align:center
}
.bf165273._0d23a898 ._16f8afe9 ._1fd50c10 {
  top:var(--pm-unset)
}
._081717a1 {
  text-size-adjust:none;
  font-size:var(--xh-body-font-size);
  text-align:left
}
@media (orientation:landscape) {
  ._081717a1._05b32808 {
    font-size:var(--xh-caption-font-size)
  }
}
._324986be {
  position:sticky;
  top:0;
  width:100%;
  z-index:var(--xh-legacy-z-index-promo-pinned)
}
.a514023f ._40821f4f {
  cursor:default;
  display:flex;
  height:auto;
  line-height:var(--xh-spacers-2xl);
  padding:var(--xh-spacers-l) var(--xh-legacy-element-gap-small)
}
.a514023f ._40821f4f._368cb375 {
  margin:0 auto;
  width:100%
}
@media screen and (max-width:1279px) {
  .a514023f ._40821f4f._368cb375 {
    max-width:1024px;
    padding:0 17px
  }
}
@media screen and (min-width:1280px) and (max-width:1365px) {
  .a514023f ._40821f4f._368cb375 {
    max-width:1210px
  }
}
@media screen and (min-width:1366px) and (max-width:1535px) {
  .a514023f ._40821f4f._368cb375 {
    max-width:1346px
  }
}
.a514023f ._40821f4f._368cb375 {
  padding:var(--xh-spacers-l) 40px var(--xh-spacers-l) 40px
}
.a514023f ._638dbfd1 {
  display:block;
  font-size:var(--xh-h4-bold-font-size);
  font-weight:var(--xh-h2-bold-font-weight);
  line-height:var(--xh-spacers-3xl);
  margin-bottom:var(--xh-spacers-s);
  text-align:start
}
.a514023f ._648f79ee {
  font-size:var(--xh-h3-font-size);
  line-height:var(--xh-spacers-3xl);
  margin-left:var(--xh-spacers-m);
  margin-right:var(--xh-spacers-l)
}
@media screen and (max-width:1024px) {
  .a514023f ._40821f4f {
    font-size:var(--xh-caption-font-size);
    line-height:var(--xh-spacers-xl)
  }
  .a514023f ._638dbfd1 {
    font-size:var(--xh-body-bold-font-size);
    line-height:var(--xh-spacers-2xl)
  }
  .a514023f ._648f79ee {
    margin-left:0;
    margin-right:var(--xh-spacers-m)
  }
}
.root-3fef2 {
  align-items:center;
  background:#fff;
  box-shadow:0 5px 25px rgba(0,0,0,.8);
  color:#666;
  display:flex;
  flex-direction:row;
  height:24px;
  justify-content:flex-start;
  max-height:24px;
  overflow:hidden;
  padding:var(--xh-spacers-s) var(--xh-spacers-m);
  position:fixed;
  transform:translateZ(0);
  z-index:99999
}
.root-3fef2.isBRPosition-3fef2 {
  bottom:0;
  right:0
}
.root-3fef2.noPosition-3fef2 {
  left:0;
  top:0
}
.root-3fef2 .xh-icon-3fef2 {
  display:block;
  line-height:24px
}
.root-3fef2 div {
  font-size:13px;
  line-height:16px;
  white-space:nowrap
}
.root-3fef2 div:first-child {
  order:20
}
.root-3fef2 .closer-3fef2,
.root-3fef2 .expander-3fef2 {
  padding:0 var(--xh-spacers-m)
}
.root-3fef2 strong {
  color:#654b7c
}
.root-3fef2 a,
.root-3fef2 a:active,
.root-3fef2 a:link,
.root-3fef2 a:visited {
  align-items:center;
  color:#0c4f96;
  cursor:pointer;
  display:flex;
  flex-direction:row;
  font-weight:700
}
.root-3fef2 a:hover {
  color:#654b7c
}
.root-3fef2 div:nth-child(n+4) {
  display:none;
  margin-left:var(--xh-spacers-xl)
}
.root-3fef2.expanded-3fef2 div:nth-child(n+4) {
  display:block
}
.root-a40b6 {
  background-color:var(--xh-color-extra-green);
  cursor:pointer;
  padding:var(--xh-spacers-m) var(--xh-spacers-xl)
}
.root-a40b6:not(.desktop-a40b6) .button-a40b6 {
  margin-top:var(--xh-spacers-l)
}
.root-a40b6.desktop-a40b6 .text-a40b6 {
  margin-right:auto
}
.root-a40b6.desktop-a40b6 .button-a40b6 {
  flex:none;
  margin-left:var(--xh-spacers-l)
}
.wrapper-a40b6 {
  align-items:flex-start;
  display:flex;
  margin:0 auto;
  max-width:840px
}
.content-a40b6,
.root-a40b6.desktop-a40b6 .wrapper-a40b6 {
  align-items:center
}
.content-a40b6 {
  display:flex;
  flex:auto;
  min-width:0
}
.root-a40b6:not(.desktop-a40b6) .content-a40b6 {
  align-items:flex-start;
  flex-direction:column
}
.shield-a40b6 {
  flex:none;
  margin-right:var(--xh-spacers-l)
}
.bottomText-a40b6 {
  line-height:var(--xh-body-line-height-px);
  opacity:.75
}
.root-814ce {
  background-color:var(--xh-color-extra-blue);
  padding:var(--xh-spacers-m) var(--xh-spacers-xl)
}
.root-814ce .shield-814ce {
  flex:none;
  margin-right:var(--xh-spacers-xl)
}
.root-814ce .button-814ce {
  font-weight:var(--xh-body-bold-font-weight);
  gap:var(--xh-spacers-m);
  margin-top:var(--xh-spacers-l)
}
.root-814ce .wrapper-814ce {
  align-items:flex-start;
  display:flex;
  justify-content:center;
  margin:0 auto;
  max-width:850px;
  padding-right:var(--xh-spacers-5xl)
}
.root-814ce .wrapper-814ce .close-814ce {
  position:absolute;
  right:0;
  top:0
}
.root-814ce .wrapper-814ce .close-814ce:hover {
  background-color:unset
}
.root-814ce .content-814ce {
  align-items:flex-start;
  display:flex;
  flex-direction:column
}
.root-814ce .bottomText-814ce {
  line-height:var(--xh-body-line-height-px);
  margin-top:var(--xh-spacers-s);
  opacity:.75
}
.root-814ce.desktop-814ce .button-814ce {
  flex:none;
  margin-left:var(--xh-spacers-3xl);
  margin-top:0
}
.root-814ce.desktop-814ce .wrapper-814ce {
  align-items:center;
  padding-right:0
}
.root-814ce.desktop-814ce .wrapper-814ce .close-814ce {
  right:var(--xh-spacers-3xl);
  top:unset
}
.root-814ce.desktop-814ce .content-814ce {
  align-items:center;
  flex-direction:row
}
.root-814ce.desktop-814ce .bottomText-814ce {
  margin-top:0
}
.container-1dbbd:not(.desktop-1dbbd) .loginContent-1dbbd.loginContent-1dbbd {
  align-items:center;
  display:flex;
  flex-direction:column;
  height:100vh;
  justify-content:center;
  margin:0 var(--xh-spacers-m)
}
.verification-c5f2b {
  background:transparent;
  height:0;
  max-width:950px;
  padding-bottom:64.7%;
  position:relative;
  width:90vw
}
.verification-c5f2b.mobile-c5f2b {
  height:90vh;
  padding:0;
  width:calc(100vw - var(--xh-spacers-m)*2)
}
.iframe-c5f2b {
  height:100%;
  position:absolute;
  width:100%
}
.root-abdf1 {
  background:var(--color-accent-red);
  color:var(--color-white);
  display:block;
  padding:var(--xh-spacers-m);
  text-align:center;
  width:100%
}
.container-5f2e3 {
  display:flex;
  flex-direction:column;
  overflow:hidden
}
.list-5f2e3 {
  --gap:var(--xh-spacers-s);
  align-content:flex-start;
  display:flex;
  flex-basis:max-content;
  flex-flow:wrap;
  gap:var(--gap);
  overflow:hidden;
  position:relative
}
.list-5f2e3.collapsed-5f2e3 {
  flex-basis:inherit
}
.xh-icon.icon-5f2e3 {
  font-size:20px
}
.toggle-5f2e3 {
  align-items:center;
  background:var(--xh-color-button-secondary);
  border-radius:var(--xh-border-radius-s);
  color:var(--xh-color-font-primary);
  cursor:pointer;
  display:flex;
  justify-content:center;
  order:2;
  transform:rotate(-180deg);
  width:30px
}
.collapsed-5f2e3 .toggle-5f2e3 {
  transform:none
}
.item-50dd2 {
  align-items:stretch;
  display:flex;
  flex-wrap:nowrap;
  order:0
}
.small-50dd2 {
  height:24px
}
.hidden-50dd2 {
  order:5;
  visibility:hidden
}
.maxWidth-50dd2 {
  max-width:calc(50vw - 15px);
  overflow:hidden
}
.root-0cbe5 {
  display:flex;
  overflow:hidden
}
.vrBadgeRoot-0cbe5 {
  height:16px
}
.vrBadgeRoot-0cbe5 .vrIcon-0cbe5 {
  align-items:center;
  background:var(--color-blue-light);
  display:flex;
  font-size:8px;
  height:100%;
  justify-content:center;
  position:relative;
  right:-5px;
  width:27px
}
.avatar-2ffc4 {
  background-size:100%;
  border:2px solid var(--color-cobalt-lighter);
  border-radius:40px;
  bottom:4px;
  box-shadow:0 4px 4px rgba(0,0,0,.15);
  height:25px;
  left:5px;
  position:absolute;
  width:25px;
  z-index:3
}
.nameOnThumb-2ffc4.nameOnThumb-2ffc4.nameOnThumb-2ffc4 {
  color:var(--color-white-origin);
  height:30px;
  line-height:30px;
  margin-top:-30px
}
.nameOnThumb-2ffc4 {
  background-image:linear-gradient(180deg,transparent,rgba(0,0,0,.7));
  padding-top:0;
  position:absolute;
  text-align:center;
  width:100%;
  z-index:2
}
.nameOnThumb-2ffc4 span {
  font-size:var(--xh-caption-font-size)
}
.nameOnThumb-2ffc4.nameWithAvatar-2ffc4 {
  padding-left:35px;
  text-align:left
}
.flag-2ffc4 {
  vertical-align:middle
}
.tooltipIconSvg-5e8b4 {
  color:unset;
  vertical-align:middle
}
.adsLabel-5e8b4 {
  background:hsla(0,0%,50%,.6);
  border-radius:var(--xh-border-radius-s);
  color:var(--xh-color-extra-white);
  cursor:pointer;
  display:inline-block;
  padding:0 var(--xh-spacers-s)
}
.text-2ab57 {
  background-color:var(--xh-color-surface-invert);
  max-width:234px;
  padding:var(--xh-spacers-l);
  user-select:none
}
.row-453a6,
.text-2ab57 {
  border-radius:var(--xh-border-radius-s)
}
.row-453a6 {
  --transparent-color:transparent;
  --line-height:1;
  background-color:var(--xh-color-surface-back);
  color:var(--transparent-color)!important;
  display:inline-block;
  line-height:var(--line-height);
  max-width:100%;
  overflow:hidden;
  -webkit-user-select:none;
  user-select:none;
  vertical-align:text-bottom;
  white-space:nowrap
}
.row-453a6:empty {
  width:100%
}
.row-453a6:empty:before {
  content:"*"
}
.retired-77a09 {
  align-items:center;
  background-color:var(--xh-color-surface-back);
  display:flex;
  height:100%;
  justify-content:center;
  width:100%
}
.retired-77a09 svg {
  width:22px
}
.retired-77a09.small-77a09 svg {
  width:11px
}
.shape-789e8 {
  height:100%;
  overflow:hidden;
  width:100%
}
.square-789e8 {
  border-radius:0
}
.rounded-789e8 {
  border-radius:var(--xh-border-radius-s)
}
.rounded-789e8.small-789e8 {
  border-radius:var(--xh-border-radius-xs)
}
.circle-789e8 {
  border-radius:50%
}
.hexagon-789e8 {
  box-sizing:border-box;
  clip-path:url(#hex-rounded)
}
.hexagon-789e8.gold-789e8 {
  background-color:var(--xh-color-extra-yellow);
  border:none
}
.hexagon-789e8.violet-789e8 {
  background-color:var(--xh-color-extra-violet);
  border:none
}
.hexagon-789e8.blue-789e8 {
  background-color:var(--xh-color-extra-blue);
  border:none
}
.hexagon-789e8.pink-789e8 {
  background-color:var(--xh-color-extra-pink);
  border:none
}
.gold-789e8 {
  border:2px solid var(--xh-color-extra-yellow)
}
.violet-789e8 {
  border:2px solid var(--xh-color-extra-violet)
}
.blue-789e8 {
  border:2px solid var(--xh-color-extra-blue)
}
.pink-789e8 {
  border:2px solid var(--xh-color-extra-pink)
}
.root-789e8 {
  height:100%;
  left:0;
  position:absolute;
  top:0;
  width:100%
}
.root-789e8.hexagon-789e8 {
  width:calc(100% + 2px)
}
.root-789e8.hexagon-789e8.retired-789e8 {
  background-color:var(--xh-color-surface-back)
}
.inner-789e8 {
  background-color:var(--xh-color-surface-input);
  height:calc(100% - 4px);
  left:var(--xh-spacers-xs);
  position:absolute;
  top:var(--xh-spacers-xs);
  width:calc(100% - 4px)
}
.inner-789e8.retired-789e8 {
  background-color:var(--xh-color-surface-back)
}
.image-9a750 {
  height:100%;
  margin:0;
  object-fit:cover;
  width:100%
}
.char-9a750 {
  align-items:center;
  color:var(--xh-color-extra-black);
  display:flex;
  height:100%;
  justify-content:center;
  width:100%
}
.char-9a750.large-9a750 {
  font-size:90px
}
.char-9a750.normal-9a750 {
  font-size:48px
}
.char-9a750.medium-9a750 {
  font-size:22px
}
.char-9a750.small-9a750 {
  font-size:11px
}
.char-9a750.big-9a750 {
  font-size:110px
}
.link-9a750 {
  line-height:unset
}
.avatar-e781b {
  display:flex;
  position:relative
}
.badge-e781b {
  align-items:center;
  bottom:0;
  display:flex;
  justify-content:center;
  position:absolute;
  right:0
}
.large-e781b {
  height:160px;
  width:160px
}
.normal-e781b {
  height:90px;
  width:90px
}
.medium-e781b {
  height:50px;
  width:50px
}
.medium-e781b.mobile-e781b {
  height:40px;
  width:40px
}
.medium-e781b .badge-e781b {
  height:22px;
  transform:translate(7px,7px);
  width:22px
}
.medium-e781b .badge-e781b svg {
  width:20px
}
.semiSmall-e781b {
  height:40px;
  width:40px
}
.semiSmall-e781b.mobile-e781b {
  height:30px;
  width:30px
}
.semiSmall-e781b .badge-e781b {
  height:14px;
  transform:translate(4px,4px);
  width:14px
}
.semiSmall-e781b .badge-e781b svg {
  width:14px
}
.small-e781b {
  height:20px;
  width:20px
}
.small-e781b .badge-e781b {
  height:14px;
  transform:translate(4px,4px);
  width:14px
}
.small-e781b .badge-e781b svg {
  width:14px
}
.online-e781b {
  background:var(--xh-color-extra-green);
  border:2px solid var(--xh-color-surface-front);
  border-radius:50%;
  height:14px;
  position:absolute;
  right:0;
  top:0;
  transform:translate(3px,-3px);
  width:14px
}
.bg-e781b {
  background:var(--xh-color-surface-front);
  border-radius:50%
}
.heart-e781b {
  -webkit-text-stroke-width:1px;
  -webkit-text-stroke-color:var(--xh-color-surface-front)
}
.container-51556 {
  --vertical-padding:calc(var(--xh-spacers-m) - var(--xh-spacers-xs));
  align-items:center;
  border-radius:var(--xh-border-radius-s);
  cursor:pointer;
  display:flex;
  gap:var(--xh-spacers-m);
  justify-content:space-between;
  padding:var(--vertical-padding) var(--xh-spacers-m)
}
.container-51556:hover {
  background-color:var(--xh-color-surface-front)
}
.container-51556:active {
  background-color:var(--xh-color-surface-back)
}
.selected-51556 {
  background-color:var(--xh-color-surface-front-secondary)
}
.leftPart-51556,
.rightPart-51556 {
  align-items:center;
  display:flex;
  gap:var(--xh-spacers-m);
  justify-content:space-between
}
.title-51556 {
  flex:1
}
.spinnerCircle-6ca8c {
  animation:spinner-rotation-6ca8c 1s linear infinite;
  border:2px solid var(--xh-color-icon-primary);
  border-bottom-color:transparent;
  border-radius:50%;
  box-sizing:border-box;
  display:inline-block;
  height:20px;
  width:20px
}
.primary-6ca8c {
  border-color:var(--xh-color-icon-primary)
}
.secondary-6ca8c {
  border-color:var(--xh-color-icon-secondary)
}
.enabled-6ca8c {
  border-color:var(--xh-color-brand-enabled)
}
.disabled-6ca8c {
  border-color:var(--xh-color-icon-disabled)
}
.invert-6ca8c {
  border-color:var(--xh-color-icon-invert)
}
.black-6ca8c {
  border-color:var(--xh-color-extra-black)
}
.white-6ca8c {
  border-color:var(--xh-color-extra-white)
}
@keyframes spinner-rotation-6ca8c {
  0% {
    transform:rotate(0deg)
  }
  to {
    transform:rotate(1turn)
  }
}
.container-2bad5 {
  align-items:center;
  display:flex;
  gap:var(--xh-spacers-m);
  justify-content:left;
  padding:var(--xh-spacers-m) var(--xh-spacers-l)
}
.container-551f5 {
  background:var(--xh-color-surface-input);
  border-bottom:1px solid var(--xh-color-border-control);
  border-radius:var(--border-radius);
  box-shadow:var(--xh-shadow-big);
  box-sizing:border-box;
  margin-top:var(--xh-spacers-s);
  max-height:300px;
  overflow-y:auto;
  padding:var(--xh-spacers-s);
  position:absolute;
  scrollbar-width:thin;
  width:100%;
  z-index:var(--z-index-over)
}
.container-551f5::-webkit-scrollbar {
  width:5px
}
.container-551f5::-webkit-scrollbar-track {
  background-color:var(--xh-color-surface-back);
  border-radius:0 var(--border-radius) var(--border-radius) 0
}
.container-551f5::-webkit-scrollbar-thumb {
  border-radius:var(--border-radius);
  box-shadow:inset 0 0 6px rgba(0,0,0,.3)
}
.container-470c9 {
  --vertical-offset:calc(var(--xh-spacers-s)*-1);
  border-radius:var(--xh-border-radius-s);
  padding:var(--xh-spacers-m);
  position:relative
}
.hasArrow-470c9:after {
  border-style:solid;
  content:"";
  height:0;
  inset:auto;
  position:absolute;
  width:0
}
.default-470c9 {
  background-color:var(--xh-color-surface-invert)
}
.default-470c9:after {
  border-color:var(--xh-color-surface-invert)
}
.accent-470c9 {
  background-color:var(--xh-color-extra-blue)
}
.accent-470c9:after {
  border-color:var(--xh-color-extra-blue)
}
.topCenter-470c9,
.topLeft-470c9,
.topRight-470c9 {
  margin-top:var(--xh-spacers-s)
}
.topCenter-470c9:after,
.topLeft-470c9:after,
.topRight-470c9:after {
  border-left-color:transparent;
  border-right-color:transparent;
  border-width:0 var(--xh-spacers-s) var(--xh-spacers-s) var(--xh-spacers-s)
}
.bottomCenter-470c9,
.bottomLeft-470c9,
.bottomRight-470c9 {
  margin-bottom:var(--xh-spacers-s)
}
.bottomCenter-470c9:after,
.bottomLeft-470c9:after,
.bottomRight-470c9:after {
  border-left-color:transparent;
  border-right-color:transparent;
  border-width:var(--xh-spacers-s) var(--xh-spacers-s) 0 var(--xh-spacers-s)
}
.leftCenter-470c9,
.leftTop-470c9 {
  margin-left:var(--xh-spacers-s)
}
.leftCenter-470c9:after,
.leftTop-470c9:after {
  border-bottom-color:transparent;
  border-top-color:transparent;
  border-width:var(--xh-spacers-s) var(--xh-spacers-s) var(--xh-spacers-s) 0
}
.rightCenter-470c9,
.rightTop-470c9 {
  margin-right:var(--xh-spacers-s)
}
.rightCenter-470c9:after,
.rightTop-470c9:after {
  border-bottom-color:transparent;
  border-top-color:transparent;
  border-width:var(--xh-spacers-s) 0 var(--xh-spacers-s) var(--xh-spacers-s)
}
.topCenter-470c9:after {
  left:50%;
  top:var(--vertical-offset);
  transform:translateX(-50%)
}
.topLeft-470c9:after {
  left:var(--xh-spacers-m);
  top:var(--vertical-offset)
}
.topRight-470c9:after {
  right:var(--xh-spacers-m);
  top:var(--vertical-offset)
}
.bottomCenter-470c9:after {
  bottom:var(--vertical-offset);
  left:50%;
  transform:translateX(-50%)
}
.bottomLeft-470c9:after {
  bottom:var(--vertical-offset);
  left:var(--xh-spacers-m)
}
.bottomRight-470c9:after {
  bottom:var(--vertical-offset);
  right:var(--xh-spacers-m)
}
.rightCenter-470c9:after {
  right:var(--vertical-offset);
  top:50%;
  transform:translateY(-50%)
}
.rightTop-470c9:after {
  right:var(--vertical-offset);
  top:var(--xh-spacers-m)
}
.leftCenter-470c9:after {
  left:var(--vertical-offset);
  top:50%;
  transform:translateY(-50%)
}
.leftTop-470c9:after {
  left:var(--vertical-offset);
  top:var(--xh-spacers-m)
}
.container-ac721 {
  display:inline-block;
  position:relative
}
.popover-ac721 {
  position:absolute;
  z-index:var(--z-index-tooltip)
}
.beforeInitialisation-ac721 .popover-ac721 {
  visibility:hidden
}
.hide-ac721 .popover-ac721 {
  display:none
}
.popover-c13b9 {
  white-space:normal;
  width:200px;
  z-index:var(--z-index-tooltip)
}
.popover-c13b9.desktop-c13b9 {
  width:220px
}
.dropdownMenu-c13b9 {
  border-radius:var(--xh-border-radius-m);
  right:0;
  width:200px
}
.button-c13b9 {
  background-color:hsla(0,0%,50%,.6);
  border-radius:var(--xh-border-radius-s);
  color:var(--color-cobalt-lighter-origin);
  font-size:var(--xh-tiny-font-size);
  height:var(--xh-tiny-line-height-px);
  line-height:var(--xh-tiny-line-height-px);
  padding:0 6px
}
.button-c13b9:hover {
  background-color:hsla(0,0%,50%,.4)
}
.logo-7fed9 {
  vertical-align:middle
}
.container-7fed9 {
  height:100%;
  width:100%
}
.containerDesktop-7fed9 {
  margin:var(--xh-legacy-element-gap-small) 0
}
.containerDesktopLoading-7fed9 {
  height:280px
}
.containerMobileLoading-7fed9 {
  height:270px
}
.header-7fed9 {
  display:flex;
  font-family:var(--xh-h1-font-family),var(--font-family-fallback);
  font-weight:700;
  margin:0;
  max-width:calc(100vw - var(--xh-spacers-m)*2)
}
.title-7fed9 {
  min-width:0
}
.scrollable-7fed9 {
  margin:0 calc(var(--xh-spacers-xs)*-1)
}
.containerDesktop-7fed9 .header-7fed9 {
  -webkit-box-pack:start;
  align-items:center;
  font-size:var(--xh-h4-font-size);
  gap:var(--xh-legacy-element-gap-small);
  justify-content:flex-start
}
.containerDesktop-7fed9 .list-7fed9 {
  margin-top:var(--xh-legacy-element-gap-small)
}
.containerDesktop-7fed9 .scrollable-7fed9 {
  margin:0;
  width:100%
}
.container-7fed9:not(.containerDesktop-7fed9) {
  margin-top:1px;
  padding-top:var(--xh-legacy-element-gap-small)
}
.container-7fed9:not(.containerDesktop-7fed9) .header-7fed9 {
  align-items:baseline;
  display:flex;
  font-size:var(--xh-body-font-size);
  gap:var(--xh-legacy-element-gap-smaller);
  line-height:var(--xh-caption-line-height-px);
  margin:0 var(--xh-legacy-element-gap-small);
  padding-bottom:var(--xh-legacy-element-gap-smaller);
  position:relative
}
.container-7fed9:not(.containerDesktop-7fed9) .logo-7fed9 {
  line-height:var(--xh-caption-line-height-px)
}
.container-7fed9:not(.containerDesktop-7fed9) .list-7fed9 {
  overflow:auto hidden;
  scrollbar-width:none;
  touch-action:manipulation
}
.container-7fed9:not(.containerDesktop-7fed9) .scrollable-7fed9 {
  display:flex;
  font-size:0;
  padding:0 var(--xh-spacers-m);
  white-space:nowrap
}
.moreButton-7fed9 {
  font-weight:700;
  min-width:auto;
  white-space:nowrap
}
.buttonPlaceholder-7fed9 {
  background-color:var(--xh-color-button-primary-pressed)
}
.moreButton-7fed9:active .buttonPlaceholder-7fed9 {
  background-color:var(--xh-color-button-primary-hover)
}
.nft-7fed9 {
  display:flex;
  margin-left:auto;
  position:relative;
  white-space:nowrap
}
.btnContainer-6daf1 {
  display:inline-flex;
  flex-shrink:0;
  padding:0 var(--xh-spacers-xs);
  position:relative
}
@media screen and (min-width:640px) and (max-width:767px),screen and (min-width:768px) {
  .btnContainer-6daf1 {
    width:25%
  }
}
@media screen and (min-width:480px) and (max-width:639px) {
  .btnContainer-6daf1 {
    width:33.3333%
  }
}
@media screen and (max-width:359px),screen and (min-width:360px) and (max-width:409px),screen and (min-width:410px) and (max-width:479px) {
  .btnContainer-6daf1 {
    width:50%
  }
}
@media screen and (min-width:640px) and (max-width:767px),screen and (min-width:768px) {
  .btnContainer-6daf1.bigThumb-6daf1 {
    width:33.3333%
  }
}
@media screen and (min-width:480px) and (max-width:639px) {
  .btnContainer-6daf1.bigThumb-6daf1 {
    width:50%
  }
}
@media screen and (max-width:359px),screen and (min-width:360px) and (max-width:409px),screen and (min-width:410px) and (max-width:479px) {
  .btnContainer-6daf1.bigThumb-6daf1 {
    width:100%
  }
}
.btnContainer-6daf1 .btnText-6daf1 {
  line-height:var(--xh-caption-line-height-px);
  margin-bottom:var(--xh-spacers-s)
}
.btnLink-6daf1 {
  height:calc(100% - 40px - var(--xh-spacers-s));
  width:100%
}
.btnBackground-6daf1 {
  -webkit-box-align:center;
  -webkit-box-pack:center;
  align-items:center;
  background-color:var(--color-cobalt-light);
  display:flex;
  flex-direction:column;
  font-size:var(--xh-caption-font-size);
  font-weight:700;
  height:100%;
  justify-content:center;
  padding:0 15%;
  text-align:center;
  text-decoration:none;
  white-space:normal;
  width:100%
}
.name-7d926 {
  border-bottom:0;
  display:block;
  max-height:32px;
  overflow:hidden;
  width:100%
}
.thumbDesktop-7d926 .name-7d926 {
  max-height:40px
}
.thumb-7d926 {
  display:inline-block;
  flex-shrink:0;
  margin-bottom:0;
  padding:0 var(--xh-spacers-xs);
  position:relative;
  vertical-align:top;
  white-space:normal
}
@media screen and (min-width:640px) and (max-width:767px),screen and (min-width:768px) {
  .thumb-7d926 {
    width:25%
  }
}
@media screen and (min-width:480px) and (max-width:639px) {
  .thumb-7d926 {
    width:33.3333%
  }
}
@media screen and (max-width:359px),screen and (min-width:360px) and (max-width:409px),screen and (min-width:410px) and (max-width:479px) {
  .thumb-7d926 {
    width:50%
  }
}
@media screen and (min-width:640px) and (max-width:767px),screen and (min-width:768px) {
  .thumb-7d926.big-7d926 {
    width:33.3333%
  }
}
@media screen and (min-width:480px) and (max-width:639px) {
  .thumb-7d926.big-7d926 {
    width:50%
  }
}
@media screen and (max-width:359px),screen and (min-width:360px) and (max-width:409px),screen and (min-width:410px) and (max-width:479px) {
  .thumb-7d926.big-7d926 {
    width:100%
  }
}
.thumb-7d926 .thumb-image-container__video {
  background-color:var(--color-black-origin);
  display:block;
  height:100%;
  left:0;
  object-fit:cover;
  position:absolute;
  top:0;
  width:100%;
  z-index:var(--z-index-level2)
}
.thumb-7d926.native-7d926 {
  padding:0
}
.thumbDesktop-7d926 {
  width:25%
}
.thumbDesktop-7d926:hover .name-7d926 {
  color:var(--xh-color-brand-enabled)
}
.container-7d926 {
  display:block;
  overflow:hidden;
  position:relative;
  transform:translateZ(0)
}
.container-7d926:before {
  content:"";
  display:block;
  padding-top:var(--xh-thumb-16-9);
  width:100%
}
.small-7d926 .container-7d926:before {
  padding-top:var(--xh-thumb-4-3)
}
.link-7d926 {
  display:block;
  position:relative;
  text-decoration:none;
  user-select:none;
  vertical-align:top
}
.image-7d926 {
  height:100%;
  left:0;
  object-fit:cover;
  position:absolute;
  top:0;
  width:100%
}
.info-7d926 {
  display:block;
  height:36px;
  margin-top:var(--xh-spacers-xs)
}
.duration-7d926 {
  align-items:center;
  background:var(--xh-color-extra-black);
  border-radius:var(--xh-spacers-xs);
  bottom:var(--xh-spacers-s);
  color:var(--xh-color-extra-white);
  display:flex;
  gap:var(--xh-spacers-s);
  height:var(--xh-spacers-2xl);
  overflow:hidden;
  padding-right:var(--xh-legacy-element-gap-smaller);
  position:absolute;
  right:var(--xh-spacers-s);
  z-index:var(--z-index-level2)
}
.quality-7d926 {
  font-style:italic;
  margin-right:var(--xh-spacers-s);
  padding-left:var(--xh-legacy-element-gap-smaller);
  text-transform:uppercase
}
.vr-7d926 {
  background-color:var(--xh-color-extra-blue);
  font-size:8px;
  line-height:var(--xh-body-line-height-px);
  padding:0 var(--xh-spacers-s)
}
.infoTooltip-7d926 {
  bottom:calc(2px + var(--xh-spacers-2xl));
  color:var(--xh-color-font-secondary);
  right:0
}
.badge-cb84e,
.infoTooltip-7d926 {
  padding:0 var(--xh-spacers-s);
  position:absolute
}
.badge-cb84e {
  align-items:center;
  background:var(--xh-color-extra-yellow);
  border-radius:var(--xh-border-radius-s);
  display:flex;
  gap:var(--xh-spacers-s);
  height:var(--xh-legacy-font-size-icon);
  top:var(--xh-spacers-s);
  z-index:var(--xh-legacy-z-index-badge)
}
.badge-cb84e.right-cb84e {
  right:var(--xh-spacers-s)
}
.badge-cb84e.left-cb84e {
  left:var(--xh-spacers-s)
}
.badge-cb84e.diamond-cb84e {
  background:var(--xh-color-extra-indigo)
}
.badge-cb84e .iconDiamond-cb84e {
  fill:var(--xh-color-extra-white)
}
.badge-cb84e .iconCrown-cb84e {
  fill:var(--xh-color-extra-black)
}
.mobileHorizontal-a85ac .header-a85ac {
  align-items:flex-end;
  display:flex;
  gap:var(--xh-spacers-m);
  justify-content:space-between;
  padding:var(--xh-legacy-element-gap-smaller) var(--xh-legacy-element-gap-small) var(--xh-legacy-element-gap-small)
}
.mobileHorizontal-a85ac .header-a85ac .more-a85ac {
  text-wrap:nowrap;
  height:24px;
  padding:var(--xh-spacers-s) var(--xh-spacers-l)
}
.mobileHorizontal-a85ac .header-a85ac .title {
  display:inline-flex;
  font-size:var(--xh-body-font-size);
  font-weight:700;
  gap:var(--xh-legacy-element-gap-smaller);
  overflow:hidden
}
.mobileHorizontal-a85ac .header-a85ac .title .highlight-red {
  color:var(--xh-color-brand-enabled)
}
.mobileHorizontal-a85ac .header-a85ac .title-a85ac {
  width:unset
}
.mobileHorizontal-a85ac .scrollable-a85ac {
  -webkit-overflow-scrolling:touch;
  -ms-overflow-style:none;
  display:flex;
  overflow:scroll hidden;
  scrollbar-width:none;
  width:100%
}
.mobileHorizontal-a85ac .scrollable-a85ac .itemContainer-a85ac {
  clear:left;
  display:flex;
  flex-wrap:wrap;
  gap:var(--xh-legacy-element-gap-small);
  margin:0 0 var(--xh-legacy-element-gap-normal) 0;
  max-width:calc((135px + var(--xh-legacy-element-gap-small))*7 + var(--xh-legacy-element-gap-large));
  min-height:50px;
  min-width:calc((135px + var(--xh-legacy-element-gap-small))*7 + var(--xh-legacy-element-gap-large));
  padding:0 var(--xh-legacy-element-gap-small)
}
.mobileHorizontal-a85ac .scrollable-a85ac .itemContainer-a85ac .loader-a85ac {
  top:50%
}
.mobileHorizontal-a85ac .scrollable-a85ac .itemContainer-a85ac .loader-a85ac .dot-a85ac {
  background-color:var(--xh-color-button-primary)
}
.mobileHorizontal-a85ac .scrollable-a85ac .itemContainer-a85ac .live-badge {
  background-color:var(--xh-color-brand-enabled);
  left:var(--xh-spacers-xs);
  text-transform:none;
  top:var(--xh-spacers-xs)
}
.mobileHorizontal-a85ac .scrollable-a85ac .itemContainer-a85ac .live-badge:before {
  display:none
}
.mobileHorizontal-a85ac .scrollable-a85ac .itemContainer-a85ac .item {
  display:inline-block;
  float:none;
  height:135px;
  padding:0;
  width:135px
}
.mobileHorizontal-a85ac .scrollable-a85ac .itemContainer-a85ac .item .img {
  display:inline-block;
  width:100%
}
.mobileHorizontal-a85ac .scrollable-a85ac .itemContainer-a85ac .item .wrapper {
  display:none
}
.mobileHorizontal-a85ac .scrollable-a85ac .itemContainer-a85ac .item .img,
.mobileHorizontal-a85ac .scrollable-a85ac .itemContainer-a85ac .item .template-content-wrapper {
  border-radius:var(--xh-legacy-border-radius-input);
  height:100%;
  width:100%
}
.mobileHorizontal-a85ac .scrollable-a85ac .itemContainer-a85ac .avatar {
  background-size:100%;
  border:2px solid var(--xh-color-font-invert);
  border-radius:50%;
  bottom:-2px;
  box-shadow:0 4px 4px rgba(0,0,0,.15);
  height:25px;
  left:var(--xh-legacy-element-gap-smaller);
  position:absolute;
  width:25px;
  z-index:var(--z-index-level3)
}
.mobileHorizontal-a85ac .scrollable-a85ac .itemContainer-a85ac .name {
  background-image:linear-gradient(180deg,transparent,rgba(0,0,0,.7));
  bottom:0;
  color:var(--xh-color-extra-white);
  font-size:11px;
  height:20px;
  line-height:20px;
  padding-left:35px;
  padding-top:0;
  position:absolute;
  text-align:left;
  width:100%;
  z-index:var(--z-index-level2)
}
.mobileHorizontal-a85ac .scrollable-a85ac .itemContainer-a85ac .name .text-container {
  line-height:20px;
  max-width:100px;
  vertical-align:top
}
.mobileHorizontal-a85ac .scrollable-a85ac .itemContainer-a85ac .name .xh-icon {
  display:none
}
.mobileHorizontal-a85ac .scrollable-a85ac .showMore-a85ac {
  display:flex;
  flex-direction:column;
  gap:var(--xh-legacy-element-gap-small);
  justify-content:center;
  margin-right:var(--xh-legacy-element-gap-normal);
  width:66px
}
.mobileHorizontal-a85ac .scrollable-a85ac .showMore-a85ac .arrow-a85ac {
  background-color:var(--xh-color-button-primary);
  border-radius:100%;
  display:flex;
  height:66px;
  justify-content:center;
  transform:rotate(270deg);
  width:66px
}
.mobileHorizontal-a85ac .scrollable-a85ac .showMore-a85ac .link-a85ac {
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap
}
.mobileHorizontal-a85ac.small-a85ac .scrollable-a85ac .itemContainer-a85ac {
  max-width:calc((115px + var(--xh-legacy-element-gap-small))*7 + var(--xh-legacy-element-gap-large));
  min-width:calc((115px + var(--xh-legacy-element-gap-small))*7 + var(--xh-legacy-element-gap-large))
}
.mobileHorizontal-a85ac.small-a85ac .scrollable-a85ac .itemContainer-a85ac .item,
.mobileHorizontal-a85ac.small-a85ac .thumbPlaceholder-a85ac {
  height:115px;
  width:115px
}
.mobileHorizontal-a85ac.singleLine-a85ac .scrollable-a85ac .itemContainer-a85ac {
  flex-wrap:nowrap;
  gap:var(--xh-legacy-element-gap-small);
  max-width:calc((135px + var(--xh-legacy-element-gap-small))*14 + var(--xh-legacy-element-gap-large));
  min-width:calc((135px + var(--xh-legacy-element-gap-small))*14 + var(--xh-legacy-element-gap-large))
}
.mobileHorizontal-a85ac.singleLine-a85ac .scrollable-a85ac .itemContainer-a85ac .item {
  height:135px;
  width:135px
}
.mobileHorizontal-a85ac .thumbPlaceholder-a85ac {
  display:inline-block;
  float:none;
  height:135px;
  padding:0;
  width:135px
}
.wrapper-df7bd {
  height:100%;
  width:100%
}
.avatarBlurredWrapper-df7bd,
.wrapper-df7bd {
  overflow:hidden
}
.default-66ca4 {
  align-items:center;
  box-sizing:border-box;
  display:flex;
  justify-content:center;
  position:relative
}
.fullWidth-66ca4 {
  width:100%
}
.hasBorder-66ca4 {
  border:1px solid var(--color-line-separator)
}
.text-66ca4 {
  align-items:center;
  display:flex;
  font-size:var(--xh-body-font-size);
  inset:0;
  justify-content:center;
  position:absolute
}
.root-56cf2 {
  background-color:var(--xh-color-surface-back);
  border-radius:var(--xh-border-radius-m);
  overflow:hidden;
  position:relative;
  width:100%
}
.root-56cf2:after {
  animation:shimmer-56cf2 2s infinite;
  background-image:linear-gradient(90deg,hsla(0,0%,100%,0),hsla(0,0%,100%,.2) 20%,hsla(0,0%,100%,.5) 60%,hsla(0,0%,100%,0));
  content:"";
  inset:0;
  position:absolute;
  transform:translateX(-100%)
}
@keyframes shimmer-56cf2 {
  to {
    transform:translateX(100%)
  }
}
.mobile-horizontal .title.containerRestrained-aef19 {
  display:inline-flex
}
.font-aef19 {
  color:inherit
}
.font-aef19.exp_c {
  color:var(--xh-color-extra-white)
}
.fontRestrained-aef19 {
  display:inline-block;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  width:240px
}
.container-d66fb {
  height:100%;
  width:100%
}
.containerDesktop-d66fb {
  margin:var(--xh-legacy-element-gap-small) 0
}
.containerLoading-d66fb {
  height:260px
}
.header-d66fb {
  display:flex;
  flex-wrap:wrap;
  gap:var(--xh-spacers-s);
  margin:0;
  top:0;
  z-index:var(--z-index-level1)
}
.headerMobile-d66fb {
  padding:var(--xh-spacers-m)
}
.scrollable-d66fb {
  margin:0 calc(var(--xh-spacers-xs)*-1)
}
.containerDesktop-d66fb .header-d66fb {
  -webkit-box-pack:start;
  align-items:center;
  font-size:var(--xh-h4-font-size);
  gap:var(--xh-legacy-element-gap-small);
  justify-content:flex-start
}
.containerDesktop-d66fb .list-d66fb {
  margin-top:var(--xh-legacy-element-gap-small)
}
.containerDesktop-d66fb .scrollable-d66fb {
  margin:0;
  width:100%
}
.container-d66fb:not(.containerDesktop-d66fb) {
  margin-top:1px
}
.container-d66fb:not(.containerDesktop-d66fb) .list-d66fb {
  overflow:auto hidden;
  scrollbar-width:none;
  touch-action:manipulation
}
.container-d66fb:not(.containerDesktop-d66fb) .scrollable-d66fb {
  display:flex;
  font-size:0;
  padding:0 var(--xh-spacers-m);
  white-space:nowrap
}
.studioAvatarContainer-d66fb {
  position:relative
}
.titleContainer-d66fb {
  align-items:center;
  color:var(--xh-color-font-primary);
  display:flex;
  gap:var(--xh-spacers-xs)
}
.titleContainer-d66fb .titleText-d66fb {
  color:inherit;
  font-size:var(--xh-h4-font-size);
  font-style:normal;
  text-decoration:underline
}
.avatar-d66fb {
  border-radius:var(--xh-border-radius-s);
  display:block;
  height:50px;
  width:50px
}
.fhAvatar-d66fb {
  align-items:center;
  background-color:var(--xh-color-extra-yellow);
  display:flex;
  justify-content:center
}
.fhAvatarCrown-d66fb {
  fill:var(--xh-color-extra-black)
}
.avatarDiamondBadge-d66fb {
  display:block
}
.avatarDiamondBadgeContainer-d66fb {
  align-items:center;
  background-color:var(--xh-color-extra-indigo);
  border-radius:var(--xh-border-radius-l);
  display:flex;
  height:16px;
  justify-content:center;
  position:absolute;
  right:-4px;
  top:-4px;
  width:16px;
  z-index:var(--z-index-level2)
}
.studioInfoContainer-d66fb {
  display:flex;
  flex-direction:column;
  margin-left:var(--xh-spacers-m)
}
.countersContainer-d66fb {
  display:flex;
  gap:var(--xh-spacers-m);
  margin-top:var(--xh-spacers-s)
}
.countersContainerMobile-d66fb {
  flex-basis:100%
}
.counter-d66fb {
  display:flex;
  gap:var(--xh-spacers-xs)
}
.counter-d66fb:hover .infoCounterName-d66fb {
  text-decoration:underline
}
.headerLeftSide-d66fb {
  display:flex
}
.infoTooltip-d66fb {
  align-items:center;
  display:flex;
  margin-left:var(--xh-legacy-element-gap-small)
}
.joinBtn-d66fb {
  font-weight:var(--xh-h4-bold-font-weight);
  justify-content:center;
  min-width:auto;
  white-space:nowrap
}
.joinBtnBottomContainer-d66fb {
  padding:0 var(--xh-spacers-m) var(--xh-spacers-s)
}
.joinBtnBottom-d66fb {
  width:100%
}
.joinBtnIcon-d66fb {
  margin-right:var(--xh-spacers-s)
}
.joinBtnCrown-d66fb {
  fill:var(--xh-color-extra-black)
}
.moreBtn-d66fb {
  background:#343434;
  color:var(--xh-color-extra-white)
}
.moreBtn-d66fb:hover {
  background:#747474;
  color:var(--xh-color-extra-white)
}
.renderPlaceholder-c9dbd {
  background:var(--color-gray-light);
  height:100%;
  margin:0 var(--xh-spacers-xs) var(--xh-spacers-m);
  padding-top:calc(75% + 34px)
}
.big .renderPlaceholder-c9dbd {
  padding-top:calc(56.25% + 32.75px)
}
.item-74fdf:not(.asListItem-74fdf,
.asVideo-74fdf).item-74fdf {
  width:16.66%
}
.item-74fdf.withDate-74fdf {
  margin-bottom:0;
  padding-top:28px
}
.item-74fdf.itemMobile-74fdf {
  display:block;
  margin:0 0 var(--xh-spacers-m) var(--xh-spacers-s);
  min-width:150px
}
.item-74fdf.itemMobile-74fdf:not(.asListItem-74fdf):first-child {
  margin-left:0
}
.item-74fdf.itemMobile-74fdf.asListItem-74fdf,
.item-74fdf.itemMobile-74fdf.asVideo-74fdf {
  margin:0;
  padding:0 var(--xh-spacers-xs) var(--xh-spacers-m)
}
.item-74fdf .video-thumb-info__name {
  overflow:hidden;
  white-space:nowrap
}
.item-74fdf .thumb-image-container__video {
  background-color:var(--color-black-origin);
  display:block;
  height:100%;
  left:0;
  object-fit:cover;
  position:absolute;
  top:0;
  width:100%;
  z-index:var(--z-index-level2)
}
.item-74fdf .dots-loader {
  left:50%;
  top:50%;
  transform:translate(-50%,-50%)
}
.info-a958b.info-a958b {
  height:auto;
  position:relative
}
.info-a958b.info-a958b .video-thumb__trigger {
  color:var(--color-cobalt-darker)
}
.info-a958b.info-a958b.mobile-video-thumb {
  margin:0
}
.info-a958b.info-a958b .title-a958b {
  color:var(--color-cobalt-darker);
  display:block;
  font-weight:var(--xh-tiny-bold-font-weight);
  margin-bottom:var(--xh-spacers-s);
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap
}
.info-a958b.info-a958b .title-a958b.mobile-a958b {
  font-size:var(--xh-caption-font-size);
  line-height:var(--xh-body-font-size)
}
.info-a958b.info-a958b .titleShrunk-a958b {
  text-overflow:clip;
  width:calc(100% - 20px)
}
.info-a958b.info-a958b .title-a958b:not(.mobile-a958b):hover {
  color:var(--color-accent-red)
}
.imageContainer-a870e {
  cursor:pointer;
  min-height:200px;
  object-fit:cover;
  padding-top:177.77778%;
  width:100%!important
}
.imageContainer-a870e .image-a870e {
  height:100%;
  object-fit:cover;
  position:absolute;
  top:0;
  width:100%
}
.imageContainer-a870e.mobile-a870e {
  margin-bottom:var(--xh-spacers-s)
}
.imageContainer-a870e.asVideo-a870e {
  min-height:0;
  padding-top:0
}
.imageContainer-a870e.asVideo-a870e.mobile-a870e {
  padding-top:75%
}
.imageContainer-a870e.asVideo-a870e .image-a870e {
  object-fit:contain
}
.imageContainer-a870e.asVideo-a870e .asVideoBg-a870e {
  background-color:var(--color-black-origin)
}
.imageContainer-a870e.asVideo-a870e .thumb-image-container__video {
  object-fit:contain
}
.imageContainer-a870e .badgeMoment-a870e {
  align-items:center;
  background:var(--color-cobalt-lighter-origin);
  border-radius:var(--xh-spacers-xs);
  bottom:var(--xh-legacy-element-gap-smaller);
  color:var(--color-cobalt-darker-origin);
  display:flex;
  height:20px;
  position:absolute;
  right:var(--xh-legacy-element-gap-smaller)
}
.imageContainer-a870e .badgeMoment-a870e .badgeMomentText-a870e {
  color:var(--color-cobalt-darker-origin);
  font-size:var(--xh-caption-font-size);
  font-weight:var(--xh-body-bold-font-weight);
  padding:0 var(--xh-spacers-s)
}
.imageContainer-a870e .badgeMoment-a870e .momentsIcon-a870e {
  font-size:13px;
  margin-left:var(--xh-spacers-s)
}
.root-b7566 {
  margin-bottom:var(--xh-spacers-m);
  padding:0 var(--xh-legacy-element-gap-small)
}
.root-b7566.insideVideoList-b7566 {
  margin-bottom:var(--xh-legacy-element-gap-large);
  margin-top:var(--xh-spacers-m);
  overflow:hidden
}
.root-b7566.insideVideoList-b7566:not(.desktop-b7566) {
  padding-left:0;
  padding-right:0
}
.root-b7566.insideVideoList-b7566:not(.desktop-b7566,
.insideVideoListUnordered-b7566) {
  order:2
}
.video-thumb--dated+.root-b7566.insideVideoList-b7566 {
  margin-bottom:calc(var(--xh-spacers-m)*-1);
  margin-top:var(--xh-legacy-element-gap-large)
}
@media screen and (min-width:1024px) {
  .root-b7566.thumbsScrollable-b7566 {
    margin-left:auto;
    margin-right:auto;
    padding:0;
    width:1012px
  }
}
.root-b7566.thumbsScrollable-b7566 .thumbs-b7566 {
  -ms-overflow-style:none;
  flex-wrap:nowrap;
  overflow-x:auto;
  scrollbar-width:none
}
.root-b7566.thumbsScrollable-b7566 .thumbs-b7566::-webkit-scrollbar {
  display:none
}
.root-b7566.desktop-b7566 {
  padding:0;
  width:100%
}
.root-b7566.insideBottomLayout-b7566:not(.desktop-b7566) {
  border-top:1px solid var(--xh-color-border-divider);
  padding:0;
  width:100%
}
.root-b7566.insideBottomLayout-b7566:not(.desktop-b7566) .heading-b7566,
.root-b7566.insideBottomLayout-b7566:not(.desktop-b7566) .thumbs-b7566 {
  padding:0 var(--xh-legacy-element-gap-small)
}
@media screen and (min-width:1024px) {
  .root-b7566.insideBottomLayout-b7566:not(.desktop-b7566) .heading-b7566,
  .root-b7566.insideBottomLayout-b7566:not(.desktop-b7566) .thumbs-b7566 {
    margin-left:auto;
    margin-right:auto;
    width:1012px
  }
}
.heading-b7566 {
  color:var(--xh-color-font-primary);
  display:flex;
  justify-content:space-between;
  margin-bottom:var(--xh-spacers-s);
  width:100%
}
.desktop-b7566 .heading-b7566 {
  margin-bottom:var(--xh-spacers-m)
}
.desktop-b7566 .heading-b7566.isIndexPage-b7566 {
  margin-bottom:var(--xh-legacy-element-gap-normal)
}
.desktop-b7566 .heading-b7566.withCount-b7566 {
  margin-top:var(--xh-spacers-2xl)
}
.desktop-b7566 .heading-b7566.withIcons-b7566 {
  min-height:0
}
.heading-b7566.withIcons-b7566 {
  min-height:2.6em
}
.heading-b7566.withCount-b7566 {
  margin:var(--xh-spacers-xl) 0 var(--xh-spacers-l)
}
.title-b7566 {
  font-size:var(--xh-body-font-size);
  margin:0
}
.desktop-b7566 .title-b7566 {
  font-size:var(--xh-h4-bold-font-size);
  line-height:var(--xh-h4-bold-line-height-px)
}
.heading-b7566.withIcons-b7566 .title-b7566 {
  margin-left:var(--xh-spacers-m)
}
.heading-b7566.withCount-b7566 .title-b7566 {
  font-size:var(--xh-h4-bold-font-size);
  font-weight:var(--xh-h4-bold-font-weight);
  line-height:var(--xh-h4-bold-line-height-px)
}
.side-b7566 {
  align-items:center;
  display:flex
}
.side-b7566[href]:hover .title-b7566 {
  color:var(--color-accent-red)
}
.side-b7566.sideLeft-b7566 {
  font-weight:var(--xh-body-bold-font-weight);
  line-height:var(--xh-h4-line-height-px)
}
.iconMoments-b7566 {
  font-size:var(--xh-tiny-line-height-px)
}
.iconArrow-b7566 {
  font-size:var(--xh-legacy-font-size-icon)
}
.moreMomentsBtn-b7566 {
  font-size:var(--xh-caption-font-size)
}
.thumbs-b7566 {
  display:flex;
  flex-wrap:wrap
}
.thumbs-b7566.thumbsDesktop-b7566 {
  padding:0
}
.count-b7566 {
  color:var(--xh-color-font-disabled);
  margin-left:var(--xh-spacers-m)
}
.thumbsPlaceholder-b7566 {
  height:313px;
  width:100%
}
.insideVideoList-b7566 .thumbsPlaceholder-b7566 {
  width:calc(100vw - var(--xh-spacers-m)*2)
}
.item-d815a {
  cursor:pointer;
  position:relative
}
.item-d815a:not(.asListItem-d815a).item-d815a {
  width:16.66%
}
.itemMobile-d815a {
  display:block;
  margin:0 0 var(--xh-spacers-m) var(--xh-spacers-s);
  min-width:150px
}
.itemMobile-d815a.asListItem-d815a {
  margin:0;
  padding:0 var(--xh-spacers-xs) var(--xh-spacers-m)
}
.item-d815a .imageContainer-d815a.imageContainer-d815a {
  aspect-ratio:9/16;
  cursor:pointer;
  display:block;
  min-height:200px;
  object-fit:cover;
  position:relative;
  width:100%
}
.imageContainer-d815a img {
  object-fit:cover
}
.footer-d815a,
.footerLink-d815a {
  align-items:center;
  display:flex;
  gap:var(--xh-spacers-s)
}
.footerLink-d815a {
  min-width:0
}
.footerIcon-d815a {
  flex:none
}
.footerTooltip-d815a {
  height:16px
}
.name-d815a {
  color:var(--xh-color-font-primary);
  font-size:var(--xh-caption-font-size);
  font-weight:var(--xh-caption-bold-font-weight);
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap
}
.badge-d815a {
  font-size:var(--xh-body-font-size);
  left:6px;
  position:absolute;
  top:6px;
  z-index:var(--z-index-level2)
}
.badgeText-d815a {
  color:var(--xh-color-extra-white);
  font-size:var(--xh-caption-font-size);
  font-weight:var(--xh-caption-bold-font-weight);
  line-height:var(--xh-caption-line-height-px)
}
.icon-81cd1 {
  display:inline-block;
  flex:none;
  position:relative;
  white-space:normal
}
.icon-81cd1 svg {
  left:0;
  position:absolute;
  top:0
}
.icon-81cd1 .angle-81cd1 {
  border-color:transparent transparent var(--color-cobalt-darker-origin) transparent;
  border-style:solid;
  border-width:0 5px 5px;
  display:none;
  height:5px;
  left:50%;
  position:absolute;
  top:calc(100% + 1px);
  transform:translateX(-50%) rotateX(0);
  width:10px
}
.icon-81cd1 .angle-81cd1.top-81cd1 {
  top:-6px;
  transform:translateX(-50%) rotateX(180deg)
}
.icon-81cd1 .text-81cd1 {
  background:var(--color-cobalt-darker-origin);
  border-radius:var(--xh-border-radius-s);
  color:var(--color-cobalt-lighter-origin);
  display:none;
  font:normal var(--xh-caption-font-size) /var(--xh-caption-line-height-px) var(--xh-caption-font-family);
  left:50%;
  padding:var(--xh-spacers-m);
  position:absolute;
  right:unset;
  text-align:left;
  top:calc(100% + 6px);
  transform:translateX(-50%);
  user-select:none;
  width:clamp(150px,50vw,250px);
  z-index:var(--xh-legacy-z-index-tooltip)
}
.icon-81cd1 .text-81cd1.top-81cd1 {
  top:-6px;
  transform:translateX(-50%) translateY(-100%)
}
.icon-81cd1 .text-81cd1.left-81cd1 {
  left:unset;
  right:0;
  transform:translateX(0)
}
.icon-81cd1 .text-81cd1.left-81cd1.top-81cd1 {
  transform:translateX(0) translateY(-100%)
}
.icon-81cd1 .text-81cd1.right-81cd1 {
  left:0;
  right:unset;
  transform:translateX(0)
}
.icon-81cd1 .text-81cd1.right-81cd1.top-81cd1 {
  transform:translateX(0) translateY(-100%)
}
.icon-81cd1:hover .angle-81cd1,
.icon-81cd1:hover .text-81cd1 {
  display:inline-block
}
.badge-351a6 {
  align-items:center;
  background:var(--xh-color-extra-violet);
  border-radius:var(--xh-border-radius-s);
  display:flex;
  gap:var(--xh-spacers-s);
  justify-content:center;
  padding:var(--xh-spacers-xs) var(--xh-spacers-s)
}
.item-19ee5 {
  cursor:pointer;
  position:relative
}
.item-19ee5:not(.asListItem-19ee5).item-19ee5 {
  width:16.66%
}
.itemMobile-19ee5 {
  display:block;
  margin:0 0 var(--xh-spacers-m) var(--xh-spacers-s);
  min-width:150px
}
.itemMobile-19ee5.asListItem-19ee5 {
  margin:0;
  padding:0 var(--xh-spacers-xs) var(--xh-spacers-m)
}
.item-19ee5 .imageContainer-19ee5.imageContainer-19ee5 {
  aspect-ratio:9/16;
  cursor:pointer;
  height:auto;
  min-height:200px;
  object-fit:cover;
  width:100%
}
.imageContainer-19ee5 .image-19ee5,
.imageContainer-19ee5 .thumb-image-container__video {
  height:100%;
  object-fit:cover;
  position:absolute;
  top:0;
  width:100%
}
.imageContainer-19ee5 .thumb-image-container__video {
  z-index:var(--z-index-level1)
}
.footer-19ee5 {
  align-items:center;
  display:flex;
  gap:var(--xh-spacers-s)
}
.footerIcon-19ee5 {
  flex:none
}
.name-19ee5 {
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap
}
.infoIcon-19ee5 {
  color:var(--color-gray-origin)
}
.badge-19ee5 {
  font-size:var(--xh-body-font-size);
  left:6px;
  position:absolute;
  top:6px;
  z-index:var(--z-index-level2)
}
.moreVideosWrapper-0f98b {
  align-items:center;
  display:flex;
  position:relative
}
.moreVideosWrapper-0f98b:after,
.moreVideosWrapper-0f98b:before {
  background-color:var(--xh-color-border-divider);
  content:"";
  display:block;
  flex-grow:1;
  height:1px
}
.moreVideosWrapper-0f98b:before {
  margin-right:var(--xh-spacers-s)
}
.moreVideosWrapper-0f98b:after {
  margin-left:var(--xh-spacers-s)
}
.moreVideos-0f98b {
  flex-shrink:0;
  font-weight:var(--xh-body-bold-font-weight)
}
.moreVideosIcon-0f98b {
  font-size:var(--xh-legacy-font-size-icon)
}
.seoThumbContainer-3ffe0 {
  display:none
}
.embedMobileContainer-102bc {
  margin:0 0 var(--xh-spacers-xl);
  width:100%
}
.embedBlock-102bc {
  position:relative;
  width:100%
}
.embed-102bc {
  height:100%;
  width:100%
}
.overlayButton-102bc {
  border-radius:50%;
  cursor:pointer;
  height:100px;
  left:50%;
  position:absolute;
  top:50%;
  transform:translate(-50%,-50%);
  width:100px
}
.title-102bc {
  display:block;
  font-size:var(--xh-body-bold-font-size);
  font-weight:var(--xh-body-bold-font-weight);
  line-height:var(--xh-body-bold-line-height-px);
  margin-top:var(--xh-spacers-s)
}
.views-102bc {
  color:var(--xh-color-font-secondary);
  font-size:var(--xh-body-font-size);
  font-weight:var(--xh-body-font-weight);
  line-height:var(--xh-body-line-height-px);
  margin-top:var(--xh-spacers-xs)
}
.button-102bc {
  justify-content:center;
  margin-top:var(--xh-spacers-s);
  width:100%
}
.desktopContainer-52e1b {
  flex-basis:100%;
  flex-grow:1;
  flex-shrink:0
}
.desktopFhContainer-52e1b {
  margin-left:-10px;
  margin-right:-10px;
  padding:10px
}
@media screen and (min-width:1280px) and (max-width:1365px),screen and (min-width:1366px) and (max-width:1535px) {
  .desktopFhContainer-52e1b {
    margin-left:-38px;
    margin-right:-38px;
    padding:10px 40px
  }
}
.desktopXhlContainer-52e1b {
  margin-left:calc(-40px + var(--xh-spacers-xs));
  margin-right:calc(-40px + var(--xh-spacers-xs))
}
@media screen and (min-width:1280px) and (max-width:1365px),screen and (min-width:1366px) and (max-width:1535px) {
  .desktopXhlContainer-52e1b {
    margin-left:-38px;
    margin-right:-38px
  }
}
.desktopFhThumb-52e1b.desktopFhThumb-52e1b {
  width:16.66667%
}
@media screen and (max-width:1279px) {
  .desktopFhThumb-52e1b.desktopFhThumb-52e1b {
    width:20%
  }
  .desktopFhThumb-52e1b.desktopFhThumb-52e1b:nth-child(n+6) {
    display:none
  }
}
.mobileXhlBigThumbContainer-52e1b.sl .thumb-list-mobile-item--full-width {
  margin-bottom:0
}
.infoTooltip-f291a {
  display:inline-flex
}
:root {
  --action-bg-color:var(--xh-color-extra-indigo);
  --action-bg-hover-color:var(--xh-color-extra-indigo-hover);
  --action-text-color:var(--xh-color-extra-white)
}
.button-cdbbb.button-cdbbb {
  align-items:center;
  display:flex;
  gap:var(--xh-spacers-m);
  height:40px;
  justify-content:center;
  overflow:hidden;
  white-space:nowrap;
  width:100%
}
.desktop-cdbbb .button-cdbbb.button-cdbbb {
  overflow:visible
}
@media screen and (max-width:359px) {
  .button-cdbbb.button-cdbbb {
    padding-left:var(--xh-spacers-s);
    padding-right:var(--xh-spacers-s)
  }
  .button-cdbbb.button-cdbbb .sub-button__text {
    margin-right:0
  }
  .button-cdbbb.button-cdbbb .sub-button__counter {
    display:none
  }
}
.desktop-cdbbb .button-cdbbb:not(:last-child) {
  margin-right:var(--xh-spacers-l)
}
.buttons-cdbbb {
  display:flex;
  gap:var(--xh-spacers-s)
}
.buttons-cdbbb.fullWidth-cdbbb {
  width:100%
}
.buttons-cdbbb.fullWidth-cdbbb .button-cdbbb {
  flex-basis:50%;
  flex-grow:1
}
@media screen and (max-width:359px),screen and (min-width:360px) and (max-width:409px) {
  .buttons-cdbbb.fullWidth-cdbbb .button-cdbbb {
    flex:1 0 auto;
    width:auto
  }
  .buttons-cdbbb .sub-button__counter {
    display:none
  }
}
.action-cdbbb {
  color:var(--action-text-color,#fff)
}
.action-cdbbb,
.action-cdbbb:active,
.action-cdbbb:focus,
.action-cdbbb:hover {
  background-color:var(--action-bg-color)
}
.desktop-cdbbb .action-cdbbb:hover {
  background-color:var(--action-bg-hover-color)
}
.twoColumns-cdbbb {
  display:grid;
  grid-template-columns:1fr 1fr
}
@media (max-width:430px) {
  .twoColumns-cdbbb {
    grid-template-columns:2fr 3fr
  }
}
.textOverflow-cdbbb.textOverflow-cdbbb {
  overflow:visible
}
.buttonText-cdbbb {
  display:inline;
  overflow:hidden;
  text-overflow:ellipsis
}
.mobileButton-cdbbb:hover {
  background-color:var(--color-accent-red)
}
.ampButton-cdbbb {
  background-color:var(--xh-color-brand-enabled);
  border-radius:var(--xh-border-radius-s);
  border-style:none;
  font-weight:var(--xh-body-bold-font-weight)
}
.ampButton-cdbbb,
.ampButton-cdbbb:hover {
  color:var(--xh-color-extra-white)
}
.ampButton-cdbbb.indigo-cdbbb {
  background-color:var(--color-blue);
  border-color:var(--color-blue);
  color:var(--color-white)
}
.ampButtonRightIcon-cdbbb {
  height:20px
}
.sub-button--subscribed:hover {
  background-color:var(--xh-color-button-secondary)
}
.textButton-46cf3 {
  color:var(--color-white-origin);
  font-weight:var(--xh-body-bold-font-weight)
}
.textButton-46cf3:not(:disabled) {
  cursor:pointer
}
.textButton-46cf3.subscribed-46cf3 {
  opacity:.5
}
.badge-46cf3 {
  padding:var(--xh-spacers-s)
}
.badge-46cf3:not(:disabled) {
  cursor:pointer
}
.badge-46cf3:not(:disabled).subscribed-46cf3 .icon-46cf3 {
  color:var(--color-white-origin)
}
.badge-46cf3:not(:disabled).subscribed-46cf3 .backing-46cf3:before {
  background:var(--xh-color-brand-enabled)
}
.badge-46cf3:not(:disabled).subscribed-46cf3:hover .backing-46cf3:before {
  background:var(--xh-color-brand-hover)
}
.badge-46cf3:not(:disabled):not(.subscribed-46cf3) .icon-46cf3 {
  color:var(--xh-color-brand-enabled)
}
.badge-46cf3:not(:disabled):not(.subscribed-46cf3):hover .icon-46cf3 {
  color:var(--xh-color-brand-hover)
}
.badge-46cf3:disabled {
  opacity:1
}
.badge-46cf3:disabled:not(.subscribed-46cf3) .icon-46cf3 {
  color:var(--xh-color-logo-disabled)
}
.badge-46cf3:disabled.subscribed-46cf3 .backing-46cf3:before {
  background:var(--xh-color-logo-disabled)
}
.wrapper-46cf3 {
  align-items:center;
  border-radius:var(--xh-border-radius-xxxl);
  display:flex;
  height:20px;
  justify-content:center;
  overflow:hidden;
  width:20px
}
.backing-46cf3 {
  position:relative
}
.backing-46cf3:before {
  background:var(--color-white-origin);
  border-radius:var(--xh-border-radius-xxxl);
  content:"";
  display:block;
  height:19px;
  inset:0;
  margin:auto;
  position:absolute;
  width:19px
}
.icon-46cf3 {
  position:relative
}
.skeleton-53a78 {
  height:calc(100% - var(--xh-spacers-m));
  margin:0;
  width:auto
}
.thumbContainer-53a78:not(.video-thumb--dated) {
  padding:0 var(--xh-spacers-xs)
}
.thumbContainer-53a78.video-thumb--dated {
  padding-left:var(--xh-spacers-xs);
  padding-right:var(--xh-spacers-xs)
}
.thumbContainer-53a78.video-thumb.loading-53a78 {
  height:190px
}
.thumb-53a78 {
  width:100%
}
.name-53a78 {
  max-height:32px;
  max-width:calc(100% - var(--xh-spacers-2xl))
}
.thumbDesktop-8635e {
  position:relative
}
.thumbDesktop-8635e .mn-container-adsby {
  bottom:0;
  padding:0 0 var(--xh-spacers-s);
  position:absolute
}
.thumbMobile-8635e .mn-container-adsby {
  left:var(--xh-spacers-m);
  position:absolute;
  top:var(--xh-spacers-s);
  z-index:var(--z-index-level2)
}
.thumbMobile-8635e .mn-container-adsby__link {
  color:var(--color-white-origin)
}
.page-title-controls {
  display:block;
  float:right
}
.page-title,
.page-title-controls {
  line-height:24px;
  margin:8px 0 4px;
  padding:0 10px
}
.page-title {
  color:var(--color-cobalt-darker,#303030);
  font-size:18px;
  font-weight:700
}
.page-title h1 {
  display:inline;
  font-size:18px;
  margin:10px 0
}
.page-title.with-settings {
  margin-top:8px;
  position:relative
}
.page-title.with-settings .filter-button {
  float:right;
  position:relative
}
.page-title.with-settings .upload-button {
  float:right;
  margin-top:2px
}
.page-title>.search-results-count {
  color:var(--xh-color-icon-secondary);
  float:right;
  font-size:var(--xh-legacy-font-size-normal);
  font-weight:400;
  line-height:var(--xh-legacy-line-height-small);
  margin-top:var(--xh-spacers-s)
}
.page-title>.other-search {
  padding-right:14px
}
.page-title-h2 {
  font-size:14px;
  line-height:20px;
  margin:0 10px 5px
}
.filter-trigger.filter-button {
  display:inline-block
}
.dots-loader,
.dots-loader-static {
  display:flex;
  left:50%;
  position:absolute;
  top:50%;
  transform:translateX(-50%)
}
.dots-loader-static>.dot,
.dots-loader>.dot {
  animation:dot-bounce 2s steps(240) infinite;
  background:#fff;
  border-radius:50%;
  height:10px;
  margin:0 2px;
  transform:scale(0);
  width:10px;
  will-change:transform
}
.dots-loader-static>.dot:first-child,
.dots-loader>.dot:first-child {
  animation-delay:-.24s
}
.dots-loader-static>.dot:last-child,
.dots-loader>.dot:last-child {
  animation-delay:.24s
}
.dots-loader--darker .dot,
.dots-loader-static--darker .dot {
  background-color:var(--color-cobalt-darker)
}
@keyframes dot-bounce {
  0%,
  20%,
  60%,
  to {
    transform:scale(0)
  }
  40% {
    transform:scale(1)
  }
}
.template-content-wrapper {
  display:block;
  height:100%;
  position:relative;
  width:100%
}
.template-content-wrapper .img {
  background-color:var(--color-cobalt-light,#dadada);
  background-position:50% 50%;
  background-repeat:no-repeat;
  background-size:cover;
  display:block;
  height:100%;
  overflow:hidden;
  width:100%
}
.template-content-wrapper .img canvas,
.template-content-wrapper .img video {
  height:100%;
  width:100%
}
.template-content-wrapper .img canvas {
  display:none
}
.template-content-wrapper .img video {
  object-fit:cover
}
.template-content-wrapper .badges {
  background-image:linear-gradient(180deg,transparent,rgba(0,0,0,.7));
  bottom:0;
  height:23px;
  line-height:20px;
  padding:0 0 3px 7px;
  position:absolute;
  width:100%
}
.template-content-wrapper .live-badge {
  background:var(--color-accent-red,#e34449);
  border-radius:3px;
  color:var(--color-white-origin,#fff);
  font-size:10px;
  left:5px;
  line-height:16px;
  padding:0 5px;
  position:absolute;
  text-transform:uppercase;
  top:5px
}
.template-content-wrapper .live-badge--with-dot:before {
  animation:fade-in-live 2s infinite;
  background:var(--color-white-origin,#fff);
  border-radius:2.5px;
  content:"";
  display:inline-block;
  margin-right:5px;
  margin-top:-2px;
  min-height:5px;
  min-width:5px;
  vertical-align:middle
}
.template-content-wrapper .live-badge--green {
  background:var(--color-accent-green,#00bd8f);
  color:var(--color-white-origin,#fff)
}
.template-content-wrapper .live-badge--big {
  border-radius:5px;
  font-size:11px;
  font-weight:700;
  line-height:18px
}
.template-content-wrapper .live-badge .xh-flag {
  position:relative;
  top:2px
}
.template-content-wrapper .name {
  color:var(--color-black,#000);
  font-size:14px;
  font-weight:700;
  line-height:14px;
  margin-top:10px;
  white-space:nowrap
}
.template-content-wrapper .name .xh-flag,
.template-content-wrapper .name .xh-icon,
.template-content-wrapper .name>span {
  vertical-align:middle
}
.template-content-wrapper .name>span {
  display:inline-block;
  max-width:77%;
  overflow:hidden;
  text-overflow:ellipsis
}
.template-content-wrapper .name .xh-flag,
.template-content-wrapper .name .xh-icon {
  margin-left:3px
}
.template-content-wrapper .name .xh-icon {
  display:inline-block;
  font-size:14px
}
.BFMl-UHxBcam-thumb .xh-button,
.BFMl-UHxBcam-wgt .xh-button {
  font-size:14px;
  font-weight:700
}
.BFMl-UHxBcam-thumb .title,
.BFMl-UHxBcam-wgt .title {
  color:var(--color-cobalt-darker,#303030);
  font-size:24px;
  font-size:18px;
  font-weight:700
}
.BFMl-UHxBcam-thumb .title .highlight-red,
.BFMl-UHxBcam-wgt .title .highlight-red {
  color:var(--color-accent-red,#e34449)
}
.BFMl-UHxBcam-thumb .item-container,
.BFMl-UHxBcam-wgt .item-container {
  margin-top:14px;
  overflow:hidden;
  position:relative
}
.BFMl-UHxBcam-thumb .item-container:after,
.BFMl-UHxBcam-wgt .item-container:after {
  clear:both;
  content:"";
  display:table
}
.BFMl-UHxBcam-thumb .item-container .item,
.BFMl-UHxBcam-wgt .item-container .item {
  float:left;
  margin-bottom:20px;
  position:relative
}
.BFMl-UHxBcam-thumb .item-container .template-content-wrapper.wrapper,
.BFMl-UHxBcam-wgt .item-container .template-content-wrapper.wrapper {
  background:linear-gradient(90deg,transparent 0,rgba(0,0,0,.05) 50%,rgba(0,0,0,.05));
  bottom:0;
  display:none;
  position:absolute;
  right:0;
  top:0
}
.BFMl-UHxBcam-thumb .item-container .template-content-wrapper .avatar-circle,
.BFMl-UHxBcam-wgt .item-container .template-content-wrapper .avatar-circle {
  padding:2px;
  position:relative
}
.BFMl-UHxBcam-thumb .item-container .template-content-wrapper .avatar-circle.flirtify-circle .xh-icon.flirtify,
.BFMl-UHxBcam-wgt .item-container .template-content-wrapper .avatar-circle.flirtify-circle .xh-icon.flirtify {
  color:#fff;
  font-size:30px;
  left:50%;
  top:50%;
  transform:translate(-50%,calc(-50% - 15px));
  width:auto
}
.BFMl-UHxBcam-thumb .item-container .template-content-wrapper .avatar-circle.flirtify-circle .flirtify-text,
.BFMl-UHxBcam-wgt .item-container .template-content-wrapper .avatar-circle.flirtify-circle .flirtify-text {
  text-wrap:wrap;
  color:#fff;
  font-size:11px;
  font-weight:700;
  left:50%;
  line-height:16px;
  max-width:60px;
  position:absolute;
  text-align:center;
  top:50%;
  transform:translate(-50%,calc(-50% + 15px))
}
.BFMl-UHxBcam-thumb .item-container .template-content-wrapper .avatar-circle.flirtify-circle:before,
.BFMl-UHxBcam-wgt .item-container .template-content-wrapper .avatar-circle.flirtify-circle:before {
  background:linear-gradient(143.15deg,#d666d8 .63%,#f892c6 99.5%)
}
.BFMl-UHxBcam-thumb .item-container .template-content-wrapper .avatar-circle.flirtify-circle .avatar-wrapper .img,
.BFMl-UHxBcam-wgt .item-container .template-content-wrapper .avatar-circle.flirtify-circle .avatar-wrapper .img {
  background:linear-gradient(180deg,#d261da .15%,#f891c5 100.16%)
}
.BFMl-UHxBcam-thumb .item-container .template-content-wrapper .avatar-circle .avatar-wrapper,
.BFMl-UHxBcam-wgt .item-container .template-content-wrapper .avatar-circle .avatar-wrapper {
  border:2px solid var(--color-gray-light);
  border-radius:50%
}
.BFMl-UHxBcam-thumb .item-container .template-content-wrapper .avatar-circle .avatar-wrapper img,
.BFMl-UHxBcam-wgt .item-container .template-content-wrapper .avatar-circle .avatar-wrapper img {
  border:none;
  padding-top:100%
}
.BFMl-UHxBcam-thumb .item-container .template-content-wrapper .avatar-circle .img,
.BFMl-UHxBcam-wgt .item-container .template-content-wrapper .avatar-circle .img {
  background-color:var(--color-cobalt-light,#dadada);
  background-position:50% 50%;
  background-repeat:no-repeat;
  background-size:cover;
  border-radius:50%;
  height:auto;
  padding-top:100%;
  position:relative;
  transform:translateZ(0);
  transform-style:preserve-3d;
  width:100%;
  z-index:auto
}
.BFMl-UHxBcam-thumb .item-container .template-content-wrapper .avatar-circle .img canvas,
.BFMl-UHxBcam-thumb .item-container .template-content-wrapper .avatar-circle .img video,
.BFMl-UHxBcam-wgt .item-container .template-content-wrapper .avatar-circle .img canvas,
.BFMl-UHxBcam-wgt .item-container .template-content-wrapper .avatar-circle .img video {
  border-radius:50%;
  position:absolute;
  top:0
}
.BFMl-UHxBcam-thumb .item-container .template-content-wrapper .avatar-circle:before,
.BFMl-UHxBcam-wgt .item-container .template-content-wrapper .avatar-circle:before {
  background-image:linear-gradient(135deg,var(--color-accent-red,#e34449),#c0cd72);
  border-radius:50%;
  content:"";
  left:0;
  padding-top:100%;
  position:absolute;
  top:0;
  width:100%;
  z-index:-1
}
@keyframes fade-in-live {
  0% {
    opacity:1
  }
  50% {
    opacity:0
  }
  to {
    opacity:1
  }
}
.BFMl-UHxBcam-thumb .thumb-image-container {
  margin-top:0
}
.BFMl-UHxBcam-thumb .thumb-image-container .thumb-widget-img,
.BFMl-UHxBcam-thumb .thumb-image-container .thumb-widget-img-container,
.BFMl-UHxBcam-thumb .thumb-image-container .thumb-widget-item {
  height:100%
}
.BFMl-UHxBcam-thumb .thumb-image-container .thumb-widget-img-container {
  overflow:hidden;
  position:relative
}
.BFMl-UHxBcam-thumb .thumb-image-container .thumb-widget-item {
  float:none;
  margin-bottom:0;
  position:relative;
  width:100%
}
.BFMl-UHxBcam-thumb .thumb-widget-name .name-text-container {
  display:inline-block;
  font-size:14px;
  line-height:inherit;
  max-width:calc(100% - 25px);
  overflow:hidden;
  text-overflow:ellipsis;
  vertical-align:middle;
  white-space:inherit
}
.BFMl-UHxBcam-thumb .thumb-widget-name .goal {
  font-size:14px;
  font-style:italic;
  font-weight:400;
  vertical-align:middle
}
.BFMl-UHxBcam-thumb .thumb-widget-name--flag .name-text-container {
  max-width:calc(100% - 10px)
}
.BFMl-UHxBcam-thumb .thumb-widget-name .uikit-flag,
.BFMl-UHxBcam-thumb .thumb-widget-name .xh-icon {
  line-height:inherit;
  vertical-align:middle
}
.BFMl-UHxBcam-thumb .thumb-widget-name .xh-icon {
  font-size:14px
}
.BFMl-UHxBcam-thumb .thumb-widget-name .xh-icon.target {
  color:var(--color-accent-green,#00bd8f);
  vertical-align:top
}
.BFMl-UHxBcam-thumb--lv-red .live-badge {
  background-color:var(--color-accent-red,#e34449)!important;
  font-size:12px;
  height:18px;
  line-height:18px;
  overflow:hidden;
  text-align:left;
  z-index:var(--z-index-level2)
}
.BFMl-UHxBcam-thumb.mobile-video-thumb .thumb-widget-item {
  left:0;
  position:absolute;
  top:0;
  width:100%
}
.BFMl-UHxBcam-thumb.mobile-video-thumb .thumb-widget-item .live-badge {
  display:inline-flex;
  left:2px;
  top:5px
}
.BFMl-UHxBcam-thumb.mobile-video-thumb .thumb-widget-item .live-badge .live-badge__flag {
  margin-left:var(--xh-spacers-xs)
}
.BFMl-UHxBcam-thumb.mobile-video-thumb .thumb-widget-name {
  max-height:28px;
  white-space:normal
}
.BFMl-UHxBcam-thumb.mobile-video-thumb .thumb-widget-name .goal,
.BFMl-UHxBcam-thumb.mobile-video-thumb .thumb-widget-name .name-text-container {
  font-size:12px
}
.BFMl-UHxBcam-thumb.mobile-video-thumb .thumb-widget-name .name-text-container .uikit-flag {
  margin-right:3px
}
.BFMl-UHxBcam-thumb.mobile-video-thumb .thumb-widget-name .xh-icon {
  font-size:14px
}
.BFMl-UHxBcam-wgt {
  position:relative
}
.BFMl-UHxBcam-wgt .title {
  color:var(--color-cobalt-darker,#303030);
  font-size:18px
}
.BFMl-UHxBcam-wgt .title .highlight-red {
  color:var(--color-accent-red,#e34449)
}
.BFMl-UHxBcam-wgt .scrollable {
  -webkit-overflow-scrolling:touch;
  -ms-overflow-style:none;
  overflow:scroll hidden;
  scrollbar-width:none;
  width:100%
}
.BFMl-UHxBcam-wgt .scrollable::-webkit-scrollbar {
  display:none
}
.BFMl-UHxBcam-wgt .item-container {
  width:100%
}
.BFMl-UHxBcam-wgt .item-container .item {
  height:168px;
  max-height:168px;
  width:242px
}
.BFMl-UHxBcam-wgt .item-container .item:not(:last-child) {
  margin-right:0
}
.BFMl-UHxBcam-wgt .item-container .item .arrow {
  color:var(--color-cobalt-lighter,#f5f5f5);
  font-size:22px;
  left:0;
  position:absolute;
  top:calc(50% - 11px);
  width:100%
}
.BFMl-UHxBcam-wgt .item-container .item .img {
  height:140px;
  position:relative;
  width:230px;
  z-index:2
}
.BFMl-UHxBcam-wgt .item-container .item .img canvas {
  display:none;
  height:100%;
  width:100%
}
.BFMl-UHxBcam-wgt .item-container .item .live-badge {
  z-index:var(--z-index-level2)
}
.BFMl-UHxBcam-wgt .item-container .item .name {
  color:var(--color-black,#000);
  line-height:1
}
.BFMl-UHxBcam-wgt .item-container .item .name>span {
  display:inline-block;
  max-width:63%;
  overflow:hidden;
  text-overflow:ellipsis
}
.BFMl-UHxBcam-wgt .item-container .item .name .xh-icon {
  display:inline-block;
  font-size:14px;
  margin-left:3px
}
@media screen and (min-width:640px) and (max-width:767px) {
  .BFMl-UHxBcam-wgt.mobile-horizontal .item-container {
    width:70%
  }
}
@media screen and (min-width:768px) {
  .BFMl-UHxBcam-wgt.mobile-horizontal .item-container {
    width:70%
  }
}
@media screen and (min-width:1024px) {
  .BFMl-UHxBcam-wgt.mobile-horizontal .item-container {
    width:506px
  }
}
.BFMl-UHxBcam-wgt.top,
.BFMl-UHxBcam-wgt.underplayer {
  background-color:var(--color-gray-light,#eaeaea);
  height:100%;
  line-height:0;
  text-align:left
}
.BFMl-UHxBcam-wgt.top .BFMl-UHxBads-remove,
.BFMl-UHxBcam-wgt.underplayer .BFMl-UHxBads-remove {
  float:right;
  margin-right:10px;
  margin-top:10px
}
.BFMl-UHxBcam-wgt.top.rendered .dots-loader,
.BFMl-UHxBcam-wgt.underplayer.rendered .dots-loader {
  display:none
}
.BFMl-UHxBcam-wgt.top.rendered .item-container,
.BFMl-UHxBcam-wgt.underplayer.rendered .item-container {
  display:inline-block;
  width:auto
}
.BFMl-UHxBcam-wgt.top .dots-loader,
.BFMl-UHxBcam-wgt.underplayer .dots-loader {
  margin-top:-10px;
  top:50%
}
.BFMl-UHxBcam-wgt.top .dots-loader .dot,
.BFMl-UHxBcam-wgt.underplayer .dots-loader .dot {
  background-color:var(--color-cobalt-darker,#303030)
}
.BFMl-UHxBcam-wgt.top .title,
.BFMl-UHxBcam-wgt.underplayer .title {
  display:inline-block;
  font-size:14px;
  font-weight:700;
  margin-left:10px;
  padding:10px 0;
  text-align:left;
  vertical-align:middle
}
.BFMl-UHxBcam-wgt.top .item-container,
.BFMl-UHxBcam-wgt.underplayer .item-container {
  letter-spacing:-2px;
  margin-top:0;
  overflow:hidden;
  padding-bottom:5px;
  white-space:nowrap
}
.BFMl-UHxBcam-wgt.top .item-container .item,
.BFMl-UHxBcam-wgt.underplayer .item-container .item {
  display:inline-block;
  float:none;
  letter-spacing:normal;
  margin:0
}
.BFMl-UHxBcam-wgt.top .item-container .item .name,
.BFMl-UHxBcam-wgt.underplayer .item-container .item .name {
  background-image:linear-gradient(180deg,transparent,rgba(0,0,0,.7));
  color:var(--color-white-origin,#fff);
  font-size:10px;
  height:35px;
  margin-top:-35px;
  padding-left:5px;
  padding-top:15px;
  position:absolute;
  width:100%;
  z-index:var(--z-index-level2)
}
.BFMl-UHxBcam-wgt.top .item-container .item .name span,
.BFMl-UHxBcam-wgt.underplayer .item-container .item .name span {
  max-width:90px
}
.BFMl-UHxBcam-wgt.top .item-container .item .live-badge,
.BFMl-UHxBcam-wgt.underplayer .item-container .item .live-badge {
  text-transform:uppercase
}
.BFMl-UHxBcam-wgt.top .item-container .item a,
.BFMl-UHxBcam-wgt.underplayer .item-container .item a {
  left:0;
  position:absolute;
  top:0;
  z-index:var(--z-index-level2)
}
.BFMl-UHxBcam-wgt.top .item-container .item .wrapper,
.BFMl-UHxBcam-wgt.underplayer .item-container .item .wrapper {
  background-color:rgba(0,0,0,.05);
  display:none;
  left:0;
  position:absolute;
  text-align:center;
  top:0;
  z-index:3
}
.BFMl-UHxBcam-wgt.top .item-container .item .wrapper .xh-button,
.BFMl-UHxBcam-wgt.underplayer .item-container .item .wrapper .xh-button {
  border-radius:5px;
  font-size:11px;
  font-weight:700;
  padding:0 5px;
  top:30px
}
.BFMl-UHxBcam-wgt.top .item-container .item:last-child .wrapper,
.BFMl-UHxBcam-wgt.underplayer .item-container .item:last-child .wrapper {
  display:block
}
.BFMl-UHxBcam-wgt.top .item-container {
  display:flex;
  gap:5px;
  height:90px;
  min-width:100%;
  overflow:visible;
  padding:0 0 0 5px;
  width:auto
}
.BFMl-UHxBcam-wgt.top .item-container .item {
  flex:0 0 auto;
  height:90px;
  width:90px
}
.BFMl-UHxBcam-wgt.top .item-container .item .template-content-wrapper {
  width:90px
}
.BFMl-UHxBcam-wgt.top .item-container .item .template-content-wrapper .live-badge {
  border:2px solid var(--color-gray-light);
  border-radius:50%;
  left:75%;
  padding:5px;
  top:5%;
  transform:none
}
.BFMl-UHxBcam-wgt.top .item-container .item:last-child .img {
  background-color:var(--color-cobalt-darker,#303030);
  background-image:none!important;
  pointer-events:none;
  text-align:center
}
.BFMl-UHxBcam-wgt.top .item-container .item:last-child .img .arrow {
  color:var(--color-cobalt-lighter,#f5f5f5);
  font-size:22px;
  left:0;
  position:absolute;
  top:calc(50% - 11px);
  width:100%
}
.BFMl-UHxBcam-wgt.top .item-container .item:last-child .live-badge,
.BFMl-UHxBcam-wgt.top .item-container .item:last-child .name {
  display:none
}
.BFMl-UHxBcam-wgt.top .item-container .item .name {
  align-items:center;
  background-image:none;
  color:var(--color-cobalt-darker,#303030);
  display:flex;
  font-size:11px;
  gap:var(--xh-spacers-xs);
  height:20px;
  justify-content:center;
  line-height:20px;
  margin-top:var(--xh-spacers-xs);
  padding:0;
  position:absolute;
  text-align:center;
  width:100%;
  z-index:2
}
.BFMl-UHxBcam-wgt.top .item-container .item .name span {
  font-weight:400;
  line-height:16px;
  max-width:70px;
  vertical-align:bottom
}
.BFMl-UHxBcam-wgt.top .item-container .item .name .xh-flag {
  margin-left:0
}
.BFMl-UHxBcam-wgt.top .item-container:after {
  clear:none;
  display:block;
  min-width:.5px
}
.BFMl-UHxBcam-wgt.top .live-badge {
  background-color:var(--color-accent-red,#e34449);
  border-radius:3px;
  font-size:9px;
  font-weight:700;
  left:50%;
  line-height:12px;
  padding:2px 5px;
  position:absolute;
  text-transform:uppercase;
  top:54px;
  transform:translate(-50%)
}
.BFMl-UHxBcam-wgt.top .live-badge:before {
  display:none
}
.BFMl-UHxBcam-wgt.underplayer {
  height:135px
}
.BFMl-UHxBcam-wgt.underplayer.rendered .item-container {
  padding-bottom:5px;
  width:1005px
}
.BFMl-UHxBcam-wgt.underplayer .BFMl-UHxBads-remove {
  margin-right:5px;
  margin-top:3px
}
.BFMl-UHxBcam-wgt.underplayer .title {
  font-size:12px;
  padding:5px 0
}
.BFMl-UHxBcam-wgt.underplayer .item-container {
  padding:0 10px
}
.BFMl-UHxBcam-wgt.underplayer .item-container .live-badge {
  background-color:var(--color-accent-red,#e34449);
  left:2px;
  text-transform:none;
  top:2px
}
.BFMl-UHxBcam-wgt.underplayer .item-container .live-badge:before {
  display:none
}
.BFMl-UHxBcam-wgt.underplayer .item-container .item {
  height:105px;
  margin-right:5px;
  width:105px
}
.BFMl-UHxBcam-wgt.underplayer .item-container .item .img,
.BFMl-UHxBcam-wgt.underplayer .item-container .item a {
  border-radius:5px
}
.BFMl-UHxBcam-wgt.underplayer .item-container .item .img,
.BFMl-UHxBcam-wgt.underplayer .item-container .item .template-content-wrapper {
  height:105px;
  width:105px
}
.BFMl-UHxBcam-wgt.underplayer .item-container .item:last-child {
  margin-right:0
}
.BFMl-UHxBcam-wgt.underplayer .item-container .item:last-child .avatar {
  display:none
}
.BFMl-UHxBcam-wgt.underplayer .item-container .item .wrapper {
  background:var(--color-cobalt-darker,#303030)
}
.BFMl-UHxBcam-wgt.underplayer .item-container .item .wrapper:before {
  background-image:url(/xh-mobile/images/mobile/cam-widget/more_girls_d.png);
  background-position:center 10px;
  background-repeat:no-repeat;
  background-size:100px;
  content:"";
  display:inline-block;
  height:100%;
  left:0;
  position:absolute;
  top:0;
  width:100%
}
.BFMl-UHxBcam-wgt.underplayer .item-container .item .wrapper.blurred:before {
  filter:blur(var(--xh-spacers-m))
}
.BFMl-UHxBcam-wgt.underplayer .item-container .item .wrapper .xh-button {
  border-radius:4px;
  border-radius:5px;
  font-size:14px;
  font-weight:700;
  height:30px;
  line-height:28px;
  max-width:100px;
  overflow:hidden;
  text-overflow:ellipsis;
  top:70px
}
.BFMl-UHxBcam-wgt.underplayer .item-container .item .name {
  border-bottom-left-radius:5px;
  border-bottom-right-radius:5px;
  font-size:11px;
  height:20px;
  line-height:20px;
  margin-top:-20px;
  padding-top:0;
  text-align:center
}
.BFMl-UHxBcam-wgt.underplayer .item-container .item .name span {
  line-height:16px;
  max-width:90%;
  vertical-align:bottom
}
.BFMl-UHxBcam-wgt.underplayer .item-container .item .name i.xh-flag,
.BFMl-UHxBcam-wgt.underplayer .item-container .item .name i.xh-icon {
  display:none
}
.BFMl-UHxBcam-wgt.underplayer .item-container .item:first-child i.xh-flag {
  display:inline-block
}
.BFMl-UHxBcam-wgt.underplayer .item-container .item:first-child i.xh-flag~span {
  max-width:72%
}
.BFMl-UHxBcam-wgt.underplayer.exp_c {
  background:unset;
  height:140px;
  left:-10px;
  position:relative;
  top:calc(50% - 70px);
  width:100vw
}
.BFMl-UHxBcam-wgt.underplayer.exp_c .item-container {
  width:1230px
}
.BFMl-UHxBcam-wgt.underplayer.exp_c .item-container .item,
.BFMl-UHxBcam-wgt.underplayer.exp_c .item-container .item .img,
.BFMl-UHxBcam-wgt.underplayer.exp_c .item-container .item .template-content-wrapper {
  height:130px;
  width:130px
}
.tags-container {
  margin:var(--xh-spacers-m);
  position:relative;
  user-select:none
}
.tags-container .tag-list {
  display:flex;
  flex-wrap:nowrap;
  font-size:var(--xh-caption-font-size);
  gap:var(--xh-spacers-s);
  height:24px;
  justify-content:flex-start;
  overflow-x:scroll
}
.tags-container .tag-list.full {
  flex-wrap:wrap;
  height:unset
}
.tags-container .tag-list::-webkit-scrollbar {
  display:none
}
.tags-container .tag-list-item {
  background:var(--color-cobalt-light,#dadada);
  border:0;
  border-radius:5px;
  flex:0 0 min-content;
  height:24px;
  padding:0 var(--xh-spacers-m)
}
.tags-container .tag-list-item,
.tags-container .tag-list-item .tag-item-link {
  align-items:center;
  display:flex;
  gap:var(--xh-spacers-s);
  justify-content:center
}
.tags-container .tag-list-item .tag-item-link,
.tags-container .tag-list-item .tag-item-link:hover {
  color:var(--xh-color-button-primary)
}
.tags-container .tag-list-item .xh-icon {
  font-size:var(--xh-legacy-font-size-icon);
  min-width:var(--xh-legacy-font-size-icon)
}
.tags-container .tag-list-item .tag-item-text {
  white-space:nowrap
}
.tags-container .filter {
  background-color:transparent;
  border:1px solid var(--color-gray)
}
.categories-container {
  display:flex;
  flex-wrap:wrap;
  font-size:0;
  gap:var(--xh-spacers-s)
}
.categories-container__flag {
  margin-left:5px
}
.categories-container--scrollable {
  -webkit-overflow-scrolling:touch;
  -ms-overflow-style:none;
  flex-wrap:nowrap;
  overflow-x:scroll;
  overflow-y:visible;
  scrollbar-width:none
}
.categories-container--scrollable::-webkit-scrollbar {
  display:none
}
.categories-container--scrollable:after {
  content:"";
  padding:0 5px
}
.categories-container--scrollable .categories-container__item {
  margin-bottom:0
}
.categories-container__title-item {
  color:var(--color-cobalt-dark,#434343);
  display:inline-block;
  font-size:12px;
  line-height:24px;
  margin-right:4px
}
.categories-container__item {
  align-items:center;
  background:var(--color-cobalt-light,#dadada);
  border:0;
  border-radius:5px;
  color:var(--color-cobalt-darker,#303030);
  display:inline-flex;
  flex-shrink:0;
  font-size:14px;
  font-size:12px;
  gap:var(--xh-spacers-s);
  line-height:24px;
  overflow:hidden;
  padding:0 var(--xh-legacy-element-gap-small);
  vertical-align:top;
  white-space:nowrap
}
.categories-container__item .xh-icon {
  font-size:var(--xh-legacy-font-size-icon);
  height:var(--xh-legacy-font-size-icon);
  line-height:var(--xh-legacy-font-size-icon);
  width:var(--xh-legacy-font-size-icon)
}
.categories-container__item .xh-icon.no-left-gap {
  margin-left:-5px;
  margin-right:0
}
.categories-container__item .xh-icon.rec-ai {
  font-size:18px;
  font-size:16px
}
.categories-container__item:hover {
  color:inherit
}
.categories-container__item a {
  font-size:inherit;
  overflow:hidden;
  text-overflow:ellipsis
}
.categories-container__item--icon {
  height:24px;
  min-width:30px;
  padding:0 5px
}
.categories-container__item--white {
  background-color:transparent;
  border:1px var(--color-gray,#ccc) solid;
  line-height:22px
}
.categories-container__item.filter-trigger>.xh-icon,
.categories-container__item:last-child {
  margin-right:0
}
.categories-container--big .categories-container__item {
  height:32px
}
.categories-container__thumb {
  --avatar-size:32px;
  display:block;
  height:var(--avatar-size);
  margin-left:calc(var(--xh-legacy-element-gap-small)*-1);
  width:var(--avatar-size)
}
.categories-container__item-blurred {
  height:24px;
  visibility:hidden
}
.categories-container a.categories-container__item:visited {
  color:var(--color-cobalt-darker,#303030)
}
.categories-container a.categories-container__item.to-all {
  align-items:center;
  background-color:var(--color-cobalt-darker,#303030);
  color:var(--color-cobalt-lighter,#f5f5f5);
  display:inline-flex;
  padding-right:5px
}
.categories-container a.categories-container__item.to-all .xh-icon {
  font-size:9px;
  text-align:center;
  width:20px
}
.categories-container li.categories-container__item a:visited {
  color:var(--color-cobalt-darker,#303030)
}
.categories-container li.categories-container__item--disabled {
  color:var(--color-cobalt,#707070);
  cursor:inherit;
  pointer-events:none
}
.categories-container li.categories-container__item--disabled>.xh-icon:before {
  color:var(--color-cobalt,#707070)
}
.categories-container li.categories-container__item.close-tag-filter {
  background:var(--color-cobalt-darker,#303030);
  margin-right:var(--xh-legacy-element-gap-normal);
  padding-right:var(--xh-legacy-element-gap-small);
  position:relative
}
.categories-container li.categories-container__item.close-tag-filter a,
.categories-container li.categories-container__item.close-tag-filter a:visited {
  align-items:center;
  color:var(--color-cobalt-lighter,#f5f5f5);
  display:inline-flex
}
.categories-container li.categories-container__item.close-tag-filter .xh-icon.cross-big {
  font-size:12px;
  margin-left:5px;
  margin-right:0
}
.categories-container li.categories-container__item.close-tag-filter:after {
  border-right:1px solid;
  border-color:var(--color-cobalt-light,#dadada);
  content:"";
  display:flex;
  height:20px;
  position:absolute;
  right:calc((var(--xh-legacy-element-gap-normal) + 1px)/-2);
  top:50%;
  transform:translateY(-50%)
}
.categories-container-subscription-item {
  min-width:32px;
  padding:0 5px
}
.categories-container-subscription-item__icon {
  font-size:14px;
  margin:0!important
}
.categories-container-subscription-item__count {
  font-size:12px
}
.categories-container-recommended-item {
  padding-left:5px
}
.collapsable-list li.collapsable-toggle {
  speak:none;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  display:inline-block;
  font-family:xh-icons!important;
  font-size:inherit;
  font-style:normal;
  font-variant:normal;
  font-weight:400;
  letter-spacing:0!important;
  line-height:1em;
  position:relative;
  text-transform:none
}
.sex {
  display:flex
}
.sex li:not(:last-child) {
  margin-right:5px
}
.sex li a {
  align-items:center;
  background-color:var(--color-cobalt-light,#dadada);
  border-radius:3px;
  display:inline-flex;
  font-size:20px;
  height:30px;
  justify-content:center;
  line-height:24px;
  width:30px
}
.sex li a.active {
  background-color:var(--color-cobalt-darker,#303030)
}
.categorieslist {
  border-top:1px var(--color-cobalt-light,#dadada) solid;
  flex-grow:1;
  padding:var(--xh-spacers-2xl) 0
}
.categorieslist.scrollable {
  flex-grow:unset
}
.categorieslist .categories-container__item .xh-flag,
.categorieslist .categories-container__item .xh-icon,
.categorieslist .categories-container__item img {
  margin-left:3px
}
.categorieslist .categories-container__item .xh-icon {
  bottom:1px;
  min-height:16px;
  min-width:22px;
  vertical-align:middle
}
.categorieslist .heading {
  align-items:center;
  display:flex;
  justify-content:space-between;
  line-height:1.11;
  padding:0 10px
}
.categorieslist .heading .title {
  color:var(--color-cobalt-darker,#303030);
  display:inline-block;
  font-size:18px;
  font-weight:700;
  margin:0;
  padding:0
}
.categorieslist .heading .title .xh-icon {
  font-size:16px;
  margin-left:5px
}
.categorieslist .heading .xh-buttonset {
  float:right;
  margin-right:5px
}
.categorieslist.categorieslist-group {
  padding:20px 10px 0
}
.categorieslist.categorieslist-group .heading {
  line-height:32px
}
.categorieslist.categorieslist-group .items .categories-container {
  margin-bottom:5px
}
aside.categorieslist {
  border:none;
  padding:0
}
.categorieslist .all_categories {
  border-top:1px solid var(--color-cobalt-light,#dadada);
  padding:10px 0;
  position:relative;
  text-align:center
}
.categorieslist .all_categories a {
  border:solid 1px var(--color-button-border,#ccc);
  border-radius:5px;
  color:var(--color-cobalt-darker,#303030);
  display:inline-block;
  font-size:14px;
  font-weight:700;
  height:29px;
  line-height:27px;
  padding:0 13px;
  position:relative;
  text-align:center;
  z-index:1
}
.categorieslist .all_categories a i {
  font-size:10px;
  margin-left:10px
}
.categorieslist+.categorieslist,
.pager-container+.categorieslist {
  border-top:1px solid var(--color-cobalt-light,#dadada)
}
aside.categorieslist {
  height:24px;
  margin:10px 0;
  width:100%
}
aside.categorieslist .items {
  background-color:transparent;
  padding-top:0
}
aside.categorieslist .items .categories-container {
  -webkit-overflow-scrolling:touch;
  -ms-overflow-style:none;
  display:flex;
  flex-wrap:nowrap;
  overflow:scroll visible;
  padding:0 10px;
  scrollbar-width:none
}
aside.categorieslist .items .categories-container::-webkit-scrollbar {
  display:none
}
aside.categorieslist .items .categories-container__item {
  font-size:12px;
  margin-bottom:0
}
.xh-wide-button {
  background:var(--color-cobalt-light,#dadada);
  border-radius:.3em;
  display:block;
  font-size:var(--xh-caption-font-size);
  font-weight:700;
  line-height:var(--xh-caption-line-height-px);
  padding:var(--xh-spacers-m);
  text-align:center
}
.xh-wide-button,
.xh-wide-button:hover,
.xh-wide-button:visited {
  color:var(--color-black,#000)
}
.tooltip,
.tooltip-custom {
  display:block;
  left:-12000px;
  left:0;
  opacity:0;
  opacity:1e-7;
  position:absolute;
  top:-12000px;
  transform:translateZ(0);
  transition:opacity .15s ease;
  will-change:top,left,opacity;
  z-index:var(--xh-legacy-z-index-tooltip)
}
.tooltip .arrow,
.tooltip-custom .arrow {
  border-style:solid;
  border-width:5px 5px 0;
  content:"";
  display:block;
  height:0;
  left:50%;
  margin-left:-5px;
  position:absolute;
  top:100%;
  width:0
}
.tooltip-custom.below .arrow,
.tooltip.below .arrow {
  border-width:0 5px 5px;
  top:-5px
}
.tooltip-custom {
  background:var(--xh-color-surface-invert);
  border-radius:4px;
  box-shadow:0 8px 16px rgba(0,0,0,.12);
  color:var(--xh-color-font-invert)
}
.tooltip-custom.fixed-direction {
  direction:ltr
}
.tooltip-custom-new {
  opacity:1
}
.tooltip-custom .arrow {
  border-color:var(--xh-color-surface-invert) transparent transparent transparent
}
.tooltip-custom .arrow.left {
  left:10px
}
.tooltip-custom .arrow.right {
  left:auto;
  right:10px
}
.tooltip-custom.below .arrow {
  border-color:transparent transparent var(--xh-color-surface-invert) transparent
}
.tooltip-custom.contrast {
  background-color:var(--color-cobalt-darker,#303030);
  color:var(--color-white,#fff)
}
.tooltip-custom.contrast .arrow {
  border-color:var(--color-cobalt-darker,#303030) transparent transparent transparent
}
.tooltip-custom.contrast.below .arrow {
  border-color:transparent transparent var(--color-cobalt-darker,#303030) transparent
}
.tooltip-custom .close.xh-icon {
  display:none
}
.tooltip-custom.tooltip-fixed {
  background-color:rgba(0,0,0,.4);
  border-radius:0;
  box-sizing:border-box;
  height:100vh;
  padding:50px 5px 5px;
  position:fixed;
  width:100vw
}
.tooltip-custom.tooltip-fixed .tooltip-inner {
  border-radius:4px;
  max-height:100%;
  overflow:auto
}
.tooltip-custom.tooltip-fixed .arrow {
  display:none
}
.tooltip-custom.tooltip-fixed .close.xh-icon {
  display:block;
  position:absolute;
  right:5px;
  top:10px
}
.tooltip {
  background:var(--color-tooltip-background,#434343);
  border-radius:3px;
  color:var(--color-white-origin,#fff);
  letter-spacing:.1px;
  max-width:350px;
  padding:5px 10px
}
@media screen and (max-width:1279px) {
  .tooltip {
    max-width:210px
  }
}
.tooltip a {
  color:var(--color-white-origin,#fff)
}
.tooltip li,
.tooltip p {
  font-size:12px!important;
  line-height:20px!important;
  margin:0;
  padding:0
}
.tooltip ul {
  list-style:disc;
  list-style-position:inside
}
.tooltip .arrow {
  border-color:var(--color-tooltip-background,#434343) transparent transparent transparent
}
.tooltip.below .arrow {
  border-color:transparent transparent var(--color-tooltip-background,#434343) transparent
}
.collapsable-list {
  display:flex;
  flex-flow:wrap;
  gap:var(--xh-spacers-xs);
  max-height:28px;
  overflow:hidden
}
.collapsable-list.collapsing {
  transition:max-height .3s ease-out
}
.collapsable-list.collapsed li.collapsable-toggle {
  transform:none
}
.collapsable-list.collapsed li.collapsed-item {
  order:3;
  visibility:hidden
}
.collapsable-list li {
  order:1
}
.collapsable-list li.collapsable-padded {
  margin-right:35px
}
.collapsable-list li.collapsable-padded.close-tag-filter {
  margin-right:45px
}
.collapsable-list li.collapsable-toggle {
  -webkit-tap-highlight-color:transparent;
  background:var(--color-cobalt-light,#dadada);
  border:0;
  border-radius:5px;
  color:var(--color-cobalt-darker,#303030);
  cursor:pointer;
  height:24px;
  line-height:24px;
  margin-left:-30px;
  order:2;
  padding:0 5px;
  transform:rotate(-180deg);
  visibility:visible;
  width:30px
}
.collapsable-list li.collapsable-toggle:before {
  content:"\f113";
  font-size:20px;
  vertical-align:top
}
.thumb-image-container__sprite {
  opacity:0
}
.thumb-image-container--preview-shown .thumb-image-container__sprite {
  animation:sprite-animation-related 7s steps(10) infinite;
  display:block;
  opacity:1;
  width:1000%
}
@keyframes sprite-animation-related {
  to {
    left:-1000%
  }
}
.thumb-image-container {
  background:var(--color-gray-light,#eaeaea);
  display:block;
  min-height:80px;
  overflow:hidden;
  position:relative
}
.thumb-image-container__badge {
  left:5px;
  position:absolute;
  top:5px
}
.thumb-image-container__badge .badge-creator,
.thumb-image-container__badge .creator-amateur {
  font-size:20px;
  z-index:1
}
.thumb-image-container__status {
  display:block;
  height:auto;
  left:50%;
  overflow:hidden;
  padding:0 15px;
  position:absolute;
  text-align:center;
  text-overflow:ellipsis;
  top:50%;
  transform:translate(-50%,-50%);
  width:100%
}
.thumb-image-container__status-icon {
  display:block;
  font-size:20px;
  position:static
}
.thumb-image-container__status-button.xh-button {
  font-weight:400;
  margin-bottom:5px;
  padding:0 5px
}
.thumb-image-container__status-button.xh-button:not(:last-child) {
  margin-right:5px
}
.thumb-image-container__status-text {
  color:var(--color-cobalt-darker,#303030);
  display:block;
  font-size:14px;
  text-transform:capitalize
}
.thumb-image-container__status-icon:not(:last-child),
.thumb-image-container__status-text:not(:last-child) {
  margin-bottom:10px
}
.badge-producer:before {
  background-color:var(--color-blue-light);
  border-radius:2px;
  color:var(--color-white-origin);
  content:"FULL VIDEO";
  display:inline-block;
  font-size:10px;
  line-height:13px;
  padding:1px 3px;
  vertical-align:middle
}
.thumb-plug .thumb-plug__image {
  align-items:center;
  background-image:url(/xh-mobile/images/components/thumb/plug/plug_blur.jpeg);
  background-repeat:no-repeat;
  background-size:cover;
  border-radius:5px 5px 0 0;
  display:flex;
  height:100%;
  justify-content:center
}
.thumb-plug__block-image {
  position:relative
}
.thumb-plug__block-text {
  background-color:var(--color-cobalt-lighter,#f5f5f5);
  border-radius:0 0 6px 6px;
  line-height:20px;
  padding:15px;
  text-align:center
}
.thumb-list__item .thumb-plug__block-text {
  padding:10px 0
}
.thumb-plug__badge {
  background-color:rgba(48,48,48,.8);
  border-radius:0 5px 5px 0;
  color:var(--color-cobalt-lighter,#f5f5f5);
  font-size:11px;
  line-height:14px;
  padding:5px 10px;
  position:absolute;
  top:10px
}
.thumb-plug__badge_separate {
  border-radius:5px;
  left:10px
}
.thumb-plug__transparent-gif {
  width:100%
}
.thumb-plug__transparent-gif+i {
  position:absolute
}
.thumb-plug_channel {
  width:285px
}
.thumb-plug_channel .thumb-plug__image {
  background-image:url(/xh-mobile/images/components/thumb/plug/plug_blur.jpeg);
  height:160px
}
.thumb-plug_channel .thumb-plug__image .xh-icon {
  background-color:var(--color-cobalt-light,#dadada);
  bottom:-10px;
  font-size:19px;
  left:10px;
  padding:20px;
  position:absolute
}
.thumb-plug_profile {
  width:220px;
  width:145px
}
.thumb-plug_profile .thumb-plug__image {
  height:250px;
  height:170px
}
.thumb-plug_profile .thumb-plug__image .xh-icon {
  font-size:32px;
  font-size:20px
}
.thumb-plug_aftershot,
.thumb-plug_moment,
.thumb-plug_video {
  width:150px
}
.thumb-plug_aftershot .thumb-plug__image,
.thumb-plug_moment .thumb-plug__image,
.thumb-plug_video .thumb-plug__image {
  background-image:url(/xh-mobile/images/components/thumb/plug/plug_blur.jpeg);
  border-radius:0;
  height:110px
}
.thumb-plug_aftershot .thumb-plug__block-text,
.thumb-plug_moment .thumb-plug__block-text,
.thumb-plug_video .thumb-plug__block-text {
  padding-top:10px
}
.thumb-plug_aftershot .thumb-plug__text,
.thumb-plug_moment .thumb-plug__text,
.thumb-plug_video .thumb-plug__text {
  font-size:12px;
  line-height:18px
}
.thumb-plug_aftershot .thumb-plug__block-text,
.thumb-plug_moment .thumb-plug__block-text,
.thumb-plug_video .thumb-plug__block-text {
  background-color:transparent
}
.thumb-plug_aftershot .xh-icon,
.thumb-plug_moment .xh-icon,
.thumb-plug_video .xh-icon {
  font-size:30px
}
.thumb-plug_moment {
  width:100%
}
.thumb-plug_moment .thumb-plug__image {
  aspect-ratio:9/16
}
.thumb-plug_moment .thumb-plug__block-text {
  padding:0
}
.thumb-plug_moment .thumb-plug__image {
  height:auto;
  width:100%
}
.thumb-plug_gallery {
  aspect-ratio:1;
  position:relative
}
.thumb-plug_gallery .thumb-plug__block-image {
  height:100%
}
.thumb-plug_gallery .thumb-plug__image {
  border-radius:0
}
.thumb-plug_gallery .thumb-plug__image .xh-icon {
  font-size:40px
}
.thumb-plug_gallery .video-thumb-info {
  bottom:0;
  left:0;
  position:absolute;
  width:100%
}
.thumb-plug_gallery .video-thumb-info .thumb-plug__block-text {
  background:linear-gradient(180deg,transparent,rgba(0,0,0,.8));
  border-radius:0
}
.thumb-plug_gallery .video-thumb-info .thumb-plug__text {
  color:var(--xh-color-extra-white)
}
.thumb-plug_aftershot {
  width:180px;
  width:150px
}
.thumb-plug_aftershot.thumb-list__item {
  padding:0 2px
}
.thumb-plug_aftershot.thumb-list__item .thumb-plug__block-image {
  padding-top:56.25%;
  position:relative
}
.thumb-plug_aftershot.thumb-list__item .thumb-plug__block-image .thumb-plug__image {
  height:100%;
  left:0;
  position:absolute;
  top:0;
  width:100%
}
.thumb-plug_aftershot .thumb-plug__image {
  height:100px;
  height:110px
}
.thumb-plug_aftershot .thumb-plug__text {
  color:var(--color-gray,#ccc);
  font-size:12px;
  line-height:18px
}
.thumb-plug_auto {
  width:auto
}
.thumb-plug_auto .thumb-plug__image {
  height:auto
}
.thumb-plug.thumb-list__item .thumb-plug__image {
  height:100%
}
.thumb-plug.pornstar-thumb-container.thumb-plug {
  vertical-align:top;
  white-space:normal
}
.thumb-plug.pornstar-thumb-container.thumb-plug .thumb-plug__block-text {
  height:55px;
  padding:5px
}
.thumb-plug.pornstar-thumb-container.thumb-plug .thumb-plug__badge {
  background-color:var(--color-cobalt-darker,#303030);
  padding:3px
}
.mobile-video-thumb .thumb-plug_aftershot,
.mobile-video-thumb .thumb-plug_video,
.mobile-video-thumb.thumb-plug_aftershot,
.mobile-video-thumb.thumb-plug_video {
  width:auto
}
.mobile-video-thumb .thumb-plug_aftershot .thumb-plug__block-image,
.mobile-video-thumb .thumb-plug_video .thumb-plug__block-image,
.mobile-video-thumb.thumb-plug_aftershot .thumb-plug__block-image,
.mobile-video-thumb.thumb-plug_video .thumb-plug__block-image {
  margin:0 auto var(--xh-spacers-s);
  padding-top:75%;
  position:relative
}
.mobile-video-thumb .thumb-plug_aftershot .thumb-plug__block-image .thumb-plug__image,
.mobile-video-thumb .thumb-plug_video .thumb-plug__block-image .thumb-plug__image,
.mobile-video-thumb.thumb-plug_aftershot .thumb-plug__block-image .thumb-plug__image,
.mobile-video-thumb.thumb-plug_video .thumb-plug__block-image .thumb-plug__image {
  height:100%;
  left:0;
  position:absolute;
  top:0;
  width:100%
}
.mobile-video-thumb .thumb-plug_aftershot .thumb-plug__block-text,
.mobile-video-thumb .thumb-plug_video .thumb-plug__block-text,
.mobile-video-thumb.thumb-plug_aftershot .thumb-plug__block-text,
.mobile-video-thumb.thumb-plug_video .thumb-plug__block-text {
  padding:0
}
.mobile-video-thumb .thumb-plug_aftershot .thumb-plug__block-text .thumb-plug__text,
.mobile-video-thumb .thumb-plug_video .thumb-plug__block-text .thumb-plug__text,
.mobile-video-thumb.thumb-plug_aftershot .thumb-plug__block-text .thumb-plug__text,
.mobile-video-thumb.thumb-plug_video .thumb-plug__block-text .thumb-plug__text {
  font-weight:700;
  line-height:14px
}
.thumb-list-mobile-item .thumb-plug_moment .thumb-plug__block-image {
  margin-bottom:var(--xh-spacers-s)
}
.thumb-list-mobile-item .thumb-plug_moment .thumb-plug__block-text {
  padding:0
}
.thumb-list-mobile-item .thumb-plug_moment .thumb-plug__block-text .thumb-plug__text {
  font-weight:700;
  line-height:14px
}
.two_lines_b .mobile-video-thumb__name.mobile-video-thumb__name {
  line-height:17px;
  max-height:34px;
  white-space:normal
}
.mobile-video-thumb {
  display:block;
  margin:0 2px 8px
}
.mobile-video-thumb .thumb-image-container {
  background-position:50%;
  background-repeat:no-repeat;
  background-size:cover;
  margin:0 auto 4px;
  padding-top:75%
}
.thumb-list-mobile-item .mobile-video-thumb .thumb-image-container.moment-as-video {
  background-color:var(--color-black-origin);
  background-size:contain
}
.thumb-list-mobile-item .mobile-video-thumb .thumb-image-container.moment-as-video__video {
  object-fit:contain
}
.mobile-video-thumb .thumb-image-container .dots-loader {
  left:50%;
  top:50%;
  transform:translate(-50%,-50%)
}
.mobile-video-thumb .thumb-image-container>.xh-icon {
  font-size:25px;
  position:absolute;
  top:0;
  z-index:1
}
.mobile-video-thumb .thumb-image-container img:not(.thumb-image-container__sprite),
.mobile-video-thumb .thumb-image-container video {
  display:block;
  object-fit:cover;
  position:absolute;
  top:0;
  width:100%
}
.mobile-video-thumb .thumb-image-container video {
  background:#000;
  height:100%;
  left:0;
  z-index:2
}
.mobile-video-thumb .thumb-image-container .badge-moment {
  align-items:center;
  background:var(--color-cobalt-lighter-origin);
  border-radius:var(--xh-spacers-xs);
  bottom:var(--xh-legacy-element-gap-smaller);
  color:var(--color-cobalt-darker-origin);
  display:flex;
  height:20px;
  position:absolute;
  right:var(--xh-legacy-element-gap-smaller)
}
.mobile-video-thumb .thumb-image-container .badge-moment__text {
  font-size:var(--xh-caption-font-size);
  font-weight:var(--xh-body-bold-font-weight);
  padding:0 var(--xh-spacers-s)
}
.mobile-video-thumb .thumb-image-container .badge-moment .xh-icon {
  font-size:13px;
  margin-left:var(--xh-spacers-s)
}
.mobile-video-thumb .thumb-image-container .time {
  align-items:center;
  background:var(--color-cobalt-darker-origin-70,rgba(48,48,48,.7));
  border-radius:2px;
  bottom:5px;
  color:var(--color-white-origin,#fff);
  display:flex;
  font-size:11px;
  font-weight:700;
  height:20px;
  justify-content:center;
  line-height:12px;
  min-width:36px;
  position:absolute;
  right:5px;
  z-index:1
}
.mobile-video-thumb .thumb-image-container .time .xh-icon {
  align-items:center;
  display:flex;
  font-size:8px;
  height:100%;
  min-width:24px;
  padding:5px
}
.mobile-video-thumb .thumb-image-container .time .xh-icon:not(.beta-thumb-vr) {
  padding-right:0
}
.mobile-video-thumb .thumb-image-container .time .beta-thumb-vr {
  background-color:var(--color-gay,#2d86d4);
  border-radius:2px 0 0 2px
}
.mobile-video-thumb .thumb-image-container .time>span {
  padding-left:5px;
  padding-right:5px
}
.mobile-video-thumb__name {
  color:var(--color-cobalt-darker,#303030);
  display:block;
  font-size:12px;
  font-weight:700;
  line-height:14px;
  margin-bottom:5px;
  max-height:14px;
  overflow:hidden;
  white-space:nowrap
}
.mobile-video-thumb__info {
  display:flex;
  flex-wrap:wrap;
  font-size:11px;
  gap:5px
}
.mobile-video-thumb__info .item-info-metric {
  display:inline-block;
  position:relative;
  top:1px
}
.mobile-video-thumb__info .beta-sidebar-like {
  position:relative;
  top:-1px
}
.mobile-video-thumb__info .comments-container,
.mobile-video-thumb__info .favorites-container,
.mobile-video-thumb__info .rate-container,
.mobile-video-thumb__info .views-container {
  align-items:center;
  color:var(--color-cobalt,#707070);
  display:flex;
  gap:3px
}
.mobile-video-thumb__info .comments-container .xh-icon.beta-heart-filled,
.mobile-video-thumb__info .comments-container .xh-icon.beta-sidebar-comments,
.mobile-video-thumb__info .favorites-container .xh-icon.beta-heart-filled,
.mobile-video-thumb__info .favorites-container .xh-icon.beta-sidebar-comments,
.mobile-video-thumb__info .rate-container .xh-icon.beta-heart-filled,
.mobile-video-thumb__info .rate-container .xh-icon.beta-sidebar-comments,
.mobile-video-thumb__info .views-container .xh-icon.beta-heart-filled,
.mobile-video-thumb__info .views-container .xh-icon.beta-sidebar-comments {
  font-size:10px
}
.mobile-video-thumb__info .rate-container.colored-red {
  color:var(--color-accent-red,#e34449)
}
.mobile-video-thumb__info .video-status {
  align-items:flex-start;
  display:flex;
  flex-direction:column;
  width:100%
}
.mobile-video-thumb__info .video-status .intro-published,
.mobile-video-thumb__info .video-status .published {
  background:var(--color-accent-green,#00bd8f)
}
.mobile-video-thumb__info .video-status .converting,
.mobile-video-thumb__info .video-status .moderating,
.mobile-video-thumb__info .video-status .not-converted,
.mobile-video-thumb__info .video-status .publication,
.mobile-video-thumb__info .video-status .waiting {
  background:var(--color-cobalt,#707070)
}
.mobile-video-thumb__info .video-status .action-required,
.mobile-video-thumb__info .video-status .duplicate,
.mobile-video-thumb__info .video-status .error-converting,
.mobile-video-thumb__info .video-status .monetization-not-enabled,
.mobile-video-thumb__info .video-status .published-and-waiting-to-be-deleted,
.mobile-video-thumb__info .video-status .user-waiting {
  background:var(--color-accent-red,#e34449)
}
.mobile-video-thumb__info .video-status .deleted,
.mobile-video-thumb__info .video-status .intro-deleted {
  background:var(--color-gray-dark,#a0a0a0)
}
.mobile-video-thumb__info .video-status .documents-required {
  background-color:var(--color-gray-dark)
}
.mobile-video-thumb__info .video-status .status-tip {
  color:var(--color-accent-red,#e34449);
  font-size:11px;
  letter-spacing:normal;
  line-height:14px;
  margin-top:5px
}
.mobile-video-thumb:visited .mobile-video-thumb__name {
  color:var(--color-visited-mobile,#707070)
}
.mobile-video-thumb__description {
  font-size:12px;
  line-height:var(--xh-tiny-line-height-px);
  margin-top:5px;
  overflow-wrap:break-word
}
.mobile-video-thumb__description.error-text {
  color:var(--color-accent-red,#e34449)
}
.thumb-image-container__sprite {
  height:100%;
  left:0;
  max-width:none!important;
  position:absolute;
  top:0;
  width:1000%;
  z-index:2
}
.thumb-image-container__no-lazy-thumb {
  left:0;
  position:absolute;
  top:0
}
@media screen and (min-width:640px) and (max-width:767px),screen and (min-width:768px) {
  .moments-list__thumbs .thumb-list__item {
    width:25%
  }
}
@media screen and (min-width:480px) and (max-width:639px) {
  .moments-list__thumbs .thumb-list__item {
    width:33.3333%
  }
}
@media screen and (max-width:359px),screen and (min-width:360px) and (max-width:409px),screen and (min-width:410px) and (max-width:479px) {
  .moments-list__thumbs .thumb-list__item {
    width:50%
  }
}
.video_block {
  padding:8px 8px 0 8px
}
.video_block.my_videos_block .thumb-list-mobile-item {
  margin-bottom:10px
}
.video_block .video_block {
  border-bottom:0
}
.video_block .thumb-list-mobile-item {
  order:0;
  position:relative
}
.video_block .thumb-list-mobile-item--hide {
  opacity:0;
  position:absolute
}
@media screen and (min-width:640px) and (max-width:767px),screen and (min-width:768px) {
  .video_block .thumb-list-mobile-item {
    width:25%
  }
}
@media screen and (min-width:480px) and (max-width:639px) {
  .video_block .thumb-list-mobile-item {
    width:33.3333%
  }
}
@media screen and (max-width:359px),screen and (min-width:360px) and (max-width:409px),screen and (min-width:410px) and (max-width:479px) {
  .video_block .thumb-list-mobile-item {
    width:50%
  }
}
.favorites_block .video_block .thumb-list-mobile-item {
  margin-bottom:10px
}
.video_block .my_video_controls {
  display:flex;
  flex-wrap:wrap;
  gap:var(--xh-spacers-s) var(--xh-legacy-element-gap-normal);
  margin-bottom:5px;
  margin-top:5px;
  min-height:32px;
  text-align:center
}
.video_block .my_video_controls a {
  align-self:center;
  background:var(--color-cobalt-lighter,#f5f5f5);
  border:1px solid var(--color-gray,#ccc);
  border-radius:3px;
  color:var(--color-cobalt-dark,#434343);
  display:inline-block;
  font-size:11px;
  font-weight:700;
  height:32px;
  line-height:30px;
  margin-bottom:0;
  padding:0 5px;
  text-align:center
}
.video_block .my_video_controls a.additional-verification-link {
  background:var(--color-cobalt-darker);
  border-color:var(--color-cobalt-darker);
  color:var(--color-white-gray);
  flex-basis:100%
}
.video_block .my_video_controls .publish-now-button {
  background:var(--color-cobalt-lighter,#f5f5f5);
  border:1px solid var(--color-gray,#ccc);
  color:var(--color-cobalt-dark,#434343)
}
.video_block .my_video_controls .control-buttons__button {
  border:1px solid var(--color-gray);
  border-radius:1px;
  justify-content:center
}
.video_block .my_video_controls .control-buttons__buttonBlack {
  justify-content:center
}
.video_block.big .thumb-list-mobile-item .thumb-image-container:not(.thumb-image-container--moment) {
  max-height:264.375px;
  max-width:470px;
  padding-top:56.25%
}
.my_videos_block+.pagination {
  margin-bottom:10px
}
@media screen and (min-width:640px) and (max-width:767px),screen and (min-width:768px) {
  .big.video_block .thumb-list-mobile-item {
    width:33.3333%
  }
}
@media screen and (min-width:480px) and (max-width:639px) {
  .big.video_block .thumb-list-mobile-item {
    width:50%
  }
}
@media screen and (max-width:359px),screen and (min-width:360px) and (max-width:409px),screen and (min-width:410px) and (max-width:479px) {
  .big.video_block .thumb-list-mobile-item {
    width:100%
  }
}
@media screen and (min-width:1024px) {
  .video_block .thumb-list-mobile,
  .video_block_title {
    margin:0 auto;
    width:1012px
  }
}
.favorites-edit-collections-list {
  margin-bottom:10px
}
.favorites-edit-collections-list label .title {
  float:left;
  margin-right:5px;
  max-width:270px;
  max-width:200px;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap
}
.favorites-edit-collections-link,
.favorites-edit-collections-list label .quantity {
  color:var(--color-cobalt,#707070)
}
.favorites-edit-collections-link {
  cursor:pointer
}
.favorites-edit-collections-link:hover {
  color:var(--color-accent-red,#e34449)
}
.favorites-edit-collections-form {
  display:flex;
  flex-direction:row
}
.favorites-edit-collections-form .has-error {
  display:inline-block
}
.favorites-edit-collections-form .has-error .error-icon-container {
  top:5px
}
.favorites-edit-collections-form>span {
  flex-grow:1;
  margin-right:10px
}
.favorites-edit-collections-form .input-text {
  display:inline-block;
  height:30px;
  line-height:30px;
  width:100%
}
.favorites-edit-collections .button:first-child {
  margin-right:var(--xh-spacers-l)
}
.thumb-list-mobile-item {
  order:0;
  position:relative
}
.thumb-list-mobile-item .mobile-video-thumb .xh-icon {
  min-height:12px;
  min-width:13px
}
.thumb-list-mobile-item .thumb-plug .video-thumb-info .xh-icon {
  font-size:20px
}
.thumb-list-mobile-item .mobile-video-thumb {
  display:block;
  margin:0 2px 8px
}
.thumb-list-mobile-item .mobile-video-thumb__info {
  display:flex;
  font-size:11px;
  line-height:16px
}
.thumb-list-mobile-item .mobile-video-thumb__info .item-info-metric {
  display:inline-block;
  vertical-align:middle
}
.thumb-list-mobile-item .mobile-video-thumb__info .comments-container,
.thumb-list-mobile-item .mobile-video-thumb__info .favorites-container,
.thumb-list-mobile-item .mobile-video-thumb__info .generated-moments,
.thumb-list-mobile-item .mobile-video-thumb__info .rate-container,
.thumb-list-mobile-item .mobile-video-thumb__info .views-container {
  align-items:center;
  display:flex;
  line-height:1
}
.thumb-list-mobile-item .mobile-video-thumb__info .generated-moments {
  background:var(--color-cobalt-light);
  border-radius:var(--xh-border-radius-m);
  color:var(--color-black);
  gap:var(--xh-spacers-m);
  margin-bottom:var(--xh-spacers-m);
  margin-top:var(--xh-spacers-m);
  padding:var(--xh-spacers-m) var(--xh-spacers-s)
}
.thumb-list-mobile-item .mobile-video-thumb__info .generated-moments .xh-icon {
  color:var(--color-cobalt);
  font-size:var(--xh-caption-font-size)
}
.thumb-list-mobile-item .mobile-video-thumb__info .generated-moments .view-here-link {
  font-size:inherit;
  line-height:inherit;
  white-space:nowrap
}
.thumb-list-mobile-item .mobile-video-thumb__info .views-container {
  color:var(--color-cobalt,#707070);
  margin-right:4px
}
.thumb-list-mobile-item .mobile-video-thumb__info .rate-container {
  color:var(--color-cobalt,#707070)
}
.thumb-list-mobile-item .mobile-video-thumb__info .rate-container.colored-red {
  color:var(--color-accent-red,#e34449)
}
.thumb-list-mobile-item .mobile-video-thumb__blurred {
  width:100%
}
.thumb-list-mobile-item .mobile-video-thumb .thumb-image-container {
  background-position:50%;
  background-repeat:no-repeat;
  background-size:cover;
  margin:0 auto 4px;
  padding-top:75%
}
.thumb-list-mobile-item .mobile-video-thumb .thumb-image-container .dots-loader {
  left:50%;
  top:50%;
  transform:translate(-50%,-50%)
}
.thumb-list-mobile-item .mobile-video-thumb .thumb-image-container>.xh-icon {
  font-size:25px;
  position:absolute;
  top:0;
  z-index:1
}
.thumb-list-mobile-item .mobile-video-thumb .thumb-image-container img:not(.thumb-image-container__sprite) {
  display:block;
  object-fit:cover;
  position:absolute;
  top:0;
  width:100%
}
.thumb-list-mobile-item .mobile-video-thumb .thumb-image-container video {
  background:#000;
  display:block;
  height:100%;
  left:0;
  object-fit:cover;
  position:absolute;
  top:0;
  width:100%;
  z-index:2
}
.thumb-list-mobile-item .mobile-video-thumb .thumb-image-container__on-video {
  align-items:center;
  bottom:var(--xh-legacy-element-gap-smaller);
  display:flex;
  position:absolute;
  right:var(--xh-legacy-element-gap-smaller)
}
.thumb-list-mobile-item .mobile-video-thumb .thumb-image-container__watched {
  align-items:center;
  background:var(--color-cobalt-darker-origin-70);
  border-radius:var(--xh-border-radius-xs);
  display:flex;
  height:20px;
  justify-content:center;
  margin-right:var(--xh-spacers-s);
  padding:0 var(--xh-legacy-element-gap-smaller)
}
.thumb-list-mobile-item .mobile-video-thumb .thumb-image-container .time {
  align-items:center;
  background:var(--color-cobalt-darker-origin-70,rgba(48,48,48,.7));
  border-radius:2px;
  color:var(--color-white-origin,#fff);
  display:flex;
  font:700 11px/12px Roboto,Helvetica Neue,-apple-system,Arial,sans-serif;
  height:20px;
  justify-content:center;
  min-width:36px;
  position:unset;
  z-index:1
}
.thumb-list-mobile-item .mobile-video-thumb .thumb-image-container .time .xh-icon {
  align-items:center;
  display:flex;
  font-size:8px;
  height:100%;
  min-width:24px;
  padding:5px
}
.thumb-list-mobile-item .mobile-video-thumb .thumb-image-container .time .xh-icon:not(.beta-thumb-vr) {
  padding-right:0
}
.thumb-list-mobile-item .mobile-video-thumb .thumb-image-container .time .beta-thumb-vr {
  background-color:var(--color-gay,#2d86d4);
  border-radius:2px 0 0 2px
}
.thumb-list-mobile-item .mobile-video-thumb .thumb-image-container .time>time {
  padding-left:5px;
  padding-right:5px
}
.thumb-list-mobile-item .mobile-video-thumb .video-thumb__trigger,
.thumb-list-mobile-item .mobile-video-thumb .xh-dropdown .trigger,
.thumb-list-mobile-item .mobile-video-thumb__trigger {
  font-size:20px
}
.thumb-list-mobile-item .mobile-video-thumb .xh-dropdown {
  font-size:14px
}
.thumb-list-mobile-item .mobile-video-thumb .video-thumb-info>.video-thumb__trigger,
.thumb-list-mobile-item .mobile-video-thumb .xh-dropdown,
.thumb-list-mobile-item .mobile-video-thumb__bottom>.video-thumb__trigger {
  cursor:pointer;
  position:absolute;
  right:0
}
.thumb-list-mobile-item .mobile-video-thumb__name {
  color: #f1f1f1;
  direction:ltr;
  display:block;
  font:700 12px/14px Roboto,Helvetica Neue,-apple-system,Arial,sans-serif;
  margin-bottom:var(--xh-spacers-s);
  max-height:14px;
  overflow:hidden;
  text-align:left;
  text-overflow:clip;
  white-space:nowrap
}
.thumb-list-mobile-item .mobile-video-thumb .video-thumb__trigger+.mobile-video-thumb__name,
.thumb-list-mobile-item .mobile-video-thumb .xh-dropdown+.mobile-video-thumb__name {
  margin-right:20px
}
.thumb-list-mobile-item .mobile-video-thumb:visited .mobile-video-thumb__name {
  color:var(--color-visited-mobile,#707070)
}
.thumb-list-mobile-item .mobile-video-thumb .video-thumb-uploader {
  color:var(--color-cobalt,#707070);
  font-size:12px;
  line-height:16px;
  width:100%
}
.thumb-list-mobile-item .mobile-video-thumb .video-thumb-uploader .video-uploader-data {
  align-items:center;
  display:flex;
  min-width:0
}
.thumb-list-mobile-item .mobile-video-thumb .video-thumb-uploader .video-uploader-data .video-uploader-logo {
  align-items:center;
  background-color:#ccc;
  background-image:unset;
  background-size:cover;
  border-radius:50%;
  color:#303030;
  display:flex;
  flex-shrink:0;
  height:16px;
  justify-content:center;
  text-align:center;
  text-transform:uppercase;
  width:16px
}
@media screen and (max-width:359px) {
  .thumb-list-mobile-item .mobile-video-thumb .video-thumb-uploader .video-uploader-data .video-uploader-logo {
    display:none
  }
}
.thumb-list-mobile-item .mobile-video-thumb .video-thumb-uploader .video-uploader-data .video-uploader-logo .badge-producer2 {
  color:var(--color-cobalt-darker,#303030);
  font-size:12px;
  line-height:16px
}
.thumb-list-mobile-item .mobile-video-thumb .video-thumb-uploader .video-uploader-data .video-uploader-logo:hover+a {
  color:var(--xh-color-brand-enabled)
}
.thumb-list-mobile-item .mobile-video-thumb .video-thumb-uploader .video-uploader-data .video-uploader__name {
  color: #ffee92;
  flex-shrink:1;
  overflow:hidden;
  padding-left:5px;
  text-overflow:ellipsis;
  white-space:nowrap
}
@media screen and (max-width:359px) {
  .thumb-list-mobile-item .mobile-video-thumb .video-thumb-uploader .video-uploader-data .video-uploader__name {
    padding-left:0
  }
}
.thumb-list-mobile-item .mobile-video-thumb .video-thumb-uploader .video-uploader-data .video-uploader__name:hover,
.thumb-list-mobile-item .mobile-video-thumb .video-thumb-uploader .video-uploader-data .video-uploader__name_hover {
  color:var(--xh-color-brand-enabled)
}
.thumb-list-mobile-item .mobile-video-thumb .video-thumb-uploader__separator {
  background-color:#ccc;
  flex-shrink:0;
  height:12px;
  margin:0 5px;
  width:1px
}
.thumb-list-mobile-item .mobile-video-thumb .video-thumb-uploader .video-thumb-views {
  flex-shrink:2;
  color: #ff8383;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap
}
.thumb-list-mobile-item .mobile-video-thumb__plug {
  background-image:url(/xh-mobile/images/components/video-thumb/mobile/live.webp);
  background-size:cover;
  height:100%
}
.thumb-list-mobile-item.thumb-list-mobile-item--type-moment .mobile-video-thumb .thumb-image-container img:not(.thumb-image-container__sprite) {
  object-fit:contain
}
@media screen and (min-width:640px) and (max-width:767px),screen and (min-width:768px) {
  .big .thumb-list-mobile-item {
    width:33.3333%
  }
}
@media screen and (min-width:480px) and (max-width:639px) {
  .big .thumb-list-mobile-item {
    width:50%
  }
}
@media screen and (max-width:359px),screen and (min-width:360px) and (max-width:409px),screen and (min-width:410px) and (max-width:479px) {
  .big .thumb-list-mobile-item {
    width:100%
  }
}
.BFMl-UHxBpremium-n-overlay {
  background:var(--color-gray-light,#eaeaea);
  position:relative
}
.BFMl-UHxBpremium-n-overlay.amp {
  position:static
}
.BFMl-UHxBpremium-n-overlay .thumb-image-container__video {
  height:100%;
  left:0;
  object-fit:cover;
  position:absolute;
  top:0;
  width:100%;
  z-index:var(--z-index-level1)
}
.BFMl-UHxBpremium-n-overlay {
  overflow:hidden
}
.BFMl-UHxBpremium-n-overlay:not(.amp) {
  margin:0 -8px var(--xh-legacy-element-gap-small);
  width:calc(100% + 16px)
}
.BFMl-UHxBpremium-n-overlay.fixed-height {
  margin-bottom:10px
}
.BFMl-UHxBpremium-n-overlay:not(.fixed-height,
.amp) {
  padding-top:calc(96px + 15%)
}
.BFMl-UHxBpremium-n-overlay--pornstar:not(.fixed-height) {
  padding-top:calc(84px + 23%)
}
@media screen and (max-width:655px) {
  .BFMl-UHxBpremium-n-overlay:not(.fixed-height,
  .amp) {
    padding-top:calc(63px + 20%)
  }
  .BFMl-UHxBpremium-n-overlay--pornstar:not(.fixed-height) {
    padding-top:calc(63px + 27%)
  }
}
@media screen and (min-width:480px) and (max-width:639px) {
  .BFMl-UHxBpremium-n-overlay:not(.fixed-height,
  .amp) {
    padding-top:calc(62px + 26%)
  }
  .BFMl-UHxBpremium-n-overlay--pornstar:not(.fixed-height) {
    padding-top:calc(70px + 34%)
  }
}
@media screen and (max-width:494px) {
  .BFMl-UHxBpremium-n-overlay:not(.fixed-height,
  .amp) {
    padding-top:calc(94px + 20%)
  }
  .BFMl-UHxBpremium-n-overlay--pornstar:not(.fixed-height) {
    padding-top:calc(60px + 37%)
  }
}
@media screen and (min-width:410px) and (max-width:479px) {
  .BFMl-UHxBpremium-n-overlay:not(.fixed-height,
  .amp) {
    padding-top:calc(68px + 36%)
  }
  .BFMl-UHxBpremium-n-overlay--pornstar:not(.fixed-height) {
    padding-top:calc(92px + 45%)
  }
}
@media screen and (min-width:360px) and (max-width:409px) {
  .BFMl-UHxBpremium-n-overlay:not(.fixed-height,
  .amp) {
    padding-top:calc(74px + 36%)
  }
  .BFMl-UHxBpremium-n-overlay--pornstar:not(.fixed-height) {
    padding-top:calc(92px + 45%)
  }
}
@media screen and (max-width:359px) {
  .BFMl-UHxBpremium-n-overlay:not(.fixed-height,
  .amp) {
    padding-top:calc(76px + 36%)
  }
  .BFMl-UHxBpremium-n-overlay--pornstar:not(.fixed-height) {
    padding-top:calc(92px + 45%)
  }
}
.BFMl-UHxBpremium-n-overlay iframe {
  display:block;
  height:100%;
  left:0;
  min-width:100%;
  position:absolute;
  top:0;
  width:100px
}
.BFMl-UHxBpremium-n-overlay.middle-mobile-horizontal {
  padding-top:0
}
.video_block.big .BFMl-UHxBpremium-n-overlay:not(.fixed-height,
.amp) {
  padding-top:calc(80px + 21%)
}
.video_block.big .BFMl-UHxBpremium-n-overlay--pornstar:not(.fixed-height) {
  padding-top:calc(115px + 24%)
}
@media screen and (max-width:655px) {
  .video_block.big .BFMl-UHxBpremium-n-overlay:not(.fixed-height,
  .amp) {
    padding-top:calc(100px + 20%)
  }
  .video_block.big .BFMl-UHxBpremium-n-overlay--pornstar:not(.fixed-height) {
    padding-top:calc(108px + 25%)
  }
}
@media screen and (min-width:480px) and (max-width:639px) {
  .video_block.big .BFMl-UHxBpremium-n-overlay:not(.fixed-height,
  .amp) {
    padding-top:calc(80px + 31%)
  }
  .video_block.big .BFMl-UHxBpremium-n-overlay--pornstar:not(.fixed-height) {
    padding-top:calc(123px + 33%)
  }
}
@media screen and (max-width:495px) {
  .video_block.big .BFMl-UHxBpremium-n-overlay:not(.fixed-height,
  .amp) {
    padding-top:calc(120px + 24%)
  }
  .video_block.big .BFMl-UHxBpremium-n-overlay--pornstar:not(.fixed-height) {
    padding-top:calc(120px + 35%)
  }
}
@media screen and (max-width:359px),screen and (min-width:360px) and (max-width:409px),screen and (min-width:410px) and (max-width:479px) {
  .video_block.big .BFMl-UHxBpremium-n-overlay:not(.fixed-height,
  .amp) {
    padding-top:calc(85px + 62%)
  }
  .video_block.big .BFMl-UHxBpremium-n-overlay--pornstar:not(.fixed-height) {
    padding-top:calc(180px + 53%)
  }
}
.video_block {
  border-bottom:none;
  cursor:pointer;
  padding:0 8px
}
.video_block .thumb-list-mobile {
  display:flex;
  flex-wrap:wrap;
  margin:0 auto
}
.video_block .thumb-list-mobile+.BFMl-UHxB {
  clear:both;
  margin:10px 0 10px -4px
}
.video_block .thumb-list-mobile .thumb-list-mobile-item.moment-as-video {
  padding-bottom:var(--xh-spacers-l)
}
.video_block .thumb-list-mobile .thumb-list-mobile-item.moment-as-video .thumb-image-container {
  border-radius:var(--xh-border-radius-s);
  height:0;
  min-height:200px;
  object-fit:cover;
  padding-top:135.13514%;
  width:100%
}
.video_block .thumb-list-mobile .thumb-list-mobile-item.moment-as-video .info-container {
  height:auto
}
.recomm-kebab-container {
  margin-left:20px
}
.recomm-kebab-container .kebab-dropdown {
  display:block;
  z-index:var(--xh-legacy-z-index-badge)
}
.recomm-kebab-container .kebab-dropdown .trigger {
  align-items:center;
  display:flex
}
.recomm-kebab-container .kebab-dropdown .trigger .xh-icon {
  display:block;
  font-size:24px
}
.recomm-kebab-container .kebab-dropdown .trigger.active .xh-icon:before {
  color:var(--color-accent-red,#e34449)
}
.recomm-kebab-container .kebab-dropdown .kebab-item {
  line-height:32px;
  padding-left:50px;
  position:relative
}
.recomm-kebab-container .kebab-dropdown .kebab-item .xh-icon {
  font-size:16px;
  left:20px;
  line-height:32px;
  position:absolute;
  text-align:center;
  width:20px
}
.recomm-clear-dialog {
  background-color:var(--color-cobalt-lighter,#f5f5f5);
  border-radius:5px;
  color:var(--color-cobalt-darker,#303030);
  padding:20px 15px
}
.recomm-clear-dialog .desktop-dialog__header {
  color:var(--color-accent-red,#e34449);
  font-size:18px;
  font-weight:700;
  line-height:26px;
  margin-bottom:15px
}
.recomm-clear-dialog .desktop-dialog__body {
  line-height:20px;
  margin-bottom:15px
}
.recomm-clear-dialog .desktop-dialog__footer {
  text-align:end
}
.dialog-mobile-container .recomm-clear-dialog {
  max-width:380px;
  min-width:300px
}
.dialog-desktop-container .recomm-clear-dialog {
  max-width:300px
}
.dialog-mobile-container.recomm-clear-dialog-container .dialog__close-icon {
  font-size:14px;
  padding:0;
  right:3px;
  top:-17px
}
.top-video-block .heading-text {
  margin-right:var(--xh-spacers-l)
}
.creator-promo-bg {
  background-position:50%;
  background-repeat:no-repeat;
  background-size:cover;
  border-radius:10px 10px 0 0;
  height:115px;
  margin:0 10px 20px 10px;
  position:relative
}
.creator-promo-bg:before {
  background:linear-gradient(180deg,transparent 25%,rgba(0,0,0,.7) 97.37%);
  bottom:0;
  content:"";
  position:absolute;
  top:0;
  width:100%
}
.creator-promo-bg .sub-button__text {
  margin-right:0
}
.creator-promo-bg .sub-button__counter,
.creator-promo-bg .sub-button__icon {
  display:none
}
.creator-promo-info {
  bottom:10px;
  color:var(--color-white-origin,#fff);
  left:80px;
  position:absolute
}
.creator-promo-info a {
  color:var(--color-white-origin,#fff);
  display:block;
  font-size:16px;
  font-weight:700;
  line-height:22px
}
.creator-promo-logo {
  border:3px solid var(--color-cobalt-lighter,#f5f5f5);
  border-radius:var(--xh-border-radius-l);
  bottom:-10px;
  height:60px;
  left:10px;
  position:absolute;
  width:60px
}
.creator-promo-logo img {
  border-radius:5px;
  height:100%;
  width:100%
}
.creator-promo-buttons {
  margin-bottom:10px;
  padding:0 10px;
  white-space:nowrap;
  width:calc(100% - 4px)
}
.top-video-block.promo-inside-video {
  width:100%
}
.top-video-block.promo-inside-video .top-video-block__header {
  margin:0 0 var(--xh-legacy-element-gap-small)
}
.top-video-block.promo-inside-video .creator-promo-bg {
  margin:0 0 var(--xh-spacers-2xl) 0
}
.top-video-block.promo-inside-video .creator-promo-buttons {
  padding:0
}
.top-video-block.promo-inside-video .top-video-block__control {
  margin:0
}
.top-video-block.promo-inside-video .video_block {
  padding:0
}
.newest-block,
.recommended-block,
.top-video-block {
  margin-bottom:var(--xh-legacy-element-gap-small)
}
.newest-block__header,
.recommended-block__header,
.top-video-block__header {
  margin:0 var(--xh-legacy-element-gap-small) var(--xh-legacy-element-gap-small)
}
.newest-block__header p,
.recommended-block__header p,
.top-video-block__header p {
  font-size:var(--xh-body-font-size);
  font-weight:700
}
.newest-block__control,
.recommended-block__control,
.top-video-block__control {
  margin:0 var(--xh-legacy-element-gap-small)
}
.newest-block .xh-icon.question,
.recommended-block .xh-icon.question,
.top-video-block .xh-icon.question {
  font-size:var(--xh-body-font-size);
  vertical-align:middle
}
@media screen and (min-width:480px) and (max-width:639px) {
  .newest-block .video_block:not(.big) .thumb-list .thumb-list-mobile-item:last-child,
  .recommended-block .video_block:not(.big) .thumb-list .thumb-list-mobile-item:last-child,
  .top-video-block .video_block:not(.big) .thumb-list .thumb-list-mobile-item:last-child {
    display:none
  }
}
@media screen and (min-width:640px) and (max-width:767px),screen and (min-width:768px) {
  .newest-block .big.video_block .thumb-list .thumb-list-mobile-item:last-child,
  .recommended-block .big.video_block .thumb-list .thumb-list-mobile-item:last-child,
  .top-video-block .big.video_block .thumb-list .thumb-list-mobile-item:last-child {
    display:none
  }
}
.newest-block__header a.link:visited,
.recommended-block__header a.link:visited {
  color:var(--xh-color-extra-black)
}
.top-video-block__header {
  line-height:var(--xh-h4-line-height-px)
}
.prev-next-list {
  display:flex
}
.prev-next-list-button {
  flex:1;
  overflow:hidden;
  white-space:nowrap
}
.prev-next-list-button:nth-child(2) {
  margin-left:10px
}
.prev-next-list-link {
  align-items:center;
  border:0;
  border-radius:5px;
  cursor:pointer;
  display:flex;
  font-size:14px;
  font-weight:700;
  justify-content:center;
  line-height:20px;
  outline:0;
  padding:10px;
  width:100%
}
.prev-next-list-link:after,
.prev-next-list-link:before {
  font-family:xh-icons;
  font-size:11px
}
.prev-next-list-link--next {
  background:var(--color-accent-red,#e34449);
  color:var(--color-white-origin,#fff)
}
.prev-next-list-link--next:after {
  content:"\f123";
  padding-left:5px;
  transform:rotate(0)
}
.prev-next-list-link--next:active,
.prev-next-list-link--next:hover,
.prev-next-list-link--next:visited {
  color:var(--color-white-origin,#fff)
}
.prev-next-list-link--previous {
  background:var(--color-cobalt-light,#dadada);
  color:var(--color-cobalt-darker,#303030)
}
.prev-next-list-link--previous:before {
  content:"\f114";
  padding-right:5px;
  transform:rotate(0)
}
.prev-next-list-link--previous:active,
.prev-next-list-link--previous:hover,
.prev-next-list-link--previous:visited {
  color:var(--color-cobalt-darker,#303030)
}
.prev-next-list-link-icon {
  display:flex;
  font-size:12px;
  font-weight:700;
  padding:5px
}
.page-list-wrapper {
  height:50px;
  height:40px;
  margin-top:var(--xh-spacers-l);
  overflow:hidden
}
.page-list-container {
  align-self:center;
  display:flex;
  justify-content:center;
  max-width:100%;
  position:relative
}
.page-list {
  display:inline-flex;
  overflow-x:auto;
  padding-bottom:var(--xh-spacers-l)
}
@media (max-width:374px) {
  .page-list .page-button--can-hide-on-small-screen,
  .page-list .page-button-separator--can-hide-on-small-screen {
    display:none
  }
}
.page-button {
  margin-right:var(--xh-spacers-s)
}
.page-button,
.page-limit-button {
  display:flex;
  height:50px;
  height:40px
}
.page-limit-button {
  position:relative
}
.page-limit-button--left {
  background:linear-gradient(90deg,var(--color-cobalt-lighter) 61.7%,hsla(0,0%,96%,0) 93.62%)
}
.page-limit-button--right {
  background:linear-gradient(270deg,var(--color-cobalt-lighter) 61.7%,hsla(0,0%,96%,0) 93.62%)
}
.page-hidden-button {
  display:none
}
.page-button-separator {
  align-items:center;
  display:flex;
  font-size:16px;
  justify-content:center;
  padding-right:5px
}
.page-button-separator--space-left {
  padding-left:5px
}
.limit-gradient {
  display:flex;
  height:100%;
  position:absolute;
  width:20px
}
.limit-gradient--left {
  background:linear-gradient(90deg,var(--color-cobalt-lighter) 10%,hsla(0,0%,96%,0) 100%);
  right:-20px
}
.limit-gradient--right {
  background:linear-gradient(270deg,var(--color-cobalt-lighter) 10%,hsla(0,0%,96%,0) 100%);
  left:-20px
}
.page-button-link {
  background:var(--color-cobalt-light);
  border:0;
  border-radius:5px;
  cursor:pointer;
  font-size:12px;
  line-height:20px;
  outline:0;
  padding:10px
}
.page-button-link,
.page-button-link:active,
.page-button-link:visited {
  color:var(--color-cobalt-darker)
}
.page-button-link--active {
  background:var(--color-cobalt-darker)
}
.page-button-link--active,
.page-button-link--active:active,
.page-button-link--active:visited {
  color:var(--color-cobalt-lighter)
}
.after-pager {
  order:3
}
.pager-container--mobile {
  order:2
}
.mobile-pagination {
  display:flex;
  flex-direction:column;
  padding:var(--xh-spacers-m)
}
.desktop-pagination {
  display:flex;
  justify-content:center
}
.categories-list {
  border-top:1px solid var(--color-cobalt-light,#dadada);
  flex-grow:1;
  padding:15px 10px 20px 10px
}
.categories-list__header {
  align-items:center;
  display:flex
}
.categories-list__genders {
  display:flex;
  margin-left:auto
}
.categories-list__gender {
  align-items:center;
  background-color:var(--color-cobalt-light,#dadada);
  border-radius:6px;
  display:flex;
  font-size:20px;
  height:30px;
  justify-content:center;
  width:30px
}
.categories-list__gender:not(:last-child) {
  margin-right:5px
}
.categories-list__gender--active {
  background-color:var(--color-cobalt-darker,#303030)
}
.categories-list__gender-link {
  align-items:center;
  display:flex;
  height:100%;
  justify-content:center;
  width:100%
}
.categories-list__categories {
  display:flex;
  flex-wrap:wrap;
  margin-top:10px
}
.categories-list__item {
  margin:0 5px 5px 0
}
.categories-list__link {
  align-items:center;
  background:var(--color-cobalt-light,#dadada);
  border-radius:6px;
  display:flex;
  font-size:var(--xh-body-font-size);
  font-weight:var(--xh-body-font-weight);
  line-height:var(--xh-body-line-height-px);
  min-height:24px;
  padding:var(--xh-legacy-element-gap-smaller) var(--xh-legacy-element-gap-small);
  white-space:nowrap
}
.categories-list__link,
.categories-list__link:visited {
  color:var(--color-cobalt-darker,#303030)
}
.categories-list__item-title-blurred {
  line-height:var(--xh-body-line-height-px)
}
.categories-list__icon.xh-icon {
  font-size:20px;
  margin-left:5px;
  min-height:16px;
  min-width:22px
}
.categories-list__icon.categories-list__icon-prepended {
  line-height:var(--xh-body-line-height-px);
  margin-left:0;
  margin-right:5px
}
.categories-list__flag {
  margin-left:5px
}
.categories-list__item--to-all .categories-list__link {
  background-color:var(--color-cobalt-darker,#303030);
  color:var(--color-cobalt-light,#dadada);
  padding-right:5px
}
.categories-list__item--to-all .categories-list__icon {
  align-items:center;
  display:flex;
  font-size:10px;
  justify-content:center
}
.ai-powered-container {
  align-items:center;
  color:var(--color-soft-violet,#965bfa);
  display:flex;
  flex-wrap:nowrap;
  font-weight:700
}
.ai-powered-container .ai-powered {
  background-color:var(--color-soft-violet,#965bfa);
  border-radius:18px;
  color:var(--color-white-origin,#fff);
  display:inline-flex;
  flex-shrink:0;
  font-size:12px;
  margin-left:5px;
  padding:0 8px;
  white-space:nowrap
}
.recomm-promo-banner {
  background-color:var(--color-gray-light,#eaeaea);
  display:grid;
  grid-template-areas:"ai-pow" "desc" "pic" "btn";
  justify-items:start;
  line-height:20px;
  margin-bottom:var(--xh-legacy-element-gap-small);
  padding:var(--xh-legacy-element-gap-large) var(--xh-legacy-element-gap-small)
}
.recomm-promo-banner .ai-powered-container {
  grid-area:ai-pow;
  margin-bottom:var(--xh-legacy-element-gap-small)
}
.recomm-promo-banner__desc {
  grid-area:desc;
  margin-bottom:var(--xh-legacy-element-gap-small)
}
.recomm-promo-banner__desc-heading {
  font-size:24px;
  font-weight:700;
  line-height:29px
}
.recomm-promo-banner__desc-heading:not(:last-child) {
  margin-bottom:var(--xh-legacy-element-gap-small)
}
.recomm-promo-banner__desc-comment {
  color:var(--color-cobalt,#707070);
  line-height:20px
}
.recomm-promo-banner__btn {
  grid-area:btn;
  width:100%
}
.recomm-promo-banner__pic {
  grid-area:pic;
  height:auto;
  width:100%
}
@media screen and (min-width:768px) {
  .recomm-promo-banner {
    border-radius:10px;
    column-gap:var(--xh-legacy-element-gap-small);
    grid-template-areas:"ai-pow pic" "desc pic" "btn pic";
    grid-template-columns:minmax(1px,50%) 1fr;
    overflow:hidden;
    padding:var(--xh-legacy-element-gap-larger)
  }
  .recomm-promo-banner__btn {
    width:auto
  }
  .recomm-promo-banner__pic {
    height:200px;
    margin-bottom:calc((var(--xh-legacy-element-gap-larger) + var(--xh-legacy-element-gap-small))*-1);
    margin-right:var(--xh-legacy-element-gap-larger);
    margin-top:calc((var(--xh-legacy-element-gap-large))*-1);
    place-self:center center;
    width:auto
  }
}
@media screen and (min-width:768px) and screen and (max-width:1279px) {
  .recomm-promo-banner__pic {
    margin-right:0
  }
}
.thumb-list-mobile-item.thumb-list-mobile-item--full-width {
  background-color:var(--color-gray-light,#eaeaea);
  margin-bottom:10px;
  position:relative;
  width:100%!important
}
.thumb-list-mobile-item.thumb-list-mobile-item--full-width .BFMl-UHxBads-remove {
  bottom:-22px;
  position:absolute;
  right:0
}
.thumb-list-mobile-item.thumb-list-mobile-item--full-width .details-container {
  background:linear-gradient(180deg,transparent,#000 130%);
  bottom:0;
  height:50px;
  line-height:50px;
  padding:0 10px;
  position:absolute;
  width:100%;
  z-index:2
}
.thumb-list-mobile-item.thumb-list-mobile-item--full-width .details-container .name {
  color:var(--color-white-origin,#fff);
  display:inline-block;
  margin:0;
  vertical-align:middle;
  white-space:normal
}
.thumb-list-mobile-item.thumb-list-mobile-item--full-width .details-container .name .goal {
  display:inline;
  font-style:italic;
  font-weight:400
}
.thumb-list-mobile-item.thumb-list-mobile-item--full-width .details-container .name span {
  max-width:none
}
.thumb-list-mobile-item.thumb-list-mobile-item--full-width .details-container .name i.xh-icon.white {
  line-height:20px;
  vertical-align:top
}
.thumb-list-mobile-item.thumb-list-mobile-item--full-width .details-container .name i.xh-icon.white:after,
.thumb-list-mobile-item.thumb-list-mobile-item--full-width .details-container .name i.xh-icon.white:before {
  color:var(--color-white-origin,#fff)
}
.thumb-list-mobile-item.thumb-list-mobile-item--full-width .details-container .name i.xh-icon.target {
  font-size:20px;
  margin:0
}
.thumb-list-mobile-item.thumb-list-mobile-item--full-width .details-container .avatar~.name {
  padding-left:55px
}
.thumb-list-mobile-item.thumb-list-mobile-item--full-width .details-container .avatar {
  background-size:100%;
  border:2px solid var(--color-cobalt-lighter,#f5f5f5);
  border-radius:50%;
  bottom:-6px;
  box-shadow:0 4px 4px rgba(0,0,0,.15);
  height:52px;
  left:5px;
  position:absolute;
  width:52px;
  z-index:3
}
.thumb-list-mobile-item.thumb-list-mobile-item--full-width .details-container .avatar,
.thumb-list-mobile-item.thumb-list-mobile-item--full-width .details-container button {
  position:absolute
}
.thumb-list-mobile-item.thumb-list-mobile-item--full-width .details-container button {
  bottom:8px;
  padding:0 12px;
  right:10px
}
.thumb-list-mobile-item.thumb-list-mobile-item--full-width .details-container button i.xh-icon {
  font-size:20px;
  line-height:20px;
  vertical-align:middle
}
.thumb-list-mobile-item.thumb-list-mobile-item--full-width .mobile-video-thumb {
  margin:0 auto;
  max-width:480px
}
.thumb-list-mobile-item.thumb-list-mobile-item--full-width .mobile-video-thumb .thumb-image-container {
  margin:0;
  overflow:visible;
  padding-top:56.25%
}
.thumb-list-mobile-item.thumb-list-mobile-item--full-width .mobile-video-thumb .thumb-image-container video {
  background:transparent
}
.thumb-list-mobile-item.thumb-list-mobile-item--full-width .mobile-video-thumb .thumb-image-container .live-badge {
  background:var(--color-accent-red,#e34449);
  border-radius:4px;
  box-shadow:0 4px 4px rgba(0,0,0,.25);
  color:var(--color-white-origin,#fff);
  font-size:12px;
  font-weight:700;
  height:24px;
  left:10px;
  line-height:24px;
  overflow:hidden;
  text-align:left;
  text-transform:uppercase;
  top:10px;
  z-index:var(--z-index-level2)
}
.thumb-list-mobile-item.thumb-list-mobile-item--full-width .mobile-video-thumb .thumb-image-container .live-badge:before {
  background-color:var(--color-white-origin,#fff)
}
.related-container {
  border-top:1px var(--color-cobalt-light,#dadada) solid;
  margin-left:calc(var(--xh-legacy-element-gap-small)*-1);
  order:2;
  overflow:hidden;
  position:relative
}
.related-container.indent {
  padding:var(--xh-legacy-element-gap-small) 0 var(--xh-legacy-element-gap-large) var(--xh-legacy-element-gap-large)
}
.related-container .width-wrap {
  display:flex
}
.related-container .width-wrap .vr-related-block {
  margin-right:var(--xh-legacy-element-gap-small)
}
.related-container .width-wrap .vr-related-block .categories-container {
  display:flex;
  flex-direction:column
}
.related-container .width-wrap .related-block {
  width:100%
}
.related-container .head {
  align-items:center;
  color:var(--color-cobalt-darker,#303030);
  display:flex;
  font-size:18px;
  font-weight:700;
  line-height:1.39;
  margin:0
}
.related-container .head .xh-icon {
  font-weight:700;
  margin-right:var(--xh-legacy-element-gap-small)
}
.related-container .related-list {
  display:flex;
  justify-content:left;
  margin-top:15px
}
.related-container .related-list li {
  box-sizing:content-box;
  display:flex;
  flex-direction:column;
  width:100px
}
.related-container .related-list li .preview {
  position:relative
}
.related-container .related-list li .preview .logo-container {
  display:block;
  height:100px;
  margin-bottom:0;
  width:100px
}
.related-container .related-list li .preview .logo-container .logo {
  background-size:cover;
  height:100%;
  left:0;
  position:absolute;
  width:100%;
  z-index:2
}
.related-container .related-list li .preview .xh-icon {
  background-color:var(--color-cobalt-light,#dadada);
  color:inherit;
  left:0;
  line-height:100px;
  position:absolute;
  text-align:center;
  width:100%;
  z-index:1
}
.related-container .related-list li .preview .xh-icon.pornstar,
.related-container .related-list li .preview .xh-icon.pornstar-male {
  font-size:60px
}
.related-container .related-list li .preview .xh-icon.badge-producer2 {
  font-size:57px
}
.related-container .related-list li .preview .rating {
  background-color:var(--color-button-black,#303030);
  border-radius:5px;
  color:var(--color-white-origin,#fff);
  font-size:12px;
  height:20px;
  line-height:14px;
  padding:3px 4px;
  position:absolute;
  right:5px;
  top:5px;
  z-index:var(--xh-legacy-z-index-badge)
}
.related-container .related-list li .title {
  display:block;
  font-size:14px;
  font-weight:700;
  overflow:hidden;
  padding:var(--xh-legacy-element-gap-small) 0;
  text-align:center;
  text-overflow:ellipsis;
  white-space:nowrap;
  width:100%
}
.related-container .related-list li .subscribe {
  text-align:center;
  width:100%
}
.related-container .related-list li .subscribe .sub-button {
  align-items:center;
  display:flex;
  justify-content:space-between;
  margin:auto;
  min-width:72px
}
.related-container .related-list li .subscribe .sub-button__icon.sub {
  font-size:16px
}
.related-container .related-list li .subscribe .sub-button__text {
  font-size:14px;
  font-weight:400;
  opacity:.7;
  padding-left:3px
}
.related-container .categories-container {
  margin-top:15px;
  padding-right:var(--xh-legacy-element-gap-small)
}
.related-container .categories-container .categories-container__item {
  margin-right:5px
}
.related-container .categories-container .categories-container__item.blurred .item-name {
  text-overflow:unset;
  visibility:hidden
}
.related-container .related-list {
  -webkit-overflow-scrolling:touch;
  -ms-overflow-style:none;
  overflow-x:scroll;
  scrollbar-width:none
}
.related-container .related-list::-webkit-scrollbar {
  display:none
}
.related-container .related-list li {
  padding-right:var(--xh-legacy-element-gap-small)
}
@media only screen and (device-width:320px) {
  .related-container .related-list li {
    padding-right:15px
  }
}
.category-related-block {
  float:left;
  width:16.66666667%
}
@media screen and (max-width:1535px) {
  .category-related-block {
    width:20%
  }
}
.category-related-block .list {
  float:left;
  margin-top:var(--xh-legacy-element-gap-large);
  padding-right:var(--xh-legacy-element-gap-large);
  width:100%
}
.category-related-block .list div {
  white-space:nowrap
}
.category-related-block .list div a {
  display:inline-block;
  height:24px;
  line-height:24px;
  margin-bottom:var(--xh-legacy-element-gap-small);
  max-width:100%;
  overflow:hidden;
  padding:0 var(--xh-legacy-element-gap-small);
  text-overflow:ellipsis
}
.category-related-block.three-columns {
  width:50%
}
@media screen and (max-width:1535px) {
  .category-related-block.three-columns {
    width:40%
  }
}
.category-related-block.three-columns .list {
  display:block;
  width:33.33333333%
}
@media screen and (max-width:1535px) {
  .category-related-block.three-columns .list {
    width:50%
  }
  .category-related-block.three-columns .list:last-child {
    display:none
  }
}
.category-related-block.four-columns {
  width:66.66666667%
}
@media screen and (max-width:1535px) {
  .category-related-block.four-columns {
    width:60%
  }
}
.category-related-block.four-columns .list {
  display:block;
  width:25%
}
@media screen and (max-width:1535px) {
  .category-related-block.four-columns .list {
    width:33.33333333%
  }
  .category-related-block.four-columns .list:last-child {
    display:none
  }
}
.category-related-block.five-columns {
  width:83.33333333%
}
@media screen and (max-width:1535px) {
  .category-related-block.five-columns {
    width:80%
  }
}
.category-related-block.five-columns .list {
  width:20%
}
@media screen and (max-width:1535px) {
  .category-related-block.five-columns .list {
    width:25%
  }
  .category-related-block.five-columns .list:last-child {
    display:none
  }
}
.category-related-block.six-columns {
  width:100%
}
.category-related-block.six-columns .list {
  width:16.66666667%
}
@media screen and (max-width:1535px) {
  .category-related-block.six-columns .list {
    width:20%
  }
  .category-related-block.six-columns .list:last-child {
    display:none
  }
}
.xh-dropdown--select .dropdown-container {
  position:relative
}
.xh-dropdown--select .dropdown {
  background-color:var(--background-input,#fff);
  border:1px solid var(--color-input-text-border);
  border-top-left-radius:0;
  border-top-right-radius:0;
  box-shadow:0 1px 3px rgba(0,0,0,.01);
  left:0;
  margin:0;
  max-height:200px;
  min-width:100%;
  overflow:hidden auto;
  padding:0;
  position:absolute;
  top:100%;
  width:100%
}
.xh-dropdown--select .dropdown>li {
  padding-left:0
}
.xh-dropdown--select .dropdown>li>a,
.xh-dropdown--select .dropdown>li>span {
  cursor:pointer;
  line-height:20px;
  overflow:hidden;
  padding:5px 10px;
  text-overflow:ellipsis
}
.filter-video-empty {
  margin:30px;
  text-align:center
}
.filter-video-empty .icon-camera {
  background:url(/xh-mobile/images/components/video-filters/components/mobile/camera.svg) no-repeat;
  background-size:contain;
  height:40px;
  margin:0 auto 5px;
  width:40px
}
.filter-video-empty span {
  color:var(--color-cobalt-darker,#303030);
  font-size:14px;
  line-height:20px
}
.filter-video-empty a {
  color:var(--color-cobalt,#707070);
  font-size:14px;
  line-height:20px;
  text-decoration:underline
}
.video-filter-container {
  background-color:var(--color-gray-light,#eaeaea);
  margin-bottom:20px;
  padding:15px 10px 0
}
.video-filter-container.active {
  display:block
}
.video-filter-container .filter-inner {
  display:flex;
  flex-wrap:wrap;
  gap:var(--xh-spacers-s);
  margin:0 auto;
  max-width:490px;
  width:auto
}
.video-filter-container .video-filter {
  min-height:50px;
  width:calc(50% - var(--xh-spacers-s))
}
.video-filter-container .video-filter-title {
  color:var(--color-cobalt-darker,#303030);
  display:block;
  font-size:14px;
  font-weight:700;
  line-height:16px;
  margin-bottom:5px;
  overflow:hidden;
  text-overflow:ellipsis
}
.video-filter-container .single-select__control {
  border-radius:5px;
  padding:5px 10px
}
.video-filter-container .filter-controls {
  border-top:1px solid var(--color-gray,#ccc);
  letter-spacing:normal;
  padding:10px;
  width:100%
}
.video-filter-container .filter-controls a {
  color:var(--color-cobalt,#707070);
  font-size:12px;
  line-height:25px;
  vertical-align:middle
}
.video-filter-container .filter-controls a:first-child {
  background:url(/xh-mobile/images/components/video-filters/components/mobile/cross.svg) no-repeat;
  background-position:2px 50%;
  background-size:10px;
  padding-left:18px;
  padding-top:2px
}
.video-filter-container .filter-controls a:last-child {
  float:right
}
.video-filter-container .filter-show {
  background-color:var(--color-cobalt-darker,#303030);
  border-radius:3px;
  color:var(--color-white,#fff)!important;
  font-weight:700;
  height:25px;
  line-height:24px;
  padding:0 5px;
  text-align:center
}
.video-filter-container .single-select__content {
  max-height:none
}
.xh-dropdown--select {
  display:block
}
.xh-dropdown--select .xh-icon {
  font-size:20px;
  line-height:20px;
  margin-right:5px;
  vertical-align:top
}
.xh-dropdown--select .trigger,
.xh-dropdown--select.trigger {
  background-color:var(--background-input,#fff);
  border:1px solid var(--color-input-text-border);
  border-radius:5px;
  color:var(--color-cobalt-darker,#303030);
  display:block;
  font-size:14px;
  line-height:20px;
  max-width:100%;
  overflow:hidden;
  padding:5px 30px 5px 10px;
  text-align:left;
  text-overflow:ellipsis
}
.xh-dropdown--select .trigger:after,
.xh-dropdown--select.trigger:after {
  border-color:var(--color-cobalt-darker,#303030) transparent transparent transparent;
  border-style:solid;
  border-width:3px 3px 0;
  content:"";
  display:block;
  margin-top:-2px;
  position:absolute;
  right:15px;
  top:50%
}
.xh-dropdown--select .trigger.active,
.xh-dropdown--select.trigger.active {
  border-bottom-left-radius:0;
  border-bottom-right-radius:0
}
.video-filter-fast-container {
  margin:5px 0;
  padding:0 10px
}
.video-filter-fast-container .clapperboard-tag {
  font-size:14px;
  line-height:22px;
  margin-right:2px;
  min-width:14px;
  vertical-align:top
}
.video-filter-fast-container .more {
  display:none
}
.video-filter-fast-container.opened .more {
  display:inline-flex
}
.video-filter-fast-list li a {
  align-items:center;
  color:var(--color-cobalt-darker,#303030);
  display:inline-flex
}
.video-filter-fast-list li a .xh-flag,
.video-filter-fast-list li a .xh-icon {
  margin-right:5px
}
.video-filter-container {
  display:none
}
.filter-trigger {
  cursor:pointer
}
.filter-trigger.filter-button {
  background-color:var(--main-background,#f5f5f5);
  border:solid 1px var(--color-cobalt-light,#dadada);
  border-radius:5px;
  display:flex;
  font-size:0;
  height:24px;
  min-width:30px;
  padding:0 5px;
  text-align:center;
  vertical-align:top
}
.filter-trigger .xh-icon {
  font-size:20px;
  line-height:22px;
  vertical-align:top
}
.filter-trigger .count {
  background-color:var(--color-cobalt-darker,#303030);
  border-radius:50%;
  color:var(--color-gray-light,#eaeaea);
  display:inline-block;
  font-size:10px;
  height:15px;
  line-height:15px;
  margin:4px 0;
  text-align:center;
  vertical-align:top;
  width:15px
}
a.mobile-video-thumb:visited .mobile-video-thumb__name {
  color:var(--color-visited-mobile,#707070)
}
.newest-block,
.top-video-block {
  margin:5px 0 15px
}
.newest-block:first-child,
.top-video-block:first-child {
  margin-top:15px
}
.newest-block__header h2,
.newest-block__header p,
.top-video-block__header h2,
.top-video-block__header p {
  font-size:18px
}
@media screen and (min-width:480px) and (max-width:639px) {
  .newest-block .video_block:not(.big) .thumb-list li:nth-child(n+7),
  .top-video-block .video_block:not(.big) .thumb-list li:nth-child(n+7) {
    display:none
  }
}
@media screen and (min-width:640px) and (max-width:767px),screen and (min-width:768px) {
  .newest-block .big.video_block .thumb-list li:nth-child(n+7),
  .top-video-block .big.video_block .thumb-list li:nth-child(n+7) {
    display:none
  }
}
.BFMl-UHxBoutstream-thumb-widget.thumb-list-mobile-item--widget {
  margin-bottom:var(--xh-spacers-m);
  margin-top:30px
}
.BFMl-UHxBoutstream-thumb-widget.thumb-list-mobile-item--widget .title {
  color:var(--color-cobalt,#707070);
  float:left;
  font-size:12px;
  margin-top:-21px
}
.BFMl-UHxBoutstream-thumb-widget.thumb-list-mobile-item--widget .BFMl-UHxBads-remove {
  bottom:0;
  color:var(--color-cobalt,#707070);
  float:right;
  margin-top:-26px;
  position:relative
}
main .video_block.fh {
  padding:0
}
main .video_block.fh .BFMl-UHxBpremium-n-overlay {
  margin:0 0 var(--xh-spacers-m);
  width:100%
}
main .subsection {
  margin-bottom:var(--xh-spacers-2xl)
}
main .subsection .heading {
  align-items:center;
  display:flex;
  margin:0 var(--xh-spacers-m) var(--xh-spacers-m)
}
main .subsection .heading .xh-icon {
  align-self:flex-start;
  font-size:18px;
  font-weight:700;
  line-height:var(--xh-spacers-3xl)
}
main .subsection .heading .xh-icon.question {
  font-size:14px;
  font-weight:400;
  margin-left:5px
}
main .subsection .heading .textual {
  font-size:18px;
  font-weight:700;
  line-height:var(--xh-spacers-3xl);
  margin-left:var(--xh-spacers-m)
}
main .subsection .recommended-block__control {
  margin:0 8px
}
main .subsection.clusters .thumb-list-mobile .thumb-list-mobile-item {
  margin-bottom:4px;
  overflow:hidden
}
@media screen and (max-width:359px) {
  main .subsection.clusters .thumb-list-mobile .thumb-list-mobile-item {
    width:100%
  }
}
@media screen and (min-width:360px) and (max-width:409px),screen and (min-width:410px) and (max-width:479px) {
  main .subsection.clusters .thumb-list-mobile .thumb-list-mobile-item {
    width:100%
  }
}
@media screen and (min-width:480px) and (max-width:639px) {
  main .subsection.clusters .thumb-list-mobile .thumb-list-mobile-item {
    width:100%
  }
}
@media screen and (min-width:640px) and (max-width:767px) {
  main .subsection.clusters .thumb-list-mobile .thumb-list-mobile-item {
    width:50%
  }
}
@media screen and (min-width:768px) {
  main .subsection.clusters .thumb-list-mobile .thumb-list-mobile-item {
    width:50%
  }
}
@media screen and (min-width:1024px) {
  main .subsection.clusters .thumb-list-mobile .thumb-list-mobile-item {
    width:25%
  }
}
main .subsection.clusters .thumb-list-mobile .thumb-list-mobile-item .mobile-video-thumb {
  margin-bottom:0
}
main .subsection.clusters .thumb-list-mobile .thumb-list-mobile-item .mobile-video-thumb .thumb-image-container {
  border-radius:5px;
  margin-bottom:0;
  padding-top:160px
}
main .subsection.clusters .thumb-list-mobile .thumb-list-mobile-item .mobile-video-thumb .thumb-image-container>img {
  object-fit:cover
}
main .subsection.clusters .thumb-list-mobile .thumb-list-mobile-item .mobile-video-thumb .thumb-image-container.red-bg:after {
  background:linear-gradient(180deg,rgba(168,37,37,0),#a82525)
}
main .subsection.clusters .thumb-list-mobile .thumb-list-mobile-item .mobile-video-thumb .thumb-image-container.blue-bg:after {
  background:linear-gradient(180deg,rgba(168,37,37,0),#474cc0)
}
main .subsection.clusters .thumb-list-mobile .thumb-list-mobile-item .mobile-video-thumb .thumb-image-container.green-bg:after {
  background:linear-gradient(180deg,rgba(168,37,37,0),#289a5c)
}
main .subsection.clusters .thumb-list-mobile .thumb-list-mobile-item .mobile-video-thumb .thumb-image-container.orange-bg:after {
  background:linear-gradient(180deg,rgba(168,37,37,0),#d48032)
}
main .subsection.clusters .thumb-list-mobile .thumb-list-mobile-item .mobile-video-thumb .thumb-image-container:after {
  content:"";
  display:block;
  height:100%;
  left:0;
  position:absolute;
  top:0;
  width:100%;
  z-index:1
}
main .subsection.clusters .thumb-list-mobile .thumb-list-mobile-item .mobile-video-thumb .cluster-description {
  color:var(--color-cobalt-lighter-origin,#f5f5f5);
  display:flex;
  flex-direction:column;
  height:100%;
  justify-content:flex-end;
  left:0;
  padding:0 var(--xh-spacers-m) 20px 20px;
  position:absolute;
  top:0;
  user-select:none;
  width:100%;
  z-index:2
}
main .subsection.clusters .thumb-list-mobile .thumb-list-mobile-item .mobile-video-thumb .cluster-description__heading {
  color:var(--color-cobalt-lighter-origin,#f5f5f5);
  font-size:18px;
  font-weight:700;
  line-height:var(--xh-spacers-3xl)
}
main .subsection.clusters .thumb-list-mobile .thumb-list-mobile-item .mobile-video-thumb .cluster-description__consists {
  color:var(--color-cobalt-lighter-origin,#f5f5f5);
  line-height:20px;
  opacity:.8;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap
}
@media screen and (min-width:640px) and (max-width:767px),screen and (min-width:768px) {
  main .subsection.geo .video_block.big .thumb-list .thumb-list-mobile-item:last-of-type,
  main .subsection.newest .video_block.big .thumb-list .thumb-list-mobile-item:last-of-type,
  main .subsection.recent .video_block.big .thumb-list .thumb-list-mobile-item:last-of-type {
    display:none
  }
}
@media screen and (min-width:480px) and (max-width:639px) {
  main .subsection.geo .video_block:not(.big) .thumb-list .thumb-list-mobile-item:last-of-type,
  main .subsection.newest .video_block:not(.big) .thumb-list .thumb-list-mobile-item:last-of-type,
  main .subsection.recent .video_block:not(.big) .thumb-list .thumb-list-mobile-item:last-of-type {
    display:none
  }
}
@media screen and (min-width:640px) and (max-width:767px),screen and (min-width:768px) {
  main .subsection.all-time .video_block.big .thumb-list .thumb-list-mobile-item:nth-child(7),
  main .subsection.all-time .video_block.big .thumb-list .thumb-list-mobile-item:nth-child(8),
  main .subsection.geo .video_block.big .thumb-list .thumb-list-mobile-item:nth-child(7),
  main .subsection.geo .video_block.big .thumb-list .thumb-list-mobile-item:nth-child(8),
  main .subsection.porn-radar .video_block.big .thumb-list .thumb-list-mobile-item:nth-child(7),
  main .subsection.porn-radar .video_block.big .thumb-list .thumb-list-mobile-item:nth-child(8),
  main .subsection.trending .video_block.big .thumb-list .thumb-list-mobile-item:nth-child(7),
  main .subsection.trending .video_block.big .thumb-list .thumb-list-mobile-item:nth-child(8) {
    display:none
  }
}
@media screen and (min-width:480px) and (max-width:639px) {
  main .subsection.all-time .video_block:not(.big) .thumb-list .thumb-list-mobile-item:nth-child(7),
  main .subsection.all-time .video_block:not(.big) .thumb-list .thumb-list-mobile-item:nth-child(8),
  main .subsection.geo .video_block:not(.big) .thumb-list .thumb-list-mobile-item:nth-child(7),
  main .subsection.geo .video_block:not(.big) .thumb-list .thumb-list-mobile-item:nth-child(8),
  main .subsection.porn-radar .video_block:not(.big) .thumb-list .thumb-list-mobile-item:nth-child(7),
  main .subsection.porn-radar .video_block:not(.big) .thumb-list .thumb-list-mobile-item:nth-child(8),
  main .subsection.trending .video_block:not(.big) .thumb-list .thumb-list-mobile-item:nth-child(7),
  main .subsection.trending .video_block:not(.big) .thumb-list .thumb-list-mobile-item:nth-child(8) {
    display:none
  }
}
@media screen and (min-width:640px) and (max-width:767px),screen and (min-width:768px) {
  main .subsection.all-time .video_block.big .thumb-list .thumb-list-mobile-item:nth-child(12),
  main .subsection.trending .video_block.big .thumb-list .thumb-list-mobile-item:nth-child(12) {
    display:none
  }
}
@media screen and (min-width:480px) and (max-width:639px) {
  main .subsection.all-time .video_block:not(.big) .thumb-list .thumb-list-mobile-item:nth-child(12),
  main .subsection.trending .video_block:not(.big) .thumb-list .thumb-list-mobile-item:nth-child(12) {
    display:none
  }
}
@media screen and (min-width:640px) and (max-width:767px),screen and (min-width:768px) {
  main .subsection.recent .video_block.big .thumb-list .thumb-list-mobile-item:nth-child(7) {
    display:none
  }
}
@media screen and (min-width:480px) and (max-width:639px) {
  main .subsection.recent .video_block:not(.big) .thumb-list .thumb-list-mobile-item:nth-child(7) {
    display:none
  }
}
.root-adb75 {
  padding-top:var(--xh-legacy-element-gap-large)
}
@media screen and (min-width:1536px) {
  .root-adb75 .BFMl-UHxBpremium-n-overlay iframe {
    height:280px
  }
}
@media screen and (min-width:1366px) and (max-width:1535px) {
  .root-adb75 .BFMl-UHxBpremium-n-overlay iframe {
    height:250px
  }
}
@media screen and (min-width:1280px) and (max-width:1365px) {
  .root-adb75 .BFMl-UHxBpremium-n-overlay iframe {
    height:240px
  }
}
.videoFilterMobile-adb75 {
  margin-top:0
}
.root-9177b {
  height:24px;
  margin:var(--xh-legacy-element-gap-small) 0
}
.container-9177b {
  -ms-overflow-style:none;
  display:flex;
  flex-wrap:nowrap;
  overflow-x:scroll;
  padding:0 var(--xh-legacy-element-gap-small);
  scrollbar-width:none
}
.container-9177b::-webkit-scrollbar {
  display:none
}
.item-9177b {
  align-items:center;
  background:var(--color-cobalt-light);
  border-radius:var(--xh-border-radius-s);
  color:var(--color-cobalt-darker);
  display:inline-flex;
  font-size:var(--xh-caption-font-size);
  line-height:var(--xh-h4-line-height-px);
  margin:0 var(--xh-spacers-s) var(--xh-spacers-s) 0;
  padding:0 var(--xh-spacers-m);
  white-space:nowrap
}
.item-9177b:last-child {
  margin-right:0
}
.rootExp-9177b {
  height:auto;
  margin:var(--xh-spacers-l) 0
}
.rootExp-9177b .item-9177b {
  background:var(--color-gray-light);
  border:1px solid var(--color-cobalt-light);
  border-radius:var(--xh-spacers-m);
  font-size:var(--xh-body-bold-font-size);
  line-height:var(--xh-body-line-height-px);
  margin:0 var(--xh-spacers-s) 0 0;
  padding:var(--xh-spacers-s) var(--xh-spacers-m)
}
.rootExp-9177b .itemActive-9177b {
  background:var(--color-cobalt-darker);
  border:1px solid var(--color-cobalt-darker);
  color:var(--color-cobalt-lighter)
}
.subscr-9177b {
  padding:0 var(--xh-legacy-element-gap-smaller)
}
.flag-9177b {
  margin-right:var(--xh-legacy-element-gap-smaller);
  min-width:16px
}
.icon-9177b {
  font-size:var(--xh-body-line-height-px);
  min-width:16px
}
.allCategoriesIcon-9177b {
  font-size:var(--xh-caption-line-height-px);
  margin-right:1px;
  width:18px
}
.toAllIcon-9177b {
  font-size:9px;
  margin-left:var(--xh-legacy-element-gap-smaller);
  text-align:center;
  width:20px
}
.mobileTop-52a6f {
  display:flex;
  flex-direction:column;
  height:135px;
  overflow:hidden
}
.mobileTopContainer-52a6f {
  display:flex;
  overflow:auto;
  padding:0 var(--xh-spacers-m)
}
.mobileTopThumb-52a6f {
  flex-shrink:0;
  padding-bottom:var(--xh-spacers-l);
  width:148px
}
.mobileTopThumb-52a6f:not(:last-child) {
  margin-right:var(--xh-spacers-s)
}
.title-52a6f {
  margin:var(--xh-spacers-xs) var(--xh-spacers-m)
}
.scrollable-52a6f {
  -webkit-overflow-scrolling:touch;
  -ms-overflow-style:none;
  overflow:scroll hidden;
  scrollbar-width:none;
  width:100%
}
.scrollable-52a6f::-webkit-scrollbar {
  display:none
}
.thumb-08ebf {
  width:100%
}
.image-08ebf {
  background-color:var(--color-cobalt-light);
  background-position:50%;
  background-repeat:no-repeat;
  background-size:cover;
  margin:0 auto var(--xh-spacers-xs);
  padding-top:56.25%;
  position:relative;
  width:100%
}
.linkThumb-08ebf,
.linkTitle-08ebf {
  display:block;
  overflow:hidden;
  position:relative
}
.text-08ebf {
  max-width:100%;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap
}
.duration-c030e {
  align-items:center;
  background:rgba(48,48,48,.7);
  background:var(--color-cobalt-darker-origin-70);
  border-radius:var(--xh-border-radius-xs);
  bottom:var(--xh-spacers-s);
  color:#fff;
  color:var(--color-white-origin);
  display:flex;
  font:700 11px/12px Roboto,-apple-system,BlinkMacSystemFont,Helvetica Neue,Arial,sans-serif;
  height:20px;
  justify-content:center;
  min-width:36px;
  position:absolute;
  right:var(--xh-spacers-s);
  z-index:1
}
.icon-c030e.icon-c030e {
  align-items:center;
  background-color:var(--color-gay);
  border-radius:2px 0 0 2px;
  display:flex;
  font-size:8px;
  height:100%;
  min-width:24px;
  padding:var(--xh-spacers-s)
}
.time-c030e {
  padding:0 var(--xh-spacers-s)
}
.title-13482 {
  background-position:0;
  background-repeat:no-repeat;
  background-size:18px;
  max-width:100%;
  overflow:hidden;
  padding-left:var(--xh-spacers-3xl);
  text-overflow:ellipsis;
  white-space:nowrap
}
.thumbPlaceholder-fddc6 {
  border-radius:50%;
  flex:0 0 auto;
  height:90px;
  width:90px
}
.container-55f00 {
  margin-bottom:var(--xh-spacers-m)
}
.list-55f00 {
  -webkit-overflow-scrolling:touch;
  box-sizing:border-box;
  display:flex;
  flex-wrap:nowrap;
  gap:var(--xh-spacers-s);
  overflow-x:auto;
  padding:0 var(--xh-spacers-m);
  scrollbar-width:none;
  width:100%;
  will-change:transform
}
.list-55f00::-webkit-scrollbar {
  display:none
}
.pornstar-videos .linking-vertical-wrapper:has(.container-55f00) {
  margin:0 0 var(--xh-spacers-l);
  padding:0
}
.hub-tags:has(.container-55f00),
.video-filter-fast-container:has(.container-55f00),
[data-role=linking-block][data-block=linking-vertical]:has(.container-55f00) {
  margin:0;
  padding:0
}
.layout-video-player__order .container-55f00 {
  margin-left:0;
  margin-right:0
}
.layout-video-player__order .container-55f00 .list-55f00 {
  padding:0
}
.layout-video-player__order .container-55f00 .list-55f00:after,
.layout-video-player__order .container-55f00 .list-55f00:before {
  content:"";
  flex:0 0 auto;
  width:var(--xh-spacers-s)
}
.tagContainer-34ab8 {
  overflow:hidden
}
.tag-34ab8 {
  width:100%
}
.container-ee227.button-ee227,
.container-ee227.button-ee227:focus,
.container-ee227.button-ee227:hover,
.container-ee227.button-ee227:visited {
  background-color:var(--main-background);
  border:solid 1px var(--color-cobalt-light);
  border-radius:var(--xh-border-radius-s);
  color:var(--xh-color-font-primary);
  display:flex;
  justify-content:center;
  min-width:36px;
  padding:0 var(--xh-spacers-s)
}
.container-ee227.button-ee227.small-ee227,
.container-ee227.button-ee227:focus.small-ee227,
.container-ee227.button-ee227:hover.small-ee227,
.container-ee227.button-ee227:visited.small-ee227 {
  height:24px;
  min-width:34px
}
.container-ee227 .icon-ee227 {
  font-size:var(--xh-h4-font-size);
  width:22px
}
.container-ee227 .badge-ee227 {
  align-items:center;
  background-color:var(--color-cobalt-darker);
  border-radius:50%;
  color:var(--color-gray-light);
  display:flex;
  flex-shrink:0;
  font-size:10px;
  height:15px;
  justify-content:center;
  line-height:10px;
  width:15px
}
.container-5984a {
  align-items:center;
  border-style:solid;
  border-width:1px;
  box-sizing:border-box;
  display:inline-flex;
  overflow:hidden;
  text-decoration:none
}
.content-5984a {
  align-items:center;
  display:flex;
  max-width:100%
}
.primary-5984a {
  background:var(--xh-color-button-secondary);
  border-color:var(--xh-color-button-secondary);
  color:var(--xh-color-font-primary)
}
.secondary-5984a {
  background:var(--xh-color-button-primary);
  border-color:var(--xh-color-button-primary);
  color:var(--xh-color-font-invert)
}
.secondary-5984a:hover {
  background:var(--xh-color-button-primary-hover);
  border-color:var(--xh-color-button-primary-hover)
}
.ghost-5984a {
  background-color:transparent;
  border-color:var(--xh-color-border-divider);
  color:var(--xh-color-font-primary)
}
.ghost-5984a:hover {
  background-color:var(--xh-color-button-secondary);
  border-color:var(--xh-color-button-secondary)
}
.container-5984a .avatar-5984a .avatarShape-5984a {
  border-bottom-right-radius:0;
  border-top-right-radius:0
}
.label-5984a {
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap
}
.small-5984a,
.small-5984a .avatar-5984a {
  height:var(--xh-spacers-3xl)
}
.small-5984a .avatar-5984a {
  width:var(--xh-spacers-3xl)
}
.small-5984a .content-5984a {
  gap:var(--xh-spacers-xs);
  padding:0 var(--xh-spacers-m)
}
.small-5984a .label-5984a {
  line-height:var(--xh-body-line-height-px)
}
.medium-5984a,
.medium-5984a .avatar-5984a {
  height:var(--xh-spacers-3xl)
}
.medium-5984a .avatar-5984a {
  width:var(--xh-spacers-3xl)
}
.medium-5984a .content-5984a {
  gap:var(--xh-spacers-s);
  padding:0 var(--xh-spacers-m)
}
.big-5984a,
.big-5984a .avatar-5984a {
  height:var(--xh-spacers-5xl)
}
.big-5984a .avatar-5984a {
  width:var(--xh-spacers-5xl)
}
.big-5984a .content-5984a {
  --big-vertical-padding:calc(var(--xh-spacers-s) + var(--xh-spacers-xs));
  gap:var(--big-vertical-padding);
  padding:0 var(--xh-spacers-l)
}
.border-radius-small-5984a {
  border-radius:var(--xh-border-radius-s)
}
.border-radius-big-5984a {
  border-radius:400px
}
.strikethrough-5984a {
  opacity:.6;
  text-decoration:line-through
}
.strikethrough-5984a:hover {
  opacity:1
}
.pointer-5984a {
  cursor:pointer
}
.noPaddings-5984a .content-5984a {
  padding:0
}
.iconLeft-5984a {
  margin-left:-2px
}
.iconRight-5984a {
  margin-right:-2px
}
.disabled-5984a {
  opacity:.5
}
.container-8e483 {
  gap:0;
  width:100%
}
.container-8e483.desktop-8e483 {
  width:auto
}
.container-8e483 .icon-8e483 {
  margin-right:0;
  min-width:16px
}
.desktop-8e483.container-8e483 .icon-8e483 {
  min-width:22px
}
.withFlag-8e483 {
  gap:var(--xh-spacers-xs)
}
.flagIcon-8e483 {
  width:16px
}
.icon-cd167 {
  min-width:18px
}
.container-7a16e {
  align-items:center;
  display:flex
}
.container-7a16e .icon-7a16e {
  line-height:normal;
  min-width:16px
}
.labelBlurred-7a16e {
  -webkit-user-select:none;
  user-select:none;
  visibility:hidden
}
.container-a02e8 {
  width:100%
}
.prePopunderLabel-15e4c {
  align-items:center;
  display:flex;
  gap:var(--xh-spacers-m)
}
.prePopunderLabel-15e4c .title-15e4c {
  font-size:var(--xh-legacy-font-size-small);
  line-height:var(--xh-tiny-line-height-px)
}
.prePopunderLabel-15e4c.noSpace-15e4c {
  margin:unset
}
.prePopunderLabel-15e4c.maxWidth-15e4c {
  max-width:80%
}
.page-15e4c {
  margin:0 var(--xh-spacers-l) var(--xh-legacy-element-gap-small)
}
.page-15e4c.desktop-15e4c {
  margin:var(--xh-spacers-xl) 0
}
.mobileBlock-15e4c {
  margin:0 var(--xh-legacy-element-gap-small) var(--xh-legacy-element-gap-small)
}
.tagIcon-dc060,
.tagIcon-f76fd {
  font-size:var(--xh-legacy-font-size-icon);
  width:calc(var(--xh-legacy-font-size-icon)*1.1)
}
.withoutBorderTop-9d71f {
  border-top:none
}
.loadingContainer-24e64 {
  height:400px
}
.container-24e64 {
  display:flex;
  flex-direction:column;
  position:relative;
  width:100%
}
.container-24e64 .list-24e64 .fhThumb-24e64 {
  width:16.66667%
}
@media screen and (max-width:1279px) {
  .container-24e64 .list-24e64 .fhThumb-24e64 {
    width:20%
  }
  .container-24e64 .list-24e64 .fhThumb-24e64:nth-child(n+11) {
    display:none
  }
}
.container-24e64 .list-24e64 .fhThumbInfo-24e64 {
  height:auto;
  margin:var(--xh-spacers-xs) 0
}
.titleContainer-24e64 {
  align-items:center;
  display:flex;
  flex-shrink:0;
  font-weight:700;
  gap:var(--xh-spacers-s)
}
.titleContainer-24e64 .titleText-24e64 {
  color:inherit;
  font-size:var(--xh-h4-font-size);
  font-style:normal;
  text-decoration:underline
}
.titleContainer-24e64 .titleText-24e64:hover {
  color:var(--xh-color-brand-enabled)
}
.categories-24e64 {
  display:flex;
  flex-wrap:wrap;
  gap:var(--xh-spacers-xs);
  height:var(--xh-spacers-3xl);
  overflow:hidden
}
.category-24e64:hover {
  background-color:var(--xh-color-brand-enabled);
  color:var(--xh-color-extra-white)
}
.categoryLabelBlurred-24e64 {
  -webkit-user-select:none;
  user-select:none;
  visibility:hidden
}
.header-24e64 {
  align-items:center;
  background:var(--color-cobalt-lighter);
  display:flex;
  flex-wrap:nowrap;
  gap:var(--xh-spacers-s);
  margin:0;
  padding-bottom:var(--xh-spacers-m);
  top:0;
  z-index:var(--z-index-level1)
}
.list-24e64 {
  display:flex;
  flex-wrap:wrap;
  justify-content:space-between
}
.moreBtn-24e64 {
  align-self:center;
  background:var(--xh-color-font-primary);
  color:var(--xh-color-surface-front);
  font-weight:var(--xh-h4-bold-font-weight);
  justify-content:center;
  margin-top:var(--xh-spacers-m);
  white-space:nowrap
}
.moreBtn-24e64:hover {
  background:var(--xh-color-font-secondary)
}
.root-52a07 {
  display:flex;
  gap:var(--xh-spacers-m)
}
.root-52a07 .iconRight-52a07.iconRight-52a07 {
  left:var(--xh-spacers-m);
  position:relative;
  transform:none
}
.root-70593 {
  align-items:center;
  display:flex;
  justify-content:space-between;
  margin-bottom:var(--xh-legacy-element-gap-small)
}
.root-70593 h1 {
  margin:0
}
.root-70593.mobile-70593 {
  margin-bottom:var(--xh-spacers-m);
  margin-top:var(--xh-spacers-m);
  padding-left:var(--xh-legacy-element-gap-small);
  padding-right:var(--xh-legacy-element-gap-small)
}
.root-70593.mobile-70593 .rightSide-70593 {
  align-items:center;
  display:flex
}
.root-70593.desktop-70593 .pageN-70593 {
  margin-bottom:0
}
.root-70593.desktop-70593 .segmentControl-70593:hover,
.root-70593.desktop-70593 .segmentControl-70593:visited {
  color:var(--xh-color-font-primary)
}
.leftSide-70593 {
  align-items:center;
  display:flex
}
.root-3a69f {
  background-color:var(--xh-color-surface-back);
  border-radius:var(--xh-border-radius-m);
  display:inline-flex;
  overflow:hidden;
  padding:var(--xh-spacers-xs)
}
.button-3a69f {
  align-items:center;
  align-self:center;
  background-color:inherit;
  border:none;
  border-radius:var(--xh-border-radius-s);
  color:var(--xh-color-font-primary);
  cursor:pointer;
  display:inline-flex;
  font-family:var(--xh-body-font-family),var(--font-family-fallback);
  font-size:var(--xh-body-font-size);
  font-weight:var(--xh-body-font-weight);
  line-height:var(--xh-body-line-height-px);
  padding:var(--xh-spacers-s) var(--xh-spacers-xl);
  text-decoration:none
}
.bold-3a69f .button-3a69f {
  font-weight:var(--xh-body-bold-font-weight)
}
.button-3a69f:hover:not(.active-3a69f) {
  background-color:var(--xh-color-button-secondary-hover);
  transition:background-color 60ms ease-out
}
.button-3a69f:not(.button-3a69f:last-of-type) {
  margin-right:1px
}
.active-3a69f {
  background-color:var(--xh-color-surface-segment-control);
  box-shadow:var(--xh-shadow-big);
  cursor:default;
  transition:background-color 0ms ease-out;
  z-index:var(--z-index-level2)
}
.componentLeft-3a69f {
  margin-right:var(--xh-spacers-s)
}
.componentRight-3a69f {
  margin-left:var(--xh-spacers-s)
}
.no-icons i {
            visibility: hidden !important;
        }.xh-flag {
  background-image:url(/xh-mobile/images/flags_2.png);
  background-size:16px auto;
  display:inline-block;
  height:12px;
  min-height:12px;
  min-width:16px;
  width:16px
}
.xh-flag.xh-flag {
  background-position:0 0
}
.xh-flag.US,
.xh-flag.us {
  background-position:0 -12px
}
.xh-flag.AF,
.xh-flag.af {
  background-position:0 -24px
}
.xh-flag.AL,
.xh-flag.al {
  background-position:0 -36px
}
.xh-flag.AE,
.xh-flag.ae {
  background-position:0 -48px
}
.xh-flag.DZ,
.xh-flag.dz {
  background-position:0 -60px
}
.xh-flag.AS,
.xh-flag.as {
  background-position:0 -72px
}
.xh-flag.AD,
.xh-flag.ad {
  background-position:0 -84px
}
.xh-flag.AO,
.xh-flag.ao {
  background-position:0 -96px
}
.xh-flag.AI,
.xh-flag.ai {
  background-position:0 -108px
}
.xh-flag.AQ,
.xh-flag.aq {
  background-position:0 -120px
}
.xh-flag.AG,
.xh-flag.ag {
  background-position:0 -132px
}
.xh-flag.AR,
.xh-flag.ar {
  background-position:0 -144px
}
.xh-flag.AM,
.xh-flag.am {
  background-position:0 -156px
}
.xh-flag.AW,
.xh-flag.aw {
  background-position:0 -168px
}
.xh-flag.AU,
.xh-flag.au {
  background-position:0 -180px
}
.xh-flag.AT,
.xh-flag.at {
  background-position:0 -192px
}
.xh-flag.AZ,
.xh-flag.az {
  background-position:0 -204px
}
.xh-flag.BS,
.xh-flag.bs {
  background-position:0 -216px
}
.xh-flag.BA,
.xh-flag.ba {
  background-position:0 -228px
}
.xh-flag.GB,
.xh-flag.GB_ENG,
.xh-flag.GB_NIR,
.xh-flag.GB_WLS,
.xh-flag.gb,
.xh-flag.gb_eng,
.xh-flag.gb_nir,
.xh-flag.gb_wls {
  background-position:0 -240px
}
.xh-flag.GB_SCT,
.xh-flag.gb_sct {
  background-position:0 -5628px
}
.xh-flag.BH,
.xh-flag.bh {
  background-position:0 -252px
}
.xh-flag.BD,
.xh-flag.bd {
  background-position:0 -264px
}
.xh-flag.BB,
.xh-flag.bb {
  background-position:0 -276px
}
.xh-flag.BY,
.xh-flag.by {
  background-position:0 -288px
}
.xh-flag.BE,
.xh-flag.be {
  background-position:0 -300px
}
.xh-flag.BZ,
.xh-flag.bz {
  background-position:0 -312px
}
.xh-flag.BJ,
.xh-flag.bj {
  background-position:0 -324px
}
.xh-flag.BM,
.xh-flag.bm {
  background-position:0 -336px
}
.xh-flag.BT,
.xh-flag.bt {
  background-position:0 -348px
}
.xh-flag.BO,
.xh-flag.bo {
  background-position:0 -360px
}
.xh-flag.BW,
.xh-flag.bw {
  background-position:0 -372px
}
.xh-flag.BV,
.xh-flag.NO,
.xh-flag.SJ,
.xh-flag.bv,
.xh-flag.no,
.xh-flag.sj {
  background-position:0 -384px
}
.xh-flag.BR,
.xh-flag.br {
  background-position:0 -396px
}
.xh-flag.BN,
.xh-flag.bn {
  background-position:0 -408px
}
.xh-flag.BG,
.xh-flag.bg {
  background-position:0 -420px
}
.xh-flag.BF,
.xh-flag.bf {
  background-position:0 -432px
}
.xh-flag.BI,
.xh-flag.bi {
  background-position:0 -444px
}
.xh-flag.KH,
.xh-flag.kh {
  background-position:0 -456px
}
.xh-flag.CM,
.xh-flag.cm {
  background-position:0 -468px
}
.xh-flag.CA,
.xh-flag.ca {
  background-position:0 -480px
}
.xh-flag.CV,
.xh-flag.cv {
  background-position:0 -492px
}
.xh-flag.KY,
.xh-flag.ky {
  background-position:0 -504px
}
.xh-flag.CF,
.xh-flag.cf {
  background-position:0 -516px
}
.xh-flag.TD,
.xh-flag.td {
  background-position:0 -528px
}
.xh-flag.CL,
.xh-flag.cl {
  background-position:0 -540px
}
.xh-flag.CN,
.xh-flag.cn {
  background-position:0 -552px
}
.xh-flag.CX,
.xh-flag.cx {
  background-position:0 -564px
}
.xh-flag.CC,
.xh-flag.cc {
  background-position:0 -576px
}
.xh-flag.CG,
.xh-flag.cg {
  background-position:0 -588px
}
.xh-flag.CO,
.xh-flag.co {
  background-position:0 -600px
}
.xh-flag.KM,
.xh-flag.km {
  background-position:0 -612px
}
.xh-flag.CD,
.xh-flag.cd {
  background-position:0 -624px
}
.xh-flag.CK,
.xh-flag.ck {
  background-position:0 -636px
}
.xh-flag.CR,
.xh-flag.cr {
  background-position:0 -648px
}
.xh-flag.CI,
.xh-flag.ci {
  background-position:0 -660px
}
.xh-flag.HR,
.xh-flag.hr {
  background-position:0 -672px
}
.xh-flag.CY,
.xh-flag.cy {
  background-position:0 -684px
}
.xh-flag.CZ,
.xh-flag.cz {
  background-position:0 -696px
}
.xh-flag.CU,
.xh-flag.cu {
  background-position:0 -708px
}
.xh-flag.DK,
.xh-flag.dk {
  background-position:0 -720px
}
.xh-flag.DJ,
.xh-flag.dj {
  background-position:0 -732px
}
.xh-flag.DO,
.xh-flag.do {
  background-position:0 -744px
}
.xh-flag.TL,
.xh-flag.tl {
  background-position:0 -756px
}
.xh-flag.EC,
.xh-flag.ec {
  background-position:0 -768px
}
.xh-flag.EG,
.xh-flag.eg {
  background-position:0 -780px
}
.xh-flag.EU,
.xh-flag.eu {
  background-position:0 -792px
}
.xh-flag.SV,
.xh-flag.sv {
  background-position:0 -804px
}
.xh-flag.GQ,
.xh-flag.gq {
  background-position:0 -816px
}
.xh-flag.ER,
.xh-flag.er {
  background-position:0 -828px
}
.xh-flag.EE,
.xh-flag.ee {
  background-position:0 -840px
}
.xh-flag.ET,
.xh-flag.et {
  background-position:0 -852px
}
.xh-flag.FK,
.xh-flag.fk {
  background-position:0 -864px
}
.xh-flag.FO,
.xh-flag.fo {
  background-position:0 -876px
}
.xh-flag.FJ,
.xh-flag.fj {
  background-position:0 -888px
}
.xh-flag.FI,
.xh-flag.fi {
  background-position:0 -900px
}
.xh-flag.FR,
.xh-flag.GF,
.xh-flag.GP,
.xh-flag.PM,
.xh-flag.YT,
.xh-flag.fr,
.xh-flag.gf,
.xh-flag.gp,
.xh-flag.pm,
.xh-flag.yt {
  background-position:0 -912px
}
.xh-flag.PF,
.xh-flag.pf {
  background-position:0 -924px
}
.xh-flag.GA,
.xh-flag.ga {
  background-position:0 -936px
}
.xh-flag.GM,
.xh-flag.gm {
  background-position:0 -948px
}
.xh-flag.GE,
.xh-flag.ge {
  background-position:0 -960px
}
.xh-flag.DE,
.xh-flag.de {
  background-position:0 -972px
}
.xh-flag.GH,
.xh-flag.gh {
  background-position:0 -984px
}
.xh-flag.GI,
.xh-flag.gi {
  background-position:0 -996px
}
.xh-flag.GR,
.xh-flag.gr {
  background-position:0 -1008px
}
.xh-flag.GL,
.xh-flag.gl {
  background-position:0 -1020px
}
.xh-flag.GD,
.xh-flag.gd {
  background-position:0 -1032px
}
.xh-flag.GU,
.xh-flag.gu {
  background-position:0 -1044px
}
.xh-flag.GT,
.xh-flag.gt {
  background-position:0 -1056px
}
.xh-flag.GG,
.xh-flag.gg {
  background-position:0 -1068px
}
.xh-flag.GN,
.xh-flag.gn {
  background-position:0 -1080px
}
.xh-flag.GW,
.xh-flag.gw {
  background-position:0 -1092px
}
.xh-flag.GY,
.xh-flag.gy {
  background-position:0 -1104px
}
.xh-flag.HT,
.xh-flag.ht {
  background-position:0 -1116px
}
.xh-flag.HN,
.xh-flag.hn {
  background-position:0 -1128px
}
.xh-flag.HK,
.xh-flag.hk {
  background-position:0 -1140px
}
.xh-flag.HU,
.xh-flag.hu {
  background-position:0 -1152px
}
.xh-flag.IS,
.xh-flag.is {
  background-position:0 -1164px
}
.xh-flag.IN,
.xh-flag.in {
  background-position:0 -1176px
}
.xh-flag.ID,
.xh-flag.id {
  background-position:0 -1188px
}
.xh-flag.IR,
.xh-flag.ir {
  background-position:0 -1200px
}
.xh-flag.IQ,
.xh-flag.iq {
  background-position:0 -1212px
}
.xh-flag.IE,
.xh-flag.ie {
  background-position:0 -1224px
}
.xh-flag.IM,
.xh-flag.im {
  background-position:0 -1236px
}
.xh-flag.IL,
.xh-flag.il {
  background-position:0 -1248px
}
.xh-flag.IT,
.xh-flag.it {
  background-position:0 -1260px
}
.xh-flag.JM,
.xh-flag.jm {
  background-position:0 -1272px
}
.xh-flag.JP,
.xh-flag.jp {
  background-position:0 -1284px
}
.xh-flag.JE,
.xh-flag.je {
  background-position:0 -1296px
}
.xh-flag.JO,
.xh-flag.jo {
  background-position:0 -1308px
}
.xh-flag.KZ,
.xh-flag.kz {
  background-position:0 -1320px
}
.xh-flag.KE,
.xh-flag.ke {
  background-position:0 -1332px
}
.xh-flag.KI,
.xh-flag.ki {
  background-position:0 -1344px
}
.xh-flag.KR,
.xh-flag.kr {
  background-position:0 -1356px
}
.xh-flag.KP,
.xh-flag.kp {
  background-position:0 -1368px
}
.xh-flag.KW,
.xh-flag.kw {
  background-position:0 -1380px
}
.xh-flag.KG,
.xh-flag.kg {
  background-position:0 -1392px
}
.xh-flag.LA,
.xh-flag.la {
  background-position:0 -1404px
}
.xh-flag.LV,
.xh-flag.lv {
  background-position:0 -1416px
}
.xh-flag.LB,
.xh-flag.lb {
  background-position:0 -1428px
}
.xh-flag.LS,
.xh-flag.ls {
  background-position:0 -1440px
}
.xh-flag.LR,
.xh-flag.lr {
  background-position:0 -1452px
}
.xh-flag.LY,
.xh-flag.ly {
  background-position:0 -1464px
}
.xh-flag.LI,
.xh-flag.li {
  background-position:0 -1476px
}
.xh-flag.LT,
.xh-flag.lt {
  background-position:0 -1488px
}
.xh-flag.LU,
.xh-flag.lu {
  background-position:0 -1500px
}
.xh-flag.MO,
.xh-flag.mo {
  background-position:0 -1512px
}
.xh-flag.MK,
.xh-flag.mk {
  background-position:0 -1524px
}
.xh-flag.MG,
.xh-flag.mg {
  background-position:0 -1536px
}
.xh-flag.MW,
.xh-flag.mw {
  background-position:0 -1548px
}
.xh-flag.MY,
.xh-flag.my {
  background-position:0 -1560px
}
.xh-flag.MV,
.xh-flag.mv {
  background-position:0 -1572px
}
.xh-flag.ML,
.xh-flag.ml {
  background-position:0 -1584px
}
.xh-flag.MT,
.xh-flag.mt {
  background-position:0 -1596px
}
.xh-flag.MH,
.xh-flag.mh {
  background-position:0 -1608px
}
.xh-flag.MQ,
.xh-flag.mq {
  background-position:0 -1620px
}
.xh-flag.MR,
.xh-flag.mr {
  background-position:0 -1632px
}
.xh-flag.MU,
.xh-flag.mu {
  background-position:0 -1644px
}
.xh-flag.MX,
.xh-flag.mx {
  background-position:0 -1656px
}
.xh-flag.FM,
.xh-flag.fm {
  background-position:0 -1668px
}
.xh-flag.MD,
.xh-flag.md {
  background-position:0 -1680px
}
.xh-flag.MC,
.xh-flag.mc {
  background-position:0 -1692px
}
.xh-flag.MN,
.xh-flag.mn {
  background-position:0 -1704px
}
.xh-flag.ME,
.xh-flag.me {
  background-position:0 -1716px
}
.xh-flag.MS,
.xh-flag.ms {
  background-position:0 -1728px
}
.xh-flag.MA,
.xh-flag.ma {
  background-position:0 -1740px
}
.xh-flag.MZ,
.xh-flag.mz {
  background-position:0 -1752px
}
.xh-flag.MP,
.xh-flag.mp {
  background-position:0 -1764px
}
.xh-flag.MM,
.xh-flag.mm {
  background-position:0 -1776px
}
.xh-flag.NA,
.xh-flag.na {
  background-position:0 -1788px
}
.xh-flag.NR,
.xh-flag.nr {
  background-position:0 -1800px
}
.xh-flag.NP,
.xh-flag.np {
  background-position:0 -1812px
}
.xh-flag.NL,
.xh-flag.nl {
  background-position:0 -1824px
}
.xh-flag.AN,
.xh-flag.an {
  background-position:0 -1836px
}
.xh-flag.NC,
.xh-flag.nc {
  background-position:0 -1848px
}
.xh-flag.NZ,
.xh-flag.nz {
  background-position:0 -1860px
}
.xh-flag.NI,
.xh-flag.ni {
  background-position:0 -1872px
}
.xh-flag.NE,
.xh-flag.ne {
  background-position:0 -1884px
}
.xh-flag.NG,
.xh-flag.ng {
  background-position:0 -1896px
}
.xh-flag.NU,
.xh-flag.nu {
  background-position:0 -1908px
}
.xh-flag.NF,
.xh-flag.nf {
  background-position:0 -1920px
}
.xh-flag.OM,
.xh-flag.om {
  background-position:0 -1932px
}
.xh-flag.PK,
.xh-flag.pk {
  background-position:0 -1944px
}
.xh-flag.PW,
.xh-flag.pw {
  background-position:0 -1956px
}
.xh-flag.PA,
.xh-flag.pa {
  background-position:0 -1968px
}
.xh-flag.PG,
.xh-flag.pg {
  background-position:0 -1980px
}
.xh-flag.PS,
.xh-flag.ps {
  background-position:0 -1992px
}
.xh-flag.PY,
.xh-flag.py {
  background-position:0 -2004px
}
.xh-flag.PE,
.xh-flag.pe {
  background-position:0 -2016px
}
.xh-flag.PH,
.xh-flag.ph {
  background-position:0 -2028px
}
.xh-flag.PN,
.xh-flag.pn {
  background-position:0 -2040px
}
.xh-flag.PL,
.xh-flag.pl {
  background-position:0 -2052px
}
.xh-flag.PT,
.xh-flag.pt {
  background-position:0 -2064px
}
.xh-flag.PR,
.xh-flag.pr {
  background-position:0 -2076px
}
.xh-flag.QA,
.xh-flag.qa {
  background-position:0 -2088px
}
.xh-flag.RE,
.xh-flag.re {
  background-position:0 -2100px
}
.xh-flag.RO,
.xh-flag.ro {
  background-position:0 -2112px
}
.xh-flag.RU,
.xh-flag.ru {
  background-position:0 -2124px
}
.xh-flag.RW,
.xh-flag.rw {
  background-position:0 -2136px
}
.xh-flag.SH,
.xh-flag.sh {
  background-position:0 -2148px
}
.xh-flag.LC,
.xh-flag.lc {
  background-position:0 -2160px
}
.xh-flag.SM,
.xh-flag.sm {
  background-position:0 -2172px
}
.xh-flag.SA,
.xh-flag.sa {
  background-position:0 -2184px
}
.xh-flag.SN,
.xh-flag.sn {
  background-position:0 -2196px
}
.xh-flag.RS,
.xh-flag.rs {
  background-position:0 -2208px
}
.xh-flag.SC,
.xh-flag.sc {
  background-position:0 -2220px
}
.xh-flag.SL,
.xh-flag.sl {
  background-position:0 -2232px
}
.xh-flag.SG,
.xh-flag.sg {
  background-position:0 -2244px
}
.xh-flag.SK,
.xh-flag.sk {
  background-position:0 -2256px
}
.xh-flag.SI,
.xh-flag.si {
  background-position:0 -2268px
}
.xh-flag.SB,
.xh-flag.sb {
  background-position:0 -2280px
}
.xh-flag.SO,
.xh-flag.so {
  background-position:0 -2292px
}
.xh-flag.ZA,
.xh-flag.za {
  background-position:0 -2304px
}
.xh-flag.GS,
.xh-flag.gs {
  background-position:0 -2316px
}
.xh-flag.ES,
.xh-flag.es {
  background-position:0 -2328px
}
.xh-flag.LK,
.xh-flag.lk {
  background-position:0 -2340px
}
.xh-flag.KN,
.xh-flag.kn {
  background-position:0 -2352px
}
.xh-flag.SR,
.xh-flag.sr {
  background-position:0 -2364px
}
.xh-flag.SZ,
.xh-flag.sz {
  background-position:0 -2376px
}
.xh-flag.SE,
.xh-flag.se {
  background-position:0 -2388px
}
.xh-flag.CH,
.xh-flag.ch {
  background-position:0 -2400px
}
.xh-flag.ST,
.xh-flag.st {
  background-position:0 -2412px
}
.xh-flag.SD,
.xh-flag.sd {
  background-position:0 -2424px
}
.xh-flag.SY,
.xh-flag.sy {
  background-position:0 -2436px
}
.xh-flag.TW,
.xh-flag.tw {
  background-position:0 -2448px
}
.xh-flag.TJ,
.xh-flag.tj {
  background-position:0 -2460px
}
.xh-flag.TZ,
.xh-flag.tz {
  background-position:0 -2472px
}
.xh-flag.TH,
.xh-flag.th {
  background-position:0 -2484px
}
.xh-flag.TG,
.xh-flag.tg {
  background-position:0 -2496px
}
.xh-flag.TK,
.xh-flag.tk {
  background-position:0 -2508px
}
.xh-flag.TO,
.xh-flag.to {
  background-position:0 -2520px
}
.xh-flag.TN,
.xh-flag.tn {
  background-position:0 -2532px
}
.xh-flag.TR,
.xh-flag.tr {
  background-position:0 -2544px
}
.xh-flag.TC,
.xh-flag.tc {
  background-position:0 -2556px
}
.xh-flag.TT,
.xh-flag.tt {
  background-position:0 -2568px
}
.xh-flag.TM,
.xh-flag.tm {
  background-position:0 -2580px
}
.xh-flag.TV,
.xh-flag.tv {
  background-position:0 -2592px
}
.xh-flag.UG,
.xh-flag.ug {
  background-position:0 -2604px
}
.xh-flag.UA,
.xh-flag.ua {
  background-position:0 -2616px
}
.xh-flag.UY,
.xh-flag.uy {
  background-position:0 -2628px
}
.xh-flag.UZ,
.xh-flag.uz {
  background-position:0 -2640px
}
.xh-flag.VU,
.xh-flag.vu {
  background-position:0 -2652px
}
.xh-flag.VA,
.xh-flag.va {
  background-position:0 -2664px
}
.xh-flag.VC,
.xh-flag.vc {
  background-position:0 -2676px
}
.xh-flag.VE,
.xh-flag.ve {
  background-position:0 -2688px
}
.xh-flag.VN,
.xh-flag.vn {
  background-position:0 -2700px
}
.xh-flag.VG,
.xh-flag.vg {
  background-position:0 -2712px
}
.xh-flag.VI,
.xh-flag.vi {
  background-position:0 -2724px
}
.xh-flag.EH,
.xh-flag.eh {
  background-position:0 -2736px
}
.xh-flag.WS,
.xh-flag.ws {
  background-position:0 -2748px
}
.xh-flag.WF,
.xh-flag.wf {
  background-position:0 -2760px
}
.xh-flag.YE,
.xh-flag.ye {
  background-position:0 -2772px
}
.xh-flag.ZM,
.xh-flag.zm {
  background-position:0 -2784px
}
.xh-flag.ZW,
.xh-flag.zw {
  background-position:0 -2796px
}
.xh-flag-big,
.xh-flag-bigger,
.xh-flag-large {
  background-image:url(/xh-mobile/images/flags_2@2x.png);
  transform:scale(1.25)
}
.xh-flag-bigger {
  transform:scale(1.5)
}
.xh-flag-large {
  transform:scale(2)
}
@media only screen and (min-device-pixel-ratio:1.5),only screen and (min-resolution:192dpi) {
  .xh-flag {
    background-image:url(/xh-mobile/images/flags_2@2x.png)
  }
}
.dmca-notice-not .promo-message.promo-message {
  background-color:var(--xh-color-extra-yellow);
  font-weight:700;
  height:auto;
  line-height:var(--xh-body-line-height-px);
  padding-left:38px;
  position:relative;
  width:100%
}
.dmca-notice-not .promo-message.promo-message .promo-message-button {
  align-items:center;
  background-color:var(--xh-color-extra-black);
  border-color:var(--xh-color-extra-black);
  border-radius:var(--xh-border-radius-m);
  color:var(--xh-color-extra-white);
  display:inline-flex;
  display:flex;
  font-weight:var(--xh-body-bold-font-weight);
  height:30px;
  line-height:var(--xh-body-line-height-px);
  margin-top:var(--xh-spacers-m);
  padding-left:var(--xh-spacers-l);
  padding-right:var(--xh-spacers-l);
  width:fit-content
}
.dmca-notice-not .promo-message.promo-message .promo-message-button:after {
  display:none
}
.dmca-notice-not .promo-message.promo-message .promo-message-button:not(.disabled):active,
.dmca-notice-not .promo-message.promo-message .promo-message-button:not(.disabled):hover {
  background-color:var(--xh-color-extra-black);
  border-color:var(--xh-color-extra-black);
  color:var(--xh-color-extra-white)
}
.dmca-notice-not .promo-message.promo-message .promo-message-button .xh-icon {
  display:none
}
.dmca-notice-not .dmca-notice-counter {
  align-items:center;
  background-color:var(--xh-color-brand-enabled);
  border-radius:50%;
  color:var(--xh-color-extra-white);
  display:inline-flex;
  font-size:var(--xh-caption-font-size);
  height:20px;
  justify-content:center;
  left:10px;
  line-height:var(--xh-caption-line-height-px);
  margin-right:var(--xh-spacers-m);
  position:absolute;
  width:20px
}
.producer-affidavit {
  display:flex;
  flex-direction:column
}
.producer-affidavit .buttons {
  display:flex;
  margin-top:20px
}
.producer-affidavit.mobile-dialog .subtitle {
  font-size:14px;
  font-weight:700;
  line-height:20px;
  margin:var(--xh-spacers-m) 0
}
.producer-affidavit.mobile-dialog .buttons {
  flex-direction:column
}
.producer-affidavit.mobile-dialog .buttons .xh-button {
  display:inline-block;
  margin-bottom:15px;
  max-width:100%;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap
}
.producer-affidavit.mobile-dialog .buttons .xh-button:last-child {
  margin-bottom:0
}
.producer-affidavit.desktop-dialog .buttons {
  justify-content:flex-end
}
.producer-affidavit.desktop-dialog .buttons button:first-child {
  margin-right:10px
}
.producer-affidavit.desktop-dialog .subtitle {
  font-size:18px;
  font-weight:700;
  line-height:22px;
  margin-bottom:10px
}
.producer-affidavit.desktop-dialog .field-container.required {
  width:70%
}
.producer-affidavit.desktop-dialog .field-container.required .field-label__left {
  max-width:130px
}
.dismiss-affidavit ul {
  background-color:rgba(227,68,73,.1);
  border-radius:5px;
  margin-bottom:15px;
  margin-top:10px;
  padding:15px
}
.dismiss-affidavit ul li {
  align-items:center;
  color:var(--color-accent-red,#e34449);
  display:flex;
  font-size:14px;
  font-weight:700;
  margin-bottom:10px
}
.dismiss-affidavit ul li:last-child {
  margin-bottom:0
}
.dismiss-affidavit ul li .xh-icon {
  font-size:18px;
  margin-right:10px
}
.dismiss-affidavit .desktop-dialog__footer,
.dismiss-affidavit .mobile-dialog__footer {
  min-height:30px;
  position:relative
}
.dismiss-affidavit .desktop-dialog__footer .dots-loader,
.dismiss-affidavit .mobile-dialog__footer .dots-loader {
  top:0
}
.dismiss-affidavit .desktop-dialog__footer .dots-loader .dot,
.dismiss-affidavit .mobile-dialog__footer .dots-loader .dot {
  background:var(--color-gray-dark,#a0a0a0)
}
.dismiss-affidavit .mobile-dialog__footer {
  display:flex;
  flex-direction:column
}
.dismiss-affidavit .mobile-dialog__footer .xh-button.full-width {
  margin-bottom:15px
}
.dismiss-affidavit .mobile-dialog__footer .xh-button.full-width:last-child {
  margin-bottom:0
}
.dialog-desktop-container,
.dialog-mobile-container,
.fullscreen-dialog-container {
  height:100%;
  inset:0;
  position:fixed;
  width:100%;
  z-index:var(--xh-legacy-z-index-modal)
}
.dialog-desktop-container--hidden,
.dialog-mobile-container--hidden,
.fullscreen-dialog-container--hidden {
  display:none
}
.dialog-desktop-container__content,
.dialog-mobile-container__content,
.fullscreen-dialog-container__content {
  max-width:100%;
  position:absolute;
  z-index:20
}
.dialog-desktop-container__backing,
.dialog-mobile-container__backing {
  background-color:rgba(0,0,0,.7);
  height:100%;
  left:0;
  position:fixed;
  top:0;
  width:100%;
  z-index:10
}
.dialog__close-icon.xh-icon {
  color:var(--color-cobalt-lighter,#f5f5f5);
  cursor:pointer;
  position:absolute
}
.mobile-dialog-open {
  overflow:hidden
}
.mobile-dialog-open .up-arrow {
  z-index:1
}
.mobile-dialog-open .tooltip {
  z-index:3001
}
.dialog-mobile-container .dialog__close-icon {
  align-self:self-end;
  color:var(--color-cobalt-lighter,#f5f5f5);
  cursor:pointer;
  font-size:var(--xh-body-font-size);
  font-weight:700;
  padding:var(--xh-spacers-m);
  position:relative;
  right:0
}
.dialog-mobile-container .dialog-mobile-container__content {
  align-items:center;
  display:flex;
  flex-direction:column;
  height:100vh;
  height:100dvh;
  justify-content:center;
  width:100vw
}
.mobile-dialog {
  display:flex;
  flex-direction:column;
  max-height:calc(90vh - 30px - var(--xh-spacers-2xl))
}
@supports (height:100dvh) {
  .mobile-dialog {
    max-height:calc(100dvh - 30px - var(--xh-spacers-2xl))
  }
}
.mobile-dialog__body {
  margin-bottom:var(--xh-spacers-m);
  overflow:hidden auto;
  padding:var(--xh-spacers-m) 0 0 0
}
.mobile-dialog__body:last-child {
  margin-bottom:0
}
.mobile-dialog__footer {
  padding:0 10px
}
.mobile-dialog__body:last-child:first-child {
  max-height:100%
}
.desktop-dialog {
  background-color:var(--color-cobalt-lighter,#f5f5f5);
  border-radius:var(--xh-border-radius-m);
  display:flex;
  flex-direction:column;
  font-size:14px;
  margin:0 var(--xh-legacy-element-gap-small) var(--xh-legacy-element-gap-large) var(--xh-legacy-element-gap-small);
  max-height:100%;
  padding:0 var(--xh-legacy-element-gap-large)
}
.desktop-dialog--small {
  width:580px
}
.desktop-dialog--smallest {
  width:380px
}
.desktop-dialog--medium {
  width:640px
}
.desktop-dialog--large {
  width:940px
}
.desktop-dialog--no-padding {
  padding:0
}
.desktop-dialog__header {
  font-size:var(--xh-legacy-font-size-largest);
  font-weight:700;
  line-height:30px
}
.desktop-dialog__header,
.desktop-dialog__header-new {
  margin-bottom:var(--xh-legacy-element-gap-large);
  padding-top:var(--xh-legacy-element-gap-large)
}
.desktop-dialog__body {
  line-height:20px;
  max-height:100%;
  padding-bottom:var(--xh-legacy-element-gap-large)
}
.desktop-dialog__footer {
  padding-bottom:var(--xh-legacy-element-gap-normal);
  text-align:right
}
.desktop-dialog__footer .link {
  background:none;
  border:0;
  color:var(--color-cobalt-darker,#303030);
  font-weight:700;
  padding:0
}
.desktop-dialog__footer .link:hover {
  background:none;
  border:0
}
.desktop-dialog__footer button {
  margin-left:0;
  margin-right:var(--xh-legacy-element-gap-small)
}
.desktop-dialog__footer button:last-child {
  margin-right:0
}
.desktop-dialog.full-body {
  padding:0
}
.desktop-dialog.full-body .desktop-dialog__header-new {
  margin-bottom:0;
  padding:var(--xh-legacy-element-gap-large) var(--xh-legacy-element-gap-large) 0 var(--xh-legacy-element-gap-large)
}
.desktop-dialog.full-body .desktop-dialog__footer {
  padding:0 var(--xh-legacy-element-gap-large) var(--xh-legacy-element-gap-large) var(--xh-legacy-element-gap-large)
}
.scrollable .desktop-dialog__body {
  margin-bottom:var(--xh-legacy-element-gap-large);
  overflow:hidden auto;
  padding-bottom:0
}
.scrollable .desktop-dialog__body::-webkit-scrollbar {
  display:none
}
.mobile-dialog {
  background-color:var(--color-cobalt-lighter,#f5f5f5);
  border-radius:var(--xh-border-radius-m);
  color:var(--color-cobalt-darker,#303030);
  margin:0 var(--xh-spacers-m);
  max-width:calc(100vw - var(--xh-spacers-m)*2);
  min-width:300px;
  padding:var(--xh-spacers-xl)
}
.mobile-dialog--medium {
  width:calc(100vw - var(--xh-spacers-m)*2)
}
.mobile-dialog--large {
  max-width:none
}
.mobile-dialog__header-new {
  align-items:center;
  display:flex;
  font-size:var(--xh-h4-font-size);
  font-weight:var(--xh-h4-bold-font-weight);
  gap:var(--xh-spacers-l);
  line-height:var(--xh-h4-line-height-px);
  padding:0 var(--xh-spacers-l)
}
.mobile-dialog__header-new--without-paddings {
  padding:0
}
.mobile-dialog__body {
  line-height:var(--xh-body-line-height-px);
  padding:var(--xh-spacers-l) 0 var(--xh-spacers-l) 0
}
.mobile-dialog--no-padding,
.mobile-dialog--no-padding .mobile-dialog__body {
  padding:0
}
.mobile-dialog__footer {
  text-align:right
}
.mobile-dialog__footer .link {
  background:none;
  border:0;
  color:var(--color-cobalt,#707070);
  font-weight:700
}
.mobile-dialog--full-width {
  border-radius:0;
  margin:0;
  max-width:100%;
  min-width:calc(100vw - var(--xh-spacers-m)*2);
  padding:var(--xh-legacy-element-gap-normal) 0
}
.mobile-dialog--full-width .mobile-dialog__body,
.mobile-dialog--full-width .mobile-dialog__footer,
.mobile-dialog--full-width .mobile-dialog__header-new {
  padding-left:10px;
  padding-right:10px
}
.desktop-dialog,
.mobile-dialog {
  background-color:var(--color-cobalt-lighter,#f5f5f5);
  font-size:var(--xh-body-font-size);
  overflow-y:auto
}
.desktop-dialog--fixed-footer,
.mobile-dialog--fixed-footer {
  overflow-y:hidden
}
.mobile-dialog .dialog-wrapper {
  margin:0 calc(var(--xh-spacers-xl)*-1)
}
.desktop-dialog .dialog-wrapper {
  margin:0 calc(var(--xh-legacy-element-gap-large)*-1)
}
.mobile-dialog__body {
  padding-top:var(--xh-spacers-l)
}
.mobile-dialog--fixed-footer .mobile-dialog__body {
  overflow:hidden auto
}
.mobile-dialog:not(.mobile-dialog--fixed-footer) .mobile-dialog__body {
  overflow:visible
}
.mobile-dialog__footer {
  display:flex;
  flex-direction:column-reverse
}
.mobile-dialog__footer button:first-of-type {
  margin-top:var(--xh-spacers-m)
}
.mobile-dialog__footer.row {
  flex-direction:row;
  gap:var(--xh-spacers-m);
  justify-content:flex-end;
  margin-top:var(--xh-spacers-l)
}
.mobile-dialog__footer.row button:first-of-type {
  margin-top:0
}
.body-scroll.desktop-dialog,
.body-scroll.mobile-dialog,
.mobile-dialog__footer.without-paddings {
  padding-left:0;
  padding-right:0
}
.body-scroll .desktop-dialog__body {
  overflow:hidden auto
}
.body-scroll.mobile-dialog>* {
  padding-left:var(--xh-spacers-xl);
  padding-right:var(--xh-spacers-xl)
}
.body-scroll.desktop-dialog>* {
  padding-left:var(--xh-legacy-element-gap-large);
  padding-right:var(--xh-legacy-element-gap-large)
}
.dialog-header-text {
  flex:1
}
.sign-up-block .title {
  color:var(--color-cobalt-darker,#303030);
  display:block;
  font-size:var(--xh-h2-font-size);
  font-weight:700;
  line-height:43px;
  margin-bottom:20px
}
.sign-up-block .features-list {
  font-size:14px;
  line-height:20px
}
.sign-up-block .features-list .item {
  margin-bottom:var(--xh-spacers-l);
  margin-bottom:var(--xh-spacers-s);
  padding-left:30px;
  position:relative
}
.sign-up-block .features-list .item-head {
  align-items:center;
  display:flex;
  white-space:pre-wrap
}
.sign-up-block .features-list .item-head .xh-icon {
  left:0;
  line-height:30px;
  position:absolute
}
.sign-up-block .features-list .item-head .xh-icon.comments,
.sign-up-block .features-list .item-head .xh-icon.heart,
.sign-up-block .features-list .item-head .xh-icon.magic,
.sign-up-block .features-list .item-head .xh-icon.rec-ai,
.sign-up-block .features-list .item-head .xh-icon.round-check,
.sign-up-block .features-list .item-head .xh-icon.video3 {
  font-size:20px
}
.sign-up-block .features-list .item-head .xh-icon.rec-ai:before {
  color:var(--color-cobalt-darker)
}
.sign-up-block .features-list .item-head .xh-icon.rec-ai:after {
  color:var(--color-gray-light)
}
.sign-up-block .left-side {
  font-size:14px;
  line-height:20px;
  padding:20px 10px;
  text-align:left
}
.sign-up-block .left-side input[readonly] {
  background-color:var(--background-input,#fff)!important;
  cursor:text!important
}
.sign-up-block .left-side p,
.sign-up-block .left-side p.title {
  font-size:36px;
  font-size:24px;
  font-weight:700;
  line-height:42px;
  line-height:29px;
  margin-bottom:30px;
  margin-bottom:10px
}
.sign-up-block .left-side .counter {
  margin:5px 0 20px
}
.sign-up-block .left-side .top-text {
  margin-bottom:var(--xh-spacers-l)
}
.desktop-dialog__body .sign-up-block .left-side .features-list .xh-icon.rec-ai:before {
  color:var(--color-gray-light-origin)
}
.desktop-dialog__body .sign-up-block .left-side .features-list .xh-icon.rec-ai:after {
  color:var(--color-cobalt-darker-origin)
}
.sign-up-block.sign-up-additional-block .left-side {
  margin-bottom:10px;
  padding:0
}
.signup-form-stage2 .form-title {
  font-weight:700;
  line-height:20px;
  margin-bottom:10px
}
.signup-form-stage2 .form-title span {
  color:var(--color-accent-red,#e34449)
}
.sign-up-block {
  text-align:center;
  width:100%
}
.sign-up-block .field-row .field-container .field-label {
  display:block;
  font-weight:700
}
.sign-up-block .field-row .field-container .field-label__left {
  margin-bottom:5px;
  min-height:auto;
  padding-right:0
}
.sign-up-block .field-row .field-container .field-label__right {
  display:inline-block;
  font-weight:400
}
.sign-up-block .field-row+.field-row {
  margin-top:15px
}
.sign-up-block .field-row-text {
  color:var(--xh-color-font-secondary);
  font-size:var(--xh-body-font-size);
  font-weight:var(--xh-body-font-weight);
  line-height:var(--xh-body-line-height-px);
  margin-top:var(--xh-spacers-m)
}
.sign-up-block .right-side {
  position:relative;
  text-align:left
}
.sign-up-block .right-side .info.signup {
  display:none
}
.sign-up-block .right-side .field-row span {
  display:inline-block;
  margin-bottom:10px
}
.sign-up-block .right-side .form-separator,
.sign-up-block .right-side .xh-button {
  margin-bottom:var(--xh-spacers-s)
}
.sign-up-block .right-side-form {
  background-color:var(--color-cobalt-lighter,#f5f5f5);
  border-radius:10px;
  box-shadow:0 2px 4px rgba(0,0,0,.16);
  display:flex;
  flex-direction:column;
  margin-bottom:10px;
  padding:15px 10px 15px 10px
}
.sign-up-block .right-side-form-tabs {
  margin:0 -10px;
  top:-15px
}
.sign-up-block .right-side-form:last-child {
  margin-bottom:0
}
.sign-up-block .right-side-form-tabs {
  font-size:0;
  position:relative
}
.sign-up-block .right-side-form-tabs .tab {
  display:inline-block;
  font-size:14px;
  font-weight:700;
  line-height:45px;
  text-align:center;
  vertical-align:middle;
  width:50%
}
.sign-up-block .right-side-form-tabs .tab .xh-icon {
  font-size:20px;
  line-height:45px;
  vertical-align:top
}
.sign-up-block .right-side-form-tabs .tab:first-child {
  border-top-left-radius:10px
}
.sign-up-block .right-side-form-tabs .tab:last-child {
  border-top-right-radius:10px
}
.sign-up-block .right-side-form-tabs .tab:not(.selected) {
  background-color:var(--color-cobalt-light,#dadada);
  font-weight:400
}
.sign-up-block .right-side-form-tabs .tab:not(.selected):hover {
  background-color:var(--color-cobalt-light-4-lightened,#e4e4e4)
}
.sign-up-block .right-side-form .field-container--seekingOrientation {
  margin-bottom:0
}
.sign-up-block .right-side-form .field-container--username input {
  padding-right:35px
}
.sign-up-block .right-side-form .field-container--username .xh-button {
  font-weight:400;
  min-width:20px;
  padding-left:5px;
  padding-right:5px;
  position:absolute;
  right:5px;
  top:5px;
  z-index:1
}
.sign-up-block .right-side-form .field-container--password input {
  padding-right:35px
}
.sign-up-block .right-side-form .field-container--password .xh-button {
  font-weight:400;
  min-width:20px;
  padding-left:5px;
  padding-right:5px;
  position:absolute;
  right:5px;
  top:5px;
  z-index:1
}
.sign-up-block .right-side-form .field-container--password .xh-button .xh-icon {
  font-size:20px
}
.sign-up-block .right-side-form .new-account {
  font-size:18px;
  font-weight:700;
  line-height:1.48;
  margin-bottom:10px
}
.sign-up-block .right-side-form .xh-button[type=submit] {
  margin-bottom:var(--xh-spacers-xl)
}
.sign-up-block .right-side .bottom-info {
  color:var(--color-gray-dark);
  font-size:11px;
  line-height:14px;
  margin-bottom:var(--xh-spacers-s);
  text-align:center
}
.sign-up-block .right-side .bottom-info a {
  color:var(--color-gray-dark);
  text-decoration:underline
}
.sign-up-block .right-side .bottom-info__under-switcher {
  margin-top:var(--xh-spacers-xl)
}
.sign-up-block .password-field-container.has-error .error-icon-container {
  display:none
}
.sign-up-block .buttons-row {
  display:flex;
  flex-wrap:wrap;
  margin-top:16px
}
.sign-up-block .buttons-row .login-text {
  font-size:14px;
  line-height:1.43
}
.sign-up-block .buttons-row .login-text .link {
  font-weight:700
}
.sign-up-block .buttons-row .full-width-square {
  width:100%
}
.sign-up-block .buttons-row .skip {
  font-weight:700;
  line-height:40px
}
.sign-up-block .checkbox-container label {
  font-size:14px
}
.sign-up-block .languages-container .multi-select__control {
  max-height:105px;
  overflow:auto
}
.sign-up-block .fetishes-container>label {
  display:block;
  font-weight:700;
  line-height:1.43;
  margin-bottom:10px
}
.sign-up-block .fetishes-container .multi-select__control {
  display:flex;
  flex-wrap:wrap;
  max-height:121px;
  min-height:34px;
  overflow:auto;
  padding:0 var(--xh-spacers-s) var(--xh-spacers-s)
}
.sign-up-block .fetishes-container .multi-select__control .multi-select-control-item {
  background:var(--xh-color-button-secondary);
  border-radius:4px;
  color:var(--xh-color-font-primary);
  height:24px;
  margin:var(--xh-spacers-s) var(--xh-spacers-s) 0 0;
  padding:2px 8px
}
.sign-up-block .fetishes-container .multi-select__control .multi-select-control-item:hover {
  background:var(--xh-color-surface-pressed)
}
.sign-up-block .fetishes-container .multi-select__control .multi-select-control-item .xh-icon:before {
  color:var(--xh-color-icon-disabled)
}
.sign-up-block .fetishes-container .multi-select__control .multi-select-control-item__close {
  font-size:10px;
  top:4px
}
.sign-up-block .fetishes-container .multi-select__control .multi-select-control-item__close:hover .xh-icon:before {
  color:var(--color-accent-red)
}
.sign-up-block .fetishes-container .multi-select__control .multi-select-control-item__title {
  line-height:20px;
  padding:0 20px 0 0
}
.sign-up-block input[type=radio]+label {
  font-size:14px;
  font-weight:400;
  line-height:22px
}
.sign-list {
  font-size:0
}
.sign-list div {
  color:var(--color-gray-dark,#a0a0a0);
  display:inline-block;
  height:20px;
  line-height:20px;
  position:relative;
  width:20px
}
.sign-list div:before {
  border:solid 2px var(--color-gray,#ccc);
  border-radius:16px;
  content:"";
  display:block;
  height:16px;
  left:0;
  position:absolute;
  top:0;
  width:16px
}
.sign-list div:not(:last-of-type):after {
  background-color:var(--color-gray,#ccc);
  content:"";
  display:block;
  height:2px;
  left:25px;
  position:absolute;
  top:8px;
  width:10px
}
.sign-list div.checked {
  color:var(--color-cobalt-darker,#303030)
}
.sign-list div.checked:before {
  background-color:var(--color-accent-green,#00bd8f);
  border:solid 2px var(--color-accent-green,#00bd8f);
  color:var(--color-white,#fff);
  content:"\f26e";
  font-family:xh-icons;
  font-size:8px;
  line-height:16px;
  text-align:center
}
.sign-list div.current {
  color:var(--color-cobalt-darker,#303030);
  font-weight:700
}
.sign-list div+div {
  margin-left:20px
}
.sign-list.inside .step-title {
  color:var(--color-cobalt-lighter-origin)
}
.sign-up-dialog.mobile-dialog.sign-up-dialog__with-av {
  background:transparent
}
.sign-up-dialog.desktop-dialog {
  background:transparent;
  box-shadow:none;
  padding:0
}
@media screen and (max-width:1279px) {
  .sign-up-dialog .has-error .single-select {
    margin-bottom:0!important
  }
  .sign-up-dialog .has-error .single-select~.error-box {
    margin-top:-2px;
    padding-bottom:var(--xh-legacy-element-gap-small)
  }
}
@media screen and (min-width:1280px) and (max-width:1365px) {
  .sign-up-dialog {
    max-width:960px
  }
}
.sign-up-dialog .bottom-info,
.sign-up-dialog .left-side,
.sign-up-dialog .left-side .features-list .item .xh-icon:not(.rec-ai):before,
.sign-up-dialog .left-side .title {
  color:var(--signup-modal-text-color,#fff)
}
.sign-up-dialog .sign-list div {
  color:var(--color-cobalt,#707070)
}
.sign-up-dialog .bottom-info,
.sign-up-dialog .sign-list div.checked,
.sign-up-dialog .sign-list div.current {
  color:var(--color-cobalt-light-origin,#dadada)
}
.sign-up-dialog .bottom-info {
  margin-bottom:15px;
  text-align:center
}
.sign-up-dialog .bottom-info a {
  color:var(--color-cobalt-light-origin,#dadada)
}
.sign-up-dialog .mobile-dialog__body {
  padding:0
}
.sign-up-dialog .mobile-dialog__body .title {
  font-size:24px;
  font-weight:700;
  line-height:29px;
  margin-bottom:15px
}
.sign-up-dialog .sign-up-block .right-side-form {
  box-shadow:none;
  padding-bottom:20px
}
.sign-up-dialog .sign-up-block .right-side-form .form-separator {
  line-height:13px;
  margin-bottom:0
}
.sign-up-dialog .sign-up-block .right-side-form .buttons-row .full-width-square {
  width:100%
}
.sign-up-dialog .sign-up-block .stages .left-side {
  margin-bottom:0;
  padding:15px 10px 0 10px
}
.sign-up-dialog .sign-up-block .stages .left-side .title {
  color:var(--color-cobalt-darker,#303030)
}
.sign-up-dialog .sign-up-block .features-list {
  margin-bottom:var(--xh-legacy-element-gap-small)
}
.sign-up-dialog .mobile-dialog {
  border-radius:var(--xh-border-radius-m);
  padding:0
}
.sign-up-dialog .bottom-links {
  color:#fff;
  margin-top:15px;
  text-align:center
}
.sign-up-dialog .bottom-links .login-link {
  color:#fff;
  font-weight:700
}
body.noscroll {
  overflow-y:hidden
}
.xh-modal-wrapper {
  background-color:var(--color-black-origin-90,rgba(0,0,0,.9));
  height:100%;
  inset:0 0 0 0;
  min-width:100%;
  opacity:0;
  overflow:auto;
  position:fixed;
  visibility:hidden;
  z-index:9999
}
.xh-modal-wrapper.opened {
  opacity:1;
  transition:visibility 0s,opacity .3s ease;
  visibility:visible
}
.xh-modal-wrapper.closed {
  transition:visibility .3s,opacity .3s ease
}
.xh-modal-wrapper .beta-preloader {
  top:50px!important
}
.xh-modal-wrapper .xh-dialog-header-close {
  color:var(--color-gray-dark,#a0a0a0);
  padding:25px 20px;
  position:absolute;
  right:0;
  top:30px;
  z-index:3
}
.xh-modal-wrapper .xh-dialog-header-close .xh-icon {
  font-size:16px;
  font-weight:700;
  line-height:50px
}
.xh-modal-wrapper .xh-dialog-header-close .xh-icon:before {
  color:var(--color-gray-dark,#a0a0a0)
}
.xh-modal-wrapper .xh-dialog-header-close.xh-button {
  height:50px;
  position:relative;
  right:auto;
  top:auto
}
.xh-modal-wrapper .xh-modal {
  background:transparent;
  box-shadow:0 2px 40px rgba(0,0,0,.3);
  height:100%;
  inset:0;
  margin:0;
  position:fixed;
  width:100%
}
.xh-modal-wrapper .xh-modal .xh-modal-body {
  background-color:var(--background-modal-body,#eaeaea)
}
.xh-modal-wrapper .xh-modal .xh-tabs>div:not(.current-tab) {
  display:none
}
.xh-modal-wrapper .xh-modal .xh-tabs>div.current-tab {
  display:block
}
.xh-modal-wrapper .xh-modal .xh-modal-footer,
.xh-modal-wrapper .xh-modal .xh-modal-header {
  background:var(--color-cobalt-lighter,#f5f5f5);
  min-height:50px;
  padding:0 10px;
  position:fixed;
  width:100%;
  z-index:2
}
.xh-modal-wrapper .xh-modal .xh-modal-header {
  border-bottom:1px solid var(--color-button-border,#ccc);
  font-size:18px;
  font-weight:700;
  max-height:50px;
  top:0
}
.xh-modal-wrapper .xh-modal .xh-modal-header .xh-modal-title {
  color:var(--color-cobalt-darker,#303030);
  display:inline-block;
  font-size:18px;
  font-weight:600;
  line-height:50px;
  overflow:hidden;
  padding:0 10px;
  text-overflow:ellipsis;
  white-space:nowrap
}
.xh-modal-wrapper .xh-modal .xh-modal-footer {
  border-top:1px solid var(--color-button-border,#ccc);
  bottom:0
}
.xh-modal-wrapper .xh-modal .xh-modal-footer .xh-button {
  border-radius:5px;
  float:none;
  font-weight:700;
  height:30px;
  line-height:30px;
  margin-right:5px
}
.xh-modal-wrapper .xh-modal .xh-modal-footer .xh-button.cancel {
  background:var(--color-gray,#ccc)!important;
  border:0 none!important;
  color:var(--color-cobalt-darker,#303030)!important
}
.xh-modal-wrapper .xh-modal .xh-modal-body {
  font-size:14px;
  height:100%;
  line-height:20px;
  overflow:auto;
  padding:60px 10px;
  position:relative;
  width:100%
}
.xh-modal-wrapper .xh-modal.suspicious-user-dialog,
.xh-modal-wrapper .xh-modal.xh-confirm-dialog,
.xh-modal-wrapper .xh-modal.xh-mom-day-dialog {
  background:transparent;
  bottom:auto;
  box-shadow:0 2px 40px rgba(0,0,0,.3);
  height:auto;
  margin:0 10px;
  margin-bottom:30px;
  position:relative;
  right:auto;
  top:40px;
  width:auto
}
.xh-modal-wrapper .xh-modal.suspicious-user-dialog .xh-modal-header,
.xh-modal-wrapper .xh-modal.xh-confirm-dialog .xh-modal-header,
.xh-modal-wrapper .xh-modal.xh-mom-day-dialog .xh-modal-header {
  background:var(--background-modal-header,#f5f5f5);
  border:none;
  border-top-left-radius:5px;
  border-top-right-radius:5px;
  display:block;
  overflow:hidden;
  padding:0;
  position:relative;
  text-align:left;
  width:100%
}
.xh-modal-wrapper .xh-modal.suspicious-user-dialog .xh-modal-header .xh-modal-buttons .xh-dialog-close,
.xh-modal-wrapper .xh-modal.xh-confirm-dialog .xh-modal-header .xh-modal-buttons .xh-dialog-close,
.xh-modal-wrapper .xh-modal.xh-mom-day-dialog .xh-modal-header .xh-modal-buttons .xh-dialog-close {
  color:var(--color-white-origin,#fff)
}
.xh-modal-wrapper .xh-modal.suspicious-user-dialog .xh-modal-body,
.xh-modal-wrapper .xh-modal.xh-confirm-dialog .xh-modal-body,
.xh-modal-wrapper .xh-modal.xh-mom-day-dialog .xh-modal-body {
  background:var(--background-modal-header,#f5f5f5);
  border-bottom-left-radius:5px;
  border-bottom-right-radius:5px;
  box-sizing:border-box;
  overflow:hidden;
  padding:10px;
  position:relative
}
.xh-modal-wrapper .xh-modal.suspicious-user-dialog .xh-modal-body:before,
.xh-modal-wrapper .xh-modal.xh-confirm-dialog .xh-modal-body:before,
.xh-modal-wrapper .xh-modal.xh-mom-day-dialog .xh-modal-body:before {
  left:0
}
.xh-modal-wrapper .xh-modal.suspicious-user-dialog .xh-modal-body:after,
.xh-modal-wrapper .xh-modal.xh-confirm-dialog .xh-modal-body:after,
.xh-modal-wrapper .xh-modal.xh-mom-day-dialog .xh-modal-body:after {
  bottom:80px;
  left:0
}
.xh-modal-wrapper .xh-modal.suspicious-user-dialog .xh-modal-body .confirm-buttons,
.xh-modal-wrapper .xh-modal.xh-confirm-dialog .xh-modal-body .confirm-buttons,
.xh-modal-wrapper .xh-modal.xh-mom-day-dialog .xh-modal-body .confirm-buttons {
  margin-top:20px
}
.xh-modal-wrapper .xh-modal.suspicious-user-dialog .xh-modal-body .confirm-buttons .xh-button,
.xh-modal-wrapper .xh-modal.xh-confirm-dialog .xh-modal-body .confirm-buttons .xh-button,
.xh-modal-wrapper .xh-modal.xh-mom-day-dialog .xh-modal-body .confirm-buttons .xh-button {
  border:none;
  border-radius:5px;
  font-weight:700;
  height:30px;
  line-height:30px;
  margin-right:10px
}
.xh-modal-wrapper .xh-modal.suspicious-user-dialog .xh-modal-body .confirm-buttons .xh-button.xh-dialog-close,
.xh-modal-wrapper .xh-modal.xh-confirm-dialog .xh-modal-body .confirm-buttons .xh-button.xh-dialog-close,
.xh-modal-wrapper .xh-modal.xh-mom-day-dialog .xh-modal-body .confirm-buttons .xh-button.xh-dialog-close {
  background:var(--color-cobalt-light,#dadada)!important;
  color:var(--color-cobalt-darker,#303030)
}
.xh-modal-wrapper .xh-modal.suspicious-user-dialog+.xh-dialog-header-close .xh-icon,
.xh-modal-wrapper .xh-modal.xh-confirm-dialog+.xh-dialog-header-close .xh-icon,
.xh-modal-wrapper .xh-modal.xh-mom-day-dialog+.xh-dialog-header-close .xh-icon {
  line-height:inherit
}
.xh-modal-wrapper .xh-modal.xh-mom-day-dialog .xh-modal-header {
  max-height:none
}
.xh-modal-wrapper .xh-modal.xh-mom-day-dialog .xh-modal-header img {
  display:block;
  margin:10px auto
}
.xh-modal-wrapper .xh-modal.xh-mom-day-dialog .xh-modal-title {
  line-height:26px
}
.xh-modal-wrapper .xh-modal.xh-mom-day-dialog .confirm-buttons {
  text-align:right
}
.xh-modal-wrapper .xh-modal.xh-mom-day-dialog .hash {
  color:var(--color-blue,#3f67f5)
}
.xh-modal-wrapper .xh-modal.suspicious-user-dialog .xh-dialog-header-close {
  padding:15px;
  right:-10px;
  top:-40px
}
.xh-modal-wrapper .xh-modal.suspicious-user-dialog .xh-dialog-header-close .xh-icon {
  font-size:14px;
  line-height:inherit
}
.xh-modal-wrapper .xh-modal.suspicious-user-dialog .xh-modal-header {
  max-height:none
}
.xh-modal-wrapper .xh-modal.suspicious-user-dialog .xh-modal-header .xh-modal-title {
  line-height:1.43;
  padding:10px;
  white-space:normal
}
.xh-modal-wrapper .xh-modal.suspicious-user-dialog .xh-modal-body {
  padding-top:0
}
.xh-modal-wrapper .xh-modal.suspicious-user-dialog .xh-modal-body p:not(:last-child) {
  margin-bottom:10px
}
.xh-modal-wrapper .xh-modal.suspicious-user-dialog .xh-modal-body .text-btn {
  background:none;
  border:0 none;
  color:inherit;
  font-size:100%;
  text-decoration:underline
}
.xh-modal-wrapper .dialog-image-list {
  margin:0 0 -10px;
  padding:0
}
.xh-modal-wrapper .dialog-image-list .item {
  width:50%!important
}
.xh-modal-wrapper .dialog-image-list .item .thumb-container:after {
  content:" ";
  display:block;
  height:0;
  padding-top:100%;
  width:100%
}
.xh-modal-wrapper .dialog-image-list .item .thumb-inner {
  height:100%;
  position:absolute;
  width:100%
}
.xh-modal-wrapper .dialog-image-list .item .thumb-info .thumb-info-inner {
  text-align:left
}
.xh-modal-wrapper.xh-dialog-with-info-tooltip {
  z-index:10
}
.producer-limits-dialog {
  margin:auto;
  overflow-y:visible;
  width:300px
}
.producer-limits-dialog .desktop-dialog__header {
  font-size:var(--xh-legacy-font-size-larger);
  line-height:var(--xh-legacy-line-height-large)
}
.producer-limits-dialog .single-select {
  margin-bottom:10px;
  max-width:260px
}
.age-protect {
  background-color:var(--color-cobalt-darker-origin,#303030);
  color:var(--color-cobalt-light-origin,#dadada);
  display:block;
  height:100%;
  inset:0;
  position:fixed;
  width:100%;
  z-index:10000
}
.age-protect-body {
  margin:20px auto 0 auto;
  max-width:280px;
  position:relative
}
.age-protect-logo {
  background:url(/xh-mobile/images/logo/logo-nightmode.svg) no-repeat 0 0;
  background-size:contain;
  display:block;
  height:47px;
  margin-bottom:20px;
  width:190px
}
.age-protect-date {
  align-items:center;
  display:flex;
  margin:0 -5px 30px
}
.age-protect-date .single-select {
  margin:0 5px
}
.age-protect-group {
  flex-grow:1
}
.age-protect-title {
  font-weight:700;
  margin-bottom:15px
}
.age-protect-text,
.age-protect-title {
  font-size:14px;
  line-height:20px;
  margin-bottom:20px
}
.age-protect-buttons {
  align-items:center;
  display:flex;
  margin:0 -10px
}
.age-protect-buttons .xh-button {
  flex-grow:1;
  margin:0 10px
}
.age-protect-no.xh-button.black {
  background-color:var(--color-cobalt-origin,#707070);
  border-color:var(--color-cobalt-origin,#707070);
  color:var(--color-cobalt-light-origin,#dadada)
}
.age-protect-date-label {
  font-size:14px;
  line-height:24px;
  margin-left:5px
}
.age-protect-age {
  background-color:var(--color-accent-red,#e34449);
  border-radius:50%;
  display:inline-block;
  font-size:14px;
  font-weight:700;
  height:40px;
  line-height:40px;
  position:absolute;
  right:0;
  text-align:center;
  top:0;
  width:40px
}
.xh-dropdown .dropdown {
  background:var(--background-dropdown,#fff);
  border-radius:3px;
  box-shadow:0 10px 30px 0 rgba(0,0,0,.15);
  min-width:140px;
  padding:10px 0;
  position:absolute;
  top:100%;
  z-index:var(--xh-legacy-z-index-dropdown)
}
.xh-dropdown .dropdown>li,
.xh-dropdown .dropdown>ul li {
  line-height:30px;
  text-align:left
}
.xh-dropdown .dropdown>li:after,
.xh-dropdown .dropdown>li:before,
.xh-dropdown .dropdown>ul li:after,
.xh-dropdown .dropdown>ul li:before {
  clear:both;
  content:" ";
  display:block;
  height:0;
  overflow:hidden;
  width:100%
}
.xh-dropdown .dropdown>li>.import-video-from-tube-upload-menu__item,
.xh-dropdown .dropdown>li>a,
.xh-dropdown .dropdown>li>button,
.xh-dropdown .dropdown>li>span,
.xh-dropdown .dropdown>ul li>.import-video-from-tube-upload-menu__item,
.xh-dropdown .dropdown>ul li>a,
.xh-dropdown .dropdown>ul li>button,
.xh-dropdown .dropdown>ul li>span {
  color:var(--background-dropdown-color,#303030);
  cursor:pointer;
  display:block;
  font-size:14px;
  font-weight:400;
  height:auto;
  letter-spacing:normal;
  line-height:30px;
  padding:0 30px 0 20px;
  text-transform:none;
  white-space:nowrap
}
.xh-dropdown .dropdown>li>.import-video-from-tube-upload-menu__item .xh-icon.pull-right,
.xh-dropdown .dropdown>li>a .xh-icon.pull-right,
.xh-dropdown .dropdown>li>button .xh-icon.pull-right,
.xh-dropdown .dropdown>li>span .xh-icon.pull-right,
.xh-dropdown .dropdown>ul li>.import-video-from-tube-upload-menu__item .xh-icon.pull-right,
.xh-dropdown .dropdown>ul li>a .xh-icon.pull-right,
.xh-dropdown .dropdown>ul li>button .xh-icon.pull-right,
.xh-dropdown .dropdown>ul li>span .xh-icon.pull-right {
  clear:both;
  display:block;
  margin-top:-30px;
  text-align:right;
  width:100%
}
.xh-dropdown .dropdown>li>a.multiline-dropdown-link,
.xh-dropdown .dropdown>ul li>a.multiline-dropdown-link {
  white-space:normal
}
.xh-dropdown .dropdown>li[data-disabled=true],
.xh-dropdown .dropdown>ul li[data-disabled=true] {
  opacity:.5
}
.xh-dropdown .dropdown>li[data-disabled=true] .import-video-from-tube-upload-menu__item,
.xh-dropdown .dropdown>li[data-disabled=true] a,
.xh-dropdown .dropdown>li[data-disabled=true] span,
.xh-dropdown .dropdown>ul li[data-disabled=true] .import-video-from-tube-upload-menu__item,
.xh-dropdown .dropdown>ul li[data-disabled=true] a,
.xh-dropdown .dropdown>ul li[data-disabled=true] span {
  cursor:default!important
}
.xh-dropdown .dropdown>li:hover,
.xh-dropdown .dropdown>ul li:hover {
  background:var(--background-dropdown-hover,#dadada)
}
.xh-dropdown .dropdown>li:hover[data-disabled=true],
.xh-dropdown .dropdown>ul li:hover[data-disabled=true] {
  background:none
}
.xh-dropdown .dropdown>li.separator,
.xh-dropdown .dropdown>ul li.separator {
  background:var(--color-line-separator,#dadada);
  height:1px;
  margin:10px 20px
}
.xh-dropdown .dropdown>li.with-icon>.import-video-from-tube-upload-menu__item,
.xh-dropdown .dropdown>li.with-icon>a,
.xh-dropdown .dropdown>li.with-icon>span,
.xh-dropdown .dropdown>ul li.with-icon>.import-video-from-tube-upload-menu__item,
.xh-dropdown .dropdown>ul li.with-icon>a,
.xh-dropdown .dropdown>ul li.with-icon>span {
  padding-left:40px;
  position:relative
}
.xh-dropdown .dropdown>li.with-icon>.import-video-from-tube-upload-menu__item .xh-icon:not(.right-icon),
.xh-dropdown .dropdown>li.with-icon>a .xh-icon:not(.right-icon),
.xh-dropdown .dropdown>li.with-icon>span .xh-icon:not(.right-icon),
.xh-dropdown .dropdown>ul li.with-icon>.import-video-from-tube-upload-menu__item .xh-icon:not(.right-icon),
.xh-dropdown .dropdown>ul li.with-icon>a .xh-icon:not(.right-icon),
.xh-dropdown .dropdown>ul li.with-icon>span .xh-icon:not(.right-icon) {
  font-size:20px;
  left:10px;
  line-height:30px;
  position:absolute;
  text-align:center;
  width:20px
}
.xh-dropdown .dropdown>li.with-icon>.import-video-from-tube-upload-menu__item .xh-icon:not(.right-icon).beta-heart-filled,
.xh-dropdown .dropdown>li.with-icon>.import-video-from-tube-upload-menu__item .xh-icon:not(.right-icon).beta-lock,
.xh-dropdown .dropdown>li.with-icon>.import-video-from-tube-upload-menu__item .xh-icon:not(.right-icon).beta-report,
.xh-dropdown .dropdown>li.with-icon>a .xh-icon:not(.right-icon).beta-heart-filled,
.xh-dropdown .dropdown>li.with-icon>a .xh-icon:not(.right-icon).beta-lock,
.xh-dropdown .dropdown>li.with-icon>a .xh-icon:not(.right-icon).beta-report,
.xh-dropdown .dropdown>li.with-icon>span .xh-icon:not(.right-icon).beta-heart-filled,
.xh-dropdown .dropdown>li.with-icon>span .xh-icon:not(.right-icon).beta-lock,
.xh-dropdown .dropdown>li.with-icon>span .xh-icon:not(.right-icon).beta-report,
.xh-dropdown .dropdown>ul li.with-icon>.import-video-from-tube-upload-menu__item .xh-icon:not(.right-icon).beta-heart-filled,
.xh-dropdown .dropdown>ul li.with-icon>.import-video-from-tube-upload-menu__item .xh-icon:not(.right-icon).beta-lock,
.xh-dropdown .dropdown>ul li.with-icon>.import-video-from-tube-upload-menu__item .xh-icon:not(.right-icon).beta-report,
.xh-dropdown .dropdown>ul li.with-icon>a .xh-icon:not(.right-icon).beta-heart-filled,
.xh-dropdown .dropdown>ul li.with-icon>a .xh-icon:not(.right-icon).beta-lock,
.xh-dropdown .dropdown>ul li.with-icon>a .xh-icon:not(.right-icon).beta-report,
.xh-dropdown .dropdown>ul li.with-icon>span .xh-icon:not(.right-icon).beta-heart-filled,
.xh-dropdown .dropdown>ul li.with-icon>span .xh-icon:not(.right-icon).beta-lock,
.xh-dropdown .dropdown>ul li.with-icon>span .xh-icon:not(.right-icon).beta-report {
  font-size:14px
}
.xh-dropdown .dropdown>li.with-icon>.import-video-from-tube-upload-menu__item .right-icon,
.xh-dropdown .dropdown>li.with-icon>a .right-icon,
.xh-dropdown .dropdown>li.with-icon>span .right-icon,
.xh-dropdown .dropdown>ul li.with-icon>.import-video-from-tube-upload-menu__item .right-icon,
.xh-dropdown .dropdown>ul li.with-icon>a .right-icon,
.xh-dropdown .dropdown>ul li.with-icon>span .right-icon {
  vertical-align:text-top
}
.xh-dropdown .dropdown>li.with-icon[data-role=add-to-favorite-button],
.xh-dropdown .dropdown>ul li.with-icon[data-role=add-to-favorite-button] {
  line-height:normal
}
.xh-dropdown .dropdown.v-position-down {
  top:100%
}
.xh-dropdown .dropdown.v-position-up {
  bottom:100%;
  margin-bottom:var(--xh-spacers-xl);
  top:unset
}
.xh-dropdown .dropdown.position-right {
  left:auto;
  right:0
}
.xh-dropdown .dropdown.position-left {
  left:0;
  right:auto
}
.xh-dropdown .dropdown .import-video-from-tube-upload-menu {
  margin-top:20px;
  position:relative
}
.xh-dropdown .dropdown .import-video-from-tube-upload-menu:before {
  background-color:var(--color-gray-origin,#ccc);
  content:"";
  height:1px;
  left:20px;
  position:absolute;
  right:20px;
  top:-10px;
  width:auto
}
.xh-dropdown .trigger.on-click.active .dropdown,
.xh-dropdown .trigger.on-click.active+.dropdown,
.xh-dropdown .trigger.on-hover .dropdown:hover,
.xh-dropdown .trigger.on-hover+.dropdown:hover,
.xh-dropdown .trigger.on-hover:hover .dropdown,
.xh-dropdown .trigger.on-hover:hover+.dropdown,
.xh-dropdown.trigger.on-click.active .dropdown,
.xh-dropdown.trigger.on-click.active+.dropdown,
.xh-dropdown.trigger.on-hover .dropdown:hover,
.xh-dropdown.trigger.on-hover+.dropdown:hover,
.xh-dropdown.trigger.on-hover:hover .dropdown,
.xh-dropdown.trigger.on-hover:hover+.dropdown {
  display:block
}
.xh-dropdown.delay .dropdown {
  display:block;
  visibility:hidden
}
.xh-dropdown.delay .dropdown:hover {
  visibility:visible
}
.xh-dropdown.delay .trigger.on-hover:hover .dropdown,
.xh-dropdown.delay .trigger.on-hover:hover+.dropdown,
.xh-dropdown.delay.trigger.on-hover:hover .dropdown,
.xh-dropdown.delay.trigger.on-hover:hover+.dropdown {
  transition:all 0s linear .2s;
  visibility:visible
}
.xh-dropdown.delay .trigger.on-click.active .dropdown,
.xh-dropdown.delay .trigger.on-click.active+.dropdown,
.xh-dropdown.delay.trigger.on-click.active .dropdown,
.xh-dropdown.delay.trigger.on-click.active+.dropdown {
  visibility:visible
}
.xh-dropdown.small .dropdown {
  margin-top:-12.5px;
  padding:18.5px 0 7px
}
.xh-dropdown.large .dropdown {
  margin-top:-20px;
  padding:26px 0 7px
}
.xh-dropdown.popup .dropdown {
  left:50%
}
.xh-dropdown.popup .dropdown .close {
  cursor:pointer;
  float:right;
  margin-top:-5px
}
.xh-dropdown.popup.positioned .dropdown {
  margin-top:5px
}
.xh-dropdown.popup.positioned .dropdown .heading {
  color:var(--color-cobalt-darker,#303030);
  font-size:16px;
  font-weight:700;
  line-height:20px;
  margin-bottom:15px
}
.xh-dropdown.popup:not(.positioned) .dropdown {
  transform:translateX(-50%)
}
.xh-dropdown {
  position:relative
}
.xh-dropdown .dropdown {
  display:none
}
.xh-dropdown .dropdown.open {
  display:block
}
.xh-dropdown .trigger {
  cursor:pointer;
  position:relative;
  z-index:1
}
.xh-dropdown .trigger.disabled {
  cursor:not-allowed
}
.xh-dropdown .dropdown-item {
  line-height:30px;
  text-align:left
}
.xh-dropdown .dropdown-item:after,
.xh-dropdown .dropdown-item:before {
  clear:both;
  content:" ";
  display:block;
  height:0;
  overflow:hidden;
  width:100%
}
.xh-dropdown .dropdown-item>.import-video-from-tube-upload-menu__item,
.xh-dropdown .dropdown-item>a,
.xh-dropdown .dropdown-item>button,
.xh-dropdown .dropdown-item>span {
  color:var(--background-dropdown-color,#303030);
  cursor:pointer;
  display:block;
  font-size:14px;
  font-weight:400;
  height:auto;
  letter-spacing:normal;
  line-height:30px;
  padding:0 30px 0 20px;
  text-transform:none;
  white-space:nowrap
}
.xh-dropdown .dropdown-item>.import-video-from-tube-upload-menu__item .xh-icon.pull-right,
.xh-dropdown .dropdown-item>a .xh-icon.pull-right,
.xh-dropdown .dropdown-item>button .xh-icon.pull-right,
.xh-dropdown .dropdown-item>span .xh-icon.pull-right {
  clear:both;
  display:block;
  margin-top:-30px;
  text-align:right;
  width:100%
}
.xh-dropdown .dropdown-item>a.multiline-dropdown-link {
  white-space:normal
}
.xh-dropdown .dropdown-item[data-disabled=true] {
  opacity:.5
}
.xh-dropdown .dropdown-item[data-disabled=true] .import-video-from-tube-upload-menu__item,
.xh-dropdown .dropdown-item[data-disabled=true] a,
.xh-dropdown .dropdown-item[data-disabled=true] span {
  cursor:default!important
}
.xh-dropdown .dropdown-item:hover {
  background:var(--background-dropdown-hover,#dadada)
}
.xh-dropdown .dropdown-item:hover[data-disabled=true] {
  background:none
}
.xh-dropdown .dropdown-item.separator {
  background:var(--color-line-separator,#dadada);
  height:1px;
  margin:10px 20px
}
.xh-dropdown .dropdown-item.with-icon>.import-video-from-tube-upload-menu__item,
.xh-dropdown .dropdown-item.with-icon>a,
.xh-dropdown .dropdown-item.with-icon>span {
  padding-left:40px;
  position:relative
}
.xh-dropdown .dropdown-item.with-icon>.import-video-from-tube-upload-menu__item .xh-icon:not(.right-icon),
.xh-dropdown .dropdown-item.with-icon>a .xh-icon:not(.right-icon),
.xh-dropdown .dropdown-item.with-icon>span .xh-icon:not(.right-icon) {
  font-size:20px;
  left:10px;
  line-height:30px;
  position:absolute;
  text-align:center;
  width:20px
}
.xh-dropdown .dropdown-item.with-icon>.import-video-from-tube-upload-menu__item .xh-icon:not(.right-icon).beta-heart-filled,
.xh-dropdown .dropdown-item.with-icon>.import-video-from-tube-upload-menu__item .xh-icon:not(.right-icon).beta-lock,
.xh-dropdown .dropdown-item.with-icon>.import-video-from-tube-upload-menu__item .xh-icon:not(.right-icon).beta-report,
.xh-dropdown .dropdown-item.with-icon>a .xh-icon:not(.right-icon).beta-heart-filled,
.xh-dropdown .dropdown-item.with-icon>a .xh-icon:not(.right-icon).beta-lock,
.xh-dropdown .dropdown-item.with-icon>a .xh-icon:not(.right-icon).beta-report,
.xh-dropdown .dropdown-item.with-icon>span .xh-icon:not(.right-icon).beta-heart-filled,
.xh-dropdown .dropdown-item.with-icon>span .xh-icon:not(.right-icon).beta-lock,
.xh-dropdown .dropdown-item.with-icon>span .xh-icon:not(.right-icon).beta-report {
  font-size:14px
}
.xh-dropdown .dropdown-item.with-icon>.import-video-from-tube-upload-menu__item .right-icon,
.xh-dropdown .dropdown-item.with-icon>a .right-icon,
.xh-dropdown .dropdown-item.with-icon>span .right-icon {
  vertical-align:text-top
}
.xh-dropdown .dropdown-item.with-icon[data-role=add-to-favorite-button] {
  line-height:normal
}
.xh-dropdown .dropdown-trigger-icon {
  font-size:6px
}
.search-suggestions {
  background:var(--color-white,#fff);
  border-radius:0 0 3px 3px;
  box-shadow:0 10px 30px 0 rgba(0,0,0,.2);
  left:-1px;
  margin:0 1px;
  overflow:auto;
  position:absolute;
  top:40;
  width:100%;
  z-index:var(--z-index-dropdown)
}
.search-suggestions:first-child {
  margin-top:1px
}
.alert-box {
  bottom:10px;
  display:block;
  left:10px;
  position:fixed;
  right:10px;
  transform:translateZ(0);
  z-index:10005
}
.alert-box__item {
  animation:alert-appear .2s ease 1;
  border-radius:var(--xh-border-radius-s);
  display:block;
  margin-top:5px;
  min-height:50px;
  overflow:hidden;
  position:relative;
  transition:height .1s linear,opacity 125ms ease;
  will-change:height,margin-top,opacity
}
.alert-item__content {
  align-items:center;
  animation:alert-content-appear .25s ease 1;
  background-color:var(--color-cobalt-lighter,#f5f5f5);
  box-shadow:0 10px 30px 0 rgba(0,0,0,.15);
  display:flex;
  padding:15px 0 15px 40px;
  position:relative;
  will-change:transform
}
.alert-item__image {
  border-radius:var(--xh-border-radius-xs);
  height:60px;
  margin-right:var(--xh-legacy-element-gap-small);
  object-fit:cover;
  width:47px
}
.alert-item__result {
  border-bottom-left-radius:3px;
  border-top-left-radius:3px;
  height:100%;
  left:0;
  position:absolute!important;
  top:0;
  width:30px
}
.alert-item__result:before {
  height:20px;
  left:50%;
  line-height:20px;
  margin:-10px 0 0 -10px;
  position:absolute;
  text-align:center;
  top:50%;
  width:20px
}
.alert-item__result--success {
  background:var(--color-accent-green,#00bd8f);
  font-size:9px!important
}
.alert-item__result--error {
  background:var(--color-accent-red,#e34449);
  font-size:20px!important
}
.alert-item__result--promo {
  box-shadow:1px 0 0 0 var(--color-cobalt-light,#dadada);
  font-size:14px!important
}
.alert-item__text {
  font-size:14px;
  height:100%;
  line-height:1.43em;
  min-height:18.57px;
  padding:0 43px 0 0;
  position:relative;
  width:100%
}
.alert-item__text a {
  word-wrap:break-word;
  font-weight:700;
  text-decoration:underline
}
.promo-message .alert-item__text {
  color:var(--color-cobalt-darker,#303030);
  display:block;
  font-weight:700
}
.promo-message .alert-item__text:hover {
  color:var(--color-accent-red,#e34449)
}
.promo-message__with_button.promo-message .alert-item__text span {
  border-bottom:1px solid var(--color-cobalt-darker,#303030)
}
.promo-message__with_button.promo-message .alert-item__text span:hover {
  border-bottom:1px solid var(--color-accent-red,#e34449);
  color:var(--color-accent-red,#e34449)
}
.promo-message__with_button.promo-message .alert-item__text:hover {
  color:var(--color-cobalt-darker,#303030)
}
.alert-item__close {
  height:100%;
  position:absolute!important;
  right:0;
  top:0;
  width:43px
}
.alert-item__close:before {
  font-size:14px;
  height:20px;
  left:50%;
  line-height:20px;
  position:absolute;
  text-align:center;
  top:50%;
  transform:translate(-50%,-50%);
  width:30px
}
.alert-item__close:hover {
  cursor:pointer
}
.alert-item__close:hover:before {
  color:var(--color-accent-red,#e34449)
}
@keyframes alert-content-appear {
  0% {
    transform:translateY(5px)
  }
  30% {
    transform:translateY(-10px)
  }
  to {
    transform:translateY(0)
  }
}
@keyframes alert-appear {
  0% {
    margin-top:0
  }
  50% {
    margin-top:15px
  }
  to {
    margin-top:5px
  }
}
a.link,
a.link-inner {
  color:var(--color-cobalt-darker,#303030);
  text-decoration:underline
}
a.link-inner:visited,
a.link:visited {
  color:var(--color-cobalt,#707070)
}
a.link-inner:link,
a.link:link {
  color:var(--color-cobalt-darker,#303030)
}
a.link-inner:hover,
a.link:hover {
  color:var(--color-accent-red,#e34449)
}
span.link {
  color:var(--color-cobalt-darker,#303030);
  cursor:pointer;
  text-decoration:underline
}
span.link:visited {
  color:var(--color-cobalt,#707070)
}
span.link:link {
  color:var(--color-cobalt-darker,#303030)
}
span.link:hover {
  color:var(--color-accent-red,#e34449)
}
a.link-nv {
  color:var(--color-cobalt-darker,#303030);
  text-decoration:underline
}
a.link-nv:visited {
  color:var(--color-cobalt,#707070)
}
a.link-nv:link {
  color:var(--color-cobalt-darker,#303030)
}
a.link-nv:hover {
  color:var(--color-accent-red,#e34449)
}
a.link-nv:visited {
  color:var(--color-cobalt-darker,#303030)
}
a.dotted {
  border-bottom:1px dotted rgba(100,110,137,.6)
}
a.dotted:hover {
  border-bottom-color:var(--color-accent-red,#e34449)
}
a.disabled {
  border:0;
  color:var(--color-cobalt-darker,#303030);
  cursor:inherit;
  pointer-events:none;
  text-decoration:none
}
.nft__icon {
  background-position:50% 50%;
  background-repeat:no-repeat;
  background-size:contain;
  display:inline-block;
  height:20px;
  width:20px
}
.nft__icon--l1 {
  background-image:url(/xh-mobile/images/nft/nft1-s.png)
}
.nft__icon--l2 {
  background-image:url(/xh-mobile/images/nft/nft2-s.png)
}
.nft__icon--l3 {
  background-image:url(/xh-mobile/images/nft/nft3-s.png)
}
.nft__color--l1 {
  color:#44b1c8!important
}
.nft__color--l1:hover {
  color:#3398ad!important
}
.nft__color--l2 {
  color:#e95489!important
}
.nft__color--l2:hover {
  color:#e22266!important
}
.nft__color--l3 {
  color:#796adc!important
}
.nft__color--l3:hover {
  color:#5845d3!important
}
.nft__border--l1 {
  border-color:#44b1c8
}
.nft__border--l2 {
  border-color:#e95489
}
.nft__border--l3 {
  border-color:#796adc
}
.lang-geo-picker .geo-picker .list-container .list-item-link {
  position:relative
}
.lang-geo-picker .selected-list-item-container:hover,
.lang-geo-picker__item:hover {
  background-color:var(--background-dropdown-hover)
}
.lang-geo-picker .picker {
  font-size:14px;
  line-height:20px
}
.lang-geo-picker .picker:not(.collapsed) {
  border-bottom:1px solid var(--color-ui-hover);
  border-top:1px solid var(--color-ui-hover)
}
.lang-geo-picker .picker .selected-list-item-container {
  align-items:center;
  display:flex;
  justify-content:space-between;
  padding:0 var(--xh-spacers-xl)
}
.lang-geo-picker .picker .selected-list-item-container .selected-list-item {
  align-items:center;
  cursor:pointer;
  display:flex;
  position:relative;
  user-select:none
}
.lang-geo-picker .picker .selected-list-item-container .selected-list-item__icon {
  align-items:center;
  display:flex;
  justify-content:center;
  width:20px
}
.lang-geo-picker .picker .selected-list-item-container .selected-list-item .label {
  margin-left:var(--xh-spacers-m);
  overflow-x:hidden;
  text-overflow:ellipsis;
  white-space:nowrap
}
.lang-geo-picker .picker .selected-list-item-container .xh-icon.arrow-bottom-new {
  font-size:20px
}
.lang-geo-picker .picker .list-container {
  -webkit-overflow-scrolling:touch;
  max-height:300px;
  overflow-y:scroll;
  position:relative
}
.lang-geo-picker .picker .list-container.collapsed {
  border-bottom:none;
  display:none
}
.lang-geo-picker .picker .list-container .description,
.lang-geo-picker .picker .list-container .list-item--not-found {
  color:var(--color-gray-dark,#a0a0a0);
  line-height:20px
}
.lang-geo-picker .picker .list-container .description.hidden,
.lang-geo-picker .picker .list-container .list-item--not-found.hidden {
  display:none
}
.lang-geo-picker .picker .list-container .description {
  margin-bottom:5px
}
.lang-geo-picker .picker .list-container .list-item {
  cursor:pointer;
  line-height:30px;
  user-select:none
}
.lang-geo-picker .picker .list-container .list-item .label {
  margin-left:var(--xh-spacers-m);
  overflow-x:hidden;
  text-overflow:ellipsis;
  white-space:nowrap
}
.lang-geo-picker .picker .list-container .list-item-link {
  align-items:center;
  color:inherit;
  display:flex;
  text-decoration:none
}
.lang-geo-picker .picker .list-container .list-item-link:hover,
.lang-geo-picker .picker .list-container .list-item-link:visited {
  color:inherit
}
.lang-geo-picker .picker .list-container .list-item-link .label {
  padding:0 34px;
  width:100%
}
.lang-geo-picker .geo-picker .list-container .list-item .label,
.lang-geo-picker .geo-picker .selected-list-item-container .selected-list-item .label {
  padding:0
}
.lang-geo-picker .lang-picker:not(.collapsed) {
  border-top:none
}
.lang-geo-picker .lang-picker .selected-list-item-container .selected-list-item .xh-icon.earth {
  font-size:18px
}
.lang-geo-picker-container .lang-geo-picker .picker .selected-list-item-container {
  line-height:30px
}
.lang-geo-picker-container .lang-geo-picker .picker .selected-list-item-container .xh-icon.arrow-bottom-new {
  transition:transform .15s ease;
  will-change:transform
}
.lang-geo-picker-container .lang-geo-picker .picker .selected-list-item-container .selected-list-item .label {
  width:170px
}
.lang-geo-picker-container .lang-geo-picker .picker .list-container {
  background:linear-gradient(0deg,#202020,transparent);
  opacity:1;
  transition:max-height .3s linear,opacity .3s ease;
  will-change:max-height,opacity
}
.lang-geo-picker-container .lang-geo-picker .picker .list-container.collapsed {
  display:block;
  max-height:0;
  opacity:0
}
.lang-geo-picker-container .lang-geo-picker .picker .list-container .list-item {
  color:var(--color-white,#fff)
}
.ai-powered-container {
  align-items:center;
  color:var(--color-soft-violet,#965bfa);
  display:flex;
  flex-wrap:nowrap;
  font-weight:700
}
.ai-powered-container .ai-powered {
  background-color:var(--color-soft-violet,#965bfa);
  border-radius:18px;
  color:var(--color-white-origin,#fff);
  display:inline-flex;
  flex-shrink:0;
  font-size:12px;
  margin-left:5px;
  padding:0 8px;
  white-space:nowrap
}
.recomm-promo-dialog-content {
  background-color:var(--color-cobalt-lighter,#f5f5f5);
  border-radius:10px;
  color:var(--color-cobalt-darker,#303030);
  padding:20px 15px
}
.recomm-promo-dialog-content .ai-powered-container {
  line-height:20px;
  margin-bottom:var(--xh-legacy-element-gap-small)
}
.recomm-promo-dialog-content__heading {
  font-size:24px;
  font-weight:700;
  line-height:29px;
  margin-bottom:var(--xh-legacy-element-gap-small)
}
.recomm-promo-dialog-content__hiw {
  margin-bottom:20px
}
.recomm-promo-dialog-content__hiw .hiw-comment {
  color:var(--color-cobalt,#707070);
  line-height:20px;
  margin-bottom:var(--xh-legacy-element-gap-small)
}
.recomm-promo-dialog-content__hiw li {
  align-items:center;
  display:flex;
  line-height:20px;
  margin-bottom:var(--xh-legacy-element-gap-small)
}
.recomm-promo-dialog-content__hiw li .icon-bg {
  align-items:center;
  background-color:var(--color-cobalt-light,#dadada);
  border-radius:50%;
  display:flex;
  flex-shrink:0;
  height:24px;
  justify-content:center;
  width:24px
}
.recomm-promo-dialog-content__hiw li .icon-bg.no-fill {
  background-color:transparent
}
.recomm-promo-dialog-content__hiw li .icon-bg .xh-icon {
  color:var(--color-cobalt-darker,#303030);
  font-size:16px
}
.recomm-promo-dialog-content__hiw li .icon-bg .xh-icon.rec-ai {
  font-size:24px
}
.recomm-promo-dialog-content__hiw li .hiw-point {
  margin-left:10px
}
.recomm-promo-dialog-content__btn {
  width:100%
}
.recomm-promo-dialog-content__btn.signup {
  margin-bottom:var(--xh-legacy-element-gap-small)
}
.dialog-mobile-container .recomm-promo-dialog-content {
  max-width:380px;
  min-width:300px
}
.dialog-desktop-container .recomm-promo-dialog-content {
  max-width:380px
}
.tooltip,
.tooltip-custom {
  display:block;
  left:-12000px;
  left:0;
  opacity:0;
  opacity:1e-7;
  position:absolute;
  top:-12000px;
  transform:translateZ(0);
  transition:opacity .15s ease;
  will-change:top,left,opacity;
  z-index:var(--xh-legacy-z-index-tooltip)
}
.tooltip .arrow,
.tooltip-custom .arrow {
  border-style:solid;
  border-width:5px 5px 0;
  content:"";
  display:block;
  height:0;
  left:50%;
  margin-left:-5px;
  position:absolute;
  top:100%;
  width:0
}
.tooltip-custom.below .arrow,
.tooltip.below .arrow {
  border-width:0 5px 5px;
  top:-5px
}
.tooltip-custom {
  background:var(--xh-color-surface-invert);
  border-radius:4px;
  box-shadow:0 8px 16px rgba(0,0,0,.12);
  color:var(--xh-color-font-invert)
}
.tooltip-custom.fixed-direction {
  direction:ltr
}
.tooltip-custom-new {
  opacity:1
}
.tooltip-custom .arrow {
  border-color:var(--xh-color-surface-invert) transparent transparent transparent
}
.tooltip-custom .arrow.left {
  left:10px
}
.tooltip-custom .arrow.right {
  left:auto;
  right:10px
}
.tooltip-custom.below .arrow {
  border-color:transparent transparent var(--xh-color-surface-invert) transparent
}
.tooltip-custom.contrast {
  background-color:var(--color-cobalt-darker,#303030);
  color:var(--color-white,#fff)
}
.tooltip-custom.contrast .arrow {
  border-color:var(--color-cobalt-darker,#303030) transparent transparent transparent
}
.tooltip-custom.contrast.below .arrow {
  border-color:transparent transparent var(--color-cobalt-darker,#303030) transparent
}
.tooltip-custom .close.xh-icon {
  display:none
}
.tooltip-custom.tooltip-fixed {
  background-color:rgba(0,0,0,.4);
  border-radius:0;
  box-sizing:border-box;
  height:100vh;
  padding:50px 5px 5px;
  position:fixed;
  width:100vw
}
.tooltip-custom.tooltip-fixed .tooltip-inner {
  border-radius:4px;
  max-height:100%;
  overflow:auto
}
.tooltip-custom.tooltip-fixed .arrow {
  display:none
}
.tooltip-custom.tooltip-fixed .close.xh-icon {
  display:block;
  position:absolute;
  right:5px;
  top:10px
}
.tooltip {
  background:var(--color-tooltip-background,#434343);
  border-radius:3px;
  color:var(--color-white-origin,#fff);
  letter-spacing:.1px;
  max-width:350px;
  padding:5px 10px
}
@media screen and (max-width:1279px) {
  .tooltip {
    max-width:210px
  }
}
.tooltip a {
  color:var(--color-white-origin,#fff)
}
.tooltip li,
.tooltip p {
  font-size:12px!important;
  line-height:20px!important;
  margin:0;
  padding:0
}
.tooltip ul {
  list-style:disc;
  list-style-position:inside
}
.tooltip .arrow {
  border-color:var(--color-tooltip-background,#434343) transparent transparent transparent
}
.tooltip.below .arrow {
  border-color:transparent transparent var(--color-tooltip-background,#434343) transparent
}
.fadescreen {
  background:var(--color-black-origin,#000);
  height:150%;
  left:0;
  opacity:0;
  overflow:auto;
  position:fixed;
  top:0;
  width:100%;
  z-index:98
}
.fadescreen--active {
  display:block;
  opacity:.5
}
.fadescreen .fadescreen_inner {
  height:11000px;
  width:100%
}
.grecaptcha-badge {
  z-index:10
}
.reportButtonWrapper-ad9dd.reportButtonWrapper-ad9dd.reportButtonWrapper-ad9dd {
  display:contents
}
.reportButtonWrapper-ad9dd.reportButtonWrapper-ad9dd.reportButtonWrapper-ad9dd .reportButton-ad9dd {
  align-items:center;
  display:flex;
  height:30px;
  padding-left:var(--xh-legacy-element-gap-small);
  width:100%
}
.reportButtonWrapper-ad9dd.reportButtonWrapper-ad9dd.reportButtonWrapper-ad9dd.desktop-ad9dd .reportButton-ad9dd {
  padding-left:var(--xh-spacers-2xl)
}
.reportButtonWrapper-ad9dd.reportButtonWrapper-ad9dd.reportButtonWrapper-ad9dd .reportButtonIcon-ad9dd {
  color:var(--color-cobalt);
  margin:0 var(--xh-spacers-m) 0 var(--xh-spacers-xs)
}
.button-390e8 {
  cursor:pointer
}
.actionTitle-390e8,
.button-390e8 {
  color:var(--xh-color-font-primary)
}
.icon-390e8 {
  color:var(--xh-color-icon-primary);
  vertical-align:middle
}
.icon-390e8 .iconSvg-390e8 {
  color:inherit;
  height:auto;
  min-width:20px;
  width:100%
}
.iconDisabled-390e8 {
  opacity:.3
}
.item-14fa2 {
  animation:alert-appear-14fa2 .2s ease 1;
  border-radius:var(--xh-border-radius-s);
  display:block;
  margin-top:var(--xh-spacers-s);
  min-height:50px;
  overflow:hidden;
  position:relative;
  transition:height .1s linear,opacity 125ms ease;
  will-change:height,margin-top,opacity
}
.mobile-14fa2 .item-14fa2 {
  right:var(--xh-spacers-l)
}
.item-14fa2:not(.mobile-14fa2) {
  width:333px
}
.content-14fa2 {
  align-items:center;
  animation:alert-content-appear-14fa2 .25s ease 1;
  background-color:var(--xh-color-surface-front);
  box-shadow:0 10px 30px 0 rgba(0,0,0,.15);
  display:flex;
  padding:var(--xh-spacers-xl) 0 var(--xh-spacers-xl) 40px;
  position:relative;
  will-change:transform
}
.text-14fa2 {
  font-size:var(--xh-body-font-size);
  height:100%;
  line-height:1.43em;
  min-height:20px;
  padding:0 43px 0 0;
  position:relative;
  width:100%
}
.image-14fa2 {
  border-radius:var(--xh-border-radius-xs);
  height:60px;
  margin-right:var(--xh-border-radius-xl);
  object-fit:cover;
  width:47px
}
.result-14fa2.result-14fa2 {
  border-bottom-left-radius:var(--xh-border-radius-s);
  border-top-left-radius:var(--xh-border-radius-s);
  display:flex;
  height:100%;
  justify-content:center;
  left:0;
  position:absolute!important;
  top:0;
  width:30px
}
.result-14fa2.result-14fa2:before {
  height:20px;
  left:50%;
  line-height:20px;
  margin:-10px 0 0 -10px;
  position:absolute;
  text-align:center;
  top:50%;
  width:20px
}
.success-14fa2 {
  background:var(--color-accent-green)
}
.error-14fa2 {
  background:var(--color-accent-red)
}
.close-14fa2.close-14fa2 {
  display:flex;
  height:100%;
  justify-content:center;
  position:absolute!important;
  right:0;
  top:0;
  width:43px
}
.close-14fa2.close-14fa2:before {
  font-size:var(--xh-body-font-size);
  height:20px;
  left:50%;
  line-height:20px;
  position:absolute;
  text-align:center;
  top:50%;
  transform:translate(-50%,-50%);
  width:30px
}
.close-14fa2.close-14fa2:hover {
  cursor:pointer
}
.close-14fa2.close-14fa2:hover:before {
  color:var(--color-accent-red)
}
@keyframes alert-content-appear-14fa2 {
  0% {
    transform:translateY(var(--xh-spacers-s))
  }
  30% {
    transform:translateY(-2 * var(--xh-spacers-s))
  }
  to {
    transform:translateY(0)
  }
}
.mobile-page .dialog-bee0d {
  gap:var(--xh-spacers-l);
  width:100%
}
.mobile-page .dialogBody-bee0d {
  padding:0 var(--xh-spacers-l)
}
.centerButton-bee0d {
  justify-content:center
}
.root-b7b72 {
  --background-overlay-spinner-opacity:1;
  --background-overlay-top:50%;
  --background-overlay-left:50%;
  background-color:rgba(0,0,0,var(--background-overlay-spinner-opacity));
  height:100%;
  left:0;
  position:fixed;
  top:0;
  width:100%;
  z-index:var(--z-index-overlay)
}
.spinner-b7b72 {
  animation-delay:2ms;
  left:calc(var(--background-overlay-left) - 20px);
  position:absolute;
  top:calc(var(--background-overlay-top) - 20px)
}
.item-14fa2 {
  animation:alert-appear-14fa2 .2s ease 1;
  border-radius:var(--xh-border-radius-s);
  display:block;
  margin-top:var(--xh-spacers-s);
  min-height:50px;
  overflow:hidden;
  position:relative;
  transition:height .1s linear,opacity 125ms ease;
  will-change:height,margin-top,opacity
}
.mobile-14fa2 .item-14fa2 {
  right:var(--xh-spacers-l)
}
.item-14fa2:not(.mobile-14fa2) {
  width:333px
}
.content-14fa2 {
  align-items:center;
  animation:alert-content-appear-14fa2 .25s ease 1;
  background-color:var(--xh-color-surface-front);
  box-shadow:0 10px 30px 0 rgba(0,0,0,.15);
  display:flex;
  padding:var(--xh-spacers-xl) 0 var(--xh-spacers-xl) 40px;
  position:relative;
  will-change:transform
}
.text-14fa2 {
  font-size:var(--xh-body-font-size);
  height:100%;
  line-height:1.43em;
  min-height:20px;
  padding:0 43px 0 0;
  position:relative;
  width:100%
}
.image-14fa2 {
  border-radius:var(--xh-border-radius-xs);
  height:60px;
  margin-right:var(--xh-border-radius-xl);
  object-fit:cover;
  width:47px
}
.result-14fa2.result-14fa2 {
  border-bottom-left-radius:var(--xh-border-radius-s);
  border-top-left-radius:var(--xh-border-radius-s);
  display:flex;
  height:100%;
  justify-content:center;
  left:0;
  position:absolute!important;
  top:0;
  width:30px
}
.result-14fa2.result-14fa2:before {
  height:20px;
  left:50%;
  line-height:20px;
  margin:-10px 0 0 -10px;
  position:absolute;
  text-align:center;
  top:50%;
  width:20px
}
.success-14fa2 {
  background:var(--color-accent-green)
}
.error-14fa2 {
  background:var(--color-accent-red)
}
.close-14fa2.close-14fa2 {
  display:flex;
  height:100%;
  justify-content:center;
  position:absolute!important;
  right:0;
  top:0;
  width:43px
}
.close-14fa2.close-14fa2:before {
  font-size:var(--xh-body-font-size);
  height:20px;
  left:50%;
  line-height:20px;
  position:absolute;
  text-align:center;
  top:50%;
  transform:translate(-50%,-50%);
  width:30px
}
.close-14fa2.close-14fa2:hover {
  cursor:pointer
}
.close-14fa2.close-14fa2:hover:before {
  color:var(--color-accent-red)
}
@keyframes alert-content-appear-14fa2 {
  0% {
    transform:translateY(var(--xh-spacers-s))
  }
  30% {
    transform:translateY(-2 * var(--xh-spacers-s))
  }
  to {
    transform:translateY(0)
  }
}
.container-8fd26 {
  display:grid;
  gap:var(--xh-spacers-m);
  grid-auto-rows:minmax(100px,auto);
  max-width:100%
}
.container-8dd63 {
  align-items:center;
  display:inline-flex;
  gap:var(--xh-spacers-s);
  justify-content:center;
  max-width:100%
}
.icon-8dd63 {
  color:var(--xh-color-extra-white);
  width:12px
}
.label-8dd63 {
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap
}
.colorPrimary-8dd63 {
  background-color:var(--xh-color-extra-black);
  color:var(--xh-color-extra-white)
}
.colorBrand-8dd63 {
  background-color:var(--xh-color-brand-enabled);
  color:var(--xh-color-extra-white)
}
.colorSecondary-8dd63 {
  background-color:var(--xh-color-button-secondary-pressed);
  color:var(--xh-color-extra-white)
}
.colorGreen-8dd63 {
  background-color:var(--xh-color-extra-green);
  color:var(--xh-color-extra-white)
}
.colorWhite-8dd63 {
  background-color:var(--xh-color-extra-white);
  color:var(--xh-color-extra-black)
}
.sizeDefault-8dd63 {
  padding:var(--xh-spacers-xs) calc(var(--xh-spacers-s) + var(--xh-spacers-xs))
}
.borderRadiusS-8dd63 {
  border-radius:var(--xh-border-radius-s)
}
.borderRadiusXL-8dd63 {
  border-radius:var(--xh-border-radius-xl)
}
.container-ff8a3 {
  align-items:center;
  display:flex;
  gap:var(--xh-spacers-s)
}
.container-ff8a3:hover {
  color:inherit
}
.avatar-ff8a3 {
  flex-shrink:0
}
.name-ff8a3 {
  overflow:hidden;
  text-overflow:ellipsis
}
.visited-ff8a3 .name-ff8a3 {
  color:#dadada
}
.withLink-ff8a3 .name-ff8a3:hover {
  color:var(--xh-color-brand-enabled)
}
.primaryColor-ff8a3 {
  color:var(--xh-color-button-primary)
}
.whiteColor-ff8a3 {
  color:var(--xh-color-extra-white)
}
.container-3ee28 {
  align-items:center;
  background-color:var(--xh-color-surface-back);
  display:flex;
  inset:0;
  justify-content:center;
  position:absolute
}
.dot-3ee28 {
  animation:dot-bounce-3ee28 2s steps(240) infinite;
  border-radius:50%;
  display:inline-block;
  height:10px;
  margin:0 2px;
  transform:scale(0);
  width:10px;
  will-change:transform
}
.dot-3ee28:first-child {
  animation-delay:-.24s
}
.dot-3ee28:last-child {
  animation-delay:.24s
}
.primaryColor-3ee28 .dot-3ee28 {
  background-color:var(--xh-color-font-disabled)
}
.whiteColor-3ee28 .dot-3ee28 {
  background-color:var(--xh-color-extra-white)
}
@keyframes dot-bounce-3ee28 {
  0%,
  20%,
  60%,
  to {
    transform:scale(0)
  }
  40% {
    transform:scale(1)
  }
}
.wrapper-9dbdf {
  display:contents
}
.wrapper-9dbdf.withActions-9dbdf {
  display:block;
  position:relative
}
.container-9dbdf {
  aspect-ratio:1/1;
  background-color:var(--xh-color-button-white-pressed);
  border-radius:var(--xh-border-radius-m);
  box-sizing:border-box;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  overflow:hidden;
  position:relative
}
.cover-9dbdf {
  aspect-ratio:inherit;
  height:100%;
  object-fit:cover;
  width:100%
}
.topPart-9dbdf {
  box-sizing:border-box;
  display:flex;
  flex-wrap:nowrap;
  gap:var(--xh-spacers-s);
  justify-content:space-between;
  left:0;
  padding:var(--xh-spacers-s) var(--xh-spacers-s) var(--xh-spacers-m);
  position:absolute;
  top:0;
  width:100%
}
.compact-9dbdf .topPart-9dbdf {
  padding:var(--xh-spacers-s)
}
.topLeftPart-9dbdf {
  display:flex;
  flex-shrink:1;
  gap:var(--xh-spacers-s);
  min-width:0
}
.bottomPart-9dbdf {
  background:linear-gradient(transparent,rgba(0,0,0,.6));
  bottom:0;
  box-sizing:border-box;
  display:flex;
  flex-direction:column;
  gap:var(--xh-spacers-s);
  left:0;
  padding:var(--xh-spacers-5xl) var(--xh-spacers-m) var(--xh-spacers-m);
  position:absolute;
  right:0;
  width:100%
}
.compact-9dbdf .bottomPart-9dbdf {
  padding:var(--xh-spacers-5xl) var(--xh-spacers-s) var(--xh-spacers-s)
}
.title-9dbdf {
  -webkit-box-orient:vertical;
  line-clamp:2;
  -webkit-line-clamp:2;
  color:var(--xh-color-extra-white);
  display:-webkit-box;
  max-height:40px;
  overflow:hidden
}
.visited-9dbdf .title-9dbdf {
  color:#dadada
}
.accessBadge-9dbdf {
  min-width:1px
}
.authorAndViews-9dbdf,
.authorAndViewsAndTrigger-9dbdf {
  display:flex;
  gap:var(--xh-spacers-s)
}
.authorAndViews-9dbdf {
  align-items:center;
  flex:1;
  min-width:0;
  white-space:nowrap
}
.author-9dbdf {
  flex-shrink:1;
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis
}
.views-9dbdf {
  align-items:center;
  display:flex;
  gap:var(--xh-spacers-s)
}
.separator-9dbdf {
  background-color:var(--xh-color-extra-white);
  height:12px;
  opacity:.4;
  width:1px
}
.viewsText-9dbdf {
  color:var(--xh-color-extra-white)
}
.visited-9dbdf .viewsText-9dbdf {
  color:#dadada
}
.amp-9dbdf img {
  object-fit:cover
}
.blankImage-9dbdf {
  align-items:center;
  display:flex;
  height:100%;
  justify-content:center;
  opacity:.4;
  width:100%
}
.actionTriggerOnly-9dbdf {
  justify-content:flex-end
}
.bottomPart-9dbdf .trigger-9dbdf {
  flex-shrink:1;
  height:var(--xh-spacers-2xl);
  width:var(--xh-spacers-2xl)
}
.hoverTriggerVisibilityMode-9dbdf .bottomPart-9dbdf .trigger-9dbdf {
  opacity:0
}
.bottomPart-9dbdf .trigger-9dbdf:active,
.bottomPart-9dbdf .trigger-9dbdf:focus,
.bottomPart-9dbdf .trigger-9dbdf:hover {
  background:transparent
}
.container-9dbdf:hover .bottomPart-9dbdf .trigger-9dbdf {
  opacity:1
}
.root-0f71b {
  margin-left:calc(var(--xh-legacy-element-gap-small)*-1);
  padding:var(--xh-spacers-2xl) 0 var(--xh-spacers-2xl) var(--xh-legacy-element-gap-small)
}
.root-0f71b .videoList-0f71b {
  margin-top:var(--xh-spacers-l);
  padding:0
}
.root-0f71b .videoList-0f71b .thumb-list-mobile {
  display:flex;
  flex-wrap:nowrap;
  margin-bottom:-80px;
  overflow-x:scroll;
  padding:0 0 80px
}
.root-0f71b .videoList-0f71b .thumb-list-mobile::-webkit-scrollbar {
  display:none
}
.root-0f71b .videoList-0f71b .thumb-list-mobile-item {
  flex:0 0 192px
}
.root-0f71b .videoList-0f71b .video-thumb {
  margin-bottom:0;
  width:25%
}
.root-0f71b .videoList-0f71b .video-thumb .video-thumb__image-container {
  width:100%
}
.root-0f71b.mobile-0f71b {
  margin-left:0;
  padding:var(--xh-spacers-2xl) var(--xh-legacy-element-gap-small)
}
.top-0f71b {
  align-items:center;
  display:flex;
  margin-bottom:var(--xh-spacers-l)
}
.button-0f71b {
  margin-left:var(--xh-spacers-m)
}
.buttonMobile-0f71b {
  display:flex;
  justify-content:center
}
.morePhotos-0f71b {
  margin-top:var(--xh-spacers-xl)
}
.galleryList-0f71b.isScrollable-0f71b {
  display:flex;
  margin:0 calc(var(--xh-legacy-element-gap-small)*-1);
  max-width:none;
  overflow:auto;
  padding:0 var(--xh-legacy-element-gap-small)
}
.galleryList-0f71b.isScrollable-0f71b::-webkit-scrollbar {
  display:none
}
.galleryThumb-0f71b.isScrollable-0f71b {
  display:block;
  flex-shrink:0;
  width:165px
}
.tagIcon-dc060,
.tagIcon-f76fd {
  font-size:var(--xh-legacy-font-size-icon);
  width:calc(var(--xh-legacy-font-size-icon)*1.1)
}
.title-b1e32 {
  color:var(--color-cobalt-darker);
  font-size:var(--xh-h4-font-size);
  font-weight:var(--xh-h4-bold-font-weight);
  line-height:var(--xh-h4-font-size)
}
.root-6e57a {
  border-top:1px var(--color-cobalt-light) solid;
  display:flex;
  justify-content:flex-start;
  padding:var(--xh-spacers-2xl) 0
}
.root-6e57a a,
.root-6e57a button {
  align-items:center;
  display:flex;
  font-size:var(--xh-caption-font-size);
  margin-left:var(--xh-spacers-l);
  overflow:hidden;
  padding:var(--xh-spacers-m);
  text-overflow:ellipsis;
  white-space:nowrap
}
.root-6e57a a i,
.root-6e57a button i {
  font-size:var(--xh-caption-line-height-px);
  margin-right:var(--xh-spacers-s)
}
.root-cb57f {
  background:var(--color-cobalt-lighter);
  border-top:1px solid var(--color-cobalt-light);
  position:relative;
  width:100%
}
@media screen and (min-width:1366px) and (max-width:1535px),screen and (min-width:1536px) {
  .widthWrap-cb57f {
    padding:0 135px 0 150px
  }
}
@media screen and (min-width:1280px) and (max-width:1365px) {
  .widthWrap-cb57f {
    padding:0 85px 0 100px
  }
}
.widthWrap-cb57f {
  margin:0 auto;
  width:100%
}
@media screen and (max-width:1279px) {
  .widthWrap-cb57f {
    max-width:1024px;
    padding:0 17px
  }
}
@media screen and (min-width:1280px) and (max-width:1365px) {
  .widthWrap-cb57f {
    max-width:1210px
  }
}
@media screen and (min-width:1366px) and (max-width:1535px) {
  .widthWrap-cb57f {
    max-width:1346px
  }
}
.mobile-cb57f .earn-cb57f {
  background-color:var(--bg-become-creators-container);
  border-bottom:1px var(--color-cobalt-light) solid;
  padding:var(--xh-legacy-element-gap-large) var(--xh-legacy-element-gap-normal)
}
.root-cb57f:not(.mobile-cb57f) .earn-cb57f {
  margin-top:var(--xh-spacers-3xl)
}
.topPart-cb57f {
  border-bottom:1px solid var(--color-cobalt-light);
  position:relative
}
.mobile-cb57f .topPart-cb57f>.earn-cb57f {
  background-color:var(--bg-become-creators-container);
  border-bottom:1px var(--color-cobalt-light) solid;
  padding:var(--xh-legacy-element-gap-large) var(--xh-legacy-element-gap-normal)
}
.root-cb57f:not(.mobile-cb57f) .topPart-cb57f {
  display:flex;
  padding-bottom:calc(var(--xh-legacy-element-gap-larger)*2);
  padding-top:var(--xh-legacy-element-gap-larger)
}
.column-cb57f {
  align-items:flex-start;
  display:flex;
  flex-direction:column;
  flex-grow:1;
  margin:0 0 10px
}
.column-cb57f:not(:last-child) {
  padding-right:var(--xh-legacy-element-gap-normal)
}
.mobile-cb57f .column-cb57f {
  width:50%
}
.columnContainer-cb57f {
  display:flex;
  width:100%
}
.mobile-cb57f .columnContainer-cb57f {
  flex-wrap:wrap;
  padding:var(--xh-legacy-element-gap-large) var(--xh-legacy-element-gap-normal) 0
}
.columnMenu-cb57f {
  margin:0;
  padding:0
}
.mobile-cb57f .columnHeading-cb57f {
  margin-bottom:var(--xh-legacy-element-gap-small)
}
.root-cb57f:not(.mobile-cb57f) .columnHeading-cb57f {
  margin-bottom:var(--xh-legacy-element-gap-normal)
}
.noWrap-cb57f {
  white-space:nowrap
}
.menuItem-cb57f {
  display:block
}
.mobile-cb57f .menuItem-cb57f {
  margin-bottom:var(--xh-legacy-element-gap-small);
  text-align:left
}
.menuLink-cb57f {
  align-items:center;
  color:var(--color-cobalt);
  display:flex
}
.mobile-cb57f .menuLink-cb57f {
  font-size:var(--xh-caption-font-size);
  line-height:var(--xh-tiny-line-height-px)
}
.root-cb57f:not(.mobile-cb57f) .menuLink-cb57f {
  font-size:var(--xh-body-font-size);
  line-height:var(--xh-h3-line-height-px)
}
.root-cb57f:not(.mobile-cb57f) .menuLink-cb57f:hover {
  color:var(--color-accent-red)
}
.double-cb57f .menu-cb57f {
  display:flex;
  flex-wrap:wrap
}
.mobile-cb57f .double-cb57f .menuItem-cb57f {
  width:100%
}
.mobile-cb57f .double-cb57f .menuItem--last-cb57f {
  order:1
}
.root-cb57f:not(.mobile-cb57f) .double-cb57f {
  max-width:400px
}
.root-cb57f:not(.mobile-cb57f) .double-cb57f .menuItem-cb57f {
  width:50%
}
.root-cb57f:not(.mobile-cb57f) .colorInitial-cb57f:hover,
.root-cb57f:not(.mobile-cb57f) .colorInitial-cb57f:visited {
  color:var(--xh-color-font-primary)
}
.bottom-cb57f {
  align-items:center;
  display:flex;
  justify-content:space-between;
  width:auto
}
.mobile-cb57f .bottom-cb57f {
  flex-wrap:wrap;
  padding:var(--xh-legacy-element-gap-large) var(--xh-legacy-element-gap-normal)
}
.root-cb57f:not(.mobile-cb57f) .bottom-cb57f {
  height:70px
}
.copyright-cb57f {
  color:var(--color-cobalt)
}
.mobile-cb57f .copyright-cb57f {
  order:2;
  text-align:center;
  width:100%
}
.root-cb57f:not(.mobile-cb57f) .copyright-cb57f {
  white-space:nowrap
}
.copyright-cb57f .link,
.copyright-cb57f .link:link {
  color:var(--color-cobalt)
}
.version-cb57f {
  align-items:center;
  display:flex;
  line-height:var(--xh-body-line-height-px);
  margin-left:var(--xh-legacy-element-gap-large)
}
.version-cb57f .verIcon-cb57f {
  margin-right:var(--xh-legacy-element-gap-smaller)
}
.mobile-cb57f .version-cb57f {
  align-items:center;
  border-radius:var(--xh-border-radius-m);
  display:inline-flex;
  font-size:var(--xh-body-bold-font-size);
  font-weight:var(--xh-body-bold-font-weight);
  height:30px;
  justify-content:center;
  line-height:var(--xh-body-bold-line-height-px);
  margin:0 auto var(--xh-legacy-element-gap-normal);
  order:1;
  padding:0 var(--xh-legacy-element-gap-small)
}
.root-cb57f:not(.mobile-cb57f) .version-cb57f:hover,
.root-cb57f:not(.mobile-cb57f) .version-cb57f:visited {
  color:var(--xh-color-font-primary)
}
.socials-cb57f {
  display:flex;
  margin:0 auto
}
.socials-cb57f .link-cb57f {
  align-items:center;
  background-color:var(--color-cobalt-light);
  border:0;
  border-radius:50%;
  color:var(--color-cobalt-darker);
  display:inline-flex;
  height:30px;
  justify-content:center;
  margin-left:var(--xh-legacy-element-gap-small);
  text-align:center;
  width:30px
}
.socials-cb57f .link-cb57f:first-of-type {
  margin-left:0
}
.root-cb57f:not(.mobile-cb57f) .socials-cb57f .link-cb57f:hover {
  opacity:.7
}
.socials-cb57f .link-cb57f.nft-cb57f {
  position:relative
}
.socials-cb57f .link-cb57f.nft-cb57f:after {
  background-color:var(--color-cobalt-lighter);
  background-size:contain;
  border-radius:var(--xh-border-radius-s);
  color:var(--xh-color-font-primary);
  content:"NFT";
  font-size:7px;
  font-weight:var(--xh-tiny-bold-font-weight);
  height:9px;
  line-height:9px;
  padding:.5px;
  position:absolute;
  right:-6px;
  top:-3px;
  width:17px
}
.socials-cb57f .icon-cb57f {
  color:var(--xh-color-icon-primary)
}
.mobile-cb57f .socials-cb57f {
  justify-content:flex-start;
  margin:initial;
  order:4
}
.compliance-cb57f {
  color:var(--color-cobalt);
  display:inline-block;
  line-height:14px
}
.mobile-cb57f .compliance-cb57f {
  font-size:var(--xh-tiny-font-size);
  margin-bottom:var(--xh-legacy-element-gap-normal);
  margin-right:0;
  order:3;
  text-align:center;
  text-decoration:underline;
  width:100%
}
.root-cb57f:not(.mobile-cb57f) .compliance-cb57f {
  font-size:var(--xh-caption-font-size);
  margin-right:var(--xh-legacy-element-gap-large);
  text-align:right;
  width:236px
}
.root-cb57f:not(.mobile-cb57f) .compliance-cb57f:hover {
  color:var(--color-accent-red)
}
@media screen and (min-width:1280px) and (max-width:1365px) {
  .root-cb57f:not(.mobile-cb57f) .compliance-cb57f {
    margin-right:var(--xh-legacy-element-gap-small)
  }
}
.rta-cb57f img {
  display:block
}
.mobile-cb57f .rta-cb57f {
  align-items:center;
  display:flex;
  justify-content:flex-end;
  order:5
}
.mobile-cb57f .rta-cb57f img {
  height:25px;
  width:56px
}
.root-cb57f:not(.mobile-cb57f) .rta-cb57f img {
  height:31px;
  width:70px
}
.avText-cb57f,
.separator-cb57f {
  margin-bottom:var(--xh-spacers-m)
}
.separator-cb57f {
  border-bottom:1px var(--xh-color-border-divider) solid;
  height:1px
}
.link-badge {
  background-color:var(--xh-color-brand-enabled);
  border-radius:20px;
  color:var(--xh-color-extra-white);
  display:inline-block;
  font-size:8px;
  line-height:15px;
  margin-left:var(--xh-spacers-s);
  padding:0 var(--xh-spacers-s);
  text-transform:uppercase
}
.root-d73c9 {
  padding:var(--xh-spacers-5xl) var(--xh-spacers-xl);
  width:100%
}
.menu-d73c9,
.root-d73c9 {
  display:flex;
  flex-wrap:wrap;
  justify-content:center
}
.menu-d73c9 {
  margin:0 calc(var(--xh-spacers-m)*-1)
}
.desktop-d73c9 .menu-d73c9 {
  margin:0 calc(var(--xh-spacers-l)*-1)
}
.menuItem-d73c9 {
  margin:0 var(--xh-spacers-m)
}
.desktop-d73c9 .menuItem-d73c9 {
  margin:0 var(--xh-spacers-l)
}
.menuLink-d73c9 {
  color:var(--color-cobalt);
  font-size:var(--xh-body-font-size);
  font-weight:var(--xh-body-font-weight);
  line-height:30px
}
.bottom-d73c9 {
  align-items:center;
  display:flex;
  justify-content:center;
  margin-top:var(--xh-spacers-3xl);
  width:100%
}
.desktop-d73c9 .bottom-d73c9 {
  margin-top:var(--xh-spacers-2xl)
}
.compliance-d73c9 {
  color:var(--color-cobalt);
  font-size:var(--xh-caption-font-size);
  font-weight:var(--xh-body-font-weight);
  line-height:16px;
  margin-left:var(--xh-spacers-2xl);
  width:236px
}
.root-66d4c {
  background-color:var(--color-cobalt-light);
  border-radius:var(--xh-border-radius-m);
  bottom:var(--xh-spacers-2xl);
  cursor:pointer;
  height:40px;
  opacity:1;
  position:fixed;
  right:var(--xh-spacers-2xl);
  text-align:center;
  transition:visibility .3s linear,opacity .3s linear;
  visibility:visible;
  width:40px;
  z-index:var(--z-index-over)
}
.root-66d4c:hover {
  background-color:var(--color-gray)
}
.root-66d4c .icon-66d4c {
  font-size:var(--xh-caption-font-size);
  line-height:40px;
  vertical-align:middle
}
.root-66d4c.hidden-66d4c {
  opacity:0;
  visibility:hidden
}
@media screen and (max-width:1279px) {
  .root-66d4c {
    bottom:75px
  }
}
.root-3d59f {
  flex-grow:1
}
.root-3d59f:not(:last-child) {
  padding-right:var(--xh-legacy-element-gap-normal)
}
.root-3d59f.mobile-3d59f {
  align-items:center;
  display:flex;
  flex-direction:column;
  margin:0 0 var(--xh-legacy-element-gap-small);
  margin-bottom:0;
  width:100%
}
.heading-3d59f {
  color:var(--color-cobalt-darker);
  margin:0;
  margin-bottom:var(--xh-legacy-element-gap-small);
  white-space:nowrap
}
.become-3d59f {
  display:flex;
  z-index:1
}
.mobile-3d59f .become-3d59f {
  flex-direction:column-reverse
}
.button-3d59f {
  align-items:center;
  border-radius:var(--xh-border-radius-m);
  box-shadow:0 0 0 6px var(--color-cobalt-lighter);
  display:inline-flex;
  min-width:fit-content;
  padding:0 var(--xh-legacy-element-gap-large) 0 var(--xh-legacy-element-gap-normal);
  z-index:5
}
.mobile-3d59f .button-3d59f {
  border:none;
  box-shadow:0 0 0 6px var(--bg-become-creators-container);
  margin-top:var(--xh-legacy-element-gap-small)
}
.root-3d59f:not(.mobile-3d59f) .button-3d59f:hover {
  background-color:var(--xh-color-button-secondary-hover)
}
.button-3d59f .icon-3d59f {
  font-size:var(--xh-h3-bold-font-size);
  margin-right:var(--xh-legacy-element-gap-smaller)
}
.button-3d59f .icon-3d59f:after,
.button-3d59f .icon-3d59f:before {
  padding:0
}
.creators-3d59f {
  display:flex;
  margin-right:calc(var(--xh-legacy-element-gap-large)*-1);
  transform:translateX(calc(-50% + var(--xh-legacy-element-gap-large)*.5))
}
.mobile-3d59f .creators-3d59f {
  transform:none
}
.creators-3d59f .item-3d59f {
  background-color:#d3d3d3;
  background-size:contain;
  border-radius:50%;
  box-shadow:0 0 0 6px var(--color-cobalt-lighter);
  height:40px;
  margin-left:calc(var(--xh-legacy-element-gap-small)*-1);
  overflow:hidden;
  position:relative;
  width:40px
}
.mobile-3d59f .creators-3d59f .item-3d59f {
  box-shadow:0 0 0 6px var(--bg-become-creators-container)
}
.creators-3d59f .item-3d59f:first-child {
  z-index:var(--z-index-level1)
}
.creators-3d59f .item-3d59f:first-child:after {
  background-color:var(--bg-become-creators-container);
  border-radius:50%;
  content:"";
  inset:calc(var(--xh-spacers-xs)*-1);
  opacity:.7;
  position:absolute
}
.creators-3d59f .item-3d59f:nth-child(2) {
  z-index:var(--z-index-level2)
}
.creators-3d59f .item-3d59f:nth-child(2):after {
  background-color:var(--bg-become-creators-container);
  border-radius:50%;
  content:"";
  inset:calc(var(--xh-spacers-xs)*-1);
  opacity:.3;
  position:absolute
}
.creators-3d59f .item-3d59f:nth-child(3) {
  z-index:var(--z-index-level3)
}
.creators-3d59f .item-3d59f:nth-child(4) {
  z-index:4
}
.creators-3d59f .item-3d59f:nth-child(5) {
  z-index:var(--z-index-level3)
}
.creators-3d59f .item-3d59f:nth-child(6) {
  z-index:var(--z-index-level2)
}
.creators-3d59f .item-3d59f:nth-child(6):after {
  background-color:var(--bg-become-creators-container);
  border-radius:50%;
  content:"";
  inset:calc(var(--xh-spacers-xs)*-1);
  opacity:.3;
  position:absolute
}
.creators-3d59f .item-3d59f:nth-child(7) {
  z-index:var(--z-index-level1)
}
.creators-3d59f .item-3d59f:nth-child(7):after {
  background-color:var(--bg-become-creators-container);
  border-radius:50%;
  content:"";
  inset:calc(var(--xh-spacers-xs)*-1);
  opacity:.7;
  position:absolute
}
.root-cb57f {
  background:var(--color-cobalt-lighter);
  border-top:1px solid var(--color-cobalt-light);
  position:relative;
  width:100%
}
@media screen and (min-width:1366px) and (max-width:1535px),screen and (min-width:1536px) {
  .widthWrap-cb57f {
    padding:0 135px 0 150px
  }
}
@media screen and (min-width:1280px) and (max-width:1365px) {
  .widthWrap-cb57f {
    padding:0 85px 0 100px
  }
}
.widthWrap-cb57f {
  margin:0 auto;
  width:100%
}
@media screen and (max-width:1279px) {
  .widthWrap-cb57f {
    max-width:1024px;
    padding:0 17px
  }
}
@media screen and (min-width:1280px) and (max-width:1365px) {
  .widthWrap-cb57f {
    max-width:1210px
  }
}
@media screen and (min-width:1366px) and (max-width:1535px) {
  .widthWrap-cb57f {
    max-width:1346px
  }
}
.mobile-cb57f .earn-cb57f {
  background-color:var(--bg-become-creators-container);
  border-bottom:1px var(--color-cobalt-light) solid;
  padding:var(--xh-legacy-element-gap-large) var(--xh-legacy-element-gap-normal)
}
.root-cb57f:not(.mobile-cb57f) .earn-cb57f {
  margin-top:var(--xh-spacers-3xl)
}
.topPart-cb57f {
  border-bottom:1px solid var(--color-cobalt-light);
  position:relative
}
.mobile-cb57f .topPart-cb57f>.earn-cb57f {
  background-color:var(--bg-become-creators-container);
  border-bottom:1px var(--color-cobalt-light) solid;
  padding:var(--xh-legacy-element-gap-large) var(--xh-legacy-element-gap-normal)
}
.root-cb57f:not(.mobile-cb57f) .topPart-cb57f {
  display:flex;
  padding-bottom:calc(var(--xh-legacy-element-gap-larger)*2);
  padding-top:var(--xh-legacy-element-gap-larger)
}
.column-cb57f {
  align-items:flex-start;
  display:flex;
  flex-direction:column;
  flex-grow:1;
  margin:0 0 10px
}
.column-cb57f:not(:last-child) {
  padding-right:var(--xh-legacy-element-gap-normal)
}
.mobile-cb57f .column-cb57f {
  width:50%
}
.columnContainer-cb57f {
  display:flex;
  width:100%
}
.mobile-cb57f .columnContainer-cb57f {
  flex-wrap:wrap;
  padding:var(--xh-legacy-element-gap-large) var(--xh-legacy-element-gap-normal) 0
}
.columnMenu-cb57f {
  margin:0;
  padding:0
}
.mobile-cb57f .columnHeading-cb57f {
  margin-bottom:var(--xh-legacy-element-gap-small)
}
.root-cb57f:not(.mobile-cb57f) .columnHeading-cb57f {
  margin-bottom:var(--xh-legacy-element-gap-normal)
}
.noWrap-cb57f {
  white-space:nowrap
}
.menuItem-cb57f {
  display:block
}
.mobile-cb57f .menuItem-cb57f {
  margin-bottom:var(--xh-legacy-element-gap-small);
  text-align:left
}
.menuLink-cb57f {
  align-items:center;
  color:var(--color-cobalt);
  display:flex
}
.mobile-cb57f .menuLink-cb57f {
  font-size:var(--xh-caption-font-size);
  line-height:var(--xh-tiny-line-height-px)
}
.root-cb57f:not(.mobile-cb57f) .menuLink-cb57f {
  font-size:var(--xh-body-font-size);
  line-height:var(--xh-h3-line-height-px)
}
.root-cb57f:not(.mobile-cb57f) .menuLink-cb57f:hover {
  color:var(--color-accent-red)
}
.double-cb57f .menu-cb57f {
  display:flex;
  flex-wrap:wrap
}
.mobile-cb57f .double-cb57f .menuItem-cb57f {
  width:100%
}
.mobile-cb57f .double-cb57f .menuItem--last-cb57f {
  order:1
}
.root-cb57f:not(.mobile-cb57f) .double-cb57f {
  max-width:400px
}
.root-cb57f:not(.mobile-cb57f) .double-cb57f .menuItem-cb57f {
  width:50%
}
.root-cb57f:not(.mobile-cb57f) .colorInitial-cb57f:hover,
.root-cb57f:not(.mobile-cb57f) .colorInitial-cb57f:visited {
  color:var(--xh-color-font-primary)
}
.bottom-cb57f {
  align-items:center;
  display:flex;
  justify-content:space-between;
  width:auto
}
.mobile-cb57f .bottom-cb57f {
  flex-wrap:wrap;
  padding:var(--xh-legacy-element-gap-large) var(--xh-legacy-element-gap-normal)
}
.root-cb57f:not(.mobile-cb57f) .bottom-cb57f {
  height:70px
}
.copyright-cb57f {
  color:var(--color-cobalt)
}
.mobile-cb57f .copyright-cb57f {
  order:2;
  text-align:center;
  width:100%
}
.root-cb57f:not(.mobile-cb57f) .copyright-cb57f {
  white-space:nowrap
}
.copyright-cb57f .link,
.copyright-cb57f .link:link {
  color:var(--color-cobalt)
}
.version-cb57f {
  align-items:center;
  display:flex;
  line-height:var(--xh-body-line-height-px);
  margin-left:var(--xh-legacy-element-gap-large)
}
.version-cb57f .verIcon-cb57f {
  margin-right:var(--xh-legacy-element-gap-smaller)
}
.mobile-cb57f .version-cb57f {
  align-items:center;
  border-radius:var(--xh-border-radius-m);
  display:inline-flex;
  font-size:var(--xh-body-bold-font-size);
  font-weight:var(--xh-body-bold-font-weight);
  height:30px;
  justify-content:center;
  line-height:var(--xh-body-bold-line-height-px);
  margin:0 auto var(--xh-legacy-element-gap-normal);
  order:1;
  padding:0 var(--xh-legacy-element-gap-small)
}
.root-cb57f:not(.mobile-cb57f) .version-cb57f:hover,
.root-cb57f:not(.mobile-cb57f) .version-cb57f:visited {
  color:var(--xh-color-font-primary)
}
.socials-cb57f {
  display:flex;
  margin:0 auto
}
.socials-cb57f .link-cb57f {
  align-items:center;
  background-color:var(--color-cobalt-light);
  border:0;
  border-radius:50%;
  color:var(--color-cobalt-darker);
  display:inline-flex;
  height:30px;
  justify-content:center;
  margin-left:var(--xh-legacy-element-gap-small);
  text-align:center;
  width:30px
}
.socials-cb57f .link-cb57f:first-of-type {
  margin-left:0
}
.root-cb57f:not(.mobile-cb57f) .socials-cb57f .link-cb57f:hover {
  opacity:.7
}
.socials-cb57f .link-cb57f.nft-cb57f {
  position:relative
}
.socials-cb57f .link-cb57f.nft-cb57f:after {
  background-color:var(--color-cobalt-lighter);
  background-size:contain;
  border-radius:var(--xh-border-radius-s);
  color:var(--xh-color-font-primary);
  content:"NFT";
  font-size:7px;
  font-weight:var(--xh-tiny-bold-font-weight);
  height:9px;
  line-height:9px;
  padding:.5px;
  position:absolute;
  right:-6px;
  top:-3px;
  width:17px
}
.socials-cb57f .icon-cb57f {
  color:var(--xh-color-icon-primary)
}
.mobile-cb57f .socials-cb57f {
  justify-content:flex-start;
  margin:initial;
  order:4
}
.compliance-cb57f {
  color:var(--color-cobalt);
  display:inline-block;
  line-height:14px
}
.mobile-cb57f .compliance-cb57f {
  font-size:var(--xh-tiny-font-size);
  margin-bottom:var(--xh-legacy-element-gap-normal);
  margin-right:0;
  order:3;
  text-align:center;
  text-decoration:underline;
  width:100%
}
.root-cb57f:not(.mobile-cb57f) .compliance-cb57f {
  font-size:var(--xh-caption-font-size);
  margin-right:var(--xh-legacy-element-gap-large);
  text-align:right;
  width:236px
}
.root-cb57f:not(.mobile-cb57f) .compliance-cb57f:hover {
  color:var(--color-accent-red)
}
@media screen and (min-width:1280px) and (max-width:1365px) {
  .root-cb57f:not(.mobile-cb57f) .compliance-cb57f {
    margin-right:var(--xh-legacy-element-gap-small)
  }
}
.rta-cb57f img {
  display:block
}
.mobile-cb57f .rta-cb57f {
  align-items:center;
  display:flex;
  justify-content:flex-end;
  order:5
}
.mobile-cb57f .rta-cb57f img {
  height:25px;
  width:56px
}
.root-cb57f:not(.mobile-cb57f) .rta-cb57f img {
  height:31px;
  width:70px
}
.avText-cb57f,
.separator-cb57f {
  margin-bottom:var(--xh-spacers-m)
}
.separator-cb57f {
  border-bottom:1px var(--xh-color-border-divider) solid;
  height:1px
}
.link-badge {
  background-color:var(--xh-color-brand-enabled);
  border-radius:20px;
  color:var(--xh-color-extra-white);
  display:inline-block;
  font-size:8px;
  line-height:15px;
  margin-left:var(--xh-spacers-s);
  padding:0 var(--xh-spacers-s);
  text-transform:uppercase
}
.root-d73c9 {
  padding:var(--xh-spacers-5xl) var(--xh-spacers-xl);
  width:100%
}
.menu-d73c9,
.root-d73c9 {
  display:flex;
  flex-wrap:wrap;
  justify-content:center
}
.menu-d73c9 {
  margin:0 calc(var(--xh-spacers-m)*-1)
}
.desktop-d73c9 .menu-d73c9 {
  margin:0 calc(var(--xh-spacers-l)*-1)
}
.menuItem-d73c9 {
  margin:0 var(--xh-spacers-m)
}
.desktop-d73c9 .menuItem-d73c9 {
  margin:0 var(--xh-spacers-l)
}
.menuLink-d73c9 {
  color:var(--color-cobalt);
  font-size:var(--xh-body-font-size);
  font-weight:var(--xh-body-font-weight);
  line-height:30px
}
.bottom-d73c9 {
  align-items:center;
  display:flex;
  justify-content:center;
  margin-top:var(--xh-spacers-3xl);
  width:100%
}
.desktop-d73c9 .bottom-d73c9 {
  margin-top:var(--xh-spacers-2xl)
}
.compliance-d73c9 {
  color:var(--color-cobalt);
  font-size:var(--xh-caption-font-size);
  font-weight:var(--xh-body-font-weight);
  line-height:16px;
  margin-left:var(--xh-spacers-2xl);
  width:236px
}
.root-66d4c {
  background-color:var(--color-cobalt-light);
  border-radius:var(--xh-border-radius-m);
  bottom:var(--xh-spacers-2xl);
  cursor:pointer;
  height:40px;
  opacity:1;
  position:fixed;
  right:var(--xh-spacers-2xl);
  text-align:center;
  transition:visibility .3s linear,opacity .3s linear;
  visibility:visible;
  width:40px;
  z-index:var(--z-index-over)
}
.root-66d4c:hover {
  background-color:var(--color-gray)
}
.root-66d4c .icon-66d4c {
  font-size:var(--xh-caption-font-size);
  line-height:40px;
  vertical-align:middle
}
.root-66d4c.hidden-66d4c {
  opacity:0;
  visibility:hidden
}
@media screen and (max-width:1279px) {
  .root-66d4c {
    bottom:75px
  }
}
.root-3d59f {
  flex-grow:1
}
.root-3d59f:not(:last-child) {
  padding-right:var(--xh-legacy-element-gap-normal)
}
.root-3d59f.mobile-3d59f {
  align-items:center;
  display:flex;
  flex-direction:column;
  margin:0 0 var(--xh-legacy-element-gap-small);
  margin-bottom:0;
  width:100%
}
.heading-3d59f {
  color:var(--color-cobalt-darker);
  margin:0;
  margin-bottom:var(--xh-legacy-element-gap-small);
  white-space:nowrap
}
.become-3d59f {
  display:flex;
  z-index:1
}
.mobile-3d59f .become-3d59f {
  flex-direction:column-reverse
}
.button-3d59f {
  align-items:center;
  border-radius:var(--xh-border-radius-m);
  box-shadow:0 0 0 6px var(--color-cobalt-lighter);
  display:inline-flex;
  min-width:fit-content;
  padding:0 var(--xh-legacy-element-gap-large) 0 var(--xh-legacy-element-gap-normal);
  z-index:5
}
.mobile-3d59f .button-3d59f {
  border:none;
  box-shadow:0 0 0 6px var(--bg-become-creators-container);
  margin-top:var(--xh-legacy-element-gap-small)
}
.root-3d59f:not(.mobile-3d59f) .button-3d59f:hover {
  background-color:var(--xh-color-button-secondary-hover)
}
.button-3d59f .icon-3d59f {
  font-size:var(--xh-h3-bold-font-size);
  margin-right:var(--xh-legacy-element-gap-smaller)
}
.button-3d59f .icon-3d59f:after,
.button-3d59f .icon-3d59f:before {
  padding:0
}
.creators-3d59f {
  display:flex;
  margin-right:calc(var(--xh-legacy-element-gap-large)*-1);
  transform:translateX(calc(-50% + var(--xh-legacy-element-gap-large)*.5))
}
.mobile-3d59f .creators-3d59f {
  transform:none
}
.creators-3d59f .item-3d59f {
  background-color:#d3d3d3;
  background-size:contain;
  border-radius:50%;
  box-shadow:0 0 0 6px var(--color-cobalt-lighter);
  height:40px;
  margin-left:calc(var(--xh-legacy-element-gap-small)*-1);
  overflow:hidden;
  position:relative;
  width:40px
}
.mobile-3d59f .creators-3d59f .item-3d59f {
  box-shadow:0 0 0 6px var(--bg-become-creators-container)
}
.creators-3d59f .item-3d59f:first-child {
  z-index:var(--z-index-level1)
}
.creators-3d59f .item-3d59f:first-child:after {
  background-color:var(--bg-become-creators-container);
  border-radius:50%;
  content:"";
  inset:calc(var(--xh-spacers-xs)*-1);
  opacity:.7;
  position:absolute
}
.creators-3d59f .item-3d59f:nth-child(2) {
  z-index:var(--z-index-level2)
}
.creators-3d59f .item-3d59f:nth-child(2):after {
  background-color:var(--bg-become-creators-container);
  border-radius:50%;
  content:"";
  inset:calc(var(--xh-spacers-xs)*-1);
  opacity:.3;
  position:absolute
}
.creators-3d59f .item-3d59f:nth-child(3) {
  z-index:var(--z-index-level3)
}
.creators-3d59f .item-3d59f:nth-child(4) {
  z-index:4
}
.creators-3d59f .item-3d59f:nth-child(5) {
  z-index:var(--z-index-level3)
}
.creators-3d59f .item-3d59f:nth-child(6) {
  z-index:var(--z-index-level2)
}
.creators-3d59f .item-3d59f:nth-child(6):after {
  background-color:var(--bg-become-creators-container);
  border-radius:50%;
  content:"";
  inset:calc(var(--xh-spacers-xs)*-1);
  opacity:.3;
  position:absolute
}
.creators-3d59f .item-3d59f:nth-child(7) {
  z-index:var(--z-index-level1)
}
.creators-3d59f .item-3d59f:nth-child(7):after {
  background-color:var(--bg-become-creators-container);
  border-radius:50%;
  content:"";
  inset:calc(var(--xh-spacers-xs)*-1);
  opacity:.7;
  position:absolute
}
.root-6d67f {
  backdrop-filter:blur(8px);
  -webkit-backdrop-filter:blur(8px);
  border:1px solid var(--xh-color-border-divider);
  border-radius:var(--xh-border-radius-xl) var(--xh-border-radius-xl) 0 0;
  bottom:0;
  display:flex;
  max-width:430px;
  overflow:hidden;
  padding:var(--xh-spacers-l) var(--xh-legacy-element-gap-small);
  position:fixed;
  right:0;
  width:100%;
  z-index:var(--z-index-overlay)
}
.root-6d67f .tooltipIconSvg-6d67f {
  color:var(--xh-color-icon-secondary);
  margin-left:var(--xh-spacers-s)
}
.bg-6d67f {
  background-color:var(--xh-color-surface-card);
  height:100%;
  left:0;
  opacity:.8;
  position:absolute;
  top:0;
  width:100%;
  z-index:var(--z-index-negative)
}
.closeIcon-6d67f {
  position:absolute;
  right:10px;
  top:12px
}
.logo-6d67f {
  height:72px;
  margin-right:var(--xh-spacers-l);
  width:72px
}
.logoImage-6d67f {
  height:auto;
  width:100%
}
.title-6d67f {
  display:flex
}
.bottomButton-6d67f {
  margin-top:var(--xh-spacers-s)
}
.qJTHM {
  -moz-user-select:none;
  color:#202124;
  direction:ltr;
  font-family:"Roboto-Regular",arial,sans-serif;
  font-weight:400;
  margin:0;
  overflow:hidden
}
.ynRLnc {
  left:-9999px;
  position:absolute;
  top:-9999px
}
.L6cTce {
  display:none
}
.bltWBb {
  word-break:break-all
}
.hSRGPd {
  color:#1a73e8;
  cursor:pointer;
  font-weight:500;
  text-decoration:none
}
.Bz112c-W3lGp {
  height:16px;
  width:16px
}
.Bz112c-E3DyYd {
  height:20px;
  width:20px
}
.Bz112c-r9oPif {
  height:24px;
  width:24px
}
.Bz112c-u2z5K {
  height:36px;
  width:36px
}
.Bz112c-uaxL4e {
  -moz-border-radius:10px;
  border-radius:10px
}
.LgbsSe-Bz112c {
  display:block
}
.S9gUrf-YoZ4jf,
.S9gUrf-YoZ4jf * {
  border:none;
  margin:0;
  padding:0
}
.fFW7wc-ibnC6b>.aZ2wEe>div {
  border-color:#4285f4
}
.P1ekSe-ZMv3u>div:nth-child(1) {
  background-color:#1a73e8!important
}
.P1ekSe-ZMv3u>div:nth-child(2),
.P1ekSe-ZMv3u>div:nth-child(3) {
  background-image:linear-gradient(to right,rgba(255,255,255,.7),rgba(255,255,255,.7)),linear-gradient(to right,#1a73e8,#1a73e8)!important
}
.haAclf {
  display:inline-block
}
.nsm7Bb-HzV7m-LgbsSe {
  border-radius:4px;
  -moz-box-sizing:border-box;
  box-sizing:border-box;
  transition:background-color 0.218s,border-color 0.218s;
  -moz-user-select:none;
  background-color:#fff;
  background-image:none;
  border:1px solid #dadce0;
  color:#3c4043;
  cursor:pointer;
  font-family:"Google Sans",arial,sans-serif;
  font-size:14px;
  height:40px;
  letter-spacing:0.25px;
  outline:none;
  overflow:hidden;
  padding:0 12px;
  position:relative;
  text-align:center;
  vertical-align:middle;
  white-space:nowrap;
  width:auto
}
@media screen and (-ms-high-contrast:active) {
  .nsm7Bb-HzV7m-LgbsSe {
    border:2px solid windowText;
    color:windowText
  }
}
@media screen and (preferes-contrast:more) {
  .nsm7Bb-HzV7m-LgbsSe {
    color:#000
  }
}
.nsm7Bb-HzV7m-LgbsSe.pSzOP-SxQuSe {
  font-size:14px;
  height:32px;
  letter-spacing:0.25px;
  padding:0 10px
}
.nsm7Bb-HzV7m-LgbsSe.purZT-SxQuSe {
  font-size:11px;
  height:20px;
  letter-spacing:0.3px;
  padding:0 8px
}
.nsm7Bb-HzV7m-LgbsSe.Bz112c-LgbsSe {
  padding:0;
  width:40px
}
.nsm7Bb-HzV7m-LgbsSe.Bz112c-LgbsSe.pSzOP-SxQuSe {
  width:32px
}
.nsm7Bb-HzV7m-LgbsSe.Bz112c-LgbsSe.purZT-SxQuSe {
  width:20px
}
.nsm7Bb-HzV7m-LgbsSe.JGcpL-RbRzK {
  border-radius:20px
}
.nsm7Bb-HzV7m-LgbsSe.JGcpL-RbRzK.pSzOP-SxQuSe {
  border-radius:16px
}
.nsm7Bb-HzV7m-LgbsSe.JGcpL-RbRzK.purZT-SxQuSe {
  border-radius:10px
}
.nsm7Bb-HzV7m-LgbsSe.MFS4be-Ia7Qfc {
  border:none;
  color:#fff
}
.nsm7Bb-HzV7m-LgbsSe.MFS4be-v3pZbf-Ia7Qfc {
  background-color:#1a73e8
}
.nsm7Bb-HzV7m-LgbsSe.MFS4be-JaPV2b-Ia7Qfc {
  background-color:#202124;
  color:#e8eaed
}
@media screen and (prefers-contrast:more) {
  .nsm7Bb-HzV7m-LgbsSe.MFS4be-JaPV2b-Ia7Qfc {
    color:#fff
  }
}
.nsm7Bb-HzV7m-LgbsSe .nsm7Bb-HzV7m-LgbsSe-Bz112c {
  height:18px;
  margin-right:8px;
  min-width:18px;
  width:18px
}
.nsm7Bb-HzV7m-LgbsSe.pSzOP-SxQuSe .nsm7Bb-HzV7m-LgbsSe-Bz112c {
  height:14px;
  min-width:14px;
  width:14px
}
.nsm7Bb-HzV7m-LgbsSe.purZT-SxQuSe .nsm7Bb-HzV7m-LgbsSe-Bz112c {
  height:10px;
  min-width:10px;
  width:10px
}
.nsm7Bb-HzV7m-LgbsSe.jVeSEe .nsm7Bb-HzV7m-LgbsSe-Bz112c {
  margin-left:8px;
  margin-right:-4px
}
.nsm7Bb-HzV7m-LgbsSe.Bz112c-LgbsSe .nsm7Bb-HzV7m-LgbsSe-Bz112c {
  margin:0;
  padding:10px
}
.nsm7Bb-HzV7m-LgbsSe.Bz112c-LgbsSe.pSzOP-SxQuSe .nsm7Bb-HzV7m-LgbsSe-Bz112c {
  padding:8px
}
.nsm7Bb-HzV7m-LgbsSe.Bz112c-LgbsSe.purZT-SxQuSe .nsm7Bb-HzV7m-LgbsSe-Bz112c {
  padding:4px
}
.nsm7Bb-HzV7m-LgbsSe .nsm7Bb-HzV7m-LgbsSe-Bz112c-haAclf {
  border-top-left-radius:3px;
  border-bottom-left-radius:3px;
  display:-webkit-box;
  display:-moz-box;
  display:-ms-flexbox;
  display:-webkit-flex;
  display:flex;
  -moz-box-pack:center;
  justify-content:center;
  align-items:center;
  background-color:#fff;
  height:36px;
  margin-left:-10px;
  margin-right:12px;
  min-width:36px;
  width:36px
}
.nsm7Bb-HzV7m-LgbsSe .nsm7Bb-HzV7m-LgbsSe-Bz112c-haAclf .nsm7Bb-HzV7m-LgbsSe-Bz112c,
.nsm7Bb-HzV7m-LgbsSe.Bz112c-LgbsSe .nsm7Bb-HzV7m-LgbsSe-Bz112c-haAclf .nsm7Bb-HzV7m-LgbsSe-Bz112c {
  margin:0;
  padding:0
}
.nsm7Bb-HzV7m-LgbsSe.pSzOP-SxQuSe .nsm7Bb-HzV7m-LgbsSe-Bz112c-haAclf {
  height:28px;
  margin-left:-8px;
  margin-right:10px;
  min-width:28px;
  width:28px
}
.nsm7Bb-HzV7m-LgbsSe.purZT-SxQuSe .nsm7Bb-HzV7m-LgbsSe-Bz112c-haAclf {
  height:16px;
  margin-left:-6px;
  margin-right:8px;
  min-width:16px;
  width:16px
}
.nsm7Bb-HzV7m-LgbsSe.Bz112c-LgbsSe .nsm7Bb-HzV7m-LgbsSe-Bz112c-haAclf {
  border-radius:3px;
  margin-left:2px;
  margin-right:0;
  padding:0
}
.nsm7Bb-HzV7m-LgbsSe.JGcpL-RbRzK .nsm7Bb-HzV7m-LgbsSe-Bz112c-haAclf {
  border-radius:18px
}
.nsm7Bb-HzV7m-LgbsSe.pSzOP-SxQuSe.JGcpL-RbRzK .nsm7Bb-HzV7m-LgbsSe-Bz112c-haAclf {
  border-radius:14px
}
.nsm7Bb-HzV7m-LgbsSe.purZT-SxQuSe.JGcpL-RbRzK .nsm7Bb-HzV7m-LgbsSe-Bz112c-haAclf {
  border-radius:8px
}
.nsm7Bb-HzV7m-LgbsSe .nsm7Bb-HzV7m-LgbsSe-bN97Pc-sM5MNb {
  display:-webkit-box;
  display:-moz-box;
  display:-ms-flexbox;
  display:-webkit-flex;
  display:flex;
  -moz-box-align:center;
  align-items:center;
  -moz-box-orient:vertical;
  -moz-box-direction:normal;
  flex-direction:row;
  -moz-box-pack:space-between;
  justify-content:space-between;
  flex-wrap:nowrap;
  height:100%;
  position:relative;
  width:100%
}
.nsm7Bb-HzV7m-LgbsSe .oXtfBe-l4eHX {
  -moz-box-pack:center;
  justify-content:center
}
.nsm7Bb-HzV7m-LgbsSe .nsm7Bb-HzV7m-LgbsSe-BPrWId {
  -moz-box-flex:1;
  flex-grow:1;
  font-family:"Google Sans",arial,sans-serif;
  font-weight:500;
  overflow:hidden;
  text-overflow:ellipsis;
  vertical-align:top
}
.nsm7Bb-HzV7m-LgbsSe.purZT-SxQuSe .nsm7Bb-HzV7m-LgbsSe-BPrWId {
  font-weight:300
}
.nsm7Bb-HzV7m-LgbsSe .oXtfBe-l4eHX .nsm7Bb-HzV7m-LgbsSe-BPrWId {
  -moz-box-flex:0;
  flex-grow:0
}
.nsm7Bb-HzV7m-LgbsSe .nsm7Bb-HzV7m-LgbsSe-MJoBVe {
  transition:background-color 0.218s;
  bottom:0;
  left:0;
  position:absolute;
  right:0;
  top:0
}
.nsm7Bb-HzV7m-LgbsSe:hover,
.nsm7Bb-HzV7m-LgbsSe:focus {
  box-shadow:none;
  border-color:#d2e3fc;
  outline:none
}
.nsm7Bb-HzV7m-LgbsSe:focus-within {
  outline:2px solid #00639b;
  border-color:transparent
}
.nsm7Bb-HzV7m-LgbsSe:hover .nsm7Bb-HzV7m-LgbsSe-MJoBVe {
  background:rgba(66,133,244,.08)
}
.nsm7Bb-HzV7m-LgbsSe:active .nsm7Bb-HzV7m-LgbsSe-MJoBVe,
.nsm7Bb-HzV7m-LgbsSe:focus .nsm7Bb-HzV7m-LgbsSe-MJoBVe {
  background:rgba(66,133,244,.1)
}
.nsm7Bb-HzV7m-LgbsSe.MFS4be-Ia7Qfc:hover .nsm7Bb-HzV7m-LgbsSe-MJoBVe {
  background:rgba(255,255,255,.24)
}
.nsm7Bb-HzV7m-LgbsSe.MFS4be-Ia7Qfc:active .nsm7Bb-HzV7m-LgbsSe-MJoBVe,
.nsm7Bb-HzV7m-LgbsSe.MFS4be-Ia7Qfc:focus .nsm7Bb-HzV7m-LgbsSe-MJoBVe {
  background:rgba(255,255,255,.32)
}
.nsm7Bb-HzV7m-LgbsSe .n1UuX-DkfjY {
  border-radius:50%;
  display:-webkit-box;
  display:-moz-box;
  display:-ms-flexbox;
  display:-webkit-flex;
  display:flex;
  height:20px;
  margin-left:-4px;
  margin-right:8px;
  min-width:20px;
  width:20px
}
.nsm7Bb-HzV7m-LgbsSe.jVeSEe .nsm7Bb-HzV7m-LgbsSe-BPrWId {
  font-family:"Roboto";
  font-size:12px;
  text-align:left
}
.nsm7Bb-HzV7m-LgbsSe.jVeSEe .nsm7Bb-HzV7m-LgbsSe-BPrWId .ssJRIf,
.nsm7Bb-HzV7m-LgbsSe.jVeSEe .nsm7Bb-HzV7m-LgbsSe-BPrWId .K4efff .fmcmS {
  overflow:hidden;
  text-overflow:ellipsis
}
.nsm7Bb-HzV7m-LgbsSe.jVeSEe .nsm7Bb-HzV7m-LgbsSe-BPrWId .K4efff {
  display:-webkit-box;
  display:-moz-box;
  display:-ms-flexbox;
  display:-webkit-flex;
  display:flex;
  -moz-box-align:center;
  align-items:center;
  color:#5f6368;
  fill:#5f6368;
  font-size:11px;
  font-weight:400
}
.nsm7Bb-HzV7m-LgbsSe.jVeSEe.MFS4be-Ia7Qfc .nsm7Bb-HzV7m-LgbsSe-BPrWId .K4efff {
  color:#e8eaed;
  fill:#e8eaed
}
@media screen and (prefers-contrast:more) {
  .nsm7Bb-HzV7m-LgbsSe.jVeSEe .nsm7Bb-HzV7m-LgbsSe-BPrWId .K4efff,
  .nsm7Bb-HzV7m-LgbsSe.jVeSEe.MFS4be-Ia7Qfc .nsm7Bb-HzV7m-LgbsSe-BPrWId .K4efff {
    color:#000;
    fill:#000
  }
}
.nsm7Bb-HzV7m-LgbsSe.jVeSEe .nsm7Bb-HzV7m-LgbsSe-BPrWId .K4efff .Bz112c {
  height:18px;
  margin:-3px -3px -3px 2px;
  min-width:18px;
  width:18px
}
.nsm7Bb-HzV7m-LgbsSe.jVeSEe .nsm7Bb-HzV7m-LgbsSe-Bz112c-haAclf {
  border-top-left-radius:0;
  border-bottom-left-radius:0;
  border-top-right-radius:3px;
  border-bottom-right-radius:3px;
  margin-left:12px;
  margin-right:-10px
}
.nsm7Bb-HzV7m-LgbsSe.jVeSEe.JGcpL-RbRzK .nsm7Bb-HzV7m-LgbsSe-Bz112c-haAclf {
  border-radius:18px
}
.L5Fo6c-sM5MNb {
  border:0;
  display:block;
  left:0;
  position:relative;
  top:0
}
.L5Fo6c-bF1uUb {
  -moz-border-radius:4px;
  border-radius:4px;
  bottom:0;
  cursor:pointer;
  left:0;
  position:absolute;
  right:0;
  top:0
}
.L5Fo6c-bF1uUb:focus {
  border:none;
  outline:none
}
sentinel {
}
#credential_picker_container {
  border:none;
  height:330px;
  position:fixed;
  right:20px;
  top:20px;
  width:391px;
  z-index:9999
}
#credential_picker_container .L5Fo6c-PQbLGe {
  border:none;
  width:391px;
  height:330px
}
@media only screen and (max-width:410px) {
  #credential_picker_container {
    overflow-x:hidden;
    overflow-y:auto;
    right:0;
    width:100vw
  }
  #credential_picker_container .L5Fo6c-PQbLGe {
    width:100vw
  }
}
#g_a11y_announcement {
  height:1px;
  left:-10000px;
  overflow:hidden;
  position:absolute;
  top:auto;
  width:1px
}
.L5Fo6c-sM5MNb {
  border:0;
  display:block;
  left:0;
  position:relative;
  top:0
}
.L5Fo6c-bF1uUb {
  -moz-border-radius:4px;
  border-radius:4px;
  bottom:0;
  cursor:pointer;
  left:0;
  position:absolute;
  right:0;
  top:0
}
.L5Fo6c-bF1uUb:focus {
  border:none;
  outline:none
}
sentinel {
}


#text01:hover {color: #ff0000;
              }
#text01:active {color: #950000;
                text-decoration: underline;
               }