.filter-drawer{position:fixed;top:0;left:0;width:340px;height:100vh;background:#fff;z-index:200;transform:translate(-100%);transition:transform .35s cubic-bezier(.4,0,.2,1);overflow-y:auto;overscroll-behavior:contain;display:flex;flex-direction:column}.filter-drawer.is-active{transform:translate(0);box-shadow:8px 0 48px #1a274426}.filter-drawer__header{display:flex;align-items:center;justify-content:space-between;padding:12px 24px;border-bottom:1px solid rgba(26,39,68,.1);position:sticky;top:0;background:#fff;z-index:1}.filter-drawer__title{font-family:var(--font-heading-family);font-size:16px;font-weight:800;letter-spacing:-.03em;color:#1a2744}.filter-drawer__header-actions{display:flex;align-items:center;gap:16px}.filter-drawer__clear{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.12em;color:#1a2744;opacity:.4;text-decoration:underline;text-underline-offset:3px;cursor:pointer;transition:opacity .2s}.filter-drawer__clear:hover{opacity:.8}.filter-drawer__close{background:none;border:none;cursor:pointer;color:#1a2744;display:flex;align-items:center;padding:4px;opacity:.7;transition:opacity .2s}.filter-drawer__close:hover{opacity:1}.filter-drawer__no-filters{padding:24px;font-size:13px;opacity:.5;color:#1a2744}.filter-section{border-bottom:1px solid rgba(26,39,68,.08)}.filter-section__toggle{display:flex;align-items:center;justify-content:space-between;width:100%;padding:12px 24px;background:none;border:none;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.12em;color:#1a2744;cursor:pointer;text-align:left}.filter-section__chevron{transition:transform .25s ease;flex-shrink:0;opacity:.5}.filter-section.is-collapsed .filter-section__chevron{transform:rotate(-90deg)}.filter-section__content{padding:2px 24px 16px;overflow:hidden;transition:max-height .3s ease}.filter-section.is-collapsed .filter-section__content{display:none}.filter-price{padding:4px 0}.filter-price__range-wrap{position:relative;height:24px;margin-bottom:20px;-webkit-user-select:none;user-select:none}.filter-price__track{position:absolute;top:50%;left:0;right:0;height:2px;background:#1a274414;border-radius:2px;transform:translateY(-50%);pointer-events:none;z-index:1}.filter-price__track-fill{position:absolute;height:100%;background:#1a2744;border-radius:2px;transition:left .05s,width .05s}.filter-price__range{position:absolute;top:0;left:0;width:100%;height:100%;appearance:none;-webkit-appearance:none;background:transparent;pointer-events:none;z-index:4;outline:none;margin:0;padding:0}.filter-price__range--min{z-index:4}.filter-price__range--max{z-index:5}.filter-price__range::-webkit-slider-runnable-track{background:transparent;height:2px}.filter-price__range::-moz-range-track{background:transparent;height:2px}.filter-price__range::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;border-radius:50%;background:#1a2744;border:2.5px solid #fff;box-shadow:0 0 0 1px #1a2744,0 2px 4px #1a274426;cursor:pointer;pointer-events:all;margin-top:-7px;transition:transform .1s ease}.filter-price__range::-webkit-slider-thumb:hover{transform:scale(1.1)}.filter-price__range::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:#1a2744;border:2.5px solid #fff;box-shadow:0 0 0 1px #1a2744,0 2px 4px #1a274426;cursor:pointer;pointer-events:all;transition:transform .1s ease}.filter-price__range::-moz-range-thumb:hover{transform:scale(1.1)}.filter-price__inputs{display:flex;align-items:center;gap:8px}.filter-price__label{display:flex;align-items:center;gap:4px;flex:1;border:1px solid rgba(26,39,68,.15);border-radius:4px;padding:8px 12px;transition:border-color .2s,box-shadow .2s;background:#fff}.filter-price__label:focus-within{border-color:#1a2744;box-shadow:0 0 0 1px #1a2744}.filter-price__currency{font-size:12px;color:#1a2744;opacity:.5;font-weight:600}.filter-price__input{border:none;background:none;font-size:13px;font-weight:500;color:#1a2744;width:100%;outline:none;padding:0;-moz-appearance:textfield}.filter-price__input::-webkit-inner-spin-button,.filter-price__input::-webkit-outer-spin-button{-webkit-appearance:none}.filter-price__sep{font-size:13px;opacity:.3;color:#1a2744}.filter-swatches{display:flex;flex-wrap:wrap;gap:12px;padding:6px 0}.filter-swatch-label{display:flex;align-items:center;cursor:pointer;position:relative}.filter-swatch__dot{width:22px;height:22px;border-radius:50%;border:1px solid rgba(26,39,68,.15);transition:all .2s cubic-bezier(.4,0,.2,1);display:block}.filter-swatch__input:checked+.filter-swatch__dot{box-shadow:0 0 0 2px #fff,0 0 0 3px #1a2744;border-color:transparent;transform:scale(1.05)}.filter-swatch__dot.is-disabled{opacity:.3;cursor:not-allowed;position:relative}.filter-swatch__dot.is-disabled:after{content:"";position:absolute;top:50%;left:0;right:0;height:1px;background:#1a274466;transform:rotate(-45deg)}.filter-swatch__name{display:none}.filter-checklist{display:flex;flex-direction:column;gap:2px}.filter-check{display:flex;align-items:center;gap:10px;padding:6px 0;cursor:pointer;transition:opacity .2s}.filter-check.is-empty{opacity:.35;cursor:default}.filter-check__box{width:14px;height:14px;border:1px solid rgba(26,39,68,.25);border-radius:2px;flex-shrink:0;position:relative;transition:all .2s ease;background:transparent}.filter-check:hover:not(.is-empty) .filter-check__box{border-color:#1a2744}.filter-check__input:checked+.filter-check__box,.filter-check.is-active .filter-check__box{background:#1a2744;border-color:#1a2744}.filter-check__input:checked+.filter-check__box:after,.filter-check.is-active .filter-check__box:after{content:"";position:absolute;top:1px;left:4px;width:3px;height:6px;border:1.5px solid #fff;border-top:none;border-left:none;transform:rotate(45deg)}.filter-check__label{font-size:12px;font-weight:400;color:#1a2744;flex:1;letter-spacing:0}.filter-check__count{font-size:11px;color:#1a2744;opacity:.35}.filter-drawer__footer{padding:16px 24px 24px;border-top:1px solid rgba(26,39,68,.08);position:sticky;bottom:0;background:#fff}.filter-drawer__apply{display:block;width:100%;height:44px;background:#1a2744;color:#fff;border:1px solid #1a2744;border-radius:100px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.12em;cursor:pointer;transition:all .25s ease}.filter-drawer__apply:hover{background:transparent;color:#1a2744}@media(max-width:749px){.filter-drawer{width:100%;border-radius:0}}
/*# sourceMappingURL=/cdn/shop/t/30/assets/component-collection-filters.css.map */