@font-face{font-family:Red Hat Display;src:url(./RedHatDisplay-VariableFont_wght-CQSvDVpY.ttf)}@font-face{font-family:Red Hat Mono;src:url(./RedHatMono-VariableFont_wght-CiFYZZwZ.ttf)}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:#000;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#ececec;font-family:Red Hat Display,Arial,Helvetica,sans-serif;font-size:1.2rem;font-weight:400;line-height:1.2}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}*{box-sizing:border-box}html,body{margin:0;padding:0}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}h1{font-size:3.2em;line-height:1.1}.logo-text{width:15%;margin:1.25rem 2rem}@media screen and (width<=1024px){.logo-text{width:30%}@media screen and (width<=700px){.logo-text{display:none}}}.logo-mascot{width:20%;margin:1.25rem 2rem;display:none}@media screen and (width<=700px){.logo-mascot{display:flex}@media screen and (width<=500px){.logo-mascot{width:50%}}}.navbar{color:#000;background-color:#fffc;justify-content:space-between;align-items:center;width:100%;display:flex;position:fixed}.navbar-left{color:#000;font-size:1.5rem;font-weight:700;text-decoration:none}.navbar-right .nav-links{margin:0 1rem;list-style-type:none;display:flex}.navbar-right .nav-links li{margin:0 1rem}ul.nav-links{align-items:center}.navbar-right .nav-links a{color:#000;text-decoration:none;display:inline-flex}.nav-links a:hover{color:#cf3c23}.github-stars-badge{height:28px}@media screen and (width<=768px){.github-stars-badge{align-content:center;height:20px}}.viewport{width:100vw;max-width:100%;height:100vh}.about-viewport{width:100vw;max-width:100%;height:100vh}@media screen and (width<=1024px){.about-viewport{height:auto}}.orange-background{color:#fff;background-color:#cf3c23}.welcome,.install,.demo,.about,.presentation,.community{justify-content:center;align-items:center;padding:0%;display:flex}.welcome-grid{grid-template-areas:"welcome-info llama-mascot";place-content:stretch;place-items:center;display:grid}@media screen and (width<=500px){.welcome-grid{grid-template-rows:1fr;grid-template-columns:1fr}}.welcome-info,.llama-mascot{display:block}.welcome-info{grid-area:welcome-info;padding:10%}.welcome-h1,.welcome-h1-orange{font-weight:500;display:inline}.welcome-h1-orange{color:#cf3c23}.welcome-h2{padding-right:10rem;font-weight:500}@media screen and (width<=500px){.welcome-h2{padding:0%;font-size:1rem}}.llama-mascot{grid-area:llama-mascot;place-self:center;width:50%}@media screen and (width<=1024px){.llama-mascot{width:75%}@media screen and (width<=768px){.llama-mascot{display:none}}}button:hover{background-color:#f7f7f7}button{color:#000;cursor:pointer;background-color:#fff;border:1px solid #0000;border-radius:15px;align-items:center;margin:12.5px 0;padding:.5rem 1rem;font-family:inherit;font-size:1rem;font-weight:500;transition:border-color .25s}button:not(.install-button,.copy-button){align-items:center;width:70%;display:flex}@media screen and (width<=500px){button:not(.install-button,.copy-button){width:100%;padding:.3rem .75rem;font-size:.7rem}}button img{padding-left:5%}button p{padding-left:10%}ul{padding:0;list-style:none}.copy-button{background-color:#0000;place-content:center}.copy-button:hover{background-color:#454545;border-radius:20%;transition-duration:2ms}@media screen and (width<=768px){.copy-svg{width:20px}}.install-info,.demo-info{padding:10%}@media screen and (width<=1024px){.install-info,.demo-info{font-size:medium}@media screen and (width<=768px){.install-info,.demo-info{font-size:small}}}.install-h3{font-weight:500}.install-code{background-color:#262626;border-radius:15px;justify-content:space-between;align-items:center;width:100%;padding:1rem 1rem 1rem 2rem;font-weight:500;display:flex;font-family:Red Hat Mono,monospace!important}@media screen and (width<=768px){.install-code{padding:.75rem .75rem .75rem 1rem}@media screen and (width<=500px){.install-code{padding:.5rem .5rem .5rem 1rem}}}.install-code div{display:inline-flex}@media screen and (width<=768px){.install-button{padding:10px;font-size:larger}}.demo-gif{place-self:center;width:100%;max-width:800px;display:flex}.about{padding:10%}@media screen and (width<=1024px){.about{padding:15% 10%}@media screen and (width<=500px){.about{padding:30% 10%}}}.about-header{align-content:center;display:inline}@media screen and (width<=1440px){.about-header{font-size:2.5rem}}.about-grid{text-align:center;grid-template-areas:"graphic-1 graphic-2 graphic-3 graphic-4""text-1 text-2 text-3 text-4";place-content:stretch;place-items:center;gap:2em;height:auto;display:grid}@media screen and (width<=1024px){.about-grid{grid-template-areas:"graphic-1 graphic-2""text-1 text-2""graphic-3 graphic-4""text-3 text-4";gap:1em}@media screen and (width<=500px){.about-grid{grid-template-areas:"graphic-1""text-1""graphic-2""text-2""graphic-3""text-3""graphic-4""text-4"}}}.about-grid>*{place-self:center;height:auto}.about-graphic-1{grid-area:graphic-1}.about-graphic-2{grid-area:graphic-2}.about-graphic-3{grid-area:graphic-3}.about-graphic-4{grid-area:graphic-4}.about-text-1{grid-area:text-1}.about-text-2{grid-area:text-2}.about-text-3{grid-area:text-3}.about-text-4{grid-area:text-4}.about-graphic-1,.about-graphic-2,.about-graphic-3,.about-graphic-4{width:20vw;margin-top:1vh}@media screen and (width<=1024px){.about-graphic-1,.about-graphic-2,.about-graphic-3,.about-graphic-4{width:30vw}@media screen and (width<=500px){.about-graphic-1,.about-graphic-2,.about-graphic-3,.about-graphic-4{width:75vw}}}.about-text-1,.about-text-2,.about-text-3,.about-text-4{font-size:x-larger;margin-block:0}.demo-header,.presentation-header,.presentation-text{text-align:center}.community{height:auto;padding:6% 10%}@media screen and (width<=768px){.community{padding:10%}}.community-info{text-align:center;max-width:60ch}.community-header{margin-bottom:1rem}.community-text{margin:1rem 0 0;font-size:1.1rem;line-height:1.5}.community-links{flex-flow:wrap;justify-content:center;align-items:center;gap:1rem;margin-top:2rem;display:flex}@media screen and (width<=600px){.community-links{flex-direction:column}}.community-links button{text-align:center;justify-content:center;width:auto;min-width:240px}footer{text-align:center;padding:25px}.footer-link:hover{text-decoration:underline}table{border-collapse:collapse;width:100%;margin-top:1rem}th,td{text-align:left;border:1px solid #ddd;padding:12px 16px}thead{background-color:#f5f5f5}tbody tr:nth-child(2n){background-color:#f9f9f9}tbody tr:nth-child(odd){background-color:#fff}table a,.presentation p a{color:#00f;text-decoration:underline}
