@layer components{.filter_input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.filter-group_component{width:100%}liftr-list-filter fieldset{display:contents}label.filter_component{display:inline-flex;align-items:center;gap:var(--space--small);position:relative;border-radius:var(--border-radius--small);padding:var(--space--small);margin-bottom:0;background-color:var(--color-scheme--card);font-size:var(--font-size--small);opacity:var(--text-style--subtle);cursor:pointer;overflow:hidden;isolation:isolate;transition:opacity var(--transition--fast) var(--ease--out),background-color var(--transition--fast) var(--ease--out),padding-left var(--transition--base) var(--ease--smooth)}label.filter_component:hover,label.filter_component[liftr-state~=active]{opacity:1;padding-left:calc(var(--space--small) + .25rem)}label.filter_component:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:var(--color-global--success);border-radius:inherit;opacity:0;z-index:calc(var(--z--base) * -1);pointer-events:none;transition:opacity var(--transition--fast) var(--ease--out)}label.filter_component[liftr-state~=active]:after{opacity:.25}label.filter_component[liftr-state~=empty]:not([liftr-state~=active]){pointer-events:none;opacity:calc(var(--text-style--muted) * .6);filter:grayscale(100%);cursor:not-allowed}label.filter_component:before{content:"";position:absolute;left:0;top:0;bottom:0;width:.25rem;background-image:var(--color-global--success);opacity:0;transition:opacity var(--transition--base) var(--ease--smooth)}label.filter_component:hover:before{opacity:1}label.filter_component[liftr-state~=active]:before{opacity:1}.filter_checkbox{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:1.25rem;height:1.25rem;border-radius:var(--border-radius--small);background-color:var(--color-scheme--muted, #d1d5db);transition:background-color var(--transition--fast) var(--ease--out),background-image var(--transition--fast) var(--ease--out)}.filter_checkbox svg{width:.625rem;height:.625rem;color:var(--color-scheme--background);opacity:0;transform:scale(.5);transition:opacity var(--transition--fast) var(--ease--out),transform var(--transition--fast) var(--ease--out)}label.filter_component[liftr-state~=active] .filter_checkbox{background-color:transparent;background-image:var(--color-global--success)}label.filter_component[liftr-state~=active] .filter_checkbox svg{opacity:1;transform:scale(1)}.filter_label{display:flex;justify-content:space-between;align-items:center;gap:var(--space--small);min-width:0}.filter_text{white-space:nowrap}.filter_count{flex-shrink:0;opacity:var(--text-style--subtle)}label.filter_component[liftr-state~=active] .filter_count{opacity:1}label.filter_component.is-image{padding:0;gap:0;transition:opacity var(--transition--fast) var(--ease--out),padding-left var(--transition--base) var(--ease--smooth)}label.filter_component.is-image:hover,label.filter_component.is-image[liftr-state~=active]{padding-left:.25rem}.filter_image{position:relative;aspect-ratio:1;height:5rem;flex-shrink:0;border-radius:var(--border-radius--small);overflow:hidden;transition:border-radius var(--transition--fast) var(--ease--out)}label.filter_component.is-image:hover .filter_image,label.filter_component.is-image[liftr-state~=active] .filter_image{border-top-left-radius:0;border-bottom-left-radius:0}label.filter_component.is-image .filter_checkbox{position:absolute;bottom:var(--space--xxsmall);left:var(--space--xxsmall);z-index:var(--z--base)}label.filter_component.is-image .filter_label{flex:1;display:grid;grid-template-columns:1fr auto;grid-template-rows:auto auto;align-items:center;gap:var(--space--tiny) var(--space--xsmall);padding:var(--space--small);min-width:0}label.filter_component.is-image .filter_text{grid-column:1;grid-row:1;white-space:normal}label.filter_component.is-image .filter_meta{grid-column:1;grid-row:2}label.filter_component.is-image .filter_count{grid-column:2;grid-row:1 / -1;align-self:center}.filter_meta{opacity:var(--text-style--muted)}.filter_list{display:flex;flex-wrap:wrap;gap:var(--space--xsmall);padding:var(--space--small) var(--space--xsmall);padding-top:0}.filter_list.is-list label.filter_component{display:flex;width:100%}.filter_list.is-list .filter_label{flex:1}.filter_list.is-list .filter_text{white-space:normal}.filter_list.is-grid{display:flex;flex-wrap:wrap;gap:var(--space--xsmall)}.filter_list.is-grid>label.filter_component{width:calc(50% - var(--space--xsmall) / 2)}.filter_list.is-grid .filter_label{flex:1}.filter_list.is-grid .filter_text{white-space:normal}.filter-group_heading{display:inline-flex;align-items:center;gap:var(--space--xsmall);flex:1;text-align:left}liftr-scroll.filter-group_panel{--mask-edge: 4rem;--nav-icon: arrow;--nav-size: regular}liftr-accordion.filter-panel_accordion{--accordion-icon: plus}liftr-accordion>.filter-group_component{flex-shrink:0;flex:0 0 auto}liftr-accordion>.filter-group_component:last-child{border-bottom:1px solid var(--color-scheme--border)}liftr-accordion>.filter-group_component:has([aria-hidden=false]){flex:0 1 auto;display:flex;flex-direction:column;min-height:0}.filter-group_toggle{display:flex;justify-content:space-between;align-items:center;gap:var(--space--small);width:100%;padding:var(--space--small);border-top:1px solid var(--color-scheme--border);background-color:transparent;font-size:var(--font-size--medium);font-weight:var(--font-weight--xbold);text-align:left;cursor:pointer;transition:color var(--transition--base)}.filter-group_toggle:after{opacity:var(--text-style--muted)}.filter-group_toggle:hover{color:var(--color-scheme--accent)}.filter-group_panel{flex:0 1 auto;min-height:0}liftr-scroll.filter-group_panel{max-height:100%}.filter-group_panel [liftr-role~=scroll-viewport]{max-height:100%}@media (prefers-reduced-motion: reduce){label.filter_component,label.filter_component:before,label.filter_component:after,.filter_checkbox,.filter_checkbox svg,.filter_image,.filter-group_toggle{transition-duration:.01ms!important}}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/snippet.filter.css.map */