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}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}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.login-box{background:url(https://www.shutterstock.com/shutterstock/photos/403974118/display_1500/stock-photo-water-flow-from-large-pump-tube-in-rice-field-in-central-of-thailand-focus-on-tube-403974118.jpg) no-repeat 50%;box-shadow:0 12px 15px 0 #0000003d,0 17px 50px 0 #00000030;margin:auto;min-height:100vh;position:relative;width:100%}.login-snip{grid-row-gap:2rem;align-items:baseline;background:#004d4de6;display:grid;grid-template-columns:1fr;grid-template-rows:25vh 1fr;height:100%;position:absolute;row-gap:2rem;width:100%}.login-snip .login,.login-snip .sign-up-form{grid-row-gap:1.2rem;align-self:center;display:grid;justify-self:center;row-gap:1.2rem;transition:all .4s linear}.login-snip .sign-in,.login-snip .sign-up,.login-space .group .check{display:none}.login-snip .tab,.login-space .group .button,.login-space .group .label{text-align:center;text-transform:uppercase}.group p{color:#cad7ec}.login-snip .tab{border-bottom:2px solid #0000;display:inline-block;font-size:22px;margin:0 15px 10px 0;padding-bottom:5px}.login-snip .sign-in:checked+.tab,.login-snip .sign-up:checked+.tab{border-color:#c3e4cda8;color:#fff}.login-space{perspective:1000px;position:relative;transform-style:preserve-3d}.login-space .group .button,.login-space .group .input,.login-space .group .label{color:#fff;display:block;width:100%}.login-space .group .button,.login-space .group .input{background:#ffffff1a;border:none;border-radius:25px;padding:15px 20px}.login-space .group input[data-type=password]{text-security:circle;-webkit-text-security:circle}.login-space .group .label{color:#aaa;font-size:12px}.login-space .group .button{background:#4fd078a8}.login-space .group label .icon{background:#ffffff1a;border-radius:2px;display:inline-block;height:15px;position:relative;width:15px}.login-space .group label .icon:after,.login-space .group label .icon:before{background:#fff;content:"";height:2px;position:absolute;transition:all .2s ease-in-out 0s;width:10px}.login-space .group label .icon:before{bottom:6px;left:3px;transform:scale(0) rotate(0);width:5px}.login-space .group label .icon:after{right:0;top:6px;transform:scale(0) rotate(0)}.login-space .group .check:checked+label{color:#fff}.login-space .group .check:checked+label .icon{background:#1161ee}.login-space .group .check:checked+label .icon:before{transform:scale(1) rotate(45deg)}.login-space .group .check:checked+label .icon:after{transform:scale(1) rotate(-45deg)}.login-snip .sign-in:checked+.tab+.sign-up+.tab+.login-space .login,.login-snip .sign-up:checked+.tab+.login-space .sign-up-form{transform:rotate(0)}*,:after,:before{box-sizing:border-box}.clearfix:after,.clearfix:before{content:"";display:table}.clearfix:after{clear:both;display:block}a{color:inherit;text-decoration:none}.hr{background:#fff3;height:2px;margin-top:3rem}.foot{text-align:center}::placeholder{color:#b3b3b3}.title{align-self:self-end;justify-self:center}@media (min-width:320px) and (max-width:359px){.login-snip .tab{font-size:1rem}.login-snip{grid-template-rows:1fr 1fr}.login-snip,.login-snip .login,.login-snip .sign-up-form{padding:1.2rem}.login-snip{row-gap:.5rem}label{font-size:13.333px}}@media (min-width:360px) and (max-width:767px){.login-snip .tab{font-size:1rem}.login-snip{grid-template-rows:11rem 1fr}.login-snip,.login-snip .login,.login-snip .sign-up-form{padding:1.2rem}.login-snip{row-gap:.5rem}label{font-size:13.333px}}@keyframes pulseGlow{0%{box-shadow:0 0 10px 3px #22c55e80}50%{box-shadow:0 0 18px 5px #22c55eb3}to{box-shadow:0 0 10px 3px #22c55e80}}body,html{height:100%}.settings-card.card--{justify-self:end;width:2rem}.status-card-container{background:url(https://www.shutterstock.com/shutterstock/photos/403974118/display_1500/stock-photo-water-flow-from-large-pump-tube-in-rice-field-in-central-of-thailand-focus-on-tube-403974118.jpg) no-repeat 50%;background-size:cover;box-shadow:0 12px 15px 0 #0000003d,0 17px 50px 0 #00000030;height:100vh;position:relative;width:100vw}.status-container{background:#004d4de6;border-radius:20px;box-shadow:inset 4px 4px 10px #16202a,inset -4px -4px 10px #2c3a52;color:#f8fafc;display:grid;font-family:Poppins,sans-serif;height:100%;margin:0 auto;padding:20px;position:absolute;width:100%}.card--{align-self:center;justify-self:center;max-width:100vh;width:100%}.summary-card{background:#293647;border-radius:16px;box-shadow:6px 6px 12px #1b2536,-6px -6px 12px #3b4a6a;justify-content:space-between;margin-bottom:18px;padding:16px 20px}.summary-card,.summary-left{align-items:center;display:flex}.summary-left{gap:12px}.motor-status-circle{animation:pulseGlow 2.5s ease-in-out infinite;background:#22c55e;border-radius:50%;box-shadow:0 0 10px 3px #22c55e80;height:40px;margin-right:1rem;width:40px}.motor-title{font-size:20px;font-weight:700;line-height:1}.voltage-info{color:#60a5fa;font-size:14px;font-weight:600;margin-top:4px}.summary-right{color:#fecaca;font-size:22px;font-weight:700;line-height:1.2;text-align:right}.amps-value{font-size:30px}.volts-card{background:#293647;border-radius:16px;box-shadow:6px 6px 12px #1b2536,-6px -6px 12px #3b4a6a;margin-bottom:18px;padding:16px 20px}.card-title{font-size:1rem;font-weight:700;margin-bottom:14px}.card-title.blue{color:#60a5fa}.volts-values{color:#cbd5e1;display:flex;flex-direction:column;font-size:14px;font-weight:600;gap:8px}.volts-row{display:flex;gap:16px}.volt-item{align-items:center;display:flex;font-size:.8rem;gap:8px}.volt-dot{background:#3b82f6;border-radius:3px;height:12px;width:12px}.amps-card{background:#3f1d1d;border-radius:16px;box-shadow:6px 6px 12px #2b1313,-6px -6px 12px #572323;color:#fecaca;margin-bottom:1.2rem;padding:16px 20px}.amps-grid{grid-gap:8px;display:grid;font-size:.8rem;font-weight:600;gap:8px;grid-template-columns:repeat(3,1fr)}.amp-item{align-items:center;display:flex;gap:6px}.amp-dot{background:#ef4444;border-radius:3px;height:12px;width:12px}.button-group{display:flex;gap:1rem;justify-content:center;margin:0 auto;width:100vh}.btn-off,.btn-on{border-radius:16px;cursor:pointer;flex:1 1;font-size:18px;font-weight:700;height:50px;transition:background-color .3s ease}.btn-on{border:2px solid #22c55e;box-shadow:inset 2px 2px 4px #15391f,inset -2px -2px 4px #2ee471;color:#22c55e}.btn-off,.btn-on{background:#1f2937}.btn-off{border:2px solid #ef4444;box-shadow:inset 2px 2px 4px #6e1a1a,inset -2px -2px 4px #f87171;color:#ef4444}@media (min-width:320px) and (max-width:359px){.status-container{border-radius:.6rem;height:auto;justify-content:center;max-width:100vh;padding:.8rem}.summary-left{gap:0}.motor-status-circle{height:1rem;width:1rem}.motor-title,.summary-right,.voltage-info{font-size:.8rem}.amps-value{font-size:1.2rem}.button-group{width:75vh}}@media (min-width:360px) and (max-width:767px){.status-card-container{width:auto}.status-container{border-radius:.6rem;justify-content:center;max-width:100vh;padding:.8rem}.summary-left{gap:0}.motor-status-circle{height:1rem;width:1rem}.motor-title,.summary-right,.voltage-info{font-size:.8rem}.amps-value{font-size:1.2rem}.button-group{width:35vh}}@media (min-width:768px) and (max-width:1023px){.button-group{width:50vh}}@media (min-width:1024px) and (max-width:1365px){.card--{align-content:center;height:10rem}.status-container{border-radius:.6rem;grid-template-rows:repeat(6,1fr);justify-content:center;max-width:100vh;padding:.8rem}.button-group{align-items:center;height:4rem;width:60vh}.status-card-container{height:100vh}}*{box-sizing:border-box;padding:0}*,body{margin:0}body{background:#c8c8c8;color:#6a6f8c;font:600 16px/18px Open Sans,sans-serif}.control-panel{background:url(/static/media/pump.af9b5b75b22c3e05e7a1.png) no-repeat 50%;background-size:cover;border-radius:30px;box-shadow:0 12px 15px 0 #0000003d,0 17px 50px 0 #00000030;box-sizing:border-box;color:#f8fafc;font-family:Poppins,sans-serif;margin:0 auto;max-width:400px;padding:20px}.control-panel .title{align-content:center;color:#030303;font-size:2rem;font-weight:700;height:3rem;text-align:center;text-shadow:2px 2px 8px #0009}.control-panel .control-row{align-items:center;background:#293647;border-radius:16px;box-shadow:6px 6px 12px #1b2536,-6px -6px 12px #3b4a6a;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;margin-bottom:16px;padding:12px 16px}.control-container{border-radius:30px}.control-panel .label{flex:1 1;font-size:16px;font-weight:600;min-width:120px}.control-panel .input-control{flex:1 1}.control-panel .input-control input[type=number]{background:#1f2a44;border:none;border-radius:12px;box-shadow:inset 4px 4px 8px #1b2536,inset -4px -4px 8px #3b4a6a;color:#f8fafc;font-size:16px;padding:10px;width:100%}.control-panel .input-control input[type=checkbox]{cursor:pointer;height:20px;width:40px}.control-panel .send-btn{background:#2563eb;border:none;border-radius:12px;box-shadow:4px 4px 8px #1c3ace;color:#fff;cursor:pointer;flex-shrink:0;font-weight:600;padding:10px 18px;transition:background-color .2s ease}.control-panel .send-btn:hover{background:#1e40af;box-shadow:0 0 15px #1e40af}.control-panel .send-btn:active{background:#1e3a8a;box-shadow:inset 2px 2px 5px #172c66}@media (min-width:320px) and (max-width:359px){.control-panel .label{font-size:.9rem}.control-panel .send-btn{font-size:14px;padding:8px 12px}.control-panel .input-control input[type=number]{font-size:.6rem}}@media (min-width:360px) and (max-width:767px){.control-panel{display:grid;height:100vh;padding:1rem}.control-panel .label{font-size:.9rem}.control-panel .input-control input[type=number]{font-size:.8rem}}@media (min-width:768px) and (max-width:1023px){.control-panel{display:grid;height:100vh;max-width:63.5rem}.control-panel .title{font-size:2rem;padding-bottom:1rem}.control-panel .label{font-size:1.2rem}.control-panel .send-btn{font-size:1.5rem;height:3rem;width:7rem}.control-panel .input-control input[type=number]{height:3rem;width:15rem}.control-panel .input-control input[type=checkbox]{height:2.5rem;width:2rem}}@media (min-width:1024px) and (max-width:1365px){.control-panel{display:grid;height:100vh;max-width:85rem}.control-panel .title{font-size:3rem;padding-bottom:3rem}.control-panel .label{font-size:1.5rem}.control-panel .send-btn{font-size:1.5rem;height:4rem;width:8rem}.control-panel .input-control input[type=number]{height:4rem;width:20rem}.control-panel .input-control input[type=checkbox]{height:2.5rem;width:4rem}}@media (min-width:1366px) and (max-width:1919px){.control-panel{display:grid;height:100%;max-width:100%}.control-row{height:5rem}.control-panel .title{font-size:3rem;padding-bottom:3rem}.control-panel .label{font-size:1.2rem}.control-panel .send-btn{font-size:1.2rem;height:3rem;width:6rem}.control-panel .input-control input[type=number]{height:3rem;width:19rem}.control-panel .input-control input[type=checkbox]{height:1.5rem;width:2rem}}@media (min-width:1920px){.control-panel{max-width:900px}}
/*# sourceMappingURL=main.c5fe0354.css.map*/