.sunglasses-filters-bar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem;margin-bottom:2rem}.sunglasses-filterable{display:flex;align-items:flex-start;gap:3.2rem}.sunglasses-filterable__grid{flex:1;min-width:0}.sunglasses-filters__panel{flex:0 0 22rem;width:22rem}.sunglasses-filters__toggle{display:flex;align-items:center;gap:.8rem;background:none;border:none;padding:0;font-size:1.4rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;cursor:pointer;color:rgb(var(--color-foreground))}.sunglasses-filters__toggle .icon{width:1.6rem;height:1.6rem}.sunglasses-filters__toggle-caret{margin-left:auto;transition:transform .2s ease}.sunglasses-filters__toggle[aria-expanded=true] .sunglasses-filters__toggle-caret{transform:rotate(180deg)}.sunglasses-filters__panel{border-top:.1rem solid rgba(var(--color-foreground),.08)}.sunglasses-filters__group{border-bottom:.1rem solid rgba(var(--color-foreground),.08)}.sunglasses-filters__summary{display:flex;align-items:center;justify-content:space-between;padding:1.4rem 0;font-size:1.3rem;font-weight:600;letter-spacing:.02em;cursor:pointer;list-style:none}.sunglasses-filters__summary::-webkit-details-marker{display:none}.sunglasses-filters__summary .icon{width:1.2rem;height:1.2rem;transition:transform .2s ease}.sunglasses-filters__group[open] .sunglasses-filters__summary .icon{transform:rotate(180deg)}.sunglasses-filters__options{list-style:none;margin:0 0 1.4rem;padding:0;display:flex;flex-direction:column;gap:1rem}.sunglasses-filters__option{display:flex;align-items:center;gap:.9rem;font-size:1.4rem;cursor:pointer}.sunglasses-filters__option input{width:1.7rem;height:1.7rem;accent-color:rgb(var(--color-foreground));cursor:pointer}.sunglasses-filters__clear{display:block;margin-top:1.6rem;background:none;border:none;padding:0;font-size:1.3rem;text-decoration:underline;cursor:pointer;color:rgb(var(--color-foreground))}.sunglasses-filterable__empty{text-align:center;padding:4rem 2rem;font-size:1.5rem}.sunglasses-filterable__empty-clear{display:block;margin:1rem auto 0;background:none;border:none;text-decoration:underline;cursor:pointer;font:inherit}@media screen and (max-width:749px){.sunglasses-filterable{flex-direction:column;align-items:stretch;gap:1.6rem}.sunglasses-filters__panel{flex-basis:auto;width:100%}}.sunglasses-filters__head,.sunglasses-filters__overlay{display:none}@media screen and (max-width:749px){body>.sunglasses-filters__panel{position:fixed;top:0;left:0;bottom:0;z-index:200;width:min(83vw,37.5rem);flex:none;padding:0 2rem 3rem;overflow-y:auto;overscroll-behavior:contain;background:rgb(var(--color-background));border-top:0;transform:translate(-100%);visibility:hidden;transition:transform .28s cubic-bezier(.25,.46,.45,.94),visibility 0s linear .28s}body>.sunglasses-filters__panel.is-open{transform:translate(0);visibility:visible;transition:transform .35s cubic-bezier(.25,.46,.45,.94),visibility 0s}.sunglasses-filters__overlay{display:block;position:fixed;top:0;right:0;bottom:0;left:0;z-index:199;background:#12121266;opacity:0;pointer-events:none;transition:opacity .4s ease-out}.sunglasses-filters__overlay.is-open{opacity:1;pointer-events:auto}.sunglasses-filters__head{display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:2;margin:0 -2rem;padding:0 .6rem 0 2rem;height:5.6rem;background:rgb(var(--color-background));border-bottom:.1rem solid rgba(var(--color-foreground),.08)}.sunglasses-filters__title{margin:0;font-size:1.4rem;font-weight:600;letter-spacing:.02em}.sunglasses-filters__x{display:flex;align-items:center;justify-content:center;width:4.4rem;height:4.4rem;padding:0;background:none;border:0;color:rgb(var(--color-foreground));cursor:pointer;transition:opacity .2s ease}.sunglasses-filters__x:hover{opacity:.55}.sunglasses-filters-lock,.sunglasses-filters-lock body{overflow:hidden}}@media screen and (max-width:749px)and (prefers-reduced-motion:reduce){body>.sunglasses-filters__panel,body>.sunglasses-filters__panel.is-open,.sunglasses-filters__overlay{transition-duration:.01ms;transition-delay:0s}}.sunglasses-filters__option .frame-shape-icon{flex:0 0 auto;display:block;width:3.6rem;height:1.8rem}.sunglasses-filters__option .frame-shape-icon__img{display:block;width:100%;height:100%;object-fit:contain}
/*# sourceMappingURL=/cdn/shop/t/4/assets/sunglasses-filters.css.map */