*,:after,:before{box-sizing:border-box;margin:0;padding:0}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-y:scroll;overflow-x:hidden}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}html{font-size:62.5%}.app{background:#eee;min-height:100vh}.btn{padding:2rem 4rem;font-size:1.6rem;color:#fff;background:purple;border-radius:5px;font-weight:800;letter-spacing:1px;box-shadow:0 6px 12px rgba(0,0,0,.1);cursor:pointer}.btn,.btn-plane{border:1px solid purple}.btn-plane{color:purple;background:#fff}.btn-long{width:100%}.noShadow{box-shadow:none}.sidebar{position:fixed;top:0;left:0;width:30rem;background:purple;height:100%;padding:2rem}.sidebar .app-title{padding:2rem;border-radius:5px;background:hsla(0,0%,100%,.1);font-size:2rem;color:#eee;display:flex;align-items:center}.sidebar .app-title span{margin-right:1.5rem}.sidebar .app-title .icon{color:#fff;width:2rem;height:2rem}.sidebar .bottom{position:absolute;bottom:2%;left:50%;transform:translate(-50%)}.sidebar .bottom .product-info{color:#fff;font-size:1.1rem;letter-spacing:1px;text-transform:uppercase;background:hsla(0,0%,100%,.1);padding:1rem 2rem;border-radius:50px}.sidebar .bottom .product-info a{color:#fff;margin-left:.4rem;font-weight:700}.main-app{margin-left:30rem;padding:2rem}.main-app .search{padding:0;background:#fff;border-radius:5px;display:flex;align-items:center;overflow:hidden;box-shadow:0 6px 12px rgba(0,0,0,.1);position:fixed;width:calc(100% - 34rem);left:32rem;z-index:100}.main-app .search .icon-cont{padding:0 1.5rem;color:#aaa}.main-app .search input{padding:2rem 2rem 2rem 0;font-size:2rem;border:none;width:100%;color:grey;font-weight:700}.main-app .actions{margin:15rem 0 3rem;display:flex;justify-content:space-between}.main-app .actions select{background:#fff;border:none;padding:0 1rem;font-weight:700;box-shadow:0 6px 12px rgba(0,0,0,.1);border-radius:5px;cursor:pointer}.main-app .notes{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;grid-gap:2rem}.main-app .notes .note{padding:3rem 2rem 10rem;background:#fff;box-shadow:0 6px 12px rgba(0,0,0,.1);border-radius:5px;position:relative}.main-app .notes .note .upper{display:flex;align-items:center;justify-content:space-between;margin-bottom:3rem}.main-app .notes .note .upper .note-title{font-size:2rem;color:#666;font-weight:800;width:calc(100% - 6rem);text-overflow:ellipsis;-webkit-line-clamp:1;line-clamp:1}.main-app .notes .note .upper .note-actions{display:flex;align-items:center}.main-app .notes .note .upper .note-actions .delete-cont,.main-app .notes .note .upper .note-actions .edit-cont{width:2rem;cursor:pointer;margin-left:1rem}.main-app .notes .note .upper .note-actions .delete-cont .icon,.main-app .notes .note .upper .note-actions .edit-cont .icon{width:2rem;height:2rem;color:#888}.main-app .notes .note .upper .note-actions .edit-cont{margin-left:0}.main-app .notes .note .lower .note-desc{font-size:1.6rem;line-height:1.6;color:#969696;font-weight:500;text-overflow:ellipsis;-webkit-line-clamp:3;line-clamp:3}.main-app .notes .note .lower .time-info{text-align:right}.main-app .notes .note .lower .time-info .time{background:#bebebe;font-weight:700;font-size:1.2rem;color:#fff;padding:.5rem 2rem;border-radius:50px;position:absolute;right:3rem;bottom:3rem}.form-cont{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);position:fixed;width:100%;left:0;top:0;height:100%;z-index:1000}.form-cont .form{background:#fff;padding:5rem;position:absolute;left:50%;top:45%;transform:translate(-50%,-50%);box-shadow:0 6px 12px rgba(0,0,0,.1);width:50%;max-width:700px;border-radius:5px}.form-cont .form .form-input{background:rgba(128,0,128,.1);width:100%;display:block;border:none;margin-bottom:3rem;border-radius:5px;padding:2rem;font-weight:700;font-size:1.6rem;color:purple;border:1px solid rgba(128,0,128,.1)}.form-cont .form .form-input::-webkit-input-placeholder{color:orange}.form-cont .form .form-input:-ms-input-placeholder{color:orange}.form-cont .form .form-input::-ms-input-placeholder{color:orange}.form-cont .form .form-input::placeholder{color:rgba(128,0,128,.5);font-weight:700}button:focus,input:focus,select:focus{outline:none}::-webkit-input-placeholder{color:#969696}:-ms-input-placeholder{color:#969696}::-ms-input-placeholder{color:#969696}::placeholder{color:#c8c8c8}.mb2{margin-bottom:2rem}.Toastify__toast--success{background:purple!important}@media (max-width:1600px){.main-app .notes{grid-template-columns:1fr 1fr 1fr}}@media (max-width:1200px){.sidebar{display:none}.main-app{margin-left:0}.main-app .search{width:calc(100% - 4rem);left:2rem}.main-app .notes{grid-template-columns:1fr 1fr}.form-cont .form{top:50%;width:90%;max-width:unset;padding:4rem 2rem}}@media (max-width:700px){.main-app .notes{grid-template-columns:1fr}}
/*# sourceMappingURL=main.776ad5c2.chunk.css.map */