.sliderControl{background-color:var(--sliderBackground);border-radius:.375rem;height:5px;margin:8px 0;position:relative;width:100%}.sliderControl .sliderValue{height:1px;left:-9999px;position:absolute;width:1px}.sliderControl .progress{background:var(--sliderProgress);border-radius:.375rem;height:100%}.sliderControl .handle{background:var(--sliderProgress);border:2px solid var(--sliderHandleBorder);border-radius:100%;cursor:pointer;height:18px;margin-left:-.6em;position:absolute;top:50%;transform:translateY(-50%);transition:border 1s ease;width:18px}.sliderControl .handle:hover{--sliderHandleBorder:#ffffffcc}.sliderControl .handle:hover .tooltip{opacity:1;visibility:visible}.sliderControl .tooltip{border-radius:6px;bottom:50%;color:var(--sliderTooltipColor);font-family:Roboto,sans-serif;font-size:clamp(14px,2vw,16px);font-weight:400;font-weight:600;line-height:1.5;min-width:100px;opacity:0;padding:10px 6px;pointer-events:none;text-align:center;transform:translateX(50%) translateY(-50%);transition:all .42s ease;visibility:hidden}.sliderControl .tooltip,.sliderControl .tooltip:after{background-color:var(--sliderTooltipBackground);position:absolute;right:50%}.sliderControl .tooltip:after{border-radius:4px;bottom:0;content:"";height:20px;transform:translateX(50%) translateY(40%) rotate(-45deg);width:20px;z-index:-1}