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