.metrics-timer{--timer-digits-at:.12s;border-radius:var(--radius-pill);background:var(--metrics-plate-bg);min-height:4.5rem;box-shadow:var(--metrics-plate-shadow);cursor:default;align-items:center;gap:.75rem;padding:.625rem 1.375rem .625rem .625rem;display:inline-flex;position:relative}@property --dial-u{syntax:"<length>";inherits:true;initial-value:1px}.metrics-timer__dial{--dial-u:.0625rem;--timer-step:40ms;--timer-wind-start:.15s;--timer-wind:min(1.4s, calc(.55s + var(--h) * 30ms));--timer-lit-at:calc(var(--timer-wind-start) + var(--timer-wind));--timer-chime-at:calc(var(--timer-lit-at) + var(--n) * var(--timer-step));--timer-wind-ease:cubic-bezier(.35, 0, .15, 1);width:calc(52 * var(--dial-u));height:calc(52 * var(--dial-u));flex-shrink:0;position:relative}.metrics-timer__scale{width:100%;height:100%;display:block;overflow:visible}.metrics-timer__tick{stroke:var(--white);stroke-width:1.6px;stroke-linecap:round;opacity:.12;transition:opacity .6s}.metrics-timer__tick--ahead{opacity:.46;animation:metrics-timer-light .6s ease-out calc(var(--timer-lit-at) + var(--i) * var(--timer-step)) both}.metrics-timer__tick--goal{stroke-width:1.8px;opacity:.78;animation:metrics-timer-goal .8s ease-out var(--timer-chime-at) both}.metrics-timer__goal-flash{stroke:var(--white);stroke-width:1.8px;stroke-linecap:round;opacity:0}.metrics-timer__now{stroke:var(--accent-orange);stroke-width:2.4px;stroke-linecap:round;transform-box:view-box;transform-origin:50%;rotate:var(--hand-angle);transition:rotate .9s var(--timer-wind-ease);animation:metrics-timer-wind var(--timer-wind) var(--timer-wind-ease) var(--timer-wind-start) backwards}.metrics-timer__core{inset:calc(14 * var(--dial-u));color:var(--metrics-warm-ink);box-shadow:inset 0 0 0 1px var(--accent-orange-30), inset 0 1px 0 #ffd8ba4d;background:linear-gradient(#ff9e5842 0%,#ff7a1a1c 100%);border-radius:50%;place-items:center;display:grid;position:absolute}.metrics-timer__core:after,.metrics-timer__core-glint{content:"";border-radius:inherit;box-shadow:inset 0 0 0 1px #ffb27494, inset 0 0 calc(8 * var(--dial-u)) #ff923c38;opacity:0;pointer-events:none;position:absolute;inset:0}.metrics-timer__core:after{animation:metrics-timer-catch 1.1s ease-out var(--timer-chime-at) both}.metrics-timer__core>svg{width:calc(13 * var(--dial-u));height:calc(13 * var(--dial-u));position:relative}.metrics-timer__orbit{pointer-events:none;will-change:transform;position:absolute;inset:0}.metrics-timer__bead{top:calc(-3 * var(--dial-u));width:calc(3 * var(--dial-u));height:calc(3 * var(--dial-u));box-shadow:0 0 calc(5 * var(--dial-u)) 1px #ffa06080;opacity:0;background:#ffe9d8;border-radius:50%;margin-left:-1.5px;position:absolute;left:50%}.metrics-timer__orbit[data-live] .metrics-timer__bead{animation:metrics-timer-bead-in .7s ease-out calc(var(--timer-chime-at) + .12s) both}@keyframes metrics-timer-wind{0%{rotate:0deg}}@keyframes metrics-timer-light{0%{opacity:.12}35%{opacity:1}to{opacity:.46}}@keyframes metrics-timer-goal{0%{opacity:.3}30%{opacity:1}to{opacity:.78}}@keyframes metrics-timer-catch{0%{opacity:0}20%{opacity:1}to{opacity:0}}@keyframes metrics-timer-bead-in{to{opacity:1}}[data-reduced-motion=true] .metrics-timer__orbit,[data-reduced-motion=true] .metrics-timer__goal-flash,[data-reduced-motion=true] .metrics-timer__core-glint{display:none}.metrics-timer__copy{flex-direction:column;align-items:flex-start;gap:.375rem;min-width:0;display:flex}.metrics-timer__caption{color:var(--text-1);white-space:nowrap;font-size:.75rem;font-weight:500;line-height:1.2}.metrics-timer__clock{white-space:nowrap;align-items:baseline;gap:.625rem;display:flex}.metrics-timer__part{align-items:baseline;gap:.1875rem;display:inline-flex}.metrics-timer__value{font-family:var(--font-manrope,system-ui), system-ui, sans-serif;letter-spacing:-.02em;font-variant-numeric:tabular-nums;color:var(--text-0);font-size:1.375rem;font-weight:800;line-height:1}.metrics-timer__unit{color:var(--text-2);font-size:.75rem;font-weight:600;line-height:1}.metrics-timer__cell{display:inline-grid}.metrics-timer__cell>span{grid-area:1/1}.metrics-timer__cell-in{animation:metrics-timer-cell-in .52s cubic-bezier(.22, 1, .36, 1) calc(var(--carry-order) * 45ms) both}.metrics-timer__cell-out{opacity:0;animation:metrics-timer-cell-out .4s cubic-bezier(.4, 0, 1, 1) calc(var(--carry-order) * 45ms) both}.metrics-timer__cell-enter,.metrics-timer__value--word{animation:metrics-timer-cell-in .6s cubic-bezier(.22, 1, .36, 1) calc(var(--timer-digits-at) + var(--enter-order,0) * 40ms) both}@keyframes metrics-timer-cell-in{0%{opacity:0;translate:0 -.42em}}@keyframes metrics-timer-cell-out{0%{opacity:1;translate:0}to{opacity:0;translate:0 .42em}}.metrics-timer--compact{gap:.5rem;min-height:3.1875rem;padding:.375rem 1rem .375rem .375rem}.metrics-timer--compact .metrics-timer__dial{--dial-u:calc(.0625rem * .75)}.metrics-timer--compact .metrics-timer__copy{gap:.1875rem}.metrics-timer--compact .metrics-timer__caption{font-size:.6875rem}.metrics-timer--compact .metrics-timer__clock{gap:.4375rem}.metrics-timer--compact .metrics-timer__part{gap:2px}.metrics-timer--compact .metrics-timer__value{font-size:1rem}.metrics-timer--compact .metrics-timer__unit{font-size:.625rem}.metrics-timer--skeleton{background:var(--white-04);box-shadow:none}@media not (min-width:48rem){.metrics-timer{align-self:center;max-width:100%}.metrics-timer__caption{white-space:normal}.metrics-timer--compact .metrics-timer__caption{font-size:.8125rem}.metrics-timer--compact .metrics-timer__value{font-size:1.125rem}.metrics-timer--compact .metrics-timer__unit{font-size:.75rem}}