@import url(https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap);*{box-sizing:border-box}:root{--mainBlueColor:#3d9e94;--lightBluecolor:#59b1a8;--lighterBluecolor:#3a948b;--darkBlueColor:#26786f;--verylightBluecolor:#effcfb;--brigthGreenColor:#45b552;--brigtherGreenColor:#67d073;--veryBrightGreenColor:#92e19b;--darkerGreenColor:#68c65e}body,html{height:100%;overflow-x:hidden}h1,h2,h3,h4{color:#fff;font-family:Montserrat;text-shadow:0 4px 8px #0003}h1{font-size:3rem;margin-bottom:6px}h2{font-size:2rem}h3{font-size:1.6rem;margin-bottom:4px}h4{font-size:1.1rem;margin:10px 0;text-align:center}body{background:#68bbb0;background-image:url(../../static/media/wave8.b8711fc97dbbe25ca0d0.svg);background-position:bottom;background-repeat:no-repeat;background-size:cover;display:flex;font-family:Arial,sans-serif;justify-content:center;margin:0;padding:0 20px}.app-wrapper{margin-top:60px;padding-bottom:20px}.app-inner-wrapper{align-items:center;display:flex;flex-direction:column}h1{text-align:center}form{display:flex;justify-content:space-around;margin-bottom:20px}input[type=date],input[type=number],input[type=text]{margin-right:10px;padding:10px}.timeline-container{box-shadow:2px 2px 10px rgba(0,0,0,.218);cursor:grab;margin-bottom:20px;overflow-x:hidden;position:relative;white-space:nowrap;width:95vw}.timeline-container:active{cursor:grabbing}.date-headers{align-items:center;background-color:#effcfb;background-color:var(--verylightBluecolor);border-bottom:1px solid #ccc;display:flex;font-size:12px;height:50px;position:relative}.date-header{color:#333;font-family:Roboto;text-align:center;width:40px}.date-header-wrapper{align-items:center;display:flex;flex-direction:column;position:absolute}.date-header-day-name{font-family:Roboto;font-size:16px;font-weight:500}.timeline{background:#fff;height:600px;overflow-y:hidden;position:relative}.today-indicator{background-color:red;height:100%;position:absolute;width:2px}.date-indicator{background-color:#dcdcdc;height:100%;position:absolute;width:1px;z-index:3}.task-wrapper{margin-top:20px}.task{border:2px solid;border-radius:3px;border-radius:4px;box-shadow:1px 2px 5px rgba(0,0,0,.319);color:#333;color:#000;font-family:Montserrat;font-size:8px;font-weight:600;height:40px;line-height:40px;position:relative;text-align:center;z-index:5}.task span{opacity:50%}.task-completed{border:2px solid;border-radius:3px;border-radius:4px;color:#000;font-size:8px;height:40px;line-height:40px;opacity:40%;position:relative;text-align:center;z-index:5}.task-overlay{background-color:#0003;border-radius:4px;bottom:0;left:0;pointer-events:none;right:0;top:0}.task-overlay,.task-popup{position:absolute;z-index:99}.task-popup{word-wrap:break-word;background-color:#fff;border:1.5px solid #3d9e94;border:1.5px solid var(--mainBlueColor);border-radius:10px;box-shadow:0 4px 12px #0003;color:#000;font-size:16px;height:auto;line-height:15px;padding:20px;text-align:center;top:45px;white-space:pre-line;width:300px}.task-overlay-active-popup{background-color:#0003;border-radius:4px;bottom:0;box-shadow:0 0 15px #fffa9d;left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:99}.task-popup .task-popup-name{font-family:Montserrat;font-size:1rem;font-weight:700;line-height:20px;margin-bottom:14px}.task-popup .task-popup-date{color:#555;font-family:Montserrat;font-size:.9rem;margin:4px 0}.task-popup-desc-wrapper{align-items:flex-start;display:flex;flex-direction:column;width:100%}.thicker-text{font-weight:600}.delete-task-buttons-wrapper{align-items:flex-end;display:flex;flex-direction:column}.delete-task-button{background:#3d9e94;background:var(--mainBlueColor);border:none;border-radius:5px;color:#fff;cursor:pointer;display:block;margin-bottom:5px;padding:5px 10px}.delete-task-button:hover{background-color:#26786f;background-color:var(--darkBlueColor);color:#fff}.add-task-form-wrapper,.add-task-wrapper{display:flex;flex-direction:column}.add-task-wrapper{justify-content:center;margin:0 20px;min-height:345px}.drop-down-little-circle{background:#000;display:inline-block;height:10px;width:10px}.add-task-form-wrapper button,.add-task-form-wrapper input[type=date],.add-task-form-wrapper input[type=number],.add-task-form-wrapper input[type=text],.checkboxWrapper{margin-bottom:10px;width:180px}.add-task-form-top textarea{height:90px;margin-bottom:10px;padding:10px;resize:none}.add-task-form-top textarea,.add-task-form-wrapper button,.add-task-form-wrapper input[type=date],.add-task-form-wrapper input[type=number],.add-task-form-wrapper input[type=text],.checkboxWrapper,.dropdown{border:1.5px solid #3d9e94;border:1.5px solid var(--mainBlueColor)}.add-task-form-wrapper>div{display:flex}.add-task-form-top>div:nth-child(2){display:flex;flex-direction:column;margin-left:10px}.add-task-form-top div{display:flex;flex-direction:row}.add-task-form-bottom{display:flex;flex-direction:column;margin-bottom:20px}.input-length-and-repeating-checkbox-wrapper{display:flex;flex-direction:row}.repeating-wrapper{display:flex}.panel-wrapper{grid-gap:10px;align-items:center;display:grid;gap:10px;grid-template-columns:1fr auto auto 1fr;width:100%}.add-task-form-top textarea,.add-task-form-wrapper button,.add-task-form-wrapper input[type=date],.add-task-form-wrapper input[type=number],.add-task-form-wrapper input[type=text],.checkboxWrapper,.dropdown,.dropdown-menu{font-family:Montserrat;font-size:14px;font-size:.95rem;width:200px}.dropdown{background-color:#fff;cursor:pointer;height:40px;justify-content:center;margin-bottom:10px;margin-right:10px;padding:5px 10px;position:relative}.dropdown,.dropdown-menu{align-items:center;display:flex}.dropdown-menu{background:#fff;box-shadow:4px 4px 4px #0003;flex-direction:column;left:0;list-style-type:none;margin:0;padding:0;position:absolute;top:37px;width:197px;z-index:99}.dropdown-menu li{border-top:thin solid #ddd;display:flex;height:37px;justify-content:center;width:197px}.dropdown-menu li:hover{background:#ebebeb}.arrow-down{font-size:14px;margin-left:8px;margin-top:2px;transform:scaleX(1.5)}.add-task-form-wrapper button,.add-task-form-wrapper input[type=date],.add-task-form-wrapper input[type=number],.add-task-form-wrapper input[type=text],.add-task-form-wrapper select{height:40px}.add-task-form-wrapper button{background:#26786f;background:var(--darkBlueColor);border:2px solid #3a948b;border:2px solid var(--lighterBluecolor);color:#fff;cursor:pointer;font-family:Montserrat;font-weight:600;padding:10px 20px;width:200px}.add-task-form-wrapper button:hover{background:#3a948b;background:var(--lighterBluecolor);border:2px solid #3d9e94;border:2px solid var(--mainBlueColor)}.dropdown button:hover{background-color:grey}.checkboxWrapper input{height:14px;margin-right:6px;width:14px}.checkboxWrapper{align-items:center;background:#fff;cursor:pointer;display:flex;flex-direction:row;font-size:14px;height:40px;justify-content:center;margin-right:10px}.checkboxWrapper label{cursor:pointer;font-size:.95rem}.task-wrapper{cursor:pointer;position:absolute}.task.Health{background-color:#98fb98;border-color:#6ddf6d}.task.Mindfulness{background-color:#ffb6c1;border-color:#d97887}.task.Productivity{background-color:#add8e6;border-color:#7fb8cb}.error-message{color:#fff;font-family:Montserrat;font-size:1.1rem;font-weight:600;margin-bottom:10px;margin-top:10px}.summary-wrapper{align-items:center;color:#fff;display:flex;flex-direction:column;grid-column:2;justify-content:center;margin:0 20px;width:400px}.summary-wrapper p{font-family:Montserrat;font-size:1.1rem;font-weight:500}.character{animation:float 3s ease-in-out infinite;margin:0 20px;width:140px}.character-wrapper{align-items:center;display:flex;grid-column:3}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-8px)}to{transform:translateY(0)}}.task-icon-img{height:20px;opacity:70%;width:20px}.mobile-blocker{align-items:center;background:#000;display:flex;display:none;height:100vh;justify-content:center;left:0;opacity:80%;position:fixed;top:0;width:100vw}.mobile-blocker h1{margin-top:40vh;padding:0 2vw}@media (max-width:700px){.mobile-blocker{display:block}.app-wrapper{display:none}}@media (max-width:1040px){.character{margin-bottom:20px}}.top-left-bar-wrapper{align-items:center;background:#3d9e949b;border-radius:20px;box-shadow:inset 0 0 5px #fff;display:flex;flex-direction:row;justify-content:center;left:-26px;min-width:300px;padding:37px 22px 17px 40px;position:fixed;top:-26px}.top-left-bar-wrapper,.top-left-bar-wrapper a{color:#fff;font-family:Roboto;font-size:1rem;font-weight:600}.top-left-bar-wrapper a{margin-left:10px;margin-right:10px;text-decoration:none}.top-left-bar-wrapper a:hover{color:#f3f3f3}.top-left-bar-wrapper a,.top-left-bar-wrapper span{text-shadow:0 4px 12px #0003}.top-left-bar-wrapper svg{height:18px;margin-left:20px;margin-right:2px;width:18px}.top-left-bar-wrapper-inner{align-items:center;display:flex;flex-direction:row;justify-content:center;margin-left:10px}.top-left-bar-wrapper-inner span{margin-left:4px}.line{background:#26786f;background:var(--darkBlueColor);border-bottom:1px solid #3d9e94;border-bottom:1px solid var(--mainBlueColor);border-radius:1px;box-shadow:0 4px 12px #0003;display:block;height:3px;margin:0 auto;width:100px;z-index:3}.login-wrapper{align-items:center;display:flex;height:100%;justify-content:center;margin:0;padding:0;width:100%}.login-inner-wrapper{align-items:center;background:#fff;border-radius:10px;display:flex;flex-direction:column}.login-inner-wrapper img{margin:20px 0;width:140px}.login-inner-wrapper h1{color:#26786f;color:var(--darkBlueColor);font-size:2rem;padding:0 20px}.login-buttons-wrapper{display:flex;justify-content:space-between;width:100%}.login-buttons-wrapper button{background:#26786f;background:var(--darkBlueColor);border:2px solid #3d9e94;border:2px solid var(--mainBlueColor);border-radius:10px;color:#fff;cursor:pointer;font-family:Montserrat;font-weight:600;margin:20px;padding:10px 20px;width:150px}.login-buttons-wrapper button:hover{background:#59b1a8;background:var(--lightBluecolor);border:2px solid #3d9e94;border:2px solid var(--mainBlueColor)}.test-button{background:#45b552!important;background:var(--brigthGreenColor)!important;border-radius:10px;color:#fff;cursor:pointer;font-family:Montserrat;font-weight:600;margin:20px;padding:10px 20px;width:150px}.test-button,.test-button:hover{border:2px solid #68c65e!important;border:2px solid var(--darkerGreenColor)!important}.test-button:hover{background:#67d073!important;background:var(--brigtherGreenColor)!important}.category-list{background:#fff;border:1px solid #ccc;border-radius:4px;box-shadow:0 2px 4px #0000001a;margin-top:5px;padding:10px;position:absolute;z-index:1000}.category-item{color:#333;font-size:14px;padding:5px 0}.category-item:not(:last-child){border-bottom:1px solid #eee}@media (max-width:1200px){.panel-wrapper{display:flex;flex-wrap:wrap;justify-content:center;margin-bottom:20px}}.color-picker{margin-top:10px;width:100%}.color-options{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.color-option{border:2px solid;border-radius:50%;cursor:pointer;height:25px;transition:transform .2s ease;width:25px}.color-option:hover{transform:scale(1.1)}.color-option.selected{box-shadow:0 0 0 2px #fff,0 0 0 4px var(--mainBlueColor);transform:scale(1.2)}.custom-category-input{border:1px solid #ccc;border-radius:4px;font-family:Roboto,sans-serif;margin-top:10px;padding:8px;width:100%}.color-picker-container{background-color:#fff;border-radius:8px;box-shadow:0 2px 5px #0000001a;margin-bottom:10px;margin-top:0;padding:10px;width:200px}.color-picker-title{color:#555;font-family:Montserrat,sans-serif;font-size:14px;margin-bottom:8px;text-align:center}.custom-category-wrapper{align-items:center;display:flex;flex-direction:column;width:100%}.auth-form-container{background-color:#fff;border-radius:8px;max-width:400px;padding:20px;width:100%}.auth-form-container h2{color:var(--darkBlueColor);font-size:1.8rem;margin-bottom:20px;text-align:center;text-shadow:none}.auth-form{gap:15px}.auth-form,.form-group{display:flex;flex-direction:column}.form-group label{color:var(--darkBlueColor);font-family:Montserrat,sans-serif;font-weight:600;margin-bottom:5px}.form-group input{border:1px solid #ccc;border-radius:4px;font-family:Roboto,sans-serif;font-size:1rem;padding:10px}.auth-button{background-color:var(--mainBlueColor);border:none;border-radius:4px;color:#fff;cursor:pointer;font-family:Montserrat,sans-serif;font-size:1rem;font-weight:600;margin-top:10px;padding:12px 24px;transition:background-color .2s}.auth-button:hover{background-color:var(--darkBlueColor)}.auth-button:disabled{background-color:#ccc;cursor:not-allowed}.auth-button-green{background-color:var(--brigthGreenColor);border:none;border-radius:4px;color:#fff;cursor:pointer;font-family:Montserrat,sans-serif;font-size:1rem;font-weight:600;margin-top:10px;padding:12px 24px;transition:background-color .2s}.auth-button-green:hover{background-color:var(--darkerGreenColor)}.auth-button-green:disabled{background-color:#ccc;cursor:not-allowed}.auth-error{background-color:#ffebee;border-radius:4px;color:#d32f2f;margin-bottom:15px;padding:10px}.auth-error,.auth-switch{font-family:Roboto,sans-serif}.auth-switch{font-size:1rem;margin-top:20px;text-align:center}.auth-switch p{color:#666}.auth-switch button{background:none;border:none;color:var(--mainBlueColor);cursor:pointer;font-family:inherit;font-size:1rem;font-weight:600;padding:0}.auth-switch button:hover{text-decoration:underline}.demo-section{border-top:1px solid #eee;margin-top:20px;padding-top:15px;text-align:center}.demo-section p{color:#666;font-family:Roboto,sans-serif;margin-bottom:10px}.login-inner-wrapper{max-width:450px;padding:30px;width:100%}.user-info{align-items:center;display:flex;margin-left:15px}.user-info span{margin-right:10px}.logout-button{background:none;border:none;color:#fff;cursor:pointer;font-family:Roboto,sans-serif;font-weight:600;padding:0;text-decoration:underline}.logout-button:hover{color:#f3f3f3}.back-button{align-items:center;background:none;border:none;color:#fff;cursor:pointer;display:flex;font-family:Roboto;font-size:1rem;font-weight:600;gap:1px;padding:0 0 0 10px}.back-button:hover{color:#f3f3f3}.back-button svg{margin-right:3px}
/*# sourceMappingURL=main.a25af396.css.map*/