.icon-new-note{height:24px;width:24px}.new-note-button{display:flex;align-items:center;justify-content:center;padding:6px;background-color:transparent;border:1px solid var(--border-gray);border-radius:10px 0 0 10px;margin-right:-1px;cursor:pointer}aside{width:320px;display:flex;flex-direction:column;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}.create-notes-actions-container{display:flex;position:relative}.notes-container{width:100%;flex:1;overflow-y:auto;overflow-x:hidden}.info{position:absolute;bottom:0;cursor:pointer}.import-button{background-color:transparent;padding:0 2px;margin-right:10px;border:1px solid var(--border-gray);border-radius:0 10px 10px 0;display:flex;align-items:center;justify-content:center;cursor:pointer}.upload-button{position:absolute;bottom:-45px;right:10px;background-color:var(--bg-dark);border:1px solid var(--border-gray);border-radius:20px;z-index:101;padding:6px 15px;cursor:pointer;transition:transform .15s;display:none;opacity:0}.upload-button.active{display:block;opacity:1}.file-input-label{cursor:pointer}.upload-button-container{display:flex}.upload-button:hover{box-shadow:inset 0 0 0 1px var(--border-pink)}.icon-upload{padding-right:8px}.upload-label{white-space:nowrap;display:flex;align-items:center;justify-content:center;font-size:16px;font-family:sans-serif}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.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:167px;font-size:16px;font-family:sans-serif;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.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:-130px;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}.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)}.info-modal{position:fixed;top:0;left:0;height:100%;width:100%;background-color:#0006;display:flex;align-items:center;justify-content:center}.info-content{background-color:var(--bg-dark);border:1px solid var(--border-gray);border-radius:20px;padding:15px;width:520px}.info-storage,.info-source{font-size:16px;font-family:sans-serif}.info-storage{padding-bottom:10px}.info-source{border-top:1px solid var(--border-gray);padding-top:10px}.info-source a{margin-left:5px;text-decoration:none;color:var(--pink-accent);padding:4px}.info-source a:hover{border:1px solid var(--border-pink);border-radius:20px}body{height:100vh;margin:0}#root{height:100%}