.garden-background{display:flex;align-items:end;flex-direction:row;background-color:#dff0ea;border-radius:64px;margin:0rem 3.75rem 2.5rem;flex:1 1 auto;align-self:stretch}.garden-background-small{display:flex;align-items:end;flex-direction:row;background-color:#dff0ea;border-radius:100%;margin-left:7.5rem;max-height:auto;flex-shrink:1;min-width:0px;min-height:0px;aspect-ratio:1;align-self:stretch}.garden{position:relative;flex-grow:1;width:100%;height:33%;background-color:#c2d7d0;border-radius:100%;margin:0% 15%;bottom:12.5%}.tree{position:absolute;max-height:160%;left:3%;bottom:60%;width:43%;height:auto;aspect-ratio:1}.plant{position:absolute;max-height:70%;width:18.5%;height:auto;bottom:50%}.mid-plant{left:44%}.right-plant{left:70%}@media (max-width: 979px){.garden-background-small{width:7.5rem;margin:0 3.75rem 1rem;animation:shrinkSmall .3s ease-in-out;order:-1;align-self:center}@keyframes shrinkSmall{0%{width:350px}to{width:7.5rem}}}*,*:before,*:after{box-sizing:inherit}.popup h1{font-size:20px;margin:.2rem .2rem .1rem;padding:0}.popup p,h3,label{font-size:12px;margin:0 .2rem;padding:0}.popup button{background-color:transparent;border:none;padding:0;margin:0}.popup input,label,select,option{margin:0;padding:0;width:100%}.popup textarea{margin:0;padding:0;width:100%;max-height:auto}.icon{cursor:pointer;margin:.5rem;padding:0}.icon-form{cursor:pointer;margin:0;padding:0}.icon-sumbit{cursor:default;margin:0;padding:0}.icon-small{cursor:pointer;margin:.5rem;padding:0;width:24px;height:24px}.popup{background-color:#dff0ea;margin:0;border-radius:50px;width:30vw;min-width:310px;max-width:400px;height:60vh;min-height:540px;max-height:640px;padding:0 0 .5rem;display:flex;flex-direction:column;align-items:center}.popup-header{margin:0 0 1rem;padding:0;border-radius:50px;box-shadow:0 4px 4px #00000054;width:100%;height:20%;color:#fff;display:flex;flex-direction:row;align-items:center;justify-content:center}.header--orange{background-color:#face70;color:#000}.header--purple{background-color:#9147ae;color:#fff}.header-layout{margin:0;padding:0;width:95%;list-style:none;display:flex;flex-direction:row;align-items:center}.header-text{margin:0 0 0 .2rem;padding:0;width:100%;height:100%;display:flex;flex-direction:column;justify-content:space-around;gap:.2rem}.popup-content{margin:0;padding:0;width:90%;height:80%;display:flex}.challenge-form{margin:0;padding:0;width:100%;height:95%;max-height:42vh;display:flex;flex-direction:column;align-items:center;gap:.5rem}.challenge-form fieldset{background-color:#c2d7d0;margin:0;padding:1rem .7rem .5rem;border-radius:25px;border-style:none}.challenge-form input,select,option{background-color:#ffffffa8;border:none;border-radius:27px;padding:0 .5rem;height:24px;font-family:Inter,Robo,sans sans-serif thin;font-size:16px}.challenge-form textarea{background-color:#ffffffa8;border:none;border-radius:20px;padding:.5rem;overflow-y:auto;resize:none;font-family:Inter,Robo,sans sans-serif thin;font-size:16px}.challenge-text{min-height:100px;max-height:200px;height:auto}.random-text{height:80px}.challenge-form input:hover,select:hover,textarea:hover,option:hover{background-color:#fff;transition:background-color .3s ease}.frequency-input:focus,.challenge-form select:focus,textarea:focus{background-color:#fff;outline:black solid 1px;transition:outline .3s ease}.challenge-form input:not(:placeholder-shown),.challenge-form textarea:not(:placeholder-shown),.challenge-form input:valid,.challenge-form select:valid{background-color:#fff}.challenge-layout{margin:0;padding:0;height:fit-content;display:flex;flex-direction:row;gap:.5rem}.challenge-start-layout{width:100%;height:auto;display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:.2rem}.challenge-focus{height:auto;width:100%;display:flex;flex-direction:column;gap:.2rem}.challenge-detail{width:66%;height:fit-content;display:flex;flex-direction:column;gap:.2rem}.challenge-interval{width:33%;height:fit-content;display:flex;flex-direction:column;gap:.2rem}.random-layout{margin:0;padding:0;width:100%;display:flex;flex-direction:row}.challenge-end-layout{margin:0;padding:0;width:100%;height:auto;display:flex;flex-direction:row;justify-content:space-between;align-items:center}.popup-check{margin:0;padding:0;height:20px;display:flex;align-items:center}.checkbox{margin:0 .5rem 0 0;padding:0;width:20px;height:20px}.submit{background-color:transparent;border:none;padding:0;margin:.5rem;cursor:default}.submit:enabled{cursor:pointer}.submit:disabled{stroke-opacity:calc(1 - var(--opacity));cursor:default}.reward-content{margin:0;padding:0;width:100%;height:95%;display:flex;flex-direction:column;align-items:center;gap:.5rem;overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none}.popup::-webkit-scrollbar{display:none}.popup-section{background-color:#c2d7d0;margin:0;padding:1rem .7rem .5rem;width:100%;height:fit-content;border-radius:25px;border-style:none;display:flex;flex-direction:column;gap:.2rem}.icon-container{margin:0 0 0 .5rem;padding:0;width:100%;height:fit-content;display:flex;flex-direction:row;flex-wrap:wrap}.reward-icon{cursor:pointer;margin:.2rem;padding:0;background-color:#ffffff6b;border-radius:50px}.reward-icon:hover{background-color:#fff}.profil-content{margin:0;padding:0;width:100%;height:100%;display:flex;flex-direction:column;align-items:center}.construction-img{margin:0;padding:0;width:100%;height:auto;max-height:100%}.visible{display:flex;height:fit-content}@keyframes diceAnim{0%,to{transform:rotate(0);transform-origin:50% 50%}10%{transform:rotate(8deg)}20%,40%,60%{transform:rotate(-10deg)}30%,50%,70%{transform:rotate(10deg)}80%{transform:rotate(-8deg)}90%{transform:rotate(8deg)}}.Notify-popup{position:absolute;top:13.3vh;left:58vw;width:30vw;background-color:#534294;color:#fff;padding:2rem;border-radius:1rem;box-shadow:0 .25rem .5rem #0000004d;font-family:sans-serif}.Notify-popup-content{padding-left:1rem;padding-right:1rem}.Notify-popup:after{content:"";position:absolute;top:-1rem;left:50%;transform:translate(-50%);border-left:1rem solid transparent;border-right:1rem solid transparent;border-bottom:1rem solid #534294}.popup-close{position:absolute;transform:translateY(-50%);right:1.5rem;color:#fff;font-size:1.5rem;cursor:pointer}.popup-list{list-style:none;padding-left:0;margin-top:1rem;gap:2rem}.Notify-popup-list li{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem;justify-content:flex-start}.user-icon,.chat-icon{width:1.5rem;height:1.5rem}.hidden{opacity:0;visibility:hidden;transition:opacity .3s ease}.flexbox{display:flex;flex-direction:column;align-items:center;position:absolute}.flexbox .triangle{width:0px;height:0px;border-right:20px solid transparent;border-bottom:30px solid #534294;border-left:20px solid transparent;z-index:1}.flexbox .rectangle{background-color:#534294;color:#fff;box-shadow:0 4px 8px 4px #0000004d;border-radius:26px;padding:2rem}.success-popup{width:40vw;min-width:350px;left:21vw;top:10vh}.success-popup .triangle{transform:scaleY(0);transform-origin:bottom}.success-content{display:flex;flex-direction:column;align-items:center}.button-next{position:absolute;right:5%;background-color:#534294;border:none;width:8%;cursor:pointer}.button-next:active{box-shadow:inset 0 2px 4px #0006}.button-next svg{width:100%}.icon-background{display:flex;justify-content:center;align-items:center;border-radius:100%;background-color:#fff;width:30%}.icon-background svg{padding:15%;width:100%;height:auto}.animation-visible{animation:bouncePopup .6s ease-in;transform-origin:bottom;opacity:1}.animation-visible .triangle{animation:addTriangle .15s ease-in 1s 1 normal forwards;transform-origin:bottom}@keyframes bouncePopup{0%{transform:scale(.7,1.3) translateY(-100vh)}20%{transform:scale(.7,1.3) translateY(0)}40%{transform:scale(1.2,.8) translateY(0)}70%{transform:scale(.9,1.1) translateY(0)}to{transform:scale(1) translateY(0)}}@keyframes addTriangle{0%{transform:scaleY(0)}to{transform:scale(1)}}.info-popup{flex-direction:row;width:40vw;min-width:350px;max-width:500px;left:30vw;top:14vh}.info-popup .triangle{width:0px;height:0px;border-right:30px solid #534294;border-bottom:20px solid transparent;border-left:0px solid transparent;border-top:20px solid transparent}.popup-info-close-button{position:absolute;right:1.5rem;top:1.5rem;color:#fff;font-size:1.5rem;cursor:pointer}.info-content p{padding:.5rem}