.slider{--slider:var(--slider-track,#e9ecef);--handle-inactive:var(--slider-handle-inactive,#99a2a2);--handle:var(--slider-handle,#838de7);--handle-focus:var(--slider-handle-focus,#4a40d4);--handle-border:var(--slider-handle-border,var(--handle));--range-inactive:var(--slider-range-inactive,var(--handle-inactive));--range:var(--slider-range,var(--handle-focus));--float-inactive:var(--slider-float-inactive,var(--handle-inactive));--float:var(--slider-float,var(--handle-focus));--float-text:var(--slider-float-text,#fff);background-color:var(--slider);-webkit-user-select:none;user-select:none;height:4px;margin:1em;transition:opacity .2s;position:relative}.slider *{-webkit-user-select:none;user-select:none}.slider.vertical{width:.5em;min-height:200px;display:inline-block}.slider .handle{z-index:2;border-radius:50%;width:1.2rem;height:1.2rem;display:block;position:absolute;top:50%;bottom:auto;transform:translateY(-50%)translate(-50%)}.slider .handle.timerEnabled{width:2rem;height:2rem}.slider.reversed .handle{transform:translateY(-50%)translate(50%)}.slider.vertical .handle{top:auto;left:.25em;transform:translateY(50%)translate(-50%)}.slider.vertical.reversed .handle{transform:translateY(-50%)translate(-50%)}.slider .nub,.slider .handle .ring{border-radius:50%;width:100%;height:100%;display:block;position:absolute;top:0;left:0}.slider .handle .ring{width:auto;height:auto;box-shadow:0 0 0 0 var(--handle-border);opacity:0;inset:1px}.slider .handle.overflow .ring{box-shadow:0 0 0 0 var(--danger-color,#dc3545)}.slider.hoverable:not(.disabled) .handle.selected:not(.press):not(:hover) .ring{opacity:unset;animation:4s infinite pulse}@keyframes pulse{0%{opacity:0;transform:scale(.6)}80%{opacity:.4;transform:scale(1.2)}to{opacity:0;transform:scale(.6)}}.slider.hoverable:not(.disabled) .handle:hover .ring,.slider.hoverable:not(.disabled).focus .handle .ring{box-shadow:0 0 0 8px var(--handle-border);opacity:.2}.slider.hoverable:not(.disabled) .handle.press .ring,.slider.hoverable:not(.disabled) .handle.press:hover .ring{box-shadow:0 0 0 12px var(--handle-border);opacity:.4}.slider.range:not(.min):not(.max) .nub{border-radius:10em 10em 10em 1.6em}.slider.range .handle:first-of-type .nub{transform:rotate(-135deg)}.slider.range .handle:nth-of-type(2) .nub,.slider.range.reversed .handle:first-of-type .nub{transform:rotate(45deg)}.slider.range.reversed .handle:nth-of-type(2) .nub{transform:rotate(-135deg)}.slider.range.vertical .handle:first-of-type .nub{transform:rotate(135deg)}.slider.range.vertical .handle:nth-of-type(2) .nub,.slider.range.vertical.reversed .handle:first-of-type .nub{transform:rotate(-45deg)}.slider.range.vertical.reversed .handle:nth-of-type(2) .nub{transform:rotate(135deg)}.slider .float{text-align:center;opacity:0;pointer-events:none;white-space:nowrap;border-radius:.2em;padding:.1em .4em;font-size:.9em;line-height:1.5;transition:all .2s;display:block;position:absolute;top:-.5em;left:50%;transform:translate(-50%,-100%)}.slider .handle.active .float,.slider.hoverable .handle:hover .float{opacity:1;top:-.2em;transform:translate(-50%,-150%)}.slider .bar{height:inherit;-webkit-user-select:none;user-select:none;z-index:1;border-radius:1em;transition:background .2s;display:block;position:absolute;top:0}.slider.vertical .bar{width:.5em;height:auto}.slider.focus .handle:focus,.slider.focus .handle:focus-visible{outline:none}.slider .bar{background-color:var(--range-inactive)}.slider .nub{background-color:var(--handle-inactive);border:4px solid var(--handle-inactive);fill:#fff;padding:4px 0}.slider .nub.play{padding-left:4px}.slider.focus .nub{border-color:var(--focus-color)!important}.slider .handle.active .nub{background-color:var(--handle-focus)}.slider .float{color:var(--float-text);background-color:var(--float-inactive)}.slider.focus .float{background-color:var(--float)}.slider.disabled{opacity:.5}.slider.disabled .nub{background-color:var(--slider)}