.filter-drawer-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-drawer);background:var(--color-overlay);opacity:0;visibility:hidden;transition:opacity var(--transition-base),visibility var(--transition-base)}.filter-drawer-backdrop.is-open{opacity:1;visibility:visible;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.filter-drawer{position:fixed;top:0;left:0;bottom:0;z-index:var(--z-drawer);width:100%;background-color:var(--color-white);transform:translate3d(-100%,0,0);visibility:hidden;pointer-events:none;transition:var(--offscreen-slide-transition);display:flex;flex-direction:column;overflow:hidden;contain:layout style paint}.filter-drawer.is-open{transform:translateZ(0);visibility:visible;pointer-events:auto;transition:var(--offscreen-slide-transition-open);contain:none}.filter-drawer__header{display:flex;align-items:center;justify-content:space-between;flex-shrink:0;padding:var(--space-m) 0 var(--space-m) var(--space-m);border-bottom:var(--border);background-color:var(--color-white)}.filter-drawer__title{flex:1;font-family:var(--font-body);font-size:var(--text-header-4);font-weight:var(--font-weight-regular);letter-spacing:var(--tracking-display);line-height:var(--leading-header);color:var(--color-text)}.filter-drawer__count{color:var(--color-koi);margin-right:var(--space-m)}.filter-drawer__close{display:flex;align-items:center;justify-content:center;align-self:stretch;margin:calc(var(--space-m) * -1) 0;padding:0 var(--space-m);border:none;border-left:var(--border);background:none;color:var(--color-text);cursor:pointer}.filter-drawer__close svg{width:14px;height:14px}.filter-drawer__body{flex:1;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:none;-ms-overflow-style:none}.filter-drawer__body::-webkit-scrollbar{display:none}.filter-drawer__chips{display:flex;flex-wrap:wrap;gap:var(--space-s);padding:var(--space-m);background-color:var(--color-off-white);border-bottom:var(--border)}.filter-drawer__chips:empty{display:none}.filter-drawer__chip{display:flex;align-items:center;padding:0;background-color:var(--color-white);border:var(--border);font-family:var(--font-body);font-size:var(--text-label);font-weight:var(--font-weight-regular);letter-spacing:var(--tracking-body);color:var(--color-text);cursor:pointer}.filter-drawer__chip-label{padding:var(--space-xs) var(--space-s)}.filter-drawer__chip-close{display:flex;align-items:center;justify-content:center;align-self:stretch;padding:0 var(--space-s);border-left:var(--border)}.filter-drawer__chip-close svg{width:10px;height:10px;flex-shrink:0}.filter-drawer__sort{display:flex;flex-direction:column;gap:var(--space-s);padding:var(--space-m);border-bottom:var(--border)}.filter-drawer__sort-btn,.filter-drawer__size-btn,.filter-drawer__tab-btn{position:relative;display:flex;align-items:center;justify-content:center;height:42px;padding:0 var(--space-m);border:var(--border-weight) solid var(--color-black);background-color:transparent;font-family:var(--font-body);font-size:var(--text-header-4);font-weight:var(--font-weight-regular);letter-spacing:var(--tracking-display);line-height:var(--leading-header);color:var(--color-text);cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color var(--transition-fast),color var(--transition-fast),border-color var(--transition-fast)}.filter-drawer__sort-btn.is-active,.filter-drawer__size-btn.is-active,.filter-drawer__tab-btn.is-active{background-color:var(--color-black);color:var(--color-white)}.filter-drawer__size-btn.is-unavailable,.filter-drawer__tab-btn.is-unavailable{background-color:var(--color-off-white);border-color:var(--color-light-grey);color:var(--color-light-grey);text-decoration:line-through;cursor:not-allowed}.filter-drawer__group{border-bottom:var(--border)}.filter-drawer__group-header{display:flex;align-items:center;justify-content:space-between;width:100%;padding:var(--space-m);border:none;background:none;font-family:var(--font-body);font-size:var(--text-header-4);font-weight:var(--font-weight-regular);letter-spacing:var(--tracking-display);line-height:var(--leading-header);color:var(--color-text);cursor:pointer;list-style:none}.filter-drawer__group-header::-webkit-details-marker{display:none}.filter-drawer__group-label{display:flex;align-items:center;gap:var(--space-xs)}.filter-drawer__group-count{color:var(--color-koi)}.filter-drawer__group-chevron{width:12px;height:12px;flex-shrink:0;transition:transform var(--transition-fast)}.filter-drawer__group[open] .filter-drawer__group-chevron{transform:rotate(90deg)}.filter-drawer__group-content{padding:0 var(--space-m) var(--space-m)}.filter-drawer__size-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-xs)}.filter-drawer__size-btn{white-space:nowrap}.filter-drawer__size-input,.filter-drawer__tab-input{position:absolute;opacity:0;pointer-events:none}.filter-drawer__tab-list{display:flex;flex-direction:column;gap:var(--space-s)}.filter-drawer__price-range{display:flex;align-items:flex-end;gap:var(--space-s)}.filter-drawer__price-field{flex:1;display:flex;flex-direction:column;gap:var(--space-xxs)}.filter-drawer__price-label{font-family:var(--font-body);font-size:var(--text-label);font-weight:var(--font-weight-regular);letter-spacing:var(--tracking-body);color:var(--color-middle-grey)}.filter-drawer__price-input{width:100%;height:42px;padding:0 var(--space-s);border:var(--border);background:transparent;font-family:var(--font-body);font-size:var(--text-header-4);font-weight:var(--font-weight-regular);letter-spacing:var(--tracking-body);color:var(--color-text);-moz-appearance:textfield}.filter-drawer__price-input::-webkit-inner-spin-button,.filter-drawer__price-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.filter-drawer__price-separator{padding-bottom:var(--space-s);font-family:var(--font-body);font-size:var(--text-header-4);color:var(--color-middle-grey)}.filter-drawer__footer{display:flex;flex-direction:column;gap:var(--space-s);flex-shrink:0;padding:var(--space-m);background-color:var(--color-off-white);border-top:var(--border)}.filter-drawer__apply{display:flex;align-items:center;justify-content:center;width:100%;padding:var(--space-m);border:none;background-color:var(--color-black);font-family:var(--font-display);font-size:var(--text-header-1);font-weight:var(--font-weight-black);letter-spacing:var(--tracking-display);line-height:var(--leading-header);color:var(--color-white);cursor:pointer}.filter-drawer__clear{display:none;align-items:center;justify-content:center;width:100%;padding:var(--space-s) var(--space-m);border:var(--border-weight) solid var(--color-black);background:transparent;font-family:var(--font-body);font-size:var(--text-header-4);font-weight:var(--font-weight-regular);letter-spacing:var(--tracking-display);line-height:var(--leading-header);color:var(--color-text);cursor:pointer;transition:background-color var(--transition-fast),color var(--transition-fast)}.filter-drawer__clear.is-visible{display:flex}.filter-drawer__clear:hover{background-color:var(--color-black);color:var(--color-white)}@media(min-width:768px){.filter-drawer{width:417px}.filter-drawer__sort-btn,.filter-drawer__size-btn,.filter-drawer__tab-btn{height:49px}}@media(min-width:1280px){.filter-drawer-backdrop{display:none}.filter-drawer{position:sticky;top:calc(var(--header-height) + 57px);left:auto;bottom:auto;height:calc(100vh - var(--header-height) - 57px);width:384px;flex-shrink:0;align-self:flex-start;transform:none;visibility:visible;pointer-events:auto;transition:width var(--transition-base);z-index:1}.filter-drawer.is-desktop-hidden{width:0}.filter-drawer__header,.filter-drawer__apply{display:none}.filter-drawer__footer:not(:has(.filter-drawer__clear.is-visible)){display:none}.filter-drawer__footer{background-color:transparent;border-top:none}}@media(prefers-reduced-motion:reduce){.filter-drawer,.filter-drawer-backdrop,.filter-drawer__group-chevron,.filter-drawer__sort-btn,.filter-drawer__size-btn,.filter-drawer__tab-btn,.filter-drawer__clear{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/327/assets/component-collection-filters.css.map */