.icon-new-note{height:24px;width:24px}.new-note-button{display:flex;align-items:center;justify-content:center;padding:6px;border:none;background-color:transparent;cursor:pointer}aside{width:320px;transition:transform .1s;border-right:1px solid var(--border-gray);background-color:var(--bg-dark);position:relative}aside.closed{transform:translate(-100%);width:0px;overflow:hidden}.upper-section{display:flex;align-items:center;justify-content:space-between;padding-top:10px;padding-bottom:10px;border-bottom:1px solid var(--border-gray)}.all-notes-label{margin-left:10px;font-size:18px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.notes-container{width:100%}.note{display:flex;justify-content:space-between;align-items:center;position:relative;height:50px;border-bottom:1px solid var(--border-gray)}.note:hover{background-color:var(--bg-medium)}.note-name-container{padding:9px 0;width:100%;font-size:16px;font-family:sans-serif;cursor:pointer}.note.selected{background-color:var(--pink-soft);border-left:3px solid var(--pink-accent);box-shadow:inset 0 0 0 1px var(--border-pink)}.note-menu-button{padding:9px;border:none;background-color:transparent;cursor:pointer}.dropdown-menu{position:absolute;right:0;bottom:-170px;background-color:#000;border-radius:20px;border:1px solid #3a3a3a;z-index:100;display:none;opacity:0}.dropdown-menu.active{display:block;opacity:1}.dropdown-menu-items-container{padding:0 8px}.dropdown-menu-items-container,.common-items-container{display:flex;flex-direction:column}.common-items-container{gap:5px;padding:8px}.download-button-container{padding:8px;border-top:1px solid var(--border-gray)}.dropdown-menu-item{padding:7px;background-color:transparent;border:none;font-size:15px;font-family:sans-serif;cursor:pointer}.dropdown-menu-item.delete.alone{color:gray;pointer-events:none}.dropdown-menu-item.download:hover{color:#fff}.can-focus{border-radius:20px;transition:background-color .2s,border-radius .2s}.can-focus:hover{background-color:var(--pink-accent);border-radius:20px}.note-status{display:flex;align-items:center;justify-content:center;padding:0 5px 4px}.note-status-pinner{height:16px;border:none;background-color:transparent;padding:0;opacity:0;cursor:pointer}.note:hover .note-status-pinner,.note-status-pinner.pinned{opacity:1}.icon-pinner{height:16px}.info{position:absolute;bottom:0;display:flex;cursor:pointer}.info:hover .info-content{opacity:1;visibility:visible;pointer-events:auto}.info-content{position:absolute;bottom:20px;left:20px;width:400px;background-color:var(--bg-darkest);padding:12px;border:1px solid var(--border-gray);border-radius:25px;font-size:13px;font-family:sans-serif;opacity:0;visibility:hidden;pointer-events:none;transition:visibility .2s,opacity .2s}.sidebar-button{cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;border:none;background-color:transparent}main{height:100%;width:100%;display:flex;flex-direction:column}.note-toolbar{flex:0 0 auto;padding:14px 0;background-color:var(--bg-darkest);display:flex;justify-content:space-between;align-items:center}.sidebar-button{margin-left:8px}.note-editor{flex:1 1 auto;display:flex;background-color:var(--bg-darkest)}.markdown-preview{padding-left:10px}textarea{flex:1 1 auto;background-color:var(--bg-darkest);border:none;padding:10px;font-size:17px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:25px;resize:none}textarea:focus{outline:none}.preview-button{margin-right:20px;border:none;padding:0;background-color:transparent;cursor:pointer}:root{--bg-darkest: #1a1a1a;--bg-dark: #252525;--bg-medium: #2d2d2d;--pink-accent: #e84393;--pink-soft: #e843931a;--border-pink: #e8439333;--border-gray: #3a3a3a;--border-button: #00000040}html{color-scheme:dark light}.app{display:flex;flex-direction:row;width:100%;height:100%}.rename-modal-overlay{position:fixed;top:0;left:0;height:100%;width:100%;background-color:#0000004d;display:flex;flex-direction:column;justify-content:center;align-items:center}.modal-content{display:flex;flex-direction:column;gap:20px;background-color:var(--bg-dark);border-radius:10px;padding:20px}.rename-input{padding:10px 10px 10px 12px;width:250px;border:none;border-radius:20px;font-size:17px}.rename-input:focus{outline:none}.buttons{display:flex;justify-content:space-between;padding:0 15px}.buttons button{padding:10px;font-size:16px;border:1px solid var(--border-button);border-radius:10px;cursor:pointer;transition:transform .1s}.buttons button:hover{transform:translateY(-1px)}.buttons button:active{transform:scale(.99)}.cancel-button{background-color:var(--bg-darkest)}.save-button{background-color:var(--pink-accent)}body{height:100vh;margin:0}#root{height:100%}