.flaps{--flap-top:#fff;--flap-bottom:#f4f4f6;--flap-hinge:#0000000f;vertical-align:middle;font-family:var(--display);letter-spacing:.02em;font-variant-numeric:tabular-nums;font-weight:650;line-height:1;display:inline-flex}@media (prefers-color-scheme:dark){.flaps{--flap-top:#2d2d32;--flap-bottom:#27272b;--flap-hinge:#0000004d}}.flap{background:var(--flap-bottom);height:1.5em;box-shadow:0 0 0 1px var(--ring), 0 .06em .16em #0000001f;color:var(--fg);border-radius:.26em;flex:auto;place-items:center;padding:0 .36em;display:inline-grid;position:relative}.fl-sz{visibility:hidden;white-space:nowrap}.flap>span:not(.fl-sz){backface-visibility:hidden;height:50%;position:absolute;left:0;right:0;overflow:hidden}.fl-t,.fl-f{background:var(--flap-top);transform-origin:50% 100%;border-radius:.26em .26em 0 0;top:0}.fl-b,.fl-r{background:var(--flap-bottom);transform-origin:50% 0;border-radius:0 0 .26em .26em;bottom:0}.fl-f,.fl-r{z-index:2}.fl-d{white-space:nowrap;place-items:center;height:200%;padding-top:.04em;display:grid;position:absolute;left:0;right:0}.fl-t .fl-d,.fl-f .fl-d{top:0}.fl-b .fl-d,.fl-r .fl-d{top:-100%}.flap:after{content:"";z-index:3;background:var(--flap-hinge);height:1px;margin-top:-.5px;position:absolute;top:50%;left:0;right:0}.flap-clock{align-items:flex-start;gap:.34em;display:inline-flex}.fc-u{justify-items:stretch;gap:.32em;display:inline-grid}.fc-u[hidden]{display:none}.fc-u>.flaps{display:flex}.flap-clock small{font:600 11px/1 var(--font);letter-spacing:.08em;text-align:center;text-transform:uppercase;color:var(--muted)}.flap-clock.beside{align-items:center;gap:.5em}.flap-clock.beside .fc-u{align-items:center;gap:.24em;display:inline-flex}.flap-clock.beside small{font:600 .72em/1 var(--font);letter-spacing:0;text-transform:none}