.split-flap-text{align-items:center;gap:var(--split-flap-gap,6px);color:var(--split-flap-text-color,#f8fafc);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{border-radius:var(--split-flap-radius,8px);background:radial-gradient(circle at 50% 0%,#ffffff29,transparent 44%),linear-gradient(180deg,color-mix(in srgb,var(--split-flap-tile-color,#111827)82%,white),var(--split-flap-tile-color,#111827));perspective:520px;width:.78em;height:1.08em;transform-style:preserve-3d;isolation:isolate;position:relative;overflow:hidden;box-shadow:inset 0 .035em .08em #ffffff14,inset 0 -.05em .1em #00000061,0 .16em .38em #00000047}.split-flap-text__tile:before{content:"";z-index:8;pointer-events:none;background:linear-gradient(90deg,#0000,#ffffff2e 18%,#000000a3 50%,#ffffff24 82%,#0000);width:100%;height:1px;position:absolute;top:calc(50% - .5px);left:0;box-shadow:0 -1px #ffffff14,0 1px #00000080}.split-flap-text__tile:after{content:"";z-index:9;border-radius:inherit;pointer-events:none;border:1px solid #ffffff14;position:absolute;inset:0;box-shadow:inset 0 0 0 1px #0003}.split-flap-text__half,.split-flap-text__flap{background:linear-gradient(180deg,#ffffff12,transparent 34%),var(--split-flap-tile-color,#111827);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:linear-gradient(0deg,#ffffff0f,transparent 38%),color-mix(in srgb,var(--split-flap-tile-color,#111827)92%,black);bottom:0}.split-flap-text__char{width:100%;height:200%;color:var(--split-flap-text-color,#f8fafc);text-shadow:0 .025em #ffffff29,0 .09em .16em #0000006b;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}}@media (max-width:640px){.split-flap-text{--split-flap-font-size:32px;--split-flap-gap:4px;--split-flap-radius:4px}}@media (max-width:480px){.split-flap-text{--split-flap-font-size:24px;--split-flap-gap:2px;--split-flap-radius:2px}}.split-flap-text{flex-wrap:wrap;width:100%}@media (max-width:360px){.split-flap-text{--split-flap-font-size:20px;--split-flap-gap:1px;--split-flap-radius:1px}}.split-flap-text{white-space:nowrap}@media (max-width:640px){.split-flap-text{--split-flap-font-size:30px;--split-flap-gap:3px;--split-flap-radius:3px}}