/* [project]/src/components/site/chrome.module.css [app-client] (css) */
.chrome-module__5E7qqa__page {
  flex-direction: column;
  flex: 1;
  align-items: center;
  padding: 24px;
  display: flex;
}

.chrome-module__5E7qqa__appShell {
  flex-direction: column;
  gap: 24px;
  width: 100%;
  display: flex;
}

.chrome-module__5E7qqa__appShellTop {
  flex-direction: column;
  display: flex;
}

.chrome-module__5E7qqa__appShellSidebar {
  grid-template-columns: minmax(280px, 320px) minmax(0, 1fr);
  align-items: start;
  display: grid;
}

.chrome-module__5E7qqa__appSidebar, .chrome-module__5E7qqa__appMain {
  border: 1px solid var(--border);
  -webkit-backdrop-filter: blur(20px);
  backdrop-filter: blur(20px);
  box-shadow: 0 30px 100px #0000006b;
}

.chrome-module__5E7qqa__appSidebar {
  background: radial-gradient(circle at 0 0, #d5a84c29, #0000 32%), linear-gradient(#0b0907f7, #070605fa);
  border-radius: 32px;
  flex-direction: column;
  gap: 18px;
  width: 100%;
  padding: 24px;
  display: flex;
}

.chrome-module__5E7qqa__appSidebarTopNav {
  position: static;
}

.chrome-module__5E7qqa__appSidebarLeft {
  position: sticky;
  top: 24px;
}

.chrome-module__5E7qqa__appSidebarTop {
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  display: flex;
}

.chrome-module__5E7qqa__appSidebarContent {
  flex-direction: column;
  gap: 18px;
  display: flex;
}

.chrome-module__5E7qqa__appMain {
  background: radial-gradient(circle at 0 0, #d5a84c29, #0000 24%), radial-gradient(circle at 100%, #d5a84c14, #0000 30%), linear-gradient(#0d0a07f5, #060504fa);
  border-radius: 36px;
  flex-direction: column;
  gap: 28px;
  min-width: 0;
  padding: 28px;
  display: flex;
}

.chrome-module__5E7qqa__header, .chrome-module__5E7qqa__main, .chrome-module__5E7qqa__footer {
  width: 100%;
  display: flex;
}

.chrome-module__5E7qqa__main {
  border: 1px solid var(--border);
  -webkit-backdrop-filter: blur(20px);
  backdrop-filter: blur(20px);
  border-radius: 36px;
  flex-direction: column;
  gap: 32px;
  padding: 32px;
  box-shadow: 0 30px 100px #0000006b;
}

.chrome-module__5E7qqa__maxDefault {
  max-width: 1180px;
}

.chrome-module__5E7qqa__maxWide {
  max-width: 1280px;
}

.chrome-module__5E7qqa__maxXl {
  max-width: 1320px;
}

.chrome-module__5E7qqa__maxFull {
  max-width: min(1600px, 100vw - 40px);
}

.chrome-module__5E7qqa__darkMain {
  background: radial-gradient(circle at 0 0, #d5a84c2e, #0000 24%), radial-gradient(circle at 100%, #d5a84c14, #0000 30%), linear-gradient(#0d0a07f5, #060504fa);
}

.chrome-module__5E7qqa__header {
  z-index: 10;
  border: 1px solid var(--border);
  -webkit-backdrop-filter: blur(20px);
  backdrop-filter: blur(20px);
  background: #0a0805cc;
  border-radius: 24px;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 20px;
  padding: 18px 24px;
  position: sticky;
  top: 16px;
  box-shadow: 0 18px 50px #00000052;
}

.chrome-module__5E7qqa__footer {
  border: 1px solid var(--border);
  -webkit-backdrop-filter: blur(20px);
  backdrop-filter: blur(20px);
  background: radial-gradient(circle at 0 0, #d5a84c24, #0000 24%), linear-gradient(#090806f2, #060504fa);
  border-radius: 32px;
  flex-direction: column;
  gap: 24px;
  margin-top: 20px;
  padding: 28px;
  box-shadow: 0 24px 70px #00000057;
}

.chrome-module__5E7qqa__footerTop, .chrome-module__5E7qqa__footerBottom {
  width: 100%;
  display: flex;
}

.chrome-module__5E7qqa__footerTop {
  justify-content: space-between;
  align-items: flex-start;
  gap: 32px;
}

.chrome-module__5E7qqa__footerBottom {
  border-top: 1px solid #d5a84c1f;
  padding-top: 20px;
}

.chrome-module__5E7qqa__footerBrand, .chrome-module__5E7qqa__footerNavBlock {
  flex-direction: column;
  gap: 16px;
  display: flex;
}

.chrome-module__5E7qqa__footerBrand {
  max-width: 720px;
}

.chrome-module__5E7qqa__footerNavBlock {
  min-width: 220px;
}

.chrome-module__5E7qqa__footerNav {
  flex-direction: column;
  gap: 10px;
  display: flex;
}

.chrome-module__5E7qqa__footerBody, .chrome-module__5E7qqa__footerLegal {
  color: var(--foreground-soft);
  line-height: 1.8;
}

.chrome-module__5E7qqa__footerFallback {
  color: var(--foreground-soft);
  line-height: 1.7;
}

.chrome-module__5E7qqa__footerLink {
  color: #fff8e7d6;
  letter-spacing: .08em;
  text-transform: uppercase;
  font-size: .96rem;
}

.chrome-module__5E7qqa__logoLink {
  align-items: center;
  display: flex;
}

.chrome-module__5E7qqa__brandRow {
  align-items: center;
  gap: 16px;
  display: flex;
}

.chrome-module__5E7qqa__brandAccessory {
  align-items: center;
  display: flex;
}

.chrome-module__5E7qqa__brandRowInline {
  flex: 1;
  justify-content: space-between;
  min-width: 0;
}

.chrome-module__5E7qqa__logo {
  width: auto;
  height: 42px;
}

.chrome-module__5E7qqa__nav {
  flex-wrap: wrap;
  align-items: center;
  gap: 20px;
  display: flex;
}

.chrome-module__5E7qqa__navLink {
  color: #fff8e7d1;
  letter-spacing: .1em;
  text-transform: uppercase;
  font-size: .95rem;
}

.chrome-module__5E7qqa__hero {
  flex-direction: column;
  gap: 18px;
  display: flex;
}

.chrome-module__5E7qqa__appSidebarIntro {
  grid-template-columns: minmax(260px, 360px) minmax(0, 1fr);
  align-items: end;
  gap: 18px 28px;
  display: grid;
}

.chrome-module__5E7qqa__appSidebarIntroSidebar {
  flex-direction: column;
  align-items: flex-start;
  gap: 14px;
  display: flex;
}

.chrome-module__5E7qqa__appSidebarIntroSidebar .chrome-module__5E7qqa__appTitle {
  font-size: clamp(.9rem, 1.2vw, 1rem);
  line-height: 1.05;
}

.chrome-module__5E7qqa__appTitle {
  font-family: var(--font-barlow-condensed), sans-serif;
  letter-spacing: .03em;
  text-transform: uppercase;
  color: var(--foreground-strong);
  font-size: clamp(1.5rem, 2.6vw, 2rem);
  line-height: .95;
}

.chrome-module__5E7qqa__appTitleInline {
  letter-spacing: .08em;
  text-align: left;
  flex: 1;
  min-width: 0;
  font-size: clamp(.95rem, 1.2vw, 1.1rem);
  line-height: 1;
}

.chrome-module__5E7qqa__appDescription {
  color: var(--foreground-soft);
  font-size: .95rem;
  line-height: 1.7;
}

.chrome-module__5E7qqa__appNavGroups, .chrome-module__5E7qqa__appNavGroup {
  flex-direction: column;
  display: flex;
}

.chrome-module__5E7qqa__appNavGroups {
  gap: 16px;
}

.chrome-module__5E7qqa__appNavGroupsSidebar {
  gap: 18px;
}

.chrome-module__5E7qqa__appNavGroup {
  gap: 10px;
}

.chrome-module__5E7qqa__appNav {
  flex-wrap: wrap;
  align-items: center;
  gap: 12px;
  display: flex;
}

.chrome-module__5E7qqa__appNavSidebar {
  flex-direction: column;
  align-items: stretch;
}

.chrome-module__5E7qqa__appNavGroupLabel {
  color: #fff8e794;
  letter-spacing: .14em;
  text-transform: uppercase;
  font-size: .78rem;
  font-weight: 700;
}

.chrome-module__5E7qqa__appNavLink {
  color: #fff8e7d6;
  background: none;
  border: 1px solid #0000;
  border-radius: 999px;
  justify-content: center;
  align-items: center;
  min-height: 42px;
  padding: 0 14px;
  transition: transform .16s, border-color .16s, box-shadow .16s, background-color .16s, color .16s;
  display: inline-flex;
}

.chrome-module__5E7qqa__appNavLinkSidebar {
  justify-content: flex-start;
  width: 100%;
}

.chrome-module__5E7qqa__appNavLinkActive {
  color: var(--foreground-strong);
  background: #d5a84c1f;
  border-color: #d5a84c6b;
  box-shadow: 0 10px 22px #d5a84c1f;
}

.chrome-module__5E7qqa__appNavLink strong {
  font-family: var(--font-barlow-condensed), sans-serif;
  letter-spacing: .08em;
  text-transform: uppercase;
  font-size: .9rem;
}

.chrome-module__5E7qqa__appSidebarFooter {
  border-top: 1px solid #d5a84c1a;
  flex-wrap: wrap;
  gap: 12px;
  padding-top: 8px;
  display: flex;
}

.chrome-module__5E7qqa__appSidebarFooterSidebar {
  margin-top: auto;
}

.chrome-module__5E7qqa__sidebarUtilityLink {
  color: #fff8e7d6;
  letter-spacing: .08em;
  text-transform: uppercase;
  font-size: .88rem;
}

.chrome-module__5E7qqa__sidebarUtilityLinkActive {
  color: var(--accent);
}

.chrome-module__5E7qqa__sidebarToggle {
  min-height: 42px;
  color: var(--foreground-strong);
  cursor: pointer;
  font: inherit;
  letter-spacing: .08em;
  text-transform: uppercase;
  background: #ffffff0a;
  border: 1px solid #d5a84c38;
  border-radius: 999px;
  padding: 0 14px;
  font-weight: 700;
  display: none;
}

.chrome-module__5E7qqa__heroCompact {
  gap: 14px;
}

.chrome-module__5E7qqa__heroSplit {
  grid-template-columns: minmax(0, 1.15fr) minmax(320px, .85fr);
  align-items: center;
  gap: 36px;
  display: grid;
}

.chrome-module__5E7qqa__eyebrow, .chrome-module__5E7qqa__sectionLabel {
  font-family: var(--font-barlow-condensed), sans-serif;
  letter-spacing: .18em;
  text-transform: uppercase;
  color: var(--accent);
  font-size: 1rem;
  font-weight: 700;
}

.chrome-module__5E7qqa__heroTitle, .chrome-module__5E7qqa__sectionHeading h2, .chrome-module__5E7qqa__surface h2, .chrome-module__5E7qqa__surface h3 {
  font-family: var(--font-barlow-condensed), sans-serif;
  text-transform: uppercase;
  color: var(--foreground-strong);
}

.chrome-module__5E7qqa__heroTitle {
  letter-spacing: .03em;
  max-width: 920px;
  font-size: clamp(3rem, 7vw, 6rem);
  line-height: .92;
}

.chrome-module__5E7qqa__heroDescription {
  max-width: 760px;
  color: var(--foreground-soft);
  font-size: 1.08rem;
  line-height: 1.8;
}

.chrome-module__5E7qqa__heroActions {
  flex-wrap: wrap;
  gap: 14px;
  display: flex;
}

.chrome-module__5E7qqa__surface {
  border: 1px solid var(--border);
  background: var(--surface);
  border-radius: 24px;
  flex-direction: column;
  gap: 14px;
  padding: 24px;
  display: flex;
  box-shadow: inset 0 1px #ffffff08;
}

.chrome-module__5E7qqa__surfaceMuted {
  background: var(--surface-strong);
}

.chrome-module__5E7qqa__sectionHeading {
  flex-direction: column;
  gap: 12px;
  display: flex;
}

.chrome-module__5E7qqa__sectionHeading h2 {
  letter-spacing: .03em;
  font-size: clamp(2.2rem, 4vw, 4rem);
  line-height: .95;
}

.chrome-module__5E7qqa__action, .chrome-module__5E7qqa__button {
  width: fit-content;
  min-height: 48px;
  font: inherit;
  letter-spacing: .08em;
  text-transform: uppercase;
  border-radius: 999px;
  padding: 14px 20px;
  font-weight: 700;
  transition: transform .16s, box-shadow .16s;
}

.chrome-module__5E7qqa__actionPrimary, .chrome-module__5E7qqa__buttonPrimary {
  background: linear-gradient(135deg, var(--accent), var(--accent-strong));
  color: #0b0905;
  border: 0;
  box-shadow: 0 18px 40px #d5a84c38;
}

.chrome-module__5E7qqa__actionSecondary, .chrome-module__5E7qqa__buttonSecondary {
  color: var(--foreground-strong);
  background: #ffffff0a;
  border: 1px solid #d5a84c3d;
}

.chrome-module__5E7qqa__statusPill {
  width: fit-content;
  color: var(--accent);
  background: #d5a84c1a;
  border: 1px solid #d5a84c33;
  border-radius: 999px;
  padding: 8px 12px;
  font-size: .85rem;
  font-weight: 700;
}

@media (hover: hover) and (pointer: fine) {
  .chrome-module__5E7qqa__navLink:hover, .chrome-module__5E7qqa__footerLink:hover, .chrome-module__5E7qqa__action:hover, .chrome-module__5E7qqa__button:hover, .chrome-module__5E7qqa__appNavLink:hover, .chrome-module__5E7qqa__sidebarUtilityLink:hover {
    transform: translateY(-2px);
  }

  .chrome-module__5E7qqa__actionPrimary:hover, .chrome-module__5E7qqa__buttonPrimary:hover {
    box-shadow: 0 24px 44px #d5a84c4d;
  }
}

@media (max-width: 1080px) {
  .chrome-module__5E7qqa__appShellSidebar {
    grid-template-columns: 1fr;
  }

  .chrome-module__5E7qqa__appSidebarIntro {
    grid-template-columns: 1fr;
    align-items: start;
  }

  .chrome-module__5E7qqa__appNavLink {
    min-width: 0;
  }

  .chrome-module__5E7qqa__heroSplit {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 900px) {
  .chrome-module__5E7qqa__header {
    flex-direction: column;
    gap: 18px;
  }

  .chrome-module__5E7qqa__footerTop {
    flex-direction: column;
  }

  .chrome-module__5E7qqa__sidebarToggle {
    justify-content: center;
    align-items: center;
    display: inline-flex;
  }

  .chrome-module__5E7qqa__appSidebarContent {
    display: none;
  }

  .chrome-module__5E7qqa__appSidebarContentOpen {
    display: flex;
  }

  .chrome-module__5E7qqa__appMain, .chrome-module__5E7qqa__appSidebar {
    border-radius: 24px;
  }

  .chrome-module__5E7qqa__appNav {
    flex-direction: column;
    align-items: stretch;
  }

  .chrome-module__5E7qqa__appNavLink {
    justify-content: flex-start;
    min-width: 100%;
  }

  .chrome-module__5E7qqa__nav {
    justify-content: center;
  }
}

@media (max-width: 640px) {
  .chrome-module__5E7qqa__page {
    padding: 16px;
  }

  .chrome-module__5E7qqa__header {
    border-radius: 20px;
    padding: 16px;
    top: 8px;
  }

  .chrome-module__5E7qqa__footer {
    border-radius: 24px;
    padding: 22px 18px;
  }

  .chrome-module__5E7qqa__appSidebar, .chrome-module__5E7qqa__appMain {
    border-radius: 22px;
    padding: 20px 18px;
  }

  .chrome-module__5E7qqa__appSidebarTop {
    align-items: center;
  }

  .chrome-module__5E7qqa__logo {
    height: 34px;
  }

  .chrome-module__5E7qqa__main {
    border-radius: 28px;
    padding: 22px 18px;
  }

  .chrome-module__5E7qqa__heroTitle {
    font-size: 3.25rem;
  }

  .chrome-module__5E7qqa__heroDescription {
    font-size: 1rem;
  }

  .chrome-module__5E7qqa__surface {
    padding: 20px;
  }
}

/* [project]/src/app/listings/page.module.css [app-client] (css) */
.page-module__hx0-ea__filterPanel, .page-module__hx0-ea__metaRow, .page-module__hx0-ea__emptyState, .page-module__hx0-ea__categoryFocus {
  flex-direction: column;
  display: flex;
}

.page-module__hx0-ea__categoryRow, .page-module__hx0-ea__pagination, .page-module__hx0-ea__subcategoryRow {
  flex-wrap: wrap;
  align-items: center;
  gap: 12px;
  display: flex;
}

.page-module__hx0-ea__sectionLabel {
  font-family: var(--font-barlow-condensed), sans-serif;
  letter-spacing: .18em;
  text-transform: uppercase;
  color: var(--accent);
  font-size: 1rem;
  font-weight: 700;
}

.page-module__hx0-ea__metaRow h2, .page-module__hx0-ea__card h2, .page-module__hx0-ea__emptyState h2 {
  font-family: var(--font-barlow-condensed), sans-serif;
  color: var(--foreground-strong);
  text-transform: uppercase;
}

.page-module__hx0-ea__card p, .page-module__hx0-ea__emptyState p, .page-module__hx0-ea__field span, .page-module__hx0-ea__detailList span, .page-module__hx0-ea__pagination span, .page-module__hx0-ea__metaCard span {
  color: var(--foreground-soft);
  line-height: 1.7;
}

.page-module__hx0-ea__searchForm, .page-module__hx0-ea__grid, .page-module__hx0-ea__stats, .page-module__hx0-ea__browseTracks {
  gap: 16px;
  display: grid;
}

.page-module__hx0-ea__searchForm {
  grid-template-columns: minmax(0, 2fr) repeat(3, minmax(0, 1fr)) auto;
  align-items: end;
}

.page-module__hx0-ea__field {
  flex-direction: column;
  gap: 8px;
  display: flex;
}

.page-module__hx0-ea__field span {
  font-weight: 700;
}

.page-module__hx0-ea__input {
  width: 100%;
  min-height: 48px;
  color: var(--foreground-strong);
  font: inherit;
  background: #ffffff0d;
  border: 1px solid #d5a84c2e;
  border-radius: 14px;
  padding: 0 14px;
}

.page-module__hx0-ea__input option {
  color: #f7efe0;
  background: #17120b;
}

.page-module__hx0-ea__input:focus {
  border-color: #d5a84c75;
  outline: none;
  box-shadow: 0 0 0 3px #d5a84c29;
}

.page-module__hx0-ea__primaryButton, .page-module__hx0-ea__secondaryButton, .page-module__hx0-ea__categoryChip {
  width: fit-content;
  min-height: 48px;
  font: inherit;
  cursor: pointer;
  border-radius: 999px;
  padding: 0 18px;
  font-weight: 700;
  transition: transform .16s, box-shadow .16s;
}

.page-module__hx0-ea__secondaryButton, .page-module__hx0-ea__categoryChip {
  color: var(--foreground-strong);
  background: #ffffff0a;
  border: 1px solid #d5a84c3d;
}

.page-module__hx0-ea__categoryChipActive {
  color: var(--accent);
  background: #d5a84c1f;
  border-color: #d5a84c6b;
}

.page-module__hx0-ea__metaRow {
  flex-direction: row;
  justify-content: space-between;
  align-items: end;
  gap: 18px;
}

.page-module__hx0-ea__categoryFocus {
  border-top: 1px solid #d5a84c1f;
  gap: 16px;
  margin-top: 20px;
  padding-top: 20px;
}

.page-module__hx0-ea__categoryFocus h2, .page-module__hx0-ea__trackCard strong {
  font-family: var(--font-barlow-condensed), sans-serif;
  color: var(--foreground-strong);
  text-transform: uppercase;
}

.page-module__hx0-ea__browseTracks {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  margin-top: 20px;
}

.page-module__hx0-ea__trackCard {
  min-height: 180px;
  color: inherit;
  text-align: left;
  cursor: pointer;
  background: linear-gradient(#ffffff0a, #ffffff05), radial-gradient(circle at 100% 0, #d5a84c29, #0000 38%), #0e0b08eb;
  border: 1px solid #d5a84c29;
  border-radius: 22px;
  flex-direction: column;
  gap: 10px;
  padding: 20px;
  transition: transform .16s, border-color .16s, box-shadow .16s;
  display: flex;
}

.page-module__hx0-ea__trackCard p, .page-module__hx0-ea__categoryFocus p, .page-module__hx0-ea__trackLabel {
  color: var(--foreground-soft);
}

.page-module__hx0-ea__trackLabel {
  font-family: var(--font-barlow-condensed), sans-serif;
  letter-spacing: .16em;
  text-transform: uppercase;
  font-size: .88rem;
}

.page-module__hx0-ea__metaCard {
  align-items: flex-start;
  min-width: 180px;
}

.page-module__hx0-ea__metaCard strong, .page-module__hx0-ea__stat strong {
  color: var(--foreground-strong);
  font-size: 1.35rem;
}

.page-module__hx0-ea__grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.page-module__hx0-ea__card {
  flex-direction: column;
  padding: 0;
  display: flex;
  overflow: hidden;
}

.page-module__hx0-ea__cardTop, .page-module__hx0-ea__detailList {
  flex-wrap: wrap;
  gap: 10px;
  display: flex;
}

.page-module__hx0-ea__cardTop {
  position: absolute;
  inset: 16px 16px auto;
}

.page-module__hx0-ea__mediaFrame, .page-module__hx0-ea__mediaFallback {
  position: relative;
}

.page-module__hx0-ea__mediaFrame {
  background: linear-gradient(#0000000a 0%, #050505c7 100%), radial-gradient(circle at 0 0, #d5a84c47, #0000 48%), #080808;
  border-bottom: 1px solid #d5a84c24;
  min-height: 220px;
  overflow: hidden;
}

.page-module__hx0-ea__cardImage {
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0;
}

.page-module__hx0-ea__mediaFallback {
  background: linear-gradient(#00000014 0%, #060606e6 100%), radial-gradient(circle at 0 0, #d5a84c52, #0000 44%), linear-gradient(135deg, #ffffff0a, #ffffff03);
  flex-direction: column;
  justify-content: end;
  gap: 10px;
  min-height: 220px;
  padding: 24px;
  display: flex;
}

.page-module__hx0-ea__mediaFallback span {
  font-family: var(--font-barlow-condensed), sans-serif;
  letter-spacing: .18em;
  text-transform: uppercase;
  color: #ffffffb8;
  font-size: .92rem;
}

.page-module__hx0-ea__mediaFallback strong {
  max-width: 14ch;
  font-family: var(--font-barlow-condensed), sans-serif;
  text-transform: uppercase;
  color: var(--foreground-strong);
  font-size: clamp(1.6rem, 4vw, 2.4rem);
  line-height: .95;
}

.page-module__hx0-ea__badge, .page-module__hx0-ea__typeBadge, .page-module__hx0-ea__featuredBadge, .page-module__hx0-ea__promotedBadge {
  border-radius: 999px;
  width: fit-content;
  padding: 8px 12px;
  font-size: .82rem;
  font-weight: 700;
}

.page-module__hx0-ea__badge {
  color: var(--accent);
  background: #d5a84c1f;
}

.page-module__hx0-ea__typeBadge {
  color: var(--foreground-strong);
  background: #ffffff0f;
}

.page-module__hx0-ea__featuredBadge {
  color: wheat;
  background: #0009;
}

.page-module__hx0-ea__promotedBadge {
  color: #f7d37a;
  background: #d5a84c2e;
}

.page-module__hx0-ea__cardBody {
  flex-direction: column;
  flex: 1;
  gap: 18px;
  padding: 24px;
  display: flex;
}

.page-module__hx0-ea__cardHeading {
  flex-direction: column;
  gap: 10px;
  display: flex;
}

.page-module__hx0-ea__cardActions {
  flex-wrap: wrap;
  gap: 12px;
  margin-top: auto;
  display: flex;
}

.page-module__hx0-ea__stats {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.page-module__hx0-ea__stat {
  background: #ffffff0a;
  border-radius: 18px;
  flex-direction: column;
  gap: 6px;
  padding: 14px 16px;
  display: flex;
}

.page-module__hx0-ea__emptyState {
  justify-content: center;
  align-items: flex-start;
  min-height: 220px;
}

.page-module__hx0-ea__primaryButton {
  color: var(--foreground-strong);
  background: linear-gradient(135deg, #d5a84c2e, #d5a84c4d);
  border: 1px solid #d5a84c6b;
}

@media (hover: hover) and (pointer: fine) {
  .page-module__hx0-ea__categoryChip:hover, .page-module__hx0-ea__card:hover, .page-module__hx0-ea__trackCard:hover {
    transform: translateY(-1px);
  }

  .page-module__hx0-ea__trackCard:hover {
    border-color: #d5a84c4d;
    box-shadow: 0 18px 34px #0000003d;
  }
}

@media (max-width: 980px) {
  .page-module__hx0-ea__searchForm, .page-module__hx0-ea__grid, .page-module__hx0-ea__stats, .page-module__hx0-ea__browseTracks {
    grid-template-columns: 1fr;
  }

  .page-module__hx0-ea__metaRow {
    flex-direction: column;
    align-items: stretch;
  }
}

/*# sourceMappingURL=src_20p657y._.css.map*/