.band-directory{--band-directory-gap: 2.4rem;position:relative;color:#121212;background:#f2ede3}.band-directory__inner{width:min(var(--band-directory-width, 120rem),100%);margin:0 auto;padding:var(--band-directory-padding-top, 4rem) 2rem var(--band-directory-padding-bottom, 6rem)}.band-directory__toolbar{display:grid;grid-template-columns:minmax(24rem,1.7fr) repeat(2,minmax(16rem,1fr)) auto;gap:1.2rem;align-items:end;margin-bottom:1.6rem}.band-directory__field{display:flex;min-width:0;flex-direction:column;gap:.6rem}.band-directory__label{font-size:1.3rem;font-weight:700;letter-spacing:.02em}.band-directory__input,.band-directory__select{width:100%;min-height:4.6rem;padding:1rem 1.2rem;color:#121212;background:#fff;border:.1rem solid rgba(18,18,18,.28);border-radius:var(--inputs-radius, .4rem);font:inherit;color-scheme:light}.band-directory__input::placeholder{color:#121212a6;opacity:1}.band-directory__input:focus-visible,.band-directory__select:focus-visible,.band-directory__clear:focus-visible,.band-directory__more:focus-visible,.band-card__link:focus-visible{outline:.2rem solid rgb(var(--color-foreground));outline-offset:.2rem}.band-directory__clear,.band-directory__more{min-height:4.6rem;padding:1rem 1.5rem;color:rgb(var(--color-button-text));background:rgba(var(--color-button),var(--alpha-button-background));border:.1rem solid rgba(var(--color-button),var(--alpha-button-border));border-radius:var(--buttons-radius, .4rem);font:inherit;font-weight:700;cursor:pointer}.band-directory__clear:hover,.band-directory__more:hover{box-shadow:0 0 0 .2rem rgba(var(--color-button),.25)}.band-directory__summary{display:flex;min-height:3rem;justify-content:space-between;align-items:center;gap:1.6rem;margin-bottom:1.6rem}.band-directory__count{margin:0;font-weight:700}.band-directory__grid{display:grid;grid-template-columns:repeat(var(--band-directory-columns, 3),minmax(0,1fr));gap:var(--band-directory-gap)}.band-directory__card[hidden]{display:none}.band-card{display:flex;min-width:0;flex-direction:column;overflow:hidden;color:rgb(var(--color-foreground));background:rgb(var(--color-background));border:.1rem solid rgba(var(--color-foreground),.14);border-radius:var(--card-corner-radius, .8rem);box-shadow:0 .8rem 2.4rem rgba(var(--color-shadow),.08)}.band-card__media-link{display:block;color:inherit;text-decoration:none}.band-card__media{aspect-ratio:16 / 10;overflow:hidden;background:rgba(var(--color-foreground),.06)}.band-card__image{display:block;width:100%;height:100%;object-fit:cover;transition:transform .25s ease}.band-card__media-link:hover .band-card__image{transform:scale(1.025)}.band-card__placeholder{display:grid;width:100%;height:100%;place-items:center;padding:2rem;color:rgba(var(--color-foreground),.7);text-align:center}.band-card__body{display:flex;flex:1;flex-direction:column;gap:.9rem;padding:1.8rem}.band-card__title{margin:0;font-size:2rem;line-height:1.25}.band-card__title-link{color:inherit;text-decoration:none}.band-card__title-link:hover{text-decoration:underline;text-underline-offset:.3rem}.band-card__meta{display:grid;gap:.4rem;margin:0;color:rgba(var(--color-foreground),.74);font-size:1.4rem}.band-card__genre{font-weight:700}.band-card__link{align-self:flex-start;margin-top:auto;padding-top:.6rem;color:rgb(var(--color-link));font-weight:700;text-underline-offset:.3rem}.band-directory__empty,.band-directory__no-results{padding:4.8rem 2rem;text-align:center}.band-directory__progress{display:flex;justify-content:center;padding-top:3.2rem}.band-directory__sentinel{width:100%;height:.1rem}@media screen and (max-width:1100px){.band-directory__toolbar{grid-template-columns:repeat(2,minmax(0,1fr))}.band-directory__grid{grid-template-columns:repeat(var(--band-directory-tablet-columns, 2),minmax(0,1fr))}}@media screen and (max-width:749px){.band-directory__inner{padding-right:1.6rem;padding-left:1.6rem}.band-directory__toolbar,.band-directory__grid{grid-template-columns:1fr}.band-directory__clear{width:100%}.band-directory__summary{align-items:flex-start}}@media(prefers-reduced-motion:reduce){.band-card__image{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/37/assets/section-band-directory.css.map */