diff --git a/wled00/data/settings_leds.htm b/wled00/data/settings_leds.htm
index 6767f5da..e771a605 100644
--- a/wled00/data/settings_leds.htm
+++ b/wled00/data/settings_leds.htm
@@ -252,11 +252,11 @@ Color Order:
 <option value="4">BGR</option>
 <option value="5">GBR</option>
 </select><br>
-<span id="p0d${i}">Pin:</span> <input type="number" class="tiny" name="L0${i}" min="0" max="33" required onchange="UI()"/>
-<span id="p1d${i}">Clock:</span> <input type="number" class="tiny" name="L1${i}" min="0" max="33" onchange="UI()"/>
-<span id="p2d${i}"></span><input type="number" class="tiny" name="L2${i}" min="0" max="33" onchange="UI()"/>
-<span id="p3d${i}"></span><input type="number" class="tiny" name="L3${i}" min="0" max="33" onchange="UI()"/>
-<span id="p4d${i}"></span><input type="number" class="tiny" name="L4${i}" min="0" max="33" onchange="UI()"/>
+<span id="p0d${i}">Pin:</span> <input type="number" class="xs" name="L0${i}" min="0" max="33" required onchange="UI()"/>
+<span id="p1d${i}">Clock:</span> <input type="number" class="xs" name="L1${i}" min="0" max="33" onchange="UI()"/>
+<span id="p2d${i}"></span><input type="number" class="xs" name="L2${i}" min="0" max="33" onchange="UI()"/>
+<span id="p3d${i}"></span><input type="number" class="xs" name="L3${i}" min="0" max="33" onchange="UI()"/>
+<span id="p4d${i}"></span><input type="number" class="xs" name="L4${i}" min="0" max="33" onchange="UI()"/>
 <br>
 <span id="psd${i}">Start:</span> <input type="number" name="LS${i}" id="ls${i}" min="0" max="8191" value="${lastEnd(i)}" required />&nbsp;
 <div id="dig${i}" style="display:inline">
@@ -280,7 +280,7 @@ Reverse (rotated 180°): <input type="checkbox" name="CV${i}">
       var c = gId("btns").innerHTML;
       var bt = "BT" + i;
       var be = "BE" + i;
-      c += `Button ${i} pin: <input type="number" min="-1" max="40" name="${bt}" onchange="UI()" style="width:35px" value="${p}">&nbsp;`;
+      c += `Button ${i} pin: <input type="number" class="xs" min="-1" max="40" name="${bt}" onchange="UI()" value="${p}">&nbsp;`;
       c += `<select name="${be}">`
       c += `<option value="0" ${t==0?"selected":""}>Disabled</option>`;
       c += `<option value="2" ${t==2?"selected":""}>Pushbutton</option>`;
@@ -315,7 +315,7 @@ Reverse (rotated 180°): <input type="checkbox" name="CV${i}">
     <br>
     Enable automatic brightness limiter: <input type="checkbox" name="ABen" onchange="enABL()" id="able"><br>
     <div id="abl">
-      Maximum Current: <input name="MA" type="number" class="xmed" min="250" max="65000" oninput="UI()" required> mA<br>
+      Maximum Current: <input name="MA" type="number" class="l" min="250" max="65000" oninput="UI()" required> mA<br>
       <div id="ampwarning" style="color: orange; display: none;">
         &#9888; Your power supply provides high current.<br>
         To improve the safety of your setup,<br>
@@ -348,8 +348,8 @@ Reverse (rotated 180°): <input type="checkbox" name="CV${i}">
       Use less than <span id="wreason">800 LEDs per pin</span> for the best experience!<br>
     </div><hr style="width:260px">
     <div id="btns"></div>
-    Touch threshold: <input type="number" class="small" min="0" max="100" name="TT" required><br>
-    IR pin: <input type="number" class="tiny" min="-1" max="40" name="IR" onchange="UI()">&nbsp;<select name="IT">
+    Touch threshold: <input type="number" class="s" min="0" max="100" name="TT" required><br>
+    IR pin: <input type="number" class="xs" min="-1" max="40" name="IR" onchange="UI()">&nbsp;<select name="IT">
     <option value="0">Remote disabled</option>
     <option value="1">24-key RGB</option>
     <option value="2">24-key with CT</option>
@@ -360,23 +360,23 @@ Reverse (rotated 180°): <input type="checkbox" name="CV${i}">
     <option value="7">9-key red</option>
     </select><span style="cursor: pointer;" onclick="off('IR')">&nbsp;&#215;</span><br>
     <a href="https://github.com/Aircoookie/WLED/wiki/Infrared-Control" target="_blank">IR info</a><br>
-    Relay pin: <input type="number" class="tiny" min="-1" max="33" name="RL" onchange="UI()"> Invert <input type="checkbox" name="RM"><span style="cursor: pointer;" onclick="off('RL')">&nbsp;&#215;</span><br>
+    Relay pin: <input type="number" class="xs" min="-1" max="33" name="RL" onchange="UI()"> Invert <input type="checkbox" name="RM"><span style="cursor: pointer;" onclick="off('RL')">&nbsp;&#215;</span><br>
     <hr style="width:260px">
 		<h3>Defaults</h3>
 		Turn LEDs on after power up/reset: <input type="checkbox" name="BO"><br>
-    Default brightness: <input name="CA" type="number" class="small" min="0" max="255" required> (0-255)<br><br>
-    Apply preset <input name="BP" type="number" class="small" min="0" max="250" required> at boot (0 uses defaults)
+    Default brightness: <input name="CA" type="number" class="s" min="0" max="255" required> (0-255)<br><br>
+    Apply preset <input name="BP" type="number" class="s" min="0" max="250" required> at boot (0 uses defaults)
     <br><br>
 		Use Gamma correction for color: <input type="checkbox" name="GC"> (strongly recommended)<br>
 		Use Gamma correction for brightness: <input type="checkbox" name="GB"> (not recommended)<br><br>
