.stf{--stf-fg: rgba(var(--color-foreground), 1);--stf-fg-60: rgba(var(--color-foreground), .6);--stf-fg-20: rgba(var(--color-foreground), .2);--stf-fg-08: rgba(var(--color-foreground), .08);--stf-bg: rgb(var(--color-background));--stf-cream: #f1ebe3;--stf-zone-bg: #dcd5c8;--stf-zone-line: rgba(var(--color-foreground), .12);--stf-radius: 1rem;--stf-chip-line: #c2bab0;--stf-z-overlay: 40;--stf-z-sheet: 41;position:relative;margin-bottom:1rem}.section-icon-navigation{padding-bottom:1.4rem}.stf-zone{background:var(--stf-zone-bg);border-top:.1rem solid var(--stf-zone-line);border-bottom:.1rem solid var(--stf-zone-line);margin:0 calc(50% - 50vw);padding:1rem 0 .9rem}.stf-zone__inner{max-width:var(--page-width);margin:0 auto;padding:0 1.5rem}@media screen and (min-width:750px){.stf-zone{padding:1.1rem 0}.stf-zone__inner{padding:0 5rem}}.stf-zone__head{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;padding-bottom:.9rem}.stf-zone__title{font-size:1.15rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--stf-fg)}.stf-zone__count{font-size:1.15rem;color:rgba(var(--color-foreground),.78);white-space:nowrap}.stf-zone__label{display:none;font-size:1.15rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--stf-fg);margin-right:.4rem;flex:0 0 auto}.stf-zone__count--inline{display:none;margin-left:auto;flex:0 0 auto}@media screen and (min-width:990px){.stf-zone__head{display:none}.stf-zone__label,.stf-zone__count--inline{display:inline}}.stf-bar{position:relative}@media screen and (max-width:989px){.stf-bar:before,.stf-bar:after{content:"";position:absolute;top:0;bottom:0;width:4.4rem;pointer-events:none;z-index:1;transition:opacity .15s ease}.stf-bar:before{left:-1.5rem;background:linear-gradient(to right,var(--stf-zone-bg) 15%,rgba(220,213,200,0));opacity:0}.stf-bar:after{right:-1.5rem;background:linear-gradient(to left,var(--stf-zone-bg) 15%,rgba(220,213,200,0));opacity:1}.stf-bar.is-scrolled:before{opacity:1}.stf-bar.is-scroll-end:after{opacity:0}}.stf-bar__scroll{display:flex;align-items:center;gap:.8rem;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding:.4rem 1.5rem;margin:0 -1.5rem}.stf-bar__scroll::-webkit-scrollbar{display:none}.stf-chips-dyn{display:contents}.stf-facet{position:relative;flex:0 0 auto}.stf-chip{display:inline-flex;align-items:center;gap:.6rem;flex:0 0 auto;border:.1rem solid var(--stf-chip-line);background:var(--stf-bg);color:var(--stf-fg);border-radius:var(--stf-radius);padding:.9rem 1.5rem;font-family:inherit;font-size:1.3rem;line-height:1.2;white-space:nowrap;cursor:pointer;transition:border-color .15s ease,background-color .15s ease;-webkit-tap-highlight-color:transparent}.stf-chip:hover{border-color:var(--stf-fg)}.stf-chip:focus-visible{outline:.2rem solid var(--stf-fg);outline-offset:.2rem}.stf-chip[aria-expanded=true]{border-color:var(--stf-fg);background:var(--stf-fg);color:var(--stf-bg)}.stf-chip.is-active:not([aria-expanded=true]){border-color:var(--stf-fg);background:var(--stf-fg);color:var(--stf-bg);font-weight:500}.stf-chip.is-active .stf-chip__badge{background:var(--stf-bg);color:var(--stf-fg)}.stf-chip--all{background:transparent;border:.15rem dashed var(--stf-fg);color:var(--stf-fg);font-weight:500}.stf-chip--all[aria-expanded=true]{border-style:solid}.stf-chip .icon,.stf-chip svg{width:1.5rem;height:1.5rem}.stf-chip__caret svg{width:1rem;height:.7rem;transition:transform .15s ease}.stf-chip[aria-expanded=true] .stf-chip__caret svg{transform:rotate(180deg)}.stf-chip__badge{display:inline-flex;align-items:center;justify-content:center;min-width:1.7rem;height:1.7rem;padding:0 .4rem;border-radius:.5rem;background:var(--stf-fg);color:var(--stf-bg);font-size:1rem;font-weight:600}.stf-chip[aria-expanded=true] .stf-chip__badge{background:var(--stf-bg);color:var(--stf-fg)}.stf-meta{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin:0;min-height:0;padding:.8rem 0 0}.stf-meta:has(.stf-active:empty){display:none}#main-collection-filters.is-sticky .stf-meta,#main-search-filters.is-sticky .stf-meta{display:none}.stf-active{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem}.stf-active[hidden],.stf-active:empty{display:none}.stf-pill-active{display:inline-flex;align-items:center;gap:.5rem;background:var(--stf-cream);color:var(--stf-fg);border-radius:var(--stf-radius);padding:.45rem 1.1rem;font-size:1.15rem;text-decoration:none;transition:opacity .15s ease}.stf-pill-active:hover{opacity:.75}.stf-pill-active svg{width:.9rem;height:.9rem}.stf-clear-all{font-size:1.15rem;color:var(--stf-fg-60);text-decoration:underline;text-underline-offset:.2rem;padding:.45rem .3rem}.stf-results{display:none}.stf-panel{display:none;background:var(--stf-bg);color:var(--stf-fg)}.stf-panel.is-open{display:flex;flex-direction:column}.stf-panel__head{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.4rem 0 1rem}.stf-panel__title{font-size:1.5rem;font-weight:500}.stf-panel__close{display:inline-flex;align-items:center;justify-content:center;width:3.2rem;height:3.2rem;border:none;background:var(--stf-fg-08);border-radius:50%;color:var(--stf-fg);cursor:pointer}.stf-panel__close svg{width:1.4rem;height:1.4rem}.stf-panel__reset{font-size:1.2rem;color:var(--stf-fg-60);text-decoration:underline;text-underline-offset:.2rem}.stf-panel__body{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain}.stf-panel__foot{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding-top:1.2rem;flex:0 0 auto;border-top:.05rem solid var(--stf-fg-08)}.stf-panel__foot .stf-btn--sheet-apply{width:100%}.stf-checklist{display:flex;flex-direction:column;margin:0;padding:0;list-style:none}.stf-checklist li+li{border-top:.05rem solid var(--stf-fg-08)}.stf-check{display:flex;align-items:center;gap:1.2rem;padding:1.1rem .2rem;font-size:1.3rem;color:var(--stf-fg);cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;min-height:4.4rem}.stf-check input{position:absolute;opacity:0;pointer-events:none}.stf-check__box{display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;flex:0 0 auto;border:.15rem solid var(--stf-fg-20);border-radius:.4rem;background:var(--stf-bg);color:var(--stf-bg);transition:border-color .15s ease,background-color .15s ease}.stf-check:hover .stf-check__box{border-color:var(--stf-fg)}.stf-check:has(input:checked) .stf-check__box,.stf-check.is-checked .stf-check__box{border-color:var(--stf-fg);background:var(--stf-fg)}.stf-check:has(input:focus-visible) .stf-check__box{outline:.2rem solid var(--stf-fg);outline-offset:.2rem}.stf-check__label{flex:1 1 auto;overflow:hidden;text-overflow:ellipsis}.stf-check:has(input:checked) .stf-check__label,.stf-check.is-checked .stf-check__label{font-weight:600}.stf-check__count{flex:0 0 auto;font-size:1.15rem;color:var(--stf-fg-60)}.stf-check.is-disabled{opacity:.35;pointer-events:none}.stf-swatches{display:grid;grid-template-columns:repeat(auto-fill,minmax(6rem,1fr));gap:1.2rem .8rem;margin:0;padding:.2rem 0 0;list-style:none}.stf-swatch{position:relative;display:flex;flex-direction:column;align-items:center;gap:.5rem;cursor:pointer;-webkit-tap-highlight-color:transparent}.stf-swatch input{position:absolute;opacity:0;pointer-events:none}.stf-swatch__dot{width:3.4rem;height:3.4rem;border-radius:50%;border:.1rem solid var(--stf-fg-20);box-shadow:inset 0 0 0 .2rem var(--stf-bg);transition:border-color .15s ease,box-shadow .15s ease}.stf-swatch:has(input:checked) .stf-swatch__dot,.stf-swatch.is-checked .stf-swatch__dot{border:.2rem solid var(--stf-fg)}.stf-swatch:has(input:focus-visible) .stf-swatch__dot{outline:.2rem solid var(--stf-fg);outline-offset:.2rem}.stf-swatch__label{font-size:1.05rem;color:var(--stf-fg-60);text-align:center;max-width:7rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.stf-swatch:has(input:checked) .stf-swatch__label{color:var(--stf-fg);font-weight:500}.stf-price{display:flex;align-items:center;gap:1rem;padding:.2rem 0}.stf-price .field{flex:1;position:relative}.stf-price input{width:100%;border:.1rem solid var(--stf-fg-20);border-radius:var(--stf-radius);background:var(--stf-bg);color:var(--stf-fg);padding:1rem 1.4rem;font-size:1.3rem;font-family:inherit}.stf-price input:focus-visible{outline:.2rem solid var(--stf-fg);outline-offset:.1rem}.stf-price__sep{color:var(--stf-fg-60);font-size:1.2rem}.stf-sort__list li+li{border-top:.05rem solid var(--stf-fg-08)}.stf-sort__option{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1.1rem .2rem;font-size:1.3rem;cursor:pointer}.stf-sort__option input{position:absolute;opacity:0;pointer-events:none}.stf-sort__check{visibility:hidden}.stf-sort__option:has(input:checked){font-weight:600}.stf-sort__option:has(input:checked) .stf-sort__check{visibility:visible}.stf-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000059;z-index:var(--stf-z-overlay);opacity:0;transition:opacity .2s ease}.stf-overlay.is-visible{opacity:1}.stf-drawer{position:fixed;z-index:var(--stf-z-sheet);background:var(--stf-bg);color:var(--stf-fg);display:flex;flex-direction:column;visibility:hidden}.stf-drawer.is-open{visibility:visible}.stf-drawer__head{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1.6rem 2rem 1.2rem;border-bottom:.05rem solid var(--stf-fg-08);flex:0 0 auto}.stf-drawer__title{font-size:1.6rem;font-weight:500}.stf-drawer__sort{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1.2rem 2rem;border-bottom:.05rem solid var(--stf-fg-08);flex:0 0 auto;font-size:1.3rem}.stf-drawer__sort-select{position:relative;display:inline-flex;align-items:center}.stf-drawer__sort-select select{appearance:none;-webkit-appearance:none;border:.1rem solid var(--stf-fg-20);border-radius:var(--stf-radius);background:var(--stf-bg);color:var(--stf-fg);font-family:inherit;font-size:1.25rem;padding:.8rem 3.2rem .8rem 1.4rem;cursor:pointer}.stf-drawer__sort-select svg{position:absolute;right:1.3rem;width:1rem;height:.7rem;pointer-events:none}.stf-drawer__body{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:0 2rem}.stf-drawer__foot{display:flex;gap:1rem;padding:1.2rem 2rem calc(1.6rem + env(safe-area-inset-bottom,0rem));border-top:.05rem solid var(--stf-fg-08);flex:0 0 auto;background:var(--stf-bg)}.stf-btn{flex:1;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--stf-radius);padding:1.3rem 1rem;font-family:inherit;font-size:1.35rem;cursor:pointer;transition:opacity .15s ease}.stf-btn:hover{opacity:.85}.stf-btn--ghost{border:.1rem solid var(--stf-fg-20);background:var(--stf-bg);color:var(--stf-fg)}.stf-btn--primary{border:.1rem solid var(--stf-fg);background:var(--stf-fg);color:var(--stf-bg);font-weight:500;flex:1.4}.stf-acc{border-bottom:.05rem solid var(--stf-fg-08)}.stf-acc summary{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1.4rem 0;font-size:1.4rem;font-weight:500;cursor:pointer;list-style:none}.stf-acc summary::-webkit-details-marker{display:none}.stf-acc__meta{font-weight:400;font-size:1.2rem;color:var(--stf-fg-60);margin-left:.5rem}.stf-acc summary svg{width:1rem;height:.7rem;transition:transform .15s ease;flex:0 0 auto}.stf-acc[open]>summary svg{transform:rotate(180deg)}.stf-acc__body{padding:.2rem 0 1.6rem}.stf-acc__reset{display:inline-block;margin-top:1rem;font-size:1.2rem;color:var(--stf-fg-60);text-decoration:underline;text-underline-offset:.2rem}@media screen and (max-width:989px){.stf-panel{position:fixed;left:0;right:0;bottom:0;z-index:var(--stf-z-sheet);border-radius:2rem 2rem 0 0;padding:1rem 2rem calc(1.4rem + env(safe-area-inset-bottom,0rem));max-height:72vh;max-height:72dvh;box-shadow:0 -.6rem 2.4rem #0000001f;transform:translateY(100%);transition:transform .25s ease}.stf-panel.is-open{transform:translateY(0)}.stf-panel:before{content:"";display:block;width:3.6rem;height:.4rem;border-radius:.2rem;background:var(--stf-fg-20);margin:0 auto 1rem}.stf-drawer{left:0;right:0;bottom:0;top:auto;max-height:92vh;max-height:92dvh;height:92vh;height:92dvh;border-radius:2rem 2rem 0 0;transform:translateY(100%);transition:transform .28s ease}.stf-drawer.is-open{transform:translateY(0)}.stf-results{font-size:1.1rem}}@media screen and (min-width:990px){.stf-bar__scroll{flex-wrap:wrap;overflow:visible;margin:0;padding:.4rem 0}.stf-facet>.stf-panel{position:absolute;top:calc(100% + .8rem);left:0;z-index:var(--stf-z-sheet);min-width:28rem;max-width:36rem;max-height:46rem;border:.05rem solid var(--stf-fg-20);border-radius:1.4rem;padding:1.4rem 1.6rem 1.6rem;box-shadow:0 .8rem 2.4rem #0000001a}.stf-facet.is-align-right>.stf-panel{left:auto;right:0}.stf-panel__head--mobile-only .stf-panel__close,.stf-panel__foot .stf-btn--sheet-apply{display:none}.stf-drawer{top:0;right:0;bottom:0;left:auto;width:44rem;max-width:92vw;transform:translate(100%);transition:transform .28s ease;box-shadow:-.8rem 0 2.4rem #0000001a}.stf-drawer.is-open{transform:translate(0)}.stf-overlay.is-popover-only{display:none}}#ProductGridContainer.stf-is-loading{opacity:.45;pointer-events:none;transition:opacity .15s ease}html.stf-lock,html.stf-lock body{overflow:hidden}.stf-portal{position:static;margin:0}.stf-check.is-checked .stf-check__box,.stf-swatch.is-checked .stf-swatch__dot{border-color:var(--stf-fg)}
/*# sourceMappingURL=/cdn/shop/t/151/assets/sterntaler-facets-v2.css.map */