.clock.svelte-phk6qt.svelte-phk6qt{position:relative;height:1.51em}.base.svelte-phk6qt.svelte-phk6qt,.overlay.svelte-phk6qt.svelte-phk6qt{display:flex;gap:.1em}.overlay.svelte-phk6qt.svelte-phk6qt{position:absolute;top:0;left:0;z-index:10}.overlay.svelte-phk6qt .bottom.svelte-phk6qt{transform:scaleY(0)}.base.svelte-phk6qt p.svelte-phk6qt{border-radius:.25em}.segment.svelte-phk6qt.svelte-phk6qt{position:relative;color:var(--flip-clock-text-color);width:3ch;height:1.51em;width:calc(2ch + .5em)}.segment.svelte-phk6qt p.svelte-phk6qt{background:var(--flip-clock-background-color);padding:.125em .25em;margin:0;width:2ch;text-align:center}.segment.svelte-phk6qt .top.svelte-phk6qt{border-radius:.25em .25em 0 0;position:absolute;top:0;left:0;margin:0;clip-path:inset(0px 0px 50% 0px)}.segment.svelte-phk6qt .top.transition.svelte-phk6qt{transition:transform .25s ease-in;transform:scaleY(0)}.segment.svelte-phk6qt .bottom.svelte-phk6qt{border-radius:0 0 .25em .25em;clip-path:inset(50% 0px 0px 0px);top:.01em;left:0;position:absolute;margin:0}.segment.svelte-phk6qt .bottom.transition.svelte-phk6qt{transition:transform .25s .25s ease-out;transform:scale(1)}body{margin:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;padding:1rem;gap:1rem;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;min-height:100vh}h1.svelte-lnjrrj{margin:0}.demo.svelte-lnjrrj{display:grid;place-items:center}a.svelte-lnjrrj{display:block;color:#000;font-size:1.1em}