.flip-split{perspective:1200px;transform-origin:50%}.flip-split-surface{border-radius:inherit;background:var(--card);width:100%;height:100%;box-shadow:var(--shadow-card);position:relative;overflow:hidden}.flip-split-half,.flip-split-flap{height:50%;position:absolute;left:0;right:0;overflow:hidden}.flip-split-top{top:0}.flip-split-bottom{bottom:0}.flip-split-value{backface-visibility:hidden;place-items:center;height:200%;display:grid;position:absolute;left:0;right:0}.flip-split-top .flip-split-value,.flip-split-top-flap .flip-split-value{top:0}.flip-split-bottom .flip-split-value,.flip-split-bottom-flap .flip-split-value{bottom:0}.flip-split-top{background:linear-gradient(to bottom,color-mix(in srgb,var(--foreground)6%,transparent),transparent 70%)}.flip-split-bottom{background:linear-gradient(to top,color-mix(in srgb,var(--foreground)10%,transparent),transparent 70%)}.flip-split-divider{height:1px;box-shadow:0 1px 0 0 color-mix(in srgb,var(--border)70%,transparent);opacity:.9;position:absolute;top:50%;left:0;right:0;transform:translateY(-.5px)}.flip-split-flap{transform-style:preserve-3d;backface-visibility:hidden;background:var(--card)}.flip-split-top-flap{transform-origin:bottom;opacity:0;top:0;transform:rotateX(0)}.flip-split-bottom-flap{transform-origin:top;opacity:0;bottom:0;transform:rotateX(90deg)}@keyframes split-flip-top{0%{transform:rotateX(0)}to{transform:rotateX(-90deg)}}@keyframes split-flip-bottom{0%{transform:rotateX(90deg)}to{transform:rotateX(0)}}.flip-split[data-phase=top] .flip-split-top-flap{opacity:1;animation:split-flip-top var(--flip-half-duration,.11s)cubic-bezier(.2,.8,.2,1)forwards}.flip-split[data-phase=bottom] .flip-split-bottom-flap{opacity:1;animation:split-flip-bottom var(--flip-half-duration,.11s)cubic-bezier(.2,.8,.2,1)forwards}