@layer components{.flip-tool{--flip-tile:#2b2621;--flip-digit:#f7f2e8;--flip-seam:#00000080;--flip-dot:var(--flip-tile)}:root[data-theme=dark] .flip-tool{--flip-tile:#39342d;--flip-digit:#f1eadc;--flip-dot:var(--ink-3)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .flip-tool{--flip-tile:#39342d;--flip-digit:#f1eadc;--flip-dot:var(--ink-3)}}.flip-stage{flex-direction:column;align-items:center;gap:1.5rem;padding:1.25rem 1rem 2.25rem;display:flex;position:relative;container-type:inline-size}@media (width>=51.25rem){.flip-stage{gap:2.25rem;padding:1.75rem 2rem 3rem}}.flip-timer{flex-direction:column;align-items:center;gap:1rem;width:100%;max-width:32rem;display:flex}.flip-status{text-align:center;text-wrap:balance;min-height:1.5em}.flip-lengths{grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;gap:.375rem;width:100%;display:grid}@media (width<24rem){.flip-lengths{flex-wrap:wrap;display:flex}.flip-lengths>*{flex:calc(33.333% - .375rem)}}.flip-buttons{width:100%}.flip-strip{margin-top:-.75rem;padding:0 1rem 1.25rem}@media (width>=51.25rem){.flip-strip{margin-top:-1rem;padding:0 2rem 1.75rem}}.flip-clock{--w:3.26;--max:150px;font-family:var(--serif);font-size:min(var(--max), calc(92cqw / var(--w)));font-variant-numeric:lining-nums tabular-nums;align-items:stretch;font-weight:500;line-height:1;display:inline-flex}.flip-pair{gap:.06em;display:inline-flex}.flip{perspective:3em;width:.7em;height:1em;display:inline-block;position:relative}.flip:after{z-index:3;background:var(--flip-seam);content:"";height:max(1px,.012em);position:absolute;top:50%;left:0;right:0}.flip-half{background:var(--flip-tile);height:50%;color:var(--flip-digit);position:absolute;left:0;right:0;overflow:hidden}.flip-half>span{justify-content:center;align-items:center;height:200%;display:flex;position:absolute;left:0;right:0}.flip-top{border-radius:.09em .09em 0 0;top:0}.flip-top>span{top:0}.flip-bottom{border-radius:0 0 .09em .09em;bottom:0;box-shadow:0 .04em .06em -.02em #00000059}.flip-bottom>span{bottom:0}.flip-flap{z-index:2;backface-visibility:hidden;display:none}.is-flipping .flip-flap{display:block}.is-flipping .flip-top.flip-flap{transform-origin:50% 100%;animation:.3s ease-in forwards flip-fall}.is-flipping .flip-bottom.flip-flap{transform-origin:50% 0;animation:.3s ease-out .3s forwards flip-land;transform:rotateX(90deg)}@keyframes flip-fall{to{transform:rotateX(-90deg)}}@keyframes flip-land{0%{transform:rotateX(90deg)}to{transform:rotateX(0)}}.flip-colon{flex-direction:column;justify-content:center;align-items:center;gap:.2em;width:.34em;display:inline-flex}.flip-colon>span{background:var(--flip-dot);border-radius:50%;width:.09em;height:.09em}.flip-side{flex-direction:column;justify-content:space-between;align-items:flex-start;width:.95em;margin-left:.1em;display:inline-flex}.flip-period{color:var(--ink-2);font-family:var(--sans);letter-spacing:.06em;font-size:.17em;font-weight:600;line-height:1.2}.flip-seconds{margin-top:auto;font-size:.42em}.flip-view .flip-clock{--max:min(52dvh, calc(100dvh - 15rem));font-size:max(3.5rem, min(var(--max), calc(92cqw / var(--w))))}.flip-view .flip-clock-timer{--max:min(46dvh, calc(100dvh - 25rem))}.flip-view .flip-mode{margin-bottom:clamp(1rem,3dvh,2rem)}.flip-date{margin-top:clamp(1rem,3dvh,2rem);font-size:clamp(1.0625rem,2.4dvh,1.625rem)}.flip-status-view{margin-top:clamp(1rem,3dvh,2rem);font-size:clamp(1.0625rem,2.2dvh,1.5rem)}.flip-controls{margin-top:clamp(1rem,4dvh,2rem)}.flip-chrome{transition:opacity .6s}.flip-view.is-calm{cursor:none}.flip-view.is-calm .flip-chrome{opacity:0;pointer-events:none}}