.collection-filter{align-items:center;display:flex;gap:3.5rem;justify-content:flex-start;margin-bottom:3.5rem;position:relative}.collection-filter__button{all:initial;color:inherit;cursor:pointer;display:inline-block;font:inherit;font-size:1.3rem;text-transform:uppercase;white-space:nowrap}@media screen and (max-width: 46.875em){.collection-filter__button{align-items:center;display:flex;justify-content:space-between;width:100%}}.collection-filter__button[aria-expanded=true]{text-decoration:underline}@media (hover: hover) and (pointer: fine){.collection-filter__button:hover{text-decoration:underline}}.collection-filter__button:focus-visible{text-decoration:underline}@media screen and (max-width: 46.875em){.collection-filter{display:block;margin-bottom:2rem}}.collection-filter__form{background:var(--color-main-background);align-items:center;display:flex;flex:1;gap:2.5rem;inset-inline-end:0;justify-content:flex-start;position:absolute;top:0;z-index:var(--z-indexes-product-filters)}@media screen and (max-width: 46.875em){.collection-filter__form:not([hidden]){border:1px solid;display:block;inset-inline-end:0;padding:1rem;top:3rem;width:calc(100vw - 4rem)}}.collection-filter__option{align-items:center;display:flex;flex-wrap:nowrap;position:relative}@media screen and (max-width: 46.875em){.collection-filter__option{border-bottom:1px solid rgba(0,0,0,.1);display:block;margin-top:1rem;padding-bottom:.5rem}}.collection-filter__option svg{display:none}[aria-expanded=false] svg:nth-of-type(1),[aria-expanded=true] svg:nth-of-type(2){display:inline-block}.collection-filter__options:not([hidden]){align-items:center;background:var(--color-main-background);border:none;inset-inline-start:0;margin-top:3.5rem;max-height:25ch;max-width:100vw;overflow:auto;padding:1rem;position:absolute;top:0;width:26rem;z-index:var(--z-indexes-modal)}@media screen and (max-width: 46.875em){.collection-filter__options:not([hidden]){inset-inline-end:auto;inset-inline-start:auto;margin-top:1rem;position:relative;width:100%}}.collection-filter__options label{accent-color:#000;text-transform:uppercase}.collection-filter__buttons{display:flex;gap:1.6rem;margin-inline-start:auto}@media screen and (max-width: 46.875em){.collection-filter__buttons{align-items:center;display:flex;justify-content:space-between;margin-top:2rem;width:100%}}
/*# sourceMappingURL=/cdn/shop/t/33/assets/component-collection-filter.css.map */