@layer et-reset{:root{--docs-bar:48px;--docs-side:256px}body{background:var(--et-canvas);color:var(--et-text);font-family:var(--et-font-sans);font-size:var(--et-text-body);line-height:var(--et-leading-body);font-synthesis:none;-webkit-font-smoothing:antialiased;margin:0}.frame{grid-template-columns:var(--docs-bar) var(--docs-side) minmax(0, 1fr) var(--docs-bar);grid-template-rows:var(--docs-bar) 1fr;min-block-size:100dvh;display:grid}.bar{z-index:1;grid-column:1/-1;grid-template-columns:subgrid;border-block-end:1px solid var(--et-line);background:var(--et-canvas);align-items:center;display:grid;position:sticky;inset-block-start:0}.mark{block-size:var(--docs-bar);color:var(--et-text);place-items:center;display:grid;&>svg{block-size:20px;inline-size:20px}&:is(button){font:inherit;cursor:pointer;background:0 0;border:0;padding:0}&:first-child{border-inline-end:1px solid var(--et-line)}&:not(:first-child){border-inline-start:1px solid var(--et-line)}&:hover{background:var(--et-tint)}}.menu{display:none}[id]{scroll-margin-block-start:calc(var(--docs-bar) + var(--et-space-6))}.name{padding-inline:var(--et-space-3);color:var(--et-text);font-weight:var(--et-weight-strong);text-decoration:none}.package{padding-inline:var(--et-space-4);color:var(--et-text-subtle);font-size:var(--et-text-body-sm);justify-self:end}.rail{&:first-of-type{border-inline-end:1px solid var(--et-line)}&:last-of-type{border-inline-start:1px solid var(--et-line)}}.side{align-content:start;align-self:start;gap:var(--et-space-3);block-size:auto;inline-size:auto;max-block-size:calc(100dvh - var(--docs-bar));box-sizing:border-box;padding:var(--et-space-3);border:0;border-inline-end:1px solid var(--et-line);color:inherit;background:0 0;margin:0;display:grid;position:sticky;inset:auto;inset-block-start:var(--docs-bar);overflow-y:auto;& nav{flex-direction:column;gap:2px;display:flex}& nav a{padding:var(--et-space-1-5) var(--et-space-2);border-radius:var(--et-control-radius);color:var(--et-text-subtle);text-decoration:none;&:hover{background:var(--et-tint);color:var(--et-text)}&[aria-current=page]{background:var(--et-recessed);color:var(--et-text);font-weight:var(--et-weight-strong)}}}.side-empty{padding-inline:var(--et-space-2);color:var(--et-text-subtle);margin:0}.side-label{margin:var(--et-space-4) 0 var(--et-space-1);padding-inline:var(--et-space-2);color:var(--et-text);font-weight:var(--et-weight-strong)}.page{min-inline-size:0}.tiles{border-block-end:1px solid var(--et-line);background:var(--et-line);grid-template-columns:repeat(auto-fill,minmax(min(100%,20rem),1fr));gap:1px;display:grid}.tile{aspect-ratio:1;background:var(--et-canvas);grid-template-rows:auto 1fr;min-inline-size:0;display:grid;position:relative;&>a{padding:var(--et-space-4);color:var(--et-text-subtle);justify-self:start;text-decoration:none;&:after{content:"";position:absolute;inset:0}}&:hover>a{color:var(--et-text);text-decoration:underline}}.tile-demo{min-inline-size:0;padding:0 var(--et-space-6) var(--et-space-10);place-items:center;display:grid;& astro-island>*{position:relative}}.doc-head{justify-content:space-between;align-items:flex-start;gap:var(--et-space-4);padding:var(--et-space-12) var(--et-space-12) var(--et-space-10);border-block-end:1px solid var(--et-line);flex-wrap:wrap;display:flex;& h1{font-size:var(--et-text-display);line-height:var(--et-leading-display);font-weight:var(--et-weight-strong);margin:0}& p{max-inline-size:40rem;margin:var(--et-space-2) 0 0;color:var(--et-text-subtle);text-wrap:pretty}}.doc-body{justify-content:space-between;gap:var(--et-space-12);padding:var(--et-space-12);grid-template-columns:minmax(0,46rem) 13rem;display:grid}.doc-main{min-inline-size:0;& h2{margin:var(--et-space-12) 0 var(--et-space-4);font-size:var(--et-text-heading);line-height:var(--et-leading-heading);font-weight:var(--et-weight-strong)}& h3{margin:var(--et-space-8) 0 var(--et-space-2);font-size:var(--et-text-heading-sm);line-height:var(--et-leading-heading-sm);font-weight:var(--et-weight-strong)}& h3+p{margin:0 0 var(--et-space-3);color:var(--et-text-subtle)}& h3+.example{margin-block-start:var(--et-space-3)}}:not(pre)>code{padding:0 var(--et-space-1);border-radius:var(--et-item-radius);background:var(--et-recessed);font-family:var(--et-font-sans);font-size:inherit}.example{border-radius:var(--et-card-radius);background:var(--et-surface);box-shadow:0 0 0 1px var(--et-line);overflow:hidden}.example-demo{align-content:center;justify-items:center;gap:var(--et-space-3);min-block-size:8rem;padding:var(--et-space-10) var(--et-space-6);display:grid;&>*{max-inline-size:100%}}.code{background:var(--et-canvas);position:relative;.example>&{border-block-start:1px solid var(--et-line)}&:not(.example>&){border-radius:var(--et-card-radius);box-shadow:0 0 0 1px var(--et-line)}& pre{max-block-size:32rem;padding:var(--et-space-4) var(--et-space-12) var(--et-space-4) var(--et-space-4);font-size:var(--et-text-body-sm);line-height:var(--et-leading-body-sm);margin:0;overflow:auto}& code{font-family:var(--et-font-sans)}}.code-copy{border-radius:var(--et-control-radius);background:var(--et-canvas);display:flex;position:absolute;inset-block-start:var(--et-space-2);inset-inline-end:var(--et-space-2);& :not([data-copied]) .when-copied,& [data-copied] .when-idle{display:none}}.toc{align-self:start;gap:var(--et-space-1);font-size:var(--et-text-body-sm);line-height:var(--et-leading-body-sm);flex-direction:column;display:flex;position:sticky;inset-block-start:calc(var(--docs-bar) + var(--et-space-12));& p{margin:0 0 var(--et-space-2);color:var(--et-text);font-weight:var(--et-weight-strong)}& a{color:var(--et-text-subtle);padding-block:2px;text-decoration:none;&:hover{color:var(--et-text)}}& .toc-sub{padding-inline-start:var(--et-space-3)}}.pager{gap:var(--et-space-4);grid-template-columns:1fr 1fr;margin-block-start:var(--et-space-12);display:grid;& a{gap:var(--et-space-1);padding:var(--et-space-4);border-radius:var(--et-card-radius);box-shadow:0 0 0 1px var(--et-line);color:var(--et-text);text-decoration:none;display:grid;&:hover{background:var(--et-tint)}}& [rel=next]{text-align:end;grid-column:2}& span{color:var(--et-text-subtle);font-size:var(--et-text-body-sm);line-height:var(--et-leading-body-sm)}}.props td:first-child{font-weight:var(--et-weight-strong);white-space:nowrap}.props td:nth-child(2){color:var(--et-text-subtle)}@media (width<75rem){.doc-body{grid-template-columns:minmax(0,1fr)}.toc{display:none}}@media (width<50rem){.frame{grid-template-columns:minmax(0,1fr)}.bar{grid-template-columns:var(--docs-bar) 1fr var(--docs-bar)}.rail,.package,.everything{display:none}.menu{display:grid}.frame:has(.side:popover-open) .menu{background:var(--et-tint)}.side:not(:popover-open){display:none}.side:popover-open{inset:var(--docs-bar) 0 0;border:0;border-block-start:1px solid var(--et-line);background:var(--et-canvas);overscroll-behavior:contain;align-self:stretch;max-block-size:none;position:fixed}.doc-head,.doc-body{padding:var(--et-space-6) var(--et-space-4)}}}@layer et-components;