body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}.sample-canvas{height:800px;width:800px}.custom-title-class{background-color:#228b22;color:#fff;font-weight:lighter;padding:15px}.game-container{background-image:url(/plantgrow/static/media/background.b03d6a6af3804ec59190.png);background-position:0 100%;background-repeat:no-repeat;background-size:cover;display:flex;font-family:Arial,sans-serif;height:100vh;overflow:hidden;text-align:center}.result-panel{box-sizing:border-box;display:flex;flex-direction:column;height:100%;left:0;overflow:hidden;padding:30px;position:absolute;z-index:999}.visual-panel{background:none;display:flex;flex-wrap:wrap;height:100vh;justify-content:center;margin:auto;position:relative;width:600px;z-index:999}.operational-panel{box-sizing:border-box;height:100%;padding:15px;position:absolute;right:0;z-index:999}.operational-panel,.operational-panel-control{display:flex;flex-direction:column}.rain{background-color:initial;border:0;display:inline-flex;margin-bottom:25px;outline:0;transition:all .3s ease}.rain:active{transform:scale(.9)}.rain-image{height:100px;width:100px}.sunicon{background-color:initial;border:0;display:inline-flex;margin-bottom:25px;outline:0;transition:all .3s ease}.sunicon:active{transform:scale(.9)}.sunicon-image{height:100px;width:100px}.plant{margin-top:auto;position:relative}.pot{background:#cc6601;bottom:0;box-shadow:inset 0 16px 20px #692c00;clip-path:polygon(0 0,100% 0,90% 100%,10% 100%);-webkit-clip-path:polygon(0 0,100% 0,90% 100%,10% 100%);height:80px;left:40%;position:absolute;width:20%}.pot-top{background:#9d4700;border-top-left-radius:10px;border-top-right-radius:10px;height:25px;left:39%;width:22%}.pot-top,.stem{bottom:80px;position:absolute}.stem{background:green;background-image:radial-gradient(green,#135113);border-top-right-radius:80%;left:49%;width:3%}.leaf{background:#159315;cursor:pointer;height:50px;position:absolute;width:500%}.leaf .line{background:#0000001a;height:1%;position:absolute;top:48%;width:80%}.leaf01{left:50%;top:70%;transform:rotate(-25deg)}.leaf02{right:50%;top:50%;transform:rotate(205deg)}.leaf03{left:50%;top:30%;transform:rotate(-25deg)}.leaf04{right:50%;top:20%;transform:rotate(205deg)}.leaf05{left:-120%;top:-17%;transform:rotate(-60deg)}.leaf06{right:22%;top:-9%;transform:rotate(195deg)}.leaf,.stem{animation-duration:2.2s!important;animation-fill-mode:both;transition:all .3s ease}.stem.rain{animation:grow 1s linear 1}@keyframes grow{0%{bottom:-40%;width:1%}to{bottom:20%;width:2%}}.stem.rain .leaf{animation:leafGrow 1s linear 1;animation-fill-mode:both}@keyframes leafGrow{0%{height:0;width:0}to{height:10%;width:700%}}.stem.rain .leaf05{animation:topLeafRight 1s linear 1}@keyframes topLeafRight{0%{height:0;left:10%;top:5%;width:0}to{height:10%;left:-120%;top:-17%;width:700%}}.stem.rain .leaf06{animation:topLeafLeft 1s linear 1}@keyframes topLeafLeft{0%{height:0;top:0;width:0}to{height:10%;top:-9%;width:700%}}.happy{filter:brightness(1.2)}.happy,.happy.leaf,.healthy{transform:scale(1.1)}.healthy{filter:brightness(1.2)}.healthy.leaf{transform:scale(1.1)}.drooping,.droopy{filter:brightness(.7)}.thirsty{filter:grayscale(1)}.thirsty.leaf{transform:scale(.9)}button{cursor:pointer;font-size:16px;margin-top:10px;padding:10px 20px}.dead-leaf{cursor:pointer;font-size:30px;margin:10px}.nutrients{margin-top:20px}.nutrients button{font-size:14px;margin:5px;padding:10px}.popup{animation:fadeInOut 3s ease-in-out;background:#f0f4c3;border:1px solid #cddc39;border-radius:8px;display:inline-block;margin-top:20px;padding:10px}@keyframes fadeInOut{0%{opacity:0;transform:translateY(-10px)}10%{opacity:1;transform:translateY(0)}90%{opacity:1}to{opacity:0;transform:translateY(-10px)}}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.stem.vibrant{filter:brightness(1.2);transform:scale(1.2)!important}.pale{background-color:#507e51}.stem.pale{background-image:radial-gradient(#85ae86,#5c685d)!important}.burnt{background-color:#5a4e3c!important}.stem.burnt{background-image:radial-gradient(#5a4e3c,#312a20)!important}.dead-lead-popup{align-items:center;background-color:#99efff;border-radius:10px;bottom:50%;box-sizing:border-box;display:flex;justify-content:center;padding:10px;position:absolute;width:150px}.dead-lead-popup label{font-size:11px;font-weight:600}.droop{animation:rotateAndDescend 5s ease-out forwards}@keyframes rotateAndDescend{0%{transform:translateY(0) rotate(0deg)}to{transform:translateY(80vh) rotate(4turn)}}.sun-container{height:300px}.sun{cursor:grab;display:inline-flex;font-size:100px;position:absolute;z-index:999}.sun:active{cursor:grabbing}#sky{height:100vh;width:100vw}@keyframes skyChange{0%{background:#00bfff}25%{background:#00bfff}32%{background:#f0f8ff}41%{background:#00bfff}70%{background:#00bfff}to{background:#00d2ff;background:linear-gradient(90deg,#3a7bd5,#00d2ff)}}.theSun{background-image:radial-gradient(circle,#ffd200 95%,#f7971e);border-radius:50%;height:100px;left:30vw;opacity:1;width:100px}.theSun.sunlight{animation:sunpulse 2s infinite alternate;box-shadow:0 0 15px 3px #ff0}@keyframes sunpulse{0%{box-shadow:0 0 100px #ff0,0 0 100px #ff0}to{box-shadow:0 0 25px #ff0,0 0 75px #ff0}}.ray_box{animation:ray_anim 120s linear infinite;bottom:0;left:0;margin:auto;right:0;top:0;width:70px}.ray,.ray_box{position:absolute}.ray{background:linear-gradient(top,#fff0,#fffc 50%,#fff0);border-radius:80% 80% 0 0;margin-left:10px;opacity:.1}.ray1{height:170px;left:15px;top:-175px;transform:rotate(180deg);width:30px}.ray2{height:100px;left:75px;top:-90px;transform:rotate(220deg);width:8px}.ray3{height:170px;left:100px;top:-80px;transform:rotate(250deg);width:50px}.ray4{height:120px;left:100px;top:30px;transform:rotate(305deg);width:14px}.ray5{height:140px;left:40px;top:60px;transform:rotate(-15deg);width:30px}.ray6{height:90px;left:-40px;top:60px;transform:rotate(30deg);width:50px}.ray7{height:180px;left:-40px;top:-35px;transform:rotate(70deg);width:10px}.ray8{height:120px;left:-90px;top:-45px;transform:rotate(100deg);width:30px}.ray9{height:80px;left:-60px;top:-65px;transform:rotate(120deg);width:10px}.ray10{height:190px;left:-60px;top:-185px;transform:rotate(150deg);width:23px}@keyframes ray_anim{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.raincanvas{position:absolute;width:100%;z-index:1}body{background:linear-gradient(180deg,#080d28 0,#261300)}#instructions{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNTYiIGhlaWdodD0iMjU2IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAyNTYgMjU2IiB4bWw6c3BhY2U9InByZXNlcnZlIj48cGF0aCBzdHlsZT0iZmlsbDojZmZmIiBkPSJtMjIuMTQgNDggMTQuOTA1LTI1LjgxN0w1MS45NTEgNDh6TTUxLjk1MSAxODZsLTE0LjkwNiAyNS44MTZMMjIuMTQgMTg2ek03MCAyMzMuODEybC0yNS44MTYtMTQuOTA2TDcwIDIwNC4wMDF6TTIwOCAyMDQuMDAxbDI1LjgxNiAxNC45MDVMMjA4IDIzMy44MTJ6Ii8+PHBhdGggc3R5bGU9ImZpbGw6I2ZmZiIgZD0iTTMxIDQ3aDEydjE0MUgzMXpNNjggMjEzaDE0MXYxMkg2OHoiLz48dGV4dCB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxMTQuOTQ1IDEwMy4zNTgpIj48dHNwYW4geD0iMCIgeT0iMCIgc3R5bGU9ImZpbGw6I2ZmZjtmb250LWZhbWlseTonQXJpYWwtQm9sZE1UJztmb250LXNpemU6MTYiPkRSQUc8L3RzcGFuPjx0c3BhbiB4PSIxNi4wMDQiIHk9IjE5LjIiIHN0eWxlPSJmaWxsOiNmZmY7Zm9udC1mYW1pbHk6J0FyaWFsLUJvbGRNVCc7Zm9udC1zaXplOjE2Ij50bzwvdHNwYW4+PHRzcGFuIHg9Ii0xMS4xMTMiIHk9IjM4LjQwMSIgc3R5bGU9ImZpbGw6I2ZmZjtmb250LWZhbWlseTonQXJpYWwtQm9sZE1UJztmb250LXNpemU6MTYiPkNIQU5HRTwvdHNwYW4+PC90ZXh0Pjx0ZXh0IHRyYW5zZm9ybT0idHJhbnNsYXRlKDExNy4xNzIgMjA3LjEzMykiIHN0eWxlPSJmaWxsOiNmZmY7Zm9udC1mYW1pbHk6J0FyaWFsLUJvbGRNVCc7Zm9udC1zaXplOjE2Ij5XSU5EPC90ZXh0Pjx0ZXh0IHRyYW5zZm9ybT0icm90YXRlKC05MCAxMjAuNDY0IDYwLjU5NCkiIHN0eWxlPSJmaWxsOiNmZmY7Zm9udC1mYW1pbHk6J0FyaWFsLUJvbGRNVCc7Zm9udC1zaXplOjE2Ij5SQUlOIElOVEVOU0lUWTwvdGV4dD48L3N2Zz4=);background-position:50%;background-repeat:no-repeat;background-size:contain;opacity:1;transition:opacity 2s;@media (max-height:400px){display:none}}.nutrients-container{display:flex;flex-direction:column;margin-top:100px}.nutrients-title{color:#9e4800}.nutrient-box{align-items:center;display:flex;flex-direction:column;margin-bottom:15px}.nutrient-heading{color:#6a0b00;margin:0}.nutrient-image{border-radius:10px;height:100px;object-fit:cover}.nutrients-panel{display:flex;justify-content:center}.vertical-progress-bar{left:-15%;position:absolute}.vertical-progress-bar-outer{background-color:#cfcfcf;display:flex;height:380px;position:relative;text-align:right;width:15px}.vertical-progress-bar-inner{background-color:green;bottom:0;height:0;left:0;position:absolute;transition:all .3s ease;width:100%}.vertical-progress-bar-content{height:100%;letter-spacing:3px;width:100%;writing-mode:vertical-lr}.graph-container{--size:20rem;--stroke-size:calc(var(--size)/5);--rating:0;display:inline-flex;position:relative}.graph-container,.graph-container *,.graph-container :after,.graph-container :before{box-sizing:border-box}.half-donut{filter:drop-shadow(0 0 .3rem #0005);height:calc(var(--size)/2);overflow:hidden;position:relative;width:var(--size)}.half-donut,.slice{border-radius:var(--size) var(--size) 0 0}.slice{--stroke-color:#000;--rotate:0deg;background:#0000;border:var(--stroke-size) solid var(--stroke-color);border-bottom:none;box-sizing:border-box;height:100%;position:absolute;transform:rotate(calc(var(--rotate)));transform-origin:50% 100%;width:100%}.slice .fa-regular{--emo-rotate:90deg;color:#000;font-size:2rem;left:-2.5rem;position:absolute;top:2.5rem;transform:rotate(var(--emo-rotate))}.slice:hover{cursor:pointer;opacity:.8}.slice:first-child{--stroke-color:#d72e2c;--rotate:0deg}.slice:first-child .fa-regular{--emo-rotate:0deg}.slice:nth-child(2){--stroke-color:#ff6259;--rotate:36deg}.slice:nth-child(2) .fa-regular{--emo-rotate:-36deg}.slice:nth-child(3){--stroke-color:#f19c4b;--rotate:72deg}.slice:nth-child(3) .fa-regular{--emo-rotate:-72deg}.slice:nth-child(4){--stroke-color:#68ca6f;--rotate:108deg}.slice:nth-child(4) .fa-regular{--emo-rotate:-108deg}.slice:nth-child(5){--stroke-color:#509d55;--rotate:144deg}.slice:nth-child(5) .fa-regular{--emo-rotate:-144deg}.marker{--round-size:calc(var(--size)/10);--round-o-size:calc(var(--round-size)*0.32);--turn:calc(45deg + var(--rating)*1deg*45);border:var(--round-o-size) solid #fff;border-radius:50%;height:var(--round-size);left:50%;transform:translateX(-50%);transform:translate(-50%,50%) rotate(var(--turn));transform-origin:50% 50%;transition:.2s linear;width:var(--round-size);z-index:1}.marker,.marker:before{bottom:0;position:absolute}.marker:before{border:calc(var(--round-size)/3) solid #0000;border-right:calc(var(--size)*.4) solid #fff;content:"";filter:drop-shadow(calc(var(--round-size)/-10) 0 .2rem #0008);left:0;transform:translate(-100%,50%) rotate(-45deg);transform-origin:100% 50%}@keyframes animateRating{50%{--rating:5}}#range{-webkit-appearance:none;background:#90caf9;border-radius:.5rem;height:.5rem;opacity:.7;outline:none;transition:opacity .2s;width:20rem}#range:hover{opacity:1}#range::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#2962ff;border:.5rem solid #fff;border-radius:50%;cursor:pointer;height:2rem;width:2rem}#range::-moz-range-thumb{background:#2962ff;cursor:pointer;height:2rem;width:2rem}input[type=text]{background-color:initial;border:0;border-bottom:1px solid #8080ff;color:#518bf0;display:inline-block;font-size:20px;margin-top:30px;text-align:center;text-shadow:0 0 3px #518bf0;width:45px}input:focus{border-bottom:1px dashed #ff8080;outline:0}input::selection{background-color:#c6e4ee;color:#1a1a1a}::-webkit-input-placeholder{color:#7aa6f3;text-shadow:0 0 3px #7aa6f3}:-moz-placeholder,::-moz-placeholder{color:#7aa6f3;text-shadow:0 0 3px #7aa6f3}:-ms-input-placeholder{color:#7aa6f3;text-shadow:0 0 3px #7aa6f3}.wrapper{-o-box-align:center;-o-box-pack:center;-o-box-orient:vertical;align-items:center;display:-ms-flexbox;display:box;display:flex;flex-direction:column;height:100%;justify-content:center}.progress{background-color:#0b5fff;position:relative}.progress,.progress .inner{border-radius:50%;height:140px;transition:all 1s ease;width:140px}.progress .inner{overflow:hidden;position:absolute;z-index:2}.progress .inner .water{animation-duration:10s;animation-iteration-count:infinite;animation-name:spin;animation-timing-function:linear;border-radius:40%;left:-50%;z-index:1}.progress .inner .glare,.progress .inner .water{height:200%;position:absolute;transition:all 1s ease;width:200%}.progress .inner .glare{background-color:#ffffff26;border-radius:50%;left:-120%;top:-120%;transform:rotate(45deg);z-index:5}.progress .inner .percent{font-size:36px;font-weight:700;height:100%;left:0;line-height:140px;position:absolute;text-align:center;top:0;transition:all 1s ease;width:100%;z-index:2}.green .progress{border:5px solid #53fc53;box-shadow:0 0 20px #029502}.green .progress .inner .water{background:#53fc5380;box-shadow:0 0 20px #03bc03;top:25%}.green .progress .inner .percent{color:#03c603}.red{margin-top:15px}.red .progress{border:5px solid #ed3b3b;box-shadow:0 0 20px #7a0b0b}.red .progress .inner .water{background:#ed3b3b80;box-shadow:0 0 20px #9b0e0e;top:75%}.red .progress .inner .percent{color:#a30f0f;text-shadow:0 0 10px #7a0b0b}.orange{margin-top:15px}.orange .progress{border:5px solid #f07c3e;box-shadow:0 0 20px #7e320a}.orange .progress .inner .water{background:#f07c3e80;box-shadow:0 0 20px #a0400c;top:50%}.orange .progress .inner .percent{color:#a8430d;text-shadow:0 0 10px #7e320a}.blue .progress{border:5px solid #83dbf9;box-shadow:0 0 20px #1b84a8}.blue .progress .inner .water{background:#83dbf9;box-shadow:0 0 20px #83dbf9;top:25%}.blue .progress .inner .percent{color:#fff}.progress-title{color:#fff;font-size:24px}.sunlight .progress{background-color:#ffe3d5d1;border:5px solid #fa7e00;border-radius:50%;box-shadow:0 0 20px #ff8400,0 0 40px #f60,0 0 60px #ff5100;filter:brightness(1);height:140px;overflow:hidden;position:relative;width:140px}.sunlight .progress .inner .percent{font-size:36px;font-weight:700;height:100%;left:0;line-height:140px;position:absolute;text-align:center;top:0;width:100%}.sunlight .progress .inner .water{animation:spin 10s linear infinite;background:#ff933b80;border-radius:40%;box-shadow:0 0 20px #fff200,0 0 30px #ffea00;height:200%;left:-50%;position:absolute;transition:all 1s ease;width:200%;z-index:1}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes pulseSun{0%,to{opacity:.4;transform:scale(1)}50%{opacity:.8;transform:scale(1.1)}}.CircularProgressbar{vertical-align:middle;width:100%}.CircularProgressbar .CircularProgressbar-path{stroke:#3e98c7;stroke-linecap:round;transition:stroke-dashoffset .5s ease 0s}.CircularProgressbar .CircularProgressbar-trail{stroke:#d6d6d6;stroke-linecap:round}.CircularProgressbar .CircularProgressbar-text{fill:#3e98c7;dominant-baseline:middle;text-anchor:middle;font-size:20px}.CircularProgressbar .CircularProgressbar-background{fill:#d6d6d6}.CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-background{fill:#3e98c7}.CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-text{fill:#fff}.CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-path{stroke:#fff}.CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-trail{stroke:#0000}
/*# sourceMappingURL=main.07281921.css.map*/