[data-select-viewport],[data-combobox-viewport]{scrollbar-width:none!important;-ms-overflow-style:none!important;-webkit-overflow-scrolling:touch!important}[data-combobox-viewport]::-webkit-scrollbar{display:none!important}[data-select-viewport]::-webkit-scrollbar{display:none!important}.banner.svelte-1y21oya{margin:0 0 3rem}.intro.svelte-1y21oya{text-wrap:pretty;max-inline-size:72ch;margin-block-start:1.25rem;margin-inline:auto;& p:where(.svelte-1y21oya){margin:0}& p:where(.svelte-1y21oya)+p:where(.svelte-1y21oya){margin-block-start:.5rem}}.mark.svelte-1y21oya .logo{max-inline-size:30rem;margin-inline:auto;@media (width<640px){max-inline-size:20rem}}.headline.svelte-1y21oya{max-inline-size:60ch;color:var(--color-text);font-family:var(--font-display);font-synthesis:none;font-variant-ligatures:normal;font-feature-settings:normal;text-align:center;text-wrap:balance;margin-block-start:1.25rem;margin-inline:auto;font-size:clamp(1.7rem,5vw,2.1rem);font-weight:400;line-height:1.15;display:block;@media (width<640px){margin-block-start:.75rem}}.demo.svelte-1uha8ag{margin-block-end:4rem}.from.svelte-1uha8ag h2:where(.svelte-1uha8ag){margin-block-end:1.5rem}.from-name{background:var(--color-brand);color:light-dark(#fff,#262626);font:inherit;font-feature-settings:inherit;cursor:pointer;border:none;border-radius:0;align-items:center;gap:.3em;padding:.2em .3em;transition:background .15s;display:inline-flex;&:hover{background:light-dark(var(--color-link-hover),color-mix(in oklab, var(--color-brand) 85%, var(--color-text)))}@media (forced-colors:active){border:1px solid buttontext}& svg.svelte-1uha8ag{inline-size:.45em;transition:rotate .15s}&[data-state=open] svg{rotate:180deg}}html.no-js .from-name{display:none}.from-options{min-inline-size:var(--bits-select-anchor-width);background:var(--color-code-bg);border:1px solid var(--color-border);font-family:var(--font-mono);z-index:102}.from-option{color:var(--color-text);cursor:pointer;padding:.625rem .75rem;&[data-highlighted]{background:var(--color-bg);outline:1px solid var(--color-text);outline-offset:-1px}&[data-selected]{color:var(--color-highlight);box-shadow:inset 2px 0 0 var(--color-highlight)}}.shell:has(.demo){max-inline-size:min(110ch,100%)}.columns.svelte-1uha8ag{--pane-min-height:0;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:stretch;gap:.5rem;display:grid}.becomes.svelte-1uha8ag{block-size:auto;inline-size:1.25rem;fill:var(--color-brand);align-self:center;transform:scaleX(-1)}@media (width<=980px){.columns.svelte-1uha8ag{grid-template-columns:minmax(0,1fr)}.becomes.svelte-1uha8ag{justify-self:center;transform:rotate(-90deg)}}.source.svelte-1uha8ag{white-space:pre-wrap;overflow-wrap:break-word;overflow:visible}.from.svelte-1uha8ag td:where(.svelte-1uha8ag){padding-block:.6rem}.from.svelte-1uha8ag tr:where(.svelte-1uha8ag):has(>td:where(.svelte-1uha8ag))+tr:where(.svelte-1uha8ag):has(>td:where(.svelte-1uha8ag)){border-block-start:1px solid var(--color-border)}.from-table.svelte-1uha8ag>table:where(.svelte-1uha8ag)>tbody:where(.svelte-1uha8ag)>tr:where(.svelte-1uha8ag):first-child{background:var(--color-code-bg);&>th:where(.svelte-1uha8ag){color:var(--color-text);padding-block:.6rem}}.from-table.svelte-1uha8ag>table:where(.svelte-1uha8ag)>tbody:where(.svelte-1uha8ag)>tr:where(.svelte-1uha8ag){&>:where(.svelte-1uha8ag):first-child{padding-inline-start:.75rem}&>:where(.svelte-1uha8ag):last-child{padding-inline-end:.75rem}}@media (width>820px){.from.svelte-1uha8ag :where(.svelte-1uha8ag):is(th:where(.svelte-1uha8ag),td:where(.svelte-1uha8ag)):not(:last-child){inline-size:35%}}.from-result.svelte-1uha8ag>*{margin-block:0}.from-result.svelte-1uha8ag>*+*{margin-block-start:.5rem}.from-result.svelte-1uha8ag .demo-heading{margin-block:0;font-size:1.55rem}.from-result.svelte-1uha8ag img{inline-size:2rem;display:block}.from-result.svelte-1uha8ag pre{padding:.5rem .75rem}.from.svelte-1uha8ag code:where(.svelte-1uha8ag){white-space:pre;background:0 0;border:none;padding:0;line-height:1.6;display:block}.from.svelte-1uha8ag td:where(.svelte-1uha8ag):first-child code:where(.svelte-1uha8ag){color:var(--color-muted)}html:not(.no-js) .inactive.svelte-1uha8ag{display:none}html.no-js .from-table.svelte-1uha8ag+.from-table:where(.svelte-1uha8ag){margin-block-start:2rem}@media print{html:not(.no-js) .inactive.svelte-1uha8ag{display:revert}.from-name{display:none}.from-table.svelte-1uha8ag+.from-table:where(.svelte-1uha8ag){margin-block-start:2rem}}@media (width<=640px){.source.svelte-1uha8ag{font-size:.85em}}@media (width<=820px){.from.svelte-1uha8ag tbody:where(.svelte-1uha8ag){display:block}.from.svelte-1uha8ag tr:where(.svelte-1uha8ag){grid-template-columns:repeat(2,minmax(0,1fr));column-gap:2ch;padding-block:.6rem;display:grid}.from.svelte-1uha8ag :is(th:where(.svelte-1uha8ag),td:where(.svelte-1uha8ag)){inline-size:auto;padding:0}.from.svelte-1uha8ag th:where(.svelte-1uha8ag):nth-child(3){grid-column:1/-1;margin-block-start:.6rem}.from-table.svelte-1uha8ag>table:where(.svelte-1uha8ag)>tbody:where(.svelte-1uha8ag)>tr:where(.svelte-1uha8ag){padding-inline:.75rem;&>:where(.svelte-1uha8ag):first-child,&>:where(.svelte-1uha8ag):last-child{padding-inline:0}}.from-table.svelte-1uha8ag>table:where(.svelte-1uha8ag)>tbody:where(.svelte-1uha8ag)>tr:where(.svelte-1uha8ag):first-child>th:where(.svelte-1uha8ag){padding-block:0}.from.svelte-1uha8ag code:where(.svelte-1uha8ag){white-space:pre-wrap;overflow-wrap:anywhere}.from-result.svelte-1uha8ag{grid-column:1/-1;margin-block-start:.6rem}}.onward.svelte-1uha8ag{margin-block-start:1rem}