collection-filters-drawer{--transition-duration: .2s;position:fixed;z-index:999999999;top:0;left:0;width:100vw;height:100%;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;width:100vw;height:100%;background-color:#0009;opacity:0;transition:opacity var(--transition-duration) ease}collection-filters-drawer.state--active .collection-filters-overlay{opacity:1}.collection-filters-content{padding:40px 0 0;position:relative;height:100%;width:29rem;max-width:calc(100% - var(--s1));box-shadow:0 4px 4px #00000040;display:flex;flex-direction:column;justify-content:flex-start;transform:translate(100%);transition:transform var(--transition-duration) ease;background-position:center center;background-repeat:no-repeat;background-size:cover;overflow-y:auto;-webkit-overflow-scrolling:touch}collection-filters-drawer.state--active .collection-filters-content{transform:translate(0)}.drawer-footer{background-position:center center;background-repeat:no-repeat;background-size:cover;position:sticky;bottom:0;padding-top:var(--s0);z-index:30}.collection-filters-list>*+*{margin-top:var(--s-1)}.filter-swatch{display:block;position:relative;width:22px;height:22px;padding:2px;border-radius:50%;cursor:pointer;transition:background-image .2s ease;overflow:visible}.filter-swatch.selected,.filter-swatch:hover,.filter-swatch input[type=checkbox]:checked{background-size:cover;background-position:center center;padding:4px}.filter-swatch input{width:1.6rem;height:1.6rem;position:absolute;top:50%;margin:0;margin-top:-.8rem;z-index:0;appearance:none;-webkit-appearance:none;opacity:0}.filter-swatch input[type=checkbox]{display:inline-block;width:auto;margin-inline-end:.5rem}.filter-swatch-dot{display:block;position:relative;width:100%;height:100%;border-radius:50%}.filter-overlay span{margin-top:-11px}.filter-swatch-dot-inner{width:100%;height:100%;position:relative;display:flex;align-items:center;justify-content:center}
/*# sourceMappingURL=/cdn/shop/t/148/assets/component-collection-filters.css.map */