.slider-main{margin:100px 50px;font-family:sans-serif}.slider-bar{background-color:var(--slider-track-background,#efefef);position:relative;--bar-height:4px}.slider-bar,.slider-progress{height:var(--bar-height);width:100%}.slider-progress{position:absolute;left:0;background-color:var(--slider-background);transform-origin:center left}.slider-tooltip{background-color:var(--slider-tooltip-background);color:var(--slider-tooltip-text);position:absolute;font-size:12px;padding:4px 7px;border-radius:2px;bottom:18px;-webkit-user-select:none;-moz-user-select:none;user-select:none;white-space:nowrap;font-variant-numeric:tabular-nums}.slider-handle-root{position:absolute;top:calc((var(--handle-size) - var(--bar-height)) / -2);width:var(--handle-size);height:var(--handle-size)}.slider-handle-arrow{position:absolute;top:calc(var(--handle-size) / -2);left:2px;width:0;height:0;border:6px solid transparent;border-top:6px solid var(--slider-tooltip-background)}.slider-handle{position:absolute;top:0;left:0;height:var(--handle-size);width:var(--handle-size);border-radius:var(--handle-size);background-color:var(--slider-background);cursor:pointer}.slider-handle:hover{filter:brightness(.9)}