collection-filters{--filters-transition: .25s;--filters-inset: var(--s4);--filters-padding: var(--s3);--filters-rule: rgba(0, 0, 0, .1);display:block}body:has(collection-filters.state--active){overflow:hidden}.collection-toolbar{padding:var(--s1) 0;border-top:1px solid var(--filters-rule);border-bottom:1px solid var(--filters-rule)}.collection-toolbar-button svg{flex:none;transition:transform var(--filters-transition) cubic-bezier(.2,.7,.2,1)}@media(max-width:767px){.collection-toolbar-shortcut{display:none}}.collection-dropdown{position:relative}.collection-dropdown.state--open .collection-toolbar-button svg{transform:rotate(180deg)}.collection-dropdown-panel{position:absolute;z-index:20;top:calc(100% + var(--s1) + 1px + var(--s-1));left:0;width:max-content;min-width:220px;max-width:min(360px,calc(100vw - (var(--s2) * 2)));max-height:360px;padding:var(--s2);border:1px solid var(--filters-rule);border-radius:10px;background:url(texture-cream.jpg) center / cover,var(--color-3);overflow-y:auto;overscroll-behavior:contain}.collection-dropdown-panel::-webkit-scrollbar{width:2px}.collection-dropdown-panel::-webkit-scrollbar-thumb{border-radius:2px;background:#0003}.collection-dropdown-panel::-webkit-scrollbar-track{background:transparent}@supports not selector(::-webkit-scrollbar){.collection-dropdown-panel,.collection-filters-body{scrollbar-width:thin;scrollbar-color:rgba(0,0,0,.2) transparent}}.collection-dropdown--end .collection-dropdown-panel{right:0;left:auto}.collection-dropdown-panel>.collection-filter-values{margin-top:0}collection-filters.state--loading .collection-dropdown-panel{opacity:.5}.collection-filters-drawer{position:fixed;z-index:999999999;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;visibility:hidden;transition:visibility var(--filters-transition) ease}collection-filters.state--active .collection-filters-drawer{visibility:visible;transition:none}collection-filters.state--active .overlay{opacity:1}.collection-filters-panel{position:relative;z-index:1;display:flex;flex-direction:column;width:439px;max-width:calc(100% - (var(--filters-inset) * 2));height:calc(100% - (var(--filters-inset) * 2));margin-left:var(--filters-inset);border-radius:10px;background:url(texture-cream.jpg) center / cover,var(--color-3);transform:translate(calc(-100% - var(--filters-inset)));transition:transform var(--filters-transition) ease;overflow:hidden}collection-filters.state--active .collection-filters-panel{transform:translate(0)}.collection-filters-header{flex:none;padding:var(--filters-padding) var(--filters-padding) var(--s1)}.collection-filters-close{width:17px}.collection-filters-close svg{width:100%;height:auto}.collection-filters-body{flex:1 1 auto;min-height:0;padding:0 var(--filters-padding);overflow-y:auto;overscroll-behavior:contain;transition:opacity var(--filters-transition) ease}.collection-filters-body::-webkit-scrollbar{width:2px}.collection-filters-body::-webkit-scrollbar-thumb{border-radius:2px;background:#0003}.collection-filters-body::-webkit-scrollbar-track{background:transparent}collection-filters.state--loading .collection-filters-body,collection-filters.state--loading+[data-collection-results]{opacity:.5}[data-collection-results]{transition:opacity var(--filters-transition) ease}.collection-filters-footer{flex:none;padding:var(--s1) var(--filters-padding) var(--filters-padding);border-top:1px solid var(--filters-rule)}.collection-filter-group{padding:var(--s1) 0;border-top:1px solid var(--filters-rule)}.collection-filter-group:first-child{padding-top:0;border-top:0}.collection-filter-summary{cursor:pointer;list-style:none}.collection-filter-summary::-webkit-details-marker{display:none}.collection-filter-summary svg{flex:none;transition:transform var(--filters-transition) ease}.collection-filter-group:not([open]) .collection-filter-summary svg{transform:rotate(180deg)}.collection-filter-values{margin-top:var(--s1)}.collection-filter-option{width:fit-content;cursor:pointer}.collection-filter-box{position:relative;flex:none;width:13px;height:13px}.collection-filter-box input{display:block;width:100%;height:100%;margin:0;border:1px solid currentColor;border-radius:2px;background:transparent;-webkit-appearance:none;appearance:none;cursor:pointer}.collection-filter-box input:checked{background-color:currentColor}.collection-filter-box svg{position:absolute;top:0;right:0;bottom:0;left:0;color:var(--color-4);opacity:0;pointer-events:none}.collection-filter-box input:checked+svg{opacity:1}.collection-filter-box input[type=radio]{border-radius:50%}.collection-filter-box input[type=radio]:checked{background:radial-gradient(circle,currentColor 3.5px,transparent 4px)}.collection-filter-input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.collection-filter-tile:has(.collection-filter-input:focus-visible),.collection-filter-pill:has(.collection-filter-input:focus-visible){outline:1px solid var(--color-1);outline-offset:2px}.collection-filter-tiles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--s-1)}.collection-filter-tile{position:relative;justify-content:flex-end;min-height:0;padding:var(--s0) 4px;border:1px solid rgba(0,0,0,.2);border-radius:10px;background-color:#fff;text-align:center;cursor:pointer}.collection-filter-tile:has(.collection-filter-input:checked){border-color:var(--color-1)}.collection-filter-icon{flex:none;width:28px;height:auto}.collection-filter-pill{position:relative;padding:var(--s-2) var(--s-1);border:1px solid rgba(30,25,23,.1);border-radius:52px;background-color:#fff;cursor:pointer}.collection-filter-pill:has(.collection-filter-input:checked){border-color:var(--color-1)}.collection-filter-swatch{flex:none;width:19px;height:19px;border-radius:50%;background-color:var(--filters-rule);background-position:center;background-size:cover;box-shadow:inset 0 0 0 1px #00000012}@media(max-width:767px){collection-filters{--filters-inset: var(--s2);--filters-padding: var(--s2)}.collection-filters-panel{width:100%}}.collection-toolbar-pill{position:relative;opacity:.7;cursor:pointer;transition:opacity var(--filters-transition) ease}.collection-toolbar-pill input{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer}.collection-toolbar-pill:hover,.collection-toolbar-pill:has(input:checked){opacity:1}.collection-toolbar-pill:has(input:focus-visible){outline:1px solid currentColor;outline-offset:4px}@media(max-width:1023px){.collection-toolbar-pills{display:none}}@media(min-width:1024px){.collection-filter-rows{display:none}}.collection-dropdown.state--open .collection-dropdown-panel{animation:collection-dropdown-in .2s cubic-bezier(.2,.7,.2,1)}.collection-dropdown-panel.state--closing{animation:collection-dropdown-out .15s ease-in forwards}.collection-dropdown.state--open .collection-dropdown-panel.state--instant{animation:none}[data-collection-results].state--leaving{opacity:0;transition-duration:.16s;transition-timing-function:ease-in}@keyframes collection-dropdown-in{0%{opacity:0;transform:translateY(-6px)}}@keyframes collection-dropdown-out{to{opacity:0;transform:translateY(-6px)}}@media(prefers-reduced-motion:reduce){.collection-toolbar-button svg,.collection-toolbar-pill{transition:none}.collection-dropdown.state--open .collection-dropdown-panel,.collection-dropdown-panel.state--closing{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/90/assets/component-collection-filters.css.map */