collection-filters-drawer{--transition-duration: .2s;--drawer-width: 29rem;--drawer-max-width: calc(100% - var(--s1));--filter-border-color: lightgray;position:fixed;z-index:999999999;top:0;right:0;bottom:0;left:0;display:flex;justify-content:flex-end;align-items:center;transition:visibility var(--transition-duration) ease;visibility:hidden}collection-filters-drawer.state--active{visibility:visible!important}body:has(collection-filters-drawer.state--active){overflow:hidden}.collection-filters-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#0009;opacity:0;transition:opacity var(--transition-duration) ease}collection-filters-drawer.state--active .collection-filters-overlay{opacity:1}.collection-filters-content{position:relative;height:100%;width:var(--drawer-width);max-width:var(--drawer-max-width);box-shadow:0 4px 4px #00000040;display:flex;flex-direction:column;justify-content:space-between;transform:translate(100%);transition:transform var(--transition-duration) ease;background-color:var(--color-7);overflow-y:auto;-webkit-overflow-scrolling:touch}collection-filters-drawer.state--active .collection-filters-content{transform:translate(0)}.collection-filters-drawer-loading{position:fixed;top:0;right:0;bottom:0;width:var(--drawer-width);max-width:var(--drawer-max-width);display:none;background:#fff9;z-index:20}collection-filters-drawer.state--loading .collection-filters-drawer-loading{display:block}.collection-filters-drawer-header{background-color:var(--color-7);position:sticky;top:0;padding-top:var(--s0);padding-bottom:var(--s-1);z-index:10}.collection-filters-drawer-header-inner{position:relative}.collection-filters-drawer-close{position:absolute;top:4px;right:12px}.collection-filters-drawer-footer{background-color:var(--color-7);position:sticky;bottom:0;padding-top:var(--s1);padding-bottom:var(--s1);z-index:10}.collection-filters-content label{cursor:pointer}.collection-filter-group{min-inline-size:0;margin:0;padding:0;border:0}.collection-filter-group legend{width:100%;padding:0}collection-filters-drawer.state--loading [data-collection-filters-submit] .spinner{opacity:1;visibility:visible}collection-filters-drawer.state--loading [data-collection-filters-submit]>*:not(.spinner){opacity:0;visibility:hidden}.filter-swatch{display:block;position:relative;width:22px;height:22px;border-radius:50%;cursor:pointer;overflow:visible}.filter-swatch:hover,label:has(input:checked)>.filter-swatch{outline:1px solid var(--color-5);outline-offset:2px}.collection-filters-content label:has(input:checked) .border-bottom-transparent{border-bottom-color:var(--color-1)}.filter-swatch-dot{display:block;position:relative;width:100%;height:100%;border-radius:50%}.filter-swatch-dot-inner{width:100%;height:100%;position:relative;display:flex;align-items:center;justify-content:center}.collection-filters-content .size-grid{grid-template-columns:repeat(16,minmax(0,1fr));row-gap:0}.size-grid .filter-checkbox{position:relative;border:0;border-right:1px solid var(--filter-border-color);border-bottom:1px solid var(--filter-border-color)}.size-grid .filter-checkbox:nth-child(-n+8){border-top:1px solid var(--filter-border-color)}.size-grid .filter-checkbox:nth-child(8n+1){border-left:1px solid var(--filter-border-color)}.size-grid .filter-checkbox:has(input:checked),.size-grid .filter-checkbox:hover,.size-grid .filter-checkbox:focus-within{z-index:1}.size-grid .filter-checkbox:has(input:checked):after,.size-grid .filter-checkbox:hover:after,.size-grid .filter-checkbox:focus-within:after{position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;border:1px solid var(--color-1);content:"";pointer-events:none}.filter-checkbox-box{width:14px;height:14px;border:1px solid var(--color-1);position:relative;flex-shrink:0}.filter-checkbox input:checked+.filter-checkbox-box:after,.filter-checkbox:hover .filter-checkbox-box:after{content:"";position:absolute;top:2px;right:2px;bottom:2px;left:2px;background:var(--color-1)}.filter-checkbox input[type=checkbox]:checked+.filter-checkbox-box+span{font-style:italic}
/*# sourceMappingURL=/cdn/shop/t/170/assets/component-collection-filters.css.map */