html{font-family:sans-serif}body{background-color:#2f4f4f;padding:20px}hr{padding:0}details,main,summary{display:block}a{background-color:transparent}a:active,a:hover{outline:0}b{font-weight:700}h1{font-size:36px;margin:10px 0 5px}h2{font-size:24px}input:-webkit-autofill,input:-webkit-autofill:active,input:-webkit-autofill:focus,input:-webkit-autofill:hover{-webkit-box-shadow:inset 0 0 0 30px #fff!important}input[type=checkbox]{box-sizing:border-box;padding:0}input[type=number],input[type=password],input[type=text],select{border:1px solid #ccc;border-radius:6px;font-size:16px;height:40px;padding:0 0 0 20px;width:90%}input[type=file]{display:none}input::placeholder{color:#5e5e5e}input:hover{border-color:rgba(0,0,0,.8);box-shadow:0 1px 4px 0 rgba(220,220,229,.9)}input:focus,select:focus{border-color:#3898ec;outline:0}input[type=number]:hover::-webkit-inner-spin-button{-webkit-appearance:none;-moz-appearance:textfield}footer{font-size:12px;margin:40px;text-align:center}.btn,button{background-color:#2e8bc0;border:0;border-radius:5px;color:#fff;cursor:pointer;display:inline-flex;justify-content:center;min-width:40%;padding:10px 15px}.btn:hover,button:hover{filter:brightness(85%)}ul{display:table;margin:0 auto 10px;text-align:left}hr{order:997;width:100%}select{width:92.5%}.input-label{align-self:self-start;background-color:#fff;border:1px solid #ccc;border-radius:6px;bottom:-5px;color:#015293;font-size:13.5px;left:5%;padding:2px 10px 0;position:relative}.input-label:hover{border-color:rgba(0,0,0,.8)}.esp-info{margin-bottom:12px;text-align:center}.row-wrapper{align-items:baseline;display:flex;flex-wrap:nowrap;gap:20px}.loading{color:#ffffff9e;text-align:center}.loader{height:auto;overflow:hidden;position:relative}.spinH{background:#ffffff2b;border-radius:100%;height:8px;position:absolute;top:50%;width:8px}.spin-1H{animation:spinnerH 3s linear infinite}.spin-2H{animation:spinnerH 3s linear .1s infinite}.spin-3H{animation:spinnerH 3s linear .2s infinite}.spin-4H{animation:spinnerH 3s linear .3s infinite}@keyframes spinnerH{0%{transform:translateX(0)}20%{transform:translate(200px)}70%{transform:translateX(505px)}to{transform:translateX(800px)}}.progress-wrap{background:#9e9e9e7d;font-size:20px;height:25px;margin:20px auto;position:relative;text-align:center;transition:all .4s ease;width:60%}.progress-wrap:not(.active){background:#9e9e9e00;cursor:pointer}.progress-wrap .progress{background:#9e9e9ea1;opacity:0;transition:all .3s ease;width:0;z-index:5}.progress-wrap.active .progress{animation:progress-anim 10s ease 0s;opacity:1}.progress-wrap[data-progress-style=fill-back] .progress{bottom:0;left:0;position:absolute;right:0;top:0}.d-modal{background-color:rgba(96,125,139,.9);border:1px solid #3333336e;border-radius:10px;box-shadow:0 3px 8px rgba(0,0,0,.24);flex-direction:column;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:70%}.d-modal-title{color:#111827;padding:1.5em;position:relative;width:calc(100% - 4.5em)}.d-modal-content{border-top:1px solid #e0e0e0;overflow:auto;padding:1.5em}.topnav{align-self:flex-end;background-color:#333;border-radius:5px;bottom:5px;float:right;overflow:hidden;right:20px;width:fit-content}.topnav a{color:#f2f2f2;display:block;float:left;font-size:16px;padding:5px 10px;text-align:center;text-decoration:none}.topnav a:hover{cursor:pointer;filter:brightness(55%)}.topnav a.active{background-color:#56c080;color:#fff}.topnav .icon{display:none}.logo{width:100%}.lbl-wifi{align-self:flex-end}.table{border-collapse:collapse;border-spacing:0;margin:auto;width:90%}.svg{display:flex;margin-right:10px;width:20px}.svg-e{margin-top:5px}.output{color:#fff}.form{padding:10px 0;text-align:center;width:85%}.ctn:after,.ctn:before{content:" ";display:table;grid-column-end:2;grid-column-start:1;grid-row-end:2;grid-row-start:1}.ctn:after{clear:both}.ctn{background-color:hsla(0,0%,100%,.7);border:1px solid;border-radius:10px;box-shadow:0 3px 8px rgba(0,0,0,.24);display:flex;flex-direction:column;margin:0 auto 10px;max-width:960px;overflow:visible;padding:10px 40px;position:relative}.btn-bar{grid-column-gap:30px;grid-row-gap:20px;display:flex;flex-wrap:wrap;justify-content:center;order:998;padding:20px}.tf-wrapper{align-items:center;flex-direction:column;margin-bottom:10px}.tf-wrapper,.title{display:flex}.heading{margin-right:0;text-align:right;width:100%}.heading-2{color:#0d4869;font-weight:400;margin:10px auto;text-align:center}.toggle{cursor:pointer;display:block;margin:0 0 18px -10px;padding:4px;width:fit-content}.toggle-label{margin:0 20px;position:relative;top:2px}.toggle-switch{background:#ccc;border-radius:16px;display:inline-block;height:32px;position:relative;transition:background .25s;vertical-align:middle;width:58px}.toggle-switch:after,.toggle-switch:before{content:""}.toggle-switch:before{background:linear-gradient(180deg,#fff 0,#eee);border-radius:50%;box-shadow:0 0 0 1px rgba(0,0,0,.25);display:block;height:24px;left:4px;position:absolute;top:4px;transition:left .25s;width:24px}.toggle:hover .toggle-switch:before{background:linear-gradient(180deg,#fff 0,#fff);box-shadow:0 0 0 1px rgba(0,0,0,.5)}.t-check:checked+.toggle-switch{background:#56c080}.t-check:checked+.toggle-switch:before{left:30px}.t-check{position:absolute;visibility:hidden}.pswd{align-items:center;display:flex;flex-direction:row;justify-content:center;width:100%}.show-hide-wrap{cursor:pointer;position:absolute;right:8%}.firmware{align-items:center;display:flex;flex-direction:column}.fw-upload{background:dimgray;border-radius:5px;color:#fff;cursor:pointer;display:inline-block;margin-bottom:20px;padding:12px 20px}.fw-upload:hover{filter:brightness(85%)}.btn,.submit{min-width:25%}#about{color:#d3d3d3}#esp-ip{display:inline-block;margin-bottom:5px}@media screen and (max-width:991px){.wifi-connect{padding-left:20px;padding-right:20px}}@media screen and (max-width:767px){.wifi-connect{padding-left:10px;padding-right:10px}select{width:93.5%}}@media screen and (max-width:608px){h1{font-size:24px}.btn-bar{flex-direction:column;margin-top:20px}.topnav{margin-bottom:5px;width:55%}.topnav a{padding:5px 20px}.topnav a:not(.active){display:none}.topnav a.icon{display:block;float:right}.topnav.responsive .icon{position:absolute;right:0;top:0}.topnav.responsive a{display:block;float:none;text-align:left}.hide-tiny{display:none}.toggle-label{margin:0 5px}.show-hide-wrap{right:4%}}@media screen and (max-width:479px){body{padding:2px}select{width:95.5%}.heading-2{margin-top:10px;padding:0}.form{padding:0}.ctn{max-width:100%;padding:0 10px}.row-wrapper{flex-direction:column;gap:0}}.hide{display:none}