.slider>*{width:100%}[data-slider-root]{flex-direction:column;width:100%;max-width:320px;display:flex}[data-slider-root][data-orientation=vertical]{height:240px}[data-slider-control]{--slider-thumb-size:20px;--slider-track-height:4px;justify-content:center;align-items:center;display:flex;position:relative}[data-slider-control][data-orientation=horizontal]{height:var(--slider-thumb-size)}[data-slider-control][data-orientation=vertical]{width:var(--slider-thumb-size)}[data-slider-thumb]{all:unset;width:var(--slider-thumb-size);height:var(--slider-thumb-size);background:#fff;border-radius:999px;box-shadow:0 2px 10px #00000024}[data-slider-thumb]:focus-visible{box-shadow:0 0 0 5px #00000038}[data-slider-thumb]:hover:not([data-disabled]){background-color:#f5f2ff}[data-slider-thumb][data-disabled]{background-color:#d3d3d3}[data-slider-root] .control-area{margin-top:12px;display:flex}.slider [data-orientation=horizontal] .control-area{flex-direction:column;width:100%}.slider [data-orientation=vertical] .control-area{flex-direction:row;height:100%}[data-slider-track]{background:#0003;border-radius:9999px}[data-slider-track][data-orientation=horizontal]{height:var(--slider-track-height);width:100%}[data-slider-track][data-orientation=vertical]{height:100%;width:var(--slider-track-height)}[data-slider-range]{border-radius:inherit;background:#f0f}[data-slider-range][data-disabled]{background:#0006}[data-slider-range][data-orientation=horizontal]{height:100%}[data-slider-range][data-orientation=vertical]{width:100%}[data-slider-value-text]{margin-inline-start:12px}[data-slider-marker-group][data-orientation=vertical]{height:100%}[data-slider-marker]{color:#d3d3d3}[data-slider-marker]:is([data-state=under-value],[data-state=at-value]){color:red}[data-slider-dragging-indicator]{color:#fff;background:#f0f;border-radius:4px;padding:2px 4px}[data-slider-dragging-indicator][data-orientation=horizontal]{top:calc(var(--slider-thumb-size) + 8px)}[data-slider-dragging-indicator][data-orientation=vertical]{left:calc(var(--slider-thumb-size) + 8px)}