@font-face{font-family:DM Sans;src:url(/static/media/DMSans.90130db6a4fc53f17a88.ttf) format("truetype")}body,html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f6f6f6;color:#000;font-family:DM Sans,sans-serif;height:100%;margin:0;padding:0;width:100%}.wrapper{display:grid;grid-template-areas:"top" "divider" "content ";grid-template-rows:.6fr .1fr 10fr;max-height:100vh;max-width:100vw;min-height:100vh;min-width:100vw;overflow:hidden}.divider,.top{background:#f6f6f6}.top{align-items:center;display:flex;grid-area:top;position:relative;top:0;z-index:1}.top .img-container img{width:14vw}.img-container{align-items:center;display:flex;justify-content:center;margin-top:1vh;vertical-align:middle}.img-container img{max-height:50%;max-width:50%}.top-title{color:#7aa0b8;display:flex;font-size:2vh;font-weight:500;justify-content:space-evenly;margin-bottom:1vh;position:absolute;width:100%;z-index:-1}a:active,a:hover,a:link,a:visited{text-decoration:none}.content{background-color:#f6f6f6;display:flex;flex-direction:column;grid-area:content;height:100%;overflow-y:scroll;padding-top:1vh;position:relative;width:100%}#header-container{display:flex;justify-content:space-between;width:100vw}#morning{display:flex;flex-direction:column;justify-content:center;margin-left:5vw}#morning p{font-weight:700;margin:0}#weather-container{display:flex;flex-direction:column;justify-content:center;margin-right:5vw}#weather-container p{color:#666;font-size:1.5vh;margin:0;text-align:right}#feature-container{align-items:center;display:grid;grid-template-areas:"item item" "item item ";margin-top:1vh}#feature-container div{display:flex;justify-content:center}.feature-item{align-items:center;background-color:#fff;border:1px solid #8fa58626;border-radius:20px;box-shadow:2px 2px 8px #0000001f;display:flex;flex-direction:column;height:90%;margin:0 5vw;width:80%}.feature-item img{height:60%;margin-top:20%;width:55%}.feature-item p{margin:0;padding-bottom:15%;padding-top:5%}#recent-header{align-items:center;display:flex;justify-content:space-between;margin-left:6vw;margin-right:6vw}#recent-container{display:flex;flex-direction:column;margin:0 5vw}.recent-item{align-items:center;background:#fff;border-radius:20px;box-shadow:2px 2px 8px #0000001f;display:flex;flex-direction:row;margin-bottom:2vh}.recent-item img{margin-left:3%;padding:3%;width:12%}.row-status{display:flex;flex-direction:column;padding:2% 0}.row-status p{margin:0}.feature-item img{transition:all .1s ease}.feature-item:hover:active{background-color:#7aa0b8}.feature-item:hover:active p{color:#fff!important}.feature-item:hover:active img{display:none}.feature-item:hover:active img.new-image{display:block}.feature-item img.new-image{display:none}.recent-item img{transition:all .1s ease}.recent-item:hover:active{background-color:#7aa0b8}.recent-item:hover:active p{color:#fff!important}.recent-item:hover:active img{display:none}.recent-item:hover:active img.new-image{display:block}.recent-item img.new-image{display:none}#camera-item-container{align-items:center;display:flex;flex-direction:column}.camera-item{align-items:center;background:#fff;border-radius:20px;box-shadow:2px 2px 8px #0000001f;display:flex;flex-direction:row;height:6.5vh;margin-bottom:1.5vh;width:90%}.camera-item div:first-child{align-items:center;display:flex;height:70%;justify-content:center;margin-left:3%;padding:3%;width:11%}.camera-row-status{display:flex;flex-direction:column;padding:2% 0}.camera-row-status p{color:#a5a5a5;font-size:1.75vh;font-weight:"500";margin:0}#water-the-plant{display:flex;margin:0;padding:0;width:100%}.camera-item div img{margin:3%;padding:3%;width:80%}.camera-item:has(#water-the-plant):hover:active{background-color:#fff!important}.camera-item:has(#water-the-plant):hover:active p{color:#7aa0b8!important}#recent-header{margin-left:5vw}#row-selection-container{display:flex;flex-direction:column;margin:0 5vw}.row-selection-item{align-items:center;background:#fff;border:1px solid #8fa58626;border-radius:20px;box-shadow:2px 2px 8px #0000001f;display:flex;flex-direction:row;margin-bottom:2vh}.row-selection-status{display:flex;flex-direction:column;padding:4% 0}.row-selection-status p{margin:0}.row-selection-item:hover:active{background-color:#7aa0b8}.row-selection-item:hover:active p{color:#fff!important}#status-container{display:flex;flex-direction:column;margin:0 5vw}.status-item{align-items:center;background:#fff;border:1px solid #8fa58626;border-radius:20px;box-shadow:2px 2px 8px #0000001f;display:flex;flex-direction:row;margin-bottom:2vh}.status-item img{margin:3%;padding:3%;width:10%}.circle-container{display:flex;height:90%;width:30%}.circle-container,.circle-container div{align-items:center;justify-content:center}.circle-container div{display:flex!important;transition:opacity .3s ease-in 0s!important}.status-item svg{height:auto;width:75%}.status-row-status{display:flex;flex-direction:column;padding:4% 0}.status-row-status p{margin:0}#plant-details-status-item img{transition:all .1s ease}#plant-details-status-item:hover:active{background-color:#7aa0b8}#plant-details-status-item:hover:active p{color:#fff!important}#plant-details-status-item:hover:active img{display:none}#plant-details-status-item:hover:active img.new-image{display:block}#plant-details-status-item img.new-image{display:none}.switch{display:inline-block;height:50%;position:relative;width:85%}.switch input{height:0;opacity:0;width:0}.slider{background-color:#ccc;bottom:0;box-shadow:2px 2px 8px #0000001f;cursor:pointer;left:0;right:0;top:0}.slider,.slider:before{position:absolute;-webkit-transition:.4s;transition:.4s}.slider:before{background-color:#fff;bottom:4px;box-shadow:2px 2px 8px #00000040;content:"";height:76%;left:4px;width:40%}input:checked+.slider{background-color:#03a4008a}input:focus+.slider{box-shadow:0 0 1px #03a4008a}input:checked+.slider:before{-webkit-transform:translateX(120%);-ms-transform:translateX(120%);transform:translateX(120%)}.slider.round{border-radius:34px}.slider.round:before{border-radius:50%}.CircularProgressbar{vertical-align:middle;width:100%}.CircularProgressbar .CircularProgressbar-path{stroke:#3e98c7;stroke-linecap:round;-webkit-transition:stroke-dashoffset .5s ease 0s;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}#plant-container{display:flex;flex-direction:column;margin:0 5vw}.plant-img-container{align-items:center;display:flex;justify-content:space-around}.plant-item{align-items:center;background:#fff;border-radius:20px;box-shadow:2px 2px 8px #0000001f;display:flex;flex-direction:column;margin-bottom:2vh}.plant-item-first-row{display:flex;flex-direction:row;padding-top:2%;width:100%}.plant-item-second-row,.plant-item-third-row{display:flex;flex-direction:row;justify-content:space-evenly;margin-top:5%;width:100%}.plant-item-third-row{margin-bottom:5%}.circle-container-plant{align-items:center;display:flex;height:50%;justify-content:center;position:relative;width:75%}.circle-container-plant-background{background-position:50%;background-repeat:no-repeat;background-size:contain;height:55%;left:50%;opacity:.5;position:absolute;top:50%;transform:translate(-50%,-50%);width:55%}.circle-container-plant svg{height:auto;width:75%}.circle-container-plant>div{display:flex!important;justify-content:center!important;transition:opacity .3s ease-in 0s!important}.circle-container-plant div div:nth-child(3) div:first-child{display:none!important}.circle-container-plant div div:nth-child(3) div:nth-child(2){font-size:1.75vh!important;margin:0!important}#plant-status-container{display:flex;flex-direction:column;margin:0 5vw}.plant-status-item{background:#fff;border-radius:20px;box-shadow:2px 2px 8px #0000001f;margin-bottom:2vh}.plant-item-name,.plant-status-item{align-items:center;display:flex;flex-direction:column}.plant-item-name{width:100%}.plant-status-first-row,.plant-status-second-row{display:flex;flex-direction:row;width:100%}.plant-status-second-row{justify-content:space-evenly}.plant-status-description-container{align-items:center;background:#fff;border-radius:20px;box-shadow:2px 2px 8px #0000001f;display:flex;flex-direction:column;margin-bottom:2vh}.plant-description-title{margin:0 2% 2%}.plant-description-bar,.plant-description-title{align-items:center;display:flex;flex-direction:column;width:100%}.plant-description-bar{margin:5% 0}.toggle-div{display:none;transition:opacity 2.5s ease-in-out}.toggle-div.visible{align-items:center;background:#fff;display:flex;flex-direction:column;left:0;opacity:1;top:100%;width:90vw}.toggle-properites-div{display:none;transition:opacity 2.5s ease-in-out}.toggle-properties-div.visible{align-items:center;background:#fff;display:flex;flex-direction:column;left:0;opacity:1;top:100%;width:90vw}.toggle-button-container{position:relative;transform:translateZ(0);width:100%}.toggle-div{will-change:height}.button-container{align-items:center;background:#7aa0b8;color:#fff;display:flex;height:3.5vh;justify-content:center;width:100%}.rectangle{display:flex;height:6px;width:50%}.rectangle div{height:100%}#harvest-selection-container{display:flex;flex-direction:column;margin:0 5vw}.harvest-level-container{align-items:center;border:1px solid #8fa58626;border-radius:20px;box-shadow:2px 2px 8px #0000001f;display:flex;flex-direction:column;margin-bottom:2vh;transition:height .5s ease-in-out 0s}.harvest-item{animation:slideDown .5s ease-in-out forwards;display:none}@keyframes slideDown{0%{opacity:0;transform:translateY(-50%)}to{opacity:1;transform:translateY(0)}}.harvest-item.visible{align-items:center;background:#fff;display:flex;flex-direction:row;opacity:1}.harvest-item img{margin:3%;padding:3%;width:10%}.harvest-row-status{display:flex;flex-direction:column;padding:4% 0}.harvest-row-status p{margin:0}.container{margin-top:0}.box-container{display:flex;margin-top:0}.box{background-color:#a5a5a5;border-radius:25%;height:3.5vw;margin:0 2px;width:3.5vw}.active{background-color:#03a4008a}
/*# sourceMappingURL=main.d1b398d9.css.map*/