*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}html,body,#root{height:100%}body{background:#0a0a0c;color:#e6e6e6;font:14px/1.4 -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;overflow:hidden;display:flex;align-items:center;justify-content:center}.track{position:relative;width:min(440px,90vw);height:96px;border-radius:48px;background:#141418;border:1px solid #23232a;overflow:hidden;-webkit-user-select:none;user-select:none;touch-action:none}.fill{position:absolute;top:0;left:0;bottom:0;width:0;background:linear-gradient(90deg,#1e1e26,#2a2a34);transition:width .05s linear}.label{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:#7a7a85;font-size:14px;letter-spacing:.03em;pointer-events:none}.thumb{position:absolute;top:50%;left:0;width:96px;height:96px;transform:translateY(-50%);border-radius:50%;background:#e6e6e6;color:#0a0a0c;display:flex;align-items:center;justify-content:center;cursor:grab;font-size:32px;font-weight:600;transition:background .15s;box-shadow:0 4px 16px #00000059}.thumb:active{cursor:grabbing;background:#fff}.state-done .thumb{background:#7cffb2;color:#0a0a0c}.state-done .label{color:#7cffb2}.state-err .thumb{background:#ff7c7c}.state-err .label{color:#ff7c7c}