/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

/* Document
   ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */

html {
  line-height: 1.15; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/* Sections
   ========================================================================== */

/**
 * Remove the margin in all browsers.
 */

body {
  margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */

main {
  display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
   ========================================================================== */

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */

hr {
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

pre {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/* Text-level semantics
   ========================================================================== */

/**
 * Remove the gray background on active links in IE 10.
 */

a {
  background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */

abbr[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  text-decoration: underline dotted; /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */

b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */

small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
   ========================================================================== */

/**
 * Remove the border on images inside links in IE 10.
 */

img {
  border-style: none;
}

/* Forms
   ========================================================================== */

/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */

button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-size: 100%; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */

button,
input { /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */

button,
select { /* 1 */
  text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */

button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */

fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */

legend {
  box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */

progress {
  vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */

textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */

[type="checkbox"],
[type="radio"] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */

[type="search"] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */

[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */

::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/* Interactive
   ========================================================================== */

/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */

details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */

summary {
  display: list-item;
}

/* Misc
   ========================================================================== */

/**
 * Add the correct display in IE 10+.
 */

template {
  display: none;
}

/**
 * Add the correct display in IE 10.
 */

[hidden] {
  display: none;
}

:root {
  --hue-blue: 188;
  --hue-pink: 323;

  /* Karaoke Forever neon-night palette */
  --color-midnight: #0B0C10;
  --color-midnight-blue: #091833;
  --color-obsidian: #1A1B2F;
  --color-violet: #8A2BE2;
  --color-violet-deep: #711C91;
  --color-fuchsia: #EA00D9;
  --color-pink: #FF007F;
  --color-cyan: #0ABDC6;
  --color-cyan-bright: #00FFFF;
  --color-white: #FFFFFF;
  --color-text-muted: rgba(255, 255, 255, .68);
  --color-text-dim: rgba(255, 255, 255, .46);
  --color-success: #35C759;

  /* Defaults */
  --font-family: system-ui, sans-serif;
  --font-family-custom: Raleway, system-ui, sans-serif;
  --bg-color: var(--color-midnight);
  --text-color: var(--color-white);
  --link-color: var(--color-cyan-bright);
  --text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5);
  --box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
  --drop-shadow-filter: drop-shadow(0 2px 5px #222);
  --container-padding: 10px;
  --btn-margin: 6px;
  --border-radius: 5px;

  --input-color: var(--color-white);
  --input-placeholder-color: rgba(255, 255, 255, .58);
  --input-bg-color: var(--color-obsidian);
  --input-outline-color: var(--color-cyan-bright);
  --input-margin: 7px;

  --btn-bg-color: var(--color-violet-deep);
  --btn-active-bg-color: var(--color-violet);
  --btn-active-filter: drop-shadow(0 0 8px rgba(138, 43, 226, .5));
  --btn-danger-bg-color: var(--color-pink);
  --btn-danger-filter: drop-shadow(0 0 8px rgba(255, 0, 127, .45));

  /* UI chrome (header/footer) */
  --chrome-bg-color: rgba(9, 24, 51, .88);
  --chrome-border-color: rgba(10, 189, 198, .28);
  --header-notice-color: var(--color-white);
  --header-notice-bg-color: var(--color-violet-deep);

  /* Navigation */
  --nav-link-color: var(--btn-bg-color);
  --nav-active-color: var(--link-color);
  --nav-active-filter: var(--btn-active-filter);

  /* Library */
  --artist-item-height: 44px;
  --artist-folder-color: var(--text-color);
  --artist-folder-bg-color: var(--color-midnight-blue);
  --artist-folder-starred-color: var(--color-midnight);
  --artist-folder-starred-bg-color: var(--color-cyan-bright);

  --song-item-btn-width: 44px;
  --song-item-btn-height: 44px;
  --song-item-btn-bg-color: var(--color-midnight-blue);
  --song-item-btn-active-color: var(--color-white);
  --song-item-btn-active-bg-color: var(--btn-active-bg-color);
  --song-item-btn-active-filter: var(--btn-active-filter);

  --alpha-picker-color: var(--artist-folder-bg-color);
  --queued-item-color: hsl(var(--hue-pink), 70%, 80%);
  --queued-item-text-shadow: var(--text-shadow-glow);

  --search-results-heading-color: var(--text-color);
  --search-results-heading-bg-color: var(--artist-folder-bg-color);
  --mark-bg-color: var(--color-violet-deep);

  /* Queue */
  --active-item-from-bg-color: var(--color-midnight-blue);
  --active-item-to-bg-color: var(--color-violet-deep);
  --queue-item-height: 92px;

  /* Account panels */
  --panel-bg-color: var(--color-obsidian);
  --panel-title-color: var(--text-color);
  --panel-title-bg-color: var(--color-midnight-blue);
  --panel-title-size: 20px;
  --panel-title-padding: 6px;
  --panel-title-font: 300 20px var(--font-family-custom);

  /* PlaybackCtrl */
  --transport-btn-bg-color: var(--btn-danger-bg-color);
  --transport-btn-filter: var(--btn-danger-filter);
  --transport-volume-track-color: var(--btn-bg-color);
  --transport-volume-track-active-color: var(--btn-active-bg-color);
  --transport-volume-track-active-filter: var(--btn-active-filter);

  /* Up Next header/banner */
  --up-next-bg-color-from: var(--color-midnight-blue);
  --up-next-bg-color-to: var(--color-violet-deep);
  --up-next-filter: drop-shadow(0 0 8px rgba(138, 43, 226, .35));

  --up-now-bg-color-from: var(--color-violet-deep);
  --up-now-bg-color-to: var(--color-pink);
  --up-now-filter: drop-shadow(0 0 10px rgba(255, 0, 127, .35));

  /* <button> colors */
  --btn-default-color: var(--color-white);
  --btn-default-bg-color: var(--color-obsidian);

  --btn-primary-color: var(--color-white);
  --btn-primary-bg-color: var(--btn-active-bg-color);

  /* Animation */
  --spring-duration: .5s;
  --spring-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
  --function-ease-out-expo: cubic-bezier(0.19, 1, 0.22, 1);
  --animation-bounce: bounce .25s ease-out;
  --animation-text-shadow-glow: glow .25s ease-out;

  /* Glow */
  --text-shadow-glow: 0 0 .25em hsl(var(--hue-pink), 100%, 50%), 0 0 .5em hsl(var(--hue-pink), 100%, 50%);
}

@keyframes bounce {
  from { transform: scale3d(1, 1, 1); }
  3% { transform: scale3d(1.75, 1.75, 1.75); }
  95% { transform: scale3d(.9, .9, .9); }
  to { transform: scale3d(1, 1, 1); }
}

@keyframes glow {
  from { text-shadow: none; }
  25% { text-shadow: 0 0 4px hsl(var(--hue-pink), 100%, 100%), 0 0 8px hsl(var(--hue-pink), 100%, 100%), 0 0 12px hsl(var(--hue-pink), 100%, 100%); }
  to { text-shadow: var(--text-shadow-glow); }
}

@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 200;
  src: url(fonts/raleway-v14-latin-200.woff2) format('woff2');
}

@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 700;
  src: url(fonts/raleway-v14-latin-700.woff2) format('woff2');
}

.rc-slider {
  position: relative;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.rc-slider * {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.rc-slider-rail {
  position: absolute;
  width: 100%;
  background-color: var(--transport-volume-track-color);
  height: 6px;
  border-radius: 6px;
}

.rc-slider-track {
  position: absolute;
  left: 0;
  height: 6px;
  border-radius: 6px;
  background-color: var(--transport-volume-track-active-color);
  filter: var(--transport-volume-track-active-filter);
}

.Toastify__toast-container {
  z-index: 9999;
  -webkit-transform: translate3d(0, 0, 9999px);
  position: fixed;
  padding: 4px;
  width: 320px;
  box-sizing: border-box;
  color: #fff;
}
.Toastify__toast-container--top-left {
  top: 1em;
  left: 1em;
}
.Toastify__toast-container--top-center {
  top: 1em;
  left: 50%;
  transform: translateX(-50%);
}
.Toastify__toast-container--top-right {
  top: 1em;
  right: 1em;
}
.Toastify__toast-container--bottom-left {
  bottom: 1em;
  left: 1em;
}
.Toastify__toast-container--bottom-center {
  bottom: 1em;
  left: 50%;
  transform: translateX(-50%);
}
.Toastify__toast-container--bottom-right {
  bottom: 1em;
  right: 1em;
}

@media only screen and (max-width : 480px) {
  .Toastify__toast-container {
    width: 100vw;
    padding: 0;
    left: 0;
    margin: 0;
  }
  .Toastify__toast-container--top-left, .Toastify__toast-container--top-center, .Toastify__toast-container--top-right {
    top: 0;
    transform: translateX(0);
  }
  .Toastify__toast-container--bottom-left, .Toastify__toast-container--bottom-center, .Toastify__toast-container--bottom-right {
    bottom: 0;
    transform: translateX(0);
  }
  .Toastify__toast-container--rtl {
    right: 0;
    left: initial;
  }
}
.Toastify__toast {
  position: relative;
  min-height: 64px;
  box-sizing: border-box;
  margin-bottom: 1rem;
  padding: 8px;
  border-radius: 4px;
  box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.1), 0 2px 15px 0 rgba(0, 0, 0, 0.05);
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  max-height: 800px;
  overflow: hidden;
  font-family: sans-serif;
  cursor: pointer;
  direction: ltr;
}
.Toastify__toast--rtl {
  direction: rtl;
}
.Toastify__toast--dark {
  background: #121212;
  color: #fff;
}
.Toastify__toast--default {
  background: #fff;
  color: #aaa;
}
.Toastify__toast--info {
  background: #3498db;
}
.Toastify__toast--success {
  background: #07bc0c;
}
.Toastify__toast--warning {
  background: #f1c40f;
}
.Toastify__toast--error {
  background: #e74c3c;
}
.Toastify__toast-body {
  margin: auto 0;
  -ms-flex: 1 1 auto;
      flex: 1 1 auto;
  padding: 6px;
}

.Toastify--animate {
  animation-fill-mode: both;
  animation-duration: 0.7s;
}

@media only screen and (max-width : 480px) {
  .Toastify__toast {
    margin-bottom: 0;
    border-radius: 0;
  }
}
.Toastify__close-button {
  color: #fff;
  background: transparent;
  outline: none;
  border: none;
  padding: 0;
  cursor: pointer;
  opacity: 0.7;
  transition: 0.3s ease;
  -ms-flex-item-align: start;
      align-self: flex-start;
}
.Toastify__close-button--default {
  color: #000;
  opacity: 0.3;
}
.Toastify__close-button > svg {
  fill: currentColor;
  height: 16px;
  width: 14px;
}
.Toastify__close-button:hover, .Toastify__close-button:focus {
  opacity: 1;
}

@keyframes Toastify__trackProgress {
  0% {
    transform: scaleX(1);
  }
  100% {
    transform: scaleX(0);
  }
}
.Toastify__progress-bar {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 5px;
  z-index: 9999;
  opacity: 0.7;
  background-color: rgba(255, 255, 255, 0.7);
  transform-origin: left;
}
.Toastify__progress-bar--animated {
  animation: Toastify__trackProgress linear 1 forwards;
}
.Toastify__progress-bar--controlled {
  transition: transform 0.2s;
}
.Toastify__progress-bar--rtl {
  right: 0;
  left: initial;
  transform-origin: right;
}
.Toastify__progress-bar--default {
  background: linear-gradient(to right, #4cd964, #5ac8fa, #007aff, #34aadc, #5856d6, #ff2d55);
}
.Toastify__progress-bar--dark {
  background: #bb86fc;
}
@keyframes Toastify__bounceInRight {
  from, 60%, 75%, 90%, to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  from {
    opacity: 0;
    transform: translate3d(3000px, 0, 0);
  }
  60% {
    opacity: 1;
    transform: translate3d(-25px, 0, 0);
  }
  75% {
    transform: translate3d(10px, 0, 0);
  }
  90% {
    transform: translate3d(-5px, 0, 0);
  }
  to {
    transform: none;
  }
}
@keyframes Toastify__bounceOutRight {
  20% {
    opacity: 1;
    transform: translate3d(-20px, 0, 0);
  }
  to {
    opacity: 0;
    transform: translate3d(2000px, 0, 0);
  }
}
@keyframes Toastify__bounceInLeft {
  from, 60%, 75%, 90%, to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    transform: translate3d(-3000px, 0, 0);
  }
  60% {
    opacity: 1;
    transform: translate3d(25px, 0, 0);
  }
  75% {
    transform: translate3d(-10px, 0, 0);
  }
  90% {
    transform: translate3d(5px, 0, 0);
  }
  to {
    transform: none;
  }
}
@keyframes Toastify__bounceOutLeft {
  20% {
    opacity: 1;
    transform: translate3d(20px, 0, 0);
  }
  to {
    opacity: 0;
    transform: translate3d(-2000px, 0, 0);
  }
}
@keyframes Toastify__bounceInUp {
  from, 60%, 75%, 90%, to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  from {
    opacity: 0;
    transform: translate3d(0, 3000px, 0);
  }
  60% {
    opacity: 1;
    transform: translate3d(0, -20px, 0);
  }
  75% {
    transform: translate3d(0, 10px, 0);
  }
  90% {
    transform: translate3d(0, -5px, 0);
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
@keyframes Toastify__bounceOutUp {
  20% {
    transform: translate3d(0, -10px, 0);
  }
  40%, 45% {
    opacity: 1;
    transform: translate3d(0, 20px, 0);
  }
  to {
    opacity: 0;
    transform: translate3d(0, -2000px, 0);
  }
}
@keyframes Toastify__bounceInDown {
  from, 60%, 75%, 90%, to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    transform: translate3d(0, -3000px, 0);
  }
  60% {
    opacity: 1;
    transform: translate3d(0, 25px, 0);
  }
  75% {
    transform: translate3d(0, -10px, 0);
  }
  90% {
    transform: translate3d(0, 5px, 0);
  }
  to {
    transform: none;
  }
}
@keyframes Toastify__bounceOutDown {
  20% {
    transform: translate3d(0, 10px, 0);
  }
  40%, 45% {
    opacity: 1;
    transform: translate3d(0, -20px, 0);
  }
  to {
    opacity: 0;
    transform: translate3d(0, 2000px, 0);
  }
}
.Toastify__bounce-enter--top-left, .Toastify__bounce-enter--bottom-left {
  animation-name: Toastify__bounceInLeft;
}
.Toastify__bounce-enter--top-right, .Toastify__bounce-enter--bottom-right {
  animation-name: Toastify__bounceInRight;
}
.Toastify__bounce-enter--top-center {
  animation-name: Toastify__bounceInDown;
}
.Toastify__bounce-enter--bottom-center {
  animation-name: Toastify__bounceInUp;
}

.Toastify__bounce-exit--top-left, .Toastify__bounce-exit--bottom-left {
  animation-name: Toastify__bounceOutLeft;
}
.Toastify__bounce-exit--top-right, .Toastify__bounce-exit--bottom-right {
  animation-name: Toastify__bounceOutRight;
}
.Toastify__bounce-exit--top-center {
  animation-name: Toastify__bounceOutUp;
}
.Toastify__bounce-exit--bottom-center {
  animation-name: Toastify__bounceOutDown;
}

@keyframes Toastify__zoomIn {
  from {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }
  50% {
    opacity: 1;
  }
}
@keyframes Toastify__zoomOut {
  from {
    opacity: 1;
  }
  50% {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }
  to {
    opacity: 0;
  }
}
.Toastify__zoom-enter {
  animation-name: Toastify__zoomIn;
}

.Toastify__zoom-exit {
  animation-name: Toastify__zoomOut;
}

@keyframes Toastify__flipIn {
  from {
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    animation-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    animation-timing-function: ease-in;
  }
  60% {
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }
  80% {
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }
  to {
    transform: perspective(400px);
  }
}
@keyframes Toastify__flipOut {
  from {
    transform: perspective(400px);
  }
  30% {
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }
  to {
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}
.Toastify__flip-enter {
  animation-name: Toastify__flipIn;
}

.Toastify__flip-exit {
  animation-name: Toastify__flipOut;
}

@keyframes Toastify__slideInRight {
  from {
    transform: translate3d(110%, 0, 0);
    visibility: visible;
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
@keyframes Toastify__slideInLeft {
  from {
    transform: translate3d(-110%, 0, 0);
    visibility: visible;
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
@keyframes Toastify__slideInUp {
  from {
    transform: translate3d(0, 110%, 0);
    visibility: visible;
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
@keyframes Toastify__slideInDown {
  from {
    transform: translate3d(0, -110%, 0);
    visibility: visible;
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
@keyframes Toastify__slideOutRight {
  from {
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    transform: translate3d(110%, 0, 0);
  }
}
@keyframes Toastify__slideOutLeft {
  from {
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    transform: translate3d(-110%, 0, 0);
  }
}
@keyframes Toastify__slideOutDown {
  from {
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    transform: translate3d(0, 500px, 0);
  }
}
@keyframes Toastify__slideOutUp {
  from {
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    transform: translate3d(0, -500px, 0);
  }
}
.Toastify__slide-enter--top-left, .Toastify__slide-enter--bottom-left {
  animation-name: Toastify__slideInLeft;
}
.Toastify__slide-enter--top-right, .Toastify__slide-enter--bottom-right {
  animation-name: Toastify__slideInRight;
}
.Toastify__slide-enter--top-center {
  animation-name: Toastify__slideInDown;
}
.Toastify__slide-enter--bottom-center {
  animation-name: Toastify__slideInUp;
}

.Toastify__slide-exit--top-left, .Toastify__slide-exit--bottom-left {
  animation-name: Toastify__slideOutLeft;
}
.Toastify__slide-exit--top-right, .Toastify__slide-exit--bottom-right {
  animation-name: Toastify__slideOutRight;
}
.Toastify__slide-exit--top-center {
  animation-name: Toastify__slideOutUp;
}
.Toastify__slide-exit--bottom-center {
  animation-name: Toastify__slideOutDown;
}
/* necessary to import from here to be loaded late in main.css, instead of early in vendors.css */

*,
*:before,
*:after {
  box-sizing: inherit;
}

html {
  box-sizing: border-box;
  height: 100%;
  touch-action: manipulation;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
}

body {
  background-color: var(--bg-color);
  color: var(--text-color);
  font-family: var(--font-family);
  height: 100%;
  margin: 0;
  padding: 0;
}

body.scroll-lock {
  overflow: hidden;
  position: fixed;
  width: 100%;
}

h1 {
  font-weight: normal;
}

a {
  color: var(--link-color);
  font-weight: bold;
  cursor: pointer;
}

svg {
  vertical-align: bottom;
}

/* Form elements */
input[type="text"],
input[type="email"],
input[type="password"],
input[type="search"],
input[type="number"],
select {
  display: block;
  width: 100%;
  padding: 8px;
  font-size: 18px;
  box-shadow: inset 1px 1px 3px 0px rgba(50, 50, 50, 0.75);
  border: none;
  border-radius: var(--border-radius);
  color: var(--input-color);
  background-color: var(--input-bg-color);
}

::placeholder {
  color: var(--input-placeholder-color);
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
select:focus,
button:focus {
  box-shadow: inset 0px 0px 5px 3px var(--input-outline-color);
  outline: none;
}

input[type="text"],
input[type="email"],
input[type="password"],
input[type="search"],
input[type="search"]::-webkit-search-cancel-button {
  appearance: none;
  -webkit-appearance: none;
}

/* Modal dialog */
@keyframes react-responsive-modal-fadeIn {
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@keyframes react-responsive-modal-fadeOut {
  0% { opacity: 1; }
  100% { opacity: 0; }
}

/* Buttons */
button:not(.Toastify__close-button) {
  background-color: var(--btn-default-bg-color);
  border: none;
  border-radius: var(--border-radius);
  box-shadow: var(--box-shadow);
  color: var(--btn-default-color);
  cursor: pointer;
  display: inline-block;
  padding: 16px;
  width: 100%;
}

button.primary {
  background-color: var(--btn-primary-bg-color);
  color: var(--btn-primary-color);
}

@supports (backdrop-filter: saturate(250%) blur(20px)) or (-webkit-backdrop-filter: saturate(250%) blur(20px)) {
  .bg-blur {
    background-color: transparent !important;
    -webkit-backdrop-filter: saturate(250%) blur(20px);
    backdrop-filter: saturate(250%) blur(20px);
  }
}

mark {
  color: inherit;
  background-color: var(--mark-bg-color);
}


/* ============================================================
   Global theme packs
   Admin selects the theme; these tokens apply to every client.
   ============================================================ */

html[data-theme='halloween'] {
  --color-midnight: #09070d;
  --color-midnight-blue: #1a0f26;
  --color-obsidian: #21152b;
  --color-violet: #8f36ff;
  --color-violet-deep: #5b148f;
  --color-fuchsia: #ff4d00;
  --color-pink: #ff6a00;
  --color-cyan: #9de34f;
  --color-cyan-bright: #c7ff5c;
  --btn-danger-bg-color: #ff4d00;
  --queued-item-color: #ff8a2a;
}

html[data-theme='christmas'] {
  --color-midnight: #07110d;
  --color-midnight-blue: #0b2118;
  --color-obsidian: #123126;
  --color-violet: #b61f31;
  --color-violet-deep: #7d1423;
  --color-fuchsia: #d4af37;
  --color-pink: #e13a47;
  --color-cyan: #5ac8a8;
  --color-cyan-bright: #d9fff3;
  --btn-danger-bg-color: #c82435;
  --queued-item-color: #f0d36a;
}

html[data-theme='new-year'] {
  --color-midnight: #070707;
  --color-midnight-blue: #171717;
  --color-obsidian: #242424;
  --color-violet: #c9a227;
  --color-violet-deep: #866b11;
  --color-fuchsia: #f7dc6f;
  --color-pink: #e8c447;
  --color-cyan: #b8c4d8;
  --color-cyan-bright: #ffffff;
  --queued-item-color: #f7dc6f;
}

html[data-theme='valentine'] {
  --color-midnight: #14070f;
  --color-midnight-blue: #2a0d21;
  --color-obsidian: #37132c;
  --color-violet: #c72b78;
  --color-violet-deep: #86184f;
  --color-fuchsia: #ff4aa2;
  --color-pink: #ff2f74;
  --color-cyan: #ff89bc;
  --color-cyan-bright: #ffd5e9;
  --queued-item-color: #ff83bd;
}

html[data-theme='halloween'] body,
html[data-theme='christmas'] body,
html[data-theme='new-year'] body,
html[data-theme='valentine'] body {
  transition:
    background-color 280ms ease,
    color 280ms ease;
}

.theme-decorations {
  position: fixed;
  inset: 0;
  z-index: 9998;
  pointer-events: none;
  overflow: hidden;
  display: none;
}

html[data-theme-decorations='true'][data-theme='halloween']
  .theme-decorations,
html[data-theme-decorations='true'][data-theme='christmas']
  .theme-decorations,
html[data-theme-decorations='true'][data-theme='new-year']
  .theme-decorations,
html[data-theme-decorations='true'][data-theme='valentine']
  .theme-decorations {
  display: block;
}

.theme-decoration {
  position: absolute;
  opacity: .16;
  filter: drop-shadow(0 0 12px currentColor);
  animation: themeFloat 7s ease-in-out infinite alternate;
}

.theme-decoration::before {
  display: block;
  font-size: clamp(28px, 4vw, 58px);
}

.theme-decoration-a {
  left: 3vw;
  top: 14vh;
}

.theme-decoration-b {
  right: 4vw;
  top: 23vh;
  animation-delay: -2s;
}

.theme-decoration-c {
  right: 12vw;
  bottom: 14vh;
  animation-delay: -4s;
}

html[data-theme='halloween'] .theme-decoration-a::before { content: '🎃'; }
html[data-theme='halloween'] .theme-decoration-b::before { content: '🦇'; }
html[data-theme='halloween'] .theme-decoration-c::before { content: '🌙'; }

html[data-theme='christmas'] .theme-decoration-a::before { content: '❄️'; }
html[data-theme='christmas'] .theme-decoration-b::before { content: '🎄'; }
html[data-theme='christmas'] .theme-decoration-c::before { content: '🎁'; }

html[data-theme='new-year'] .theme-decoration-a::before { content: '✨'; }
html[data-theme='new-year'] .theme-decoration-b::before { content: '🎉'; }
html[data-theme='new-year'] .theme-decoration-c::before { content: '🥂'; }

html[data-theme='valentine'] .theme-decoration-a::before { content: '💖'; }
html[data-theme='valentine'] .theme-decoration-b::before { content: '💘'; }
html[data-theme='valentine'] .theme-decoration-c::before { content: '🌹'; }

html[data-theme-intensity='minimal'] .theme-decoration {
  animation: none;
  opacity: .1;
}

html[data-theme-intensity='festive'] .theme-decoration,
html[data-theme-intensity='extra'] .theme-decoration {
  opacity: .24;
}

html[data-theme-intensity='extra'] .theme-decoration {
  animation-duration: 4.2s;
}

@keyframes themeFloat {
  from {
    transform: translate3d(0, 0, 0) rotate(-4deg);
  }
  to {
    transform: translate3d(0, -18px, 0) rotate(5deg);
  }
}

@media (prefers-reduced-motion: reduce) {
  .theme-decoration {
    animation: none !important;
  }
}


.dMo9SQYONtw9WYO5lxiN {
  width: 100%;
  margin: -5px 34px 0 30px;
}

.pMYNwtxIUiwKZSuUB8NQ {
  cursor: pointer;
  fill: var(--transport-btn-bg-color);
  filter: var(--transport-btn-filter);
  position: absolute;
  top: -18px;
  touch-action: 'pan-x';
}

.sfr6H9YQSnxNFewvtYb2 {
  font-size: 16px;
  color: var(--header-notice-color);
  background-color: var(--header-notice-bg-color);
}

.QYsiKZ5NRjaOsK5iaXfX {
  margin: 0;
  padding: 5px;
  text-align: center;
}

.wRkkzow8DtkxLNTzMhxJ {
  background: rgba(0, 0, 0, 0.75);
  display: flex;
  align-items: flex-start;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  overflow-y: auto;
  overflow-x: hidden;
  z-index: 1000;
  padding: 1.2rem;
}

.CKty5KaEk_nKaO8C9NWj {
  --modal-scale: 1;
  position: relative;
  width: min(760px, 85vw);
  padding:
    calc(.5rem * var(--modal-scale))
    calc(1rem * var(--modal-scale));
  background: var(--bg-color);
  background-clip: padding-box;
  box-shadow:
    0 18px 48px rgba(0, 0, 0, .42),
    0 0 0 1px rgba(10, 189, 198, .12);
  margin: 0 auto;
  user-select: text;
  border-radius: calc(10px * var(--modal-scale));
}

.ZngDJyEJgnnXmFMDUj3s {
  width: min(700px, 88vw);
}

.yecxIdJ029JsIqTXH2Q1 {
  width: min(94vw, 620px);
  border-radius: calc(8px * var(--modal-scale));
}

.HJXuMqrUNLwSPbNThuk4 {
  width: min(820px, 68vw);
}

.ajGpLQigfVaB7SeJ9yHQ {
  position: absolute;
  top: .5rem;
  right: .5rem;
  border: none;
  padding: 0;
  cursor: pointer;
  background-color: transparent;
  fill: var(--btn-active-bg-color);
  width: auto;
}

.HHYLkEZBcUJPga1se3oQ {
  display: flex;
  flex-direction: column;
  height: 100%;
}

.eJLT6828XSsubIHdpAW2 {
  font-family: var(--font-family-custom);
  margin: 0 0 calc(1rem * var(--modal-scale)) 0;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: clamp(
    1.35rem,
    calc(2rem * var(--modal-scale)),
    2.25rem
  );
}

.M1nSLELWzWtg0nMNVAPp {
  flex: 1;
  -webkit-overflow-scrolling: touch;
  overflow: auto;
}

.nsGMxmc6ZA0V4Fwl17Bf {
  margin-top: var(--container-padding);
}

.yecxIdJ029JsIqTXH2Q1 .nsGMxmc6ZA0V4Fwl17Bf {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.ZngDJyEJgnnXmFMDUj3s .M1nSLELWzWtg0nMNVAPp,
.yecxIdJ029JsIqTXH2Q1 .M1nSLELWzWtg0nMNVAPp {
  font-size: calc(1rem * var(--modal-scale));
}

.eBgZD0SKZoZxdKfDH4T1 {
  border: 1px solid var(--btn-bg-color);
  border-radius: var(--border-radius);
  margin-top: var(--container-padding);
}

.PJhDzihe1KxTY9CE2xvq {
}

.Y8xCNeqBBAdhv1S2a0zC {
}

.PJhDzihe1KxTY9CE2xvq legend,
.Y8xCNeqBBAdhv1S2a0zC legend {
  margin-left: -.5em;
}

.PJhDzihe1KxTY9CE2xvq legend label {
  display: flex;
  align-items: center;
  cursor: pointer;
}

.PJhDzihe1KxTY9CE2xvq legend input[type="checkbox"] {
  margin-right: .25em;
}

.lNVvAVB0rbHGFBU4wBbH {
  display: block;
  margin: 0.8em 0;
  color: hsl(var(--hue-blue), 10%, 67%);
}

.Y8xCNeqBBAdhv1S2a0zC label:first-of-type {
  margin-top: .25rem;
}

.QyK2Uk7cCogrdI3yDGZX {
  display: flex;
  margin: .25rem 0 .5rem 0;
  justify-content: space-between;
}

.Busc1bvYRrq8mQTC8UsA {
  width: 30%;
  display: block;
  padding: 0;
  background-color: var(--btn-active-bg-color);
}

.UD9HYyUBgOjSl2ux6LIp {
  fill: var(--btn-base-blue);
}

.eBgZD0SKZoZxdKfDH4T1 legend label {
  font-size: 18px;
  padding: 0 .25em;
}

.zIEucMK4dBypf03pERBF {
  text-align: center;
  margin: 1rem 0;
  color: grey;
}

.MhuyzAaoykU7XrttP0lt {
  padding-bottom: 1em;
  margin: 0 15px;
}

.vA6PJ2CfQyCJ0Aqjod8g {
  cursor: pointer;
  fill: var(--btn-active-bg-color);
  position: absolute;
  top: -15px;
  touch-action: 'pan-x';
}

.s6dMfvg4cHkpBCZwMxlM {
  display: flex;
  align-items: center;
  padding: 0 var(--container-padding);
}

.utieeUffOQOs5Tb422mr {
  cursor: pointer;
  fill: var(--transport-btn-bg-color);
  filter: var(--transport-btn-filter);
}

.ffq0SD5gzioIYEcgKgLY {
}

.pjBKslXw1U349A1rnhe0 {
}

.tQEHmnxGjJM781oxemUN {
  margin-left: 7px;
}

.fIuT4teYAIcl4oLOLEzJ {
  fill: var(--btn-active-bg-color);
}

.HZ7zG9VjL9eCkdQDZGIM {
  fill: var(--btn-active-bg-color);
}

.Q0OS8k6v6N0P5Vdj3Fvq {
  margin-left: 7px;
  fill: var(--color-cyan-bright);
  filter:
    drop-shadow(0 0 8px rgba(0, 255, 255, .42))
    var(--transport-btn-filter);
}

.B8TcTGj4TtUp0UVJ4AMG {
  position: fixed;
  inset: 0;
  z-index: 100000;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 18px;
  background: rgba(0, 0, 0, .72);
}

.c3YN4dfA_IYs82lP9qGQ {
  width: min(720px, 96vw);
  max-height: min(78vh, 760px);
  overflow: hidden;
  display: flex;
  flex-direction: column;
  border: 1px solid var(--chrome-border-color);
  border-radius: 14px;
  background: var(--color-obsidian);
  box-shadow:
    0 20px 50px rgba(0, 0, 0, .56),
    0 0 30px rgba(0, 255, 255, .16);
}

.w2KNVh8pLcE_eTRO22R4 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 14px 16px;
  border-bottom: 1px solid var(--chrome-border-color);
  color: var(--color-cyan-bright);
  letter-spacing: .06em;
}

.w2KNVh8pLcE_eTRO22R4 button {
  width: 44px;
  height: 44px;
  border: 0;
  border-radius: 50%;
  background: var(--color-midnight-blue);
  color: var(--color-white);
  font-size: 28px;
  cursor: pointer;
}

.ivLJ7SB1wq8Qm71nZhlQ {
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}

.M50F5R6yDRS843T3ikWV {
  width: 100%;
  min-height: 64px;
  display: grid;
  grid-template-columns: 42px minmax(0, 1fr) auto;
  align-items: center;
  gap: 10px;
  padding: 10px 14px;
  border: 0;
  border-bottom: 1px solid var(--chrome-border-color);
  background: transparent;
  color: var(--color-white);
  text-align: left;
  cursor: pointer;
}

.M50F5R6yDRS843T3ikWV:hover,
.M50F5R6yDRS843T3ikWV:focus {
  background: rgba(10, 189, 198, .12);
}

.lYOyCfUT_fKRDqeNes5q {
  background:
    linear-gradient(
      90deg,
      rgba(138, 43, 226, .26),
      rgba(10, 189, 198, .16)
    );
}

.vb2KQAcAR8_lT5n76lI4 {
  color: var(--color-text-muted);
  font-weight: 800;
  text-align: center;
}

.p9AfCfGgcfOwDVaPYpmw {
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 3px;
}

.p9AfCfGgcfOwDVaPYpmw strong,
.p9AfCfGgcfOwDVaPYpmw small {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.p9AfCfGgcfOwDVaPYpmw small {
  color: var(--color-text-muted);
}

.Dr5jhSFKTPcaSS6Nrlmk {
  color: var(--color-cyan-bright);
  font-size: 11px;
  font-weight: 900;
  letter-spacing: .06em;
}

@media (max-width: 560px) {
  .s6dMfvg4cHkpBCZwMxlM {
    padding: 0 5px;
  }

  .Q0OS8k6v6N0P5Vdj3Fvq {
    margin-left: 3px;
  }

  .B8TcTGj4TtUp0UVJ4AMG {
    padding: 8px;
  }

  .c3YN4dfA_IYs82lP9qGQ {
    width: 100%;
    max-height: 82vh;
  }

  .M50F5R6yDRS843T3ikWV {
    grid-template-columns: 34px minmax(0, 1fr);
  }

  .Dr5jhSFKTPcaSS6Nrlmk {
    grid-column: 2;
  }
}


.ueSmQTMLgtrWZxo0BluF {
  flex: 0 0 auto;
  width: auto !important;
  min-width: 95px;
  min-height: 45px;
  margin: 0 10px;
  padding: 3px 10px !important;
  border: 1px solid #ffdf6d !important;
  border-radius: 9px !important;
  background: #24152c !important;
  color: #ffdf6d !important;
  box-shadow: 0 0 15px #ffbf0040 !important;
  display: flex !important;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
.ueSmQTMLgtrWZxo0BluF span { font-size: 26px; line-height: 23px; }
.ueSmQTMLgtrWZxo0BluF small { font-size: 9px; font-weight: 900; letter-spacing: .05em; white-space: nowrap; }
.ueSmQTMLgtrWZxo0BluF[aria-pressed='true'] { background: #75531a !important; color: #fff !important; box-shadow: 0 0 22px #ffd96680 !important; }
.ueSmQTMLgtrWZxo0BluF:disabled { opacity: .6; cursor: wait; }
.mbS4Y31W5g8e21gdkwT3 { max-width: 220px; color: #ff8585; font-size: 12px; }

.R0tWhGzOMnxRvplqamqt {
  display: flex;
  align-items: center;
  height: 40px;
  width: 100%;
  background-image: linear-gradient(to right, var(--active-item-from-bg-color), var(--active-item-from-bg-color));
  background-repeat: no-repeat;
}

.WxqoYmzzeIRmqDepbVLR {
  flex: 1;
  font-size: 16px;
  text-align: center;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  color: var(--text-color);
}

.L3KVVs498s_TTzMFHKn5 {
  cursor: pointer;
}

.iL_22Dl4fbuLsQo42o2o {
  fill: var(--btn-danger-bg-color);
  filter: var(--btn-danger-filter);
}

.rMNneKuTapuKwyse_AMl {
  fill: var(--btn-active-bg-color);
  filter: var(--btn-active-filter);
}

.qdbIg3xgUn4KEomWXd7E {
  font-size: 16px;
  color: var(--text-color);
  animation-duration: 1.5s;
  animation-direction: alternate;
  animation-iteration-count: infinite;
  animation-timing-function: ease-out;
}

.PhYxOVpDCwPMJWw0BE6k {
  animation-name: chycT2sgXRCUDLsKIkuK;
  filter: var(--up-next-filter);
}

@keyframes chycT2sgXRCUDLsKIkuK {
  0% { background-color: var(--up-next-bg-color-to); }
  100% { background-color: var(--up-next-bg-color-from); }
}

.C9WuYntlaEVvxRaewY7r {
  animation-name: arEOr6pUTnFXinmiHz2o;
  filter: var(--up-now-filter);
}

@keyframes arEOr6pUTnFXinmiHz2o {
  0% { background-color: var(--up-now-bg-color-to); }
  100% { background-color: var(--up-now-bg-color-from); }
}

.pXcSEQ5RRGogLr2WCFum {
  background-color: var(--up-next-bg-color-from);
}

.ZYRIFRvELzaH67PRlPlp {
  margin: 0;
  padding: 5px;
  text-align: center;
}

.vreYukSnqUrGi25wejn4 {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  background-color: var(--chrome-bg-color);
  border-bottom: 1px solid var(--chrome-border-color);
  z-index: 1;
}


.AeaixEwBNn_hpMbkYQCa {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 14px;
  min-height: 24px;
  padding: 3px var(--container-padding);
  border-bottom: 1px solid var(--chrome-border-color);
  color: var(--text-color);
  font-size: 13px;
  line-height: 18px;
  white-space: nowrap;
  overflow: hidden;
}

.uHCFUFQYQvZh8bBQkc_C,
.HSZqadPlDfZyJlotde97 {
  display: inline-flex;
  align-items: center;
  min-width: 0;
  gap: 7px;
}

._9CtAQbPM5Mzr1QZELmmA,
.IaXWtPDPzR9fXRn9C0WS {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
}

.CvtCTKfOORlfUR32gRP1,
.udxKd9QFy8SRBW6gK09N {
  flex: 0 0 auto;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: .12em;
  opacity: .6;
}

.HSZqadPlDfZyJlotde97 {
  padding-left: 14px;
  border-left: 1px solid var(--chrome-border-color);
}

@media (max-width: 560px) {
  .AeaixEwBNn_hpMbkYQCa {
    justify-content: space-between;
    gap: 8px;
    font-size: 12px;
  }

  .uHCFUFQYQvZh8bBQkc_C,
  .HSZqadPlDfZyJlotde97 {
    max-width: 48%;
    gap: 5px;
  }

  .HSZqadPlDfZyJlotde97 {
    padding-left: 8px;
  }

  .CvtCTKfOORlfUR32gRP1,
  .udxKd9QFy8SRBW6gK09N {
    font-size: 9px;
  }
}

@media (max-width: 360px) {
  .CvtCTKfOORlfUR32gRP1,
  .udxKd9QFy8SRBW6gK09N {
    display: none;
  }
}

 .JoCtgfMdp4_LkFISBVdL {
   overflow: hidden auto !important; /* allow scrolling on Y-axis only */
   scrollbar-width: none; /* Firefox */
 }

.JoCtgfMdp4_LkFISBVdL::-webkit-scrollbar {
    display: none;  /* Safari and Chrome */
}

.DuQU5VwTMcmTCRTEcieB {
	font-family: var(--font-family-custom);
	position: absolute;
	top: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
}

.rTfe1PZTpRDj0CRxMMcQ {
	background-color: var(--chrome-bg-color);
	border-radius: var(--border-radius);
	padding: 1rem 2rem;
}

.XUT8uQnpNcvlMcnOTCNX {
	font-size:20px;
	padding: 20px;
	background-color: rgb(121, 42, 36);
	color: white;
	margin: 20px;
	border-radius: 15px;
}

.ar5SOR2b7uQjD7NnVGgG {
	font-size:20px;
	padding: 20px;
	background-color: rgb(158, 114, 49);
	color: white;
	margin: 20px;
	border-radius: 15px;
}

.MR8X8a7Dr2Kt7a753y8M {
	font-size:20px;
	padding: 20px;
	background-color: rgb(45, 116, 90);
	color: white;
	margin: 20px;
	border-radius: 15px;
}

.GfRhxJQDgD0ra02x2Dqw {
	flex: 1;
	padding: 12px !important;
	text-align: center;
	fill: var(--nav-link-color);
}

.Bk7xooQKwqjv8d1jr7Ej {
	flex: 1;
	padding-top: 4px;
	padding-bottom: 8px;
	text-align: center;
	color: var(--btn-primary-bg-color) !important;
	background:none !important;
}

.D4BheEEx6Y7MyftCXMIU {
	font-size:20px;
	font-weight:bold;
	width: 100%;
	padding: 0 20px 15px 20px;
}

.DnPIvxDZo0JRj0xdNpu6 {
	font-size:20px;
	width:100%;
}

._9HL6sDZA8m9AOhevCHJ {
	overflow-x:hidden;
	overflow-y:scroll;
	white-space: pre-line;
	width:100%;
}

.OJ30RnpSWGNNSEdIpsF5 {
	font-size: 18px;
	text-overflow: ellipsis;
	overflow: hidden;
}

.bNgd2IDULaqnTqmMwWU7 {
	color: #aaa;
	font-size: 15px;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}

.wfATTZ4_j6b_TY69Ic18 {
  font-size: 5vw;
  text-rendering: optimizeLegibility;
  text-shadow: 0px 5px 5px #000;
}

.rSYTHnGgZWylvF2FCmo6 {
  animation: _Z_gZjlySMcqSTKZ6jUF;
  animation-duration: 10s;
  animation-direction: alternate;
  animation-iteration-count: infinite;
}

@keyframes _Z_gZjlySMcqSTKZ6jUF {
  0% {color: red;}
  16% {color: orange;}
  32% {color: yellow;}
  49% {color: green;}
  66% {color: blue;}
  83% {color: indigo;}
  100% {color: violet;}
}

.NLkRlVVNnuiKJMNOXMhe {
  display: flex;
  align-items: center;
  transition: width var(--spring-duration) var(--spring-function);
}

.IW53X1CCc5LsUP_viCWs {
  opacity: 0;
}

.pnhOegsELQYj1niw6Vnk {
  display: flex;
  align-items: center;
}

.pdGieJ3tE4vtrdKcD2r3 {
	position: relative;
	height:50px;
	padding-left:5px;
}

.pdGieJ3tE4vtrdKcD2r3 img {
	height:50px;
	max-width:50px;
	width:auto;
	border-radius:5px;
	object-fit:cover;
}

.WYsafzNL4SeWK7eIcDGj {
  cursor: pointer;
  flex: 1;
  overflow: hidden;
  white-space: nowrap;
  margin-left: var(--btn-margin);
}

._RKpnCjX5Gldlck0BVmK {
  font-size: 18px;
  text-overflow: ellipsis;
  overflow: hidden;
}

.IdX4XOfqhnnjlUjQ7PR2 {
	color: #aaa;
	font-size: 15px;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}

.bNRlIr7xvwfTYe5nFhsw { position: fixed; inset: 0; z-index: 10000; background: #0b101b; color: #f6f8ff; overflow: auto; overscroll-behavior: contain; font: 16px/1.5 'Segoe UI', sans-serif; }
.gW8p_gZjnLbxQlVbx3Dy { position: sticky; top: 0; z-index: 2; display:flex; align-items:center; justify-content:space-between; padding:12px 20px; background:#111827; border-bottom:1px solid #ff2bd680; }
.gW8p_gZjnLbxQlVbx3Dy h1 { margin:0; font-size:24px; }
.bNRlIr7xvwfTYe5nFhsw button { min-height:48px; padding:10px 16px; border:1px solid #69959b; border-radius:10px; color:#f6f8ff; background:#1c2c43; cursor:pointer; font:inherit; }
.bNRlIr7xvwfTYe5nFhsw button:disabled { opacity:.55; cursor:default; }
.bNRlIr7xvwfTYe5nFhsw button:focus-visible, .bNRlIr7xvwfTYe5nFhsw input:focus-visible { outline:3px solid #00e5ff; outline-offset:2px; }
.gW8p_gZjnLbxQlVbx3Dy button { font-size:26px; }
.HMdajNMYDZfEkfs7fmpm { max-width:760px; margin:0 auto; padding:20px 18px 60px; }
.fW4g6ZW1UptCZt8n14vA { padding:15px; background:#192b36; border-left:3px solid #00e5ff; border-radius:8px; }
.HMdajNMYDZfEkfs7fmpm form { display:flex; flex-direction:column; gap:12px; margin:24px 0; }
.HMdajNMYDZfEkfs7fmpm input { box-sizing:border-box; width:100%; min-height:50px; padding:12px; background:#080d16; color:#fff; border:1px solid #7b8fa9; border-radius:8px; font:inherit; }
.HMdajNMYDZfEkfs7fmpm form button[type=submit] { background:#00e5ff; color:#08141f; font-weight:700; }
.HMdajNMYDZfEkfs7fmpm .b7n0tcGf3En7VwfuxvFS { display:flex; align-items:center; gap:14px; width:100%; text-align:left; margin:10px 0; }
.b7n0tcGf3En7VwfuxvFS span:nth-last-child(2) { flex:1; min-width:0; overflow-wrap:anywhere; }
.b7n0tcGf3En7VwfuxvFS small { display:block; color:#b8c7da; margin-top:4px; }
.Yzg1iLf7Q7YHwamjY29g { color:#ffd0ca; background:#421f29; padding:12px; border-radius:8px; }
.kq6FmVawmA1_tgAdSTXY { position:relative; z-index:1; }

.gW8p_gZjnLbxQlVbx3Dy { background:linear-gradient(110deg,#122138,#281438); }
.HMdajNMYDZfEkfs7fmpm form button[type=submit] { background:linear-gradient(110deg,#00e5ff,#8bf4ff);box-shadow:0 0 20px #00e5ff25; }
.fW4g6ZW1UptCZt8n14vA { border-left-color:#ffd66b;background:#251f36; }
.bNRlIr7xvwfTYe5nFhsw button:hover:not(:disabled) { border-color:#ff2bd6; }

.sjMaG58osNAeqXFe4zpO {
  position: fixed;
  bottom: 0;
  left: 0;
  display: flex;
  text-decoration: none;
  width: 100%;
  background-color: var(--chrome-bg-color);
  border-top: 1px solid var(--chrome-border-color);
  z-index: 1;
}

.ekb54bjQ8jCQ8gjJwL6h {
  flex: 1;
  padding-top: 4px;
  padding-bottom: 8px;
  text-align: center;
  fill: var(--nav-link-color);
}

.CERhwPlf7uoRzmK7byOo {
  fill: var(--nav-active-color);
  filter: var(--nav-active-filter);
}

.LpKkKnxGUM9XUZaJYwKA {
  filter: drop-shadow(0 1px 0 var(--color-cyan));
}

.roBgDQfRw5bzANryyXlV {
  border: 0;
  background: transparent;
  cursor: pointer;
  fill: var(--nav-link-color);
}

.roBgDQfRw5bzANryyXlV:hover {
  fill: #ef5350;
}

.roBgDQfRw5bzANryyXlV:active {
  fill: #b71c1c;
}

/* CUBE: make Clear Queue behave visually like the navigation links */
button.roBgDQfRw5bzANryyXlV {
  appearance: none;
  -webkit-appearance: none;
  margin: 0;
  border: none;
  border-radius: 0;
  outline: none;
  background: transparent;
  padding: 4px 0 8px 0;
  font: inherit;
  line-height: normal;
  color: inherit;
  fill: var(--nav-link-color);
  cursor: pointer;
}

button.roBgDQfRw5bzANryyXlV:hover {
  background: transparent;
  fill: #ef5350;
}

button.roBgDQfRw5bzANryyXlV:focus {
  background: transparent;
  outline: none;
}

button.roBgDQfRw5bzANryyXlV:active {
  background: transparent;
  fill: #b71c1c;
}

.Ph6YfU10wbqLJdUpXPZx {
  position: fixed;
  inset: 0;
  z-index: 1000;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 24px;
  background: rgba(0, 0, 0, 0.72);
}

.yvgGxrTlxJLZn2pGIcjq {
  width: min(680px, 92vw);
  max-height: 78vh;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  background: #171717;
  border: 1px solid rgba(255,255,255,.18);
  border-radius: 10px;
  color: #fff;
}

.Vzaqo3jRlCrIFVuXsS8o {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex: 0 0 auto;
  padding: 16px 18px;
  font-size: 20px;
  border-bottom: 1px solid rgba(255,255,255,.15);
}

.t8FhZv2EoSaAWwDSPUY_ {
  appearance: none;
  border: 0;
  background: transparent;
  color: #fff;
  font-size: 30px;
  line-height: 30px;
  cursor: pointer;
}

.dNBKGQEbUtwL1J7ik1vI {
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}

.vMCg3VLetcAMAFMgspTg {
  appearance: none;
  width: 100%;
  min-height: 68px;
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 10px 16px;
  border: 0;
  border-bottom: 1px solid rgba(255,255,255,.10);
  background: transparent;
  color: #fff;
  text-align: left;
  cursor: pointer;
}

.vMCg3VLetcAMAFMgspTg:hover {
  background: rgba(255,255,255,.08);
}

.NCfzWe43OJXJz35xTX26 {
  background:
    linear-gradient(
      90deg,
      rgba(138, 43, 226, .28),
      rgba(10, 189, 198, .16)
    );
}

.GnpYFvoSbok_MbPAdvXW {
  flex: 0 0 32px;
  text-align: center;
  font-size: 18px;
  opacity: .7;
}

.zNHx4c1WaPNHfY1asDFw {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
}

.zNHx4c1WaPNHfY1asDFw strong {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 17px;
}

.zNHx4c1WaPNHfY1asDFw small {
  margin-top: 3px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  opacity: .7;
  font-size: 14px;
}

.fZ1naNkL8E4xqNBGmagm {
  flex: 0 0 auto;
  font-size: 11px;
  font-weight: bold;
  letter-spacing: .05em;
  color: var(--color-cyan-bright);
}

/* Full-screen queue picker portal */
.Ph6YfU10wbqLJdUpXPZx {
  position: fixed !important;
  top: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  left: 0 !important;
  z-index: 99999 !important;

  display: flex;
  align-items: center;
  justify-content: center;

  padding: 32px;
  box-sizing: border-box;

  background: rgba(0, 0, 0, 0.78);
}

.yvgGxrTlxJLZn2pGIcjq {
  width: min(720px, 94vw);
  height: min(760px, calc(100vh - 64px));
  max-height: calc(100vh - 64px);

  display: flex;
  flex-direction: column;

  overflow: hidden;

  background: #171717;
  border: 1px solid rgba(255,255,255,.18);
  border-radius: 10px;
  color: #fff;
}

.Vzaqo3jRlCrIFVuXsS8o {
  flex: 0 0 auto;
}

.dNBKGQEbUtwL1J7ik1vI {
  flex: 1 1 auto;
  min-height: 0;
  overflow-y: auto !important;
  overflow-x: hidden;
  overscroll-behavior: contain;
  -webkit-overflow-scrolling: touch;
}

/* Scoped controls keep global button rules out of this dialog. */
.Ph6YfU10wbqLJdUpXPZx { padding: 20px; background: #050810dc; backdrop-filter: blur(10px); }
.yvgGxrTlxJLZn2pGIcjq { height: auto; max-height: calc(100vh - 40px); max-height: calc(100dvh - 40px); width: min(760px, 100%); border-radius: 20px; border: 1px solid #67438b; border-top-color: #00d8ee; background: #101620; box-shadow: 0 25px 100px #0009, 0 0 40px #9b25ac20; }
.Vzaqo3jRlCrIFVuXsS8o { align-items: flex-start; gap: 20px; padding: 28px; background: linear-gradient(115deg,#102b34,#26172f); border-bottom: 1px solid #54306e; }
.k0oKIFtab2y1hXKjYOXG { font-size: 10px; color: #00e4f6; font-weight: 800; letter-spacing: 2px; }
.Vzaqo3jRlCrIFVuXsS8o h2 { font-size: clamp(24px,4vw,34px); line-height: 1.1; margin: 12px 0; letter-spacing: -.6px; }
.Vzaqo3jRlCrIFVuXsS8o p { font-size: 13px; line-height: 1.5; color: #bbc3d4; margin: 0; }
.yvgGxrTlxJLZn2pGIcjq button.t8FhZv2EoSaAWwDSPUY_ { display: flex; align-items: center; justify-content: center; width: 44px; height: 44px; flex: 0 0 44px; padding: 0; margin: 0; border-radius: 50%; border: 1px solid #7a5a8d; background: #ffffff09; color: #fff; font-size: 28px; box-shadow: none; }
.dNBKGQEbUtwL1J7ik1vI { padding: 12px; }
.yvgGxrTlxJLZn2pGIcjq button.vMCg3VLetcAMAFMgspTg { display: flex; align-items: center; width: 100%; gap: 16px; min-height: 86px; padding: 12px; margin: 0 0 8px; border: 1px solid #ffffff0d; border-radius: 12px; background: #1b2030; color: #fff; text-align: left; box-shadow: none; }
.yvgGxrTlxJLZn2pGIcjq button.vMCg3VLetcAMAFMgspTg:last-child { margin-bottom: 0; }
.yvgGxrTlxJLZn2pGIcjq button.vMCg3VLetcAMAFMgspTg:hover { background: #292039; border-color: #bc4abd; }
.yvgGxrTlxJLZn2pGIcjq button.NCfzWe43OJXJz35xTX26 { background: linear-gradient(100deg,#143c45,#38203e); border-color: #00d7e7; }
.yvgGxrTlxJLZn2pGIcjq button:focus-visible { outline: 3px solid #00e5ff; outline-offset: -3px; }
.GnpYFvoSbok_MbPAdvXW { flex: 0 0 24px; font-size: 14px; color: #b4bfd3; font-variant-numeric: tabular-nums; opacity: 1; }
.oyNAjGvhvL4rJykLUahc { width: 56px; height: 56px; flex: 0 0 56px; }
.zNHx4c1WaPNHfY1asDFw strong { white-space: normal; overflow-wrap: anywhere; font-size: 16px; line-height: 1.35; }
.zNHx4c1WaPNHfY1asDFw small { color: #b8c1d3; opacity: 1; line-height: 1.4; }
.fZ1naNkL8E4xqNBGmagm { color: #52f2ef; font-size: 10px; max-width: 70px; text-align: right; }
@media(max-width: 480px) { .Ph6YfU10wbqLJdUpXPZx { padding: 10px; } .Vzaqo3jRlCrIFVuXsS8o { padding: 20px; } .yvgGxrTlxJLZn2pGIcjq button.vMCg3VLetcAMAFMgspTg { gap: 10px; padding: 10px 8px; } .oyNAjGvhvL4rJykLUahc { width: 44px; height: 44px; flex-basis: 44px; } .fZ1naNkL8E4xqNBGmagm { max-width: 45px; font-size: 9px; } }

.k8N_J395xr2bblBgwvim {
  margin-bottom: 1em;
  overflow-wrap: break-word;
}

.TSJBvSrnl7BotohIdqrj {
  font-weight: bold;
  color: #777;
}

.nGt9dqijaT7jiB6tCqCd {
  display: block;
  width: 100%;
  margin-top: 18px;
  padding: 14px 18px;
  border: 2px solid #d9534f;
  border-radius: 6px;
  background: #8b1e1e;
  color: #fff;
  font-size: 16px;
  font-weight: 700;
  cursor: pointer;
}

.nGt9dqijaT7jiB6tCqCd:hover {
  background: #a92525;
}


.u30OSJGDjCs1e66ldRpq { position: absolute; inset: 0; overflow: hidden; pointer-events: none; background: #090c12; }
.vs9tBLsH0DUpL4x2DaJ1 { position: fixed; }
.weWfKonydJFi_dCPhCUJ { position: absolute; inset: 0; background-repeat: no-repeat; }
.d2R6Txyx2lQVks1KLucu { position: absolute; inset: 0; background: linear-gradient(90deg,#090c12ee 0%,#090c12a8 30%,#090c1240 65%,#090c1210 100%),linear-gradient(0deg,#090c12,transparent 40%); }
.sE6sX9lYChe239FZxGLi { position: absolute; inset: 0; background: radial-gradient(ellipse at 0% 110%,#00eaff99,transparent 40%),radial-gradient(ellipse at 100% 110%,#ff20c599,transparent 40%); }
.sE6sX9lYChe239FZxGLi::after { content: ''; position: absolute; left: -5%; bottom: -11%; width: 110%; height: 23%; border-radius: 50%; border-top: 3px solid #b58bff; box-shadow: 0 -6px 22px #00ddff88,0 -2px 40px #ef30be88; }

/* Keep the default landing singer in the portrait crop. */
@media (max-width: 700px) and (orientation: portrait) {
  .CT3E6hZlMYhf_7AyKYFr .weWfKonydJFi_dCPhCUJ {
    background-position: 78% top !important;
    background-size: auto 100% !important;
    opacity: 1 !important;
  }
  .CT3E6hZlMYhf_7AyKYFr .d2R6Txyx2lQVks1KLucu {
    background: linear-gradient(180deg, #090c1230 0%, transparent 25%, #090c1220 48%, #090c12d9 72%, #090c12 100%);
  }
}


.K7FH3Q5VsWSpRZdXwdMA { box-sizing: border-box; position: relative; isolation: isolate; min-height: 100vh; display: flex; align-items: center; padding-left: 6vw; padding-right: 6vw; color: #fff; background: #090c12; }
.boNtUuEi65fZkosF5ad0 { position: absolute; inset: 0; z-index: -1; background-size: cover; background-position: right center; }
.s8oXAQYVLhViBZv2EHYH { position: relative; z-index: 1; width: min(760px, 62vw); padding: 28px 0; }
.LeNPZJpnU1TB95O2cENZ { display: block; width: 100%; max-width: 680px; height: auto; margin-bottom: 24px; }
.zWXrpeQoIY3LCRhX1u4w { color: #8adfe1; font-size: clamp(12px, 1.1vw, 18px); letter-spacing: .2em; font-weight: 700; }
.s8oXAQYVLhViBZv2EHYH h1 { font: 800 clamp(32px, 4.5vw, 76px)/1.08 'Segoe UI', sans-serif; margin: 18px 0; }
.xKedzRAve42yAFYeDPrF { color: #d2d9e3; font: 400 clamp(16px, 1.5vw, 24px)/1.5 'Segoe UI', sans-serif; }
.WzKnvGFR4JyLH0ICe1FB { display: flex; flex-wrap: nowrap; align-items: center; gap: 14px; margin-top: 32px; }
.WzKnvGFR4JyLH0ICe1FB > a, .WzKnvGFR4JyLH0ICe1FB > button { width: auto; min-width: 0; margin: 0; flex: 0 1 auto; }
.WzKnvGFR4JyLH0ICe1FB a { display: inline-flex; align-items: center; justify-content: center; padding: 17px 24px; min-height: 54px; box-sizing: border-box; border: 1px solid #ffffff66; border-radius: 12px; color: white; background: #111a29dd; text-decoration: none; font: 700 18px/1.3 'Segoe UI', sans-serif; }
.WzKnvGFR4JyLH0ICe1FB .SYZUTxVNl0szFuE_gZ5h { color: #06151c; background: #83f1f2; border-color: #83f1f2; }
.WzKnvGFR4JyLH0ICe1FB a:hover, .WzKnvGFR4JyLH0ICe1FB a:focus { outline: 4px solid #fff; outline-offset: 5px; box-shadow: 0 0 30px #00dce870; }
@media (max-width: 700px) {
  .K7FH3Q5VsWSpRZdXwdMA { padding-left: 24px; padding-right: 24px; }
  .boNtUuEi65fZkosF5ad0 { background-position: 68% center; opacity: .5; }
  .s8oXAQYVLhViBZv2EHYH { width: 100%; }
  .WzKnvGFR4JyLH0ICe1FB { flex-direction: row; gap: 8px; }
  .WzKnvGFR4JyLH0ICe1FB > a { padding: 12px 10px; font-size: 13px; }
  .WzKnvGFR4JyLH0ICe1FB > .LcxBSNQRf9RiG6KrInZr { padding: 14px 12px; font-size: 18px; flex: 1.4 1 0; }
  .WzKnvGFR4JyLH0ICe1FB > a:not(.LcxBSNQRf9RiG6KrInZr) { flex: 1 1 0; }
  .LeNPZJpnU1TB95O2cENZ { max-width: 480px; }
}

.WzKnvGFR4JyLH0ICe1FB .LcxBSNQRf9RiG6KrInZr {
  position: relative; overflow: hidden; display: inline-flex; align-items: center; justify-content: center; width: auto; box-sizing: border-box;
  padding: 20px 32px; border-radius: 14px; border: 2px solid #fff5bf;
  background: linear-gradient(120deg, #ffbd39, #fff5b9 45%, #f6bf53 70%, #ffdc80);
  color: #251239; font: 900 clamp(20px, 2vw, 30px)/1.2 'Segoe UI', sans-serif;
  box-shadow: 0 0 26px #ffcf6855, 0 8px 32px #ef32bd44; cursor: pointer;
}
.LcxBSNQRf9RiG6KrInZr::after { content: ''; position: absolute; inset: -70%; background: linear-gradient(110deg, transparent 42%, #ffffffbb 50%, transparent 58%); transform: translateX(-75%); animation: D4agSxmxoNRu9fUauwcd 3.5s ease-in-out infinite; pointer-events: none; }
.LcxBSNQRf9RiG6KrInZr:focus { outline: 4px solid white; outline-offset: 6px; }
@keyframes D4agSxmxoNRu9fUauwcd { 0%, 35% { transform: translateX(-75%); } 80%, 100% { transform: translateX(75%); } }
@media (prefers-reduced-motion: reduce) { .LcxBSNQRf9RiG6KrInZr::after { animation: none; } }

/* Content must remain reachable on short TVs, browser chrome and keyboards. */
.K7FH3Q5VsWSpRZdXwdMA { min-height: 100vh; min-height: 100dvh; }
.s8oXAQYVLhViBZv2EHYH { flex-shrink: 0; max-width: 100%; }
.WzKnvGFR4JyLH0ICe1FB { flex-wrap: wrap; }
.WzKnvGFR4JyLH0ICe1FB > a, .WzKnvGFR4JyLH0ICe1FB > button { flex-shrink: 0; scroll-margin: 32px; }
@media (max-height: 700px) {
 .K7FH3Q5VsWSpRZdXwdMA { align-items: flex-start; }
 .s8oXAQYVLhViBZv2EHYH { padding: 8px 0 32px; width: min(900px, 88vw); }
 .LeNPZJpnU1TB95O2cENZ { width: auto; max-width: 100%; max-height: 27vh; margin-bottom: 12px; }
 .s8oXAQYVLhViBZv2EHYH h1 { font-size: clamp(30px, 5vh, 50px); margin: 12px 0; }
 .WzKnvGFR4JyLH0ICe1FB { margin-top: 18px; }
}

/* Logo above the singer, with copy below her face; short screens still scroll. */
@media (max-width: 700px) and (orientation: portrait) {
  .K7FH3Q5VsWSpRZdXwdMA { align-items: flex-start; padding-left: 20px; padding-right: 20px; }
  .s8oXAQYVLhViBZv2EHYH { width: 100%; padding: 0 0 16px; text-align: center; }
  .LeNPZJpnU1TB95O2cENZ { width: 100%; max-width: 440px; max-height: none; height: auto; margin: 0 auto; }
  .zWXrpeQoIY3LCRhX1u4w { margin: clamp(200px, 32vh, 340px) 0 14px; font-size: 12px; letter-spacing: .16em; }
  .s8oXAQYVLhViBZv2EHYH h1 { font-size: clamp(32px, 8vw, 48px); margin: 12px 0; }
  .xKedzRAve42yAFYeDPrF { font-size: 16px; margin: 14px 0; }
  .WzKnvGFR4JyLH0ICe1FB { justify-content: center; gap: 12px; margin-top: 24px; }
  .WzKnvGFR4JyLH0ICe1FB > a { min-height: 48px; padding: 14px 20px; font-size: 16px; flex: 0 1 auto; }
  .WzKnvGFR4JyLH0ICe1FB > a:not(.LcxBSNQRf9RiG6KrInZr) { flex: 0 1 auto; }
}


.pbWIhJLhXjhR1rN1AUWs { box-sizing: border-box; max-width: 880px; margin: auto; padding: 90px 20px 110px; color: white; }
.pbWIhJLhXjhR1rN1AUWs a, .xIYhU3wnV90TkEUWl82s { color: #00eaff; }
.xIYhU3wnV90TkEUWl82s { margin-top: 30px; font-size: 12px; letter-spacing: .15em; }
.pbWIhJLhXjhR1rN1AUWs h1 { font-size: clamp(30px, 7vw, 52px); margin: 12px 0; }
.pbWIhJLhXjhR1rN1AUWs button { width: auto; min-height: 46px; padding: 12px 18px; margin: 0; border-radius: 12px; }
.pbWIhJLhXjhR1rN1AUWs .ICfYZ9qNFUwVyKrfkpTB { background: #7928be; margin-bottom: 20px; }
.sV5AGfCbOvSjrnsaSCus, .ReAwCN9fWhbJVRfIraxu { display: flex; align-items: center; flex-wrap: wrap; gap: 14px; margin: 18px 0; }
.sV5AGfCbOvSjrnsaSCus button { width: 44px; min-height: 44px; border: 3px solid #141423; border-radius: 50%; padding: 0; outline-offset: 2px; }
.sV5AGfCbOvSjrnsaSCus label { display: flex; align-items: center; gap: 10px; }
.sV5AGfCbOvSjrnsaSCus select { width: auto; min-height: 44px; }
.F2tRLQd2j6ezJygdHxU7 { display: block; width: 100%; aspect-ratio: 5 / 3; background: #0b101b; border: 2px solid #00eaff; border-radius: 16px; touch-action: none; user-select: none; box-shadow: 0 0 26px #9223cd44; }
.HezJ2R1Djc2bTSezvbnS { position: absolute; right: 2%; top: max(80px, 12%); width: 24%; pointer-events: none; z-index: 3; background: #090c1280; border-radius: 12px; }
.HezJ2R1Djc2bTSezvbnS span { display: block; text-align: center; font: 700 clamp(8px, .75vw, 14px)/1.5 sans-serif; letter-spacing: .1em; color: #00eaff; }
.HezJ2R1Djc2bTSezvbnS svg { display: block; width: 100%; filter: drop-shadow(0 0 3px #00eaff55); }

.iRjabk10EMAYBLS2g07X { display: flex; flex-wrap: wrap; justify-content: center; gap: 8px 14px; padding: 8px 10px 12px; }
.Q4r8Fkx_eFXwcogTlxQ5 { display: flex; align-items: center; gap: 8px; min-width: 0; max-width: 100%; color: white; }
.BK8jep7QuBz3Q2lWC04D { width: 32px; height: 32px; flex: 0 0 32px; border-radius: 50%; overflow: hidden; border: 1px solid #00eaff; background: #251b39; }
.BK8jep7QuBz3Q2lWC04D img { width: 100%; object-fit: cover; }
.Q4r8Fkx_eFXwcogTlxQ5 small { display: block; font: 700 9px/1.3 sans-serif; color: #00eaff; letter-spacing: .12em; }
.Q4r8Fkx_eFXwcogTlxQ5 strong { display: block; font: 700 clamp(12px, 1.1vw, 20px)/1.3 sans-serif; overflow-wrap: anywhere; }

.mzDMD6M1pFKWJavfPkH5 {
  border-radius: var(--border-radius);
}

.VlpZ7WoRWqt_q9Lph86w {
  fill: var(--btn-bg-color);
}

.MhLrBfYw2bVvon36GHQg {
  font-family: var(--font-family-custom);
  white-space: nowrap;
  flex: 1;
}

.sPuhcqSc8Pa3HWgUfz7Q {
  margin: 0;
  width: 1.75em;
}

.MRwxEsiCu74aMC4fJ2yn {
  border: none;
  color: hsl(var(--hue-blue), 10%, 80%);
  display: inline-block;
  font-weight: 200;
  font-size: 100%;
  margin: 0;
  text-shadow: var(--text-shadow-glow);
  position: relative;
  left: -.66em;
}

.wZ9OSKmGn1o6JPo1ERqg {
  font-weight: 700;
}

.ktTNFmsEQhxoMdyl2R9B {
  font-size: 0;
}

.U8A_lOQ63TZUTsiYgktE {
  top: var(--container-padding);
  background-color: var(--panel-bg-color);
  border-radius: var(--border-radius);
  overflow: hidden;
}

.TEhgIScv1BL8HW1JbB3B {
  background-color: var(--panel-title-bg-color);
  font: var(--panel-title-font);
  margin: 0;
  padding: var(--panel-title-padding);
}

.XIvZjD6Co9DyofyCj0Da {
  padding: var(--container-padding);
  text-align: center;
}

.oPMyaF6eFojk2b8ZQKwH {
  font-size: 24px;
  cursor: pointer;
}

.mFno0FFze3kHGDdbZDBB {
  color: #aaa;
  font-size: 75%;
  margin-top: .5em;
}

.NjmtwxMJxR179Hk2Pomb {
  text-decoration: underline;
}

.rIur97ACvqfbIkmbOiCL {
    overflow: hidden;
    position: relative;
    min-width: 96px;
    height: 72px;
    border-radius: var(--border-radius);
    text-align: center;
    cursor: pointer;
}

._03pNkaJuEzTEpMZlrFAs {
    cursor: inherit;
    display: block;
    font-size: 999px;
    filter: alpha(opacity=0);
    min-height: 100%;
    min-width: 100%;
    opacity: 0;
    position: absolute;
    right: 0;
    text-align: right;
    top: 0;
}

.zDcM8XBIpYcWZBK2ostT {
  position: absolute;
  top: 0;
  left: 0;
  fill: hsl(var(--hue-pink), 100%, 70%);
  z-index: 99;
}

.QoNRuAf71c67_0daJ00g {
  fill: var(--btn-bg-color);
}

.UJP7G5dKPXhMYPVm9lGC {
  display: flex;
  flex-direction: column;
}

.MRv8af4NPh12SLYbjwuA {
  display: flex;
  margin-bottom: var(--input-margin);
}

.TFXhqL1_ppdgVq8Ip8G0 {
  margin-bottom: var(--input-margin);
}

.TXcvFiC1fGbvm_9tjD0d {
  margin: 0 0 0 var(--input-margin);
}

.AdPYAIbFPpGhbG80E9oa {
  background-color: var(--panel-bg-color);
  border-radius: var(--border-radius);
  margin: 10px 0;
  overflow: hidden;

  /* fixes panel disappearing in iOS 11 due to overflow: scroll on parent
  container and -webkit-overflow-scrolling: touch on parent */
  -webkit-transform: translate3d(0, 0, 0);
}

.LbIcdbrF5GE54rSrqL_I {
  margin: 0;
  font: var(--panel-title-font);
  padding: var(--panel-title-padding);
  background-color: var(--panel-title-bg-color);
}

.eWB988t3JuRQuM9e6O_N {
  padding: var(--container-padding);
}

.eWB988t3JuRQuM9e6O_N p {
  margin-top: 10px;
}

.lVRxnFYFCfHZHGIPV2QD {
  margin-top: var(--input-margin);
}

.Fj4oA4Er2_057Nqs3d_R {
  margin-top: var(--input-margin);
}

.zXRZqy8GypIyzzonhQDj {
  display: flex;
  height: 40px;
  cursor: pointer;
  align-items: center;
}

.nn35PIgJyM8hd_PfVG9P {
  flex: 1;
  font-size: 16px;
  margin-left: 5px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.iWBd2Rn8EbpVZP3_NmrF {
  fill: var(--text-color);
}

.PCD9_JwmkY6aoE1S6ZP_ {
  height: 100%;
  display: flex;
  flex-direction: column;
}

.zuvIYSwYXKYBkknUSBt0 {
  padding: 10px;
  border: 1px solid #ccc;
}

.Er04pbLH9MbYq06HYgN2 {
  flex: 1;
  margin: .5rem 0;
  overflow: scroll;
}

.iMjsWmBEoY_an0jfzpzr {
  flex: 1;
  width: auto;
}

.k7DvjmmaDcQjq3A2XJBH {
  margin-left: 1em;
  width: auto;
}

.vfEtFMD1PnnZpL7KJi5i {
  display: flex;
  align-items: center;
  background-color: var(--panel-bg-color);
  padding: 3px;
  margin: 0 0 5px 0;
  border-radius: var(--border-radius);
}

.reQxnTVFy0pmOJ_OxHEW {
  flex: 1;
  user-select: text;
  text-overflow: ellipsis;
  overflow: hidden;
}

.ZYVMDVEYbeodkfufIBsd {
  fill: var(--btn-danger-bg-color);
}

.cLbX8ACpwjrJHf1i33Kw {
  fill: var(--btn-bg-color);
}

.iEi_d5e035onJ18oKA6M {
  background-color: var(--panel-title-bg-color);
  border-radius: var(--border-radius);
}

.IkPiZ7oarPYasin3JcFC {
  display: flex;
  align-items: center;
  padding: 3px 5px;
  cursor: pointer;
}

.eabAFWz3ueFCR7MFdfnm {
  flex: 1;
  margin-left: 5px;
}

.H5t2XU3F3BFidL0_rXXf {
  fill: var(--text-color);
}

.eYUqAJLLPnFSGQfPrwJp {
  padding: var(--container-padding);
}

.COsFBSxrE3VeJHh23G5V {
  display: flex;
  margin-top: var(--container-padding);
}
.mFo8oIzcs_lKz5j2kBhM {
  background-color: var(--panel-title-bg-color);
  border-radius: var(--border-radius);
  cursor: pointer;
  margin-top: var(--container-padding);
}

.Tulgjffs1IlZIh38nmwS {
  display: flex;
  align-items: center;
  padding: 3px 5px;
}

.d22Dvh79wG0xHZRKxzX2 {
  flex: 1;
  margin-left: 5px;
}

.UnrcebAVqtFDgRUJaDvI {
  padding: var(--container-padding);
  margin-left: 20px;
}

.UnrcebAVqtFDgRUJaDvI label {
  padding: var(--container-padding);
}

.DcoB_X01BJHjxrrNVD9d {
  fill: var(--text-color);
}

.rFRCbyZPT_PQc_wrBjwo {
  background-color: var(--panel-title-bg-color);
  border-radius: var(--border-radius);
  cursor: pointer;
  margin-top: var(--container-padding);
}

.iQsmu84S0UOMvskFslib {
  display: flex;
  align-items: center;
  padding: 3px 5px;
}

.ug6Vnih76yOx9OR2lGmt {
  flex: 1;
  margin-left: 5px;
}

.EsTYWrxvRDwQ5bUKgop3 {
  padding: var(--container-padding);
  margin-left: 20px;
}

.EsTYWrxvRDwQ5bUKgop3 label {
  padding: var(--container-padding);
}

.hE76lHI6zK5vyZqbFZPC {
  fill: var(--text-color);
}

._1_6mceefXmVRbFpVPvM {
  margin-top: 18px;
  padding: var(--container-padding);
  border-top: 1px solid rgba(255, 255, 255, 0.12);
}

.yhxoD_moxi59hQQwDhQo {
  font-size: 18px;
  margin-bottom: 6px;
}

.fhyF42_jGPdvrQL0PndF {
  color: #aaa;
  font-size: 14px;
  line-height: 1.4;
  margin-bottom: 12px;
  max-width: 620px;
}

.IKwxAiQC3XUYPKNkdy_9 {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 6px;
}

.IKwxAiQC3XUYPKNkdy_9 button,
.zYIf3WakBXaovR49qT_W button {
  min-width: 54px;
  min-height: 38px;
  cursor: pointer;
}

.owbnk_FQsP2fodGLXzW8 {
  width: 100px;
  min-height: 34px;
  text-align: right;
  font-size: 16px;
}

.zbFv6KeiIAwdR4057kOS {
  color: #aaa;
}

.zYIf3WakBXaovR49qT_W {
  margin-top: 10px;
}

.QD__VSpauGA5A_gtTOaf {
  background-color: var(--panel-title-bg-color);
  border-radius: var(--border-radius);
  margin-top: var(--container-padding);
}

.sJxMD1hfjKk1X0gnEJgY {
  display: flex;
  align-items: center;
  padding: 3px 5px;
}

.gKN_KtgJJQtfcOM2uTYL {
  flex: 1;
  margin-left: 5px;
}

.HOZ6hFf5wn40Y6xZyLBr {
  padding: var(--container-padding);
  margin-left: 20px;
}

.HOZ6hFf5wn40Y6xZyLBr label {
  padding-left: var(--container-padding);
}

.zGY7Z0bGJgjnfsz_vuuW {
  fill: var(--text-color);
}

.YORb6JA7UQlUEYcR_O6E {
	margin-left:10px;
	font-size:14px;
	color: #a49920;
}

.qS8hH7r_B4Tu3hihOw8D {
	margin-left:20px;
	margin-top:10px;
}

.jrOJOo_rO5oQESbfIbtD {
	display: flex;
	align-items: center;
}

.jrOJOo_rO5oQESbfIbtD ul {
	margin-top:0;
	margin-bottom:10px;
}

.sRjKujHuiDJGol7P21HA {
	padding: 5px 10px !important;
	width: auto !important;
}

.jrOJOo_rO5oQESbfIbtD code, .jrOJOo_rO5oQESbfIbtD button {
	width: auto;
}

.jrOJOo_rO5oQESbfIbtD svg {
	margin-left: 7px;
	cursor: pointer;
}

.vh44o7w3wUDHnsw_ZpLF {
	display: flex;
	align-items: center;
}

.vh44o7w3wUDHnsw_ZpLF input, .vh44o7w3wUDHnsw_ZpLF select, .vh44o7w3wUDHnsw_ZpLF button {
	width: auto;
	font-size: 12px;
}

.vh44o7w3wUDHnsw_ZpLF button {
	padding: 7px;
	margin-left: 7px;
}

.hWqTVGDrWGfC1YfBUpy3 {
	flex-grow:1;
}

.LekAlannYVuzHDDx40ju {
	color: #33ce2e;
	font-weight:bold;
}

.k_uoK0DMGKDJA_CZADoW {
	color: #ce3537;
}

.AFczmJM9oxKk4VSiihUT {
  margin-bottom: 1em;
  border-radius: 8px;
  overflow: hidden;
  background: rgba(255, 255, 255, .06);
}

.Qt0nA06W5XdevbIw2jGp {
  width: 100%;
  border: 0;
  padding: 16px 18px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  text-align: left;
  background: rgba(255, 255, 255, .08);
}

.Qt0nA06W5XdevbIw2jGp strong {
  display: block;
  font-size: 18px;
}

.Qt0nA06W5XdevbIw2jGp small {
  display: block;
  margin-top: 3px;
  opacity: .65;
}

.UxfTvLeh7xcygrZ_Lrp6 {
  padding: 16px;
}

.t7fnb25y0Ry8E1eB6ozd {
  padding: 14px 0;
  border-bottom: 1px solid rgba(255,255,255,.12);
}

.t7fnb25y0Ry8E1eB6ozd:last-child {
  border-bottom: 0;
}

.t7fnb25y0Ry8E1eB6ozd h3 {
  margin: 0 0 14px;
}

.oXeAUlZCzSZqjPFvU8eB,
.Elc99tgYv5gHkupWC0oE {
  min-height: 42px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
}

.oXeAUlZCzSZqjPFvU8eB input,
.oXeAUlZCzSZqjPFvU8eB select {
  width: 170px;
}

.jntpZYCiiKPnWPcYoIBU {
  display: flex;
  align-items: center;
  gap: 7px;
}

.jntpZYCiiKPnWPcYoIBU small {
  opacity: .65;
  min-width: 35px;
}

.Elc99tgYv5gHkupWC0oE {
  justify-content: flex-start;
}

.Elc99tgYv5gHkupWC0oE input {
  width: auto;
}

.anEK1c_vLLrY5nz3mHqc {
  display: flex;
  gap: 8px;
  margin-top: 10px;
}

.anEK1c_vLLrY5nz3mHqc input {
  flex: 1;
  min-width: 0;
}

.szhzyVmjdfIOsTnx0Cfu {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

.szhzyVmjdfIOsTnx0Cfu code {
  opacity: .8;
}

.e8YLG7ABHhDnEfN50aWA {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 8px;
  margin-bottom: 15px;
}

.e8YLG7ABHhDnEfN50aWA div {
  padding: 10px;
  text-align: center;
  border-radius: 6px;
  background: rgba(255,255,255,.06);
}

.e8YLG7ABHhDnEfN50aWA strong,
.e8YLG7ABHhDnEfN50aWA span {
  display: block;
}

.e8YLG7ABHhDnEfN50aWA strong {
  font-size: 22px;
}

.e8YLG7ABHhDnEfN50aWA span {
  margin-top: 3px;
  font-size: 12px;
  opacity: .7;
}

.Txjmv4GH8m44qxk9IyFE {
  display: flex;
  flex-direction: column;
  gap: 5px;
  margin: 12px 0;
}

.xfkSm8OtxGDFbdRbXo0n {
  padding-top: 16px;
  display: flex;
  align-items: center;
  gap: 14px;
}

.LTSVw8W28g12ckRvHPGg {
  opacity: .8;
}

@media (max-width: 700px) {
  .e8YLG7ABHhDnEfN50aWA {
    grid-template-columns: repeat(2, 1fr);
  }

  .oXeAUlZCzSZqjPFvU8eB {
    align-items: flex-start;
    flex-direction: column;
    gap: 5px;
  }

  .oXeAUlZCzSZqjPFvU8eB input,
  .oXeAUlZCzSZqjPFvU8eB select {
    width: 100%;
  }

  .anEK1c_vLLrY5nz3mHqc {
    flex-direction: column;
  }
}

.GlfngKXePOoVWLAGqwBI {
  margin-top: 12px;
  padding: 10px 12px;
  border-radius: 6px;
  background: rgba(255, 255, 255, .08);
  font-weight: 600;
  line-height: 1.4;
}


.OLyswWVHUjnlSLIjR2yQ {
  padding: 12px;
  border-radius: 6px;
  background: rgba(255,255,255,.05);
  opacity: .75;
  margin-bottom: 12px;
}

.ooZ_XctUUK5rCWP8pl4A {
  padding: 14px;
  border-radius: 8px;
  background: rgba(255,255,255,.06);
  margin-bottom: 12px;
}

.V52ClIMRX59dythxzO5Y {
  font-size: 17px;
  line-height: 1.4;
  margin-bottom: 9px;
}

.DvH0jVBMIOA_lswqRAdi {
  display: flex;
  flex-direction: column;
  gap: 3px;
  font-size: 12px;
  opacity: .7;
}

.TiJ19Ra7y8I7rNaxaABN {
  display: flex;
  gap: 8px;
  margin-top: 12px;
}

/* Shared spacing and explicit control sizing prevent global styles from shifting rows. */
.m7wjNguhmbAUaOOQ4LhE { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin-bottom: 16px; min-height: 44px; }
.t7fnb25y0Ry8E1eB6ozd .m7wjNguhmbAUaOOQ4LhE h3 { margin: 0; line-height: 1.3; }
.AFczmJM9oxKk4VSiihUT button.QA8TdALUtFG6GdUgFTUm { display: inline-flex; align-items: center; justify-content: center; flex: 0 0 auto; width: auto; min-width: 104px; min-height: 44px; box-sizing: border-box; margin: 0; padding: 10px 18px; line-height: 1.2; border: 1px solid #f16b99; border-radius: 8px; background: #482139; color: #fff; }
.oXeAUlZCzSZqjPFvU8eB { display: grid; grid-template-columns: minmax(0, 1fr) 212px; gap: 18px; min-height: 48px; }
.oXeAUlZCzSZqjPFvU8eB > input, .oXeAUlZCzSZqjPFvU8eB > select { box-sizing: border-box; width: 170px; margin: 0; min-height: 40px; }
.jntpZYCiiKPnWPcYoIBU { display: grid; grid-template-columns: minmax(0,170px) 35px; gap: 7px; width: 212px; }
.jntpZYCiiKPnWPcYoIBU input { box-sizing: border-box; width: 100%; min-width: 0; min-height: 40px; margin: 0; }
.jntpZYCiiKPnWPcYoIBU small { text-align: left; }
.Elc99tgYv5gHkupWC0oE { min-height: 48px; gap: 12px; }
.Elc99tgYv5gHkupWC0oE input { margin: 0; flex: 0 0 auto; }
.TiJ19Ra7y8I7rNaxaABN { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 8px; margin-top: 16px; }
.AFczmJM9oxKk4VSiihUT .TiJ19Ra7y8I7rNaxaABN button { display: flex; justify-content: center; align-items: center; box-sizing: border-box; width: 100%; min-height: 48px; margin: 0; padding: 12px; line-height: 1.3; }
@media(max-width:700px) { .oXeAUlZCzSZqjPFvU8eB { grid-template-columns: minmax(0,1fr); gap: 8px; padding: 8px 0; } .oXeAUlZCzSZqjPFvU8eB > input,.oXeAUlZCzSZqjPFvU8eB > select { width: 100%; } .jntpZYCiiKPnWPcYoIBU { width: 100%; grid-template-columns: minmax(0,1fr) 35px; } }
@media(max-width:420px) { .m7wjNguhmbAUaOOQ4LhE { flex-wrap: wrap; } .m7wjNguhmbAUaOOQ4LhE h3 { flex-basis: 100%; } }

.iLwOSMjGDxAiAaDDlkAy {
  background-color: var(--panel-title-bg-color);
  border-radius: var(--border-radius);
  cursor: pointer;
  margin-top: var(--container-padding);
}

.dObWxqsqcrKamFeIn0dP {
  display: flex;
  align-items: center;
  padding: 3px 5px;
}

.XCLQiJE9Zs53vDlW1REg {
  flex: 1;
  margin-left: 5px;
}

.k5lDs3k_3Cs86hdIzOp6 {
  padding: var(--container-padding);
  margin-left: 20px;
}

.zVHl1oe15EfGVe586tpV {
  fill: var(--text-color);
}

.Xl83y9vIKXcZvUHBFWa3 {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  padding: var(--container-padding);
  cursor: pointer;
}

.Xl83y9vIKXcZvUHBFWa3 input {
  margin-top: 3px;
}

.Xl83y9vIKXcZvUHBFWa3 span {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.Xl83y9vIKXcZvUHBFWa3 small {
  color: rgba(255, 255, 255, .64);
  line-height: 1.4;
  max-width: 620px;
}


.etsY60OdxXLrchnyDSJw { width: 100%; box-sizing: border-box; padding: 24px; border: 1px solid #ffffff30; border-radius: 16px; background: #101723ee; color: #f5f7fb; margin: 20px 0; }
.etsY60OdxXLrchnyDSJw p { color: #c3ccda; line-height: 1.5; }
.s4HpvKuB_8oer_WYq614 { display: block; margin: 20px 0; }
.s4HpvKuB_8oer_WYq614 input { display: block; width: 100%; margin-top: 8px; }
.M93XOcNQknPQv_eMSfqN { position: relative; aspect-ratio: 16/9; overflow: hidden; border-radius: 12px; background: #090c12; }
.W0Ypxs_k71wtLFucTWgF { position: absolute; left: 6%; top: 30%; width: 55%; display: grid; gap: 14px; text-shadow: 0 2px 12px #000; }
.W0Ypxs_k71wtLFucTWgF small { color: #91eaf0; letter-spacing: .12em; }
.W0Ypxs_k71wtLFucTWgF strong { font-size: clamp(22px,3vw,42px); }
.O31TUapnt_ks0zIHnJ4i { border: 0; padding: 0; margin: 20px 0; display: grid; grid-template-columns: repeat(auto-fit,minmax(200px,1fr)); gap: 18px; }
.O31TUapnt_ks0zIHnJ4i label { display: block; }
.O31TUapnt_ks0zIHnJ4i output { float: right; }
.O31TUapnt_ks0zIHnJ4i input { display: block; width: 100%; }
.iyBLvW1mq5jnayarZObi { display: flex; flex-wrap: wrap; gap: 12px; }

.Mf8j8lL0K8apPjDrRaQj { margin:20px 0 26px;padding:20px;border:1px solid #963cff80;border-radius:14px;background:radial-gradient(ellipse at top left,#00e5ff15,transparent 65%),linear-gradient(120deg,#17172c,#29152e); }
.JeADQmSEMILI07T344oU { display:block;font-size:11px;font-weight:800;letter-spacing:.16em;color:#00e5ff;margin-bottom:12px; }
.etsY60OdxXLrchnyDSJw .mWBjZNdO2xc237I2tZgN { display:block;width:100%;min-height:56px;border:1px solid #ff72e3;border-radius:12px;padding:14px 18px;background:linear-gradient(110deg,#6922ad,#a6097e);color:#fff;font-size:18px;font-weight:800;box-shadow:0 0 22px #ff2bd625;cursor:pointer; }
.mWBjZNdO2xc237I2tZgN span { color:#ffd66b;margin-right:8px; }
.etsY60OdxXLrchnyDSJw .mWBjZNdO2xc237I2tZgN:disabled { opacity:.5;cursor:default;box-shadow:none; }
.etsY60OdxXLrchnyDSJw .mWBjZNdO2xc237I2tZgN:focus-visible { outline:3px solid #00e5ff;outline-offset:4px; }
.Mf8j8lL0K8apPjDrRaQj small { color:#aeb9ce;line-height:1.5;display:block; }

.xborqK2go0Z0LXxyyj1f {
  background-color: var(--panel-title-bg-color);
  border-radius: var(--border-radius);
  cursor: pointer;
  margin-top: var(--container-padding);
}

.P9QgdDY7JxSQsd44PAb9 {
  display: flex;
  align-items: center;
  padding: 3px 5px;
}

.sOw0fYnJ1GTonoC1keYA {
  flex: 1;
  margin-left: 5px;
}

.ByuJ2xGP2_6ci7SWQ6gi {
  fill: var(--text-color);
}

.yh2iD1zoE2QHRIhJ0af7 {
  padding: var(--container-padding);
  margin-left: 20px;
  cursor: default;
}

.STAjerF63c21v2NA7gt9 {
  margin-bottom: 14px;
  padding: 10px 12px;
  border-left: 3px solid var(--color-cyan);
  background: rgba(10, 189, 198, .08);
  color: var(--color-text-muted);
}

.bgMTpor6Zf8bp37Y8XO5 {
  display: grid;
  grid-template-columns: minmax(180px, 1fr) minmax(180px, 320px);
  align-items: center;
  gap: 14px;
  padding: 9px 0;
}

.bgMTpor6Zf8bp37Y8XO5 select {
  margin: 0;
}

.zC6bdXRI5nUSH8cX946Q {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  padding: 9px 0;
}

.zC6bdXRI5nUSH8cX946Q input {
  margin-top: 4px;
}

.zC6bdXRI5nUSH8cX946Q span {
  display: flex;
  flex-direction: column;
  gap: 3px;
}

.zC6bdXRI5nUSH8cX946Q small,
.MMarqRT8_wteZgDG4hf1 span {
  color: var(--color-text-muted);
}

.uEPpNplEd9GiFpSbai_c {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 8px 0 14px;
  padding: 10px 12px;
  border-radius: var(--border-radius);
  background: var(--color-obsidian);
}

.uEPpNplEd9GiFpSbai_c strong {
  color: var(--color-cyan-bright);
}

.MMarqRT8_wteZgDG4hf1 {
  display: flex;
  flex-direction: column;
  gap: 4px;
  margin-top: 14px;
  padding-top: 14px;
  border-top: 1px solid var(--chrome-border-color);
}

@media (max-width: 620px) {
  .yh2iD1zoE2QHRIhJ0af7 {
    margin-left: 0;
  }

  .bgMTpor6Zf8bp37Y8XO5 {
    grid-template-columns: 1fr;
    gap: 6px;
  }
}

.UpHxEb2QWaWp9rGss7Hw {
  top: var(--container-padding);
  background-color: var(--panel-bg-color);
  border-radius: var(--border-radius);
  overflow: hidden;
}

.DXs3pxIfjaqE0SeBpWKz {
  margin: 0;
  font: var(--panel-title-font);
  padding: var(--panel-title-padding);
  background-color: var(--panel-title-bg-color);
}

.ew2x2VQFG7Hj_ltiyxbF {
  padding: var(--container-padding);
}

.KPS_QjyNbNZvOcq4_1Pg {
  margin-bottom: var(--input-margin);
}

.B5kM8X2kOsyfaMqa0xWN {
  margin-bottom: var(--input-margin);
}

.ysLnY77UZ_c1_TfyXfgo {
  background-color: var(--panel-bg-color);
  border-radius: var(--border-radius);
  margin: 10px 0;
  overflow: hidden;
}

.hx1d5UAAVzr0KT0tBfNB {
  align-items: center;
  display: flex;
  padding: var(--panel-title-padding);
  background-color: var(--panel-title-bg-color);
}

.hx1d5UAAVzr0KT0tBfNB select {
  font-size: 16px;
  height: 24px; /* --panel-title-font size + top/bottom padding */
  max-width: 33%;
  padding: 0;
}

.u57YoQwu4we4ucg5Z3JI {
  flex: 1;
  margin: 0;
  padding: 0;
  font: var(--panel-title-font);
}

.wM1sRpuOJYI8QczteHwR {
  cursor: pointer;
}

.OUzt44G4J9NqiXahGZNg {
  padding: var(--container-padding);
}

.HAVmLg8TCL18Jeiuo7fX {
  width: 100%;
}

.HAVmLg8TCL18Jeiuo7fX > * {
  outline: none;
}

.HAVmLg8TCL18Jeiuo7fX th {
  color: hsl(var(--hue-blue), 10%, 60%);
  font-weight: normal;
  text-align: left;
}

.HAVmLg8TCL18Jeiuo7fX th:first-child {
  width: 100%;
}

.HAVmLg8TCL18Jeiuo7fX th:nth-child(2) {
  min-width: 70px;
}

.HAVmLg8TCL18Jeiuo7fX td {
  height: 25px;
  overflow: hidden;
  white-space: nowrap;
}

.HAVmLg8TCL18Jeiuo7fX td:first-child  {
  text-overflow: ellipsis;
  max-width: 0;
}

.GOcqON1ttKvLN26MFNIy {
  margin-bottom: var(--input-margin);
}

.egMKJajhBRVHHcS0ruyV {
  margin-bottom: var(--input-margin);
}

.ffaCMJ3wIqwLL6cRptTw {
  background-color: var(--panel-bg-color);
  border-radius: var(--border-radius);
  margin: 10px 0;
  overflow: hidden;
}

.tQTBvPKeFLjVpNbYouTj {
  align-items: center;
  display: flex;
  padding: var(--panel-title-padding);
  background-color: var(--panel-title-bg-color);
}

.tQTBvPKeFLjVpNbYouTj select {
  font-size: 16px;
  height: 24px; /* --panel-title-font size + top/bottom padding */
  max-width: 33%;
  padding: 0;
}

.bc5ncwHH9YJ23tSoHwjU {
  flex: 1;
  margin: 0;
  padding: 0;
  font: var(--panel-title-font);
}

.IhdI0Ej7cIQc3O9IulTL {
  cursor: pointer;
}

.qCcT2N3kiZaZB2i4v2gX {
  padding: var(--container-padding);
}

.dVtQTutpaei_Zk_0Dmhd {
  width: 100%;
}

.dVtQTutpaei_Zk_0Dmhd > * {
  outline: none;
}

.dVtQTutpaei_Zk_0Dmhd th {
  color: hsl(var(--hue-blue), 10%, 60%);
  font-weight: normal;
  text-align: left;
}

.dVtQTutpaei_Zk_0Dmhd th:first-child {
  width: 100%;
}

.dVtQTutpaei_Zk_0Dmhd th:nth-child(2) {
  min-width: 70px;
}

.dVtQTutpaei_Zk_0Dmhd td {
  height: 25px;
  overflow: hidden;
  white-space: nowrap;
}

.dVtQTutpaei_Zk_0Dmhd td:first-child  {
  text-overflow: ellipsis;
  max-width: 0;
}

._kg8JIOeafNciIqzc0kY {
  margin-bottom: var(--input-margin);
}

.Gt1harUlpdZAYOWiLjgK {
  height: 36px;
}

.f1EKGJojigwMU6SsYuZr {
  align-items: baseline;
  color: hsl(var(--hue-blue), 10%, 60%);
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 1em;
}

.f1EKGJojigwMU6SsYuZr h2 {
  color: hsl(var(--hue-blue), 10%, 80%);
  flex: 1;
  margin: 0 1em 0 0;
  font-size: 32px;
  font-family: var(--font-family-custom);
  font-weight: 200;
  white-space: nowrap;
}

.Z00W8gVjj0IMplO_RP3Q {
  align-items: baseline;
  color: hsl(var(--hue-blue), 10%, 60%);
  display: flex;
  flex-wrap: wrap;
}

.Z00W8gVjj0IMplO_RP3Q h2 {
  color: hsl(var(--hue-blue), 10%, 80%);
  flex: 1;
  margin: 0 1em 0 0;
  font-size: 32px;
  font-family: var(--font-family-custom);
  font-weight: 200;
  white-space: nowrap;
}

.eWcvh3MX2knJm1d0CQWu {
  align-items: baseline;
  color: hsl(var(--hue-blue), 10%, 60%);
  display: flex;
  flex-wrap: wrap;
  margin-bottom: var(--container-padding);
}

.eWcvh3MX2knJm1d0CQWu h2 {
  color: hsl(var(--hue-blue), 10%, 80%);
  flex: 1;
  margin: 0 1em 0 0;
  font-size: 32px;
  font-family: var(--font-family-custom);
  font-weight: 200;
  white-space: nowrap;
}

.GSpYmU6m4qxOLmgK4rX3 {
  margin-bottom: var(--input-margin);
}


.e3jR4OMsV_OIaaAci_hn {
  box-sizing: border-box;
  width: 100%;
  max-width: 560px;
  margin: clamp(16px, 5vh, 64px) auto;
  padding: clamp(20px, 4vw, 40px);
  border: 1px solid rgba(255,255,255,.15);
  border-radius: 24px;
  background: rgba(9,12,22,.88);
  box-shadow: 0 24px 80px rgba(0,0,0,.45);
  backdrop-filter: blur(16px);
}
.kfaDc9tZA7V0rbLrrQxW {
  display: block;
  width: 100%;
  max-width: 420px;
  height: auto;
  margin: 0 auto 28px;
}
@media (max-width: 600px) {
  .e3jR4OMsV_OIaaAci_hn { border-radius: 18px; margin: 12px auto; padding: 20px; }
  .kfaDc9tZA7V0rbLrrQxW { margin-bottom: 20px; }
}

@media (max-height: 700px) {
 .e3jR4OMsV_OIaaAci_hn { margin: 8px auto; padding: 20px 28px; }
 .kfaDc9tZA7V0rbLrrQxW { max-width: 240px; max-height: 18vh; object-fit: contain; margin-bottom: 12px; }
}
@media (max-height: 450px) {
 .kfaDc9tZA7V0rbLrrQxW { max-height: 80px; }
 .e3jR4OMsV_OIaaAci_hn { padding: 16px 24px; }
}

.EPw4Q8pC4VCZu_ENeHOh {
  margin: 0 auto;
  padding: 0 1vw;
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}

.NiPjYRpnybs_SRSbthfr {
  position: fixed;
  inset: 0;
  background-color: #090c12;
  background-size: cover;
  background-position: right center;
  pointer-events: none;
  z-index: 0;
}
.xM8kVM77Q8Ikq16zQuvQ { position: relative; z-index: 1; min-height: 100%; }
@media (max-width: 600px) {
  .NiPjYRpnybs_SRSbthfr { background-position: 68% center; }
}

.o2DQxcsGtqragdNStMpU { overflow: visible; min-height: 100vh; min-height: 100dvh; padding-left: max(24px, 4vw); padding-right: max(24px, 4vw); }
.o2DQxcsGtqragdNStMpU input, .o2DQxcsGtqragdNStMpU select, .o2DQxcsGtqragdNStMpU button, .o2DQxcsGtqragdNStMpU a { scroll-margin: 32px 0 120px; }
.o2DQxcsGtqragdNStMpU :focus { outline: 3px solid #83f1f2; outline-offset: 4px; }

.UIK2HEzG93kJrZg1zrOI {
  display: flex;
  align-items: center;
  padding-right: var(--container-padding);
}

.jvBgtBq5nhwhgFxDdohV {
  flex: 1;
  margin: 0;
  margin-left: -4px;
  border: none !important;
  color: var(--text-color) !important;
  background-color: transparent !important;
  box-shadow: none !important;
}

.jvBgtBq5nhwhgFxDdohV::placeholder {
  color: var(--input-placeholder-color) !important;
}

.cwDhxOIVfzteFzlWeKwa {
  cursor: pointer;
  fill: var(--btn-bg-color);
  filter: var(--btn-active-filter);
}

.Y7B1obsA9DO34NOCVSUZ {
  fill: var(--btn-active-bg-color);
}

.Hk5Oiz4LTn0TQU1HJ_4r {
  display: flex;
  align-items: center;
}

.zik5wR9zmSukEda8d8FN {
  color: var(--queued-item-color);
  text-shadow: var(--queued-item-text-shadow);
}

.q8d4R7JJbyKfMfb5qTtn {
  animation: var(--animation-text-shadow-glow);
}

.hxXzgFhspryRgl6_AkmQ {
  color: #888;
  font-size: 12px;
  text-align: center;
  width: 44px;
}

.z8K08MurHExDsFH50TjN {
  cursor: pointer;
  flex: 1;
  overflow: hidden;
  white-space: nowrap;
  margin-left: var(--btn-margin);
}

.oqSOn8U_QmqEzSvyfAw_ {
  font-size: 18px;
  text-overflow: ellipsis;
  overflow: hidden;
}

.INKd0vI4DamezRZUfFHO {
  color: #aaa;
  font-size: 15px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

/* Buttons */
.DLgbTdB3hYU0zYVmvotm {
  cursor: pointer;
  width: var(--song-item-btn-width);
  height: var(--song-item-btn-height);
  margin-right: var(--btn-margin);
  transition: opacity .3s;
}

.bfE_vcKGNAy6HuKrhsLQ {
  fill: var(--song-item-btn-bg-color);
  height: var(--song-item-btn-height);
}

.sITkO1nY1LgSZ74YOArz {
  fill: var(--song-item-btn-active-bg-color);
  filter: var(--song-item-btn-active-filter);
}

.a2lTNMjjT5QzeuYbGeux {
  position: relative;
  font-size: 13px;
  top: -28px;
  text-align: center;
  text-shadow: none;
  color: var(--text-color);
}

.sF5sWiz0_6zeoGgwx9_r {
  color: var(--song-item-btn-active-color);
}

.r4HcW54ut9T2YXA4ysAf {
  animation: var(--animation-bounce);
}

.IpLs3GshduGnVRAThUSV {
  fill: var(--song-item-btn-active-bg-color);
}

.Yun2TaQxqI_z04j1fZ48 { position: fixed; left: 0; right: 0; overflow-y: auto; overflow-x: hidden; background: radial-gradient(ellipse at top right, #281337, transparent 55%), #0e131b; color: #f4f3fc; }
.R7Z5SDTWlprSK7m7QeML { max-width: 1440px; margin: auto; padding: 28px clamp(16px, 4vw, 64px) 60px; }
.Yun2TaQxqI_z04j1fZ48 button { width: auto; margin: 0; cursor: pointer; font: inherit; }
.Yun2TaQxqI_z04j1fZ48 button:focus-visible, .Yun2TaQxqI_z04j1fZ48 input:focus-visible { outline: 3px solid #00dcf4; outline-offset: 4px; }
.Yun2TaQxqI_z04j1fZ48 .G9KbQjkdHeU55Dd2eo3m { display: inline-block; background: transparent; border: 0; color: #b9c1d3; padding: 8px 0; margin-bottom: 20px; }
.Wix5vRmCfL6cOHulwGiA { display: flex; justify-content: space-between; gap: 32px; align-items: center; padding: clamp(24px, 4vw, 52px); border: 1px solid #673193; border-top-color: #08c5de; border-radius: 20px; background: linear-gradient(115deg, #102731, #21162f 65%, #3b1742); box-shadow: 0 16px 50px #0003; }
.XAG9izcjRdgqniODzvWJ { color: #00e3f8; font-size: 11px; font-weight: 800; letter-spacing: 2.5px; margin: 0 0 18px; }
.Wix5vRmCfL6cOHulwGiA h1 { font-size: clamp(30px, 4vw, 58px); line-height: 1.06; letter-spacing: -1.6px; margin: 0; }
.Wix5vRmCfL6cOHulwGiA h1 span { color: #f786e5; }
.tyTC2hQqRvvP0pqVNQVg { color: #bac0d3; line-height: 1.6; margin: 20px 0 0; }
.ojwzMNzzOSPWEHlNbrTQ { flex: 0 0 170px; display: grid; grid-template-columns: auto; gap: 6px; border-left: 1px solid #ffffff26; padding-left: 32px; }
.ojwzMNzzOSPWEHlNbrTQ strong { font-size: 34px; color: #fff; }
.ojwzMNzzOSPWEHlNbrTQ span { color: #aeb9cb; font-size: 10px; letter-spacing: 1.4px; margin-bottom: 12px; }
.dX5ErVxISTPBy286tQR7 { display: flex; align-items: flex-end; gap: 16px; margin: 30px 0 20px; }
.ahPaNYd0fltOTUffWJ7I { flex: 1; color: #c6cadd; font-size: 12px; font-weight: 700; }
.ahPaNYd0fltOTUffWJ7I input { display: block; box-sizing: border-box; width: 100%; height: 50px; margin-top: 9px; border: 1px solid #394152; border-radius: 12px; background: #171e29; color: #fff; padding: 0 16px; font: inherit; font-size: 16px; }
.Yun2TaQxqI_z04j1fZ48 .tbWx3TUdhy0C4K3XPr9S { background: #221d35; border: 1px solid #65417f; border-radius: 12px; color: #ece6f5; min-height: 50px; padding: 10px 20px; }
.Yun2TaQxqI_z04j1fZ48 [aria-pressed=true] { background: #882093; color: #fff; border-color: #f332d9; }
.etMk0zNYoj7TTPmp6qDq { display: flex; flex-wrap: wrap; gap: 6px; padding: 16px 0; border-bottom: 1px solid #ffffff15; }
.etMk0zNYoj7TTPmp6qDq button { min-width: 38px; min-height: 40px; border: 1px solid #303749; border-radius: 8px; background: #1a202d; color: #d7dcef; padding: 8px; }
.etMk0zNYoj7TTPmp6qDq button:disabled { opacity: .3; cursor: default; }
.crSbG_P2jrlCb2Sv_nZp { display: flex; justify-content: space-between; align-items: center; margin: 24px 0 18px; }
.crSbG_P2jrlCb2Sv_nZp h2 { font-size: 24px; margin: 0; }
.crSbG_P2jrlCb2Sv_nZp > span { font-size: 13px; color: #aeb7ca; }
.qxZ6BgV3GGEEkAnpfkyw { display: grid; grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); gap: 16px; align-items: start; }
.B0UmfYqzewDPyty5_KTq { min-width: 0; border: 1px solid #303047; border-radius: 14px; background: linear-gradient(125deg, #1c2230, #1d182d); overflow: hidden; }
.B0UmfYqzewDPyty5_KTq:hover { border-color: #9a4fba; }
.B0UmfYqzewDPyty5_KTq[data-expanded=true] { border-color: #00bed8; grid-column: 1 / -1; }
.Yun2TaQxqI_z04j1fZ48 .ujwLfVn17n8nILbCoZhi { width: 100%; display: flex; align-items: center; gap: 16px; text-align: left; padding: 22px 18px; background: transparent; color: #fff; border: 0; border-radius: 0; }
.C8njCs65HsTfqvmUvEcw { display: flex; flex: 0 0 62px; height: 62px; align-items: center; justify-content: center; border-radius: 50%; color: #8ef5ff; font-size: 22px; font-weight: 800; background: radial-gradient(circle at 25% 20%, #245d75, #402052 75%); border: 1px solid #8173b6; }
.ia39Aq4UrXe7ggZr1m5e { display: flex; flex: 1; min-width: 0; flex-direction: column; gap: 8px; }
.ia39Aq4UrXe7ggZr1m5e strong { font-size: 18px; line-height: 1.3; overflow-wrap: anywhere; }
.ia39Aq4UrXe7ggZr1m5e > span { color: #b8c0d0; font-size: 13px; }
.ia39Aq4UrXe7ggZr1m5e small { color: #f780de; font-size: 10px; letter-spacing: 1px; }
.JEuTcTv_pLbKsJ9KK5KL { color: #00e3f8; font-size: 26px; }
.GZc1vhrHEonNA7TiXpwn { padding: 12px 16px 20px; border-top: 1px solid #ffffff18; background: #10151e; }
.GZc1vhrHEonNA7TiXpwn > div { min-height: 48px; border-bottom: 1px solid #ffffff0b; }
.rVWMU453lzPNi__cFOAL { padding: 40px 0; text-align: center; color: #bac0d3; }
@media(max-width: 600px) { .Wix5vRmCfL6cOHulwGiA { flex-direction: column; align-items: stretch; } .ojwzMNzzOSPWEHlNbrTQ { flex: auto; display: flex; align-items: baseline; flex-wrap: wrap; padding: 16px 0 0; border-left: 0; border-top: 1px solid #ffffff26; gap: 10px; } .ojwzMNzzOSPWEHlNbrTQ strong { font-size: 24px; } .ojwzMNzzOSPWEHlNbrTQ span { font-size: 9px; } .dX5ErVxISTPBy286tQR7 { flex-wrap: wrap; } .ahPaNYd0fltOTUffWJ7I { flex-basis: 100%; } .qxZ6BgV3GGEEkAnpfkyw { grid-template-columns: minmax(0, 1fr); } }

.otziWw3C9X07Wt8ZdNnA {
  position: fixed;
  left: 0;
  right: 0;
  min-height: 0;
  overflow: hidden;
}

.IcWIldAIjjfjMCA6KYBh {
	font-family: var(--font-family-custom);
	position: absolute;
	top: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
}

.zKE2hVKQtzkgXRphZCZ4 {
	background-color: var(--chrome-bg-color);
	border-radius: var(--border-radius);
	padding: 1rem 2rem;
}

.y1Mvdil6lnHJSldhzTvZ {
  display: flex;
  align-items: center;
  cursor: pointer;
}

.hCfDhumonEJMBtZlXT_a {
  color: var(--queued-item-color);
  text-shadow: var(--queued-item-text-shadow);
  cursor: pointer;
}

.y1Mvdil6lnHJSldhzTvZ:hover, .hCfDhumonEJMBtZlXT_a:hover {
  opacity:0.8;
}

.EO2ke0fA3CLo3PngW4be {
  animation: var(--animation-text-shadow-glow);
}

.NkBW_IYwogXruhMmQOb1 {
	position: relative;
	height:50px;
	padding-left:5px;
}

.NkBW_IYwogXruhMmQOb1 img {
	height:50px;
	width:auto;
	border-radius:5px;
}

.PDvIgW9YcjKrnDU899IH {
	color: #bbb !important;
	font-size: 12px;
	text-align: center;
	padding:2px;
	border-radius:2px;
	position:absolute;
	right:5px;
	bottom:5px;
	background:rgba(0,0,0,0.6) !important;
}

.uipZNoVP7V03q85r48mg {
	fill: #fff !important;
	opacity: 0.7;
	font-size: 12px;
	text-align: center;
	padding:2px;
	border-radius:2px;
	position:absolute;
	left:0;
	right:0;
	bottom:5px;
	filter: drop-shadow( 2px 2px 2px rgba(0, 0, 0, 1));
}

.KQucIOXpwraSMBDgay_w {
  cursor: pointer;
  flex: 1;
  overflow: hidden;
  white-space: nowrap;
  margin-left: var(--btn-margin);
}

.JjXQQRHCMBjYHBsZJQSV {
  font-size: 18px;
  text-overflow: ellipsis;
  overflow: hidden;
}

.Q2SeA22VuvVk0se3QFmY {
    color: #d0d0d0;
    font-size: 14px;
    font-weight: 700;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.EmjbLb9yc4HCrX0ku0dF {
	color: #aaa;
	fill: #aaa;
	font-size: 15px;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}

.EmjbLb9yc4HCrX0ku0dF svg {
	vertical-align: baseline;
}

.TIfYGl9d_lTvy7Voikbi {
	animation: TIfYGl9d_lTvy7Voikbi 1500ms ease-in-out infinite;
}

@keyframes TIfYGl9d_lTvy7Voikbi {
	0% { transform: rotate(0deg); }
	100% { transform: rotate(180deg); }
}

.SqaxpchRYPzp9dZ2SqsW { box-shadow:inset 0 0 0 2px #ffd66b; border-radius:8px; background:#ffd66b0d; }
.YT6cpw4kvYjiHi1h1Ssq { display:inline-block; color:#ffe49b; font-size:11px; margin-left:12px; font-weight:800; }

.RJpEn5UelwQ73Gc0lRW8 { position:fixed; left:0;right:0; display:grid;grid-template-columns:210px minmax(0,1fr) 260px;gap:8px;background:#07090f;color:#f6f5fa;font:15px/1.5 'Segoe UI',sans-serif;overflow:hidden;padding:8px;box-sizing:border-box; }
.RJpEn5UelwQ73Gc0lRW8 button,.FBvcyIkaZMZEVh1BphRI { font:inherit;cursor:pointer;color:inherit; border:0; }
.RJpEn5UelwQ73Gc0lRW8 button:focus-visible,.RJpEn5UelwQ73Gc0lRW8 a:focus-visible,.FBvcyIkaZMZEVh1BphRI:focus-visible { outline:3px solid #00e5ff;outline-offset:3px; }
.RJpEn5UelwQ73Gc0lRW8 button:disabled {opacity:.45;cursor:default}
.SMU62YIF8jdDomm4lw1K,.Nq5KCLZgLNiXZxXdvaXL {background:#10131b;border-radius:12px;padding:22px 16px;overflow:auto;}
.HF8tMQia5ToxKowOjL_v {font-size:23px;font-weight:900;font-style:italic;letter-spacing:-1px;margin-bottom:32px;}
.HF8tMQia5ToxKowOjL_v span {display:block;font-size:9px;font-style:normal;letter-spacing:3px;color:#00e5ff;}
.SMU62YIF8jdDomm4lw1K p {font-size:10px;letter-spacing:2px;color:#8d93a7;margin:26px 0 12px;}
.SMU62YIF8jdDomm4lw1K button {display:block;width:100%;padding:12px 9px;text-align:left;border-radius:7px;background:transparent;font-size:13px;}
.SMU62YIF8jdDomm4lw1K button:hover {background:#222634;}
.gsizV1Uhpgm8QyXx0YlI {display:inline-block;width:12px;height:12px;border-radius:3px;margin-right:10px;}
.yZci6rNAI1A9jig0wRNj {overflow:auto;background:linear-gradient(#1a192d,#10131b 470px);border-radius:12px;padding:24px 26px 50px;min-width:0;}
.naFV0g0pliXOpvvD6w0o {display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;gap:12px;}
.naFV0g0pliXOpvvD6w0o>span,.JzFOGbUSQhV2P9gucCFY span,.Nq5KCLZgLNiXZxXdvaXL>span {font-size:10px;letter-spacing:2px;font-weight:700;color:#93a2b8;}
.naFV0g0pliXOpvvD6w0o button,.XTZjKUWesycYUVvdMzxl button,.JzFOGbUSQhV2P9gucCFY button {background:#292c3b;border-radius:24px;padding:10px 16px;font-size:12px;min-height:44px;}
.uCht2WihnO1RlmYj7wYX {padding:40px 30px;border-radius:12px;background-size:cover;background-position:center;min-height:255px;box-sizing:border-box;}
.uCht2WihnO1RlmYj7wYX>span {color:#00e5ff;letter-spacing:3px;font-size:10px;font-weight:700;}
.uCht2WihnO1RlmYj7wYX h1 {font-size:clamp(28px,3vw,48px);letter-spacing:-1.5px;line-height:1.08;margin:16px 0;}
.uCht2WihnO1RlmYj7wYX p {color:#bbc0d1;font-size:13px;line-height:1.6;}
.uCht2WihnO1RlmYj7wYX button {background:#00e5ff;color:#101727;border-radius:24px;padding:13px 21px;font-weight:700;margin-top:10px;}
.XTZjKUWesycYUVvdMzxl {display:flex;gap:8px;flex-wrap:wrap;margin:24px 0 32px;}
.XTZjKUWesycYUVvdMzxl button[aria-pressed=true] {background:#f5f5fa;color:#171824;}
.JzFOGbUSQhV2P9gucCFY {display:flex;align-items:center;justify-content:space-between;gap:12px;margin:28px 0 16px;}
.JzFOGbUSQhV2P9gucCFY h2 {margin:4px 0;font-size:23px;letter-spacing:-.5px;}
.paM2SKowhL9Q3aIMkfqj {display:grid;grid-auto-flow:column;grid-auto-columns:minmax(155px,1fr);gap:16px;overflow:auto;padding:3px 3px 16px;scroll-snap-type:x proximity;}
.jW1JyeKWD9PSD57g2VuA,.lBE7b2h1noCZzDtV8bZC {display:block;text-align:left;background:transparent;padding:0;min-width:0;scroll-snap-align:start;}
.jW1JyeKWD9PSD57g2VuA>strong,.lBE7b2h1noCZzDtV8bZC>strong {display:block;font-size:14px;margin-top:12px;line-height:1.35;}
.jW1JyeKWD9PSD57g2VuA>small,.lBE7b2h1noCZzDtV8bZC>small {display:block;color:#a3a9bb;font-size:12px;line-height:1.5;margin-top:5px;}
.rvpe8wngHW_dHFHNbr_G {position:relative;overflow:hidden;aspect-ratio:1;background:linear-gradient(145deg,var(--accent),var(--deep));color:#fff;border-radius:8px;display:flex;flex-direction:column;justify-content:flex-end;padding:16px;box-sizing:border-box;isolation:isolate;}
.rvpe8wngHW_dHFHNbr_G:after {content:'';position:absolute;inset:0;background:linear-gradient(transparent,#080c2555);z-index:-1;}
.rvpe8wngHW_dHFHNbr_G svg {position:absolute;inset:0;width:100%;height:100%;opacity:.38;z-index:-1;}
.rvpe8wngHW_dHFHNbr_G>span {position:absolute;top:12px;left:14px;font-size:7px;letter-spacing:1.5px;font-weight:700;}
.rvpe8wngHW_dHFHNbr_G strong {font-size:clamp(24px,2vw,34px);line-height:.98;letter-spacing:-1px;max-width:90%;font-weight:900;text-transform:uppercase;}
.rvpe8wngHW_dHFHNbr_G small {font-size:7px;letter-spacing:2px;margin-top:12px;}
.Gs550IsHDDdUmCEdVBbx {display:grid;grid-template-columns:repeat(auto-fill,minmax(145px,1fr));gap:24px 18px;}
.J7dRRb797jT38YFHuNZ4 {position:relative;aspect-ratio:1;border-radius:8px;overflow:hidden;background:#252a3a;}
.J7dRRb797jT38YFHuNZ4 img {display:block;width:100%;height:100%;object-fit:cover;}
.O5MTyaciTRbHazIFiHx4 {box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;padding:16px;height:100%;background:radial-gradient(ellipse at top right,#715c8a,transparent 70%),linear-gradient(140deg,#1f4b59,#1c203b);position:relative;}
.O5MTyaciTRbHazIFiHx4 span {font-size:7px;letter-spacing:1px;position:absolute;top:12px;}
.O5MTyaciTRbHazIFiHx4 b {font-size:22px;line-height:1.05;z-index:1;}
.O5MTyaciTRbHazIFiHx4 small {font-size:11px;z-index:1;}
.O5MTyaciTRbHazIFiHx4 i {position:absolute;right:10px;bottom:-15px;font-size:100px;opacity:.15;}
.HNu8p3sw_fz1h7YzYQxO {position:absolute;bottom:10px;right:10px;background:#00e5ff;color:#122530;border-radius:50%;width:34px;height:34px;text-align:center;line-height:34px;box-shadow:0 3px 15px #0006;}
.lBE7b2h1noCZzDtV8bZC em {display:block;font-size:8px;letter-spacing:1.5px;color:#ffd66b;margin-top:8px;font-style:normal;}
.epJ5pUbhhfvGiBfZLYkr {color:#aaaec2;font-size:13px;}
.Nq5KCLZgLNiXZxXdvaXL h2 {margin:6px 0 24px;font-size:24px;}
.Nq5KCLZgLNiXZxXdvaXL h3 {font-size:20px;line-height:1.15;}
.Nq5KCLZgLNiXZxXdvaXL p {font-size:13px;color:#a6adbe;}
.Nq5KCLZgLNiXZxXdvaXL a {display:block;color:#00e5ff;margin:20px 0;font-size:13px;}
.h5hwWEkN78J4nPX9GF2Z {border-radius:10px;padding:16px;background:#232c39;font-size:11px;color:#ffd66b;margin-top:32px;}
.h5hwWEkN78J4nPX9GF2Z strong {display:block;color:#eef4ff;font-size:19px;line-height:1.2;margin:10px 0;}
.FBvcyIkaZMZEVh1BphRI {position:fixed;left:12px;z-index:10;border-radius:20px;background:#293447;padding:10px 18px;color:#fff;min-height:44px;}
@media(min-width:1700px){.paM2SKowhL9Q3aIMkfqj{grid-auto-columns:minmax(170px,1fr)}}
@media(max-width:1250px){.RJpEn5UelwQ73Gc0lRW8{grid-template-columns:180px minmax(0,1fr)}.Nq5KCLZgLNiXZxXdvaXL{display:none}}
@media(max-width:850px){.RJpEn5UelwQ73Gc0lRW8{grid-template-columns:minmax(0,1fr);padding:0}.SMU62YIF8jdDomm4lw1K{display:none}.yZci6rNAI1A9jig0wRNj{padding:20px 16px 40px;border-radius:0}.uCht2WihnO1RlmYj7wYX{padding:28px 22px;background-position:65% center}.uCht2WihnO1RlmYj7wYX h1{font-size:36px}.paM2SKowhL9Q3aIMkfqj{grid-auto-columns:160px}.Gs550IsHDDdUmCEdVBbx{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 14px}.JzFOGbUSQhV2P9gucCFY h2{font-size:22px}.naFV0g0pliXOpvvD6w0o>span{font-size:9px}.naFV0g0pliXOpvvD6w0o button{padding:10px 14px}.rvpe8wngHW_dHFHNbr_G strong{font-size:28px}.XTZjKUWesycYUVvdMzxl{gap:7px}.XTZjKUWesycYUVvdMzxl button{padding:9px 13px}.O5MTyaciTRbHazIFiHx4 b{font-size:24px}}
@media(prefers-reduced-motion:no-preference){.J7dRRb797jT38YFHuNZ4,.rvpe8wngHW_dHFHNbr_G{transition:transform .18s ease}.lBE7b2h1noCZzDtV8bZC:hover .J7dRRb797jT38YFHuNZ4,.jW1JyeKWD9PSD57g2VuA:hover .rvpe8wngHW_dHFHNbr_G{transform:translateY(-3px)}}

/* No Shame signature: cyan light, magenta energy, violet depth, gold highlights. */
.RJpEn5UelwQ73Gc0lRW8 { --ns-cyan:#00e5ff; --ns-pink:#ff2bd6; --ns-violet:#963cff; --ns-gold:#ffd66b; }
.yZci6rNAI1A9jig0wRNj { background:radial-gradient(ellipse at 0 0,#00e5ff12,transparent 35%),radial-gradient(ellipse at 100% 0,#ff2bd61a,transparent 40%),#10131b; border-top:2px solid #963cff; }
.SMU62YIF8jdDomm4lw1K,.Nq5KCLZgLNiXZxXdvaXL { border-top:2px solid #00e5ff66; }
.HF8tMQia5ToxKowOjL_v { text-shadow:-2px 1px 0 #00e5ff,2px -1px 0 #ff2bd6; }
.HF8tMQia5ToxKowOjL_v span { text-shadow:none; }
.naFV0g0pliXOpvvD6w0o>span,.JzFOGbUSQhV2P9gucCFY span { color:#00e5ff; }
.Nq5KCLZgLNiXZxXdvaXL>span { color:#ffd66b; }
.naFV0g0pliXOpvvD6w0o button { background:linear-gradient(120deg,#7322bc,#b70b86); box-shadow:inset 0 0 0 1px #ff2bd670; }
.uCht2WihnO1RlmYj7wYX { border:1px solid #963cff80; box-shadow:0 8px 35px #963cff15,inset 0 -2px 0 #ff2bd680; }
.uCht2WihnO1RlmYj7wYX button { background:linear-gradient(110deg,#00e5ff,#7bf2ff); color:#07121b; box-shadow:0 0 18px #00e5ff30; }
.XTZjKUWesycYUVvdMzxl button[aria-pressed=true] { background:linear-gradient(120deg,#7521bb,#ae0a82);color:#fff;box-shadow:inset 0 -2px 0 #ff2bd6; }
.SMU62YIF8jdDomm4lw1K button:hover { background:linear-gradient(90deg,#963cff30,#ff2bd610); }
.rvpe8wngHW_dHFHNbr_G { box-shadow:inset 0 0 0 1px #ffffff25; }
.rvpe8wngHW_dHFHNbr_G:after { background:linear-gradient(#080c2520,#080c25b8); }
.rvpe8wngHW_dHFHNbr_G strong { text-shadow:0 2px 12px #07090f80; }
.rvpe8wngHW_dHFHNbr_G small { color:#fff2c6; }
.J7dRRb797jT38YFHuNZ4 { box-shadow:0 0 0 1px #963cff40; }
.O5MTyaciTRbHazIFiHx4 { background:radial-gradient(ellipse at top right,#ff2bd64d,transparent 65%),linear-gradient(145deg,#073e56,#281547); }
.HNu8p3sw_fz1h7YzYQxO { box-shadow:0 0 14px #00e5ff50; }
.h5hwWEkN78J4nPX9GF2Z { background:linear-gradient(140deg,#24173a,#142735);border-top:2px solid #ffd66b; }
.lBE7b2h1noCZzDtV8bZC:hover .J7dRRb797jT38YFHuNZ4,.jW1JyeKWD9PSD57g2VuA:hover .rvpe8wngHW_dHFHNbr_G { box-shadow:0 0 0 1px #ff2bd6,0 5px 24px #963cff35; }
.FBvcyIkaZMZEVh1BphRI { border:1px solid #00e5ff80; }

/* Cover labels scale with the artwork, not the screen width. */
.rvpe8wngHW_dHFHNbr_G { container-type:inline-size; }
.rvpe8wngHW_dHFHNbr_G strong { font-size:20px; font-size:clamp(16px,14cqw,32px); line-height:1.06; letter-spacing:-.025em; max-width:100%; width:100%; margin:26px 0 0; }
.rvpe8wngHW_dHFHNbr_G strong span { display:block; white-space:nowrap; }
.rvpe8wngHW_dHFHNbr_G>span { font-size:6px; letter-spacing:.09em; right:10px; }
.rvpe8wngHW_dHFHNbr_G small { font-size:6px; letter-spacing:.12em; margin-top:12px; }
.jW1JyeKWD9PSD57g2VuA>strong { line-height:1.4; overflow-wrap:break-word; }

/* Center the collection cover typography within the artwork. */
.rvpe8wngHW_dHFHNbr_G { align-items:center; text-align:center; }
.rvpe8wngHW_dHFHNbr_G>span { left:10px; right:10px; text-align:center; }
.rvpe8wngHW_dHFHNbr_G strong, .rvpe8wngHW_dHFHNbr_G small { text-align:center; }

/* Keep the cover title centered independently of the top and bottom captions. */
.rvpe8wngHW_dHFHNbr_G { justify-content:center; }
.rvpe8wngHW_dHFHNbr_G strong { margin:0; }
.rvpe8wngHW_dHFHNbr_G small { position:absolute; left:10px; right:10px; bottom:16px; margin:0; }

.ZQ1vJSuEzaXfK5U2mVy3 {
  display: flex;
  height: var(--artist-item-height);
  align-items: center;
  overflow: hidden;
}

.Oeq1kmzT_zA03h__nm96 {
}

.Lo0KOIA2KNbjdkAzONWs {
  flex: 1;
  font-size: 20px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  padding-left: 3px;
}

.MX_Porxug1vkdk_A2Vcz {
  color: var(--queued-item-color);
  text-shadow: var(--queued-item-text-shadow);
}

.HZ0_7hegL7xDvnX1Vw9I {
  animation: var(--animation-text-shadow-glow);
}

.lLz_KOztRoFN8eQxqGc1 {
  height: var(--artist-item-height);
  fill: var(--artist-folder-bg-color);
}

.Bc6UO2wMDwOUxrq1bAUP {
  color: var(  --artist-folder-starred-color);
  fill: var(--artist-folder-starred-bg-color);
}

.b9LqH0GqWQ8WmCaa4ktx {
  position: relative;
  top: -30px;
  text-align: center;
  font-size: 16px;
}

.EsKyaVkUOVjrQNBLIEEM {
  position: relative;
  top: -34px;
  text-align: center;
  fill: var(--text-color);
}

.qAmZbfGSZX2Xu4xgWagx {
  fill: #000;
}

.UxC9Ta9Jcyex4OaSuTuk {
  position: fixed;
  left: 0;
  right: 0;
  overflow: hidden;
  min-height: 0;
}

.FM0NON48tUGevc0Mocok,
.CEmdQRH561N9ZZS2sElY {
  color: var(--search-results-heading-color);
  background-color: var(--search-results-heading-bg-color);
  font-size: 18px;
  text-align: center;
}
.T3ci1u1eChnqINFH6sWF {
	text-align:center;
}
.u9y5bFybnSgiqJgBTFFv {
	margin:20px 0;
	width:90%;
}

.l_cLCw9eRNCSyRKgXWS5 {
  display: flex;
  height: 100%;
  text-align: center;
  align-items: center;
}

.Fog7IKmx1oVfPd8FU407 {
  flex: 1;
}

/* adapted from https://github.com/tobiasahlin/SpinKit */
.Cy2j9ZX2IZrQWobGUi7X {
  display: flex;
  height: 100%;
  align-items: center;
  justify-content: center;
}

.dTWtSURLdyh9OV1LTnaC {
  background-color: var(--btn-bg-color);
  height: 40px;
  width: 6px;
  animation: pQ8Wi97sGo_5PlIrHfhm 0.8s infinite ease-in-out;
  margin: 0 5px;
}

.L3qh5gTBMbZXjFIzwmUI {
  animation-delay: -0.7s;
}

.f7Ry7aQoljxI7zOj18tU {
  animation-delay: -0.6s;
}

.jZojmB6JI3Y1bkX6XnDI {
  animation-delay: -0.5s;
}

.EcvP0cnG_tPw2rSbAdHh {
  animation-delay: -0.4s;
}

@-webkit-keyframes pQ8Wi97sGo_5PlIrHfhm {
  0%, 40%, 100% { -webkit-transform: scaleY(0.4) }
  20% { -webkit-transform: scaleY(1.0) }
}

@keyframes pQ8Wi97sGo_5PlIrHfhm {
  0%, 40%, 100% {
    transform: scaleY(0.4);
  }  20% {
    transform: scaleY(1.0);
  }
}

.bhZWQ2xPWPTNIX6C4F3a h1 {
  font-family: var(--font-family-custom);
}

.wmZzvQLV8SUXBxloByaI {
  background-image: linear-gradient(to right, var(--active-item-from-bg-color), var(--active-item-to-bg-color));
  background-repeat: no-repeat;
  height: var(--queue-item-height);
  overflow: hidden;
  padding-right: 4px;
}

.OcXId78BLaxBJIqdYIof {
  display: flex;
  flex: 1;
  margin-top: var(--container-padding);
  margin-right: 0;
  margin-bottom: var(--container-padding);
  margin-left: var(--container-padding);
  overflow: hidden;
}

.umnUSnD73DO3rWOYPZ9K {
  opacity: .5;
}

.GacRKdveAPO6_ywV1_ca {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 72px;
  height: 72px;
  flex: 0 0 72px;
}

.RGd3UJAFUhL9NuucNZat {
  max-width: 96px;
  max-height: 72px;
}

.ctOyiO7TWxvaj2cMva6s {
  position: absolute;
  bottom: 0;
  right: 0;
  background-color: rgba(0, 0, 0, 0.6);
  border-top-left-radius: var(--border-radius);
}

.pCDYhCexaZe_zujCsnng {
  color: var(--color-text-muted);
  font-size: 15px;
  padding: 3px 3px;
}

.nDkBZyovKLxzMG7K_3Tg {
  flex: 1;
  display: flex;
  flex-direction: column;
  margin-left: var(--container-padding);
  overflow: hidden;
  padding: 3px 0;
}

.Wj7Me9sY8G3TTqTAeAaj {
  flex: 1;
}

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

.oyozFDwcV8GMOumLs906 {
  font-size: 19px;
}

.PyOIw1JanvSSiLfkRkZt {
  color: var(--color-text-muted);
  font-size: 17px;
}

.HEBTYqqhv5BzgHhWH7vd {
  font-size: 15px;
  /*  for some reason composes: ellipsis; isn't working here */
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  color: var(--color-text-dim);
}

._LtmdT6l38fSEjxPLZod {
  color: var(--queued-item-color);
  text-shadow: var(--text-shadow-glow);
}

/* Buttons */
.ipO9CAddWNfj0FeLnSlg {
  cursor: pointer;
  fill: var(--song-item-btn-bg-color);
  margin-right: var(--btn-margin);
  transition: opacity .3s;
}

.YmwxQ7Vy9kTAPCo00I2U {
  fill: var(--song-item-btn-active-bg-color);
  filter: var(--song-item-btn-active-filter);
}

.vfkfHyiirpIrOwYL_VYP {
  fill: var(--color-success);
  filter: drop-shadow(0 0 5px rgba(53, 199, 89, .7));
}

.tX8eNQUgD77rREuwXWHO {
  fill: var(--btn-danger-bg-color);
  filter: var(--btn-danger-filter);
}

.ZRVZZ_1kYEKO36fznW79 {
  animation: var(--animation-bounce);
}

.v663IDTYjPo5I3LWRh5g {
  width: 32px;
  height: 32px;
  flex: 0 0 32px;
  align-self: center;
  margin: 0;
  overflow: hidden;
  border-radius: 50%;
  box-shadow: 0 0 0 1px rgba(112, 239, 255, .3);
}
.v663IDTYjPo5I3LWRh5g img, .v663IDTYjPo5I3LWRh5g svg {
  width: 32px;
  height: 32px;
  object-fit: cover;
  border-radius: 50%;
}
.nDkBZyovKLxzMG7K_3Tg { min-width: 0; }

/* Keep the requester beside the song, within the existing 72px row. */
.nDkBZyovKLxzMG7K_3Tg { padding: 0; height: 72px; }
.Wj7Me9sY8G3TTqTAeAaj { flex: 0 0 40px; min-height: 0; }
.oyozFDwcV8GMOumLs906 { line-height: 22px; }
.PyOIw1JanvSSiLfkRkZt { line-height: 18px; }
.GOpYZCqyO1FF6fy4ddVU {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
  width: 150px;
  max-width: 100%;
  height: 32px;
  flex: 0 0 32px;
}
.GOpYZCqyO1FF6fy4ddVU .HEBTYqqhv5BzgHhWH7vd { min-width: 0; }

.dwLX98gAjo7M1v5GxFPs {
  background-image: linear-gradient(to right, var(--active-item-from-bg-color), var(--active-item-to-bg-color));
  background-repeat: no-repeat;
  height: var(--queue-item-height);
  overflow: hidden;
  padding-right: 4px;
}

.CS7nJClO4iSCIF59ROLN {
  display: flex;
  flex: 1;
  margin-top: var(--container-padding);
  margin-right: 0;
  margin-bottom: var(--container-padding);
  margin-left: var(--container-padding);
  overflow: hidden;
}

.aJQ1KYxLCmAL7DPuh4V3 {
  opacity: .5;
}

.YX0TSRl1bGtzmC1vbqKM {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 72px;
  height: 72px;
  flex: 0 0 72px;
}

.KpHZB40TLsLilcPXEMSl {
  max-width: 96px;
  max-height: 72px;
}

.NboPopbzKJxFU837nY_v {
  position: absolute;
  bottom: 0;
  right: 0;
  background-color: rgba(0, 0, 0, 0.6);
  border-top-left-radius: var(--border-radius);
}

.AZMhnrLLmJ2Zn0Jg0My2 {
  color: var(--color-text-muted);
  font-size: 15px;
  padding: 3px 3px;
}

.mn6l6SzDHS4YFotSl3zf {
  flex: 1;
  display: flex;
  flex-direction: column;
  margin-left: var(--container-padding);
  overflow: hidden;
  padding: 3px 0;
}

.ZTr03m7PCAtZZpn4pcMw {
  flex: 1;
}

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

.PBhGwUh4Th_O_inMMeA9 {
  font-size: 19px;
}

.mjlcX9qZynnvGfRIJGG3 {
  color: var(--color-text-muted);
  font-size: 17px;
  display:flex;
	margin-right: 10px;
}

.plGY8z6TRo8BDaSeEorx {
}

.AaVLfSaVrHeLENJn9BE2 {
	text-align:right;
	margin-left: 10px;
	color:var(--song-item-btn-bg-color);
	flex-shrink: 0;
	flex-grow: 1;
}

.RliklAG6VcWobvQjbzPY {
  font-size: 15px;
  /*  for some reason composes: ellipsis; isn't working here */
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  color: var(--color-text-dim);
}

.TBUs9Fuf8YCBXxS0Bq3l {
  color: var(--queued-item-color);
  text-shadow: var(--text-shadow-glow);
}

/* Buttons */
.BA60HoW87yI1RpGzuPRg {
  cursor: pointer;
  fill: var(--song-item-btn-bg-color);
  margin-right: var(--btn-margin);
  transition: opacity .3s;
}

.Z97Zokizv3V8jeUjDCux {
  fill: var(--song-item-btn-active-bg-color);
  filter: var(--song-item-btn-active-filter);
}

.R_Cq5tYUBEek31yHSn9A {
  fill: var(--color-success);
  filter: drop-shadow(0 0 5px rgba(53, 199, 89, .7));
}

.pwYwZZXkWtj0w1l4eeok {
  fill: var(--btn-danger-bg-color);
  filter: var(--btn-danger-filter);
}

.EZ46gFRWjZ6BfNV1dipO {
  animation: var(--animation-bounce);
}

/* Spinner */
.KMngRCwIkXc0csYmDpRa {
	margin-right: var(--btn-margin);
	fill:var(--song-item-btn-bg-color);
	animation: Oy6tsurJCPhKddivtFxP 1500ms ease-in-out infinite;
}

@keyframes Oy6tsurJCPhKddivtFxP {
	0% { transform: rotate(0deg); }
	100% { transform: rotate(180deg); }
}

.e0I2enR4_SeKVeznXlPp {
  width: 32px;
  height: 32px;
  flex: 0 0 32px;
  align-self: center;
  margin: 0;
  overflow: hidden;
  border-radius: 50%;
  box-shadow: 0 0 0 1px rgba(112, 239, 255, .3);
}
.e0I2enR4_SeKVeznXlPp img, .e0I2enR4_SeKVeznXlPp svg {
  width: 32px;
  height: 32px;
  object-fit: cover;
  border-radius: 50%;
}
.mn6l6SzDHS4YFotSl3zf { min-width: 0; }

/* Keep the requester beside the song, within the existing 72px row. */
.mn6l6SzDHS4YFotSl3zf { padding: 0; height: 72px; }
.ZTr03m7PCAtZZpn4pcMw { flex: 0 0 40px; min-height: 0; }
.PBhGwUh4Th_O_inMMeA9 { line-height: 22px; }
.mjlcX9qZynnvGfRIJGG3 { line-height: 18px; }
.e5r6V2eZn8uATax4VpUU {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
  width: 150px;
  max-width: 100%;
  height: 32px;
  flex: 0 0 32px;
}
.e5r6V2eZn8uATax4VpUU .RliklAG6VcWobvQjbzPY { min-width: 0; }

.lvob3qs5kGWSM98tIh0L {
  transform: scale3d(0, 0, 0);
  opacity: 0;
}

.OIt1GwHgNR1S6SVHKVdd {
  transform: scale3d(1, 1, 1);
  opacity: 1;
  transition: all 500ms var(--function-ease-out-expo);
}

.WIcwij9EBdEHkZQrSy4_ {
  transform: scale3d(1, 1, 1);
  opacity: 1;
  height: var(--queue-item-height);
  transition: transform 300ms, opacity 300ms, height 500ms var(--function-ease-out-expo) 300ms;
}

.wDrTjdBqry66RezvvSg8 {
  transform: scale3d(0, 0, 0);
  opacity: 0;
  height: 0;
}


.Padnn9k33l5pvbzP493Q {
  position: relative;
  display: flex;
  align-items: stretch;
  min-width: 0;
  transform: translate3d(0, 0, 0);
  transition:
    transform 180ms cubic-bezier(.2, .8, .2, 1),
    box-shadow 180ms ease,
    opacity 180ms ease;
}

.rsSpobRcMHEUc7amJPLA {
  z-index: 30;
  opacity: .42;
  transform: scale(.985);
}

.MToTXMn6POZnn1EIuUt0 {
  position: fixed !important;
  top: -10000px;
  left: -10000px;
  z-index: 99999;
  opacity: .98;
  pointer-events: none;
  transform: scale(1.025) rotate(.25deg);
  border-radius: 10px;
  overflow: hidden;
  box-shadow:
    0 18px 42px rgba(0, 0, 0, .55),
    0 0 0 1px rgba(0, 255, 255, .18),
    0 0 24px rgba(138, 43, 226, .30),
    0 0 36px rgba(0, 255, 255, .16);
  transition:
    box-shadow 160ms ease,
    filter 160ms ease;
}

.Nk20rKPNKHDVt2t72qUP {
  box-shadow:
    0 18px 42px rgba(0, 0, 0, .58),
    0 0 0 2px var(--color-cyan-bright),
    0 0 18px rgba(0, 255, 255, .72),
    0 0 34px rgba(138, 43, 226, .62),
    0 0 54px rgba(255, 0, 127, .34);
  filter: brightness(1.08) saturate(1.08);
}

.WmEtYQBe0nLDAfM_D76n {
  border-radius: 10px;
  box-shadow:
    inset 0 0 0 1px rgba(0, 255, 255, .42),
    0 0 18px rgba(0, 255, 255, .24);
}

.hl7otsjd1HjsHQgI4mxK {
  flex: 1;
  min-width: 0;
  transition: transform 180ms cubic-bezier(.2, .8, .2, 1);
}

.Rs6LBTnRWMQU1YAy0CHJ {
  width: 34px;
  flex: 0 0 34px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 4px;
  cursor: grab;
  touch-action: none;
  user-select: none;
  opacity: .6;
}

.Rs6LBTnRWMQU1YAy0CHJ:active {
  cursor: grabbing;
  opacity: 1;
}

.Rs6LBTnRWMQU1YAy0CHJ span {
  display: block;
  width: 16px;
  height: 2px;
  border-radius: 1px;
  background: currentColor;
}


.fYFEcJVX1mPBi3mV3Ady {
  position: fixed;
  inset: 0;
  z-index: 1000;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20px;
  background: rgba(0, 0, 0, .72);
}

.rFdgDoJJBmwZQLfZqUs6 {
  width: min(92vw, 520px);
  max-height: min(88vh, 720px);
  box-sizing: border-box;
  padding: clamp(16px, 2.2vw, 22px);
  border-radius: clamp(9px, 1.2vw, 12px);
  overflow: auto;
  background: var(--color-obsidian);
  box-shadow: 0 18px 50px rgba(0, 0, 0, .55);
}

@media (max-aspect-ratio: 1/1) {
  .fYFEcJVX1mPBi3mV3Ady {
    align-items: flex-start;
    padding: 4vh 4vw;
  }

  .rFdgDoJJBmwZQLfZqUs6 {
    width: 92vw;
    max-height: 92vh;
  }

  .DZbuLvjjwSa2JhejZ9Si {
    flex-direction: column;
  }

  .DZbuLvjjwSa2JhejZ9Si button {
    width: 100%;
  }
}

@media (min-aspect-ratio: 2/1) {
  .rFdgDoJJBmwZQLfZqUs6 {
    width: min(68vw, 620px);
  }
}

@media (min-aspect-ratio: 1/1) and (max-aspect-ratio: 3/2) {
  .rFdgDoJJBmwZQLfZqUs6 {
    width: min(86vw, 560px);
  }
}

._hEFgx8ouMJTbQ7qpgvA {
  font-size: 24px;
  font-weight: 700;
  margin-bottom: 10px;
}

.eMJ8IokPi56uRHFHsXZJ {
  font-size: 18px;
  line-height: 1.35;
  margin-bottom: 6px;
}

.OK9aEf_hHTp859KHdiTA {
  color: var(--color-text-muted);
  font-size: 15px;
  margin-bottom: 14px;
}

.kv7JUXwbFdIUbsdFLGTX {
  width: 100%;
  min-height: 120px;
  box-sizing: border-box;
  resize: vertical;
  padding: 12px;
  border: 1px solid #555;
  border-radius: 8px;
  background: var(--color-midnight);
  color: var(--color-white);
  font: inherit;
  font-size: 17px;
  line-height: 1.35;
}

.kv7JUXwbFdIUbsdFLGTX:focus {
  outline: 2px solid var(--queued-item-color);
  outline-offset: 1px;
}

.HRX5Z54q80_5gBavKZXd {
  margin-top: 6px;
  color: var(--color-text-dim);
  font-size: 13px;
  text-align: right;
}

.DZbuLvjjwSa2JhejZ9Si {
  display: flex;
  justify-content: flex-end;
  gap: 10px;
  margin-top: 14px;
}

.gorYcLn4i2I96taDE4xP,
.NqHGmEMKXlK3UHCHHWNq {
  border: 0;
  border-radius: 7px;
  padding: 10px 16px;
  font: inherit;
  font-weight: 700;
  cursor: pointer;
}

.gorYcLn4i2I96taDE4xP {
  background: var(--color-midnight-blue);
  color: var(--color-white);
}

.NqHGmEMKXlK3UHCHHWNq {
  background: var(--color-violet);
  color: var(--color-white);
}

.gorYcLn4i2I96taDE4xP:disabled,
.NqHGmEMKXlK3UHCHHWNq:disabled {
  cursor: default;
  opacity: .45;
}

/* Shared energetic display lettering with gold welding sparks. */
.eMJ8IokPi56uRHFHsXZJ,
.fYmc9HcSpSXokvuM5H9d {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  padding: 18px 6px;
  margin: 0 0 8px;
  color: #fffdf0;
  font-size: clamp(28px, 6vw, 44px);
  font-family: Impact, 'Arial Black', 'Raleway', sans-serif;
  font-weight: 900;
  font-style: italic;
  line-height: 1.15;
  letter-spacing: .045em;
  text-align: center;
  transform: rotate(-3deg);
  text-shadow: 0 0 2px #fff, 0 0 7px #fff6cc, 0 0 16px #ffd34d, 0 0 30px #ffad00, 2px 3px 0 #6b3900;
  animation: gHD_Xp1RqefhT_f0SmhL 1.8s ease-in-out infinite alternate;
}
.eMJ8IokPi56uRHFHsXZJ::after,
.fYmc9HcSpSXokvuM5H9d::after {
  content: '';
  position: absolute;
  inset: 0;
  pointer-events: none;
  background:
    radial-gradient(ellipse at 15% 70%, #fff 0 1px, #ffd34d 2px, transparent 4px),
    radial-gradient(ellipse at 32% 20%, #fff 0 1px, #ffc400 2px, transparent 4px),
    radial-gradient(ellipse at 72% 75%, #fff 0 1px, #ffd34d 2px, transparent 4px),
    radial-gradient(ellipse at 90% 30%, #fff 0 1px, #ffc400 2px, transparent 4px);
  filter: drop-shadow(0 0 4px #ffbf00);
  animation: cmwzeutOzA3W98htbl7d 1.4s ease-out infinite;
}
@keyframes gHD_Xp1RqefhT_f0SmhL {
  from { color: #fffdf0; filter: brightness(1); }
  to { color: #fff; filter: brightness(1.2); }
}
@keyframes cmwzeutOzA3W98htbl7d {
  0% { opacity: 0; transform: translateY(8px) scale(.88); }
  20% { opacity: 1; }
  100% { opacity: 0; transform: translateY(-12px) scale(1.12); }
}
@media (prefers-reduced-motion: reduce) {
  .eMJ8IokPi56uRHFHsXZJ, .eMJ8IokPi56uRHFHsXZJ::after, .fYmc9HcSpSXokvuM5H9d, .fYmc9HcSpSXokvuM5H9d::after { animation: none; }
}

.rFdgDoJJBmwZQLfZqUs6 { position: relative; }
.rFdgDoJJBmwZQLfZqUs6 .eMJ8IokPi56uRHFHsXZJ {
  width: calc(100% - 52px);
  box-sizing: border-box;
  margin: 0 52px 12px 0;
  padding: 10px 2px;
  font-size: clamp(20px, 5.6vw, 34px);
  line-height: 1.15;
  letter-spacing: 0;
  text-align: left;
  transform: skewX(-5deg);
  white-space: nowrap;
}
button.wmQmgkQ6qRJbGdzozYaB {
  position: absolute;
  top: 10px;
  right: 10px;
  width: 44px;
  height: 44px;
  padding: 10px;
  border: 1px solid #ffd34d;
  border-radius: 50%;
  background: #20132b;
  color: #fff5c5;
  box-shadow: 0 0 10px #ffbc0060;
  z-index: 2;
}
.wmQmgkQ6qRJbGdzozYaB svg { width: 100%; height: 100%; fill: none; stroke: currentColor; stroke-width: 3; stroke-linecap: round; }
.wmQmgkQ6qRJbGdzozYaB:focus-visible { outline: 3px solid #fff; outline-offset: 2px; }
.wmQmgkQ6qRJbGdzozYaB:disabled { opacity: .45; cursor: default; }
.fYmc9HcSpSXokvuM5H9d { display: block; margin: 0; padding: 8px 4px; font-size: clamp(28px, 6vw, 40px); text-transform: uppercase; }
button.NqHGmEMKXlK3UHCHHWNq { background: #24132d; border: 2px solid #ffcf4d; box-shadow: 0 0 14px #ffb00065, inset 0 0 12px #ffb00025; }
button.NqHGmEMKXlK3UHCHHWNq:disabled { box-shadow: none; }
.NqHGmEMKXlK3UHCHHWNq:disabled .fYmc9HcSpSXokvuM5H9d, .NqHGmEMKXlK3UHCHHWNq:disabled .fYmc9HcSpSXokvuM5H9d::after { animation: none; }

.VFtT8g9ZY2QPLW_c7CcG { position: relative; margin-top: 6px; }
.VFtT8g9ZY2QPLW_c7CcG .HRX5Z54q80_5gBavKZXd { position: absolute; right: 0; top: 0; margin: 0; font-size: 11px; z-index: 1; }
.DZbuLvjjwSa2JhejZ9Si { margin-top: 8px; display: block; }
.DZbuLvjjwSa2JhejZ9Si .NqHGmEMKXlK3UHCHHWNq { width: 100%; min-height: 64px; padding: 6px 12px; }


.l7ktxYPLWlm19beF0jtx { display: flex; align-items: center; flex-direction: column; gap: 10px; margin: 18px 0; }
.RzZ8CODXQT2Uoh4RZUP3.RzZ8CODXQT2Uoh4RZUP3 {
  position: relative; width: 120px; height: 120px; padding: 4px;
  border: 0; background: transparent; box-shadow: none; touch-action: none;
  user-select: none; -webkit-user-select: none; -webkit-touch-callout: none;
  filter: drop-shadow(0 0 12px #ff00ca); cursor: pointer;
}
.RzZ8CODXQT2Uoh4RZUP3 svg { width: 100%; height: 100%; fill: #ffca28; stroke: #ff66de; stroke-width: 3; }
.RzZ8CODXQT2Uoh4RZUP3:disabled { filter: grayscale(1); opacity: .35; cursor: default; }
.RzZ8CODXQT2Uoh4RZUP3:focus-visible { outline: 3px solid #00ffff; border-radius: 18px; }
.Q7JAkWU2iZuGAj1Ipb3z { animation: kxl_dWo4rTehLiYhLIl7 .8s ease-in-out infinite alternate; }
.Q7JAkWU2iZuGAj1Ipb3z svg { fill: #ff267e; stroke: #00ffff; }
.NV6HD66FAQhrrFxDuSqK { position: absolute; right: -4px; bottom: 0; display: grid; place-items: center; min-width: 38px; height: 28px; padding: 0 7px; border: 2px solid #fff4bb; border-radius: 14px; background: #180028; box-shadow: 0 0 10px #ffca28; font-size: 14px; font-weight: 900; color: #fff4bb; pointer-events: none; }
.dZMHlrPq67XExBfgpRkS { text-align: center; font-size: 14px; line-height: 1.4; }
.DVFDp1CDiXhnHz4q8VOp { width: 150px; height: 150px; object-fit: cover; border-radius: 50%; border: 3px solid #00ffff; transform: scaleX(-1); }
@keyframes kxl_dWo4rTehLiYhLIl7 { from { transform: scale(.94) rotate(-5deg); } to { transform: scale(1.06) rotate(5deg); } }
@media (prefers-reduced-motion: reduce) { .Q7JAkWU2iZuGAj1Ipb3z { animation: none; } }

/* Compact recording toolbar directly below the writing field. */
.l7ktxYPLWlm19beF0jtx { position: relative; flex-direction: row; min-height: 54px; gap: 10px; margin: 0; padding-right: 42px; }
.RzZ8CODXQT2Uoh4RZUP3.RzZ8CODXQT2Uoh4RZUP3 { width: 52px; height: 52px; flex: 0 0 52px; padding: 1px; }
.NV6HD66FAQhrrFxDuSqK { right: -3px; bottom: -1px; min-width: 22px; height: 16px; padding: 0 3px; border-width: 1px; font-size: 9px; }
.dZMHlrPq67XExBfgpRkS { text-align: left; font-size: 11px; line-height: 1.25; flex: 1; }
.DVFDp1CDiXhnHz4q8VOp { position: absolute; bottom: 60px; left: 0; width: 64px; height: 64px; z-index: 3; }
.l7ktxYPLWlm19beF0jtx > p { position: absolute; top: 100%; left: 0; right: 0; z-index: 4; padding: 8px; margin: 0; background: #291524; border: 1px solid #ff7389; border-radius: 6px; font-size: 12px; }

/* Both contribution stars share the same geometry, glow and badge. */
a.RzZ8CODXQT2Uoh4RZUP3.RzZ8CODXQT2Uoh4RZUP3 { display: inline-flex; box-sizing: border-box; text-decoration: none; margin: 0; }
.RzZ8CODXQT2Uoh4RZUP3[aria-disabled='true'] { filter: grayscale(1); opacity: .35; cursor: default; }

.OhzNond2XJ42EmjwDrqg {
  position: fixed;
  left: 0;
  right: 0;
  display: grid;
  grid-template-columns: 210px minmax(0, 1fr) 260px;
  gap: 8px;
  min-height: 0;
  padding: 8px;
  overflow: hidden;
  background: #07090f;
  color: #f6f5fa;
  font: 15px/1.5 'Segoe UI', system-ui, sans-serif;
}
.OhzNond2XJ42EmjwDrqg a:focus-visible,
.OhzNond2XJ42EmjwDrqg button:focus-visible { outline: 3px solid #00e5ff; outline-offset: 3px; }
.nKD40KjX5iHa1JtlvuB7, .SkMTtnvTKUzMUfYUqHkZ {
  min-width: 0;
  min-height: 0;
  padding: 22px 16px;
  overflow-y: auto;
  background: #10131b;
  border-top: 2px solid #00e5ff66;
  border-radius: 12px;
  scrollbar-color: #42475e transparent;
}
.V7AO7rHVqAstkP1K4Adz {
  margin-bottom: 36px;
  font-size: 23px;
  font-weight: 900;
  font-style: italic;
  letter-spacing: -1px;
  line-height: 1.15;
  text-shadow: -2px 1px 0 #00e5ff, 2px -1px 0 #ff2bd6;
}
.V7AO7rHVqAstkP1K4Adz span {
  display: block;
  margin-top: 5px;
  color: #00e5ff;
  font-size: 9px;
  font-style: normal;
  letter-spacing: 3px;
  text-shadow: none;
}
.OAToxBgj3XHFDpbbFdIh {
  display: block;
  margin: 28px 0 12px;
  color: #98a1b6;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 2px;
}
.XL0zjQNwC367Bw7xuQKE, .TGjYNYBTuG9eAzZctpU5 {
  display: block;
  width: 100%;
  padding: 12px 10px;
  border-radius: 8px;
  color: #d9dce9;
  font-size: 13px;
  font-weight: 600;
  text-decoration: none;
}
.XL0zjQNwC367Bw7xuQKE {
  background: linear-gradient(95deg, #6d22af, #9e198f);
  box-shadow: inset 3px 0 0 #ff2bd6;
  color: #fff;
}
.TGjYNYBTuG9eAzZctpU5:hover { color: #00e5ff; background: #222638; }
.zmXDRLXN6chcug4N_iwQ {
  padding: 15px 13px;
  border: 1px solid #963cff44;
  border-radius: 10px;
  background: linear-gradient(135deg, #20203a, #172a34);
  overflow-wrap: anywhere;
}
.zmXDRLXN6chcug4N_iwQ span {
  display: block;
  color: #00e5ff;
  font-size: 9px;
  font-weight: 800;
  letter-spacing: 1.7px;
}
.zmXDRLXN6chcug4N_iwQ strong { display: block; margin: 5px 0 4px; font-size: 18px; line-height: 1.25; }
.zmXDRLXN6chcug4N_iwQ small { color: #a4adc2; font-size: 12px; }
.jNcvJO2jY33s46RQ9Phb {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px 4px;
  color: #b6bfd0;
  font-size: 12px;
  border-bottom: 1px solid #ffffff11;
}
.jNcvJO2jY33s46RQ9Phb strong { color: #fff; font-size: 19px; }
.GDgeboA4Kj7buy7ZXXKM {
  min-width: 0;
  min-height: 0;
  padding: 24px clamp(18px, 2.2vw, 34px) 45px;
  overflow-y: auto;
  background:
    radial-gradient(ellipse at 0 0, #00e5ff0c, transparent 40%),
    radial-gradient(ellipse at 100% 0, #ff2bd613, transparent 42%),
    #10131b;
  border-top: 2px solid #963cff;
  border-radius: 12px;
  scrollbar-color: #42475e transparent;
}
.G9vnflQS5pS9I7GUnbRp {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  margin-bottom: 18px;
}
.G9vnflQS5pS9I7GUnbRp > span, .Bftiwjjb3Rujpwy4ES7M span {
  color: #00e5ff;
  font-size: 10px;
  font-weight: 800;
  letter-spacing: 2px;
}
.Y3C4Go9vEwxmGItq0zLW {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  min-height: 44px;
  padding: 10px 20px;
  color: #fff;
  font-size: 13px;
  font-weight: 800;
  text-decoration: none;
  border: 1px solid #ff2bd660;
  border-radius: 24px;
  background: linear-gradient(110deg, #7322bc, #b70b86);
  box-shadow: 0 5px 20px #641ba52b;
}
.Y3C4Go9vEwxmGItq0zLW:hover { color: #fff; background: linear-gradient(110deg, #8931dc, #d312a3); }
.XsoloKIEl4l7ei3OMqoh {
  position: relative;
  display: flex;
  align-items: center;
  min-height: 187px;
  margin-bottom: 18px;
  padding: 26px 28px;
  overflow: hidden;
  border: 1px solid #963cff78;
  border-radius: 12px;
  background:
    radial-gradient(ellipse at 87% 50%, #a629ba55, transparent 45%),
    linear-gradient(105deg, #181b33 0%, #211438 64%, #35113b 100%);
  box-shadow: inset 0 -2px 0 #ff2bd65b, 0 9px 24px #00000030;
}
.vXz_qGDBjGctLDHWHe0x { position: relative; z-index: 1; }
.mUo4f3A1FtMTqtfMABld { color: #00e5ff; font-size: 10px; font-weight: 800; letter-spacing: 2.6px; }
.XsoloKIEl4l7ei3OMqoh h1 {
  display: flex;
  align-items: center;
  gap: 12px;
  margin: 10px 0 9px;
  font-size: clamp(28px, 3.2vw, 43px);
  font-weight: 850;
  line-height: 1.12;
  letter-spacing: -1.5px;
}
.jKBQyF3VFFt2pQ3rfcGp {
  flex: 0 0 9px;
  width: 9px;
  height: 9px;
  border-radius: 50%;
  background: #ff2bd6;
  box-shadow: 0 0 0 5px #ff2bd61d, 0 0 17px #ff2bd6;
}
.XsoloKIEl4l7ei3OMqoh p { margin: 0; max-width: 440px; color: #c3c5d7; font-size: 13px; line-height: 1.5; }
.HqzcfcxTz8lflTSOyg2Q {
  position: absolute;
  right: 20px;
  bottom: 0;
  top: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  width: 32%;
  opacity: .78;
  transform: rotate(-12deg) scale(1.1);
  pointer-events: none;
}
.HqzcfcxTz8lflTSOyg2Q i {
  width: clamp(5px, .6vw, 10px);
  height: 40%;
  border-radius: 20px;
  background: linear-gradient(#ff2bd6, #8836e6 58%, #00e5ff);
  box-shadow: 0 0 20px #b329ee66;
}
.HqzcfcxTz8lflTSOyg2Q i:nth-child(2), .HqzcfcxTz8lflTSOyg2Q i:nth-child(8) { height: 58%; }
.HqzcfcxTz8lflTSOyg2Q i:nth-child(3), .HqzcfcxTz8lflTSOyg2Q i:nth-child(7) { height: 29%; }
.HqzcfcxTz8lflTSOyg2Q i:nth-child(4), .HqzcfcxTz8lflTSOyg2Q i:nth-child(6) { height: 72%; }
.HqzcfcxTz8lflTSOyg2Q i:nth-child(5) { height: 87%; }
.TG_Bds580L8kznu4m8ew { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; margin: 0 0 28px; }
.X8tp4eUzwYjUSUi9rcrz {
  min-width: 0;
  padding: 15px 17px;
  border: 1px solid #ffffff0e;
  border-radius: 10px;
  background: #1a1e2b;
}
.X8tp4eUzwYjUSUi9rcrz:nth-child(2) { border-top: 2px solid #963cff; }
.X8tp4eUzwYjUSUi9rcrz:nth-child(3) { border-top: 2px solid #ff2bd6; }
.X8tp4eUzwYjUSUi9rcrz span {
  display: block;
  color: #aeb6c9;
  font-size: 9px;
  font-weight: 800;
  letter-spacing: 1.3px;
}
.X8tp4eUzwYjUSUi9rcrz strong {
  display: block;
  margin: 3px 0;
  color: #fff;
  font-size: 29px;
  font-variant-numeric: tabular-nums;
  line-height: 1.2;
}
.X8tp4eUzwYjUSUi9rcrz small { color: #9da4b7; font-size: 11px; }
.WpWSehdeJKYDHDq3OqbA { padding-bottom: 30px; }
.Bftiwjjb3Rujpwy4ES7M { display: flex; justify-content: space-between; align-items: end; gap: 10px; margin: 0 0 17px; }
.Bftiwjjb3Rujpwy4ES7M h2 { margin: 4px 0 0; font-size: 24px; font-weight: 750; letter-spacing: -.55px; }
.Bftiwjjb3Rujpwy4ES7M small { color: #9ba8c2; font-size: 12px; white-space: nowrap; }
.c_ToZIebR5TmH2w8cuzr {
  padding: 40px 22px;
  border: 1px dashed #626189;
  border-radius: 12px;
  background: #181b2a;
  text-align: center;
}
.c_ToZIebR5TmH2w8cuzr h2 { margin: 0 0 8px; font-size: 24px; }
.c_ToZIebR5TmH2w8cuzr p { margin: 0 0 20px; color: #b2b7cb; }
.c_ToZIebR5TmH2w8cuzr a {
  display: inline-block;
  padding: 12px 20px;
  color: #fff;
  text-decoration: none;
  background: #7926ba;
  border-radius: 24px;
}
.chlZkaDGpXZi1ZcUiBDh { margin: 20px 7px; color: #97a3b7; font-size: 12px; }
.SkMTtnvTKUzMUfYUqHkZ > .OAToxBgj3XHFDpbbFdIh:first-child { margin-top: 2px; color: #ffd66b; }
.SkMTtnvTKUzMUfYUqHkZ h2 { margin: 4px 0 20px; font-size: 22px; line-height: 1.15; letter-spacing: -.3px; }
.iBLIBVIpnZPUGEdvyW_e {
  padding: 16px;
  overflow: hidden;
  border: 1px solid #ff2bd655;
  border-radius: 11px;
  background: linear-gradient(145deg, #34163b, #152333 90%);
}
.kE7TrW8ZJeB4a0rD45_5 { display: flex; align-items: center; justify-content: space-between; gap: 8px; }
.kE7TrW8ZJeB4a0rD45_5 img { max-width: 72px; max-height: 72px; border-radius: 9px; object-fit: cover; }
.kE7TrW8ZJeB4a0rD45_5 span { color: #ff8fe8; font-size: 9px; font-weight: 800; letter-spacing: 1.4px; text-align: right; }
.iBLIBVIpnZPUGEdvyW_e h3 { margin: 16px 0 4px; font-size: 21px; line-height: 1.25; overflow-wrap: anywhere; }
.iBLIBVIpnZPUGEdvyW_e p { margin: 0; color: #b8c1d5; font-size: 13px; }
.icw0U_Ds05mzck4zwAOB { margin-top: 16px; padding-top: 14px; border-top: 1px solid #ffffff24; color: #9ca7c1; font-size: 12px; }
.icw0U_Ds05mzck4zwAOB strong { display: block; margin-top: 2px; color: #fff; font-size: 14px; }
.uiu4dd5tR7w_pFm7Y9W4 { padding: 22px 16px; border: 1px dashed #78469c; border-radius: 11px; background: #1d1b30; }
.uiu4dd5tR7w_pFm7Y9W4 strong { color: #d9adfc; font-size: 12px; letter-spacing: 1.1px; }
.uiu4dd5tR7w_pFm7Y9W4 p, .f6z4DlqCbk_LV2n9uLoA { margin: 8px 0 0; color: #a7b0c5; font-size: 13px; line-height: 1.5; }
.Xw8yHeE4S7dhUFiECUAy { height: 1px; margin: 27px 0; background: #ffffff19; }
.s0OvpxLdYyYVZ0UGQanW { display: flex; align-items: flex-start; gap: 10px; margin-bottom: 18px; }
.LsvlFAduMUTzgtaqoj5P { flex: 0 0 26px; color: #00e5ff; font-size: 13px; font-weight: 800; line-height: 1.5; font-variant-numeric: tabular-nums; }
.s0OvpxLdYyYVZ0UGQanW > div { min-width: 0; }
.s0OvpxLdYyYVZ0UGQanW strong { display: block; font-size: 13px; line-height: 1.35; overflow-wrap: anywhere; }
.s0OvpxLdYyYVZ0UGQanW small { display: block; margin-top: 4px; color: #9ba5b8; font-size: 11px; overflow-wrap: anywhere; }
.URuDI3x42p5275Az47Wn {
  margin-top: 34px;
  padding: 16px;
  border-top: 2px solid #ffd66b;
  border-radius: 10px;
  background: linear-gradient(145deg, #291a3b, #152935);
}
.URuDI3x42p5275Az47Wn span { color: #ffd66b; font-size: 9px; font-weight: 800; letter-spacing: 1.2px; }
.URuDI3x42p5275Az47Wn strong { display: block; margin: 9px 0; color: #eff6ff; font-size: 17px; line-height: 1.2; }
.URuDI3x42p5275Az47Wn p { margin: 0; color: #aeb4c7; font-size: 12px; line-height: 1.5; }

@media (max-width: 1250px) {
  .OhzNond2XJ42EmjwDrqg { grid-template-columns: 180px minmax(0, 1fr); }
  .SkMTtnvTKUzMUfYUqHkZ { display: none; }
}
@media (max-width: 850px) {
  .OhzNond2XJ42EmjwDrqg { display: block; padding: 0; overflow-y: auto; overscroll-behavior: contain; }
  .nKD40KjX5iHa1JtlvuB7, .SkMTtnvTKUzMUfYUqHkZ { display: none; }
  .GDgeboA4Kj7buy7ZXXKM {
    min-height: 100%;
    padding: 18px 16px 45px;
    overflow: visible;
    border-radius: 0;
  }
  .XsoloKIEl4l7ei3OMqoh { min-height: 148px; padding: 22px; }
  .XsoloKIEl4l7ei3OMqoh h1 { font-size: clamp(27px, 7vw, 37px); }
  .XsoloKIEl4l7ei3OMqoh p { max-width: 275px; font-size: 12px; }
  .HqzcfcxTz8lflTSOyg2Q { width: 34%; opacity: .4; right: 0; }
  .TG_Bds580L8kznu4m8ew { gap: 7px; margin-bottom: 25px; }
  .X8tp4eUzwYjUSUi9rcrz { padding: 12px 9px; }
  .X8tp4eUzwYjUSUi9rcrz span { font-size: 8px; letter-spacing: .6px; }
  .X8tp4eUzwYjUSUi9rcrz strong { font-size: 25px; }
  .X8tp4eUzwYjUSUi9rcrz small { font-size: 10px; }
  .Bftiwjjb3Rujpwy4ES7M h2 { font-size: 21px; }
}
@media (max-width: 440px) {
  .G9vnflQS5pS9I7GUnbRp > span { font-size: 8px; letter-spacing: 1px; }
  .Y3C4Go9vEwxmGItq0zLW { font-size: 12px; padding: 10px 13px; }
}
@media (prefers-reduced-motion: reduce) {
  .jKBQyF3VFFt2pQ3rfcGp { box-shadow: none; }
}