.menu-icon,.close-icon{background-color:var(--medium-dark-grey);padding:20px;cursor:pointer}@media screen and (max-width: 700px){#saveChanges .accent-btn p{display:none}}.accent-btn{background-color:var(--red-orange);display:flex;align-items:center;justify-content:center;gap:7px}.accent-btn:hover{background-color:var(--orange)}.accent-btn .accent-icon svg>path+path{fill:var(--light-grey)}.file{padding:8px;list-style:none;display:flex;align-items:center;gap:15px}header .file{flex-shrink:0}.file__date{color:var(--medium-light-grey)}.file__date{padding-bottom:.25em;font-size:.8em}.file:hover{color:var(--red-orange)}header{background-color:var(--dark-grey);color:var(--light-grey);font-family:var(--font-regular);padding-right:15px;position:sticky;top:0;display:flex;align-items:center;gap:20px}.logo{font-weight:700;letter-spacing:5px}.pipe-line{border-right:1px solid rgba(255,255,255,.4);height:35px}.actions{margin-left:auto;display:flex;align-items:center;gap:20px}.actions .bin-icon{cursor:pointer}@media screen and (max-width: 900px){.pipe-line,.logo{display:none}}.pane-title{letter-spacing:.1em;font-family:var(--font-mono);font-size:.8rem;font-weight:800}main.light-theme .pane-head{background-color:var(--light-grey)}main.light-theme .eye-icon path:last-of-type{fill:var(--medium-dark-grey)}main.light-theme .pane-title{color:var(--medium-dark-grey)}.pane-head{background-color:var(--light-black);padding:15px;display:flex;justify-content:space-between;align-items:center;height:50px}.eye-icon{cursor:pointer}main .eye-icon:hover path:last-of-type{fill:var(--red-orange)}.md-input,.md-preview{padding:15px 25px;overflow-y:scroll}.md-preview-container{border-left:1px solid var(--light-grey)}.md-input-container,.md-preview-container{min-width:50%;width:100%}.md-input-container .eye-icon{display:none}main{display:flex;width:100%}.md-input{resize:none;background-color:transparent;color:inherit;font-size:1rem;width:100%;border:none;height:100%;outline:none}.md-preview{color:var(--white)}.md-preview.light-theme,.md-input.light-theme{color:var(--black);background-color:var(--very-light-grey)}@media screen and (max-width: 650px){.md-input-container,.md-preview-container{min-width:100%;width:100%}.md-preview-container{border-left:none}.md-input-container .eye-icon{display:block}}#preview-content{margin-right:auto;margin-left:auto;max-width:80ch}.md-preview{font-family:var(--font-slab);overflow-y:scroll;width:100%;line-height:1.6;color:var(--grey)}.md-preview h1,.md-preview h2,.md-preview h3,.md-preview h4,.md-preview h5,.md-preview h6{color:var(--white);font-weight:700;margin-top:1.5rem;margin-bottom:.75rem;line-height:1.2}.md-preview h1{font-size:2.25rem}.md-preview h2{font-size:1.875rem}.md-preview h3{font-size:1.5rem}.md-preview h4{font-size:1.25rem}.md-preview h5{font-size:1rem}.md-preview h6{font-size:.875rem;text-transform:uppercase;letter-spacing:.05em}.md-preview p{margin-bottom:1rem}.md-preview a{color:var(--red-orange);text-decoration:underline;text-underline-offset:.2em;text-decoration-thickness:.05em;transition:filter .2s ease}.md-preview a:hover{filter:brightness(1.2);text-decoration:none}.md-preview pre{background-color:var(--dark-grey);padding:1.25rem;border-radius:5px;overflow-x:auto;position:relative;margin-bottom:1.5rem}.md-preview code{font-family:var(--font-mono);font-size:.9em;background-color:var(--dark-grey);padding:.2em .4em;border-radius:3px}.md-preview pre code{background-color:transparent;padding:0;border-radius:0;font-size:inherit}.code-lang{background-color:var(--light-black);border-radius:0 0 0 4px;padding:2px 8px;position:absolute;top:0;right:0;color:var(--orange);font-size:.75rem;font-family:var(--font-mono)}.md-preview ul,.md-preview ol{margin-bottom:1rem;padding-left:2rem}.md-preview li{margin-bottom:.25rem}.md-preview ul li::marker{color:var(--red-orange)}.md-preview blockquote{font-weight:500;font-style:italic;border-left:4px solid var(--red-orange);padding:1rem 1.5rem;margin:1.5rem 0;background-color:var(--dark-grey);border-radius:4px}.md-preview img{max-width:100%;height:auto;border-radius:5px;display:block;margin:1.5rem 0}.md-preview table{border-collapse:collapse;width:100%;margin-bottom:1.5rem}.md-preview th,.md-preview td{border:1px solid var(--medium-grey);padding:.75rem;text-align:left}.md-preview th{color:var(--orange);font-weight:700;background-color:var(--dark-grey)}.md-preview.light-theme{color:var(--medium-dark-grey);background-color:var(--white)}.md-preview.light-theme h1,.md-preview.light-theme h2,.md-preview.light-theme h3,.md-preview.light-theme h4,.md-preview.light-theme h5,.md-preview.light-theme h6{color:var(--black)}.md-preview.light-theme blockquote,.md-preview.light-theme pre,.md-preview.light-theme code{background-color:var(--very-light-grey);color:var(--medium-dark-grey)}.md-preview.light-theme pre code{background-color:transparent}.md-preview.light-theme th{background-color:var(--light-grey)}#side-menu{background-color:var(--light-black);height:100%;position:relative;display:flex;flex-direction:column;transform:translate(0);width:280px;transition:transform .35s ease,width .25s ease;flex-shrink:0}#side-menu>div{padding:0 25px}#side-menu.hide{width:0;transform:translate(-280px);visibility:hidden}.menu__head{text-align:center;margin-top:30px;font-weight:700;letter-spacing:2px}#side-menu #create-new{margin:25px 0}#create-new .accent-btn{width:100%}.current-note{color:var(--red-orange);background-color:var(--dark-grey);border-radius:10px}.files-list{overflow-y:scroll;height:fit-content;flex-grow:1}.files-list .file{margin-bottom:10px}#side-menu .theme-switch-container{display:flex;justify-content:center;gap:20px;flex-direction:row;padding:20px 0;background-color:var(--light-black)}#theme-switcher{width:60px;background-color:var(--medium-light-grey);height:25px;display:flex;cursor:pointer;align-items:center;border-radius:50px;transition:background-color .25s}#theme-switcher:after{content:" ";border-radius:100%;display:block;margin:3px;height:20px;width:20px;background-color:var(--black);transition:transform .35s,color .25s}#theme-switcher[data-theme=light]:after{transform:translate(34px);background-color:var(--light-grey)}.overlay{background-color:#000;opacity:.5;position:fixed;top:0;right:0;bottom:0;left:0}#modal-container.hide{visibility:hidden}.modal{padding:1.5rem;margin:auto;position:fixed;top:0;right:0;bottom:0;left:0;width:360px;border-radius:.25rem;height:fit-content;background-color:var(--light-black)}.modal label{color:var(--grey);font-size:.9rem}.modal input{margin:5px 0 1.2rem;padding:15px;border-radius:5px;background-color:var(--medium-dark-grey);border:none;outline:none;color:var(--very-light-grey);width:100%}.modal__title{margin-bottom:1.2rem;font-size:1.3rem}.modal .actions{display:flex;gap:15px}.modal button[type=reset]{background-color:var(--medium-dark-grey)}#delete-modal-container.hide{visibility:hidden}.modal p{font-family:Roboto Slab,serif;font-weight:400;font-size:14px;line-height:1.4rem;color:var(--grey);margin-bottom:1rem}.modal__description .current-note-title{font-weight:500;color:var(--orange);background-color:var(--medium-dark-grey);padding:2px 5px;border-radius:5px}.file{cursor:pointer}svg{vertical-align:middle}svg>path+path{fill:var(--grey)}.menu-container+div{width:100%}#body{width:100%}button{border:none;padding:10px;border-radius:5px;color:var(--light-grey);cursor:pointer}:root{--font-regular: "Roboto", sans-serif;--font-slab: "Roboto Slab", serif;--font-mono: "Roboto Mono", monospace;--black: #151619;--light-black: #1d1f22;--dark-grey: #2b2d31;--medium-dark-grey: #35393f;--medium-grey: #5a6069;--medium-light-grey: #7c8187;--grey: #c1c4cb;--light-grey: #e4e4e4;--very-light-grey: #f5f5f5;--white: #ffffff;--red-orange: #e46643;--orange: #f39765}*,*:after,*:before{margin:0;padding:0;box-sizing:border-box}#root{height:100vh;font-family:var(--font-mono);color:var(--grey);overflow:hidden;display:flex}body{background-color:var(--black)}