@media screen and (max-width:800px){.collection__mobile-filters{display:contents}}@media screen and (max-width:799px){.collection__toolbar:has(.collection__mobile-filters){flex-wrap:wrap;row-gap:0}.collection__mobile-filters-toggle .icon{transition:transform .2s ease}.collection__mobile-filters-close{display:grid;place-items:center;width:1.75rem;height:1.75rem;margin-inline-start:auto;padding:0;color:rgb(var(--text-color) / .6);background-color:rgb(var(--text-color) / .08);border:0;border-radius:100%;cursor:pointer}.collection__mobile-filters-close[hidden]{display:none}.collection__mobile-filters-panel{flex:0 0 100%;width:100%;margin-block-start:1.25rem;border-block-start:1px solid rgb(var(--border-color))}.collection__mobile-filters-panel[hidden]{display:none}.collection__mobile-filters-panel .facets .accordion__summary{padding-block:1.125rem}.collection__mobile-filters-panel .facets .accordion__content{padding-inline-start:0;padding-block-end:1.25rem}.collection__mobile-filters-panel .facets .accordion__content>.v-stack{row-gap:.875rem}.collection__mobile-filters__box{display:flex;justify-content:space-between;gap:1rem;width:100%;align-items:center;position:relative;padding-inline:calc(var(--container-gutter) * 3)}.collection__mobile-filters-close{position:absolute;right:0;top:50%;transform:translateY(-50%)}.collection__mobile-filters__box:after{content:"";background:rgb(var(--text-color) / .2);width:1px;height:2rem;display:inline-block;position:absolute;top:50%;left:50%;transform:translatey(-50%)}.collection__mobile-filters__box button .subheading,.collection__mobile-filters-panel .accordion .accordion__summary.subheading{font-size:calc(var(--subheading-font-size) + 5px);font-weight:500}.collection__mobile-filters .checkbox-control{font-size:.875rem}.collection__mobile-filters .checkbox-control .checkbox{background:rgb(var(--background) / 1) url(./checkmark.svg) no-repeat center / 0;border:1px solid rgb(var(--text-color) / .5);background-size:12px 11px;background-blend-mode:normal}.collection__mobile-filters .checkbox-control .checkbox:checked{background:rgb(var(--background) / 1) url(./checkmark-inverted.svg) no-repeat center / 0;background-size:12px 11px}.collection__toolbar.collection__filter~.collection__inner .active-facets{padding-top:1rem}}@media screen and (min-width:800px){.collection__toolbar.collection__filter .collection__mobile-filters{display:none}.collection__toolbar.collection__filter{padding-block:0;margin-block-end:2rem}}@media screen and (max-width:799px){.collection__toolbar.collection__filter>span.subheading{display:none}.collection__toolbar.collection__filter .vertically-separated-list>.h-stack.gap-3\.5.sm\:hidden{display:none}.collection__toolbar.collection__filter:has(.collection__mobile-filters){padding-inline:var(--container-gutter);padding-block-start:1.4375rem;padding-block-end:1.4375rem;position:sticky;top:calc(var(--header-height));background-color:rgb(var(--background))}}
/*# sourceMappingURL=/cdn/shop/t/58/assets/component-collection-mobile-filters.css.map */