.flaps{font-family:var(--face-cond);letter-spacing:.01em;flex-wrap:wrap;gap:.05em;font-weight:600;display:flex}.flap-word{gap:.035em;margin-right:.28em;display:inline-flex}.flap-word:last-child{margin-right:0}.flap{border-radius:var(--corner-sm);background:var(--tile);color:var(--ink);font-variant-numeric:tabular-nums;padding:0 .12em;line-height:1.12;display:inline-block;position:relative}.flap:before{content:"";z-index:0;pointer-events:none;background:#0000008c;height:1px;position:absolute;top:50%;left:0;right:0}.flap-glyph{z-index:1;position:relative}@keyframes flap-clack{0%{opacity:0;transform:rotateX(-88deg)}55%{opacity:1;transform:rotateX(12deg)}to{transform:rotateX(0)}}.flap-anim{transform-origin:50%;animation:.42s cubic-bezier(.3,1.4,.5,1) backwards flap-clack;animation-delay:calc(var(--flap-index,0) * 28ms)}.flap-turn{transform-origin:50%;animation:.42s cubic-bezier(.3,1.4,.5,1) backwards flap-clack}@media (prefers-reduced-motion:reduce){.flap-anim,.flap-turn{animation:none}}.flap[data-live]{background:var(--cta);color:var(--on-cta)}
