.welcome-band{background-image:var(--band-dawn);background-position:top;background-size:cover;-webkit-mask-image:linear-gradient(#000 58%,#0000);mask-image:linear-gradient(#000 58%,#0000)}.dark .welcome-band{background-image:var(--band-night)}.welcome-band-slim{background-size:100%;-webkit-mask-image:linear-gradient(#000 5%,#0000 52%);mask-image:linear-gradient(#000 5%,#0000 52%)}.welcome-finger{background:color-mix(in oklab, var(--background) 72%, transparent);border:2px solid color-mix(in oklab, var(--foreground) 60%, transparent);width:20px;height:20px;box-shadow:0 4px 12px color-mix(in oklab, var(--foreground) 22%, transparent);border-radius:50%;position:absolute;top:-10px;left:-10px}.welcome-tap{border:2px solid var(--primary);opacity:0;border-radius:50%;width:20px;height:20px;position:absolute;top:-10px;left:-10px}.welcome-glint{color:var(--warning)}.welcome-beam{inset-block:0;opacity:0;background:linear-gradient(90deg, transparent, color-mix(in oklab, var(--primary) 55%, transparent) 40%, color-mix(in oklab, var(--pink) 50%, transparent) 60%, transparent);width:45%;position:absolute;left:0}.welcome-beam[data-caught]{background:linear-gradient(90deg, transparent, color-mix(in oklab, var(--destructive) 55%, transparent) 50%, transparent)}.welcome-grow{transform-origin:0}.welcome-leave{opacity:0}@media (prefers-reduced-motion:no-preference){.welcome-tap{animation:.65s ease-out welcome-tap}.welcome-glint{animation:1.8s ease-in-out infinite both welcome-glint}.welcome-beam{animation:.95s ease-in-out both welcome-beam}.welcome-pop{animation:.48s ease-out both welcome-pop}.welcome-lock{animation:.52s ease-out both welcome-lock}.welcome-type{animation:.9s steps(16,end) both welcome-type}.welcome-grow{animation:welcome-grow var(--grow,1.2s) ease-in-out both}.welcome-shake{animation:.42s ease-in-out both welcome-shake}.welcome-leave{animation:.7s ease-in .8s both welcome-leave}.welcome-pass{animation:1.4s ease-in-out both welcome-pass}.welcome-stop{animation:1.3s ease-in-out both welcome-stop}.welcome-rise{animation:.36s ease-out both welcome-rise}}:root[data-lite] :is(.welcome-tap,.welcome-glint,.welcome-beam,.welcome-pop,.welcome-lock,.welcome-type,.welcome-grow,.welcome-shake,.welcome-leave,.welcome-pass,.welcome-stop,.welcome-rise){animation:none}@keyframes welcome-tap{0%{opacity:.8;scale:.6}to{opacity:0;scale:2.6}}@keyframes welcome-glint{0%,to{opacity:.25;transform:scale(.45)rotate(0)}50%{opacity:1;transform:scale(1)rotate(90deg)}}@keyframes welcome-beam{0%{opacity:0;translate:-100%}20%,80%{opacity:1}to{opacity:0;translate:230%}}@keyframes welcome-pop{0%{opacity:0;scale:.5}60%{opacity:1;scale:1.18}to{scale:1}}@keyframes welcome-lock{0%{opacity:0;translate:0 -10px;scale:1.5}65%{opacity:1;translate:0 1px;scale:.92}to{translate:0;scale:1}}@keyframes welcome-type{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0)}}@keyframes welcome-grow{0%{scale:0 1}}@keyframes welcome-shake{0%,to{translate:0}25%{translate:-4px}75%{translate:4px}}@keyframes welcome-leave{0%{opacity:1;translate:0}to{opacity:0;translate:48px}}@keyframes welcome-pass{0%{opacity:0;translate:0}12%{opacity:1;translate:0}40%,62%{translate:var(--gate) 0}}@keyframes welcome-stop{0%{opacity:0;translate:0}12%{opacity:1;translate:0}45%{translate:var(--gate) 0}58%{translate:calc(var(--gate) - 6px) 0}70%{translate:calc(var(--gate) + 6px) 0}82%{translate:calc(var(--gate) - 3px) 0}}@keyframes welcome-rise{0%{opacity:0;translate:0 8px}}