:root{--font-size-1:2rem;--font-size-2:1.3vw;--font-size-3:1.1vw;--color-darkest-blue:#171a1c;--color-darker-blue:#29363d;--color-darker-blue-1:#21282c;--color-lighter-blue-1:#95cacf;--color-lighter-blue-2:rgba(118,142,145,.555);--color-dark-blue:#365463;--color-light-blue:#95cacf;--color-dark-blue-translucent:rgba(54,84,99,.5);--color-light-blue-translucent:rgba(149,202,207,.452);--color-blue:#3f84a6;--color-green:#3fa673;--color-yellow:#a6953f;--color-orange:#a66a3f;--color-red:#a6483f;--color-font:#fff;--color-font-chart:#5da4ad;--color-background:var(--color-darkest-blue);--color-surface:var(--color-darker-blue);--color-surface-dark:var(--color-darker-blue-1);--color-surface-light:var(--color-lighter-blue-1);--color-surface-lighter:var(--color-lighter-blue-2);--color-primary:var(--color-dark-blue);--color-primary-light:var(--color-light-blue);--color-primary-translucent:var(--color-dark-blue-translucent);--color-primary-light-translucent:var(--color-light-blue-translucent);--color-secondary:var(--color-blue);--color-secondary-light:var(--color-light-blue);--color-thi-level-1:var(--color-green);--color-thi-level-2:var(--color-yellow);--color-thi-level-3:var(--color-orange);--color-thi-level-4:var(--color-red);--color-scrollbar-track:transparent;--color-scrollbar-thumb:var(--color-primary);--mobile-navbar-height:3rem;--card-gap:1rem;--mobile-card-width:26rem}@font-face{font-family:Roboto;font-weight:400;src:url(/static/media/Roboto-Regular.a8d6ac03c7b96b7acb62.ttf)}@font-face{font-family:Roboto;font-weight:700;src:url(/static/media/Roboto-Bold.75371f53f06181df75f1.ttf)}*{box-sizing:border-box;color:#fff;color:var(--color-font);font-family:Roboto,sans-serif;-webkit-user-select:auto;user-select:auto}.white-content *{--color-font:#000}::-webkit-scrollbar{height:.3rem;width:.3rem}::-webkit-scrollbar-track{background-color:initial;background-color:var(--color-scrollbar-track);border-radius:10rem;margin:1rem 0}::-webkit-scrollbar-thumb{background-color:#365463;background-color:var(--color-scrollbar-thumb);border-radius:10rem}::-webkit-scrollbar-corner{background:transparent}body{background:#171a1c;background:var(--color-background);margin:0}#root{display:flex;min-height:100vh;min-width:100vw}@media screen and (max-width:448px){:root{font-size:12px}}@media screen and (max-width:1050px){:root{--font-size-1:2rem;--font-size-3:1rem;--font-size-2:2rem}}.App{align-items:left;background-image:url(/static/media/background2.332705c73609a8fc3170.jfif);background-position:50%;background-repeat:no-repeat;background-size:cover;display:flex;flex:1 1;flex-direction:column;flex-wrap:wrap;justify-content:center}.App>.blur>.header{display:grid;grid-template-columns:repeat(6,1fr);height:5vh;justify-items:left;padding-top:.5vh;width:100%}.App>.blur>.header>.fontoption{grid-column:2}.App>.blur>.header>.fontoption,.App>.blur>.header>.gapoption{background-color:var(--color-primary);border-radius:34px;font-size:1.2vw;height:100%;justify-self:end;position:relative;width:70%}.App>.blur>.header>.gapoption{grid-column:3}.App>.blur>.header>.logoutbutton{grid-column:6}.App>.blur>.header>.logoutbutton,.App>.blur>.header>.screenshotbutton{background-color:var(--color-primary);border-radius:34px;font-size:1vw;height:100%;justify-self:end;position:relative;width:70%}.App>.blur>.header>.screenshotbutton{grid-column:5}.white-content .App>.blur>.header>.fontoption,.white-content .App>.blur>.header>.gapoption,.white-content .App>.blur>.header>.logoutbutton,.white-content .App>.blur>.header>.screenshotbutton{background-color:var(--color-primary-light)}.App>.blur{align-items:left;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:hsla(0,0%,100%,.2);display:flex;flex:1 1;flex-direction:column;flex-wrap:wrap;gap:1rem;height:100%;justify-content:center;width:100%}.white-content{background:#e9e9e9}.white-content .App{background:#e9e9e9;background-image:url(/static/media/background.f5417b23e81d43c096a4.jpg)}.App.times *{font-family:Times New Roman,Times,serif}.App.lucida *{font-family:Lucida Console,Courier New,monospace}.App.arial *{font-family:Arial,Helvetica,sans-serif;gap:10px}.App>.blur.nogap *{gap:0}.App>.blur.medium *{gap:.3rem}.App>.blur.large *{gap:.5rem}.white-content *{box-sizing:border-box;color:#000;-webkit-user-select:none;user-select:none}@-webkit-keyframes fade-in-App{0%{opacity:0}}@keyframes fade-in-App{0%{opacity:0}}.App>*{-webkit-animation:fade-in-App .2s;animation:fade-in-App .2s}.switch{display:inline-block;height:100%;margin-bottom:-1rem;position:relative;top:.2rem;width:23%}.switch input{height:0;opacity:0;width:0}.slider{background-color:#ccc;bottom:0;cursor:pointer;left:0;right:0;top:0}.slider,.slider:before{position:absolute;transition:.4s}.slider:before{background-color:#fff;bottom:10%;content:"";height:80%;left:5%;width:45%}input:checked+.slider{background-color:#2196f3}input:focus+.slider{box-shadow:0 0 1px #2196f3}input:checked+.slider:before{-webkit-transform:translateX(80%);transform:translateX(100%)}.slider.round{border-radius:34px}.slider.round:before{border-radius:50%}@media screen and (max-width:1200px){.App>.blur>.header{display:grid;grid-template-columns:repeat(5,1fr);height:5vh;justify-items:left;min-height:3rem;padding-top:.5vh;width:100%}.switch{display:inline-block;height:90%;margin-bottom:-1rem;max-width:5rem;position:relative;top:.2rem;width:80%}.App>.blur>.header>.logoutbutton{font-size:2vw;grid-column:5;height:100%;width:70%}.App>.blur>.header>.screenshotbutton{font-size:2vw;grid-column:4;height:100%;width:70%}.App>.blur>.header>.fontoption{grid-column:2}.App>.blur>.header>.fontoption,.App>.blur>.header>.gapoption{background-color:var(--color-primary);border-radius:34px;font-size:2vw;height:100%;justify-self:auto;position:relative;width:70%}.App>.blur>.header>.gapoption{grid-column:3}}.Login{flex:1 1;justify-content:center}.Login,.Login>.login-card{align-items:center;display:flex}.Login>.login-card{background:var(--color-surface);border-radius:1vw/2vh;flex-direction:column;height:70vh;padding:2rem;width:25vw}.Login>.login-card>img.felcra-logo{height:40%;margin-bottom:3vh}.Login>.login-card>input.password,.Login>.login-card>input.username{background:var(--color-surface-dark);border:none;border-radius:2vh;font-size:var(--font-size-3);height:9vh;outline:none;padding:1rem;width:21vw}.Login>.login-card>input.password{margin-top:1rem}.Login>.login-card>.error-message{align-self:flex-end;color:var(--color-red)}.Login>.login-card>button.log-in{align-items:center;background:var(--color-primary);border:none;border-radius:1rem;cursor:pointer;display:flex;font-size:var(--font-size-3);height:9vh;justify-content:center;margin-top:auto;padding:1rem;width:21vw}.Login>.login-card>button.log-in:not(:disabled):hover{-webkit-filter:brightness(1.1);filter:brightness(1.1)}.white-content .Login>.login-card{align-items:center;background:var(--color-green);border-radius:1rem;display:flex;flex-direction:column;padding:2rem}.white-content .Login>.login-card>input.password,.white-content .Login>.login-card>input.username{background:hsla(0,0%,100%,.562);border:none;border-radius:1rem;font-size:var(--font-size-3);outline:none;padding:1rem}.white-content .Login>.login-card>button.log-in{align-items:center;background:#08bad1;border:none;border-radius:1rem;cursor:pointer;display:flex;font-size:var(--font-size-3);justify-content:center;margin-top:auto;padding:1rem}@media screen and (max-width:1200px){.Login>.login-card,.white-content .Login>.login-card{align-items:center;border-radius:34px;display:flex;flex-direction:column;height:70vh;max-width:30rem;padding:2rem;width:70vw}.Login>.login-card>img.felcra-logo,.white-content .Login>.login-card>img.felcra-logo{height:25%;margin-bottom:3vh}.Login>.login-card>input.password,.Login>.login-card>input.username,.white-content .Login>.login-card>input.password,.white-content .Login>.login-card>input.username{font-size:2vh;height:18%;padding:1rem;width:80%}.Login>.login-card>button.log-in,.white-content .Login>.login-card>button.log-in{font-size:2vh;height:16%;padding:1rem;width:60%}}.Authenticated{display:flex;height:100vh;justify-content:left;overflow:auto;overflow-y:scroll;width:100vw}.Authenticated_side{display:flex;flex-direction:column;gap:3vh;justify-content:top;width:19.5%}.Authenticated>.Authenticated_side>.WeatherSoilSwitch,.Authenticated_side>.Sidebar{position:flex;top:0}.Authenticated>.body{display:flex;min-height:100%;width:80%}.Authenticated>*{flex-shrink:0}.Authenticated>.body>*{flex:1 1;padding:2rem 0 2rem calc(var(--card-gap)/2)}@media screen and (max-width:1200px){.Authenticated>.body{height:100%;min-height:110rem;padding-bottom:var(--mobile-navbar-height);width:100%}.Authenticated>.body>*{padding:2rem 0}.Authenticated_side{width:0}}@media screen and (max-width:950px){.Authenticated>.body>*{padding:2rem}}@-webkit-keyframes fade-in-Sidebar{0%{opacity:0}}@keyframes fade-in-Sidebar{0%{opacity:0}}.Sidebar{overflow:scroll}.Sidebar>*{-webkit-animation:fade-in-Sidebar .2s;animation:fade-in-Sidebar .2s}.Sidebar>.desktop{display:flex;flex-direction:column;font-size:1.5vw;height:100%;overflow-y:auto;padding:2rem calc(var(--card-gap)/2) 2rem 0;width:100%}.Sidebar>.desktop>img#felcra-berhad-logo{align-self:center;margin-bottom:2rem;width:12vw}.Sidebar>.desktop>.divider{background:var(--color-primary);flex-shrink:0;height:.25vh;margin:1rem}.white-content .Sidebar>.desktop>.divider{background:var(--color-primary-light);flex-shrink:0;height:1px;margin:1rem}.Sidebar>.desktop .list-container{display:flex;flex-direction:column}.Sidebar>.desktop .list-container>.list-element{align-items:center;border-radius:2vh;display:flex;height:6.5vh;justify-content:space-between;min-height:3rem;padding-left:1.5vw}.Sidebar>.desktop .list-container>.DataSource{align-items:center;border-radius:3vh;display:flex;height:12vh;justify-content:space-between;min-height:4.5rem;padding-left:1.5vw}.Sidebar>.desktop .list-container>.DataSource>.name{width:14.5vw}.Sidebar>.desktop .list-container>button.list-element{background:transparent;border:none;cursor:pointer;font-size:inherit;padding-bottom:0;padding-top:0}.Sidebar>.desktop .list-container>a.list-element{padding-right:1rem;text-decoration:none}.Sidebar>.desktop .list-container>.list-element.selected{background:var(--color-primary)}.white-content .Sidebar>.desktop .list-container>.list-element.selected{background:var(--color-primary-light)}.Sidebar>.desktop .list-container>a.list-element:not(.selected):hover,.Sidebar>.desktop .list-container>button.list-element:not(.selected):hover{background:var(--color-primary-translucent)}.white-content .Sidebar>.desktop .list-container>a.list-element:not(.selected):hover,.white-content .Sidebar>.desktop .list-container>button.list-element:not(.selected):hover{background:var(--color-primary-light-translucent)}.Sidebar>.desktop .ExternalLink>svg,.Sidebar>.desktop>.ExternalLinks>.CctvsDropdown>.title>svg{fill:var(--color-primary);height:2rem;width:2rem}.white-content .Sidebar>.desktop .ExternalLink>svg,.white-content .Sidebar>.desktop>.ExternalLinks>.CctvsDropdown>.title>svg{fill:var(--color-primary-light);height:2rem;width:2rem}.Sidebar>.desktop .ExternalLink>svg{-webkit-transform:scale(.75);transform:scale(.75)}.Sidebar>.desktop>.ExternalLinks>.CctvsDropdown{overflow:hidden}.Sidebar>.desktop>.ExternalLinks>.CctvsDropdown>.title{overflow:hidden;padding-right:1rem}.Sidebar>.desktop>.ExternalLinks>.CctvsDropdown>.title>svg{-webkit-transform:scale(1.5);transform:scale(1.5);transition:-webkit-transform .2s;transition:transform .2s;transition:transform .2s,-webkit-transform .2s}.Sidebar>.desktop>.ExternalLinks>.CctvsDropdown.expanded>.title>svg{-webkit-transform:scale(1.5) rotate(180deg);transform:scale(1.5) rotate(180deg)}.Sidebar>.desktop>.ExternalLinks>.CctvsDropdown>.body{--num-cctvs:0;height:calc(3rem*var(--num-cctvs));transition:height .2s}.Sidebar>.desktop>.ExternalLinks>.CctvsDropdown:not(.expanded)>.body{height:0}.Sidebar>.desktop>.ExternalLinks>.CctvsDropdown>.body>*{flex-shrink:0;padding-left:2rem}.Sidebar .OnlineIndicator{background:var(--color-green);border-radius:50%;height:1vw;width:1vw}.Sidebar .OnlineIndicator.offline{background:var(--color-red)}.Sidebar>.desktop>.DataSourcesContainer>.title{font-weight:700}.Sidebar>.desktop>.DataSourcesContainer>:not(:first-child){padding-left:2rem}.Sidebar>.desktop>.DataSourcesContainer>.DataSource{padding:3 2rem;text-align:left}.Sidebar>.MobileBottomBar{display:none}@media screen and (max-width:1200px){.Sidebar{z-index:99}.Sidebar.expanded{height:100vh;left:0;padding-bottom:var(--mobile-navbar-height);position:fixed;top:0;width:100vw;z-index:1500}.Sidebar:not(.expanded)>.desktop{display:none}.Sidebar.expanded>.desktop{background:var(--color-surface-dark);flex:1 1;font-size:1rem;overflow:auto;padding:2rem;width:100%}.white-content .Sidebar.expanded>.desktop{background:#e9e9e9;flex:1 1;overflow:auto;padding:2rem;width:100%}.Sidebar>.MobileBottomBar{background:var(--color-surface)}.Sidebar>.MobileBottomBar,.white-content .Sidebar>.MobileBottomBar{align-items:center;border:none;bottom:0;display:flex;font-size:var(--font-size-3);gap:2rem;height:var(--mobile-navbar-height);left:0;padding:0 2rem;position:fixed;width:100vw}.white-content .Sidebar>.MobileBottomBar{background:var(--color-surface-light)}.Sidebar>.MobileBottomBar>.divider,.white-content .Sidebar>.MobileBottomBar>.divider{align-self:stretch;background:var(--color-primary);margin:.5rem 0;width:1px}.white-content .Sidebar>.MobileBottomBar>.list-element.selected{background:var(--color-primary)}.Sidebar>.MobileBottomBar>.DataSource{align-items:center;display:flex;gap:1rem}.Sidebar>.desktop>img#felcra-berhad-logo{width:10rem}.Sidebar>.MobileBottomBar>svg{height:2rem;margin-left:auto;width:2rem}.Sidebar>.desktop .list-container>.DataSource>.name{min-width:10rem}.Sidebar .OnlineIndicator{height:1rem;width:1rem}}.HomeWeather>.HomeSkeleton>.header>.BatteryStatusHeaderCard,.HomeWeather>.HomeSkeleton>.header>.LastUpdatedTimeHeaderCard,.HomeWeather>.HomeSkeleton>.header>.ThiHeaderCard{height:9vh;min-height:4rem;width:100%}.HomeWeather>.HomeSkeleton>.body>.parameters>.TemperatureCard{grid-column:span 2;height:100%;min-height:9.5rem}.HomeWeather>.HomeSkeleton>.body>.parameters *>*>.StraightGauge>.labels-container>.value-container>.value{font-size:1vw}.HomeWeather>.HomeSkeleton>.body>.parameters *>*>.StraightGauge.vertical>.bar{border-radius:20vh;height:16vh;width:2vw}.HomeWeather>.HomeSkeleton>.body>.parameters>*,.HomeWeather>.HomeSkeleton>.body>.parameters>*>.StraightGaugeCard,.HomeWeather>.HomeSkeleton>.body>.parameters>*>.StraightGaugeCard>.Card{height:100%;width:100%}.HomeWeather>.HomeSkeleton>.body>.parameters{height:85vh;min-height:40rem;width:100%}.HomeWeather>.HomeSkeleton>.body>.MapCard{grid-column:span 2;height:85vh;min-height:40rem;width:100%}@media screen and (max-width:950px){.HomeWeather>.HomeSkeleton>.body>.MapCard{grid-column:span 1;max-height:40rem;width:100%}.HomeWeather>.HomeSkeleton>.body>.parameters{width:100%}.HomeWeather>.HomeSkeleton>.body>.parameters *>*>.StraightGauge>.labels-container>.value-container>.value{font-size:.8rem}.HomeWeather>.HomeSkeleton>.body>.parameters *>*>.StraightGauge.vertical>.bar{min-width:1rem}}.HomeSkeleton{display:flex;flex:1 1;flex-direction:column;gap:.2rem;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}.HomeSkeleton>.header{grid-gap:.5vw;display:grid;gap:.5vw;grid-template-columns:repeat(3,1fr)}.HomeSkeleton>.header>*{flex:1 0;height:4.5rem}.HomeSkeleton>.body{grid-gap:.5vw;display:grid;flex-direction:row;gap:.5vw;grid-template-columns:repeat(3,1fr);min-height:45rem}.HomeSkeleton>.body>.parameters{grid-gap:.75%;display:grid;gap:.75%;grid-template-columns:repeat(2,1fr)}@media screen and (max-width:950px){.HomeSkeleton>.body>.parameters{grid-template-columns:repeat(2,1fr)}.HomeSkeleton>.body{grid-gap:.5vw;display:grid;flex-direction:row;gap:.5vw;grid-template-columns:repeat(1,1fr);min-height:45rem}.HomeSkeleton{display:flex;flex:1 1;flex-direction:column;gap:var(--card-gap);height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}.HomeSkeleton>.header{display:flex;flex-wrap:wrap;gap:var(--card-gap)}.HomeSkeleton>.header>*{flex:1 0;height:6rem}}.ThiHeaderCard{background:var(--color-surface);border-radius:1rem;display:flex;gap:.5rem;justify-content:space-between;padding:1rem;position:relative}.ThiHeaderCard.level-1{background:var(--color-thi-level-1)}.ThiHeaderCard.level-2{background:var(--color-thi-level-2)}.ThiHeaderCard.level-3{background:var(--color-thi-level-3)}.ThiHeaderCard.level-4{background:var(--color-thi-level-4)}.ThiHeaderCard>.Tooltip{align-items:center;border:1px solid var(--color-font);border-radius:1000rem;display:flex;height:1vw;justify-content:center;position:absolute;right:.5rem;top:.5rem;width:1vw;z-index:1}.ThiHeaderCard>.Tooltip>.message{background:var(--color-surface);border-radius:.5rem;left:1rem;padding:.5rem;position:absolute;top:1rem;white-space:pre}.ThiHeaderCard>.Tooltip:not(:hover)>.message{display:none}.ThiHeaderCard>.left{display:flex;flex-direction:column;justify-content:space-between}.ThiHeaderCard>.left>.title{font-size:var(--font-size-3)}.ThiHeaderCard>.left>.Value>.value{font-size:var(--font-size-2)}.ThiHeaderCard>.left>.Value>.stress-category{font-size:var(--font-size-3)}.ThiHeaderCard>.PctChange{align-items:center;display:flex;flex-direction:column;justify-content:flex-end;margin-bottom:.1rem;overflow:hidden}.ThiHeaderCard>.PctChange>svg{height:2rem;-webkit-transform:scale(1.1);transform:scale(1.1);width:2rem}.ThiHeaderCard>.PctChange>svg.triangle{-webkit-transform:scale(2);transform:scale(2)}.ThiHeaderCard>.PctChange>svg.triangle-up{-webkit-transform:scale(2) rotate(180deg);transform:scale(2) rotate(180deg)}.ThiHeaderCard>.PctChange>.value{font-size:var(--font-size-3)}@media screen and (max-width:1050px){.ThiHeaderCard>.Tooltip{font-size:1rem;height:1.5rem;width:1.5rem}.ThiHeaderCard>.Tooltip>.message,.ThiHeaderCard>.left>.Value>.stress-category,.ThiHeaderCard>.left>.Value>.value,.ThiHeaderCard>.left>.title{font-size:1rem}}.BatteryStatusHeaderCard{background:var(--color-surface);border-radius:1rem;display:flex;justify-content:space-between;padding:1rem}.BatteryStatusHeaderCard.low{background:var(--color-red)}.BatteryStatusHeaderCard.normal{background:var(--color-green)}.BatteryStatusHeaderCard>.left{display:flex;flex-direction:column;justify-content:space-between}.BatteryStatusHeaderCard>.left>.title{font-size:var(--font-size-3)}.BatteryStatusHeaderCard>.left>.status{font-size:var(--font-size-2)}.BatteryStatusHeaderCard>svg{align-self:center;height:2.5vw;width:2.5vw}@media screen and (max-width:1050px){.BatteryStatusHeaderCard>.left>.title{font-size:1rem}.BatteryStatusHeaderCard>.left>.status{font-size:.8rem}.BatteryStatusHeaderCard>svg{height:2rem;width:2rem}}.LastUpdatedTimeHeaderCard{background:var(--color-surface)}.LastUpdatedTimeHeaderCard,.white-content .LastUpdatedTimeHeaderCard{border-radius:1rem;display:flex;flex-direction:column;justify-content:space-between;padding:1rem}.white-content .LastUpdatedTimeHeaderCard{background:var(--color-surface-light)}.LastUpdatedTimeHeaderCard>.title{font-size:var(--font-size-3)}.LastUpdatedTimeHeaderCard>.time{font-size:var(--font-size-2)}@media screen and (max-width:1050px){.LastUpdatedTimeHeaderCard{width:var(--mobile-card-width)}.LastUpdatedTimeHeaderCard>.time,.LastUpdatedTimeHeaderCard>.title{font-size:1rem}}.TemperatureCard,.white-content .TemperatureCard{--color-grid:var(--color-surface-dark);--color-outside:var(--color-blue);--color-dew-point:var(--color-green);--color-heat-index:var(--color-blue);--color-wind-chill:var(--color-green);--font-size-scales:0.8rem;--font-size-overlay-values:1.2rem}.TemperatureCard>.Card{height:100%;padding:1rem 1rem .5rem;width:100%}.TemperatureCard>.Card>.body>.ChartJsResponsive{height:100%;width:100%}.Card{background:var(--color-surface)}.Card,.white-content .Card{border-radius:2vh;display:flex;flex-direction:column;padding:1vh}.white-content .Card{background:var(--color-surface-light)}.Card>.title{font-size:var(--font-size-3)}.Card>.body{align-items:center;display:flex;flex:1 1;justify-content:center}.ChartJsResponsive{position:relative}.ChartJsResponsive>.canvas-container{height:100%;position:absolute;width:100%}.WindSpeedCard>.Card{height:100%;width:100%}.WindSpeedCard.abnormal>.Card{background:var(--color-red);height:100%;width:100%}.WindSpeedCard>.Card>.body>.GaugeChart{width:8vw}.WindSpeedCard>.Card>.body>.GaugeChart>*,.WindSpeedCard>.Card>.body>.GaugeChart>*>*{font-size:1vw}@media screen and (max-width:1050px){.WindSpeedCard>.Card>.body>.GaugeChart{min-width:10rem}.WindSpeedCard>.Card>.body>.GaugeChart>*,.WindSpeedCard>.Card>.body>.GaugeChart>*>*{font-size:1rem}}.GaugeChart{--color-gauge-background:var(--color-surface-dark);--color-gauge-primary:var(--color-secondary);display:flex;flex-direction:column}.GaugeChart>.labels-container{display:flex;font-size:1rem;justify-content:space-between;margin:0 .625rem;position:relative}.GaugeChart>.labels-container>.max,.GaugeChart>.labels-container>.min{text-align:center;width:2.5rem}.GaugeChart>.labels-container>.value{font-size:1rem;left:50%;position:absolute;top:0;-webkit-transform:translate(-50%,-100%);transform:translate(-50%,-100%)}.WindDirectionCard{--color-compass-pointer:var(--color-secondary)}.WindDirectionCard>.Card{height:100%;width:100%}.WindDirectionCard>.Card>.body>.compass{--compass-angle:0deg;aspect-ratio:1;font-size:1.25vh;margin:.5rem;position:relative;width:60%}.WindDirectionCard>.Card>.body>.compass>.circle{background:conic-gradient(from -5deg,transparent 0deg,var(--color-compass-pointer) 1deg 9deg,transparent 10deg),var(--color-surface-dark)}.WindDirectionCard>.Card>.body>.compass>.circle,.white-content .WindDirectionCard>.Card>.body>.compass>.circle{aspect-ratio:1;border-radius:50%;-webkit-transform:rotate(var(--compass-angle));transform:rotate(var(--compass-angle));transition:-webkit-transform .8s ease-out;transition:transform .8s ease-out;transition:transform .8s ease-out,-webkit-transform .8s ease-out}.white-content .WindDirectionCard>.Card>.body>.compass>.circle{background:conic-gradient(from -5deg,transparent 0deg,var(--color-compass-pointer) 1deg 9deg,transparent 10deg),var(--color-surface-lighter)}.WindDirectionCard>.Card>.body>.compass>.direction{position:absolute;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.WindDirectionCard>.Card>.body>.compass>.direction#N{left:50%;top:1rem}.WindDirectionCard>.Card>.body>.compass>.direction#E{left:calc(100% - 1rem);top:50%}.WindDirectionCard>.Card>.body>.compass>.direction#S{left:50%;top:calc(100% - 1rem)}.WindDirectionCard>.Card>.body>.compass>.direction#W{left:1rem;top:50%}.WindDirectionCard>.Card>.body>.compass>.direction#NE{left:75%;top:25%}.WindDirectionCard>.Card>.body>.compass>.direction#SE{left:75%;top:75%}.WindDirectionCard>.Card>.body>.compass>.direction#SW{left:25%;top:75%}.WindDirectionCard>.Card>.body>.compass>.direction#NW{left:25%;top:25%}@media screen and (max-width:1050px){.WindDirectionCard>.Card>.body>.compass{font-size:1rem}}.HumidityCard>.Card{height:100%;width:100%}.HumidityCard.abnormal>.Card{background:var(--color-red);height:100%;width:100%}.HumidityCard>.Card .GaugeChart{width:8vw}.HumidityCard>.Card .GaugeChart>*,.HumidityCard>.Card .GaugeChart>*>*{font-size:1vw}@media screen and (max-width:1050px){.HumidityCard>.Card .GaugeChart{min-width:10rem}.HumidityCard>.Card .GaugeChart>*,.HumidityCard>.Card .GaugeChart>*>*{font-size:1rem}}.BaroPressCard>.Card{height:100%;width:100%}.BaroPressCard.abnormal>.Card{background:var(--color-red);height:100%;width:100%}.BaroPressCard>.Card>.body>.StraightGauge{height:8vh;min-height:3rem;width:8vw}.BaroPressCard>.Card>.body>.StraightGauge>.labels-container>*,.BaroPressCard>.Card>.body>.StraightGauge>.labels-container>*>*>*{font-size:1vw}@media screen and (max-width:1050px){.BaroPressCard>.Card>.body>.StraightGauge{height:20%;min-height:3rem;width:60%}.BaroPressCard>.Card>.body>.StraightGauge>.labels-container>*,.BaroPressCard>.Card>.body>.StraightGauge>.labels-container>*>*>*{font-size:1rem}}.StraightGauge{--value:50%;display:flex;flex-direction:column}.StraightGauge.vertical{flex-direction:row;gap:.5rem;justify-content:center}.StraightGauge>.bar{background:var(--color-surface-dark);border-radius:1rem;height:3rem;overflow:hidden;width:100%}.StraightGauge.vertical>.bar{height:12rem;position:relative;width:3rem}.StraightGauge>.bar>.inner{background:var(--color-secondary);height:100%;transition:width .8s ease-out;width:var(--value)}.StraightGauge.vertical>.bar>.inner{bottom:0;height:var(--value);position:absolute;transition:height .8s ease-out;width:100%}.StraightGauge>.labels-container{display:flex;font-size:var(--font-size-3);justify-content:center}.StraightGauge.vertical>.labels-container{align-items:flex-start;flex-direction:column;justify-content:space-between}.StraightGauge.vertical>.labels-container>:first-child{order:2}.StraightGauge.vertical>.labels-container>:nth-child(2){order:1}.StraightGauge>.labels-container>div:not(.value-container){flex:1 1}.StraightGauge.vertical>.labels-container>div:not(.value-container){flex:0 0}.StraightGauge>.labels-container>.value-container{align-items:center;display:flex;flex-direction:column;justify-content:center}.StraightGauge.vertical>.labels-container>.value-container{align-items:flex-end;flex-direction:row;gap:.5ch}.StraightGauge>.labels-container>.value-container>.value{font-size:var(--font-size-1)}.StraightGauge>.labels-container>.value-container>.unit{white-space:nowrap}.StraightGauge.vertical>.labels-container>.value-container>.unit{margin-bottom:.1rem}.StraightGauge>.labels-container>.max{display:flex;justify-content:flex-end}.RainfallCard>.Card{height:100%;width:100%}.RainfallCard>.Card>.body{align-items:stretch}.RainfallCard>.Card>.body>.left,.RainfallCard>.Card>.body>.right{flex:1 1}.RainfallCard>.Card>.body>.left{grid-column-gap:.1rem;-webkit-column-gap:.1rem;column-gap:.1rem;display:grid;grid-template-columns:repeat(2,auto);grid-template-rows:1fr auto;justify-content:center}.RainfallCard>.Card>.body>.left>.Bar{--width:2vw;align-items:flex-end;background:var(--color-surface-dark);border-radius:1vw;display:flex;justify-self:center;margin:.5rem 0;overflow:hidden;width:var(--width)}.RainfallCard>.Card>.body>.left>.Bar>.inner{--bar-height:50%;background:var(--color-secondary);border-radius:1rem;height:calc(var(--width) + var(--bar-height));margin-bottom:calc(var(--width)*-1);transition:height .8s ease-out,background .8s ease-out;width:100%}.RainfallCard>.Card>.body>.left>.Bar>.inner.level-1{background:var(--color-yellow)}.RainfallCard>.Card>.body>.left>.Bar>.inner.level-2{background:var(--color-orange)}.RainfallCard>.Card>.body>.left>.Bar>.inner.level-3{background:var(--color-red)}.RainfallCard>.Card>.body>.left>.CurrentValue{align-self:center;justify-self:center}.RainfallCard>.Card>.body>.left>.CurrentValue>.value{font-size:1vw}.RainfallCard>.Card>.body>.left>.CurrentValue>.unit{font-size:1vw;text-align:center}.RainfallCard>.Card>.body>.left>svg{height:2vh;justify-self:right;width:2vw}.RainfallCard>.Card>.body>.left>.State{align-self:center;font-size:.7vw;text-align:center;width:1vw}.RainfallCard>.Card>.body>.divider{background:var(--color-primary);width:.1rem}.RainfallCard>.Card>.body>.right{align-items:center;display:flex;flex-direction:column;justify-content:space-between}.RainfallCard>.Card>.body>.right>.Stat{text-align:center}.RainfallCard>.Card>.body>.right>.Stat>.label{font-size:.8vw}.RainfallCard>.Card>.body>.right>.Stat>.value-container>.unit,.RainfallCard>.Card>.body>.right>.Stat>.value-container>.value{font-size:.65vw}@media screen and (max-width:1050px){.RainfallCard>.Card>.body>.right>.Stat>.label{font-size:.8rem}.RainfallCard>.Card>.body>.right>.Stat>.value-container>.unit,.RainfallCard>.Card>.body>.right>.Stat>.value-container>.value{font-size:.5rem}.RainfallCard>.Card>.body>.left>.State{font-size:.5rem;width:1vw}.RainfallCard>.Card>.body>.left>svg{height:1rem;justify-self:right;width:1rem}.RainfallCard>.Card>.body>.left>.CurrentValue>.value{font-size:1rem}.RainfallCard>.Card>.body>.left>.CurrentValue>.unit{font-size:1rem;text-align:center}.RainfallCard>.Card>.body>.left>.Bar{min-width:1rem}}.MapCard{--color-grid:var(--color-surface-dark);--color-outside:var(--color-blue);--color-dew-point:var(--color-green);--color-heat-index:var(--color-blue);--color-wind-chill:var(--color-green);--font-size-scales:1rem;--font-size-overlay-values:var(--font-size-1)}.MapCard>.Card{height:100%;padding:1vh 1vw;width:100%}.MapCard>.Card>.body{align-items:center;display:flex;flex:1 1;flex-direction:column;justify-content:center}.MapCard>.Card>.body>.locationform{color:#000;display:flex;flex:1 1;flex-direction:row;gap:1rem}.MapCard>.Card>.body>.locationform>*{color:#000}.MapCard>.Card>.body>.locationform>input[type=number],.MapCard>.Card>.body>.locationform>input[type=text]{width:100%}.MapCard>.Card>.body>.plantation{align-items:left;display:flex;flex:1 1;flex-direction:row;justify-content:center;padding:1vh}.MapCard>.Card>.body>.plantation>.plantationdiv{align-items:center;display:flex;flex:1 1;flex-direction:row;font-size:.8vw;gap:1vh;justify-content:left;padding:5px}.MapCard>.Card>.body>.plantation>.plantationdiv>img{height:2vw}@media screen and (max-width:1050px){.MapCard>.Card>.body>.plantation>.plantationdiv{font-size:1rem}.MapCard>.Card>.body>.plantation>.plantationdiv>img{height:2rem}}.fullscreen-icon{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAQAAAADQ4RFAAAAUklEQVR4AWOgGhgF/8HwPIrYeYgoIU0OKGIOxGm6jyJ2n5Cm8wwOQEUGKGIGQBEHoAwB0AA0FwEbSAgOBBwWmggHBOVBTjhyKU9GhBMslcAoAABPu2Hh6JIyeQAAAABJRU5ErkJggg==)}.leaflet-retina .fullscreen-icon{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADQAAAA0CAQAAABvcdNgAAAAnklEQVR4Ae2WVQEDMRAFn4RIi8OVtBIiIQ7KzO3dlN+8z4MJbEDGGPPXTA+SukQevTlKlCq6RFFSor7RXFR1qkehawTRo9uqIOaoPyTqQ0Wporh76GJdFg+zqbS4odm8s6nAkVQ1Tc+kqQqkano5pKpdFTVhTG8EwyKLwPLmF+xHbkH8psofEx918PFHOX85+YbrFn+B5K/Ef4wxxswAnU97CHDaZQMAAAAASUVORK5CYII=);background-size:26px 26px}.leaflet-container:-ms-fullscreen{height:100%!important;width:100%!important;z-index:99999}.leaflet-container:full-screen{height:100%!important;width:100%!important;z-index:99999}.leaflet-container:-webkit-full-screen{height:100%!important;width:100%!important;z-index:99999}.leaflet-container:fullscreen{height:100%!important;width:100%!important;z-index:99999}.leaflet-pseudo-fullscreen{height:100%!important;left:0!important;position:fixed!important;top:0!important;width:100%!important;z-index:99999}.leaflet-image-layer,.leaflet-layer,.leaflet-marker-icon,.leaflet-marker-shadow,.leaflet-pane,.leaflet-pane>canvas,.leaflet-pane>svg,.leaflet-tile,.leaflet-tile-container,.leaflet-zoom-box{left:0;position:absolute;top:0}.leaflet-container{overflow:hidden}.leaflet-marker-icon,.leaflet-marker-shadow,.leaflet-tile{-webkit-user-drag:none;-webkit-user-select:none;user-select:none}.leaflet-tile::selection{background:transparent}.leaflet-safari .leaflet-tile{image-rendering:-webkit-optimize-contrast}.leaflet-safari .leaflet-tile-container{height:1600px;-webkit-transform-origin:0 0;width:1600px}.leaflet-marker-icon,.leaflet-marker-shadow{display:block}.leaflet-container .leaflet-overlay-pane svg{max-height:none!important;max-width:none!important}.leaflet-container .leaflet-marker-pane img,.leaflet-container .leaflet-shadow-pane img,.leaflet-container .leaflet-tile,.leaflet-container .leaflet-tile-pane img,.leaflet-container img.leaflet-image-layer{max-height:none!important;max-width:none!important;padding:0;width:auto}.leaflet-container.leaflet-touch-zoom{touch-action:pan-x pan-y}.leaflet-container.leaflet-touch-drag{touch-action:none;touch-action:pinch-zoom}.leaflet-container.leaflet-touch-drag.leaflet-touch-zoom{touch-action:none}.leaflet-container{-webkit-tap-highlight-color:transparent}.leaflet-container a{-webkit-tap-highlight-color:rgba(51,181,229,.4)}.leaflet-tile{-webkit-filter:inherit;filter:inherit;visibility:hidden}.leaflet-tile-loaded{visibility:inherit}.leaflet-zoom-box{box-sizing:border-box;height:0;width:0;z-index:800}.leaflet-overlay-pane svg{-moz-user-select:none}.leaflet-pane{z-index:400}.leaflet-tile-pane{z-index:200}.leaflet-overlay-pane{z-index:400}.leaflet-shadow-pane{z-index:500}.leaflet-marker-pane{z-index:600}.leaflet-tooltip-pane{z-index:650}.leaflet-popup-pane{z-index:700}.leaflet-map-pane canvas{z-index:100}.leaflet-map-pane svg{z-index:200}.leaflet-vml-shape{height:1px;width:1px}.lvml{behavior:url(#default#VML);display:inline-block;position:absolute}.leaflet-control{pointer-events:visiblePainted;pointer-events:auto;position:relative;z-index:800}.leaflet-bottom,.leaflet-top{pointer-events:none;position:absolute;z-index:1000}.leaflet-top{top:0}.leaflet-right{right:0}.leaflet-bottom{bottom:0}.leaflet-left{left:0}.leaflet-control{clear:both;float:left}.leaflet-right .leaflet-control{float:right}.leaflet-top .leaflet-control{margin-top:10px}.leaflet-bottom .leaflet-control{margin-bottom:10px}.leaflet-left .leaflet-control{margin-left:10px}.leaflet-right .leaflet-control{margin-right:10px}.leaflet-fade-anim .leaflet-popup{opacity:0;transition:opacity .2s linear}.leaflet-fade-anim .leaflet-map-pane .leaflet-popup{opacity:1}.leaflet-zoom-animated{-webkit-transform-origin:0 0;transform-origin:0 0}svg.leaflet-zoom-animated{will-change:transform}.leaflet-zoom-anim .leaflet-zoom-animated{transition:-webkit-transform .25s cubic-bezier(0,0,.25,1);transition:transform .25s cubic-bezier(0,0,.25,1);transition:transform .25s cubic-bezier(0,0,.25,1),-webkit-transform .25s cubic-bezier(0,0,.25,1)}.leaflet-pan-anim .leaflet-tile,.leaflet-zoom-anim .leaflet-tile{transition:none}.leaflet-zoom-anim .leaflet-zoom-hide{visibility:hidden}.leaflet-interactive{cursor:pointer}.leaflet-grab{cursor:grab}.leaflet-crosshair,.leaflet-crosshair .leaflet-interactive{cursor:crosshair}.leaflet-control,.leaflet-popup-pane{cursor:auto}.leaflet-dragging .leaflet-grab,.leaflet-dragging .leaflet-grab .leaflet-interactive,.leaflet-dragging .leaflet-marker-draggable{cursor:move;cursor:grabbing}.leaflet-image-layer,.leaflet-marker-icon,.leaflet-marker-shadow,.leaflet-pane>svg path,.leaflet-tile-container{pointer-events:none}.leaflet-image-layer.leaflet-interactive,.leaflet-marker-icon.leaflet-interactive,.leaflet-pane>svg path.leaflet-interactive,svg.leaflet-image-layer.leaflet-interactive path{pointer-events:visiblePainted;pointer-events:auto}.leaflet-container{background:#ddd;outline-offset:1px}.leaflet-container a{color:#0078a8}.leaflet-zoom-box{background:hsla(0,0%,100%,.5);border:2px dotted #38f}.leaflet-container{font-family:Helvetica Neue,Arial,Helvetica,sans-serif;font-size:12px;font-size:.75rem;line-height:1.5}.leaflet-bar{border-radius:4px;box-shadow:0 1px 5px rgba(0,0,0,.65)}.leaflet-bar a{background-color:#fff;border-bottom:1px solid #ccc;color:#000;display:block;height:26px;line-height:26px;text-align:center;text-decoration:none;width:26px}.leaflet-bar a,.leaflet-control-layers-toggle{background-position:50% 50%;background-repeat:no-repeat;display:block}.leaflet-bar a:focus,.leaflet-bar a:hover{background-color:#f4f4f4}.leaflet-bar a:first-child{border-top-left-radius:4px;border-top-right-radius:4px}.leaflet-bar a:last-child{border-bottom:none;border-bottom-left-radius:4px;border-bottom-right-radius:4px}.leaflet-bar a.leaflet-disabled{background-color:#f4f4f4;color:#bbb;cursor:default}.leaflet-touch .leaflet-bar a{height:30px;line-height:30px;width:30px}.leaflet-touch .leaflet-bar a:first-child{border-top-left-radius:2px;border-top-right-radius:2px}.leaflet-touch .leaflet-bar a:last-child{border-bottom-left-radius:2px;border-bottom-right-radius:2px}.leaflet-control-zoom-in,.leaflet-control-zoom-out{font:700 18px Lucida Console,Monaco,monospace;text-indent:1px}.leaflet-touch .leaflet-control-zoom-in,.leaflet-touch .leaflet-control-zoom-out{font-size:22px}.leaflet-control-layers{background:#fff;border-radius:5px;box-shadow:0 1px 5px rgba(0,0,0,.4)}.leaflet-control-layers-toggle{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAQAAAADQ4RFAAACf0lEQVR4AY1UM3gkARTePdvdoTxXKc+qTl3aU5U6b2Kbkz3Gtq3Zw6ziLGNPzrYx7946Tr6/ee/XeCQ4D3ykPtL5tHno4n0d/h3+xfuWHGLX81cn7r0iTNzjr7LrlxCqPtkbTQEHeqOrTy4Yyt3VCi/IOB0v7rVC7q45Q3Gr5K6jt+3Gl5nCoDD4MtO+j96Wu8atmhGqcNGHObuf8OM/x3AMx38+4Z2sPqzCxRFK2aF2e5Jol56XTLyggAMTL56XOMoS1W4pOyjUcGGQdZxU6qRh7B9Zp+PfpOFlqt0zyDZckPi1ttmIp03jX8gyJ8a/PG2yutpS/Vol7peZIbZcKBAEEheEIAgFbDkz5H6Zrkm2hVWGiXKiF4Ycw0RWKdtC16Q7qe3X4iOMxruonzegJzWaXFrU9utOSsLUmrc0YjeWYjCW4PDMADElpJSSQ0vQvA1Tm6/JlKnqFs1EGyZiFCqnRZTEJJJiKRYzVYzJck2Rm6P4iH+cmSY0YzimYa8l0EtTODFWhcMIMVqdsI2uiTvKmTisIDHJ3od5GILVhBCarCfVRmo4uTjkhrhzkiBV7SsaqS+TzrzM1qpGGUFt28pIySQHR6h7F6KSwGWm97ay+Z+ZqMcEjEWebE7wxCSQwpkhJqoZA5ivCdZDjJepuJ9IQjGGUmuXJdBFUygxVqVsxFsLMbDe8ZbDYVCGKxs+W080max1hFCarCfV+C1KATwcnvE9gRRuMP2prdbWGowm1KB1y+zwMMENkM755cJ2yPDtqhTI6ED1M/82yIDtC/4j4BijjeObflpO9I9MwXTCsSX8jWAFeHr05WoLTJ5G8IQVS/7vwR6ohirYM7f6HzYpogfS3R2OAAAAAElFTkSuQmCC);height:36px;width:36px}.leaflet-retina .leaflet-control-layers-toggle{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADQAAAA0CAQAAABvcdNgAAAEsklEQVR4AWL4TydIhpZK1kpWOlg0w3ZXP6D2soBtG42jeI6ZmQTHzAxiTbSJsYLjO9HhP+WOmcuhciVnmHVQcJnp7DFvScowZorad/+V/fVzMdMT2g9Cv9guXGv/7pYOrXh2U+RRR3dSd9JRx6bIFc/ekqHI29JC6pJ5ZEh1yWkhkbcFeSjxgx3L2m1cb1C7bceyxA+CNjT/Ifff+/kDk2u/w/33/IeCMOSaWZ4glosqT3DNnNZQ7Cs58/3Ce5HL78iZH/vKVIaYlqzfdLu8Vi7dnvUbEza5Idt36tquZFldl6N5Z/POLof0XLK61mZCmJSWjVF9tEjUluu74IUXvgttuVIHE7YxSkaYhJZam7yiM9Pv82JYfl9nptxZaxMJE4YSPty+vF0+Y2up9d3wwijfjZbabqm/3bZ9ecKHsiGmRflnn1MW4pjHf9oLufyn2z3y1D6n8g8TZhxyzipLNPnAUpsOiuWimg52psrTZYnOWYNDTMuWBWa0tJb4rgq1UvmutpaYEbZlwU3CLJm/ayYjHW5/h7xWLn9Hh1vepDkyf7dE7MtT5LR4e7yYpHrkhOUpEfssBLq2pPhAqoSWKUkk7EDqkmK6RrCEzqDjhNDWNE+XSMvkJRDWlZTmCW0l0PHQGRZY5t1L83kT0Y3l2SItk5JAWHl2dCOBm+fPu3fo5/3v61RMCO9Jx2EEYYhb0rmNQMX/vm7gqOEJLcXTGw3CAuRNeyaPWwjR8PRqKQ1PDA/dpv+on9Shox52WFnx0KY8onHayrJzm87i5h9xGw/tfkev0jGsQizqezUKjk12hBMKJ4kbCqGPVNXudyyrShovGw5CgxsRICxF6aRmSjlBnHRzg7Gx8fKqEubI2rahQYdR1YgDIRQO7JvQyD52hoIQx0mxa0ODtW2Iozn1le2iIRdzwWewedyZzewidueOGqlsn1MvcnQpuVwLGG3/IR1hIKxCjelIDZ8ldqWz25jWAsnldEnK0Zxro19TGVb2ffIZEsIO89EIEDvKMPrzmBOQcKQ+rroye6NgRRxqR4U8EAkz0CL6uSGOm6KQCdWjvjRiSP1BPalCRS5iQYiEIvxuBMJEWgzSoHADcVMuN7IuqqTeyUPq22qFimFtxDyBBJEwNyt6TM88blFHao/6tWWhuuOM4SAK4EI4QmFHA+SEyWlp4EQoJ13cYGzMu7yszEIBOm2rVmHUNqwAIQabISNMRstmdhNWcFLsSm+0tjJH1MdRxO5Nx0WDMhCtgD6OKgZeljJqJKc9po8juskR9XN0Y1lZ3mWjLR9JCO1jRDMd0fpYC2VnvjBSEFg7wBENc0R9HFlb0xvF1+TBEpF68d+DHR6IOWVv2BECtxo46hOFUBd/APU57WIoEwJhIi2CdpyZX0m93BZicktMj1AS9dClteUFAUNUIEygRZCtik5zSxI9MubTBH1GOiHsiLJ3OCoSZkILa9PxiN0EbvhsAo8tdAf9Seepd36lGWHmtNANTv5Jd0z4QYyeo/UEJqxKRpg5LZx6btLPsOaEmdMyxYdlc8LMaJnikDlhclqmPiQnTEpLUIZEwkRagjYkEibQErwhkTAKCLQEbUgkzJQWc/0PstHHcfEdQ+UAAAAASUVORK5CYII=);background-size:26px 26px}.leaflet-touch .leaflet-control-layers-toggle{height:44px;width:44px}.leaflet-control-layers .leaflet-control-layers-list,.leaflet-control-layers-expanded .leaflet-control-layers-toggle{display:none}.leaflet-control-layers-expanded .leaflet-control-layers-list{display:block;position:relative}.leaflet-control-layers-expanded{background:#fff;color:#333;padding:6px 10px 6px 6px}.leaflet-control-layers-scrollbar{overflow-x:hidden;overflow-y:scroll;padding-right:5px}.leaflet-control-layers-selector{margin-top:2px;position:relative;top:1px}.leaflet-control-layers label{display:block;font-size:13px;font-size:1.08333em}.leaflet-control-layers-separator{border-top:1px solid #ddd;height:0;margin:5px -10px 5px -6px}.leaflet-default-icon-path{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAApCAYAAADAk4LOAAAFgUlEQVR4Aa1XA5BjWRTN2oW17d3YaZtr2962HUzbDNpjszW24mRt28p47v7zq/bXZtrp/lWnXr337j3nPCe85NcypgSFdugCpW5YoDAMRaIMqRi6aKq5E3YqDQO3qAwjVWrD8Ncq/RBpykd8oZUb/kaJutow8r1aP9II0WmLKLIsJyv1w/kqw9Ch2MYdB++12Onxee/QMwvf4/Dk/Lfp/i4nxTXtOoQ4pW5Aj7wpici1A9erdAN2OH64x8OSP9j3Ft3b7aWkTg/Fm91siTra0f9on5sQr9INejH6CUUUpavjFNq1B+Oadhxmnfa8RfEmN8VNAsQhPqF55xHkMzz3jSmChWU6f7/XZKNH+9+hBLOHYozuKQPxyMPUKkrX/K0uWnfFaJGS1QPRtZsOPtr3NsW0uyh6NNCOkU3Yz+bXbT3I8G3xE5EXLXtCXbbqwCO9zPQYPRTZ5vIDXD7U+w7rFDEoUUf7ibHIR4y6bLVPXrz8JVZEql13trxwue/uDivd3fkWRbS6/IA2bID4uk0UpF1N8qLlbBlXs4Ee7HLTfV1j54APvODnSfOWBqtKVvjgLKzF5YdEk5ewRkGlK0i33Eofffc7HT56jD7/6U+qH3Cx7SBLNntH5YIPvODnyfIXZYRVDPqgHtLs5ABHD3YzLuespb7t79FY34DjMwrVrcTuwlT55YMPvOBnRrJ4VXTdNnYug5ucHLBjEpt30701A3Ts+HEa73u6dT3FNWwflY86eMHPk+Yu+i6pzUpRrW7SNDg5JHR4KapmM5Wv2E8Tfcb1HoqqHMHU+uWDD7zg54mz5/2BSnizi9T1Dg4QQXLToGNCkb6tb1NU+QAlGr1++eADrzhn/u8Q2YZhQVlZ5+CAOtqfbhmaUCS1ezNFVm2imDbPmPng5wmz+gwh+oHDce0eUtQ6OGDIyR0uUhUsoO3vfDmmgOezH0mZN59x7MBi++WDL1g/eEiU3avlidO671bkLfwbw5XV2P8Pzo0ydy4t2/0eu33xYSOMOD8hTf4CrBtGMSoXfPLchX+J0ruSePw3LZeK0juPJbYzrhkH0io7B3k164hiGvawhOKMLkrQLyVpZg8rHFW7E2uHOL888IBPlNZ1FPzstSJM694fWr6RwpvcJK60+0HCILTBzZLFNdtAzJaohze60T8qBzyh5ZuOg5e7uwQppofEmf2++DYvmySqGBuKaicF1blQjhuHdvCIMvp8whTTfZzI7RldpwtSzL+F1+wkdZ2TBOW2gIF88PBTzD/gpeREAMEbxnJcaJHNHrpzji0gQCS6hdkEeYt9DF/2qPcEC8RM28Hwmr3sdNyht00byAut2k3gufWNtgtOEOFGUwcXWNDbdNbpgBGxEvKkOQsxivJx33iow0Vw5S6SVTrpVq11ysA2Rp7gTfPfktc6zhtXBBC+adRLshf6sG2RfHPZ5EAc4sVZ83yCN00Fk/4kggu40ZTvIEm5g24qtU4KjBrx/BTTH8ifVASAG7gKrnWxJDcU7x8X6Ecczhm3o6YicvsLXWfh3Ch1W0k8x0nXF+0fFxgt4phz8QvypiwCCFKMqXCnqXExjq10beH+UUA7+nG6mdG/Pu0f3LgFcGrl2s0kNNjpmoJ9o4B29CMO8dMT4Q5ox8uitF6fqsrJOr8qnwNbRzv6hSnG5wP+64C7h9lp30hKNtKdWjtdkbuPA19nJ7Tz3zR/ibgARbhb4AlhavcBebmTHcFl2fvYEnW0ox9xMxKBS8btJ+KiEbq9zA4RthQXDhPa0T9TEe69gWupwc6uBUphquXgf+/FrIjweHQS4/pduMe5ERUMHUd9xv8ZR98CxkS4F2n3EUrUZ10EYNw7BWm9x1GiPssi3GgiGRDKWRYZfXlON+dfNbM+GgIwYdwAAAAASUVORK5CYII=)}.leaflet-container .leaflet-control-attribution{background:#fff;background:hsla(0,0%,100%,.8);margin:0}.leaflet-control-attribution,.leaflet-control-scale-line{color:#333;line-height:1.4;padding:0 5px}.leaflet-control-attribution a{text-decoration:none}.leaflet-control-attribution a:focus,.leaflet-control-attribution a:hover{text-decoration:underline}.leaflet-attribution-flag{display:inline!important;height:.6669em;vertical-align:initial!important;width:1em}.leaflet-left .leaflet-control-scale{margin-left:5px}.leaflet-bottom .leaflet-control-scale{margin-bottom:5px}.leaflet-control-scale-line{background:hsla(0,0%,100%,.8);border:2px solid #777;border-top:none;box-sizing:border-box;line-height:1.1;padding:2px 5px 1px;text-shadow:1px 1px #fff;white-space:nowrap}.leaflet-control-scale-line:not(:first-child){border-bottom:none;border-top:2px solid #777;margin-top:-2px}.leaflet-control-scale-line:not(:first-child):not(:last-child){border-bottom:2px solid #777}.leaflet-touch .leaflet-bar,.leaflet-touch .leaflet-control-attribution,.leaflet-touch .leaflet-control-layers{box-shadow:none}.leaflet-touch .leaflet-bar,.leaflet-touch .leaflet-control-layers{background-clip:padding-box;border:2px solid rgba(0,0,0,.2)}.leaflet-popup{margin-bottom:20px;position:absolute;text-align:center}.leaflet-popup-content-wrapper{border-radius:12px;padding:1px;text-align:left}.leaflet-popup-content{font-size:13px;font-size:1.08333em;line-height:1.3;margin:13px 24px 13px 20px;min-height:1px}.leaflet-popup-content p{margin:1.3em 0}.leaflet-popup-tip-container{height:20px;left:50%;margin-left:-20px;margin-top:-1px;overflow:hidden;pointer-events:none;position:absolute;width:40px}.leaflet-popup-tip{height:17px;margin:-10px auto 0;padding:1px;pointer-events:auto;-webkit-transform:rotate(45deg);transform:rotate(45deg);width:17px}.leaflet-popup-content-wrapper,.leaflet-popup-tip{background:#fff;box-shadow:0 3px 14px rgba(0,0,0,.4);color:#333}.leaflet-container a.leaflet-popup-close-button{background:transparent;border:none;color:#757575;font:16px/24px Tahoma,Verdana,sans-serif;height:24px;position:absolute;right:0;text-align:center;text-decoration:none;top:0;width:24px}.leaflet-container a.leaflet-popup-close-button:focus,.leaflet-container a.leaflet-popup-close-button:hover{color:#585858}.leaflet-popup-scrolled{overflow:auto}.leaflet-oldie .leaflet-popup-content-wrapper{-ms-zoom:1}.leaflet-oldie .leaflet-popup-tip{-ms-filter:"progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)";filter:progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678,M12=0.70710678,M21=-0.70710678,M22=0.70710678);margin:0 auto;width:24px}.leaflet-oldie .leaflet-control-layers,.leaflet-oldie .leaflet-control-zoom,.leaflet-oldie .leaflet-popup-content-wrapper,.leaflet-oldie .leaflet-popup-tip{border:1px solid #999}.leaflet-div-icon{background:#fff;border:1px solid #666}.leaflet-tooltip{background-color:#fff;border:1px solid #fff;border-radius:3px;box-shadow:0 1px 3px rgba(0,0,0,.4);color:#222;padding:6px;pointer-events:none;position:absolute;-webkit-user-select:none;user-select:none;white-space:nowrap}.leaflet-tooltip.leaflet-interactive{cursor:pointer;pointer-events:auto}.leaflet-tooltip-bottom:before,.leaflet-tooltip-left:before,.leaflet-tooltip-right:before,.leaflet-tooltip-top:before{background:transparent;border:6px solid transparent;content:"";pointer-events:none;position:absolute}.leaflet-tooltip-bottom{margin-top:6px}.leaflet-tooltip-top{margin-top:-6px}.leaflet-tooltip-bottom:before,.leaflet-tooltip-top:before{left:50%;margin-left:-6px}.leaflet-tooltip-top:before{border-top-color:#fff;bottom:0;margin-bottom:-12px}.leaflet-tooltip-bottom:before{border-bottom-color:#fff;margin-left:-6px;margin-top:-12px;top:0}.leaflet-tooltip-left{margin-left:-6px}.leaflet-tooltip-right{margin-left:6px}.leaflet-tooltip-left:before,.leaflet-tooltip-right:before{margin-top:-6px;top:50%}.leaflet-tooltip-left:before{border-left-color:#fff;margin-right:-12px;right:0}.leaflet-tooltip-right:before{border-right-color:#fff;left:0;margin-left:-12px}@media print{.leaflet-control{-webkit-print-color-adjust:exact;print-color-adjust:exact}}.HomeSoil>.HomeSkeleton>.body>.parameters>*>*>.Card{height:100%;width:100%}.HomeSoil>.HomeSkeleton>.body>.parameters{gap:.1vw;grid-template-rows:repeat(2,1fr);height:80%;min-height:40rem;width:100%}.HomeSoil>.HomeSkeleton>.body>.parameters>.portable{grid-column:span 2}.HomeSoil>.HomeSkeleton>.body>.parameters>.portable>*>.Card>*>.GaugeChart{width:20vw}.HomeSoil>.HomeSkeleton>.body>.parameters>*>.GaugeCard,.HomeSoil>.HomeSkeleton>.body>.parameters>*>.GaugeCard>.Card,.HomeSoil>.HomeSkeleton>.body>.parameters>*>.StraightGaugeCard,.HomeSoil>.HomeSkeleton>.body>.parameters>*>.StraightGaugeCard>.Card{height:100%;width:100%}.HomeSoil>.HomeSkeleton>.body>.parameters>.abnormal>*>.Card{background-color:brown}.HomeSoil>.HomeSkeleton>.body>.parameters>*>*>.Card>.title{font-size:1vw}.HomeSoil>.HomeSkeleton>.body>.parameters>*>*>.Card>*>.GaugeChart{width:10vw}.HomeSoil>.HomeSkeleton>.body>.parameters>*>*>.Card>*>.StraightGauge.vertical>.bar{height:100%;width:2vw}.HomeSoil>.HomeSkeleton>.body>.parameters>*>*>.Card>*>.StraightGauge.vertical{height:100%}.HomeSoil>.HomeSkeleton>.body>.MapCard{grid-column:span 2;height:100%;min-height:40rem;width:100%}.HomeSoil>.HomeSkeleton>.header>.OnlineStatusHeaderCard{background:var(--color-surface);border-radius:1rem;display:flex;grid-column:span 2;justify-content:space-between;padding:1rem}.HomeSoil>.HomeSkeleton>.header>.OnlineStatusHeaderCard.low{background:var(--color-red)}.HomeSoil>.HomeSkeleton>.header>.OnlineStatusHeaderCard.normal{background:var(--color-green)}.HomeSoil>.HomeSkeleton>.header>.OnlineStatusHeaderCard>.left{display:flex;flex-direction:column;justify-content:space-between}.HomeSoil>.HomeSkeleton>.header>.OnlineStatusHeaderCard>.left>.title{font-size:var(--font-size-3)}.HomeSoil>.HomeSkeleton>.header>.OnlineStatusHeaderCard>.left>.value{font-size:var(--font-size-2)}.HomeSoil>.HomeSkeleton>.header>.OnlineStatusHeaderCard>svg{align-self:center;height:2rem;width:2rem}@media screen and (max-width:950px){.HomeSoil>.HomeSkeleton>.body>.MapCard{grid-column:span 1;height:40rem}.HomeSoil>.HomeSkeleton>.body{display:grid;grid-template-columns:repeat(1,1fr);grid-template-rows:repeat(2,1fr);min-height:120rem;width:100%}.HomeSoil>.HomeSkeleton>.body>.parameters{grid-gap:.25rem;display:grid;gap:.25rem;grid-template-columns:repeat(2,1fr)}.HomeSoil>.HomeSkeleton>.body>.parameters>.portable>*>.Card>*>.GaugeChart{width:20rem}.HomeSoil>.HomeSkeleton>.body>.parameters>*>*>.Card>.title{font-size:1rem}.HomeSoil>.HomeSkeleton>.body>.parameters>*>*>.Card>*>.GaugeChart{min-width:10rem}.HomeSoil>.HomeSkeleton>.body>.parameters>*>*>.Card>*>.StraightGauge.vertical>.bar{height:100%;width:2vw}.HomeSoil>.HomeSkeleton>.body>.parameters>*>*>.Card>*>.StraightGauge.vertical{height:100%}.HomeSoil>.HomeSkeleton>.body>.MapCard{grid-column:span 2;height:100%;min-height:40rem;width:100%}.HomeSoil>.HomeSkeleton>.header>.OnlineStatusHeaderCard{background:var(--color-surface);border-radius:1rem;display:flex;grid-column:span 2;justify-content:space-between;padding:1rem}.HomeSoil>.HomeSkeleton>.header>.OnlineStatusHeaderCard.low{background:var(--color-red)}.HomeSoil>.HomeSkeleton>.header>.OnlineStatusHeaderCard.normal{background:var(--color-green)}.HomeSoil>.HomeSkeleton>.header>.OnlineStatusHeaderCard>.left{display:flex;flex-direction:column;justify-content:space-between}.HomeSoil>.HomeSkeleton>.header>.OnlineStatusHeaderCard>.left>.title{font-size:var(--font-size-3)}.HomeSoil>.HomeSkeleton>.header>.OnlineStatusHeaderCard>.left>.value{font-size:var(--font-size-2)}.HomeSoil>.HomeSkeleton>.header>.OnlineStatusHeaderCard>svg{align-self:center;height:2rem;width:2rem}}.HomeLivestock>.HomeSkeleton>.body>.MapCard{grid-column:span 3;height:85vh;min-height:40rem;width:100%}.HomeLivestock>.HomeSkeleton>.header{display:grid;grid-template-columns:repeat(1,1fr)}.HomeLivestock>.HomeSkeleton>.header>.LastUpdatedTimeHeaderCard{height:10vh}.HomeLivestock>.HomeSkeleton>.body>*>.GaugeCard>.Card>.body>.GaugeChart,.HomeLivestock>.HomeSkeleton>.body>*>.StraightGaugeCard>.Card>.body>.StraightGauge{width:18rem}@media screen and (max-width:950px){.HomeLivestock>.HomeSkeleton>.body>.MapCard{height:40rem;max-width:30rem;width:100%}}.HomeDevices>.HomeSkeleton>.body>.Card>.body>.deviceinfo{align-items:left;display:flex;flex:1 1;flex-direction:column;gap:.5rem;justify-content:center}.HomeDevices>.HomeSkeleton>.body>.Card>.body{align-items:left;display:flex;flex:1 1;flex-direction:row;font-size:1.2vw;gap:.1rem;justify-content:center}.HomeDevices>.HomeSkeleton>.body>.Card>.title{font-size:1.5vw}.HomeDevices>.HomeSkeleton>.body>.Card>.body>img{font-size:1vw;height:18vh;padding-right:2vw}.HomeDevices>.HomeSkeleton>.body{grid-gap:.5vw;display:grid;flex-direction:row;gap:.5vw;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr);min-height:45rem}@media screen and (max-width:950px){.HomeDevices>.body{grid-template-columns:1fr}.HomeDevices>.HomeSkeleton>.body>.Card>.title{font-size:1.2rem}.HomeDevices>.HomeSkeleton>.body>.Card>.body>img{max-height:4.5rem}.HomeDevices>.HomeSkeleton>.body>.Card>.body{font-size:.8rem}}.ChartWeather>.ChartSkeleton{height:100%;width:100%}.ChartSkeleton{display:flex;flex-direction:column;gap:var(--card-gap)}.ChartSkeleton>*,.ChartSkeleton>*>*{flex-shrink:0}.ChartSkeleton>.header{grid-gap:.5vw;display:grid;gap:.5vw;grid-template-columns:repeat(2,1fr)}.ChartSkeleton>.header>*{flex:1 1;height:100%;width:100%}.ChartSkeleton>.body{display:flex;flex:1 1;flex-direction:column;gap:var(--card-gap)}.ChartSkeleton>.body>.bottom{display:flex;flex-wrap:wrap;gap:var(--card-gap)}.ChartSkeleton>.body>.bottom>.ChartStatisticsCard{flex:1 1}@media screen and (max-height:900px),screen and (max-width:600px){.ChartSkeleton>.header{grid-gap:.5vw;display:grid;gap:.5vw;grid-template-columns:repeat(1,1fr)}.ChartSkeleton>.body{min-height:max(90vh,30rem)}}@media screen and (max-width:600px){.ChartSkeleton>.header>.HistoricTimeSelectHeaderCard{flex-direction:column;height:auto}.ChartSkeleton>.body>.HistoricChartCard{overflow-x:scroll}.ChartSkeleton>.body>.HistoricChartCard>.Overlay>.children-container{min-width:210%}.ChartSkeleton>.body>.bottom{flex-direction:column}}.HistoricTimeSelectHeaderCard{background:var(--color-surface)}.HistoricTimeSelectHeaderCard,.white-content .HistoricTimeSelectHeaderCard{border-radius:1rem;display:flex;gap:1rem;min-width:-webkit-max-content;min-width:max-content;padding:1rem}.white-content .HistoricTimeSelectHeaderCard{background:var(--color-surface-light)}.HistoricTimeSelectHeaderCard>.StartTime,.HistoricTimeSelectHeaderCard>.right>.Duration{display:flex;flex-direction:column;justify-content:space-between}.HistoricTimeSelectHeaderCard>.StartTime{width:16vw}.HistoricTimeSelectHeaderCard>.StartTime>.top{display:flex;justify-content:space-between}.HistoricTimeSelectHeaderCard>.StartTime>.top>.label,.HistoricTimeSelectHeaderCard>.right>.Duration>.label{font-size:var(--font-size-3)}.HistoricTimeSelectHeaderCard>.StartTime>.top>.usage-message{align-self:flex-end;color:grey;font-size:2vh}.HistoricTimeSelectHeaderCard>.StartTime>input,.HistoricTimeSelectHeaderCard>.right>.Duration>select{background:var(--color-surface-dark);border:none;border-radius:1rem;font-size:var(--font-size-3);height:5vh;min-height:2rem;outline:none;padding:0 .5rem;width:100%}.white-content .HistoricTimeSelectHeaderCard>.StartTime>input,.white-content .HistoricTimeSelectHeaderCard>.right>.Duration>select{background:var(--color-surface-lighter);border:none;border-radius:1rem;font-size:var(--font-size-3);height:5vh;outline:none;padding:0 .5rem;width:100%}.HistoricTimeSelectHeaderCard>.StartTime>input::-webkit-calendar-picker-indicator{cursor:pointer;-webkit-filter:invert(1);filter:invert(1)}.HistoricTimeSelectHeaderCard>.right{display:flex;gap:inherit}.HistoricTimeSelectHeaderCard>.right>.Duration>select{cursor:pointer}.HistoricTimeSelectHeaderCard>.right>.Duration>select:disabled{cursor:default}.HistoricTimeSelectHeaderCard>.right>.UpdateButton{align-self:center;background:transparent;border:none;border-radius:1rem;cursor:pointer;height:4vw;margin-left:auto;padding:0;width:4vw}.HistoricTimeSelectHeaderCard>.right>.UpdateButton:disabled{cursor:default;opacity:.5}.HistoricTimeSelectHeaderCard>.right>.UpdateButton:not(:disabled):hover{background:var(--color-primary-translucent)}.HistoricTimeSelectHeaderCard>.right>.UpdateButton:not(:disabled):active{background:var(--color-primary)}.HistoricTimeSelectHeaderCard>.right>.UpdateButton>svg{height:3vw;width:3vw}@media screen and (max-width:600px){.HistoricTimeSelectHeaderCard>.StartTime{min-width:20rem}.HistoricTimeSelectHeaderCard>.right>.UpdateButton,.HistoricTimeSelectHeaderCard>.right>.UpdateButton>svg{height:3rem;width:3rem}}.DataTypeSelectHeaderCard{background:var(--color-surface)}.DataTypeSelectHeaderCard,.white-content .DataTypeSelectHeaderCard{border-radius:1rem;display:flex;flex-direction:column;justify-content:space-between;min-width:-webkit-max-content;min-width:max-content;padding:1rem}.white-content .DataTypeSelectHeaderCard{background:var(--color-surface-light)}.DataTypeSelectHeaderCard>.label{font-size:var(--font-size-3)}.DataTypeSelectHeaderCard>select{background:var(--color-surface-dark);height:5vh;min-height:2rem}.DataTypeSelectHeaderCard>select,.white-content .DataTypeSelectHeaderCard>select{border:none;border-radius:1rem;cursor:pointer;font-size:var(--font-size-3);outline:none;padding:0 .5rem;width:100%}.white-content .DataTypeSelectHeaderCard>select{background:var(--color-surface-lighter);height:3rem}.HistoricChartCard{--color-grid:var(--color-surface-dark);--color-bar:var(--color-secondary);--color-line:#00e7c1;background:var(--color-surface);border:1px solid var(--color-surface);border-radius:1rem;flex:1 1;padding:1rem}.white-content .HistoricChartCard{--color-grid:var(--color-surface-light);--color-line:var(--color-secondary);background:#e9e9e9;border:1px solid var(--color-surface-light);border-radius:1rem;flex:1 1;padding:1rem}.HistoricChartCard>.Overlay,.HistoricChartCard>.Overlay>*{height:100%;width:100%}.HistoricChartCard>.Overlay{position:relative}.HistoricChartCard>.Overlay>.state-element-container{align-items:center;display:flex;justify-content:center;position:absolute}.HistoricChartCard>.Overlay>.children-container.translucent{opacity:.1}.HistoricChartCard>.Overlay>.state-element-container>.message{align-items:center;display:flex;font-size:var(--font-size-3);gap:1ch}.HistoricChartCard>.Overlay>.state-element-container>.message>svg{height:3rem;width:3rem}.HistoricChartCard>.Overlay>.state-element-container>.spinner{-webkit-animation:spin 1s linear infinite;animation:spin 1s linear infinite;border-color:transparent #fff;border-radius:100%;border-style:solid;border-width:2px;height:4rem;width:4rem}.HistoricChartCard>.Overlay>.children-container>.ChartJsResponsive{height:100%;width:100%}.ChartStatisticsCard{background:var(--color-surface);border:1px solid var(--color-surface);border-radius:1rem}.ChartStatisticsCard,.white-content .ChartStatisticsCard{display:flex;flex-direction:column;gap:.5rem;padding:1rem}.white-content .ChartStatisticsCard{background:var(--color-surface-light);border:1px solid var(--color-surface-light);border-radius:1rem}.ChartStatisticsCard>.title{font-size:var(--font-size-3)}.ChartStatisticsCard>.body>.Stat{display:flex;font-size:var(--font-size-3)}.ChartStatisticsCard>.body>.Stat>.label{width:7vw}@media screen and (max-width:600px){.ChartStatisticsCard>.body>.Stat>.label{min-width:10rem}}.CsvDownloadCard{background:var(--color-surface);border:1px solid var(--color-surface);border-radius:1rem;display:flex;flex-direction:column;padding:1rem}.white-content .CsvDownloadCard{background:var(--color-surface-light);border:1px solid var(--color-surface-light);border-radius:1rem;display:flex;flex-direction:column;padding:1rem}.CsvDownloadCard>.title{font-size:var(--font-size-3)}.CsvDownloadCard>.body{align-items:center;display:flex;flex:1 1;justify-content:center}.CsvDownloadCard>.body>button{background:none;border:none;border-radius:1rem;cursor:pointer;height:4rem;padding:0;width:4rem}.CsvDownloadCard>.body>button>*{height:100%;width:100%}.CsvDownloadCard>.body>button:disabled{cursor:default;opacity:.25}.CsvDownloadCard>.body>button:not(:disabled):hover{background:var(--color-primary-translucent)}.white-content .CsvDownloadCard>.body>button:not(:disabled):hover{background:var(--color-primary-light-translucent)}.CsvUploadCard{background:var(--color-surface);border:1px solid var(--color-surface);border-radius:1rem}.CsvUploadCard,.white-content .CsvUploadCard{display:flex;flex-direction:column;padding:1rem}.white-content .CsvUploadCard{background:var(--color-surface-light);border:1px solid var(--color-surface-light);border-radius:1rem}.CsvUploadCard>.title{font-size:var(--font-size-3)}.CsvUploadCard>.body{flex:1 1}.CsvUploadCard>.body,.CsvUploadCard>.message{align-items:center;display:flex;justify-content:center}.CsvUploadCard>.message{color:green;font-size:1.2vw}.CsvUploadCard>.message.abnormal{color:red}.CsvUploadCard>.body>button{background:none;border:none;border-radius:1rem;cursor:pointer;height:4rem;padding:0;width:4rem}.CsvUploadCard>.body>button:disabled{cursor:default;opacity:.25}.CsvUploadCard>.body>button:not(:disabled):hover{background:var(--color-primary-translucent)}.white-content .CsvUploadCard>.body>button:not(:disabled):hover{background:var(--color-primary-light-translucent)}.ChartSoil>.ChartSkeleton{height:100%;width:100%}.toggle{--width:200px;--height:calc(var(--width)/3);border-radius:1rem;cursor:pointer;display:inline-block;height:var(--height);left:30px;position:relative;width:var(--width)}.toggle input{display:none}.toggle .labels{border-radius:1rem;font-family:sans-serif;font-size:12px;height:100%;left:-10%;overflow:hidden;position:absolute;top:70%;transition:all .4s ease-in-out;width:100%}.toggle .labels:after{background-color:var( --color-orange);content:attr(data-soil);left:calc(var(--width)*-1);text-align:center}.toggle .labels:after,.toggle .labels:before{align-items:center;color:#fff;display:flex;font-size:25px;height:100%;justify-content:center;position:absolute;top:0;transition:all .4s ease-in-out;width:100%}.toggle .labels:before{background-color:var( --color-green);content:attr(data-weather);left:0}.toggle input:checked~.labels:after,.toggle input:checked~.labels:before{-webkit-transform:translateX(var(--width));transform:translateX(var(--width))}@media screen and (max-width:950px){.toggle{--width:10rem;--height:calc(var(--width)/3);border-radius:1rem;cursor:pointer;display:inline-block;height:var(--height);left:1.8rem;position:relative;top:5rem;-webkit-transform:rotate(270deg);transform:rotate(270deg);width:var(--width)}}.AnovaWeather>.AnovaSkeleton{height:100%;width:100%}.AnovaSkeleton{display:flex;flex-direction:column;gap:var(--card-gap)}.AnovaSkeleton>*,.AnovaSkeleton>*>*{flex-shrink:0}.AnovaSkeleton>.header{grid-gap:var(--card-gap);display:grid;gap:var(--card-gap);grid-template-columns:repeat(2,1fr)}.AnovaSkeleton>.header>*{flex:1 1;height:100%;min-height:5rem;width:100%}.AnovaSkeleton>.body{grid-gap:var(--card-gap);display:grid;gap:var(--card-gap);grid-template-columns:repeat(2,1fr)}.AnovaSkeleton>.body>*{flex:1 1;max-width:100%;min-width:40%}@media screen and (max-width:1200px){.AnovaSkeleton{width:100%}.AnovaSkeleton>.header{grid-gap:var(--card-gap);display:grid;gap:var(--card-gap);grid-template-columns:repeat(1,1fr)}.AnovaSkeleton>.body{display:grid;flex-direction:column;grid-template-columns:1fr}.AnovaSkeleton>.header>.HistoricTimeSelectHeaderCard{flex-direction:row;height:auto}.AnovaSkeleton>.bottom{flex:1 1;flex-direction:column;flex-wrap:wrap;gap:var(--card-gap);margin-top:0}}.AnovaInfoCard{background:var(--color-surface);border:1px solid var(--color-surface);border-radius:1rem;height:100%}.AnovaInfoCard,.white-content .AnovaInfoCard{display:flex;flex-direction:column;gap:.5rem;padding:1rem}.white-content .AnovaInfoCard{background:var(--color-surface-light);border:1px solid var(--color-surface-light);border-radius:1rem}.AnovaInfoCard>.title{font-size:2vw;font-weight:700}.AnovaInfoCard>.body>.Stat{display:flex;font-size:var(--font-size-3)}.AnovaInfoCard>.body>.Stat>.label{width:7vw}.AnovaInfoCard>.body{font-size:var(--font-size-3)}.AnovaInfoCard>.body .category{font-weight:700}.AnovaTimeSelect1{background:var(--color-surface)}.AnovaTimeSelect1,.white-content .AnovaTimeSelect1{border-radius:1rem;display:flex;gap:1rem;min-width:-webkit-max-content;min-width:max-content;padding:1rem}.white-content .AnovaTimeSelect1{background:var(--color-surface-light)}.AnovaTimeSelect1>.StartTime,.AnovaTimeSelect1>.right>.Duration{display:flex;flex-direction:column;justify-content:space-between}.AnovaTimeSelect1>.StartTime{width:16rem}.AnovaTimeSelect1>.StartTime>.top{display:flex;justify-content:space-between}.AnovaTimeSelect1>.StartTime>.top>.label,.AnovaTimeSelect1>.right>.Duration>.label{font-size:var(--font-size-3)}.AnovaTimeSelect1>.StartTime>.top>.usage-message{align-self:flex-end;color:grey}.AnovaTimeSelect1>.StartTime>input,.AnovaTimeSelect1>.right>.Duration>select{background:var(--color-surface-dark);border:none;border-radius:1rem;font-size:var(--font-size-3);height:3rem;outline:none;padding:0 .5rem;width:100%}.white-content .AnovaTimeSelect1>.StartTime>input,.white-content .AnovaTimeSelect1>.right>.Duration>select{background:var(--color-surface-lighter);border:none;border-radius:1rem;font-size:var(--font-size-3);height:3rem;outline:none;padding:0 .5rem;width:100%}.AnovaTimeSelect1>.StartTime>input::-webkit-calendar-picker-indicator{cursor:pointer;-webkit-filter:invert(1);filter:invert(1)}.AnovaTimeSelect1>.right{display:flex;gap:inherit}.AnovaTimeSelect1>.right>.Duration>select{cursor:pointer}.AnovaTimeSelect1>.right>.Duration>select:disabled{cursor:default}.AnovaTimeSelect1>.right>.UpdateButton{align-self:center;background:transparent;border:none;border-radius:1rem;cursor:pointer;height:4rem;margin-left:auto;padding:0;width:4rem}.AnovaTimeSelect1>.right>.UpdateButton:disabled{cursor:default;opacity:.5}.AnovaTimeSelect1>.right>.UpdateButton:not(:disabled):hover{background:var(--color-primary-translucent)}.AnovaTimeSelect1>.right>.UpdateButton:not(:disabled):active{background:var(--color-primary)}.AnovaTimeSelect1>.right>.UpdateButton>svg{height:3rem;width:3rem}.AnovaTreatCard{background:var(--color-surface);border:1px solid var(--color-surface);border-radius:1rem}.AnovaTreatCard,.white-content .AnovaTreatCard{display:flex;flex-direction:column;gap:.5rem;padding:1rem}.white-content .AnovaTreatCard{background:var(--color-surface-light);border:1px solid var(--color-surface-light);border-radius:1rem}.white-content .AnovaTreatCard>.body>.UpdateButton>.whiteupdate{display:none}.white-content .AnovaTreatCard>.body>.UpdateButton>.darkupdate{display:block}.AnovaTreatCard>.body>.UpdateButton>.darkupdate{display:none}.AnovaTreatCard>.body>.Stat,.AnovaTreatCard>.title{font-size:var(--font-size-3)}.AnovaTreatCard>.body>.Stat{display:flex}.AnovaTreatCard>.body>.Stat>.label{width:7vw}.AnovaTreatCard>.body>.UpdateButton{align-self:center;background:transparent;border:none;border-radius:1rem;cursor:pointer;height:1rem;margin-left:auto;padding:0;width:1rem}.AnovaTreatCard>.body>.UpdateButton>*>*{height:3vw;width:3vw}@media screen and (max-width:600px){.AnovaTreatCard>.body>.Stat>.label{min-width:10rem}.AnovaTreatCard>.body>.UpdateButton>*>*{height:2rem;width:2rem}}.AnovaSoil>.AnovaSkeleton,.RegressionWeather>.RegressionSkeleton{height:100%;width:100%}.RegSkeleton{display:flex;flex-direction:column;gap:var(--card-gap);height:100%}.RegSkeleton>*,.RegSkeleton>*>*{flex-shrink:0}.RegSkeleton>.header{grid-gap:.5vw;display:grid;gap:.5vw;grid-template-columns:repeat(2,1fr)}.RegSkeleton>.header>.time{grid-column:span 2}.RegSkeleton>.header>.time>*>*{flex:1 1;flex-grow:1}.RegSkeleton>.body{display:flex;flex:1 1;flex-direction:column;gap:var(--card-gap)}.RegSkeleton>.bottom{display:flex;flex-wrap:wrap;gap:var(--card-gap)}.RegSkeleton>.bottom>.RegressionInfoCard{flex:1 1}.RegSkeleton>.bottom>.RegressionInfoCard>.title{font-size:2vw;font-weight:700}.RegSkeleton>.bottom>.RegressionInfoCard>.body{font-size:1.2vw}@media screen and (max-height:900px),screen and (max-width:600px){.RegSkeleton>.body{min-height:max(90vh,30rem)}}@media screen and (max-width:600px){.RegSkeleton>.header{grid-gap:.5vw;display:grid;gap:.5vw;grid-template-columns:repeat(1,1fr)}.RegSkeleton>.header>.time{grid-column:span 1}.RegSkeleton>.header>.data{display:flex;flex:1 1;flex-direction:column;gap:var(--card-gap)}.RegSkeleton>.body>.RegressionChartCard{overflow-x:scroll}.RegSkeleton>.body>.RegressionChartCard>.Overlay>.children-container{min-width:210%}.RegSkeleton>.bottom{flex-direction:column}.RegSkeleton>.bottom>.RegressionInfoCard>.body{font-size:1rem}.RegSkeleton>.bottom>.RegressionInfoCard>.title{font-size:1.5rem;font-weight:700}}.RegTimeSelectHeaderCard{background:var(--color-surface);border-radius:1rem;display:flex;gap:1rem;min-width:-webkit-max-content;min-width:max-content;padding:1rem}.RegTimeSelectHeaderCard>*{margin-left:auto;margin-right:auto}.white-content .RegTimeSelectHeaderCard{background:var(--color-surface-light);border-radius:1rem;display:flex;gap:1rem;min-width:-webkit-max-content;min-width:max-content;padding:1rem}.RegTimeSelectHeaderCard>.StartTime,.RegTimeSelectHeaderCard>.right>.Duration{display:flex;flex-direction:column;justify-content:space-between}.RegTimeSelectHeaderCard>.StartTime{width:16rem}.RegTimeSelectHeaderCard>.StartTime>.top{display:flex;justify-content:space-between}.RegTimeSelectHeaderCard>.StartTime>.top>.label,.RegTimeSelectHeaderCard>.right>.Duration>.label{font-size:var(--font-size-3)}.RegTimeSelectHeaderCard>.StartTime>.top>.usage-message{align-self:flex-end;color:grey;font-size:1vw}.RegTimeSelectHeaderCard>.StartTime>input,.RegTimeSelectHeaderCard>.right>.Duration>select{background:var(--color-surface-dark);border:none;border-radius:1rem;font-size:var(--font-size-3);height:6vh;min-width:2rem;outline:none;padding:0 .5rem;width:100%}.white-content .RegTimeSelectHeaderCard>.StartTime>input,.white-content .RegTimeSelectHeaderCard>.right>.Duration>select{background:var(--color-surface-lighter);border:none;border-radius:1rem;font-size:var(--font-size-3);height:3rem;outline:none;padding:0 .5rem;width:100%}.RegTimeSelectHeaderCard>.StartTime>input::-webkit-calendar-picker-indicator{cursor:pointer;-webkit-filter:invert(1);filter:invert(1)}.RegTimeSelectHeaderCard>.right{display:flex;gap:inherit}.RegTimeSelectHeaderCard>.right>.Duration>select{cursor:pointer;width:21rem}.RegTimeSelectHeaderCard>.right>.Duration>select:disabled{cursor:default}.RegTimeSelectHeaderCard>.right>.UpdateButton{align-self:center;background:transparent;border:none;border-radius:1rem;cursor:pointer;height:3vw;margin-left:auto;padding:0;width:3vw}.RegTimeSelectHeaderCard>.right>.UpdateButton:disabled{cursor:default;opacity:.5}.RegTimeSelectHeaderCard>.right>.UpdateButton:not(:disabled):hover{background:var(--color-primary-translucent)}.RegTimeSelectHeaderCard>.right>.UpdateButton:not(:disabled):active{background:var(--color-primary)}.RegTimeSelectHeaderCard>.right>.UpdateButton>svg{height:3vw;width:3vw}@media screen and (max-height:900px),screen and (max-width:600px){.RegTimeSelectHeaderCard>.right>.Duration>select{cursor:pointer;width:100%}.RegTimeSelectHeaderCard>.right>.UpdateButton>svg{height:3rem;width:3rem}.RegTimeSelectHeaderCard>.StartTime>.top>.usage-message{font-size:.7rem}.RegTimeSelectHeaderCard>.right>.UpdateButton{align-self:center;height:3rem;width:3rem}}.RegressionChartCard{--color-grid:var(--color-surface-dark);--color-line:var(--color-secondary);background:var(--color-surface);border:1px solid var(--color-surface);border-radius:1rem;flex:1 1;padding:1rem}.white-content .RegressionChartCard{--color-grid:var(--color-surface-light);--color-line:var(--color-secondary);background:#e9e9e9;border:1px solid var(--color-surface-light);border-radius:1rem;flex:1 1;padding:1rem}.RegressionChartCard>.Overlay,.RegressionChartCard>.Overlay>*{height:100%;width:100%}.RegressionChartCard>.Overlay{position:relative}.RegressionChartCard>.Overlay>.state-element-container{align-items:center;display:flex;justify-content:center;position:absolute}.RegressionChartCard>.Overlay>.children-container.translucent{opacity:.1}.RegressionChartCard>.Overlay>.state-element-container>.message{align-items:center;display:flex;font-size:var(--font-size-3);gap:1ch}.RegressionChartCard>.Overlay>.state-element-container>.message>svg{height:3rem;width:3rem}@-webkit-keyframes spin{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spin{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.RegressionChartCard>.Overlay>.state-element-container>.spinner{-webkit-animation:spin 1s linear infinite;animation:spin 1s linear infinite;border-color:transparent #fff;border-radius:100%;border-style:solid;border-width:2px;height:4rem;width:4rem}.RegressionChartCard>.Overlay>.children-container>.ChartJsResponsive{height:100%;width:100%}@media screen and (max-width:950px){.RegressionChartCard>.Overlay{height:45rem;width:100%}}.RegressionInfoCard{background:var(--color-surface);border:1px solid var(--color-surface);border-radius:1rem}.RegressionInfoCard,.white-content .RegressionInfoCard{display:flex;flex-direction:column;gap:.5rem;padding:1rem}.white-content .RegressionInfoCard{background:var(--color-surface-light);border:1px solid var(--color-surface-light);border-radius:1rem}.RegressionInfoCard>.title{font-size:var(--font-size-3)}.RegressionInfoCard>.body>.Stat{display:flex;font-size:var(--font-size-3)}.RegressionInfoCard>.body>.Stat>.label{width:7rem}
/*# sourceMappingURL=main.b1e4558d.css.map*/