.stsel-custom-slider-vertical{transform:rotate(270Deg) translateY(-70px) translateX(-60px)}
.stsel-custom-slider{--grey:#fafafa;--slider-background:#b3b3b3;--white:#f0f0f0;--slider-color:#02abf5;--_height:2px;--_thumb-size:16px;position:relative;width:100%;display:grid;margin-bottom:calc(var(--_thumb-size) * -1)}
.stsel-custom-slider .track-wrapper{position:relative;z-index:1;height:var(--_height);margin-bottom:var(--_thumb-size);display:grid;align-items:center;margin:0 calc(var(--_thumb-size) / 2)}
.stsel-custom-slider .track-wrapper .track{position:absolute;z-index:1;left:0;right:0;top:0;bottom:0;border-radius:5px;background-color:var(--slider-background)}
.stsel-custom-slider .track-wrapper .range-between{position:absolute;z-index:2;left:0;right:0;height:2px;top:0;bottom:0;border-radius:5px;background-color:var(--slider-color)}
.stsel-custom-slider .track-wrapper .thumb{--_shadow-sizer:2;--_shadow-size:calc(var(--_thumb-size) * var(--_shadow-sizer));--_shadow-color:var(--slider-color);--_shadow-opacity:0;position:absolute;z-index:3;width:var(--_thumb-size);height:var(--_thumb-size);background-color:white;border:1px solid var(--slider-color);border-radius:50%;transition:box-shadow .3s ease-in-out}
.stsel-custom-slider .track-wrapper .thumb::before{content:"";pointer-events:none;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:-1;background-color:var(--_shadow-color);width:var(--_shadow-size);height:var(--_shadow-size);border-radius:inherit;opacity:var(--_shadow-opacity)}
.stsel-custom-slider .track-wrapper .thumb.left{left:0}
.stsel-custom-slider .track-wrapper .thumb.right{right:0;transform:translate(calc(var(--_thumb-size) / 2),0)}
.stsel-custom-slider input[type=range]{position:absolute;pointer-events:none;-webkit-appearance:none;z-index:2;height:var(--_height);width:100%;opacity:0;cursor:pointer;bottom:0}
.stsel-custom-slider input[type=range]::-webkit-slider-thumb{pointer-events:all;width:var(--_thumb-size);height:var(--_thumb-size);border-radius:0;border:0 none;background-color:var(--slider-color);-webkit-appearance:none}
.stsel-custom-slider input[type=range]::-moz-range-thumb{pointer-events:all;width:var(--_thumb-size);height:var(--_thumb-size);border-radius:0;border:0 none;background-color:var(--slider-color);-webkit-appearance:none}