@import"https://fonts.googleapis.com/css2?family=Fraunces:ital,opsz,wght@0,9..144,300;0,9..144,400;1,9..144,300;1,9..144,400&family=Space+Mono:wght@400;700&family=Outfit:wght@300;400;500&display=swap";@import"https://cdn.jsdelivr.net/npm/remixicon@4.3.0/fonts/remixicon.css";.astro-route-announcer{position:absolute;left:0;top:0;clip:rect(0 0 0 0);clip-path:inset(50%);overflow:hidden;white-space:nowrap;width:1px;height:1px}:root{--theme-bg: #f7f7f7;--theme-text: #383838;--theme-textSub: #555555;--theme-textMuted: #888888;--theme-border: #d7d7d7;--theme-edBorder: #bdbdbd;--theme-glass: rgba(247, 247, 247, .85);--theme-accent: #383838;--theme-accentDim: rgba(56, 56, 56, .06);--theme-up: #383838;--theme-down: #a0a0a0}[data-theme=dark]{--theme-bg: #383838;--theme-text: #f7f7f7;--theme-textSub: #d7d7d7;--theme-textMuted: #a0a0a0;--theme-border: #6f6f6f;--theme-edBorder: #555555;--theme-glass: rgba(56, 56, 56, .85);--theme-accent: #f7f7f7;--theme-accentDim: rgba(247, 247, 247, .08);--theme-up: #f7f7f7;--theme-down: #888888}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}*{-webkit-tap-highlight-color:transparent}button:focus,a:focus{outline:none}button:focus-visible,a:focus-visible{outline:2px solid rgba(136,136,136,.5);outline-offset:2px}html{scroll-behavior:smooth}body{min-height:100vh;overflow-x:hidden;transition:background .4s;text-align:left}::-webkit-scrollbar{width:3px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#d4a8538c;border-radius:2px}@keyframes breathe{0%,to{opacity:1;transform:translate(-50%) scale(1)}50%{opacity:.6;transform:translate(-50%) scale(1.07)}}@keyframes heroIn{0%{opacity:0;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}@keyframes cardIn{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes ticker{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes blink{0%,to{opacity:1}50%{opacity:.25}}@keyframes scrollDot{0%{transform:translateY(0);opacity:1}80%{transform:translateY(16px);opacity:0}to{transform:translateY(0);opacity:0}}@media (max-width: 768px){.nav-container{padding:0 1rem!important}.nav-center{position:static!important;transform:none!important;flex:1;justify-content:center;margin:0 .5rem;overflow-x:auto}.nav-center::-webkit-scrollbar{display:none}.nav-filters,.live-text{display:none!important}}.counter{font-size:16px;padding:5px 10px;border-radius:5px;color:var(--accent);background:var(--accent-bg);border:2px solid transparent;transition:border-color .3s;margin-bottom:24px;&:hover{border-color:var(--accent-border)}&:focus-visible{outline:2px solid var(--accent);outline-offset:2px}}.hero{position:relative;.base,.framework,.vite{inset-inline:0;margin:0 auto}.base{width:170px;position:relative;z-index:0}.framework,.vite{position:absolute}.framework{z-index:1;top:34px;height:28px;transform:perspective(2000px) rotate(300deg) rotateX(44deg) rotateY(39deg) scale(1.4)}.vite{z-index:0;top:107px;height:26px;width:auto;transform:perspective(2000px) rotate(300deg) rotateX(40deg) rotateY(39deg) scale(.8)}}#center{display:flex;flex-direction:column;gap:25px;place-content:center;place-items:center;flex-grow:1;@media (max-width: 1024px){padding:32px 20px 24px;gap:18px}}#next-steps{display:flex;border-top:1px solid var(--border);text-align:left;>div{flex:1 1 0;padding:32px;@media (max-width: 1024px){padding:24px 20px}}.icon{margin-bottom:16px;width:22px;height:22px}@media (max-width: 1024px){flex-direction:column;text-align:center}}#docs{border-right:1px solid var(--border);@media (max-width: 1024px){border-right:none;border-bottom:1px solid var(--border)}}#next-steps ul{list-style:none;padding:0;display:flex;gap:8px;margin:32px 0 0;.logo{height:18px}a{color:var(--text-h);font-size:16px;border-radius:6px;background:var(--social-bg);display:flex;padding:6px 12px;align-items:center;gap:8px;text-decoration:none;transition:box-shadow .3s;&:hover{box-shadow:var(--shadow)}.button-icon{height:18px;width:18px}}@media (max-width: 1024px){margin-top:20px;flex-wrap:wrap;justify-content:center;li{flex:1 1 calc(50% - 8px)}a{width:100%;justify-content:center;box-sizing:border-box}}}#spacer{height:88px;border-top:1px solid var(--border);@media (max-width: 1024px){height:48px}}.ticks{position:relative;width:100%;&:before,&:after{content:"";position:absolute;top:-4.5px;border:5px solid transparent}&:before{left:0;border-left-color:var(--border)}&:after{right:0;border-right-color:var(--border)}}