:root {
  color-scheme: dark;
  background: #131516;
}
html,
body,
#root {
  background: #131516;
}
body {
  -webkit-font-smoothing: antialiased;
}
a:focus-visible,
[role="button"]:focus-visible,
input:focus-visible,
textarea:focus-visible,
video:focus-visible,
[tabindex="0"]:focus-visible {
  outline: 3px solid #77c7be !important;
  outline-offset: 3px;
}
a,
[role="button"],
input,
textarea {
  scroll-margin: 12px;
}
a {
  overflow-wrap: anywhere;
}
::selection {
  background: #ff8a65;
  color: #171717;
}
input,
textarea {
  caret-color: #ff8a65;
}
input:-webkit-autofill {
  -webkit-text-fill-color: #f5f1eb;
  box-shadow: 0 0 0 1000px #202627 inset;
}
[data-testid="featured-track"] {
  scroll-snap-type: x mandatory;
  overscroll-behavior-x: contain;
}
[data-testid="featured-slide"] {
  scroll-snap-align: start;
}
@media (hover: hover) {
  a:hover {
    text-decoration-thickness: 2px;
  }
}
@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    scroll-behavior: auto !important;
    transition: none !important;
  }
}