.filters{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10;width:100vw;height:100dvh;pointer-events:none;background-color:#0000;visibility:hidden;transition:background-color .3s,visibility .3s}.filters.open{pointer-events:auto;visibility:visible;background-color:#0006}.filters__inner{width:100%;max-width:500px;height:100%;display:flex;flex-direction:column;background-color:#fff;transform:translate(-100%);transition:transform .3s}.filters.open .filters__inner{transform:translate(0)}.filters__header{display:flex;align-items:center;justify-content:space-between;padding:20px 28px;border-bottom:1px solid #00000080}.filters__title{font-size:14px;line-height:100%}.filters__close{display:flex;padding:0;background:none;border:none;cursor:pointer;color:#000}.filters__close svg{width:16px;height:16px;pointer-events:none}.filters__content{flex:1;overflow-y:auto}.filters__option{padding:16px 28px}.filters__option-toggle{width:100%;display:flex;align-items:center;justify-content:space-between;padding:12px 0;font-size:20px;line-height:100%;background:none;border:none;cursor:pointer;border-bottom:1px solid #00000080}.filters__option-toggle *{pointer-events:none}.filters__option-toggle-icon{position:relative;width:12px;height:12px}.filters__option-toggle-icon:after,.filters__option-toggle-icon:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#000;transition:transform .3s}.filters__option-toggle-icon:after{width:1px;height:100%}.filters__option-toggle-icon:before{width:100%;height:1px}.filters__option.open .filters__option-toggle-icon:after{transform:translate(-50%,-50%) rotate(90deg)}.filters__option.open .filters__option-toggle-icon:before{transform:translate(-50%,-50%) rotate(180deg)}.filters__values{max-height:0;overflow:hidden;transition:max-height .3s}.filters__values-list{display:flex;flex-wrap:wrap;gap:16px;padding:20px 0 1px}.filters__value{display:flex;cursor:pointer}.filters__input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.filters__value-label{width:fit-content;min-width:120px;display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 16px;font-size:14px;line-height:100%;color:#000;border:1px solid #000000;border-radius:100px;transition:color .3s,background-color .3s}.filters__value-label:hover,.filters__input:checked~.filters__value-label{color:#fff;background-color:#000}.filters__value--disabled{opacity:.4;pointer-events:none}.filters__value--swatch .filters__value-label{min-width:150px}.filters__dot{width:10px;height:10px;flex-shrink:0;border-radius:100px;background:var(--swatch);background-size:cover;background-position:center}.filters__bottom{display:flex;flex-direction:column;align-items:center;gap:16px;padding:32px 28px;border-top:1px solid #00000080}.filters__bottom button{width:100%;justify-content:space-between;height:40px;padding:0 32px;font-size:16px}.filters__reset{display:none;background-color:transparent;color:#000}.filters:has(.filters__input:checked) .filters__reset{display:flex}@media screen and (max-width:749px){.filters__header{padding:20px}.filters__option{padding:16px 20px}.filters__option-toggle{font-size:18px}.filters__values-list{gap:12px;padding:20px 0 0}.filters__value-label{min-width:110px;gap:8px;padding:10px 16px}.filters__bottom{gap:12px;padding:32px 20px}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/component-filters.css.map */