@layer component{._4QrHQq_TimerControls{justify-content:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.l6SeOW_TimerFace{gap:var(--space-4);padding:var(--space-6) var(--space-5);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);background:var(--color-bg-surface);text-align:center;display:grid}.l6SeOW_TimerFace header{gap:var(--space-1);display:grid}.l6SeOW_TimerFace h2{font-size:var(--font-size-md);font-weight:var(--font-weight-semibold)}.l6SeOW_TimerFace header p{color:var(--color-text-secondary);font-size:var(--font-size-xs)}.l6SeOW_TimerFace .l6SeOW_time{font-family:var(--font-family-mono);font-size:clamp(3.5rem,16vw,7rem);font-weight:var(--font-weight-medium);font-variant-numeric:tabular-nums;line-height:var(--font-leading-tight);letter-spacing:-.02em}.l6SeOW_TimerFace progress{appearance:none;inline-size:100%;block-size:var(--space-1);border-radius:var(--radius-full);background:var(--color-bg-active);color:var(--color-text-primary);border:0;overflow:hidden}.l6SeOW_TimerFace progress::-webkit-progress-bar{background:var(--color-bg-active)}.l6SeOW_TimerFace progress::-webkit-progress-value{background:var(--color-text-primary)}.l6SeOW_TimerFace progress::-moz-progress-bar{background:var(--color-text-primary)}.l6SeOW_TimerFace[data-status=idle] .l6SeOW_time,.l6SeOW_TimerFace[data-status=paused] .l6SeOW_time{color:var(--color-text-secondary)}}