@layer components{.search_open{align-items:center;gap:var(--space-2);border-radius:var(--radius-small);border:var(--border-width) solid var(--surface-border);background-color:var(--surface);width:100%;color:var(--text-faded);font-size:var(--text-small);transition:border-color var(--duration-main) var(--ease-out-quad), color var(--duration-main) var(--ease-out-quad);padding:.6rem .75rem;display:flex;@media (hover:hover){&:hover{border-color:color-mix(in srgb, var(--brand-500) 55%, transparent);color:var(--text)}}}.search_open_label{margin-right:auto}.search_open_keys{gap:.2rem;display:inline-flex}.search_open_keys kbd{border:var(--border-width) solid var(--surface-border);min-width:1.4em;font-family:var(--primary-family);color:var(--text-faded);background-color:#ffffff0d;border-radius:.3em;justify-content:center;align-items:center;padding:.15em .35em;font-size:.75rem;line-height:1.5;display:inline-flex}.rich-text{& :is(h1,h2,h3,h4,h5,h6,p,ul,ol,blockquote,figure,pre,table){margin-top:var(--_margin-top);margin-bottom:var(--_margin-bottom)}&>:first-child,& :is(blockquote,li)>:first-child:not(:is(ul,ol)){margin-top:0}&>:last-child,& :is(blockquote,li)>:last-child{margin-bottom:0}& :is(ul,ol){padding-left:1.5em}& ul{list-style-type:disc}& ol{list-style-type:decimal}& li::marker{color:color-mix(in lab, currentcolor 60%, transparent)}& li+li{margin-top:var(--space-2)}& li>:is(ul,ol){margin-block:var(--space-2)}& blockquote{padding-left:var(--space-4);border-left:var(--border-width) solid var(--border)}}.docs{width:var(--site-width);max-width:var(--max-width-main);gap:var(--space-6) var(--space-8);padding-block:var(--space-7) var(--section-space-medium);flex-grow:1;grid-template-columns:1fr;align-items:start;margin-inline:auto;display:grid}.docs_sidebar_inner,.docs_toc_inner{gap:var(--space-5);flex-direction:column;display:flex}.docs_disclosure_summary{justify-content:space-between;align-items:center;gap:var(--space-3);border-radius:var(--radius-small);border:var(--border-width) solid var(--border);font-size:var(--text-small);cursor:pointer;padding:.6rem .75rem;list-style:none;display:flex;&::-webkit-details-marker{display:none}&:after{content:"";border-right:var(--border-width) solid currentcolor;border-bottom:var(--border-width) solid currentcolor;width:.5rem;height:.5rem;transition:transform .2s;transform:rotate(45deg)translate(-.1rem,-.1rem)}}.docs_disclosure[open]>.docs_disclosure_summary:after{transform:rotate(-135deg)}.docs_disclosure[open] .docs_nav{padding-top:var(--space-4)}.docs_nav{gap:var(--space-5);font-size:var(--text-small);flex-direction:column;display:flex;& ul{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}}.docs_group_title{font-size:var(--text-small);font-weight:var(--primary-medium);letter-spacing:.02em;margin-bottom:var(--space-2)}.docs_link{border-radius:var(--radius-small);color:var(--text-faded);margin-left:-.6rem;padding:.3rem .6rem;text-decoration:none;transition:color .15s,background-color .15s;display:block;&.on{color:var(--text);background-color:color-mix(in srgb, var(--brand-500) 16%, transparent)}@media (hover:hover){&:hover{color:var(--text)}}}.docs_progress{top:var(--nav-height);z-index:10;height:.125rem;margin-bottom:var(--space-5);background-color:#ffffff0f;border-radius:1rem;position:sticky;overflow:clip}.docs_progress_bar{background-color:var(--brand-500);transform-origin:0;height:100%;display:block;transform:scaleX(0)}.docs_crumbs{align-items:center;gap:var(--space-2);font-size:var(--text-small);color:var(--text-faded);display:flex;& a{color:inherit;transition:color var(--duration-main) var(--ease-out-quad);text-decoration:none;@media (hover:hover){&:hover{color:var(--text)}}}}.docs_anchor{color:var(--brand-500);opacity:0;transition:opacity var(--duration-main) var(--ease-out-quad);margin-left:.4em;text-decoration:none;:is(h2,h3):hover>&,&:focus-visible{opacity:1}}.docs_code{position:relative;&:hover .docs_copy,& .docs_copy:focus-visible{opacity:1}}.docs_copy{top:var(--space-3);right:var(--space-3);border:var(--border-width) solid var(--surface-border);border-radius:var(--radius-small);backdrop-filter:blur(8px);color:var(--text);opacity:0;transition:opacity var(--duration-main) var(--ease-out-quad), color var(--duration-main) var(--ease-out-quad);background-color:#ffffff0f;padding:.3em .6em;font-size:.75rem;position:absolute;&[data-done]{opacity:1;color:var(--brand-500)}@media (hover:none){opacity:1}}.docs_header{gap:var(--space-3);padding-bottom:var(--space-5);margin-bottom:var(--space-5);border-bottom:var(--border-width) solid var(--border);flex-direction:column;display:flex;position:relative}.docs_header>.aurora{inset:calc(var(--space-7) * -1) calc(var(--space-6) * -1) 0;overflow:visible}.docs_header>:not(.aurora){position:relative}.docs_description{color:var(--text-faded)}.docs_main{min-width:0}.docs_body{max-width:44rem;& :is(h2,h3,h4){scroll-margin-top:calc(var(--nav-height) + var(--space-5))}& h2{margin-top:var(--space-8);font-size:var(--h4)}& h3{margin-top:var(--space-7);font-size:var(--h5)}& h4{margin-top:var(--space-6);font-size:var(--h6)}& a{color:var(--text);text-decoration-color:color-mix(in srgb, var(--brand-500) 70%, transparent);text-underline-offset:.25em;transition:color .15s;@media (hover:hover){&:hover{color:var(--brand-500)}}}& :not(pre)>code{background-color:color-mix(in lab, var(--text) 8%, transparent);border-radius:.35em;padding:.15em .4em;font-size:.875em}& pre{padding:var(--space-4);border-radius:var(--radius-small);border:var(--border-width) solid var(--border);tab-size:2;font-size:.8125rem;line-height:1.7;overflow-x:auto}& table{border-collapse:collapse;width:100%;font-size:var(--text-small);display:block;overflow-x:auto}& :is(th,td){padding:var(--space-2) var(--space-3);border-bottom:var(--border-width) solid var(--border);text-align:left;vertical-align:top}& th{font-weight:var(--primary-medium);white-space:nowrap}& td:first-child{white-space:nowrap}& blockquote{padding:var(--space-4);border:var(--border-width) solid var(--border);border-left:2px solid var(--brand-500);border-radius:var(--radius-small);background-color:color-mix(in lab, var(--text) 4%, transparent);color:var(--text-faded)}& hr{margin-block:var(--space-7);border:0;border-top:var(--border-width) solid var(--border)}& kbd+kbd{margin-inline-start:.25em}& kbd{border:var(--border-width) solid var(--border);background-color:color-mix(in lab, var(--text) 6%, transparent);border-radius:.35em;justify-content:center;align-items:center;min-width:1.7em;padding:.1em .35em;font-family:inherit;font-size:.85em;display:inline-flex}}.docs_footer{gap:var(--space-5);max-width:44rem;margin-top:var(--space-8);padding-top:var(--space-5);border-top:var(--border-width) solid var(--border);font-size:var(--text-small);flex-direction:column;display:flex}.docs_siblings{gap:var(--space-3);flex-wrap:wrap;display:flex}.docs_sibling{padding:var(--space-3) var(--space-4);border-radius:var(--radius-small);border:var(--border-width) solid var(--border);color:var(--text);font-weight:var(--primary-medium);flex-direction:column;flex:12rem;gap:.15rem;text-decoration:none;transition:border-color .2s;display:flex;& span{color:var(--text-faded);font-weight:var(--primary-regular)}&.next{text-align:right}@media (hover:hover){&:hover{border-color:color-mix(in srgb, var(--brand-500) 50%, transparent)}}}.docs_toc{display:none}.docs_toc_inner{font-size:var(--text-small);& ul{flex-direction:column;gap:.15rem;margin:0;padding:0;list-style:none;display:flex}& li.sub{padding-left:var(--space-3)}& a{color:var(--text-faded);padding-block:.15rem;text-decoration:none;transition:color .15s;display:block;&.on{color:var(--brand-500)}@media (hover:hover){&:hover{color:var(--text)}}}}@media (width>=64rem){.docs{grid-template-columns:15rem minmax(0,1fr)}.docs_disclosure_summary{display:none}.docs_disclosure[open] .docs_nav{padding-top:0}.docs_sidebar_inner{top:calc(var(--nav-height) + var(--space-5));max-height:calc(100svh - var(--nav-height) - var(--space-6));padding-right:var(--space-2);position:sticky;overflow-y:auto}}@media (width>=80rem){.docs{grid-template-columns:15rem minmax(0,1fr) 13rem}.docs_toc{display:block}.docs_toc_inner{top:calc(var(--nav-height) + var(--space-5));max-height:calc(100svh - var(--nav-height) - var(--space-6));position:sticky;overflow-y:auto}}}
