._layout-center_xbbr2_1{display:flex;flex-direction:row;justify-content:center;align-items:center;width:100%;flex-grow:1}._cta_fk5zh_1,._note_fk5zh_2{background-color:var(--color-foreground);border-radius:.5rem;margin:.5rem 0;padding:1rem;height:3.5rem;cursor:pointer}._cta_fk5zh_1{position:sticky;top:0}._note_fk5zh_2{display:flex;flex-direction:row;flex-wrap:nowrap}._note_fk5zh_2 span{vertical-align:middle}._note_fk5zh_2 svg{height:100%;width:1rem}._note_fk5zh_2 p{text-overflow:ellipsis;flex-grow:1}._cta_fk5zh_1 p{text-align:center}._cta_fk5zh_1:hover{transition:color 2s;color:var(--color-theme)}._cta_fk5zh_1:hover,._note_fk5zh_2:hover{transition:box-shadow linear .2s;box-shadow:0 0 100px 100px #ffffff1a inset}._button_ybma7_1{height:3.5rem;width:3.5rem;background-color:var(--color-foreground);border-radius:.5rem}._button_ybma7_1 svg{margin:auto;height:1.6rem;width:1.6rem}._button_ybma7_1:hover{transition:color 2s;color:var(--color-theme);transition:box-shadow linear .2s;box-shadow:0 0 100px 100px #ffffff1a inset}._editor_10qqz_1{width:100%;display:flex;flex-direction:column}._actions_10qqz_7{width:100%;display:flex;justify-content:space-between;padding-top:.5rem}._form_10qqz_14{padding:.5rem 0;flex-grow:1;display:flex;flex-direction:column}._note_10qqz_21,._title_10qqz_22{width:100%;background-color:var(--color-foreground);border-radius:.5rem;padding:0 1rem}._title_10qqz_22{height:3.5rem}._note_10qqz_21{padding:1rem;height:100%;margin-top:.5rem;flex-grow:1}._note-list_1k2ir_1{flex-grow:1}*,:before,:after{box-sizing:border-box}html{-moz-tab-size:4;tab-size:4}html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}body{font-family:system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji"}hr{height:0;color:inherit}abbr[title]{-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Consolas,"Liberation Mono",Menlo,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}::-moz-focus-inner{border-style:none;padding:0}:-moz-focusring{outline:1px dotted ButtonText}:-moz-ui-invalid{box-shadow:none}legend{padding:0}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}button{background-color:transparent;background-image:none}fieldset{margin:0;padding:0}ol,ul{list-style:none;margin:0;padding:0}html{font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";line-height:1.5}body{font-family:inherit;line-height:inherit}*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:currentColor}hr{border-top-width:1px}img{border-style:solid}textarea{resize:vertical}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}table{border-collapse:collapse}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}button,input,optgroup,select,textarea{padding:0;line-height:inherit;color:inherit}pre,code,kbd,samp{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]{display:none}:root{--color-theme: #34d399;--color-danger: #F87171;--color-background: #323232;--color-foreground: #282828;--color-text-muted: #c6cddb;--color-text: #fff}.hover-primary:hover{color:var(--color-theme)}.hover-danger:hover{color:var(--color-danger)}html,body,#root,.App{min-height:100vh;width:100vw;background-color:var(--color-background);color:var(--color-text-muted)}*{scrollbar-width:thin;scrollbar-color:#ddd #555}*::-webkit-scrollbar{width:8px}*::-webkit-scrollbar-thumb{background:#888}*::-webkit-scrollbar-thumb:hover{background:#555}*::-webkit-scrollbar-track{background:#ddd}a:hover,a:active{color:var(--color-text)}.App{display:flex;flex-direction:column}.active-area{width:400px;height:650px;padding:0 .5rem;overflow-y:auto;display:flex}@media only screen and (max-width: 600px){.active-area{width:100%}}@media only screen and (max-height: 600px){.active-area{height:100%}}@keyframes loader-rotate{0%{transform:rotate(0)}to{transform:rotate(-360deg)}}.spin svg{border-right-color:transparent;animation:loader-rotate 1.5s linear infinite}