@layer components{.collection-banner{position:relative;background-color:var(--color-bg);color:var(--color-text);padding-block:var(--section-y-sm)}.collection-banner--has-image{min-height:var(--banner-h, 320px);display:grid;align-items:center;isolation:isolate}.collection-banner__media{position:absolute;top:0;right:0;bottom:0;left:0;z-index:var(--z-local-behind);overflow:hidden}.collection-banner__media img{width:100%;height:100%;object-fit:cover}.collection-banner__scrim{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(to top,color-mix(in oklab,var(--warm-950) 62%,transparent),color-mix(in oklab,var(--warm-950) 28%,transparent))}.collection-banner--has-image .collection-banner__inner,.collection-banner--has-image .collection-banner__title{color:var(--warm-25)}.collection-banner__inner{position:relative;display:flex;flex-direction:column;gap:var(--space-3)}.collection-banner__title{font-size:var(--fs-h1);line-height:var(--lh-heading)}.collection-banner__text{max-width:var(--measure);color:var(--color-text-muted);line-height:var(--lh-body)}.collection-banner--has-image .collection-banner__text{color:color-mix(in oklab,var(--warm-25) 85%,transparent)}.facets__bar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-3);padding-block:var(--space-4);border-block-end:var(--border-width) var(--border-style) var(--color-border-subtle)}.facets__count{font-size:var(--fs-xs);letter-spacing:var(--ls-wide);text-transform:var(--label-transform);color:var(--color-text-muted)}.facets__controls{display:flex;align-items:center;gap:var(--space-3)}.facets__trigger{position:relative}.facets__active-dot{position:absolute;inset-block-start:var(--space-1);inset-inline-end:var(--space-1);width:.375rem;height:.375rem;border-radius:var(--radius-full);background-color:var(--color-accent)}.facets__sort .select__control{min-height:var(--target-min);padding-block:var(--space-2);padding-inline:var(--space-3) var(--space-8);font-size:var(--fs-xs)}.facets.is-loading{opacity:.7}.facets__active{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2) var(--space-3);padding-block:var(--space-4)}.facets__active-label{font-size:var(--fs-label-sm);letter-spacing:var(--ls-widest);text-transform:var(--label-transform);color:var(--color-text-muted)}.facets__pills{display:flex;flex-wrap:wrap;gap:var(--space-2);margin:0;padding:0;list-style:none}.facets__pill{display:inline-flex;align-items:center;gap:var(--space-2);min-height:var(--target-min);padding-inline:var(--space-3);font-size:var(--fs-xs);color:var(--color-text);text-decoration:none;border:var(--border-width) var(--border-style) var(--color-border);transition:var(--transition-colors)}.facets__pill:hover{border-color:var(--color-brand);color:var(--color-brand)}.facets__inline{display:none}.facet{border-block-end:var(--border-width) var(--border-style) var(--color-border-subtle)}.facet__summary{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);min-height:var(--target-touch);padding-block:var(--space-3);font-size:var(--fs-label);font-weight:var(--fw-medium);letter-spacing:var(--ls-wide);text-transform:var(--label-transform);cursor:pointer;list-style:none}.facet__summary::-webkit-details-marker{display:none}.facet__label{display:flex;align-items:center;gap:var(--space-2)}.facet__count{display:inline-flex;align-items:center;justify-content:center;min-width:1.125rem;height:1.125rem;padding-inline:var(--space-1);border-radius:var(--radius-full);background-color:var(--color-brand);color:var(--color-brand-contrast);font-size:var(--fs-label-sm)}.facet__chevron{transition:var(--transition-transform)}.facet[open]>.facet__summary .facet__chevron{transform:rotate(180deg)}.facet__panel{padding-block-end:var(--space-3)}.facet__list{display:flex;flex-direction:column;gap:var(--space-1);max-height:15rem;overflow-y:auto;margin:0;padding:0;list-style:none}.facet__choice{min-height:var(--target-min);padding-block:var(--space-1)}.facet__choice.is-disabled{opacity:.4}.facet__value-count{color:var(--color-text-subtle);font-size:var(--fs-xs)}.facet__swatch{width:1rem;height:1rem;border-radius:var(--radius-full);border:var(--border-width) var(--border-style) var(--color-border);background-color:var(--swatch-color, var(--color-surface-sunken));background-image:var(--swatch-image, none);background-size:cover;flex-shrink:0}.facet__price-row{display:flex;align-items:center;gap:var(--space-2)}.facet__currency{font-size:var(--fs-xs);color:var(--color-text-muted)}.facet__price-input{min-width:0;text-align:center}.facet__price-sep{color:var(--color-text-subtle)}.facets__drawer-actions{display:flex;align-items:center;gap:var(--space-3)}.collection__layout{display:block}.collection__grid{margin:0;padding:var(--space-8) 0 0;list-style:none}.collection__aside{display:none}@media(min-width:48em){.collection-banner{padding-block:var(--section-y)}}@media(min-width:64em){.facets--sidebar .facets__trigger,.facets--horizontal .facets__trigger{display:none}.facets--sidebar .facets__inline,.facets--horizontal .facets__inline{display:block}.facets--horizontal .facets__form{display:flex;flex-wrap:wrap;gap:var(--space-4);padding-block:var(--space-4)}.facets--horizontal .facet{position:relative;border:var(--border-width) var(--border-style) var(--color-border);min-width:12rem}.facets--horizontal .facet__summary{padding-inline:var(--space-3)}.facets--horizontal .facet__panel{position:absolute;inset-block-start:100%;inset-inline-start:0;z-index:var(--z-dropdown);min-width:100%;padding:var(--space-3);background-color:var(--color-surface);border:var(--border-width) var(--border-style) var(--color-border);box-shadow:var(--elevation-dropdown)}.collection--sidebar .collection__layout{display:grid;grid-template-columns:16rem minmax(0,1fr);gap:var(--space-10);align-items:start}.collection--sidebar .collection__aside{display:block}.collection--sidebar .facets__inline{display:block;position:sticky;inset-block-start:var(--space-20)}.collection--sidebar .collection__grid{padding-block-start:var(--space-6)}}@media(max-width:63.99em){.facets__inline{display:none}}}
/*# sourceMappingURL=/cdn/shop/t/25/assets/section-collection.css.map */