button{background-color:#fff;border:4px solid #000;padding:1em 1.5em}button:hover{background-color:#2158d8;color:#fff;transition:.2s}.linkButton{background:none;border-style:none}.linkButton:hover{background:none;color:#2158d8;text-decoration:underline}body{background-color:#f5eddf;margin:0}#root{display:flex;flex-direction:column;min-height:100vh}@font-face{font-family:CircularXX;src:local("CircularXX") url(/static/media/CircularXX-Book.457737e70917304870e7.otf) format("opentype")}@font-face{font-family:CircularXX;font-weight:700;src:local("CircularXX") url(/static/media/CircularXX-Bold.138d447f7f0083cc890d.otf) format("opentype")}:root{--font-primary:"CircularXX",sans-serif;--font-secondary:"CircularXX",sans-serif;--text-base-size:16px}body{font-family:CircularXX,sans-serif;font-family:var(--font-primary);font-size:16px;font-size:var(--text-base-size)}b,button,strong{font-weight:700}@media screen and (max-width:799px){h1{font-size:2rem}h1,h2{margin:0}h2{font-size:1.625rem}h3,label{font-size:1.375rem}h4{font-size:3rem}button,input,input:-webkit-autofill,input:-webkit-autofill:first-line,p{font-size:1rem}}@media screen and (min-width:800px){h1{font-size:3rem}h1,h2{margin:0}h2{font-size:2.15rem}h3,label{font-size:1.6rem}h4{font-size:6.2rem}button,input,input:-webkit-autofill,input:-webkit-autofill:first-line,p{font-size:1.25rem}}.errorMessage{color:#e1342e;margin:0}input[type=password],input[type=text]{border:0}.inputItem{display:flex;flex-direction:column;gap:.25rem;width:100%}.inputItem label{font-weight:700}input:-webkit-autofill{box-shadow:inset 0 0 0 1000px #fff}.inputField{align-items:center;background-color:#fff;display:grid;grid-template-columns:1fr -webkit-max-content;grid-template-columns:1fr max-content}.inputField i,.inputField input{grid-row:1}.inputField input{grid-column:1/3;height:2.15em;padding-left:.45em}.inputField i{color:#e1e1dc;grid-column:2;line-height:0;padding-right:.45em;z-index:1}.inputField i:hover{color:#000}@media screen and (max-width:799px){.loginForm{align-content:center;background-color:#f5eddf;display:grid;flex-grow:1;justify-items:center;padding:6vw}form{align-items:center;display:flex;flex-direction:column;gap:.8rem;width:100%}.logo{height:auto;width:100%}}@media screen and (min-width:800px){.loginForm{align-content:center;background-color:#f5eddf;display:grid;flex-grow:1;justify-items:center;margin:0 auto;max-width:300px}form{align-items:center;display:flex;flex-direction:column;gap:.8rem;width:100%}.logo{height:auto;width:100%}}h1{padding-bottom:1vw}.dashboard{background-color:#fff;flex:1 1;padding:1rem 0}@media screen and (max-width:799px){.dashboard>*{padding:0 1rem}}@media screen and (min-width:800px){.dashboard>*{padding:1.2vw 4vw}}.dashboardList{display:flex;flex-wrap:wrap;gap:.5rem}.graphicOverviewSection,.historicOverview{margin:0 auto;max-width:75vw}.graphicOverview{grid-column-gap:0;grid-row-gap:0;align-items:center;-webkit-column-gap:0;column-gap:0;display:grid;grid-template-areas:"inf infToBio biofilter bioToEff eff wellToUse" ". . . . effToWell wellToUse" ". . . . infiltration extraction";grid-template-columns:1fr 1fr 1fr .5fr 1fr 1fr;grid-template-rows:1fr 1fr 1fr;justify-items:center;row-gap:0}.influent{background-color:#b96945;grid-area:inf}.influentbiofilter{grid-area:infToBio}.biofilter{background-color:#609367;grid-area:biofilter}.biofiltereffluent{grid-area:bioToEff}.effluent{background-color:#56a8f2;grid-area:eff}.effluentinfiltration{grid-area:effToWell}.infiltration{grid-area:infiltration}.extraction{grid-area:extraction}.extraction,.well{background-color:#2158d8}.extractionuse{grid-area:wellToUse}.container{height:-webkit-min-content;height:min-content;width:100%}.content{background-color:hsla(0,0%,100%,.8);border:1px solid #fff;margin:.5rem;padding:1rem}.content *{margin:0}.connection{align-items:center;display:grid;height:100%;justify-items:center;width:100%}.connection>div{grid-column:1;grid-row:1}.pump,.verPump{align-items:center;display:grid;justify-items:center;position:relative}.pump h3,.verPump h3{grid-column:1;grid-row:1;z-index:2}.pump{background-color:initial;background-position:top,bottom;background-repeat:no-repeat;background-size:100% 50%;height:7rem;width:6.062rem}.pump.influent{background-image:linear-gradient(to bottom left,transparent 50%,#b96945 0),linear-gradient(to bottom right,#b96945 50%,transparent 0)}.pump:before{background-image:linear-gradient(to bottom left,transparent 50%,#fff 0),linear-gradient(to bottom right,#fff 50%,transparent 0);background-position:top,bottom;background-size:100% 50%;content:"";grid-column:1;grid-row:1;height:7rem;-webkit-transform:scale(.9);transform:scale(.9);width:6.062rem;z-index:1}.pump:before,.verPump{background-color:initial;background-repeat:no-repeat}.verPump{background-position:0,100%;background-size:50% 100%;height:6.062rem;width:7rem}.verPump.effluent{background-image:linear-gradient(to bottom right,transparent 50%,#56a8f2 0),linear-gradient(to top right,#56a8f2 50%,transparent 0)}.verPump.extraction{background-image:linear-gradient(to bottom right,transparent 50%,#2158d8 0),linear-gradient(to top right,#2158d8 50%,transparent 0)}.verPump:before{background-color:initial;background-image:linear-gradient(to bottom right,transparent 50%,#fff 0),linear-gradient(to top right,#fff 50%,transparent 0);background-position:0,100%;background-repeat:no-repeat;background-size:50% 100%;content:"";grid-column:1;grid-row:1;height:6.062rem;-webkit-transform:scale(.9);transform:scale(.9);width:7rem;z-index:1}.pipe{height:2rem;width:100%}.verPipe{height:100%;margin:0 auto;width:2rem}.dashboardIframe{height:-webkit-min-content;height:min-content;width:100%}@use "../sassStyles/global";header{grid-column-gap:1rem;grid-row-gap:.5em;align-items:center;-webkit-column-gap:1rem;column-gap:1rem;display:grid;row-gap:.5em}.linkButton{grid-column:2;justify-self:start}.logoutButton{grid-column:-1;justify-self:end;white-space:nowrap}@media screen and (max-width:319px){header{-webkit-column-gap:0;column-gap:0;grid-template-columns:minmax(auto,60%);padding:8px}header img{height:auto;width:clamp(8rem,240px,50vw)}.headerLogo{display:none}.linkButton{grid-column:1/3;grid-row:2;padding:0 0 0 .5em}}@media screen and (max-width:799px) and (min-width:320px){header{grid-template-columns:minmax(auto,60%);padding:6vw}header img{height:auto;width:clamp(8rem,240px,50vw)}.headerLogo{display:none}.linkButton{grid-column:1/-1;grid-row:2;padding:0 0 0 .5em}}@media screen and (min-width:800px){header{grid-template-columns:-webkit-max-content auto -webkit-max-content;grid-template-columns:max-content auto max-content;padding:1.2vw 4vw}header img{max-height:65px;max-width:100%;width:auto}header button{justify-self:end}.headerLogoMobile{display:none}}
/*# sourceMappingURL=main.f45adb81.css.map*/