.albums{padding-block:2rem 4rem}.albums__header{margin-block-end:2rem}.albums__title{font-size:clamp(1.875rem,4vw,2.25rem);font-weight:700;line-height:1.15;margin:0;color:var(--foreground)}.albums__subtitle{margin:.5rem 0 0;font-size:.875rem;color:color-mix(in srgb,var(--foreground) 60%,transparent)}@media(prefers-reduced-motion:no-preference){.albums-podium{animation:albums-podium-rise .5s ease-out both}@keyframes albums-podium-rise{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}}.albums-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem;border:1px solid var(--border);background:var(--surface-2);border-radius:1rem;padding:.75rem;margin-block-end:1.5rem}.albums-search{position:relative;inline-size:100%}@media(min-width:40em){.albums-search{inline-size:auto;min-inline-size:14rem}}.albums-search__input{inline-size:100%;background:var(--surface);color:var(--foreground);border:none;border-radius:.5rem;padding:.5rem .75rem;font-size:.875rem}.albums-search__input::placeholder{color:color-mix(in srgb,var(--foreground) 60%,transparent)}.albums-search__input:focus{outline:none;box-shadow:0 0 0 1px var(--gold)}.albums-search__suggestions{position:absolute;inset-inline-start:0;inset-block-start:100%;z-index:20;margin:.25rem 0 0;padding:.25rem 0;list-style:none;max-block-size:18rem;inline-size:100%;overflow:auto;border:1px solid var(--border);border-radius:.5rem;background:var(--surface);box-shadow:0 10px 15px -3px #00000040}.albums-search__suggestion{display:block;inline-size:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;padding:.5rem .75rem;text-align:start;font-size:.875rem;background:none;border:none;color:color-mix(in srgb,var(--foreground) 80%,transparent);cursor:pointer;transition:color .15s ease,background-color .15s ease}.albums-search__suggestion:hover,.albums-search__suggestion[aria-selected=true],.albums-search__suggestion--active{background:var(--surface-2);color:var(--foreground)}.albums-toolbar__onsale{display:inline-flex;align-items:center;gap:.5rem;font-size:.75rem;color:color-mix(in srgb,var(--foreground) 80%,transparent);cursor:pointer}.albums-toolbar__onsale:hover{color:var(--foreground)}.albums-toolbar__onsale input{accent-color:var(--gold);inline-size:1rem;block-size:1rem}.albums-toolbar__end{margin-inline-start:auto;display:flex;align-items:center;gap:.75rem}.albums-toolbar__clear{background:none;border:none;padding:.25rem;font-size:.75rem;color:var(--gold);cursor:pointer}.albums-toolbar__clear:hover{color:var(--gold-hover)}.albums-toolbar__select{background:var(--surface);color:var(--foreground);border:none;border-radius:.5rem;padding:.5rem .75rem;font-size:.875rem}.albums-toolbar__select:focus{outline:none;box-shadow:0 0 0 1px var(--gold)}.albums-count{margin:0 0 .75rem;padding-inline:.25rem;font-size:.75rem;color:color-mix(in srgb,var(--foreground) 70%,transparent)}.albums-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.25rem}.albums-grid__item[hidden]{display:none}@media(min-width:40em){.albums-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(min-width:64em){.albums-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.album-card{position:relative;inline-size:100%;min-inline-size:0}.album-card__cover{position:relative;display:block;aspect-ratio:1 / 1;overflow:hidden;border-radius:1rem;border:1px solid var(--border);background:var(--surface-2);transition:border-color .2s ease,box-shadow .2s ease}.album-card:hover .album-card__cover{border-color:color-mix(in srgb,var(--gold) 40%,transparent);box-shadow:0 0 30px color-mix(in srgb,var(--gold) 20%,transparent)}.album-card__image{position:absolute;top:0;right:0;bottom:0;left:0;inline-size:100%;block-size:100%;object-fit:cover;pointer-events:none}.album-card__image--placeholder{background:var(--surface-2)}.album-card__badge{position:absolute;inset-block-start:.75rem;border-radius:999px;padding:.25rem .625rem;font-size:.75rem;pointer-events:none}.album-card__badge--discount{inset-inline-start:.75rem;background:var(--gold);color:var(--background);font-weight:700}.album-card__badge--tracks{inset-inline-end:.75rem;background:#00000080;color:var(--foreground);font-weight:600;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.album-card__scrim{position:absolute;top:0;right:0;bottom:0;left:0;background:#0000;transition:background-color .2s ease;pointer-events:none}.album-card:hover .album-card__scrim{background:#0003}.album-card__info{margin-block-start:.75rem;display:flex;align-items:flex-end;justify-content:space-between;gap:.75rem}.album-card__meta{min-inline-size:0;flex:1}.album-card__title{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:.875rem;font-weight:600;color:var(--foreground);text-decoration:none;transition:color .15s ease}.album-card:hover .album-card__title{color:var(--gold)}.album-card__price-row{margin-block-start:.5rem;display:flex;align-items:center;gap:.5rem}.album-card__price{font-size:.875rem;font-weight:700;color:var(--gold)}.album-card__compare{font-size:.75rem;color:color-mix(in srgb,var(--foreground) 60%,transparent);text-decoration:line-through}.album-card .product-form__submit--compact{display:inline-flex;align-items:center;justify-content:center;inline-size:2.25rem;block-size:2.25rem;flex-shrink:0;border:none;border-radius:999px;background:var(--gold);color:var(--background);cursor:pointer;transition:background-color .15s ease}.album-card .product-form__submit--compact:hover{background:var(--gold-hover)}.albums-empty{border:1px solid var(--border);background:var(--surface-2);border-radius:1rem;padding:3rem 1.5rem;text-align:center}.albums-empty__text{margin:1rem 0 0;color:color-mix(in srgb,var(--foreground) 60%,transparent)}.albums-empty__clear{margin-block-start:1rem;background:var(--gold);color:var(--background);border:none;border-radius:.5rem;padding:.5rem 1rem;font-size:.875rem;font-weight:700;cursor:pointer}.albums-empty__clear:hover{background:var(--gold-hover)}.albums-eq{display:inline-flex;align-items:flex-end;gap:.25rem;block-size:2rem;opacity:.6}.albums-eq__bar{inline-size:.25rem;background:var(--gold);border-radius:1px}.albums-eq__bar:nth-child(1){block-size:45%}.albums-eq__bar:nth-child(2){block-size:80%}.albums-eq__bar:nth-child(3){block-size:100%}.albums-eq__bar:nth-child(4){block-size:65%}.albums-eq__bar:nth-child(5){block-size:35%}@media(prefers-reduced-motion:no-preference){.albums-eq__bar{animation:albums-eq-bounce 1s ease-in-out infinite;transform-origin:bottom}.albums-eq__bar:nth-child(2n){animation-delay:.3s}@keyframes albums-eq-bounce{0%,to{transform:scaleY(.5)}50%{transform:scaleY(1)}}}
/*# sourceMappingURL=/cdn/shop/t/9/assets/albums.css.map */