*{box-sizing:border-box}.App,body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;font-size:16rem;height:100vh;margin:0;overflow:hidden;width:100%}.App,body,input,textarea{background:#fff;background:var(--background);color:#000;color:var(--text-primary)}:root{--background:#fff;--background-hover:#ddd;--text-primary:#000;--accent:#7634d8;--accent-hover:#5f29b1;--btn-hover:#bbb;--border:solid #ddd;--color-white:#fff;--danger:#df395a;--text-primary-2:rgba(0,0,0,.822);-webkit-tap-highlight-color:rgba(152,152,152,.142)}[data-theme=dark]{--background:#111;--background-hover:#1b1b1b;--btn-hover:#3a3a3a;--text-primary:#fff;--accent:#9e0000;--accent-hover:#750101;--border:solid #252525;--danger:#750101;--text-primary-2:rgba(255,254,254,.79);-webkit-tap-highlight-color:#3a3a3a1f}button{background:none;border:0;color:#7634d8;color:var(--accent);cursor:pointer;font-family:inherit;font-size:inherit;margin:0;padding:0}html{font-size:.05208vw}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-thumb{background-color:#ddd;background-color:var(--background-hover);border-radius:3rem}.App{display:grid;grid-template-areas:"h h" "s m";grid-template-columns:30% 70%;grid-template-rows:60rem 100vh}.btn{background-color:#7634d8;background-color:var(--accent);color:#fff;color:var(--color-white);font-weight:700}.btn,.btn-2{align-items:center;border-radius:5rem;display:flex;height:35rem;justify-content:center;transition:all .2s ease;width:40rem}.btn-2{background-color:#ddd;background-color:var(--background-hover)}.btn>svg{stroke:#000;stroke:var(--text-primary);stroke-width:1rem}.btn-2>svg,.btn>svg{fill:#000;fill:var(--text-primary);font-size:20rem}.btn-2>svg{stroke:#000;stroke:var(--text-primary);stroke-width:0}.btn-no-active{opacity:.5;pointer-events:none}.btn-theme>svg{stroke-width:0;fill:#fff;fill:var(--color-white);stroke:#fff;stroke:var(--color-white)}@media (hover:hover){.btn:hover{background-color:#5f29b1;background-color:var(--accent-hover)}.btn-2:hover{background-color:#bbb;background-color:var(--btn-hover)}.header-btn-remove:hover{background-color:#df395a;background-color:var(--danger)}.app-sidebar-note:hover{background:#ddd;background:var(--background-hover)}.search-item:hover{background-color:#ddd;background-color:var(--background-hover)}}.header{border-bottom:1rem solid #ddd;border-bottom:1rem var(--border);display:grid;grid-area:h;grid-template-columns:30% 70%}.app-sidebar-header{align-items:center;border-right:1rem solid #ddd;border-right:1rem var(--border);display:flex;justify-content:space-between;padding:0 15rem}.app-sidebar-header h1{margin:0}.header-btns{align-items:center;-webkit-column-gap:5rem;column-gap:5rem;display:flex}.header-btn-add svg{stroke-width:2rem;font-size:25rem}.header-btn-remove{-webkit-tap-highlight-color:rgba(238,0,48,.407)}.header-btn-remove svg{stroke-width:0}.header-container{-webkit-column-gap:10rem;column-gap:10rem;padding:0 15rem}.header-container,.search-box{align-items:center;display:flex;justify-content:right;position:relative}.search-box{width:30%}.search-box input{border:1rem solid #ddd;border:1rem var(--border);border-radius:5rem;box-sizing:border-box;display:block;font-family:inherit;font-size:inherit;height:35rem;outline:none;padding:5rem 10rem;resize:none;width:100%}.search-box-btn{border-bottom-left-radius:0;border-top-left-radius:0;position:absolute;right:0;z-index:1}.search-box-btn>svg{-webkit-transform:scaleX(-1);transform:scaleX(-1)}.search-items{background:#fff;background:var(--background);border:1rem solid #ddd;border:1rem var(--border);border-bottom-left-radius:5rem;border-bottom-right-radius:5rem;border-top:0;height:250rem;left:0;margin:0;overflow-y:auto;padding:0;position:absolute;top:35rem;width:100%;z-index:9999}.search-item{color:#000;color:var(--text-primary);cursor:pointer;display:block;padding:5rem 10rem}.search-box-active input{border-radius:0}.search-box-active .search-box-btn{border-bottom-left-radius:0;border-bottom-right-radius:0}.app-sidebar{border-right:1rem solid #ddd;border-right:1rem var(--border);grid-area:s;position:relative}.app-sidebar-notes{height:calc(100vh - 78rem);overflow-y:auto}.app-sidebar-note{border-bottom:1rem solid #ddd;border-bottom:1rem var(--border);cursor:pointer;padding:25rem}.sidebar-note-title{display:flex;justify-content:space-between}.app-sidebar-note button{color:crimson}.app-sidebar-note p{margin:10rem 0}.app-sidebar-note small{color:#999;display:block}.app-sidebar-note.active,.app-sidebar-note.active small{background:#7634d8;background:var(--accent);color:#fff}.no-note{align-items:center;color:#999;display:flex;font-size:20rem;height:100%;justify-content:center;position:absolute;text-align:center;width:100%}.app-main{background:rgba(0,0,0,.02);grid-area:m;position:relative}.app-main-bg{align-items:center;display:flex;height:100%;justify-content:center;margin:auto;position:absolute;right:0;width:100%}.app-main-bg>svg{fill:#ddd;fill:var(--background-hover);-webkit-animation:note-animate 15s ease-in-out infinite;animation:note-animate 15s ease-in-out infinite;height:500rem;opacity:1;-webkit-transform:rotate(220deg);transform:rotate(220deg);width:500rem}@-webkit-keyframes note-animate{0%{fill:#ddd;fill:var(--background-hover)}15%{fill:#7634d8;fill:var(--accent);-webkit-filter:drop-shadow(0 0 10rem #ddd);filter:drop-shadow(0 0 10rem #ddd);-webkit-filter:drop-shadow(0 0 10rem var(--background-hover));filter:drop-shadow(0 0 10rem var(--background-hover));opacity:.5}30%{fill:#ddd;fill:var(--background-hover);-webkit-filter:drop-shadow(0 0 0 #ddd);filter:drop-shadow(0 0 0 #ddd);-webkit-filter:drop-shadow(0 0 0 var(--background-hover));filter:drop-shadow(0 0 0 var(--background-hover))}to{fill:#ddd;fill:var(--background-hover)}}@keyframes note-animate{0%{fill:#ddd;fill:var(--background-hover)}15%{fill:#7634d8;fill:var(--accent);-webkit-filter:drop-shadow(0 0 10rem #ddd);filter:drop-shadow(0 0 10rem #ddd);-webkit-filter:drop-shadow(0 0 10rem var(--background-hover));filter:drop-shadow(0 0 10rem var(--background-hover));opacity:.5}30%{fill:#ddd;fill:var(--background-hover);-webkit-filter:drop-shadow(0 0 0 #ddd);filter:drop-shadow(0 0 0 #ddd);-webkit-filter:drop-shadow(0 0 0 var(--background-hover));filter:drop-shadow(0 0 0 var(--background-hover))}to{fill:#ddd;fill:var(--background-hover)}}.app-main-note-edit,.app-main-note-preview{height:100vh}.no-active-note{align-items:center;color:#999;display:flex;font-size:20rem;grid-area:m;justify-content:center;position:relative;text-align:center}.app-main-note-edit{overflow-y:auto;padding:25rem;position:relative;z-index:1}.app-main-note-edit input,textarea{background:transparent;border:none;box-sizing:border-box;display:block;font-family:inherit;font-size:inherit;height:auto;padding:0;resize:none;width:100%}.app-main-note-edit input:focus,textarea:focus{outline:none}.app-main-note-edit input{font-size:24rem;font-weight:700;margin:0;padding-bottom:10rem;position:relative}.input{border-bottom:1rem solid #ddd;border-bottom:1rem var(--border);position:relative}.input:before{background-color:solid #ddd;background-color:var(--border);width:100%}.input:after,.input:before{bottom:0;content:"";height:1rem;left:0;position:absolute}.input:after{-webkit-animation:ss 15s ease-in-out infinite;animation:ss 15s ease-in-out infinite;background-color:#7634d8;background-color:var(--accent);width:0}@-webkit-keyframes ss{0%{width:0}15%{width:100%}30%{left:auto;right:0;width:0}to{width:0}}@keyframes ss{0%{width:0}15%{width:100%}30%{left:auto;right:0;width:0}to{width:0}}.app-main-note-edit textarea{font-size:15rem;line-height:20rem;margin:10rem 0 0}.app-main-note-edit textarea::-webkit-input-placeholder{color:rgba(0,0,0,.822);color:var(--text-primary-2);font-size:15rem;margin:10rem 0 0}.app-main-note-edit textarea::placeholder{color:rgba(0,0,0,.822);color:var(--text-primary-2);font-size:15rem;margin:10rem 0 0}.app-main-note-edit textarea{font-size:16rem;line-height:22rem;margin-bottom:20rem;overflow:hidden}@media (max-width:1920px){html{font-size:1px}}@media (max-width:900px){.App{display:grid;grid-template-areas:"h h" "m m";grid-template-columns:1fr;grid-template-rows:60rem 100vh}.app-sidebar{background-color:#fff;background-color:var(--background);bottom:0;height:calc(100% - 60rem);left:0;overflow:hidden;overflow-y:auto;position:fixed;transition:all .3s ease-in-out;width:100%;z-index:999}.app-sidebar-notes{height:auto}.sidebar--isHidden{-webkit-transform:translateX(100%);transform:translateX(100%);visibility:hidden}.back{height:30rem;margin:10rem;position:absolute;right:0;top:0;width:30rem;z-index:2}.back>svg{background-position:50%}.search-box{width:35rem}.search-box-active{width:100%}.search-box input{width:0}.search-box-active input{width:100%}.app-sidebar-note,.search-box-btn{border-radius:5rem}.app-sidebar-note,.app-sidebar-note>small{position:relative}.app-sidebar-note:active{background-color:#ddd;background-color:var(--background-hover)}html{font-size:1px}}@media (max-width:380px){html{font-size:.8px}}.modal{-webkit-backdrop-filter:blur(5rem);backdrop-filter:blur(5rem);background:hsla(0,0%,73%,.007);height:100%;left:0;opacity:0;overflow:auto;position:fixed;top:0;transition:all .2s linear;visibility:hidden;width:100%;z-index:9990000}.modal--isActive{opacity:1;visibility:visible}.modal__overlay{align-items:center;bottom:0;display:flex;height:100%;justify-content:center;left:0;padding:0 10rem;position:fixed;right:0;top:0;width:100%}.no-scroll{height:100vh;overflow:hidden}.modal-close{align-items:center;cursor:pointer;display:flex;height:30rem;justify-content:center;margin:5rem;position:absolute;right:0;top:0;width:30rem;z-index:1}.modal-close>svg{fill:#000;fill:var(--text-primary);stroke:#000;stroke:var(--text-primary);stroke-width:0;font-size:25rem}.modal-window{align-items:center;background-color:#fff;background-color:var(--background);border:1rem solid #ddd;border:1rem var(--border);border-radius:3px;box-shadow:0 0 10rem 0 rgba(26,26,26,.25);display:flex;flex-direction:column;justify-content:center;opacity:0;padding:50rem;-webkit-transform:translateY(25%);transform:translateY(25%);transition:all .2s linear;z-index:1}.modal-window>p{font-weight:700}.modal--isActive .modal-window{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}.btns-modal{-webkit-column-gap:10rem;column-gap:10rem;display:flex;margin-top:10rem}.btn-modal{display:inline-block;width:100rem}@media (max-height:850px) or (max-width:600px){.app-main-bg>svg{height:20vh;width:20vw}}
/*# sourceMappingURL=main.23a023a6.css.map*/