/* Generated by web/art/demo.py: the merge demo (39.5 s, looping). */
@font-face { font-family: 'Barlow'; font-weight: 400; src: url('/fonts/Barlow-400.woff2') format('woff2'); }
@font-face { font-family: 'Barlow'; font-weight: 500; src: url('/fonts/Barlow-500.woff2') format('woff2'); }
@font-face { font-family: 'Barlow'; font-weight: 600; src: url('/fonts/Barlow-600.woff2') format('woff2'); }
@font-face { font-family: 'Barlow'; font-weight: 700; src: url('/fonts/Barlow-700.woff2') format('woff2'); }
@font-face { font-family: 'IBM Plex Mono'; font-weight: 400; src: url('/fonts/IBMPlexMono-400.woff2') format('woff2'); }
@font-face { font-family: 'IBM Plex Mono'; font-weight: 500; src: url('/fonts/IBMPlexMono-500.woff2') format('woff2'); }
html, body { height: auto; }
body { display: block; min-width: 0; margin: 0; overflow: hidden; background: var(--ground); }
.stage { position: relative; width: 1280px; height: 720px; overflow: hidden; pointer-events: none; }
.f { position: absolute; inset: 0; display: flex; flex-direction: column; overflow: hidden; visibility: hidden;
     background: var(--ground); color: var(--text); font-family: 'Barlow', system-ui, sans-serif; font-size: 15px; }
.cursor { position: absolute; left: 0; top: 0; width: 26px; height: 26px; z-index: 20; }
.ring { position: absolute; left: -16px; top: -16px; width: 32px; height: 32px; border-radius: 50%;
        border: 2px solid var(--mark); opacity: 0; }
.ghost { position: absolute; z-index: 10; visibility: hidden; opacity: 0.88; box-shadow: 0 10px 30px rgba(0,0,0,.55); }
.typed { position: absolute; z-index: 5; white-space: pre; visibility: hidden; display: flex; align-items: center; }
.typed i { display: inline-block; width: 1px; height: 1.2em; margin-left: 1px; background: currentColor; }

