@font-face{font-family:Saira Variable;font-style:normal;font-display:swap;font-weight:200 1000;src:url(/assets/saira-latin-wght-normal-ef195f5f.woff2) format("woff2-variations")}:root{color-scheme:light;--font-fallback: -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji;--font-body: "Saira Variable", var(--font-fallback);--font-size: 15px;--content-width: 520px;--accent-hue: 213;--accent-sat: 20%;--accent-lum: 40%;--color-accent: hsl(var(--accent-hue), var(--accent-sat), var(--accent-lum));--color-text: var(--color-accent);--color-text-on-accent: #fff;--color-dim-light: hsl(var(--accent-hue), 20%, 80%);--color-dim: hsl(var(--accent-hue), 20%, 60%);--color-dim-dark: hsl(var(--accent-hue), 20%, 40%);--bg-color: #F3F6F9;--rounded: .4rem;--rounded-sm: .2rem}@media (max-width: 768px){:root{--font-size: 16px}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}*:focus-visible{outline:1px dotted var(--color-dim)}html,body{min-height:100vh}body{scroll-behavior:smooth;background-color:var(--bg-color);color:var(--color-text);font-family:var(--font-body)}.spacer{flex-grow:1}@media (max-width: 768px){.visible-lg{display:none!important}}.visible-sm{display:none!important}@media (max-width: 768px){.visible-sm{display:inherit!important}}#root{min-height:100vh;display:flex;flex-direction:column;align-items:stretch}main{width:100%;max-width:var(--content-width);margin:0 auto;padding:2rem 1rem}h1,h2,h3,h4,h5,h6{color:var(--color-accent)}h1.condensed,h2.condensed,h3.condensed,h4.condensed,h5.condensed,h6.condensed{letter-spacing:-1.5px}a{--color-hue: var(--accent-hue);--color-sat: var(--accent-sat);--color-lum: var(--accent-lum);color:hsl(var(--color-hue),var(--color-sat),var(--color-lum));text-decoration:underline;text-underline-offset:2px}a:hover{--color-lum: 50%}a:active,a[aria-selected=true]{--color-lum: 30%}button{font-family:var(--font);color:var(--color-text);font-size:var(--font-size);cursor:pointer}.icon{width:32px;height:32px;color:currentColor}.icon-sm{width:16px;height:16px;color:currentColor}.btn{border:0;border-radius:var(--rounded-sm);font-weight:700;font-size:1rem;text-transform:uppercase;padding:.45em 1.5em;text-decoration:none;cursor:pointer;color:var(--color-text);display:inline-flex;justify-content:center;align-items:center}.btn:hover{text-decoration:none}.btn-primary{--bg-color-hue: var(--accent-hue);--bg-color-sat: var(--accent-sat);--bg-color-lum: var(--accent-lum);background-color:hsl(var(--bg-color-hue),var(--bg-color-sat),var(--bg-color-lum));color:var(--color-text-on-accent)}.btn-primary:hover{--bg-color-lum: 50%}.btn-primary:active,.btn-primary[aria-selected=true]{--bg-color-lum: 30%}.btn-secondary{--bg-color-hue: var(--accent-hue);--bg-color-sat: 10%;--bg-color-lum: 60%;background-color:hsl(var(--bg-color-hue),var(--bg-color-sat),var(--bg-color-lum));color:var(--color-text-on-accent)}.btn-secondary:hover{--bg-color-lum: 70%}.btn-secondary:active,.btn-secondary[aria-selected=true]{--bg-color-lum: 50%}.btn-ghost{background:transparent;color:var(--color-dim-dark)}.btn-ghost:hover{background-color:#0000000d}.btn-icon{padding:.5rem;height:auto;display:inline-flex}.btn-icon.btn-sm{padding:.3rem}.btn-sm{padding:.2rem .4rem;font-size:.8rem}input,textarea,select{font-family:var(--font);font-size:var(--font-size);border-radius:var(--rounded-sm);border:1px solid var(--color-dim-light);padding:.3rem .5rem;width:100%}input[type=checkbox]{width:16px;height:16px;margin:2px}textarea{min-height:200px;min-width:100%;padding:.6rem;display:block}#navbar,#footer{display:flex;gap:1rem;padding:.6rem 1rem;align-items:center;line-height:1em;font-size:1.1rem}#navbar>span,#footer>span{display:flex;align-items:center;gap:.25rem}#navbar .title,#footer .title{display:inline-flex;align-items:center;font-size:1.1rem;font-weight:700;line-height:1rem}#navbar .title .icon,#footer .title .icon{margin-right:.2rem}#navbar a,#footer a{text-decoration:none;font-weight:700}#footer{margin-top:auto;padding-bottom:1rem;color:var(--color-dim);font-size:1rem;flex-wrap:wrap}#footer a{font-weight:400}#form-compose{margin-top:2rem}.field{font-size:1rem;margin-bottom:.4rem;display:flex;align-items:baseline;position:relative}.field label{cursor:pointer;display:inline-block}.field label:not(.static){position:absolute;font-weight:600;top:4px;transform:translate(-100%);flex-shrink:0;color:var(--color-dim);text-align:right;padding-right:8px}.field .action-btn{padding:.3rem .5rem;margin-left:.4rem;min-width:80px}@media (max-width: 768px){.field label:not(.static){transform:none;text-align:left;width:unset;right:6px;color:var(--color-dim-light);padding:2px 4px;background-color:field;margin-right:.6rem}}.field-body{margin-top:1rem}.form-footer{display:flex;margin-top:1rem;justify-content:flex-end;align-items:center}.form-buttons{display:flex;margin-left:auto;gap:.5rem;justify-content:flex-end}.tabs .tabs-header{display:flex;gap:.1rem}.tabs .tabs-header button{padding:.2rem .6rem;font-size:.85rem;border:0;background-color:transparent;color:var(--color-dim)}.tabs .tabs-header button:hover{background-color:#0000000d;color:var(--color-accent)}.tabs .tabs-header button.active{color:var(--color-accent);font-weight:500;border-bottom:2px solid var(--color-accent)}.tabs .tabs-header>.side-header{margin-left:auto}.tabs .tabs-header>.side-header button{color:var(--color-accent)}.tabs .tabs-panel:not(.active){display:none}.tabs .tabs-panel.active{display:block}.dropdown{position:relative;width:100%}.dropdown-btn{display:flex;justify-content:space-between;align-items:center;cursor:pointer}.dropdown-content{list-style:none;position:absolute;background-color:var(--bg-color);border:1px solid var(--color-dim);width:100%;visibility:hidden}.dropdown-content li button{padding:.2rem .6rem;font-size:.85rem;display:block;color:var(--color-accent);cursor:pointer;text-align:left;width:100%}.dropdown:focus-within .dropdown-content{visibility:visible}.panel-text textarea{font-family:var(--font-fallback)}.panel-html textarea{font-size:.85rem;font-family:monospace}.panel-preview{border:1px solid var(--color-dim);border-radius:var(--rounded-sm);padding:.5rem;min-height:200px;font-family:var(--font-fallback)}.loader{width:24px;height:24px;border:3px solid var(--color-dim);border-bottom-color:transparent;border-radius:50%;display:inline-block;box-sizing:border-box;animation:rotation 1s linear infinite}@keyframes rotation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.status{display:flex;align-items:center}.status .icon{margin-right:.2rem}.status.success{color:#066e51}.status.error{color:#800f24}.md h1,.md h2,.md h3,.md h4{margin-top:1rem}.md p{margin-bottom:.8rem}.m-0{margin:0}.m-1{margin:.25rem}.m-2{margin:.5rem}.m-3{margin:1rem}.m-4{margin:1.5rem}.m-5{margin:3rem}.m-auto{margin:auto}.mx-0{margin-right:0;margin-left:0}.mx-1{margin-right:.25rem;margin-left:.25rem}.mx-2{margin-right:.5rem;margin-left:.5rem}.mx-3{margin-right:1rem;margin-left:1rem}.mx-4{margin-right:1.5rem;margin-left:1.5rem}.mx-5{margin-right:3rem;margin-left:3rem}.mx-auto{margin-right:auto;margin-left:auto}.my-0{margin-top:0;margin-bottom:0}.my-1{margin-top:.25rem;margin-bottom:.25rem}.my-2{margin-top:.5rem;margin-bottom:.5rem}.my-3{margin-top:1rem;margin-bottom:1rem}.my-4{margin-top:1.5rem;margin-bottom:1.5rem}.my-5{margin-top:3rem;margin-bottom:3rem}.my-auto{margin-top:auto;margin-bottom:auto}.mt-0{margin-top:0}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:1rem}.mt-4{margin-top:1.5rem}.mt-5{margin-top:3rem}.mt-auto{margin-top:auto}.me-0{margin-right:0}.me-1{margin-right:.25rem}.me-2{margin-right:.5rem}.me-3{margin-right:1rem}.me-4{margin-right:1.5rem}.me-5{margin-right:3rem}.me-auto{margin-right:auto}.mb-0{margin-bottom:0}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:1rem}.mb-4{margin-bottom:1.5rem}.mb-5{margin-bottom:3rem}.mb-auto{margin-bottom:auto}.ms-0{margin-left:0}.ms-1{margin-left:.25rem}.ms-2{margin-left:.5rem}.ms-3{margin-left:1rem}.ms-4{margin-left:1.5rem}.ms-5{margin-left:3rem}.ms-auto{margin-left:auto}.p-0{padding:0}.p-1{padding:.25rem}.p-2{padding:.5rem}.p-3{padding:1rem}.p-4{padding:1.5rem}.p-5{padding:3rem}.p-auto{padding:auto}.px-0{padding-right:0;padding-left:0}.px-1{padding-right:.25rem;padding-left:.25rem}.px-2{padding-right:.5rem;padding-left:.5rem}.px-3{padding-right:1rem;padding-left:1rem}.px-4{padding-right:1.5rem;padding-left:1.5rem}.px-5{padding-right:3rem;padding-left:3rem}.px-auto{padding-right:auto;padding-left:auto}.py-0{padding-top:0;padding-bottom:0}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-3{padding-top:1rem;padding-bottom:1rem}.py-4{padding-top:1.5rem;padding-bottom:1.5rem}.py-5{padding-top:3rem;padding-bottom:3rem}.py-auto{padding-top:auto;padding-bottom:auto}.pt-0{padding-top:0}.pt-1{padding-top:.25rem}.pt-2{padding-top:.5rem}.pt-3{padding-top:1rem}.pt-4{padding-top:1.5rem}.pt-5{padding-top:3rem}.pt-auto{padding-top:auto}.pe-0{padding-right:0}.pe-1{padding-right:.25rem}.pe-2{padding-right:.5rem}.pe-3{padding-right:1rem}.pe-4{padding-right:1.5rem}.pe-5{padding-right:3rem}.pe-auto{padding-right:auto}.pb-0{padding-bottom:0}.pb-1{padding-bottom:.25rem}.pb-2{padding-bottom:.5rem}.pb-3{padding-bottom:1rem}.pb-4{padding-bottom:1.5rem}.pb-5{padding-bottom:3rem}.pb-auto{padding-bottom:auto}.ps-0{padding-left:0}.ps-1{padding-left:.25rem}.ps-2{padding-left:.5rem}.ps-3{padding-left:1rem}.ps-4{padding-left:1.5rem}.ps-5{padding-left:3rem}.ps-auto{padding-left:auto}.gap-0{gap:0}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-3{gap:1rem}.gap-4{gap:1.5rem}.gap-5{gap:3rem}.gap-auto{gap:auto}.d-flex{display:flex;align-items:center}.flex-grow{flex-grow:1}.flex-no-shrink{flex-shrink:0}.items-center{align-items:center}.notice{margin-top:-1rem;margin-bottom:1rem;background-color:#e7ed8b;border-radius:var(--rounded);padding:.4rem .7rem;font-size:.85rem}#form-builder{margin-top:2rem}form .hint{margin-top:1.2rem;font-size:.8rem;color:var(--color-dim);display:block}form h4{margin-top:1rem}form h4+.hint{margin-top:0}