.catalog{padding-block:var(--space-xl)}.catalog__header{margin-block-end:var(--space-lg)}.catalog__title{margin:0;font-size:clamp(1.5rem,4vw,1.875rem);font-weight:700;color:var(--foreground)}.catalog__subtitle{margin:var(--space-xs) 0 0;font-size:.875rem;color:#e0e0e099}@media(min-width:48em){.catalog__subtitle{font-size:1rem}}.catalog__empty{color:#e0e0e099}.catalog__layout{display:grid;gap:var(--space-md)}@media(min-width:64em){.catalog__layout{grid-template-columns:15rem 1fr;align-items:start}}.catalog__sidebar{display:none;padding:var(--space-md)}@media(min-width:64em){.catalog__sidebar{display:block;position:sticky;align-self:start;inset-block-start:6rem;max-block-size:calc(100vh - 6rem - var(--space-md));max-block-size:calc(100dvh - 6rem - var(--space-md));overflow-y:auto}.catalog__sidebar[data-unpinned]{position:static;max-block-size:none;overflow-y:visible}}.catalog__results{min-inline-size:0}.catalog-filters__head{display:flex;align-items:center;gap:var(--space-sm);margin-block-end:var(--space-md)}.catalog-filters__head-label{font-size:.8rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--foreground)}.catalog-filters__count{display:inline-flex;align-items:center;justify-content:center;min-inline-size:1.25rem;padding:0 .35rem;border-radius:999px;background:var(--gold);color:var(--primary-foreground);font-size:.7rem;font-weight:700}.catalog-filters__clear{margin-inline-start:auto;color:var(--gold);font-size:.8rem;text-decoration:none}.catalog-filters__clear:hover,.catalog-filters__clear:focus-visible{color:var(--gold-hover)}.catalog-search{position:relative;flex:1 1 12rem;min-inline-size:7.5rem}.catalog-search__icon{position:absolute;inset-block-start:50%;inset-inline-start:.75rem;transform:translateY(-50%);color:#e0e0e066;pointer-events:none}.catalog-search__input{inline-size:100%;padding:.5rem .75rem;padding-inline-start:2.25rem;background:var(--input);border:1px solid var(--border);border-radius:calc(var(--radius) / 2);color:var(--foreground);font:inherit;font-size:.875rem}.catalog-search__input::placeholder{color:#e0e0e099}.catalog-search__input:disabled{opacity:.55;cursor:progress}.catalog-search__input:focus-visible{outline:none;box-shadow:0 0 0 1px var(--ring)}.catalog__count{margin:0 0 var(--space-sm);padding-inline:.25rem;font-size:.75rem;color:#e0e0e0b3}.catalog-eq{display:inline-flex;align-items:flex-end;gap:3px;block-size:1.5rem;margin-block-end:var(--space-md);opacity:.6}.catalog-eq__bar{inline-size:4px;border-radius:2px;background:var(--gold)}.catalog-eq__bar:nth-child(1){block-size:45%}.catalog-eq__bar:nth-child(2){block-size:80%}.catalog-eq__bar:nth-child(3){block-size:100%}.catalog-eq__bar:nth-child(4){block-size:65%}.catalog-eq__bar:nth-child(5){block-size:35%}.catalog__empty-box{display:grid;justify-items:center;gap:var(--space-sm);padding:var(--space-xl);border:1px solid var(--border);background:var(--surface);border-radius:var(--radius-xl);text-align:center}.catalog__toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-sm);margin-block-end:var(--space-md);padding:.75rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl)}.catalog-filters{position:relative}@media(min-width:64em){.catalog-filters--mobile{display:none}}.catalog-filters__summary{display:inline-flex;align-items:center;gap:var(--space-xs);padding:.5rem 1rem;background:var(--surface);border:1px solid var(--border);border-radius:999px;color:var(--foreground);font-size:.9rem;cursor:pointer;list-style:none;transition:border-color .15s ease,color .15s ease}.catalog-filters__summary::-webkit-details-marker{display:none}.catalog-filters__summary:hover,.catalog-filters__summary:focus-visible{border-color:var(--gold);color:var(--gold)}.catalog-filters[open] .catalog-filters__summary{border-color:var(--gold)}.catalog-filters__form{margin-block-start:var(--space-sm);padding:var(--space-md);display:grid;gap:var(--space-md);max-inline-size:28rem}.catalog-filters__group{margin:0;padding:0;border:0}.catalog-filters__legend{padding:0;margin-block-end:var(--space-xs);font-size:.8rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--gold)}.catalog-filters__option{display:flex;align-items:center;gap:var(--space-xs);padding-block:.2rem;color:var(--foreground);font-size:.9rem}.catalog-filters__option--disabled{color:var(--muted-foreground)}.catalog-filters__option input[type=checkbox]{accent-color:var(--gold)}.catalog-filters__option-count{color:var(--muted-foreground);font-size:.8rem}.catalog-filters__price{display:flex;gap:var(--space-sm)}.catalog-filters__price-field{display:grid;gap:.25rem;color:var(--muted-foreground);font-size:.8rem}.catalog-filters__price-field input,.catalog-sort__select{background:var(--input);color:var(--foreground);border:1px solid var(--border);border-radius:calc(var(--radius) / 2);padding:.45rem .6rem;font:inherit;font-size:.9rem}.catalog-filters__price-field input:focus-visible,.catalog-sort__select:focus-visible{outline:2px solid var(--ring);outline-offset:2px}.catalog-filters__apply,.catalog-sort__apply{justify-self:start;padding:.5rem 1.25rem;background:var(--gold);color:var(--primary-foreground);border:1px solid var(--gold);border-radius:999px;font-weight:700;font-size:.9rem;cursor:pointer;transition:background-color .15s ease,border-color .15s ease}.catalog-filters__apply:hover,.catalog-filters__apply:focus-visible,.catalog-sort__apply:hover,.catalog-sort__apply:focus-visible{background:var(--gold-hover);border-color:var(--gold-hover)}.catalog-sort{display:flex;align-items:center;gap:var(--space-sm)}.catalog-sort__select{max-inline-size:13rem;appearance:none;-webkit-appearance:none;padding-inline-end:2rem;border-radius:999px;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%239a9a9a' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .7rem center;background-size:.7rem;text-overflow:ellipsis;cursor:pointer;transition:border-color .15s ease}.catalog-sort__select:hover{border-color:var(--gold)}[dir=rtl] .catalog-sort__select{background-position:left .7rem center}.catalog-sort__label{color:var(--muted-foreground);font-size:.9rem;white-space:nowrap}.catalog__active-filters{display:flex;flex-wrap:wrap;gap:var(--space-xs);margin-block-end:var(--space-md)}.catalog__chip{display:inline-flex;align-items:center;gap:.4rem;padding:.3rem .8rem;background:#ffc1361a;border:1px solid rgba(255,193,54,.35);border-radius:999px;color:var(--gold);font-size:.85rem;text-decoration:none;transition:border-color .15s ease,background-color .15s ease}.catalog__chip:hover,.catalog__chip:focus-visible{border-color:var(--gold);background:#ffc1362e}.catalog__chip--clear{background:transparent;border-color:var(--border);color:var(--muted-foreground)}.catalog__chip--clear:hover,.catalog__chip--clear:focus-visible{background:transparent;color:var(--foreground)}.catalog__chip-x{font-size:1rem;line-height:1}.catalog__no-results{padding:var(--space-xl);text-align:center;display:grid;gap:var(--space-sm);justify-items:center;border:1px solid var(--border);background:var(--surface);border-radius:var(--radius-xl)}.catalog__no-results-text{margin:0;color:#e0e0e099}.catalog__back-link{color:var(--gold);text-decoration:none;border-block-end:1px solid rgba(255,193,54,.4);transition:color .15s ease,border-color .15s ease}.catalog__back-link:hover,.catalog__back-link:focus-visible{color:var(--gold-hover);border-color:var(--gold-hover)}.catalog__list{padding:.75rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl)}@media(min-width:48em){.catalog__list{padding:1rem}}@media(min-width:40em){.catalog__rows>.song-row+.song-row{border-block-start:1px solid var(--border)}}.song-row-head{display:none}@media(min-width:40em){.song-row-head{display:flex;align-items:center;gap:.75rem;padding:.5rem .75rem;font-size:.625rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#e0e0e099}.song-row-head .song-row__bpm,.song-row-head .song-row__key,.song-row-head .song-row__energy,.song-row-head .song-row__bitrate{text-align:center}}.song-row-head__cover{background:transparent!important;box-shadow:none}.song-row{position:relative;display:grid;grid-template-columns:6rem minmax(0,1fr);grid-template-areas:"cover main" "stats stats" "foot foot";column-gap:1rem;margin-block-end:.75rem;padding:1rem;border-radius:var(--radius-xl);border:1px solid rgba(255,255,255,.1);background:#ffffff0d;transition:background-color .15s ease}.song-row:hover{background:#ffffff1a}.song-row>.song-row__cover{grid-area:cover}.song-row>.song-row__main{grid-area:main;align-self:center}.song-row>.song-row__stats{grid-area:stats}.song-row>.song-row__foot{grid-area:foot}.song-row__stats{position:relative;z-index:1;margin-block-start:.75rem;display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;pointer-events:none}.song-row__foot{position:relative;z-index:1;margin-block-start:.75rem;padding-block-start:.75rem;border-block-start:1px solid rgba(255,255,255,.1);display:flex;align-items:center;justify-content:space-between}.song-row__foot .song-row__price{pointer-events:none}@media(min-width:40em){.song-row{display:flex;min-inline-size:0;align-items:center;gap:.75rem;margin-block-end:0;padding:.75rem;border:0;border-radius:var(--radius);background:transparent}.song-row:hover{background:#ffffff0d}.song-row__stats,.song-row__foot{display:contents}}.song-row__link{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;border-radius:inherit}.song-row__rank{position:relative;z-index:1;display:none;inline-size:1.25rem;flex-shrink:0;text-align:center;font-size:.875rem;font-weight:700;color:#e0e0e0b3;transition:color .15s ease}@media(min-width:40em){.song-row__rank{display:block}}.song-row:hover .song-row__rank{color:var(--gold)}.song-row__cover{position:relative;z-index:1;display:block;inline-size:6rem;block-size:6rem;flex-shrink:0;overflow:hidden;border-radius:var(--radius);pointer-events:auto}@media(min-width:40em){.song-row__cover{inline-size:3rem;block-size:3rem;border-radius:var(--radius-sm)}}.song-row__img{position:absolute;top:0;right:0;bottom:0;left:0;inline-size:100%;block-size:100%;object-fit:cover}.song-row__overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#0000;color:var(--gold);opacity:0;transition:background-color .15s ease,opacity .15s ease}.song-row:hover .song-row__overlay{background:#0006;opacity:1}.song-row__sale{position:absolute;inset-block-start:.25rem;inset-inline-start:.25rem;z-index:2;display:inline-flex;align-items:center;padding:.05rem .35rem;border-radius:999px;background:#ef4444;color:#fff;font-size:.625rem;font-weight:700;pointer-events:none}.song-row__sale--corner{inset-block-start:0;inset-inline-start:0}.song-row__main{position:relative;z-index:1;min-inline-size:0;flex:1 1 auto;pointer-events:none}.song-row__title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.875rem;font-weight:600;color:var(--foreground);transition:color .15s ease}.song-row:hover .song-row__title{color:var(--gold)}.song-row__artists{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.75rem;font-weight:700;color:#e0e0e0bf}.song-row__remixer{color:#ffc136cc}.song-row__bpm{position:relative;z-index:1;display:none;inline-size:3.5rem;flex-shrink:0;text-align:center;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.75rem;color:#e0e0e0b3;pointer-events:none}.song-row__key,.song-row__energy{position:relative;z-index:1;display:none;inline-size:2.25rem;flex-shrink:0;justify-content:center;pointer-events:none}.song-row__bitrate{position:relative;z-index:1;display:none;inline-size:4rem;flex-shrink:0;justify-content:center;pointer-events:none}@media(min-width:40em){.song-row__bpm{display:block}.song-row__key,.song-row__energy,.song-row__bitrate{display:flex}}.song-row__dash{font-size:.75rem;color:#e0e0e033}.song-row__genre{position:relative;z-index:1;display:none;inline-size:6rem;flex-shrink:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.75rem;color:#e0e0e0b3;pointer-events:none}@media(min-width:80em){.song-row__genre{display:block}}.song-row__duration{position:relative;z-index:1;display:none;inline-size:2.5rem;flex-shrink:0;text-align:end;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.75rem;color:#e0e0e0b3;pointer-events:none}@media(min-width:64em){.song-row__duration{display:block}}.song-row__price-cell{position:relative;z-index:1;inline-size:5rem;flex-shrink:0;text-align:end;pointer-events:none}.song-row__buy{position:relative;z-index:1;inline-size:4rem;flex-shrink:0;display:flex;justify-content:flex-end}.song-row__price{display:inline-flex;flex-wrap:wrap;align-items:baseline;gap:.4rem}.song-row__price-value{color:var(--gold);font-weight:700;font-size:.875rem}.song-row__compare{color:#e0e0e066;font-size:.75rem;text-decoration:line-through}@media(max-width:39.9375em){.song-row__bpm,.song-row__key,.song-row__energy,.song-row__bitrate,.song-row__duration{display:inline-flex;align-items:center;inline-size:auto;flex-shrink:0;text-align:start}.song-row__bpm,.song-row__duration{border-radius:var(--radius-sm);padding:.25rem .5rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.75rem}.song-row__bpm{background:#ffffff1a;font-weight:600;color:#e0e0e0e6}.song-row__duration{background:#ffffff0d;color:#e0e0e0b3}.song-row__genre{display:block;order:-1;inline-size:100%;margin-block-end:.25rem;font-size:.75rem;color:#e0e0e099}.song-row__cell--empty,.song-row__bpm:empty,.song-row__genre:empty,.song-row__duration:empty{display:none}.song-row__title{font-size:1rem;font-weight:700;line-height:1.2}.song-row__artists{margin-block-start:.25rem;font-size:.875rem;color:#e0e0e0cc}.song-row__price-cell,.song-row__buy{inline-size:auto;text-align:start}}.catalog__rows[aria-busy=true]{opacity:.45;transition:opacity .12s ease;pointer-events:none}.song-row__unit{margin-inline-start:.25em;font-size:.75rem}@media(min-width:40em){.song-row__unit{position:absolute;inline-size:1px;block-size:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}}.key-badge,.bitrate-badge{display:inline-flex;align-items:center;gap:.25rem;font-weight:600}.key-badge{border-radius:var(--radius-sm);font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.bitrate-badge,.energy-badge{border-radius:999px}.energy-badge{display:inline-flex;align-items:center;gap:.25rem;font-weight:600}.key-badge--sm,.energy-badge--sm,.bitrate-badge--sm{padding:.125rem .375rem;font-size:.625rem}.key-badge--md,.energy-badge--md,.bitrate-badge--md{padding:.25rem .625rem;font-size:.75rem}.energy-badge__arrow{flex-shrink:0}.catalog__pagination{margin-block-start:var(--space-xl)}.catalog__pagination a,.catalog__pagination .current,.catalog__pagination .deco{display:inline-flex;align-items:center;justify-content:center;min-inline-size:2.25rem;padding:.4rem .7rem;border:1px solid var(--border);border-radius:calc(var(--radius) / 2);background:var(--surface);color:var(--foreground);text-decoration:none;font-size:.9rem;transition:border-color .15s ease,color .15s ease}.catalog__pagination a:hover,.catalog__pagination a:focus-visible{border-color:var(--gold);color:var(--gold)}.catalog__pagination .current{background:var(--gold);border-color:var(--gold);color:var(--primary-foreground);font-weight:700}@media(max-width:47.9375em){.catalog__toolbar{flex-direction:column;align-items:stretch}.catalog-search{flex:0 0 auto}.catalog-sort{margin-inline-start:0;flex-wrap:wrap}.catalog-filters__price{flex-direction:column}}.song-row[hidden],.catalog__pagination[hidden]{display:none!important}.catalog__filters-toggle{display:none}@media(min-width:64em){.catalog__filters-toggle{display:inline-flex;align-items:center;gap:var(--space-xs);padding:.5rem 1rem;background:var(--surface);border:1px solid var(--border);border-radius:999px;color:var(--foreground);font:inherit;font-size:.9rem;cursor:pointer;transition:border-color .15s ease,color .15s ease}.catalog__filters-toggle:hover,.catalog__filters-toggle:focus-visible{border-color:var(--gold);color:var(--gold)}}.catalog__filters-toggle[hidden]{display:none}.catalog__filters-toggle-count{display:inline-flex;align-items:center;justify-content:center;min-inline-size:1.25rem;padding:0 .35rem;border-radius:999px;background:var(--gold);color:var(--primary-foreground);font-size:.7rem;font-weight:700}@media(min-width:64em){.catalog__layout[data-filters-hidden=true]{grid-template-columns:1fr}.catalog__layout[data-filters-hidden=true] .catalog__sidebar{display:none}}.catalog-search__input{padding-inline-end:2rem}.catalog-search__input::-webkit-search-cancel-button,.catalog-search__input::-webkit-search-decoration{-webkit-appearance:none;appearance:none}.catalog-search__clear{position:absolute;inset-block-start:50%;inset-inline-end:.5rem;transform:translateY(-50%);display:inline-flex;align-items:center;justify-content:center;inline-size:1.5rem;block-size:1.5rem;padding:0;background:transparent;border:0;border-radius:999px;color:#e0e0e0b3;font-size:1.1rem;line-height:1;cursor:pointer}.catalog-search__clear:hover,.catalog-search__clear:focus-visible{color:var(--gold)}.catalog-search__clear[hidden]{display:none}.catalog__search-empty{margin:0 0 var(--space-sm);padding-inline:.25rem;color:#e0e0e0b3;font-size:.85rem}.catalog__search-empty[hidden],.catalog-curated[hidden],.catalog__list[hidden]{display:none}.catalog-curated__panel{display:grid;gap:0}.catalog-curated--mobile{margin-block-start:var(--space-sm);padding:var(--space-md);max-inline-size:28rem}.catalog-filters__option input[type=radio]{accent-color:var(--gold)}button.catalog-filters__clear{padding:0;background:none;border:0;cursor:pointer;font:inherit}.catalog-filters__form[hidden],.catalog__active-filters[hidden],.catalog-filters__count[hidden],.catalog__filters-toggle-count[hidden]{display:none!important}.catalog__loading{display:grid;gap:.5rem;padding-block:var(--space-md)}.catalog__loading-label{margin-block-start:var(--space-xs);text-align:center;color:#e0e0e099;font-size:.85rem}.catalog__skeleton-row{display:flex;align-items:center;gap:.75rem;padding:.75rem}.catalog__skeleton-lines{display:grid;gap:.4rem;flex:1 1 auto;min-inline-size:0}.catalog__skeleton-cell{display:block;border-radius:var(--radius-sm);background:#ffffff14}.catalog__skeleton-cell--cover{inline-size:3rem;block-size:3rem;flex-shrink:0}.catalog__skeleton-line{block-size:.75rem;inline-size:55%}.catalog__skeleton-line--sm{inline-size:32%;background:#ffffff0d}@media(prefers-reduced-motion:no-preference){.catalog__skeleton-cell{animation:catalog-skeleton-pulse 1.4s ease-in-out infinite}}@keyframes catalog-skeleton-pulse{0%,to{opacity:1}50%{opacity:.45}}.catalog__load-more{display:flex;justify-content:center;margin-block-start:var(--space-lg)}.catalog__load-more[hidden]{display:none}.catalog__load-more-btn{padding:.6rem 1.75rem;background:var(--surface);border:1px solid var(--border);border-radius:999px;color:var(--foreground);font:inherit;font-weight:700;font-size:.9rem;cursor:pointer;transition:border-color .15s ease,color .15s ease}.catalog__load-more-btn:hover,.catalog__load-more-btn:focus-visible{border-color:var(--gold);color:var(--gold)}.js .catalog-filters__form:not(.is-native-visible),.js .catalog__active-filters:not(.is-native-visible){display:none}.catalog-acc{border-block-start:1px solid var(--border)}.catalog-acc__summary{display:flex;align-items:center;gap:var(--space-xs);padding-block:.6rem;color:var(--foreground);font-size:.78rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;list-style:none;transition:color .15s ease}.catalog-acc__summary::-webkit-details-marker{display:none}.catalog-acc__summary:hover,.catalog-acc__summary:focus-visible{color:var(--gold)}.catalog-acc__summary:after{content:"";margin-inline-start:auto;inline-size:.4rem;block-size:.4rem;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:translateY(-25%) rotate(45deg);opacity:.7;transition:transform .15s ease}.catalog-acc[open]>.catalog-acc__summary:after{transform:translateY(25%) rotate(225deg)}.catalog-acc__badge{margin-inline-start:0}.catalog-acc__body{display:grid;gap:var(--space-xs);justify-items:start;padding-block:.15rem .85rem}.catalog-pills{display:flex;flex-wrap:wrap;gap:.35rem;inline-size:100%}.catalog-pills--grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(2.6rem,1fr))}.catalog-pill{position:relative;display:inline-flex}.catalog-pill__input{position:absolute;top:0;right:0;bottom:0;left:0;margin:0;opacity:0;cursor:pointer}.catalog-pill__label{display:inline-flex;align-items:center;justify-content:center;inline-size:100%;padding:.3rem .65rem;background:var(--input);border:1px solid var(--border);border-radius:999px;color:var(--foreground);font-size:.78rem;line-height:1.2;cursor:pointer;-webkit-user-select:none;user-select:none;transition:border-color .15s ease,background-color .15s ease,color .15s ease}.catalog-pills--grid .catalog-pill__label{padding-inline:.2rem}.catalog-pill__input:hover+.catalog-pill__label{border-color:var(--gold)}.catalog-pill__input:checked+.catalog-pill__label{background:var(--gold);border-color:var(--gold);color:var(--primary-foreground);font-weight:700}.catalog-pill__input:focus-visible+.catalog-pill__label{outline:2px solid var(--ring);outline-offset:2px}.catalog-pill--extra{display:none}.catalog-acc__body.is-expanded .catalog-pill--extra,.catalog-pill--extra.is-checked{display:inline-flex}.catalog-acc__more{padding:0;background:none;border:0;color:var(--gold);font:inherit;font-size:.8rem;cursor:pointer}.catalog-acc__more:hover,.catalog-acc__more:focus-visible{color:var(--gold-hover)}
/*# sourceMappingURL=/cdn/shop/t/9/assets/catalog.css.map */