.price-range-filter{--price-knob-size:1.25rem;--price-knob-half:calc(var(--price-knob-size) / 2);--price-track:color-mix(in oklab, var(--foreground) 12%, transparent);--price-track-active:var(--brand);--price-knob:var(--surface);--price-knob-border:color-mix(in oklab, var(--foreground) 18%, transparent);--price-ease:cubic-bezier(.22, 1, .36, 1)}html.dark .price-range-filter{--price-track:#ffffff24;--price-track-active:var(--brand);--price-knob:var(--surface);--price-knob-border:#ffffff2e}@supports (color:lab(0% 0 0)){html.dark .price-range-filter{--price-track:lab(100% -.0000298023 .0000119209/.14);--price-knob-border:lab(100% -.0000298023 .0000119209/.18)}}.price-range-track-shell{height:2.75rem;margin-inline:var(--price-knob-half);touch-action:none;-webkit-user-select:none;user-select:none;position:relative}.price-range-track-shell--dragging{cursor:grabbing}.price-range-track-recess{inset-inline:0;background:var(--price-track);border-radius:9999px;height:2px;position:absolute;top:50%;transform:translateY(-50%)}.price-range-track-active{background:var(--price-track-active);pointer-events:none;border-radius:9999px;height:2px;position:absolute;top:50%;transform:translateY(-50%)}.price-range-track-active--fluid{transition:left .28s var(--price-ease), right .28s var(--price-ease)}.price-range-knob{z-index:2;width:var(--price-knob-size);height:var(--price-knob-size);border:1px solid var(--price-knob-border);background:var(--price-knob);cursor:grab;transition:transform .2s var(--price-ease), box-shadow .2s var(--price-ease), border-color .2s var(--price-ease);border-radius:9999px;justify-content:center;align-items:center;display:flex;position:absolute;top:50%;transform:translate(-50%,-50%);box-shadow:0 1px 2px #00000014,inset 0 0 0 1px #ffffff59}html.dark .price-range-knob{box-shadow:0 2px 8px #00000047,inset 0 0 0 1px #ffffff0f}.price-range-knob:after{content:"";background:var(--brand);opacity:.85;width:.375rem;height:.375rem;transition:opacity .2s var(--price-ease);border-radius:9999px}.price-range-knob--fluid{transition:transform .2s var(--price-ease), box-shadow .2s var(--price-ease), border-color .2s var(--price-ease), left .28s var(--price-ease)}.price-range-knob:hover{border-color:color-mix(in oklab, var(--brand) 35%, transparent);transform:translate(-50%,-50%)scale(1.06)}.price-range-knob--active,.price-range-knob:active{cursor:grabbing;border-color:color-mix(in oklab, var(--brand) 45%, transparent);box-shadow:0 0 0 4px color-mix(in oklab, var(--brand) 14%, transparent), 0 2px 8px #0000001f;transform:translate(-50%,-50%)scale(1.08)}.price-range-knob--active:after{opacity:1}.price-range-tooltip{z-index:5;border:1px solid color-mix(in oklab, var(--foreground) 10%, transparent);background:var(--surface);font-variant-numeric:tabular-nums;color:var(--foreground);white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .18s var(--price-ease), transform .18s var(--price-ease);border-radius:.375rem;padding:.2rem .45rem;font-size:.6875rem;position:absolute;bottom:calc(100% + .5rem);left:50%;transform:translate(-50%)translateY(4px);box-shadow:0 4px 14px #0000001a}.price-range-knob--active .price-range-tooltip{opacity:1;transform:translate(-50%)translateY(0)}.price-range-input-shell{border:1px solid color-mix(in oklab, var(--foreground) 12%, transparent);background:color-mix(in oklab, var(--surface) 88%, var(--background));transition:border-color .2s var(--price-ease), box-shadow .2s var(--price-ease);border-radius:.75rem}html:not(.dark) .price-range-input-shell{background:#fafafacc;border-color:#e4e4e7e6}.price-range-input-shell:focus-within{border-color:color-mix(in oklab, var(--brand) 55%, transparent);box-shadow:0 0 0 2px color-mix(in oklab, var(--brand) 18%, transparent)}.price-range-input-shell--amber{animation:price-range-shake .38s var(--price-ease);border-color:#f59e0b8c;box-shadow:0 0 0 2px #f59e0b26}.price-range-input-shell--error{animation:price-range-pulse-error .48s var(--price-ease);border-color:#ef44448c}@keyframes price-range-shake{0%,to{transform:translate(0)}25%{transform:translate(-2px)}75%{transform:translate(2px)}}@keyframes price-range-pulse-error{0%,to{box-shadow:0 0 #ef444400}50%{box-shadow:0 0 0 3px #ef444424}}@media (prefers-reduced-motion:reduce){.price-range-track-active--fluid,.price-range-knob--fluid,.price-range-knob,.price-range-tooltip,.price-range-input-shell{transition:none!important;animation:none!important}}