.splitflap-module__SpNqUa__root{--perspective:1;--flip-bg:hsl(var(--card));--flip-bg-light:#ebebeb;--flip-bg-dark:#262626;--flip-accent:hsl(var(--muted));--board-bg:#1a1a1a;--board-bg-light:#d9d9d9}.dark .splitflap-module__SpNqUa__root{--flip-bg-light:#333;--flip-bg-dark:#1f1f1f;--board-bg:#0d0d0d}.splitflap-module__SpNqUa__flip>div:nth-of-type(2){z-index:2;backface-visibility:hidden;transform:rotateX(-180deg)}.splitflap-module__SpNqUa__flip div:nth-of-type(3){z-index:3;backface-visibility:hidden}.splitflap-module__SpNqUa__splitflapContainer{background:0 0;align-content:center;place-items:center;gap:1.5rem;width:100%;min-height:400px;padding:2rem 1rem;font-family:SF Pro Text,SF Pro Icons,Helvetica Neue,Helvetica,Arial,sans-serif,system-ui;display:grid;position:relative;overflow:hidden}.splitflap-module__SpNqUa__splitflapContainer.splitflap-module__SpNqUa__withGrid:before{--size:45px;--line:hsl(var(--foreground)/.1);content:"";background:linear-gradient(90deg,var(--line)1px,transparent 1px var(--size))50% 50%/var(--size)var(--size),linear-gradient(var(--line)1px,transparent 1px var(--size))50% 50%/var(--size)var(--size);transform-style:flat;pointer-events:none;z-index:-1;width:100%;height:100%;position:absolute;top:0;-webkit-mask:linear-gradient(-20deg,#0000 50%,#fff);mask:linear-gradient(-20deg,#0000 50%,#fff)}.splitflap-module__SpNqUa__board{text-transform:uppercase;background:var(--board-bg);border-radius:4px;flex-direction:column;gap:.4ch;max-width:100%;padding:8px;font-family:Roboto Mono,monospace;display:flex;overflow:hidden}.dark .splitflap-module__SpNqUa__board{background:#0d0d0d}.splitflap-module__SpNqUa__flipLine{gap:.4ch;display:flex}.splitflap-module__SpNqUa__flip{color:var(--color,hsl(var(--foreground)));text-align:center;width:1.5ch;height:1lh;transform-style:preserve-3d;perspective:calc(var(--perspective)*1em);font-size:clamp(1.5rem,4vw,2.5rem);line-height:1.2;display:inline-block;position:relative}.splitflap-module__SpNqUa__flip:before,.splitflap-module__SpNqUa__flip:after{content:"";background:hsl(var(--muted));width:calc(10% - .05em);height:calc(20% - .05em);position:absolute;top:50%;translate:0 -50%}.splitflap-module__SpNqUa__flip:before{left:0}.splitflap-module__SpNqUa__flip:after{right:0}.splitflap-module__SpNqUa__flip .splitflap-module__SpNqUa__flipHolder{transform-style:preserve-3d;position:absolute;inset:0}.splitflap-module__SpNqUa__flip div{transform-style:preserve-3d;background:radial-gradient(100% 100% at 50% 100%,hsl(var(--foreground)/.05),transparent),var(--flip-bg-light);position:absolute;inset:0;overflow:hidden}.dark .splitflap-module__SpNqUa__flip div{background:radial-gradient(100% 100% at 50% 100%,#99999926,transparent),var(--flip-bg-dark)}.splitflap-module__SpNqUa__flip div:nth-of-type(odd){clip-path:polygon(0 0,100% 0,100% 40%,calc(90% + .025em) 40%,calc(90% + .025em) 48%,calc(10% - .025em) 48%,calc(10% - .025em) 40%,0 40%)}.splitflap-module__SpNqUa__flip div:nth-of-type(2n){clip-path:polygon(0 60%,calc(10% - .025em) 60%,calc(10% - .025em) 52%,calc(90% + .025em) 52%,calc(90% + .025em) 60%,100% 60%,100% 100%,0 100%)}.splitflap-module__SpNqUa__controls{flex-wrap:wrap;justify-content:center;gap:.5rem;margin-top:1rem;display:flex}.splitflap-module__SpNqUa__button{background:hsl(var(--primary));color:hsl(var(--primary-foreground));cursor:pointer;border:none;border-radius:4px;padding:.5rem 1rem;font-size:.875rem;font-weight:500;transition:opacity .2s}.splitflap-module__SpNqUa__button:hover{opacity:.9}.splitflap-module__SpNqUa__buttonSecondary{background:hsl(var(--secondary));color:hsl(var(--secondary-foreground))}.splitflap-module__SpNqUa__srOnly{clip:rect(0,0,0,0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (max-width:640px){.splitflap-module__SpNqUa__splitflapContainer{gap:1rem;padding:1rem .5rem}.splitflap-module__SpNqUa__board{gap:.3ch;padding:4px}.splitflap-module__SpNqUa__flipLine{gap:.3ch}.splitflap-module__SpNqUa__flip{font-size:clamp(1rem,5vw,1.5rem)}.splitflap-module__SpNqUa__controls{flex-direction:row}.splitflap-module__SpNqUa__button{padding:.4rem .75rem;font-size:.75rem}}
