html,body{margin:0;padding:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow:hidden}#app{color:#fff;background-image:url(/assets/app-bg_3-ByktCrdN.png);background-size:cover;font-family:sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:left;width:100vw;height:100vh;display:flex;justify-content:center;align-items:center;box-sizing:border-box;position:fixed}.app[data-v-20d55cb8]{display:flex;flex-direction:column;height:100%;width:100%}.container[data-v-20d55cb8]{display:flex;flex-direction:column;height:100%;width:100%;animation:fadeIn-20d55cb8 .5s ease-in-out forwards}.split[data-v-20d55cb8]{flex:1;overflow:auto}.split-top[data-v-20d55cb8]{flex:.4;text-align:center;padding-top:0;padding-bottom:20px;display:flex;flex-direction:column;justify-content:flex-end;align-items:center}.split-bottom[data-v-20d55cb8]{flex:1.2;display:flex;justify-content:center;align-items:center;padding-bottom:10px}.loader[data-v-20d55cb8]{border-radius:50%;border-top:6px solid #0000FF;width:40px;height:40px;-webkit-animation:spin-20d55cb8 2s linear infinite;animation:spin-20d55cb8 1s linear infinite;display:flex;justify-content:center;align-items:center;top:50%;left:50%;transform:translate(-50%,-50%)}.loader-button[data-v-20d55cb8]{border:4px solid #f3f3f3;border-radius:50%;border-top:4px solid #03036b;width:20px;height:20px;-webkit-animation:spin-20d55cb8 2s linear infinite;animation:spin-20d55cb8 2s linear infinite;position:absolute;transform:translate(-50%,-50%)}span[data-v-20d55cb8]{display:inline-block}span.v-else[data-v-20d55cb8]{visibility:hidden}@media (max-width: 800px){.split-top[data-v-20d55cb8]{padding-top:10px;padding-bottom:20px}}@-webkit-keyframes spin-20d55cb8{0%{-webkit-transform:rotate(0deg)}to{-webkit-transform:rotate(360deg)}}@keyframes spin-20d55cb8{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.authentication_list[data-v-20d55cb8]{display:flex;list-style-type:none;padding:0;margin:20px 0}.authentication_list li[data-v-20d55cb8]{margin-right:15px;color:#fff;padding-bottom:10px;width:118px;text-align:center;font-size:24px;font-weight:65;cursor:pointer;position:relative}.authentication_list li.active[data-v-20d55cb8]:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:100%;height:2px;background-color:#fff}.login_container[data-v-20d55cb8]{text-align:center;padding-bottom:150px;animation:fadeIn-20d55cb8 .5s ease-in-out forwards}.Login_text_input[data-v-20d55cb8]{background-color:#3c536b;border:0;padding:2px 10px;border-radius:10px;height:45px;font-size:18px!important;color:#b4bcc6;width:90%}.Login_button[data-v-20d55cb8]{background-color:#00f;border:0;width:100%;height:45px;border-radius:30px;box-shadow:none;cursor:pointer;color:#fff;justify-content:center;align-items:center;text-align:center;position:relative;display:flex}.Login_button[data-v-20d55cb8]:disabled,.Login_button.disabled[data-v-20d55cb8]{background-color:#3c536b;cursor:not-allowed;opacity:.6}.Forgotten_password_button[data-v-20d55cb8]{background-color:transparent;border:0;height:25px;border-radius:30px;min-width:100px;display:flex;justify-content:left;align-items:center;color:#fff}.text[data-v-20d55cb8]{-webkit-user-select:none;user-select:none}.Signup[data-v-20d55cb8],.Forgotten_password[data-v-20d55cb8]{display:none}@keyframes fadeIn-20d55cb8{to{opacity:1}}.error-banner[data-v-20d55cb8]{position:fixed;top:0;left:0;right:0;background-color:#ffe5e5;color:#b30000;text-align:center;padding:12px 20px;z-index:9999;font-size:16px;font-weight:500;box-shadow:0 2px 6px #0003}.success-banner[data-v-20d55cb8]{position:fixed;top:0;left:0;right:0;background-color:#e6ffea;color:green;text-align:center;padding:12px 20px;z-index:9999;font-size:16px;font-weight:500;box-shadow:0 2px 6px #0003}.slide-down-enter-active[data-v-20d55cb8]{animation:slideDown-20d55cb8 .4s ease forwards}.slide-down-leave-active[data-v-20d55cb8]{animation:slideUp-20d55cb8 .3s ease forwards}@keyframes slideDown-20d55cb8{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slideUp-20d55cb8{0%{transform:translateY(0);opacity:1}to{transform:translateY(-100%);opacity:0}}.viewzero[data-v-ed09052e]{margin:0 auto;display:flex;flex-direction:column;-webkit-user-select:none;user-select:none;width:100%;height:100%;justify-content:space-around}.container[data-v-9bf3593e]{width:100vw;height:100%;display:flex;flex-direction:column;position:relative;z-index:10;opacity:0;animation:fadeIn-9bf3593e .5s ease-in-out forwards}@keyframes fadeIn-9bf3593e{to{opacity:1}}.overlay[data-v-9bf3593e]{position:absolute;top:0;left:0;width:100%;height:10%;z-index:1}.firstContainer[data-v-9bf3593e]{background-size:cover;background-repeat:no-repeat;background-position:center;width:100%;height:65%;display:flex;flex-direction:column;position:relative;z-index:2}.forecast[data-v-9bf3593e]{text-align:center;background-color:#e4d3d380;border-radius:0;color:#0d4d8d;position:absolute;bottom:-8cap;left:50%;transform:translate(-50%,-50%);display:flex;justify-content:space-between;align-items:center;width:100%;flex-direction:column}.location[data-v-9bf3593e]{margin:0;font-size:1.5em;top:50%;left:50%;text-align:center;padding:5px}.temperature[data-v-9bf3593e],.description[data-v-9bf3593e]{margin:0;font-size:1.25em;top:50%;left:50%;text-align:center;padding:5px}.wind_speed[data-v-9bf3593e]{margin:0;font-size:1 em;top:50%;left:50%;text-align:center;padding:5px}.sealevel[data-v-9bf3593e]{margin:0;font-size:1.25em;top:50%;left:50%;text-align:center;padding:5px}.sunrise-sunset[data-v-9bf3593e]{display:flex;font-size:1.25em;align-items:center;justify-content:space-between;top:50%;left:50%;text-align:left;padding:0;transform:translateY(-25%)}.sealevelicon[data-v-9bf3593e]{display:flex;font-size:1.25em;align-items:center;justify-content:space-between;top:50%;left:50%;text-align:center;padding:0;transform:translate(-0%,-25%)}.sealevel_icon[data-v-9bf3593e],.sun-icon[data-v-9bf3593e]{width:24px;height:24px;margin:0 10px}.secondContainer[data-v-9bf3593e]{display:flex;width:95%;height:30%;padding:1px 0 0;flex-direction:column;position:relative;z-index:2;align-items:center}.activeContainer_main[data-v-9bf3593e]{display:flex;width:95%;height:8%;flex-direction:column;position:relative;z-index:2;align-items:center}.activeContainer[data-v-9bf3593e]{display:flex;width:95%;height:40%;flex-direction:column;position:relative;z-index:2;align-items:center;margin-top:0}.thirdContainer[data-v-9bf3593e]{display:flex;width:100%;height:10%;flex-direction:column;position:relative;z-index:2;align-items:center}.your_devices[data-v-9bf3593e]{display:flex;gap:60px;text-align:right;height:100%}.devicelist[data-v-9bf3593e]{width:90%;height:20%;background-color:#00304a;background-size:cover;display:flex;align-items:center;border-radius:8px;border-color:#ffebcd;border-width:1px;border-style:solid;margin-bottom:5px;padding:10px;justify-content:space-between;border:2px solid transparent;cursor:pointer;transition:all .3s ease}.devicelist.active[data-v-9bf3593e]{border-color:green;animation:blink-9bf3593e 3s linear}.devicelist.active.fixed[data-v-9bf3593e]{border-color:green}@keyframes blink-9bf3593e{0%{border-color:green}50%{border-color:transparent}to{border-color:green}}.device-images_left[data-v-9bf3593e]{display:flex;gap:5px}.device-images_right[data-v-9bf3593e]{display:flex;gap:15px}.header[data-v-9bf3593e]{display:flex;justify-content:space-between;align-items:center;padding:0 10px 10px 15px;height:5%}.device_online[data-v-9bf3593e]{color:#fff}.header-left[data-v-9bf3593e]{display:flex;align-items:center}.header-left .text[data-v-9bf3593e]{display:flex;align-items:left;margin-top:100px}.header img[data-v-9bf3593e]{height:35px;margin-top:100px}.header .text[data-v-9bf3593e]{text-align:left}.header-right img[data-v-9bf3593e]{width:40px;height:30px;margin-right:10px;display:flex;justify-content:right}.header_settings[data-v-9bf3593e]{align-items:right;padding:5px;margin-right:20px;cursor:pointer;color:#fff;background:transparent}.header_settings.image[data-v-9bf3593e]{background-color:transparent}.heading[data-v-9bf3593e]{padding-left:25px}.boxes_div[data-v-9bf3593e]{overflow-y:auto;position:absolute;z-index:10;gap:10px;width:100%;height:100%;flex-direction:column;display:flex;flex:1;align-items:left;padding:0 0 1cm 30px;margin-top:0}.header_your_active_devices[data-v-9bf3593e]{margin-top:30px}.missing_box[data-v-9bf3593e]{background-color:#325993;border:none;height:35px;border-radius:30px;padding:0 20px;cursor:pointer;color:#fff;font-size:.9em;white-space:nowrap;margin-top:15px}.missing_box[data-v-9bf3593e]:hover{background-color:#2980b9}.loader-container[data-v-9bf3593e]{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100vh;width:100vw;box-sizing:border-box;text-align:center;padding:0 16px}.ring-loader[data-v-9bf3593e]{border-top:6px solid #0000ff;border-radius:50%;width:50px;height:50px;animation:spin-9bf3593e 1s linear infinite}@keyframes spin-9bf3593e{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.status-text[data-v-9bf3593e]{margin-top:20px;font-size:18px;color:#f3f3f3}.animated-dots[data-v-9bf3593e]{font-size:18px;color:#f3f3f3;display:inline-flex;align-items:center;justify-content:center}.dots[data-v-9bf3593e]:after{content:"";display:inline-block;width:1em;text-align:left;animation:dots-9bf3593e 1.2s steps(4,end) infinite}@keyframes dots-9bf3593e{0%,20%{content:""}40%{content:"."}60%{content:".."}80%,to{content:"..."}}.status-text[data-v-9bf3593e]{font-size:1.25em;color:#fff;background:linear-gradient(90deg,#7f7fd5,#86a8e7,#91eae4);background-size:200% auto;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:shimmer-9bf3593e 3s ease-in-out infinite,fadeInUp-9bf3593e .6s ease-out forwards;padding:0 20px;max-width:90%;line-height:1.6;text-align:center;font-weight:600;text-shadow:0 0 10px rgba(0,255,255,.4),0 0 20px rgba(0,255,255,.2)}@keyframes shimmer-9bf3593e{0%{background-position:0% center}to{background-position:200% center}}@keyframes fadeInUp-9bf3593e{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}.channelMainDiv[data-v-85fe65a6]{width:95%;height:100%;display:flex;flex-direction:column;justify-content:space-between;align-items:center;opacity:0;animation:fadeIn-85fe65a6 .5s ease-in-out forwards}.channelDivOne[data-v-85fe65a6]{width:100%;height:10%;display:flex;justify-content:space-around;align-items:center}.channelDivTwo[data-v-85fe65a6]{width:95%;height:90%;display:flex;flex-direction:column;align-items:center;justify-content:space-between}.main_conatiner[data-v-85fe65a6]{width:100%;height:auto;overflow:auto;justify-content:space-around;align-items:center}.Channels_edit[data-v-85fe65a6]{background-repeat:repeat-x;background-size:cover;background-position:50% 50%;border:0;width:100px;height:35px;border-radius:30px;border-width:2px;border-color:#000;box-shadow:0 0 5px #0ff,0 0 15px #0ff;margin-top:0}.channel.edit-mode[data-v-85fe65a6]{display:flex;flex-direction:column;align-items:center;justify-content:center}.channels[data-v-85fe65a6]{display:grid;justify-content:space-around;grid-template-columns:repeat(2,1fr);gap:20px}.channel[data-v-85fe65a6]{display:flex;flex-direction:column;align-items:center;text-align:center;position:relative;justify-content:space-evenly}.channel .channel-img[data-v-85fe65a6]{height:160px;width:160px;background-size:cover;background-position:center}.channel-on[data-v-85fe65a6]{background-image:url("data:image/svg+xml,%3csvg%20width='206'%20height='223'%20viewBox='0%200%20206%20223'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M171.154%200H36.8455C18.7054%200%204%2014.7306%204%2032.9016V190.098C4%20208.269%2018.7054%20223%2036.8455%20223H171.154C189.295%20223%20204%20208.269%20204%20190.098V32.9016C204%2014.7306%20189.295%200%20171.154%200Z'%20fill='url(%23paint0_linear_653_18)'/%3e%3cpath%20d='M104.001%20195.921C150.249%20195.921%20187.74%20158.124%20187.74%20111.5C187.74%2064.8749%20150.249%2027.0781%20104.001%2027.0781C57.7523%2027.0781%2020.2607%2064.8749%2020.2607%20111.5C20.2607%20158.124%2057.7523%20195.921%20104.001%20195.921Z'%20fill='url(%23paint1_linear_653_18)'/%3e%3cg%20filter='url(%23filter0_d_653_18)'%3e%3cpath%20d='M102.971%20195.834C148.651%20195.834%20185.682%20158.056%20185.682%20111.456C185.682%2064.8554%20148.651%2027.0781%20102.971%2027.0781C57.2915%2027.0781%2020.2607%2064.8554%2020.2607%20111.456C20.2607%20158.056%2057.2915%20195.834%20102.971%20195.834Z'%20fill='white'/%3e%3c/g%3e%3cpath%20d='M104.001%20195.921C150.249%20195.921%20187.74%20158.124%20187.74%20111.5C187.74%2064.8749%20150.249%2027.0781%20104.001%2027.0781C57.7523%2027.0781%2020.2607%2064.8749%2020.2607%20111.5C20.2607%20158.124%2057.7523%20195.921%20104.001%20195.921Z'%20fill='url(%23paint2_linear_653_18)'/%3e%3cdefs%3e%3cfilter%20id='filter0_d_653_18'%20x='0.260742'%20y='7.07812'%20width='205.421'%20height='208.756'%20filterUnits='userSpaceOnUse'%20color-interpolation-filters='sRGB'%3e%3cfeFlood%20flood-opacity='0'%20result='BackgroundImageFix'/%3e%3cfeColorMatrix%20in='SourceAlpha'%20type='matrix'%20values='0%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%20127%200'%20result='hardAlpha'/%3e%3cfeOffset/%3e%3cfeGaussianBlur%20stdDeviation='10'/%3e%3cfeColorMatrix%20type='matrix'%20values='0%200%200%200%200.513726%200%200%200%200%200.85098%200%200%200%200%200.541176%200%200%200%201%200'/%3e%3cfeBlend%20mode='normal'%20in2='BackgroundImageFix'%20result='effect1_dropShadow_653_18'/%3e%3cfeBlend%20mode='normal'%20in='SourceGraphic'%20in2='effect1_dropShadow_653_18'%20result='shape'/%3e%3c/filter%3e%3clinearGradient%20id='paint0_linear_653_18'%20x1='104'%20y1='223'%20x2='104'%20y2='0'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20stop-color='%230C1D2D'/%3e%3cstop%20offset='1'%20stop-color='%2310324E'/%3e%3c/linearGradient%3e%3clinearGradient%20id='paint1_linear_653_18'%20x1='104.001'%20y1='195.921'%20x2='104.001'%20y2='27.0781'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20stop-color='%230E2940'/%3e%3cstop%20offset='1'%20stop-color='%2398C6F0'/%3e%3c/linearGradient%3e%3clinearGradient%20id='paint2_linear_653_18'%20x1='104.001'%20y1='195.921'%20x2='104.001'%20y2='27.0781'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20stop-color='%230E2940'/%3e%3cstop%20offset='1'%20stop-color='%2383D98A'/%3e%3c/linearGradient%3e%3c/defs%3e%3c/svg%3e");opacity:0;animation:fadeIn-85fe65a6 1.7s ease-in-out forwards}.channel-off[data-v-85fe65a6]{background-image:url("data:image/svg+xml,%3csvg%20width='200'%20height='223'%20viewBox='0%200%20200%20223'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M167.154%200H32.8455C14.7054%200%200%2014.7306%200%2032.9016V190.098C0%20208.269%2014.7054%20223%2032.8455%20223H167.154C185.295%20223%20200%20208.269%20200%20190.098V32.9016C200%2014.7306%20185.295%200%20167.154%200Z'%20fill='url(%23paint0_linear_661_15)'/%3e%3cg%20clip-path='url(%23clip0_661_15)'%3e%3cpath%20d='M99.5%2028C116.015%2028%20132.159%2032.8972%20145.89%2042.0723C159.622%2051.2474%20170.324%2064.2883%20176.644%2079.5459C182.964%2094.8036%20184.617%20111.593%20181.396%20127.79C178.174%20143.987%20170.221%20158.866%20158.543%20170.543C146.866%20182.221%20131.987%20190.174%20115.79%20193.396C99.5926%20196.617%2082.8036%20194.964%2067.5459%20188.644C52.2883%20182.324%2039.2474%20171.622%2030.0723%20157.89C20.8972%20144.159%2016%20128.015%2016%20111.5C16%2089.3544%2024.7973%2068.1159%2040.4566%2052.4566C56.1159%2036.7973%2077.3544%2028%2099.5%2028Z'%20fill='url(%23paint1_linear_661_15)'/%3e%3c/g%3e%3cdefs%3e%3clinearGradient%20id='paint0_linear_661_15'%20x1='100'%20y1='223'%20x2='100'%20y2='0'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20stop-color='%230C1D2D'/%3e%3cstop%20offset='1'%20stop-color='%2310324E'/%3e%3c/linearGradient%3e%3clinearGradient%20id='paint1_linear_661_15'%20x1='99.5'%20y1='195'%20x2='99.5'%20y2='28'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20stop-color='%230E2940'/%3e%3cstop%20offset='1'%20stop-color='%2398C6F0'/%3e%3c/linearGradient%3e%3cclipPath%20id='clip0_661_15'%3e%3crect%20width='167'%20height='167'%20fill='white'%20transform='translate(16%2028)'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e")}.channel .svg-icon[data-v-85fe65a6]{display:flex;justify-content:center;align-items:center;width:100%;height:100%;position:absolute;top:40%;left:50%;transform:translate(-50%,-50%)}.channel .svg-icon img[data-v-85fe65a6]{width:60px;height:60px}.carousel[data-v-85fe65a6]{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:20px;margin-top:10px;position:relative}.carousel img[data-v-85fe65a6]{width:40px;height:40px;object-fit:contain}.carousel button[data-v-85fe65a6]{background:none;color:#7fffd4;border:none;font-size:24px;cursor:pointer}.carousel_inner_container[data-v-85fe65a6]{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%}.carousel_inner_container p[data-v-85fe65a6]{margin-top:8px;font-size:14px;text-align:center}.channel p[data-v-85fe65a6]{margin-top:10px;font-size:14px}.channel input[data-v-85fe65a6]{background-color:#3c536b;color:#fff;padding:8px;width:120px;height:20px;margin-top:5px;border-radius:10px;text-align:center}.channel button[data-v-85fe65a6]{margin-top:5px}@keyframes fadeIn-85fe65a6{to{opacity:1}}.container[data-v-05aa8901]{padding:40px;width:240px;height:220px;background-color:#2c3e50;background-image:url(/assets/app-bg_3-ByktCrdN.png);background-size:cover;box-shadow:0 5px 20px #0006;border-radius:20px;text-align:center;color:#e0e6ed;font-family:Roboto,sans-serif}h6[data-v-05aa8901]{font-size:18px;color:#fff;margin-top:20px;font-weight:700}.water-tank-gauge-container[data-v-f48ce01d]{padding:40px;width:240px;height:220px;background-color:#2c3e50;background-image:url(/assets/app-bg_3-ByktCrdN.png);background-size:cover;box-shadow:0 3px 3px #4169e1;border-radius:20px;text-align:center;color:#e0e6ed;font-family:Roboto,sans-serif}h6[data-v-f48ce01d]{font-size:16px;margin-top:5px;color:#fff}.progress-ring[data-v-f48ce01d]{display:flex;justify-content:center;align-items:center;margin-top:15px}.current-level[data-v-f48ce01d]{margin-top:15px;font-size:18px;color:#e0e6ed}svg[data-v-f48ce01d]{transition:all .5s ease}.container[data-v-cb90806c]{padding:40px;width:240px;height:220px;background-color:#2c3e50;background-image:url(/assets/app-bg_3-ByktCrdN.png);background-size:cover;box-shadow:0 5px 20px #0006;border-radius:20px;text-align:center;color:#e0e6ed;font-family:Roboto,sans-serif}h6[data-v-cb90806c]{font-size:18px;color:#fff;margin-top:20px;font-weight:700}.water-tank-gauge-container[data-v-b96fd7e1]{padding:40px;width:240px;height:220px;background-color:#2c3e50;background-image:url(/assets/app-bg_3-ByktCrdN.png);background-size:cover;box-shadow:0 3px 3px #4169e1;border-radius:20px;text-align:center;color:#e0e6ed;font-family:Roboto,sans-serif}h6[data-v-b96fd7e1]{font-size:16px;margin-top:5px;color:#fff}.progress-ring[data-v-b96fd7e1]{display:flex;justify-content:center;align-items:center;margin-top:15px}.current-level[data-v-b96fd7e1]{margin-top:15px;font-size:18px;color:#e0e6ed}svg[data-v-b96fd7e1]{transition:all .5s ease}.water-tank-gauge-container[data-v-ebb0186c]{padding:40px;width:240px;height:220px;background-color:#2c3e50;background-image:url(/assets/app-bg_3-ByktCrdN.png);background-size:cover;box-shadow:0 3px 3px #4169e1;border-radius:20px;text-align:center;color:#e0e6ed;font-family:Roboto,sans-serif}h6[data-v-ebb0186c]{font-size:16px;margin-top:5px;color:#fff}.progress-ring[data-v-ebb0186c]{display:flex;justify-content:center;align-items:center;margin-top:15px}.current-level[data-v-ebb0186c]{margin-top:15px;font-size:18px;color:#e0e6ed}svg[data-v-ebb0186c]{transition:all .5s ease}.container[data-v-ae2e2f71]{padding:40px;width:240px;height:220px;background-color:#2c3e50;background-image:url(/assets/app-bg_3-ByktCrdN.png);background-size:cover;box-shadow:0 5px 20px #0006;border-radius:20px;text-align:center;color:#e0e6ed;font-family:Roboto,sans-serif}h6[data-v-ae2e2f71]{font-size:18px;color:#fff;margin-top:20px;font-weight:700}.water-tank-gauge-container[data-v-68b9b27b]{padding:40px;width:240px;height:220px;background-color:#2c3e50;background-image:url(/assets/app-bg_3-ByktCrdN.png);background-size:cover;box-shadow:0 3px 3px #4169e1;border-radius:20px;text-align:center;color:#e0e6ed;font-family:Roboto,sans-serif}h6[data-v-68b9b27b]{font-size:16px;margin-top:5px;color:#fff}.progress-ring[data-v-68b9b27b]{display:flex;justify-content:center;align-items:center;margin-top:15px}.current-level[data-v-68b9b27b]{margin-top:15px;font-size:18px;color:#e0e6ed}svg[data-v-68b9b27b]{transition:all .5s ease}.container[data-v-0025873b]{padding:40px;width:240px;height:220px;background-color:#2c3e50;background-image:url(/assets/app-bg_3-ByktCrdN.png);background-size:cover;box-shadow:0 5px 20px #0006;border-radius:20px;text-align:center;color:#e0e6ed;font-family:Roboto,sans-serif}h6[data-v-0025873b]{font-size:18px;color:#fff;margin-top:20px;font-weight:700}.water-tank-gauge-container[data-v-353ff737]{padding:40px;width:240px;height:220px;background-color:#2c3e50;background-image:url(/assets/app-bg_3-ByktCrdN.png);background-size:cover;box-shadow:0 3px 3px #4169e1;border-radius:20px;text-align:center;color:#e0e6ed;font-family:Roboto,sans-serif}h6[data-v-353ff737]{font-size:16px;margin-top:5px;color:#fff}.progress-ring[data-v-353ff737]{display:flex;justify-content:center;align-items:center;margin-top:15px}.current-level[data-v-353ff737]{margin-top:15px;font-size:18px;color:#e0e6ed}svg[data-v-353ff737]{transition:all .5s ease}.water-tank-gauge-container[data-v-12892812]{padding:40px;width:240px;height:220px;background-color:#2c3e50;background-image:url(/assets/app-bg_3-ByktCrdN.png);background-size:cover;box-shadow:0 3px 3px #4169e1;border-radius:20px;text-align:center;color:#e0e6ed;font-family:Roboto,sans-serif}h6[data-v-12892812]{font-size:16px;margin-top:5px;color:#fff}.progress-ring[data-v-12892812]{display:flex;justify-content:center;align-items:center;margin-top:15px}.current-level[data-v-12892812]{margin-top:15px;font-size:18px;color:#e0e6ed}svg[data-v-12892812]{transition:all .5s ease}.container[data-v-e669fd1f]{padding:40px;width:240px;height:220px;background-color:#2c3e50;background-image:url(/assets/app-bg_3-ByktCrdN.png);background-size:cover;box-shadow:0 5px 20px #0006;border-radius:20px;text-align:center;color:#e0e6ed;font-family:Roboto,sans-serif}h6[data-v-e669fd1f]{font-size:18px;color:#fff;margin-top:20px;font-weight:700}.container[data-v-dcf44785]{padding:40px;width:240px;height:220px;background-color:#2c3e50;background-image:url(/assets/app-bg_3-ByktCrdN.png);background-size:cover;box-shadow:0 5px 20px #0006;border-radius:20px;text-align:center;color:#e0e6ed;font-family:Roboto,sans-serif}h6[data-v-dcf44785]{font-size:18px;color:#fff;margin-top:20px;font-weight:700}.container[data-v-90f93754]{padding:40px;width:240px;height:220px;background-color:#2c3e50;background-image:url(/assets/app-bg_3-ByktCrdN.png);background-size:cover;box-shadow:0 5px 20px #0006;border-radius:20px;text-align:center;color:#e0e6ed;font-family:Roboto,sans-serif}h6[data-v-90f93754]{font-size:18px;color:#fff;margin-top:20px;font-weight:700}.channelMainDiv[data-v-99a62da2]{width:95%;height:100%;display:flex;flex-direction:column;justify-content:space-between;align-items:center;opacity:0;animation:fadeIn-99a62da2 .5s ease-in-out forwards}.channelDivOne[data-v-99a62da2]{width:95%;height:10%;display:flex;justify-content:space-between;align-items:center}.channelDivTwo[data-v-99a62da2]{width:95%;height:90%;display:flex;flex-direction:column;align-items:center}.main_conatiner[data-v-99a62da2]{width:95%;height:100%;overflow-y:auto}.nmea_edit[data-v-99a62da2]{background-repeat:repeat-x;background-size:cover;background-position:50% 50%;border:0;width:100px;height:35px;border-radius:30px;border-width:2px;border-color:#000;box-shadow:0 0 5px #0ff,0 0 15px #0ff;margin-top:0}.main-items-container[data-v-99a62da2]{display:flex;justify-content:center;flex-wrap:wrap;margin-top:20px;width:100%}.main-items-container ul[data-v-99a62da2]{list-style-type:none;padding:0;display:flex;flex-wrap:wrap;justify-content:center;gap:10px;width:100%}.main-items-container li[data-v-99a62da2]{flex:0 1 calc(50% - 20px);margin-bottom:10px;display:flex;flex-direction:column;align-items:center}.item-image[data-v-99a62da2]{width:100px;height:100px;object-fit:cover;cursor:pointer}.overlay[data-v-99a62da2]{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000000eb;display:flex;justify-content:center;align-items:center;z-index:1000}.list-container[data-v-99a62da2]{padding:20px;border-radius:8px;max-width:80%;max-height:80%;overflow-y:auto}.close_btn[data-v-99a62da2]{position:absolute;top:50px;right:50px;background-repeat:repeat-x;background-size:cover;background-position:50% 50%;border:0;width:40px;height:35px;border-radius:30px;border-width:2px;border-color:#000;box-shadow:0 0 5px #0ff,0 0 15px #0ff;margin-top:0}.grid-container[data-v-99a62da2]{display:grid;grid-template-columns:repeat(2,100px);gap:10px}.grid-container>div[data-v-99a62da2]{display:flex;justify-content:center;align-items:center;cursor:pointer}.list-container div.disabled[data-v-99a62da2]{opacity:.5;pointer-events:none}@keyframes fadeIn-99a62da2{to{opacity:1}}.channelMainDiv[data-v-f2195d39]{width:95%;height:100%;display:flex;flex-direction:column;justify-content:space-evenly;align-items:center}.channelDivOne[data-v-f2195d39]{width:95%;height:10%;display:flex;justify-content:space-evenly;align-items:center}.channelDivTwo[data-v-f2195d39]{width:95%;height:90%;display:flex;flex-direction:column;align-items:center}.main_container[data-v-f2195d39]{width:95%;height:100%;overflow:auto}.imageDiv[data-v-f2195d39]{width:100%;flex:4;display:flex;flex-direction:column;align-items:center;padding-top:2vh;flex-shrink:0}.imageDiv img[data-v-f2195d39]{width:90%;height:auto;max-height:100%;object-fit:contain}.dataDiv[data-v-f2195d39]{width:100%;flex:6;background-color:#00186b;overflow-y:auto}.tabs[data-v-f2195d39]{width:100%}.tabs button[data-v-f2195d39]{padding:20px;border:none;color:#fff;font-size:16px;text-align:center;border-radius:0;width:33.33%;background-color:transparent;transition:background-color .3s ease}.tabs button[data-v-f2195d39]:focus,.tabs button[data-v-f2195d39]:before{background-color:#0f3052}.tab-content[data-v-f2195d39]{transition:background-color .3s ease;border-radius:0}.info-background[data-v-f2195d39],.battery-background[data-v-f2195d39],.saildrive-background[data-v-f2195d39]{background-color:#0f3052;width:100%;height:100%}.info-section[data-v-f2195d39]{display:flex;flex-direction:column;justify-content:left;align-items:left;padding:20px;text-align:left;color:#fff}.info-item[data-v-f2195d39]{font-size:18px;margin-top:10px}.data-section[data-v-f2195d39]{display:flex;flex-direction:column;align-items:center;justify-content:center}.data-item[data-v-f2195d39]{display:flex;align-items:center;justify-content:space-between;width:80%;margin:10px 0;font-size:18px}.tab-image[data-v-f2195d39]{max-width:100%;max-height:100%;object-fit:contain;margin-bottom:20px}.channelMainDiv[data-v-b89bd5c4]{width:100%;height:100%;display:flex;flex-direction:column;justify-content:space-evenly;align-items:center;opacity:0;animation:fadeIn-b89bd5c4 .5s ease-in-out forwards}.channelDivOne[data-v-b89bd5c4]{width:100%;height:10%;display:flex;flex-direction:row;justify-content:space-evenly;align-items:center;padding-left:15px}.channelDivTwo[data-v-b89bd5c4]{width:100%;height:90%;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;padding-top:5px}.main_container[data-v-b89bd5c4]{overflow-y:auto;overflow-x:hidden;width:85vw;height:70vh;background:linear-gradient(to top,#0f1420,#0e3453);border-radius:15px}.imageDiv[data-v-b89bd5c4]{display:flex;justify-content:center;align-items:center;margin-top:30px;flex:1}.battery[data-v-b89bd5c4]{width:25vw;height:25vh;border:2px solid #69ff69;border-radius:10px;display:flex;justify-content:center;overflow:hidden}.battery-inner[data-v-b89bd5c4]{display:flex;flex-direction:column-reverse;height:100%;width:100%}.block[data-v-b89bd5c4]{width:100%;height:calc((100% / 6) - 4px);border-radius:3px;margin-top:4px;transition:background-color .3s ease}.block[data-v-b89bd5c4]:last-child{margin-top:0}.block.active[data-v-b89bd5c4]{background-color:#69ff69}.dataDiv[data-v-b89bd5c4]{width:100%;height:40%;background-color:#0f3052;margin-top:20px}.error-Item[data-v-b89bd5c4]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:10px;color:red;font-weight:600}.tabs button[data-v-b89bd5c4]{padding:20px;border:none;color:#fff;font-size:16px;width:100%;background-color:transparent;transition:background-color .3s ease;align-items:center}.tabs button[data-v-b89bd5c4]:focus{background-color:#0f3052}.tabs button.activeTab[data-v-b89bd5c4]{background-color:#2b88d8}.data-section[data-v-b89bd5c4]{display:flex;flex-direction:column;align-items:center;justify-content:center}.data-item[data-v-b89bd5c4]{display:flex;flex-direction:column;padding-top:15px;align-items:center;margin-bottom:10px;margin-left:15px}.label[data-v-b89bd5c4]{font-size:15px;text-align:left}.value[data-v-b89bd5c4]{font-size:18px;text-align:left}.hidden-scroll-container[data-v-b89bd5c4]{max-height:280px;scrollbar-width:none;-ms-overflow-style:none}.hidden-scroll-container[data-v-b89bd5c4]::-webkit-scrollbar{display:none}.switch[data-v-b89bd5c4]{position:relative;display:inline-block;width:100px;height:34px}.switch input[data-v-b89bd5c4]{opacity:0;width:0;height:0}.slider[data-v-b89bd5c4]{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#69ff69;transition:.2s;border-radius:34px;display:flex;align-items:center;justify-content:right;padding-right:15px;font-family:sans-serif;font-size:13px;color:#000;box-shadow:0 0 5px #0ff,0 0 15px #0ff}.slider[data-v-b89bd5c4]:before{position:absolute;content:"";height:26px;width:26px;left:4px;bottom:4px;background-color:#fff;transition:.4s;border-radius:50%;z-index:1;box-shadow:0 0 5px #0ff,0 0 15px #0ff}input:checked+.slider[data-v-b89bd5c4]{background-color:#2196f3;display:flex;align-items:left;justify-content:left;padding-left:15px}input:focus+.slider[data-v-b89bd5c4]{box-shadow:0 0 5px #0ff,0 0 15px #0ff}input:checked+.slider[data-v-b89bd5c4]:before{transform:translate(60px)}@keyframes fadeIn-b89bd5c4{to{opacity:1}}.main-container[data-v-c0c20ab5]{padding:0 15px;display:flex;flex-direction:column;height:100vh}.header[data-v-c0c20ab5]{display:flex;align-items:center;height:100px}.header button[data-v-c0c20ab5]{margin-top:5px;background:transparent;color:#fff;border:none;padding:10px;margin-right:15px;border-radius:5px;cursor:pointer;font-size:x-large}.Connect_to_Network[data-v-c0c20ab5]{margin-top:5px;background:#fff;color:#000;border:none;padding:7px;border-radius:30px;cursor:pointer}.Connect[data-v-c0c20ab5]{margin-top:5px;background:#fff;color:#000;border:none;padding:7px;border-radius:30px;cursor:pointer;text-align:right}.disconnect[data-v-c0c20ab5]{background-color:#3447b3;background-size:cover;background-position:50% 50%;border:0;color:#fff;width:150px;height:35px;border-radius:30px;border-width:2px}.activationButton[data-v-c0c20ab5]{background-color:#3c536b;background-size:cover;background-position:50% 50%;border:0;cursor:not-allowed;color:#fff;width:150px;height:35px;border-radius:30px;border-width:2px}.header h2[data-v-c0c20ab5]{margin:0}.content[data-v-c0c20ab5]{flex:1;overflow-y:auto}.section[data-v-c0c20ab5]{margin-bottom:20px}.section h4[data-v-c0c20ab5]{display:flex;justify-content:space-between;cursor:pointer}.accordion[data-v-c0c20ab5]{margin-top:5px;margin-bottom:15px;padding:5px;border-radius:15px;background:#325993}.accordion h5[data-v-c0c20ab5]{display:flex;justify-content:space-between;align-items:center;padding-left:10px;font-size:small;color:#fff}.icon[data-v-c0c20ab5]{font-size:16px;margin-left:10px;color:#777}.accordion-content[data-v-c0c20ab5]{padding-left:5px;background:#325993;margin-top:5px}.changenow[data-v-c0c20ab5],.resetnow[data-v-c0c20ab5]{background-color:#3447b3;background-size:cover;background-position:50% 50%;border:0;color:#fff;width:150px;height:35px;border-radius:30px;border-width:2px}.sign-out-button[data-v-c0c20ab5]{margin-top:5px;background:#d9534f;color:#fff;border:none;padding:10px;border-radius:5px;cursor:pointer}.sign-out-button[data-v-c0c20ab5]:hover{background:#c9302c}.password-overlay[data-v-c0c20ab5]{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#0009;display:flex;justify-content:center;align-items:center;z-index:9999}.password-modal[data-v-c0c20ab5]{background-color:#fff;padding:30px 24px;border-radius:16px;width:90%;max-width:360px;box-shadow:0 8px 20px #0003;text-align:center;animation:fadeIn-c0c20ab5 .3s ease}.password-modal h3[data-v-c0c20ab5]{font-size:18px;font-weight:600;margin-bottom:16px;color:#333}.password-modal input[type=password][data-v-c0c20ab5]{width:90%;padding:10px 12px;border:1px solid #ccc;border-radius:8px;font-size:16px;margin-bottom:20px;outline:none;transition:border-color .2s}.password-modal input[type=password][data-v-c0c20ab5]:focus{border-color:#4a90e2}.password-modal button[data-v-c0c20ab5]{padding:10px 16px;margin:0 8px;border:none;border-radius:30px;background-color:#4a90e2;color:#fff;font-weight:500;font-size:14px;cursor:pointer;transition:background-color .2s}.password-modal button[data-v-c0c20ab5]:hover{background-color:#357ac6}.password-modal button[data-v-c0c20ab5]:nth-child(4){background-color:#ddd;color:#333}.password-modal button[data-v-c0c20ab5]:nth-child(4):hover{background-color:#ccc}@keyframes fadeIn-c0c20ab5{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.current_password[data-v-c0c20ab5],.new_password[data-v-c0c20ab5],.reset_password[data-v-c0c20ab5]{margin-top:5px;background:#fff;color:#000;border:none;padding:7px;border-radius:30px;cursor:pointer}.loader[data-v-c0c20ab5]{border:3px solid #f3f3f3;border-top:3px solid #3498db;border-radius:50%;width:10px;height:10px;animation:spin-c0c20ab5 1s linear infinite;display:inline-block;margin-left:8px;vertical-align:middle}@keyframes spin-c0c20ab5{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.network-item[data-v-c0c20ab5]{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;border-bottom:1px solid #ddd}.Connect[data-v-c0c20ab5]{margin-left:10px;background:#fff;color:#000;border:1px solid #ccc;padding:6px 12px;border-radius:20px;cursor:pointer;transition:background .2s}.Connect[data-v-c0c20ab5]:hover{background:#f0f0f0}.error-banner[data-v-c0c20ab5]{position:fixed;top:0;left:0;right:0;background-color:#ffe5e5;color:#b30000;text-align:center;padding:12px 20px;z-index:9999;font-size:16px;font-weight:500;box-shadow:0 2px 6px #0003}.slide-down-enter-active[data-v-c0c20ab5]{animation:slideDown-c0c20ab5 .4s ease forwards}.slide-down-leave-active[data-v-c0c20ab5]{animation:slideUp-c0c20ab5 .3s ease forwards}@keyframes slideDown-c0c20ab5{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slideUp-c0c20ab5{0%{transform:translateY(0);opacity:1}to{transform:translateY(-100%);opacity:0}}.view-one[data-v-341b6915]{height:100vh;width:100vw;display:flex;flex-direction:column;justify-content:space-between;-webkit-user-select:none;user-select:none}.header[data-v-341b6915]{display:flex;justify-content:space-between;align-items:flex-end;padding:0 10px 10px 15px;height:5%}.header img[data-v-341b6915]{height:20px}.header .text[data-v-341b6915]{flex-grow:1;margin:0 10px;text-align:left;display:flex;align-items:flex-end;height:100%}.header .text .text-wrapper[data-v-341b6915]{display:flex;align-items:flex-end;height:100%}.header .text h3[data-v-341b6915]{margin:0}.content[data-v-341b6915]{width:100%;height:87%;display:flex;justify-content:center;align-items:center}.footer[data-v-341b6915]{display:flex;flex-direction:row;justify-content:space-evenly;padding-bottom:15px;padding-top:10px;align-items:center;height:5%;width:100%}.footer button[data-v-341b6915]{border:none;background:transparent;cursor:pointer;padding:5px}.footer button img[data-v-341b6915]{width:31px;height:35px}.loader-container[data-v-341b6915]{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100vh;transition:5s ease-in-out}.loader[data-v-341b6915]{border-radius:50%;border-top:6px solid #0000FF;width:40px;height:40px;-webkit-animation:spin 2s linear infinite;animation:spin 1s linear infinite;display:flex;justify-content:center;align-items:center;top:50%;left:50%;transform:translate(-50%,-50%)}.status-text[data-v-341b6915]{margin-top:20px;font-size:18px;color:#f3f3f3}.missing_box[data-v-341b6915]{margin:0 0 50px;font-size:1em;position:relative;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;padding:10px;display:flex;justify-content:center;align-items:center;width:auto;max-width:90%;border-radius:30px;cursor:pointer;color:#fff;background-color:#325993;border:none}.nested-enter-active[data-v-341b6915],.nested-leave-active[data-v-341b6915]{transition:all .3s ease-in-out}.nested-leave-active[data-v-341b6915]{transition-delay:.25s}.nested-enter-from[data-v-341b6915],.nested-leave-to[data-v-341b6915]{transform:translateY(30px);opacity:0}.nested-enter-active .inner[data-v-341b6915],.nested-leave-active .inner[data-v-341b6915]{transition:all .3s ease-in-out}.nested-enter-active .inner[data-v-341b6915]{transition-delay:.25s}.nested-enter-from .inner[data-v-341b6915],.nested-leave-to .inner[data-v-341b6915]{transform:translate(30px);opacity:.001}.viewtwo[data-v-b89921ae]{margin:0 auto;display:flex;flex-direction:column;-webkit-user-select:none;user-select:none;width:100%;height:100%;justify-content:space-around}.pairing-page[data-v-c0f9598c]{height:100vh;width:100vw;background-image:url(/assets/app-bg_3-ByktCrdN.png);background-size:cover;background-position:center;display:flex;align-items:center;justify-content:center;opacity:0;animation:fadeIn-c0f9598c 4s ease-in-out forwards}@keyframes fadeIn-c0f9598c{to{opacity:1}}.content[data-v-c0f9598c]{padding:40px;width:70vw;height:40vh;background-color:#2c3e50;background-image:url(/assets/app-bg_3-ByktCrdN.png);background-size:cover;box-shadow:0 5px 20px #cac7c766;border-radius:20px;text-align:center;color:#e0e6ed;font-family:Roboto,sans-serif;text-align:left;font-size:small}.boxbody[data-v-c0f9598c]{font-size:12px;text-align:left}h1[data-v-c0f9598c]{font-size:24px;margin-bottom:10px}ul[data-v-c0f9598c]{list-style:none;padding:0}li[data-v-c0f9598c]{font-size:20px;margin:10px 0}button[data-v-c0f9598c]{padding:10px 20px;font-size:16px;color:#fff;background-color:#325993;border:none;border-radius:5px;cursor:pointer;margin-left:10px}button[data-v-c0f9598c]:hover{background-color:#2980b9}dialog[data-v-c0f9598c]{background-color:#fff;border:none;border-radius:10px;box-shadow:0 4px 10px #00000080;padding:20px;text-align:center}dialog button[data-v-c0f9598c]{margin:10px;padding:10px 20px;font-size:16px;color:#fff;background-color:#3498db;border:none;border-radius:5px;cursor:pointer}dialog button[data-v-c0f9598c]:hover{background-color:#2980b9}.ring-loader[data-v-c0f9598c]{width:55px;height:55px;display:inline-block;position:relative}.ring-loader[data-v-c0f9598c]:after,.ring-loader[data-v-c0f9598c]:before{content:"";box-sizing:border-box;width:48px;height:48px;border-radius:50%;border:2px solid #3498db;position:absolute;left:0;top:0;animation:animloader-c0f9598c 2s linear infinite}.ring-loader[data-v-c0f9598c]:after{animation-delay:1s}@keyframes animloader-c0f9598c{0%{transform:scale(0);opacity:1}to{transform:scale(1);opacity:0}}.viewthree[data-v-4c61a76e]{margin:0 auto;display:flex;flex-direction:column;-webkit-user-select:none;user-select:none;width:100%;height:100%;justify-content:space-around}.loader-container[data-v-f827d6a8]{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100vh;opacity:0;animation:fadeIn-f827d6a8 .5s ease-in-out forwards}.loader[data-v-f827d6a8]{border-radius:50%;border-top:6px solid #0000FF;width:40px;height:40px;-webkit-animation:spin-f827d6a8 2s linear infinite;animation:spin-f827d6a8 1s linear infinite;display:flex;justify-content:center;align-items:center;top:50%;left:50%;transform:translate(-50%,-50%)}.status-text[data-v-f827d6a8]{margin-top:20px;font-size:18px;color:#f3f3f3}@keyframes spin-f827d6a8{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes fadeIn-f827d6a8{0%{opacity:0}to{opacity:1}}.viewthree[data-v-f0bcc87a]{margin:0 auto;display:flex;flex-direction:column;-webkit-user-select:none;user-select:none;width:100%;height:100%;justify-content:space-around}