body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box;margin:0;padding:0}body{background-color:azure;font-family:Roboto,sans-serif;font-size:10px}.wrapper{display:flex;flex-direction:column;justify-content:flex-start;margin:0 auto;max-width:1280px;width:100%}.btn{cursor:pointer}.btn,.input{background-color:transparent;border:none;color:inherit;padding:0}.input{outline:none}.item{background-color:#e3fff5;border:1px solid #5fffca;border-radius:1rem;list-style-type:none;margin:1rem auto;padding:2rem;width:100%}.item,.item .item__content{display:flex;justify-content:flex-start}.item .item__content{align-items:flex-start;flex-direction:column;margin-right:1rem;width:85%}.item .item__content-input{border:1px solid #5fffca;border-radius:.5rem;font-size:1rem;height:2rem;margin-bottom:1rem;padding:1rem;text-overflow:ellipsis;width:100%}.item .item__content-input:focus{background-color:#e0ffff;border:1px solid #4fb3ff;color:blue}.item .item__content-container{max-width:100%;position:relative}.item .item__content-container .item__content-icon{color:#4fb3ff;font-size:1.4rem;left:10px;position:absolute;top:10px}.item .item__content-container .item__content-text{background-color:#dbefff;border:1px solid #4fb3ff;border-radius:.5rem;font-size:1.2rem;margin-bottom:1rem;max-width:100%;padding:1rem 1rem 1rem 2rem;text-align:justify;word-break:break-all}.item .item__content-container .item__content-tag{background-color:#ff0;border:1px solid gold;border-radius:.5rem;color:#ff6450;font-size:1.2rem;font-style:italic;letter-spacing:.07rem;padding:.5rem 1rem;text-align:justify;word-break:break-all}.item .item__action{display:flex;flex-direction:column;justify-content:space-between;width:15%}.item .item__action .btn-change{background-color:#4fb3ff;border:1px solid #4fb3ff;border-radius:.5rem;font-size:1rem;height:2rem;transition:all .3s ease-in-out}.item .item__action .btn-change:hover{background-color:#0091ff;color:#fff}.item .item__action .btn-change:focus{color:#fff}.item .item__action .btn-change:active{box-shadow:5px 5px 10px rgba(0,0,0,.3)}.item .item__action .btn-delete{background-color:#ff6450;border:1px solid #ff6450;border-radius:.5rem;font-size:1rem;height:2rem;transition:all .3s ease-in-out}.item .item__action .btn-delete:hover{background-color:#ff1e00;color:#fff}.item .item__action .btn-delete:focus{color:#000}.item .item__action .btn-delete:active{box-shadow:5px 5px 10px rgba(0,0,0,.3)}.note-list{align-items:flex-start;display:flex;flex-direction:column;margin-top:1rem;width:100%}.note-list .ai-enter{opacity:0;-webkit-transform:translateX(-20rem);transform:translateX(-20rem)}.note-list .ai-enter-active{opacity:1;transition:all .4s ease-in}.note-list .ai-enter-active,.note-list .ai-enter-done,.note-list .ai-exit{-webkit-transform:translateX(0);transform:translateX(0)}.note-list .ai-exit{opacity:1}.note-list .ai-exit-active{opacity:0;-webkit-transform:translateX(-20rem);transform:translateX(-20rem);transition:all .4s ease-in}.note-list .ai-exit-done{opacity:0}.input-field__title{color:blue;font-size:1.6rem;font-style:normal;font-weight:400;padding:.5rem}.input-field__content{align-items:center;display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:flex-start;position:relative;width:100%}.input-field__content .input-field__input{border:1px solid #5fffca;border-radius:.5rem;font-size:1rem;height:2.5rem;padding:1rem 1rem 1rem 2rem;width:80%}.input-field__content .input-field__input:focus{border:1px solid #4fb3ff;color:blue}.input-field__content .input-field__icon{color:blue;font-size:1rem;left:0;padding:.5rem;position:absolute;top:0}.input-field__content .input-field__btn{background-color:#5fffca;border:1px solid #01ec9d;border-radius:.5rem;cursor:pointer;font-size:1rem;height:2.5rem;transition:all .35s ease-in-out;width:20%}.input-field__content .input-field__btn:focus,.input-field__content .input-field__btn:hover{background-color:#01ec9d}.input-field__content .input-field__btn:active{box-shadow:5px 5px 10px rgba(0,0,0,.3)}.item-tag{background-color:#ff0;border:1px solid gold;border-radius:.5rem;display:inline-block;list-style-type:none;margin-bottom:1rem;margin-right:1rem;max-width:100%;padding:.5rem}.item-tag .item-tag__text{color:blue;cursor:pointer;font-size:1rem;font-style:italic;letter-spacing:.07rem;margin-right:.5rem;max-width:100%;text-align:justify;transition:all .3s ease-in-out;word-break:break-all}.item-tag .item-tag__text:hover{color:#ff6450}.item-tag .item-tag__text:focus{color:#000}.item-tag .item-tag__text:active{box-shadow:0 5px 12px rgba(0,0,0,.1)}.item-tag .item-tag__icon{color:#ff6450;cursor:pointer;font-size:1.2rem;transition:all .3s ease-in-out}.item-tag .item-tag__icon:hover{color:#ff1e00}.item-tag .item-tag__icon:focus{color:#000}.item-tag .item-tag__icon:active{box-shadow:0 5px 12px rgba(0,0,0,.1)}.tag-list__container{align-items:flex-start;display:flex;flex-direction:column;justify-content:flex-start;margin-top:2rem}.tag-list__container .tag-list__text{background-color:#dbefff;border:1px solid #4fb3ff;border-radius:.5rem;color:blue;font-size:1rem;margin-bottom:.5rem;padding:1rem;text-align:justify;width:100%}.tag-list__container .tag-list__list{align-items:center;background-color:#e3fff5;border:1px solid #5fffca;border-radius:.5rem;display:flex;flex-wrap:wrap;justify-content:flex-start;margin-bottom:.5rem;padding:1rem;width:100%}.tag-list__container .tag-list__list .at-enter{opacity:0;-webkit-transform:translateX(6rem);transform:translateX(6rem)}.tag-list__container .tag-list__list .at-enter-active{opacity:1;transition:all .4s ease-in}.tag-list__container .tag-list__list .at-enter-active,.tag-list__container .tag-list__list .at-enter-done,.tag-list__container .tag-list__list .at-exit{-webkit-transform:translateX(0);transform:translateX(0)}.tag-list__container .tag-list__list .at-exit{opacity:1}.tag-list__container .tag-list__list .at-exit-active{opacity:0;-webkit-transform:translateX(6rem);transform:translateX(6rem);transition:all .4s ease-in}.tag-list__container .tag-list__list .at-exit-done{opacity:0}.tag-list__container .cancel-btn{background-color:#4fb3ff;border:1px solid #4fb3ff;border-radius:.5rem;color:#fff;font-size:1rem;height:2rem;padding:.4rem;transition:all .3s ease-in-out}.tag-list__container .cancel-btn:hover{background-color:#008cff}.tag-list__container .cancel-btn:focus{border:1px solid #008cff;color:#fff}.tag-list__container .cancel-btn:active{box-shadow:5px 5px 10px rgba(0,0,0,.3)}.header{align-items:center;background-color:#7fffd4;border-radius:3rem;display:flex;height:5rem;justify-content:flex-start;margin-top:1rem;width:100%}.header-title{color:blue;font-size:2rem;font-style:italic;font-weight:400;padding:.5rem}.header-logo{color:#ff4500;font-size:2.5rem;margin-left:1.5rem;padding:.5rem}.main{align-items:flex-start;display:flex;justify-content:space-between;padding:1rem;width:100%}.main .main-notes{margin-right:2rem;width:75%}.main .main-tags{width:25%}
/*# sourceMappingURL=main.1797dfb1.css.map*/