.k9-fullstack-filters{--color-fg: #252525;--color-surface: #fff;--color-primary: #e58339;--color-background: #fdf8f5;--color-foreground: #252525;--color-border: #ddd3ca;--color-border-strong: #b7aca2;--color-input-border: #ddd3ca;--color-input-text: #252525;--color-input-background: #fff;--color-primary-button-background: #e58339;--color-primary-button-text: #1f1611;--inputs-border-width: 1px;--inputs-border-radius: 10px;--checkbox-size: 18px;--checkbox-border-radius: 3px;--font-body--size-emphasized: 16px;--font-heading--family: K9CollectionHeading, var(--font-heading-family), sans-serif;--margin-sm: 8px;--gap-sm: 8px;--shadow-1: 0 2px 8px #00000014;display:block;min-width:0;font-size:16px;line-height:1.5;color:var(--color-foreground)}.k9-fullstack-collection-layout{display:grid;grid-template-columns:305px minmax(0,1fr);gap:32px;align-items:start}.k9-fullstack-collection-layout>#ProductGridContainer{width:100%;min-width:0}.k9-fullstack-filters__desktop{background:#f5ece4;padding:20px;border-radius:16px}.k9-fullstack-filters__mobile{display:none}.k9-fullstack-filters .filters{margin:0}.k9-fullstack-filters .filters-sidebar__sort-label{line-height:1.5}.k9-fullstack-filters .select-wrapper{position:relative}.k9-fullstack-filters select.select{width:100%;padding:14px 40px 14px 14px;border:1px solid #ddd3ca;border-radius:10px;background:#fff;color:#252525;font:inherit;font-size:14px;-webkit-appearance:none;appearance:none}.k9-fullstack-filters .select-wrapper__icon{position:absolute;right:16px;top:50%;transform:translateY(-50%);pointer-events:none;width:12px}.k9-fullstack-filters .separator{margin:20px 0}.k9-fullstack-filters .separator hr{margin:0}.k9-fullstack-filters .accordion__header{display:flex;align-items:center;justify-content:space-between;gap:12px;cursor:pointer;list-style:none;min-height:44px}.k9-fullstack-filters .accordion__header::-webkit-details-marker{display:none}.k9-fullstack-filters .accordion__heading-title{margin:0}.k9-fullstack-filters .accordion__content{padding-bottom:8px}.k9-fullstack-filters .accordion__header .icon{margin-left:auto;width:12px}.k9-fullstack-filters .accordion__icons-add{width:12px;color:#625950}.k9-fullstack-filters .accordion__icons-add svg{width:10px;height:10px}.k9-fullstack-filters .accordion[open] .icon--keyboard_arrow_down{transform:rotate(180deg)}.k9-fullstack-filters .accordion:not([open]) .icon--remove,.k9-fullstack-filters .accordion[open] .icon--add{display:none}.k9-fullstack-filters :is(select,input,button,summary,a):focus-visible{outline:2px solid #252525;outline-offset:3px}.k9-fullstack-filters .checkbox>input:focus-visible+span{outline:2px solid #252525;outline-offset:3px;border-radius:6px}.k9-fullstack-filters .filter-and-sort--loading{opacity:.65}.k9-fullstack-filters__toggle{display:inline-flex;align-items:center;gap:12px;min-height:44px;border:0;background:transparent;padding:0;font:inherit;color:inherit;cursor:pointer}.k9-fullstack-filters__toggle svg{width:20px;height:20px}.k9-fullstack-filters dialog{position:fixed;inset:0 auto 0 0;width:min(90vw,420px);max-width:none;height:100dvh;max-height:100dvh;margin:0;padding:20px;border:0;background:#fdf8f5;color:#252525;overflow-y:auto;overscroll-behavior:contain}.k9-fullstack-filters dialog::backdrop{background:#25252566}.k9-fullstack-filters__close{width:44px;height:44px;padding:8px;border:0;background:transparent;color:inherit;cursor:pointer}.k9-fullstack-filters__close svg{width:24px;height:24px}.k9-fullstack-filters__mobile-count{margin:12px 0 20px;font-size:14px;color:#625950}.k9-fullstack-filters__title{margin:8px 0 20px;font-size:18px}.k9-fullstack-active{font-size:16px;margin-bottom:12px}.k9-fullstack-active:not(:has(.active-filters)){margin-bottom:0}.k9-fullstack-active .active-filters{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.k9-fullstack-active .active-filters__tag{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;background:#f5ece4;border-radius:16px;font-size:12px;color:#252525;text-decoration:none}.k9-fullstack-active .active-filters__clear{color:#625950;font-size:12px;text-underline-offset:3px}.k9-fullstack-results-count{margin:0 0 16px;padding-top:20px;font-size:14px;line-height:24px;color:#625950}@media(min-width:750px){.k9-fullstack-collection-layout>k9-fullstack-collection-filters{position:sticky;top:calc(var(--header-height,80px) + 20px)}}@media(max-width:989px)and (min-width:750px){.k9-fullstack-collection-layout{grid-template-columns:240px minmax(0,1fr);gap:20px}}@media(max-width:749px){.k9-fullstack-collection-layout{display:block}.k9-fullstack-filters__desktop{display:none}.k9-fullstack-filters__mobile{display:block;margin-bottom:16px}.k9-fullstack-results-count{padding-top:0}.k9-fullstack-filters .filter-list--swatches .checkbox{min-width:24px;min-height:24px}.k9-fullstack-filters .filter-list--pills .checkbox>span{min-height:32px}}.k9-fullstack-filters .checkbox{z-index:0;position:relative;display:block;line-height:var(--checkbox-size)}.k9-fullstack-filters .checkbox>input{appearance:none;-moz-appearance:none;-webkit-appearance:none;z-index:-1;position:absolute;left:-8px;top:-8px;display:block;margin:0;border-radius:50%;width:36px;height:36px;box-shadow:none;outline:none;opacity:0;transform:scale(1);pointer-events:none;transition:opacity .3s,transform .2s}.k9-fullstack-filters .checkbox>span{display:flex;align-items:center;width:100%;cursor:pointer;font-size:var(--font-body--size-emphasized)}.k9-fullstack-filters .checkbox__additionnal-label-content{margin-right:var(--margin-sm)}.k9-fullstack-filters .checkbox>span:before{content:"";display:inline-block;box-sizing:border-box;margin-right:var(--margin-sm);border:var(--inputs-border-width) solid var(--color-input-border);border-radius:var(--checkbox-border-radius);min-width:var(--checkbox-size);width:var(--checkbox-size);height:var(--checkbox-size);vertical-align:top;transition:border-color .2s,background-color .2s;background-color:var(--color-input-background)}.k9-fullstack-filters .checkbox>span:empty:before{margin-right:0}.k9-fullstack-filters .checkbox>span:after{content:"";display:block;position:absolute;top:0;left:1px;width:9.6px;height:4.8px;border:solid 1.5px transparent;border-right:none;border-top:none;transform:translate(3.52px,5.12px) rotate(-45deg)}.k9-fullstack-filters .checkbox>input:checked+span:before,.k9-fullstack-filters .checkbox>input:indeterminate+span:before{border-color:var(--color-input-text);background-color:var(--color-input-text)}.k9-fullstack-filters .checkbox>input:checked+span:after,.k9-fullstack-filters .checkbox>input:indeterminate+span:after{border-color:var(--color-input-background)}.k9-fullstack-filters .checkbox>input:indeterminate+span:after{border-left:none;transform:translate(4px,3px)}.k9-fullstack-filters .checkbox>input:focus{opacity:.12}.k9-fullstack-filters .checkbox>input:disabled{opacity:0}.k9-fullstack-filters .checkbox>input:disabled+span{color:var(--color-input-text);cursor:initial;opacity:.5}.k9-fullstack-filters .checkbox>input:disabled+span:before{border-color:var(--color-input-border);cursor:not-allowed}.k9-fullstack-filters .checkbox>input:checked:disabled+span:before,.k9-fullstack-filters .checkbox>input:indeterminate:disabled+span:before{border-color:transparent;background-color:currentColor}.k9-fullstack-filters .checkbox>input:checked:disabled+span:after{border-color:var(--color-input-background);cursor:not-allowed}.k9-fullstack-filters .filter-list{display:flex;flex-direction:column;gap:var(--gap-sm)}.k9-fullstack-filters .filter-list__swatch{background:var(--swatch-background);width:16px;height:16px;display:block;border-radius:50%}.k9-fullstack-filters .filters-sidebar__list{display:flex;flex-direction:column}.k9-fullstack-filters .filters-sidebar__sort-label{display:block;font-size:var(--font-body--size-emphasized);font-weight:600;margin-bottom:var(--margin-sm)}.k9-fullstack-filters .filters-sidebar .accordion__heading-title{font-family:var(--font-heading--family),sans-serif;text-transform:uppercase;font-size:11px;letter-spacing:.06em;color:var(--color-foreground);opacity:.7}.k9-fullstack-filters .filters-sidebar .accordion__header{padding:14px 0}.k9-fullstack-filters .filters-sidebar .accordion__content{padding:0 0 8px}.k9-fullstack-filters .filters-sidebar .accordion__header .icon{opacity:.55;font-size:18px}.k9-fullstack-filters .filters-sidebar .filter-list{gap:6px}.k9-fullstack-filters .filters-sidebar .filter-list label{font-size:14px;cursor:pointer}.k9-fullstack-filters .filters-sidebar .filter-list input:checked+span{font-weight:600}.k9-fullstack-filters .filters-sidebar .filter-list.filter-list--pills{flex-direction:row;flex-wrap:wrap;gap:8px}.k9-fullstack-filters .filters-sidebar .filter-list--pills .checkbox{display:inline-flex;width:auto;line-height:normal}.k9-fullstack-filters .filters-sidebar .filter-list--pills .checkbox>span:before,.k9-fullstack-filters .filters-sidebar .filter-list--pills .checkbox>span:after{display:none}.k9-fullstack-filters .filters-sidebar .filter-list--pills .checkbox>span{padding:6px 16px;border:var(--inputs-border-width, 1px) solid var(--color-input-border);border-radius:20px;font-size:13px;font-weight:500;width:auto;transition:border-color .15s ease,background-color .15s ease,color .15s ease;justify-content:center}.k9-fullstack-filters .filters-sidebar .filter-list--pills .checkbox:hover>span{border-color:var(--color-input-border-hover, var(--color-foreground))}.k9-fullstack-filters .filters-sidebar .filter-list--pills .checkbox>input:checked+span{background:var(--color-primary-button-background);color:var(--color-primary-button-text);border-color:var(--color-primary-button-background)}.k9-fullstack-filters .filters-sidebar .filter-list--pills .checkbox>input:disabled+span{color:color-mix(in srgb,var(--color-fg) 30%,transparent);cursor:not-allowed;text-decoration:line-through}.k9-fullstack-filters .filters-sidebar .filter-list.filter-list--swatches{flex-direction:row;flex-wrap:wrap;gap:10px}.k9-fullstack-filters .filters-sidebar .filter-list--swatches .checkbox{display:block;width:var(--swatch-size, 21px);height:var(--swatch-size, 21px);line-height:0}.k9-fullstack-filters .filters-sidebar .filter-list--swatches .checkbox>span:before,.k9-fullstack-filters .filters-sidebar .filter-list--swatches .checkbox>span:after{display:none}.k9-fullstack-filters .filters-sidebar .filter-list--swatches .checkbox>span{font-size:0;line-height:0;width:var(--swatch-size, 21px);height:var(--swatch-size, 21px)}.k9-fullstack-filters .filters-sidebar .filter-list--swatches .checkbox__additionnal-label-content{margin:0}.k9-fullstack-filters .filters-sidebar .filter-list--swatches .filter-list__swatch{width:var(--swatch-size, 21px);height:var(--swatch-size, 21px);border:.5px solid var(--color-input-border-low-opacity, var(--color-border));border-radius:calc(100% - 1px);outline:var(--inputs-border-width, 1px) solid transparent;outline-offset:var(--swatch-outline-offset, 3px);transition:outline .1s ease-in-out;cursor:pointer;box-shadow:none}.k9-fullstack-filters .filters-sidebar .filter-list--swatches .checkbox>input:checked~span .filter-list__swatch{outline-color:var(--color-input-border, currentColor)}.k9-fullstack-filters .filters-sidebar .filter-list--swatches .checkbox:hover .filter-list__swatch{outline-color:var(--color-input-border-low-opacity, var(--color-border-strong))}.k9-fullstack-filters .filters-sidebar .filter-list--swatches .checkbox>input:disabled~span .filter-list__swatch{opacity:.45;cursor:not-allowed}.k9-fullstack-filters .filters-sidebar .separator hr{border:none;height:1px;background:linear-gradient(to right,color-mix(in srgb,var(--color-fg) 15%,transparent),transparent)}.k9-fullstack-filters .filter-toggle{display:flex;align-items:center;gap:12px;cursor:pointer}.k9-fullstack-filters .filter-toggle>input{position:absolute;opacity:0;width:0;height:0}.k9-fullstack-filters .filter-toggle__label{font-size:14px;flex:1}.k9-fullstack-filters .filter-toggle__track{width:44px;height:24px;background:color-mix(in srgb,var(--color-fg) 15%,transparent);border-radius:12px;position:relative;transition:background .25s ease;flex-shrink:0}.k9-fullstack-filters .filter-toggle__handle{position:absolute;width:20px;height:20px;background:var(--color-surface);border-radius:50%;top:2px;left:2px;transition:transform .25s ease;box-shadow:var(--shadow-1)}.k9-fullstack-filters .filter-toggle>input:checked~.filter-toggle__track{background:var(--color-primary-button-background)}.k9-fullstack-filters .filter-toggle>input:checked~.filter-toggle__track .filter-toggle__handle{transform:translate(20px)}.k9-fullstack-filters .filter-toggle>input:focus-visible~.filter-toggle__track{outline:2px solid var(--color-primary-button-background);outline-offset:2px}.k9-fullstack-filters .filter-toggle--disabled{opacity:.4;cursor:not-allowed}.k9-fullstack-filters .active-filters{display:flex;flex-wrap:wrap;gap:8px;align-items:center;padding:4px 0}.k9-fullstack-filters .active-filters__tag{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;background:color-mix(in srgb,var(--color-primary-button-background) 12%,var(--color-background));border-radius:16px;font-size:12px;color:var(--color-foreground);text-decoration:none;transition:background .2s ease,transform .15s ease;cursor:pointer}.k9-fullstack-filters .active-filters__tag:hover{background:color-mix(in srgb,var(--color-primary-button-background) 20%,var(--color-background));transform:scale(1.03)}.k9-fullstack-filters .active-filters__remove{font-size:16px;line-height:1;opacity:.6;transition:opacity .15s ease}.k9-fullstack-filters .active-filters__tag:hover .active-filters__remove{opacity:1}.k9-fullstack-filters .active-filters__clear{font-size:12px;color:var(--color-foreground);opacity:.65;text-decoration:underline;text-underline-offset:2px;margin-left:4px;transition:opacity .2s ease}.k9-fullstack-filters .active-filters__clear:hover{opacity:.8}.k9-fullstack-filters .collection-results-count{font-size:13px;opacity:.6;padding:8px 0;font-variant-numeric:tabular-nums}.k9-fullstack-filters .filter-price-range-slider__track-container{position:relative;height:24px;margin-bottom:12px;display:flex;align-items:center}.k9-fullstack-filters .filter-price-range-slider__track{position:absolute;left:0;right:0;height:4px;background:color-mix(in srgb,var(--color-foreground) 12%,transparent);border-radius:2px}.k9-fullstack-filters .filter-price-range-slider__track-fill{position:absolute;height:4px;background:var(--color-primary-button-background);border-radius:2px;left:0;right:0}.k9-fullstack-filters .filter-price-range-slider__input{position:absolute;width:100%;height:24px;appearance:none;-webkit-appearance:none;background:transparent;pointer-events:none;margin:0}.k9-fullstack-filters .filter-price-range-slider__input::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:18px;height:18px;background:var(--color-background);border:2px solid var(--color-primary-button-background);border-radius:50%;cursor:pointer;pointer-events:auto;box-shadow:0 1px 4px #00000026;transition:transform .15s ease,box-shadow .15s ease}.k9-fullstack-filters .filter-price-range-slider__input::-webkit-slider-thumb:hover{transform:scale(1.15);box-shadow:0 2px 6px #0003}.k9-fullstack-filters .filter-price-range-slider__input::-moz-range-thumb{width:18px;height:18px;background:var(--color-background);border:2px solid var(--color-primary-button-background);border-radius:50%;cursor:pointer;pointer-events:auto;box-shadow:0 1px 4px #00000026}.k9-fullstack-filters .filter-price-range-inputs{display:flex;align-items:center;gap:6px}.k9-fullstack-filters .filter-price-range-inputs__field{display:flex;align-items:center;gap:4px;border:var(--inputs-border-width, 1px) solid var(--color-input-border);border-radius:var(--inputs-border-radius, 4px);padding:5px 8px;background:var(--color-input-background, var(--color-background));width:72px}.k9-fullstack-filters .filter-price-range-inputs__field:first-child{margin-right:auto}.k9-fullstack-filters .filter-price-range-inputs__field:last-child{margin-left:auto}.k9-fullstack-filters .filter-price-range-inputs__field input{border:none;outline:none;background:transparent;width:100%;font-size:12px;font-family:inherit;padding:0;color:var(--color-foreground);text-align:center;font-variant-numeric:tabular-nums}.k9-fullstack-filters .filter-price-range-inputs__field input::placeholder{color:var(--color-foreground);opacity:.3}.k9-fullstack-filters .filter-price-range-inputs__currency,.k9-fullstack-filters .filter-price-range-inputs__separator{font-size:11.2px;opacity:.65;flex-shrink:0}@media(prefers-reduced-motion:reduce){.k9-fullstack-filters .filter-toggle__track,.k9-fullstack-filters .filter-toggle__handle,.k9-fullstack-filters .active-filters__tag,.k9-fullstack-filters .active-filters__remove,.k9-fullstack-filters .active-filters__clear,.k9-fullstack-filters .filter-price-range-slider__input::-webkit-slider-thumb,.k9-fullstack-filters .filters-sidebar .filter-list--pills .checkbox>span,.k9-fullstack-filters .filters-sidebar .filter-list--swatches .filter-list__swatch{transition:none}}.k9-fullstack-filters .filter-price-range-inputs__field input::placeholder{color:#625950;opacity:1}@media(max-width:749px){.k9-fullstack-filters .filter-price-range-inputs__field input{font-size:16px}.k9-fullstack-filters .filter-price-range-inputs__field{width:92px}}.k9-fullstack-filters .filter-price-range-slider__track,.k9-fullstack-filters .filter-price-range-slider__track-fill{display:block}.k9-fullstack-filters .accordion__icons-add{margin-inline-start:auto}.k9-fullstack-filters[aria-busy=true] :is(.filter-list,.filter-toggle,.filter-price-range-slider,select){opacity:.65}@supports (appearance: base-select){@media(min-width:750px){.k9-fullstack-filters select.select,.k9-fullstack-filters select.select::picker(select){-webkit-appearance:base-select;appearance:base-select}.k9-fullstack-filters select.select::picker-icon{display:none}.k9-fullstack-filters select.select::picker(select){width:anchor-size(width);max-height:min(360px,60vh);overflow-y:auto;margin-block:6px;border:1px solid #ddd3ca;border-radius:10px;padding:4px;background:#fff;color:#252525;font:500 14px/1.5 var(--font-body-family),sans-serif;box-shadow:0 6px 20px #25252526}.k9-fullstack-filters select.select option{font:inherit;white-space:normal;padding:8px;border-radius:6px}.k9-fullstack-filters select.select option:is(:hover,:focus,:checked){background:#f5ece4}}}
/*# sourceMappingURL=/cdn/shop/t/22/assets/k9-fullstack-collection-filters.css.map */