@layer components{.step-slider__input{-webkit-appearance:none;appearance:none;width:100%;height:1.75rem;margin:0;background:transparent;cursor:pointer}.step-slider__input:disabled{cursor:not-allowed}.step-slider__input::-webkit-slider-runnable-track{height:.25rem;border-radius:var(--radius-full);background:var(--color-border-strong)}.step-slider__input::-moz-range-track{height:.25rem;border-radius:var(--radius-full);background:var(--color-border-strong)}.step-slider__input::-webkit-slider-thumb{-webkit-appearance:none;height:1.125rem;width:1.125rem;margin-top:-.4375rem;border-radius:var(--radius-full);border:2px solid var(--color-background-elevated);background:var(--color-primary);box-shadow:var(--shadow-card)}.step-slider__input::-moz-range-thumb{height:1.125rem;width:1.125rem;border-radius:var(--radius-full);border:2px solid var(--color-background-elevated);background:var(--color-primary);box-shadow:var(--shadow-card)}.step-slider__input:focus-visible::-webkit-slider-thumb{outline:2px solid var(--color-primary);outline-offset:2px}.step-slider__input:focus-visible::-moz-range-thumb{outline:2px solid var(--color-primary);outline-offset:2px}}