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