.docs-shell{grid-template-columns:250px minmax(0,1fr);gap:70px;max-width:1440px;min-height:calc(100vh - 72px);margin:auto;padding:70px 64px 130px;display:grid}.docs-nav{border-right:1px solid #455046;align-self:start;padding-right:25px;position:sticky;top:112px}.docs-nav>span,.docs-nav-extra>span,.docs-kicker{font:500 10px var(--font-code);letter-spacing:.12em;color:var(--coral)}.docs-nav nav{gap:2px;margin:18px 0 40px;display:grid}.docs-nav nav a{color:#c7d0c4;border-bottom:1px solid #303b32;justify-content:space-between;gap:12px;padding:10px 0;font-size:14px;display:flex}.docs-nav nav a:hover,.docs-nav-extra a:hover{color:var(--coral)}.docs-nav nav i{color:#718276;font-style:normal}.docs-nav-extra{gap:12px;display:grid}.docs-nav-extra>span{margin-bottom:4px}.docs-nav-extra a{color:#aab8a8;font-size:12px}.docs-content{min-width:0;max-width:860px}.docs-article h1,.examples-page h1{letter-spacing:-.08em;margin:16px 0 25px;font-size:clamp(48px,5.6vw,76px);line-height:1.04}.docs-article h1 em,.examples-page h1 em{color:var(--coral);font-style:normal}.docs-lead{color:#c1ccc0;max-width:700px;margin-bottom:43px;font-size:18px;line-height:1.7}.docs-article h2{letter-spacing:-.06em;margin:58px 0 17px;font-size:30px}.docs-article p,.docs-article li{color:#b5c2b4;font-size:15px;line-height:1.75}.docs-article p+p{margin-top:17px}.docs-article p a,.docs-callout a{color:var(--coral);text-underline-offset:3px;text-decoration:underline}.docs-article code,.examples-page p code{font:13px var(--font-code);color:#ffc3b4}.docs-article ol{padding-left:23px}.docs-article li{margin-bottom:9px;padding-left:7px}.docs-callout{border-left:2px solid var(--coral);background:#202920;gap:8px;margin:32px 0;padding:20px 23px;display:grid}.docs-callout b{font:600 15px var(--font-head)}.docs-callout span{color:#adbaac;font-size:14px;line-height:1.65}.docs-link-grid{background:#435044;border:1px solid #435044;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;display:grid}.docs-link-grid a{background:#1b231d;align-content:start;gap:11px;min-height:140px;padding:24px;transition:background .2s;display:grid}.docs-link-grid a:hover{background:#293328}.docs-link-grid span,.docs-link-grid small{font:10px var(--font-code);color:#8ca089}.docs-link-grid span{color:var(--coral)}.docs-link-grid strong{font:600 20px var(--font-head)}.docs-link-grid small{line-height:1.5}.docs-code{background:#19211b;border:1px solid #536052;margin:25px 0;overflow:hidden}.docs-code>div{color:#a4b2a3;height:39px;font:10px var(--font-code);border-bottom:1px solid #536052;justify-content:space-between;align-items:center;padding:0 13px;display:flex}.docs-code button{color:var(--coral);font:10px var(--font-code);background:0 0;border:0}.docs-code button:hover{text-decoration:underline}.docs-code pre{font:12px/1.7 var(--font-code);tab-size:2;color:#e6eee0;margin:0;padding:21px;overflow:auto}.docs-code code{color:inherit}.docs-flow{border-left:1px solid var(--coral);justify-items:start;gap:11px;margin:40px 0;padding:12px 25px;display:grid}.docs-flow span{font:11px var(--font-code);letter-spacing:.06em;background:#202920;border:1px solid #596758;padding:11px 15px}.docs-flow i{color:var(--coral);margin-left:15px;font-style:normal}.examples-page{max-width:1440px;min-height:calc(100vh - 72px);margin:auto;padding:95px 64px 140px}.examples-page .docs-lead{max-width:800px}.example-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:50px;display:grid}.example-grid article{border:1px solid #52604f;flex-direction:column;min-height:380px;padding:34px;display:flex}.example-grid article>span,.examples-next>span{font:10px var(--font-code);letter-spacing:.1em;color:var(--coral)}.example-grid h2{letter-spacing:-.06em;margin:40px 0 17px;font-size:32px}.example-grid p{color:#b3c0b1;min-height:95px;font-size:15px;line-height:1.7}.example-grid article>code{font:11px/1.5 var(--font-code);overflow-wrap:anywhere;background:#222b22;border:1px solid #425141;margin-top:auto;padding:15px}.example-grid article>a{color:var(--coral);margin-top:20px;font-size:13px;font-weight:700}.example-grid article>a:hover{text-decoration:underline}.examples-next{border-top:1px solid #465345;align-items:center;gap:25px;margin-top:55px;padding-top:25px;display:flex}.examples-next a{font-size:13px;font-weight:700}.examples-next a:hover{color:var(--coral)}@media (max-width:900px){.docs-shell{grid-template-columns:190px minmax(0,1fr);gap:35px;padding-left:36px;padding-right:36px}.examples-page{padding-left:36px;padding-right:36px}}@media (max-width:700px){.docs-shell{padding:35px 20px 90px;display:block}.docs-nav{border-bottom:1px solid #455046;border-right:0;margin-bottom:45px;padding:0 0 20px;position:relative;top:auto}.docs-nav nav{white-space:nowrap;gap:17px;margin:15px 0 0;display:flex;overflow:auto}.docs-nav nav a{border:0;padding:7px 0}.docs-nav nav i,.docs-nav-extra{display:none}.docs-article h1,.examples-page h1{font-size:clamp(44px,10vw,60px)}.docs-lead{font-size:16px}.docs-link-grid{grid-template-columns:1fr}.docs-code pre{padding:15px;font-size:10px}.examples-page{padding:70px 20px 95px}.example-grid{grid-template-columns:1fr}.example-grid article{min-height:320px;padding:25px}.example-grid h2{margin-top:25px;font-size:29px}.example-grid p{min-height:0}.examples-next{gap:10px;display:grid}}
