.stg{--s:56px;align-items:center;gap:calc(var(--s) * .3);display:inline-flex}.stg-mark{width:var(--s);height:var(--s);flex-shrink:0;overflow:visible}.stg-tile{fill:var(--stg-tile,#5a4bd6);transform-box:fill-box;transform-origin:50%}.stg-dot{fill:#fff;transform-box:fill-box;transform-origin:50%}.stg-word{font-family:var(--font-sans);font-size:calc(var(--s) * .66);letter-spacing:-.045em;color:var(--stg-ink,#17161b);padding-right:.06em;font-weight:800;line-height:1}.stg[data-play=true] .stg-dot{animation:stg-dot .38s cubic-bezier(.3, 1.6, .5, 1) calc(var(--i) * 45ms) both, stg-dot-fill .2s ease calc(.34s + var(--i) * 12ms) both}.stg[data-play=true] .stg-tile{animation:.42s cubic-bezier(.3,1.6,.5,1) .32s both stg-tile}.stg[data-play=true] .stg-mark{animation:.3s ease-out .78s both stg-bump}.stg[data-play=true] .stg-word{animation:.5s cubic-bezier(.2,.8,.2,1) .46s both stg-word}@keyframes stg-dot{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:none}}@keyframes stg-dot-fill{0%{fill:var(--stg-tile,#5a4bd6)}to{fill:#fff}}@keyframes stg-tile{0%{opacity:0;transform:scale(.55)}to{opacity:1;transform:none}}@keyframes stg-bump{40%{transform:scale(.92)}to{transform:none}}@keyframes stg-word{0%{clip-path:inset(-20% 100% -20% -2%);transform:translateX(calc(var(--s) * -.35));opacity:0}to{clip-path:inset(-20% -15% -20% -2%);opacity:1;transform:none}}.stg-screen{z-index:90;color:#17161b;background-color:#f3efe7;background-image:radial-gradient(#17161b1a 1px,#0000 1.2px);background-position:-11px -11px;background-size:22px 22px;flex-direction:column;justify-content:center;align-items:center;gap:22px;display:flex;position:fixed;inset:0}.stg-line{font-family:var(--font-sans);color:#6a6772;font-size:15px;font-weight:550;animation:.4s .6s both stg-line}html.dark .stg{--stg-ink:#f4f3f8}html.dark .stg-screen{color:#f4f3f8;background-color:#0d0d10;background-image:radial-gradient(#ffffff12 1px,#0000 1.2px)}html.dark .stg-line{color:#8e8b9a}@keyframes stg-line{0%{opacity:0;transform:translateY(6px)}}.stg-screen[data-leaving=true]{pointer-events:none;animation:.55s cubic-bezier(.6,0,.3,1) both stg-lift}.stg-screen[data-leaving=true]>*{animation:.45s cubic-bezier(.5,0,.75,0) both stg-away}@keyframes stg-lift{60%{opacity:1}to{opacity:0}}@keyframes stg-away{to{opacity:0;transform:scale(.82)translateY(-8px)}}@media (prefers-reduced-motion:reduce){.stg *,.stg-screen,.stg-screen *{animation:none!important}}