article-view article[data-grid]:has([data-docs-nav]){--article-block-gap:var(--space-6);--font-size-body-large:15px;@media (width>=1024px){--font-size-body-large:17px}padding-block-start:var(--space-7);&>[data-docs-title]{font-size:var(--font-size-body-headline-large);line-height:var(--line-height-tight);letter-spacing:-.02em;text-wrap:balance;grid-column:1/-1;margin-block-start:var(--space-5);@media (width>=834px){grid-column:2/span 6}}&>docs-actions{align-items:baseline;gap:var(--space-2) 24px;flex-wrap:wrap;grid-column:1/-1;margin-block-start:var(--space-3);display:flex;@media (width>=834px){grid-column:2/span 6}&>story-share{flex:1;min-width:0}}&>nav[data-contents]{margin-block-start:var(--space-3)}&>story-body{margin-block-start:var(--space-5)}@media (width>=1024px){&>[data-docs-title]{grid-area:1/4/auto/span 6;margin-block-start:0}&>docs-actions{grid-area:2/4/auto/span 6}&>nav[data-contents]{grid-row:1/span 3;margin-block-start:0}&>story-body{grid-row:3;margin-block-start:var(--space-5)}&>header[data-meta]{max-height:calc(100dvh - var(--header-height));overscroll-behavior:contain;scrollbar-width:none;grid-row:1/span 3;margin-inline-start:calc(-1 * var(--space-2));padding-block-end:var(--space-5);padding-inline-start:var(--space-2);overflow-y:auto}}}[data-docs-nav]{--row:var(--space-2);&>details>summary{text-underline-offset:.2em;cursor:pointer;width:fit-content;text-decoration:underline 1px;list-style:none;&::-webkit-details-marker{display:none}}&>details[open]>summary{margin-block-end:1lh}& ul{margin:0;padding:0;list-style:none}&>details>ul{flex-wrap:wrap;column-gap:1em;display:flex}& section{& summary{align-items:center;gap:var(--space-1);cursor:pointer;list-style:none;display:flex;&::-webkit-details-marker{display:none}}& details[open] svg{rotate:180deg}& details>ul>li>:is(a,span){padding-inline-start:calc(var(--row) + 1em)}}& section :is(summary,li>a,li>span){padding:2px var(--row);margin-inline-start:calc(-1 * var(--row));display:flex}& section :is(summary,li>a):hover{background:var(--muted)}& section:has(>ul)+section,& section+section:has(>ul){margin-block-start:1lh}&>details>ul+section{margin-block-start:var(--space-5)}& a{text-decoration:none;&[aria-current]{text-underline-offset:.18em;text-decoration:underline 1px}}@media (width<1024px){&>details>ul a:hover{text-underline-offset:.18em;text-decoration:underline 1px}}@media (width>=1024px){&>details>summary{display:none}&>details::details-content{content-visibility:visible;display:block}&>details>ul{flex-direction:column}&>details>ul>li>:is(a,span){padding:2px var(--row);margin-inline-start:calc(-1 * var(--row));display:flex}&>details>ul>li>a:hover{background:var(--muted)}}}docs-tiles{--gap:calc(var(--grid-gutter) / 3);gap:var(--gap);margin-inline:calc(-1 * var(--bleed));font-size:var(--font-size-body-default);line-height:var(--line-height-body);display:grid;@media (width>=600px){grid-template-columns:repeat(2,1fr)}&>a{gap:var(--space-3);padding:var(--bleed);background:var(--muted);flex-direction:column;margin:0;text-decoration:none;display:flex}& svg{block-size:48px;inline-size:48px}& svg[data-brand]{fill:none;stroke:currentColor;stroke-width:1.08px;stroke-linejoin:round;padding:3px;overflow:visible;& *{fill:none;vector-effect:non-scaling-stroke}}& [data-marks]{gap:var(--space-2);display:flex}&>a:hover{background:oklch(from var(--muted) calc(l + .035) c h)}}[data-docs-pager]{gap:var(--space-3);margin-block-start:var(--space-7);display:flex;& p{margin:0}& [data-next]{text-align:end;margin-inline-start:auto}& a{text-underline-offset:.2em;text-decoration:underline 1px}}article:has([data-docs-nav]) [data-prose-root] :is(h3,h4,h5,h6){text-align:start}[data-prose-root] [data-steps]{counter-reset:step;flex-direction:column;display:flex;&>*+*{margin-block-start:var(--space-line-break)}&>:first-child{margin-block-start:0}&>h3{counter-increment:step;&:not(:first-child){margin-block-start:var(--space-5)}&:before{content:counter(step) ".";font-feature-settings:"lnum", "tnum";margin-inline-end:.3em}&:hover:before{visibility:hidden}@media (width>=600px){&:before{margin:0;position:absolute;translate:calc(-100% - .3em)}}}}[data-prose-root] [data-tabs]{inline-size:calc(100% + 2 * var(--bleed));margin-inline:calc(-1 * var(--bleed));padding:var(--bleed);background:var(--muted);font-size:var(--font-size-body-default);flex-wrap:wrap;column-gap:1em;line-height:1.5;display:flex;&>section{display:contents}&>section>label{color:var(--color-text-muted);cursor:pointer;position:relative;&:hover{text-underline-offset:.18em;text-decoration:underline 1px}&:has(:checked){color:var(--color-text-default)}&:has(:focus-visible){outline:2px solid var(--color-focus-outline);outline-offset:2px}}& input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}&>section>:not(label){--muted:var(--muted-inner);flex-shrink:0;order:1;margin-block-start:var(--space-line-break)}&>section>label+:not(label){margin-block-start:var(--space-4)}& :is(p,li){font-size:inherit;line-height:inherit}&>section:not(:has(>label>input:checked))>:not(label){display:none}}:where([data-tabs]>section>:not(label)){inline-size:100%}article:has([data-docs-nav]) [data-prose-root] table{table-layout:auto;& :is(th,td){overflow-wrap:break-word;inline-size:auto}& code{white-space:nowrap}}article:has([data-docs-examples])>nav[data-contents]{display:none}@media (width>=1024px){article-view article[data-grid]:has([data-docs-examples])>[data-docs-title]{grid-column:4/span 5}}[data-docs-examples],[data-docs-reference]{margin-block-start:var(--article-block-gap)}[data-docs-examples] .expressive-code .frame.has-title .copy{grid-area:1/1}@media (width>=1024px){article-view article[data-grid]>story-body:has(>[data-docs-examples]){grid-column:4/-1;grid-template-columns:subgrid;align-items:start;display:grid;&>:not([data-docs-examples]),&>prose-justification>*{grid-column:1/span 5}&>[data-docs-examples]{top:var(--header-height);max-height:calc(100dvh - var(--header-height));grid-area:1/6/span 3/-1;margin-block-start:0;padding-block-end:var(--space-5);padding-inline-start:var(--bleed);position:sticky;&>.expressive-code{inline-size:100%;margin-inline:0}&>.expressive-code:last-child{flex-direction:column;min-block-size:0;display:flex;& .frame{grid-template-rows:auto minmax(0,1fr);min-block-size:0}}}}}[data-prose-root] table[data-docs-fields]{& td:first-child code{white-space:normal;overflow-wrap:normal}& [data-parent]{color:var(--color-text-muted)}& td:last-child{overflow-wrap:anywhere}& [data-type]{color:var(--color-text-muted)}@media (width<600px){&,& :is(tbody,tr,td){display:block}& thead{display:none}& td+td{padding-block-start:0}& td:empty{display:none}}}