.c-filter-drawer{width:100%;max-width:unset;height:auto;max-height:80vh;position:fixed;bottom:0;left:50%;right:auto;top:auto;z-index:1003;transform:translate(-50%,100%);transition:transform .35s ease-in-out;border-top:var(--border-default);border-left:none;background:var(--bg-primary);color:var(--primary);display:flex;flex-direction:column}.c-filter-drawer.active{transform:translate(-50%)}.c-filter-overlay{transition:all .6s ease-in-out}.c-filter-drawer.active~.c-filter-overlay{width:100%;height:100%;background:#0003;position:absolute;top:0;left:0;z-index:1002}.c-filter-drawer__header{cursor:pointer}.c-filter-drawer__content{flex:1;overflow-y:auto;display:flex;flex-direction:column;padding:0}.c-filter-form{display:flex;flex-direction:column;gap:1px;flex:1}.c-filter-drawer__actions{padding:var(--space-sm);display:flex;flex-direction:column;gap:var(--space-xs);margin-top:auto}.c-filter-drawer .c-accordion-wrapper{border-bottom:var(--border-default)}.c-filter-drawer .c-accordion:not(.c-accordion-wrapper .c-accordion){border-bottom:var(--border-default)}.c-filter-drawer .c-accordion__header{display:flex;justify-content:space-between;align-items:center;padding:0 var(--space-sm);height:var(--component-height-sm);cursor:pointer;background:var(--bg-primary);transition:background-color .2s ease}.c-filter-drawer .c-accordion__header:hover{background:var(--bg-secondary)}.c-filter-drawer .c-accordion__label{font-family:var(--font-family-primary);font-size:var(--font-size-p1);font-weight:var(--font-weight-regular);color:var(--primary);text-align:left}.c-filter-drawer .c-accordion__indicators{display:flex;align-items:center;gap:var(--space-xs)}.c-filter-drawer .c-accordion__filter-count{display:flex;justify-content:center;align-items:center;width:var(--space-md);height:var(--space-md);background:var(--primary);color:var(--bg-primary);border-radius:100px;font-family:var(--font-family-primary);font-size:var(--space-xs);font-weight:var(--font-weight-regular);line-height:1;letter-spacing:.03em;text-transform:uppercase;flex-shrink:0}.c-filter-drawer .c-accordion__icon{position:relative;width:var(--space-md);height:var(--space-md);flex-shrink:0}.c-filter-drawer .c-accordion__icon>div{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.c-filter-drawer .c-accordion__content{padding:var(--space-sm)}.c-filter-content fieldset{border:0;padding:0;margin:0;min-width:0}.c-filter-content--list{display:grid;grid-template-columns:repeat(2,1fr);align-items:center;gap:var(--space-md);padding:0 0 var(--space-xxs)}.c-filter-option{display:flex;align-items:center;gap:var(--space-xxs);width:160px;position:relative}.c-filter-checkbox{position:absolute;opacity:0;pointer-events:none}.c-filter-label{display:flex;align-items:center;gap:var(--space-xxs);cursor:pointer;font-family:var(--font-family-primary);font-size:var(--font-size-p1);color:var(--primary);width:100%}.c-filter-checkbox-icon{position:relative;width:var(--space-md);height:var(--space-md);flex-shrink:0}.c-filter-checkbox-checked,.c-filter-checkbox-unchecked{position:absolute;top:0;left:0;width:100%;height:100%;transition:opacity .2s ease}.c-filter-checkbox:not(:checked)+.c-filter-label .c-filter-checkbox-checked{opacity:0}.c-filter-checkbox:checked+.c-filter-label .c-filter-checkbox-unchecked{opacity:0}.c-filter-checkbox:focus~.c-filter-label .c-filter-checkbox-icon{outline:2px solid var(--primary);outline-offset:-2px}.c-filter-content--price{width:100%;box-sizing:border-box}.c-price-range{display:grid;grid-template-columns:1fr 1fr;align-items:stretch;width:100%}.c-price-input{flex:1;display:flex;flex-direction:column;justify-content:center;gap:var(--space-xs);padding:var(--space-md);border:var(--border-default);border-left:none;background:var(--bg-primary);min-height:var(--component-height-sm);box-sizing:border-box;min-width:0}.c-price-input:first-child{border-left:var(--border-default)}.c-price-label{font-family:var(--font-family-primary);font-size:var(--font-size-p2);font-weight:var(--font-weight-regular);color:var(--secondary);text-transform:uppercase;letter-spacing:.03em;margin-bottom:var(--space-xxs)}.c-price-field{border:none;background:transparent;font-family:var(--font-family-primary);font-size:var(--font-size-p1);font-weight:var(--font-weight-regular);color:var(--primary);outline:none;padding:0;width:100%;box-sizing:border-box;min-width:0}.c-price-field::placeholder{color:var(--secondary);font-size:var(--font-size-p1)}.c-price-field:focus{color:var(--primary)}.c-price-field:focus::placeholder{color:var(--secondary)}.c-filter-content--color{display:grid;grid-template-columns:repeat(2,1fr);align-items:center;gap:var(--space-md)}.c-color-option{display:flex;align-items:center;gap:var(--space-xs);position:relative}.c-color-checkbox{position:absolute;opacity:0;pointer-events:none}.c-color-label{display:flex;align-items:center;gap:var(--space-xs);cursor:pointer;font-family:var(--font-family-primary);font-size:var(--font-size-p1);color:var(--primary)}.c-color-swatch{position:relative;width:var(--space-md);height:var(--space-md);border:1px solid var(--bg-secondary);border-radius:0;flex-shrink:0;cursor:pointer;transition:all .2s ease}.c-color-swatch-inner,.c-color-swatch-image{width:100%;height:100%;display:block}.c-color-swatch-image{object-fit:cover}.c-color-checkbox:checked+.c-color-label .c-color-swatch{border-color:var(--primary);transform:scale(1.1)}.c-color-checkbox:checked+.c-color-label .c-color-swatch:after{content:"";position:absolute;top:-2px;left:-2px;transform:translate(-1px,-1px);width:calc(100% + 4px);height:calc(100% + 4px);border:var(--border-default)}.c-color-checkbox:not(:checked)+.c-color-label .c-color-swatch:hover{border-color:var(--secondary)}.c-color-checkbox:focus~.c-color-label .c-color-swatch{outline:2px solid var(--secondary);outline-offset:-2px}.c-filter-content--size{display:grid;grid-template-columns:repeat(auto-fit,minmax(67px,1fr));align-items:stretch}.c-size-option{flex:1;min-width:0;position:relative}.c-size-option label{border:var(--border-default);border-left:none}.c-size-option:first-child label{border-left:var(--border-default)}.c-size-checkbox{position:absolute;opacity:0;pointer-events:none}.c-size-label{display:flex;justify-content:center;align-items:center;padding:var(--space-md);border:var(--border-default);background:var(--bg-primary);cursor:pointer;font-family:var(--font-family-primary);font-size:var(--font-size-p2);font-weight:var(--font-weight-regular);color:var(--primary);text-transform:uppercase;letter-spacing:.03em;transition:all .2s ease;min-height:var(--component-height-sm);width:100%;height:100%}.c-size-checkbox:checked+.c-size-label{background:var(--primary);color:var(--bg-primary)}.c-size-checkbox:not(:checked)+.c-size-label:hover{background:var(--bg-secondary)}.c-size-checkbox:focus~.c-size-label{background:var(--bg-secondary)}.c-size-checkbox:checked:focus~.c-size-label{background:var(--bg-button-primary);color:var(--reversed);box-shadow:inset 0 0 0 3px var(--bg-primary)}.c-filter-content--sort{display:flex;flex-direction:column;justify-content:center;align-self:stretch;gap:var(--space-xs)}.c-filter-content--sort .c-filter-option{display:flex;align-items:center;align-self:stretch;gap:var(--space-xs)}.c-sort-radio{position:absolute;opacity:0;pointer-events:none}.c-sort-label{display:flex;align-items:center;gap:var(--space-xs);cursor:pointer;font-family:var(--font-family-primary);font-size:var(--font-size-p1);color:var(--primary);width:100%}.c-sort-radio-icon{position:relative;width:var(--space-md);height:var(--space-md);flex-shrink:0;border:var(--border-default);border-radius:50%;background:var(--bg-primary)}.c-sort-radio:checked+.c-sort-label .c-sort-radio-icon:after{content:"";position:absolute;top:50%;left:50%;width:var(--space-xs);height:var(--space-xs);background:var(--primary);border-radius:50%;transform:translate(-50%,-50%)}.c-sort-radio:not(:checked)+.c-sort-label:hover{color:var(--primary-weak)}.c-sort-radio:focus~.c-sort-label .c-sort-radio-icon{background:var(--bg-secondary)}.c-filter-drawer .c-accordion-wrapper{max-width:none;margin:0;padding:0}.c-filter-drawer .c-accordion{border-bottom:none}@media screen and (min-width:768px){.c-filter-drawer{width:100%;max-width:380px;height:100vh;max-height:unset;top:0;bottom:auto;left:auto;right:0;transform:translate(100%);border-top:none;border-left:var(--border-default)}.c-filter-drawer.active{transform:translate(0)}.c-filter-drawer__actions{padding:var(--space-md)}.c-filter-drawer .c-accordion__header{padding:0 var(--space-md)}.c-filter-drawer .c-accordion__content{padding:var(--space-md)}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/component-filter-drawer.css.map */