.collection__layout{display:block}.collection__results{min-width:0;transition:opacity .2s ease}.collection__results--loading{opacity:.4;pointer-events:none}.collection__filters{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;visibility:hidden;pointer-events:none}.collection__filters.is-open{visibility:visible;pointer-events:auto}.collection__filters-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background-color:#00000080;opacity:0;transition:opacity .3s ease}.collection__filters.is-open .collection__filters-backdrop{opacity:1}.collection__filters-panel{position:absolute;top:0;left:0;bottom:0;width:min(38rem,88vw);display:flex;flex-direction:column;background-color:var(--color-background);transform:translate(-100%);transition:transform .35s var(--ease-out-expo);z-index:1}.collection__filters.is-open .collection__filters-panel{transform:translate(0)}.collection__filters-head{display:flex;align-items:center;justify-content:space-between;gap:1.6rem;padding:2rem 2.4rem;border-bottom:1px solid var(--color-border);flex-shrink:0}.collection__filters-title{font-size:1.3rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;margin:0}.collection__filters-close{display:inline-flex;align-items:center;justify-content:center;width:4rem;height:4rem;margin-right:-.8rem;color:var(--color-text);transition:color .2s ease}.collection__filters-close:hover{color:var(--color-primary)}.collection__filters-form{flex:1;overflow-y:auto;padding:0 2.4rem}.collection__filters-footer{flex-shrink:0;padding:1.6rem 2.4rem;border-top:1px solid var(--color-border)}.collection__filters-apply,.collection__filters-submit{width:100%}@media screen and (min-width:990px){.collection--sidebar .collection__layout{display:grid;grid-template-columns:26rem minmax(0,1fr);gap:4rem;align-items:start}.collection--sidebar .collection__filters{position:sticky;top:2.4rem;inset:auto;z-index:1;visibility:visible;pointer-events:auto}.collection--sidebar .collection__filters-panel{position:static;width:auto;transform:none;background:none;max-height:calc(100vh - 4.8rem)}.collection--sidebar .collection__filters-head,.collection--sidebar .collection__filters-footer,.collection--sidebar .collection__filters-backdrop,.collection--sidebar .collection__filter-toggle{display:none}.collection--sidebar .collection__filters-form{padding:0}}.collection__active-filters{padding-block:2rem;border-bottom:1px solid var(--color-border)}.collection__active-label{font-size:1.1rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--color-text-muted);margin:0 0 1.2rem}.collection__active-list{display:flex;flex-wrap:wrap;gap:.8rem;margin-bottom:1.2rem}.collection__active-pill{display:inline-flex;align-items:center;gap:.8rem;padding:.6rem 1rem;border:1px solid var(--color-border);font-size:1.2rem;font-weight:600;color:var(--color-text);text-decoration:none;transition:border-color .2s ease,color .2s ease}.collection__active-pill:hover{border-color:var(--color-primary);color:var(--color-primary)}.collection__active-pill svg{width:1rem;height:1rem;flex-shrink:0}.collection__clear-all{font-size:1.2rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--color-primary);text-decoration:underline;text-underline-offset:.3em}.collection__filter{border-bottom:1px solid var(--color-border)}.collection__filter-summary{display:flex;align-items:center;gap:1rem;padding-block:1.8rem;cursor:pointer;list-style:none;-webkit-user-select:none;user-select:none}.collection__filter-summary::-webkit-details-marker{display:none}.collection__filter-name{font-size:1.3rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;margin-right:auto}.collection__filter-badge{display:inline-flex;align-items:center;justify-content:center;min-width:2rem;height:2rem;padding-inline:.5rem;background-color:var(--color-primary);color:#fff;font-size:1.1rem;font-weight:700;border-radius:999px}.collection__filter-summary svg{width:1.2rem;height:1.2rem;flex-shrink:0;color:var(--color-text-muted);transition:transform .25s var(--ease-out-expo)}.collection__filter[open] .collection__filter-summary svg{transform:rotate(180deg)}.collection__filter-body{padding-bottom:2rem}.collection__filter-hint{font-size:1.2rem;color:var(--color-text-muted);margin:0 0 1.2rem}.collection__filter-values{display:flex;flex-direction:column;gap:.2rem;max-height:28rem;overflow-y:auto}.collection__checkbox{display:flex;align-items:center;gap:1rem;padding:.6rem 0;cursor:pointer;font-size:1.4rem;text-decoration:none;color:inherit}.collection__checkbox input{position:absolute;opacity:0;width:0;height:0}.collection__checkbox-box{flex-shrink:0;width:1.8rem;height:1.8rem;border:1px solid var(--color-border);background-color:var(--color-background);transition:background-color .15s ease,border-color .15s ease;position:relative}.collection__checkbox-box:after{content:"";position:absolute;left:.55rem;top:.2rem;width:.5rem;height:.9rem;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg) scale(0);transition:transform .15s var(--ease-out-expo)}.collection__checkbox input:checked+.collection__checkbox-box,.collection__checkbox.is-active .collection__checkbox-box{background-color:var(--color-primary);border-color:var(--color-primary)}.collection__checkbox input:checked+.collection__checkbox-box:after,.collection__checkbox.is-active .collection__checkbox-box:after{transform:rotate(45deg) scale(1)}.collection__checkbox input:focus-visible+.collection__checkbox-box{outline:2px solid var(--color-primary);outline-offset:2px}.collection__checkbox-label{margin-right:auto;line-height:1.4}.collection__checkbox-count{font-size:1.2rem;color:var(--color-text-muted);flex-shrink:0}.collection__checkbox--empty{opacity:.4;cursor:not-allowed}.collection__price-range{display:flex;align-items:flex-end;gap:1.2rem}.collection__price-field{flex:1;min-width:0}.collection__price-field label{display:block;font-size:1.1rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--color-text-muted);margin-bottom:.6rem}.collection__price-field input{width:100%;height:4.2rem;padding:0 1.2rem;border:1px solid var(--color-border);border-radius:0;background-color:var(--color-background);color:var(--color-text);font-size:1.4rem}.collection__price-field input:focus{border-color:var(--color-secondary);outline:none}
/*# sourceMappingURL=/cdn/shop/t/27/assets/component-filters.css.map */