:-ms-input-placeholder{color:#7070ff}::placeholder{color:#7070ff}*{padding:0;box-sizing:border-box}*,body{margin:0}body{font-family:"Segoe UI","Roboto","Oxygen",sans-serif;overflow-y:scroll;background-image:url(/static/media/b.bc0f7f61.jpg);background-color:#e1e1ff;background-size:cover;background-repeat:no-repeat;background-attachment:fixed;background-position:50%}main.center{display:flex;align-items:center;flex-direction:column}@media screen and (max-width:600px){html{font-size:13px}}nav.nav{background-color:#8686fc;min-height:5rem;width:100%}nav.nav,nav.nav .main{display:flex;justify-content:center}nav.nav .main{flex-grow:1}nav.nav .search{width:30rem;max-width:80%;display:flex;align-items:center;position:relative}nav.nav .search span{display:flex;align-items:center;color:#7070ff;position:absolute;right:.5rem;border-radius:50%;padding:.3rem}nav.nav .search span svg{height:1.7rem;width:1.7rem}nav.nav .search span:hover{background-color:rgba(0,0,0,.13)}nav.nav .search input{border-radius:.4rem;flex-grow:1;padding:.8rem 0 .8rem 2rem;font-size:1.3rem;width:100%;outline:none;background-color:#c3c3ec;border:none;color:#8686fc}nav.nav .search input:focus{background-color:#fff}nav.nav .search input:-ms-input-placeholder{color:#8686fc}nav.nav .search input::placeholder{color:#8686fc}nav.nav .btns{flex-grow:1;display:flex;justify-content:center;align-items:center;-webkit-column-gap:2rem;grid-column-gap:2rem;column-gap:2rem;padding:1rem 0;color:#fff;fill:#fff}nav.nav .btns .reload,nav.nav .btns .sort{font-size:1.1rem;background:hsla(0,0%,100%,.144);display:flex;align-items:center;justify-content:center;border-radius:.3rem;padding:.3rem .5rem;cursor:pointer;transition:background .1s ease-in-out}nav.nav .btns .reload:hover,nav.nav .btns .sort:hover{background-color:hsla(0,0%,100%,.438)}nav.nav .btns svg{height:1.3rem;margin-left:.3rem}nav.nav .btns p{transform:translateY(-.1rem)}nav.nav .btns .sort{position:relative}nav.nav .btns .sort .dropdown,nav.nav .btns .sort:after,nav.nav .btns .sort:before{transition:opacity .3s ease-in-out}nav.nav .btns .sort:hover .dropdown,nav.nav .btns .sort:hover:after,nav.nav .btns .sort:hover:before{visibility:visible;opacity:1}nav.nav .btns .sort:before{bottom:-1.7rem;left:-1.1rem;width:150%;height:1.7rem}nav.nav .btns .sort:after,nav.nav .btns .sort:before{visibility:hidden;opacity:0;position:absolute;content:"";-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:4}nav.nav .btns .sort:after{bottom:-1.3rem;border-bottom:1rem solid rgba(96,96,255,.9921568627450981);border-left:.7rem solid transparent;border-right:.7rem solid transparent}nav.nav .btns .dropdown{color:#000;visibility:hidden;opacity:0;background-color:rgba(112,112,255,.49411764705882355);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);position:absolute;left:50%;transform:translateX(-50%);top:3.4rem;display:flex;flex-direction:column;border-radius:.3rem;padding:.4rem 0}nav.nav .btns .dropdown .sortby{border-bottom:1px solid #8686fc;padding-bottom:.5rem;margin-bottom:.5rem}nav.nav .btns .dropdown .orderby,nav.nav .btns .dropdown .sortby{display:flex;flex-direction:column}nav.nav .btns .dropdown .orderby .option,nav.nav .btns .dropdown .sortby .option{display:flex;align-items:center;padding:.8rem 1rem}nav.nav .btns .dropdown .orderby .option:hover,nav.nav .btns .dropdown .sortby .option:hover{background:hsla(0,0%,100%,.363)}nav.nav .btns .dropdown .orderby .option .checkbox,nav.nav .btns .dropdown .sortby .option .checkbox{margin-right:.4rem;border:1px solid #222;height:1rem;width:1rem;border-radius:50%;position:relative}nav.nav .btns .dropdown .orderby .option.active .checkbox:before,nav.nav .btns .dropdown .sortby .option.active .checkbox:before{position:absolute;content:"";height:.5rem;width:.5rem;transform:translate(-50%,-50%);background:#383838;top:50%;left:50%;border-radius:50%}nav.nav .btns .dropdown .orderby .option p,nav.nav .btns .dropdown .sortby .option p{min-width:-webkit-max-content;min-width:max-content}@media screen and (max-width:600px){nav.nav{background-color:transparent;flex-direction:column}nav.nav .main{padding:1rem 0}nav.nav .btns .reload,nav.nav .btns .sort,nav.nav .main{background-color:#8686fc}nav.nav .btns .reload:hover,nav.nav .btns .sort:hover{background-color:#7070ff}}.takenote{margin-top:2rem;border-radius:.4rem;background-color:#a9a9ff;width:30rem;max-width:90%}.takenote .desc,.takenote .title{position:relative;display:flex;align-items:center;width:100%}.takenote .desc-input,.takenote .title-input{background:transparent;padding:1rem 1.5rem;font-size:1.2rem;width:100%;box-sizing:border-box;color:#7070ff;border:none;outline:none}.takenote .desc-input{font-size:1.1rem;min-height:5rem;overflow-y:auto;padding-bottom:0;padding-top:0;resize:none}.takenote .btns{display:flex;align-items:center;visibility:hidden;max-height:0}.takenote .savebtn{border:1px solid #7070ff;padding:.5rem 1.5rem;color:#7070ff;background:rgba(211,211,255,.5019607843137255);border-radius:5rem;transition:background-color,color .1s ease-in-out;margin-left:auto}.takenote .savebtn:hover{background-color:#7070ff;color:#e1e1ff}.takenote .desc{display:none}.takenote.active .btns{max-height:-webkit-min-content;max-height:min-content;visibility:visible;padding:0 1rem .5rem}.takenote.active .desc{display:block}.colorbtn,.colorbtn .color{height:1.6rem;width:1.6rem;border-radius:50%;position:relative;border:none}.colorbtn:before{top:-1.1rem;border-top:1rem solid rgba(112,112,255,.5333333333333333);border-left:.7rem solid transparent;border-right:.7rem solid transparent;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.colorbtn:after,.colorbtn:before{visibility:hidden;position:absolute;content:""}.colorbtn:after{width:350%;height:1.5rem;bottom:100%;left:-100%}.colorbtn:hover:After,.colorbtn:hover:before{visibility:visible}.colorbtn .menu{display:flex;justify-content:space-evenly;flex-wrap:wrap;z-index:50;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;width:10rem;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background-color:rgba(112,112,255,.5333333333333333);border-radius:.5rem;padding:.4rem;position:absolute;transition:opacity .3s ease-in-out;bottom:3rem;left:50%;transform:translateX(-50%);opacity:0;visibility:hidden}.colorbtn .menu .color{margin:.2rem;box-sizing:content-box;border:2px solid transparent}.colorbtn .menu .color:hover{border:2px solid #3a3a3a}.colorbtn .menu .color.active{border:2px solid #5a5a5a}.colorbtn .menu .color svg{color:#5a5a5a}.colorbtn:hover .menu{opacity:1;visibility:visible}.wrapper:not(.editing):hover{z-index:5;transform:scale(1);transition:transform .1s ease-in-out;border-radius:.5rem}.wrapper:not(.editing):hover:hover{transform:scale(1.02);box-shadow:3px 3px 7px 1px rgba(96,96,255,.295)}.wrapper.deleted{display:none}.note{border-radius:.5rem;padding:1rem 1.6rem 0 1rem;min-height:120px;display:flex;flex-direction:column}.note .info{display:none}.note .btns{padding:.3rem;opacity:0;transition:opacity .2s ease-in-out;display:flex;justify-content:space-between;align-self:normal;margin-top:auto}.note .btns svg:not(.colorSVG){height:1.6rem;color:#6d6d6d;padding:.2rem}.note .btns svg:not(.colorSVG):hover{background-color:rgba(0,0,0,.089);border-radius:50%}.note:hover .btns{opacity:1}.note .title{color:#0f0f0f;font-size:1.1rem}.note .description{color:rgba(0,0,0,.603);margin:.8rem 0 .3rem;font-size:1rem;white-space:pre-line}.wrapper.editing .note{transition:none;position:fixed;top:50%!important;left:50%!important;transform:translate(-50%,-50%) scale(1.15);z-index:999;width:25rem;max-width:80%}.wrapper.editing .note .title{padding:.5rem}.wrapper.editing .note .description{margin:0;padding:.5rem;min-height:10rem}.wrapper.editing .note :focus-visible{outline:1px solid #e1e1ff}.wrapper.editing .note .info{display:block;float:right;color:rgba(0,0,0,.432);font-size:.75rem;position:absolute;right:2rem;bottom:2.2rem}.wrapper.editing .note .info p{margin:0}.wrapper.editing .note .btns{opacity:1;border-top:1px solid rgba(0,0,0,.24);padding:.1rem 0}@media (max-width:600px){.note .btns{opacity:1;border-top:1px solid rgba(0,0,0,.137)}}.alert{position:fixed;z-index:50;background-color:#a9a9ff;bottom:3rem;left:5%;padding:.9rem 0 1rem 1rem;min-width:20rem;display:flex;align-items:center;transition:all .3s ease-in-out;justify-content:space-between;border-top-left-radius:.5rem;border-top-right-radius:.5rem}.alert:before{position:absolute;content:"";background:#7070ff;height:.2rem;width:100%;left:0;bottom:0;animation:Alert 3s linear 1}.alert .actions{display:flex;justify-content:center}.alert .actions p{margin-right:1rem;border-radius:.4rem;cursor:pointer;color:#4a4dff;padding:.2rem .8rem;transition:all .3s ease-in-out;font-weight:700;font-family:sans-serif}@media (max-width:600px){.alert{bottom:1rem}}@keyframes Alert{0%{width:100%}to{width:0}}.cover.active{background-color:rgba(54,54,172,.418);z-index:99;position:fixed;top:0;left:0;right:0;bottom:0;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.notes{width:70%;margin:1rem 0}.notes .grid{display:-ms-grid;display:grid;align-items:center;-ms-grid-columns:(minmax(200px,1fr))[auto-fill];grid-template-columns:repeat(auto-fill,minmax(200px,1fr));grid-auto-rows:minmax(150px,auto);-webkit-column-gap:2rem;grid-column-gap:2rem;column-gap:2rem}.notes .searchDivider{margin-top:2rem;border-bottom:2px solid #8686fc;display:inline-block;padding-bottom:.5rem}.notes .searchDivider:first-child{margin-top:0}@media (max-width:700px){.notes{width:85%}}.loading-note{background-color:#c4c4ff;padding:1rem 1.6rem 0 1rem;border-radius:.5rem;align-items:center;height:120px}.loading-note div.content{overflow:hidden}.loading-note .desc div,.loading-note .title{animation:skeleton-loading 1s linear infinite alternate;border-radius:.3rem}.loading-note .title{padding:.7rem 0}.loading-note .desc{margin-top:.9rem}.loading-note .desc div{padding:.3rem 0;margin-bottom:.5rem}.loading-note .desc div:nth-child(2){width:90%}.loading-note .desc div:last-child{margin-bottom:0;width:50%}@keyframes skeleton-loading{0%{background-color:#babaf8}to{background-color:#8b8bf5}}
/*# sourceMappingURL=main.f950ff61.chunk.css.map */