body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}html{--bg-very-dark:#191414;--bg-dark:#292424;--bg-dark-offset:#252020;--bg-medium:#494444;--bg-medium-offset:#454040;--fg-medium:#898484;--fg-light:#c9c4c4;--fg-hover:#f9f4f4;--primary:#a44;--primary-hover:#a11;--panel-bg:var(--bg-dark);--page-bg:var(--bg-very-dark);--listitem-bg:var(--bg-dark-offset);--listitem-hr:var(--bg-dark);--listitem-bg-hover:var(--bg-dark);--dialog-bg:var(--bg-medium);--dialog-listitem:var(--bg-medium-offset);--overlay-bg:var(--bg-dark);--sidebar-bg:var(--bg-medium);--sidebar-hr:var(--bg-very-dark);--scrollbar-track:#252020;--scrollbar-thumb:#2f2b2b;--errorbox-border:var(--bg-medium);--editor-border:var(--bg-medium);--editor-border-changed:var(--primary);--sidebar-width:220px;--grid-width:16px}body{background:#191414;background:var(--page-bg);font-family:"lato-regular";color:#c9c4c4;color:var(--fg-light)}::-webkit-scrollbar{width:13px;height:13px;background-color:#494444;background-color:var(--bg-medium)}h1,h2,h3,h4,h5{font-weight:400;font-family:"lato-light"}.panels{display:flex;flex-direction:row}.panel{background-color:#292424;background-color:var(--bg-dark);margin-right:1px;min-width:600px;width:25vw;padding:16px 32px;padding:var(--grid-width) calc(var(--grid-width)*2);position:relative;transition:all .25s;box-shadow:0 0 16px rgba(0,0,0,.25);box-shadow:0 0 var(--grid-width) rgba(0,0,0,.25);display:flex;flex-direction:column}.panel h3.title{margin-top:0;font-size:28px;margin-right:32px;margin-right:calc(var(--grid-width)*2);color:#c9c4c4;color:var(--fg-light);font-weight:400;margin-bottom:8px;margin-bottom:calc(var(--grid-width)/2)}.panel .zettelMeta{font-size:13px;margin-bottom:16px;margin-bottom:calc(var(--grid-width)/1);color:#898484;color:var(--fg-medium)}.panel .close{position:absolute;top:10px;right:32px;right:calc(var(--grid-width)*2);font-size:32px;cursor:pointer}.panel .close:hover{color:#c9c4c4;color:var(--fg-light)}.panel .star{color:grey}.panel .star,.panel .starred{font-size:32px;margin-left:16px;margin-left:var(--grid-width);cursor:pointer}.panel .starred{color:#db0}.panel.loading{opacity:.4;transform:scale(.95)}.panel .panelContainer{max-height:calc(100vh - 50px);overflow-y:auto}.panel .panelContainer::-webkit-scrollbar-track{background:#252020;background:var(--scrollbar-track)}.panel .panelContainer::-webkit-scrollbar-thumb{background:#2f2b2b;background:var(--scrollbar-thumb)}.panelContainer code{margin:10px 0;padding:10px;display:inline-block;background-color:#191414;background-color:var(--bg-very-dark)}.panelContainer blockquote{padding:0 16px;padding:0 var(--grid-width);padding-left:32px;padding-left:calc(var(--grid-width)*2);margin:0;border-left:2px solid #454040;border-left:2px solid var(--bg-medium-offset);display:inline-block;font-size:18px;font-style:italic}.content{background-color:#eee;padding:16px;padding:var(--grid-width)}.content :first-child{margin-top:0}dark .content>:focus{outline:none;background-color:#fff}.container{display:flex;flex-direction:row;height:100vh;padding-left:220px;padding-left:var(--sidebar-width)}.sidebar{background-color:#494444;background-color:var(--sidebar-bg);width:220px;width:var(--sidebar-width);position:fixed;top:0;left:0;bottom:0;z-index:2;color:#c9c4c4;color:var(--fg-light);box-shadow:15px 0 15px rgba(0,0,0,.1)}.sidebar .entry{padding-bottom:10px;cursor:pointer}.sidebar hr{height:1px;border:none;background-color:#191414;background-color:var(--sidebar-hr)}.sidebar h3{margin-top:0}.sidebar .version{font-size:12px;position:absolute;bottom:10px;left:10px;color:#777}.overlay{z-index:3;display:flex;align-items:center;justify-content:center}.overlay,.overlay .background{position:absolute;top:0;bottom:0;right:0;left:0}.overlay .background{opacity:.8;background:#292424;background:var(--overlay-bg)}.overlay .bgimg{object-fit:cover;width:100vw;height:100vh;position:absolute}.dialog{background:#494444;background:var(--dialog-bg);padding:16px;padding:var(--grid-width);z-index:4;border-radius:15px;color:#c9c4c4;color:var(--fg-light);position:relative}.dialog h3{margin-top:0;padding-bottom:8px;padding-bottom:calc(var(--grid-width)/2);border-bottom:1px solid #c9c4c4;border-bottom:1px solid var(--fg-light)}.dialog h3.mt{margin-top:32px;margin-top:calc(var(--grid-width)*2)}.dialog h3 .close{position:absolute;top:5px;right:16px;right:calc(var(--grid-width));font-size:32px;cursor:pointer}.dialog h3.close:hover{color:#c9c4c4;color:var(--fg-light)}.dialog .pwhelp{color:#898484;color:var(--fg-medium);font-size:13px}.dialog .pwhelp,.resultList{margin-top:16px;margin-top:var(--grid-width)}.resultList{overflow-y:auto}.resultList::-webkit-scrollbar-track{background:#252020;background:var(--scrollbar-track)}.resultList::-webkit-scrollbar-thumb{background:#2f2b2b;background:var(--scrollbar-thumb)}.resultEntry{padding:4px 16px;padding:4px var(--grid-width);display:flex;flex-direction:row;width:100%;justify-content:space-between;background-color:#252020;background-color:var(--listitem-bg);box-sizing:border-box;border-bottom:1px solid #292424;border-bottom:1px solid var(--listitem-hr)}.resultEntry span{padding:5px}.resultEntry span:hover{color:#f9f4f4;color:var(--fg-hover);cursor:pointer}.resultEntry .icon{font-size:20px;padding:0 12px}.linkResultEntry{padding:10px;width:100%;margin-top:5px;background-color:#454040;background-color:var(--dialog-listitem);box-sizing:border-box}.linkResultEntry h3{margin-top:0;cursor:pointer}.linkResultEntry h3:hover{color:#f9f4f4;color:var(--fg-hover)}.linkSnippet{margin-left:16px;margin-left:var(--grid-width)}.historyEntry,.linkSnippet{margin-top:8px;margin-top:calc(var(--grid-width)/2);font-size:13px}.historyEntry{padding:8px;padding:calc(var(--grid-width)/2);background-color:#454040;background-color:var(--dialog-listitem);cursor:pointer;display:flex;flex-direction:row;justify-content:space-between}.historyEntry:hover{background-color:#a44;background-color:var(--primary)}.addLinkEntry{margin-top:8px;margin-top:calc(var(--grid-width)/2);padding:8px;padding:calc(var(--grid-width)/2);background-color:#454040;background-color:var(--dialog-listitem);cursor:pointer;font-size:13px}.addLinkEntry.selected,.addLinkEntry:hover{background-color:#a44;background-color:var(--primary)}.errorMsg{padding:16px;padding:var(--grid-width);border-radius:8px;border:1px solid #494444;border:1px solid var(--errorbox-border);color:#c9c4c4;color:var(--fg-light)}.dialog .errorMsg{padding:0 0 16px;padding:0 0 var(--grid-width) 0;color:#a44;color:var(--primary)}.editor .CodeMirror{background:#292424;background:var(--bg-dark);color:#c9c4c4;color:var(--fg-light);transition:border .25s}.editor .CodeMirror,.editor .editor-toolbar,.editor .editor-toolbar .separator{border-color:#494444;border-color:var(--editor-border)}.editor .editor-toolbar button.active,.editor .editor-toolbar button:hover{background-color:#a44;background-color:var(--primary);border:none}.editor.changed .CodeMirror{border-color:#a44;border-color:var(--editor-border-changed);border-style:dashed}.flexrow{display:flex;flex-direction:row;width:100%;align-items:center}.flexrow.spacing>*{margin-left:16px;margin-left:var(--grid-width)}.flexrow.flexend{justify-content:flex-end}.flexrow.flexstart{justify-content:flex-start}.flexrow.center{justify-content:center}.mt{margin-top:10px;box-sizing:border-box}.mb{margin-bottom:10px}.p1{padding:16px}.flexcol.spacebetween,.flexrow.spacebetween{justify-content:space-between}.flexcol{display:flex;flex-direction:column}button{border:none;padding:10px 15px;border-radius:4px;background-color:#a44;background-color:var(--primary);color:#fff;cursor:pointer;text-transform:uppercase;transition:background-color .25s;font-family:"lato-regular"}button:focus{outline:none}button:hover{background-color:#a11;background-color:var(--primary-hover)}button:disabled,button:disabled:hover{background-color:#494444;background-color:var(--bg-medium)}button:disabled:hover{cursor:default}button.inactive{background-color:#494444;background-color:var(--bg-medium)}input,select{background-color:#292424;color:#e9e4e4;border:1px solid #595454;padding:8px;font-family:"lato-regular"}input:focus{outline:none}a{color:#a44;color:var(--primary)}
/*# sourceMappingURL=main.3e5a3f3f.chunk.css.map */