:root{--red:#f42800;--green:#00af3f;--blue:#056ff7;--yellow:#ffe100;--orange:#ff7600;--orange2:#ff4d00;--pink1:#ff91a9;--neon1:#d1ff00;--neon2:#00f3ff}@supports(color:color(display-p3 1 1 1)){:root{--red:color(display-p3 0.94 0.19 0.04);--green:color(display-p3 0.083 0.75 0.283);--blue:color(display-p3 0.071 0.442 0.945);--yellow:color(display-p3 1 0.87 0.05);--orange:color(display-p3 1 0.5 0.005);--orange2:color(display-p3 1.000000 0.301961 0.000000/1.000000);--pink1:color(display-p3 1 0.64 0.703);--neon1:color(display-p3 0.856 1 0.205);--neon2:color(display-p3 0 1 0.984)}}body{margin:0;background:var(--colors-gray1)}.hidden{display:none}@font-face{font-family:X;font-weight:400;font-display:swap;src:url(/X-Regular.woff2) format("woff2")}@font-face{font-family:X;font-weight:500;font-display:swap;src:url(/X-Medium.woff2) format("woff2")}@font-face{font-family:JetBrains Mono;font-weight:400;font-display:swap;src:url(/JetBrainsMono-Regular.woff2) format("woff2")}h1,h2,h3,h4,h5,h6,p{margin:0}em{font-family:Georgia,serif}a{color:inherit;text-decoration:none;cursor:pointer}i{font-family:Georgia,serif}ul{padding:0;list-style:none}button,ul,ul li{margin:0}button{padding:0;background:transparent;font-family:var(--fonts-body);border:0}.grid{--gap:8px;display:flex;margin-left:calc(var(--gap) * -1);width:auto;padding-right:8px;padding-left:4px}.column{padding-left:var(--gap);background-clip:padding-box}.cursor-resizing-ew *{cursor:ew-resize}.cursor-resizing-ew * *{-webkit-user-select:none;-moz-user-select:none;user-select:none}.cursor-none *{cursor:none}.cursor-none * *{-webkit-user-select:none;-moz-user-select:none;user-select:none}.cursor-moving *{cursor:move}.cursor-moving * *{-webkit-user-select:none;-moz-user-select:none;user-select:none}.cursor-grabbing *{cursor:-webkit-grabbing;cursor:grabbing}.cursor-grabbing * *{-webkit-user-select:none;-moz-user-select:none;user-select:none}.pan-camera a{pointer-events:none}.vh{clip:rect(0 0 0 0);-webkit-clip-path:inset(50%);clip-path:inset(50%);height:1px;overflow:hidden;white-space:nowrap;width:1px}.gridLine,.vh{position:absolute}.gridLine{--color:var(--colors-gray9);--offset:-100px;--height:1px;--width:5px;--fade-stop:90%;width:calc(100% + var(--offset));left:calc(var(--offset) / 2 * -1);height:var(--height);background:linear-gradient(to right,var(--color),var(--color) 50%,transparent 0,transparent);background-size:var(--width) var(--height);-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask:linear-gradient(to left,var(--colors-lowContrast) var(--fade-stop),transparent),linear-gradient(to right,var(--colors-lowContrast) var(--fade-stop),transparent),linear-gradient(#000,#000)}.switchboard .light{width:1px;height:1px;border-radius:9999px;position:relative;transition:transform var(--transition-duration) ease}.switchboard .light:after,.switchboard .light:before{content:"";position:absolute;inset:0;opacity:0;width:inherit;height:inherit;border-radius:inherit;transition:opacity var(--transition-duration) ease}.switchboard .light:after{background:#fff;box-shadow:0 0 1px 1px rgba(50,145,255,.8),0 0 2px 1px rgba(50,145,255,.25)}.switchboard .light:before{background:#3291ff;box-shadow:0 0 2px 1px rgba(50,145,255,.25)}.switchboard .light[data-state=high]:after,.switchboard .light[data-state=medium]:before{opacity:1}.switchboard .light[data-state=off]{background:var(--colors-gray9)}@media(max-width:400px){.switchboard{gap:16px!important}}@keyframes fade{to{opacity:1}}@media(max-width:960px){.grid{opacity:0;animation:fade .25s ease .2s forwards}}.fade{animation:fade .5s ease forwards}.orbitExample{border:1px solid #666;border-radius:50%;width:200px;height:200px;position:relative}.orbitExample[data-radius=asymmetrical]{border-radius:16px 80px 16px 80px}.orbitExample span{display:block;width:24px;height:24px;background:#1e90ff;position:absolute;border-radius:50%;offset-path:path("M 100 0 A 100 100 0 1 1 100 200 A 100 100 0 1 1 100 0");offset-distance:0;animation:animate 5s linear infinite}@keyframes animate{to{offset-distance:100%}}.verticalFade{position:fixed;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:100%;left:0;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);will-change:transform;z-index:1}.verticalFade[data-side=top]{top:0;background:linear-gradient(to top,transparent,var(--colors-gray1));-webkit-mask-image:linear-gradient(to bottom,var(--colors-gray1) 25%,transparent);mask-image:linear-gradient(to bottom,var(--colors-gray1) 25%,transparent)}.verticalFade[data-side=bottom]{bottom:0;background:linear-gradient(to bottom,transparent,var(--colors-gray1));-webkit-mask-image:linear-gradient(to top,var(--colors-gray1) 25%,transparent);mask-image:linear-gradient(to top,var(--colors-gray1) 25%,transparent)}.simpleGridExample1{height:200px;width:200px;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);border:1.5px solid var(--colors-grid);border-right:none;border-bottom:none}.simpleGridExample1>*{border:1.5px solid var(--colors-grid);border-left:none;border-top:none}.gridDemo{display:grid;height:200px;width:200px;grid-template-columns:repeat(var(--columns),1fr);grid-template-rows:repeat(var(--rows),1fr);border:1.5px solid var(--colors-grid);border-right:none;border-bottom:none;position:relative}.gridDemoGuides{display:contents}.gridDemoGuide{inset:0;position:absolute;grid-column-start:var(--x);grid-column-end:span 1;grid-row-start:var(--y);grid-row-end:span 1;border:1.5px solid var(--colors-grid);border-left:none;border-top:none}.gridCell{display:flex;justify-content:center;align-items:center;grid-row:var(--row);grid-column:var(--column)}.cross{--guide-width:1.5px;--cross-size:16px;--cross-color:var(--colors-gray12);--cross-half-size:calc((var(--cross-size) / 2) + var(--guide-width) - 0.5px);width:-moz-fit-content;width:fit-content;height:-moz-fit-content;height:fit-content;pointer-events:none;position:absolute;grid-column-start:var(--cross-column);grid-row-start:var(--cross-row);z-index:2;inset:calc(var(--cross-half-size) * -1)}.crossLine{position:absolute;border:var(--guide-width) solid var(--cross-color);border-width:0}.letter{opacity:0;animation:fade .25s ease forwards}