.filter{flex-direction:column;display:flex}.filter[open] .filter__title:after{transform:rotate(-135deg)translateY(25%)}.filter[open] .filter__chevron:before{transform:translate(-50%)rotate(-45deg)}.filter[open] .filter__chevron:after{transform:translate(-50%)rotate(45deg)}.filter__title{cursor:pointer;-webkit-user-select:none;user-select:none;background-color:var(--zinc-50);align-items:center;column-gap:.25rem;padding:.75rem 1rem;font-size:.875rem;font-weight:600;transition:background-color .15s;display:flex}@media(hover:hover)and (pointer:fine){.filter__title:hover{background-color:var(--zinc-100)}}.filter__chevron{aspect-ratio:1;height:1.25rem;margin-left:auto;position:relative}.filter__chevron:before,.filter__chevron:after{content:"";transform-origin:50%;background-color:var(--zinc-600);border-radius:.25rem;width:.8125rem;height:.1875rem;transition:transform .15s;display:inline-block;position:absolute;top:50%;transform:translate(-50%)}.filter__chevron:before{left:calc(50% - 3.5px);transform:translate(-50%)rotate(45deg)}.filter__chevron:after{left:calc(50% + .2188rem);transform:translate(-50%)rotate(-45deg)}.filter__count{color:var(--zinc-500);font-size:.8em;font-weight:400}.filter__content{flex-direction:column;gap:.625rem .5rem;margin-bottom:1.25rem;padding:.75rem 1rem 0;display:flex}.filter__content.is-collapsed{max-height:13.5rem;overflow:hidden}.filter__content_colors,.filter__content_sizes{flex-flow:wrap}.filter__toggle-btn{cursor:pointer;color:var(--zinc-900);background:0 0;border:none;border-radius:.5rem;align-items:center;column-gap:.25rem;margin-bottom:.5rem;margin-left:auto;padding:.25rem .5rem;font-size:.875rem;display:flex}.filter__toggle-btn[aria-expanded=false] .icon{rotate:180deg}@media(hover:hover)and (pointer:fine){.filter__toggle-btn:hover{background-color:var(--zinc-300)}}.filter__price{grid-template-columns:1fr 1fr;column-gap:1.5rem;display:grid;position:relative}.filter__price>*{flex:1}.filter__price:before{content:"";background-color:var(--zinc-400);width:.75rem;height:.125rem;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.filter__range-slider{margin-top:.75rem}.filter:not(:last-of-type){border-bottom:.0625rem solid var(--zinc-200)}.filter-color{cursor:pointer}.filter-color__box{border:.125rem solid var(--zinc-400);background-color:var(--c);border-radius:.25rem;outline:.125rem dashed #0000;width:2.125rem;height:2.125rem;transition:all .15s;display:block;position:relative;overflow:hidden}.filter-color__box:before{content:"";background-color:var(--zinc-700);border-left:.125rem solid var(--zinc-400);border-radius:.125rem;width:.75rem;height:1.75rem;transition:transform .15s;position:absolute;bottom:0;right:0;transform:rotate(45deg)translate(1.25rem,.25rem)}input:checked+.filter-color__box{border-color:var(--zinc-900);position:relative}input:checked+.filter-color__box:before{transform:rotate(45deg)translate(.625rem,.25rem)}input:focus-visible+.filter-color__box{outline-color:var(--zinc-900);border-color:var(--zinc-900)}@media(hover:hover)and (pointer:fine){.filter-color:hover .filter-color__box{transform:scale(1.1)}}.filter-size{cursor:pointer;border:.0625rem solid var(--zinc-200);background-color:var(--white);-webkit-user-select:none;user-select:none;border-radius:.25rem;justify-content:center;align-items:center;min-width:2.5rem;height:2rem;padding:0 .5rem;font-size:.875rem;font-weight:500;transition:border-color .15s,background-color .15s;display:flex;position:relative;overflow:hidden}.filter-size span{z-index:2;mix-blend-mode:difference;color:var(--white);position:relative}.filter-size:before{content:"";background-color:var(--zinc-900);transition:transform .15s;position:absolute;inset:-1px;transform:translateY(-100%)}.filter-size:has(input[type=checkbox]:focus-visible){border:.125rem dashed var(--zinc-900)}.filter-size:has(input[type=checkbox]:checked){border-color:var(--zinc-900)}.filter-size:has(input[type=checkbox]:checked):before{transform:translateY(0)}@media(hover:hover)and (pointer:fine){.filter-size:hover{background-color:var(--zinc-100);border-color:var(--zinc-400)}}