svg[data-astro-cid-pvcs37sp]{--icon-line-color: var(--black-8)}.sidebar[data-astro-cid-6izxmr7m]{--border: 1px solid var(--black-3);grid-area:sidebar;background:var(--color-zinc-50);display:grid;grid-template-rows:subgrid;border-right:var(--border);.company{display:flex;align-items:center;flex-direction:row;padding-inline:12px;border-bottom:var(--border);.logo{background:var(--black-9);width:24px;height:24px;display:flex;justify-content:center;align-items:center;padding:6px;border-radius:8px;margin-right:6px;img{height:100%}}.name{font-size:16px;font-variation-settings:"wght" 450;flex:1}}}.menu[data-astro-cid-6izxmr7m]{display:flex;flex-direction:column;padding-block:12px;padding-inline:12px;gap:20px;section{h4{font-size:11px;color:var(--black-6);margin-bottom:4px}}section.full{flex:1}.item{margin-top:4px;display:flex;align-items:center;gap:6px;svg{font-size:16px}.label{font-size:14px}}.item.quick{margin-top:0;width:calc(100% + 10px);border:1px solid var(--black-2);border-radius:6px;padding-inline:5px;padding-block:1px;box-shadow:0 1px 1px 0 var(--shadow-color);background:var(--color-zinc-50);transform:translate(-5px);margin-bottom:8px}.item.active{background:var(--black-2);border-radius:4px;outline:2px solid var(--black-2)}}.wrapper[data-astro-cid-cj7fwjfh]{aspect-ratio:16 / 10;position:relative}.container[data-astro-cid-cj7fwjfh]{--shadow-color: color-mix(in oklch, var(--black-5), transparent 90%);--border: 1px solid var(--black-3);aspect-ratio:16 / 10;background:var(--white);border:1px solid var(--black-3);border-radius:4px;box-shadow:0 0 0 4px var(--shadow-color);display:grid;grid-template-columns:220px 1fr;grid-template-rows:48px 1fr;grid-template-areas:"sidebar topbar" "sidebar main";overflow:hidden;color:var(--black);font-size:15px;pointer-events:none;user-select:none;transform-origin:top left;transform:scale(.5);position:absolute;width:200%;@media (min-width: 36rem){transform:scale(.66);width:150%}@media (min-width: 48rem){grid-template-columns:220px 1fr 220px;grid-template-areas:"sidebar topbar user" "sidebar main inspector";transform:scale(.75);width:133.3%}@media (min-width: 60rem){display:grid;transform:scale(1);width:100%}}.topbar[data-astro-cid-cj7fwjfh]{grid-area:topbar;background:var(--white);border-bottom:var(--border);display:grid;place-content:center;font-size:14px}.user[data-astro-cid-cj7fwjfh]{display:none;background:var(--white);border-bottom:var(--border);justify-content:flex-end;align-items:center;padding-inline:12px;@media (min-width: 48rem){grid-area:user;display:flex}div{background:var(--yellow);width:24px;height:24px;border-radius:99px;display:flex;justify-content:center;align-items:center;font-size:12px;color:#fff;outline:1px solid var(--yellow);outline-offset:1px}}.main[data-astro-cid-cj7fwjfh]{grid-area:main;background:var(--white);background-size:2%;position:relative}.toolbar[data-astro-cid-cj7fwjfh]{position:absolute;bottom:64px;left:calc(50% - 100px);display:inline-flex;padding:5px;border-radius:6px;border:1px solid var(--black-3);background:#fff;gap:10px;text-align:center;.item{color:var(--black-5);line-height:1;border-radius:2px;padding:3px;min-width:36px;div{font-size:11px}}}.inspector[data-astro-cid-cj7fwjfh]{display:none;grid-area:inspector;background:var(--white);padding:12px;border-left:var(--border);flex-direction:column;gap:16px;@media (min-width: 48rem){display:flex}}.tagline[data-astro-cid-eteggl6p]{max-width:48rem;margin:0 auto;padding-inline:1rem}h1[data-astro-cid-eteggl6p]{color:var(--black);font-size:var(--font-size-xl);letter-spacing:-.025em;font-variation-settings:"wght" 450;margin-top:.5rem;margin-bottom:1rem;text-wrap:balance}h2[data-astro-cid-eteggl6p]{color:var(--black-6);font-size:var(--font-size-base);line-height:1.5em;font-variation-settings:"wght" 300;text-wrap:balance;margin-bottom:2rem;strong{color:var(--black-8);font-variation-settings:"wght" 450}}.cta[data-astro-cid-eteggl6p]{display:inline-block;margin-top:1em;& a[data-astro-cid-eteggl6p]{text-decoration:none;background:var(--accent);padding-inline:1rem;padding-block:.75rem;color:var(--white);border-radius:99px}}.cta[data-astro-cid-eteggl6p] .disclaimer[data-astro-cid-eteggl6p]{display:block;margin-top:2rem;margin-bottom:2rem;color:var(--black-6);font-size:var(--font-size-sm);font-variation-settings:"wght" 300}section[data-astro-cid-saoxddw6]{grid-column:start / end;display:grid;grid-template-columns:subgrid;padding-top:2rem;padding-bottom:2rem;color:var(--white);position:relative;overflow:hidden}section[data-astro-cid-saoxddw6]:before{content:"";position:absolute;inset:0;overflow:hidden;background-image:var(--diagonal);z-index:-3}section[data-astro-cid-saoxddw6]:after{content:"";position:absolute;inset:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='filmGrain'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3CfeComponentTransfer%3E%3CfeFuncR type='linear' slope='0.3'/%3E%3CfeFuncG type='linear' slope='0.3'/%3E%3CfeFuncB type='linear' slope='0.3'/%3E%3C/feComponentTransfer%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23filmGrain)'/%3E%3C/svg%3E");background-size:200px;opacity:.2;z-index:-2;pointer-events:none;mix-blend-mode:hard-light}section[data-astro-cid-saoxddw6]>.fade[data-astro-cid-saoxddw6]{content:"";position:absolute;inset:0;background:linear-gradient(to bottom,var(--white) 0%,var(--white) 20%,transparent);z-index:-1;pointer-events:none}.container[data-astro-cid-saoxddw6]{grid-column:left / right;position:relative;z-index:1}aside[data-astro-cid-puafmx7q]{background:var(--white);padding:1rem;h4{font-size:var(--font-size-md);font-weight:400;line-height:1.25;margin-bottom:1rem}@media (min-width: 48rem){padding:2rem}p{font-size:var(--font-size-base);line-height:1.5;color:var(--black-7);text-wrap:pretty}}.video[data-astro-cid-ybhw7whf]{aspect-ratio:16 / 9;border-top:var(--border);border-right:var(--border)}div[data-astro-cid-3xifq4up]{--border-color: var(--black-3);padding-top:3rem;padding-bottom:1rem;padding-inline:1rem;border-bottom:1px dashed var(--border-color);font-size:var(--font-size-sm);text-transform:uppercase;font-family:var(--font-mono);font-variation-settings:"wght" 350;color:var(--black-6);grid-column:left / right;@media (min-width: 48rem){padding-top:6rem}}.light[data-astro-cid-3xifq4up]{--border-color: var(--black-5);color:var(--black-2)}section[data-astro-cid-ekedkjzr]{--border: 1px solid var(--black-3);grid-column:start / end;display:grid;grid-template-columns:subgrid;background:var(--white)}.container[data-astro-cid-ekedkjzr]{grid-column:left / right;border-inline:var(--border)}.bottom[data-astro-cid-ekedkjzr]{padding-top:3rem;border-top:1px dashed var(--black-3)}.tagline[data-astro-cid-ekedkjzr]{padding-block:1rem;padding-inline:1rem;h3{line-height:1.25;font-size:var(--font-size-lg);color:var(--black-5);strong{color:var(--black);font-variation-settings:"wght" 400}}}.features-grid[data-astro-cid-ekedkjzr]{display:grid;grid-template-columns:1fr}@media (min-width: 48rem){.bottom[data-astro-cid-ekedkjzr]{padding-top:6rem}.tagline[data-astro-cid-ekedkjzr]{padding-block:2rem;padding-inline:2rem}.features-grid[data-astro-cid-ekedkjzr]{grid-template-columns:1fr 1.618fr;grid-auto-flow:row dense}.features-grid[data-astro-cid-ekedkjzr]>:nth-child(1){border-right:var(--border);border-top:var(--border)}.features-grid[data-astro-cid-ekedkjzr].reverse>:nth-child(1){border-right:none;border-top:var(--border);grid-column:2}.features-grid[data-astro-cid-ekedkjzr].reverse>:nth-child(2){border-right:var(--border);border-top:var(--border);grid-column:1}.features-grid[data-astro-cid-ekedkjzr].reverse{grid-template-columns:1.618fr 1fr}}@media (min-width: 60rem){.tagline[data-astro-cid-ekedkjzr]{padding-block:5rem;padding-inline:6rem}.features-grid[data-astro-cid-ekedkjzr]{grid-template-columns:6rem 1fr 1.618fr 6rem}.features-grid[data-astro-cid-ekedkjzr]>:nth-child(1){border-right:var(--border);border-top:var(--border)}.features-grid[data-astro-cid-ekedkjzr].reverse:before{grid-column:1}.features-grid[data-astro-cid-ekedkjzr].reverse>:nth-child(1){grid-column:3}.features-grid[data-astro-cid-ekedkjzr].reverse>:nth-child(2){border-right:var(--border);border-top:var(--border);grid-column:2}.features-grid[data-astro-cid-ekedkjzr].reverse:after{grid-column:4}.features-grid[data-astro-cid-ekedkjzr].reverse{grid-template-columns:6rem 1.618fr 1fr 6rem}.features-grid[data-astro-cid-ekedkjzr]:before,.features-grid[data-astro-cid-ekedkjzr]:after{content:"";background-color:var(--white);background-image:var(--diagonal);border-top:1px dashed var(--black-3)}.features-grid[data-astro-cid-ekedkjzr]:before{border-right:var(--border)}.features-grid[data-astro-cid-ekedkjzr]:after{border-left:var(--border)}}section[data-astro-cid-r7od3g5v]{--border: 1px solid var(--black-3);--icon-line-width: 4px;--icon-outline-width: calc(var(--icon-line-width) * 2);--icon-background-color: var(--white);--icon-fill-2-color: var(--black-4);--icon-fill-1-color: var(--black-3);--icon-line-color: var(--black-6);display:grid;grid-column:start / end;grid-template-columns:subgrid;position:relative}.container[data-astro-cid-r7od3g5v]{grid-column:left / right}.content[data-astro-cid-r7od3g5v]{position:absolute;display:grid;grid-template-columns:subgrid;height:100%;width:100%;top:0;left:0;z-index:10;pointer-events:none}.overlay[data-astro-cid-r7od3g5v]{position:sticky;top:56px;width:100%;height:calc(100vh - 56px);z-index:100;pointer-events:auto;display:flex;flex-direction:column;justify-content:space-between}.backdrop[data-astro-cid-r7od3g5v]{grid-column:start / end;background:#fff;display:grid;grid-template-columns:[start] 10px [left] auto [right] 10px [end];@media (min-width: 48rem){grid-template-columns:[start] 10px [left] 1fr [center] 1fr [right] 10px [end]}@media (min-width: 80rem){grid-template-columns:[start] minmax(10px,auto) [left] calc(40rem - 10px) [center] calc(40rem - 10px) [right] minmax(10px,auto) [end]}.top,.main,.bottom{grid-column:left / right;border-inline:var(--border)}.main{padding-block:1rem;padding-inline:1rem;text-wrap:pretty;border-bottom:var(--border);h3{line-height:1.25;font-size:var(--font-size-lg);color:var(--black-5);strong{color:var(--black);font-variation-settings:"wght" 400}}}@media (min-width: 48rem){.main{padding-block:2rem;padding-inline:2rem}}@media (min-width: 60rem){.main{padding-block:5rem;padding-inline:6rem}}.bottom{padding-block:1.5rem;display:flex;justify-content:space-between;border-block:var(--border);>div{flex:1;text-align:center;text-transform:uppercase;font-family:var(--font-mono);font-variation-settings:"wght" 350;color:var(--black-6);@media (max-width: 32rem){font-size:var(--font-size-sm);flex:0}}}}@keyframes adjust-position{0%{transform:translateY(calc(-100% + 100vh))}to{transform:translateY(calc(100% - 100vh))}}.columns[data-astro-cid-r7od3g5v]{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;overflow-y:hidden;position:relative;z-index:1;padding-inline:1rem;border-inline:var(--border);background:var(--color-zinc-50)}.column-reverse[data-astro-cid-r7od3g5v]{transform:translateY(145px)}.column[data-astro-cid-r7od3g5v]:nth-child(n+3){display:none}.columns[data-astro-cid-r7od3g5v]:before,.columns[data-astro-cid-r7od3g5v]:after{content:"";position:absolute;width:100%;height:300px;background:var(--diagonal);z-index:-1}.columns[data-astro-cid-r7od3g5v]:before{top:200px;mask-image:linear-gradient(to bottom,white,transparent)}.columns[data-astro-cid-r7od3g5v]:after{bottom:0;mask-image:linear-gradient(to top,white,transparent)}@media (min-width: 48rem){.columns[data-astro-cid-r7od3g5v]{grid-template-columns:repeat(3,1fr)}.column[data-astro-cid-r7od3g5v]:nth-child(n+3){display:block}.column[data-astro-cid-r7od3g5v]:nth-child(n+4){display:none}.column-reverse[data-astro-cid-r7od3g5v]{transform:translateY(170px)}.columns[data-astro-cid-r7od3g5v]:before{top:270px}}@media (min-width: 80rem){.columns[data-astro-cid-r7od3g5v]{grid-template-columns:repeat(5,1fr)}.column[data-astro-cid-r7od3g5v]:nth-child(n+4){display:block}.column-reverse[data-astro-cid-r7od3g5v]{transform:translateY(120px)}}.square[data-astro-cid-r7od3g5v]{aspect-ratio:1 / 1;border:1px dashed var(--black-4);padding:1rem;margin-block:1rem;@media (min-width: 48rem){padding:2rem}}a[data-astro-cid-mo2e6nro]{background:transparent;width:100%;color:var(--accent);padding-block:.25rem;border:none;font-size:var(--font-size-base);cursor:pointer;transition:all .15s ease-in-out;font-family:var(--font-mono);font-variation-settings:"wght" 450;letter-spacing:-.05em}span[data-astro-cid-mo2e6nro]{user-select:none}a[data-astro-cid-mo2e6nro]:hover{background-color:var(--accent);color:var(--white)}a[data-astro-cid-mo2e6nro]:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-transparent)}section[data-astro-cid-c7edmhxs]{--border: 1px solid var(--black-3);grid-column:start / end;display:grid;background:var(--color-zinc-50);grid-template-columns:subgrid;grid-template-rows:3rem 1fr 3rem;grid-template-areas:"tl t tr" "ml c mr" "bl b br";@media (min-width: 48rem){grid-template-areas:"tl t t tr" "ml c c mr" "bl b b br"}}section[data-astro-cid-c7edmhxs]:before,section[data-astro-cid-c7edmhxs]:after{content:"";border-block:var(--border);background:var(--color-zinc-50)}section[data-astro-cid-c7edmhxs]:before{grid-area:ml}section[data-astro-cid-c7edmhxs]:after{grid-area:mr}.top[data-astro-cid-c7edmhxs]{grid-area:t;border-inline:var(--border)}.bottom[data-astro-cid-c7edmhxs]{grid-area:b;border-inline:var(--border)}h3[data-astro-cid-c7edmhxs]{display:block;margin-bottom:24px}.container[data-astro-cid-c7edmhxs]{width:100%;grid-area:c;display:grid;grid-template-columns:1fr;border-block:var(--border);background:var(--color-zinc-50);border-inline:var(--border);>div[data-astro-cid-c7edmhxs]{padding-block:2rem;padding-inline:1rem}>aside[data-astro-cid-c7edmhxs]{display:none}@media (min-width: 48rem){grid-template-columns:1fr 1fr;>div[data-astro-cid-c7edmhxs]{border-right:var(--border);padding-block:4rem;padding-left:6rem}>aside[data-astro-cid-c7edmhxs]{display:block;padding-block:2.5rem;background-image:url(/construction.svg);background-size:32px;mask-image:linear-gradient(to right,white 0%,transparent 80%)}}}section[data-astro-cid-ewn3ylzv]{padding-block:2rem;grid-column:left / right;border-inline:1px solid var(--black-3);@media (min-width: 48rem){padding-block:4rem}}.grid[data-astro-cid-ewn3ylzv]{border-block:1px solid var(--black-3);margin-top:2rem}article[data-astro-cid-ewn3ylzv]{display:grid;grid-template-columns:1fr;color:var(--black-7);margin-block:1.5rem;h3{font-size:var(--font-size-base);line-height:1.25;font-variation-settings:"wght" 450;padding-inline:1rem;margin-bottom:.5rem}p{font-size:var(--font-size-base);line-height:1.5;font-variation-settings:"wght" 350;padding-inline:1rem}@media (min-width: 48rem){grid-template-columns:.618fr 1fr 1.618fr .618fr;margin-block:0;&:before,&:after{content:"";background-image:var(--diagonal)}&:not(:last-child):before,&:not(:last-child):after{border-bottom:1px dashed var(--black-3)}&:before{border-right:1px dashed var(--black-3)}&:after{border-left:1px dashed var(--black-3)}&:not(:last-child)>*{border-bottom:1px solid var(--black-3)}p{padding:1rem}h3{padding:1rem;margin-bottom:0;border-right:1px solid var(--black-3)}}}section[data-astro-cid-iez7r2nq]{grid-column:start / end;display:grid;grid-template-columns:subgrid;background:var(--white);text-align:center;text-wrap:balance;border-block:1px solid var(--black-3)}.container[data-astro-cid-iez7r2nq]{margin:0;padding-block:4rem;padding-inline:2rem;background:var(--white);border-inline:1px solid var(--black-3);grid-column:left / right;@media (min-width: 60rem){padding-top:6rem;padding-bottom:4rem;padding-inline:4rem}}h3[data-astro-cid-iez7r2nq]{display:inline;line-height:1.2;font-size:var(--font-size-lg);@media (min-width: 60rem){font-size:var(--font-size-xl)}}cite[data-astro-cid-iez7r2nq]{display:block;margin-top:3rem;font-style:normal;font-variation-settings:"wght" 500;color:var(--black-6)}span[data-astro-cid-iez7r2nq]{display:block;color:var(--black-5);text-wrap:pretty;font-size:var(--font-size-sm)}h3[data-astro-cid-iez7r2nq]:focus-visible{outline-style:none}@keyframes fill{to{background-position-x:100%,0}}@supports (animation-timeline: view()){h3[data-astro-cid-iez7r2nq]{color:transparent;background-clip:text;animation:fill both linear;animation-timeline:view(block 33%);background-image:linear-gradient(90deg,var(--black) 0 0),linear-gradient(90deg,color-mix(in hsl,var(--black),transparent 75%) 0 0);background-size:200% 1lh,100% 100%;background-repeat:no-repeat,repeat;background-position-x:200%;background-position-y:100%}}.main[data-astro-cid-jivjf6eg]{aspect-ratio:1 / 1;display:grid;grid-template-columns:24px 1fr;grid-template-rows:24px 1fr;border-top:var(--border);border-right:var(--border)}.main[data-astro-cid-jivjf6eg]:before{content:""}.canvas[data-astro-cid-jivjf6eg]{--border-canvas: 1px solid var(--black-4);border-top:var(--border-canvas);border-left:var(--border-canvas);position:relative;background-image:url(/grid.svg);background-size:5%;line-height:0}.main[data-astro-cid-jivjf6eg].dark .canvas[data-astro-cid-jivjf6eg]{--border-canvas: 1px solid var(--black-6);background-image:url(/grid-dark.svg)}.marks[data-astro-cid-jivjf6eg]{font-size:var(--font-size-xs);align-items:center;display:grid;gap:1px}.marks[data-astro-cid-jivjf6eg].horizontal{border-left:var(--border-canvas);font-size:var(--font-size-xs)}.marks[data-astro-cid-jivjf6eg].vertical{border-top:var(--border-canvas);grid-template-rows:12.5% 1fr 1fr 1fr 12.5%}.main[data-astro-cid-jivjf6eg].dark .marks[data-astro-cid-jivjf6eg].horizontal{border-left:1px solid var(--black-6)}.marks[data-astro-cid-jivjf6eg].vertical:before,.marks[data-astro-cid-jivjf6eg].vertical:after{content:"";position:relative;display:block;width:100%;height:100%}.marks[data-astro-cid-jivjf6eg]>span[data-astro-cid-jivjf6eg]{font-variant-ligatures:contextual;display:block;text-align:center;line-height:1.5rem;color:var(--black)}.marks[data-astro-cid-jivjf6eg].vertical>span[data-astro-cid-jivjf6eg]{font-feature-settings:"ss02" on,"ss03" on,"ss04" on,"ss05" on;height:100%;width:100%;display:block;writing-mode:vertical-rl;writing-mode:sideways-lr;text-align:center;vertical-align:middle}.main[data-astro-cid-jivjf6eg].dark .marks[data-astro-cid-jivjf6eg]>span[data-astro-cid-jivjf6eg]{color:var(--white)}section[data-astro-cid-ju55hep4]{--border-color: var(--black-5);--border: 1px solid var(--border-color);grid-column:start / end;display:grid;grid-template-columns:subgrid;background:var(--black-10)}.container[data-astro-cid-ju55hep4]{grid-column:left / right;border-inline:var(--border)}.bottom[data-astro-cid-ju55hep4]{padding-top:3rem;border-top:1px dashed var(--border-color)}.tagline[data-astro-cid-ju55hep4]{padding-block:1rem;padding-inline:1rem;h3{line-height:1.25;font-size:var(--font-size-lg);color:var(--black-4);strong{color:var(--white);font-variation-settings:"wght" 400}}}.examples-grid[data-astro-cid-ju55hep4]{display:grid;grid-template-columns:1fr}@media (min-width: 48rem){.bottom[data-astro-cid-ju55hep4]{padding-top:6rem}.tagline[data-astro-cid-ju55hep4]{padding-block:2rem;padding-inline:2rem}.examples-grid[data-astro-cid-ju55hep4]{grid-template-columns:1fr 1fr}}@media (min-width: 60rem){.tagline[data-astro-cid-ju55hep4]{padding-block:5rem;padding-inline:6rem}}