.stcf{--stcf-fg: #111;--stcf-muted: rgb(17 17 17 / .38);--stcf-hair: rgb(17 17 17 / .1);--stcf-accent: #e60012;--stcf-ease: cubic-bezier(.22, 1, .36, 1);display:block;position:sticky;top:var(--stcf-top-pc);z-index:40;padding:0 var(--stc-pad-x-m, 8px);color:var(--stcf-fg);font-size:.625rem;letter-spacing:.1em;line-height:1.5}@media(min-width:750px){.stcf{padding:0 var(--stc-pad-x, 40px)}}@media(max-width:749px){.stcf{top:var(--stcf-top-sp)}}.stcf button{font:inherit;letter-spacing:inherit;color:inherit;background:none;border:0;padding:0;margin:0;cursor:pointer;border-radius:0;box-shadow:none}.stcf a{color:inherit;text-decoration:none}.stcf__bar{position:relative;display:flex;align-items:center;gap:22px;height:38px;padding:0 12px}.stcf:not([data-open]){color:#fff;mix-blend-mode:difference}.stcf__btn{display:inline-flex;align-items:center;gap:7px;height:38px;white-space:nowrap}.stcf__btn>span{position:relative}.stcf__btn>span:not(.stcf__badge):not(.stcf__muted):after,.stcf__toggle:after{content:"";position:absolute;left:0;right:0;bottom:-3px;height:1px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform .35s var(--stcf-ease)}.stcf__btn[aria-expanded=true]>span:not(.stcf__badge):not(.stcf__muted):after,.stcf__btn:hover>span:not(.stcf__badge):not(.stcf__muted):after,.stcf__toggle:hover:after{transform:scaleX(1)}.stcf__badge{font-size:.5625rem;letter-spacing:0;transform:translateY(-4px);opacity:.8}.stcf__badge:before{content:"("}.stcf__badge:after{content:")"}.stcf__badge[hidden]{display:none}.stcf__muted{opacity:.5}.stcf__toggle{position:relative;display:inline-flex;align-items:center;gap:7px;height:38px;white-space:nowrap;opacity:.5;transition:opacity .2s ease}.stcf__toggle:hover,.stcf__toggle.is-on{opacity:1}.stcf__toggle:after{bottom:9px}.stcf__toggle .stcf__mark{width:5px;height:5px;margin:0;border:1px solid currentColor;background:none;transform:none}.stcf__toggle.is-on .stcf__mark{background:currentColor}.stcf__chips{display:flex;flex:1;gap:16px;min-width:0;margin:0;padding:0;list-style:none;overflow-x:auto;scrollbar-width:none}.stcf__chips::-webkit-scrollbar{display:none}.stcf__chip{display:inline-flex;align-items:center;gap:6px;white-space:nowrap}.stcf__chip span[aria-hidden]{display:inline-block;opacity:.5;transition:opacity .2s ease,transform .3s var(--stcf-ease)}.stcf__chip:hover span[aria-hidden]{opacity:1;transform:rotate(90deg)}.stcf__chip--clear{opacity:.5}.stcf__chip--clear:hover{opacity:1}.stcf__count{margin:0 0 0 auto;white-space:nowrap;opacity:.5;font-variant-numeric:tabular-nums}.stcf__chips+.stcf__count{margin-left:0}.stcf__sort{position:relative}.stcf.is-loading .stcf__bar:after{content:"";position:absolute;left:12px;right:12px;bottom:0;height:1px;background:linear-gradient(90deg,transparent,currentColor,transparent) no-repeat;background-size:30% 100%;animation:stcf-run 1s linear infinite}@keyframes stcf-run{0%{background-position:-30% 0}to{background-position:130% 0}}stc-collection.is-stcf-loading .stc__grid{opacity:.3;transition:opacity .25s ease;pointer-events:none}.stcf__opt{position:relative;display:flex;align-items:baseline;padding:4px 0;cursor:pointer;-webkit-user-select:none;user-select:none;color:var(--stcf-muted);transition:color .2s ease}.stcf__opt:hover{color:var(--stcf-fg)}.stcf__opt input{position:absolute;opacity:0;width:1px;height:1px;pointer-events:none}.stcf__opt .stcf__mark{flex:none;display:inline-block;width:0;height:5px;margin-right:0;background:var(--stcf-accent);transform:translateY(-1px);transition:width .3s var(--stcf-ease),margin-right .3s var(--stcf-ease)}.stcf__opt input:checked+.stcf__mark{width:5px;margin-right:8px}.stcf__opt:has(input:checked){color:var(--stcf-fg)}.stcf__opt input:focus-visible~.stcf__label{outline:1px solid var(--stcf-fg);outline-offset:3px}.stcf__label{overflow-wrap:anywhere}.stcf__n{margin-left:5px;font-size:.5rem;letter-spacing:.04em;transform:translateY(-4px);opacity:.8;font-variant-numeric:tabular-nums}.stcf__opt.is-empty{opacity:.35;cursor:default}.stcf__opt.is-empty:hover{color:var(--stcf-muted)}.stcf__menu{position:absolute;right:0;top:calc(100% + 6px);min-width:180px;padding:18px 22px;background:#fffffff5;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 10px 40px #0000000f;opacity:0;transform:translateY(-6px);transition:opacity .3s var(--stcf-ease),transform .3s var(--stcf-ease)}.stcf__menu.is-open{opacity:1;transform:none}.stcf__menu .stcf__opt{padding:5px 0}.stcf__panel{position:absolute;left:var(--stc-pad-x, 40px);right:var(--stc-pad-x, 40px);top:calc(100% + 6px);max-height:min(72vh,640px);overflow-y:auto;overscroll-behavior:contain;background:#fffffff5;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 16px 60px #0000000f;opacity:0;transform:translateY(-8px);transition:opacity .35s var(--stcf-ease),transform .35s var(--stcf-ease);scrollbar-width:thin}.stcf__panel.is-open{opacity:1;transform:none}.stcf__panel-head{display:none}.stcf__groups{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:40px 56px;padding:36px 40px 24px}.stcf__group{min-width:0;margin:0;padding:0;border:0}.stcf__group--wide{grid-column:1 / -1}.stcf__group--wide .stcf__opts{columns:6 150px;column-gap:40px}.stcf__group--wide .stcf__opt{break-inside:avoid}.stcf__legend{display:flex;align-items:baseline;gap:10px;width:100%;margin:0 0 14px;padding:0;font-size:.5625rem;font-weight:400;letter-spacing:.16em;color:var(--stcf-fg)}.stcf__idx{font-size:.5rem;opacity:.4;font-variant-numeric:tabular-nums;letter-spacing:.08em}.stcf__panel-foot{position:sticky;bottom:0;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 40px 22px;background:linear-gradient(to top,#fffffffa 70%,#fff0)}.stcf__clear{opacity:.4;transition:opacity .2s ease}.stcf__clear:hover{opacity:1}.stcf .stcf__apply{display:inline-flex;align-items:center;gap:14px;font-weight:500}.stcf__arrow{position:relative;width:28px;height:1px;background:currentColor;transition:width .35s var(--stcf-ease)}.stcf__arrow:after{content:"";position:absolute;right:0;top:0;width:6px;height:6px;border-top:1px solid currentColor;border-right:1px solid currentColor;transform:translateY(-50%) rotate(45deg);transform-origin:center}.stcf__apply:hover .stcf__arrow{width:44px}.stcf__scrim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;background:#fff6}.stcf__scrim[hidden]{display:none}.stcf__group--price{grid-column:span 2;max-width:520px}.stcf-range{--thumb: 9px;position:relative}.stcf-range__values{display:flex;align-items:baseline;gap:12px;margin-bottom:10px;font-size:.875rem;letter-spacing:.02em;font-variant-numeric:tabular-nums;color:var(--stcf-muted);transition:color .25s ease}.stcf-range.is-set .stcf-range__values,.stcf-range.is-dragging .stcf-range__values{color:var(--stcf-fg)}.stcf-range__dash{width:16px;height:1px;background:currentColor;transform:translateY(-5px)}.stcf-range__track{position:relative;height:24px;margin:0 calc(var(--thumb) / 2)}.stcf-range__line,.stcf-range__fill{position:absolute;top:50%;left:0;right:0;height:1px;background:var(--stcf-hair);transform:translateY(-50%)}.stcf-range__fill{z-index:0;background:var(--stcf-fg);left:calc(var(--lo) * 100%);right:calc((1 - var(--hi)) * 100%);transition:left .1s linear,right .1s linear}.stcf-range.is-dragging .stcf-range__fill{transition:none}.stcf .stcf-range__input,.stcf .stcf-range__input:hover,.stcf .stcf-range__input:focus,.stcf .stcf-range__input:focus-visible,.stcf .stcf-range__input:active{position:absolute;z-index:1;inset:0 calc(var(--thumb) / -2);width:calc(100% + var(--thumb));height:100%;margin:0;padding:0!important;background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;outline:none!important;min-height:0!important;pointer-events:none;-webkit-appearance:none;appearance:none}.stcf-range__input::-webkit-slider-runnable-track{background:none;border:0}.stcf-range__input::-moz-range-track{background:none;border:0}.stcf-range__input::-webkit-slider-thumb{-webkit-appearance:none;width:var(--thumb);height:var(--thumb);border:0;border-radius:0;background:var(--stcf-fg);cursor:grab;pointer-events:auto;transition:transform .3s var(--stcf-ease),background-color .2s ease}.stcf-range__input::-moz-range-thumb{width:var(--thumb);height:var(--thumb);border:0;border-radius:0;background:var(--stcf-fg);cursor:grab;pointer-events:auto}.stcf-range__input:hover::-webkit-slider-thumb{transform:rotate(45deg)}.stcf-range__input:active::-webkit-slider-thumb{transform:rotate(45deg) scale(1.3);background:var(--stcf-accent);cursor:grabbing}.stcf-range__input:focus-visible::-webkit-slider-thumb{outline:1px solid var(--stcf-fg);outline-offset:3px}.stcf-range__scale{display:flex;justify-content:space-between;margin-top:2px;font-size:.5rem;color:var(--stcf-muted);font-variant-numeric:tabular-nums}.stcf-range__presets{display:flex;flex-wrap:wrap;gap:6px 20px;margin-top:18px}.stcf .stcf-range__preset{position:relative;display:inline-flex;align-items:baseline;color:var(--stcf-muted);font-variant-numeric:tabular-nums;transition:color .2s ease}.stcf .stcf-range__preset:hover,.stcf .stcf-range__preset.is-active{color:var(--stcf-fg)}.stcf .stcf-range__preset:before{content:"";display:inline-block;width:0;height:5px;margin-right:0;background:var(--stcf-accent);transform:translateY(-1px);transition:width .3s var(--stcf-ease),margin-right .3s var(--stcf-ease)}.stcf .stcf-range__preset.is-active:before{width:5px;margin-right:8px}.stcf-range__n{margin-left:5px;font-size:.5rem;transform:translateY(-4px);opacity:.8}.stcf-range__n:empty{display:none}.stcf .stcf-range__preset.is-empty:not(.is-active){opacity:.35}.stcf__group--size .stcf__opts,.stcf__group--wide.stcf__group--size .stcf__opts{columns:auto;display:flex;flex-wrap:wrap;gap:4px 18px}.stcf__group--size .stcf__n{display:none}@media(max-width:749px){.stcf__bar{gap:16px;padding:0 4px}.stcf__chips{display:none}.stcf__count{margin-left:auto}.stcf__sort .stcf__muted{display:none}.stcf__panel,.stcf__menu{position:fixed;left:0;right:0;top:auto;bottom:0;max-height:86dvh;min-width:0;border-radius:0;box-shadow:0 -20px 60px #00000014;transform:translateY(24px);background:#fff;-webkit-backdrop-filter:none;backdrop-filter:none}.stcf__menu{padding:26px 24px calc(22px + env(safe-area-inset-bottom))}.stcf__menu .stcf__opt{padding:10px 0;font-size:.6875rem}.stcf__panel-head{display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:2;padding:20px 24px 8px;background:#fff}.stcf__panel-title{margin:0;letter-spacing:.16em}.stcf .stcf__close{position:relative;width:28px;height:28px;font-size:0}.stcf__close:before,.stcf__close:after{content:"";position:absolute;left:7px;right:7px;top:50%;height:1px;background:currentColor}.stcf__close:before{transform:rotate(45deg)}.stcf__close:after{transform:rotate(-45deg)}.stcf__close span{display:none}.stcf__groups{grid-template-columns:1fr;gap:32px;padding:16px 24px 12px}.stcf__group--price{grid-column:auto;max-width:none}.stcf__group--wide .stcf__opts{columns:2;column-gap:24px}.stcf__opt{padding:7px 0;font-size:.6875rem}.stcf-range{--thumb: 14px}.stcf-range__track{height:40px}.stcf-range__values{font-size:1rem}.stcf-range__presets{gap:12px 22px;font-size:.6875rem}.stcf__panel-foot{padding:18px 24px calc(18px + env(safe-area-inset-bottom))}.stcf .stcf__apply{font-size:.6875rem}.stcf__scrim{background:#0003}html.stcf-lock,html.stcf-lock body{overflow:hidden}}@media(prefers-reduced-motion:reduce){.stcf__panel,.stcf__menu,.stcf__opt .stcf__mark,.stcf__arrow,.stcf-range__fill{transition:none}.stcf.is-loading .stcf__bar:after{animation:none}}.stcf__group--color{grid-column:span 2}.stcf__group--color .stcf__opts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:24px}.stcf__swatch{flex:none;width:9px;height:9px;margin-right:9px;background:var(--sw, #ccc);box-shadow:inset 0 0 0 1px #00000014;transform:translateY(.5px);transition:transform .3s var(--stcf-ease)}.stcf__opt--color:hover .stcf__swatch{transform:translateY(.5px) rotate(45deg)}.stcf__opt--color:has(input:checked) .stcf__swatch{transform:translateY(.5px) rotate(45deg)}[data-family=black]{--sw: #111}[data-family=white]{--sw: #fff}[data-family=gray]{--sw: #9b9b9b}[data-family=beige]{--sw: #d9c8a9}[data-family=brown]{--sw: #6f4a2f}[data-family=green]{--sw: #5c6b3c}[data-family=blue]{--sw: #4f7fb8}[data-family=navy]{--sw: #1d2842}[data-family=red]{--sw: #b3261e}[data-family=pink]{--sw: #e7a3b8}[data-family=purple]{--sw: #75599f}[data-family=yellow]{--sw: #e6c73c}[data-family=orange]{--sw: #df7f2e}[data-family=metallic]{--sw: linear-gradient(135deg, #8d8d8d, #eee 45%, #b9b9b9 55%, #d8c07a)}[data-family=multi]{--sw: conic-gradient(#b3261e, #e6c73c, #5c6b3c, #4f7fb8, #75599f, #b3261e)}@media(max-width:749px){.stcf__group--color{grid-column:auto}.stcf__group--color .stcf__opts{grid-template-columns:repeat(2,minmax(0,1fr))}.stcf__swatch{width:11px;height:11px}}.stcf__opt--color .stcf__mark{display:none}
/*# sourceMappingURL=/cdn/shop/t/99/assets/stc-filters.css.map */
