@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}