.ef-flip-face{background:linear-gradient(to bottom, color-mix(in oklch, var(--card) 90%, white) 49%, var(--background) 50%);perspective:260px;font-variant-numeric:tabular-nums;border-radius:.4rem;place-items:center;height:2.5rem;line-height:1;display:grid;position:relative;overflow:hidden}.ef-flip-face:after{content:"";inset-inline:0;background:color-mix(in oklch, var(--primary) 28%, transparent);pointer-events:none;z-index:5;height:1px;position:absolute;top:50%}.ef-flip-small{min-width:1.65rem;height:1.6rem}.ef-flip-layer{background:var(--card);backface-visibility:hidden;transform-origin:50%;pointer-events:none;place-items:center;display:grid;position:absolute;inset:0}.ef-flip-top{z-index:3;clip-path:polygon(0 0,100% 0,100% 50%,0 50%);animation:.32s ease-in forwards ef-turn-top}.ef-flip-bottom{z-index:4;clip-path:polygon(0 50%,100% 50%,100% 100%,0 100%);animation:.32s ease-out .3s both ef-turn-bottom}@keyframes ef-turn-top{0%{transform:rotateX(0)}to{transform:rotateX(-90deg)}}@keyframes ef-turn-bottom{0%{transform:rotateX(90deg)}to{transform:rotateX(0)}}@media (prefers-reduced-motion:reduce){.ef-flip-layer{animation:none;display:none}}