@font-face{font-family:Inter;src:url('/assets/inter-latin.woff2') format('woff2');font-weight:100 900;font-display:swap}
html{scroll-padding-top:90px}.lab-toolbar{position:relative;z-index:50;display:flex;gap:24px;align-items:center;justify-content:space-between;padding:14px 4%;background:var(--bg,#111);color:var(--fg,#eee);border-bottom:1px solid var(--line,#333);font:12px -apple-system,BlinkMacSystemFont,'Apple SD Gothic Neo',sans-serif}.lab-toolbar a{color:inherit;text-decoration:none}.lab-toolbar button{font:inherit;border:1px solid var(--line,#555);background:none;color:inherit;min-height:40px;padding:8px 16px;border-radius:30px;cursor:pointer}.lab-guide{padding:35px 7% 28px;background:var(--bg,#111);position:relative;z-index:2;border-bottom:1px solid var(--line,#333)}.lab-guide>p:first-child{font-size:11px;letter-spacing:.4px;color:var(--muted,#999);margin:0 0 12px}.lab-guide h2{font-size:26px;letter-spacing:-1px;margin:0 0 14px}.lab-try{font-size:14px;line-height:1.8;margin:0 0 15px;word-break:keep-all}.lab-guide nav{display:flex;flex-wrap:wrap;gap:16px;font-size:11px}.lab-guide nav span{color:var(--muted)}.lab-guide nav a{color:var(--accent);text-decoration:none}.lab-footer{min-height:240px;padding:60px 7%;background:var(--surface2);color:var(--fg);font-size:13px}.lab-footer a{color:var(--fg)}.lab-footer p:last-child{font-size:11px;color:var(--muted)}.lab-after{min-height:60vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;padding:60px 20px;background:var(--bg);position:relative}.lab-after>p{font-size:11px;color:var(--muted)}.lab-after h2{font-size:clamp(24px,3vw,44px);letter-spacing:-1.5px}.lab-after a{color:var(--accent);font-size:13px}.lab-embed .lab-toolbar,.lab-embed .lab-guide,.lab-embed #nav,.lab-embed nav.nav,.lab-embed header.nav,.lab-embed .lab-after,.lab-embed .lab-footer,.lab-embed .gl-float,.lab-embed .gl-progress{display:none!important}.lab-embed .hero{min-height:100svh!important}.lab-embed body{padding-top:0!important}.lab-dialog .lab-toolbar{display:none}.lab-dialog .lab-guide{padding:25px 7%}.lab-example-detail #gl-board-item{display:contents}[data-gl-wght] h1{font-family:Inter,sans-serif!important;font-size:clamp(70px,15vw,220px)!important;font-weight:300!important;letter-spacing:-.05em!important}[data-gl-wght] .hero-copy{max-width:none!important}.lab-example-detail .gl-figure{max-width:1100px;margin:auto}.gl-demo-pat{min-height:300px}.lab-standalone-mesh .hero-stripe{display:block!important;inset:0!important;opacity:1!important}.lab-toolbar button:focus-visible,.lab-toolbar a:focus-visible{outline:2px solid var(--accent);outline-offset:4px}@media(max-width:600px){.lab-toolbar{gap:10px;font-size:10px;padding:10px 4%}.lab-toolbar span{max-width:42%;line-height:1.4}.lab-toolbar button{padding:8px 11px}.lab-guide{padding:24px 6%}.lab-guide h2{font-size:22px}.lab-try{font-size:13px}.lab-after{min-height:50vh}.lab-embed .hero-gfx-pause{bottom:16px!important}}
.lab-no-nav #nav{display:none!important}.lab-with-nav body{padding-top:80px}.lab-embed.lab-with-nav body{padding-top:0}.lab-no-nav body{padding-top:0}.lab-dialog.lab-with-nav .lab-guide{padding-top:20px}
body[data-example]{padding-bottom:92px}.lab-pager{position:fixed;inset:auto 0 0;z-index:110;display:grid;grid-template-columns:minmax(0,1fr) 64px minmax(0,1fr);align-items:center;gap:20px;padding:12px 4% max(12px,env(safe-area-inset-bottom));background:#111210;color:#f1f0e8;border-top:1px solid #33362d;font-family:-apple-system,BlinkMacSystemFont,'Apple SD Gothic Neo',sans-serif}.lab-pager>a,.lab-pager>.pager-previous{display:flex;flex-direction:column;gap:5px;min-height:54px;padding:10px 16px;border:1px solid #53594a;text-decoration:none;color:inherit;min-width:0}.lab-pager a>span,.lab-pager>.pager-previous>span{font-size:12px}.lab-pager strong{font-size:11px;font-weight:400;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;max-width:100%;color:#a3a59b}.lab-pager .pager-next{background:#d6ff5f;color:#152000;border-color:#d6ff5f;align-items:flex-end}.lab-pager .pager-next strong{color:#36431a}.lab-pager [aria-disabled]{opacity:.35}.pager-count{text-align:center;font-size:13px;font-variant-numeric:tabular-nums}.pager-count>span{color:#a3a59b}.lab-pager a:focus-visible{outline:2px solid #d6ff5f;outline-offset:3px}.lab-embed .lab-pager,.lab-dialog .lab-pager{display:none}.lab-embed body[data-example],.lab-dialog body[data-example]{padding-bottom:0}@media(max-width:600px){.lab-pager{gap:10px;grid-template-columns:minmax(0,1fr) 45px minmax(0,1fr);padding:10px 12px max(10px,env(safe-area-inset-bottom))}.lab-pager>a,.lab-pager>.pager-previous{padding:9px 10px}.pager-count{font-size:11px}.lab-pager strong{font-size:10px}.lab-pager a>span{font-size:11px}}