@layer sections{.filter-pills,.layout-switch{--pill-height: 3.26em}.filter-pills{display:flex;flex-flow:row wrap;gap:var(--sp-3);margin:0;padding:0;list-style:none}.filter-pills__button{display:flex;align-items:center;height:var(--pill-height);padding-inline:1.58em;color:var(--color-secondary);font-size:var(--text-lg);white-space:nowrap;background-color:var(--color-primary);border:var(--stroke) solid var(--color-border);cursor:pointer;transition:color var(--anim),background-color var(--anim)}.filter-pills__button:focus-visible{outline:var(--focus-ring);outline-offset:var(--focus-offset)}.filter-pills__button[data-filter-status=active]{color:var(--color-primary);background-color:var(--color-secondary)}@media(hover:hover)and (pointer:fine){.filter-pills__button:hover{color:var(--color-primary);background-color:var(--color-secondary)}}.filter-select{--filter-select-height: 3.8em;--filter-select-option-height: 2.86em;--filter-select-inset: 2.14em;position:relative;z-index:5;width:min(100%,16.7em);height:var(--filter-select-height);font-size:var(--text-xl)}.filter-select__panel{position:absolute;inset-block-start:0;inset-inline-start:0;z-index:3;width:100%;height:100%;overflow:hidden;color:var(--color-secondary);background-color:var(--color-primary);border-radius:calc(var(--filter-select-height) / 2)}.filter-select__toggle{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-4);width:100%;height:var(--filter-select-height);padding-inline:var(--filter-select-inset);color:inherit;background-color:transparent;border:none;cursor:pointer}.filter-select__icon{flex:none;transition:transform .5s var(--ease-expo)}.filter-select[data-filter-select-status=open] .filter-select__icon{transform:scaleY(-1)}.filter-select__options{display:flex;flex-direction:column}.filter-select__group{padding-block:var(--sp-3) var(--sp-1);padding-inline:var(--filter-select-inset);margin:0;color:var(--gray);font-size:var(--text-sm);letter-spacing:.06em;text-transform:uppercase;border-block-start:var(--stroke) solid var(--color-border);pointer-events:none}.filter-select__option{display:flex;align-items:center;width:100%;height:var(--filter-select-option-height);padding-inline:var(--filter-select-inset);color:var(--gray);text-align:start;text-decoration:none;background-color:transparent;border:none;border-block-start:var(--stroke) solid var(--color-border);cursor:pointer;transition:color var(--anim-fast)}.filter-select__option[data-filter-status=active]{color:var(--color-secondary);pointer-events:none}@media(hover:hover)and (pointer:fine){.filter-select__option:hover{color:var(--color-secondary)}}.filter-select__count{margin-inline-start:auto;color:inherit;font-size:var(--text-sm);opacity:.5}.layout-switch{--layout-switch-chat-clearance: calc(var(--safe) + 60px + var(--sp-4));position:sticky;inset-block-end:var(--sp-8);z-index:20;width:var(--layout-viewport-width);block-size:0;margin-block-start:calc(var(--sp-8) * -1);margin-inline:calc(50% - (var(--layout-viewport-width) / 2));pointer-events:none}.layout-switch__container{position:absolute;inset-block-end:0;inset-inline:0;display:flex;justify-content:flex-end;padding-inline-start:var(--safe);padding-inline-end:var(--layout-switch-chat-clearance)}.layout-switch__group{position:relative;display:flex;padding:var(--sp-2);color:var(--color-secondary);font-size:var(--text-lg);background-color:var(--color-primary);pointer-events:auto}.layout-switch__group:after{content:"";position:absolute;inset-block:var(--sp-2);inset-inline-start:var(--sp-2);z-index:0;width:calc((100% - var(--sp-4)) / 2);background-color:var(--color-secondary);border-radius:var(--rounded-full);transition:translate var(--anim)}[data-layout-status=small] .layout-switch__group:after{translate:100% 0}.layout-switch__button{position:relative;z-index:1;display:flex;flex:1 1 0;align-items:center;justify-content:center;height:var(--pill-height);padding-inline:2.1em;color:inherit;white-space:nowrap;background-color:transparent;border:none;cursor:pointer;transition:color var(--anim)}.layout-switch__button:focus-visible{outline:var(--focus-ring);outline-offset:var(--focus-offset)}.layout-switch__button.is--active{color:var(--color-primary)}}@layer sections{.collection-grid{--collection-grid-columns: 3;--collection-grid-gap: var(--sp-6);--collection-grid-row-gap: var(--sp-16);--collection-grid-transition: .3s;display:flex;flex-flow:column;gap:var(--sp-8);padding:var(--page-start) var(--safe) var(--sp-32)}.collection-grid__head{display:flex;flex-flow:column;gap:var(--sp-2)}.collection-grid__results{display:flex;flex-flow:column;gap:var(--sp-8)}.collection-grid__controls{display:flex;flex-flow:row wrap;align-items:center;justify-content:space-between;gap:var(--sp-4)}.collection-grid__filters{display:flex;flex:1 1 0;flex-flow:row wrap;align-items:center;gap:var(--sp-3)}.collection-grid__filters>*{flex:none}.collection-grid__count{margin:0;color:var(--color-secondary);font-size:var(--text-sm)}.collection-grid__list{position:relative;display:flex;flex-flow:row wrap;column-gap:var(--collection-grid-gap);row-gap:var(--collection-grid-row-gap)}.collection-grid__item{position:relative;width:calc((100% - (var(--collection-grid-columns) - 1) * var(--collection-grid-gap)) / var(--collection-grid-columns));transition:opacity var(--collection-grid-transition)}.collection-grid__item[data-filter-status=not-active]{display:none}.collection-grid__item[data-filter-status=transition-out]{opacity:0}.collection-grid__pagination{display:flex;justify-content:center;gap:var(--sp-4)}.collection-grid__empty{grid-column:1 / -1}[data-layout-status=small]{--collection-grid-columns: 4;--collection-grid-gap: var(--sp-4)}[data-transitioning] .collection-grid__list{pointer-events:none}[data-transitioning=out] .collection-grid__item{opacity:0}@media(max-width:767px){.collection-grid{--collection-grid-columns: var(--collection-grid-columns-mobile, 1);--collection-grid-gap: var(--sp-4)}[data-layout-status=small]{--collection-grid-columns: 2}.collection-grid__count{display:none}.collection-grid__filters{width:100%}.collection-grid__filters>*{width:100%}.filter-select{width:100%}.filter-pills{flex-wrap:nowrap;margin-inline:calc(var(--safe) * -1);padding-inline:var(--safe);overflow-x:auto;scroll-padding-inline-start:var(--safe);scrollbar-width:none}.filter-pills::-webkit-scrollbar{display:none}.filter-pills--snap{scroll-snap-type:x mandatory}.filter-pills--snap .filter-pills__item{scroll-snap-align:start}.layout-switch__container{justify-content:center;padding-inline-end:var(--safe)}}@media(prefers-reduced-motion:reduce){.collection-grid__item{transition-duration:1ms}.layout-switch__group:after{transition-duration:1ms}}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/_collection.css.map */