@vixcom/ui 1.1.0 → 1.2.0

package/{css → src/css}/colors.css

@@ -8,7 +8,7 @@
 * {color}-c = The corresponding Text color of the color, if it is used as a background.
 */
 .text-default {
-  color: var(--default, #5B5B5B) !important;
+  color: var(--default, #5b5b5b) !important;
 }
 
 a.text-default:hover,
@@ -22,12 +22,12 @@ button.text-default:active {
 
 .text-neon-default {
   /* color: var(--white) !important; */
-  text-shadow: 0 0 20px var(--default, #5B5B5B), 0 0 10px var(--white);
+  text-shadow: 0 0 20px var(--default, #5b5b5b), 0 0 10px var(--white);
 }
 
 .bg-default {
   background-color: hsla(var(--default-hs), var(--default-l), var(--default-a)) !important;
-  color: var(--default-c, #FFFFFF) !important;
+  color: var(--default-c, #ffffff) !important;
   border-color: hsla(var(--default-hs), calc(var(--default-l) - 20%), var(--default-a));
 }
 .bg-default.is-blur {
@@ -42,7 +42,7 @@ a.bg-default:hover,
 button.bg-default:hover {
   background-color: hsla(var(--default-hs), calc(var(--default-l) - 10%), var(--default-a)) !important;
   border-color: hsla(var(--default-hs), var(--default-l), var(--default-a));
-  color: var(--default-c, #FFFFFF);
+  color: var(--default-c, #ffffff);
 }
 a.bg-default:active,
 .bg-default.link:active,
@@ -51,19 +51,19 @@ button.bg-default:active {
 }
 
 .bg-g-default {
-  background-image: linear-gradient(var(--default, #5B5B5B), hsla(var(--default-hs), calc(var(--default-l) - 20%), var(--default-a))) !important;
-  color: var(--default-c, #FFFFFF);
+  background-image: linear-gradient(var(--default, #5b5b5b), hsla(var(--default-hs), calc(var(--default-l) - 20%), var(--default-a))) !important;
+  color: var(--default-c, #ffffff);
   border: none;
 }
 
 a.bg-g-default:hover,
 button.bg-g-default:hover {
-  background-image: linear-gradient(hsla(var(--default-hs), calc(var(--default-l) + 20%), var(--default-a)), var(--default, #5B5B5B)) !important;
-  color: var(--default-c, #FFFFFF);
+  background-image: linear-gradient(hsla(var(--default-hs), calc(var(--default-l) + 20%), var(--default-a)), var(--default, #5b5b5b)) !important;
+  color: var(--default-c, #ffffff);
 }
 a.bg-g-default:active,
 button.bg-g-default:active {
-  background-image: linear-gradient(hsla(var(--default-hs), calc(var(--default-l) - 20%), var(--default-a)), var(--default, #5B5B5B)) !important;
+  background-image: linear-gradient(hsla(var(--default-hs), calc(var(--default-l) - 20%), var(--default-a)), var(--default, #5b5b5b)) !important;
 }
 
 .tabs-default .tab {
@@ -81,7 +81,7 @@ button.bg-g-default:active {
 }
 .tabs-default.fill .tab.active, .tabs-default.prefill .tab.active {
   background-color: hsla(var(--default-hs), var(--default-l), var(--default-a));
-  color: var(--default-c, #FFFFFF);
+  color: var(--default-c, #ffffff);
 }
 .tabs-default.prefill .tab {
   background-color: hsla(var(--default-hs), var(--default-l), 0.125);
@@ -111,7 +111,7 @@ button.bg-outline-default:hover,
 .bg-outline-default:focus:hover,
 .bg-outline-default:focus-within:hover {
   background-color: hsla(var(--default-hs), calc(var(--default-l) - 10%), var(--default-a)) !important;
-  color: var(--default-c, #FFFFFF) !important;
+  color: var(--default-c, #ffffff) !important;
 }
 a.bg-outline-default.active, a.bg-outline-default:active,
 .bg-outline-default.link.active,
@@ -123,12 +123,12 @@ button.bg-outline-default:active,
 .bg-outline-default:focus-within.active,
 .bg-outline-default:focus-within:active {
   background-color: hsla(var(--default-hs), calc(var(--default-l) - 20%), var(--default-a)) !important;
-  color: var(--default-c, #FFFFFF) !important;
+  color: var(--default-c, #ffffff) !important;
 }
 
 .btn-default {
   background-color: hsla(var(--default-hs), var(--default-l), var(--default-a)) !important;
-  color: var(--default-c, #FFFFFF) !important;
+  color: var(--default-c, #ffffff) !important;
   border-color: hsla(var(--default-hs), calc(var(--default-l) - 20%), var(--default-a));
 }
 .btn-default.is-blur {
@@ -143,7 +143,7 @@ a.btn-default:hover,
 button.btn-default:hover {
   background-color: hsla(var(--default-hs), calc(var(--default-l) - 10%), var(--default-a)) !important;
   border-color: hsla(var(--default-hs), var(--default-l), var(--default-a));
-  color: var(--default-c, #FFFFFF);
+  color: var(--default-c, #ffffff);
 }
 a.btn-default:active,
 .btn-default.link:active,
@@ -152,19 +152,19 @@ button.btn-default:active {
 }
 
 .btn-g-default {
-  background-image: linear-gradient(var(--default, #5B5B5B), hsla(var(--default-hs), calc(var(--default-l) - 20%), var(--default-a))) !important;
-  color: var(--default-c, #FFFFFF);
+  background-image: linear-gradient(var(--default, #5b5b5b), hsla(var(--default-hs), calc(var(--default-l) - 20%), var(--default-a))) !important;
+  color: var(--default-c, #ffffff);
   border: none;
 }
 
 a.btn-g-default:hover,
 button.btn-g-default:hover {
-  background-image: linear-gradient(hsla(var(--default-hs), calc(var(--default-l) + 20%), var(--default-a)), var(--default, #5B5B5B)) !important;
-  color: var(--default-c, #FFFFFF);
+  background-image: linear-gradient(hsla(var(--default-hs), calc(var(--default-l) + 20%), var(--default-a)), var(--default, #5b5b5b)) !important;
+  color: var(--default-c, #ffffff);
 }
 a.btn-g-default:active,
 button.btn-g-default:active {
-  background-image: linear-gradient(hsla(var(--default-hs), calc(var(--default-l) - 20%), var(--default-a)), var(--default, #5B5B5B)) !important;
+  background-image: linear-gradient(hsla(var(--default-hs), calc(var(--default-l) - 20%), var(--default-a)), var(--default, #5b5b5b)) !important;
 }
 
 .btn-outline-default {
@@ -182,7 +182,7 @@ button.btn-outline-default:hover,
 .btn-outline-default:focus:hover,
 .btn-outline-default:focus-within:hover {
   background-color: hsla(var(--default-hs), calc(var(--default-l) - 10%), var(--default-a)) !important;
-  color: var(--default-c, #FFFFFF) !important;
+  color: var(--default-c, #ffffff) !important;
 }
 a.btn-outline-default.active, a.btn-outline-default:active,
 .btn-outline-default.link.active,
@@ -194,12 +194,12 @@ button.btn-outline-default:active,
 .btn-outline-default:focus-within.active,
 .btn-outline-default:focus-within:active {
   background-color: hsla(var(--default-hs), calc(var(--default-l) - 20%), var(--default-a)) !important;
-  color: var(--default-c, #FFFFFF) !important;
+  color: var(--default-c, #ffffff) !important;
 }
 
 .badge-default {
   background-color: hsla(var(--default-hs), var(--default-l), var(--default-a)) !important;
-  color: var(--default-c, #FFFFFF) !important;
+  color: var(--default-c, #ffffff) !important;
   border-color: hsla(var(--default-hs), calc(var(--default-l) - 20%), var(--default-a));
 }
 .badge-default.is-blur {
@@ -214,7 +214,7 @@ a.badge-default:hover,
 button.badge-default:hover {
   background-color: hsla(var(--default-hs), calc(var(--default-l) - 10%), var(--default-a)) !important;
   border-color: hsla(var(--default-hs), var(--default-l), var(--default-a));
-  color: var(--default-c, #FFFFFF);
+  color: var(--default-c, #ffffff);
 }
 a.badge-default:active,
 .badge-default.link:active,
@@ -237,7 +237,7 @@ button.badge-outline-default:hover,
 .badge-outline-default:focus:hover,
 .badge-outline-default:focus-within:hover {
   background-color: hsla(var(--default-hs), calc(var(--default-l) - 10%), var(--default-a)) !important;
-  color: var(--default-c, #FFFFFF) !important;
+  color: var(--default-c, #ffffff) !important;
 }
 a.badge-outline-default.active, a.badge-outline-default:active,
 .badge-outline-default.link.active,
@@ -249,15 +249,15 @@ button.badge-outline-default:active,
 .badge-outline-default:focus-within.active,
 .badge-outline-default:focus-within:active {
   background-color: hsla(var(--default-hs), calc(var(--default-l) - 20%), var(--default-a)) !important;
-  color: var(--default-c, #FFFFFF) !important;
+  color: var(--default-c, #ffffff) !important;
 }
 
 .border-default {
-  border-color: #5B5B5B;
+  border-color: #5b5b5b;
 }
 
 .text-accent {
-  color: var(--accent, #BFBFBF) !important;
+  color: var(--accent, #bfbfbf) !important;
 }
 
 a.text-accent:hover,
@@ -271,7 +271,7 @@ button.text-accent:active {
 
 .text-neon-accent {
   /* color: var(--white) !important; */
-  text-shadow: 0 0 20px var(--accent, #BFBFBF), 0 0 10px var(--white);
+  text-shadow: 0 0 20px var(--accent, #bfbfbf), 0 0 10px var(--white);
 }
 
 .bg-accent {
@@ -300,19 +300,19 @@ button.bg-accent:active {
 }
 
 .bg-g-accent {
-  background-image: linear-gradient(var(--accent, #BFBFBF), hsla(var(--accent-hs), calc(var(--accent-l) - 20%), var(--accent-a))) !important;
+  background-image: linear-gradient(var(--accent, #bfbfbf), hsla(var(--accent-hs), calc(var(--accent-l) - 20%), var(--accent-a))) !important;
   color: var(--accent-c, #4c4c4c);
   border: none;
 }
 
 a.bg-g-accent:hover,
 button.bg-g-accent:hover {
-  background-image: linear-gradient(hsla(var(--accent-hs), calc(var(--accent-l) + 20%), var(--accent-a)), var(--accent, #BFBFBF)) !important;
+  background-image: linear-gradient(hsla(var(--accent-hs), calc(var(--accent-l) + 20%), var(--accent-a)), var(--accent, #bfbfbf)) !important;
   color: var(--accent-c, #4c4c4c);
 }
 a.bg-g-accent:active,
 button.bg-g-accent:active {
-  background-image: linear-gradient(hsla(var(--accent-hs), calc(var(--accent-l) - 20%), var(--accent-a)), var(--accent, #BFBFBF)) !important;
+  background-image: linear-gradient(hsla(var(--accent-hs), calc(var(--accent-l) - 20%), var(--accent-a)), var(--accent, #bfbfbf)) !important;
 }
 
 .tabs-accent .tab {
@@ -401,19 +401,19 @@ button.btn-accent:active {
 }
 
 .btn-g-accent {
-  background-image: linear-gradient(var(--accent, #BFBFBF), hsla(var(--accent-hs), calc(var(--accent-l) - 20%), var(--accent-a))) !important;
+  background-image: linear-gradient(var(--accent, #bfbfbf), hsla(var(--accent-hs), calc(var(--accent-l) - 20%), var(--accent-a))) !important;
   color: var(--accent-c, #4c4c4c);
   border: none;
 }
 
 a.btn-g-accent:hover,
 button.btn-g-accent:hover {
-  background-image: linear-gradient(hsla(var(--accent-hs), calc(var(--accent-l) + 20%), var(--accent-a)), var(--accent, #BFBFBF)) !important;
+  background-image: linear-gradient(hsla(var(--accent-hs), calc(var(--accent-l) + 20%), var(--accent-a)), var(--accent, #bfbfbf)) !important;
   color: var(--accent-c, #4c4c4c);
 }
 a.btn-g-accent:active,
 button.btn-g-accent:active {
-  background-image: linear-gradient(hsla(var(--accent-hs), calc(var(--accent-l) - 20%), var(--accent-a)), var(--accent, #BFBFBF)) !important;
+  background-image: linear-gradient(hsla(var(--accent-hs), calc(var(--accent-l) - 20%), var(--accent-a)), var(--accent, #bfbfbf)) !important;
 }
 
 .btn-outline-accent {
@@ -502,11 +502,11 @@ button.badge-outline-accent:active,
 }
 
 .border-accent {
-  border-color: #BFBFBF;
+  border-color: #bfbfbf;
 }
 
 .text-primary {
-  color: var(--primary, #34A853) !important;
+  color: var(--primary, #34a853) !important;
 }
 
 a.text-primary:hover,
@@ -520,12 +520,12 @@ button.text-primary:active {
 
 .text-neon-primary {
   /* color: var(--white) !important; */
-  text-shadow: 0 0 20px var(--primary, #34A853), 0 0 10px var(--white);
+  text-shadow: 0 0 20px var(--primary, #34a853), 0 0 10px var(--white);
 }
 
 .bg-primary {
   background-color: hsla(var(--primary-hs), var(--primary-l), var(--primary-a)) !important;
-  color: var(--primary-c, #FFFFFF) !important;
+  color: var(--primary-c, #ffffff) !important;
   border-color: hsla(var(--primary-hs), calc(var(--primary-l) - 20%), var(--primary-a));
 }
 .bg-primary.is-blur {
@@ -540,7 +540,7 @@ a.bg-primary:hover,
 button.bg-primary:hover {
   background-color: hsla(var(--primary-hs), calc(var(--primary-l) - 10%), var(--primary-a)) !important;
   border-color: hsla(var(--primary-hs), var(--primary-l), var(--primary-a));
-  color: var(--primary-c, #FFFFFF);
+  color: var(--primary-c, #ffffff);
 }
 a.bg-primary:active,
 .bg-primary.link:active,
@@ -549,19 +549,19 @@ button.bg-primary:active {
 }
 
 .bg-g-primary {
-  background-image: linear-gradient(var(--primary, #34A853), hsla(var(--primary-hs), calc(var(--primary-l) - 20%), var(--primary-a))) !important;
-  color: var(--primary-c, #FFFFFF);
+  background-image: linear-gradient(var(--primary, #34a853), hsla(var(--primary-hs), calc(var(--primary-l) - 20%), var(--primary-a))) !important;
+  color: var(--primary-c, #ffffff);
   border: none;
 }
 
 a.bg-g-primary:hover,
 button.bg-g-primary:hover {
-  background-image: linear-gradient(hsla(var(--primary-hs), calc(var(--primary-l) + 20%), var(--primary-a)), var(--primary, #34A853)) !important;
-  color: var(--primary-c, #FFFFFF);
+  background-image: linear-gradient(hsla(var(--primary-hs), calc(var(--primary-l) + 20%), var(--primary-a)), var(--primary, #34a853)) !important;
+  color: var(--primary-c, #ffffff);
 }
 a.bg-g-primary:active,
 button.bg-g-primary:active {
-  background-image: linear-gradient(hsla(var(--primary-hs), calc(var(--primary-l) - 20%), var(--primary-a)), var(--primary, #34A853)) !important;
+  background-image: linear-gradient(hsla(var(--primary-hs), calc(var(--primary-l) - 20%), var(--primary-a)), var(--primary, #34a853)) !important;
 }
 
 .tabs-primary .tab {
@@ -579,7 +579,7 @@ button.bg-g-primary:active {
 }
 .tabs-primary.fill .tab.active, .tabs-primary.prefill .tab.active {
   background-color: hsla(var(--primary-hs), var(--primary-l), var(--primary-a));
-  color: var(--primary-c, #FFFFFF);
+  color: var(--primary-c, #ffffff);
 }
 .tabs-primary.prefill .tab {
   background-color: hsla(var(--primary-hs), var(--primary-l), 0.125);
@@ -609,7 +609,7 @@ button.bg-outline-primary:hover,
 .bg-outline-primary:focus:hover,
 .bg-outline-primary:focus-within:hover {
   background-color: hsla(var(--primary-hs), calc(var(--primary-l) - 10%), var(--primary-a)) !important;
-  color: var(--primary-c, #FFFFFF) !important;
+  color: var(--primary-c, #ffffff) !important;
 }
 a.bg-outline-primary.active, a.bg-outline-primary:active,
 .bg-outline-primary.link.active,
@@ -621,12 +621,12 @@ button.bg-outline-primary:active,
 .bg-outline-primary:focus-within.active,
 .bg-outline-primary:focus-within:active {
   background-color: hsla(var(--primary-hs), calc(var(--primary-l) - 20%), var(--primary-a)) !important;
-  color: var(--primary-c, #FFFFFF) !important;
+  color: var(--primary-c, #ffffff) !important;
 }
 
 .btn-primary {
   background-color: hsla(var(--primary-hs), var(--primary-l), var(--primary-a)) !important;
-  color: var(--primary-c, #FFFFFF) !important;
+  color: var(--primary-c, #ffffff) !important;
   border-color: hsla(var(--primary-hs), calc(var(--primary-l) - 20%), var(--primary-a));
 }
 .btn-primary.is-blur {
@@ -641,7 +641,7 @@ a.btn-primary:hover,
 button.btn-primary:hover {
   background-color: hsla(var(--primary-hs), calc(var(--primary-l) - 10%), var(--primary-a)) !important;
   border-color: hsla(var(--primary-hs), var(--primary-l), var(--primary-a));
-  color: var(--primary-c, #FFFFFF);
+  color: var(--primary-c, #ffffff);
 }
 a.btn-primary:active,
 .btn-primary.link:active,
@@ -650,19 +650,19 @@ button.btn-primary:active {
 }
 
 .btn-g-primary {
-  background-image: linear-gradient(var(--primary, #34A853), hsla(var(--primary-hs), calc(var(--primary-l) - 20%), var(--primary-a))) !important;
-  color: var(--primary-c, #FFFFFF);
+  background-image: linear-gradient(var(--primary, #34a853), hsla(var(--primary-hs), calc(var(--primary-l) - 20%), var(--primary-a))) !important;
+  color: var(--primary-c, #ffffff);
   border: none;
 }
 
 a.btn-g-primary:hover,
 button.btn-g-primary:hover {
-  background-image: linear-gradient(hsla(var(--primary-hs), calc(var(--primary-l) + 20%), var(--primary-a)), var(--primary, #34A853)) !important;
-  color: var(--primary-c, #FFFFFF);
+  background-image: linear-gradient(hsla(var(--primary-hs), calc(var(--primary-l) + 20%), var(--primary-a)), var(--primary, #34a853)) !important;
+  color: var(--primary-c, #ffffff);
 }
 a.btn-g-primary:active,
 button.btn-g-primary:active {
-  background-image: linear-gradient(hsla(var(--primary-hs), calc(var(--primary-l) - 20%), var(--primary-a)), var(--primary, #34A853)) !important;
+  background-image: linear-gradient(hsla(var(--primary-hs), calc(var(--primary-l) - 20%), var(--primary-a)), var(--primary, #34a853)) !important;
 }
 
 .btn-outline-primary {
@@ -680,7 +680,7 @@ button.btn-outline-primary:hover,
 .btn-outline-primary:focus:hover,
 .btn-outline-primary:focus-within:hover {
   background-color: hsla(var(--primary-hs), calc(var(--primary-l) - 10%), var(--primary-a)) !important;
-  color: var(--primary-c, #FFFFFF) !important;
+  color: var(--primary-c, #ffffff) !important;
 }
 a.btn-outline-primary.active, a.btn-outline-primary:active,
 .btn-outline-primary.link.active,
@@ -692,12 +692,12 @@ button.btn-outline-primary:active,
 .btn-outline-primary:focus-within.active,
 .btn-outline-primary:focus-within:active {
   background-color: hsla(var(--primary-hs), calc(var(--primary-l) - 20%), var(--primary-a)) !important;
-  color: var(--primary-c, #FFFFFF) !important;
+  color: var(--primary-c, #ffffff) !important;
 }
 
 .badge-primary {
   background-color: hsla(var(--primary-hs), var(--primary-l), var(--primary-a)) !important;
-  color: var(--primary-c, #FFFFFF) !important;
+  color: var(--primary-c, #ffffff) !important;
   border-color: hsla(var(--primary-hs), calc(var(--primary-l) - 20%), var(--primary-a));
 }
 .badge-primary.is-blur {
@@ -712,7 +712,7 @@ a.badge-primary:hover,
 button.badge-primary:hover {
   background-color: hsla(var(--primary-hs), calc(var(--primary-l) - 10%), var(--primary-a)) !important;
   border-color: hsla(var(--primary-hs), var(--primary-l), var(--primary-a));
-  color: var(--primary-c, #FFFFFF);
+  color: var(--primary-c, #ffffff);
 }
 a.badge-primary:active,
 .badge-primary.link:active,
@@ -735,7 +735,7 @@ button.badge-outline-primary:hover,
 .badge-outline-primary:focus:hover,
 .badge-outline-primary:focus-within:hover {
   background-color: hsla(var(--primary-hs), calc(var(--primary-l) - 10%), var(--primary-a)) !important;
-  color: var(--primary-c, #FFFFFF) !important;
+  color: var(--primary-c, #ffffff) !important;
 }
 a.badge-outline-primary.active, a.badge-outline-primary:active,
 .badge-outline-primary.link.active,
@@ -747,15 +747,15 @@ button.badge-outline-primary:active,
 .badge-outline-primary:focus-within.active,
 .badge-outline-primary:focus-within:active {
   background-color: hsla(var(--primary-hs), calc(var(--primary-l) - 20%), var(--primary-a)) !important;
-  color: var(--primary-c, #FFFFFF) !important;
+  color: var(--primary-c, #ffffff) !important;
 }
 
 .border-primary {
-  border-color: #34A853;
+  border-color: #34a853;
 }
 
 .text-secondary {
-  color: var(--secondary, #5C2B6D) !important;
+  color: var(--secondary, #5c2b6d) !important;
 }
 
 a.text-secondary:hover,
@@ -769,12 +769,12 @@ button.text-secondary:active {
 
 .text-neon-secondary {
   /* color: var(--white) !important; */
-  text-shadow: 0 0 20px var(--secondary, #5C2B6D), 0 0 10px var(--white);
+  text-shadow: 0 0 20px var(--secondary, #5c2b6d), 0 0 10px var(--white);
 }
 
 .bg-secondary {
   background-color: hsla(var(--secondary-hs), var(--secondary-l), var(--secondary-a)) !important;
-  color: var(--secondary-c, #FFFFFF) !important;
+  color: var(--secondary-c, #ffffff) !important;
   border-color: hsla(var(--secondary-hs), calc(var(--secondary-l) - 20%), var(--secondary-a));
 }
 .bg-secondary.is-blur {
@@ -789,7 +789,7 @@ a.bg-secondary:hover,
 button.bg-secondary:hover {
   background-color: hsla(var(--secondary-hs), calc(var(--secondary-l) - 10%), var(--secondary-a)) !important;
   border-color: hsla(var(--secondary-hs), var(--secondary-l), var(--secondary-a));
-  color: var(--secondary-c, #FFFFFF);
+  color: var(--secondary-c, #ffffff);
 }
 a.bg-secondary:active,
 .bg-secondary.link:active,
@@ -798,19 +798,19 @@ button.bg-secondary:active {
 }
 
 .bg-g-secondary {
-  background-image: linear-gradient(var(--secondary, #5C2B6D), hsla(var(--secondary-hs), calc(var(--secondary-l) - 20%), var(--secondary-a))) !important;
-  color: var(--secondary-c, #FFFFFF);
+  background-image: linear-gradient(var(--secondary, #5c2b6d), hsla(var(--secondary-hs), calc(var(--secondary-l) - 20%), var(--secondary-a))) !important;
+  color: var(--secondary-c, #ffffff);
   border: none;
 }
 
 a.bg-g-secondary:hover,
 button.bg-g-secondary:hover {
-  background-image: linear-gradient(hsla(var(--secondary-hs), calc(var(--secondary-l) + 20%), var(--secondary-a)), var(--secondary, #5C2B6D)) !important;
-  color: var(--secondary-c, #FFFFFF);
+  background-image: linear-gradient(hsla(var(--secondary-hs), calc(var(--secondary-l) + 20%), var(--secondary-a)), var(--secondary, #5c2b6d)) !important;
+  color: var(--secondary-c, #ffffff);
 }
 a.bg-g-secondary:active,
 button.bg-g-secondary:active {
-  background-image: linear-gradient(hsla(var(--secondary-hs), calc(var(--secondary-l) - 20%), var(--secondary-a)), var(--secondary, #5C2B6D)) !important;
+  background-image: linear-gradient(hsla(var(--secondary-hs), calc(var(--secondary-l) - 20%), var(--secondary-a)), var(--secondary, #5c2b6d)) !important;
 }
 
 .tabs-secondary .tab {
@@ -828,7 +828,7 @@ button.bg-g-secondary:active {
 }
 .tabs-secondary.fill .tab.active, .tabs-secondary.prefill .tab.active {
   background-color: hsla(var(--secondary-hs), var(--secondary-l), var(--secondary-a));
-  color: var(--secondary-c, #FFFFFF);
+  color: var(--secondary-c, #ffffff);
 }
 .tabs-secondary.prefill .tab {
   background-color: hsla(var(--secondary-hs), var(--secondary-l), 0.125);
@@ -858,7 +858,7 @@ button.bg-outline-secondary:hover,
 .bg-outline-secondary:focus:hover,
 .bg-outline-secondary:focus-within:hover {
   background-color: hsla(var(--secondary-hs), calc(var(--secondary-l) - 10%), var(--secondary-a)) !important;
-  color: var(--secondary-c, #FFFFFF) !important;
+  color: var(--secondary-c, #ffffff) !important;
 }
 a.bg-outline-secondary.active, a.bg-outline-secondary:active,
 .bg-outline-secondary.link.active,
@@ -870,12 +870,12 @@ button.bg-outline-secondary:active,
 .bg-outline-secondary:focus-within.active,
 .bg-outline-secondary:focus-within:active {
   background-color: hsla(var(--secondary-hs), calc(var(--secondary-l) - 20%), var(--secondary-a)) !important;
-  color: var(--secondary-c, #FFFFFF) !important;
+  color: var(--secondary-c, #ffffff) !important;
 }
 
 .btn-secondary {
   background-color: hsla(var(--secondary-hs), var(--secondary-l), var(--secondary-a)) !important;
-  color: var(--secondary-c, #FFFFFF) !important;
+  color: var(--secondary-c, #ffffff) !important;
   border-color: hsla(var(--secondary-hs), calc(var(--secondary-l) - 20%), var(--secondary-a));
 }
 .btn-secondary.is-blur {
@@ -890,7 +890,7 @@ a.btn-secondary:hover,
 button.btn-secondary:hover {
   background-color: hsla(var(--secondary-hs), calc(var(--secondary-l) - 10%), var(--secondary-a)) !important;
   border-color: hsla(var(--secondary-hs), var(--secondary-l), var(--secondary-a));
-  color: var(--secondary-c, #FFFFFF);
+  color: var(--secondary-c, #ffffff);
 }
 a.btn-secondary:active,
 .btn-secondary.link:active,
@@ -899,19 +899,19 @@ button.btn-secondary:active {
 }
 
 .btn-g-secondary {
-  background-image: linear-gradient(var(--secondary, #5C2B6D), hsla(var(--secondary-hs), calc(var(--secondary-l) - 20%), var(--secondary-a))) !important;
-  color: var(--secondary-c, #FFFFFF);
+  background-image: linear-gradient(var(--secondary, #5c2b6d), hsla(var(--secondary-hs), calc(var(--secondary-l) - 20%), var(--secondary-a))) !important;
+  color: var(--secondary-c, #ffffff);
   border: none;
 }
 
 a.btn-g-secondary:hover,
 button.btn-g-secondary:hover {
-  background-image: linear-gradient(hsla(var(--secondary-hs), calc(var(--secondary-l) + 20%), var(--secondary-a)), var(--secondary, #5C2B6D)) !important;
-  color: var(--secondary-c, #FFFFFF);
+  background-image: linear-gradient(hsla(var(--secondary-hs), calc(var(--secondary-l) + 20%), var(--secondary-a)), var(--secondary, #5c2b6d)) !important;
+  color: var(--secondary-c, #ffffff);
 }
 a.btn-g-secondary:active,
 button.btn-g-secondary:active {
-  background-image: linear-gradient(hsla(var(--secondary-hs), calc(var(--secondary-l) - 20%), var(--secondary-a)), var(--secondary, #5C2B6D)) !important;
+  background-image: linear-gradient(hsla(var(--secondary-hs), calc(var(--secondary-l) - 20%), var(--secondary-a)), var(--secondary, #5c2b6d)) !important;
 }
 
 .btn-outline-secondary {
@@ -929,7 +929,7 @@ button.btn-outline-secondary:hover,
 .btn-outline-secondary:focus:hover,
 .btn-outline-secondary:focus-within:hover {
   background-color: hsla(var(--secondary-hs), calc(var(--secondary-l) - 10%), var(--secondary-a)) !important;
-  color: var(--secondary-c, #FFFFFF) !important;
+  color: var(--secondary-c, #ffffff) !important;
 }
 a.btn-outline-secondary.active, a.btn-outline-secondary:active,
 .btn-outline-secondary.link.active,
@@ -941,12 +941,12 @@ button.btn-outline-secondary:active,
 .btn-outline-secondary:focus-within.active,
 .btn-outline-secondary:focus-within:active {
   background-color: hsla(var(--secondary-hs), calc(var(--secondary-l) - 20%), var(--secondary-a)) !important;
-  color: var(--secondary-c, #FFFFFF) !important;
+  color: var(--secondary-c, #ffffff) !important;
 }
 
 .badge-secondary {
   background-color: hsla(var(--secondary-hs), var(--secondary-l), var(--secondary-a)) !important;
-  color: var(--secondary-c, #FFFFFF) !important;
+  color: var(--secondary-c, #ffffff) !important;
   border-color: hsla(var(--secondary-hs), calc(var(--secondary-l) - 20%), var(--secondary-a));
 }
 .badge-secondary.is-blur {
@@ -961,7 +961,7 @@ a.badge-secondary:hover,
 button.badge-secondary:hover {
   background-color: hsla(var(--secondary-hs), calc(var(--secondary-l) - 10%), var(--secondary-a)) !important;
   border-color: hsla(var(--secondary-hs), var(--secondary-l), var(--secondary-a));
-  color: var(--secondary-c, #FFFFFF);
+  color: var(--secondary-c, #ffffff);
 }
 a.badge-secondary:active,
 .badge-secondary.link:active,
@@ -984,7 +984,7 @@ button.badge-outline-secondary:hover,
 .badge-outline-secondary:focus:hover,
 .badge-outline-secondary:focus-within:hover {
   background-color: hsla(var(--secondary-hs), calc(var(--secondary-l) - 10%), var(--secondary-a)) !important;
-  color: var(--secondary-c, #FFFFFF) !important;
+  color: var(--secondary-c, #ffffff) !important;
 }
 a.badge-outline-secondary.active, a.badge-outline-secondary:active,
 .badge-outline-secondary.link.active,
@@ -996,15 +996,15 @@ button.badge-outline-secondary:active,
 .badge-outline-secondary:focus-within.active,
 .badge-outline-secondary:focus-within:active {
   background-color: hsla(var(--secondary-hs), calc(var(--secondary-l) - 20%), var(--secondary-a)) !important;
-  color: var(--secondary-c, #FFFFFF) !important;
+  color: var(--secondary-c, #ffffff) !important;
 }
 
 .border-secondary {
-  border-color: #5C2B6D;
+  border-color: #5c2b6d;
 }
 
 .text-white {
-  color: var(--white, #FFFFFF) !important;
+  color: var(--white, #ffffff) !important;
 }
 
 a.text-white:hover,
@@ -1018,12 +1018,12 @@ button.text-white:active {
 
 .text-neon-white {
   /* color: var(--white) !important; */
-  text-shadow: 0 0 20px var(--white, #FFFFFF), 0 0 10px var(--white);
+  text-shadow: 0 0 20px var(--white, #ffffff), 0 0 10px var(--white);
 }
 
 .bg-white {
   background-color: hsla(var(--white-hs), var(--white-l), var(--white-a)) !important;
-  color: var(--white-c, #5B5B5B) !important;
+  color: var(--white-c, #5b5b5b) !important;
   border-color: hsla(var(--white-hs), calc(var(--white-l) - 20%), var(--white-a));
 }
 .bg-white.is-blur {
@@ -1038,7 +1038,7 @@ a.bg-white:hover,
 button.bg-white:hover {
   background-color: hsla(var(--white-hs), calc(var(--white-l) - 10%), var(--white-a)) !important;
   border-color: hsla(var(--white-hs), var(--white-l), var(--white-a));
-  color: var(--white-c, #5B5B5B);
+  color: var(--white-c, #5b5b5b);
 }
 a.bg-white:active,
 .bg-white.link:active,
@@ -1047,19 +1047,19 @@ button.bg-white:active {
 }
 
 .bg-g-white {
-  background-image: linear-gradient(var(--white, #FFFFFF), hsla(var(--white-hs), calc(var(--white-l) - 20%), var(--white-a))) !important;
-  color: var(--white-c, #5B5B5B);
+  background-image: linear-gradient(var(--white, #ffffff), hsla(var(--white-hs), calc(var(--white-l) - 20%), var(--white-a))) !important;
+  color: var(--white-c, #5b5b5b);
   border: none;
 }
 
 a.bg-g-white:hover,
 button.bg-g-white:hover {
-  background-image: linear-gradient(hsla(var(--white-hs), calc(var(--white-l) + 20%), var(--white-a)), var(--white, #FFFFFF)) !important;
-  color: var(--white-c, #5B5B5B);
+  background-image: linear-gradient(hsla(var(--white-hs), calc(var(--white-l) + 20%), var(--white-a)), var(--white, #ffffff)) !important;
+  color: var(--white-c, #5b5b5b);
 }
 a.bg-g-white:active,
 button.bg-g-white:active {
-  background-image: linear-gradient(hsla(var(--white-hs), calc(var(--white-l) - 20%), var(--white-a)), var(--white, #FFFFFF)) !important;
+  background-image: linear-gradient(hsla(var(--white-hs), calc(var(--white-l) - 20%), var(--white-a)), var(--white, #ffffff)) !important;
 }
 
 .tabs-white .tab {
@@ -1077,7 +1077,7 @@ button.bg-g-white:active {
 }
 .tabs-white.fill .tab.active, .tabs-white.prefill .tab.active {
   background-color: hsla(var(--white-hs), var(--white-l), var(--white-a));
-  color: var(--white-c, #5B5B5B);
+  color: var(--white-c, #5b5b5b);
 }
 .tabs-white.prefill .tab {
   background-color: hsla(var(--white-hs), var(--white-l), 0.125);
@@ -1107,7 +1107,7 @@ button.bg-outline-white:hover,
 .bg-outline-white:focus:hover,
 .bg-outline-white:focus-within:hover {
   background-color: hsla(var(--white-hs), calc(var(--white-l) - 10%), var(--white-a)) !important;
-  color: var(--white-c, #5B5B5B) !important;
+  color: var(--white-c, #5b5b5b) !important;
 }
 a.bg-outline-white.active, a.bg-outline-white:active,
 .bg-outline-white.link.active,
@@ -1119,12 +1119,12 @@ button.bg-outline-white:active,
 .bg-outline-white:focus-within.active,
 .bg-outline-white:focus-within:active {
   background-color: hsla(var(--white-hs), calc(var(--white-l) - 20%), var(--white-a)) !important;
-  color: var(--white-c, #5B5B5B) !important;
+  color: var(--white-c, #5b5b5b) !important;
 }
 
 .btn-white {
   background-color: hsla(var(--white-hs), var(--white-l), var(--white-a)) !important;
-  color: var(--white-c, #5B5B5B) !important;
+  color: var(--white-c, #5b5b5b) !important;
   border-color: hsla(var(--white-hs), calc(var(--white-l) - 20%), var(--white-a));
 }
 .btn-white.is-blur {
@@ -1139,7 +1139,7 @@ a.btn-white:hover,
 button.btn-white:hover {
   background-color: hsla(var(--white-hs), calc(var(--white-l) - 10%), var(--white-a)) !important;
   border-color: hsla(var(--white-hs), var(--white-l), var(--white-a));
-  color: var(--white-c, #5B5B5B);
+  color: var(--white-c, #5b5b5b);
 }
 a.btn-white:active,
 .btn-white.link:active,
@@ -1148,19 +1148,19 @@ button.btn-white:active {
 }
 
 .btn-g-white {
-  background-image: linear-gradient(var(--white, #FFFFFF), hsla(var(--white-hs), calc(var(--white-l) - 20%), var(--white-a))) !important;
-  color: var(--white-c, #5B5B5B);
+  background-image: linear-gradient(var(--white, #ffffff), hsla(var(--white-hs), calc(var(--white-l) - 20%), var(--white-a))) !important;
+  color: var(--white-c, #5b5b5b);
   border: none;
 }
 
 a.btn-g-white:hover,
 button.btn-g-white:hover {
-  background-image: linear-gradient(hsla(var(--white-hs), calc(var(--white-l) + 20%), var(--white-a)), var(--white, #FFFFFF)) !important;
-  color: var(--white-c, #5B5B5B);
+  background-image: linear-gradient(hsla(var(--white-hs), calc(var(--white-l) + 20%), var(--white-a)), var(--white, #ffffff)) !important;
+  color: var(--white-c, #5b5b5b);
 }
 a.btn-g-white:active,
 button.btn-g-white:active {
-  background-image: linear-gradient(hsla(var(--white-hs), calc(var(--white-l) - 20%), var(--white-a)), var(--white, #FFFFFF)) !important;
+  background-image: linear-gradient(hsla(var(--white-hs), calc(var(--white-l) - 20%), var(--white-a)), var(--white, #ffffff)) !important;
 }
 
 .btn-outline-white {
@@ -1178,7 +1178,7 @@ button.btn-outline-white:hover,
 .btn-outline-white:focus:hover,
 .btn-outline-white:focus-within:hover {
   background-color: hsla(var(--white-hs), calc(var(--white-l) - 10%), var(--white-a)) !important;
-  color: var(--white-c, #5B5B5B) !important;
+  color: var(--white-c, #5b5b5b) !important;
 }
 a.btn-outline-white.active, a.btn-outline-white:active,
 .btn-outline-white.link.active,
@@ -1190,12 +1190,12 @@ button.btn-outline-white:active,
 .btn-outline-white:focus-within.active,
 .btn-outline-white:focus-within:active {
   background-color: hsla(var(--white-hs), calc(var(--white-l) - 20%), var(--white-a)) !important;
-  color: var(--white-c, #5B5B5B) !important;
+  color: var(--white-c, #5b5b5b) !important;
 }
 
 .badge-white {
   background-color: hsla(var(--white-hs), var(--white-l), var(--white-a)) !important;
-  color: var(--white-c, #5B5B5B) !important;
+  color: var(--white-c, #5b5b5b) !important;
   border-color: hsla(var(--white-hs), calc(var(--white-l) - 20%), var(--white-a));
 }
 .badge-white.is-blur {
@@ -1210,7 +1210,7 @@ a.badge-white:hover,
 button.badge-white:hover {
   background-color: hsla(var(--white-hs), calc(var(--white-l) - 10%), var(--white-a)) !important;
   border-color: hsla(var(--white-hs), var(--white-l), var(--white-a));
-  color: var(--white-c, #5B5B5B);
+  color: var(--white-c, #5b5b5b);
 }
 a.badge-white:active,
 .badge-white.link:active,
@@ -1233,7 +1233,7 @@ button.badge-outline-white:hover,
 .badge-outline-white:focus:hover,
 .badge-outline-white:focus-within:hover {
   background-color: hsla(var(--white-hs), calc(var(--white-l) - 10%), var(--white-a)) !important;
-  color: var(--white-c, #5B5B5B) !important;
+  color: var(--white-c, #5b5b5b) !important;
 }
 a.badge-outline-white.active, a.badge-outline-white:active,
 .badge-outline-white.link.active,
@@ -1245,15 +1245,15 @@ button.badge-outline-white:active,
 .badge-outline-white:focus-within.active,
 .badge-outline-white:focus-within:active {
   background-color: hsla(var(--white-hs), calc(var(--white-l) - 20%), var(--white-a)) !important;
-  color: var(--white-c, #5B5B5B) !important;
+  color: var(--white-c, #5b5b5b) !important;
 }
 
 .border-white {
-  border-color: #FFFFFF;
+  border-color: #ffffff;
 }
 
 .text-light {
-  color: var(--light, #F8F9FA) !important;
+  color: var(--light, #f8f9fa) !important;
 }
 
 a.text-light:hover,
@@ -1267,12 +1267,12 @@ button.text-light:active {
 
 .text-neon-light {
   /* color: var(--white) !important; */
-  text-shadow: 0 0 20px var(--light, #F8F9FA), 0 0 10px var(--white);
+  text-shadow: 0 0 20px var(--light, #f8f9fa), 0 0 10px var(--white);
 }
 
 .bg-light {
   background-color: hsla(var(--light-hs), var(--light-l), var(--light-a)) !important;
-  color: var(--light-c, #343A40) !important;
+  color: var(--light-c, #343a40) !important;
   border-color: hsla(var(--light-hs), calc(var(--light-l) - 20%), var(--light-a));
 }
 .bg-light.is-blur {
@@ -1287,7 +1287,7 @@ a.bg-light:hover,
 button.bg-light:hover {
   background-color: hsla(var(--light-hs), calc(var(--light-l) - 10%), var(--light-a)) !important;
   border-color: hsla(var(--light-hs), var(--light-l), var(--light-a));
-  color: var(--light-c, #343A40);
+  color: var(--light-c, #343a40);
 }
 a.bg-light:active,
 .bg-light.link:active,
@@ -1296,19 +1296,19 @@ button.bg-light:active {
 }
 
 .bg-g-light {
-  background-image: linear-gradient(var(--light, #F8F9FA), hsla(var(--light-hs), calc(var(--light-l) - 20%), var(--light-a))) !important;
-  color: var(--light-c, #343A40);
+  background-image: linear-gradient(var(--light, #f8f9fa), hsla(var(--light-hs), calc(var(--light-l) - 20%), var(--light-a))) !important;
+  color: var(--light-c, #343a40);
   border: none;
 }
 
 a.bg-g-light:hover,
 button.bg-g-light:hover {
-  background-image: linear-gradient(hsla(var(--light-hs), calc(var(--light-l) + 20%), var(--light-a)), var(--light, #F8F9FA)) !important;
-  color: var(--light-c, #343A40);
+  background-image: linear-gradient(hsla(var(--light-hs), calc(var(--light-l) + 20%), var(--light-a)), var(--light, #f8f9fa)) !important;
+  color: var(--light-c, #343a40);
 }
 a.bg-g-light:active,
 button.bg-g-light:active {
-  background-image: linear-gradient(hsla(var(--light-hs), calc(var(--light-l) - 20%), var(--light-a)), var(--light, #F8F9FA)) !important;
+  background-image: linear-gradient(hsla(var(--light-hs), calc(var(--light-l) - 20%), var(--light-a)), var(--light, #f8f9fa)) !important;
 }
 
 .tabs-light .tab {
@@ -1326,7 +1326,7 @@ button.bg-g-light:active {
 }
 .tabs-light.fill .tab.active, .tabs-light.prefill .tab.active {
   background-color: hsla(var(--light-hs), var(--light-l), var(--light-a));
-  color: var(--light-c, #343A40);
+  color: var(--light-c, #343a40);
 }
 .tabs-light.prefill .tab {
   background-color: hsla(var(--light-hs), var(--light-l), 0.125);
@@ -1356,7 +1356,7 @@ button.bg-outline-light:hover,
 .bg-outline-light:focus:hover,
 .bg-outline-light:focus-within:hover {
   background-color: hsla(var(--light-hs), calc(var(--light-l) - 10%), var(--light-a)) !important;
-  color: var(--light-c, #343A40) !important;
+  color: var(--light-c, #343a40) !important;
 }
 a.bg-outline-light.active, a.bg-outline-light:active,
 .bg-outline-light.link.active,
@@ -1368,12 +1368,12 @@ button.bg-outline-light:active,
 .bg-outline-light:focus-within.active,
 .bg-outline-light:focus-within:active {
   background-color: hsla(var(--light-hs), calc(var(--light-l) - 20%), var(--light-a)) !important;
-  color: var(--light-c, #343A40) !important;
+  color: var(--light-c, #343a40) !important;
 }
 
 .btn-light {
   background-color: hsla(var(--light-hs), var(--light-l), var(--light-a)) !important;
-  color: var(--light-c, #343A40) !important;
+  color: var(--light-c, #343a40) !important;
   border-color: hsla(var(--light-hs), calc(var(--light-l) - 20%), var(--light-a));
 }
 .btn-light.is-blur {
@@ -1388,7 +1388,7 @@ a.btn-light:hover,
 button.btn-light:hover {
   background-color: hsla(var(--light-hs), calc(var(--light-l) - 10%), var(--light-a)) !important;
   border-color: hsla(var(--light-hs), var(--light-l), var(--light-a));
-  color: var(--light-c, #343A40);
+  color: var(--light-c, #343a40);
 }
 a.btn-light:active,
 .btn-light.link:active,
@@ -1397,19 +1397,19 @@ button.btn-light:active {
 }
 
 .btn-g-light {
-  background-image: linear-gradient(var(--light, #F8F9FA), hsla(var(--light-hs), calc(var(--light-l) - 20%), var(--light-a))) !important;
-  color: var(--light-c, #343A40);
+  background-image: linear-gradient(var(--light, #f8f9fa), hsla(var(--light-hs), calc(var(--light-l) - 20%), var(--light-a))) !important;
+  color: var(--light-c, #343a40);
   border: none;
 }
 
 a.btn-g-light:hover,
 button.btn-g-light:hover {
-  background-image: linear-gradient(hsla(var(--light-hs), calc(var(--light-l) + 20%), var(--light-a)), var(--light, #F8F9FA)) !important;
-  color: var(--light-c, #343A40);
+  background-image: linear-gradient(hsla(var(--light-hs), calc(var(--light-l) + 20%), var(--light-a)), var(--light, #f8f9fa)) !important;
+  color: var(--light-c, #343a40);
 }
 a.btn-g-light:active,
 button.btn-g-light:active {
-  background-image: linear-gradient(hsla(var(--light-hs), calc(var(--light-l) - 20%), var(--light-a)), var(--light, #F8F9FA)) !important;
+  background-image: linear-gradient(hsla(var(--light-hs), calc(var(--light-l) - 20%), var(--light-a)), var(--light, #f8f9fa)) !important;
 }
 
 .btn-outline-light {
@@ -1427,7 +1427,7 @@ button.btn-outline-light:hover,
 .btn-outline-light:focus:hover,
 .btn-outline-light:focus-within:hover {
   background-color: hsla(var(--light-hs), calc(var(--light-l) - 10%), var(--light-a)) !important;
-  color: var(--light-c, #343A40) !important;
+  color: var(--light-c, #343a40) !important;
 }
 a.btn-outline-light.active, a.btn-outline-light:active,
 .btn-outline-light.link.active,
@@ -1439,12 +1439,12 @@ button.btn-outline-light:active,
 .btn-outline-light:focus-within.active,
 .btn-outline-light:focus-within:active {
   background-color: hsla(var(--light-hs), calc(var(--light-l) - 20%), var(--light-a)) !important;
-  color: var(--light-c, #343A40) !important;
+  color: var(--light-c, #343a40) !important;
 }
 
 .badge-light {
   background-color: hsla(var(--light-hs), var(--light-l), var(--light-a)) !important;
-  color: var(--light-c, #343A40) !important;
+  color: var(--light-c, #343a40) !important;
   border-color: hsla(var(--light-hs), calc(var(--light-l) - 20%), var(--light-a));
 }
 .badge-light.is-blur {
@@ -1459,7 +1459,7 @@ a.badge-light:hover,
 button.badge-light:hover {
   background-color: hsla(var(--light-hs), calc(var(--light-l) - 10%), var(--light-a)) !important;
   border-color: hsla(var(--light-hs), var(--light-l), var(--light-a));
-  color: var(--light-c, #343A40);
+  color: var(--light-c, #343a40);
 }
 a.badge-light:active,
 .badge-light.link:active,
@@ -1482,7 +1482,7 @@ button.badge-outline-light:hover,
 .badge-outline-light:focus:hover,
 .badge-outline-light:focus-within:hover {
   background-color: hsla(var(--light-hs), calc(var(--light-l) - 10%), var(--light-a)) !important;
-  color: var(--light-c, #343A40) !important;
+  color: var(--light-c, #343a40) !important;
 }
 a.badge-outline-light.active, a.badge-outline-light:active,
 .badge-outline-light.link.active,
@@ -1494,11 +1494,11 @@ button.badge-outline-light:active,
 .badge-outline-light:focus-within.active,
 .badge-outline-light:focus-within:active {
   background-color: hsla(var(--light-hs), calc(var(--light-l) - 20%), var(--light-a)) !important;
-  color: var(--light-c, #343A40) !important;
+  color: var(--light-c, #343a40) !important;
 }
 
 .border-light {
-  border-color: #F8F9FA;
+  border-color: #f8f9fa;
 }
 
 .text-black {
@@ -1521,7 +1521,7 @@ button.text-black:active {
 
 .bg-black {
   background-color: hsla(var(--black-hs), var(--black-l), var(--black-a)) !important;
-  color: var(--black-c, #FFFFFF) !important;
+  color: var(--black-c, #ffffff) !important;
   border-color: hsla(var(--black-hs), calc(var(--black-l) - 20%), var(--black-a));
 }
 .bg-black.is-blur {
@@ -1536,7 +1536,7 @@ a.bg-black:hover,
 button.bg-black:hover {
   background-color: hsla(var(--black-hs), calc(var(--black-l) - 10%), var(--black-a)) !important;
   border-color: hsla(var(--black-hs), var(--black-l), var(--black-a));
-  color: var(--black-c, #FFFFFF);
+  color: var(--black-c, #ffffff);
 }
 a.bg-black:active,
 .bg-black.link:active,
@@ -1546,14 +1546,14 @@ button.bg-black:active {
 
 .bg-g-black {
   background-image: linear-gradient(var(--black, #000000), hsla(var(--black-hs), calc(var(--black-l) - 20%), var(--black-a))) !important;
-  color: var(--black-c, #FFFFFF);
+  color: var(--black-c, #ffffff);
   border: none;
 }
 
 a.bg-g-black:hover,
 button.bg-g-black:hover {
   background-image: linear-gradient(hsla(var(--black-hs), calc(var(--black-l) + 20%), var(--black-a)), var(--black, #000000)) !important;
-  color: var(--black-c, #FFFFFF);
+  color: var(--black-c, #ffffff);
 }
 a.bg-g-black:active,
 button.bg-g-black:active {
@@ -1575,7 +1575,7 @@ button.bg-g-black:active {
 }
 .tabs-black.fill .tab.active, .tabs-black.prefill .tab.active {
   background-color: hsla(var(--black-hs), var(--black-l), var(--black-a));
-  color: var(--black-c, #FFFFFF);
+  color: var(--black-c, #ffffff);
 }
 .tabs-black.prefill .tab {
   background-color: hsla(var(--black-hs), var(--black-l), 0.125);
@@ -1605,7 +1605,7 @@ button.bg-outline-black:hover,
 .bg-outline-black:focus:hover,
 .bg-outline-black:focus-within:hover {
   background-color: hsla(var(--black-hs), calc(var(--black-l) - 10%), var(--black-a)) !important;
-  color: var(--black-c, #FFFFFF) !important;
+  color: var(--black-c, #ffffff) !important;
 }
 a.bg-outline-black.active, a.bg-outline-black:active,
 .bg-outline-black.link.active,
@@ -1617,12 +1617,12 @@ button.bg-outline-black:active,
 .bg-outline-black:focus-within.active,
 .bg-outline-black:focus-within:active {
   background-color: hsla(var(--black-hs), calc(var(--black-l) - 20%), var(--black-a)) !important;
-  color: var(--black-c, #FFFFFF) !important;
+  color: var(--black-c, #ffffff) !important;
 }
 
 .btn-black {
   background-color: hsla(var(--black-hs), var(--black-l), var(--black-a)) !important;
-  color: var(--black-c, #FFFFFF) !important;
+  color: var(--black-c, #ffffff) !important;
   border-color: hsla(var(--black-hs), calc(var(--black-l) - 20%), var(--black-a));
 }
 .btn-black.is-blur {
@@ -1637,7 +1637,7 @@ a.btn-black:hover,
 button.btn-black:hover {
   background-color: hsla(var(--black-hs), calc(var(--black-l) - 10%), var(--black-a)) !important;
   border-color: hsla(var(--black-hs), var(--black-l), var(--black-a));
-  color: var(--black-c, #FFFFFF);
+  color: var(--black-c, #ffffff);
 }
 a.btn-black:active,
 .btn-black.link:active,
@@ -1647,14 +1647,14 @@ button.btn-black:active {
 
 .btn-g-black {
   background-image: linear-gradient(var(--black, #000000), hsla(var(--black-hs), calc(var(--black-l) - 20%), var(--black-a))) !important;
-  color: var(--black-c, #FFFFFF);
+  color: var(--black-c, #ffffff);
   border: none;
 }
 
 a.btn-g-black:hover,
 button.btn-g-black:hover {
   background-image: linear-gradient(hsla(var(--black-hs), calc(var(--black-l) + 20%), var(--black-a)), var(--black, #000000)) !important;
-  color: var(--black-c, #FFFFFF);
+  color: var(--black-c, #ffffff);
 }
 a.btn-g-black:active,
 button.btn-g-black:active {
@@ -1676,7 +1676,7 @@ button.btn-outline-black:hover,
 .btn-outline-black:focus:hover,
 .btn-outline-black:focus-within:hover {
   background-color: hsla(var(--black-hs), calc(var(--black-l) - 10%), var(--black-a)) !important;
-  color: var(--black-c, #FFFFFF) !important;
+  color: var(--black-c, #ffffff) !important;
 }
 a.btn-outline-black.active, a.btn-outline-black:active,
 .btn-outline-black.link.active,
@@ -1688,12 +1688,12 @@ button.btn-outline-black:active,
 .btn-outline-black:focus-within.active,
 .btn-outline-black:focus-within:active {
   background-color: hsla(var(--black-hs), calc(var(--black-l) - 20%), var(--black-a)) !important;
-  color: var(--black-c, #FFFFFF) !important;
+  color: var(--black-c, #ffffff) !important;
 }
 
 .badge-black {
   background-color: hsla(var(--black-hs), var(--black-l), var(--black-a)) !important;
-  color: var(--black-c, #FFFFFF) !important;
+  color: var(--black-c, #ffffff) !important;
   border-color: hsla(var(--black-hs), calc(var(--black-l) - 20%), var(--black-a));
 }
 .badge-black.is-blur {
@@ -1708,7 +1708,7 @@ a.badge-black:hover,
 button.badge-black:hover {
   background-color: hsla(var(--black-hs), calc(var(--black-l) - 10%), var(--black-a)) !important;
   border-color: hsla(var(--black-hs), var(--black-l), var(--black-a));
-  color: var(--black-c, #FFFFFF);
+  color: var(--black-c, #ffffff);
 }
 a.badge-black:active,
 .badge-black.link:active,
@@ -1731,7 +1731,7 @@ button.badge-outline-black:hover,
 .badge-outline-black:focus:hover,
 .badge-outline-black:focus-within:hover {
   background-color: hsla(var(--black-hs), calc(var(--black-l) - 10%), var(--black-a)) !important;
-  color: var(--black-c, #FFFFFF) !important;
+  color: var(--black-c, #ffffff) !important;
 }
 a.badge-outline-black.active, a.badge-outline-black:active,
 .badge-outline-black.link.active,
@@ -1743,7 +1743,7 @@ button.badge-outline-black:active,
 .badge-outline-black:focus-within.active,
 .badge-outline-black:focus-within:active {
   background-color: hsla(var(--black-hs), calc(var(--black-l) - 20%), var(--black-a)) !important;
-  color: var(--black-c, #FFFFFF) !important;
+  color: var(--black-c, #ffffff) !important;
 }
 
 .border-black {
@@ -1751,7 +1751,7 @@ button.badge-outline-black:active,
 }
 
 .text-dark {
-  color: var(--dark, #343A40) !important;
+  color: var(--dark, #343a40) !important;
 }
 
 a.text-dark:hover,
@@ -1765,12 +1765,12 @@ button.text-dark:active {
 
 .text-neon-dark {
   /* color: var(--white) !important; */
-  text-shadow: 0 0 20px var(--dark, #343A40), 0 0 10px var(--white);
+  text-shadow: 0 0 20px var(--dark, #343a40), 0 0 10px var(--white);
 }
 
 .bg-dark {
   background-color: hsla(var(--dark-hs), var(--dark-l), var(--dark-a)) !important;
-  color: var(--dark-c, #F8F9FA) !important;
+  color: var(--dark-c, #f8f9fa) !important;
   border-color: hsla(var(--dark-hs), calc(var(--dark-l) - 20%), var(--dark-a));
 }
 .bg-dark.is-blur {
@@ -1785,7 +1785,7 @@ a.bg-dark:hover,
 button.bg-dark:hover {
   background-color: hsla(var(--dark-hs), calc(var(--dark-l) - 10%), var(--dark-a)) !important;
   border-color: hsla(var(--dark-hs), var(--dark-l), var(--dark-a));
-  color: var(--dark-c, #F8F9FA);
+  color: var(--dark-c, #f8f9fa);
 }
 a.bg-dark:active,
 .bg-dark.link:active,
@@ -1794,19 +1794,19 @@ button.bg-dark:active {
 }
 
 .bg-g-dark {
-  background-image: linear-gradient(var(--dark, #343A40), hsla(var(--dark-hs), calc(var(--dark-l) - 20%), var(--dark-a))) !important;
-  color: var(--dark-c, #F8F9FA);
+  background-image: linear-gradient(var(--dark, #343a40), hsla(var(--dark-hs), calc(var(--dark-l) - 20%), var(--dark-a))) !important;
+  color: var(--dark-c, #f8f9fa);
   border: none;
 }
 
 a.bg-g-dark:hover,
 button.bg-g-dark:hover {
-  background-image: linear-gradient(hsla(var(--dark-hs), calc(var(--dark-l) + 20%), var(--dark-a)), var(--dark, #343A40)) !important;
-  color: var(--dark-c, #F8F9FA);
+  background-image: linear-gradient(hsla(var(--dark-hs), calc(var(--dark-l) + 20%), var(--dark-a)), var(--dark, #343a40)) !important;
+  color: var(--dark-c, #f8f9fa);
 }
 a.bg-g-dark:active,
 button.bg-g-dark:active {
-  background-image: linear-gradient(hsla(var(--dark-hs), calc(var(--dark-l) - 20%), var(--dark-a)), var(--dark, #343A40)) !important;
+  background-image: linear-gradient(hsla(var(--dark-hs), calc(var(--dark-l) - 20%), var(--dark-a)), var(--dark, #343a40)) !important;
 }
 
 .tabs-dark .tab {
@@ -1824,7 +1824,7 @@ button.bg-g-dark:active {
 }
 .tabs-dark.fill .tab.active, .tabs-dark.prefill .tab.active {
   background-color: hsla(var(--dark-hs), var(--dark-l), var(--dark-a));
-  color: var(--dark-c, #F8F9FA);
+  color: var(--dark-c, #f8f9fa);
 }
 .tabs-dark.prefill .tab {
   background-color: hsla(var(--dark-hs), var(--dark-l), 0.125);
@@ -1854,7 +1854,7 @@ button.bg-outline-dark:hover,
 .bg-outline-dark:focus:hover,
 .bg-outline-dark:focus-within:hover {
   background-color: hsla(var(--dark-hs), calc(var(--dark-l) - 10%), var(--dark-a)) !important;
-  color: var(--dark-c, #F8F9FA) !important;
+  color: var(--dark-c, #f8f9fa) !important;
 }
 a.bg-outline-dark.active, a.bg-outline-dark:active,
 .bg-outline-dark.link.active,
@@ -1866,12 +1866,12 @@ button.bg-outline-dark:active,
 .bg-outline-dark:focus-within.active,
 .bg-outline-dark:focus-within:active {
   background-color: hsla(var(--dark-hs), calc(var(--dark-l) - 20%), var(--dark-a)) !important;
-  color: var(--dark-c, #F8F9FA) !important;
+  color: var(--dark-c, #f8f9fa) !important;
 }
 
 .btn-dark {
   background-color: hsla(var(--dark-hs), var(--dark-l), var(--dark-a)) !important;
-  color: var(--dark-c, #F8F9FA) !important;
+  color: var(--dark-c, #f8f9fa) !important;
   border-color: hsla(var(--dark-hs), calc(var(--dark-l) - 20%), var(--dark-a));
 }
 .btn-dark.is-blur {
@@ -1886,7 +1886,7 @@ a.btn-dark:hover,
 button.btn-dark:hover {
   background-color: hsla(var(--dark-hs), calc(var(--dark-l) - 10%), var(--dark-a)) !important;
   border-color: hsla(var(--dark-hs), var(--dark-l), var(--dark-a));
-  color: var(--dark-c, #F8F9FA);
+  color: var(--dark-c, #f8f9fa);
 }
 a.btn-dark:active,
 .btn-dark.link:active,
@@ -1895,19 +1895,19 @@ button.btn-dark:active {
 }
 
 .btn-g-dark {
-  background-image: linear-gradient(var(--dark, #343A40), hsla(var(--dark-hs), calc(var(--dark-l) - 20%), var(--dark-a))) !important;
-  color: var(--dark-c, #F8F9FA);
+  background-image: linear-gradient(var(--dark, #343a40), hsla(var(--dark-hs), calc(var(--dark-l) - 20%), var(--dark-a))) !important;
+  color: var(--dark-c, #f8f9fa);
   border: none;
 }
 
 a.btn-g-dark:hover,
 button.btn-g-dark:hover {
-  background-image: linear-gradient(hsla(var(--dark-hs), calc(var(--dark-l) + 20%), var(--dark-a)), var(--dark, #343A40)) !important;
-  color: var(--dark-c, #F8F9FA);
+  background-image: linear-gradient(hsla(var(--dark-hs), calc(var(--dark-l) + 20%), var(--dark-a)), var(--dark, #343a40)) !important;
+  color: var(--dark-c, #f8f9fa);
 }
 a.btn-g-dark:active,
 button.btn-g-dark:active {
-  background-image: linear-gradient(hsla(var(--dark-hs), calc(var(--dark-l) - 20%), var(--dark-a)), var(--dark, #343A40)) !important;
+  background-image: linear-gradient(hsla(var(--dark-hs), calc(var(--dark-l) - 20%), var(--dark-a)), var(--dark, #343a40)) !important;
 }
 
 .btn-outline-dark {
@@ -1925,7 +1925,7 @@ button.btn-outline-dark:hover,
 .btn-outline-dark:focus:hover,
 .btn-outline-dark:focus-within:hover {
   background-color: hsla(var(--dark-hs), calc(var(--dark-l) - 10%), var(--dark-a)) !important;
-  color: var(--dark-c, #F8F9FA) !important;
+  color: var(--dark-c, #f8f9fa) !important;
 }
 a.btn-outline-dark.active, a.btn-outline-dark:active,
 .btn-outline-dark.link.active,
@@ -1937,12 +1937,12 @@ button.btn-outline-dark:active,
 .btn-outline-dark:focus-within.active,
 .btn-outline-dark:focus-within:active {
   background-color: hsla(var(--dark-hs), calc(var(--dark-l) - 20%), var(--dark-a)) !important;
-  color: var(--dark-c, #F8F9FA) !important;
+  color: var(--dark-c, #f8f9fa) !important;
 }
 
 .badge-dark {
   background-color: hsla(var(--dark-hs), var(--dark-l), var(--dark-a)) !important;
-  color: var(--dark-c, #F8F9FA) !important;
+  color: var(--dark-c, #f8f9fa) !important;
   border-color: hsla(var(--dark-hs), calc(var(--dark-l) - 20%), var(--dark-a));
 }
 .badge-dark.is-blur {
@@ -1957,7 +1957,7 @@ a.badge-dark:hover,
 button.badge-dark:hover {
   background-color: hsla(var(--dark-hs), calc(var(--dark-l) - 10%), var(--dark-a)) !important;
   border-color: hsla(var(--dark-hs), var(--dark-l), var(--dark-a));
-  color: var(--dark-c, #F8F9FA);
+  color: var(--dark-c, #f8f9fa);
 }
 a.badge-dark:active,
 .badge-dark.link:active,
@@ -1980,7 +1980,7 @@ button.badge-outline-dark:hover,
 .badge-outline-dark:focus:hover,
 .badge-outline-dark:focus-within:hover {
   background-color: hsla(var(--dark-hs), calc(var(--dark-l) - 10%), var(--dark-a)) !important;
-  color: var(--dark-c, #F8F9FA) !important;
+  color: var(--dark-c, #f8f9fa) !important;
 }
 a.badge-outline-dark.active, a.badge-outline-dark:active,
 .badge-outline-dark.link.active,
@@ -1992,15 +1992,15 @@ button.badge-outline-dark:active,
 .badge-outline-dark:focus-within.active,
 .badge-outline-dark:focus-within:active {
   background-color: hsla(var(--dark-hs), calc(var(--dark-l) - 20%), var(--dark-a)) !important;
-  color: var(--dark-c, #F8F9FA) !important;
+  color: var(--dark-c, #f8f9fa) !important;
 }
 
 .border-dark {
-  border-color: #343A40;
+  border-color: #343a40;
 }
 
 .text-silver {
-  color: var(--silver, #BFBFBF) !important;
+  color: var(--silver, #bfbfbf) !important;
 }
 
 a.text-silver:hover,
@@ -2014,12 +2014,12 @@ button.text-silver:active {
 
 .text-neon-silver {
   /* color: var(--white) !important; */
-  text-shadow: 0 0 20px var(--silver, #BFBFBF), 0 0 10px var(--white);
+  text-shadow: 0 0 20px var(--silver, #bfbfbf), 0 0 10px var(--white);
 }
 
 .bg-silver {
   background-color: hsla(var(--silver-hs), var(--silver-l), var(--silver-a)) !important;
-  color: var(--silver-c, #FFFFFF) !important;
+  color: var(--silver-c, #ffffff) !important;
   border-color: hsla(var(--silver-hs), calc(var(--silver-l) - 20%), var(--silver-a));
 }
 .bg-silver.is-blur {
@@ -2034,7 +2034,7 @@ a.bg-silver:hover,
 button.bg-silver:hover {
   background-color: hsla(var(--silver-hs), calc(var(--silver-l) - 10%), var(--silver-a)) !important;
   border-color: hsla(var(--silver-hs), var(--silver-l), var(--silver-a));
-  color: var(--silver-c, #FFFFFF);
+  color: var(--silver-c, #ffffff);
 }
 a.bg-silver:active,
 .bg-silver.link:active,
@@ -2043,19 +2043,19 @@ button.bg-silver:active {
 }
 
 .bg-g-silver {
-  background-image: linear-gradient(var(--silver, #BFBFBF), hsla(var(--silver-hs), calc(var(--silver-l) - 20%), var(--silver-a))) !important;
-  color: var(--silver-c, #FFFFFF);
+  background-image: linear-gradient(var(--silver, #bfbfbf), hsla(var(--silver-hs), calc(var(--silver-l) - 20%), var(--silver-a))) !important;
+  color: var(--silver-c, #ffffff);
   border: none;
 }
 
 a.bg-g-silver:hover,
 button.bg-g-silver:hover {
-  background-image: linear-gradient(hsla(var(--silver-hs), calc(var(--silver-l) + 20%), var(--silver-a)), var(--silver, #BFBFBF)) !important;
-  color: var(--silver-c, #FFFFFF);
+  background-image: linear-gradient(hsla(var(--silver-hs), calc(var(--silver-l) + 20%), var(--silver-a)), var(--silver, #bfbfbf)) !important;
+  color: var(--silver-c, #ffffff);
 }
 a.bg-g-silver:active,
 button.bg-g-silver:active {
-  background-image: linear-gradient(hsla(var(--silver-hs), calc(var(--silver-l) - 20%), var(--silver-a)), var(--silver, #BFBFBF)) !important;
+  background-image: linear-gradient(hsla(var(--silver-hs), calc(var(--silver-l) - 20%), var(--silver-a)), var(--silver, #bfbfbf)) !important;
 }
 
 .tabs-silver .tab {
@@ -2073,7 +2073,7 @@ button.bg-g-silver:active {
 }
 .tabs-silver.fill .tab.active, .tabs-silver.prefill .tab.active {
   background-color: hsla(var(--silver-hs), var(--silver-l), var(--silver-a));
-  color: var(--silver-c, #FFFFFF);
+  color: var(--silver-c, #ffffff);
 }
 .tabs-silver.prefill .tab {
   background-color: hsla(var(--silver-hs), var(--silver-l), 0.125);
@@ -2103,7 +2103,7 @@ button.bg-outline-silver:hover,
 .bg-outline-silver:focus:hover,
 .bg-outline-silver:focus-within:hover {
   background-color: hsla(var(--silver-hs), calc(var(--silver-l) - 10%), var(--silver-a)) !important;
-  color: var(--silver-c, #FFFFFF) !important;
+  color: var(--silver-c, #ffffff) !important;
 }
 a.bg-outline-silver.active, a.bg-outline-silver:active,
 .bg-outline-silver.link.active,
@@ -2115,12 +2115,12 @@ button.bg-outline-silver:active,
 .bg-outline-silver:focus-within.active,
 .bg-outline-silver:focus-within:active {
   background-color: hsla(var(--silver-hs), calc(var(--silver-l) - 20%), var(--silver-a)) !important;
-  color: var(--silver-c, #FFFFFF) !important;
+  color: var(--silver-c, #ffffff) !important;
 }
 
 .btn-silver {
   background-color: hsla(var(--silver-hs), var(--silver-l), var(--silver-a)) !important;
-  color: var(--silver-c, #FFFFFF) !important;
+  color: var(--silver-c, #ffffff) !important;
   border-color: hsla(var(--silver-hs), calc(var(--silver-l) - 20%), var(--silver-a));
 }
 .btn-silver.is-blur {
@@ -2135,7 +2135,7 @@ a.btn-silver:hover,
 button.btn-silver:hover {
   background-color: hsla(var(--silver-hs), calc(var(--silver-l) - 10%), var(--silver-a)) !important;
   border-color: hsla(var(--silver-hs), var(--silver-l), var(--silver-a));
-  color: var(--silver-c, #FFFFFF);
+  color: var(--silver-c, #ffffff);
 }
 a.btn-silver:active,
 .btn-silver.link:active,
@@ -2144,19 +2144,19 @@ button.btn-silver:active {
 }
 
 .btn-g-silver {
-  background-image: linear-gradient(var(--silver, #BFBFBF), hsla(var(--silver-hs), calc(var(--silver-l) - 20%), var(--silver-a))) !important;
-  color: var(--silver-c, #FFFFFF);
+  background-image: linear-gradient(var(--silver, #bfbfbf), hsla(var(--silver-hs), calc(var(--silver-l) - 20%), var(--silver-a))) !important;
+  color: var(--silver-c, #ffffff);
   border: none;
 }
 
 a.btn-g-silver:hover,
 button.btn-g-silver:hover {
-  background-image: linear-gradient(hsla(var(--silver-hs), calc(var(--silver-l) + 20%), var(--silver-a)), var(--silver, #BFBFBF)) !important;
-  color: var(--silver-c, #FFFFFF);
+  background-image: linear-gradient(hsla(var(--silver-hs), calc(var(--silver-l) + 20%), var(--silver-a)), var(--silver, #bfbfbf)) !important;
+  color: var(--silver-c, #ffffff);
 }
 a.btn-g-silver:active,
 button.btn-g-silver:active {
-  background-image: linear-gradient(hsla(var(--silver-hs), calc(var(--silver-l) - 20%), var(--silver-a)), var(--silver, #BFBFBF)) !important;
+  background-image: linear-gradient(hsla(var(--silver-hs), calc(var(--silver-l) - 20%), var(--silver-a)), var(--silver, #bfbfbf)) !important;
 }
 
 .btn-outline-silver {
@@ -2174,7 +2174,7 @@ button.btn-outline-silver:hover,
 .btn-outline-silver:focus:hover,
 .btn-outline-silver:focus-within:hover {
   background-color: hsla(var(--silver-hs), calc(var(--silver-l) - 10%), var(--silver-a)) !important;
-  color: var(--silver-c, #FFFFFF) !important;
+  color: var(--silver-c, #ffffff) !important;
 }
 a.btn-outline-silver.active, a.btn-outline-silver:active,
 .btn-outline-silver.link.active,
@@ -2186,12 +2186,12 @@ button.btn-outline-silver:active,
 .btn-outline-silver:focus-within.active,
 .btn-outline-silver:focus-within:active {
   background-color: hsla(var(--silver-hs), calc(var(--silver-l) - 20%), var(--silver-a)) !important;
-  color: var(--silver-c, #FFFFFF) !important;
+  color: var(--silver-c, #ffffff) !important;
 }
 
 .badge-silver {
   background-color: hsla(var(--silver-hs), var(--silver-l), var(--silver-a)) !important;
-  color: var(--silver-c, #FFFFFF) !important;
+  color: var(--silver-c, #ffffff) !important;
   border-color: hsla(var(--silver-hs), calc(var(--silver-l) - 20%), var(--silver-a));
 }
 .badge-silver.is-blur {
@@ -2206,7 +2206,7 @@ a.badge-silver:hover,
 button.badge-silver:hover {
   background-color: hsla(var(--silver-hs), calc(var(--silver-l) - 10%), var(--silver-a)) !important;
   border-color: hsla(var(--silver-hs), var(--silver-l), var(--silver-a));
-  color: var(--silver-c, #FFFFFF);
+  color: var(--silver-c, #ffffff);
 }
 a.badge-silver:active,
 .badge-silver.link:active,
@@ -2229,7 +2229,7 @@ button.badge-outline-silver:hover,
 .badge-outline-silver:focus:hover,
 .badge-outline-silver:focus-within:hover {
   background-color: hsla(var(--silver-hs), calc(var(--silver-l) - 10%), var(--silver-a)) !important;
-  color: var(--silver-c, #FFFFFF) !important;
+  color: var(--silver-c, #ffffff) !important;
 }
 a.badge-outline-silver.active, a.badge-outline-silver:active,
 .badge-outline-silver.link.active,
@@ -2241,15 +2241,15 @@ button.badge-outline-silver:active,
 .badge-outline-silver:focus-within.active,
 .badge-outline-silver:focus-within:active {
   background-color: hsla(var(--silver-hs), calc(var(--silver-l) - 20%), var(--silver-a)) !important;
-  color: var(--silver-c, #FFFFFF) !important;
+  color: var(--silver-c, #ffffff) !important;
 }
 
 .border-silver {
-  border-color: #BFBFBF;
+  border-color: #bfbfbf;
 }
 
 .text-gold {
-  color: var(--gold, #FFDF00) !important;
+  color: var(--gold, #ffdf00) !important;
 }
 
 a.text-gold:hover,
@@ -2263,12 +2263,12 @@ button.text-gold:active {
 
 .text-neon-gold {
   /* color: var(--white) !important; */
-  text-shadow: 0 0 20px var(--gold, #FFDF00), 0 0 10px var(--white);
+  text-shadow: 0 0 20px var(--gold, #ffdf00), 0 0 10px var(--white);
 }
 
 .bg-gold {
   background-color: hsla(var(--gold-hs), var(--gold-l), var(--gold-a)) !important;
-  color: var(--gold-c, #FFFFFF) !important;
+  color: var(--gold-c, #ffffff) !important;
   border-color: hsla(var(--gold-hs), calc(var(--gold-l) - 20%), var(--gold-a));
 }
 .bg-gold.is-blur {
@@ -2283,7 +2283,7 @@ a.bg-gold:hover,
 button.bg-gold:hover {
   background-color: hsla(var(--gold-hs), calc(var(--gold-l) - 10%), var(--gold-a)) !important;
   border-color: hsla(var(--gold-hs), var(--gold-l), var(--gold-a));
-  color: var(--gold-c, #FFFFFF);
+  color: var(--gold-c, #ffffff);
 }
 a.bg-gold:active,
 .bg-gold.link:active,
@@ -2292,19 +2292,19 @@ button.bg-gold:active {
 }
 
 .bg-g-gold {
-  background-image: linear-gradient(var(--gold, #FFDF00), hsla(var(--gold-hs), calc(var(--gold-l) - 20%), var(--gold-a))) !important;
-  color: var(--gold-c, #FFFFFF);
+  background-image: linear-gradient(var(--gold, #ffdf00), hsla(var(--gold-hs), calc(var(--gold-l) - 20%), var(--gold-a))) !important;
+  color: var(--gold-c, #ffffff);
   border: none;
 }
 
 a.bg-g-gold:hover,
 button.bg-g-gold:hover {
-  background-image: linear-gradient(hsla(var(--gold-hs), calc(var(--gold-l) + 20%), var(--gold-a)), var(--gold, #FFDF00)) !important;
-  color: var(--gold-c, #FFFFFF);
+  background-image: linear-gradient(hsla(var(--gold-hs), calc(var(--gold-l) + 20%), var(--gold-a)), var(--gold, #ffdf00)) !important;
+  color: var(--gold-c, #ffffff);
 }
 a.bg-g-gold:active,
 button.bg-g-gold:active {
-  background-image: linear-gradient(hsla(var(--gold-hs), calc(var(--gold-l) - 20%), var(--gold-a)), var(--gold, #FFDF00)) !important;
+  background-image: linear-gradient(hsla(var(--gold-hs), calc(var(--gold-l) - 20%), var(--gold-a)), var(--gold, #ffdf00)) !important;
 }
 
 .tabs-gold .tab {
@@ -2322,7 +2322,7 @@ button.bg-g-gold:active {
 }
 .tabs-gold.fill .tab.active, .tabs-gold.prefill .tab.active {
   background-color: hsla(var(--gold-hs), var(--gold-l), var(--gold-a));
-  color: var(--gold-c, #FFFFFF);
+  color: var(--gold-c, #ffffff);
 }
 .tabs-gold.prefill .tab {
   background-color: hsla(var(--gold-hs), var(--gold-l), 0.125);
@@ -2352,7 +2352,7 @@ button.bg-outline-gold:hover,
 .bg-outline-gold:focus:hover,
 .bg-outline-gold:focus-within:hover {
   background-color: hsla(var(--gold-hs), calc(var(--gold-l) - 10%), var(--gold-a)) !important;
-  color: var(--gold-c, #FFFFFF) !important;
+  color: var(--gold-c, #ffffff) !important;
 }
 a.bg-outline-gold.active, a.bg-outline-gold:active,
 .bg-outline-gold.link.active,
@@ -2364,12 +2364,12 @@ button.bg-outline-gold:active,
 .bg-outline-gold:focus-within.active,
 .bg-outline-gold:focus-within:active {
   background-color: hsla(var(--gold-hs), calc(var(--gold-l) - 20%), var(--gold-a)) !important;
-  color: var(--gold-c, #FFFFFF) !important;
+  color: var(--gold-c, #ffffff) !important;
 }
 
 .btn-gold {
   background-color: hsla(var(--gold-hs), var(--gold-l), var(--gold-a)) !important;
-  color: var(--gold-c, #FFFFFF) !important;
+  color: var(--gold-c, #ffffff) !important;
   border-color: hsla(var(--gold-hs), calc(var(--gold-l) - 20%), var(--gold-a));
 }
 .btn-gold.is-blur {
@@ -2384,7 +2384,7 @@ a.btn-gold:hover,
 button.btn-gold:hover {
   background-color: hsla(var(--gold-hs), calc(var(--gold-l) - 10%), var(--gold-a)) !important;
   border-color: hsla(var(--gold-hs), var(--gold-l), var(--gold-a));
-  color: var(--gold-c, #FFFFFF);
+  color: var(--gold-c, #ffffff);
 }
 a.btn-gold:active,
 .btn-gold.link:active,
@@ -2393,19 +2393,19 @@ button.btn-gold:active {
 }
 
 .btn-g-gold {
-  background-image: linear-gradient(var(--gold, #FFDF00), hsla(var(--gold-hs), calc(var(--gold-l) - 20%), var(--gold-a))) !important;
-  color: var(--gold-c, #FFFFFF);
+  background-image: linear-gradient(var(--gold, #ffdf00), hsla(var(--gold-hs), calc(var(--gold-l) - 20%), var(--gold-a))) !important;
+  color: var(--gold-c, #ffffff);
   border: none;
 }
 
 a.btn-g-gold:hover,
 button.btn-g-gold:hover {
-  background-image: linear-gradient(hsla(var(--gold-hs), calc(var(--gold-l) + 20%), var(--gold-a)), var(--gold, #FFDF00)) !important;
-  color: var(--gold-c, #FFFFFF);
+  background-image: linear-gradient(hsla(var(--gold-hs), calc(var(--gold-l) + 20%), var(--gold-a)), var(--gold, #ffdf00)) !important;
+  color: var(--gold-c, #ffffff);
 }
 a.btn-g-gold:active,
 button.btn-g-gold:active {
-  background-image: linear-gradient(hsla(var(--gold-hs), calc(var(--gold-l) - 20%), var(--gold-a)), var(--gold, #FFDF00)) !important;
+  background-image: linear-gradient(hsla(var(--gold-hs), calc(var(--gold-l) - 20%), var(--gold-a)), var(--gold, #ffdf00)) !important;
 }
 
 .btn-outline-gold {
@@ -2423,7 +2423,7 @@ button.btn-outline-gold:hover,
 .btn-outline-gold:focus:hover,
 .btn-outline-gold:focus-within:hover {
   background-color: hsla(var(--gold-hs), calc(var(--gold-l) - 10%), var(--gold-a)) !important;
-  color: var(--gold-c, #FFFFFF) !important;
+  color: var(--gold-c, #ffffff) !important;
 }
 a.btn-outline-gold.active, a.btn-outline-gold:active,
 .btn-outline-gold.link.active,
@@ -2435,12 +2435,12 @@ button.btn-outline-gold:active,
 .btn-outline-gold:focus-within.active,
 .btn-outline-gold:focus-within:active {
   background-color: hsla(var(--gold-hs), calc(var(--gold-l) - 20%), var(--gold-a)) !important;
-  color: var(--gold-c, #FFFFFF) !important;
+  color: var(--gold-c, #ffffff) !important;
 }
 
 .badge-gold {
   background-color: hsla(var(--gold-hs), var(--gold-l), var(--gold-a)) !important;
-  color: var(--gold-c, #FFFFFF) !important;
+  color: var(--gold-c, #ffffff) !important;
   border-color: hsla(var(--gold-hs), calc(var(--gold-l) - 20%), var(--gold-a));
 }
 .badge-gold.is-blur {
@@ -2455,7 +2455,7 @@ a.badge-gold:hover,
 button.badge-gold:hover {
   background-color: hsla(var(--gold-hs), calc(var(--gold-l) - 10%), var(--gold-a)) !important;
   border-color: hsla(var(--gold-hs), var(--gold-l), var(--gold-a));
-  color: var(--gold-c, #FFFFFF);
+  color: var(--gold-c, #ffffff);
 }
 a.badge-gold:active,
 .badge-gold.link:active,
@@ -2478,7 +2478,7 @@ button.badge-outline-gold:hover,
 .badge-outline-gold:focus:hover,
 .badge-outline-gold:focus-within:hover {
   background-color: hsla(var(--gold-hs), calc(var(--gold-l) - 10%), var(--gold-a)) !important;
-  color: var(--gold-c, #FFFFFF) !important;
+  color: var(--gold-c, #ffffff) !important;
 }
 a.badge-outline-gold.active, a.badge-outline-gold:active,
 .badge-outline-gold.link.active,
@@ -2490,15 +2490,15 @@ button.badge-outline-gold:active,
 .badge-outline-gold:focus-within.active,
 .badge-outline-gold:focus-within:active {
   background-color: hsla(var(--gold-hs), calc(var(--gold-l) - 20%), var(--gold-a)) !important;
-  color: var(--gold-c, #FFFFFF) !important;
+  color: var(--gold-c, #ffffff) !important;
 }
 
 .border-gold {
-  border-color: #FFDF00;
+  border-color: #ffdf00;
 }
 
 .text-info {
-  color: var(--info, #17A2b8) !important;
+  color: var(--info, #17a2b8) !important;
 }
 
 a.text-info:hover,
@@ -2512,12 +2512,12 @@ button.text-info:active {
 
 .text-neon-info {
   /* color: var(--white) !important; */
-  text-shadow: 0 0 20px var(--info, #17A2b8), 0 0 10px var(--white);
+  text-shadow: 0 0 20px var(--info, #17a2b8), 0 0 10px var(--white);
 }
 
 .bg-info {
   background-color: hsla(var(--info-hs), var(--info-l), var(--info-a)) !important;
-  color: var(--info-c, #FFFFFF) !important;
+  color: var(--info-c, #ffffff) !important;
   border-color: hsla(var(--info-hs), calc(var(--info-l) - 20%), var(--info-a));
 }
 .bg-info.is-blur {
@@ -2532,7 +2532,7 @@ a.bg-info:hover,
 button.bg-info:hover {
   background-color: hsla(var(--info-hs), calc(var(--info-l) - 10%), var(--info-a)) !important;
   border-color: hsla(var(--info-hs), var(--info-l), var(--info-a));
-  color: var(--info-c, #FFFFFF);
+  color: var(--info-c, #ffffff);
 }
 a.bg-info:active,
 .bg-info.link:active,
@@ -2541,19 +2541,19 @@ button.bg-info:active {
 }
 
 .bg-g-info {
-  background-image: linear-gradient(var(--info, #17A2b8), hsla(var(--info-hs), calc(var(--info-l) - 20%), var(--info-a))) !important;
-  color: var(--info-c, #FFFFFF);
+  background-image: linear-gradient(var(--info, #17a2b8), hsla(var(--info-hs), calc(var(--info-l) - 20%), var(--info-a))) !important;
+  color: var(--info-c, #ffffff);
   border: none;
 }
 
 a.bg-g-info:hover,
 button.bg-g-info:hover {
-  background-image: linear-gradient(hsla(var(--info-hs), calc(var(--info-l) + 20%), var(--info-a)), var(--info, #17A2b8)) !important;
-  color: var(--info-c, #FFFFFF);
+  background-image: linear-gradient(hsla(var(--info-hs), calc(var(--info-l) + 20%), var(--info-a)), var(--info, #17a2b8)) !important;
+  color: var(--info-c, #ffffff);
 }
 a.bg-g-info:active,
 button.bg-g-info:active {
-  background-image: linear-gradient(hsla(var(--info-hs), calc(var(--info-l) - 20%), var(--info-a)), var(--info, #17A2b8)) !important;
+  background-image: linear-gradient(hsla(var(--info-hs), calc(var(--info-l) - 20%), var(--info-a)), var(--info, #17a2b8)) !important;
 }
 
 .tabs-info .tab {
@@ -2571,7 +2571,7 @@ button.bg-g-info:active {
 }
 .tabs-info.fill .tab.active, .tabs-info.prefill .tab.active {
   background-color: hsla(var(--info-hs), var(--info-l), var(--info-a));
-  color: var(--info-c, #FFFFFF);
+  color: var(--info-c, #ffffff);
 }
 .tabs-info.prefill .tab {
   background-color: hsla(var(--info-hs), var(--info-l), 0.125);
@@ -2601,7 +2601,7 @@ button.bg-outline-info:hover,
 .bg-outline-info:focus:hover,
 .bg-outline-info:focus-within:hover {
   background-color: hsla(var(--info-hs), calc(var(--info-l) - 10%), var(--info-a)) !important;
-  color: var(--info-c, #FFFFFF) !important;
+  color: var(--info-c, #ffffff) !important;
 }
 a.bg-outline-info.active, a.bg-outline-info:active,
 .bg-outline-info.link.active,
@@ -2613,12 +2613,12 @@ button.bg-outline-info:active,
 .bg-outline-info:focus-within.active,
 .bg-outline-info:focus-within:active {
   background-color: hsla(var(--info-hs), calc(var(--info-l) - 20%), var(--info-a)) !important;
-  color: var(--info-c, #FFFFFF) !important;
+  color: var(--info-c, #ffffff) !important;
 }
 
 .btn-info {
   background-color: hsla(var(--info-hs), var(--info-l), var(--info-a)) !important;
-  color: var(--info-c, #FFFFFF) !important;
+  color: var(--info-c, #ffffff) !important;
   border-color: hsla(var(--info-hs), calc(var(--info-l) - 20%), var(--info-a));
 }
 .btn-info.is-blur {
@@ -2633,7 +2633,7 @@ a.btn-info:hover,
 button.btn-info:hover {
   background-color: hsla(var(--info-hs), calc(var(--info-l) - 10%), var(--info-a)) !important;
   border-color: hsla(var(--info-hs), var(--info-l), var(--info-a));
-  color: var(--info-c, #FFFFFF);
+  color: var(--info-c, #ffffff);
 }
 a.btn-info:active,
 .btn-info.link:active,
@@ -2642,19 +2642,19 @@ button.btn-info:active {
 }
 
 .btn-g-info {
-  background-image: linear-gradient(var(--info, #17A2b8), hsla(var(--info-hs), calc(var(--info-l) - 20%), var(--info-a))) !important;
-  color: var(--info-c, #FFFFFF);
+  background-image: linear-gradient(var(--info, #17a2b8), hsla(var(--info-hs), calc(var(--info-l) - 20%), var(--info-a))) !important;
+  color: var(--info-c, #ffffff);
   border: none;
 }
 
 a.btn-g-info:hover,
 button.btn-g-info:hover {
-  background-image: linear-gradient(hsla(var(--info-hs), calc(var(--info-l) + 20%), var(--info-a)), var(--info, #17A2b8)) !important;
-  color: var(--info-c, #FFFFFF);
+  background-image: linear-gradient(hsla(var(--info-hs), calc(var(--info-l) + 20%), var(--info-a)), var(--info, #17a2b8)) !important;
+  color: var(--info-c, #ffffff);
 }
 a.btn-g-info:active,
 button.btn-g-info:active {
-  background-image: linear-gradient(hsla(var(--info-hs), calc(var(--info-l) - 20%), var(--info-a)), var(--info, #17A2b8)) !important;
+  background-image: linear-gradient(hsla(var(--info-hs), calc(var(--info-l) - 20%), var(--info-a)), var(--info, #17a2b8)) !important;
 }
 
 .btn-outline-info {
@@ -2672,7 +2672,7 @@ button.btn-outline-info:hover,
 .btn-outline-info:focus:hover,
 .btn-outline-info:focus-within:hover {
   background-color: hsla(var(--info-hs), calc(var(--info-l) - 10%), var(--info-a)) !important;
-  color: var(--info-c, #FFFFFF) !important;
+  color: var(--info-c, #ffffff) !important;
 }
 a.btn-outline-info.active, a.btn-outline-info:active,
 .btn-outline-info.link.active,
@@ -2684,12 +2684,12 @@ button.btn-outline-info:active,
 .btn-outline-info:focus-within.active,
 .btn-outline-info:focus-within:active {
   background-color: hsla(var(--info-hs), calc(var(--info-l) - 20%), var(--info-a)) !important;
-  color: var(--info-c, #FFFFFF) !important;
+  color: var(--info-c, #ffffff) !important;
 }
 
 .badge-info {
   background-color: hsla(var(--info-hs), var(--info-l), var(--info-a)) !important;
-  color: var(--info-c, #FFFFFF) !important;
+  color: var(--info-c, #ffffff) !important;
   border-color: hsla(var(--info-hs), calc(var(--info-l) - 20%), var(--info-a));
 }
 .badge-info.is-blur {
@@ -2704,7 +2704,7 @@ a.badge-info:hover,
 button.badge-info:hover {
   background-color: hsla(var(--info-hs), calc(var(--info-l) - 10%), var(--info-a)) !important;
   border-color: hsla(var(--info-hs), var(--info-l), var(--info-a));
-  color: var(--info-c, #FFFFFF);
+  color: var(--info-c, #ffffff);
 }
 a.badge-info:active,
 .badge-info.link:active,
@@ -2727,7 +2727,7 @@ button.badge-outline-info:hover,
 .badge-outline-info:focus:hover,
 .badge-outline-info:focus-within:hover {
   background-color: hsla(var(--info-hs), calc(var(--info-l) - 10%), var(--info-a)) !important;
-  color: var(--info-c, #FFFFFF) !important;
+  color: var(--info-c, #ffffff) !important;
 }
 a.badge-outline-info.active, a.badge-outline-info:active,
 .badge-outline-info.link.active,
@@ -2739,15 +2739,15 @@ button.badge-outline-info:active,
 .badge-outline-info:focus-within.active,
 .badge-outline-info:focus-within:active {
   background-color: hsla(var(--info-hs), calc(var(--info-l) - 20%), var(--info-a)) !important;
-  color: var(--info-c, #FFFFFF) !important;
+  color: var(--info-c, #ffffff) !important;
 }
 
 .border-info {
-  border-color: #17A2b8;
+  border-color: #17a2b8;
 }
 
 .text-error {
-  color: var(--error, #DC3545) !important;
+  color: var(--error, #dc3545) !important;
 }
 
 a.text-error:hover,
@@ -2761,12 +2761,12 @@ button.text-error:active {
 
 .text-neon-error {
   /* color: var(--white) !important; */
-  text-shadow: 0 0 20px var(--error, #DC3545), 0 0 10px var(--white);
+  text-shadow: 0 0 20px var(--error, #dc3545), 0 0 10px var(--white);
 }
 
 .bg-error {
   background-color: hsla(var(--error-hs), var(--error-l), var(--error-a)) !important;
-  color: var(--error-c, #FFFFFF) !important;
+  color: var(--error-c, #ffffff) !important;
   border-color: hsla(var(--error-hs), calc(var(--error-l) - 20%), var(--error-a));
 }
 .bg-error.is-blur {
@@ -2781,7 +2781,7 @@ a.bg-error:hover,
 button.bg-error:hover {
   background-color: hsla(var(--error-hs), calc(var(--error-l) - 10%), var(--error-a)) !important;
   border-color: hsla(var(--error-hs), var(--error-l), var(--error-a));
-  color: var(--error-c, #FFFFFF);
+  color: var(--error-c, #ffffff);
 }
 a.bg-error:active,
 .bg-error.link:active,
@@ -2790,19 +2790,19 @@ button.bg-error:active {
 }
 
 .bg-g-error {
-  background-image: linear-gradient(var(--error, #DC3545), hsla(var(--error-hs), calc(var(--error-l) - 20%), var(--error-a))) !important;
-  color: var(--error-c, #FFFFFF);
+  background-image: linear-gradient(var(--error, #dc3545), hsla(var(--error-hs), calc(var(--error-l) - 20%), var(--error-a))) !important;
+  color: var(--error-c, #ffffff);
   border: none;
 }
 
 a.bg-g-error:hover,
 button.bg-g-error:hover {
-  background-image: linear-gradient(hsla(var(--error-hs), calc(var(--error-l) + 20%), var(--error-a)), var(--error, #DC3545)) !important;
-  color: var(--error-c, #FFFFFF);
+  background-image: linear-gradient(hsla(var(--error-hs), calc(var(--error-l) + 20%), var(--error-a)), var(--error, #dc3545)) !important;
+  color: var(--error-c, #ffffff);
 }
 a.bg-g-error:active,
 button.bg-g-error:active {
-  background-image: linear-gradient(hsla(var(--error-hs), calc(var(--error-l) - 20%), var(--error-a)), var(--error, #DC3545)) !important;
+  background-image: linear-gradient(hsla(var(--error-hs), calc(var(--error-l) - 20%), var(--error-a)), var(--error, #dc3545)) !important;
 }
 
 .tabs-error .tab {
@@ -2820,7 +2820,7 @@ button.bg-g-error:active {
 }
 .tabs-error.fill .tab.active, .tabs-error.prefill .tab.active {
   background-color: hsla(var(--error-hs), var(--error-l), var(--error-a));
-  color: var(--error-c, #FFFFFF);
+  color: var(--error-c, #ffffff);
 }
 .tabs-error.prefill .tab {
   background-color: hsla(var(--error-hs), var(--error-l), 0.125);
@@ -2850,7 +2850,7 @@ button.bg-outline-error:hover,
 .bg-outline-error:focus:hover,
 .bg-outline-error:focus-within:hover {
   background-color: hsla(var(--error-hs), calc(var(--error-l) - 10%), var(--error-a)) !important;
-  color: var(--error-c, #FFFFFF) !important;
+  color: var(--error-c, #ffffff) !important;
 }
 a.bg-outline-error.active, a.bg-outline-error:active,
 .bg-outline-error.link.active,
@@ -2862,12 +2862,12 @@ button.bg-outline-error:active,
 .bg-outline-error:focus-within.active,
 .bg-outline-error:focus-within:active {
   background-color: hsla(var(--error-hs), calc(var(--error-l) - 20%), var(--error-a)) !important;
-  color: var(--error-c, #FFFFFF) !important;
+  color: var(--error-c, #ffffff) !important;
 }
 
 .btn-error {
   background-color: hsla(var(--error-hs), var(--error-l), var(--error-a)) !important;
-  color: var(--error-c, #FFFFFF) !important;
+  color: var(--error-c, #ffffff) !important;
   border-color: hsla(var(--error-hs), calc(var(--error-l) - 20%), var(--error-a));
 }
 .btn-error.is-blur {
@@ -2882,7 +2882,7 @@ a.btn-error:hover,
 button.btn-error:hover {
   background-color: hsla(var(--error-hs), calc(var(--error-l) - 10%), var(--error-a)) !important;
   border-color: hsla(var(--error-hs), var(--error-l), var(--error-a));
-  color: var(--error-c, #FFFFFF);
+  color: var(--error-c, #ffffff);
 }
 a.btn-error:active,
 .btn-error.link:active,
@@ -2891,19 +2891,19 @@ button.btn-error:active {
 }
 
 .btn-g-error {
-  background-image: linear-gradient(var(--error, #DC3545), hsla(var(--error-hs), calc(var(--error-l) - 20%), var(--error-a))) !important;
-  color: var(--error-c, #FFFFFF);
+  background-image: linear-gradient(var(--error, #dc3545), hsla(var(--error-hs), calc(var(--error-l) - 20%), var(--error-a))) !important;
+  color: var(--error-c, #ffffff);
   border: none;
 }
 
 a.btn-g-error:hover,
 button.btn-g-error:hover {
-  background-image: linear-gradient(hsla(var(--error-hs), calc(var(--error-l) + 20%), var(--error-a)), var(--error, #DC3545)) !important;
-  color: var(--error-c, #FFFFFF);
+  background-image: linear-gradient(hsla(var(--error-hs), calc(var(--error-l) + 20%), var(--error-a)), var(--error, #dc3545)) !important;
+  color: var(--error-c, #ffffff);
 }
 a.btn-g-error:active,
 button.btn-g-error:active {
-  background-image: linear-gradient(hsla(var(--error-hs), calc(var(--error-l) - 20%), var(--error-a)), var(--error, #DC3545)) !important;
+  background-image: linear-gradient(hsla(var(--error-hs), calc(var(--error-l) - 20%), var(--error-a)), var(--error, #dc3545)) !important;
 }
 
 .btn-outline-error {
@@ -2921,7 +2921,7 @@ button.btn-outline-error:hover,
 .btn-outline-error:focus:hover,
 .btn-outline-error:focus-within:hover {
   background-color: hsla(var(--error-hs), calc(var(--error-l) - 10%), var(--error-a)) !important;
-  color: var(--error-c, #FFFFFF) !important;
+  color: var(--error-c, #ffffff) !important;
 }
 a.btn-outline-error.active, a.btn-outline-error:active,
 .btn-outline-error.link.active,
@@ -2933,12 +2933,12 @@ button.btn-outline-error:active,
 .btn-outline-error:focus-within.active,
 .btn-outline-error:focus-within:active {
   background-color: hsla(var(--error-hs), calc(var(--error-l) - 20%), var(--error-a)) !important;
-  color: var(--error-c, #FFFFFF) !important;
+  color: var(--error-c, #ffffff) !important;
 }
 
 .badge-error {
   background-color: hsla(var(--error-hs), var(--error-l), var(--error-a)) !important;
-  color: var(--error-c, #FFFFFF) !important;
+  color: var(--error-c, #ffffff) !important;
   border-color: hsla(var(--error-hs), calc(var(--error-l) - 20%), var(--error-a));
 }
 .badge-error.is-blur {
@@ -2953,7 +2953,7 @@ a.badge-error:hover,
 button.badge-error:hover {
   background-color: hsla(var(--error-hs), calc(var(--error-l) - 10%), var(--error-a)) !important;
   border-color: hsla(var(--error-hs), var(--error-l), var(--error-a));
-  color: var(--error-c, #FFFFFF);
+  color: var(--error-c, #ffffff);
 }
 a.badge-error:active,
 .badge-error.link:active,
@@ -2976,7 +2976,7 @@ button.badge-outline-error:hover,
 .badge-outline-error:focus:hover,
 .badge-outline-error:focus-within:hover {
   background-color: hsla(var(--error-hs), calc(var(--error-l) - 10%), var(--error-a)) !important;
-  color: var(--error-c, #FFFFFF) !important;
+  color: var(--error-c, #ffffff) !important;
 }
 a.badge-outline-error.active, a.badge-outline-error:active,
 .badge-outline-error.link.active,
@@ -2988,15 +2988,15 @@ button.badge-outline-error:active,
 .badge-outline-error:focus-within.active,
 .badge-outline-error:focus-within:active {
   background-color: hsla(var(--error-hs), calc(var(--error-l) - 20%), var(--error-a)) !important;
-  color: var(--error-c, #FFFFFF) !important;
+  color: var(--error-c, #ffffff) !important;
 }
 
 .border-error {
-  border-color: #DC3545;
+  border-color: #dc3545;
 }
 
 .text-success {
-  color: var(--success, #24B624) !important;
+  color: var(--success, #24b624) !important;
 }
 
 a.text-success:hover,
@@ -3010,12 +3010,12 @@ button.text-success:active {
 
 .text-neon-success {
   /* color: var(--white) !important; */
-  text-shadow: 0 0 20px var(--success, #24B624), 0 0 10px var(--white);
+  text-shadow: 0 0 20px var(--success, #24b624), 0 0 10px var(--white);
 }
 
 .bg-success {
   background-color: hsla(var(--success-hs), var(--success-l), var(--success-a)) !important;
-  color: var(--success-c, #FFFFFF) !important;
+  color: var(--success-c, #ffffff) !important;
   border-color: hsla(var(--success-hs), calc(var(--success-l) - 20%), var(--success-a));
 }
 .bg-success.is-blur {
@@ -3030,7 +3030,7 @@ a.bg-success:hover,
 button.bg-success:hover {
   background-color: hsla(var(--success-hs), calc(var(--success-l) - 10%), var(--success-a)) !important;
   border-color: hsla(var(--success-hs), var(--success-l), var(--success-a));
-  color: var(--success-c, #FFFFFF);
+  color: var(--success-c, #ffffff);
 }
 a.bg-success:active,
 .bg-success.link:active,
@@ -3039,19 +3039,19 @@ button.bg-success:active {
 }
 
 .bg-g-success {
-  background-image: linear-gradient(var(--success, #24B624), hsla(var(--success-hs), calc(var(--success-l) - 20%), var(--success-a))) !important;
-  color: var(--success-c, #FFFFFF);
+  background-image: linear-gradient(var(--success, #24b624), hsla(var(--success-hs), calc(var(--success-l) - 20%), var(--success-a))) !important;
+  color: var(--success-c, #ffffff);
   border: none;
 }
 
 a.bg-g-success:hover,
 button.bg-g-success:hover {
-  background-image: linear-gradient(hsla(var(--success-hs), calc(var(--success-l) + 20%), var(--success-a)), var(--success, #24B624)) !important;
-  color: var(--success-c, #FFFFFF);
+  background-image: linear-gradient(hsla(var(--success-hs), calc(var(--success-l) + 20%), var(--success-a)), var(--success, #24b624)) !important;
+  color: var(--success-c, #ffffff);
 }
 a.bg-g-success:active,
 button.bg-g-success:active {
-  background-image: linear-gradient(hsla(var(--success-hs), calc(var(--success-l) - 20%), var(--success-a)), var(--success, #24B624)) !important;
+  background-image: linear-gradient(hsla(var(--success-hs), calc(var(--success-l) - 20%), var(--success-a)), var(--success, #24b624)) !important;
 }
 
 .tabs-success .tab {
@@ -3069,7 +3069,7 @@ button.bg-g-success:active {
 }
 .tabs-success.fill .tab.active, .tabs-success.prefill .tab.active {
   background-color: hsla(var(--success-hs), var(--success-l), var(--success-a));
-  color: var(--success-c, #FFFFFF);
+  color: var(--success-c, #ffffff);
 }
 .tabs-success.prefill .tab {
   background-color: hsla(var(--success-hs), var(--success-l), 0.125);
@@ -3099,7 +3099,7 @@ button.bg-outline-success:hover,
 .bg-outline-success:focus:hover,
 .bg-outline-success:focus-within:hover {
   background-color: hsla(var(--success-hs), calc(var(--success-l) - 10%), var(--success-a)) !important;
-  color: var(--success-c, #FFFFFF) !important;
+  color: var(--success-c, #ffffff) !important;
 }
 a.bg-outline-success.active, a.bg-outline-success:active,
 .bg-outline-success.link.active,
@@ -3111,12 +3111,12 @@ button.bg-outline-success:active,
 .bg-outline-success:focus-within.active,
 .bg-outline-success:focus-within:active {
   background-color: hsla(var(--success-hs), calc(var(--success-l) - 20%), var(--success-a)) !important;
-  color: var(--success-c, #FFFFFF) !important;
+  color: var(--success-c, #ffffff) !important;
 }
 
 .btn-success {
   background-color: hsla(var(--success-hs), var(--success-l), var(--success-a)) !important;
-  color: var(--success-c, #FFFFFF) !important;
+  color: var(--success-c, #ffffff) !important;
   border-color: hsla(var(--success-hs), calc(var(--success-l) - 20%), var(--success-a));
 }
 .btn-success.is-blur {
@@ -3131,7 +3131,7 @@ a.btn-success:hover,
 button.btn-success:hover {
   background-color: hsla(var(--success-hs), calc(var(--success-l) - 10%), var(--success-a)) !important;
   border-color: hsla(var(--success-hs), var(--success-l), var(--success-a));
-  color: var(--success-c, #FFFFFF);
+  color: var(--success-c, #ffffff);
 }
 a.btn-success:active,
 .btn-success.link:active,
@@ -3140,19 +3140,19 @@ button.btn-success:active {
 }
 
 .btn-g-success {
-  background-image: linear-gradient(var(--success, #24B624), hsla(var(--success-hs), calc(var(--success-l) - 20%), var(--success-a))) !important;
-  color: var(--success-c, #FFFFFF);
+  background-image: linear-gradient(var(--success, #24b624), hsla(var(--success-hs), calc(var(--success-l) - 20%), var(--success-a))) !important;
+  color: var(--success-c, #ffffff);
   border: none;
 }
 
 a.btn-g-success:hover,
 button.btn-g-success:hover {
-  background-image: linear-gradient(hsla(var(--success-hs), calc(var(--success-l) + 20%), var(--success-a)), var(--success, #24B624)) !important;
-  color: var(--success-c, #FFFFFF);
+  background-image: linear-gradient(hsla(var(--success-hs), calc(var(--success-l) + 20%), var(--success-a)), var(--success, #24b624)) !important;
+  color: var(--success-c, #ffffff);
 }
 a.btn-g-success:active,
 button.btn-g-success:active {
-  background-image: linear-gradient(hsla(var(--success-hs), calc(var(--success-l) - 20%), var(--success-a)), var(--success, #24B624)) !important;
+  background-image: linear-gradient(hsla(var(--success-hs), calc(var(--success-l) - 20%), var(--success-a)), var(--success, #24b624)) !important;
 }
 
 .btn-outline-success {
@@ -3170,7 +3170,7 @@ button.btn-outline-success:hover,
 .btn-outline-success:focus:hover,
 .btn-outline-success:focus-within:hover {
   background-color: hsla(var(--success-hs), calc(var(--success-l) - 10%), var(--success-a)) !important;
-  color: var(--success-c, #FFFFFF) !important;
+  color: var(--success-c, #ffffff) !important;
 }
 a.btn-outline-success.active, a.btn-outline-success:active,
 .btn-outline-success.link.active,
@@ -3182,12 +3182,12 @@ button.btn-outline-success:active,
 .btn-outline-success:focus-within.active,
 .btn-outline-success:focus-within:active {
   background-color: hsla(var(--success-hs), calc(var(--success-l) - 20%), var(--success-a)) !important;
-  color: var(--success-c, #FFFFFF) !important;
+  color: var(--success-c, #ffffff) !important;
 }
 
 .badge-success {
   background-color: hsla(var(--success-hs), var(--success-l), var(--success-a)) !important;
-  color: var(--success-c, #FFFFFF) !important;
+  color: var(--success-c, #ffffff) !important;
   border-color: hsla(var(--success-hs), calc(var(--success-l) - 20%), var(--success-a));
 }
 .badge-success.is-blur {
@@ -3202,7 +3202,7 @@ a.badge-success:hover,
 button.badge-success:hover {
   background-color: hsla(var(--success-hs), calc(var(--success-l) - 10%), var(--success-a)) !important;
   border-color: hsla(var(--success-hs), var(--success-l), var(--success-a));
-  color: var(--success-c, #FFFFFF);
+  color: var(--success-c, #ffffff);
 }
 a.badge-success:active,
 .badge-success.link:active,
@@ -3225,7 +3225,7 @@ button.badge-outline-success:hover,
 .badge-outline-success:focus:hover,
 .badge-outline-success:focus-within:hover {
   background-color: hsla(var(--success-hs), calc(var(--success-l) - 10%), var(--success-a)) !important;
-  color: var(--success-c, #FFFFFF) !important;
+  color: var(--success-c, #ffffff) !important;
 }
 a.badge-outline-success.active, a.badge-outline-success:active,
 .badge-outline-success.link.active,
@@ -3237,15 +3237,15 @@ button.badge-outline-success:active,
 .badge-outline-success:focus-within.active,
 .badge-outline-success:focus-within:active {
   background-color: hsla(var(--success-hs), calc(var(--success-l) - 20%), var(--success-a)) !important;
-  color: var(--success-c, #FFFFFF) !important;
+  color: var(--success-c, #ffffff) !important;
 }
 
 .border-success {
-  border-color: #24B624;
+  border-color: #24b624;
 }
 
 .text-warn {
-  color: var(--warn, #FFA500) !important;
+  color: var(--warn, #ffa500) !important;
 }
 
 a.text-warn:hover,
@@ -3259,7 +3259,7 @@ button.text-warn:active {
 
 .text-neon-warn {
   /* color: var(--white) !important; */
-  text-shadow: 0 0 20px var(--warn, #FFA500), 0 0 10px var(--white);
+  text-shadow: 0 0 20px var(--warn, #ffa500), 0 0 10px var(--white);
 }
 
 .bg-warn {
@@ -3288,19 +3288,19 @@ button.bg-warn:active {
 }
 
 .bg-g-warn {
-  background-image: linear-gradient(var(--warn, #FFA500), hsla(var(--warn-hs), calc(var(--warn-l) - 20%), var(--warn-a))) !important;
+  background-image: linear-gradient(var(--warn, #ffa500), hsla(var(--warn-hs), calc(var(--warn-l) - 20%), var(--warn-a))) !important;
   color: var(--warn-c, #000000);
   border: none;
 }
 
 a.bg-g-warn:hover,
 button.bg-g-warn:hover {
-  background-image: linear-gradient(hsla(var(--warn-hs), calc(var(--warn-l) + 20%), var(--warn-a)), var(--warn, #FFA500)) !important;
+  background-image: linear-gradient(hsla(var(--warn-hs), calc(var(--warn-l) + 20%), var(--warn-a)), var(--warn, #ffa500)) !important;
   color: var(--warn-c, #000000);
 }
 a.bg-g-warn:active,
 button.bg-g-warn:active {
-  background-image: linear-gradient(hsla(var(--warn-hs), calc(var(--warn-l) - 20%), var(--warn-a)), var(--warn, #FFA500)) !important;
+  background-image: linear-gradient(hsla(var(--warn-hs), calc(var(--warn-l) - 20%), var(--warn-a)), var(--warn, #ffa500)) !important;
 }
 
 .tabs-warn .tab {
@@ -3389,19 +3389,19 @@ button.btn-warn:active {
 }
 
 .btn-g-warn {
-  background-image: linear-gradient(var(--warn, #FFA500), hsla(var(--warn-hs), calc(var(--warn-l) - 20%), var(--warn-a))) !important;
+  background-image: linear-gradient(var(--warn, #ffa500), hsla(var(--warn-hs), calc(var(--warn-l) - 20%), var(--warn-a))) !important;
   color: var(--warn-c, #000000);
   border: none;
 }
 
 a.btn-g-warn:hover,
 button.btn-g-warn:hover {
-  background-image: linear-gradient(hsla(var(--warn-hs), calc(var(--warn-l) + 20%), var(--warn-a)), var(--warn, #FFA500)) !important;
+  background-image: linear-gradient(hsla(var(--warn-hs), calc(var(--warn-l) + 20%), var(--warn-a)), var(--warn, #ffa500)) !important;
   color: var(--warn-c, #000000);
 }
 a.btn-g-warn:active,
 button.btn-g-warn:active {
-  background-image: linear-gradient(hsla(var(--warn-hs), calc(var(--warn-l) - 20%), var(--warn-a)), var(--warn, #FFA500)) !important;
+  background-image: linear-gradient(hsla(var(--warn-hs), calc(var(--warn-l) - 20%), var(--warn-a)), var(--warn, #ffa500)) !important;
 }
 
 .btn-outline-warn {
@@ -3490,11 +3490,11 @@ button.badge-outline-warn:active,
 }
 
 .border-warn {
-  border-color: #FFA500;
+  border-color: #ffa500;
 }
 
 .text-red {
-  color: var(--red, #C54646) !important;
+  color: var(--red, #c54646) !important;
 }
 
 a.text-red:hover,
@@ -3508,12 +3508,12 @@ button.text-red:active {
 
 .text-neon-red {
   /* color: var(--white) !important; */
-  text-shadow: 0 0 20px var(--red, #C54646), 0 0 10px var(--white);
+  text-shadow: 0 0 20px var(--red, #c54646), 0 0 10px var(--white);
 }
 
 .bg-red {
   background-color: hsla(var(--red-hs), var(--red-l), var(--red-a)) !important;
-  color: var(--red-c, #FFFFFF) !important;
+  color: var(--red-c, #ffffff) !important;
   border-color: hsla(var(--red-hs), calc(var(--red-l) - 20%), var(--red-a));
 }
 .bg-red.is-blur {
@@ -3528,7 +3528,7 @@ a.bg-red:hover,
 button.bg-red:hover {
   background-color: hsla(var(--red-hs), calc(var(--red-l) - 10%), var(--red-a)) !important;
   border-color: hsla(var(--red-hs), var(--red-l), var(--red-a));
-  color: var(--red-c, #FFFFFF);
+  color: var(--red-c, #ffffff);
 }
 a.bg-red:active,
 .bg-red.link:active,
@@ -3537,19 +3537,19 @@ button.bg-red:active {
 }
 
 .bg-g-red {
-  background-image: linear-gradient(var(--red, #C54646), hsla(var(--red-hs), calc(var(--red-l) - 20%), var(--red-a))) !important;
-  color: var(--red-c, #FFFFFF);
+  background-image: linear-gradient(var(--red, #c54646), hsla(var(--red-hs), calc(var(--red-l) - 20%), var(--red-a))) !important;
+  color: var(--red-c, #ffffff);
   border: none;
 }
 
 a.bg-g-red:hover,
 button.bg-g-red:hover {
-  background-image: linear-gradient(hsla(var(--red-hs), calc(var(--red-l) + 20%), var(--red-a)), var(--red, #C54646)) !important;
-  color: var(--red-c, #FFFFFF);
+  background-image: linear-gradient(hsla(var(--red-hs), calc(var(--red-l) + 20%), var(--red-a)), var(--red, #c54646)) !important;
+  color: var(--red-c, #ffffff);
 }
 a.bg-g-red:active,
 button.bg-g-red:active {
-  background-image: linear-gradient(hsla(var(--red-hs), calc(var(--red-l) - 20%), var(--red-a)), var(--red, #C54646)) !important;
+  background-image: linear-gradient(hsla(var(--red-hs), calc(var(--red-l) - 20%), var(--red-a)), var(--red, #c54646)) !important;
 }
 
 .tabs-red .tab {
@@ -3567,7 +3567,7 @@ button.bg-g-red:active {
 }
 .tabs-red.fill .tab.active, .tabs-red.prefill .tab.active {
   background-color: hsla(var(--red-hs), var(--red-l), var(--red-a));
-  color: var(--red-c, #FFFFFF);
+  color: var(--red-c, #ffffff);
 }
 .tabs-red.prefill .tab {
   background-color: hsla(var(--red-hs), var(--red-l), 0.125);
@@ -3597,7 +3597,7 @@ button.bg-outline-red:hover,
 .bg-outline-red:focus:hover,
 .bg-outline-red:focus-within:hover {
   background-color: hsla(var(--red-hs), calc(var(--red-l) - 10%), var(--red-a)) !important;
-  color: var(--red-c, #FFFFFF) !important;
+  color: var(--red-c, #ffffff) !important;
 }
 a.bg-outline-red.active, a.bg-outline-red:active,
 .bg-outline-red.link.active,
@@ -3609,12 +3609,12 @@ button.bg-outline-red:active,
 .bg-outline-red:focus-within.active,
 .bg-outline-red:focus-within:active {
   background-color: hsla(var(--red-hs), calc(var(--red-l) - 20%), var(--red-a)) !important;
-  color: var(--red-c, #FFFFFF) !important;
+  color: var(--red-c, #ffffff) !important;
 }
 
 .btn-red {
   background-color: hsla(var(--red-hs), var(--red-l), var(--red-a)) !important;
-  color: var(--red-c, #FFFFFF) !important;
+  color: var(--red-c, #ffffff) !important;
   border-color: hsla(var(--red-hs), calc(var(--red-l) - 20%), var(--red-a));
 }
 .btn-red.is-blur {
@@ -3629,7 +3629,7 @@ a.btn-red:hover,
 button.btn-red:hover {
   background-color: hsla(var(--red-hs), calc(var(--red-l) - 10%), var(--red-a)) !important;
   border-color: hsla(var(--red-hs), var(--red-l), var(--red-a));
-  color: var(--red-c, #FFFFFF);
+  color: var(--red-c, #ffffff);
 }
 a.btn-red:active,
 .btn-red.link:active,
@@ -3638,19 +3638,19 @@ button.btn-red:active {
 }
 
 .btn-g-red {
-  background-image: linear-gradient(var(--red, #C54646), hsla(var(--red-hs), calc(var(--red-l) - 20%), var(--red-a))) !important;
-  color: var(--red-c, #FFFFFF);
+  background-image: linear-gradient(var(--red, #c54646), hsla(var(--red-hs), calc(var(--red-l) - 20%), var(--red-a))) !important;
+  color: var(--red-c, #ffffff);
   border: none;
 }
 
 a.btn-g-red:hover,
 button.btn-g-red:hover {
-  background-image: linear-gradient(hsla(var(--red-hs), calc(var(--red-l) + 20%), var(--red-a)), var(--red, #C54646)) !important;
-  color: var(--red-c, #FFFFFF);
+  background-image: linear-gradient(hsla(var(--red-hs), calc(var(--red-l) + 20%), var(--red-a)), var(--red, #c54646)) !important;
+  color: var(--red-c, #ffffff);
 }
 a.btn-g-red:active,
 button.btn-g-red:active {
-  background-image: linear-gradient(hsla(var(--red-hs), calc(var(--red-l) - 20%), var(--red-a)), var(--red, #C54646)) !important;
+  background-image: linear-gradient(hsla(var(--red-hs), calc(var(--red-l) - 20%), var(--red-a)), var(--red, #c54646)) !important;
 }
 
 .btn-outline-red {
@@ -3668,7 +3668,7 @@ button.btn-outline-red:hover,
 .btn-outline-red:focus:hover,
 .btn-outline-red:focus-within:hover {
   background-color: hsla(var(--red-hs), calc(var(--red-l) - 10%), var(--red-a)) !important;
-  color: var(--red-c, #FFFFFF) !important;
+  color: var(--red-c, #ffffff) !important;
 }
 a.btn-outline-red.active, a.btn-outline-red:active,
 .btn-outline-red.link.active,
@@ -3680,12 +3680,12 @@ button.btn-outline-red:active,
 .btn-outline-red:focus-within.active,
 .btn-outline-red:focus-within:active {
   background-color: hsla(var(--red-hs), calc(var(--red-l) - 20%), var(--red-a)) !important;
-  color: var(--red-c, #FFFFFF) !important;
+  color: var(--red-c, #ffffff) !important;
 }
 
 .badge-red {
   background-color: hsla(var(--red-hs), var(--red-l), var(--red-a)) !important;
-  color: var(--red-c, #FFFFFF) !important;
+  color: var(--red-c, #ffffff) !important;
   border-color: hsla(var(--red-hs), calc(var(--red-l) - 20%), var(--red-a));
 }
 .badge-red.is-blur {
@@ -3700,7 +3700,7 @@ a.badge-red:hover,
 button.badge-red:hover {
   background-color: hsla(var(--red-hs), calc(var(--red-l) - 10%), var(--red-a)) !important;
   border-color: hsla(var(--red-hs), var(--red-l), var(--red-a));
-  color: var(--red-c, #FFFFFF);
+  color: var(--red-c, #ffffff);
 }
 a.badge-red:active,
 .badge-red.link:active,
@@ -3723,7 +3723,7 @@ button.badge-outline-red:hover,
 .badge-outline-red:focus:hover,
 .badge-outline-red:focus-within:hover {
   background-color: hsla(var(--red-hs), calc(var(--red-l) - 10%), var(--red-a)) !important;
-  color: var(--red-c, #FFFFFF) !important;
+  color: var(--red-c, #ffffff) !important;
 }
 a.badge-outline-red.active, a.badge-outline-red:active,
 .badge-outline-red.link.active,
@@ -3735,15 +3735,15 @@ button.badge-outline-red:active,
 .badge-outline-red:focus-within.active,
 .badge-outline-red:focus-within:active {
   background-color: hsla(var(--red-hs), calc(var(--red-l) - 20%), var(--red-a)) !important;
-  color: var(--red-c, #FFFFFF) !important;
+  color: var(--red-c, #ffffff) !important;
 }
 
 .border-red {
-  border-color: #C54646;
+  border-color: #c54646;
 }
 
 .text-orange {
-  color: var(--orange, #F58220) !important;
+  color: var(--orange, #f58220) !important;
 }
 
 a.text-orange:hover,
@@ -3757,7 +3757,7 @@ button.text-orange:active {
 
 .text-neon-orange {
   /* color: var(--white) !important; */
-  text-shadow: 0 0 20px var(--orange, #F58220), 0 0 10px var(--white);
+  text-shadow: 0 0 20px var(--orange, #f58220), 0 0 10px var(--white);
 }
 
 .bg-orange {
@@ -3786,19 +3786,19 @@ button.bg-orange:active {
 }
 
 .bg-g-orange {
-  background-image: linear-gradient(var(--orange, #F58220), hsla(var(--orange-hs), calc(var(--orange-l) - 20%), var(--orange-a))) !important;
+  background-image: linear-gradient(var(--orange, #f58220), hsla(var(--orange-hs), calc(var(--orange-l) - 20%), var(--orange-a))) !important;
   color: var(--orange-c, #000000);
   border: none;
 }
 
 a.bg-g-orange:hover,
 button.bg-g-orange:hover {
-  background-image: linear-gradient(hsla(var(--orange-hs), calc(var(--orange-l) + 20%), var(--orange-a)), var(--orange, #F58220)) !important;
+  background-image: linear-gradient(hsla(var(--orange-hs), calc(var(--orange-l) + 20%), var(--orange-a)), var(--orange, #f58220)) !important;
   color: var(--orange-c, #000000);
 }
 a.bg-g-orange:active,
 button.bg-g-orange:active {
-  background-image: linear-gradient(hsla(var(--orange-hs), calc(var(--orange-l) - 20%), var(--orange-a)), var(--orange, #F58220)) !important;
+  background-image: linear-gradient(hsla(var(--orange-hs), calc(var(--orange-l) - 20%), var(--orange-a)), var(--orange, #f58220)) !important;
 }
 
 .tabs-orange .tab {
@@ -3887,19 +3887,19 @@ button.btn-orange:active {
 }
 
 .btn-g-orange {
-  background-image: linear-gradient(var(--orange, #F58220), hsla(var(--orange-hs), calc(var(--orange-l) - 20%), var(--orange-a))) !important;
+  background-image: linear-gradient(var(--orange, #f58220), hsla(var(--orange-hs), calc(var(--orange-l) - 20%), var(--orange-a))) !important;
   color: var(--orange-c, #000000);
   border: none;
 }
 
 a.btn-g-orange:hover,
 button.btn-g-orange:hover {
-  background-image: linear-gradient(hsla(var(--orange-hs), calc(var(--orange-l) + 20%), var(--orange-a)), var(--orange, #F58220)) !important;
+  background-image: linear-gradient(hsla(var(--orange-hs), calc(var(--orange-l) + 20%), var(--orange-a)), var(--orange, #f58220)) !important;
   color: var(--orange-c, #000000);
 }
 a.btn-g-orange:active,
 button.btn-g-orange:active {
-  background-image: linear-gradient(hsla(var(--orange-hs), calc(var(--orange-l) - 20%), var(--orange-a)), var(--orange, #F58220)) !important;
+  background-image: linear-gradient(hsla(var(--orange-hs), calc(var(--orange-l) - 20%), var(--orange-a)), var(--orange, #f58220)) !important;
 }
 
 .btn-outline-orange {
@@ -3988,11 +3988,11 @@ button.badge-outline-orange:active,
 }
 
 .border-orange {
-  border-color: #F58220;
+  border-color: #f58220;
 }
 
 .text-yellow {
-  color: var(--yellow, #C4C400) !important;
+  color: var(--yellow, #c4c400) !important;
 }
 
 a.text-yellow:hover,
@@ -4006,7 +4006,7 @@ button.text-yellow:active {
 
 .text-neon-yellow {
   /* color: var(--white) !important; */
-  text-shadow: 0 0 20px var(--yellow, #C4C400), 0 0 10px var(--white);
+  text-shadow: 0 0 20px var(--yellow, #c4c400), 0 0 10px var(--white);
 }
 
 .bg-yellow {
@@ -4035,19 +4035,19 @@ button.bg-yellow:active {
 }
 
 .bg-g-yellow {
-  background-image: linear-gradient(var(--yellow, #C4C400), hsla(var(--yellow-hs), calc(var(--yellow-l) - 20%), var(--yellow-a))) !important;
+  background-image: linear-gradient(var(--yellow, #c4c400), hsla(var(--yellow-hs), calc(var(--yellow-l) - 20%), var(--yellow-a))) !important;
   color: var(--yellow-c, #000000);
   border: none;
 }
 
 a.bg-g-yellow:hover,
 button.bg-g-yellow:hover {
-  background-image: linear-gradient(hsla(var(--yellow-hs), calc(var(--yellow-l) + 20%), var(--yellow-a)), var(--yellow, #C4C400)) !important;
+  background-image: linear-gradient(hsla(var(--yellow-hs), calc(var(--yellow-l) + 20%), var(--yellow-a)), var(--yellow, #c4c400)) !important;
   color: var(--yellow-c, #000000);
 }
 a.bg-g-yellow:active,
 button.bg-g-yellow:active {
-  background-image: linear-gradient(hsla(var(--yellow-hs), calc(var(--yellow-l) - 20%), var(--yellow-a)), var(--yellow, #C4C400)) !important;
+  background-image: linear-gradient(hsla(var(--yellow-hs), calc(var(--yellow-l) - 20%), var(--yellow-a)), var(--yellow, #c4c400)) !important;
 }
 
 .tabs-yellow .tab {
@@ -4136,19 +4136,19 @@ button.btn-yellow:active {
 }
 
 .btn-g-yellow {
-  background-image: linear-gradient(var(--yellow, #C4C400), hsla(var(--yellow-hs), calc(var(--yellow-l) - 20%), var(--yellow-a))) !important;
+  background-image: linear-gradient(var(--yellow, #c4c400), hsla(var(--yellow-hs), calc(var(--yellow-l) - 20%), var(--yellow-a))) !important;
   color: var(--yellow-c, #000000);
   border: none;
 }
 
 a.btn-g-yellow:hover,
 button.btn-g-yellow:hover {
-  background-image: linear-gradient(hsla(var(--yellow-hs), calc(var(--yellow-l) + 20%), var(--yellow-a)), var(--yellow, #C4C400)) !important;
+  background-image: linear-gradient(hsla(var(--yellow-hs), calc(var(--yellow-l) + 20%), var(--yellow-a)), var(--yellow, #c4c400)) !important;
   color: var(--yellow-c, #000000);
 }
 a.btn-g-yellow:active,
 button.btn-g-yellow:active {
-  background-image: linear-gradient(hsla(var(--yellow-hs), calc(var(--yellow-l) - 20%), var(--yellow-a)), var(--yellow, #C4C400)) !important;
+  background-image: linear-gradient(hsla(var(--yellow-hs), calc(var(--yellow-l) - 20%), var(--yellow-a)), var(--yellow, #c4c400)) !important;
 }
 
 .btn-outline-yellow {
@@ -4237,11 +4237,11 @@ button.badge-outline-yellow:active,
 }
 
 .border-yellow {
-  border-color: #C4C400;
+  border-color: #c4c400;
 }
 
 .text-green {
-  color: var(--green, #1D5C2E) !important;
+  color: var(--green, #1d5c2e) !important;
 }
 
 a.text-green:hover,
@@ -4255,12 +4255,12 @@ button.text-green:active {
 
 .text-neon-green {
   /* color: var(--white) !important; */
-  text-shadow: 0 0 20px var(--green, #1D5C2E), 0 0 10px var(--white);
+  text-shadow: 0 0 20px var(--green, #1d5c2e), 0 0 10px var(--white);
 }
 
 .bg-green {
   background-color: hsla(var(--green-hs), var(--green-l), var(--green-a)) !important;
-  color: var(--green-c, #FFFFFF) !important;
+  color: var(--green-c, #ffffff) !important;
   border-color: hsla(var(--green-hs), calc(var(--green-l) - 20%), var(--green-a));
 }
 .bg-green.is-blur {
@@ -4275,7 +4275,7 @@ a.bg-green:hover,
 button.bg-green:hover {
   background-color: hsla(var(--green-hs), calc(var(--green-l) - 10%), var(--green-a)) !important;
   border-color: hsla(var(--green-hs), var(--green-l), var(--green-a));
-  color: var(--green-c, #FFFFFF);
+  color: var(--green-c, #ffffff);
 }
 a.bg-green:active,
 .bg-green.link:active,
@@ -4284,19 +4284,19 @@ button.bg-green:active {
 }
 
 .bg-g-green {
-  background-image: linear-gradient(var(--green, #1D5C2E), hsla(var(--green-hs), calc(var(--green-l) - 20%), var(--green-a))) !important;
-  color: var(--green-c, #FFFFFF);
+  background-image: linear-gradient(var(--green, #1d5c2e), hsla(var(--green-hs), calc(var(--green-l) - 20%), var(--green-a))) !important;
+  color: var(--green-c, #ffffff);
   border: none;
 }
 
 a.bg-g-green:hover,
 button.bg-g-green:hover {
-  background-image: linear-gradient(hsla(var(--green-hs), calc(var(--green-l) + 20%), var(--green-a)), var(--green, #1D5C2E)) !important;
-  color: var(--green-c, #FFFFFF);
+  background-image: linear-gradient(hsla(var(--green-hs), calc(var(--green-l) + 20%), var(--green-a)), var(--green, #1d5c2e)) !important;
+  color: var(--green-c, #ffffff);
 }
 a.bg-g-green:active,
 button.bg-g-green:active {
-  background-image: linear-gradient(hsla(var(--green-hs), calc(var(--green-l) - 20%), var(--green-a)), var(--green, #1D5C2E)) !important;
+  background-image: linear-gradient(hsla(var(--green-hs), calc(var(--green-l) - 20%), var(--green-a)), var(--green, #1d5c2e)) !important;
 }
 
 .tabs-green .tab {
@@ -4314,7 +4314,7 @@ button.bg-g-green:active {
 }
 .tabs-green.fill .tab.active, .tabs-green.prefill .tab.active {
   background-color: hsla(var(--green-hs), var(--green-l), var(--green-a));
-  color: var(--green-c, #FFFFFF);
+  color: var(--green-c, #ffffff);
 }
 .tabs-green.prefill .tab {
   background-color: hsla(var(--green-hs), var(--green-l), 0.125);
@@ -4344,7 +4344,7 @@ button.bg-outline-green:hover,
 .bg-outline-green:focus:hover,
 .bg-outline-green:focus-within:hover {
   background-color: hsla(var(--green-hs), calc(var(--green-l) - 10%), var(--green-a)) !important;
-  color: var(--green-c, #FFFFFF) !important;
+  color: var(--green-c, #ffffff) !important;
 }
 a.bg-outline-green.active, a.bg-outline-green:active,
 .bg-outline-green.link.active,
@@ -4356,12 +4356,12 @@ button.bg-outline-green:active,
 .bg-outline-green:focus-within.active,
 .bg-outline-green:focus-within:active {
   background-color: hsla(var(--green-hs), calc(var(--green-l) - 20%), var(--green-a)) !important;
-  color: var(--green-c, #FFFFFF) !important;
+  color: var(--green-c, #ffffff) !important;
 }
 
 .btn-green {
   background-color: hsla(var(--green-hs), var(--green-l), var(--green-a)) !important;
-  color: var(--green-c, #FFFFFF) !important;
+  color: var(--green-c, #ffffff) !important;
   border-color: hsla(var(--green-hs), calc(var(--green-l) - 20%), var(--green-a));
 }
 .btn-green.is-blur {
@@ -4376,7 +4376,7 @@ a.btn-green:hover,
 button.btn-green:hover {
   background-color: hsla(var(--green-hs), calc(var(--green-l) - 10%), var(--green-a)) !important;
   border-color: hsla(var(--green-hs), var(--green-l), var(--green-a));
-  color: var(--green-c, #FFFFFF);
+  color: var(--green-c, #ffffff);
 }
 a.btn-green:active,
 .btn-green.link:active,
@@ -4385,19 +4385,19 @@ button.btn-green:active {
 }
 
 .btn-g-green {
-  background-image: linear-gradient(var(--green, #1D5C2E), hsla(var(--green-hs), calc(var(--green-l) - 20%), var(--green-a))) !important;
-  color: var(--green-c, #FFFFFF);
+  background-image: linear-gradient(var(--green, #1d5c2e), hsla(var(--green-hs), calc(var(--green-l) - 20%), var(--green-a))) !important;
+  color: var(--green-c, #ffffff);
   border: none;
 }
 
 a.btn-g-green:hover,
 button.btn-g-green:hover {
-  background-image: linear-gradient(hsla(var(--green-hs), calc(var(--green-l) + 20%), var(--green-a)), var(--green, #1D5C2E)) !important;
-  color: var(--green-c, #FFFFFF);
+  background-image: linear-gradient(hsla(var(--green-hs), calc(var(--green-l) + 20%), var(--green-a)), var(--green, #1d5c2e)) !important;
+  color: var(--green-c, #ffffff);
 }
 a.btn-g-green:active,
 button.btn-g-green:active {
-  background-image: linear-gradient(hsla(var(--green-hs), calc(var(--green-l) - 20%), var(--green-a)), var(--green, #1D5C2E)) !important;
+  background-image: linear-gradient(hsla(var(--green-hs), calc(var(--green-l) - 20%), var(--green-a)), var(--green, #1d5c2e)) !important;
 }
 
 .btn-outline-green {
@@ -4415,7 +4415,7 @@ button.btn-outline-green:hover,
 .btn-outline-green:focus:hover,
 .btn-outline-green:focus-within:hover {
   background-color: hsla(var(--green-hs), calc(var(--green-l) - 10%), var(--green-a)) !important;
-  color: var(--green-c, #FFFFFF) !important;
+  color: var(--green-c, #ffffff) !important;
 }
 a.btn-outline-green.active, a.btn-outline-green:active,
 .btn-outline-green.link.active,
@@ -4427,12 +4427,12 @@ button.btn-outline-green:active,
 .btn-outline-green:focus-within.active,
 .btn-outline-green:focus-within:active {
   background-color: hsla(var(--green-hs), calc(var(--green-l) - 20%), var(--green-a)) !important;
-  color: var(--green-c, #FFFFFF) !important;
+  color: var(--green-c, #ffffff) !important;
 }
 
 .badge-green {
   background-color: hsla(var(--green-hs), var(--green-l), var(--green-a)) !important;
-  color: var(--green-c, #FFFFFF) !important;
+  color: var(--green-c, #ffffff) !important;
   border-color: hsla(var(--green-hs), calc(var(--green-l) - 20%), var(--green-a));
 }
 .badge-green.is-blur {
@@ -4447,7 +4447,7 @@ a.badge-green:hover,
 button.badge-green:hover {
   background-color: hsla(var(--green-hs), calc(var(--green-l) - 10%), var(--green-a)) !important;
   border-color: hsla(var(--green-hs), var(--green-l), var(--green-a));
-  color: var(--green-c, #FFFFFF);
+  color: var(--green-c, #ffffff);
 }
 a.badge-green:active,
 .badge-green.link:active,
@@ -4470,7 +4470,7 @@ button.badge-outline-green:hover,
 .badge-outline-green:focus:hover,
 .badge-outline-green:focus-within:hover {
   background-color: hsla(var(--green-hs), calc(var(--green-l) - 10%), var(--green-a)) !important;
-  color: var(--green-c, #FFFFFF) !important;
+  color: var(--green-c, #ffffff) !important;
 }
 a.badge-outline-green.active, a.badge-outline-green:active,
 .badge-outline-green.link.active,
@@ -4482,15 +4482,15 @@ button.badge-outline-green:active,
 .badge-outline-green:focus-within.active,
 .badge-outline-green:focus-within:active {
   background-color: hsla(var(--green-hs), calc(var(--green-l) - 20%), var(--green-a)) !important;
-  color: var(--green-c, #FFFFFF) !important;
+  color: var(--green-c, #ffffff) !important;
 }
 
 .border-green {
-  border-color: #1D5C2E;
+  border-color: #1d5c2e;
 }
 
 .text-blue {
-  color: var(--blue, #0365A3) !important;
+  color: var(--blue, #0365a3) !important;
 }
 
 a.text-blue:hover,
@@ -4504,12 +4504,12 @@ button.text-blue:active {
 
 .text-neon-blue {
   /* color: var(--white) !important; */
-  text-shadow: 0 0 20px var(--blue, #0365A3), 0 0 10px var(--white);
+  text-shadow: 0 0 20px var(--blue, #0365a3), 0 0 10px var(--white);
 }
 
 .bg-blue {
   background-color: hsla(var(--blue-hs), var(--blue-l), var(--blue-a)) !important;
-  color: var(--blue-c, #FFFFFF) !important;
+  color: var(--blue-c, #ffffff) !important;
   border-color: hsla(var(--blue-hs), calc(var(--blue-l) - 20%), var(--blue-a));
 }
 .bg-blue.is-blur {
@@ -4524,7 +4524,7 @@ a.bg-blue:hover,
 button.bg-blue:hover {
   background-color: hsla(var(--blue-hs), calc(var(--blue-l) - 10%), var(--blue-a)) !important;
   border-color: hsla(var(--blue-hs), var(--blue-l), var(--blue-a));
-  color: var(--blue-c, #FFFFFF);
+  color: var(--blue-c, #ffffff);
 }
 a.bg-blue:active,
 .bg-blue.link:active,
@@ -4533,19 +4533,19 @@ button.bg-blue:active {
 }
 
 .bg-g-blue {
-  background-image: linear-gradient(var(--blue, #0365A3), hsla(var(--blue-hs), calc(var(--blue-l) - 20%), var(--blue-a))) !important;
-  color: var(--blue-c, #FFFFFF);
+  background-image: linear-gradient(var(--blue, #0365a3), hsla(var(--blue-hs), calc(var(--blue-l) - 20%), var(--blue-a))) !important;
+  color: var(--blue-c, #ffffff);
   border: none;
 }
 
 a.bg-g-blue:hover,
 button.bg-g-blue:hover {
-  background-image: linear-gradient(hsla(var(--blue-hs), calc(var(--blue-l) + 20%), var(--blue-a)), var(--blue, #0365A3)) !important;
-  color: var(--blue-c, #FFFFFF);
+  background-image: linear-gradient(hsla(var(--blue-hs), calc(var(--blue-l) + 20%), var(--blue-a)), var(--blue, #0365a3)) !important;
+  color: var(--blue-c, #ffffff);
 }
 a.bg-g-blue:active,
 button.bg-g-blue:active {
-  background-image: linear-gradient(hsla(var(--blue-hs), calc(var(--blue-l) - 20%), var(--blue-a)), var(--blue, #0365A3)) !important;
+  background-image: linear-gradient(hsla(var(--blue-hs), calc(var(--blue-l) - 20%), var(--blue-a)), var(--blue, #0365a3)) !important;
 }
 
 .tabs-blue .tab {
@@ -4563,7 +4563,7 @@ button.bg-g-blue:active {
 }
 .tabs-blue.fill .tab.active, .tabs-blue.prefill .tab.active {
   background-color: hsla(var(--blue-hs), var(--blue-l), var(--blue-a));
-  color: var(--blue-c, #FFFFFF);
+  color: var(--blue-c, #ffffff);
 }
 .tabs-blue.prefill .tab {
   background-color: hsla(var(--blue-hs), var(--blue-l), 0.125);
@@ -4593,7 +4593,7 @@ button.bg-outline-blue:hover,
 .bg-outline-blue:focus:hover,
 .bg-outline-blue:focus-within:hover {
   background-color: hsla(var(--blue-hs), calc(var(--blue-l) - 10%), var(--blue-a)) !important;
-  color: var(--blue-c, #FFFFFF) !important;
+  color: var(--blue-c, #ffffff) !important;
 }
 a.bg-outline-blue.active, a.bg-outline-blue:active,
 .bg-outline-blue.link.active,
@@ -4605,12 +4605,12 @@ button.bg-outline-blue:active,
 .bg-outline-blue:focus-within.active,
 .bg-outline-blue:focus-within:active {
   background-color: hsla(var(--blue-hs), calc(var(--blue-l) - 20%), var(--blue-a)) !important;
-  color: var(--blue-c, #FFFFFF) !important;
+  color: var(--blue-c, #ffffff) !important;
 }
 
 .btn-blue {
   background-color: hsla(var(--blue-hs), var(--blue-l), var(--blue-a)) !important;
-  color: var(--blue-c, #FFFFFF) !important;
+  color: var(--blue-c, #ffffff) !important;
   border-color: hsla(var(--blue-hs), calc(var(--blue-l) - 20%), var(--blue-a));
 }
 .btn-blue.is-blur {
@@ -4625,7 +4625,7 @@ a.btn-blue:hover,
 button.btn-blue:hover {
   background-color: hsla(var(--blue-hs), calc(var(--blue-l) - 10%), var(--blue-a)) !important;
   border-color: hsla(var(--blue-hs), var(--blue-l), var(--blue-a));
-  color: var(--blue-c, #FFFFFF);
+  color: var(--blue-c, #ffffff);
 }
 a.btn-blue:active,
 .btn-blue.link:active,
@@ -4634,19 +4634,19 @@ button.btn-blue:active {
 }
 
 .btn-g-blue {
-  background-image: linear-gradient(var(--blue, #0365A3), hsla(var(--blue-hs), calc(var(--blue-l) - 20%), var(--blue-a))) !important;
-  color: var(--blue-c, #FFFFFF);
+  background-image: linear-gradient(var(--blue, #0365a3), hsla(var(--blue-hs), calc(var(--blue-l) - 20%), var(--blue-a))) !important;
+  color: var(--blue-c, #ffffff);
   border: none;
 }
 
 a.btn-g-blue:hover,
 button.btn-g-blue:hover {
-  background-image: linear-gradient(hsla(var(--blue-hs), calc(var(--blue-l) + 20%), var(--blue-a)), var(--blue, #0365A3)) !important;
-  color: var(--blue-c, #FFFFFF);
+  background-image: linear-gradient(hsla(var(--blue-hs), calc(var(--blue-l) + 20%), var(--blue-a)), var(--blue, #0365a3)) !important;
+  color: var(--blue-c, #ffffff);
 }
 a.btn-g-blue:active,
 button.btn-g-blue:active {
-  background-image: linear-gradient(hsla(var(--blue-hs), calc(var(--blue-l) - 20%), var(--blue-a)), var(--blue, #0365A3)) !important;
+  background-image: linear-gradient(hsla(var(--blue-hs), calc(var(--blue-l) - 20%), var(--blue-a)), var(--blue, #0365a3)) !important;
 }
 
 .btn-outline-blue {
@@ -4664,7 +4664,7 @@ button.btn-outline-blue:hover,
 .btn-outline-blue:focus:hover,
 .btn-outline-blue:focus-within:hover {
   background-color: hsla(var(--blue-hs), calc(var(--blue-l) - 10%), var(--blue-a)) !important;
-  color: var(--blue-c, #FFFFFF) !important;
+  color: var(--blue-c, #ffffff) !important;
 }
 a.btn-outline-blue.active, a.btn-outline-blue:active,
 .btn-outline-blue.link.active,
@@ -4676,12 +4676,12 @@ button.btn-outline-blue:active,
 .btn-outline-blue:focus-within.active,
 .btn-outline-blue:focus-within:active {
   background-color: hsla(var(--blue-hs), calc(var(--blue-l) - 20%), var(--blue-a)) !important;
-  color: var(--blue-c, #FFFFFF) !important;
+  color: var(--blue-c, #ffffff) !important;
 }
 
 .badge-blue {
   background-color: hsla(var(--blue-hs), var(--blue-l), var(--blue-a)) !important;
-  color: var(--blue-c, #FFFFFF) !important;
+  color: var(--blue-c, #ffffff) !important;
   border-color: hsla(var(--blue-hs), calc(var(--blue-l) - 20%), var(--blue-a));
 }
 .badge-blue.is-blur {
@@ -4696,7 +4696,7 @@ a.badge-blue:hover,
 button.badge-blue:hover {
   background-color: hsla(var(--blue-hs), calc(var(--blue-l) - 10%), var(--blue-a)) !important;
   border-color: hsla(var(--blue-hs), var(--blue-l), var(--blue-a));
-  color: var(--blue-c, #FFFFFF);
+  color: var(--blue-c, #ffffff);
 }
 a.badge-blue:active,
 .badge-blue.link:active,
@@ -4719,7 +4719,7 @@ button.badge-outline-blue:hover,
 .badge-outline-blue:focus:hover,
 .badge-outline-blue:focus-within:hover {
   background-color: hsla(var(--blue-hs), calc(var(--blue-l) - 10%), var(--blue-a)) !important;
-  color: var(--blue-c, #FFFFFF) !important;
+  color: var(--blue-c, #ffffff) !important;
 }
 a.badge-outline-blue.active, a.badge-outline-blue:active,
 .badge-outline-blue.link.active,
@@ -4731,15 +4731,15 @@ button.badge-outline-blue:active,
 .badge-outline-blue:focus-within.active,
 .badge-outline-blue:focus-within:active {
   background-color: hsla(var(--blue-hs), calc(var(--blue-l) - 20%), var(--blue-a)) !important;
-  color: var(--blue-c, #FFFFFF) !important;
+  color: var(--blue-c, #ffffff) !important;
 }
 
 .border-blue {
-  border-color: #0365A3;
+  border-color: #0365a3;
 }
 
 .text-cyan {
-  color: var(--cyan, #16F1D9) !important;
+  color: var(--cyan, #16f1d9) !important;
 }
 
 a.text-cyan:hover,
@@ -4753,12 +4753,12 @@ button.text-cyan:active {
 
 .text-neon-cyan {
   /* color: var(--white) !important; */
-  text-shadow: 0 0 20px var(--cyan, #16F1D9), 0 0 10px var(--white);
+  text-shadow: 0 0 20px var(--cyan, #16f1d9), 0 0 10px var(--white);
 }
 
 .bg-cyan {
   background-color: hsla(var(--cyan-hs), var(--cyan-l), var(--cyan-a)) !important;
-  color: var(--cyan-c, #FFFFFF) !important;
+  color: var(--cyan-c, #ffffff) !important;
   border-color: hsla(var(--cyan-hs), calc(var(--cyan-l) - 20%), var(--cyan-a));
 }
 .bg-cyan.is-blur {
@@ -4773,7 +4773,7 @@ a.bg-cyan:hover,
 button.bg-cyan:hover {
   background-color: hsla(var(--cyan-hs), calc(var(--cyan-l) - 10%), var(--cyan-a)) !important;
   border-color: hsla(var(--cyan-hs), var(--cyan-l), var(--cyan-a));
-  color: var(--cyan-c, #FFFFFF);
+  color: var(--cyan-c, #ffffff);
 }
 a.bg-cyan:active,
 .bg-cyan.link:active,
@@ -4782,19 +4782,19 @@ button.bg-cyan:active {
 }
 
 .bg-g-cyan {
-  background-image: linear-gradient(var(--cyan, #16F1D9), hsla(var(--cyan-hs), calc(var(--cyan-l) - 20%), var(--cyan-a))) !important;
-  color: var(--cyan-c, #FFFFFF);
+  background-image: linear-gradient(var(--cyan, #16f1d9), hsla(var(--cyan-hs), calc(var(--cyan-l) - 20%), var(--cyan-a))) !important;
+  color: var(--cyan-c, #ffffff);
   border: none;
 }
 
 a.bg-g-cyan:hover,
 button.bg-g-cyan:hover {
-  background-image: linear-gradient(hsla(var(--cyan-hs), calc(var(--cyan-l) + 20%), var(--cyan-a)), var(--cyan, #16F1D9)) !important;
-  color: var(--cyan-c, #FFFFFF);
+  background-image: linear-gradient(hsla(var(--cyan-hs), calc(var(--cyan-l) + 20%), var(--cyan-a)), var(--cyan, #16f1d9)) !important;
+  color: var(--cyan-c, #ffffff);
 }
 a.bg-g-cyan:active,
 button.bg-g-cyan:active {
-  background-image: linear-gradient(hsla(var(--cyan-hs), calc(var(--cyan-l) - 20%), var(--cyan-a)), var(--cyan, #16F1D9)) !important;
+  background-image: linear-gradient(hsla(var(--cyan-hs), calc(var(--cyan-l) - 20%), var(--cyan-a)), var(--cyan, #16f1d9)) !important;
 }
 
 .tabs-cyan .tab {
@@ -4812,7 +4812,7 @@ button.bg-g-cyan:active {
 }
 .tabs-cyan.fill .tab.active, .tabs-cyan.prefill .tab.active {
   background-color: hsla(var(--cyan-hs), var(--cyan-l), var(--cyan-a));
-  color: var(--cyan-c, #FFFFFF);
+  color: var(--cyan-c, #ffffff);
 }
 .tabs-cyan.prefill .tab {
   background-color: hsla(var(--cyan-hs), var(--cyan-l), 0.125);
@@ -4842,7 +4842,7 @@ button.bg-outline-cyan:hover,
 .bg-outline-cyan:focus:hover,
 .bg-outline-cyan:focus-within:hover {
   background-color: hsla(var(--cyan-hs), calc(var(--cyan-l) - 10%), var(--cyan-a)) !important;
-  color: var(--cyan-c, #FFFFFF) !important;
+  color: var(--cyan-c, #ffffff) !important;
 }
 a.bg-outline-cyan.active, a.bg-outline-cyan:active,
 .bg-outline-cyan.link.active,
@@ -4854,12 +4854,12 @@ button.bg-outline-cyan:active,
 .bg-outline-cyan:focus-within.active,
 .bg-outline-cyan:focus-within:active {
   background-color: hsla(var(--cyan-hs), calc(var(--cyan-l) - 20%), var(--cyan-a)) !important;
-  color: var(--cyan-c, #FFFFFF) !important;
+  color: var(--cyan-c, #ffffff) !important;
 }
 
 .btn-cyan {
   background-color: hsla(var(--cyan-hs), var(--cyan-l), var(--cyan-a)) !important;
-  color: var(--cyan-c, #FFFFFF) !important;
+  color: var(--cyan-c, #ffffff) !important;
   border-color: hsla(var(--cyan-hs), calc(var(--cyan-l) - 20%), var(--cyan-a));
 }
 .btn-cyan.is-blur {
@@ -4874,7 +4874,7 @@ a.btn-cyan:hover,
 button.btn-cyan:hover {
   background-color: hsla(var(--cyan-hs), calc(var(--cyan-l) - 10%), var(--cyan-a)) !important;
   border-color: hsla(var(--cyan-hs), var(--cyan-l), var(--cyan-a));
-  color: var(--cyan-c, #FFFFFF);
+  color: var(--cyan-c, #ffffff);
 }
 a.btn-cyan:active,
 .btn-cyan.link:active,
@@ -4883,19 +4883,19 @@ button.btn-cyan:active {
 }
 
 .btn-g-cyan {
-  background-image: linear-gradient(var(--cyan, #16F1D9), hsla(var(--cyan-hs), calc(var(--cyan-l) - 20%), var(--cyan-a))) !important;
-  color: var(--cyan-c, #FFFFFF);
+  background-image: linear-gradient(var(--cyan, #16f1d9), hsla(var(--cyan-hs), calc(var(--cyan-l) - 20%), var(--cyan-a))) !important;
+  color: var(--cyan-c, #ffffff);
   border: none;
 }
 
 a.btn-g-cyan:hover,
 button.btn-g-cyan:hover {
-  background-image: linear-gradient(hsla(var(--cyan-hs), calc(var(--cyan-l) + 20%), var(--cyan-a)), var(--cyan, #16F1D9)) !important;
-  color: var(--cyan-c, #FFFFFF);
+  background-image: linear-gradient(hsla(var(--cyan-hs), calc(var(--cyan-l) + 20%), var(--cyan-a)), var(--cyan, #16f1d9)) !important;
+  color: var(--cyan-c, #ffffff);
 }
 a.btn-g-cyan:active,
 button.btn-g-cyan:active {
-  background-image: linear-gradient(hsla(var(--cyan-hs), calc(var(--cyan-l) - 20%), var(--cyan-a)), var(--cyan, #16F1D9)) !important;
+  background-image: linear-gradient(hsla(var(--cyan-hs), calc(var(--cyan-l) - 20%), var(--cyan-a)), var(--cyan, #16f1d9)) !important;
 }
 
 .btn-outline-cyan {
@@ -4913,7 +4913,7 @@ button.btn-outline-cyan:hover,
 .btn-outline-cyan:focus:hover,
 .btn-outline-cyan:focus-within:hover {
   background-color: hsla(var(--cyan-hs), calc(var(--cyan-l) - 10%), var(--cyan-a)) !important;
-  color: var(--cyan-c, #FFFFFF) !important;
+  color: var(--cyan-c, #ffffff) !important;
 }
 a.btn-outline-cyan.active, a.btn-outline-cyan:active,
 .btn-outline-cyan.link.active,
@@ -4925,12 +4925,12 @@ button.btn-outline-cyan:active,
 .btn-outline-cyan:focus-within.active,
 .btn-outline-cyan:focus-within:active {
   background-color: hsla(var(--cyan-hs), calc(var(--cyan-l) - 20%), var(--cyan-a)) !important;
-  color: var(--cyan-c, #FFFFFF) !important;
+  color: var(--cyan-c, #ffffff) !important;
 }
 
 .badge-cyan {
   background-color: hsla(var(--cyan-hs), var(--cyan-l), var(--cyan-a)) !important;
-  color: var(--cyan-c, #FFFFFF) !important;
+  color: var(--cyan-c, #ffffff) !important;
   border-color: hsla(var(--cyan-hs), calc(var(--cyan-l) - 20%), var(--cyan-a));
 }
 .badge-cyan.is-blur {
@@ -4945,7 +4945,7 @@ a.badge-cyan:hover,
 button.badge-cyan:hover {
   background-color: hsla(var(--cyan-hs), calc(var(--cyan-l) - 10%), var(--cyan-a)) !important;
   border-color: hsla(var(--cyan-hs), var(--cyan-l), var(--cyan-a));
-  color: var(--cyan-c, #FFFFFF);
+  color: var(--cyan-c, #ffffff);
 }
 a.badge-cyan:active,
 .badge-cyan.link:active,
@@ -4968,7 +4968,7 @@ button.badge-outline-cyan:hover,
 .badge-outline-cyan:focus:hover,
 .badge-outline-cyan:focus-within:hover {
   background-color: hsla(var(--cyan-hs), calc(var(--cyan-l) - 10%), var(--cyan-a)) !important;
-  color: var(--cyan-c, #FFFFFF) !important;
+  color: var(--cyan-c, #ffffff) !important;
 }
 a.badge-outline-cyan.active, a.badge-outline-cyan:active,
 .badge-outline-cyan.link.active,
@@ -4980,11 +4980,11 @@ button.badge-outline-cyan:active,
 .badge-outline-cyan:focus-within.active,
 .badge-outline-cyan:focus-within:active {
   background-color: hsla(var(--cyan-hs), calc(var(--cyan-l) - 20%), var(--cyan-a)) !important;
-  color: var(--cyan-c, #FFFFFF) !important;
+  color: var(--cyan-c, #ffffff) !important;
 }
 
 .border-cyan {
-  border-color: #16F1D9;
+  border-color: #16f1d9;
 }
 
 .text-purple {
@@ -5007,7 +5007,7 @@ button.text-purple:active {
 
 .bg-purple {
   background-color: hsla(var(--purple-hs), var(--purple-l), var(--purple-a)) !important;
-  color: var(--purple-c, #FFFFFF) !important;
+  color: var(--purple-c, #ffffff) !important;
   border-color: hsla(var(--purple-hs), calc(var(--purple-l) - 20%), var(--purple-a));
 }
 .bg-purple.is-blur {
@@ -5022,7 +5022,7 @@ a.bg-purple:hover,
 button.bg-purple:hover {
   background-color: hsla(var(--purple-hs), calc(var(--purple-l) - 10%), var(--purple-a)) !important;
   border-color: hsla(var(--purple-hs), var(--purple-l), var(--purple-a));
-  color: var(--purple-c, #FFFFFF);
+  color: var(--purple-c, #ffffff);
 }
 a.bg-purple:active,
 .bg-purple.link:active,
@@ -5032,14 +5032,14 @@ button.bg-purple:active {
 
 .bg-g-purple {
   background-image: linear-gradient(var(--purple, #561843), hsla(var(--purple-hs), calc(var(--purple-l) - 20%), var(--purple-a))) !important;
-  color: var(--purple-c, #FFFFFF);
+  color: var(--purple-c, #ffffff);
   border: none;
 }
 
 a.bg-g-purple:hover,
 button.bg-g-purple:hover {
   background-image: linear-gradient(hsla(var(--purple-hs), calc(var(--purple-l) + 20%), var(--purple-a)), var(--purple, #561843)) !important;
-  color: var(--purple-c, #FFFFFF);
+  color: var(--purple-c, #ffffff);
 }
 a.bg-g-purple:active,
 button.bg-g-purple:active {
@@ -5061,7 +5061,7 @@ button.bg-g-purple:active {
 }
 .tabs-purple.fill .tab.active, .tabs-purple.prefill .tab.active {
   background-color: hsla(var(--purple-hs), var(--purple-l), var(--purple-a));
-  color: var(--purple-c, #FFFFFF);
+  color: var(--purple-c, #ffffff);
 }
 .tabs-purple.prefill .tab {
   background-color: hsla(var(--purple-hs), var(--purple-l), 0.125);
@@ -5091,7 +5091,7 @@ button.bg-outline-purple:hover,
 .bg-outline-purple:focus:hover,
 .bg-outline-purple:focus-within:hover {
   background-color: hsla(var(--purple-hs), calc(var(--purple-l) - 10%), var(--purple-a)) !important;
-  color: var(--purple-c, #FFFFFF) !important;
+  color: var(--purple-c, #ffffff) !important;
 }
 a.bg-outline-purple.active, a.bg-outline-purple:active,
 .bg-outline-purple.link.active,
@@ -5103,12 +5103,12 @@ button.bg-outline-purple:active,
 .bg-outline-purple:focus-within.active,
 .bg-outline-purple:focus-within:active {
   background-color: hsla(var(--purple-hs), calc(var(--purple-l) - 20%), var(--purple-a)) !important;
-  color: var(--purple-c, #FFFFFF) !important;
+  color: var(--purple-c, #ffffff) !important;
 }
 
 .btn-purple {
   background-color: hsla(var(--purple-hs), var(--purple-l), var(--purple-a)) !important;
-  color: var(--purple-c, #FFFFFF) !important;
+  color: var(--purple-c, #ffffff) !important;
   border-color: hsla(var(--purple-hs), calc(var(--purple-l) - 20%), var(--purple-a));
 }
 .btn-purple.is-blur {
@@ -5123,7 +5123,7 @@ a.btn-purple:hover,
 button.btn-purple:hover {
   background-color: hsla(var(--purple-hs), calc(var(--purple-l) - 10%), var(--purple-a)) !important;
   border-color: hsla(var(--purple-hs), var(--purple-l), var(--purple-a));
-  color: var(--purple-c, #FFFFFF);
+  color: var(--purple-c, #ffffff);
 }
 a.btn-purple:active,
 .btn-purple.link:active,
@@ -5133,14 +5133,14 @@ button.btn-purple:active {
 
 .btn-g-purple {
   background-image: linear-gradient(var(--purple, #561843), hsla(var(--purple-hs), calc(var(--purple-l) - 20%), var(--purple-a))) !important;
-  color: var(--purple-c, #FFFFFF);
+  color: var(--purple-c, #ffffff);
   border: none;
 }
 
 a.btn-g-purple:hover,
 button.btn-g-purple:hover {
   background-image: linear-gradient(hsla(var(--purple-hs), calc(var(--purple-l) + 20%), var(--purple-a)), var(--purple, #561843)) !important;
-  color: var(--purple-c, #FFFFFF);
+  color: var(--purple-c, #ffffff);
 }
 a.btn-g-purple:active,
 button.btn-g-purple:active {
@@ -5162,7 +5162,7 @@ button.btn-outline-purple:hover,
 .btn-outline-purple:focus:hover,
 .btn-outline-purple:focus-within:hover {
   background-color: hsla(var(--purple-hs), calc(var(--purple-l) - 10%), var(--purple-a)) !important;
-  color: var(--purple-c, #FFFFFF) !important;
+  color: var(--purple-c, #ffffff) !important;
 }
 a.btn-outline-purple.active, a.btn-outline-purple:active,
 .btn-outline-purple.link.active,
@@ -5174,12 +5174,12 @@ button.btn-outline-purple:active,
 .btn-outline-purple:focus-within.active,
 .btn-outline-purple:focus-within:active {
   background-color: hsla(var(--purple-hs), calc(var(--purple-l) - 20%), var(--purple-a)) !important;
-  color: var(--purple-c, #FFFFFF) !important;
+  color: var(--purple-c, #ffffff) !important;
 }
 
 .badge-purple {
   background-color: hsla(var(--purple-hs), var(--purple-l), var(--purple-a)) !important;
-  color: var(--purple-c, #FFFFFF) !important;
+  color: var(--purple-c, #ffffff) !important;
   border-color: hsla(var(--purple-hs), calc(var(--purple-l) - 20%), var(--purple-a));
 }
 .badge-purple.is-blur {
@@ -5194,7 +5194,7 @@ a.badge-purple:hover,
 button.badge-purple:hover {
   background-color: hsla(var(--purple-hs), calc(var(--purple-l) - 10%), var(--purple-a)) !important;
   border-color: hsla(var(--purple-hs), var(--purple-l), var(--purple-a));
-  color: var(--purple-c, #FFFFFF);
+  color: var(--purple-c, #ffffff);
 }
 a.badge-purple:active,
 .badge-purple.link:active,
@@ -5217,7 +5217,7 @@ button.badge-outline-purple:hover,
 .badge-outline-purple:focus:hover,
 .badge-outline-purple:focus-within:hover {
   background-color: hsla(var(--purple-hs), calc(var(--purple-l) - 10%), var(--purple-a)) !important;
-  color: var(--purple-c, #FFFFFF) !important;
+  color: var(--purple-c, #ffffff) !important;
 }
 a.badge-outline-purple.active, a.badge-outline-purple:active,
 .badge-outline-purple.link.active,
@@ -5229,7 +5229,7 @@ button.badge-outline-purple:active,
 .badge-outline-purple:focus-within.active,
 .badge-outline-purple:focus-within:active {
   background-color: hsla(var(--purple-hs), calc(var(--purple-l) - 20%), var(--purple-a)) !important;
-  color: var(--purple-c, #FFFFFF) !important;
+  color: var(--purple-c, #ffffff) !important;
 }
 
 .border-purple {
@@ -5237,7 +5237,7 @@ button.badge-outline-purple:active,
 }
 
 .text-muted {
-  color: var(--muted, #7D7D7D) !important;
+  color: var(--muted, #7d7d7d) !important;
 }
 
 a.text-muted:hover,
@@ -5251,12 +5251,12 @@ button.text-muted:active {
 
 .text-neon-muted {
   /* color: var(--white) !important; */
-  text-shadow: 0 0 20px var(--muted, #7D7D7D), 0 0 10px var(--white);
+  text-shadow: 0 0 20px var(--muted, #7d7d7d), 0 0 10px var(--white);
 }
 
 .bg-muted {
   background-color: hsla(var(--muted-hs), var(--muted-l), var(--muted-a)) !important;
-  color: var(--muted-c, #FFFFFF) !important;
+  color: var(--muted-c, #ffffff) !important;
   border-color: hsla(var(--muted-hs), calc(var(--muted-l) - 20%), var(--muted-a));
 }
 .bg-muted.is-blur {
@@ -5271,7 +5271,7 @@ a.bg-muted:hover,
 button.bg-muted:hover {
   background-color: hsla(var(--muted-hs), calc(var(--muted-l) - 10%), var(--muted-a)) !important;
   border-color: hsla(var(--muted-hs), var(--muted-l), var(--muted-a));
-  color: var(--muted-c, #FFFFFF);
+  color: var(--muted-c, #ffffff);
 }
 a.bg-muted:active,
 .bg-muted.link:active,
@@ -5280,19 +5280,19 @@ button.bg-muted:active {
 }
 
 .bg-g-muted {
-  background-image: linear-gradient(var(--muted, #7D7D7D), hsla(var(--muted-hs), calc(var(--muted-l) - 20%), var(--muted-a))) !important;
-  color: var(--muted-c, #FFFFFF);
+  background-image: linear-gradient(var(--muted, #7d7d7d), hsla(var(--muted-hs), calc(var(--muted-l) - 20%), var(--muted-a))) !important;
+  color: var(--muted-c, #ffffff);
   border: none;
 }
 
 a.bg-g-muted:hover,
 button.bg-g-muted:hover {
-  background-image: linear-gradient(hsla(var(--muted-hs), calc(var(--muted-l) + 20%), var(--muted-a)), var(--muted, #7D7D7D)) !important;
-  color: var(--muted-c, #FFFFFF);
+  background-image: linear-gradient(hsla(var(--muted-hs), calc(var(--muted-l) + 20%), var(--muted-a)), var(--muted, #7d7d7d)) !important;
+  color: var(--muted-c, #ffffff);
 }
 a.bg-g-muted:active,
 button.bg-g-muted:active {
-  background-image: linear-gradient(hsla(var(--muted-hs), calc(var(--muted-l) - 20%), var(--muted-a)), var(--muted, #7D7D7D)) !important;
+  background-image: linear-gradient(hsla(var(--muted-hs), calc(var(--muted-l) - 20%), var(--muted-a)), var(--muted, #7d7d7d)) !important;
 }
 
 .tabs-muted .tab {
@@ -5310,7 +5310,7 @@ button.bg-g-muted:active {
 }
 .tabs-muted.fill .tab.active, .tabs-muted.prefill .tab.active {
   background-color: hsla(var(--muted-hs), var(--muted-l), var(--muted-a));
-  color: var(--muted-c, #FFFFFF);
+  color: var(--muted-c, #ffffff);
 }
 .tabs-muted.prefill .tab {
   background-color: hsla(var(--muted-hs), var(--muted-l), 0.125);
@@ -5340,7 +5340,7 @@ button.bg-outline-muted:hover,
 .bg-outline-muted:focus:hover,
 .bg-outline-muted:focus-within:hover {
   background-color: hsla(var(--muted-hs), calc(var(--muted-l) - 10%), var(--muted-a)) !important;
-  color: var(--muted-c, #FFFFFF) !important;
+  color: var(--muted-c, #ffffff) !important;
 }
 a.bg-outline-muted.active, a.bg-outline-muted:active,
 .bg-outline-muted.link.active,
@@ -5352,12 +5352,12 @@ button.bg-outline-muted:active,
 .bg-outline-muted:focus-within.active,
 .bg-outline-muted:focus-within:active {
   background-color: hsla(var(--muted-hs), calc(var(--muted-l) - 20%), var(--muted-a)) !important;
-  color: var(--muted-c, #FFFFFF) !important;
+  color: var(--muted-c, #ffffff) !important;
 }
 
 .btn-muted {
   background-color: hsla(var(--muted-hs), var(--muted-l), var(--muted-a)) !important;
-  color: var(--muted-c, #FFFFFF) !important;
+  color: var(--muted-c, #ffffff) !important;
   border-color: hsla(var(--muted-hs), calc(var(--muted-l) - 20%), var(--muted-a));
 }
 .btn-muted.is-blur {
@@ -5372,7 +5372,7 @@ a.btn-muted:hover,
 button.btn-muted:hover {
   background-color: hsla(var(--muted-hs), calc(var(--muted-l) - 10%), var(--muted-a)) !important;
   border-color: hsla(var(--muted-hs), var(--muted-l), var(--muted-a));
-  color: var(--muted-c, #FFFFFF);
+  color: var(--muted-c, #ffffff);
 }
 a.btn-muted:active,
 .btn-muted.link:active,
@@ -5381,19 +5381,19 @@ button.btn-muted:active {
 }
 
 .btn-g-muted {
-  background-image: linear-gradient(var(--muted, #7D7D7D), hsla(var(--muted-hs), calc(var(--muted-l) - 20%), var(--muted-a))) !important;
-  color: var(--muted-c, #FFFFFF);
+  background-image: linear-gradient(var(--muted, #7d7d7d), hsla(var(--muted-hs), calc(var(--muted-l) - 20%), var(--muted-a))) !important;
+  color: var(--muted-c, #ffffff);
   border: none;
 }
 
 a.btn-g-muted:hover,
 button.btn-g-muted:hover {
-  background-image: linear-gradient(hsla(var(--muted-hs), calc(var(--muted-l) + 20%), var(--muted-a)), var(--muted, #7D7D7D)) !important;
-  color: var(--muted-c, #FFFFFF);
+  background-image: linear-gradient(hsla(var(--muted-hs), calc(var(--muted-l) + 20%), var(--muted-a)), var(--muted, #7d7d7d)) !important;
+  color: var(--muted-c, #ffffff);
 }
 a.btn-g-muted:active,
 button.btn-g-muted:active {
-  background-image: linear-gradient(hsla(var(--muted-hs), calc(var(--muted-l) - 20%), var(--muted-a)), var(--muted, #7D7D7D)) !important;
+  background-image: linear-gradient(hsla(var(--muted-hs), calc(var(--muted-l) - 20%), var(--muted-a)), var(--muted, #7d7d7d)) !important;
 }
 
 .btn-outline-muted {
@@ -5411,7 +5411,7 @@ button.btn-outline-muted:hover,
 .btn-outline-muted:focus:hover,
 .btn-outline-muted:focus-within:hover {
   background-color: hsla(var(--muted-hs), calc(var(--muted-l) - 10%), var(--muted-a)) !important;
-  color: var(--muted-c, #FFFFFF) !important;
+  color: var(--muted-c, #ffffff) !important;
 }
 a.btn-outline-muted.active, a.btn-outline-muted:active,
 .btn-outline-muted.link.active,
@@ -5423,12 +5423,12 @@ button.btn-outline-muted:active,
 .btn-outline-muted:focus-within.active,
 .btn-outline-muted:focus-within:active {
   background-color: hsla(var(--muted-hs), calc(var(--muted-l) - 20%), var(--muted-a)) !important;
-  color: var(--muted-c, #FFFFFF) !important;
+  color: var(--muted-c, #ffffff) !important;
 }
 
 .badge-muted {
   background-color: hsla(var(--muted-hs), var(--muted-l), var(--muted-a)) !important;
-  color: var(--muted-c, #FFFFFF) !important;
+  color: var(--muted-c, #ffffff) !important;
   border-color: hsla(var(--muted-hs), calc(var(--muted-l) - 20%), var(--muted-a));
 }
 .badge-muted.is-blur {
@@ -5443,7 +5443,7 @@ a.badge-muted:hover,
 button.badge-muted:hover {
   background-color: hsla(var(--muted-hs), calc(var(--muted-l) - 10%), var(--muted-a)) !important;
   border-color: hsla(var(--muted-hs), var(--muted-l), var(--muted-a));
-  color: var(--muted-c, #FFFFFF);
+  color: var(--muted-c, #ffffff);
 }
 a.badge-muted:active,
 .badge-muted.link:active,
@@ -5466,7 +5466,7 @@ button.badge-outline-muted:hover,
 .badge-outline-muted:focus:hover,
 .badge-outline-muted:focus-within:hover {
   background-color: hsla(var(--muted-hs), calc(var(--muted-l) - 10%), var(--muted-a)) !important;
-  color: var(--muted-c, #FFFFFF) !important;
+  color: var(--muted-c, #ffffff) !important;
 }
 a.badge-outline-muted.active, a.badge-outline-muted:active,
 .badge-outline-muted.link.active,
@@ -5478,11 +5478,11 @@ button.badge-outline-muted:active,
 .badge-outline-muted:focus-within.active,
 .badge-outline-muted:focus-within:active {
   background-color: hsla(var(--muted-hs), calc(var(--muted-l) - 20%), var(--muted-a)) !important;
-  color: var(--muted-c, #FFFFFF) !important;
+  color: var(--muted-c, #ffffff) !important;
 }
 
 .border-muted {
-  border-color: #7D7D7D;
+  border-color: #7d7d7d;
 }
 
 .opacity-0 {
@@ -5510,7 +5510,7 @@ input.focus,
 input:focus-within,
 input:focus {
   outline: none;
-  box-shadow: none !important;
+  box-shadow: none;
 }
 
 .bg-transparent,
@@ -5518,8 +5518,8 @@ input:focus {
 .tabs-transparent,
 .alert-transparent {
   border: none;
-  background-color: transparent !important;
-  color: currentColor !important;
+  background-color: transparent;
+  color: currentColor;
 }
 
 .bg-current,
@@ -5531,7 +5531,11 @@ input:focus {
 }
 
 .inactive {
-  color: #BCBCCB;
+  color: #bcbccb;
+}
+
+.silhouette {
+  filter: saturate(0%) brightness(500%);
 }
 
 .shadow-1::before {
@@ -5576,7 +5580,7 @@ input:focus {
 input,
 input::placeholder,
 input::-webkit-input-placeholder {
-  color: currentColor !important;
+  color: currentColor;
 }
 
 .text-unset,