@media (max-width: 1280px) { .stage { zoom: 1.0000; } }
@media (max-width: 1260px) { .stage { zoom: 0.9844; } }
@media (max-width: 1240px) { .stage { zoom: 0.9688; } }
@media (max-width: 1220px) { .stage { zoom: 0.9531; } }
@media (max-width: 1200px) { .stage { zoom: 0.9375; } }
@media (max-width: 1180px) { .stage { zoom: 0.9219; } }
@media (max-width: 1160px) { .stage { zoom: 0.9062; } }
@media (max-width: 1140px) { .stage { zoom: 0.8906; } }
@media (max-width: 1120px) { .stage { zoom: 0.8750; } }
@media (max-width: 1100px) { .stage { zoom: 0.8594; } }
@media (max-width: 1080px) { .stage { zoom: 0.8438; } }
@media (max-width: 1060px) { .stage { zoom: 0.8281; } }
@media (max-width: 1040px) { .stage { zoom: 0.8125; } }
@media (max-width: 1020px) { .stage { zoom: 0.7969; } }
@media (max-width: 1000px) { .stage { zoom: 0.7812; } }
@media (max-width: 980px) { .stage { zoom: 0.7656; } }
@media (max-width: 960px) { .stage { zoom: 0.7500; } }
@media (max-width: 940px) { .stage { zoom: 0.7344; } }
@media (max-width: 920px) { .stage { zoom: 0.7188; } }
@media (max-width: 900px) { .stage { zoom: 0.7031; } }
@media (max-width: 880px) { .stage { zoom: 0.6875; } }
@media (max-width: 860px) { .stage { zoom: 0.6719; } }
@media (max-width: 840px) { .stage { zoom: 0.6562; } }
@media (max-width: 820px) { .stage { zoom: 0.6406; } }
@media (max-width: 800px) { .stage { zoom: 0.6250; } }
@media (max-width: 780px) { .stage { zoom: 0.6094; } }
@media (max-width: 760px) { .stage { zoom: 0.5938; } }
@media (max-width: 740px) { .stage { zoom: 0.5781; } }
@media (max-width: 720px) { .stage { zoom: 0.5625; } }
@media (max-width: 700px) { .stage { zoom: 0.5469; } }
@media (max-width: 680px) { .stage { zoom: 0.5312; } }
@media (max-width: 660px) { .stage { zoom: 0.5156; } }
@media (max-width: 640px) { .stage { zoom: 0.5000; } }
@media (max-width: 620px) { .stage { zoom: 0.4844; } }
@media (max-width: 600px) { .stage { zoom: 0.4688; } }
@media (max-width: 580px) { .stage { zoom: 0.4531; } }
@media (max-width: 560px) { .stage { zoom: 0.4375; } }
@media (max-width: 540px) { .stage { zoom: 0.4219; } }
@media (max-width: 520px) { .stage { zoom: 0.4062; } }
@media (max-width: 500px) { .stage { zoom: 0.3906; } }
@media (max-width: 480px) { .stage { zoom: 0.3750; } }
@media (max-width: 460px) { .stage { zoom: 0.3594; } }
@media (max-width: 440px) { .stage { zoom: 0.3438; } }
@media (max-width: 420px) { .stage { zoom: 0.3281; } }
@media (max-width: 400px) { .stage { zoom: 0.3125; } }
@media (max-width: 380px) { .stage { zoom: 0.2969; } }
@media (max-width: 360px) { .stage { zoom: 0.2812; } }
@media (max-width: 340px) { .stage { zoom: 0.2656; } }
@media (max-width: 320px) { .stage { zoom: 0.2500; } }
@media (max-width: 300px) { .stage { zoom: 0.2344; } }
@media (max-width: 280px) { .stage { zoom: 0.2188; } }
@media (max-width: 260px) { .stage { zoom: 0.2031; } }
@media (max-width: 240px) { .stage { zoom: 0.1875; } }
.zs0 { background: rgb(255, 39, 39) !important }
.zs1 { --colour: #ff2727 !important; --tint: rgb(42, 20, 20) !important; --watermark: rgb(230, 35, 35) !important }
.zs2 { background: rgb(10, 116, 224) !important }
.zs3 { --colour: #0a74e0 !important; --tint: rgb(17, 28, 39) !important; --watermark: rgb(16, 38, 59) !important }
.zs4 { background: rgb(255, 210, 54) !important }
.zs5 { --colour: #ffd236 !important; --tint: rgb(42, 37, 22) !important; --watermark: rgb(65, 56, 25) !important }
.zs6 { background: rgb(255, 2, 194) !important }
.zs7 { --colour: #ff02c2 !important; --tint: rgb(42, 16, 36) !important; --watermark: rgb(65, 15, 53) !important }
.zs8 { --colour: #45f862 !important; --tint: rgb(23, 41, 26) !important; --watermark: rgb(28, 64, 34) !important }
.zs9 { --colour: #ff7000 !important; --tint: rgb(42, 27, 16) !important; --watermark: rgb(65, 37, 14) !important }
.zs10 { --colour: #6954ff !important; --tint: rgb(27, 25, 42) !important; --watermark: rgb(35, 31, 65) !important }
.zs11 { --colour: #00ffdd !important; --tint: rgb(16, 42, 38) !important; --watermark: rgb(14, 65, 59) !important }
.zs12 { translate: 0px -87px !important }
.zs13 { translate: 0px -86px !important }
@keyframes f0 { 0% { visibility: hidden; } 0.000% { visibility: visible; } 4.937% { visibility: hidden; } 100% { visibility: hidden; } }
.f0 { animation: f0 39.50s step-end infinite; }
@keyframes f1 { 0% { visibility: hidden; } 4.937% { visibility: visible; } 7.722% { visibility: hidden; } 100% { visibility: hidden; } }
.f1 { animation: f1 39.50s step-end infinite; }
@keyframes f2 { 0% { visibility: hidden; } 7.722% { visibility: visible; } 11.646% { visibility: hidden; } 100% { visibility: hidden; } }
.f2 { animation: f2 39.50s step-end infinite; }
@keyframes f3 { 0% { visibility: hidden; } 11.646% { visibility: visible; } 16.203% { visibility: hidden; } 100% { visibility: hidden; } }
.f3 { animation: f3 39.50s step-end infinite; }
.f3 .zf0 { width: 90%; animation: fl3_0 39.50s linear infinite; }
@keyframes fl3_0 { 0%, 11.646% { width: 3%; } 16.203%, 100% { width: 90%; } }
@keyframes zm3_0 { 0% { height: 0px; padding-top: 0px; padding-bottom: 0px; opacity: 0; } 11.646% { height: 0px; padding-top: 0px; padding-bottom: 0px; opacity: 0; } 12.025% { height: 34px; padding-top: 8px; padding-bottom: 10px; opacity: 1; } 12.028% {  } 100% {  } }
.f3 .zm3_0 { animation: zm3_0 39.50s infinite; animation-timing-function: ease-out; }
@keyframes f4 { 0% { visibility: hidden; } 16.203% { visibility: visible; } 20.506% { visibility: hidden; } 100% { visibility: hidden; } }
.f4 { animation: f4 39.50s step-end infinite; }
@keyframes zm4_0 { 0% { opacity: 0; transform: scale(0.97); } 16.203% { opacity: 0; transform: scale(0.97); } 16.582% { opacity: 1; transform: none; } 16.585% {  } 100% {  } }
.f4 .zm4_0 { animation: zm4_0 39.50s infinite; animation-timing-function: ease-out; }
@keyframes f5 { 0% { visibility: hidden; } 20.506% { visibility: visible; } 23.924% { visibility: hidden; } 100% { visibility: hidden; } }
.f5 { animation: f5 39.50s step-end infinite; }
@keyframes zm5_0 { 0% { opacity: 0; transform: scale(0.97); } 20.506% { opacity: 0; transform: scale(0.97); } 20.886% { opacity: 1; transform: none; } 20.889% {  } 100% {  } }
.f5 .zm5_0 { animation: zm5_0 39.50s infinite; animation-timing-function: ease-out; }
@keyframes f6 { 0% { visibility: hidden; } 23.924% { visibility: visible; } 26.962% { visibility: hidden; } 100% { visibility: hidden; } }
.f6 { animation: f6 39.50s step-end infinite; }
.f6 .zf0 { width: 90%; animation: fl6_0 39.50s linear infinite; }
@keyframes fl6_0 { 0%, 23.924% { width: 3%; } 26.962%, 100% { width: 90%; } }
@keyframes zm6_0 { 0% { height: 0px; padding-top: 0px; padding-bottom: 0px; opacity: 0; } 23.924% { height: 0px; padding-top: 0px; padding-bottom: 0px; opacity: 0; } 24.304% { height: 34px; padding-top: 8px; padding-bottom: 10px; opacity: 1; } 24.306% {  } 100% {  } }
.f6 .zm6_0 { animation: zm6_0 39.50s infinite; animation-timing-function: ease-out; }
@keyframes f7 { 0% { visibility: hidden; } 26.962% { visibility: visible; } 31.266% { visibility: hidden; } 100% { visibility: hidden; } }
.f7 { animation: f7 39.50s step-end infinite; }
@keyframes zm7_0 { 0% { opacity: 0; transform: scale(0.97); } 26.962% { opacity: 0; transform: scale(0.97); } 27.342% { opacity: 1; transform: none; } 27.344% {  } 100% {  } }
.f7 .zm7_0 { animation: zm7_0 39.50s infinite; animation-timing-function: ease-out; }
@keyframes f8 { 0% { visibility: hidden; } 31.266% { visibility: visible; } 34.684% { visibility: hidden; } 100% { visibility: hidden; } }
.f8 { animation: f8 39.50s step-end infinite; }
@keyframes zm8_0 { 0% { opacity: 0; transform: scale(0.97); } 31.266% { opacity: 0; transform: scale(0.97); } 31.646% { opacity: 1; transform: none; } 31.648% {  } 100% {  } }
.f8 .zm8_0 { animation: zm8_0 39.50s infinite; animation-timing-function: ease-out; }
@keyframes f9 { 0% { visibility: hidden; } 34.684% { visibility: visible; } 37.722% { visibility: hidden; } 100% { visibility: hidden; } }
.f9 { animation: f9 39.50s step-end infinite; }
.f9 .zf0 { width: 90%; animation: fl9_0 39.50s linear infinite; }
@keyframes fl9_0 { 0%, 34.684% { width: 3%; } 37.722%, 100% { width: 90%; } }
@keyframes zm9_0 { 0% { height: 0px; padding-top: 0px; padding-bottom: 0px; opacity: 0; } 34.684% { height: 0px; padding-top: 0px; padding-bottom: 0px; opacity: 0; } 35.063% { height: 34px; padding-top: 8px; padding-bottom: 10px; opacity: 1; } 35.066% {  } 100% {  } }
.f9 .zm9_0 { animation: zm9_0 39.50s infinite; animation-timing-function: ease-out; }
@keyframes f10 { 0% { visibility: hidden; } 37.722% { visibility: visible; } 42.025% { visibility: hidden; } 100% { visibility: hidden; } }
.f10 { animation: f10 39.50s step-end infinite; }
@keyframes zm10_0 { 0% { opacity: 0; transform: scale(0.97); } 37.722% { opacity: 0; transform: scale(0.97); } 38.101% { opacity: 1; transform: none; } 38.104% {  } 100% {  } }
.f10 .zm10_0 { animation: zm10_0 39.50s infinite; animation-timing-function: ease-out; }
@keyframes f11 { 0% { visibility: hidden; } 42.025% { visibility: visible; } 45.443% { visibility: hidden; } 100% { visibility: hidden; } }
.f11 { animation: f11 39.50s step-end infinite; }
@keyframes zm11_0 { 0% { opacity: 0; transform: scale(0.97); } 42.025% { opacity: 0; transform: scale(0.97); } 42.405% { opacity: 1; transform: none; } 42.408% {  } 100% {  } }
.f11 .zm11_0 { animation: zm11_0 39.50s infinite; animation-timing-function: ease-out; }
@keyframes f12 { 0% { visibility: hidden; } 45.443% { visibility: visible; } 48.481% { visibility: hidden; } 100% { visibility: hidden; } }
.f12 { animation: f12 39.50s step-end infinite; }
.f12 .zf0 { width: 90%; animation: fl12_0 39.50s linear infinite; }
@keyframes fl12_0 { 0%, 45.443% { width: 3%; } 48.481%, 100% { width: 90%; } }
@keyframes zm12_0 { 0% { height: 0px; padding-top: 0px; padding-bottom: 0px; opacity: 0; } 45.443% { height: 0px; padding-top: 0px; padding-bottom: 0px; opacity: 0; } 45.823% { height: 34px; padding-top: 8px; padding-bottom: 10px; opacity: 1; } 45.825% {  } 100% {  } }
.f12 .zm12_0 { animation: zm12_0 39.50s infinite; animation-timing-function: ease-out; }
@keyframes f13 { 0% { visibility: hidden; } 48.481% { visibility: visible; } 52.785% { visibility: hidden; } 100% { visibility: hidden; } }
.f13 { animation: f13 39.50s step-end infinite; }
@keyframes zm13_0 { 0% { opacity: 0; transform: scale(0.97); } 48.481% { opacity: 0; transform: scale(0.97); } 48.861% { opacity: 1; transform: none; } 48.863% {  } 100% {  } }
.f13 .zm13_0 { animation: zm13_0 39.50s infinite; animation-timing-function: ease-out; }
@keyframes f14 { 0% { visibility: hidden; } 52.785% { visibility: visible; } 57.975% { visibility: hidden; } 100% { visibility: hidden; } }
.f14 { animation: f14 39.50s step-end infinite; }
@keyframes zm14_0 { 0% { opacity: 0; transform: scale(0.97); } 52.785% { opacity: 0; transform: scale(0.97); } 53.165% { opacity: 1; transform: none; } 53.167% {  } 100% {  } }
.f14 .zm14_0 { animation: zm14_0 39.50s infinite; animation-timing-function: ease-out; }
@keyframes f15 { 0% { visibility: hidden; } 57.975% { visibility: visible; } 59.747% { visibility: hidden; } 100% { visibility: hidden; } }
.f15 { animation: f15 39.50s step-end infinite; }
.f15 .zf0 { width: 31%; animation: fl15_0 39.50s linear infinite; }
@keyframes fl15_0 { 0%, 57.975% { width: 3%; } 59.747%, 100% { width: 31%; } }
@keyframes f16 { 0% { visibility: hidden; } 59.747% { visibility: visible; } 61.519% { visibility: hidden; } 100% { visibility: hidden; } }
.f16 { animation: f16 39.50s step-end infinite; }
.f16 .zf0 { width: 61%; animation: fl16_0 39.50s linear infinite; }
@keyframes fl16_0 { 0%, 59.747% { width: 31%; } 61.519%, 100% { width: 61%; } }
@keyframes f17 { 0% { visibility: hidden; } 61.519% { visibility: visible; } 63.291% { visibility: hidden; } 100% { visibility: hidden; } }
.f17 { animation: f17 39.50s step-end infinite; }
.f17 .zf0 { width: 84%; animation: fl17_0 39.50s linear infinite; }
@keyframes fl17_0 { 0%, 61.519% { width: 61%; } 63.291%, 100% { width: 84%; } }
@keyframes f18 { 0% { visibility: hidden; } 63.291% { visibility: visible; } 65.063% { visibility: hidden; } 100% { visibility: hidden; } }
.f18 { animation: f18 39.50s step-end infinite; }
.f18 .zf0 { width: 92%; animation: fl18_0 39.50s linear infinite; }
@keyframes fl18_0 { 0%, 63.291% { width: 84%; } 65.063%, 100% { width: 92%; } }
@keyframes f19 { 0% { visibility: hidden; } 65.063% { visibility: visible; } 66.835% { visibility: hidden; } 100% { visibility: hidden; } }
.f19 { animation: f19 39.50s step-end infinite; }
.f19 .zf0 { width: 100%; animation: fl19_0 39.50s linear infinite; }
@keyframes fl19_0 { 0%, 65.063% { width: 92%; } 66.835%, 100% { width: 100%; } }
@keyframes f20 { 0% { visibility: hidden; } 66.835% { visibility: visible; } 78.101% { visibility: hidden; } 100% { visibility: hidden; } }
.f20 { animation: f20 39.50s step-end infinite; }
@keyframes sc20 { 0%, 70.886% { translate: 0 0; } 74.937%, 78.101% { translate: 0 -87px; } 100% { translate: 0 -87px; } }
.f20 .zascroll { animation: sc20 39.50s ease-in-out infinite; }
@keyframes f21 { 0% { visibility: hidden; } 78.101% { visibility: visible; } 80.380% { visibility: hidden; } 100% { visibility: hidden; } }
.f21 { animation: f21 39.50s step-end infinite; }
@keyframes f22 { 0% { visibility: hidden; } 80.380% { visibility: visible; } 83.797% { visibility: hidden; } 100% { visibility: hidden; } }
.f22 { animation: f22 39.50s step-end infinite; }
@keyframes f23 { 0% { visibility: hidden; } 83.797% { visibility: visible; } 85.570% { visibility: hidden; } 100% { visibility: hidden; } }
.f23 { animation: f23 39.50s step-end infinite; }
.f23 .zf0 { width: 60%; animation: fl23_0 39.50s linear infinite; }
@keyframes fl23_0 { 0%, 83.797% { width: 10%; } 85.570%, 100% { width: 60%; } }
@keyframes f24 { 0% { visibility: hidden; } 85.570% { visibility: visible; } 87.342% { visibility: hidden; } 100% { visibility: hidden; } }
.f24 { animation: f24 39.50s step-end infinite; }
.f24 .zf0 { width: 85%; animation: fl24_0 39.50s linear infinite; }
@keyframes fl24_0 { 0%, 85.570% { width: 60%; } 87.342%, 100% { width: 85%; } }
@keyframes f25 { 0% { visibility: hidden; } 87.342% { visibility: visible; } 89.114% { visibility: hidden; } 100% { visibility: hidden; } }
.f25 { animation: f25 39.50s step-end infinite; }
.f25 .zf0 { width: 100%; animation: fl25_0 39.50s linear infinite; }
@keyframes fl25_0 { 0%, 87.342% { width: 85%; } 89.114%, 100% { width: 100%; } }
@keyframes f26 { 0% { visibility: hidden; } 89.114% { visibility: visible; } 100.000% { visibility: hidden; } 100% { visibility: hidden; } }
.f26 { animation: f26 39.50s step-end infinite; }
.g0 { left: 322.8px; top: 194.1px; width: 358.3px; height: 53.7px; animation: g0 39.50s infinite, gv0 39.50s step-end infinite; }
@keyframes g0 { 0%, 18.228% { translate: 0 0; animation-timing-function: ease-in-out; } 20.506%, 100% { translate: -94.0px 283.0px; } }
@keyframes gv0 { 0% { visibility: hidden; } 18.228% { visibility: visible; } 20.506% { visibility: hidden; } 100% { visibility: hidden; } }
.g1 { left: 322.1px; top: 154.0px; width: 359.8px; height: 54.0px; animation: g1 39.50s infinite, gv1 39.50s step-end infinite; }
@keyframes g1 { 0%, 28.987% { translate: 0 0; animation-timing-function: ease-in-out; } 31.266%, 100% { translate: 144.0px 323.0px; } }
@keyframes gv1 { 0% { visibility: hidden; } 28.987% { visibility: visible; } 31.266% { visibility: hidden; } 100% { visibility: hidden; } }
.g2 { left: 322.8px; top: 274.1px; width: 358.3px; height: 53.7px; animation: g2 39.50s infinite, gv2 39.50s step-end infinite; }
@keyframes g2 { 0%, 39.747% { translate: 0 0; animation-timing-function: ease-in-out; } 42.025%, 100% { translate: -94.0px 307.0px; } }
@keyframes gv2 { 0% { visibility: hidden; } 39.747% { visibility: visible; } 42.025% { visibility: hidden; } 100% { visibility: hidden; } }
.g3 { left: 322.8px; top: 234.1px; width: 358.3px; height: 53.7px; animation: g3 39.50s infinite, gv3 39.50s step-end infinite; }
@keyframes g3 { 0%, 50.506% { translate: 0 0; animation-timing-function: ease-in-out; } 52.785%, 100% { translate: 144.0px 347.0px; } }
@keyframes gv3 { 0% { visibility: hidden; } 50.506% { visibility: visible; } 52.785% { visibility: hidden; } 100% { visibility: hidden; } }
.t0 { left: 305.0px; top: 66.0px; height: 36.0px; font: 400 14px Barlow, system-ui, sans-serif; color: rgb(230, 231, 233); animation: t0 39.50s step-end infinite, tv0 39.50s step-end infinite; }
@keyframes t0 { 0% { clip-path: inset(0 100% 0 0); } 4.937% { clip-path: inset(0 calc(100% - 3.0px) 0 0); } 5.122% { clip-path: inset(0 calc(100% - 11.2px) 0 0); } 5.308% { clip-path: inset(0 calc(100% - 18.6px) 0 0); } 5.494% { clip-path: inset(0 calc(100% - 21.9px) 0 0); } 5.679% { clip-path: inset(0 calc(100% - 29.3px) 0 0); } 5.865% { clip-path: inset(0 calc(100% - 36.9px) 0 0); } 6.051% { clip-path: inset(0 calc(100% - 40.4px) 0 0); } 6.236% { clip-path: inset(0 calc(100% - 47.9px) 0 0); } 6.422% { clip-path: inset(0 calc(100% - 59.5px) 0 0); } 6.608% { clip-path: inset(0 calc(100% - 62.3px) 0 0); } 6.793% { clip-path: inset(0 calc(100% - 70.3px) 0 0); } 6.979% { clip-path: inset(0 calc(100% - 77.3px) 0 0); } 7.165% { clip-path: inset(0 calc(100% - 82.4px) 0 0); } 7.350% { clip-path: inset(0 calc(100% - 89.8px) 0 0); } 7.536% { clip-path: inset(0 calc(100% - 96.4px) 0 0); } 7.722% { clip-path: inset(0 calc(100% - 101.5px) 0 0); } 100% { clip-path: inset(0 0 0 0); } }
@keyframes tv0 { 0% { visibility: hidden; } 4.937% { visibility: visible; } 8.354% { visibility: hidden; } 100% { visibility: hidden; } }
.t1 { left: 888.6px; top: 411.0px; height: 38.0px; font: 400 14px Barlow, system-ui, sans-serif; color: rgb(230, 231, 233); animation: t1 39.50s step-end infinite, tv1 39.50s step-end infinite; }
@keyframes t1 { 0% { clip-path: inset(0 100% 0 0); } 78.101% { clip-path: inset(0 calc(100% - 3.0px) 0 0); } 78.253% { clip-path: inset(0 calc(100% - 11.2px) 0 0); } 78.405% { clip-path: inset(0 calc(100% - 18.6px) 0 0); } 78.557% { clip-path: inset(0 calc(100% - 21.9px) 0 0); } 78.709% { clip-path: inset(0 calc(100% - 29.3px) 0 0); } 78.861% { clip-path: inset(0 calc(100% - 36.9px) 0 0); } 79.013% { clip-path: inset(0 calc(100% - 40.4px) 0 0); } 79.165% { clip-path: inset(0 calc(100% - 47.9px) 0 0); } 79.316% { clip-path: inset(0 calc(100% - 59.5px) 0 0); } 79.468% { clip-path: inset(0 calc(100% - 62.3px) 0 0); } 79.620% { clip-path: inset(0 calc(100% - 70.3px) 0 0); } 79.772% { clip-path: inset(0 calc(100% - 77.3px) 0 0); } 79.924% { clip-path: inset(0 calc(100% - 82.4px) 0 0); } 80.076% { clip-path: inset(0 calc(100% - 89.8px) 0 0); } 80.228% { clip-path: inset(0 calc(100% - 96.4px) 0 0); } 80.380% { clip-path: inset(0 calc(100% - 101.5px) 0 0); } 100% { clip-path: inset(0 0 0 0); } }
@keyframes tv1 { 0% { visibility: hidden; } 78.101% { visibility: visible; } 81.013% { visibility: hidden; } 100% { visibility: hidden; } }
@keyframes cur { 0.000% { translate: 900.0px 640.0px; animation-timing-function: ease-in-out; } 2.532% { translate: 900.0px 640.0px; animation-timing-function: ease-in-out; } 4.557% { translate: 542.0px 84.0px; animation-timing-function: ease-in-out; } 9.747% { translate: 542.0px 84.0px; animation-timing-function: ease-in-out; } 11.266% { translate: 652.0px 165.0px; animation-timing-function: ease-in-out; } 16.962% { translate: 652.0px 165.0px; animation-timing-function: ease-in-out; } 17.975% { translate: 502.0px 221.0px; animation-timing-function: ease-in-out; } 18.228% { translate: 502.0px 221.0px; animation-timing-function: ease-in-out; } 20.506% { translate: 408.0px 504.0px; animation-timing-function: ease-in-out; } 22.025% { translate: 408.0px 504.0px; animation-timing-function: ease-in-out; } 23.544% { translate: 652.0px 125.0px; animation-timing-function: ease-in-out; } 27.722% { translate: 652.0px 125.0px; animation-timing-function: ease-in-out; } 28.734% { translate: 502.0px 181.0px; animation-timing-function: ease-in-out; } 28.987% { translate: 502.0px 181.0px; animation-timing-function: ease-in-out; } 31.266% { translate: 646.0px 504.0px; animation-timing-function: ease-in-out; } 32.785% { translate: 646.0px 504.0px; animation-timing-function: ease-in-out; } 34.304% { translate: 652.0px 323.0px; animation-timing-function: ease-in-out; } 38.481% { translate: 652.0px 323.0px; animation-timing-function: ease-in-out; } 39.494% { translate: 502.0px 301.0px; animation-timing-function: ease-in-out; } 39.747% { translate: 502.0px 301.0px; animation-timing-function: ease-in-out; } 42.025% { translate: 408.0px 608.0px; animation-timing-function: ease-in-out; } 43.544% { translate: 408.0px 608.0px; animation-timing-function: ease-in-out; } 45.063% { translate: 652.0px 205.0px; animation-timing-function: ease-in-out; } 49.241% { translate: 652.0px 205.0px; animation-timing-function: ease-in-out; } 50.253% { translate: 502.0px 261.0px; animation-timing-function: ease-in-out; } 50.506% { translate: 502.0px 261.0px; animation-timing-function: ease-in-out; } 52.785% { translate: 646.0px 608.0px; animation-timing-function: ease-in-out; } 55.823% { translate: 646.0px 608.0px; animation-timing-function: ease-in-out; } 57.595% { translate: 1230.4px 694.0px; animation-timing-function: ease-in-out; } 75.949% { translate: 1230.4px 694.0px; animation-timing-function: ease-in-out; } 77.722% { translate: 1055.3px 430.0px; animation-timing-function: ease-in-out; } 81.646% { translate: 1055.3px 430.0px; animation-timing-function: ease-in-out; } 83.418% { translate: 1231.2px 694.0px; animation-timing-function: ease-in-out; } 89.114% { translate: 1231.2px 694.0px; animation-timing-function: ease-in-out; } 91.139% { translate: 793.6px 576.0px; animation-timing-function: ease-in-out; } 100% { translate: 793.6px 576.0px; } }
.cursor { animation: cur 39.50s infinite; }
@keyframes ring { 0% { opacity: 0; } 4.532% { opacity: 0; scale: 0.3; } 4.557% { opacity: 0.9; scale: 0.3; } 5.443% { opacity: 0; scale: 1.4; } 11.241% { opacity: 0; scale: 0.3; } 11.266% { opacity: 0.9; scale: 0.3; } 12.152% { opacity: 0; scale: 1.4; } 17.949% { opacity: 0; scale: 0.3; } 17.975% { opacity: 0.9; scale: 0.3; } 18.861% { opacity: 0; scale: 1.4; } 23.519% { opacity: 0; scale: 0.3; } 23.544% { opacity: 0.9; scale: 0.3; } 24.430% { opacity: 0; scale: 1.4; } 28.709% { opacity: 0; scale: 0.3; } 28.734% { opacity: 0.9; scale: 0.3; } 29.620% { opacity: 0; scale: 1.4; } 34.278% { opacity: 0; scale: 0.3; } 34.304% { opacity: 0.9; scale: 0.3; } 35.190% { opacity: 0; scale: 1.4; } 39.468% { opacity: 0; scale: 0.3; } 39.494% { opacity: 0.9; scale: 0.3; } 40.380% { opacity: 0; scale: 1.4; } 45.038% { opacity: 0; scale: 0.3; } 45.063% { opacity: 0.9; scale: 0.3; } 45.949% { opacity: 0; scale: 1.4; } 50.228% { opacity: 0; scale: 0.3; } 50.253% { opacity: 0.9; scale: 0.3; } 51.139% { opacity: 0; scale: 1.4; } 57.570% { opacity: 0; scale: 0.3; } 57.595% { opacity: 0.9; scale: 0.3; } 58.481% { opacity: 0; scale: 1.4; } 77.696% { opacity: 0; scale: 0.3; } 77.722% { opacity: 0.9; scale: 0.3; } 78.608% { opacity: 0; scale: 1.4; } 83.392% { opacity: 0; scale: 0.3; } 83.418% { opacity: 0.9; scale: 0.3; } 84.304% { opacity: 0; scale: 1.4; } 100% { opacity: 0; } }
.ring { animation: ring 39.50s linear infinite; }
@media (prefers-reduced-motion: reduce) { .stage * { animation: none !important; } .f26 { visibility: visible; } .cursor { display: none; } }