.sfb{display:block;background:var(--sfb-bg);color:var(--sfb-text);padding-top:var(--sfb-pt, 32px);padding-bottom:var(--sfb-pb, 16px)}.sfb__wrap{max-width:1240px;margin:0 auto;padding:0 16px}.sfb__top{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:8px 24px;padding-bottom:16px;border-bottom:1px solid var(--sfb-line)}.sfb__heading{margin:0;font-size:clamp(32px,4vw,46px);font-weight:500;line-height:1;color:inherit}.sfb__meta{margin:0;font-size:14px;opacity:.75;font-variant-numeric:tabular-nums}.sfb__dot{margin:0 6px}.sfb__form{margin:0}.sfb__row{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px;padding-top:16px}.sfb__filters{display:flex;flex-wrap:wrap;gap:10px}.sfb__dd{position:relative}.sfb__btn{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 16px;border:1px solid var(--sfb-accent);background:transparent;color:var(--sfb-accent);font-size:14px;font-weight:500;cursor:pointer;list-style:none;-webkit-user-select:none;user-select:none}.sfb__btn::-webkit-details-marker{display:none}.sfb__btn:after{content:"";border-left:4px solid transparent;border-right:4px solid transparent;border-top:5px solid currentColor;transition:transform .2s ease}.sfb__dd[open]>.sfb__btn:after{transform:rotate(180deg)}.sfb__dd[open]>.sfb__btn,.sfb__dd.has-value>.sfb__btn{background:var(--sfb-accent);color:#fff}.sfb__n{display:inline-grid;place-items:center;min-width:20px;height:20px;padding:0 5px;border-radius:10px;background:#fff;color:var(--sfb-accent);font-size:12px;font-weight:600}.sfb__panel{position:absolute;z-index:30;top:calc(100% + 6px);left:0;min-width:240px;max-height:360px;overflow:auto;padding:12px;background:#fff;color:var(--sfb-text);box-shadow:0 10px 28px #00000024}.sfb__panel-title{display:none;margin:0 0 8px;font-weight:600}.sfb__opt{display:flex;align-items:center;gap:10px;padding:8px 4px;font-size:14px;cursor:pointer;white-space:nowrap}.sfb__opt input{width:16px;height:16px;margin:0;accent-color:var(--sfb-accent)}.sfb__opt small{margin-left:auto;padding-left:12px;opacity:.6}.sfb__opt.is-off{opacity:.45;cursor:not-allowed}.sfb__reset{display:inline-block;margin:6px 4px 2px;font-size:13px;color:var(--sfb-accent)}.sfb__sizes{display:flex;flex-wrap:wrap;gap:8px}.sfb__size{position:relative;cursor:pointer}.sfb__size input{position:absolute;opacity:0;top:0;right:0;bottom:0;left:0;margin:0;cursor:pointer}.sfb__size span{display:inline-grid;place-items:center;min-width:48px;height:40px;padding:0 10px;border:1px solid var(--sfb-line);font-size:14px;font-weight:500}.sfb__size input:checked+span{background:var(--sfb-accent);border-color:var(--sfb-accent);color:#fff}.sfb__size input:focus-visible+span{outline:2px solid var(--sfb-accent);outline-offset:2px}.sfb__size.is-off span{opacity:.4;text-decoration:line-through}.sfb__sort{display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:0 6px 0 14px;border:1px solid var(--sfb-line);background:#fff;font-size:14px;font-weight:500}.sfb__sort{position:relative}.sfb .sfb__sort select,.sfb .sfb__sort select:focus{-webkit-appearance:none;appearance:none;width:auto!important;height:auto!important;min-height:0!important;margin:0!important;padding:8px 22px 8px 4px!important;border:0!important;border-radius:0!important;background:transparent!important;background-image:none!important;box-shadow:none!important;color:inherit!important;font:inherit;line-height:1.2;cursor:pointer;outline:none}.sfb__sort:after{content:"";position:absolute;right:10px;top:50%;margin-top:-2px;border-left:4px solid transparent;border-right:4px solid transparent;border-top:5px solid currentColor;pointer-events:none}.sfb__sort:focus-within{outline:2px solid var(--sfb-accent);outline-offset:2px}.sfb__chips{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding-top:14px}.sfb__chip{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;border:1px solid currentColor;border-radius:999px;background:none;color:inherit;font:inherit;font-size:13px;text-decoration:none;cursor:pointer}.sfb__chip:hover{background:var(--sfb-text);color:var(--sfb-bg)}.sfb__clear{font-size:13px;color:inherit;text-underline-offset:3px}.sfb__note{margin:0;padding:8px 12px;background:#fff7d6;color:#5c4a00;font-size:12px}.sfb__anchor{scroll-margin-top:90px}.sfb.is-loading .sfb__row{opacity:.6;pointer-events:none}@media(max-width:749px){.sfb{padding-top:min(var(--sfb-pt, 32px),18px);padding-bottom:min(var(--sfb-pb, 16px),10px)}.sfb__top{flex-wrap:nowrap;align-items:baseline;gap:10px;padding-bottom:10px}.sfb__heading{font-size:24px;white-space:nowrap}.sfb__meta{font-size:11px;text-align:right;line-height:1.35}.sfb__row{flex-wrap:nowrap;align-items:center;gap:8px;padding-top:10px}.sfb__filters{flex:1 1 auto;min-width:0;flex-wrap:nowrap;gap:6px;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;margin-right:-2px;padding-right:2px}.sfb__filters::-webkit-scrollbar{display:none}.sfb__dd{flex:0 0 auto}.sfb__btn{min-height:36px;padding:0 10px;gap:6px;font-size:12px;white-space:nowrap}.sfb__n{min-width:18px;height:18px;font-size:11px}.sfb__sort{flex:0 0 auto;width:auto;min-height:36px;padding:0 0 0 10px;border-color:var(--sfb-accent);background:transparent;color:var(--sfb-accent);font-size:12px;font-weight:500}.sfb__sort-label{display:none}.sfb .sfb__sort select,.sfb .sfb__sort select:focus{max-width:96px;padding:6px 22px 6px 0!important;font-size:12px;text-overflow:ellipsis}.sfb__filters:after{content:"";position:sticky;right:0;z-index:1;flex:0 0 24px;align-self:stretch;margin-left:-24px;background:linear-gradient(to right,rgba(255,255,255,0),var(--sfb-bg));pointer-events:none}.sfb__chips{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;padding-top:10px}.sfb__chips::-webkit-scrollbar{display:none}.sfb__chip,.sfb button.sfb__chip{flex:0 0 auto;white-space:nowrap;font-size:12px}.sfb__clear,.sfb button.sfb__clear{flex:0 0 auto;white-space:nowrap}.sfb__dd[open]:before{content:"";position:fixed;z-index:29;top:0;right:0;bottom:0;left:0;background:#00000059}.sfb__panel{position:fixed;top:auto;left:0;right:0;bottom:0;min-width:0;max-height:70vh;padding:18px 16px calc(18px + env(safe-area-inset-bottom,0px));border-radius:14px 14px 0 0}.sfb__panel-title{display:block;font-size:16px}.sfb__opt{min-height:44px}}.sfb button.sfb__chip,.sfb button.sfb__chip:hover,.sfb button.sfb__chip:focus{min-height:0;margin:0;padding:5px 12px;border:1px solid currentColor!important;border-radius:999px;background:transparent!important;color:var(--sfb-text)!important;box-shadow:none;font-size:13px;line-height:1.3;text-transform:none;letter-spacing:0}.sfb button.sfb__chip:hover{background:var(--sfb-text)!important;color:var(--sfb-bg)!important}.sfb button.sfb__clear,.sfb button.sfb__reset{min-height:0;padding:0;border:0!important;background:transparent!important;color:var(--sfb-accent)!important;box-shadow:none;font:inherit;font-size:13px;text-decoration:underline;text-underline-offset:3px;cursor:pointer;text-transform:none;letter-spacing:0}.sfb button.sfb__clear{color:var(--sfb-text)!important}.sfb .sfb__n[hidden]{display:none}
/*# sourceMappingURL=/cdn/shop/t/18/assets/sale-filter-bar.css.map */