:root{font-family:-apple-system,system-ui,BlinkMacSystemFont,Roboto,Segoe UI,sans-serif,serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--theme: #5985c1;--theme-light:#86b2ee }a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{min-height:100vh;font-family:-apple-system,system-ui,BlinkMacSystemFont,Roboto,Segoe UI,sans-serif,serif;font-optical-sizing:auto;font-style:normal}h1{font-size:2.5em;line-height:1.2;margin-bottom:2rem}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}footer a{transition:color .5s ease}footer a:hover{color:var(--theme-light)!important}legend{font-size:1.1rem;font-weight:600;margin-bottom:1rem}#root{min-height:100vh;display:flex;flex-direction:column}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}.grid{display:grid;grid-template-columns:1fr;gap:1rem;grid-auto-rows:1fr}.page-hero{background:linear-gradient(90deg,#46747c 50%,#8cbac2);min-height:24rem}.hero{background:linear-gradient(90deg,#46747c 50%,#8cbac2);min-height:30rem}.hero2{position:relative;min-height:30vh;background:linear-gradient(90deg,#46747c 50%,#8cbac2)}.hero2>div{z-index:20;color:#fff}.hero2:after{content:"";position:absolute;top:-60px;left:90%;transform:translate(-50%);width:20rem;height:20rem;background:linear-gradient(90deg,#46747c 50%,#8cbac2);clip-path:polygon(25% 0%,100% 0%,75% 100%,0% 100%);z-index:10}.btn-primary{background-color:var(--theme);border-color:var(--theme)}.btn-primary:hover,.btn-primary:focus,.btn-primary:active{background-color:var(--theme-light);border-color:var(--theme)}.nav-link{font-weight:600}.random-string-container{display:flex;flex-direction:column;align-items:center;justify-content:center;font-style:italic;font-size:1.4rem}.random-string{opacity:0;transform:translateY(20px);transition:opacity 1s ease-in-out,transform 1s ease-in-out}.random-string.animate{opacity:1;transform:translateY(0)}.rotate{transform:rotate(90deg)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.read-the-docs{color:#888}.italic{font-style:italic}.fade-in{animation:fade-in 1s ease-in}.drop-in{animation:drop-in .8s ease .2s backwards}.drop-in-2{animation:drop-in 1.2s ease .4s backwards}.drop-in-3{animation:drop-in 1.6s ease .6s backwards}.drop-in-4{animation:drop-in 2s ease .6s backwards}.drop-in-5{animation:drop-in 2.4s ease .6s backwards}.bg-grey{background-color:#efefef}.font-xl{font-size:1.125rem;line-height:2rem;font-weight:600}.btn-w-xl{min-width:12rem}@keyframes drop-in{0%{opacity:0;transform:translateY(100px)}to{opacity:1;transform:translate(0)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@media (min-width:768px){.grid{grid-template-columns:1fr 1fr}}@media (min-width:992px){.grid{grid-template-columns:1fr 1fr 1fr}}@media (min-width:1200px){.grid{grid-template-columns:1fr 1fr 1fr 1fr 1fr}}