:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:#14253c;background:#f3f6fa;font:16px/1.5 system-ui,sans-serif}body{margin:0}main{max-width:56rem;margin:auto;padding:2rem 1rem}form,article{background:#fff;border:1px solid #ccd7e4;border-radius:.75rem;gap:.75rem;margin:1rem 0;padding:1rem;display:grid}label{gap:.2rem;display:grid}input,textarea,select,button{font:inherit;border:1px solid #8ca0b5;border-radius:.4rem;padding:.5rem .65rem}button{color:#fff;cursor:pointer;background:#163c63;width:fit-content}button:disabled{opacity:.55;cursor:default}h1,h2,h3,p{margin:0}[role=alert]{color:#942b23}output{overflow-wrap:anywhere}.message-text{white-space:pre-wrap;overflow-wrap:anywhere}:root{color:#16243b;background:#f4f6fa;font-family:Inter,system-ui,sans-serif}.workspace{max-width:76rem}.login{max-width:26rem;padding-top:12vh}.masthead{border-bottom:1px solid #dce3ed;align-items:center;gap:.85rem;padding-bottom:1.3rem;display:flex}.mark{color:#fff;background:#2755cb;border-radius:.75rem;place-items:center;width:2.45rem;height:2.45rem;font-weight:750;display:grid}h1{letter-spacing:-.045em;font-size:1.7rem}h2{letter-spacing:-.025em;font-size:1.11rem}h3{font-size:.88rem}.inbox-layout{grid-template-columns:minmax(15rem,1fr) minmax(0,2.8fr);gap:1.4rem;padding-top:1.5rem;display:grid}.controls form{font-size:.82rem}.toolbar{justify-content:space-between;align-items:center;gap:1rem;display:flex}.toolbar div{align-items:center;gap:.55rem;font-size:.83rem;display:flex}article{box-shadow:0 5px 18px #223c6510}article>p,article>label{color:#53657d;font-size:.85rem}article>label{align-items:center;gap:.55rem;display:flex}article ol{gap:.6rem;margin:0;padding:.6rem 0;list-style:none;display:grid}article li{background:#edf1f7;border-radius:.75rem;width:fit-content;max-width:82%;padding:.6rem .8rem}article li.outbound{background:#dfebff;justify-self:end}article li>p:first-child{color:#526484;font-size:.71rem}article form{background:#f8faff;margin:0;font-size:.82rem}button{background:#2855c8;border-color:#0000;font-weight:650}input,textarea,select{background:#fff;border-color:#cbd5e3;min-width:0;max-width:100%}@media (width<=720px){.inbox-layout{grid-template-columns:1fr}}.portfolio-demo-notice{color:#24466c;background:#e5edfb;border-radius:.45rem;margin:0 0 1rem;padding:.55rem .8rem;font-size:.83rem;font-weight:600}.portfolio-demo-action{color:#24466c;background:#e5edfb;border-radius:.35rem;margin:.5rem .5rem .5rem 0;padding:.4rem .65rem;font-size:.85rem;text-decoration:underline;display:inline-block}
