/*! tailwindcss v4.0.0-beta.1 | MIT License | https://tailwindcss.com */
body.legacy-browser {
  background-color: #070917;
  color: #efeff2;
}
.legacy-browser .btn-addtoplaylist {
}
.legacy-browser [x-data="themeToggle"] {
  display: none;
}
.legacy-browser .nav-item, .legacy-browser a {
  color: #fff;
}
.legacy-browser .btn-similar {
  visibility: hidden;
}
.legacy-browser #player-container {
  background-color: #070917;
}
.legacy-browser #player-container > .flex.w-full {
  max-width: 300px;
}
.legacy-browser .result .col1 {
  min-width: 76px;
  justify-content: center;
  gap: 0rem;
}
.legacy-browser #player {
  bottom: 0;
}
.legacy-browser [popover] {
  display: none;
}
.legacy-browser #audioPlayer #player-title {
  color: #fff;
}
.legacy-browser .btn-playpause {
  left: -.5rem;
  color: #dfdfef !important;
}
.legacy-browser #audioPlayer button {
  color: #fff;
}
.legacy-browser #audioPlayer .w-14 {
  position: relative;
}
.legacy-browser button[role="combobox"] {
  background-color: #17172a !important;
  color: #afb2bf;
}
body.legacy-browser .bg-\[\#111419\], .legacy-browser .dark\:bg-\[\#12151c\], .legacy-browser .toggle-open {
  background-color: #111419;
  border-color: #22262e;
}
.legacy-browser .result button {
  background: transparent;
}
.legacy-browser button.border-button {
  background-color: transparent;
  color: #afb2bf;
  border: 1px solid#4f575f;
}
.legacy-browser .space-x-1 {
  gap: .25rem;
}
.legacy-browser .shadow-xl, .legacy-browser .shadow-2xl {
  box-shadow: 0 0 0 1px #000;
}
.legacy-browser .backdrop-blur-md {
  -webkit-backdrop-filter: blur(0);
          backdrop-filter: blur(0);
  background-color: #17172a;
  color: #afb2bf;
}
.legacy-browser .backdrop-blur-md li {
  color: #afb2bf;
}
.legacy-browser #sidebar-user span {
  color: #afb2bf;
}
.legacy-browser #sidebar-user-menu {
  left: 212px;
}
.legacy-browser input, .legacy-browser textarea {
  background: #17172a;
  color: #afb2bf;
}
.legacy-browser footer.container > section {
  border-color: #17172a;
}
.legacy-browser .dark\:hidden {
  display: none;
}
.legacy-browser [x-ref="tabButtons"] {
  border-color: #17172a;
}
.legacy-browser [x-ref="tabButtons"] .w-full.h-full {
  background-color: #17172a;
}
.legacy-browser .dark\:inline-block {
  display: inline-block;
}
.legacy-browser .release-header {
  background: #030813;
  color: #afb2bf;
}
.legacy-browser .btn-addtocrate {
  border-color: #17172a;
  margin-right: 0;
  padding-left: .5rem;
}
.legacy-browser .download-container {
  border-color: #17172a;
}
.legacy-browser [x-show="open"].absolute {
  background: #070917;
  color: #afb2bf;
}
.legacy-browser [x-show="open"].absolute button {
  color: #afb2bf;
  white-space: nowrap;
}
.legacy-browser .dark\:text-zinc-100 {
  color: #efeff2;
}
.legacy-browser [x-show="open"].absolute .border-t, .legacy-browser [x-show="open"].absolute .border-b {
  border-color: #17172a;
}
.legacy-browser .dark\:bg-zinc-600\/50 {
  background-color: #17172a;
}
.legacy-browser .dark\:bg-zinc-950\/50 {
  background-color: #0f1317cc;
}
.legacy-browser .dark\:text-zinc-300\/70 {
  color: #afb2bf;
}
.legacy-browser .space-x-4 {
  gap: 1rem;
}
@media (min-width: 768px) {
  .legacy-browser .md\:max-w-48 {
    max-width: 240px;
  }
  .legacy-browser #player-container > .flex.w-full {
    background: transparent;
    max-width: 50%;
    position: relative;
    top: 0;
  }
  .legacy-browser .md\:flex {
    display: flex;
  }
  .legacy-browser .result {
    padding-top: .5rem;
    padding-bottom: .5rem;
  }
  .legacy-browser .md\:grid-cols-2 {
    grid-template-columns: 1fr 1fr;
  }
  .legacy-browser .btn-download {
    padding-right: 1rem;
  }
  .legacy-browser footer.container {
    padding-left: 16rem;
  }
  .legacy-browser .md\:grid-cols-4 {
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }
  .legacy-browser .md\:gap-4 {
    gap: 1rem;
  }
}
@media (min-width: 1024px) {
  .legacy-browser .lg\:pl-56 {
    padding-left: 14rem;
  }
  .legacy-browser .lg\:max-w-md {
    max-width: 480px;
  }
  #audioPlayer {
    bottom: 0;
  }
  .legacy-browser .lg\:top-\[76px\] {
    top: 76px;
  }
  .legacy-browser .lg\:bottom-\[76px\] {
    bottom: 76px;
  }
  .legacy-browser .lg\:max-h-\[320px\] {
    max-height: 320px;
    padding-top: 2rem;
  }
  .legacy-browser .lg\:grid-cols-4 {
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }
  .legacy-browser .lg\:h-\[420px\] {
    height: 420px;
  }
}
@media (min-width: 1280px) {
  .legacy-browser .xl\:grid-cols-5 {
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  }
}