.split-flap-text{align-items:center;gap:var(--split-flap-gap,6px);color:var(--split-flap-text-color,var(--foreground));font-family:SFMono-Regular,Roboto Mono,Cascadia Code,Liberation Mono,Menlo,monospace;font-size:var(--split-flap-font-size,52px);letter-spacing:.035em;white-space:pre;-webkit-user-select:none;user-select:none;font-variant-numeric:tabular-nums;font-weight:760;line-height:1;display:inline-flex}.split-flap-text__tile{width:var(--split-flap-tile-width,.78em);border-radius:var(--split-flap-radius,8px);background:var(--split-flap-tile-color,var(--surface-sunken));perspective:520px;height:1.08em;transform-style:preserve-3d;isolation:isolate;position:relative;overflow:hidden}.split-flap-text__tile:before{content:"";z-index:8;background:var(--split-flap-rule,var(--border));pointer-events:none;width:100%;height:1px;position:absolute;top:calc(50% - .5px);left:0}.split-flap-text__tile:after{content:"";z-index:9;border:1px solid var(--split-flap-rule,var(--border));border-radius:inherit;pointer-events:none;position:absolute;inset:0}.split-flap-text__half,.split-flap-text__flap{background:var(--split-flap-tile-color,var(--surface-sunken));backface-visibility:hidden;width:100%;height:50%;position:absolute;left:0;overflow:hidden}.split-flap-text__half--top,.split-flap-text__flap--front{top:0}.split-flap-text__half--bottom,.split-flap-text__flap--back{background:var(--split-flap-tile-color,var(--surface-sunken));bottom:0}.split-flap-text__char{width:100%;height:200%;color:var(--split-flap-text-color,var(--foreground));justify-content:center;align-items:center;display:flex;position:absolute;left:0}.split-flap-text__half--top .split-flap-text__char,.split-flap-text__flap--front .split-flap-text__char{top:0}.split-flap-text__half--bottom .split-flap-text__char,.split-flap-text__flap--back .split-flap-text__char{bottom:0}.split-flap-text__flap{z-index:6;will-change:transform, filter;transform-style:preserve-3d}.split-flap-text__flap--front{transform-origin:bottom;animation:split-flap-front var(--split-flap-flip-duration,.12s) cubic-bezier(.23, 1, .32, 1) both}.split-flap-text__flap--back{transform-origin:top;animation:split-flap-back var(--split-flap-flip-duration,.12s) cubic-bezier(.23, 1, .32, 1) both;transform:rotateX(90deg)}@keyframes split-flap-front{0%{filter:brightness(1.08);transform:rotateX(0)}to{filter:brightness(.52);transform:rotateX(-90deg)}}@keyframes split-flap-back{0%,45%{filter:brightness(.58);transform:rotateX(90deg)}to{filter:brightness();transform:rotateX(0)}}@media (prefers-reduced-motion:reduce){.split-flap-text__flap{animation:none!important}}