.collection-banner{text-align:center;padding:3.2rem var(--gutter) 1.6rem}.collection-banner--image{position:relative;padding:var(--grid-gap) var(--gutter) 0;color:#fff}.collection-banner--image .collection-banner__media{aspect-ratio:4 / 3;border-radius:var(--radius-panel)}@media(min-width:750px){.collection-banner--image .collection-banner__media{aspect-ratio:3.2 / 1}}.collection-banner--image .collection-banner__media:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#00000038}.collection-banner--image .collection-banner__content{position:absolute;inset:var(--grid-gap) var(--gutter) 0;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:1}.collection-banner__title{margin:0;font-size:var(--fs-xl);font-weight:700}.collection-banner__description{max-width:64rem;margin:1rem auto 0;font-size:var(--fs-sm);color:var(--color-text-muted)}.collection-banner--image .collection-banner__description{color:inherit;opacity:.9}.collection{padding-bottom:6rem}.collection.is-loading [data-results]{opacity:.45;pointer-events:none;transition:opacity var(--duration)}.collection__toolbar{position:sticky;top:calc(var(--header-h) + .8rem);z-index:20;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.6rem;margin:1.6rem 0;background:var(--color-panel);border-radius:99px;box-shadow:0 2px 12px #0000000a}.collection__filter-button{display:inline-flex;align-items:center;gap:.6rem;padding:.8rem 1.6rem;border-radius:99px;background:var(--color-bg);font-size:var(--fs-sm);font-weight:500;transition:background var(--duration) var(--ease),color var(--duration) var(--ease)}.collection__filter-button:hover{background:var(--color-text);color:var(--color-panel)}.collection__filter-button .icon{width:1.7rem;height:1.7rem}.collection__filter-count{display:inline-flex;align-items:center;justify-content:center;min-width:1.8rem;height:1.8rem;border-radius:99px;background:var(--color-text);color:var(--color-panel);font-size:1rem}.collection__count{margin:0;font-size:var(--fs-xs);color:var(--color-text-muted)}@media(max-width:749px){.collection__count{display:none}}.collection__sort{padding-right:1.4rem}.collection__sort-select{-webkit-appearance:none;appearance:none;border:0;background:none;padding:.6rem 2.2rem .6rem .6rem;cursor:pointer;font-size:var(--fs-sm);font-weight:500}.collection__sort .icon{right:1.2rem;width:1.4rem}.collection__active{display:flex;flex-wrap:wrap;gap:.6rem;margin-bottom:1.6rem}.collection__active:empty{display:none}.collection__active .chip{background:var(--color-panel)}.chip--remove .icon{width:1.2rem;height:1.2rem}.collection__empty{text-align:center;padding:6.4rem 0;display:grid;gap:1.2rem;justify-items:center}.collection__load-more{display:grid;justify-items:center;gap:1rem;margin-top:4rem}.collection__progress{margin:0;font-size:var(--fs-xs);color:var(--color-text-muted)}.pagination{margin-top:4rem}.pagination__list{display:flex;justify-content:center;gap:.4rem}.pagination__item{display:inline-flex;align-items:center;justify-content:center;min-width:3.8rem;height:3.8rem;border-radius:99px;background:var(--color-panel);font-size:var(--fs-sm);transition:background var(--duration) var(--ease),color var(--duration) var(--ease)}.pagination__item:hover,.pagination__item.is-current{background:var(--color-text);color:var(--color-panel)}.pagination__item .icon{width:1.4rem;height:1.4rem}.filter-drawer .drawer__body{padding:0 2rem}.filter-group:first-child{border-top:0}.filter-group__options{display:grid;gap:1.1rem}.filter-group__options--sizes{display:grid;grid-template-columns:repeat(5,1fr);gap:.5rem}.filter-group__options--colors{grid-template-columns:repeat(2,1fr)}.filter-option{position:relative;display:flex;align-items:center;gap:1rem;font-size:var(--fs-sm);color:var(--color-text);cursor:pointer}.filter-option input{position:absolute;opacity:0;width:1px;height:1px}.filter-option__box{width:1.8rem;height:1.8rem;border-radius:5px;box-shadow:inset 0 0 0 1px var(--color-border);flex-shrink:0;transition:background var(--duration) var(--ease)}.filter-option__box--radio{border-radius:50%}.filter-option input:checked+.filter-option__box{background:var(--color-text);box-shadow:inset 0 0 0 1px var(--color-text),inset 0 0 0 4px var(--color-panel)}.filter-option input:focus-visible+*{outline:1px solid var(--color-text);outline-offset:2px}.filter-option__count{color:var(--color-text-muted);font-size:var(--fs-xs)}.filter-option.is-disabled{opacity:.4;cursor:not-allowed}.filter-option .swatch{width:2rem;height:2rem}.filter-option input:checked+.swatch{box-shadow:0 0 0 2px var(--color-panel),0 0 0 3px var(--color-text)}.filter-option__size{display:inline-flex;align-items:center;justify-content:center;width:100%;height:3.8rem;border-radius:99px;box-shadow:inset 0 0 0 1px var(--color-border);font-size:var(--fs-xs);font-weight:500;text-transform:uppercase;transition:background var(--duration) var(--ease),color var(--duration) var(--ease)}.filter-option--size:hover .filter-option__size{box-shadow:inset 0 0 0 1px var(--color-text)}.filter-option--size input:checked+.filter-option__size{background:var(--color-text);color:var(--color-panel);box-shadow:none}.filter-option--size.is-disabled .filter-option__size{background:var(--color-unavailable);text-decoration:line-through;box-shadow:none}.price-range{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.filter-drawer__footer{display:grid;grid-template-columns:1fr 1fr;gap:.8rem}.filter-drawer__footer .button{padding-left:1rem;padding-right:1rem}.search-page__header{text-align:center;padding:3.2rem var(--gutter) 1.2rem}.search-page__form{display:flex;max-width:56rem;margin:2rem auto 0;padding:0 .6rem 0 2rem;background:var(--color-panel);border-radius:99px}.search-page__form input{flex:1;min-width:0;border:0;background:none;padding:1.3rem 0;font-size:var(--fs-md);outline:0}.search-page__form button{display:inline-flex;align-items:center;justify-content:center;width:4.2rem}.search-results__article{display:grid;gap:.6rem;padding:1.6rem;background:var(--color-panel);border-radius:var(--radius-box);height:100%}.search-results__article .caption{color:var(--color-text-muted)}
/*# sourceMappingURL=/cdn/shop/t/12/assets/section-collection.css.map */