.clock.svelte-1xwhsze{position:relative;height:1.51em}.base.svelte-1xwhsze,.overlay.svelte-1xwhsze{display:flex;gap:.1em}.overlay.svelte-1xwhsze{position:absolute;top:0;left:0;z-index:10}.overlay.svelte-1xwhsze .bottom:where(.svelte-1xwhsze){transform:scaleY(0)}.base.svelte-1xwhsze p:where(.svelte-1xwhsze){border-radius:.25em}.segment.svelte-1xwhsze{position:relative;color:var(--flip-clock-text-color);width:3ch;height:1.51em;width:calc(2ch + .5em)}.segment.svelte-1xwhsze p:where(.svelte-1xwhsze){background:var(--flip-clock-background-color);padding:.125em .25em;margin:0;width:2ch;text-align:center}.segment.svelte-1xwhsze .top:where(.svelte-1xwhsze){border-radius:.25em .25em 0 0;position:absolute;top:0;left:0;margin:0;clip-path:inset(0px 0px 50% 0px)}.segment.svelte-1xwhsze .top.transition:where(.svelte-1xwhsze){transition:transform .25s ease-in;transform:scaleY(0)}.segment.svelte-1xwhsze .bottom:where(.svelte-1xwhsze){border-radius:0 0 .25em .25em;clip-path:inset(50% 0px 0px 0px);top:.01em;left:0;position:absolute;margin:0}.segment.svelte-1xwhsze .bottom.transition:where(.svelte-1xwhsze){transition:transform .25s .25s ease-out;transform:scale(1)}