.slider{touch-action:none;align-items:center;width:200px;padding:.5rem 0;display:flex;position:relative}.slider[data-orientation=vertical]{flex-direction:column;width:auto;height:200px}.slider-track{box-sizing:border-box;background:var(--primary-color-5);border-radius:9999px;flex-grow:1;height:.5rem;position:relative}.slider[data-orientation=vertical] .slider-track{width:4px;height:100%}.slider-range{background-color:var(--secondary-color-2);border-radius:9999px;height:100%;position:absolute}.slider[data-orientation=vertical] .slider-range{width:100%}.slider-thumb{all:unset;border:1px solid var(--secondary-color-2);background-color:var(--primary-color-1);cursor:pointer;border-radius:50%;width:16px;height:16px;transition:border-color .15s;display:block;position:absolute;top:50%;transform:translate(-50%,-50%)}.slider[data-orientation=vertical] .slider-thumb{left:50%;transform:translate(-50%,50%)}.slider-thumb:focus-visible[data-dragging=true],.slider-thumb:focus-visible,.slider-thumb:hover{box-shadow:0 0 0 4px color-mix(in oklab,var(--primary-color-7)50%,transparent);transition:box-shadow .15s}.slider[data-disabled=true]{cursor:not-allowed;opacity:.5}.slider[data-disabled=true] .slider-thumb{cursor:not-allowed}