@font-face{font-family:Innovator Grotesk;src:url(/assets/variable-BwmsBV_q.woff2)format("woff2");font-display:swap}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:#ffffffde;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-size-adjust:none;--green:#9fff7f;--orange:#ffbf7f;--red:#ff7f7f;--grey:#bfbfbf;--target-color:#09639d;--icon-color:#ffffffde;background-color:#333;font-family:Innovator Grotesk,Inter,Avenir,Helvetica,Arial,sans-serif;font-size:100%;font-weight:400}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (prefers-color-scheme:light){:root{--icon-color:#213547;--target-color:#82a9c9;color:#213547;background-color:#fff}}body{min-width:320px;min-height:100vh;margin:0}h1,p{margin-left:8px}code{font-family:Iosevka,Menlo,monospace}.control-detail{border-bottom:1px solid #000;grid-auto-columns:max-content;grid-auto-flow:column;gap:8px;display:grid}.control-detail:target{background-color:var(--target-color)}.control-detail :is(ul,ol){margin:0;padding:0 0 0 1em}.user-io{flex-direction:row;align-items:baseline;gap:4px;display:flex}.user-io svg{width:12px;height:12px}.user-io--output .color{border:2px solid #000;width:8px;height:8px;display:inline-block}.color.color--red{background-color:var(--red)}.color.color--orange{background-color:var(--orange)}.color.color--green{background-color:var(--green)}figure{width:150px}figcaption{text-transform:uppercase;font-weight:700}figure svg{z-index:2;width:300px;margin-left:-100px;position:relative}figure:last-of-type svg{z-index:1}.mapping{scroll-behavior:smooth;max-height:calc(100vh - 112px);overflow-y:scroll}.canvas{grid-template-columns:minmax(66%,1fr) minmax(200px,1fr) minmax(200px,1fr);grid-auto-flow:column;gap:16px;width:calc(100% - 16px);margin:8px;font-size:75%;display:grid}#export{appearance:none;background:0 0;border:none}