.vp-bar{--t:0;--p:0;touch-action:none}.vp-seg-fill{transform-origin:0;transform:scaleX(clamp(0, calc((var(--t) - var(--s)) / var(--l)), 1))}.vp-runner{left:clamp(4px, calc(var(--p) * 100%), calc(100% - 4px));transform:translate(-50%,-50%)}.vp-runner-head{transition:transform .2s cubic-bezier(.16,1,.3,1)}.vp-bar:hover .vp-runner-head,.vp-bar[data-scrubbing=true] .vp-runner-head{transform:scale(1.18)}@keyframes vp-bob{0%,to{translate:0;rotate:-5deg}50%{translate:0 -3px;rotate:5deg}}[data-playing=true]>.vp-runner-bob{animation:.46s ease-in-out infinite vp-bob}.vp-range{--v:1;appearance:none;cursor:pointer;background:0 0;height:22px}.vp-range::-webkit-slider-runnable-track{background:linear-gradient(90deg, #ffc800 calc(var(--v) * 100%), #f5f0e64d 0);border-radius:999px;height:6px}.vp-range::-moz-range-track{background:linear-gradient(90deg, #ffc800 calc(var(--v) * 100%), #f5f0e64d 0);border-radius:999px;height:6px}.vp-range::-webkit-slider-thumb{appearance:none;background:#ffc800;border:1.5px solid #16130d;border-radius:50%;width:16px;height:16px;margin-top:-5px}.vp-range::-moz-range-thumb{background:#ffc800;border:1.5px solid #16130d;border-radius:50%;width:14px;height:14px}@keyframes vp-pop-in{0%{opacity:0;transform:translateY(10px)scale(.96)}to{opacity:1;transform:none}}.vp-pop-in{animation:.35s cubic-bezier(.16,1,.3,1) both vp-pop-in}@keyframes vp-mini-in{0%{opacity:0;transform:translate(24px,24px)scale(.9)}to{opacity:1;transform:none}}.vp-mini-in{animation:.4s cubic-bezier(.16,1,.3,1) both vp-mini-in}