@font-face{font-family:Source Code;font-weight:200 900;font-display:swap;src:url(../../../fonts/SourceCodeVF-Upright.otf.woff2)format("woff2")}@font-face{font-family:Source Code;font-weight:200 900;font-style:italic;font-display:swap;src:url(../../../fonts/SourceCodeVF-Italic.otf.woff2)format("woff2")}@font-face{font-family:Source Sans;font-style:normal;font-weight:100 900;font-display:swap;src:url(../../../fonts/SourceSans3VF-Upright.otf.woff2)format("woff2")}@font-face{font-family:Inter;font-style:italic;font-weight:200 900;font-display:swap;src:url(../../../fonts/SourceSans3VF-Italic.otf.woff2)format("woff2")}html,body,button{font:400 100%/1.4 Source Sans,sans-serif}html,body{margin:0;padding:0}input,textarea{font:400 .875rem/1.4 Source Code,monospace}h1,h2,h3,h4,h5,h6{margin-block:4rem 1rem}h2+h3{margin-block-start:1rem}a{color:inherit}a:hover{color:#0bf}button{cursor:pointer;color:#000;background-color:#ddd;border:0;border-radius:.25rem;padding:.5rem 1rem;font-weight:600}button[disabled]{cursor:disabled;color:#aaa;background-color:#eee}button:not([disabled]):hover{background-color:#ccc}button:not([disabled]):active{background-color:#aaa}main,aside{margin-block:4rem;padding-inline:1rem}aside{padding-block-end:2rem}.monaco-container{border:1px solid #ccc;width:120ch;height:32rem}table{border-collapse:collapse;width:100%}th,td{border:1px solid #ccc;padding:.25rem 1rem}th{background-color:#eee}tr:nth-child(2n) td{background-color:#f7f7f7}.btn-bar{justify-content:end;column-gap:1rem;display:flex}.columns{row-gap:2rem;display:grid}.new-note-form{gap:.5rem;margin-block-start:1rem;display:flex}.note-editor{flex:auto;min-width:0}.note-editor__header{justify-content:space-between;align-items:center;gap:1rem;margin-block-end:1rem;display:flex}.rename-note-form{flex:auto;gap:.5rem;display:flex}.rename-note-form input{flex:auto}.form-error{color:#c00}.dashboard{flex:auto;min-width:0}.dashboard__stats{flex-wrap:wrap;gap:1.5rem;margin:0 0 2rem;display:flex}.stat{flex-direction:column-reverse;gap:.25rem;display:flex}.stat__value{margin:0;font-size:2rem;font-weight:600}.stat__label{color:#666}.dashboard__new-note-form{gap:.5rem;display:flex}.dashboard__new-note-form input{flex:auto;max-width:20rem}.dashboard__new-note-form button{white-space:nowrap;flex:none}@media (width>=1024px){main,aside{padding-inline:0}.columns{grid-template-columns:1fr 1fr}.note-layout{flex-direction:row;padding-inline:4rem}.note-list{flex:0 0 12rem}}