#root{--gradient-hero:linear-gradient(135deg,#1dc0c91a 0%,#16959c1a 100%)}.gradient-hero{background:var(--gradient-hero)}.logo{will-change:filter;height:6em;padding:1.5em;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion:no-preference){a:nth-of-type(2) .logo{animation:20s linear infinite logo-spin}}.card{padding:2em}.read-the-docs{color:#888}@layer utilities{.animate-float{animation:6s ease-in-out infinite float}.animate-pulse-slow{animation:4s ease-in-out infinite pulse}.animate-slide-up{animation:.6s ease-out forwards slideUp}.animate-fade-in{animation:.5s ease-out forwards fadeIn}.animate-scale-in{animation:.4s ease-out forwards scaleIn}.animate-bounce-in{animation:.6s cubic-bezier(.68,-.55,.265,1.55) forwards bounceIn}.animate-shimmer{background:linear-gradient(90deg,#0000,#fff6,#0000) 0 0/200% 100%;animation:2s linear infinite shimmer}.animate-glow{animation:2s ease-in-out infinite alternate glow}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes bounceIn{0%{opacity:0;transform:scale(.3)}50%{transform:scale(1.05)}70%{transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes glow{0%{box-shadow:0 0 20px #1dc0c94d}to{box-shadow:0 0 30px #1dc0c999}}}