.dice-slider-left-bar{height:10px;width:calc(var(--target) * 1% - 16px);background-color:var(--left-color);border-top-left-radius:9999px;border-bottom-left-radius:9999px;transition:background-color .15s;position:absolute;top:50%;left:16px;transform:translateY(-50%)}.dice-slider-right-bar{height:10px;width:calc((100 - var(--target)) * 1% - 16px);background-color:var(--right-color);border-top-right-radius:9999px;border-bottom-right-radius:9999px;transition:background-color .15s;position:absolute;top:50%;right:16px;transform:translateY(-50%)}.dice-slider-marker{pointer-events:none;z-index:20;top:-38px;left:calc(var(--marker-val) * (100% - 40px) / 100 + 20px);transition:left 80ms ease-out;position:absolute;transform:translate(-50%)}.dice-slider-handle{z-index:10;width:36px;height:36px;top:50%;left:calc(var(--target) * (100% - 40px) / 100 + 20px);touch-action:none;background-color:#2f80ed;border-radius:6px;justify-content:center;align-items:center;display:flex;position:absolute;transform:translate(-50%,-50%);box-shadow:0 4px 10px #0006,0 0 12px #2f80ed80}.dice-slider-handle:active{transform:translate(-50%,-50%)scale(1.08)}