@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/8a480f0b521d4e75-s.8e0177b5.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/7178b3e590c64307-s.b97b3418.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/caa3a2e1cccd8315-s.p.853070df.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Geist Fallback;src:local(Arial);ascent-override:95.94%;descent-override:28.16%;line-gap-override:0.0%;size-adjust:104.76%}.geist_2ae47f08-module__h69qWW__className{font-family:Geist,Geist Fallback;font-style:normal}.geist_2ae47f08-module__h69qWW__variable{--font-geist-sans:"Geist","Geist Fallback"}
@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/4fa387ec64143e14-s.c1fdd6c2.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/bbc41e54d2fcbd21-s.799d8ef8.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/797e433ab948586e-s.p.dbea232f.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Geist Mono Fallback;src:local(Arial);ascent-override:74.67%;descent-override:21.92%;line-gap-override:0.0%;size-adjust:134.59%}.geist_mono_eb58308d-module__w_p2Lq__className{font-family:Geist Mono,Geist Mono Fallback;font-style:normal}.geist_mono_eb58308d-module__w_p2Lq__variable{--font-geist-mono:"Geist Mono","Geist Mono Fallback"}
:root{--spacing:20px;--background:#0b0d0f;--foreground:#fff;--primary:#ff6f61;--ff:"Inter",sans-serif;--h1:bold 36px/1em var(--ff);--h2:bold 24px/1em var(--ff);--p:1rem/1.5em var(--ff);--p2:.875rem/1.4em var(--ff);--gray100:#fff;--gray90:#e6e6e6;--gray80:#ccc;--gray70:#b3b3b3;--gray50:gray;--gray30:#4d4d4d;--gray0:#000;--nav-space:300px}*{box-sizing:border-box;margin:0;padding:0}::selection{color:#fff;background:var(--primary)}::-moz-selection{color:#fff;background:var(--primary)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--primary);border-radius:10px}html{scroll-behavior:smooth}body{background:var(--background);color:var(--foreground);font:var(--p);height:100vh}h1{font:var(--h1);color:var(--foreground)}h2{font:var(--h2);color:var(--foreground)}h3{font-size:16px;font-weight:initial}p{font:var(--p);color:var(--gray80);margin-top:var(--spacing)}p.p2{font:var(--p2);color:var(--gray70)}.container:not(.homepage-body,.cta-box){height:100%;margin-left:260px;display:flex}@media (max-width:1024px){.container:not(.homepage-body,.cta-box){margin-left:var(--nav-space)}}aside.sidebar{--text-muted:#8b949e;--bg-sidebar:#111316;--border:#262a30;--primary-dim:#ff6f6126;--bg-card:#181b1f;z-index:200;background-color:var(--bg-sidebar);border-right:var(--border)1px solid;flex-direction:column;width:260px;height:100vh;padding:24px;transition:all .4s;display:flex;position:fixed;top:0;left:0;overflow-y:auto}.brand{flex-direction:column;margin-bottom:40px;display:flex}.brand .brand-title{align-items:center;gap:10px;display:flex}.brand .brand-title h1{color:var(--primary);font-size:1.25rem;font-weight:700;line-height:.2}.brand-subtext{color:var(--text-muted);margin-top:2px;margin-left:10px;font-size:.85rem}nav.snippets-nav{flex-direction:column;margin:0;padding:0;animation:none;display:flex;position:static;transform:none}.nav-label{text-transform:uppercase;letter-spacing:1px;color:var(--text-muted);margin-top:20px;margin-bottom:10px;font-size:.75rem}.snippets-nav button,.snippets-nav a{width:70%;color:var(--text-muted);cursor:pointer;text-align:left;background-color:#0000;border:none;border-radius:8px;margin-bottom:5px;padding:10px 14px;font-size:.95rem;text-decoration:none;transition:all .2s}.snippets-nav a{padding:7px 14px}.snippets-nav button.active,.snippets-nav a.active{background-color:var(--primary-dim);color:var(--primary)}.snippets-nav button:not(.snippets-nav button.active):hover,.snippets-nav a:not(.snippets-nav a.active):hover{background-color:var(--bg-card);color:#fff}.sidebar-footer{margin-top:auto}.sidebar-footer a{color:var(--text-muted);border-radius:8px;align-items:center;gap:5px;padding:10px 14px;font-weight:700;text-decoration:none;transition:all .2s;display:flex}.sidebar-footer a:hover{background-color:var(--bg-card)}.sidebar-footer a img{transform:translateY(-2px)}.nav-hamburger{z-index:500;flex-direction:column;gap:7px;width:30px;transition:all .1s;display:none}.nav-hamburger.docs-hamburger{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border-radius:5px;width:50px;padding:10px;position:fixed;top:20px;right:20px}.nav-hamburger:active{transform:scale(.8)}.nav-hamburger .hamburger-line{background-color:#fff;border-radius:5px;width:100%;height:3px}.content{padding-left:calc(var(--spacing)*4);padding-top:calc(var(--spacing)*2);flex:1}@keyframes fadeIn{to{opacity:1}}.example{border:1px solid var(--gray30);background-color:#1a1a1a}.code-container{width:fit-content;padding:var(--spacing);background-color:#1a1a1a;border:1px solid #4d4d4d;border-radius:8px;margin:20px 0;font-family:Courier Prime,monospace;display:block;overflow:hidden}code{color:#d4d4d4;white-space:pre;font-size:.9rem;line-height:1.5}.videos{border-radius:var(--spacing);justify-content:center;align-items:center;width:fit-content;display:flex;transform:translateY(-20px)}article{margin-bottom:calc(var(--spacing)*2)}.video{height:fit-content;padding:20px}.img{background:gray;border-radius:10px;width:400px;height:200px;margin-bottom:10px}@media (max-width:1024px){:root{--spacing:20px;--nav-space:260px;--h1:bold 24px/1.3em var(--ff);--h2:bold 1rem/1.3em var(--ff)}.code-container{width:100%;max-width:90%}}@media (max-width:768px){:root{--spacing:12px;--nav-space:0px;--h1:bold 24px/1.3em var(--ff);--h2:bold 1rem/1.3em var(--ff)}body{padding-left:0;padding-top:calc(var(--spacing)*1)}aside.sidebar{z-index:200;top:0;left:-100%}.nav-hamburger{display:flex}.container{flex-direction:column;margin-left:0}.content{padding-left:36px}.code-container{width:100%;max-width:100%;overflow-x:auto}code{white-space:pre-wrap;word-break:break-word}.videos{display:none}}.text{align-items:center;gap:10px;display:flex}.text-img .circle{background-color:gray;border-radius:50%;width:45px;height:45px;display:block}.video p{color:#999;margin-top:5px;line-height:.7em}.video h3{font-weight:700}.video2{border-left:1px solid var(--gray30)}.video2 h3{font-size:16px;font-weight:400;line-height:18px}.video2 p{color:#fff}.do,.dont{color:var(--gray0);background-color:#a5df54;border:1px solid #64a330;border-radius:5px;width:fit-content;padding:2px 5px;font-weight:700;position:absolute;transform:translateY(-35px)translate(-30px)}.dont{background-color:tomato;border:1px solid #cc3620;right:0;transform:translateY(-35px)translate(25px)}.desc p{margin-top:10px}.flex{gap:20px;margin-top:20px;display:flex}.card{border:1px solid var(--gray30);border-radius:var(--spacing);padding:var(--spacing);background-color:#1a1a1a}.card.before h1,.card.before p{font-size:1rem;font-weight:400;line-height:1.2em}.card.after h1{font:var(--h1);font-family:monospace}.card.after p{font:var(--p2);color:var(--gray70);line-height:.4em}.card span{font:var(--p2);color:var(--gray30);display:block;transform:translateY(-9px)translate(5px)}.colors-example{gap:var(--spacing);margin-bottom:var(--spacing);border-radius:var(--spacing);width:fit-content;padding:var(--spacing);display:flex;position:relative}.color-card span{color:var(--primary);font-size:.75rem;display:inline-block;transform:translateY(-5px)}.color-card h1{line-height:1.2em}.color-card p{color:var(--gray50);margin-top:0}.color-card.bad p,.color-card.bad span{color:var(--foreground)}.color-card.bad{border-left:1px solid var(--gray30);padding-left:var(--spacing)}.scale-example{margin-bottom:var(--spacing);border-radius:var(--spacing);width:fit-content;padding:var(--spacing);transform:translateY(-20px)}.scale-example span{color:var(--gray50);font-size:1rem}.scale-example p{margin-top:0;margin-bottom:0}.codeSnippetAd{transform:translateY(-20px)}.codeSnippetAd.code-snippets a{color:var(--primary)}.tag{color:var(--primary);font-size:.75rem;display:inline-block;transform:translateY(-5px)}.guide-header{padding:0;transform:translateY(10px)}.guide-card:not(.intro){border-top:1px solid #333;margin-top:75px;padding-top:75px}.guide-card{max-width:50%}ul{margin-top:16px;margin-left:calc(var(--spacing)*1.5);color:var(--gray80);list-style-type:"-  "}@media (max-width:768px){.guide-card{max-width:90%}}.cssgg{color:var(--gray70);font-size:.875rem;font-family:var(--ff);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border-radius:8px;padding:2px 7px;position:fixed;bottom:5px;right:5px}.cssgg a{color:var(--primary)}