:root{--flight-arrived:#22c55e;--flight-inair:#3b82f6;--flight-landed:#6366f1;--flight-delayed:#eab308;--flight-invalid:#f97316}.splitflap-row{justify-content:center;align-items:center;gap:.1em;display:flex}.flip-char{perspective:50em;width:1.2em;height:1.8em;font-size:inherit;display:inline-block;position:relative}.flap{letter-spacing:.04em;-webkit-backface-visibility:hidden;backface-visibility:hidden;background:#fff;border:.05em solid #e5e7eb;width:100%;height:50%;font-family:Inter,system-ui,-apple-system,sans-serif;font-size:1em;font-weight:700;display:block;position:absolute;overflow:hidden;box-shadow:inset 0 -.05em #00000014,0 .05em .1em #0000000d}.flap.top{transform-origin:bottom;border-bottom:none;border-radius:.1em .1em 0 0;top:0}.flap.bottom{transform-origin:top;border-top:none;border-radius:0 0 .1em .1em;bottom:0}.flap span{text-align:center;width:100%;height:1.8em;line-height:1.8em;position:absolute;left:0}.flap.top span{top:0}.flap.bottom span{top:-.9em}@keyframes flip-top{0%{transform:rotateX(0)}to{transform:rotateX(-90deg)}}@keyframes flip-bottom{0%{transform:rotateX(90deg)}to{transform:rotateX(0)}}.flip-out .top{animation:.15s ease-in forwards flip-top}.flip-in .bottom{animation:.18s ease-out forwards flip-bottom}.status-landed .flap span{color:#00a362}.status-landing .flap span{color:hsl(var(--color-primary))}.status-delayed .flap span{color:#e6b000}.status-cancelled .flap span{color:hsl(var(--color-destructive))}.status-expected .flap span{color:hsl(var(--color-primary-dark))}.pair-connector{background:0 0;width:1.5em;height:1px}