-		Brightness factor: <input name="BF" type="number" class="small" min="1" max="255" required> %
+		Brightness factor: <input name="BF" type="number" class="s" min="1" max="255" required> %
 		<h3>Transitions</h3>
 		Crossfade: <input type="checkbox" name="TF"><br>
-		Transition Time: <input name="TD" type="number" class="xmed" min="0" max="65500"> ms<br>
+		Transition Time: <input name="TD" type="number" class="l" min="0" max="65500"> ms<br>
 		Enable Palette transitions: <input type="checkbox" name="PF">
 		<h3>Timed light</h3>
-		Default Duration: <input name="TL" type="number" class="small" min="1" max="255" required> min<br>
-		Default Target brightness: <input name="TB" type="number" class="small" min="0" max="255" required><br>
+		Default Duration: <input name="TL" type="number" class="s" min="1" max="255" required> min<br>
+		Default Target brightness: <input name="TB" type="number" class="s" min="0" max="255" required><br>
 		Mode:
     <select name="TW">
 			<option value="0">Wait and set</option>
diff --git a/wled00/data/settings_wifi.htm b/wled00/data/settings_wifi.htm
index c438830a..f9642d51 100644
--- a/wled00/data/settings_wifi.htm
+++ b/wled00/data/settings_wifi.htm
@@ -31,20 +31,20 @@
 		Network name (SSID, empty to not connect): <br><input name="CS" maxlength="32"><br>
 		Network password: <br> <input type="password" name="CP" maxlength="63"><br>
 		Static IP (leave at 0.0.0.0 for DHCP):<br>
-		<input name="I0" type="number" class="small" min="0" max="255" required> .
-		<input name="I1" type="number" class="small" min="0" max="255" required> .
-		<input name="I2" type="number" class="small" min="0" max="255" required> .
-		<input name="I3" type="number" class="small" min="0" max="255" required><br>
+		<input name="I0" type="number" class="s" min="0" max="255" required> .
+		<input name="I1" type="number" class="s" min="0" max="255" required> .
+		<input name="I2" type="number" class="s" min="0" max="255" required> .
+		<input name="I3" type="number" class="s" min="0" max="255" required><br>
 		Static gateway:<br>
-		<input name="G0" type="number" class="small" min="0" max="255" required> .
-		<input name="G1" type="number" class="small" min="0" max="255" required> .
-		<input name="G2" type="number" class="small" min="0" max="255" required> .
-		<input name="G3" type="number" class="small" min="0" max="255" required><br>
+		<input name="G0" type="number" class="s" min="0" max="255" required> .
+		<input name="G1" type="number" class="s" min="0" max="255" required> .
+		<input name="G2" type="number" class="s" min="0" max="255" required> .
+		<input name="G3" type="number" class="s" min="0" max="255" required><br>
 		Static subnet mask:<br>
-		<input name="S0" type="number" class="small" min="0" max="255" required> .
-		<input name="S1" type="number" class="small" min="0" max="255" required> .
-		<input name="S2" type="number" class="small" min="0" max="255" required> .
-		<input name="S3" type="number" class="small" min="0" max="255" required><br>
+		<input name="S0" type="number" class="s" min="0" max="255" required> .
+		<input name="S1" type="number" class="s" min="0" max="255" required> .
+		<input name="S2" type="number" class="s" min="0" max="255" required> .
+		<input name="S3" type="number" class="s" min="0" max="255" required><br>
 		mDNS address (leave empty for no mDNS):<br/>
 		http:// <input name="CM" maxlength="32"> .local<br>
 		Client IP: <span class="sip"> Not connected </span> <br>
@@ -52,7 +52,7 @@
 		AP SSID (leave empty for no AP):<br> <input name="AS" maxlength="32"><br>
 		Hide AP name: <input type="checkbox" name="AH"><br>
 		AP password (leave empty for open):<br> <input type="password" name="AP" maxlength="63" pattern="(.{8,63})|()" title="Empty or min. 8 characters"><br>
-		Access Point WiFi channel: <input name="AC" type="number" class="tiny" min="1" max="13" required><br>
+		Access Point WiFi channel: <input name="AC" type="number" class="xs" min="1" max="13" required><br>
     AP opens:
     <select name="AB">
     <option value="0">No connection after boot</option>
