@font-face{font-family:Geist Mono Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(../media/geist-mono-cyrillic-ext-wght-normal.2ij5maosbedmv.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Geist Mono Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(../media/geist-mono-cyrillic-wght-normal.33c6-jfmyetfr.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Geist Mono Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(../media/geist-mono-symbols2-wght-normal.0peao-xekk45v.woff2)format("woff2-variations");unicode-range:U+2000-2001,U+2004-2008,U+200A,U+23B8-23BD,U+2500-259F}@font-face{font-family:Geist Mono Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(../media/geist-mono-vietnamese-wght-normal.3lyzf0uofk1_2.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Geist Mono Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(../media/geist-mono-latin-ext-wght-normal.18_jyrw-ln1dm.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Geist Mono Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(../media/geist-mono-latin-wght-normal.1t7tphccnfzmb.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#fcfcfc;font-synthesis:none;text-rendering:geometricprecision;-webkit-font-smoothing:antialiased;background:#000;font-family:Geist Mono Variable,monospace}*{box-sizing:border-box}html,body{min-height:100%}body{background:#000;min-width:320px;min-height:100svh;margin:0}button{font:inherit}.demo{place-content:center;justify-items:center;gap:80px;min-height:100svh;padding:32px;display:grid}.effects{grid-template-columns:repeat(3,288px);gap:64px;display:grid}.effect-divider{background:#242424;width:min(100%,992px);height:1px}.effect{justify-items:center;gap:16px;margin:0;display:grid}.effect-visual{place-items:center;width:288px;height:64px;display:grid}.blinky{background:#fcfcfc;width:64px;height:64px}.blinky.is-playing{animation:.266667s step-end forwards blink-once}.effect-visual>svg,.effect-visual>canvas{color:#fcfcfc;width:288px;height:64px;display:block}.effect-visual>canvas{image-rendering:pixelated}.trail,.shuffle,.crash-n-blink,.slide-n-blink,.voltron{overflow:visible}.stroke-n-fill{overflow:hidden}.effect figcaption{color:#fcfcfc;letter-spacing:.25em;padding-left:.25em;font-size:13px;font-weight:400;line-height:1}.effect-actions{justify-content:center;align-items:center;gap:4px;max-width:100%;display:flex}.effect-action{color:#7d7d7d;cursor:pointer;text-transform:uppercase;touch-action:manipulation;background:0 0;border:0;border-radius:0;place-items:center;width:64px;min-height:44px;padding:0 8px;font-size:12px;font-weight:400;line-height:1;display:grid}.effect-action[data-effect-action=copy]{width:88px;padding-inline:0}.effect-action[data-copy-state=success]{color:#fcfcfc}.effect-action-status{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.not-found{letter-spacing:.25em;place-content:center;justify-items:center;gap:24px;min-height:100svh;font-size:13px;display:grid}.not-found p{margin:0}.not-found a{color:#7d7d7d;font-size:12px;text-decoration:none}@media (hover:hover) and (pointer:fine){.effect-action:hover{color:#fcfcfc;background:#141414}}.effect-action:active{color:#000;background:#fcfcfc}.effect-action:focus-visible{outline-offset:4px;outline:2px solid #fcfcfc}@keyframes blink-once{0%{background:#7d7d7d}25%{background:#000}50%{background:#fcfcfc}75%{background:#7d7d7d}to{background:#fcfcfc}}@media (prefers-reduced-motion:reduce){.blinky.is-playing{background:#fcfcfc;animation:none}}@media (max-width:1080px){.effects{grid-template-columns:repeat(2,288px)}}@media (max-width:720px){.effects{grid-template-columns:288px}}@media (forced-colors:active){.effect-action:focus-visible{outline-color:highlight}}