body,h1,h2,h3,p,ul{margin:0}.icon,.logo{width:20px;height:20px}a,select{color:inherit}body,em{line-height:1.5}details,pre{text-align:left}select,summary{cursor:pointer}.hero p,.lead,.signin,details p,nav .lnks{color:#555}*,::after,::before{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body>*,html{min-width:300px}body{font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI","Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";font-size:16px;color:#1c1c1a}body *,body ::after,body ::before{border:0 solid #d2d2d7}.quotes blockquote,body,footer,nav{background:#fefefe}a{text-decoration:none}h1,h2{margin-bottom:2rem}h3,p,ul{margin-bottom:.5rem}h1{font-size:clamp(2.5rem, 6vw, 4.5rem);margin:0 0 .8rem;line-height:1.2;letter-spacing:-.035em;font-weight:500}.btn,summary{font-weight:600}h2{font-size:2rem;line-height:1.15}h3{font-size:1rem}section{position:relative;padding:4rem 0;background:url('data:image/svg+xml,<svg viewBox="0 0 200 200" width="200" height="200" xmlns="http://www.w3.org/2000/svg"><defs><linearGradient id="grid" x1="2" y1="0" x2="1" y2="1"><stop offset="0" stop-color="%23C8C5C5" stop-opacity="1" /><stop offset="1" stop-color="%23C8C5C5" stop-opacity="0" /></linearGradient></defs><path d="M0,20 L200,20 M0,40 L200,40 M0,60 L200,60 M0,80 L200,80 M0,100 L200,100 M0,120 L200,120 M0,140 L200,140 M0,160 L200,160 M0,180 L200,180 M20,0 L20,200 M40,0 L40,200 M60,0 L60,200 M80,0 L80,200 M100,0 L100,200 M120,0 L120,200 M140,0 L140,200 M160,0 L160,200 M180,0 L180,200 M0,0 L200,0 L200,200 L0,200 Z" fill="none" stroke="url(%23grid)" stroke-width="1" shape-rendering="crispEdges" /></svg>') right top/200px 200px no-repeat}section::after,section::before{content:"";position:absolute;top:0;height:1px}section::after{left:50%;width:240px;margin-left:-120px;background:linear-gradient(90deg,transparent,#818cf8,transparent);box-shadow:0 0 12px 1px rgba(129,140,248,.5)}section::before{left:0;right:0;background:linear-gradient(90deg,transparent,#d2d2d7 20%,#d2d2d7 80%,transparent)}.container{z-index:2;position:relative;max-width:1000px;margin:0 auto;padding:0 1rem}.center{text-align:center}.small{font-size:.75rem;margin:2rem 0 .5rem}.btn,.signin,footer,nav .lnks{font-size:.875rem}.lead{margin:1rem 0}.placeholder{background:grey}.icon{margin-bottom:.75rem}.avatar{width:24px;height:24px;border-radius:4px}.video,pre{width:100%}.video{height:180px;margin-bottom:1rem}details summary{display:flex;align-items:center;justify-content:space-between;cursor:pointer;list-style:none;padding:1.5rem 0}details summary::after{content:"+";font-size:1.4rem}details[open]{padding-bottom:1rem}details[open] summary::after{content:"−"}footer,nav{border-bottom:thin solid #d2d2d7}footer{border-top:thin solid #d2d2d7;border-bottom:0}select{padding:.5em;-webkit-appearance:none;appearance:none;border:thin solid #d2d2d7;border-radius:.5em;background:10px 5px/18px 18px no-repeat}.language{padding-left:35px;background-image:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-globe ic"><circle cx="12" cy="12" r="10"></circle><path d="M12 2a14.5 14.5 0 0 0 0 20 14.5 14.5 0 0 0 0-20"></path><path d="M2 12h20"/></svg>')}#logo{align-items:center;padding:1px;display:flex}.bar,.brand{align-items:center;display:flex}#logo::before{width:32px;height:32px;content:"";display:block;background-size:cover;background-image:url('data:image/svg+xml,<svg viewBox="0 0 160 160" version="1.1" xmlns="http://www.w3.org/2000/svg"><defs><linearGradient id="g1" x1="0" y1="0" x2="0" y2="1"><stop offset="0" stop-color="%231993fc" /><stop offset=".7" stop-color="%23004eeb" /><animateTransform attributeName="gradientTransform" type="rotate" values="0 .5 .5; 360 .5 .5" dur="4s" repeatCount="indefinite" /></linearGradient></defs><rect width="160" height="160" rx="15" ry="15" fill="url(%23g1)" /><g stroke="%23fff" fill="none"><circle cx="120" cy="68" r="50" fill="none" stroke-width="8" transform="matrix(.8 -0.1 0.5 1 0 0)" /><circle cx="15" cy="150" r="110" stroke-width="10" /></g></svg>')}.sr{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip-path:inset(50%);white-space:nowrap;border:0!important}.bar{justify-content:space-between;gap:1rem;padding-top:1rem;padding-bottom:1rem}.brand{gap:.5rem}nav .lnks{display:flex;gap:1.5rem}.features p,pre{font-size:.8rem}nav .container>:last-child{display:flex;align-items:center;gap:20px;font-size:.9rem}em{font-style:normal;color:var(--primary);background-image:linear-gradient(98deg,#a900d8 43.06%,red 91.81%);background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0)}pre{max-width:520px;margin:24px auto;padding:18px 20px;border-radius:8px;overflow-x:auto;background:#111;color:#fff}pre code::before{content:"$ ";color:#888}.hero{position:relative;padding:7rem 0;background:linear-gradient(#fff0,#eef0f6)}.hero::after{background-image:url('data:image/svg+xml,<svg viewBox="0 0 160 160" version="1.1" xmlns="http://www.w3.org/2000/svg"><defs><linearGradient id="g1" x1="0" y1="0" x2="0" y2="1"><stop offset="0" stop-color="%23fff" stop-opacity=".9" /><stop offset=".7" stop-color="%23fff" stop-opacity=".3" /></linearGradient><linearGradient id="g2" x1="0" y1="0" x2="0" y2="1"><stop offset="0" stop-color="%23fff" stop-opacity=".5" /><stop offset=".4" stop-color="%23fff" stop-opacity="0" /></linearGradient></defs><g fill="none"><circle stroke="url(%23g1)" cx="120" cy="68" r="50" fill="none" stroke-width="8" transform="matrix(.8 -0.1 0.5 1 0 0)" /><circle stroke="url(%23g2)" cx="15" cy="150" r="110" stroke-width="10" /></g></svg>');background-repeat:no-repeat;background-size:100%;width:100%;height:100%;content:"";position:absolute;z-index:1;top:0;left:0}.hero .container{min-height:60vh;justify-content:center;display:flex;flex-direction:column}.hero p{max-width:480px}.hero p,.hero pre{margin:1rem auto}.hero .actions .btn{min-width:145px}.actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1.5rem}.center .actions{justify-content:center}.btn{display:inline-block;padding:.6rem 1rem;border-radius:6px}.grid,.split{display:grid}.btn-dark{background:#1c1c1a;color:#fff}.btn-green,.green{background:#1f6e4a;color:#fff}.btn-white{background:#fff;color:#1c1c1a}.btn-light{background:#fff;border:thin solid #d2d2d7}.btn-outline{border:1px solid #fff;color:#fff}.grid{gap:1rem}.grid-4{grid-template-columns:repeat(4,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.split{grid-template-columns:1fr 1fr;gap:3rem;align-items:start}.dark{background-color:#1c1c1a;color:#fff}.features{gap:1px;background:#3a3a37;border:1px solid #3a3a37}#features article{background:#252523;padding:1.25rem}.features p{margin-bottom:.5rem;color:#aaa}.highlights,.stories{margin-top:3rem}.highlights article{padding:1.5rem;border:1px solid #3a3a37;min-height:175px;display:flex;flex-direction:column}.highlights p{margin-top:.5rem;font-size:.875rem;color:#aaa;flex:1}.green p{margin-top:1rem;opacity:.9}.tags{list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:.5rem}.tags li{border:1px solid #fff;padding:.25rem .6rem;font-size:.75rem}.card p,details p{font-size:.9rem}.quotes blockquote{margin:0 0 1rem;padding:1.5rem;color:#1c1c1a;border-radius:6px}.card{background:#fff;border:thin solid #d2d2d7;border-radius:6px;padding:1rem}.card-dark{background:#1c1c1a;color:#fff;border-color:#1c1c1a}.card-dark h3{font-size:1.4rem;margin:.75rem 0}.card-dark small{color:#c8f26b}details{border-bottom:thin solid #d2d2d7}details:last-child{border-bottom:none}details p{margin-top:.75rem}.faq p a{text-decoration:underline;color:#1f6e4a}.cta p{margin-top:1rem}.tags-plain{justify-content:center;margin-top:2rem}.tags-plain li{border:0;font-size:.75rem}.changelog{max-width:760px;margin:0 auto;padding:10px 28px}@media (max-width:800px){h1{font-size:2rem}h2{font-size:1.6rem}section{padding:3rem 0}.hero{padding:4rem 0}.grid-4{grid-template-columns:repeat(2,1fr)}.grid-3,.split{grid-template-columns:1fr}.split{gap:2rem}nav .lnks{display:none}}@media (max-width:480px){.grid-4{grid-template-columns:1fr}}li>code,p>code{white-space:break-spaces;border-radius:.32em;margin:0;padding:.2em .4em;font-size:85%;border:thin solid #e9e7fa;background:#f3f1ff}
