@layer reset,tokens,base,layout;@layer components{.slider-track{--slider-track-thumb:var(--slider-handle-size);min-height:var(--touch-target);align-items:center;display:grid;position:relative}.slider-track:before,.slider-track:after{height:var(--space-1);border-radius:var(--radius);content:"";position:absolute;top:50%;translate:0 -50%}.slider-track:before{inset-inline:calc(var(--slider-track-thumb) / 2);background:var(--color-border-strong)}.slider-track:after{right:calc(var(--slider-track-thumb) / 2 + (100% - var(--slider-track-thumb)) * (1 - var(--slider-track-end,1)));left:calc(var(--slider-track-thumb) / 2 + (100% - var(--slider-track-thumb)) * var(--slider-track-start,0));background:var(--slider-track-color,var(--color-navy))}.slider-track__input{z-index:var(--slider-track-input-layer,1);width:100%;height:var(--slider-track-thumb);-webkit-appearance:none;appearance:none;cursor:pointer;background:0 0;grid-area:1/1;margin:0}.slider-track__input::-webkit-slider-thumb{width:var(--slider-track-thumb);height:var(--slider-track-thumb);border:var(--indicator-width) solid var(--slider-track-color,var(--color-navy));border-radius:var(--radius-full);-webkit-appearance:none;appearance:none;background:var(--color-surface);cursor:grab;transition:background-color var(--duration-fast) var(--easing-standard)}.slider-track__input::-moz-range-thumb{width:var(--slider-track-thumb);height:var(--slider-track-thumb);border:var(--indicator-width) solid var(--slider-track-color,var(--color-navy));border-radius:var(--radius-full);background:var(--color-surface);cursor:grab;transition:background-color var(--duration-fast) var(--easing-standard)}.slider-track__input:active::-webkit-slider-thumb{background:var(--color-pressed);cursor:grabbing}.slider-track__input:active::-moz-range-thumb{background:var(--color-pressed);cursor:grabbing}.slider-track__input::-moz-range-track{background:0 0}.slider-track__input:focus-visible{outline:none}.slider-track__input:focus-visible::-webkit-slider-thumb{outline:var(--indicator-width) solid var(--color-navy);outline-offset:var(--focus-ring-offset)}.slider-track__input:focus-visible::-moz-range-thumb{outline:var(--indicator-width) solid var(--color-navy);outline-offset:var(--focus-ring-offset)}@media (hover:hover){.slider-track__input:hover::-webkit-slider-thumb{background:var(--color-pressed)}.slider-track__input:hover::-moz-range-thumb{background:var(--color-pressed)}}}@layer utilities;
