.fl{--fl-card:var(--color-ink);--fl-digit:var(--color-bg);--fl-gap:var(--color-bg);font-family:var(--font-clock,system-ui, sans-serif);font-variant-numeric:tabular-nums;align-items:center;gap:.04em;font-weight:600;line-height:1;display:inline-flex}:root[data-theme=night] .fl,:root[data-theme=oled] .fl{--fl-card:color-mix(in oklch, var(--color-ink) 12%, var(--color-bg));--fl-digit:var(--color-ink)}@media (prefers-color-scheme:dark){:root:not([data-theme]) .fl{--fl-card:color-mix(in oklch, var(--color-ink) 12%, var(--color-bg));--fl-digit:var(--color-ink)}}.fl-group{gap:.06em;display:inline-flex}.fl-colon{color:var(--color-ink-muted);padding-inline:.04em;transform:translateY(-.04em)}.fl-sec{align-self:flex-end;align-items:center;margin-inline-start:.15em;font-size:.45em}.fl-sec[hidden]{display:none}.fl-ap{color:var(--color-ink-muted);align-self:flex-end;margin-inline-start:.4em;font-size:.22em}.fl-ap:empty{display:none}.fl-d{perspective:4em;width:.72em;height:1.1em;display:inline-block;position:relative}.fl-h{background:var(--fl-card);height:50%;color:var(--fl-digit);text-align:center;position:absolute;left:0;right:0;overflow:hidden}.fl-h>span{height:1.1em;line-height:1.1em;display:block}.fl-top{border-radius:.08em .08em 0 0;top:0}.fl-bot{border-top:max(1px, .012em) solid var(--fl-gap);border-radius:0 0 .08em .08em;bottom:0}.fl-bot>span{margin-top:-.55em}.fl-flap{visibility:hidden;backface-visibility:hidden}.fl-flap-top{transform-origin:50% 100%;z-index:2}.fl-flap-bot{transform-origin:50% 0;z-index:2;transform:rotateX(90deg)}.fl-go .fl-flap{visibility:visible}.fl-go .fl-flap-top{animation:.25s ease-in forwards fl-down}.fl-go .fl-flap-bot{animation:.25s ease-out .25s forwards fl-up}@keyframes fl-down{0%{transform:rotateX(0)}to{transform:rotateX(-90deg)}}@keyframes fl-up{0%{transform:rotateX(90deg)}to{transform:rotateX(0)}}@media (prefers-reduced-motion:reduce){.fl-go .fl-flap{visibility:hidden;animation:none}}
