.lab-main{width:min(1400px,100% - 56px)}.lab-header{border-bottom:1px solid var(--charts2-demo-border)}.lab-intro{grid-template-columns:minmax(0,1.1fr) minmax(320px,.9fr);align-items:end;gap:64px;padding:72px 0 52px;display:grid}.lab-kicker{color:var(--charts2-demo-muted);text-transform:uppercase;letter-spacing:.8px;margin:0 0 14px;font:700 11px/1.3 ui-monospace,SFMono-Regular,Menlo,monospace}.lab-intro h1{letter-spacing:-3.5px;margin:0;font-size:clamp(48px,6vw,76px)}.lab-intro-copy p{max-width:620px;color:var(--charts2-demo-muted);margin:0 0 22px;font-size:16px;line-height:1.65}.lab-intro-copy button{color:#fff;cursor:pointer;background:var(--charts2-demo-blue);border:1px solid #1c222629;border-radius:10px;box-shadow:0 4px 12px #1c222629}.lab-intro-copy button:hover{background:var(--charts2-demo-blue-hover)}.lab-index{background:var(--charts2-demo-elevated);border:1px solid var(--charts2-demo-border);border-radius:14px;grid-template-columns:repeat(8,minmax(0,1fr));margin-bottom:88px;display:grid;overflow:hidden;box-shadow:0 8px 30px #1c22260d}.lab-index a{min-width:0;color:var(--charts2-demo-muted);padding:16px;text-decoration:none;display:block}.lab-index a+a{border-left:1px solid var(--charts2-demo-border)}.lab-index a:hover{color:var(--charts2-demo-ink);background:var(--charts2-demo-blue-soft)}.lab-index a:focus-visible{outline:3px solid color-mix(in srgb, var(--charts2-demo-blue) 38%, transparent);outline-offset:-3px}.lab-index strong,.lab-index span{display:block}.lab-index strong{color:var(--charts2-demo-ink);margin-bottom:5px;font:650 17px/1 ui-monospace,SFMono-Regular,Menlo,monospace}.lab-index span{text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.lab-group{border-top:1px solid var(--charts2-demo-border);padding:72px 0 96px;scroll-margin-top:24px}.lab-group-header{grid-template-columns:repeat(12,minmax(0,1fr));align-items:end;gap:20px;margin-bottom:28px;display:grid}.lab-group-header h2{letter-spacing:-1.2px;grid-column:1/7;margin:0;font-size:36px}.lab-group-header p{color:var(--charts2-demo-muted);grid-column:8/13;margin:0;line-height:1.55}.lab-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.lab-fixture{border-radius:12px;box-shadow:0 2px 10px #1c22260d}.lab-fixture-wide{grid-column:1/-1}.lab-fixture header{gap:16px}.lab-fixture h3{letter-spacing:-.2px;margin:5px 0 0;font-size:17px}.lab-fixture .example-code-actions>code{color:var(--charts2-demo-muted);background:var(--charts2-demo-surface);border:1px solid var(--charts2-demo-border);border-radius:5px;flex:none;padding:4px 6px;font-size:9px}.lab-fixture-compact,.lab-fixture-percentage{align-self:start}.lab-boundary{background:var(--charts2-demo-background);--charts-label-color:#1c2226;--charts-secondary-label-color:#4f5d69;--charts-axis-line-color:#c6d0d8;--charts-mark-separator:#e7e7e7;--charts-point-fill:#e7e7e7;border-radius:4px;padding:0}.lab-footer{width:min(1400px,100% - 56px)}@media (width<=960px){.lab-intro{grid-template-columns:1fr;gap:28px}.lab-index{grid-template-columns:repeat(3,1fr)}.lab-index a:nth-child(4),.lab-index a:nth-child(7){border-left:0}.lab-index a:nth-child(n+4){border-top:1px solid var(--charts2-demo-border)}}@media (width<=760px){.lab-main,.lab-footer{width:min(100% - 28px,1400px)}.lab-header nav a:first-child{display:none}.lab-intro{padding:52px 0 40px}.lab-intro h1{letter-spacing:-2.5px;font-size:46px}.lab-index{grid-template-columns:repeat(2,1fr);margin-bottom:56px}.lab-index a:nth-child(n){border-top:0;border-left:0}.lab-index a:nth-child(2n){border-left:1px solid var(--charts2-demo-border)}.lab-index a:nth-child(n+3){border-top:1px solid var(--charts2-demo-border)}.lab-group{padding:56px 0 72px}.lab-group-header,.lab-grid{grid-template-columns:1fr}.lab-group-header{gap:10px}.lab-group-header h2,.lab-group-header p,.lab-fixture-wide{grid-column:auto}.lab-fixture{padding:20px}.lab-fixture header{gap:10px}}@media (prefers-color-scheme:dark){.lab-intro-copy button{color:#1c2226}}