@import url(https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;600;700&display=swap);.header[data-v-78c71f3d]{width:100%;height:30%;display:flex;justify-content:center;align-items:center;font-weight:700;padding:20px 20px;margin-top:20px;color:#43e97b;font-size:24px}@media only screen and (max-width:760px){h1[data-v-78c71f3d]{font-size:32px!important}}@media only screen and (max-width:490px){h1[data-v-78c71f3d]{font-size:24px!important}}@media only screen and (max-width:380px){.header[data-v-78c71f3d]{font-size:22px!important;text-align:center}}.device-box[data-v-edb419e2]{width:80%;height:150px;border-radius:20px;box-shadow:0 15px 19px -15px rgba(4,4,4,.26);display:flex;justify-content:center;align-items:center;background:#f2f2f2;background:linear-gradient(90deg,#f2f2f2 52%,#43e97b 78%,#38f9d7);background-repeat:no-repeat;background-position:0;transition:all .5s;background-size:400% 400%}.img-box[data-v-edb419e2]{width:15%;height:100%;display:flex;justify-content:center;align-items:center;border-top-left-radius:20px;border-bottom-left-radius:20px;background-position:50%;background-repeat:no-repeat;background-size:contain}.data-box[data-v-edb419e2]{width:23%;height:100%;display:flex;justify-content:space-around;align-items:center;flex-direction:column}.button-box[data-v-edb419e2]{width:15%;height:100%;display:flex;justify-content:center;align-items:center}.button-box button[data-v-edb419e2]{background-color:transparent;border:none;height:50px;width:100px;font-size:18px;color:#43e97b;font-weight:700;cursor:pointer}h4[data-v-edb419e2]{color:#43e97b}.device-box[data-v-edb419e2]:hover{background-position:100%;height:160px;box-shadow:0 15px 12px 0 rgba(35,35,35,.45)}.device-box:hover .button-box button[data-v-edb419e2],.device-box:hover .data-box h4[data-v-edb419e2],.device-box:hover .data-box p[data-v-edb419e2]{color:#fff}.svg-white[data-v-edb419e2]{display:none}.device-box:hover .svg-white[data-v-edb419e2],.svg-green[data-v-edb419e2]{display:flex}.device-box:hover .svg-green[data-v-edb419e2]{display:none}@media only screen and (max-width:1050px){.svg-green[data-v-edb419e2],.svg-white[data-v-edb419e2]{width:80%;height:80%}}@media only screen and (max-width:760px){.device-box[data-v-edb419e2]{min-height:400px;width:90%;flex-direction:column}.img-box[data-v-edb419e2]{width:100%;padding:20px 10px}.svg-green[data-v-edb419e2],.svg-white[data-v-edb419e2]{width:auto;height:auto}.data-box[data-v-edb419e2]{width:100%;justify-content:center;flex-direction:row}.data-box h4[data-v-edb419e2]{padding:0 30px}.data-box h4[data-v-edb419e2],.data-box p[data-v-edb419e2]{width:50%;text-align:center;display:flex;justify-content:flex-start;align-items:center;height:100%}.device-box[data-v-edb419e2]:hover{min-height:410px}}@media only screen and (max-width:490px){.img-box[data-v-edb419e2]{height:100px}.svg-green[data-v-edb419e2],.svg-white[data-v-edb419e2]{height:100%}.data-box h4[data-v-edb419e2]{padding:0 10px}.data-box h4[data-v-edb419e2],.data-box p[data-v-edb419e2]{width:50%;text-align:center;display:flex;justify-content:flex-start;align-items:center;height:100%}}@media only screen and (max-width:380px){.data-box[data-v-edb419e2]{flex-direction:column;justify-content:center;align-items:center}.data-box h4[data-v-edb419e2],.data-box p[data-v-edb419e2]{padding:0;justify-content:center}}.content[data-v-3494cfea]{width:100%;height:70%;display:flex;justify-content:space-around;align-items:center;padding:30px 0}.bright-box[data-v-351d314c]{display:flex;justify-content:center;align-items:center;flex-direction:row;min-height:80px!important;width:100%}.left-box[data-v-351d314c]{display:flex;justify-content:center;align-items:center;flex-direction:column;width:40%;height:100%;padding:5px 20px}.center-box[data-v-351d314c]{width:20%;height:100%;display:flex;justify-content:space-around;align-items:center;flex-direction:row}.center-box button[data-v-351d314c]{width:30px;height:30px;border:none;font-size:15px;background-color:#43e97b;border-radius:50%;display:flex;justify-content:center;align-items:center;margin-bottom:5px;cursor:pointer}.center-box button[data-v-351d314c]:hover{background-color:#3ed16f}.center-box button img[data-v-351d314c]{width:50%;height:50%}.right-box[data-v-351d314c]{width:40%;height:100%;display:flex;justify-content:center;align-items:center}.right-box button[data-v-351d314c]{background:transparent;border:none;background:#f2f2f2;background:linear-gradient(90deg,#f2f2f2 52%,#43e97b 78%,#38f9d7);background-repeat:no-repeat;background-position:0;transition:all .5s;background-size:400% 400%;cursor:pointer;font-size:16px;height:40px;width:80px;border-radius:20px}.right-box button[data-v-351d314c]:hover{background-position:100%;box-shadow:0 15px 19px -15px rgba(4,4,4,.26);color:#fff}h4[data-v-351d314c]{color:#43e97b}@media only screen and (max-width:500px){.bright-box[data-v-351d314c]{flex-direction:column}.left-box[data-v-351d314c]{padding:0 0}.center-box[data-v-351d314c],.left-box[data-v-351d314c]{display:flex;justify-content:center;align-items:center;width:100%}.center-box[data-v-351d314c]{padding:5px 0}}.color-box[data-v-f682605e]{width:100%;min-height:80px!important;display:flex;justify-content:center;align-items:center;flex-direction:row}h4[data-v-f682605e]{color:#43e97b}.left-box[data-v-f682605e]{width:25%}.center-box[data-v-f682605e],.left-box[data-v-f682605e]{height:100%;display:flex;justify-content:space-around;align-items:center;flex-direction:column}.center-box[data-v-f682605e]{width:50%}.center-box input[data-v-f682605e]{width:50%;height:50%;font-size:16px;border:none;border-radius:20px;text-align:center}.center-box input[data-v-f682605e]:focus{outline:none}.right-box[data-v-f682605e]{width:25%;height:100%;display:flex;justify-content:center;align-items:center}.right-box button[data-v-f682605e]{background:transparent;border:none;background:#f2f2f2;background:linear-gradient(90deg,#f2f2f2 52%,#43e97b 78%,#38f9d7);background-repeat:no-repeat;background-position:0;transition:all .5s;background-size:400% 400%;cursor:pointer;font-size:16px;height:40px;width:80px;border-radius:20px}.right-box button[data-v-f682605e]:hover{background-position:100%;box-shadow:0 15px 19px -15px rgba(4,4,4,.26);color:#fff}.color[data-v-f682605e]{width:40px;height:40px;border-radius:50%}@media only screen and (max-width:500px){.color-box[data-v-f682605e]{flex-direction:column}.center-box[data-v-f682605e]{display:flex;align-items:center;justify-content:space-around;height:70px;width:100%}.center-box h4[data-v-f682605e]{width:100%;text-align:center}}.out-pwr[data-v-27dd868a]{width:100%;height:100%;display:flex;justify-content:space-around;align-items:center;flex-direction:column}.out-pwr h4[data-v-27dd868a]{color:#43e97b}.temp[data-v-1b9386b4]{display:flex;justify-content:center;align-items:center;flex-direction:row;min-height:80px!important;width:100%}.left-box[data-v-1b9386b4]{display:flex;justify-content:center;align-items:flex-start;flex-direction:column;width:30%;height:100%;padding:5px 20px}.left-box h4[data-v-1b9386b4]{color:#43e97b}.center-box[data-v-1b9386b4]{width:40%;height:100%;display:flex;justify-content:center;align-items:center;flex-direction:row}.center-box button[data-v-1b9386b4]{width:30px;height:30px;border:none;font-size:15px;background-color:#43e97b;border-radius:50%;display:flex;justify-content:center;align-items:center;margin-bottom:5px;cursor:pointer;margin-left:10px;margin-right:10px}.center-box button[data-v-1b9386b4]:hover{background-color:#3ed16f}.center-box button img[data-v-1b9386b4]{width:50%;height:50%}.right-box[data-v-1b9386b4]{width:30%;height:100%;display:flex;justify-content:center;align-items:center}.right-box button[data-v-1b9386b4]{background:transparent;border:none;background:#f2f2f2;background:linear-gradient(90deg,#f2f2f2 52%,#43e97b 78%,#38f9d7);background-repeat:no-repeat;background-position:0;transition:all .5s;background-size:400% 400%;cursor:pointer;font-size:16px;height:40px;width:80px;border-radius:20px}.right-box button[data-v-1b9386b4]:hover{background-position:100%;box-shadow:0 15px 19px -15px rgba(4,4,4,.26);color:#fff}@media only screen and (max-width:500px){.temp[data-v-1b9386b4]{flex-direction:column}.left-box[data-v-1b9386b4]{padding:0 0}.center-box[data-v-1b9386b4],.left-box[data-v-1b9386b4]{display:flex;justify-content:center;align-items:center;width:100%}.center-box[data-v-1b9386b4]{padding:5px 0}}.dialog[data-v-6dcea1ff]{width:500px;height:600px;border-radius:20px;left:50%;transform:translateX(-50%);position:absolute;background-color:#f2f2f2;box-shadow:0 15px 12px 0 rgba(35,35,35,.45);touch-action:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.img-box[data-v-6dcea1ff]{height:30%;width:100%;border-top-left-radius:20px;border-top-right-radius:20px;display:flex;justify-content:center;align-items:center;padding:20px 0}.data-box[data-v-6dcea1ff]{height:70%;border-bottom-left-radius:20px;border-bottom-right-radius:20px;overflow:auto}.data-box[data-v-6dcea1ff],.data[data-v-6dcea1ff]{width:100%;display:flex;justify-content:space-around;align-items:center;flex-direction:column}.data[data-v-6dcea1ff]{padding:0 0;min-height:50px}.data h4[data-v-6dcea1ff]{color:#43e97b}.data p[data-v-6dcea1ff]{padding:10px 0}.data-connection[data-v-6dcea1ff]{padding:0 0;display:flex;justify-content:space-around;align-items:center;flex-direction:row;width:100%;min-height:50px}.left-box[data-v-6dcea1ff]{width:50%;height:100%;display:flex;justify-content:space-around;align-items:center;flex-direction:column}.left-box h4[data-v-6dcea1ff]{color:#43e97b}.right-box[data-v-6dcea1ff]{width:50%;height:100%;display:flex;justify-content:center;align-items:center}.right-box button[data-v-6dcea1ff]{background:transparent;border:none;background:#f2f2f2;background:linear-gradient(90deg,#f2f2f2 52%,#43e97b 78%,#38f9d7);background-repeat:no-repeat;background-position:0;transition:all .5s;background-size:400% 400%;cursor:pointer;font-size:16px;height:40px;width:80px;border-radius:20px}.right-box button[data-v-6dcea1ff]:hover{background-position:100%;box-shadow:0 15px 19px -15px rgba(4,4,4,.26);color:#fff}.close-dialog[data-v-6dcea1ff]{height:40px;width:80px;border-radius:20px;border:none;font-size:16px;background:#f2f2f2;background:linear-gradient(90deg,#f2f2f2 52%,#43e97b 78%,#38f9d7);background-repeat:no-repeat;background-position:0;transition:all .5s;background-size:400% 400%;cursor:pointer}.close-dialog[data-v-6dcea1ff]:hover{background-position:100%;box-shadow:0 15px 19px -15px rgba(4,4,4,.26);color:#fff}@media only screen and (max-width:500px){.dialog[data-v-6dcea1ff]{width:90%!important;height:auto!important}}@media only screen and (max-width:360px){.data-connection[data-v-6dcea1ff]{flex-direction:column}.dialog[data-v-6dcea1ff]{width:100%!important}}*{margin:0;padding:0;box-sizing:border-box}#app{font-family:Montserrat,sans-serif}.body{width:100%;height:100%;display:flex;justify-content:space-around;align-content:center;flex-direction:column}