.demo{menu {position: absolute; top: calc(100% - .5em - .5rem); z-index: 2; display: flex; list-style: none; button {border: 2px solid white; background: var(--halfback); font-size: 100%;}} input[type="checkbox"] {margin-right: .5rem;} input:disabled {background: grey;} input:disabled:hover {cursor: not-allowed; background: grey;} form {width: 100%; text-align: left; display: flex; flex-direction: column; gap: .5rem;} ul {text-align: left;}}.graffiti-session-manager{display:flex;flex-direction:column;gap:1rem;input {width: 100%;}}.references{display:flex;flex-direction:column;gap:1rem}:root{--back: rgb(26, 26, 26, .95);--backfaded: rgb(26, 26, 26, .7);--halfback: #2d2d2d;--frontfaded: rgb(178, 178, 178);--front: rgb(229, 229, 229);--frontbold: #ca7acc;--border: grey;--blurpix: 4px}*{margin:0;padding:0;box-sizing:border-box;word-break:break-word;word-wrap:break-word}html:before{content:"";position:fixed;left:0;right:0;z-index:-1;background-image:url(/assets/graffiti-d9691f55.jpg);background-size:cover;background-repeat:no-repeat;background-position:50% 50%;height:calc(100vh + 2 * var(--blurpix));width:calc(100vw + 2 * var(--blurpix));filter:blur(var(--blurpix));margin:calc(-1 * var(--blurpix))}html{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-weight:300;font-size:120%;text-rendering:optimizeLegibility;line-height:1.7;background:var(--back);color:var(--frontfaded);word-break:break-word;scroll-behavior:smooth}@font-face{font-family:Rock Salt;font-style:normal;font-weight:400;src:url(/assets/rock-salt-45682f24.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}strong{font-weight:700}body{display:contents}#app>div{display:flex;flex-direction:row;min-height:100vh}nav{z-index:3;flex-grow:0;flex-shrink:0;flex-basis:12rem;padding:1rem;background:var(--backfaded)}main{max-width:50rem;margin-left:auto;margin-right:auto;padding:4rem;background:var(--back);display:flex;flex-direction:column;gap:1.5em}header{display:none;justify-content:space-between;align-items:center;padding:3vw;background:var(--backfaded)}a{color:var(--frontbold);font-weight:700;text-decoration:none}a:hover{text-decoration:underline}:not(header)>*>.router-link-active{color:var(--frontbold)}a img{height:1.5em}figure{max-width:100%;margin:auto;text-align:center}figure img{width:80%;border-radius:1rem}figcaption{line-height:1;font-style:italic}header h1{font-size:1rem;line-height:1}nav h1{font-size:120%;margin-bottom:2rem}nav h1 a{color:#fff}header h1 a{color:var(--frontfaded)}nav a{color:var(--frontfaded);font-weight:400}:is(nav,header) a:hover{color:var(--frontbold);text-decoration:none}.logo{margin-top:2rem;display:flex;align-items:center;gap:.4rem}nav ul{list-style:none;color:#fff}nav>ul>li{font-weight:700;margin-top:1rem}nav>ul>li>ul{margin-left:1rem}h1{font-family:Rock Salt;letter-spacing:.2em;line-height:1.3;color:#fff}main li{padding:.3em}main :is(ul,ol){margin-left:2.5rem}blockquote{padding-left:1.5rem;padding-right:1.5rem;border-left:1px solid grey}footer{border-top:1px solid var(--border);padding-top:1rem;display:flex;justify-content:flex-end}footer a{background:var(--halfback);text-align:right}footer a:before{content:"Up Next:"}footer a:after{content:"➤"}strong *{color:var(--frontbold)!important}.prism-editor__editor,.prism-editor__textarea{line-height:1.2em!important;padding:0!important}code{font-family:Menlo,Monaco,Consolas,Courier New,monospace!important}code:not(:has(span)){background:var(--halfback);padding:.3rem;border-radius:.3rem}pre code{font-size:80%!important;line-height:0em!important}pre{padding:1rem}table{width:100%}thead{background:var(--halfback)}th,td{padding-left:.5rem}pre,.component{border-radius:.5em;background:var(--halfback)}.component{text-align:center;font-size:120%;padding:1rem;margin:1rem;margin-left:0;margin-right:0}.component p{min-height:4rem}input,button,footer a{font-size:1.5rem;font-weight:500;border-radius:1rem;padding:.5rem 1rem;border:0;color:var(--front)}input,button{background:var(--back)}input:not([type]){border:2px solid var(--border);width:100%}:is(input[type=submit],button,footer a):hover{background:var(--frontbold);cursor:pointer;text-decoration:none}code{white-space:pre-wrap!important}.columns{display:flex;justify-content:space-between;margin:auto;max-width:20rem}fieldset{padding:2rem;background:var(--halfback);color:#fff}.waving{animation:wave .8s linear infinite;transform-origin:80% 80%}@keyframes wave{25%{transform:rotate(-10deg)}75%{transform:rotate(10deg)}}.demo fieldset{border:2px solid white}.demo-render{text-align:center;z-index:1;display:flex;gap:1rem;flex-direction:column;align-items:center;border-radius:1rem 1rem 0 0;position:relative;margin-bottom:1.5rem;transition:border-radius .2s;ul {font-size: 2rem;}}.demo-render.alone{border-radius:1rem;transition:border-radius .2s .5s}.demo-render img{width:100%;border-radius:1rem;border:inherit}fieldset{border-radius:1rem}fieldset+fieldset{border-radius:0 0 1rem 1rem;margin-top:-1rem}.error{color:#e54f53;font-weight:700}.reveal-code{position:absolute;top:calc(100% - .5em - .5rem);border:2px solid white;background:var(--halfback);font-size:100%;z-index:2}.fade-leave-active{transition:opacity .2s}.fade-enter-active{transition:opacity .2s .5s}.fade-enter-from,.fade-leave-to{opacity:0}.stretch-enter-active{transition:opacity .2s,margin-top .2s}.stretch-enter-active *{transition:font-size .5s .2s}.stretch-leave-active{transition:opacity .2s .5s,margin-top .2s .5s}.stretch-leave-active *{transition:font-size .5s}fieldset+.stretch-enter-from,fieldset+.stretch-leave-to{margin-top:-4rem;opacity:0}.stretch-enter-from *,.stretch-leave-to *{font-size:0!important;gap:0!important;padding:0!important;margin:0!important}.slide-right-enter-active,.slide-left-enter-active{transition:all .2s ease}.slide-right-leave-active,.slide-left-leave-active{transition:all .2s cubic-bezier(1,.5,.8,1)}.slide-right-leave-active,.slide-left-enter-from{transform:translate(-20px)}.slide-right-enter-from,.slide-left-leave-active{transform:translate(20px)}.slide-right-enter-from,.slide-right-leave-to{opacity:0}.hamburger{display:flex;height:2rem;width:2rem;cursor:pointer;flex-direction:column;justify-content:center;align-items:center}.hamburger input{display:none}.hamburger div,.hamburger div:before,.hamburger div:after{display:block;background-color:var(--frontfaded);position:absolute;height:.25rem;width:2rem;border-radius:99rem;transition:transform .2s,margin .2s .2s,background 0s .2s}.hamburger div:before{content:"";margin-top:-.625rem}.hamburger div:after{content:"";margin-top:.625rem}.hamburger input:checked+div:before,.hamburger input:checked+div:after{margin-top:0;transition:transform .2s .2s,margin .2s,background 0s .2s}.hamburger input:checked+div:before{transform:rotate(45deg)}.hamburger input:checked+div{background:rgba(255,255,255,0)}.hamburger input:checked+div:after{transform:rotate(-45deg)}@media screen and (max-width: 65rem){header{display:flex}nav{display:none}nav.open{flex:1;display:block;max-width:50rem;margin-left:auto;margin-right:auto;background:var(--back);font-size:1.5rem}nav.open+main{display:none}main{padding:1em}fieldset{padding:1em}main h1{text-align:center;padding-top:2rem;padding-bottom:3rem;font-size:1.5rem;border-bottom:1px solid grey}main footer{font-size:.75rem}}label{white-space:nowrap;font-size:1.5rem;gap:1rem}code[class*=language-],pre[class*=language-]{color:#ccc;background:0 0;font-family:Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace;font-size:1em;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-hyphens:none;-moz-hyphens:none;-ms-hyphens:none;hyphens:none}pre[class*=language-]{padding:1em;margin:.5em 0;overflow:auto}:not(pre)>code[class*=language-],pre[class*=language-]{background:#2d2d2d}:not(pre)>code[class*=language-]{padding:.1em;border-radius:.3em;white-space:normal}.token.block-comment,.token.cdata,.token.comment,.token.doctype,.token.prolog{color:#999}.token.punctuation{color:#ccc}.token.attr-name,.token.deleted,.token.namespace,.token.tag{color:#e2777a}.token.function-name{color:#6196cc}.token.boolean,.token.function,.token.number{color:#f08d49}.token.class-name,.token.constant,.token.property,.token.symbol{color:#f8c555}.token.atrule,.token.builtin,.token.important,.token.keyword,.token.selector{color:#cc99cd}.token.attr-value,.token.char,.token.regex,.token.string,.token.variable{color:#7ec699}.token.entity,.token.operator,.token.url{color:#67cdcc}.token.bold,.token.important{font-weight:700}.token.italic{font-style:italic}.token.entity{cursor:help}.token.inserted{color:green}.prism-editor-wrapper{width:100%;height:100%;display:flex;align-items:flex-start;overflow:auto;-o-tab-size:1.5em;tab-size:1.5em;-moz-tab-size:1.5em}@media (-ms-high-contrast:active),(-ms-high-contrast:none){.prism-editor-wrapper .prism-editor__textarea{color:transparent!important}.prism-editor-wrapper .prism-editor__textarea::-moz-selection{background-color:#accef7!important;color:transparent!important}.prism-editor-wrapper .prism-editor__textarea::selection{background-color:#accef7!important;color:transparent!important}}.prism-editor-wrapper .prism-editor__container{position:relative;text-align:left;box-sizing:border-box;padding:0;overflow:hidden;width:100%}.prism-editor-wrapper .prism-editor__line-numbers{height:100%;overflow:hidden;flex-shrink:0;padding-top:4px;margin-top:0;margin-right:10px}.prism-editor-wrapper .prism-editor__line-number{text-align:right;white-space:nowrap}.prism-editor-wrapper .prism-editor__textarea{position:absolute;top:0;left:0;height:100%;width:100%;resize:none;color:inherit;overflow:hidden;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;-webkit-text-fill-color:transparent}.prism-editor-wrapper .prism-editor__editor,.prism-editor-wrapper .prism-editor__textarea{margin:0;border:0;background:none;box-sizing:inherit;display:inherit;font-family:inherit;font-size:inherit;font-style:inherit;font-variant-ligatures:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;-moz-tab-size:inherit;-o-tab-size:inherit;tab-size:inherit;text-indent:inherit;text-rendering:inherit;text-transform:inherit;white-space:pre-wrap;word-wrap:keep-all;overflow-wrap:break-word;padding:0}.prism-editor-wrapper .prism-editor__textarea--empty{-webkit-text-fill-color:inherit!important}.prism-editor-wrapper .prism-editor__editor{position:relative;pointer-events:none}