.docs-shell{grid-template-columns:13.5rem minmax(0,1fr);gap:4rem;max-width:74rem;margin:0 auto;padding:0 1.5rem;display:grid}.docs-shell main{max-width:46rem;margin:0;padding:4rem 0 8rem}.docs-nav{align-self:start;max-height:100dvh;padding:4.25rem 0 2rem;font-size:1rem;position:sticky;top:0;overflow:auto}.docs-brand{margin-bottom:2rem;font-size:1.375rem;text-decoration:none;display:block}.docs-nav-group{opacity:.7;margin:1.5rem 0 .25rem;font-size:.875rem;font-style:italic}.docs-nav ul{margin:0;padding:0;list-style:none}.docs-nav li a{padding:.2rem 0;text-decoration:none;display:block}.docs-nav li a:hover{text-decoration:underline}.docs-nav a[aria-current=page]{font-style:italic;text-decoration:underline;text-decoration-thickness:2px}@media (width<=52rem){.docs-shell{grid-template-columns:minmax(0,1fr);gap:0}.docs-nav{max-height:none;padding:2rem 0 0;position:static}.docs-nav ul{flex-wrap:wrap;gap:0 1.25rem;display:flex}.docs-shell main{padding-top:3rem}}.docs-shell h1{margin-bottom:1.5rem;font-size:clamp(2.75rem,8vw,4.75rem)}.docs-shell h2{letter-spacing:-.015em;margin:4rem 0 1rem;scroll-margin-top:1rem;font-size:1.875rem;font-weight:400;line-height:1.15}.docs-shell h3{margin:2.5rem 0 .5rem;font-size:1.3125rem;font-style:italic;font-weight:400}.docs-shell p,.docs-shell li{max-width:40rem}.docs-shell ul.plain{padding-left:1.25rem}.example{background:var(--sheet);margin:1.5rem 0 .75rem;padding:1.75rem}.example>:first-child{margin-top:0}.example .actions{margin-bottom:1rem}.example details,.example details .content{background:var(--sheet)}.example-label{opacity:.7;margin-bottom:.75rem;font-size:.875rem;font-style:italic;display:block}pre{background:var(--sheet);margin:.75rem 0 1.5rem;padding:1.25rem 1.5rem;font-size:.875rem;line-height:1.55;position:relative;overflow-x:auto}pre code{font-size:inherit;background:0 0;padding:0}.copy{font:inherit;font-family:var(--font);color:var(--ink);background:var(--sheet);cursor:pointer;text-underline-offset:.2em;border:0;padding:.25rem .5rem;font-size:.875rem;font-style:italic;text-decoration:underline;position:absolute;top:.5rem;right:.5rem}.copy:focus-visible{outline:3px solid var(--ink);outline-offset:2px}.docs-shell table{border-collapse:collapse;width:100%;margin:1rem 0 2rem;font-size:1rem;display:block;overflow-x:auto}.docs-shell th,.docs-shell td{text-align:left;vertical-align:top;padding:.55rem 1.25rem .55rem .5rem}.docs-shell th{font-style:italic;font-weight:400}.docs-shell tbody tr:nth-child(odd){background:rgb(var(--ink-rgb) / .035)}.docs-shell td:first-child{white-space:nowrap}.gallery{grid-template-columns:repeat(auto-fill,minmax(13rem,1fr));gap:1.25rem;margin:1.5rem 0;display:grid}.swatch{background:var(--sheet);padding:1rem}.swatch-stage{background:var(--paper);place-items:center;height:8rem;font-size:1.5rem;font-style:italic;display:grid;position:relative}.swatch p{margin:.75rem 0 .25rem}.swatch code{font-size:.8em}.cards{grid-template-columns:repeat(auto-fill,minmax(13rem,1fr));gap:1.25rem;padding:0;list-style:none;display:grid}.cards a{background:var(--sheet);height:100%;padding:1.25rem;text-decoration:none;display:block}.cards a:hover strong{text-decoration:underline}.cards strong{margin-bottom:.25rem;font-size:1.5rem;font-weight:400;display:block}.cards span{font-size:1rem;font-style:italic}