.demo[data-v-9b5f94db]{--brand:#c85200;--brand-deep:#9e3f00;--ok:#1f8a5b;background:#fffdfb;border:1px solid var(--line);border-radius:24px;box-shadow:inset 0 1px #fff,0 24px 48px -28px #6d3a1440,0 2px 6px #06214e0a;margin:40px auto 0;padding:20px;text-align:left;width:min(100%,420px)}.demo-head[data-v-9b5f94db]{align-items:flex-start;display:flex;gap:12px;justify-content:space-between}.demo-eyebrow[data-v-9b5f94db]{align-items:center;color:var(--brand);display:inline-flex;font-size:11px;font-weight:600;gap:7px;letter-spacing:.08em;text-transform:uppercase}.demo-live[data-v-9b5f94db]{animation:live-9b5f94db 2s infinite;background:var(--brand);border-radius:50%;box-shadow:0 0 #c8520066;height:7px;width:7px}.demo-date[data-v-9b5f94db]{color:var(--muted);font-size:13px;line-height:1.5;margin-top:2px}.demo-clock[data-v-9b5f94db]{color:var(--navy);font:600 26px/1 Google Sans,sans-serif;font-variant-numeric:tabular-nums;letter-spacing:-.02em}.demo-status[data-v-9b5f94db]{align-items:center;color:var(--navy);display:flex;font-size:13px;gap:7px;line-height:1.4;margin:16px 0 14px;min-height:22px}.demo-status-icon[data-v-9b5f94db]{background:var(--ok);border-radius:50%;color:#fff;height:16px;padding:2px;stroke-width:2.5;width:16px}.demo-track-wrap[data-v-9b5f94db],.track[data-v-9b5f94db]{position:relative}.track[data-v-9b5f94db]{--p:0;background:var(--brand);border:0;border-radius:16px;box-shadow:0 8px 20px -8px #c8520080;color:#fff;cursor:grab;display:block;height:60px;overflow:hidden;padding:0;touch-action:pan-y;transition:background-color .35s,box-shadow .35s;-moz-user-select:none;user-select:none;-webkit-user-select:none;width:100%}.track[data-v-9b5f94db]:after{border:1px solid #ffffff38;border-radius:inherit;content:"";inset:0;pointer-events:none;position:absolute}.track[data-v-9b5f94db]:focus-visible{outline:3px solid #06214e;outline-offset:3px}.track.dragging[data-v-9b5f94db]{cursor:grabbing}.track[aria-disabled=true][data-v-9b5f94db]{cursor:default}.track.confirmed[data-v-9b5f94db]{background:var(--ok);box-shadow:0 8px 20px -8px #1f8a5b80}.track-fill[data-v-9b5f94db]{background:var(--brand-deep);inset:0;opacity:calc(var(--p)*.9);pointer-events:none;position:absolute}.track.confirmed .track-fill[data-v-9b5f94db]{opacity:0}.track-label[data-v-9b5f94db]{display:grid;font:600 15px Google Sans,sans-serif;inset:0 48px 0 66px;letter-spacing:.3px;opacity:calc(1 - var(--p)*2.2);place-items:center;position:absolute;transition:opacity .2s}.track.busy .track-label[data-v-9b5f94db]{opacity:1}.track.confirmed .track-label[data-v-9b5f94db]{inset-inline:20px 66px;opacity:1}.track-chevrons[data-v-9b5f94db]{animation:nudge-9b5f94db 1.6s ease-in-out infinite;display:flex;opacity:calc(.75 - var(--p)*2);position:absolute;right:20px;top:21px}.track svg[data-v-9b5f94db]{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round}.track-chevrons svg[data-v-9b5f94db]{height:18px;stroke-width:48;width:18px}.track-chevrons svg+svg[data-v-9b5f94db]{margin-left:-10px}.track-handle[data-v-9b5f94db]{background:#fff9f3;border-radius:12px;box-shadow:0 3px 8px #5a250033;color:var(--brand);display:grid;height:48px;left:6px;place-items:center;position:absolute;top:6px;transition:transform .45s cubic-bezier(.34,1.4,.64,1),color .3s;width:48px}.track.dragging .track-handle[data-v-9b5f94db]{scale:1.03;transform-origin:center;transition:none}.track.confirmed .track-handle[data-v-9b5f94db]{color:var(--ok)}.handle-icon[data-v-9b5f94db]{height:24px;stroke-width:2;width:24px}.handle-icon.arrow[data-v-9b5f94db]{stroke-width:48}.track:not([aria-disabled=true]):hover .track-handle[data-v-9b5f94db]{box-shadow:0 4px 12px #5a250044}.demo-spinner[data-v-9b5f94db]{animation:spin-9b5f94db .7s linear infinite;border:2px solid;border-radius:50%;border-right:2px solid transparent;color:var(--brand);height:14px;width:14px}.handle-spinner[data-v-9b5f94db]{height:20px;width:20px}.demo-foot[data-v-9b5f94db]{display:flex;gap:8px;margin-top:16px}.chip[data-v-9b5f94db],.demo-foot[data-v-9b5f94db]{align-items:center}.chip[data-v-9b5f94db]{background:#f7f1ec;border-radius:999px;color:var(--muted);display:inline-flex;font-size:12px;gap:5px;padding:5px 10px;transition:color .3s,background-color .3s}.chip svg[data-v-9b5f94db]{height:14px;width:14px}.chip.on[data-v-9b5f94db]{background:#e5f4ec;color:var(--ok)}.demo-note[data-v-9b5f94db]{color:#8a7a6f;font-size:11px;margin-left:auto}.demo-reset[data-v-9b5f94db]{background:none;border:1px solid #f0d6c2;border-radius:999px;color:var(--brand);font-size:12px;font-weight:600;margin-left:auto;padding:6px 12px}.demo-reset[data-v-9b5f94db]:hover{background:#fff3ea}.burst[data-v-9b5f94db]{height:0;pointer-events:none;top:30px;width:0}.burst[data-v-9b5f94db],.burst i[data-v-9b5f94db]{position:absolute}.burst i[data-v-9b5f94db]{animation:pop-9b5f94db .95s cubic-bezier(.15,.7,.3,1) var(--delay) forwards;background:#f7b500;border-radius:2px;height:11px;margin:-5px 0 0 -2px;opacity:0;width:5px}.burst i[data-v-9b5f94db]:nth-child(5n+1){background:#22a06b}.burst i[data-v-9b5f94db]:nth-child(5n+2){background:#ff7a1a;height:7px;width:7px}.burst i[data-v-9b5f94db]:nth-child(5n+3){background:#1fa2e8}.burst i[data-v-9b5f94db]:nth-child(5n+4){background:#ff4d8d;border-radius:50%;height:6px;width:6px}@keyframes pop-9b5f94db{0%{opacity:1;transform:rotate(var(--a)) translateY(0) rotate(0)}70%{opacity:1}to{opacity:0;transform:rotate(var(--a)) translateY(calc(var(--d)*-1)) rotate(240deg)}}@keyframes nudge-9b5f94db{50%{translate:6px 0}}@keyframes spin-9b5f94db{to{rotate:1turn}}@keyframes live-9b5f94db{70%{box-shadow:0 0 0 7px #c8520000}to{box-shadow:0 0 #c8520000}}@media(prefers-reduced-motion:reduce){.chip[data-v-9b5f94db],.track[data-v-9b5f94db],.track-handle[data-v-9b5f94db]{transition:none}.demo-live[data-v-9b5f94db],.demo-spinner[data-v-9b5f94db],.track-chevrons[data-v-9b5f94db]{animation:none}.burst[data-v-9b5f94db]{display:none}}@media(max-width:480px){.demo[data-v-9b5f94db]{border-radius:20px;margin-top:28px;padding:16px}.demo-clock[data-v-9b5f94db]{font-size:22px}}