@import"https://fonts.googleapis.com/css2?family=DM+Sans:opsz,wght@9..40,300;9..40,400&family=DM+Serif+Display&display=swap";@import"https://fonts.googleapis.com/css2?family=Montserrat:wght@400;600;700;900&display=swap";button{background:none;border:none;width:100%}.chore-wrapper{opacity:0;max-height:0;overflow:hidden;transition:max-height .5s ease-in-out,opacity .5s ease-in-out}.chore-wrapper.open{opacity:1;max-height:255px;transition:max-height .5s ease-in-out,opacity .5s ease-in-out}.chorelogger-wrap{background:#fff;max-width:245px;margin:auto;padding:1em;border-radius:10px;box-shadow:var(--yellow-shadow)}.dropdown-menu-btn{font-size:17px}.chore-dropdown-content{height:100%}.chore-dropdown-menu{width:100%;margin:1em auto;padding:0}.dropdownli-icon-container{width:15px;height:15px}.dropdownli-icon-container:hover{transform:scale(1.1)}.dropdown-li{display:flex;width:100%;height:3em;font-size:14px;padding:.7em .3em;font-family:DM Sans,sans-serif;text-align:left;cursor:pointer;transition:all .3s ease-in-out;align-items:center;justify-content:space-between}.dropdown-li:hover{background:#fffffff8;text-decoration:underline;font-weight:700}.session-category{margin:.5em 0;font-size:15px;text-align:center;text-decoration:underline}.session-content{margin:2em auto}.session-control{width:75%;display:flex;flex-direction:row;align-items:center;justify-content:space-evenly;margin:.5em auto 1.5em}.session-explain{margin:.5em;text-align:center;font-size:14px;cursor:default}.session-no{width:25%;background:#fff;padding:.5em 0;display:flex;justify-content:center;align-items:center;font-weight:700;border:1px dotted black;border-radius:10px;cursor:default}.sessioncount-btn{width:30%;display:flex;justify-content:center;align-items:center;transition:all .3s ease-in-out}.sessioncount-btn:hover{transform:scale(1.1)}.sessioncount-img-wrapper{width:25px}.done-btn{display:flex;flex-direction:row;width:35%;align-items:center;margin:2em auto;font-size:15px;justify-content:space-around;border:1px solid black;border-radius:5px;box-shadow:2px 2px 1px #00000059;transition:all .3s ease-in-out;background:#fff}.done-btn:hover{transform:scale(1.1);border-color:green}.donebtn-img-wrapper{width:20px}.back-btn{display:flex;flex-direction:row;width:100%;align-items:center;margin:auto;transition:all .3s ease-in-out;justify-content:center}.back-btn:hover{transform:scale(1.1)}.backbtn-img-wrapper{width:25px;height:25px}@keyframes slideInFromTop{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slideInFromLeft{0%{transform:translate(-100%);opacity:0}to{transform:translate(0);opacity:1}}#homePage{height:100vh;margin:0 auto 2em;display:flex;flex:1}.content-container_home{min-height:100%;width:80%;margin:0 auto;display:flex;flex-direction:column;align-items:center;justify-content:space-around}.cc-desktop-layer{display:flex;flex-direction:column;height:90%;align-items:center;justify-content:space-around}.image-wrapper_home{display:flex;height:35%;width:auto;margin-left:15%}.main-img_home{height:100%}.text-btns_home{display:flex;flex-direction:column;align-items:center;justify-content:space-around;height:55%}.text-section_home{width:100%;height:35%;margin:0 auto;display:flex;flex-direction:column;align-items:center;justify-content:space-around;text-align:center}.text-section_home h1{margin:0 auto;font-size:28px}.text-section_home p{font-size:19px}.btns-mobile_home{display:flex;flex-direction:column;align-items:center;width:100%;margin:1em auto}.signedin-btn-wrapper_home_mobile{width:100%;display:flex;flex-grow:1;flex-direction:column;align-items:center;justify-content:space-evenly}.dropdown_home{margin:0 auto 1em;width:75%}.dashboard-btn_home{width:75%;padding:1em 0;display:flex;align-items:center;justify-content:center;background:var(--btn-blue-gradient);border-radius:12px;box-shadow:0 12px 16px #53637b;cursor:pointer}.signedout-btn-wrapper_home{width:90%;display:flex;flex-direction:row;align-items:center;justify-content:space-between}.loggedout-btn_home{padding:1em 0;width:45%;border-radius:12px;display:flex;align-items:center;justify-content:center;font-weight:700;box-shadow:0 12px 16px #53637b}.register-btn-homepage{background:var(--btn-blue-gradient);touch-action:manipulation;transition:all .3s ease-in-out}.register-btn-homepage:hover{background:linear-gradient(#7eacaf,#1b5072);transition:all .3s ease-in-out}.login-btn-homepage{background:var(--btn-green-gradient);transition:all .3s ease-in-out}.login-btn-homepage:hover{background:linear-gradient(#a4c498,#0f5b69)}.dropdown_home .chorelogger-wrap{max-width:unset;background:#f4f2f2f2;border:1px solid black;border-radius:12px;box-shadow:0 12px 16px #53637b}.home-dashboard a{width:50%;display:flex;background:var(--btn-blue-gradient);padding:1em 0;border-radius:12px;box-shadow:0 12px 16px #53637b;cursor:pointer;align-items:center;justify-content:center}.dashboard-btn:hover{background:#e6e6e6}@media screen and (min-width: 745px){#homePage{height:55vh}.content-container_home{max-width:1000px;flex-direction:column;justify-content:space-between;height:100%;width:100%}.cc-desktop-layer{display:flex;flex-direction:row;align-items:center;justify-content:space-around;margin:0 auto 4em;width:95%}.image-wrapper_home{width:40%;height:100%;margin-left:0%}.text-btns_home{height:100%;width:40%}.header_frontpage{margin:0;font-size:24px}.home-dashboard{display:flex;justify-content:flex-start;height:20%}.home-dashboard a{display:flex;align-items:center;justify-content:center;width:50%}.signedin-btn-wrapper_home{height:10vh;width:80%;margin:0 auto 2em;display:flex;flex-grow:1;flex-direction:row;align-items:flex-start;justify-content:center}.text-section_home{width:100%;height:40%;margin:0 auto;display:flex;flex-direction:column;align-items:center;justify-content:space-around;text-align:center}.dropdown_home{margin:0 auto 1em;width:45%}.dashboard-btn_home{width:45%}.text-btns_home .btns-mobile{display:none}.signedout-btn-wrapper_home{width:100%}}@media screen and (min-width: 930px){.home-dashboard a{display:flex;align-items:center;justify-content:center;width:45%}}.modal-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000000c4;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content{position:relative;display:flex;flex-direction:column;height:100%;padding:1rem;width:90%;box-shadow:0 2px 10px #0000001a;text-align:center}.text_modal{background:#fff;border-radius:16px;padding:1rem}.btn-wrapper_modal{width:100%;display:flex;justify-content:flex-end;padding-bottom:4rem}.close-modal-btn{width:85px}.close-modal-img{width:24px;height:24px}.text_modal{margin-top:6rem}#registerPage{display:flex;align-items:center;justify-content:center;margin:0 auto}.signupform-container{width:95%;margin:3em auto}.signupform{display:flex;flex-direction:column;align-items:center;width:100%;border-radius:24px;padding:2em 0;background:#f9f4f44d;box-shadow:inset 0 20px 10px #f9f4f4}.header_signup,.avatar-header_signup{width:70%;text-align:left}.content-wrapper_signup{display:flex;flex-direction:column;align-items:center;width:100%;height:100%}.infofields-wrapper_signup{display:flex;flex-direction:column;align-items:center;justify-content:space-evenly;width:90%;height:100%}.input-wrapper_auth,.personalia-wrapper_signup{width:90%;display:flex;flex-direction:column;align-items:center;justify-content:space-evenly}.personalia-wrapper_signup{margin:2em 0 1em}.inputfield-wrapper_signup{display:flex;flex-direction:column;align-items:center;justify-content:space-evenly;width:100%;height:85%}.email-wrapper,.passwd-wrapper_signup{display:flex;flex-direction:column;align-items:center;justify-content:space-evenly;width:100%}.signupform-col{display:flex;flex-direction:column;align-items:flex-start;width:95%;margin-bottom:1em}.signupform-col label{width:90%;margin:0 auto}.signup-inputfield{width:90%;border-radius:20px;padding:15px 10px;font-size:15px;border:none;margin:.5em 0;box-shadow:inset 2px 2px #0003}.avatar-wrapper_signup{display:flex;flex-direction:column;align-items:center;justify-content:space-evenly;margin:0 auto 2em;width:100%;height:100%}.avatar-select-wrapper{display:flex;flex-direction:row;align-items:center;width:90%;flex-wrap:wrap;justify-content:center}.avatar-img-container{width:20%;height:100%;margin:1em .5em;padding:20px 10px;background-color:#fff;border:1px solid #e9eaf1;border-radius:10px;cursor:pointer;transition:all .3s ease-in-out}.avatar-img-container.selected{border:1.2px solid #347a36;background-color:#e7f7ee}.btn-wrapper_signup{display:flex;justify-content:center;align-items:flex-start;width:100%;height:20%}.btn-wrapper_signup{margin:1.5em 0}.signup-btn{width:60%;border-radius:30px;font-size:16px;height:3em;background:var(--btn-green-gradient);box-shadow:var(--btn-shadow);transition:all .3s ease-in-out;cursor:pointer}.signup-btn:hover{background-color:var(--btn-green-hover);transform:scale(1.05)}@media screen and (min-width: 635px){.signupform-container{width:100%}.signupform{margin:0 auto;padding:2em 0;max-width:740px}.header_signup,.avatar-header_signup{width:80%}.content-wrapper_signup{flex-direction:column;justify-content:space-around;min-height:500px}.signupform-col{align-items:center}.infofields-wrapper_signup{display:flex;flex-direction:row;align-items:flex-start;width:100%;height:100%}.input-wrapper_auth,.personalia-wrapper_signup{width:40%;height:100%}.personalia-wrapper_signup{display:flex;margin:0;flex-direction:column;align-items:center;justify-content:space-evenly}.signup-inputfield{border-radius:12px;padding:10px;border:none}.avatar-wrapper_signup{display:flex;margin:0 auto 2em;align-items:center;height:100%;justify-content:center}.avatar-select-wrapper{flex-direction:row}.avatar-img-wrapper img{background-color:#fff}}.welcome-container{display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;text-align:center}.welcome-content-container{display:flex;flex-direction:column;align-items:flex-start;padding:0 1em;margin:0 auto}.welcome-btn{display:block;width:40%;margin:1.5em auto;font-size:14px;font-weight:600;letter-spacing:1.2px;background:linear-gradient(#bae7a9,#178194);border:2px solid #e9eaf1;box-shadow:3px 5px #0003;transition:all .3s ease-in-out;cursor:pointer}.welcome-btn:hover{background:linear-gradient(#a4c498,#0f5b69);transform:scale(1.05)}.privacy-txt a{font-weight:700}@media screen and (max-width: 450px){.welcome-btn{width:60%;margin:2em auto 1em}}.household-form{background:#9dce9d;margin:2em auto;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;max-width:400px;height:100%;padding:1em 0;border-radius:12px;box-shadow:3px 5px #0003}.household-form-content{margin:1em auto;width:80%;display:flex;flex-direction:column;align-items:center;justify-content:center}.household-default-columns{margin:1em auto 0;width:80%}.household-col{width:100%;margin:1em 0;display:flex;flex-direction:column;justify-content:center}.join-existing-wrapper{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}.household-inputfield{margin:.5em 0;padding:1em 1.5em;border:none;border-radius:12px;background-color:#f9f7f7;box-shadow:0 12px 16px #526a52db;font-size:14px}#household-name{box-shadow:inset 3px 3px 5px #0000004d}.room-btn-container{background:#fff;display:flex;width:90%;margin:.7em auto;align-items:center;justify-content:space-evenly;box-shadow:0 12px 16px #526a52db;border-radius:12px;padding:.2em 0}.room-btn{padding:.2em .5em;font-size:15px;margin:.2em 2em;border:none;border-radius:5px;background:none;cursor:pointer;transition:all .3s ease-in-out;width:25%}.room-btn:hover{transform:scale(1.1);background:#5bc94f77}.current-room-selection{display:flex;justify-content:center;width:30%}.householdform-btn,.check-household-btn{padding:1em 0;width:45%;border-radius:12px;margin:0 0 2em;font-size:15px;background:linear-gradient(348deg,#9fc7ff,#fcfdfc);box-shadow:0 12px 16px #526a52db;transition:all .3s ease-in-out;cursor:pointer}.householdform-btn:hover,.check-household-btn:hover{background-color:#7c966f;transform:scale(1.05)}.household-confirm-btn-wrapper{display:flex;flex-direction:row;align-items:center;justify-content:space-evenly;width:80%}.household-confirm-btn{width:30%;margin:1em 0;border:1.5px solid white;font-size:14px;font-weight:400;letter-spacing:1.2px;background-color:#add09c;box-shadow:3px 5px #0003;transition:all .3s ease-in-out;cursor:pointer}.household-confirm-btn:hover{transform:scale(1.1);letter-spacing:1.2px;font-weight:700}.yes-btn{background-color:var(--btn-green-dark);color:#fff}.yes-btn:hover{background-color:var(--btn-green-dark-hover)}.no-btn{background-color:#c94f4f;color:#fff}.feedback-message{text-align:center;padding:1em}.check-household-inputfield{width:70%;font-size:14px;padding:1em}.check-household-msg{text-align:center;padding:0 1em}.toggle-join-create{text-align:center;font-size:17px;margin:auto;width:80%;max-width:400px}@media screen and (max-width: 450px){.householdform-btn{width:60%;margin:.5em auto 1em}}.total-cost-container{text-align:center;background-color:var(--grey-frame);padding:.5em;border-radius:24px;box-shadow:var(--blue-shadow)}.total-cost-header{font-family:DM Sans,sans-serif;margin-bottom:10px;font-size:17px;color:#333}.total-cost-value{display:inline-block;background-color:#e0e0e0;padding:12px 25px;border-radius:20px;margin-bottom:10px;font-size:24px;font-weight:700;border:2px solid #62728a}.total-time{font-family:DM Sans,sans-serif;font-size:20px;color:#000}.inviteformcontainer{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%;background-color:#f5f5f5;padding:2em 0}.household-options-container{display:flex;flex-direction:column;align-items:center;justify-content:space-evenly;width:80%;margin:3em auto;background-color:#ebe6dec7;border-radius:24px;box-shadow:inset 0 15px 20px #fff}.household-operations-btns{display:flex;flex-direction:column;align-items:center;justify-content:space-evenly;width:100%;margin:1em auto 3em}.household-operations-btn{width:100%;min-width:180px;margin:1.5em 0;font-size:16px;padding:1em 1.5em;border-radius:24px;background:var(--btn-blue-gradient);box-shadow:var(--btn-shadow);transition:all .3s ease-in-out}.household-operations-btn:hover{transform:scale(1.1)}.leave-household-btn{background:var(--btn-red-gradient)}#dashboardContainer{width:95%;margin:1.5em auto 2em}.main-content_dashboard{width:100%;margin:0 auto 3em;display:flex;flex-direction:column;align-items:center;justify-content:space-between;max-width:500px}.content-container_dashboard{max-width:750px}.greeting_dashboard{width:100%;display:flex;align-items:center;justify-content:flex-start;font-size:31px;margin-bottom:5px;margin-left:1em}.profile-wrapper_dashboard{width:100%;height:100%;display:flex;flex-direction:column;align-items:center}.test-wrapper{display:flex;flex-direction:column;align-items:center;margin:1em auto}.avatar-wrapper_dashboard{display:flex;background-color:#ffffffba;border-radius:100%;border:1px solid #000200;align-items:center;justify-content:center;width:245px;height:245px;flex-direction:column}.avatar-wrapper_dashboard img{width:auto;height:80%}.edit-profile-btn-wrapper_dashboard{width:40%}.edit-profile-btn_dashboard{margin:1em 0 2.5em;padding:.5em 0;background:#fff;border-radius:24px;display:flex;align-items:center;justify-content:center;box-shadow:0 12px 16px #536a57;transition:all .3s ease-in-out}.edit-profile-btn_dashboard:hover{transform:scale(1.05)}.hero_dashboard{display:flex;flex-direction:column;align-items:center;justify-content:space-between;height:100%;width:95%;margin:0}.totalday_dashboard-wrapper{width:90%;margin:unset}.date-wrapper_dashboard h2{margin:1.5em .5em .5em;font-family:Montserrat,sans-serif;font-size:23px}.hero_dashboard .total-cost-container{background:#ffffff8c;box-shadow:none;margin:unset;padding:.5em 0;background-color:var(--grey-frame);max-width:unset;border-radius:24px}.hero_dashboard .content_totalcost{display:flex;flex-direction:column;align-items:center;justify-content:space-around}.hero_dashboard .content-container_totalcost{height:100%;margin:0 2em;font-family:Montserrat,sans-serif;display:flex;flex-direction:row;align-items:center;justify-content:space-between}.hero_dashboard .cost-wrapper,.hero_dashboard .time-wrapper{margin:.5em 0;width:80%;height:100%;font-family:Montserrat,sans-serif;display:flex;flex-direction:column;align-items:center;justify-content:space-around}.hero_dashboard .total-cost-header{margin:.5em auto;font-size:20px}.hero_dashboard .total-cost-value{background:var(--light-purple-gradient);padding:10px 15px;border-radius:12px;margin-bottom:0;font-size:20px;font-weight:700;width:100%;border:none;box-shadow:inset 1px 2px 5px 1px #baa3c4d6}.hero_dashboard .total-time-value{padding:10px 15px;border-radius:12px;margin-bottom:0;font-size:20px;font-weight:700;width:100%}.user-btn-section{display:flex;align-items:center;justify-content:space-around;flex-direction:row;width:90%;margin-top:2em}.overviews{width:100%;margin:0;display:flex;flex-direction:row;justify-content:space-around}.overview-btn-wrapper_dashboard{display:flex;flex-direction:column;justify-content:space-between;width:100%;align-items:center}.user-btns,.household-btns_dashboard{width:100%}.overview-btn_dashboard{display:flex;flex-direction:row;align-items:center;justify-content:space-evenly;background-color:#fff;width:100%;height:90px;border-radius:12px;box-shadow:0 12px 16px #536a57;transition:all .3s ease-in-out}.overview-btn_dashboard p{font-weight:700;font-size:19px}.overview-btn_dashboard:hover,.user-btns .log-activity:hover{transform:scale(1.05)}.user-btns{display:flex;flex-direction:column-reverse;align-items:center;margin:0 0 2em}.img-wrapper_overview-btn{width:20%}.household-options-btn_dashboard{margin:2.5em 0 2em;padding:1em;background:#fff;border-radius:24px;width:80%;box-shadow:0 12px 16px #536a57;transition:all .3s ease-in-out}.household-options-btn_dashboard:hover{transform:scale(1.05)}.household-btns_dashboard{display:flex;flex-direction:column;align-items:center}.dashboard-name-dropdown.dropdown-open{transition:all .5s ease-in-out}.date-wrapper_dashboard{display:flex;width:95%;height:20%;margin:0}.dashboard-name{font-size:35px;font-weight:700;text-align:center;margin:0 auto .5em;padding:0}.dashboard-img{width:inherit}.dashboard-name-dropdown .chorelogger-wrap{width:100%;margin:1em auto 2em;padding:1em 0}.user-btns .log-activity{width:95%;margin:auto}.user-btns .chorelogger-wrap{margin:0 auto 3em;box-shadow:0 12px 16px #536a57;border:1px solid black;background:linear-gradient(162deg,#fff 30%,#c5e4ff 90%);transition:all .3s ease-in-out;max-width:unset}.user-btns .chorelogger-wrap:hover{transform:scale(1.05)}.user-btns .chore-wrapper.open{max-height:315px}.user-btns .chore-wrapper.open .dropdown-li{padding:.5em 0}@media screen and (min-width: 750px){#dashboardContainer{margin:2em auto;max-width:900px}.main-content_dashboard{flex-direction:row;max-width:900px}.profile-wrapper_dashboard{width:30%}.edit-profile-btn-wrapper_dashboard{width:60%}.greeting_dashboard{width:100%;display:flex;align-items:center;justify-content:flex-start;font-size:31px;margin-bottom:5px}.avatar-wrapper_dashboard{width:220px;height:220px}.avatar-wrapper_dashboard img{width:auto;height:80%}.hero_dashboard{width:65%}.date-wrapper_dashboard{display:flex;height:20%;margin:0}.date-wrapper_dashboard h2{margin:1.5em 0 .5em}.totalday_dashboard-wrapper{width:100%}.hero_dashboard .total-cost-container{background:#ffffff8c;box-shadow:none;margin:unset;padding:.5em 0;background-color:var(--grey-frame);max-width:unset;border-radius:24px}.hero_dashboard .content_totalcost{display:flex;flex-direction:row;align-items:flex-start;justify-content:space-around}.hero_dashboard .content-container_totalcost{display:flex;flex-direction:row;align-items:center;justify-content:space-between;height:100%;margin:0 2em}.hero_dashboard .cost-wrapper,.hero_dashboard .time-wrapper{display:flex;flex-direction:column;align-items:center;margin:1em 0;width:45%;height:100%;justify-content:space-around}.hero_dashboard .total-cost-header{margin:.5em auto}.hero_dashboard .total-cost-value{background:var(--light-purple-gradient);padding:10px 15px;border-radius:12px;margin-bottom:0;font-size:22px;font-weight:700;width:80%;border:none;box-shadow:inset 1px 2px 5px 1px #baa3c4d6}.hero_dashboard .total-time-value{padding:10px 15px;border-radius:12px;margin-bottom:0;font-size:22px;font-weight:700}.user-btn-section{width:100%}.overview-btn-wrapper_dashboard{flex-direction:row;align-items:flex-start}.user-btns,.household-btns_dashboard{width:48%}.user-btns{flex-direction:column;margin:0}.overview-btn_dashboard{min-width:205px}.img-wrapper_overview-btn{width:30%}.household-options-btn_dashboard{padding:.5em;width:90%;font-size:14px}.user-btns .log-activity{width:100%}.dashboard-name-dropdown.dropdown-open{transition:all .5s ease-in-out}.dashboard-name{font-size:35px;font-weight:700;text-align:center;margin:0 auto .5em;padding:0}.dashboard-img{width:inherit}.dashboard-name-dropdown .chorelogger-wrap{width:100%;margin:1em auto 2em;padding:1em 0}.user-btns .chorelogger-wrap{margin:2em auto}.user-btns .chore-wrapper.open{margin:1em 0}.user-btns .session-control{width:95%}.user-btns .done-btn{width:65%}}@media screen and (min-width: 840px){.dashboard-name-dropdown{margin:0;transition:all .5s ease-in-out}.btn_dashboard{max-width:180px}.overview-btn_dashboard{min-width:225px}.user-btns,.household-btns_dashboard{width:48%}}#loginPage{display:flex;flex-direction:column;align-items:center;justify-content:center;margin:0 auto;width:80vw;height:100%}.loginform-container{display:flex;flex-direction:column;align-items:center;justify-content:center;background:#f9f4f41e}.loginform{display:flex;flex-direction:column;align-items:center;width:100%;height:55vh;min-height:100%;max-height:360px;min-width:255px;padding:1em 0;border-radius:10px;background:#f9f4f44d;border:2px solid #f9f4f44d;box-shadow:inset 0 15px 10px #f7f2f2b8}.header_login{text-align:left;width:70%}.content-wrapper_login{display:flex;flex-direction:column;align-items:center;justify-content:space-evenly;width:80%;height:100%}.inputfield-wrapper_login{display:flex;flex-direction:column;align-items:center;justify-content:space-evenly;width:100%;height:85%}.loginform-col{display:flex;flex-direction:column;align-items:flex-start;width:95%;margin-bottom:1em}.inputfield_login{width:90%;border-radius:20px;padding:15px 10px;border:none;margin:.5em 0;box-shadow:inset 2px 2px #0003}.btn-wrapper_login{display:flex;justify-content:center;align-items:center;width:100%;height:25%}.login-btn{width:60%;border-radius:20px;border:1.5px solid white;font-size:16px;letter-spacing:1.2px;height:2.5em;background:var(--btn-green-gradient);box-shadow:1px 7px 5px #0003;transition:all .3s ease-in-out;cursor:pointer}.login-btn:hover{background-color:var(--btn-green-hover);transform:scale(1.05)}@media screen and (min-width: 635px){.loginform{width:55vw;max-width:400px;max-height:400px;padding:2em 0}.inputfield-wrapper_login{width:95%}.inputfield_login{font-size:16px}.login-btn{width:50%;height:3em}}.piechart-content_household{width:80%;gap:15px;margin:1em auto;display:flex;align-items:center;justify-content:space-between}.custom-legend_household{width:30%;gap:10px;display:flex;flex-direction:column}.piechart{display:flex;height:200px;max-height:200px;max-width:200px;width:200px;box-sizing:border-box}.household-cost-container{width:90%;max-width:380px;margin:2em auto;padding:1em;border-radius:20px;background-color:var(--grey-frame);box-shadow:var(--blue-shadow)}.household-cost-header{font-family:DM serif display;font-size:20px;margin:1em auto}.household-cost-value{font-family:DM sans;font-size:18px;margin:1em auto}@media screen and (max-width: 550px){.household-cost-container{margin:3em auto}}.barchart-container{background-color:var(--grey-frame);padding:1em .5em;border-radius:24px;box-shadow:var(--blue-shadow)}.barchart-content{min-height:200px}.custom-legend{height:250px;width:20%;display:flex;flex-direction:column;align-items:center;padding:1em 0 0;justify-content:space-between}.legend-item{text-align:center;display:flex;height:20vh;width:90%;flex-direction:column;align-items:stretch}.legend-color{display:block;height:20px;border:2px solid white}.legend-label{font-family:DM Sans,sans-serif;font-weight:700;font-size:12px}.household-custom-legend{display:flex;flex-direction:row;align-items:center;margin:1em auto;justify-content:space-around;height:155px;width:80%}.household-legend-item{text-align:center;display:block;height:70px;width:70px;margin:1rem 0}.household-legend-item img{width:100%;height:100%;object-fit:scale-down;border-radius:100%;background-color:#fff}.legend-username{font-family:DM Sans,sans-serif;font-weight:700;font-size:14px;text-align:center;margin:0 auto}@media screen and (max-width: 415px){.legend-item{height:12vh}.household-custom-legend{margin:.5em auto;height:135px;width:95%}.household-legend-item img{padding:10px 5px}}.content-container_user-overview{width:80%;margin:0 auto}#UserOverview{margin:3em auto;max-width:900px}.no-data-wrapper{background-color:var(--grey-frame);padding:2em 1em;border-radius:24px;box-shadow:var(--blue-shadow);max-width:380px;margin:4em auto}.no-data-message{margin:1em auto}.header_user-overview{display:flex;flex-direction:column;align-items:flex-start}.user-overview-content .datefilter-wrapper{background-color:var(--grey-frame);margin:1em auto 2em;padding:1em 2em;border-radius:12px;box-shadow:0 10px 16px #49566ad4}.date-filter-options{display:flex;align-items:center;justify-content:space-between;margin:.5em auto 0}.datefilter-label{display:flex;align-items:center;flex-direction:column-reverse}.date-filter-options label{transition:var(--smooth-transition)}.date-filter-options label:hover,.date-filter-options input:hover{cursor:pointer;font-weight:700}.date-filter-options input{margin:5px auto 0;width:100%}.data-presentation_user-overview{display:flex;flex-direction:column-reverse;align-items:flex-start;justify-content:space-between;width:100%}.interaction_user-overview .total-cost-container,#UserOverview .datefilter-wrapper,.piechart-container,#UserOverview .barchart-container{box-shadow:5px 5px 1px #6b8aa1}.piechart-section_user-overview,.interaction_user-overview,.barchart-section_user-overview{width:100%;margin:0 auto}.interaction_user-overview{display:flex;flex-direction:column-reverse;margin:0 auto 2.5em}.monetary-section_user-overview .content_total-cost{margin:1em 0}.monetary-section_user-overview .total-cost-header{font-size:20px}.monetary-section_user-overview .total-cost-value,.monetary-section_user-overview .total-time-value{width:65%;font-family:Montserrat,sans-serif;font-size:20px;margin-bottom:0;border:0;border-radius:12px}.monetary-section_user-overview .total-cost-value{background:var(--bg-purple-gradient);box-shadow:inset 5px 6px 12px 1px #85688ad2}.monetary-section_user-overview .time-wrapper{margin:1.5em 0}.monetary-section_user-overview .total-time-value{background:#fff;box-shadow:inset 7px 7px 13px #a999ac;margin:0 auto;padding:.5em 1em;font-weight:700}.piechart-section_user-overview .piechart-container{background-color:var(--grey-frame);padding:1em 0;border-radius:24px;min-height:320px;margin:0 auto;display:flex;align-items:center}.piechart-section_user-overview .piechart-container-content{height:100%;width:100%;margin:0}.barchart-section_user-overview{margin:2em auto}.barchart-container{width:100%;height:30vh;max-height:500px;min-height:320px;padding:1.5em 0}.barchart-content{height:100%;width:100%}.user-overview-title{font-size:33px;text-align:center}#UserOverview .log-activity{width:100%;margin:1em auto}#UserOverview .chorelogger-wrap{margin:0 auto 1.5em;box-shadow:0 12px 16px #536a57;border:1px solid black;background:linear-gradient(162deg,#fff 30%,#c5e4ff 90%);transition:all .3s ease-in-out;max-width:unset}#UserOverview .dropdown-menu-btn{font-size:17px}@media (min-width: 745px){#UserOverview{margin:3em auto;width:100%}.no-data-wrapper{background-color:var(--grey-frame);border-radius:12px;box-shadow:var(--blue-shadow);max-width:445px;margin:3rem auto;text-align:center}.no-data-message{margin:1.5rem auto}.header_user-overview{display:flex;flex-direction:column;align-items:flex-start}.user-overview-content .datefilter-wrapper{background-color:var(--grey-frame);margin:1em 0 2em;padding:1em 1em 2em;border-radius:12px;box-shadow:0 10px 16px #49566ad4;width:55%}.date-filter-options{display:flex;align-items:center;justify-content:space-between;margin:.5em auto 0}.datefilter-label{display:flex;align-items:center;flex-direction:column-reverse}.date-filter-options label{transition:var(--smooth-transition)}.date-filter-options label:hover,.date-filter-options input:hover{cursor:pointer;font-weight:700}.date-filter-options input{margin:5px auto 0;width:100%}.data-presentation_user-overview{flex-direction:row;justify-content:space-between}.piechart-section_user-overview{width:55%}.monetary-section_user-overview{width:100%;margin-bottom:1.5em}.interaction_user-overview{display:flex;flex-direction:column;margin:0 auto;width:40%;height:100%}.barchart-section_user-overview{margin:1em;width:55%}.piechart-section_user-overview,.interaction_user-overview,.barchart-section_user-overview{margin:1.5em 0}.user-overview-title{font-size:33px;text-align:center}#UserOverview .log-activity{width:95%;margin:.5em auto}#UserOverview .chorelogger-wrap{margin:0 auto}.monetary-section_user-overview .content_total-cost{margin:1em 0}}.piechart-container{background-color:var(--grey-frame);padding:.5em;border-radius:24px;box-shadow:var(--blue-shadow)}.piechart-container-content{display:flex;align-items:center;width:100%;justify-content:space-between;margin:1em auto}.piechart{max-width:200px;max-height:200px;display:block;box-sizing:border-box;height:200px;width:200px;display:flex}@media (min-width: 415px){.piechart-container-content{display:flex;align-items:center;width:90%;justify-content:space-around}}.content-container_about{display:flex;flex-direction:column;justify-content:center;width:90%;max-width:800px;margin:0 auto}.content-container_about p{font-family:DM Sans,sans-serif;font-size:18px;line-height:1.5;margin:1em 0}.PATCHNOTES{font-weight:700;font-size:20px;padding:2rem 0}header{padding:0;margin:0;width:100%}.header-content{display:flex;flex-direction:column;justify-content:space-between;margin:0 auto;position:relative;background:#fff;box-shadow:1px 1px 6px 1px #b9c6c3cc}.logo-burger-row{height:100%;width:90%;display:flex;margin:.5em auto;align-items:center;justify-content:space-between}.row-section{width:50%;display:contents}.logo-wrapper{width:50px;padding:.5em .25em;transition:var(--smooth-transition)}.logo-wrapper:hover{rotate:-15deg;transform:scale(1.1)}.logo,.menu-icon{object-fit:contain}.menu-icon-wrapper{width:50px;padding:0;background:none;border:none;transition:all .3s ease-in-out;cursor:pointer}.menu-icon-wrapper:hover{transform:scale(1.1)}.nav-wrapper{position:absolute;width:100%;top:100%;left:0;z-index:10;opacity:0;background-color:#fff;max-height:0;overflow:hidden;transition:max-height .5s ease-in-out,opacity .5s ease-in-out}.small{max-height:140px;transition:max-height .4s ease-in-out,opacity .3s ease-in-out}.open{opacity:1;max-height:210px;transition:max-height .4s ease-in-out,opacity .4s ease-in-out}.navlist{display:flex;flex-direction:column;align-items:flex-start;padding:.5em 1em 0}.nav-wrapper.large .nav-item,.nav-wrapper.open.small .nav-item{width:85%}nav a{color:#000;font-size:1.2em;display:block;height:100%;padding:.5em 0}.nav-wrapper.open .nav-item a{font-size:16px;margin:.5em 0 .5em 1em;transition:all .3s ease-in-out;letter-spacing:1.1px}.nav-wrapper.open.small .nav-item a{padding-left:1em;margin:.5em 0}.nav-wrapper.open.small .pagelink.active{background-color:#c3dafb;border-radius:12px;width:20%;box-shadow:inset 3px 4px 6px #6b7687cc}.nav-wrapper.open.large .pagelink.active{display:flex;background-color:#c3dafb;border-radius:12px;width:25%;box-shadow:inset 3px 4px 6px #6b7687cc;align-items:center;justify-content:center;font-weight:700}.nav-wrapper.open.small .pagelink.active:hover{transition:none;text-indent:0;padding-right:0;cursor:default}.nav-wrapper.open.large .pagelink.active:hover{transition:none;text-indent:0;padding-right:0;cursor:default;margin:.5em 0 .5em 1em;width:25%;border:none}.nav-wrapper.large.open .pagelink{display:flex;justify-content:flex-start;align-items:center;width:25%;padding-left:1em}.nav-wrapper.open.small .nav-item a:hover{background-color:#fcfdfcd6;text-indent:1em;transition:text-indent .3s ease-in-out;background-color:#c3dafbb0;border-radius:12px;width:40%}.nav-wrapper.open.large .nav-item a:hover{background-color:#c3dafbb0;border:1px solid rgba(0,0,0,.036);border-radius:12px;width:35%;margin:.5em 0 .5em 2em}.navitem .nav-logout-item{display:flex;justify-content:flex-end}.logout-col{display:flex;justify-content:center;width:25%;margin:0 0 .5em 1em}.logout-btn{width:100%;background:none;border:none;cursor:pointer;display:flex;flex-direction:column;align-items:center;transition:all .3s ease-in-out;background:#fff;padding:1em;margin:1em 0;border-radius:12px;box-shadow:3px 2px 6px 1px #626269e3}.logout-btn:hover{transform:scale(1.1);text-decoration:underline}.logout-txt{margin:0;font-size:13px;letter-spacing:1.2px}@media screen and (min-width: 745px){header{margin:0 auto;width:90%;background:#e9ecf0a8;border-radius:0 0 24px 24px}.header-content{flex-direction:row;justify-content:space-between;align-items:center;border-radius:50px;padding:1.5em 1em 1em;background:none;box-shadow:none}.logo-burger-row{width:50%}.menu-icon-wrapper{width:50px}nav{width:100%}.nav-wrapper{display:flex;flex-direction:row;justify-content:space-between;align-items:center;position:static;opacity:1;max-height:none;overflow:visible;width:100%;background:none}.navlist{flex-direction:row;align-items:center;justify-content:space-between;padding:0;margin:0;width:100%}.navlist.default{justify-content:space-evenly}.nav-item{display:flex;align-items:center;justify-content:center;border-left:none;width:80%}.pagelink{text-indent:0;border-radius:12px;display:flex;justify-content:center;align-items:center;width:80%;max-width:150px;transition:all .3s ease-in-out;box-shadow:5px 3px 6px #4041429c;background-color:#f4f5f8}.pagelink:hover{border:2px white solid;background-color:#fcfdfcd6;text-decoration:underline;border-radius:12px;background-color:#e7f3ebed;box-shadow:inset 3px 4px 4px #6b7687cc}.pagelink.active{display:flex;justify-content:center;align-items:center;font-weight:700;background-color:#e9f0f8;border-radius:12px;box-shadow:inset 4px 4px 4px #5a6371cc}.pagelink.active:hover{transition:none;text-indent:0;padding-right:0;cursor:default;text-decoration:none;border:none}.logo-wrapper{width:55px;margin-left:10%}.menu-icon-wrapper{display:none}.logout-col{display:flex;justify-content:center;width:100%;margin:0 0 0 .5em}.logout-btn{width:100%;background:none;border:none;cursor:pointer;display:flex;flex-direction:column;align-items:center;transition:all .3s ease-in-out;background:#fff;padding:1em;margin:1em 0;border-radius:12px;box-shadow:3px 2px 6px 1px #626269e3}.logout-btn:hover{transform:scale(1.1);text-decoration:underline}.logout-element{width:70%}}.footer-wrapper{padding:1em 0 0;width:100vw;display:flex;justify-content:center;align-items:center;background-color:#fff}.main-footer{width:90vw}.footer-content{width:95%;height:100%;margin:0 auto;display:flex;justify-content:space-between;align-items:center;padding:0 1em}.footer-right{width:20%;height:100%}.footer-middle{width:40%;height:100%}.footer-links-container a:hover{color:var(--bg-green);text-decoration:underline;transition:all .3s ease-in-out}.footer-left,.footer-logo-wrapper{width:35%}.footer-links-container{display:flex;flex-direction:column}.footer-links-container a{margin:.5em 0;color:#000;text-decoration:none;font-size:1em}.contact-content{display:flex;flex-direction:row;align-items:flex-end;justify-content:space-around}.email-container a:hover{color:teal;text-decoration:underline;transition:all .3s ease-in-out}.github-container{width:15%;transition:all .3s ease-in-out}.github-container:hover{rotate:60deg;transform:scale(1.1)}@media screen and (max-width: 640px){.main-footer{padding:1.5em 0;width:85vw;margin:auto}.footer-content{flex-direction:column;align-items:flex-start}.footer-right,.footer-middle,.footer-left{width:100%;margin-bottom:2em}.footer-logo-wrapper{width:20%;margin:auto}.contact-content{flex-direction:column;align-items:center}.footer-links-container{align-items:center}.email-container{text-align:center}.github-container{margin:1.5em auto 0;width:15%}.footer-links-container a{font-size:1.1em}}:root{--bg-green: rgb(167, 192, 158);--bg-blue: #8ca7cf;--bg-dashboard-blue: #aad5f6;--bg-green-gradient: linear-gradient(180deg, rgba(223, 241, 203, 1) 20%, rgba(197, 239, 230, 1) 80%);--light-purple-gradient: linear-gradient(90deg, rgba(191, 222, 246, 1) 20%, rgba(216, 202, 222, 1) 80%);--bg-purple-gradient: linear-gradient(80deg, rgba(191, 223, 247, 1) 20%, rgba(218, 201, 221, 1) 80%);--soft-background: #f9f4f44d;--grey-frame: rgba(255, 255, 255, .599);--navbar-green-gradient: linear-gradient(180deg, rgb(255 255 255) 10%, rgba(191, 236, 226, 1) 40%);--btn-green-gradient: linear-gradient(30deg, rgba(193, 227, 151, 1) 15%, rgba(179, 241, 229, 1) 75%);--btn-green: #c6f6b3;--btn-green-dark: #486b3a;--btn-green-hover: #738e68;--btn-green-dark-hover: #34452d;--btn-teal: #78a7a1;--btn-teal-hover: #5f8b89;--btn-blue-gradient: linear-gradient(30deg, rgba(191, 223, 247, 1) 15%, rgba(218, 201, 221, 1) 75%);--btn-red-gradient: linear-gradient(40deg, rgb(249 168 72 / 85%) 15%, rgb(255 73 0 / 80%) 75%);--blue-shadow: 3px 4px 1px 0px #5b6b82da;--bg-green-shadow: 0px 16px 12px 0px #688c84;--btn-shadow: 0px 16px 12px 0px #767b79;--bg-green-border: 1.5px solid #93b0aa;--smooth-transition: all .3s ease-in-out}*{text-decoration:none;list-style-type:none}html{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit}body{min-height:100vh;margin:0;overflow-x:hidden}main{margin:0;padding:0;min-height:80vh;display:flex;justify-content:center;align-items:center}.layout-container{width:100vw;overflow-x:hidden}.frontpage{background:#f6faf9;background:var(--bg-blue)}.frontpage main{background-image:url(/assets/bgr-widgets-vJao7y5Q.png);background-position:bottom;background-repeat:repeat-x;background-size:195% 45%}.greenpage{background:var(--bg-dashboard-blue)}.greenpage main{background-image:url(/assets/bgr-widgets-vJao7y5Q.png);background-position:bottom;background-repeat:repeat-x}.bluepage{background:#c7d9f4;background:linear-gradient(180deg,#c7d9f4 10%,#2580d5 75%)}.bluepage main{background-image:url(/assets/dashboard-widgets-Qnj0bi_D.png);background-position:center;background-repeat:no-repeat;background-size:inherit}.purplepage,.purplepage-register{background:#bfdff7;background:var(--bg-purple-gradient)}.purplepage-register main{background-image:url(/assets/bgr-widgets-vJao7y5Q.png);background-position:bottom;background-repeat:repeat-x;background-size:900px 415px}.purplepage main{height:80vh;min-height:100%;background-image:url(/assets/bgr-widgets-vJao7y5Q.png);background-position:bottom;background-repeat:repeat-x;background-size:900px 415px}img{width:100%;height:auto}h1{font-family:Montserrat;font-weight:700}h2{font-family:Montserrat;font-weight:600}h3{font-family:Montserrat;font-weight:400}a{color:#000;font-family:montserrat,sans-serif;font-weight:600;text-decoration:none}p{font-family:DM Sans;font-weight:300}label{font-family:DM Sans;font-weight:400}button{font-family:Montserrat;font-weight:600;cursor:pointer}.no-scroll{overflow:hidden}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);border:0}.btn{font-family:Montserrat;font-weight:600}.btn-rounded{border-radius:30px;padding:1em 2em}.btn-squared{font-family:Montserrat;font-weight:600;border-radius:10px}@media (min-width: 650px){.frontpage main{background-size:950px 470px;background-repeat:repeat-x}.greenpage main{background-size:contain}}