diff --git a/wled00/data/style.css b/wled00/data/style.css
index b1462de2..5a6196c6 100644
--- a/wled00/data/style.css
+++ b/wled00/data/style.css
@@ -38,19 +38,19 @@ input[type="number"] {
 input[type="number"].xxl {
   width: 100px;
 }
-input[type="number"].big {
+input[type="number"].xl {
   width: 85px;
 }
-input[type="number"].xmed {
+input[type="number"].l {
   width: 60px;
 }
-input[type="number"].med {
+input[type="number"].m {
   width: 55px;
 }
-input[type="number"].small {
+input[type="number"].s {
   width: 42px;
 }
-input[type="number"].tiny {
+input[type="number"].xs {
   width: 35px;
 }
 input[type="checkbox"] {
diff --git a/wled00/html_settings.h b/wled00/html_settings.h
index e3dfd809..1b6bede1 100644
--- a/wled00/html_settings.h
+++ b/wled00/html_settings.h
@@ -6,7 +6,7 @@
  */ 
 
 // Autogenerated from wled00/data/style.css, do not edit!!
-const char PAGE_settingsCss[] PROGMEM = R"=====(<style>body{font-family:Verdana,sans-serif;text-align:center;background:#222;color:#fff;line-height:200%%;margin:0}hr{border-color:#666}button{background:#333;color:#fff;font-family:Verdana,sans-serif;border:.3ch solid #333;display:inline-block;font-size:20px;margin:8px;margin-top:12px;cursor:pointer}.helpB{text-align:left;position:absolute;width:60px}input{background:#333;color:#fff;font-family:Verdana,sans-serif;border:.5ch solid #333}input[type=number]{width:4em;margin:2px}input[type=number].xxl{width:100px}input[type=number].big{width:85px}input[type=number].xmed{width:60px}input[type=number].med{width:55px}input[type=number].small{width:42px}input[type=number].tiny{width:35px}input[type=checkbox]{transform:scale(1.5);margin-right:10px}select{background:#333;color:#fff;font-family:Verdana,sans-serif;border:.5ch solid #333}td{padding:2px}.d5{width:4.5em!important}</style>)=====";
+const char PAGE_settingsCss[] PROGMEM = R"=====(<style>body{font-family:Verdana,sans-serif;text-align:center;background:#222;color:#fff;line-height:200%%;margin:0}hr{border-color:#666}button{background:#333;color:#fff;font-family:Verdana,sans-serif;border:.3ch solid #333;display:inline-block;font-size:20px;margin:8px;margin-top:12px;cursor:pointer}.helpB{text-align:left;position:absolute;width:60px}input{background:#333;color:#fff;font-family:Verdana,sans-serif;border:.5ch solid #333}input[type=number]{width:4em;margin:2px}input[type=number].xxl{width:100px}input[type=number].xl{width:85px}input[type=number].l{width:60px}input[type=number].m{width:55px}input[type=number].s{width:42px}input[type=number].xs{width:35px}input[type=checkbox]{transform:scale(1.5);margin-right:10px}select{background:#333;color:#fff;font-family:Verdana,sans-serif;border:.5ch solid #333}td{padding:2px}.d5{width:4.5em!important}</style>)=====";
 
 
 // Autogenerated from wled00/data/settings.htm, do not edit!!
@@ -39,31 +39,31 @@ Back</button><button type="submit">Save & Connect</button><hr><h2>WiFi setup
 Network name (SSID, empty to not connect):<br><input name="CS" maxlength="32">
 <br>Network password:<br><input type="password" name="CP" maxlength="63"><br>
 Static IP (leave at 0.0.0.0 for DHCP):<br><input name="I0" type="number" 
-class="small" min="0" max="255" required> . <input name="I1" type="number" 
-class="small" min="0" max="255" required> . <input name="I2" type="number" 
-class="small" min="0" max="255" required> . <input name="I3" type="number" 
-class="small" min="0" max="255" required><br>Static gateway:<br><input 
-name="G0" type="number" class="small" min="0" max="255" required> . <input 
-name="G1" type="number" class="small" min="0" max="255" required> . <input 
-name="G2" type="number" class="small" min="0" max="255" required> . <input 
-name="G3" type="number" class="small" min="0" max="255" required><br>
-Static subnet mask:<br><input name="S0" type="number" class="small" min="0" 
-max="255" required> . <input name="S1" type="number" class="small" min="0" 
-max="255" required> . <input name="S2" type="number" class="small" min="0" 
-max="255" required> . <input name="S3" type="number" class="small" min="0" 
-max="255" required><br>mDNS address (leave empty for no mDNS):<br>http:// <input
- name="CM" maxlength="32"> .local<br>Client IP: <span class="sip">Not connected
-</span><br><h3>Configure Access Point</h3>AP SSID (leave empty for no AP):<br>
-<input name="AS" maxlength="32"><br>Hide AP name: <input type="checkbox" 
-name="AH"><br>AP password (leave empty for open):<br><input type="password" 
-name="AP" maxlength="63" pattern="(.{8,63})|()" 
-title="Empty or min. 8 characters"><br>Access Point WiFi channel: <input 
-name="AC" type="number" class="tiny" min="1" max="13" required><br>AP opens: 
-<select name="AB"><option value="0">No connection after boot</option><option 
-value="1">Disconnected</option><option value="2">Always</option><option 
-value="3">Never (not recommended)</option></select><br>AP IP: <span class="sip">
-Not active</span><br><h3>Experimental</h3>Disable WiFi sleep: <input 
-type="checkbox" name="WS"><br><i>Can help with connectivity issues.<br>
+class="s" min="0" max="255" required> . <input name="I1" type="number" 
+class="s" min="0" max="255" required> . <input name="I2" type="number" 
+class="s" min="0" max="255" required> . <input name="I3" type="number" 
+class="s" min="0" max="255" required><br>Static gateway:<br><input name="G0" 
+type="number" class="s" min="0" max="255" required> . <input name="G1" 
+type="number" class="s" min="0" max="255" required> . <input name="G2" 
+type="number" class="s" min="0" max="255" required> . <input name="G3" 
+type="number" class="s" min="0" max="255" required><br>Static subnet mask:<br>
+<input name="S0" type="number" class="s" min="0" max="255" required> . <input 
+name="S1" type="number" class="s" min="0" max="255" required> . <input 
+name="S2" type="number" class="s" min="0" max="255" required> . <input 
+name="S3" type="number" class="s" min="0" max="255" required><br>
+mDNS address (leave empty for no mDNS):<br>http:// <input name="CM" 
+maxlength="32"> .local<br>Client IP: <span class="sip">Not connected</span><br>
+<h3>Configure Access Point</h3>AP SSID (leave empty for no AP):<br><input 
+name="AS" maxlength="32"><br>Hide AP name: <input type="checkbox" name="AH"><br>
+AP password (leave empty for open):<br><input type="password" name="AP" 
+maxlength="63" pattern="(.{8,63})|()" title="Empty or min. 8 characters"><br>
+Access Point WiFi channel: <input name="AC" type="number" class="xs" min="1" 
+max="13" required><br>AP opens: <select name="AB"><option value="0">
+No connection after boot</option><option value="1">Disconnected</option><option 
+value="2">Always</option><option value="3">Never (not recommended)</option>
+</select><br>AP IP: <span class="sip">Not active</span><br><h3>Experimental</h3>
+Disable WiFi sleep: <input type="checkbox" name="WS"><br><i>
+Can help with connectivity issues.<br>
 Do not enable if WiFi is working correctly, increases power consumption.</i><div
  id="ethd"><h3>Ethernet Type</h3><select name="ETH"><option value="0">None
 </option><option value="2">ESP32-POE</option><option value="6">ESP32Deux
@@ -77,7 +77,7 @@ onclick="B()">Back</button><button type="submit">Save & Connect</button></form>
 // Autogenerated from wled00/data/settings_leds.htm, do not edit!!
 const char PAGE_settings_leds[] PROGMEM = R"=====(<!DOCTYPE html><html lang="en"><head><meta charset="utf-8"><meta 
 name="viewport" content="width=500"><title>LED Settings</title><script>
-var d=document,laprev=55,maxB=1,maxM=5e3,maxPB=4096,bquot=0;function H(){window.open("https://github.com/Aircoookie/WLED/wiki/Settings#led-settings")}function B(){window.open("/settings","_self")}function gId(e){return d.getElementById(e)}function off(e){d.getElementsByName(e)[0].value=-1}function bLimits(e,n,t){maxB=e,maxM=t,maxPB=n}function pinsOK(){var e=d.getElementsByTagName("input");for(i=0;i<e.length;i++){var n=e[i].name.substring(0,2);if(("L0"==n||"L1"==n||"L2"==n||"L3"==n||"L4"==n||"RL"==n||"BT"==n||"IR"==n)&&""!=e[i].value&&"-1"!=e[i].value){if(d.um_p&&d.um_p.some(n=>n==parseInt(e[i].value,10)))return alert(`Sorry, pins ${JSON.stringify(d.um_p)} can't be used.`),e[i].value="",e[i].focus(),!1;if(e[i].value>5&&e[i].value<12)return alert("Sorry, pins 6-11 can not be used."),e[i].value="",e[i].focus(),!1;for(j=i+1;j<e.length;j++){var t=e[j].name.substring(0,2);if(("L0"==t||"L1"==t||"L2"==t||"L3"==t||"L4"==t||"RL"==t||"BT"==t||"IR"==t)&&""!=e[j].value&&e[i].value==e[j].value)return alert(`Pin conflict between ${n}/${t}!`),e[j].value="",e[j].focus(),!1}}}return!0}function trySubmit(e){if(e.preventDefault(),!pinsOK())return e.stopPropagation(),!1;if(bquot>100){var n="Too many LEDs for me to handle!";maxM<1e4&&(n+="\n\rConsider using an ESP32."),alert(n)}d.Sf.checkValidity()&&d.Sf.submit()}function S(){GetV(),setABL()}function enABL(){var e=gId("able").checked;d.Sf.LA.value=e?laprev:0,gId("abl").style.display=e?"inline":"none",gId("psu2").style.display=e?"inline":"none",d.Sf.LA.value>0&&setABL()}function enLA(){var e=d.Sf.LAsel.value;d.Sf.LA.value=e,gId("LAdis").style.display=50==e?"inline":"none",UI()}function setABL(){switch(gId("able").checked=!0,d.Sf.LAsel.value=50,parseInt(d.Sf.LA.value)){case 0:gId("able").checked=!1,enABL();break;case 30:d.Sf.LAsel.value=30;break;case 35:d.Sf.LAsel.value=35;break;case 55:d.Sf.LAsel.value=55;break;case 255:d.Sf.LAsel.value=255;break;default:gId("LAdis").style.display="inline"}gId("m1").innerHTML=maxM,d.getElementsByName("Sf")[0].addEventListener("submit",trySubmit),UI()}function getMem(e,n,t){return e<32?maxM<1e4&&3==t?e>29?20*n:15*n:maxM>=1e4?e>29?8*n:6*n:e>29?4*n:3*n:e>31&&e<48?5:44==e||45==e?4*n:3*n}function UI(e=!1){var n=!1,t=0;gId("ampwarning").style.display=d.Sf.MA.value>7200?"inline":"none",255==d.Sf.LA.value?laprev=12:d.Sf.LA.value>0&&(laprev=d.Sf.LA.value);var a=d.getElementsByTagName("select");for(u=0;u<a.length;u++)if("LT"==a[u].name.substring(0,2)){L=a[u].name.substring(2);var i=parseInt(a[u].value,10);gId("p0d"+L).innerHTML=i>49?"Data:":i>41?"Pins:":"Pin:",gId("p1d"+L).innerHTML=i>49?"Clk:":"";var l=d.getElementsByName("L1"+L)[0];for(t+=getMem(i,d.getElementsByName("LC"+L)[0].value,d.getElementsByName("L0"+L)[0].value),c=1;c<5;c++){(l=d.getElementsByName("L"+c+L)[0])&&(i>49&&1==c||i>41&&i<50&&c+40<i?(l.style.display="inline",l.required=!0):(l.style.display="none",l.required=!1,l.value=""))}(30==i||31==i||i>40&&i<46&&43!=i)&&(n=!0),gId("dig"+L).style.display=i>31&&i<48?"none":"inline",gId("psd"+L).innerHTML=i>31&&i<48?"Index:":"Start:"}var o=d.querySelectorAll(".wc"),s=o.length;for(u=0;u<s;u++)o[u].style.display=n?"inline":"none";if(d.activeElement==d.getElementsByName("LC")[0]){var u=d.getElementsByClassName("iST").length;1==u&&(d.getElementsByName("LC0")[0].value=d.getElementsByName("LC")[0].value)}var r=d.getElementsByTagName("input"),p=0,m=0;for(u=0;u<r.length;u++){var v=r[u].name.substring(0,2);if("LC"!=v||"LC"===r[u].name){if("L0"==v||"L1"==v)d.getElementsByName("LC"+r[u].name.substring(2))[0].max=maxPB;if(("L0"==v||"L1"==v||"L2"==v||"L3"==v||"L4"==v||"RL"==v||"BT"==v||"IR"==v)&&""!=r[u].value&&"-1"!=r[u].value){var c=[];if(d.um_p&&Array.isArray(d.um_p))for(k=0;k<d.um_p.length;k++)c.push(d.um_p[k]);for(j=0;j<r.length;j++)if(u!=j){var g=r[j].name.substring(0,2);"L0"!=g&&"L1"!=g&&"L2"!=g&&"L3"!=g&&"L4"!=g&&"RL"!=g&&"BT"!=g&&"IR"!=g||""!=r[j].value&&"-1"!=r[j].value&&c.push(parseInt(r[j].value,10))}c.some(e=>e==parseInt(r[u].value,10))?r[u].style.color="red":r[u].style.color="#fff"}}else{var L=r[u].name.substring(2),y=parseInt(r[u].value,10);gId("ls"+L).readOnly&&(gId("ls"+L).value=p),y&&(p+=y,y>m&&(m=y))}}gId("m0").innerHTML=t,bquot=t/maxM*100,gId("dbar").style.background=`linear-gradient(90deg, ${bquot>60?bquot>90?"red":"orange":"#ccc"} 0 ${bquot}%%, #444 ${bquot}%% 100%%)`,gId("ledwarning").style.display=p>maxPB||m>800||bquot>80?"inline":"none",gId("ledwarning").style.color=p>maxPB||m>maxPB||bquot>100?"red":"orange",gId("wreason").innerHTML=bquot>80?"80% of max. LED memory"+(bquot>100?` (<b>WARNING: Using over ${maxM}B!</b>)`:""):"800 LEDs per pin";var f=Math.ceil((100+p*laprev)/500)/2;f=f>5?Math.ceil(f):f;a="";var b=30==d.Sf.LAsel.value,B=255==d.Sf.LAsel.value;f<1.02&&!b&&!B?a="ESP 5V pin with 1A USB supply":(a+=b?"12V ":B?"WS2815 12V ":"5V ",a+=f,a+="A supply connected to LEDs");var I=Math.ceil((100+p*laprev)/1500)/2,S="(for most effects, ~";S+=I=I>5?Math.ceil(I):I,S+="A is enough)<br>",gId("psu").innerHTML=a,gId("psu2").innerHTML=B?"":S}function lastEnd(e){if(e<1)return 0;v=parseInt(d.getElementsByName("LS"+(e-1))[0].value)+parseInt(d.getElementsByName("LC"+(e-1))[0].value);var n=parseInt(d.getElementsByName("LT"+(e-1))[0].value);return n>31&&n<48&&(v=1),isNaN(v)?0:v}function addLEDs(e){if(e>1)return maxB=e,void(gId("+").style.display="inline");var n=d.getElementsByClassName("iST"),t=n.length;if(!(1==e&&t>=maxB||-1==e&&0==t)){var a=gId("mLC");if(1==e){var i=`<div class="iST">\n${t>0?'<hr style="width:260px">':""}\n${t+1}:\n<select name="LT${t}" onchange="UI()">\n<option value="22">WS281x</option>\n<option value="30">SK6812 RGBW</option>\n<option value="31">TM1814</option>\n<option value="24">400kHz</option>\n<option value="50">WS2801</option>\n<option value="51">APA102</option>\n<option value="52">LPD8806</option>\n<option value="53">P9813</option>\n<option value="41">PWM White</option>\n<option value="42">PWM WWCW</option>\n<option value="43">PWM RGB</option>\n<option value="44">PWM RGBW</option>\n<option value="45">PWM RGBWC</option>\n</select>&nbsp;\nColor Order:\n<select name="CO${t}">\n<option value="0">GRB</option>\n<option value="1">RGB</option>\n<option value="2">BRG</option>\n<option value="3">RBG</option>\n<option value="4">BGR</option>\n<option value="5">GBR</option>\n</select><br>\n<span id="p0d${t}">Pin:</span> <input type="number" class="tiny" name="L0${t}" min="0" max="33" required onchange="UI()"/>\n<span id="p1d${t}">Clock:</span> <input type="number" class="tiny" name="L1${t}" min="0" max="33" onchange="UI()"/>\n<span id="p2d${t}"></span><input type="number" class="tiny" name="L2${t}" min="0" max="33" onchange="UI()"/>\n<span id="p3d${t}"></span><input type="number" class="tiny" name="L3${t}" min="0" max="33" onchange="UI()"/>\n<span id="p4d${t}"></span><input type="number" class="tiny" name="L4${t}" min="0" max="33" onchange="UI()"/>\n<br>\n<span id="psd${t}">Start:</span> <input type="number" name="LS${t}" id="ls${t}" min="0" max="8191" value="${lastEnd(t)}" required />&nbsp;\n<div id="dig${t}" style="display:inline">\nCount: <input type="number" name="LC${t}" min="0" max="${maxPB}" value="1" required oninput="UI()" /><br>\nReverse (rotated 180°): <input type="checkbox" name="CV${t}">\n&nbsp;Skip 1<sup>st</sup> LED: <input id="sl${t}" type="checkbox" name="SL${t}"><br>\n</div>\n</div>`;a.insertAdjacentHTML("beforeend",i)}-1==e&&(n[--t].remove(),--t),gId("+").style.display=t<maxB-1?"inline":"none",gId("-").style.display=t>0?"inline":"none",UI()}}function addBtn(e,n,t){var a=gId("btns").innerHTML,i="BT"+e;a+=`Button ${e} pin: <input type="number" min="-1" max="40" name="${i}" onchange="UI()" style="width:35px" value="${n}">&nbsp;`,a+=`<select name="${"BE"+e}">`,a+=`<option value="0" ${0==t?"selected":""}>Disabled</option>`,a+=`<option value="2" ${2==t?"selected":""}>Pushbutton</option>`,a+=`<option value="3" ${3==t?"selected":""}>Push inverted</option>`,a+=`<option value="4" ${4==t?"selected":""}>Switch</option>`,a+=`<option value="5" ${4==t?"selected":""}>Switch inverted</option>`,a+=`<option value="6" ${6==t?"selected":""}>Touch</option>`,a+=`<option value="7" ${7==t?"selected":""}>Analog</option>`,a+="</select>",a+=`<span style="cursor: pointer;" onclick="off('${i}')">&nbsp;&#215;</span><br>`,gId("btns").innerHTML=a}function GetV() {var d=document;
+var d=document,laprev=55,maxB=1,maxM=5e3,maxPB=4096,bquot=0;function H(){window.open("https://github.com/Aircoookie/WLED/wiki/Settings#led-settings")}function B(){window.open("/settings","_self")}function gId(e){return d.getElementById(e)}function off(e){d.getElementsByName(e)[0].value=-1}function bLimits(e,n,t){maxB=e,maxM=t,maxPB=n}function pinsOK(){var e=d.getElementsByTagName("input");for(i=0;i<e.length;i++){var n=e[i].name.substring(0,2);if(("L0"==n||"L1"==n||"L2"==n||"L3"==n||"L4"==n||"RL"==n||"BT"==n||"IR"==n)&&""!=e[i].value&&"-1"!=e[i].value){if(d.um_p&&d.um_p.some(n=>n==parseInt(e[i].value,10)))return alert(`Sorry, pins ${JSON.stringify(d.um_p)} can't be used.`),e[i].value="",e[i].focus(),!1;if(e[i].value>5&&e[i].value<12)return alert("Sorry, pins 6-11 can not be used."),e[i].value="",e[i].focus(),!1;for(j=i+1;j<e.length;j++){var t=e[j].name.substring(0,2);if(("L0"==t||"L1"==t||"L2"==t||"L3"==t||"L4"==t||"RL"==t||"BT"==t||"IR"==t)&&""!=e[j].value&&e[i].value==e[j].value)return alert(`Pin conflict between ${n}/${t}!`),e[j].value="",e[j].focus(),!1}}}return!0}function trySubmit(e){if(e.preventDefault(),!pinsOK())return e.stopPropagation(),!1;if(bquot>100){var n="Too many LEDs for me to handle!";maxM<1e4&&(n+="\n\rConsider using an ESP32."),alert(n)}d.Sf.checkValidity()&&d.Sf.submit()}function S(){GetV(),setABL()}function enABL(){var e=gId("able").checked;d.Sf.LA.value=e?laprev:0,gId("abl").style.display=e?"inline":"none",gId("psu2").style.display=e?"inline":"none",d.Sf.LA.value>0&&setABL()}function enLA(){var e=d.Sf.LAsel.value;d.Sf.LA.value=e,gId("LAdis").style.display=50==e?"inline":"none",UI()}function setABL(){switch(gId("able").checked=!0,d.Sf.LAsel.value=50,parseInt(d.Sf.LA.value)){case 0:gId("able").checked=!1,enABL();break;case 30:d.Sf.LAsel.value=30;break;case 35:d.Sf.LAsel.value=35;break;case 55:d.Sf.LAsel.value=55;break;case 255:d.Sf.LAsel.value=255;break;default:gId("LAdis").style.display="inline"}gId("m1").innerHTML=maxM,d.getElementsByName("Sf")[0].addEventListener("submit",trySubmit),UI()}function getMem(e,n,t){return e<32?maxM<1e4&&3==t?e>29?20*n:15*n:maxM>=1e4?e>29?8*n:6*n:e>29?4*n:3*n:e>31&&e<48?5:44==e||45==e?4*n:3*n}function UI(e=!1){var n=!1,t=0;gId("ampwarning").style.display=d.Sf.MA.value>7200?"inline":"none",255==d.Sf.LA.value?laprev=12:d.Sf.LA.value>0&&(laprev=d.Sf.LA.value);var a=d.getElementsByTagName("select");for(u=0;u<a.length;u++)if("LT"==a[u].name.substring(0,2)){L=a[u].name.substring(2);var i=parseInt(a[u].value,10);gId("p0d"+L).innerHTML=i>49?"Data:":i>41?"Pins:":"Pin:",gId("p1d"+L).innerHTML=i>49?"Clk:":"";var l=d.getElementsByName("L1"+L)[0];for(t+=getMem(i,d.getElementsByName("LC"+L)[0].value,d.getElementsByName("L0"+L)[0].value),c=1;c<5;c++){(l=d.getElementsByName("L"+c+L)[0])&&(i>49&&1==c||i>41&&i<50&&c+40<i?(l.style.display="inline",l.required=!0):(l.style.display="none",l.required=!1,l.value=""))}(30==i||31==i||i>40&&i<46&&43!=i)&&(n=!0),gId("dig"+L).style.display=i>31&&i<48?"none":"inline",gId("psd"+L).innerHTML=i>31&&i<48?"Index:":"Start:"}var o=d.querySelectorAll(".wc"),s=o.length;for(u=0;u<s;u++)o[u].style.display=n?"inline":"none";if(d.activeElement==d.getElementsByName("LC")[0]){var u=d.getElementsByClassName("iST").length;1==u&&(d.getElementsByName("LC0")[0].value=d.getElementsByName("LC")[0].value)}var r=d.getElementsByTagName("input"),p=0,m=0;for(u=0;u<r.length;u++){var v=r[u].name.substring(0,2);if("LC"!=v||"LC"===r[u].name){if("L0"==v||"L1"==v)d.getElementsByName("LC"+r[u].name.substring(2))[0].max=maxPB;if(("L0"==v||"L1"==v||"L2"==v||"L3"==v||"L4"==v||"RL"==v||"BT"==v||"IR"==v)&&""!=r[u].value&&"-1"!=r[u].value){var c=[];if(d.um_p&&Array.isArray(d.um_p))for(k=0;k<d.um_p.length;k++)c.push(d.um_p[k]);for(j=0;j<r.length;j++)if(u!=j){var g=r[j].name.substring(0,2);"L0"!=g&&"L1"!=g&&"L2"!=g&&"L3"!=g&&"L4"!=g&&"RL"!=g&&"BT"!=g&&"IR"!=g||""!=r[j].value&&"-1"!=r[j].value&&c.push(parseInt(r[j].value,10))}c.some(e=>e==parseInt(r[u].value,10))?r[u].style.color="red":r[u].style.color="#fff"}}else{var L=r[u].name.substring(2),f=parseInt(r[u].value,10);gId("ls"+L).readOnly&&(gId("ls"+L).value=p),f&&(p+=f,f>m&&(m=f))}}gId("m0").innerHTML=t,bquot=t/maxM*100,gId("dbar").style.background=`linear-gradient(90deg, ${bquot>60?bquot>90?"red":"orange":"#ccc"} 0 ${bquot}%%, #444 ${bquot}%% 100%%)`,gId("ledwarning").style.display=p>maxPB||m>800||bquot>80?"inline":"none",gId("ledwarning").style.color=p>maxPB||m>maxPB||bquot>100?"red":"orange",gId("wreason").innerHTML=bquot>80?"80% of max. LED memory"+(bquot>100?` (<b>WARNING: Using over ${maxM}B!</b>)`:""):"800 LEDs per pin";var y=Math.ceil((100+p*laprev)/500)/2;y=y>5?Math.ceil(y):y;a="";var b=30==d.Sf.LAsel.value,B=255==d.Sf.LAsel.value;y<1.02&&!b&&!B?a="ESP 5V pin with 1A USB supply":(a+=b?"12V ":B?"WS2815 12V ":"5V ",a+=y,a+="A supply connected to LEDs");var I=Math.ceil((100+p*laprev)/1500)/2,S="(for most effects, ~";S+=I=I>5?Math.ceil(I):I,S+="A is enough)<br>",gId("psu").innerHTML=a,gId("psu2").innerHTML=B?"":S}function lastEnd(e){if(e<1)return 0;v=parseInt(d.getElementsByName("LS"+(e-1))[0].value)+parseInt(d.getElementsByName("LC"+(e-1))[0].value);var n=parseInt(d.getElementsByName("LT"+(e-1))[0].value);return n>31&&n<48&&(v=1),isNaN(v)?0:v}function addLEDs(e){if(e>1)return maxB=e,void(gId("+").style.display="inline");var n=d.getElementsByClassName("iST"),t=n.length;if(!(1==e&&t>=maxB||-1==e&&0==t)){var a=gId("mLC");if(1==e){var i=`<div class="iST">\n${t>0?'<hr style="width:260px">':""}\n${t+1}:\n<select name="LT${t}" onchange="UI()">\n<option value="22">WS281x</option>\n<option value="30">SK6812 RGBW</option>\n<option value="31">TM1814</option>\n<option value="24">400kHz</option>\n<option value="50">WS2801</option>\n<option value="51">APA102</option>\n<option value="52">LPD8806</option>\n<option value="53">P9813</option>\n<option value="41">PWM White</option>\n<option value="42">PWM WWCW</option>\n<option value="43">PWM RGB</option>\n<option value="44">PWM RGBW</option>\n<option value="45">PWM RGBWC</option>\n</select>&nbsp;\nColor Order:\n<select name="CO${t}">\n<option value="0">GRB</option>\n<option value="1">RGB</option>\n<option value="2">BRG</option>\n<option value="3">RBG</option>\n<option value="4">BGR</option>\n<option value="5">GBR</option>\n</select><br>\n<span id="p0d${t}">Pin:</span> <input type="number" class="xs" name="L0${t}" min="0" max="33" required onchange="UI()"/>\n<span id="p1d${t}">Clock:</span> <input type="number" class="xs" name="L1${t}" min="0" max="33" onchange="UI()"/>\n<span id="p2d${t}"></span><input type="number" class="xs" name="L2${t}" min="0" max="33" onchange="UI()"/>\n<span id="p3d${t}"></span><input type="number" class="xs" name="L3${t}" min="0" max="33" onchange="UI()"/>\n<span id="p4d${t}"></span><input type="number" class="xs" name="L4${t}" min="0" max="33" onchange="UI()"/>\n<br>\n<span id="psd${t}">Start:</span> <input type="number" name="LS${t}" id="ls${t}" min="0" max="8191" value="${lastEnd(t)}" required />&nbsp;\n<div id="dig${t}" style="display:inline">\nCount: <input type="number" name="LC${t}" min="0" max="${maxPB}" value="1" required oninput="UI()" /><br>\nReverse (rotated 180°): <input type="checkbox" name="CV${t}">\n&nbsp;Skip 1<sup>st</sup> LED: <input id="sl${t}" type="checkbox" name="SL${t}"><br>\n</div>\n</div>`;a.insertAdjacentHTML("beforeend",i)}-1==e&&(n[--t].remove(),--t),gId("+").style.display=t<maxB-1?"inline":"none",gId("-").style.display=t>0?"inline":"none",UI()}}function addBtn(e,n,t){var a=gId("btns").innerHTML,i="BT"+e;a+=`Button ${e} pin: <input type="number" class="xs" min="-1" max="40" name="${i}" onchange="UI()" value="${n}">&nbsp;`,a+=`<select name="${"BE"+e}">`,a+=`<option value="0" ${0==t?"selected":""}>Disabled</option>`,a+=`<option value="2" ${2==t?"selected":""}>Pushbutton</option>`,a+=`<option value="3" ${3==t?"selected":""}>Push inverted</option>`,a+=`<option value="4" ${4==t?"selected":""}>Switch</option>`,a+=`<option value="5" ${4==t?"selected":""}>Switch inverted</option>`,a+=`<option value="6" ${6==t?"selected":""}>Touch</option>`,a+=`<option value="7" ${7==t?"selected":""}>Analog</option>`,a+="</select>",a+=`<span style="cursor: pointer;" onclick="off('${i}')">&nbsp;&#215;</span><br>`,gId("btns").innerHTML=a}function GetV() {var d=document;
 %CSS%%SCSS%</head><body onload="S()"><form
  id="form_s" name="Sf" method="post"><div class="helpB"><button type="button" 
 onclick="H()">?</button></div><button type="button" onclick="B()">Back</button>
@@ -87,8 +87,8 @@ oninput="UI()" required><br><i>Recommended power supply for brightest white:</i>
 <br><b><span id="psu">?</span></b><br><span id="psu2"><br></span><br>
 Enable automatic brightness limiter: <input type="checkbox" name="ABen" 
 onchange="enABL()" id="able"><br><div id="abl">Maximum Current: <input 
-name="MA" type="number" class="xmed" min="250" max="65000" oninput="UI()" 
-required> mA<br><div id="ampwarning" style="color:orange;display:none">
+name="MA" type="number" class="l" min="250" max="65000" oninput="UI()" required>
+ mA<br><div id="ampwarning" style="color:orange;display:none">
 &#9888; Your power supply provides high current.<br>
 To improve the safety of your setup,<br>please use thick cables,<br>
 multiple power injection points and a fuse!<br></div><i>
@@ -115,32 +115,31 @@ style="display:inline-block;width:100px;height:10px;border-radius:20px"></div>
 &#9888; You might run into stability or lag issues.<br>Use less than <span 
 id="wreason">800 LEDs per pin</span> for the best experience!<br></div><hr 
 style="width:260px"><div id="btns"></div>Touch threshold: <input type="number" 
-class="small" min="0" max="100" name="TT" required><br>IR pin: <input 
-type="number" class="tiny" min="-1" max="40" name="IR" onchange="UI()">&nbsp;
-<select name="IT"><option value="0">Remote disabled</option><option value="1">
-24-key RGB</option><option value="2">24-key with CT</option><option value="3">
-40-key blue</option><option value="4">44-key RGB</option><option value="5">
-21-key RGB</option><option value="6">6-key black</option><option value="7">
-9-key red</option></select><span style="cursor:pointer" onclick='off("IR")'>
-&nbsp;&#215;</span><br><a 
-href="https://github.com/Aircoookie/WLED/wiki/Infrared-Control" target="_blank">
-IR info</a><br>Relay pin: <input type="number" class="tiny" min="-1" max="33" 
-name="RL" onchange="UI()"> Invert <input type="checkbox" name="RM"><span 
-style="cursor:pointer" onclick='off("RL")'>&nbsp;&#215;</span><br><hr 
-style="width:260px"><h3>Defaults</h3>Turn LEDs on after power up/reset: <input 
-type="checkbox" name="BO"><br>Default brightness: <input name="CA" 
-type="number" class="small" min="0" max="255" required> (0-255)<br><br>
-Apply preset <input name="BP" type="number" class="small" min="0" max="250" 
-required> at boot (0 uses defaults)<br><br>Use Gamma correction for color: 
-<input type="checkbox" name="GC"> (strongly recommended)<br>
+class="s" min="0" max="100" name="TT" required><br>IR pin: <input type="number" 
+class="xs" min="-1" max="40" name="IR" onchange="UI()">&nbsp;<select name="IT">
+<option value="0">Remote disabled</option><option value="1">24-key RGB</option>
+<option value="2">24-key with CT</option><option value="3">40-key blue</option>
+<option value="4">44-key RGB</option><option value="5">21-key RGB</option>
+<option value="6">6-key black</option><option value="7">9-key red</option>
+</select><span style="cursor:pointer" onclick='off("IR")'>&nbsp;&#215;</span>
+<br><a href="https://github.com/Aircoookie/WLED/wiki/Infrared-Control" 
+target="_blank">IR info</a><br>Relay pin: <input type="number" class="xs" 
+min="-1" max="33" name="RL" onchange="UI()"> Invert <input type="checkbox" 
+name="RM"><span style="cursor:pointer" onclick='off("RL")'>&nbsp;&#215;</span>
+<br><hr style="width:260px"><h3>Defaults</h3>Turn LEDs on after power up/reset: 
+<input type="checkbox" name="BO"><br>Default brightness: <input name="CA" 
+type="number" class="s" min="0" max="255" required> (0-255)<br><br>Apply preset 
+<input name="BP" type="number" class="s" min="0" max="250" required>
+ at boot (0 uses defaults)<br><br>Use Gamma correction for color: <input 
+type="checkbox" name="GC"> (strongly recommended)<br>
 Use Gamma correction for brightness: <input type="checkbox" name="GB">
  (not recommended)<br><br>Brightness factor: <input name="BF" type="number" 
-class="small" min="1" max="255" required> %<h3>Transitions</h3>Crossfade: <input
- type="checkbox" name="TF"><br>Transition Time: <input name="TD" type="number" 
-class="xmed" min="0" max="65500"> ms<br>Enable Palette transitions: <input 
+class="s" min="1" max="255" required> %<h3>Transitions</h3>Crossfade: <input 
+type="checkbox" name="TF"><br>Transition Time: <input name="TD" type="number" 
+class="l" min="0" max="65500"> ms<br>Enable Palette transitions: <input 
 type="checkbox" name="PF"><h3>Timed light</h3>Default Duration: <input 
-name="TL" type="number" class="small" min="1" max="255" required> min<br>
-Default Target brightness: <input name="TB" type="number" class="small" min="0" 
+name="TL" type="number" class="s" min="1" max="255" required> min<br>
+Default Target brightness: <input name="TB" type="number" class="s" min="0" 
 max="255" required><br>Mode: <select name="TW"><option value="0">Wait and set
 </option><option value="1">Fade</option><option value="2">Fade Color</option>
 <option value="3">Sunrise</option></select><h3>Advanced</h3>Palette blending: