@charset "UTF-8";*,*:before,*:after{box-sizing:inherit}.home-main{display:flex;flex-direction:column;justify-content:flex-start;gap:10px;align-items:center;width:100%;padding:20px;animation:fadeIn 1s ease-in-out}.todos{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;width:100%;background-color:#efefef;border-radius:5px;box-shadow:0 2px 4px #d147a34d;position:relative}.todo-li{list-style-type:none;width:100%}ul{width:90%;padding:0;margin:0}.today-section-h2{width:100%;font-size:1rem;margin:0;padding:1vh 5%;color:#cd44a1}.decorative-gif{width:100%;height:auto;border-radius:5px}.no-todos{font-size:1rem;font-weight:700;color:#d147a3;margin:0}.main-no-todos{display:flex;width:80%;max-width:500px;justify-content:center;align-items:center;flex-direction:column;border:2px solid #d147a3;border-radius:10px}@keyframes shrinkFadeIn{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}.todo-checkbox{appearance:none;-webkit-appearance:none;-moz-appearance:none;width:25px;height:25px;border:2px solid #d147a3;border-radius:50%;cursor:pointer;position:relative;transition:background-color .3s ease,border-color .3s ease;flex-shrink:0}.todo-checkbox:checked{background-color:#d147a3;border-color:#d147a3;transition:background-color .3s ease,border-color .3s ease}.todo-checkbox:checked:after{content:"✓";color:#fff;position:absolute;top:50%;left:50%;width:15px;height:15px;background-image:url(path/to/your/flower-image.png);background-size:cover;transform:translate(-50%,-50%);border-color:#d147a3}.todo-main{display:flex;justify-content:flex-start;gap:20px;align-items:center;width:100%;padding:5px}.todoArticle{display:flex;flex-direction:row;justify-content:space-around;gap:20px;align-items:center;width:100%;padding:10px 5px;transition:background-color .3s ease;cursor:pointer;box-sizing:border-box;font-size:12px;color:#222;word-wrap:break-word;word-break:break-all}.todo{animation:fadeIn .5s ease-in-out}.completed{text-decoration:line-through;color:#888}.todo-footer{display:flex;justify-content:flex-end;align-self:flex-end;gap:20px;width:30%;font-size:9px}.todo-footer>p{margin:0}.completed-footer{text-decoration:none;color:#888;color:#00000080}.fade-out{animation:fadeOut .4s forwards}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes fadeIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes growShrink{0%,to{transform:scale(1)}50%{transform:scale(1.5)}}.modal{position:fixed;background-color:#ffe4e1;width:100%;padding:25px;display:flex;flex-direction:column;border-radius:15px 15px 0 0;gap:20px;transition:transform .3s ease-in-out;transform:translateY(100%);animation:slideUp .3s ease-in-out forwards;box-shadow:0 4px 8px #d147a380;border:2px solid #c67cae;background-size:cover;background-repeat:no-repeat;background-position:center}.overlay{position:fixed;background-color:#0000004d;width:100%;height:100vh;top:0;left:0;display:flex;justify-content:center;align-items:flex-end;z-index:100}.description{font-size:15px;min-height:80px;display:flex;resize:none;width:100%;box-sizing:border-box}.description,.name{outline:none;padding:5px;margin:0;color:#444;font-family:inherit}.name{font-size:25px;font-weight:700;color:#d147a3}.name::placeholder{color:#d147a3;opacity:.5}.notebook{background-image:linear-gradient(to right,rgba(209,71,163,.1) 1px,transparent 1px),linear-gradient(to bottom,rgba(209,71,163,.1) 1px,transparent 1px);background-size:20px 20px;background-color:#efefef;border:1px solid #c67cae;border-radius:5px}.type{overflow-x:auto;white-space:nowrap}.options-section{display:flex;justify-content:flex-start;gap:20px;padding:0}.options-section>button,.cancel,.delete,.button{font-size:20px;border:#c67cae 1px solid;padding:10px;border-radius:5px;color:#c67cae;cursor:pointer}.cancel{background-color:inherit}.delete{color:#fff;background-color:#ec1f48;border:#ff3100 1px solid}.submit-section{display:flex;justify-content:flex-end;gap:30px}.submit-section>button{padding:15px;border-radius:5px;cursor:pointer;font-size:16px}.submit{background-color:#e837ad;color:#fff;border:none}.submit-unable{background-color:#ccc;color:#fff;border:none;cursor:not-allowed}.hidden{animation:slideDown .7s ease-in-out forwards}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes slideDown{0%{transform:translateY(0)}to{transform:translateY(100%)}}.overlay-type{align-items:center;transition:opacity .3s ease}.type-modal{display:flex;flex-direction:column;align-items:center;width:250px;height:350px;background-color:#e3e3e3;border-radius:5px;overflow-y:auto;border:2px solid #c67cae;animation:fadeInScale .2s ease-in-out}@keyframes fadeInScale{0%{transform:scale(0)}to{transform:scale(1)}}@keyframes fadeOutScale{0%{transform:scale(1)}to{transform:scale(0)}}.type-list{display:flex;flex-direction:column;height:100%;overflow:auto;white-space:nowrap;border-top:2px solid #c67cae;width:100%;padding:0 30px}.type-item{display:flex;align-items:center;justify-content:space-between;gap:5px;padding:25px 0;width:100%;box-sizing:border-box}.type-item span{font-size:16px;color:#444}.visible{opacity:1;pointer-events:auto}.hidden{opacity:0;pointer-events:none;animation:fadeOutScale .2s ease-in-out}.visible .type-modal{transform:scale(1)}.input-type{border:none;outline:none;margin:0;font-family:inherit;background-color:inherit;width:100%;font-size:16px;font-weight:500;color:#444}.submit-type{padding:15px;border-radius:5px;cursor:pointer;font-size:14px;background-color:#d147a3;color:#fff;border:none;box-sizing:border-box;display:flex;justify-content:center;align-items:center}.add-type-item{display:flex;justify-content:space-between;align-items:center;gap:5px}.submit-type-unable{opacity:.5;pointer-events:none}.icon-delete-type{color:#ff3500;opacity:.7;margin-right:5px}.type-footer{width:100%;display:flex;justify-content:center;align-items:center;padding:10px 0;border-top:2px solid #c67cae}.cancel-type{border-radius:5px;cursor:pointer;background-color:inherit;color:#ff3500;border:none}.type-button{display:flex;justify-content:center;align-items:center;gap:5px;padding:10px 0;border-radius:5px;color:#d147a3;font-size:12px;cursor:pointer;transition:background-color .3s ease;border:none;background-color:inherit;font-weight:700}.type-article{display:flex;flex-direction:row;justify-content:space-around;align-items:center;border-bottom:1px solid #ccc;transition:background-color .3s ease;cursor:pointer;gap:15px;box-sizing:border-box;font-size:12px}.react-datepicker__year-read-view--down-arrow,.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow,.react-datepicker__navigation-icon:before{border-color:#ccc;border-style:solid;border-width:3px 3px 0 0;content:"";display:block;height:9px;position:absolute;top:6px;width:9px}.react-datepicker-wrapper{display:inline-block;padding:0;border:0}.react-datepicker{font-family:Helvetica Neue,helvetica,arial,sans-serif;font-size:.8rem;background-color:#fff;color:#000;border:1px solid #aeaeae;border-radius:.3rem;display:inline-block;position:relative;line-height:initial}.react-datepicker--time-only .react-datepicker__time-container{border-left:0}.react-datepicker--time-only .react-datepicker__time,.react-datepicker--time-only .react-datepicker__time-box{border-bottom-left-radius:.3rem;border-bottom-right-radius:.3rem}.react-datepicker-popper{z-index:1;line-height:0}.react-datepicker-popper .react-datepicker__triangle{stroke:#aeaeae}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle{fill:#f0f0f0;color:#f0f0f0}.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle{fill:#fff;color:#fff}.react-datepicker__header{text-align:center;background-color:#f0f0f0;border-bottom:1px solid #aeaeae;border-top-left-radius:.3rem;padding:8px 0;position:relative}.react-datepicker__header--time{padding-bottom:8px;padding-left:5px;padding-right:5px}.react-datepicker__header--time:not(.react-datepicker__header--time--only){border-top-left-radius:0}.react-datepicker__header:not(.react-datepicker__header--has-time-select){border-top-right-radius:.3rem}.react-datepicker__year-dropdown-container--select,.react-datepicker__month-dropdown-container--select,.react-datepicker__month-year-dropdown-container--select,.react-datepicker__year-dropdown-container--scroll,.react-datepicker__month-dropdown-container--scroll,.react-datepicker__month-year-dropdown-container--scroll{display:inline-block;margin:0 15px}.react-datepicker__current-month,.react-datepicker-time__header,.react-datepicker-year-header{margin-top:0;color:#000;font-weight:700;font-size:.944rem}h2.react-datepicker__current-month{padding:0;margin:0}.react-datepicker-time__header{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.react-datepicker__navigation{align-items:center;background:none;display:flex;justify-content:center;text-align:center;cursor:pointer;position:absolute;top:2px;padding:0;border:none;z-index:1;height:32px;width:32px;text-indent:-999em;overflow:hidden}.react-datepicker__navigation--previous{left:2px}.react-datepicker__navigation--next{right:2px}.react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button){right:85px}.react-datepicker__navigation--years{position:relative;top:0;display:block;margin-left:auto;margin-right:auto}.react-datepicker__navigation--years-previous{top:4px}.react-datepicker__navigation--years-upcoming{top:-4px}.react-datepicker__navigation:hover *:before{border-color:#a6a6a6}.react-datepicker__navigation-icon{position:relative;top:-1px;font-size:20px;width:0}.react-datepicker__navigation-icon--next{left:-2px}.react-datepicker__navigation-icon--next:before{transform:rotate(45deg);left:-7px}.react-datepicker__navigation-icon--previous{right:-2px}.react-datepicker__navigation-icon--previous:before{transform:rotate(225deg);right:-7px}.react-datepicker__month-container{float:left}.react-datepicker__year{margin:.4rem;text-align:center}.react-datepicker__year-wrapper{display:flex;flex-wrap:wrap;max-width:180px}.react-datepicker__year .react-datepicker__year-text{display:inline-block;width:4rem;margin:2px}.react-datepicker__month{margin:.4rem;text-align:center}.react-datepicker__month .react-datepicker__month-text,.react-datepicker__month .react-datepicker__quarter-text{display:inline-block;width:4rem;margin:2px}.react-datepicker__input-time-container{clear:both;width:100%;float:left;margin:5px 0 10px 15px;text-align:left}.react-datepicker__input-time-container .react-datepicker-time__caption,.react-datepicker__input-time-container .react-datepicker-time__input-container{display:inline-block}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input{display:inline-block;margin-left:10px}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input{width:auto}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-inner-spin-button,.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]{-moz-appearance:textfield}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__delimiter{margin-left:5px;display:inline-block}.react-datepicker__time-container{float:right;border-left:1px solid #aeaeae;width:85px}.react-datepicker__time-container--with-today-button{display:inline;border:1px solid #aeaeae;border-radius:.3rem;position:absolute;right:-87px;top:0}.react-datepicker__time-container .react-datepicker__time{position:relative;background:#fff;border-bottom-right-radius:.3rem}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box{width:85px;overflow-x:hidden;margin:0 auto;text-align:center;border-bottom-right-radius:.3rem}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list{list-style:none;margin:0;height:calc(195px + .85rem);overflow-y:scroll;padding-right:0;padding-left:0;width:100%;box-sizing:content-box}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item{height:30px;padding:5px 10px;white-space:nowrap}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item:hover{cursor:pointer;background-color:#f0f0f0}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected{background-color:#216ba5;color:#fff;font-weight:700}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected:hover{background-color:#216ba5}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled{color:#ccc}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled:hover{cursor:default;background-color:transparent}.react-datepicker__week-number{color:#ccc;display:inline-block;width:1.7rem;line-height:1.7rem;text-align:center;margin:.166rem}.react-datepicker__week-number.react-datepicker__week-number--clickable{cursor:pointer}.react-datepicker__week-number.react-datepicker__week-number--clickable:not(.react-datepicker__week-number--selected,.react-datepicker__week-number--keyboard-selected):hover{border-radius:.3rem;background-color:#f0f0f0}.react-datepicker__week-number--selected{border-radius:.3rem;background-color:#216ba5;color:#fff}.react-datepicker__week-number--selected:hover{background-color:#1d5d90}.react-datepicker__week-number--keyboard-selected{border-radius:.3rem;background-color:#2a87d0;color:#fff}.react-datepicker__week-number--keyboard-selected:hover{background-color:#1d5d90}.react-datepicker__day-names{white-space:nowrap;margin-bottom:-8px}.react-datepicker__week{white-space:nowrap}.react-datepicker__day-name,.react-datepicker__day,.react-datepicker__time-name{color:#000;display:inline-block;width:1.7rem;line-height:1.7rem;text-align:center;margin:.166rem}.react-datepicker__day,.react-datepicker__month-text,.react-datepicker__quarter-text,.react-datepicker__year-text{cursor:pointer}.react-datepicker__day:not([aria-disabled=true]):hover,.react-datepicker__month-text:not([aria-disabled=true]):hover,.react-datepicker__quarter-text:not([aria-disabled=true]):hover,.react-datepicker__year-text:not([aria-disabled=true]):hover{border-radius:.3rem;background-color:#f0f0f0}.react-datepicker__day--today,.react-datepicker__month-text--today,.react-datepicker__quarter-text--today,.react-datepicker__year-text--today{font-weight:700}.react-datepicker__day--highlighted,.react-datepicker__month-text--highlighted,.react-datepicker__quarter-text--highlighted,.react-datepicker__year-text--highlighted{border-radius:.3rem;background-color:#3dcc4a;color:#fff}.react-datepicker__day--highlighted:not([aria-disabled=true]):hover,.react-datepicker__month-text--highlighted:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--highlighted:not([aria-disabled=true]):hover,.react-datepicker__year-text--highlighted:not([aria-disabled=true]):hover{background-color:#32be3f}.react-datepicker__day--highlighted-custom-1,.react-datepicker__month-text--highlighted-custom-1,.react-datepicker__quarter-text--highlighted-custom-1,.react-datepicker__year-text--highlighted-custom-1{color:#f0f}.react-datepicker__day--highlighted-custom-2,.react-datepicker__month-text--highlighted-custom-2,.react-datepicker__quarter-text--highlighted-custom-2,.react-datepicker__year-text--highlighted-custom-2{color:green}.react-datepicker__day--holidays,.react-datepicker__month-text--holidays,.react-datepicker__quarter-text--holidays,.react-datepicker__year-text--holidays{position:relative;border-radius:.3rem;background-color:#ff6803;color:#fff}.react-datepicker__day--holidays .overlay,.react-datepicker__month-text--holidays .overlay,.react-datepicker__quarter-text--holidays .overlay,.react-datepicker__year-text--holidays .overlay{position:absolute;bottom:100%;left:50%;transform:translate(-50%);background-color:#333;color:#fff;padding:4px;border-radius:4px;white-space:nowrap;visibility:hidden;opacity:0;transition:visibility 0s,opacity .3s ease-in-out}.react-datepicker__day--holidays:not([aria-disabled=true]):hover,.react-datepicker__month-text--holidays:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--holidays:not([aria-disabled=true]):hover,.react-datepicker__year-text--holidays:not([aria-disabled=true]):hover{background-color:#cf5300}.react-datepicker__day--holidays:hover .overlay,.react-datepicker__month-text--holidays:hover .overlay,.react-datepicker__quarter-text--holidays:hover .overlay,.react-datepicker__year-text--holidays:hover .overlay{visibility:visible;opacity:1}.react-datepicker__day--selected,.react-datepicker__day--in-selecting-range,.react-datepicker__day--in-range,.react-datepicker__month-text--selected,.react-datepicker__month-text--in-selecting-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--selected,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--selected,.react-datepicker__year-text--in-selecting-range,.react-datepicker__year-text--in-range{border-radius:.3rem;background-color:#216ba5;color:#fff}.react-datepicker__day--selected:not([aria-disabled=true]):hover,.react-datepicker__day--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__day--in-range:not([aria-disabled=true]):hover,.react-datepicker__month-text--selected:not([aria-disabled=true]):hover,.react-datepicker__month-text--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__month-text--in-range:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--selected:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--in-range:not([aria-disabled=true]):hover,.react-datepicker__year-text--selected:not([aria-disabled=true]):hover,.react-datepicker__year-text--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__year-text--in-range:not([aria-disabled=true]):hover{background-color:#1d5d90}.react-datepicker__day--keyboard-selected,.react-datepicker__month-text--keyboard-selected,.react-datepicker__quarter-text--keyboard-selected,.react-datepicker__year-text--keyboard-selected{border-radius:.3rem;background-color:#bad9f1;color:#000}.react-datepicker__day--keyboard-selected:not([aria-disabled=true]):hover,.react-datepicker__month-text--keyboard-selected:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--keyboard-selected:not([aria-disabled=true]):hover,.react-datepicker__year-text--keyboard-selected:not([aria-disabled=true]):hover{background-color:#1d5d90}.react-datepicker__day--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__month-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__quarter-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__year-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range){background-color:#216ba580}.react-datepicker__month--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range){background-color:#f0f0f0;color:#000}.react-datepicker__day--disabled,.react-datepicker__month-text--disabled,.react-datepicker__quarter-text--disabled,.react-datepicker__year-text--disabled{cursor:default;color:#ccc}.react-datepicker__day--disabled .overlay,.react-datepicker__month-text--disabled .overlay,.react-datepicker__quarter-text--disabled .overlay,.react-datepicker__year-text--disabled .overlay{position:absolute;bottom:70%;left:50%;transform:translate(-50%);background-color:#333;color:#fff;padding:4px;border-radius:4px;white-space:nowrap;visibility:hidden;opacity:0;transition:visibility 0s,opacity .3s ease-in-out}.react-datepicker__input-container{position:relative;display:inline-block;width:100%}.react-datepicker__input-container .react-datepicker__calendar-icon{position:absolute;padding:.5rem;box-sizing:content-box}.react-datepicker__view-calendar-icon input{padding:6px 10px 5px 25px}.react-datepicker__year-read-view,.react-datepicker__month-read-view,.react-datepicker__month-year-read-view{border:1px solid transparent;border-radius:.3rem;position:relative}.react-datepicker__year-read-view:hover,.react-datepicker__month-read-view:hover,.react-datepicker__month-year-read-view:hover{cursor:pointer}.react-datepicker__year-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__year-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__month-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__month-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__month-year-read-view:hover .react-datepicker__month-read-view--down-arrow{border-top-color:#b3b3b3}.react-datepicker__year-read-view--down-arrow,.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow{transform:rotate(135deg);right:-16px;top:0}.react-datepicker__year-dropdown,.react-datepicker__month-dropdown,.react-datepicker__month-year-dropdown{background-color:#f0f0f0;position:absolute;width:50%;left:25%;top:30px;z-index:1;text-align:center;border-radius:.3rem;border:1px solid #aeaeae}.react-datepicker__year-dropdown:hover,.react-datepicker__month-dropdown:hover,.react-datepicker__month-year-dropdown:hover{cursor:pointer}.react-datepicker__year-dropdown--scrollable,.react-datepicker__month-dropdown--scrollable,.react-datepicker__month-year-dropdown--scrollable{height:150px;overflow-y:scroll}.react-datepicker__year-option,.react-datepicker__month-option,.react-datepicker__month-year-option{line-height:20px;width:100%;display:block;margin-left:auto;margin-right:auto}.react-datepicker__year-option:first-of-type,.react-datepicker__month-option:first-of-type,.react-datepicker__month-year-option:first-of-type{border-top-left-radius:.3rem;border-top-right-radius:.3rem}.react-datepicker__year-option:last-of-type,.react-datepicker__month-option:last-of-type,.react-datepicker__month-year-option:last-of-type{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border-bottom-left-radius:.3rem;border-bottom-right-radius:.3rem}.react-datepicker__year-option:hover,.react-datepicker__month-option:hover,.react-datepicker__month-year-option:hover{background-color:#ccc}.react-datepicker__year-option:hover .react-datepicker__navigation--years-upcoming,.react-datepicker__month-option:hover .react-datepicker__navigation--years-upcoming,.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-upcoming{border-bottom-color:#b3b3b3}.react-datepicker__year-option:hover .react-datepicker__navigation--years-previous,.react-datepicker__month-option:hover .react-datepicker__navigation--years-previous,.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-previous{border-top-color:#b3b3b3}.react-datepicker__year-option--selected,.react-datepicker__month-option--selected,.react-datepicker__month-year-option--selected{position:absolute;left:15px}.react-datepicker__close-icon{cursor:pointer;background-color:transparent;border:0;outline:0;padding:0 6px 0 0;position:absolute;top:0;right:0;height:100%;display:table-cell;vertical-align:middle}.react-datepicker__close-icon:after{cursor:pointer;background-color:#216ba5;color:#fff;border-radius:50%;height:16px;width:16px;padding:2px;font-size:12px;line-height:1;text-align:center;display:table-cell;vertical-align:middle;content:"×"}.react-datepicker__close-icon--disabled{cursor:default}.react-datepicker__close-icon--disabled:after{cursor:default;background-color:#ccc}.react-datepicker__today-button{background:#f0f0f0;border-top:1px solid #aeaeae;cursor:pointer;text-align:center;font-weight:700;padding:5px 0;clear:left}.react-datepicker__portal{position:fixed;width:100vw;height:100vh;background-color:#000c;left:0;top:0;justify-content:center;align-items:center;display:flex;z-index:2147483647}.react-datepicker__portal .react-datepicker__day-name,.react-datepicker__portal .react-datepicker__day,.react-datepicker__portal .react-datepicker__time-name{width:3rem;line-height:3rem}@media (max-width: 400px),(max-height: 550px){.react-datepicker__portal .react-datepicker__day-name,.react-datepicker__portal .react-datepicker__day,.react-datepicker__portal .react-datepicker__time-name{width:2rem;line-height:2rem}}.react-datepicker__portal .react-datepicker__current-month,.react-datepicker__portal .react-datepicker-time__header{font-size:1.44rem}.react-datepicker__children-container{width:13.8rem;margin:.4rem;padding-right:.2rem;padding-left:.2rem;height:auto}.react-datepicker__aria-live{position:absolute;clip-path:circle(0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;width:1px;white-space:nowrap}.react-datepicker__calendar-icon{width:1em;height:1em;vertical-align:-.125em}.custom-date-picker{border:1.5px solid #c67cae;border-radius:4px;padding:8px;font-size:16px;color:#c67cae;width:110px;text-align:center;z-index:999999999999}.custom-date-picker:focus{border-color:#c67cae;outline:none}.custom-calendar{background-color:#ffe4e1;border:1px solid #c67cae;z-index:999999999999}.custom-calendar .react-datepicker__day--selected,.custom-calendar .react-datepicker__day--keyboard-selected{background-color:#c67cae;color:#fff}.hidden{display:none}.overlay-date{align-items:center;transition:opacity .3s ease}.date-modal{padding:7px;background-color:#ffe4e1;border-radius:5px;overflow-y:auto;transform:scale(.5);opacity:0;pointer-events:none;transition:transform .3s ease;display:flex;flex-direction:column;gap:3vh;align-items:center;width:80%;height:400px;max-width:400px}.date-modal-section{display:flex;flex-direction:column;align-items:flex-start}.modal-arrow{color:#d147a3}.date-modal-main{height:100%}.cancel-type-date{font-size:16px}.visible>.date-modal{opacity:1;pointer-events:auto;transform:scale(1);animation:fadeInScale .5s forwards}.visible{opacity:1}.hidden{opacity:0;pointer-events:none;animation:fadeOutScale .3s forwards}.date-modal-title{color:#333}.start-date-label{color:#444;font-size:16px}.date-modal-button{font-size:16px;background-color:inherit;border:none;padding:10px;cursor:pointer}.header-date-modal{display:flex;justify-content:space-between;align-items:center;height:5%;gap:20px;padding:15px 0}.header-date-modal>span{font-size:18px}.modal-frecuency{position:absolute;width:100%;height:100vh;background-color:#ffe4e1;animation:fadeInScale .2s ease-in-out}.frecuency-modal-main{height:80%;color:#222}.header-modal-frecuency{display:flex;justify-content:space-between;align-items:center;padding:10px;border-bottom:1px solid #ccc}.header-modal-frecuency>span{font-size:20px}.submit-frecuency-button{color:#d147a3}.cancel-frecuency-button{color:#f44336}.modal-frecuency-button{font-size:16px;background-color:inherit;border:none;padding:10px;cursor:pointer}.frecuency-modal-section{display:flex;flex-direction:column;padding:20px;border-bottom:1px solid #ccc}.modal-frecuency-title{margin:0;color:#333}.frecuency-modal-section>p{font-size:14px}.input-frecuency-div{display:flex;gap:10px;align-items:center}.frecuency-input{text-align:center;padding:10px 8px;font-size:16px;border:1px solid #c67cae;color:#c67cae;border-radius:4px;width:45px}.frecuency-input:focus,.frecuency-select:focus{outline:none}.frecuency-select{padding:10px;font-size:16px;border:1.5px solid #c67cae;color:#c67cae}.weekDay-input{appearance:none;-webkit-appearance:none;-moz-appearance:none;width:25px;height:25px;background-color:#eee;border:2px solid #ccc;border-radius:50%;cursor:pointer;position:relative;transition:background-color .3s ease,border-color .3s ease}.end-option{display:flex;gap:10px}.frecuency-modal-footer{display:flex;height:15%;flex-direction:column;justify-content:center;align-items:center}.weekDay-list{display:flex;justify-content:flex-start;gap:1vh;padding:0;background-color:inherit;list-style-type:none}.weekDay-overlay{width:auto;height:auto}.weekDay-button{display:flex;justify-content:center;align-items:center;width:3.7vh;height:3.7vh;padding:8px;border-radius:999999099999px;color:#5c6468;cursor:pointer;transition:background-color .3s ease;background-color:inherit;border:1px solid #5c6468}.weekDay-checked{background-color:#c67cae;border:1px solid #c67cae;color:#fff}.end-option-radio{display:none}.end-option-label{display:flex;align-items:center;cursor:pointer;padding:10px 0}.end-option-custom-radio{width:20px;height:20px;border:2px solid #ccc;border-radius:50%;margin-right:10px;position:relative;transition:border-color .5s ease;color:#222}.end-option-radio:checked+.end-option-custom-radio:after{content:"";width:12px;height:12px;background-color:#c67cae;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);transition:border-color .5s ease}.end-option-radio:checked+.end-option-custom-radio{border-color:#c67cae}.add-button{display:flex;justify-content:center;align-items:center;gap:10px;color:#fff;font-size:20px;cursor:pointer;transition:background-color .3s ease;border:none;background-color:inherit;background-color:#e837ad;padding:10px;border-radius:25px}.navbar{width:100%;background-color:#e837ad;padding:10px 0}.navbar-list{list-style:none;display:flex;justify-content:center;margin:0;gap:8vh;padding:0;width:100%}.navbar-item{color:#fff;display:flex;flex-direction:column;align-items:center;cursor:pointer;gap:5px;transition:background-color .3s ease,color .3s ease}.navbar-item-active .navbar-icon{background-color:#cd2395;color:#fff}.navbar-icon{font-size:3rem;color:#ddd;padding:10px;border-radius:10px;transition:background-color .3s ease,color .3s ease}.navbar-item p{text-decoration:none;font-size:.8rem;margin:0;color:#ddd;transition:color .3s ease}.navbar-item-active p{color:#fff}.app-main{display:flex;flex-direction:column;justify-content:flex-start;margin:0;align-items:center;height:100vh;width:100%;background-color:#ffe4e1;overflow:auto;white-space:nowrap}.floating-flower{font-size:1.3rem;animation:float 5s infinite ease-in-out;animation:growShrink 3s infinite ease-in-out}.app-header{display:flex;width:100%;justify-content:space-around;align-items:center}.today-title{display:block;padding:0% 5%;color:#fff;font-size:2em;text-shadow:2px 2px #ffb6c1;margin:0}.app-section{width:100%;height:100vh;margin:0;padding:0;overflow:auto;white-space:nowrap}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-250px)}}.search-main{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;padding:20px;gap:10px;width:100%;animation:fadeIn 1s ease-in-out}.options-section-search{padding:15px}.input-search{width:80%;padding:10px;border-radius:5px;font-size:1.2em;color:#c67cae}.input-search:focus{outline:none}.button-search{width:150px;overflow:hidden}.todos-ul-search{width:80%;list-style:none;padding:0;margin:0;min-height:50vh}.add-event-modal{position:fixed;top:0;left:0;width:100%;height:100vh;background-color:#ffe4e1;animation:fadeInScale .2s ease-in-out;z-index:1000;display:flex;flex-direction:column}.header-add-event-modal{display:flex;justify-content:space-between;align-items:center;padding:30px 20px}.button-close-event-modal{background-color:transparent;border:none;padding:0;cursor:pointer;font-size:30px;color:#d147a3}.button-save-event-modal{background-color:#d147a3;color:#fff;padding:10px 20px;border:none;cursor:pointer;font-size:15px;border-radius:20px}.section-title-event-modal{display:flex;justify-content:center;padding-bottom:20px;border-bottom:1px solid #d147a33f}.input-event-title{width:80%;padding:10px;border-bottom:1px solid #d147a3;margin:20px 0;font-size:20px;color:#d147a3;font-weight:800}.input-event-title::placeholder{color:#d147a348}.input-event-title:focus{outline:none}.section-color-event-modal{display:flex;justify-content:center;gap:10px}.color-option{padding:6px;border-radius:50%;border:none;cursor:pointer;transition:transform .2s}.color-option:hover{transform:scale(1.1)}.button-color-event{display:flex;align-items:center;padding:15px 20px;gap:30px;font-size:15px;background-color:transparent;border:none;cursor:pointer;width:100%;color:#333;border-bottom:1px solid #d147a33f}.section-date-event-modal{display:flex;flex-direction:column;align-items:center;gap:30px;padding:20px}.button-event-frecuency{background-color:transparent;border:none;padding:20px;width:100%;cursor:pointer;font-size:15px;color:#d147a3;display:flex;gap:10px}.section-frecuency-event-modal{border-top:1px solid #d147a33f}.time-input{padding:10px;border:1px solid;border-radius:5px;width:100%;font-size:15px;color:#c67cae}.time-container{display:flex;gap:20px}.time-input:hover{border-color:#e47ab6}.time-input::-webkit-calendar-picker-indicator{filter:invert(48%) sepia(79%) saturate(2476%) hue-rotate(300deg) brightness(80%) contrast(119%);cursor:pointer}.button-delete-event{background-color:transparent;border:none;cursor:pointer;color:#d23636;font-weight:800;font-size:15px;padding:25px}.section-delete-event-modal{display:flex;justify-content:center;align-items:flex-end;padding:20px;height:100%;border-top:1px solid #d147a33f}.color-selector-modal{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1100;animation:fadeIn .2s ease-out}.color-selector-content{background-color:#ffe4e1;display:flex;flex-direction:column;padding:20px;border-radius:10px;gap:5px;width:300px;animation:scaleIn .2s ease-out}.color-option-with-name{display:flex;align-items:center;gap:40px;background:none;border:none;cursor:pointer;padding:10px}.color-circle{width:25px;height:25px;border-radius:50%;transition:all .2s ease}.color-name{font-size:16px;color:#444}.section-frecuency-event-modal{display:flex;justify-content:center;border-bottom:1px solid #d147a33f}@keyframes scaleIn{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}.calendar-container{display:flex;flex-direction:column;width:100%;height:100vh;-webkit-user-select:none;user-select:none}.calendar-header{display:flex;flex-direction:column}.calendar-days-of-week{display:flex;width:100%;justify-content:flex-end;border-bottom:1px solid #ccc}.calendar-content{display:flex;flex:1}.hour-labels{display:flex;flex-direction:column;width:60px;background-color:#f9f9f9}.calendar-week-date{z-index:15;background-color:#ffe4e1;display:flex;flex-direction:column;align-items:center;box-sizing:border-box;min-height:55px;width:100%;color:#555;padding-bottom:5px;border-bottom:1px solid #d147a3}.calendar-week-date .day-letter{font-size:10px;padding:2px;color:#555}.calendar-week-date .date-number{font-size:16px;padding:7.5px;border-radius:9999999px;color:#555}.calendar-hour-label{min-width:60px;flex:0 0 60px}.hour-label{display:flex;height:37px;padding:24px 0 0;font-size:12px;justify-content:center;align-items:center;border-right:1px solid #ccc;color:#444}.first-hour-label{height:43px;padding:31px 0 0}.hour-label:after{content:"";position:absolute;right:1px;width:8px;height:.5px;background-color:#aaa;transform:translateY(-50%)}.calendar-weeks{display:flex;justify-content:center;width:300%;transform:translate(-33.33%)}.calendar-week{display:flex;width:100%}.calendar-day-container{display:flex;flex-direction:column;width:100%}.calendar-day{display:flex;align-items:center;justify-content:center;width:100%}.hour-blocks{display:flex;flex-direction:column;position:relative;background-color:#f9f9f9}.hour-block{height:37px;border-bottom:1px solid #ccc;position:relative;border-right:1px solid #ccc}.calendar-event{position:absolute;box-shadow:0 1px 3px #0003;overflow:hidden;font-size:14px}.calendar-month{padding:0 10px 5px;font-weight:700;font-size:20px;color:#d147a3;display:flex;align-items:center}.hour-labels{position:sticky;left:0;z-index:10;background-color:#f9f9f9}.calendar-scroll{flex:1;overflow-y:auto;overflow-x:hidden}.hour-blocks{overflow-y:auto;padding-top:80px;margin-top:-80px}.calendar-week-date.today .date-number{background-color:#cb6aac;color:#fff}.calendar-week-date.today .day-letter{color:#cb6aac}.calendar-event{position:absolute;left:5px;right:5px;background-color:#d147a3;color:#fff;padding:4px;border-radius:4px;font-size:10px;overflow:hidden;z-index:5;box-shadow:0 1px 3px #0003;white-space:normal;word-wrap:break-word;overflow-wrap:break-word;line-height:1.2}.add-event-button{position:fixed;bottom:120px;right:20px;z-index:100;cursor:pointer;background-color:#d147a3;color:#fff;padding:17.5px;border-radius:10px;border:none;font-size:22px}body{margin:0;padding:0;box-sizing:border-box;overflow-x:hidden;width:100%;height:100%;font-family:"Cursive",sans-serif;-webkit-user-select:none;user-select:none}input,textarea{-webkit-user-select:text;user-select:text}#root{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;height:100%;width:100%;margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,"Apple Color Emoji",Helvetica,Arial,sans-serif,"Segoe UI Emoji",Segoe UI Symbol;scrollbar-width:none;-ms-overflow-style:none}#root ::-webkit-scrollbar{display:none}