@font-face{font-family:Inter;src:url(/fonts/Inter.woff2)format("woff2");font-style:normal;font-weight:100 900;font-display:swap}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--color-background:#fff;--color-surface:#fff;--color-text:#1d1d1f;--color-divider:#1d1d1f73;--color-card:#f2f0eb;--color-scene:#e9e7e2;--space-10:10px;--space-30:30px;--space-60:60px;--space-120:120px;--header-padding:40px;--section-padding-bottom:160px;--page-gutter:clamp(15px, 1.75vw, var(--space-30));--card-padding:clamp(25px, 2vw, 35px);--layout-columns:6;--sticky-clearance:calc(25px + (2 * var(--header-padding)));letter-spacing:0;color:var(--color-text);background:var(--color-background);font-synthesis:none;font-family:Inter,sans-serif;font-size:20px;font-weight:400;line-height:25px}*{box-sizing:border-box}html{scroll-behavior:smooth;min-width:320px;scroll-padding-top:var(--sticky-clearance);background:var(--color-background)}body{background:var(--color-background);margin:0}.divider{border:0;border-top:.5px solid var(--color-divider);width:100%;height:0;margin:0}.header{z-index:10;grid-template-columns:repeat(var(--layout-columns), minmax(0, 1fr));align-items:center;column-gap:var(--space-30);row-gap:var(--header-padding);padding:var(--header-padding) var(--page-gutter) 0;background:var(--color-background);grid-template-rows:max-content;display:grid;position:sticky;top:0}.header .divider{grid-area:2/1/auto/-1}.site-name{white-space:nowrap;grid-area:1/1/auto/span 2;line-height:1}.site-links{grid-area:1/6;justify-content:flex-end;gap:18px;display:flex}.site-links a{color:inherit;text-decoration:none;display:inline-flex}.page{padding:0 var(--page-gutter)}.page section{grid-template-columns:repeat(var(--layout-columns), minmax(0, 1fr));column-gap:var(--space-30);padding:var(--space-30) 0 var(--section-padding-bottom);display:grid}.page section:first-child{padding-top:var(--space-60)}.page h2{font-size:inherit;font-weight:inherit;grid-column:1;margin:0}.body{grid-column:2/-1}.body>*{margin:0 0 var(--space-60)}.body>:last-child{margin-bottom:0}.page p{max-width:62ch}.page section>.card{gap:var(--space-30);padding:var(--card-padding);background:var(--color-card);flex-direction:column;grid-column:2/5;display:flex}.code-block{overflow:hidden}.code-block-head{border-bottom:.5px solid var(--color-divider);padding:12px 16px 10px;font-size:14px}.code-block pre{margin:0;padding:14px 16px;overflow-x:auto}.code-block pre,.code-block code{font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:14px}.demo{margin:0}.demo-scene{aspect-ratio:16/10;background:var(--color-scene);border-radius:4px;position:relative;overflow:hidden}.demo-credit{bottom:var(--space-30);left:var(--space-30);color:inherit;text-decoration-line:underline;position:absolute}.demo-examples{top:var(--space-30);left:var(--space-30);flex-direction:column;align-items:flex-start;display:flex;position:absolute}.demo-examples-title{margin:0 0 1lh}.demo-tab{color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;align-items:center;gap:8px;padding:0;display:inline-flex}.demo-tab:hover:not([data-active]){opacity:.55}.demo-tab[data-active]{cursor:default}.demo-tab[data-active] .demo-tab-name{text-decoration-line:underline}.demo-empty{place-content:center;gap:var(--space-10);display:grid;position:absolute;inset:0}.demo-status{text-align:center;margin:0}.footer{grid-template-columns:repeat(var(--layout-columns), minmax(0, 1fr));column-gap:var(--space-30);padding:0 var(--page-gutter) var(--space-60);display:grid}.footer .divider{margin-bottom:var(--space-30);grid-column:1/-1}.footer-copyright{white-space:nowrap;font:inherit;grid-column:5/-1;justify-self:end}@media (width<=720px){.page section{row-gap:var(--space-10);grid-template-columns:minmax(0,1fr)}.page h2,.body,.page section>.card{grid-column:1/-1}.page p{max-width:none}}