.collection-banner{position:relative;display:grid;min-height:clamp(320px,42vw,560px);color:#fff;--color-fg: #fff;isolation:isolate;overflow:hidden}.collection-banner__media{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:#111}.collection-banner__media img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}@media(prefers-reduced-motion:no-preference){.collection-banner__media img{animation:banner-zoom 2.4s cubic-bezier(.2,.7,.2,1) both}}@keyframes banner-zoom{0%{transform:scale(1.06)}}.collection-banner__content{display:grid;align-content:center;justify-items:center;gap:1rem;text-align:center;padding-block:3rem}html.has-transparent-header .collection-banner{min-height:clamp(380px,calc(42vw + var(--header-height, 0px)),680px)}html.has-transparent-header .collection-banner__content{padding-top:calc(var(--header-height, 0px) + 2rem)}.collection-banner__content .breadcrumbs{color:#ffffffb3}.collection-banner__content .breadcrumbs [aria-current]{color:#fff}.collection-banner__desc{max-width:36rem;color:#ffffffd9}.collection-header{display:grid;justify-items:center;gap:1rem;text-align:center;padding-block:clamp(2.5rem,6vw,4.5rem) 1.5rem}.collection-header__desc{max-width:40rem}.collection-chips{padding-top:1.5rem}.collection-chips ul{display:flex;gap:.5rem;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;list-style:none;padding:0;margin-inline:calc(var(--gutter) * -1);padding-inline:var(--gutter)}.collection-chips ul::-webkit-scrollbar{display:none}.collection-chip{display:inline-block;white-space:nowrap;padding:.625rem 1.125rem;border:1px solid var(--color-border);font-size:.75rem;letter-spacing:.08em;text-transform:uppercase;transition:border-color .2s,background .2s,color .2s}.collection-chip:hover{border-color:var(--color-fg)}.collection-chip.is-active{background:var(--color-fg);color:var(--color-bg);border-color:var(--color-fg)}.collection-toolbar{position:sticky;top:0;z-index:20;background:var(--color-bg);border-bottom:1px solid var(--color-border);margin-top:1.5rem}.collection-toolbar__inner{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;min-height:52px;gap:1rem}.collection-toolbar__filter{display:inline-flex;align-items:center;gap:.625rem;justify-self:start;padding:.5rem 0}.collection-toolbar__badge{display:grid;place-items:center;min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:var(--color-fg);color:var(--color-bg);font-size:10px;letter-spacing:0}.collection-toolbar__count{text-align:center}.collection-toolbar__right{display:flex;align-items:center;justify-content:flex-end;gap:1.25rem}.collection-toolbar__select{border:0;background:none;padding:.5rem 1.5rem .5rem 0;cursor:pointer;-webkit-appearance:none;appearance:none;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23888' stroke-width='1.4'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") right center / 14px no-repeat}.collection-toolbar__grid{display:flex;gap:.25rem}.collection-toolbar__grid-btn{display:grid;place-items:center;width:32px;height:32px;opacity:.3;transition:opacity .2s}.collection-toolbar__grid-btn[aria-pressed=true]{opacity:1}.collection__body{padding-block:1.5rem var(--section-spacing);transition:opacity .3s}.collection.is-loading .collection__body{opacity:.4;pointer-events:none}.collection-grid{--cols: var(--cols-mobile, 2);display:grid;grid-template-columns:repeat(var(--cols),minmax(0,1fr));gap:var(--grid-gap);list-style:none;padding:0;margin-inline:calc(var(--gutter) * -1 + var(--grid-gap))}.collection[data-density=less] .collection-grid{--cols: 1}@media(min-width:750px){.collection-grid{--cols: 3;margin-inline:0}.collection[data-density=less] .collection-grid{--cols: 2}}@media(min-width:990px){.collection-grid{--cols: var(--cols-desktop, 4)}.collection[data-density=less] .collection-grid{--cols: calc(var(--cols-desktop, 4) - 1)}}@media(max-width:749px){.collection[data-density=more] .collection-grid{--cols: var(--cols-mobile, 2)}.collection-toolbar__count{display:none}.collection-toolbar__inner{grid-template-columns:1fr auto}}.collection-promo{position:relative}.collection-promo__link{position:relative;display:block;height:100%;min-height:360px;color:#fff}.collection-promo__link .media{position:absolute;top:0;right:0;bottom:0;left:0}.collection-promo__heading{position:absolute;left:1.5rem;bottom:1.5rem;right:1.5rem;color:#fff}.active-filters{display:flex;flex-wrap:wrap;gap:.5rem;list-style:none;padding:0 0 1.5rem;align-items:center}.active-filter{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem .75rem;border:1px solid var(--color-border);font-size:.75rem;transition:border-color .2s}.active-filter:hover{border-color:var(--color-fg)}.active-filter--clear{border:0;padding-inline:.25rem}.collection-more{display:grid;justify-items:center;gap:1rem;margin-top:3rem}.collection-more__bar{width:min(240px,60vw);height:1px;background:var(--color-border);position:relative}.collection-more__bar span{position:absolute;inset:0 auto 0 0;width:var(--value);background:var(--color-fg)}.collection__seo{padding-bottom:var(--section-spacing)}.facets-drawer .facets{display:flex;flex-direction:column;height:100%}.facets__group>summary{padding-block:1.25rem}.facets__list{display:grid;gap:.25rem}.facets__option{display:flex;align-items:center;gap:.75rem;padding:.375rem 0;cursor:pointer;font-size:.8125rem}.facets__option input{width:16px;height:16px;accent-color:var(--color-fg);flex-shrink:0}.facets__option.is-disabled{opacity:.4;cursor:not-allowed}.facets__count{margin-left:auto;color:var(--color-muted);font-size:.75rem}.facets__list--size{grid-template-columns:repeat(auto-fill,minmax(64px,1fr));gap:.375rem}.facets__list--size .facets__option{position:relative;justify-content:center;padding:.625rem .25rem;border:1px solid var(--color-border)}.facets__list--size .facets__option input{position:absolute;opacity:0}.facets__list--size .facets__option:has(input:checked){border-color:var(--color-fg);background:var(--color-fg);color:var(--color-bg)}.facets__list--size .facets__option:has(input:focus-visible){outline:1px solid var(--color-fg);outline-offset:2px}.facets__list--size .facets__count{display:none}.facets__list--swatch .facets__option input{position:absolute;opacity:0}.facets__list--swatch .facets__option .swatch{--size: 20px}.facets__list--swatch .facets__option:has(input:focus-visible) .swatch:after{border-color:var(--color-fg)}.facets__price{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.facets__price-field{display:grid;gap:.375rem}.facets__footer{display:grid;grid-template-columns:1fr 1.6fr;gap:.5rem}.facets__footer .button{padding-inline:.75rem}.collection-feature{grid-column:1 / -1;min-width:0}.collection-feature__inner{position:relative;display:block;height:100%;overflow:hidden;background:#111}.collection-feature__media{position:relative;aspect-ratio:25 / 16}.collection-feature__media img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform 1.2s cubic-bezier(.2,.7,.2,1)}a.collection-feature__inner:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,rgb(0 0 0 / .18),transparent 40%);opacity:0;transition:opacity .6s}@media(hover:hover){a.collection-feature__inner:hover img{transform:scale(1.035)}a.collection-feature__inner:hover:after{opacity:1}}@media(min-width:750px){.collection-feature--end{grid-column:-3 / -1}.collection-feature--start{grid-column:1 / span 2}.collection-feature__media{position:absolute;top:0;right:0;bottom:0;left:0;aspect-ratio:auto}.collection-feature__inner{min-height:260px}.collection[data-density=less] .collection-feature{grid-column:1 / -1}.collection[data-density=less] .collection-feature__media{position:relative;aspect-ratio:25 / 16}}.collection-tile__fallback{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:1.25rem;text-align:center;background:#111;color:#ffffffe6;font-family:var(--font-heading);font-size:clamp(1.25rem,2.2vw,1.75rem);line-height:1.1;text-wrap:balance}
/*# sourceMappingURL=/cdn/shop/t/107/assets/section-collection.css.map */