.flaps{--flip-ms:84ms;gap:calc(var(--flap-size,1.25rem) * .07);font-family:var(--font-display);font-size:var(--flap-size,1.25rem);font-variation-settings:"opsz" 96;letter-spacing:0;text-transform:uppercase;font-variant-numeric:tabular-nums;color:var(--flap-ink);font-weight:680;font-stretch:75%;line-height:1;display:inline-flex}.flap{background:linear-gradient(180deg, var(--flap-hi) 0%, var(--flap) 49.6%, color-mix(in srgb, var(--flap) 82%, #000) 50.4%, var(--flap) 100%);perspective:2.4em;border-radius:max(3px,.11em);flex:none;width:.72em;height:1.24em;display:block;position:relative;box-shadow:inset 0 0 0 1px #ffffff0b,inset 0 1px #ffffff12,0 1px #0000008c,0 .06em .18em #00000059}.flap:after{content:"";z-index:4;background:#0009;height:1px;position:absolute;top:calc(50% - .5px);left:0;right:0;box-shadow:0 1px #ffffff0d}.flap .ch,.flap .leaf>span{white-space:pre;place-items:center;height:100%;display:grid;position:absolute;top:0;left:0;right:0}.flap .leaf{z-index:2;backface-visibility:hidden;height:50%;position:absolute;left:0;right:0;overflow:hidden}.flap .leaf>span{height:200%}.flap .leaf-top{background:linear-gradient(180deg, var(--flap-hi), var(--flap));transform-origin:50% 100%;animation:flap-top var(--flip-ms) cubic-bezier(.5, 0, 1, .6) forwards;border-radius:max(3px,.11em) max(3px,.11em) 0 0;top:0}.flap .leaf-under,.flap .leaf-bottom{background:linear-gradient(180deg, color-mix(in srgb, var(--flap) 82%, #000), var(--flap));border-radius:0 0 max(3px,.11em) max(3px,.11em);bottom:0}.flap .leaf-under>span,.flap .leaf-bottom>span{top:-100%}.flap .leaf-under{z-index:1}.flap .leaf-bottom{z-index:3;transform-origin:50% 0;animation:flap-bottom var(--flip-ms) cubic-bezier(0, .4, .4, 1.25) var(--flip-ms) forwards;transform:rotateX(90deg)}@keyframes flap-top{to{filter:brightness(.55);transform:rotateX(-90deg)}}@keyframes flap-bottom{0%{filter:brightness(1.5);transform:rotateX(90deg)}to{filter:none;transform:rotateX(0)}}.js [data-flapboard]:not([data-live]) .flap .ch{animation:0s linear 2.5s both flap-fallback}@keyframes flap-fallback{0%{visibility:hidden}to{visibility:visible}}@media (prefers-reduced-motion:reduce){.js [data-flapboard]:not([data-live]) .flap .ch{animation:none}}