.stopwatch__stage{min-inline-size:0}.stopwatch__body{align-content:space-between;gap:var(--space-6);flex:1}.stopwatch__dial{justify-items:center;gap:var(--space-3);padding-block:var(--space-8) var(--space-2);display:grid;container-type:inline-size}.stopwatch__face{color:var(--ink);font-family:"Literata Variable", var(--font-display);font-variant-numeric:tabular-nums lining-nums;letter-spacing:-.03em;white-space:nowrap;transition:color var(--duration) var(--ease-out);unicode-bidi:isolate;align-items:baseline;font-size:clamp(3.25rem,24cqi,9rem);font-weight:500;line-height:1;display:flex}.stopwatch__fraction{color:var(--ink-3);letter-spacing:-.01em;margin-inline-start:.04em;font-size:.52em}.stopwatch[data-status=running] .stopwatch__face{color:var(--accent)}.stopwatch[data-status=running] .stopwatch__fraction{color:var(--ink-2)}.stopwatch__current{min-block-size:1.55em;color:var(--ink-2);font-family:"Literata Variable", var(--font-sans);font-size:var(--text-md);font-weight:600}.stopwatch__keys{justify-content:center;gap:var(--space-2) var(--space-5);color:var(--ink-3);font-size:var(--text-sm);flex-wrap:wrap;display:flex}@media (hover:none) and (pointer:coarse){.stopwatch__keys{display:none}}.stopwatch__key{min-inline-size:1.5rem;padding:0 var(--space-2);border:1px solid var(--line-strong);border-radius:var(--radius-sm);background:var(--paper);box-shadow:inset 0 -1px 0 var(--line-strong);color:var(--ink-2);font-family:inherit;font-size:var(--text-xs);text-align:center;margin-inline-end:var(--space-1);font-weight:600;line-height:1.6;display:inline-block}.stopwatch__fullscreen{margin-inline-end:auto}.stopwatch__primary{min-inline-size:8rem}.stopwatch__laps-body{flex:1;align-content:start}.stopwatch__empty{color:var(--ink-3);font-size:var(--text-sm)}.stopwatch__scroll{border-block-start:1px solid var(--ink);overscroll-behavior:contain;max-block-size:22rem;overflow-y:auto}.stopwatch__scroll:focus-visible{outline-offset:4px}.stopwatch__table{border-collapse:collapse;inline-size:100%;font-size:.875rem}.stopwatch__table thead th{z-index:1;padding-block:var(--space-2);border-block-end:1px solid var(--sheet-rule);background:var(--sheet);color:var(--ink-2);font-size:var(--text-sm);text-align:start;font-weight:600;position:sticky;inset-block-start:0}.stopwatch__table th,.stopwatch__table td{padding:var(--space-2) var(--space-2) var(--space-2) 0}.stopwatch__table th:last-child,.stopwatch__table td:last-child{text-align:end;padding-inline-end:0}.stopwatch__row{border-block-end:1px solid var(--sheet-rule)}.stopwatch__row:last-child{border-block-end:0}.stopwatch__n{inline-size:2.5rem;color:var(--ink-3);text-align:start;font-weight:500}.stopwatch__time{font-family:"Literata Variable", var(--font-sans);white-space:nowrap;font-weight:600}.stopwatch__total{color:var(--ink-2);font-weight:500}.stopwatch__tag{border-radius:var(--radius-sm);font-family:var(--font-sans);font-size:var(--text-xs);vertical-align:.1em;border:1px solid;margin-inline-start:var(--space-2);padding:0 .3125rem;font-weight:650;line-height:1.5;display:inline-block}.is-best .stopwatch__time:not(.stopwatch__total){color:var(--accent)}.is-worst .stopwatch__time:not(.stopwatch__total){color:var(--ink-2)}.stopwatch__summary{margin:0;display:grid}.stopwatch__summary div{justify-content:space-between;align-items:baseline;gap:var(--space-4);border-block-end:1px dotted var(--line-strong);padding-block:.5625rem;font-size:.875rem;display:flex}.stopwatch__summary div:last-child{border-block-end:0}.stopwatch__summary dt{color:var(--ink-2)}.stopwatch__summary dd{font-family:"Literata Variable", var(--font-sans);font-weight:600}.stopwatch__stage:fullscreen{padding:var(--space-8);background:var(--paper);box-shadow:none;border:0;border-radius:0;justify-content:center}:is(.stopwatch__stage:fullscreen .stopwatch__label,.stopwatch__stage:fullscreen .stopwatch__keys){display:none}.stopwatch__stage:fullscreen .stopwatch__body{flex:0 auto}.stopwatch__stage:fullscreen .stopwatch__face{font-size:min(20cqi,48vh)}.stopwatch__stage:fullscreen .stopwatch__current{font-size:var(--text-xl)}.stopwatch__stage:fullscreen .sheet__bar{border:0;justify-content:center}.stopwatch__stage:fullscreen .stopwatch__fullscreen{margin-inline-end:0}