@start-base/react-form-elements/Slider/styles.css

Simplify form elements and form management. Selection of user friendly inputs and wide customization abilities to match your design and functionality.

.SUI-Slider-module-root-nimwu{display:flex;flex-direction:column;height:100%;margin-bottom:var(--rfe-spacing);position:relative}.SUI-Slider-module-inputRoot-H61xi{height:100%;width:auto}.SUI-Slider-module-label-CfIjh{color:var(--rfe-color);cursor:pointer;font-size:var(--rfe-font-size);line-height:20px;margin-bottom:var(--rfe-label-spacing);pointer-events:all}.SUI-Slider-module-slider-gTQ5h{width:100%}.SUI-Slider-module-vertical-6u-n8{height:200px}.SUI-Slider-module-vertical-6u-n8 .SUI-Slider-module-tracks-3aY2r{background:var(--rfe-background)!important;border:1px solid var(--rfe-border)!important;width:10px!important}.SUI-Slider-module-vertical-6u-n8 .SUI-Slider-module-track-cy5dF{background:var(--rfe-background-selected)!important;border:1px solid var(--rfe-border)!important;width:10px!important}.SUI-Slider-module-vertical-6u-n8 .SUI-Slider-module-rail-K-UNZ{background:var(--rfe-background)!important;border:1px solid var(--rfe-border)!important;height:100%!important;width:10px!important}.SUI-Slider-module-vertical-6u-n8 .SUI-Slider-module-handle-G5nbR{background:var(--rfe-background)!important;border:1px solid var(--rfe-border)!important;box-shadow:none!important;cursor:pointer!important;height:20px!important;opacity:1!important;width:20px!important}.SUI-Slider-module-vertical-6u-n8 .SUI-Slider-module-handle-G5nbR:hover{background:var(--rfe-background-selected)!important;border:1px solid var(--rfe-border)!important;box-shadow:var(--rfe-focus)!important}.SUI-Slider-module-horizontal-B05eH .SUI-Slider-module-tracks-3aY2r{background:var(--rfe-background)!important;border:1px solid var(--rfe-border)!important;height:10px!important}.SUI-Slider-module-horizontal-B05eH .SUI-Slider-module-track-cy5dF{background:var(--rfe-background-selected)!important;border:1px solid var(--rfe-border)!important;height:10px!important}.SUI-Slider-module-horizontal-B05eH .SUI-Slider-module-rail-K-UNZ{background:var(--rfe-background)!important;border:1px solid var(--rfe-border)!important;height:10px!important;width:100%!important}.SUI-Slider-module-horizontal-B05eH .SUI-Slider-module-handle-G5nbR{background:var(--rfe-background)!important;border:1px solid var(--rfe-border)!important;box-shadow:none!important;cursor:pointer!important;height:20px!important;opacity:1!important;width:20px!important}.SUI-Slider-module-horizontal-B05eH .SUI-Slider-module-handle-G5nbR:hover{background:var(--rfe-background-selected)!important;border:1px solid var(--rfe-border)!important;box-shadow:var(--rfe-focus)!important}.SUI-Slider-module-disabled-hAd0M{background:none!important;cursor:not-allowed!important}.SUI-Slider-module-disabled-hAd0M .SUI-Slider-module-rail-K-UNZ,.SUI-Slider-module-disabled-hAd0M .SUI-Slider-module-track-cy5dF,.SUI-Slider-module-disabled-hAd0M .SUI-Slider-module-tracks-3aY2r{background:var(--rfe-background-disabled)!important}.SUI-Slider-module-disabled-hAd0M .SUI-Slider-module-handle-G5nbR{background:var(--rfe-background)!important;box-shadow:none!important;cursor:not-allowed!important}.SUI-Slider-module-error-Qeso1 .SUI-Slider-module-handle-G5nbR,.SUI-Slider-module-error-Qeso1 .SUI-Slider-module-rail-K-UNZ,.SUI-Slider-module-error-Qeso1 .SUI-Slider-module-track-cy5dF,.SUI-Slider-module-error-Qeso1 .SUI-Slider-module-tracks-3aY2r{border-color:var(--rfe-color-error)!important}.SUI-Slider-module-slider-gTQ5h:focus-within .SUI-Slider-module-handle-G5nbR{box-shadow:var(--rfe-focus)!important}.SUI-Slider-module-errorLabel-2RUQj{color:var(--rfe-color-error);font-size:var(--rfe-error-font-size);margin-top:var(--rfe-label-spacing);pointer-events:none}