@import"https://fonts.googleapis.com/css2?family=Average+Sans&family=Signika+Negative:wght@300..700&display=swap";:root{--primary-color: #3933a0;--secondary-color: #7c1932;--blue: #4e6bff;--green: #5cb85c;--red: #c62828;--yellow: #ffca28;--purple: #673ab7}body{font-family:Signika Negative,sans-serif;font-optical-sizing:auto;font-style:normal;background-color:#0e0e0e;padding:0;margin:0;box-sizing:border-box}.negative{font-family:Signika Negative,sans-serif}.average{font-family:Average Sans,sans-serif}.sidebarContainer{width:20%;height:100vh;background:linear-gradient(to bottom,var(--primary-color),var(--secondary-color));padding-right:3px;background-size:200% 200%;animation:gradientAnimation 3s infinite alternate;position:fixed;top:0;left:0}.sidebar{width:100%;height:100vh;background:#1e1e1e}@keyframes gradientAnimation{0%{background-position:0% 0%}to{background-position:100% 100%}}.brand{display:flex;justify-content:space-between;align-items:center;max-width:100%;padding:1rem 1rem .5rem}.brandDetails{display:flex;justify-content:center;align-items:center;color:#eee}img{width:2.5rem;height:auto}.brand h2{font-size:1.25rem;font-weight:900;letter-spacing:1px;margin:0;margin-left:.5rem}.brand:hover{background-color:#1c1c1c;transition:background-color .3s ease}.toggler{font-size:1.5rem;color:#ccc;transition:.3s ease-in-out}.toggler:hover{color:var(--primary-color);cursor:pointer}.btn-container{width:100%;display:flex;justify-content:center;align-items:center;padding-top:1rem}button.btn{width:90%;padding:.9rem;font-size:1.5rem;color:#eee;background:linear-gradient(to right,var(--primary-color),var(--secondary-color));border:none;border-radius:.5rem;letter-spacing:1px;font-weight:600;animation:liquidBackground 5s infinite alternate;border:.25px solid #555;box-shadow:0 1px 1px var(--primary-color);transition:.4s ease-in-out;cursor:pointer}@keyframes liquidBackground{0%{background-position:0% 0%}to{background-position:100% 100%}}.btn:hover{border:.75px solid #777;box-shadow:0 2px 4px var(--primary-color)}button.btn:active{cursor:pointer;animation:clickAnimation .3s ease}@keyframes clickAnimation{0%{transform:scale(1)}50%{transform:scale(.95)}to{transform:scale(1)}}.notesContainer{width:95%;display:flex;justify-content:center;align-items:center;flex-direction:column;margin:auto;margin-top:1rem;height:auto}.note-items{width:89.5%;display:flex;justify-content:center;align-items:center;flex-direction:column;background:#151515;padding:.5rem .75rem;margin:.75px;border-radius:.5rem;transition:.5s ease-in-out}.note{min-width:95%;background-color:#2e2e2e;display:flex;justify-content:center;align-items:center;flex-direction:column;border-radius:.5rem;margin:.25rem 0;box-shadow:0 2px 4px #00000080;transition:.4s ease-in-out;transition:transform .3s ease-in-out}.note-header{margin:.5rem 0;color:#999;text-align:left;font-size:1rem;width:100%}p.title{font-size:1.25rem;margin-bottom:.25rem;font-family:Signika Negative;color:#eee;font-weight:900}p{margin:0}.note-footer{display:flex;justify-content:flex-end;width:100%;align-items:center;text-align:right;color:#555}.note-footer p span{display:block}.note:hover,.activeNote{background:linear-gradient(to right,var(--primary-color),var(--secondary-color));cursor:pointer}.note:hover .note-items{background:#111}.userSection{position:absolute;bottom:0;display:flex;justify-content:center;align-items:center;flex-direction:column;width:100%;border-top:.25px solid #555;border-top-left-radius:.75rem;background:#171717;border-top-right-radius:.75rem;box-shadow:0 -2px 4px #0003;transition:.3s ease-in-out}.userSection:hover{box-shadow:0 -3px 6px #0006;color:#eee}.user-container{display:flex;justify-content:flex-start;align-items:center;width:100%;margin-left:1.25rem;margin-top:.5rem}.userDetails{display:flex;justify-content:flex-start;align-items:center;width:100%;color:#ccc;padding:.5rem .25rem}.userDetails i{font-size:1.5rem}h2.userName{font-size:1.25rem;margin:0;padding-left:.5rem;font-weight:500;font-family:Average Sans;letter-spacing:.25px}.copyright{color:#777;font-size:.75rem}.userSection:hover .userDetails{color:#eee}.note:hover{transform:scale(1.05);box-shadow:0 3px 6px #00000080}.btn:hover{transform:scale(1.05)}.toggler:hover i{transform:scale(1.1)}@media (max-width: 1294px){.sidebarContainer{width:25%}}@media (max-width: 1024px){.sidebarContainer{width:30%}}@media (max-width: 912px){.sidebarContainer{width:32%}}.sidebarTop{position:sticky;top:0;padding-bottom:.25rem}.sidebar{width:100%;height:100vh;background:#1e1e1e;overflow-y:hidden}.sidebarTop{position:sticky;top:0;padding-bottom:.5rem;background:#1e1e1e}.userSection{position:absolute;bottom:0;overflow:hidden;display:flex;justify-content:center;align-items:center;flex-direction:column;width:100%;border-top:.25px solid #555;border-top-left-radius:.75rem;background:#171717;border-top-right-radius:.75rem;box-shadow:0 -2px 4px #0003;transition:.3s ease-in-out}span{color:#333;margin-left:.5rem}::-webkit-scrollbar{width:10px;background-color:#1e1e1e;margin-right:.25rem}::-webkit-scrollbar-thumb{width:10px;background:linear-gradient(to bottom,var(--primary-color),var(--secondary-color));border-radius:2rem}.notesContainer{width:90%;justify-content:center;align-items:center;flex-direction:column;margin:auto;margin-top:1rem;height:auto;overflow-y:auto}.notesContainer{margin-top:0rem;height:auto;overflow-y:auto}.sidebarContainer{position:relative}.hidden{left:-20rem}.mainToggler{font-size:1.5rem;color:#ccc;transition:.3s ease-in-out;position:absolute;top:1.5rem;right:2rem;cursor:pointer;z-index:1000}.mainToggler.hidden{left:-20rem}.sidebarContainer{transition:.5s ease-in-out}.notesContainer{margin-top:0rem;height:auto;overflow-y:auto;width:98%}@media (max-width: 792px){.sidebarContainer{width:40%}}@media (max-width: 592px){.sidebarContainer{width:50%}}@media (max-width: 462px){.sidebarContainer{width:75%}}.titleContainer{padding-bottom:.5px;background:linear-gradient(to right,var(--primary-color),var(--secondary-color));width:auto;display:inline-block;margin-bottom:.2rem}.titleContainer .title{background:#151515;width:auto}p.title{font-size:1.25rem;margin-bottom:.1rem;font-family:Signika Negative;color:#eee;font-weight:900}.userDetails{display:flex;justify-content:flex-start;align-items:center;width:100%;color:#ccc;padding:.2rem .25rem .25rem}.userSection{padding-bottom:.5rem}.container{width:75%;align-items:center;padding:0rem}.noteContainer{padding:0;padding-top:3rem;padding-left:4rem}.noteHeading{margin-bottom:1.5rem;padding-bottom:2px;background:linear-gradient(to right,var(--primary-color),var(--secondary-color));display:inline-block;justify-content:center;align-items:center;max-width:100%;min-width:24%;width:auto}div#root{display:flex}input.title{background:#0e0e0e;color:#eee;border:none;font-size:2.5rem;font-family:Signika Negative;outline:none;width:auto;max-width:100%;display:block}.noteDesc{width:95%;height:75vh}.noteDesc textarea{border:none;font-size:1.1rem;color:#ccc;font-family:Average Sans;outline:none;width:100%;height:75vh;letter-spacing:.5px;font-weight:400;background-color:#0e0e0e;line-height:1.5rem;resize:none;border-radius:1rem}.sidebarContainer{transition:.3s display ease-in-out}.sidebarContainer.hidden{display:none}.container.active{width:90%;align-items:center;padding:0rem}.container.active .noteContainer{padding:0;margin:auto;padding-top:4rem;padding-left:5rem}@media (max-width: 792px){.container.active{width:95%;align-items:center;padding:0rem}.sidebarContainer{width:45%;position:absolute}.container.active .noteContainer{padding:0;margin:auto;padding-top:4rem;padding-left:2rem}}.formattingContainer{position:fixed;right:1.5rem;top:38%;display:flex;flex-direction:column;background:linear-gradient(to bottom,var(--primary-color),var(--secondary-color));padding:1px;border-radius:.5rem}.formattings{background-color:#0e0e0e;height:100%;border-radius:.5rem}.formattingItems{font-size:1.5rem;text-align:center;color:#ccc;margin:.5rem .4rem;display:flex;justify-content:center;align-items:center;padding:.5rem .4rem;background:#0f0f0f;border-radius:.25rem;transition:.5s ease-in-out}.formattingItems:hover{transform:scale(1.05);background-color:var(--primary-color)}.toggler i:hover{transform:scale(1.1);color:var(--primary-color)}.noteDesc textarea{border:none;font-size:1.25rem;color:#ccc;font-family:Average Sans;outline:none;width:100%;height:75vh;letter-spacing:.75px;font-weight:400;background-color:#0e0e0e;line-height:1.5rem;resize:none;border-radius:1rem}.mainToggler{font-size:1.5rem;color:#ccc;transition:.3s ease-in-out;position:absolute;top:1.5rem;cursor:pointer;z-index:1000;display:none}.mainToggler.active{font-size:1.5rem;color:#ccc;transition:.3s ease-in-out;position:absolute;top:1.5rem;right:2rem;cursor:pointer;z-index:1000;display:flex}@media (max-width: 592px){.sidebarContainer{width:50%;position:absolute}}@media (max-width: 492px){.sidebarContainer{width:60%;position:absolute}}@media (max-width: 454px){.sidebarContainer{width:70%;position:absolute}}@keyframes typewriter{0%{width:0%}5%{width:5%}10%{width:10%}15%{width:15%}20%{width:20%}25%{width:25%}30%{width:30%}35%{width:35%}40%{width:40%}45%{width:55%}50%{width:50%}55%{width:60%}65%{width:70%}75%{width:75%}80%{width:80%}90%{width:90%}95%{width:95%}to{width:100%}}@keyframes titlebg{0%{background:none}20%{background:none}30%{background:none}40%{background:none}50%{background:none}60%{background:none}70%{background:none}80%{background:none}95%{background:none}99.999%{background:none}to{background:linear-gradient(to right,var(--primary-color),var(--secondary-color))}}input.title{animation:typewriter 3.5s}.noteHeading{animation:titlebg 3.5s}.show{animation:typewriter 3.5s}.showinp{animation:titlebg 3.5s}.currentNote{min-width:95%;background-color:#2e2e2e;display:flex;justify-content:center;align-items:center;flex-direction:column;border-radius:.5rem;margin:.25rem 0;box-shadow:0 2px 4px #000000bf;transition:.4s ease-in-out;transition:transform .3s ease-in-out;transform:scale(1.015)}.activeNote{background:linear-gradient(to right,var(--primary-color),var(--secondary-color));cursor:pointer;border:.25px solid #aaa}.activeNote .note{min-width:95%;background-color:#2e2e2e;display:flex;justify-content:center;align-items:center;flex-direction:column;border-radius:.5rem;margin:.25rem 0;box-shadow:0 2px 4px #0009;transition:.4s ease-in-out;transition:transform .3s ease-in-out}.activeNote p.desc{color:#ccc}.activeNote p.time{color:#aaa}.activeNote .titleContainer{padding-bottom:0;background:transparent;width:auto;display:inline-block;margin-bottom:.25rem;border-bottom:1.75px solid #ccc}.activeNote .titleContainer .title{background:transparent;width:auto}.activeNote p.title{font-size:1.25rem;margin-bottom:0;font-family:Signika Negative;color:#eee;font-weight:900}.note:hover .activeNote{border:.5px solid #ccc;background:linear-gradient(to right,var(--primary-color),var(--secondary-color))}.currentNote:hover{transform:scale(1.025)}.note:hover{transform:scale(1.04);box-shadow:0 3px 6px #0000004d}.formattingContainer{position:absolute;top:50%;right:0%;transform:translate(-50%,-50%);transition:.2s ease-in-out}.hiddenFormatter{position:absolute;top:-25rem}.deleteContainer{position:absolute;top:.75rem;right:.75rem;color:#ccc;font-size:1.25rem;transition:.3s}.note-items{position:relative}.deleteContainer:hover{transform:scale(1.1);color:#eee}.bold{font-weight:700}.italic{font-style:italic}.underline{text-decoration:underline}ul{list-style-type:disc}ol{list-style-type:decimal}.userSection{border:none;border-radius:0;margin:auto;padding:.25rem 0;background-color:#1c1c1c;box-shadow:none;border-top:.25px solid #555}.copyright{color:#ccc;font-size:.75rem;text-align:center;display:flex;justify-content:center;align-items:center;width:100%;font-size:1rem;font-family:Signika Negative}a.userLink{text-decoration:none;color:#ccc;display:flex;justify-content:center;align-items:center;width:auto}.cl-rootBox.cl-signIn-root.🔒️.cl-internal-phfxlr{display:flex;justify-content:center;align-items:center;width:100%;height:100vh;background:#3e59e8;font-family:Signika Negative}.sidebar{width:100%;height:100vh;background:#1e1e1e;overflow-y:auto}.notesContainer{margin-top:0rem;height:auto;overflow-y:scroll;width:98%;overflow:visible}.userSection{border:none;border-radius:0;margin:auto;padding:.25rem 0;background-color:#1c1c1c;box-shadow:none;border-top:.25px solid #555;position:absolute}.cl-rootBox.cl-signUp-root.🔒️.cl-internal-phfxlr{display:flex;justify-content:center;align-items:center;width:100%;height:110vh;background:#3e59e8}.cl-userButtonBox.🔒️.cl-internal-1cd5e4l{width:100%;display:flex;justify-content:flex-end;flex-direction:row-reverse}.cl-rootBox.cl-userButton-root.🔒️.cl-internal-phfxlr{width:100%}a.userLink{text-decoration:none;color:#777;display:flex;justify-content:space-between;align-items:center;width:auto}h2.userName{font-size:1.1rem;margin:0;padding-left:.5rem;font-weight:500;font-family:Average Sans;letter-spacing:.25px;color:#777}h2.userName:hover{font-size:1.1rem;margin:0;padding-left:.5rem;font-weight:500;font-family:Average Sans;letter-spacing:.25px;color:#eee}.copyright{color:#aaa;text-align:center;display:flex;justify-content:center;align-items:center;width:100%;font-size:.75rem;font-family:Signika Negative}.userDetails{margin-bottom:.15rem;color:#777}.links{display:flex}span{color:#eee;margin-left:.5rem}.loader-wrapper{display:flex;justify-content:center;align-items:center;height:100vh;background-color:#333;overflow:hidden}.loading-text{font-size:2rem;font-weight:700;color:#fff;white-space:nowrap;overflow:hidden;animation:typewriter 3s steps(20) forwards}@keyframes typewriter{0%{width:30%}to{width:50%}}.welcome-text{font-size:3rem;font-weight:700;color:#fff;text-shadow:0 0 10px rgba(255,255,255,.3)}.loader{width:6rem;aspect-ratio:1;display:grid;border:4px solid #0000;border-radius:50%;border-color:#ccc #0000;animation:l16 1s infinite linear}.loader:before,.loader:after{content:"";grid-area:1/1;margin:8px;border:inherit;border-radius:50%}.loader:before{border-color:#f03355 #0000;animation:inherit;animation-duration:.5s;animation-direction:reverse}.loader:after{margin:15px}@keyframes l16{to{transform:rotate(1turn)}}.loaderContainer{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100vh;display:flex;justify-content:center;align-items:center;background:#0c0c0c;color:var(--primary-color);z-index:999999999;flex-direction:column}.text{margin-top:2rem;font-size:2.5rem;color:#ccc}.loaderContainer{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100vh;display:flex;justify-content:center;align-items:center;color:var(--primary-color);z-index:999999999;animation:changeBackground 10s infinite alternate}@keyframes changeBackground{0%{background-color:#0c0c0c}33%{background-color:#003}66%{background-color:#002}to{background-color:#0c0c0c}}.typewriter{overflow:hidden;border-right:.15em solid var(--primary-color);white-space:nowrap;margin:0 auto;letter-spacing:3px;animation:typing 4.5s steps(40,end),blink-caret .75s step-end infinite}@media (max-width: 1292px){.typewriter{overflow:hidden;border-right:.15em solid var(--primary-color);white-space:nowrap;margin:0 auto;letter-spacing:3px;animation:laptoptyping 2s steps(40,end),blink-caret .75s step-end infinite}}@media (max-width: 1092px){.typewriter{overflow:hidden;border-right:.15em solid var(--primary-color);white-space:nowrap;margin:0 auto;letter-spacing:3px;animation:tablettyping 2s steps(40,end),blink-caret .75s step-end infinite}}@media (max-width: 992px){.typewriter{overflow:hidden;border-right:.15em solid var(--primary-color);white-space:nowrap;margin:0 auto;letter-spacing:3px;animation:smalltablettyping 2s steps(40,end),blink-caret .75s step-end infinite}}@media (max-width: 792px){.typewriter{overflow:hidden;border-right:.15em solid var(--primary-color);white-space:nowrap;margin:0 auto;letter-spacing:3px;animation:mobiletyping 2s steps(40,end),blink-caret .75s step-end infinite}}@media (max-width: 592px){.typewriter{overflow:hidden;border-right:.15em solid var(--primary-color);white-space:nowrap;margin:0 auto;letter-spacing:3px;animation:smallmobiletyping 2s steps(40,end),blink-caret .75s step-end infinite}}@keyframes typing{0%{opacity:1;transform:translateY(0);width:0}45%{opacity:1;transform:translateY(0);width:33%}50%{opacity:.5;transform:translateY(0)}75%{opacity:0}to{opacity:0}}@keyframes laptoptyping{0%{opacity:1;transform:translateY(0);width:0}40%{opacity:1;transform:translateY(0);width:40%}50%{opacity:.5;transform:translateY(0)}75%{opacity:0}to{opacity:0}}@keyframes tablettyping{0%{opacity:1;transform:translateY(0);width:0}40%{opacity:1;transform:translateY(0);width:45%}50%{opacity:.5;transform:translateY(0)}75%{opacity:0}to{opacity:0}}@keyframes smalltablettyping{0%{opacity:1;transform:translateY(0);width:0}40%{opacity:1;transform:translateY(0);width:85%}50%{opacity:.5;transform:translateY(0)}75%{opacity:0}to{opacity:0}}@keyframes mobiletyping{0%{opacity:1;transform:translateY(0);width:0}40%{opacity:1;transform:translateY(0);width:73%}50%{opacity:.5;transform:translateY(0)}75%{opacity:0}to{opacity:0}}@keyframes smallmobiletyping{0%{opacity:1;transform:translateY(0);width:0}40%{opacity:1;transform:translateY(0);width:90%}50%{opacity:.5;transform:translateY(0)}75%{opacity:0}to{opacity:0}}@keyframes blink-caret{0%,to{border-color:transparent}50%{border-color:orange}}@keyframes hideAnimation{0%{display:flex}to{display:none}}.welcomeTextContainer{display:flex;justify-content:center;align-items:center;width:100%;position:absolute;height:100vh;z-index:9999999999999;background:#0c0c0c;color:#ccc;font-family:Average Sans;font-size:3rem;animation:changeBackground 5s infinite alternate;animation:hideAnimation 5s}.user-continer{position:absolute;right:1rem;top:1.1rem;margin:0 .75rem;border:.75px solid #777;border-radius:50px;padding:2px;background:linear-gradient(to right,var(--primary-color),var(--secondary-color))}.user-container{display:flex;justify-content:flex-start;align-items:center;width:100%;margin-left:0rem;margin-top:0rem;background:#0e0e0e;border-radius:2rem}.user-container{display:flex;justify-content:flex-start;align-items:center;width:100%;margin-left:0rem;margin-top:0rem}.auth{display:flex;justify-content:flex-start;align-items:center;width:100%;color:#ccc;padding:0;margin-bottom:0}.mainToggler.active{font-size:1.5rem;color:#ccc;transition:.3s ease-in-out;position:absolute;top:4rem;right:2rem;cursor:pointer;z-index:1000;display:flex}.auth{display:flex;justify-content:flex-start;align-items:center;width:100%;color:#ccc;margin:6px;padding:0;margin-right:1rem}h2.userName{font-size:1.1rem;margin:0;padding-left:.5rem;font-weight:500;font-family:Average Sans;letter-spacing:.25px;color:#ccc}span{color:#777;margin-left:.5rem}.userDetails{margin-bottom:0;padding:1px}.mainToggler.active{font-size:1.5rem;color:#ccc;transition:.3s ease-in-out;position:absolute;top:4.25rem;right:2.25rem;cursor:pointer;z-index:1000;display:flex}.userSection{border:none;border-radius:0;margin:auto;padding:.25rem 0;background-color:#1c1c1c;box-shadow:none;border-top:.25px solid #555;position:absolute;display:flex;justify-content:space-between;align-items:center;flex-direction:row;width:100%}.copyright{color:#aaa;text-align:center;display:flex;justify-content:start;align-items:center;width:100%;font-size:.9rem;font-family:Signika Negative;margin-left:1rem}.socialMedia{display:flex;margin-right:.75rem}.socialMedia i{color:#ccc;margin:.15rem .25rem;font-size:1.25rem;transition:.3s ease-in-out}.socialMedia i:hover{color:#eee;transform:scale(1.1)}.deleteContainer{display:none}.note:hover .deleteContainer{display:flex}.confetti{position:absolute;background-color:red;width:10px;height:10px;border-radius:50%;animation:confetti 3s ease-in-out}#confetti-container{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:9999}#confetti-container.active{pointer-events:auto}@keyframes confetti{0%{transform:translateY(0) rotate(0)}to{transform:translateY(100vh) rotate(360deg)}}.confetti{position:fixed;background-color:red;width:10px;height:10px;border-radius:50%;animation:confetti 3s ease-in-out}.auth-container{width:100%;height:100vh;display:flex;justify-content:center;align-items:center;padding:0rem}.cl-rootBox.cl-signUp-root.🔒️.cl-internal-phfxlr{display:flex;justify-content:center;align-items:center;width:100%;height:110vh;background:#3e59e8;padding-top:5rem}.cl-rootBox.cl-signUp-root.🔒️.cl-internal-phfxlr{display:flex;justify-content:center;align-items:center;width:100%;height:110vh;background:#3e59e8;padding-top:0rem}.auth-container{width:100%;height:100vh;display:flex;justify-content:center;align-items:center;padding:0rem;background:#3e59e8}.register{width:100%;height:120vh;display:flex;justify-content:center;align-items:center;padding:0rem;background:#3e59e8}@media (max-width: 792px){.note .deleteContainer{display:flex}}input.title{background:#0e0e0e;color:#eee;border:none;font-size:2.5rem;font-family:Signika Negative;outline:none;width:auto;max-width:100%;display:block;width:18rem}.image-upload-container{display:flex;align-items:center;margin-bottom:10px}.image-upload-container input[type=file]{margin-right:10px}.image-upload-container button{padding:5px 10px;background-color:#007bff;color:#fff;border:none;border-radius:4px;cursor:pointer}.noteDesc img{max-width:100%;height:auto;margin:10px 0}.image-container{display:flex;flex-wrap:wrap;margin-bottom:10px}.image-container img{max-width:100%;margin-right:10px;margin-bottom:10px}.image-container{display:flex;flex-wrap:wrap;margin-bottom:10px;justify-content:flex-start;align-items:flex-start;flex-direction:row;margin-top:1rem;z-index:9999999999;width:90%}.images{display:flex;flex-wrap:wrap;justify-content:flex-start;align-items:flex-start;flex-direction:row;top:0;left:0;background:#111;margin:auto;padding:0 .5rem;border:.25px solid #333;border-radius:.5rem;margin-top:1rem;z-index:9999999999}.image-container img{max-width:100%;margin-right:10px;margin-bottom:10px;align-items:flex-start;display:flex;justify-content:flex-start;height:3rem;width:auto;z-index:999999}.noteDesc{display:flex;justify-content:center;align-items:center;height:100%;overflow:auto;flex-direction:column;margin-top:.5rem;position:relative}.noteDesc{display:flex;justify-content:center;align-items:center;height:100%;flex-direction:column;margin-top:.5rem;position:relative;overflow:hidden;overflow-y:auto}.noteDesc textarea{border:none;font-size:1.25rem;color:#ccc;font-family:Average Sans;outline:none;width:100%;height:50vh;letter-spacing:.75px;font-weight:400;background-color:#0e0e0e;line-height:1.5rem;resize:none;border-radius:1rem}.image-upload{display:inline-block}.file-input-label{display:inline-flex;align-items:center;justify-content:center;background-color:#f0f0f0;color:#333;padding:10px 15px;border-radius:5px;cursor:pointer;transition:background-color .3s ease}.file-input-label:hover{background-color:#e0e0e0}.plus-icon{font-size:18px;font-weight:700;margin-right:5px}.text{font-size:14px}.file-input-label{display:inline-flex;background-color:#f0f0f0;color:#ccc;padding:5px 15px;border-radius:5px;cursor:pointer;transition:background-color .3s ease;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#171717;border:.5px solid #777;box-shadow:0 2px 4px #000000bf}.image-upload{display:flex;justify-content:center;align-items:center;flex-direction:column}.file-input-label{display:inline-flex;background-color:#f0f0f0;color:#ccc;padding:5px 15px;border-radius:5px;cursor:pointer;transition:background-color .3s ease;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#171717;border:.5px solid #777;box-shadow:0 2px 4px #000000bf;min-width:3.5rem}.plus-icon{font-size:2rem;font-weight:700;margin-right:5px;color:#ccc}.image-upload .text{font-size:.75rem}.image-upload .text{font-size:.75rem;margin:0}.image-upload{display:flex;justify-content:center;align-items:center;flex-direction:column;margin:.5rem 1rem}.image-container img{max-width:100%;margin-right:10px;margin-bottom:10px;align-items:flex-start;display:flex;justify-content:flex-start;height:4rem;width:auto;z-index:999999;border:.25px solid #333;border-radius:.25rem;padding:.2rem;box-shadow:0 1px 6px var(--primary-color)}.image-container img{max-width:100%;margin-right:10px;margin-bottom:10px;align-items:center;display:flex;justify-content:center;height:4rem;width:auto;z-index:999999;border:.25px solid #333;border-radius:.25rem;padding:.2rem;box-shadow:0 1px 6px var(--primary-color);margin-bottom:.75rem}.images{display:flex;flex-wrap:wrap;justify-content:flex-start;align-items:flex-start;flex-direction:row;top:0;left:0;background:#111;margin:0;padding:0 .5rem;border:.25px solid #333;border-radius:.5rem;z-index:9999999999}.noteDesc{display:flex;justify-content:center;align-items:flex-start;height:100%;flex-direction:column;margin-top:.5rem;position:relative;overflow:hidden;overflow-y:auto}.image-container img{max-width:100%;margin-right:0;margin-bottom:10px;align-items:center;display:flex;justify-content:center;height:4rem;width:auto;z-index:999999;border:.25px solid #333;border-radius:.25rem;padding:.2rem;box-shadow:0 1px 6px var(--primary-color);margin-bottom:.75rem;margin:.5rem}.image-container{display:flex;flex-wrap:wrap;margin-bottom:10px;justify-content:flex-start;align-items:flex-start;flex-direction:row;margin-top:0;z-index:9999999999;width:90%}.images{display:flex;flex-wrap:nowrap;justify-content:flex-start;align-items:flex-start;flex-direction:row;top:0;left:0;background:#111;margin:0;padding:0 .5rem;border:.25px solid #333;border-radius:.5rem;z-index:9999999999;overflow-y:auto}.file-input-label:hover{background-color:#0c0c0c;display:flex;justify-content:center;align-items:center;border:.75px solid #ccc}.image-wrapper{position:relative;display:inline-block}.delete-icon{position:absolute;top:5px;right:5px;color:#fff;background-color:#00000080;padding:5px;border-radius:50%;cursor:pointer;opacity:0;transition:opacity .3s ease}.image-wrapper:hover .delete-icon{opacity:1}.image-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000c;display:flex;justify-content:center;align-items:center;z-index:9999}.image-overlay-inner{position:relative;max-width:90%;max-height:90%}.image-overlay-inner img{max-width:100%;max-height:100%;object-fit:contain}.close-icon{position:absolute;top:10px;right:10px;font-size:24px;color:#fff;cursor:pointer}.image-overlay-inner img{max-width:100%;max-height:100%;object-fit:contain;top:2rem;width:100%;left:2rem}.close-icon{position:absolute;top:1rem;right:25px;font-size:3rem;color:#fff;cursor:pointer}.image-container{display:flex;flex-wrap:wrap;margin-bottom:10px;justify-content:flex-start;align-items:flex-start;flex-direction:row;margin-top:0;z-index:1;overflow:auto;margin-bottom:1rem}.sidebarContainer{z-index:99}.noteDesc textarea{border:none;font-size:1.25rem;color:#ccc;font-family:Average Sans;outline:none;width:100%;height:60vh;letter-spacing:.75px;font-weight:400;background-color:#0e0e0e;line-height:1.5rem;resize:none;border-radius:1rem}.image-overlay-inner img{max-width:100%;max-height:100%;object-fit:contain;top:2rem;width:90%;left:2rem}.noteDesc{display:flex;justify-content:center;align-items:flex-start;height:100%;flex-direction:column;margin-top:0;position:static;overflow:hidden;overflow-y:auto}span{color:#555;margin-left:.5rem}.images{display:flex;flex-wrap:nowrap;justify-content:flex-start;align-items:flex-start;flex-direction:row;top:0;left:0;background:#111;margin:0;padding:0;border:.25px solid #333;border-radius:.75rem;z-index:9999999999;overflow-y:auto}.image-wrapper .delete-icon{font-size:1.25rem}.noteDesc textarea{border:none;font-size:1.25rem;color:#ccc;font-family:Average Sans;outline:none;width:100%;height:65vh;letter-spacing:.75px;font-weight:400;background-color:#0e0e0e;line-height:1.6rem;resize:none;border-radius:1rem}@media (max-width: 712px){.image-container{display:flex;flex-wrap:wrap;margin-bottom:1.5rem;justify-content:flex-start;align-items:flex-start;flex-direction:row;margin-top:0;z-index:1;width:100%;overflow:auto}.noteDesc textarea{border:none;font-size:1.25rem;color:#ccc;font-family:Average Sans;outline:none;width:100%;height:65vh;letter-spacing:.75px;font-weight:400;background-color:#0e0e0e;line-height:1.5rem;resize:none;border-radius:1rem}.image-overlay-inner img{max-width:100%;max-height:100%;object-fit:contain;top:2rem;width:100%;left:2rem}.image-wrapper .delete-icon{opacity:1;font-size:1.25rem}}.image-upload{display:flex;justify-content:center;align-items:center;flex-direction:column;margin:.5rem}.file-input-label{display:inline-flex;background-color:#f0f0f0;color:#ccc;padding:8px 15px;border-radius:5px;cursor:pointer;transition:background-color .3s ease;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#171717;border:.5px solid #777;box-shadow:0 2px 4px #000000bf;min-width:3.5rem}.close-icon{position:absolute;top:0rem;right:2rem;font-size:4rem;color:#fff;cursor:pointer}.loaderContainer .text{font-size:2rem}.mainComponent{display:flex;justify-content:space-between;width:45%;align-items:center;margin-bottom:1.5rem}.saveIcon{font-size:1.5rem;color:#ccc;margin-left:1.5rem}.noteHeading{margin-bottom:0}.noteHeading{display:flex;align-items:center}.saveIcon{margin-left:10px;cursor:pointer}.fa-save{transition:color .3s}.fa-save.unsaved{color:#f44336}.fa-save.saved{color:#4caf50}.fa-save.unsaved:hover{color:#d32f2f}.fa-save.saved:hover{color:#388e3c}.mainComponent{display:flex;justify-content:flex-start;width:45%;align-items:center;margin-bottom:1.5rem}input.title{background:#0e0e0e;color:#eee;border:none;font-size:2.5rem;font-family:Signika Negative;outline:none;width:auto;max-width:100%;display:block;width:100%}.noteHeading{display:flex;align-items:center;width:100%}@media (max-width: 1292px){.mainComponent{display:flex;justify-content:flex-start;width:60%;align-items:center;margin-bottom:1.5rem}}@media (max-width: 992px){.mainComponent{display:flex;justify-content:flex-start;width:75%;align-items:center;margin-bottom:1.5rem}}@media (max-width: 594px){.mainComponent{display:flex;justify-content:flex-start;width:85%;align-items:center;margin-bottom:1.5rem}}.custom-alert{position:absolute;top:10%;transform:translateY(-50%);color:#ccc;background:linear-gradient(to right,var(--primary-color),var(--secondary-color));padding:.75rem 1.25rem;display:flex;justify-content:center;align-items:center;margin:auto;border:.25px solid #ccc;border-radius:.5rem;left:50%;font-size:1.1rem;box-shadow:0 4px 8px #000000bf;max-width:90%;transform:translate(-50%) translateY(-50%);z-index:99999}.custom-alert-content{display:flex;justify-content:space-between;width:100%;font-family:Average Sans;align-items:center}.custom-alert button{margin-left:2rem;color:#eee;border:.25px solid #999;border-radius:.5rem;font-size:1rem;padding:.5rem 2rem;background:#8bc34a;font-weight:700;letter-spacing:.5px;transition:.3s ease-in-out}.custom-alert button:hover{margin-left:2rem;color:#efefef;border:.75px solid #ccc;border-radius:.5rem;font-size:1rem;padding:.5rem 2rem;background:#8bc34a;font-weight:700;letter-spacing:.5px}a{text-decoration:none}input.title{display:flex;animation:typewriter 2.5s;justify-content:flex-start}.show{animation:typewriter 2s}.tagContainer{width:100%;display:flex;justify-content:flex-end;color:#ccc;padding-top:.5rem;padding-right:5rem;font-size:1.5rem}.tagBg{width:auto;background:linear-gradient(to right,var(--primary-color),var(--secondary-color));padding-bottom:2px}.tag{background:#0e0e0e;color:#777}.tagBg{width:auto;background:linear-gradient(to right,var(--primary-color),var(--secondary-color));padding-bottom:2px;margin-right:.75rem}.tag{background:#0e0e0e;color:#7c7c7c}.tagContainer{width:100%;display:flex;justify-content:flex-end;color:#ccc;padding-top:.5rem;padding-right:0;font-size:1.5rem}.noteDesc{display:flex;justify-content:center;align-items:flex-start;height:100%;flex-direction:column;margin-top:0;position:static;overflow:hidden;overflow-y:auto;padding-left:1rem}.tagBg{width:20%;background:linear-gradient(to right,var(--primary-color),var(--secondary-color));padding-bottom:2px;margin-right:.75rem;display:flex;justify-content:flex-end}.tagActive{color:#ccc}.noteDesc textarea{height:53vh}.noteDesc textarea{border:none;font-size:1.25rem;color:#ccc;font-family:Average Sans;outline:none;width:100%;height:52vh;letter-spacing:.75px;font-weight:400;background-color:#0e0e0e;line-height:1.6rem;resize:none;border-radius:1rem;margin:0;padding:.1rem 0}.noteContainer{padding:0;padding-top:3rem;padding-left:3rem}.noteDesc{display:flex;justify-content:center;align-items:flex-start;height:100%;flex-direction:column;margin-top:0;position:static;overflow:hidden;overflow-y:auto;padding-left:0}.noteTag{border-top:2px solid #ccc;border-right:2px solid #ccc;position:absolute;left:0;bottom:0}.noteTag{border-top:.5px solid #555;border-right:.5px solid #555;position:absolute;left:0;bottom:0;padding:.25rem .5rem;color:#ccc;border-top-right-radius:1rem;background:#1e1e1e}.note:hover .noteTag{background-color:#0c0c0c}.currentNote .noteTag{color:#eee;background-color:#0c0c0c;border-top:.5px solid #ccc;border-right:.5px solid #ccc}@media (max-width: 1192px){.tagBg{width:20%;background:linear-gradient(to right,var(--primary-color),var(--secondary-color));padding-bottom:2px;margin-right:.75rem;display:flex;justify-content:flex-end}}@media (max-width: 1024px){.tagBg{width:25%;background:linear-gradient(to right,var(--primary-color),var(--secondary-color));padding-bottom:2px;margin-right:.75rem;display:flex;justify-content:flex-end}}@media (max-width: 872px){.tagBg{width:28%;background:linear-gradient(to right,var(--primary-color),var(--secondary-color));padding-bottom:2px;margin-right:.75rem;display:flex;justify-content:flex-end}}.currentNote .noteTag{color:#eee;background-color:#171717;border-top:.5px solid #ccc;border-right:.5px solid #ccc}textarea::-webkit-scrollbar{width:6px}textarea::-webkit-scrollbar-track{background-color:#111}.blue{background-color:var(--blue)}.green{background-color:var(--green)}.yellow{background-color:var(--yellow)}.purple{background-color:var(--purple)}.red{background-color:var(--red)}.mainTop{display:flex;justify-content:space-between;align-items:center;width:100%;padding-right:1rem}.theme{padding:.75rem;border-radius:1rem;margin:0 .4rem;border:.75px solid #ccc;transition:.3s ease-in-out}.theme:hover{padding:.75rem;transform:scale(1.25);border:1.25px solid #eee}.themeActive{padding:.75rem;transform:scale(1.2);border:2px solid #eee}.themes{display:flex;padding-right:3rem;justify-content:center;align-items:center}.themeblue .noteHeading.show{background:var(--blue)}.themegreen .noteHeading.show{background:var(--green)}.themeyellow .noteHeading.show{background:var(--yellow)}.themered .noteHeading.show{background:var(--red)}.themepurple .noteHeading.show{background:var(--purple)}.themeblue .tagBg{background:var(--blue)}.themegreen .tagBg{background:var(--green)}.themeyellow .tagBg{background:var(--yellow)}.themered .tagBg{background:var(--red)}.themepurple .tagBg{background:var(--purple)}.bluenote{background:var(--blue)}.bluenote:hover .note-items{background:var(--blue);color:#ccc}.bluenote:hover .note-items{background:var(--blue);color:#efefef}.themeNote:hover .note-items .titleContainer{padding-bottom:.5px;background:transparent;width:auto;display:inline-block;margin-bottom:.2rem}.themeNote:hover .note-items .titleContainer .title{background:transparent;width:auto}.themeNote p.desc,.themeNote p.time,.themeNote span{color:#fff}.bluenote .tagNote{color:var(--blue)}.bluenote .activeNote{background:var(--blue);cursor:pointer;color:#efefef;border:.5px solid #ccc}.greennote .tagNote{color:var(--green)}.greennote .activeNote{background:var(--green);cursor:pointer;color:#efefef;border:.5px solid #ccc}.greennote:hover .note-items{background:var(--green);color:#ccc}.greennote:hover .note-items{background:var(--green);color:#efefef}.yellownote .tagNote{color:var(--yellow)}.yellownote .activeNote{background:var(--yellow);cursor:pointer;color:#efefef;border:.5px solid #ccc}.yellownote:hover .note-items{background:var(--yellow);color:#eee}.yellownote:hover .note-items{background:var(--yellow);color:#fff}.rednote .tagNote{color:var(--red)}.rednote .activeNote{background:var(--red);cursor:pointer;color:#efefef;border:.5px solid #ccc}.rednote:hover .note-items{background:var(--red);color:#eee}.rednote:hover .note-items{background:var(--red);color:#fff}.purplenote .tagNote{color:var(--purple)}.purplenote .activeNote{background:var(--purple);cursor:pointer;color:#efefef;border:.5px solid #ccc}.purplenote:hover .note-items{background:var(--purple);color:#eee}.purplenote:hover .note-items{background:var(--purple);color:#fff}.greennote{background:var(--green)}.yellownote{background:var(--yellow)}.rednote{background:var(--red)}.purplenote{background:var(--purple)}.features{display:flex;justify-content:space-between;width:100%;align-items:center}input.tag{outline:none;border:none;padding-top:.3rem;text-align:end;font-size:1.75rem;font-family:Signika Negative}.tagContainer{width:aut0}.tagBg{width:15%;background:linear-gradient(to right,var(--primary-color),var(--secondary-color));padding-bottom:2px;margin-right:.75rem;display:flex;justify-content:flex-end}@media (max-width: 992px){.tagBg{width:50%;background:linear-gradient(to right,var(--primary-color),var(--secondary-color));padding-bottom:2px;margin-right:.75rem;display:flex;justify-content:flex-end}input.tag{outline:none;border:none;padding-top:.3rem;text-align:center;width:100%;font-size:1.75rem;font-family:Signika Negative}}@media (max-width: 592px){.tagBg{width:75%;background:linear-gradient(to right,var(--primary-color),var(--secondary-color));padding-bottom:2px;margin-right:.75rem;display:flex;justify-content:flex-end}}.activeNote .note-footer span{color:#9c9c9c}.themegreen .saved{color:var(--green)}.themered .saved{color:var(--red)}.themeyellow .saved{color:var(--yellow)}.themepurple .saved{color:var(--purple)}.themeblue .saved{color:var(--blue)}.themeblue .noteDesc textarea{border-bottom:2px solid var(--blue);border-radius:0}.themered .noteDesc textarea{border-bottom:2px solid var(--red);border-radius:0}.themeyellow .noteDesc textarea{border-bottom:2px solid var(--yellow);border-radius:0}.themepurple .noteDesc textarea{border-bottom:2px solid var(--purple);border-radius:0}.themegreen .noteDesc textarea{border-bottom:2px solid var(--green);border-radius:0}.tagBg{width:18%}@media (max-width: 1292px){.tagBg{width:18%}}@media (max-width: 1164px){.tagBg{width:25%}}@media (max-width: 972px){.tagBg{width:35%}}@media (max-width: 792px){.tagBg{width:40%}}@media (max-width: 692px){.tagBg{width:50%}}@media (max-width: 594px){.tagBg{width:80%}}.noteDesc textarea{height:55vh}.themered .images{border:.25px solid var(--red)}.themegreen .images{border:.25px solid var(--green)}.themeyellow .images{border:.25px solid var(--yellow)}.themepurple .images{border:.25px solid var(--purple)}.themeblue .images{border:.25px solid var(--blue)}.themepurple .file-input-label{border:.5px solid var(--purple)}.themepurple .plus-icon{color:var(--purple)}.themepurple img{box-shadow:0 1px 6px var(--purple)}.themepurple .image-wrapper .delete-icon:hover{color:var(--purple)}.themered .file-input-label{border:.5px solid var(--red)}.themered .plus-icon{color:var(--red)}.themered img{box-shadow:0 1px 6px var(--red)}.themered .image-wrapper .delete-icon:hover{color:var(--red)}.themeblue .file-input-label{border:.5px solid var(--blue)}.themeblue .plus-icon{color:var(--blue)}.themeblue img{box-shadow:0 1px 6px var(--blue)}.themeblue .image-wrapper .delete-icon:hover{color:var(--blue)}.themegreen .file-input-label{border:.5px solid var(--green)}.themegreen .plus-icon{color:var(--green)}.themegreen img{box-shadow:0 1px 6px var(--green)}.themegreen .image-wrapper .delete-icon:hover{color:var(--green)}.themeyellow .file-input-label{border:.5px solid var(--yellow)}.themeyellow .plus-icon{color:var(--yellow)}.themeyellow img{box-shadow:0 1px 6px var(--yellow)}.themeyellow .image-wrapper .delete-icon:hover{color:var(--yellow)}.theme{padding:.8rem;border-radius:1rem;margin:0 .45rem;border:.5px solid #ccc;transition:.3s ease-in-out;cursor:pointer}.blue{box-shadow:0 1px 4px var(--blue)}.red{box-shadow:0 1px 4px var(--red)}.yellow{box-shadow:0 1px 4px var(--yellow)}.purple{box-shadow:0 1px 4px var(--purple)}.green{box-shadow:0 1px 4px var(--green)}.rednote .noteTag{border-top:.5px solid var(--red);border-right:.5px solid var(--red)}.greennote .noteTag{border-top:.5px solid var(--green);border-right:.5px solid var(--green)}.yellownote .noteTag{border-top:.5px solid var(--yellow);border-right:.5px solid var(--yellow)}.bluenote .noteTag{border-top:.5px solid var(--blue);border-right:.5px solid var(--blue)}.rednote:hover,.rednote.currentNote{box-shadow:0 1px 6px var(--red)}.greennote:hover,.greennote.currentNote{box-shadow:0 1px 6px var(--green)}.yellownote:hover,.yellownote.currentNote{box-shadow:0 1px 6px var(--yellow)}.bluenote:hover,.bluenote.currentNote{box-shadow:0 1px 6px var(--blue)}.purplenote:hover,.purplenote.currentNote{box-shadow:0 1px 6px var(--purple)}.assistantContainer{position:absolute;top:50%;right:0;transform:translateY(-50%);background:linear-gradient(to right,var(--primary-color),var(--secondary-color));padding:.9rem .75rem .75rem;border:.75px solid #999;border-top-left-radius:1rem;border-bottom-left-radius:1rem;font-size:1.75rem;display:flex;justify-content:center;align-items:center;color:#ccc;cursor:pointer;transition:.3s ease-in-out}.assistantContainer:hover{color:#eee}.micStatus{position:absolute;top:-15px;left:-15px;background-color:red;color:#fff;border-radius:50%;width:20px;height:20px;display:flex;justify-content:center;align-items:center}.micIcon{font-size:12px}.noteContainer{padding:0;padding-top:3.5rem;padding-left:3rem}.assistantContainer{position:absolute;top:50%;right:0;transform:translateY(-50%);background:linear-gradient(to right,var(--primary-color),var(--secondary-color));padding:1.75px;border:.75px solid #999;border-top-left-radius:1rem;border-bottom-left-radius:1rem;font-size:1.75rem;display:flex;justify-content:center;align-items:center;color:#ccc;cursor:pointer;transition:.3s ease-in-out}.assistant{background:#0e0e0e;padding:.5rem;border-top-left-radius:1rem;border-bottom-left-radius:1rem;transition:.3s ease-in-out}.assistantContainer:hover .assistant{background:transparent}.themeblue .assistantContainer{background:var(--blue)}.themegreen .assistantContainer{background:var(--green)}.themered .assistantContainer{background:var(--red)}.themeyellow .assistantContainer{background:var(--yellow)}.themepurple .assistantContainer{background:var(--purple)}.themered textarea::-webkit-scrollbar-thumb{background:var(--red)}.themepurple textarea::-webkit-scrollbar-thumb{background:var(--purple)}.themeblue textarea::-webkit-scrollbar-thumb{background:var(--blue )}.themeyellow textarea::-webkit-scrollbar-thumb{background:var(--yellow)}.themegreen textarea::-webkit-scrollbar-thumb{background:var(--green)}.themered .image-container::-webkit-scrollbar-thumb{background:var(--red)}.themepurple .image-container::-webkit-scrollbar-thumb{background:var(--purple)}.themeblue .image-container::-webkit-scrollbar-thumb{background:var(--blue )}.themeyellow .image-container::-webkit-scrollbar-thumb{background:var(--yellow)}.themegreen .image-container::-webkit-scrollbar-thumb{background:var(--green)}.sidebar::-webkit-scrollbar{width:7px}.image-container::-webkit-scrollbar{width:6px}