@tabler/core 1.0.0-beta15 → 1.0.0-beta16

package/dist/css/tabler.css

@@ -1,6 +1,6 @@
 /*!
-* Tabler v1.0.0-beta15 (https://tabler.io)
-* @version 1.0.0-beta15
+* Tabler v1.0.0-beta16 (https://tabler.io)
+* @version 1.0.0-beta16
 * @link https://tabler.io
 * Copyright 2018-2022 The Tabler Authors
 * Copyright 2018-2022 codecalm.net Paweł Kuna
@@ -130,6 +130,12 @@
   --tblr-link-hover-color: var(--tblr-primary-darken);
   --tblr-code-color: var(--tblr-gray-600);
   --tblr-highlight-bg: #fdeccc;
+  --tblr-breakpoint-xs: 0;
+  --tblr-breakpoint-sm: 576px;
+  --tblr-breakpoint-md: 768px;
+  --tblr-breakpoint-lg: 992px;
+  --tblr-breakpoint-xl: 1200px;
+  --tblr-breakpoint-xxl: 1400px;
 }
 
 *,
@@ -161,7 +167,7 @@ hr, .hr {
   margin: 2rem 0;
   color: inherit;
   border: 0;
-  border-top: 1px solid;
+  border-top: var(--tblr-border-width) solid;
   opacity: 0.16;
 }
 
@@ -610,7 +616,7 @@ progress {
 .img-thumbnail {
   padding: 0.25rem;
   background-color: #f1f5f9;
-  border: 1px solid var(--tblr-border-color);
+  border: var(--tblr-border-width) solid var(--tblr-border-color);
   border-radius: 4px;
   max-width: 100%;
   height: auto;
@@ -689,6 +695,437 @@ progress {
   margin-top: var(--tblr-gutter-y);
 }
 
+.grid {
+  display: grid;
+  grid-template-rows: repeat(var(--tblr-rows, 1), 1fr);
+  grid-template-columns: repeat(var(--tblr-columns, 12), 1fr);
+  gap: var(--tblr-gap, 1rem);
+}
+.grid .g-col-1 {
+  grid-column: auto/span 1;
+}
+.grid .g-col-2 {
+  grid-column: auto/span 2;
+}
+.grid .g-col-3 {
+  grid-column: auto/span 3;
+}
+.grid .g-col-4 {
+  grid-column: auto/span 4;
+}
+.grid .g-col-5 {
+  grid-column: auto/span 5;
+}
+.grid .g-col-6 {
+  grid-column: auto/span 6;
+}
+.grid .g-col-7 {
+  grid-column: auto/span 7;
+}
+.grid .g-col-8 {
+  grid-column: auto/span 8;
+}
+.grid .g-col-9 {
+  grid-column: auto/span 9;
+}
+.grid .g-col-10 {
+  grid-column: auto/span 10;
+}
+.grid .g-col-11 {
+  grid-column: auto/span 11;
+}
+.grid .g-col-12 {
+  grid-column: auto/span 12;
+}
+.grid .g-start-1 {
+  grid-column-start: 1;
+}
+.grid .g-start-2 {
+  grid-column-start: 2;
+}
+.grid .g-start-3 {
+  grid-column-start: 3;
+}
+.grid .g-start-4 {
+  grid-column-start: 4;
+}
+.grid .g-start-5 {
+  grid-column-start: 5;
+}
+.grid .g-start-6 {
+  grid-column-start: 6;
+}
+.grid .g-start-7 {
+  grid-column-start: 7;
+}
+.grid .g-start-8 {
+  grid-column-start: 8;
+}
+.grid .g-start-9 {
+  grid-column-start: 9;
+}
+.grid .g-start-10 {
+  grid-column-start: 10;
+}
+.grid .g-start-11 {
+  grid-column-start: 11;
+}
+@media (min-width: 576px) {
+  .grid .g-col-sm-1 {
+    grid-column: auto/span 1;
+  }
+  .grid .g-col-sm-2 {
+    grid-column: auto/span 2;
+  }
+  .grid .g-col-sm-3 {
+    grid-column: auto/span 3;
+  }
+  .grid .g-col-sm-4 {
+    grid-column: auto/span 4;
+  }
+  .grid .g-col-sm-5 {
+    grid-column: auto/span 5;
+  }
+  .grid .g-col-sm-6 {
+    grid-column: auto/span 6;
+  }
+  .grid .g-col-sm-7 {
+    grid-column: auto/span 7;
+  }
+  .grid .g-col-sm-8 {
+    grid-column: auto/span 8;
+  }
+  .grid .g-col-sm-9 {
+    grid-column: auto/span 9;
+  }
+  .grid .g-col-sm-10 {
+    grid-column: auto/span 10;
+  }
+  .grid .g-col-sm-11 {
+    grid-column: auto/span 11;
+  }
+  .grid .g-col-sm-12 {
+    grid-column: auto/span 12;
+  }
+  .grid .g-start-sm-1 {
+    grid-column-start: 1;
+  }
+  .grid .g-start-sm-2 {
+    grid-column-start: 2;
+  }
+  .grid .g-start-sm-3 {
+    grid-column-start: 3;
+  }
+  .grid .g-start-sm-4 {
+    grid-column-start: 4;
+  }
+  .grid .g-start-sm-5 {
+    grid-column-start: 5;
+  }
+  .grid .g-start-sm-6 {
+    grid-column-start: 6;
+  }
+  .grid .g-start-sm-7 {
+    grid-column-start: 7;
+  }
+  .grid .g-start-sm-8 {
+    grid-column-start: 8;
+  }
+  .grid .g-start-sm-9 {
+    grid-column-start: 9;
+  }
+  .grid .g-start-sm-10 {
+    grid-column-start: 10;
+  }
+  .grid .g-start-sm-11 {
+    grid-column-start: 11;
+  }
+}
+@media (min-width: 768px) {
+  .grid .g-col-md-1 {
+    grid-column: auto/span 1;
+  }
+  .grid .g-col-md-2 {
+    grid-column: auto/span 2;
+  }
+  .grid .g-col-md-3 {
+    grid-column: auto/span 3;
+  }
+  .grid .g-col-md-4 {
+    grid-column: auto/span 4;
+  }
+  .grid .g-col-md-5 {
+    grid-column: auto/span 5;
+  }
+  .grid .g-col-md-6 {
+    grid-column: auto/span 6;
+  }
+  .grid .g-col-md-7 {
+    grid-column: auto/span 7;
+  }
+  .grid .g-col-md-8 {
+    grid-column: auto/span 8;
+  }
+  .grid .g-col-md-9 {
+    grid-column: auto/span 9;
+  }
+  .grid .g-col-md-10 {
+    grid-column: auto/span 10;
+  }
+  .grid .g-col-md-11 {
+    grid-column: auto/span 11;
+  }
+  .grid .g-col-md-12 {
+    grid-column: auto/span 12;
+  }
+  .grid .g-start-md-1 {
+    grid-column-start: 1;
+  }
+  .grid .g-start-md-2 {
+    grid-column-start: 2;
+  }
+  .grid .g-start-md-3 {
+    grid-column-start: 3;
+  }
+  .grid .g-start-md-4 {
+    grid-column-start: 4;
+  }
+  .grid .g-start-md-5 {
+    grid-column-start: 5;
+  }
+  .grid .g-start-md-6 {
+    grid-column-start: 6;
+  }
+  .grid .g-start-md-7 {
+    grid-column-start: 7;
+  }
+  .grid .g-start-md-8 {
+    grid-column-start: 8;
+  }
+  .grid .g-start-md-9 {
+    grid-column-start: 9;
+  }
+  .grid .g-start-md-10 {
+    grid-column-start: 10;
+  }
+  .grid .g-start-md-11 {
+    grid-column-start: 11;
+  }
+}
+@media (min-width: 992px) {
+  .grid .g-col-lg-1 {
+    grid-column: auto/span 1;
+  }
+  .grid .g-col-lg-2 {
+    grid-column: auto/span 2;
+  }
+  .grid .g-col-lg-3 {
+    grid-column: auto/span 3;
+  }
+  .grid .g-col-lg-4 {
+    grid-column: auto/span 4;
+  }
+  .grid .g-col-lg-5 {
+    grid-column: auto/span 5;
+  }
+  .grid .g-col-lg-6 {
+    grid-column: auto/span 6;
+  }
+  .grid .g-col-lg-7 {
+    grid-column: auto/span 7;
+  }
+  .grid .g-col-lg-8 {
+    grid-column: auto/span 8;
+  }
+  .grid .g-col-lg-9 {
+    grid-column: auto/span 9;
+  }
+  .grid .g-col-lg-10 {
+    grid-column: auto/span 10;
+  }
+  .grid .g-col-lg-11 {
+    grid-column: auto/span 11;
+  }
+  .grid .g-col-lg-12 {
+    grid-column: auto/span 12;
+  }
+  .grid .g-start-lg-1 {
+    grid-column-start: 1;
+  }
+  .grid .g-start-lg-2 {
+    grid-column-start: 2;
+  }
+  .grid .g-start-lg-3 {
+    grid-column-start: 3;
+  }
+  .grid .g-start-lg-4 {
+    grid-column-start: 4;
+  }
+  .grid .g-start-lg-5 {
+    grid-column-start: 5;
+  }
+  .grid .g-start-lg-6 {
+    grid-column-start: 6;
+  }
+  .grid .g-start-lg-7 {
+    grid-column-start: 7;
+  }
+  .grid .g-start-lg-8 {
+    grid-column-start: 8;
+  }
+  .grid .g-start-lg-9 {
+    grid-column-start: 9;
+  }
+  .grid .g-start-lg-10 {
+    grid-column-start: 10;
+  }
+  .grid .g-start-lg-11 {
+    grid-column-start: 11;
+  }
+}
+@media (min-width: 1200px) {
+  .grid .g-col-xl-1 {
+    grid-column: auto/span 1;
+  }
+  .grid .g-col-xl-2 {
+    grid-column: auto/span 2;
+  }
+  .grid .g-col-xl-3 {
+    grid-column: auto/span 3;
+  }
+  .grid .g-col-xl-4 {
+    grid-column: auto/span 4;
+  }
+  .grid .g-col-xl-5 {
+    grid-column: auto/span 5;
+  }
+  .grid .g-col-xl-6 {
+    grid-column: auto/span 6;
+  }
+  .grid .g-col-xl-7 {
+    grid-column: auto/span 7;
+  }
+  .grid .g-col-xl-8 {
+    grid-column: auto/span 8;
+  }
+  .grid .g-col-xl-9 {
+    grid-column: auto/span 9;
+  }
+  .grid .g-col-xl-10 {
+    grid-column: auto/span 10;
+  }
+  .grid .g-col-xl-11 {
+    grid-column: auto/span 11;
+  }
+  .grid .g-col-xl-12 {
+    grid-column: auto/span 12;
+  }
+  .grid .g-start-xl-1 {
+    grid-column-start: 1;
+  }
+  .grid .g-start-xl-2 {
+    grid-column-start: 2;
+  }
+  .grid .g-start-xl-3 {
+    grid-column-start: 3;
+  }
+  .grid .g-start-xl-4 {
+    grid-column-start: 4;
+  }
+  .grid .g-start-xl-5 {
+    grid-column-start: 5;
+  }
+  .grid .g-start-xl-6 {
+    grid-column-start: 6;
+  }
+  .grid .g-start-xl-7 {
+    grid-column-start: 7;
+  }
+  .grid .g-start-xl-8 {
+    grid-column-start: 8;
+  }
+  .grid .g-start-xl-9 {
+    grid-column-start: 9;
+  }
+  .grid .g-start-xl-10 {
+    grid-column-start: 10;
+  }
+  .grid .g-start-xl-11 {
+    grid-column-start: 11;
+  }
+}
+@media (min-width: 1400px) {
+  .grid .g-col-xxl-1 {
+    grid-column: auto/span 1;
+  }
+  .grid .g-col-xxl-2 {
+    grid-column: auto/span 2;
+  }
+  .grid .g-col-xxl-3 {
+    grid-column: auto/span 3;
+  }
+  .grid .g-col-xxl-4 {
+    grid-column: auto/span 4;
+  }
+  .grid .g-col-xxl-5 {
+    grid-column: auto/span 5;
+  }
+  .grid .g-col-xxl-6 {
+    grid-column: auto/span 6;
+  }
+  .grid .g-col-xxl-7 {
+    grid-column: auto/span 7;
+  }
+  .grid .g-col-xxl-8 {
+    grid-column: auto/span 8;
+  }
+  .grid .g-col-xxl-9 {
+    grid-column: auto/span 9;
+  }
+  .grid .g-col-xxl-10 {
+    grid-column: auto/span 10;
+  }
+  .grid .g-col-xxl-11 {
+    grid-column: auto/span 11;
+  }
+  .grid .g-col-xxl-12 {
+    grid-column: auto/span 12;
+  }
+  .grid .g-start-xxl-1 {
+    grid-column-start: 1;
+  }
+  .grid .g-start-xxl-2 {
+    grid-column-start: 2;
+  }
+  .grid .g-start-xxl-3 {
+    grid-column-start: 3;
+  }
+  .grid .g-start-xxl-4 {
+    grid-column-start: 4;
+  }
+  .grid .g-start-xxl-5 {
+    grid-column-start: 5;
+  }
+  .grid .g-start-xxl-6 {
+    grid-column-start: 6;
+  }
+  .grid .g-start-xxl-7 {
+    grid-column-start: 7;
+  }
+  .grid .g-start-xxl-8 {
+    grid-column-start: 8;
+  }
+  .grid .g-start-xxl-9 {
+    grid-column-start: 9;
+  }
+  .grid .g-start-xxl-10 {
+    grid-column-start: 10;
+  }
+  .grid .g-start-xxl-11 {
+    grid-column-start: 11;
+  }
+}
+
 .col {
   flex: 1 0 0%;
 }
@@ -1018,51 +1455,51 @@ progress {
     margin-left: 91.66666667%;
   }
   .g-sm-0,
-.gx-sm-0 {
+  .gx-sm-0 {
     --tblr-gutter-x: 0;
   }
   .g-sm-0,
-.gy-sm-0 {
+  .gy-sm-0 {
     --tblr-gutter-y: 0;
   }
   .g-sm-1,
-.gx-sm-1 {
+  .gx-sm-1 {
     --tblr-gutter-x: 0.25rem;
   }
   .g-sm-1,
-.gy-sm-1 {
+  .gy-sm-1 {
     --tblr-gutter-y: 0.25rem;
   }
   .g-sm-2,
-.gx-sm-2 {
+  .gx-sm-2 {
     --tblr-gutter-x: 0.5rem;
   }
   .g-sm-2,
-.gy-sm-2 {
+  .gy-sm-2 {
     --tblr-gutter-y: 0.5rem;
   }
   .g-sm-3,
-.gx-sm-3 {
+  .gx-sm-3 {
     --tblr-gutter-x: 1rem;
   }
   .g-sm-3,
-.gy-sm-3 {
+  .gy-sm-3 {
     --tblr-gutter-y: 1rem;
   }
   .g-sm-4,
-.gx-sm-4 {
+  .gx-sm-4 {
     --tblr-gutter-x: 2rem;
   }
   .g-sm-4,
-.gy-sm-4 {
+  .gy-sm-4 {
     --tblr-gutter-y: 2rem;
   }
   .g-sm-5,
-.gx-sm-5 {
+  .gx-sm-5 {
     --tblr-gutter-x: 4rem;
   }
   .g-sm-5,
-.gy-sm-5 {
+  .gy-sm-5 {
     --tblr-gutter-y: 4rem;
   }
 }
@@ -1187,51 +1624,51 @@ progress {
     margin-left: 91.66666667%;
   }
   .g-md-0,
-.gx-md-0 {
+  .gx-md-0 {
     --tblr-gutter-x: 0;
   }
   .g-md-0,
-.gy-md-0 {
+  .gy-md-0 {
     --tblr-gutter-y: 0;
   }
   .g-md-1,
-.gx-md-1 {
+  .gx-md-1 {
     --tblr-gutter-x: 0.25rem;
   }
   .g-md-1,
-.gy-md-1 {
+  .gy-md-1 {
     --tblr-gutter-y: 0.25rem;
   }
   .g-md-2,
-.gx-md-2 {
+  .gx-md-2 {
     --tblr-gutter-x: 0.5rem;
   }
   .g-md-2,
-.gy-md-2 {
+  .gy-md-2 {
     --tblr-gutter-y: 0.5rem;
   }
   .g-md-3,
-.gx-md-3 {
+  .gx-md-3 {
     --tblr-gutter-x: 1rem;
   }
   .g-md-3,
-.gy-md-3 {
+  .gy-md-3 {
     --tblr-gutter-y: 1rem;
   }
   .g-md-4,
-.gx-md-4 {
+  .gx-md-4 {
     --tblr-gutter-x: 2rem;
   }
   .g-md-4,
-.gy-md-4 {
+  .gy-md-4 {
     --tblr-gutter-y: 2rem;
   }
   .g-md-5,
-.gx-md-5 {
+  .gx-md-5 {
     --tblr-gutter-x: 4rem;
   }
   .g-md-5,
-.gy-md-5 {
+  .gy-md-5 {
     --tblr-gutter-y: 4rem;
   }
 }
@@ -1356,51 +1793,51 @@ progress {
     margin-left: 91.66666667%;
   }
   .g-lg-0,
-.gx-lg-0 {
+  .gx-lg-0 {
     --tblr-gutter-x: 0;
   }
   .g-lg-0,
-.gy-lg-0 {
+  .gy-lg-0 {
     --tblr-gutter-y: 0;
   }
   .g-lg-1,
-.gx-lg-1 {
+  .gx-lg-1 {
     --tblr-gutter-x: 0.25rem;
   }
   .g-lg-1,
-.gy-lg-1 {
+  .gy-lg-1 {
     --tblr-gutter-y: 0.25rem;
   }
   .g-lg-2,
-.gx-lg-2 {
+  .gx-lg-2 {
     --tblr-gutter-x: 0.5rem;
   }
   .g-lg-2,
-.gy-lg-2 {
+  .gy-lg-2 {
     --tblr-gutter-y: 0.5rem;
   }
   .g-lg-3,
-.gx-lg-3 {
+  .gx-lg-3 {
     --tblr-gutter-x: 1rem;
   }
   .g-lg-3,
-.gy-lg-3 {
+  .gy-lg-3 {
     --tblr-gutter-y: 1rem;
   }
   .g-lg-4,
-.gx-lg-4 {
+  .gx-lg-4 {
     --tblr-gutter-x: 2rem;
   }
   .g-lg-4,
-.gy-lg-4 {
+  .gy-lg-4 {
     --tblr-gutter-y: 2rem;
   }
   .g-lg-5,
-.gx-lg-5 {
+  .gx-lg-5 {
     --tblr-gutter-x: 4rem;
   }
   .g-lg-5,
-.gy-lg-5 {
+  .gy-lg-5 {
     --tblr-gutter-y: 4rem;
   }
 }
@@ -1525,51 +1962,51 @@ progress {
     margin-left: 91.66666667%;
   }
   .g-xl-0,
-.gx-xl-0 {
+  .gx-xl-0 {
     --tblr-gutter-x: 0;
   }
   .g-xl-0,
-.gy-xl-0 {
+  .gy-xl-0 {
     --tblr-gutter-y: 0;
   }
   .g-xl-1,
-.gx-xl-1 {
+  .gx-xl-1 {
     --tblr-gutter-x: 0.25rem;
   }
   .g-xl-1,
-.gy-xl-1 {
+  .gy-xl-1 {
     --tblr-gutter-y: 0.25rem;
   }
   .g-xl-2,
-.gx-xl-2 {
+  .gx-xl-2 {
     --tblr-gutter-x: 0.5rem;
   }
   .g-xl-2,
-.gy-xl-2 {
+  .gy-xl-2 {
     --tblr-gutter-y: 0.5rem;
   }
   .g-xl-3,
-.gx-xl-3 {
+  .gx-xl-3 {
     --tblr-gutter-x: 1rem;
   }
   .g-xl-3,
-.gy-xl-3 {
+  .gy-xl-3 {
     --tblr-gutter-y: 1rem;
   }
   .g-xl-4,
-.gx-xl-4 {
+  .gx-xl-4 {
     --tblr-gutter-x: 2rem;
   }
   .g-xl-4,
-.gy-xl-4 {
+  .gy-xl-4 {
     --tblr-gutter-y: 2rem;
   }
   .g-xl-5,
-.gx-xl-5 {
+  .gx-xl-5 {
     --tblr-gutter-x: 4rem;
   }
   .g-xl-5,
-.gy-xl-5 {
+  .gy-xl-5 {
     --tblr-gutter-y: 4rem;
   }
 }
@@ -1694,51 +2131,51 @@ progress {
     margin-left: 91.66666667%;
   }
   .g-xxl-0,
-.gx-xxl-0 {
+  .gx-xxl-0 {
     --tblr-gutter-x: 0;
   }
   .g-xxl-0,
-.gy-xxl-0 {
+  .gy-xxl-0 {
     --tblr-gutter-y: 0;
   }
   .g-xxl-1,
-.gx-xxl-1 {
+  .gx-xxl-1 {
     --tblr-gutter-x: 0.25rem;
   }
   .g-xxl-1,
-.gy-xxl-1 {
+  .gy-xxl-1 {
     --tblr-gutter-y: 0.25rem;
   }
   .g-xxl-2,
-.gx-xxl-2 {
+  .gx-xxl-2 {
     --tblr-gutter-x: 0.5rem;
   }
   .g-xxl-2,
-.gy-xxl-2 {
+  .gy-xxl-2 {
     --tblr-gutter-y: 0.5rem;
   }
   .g-xxl-3,
-.gx-xxl-3 {
+  .gx-xxl-3 {
     --tblr-gutter-x: 1rem;
   }
   .g-xxl-3,
-.gy-xxl-3 {
+  .gy-xxl-3 {
     --tblr-gutter-y: 1rem;
   }
   .g-xxl-4,
-.gx-xxl-4 {
+  .gx-xxl-4 {
     --tblr-gutter-x: 2rem;
   }
   .g-xxl-4,
-.gy-xxl-4 {
+  .gy-xxl-4 {
     --tblr-gutter-y: 2rem;
   }
   .g-xxl-5,
-.gx-xxl-5 {
+  .gx-xxl-5 {
     --tblr-gutter-x: 4rem;
   }
   .g-xxl-5,
-.gy-xxl-5 {
+  .gy-xxl-5 {
     --tblr-gutter-y: 4rem;
   }
 }
@@ -1762,7 +2199,7 @@ progress {
 .table > :not(caption) > * > *, .markdown > table > :not(caption) > * > * {
   padding: 0.75rem 0.75rem;
   background-color: var(--tblr-table-bg);
-  border-bottom-width: 1px;
+  border-bottom-width: var(--tblr-border-width);
   box-shadow: inset 0 0 0 9999px var(--tblr-table-accent-bg);
 }
 .table > tbody, .markdown > table > tbody {
@@ -1773,7 +2210,7 @@ progress {
 }
 
 .table-group-divider {
-  border-top: 2px solid var(--tblr-border-color-translucent);
+  border-top: calc(var(--tblr-border-width) * 2) solid var(--tblr-border-color-translucent);
 }
 
 .caption-top {
@@ -1785,10 +2222,10 @@ progress {
 }
 
 .table-bordered > :not(caption) > *, .markdown > table > :not(caption) > * {
-  border-width: 1px 0;
+  border-width: var(--tblr-border-width) 0;
 }
 .table-bordered > :not(caption) > * > *, .markdown > table > :not(caption) > * > * {
-  border-width: 0 1px;
+  border-width: 0 var(--tblr-border-width);
 }
 
 .table-borderless > :not(caption) > * > * {
@@ -1972,8 +2409,8 @@ progress {
 }
 
 .col-form-label {
-  padding-top: calc(0.4375rem + 1px);
-  padding-bottom: calc(0.4375rem + 1px);
+  padding-top: calc(0.4375rem + var(--tblr-border-width));
+  padding-bottom: calc(0.4375rem + var(--tblr-border-width));
   margin-bottom: 0;
   font-size: inherit;
   font-weight: var(--tblr-font-weight-medium);
@@ -1981,14 +2418,14 @@ progress {
 }
 
 .col-form-label-lg {
-  padding-top: calc(0.5rem + 1px);
-  padding-bottom: calc(0.5rem + 1px);
+  padding-top: calc(0.5rem + var(--tblr-border-width));
+  padding-bottom: calc(0.5rem + var(--tblr-border-width));
   font-size: 1.25rem;
 }
 
 .col-form-label-sm {
-  padding-top: calc(0.125rem + 1px);
-  padding-bottom: calc(0.125rem + 1px);
+  padding-top: calc(0.125rem + var(--tblr-border-width));
+  padding-bottom: calc(0.125rem + var(--tblr-border-width));
   font-size: 0.75rem;
 }
 
@@ -2009,7 +2446,7 @@ progress {
   color: inherit;
   background-color: var(--tblr-bg-forms);
   background-clip: padding-box;
-  border: 1px solid var(--tblr-border-color);
+  border: var(--tblr-border-width) solid var(--tblr-border-color);
   -webkit-appearance: none;
      -moz-appearance: none;
           appearance: none;
@@ -2037,6 +2474,10 @@ progress {
 .form-control::-webkit-date-and-time-value {
   height: 1.4285714286em;
 }
+.form-control::-webkit-datetime-edit {
+  display: block;
+  padding: 0;
+}
 .form-control::-webkit-input-placeholder {
   color: #a5a9b1;
   opacity: 1;
@@ -2072,7 +2513,7 @@ progress {
   border-color: inherit;
   border-style: solid;
   border-width: 0;
-  border-inline-end-width: 1px;
+  border-inline-end-width: var(--tblr-border-width);
   border-radius: 0;
   -webkit-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
   transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
@@ -2088,7 +2529,7 @@ progress {
   border-color: inherit;
   border-style: solid;
   border-width: 0;
-  border-inline-end-width: 1px;
+  border-inline-end-width: var(--tblr-border-width);
   border-radius: 0;
   transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
 }
@@ -2117,7 +2558,7 @@ progress {
   color: #1d273b;
   background-color: transparent;
   border: solid transparent;
-  border-width: 1px 0;
+  border-width: var(--tblr-border-width) 0;
 }
 .form-control-plaintext:focus {
   outline: 0;
@@ -2128,56 +2569,56 @@ progress {
 }
 
 .form-control-sm {
-  min-height: calc(1.4285714286em + 0.25rem + 2px);
-  padding: 0.125rem 0.5rem;
+  min-height: calc(1.4285714286em + 0.25rem + calc(var(--tblr-border-width) * 2));
+  padding: 0.125rem 0.25rem;
   font-size: 0.75rem;
   border-radius: 2px;
 }
 .form-control-sm::-webkit-file-upload-button {
-  padding: 0.125rem 0.5rem;
-  margin: -0.125rem -0.5rem;
-  -webkit-margin-end: 0.5rem;
-          margin-inline-end: 0.5rem;
+  padding: 0.125rem 0.25rem;
+  margin: -0.125rem -0.25rem;
+  -webkit-margin-end: 0.25rem;
+          margin-inline-end: 0.25rem;
 }
 .form-control-sm::file-selector-button {
-  padding: 0.125rem 0.5rem;
-  margin: -0.125rem -0.5rem;
-  -webkit-margin-end: 0.5rem;
-          margin-inline-end: 0.5rem;
+  padding: 0.125rem 0.25rem;
+  margin: -0.125rem -0.25rem;
+  -webkit-margin-end: 0.25rem;
+          margin-inline-end: 0.25rem;
 }
 
 .form-control-lg {
-  min-height: calc(1.4285714286em + 1rem + 2px);
-  padding: 0.5rem 1.5rem;
+  min-height: calc(1.4285714286em + 1rem + calc(var(--tblr-border-width) * 2));
+  padding: 0.5rem 0.75rem;
   font-size: 1.25rem;
   border-radius: 8px;
 }
 .form-control-lg::-webkit-file-upload-button {
-  padding: 0.5rem 1.5rem;
-  margin: -0.5rem -1.5rem;
-  -webkit-margin-end: 1.5rem;
-          margin-inline-end: 1.5rem;
+  padding: 0.5rem 0.75rem;
+  margin: -0.5rem -0.75rem;
+  -webkit-margin-end: 0.75rem;
+          margin-inline-end: 0.75rem;
 }
 .form-control-lg::file-selector-button {
-  padding: 0.5rem 1.5rem;
-  margin: -0.5rem -1.5rem;
-  -webkit-margin-end: 1.5rem;
-          margin-inline-end: 1.5rem;
+  padding: 0.5rem 0.75rem;
+  margin: -0.5rem -0.75rem;
+  -webkit-margin-end: 0.75rem;
+          margin-inline-end: 0.75rem;
 }
 
 textarea.form-control {
-  min-height: calc(1.4285714286em + 0.875rem + 2px);
+  min-height: calc(1.4285714286em + 0.875rem + calc(var(--tblr-border-width) * 2));
 }
 textarea.form-control-sm {
-  min-height: calc(1.4285714286em + 0.25rem + 2px);
+  min-height: calc(1.4285714286em + 0.25rem + calc(var(--tblr-border-width) * 2));
 }
 textarea.form-control-lg {
-  min-height: calc(1.4285714286em + 1rem + 2px);
+  min-height: calc(1.4285714286em + 1rem + calc(var(--tblr-border-width) * 2));
 }
 
 .form-control-color {
   width: 3rem;
-  height: calc(1.4285714286em + 0.875rem + 2px);
+  height: calc(1.4285714286em + 0.875rem + calc(var(--tblr-border-width) * 2));
   padding: 0.4375rem;
 }
 .form-control-color:not(:disabled):not([readonly]) {
@@ -2191,10 +2632,10 @@ textarea.form-control-lg {
   border-radius: var(--tblr-border-radius);
 }
 .form-control-color.form-control-sm {
-  height: calc(1.4285714286em + 0.25rem + 2px);
+  height: calc(1.4285714286em + 0.25rem + calc(var(--tblr-border-width) * 2));
 }
 .form-control-color.form-control-lg {
-  height: calc(1.4285714286em + 1rem + 2px);
+  height: calc(1.4285714286em + 1rem + calc(var(--tblr-border-width) * 2));
 }
 
 .form-select {
@@ -2212,7 +2653,7 @@ textarea.form-control-lg {
   background-repeat: no-repeat;
   background-position: right 0.75rem center;
   background-size: 16px 12px;
-  border: 1px solid var(--tblr-border-color);
+  border: var(--tblr-border-width) solid var(--tblr-border-color);
   border-radius: var(--tblr-border-radius);
   transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
   -webkit-appearance: none;
@@ -2244,7 +2685,7 @@ textarea.form-control-lg {
 .form-select-sm {
   padding-top: 0.125rem;
   padding-bottom: 0.125rem;
-  padding-left: 0.5rem;
+  padding-left: 0.25rem;
   font-size: 0.75rem;
   border-radius: 2px;
 }
@@ -2252,7 +2693,7 @@ textarea.form-control-lg {
 .form-select-lg {
   padding-top: 0.5rem;
   padding-bottom: 0.5rem;
-  padding-left: 1.5rem;
+  padding-left: 0.75rem;
   font-size: 1.25rem;
   border-radius: 8px;
 }
@@ -2476,10 +2917,20 @@ textarea.form-control-lg {
 .form-floating {
   position: relative;
 }
+.form-floating::before:not(.form-control:disabled) {
+  position: absolute;
+  top: var(--tblr-border-width);
+  left: var(--tblr-border-width);
+  width: calc(100% - (calc(calc(0.3571428572em + 0.21875rem) + calc(0.7142857143em + 0.4375rem))));
+  height: 1.875em;
+  content: "";
+  background-color: var(--tblr-bg-forms);
+  border-radius: var(--tblr-border-radius);
+}
 .form-floating > .form-control,
 .form-floating > .form-control-plaintext,
 .form-floating > .form-select {
-  height: calc(3.5rem + 2px);
+  height: calc(3.5rem + calc(var(--tblr-border-width) * 2));
   line-height: 1.25;
 }
 .form-floating > label {
@@ -2494,7 +2945,7 @@ textarea.form-control-lg {
   text-overflow: ellipsis;
   white-space: nowrap;
   pointer-events: none;
-  border: 1px solid transparent;
+  border: var(--tblr-border-width) solid transparent;
   transform-origin: 0 0;
   transition: opacity 0.1s ease-in-out, transform 0.1s ease-in-out;
 }
@@ -2566,7 +3017,7 @@ textarea.form-control-lg {
   transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);
 }
 .form-floating > .form-control-plaintext ~ label {
-  border-width: 1px 0;
+  border-width: var(--tblr-border-width) 0;
 }
 
 .input-group {
@@ -2608,7 +3059,7 @@ textarea.form-control-lg {
   text-align: center;
   white-space: nowrap;
   background-color: #f8fafc;
-  border: 1px solid var(--tblr-border-color);
+  border: var(--tblr-border-width) solid var(--tblr-border-color);
   border-radius: var(--tblr-border-radius);
 }
 
@@ -2616,7 +3067,7 @@ textarea.form-control-lg {
 .input-group-lg > .form-select,
 .input-group-lg > .input-group-text,
 .input-group-lg > .btn {
-  padding: 0.5rem 1.5rem;
+  padding: 0.5rem 0.75rem;
   font-size: 1.25rem;
   border-radius: 8px;
 }
@@ -2625,7 +3076,7 @@ textarea.form-control-lg {
 .input-group-sm > .form-select,
 .input-group-sm > .input-group-text,
 .input-group-sm > .btn {
-  padding: 0.125rem 0.5rem;
+  padding: 0.125rem 0.25rem;
   font-size: 0.75rem;
   border-radius: 2px;
 }
@@ -2650,7 +3101,7 @@ textarea.form-control-lg {
   border-bottom-right-radius: 0;
 }
 .input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
-  margin-left: -1px;
+  margin-left: calc(var(--tblr-border-width) * -1);
   border-top-left-radius: 0;
   border-bottom-left-radius: 0;
 }
@@ -2849,7 +3300,7 @@ textarea.form-control-lg {
   --tblr-btn-line-height: 1.4285714286;
   --tblr-btn-color: #1d273b;
   --tblr-btn-bg: transparent;
-  --tblr-btn-border-width: 1px;
+  --tblr-btn-border-width: var(--tblr-border-width);
   --tblr-btn-border-color: transparent;
   --tblr-btn-border-radius: var(--tblr-border-radius);
   --tblr-btn-hover-border-color: transparent;
@@ -2946,14 +3397,14 @@ textarea.form-control-lg {
 
 .btn-lg, .btn-group-lg > .btn {
   --tblr-btn-padding-y: 0.5rem;
-  --tblr-btn-padding-x: 1.5rem;
+  --tblr-btn-padding-x: 0.75rem;
   --tblr-btn-font-size: 1.25rem;
   --tblr-btn-border-radius: 8px;
 }
 
 .btn-sm, .btn-group-sm > .btn {
   --tblr-btn-padding-y: 0.125rem;
-  --tblr-btn-padding-x: 0.5rem;
+  --tblr-btn-padding-x: 0.25rem;
   --tblr-btn-font-size: 0.75rem;
   --tblr-btn-border-radius: 2px;
 }
@@ -3031,8 +3482,8 @@ textarea.form-control-lg {
   --tblr-dropdown-bg: #ffffff;
   --tblr-dropdown-border-color: var(--tblr-border-color-translucent);
   --tblr-dropdown-border-radius: 4px;
-  --tblr-dropdown-border-width: 1px;
-  --tblr-dropdown-inner-border-radius: 3px;
+  --tblr-dropdown-border-width: var(--tblr-border-width);
+  --tblr-dropdown-inner-border-radius: calc(4px - var(--tblr-border-width));
   --tblr-dropdown-divider-bg: var(--tblr-border-color-translucent);
   --tblr-dropdown-divider-margin-y: 0.5rem;
   --tblr-dropdown-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
@@ -3339,7 +3790,7 @@ textarea.form-control-lg {
 }
 .btn-group > :not(.btn-check:first-child) + .btn,
 .btn-group > .btn-group:not(:first-child) {
-  margin-left: -1px;
+  margin-left: calc(var(--tblr-border-width) * -1);
 }
 .btn-group > .btn:not(:last-child):not(.dropdown-toggle),
 .btn-group > .btn.dropdown-toggle-split:first-child,
@@ -3366,13 +3817,13 @@ textarea.form-control-lg {
 }
 
 .btn-sm + .dropdown-toggle-split, .btn-group-sm > .btn + .dropdown-toggle-split {
-  padding-right: 0.375rem;
-  padding-left: 0.375rem;
+  padding-right: 0.1875rem;
+  padding-left: 0.1875rem;
 }
 
 .btn-lg + .dropdown-toggle-split, .btn-group-lg > .btn + .dropdown-toggle-split {
-  padding-right: 1.125rem;
-  padding-left: 1.125rem;
+  padding-right: 0.5625rem;
+  padding-left: 0.5625rem;
 }
 
 .btn-group-vertical {
@@ -3386,7 +3837,7 @@ textarea.form-control-lg {
 }
 .btn-group-vertical > .btn:not(:first-child),
 .btn-group-vertical > .btn-group:not(:first-child) {
-  margin-top: -1px;
+  margin-top: calc(var(--tblr-border-width) * -1);
 }
 .btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle),
 .btn-group-vertical > .btn-group:not(:last-child) > .btn {
@@ -3437,7 +3888,7 @@ textarea.form-control-lg {
 }
 
 .nav-tabs {
-  --tblr-nav-tabs-border-width: 1px;
+  --tblr-nav-tabs-border-width: var(--tblr-border-width);
   --tblr-nav-tabs-border-color: var(--tblr-border-color);
   --tblr-nav-tabs-border-radius: var(--tblr-border-radius);
   --tblr-nav-tabs-link-hover-border-color: var(--tblr-border-color) var(--tblr-border-color) var(--tblr-border-color);
@@ -3947,6 +4398,8 @@ textarea.form-control-lg {
   --tblr-card-spacer-y: 1rem;
   --tblr-card-spacer-x: 1.5rem;
   --tblr-card-title-spacer-y: 1.25rem;
+  --tblr-card-title-color: ;
+  --tblr-card-subtitle-color: ;
   --tblr-card-border-width: var(--tblr-border-width);
   --tblr-card-border-color: var(--tblr-border-color);
   --tblr-card-border-radius: var(--tblr-border-radius);
@@ -4003,11 +4456,13 @@ textarea.form-control-lg {
 
 .card-title {
   margin-bottom: var(--tblr-card-title-spacer-y);
+  color: var(--tblr-card-title-color);
 }
 
 .card-subtitle {
   margin-top: calc(-0.5 * var(--tblr-card-title-spacer-y));
   margin-bottom: 0;
+  color: var(--tblr-card-subtitle-color);
 }
 
 .card-text:last-child {
@@ -4107,11 +4562,11 @@ textarea.form-control-lg {
     border-bottom-right-radius: 0;
   }
   .card-group > .card:not(:last-child) .card-img-top,
-.card-group > .card:not(:last-child) .card-header {
+  .card-group > .card:not(:last-child) .card-header {
     border-top-right-radius: 0;
   }
   .card-group > .card:not(:last-child) .card-img-bottom,
-.card-group > .card:not(:last-child) .card-footer {
+  .card-group > .card:not(:last-child) .card-footer {
     border-bottom-right-radius: 0;
   }
   .card-group > .card:not(:first-child) {
@@ -4119,11 +4574,11 @@ textarea.form-control-lg {
     border-bottom-left-radius: 0;
   }
   .card-group > .card:not(:first-child) .card-img-top,
-.card-group > .card:not(:first-child) .card-header {
+  .card-group > .card:not(:first-child) .card-header {
     border-top-left-radius: 0;
   }
   .card-group > .card:not(:first-child) .card-img-bottom,
-.card-group > .card:not(:first-child) .card-footer {
+  .card-group > .card:not(:first-child) .card-footer {
     border-bottom-left-radius: 0;
   }
 }
@@ -4133,9 +4588,9 @@ textarea.form-control-lg {
   --tblr-accordion-bg: transparent;
   --tblr-accordion-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, border-radius 0.15s ease;
   --tblr-accordion-border-color: var(--tblr-border-color-translucent);
-  --tblr-accordion-border-width: 1px;
+  --tblr-accordion-border-width: var(--tblr-border-width);
   --tblr-accordion-border-radius: 4px;
-  --tblr-accordion-inner-border-radius: 3px;
+  --tblr-accordion-inner-border-radius: calc(4px - (var(--tblr-border-width)));
   --tblr-accordion-btn-padding-x: 1.25rem;
   --tblr-accordion-btn-padding-y: 1rem;
   --tblr-accordion-btn-color: var(--tblr-body-color);
@@ -4453,12 +4908,6 @@ textarea.form-control-lg {
   padding: 1.25rem 1rem;
 }
 
-@-webkit-keyframes progress-bar-stripes {
-  0% {
-    background-position-x: 0.5rem;
-  }
-}
-
 @keyframes progress-bar-stripes {
   0% {
     background-position-x: 0.5rem;
@@ -4504,13 +4953,11 @@ textarea.form-control-lg {
 }
 
 .progress-bar-animated {
-  -webkit-animation: 1s linear infinite progress-bar-stripes;
-          animation: 1s linear infinite progress-bar-stripes;
+  animation: 1s linear infinite progress-bar-stripes;
 }
 @media (prefers-reduced-motion: reduce) {
   .progress-bar-animated {
-    -webkit-animation: none;
-            animation: none;
+    animation: none;
   }
 }
 
@@ -4518,7 +4965,7 @@ textarea.form-control-lg {
   --tblr-list-group-color: #0f172a;
   --tblr-list-group-bg: inherit;
   --tblr-list-group-border-color: var(--tblr-border-color);
-  --tblr-list-group-border-width: 1px;
+  --tblr-list-group-border-width: var(--tblr-border-width);
   --tblr-list-group-border-radius: 4px;
   --tblr-list-group-item-padding-x: 1.5rem;
   --tblr-list-group-item-padding-y: 1rem;
@@ -5257,25 +5704,33 @@ textarea.form-control-lg {
 }
 
 .btn-close {
+  --tblr-btn-close-color: #000000;
+  --tblr-btn-close-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000000'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e");
+  --tblr-btn-close-opacity: 0.3;
+  --tblr-btn-close-hover-opacity: 0.75;
+  --tblr-btn-close-focus-shadow: 0 0 0 0.25rem rgba(32, 107, 196, 0.25);
+  --tblr-btn-close-focus-opacity: 1;
+  --tblr-btn-close-disabled-opacity: 0.25;
+  --tblr-btn-close-white-filter: invert(1) grayscale(100%) brightness(200%);
   box-sizing: content-box;
   width: 0.75rem;
   height: 0.75rem;
   padding: 0.25em 0.25em;
-  color: #000000;
-  background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000000'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e") center/0.75rem auto no-repeat;
+  color: var(--tblr-btn-close-color);
+  background: transparent var(--tblr-btn-close-bg) center/0.75rem auto no-repeat;
   border: 0;
   border-radius: 4px;
-  opacity: 0.3;
+  opacity: var(--tblr-btn-close-opacity);
 }
 .btn-close:hover {
-  color: #000000;
+  color: var(--tblr-btn-close-color);
   text-decoration: none;
-  opacity: 0.75;
+  opacity: var(--tblr-btn-close-hover-opacity);
 }
 .btn-close:focus {
   outline: 0;
-  box-shadow: 0 0 0 0.25rem rgba(32, 107, 196, 0.25);
-  opacity: 1;
+  box-shadow: var(--tblr-btn-close-focus-shadow);
+  opacity: var(--tblr-btn-close-focus-opacity);
 }
 .btn-close:disabled, .btn-close.disabled {
   pointer-events: none;
@@ -5283,11 +5738,11 @@ textarea.form-control-lg {
      -moz-user-select: none;
       -ms-user-select: none;
           user-select: none;
-  opacity: 0.25;
+  opacity: var(--tblr-btn-close-disabled-opacity);
 }
 
 .btn-close-white {
-  filter: invert(1) grayscale(100%) brightness(200%);
+  filter: var(--tblr-btn-close-white-filter);
 }
 
 .toast {
@@ -5299,7 +5754,7 @@ textarea.form-control-lg {
   --tblr-toast-font-size: 0.875rem;
   --tblr-toast-color: ;
   --tblr-toast-bg: rgba(255, 255, 255, 0.85);
-  --tblr-toast-border-width: 1px;
+  --tblr-toast-border-width: var(--tblr-border-width);
   --tblr-toast-border-color: var(--tblr-border-color);
   --tblr-toast-border-radius: 4px;
   --tblr-toast-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
@@ -5367,7 +5822,7 @@ textarea.form-control-lg {
   --tblr-modal-color: ;
   --tblr-modal-bg: var(--tblr-bg-surface);
   --tblr-modal-border-color: transparent;
-  --tblr-modal-border-width: 1px;
+  --tblr-modal-border-width: var(--tblr-border-width);
   --tblr-modal-border-radius: var(--tblr-border-radius-lg);
   --tblr-modal-box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
   --tblr-modal-inner-border-radius: calc(var(--tblr-modal-border-radius) - 1px);
@@ -5523,7 +5978,7 @@ textarea.form-control-lg {
 }
 @media (min-width: 992px) {
   .modal-lg,
-.modal-xl {
+  .modal-xl {
     --tblr-modal-width: 720px;
   }
 }
@@ -5564,7 +6019,7 @@ textarea.form-control-lg {
     border-radius: 0;
   }
   .modal-fullscreen-sm-down .modal-header,
-.modal-fullscreen-sm-down .modal-footer {
+  .modal-fullscreen-sm-down .modal-footer {
     border-radius: 0;
   }
   .modal-fullscreen-sm-down .modal-body {
@@ -5584,7 +6039,7 @@ textarea.form-control-lg {
     border-radius: 0;
   }
   .modal-fullscreen-md-down .modal-header,
-.modal-fullscreen-md-down .modal-footer {
+  .modal-fullscreen-md-down .modal-footer {
     border-radius: 0;
   }
   .modal-fullscreen-md-down .modal-body {
@@ -5604,7 +6059,7 @@ textarea.form-control-lg {
     border-radius: 0;
   }
   .modal-fullscreen-lg-down .modal-header,
-.modal-fullscreen-lg-down .modal-footer {
+  .modal-fullscreen-lg-down .modal-footer {
     border-radius: 0;
   }
   .modal-fullscreen-lg-down .modal-body {
@@ -5624,7 +6079,7 @@ textarea.form-control-lg {
     border-radius: 0;
   }
   .modal-fullscreen-xl-down .modal-header,
-.modal-fullscreen-xl-down .modal-footer {
+  .modal-fullscreen-xl-down .modal-footer {
     border-radius: 0;
   }
   .modal-fullscreen-xl-down .modal-body {
@@ -5644,7 +6099,7 @@ textarea.form-control-lg {
     border-radius: 0;
   }
   .modal-fullscreen-xxl-down .modal-header,
-.modal-fullscreen-xxl-down .modal-footer {
+  .modal-fullscreen-xxl-down .modal-footer {
     border-radius: 0;
   }
   .modal-fullscreen-xxl-down .modal-body {
@@ -5759,10 +6214,10 @@ textarea.form-control-lg {
   --tblr-popover-max-width: 276px;
   --tblr-popover-font-size: 0.765625rem;
   --tblr-popover-bg: var(--tblr-bg-surface);
-  --tblr-popover-border-width: 1px;
+  --tblr-popover-border-width: var(--tblr-border-width);
   --tblr-popover-border-color: var(--tblr-border-color);
   --tblr-popover-border-radius: 8px;
-  --tblr-popover-inner-border-radius: 7px;
+  --tblr-popover-inner-border-radius: calc(8px - (var(--tblr-border-width)));
   --tblr-popover-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
   --tblr-popover-header-padding-x: 1rem;
   --tblr-popover-header-padding-y: 0.5rem;
@@ -5951,7 +6406,6 @@ textarea.form-control-lg {
   display: block;
 }
 
-/* rtl:begin:ignore */
 .carousel-item-next:not(.carousel-item-start),
 .active.carousel-item-end {
   transform: translateX(100%);
@@ -5962,7 +6416,6 @@ textarea.form-control-lg {
   transform: translateX(-100%);
 }
 
-/* rtl:end:ignore */
 .carousel-fade .carousel-item {
   opacity: 0;
   transition-property: opacity;
@@ -5982,7 +6435,7 @@ textarea.form-control-lg {
 }
 @media (prefers-reduced-motion: reduce) {
   .carousel-fade .active.carousel-item-start,
-.carousel-fade .active.carousel-item-end {
+  .carousel-fade .active.carousel-item-end {
     transition: none;
   }
 }
@@ -6007,7 +6460,7 @@ textarea.form-control-lg {
 }
 @media (prefers-reduced-motion: reduce) {
   .carousel-control-prev,
-.carousel-control-next {
+  .carousel-control-next {
     transition: none;
   }
 }
@@ -6124,14 +6577,7 @@ textarea.form-control-lg {
   height: var(--tblr-spinner-height);
   vertical-align: var(--tblr-spinner-vertical-align);
   border-radius: 50%;
-  -webkit-animation: var(--tblr-spinner-animation-speed) linear infinite var(--tblr-spinner-animation-name);
-          animation: var(--tblr-spinner-animation-speed) linear infinite var(--tblr-spinner-animation-name);
-}
-
-@-webkit-keyframes spinner-border {
-  to {
-    transform: rotate(360deg) /* rtl:ignore */;
-  }
+  animation: var(--tblr-spinner-animation-speed) linear infinite var(--tblr-spinner-animation-name);
 }
 
 @keyframes spinner-border {
@@ -6156,16 +6602,6 @@ textarea.form-control-lg {
   --tblr-spinner-border-width: 1px;
 }
 
-@-webkit-keyframes spinner-grow {
-  0% {
-    transform: scale(0);
-  }
-  50% {
-    opacity: 1;
-    transform: none;
-  }
-}
-
 @keyframes spinner-grow {
   0% {
     transform: scale(0);
@@ -6192,7 +6628,7 @@ textarea.form-control-lg {
 
 @media (prefers-reduced-motion: reduce) {
   .spinner-border,
-.spinner-grow {
+  .spinner-grow {
     --tblr-spinner-animation-speed: 1.5s;
   }
 }
@@ -6204,9 +6640,11 @@ textarea.form-control-lg {
   --tblr-offcanvas-padding-y: 1.5rem;
   --tblr-offcanvas-color: ;
   --tblr-offcanvas-bg: var(--tblr-bg-surface);
-  --tblr-offcanvas-border-width: 1px;
+  --tblr-offcanvas-border-width: var(--tblr-border-width);
   --tblr-offcanvas-border-color: var(--tblr-border-color);
   --tblr-offcanvas-box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
+  --tblr-offcanvas-transition: transform 0.3s ease-in-out;
+  --tblr-offcanvas-title-line-height: 1.4285714286;
 }
 
 @media (max-width: 575.98px) {
@@ -6222,7 +6660,7 @@ textarea.form-control-lg {
     background-color: var(--tblr-offcanvas-bg);
     background-clip: padding-box;
     outline: 0;
-    transition: transform 0.3s ease-in-out;
+    transition: var(--tblr-offcanvas-transition);
   }
 }
 @media (max-width: 575.98px) and (prefers-reduced-motion: reduce) {
@@ -6310,7 +6748,7 @@ textarea.form-control-lg {
     background-color: var(--tblr-offcanvas-bg);
     background-clip: padding-box;
     outline: 0;
-    transition: transform 0.3s ease-in-out;
+    transition: var(--tblr-offcanvas-transition);
   }
 }
 @media (max-width: 767.98px) and (prefers-reduced-motion: reduce) {
@@ -6398,7 +6836,7 @@ textarea.form-control-lg {
     background-color: var(--tblr-offcanvas-bg);
     background-clip: padding-box;
     outline: 0;
-    transition: transform 0.3s ease-in-out;
+    transition: var(--tblr-offcanvas-transition);
   }
 }
 @media (max-width: 991.98px) and (prefers-reduced-motion: reduce) {
@@ -6486,7 +6924,7 @@ textarea.form-control-lg {
     background-color: var(--tblr-offcanvas-bg);
     background-clip: padding-box;
     outline: 0;
-    transition: transform 0.3s ease-in-out;
+    transition: var(--tblr-offcanvas-transition);
   }
 }
 @media (max-width: 1199.98px) and (prefers-reduced-motion: reduce) {
@@ -6574,7 +7012,7 @@ textarea.form-control-lg {
     background-color: var(--tblr-offcanvas-bg);
     background-clip: padding-box;
     outline: 0;
-    transition: transform 0.3s ease-in-out;
+    transition: var(--tblr-offcanvas-transition);
   }
 }
 @media (max-width: 1399.98px) and (prefers-reduced-motion: reduce) {
@@ -6661,7 +7099,7 @@ textarea.form-control-lg {
   background-color: var(--tblr-offcanvas-bg);
   background-clip: padding-box;
   outline: 0;
-  transition: transform 0.3s ease-in-out;
+  transition: var(--tblr-offcanvas-transition);
 }
 @media (prefers-reduced-motion: reduce) {
   .offcanvas {
@@ -6737,7 +7175,7 @@ textarea.form-control-lg {
 
 .offcanvas-title {
   margin-bottom: 0;
-  line-height: 1.4285714286;
+  line-height: var(--tblr-offcanvas-title-line-height);
 }
 
 .offcanvas-body {
@@ -6772,14 +7210,7 @@ textarea.form-control-lg {
 }
 
 .placeholder-glow .placeholder {
-  -webkit-animation: placeholder-glow 2s ease-in-out infinite;
-          animation: placeholder-glow 2s ease-in-out infinite;
-}
-
-@-webkit-keyframes placeholder-glow {
-  50% {
-    opacity: 0.1;
-  }
+  animation: placeholder-glow 2s ease-in-out infinite;
 }
 
 @keyframes placeholder-glow {
@@ -6792,15 +7223,7 @@ textarea.form-control-lg {
           mask-image: linear-gradient(130deg, #000000 55%, rgba(0, 0, 0, 0.9) 75%, #000000 95%);
   -webkit-mask-size: 200% 100%;
           mask-size: 200% 100%;
-  -webkit-animation: placeholder-wave 2s linear infinite;
-          animation: placeholder-wave 2s linear infinite;
-}
-
-@-webkit-keyframes placeholder-wave {
-  100% {
-    -webkit-mask-position: -200% 0%;
-            mask-position: -200% 0%;
-  }
+  animation: placeholder-wave 2s linear infinite;
 }
 
 @keyframes placeholder-wave {
@@ -7268,6 +7691,22 @@ textarea.form-control-lg {
   --tblr-aspect-ratio: 100%;
 }
 
+.ratio-2x1 {
+  --tblr-aspect-ratio: 50%;
+}
+
+.ratio-1x2 {
+  --tblr-aspect-ratio: 200%;
+}
+
+.ratio-3x1 {
+  --tblr-aspect-ratio: 33.3333333333%;
+}
+
+.ratio-1x3 {
+  --tblr-aspect-ratio: 300%;
+}
+
 .ratio-4x3 {
   --tblr-aspect-ratio: 75%;
 }
@@ -7480,6 +7919,31 @@ textarea.form-control-lg {
   float: none !important;
 }
 
+.object-fit-contain {
+  -o-object-fit: contain !important;
+     object-fit: contain !important;
+}
+
+.object-fit-cover {
+  -o-object-fit: cover !important;
+     object-fit: cover !important;
+}
+
+.object-fit-fill {
+  -o-object-fit: fill !important;
+     object-fit: fill !important;
+}
+
+.object-fit-scale {
+  -o-object-fit: scale-down !important;
+     object-fit: scale-down !important;
+}
+
+.object-fit-none {
+  -o-object-fit: none !important;
+     object-fit: none !important;
+}
+
 .opacity-0 {
   opacity: 0 !important;
 }
@@ -7516,6 +7980,38 @@ textarea.form-control-lg {
   overflow: scroll !important;
 }
 
+.overflow-x-auto {
+  overflow-x: auto !important;
+}
+
+.overflow-x-hidden {
+  overflow-x: hidden !important;
+}
+
+.overflow-x-visible {
+  overflow-x: visible !important;
+}
+
+.overflow-x-scroll {
+  overflow-x: scroll !important;
+}
+
+.overflow-y-auto {
+  overflow-y: auto !important;
+}
+
+.overflow-y-hidden {
+  overflow-y: hidden !important;
+}
+
+.overflow-y-visible {
+  overflow-y: visible !important;
+}
+
+.overflow-y-scroll {
+  overflow-y: scroll !important;
+}
+
 .d-inline {
   display: inline !important;
 }
@@ -8656,27 +9152,27 @@ textarea.form-control-lg {
   font-family: var(--tblr-font-monospace) !important;
 }
 
-.fs-h1 {
+.fs-1 {
   font-size: 1.5rem !important;
 }
 
-.fs-h2 {
+.fs-2 {
   font-size: 1.25rem !important;
 }
 
-.fs-h3 {
+.fs-3 {
   font-size: 1rem !important;
 }
 
-.fs-h4 {
+.fs-4 {
   font-size: 0.875rem !important;
 }
 
-.fs-h5 {
+.fs-5 {
   font-size: 0.75rem !important;
 }
 
-.fs-h6 {
+.fs-6 {
   font-size: 0.625rem !important;
 }
 
@@ -8688,26 +9184,30 @@ textarea.form-control-lg {
   font-style: normal !important;
 }
 
-.fw-light {
-  font-weight: 300 !important;
-}
-
 .fw-lighter {
   font-weight: lighter !important;
 }
 
+.fw-light {
+  font-weight: 300 !important;
+}
+
 .fw-normal {
   font-weight: 400 !important;
 }
 
-.fw-bold {
-  font-weight: 600 !important;
+.fw-medium {
+  font-weight: 500 !important;
 }
 
 .fw-semibold {
   font-weight: 600 !important;
 }
 
+.fw-bold {
+  font-weight: 600 !important;
+}
+
 .fw-bolder {
   font-weight: bolder !important;
 }
@@ -9298,21 +9798,181 @@ textarea.form-control-lg {
   border-top-right-radius: var(--tblr-border-radius) !important;
 }
 
+.rounded-top-0 {
+  border-top-left-radius: 0 !important;
+  border-top-right-radius: 0 !important;
+}
+
+.rounded-top-1 {
+  border-top-left-radius: var(--tblr-border-radius-sm) !important;
+  border-top-right-radius: var(--tblr-border-radius-sm) !important;
+}
+
+.rounded-top-2 {
+  border-top-left-radius: var(--tblr-border-radius) !important;
+  border-top-right-radius: var(--tblr-border-radius) !important;
+}
+
+.rounded-top-3 {
+  border-top-left-radius: var(--tblr-border-radius-lg) !important;
+  border-top-right-radius: var(--tblr-border-radius-lg) !important;
+}
+
+.rounded-top-4 {
+  border-top-left-radius: var(--tblr-border-radius-xl) !important;
+  border-top-right-radius: var(--tblr-border-radius-xl) !important;
+}
+
+.rounded-top-5 {
+  border-top-left-radius: var(--tblr-border-radius-2xl) !important;
+  border-top-right-radius: var(--tblr-border-radius-2xl) !important;
+}
+
+.rounded-top-circle {
+  border-top-left-radius: 50% !important;
+  border-top-right-radius: 50% !important;
+}
+
+.rounded-top-pill {
+  border-top-left-radius: var(--tblr-border-radius-pill) !important;
+  border-top-right-radius: var(--tblr-border-radius-pill) !important;
+}
+
 .rounded-end {
   border-top-right-radius: var(--tblr-border-radius) !important;
   border-bottom-right-radius: var(--tblr-border-radius) !important;
 }
 
+.rounded-end-0 {
+  border-top-right-radius: 0 !important;
+  border-bottom-right-radius: 0 !important;
+}
+
+.rounded-end-1 {
+  border-top-right-radius: var(--tblr-border-radius-sm) !important;
+  border-bottom-right-radius: var(--tblr-border-radius-sm) !important;
+}
+
+.rounded-end-2 {
+  border-top-right-radius: var(--tblr-border-radius) !important;
+  border-bottom-right-radius: var(--tblr-border-radius) !important;
+}
+
+.rounded-end-3 {
+  border-top-right-radius: var(--tblr-border-radius-lg) !important;
+  border-bottom-right-radius: var(--tblr-border-radius-lg) !important;
+}
+
+.rounded-end-4 {
+  border-top-right-radius: var(--tblr-border-radius-xl) !important;
+  border-bottom-right-radius: var(--tblr-border-radius-xl) !important;
+}
+
+.rounded-end-5 {
+  border-top-right-radius: var(--tblr-border-radius-2xl) !important;
+  border-bottom-right-radius: var(--tblr-border-radius-2xl) !important;
+}
+
+.rounded-end-circle {
+  border-top-right-radius: 50% !important;
+  border-bottom-right-radius: 50% !important;
+}
+
+.rounded-end-pill {
+  border-top-right-radius: var(--tblr-border-radius-pill) !important;
+  border-bottom-right-radius: var(--tblr-border-radius-pill) !important;
+}
+
 .rounded-bottom {
   border-bottom-right-radius: var(--tblr-border-radius) !important;
   border-bottom-left-radius: var(--tblr-border-radius) !important;
 }
 
+.rounded-bottom-0 {
+  border-bottom-right-radius: 0 !important;
+  border-bottom-left-radius: 0 !important;
+}
+
+.rounded-bottom-1 {
+  border-bottom-right-radius: var(--tblr-border-radius-sm) !important;
+  border-bottom-left-radius: var(--tblr-border-radius-sm) !important;
+}
+
+.rounded-bottom-2 {
+  border-bottom-right-radius: var(--tblr-border-radius) !important;
+  border-bottom-left-radius: var(--tblr-border-radius) !important;
+}
+
+.rounded-bottom-3 {
+  border-bottom-right-radius: var(--tblr-border-radius-lg) !important;
+  border-bottom-left-radius: var(--tblr-border-radius-lg) !important;
+}
+
+.rounded-bottom-4 {
+  border-bottom-right-radius: var(--tblr-border-radius-xl) !important;
+  border-bottom-left-radius: var(--tblr-border-radius-xl) !important;
+}
+
+.rounded-bottom-5 {
+  border-bottom-right-radius: var(--tblr-border-radius-2xl) !important;
+  border-bottom-left-radius: var(--tblr-border-radius-2xl) !important;
+}
+
+.rounded-bottom-circle {
+  border-bottom-right-radius: 50% !important;
+  border-bottom-left-radius: 50% !important;
+}
+
+.rounded-bottom-pill {
+  border-bottom-right-radius: var(--tblr-border-radius-pill) !important;
+  border-bottom-left-radius: var(--tblr-border-radius-pill) !important;
+}
+
 .rounded-start {
   border-bottom-left-radius: var(--tblr-border-radius) !important;
   border-top-left-radius: var(--tblr-border-radius) !important;
 }
 
+.rounded-start-0 {
+  border-bottom-left-radius: 0 !important;
+  border-top-left-radius: 0 !important;
+}
+
+.rounded-start-1 {
+  border-bottom-left-radius: var(--tblr-border-radius-sm) !important;
+  border-top-left-radius: var(--tblr-border-radius-sm) !important;
+}
+
+.rounded-start-2 {
+  border-bottom-left-radius: var(--tblr-border-radius) !important;
+  border-top-left-radius: var(--tblr-border-radius) !important;
+}
+
+.rounded-start-3 {
+  border-bottom-left-radius: var(--tblr-border-radius-lg) !important;
+  border-top-left-radius: var(--tblr-border-radius-lg) !important;
+}
+
+.rounded-start-4 {
+  border-bottom-left-radius: var(--tblr-border-radius-xl) !important;
+  border-top-left-radius: var(--tblr-border-radius-xl) !important;
+}
+
+.rounded-start-5 {
+  border-bottom-left-radius: var(--tblr-border-radius-2xl) !important;
+  border-top-left-radius: var(--tblr-border-radius-2xl) !important;
+}
+
+.rounded-start-circle {
+  border-bottom-left-radius: 50% !important;
+  border-top-left-radius: 50% !important;
+}
+
+.rounded-start-pill {
+  border-bottom-left-radius: var(--tblr-border-radius-pill) !important;
+  border-top-left-radius: var(--tblr-border-radius-pill) !important;
+}
+
 .visible {
   visibility: visible !important;
 }
@@ -9321,6 +9981,26 @@ textarea.form-control-lg {
   visibility: hidden !important;
 }
 
+.z-n1 {
+  z-index: -1 !important;
+}
+
+.z-0 {
+  z-index: 0 !important;
+}
+
+.z-1 {
+  z-index: 1 !important;
+}
+
+.z-2 {
+  z-index: 2 !important;
+}
+
+.z-3 {
+  z-index: 3 !important;
+}
+
 .object-contain {
   -o-object-fit: contain !important;
      object-fit: contain !important;
@@ -9475,6 +10155,26 @@ textarea.form-control-lg {
   .float-sm-none {
     float: none !important;
   }
+  .object-fit-sm-contain {
+    -o-object-fit: contain !important;
+       object-fit: contain !important;
+  }
+  .object-fit-sm-cover {
+    -o-object-fit: cover !important;
+       object-fit: cover !important;
+  }
+  .object-fit-sm-fill {
+    -o-object-fit: fill !important;
+       object-fit: fill !important;
+  }
+  .object-fit-sm-scale {
+    -o-object-fit: scale-down !important;
+       object-fit: scale-down !important;
+  }
+  .object-fit-sm-none {
+    -o-object-fit: none !important;
+       object-fit: none !important;
+  }
   .d-sm-inline {
     display: inline !important;
   }
@@ -9983,6 +10683,26 @@ textarea.form-control-lg {
   .float-md-none {
     float: none !important;
   }
+  .object-fit-md-contain {
+    -o-object-fit: contain !important;
+       object-fit: contain !important;
+  }
+  .object-fit-md-cover {
+    -o-object-fit: cover !important;
+       object-fit: cover !important;
+  }
+  .object-fit-md-fill {
+    -o-object-fit: fill !important;
+       object-fit: fill !important;
+  }
+  .object-fit-md-scale {
+    -o-object-fit: scale-down !important;
+       object-fit: scale-down !important;
+  }
+  .object-fit-md-none {
+    -o-object-fit: none !important;
+       object-fit: none !important;
+  }
   .d-md-inline {
     display: inline !important;
   }
@@ -10491,6 +11211,26 @@ textarea.form-control-lg {
   .float-lg-none {
     float: none !important;
   }
+  .object-fit-lg-contain {
+    -o-object-fit: contain !important;
+       object-fit: contain !important;
+  }
+  .object-fit-lg-cover {
+    -o-object-fit: cover !important;
+       object-fit: cover !important;
+  }
+  .object-fit-lg-fill {
+    -o-object-fit: fill !important;
+       object-fit: fill !important;
+  }
+  .object-fit-lg-scale {
+    -o-object-fit: scale-down !important;
+       object-fit: scale-down !important;
+  }
+  .object-fit-lg-none {
+    -o-object-fit: none !important;
+       object-fit: none !important;
+  }
   .d-lg-inline {
     display: inline !important;
   }
@@ -10999,6 +11739,26 @@ textarea.form-control-lg {
   .float-xl-none {
     float: none !important;
   }
+  .object-fit-xl-contain {
+    -o-object-fit: contain !important;
+       object-fit: contain !important;
+  }
+  .object-fit-xl-cover {
+    -o-object-fit: cover !important;
+       object-fit: cover !important;
+  }
+  .object-fit-xl-fill {
+    -o-object-fit: fill !important;
+       object-fit: fill !important;
+  }
+  .object-fit-xl-scale {
+    -o-object-fit: scale-down !important;
+       object-fit: scale-down !important;
+  }
+  .object-fit-xl-none {
+    -o-object-fit: none !important;
+       object-fit: none !important;
+  }
   .d-xl-inline {
     display: inline !important;
   }
@@ -11507,6 +12267,26 @@ textarea.form-control-lg {
   .float-xxl-none {
     float: none !important;
   }
+  .object-fit-xxl-contain {
+    -o-object-fit: contain !important;
+       object-fit: contain !important;
+  }
+  .object-fit-xxl-cover {
+    -o-object-fit: cover !important;
+       object-fit: cover !important;
+  }
+  .object-fit-xxl-fill {
+    -o-object-fit: fill !important;
+       object-fit: fill !important;
+  }
+  .object-fit-xxl-scale {
+    -o-object-fit: scale-down !important;
+       object-fit: scale-down !important;
+  }
+  .object-fit-xxl-none {
+    -o-object-fit: none !important;
+       object-fit: none !important;
+  }
   .d-xxl-inline {
     display: inline !important;
   }
@@ -12233,7 +13013,7 @@ textarea.form-control-lg {
   --tblr-border-color-light: #f2f3f4;
   --tblr-border-color-active: #b3b7bd;
   --tblr-icon-color: var(--tblr-gray-500);
-  --tblr-active-bg: var(--tblr-gray-100);
+  --tblr-active-bg: rgba(var(--tblr-primary-rgb), 0.04);
   --tblr-disabled-bg: var(--tblr-gray-100);
   --tblr-disabled-color: var(--tblr-gray-300);
   --tblr-code-color: var(--tblr-gray-600);
@@ -12266,21 +13046,6 @@ textarea.form-control-lg {
   --tblr-shadow-card-hover: rgba(var(--tblr-body-color-rgb), 0.16) 0 2px 16px 0;
 }
 
-@-webkit-keyframes pulse {
-  from {
-    opacity: 1;
-    transform: scale3d(0.8, 0.8, 0.8);
-  }
-  50% {
-    transform: scale3d(1, 1, 1);
-    opacity: 1;
-  }
-  to {
-    opacity: 1;
-    transform: scale3d(0.8, 0.8, 0.8);
-  }
-}
-
 @keyframes pulse {
   from {
     opacity: 1;
@@ -12295,23 +13060,6 @@ textarea.form-control-lg {
     transform: scale3d(0.8, 0.8, 0.8);
   }
 }
-@-webkit-keyframes tada {
-  0% {
-    transform: scale3d(1, 1, 1);
-  }
-  10%, 5% {
-    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -5deg);
-  }
-  15%, 25%, 35%, 45% {
-    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 5deg);
-  }
-  20%, 30%, 40% {
-    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -5deg);
-  }
-  50% {
-    transform: scale3d(1, 1, 1);
-  }
-}
 @keyframes tada {
   0% {
     transform: scale3d(1, 1, 1);
@@ -12329,14 +13077,6 @@ textarea.form-control-lg {
     transform: scale3d(1, 1, 1);
   }
 }
-@-webkit-keyframes rotate-360 {
-  from {
-    transform: rotate(0deg);
-  }
-  to {
-    transform: rotate(360deg);
-  }
-}
 @keyframes rotate-360 {
   from {
     transform: rotate(0deg);
@@ -12345,17 +13085,6 @@ textarea.form-control-lg {
     transform: rotate(360deg);
   }
 }
-@-webkit-keyframes blink {
-  from {
-    opacity: 0;
-  }
-  50% {
-    opacity: 1;
-  }
-  to {
-    opacity: 0;
-  }
-}
 @keyframes blink {
   from {
     opacity: 0;
@@ -12530,9 +13259,9 @@ Navbar
     color: var(--tblr-disabled-color);
   }
   .theme-dark .navbar .navbar-nav .show > .nav-link,
-.theme-dark .navbar .navbar-nav .active > .nav-link,
-.theme-dark .navbar .navbar-nav .nav-link.show,
-.theme-dark .navbar .navbar-nav .nav-link.active {
+  .theme-dark .navbar .navbar-nav .active > .nav-link,
+  .theme-dark .navbar .navbar-nav .nav-link.show,
+  .theme-dark .navbar .navbar-nav .nav-link.active {
     color: #ffffff;
   }
   .theme-dark .navbar .navbar-toggler {
@@ -12543,8 +13272,8 @@ Navbar
     color: rgba(255, 255, 255, 0.7);
   }
   .theme-dark .navbar .navbar-text a,
-.theme-dark .navbar .navbar-text a:hover,
-.theme-dark .navbar .navbar-text a:focus {
+  .theme-dark .navbar .navbar-text a:hover,
+  .theme-dark .navbar .navbar-text a:focus {
     color: rgba(255, 255, 255, 0.7);
   }
   .theme-dark .navbar::-webkit-scrollbar {
@@ -12599,9 +13328,9 @@ Navbar
       color: var(--tblr-disabled-color);
     }
     .theme-dark-auto .navbar .navbar-nav .show > .nav-link,
-.theme-dark-auto .navbar .navbar-nav .active > .nav-link,
-.theme-dark-auto .navbar .navbar-nav .nav-link.show,
-.theme-dark-auto .navbar .navbar-nav .nav-link.active {
+    .theme-dark-auto .navbar .navbar-nav .active > .nav-link,
+    .theme-dark-auto .navbar .navbar-nav .nav-link.show,
+    .theme-dark-auto .navbar .navbar-nav .nav-link.active {
       color: #ffffff;
     }
     .theme-dark-auto .navbar .navbar-toggler {
@@ -12612,8 +13341,8 @@ Navbar
       color: rgba(255, 255, 255, 0.7);
     }
     .theme-dark-auto .navbar .navbar-text a,
-.theme-dark-auto .navbar .navbar-text a:hover,
-.theme-dark-auto .navbar .navbar-text a:focus {
+    .theme-dark-auto .navbar .navbar-text a:hover,
+    .theme-dark-auto .navbar .navbar-text a:focus {
       color: rgba(255, 255, 255, 0.7);
     }
     .theme-dark-auto .navbar::-webkit-scrollbar {
@@ -12740,11 +13469,11 @@ Navbar
     flex: 1 1 auto;
   }
   .navbar-expand-sm.navbar-light .nav-item.active,
-.navbar-expand-sm .navbar-light .nav-item.active {
+  .navbar-expand-sm .navbar-light .nav-item.active {
     position: relative;
   }
   .navbar-expand-sm.navbar-light .nav-item.active:after,
-.navbar-expand-sm .navbar-light .nav-item.active:after {
+  .navbar-expand-sm .navbar-light .nav-item.active:after {
     content: "";
     position: absolute;
     left: 0;
@@ -12760,11 +13489,11 @@ Navbar
     box-shadow: inset calc(1 * var(--tblr-navbar-border-width)) 0 0 0 var(--tblr-navbar-border-color);
   }
   .navbar-expand-sm.navbar-vertical ~ .navbar,
-.navbar-expand-sm.navbar-vertical ~ .page-wrapper {
+  .navbar-expand-sm.navbar-vertical ~ .page-wrapper {
     margin-left: 15rem;
   }
   .navbar-expand-sm.navbar-vertical.navbar-right ~ .navbar,
-.navbar-expand-sm.navbar-vertical.navbar-right ~ .page-wrapper {
+  .navbar-expand-sm.navbar-vertical.navbar-right ~ .page-wrapper {
     margin-left: 0;
     margin-right: 15rem;
   }
@@ -12832,11 +13561,11 @@ Navbar
     flex: 1 1 auto;
   }
   .navbar-expand-md.navbar-light .nav-item.active,
-.navbar-expand-md .navbar-light .nav-item.active {
+  .navbar-expand-md .navbar-light .nav-item.active {
     position: relative;
   }
   .navbar-expand-md.navbar-light .nav-item.active:after,
-.navbar-expand-md .navbar-light .nav-item.active:after {
+  .navbar-expand-md .navbar-light .nav-item.active:after {
     content: "";
     position: absolute;
     left: 0;
@@ -12852,11 +13581,11 @@ Navbar
     box-shadow: inset calc(1 * var(--tblr-navbar-border-width)) 0 0 0 var(--tblr-navbar-border-color);
   }
   .navbar-expand-md.navbar-vertical ~ .navbar,
-.navbar-expand-md.navbar-vertical ~ .page-wrapper {
+  .navbar-expand-md.navbar-vertical ~ .page-wrapper {
     margin-left: 15rem;
   }
   .navbar-expand-md.navbar-vertical.navbar-right ~ .navbar,
-.navbar-expand-md.navbar-vertical.navbar-right ~ .page-wrapper {
+  .navbar-expand-md.navbar-vertical.navbar-right ~ .page-wrapper {
     margin-left: 0;
     margin-right: 15rem;
   }
@@ -12924,11 +13653,11 @@ Navbar
     flex: 1 1 auto;
   }
   .navbar-expand-lg.navbar-light .nav-item.active,
-.navbar-expand-lg .navbar-light .nav-item.active {
+  .navbar-expand-lg .navbar-light .nav-item.active {
     position: relative;
   }
   .navbar-expand-lg.navbar-light .nav-item.active:after,
-.navbar-expand-lg .navbar-light .nav-item.active:after {
+  .navbar-expand-lg .navbar-light .nav-item.active:after {
     content: "";
     position: absolute;
     left: 0;
@@ -12944,11 +13673,11 @@ Navbar
     box-shadow: inset calc(1 * var(--tblr-navbar-border-width)) 0 0 0 var(--tblr-navbar-border-color);
   }
   .navbar-expand-lg.navbar-vertical ~ .navbar,
-.navbar-expand-lg.navbar-vertical ~ .page-wrapper {
+  .navbar-expand-lg.navbar-vertical ~ .page-wrapper {
     margin-left: 15rem;
   }
   .navbar-expand-lg.navbar-vertical.navbar-right ~ .navbar,
-.navbar-expand-lg.navbar-vertical.navbar-right ~ .page-wrapper {
+  .navbar-expand-lg.navbar-vertical.navbar-right ~ .page-wrapper {
     margin-left: 0;
     margin-right: 15rem;
   }
@@ -13016,11 +13745,11 @@ Navbar
     flex: 1 1 auto;
   }
   .navbar-expand-xl.navbar-light .nav-item.active,
-.navbar-expand-xl .navbar-light .nav-item.active {
+  .navbar-expand-xl .navbar-light .nav-item.active {
     position: relative;
   }
   .navbar-expand-xl.navbar-light .nav-item.active:after,
-.navbar-expand-xl .navbar-light .nav-item.active:after {
+  .navbar-expand-xl .navbar-light .nav-item.active:after {
     content: "";
     position: absolute;
     left: 0;
@@ -13036,11 +13765,11 @@ Navbar
     box-shadow: inset calc(1 * var(--tblr-navbar-border-width)) 0 0 0 var(--tblr-navbar-border-color);
   }
   .navbar-expand-xl.navbar-vertical ~ .navbar,
-.navbar-expand-xl.navbar-vertical ~ .page-wrapper {
+  .navbar-expand-xl.navbar-vertical ~ .page-wrapper {
     margin-left: 15rem;
   }
   .navbar-expand-xl.navbar-vertical.navbar-right ~ .navbar,
-.navbar-expand-xl.navbar-vertical.navbar-right ~ .page-wrapper {
+  .navbar-expand-xl.navbar-vertical.navbar-right ~ .page-wrapper {
     margin-left: 0;
     margin-right: 15rem;
   }
@@ -13108,11 +13837,11 @@ Navbar
     flex: 1 1 auto;
   }
   .navbar-expand-xxl.navbar-light .nav-item.active,
-.navbar-expand-xxl .navbar-light .nav-item.active {
+  .navbar-expand-xxl .navbar-light .nav-item.active {
     position: relative;
   }
   .navbar-expand-xxl.navbar-light .nav-item.active:after,
-.navbar-expand-xxl .navbar-light .nav-item.active:after {
+  .navbar-expand-xxl .navbar-light .nav-item.active:after {
     content: "";
     position: absolute;
     left: 0;
@@ -13128,11 +13857,11 @@ Navbar
     box-shadow: inset calc(1 * var(--tblr-navbar-border-width)) 0 0 0 var(--tblr-navbar-border-color);
   }
   .navbar-expand-xxl.navbar-vertical ~ .navbar,
-.navbar-expand-xxl.navbar-vertical ~ .page-wrapper {
+  .navbar-expand-xxl.navbar-vertical ~ .page-wrapper {
     margin-left: 15rem;
   }
   .navbar-expand-xxl.navbar-vertical.navbar-right ~ .navbar,
-.navbar-expand-xxl.navbar-vertical.navbar-right ~ .page-wrapper {
+  .navbar-expand-xxl.navbar-vertical.navbar-right ~ .page-wrapper {
     margin-left: 0;
     margin-right: 15rem;
   }
@@ -14379,15 +15108,15 @@ body:not(.theme-dark) .hide-theme-light {
     color: #f8fafc !important;
   }
   .theme-dark .card,
-.theme-dark .card-footer,
-.theme-dark .card-stacked::after,
-.theme-dark .footer:not(.footer-transparent),
-.theme-dark .modal-content,
-.theme-dark .modal-header,
-.theme-dark .dropdown-menu,
-.theme-dark .toast,
-.theme-dark .toast-header,
-.theme-dark .alert:not(.alert-important) {
+  .theme-dark .card-footer,
+  .theme-dark .card-stacked::after,
+  .theme-dark .footer:not(.footer-transparent),
+  .theme-dark .modal-content,
+  .theme-dark .modal-header,
+  .theme-dark .dropdown-menu,
+  .theme-dark .toast,
+  .theme-dark .toast-header,
+  .theme-dark .alert:not(.alert-important) {
     background-color: var(--tblr-bg-surface);
     color: inherit;
   }
@@ -14406,10 +15135,10 @@ body:not(.theme-dark) .hide-theme-light {
     color: inherit;
   }
   .theme-dark .form-check-input:not(:checked),
-.theme-dark .form-select,
-.theme-dark .form-file-text,
-.theme-dark .form-control,
-.theme-dark .form-selectgroup-check {
+  .theme-dark .form-select,
+  .theme-dark .form-file-text,
+  .theme-dark .form-control,
+  .theme-dark .form-selectgroup-check {
     background-color: #1a2234;
     color: #f8fafc;
     border-color: #243049;
@@ -14430,12 +15159,12 @@ body:not(.theme-dark) .hide-theme-light {
     --tblr-avatar-bg: #202c42;
   }
   .theme-dark .markdown,
-.theme-dark .markdown > *,
-.theme-dark .accordion-button {
+  .theme-dark .markdown > *,
+  .theme-dark .accordion-button {
     color: inherit;
   }
   .theme-dark .btn-close,
-.theme-dark .accordion-button:after {
+  .theme-dark .accordion-button:after {
     filter: invert(1) grayscale(100%) brightness(200%);
   }
   .theme-dark .apexcharts-text {
@@ -14451,7 +15180,7 @@ body:not(.theme-dark) .hide-theme-light {
     filter: brightness(0) invert(1);
   }
   .theme-dark .table thead th, .theme-dark .markdown > table thead th,
-.theme-dark .input-group-text {
+  .theme-dark .input-group-text {
     background: transparent;
   }
   .theme-dark .list-group-header {
@@ -14467,11 +15196,11 @@ body:not(.theme-dark) .hide-theme-light {
     stroke: #243049;
   }
   .theme-dark .form-control.is-invalid,
-.theme-dark .was-validated .form-control:invalid {
+  .theme-dark .was-validated .form-control:invalid {
     border-color: var(--tblr-danger);
   }
   .theme-dark .form-control.is-valid,
-.theme-dark .was-validated .form-control:valid {
+  .theme-dark .was-validated .form-control:valid {
     border-color: var(--tblr-success);
   }
 }
@@ -14514,15 +15243,15 @@ body:not(.theme-dark) .hide-theme-light {
       color: #f8fafc !important;
     }
     .theme-dark-auto .card,
-.theme-dark-auto .card-footer,
-.theme-dark-auto .card-stacked::after,
-.theme-dark-auto .footer:not(.footer-transparent),
-.theme-dark-auto .modal-content,
-.theme-dark-auto .modal-header,
-.theme-dark-auto .dropdown-menu,
-.theme-dark-auto .toast,
-.theme-dark-auto .toast-header,
-.theme-dark-auto .alert:not(.alert-important) {
+    .theme-dark-auto .card-footer,
+    .theme-dark-auto .card-stacked::after,
+    .theme-dark-auto .footer:not(.footer-transparent),
+    .theme-dark-auto .modal-content,
+    .theme-dark-auto .modal-header,
+    .theme-dark-auto .dropdown-menu,
+    .theme-dark-auto .toast,
+    .theme-dark-auto .toast-header,
+    .theme-dark-auto .alert:not(.alert-important) {
       background-color: var(--tblr-bg-surface);
       color: inherit;
     }
@@ -14541,10 +15270,10 @@ body:not(.theme-dark) .hide-theme-light {
       color: inherit;
     }
     .theme-dark-auto .form-check-input:not(:checked),
-.theme-dark-auto .form-select,
-.theme-dark-auto .form-file-text,
-.theme-dark-auto .form-control,
-.theme-dark-auto .form-selectgroup-check {
+    .theme-dark-auto .form-select,
+    .theme-dark-auto .form-file-text,
+    .theme-dark-auto .form-control,
+    .theme-dark-auto .form-selectgroup-check {
       background-color: #1a2234;
       color: #f8fafc;
       border-color: #243049;
@@ -14565,12 +15294,12 @@ body:not(.theme-dark) .hide-theme-light {
       --tblr-avatar-bg: #202c42;
     }
     .theme-dark-auto .markdown,
-.theme-dark-auto .markdown > *,
-.theme-dark-auto .accordion-button {
+    .theme-dark-auto .markdown > *,
+    .theme-dark-auto .accordion-button {
       color: inherit;
     }
     .theme-dark-auto .btn-close,
-.theme-dark-auto .accordion-button:after {
+    .theme-dark-auto .accordion-button:after {
       filter: invert(1) grayscale(100%) brightness(200%);
     }
     .theme-dark-auto .apexcharts-text {
@@ -14586,7 +15315,7 @@ body:not(.theme-dark) .hide-theme-light {
       filter: brightness(0) invert(1);
     }
     .theme-dark-auto .table thead th, .theme-dark-auto .markdown > table thead th,
-.theme-dark-auto .input-group-text {
+    .theme-dark-auto .input-group-text {
       background: transparent;
     }
     .theme-dark-auto .list-group-header {
@@ -14602,11 +15331,11 @@ body:not(.theme-dark) .hide-theme-light {
       stroke: #243049;
     }
     .theme-dark-auto .form-control.is-invalid,
-.theme-dark-auto .was-validated .form-control:invalid {
+    .theme-dark-auto .was-validated .form-control:invalid {
       border-color: var(--tblr-danger);
     }
     .theme-dark-auto .form-control.is-valid,
-.theme-dark-auto .was-validated .form-control:valid {
+    .theme-dark-auto .was-validated .form-control:valid {
       border-color: var(--tblr-success);
     }
   }
@@ -15030,26 +15759,45 @@ a.badge {
 }
 
 .badge-blink {
-  -webkit-animation: blink 2s infinite;
-          animation: blink 2s infinite;
+  animation: blink 2s infinite;
 }
 
 .breadcrumb {
+  --tblr-breadcrumb-item-active-font-weight: var(--tblr-font-weight-bold);
+  --tblr-breadcrumb-item-disabled-color: var(--tblr-disabled-color);
+  --tblr-breadcrumb-link-color: var(--tblr-link-color);
   padding: 0;
   margin: 0;
   background: transparent;
 }
 .breadcrumb a {
-  color: var(--tblr-muted);
+  color: var(--tblr-breadcrumb-link-color);
 }
 .breadcrumb a:hover {
   text-decoration: underline;
 }
 
+.breadcrumb-muted {
+  --tblr-breadcrumb-link-color: var(--tblr-muted);
+}
+
+.breadcrumb-item.active {
+  font-weight: var(--tblr-breadcrumb-item-active-font-weight);
+}
 .breadcrumb-item.active a {
   color: inherit;
   pointer-events: none;
 }
+.breadcrumb-item.disabled {
+  color: var(--tblr-breadcrumb-item-disabled-color);
+}
+.breadcrumb-item.disabled:before {
+  color: inherit;
+}
+.breadcrumb-item.disabled a {
+  color: inherit;
+  pointer-events: none;
+}
 
 .breadcrumb-dots {
   --tblr-breadcrumb-divider: "·";
@@ -15068,9 +15816,12 @@ a.badge {
   --tblr-btn-bg: var(--tblr-bg-surface);
   --tblr-btn-color: var(--tblr-body-color);
   --tblr-btn-border-color: var(--tblr-border-color);
-  --tblr-btn-hover-bg: var(--tblr-bg-surface);
+  --tblr-btn-hover-bg: var(--tblr-btn-bg);
   --tblr-btn-hover-border-color: var(--tblr-border-color-active);
   --tblr-btn-box-shadow: var(--tblr-shadow-button);
+  --tblr-btn-active-color: var(--tblr-primary);
+  --tblr-btn-active-bg: rgba(var(--tblr-primary-rgb), 0.04);
+  --tblr-btn-active-border-color: var(--tblr-primary);
   display: inline-flex;
   align-items: center;
   justify-content: center;
@@ -15096,6 +15847,11 @@ a.badge {
 .btn .badge {
   top: auto;
 }
+.btn-check + .btn:hover {
+  color: var(--tblr-btn-hover-color);
+  background-color: var(--tblr-btn-hover-bg);
+  border-color: var(--tblr-btn-hover-border-color);
+}
 
 .btn-link {
   color: var(--tblr-primary);
@@ -16837,8 +17593,7 @@ a.badge {
   height: var(--tblr-btn-icon-size);
   left: calc(50% - var(--tblr-btn-icon-size) / 2);
   top: calc(50% - var(--tblr-btn-icon-size) / 2);
-  -webkit-animation: spinner-border 0.75s linear infinite;
-          animation: spinner-border 0.75s linear infinite;
+  animation: spinner-border 0.75s linear infinite;
 }
 
 .btn-action {
@@ -16879,6 +17634,23 @@ a.badge {
   display: flex;
 }
 
+.btn-group > .btn-check:checked + .btn,
+.btn-group > .btn:active,
+.btn-group > .btn.active,
+.btn-group-vertical > .btn-check:checked + .btn,
+.btn-group-vertical > .btn:active,
+.btn-group-vertical > .btn.active {
+  z-index: 5;
+}
+.btn-group > .btn-check:focus + .btn,
+.btn-group > .btn:hover,
+.btn-group > .btn:focus,
+.btn-group-vertical > .btn-check:focus + .btn,
+.btn-group-vertical > .btn:hover,
+.btn-group-vertical > .btn:focus {
+  z-index: 1;
+}
+
 .calendar {
   display: block;
   font-size: 0.765625rem;
@@ -17159,7 +17931,7 @@ a.card:hover {
 }
 .card-btn:hover {
   text-decoration: none;
-  background: var(--tblr-gray-100);
+  background: rgba(var(--tblr-primary-rgb), 0.04);
 }
 .card-btn + .card-btn {
   border-left: var(--tblr-border-width) var(--tblr-border-style) var(--tblr-border-color);
@@ -17767,12 +18539,12 @@ Card list group
 
 @media (max-width: 991.98px) {
   .container,
-.container-fluid,
-.container-sm,
-.container-md,
-.container-lg,
-.container-xl,
-.container-xxl {
+  .container-fluid,
+  .container-sm,
+  .container-md,
+  .container-lg,
+  .container-xl,
+  .container-xxl {
     --tblr-gutter-x: 1rem;
   }
 }
@@ -18142,59 +18914,74 @@ Card list group
 
 .icon-pulse {
   transition: all 0.15s ease 0s;
-  -webkit-animation: pulse 2s ease infinite;
-          animation: pulse 2s ease infinite;
-  -webkit-animation-fill-mode: both;
-          animation-fill-mode: both;
+  animation: pulse 2s ease infinite;
+  animation-fill-mode: both;
 }
 
 .icon-tada {
   transition: all 0.15s ease 0s;
-  -webkit-animation: tada 3s ease infinite;
-          animation: tada 3s ease infinite;
-  -webkit-animation-fill-mode: both;
-          animation-fill-mode: both;
+  animation: tada 3s ease infinite;
+  animation-fill-mode: both;
 }
 
 .icon-rotate {
   transition: all 0.15s ease 0s;
-  -webkit-animation: rotate-360 3s linear infinite;
-          animation: rotate-360 3s linear infinite;
-  -webkit-animation-fill-mode: both;
-          animation-fill-mode: both;
+  animation: rotate-360 3s linear infinite;
+  animation-fill-mode: both;
 }
 
 .img-responsive {
+  --tblr-img-responsive-ratio: 75%;
   background: no-repeat center/cover;
-  padding-top: 75%;
+  padding-top: var(--tblr-img-responsive-ratio);
+}
+
+.img-responsive-grid {
+  padding-top: calc(var(--tblr-img-responsive-ratio) - var(--tblr-gutter-y) / 2);
 }
 
 .img-responsive-1x1 {
-  padding-top: 100%;
+  --tblr-img-responsive-ratio: 100%;
+}
+
+.img-responsive-2x1 {
+  --tblr-img-responsive-ratio: 50%;
+}
+
+.img-responsive-1x2 {
+  --tblr-img-responsive-ratio: 200%;
+}
+
+.img-responsive-3x1 {
+  --tblr-img-responsive-ratio: 33.3333333333%;
+}
+
+.img-responsive-1x3 {
+  --tblr-img-responsive-ratio: 300%;
 }
 
 .img-responsive-4x3 {
-  padding-top: 75%;
+  --tblr-img-responsive-ratio: 75%;
 }
 
 .img-responsive-3x4 {
-  padding-top: 133.3333333333%;
+  --tblr-img-responsive-ratio: 133.3333333333%;
 }
 
 .img-responsive-16x9 {
-  padding-top: 56.25%;
+  --tblr-img-responsive-ratio: 56.25%;
 }
 
 .img-responsive-9x16 {
-  padding-top: 177.7777777778%;
+  --tblr-img-responsive-ratio: 177.7777777778%;
 }
 
 .img-responsive-21x9 {
-  padding-top: 42.8571428571%;
+  --tblr-img-responsive-ratio: 42.8571428571%;
 }
 
 .img-responsive-9x21 {
-  padding-top: 233.3333333333%;
+  --tblr-img-responsive-ratio: 233.3333333333%;
 }
 
 textarea[cols] {
@@ -18266,18 +19053,6 @@ Form control
 .form-control[size] {
   width: auto;
 }
-.form-control[type=number]::-webkit-inner-spin-button {
-  opacity: 1;
-  cursor: pointer;
-  height: calc(calc(1.4285714286em + 0.875rem + 2px) - 1px);
-  margin: 0 -0.75rem 0 0;
-}
-.form-control[type=number]::-moz-inner-spin-button {
-  opacity: 1;
-  cursor: pointer;
-  height: calc(calc(1.4285714286em + 0.875rem + 2px) - 1px);
-  margin: 0 -0.75rem 0 0;
-}
 
 .form-control-light {
   background-color: #f1f5f9;
@@ -18501,7 +19276,7 @@ Color Input
   box-shadow: 0 0 0 0.25rem rgba(32, 107, 196, 0.25);
 }
 .form-colorinput-light .form-colorinput-color:before {
-  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' width='16' height='16'%3e%3cpath fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 8.5l2.5 2.5l5.5 -5.5'/%3e%3c/svg%3e");
+  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' width='16' height='16'%3e%3cpath fill='none' stroke='%231d273b' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 8.5l2.5 2.5l5.5 -5.5'/%3e%3c/svg%3e");
 }
 
 /**
@@ -18648,7 +19423,7 @@ Select group
 .form-selectgroup-label {
   position: relative;
   display: block;
-  min-width: calc(1.4285714286em + 0.875rem + 2px);
+  min-width: calc(1.4285714286em + 0.875rem + calc(var(--tblr-border-width) * 2));
   margin: 0;
   padding: 0.4375rem 0.75rem;
   font-size: 0.875rem;
@@ -19100,10 +19875,8 @@ Inline list
   border-top-color: currentColor;
   border-left-color: currentColor;
   border-radius: 100rem;
-  -webkit-animation: rotate-360 0.6s linear;
-          animation: rotate-360 0.6s linear;
-  -webkit-animation-iteration-count: infinite;
-          animation-iteration-count: infinite;
+  animation: rotate-360 0.6s linear;
+  animation-iteration-count: infinite;
 }
 
 /**
@@ -19129,12 +19902,6 @@ Dimmer
   opacity: 0.1;
 }
 
-@-webkit-keyframes animated-dots {
-  0% {
-    transform: translateX(-100%);
-  }
-}
-
 @keyframes animated-dots {
   0% {
     transform: translateX(-100%);
@@ -19148,8 +19915,7 @@ Dimmer
 .animated-dots:after {
   display: inline-block;
   content: "...";
-  -webkit-animation: animated-dots 1.2s steps(4, jump-none) infinite;
-          animation: animated-dots 1.2s steps(4, jump-none) infinite;
+  animation: animated-dots 1.2s steps(4, jump-none) infinite;
 }
 
 .modal-content .btn-close {
@@ -19384,18 +20150,7 @@ Dimmer
   color: var(--tblr-disabled-color);
 }
 
-@-webkit-keyframes progress-indeterminate {
-  0% {
-    right: 100%;
-    left: -35%;
-  }
-  100%, 60% {
-    right: -90%;
-    left: 100%;
-  }
-}
-
-@keyframes progress-indeterminate {
+@keyframes progress-indeterminate {
   0% {
     right: 100%;
     left: -35%;
@@ -19451,8 +20206,7 @@ Progress bar
   will-change: left, right;
 }
 .progress-bar-indeterminate:before {
-  -webkit-animation: progress-indeterminate 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite;
-          animation: progress-indeterminate 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite;
+  animation: progress-indeterminate 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite;
 }
 
 .progress-separated .progress-bar {
@@ -19735,139 +20489,64 @@ Markdown
 }
 
 .steps {
+  --tblr-steps-color: var(--tblr-primary);
+  --tblr-steps-inactive-color: var(--tblr-border-color);
+  --tblr-steps-dot-size: .5rem;
+  --tblr-steps-border-width: 2px;
   display: flex;
   flex-wrap: nowrap;
   width: 100%;
   padding: 0;
-  margin: 2rem 0;
+  margin: 0;
   list-style: none;
 }
-.steps .step-item {
-  padding-top: calc(0.5rem + 4px);
-}
-.steps .step-item:after {
-  top: calc(0.25rem + 2px);
-  height: 2px;
-}
-.steps .step-item:before {
-  width: 0.5rem;
-  height: 0.5rem;
-}
-.steps .step-item:after, .steps .step-item:before {
-  color: #ffffff;
-  background: var(--tblr-primary);
-}
-.steps .step-item.active:before {
-  color: inherit;
-  border-color: var(--tblr-primary);
-}
 
-.steps-blue .step-item:after, .steps-blue .step-item:before {
-  color: #ffffff;
-  background: #206bc4;
-}
-.steps-blue .step-item.active:before {
-  color: inherit;
-  border-color: #206bc4;
+.steps-blue {
+  --tblr-steps-color: var(--tblr-blue);
 }
 
-.steps-azure .step-item:after, .steps-azure .step-item:before {
-  color: #ffffff;
-  background: #4299e1;
-}
-.steps-azure .step-item.active:before {
-  color: inherit;
-  border-color: #4299e1;
+.steps-azure {
+  --tblr-steps-color: var(--tblr-azure);
 }
 
-.steps-indigo .step-item:after, .steps-indigo .step-item:before {
-  color: #ffffff;
-  background: #4263eb;
-}
-.steps-indigo .step-item.active:before {
-  color: inherit;
-  border-color: #4263eb;
+.steps-indigo {
+  --tblr-steps-color: var(--tblr-indigo);
 }
 
-.steps-purple .step-item:after, .steps-purple .step-item:before {
-  color: #ffffff;
-  background: #ae3ec9;
-}
-.steps-purple .step-item.active:before {
-  color: inherit;
-  border-color: #ae3ec9;
+.steps-purple {
+  --tblr-steps-color: var(--tblr-purple);
 }
 
-.steps-pink .step-item:after, .steps-pink .step-item:before {
-  color: #ffffff;
-  background: #d6336c;
-}
-.steps-pink .step-item.active:before {
-  color: inherit;
-  border-color: #d6336c;
+.steps-pink {
+  --tblr-steps-color: var(--tblr-pink);
 }
 
-.steps-red .step-item:after, .steps-red .step-item:before {
-  color: #ffffff;
-  background: #d63939;
-}
-.steps-red .step-item.active:before {
-  color: inherit;
-  border-color: #d63939;
+.steps-red {
+  --tblr-steps-color: var(--tblr-red);
 }
 
-.steps-orange .step-item:after, .steps-orange .step-item:before {
-  color: #ffffff;
-  background: #f76707;
-}
-.steps-orange .step-item.active:before {
-  color: inherit;
-  border-color: #f76707;
+.steps-orange {
+  --tblr-steps-color: var(--tblr-orange);
 }
 
-.steps-yellow .step-item:after, .steps-yellow .step-item:before {
-  color: #ffffff;
-  background: #f59f00;
-}
-.steps-yellow .step-item.active:before {
-  color: inherit;
-  border-color: #f59f00;
+.steps-yellow {
+  --tblr-steps-color: var(--tblr-yellow);
 }
 
-.steps-lime .step-item:after, .steps-lime .step-item:before {
-  color: #ffffff;
-  background: #74b816;
-}
-.steps-lime .step-item.active:before {
-  color: inherit;
-  border-color: #74b816;
+.steps-lime {
+  --tblr-steps-color: var(--tblr-lime);
 }
 
-.steps-green .step-item:after, .steps-green .step-item:before {
-  color: #ffffff;
-  background: #2fb344;
-}
-.steps-green .step-item.active:before {
-  color: inherit;
-  border-color: #2fb344;
+.steps-green {
+  --tblr-steps-color: var(--tblr-green);
 }
 
-.steps-teal .step-item:after, .steps-teal .step-item:before {
-  color: #ffffff;
-  background: #0ca678;
-}
-.steps-teal .step-item.active:before {
-  color: inherit;
-  border-color: #0ca678;
+.steps-teal {
+  --tblr-steps-color: var(--tblr-teal);
 }
 
-.steps-cyan .step-item:after, .steps-cyan .step-item:before {
-  color: #ffffff;
-  background: #17a2b8;
-}
-.steps-cyan .step-item.active:before {
-  color: inherit;
-  border-color: #17a2b8;
+.steps-cyan {
+  --tblr-steps-color: var(--tblr-cyan);
 }
 
 .step-item {
@@ -19878,6 +20557,7 @@ Markdown
   color: inherit;
   text-align: center;
   cursor: default;
+  padding-top: calc(var(--tblr-steps-dot-size));
 }
 a.step-item {
   cursor: pointer;
@@ -19886,74 +20566,89 @@ a.step-item:hover {
   color: inherit;
 }
 
-.step-item:not(:first-child):after {
+.step-item:after, .step-item:before {
+  background: var(--tblr-steps-color);
+}
+.step-item:not(:last-child):after {
   position: absolute;
-  left: -50%;
+  left: 50%;
   width: 100%;
   content: "";
   transform: translateY(-50%);
 }
+.step-item:after {
+  top: calc(var(--tblr-steps-dot-size) * 0.5);
+  height: var(--tblr-steps-border-width);
+}
 .step-item:before {
+  content: "";
   position: absolute;
   top: 0;
   left: 50%;
   z-index: 1;
   box-sizing: content-box;
-  display: block;
-  content: "";
-  border: 2px var(--tblr-border-style) var(--tblr-bg-surface);
+  display: flex;
+  align-items: center;
+  justify-content: center;
   border-radius: 100rem;
   transform: translateX(-50%);
+  color: var(--tblr-white);
+  width: var(--tblr-steps-dot-size);
+  height: var(--tblr-steps-dot-size);
 }
 .step-item.active {
   font-weight: var(--tblr-font-weight-bold);
 }
-.step-item.active:before {
-  background: var(--tblr-bg-surface);
+.step-item.active:after {
+  background: var(--tblr-steps-inactive-color);
 }
 .step-item.active ~ .step-item {
-  color: var(--tblr-muted);
+  color: var(--tblr-disabled-color);
 }
 .step-item.active ~ .step-item:after, .step-item.active ~ .step-item:before {
-  background: #f3f5f5;
-}
-.step-item.active ~ .step-item:before {
-  color: var(--tblr-muted) !important;
+  background: var(--tblr-steps-inactive-color);
 }
 
 .steps-counter {
+  --tblr-steps-dot-size: 1.5rem;
   counter-reset: steps;
 }
-.steps-counter .step-item {
-  padding-top: calc(1.5rem + 4px);
-}
-.steps-counter .step-item:after {
-  top: calc(0.75rem + 2px);
-  height: 2px;
-}
-.steps-counter .step-item:before {
-  width: 1.5rem;
-  height: 1.5rem;
-}
 .steps-counter .step-item {
   counter-increment: steps;
 }
 .steps-counter .step-item:before {
-  font-size: 0.75rem;
-  line-height: 1.5rem;
   content: counter(steps);
 }
-.steps-counter .step-item.active ~ .step-item:before {
-  background: #ffffff;
-}
 
-@-webkit-keyframes status-pulsate-main {
-  40% {
-    transform: scale(1.25, 1.25);
-  }
-  60% {
-    transform: scale(1.25, 1.25);
-  }
+.steps-vertical {
+  --tblr-steps-dot-offset: 6px;
+  flex-direction: column;
+}
+.steps-vertical.steps-counter {
+  --tblr-steps-dot-offset: -2px;
+}
+.steps-vertical .step-item {
+  text-align: left;
+  padding-top: 0;
+  padding-left: calc(var(--tblr-steps-dot-size) + 1rem);
+  min-height: auto;
+}
+.steps-vertical .step-item:not(:first-child) {
+  margin-top: 1rem;
+}
+.steps-vertical .step-item:before {
+  top: var(--tblr-steps-dot-offset);
+  left: 0;
+  transform: translate(0, 0);
+}
+.steps-vertical .step-item:not(:last-child):after {
+  position: absolute;
+  content: "";
+  transform: translateX(-50%);
+  top: var(--tblr-steps-dot-offset);
+  left: calc(var(--tblr-steps-dot-size) * 0.5);
+  width: var(--tblr-steps-border-width);
+  height: calc(100% + 1rem);
 }
 
 @keyframes status-pulsate-main {
@@ -19964,20 +20659,6 @@ a.step-item:hover {
     transform: scale(1.25, 1.25);
   }
 }
-@-webkit-keyframes status-pulsate-secondary {
-  10% {
-    transform: scale(1, 1);
-  }
-  30% {
-    transform: scale(3, 3);
-  }
-  80% {
-    transform: scale(3, 3);
-  }
-  100% {
-    transform: scale(1, 1);
-  }
-}
 @keyframes status-pulsate-secondary {
   10% {
     transform: scale(1, 1);
@@ -19992,19 +20673,6 @@ a.step-item:hover {
     transform: scale(1, 1);
   }
 }
-@-webkit-keyframes status-pulsate-tertiary {
-  25% {
-    transform: scale(1, 1);
-  }
-  80% {
-    transform: scale(3, 3);
-    opacity: 0;
-  }
-  100% {
-    transform: scale(3, 3);
-    opacity: 0;
-  }
-}
 @keyframes status-pulsate-tertiary {
   25% {
     transform: scale(1, 1);
@@ -20249,8 +20917,7 @@ a.step-item:hover {
   background: inherit;
   border-radius: inherit;
   opacity: 0.6;
-  -webkit-animation: 1s linear 2s backwards infinite status-pulsate-tertiary;
-          animation: 1s linear 2s backwards infinite status-pulsate-tertiary;
+  animation: 1s linear 2s backwards infinite status-pulsate-tertiary;
 }
 
 .status-indicator {
@@ -20286,16 +20953,13 @@ a.step-item:hover {
 }
 
 .status-indicator-animated .status-indicator-circle:nth-child(1) {
-  -webkit-animation: 2s linear 1s infinite backwards status-pulsate-main;
-          animation: 2s linear 1s infinite backwards status-pulsate-main;
+  animation: 2s linear 1s infinite backwards status-pulsate-main;
 }
 .status-indicator-animated .status-indicator-circle:nth-child(2) {
-  -webkit-animation: 2s linear 1s infinite backwards status-pulsate-secondary;
-          animation: 2s linear 1s infinite backwards status-pulsate-secondary;
+  animation: 2s linear 1s infinite backwards status-pulsate-secondary;
 }
 .status-indicator-animated .status-indicator-circle:nth-child(3) {
-  -webkit-animation: 2s linear 1s infinite backwards status-pulsate-tertiary;
-          animation: 2s linear 1s infinite backwards status-pulsate-tertiary;
+  animation: 2s linear 1s infinite backwards status-pulsate-tertiary;
 }
 
 .switch-icon {
@@ -20350,7 +21014,7 @@ a.step-item:hover {
 }
 @media (prefers-reduced-motion: reduce) {
   .switch-icon-fade .switch-icon-a,
-.switch-icon-fade .switch-icon-b {
+  .switch-icon-fade .switch-icon-b {
     transition: none;
   }
 }
@@ -20361,7 +21025,7 @@ a.step-item:hover {
 }
 @media (prefers-reduced-motion: reduce) {
   .switch-icon-scale .switch-icon-a,
-.switch-icon-scale .switch-icon-b {
+  .switch-icon-scale .switch-icon-b {
     transition: none;
   }
 }
@@ -20374,7 +21038,7 @@ a.step-item:hover {
 }
 @media (prefers-reduced-motion: reduce) {
   .switch-icon-scale.active .switch-icon-a,
-.switch-icon-scale.active .switch-icon-b {
+  .switch-icon-scale.active .switch-icon-b {
     transition: none;
   }
 }
@@ -20394,7 +21058,7 @@ a.step-item:hover {
 }
 @media (prefers-reduced-motion: reduce) {
   .switch-icon-flip .switch-icon-a,
-.switch-icon-flip .switch-icon-b {
+  .switch-icon-flip .switch-icon-b {
     transition: none;
   }
 }
@@ -20433,13 +21097,13 @@ a.step-item:hover {
 }
 @media (prefers-reduced-motion: reduce) {
   .switch-icon-slide-up .switch-icon-a,
-.switch-icon-slide-up .switch-icon-b,
-.switch-icon-slide-left .switch-icon-a,
-.switch-icon-slide-left .switch-icon-b,
-.switch-icon-slide-right .switch-icon-a,
-.switch-icon-slide-right .switch-icon-b,
-.switch-icon-slide-down .switch-icon-a,
-.switch-icon-slide-down .switch-icon-b {
+  .switch-icon-slide-up .switch-icon-b,
+  .switch-icon-slide-left .switch-icon-a,
+  .switch-icon-slide-left .switch-icon-b,
+  .switch-icon-slide-right .switch-icon-a,
+  .switch-icon-slide-right .switch-icon-b,
+  .switch-icon-slide-down .switch-icon-a,
+  .switch-icon-slide-down .switch-icon-b {
     transition: none;
   }
 }
@@ -20757,7 +21421,7 @@ a.step-item:hover {
     display: none;
   }
   .table-mobile-sm tbody,
-.table-mobile-sm tr {
+  .table-mobile-sm tr {
     display: flex;
     flex-direction: column;
   }
@@ -20792,7 +21456,7 @@ a.step-item:hover {
     display: none;
   }
   .table-mobile-md tbody,
-.table-mobile-md tr {
+  .table-mobile-md tr {
     display: flex;
     flex-direction: column;
   }
@@ -20827,7 +21491,7 @@ a.step-item:hover {
     display: none;
   }
   .table-mobile-lg tbody,
-.table-mobile-lg tr {
+  .table-mobile-lg tr {
     display: flex;
     flex-direction: column;
   }
@@ -20862,7 +21526,7 @@ a.step-item:hover {
     display: none;
   }
   .table-mobile-xl tbody,
-.table-mobile-xl tr {
+  .table-mobile-xl tr {
     display: flex;
     flex-direction: column;
   }
@@ -20897,7 +21561,7 @@ a.step-item:hover {
     display: none;
   }
   .table-mobile-xxl tbody,
-.table-mobile-xxl tr {
+  .table-mobile-xxl tr {
     display: flex;
     flex-direction: column;
   }
@@ -21494,340 +22158,452 @@ Chart sparkline
 }
 
 .bg-primary {
-  background-color: var(--tblr-primary) !important;
+  --tblr-bg-opacity: 1;
+  background-color: rgba(var(--tblr-primary-rgb), var(--tblr-bg-opacity)) !important;
 }
 
 .bg-primary-lt {
-  color: var(--tblr-primary) !important;
-  background-color: rgba(var(--tblr-primary-rgb), 0.1) !important;
+  --tblr-bg-opacity: .1;
+  --tblr-text-opacity: 1;
+  color: rgba(var(--tblr-primary-rgb, var(--tblr-text-opacity))) !important;
+  background-color: rgba(var(--tblr-primary-rgb), var(--tblr-bg-opacity)) !important;
 }
 
 .bg-secondary {
-  background-color: var(--tblr-secondary) !important;
+  --tblr-bg-opacity: 1;
+  background-color: rgba(var(--tblr-secondary-rgb), var(--tblr-bg-opacity)) !important;
 }
 
 .bg-secondary-lt {
-  color: var(--tblr-secondary) !important;
-  background-color: rgba(var(--tblr-secondary-rgb), 0.1) !important;
+  --tblr-bg-opacity: .1;
+  --tblr-text-opacity: 1;
+  color: rgba(var(--tblr-secondary-rgb, var(--tblr-text-opacity))) !important;
+  background-color: rgba(var(--tblr-secondary-rgb), var(--tblr-bg-opacity)) !important;
 }
 
 .bg-success {
-  background-color: var(--tblr-success) !important;
+  --tblr-bg-opacity: 1;
+  background-color: rgba(var(--tblr-success-rgb), var(--tblr-bg-opacity)) !important;
 }
 
 .bg-success-lt {
-  color: var(--tblr-success) !important;
-  background-color: rgba(var(--tblr-success-rgb), 0.1) !important;
+  --tblr-bg-opacity: .1;
+  --tblr-text-opacity: 1;
+  color: rgba(var(--tblr-success-rgb, var(--tblr-text-opacity))) !important;
+  background-color: rgba(var(--tblr-success-rgb), var(--tblr-bg-opacity)) !important;
 }
 
 .bg-info {
-  background-color: var(--tblr-info) !important;
+  --tblr-bg-opacity: 1;
+  background-color: rgba(var(--tblr-info-rgb), var(--tblr-bg-opacity)) !important;
 }
 
 .bg-info-lt {
-  color: var(--tblr-info) !important;
-  background-color: rgba(var(--tblr-info-rgb), 0.1) !important;
+  --tblr-bg-opacity: .1;
+  --tblr-text-opacity: 1;
+  color: rgba(var(--tblr-info-rgb, var(--tblr-text-opacity))) !important;
+  background-color: rgba(var(--tblr-info-rgb), var(--tblr-bg-opacity)) !important;
 }
 
 .bg-warning {
-  background-color: var(--tblr-warning) !important;
+  --tblr-bg-opacity: 1;
+  background-color: rgba(var(--tblr-warning-rgb), var(--tblr-bg-opacity)) !important;
 }
 
 .bg-warning-lt {
-  color: var(--tblr-warning) !important;
-  background-color: rgba(var(--tblr-warning-rgb), 0.1) !important;
+  --tblr-bg-opacity: .1;
+  --tblr-text-opacity: 1;
+  color: rgba(var(--tblr-warning-rgb, var(--tblr-text-opacity))) !important;
+  background-color: rgba(var(--tblr-warning-rgb), var(--tblr-bg-opacity)) !important;
 }
 
 .bg-danger {
-  background-color: var(--tblr-danger) !important;
+  --tblr-bg-opacity: 1;
+  background-color: rgba(var(--tblr-danger-rgb), var(--tblr-bg-opacity)) !important;
 }
 
 .bg-danger-lt {
-  color: var(--tblr-danger) !important;
-  background-color: rgba(var(--tblr-danger-rgb), 0.1) !important;
+  --tblr-bg-opacity: .1;
+  --tblr-text-opacity: 1;
+  color: rgba(var(--tblr-danger-rgb, var(--tblr-text-opacity))) !important;
+  background-color: rgba(var(--tblr-danger-rgb), var(--tblr-bg-opacity)) !important;
 }
 
 .bg-light {
-  background-color: var(--tblr-light) !important;
+  --tblr-bg-opacity: 1;
+  background-color: rgba(var(--tblr-light-rgb), var(--tblr-bg-opacity)) !important;
 }
 
 .bg-light-lt {
-  color: var(--tblr-light) !important;
-  background-color: rgba(var(--tblr-light-rgb), 0.1) !important;
+  --tblr-bg-opacity: .1;
+  --tblr-text-opacity: 1;
+  color: rgba(var(--tblr-light-rgb, var(--tblr-text-opacity))) !important;
+  background-color: rgba(var(--tblr-light-rgb), var(--tblr-bg-opacity)) !important;
 }
 
 .bg-dark {
-  background-color: var(--tblr-dark) !important;
+  --tblr-bg-opacity: 1;
+  background-color: rgba(var(--tblr-dark-rgb), var(--tblr-bg-opacity)) !important;
 }
 
 .bg-dark-lt {
-  color: var(--tblr-dark) !important;
-  background-color: rgba(var(--tblr-dark-rgb), 0.1) !important;
+  --tblr-bg-opacity: .1;
+  --tblr-text-opacity: 1;
+  color: rgba(var(--tblr-dark-rgb, var(--tblr-text-opacity))) !important;
+  background-color: rgba(var(--tblr-dark-rgb), var(--tblr-bg-opacity)) !important;
 }
 
 .bg-muted {
-  background-color: var(--tblr-muted) !important;
+  --tblr-bg-opacity: 1;
+  background-color: rgba(var(--tblr-muted-rgb), var(--tblr-bg-opacity)) !important;
 }
 
 .bg-muted-lt {
-  color: var(--tblr-muted) !important;
-  background-color: rgba(var(--tblr-muted-rgb), 0.1) !important;
+  --tblr-bg-opacity: .1;
+  --tblr-text-opacity: 1;
+  color: rgba(var(--tblr-muted-rgb, var(--tblr-text-opacity))) !important;
+  background-color: rgba(var(--tblr-muted-rgb), var(--tblr-bg-opacity)) !important;
 }
 
 .bg-blue {
-  background-color: var(--tblr-blue) !important;
+  --tblr-bg-opacity: 1;
+  background-color: rgba(var(--tblr-blue-rgb), var(--tblr-bg-opacity)) !important;
 }
 
 .bg-blue-lt {
-  color: var(--tblr-blue) !important;
-  background-color: rgba(var(--tblr-blue-rgb), 0.1) !important;
+  --tblr-bg-opacity: .1;
+  --tblr-text-opacity: 1;
+  color: rgba(var(--tblr-blue-rgb, var(--tblr-text-opacity))) !important;
+  background-color: rgba(var(--tblr-blue-rgb), var(--tblr-bg-opacity)) !important;
 }
 
 .bg-azure {
-  background-color: var(--tblr-azure) !important;
+  --tblr-bg-opacity: 1;
+  background-color: rgba(var(--tblr-azure-rgb), var(--tblr-bg-opacity)) !important;
 }
 
 .bg-azure-lt {
-  color: var(--tblr-azure) !important;
-  background-color: rgba(var(--tblr-azure-rgb), 0.1) !important;
+  --tblr-bg-opacity: .1;
+  --tblr-text-opacity: 1;
+  color: rgba(var(--tblr-azure-rgb, var(--tblr-text-opacity))) !important;
+  background-color: rgba(var(--tblr-azure-rgb), var(--tblr-bg-opacity)) !important;
 }
 
 .bg-indigo {
-  background-color: var(--tblr-indigo) !important;
+  --tblr-bg-opacity: 1;
+  background-color: rgba(var(--tblr-indigo-rgb), var(--tblr-bg-opacity)) !important;
 }
 
 .bg-indigo-lt {
-  color: var(--tblr-indigo) !important;
-  background-color: rgba(var(--tblr-indigo-rgb), 0.1) !important;
+  --tblr-bg-opacity: .1;
+  --tblr-text-opacity: 1;
+  color: rgba(var(--tblr-indigo-rgb, var(--tblr-text-opacity))) !important;
+  background-color: rgba(var(--tblr-indigo-rgb), var(--tblr-bg-opacity)) !important;
 }
 
 .bg-purple {
-  background-color: var(--tblr-purple) !important;
+  --tblr-bg-opacity: 1;
+  background-color: rgba(var(--tblr-purple-rgb), var(--tblr-bg-opacity)) !important;
 }
 
 .bg-purple-lt {
-  color: var(--tblr-purple) !important;
-  background-color: rgba(var(--tblr-purple-rgb), 0.1) !important;
+  --tblr-bg-opacity: .1;
+  --tblr-text-opacity: 1;
+  color: rgba(var(--tblr-purple-rgb, var(--tblr-text-opacity))) !important;
+  background-color: rgba(var(--tblr-purple-rgb), var(--tblr-bg-opacity)) !important;
 }
 
 .bg-pink {
-  background-color: var(--tblr-pink) !important;
+  --tblr-bg-opacity: 1;
+  background-color: rgba(var(--tblr-pink-rgb), var(--tblr-bg-opacity)) !important;
 }
 
 .bg-pink-lt {
-  color: var(--tblr-pink) !important;
-  background-color: rgba(var(--tblr-pink-rgb), 0.1) !important;
+  --tblr-bg-opacity: .1;
+  --tblr-text-opacity: 1;
+  color: rgba(var(--tblr-pink-rgb, var(--tblr-text-opacity))) !important;
+  background-color: rgba(var(--tblr-pink-rgb), var(--tblr-bg-opacity)) !important;
 }
 
 .bg-red {
-  background-color: var(--tblr-red) !important;
+  --tblr-bg-opacity: 1;
+  background-color: rgba(var(--tblr-red-rgb), var(--tblr-bg-opacity)) !important;
 }
 
 .bg-red-lt {
-  color: var(--tblr-red) !important;
-  background-color: rgba(var(--tblr-red-rgb), 0.1) !important;
+  --tblr-bg-opacity: .1;
+  --tblr-text-opacity: 1;
+  color: rgba(var(--tblr-red-rgb, var(--tblr-text-opacity))) !important;
+  background-color: rgba(var(--tblr-red-rgb), var(--tblr-bg-opacity)) !important;
 }
 
 .bg-orange {
-  background-color: var(--tblr-orange) !important;
+  --tblr-bg-opacity: 1;
+  background-color: rgba(var(--tblr-orange-rgb), var(--tblr-bg-opacity)) !important;
 }
 
 .bg-orange-lt {
-  color: var(--tblr-orange) !important;
-  background-color: rgba(var(--tblr-orange-rgb), 0.1) !important;
+  --tblr-bg-opacity: .1;
+  --tblr-text-opacity: 1;
+  color: rgba(var(--tblr-orange-rgb, var(--tblr-text-opacity))) !important;
+  background-color: rgba(var(--tblr-orange-rgb), var(--tblr-bg-opacity)) !important;
 }
 
 .bg-yellow {
-  background-color: var(--tblr-yellow) !important;
+  --tblr-bg-opacity: 1;
+  background-color: rgba(var(--tblr-yellow-rgb), var(--tblr-bg-opacity)) !important;
 }
 
 .bg-yellow-lt {
-  color: var(--tblr-yellow) !important;
-  background-color: rgba(var(--tblr-yellow-rgb), 0.1) !important;
+  --tblr-bg-opacity: .1;
+  --tblr-text-opacity: 1;
+  color: rgba(var(--tblr-yellow-rgb, var(--tblr-text-opacity))) !important;
+  background-color: rgba(var(--tblr-yellow-rgb), var(--tblr-bg-opacity)) !important;
 }
 
 .bg-lime {
-  background-color: var(--tblr-lime) !important;
+  --tblr-bg-opacity: 1;
+  background-color: rgba(var(--tblr-lime-rgb), var(--tblr-bg-opacity)) !important;
 }
 
 .bg-lime-lt {
-  color: var(--tblr-lime) !important;
-  background-color: rgba(var(--tblr-lime-rgb), 0.1) !important;
+  --tblr-bg-opacity: .1;
+  --tblr-text-opacity: 1;
+  color: rgba(var(--tblr-lime-rgb, var(--tblr-text-opacity))) !important;
+  background-color: rgba(var(--tblr-lime-rgb), var(--tblr-bg-opacity)) !important;
 }
 
 .bg-green {
-  background-color: var(--tblr-green) !important;
+  --tblr-bg-opacity: 1;
+  background-color: rgba(var(--tblr-green-rgb), var(--tblr-bg-opacity)) !important;
 }
 
 .bg-green-lt {
-  color: var(--tblr-green) !important;
-  background-color: rgba(var(--tblr-green-rgb), 0.1) !important;
+  --tblr-bg-opacity: .1;
+  --tblr-text-opacity: 1;
+  color: rgba(var(--tblr-green-rgb, var(--tblr-text-opacity))) !important;
+  background-color: rgba(var(--tblr-green-rgb), var(--tblr-bg-opacity)) !important;
 }
 
 .bg-teal {
-  background-color: var(--tblr-teal) !important;
+  --tblr-bg-opacity: 1;
+  background-color: rgba(var(--tblr-teal-rgb), var(--tblr-bg-opacity)) !important;
 }
 
 .bg-teal-lt {
-  color: var(--tblr-teal) !important;
-  background-color: rgba(var(--tblr-teal-rgb), 0.1) !important;
+  --tblr-bg-opacity: .1;
+  --tblr-text-opacity: 1;
+  color: rgba(var(--tblr-teal-rgb, var(--tblr-text-opacity))) !important;
+  background-color: rgba(var(--tblr-teal-rgb), var(--tblr-bg-opacity)) !important;
 }
 
 .bg-cyan {
-  background-color: var(--tblr-cyan) !important;
+  --tblr-bg-opacity: 1;
+  background-color: rgba(var(--tblr-cyan-rgb), var(--tblr-bg-opacity)) !important;
 }
 
 .bg-cyan-lt {
-  color: var(--tblr-cyan) !important;
-  background-color: rgba(var(--tblr-cyan-rgb), 0.1) !important;
+  --tblr-bg-opacity: .1;
+  --tblr-text-opacity: 1;
+  color: rgba(var(--tblr-cyan-rgb, var(--tblr-text-opacity))) !important;
+  background-color: rgba(var(--tblr-cyan-rgb), var(--tblr-bg-opacity)) !important;
 }
 
 .bg-facebook {
-  background-color: var(--tblr-facebook) !important;
+  --tblr-bg-opacity: 1;
+  background-color: rgba(var(--tblr-facebook-rgb), var(--tblr-bg-opacity)) !important;
 }
 
 .bg-facebook-lt {
-  color: var(--tblr-facebook) !important;
-  background-color: rgba(var(--tblr-facebook-rgb), 0.1) !important;
+  --tblr-bg-opacity: .1;
+  --tblr-text-opacity: 1;
+  color: rgba(var(--tblr-facebook-rgb, var(--tblr-text-opacity))) !important;
+  background-color: rgba(var(--tblr-facebook-rgb), var(--tblr-bg-opacity)) !important;
 }
 
 .bg-twitter {
-  background-color: var(--tblr-twitter) !important;
+  --tblr-bg-opacity: 1;
+  background-color: rgba(var(--tblr-twitter-rgb), var(--tblr-bg-opacity)) !important;
 }
 
 .bg-twitter-lt {
-  color: var(--tblr-twitter) !important;
-  background-color: rgba(var(--tblr-twitter-rgb), 0.1) !important;
+  --tblr-bg-opacity: .1;
+  --tblr-text-opacity: 1;
+  color: rgba(var(--tblr-twitter-rgb, var(--tblr-text-opacity))) !important;
+  background-color: rgba(var(--tblr-twitter-rgb), var(--tblr-bg-opacity)) !important;
 }
 
 .bg-linkedin {
-  background-color: var(--tblr-linkedin) !important;
+  --tblr-bg-opacity: 1;
+  background-color: rgba(var(--tblr-linkedin-rgb), var(--tblr-bg-opacity)) !important;
 }
 
 .bg-linkedin-lt {
-  color: var(--tblr-linkedin) !important;
-  background-color: rgba(var(--tblr-linkedin-rgb), 0.1) !important;
+  --tblr-bg-opacity: .1;
+  --tblr-text-opacity: 1;
+  color: rgba(var(--tblr-linkedin-rgb, var(--tblr-text-opacity))) !important;
+  background-color: rgba(var(--tblr-linkedin-rgb), var(--tblr-bg-opacity)) !important;
 }
 
 .bg-google {
-  background-color: var(--tblr-google) !important;
+  --tblr-bg-opacity: 1;
+  background-color: rgba(var(--tblr-google-rgb), var(--tblr-bg-opacity)) !important;
 }
 
 .bg-google-lt {
-  color: var(--tblr-google) !important;
-  background-color: rgba(var(--tblr-google-rgb), 0.1) !important;
+  --tblr-bg-opacity: .1;
+  --tblr-text-opacity: 1;
+  color: rgba(var(--tblr-google-rgb, var(--tblr-text-opacity))) !important;
+  background-color: rgba(var(--tblr-google-rgb), var(--tblr-bg-opacity)) !important;
 }
 
 .bg-youtube {
-  background-color: var(--tblr-youtube) !important;
+  --tblr-bg-opacity: 1;
+  background-color: rgba(var(--tblr-youtube-rgb), var(--tblr-bg-opacity)) !important;
 }
 
 .bg-youtube-lt {
-  color: var(--tblr-youtube) !important;
-  background-color: rgba(var(--tblr-youtube-rgb), 0.1) !important;
+  --tblr-bg-opacity: .1;
+  --tblr-text-opacity: 1;
+  color: rgba(var(--tblr-youtube-rgb, var(--tblr-text-opacity))) !important;
+  background-color: rgba(var(--tblr-youtube-rgb), var(--tblr-bg-opacity)) !important;
 }
 
 .bg-vimeo {
-  background-color: var(--tblr-vimeo) !important;
+  --tblr-bg-opacity: 1;
+  background-color: rgba(var(--tblr-vimeo-rgb), var(--tblr-bg-opacity)) !important;
 }
 
 .bg-vimeo-lt {
-  color: var(--tblr-vimeo) !important;
-  background-color: rgba(var(--tblr-vimeo-rgb), 0.1) !important;
+  --tblr-bg-opacity: .1;
+  --tblr-text-opacity: 1;
+  color: rgba(var(--tblr-vimeo-rgb, var(--tblr-text-opacity))) !important;
+  background-color: rgba(var(--tblr-vimeo-rgb), var(--tblr-bg-opacity)) !important;
 }
 
 .bg-dribbble {
-  background-color: var(--tblr-dribbble) !important;
+  --tblr-bg-opacity: 1;
+  background-color: rgba(var(--tblr-dribbble-rgb), var(--tblr-bg-opacity)) !important;
 }
 
 .bg-dribbble-lt {
-  color: var(--tblr-dribbble) !important;
-  background-color: rgba(var(--tblr-dribbble-rgb), 0.1) !important;
+  --tblr-bg-opacity: .1;
+  --tblr-text-opacity: 1;
+  color: rgba(var(--tblr-dribbble-rgb, var(--tblr-text-opacity))) !important;
+  background-color: rgba(var(--tblr-dribbble-rgb), var(--tblr-bg-opacity)) !important;
 }
 
 .bg-github {
-  background-color: var(--tblr-github) !important;
+  --tblr-bg-opacity: 1;
+  background-color: rgba(var(--tblr-github-rgb), var(--tblr-bg-opacity)) !important;
 }
 
 .bg-github-lt {
-  color: var(--tblr-github) !important;
-  background-color: rgba(var(--tblr-github-rgb), 0.1) !important;
+  --tblr-bg-opacity: .1;
+  --tblr-text-opacity: 1;
+  color: rgba(var(--tblr-github-rgb, var(--tblr-text-opacity))) !important;
+  background-color: rgba(var(--tblr-github-rgb), var(--tblr-bg-opacity)) !important;
 }
 
 .bg-instagram {
-  background-color: var(--tblr-instagram) !important;
+  --tblr-bg-opacity: 1;
+  background-color: rgba(var(--tblr-instagram-rgb), var(--tblr-bg-opacity)) !important;
 }
 
 .bg-instagram-lt {
-  color: var(--tblr-instagram) !important;
-  background-color: rgba(var(--tblr-instagram-rgb), 0.1) !important;
+  --tblr-bg-opacity: .1;
+  --tblr-text-opacity: 1;
+  color: rgba(var(--tblr-instagram-rgb, var(--tblr-text-opacity))) !important;
+  background-color: rgba(var(--tblr-instagram-rgb), var(--tblr-bg-opacity)) !important;
 }
 
 .bg-pinterest {
-  background-color: var(--tblr-pinterest) !important;
+  --tblr-bg-opacity: 1;
+  background-color: rgba(var(--tblr-pinterest-rgb), var(--tblr-bg-opacity)) !important;
 }
 
 .bg-pinterest-lt {
-  color: var(--tblr-pinterest) !important;
-  background-color: rgba(var(--tblr-pinterest-rgb), 0.1) !important;
+  --tblr-bg-opacity: .1;
+  --tblr-text-opacity: 1;
+  color: rgba(var(--tblr-pinterest-rgb, var(--tblr-text-opacity))) !important;
+  background-color: rgba(var(--tblr-pinterest-rgb), var(--tblr-bg-opacity)) !important;
 }
 
 .bg-vk {
-  background-color: var(--tblr-vk) !important;
+  --tblr-bg-opacity: 1;
+  background-color: rgba(var(--tblr-vk-rgb), var(--tblr-bg-opacity)) !important;
 }
 
 .bg-vk-lt {
-  color: var(--tblr-vk) !important;
-  background-color: rgba(var(--tblr-vk-rgb), 0.1) !important;
+  --tblr-bg-opacity: .1;
+  --tblr-text-opacity: 1;
+  color: rgba(var(--tblr-vk-rgb, var(--tblr-text-opacity))) !important;
+  background-color: rgba(var(--tblr-vk-rgb), var(--tblr-bg-opacity)) !important;
 }
 
 .bg-rss {
-  background-color: var(--tblr-rss) !important;
+  --tblr-bg-opacity: 1;
+  background-color: rgba(var(--tblr-rss-rgb), var(--tblr-bg-opacity)) !important;
 }
 
 .bg-rss-lt {
-  color: var(--tblr-rss) !important;
-  background-color: rgba(var(--tblr-rss-rgb), 0.1) !important;
+  --tblr-bg-opacity: .1;
+  --tblr-text-opacity: 1;
+  color: rgba(var(--tblr-rss-rgb, var(--tblr-text-opacity))) !important;
+  background-color: rgba(var(--tblr-rss-rgb), var(--tblr-bg-opacity)) !important;
 }
 
 .bg-flickr {
-  background-color: var(--tblr-flickr) !important;
+  --tblr-bg-opacity: 1;
+  background-color: rgba(var(--tblr-flickr-rgb), var(--tblr-bg-opacity)) !important;
 }
 
 .bg-flickr-lt {
-  color: var(--tblr-flickr) !important;
-  background-color: rgba(var(--tblr-flickr-rgb), 0.1) !important;
+  --tblr-bg-opacity: .1;
+  --tblr-text-opacity: 1;
+  color: rgba(var(--tblr-flickr-rgb, var(--tblr-text-opacity))) !important;
+  background-color: rgba(var(--tblr-flickr-rgb), var(--tblr-bg-opacity)) !important;
 }
 
 .bg-bitbucket {
-  background-color: var(--tblr-bitbucket) !important;
+  --tblr-bg-opacity: 1;
+  background-color: rgba(var(--tblr-bitbucket-rgb), var(--tblr-bg-opacity)) !important;
 }
 
 .bg-bitbucket-lt {
-  color: var(--tblr-bitbucket) !important;
-  background-color: rgba(var(--tblr-bitbucket-rgb), 0.1) !important;
+  --tblr-bg-opacity: .1;
+  --tblr-text-opacity: 1;
+  color: rgba(var(--tblr-bitbucket-rgb, var(--tblr-text-opacity))) !important;
+  background-color: rgba(var(--tblr-bitbucket-rgb), var(--tblr-bg-opacity)) !important;
 }
 
 .bg-tabler {
-  background-color: var(--tblr-tabler) !important;
+  --tblr-bg-opacity: 1;
+  background-color: rgba(var(--tblr-tabler-rgb), var(--tblr-bg-opacity)) !important;
 }
 
 .bg-tabler-lt {
-  color: var(--tblr-tabler) !important;
-  background-color: rgba(var(--tblr-tabler-rgb), 0.1) !important;
+  --tblr-bg-opacity: .1;
+  --tblr-text-opacity: 1;
+  color: rgba(var(--tblr-tabler-rgb, var(--tblr-text-opacity))) !important;
+  background-color: rgba(var(--tblr-tabler-rgb), var(--tblr-bg-opacity)) !important;
 }
 
 .bg-white {
-  background-color: var(--tblr-white) !important;
+  --tblr-bg-opacity: 1;
+  background-color: rgba(var(--tblr-white-rgb), var(--tblr-bg-opacity)) !important;
 }
 
 .bg-white-lt {
-  color: var(--tblr-white) !important;
-  background-color: rgba(var(--tblr-white-rgb), 0.1) !important;
+  --tblr-bg-opacity: .1;
+  --tblr-text-opacity: 1;
+  color: rgba(var(--tblr-white-rgb, var(--tblr-text-opacity))) !important;
+  background-color: rgba(var(--tblr-white-rgb), var(--tblr-bg-opacity)) !important;
 }
 
 .text-primary {
-  color: var(--tblr-primary) !important;
+  --tblr-text-opacity: 1;
+  color: rgba(var(--tblr-primary-rgb), var(--tblr-text-opacity)) !important;
 }
 
 .text-primary-fg {
@@ -21835,7 +22611,8 @@ Chart sparkline
 }
 
 .text-secondary {
-  color: var(--tblr-secondary) !important;
+  --tblr-text-opacity: 1;
+  color: rgba(var(--tblr-secondary-rgb), var(--tblr-text-opacity)) !important;
 }
 
 .text-secondary-fg {
@@ -21843,7 +22620,8 @@ Chart sparkline
 }
 
 .text-success {
-  color: var(--tblr-success) !important;
+  --tblr-text-opacity: 1;
+  color: rgba(var(--tblr-success-rgb), var(--tblr-text-opacity)) !important;
 }
 
 .text-success-fg {
@@ -21851,7 +22629,8 @@ Chart sparkline
 }
 
 .text-info {
-  color: var(--tblr-info) !important;
+  --tblr-text-opacity: 1;
+  color: rgba(var(--tblr-info-rgb), var(--tblr-text-opacity)) !important;
 }
 
 .text-info-fg {
@@ -21859,7 +22638,8 @@ Chart sparkline
 }
 
 .text-warning {
-  color: var(--tblr-warning) !important;
+  --tblr-text-opacity: 1;
+  color: rgba(var(--tblr-warning-rgb), var(--tblr-text-opacity)) !important;
 }
 
 .text-warning-fg {
@@ -21867,7 +22647,8 @@ Chart sparkline
 }
 
 .text-danger {
-  color: var(--tblr-danger) !important;
+  --tblr-text-opacity: 1;
+  color: rgba(var(--tblr-danger-rgb), var(--tblr-text-opacity)) !important;
 }
 
 .text-danger-fg {
@@ -21875,7 +22656,8 @@ Chart sparkline
 }
 
 .text-light {
-  color: var(--tblr-light) !important;
+  --tblr-text-opacity: 1;
+  color: rgba(var(--tblr-light-rgb), var(--tblr-text-opacity)) !important;
 }
 
 .text-light-fg {
@@ -21883,7 +22665,8 @@ Chart sparkline
 }
 
 .text-dark {
-  color: var(--tblr-dark) !important;
+  --tblr-text-opacity: 1;
+  color: rgba(var(--tblr-dark-rgb), var(--tblr-text-opacity)) !important;
 }
 
 .text-dark-fg {
@@ -21891,7 +22674,8 @@ Chart sparkline
 }
 
 .text-muted {
-  color: var(--tblr-muted) !important;
+  --tblr-text-opacity: 1;
+  color: rgba(var(--tblr-muted-rgb), var(--tblr-text-opacity)) !important;
 }
 
 .text-muted-fg {
@@ -21899,7 +22683,8 @@ Chart sparkline
 }
 
 .text-blue {
-  color: var(--tblr-blue) !important;
+  --tblr-text-opacity: 1;
+  color: rgba(var(--tblr-blue-rgb), var(--tblr-text-opacity)) !important;
 }
 
 .text-blue-fg {
@@ -21907,7 +22692,8 @@ Chart sparkline
 }
 
 .text-azure {
-  color: var(--tblr-azure) !important;
+  --tblr-text-opacity: 1;
+  color: rgba(var(--tblr-azure-rgb), var(--tblr-text-opacity)) !important;
 }
 
 .text-azure-fg {
@@ -21915,7 +22701,8 @@ Chart sparkline
 }
 
 .text-indigo {
-  color: var(--tblr-indigo) !important;
+  --tblr-text-opacity: 1;
+  color: rgba(var(--tblr-indigo-rgb), var(--tblr-text-opacity)) !important;
 }
 
 .text-indigo-fg {
@@ -21923,7 +22710,8 @@ Chart sparkline
 }
 
 .text-purple {
-  color: var(--tblr-purple) !important;
+  --tblr-text-opacity: 1;
+  color: rgba(var(--tblr-purple-rgb), var(--tblr-text-opacity)) !important;
 }
 
 .text-purple-fg {
@@ -21931,7 +22719,8 @@ Chart sparkline
 }
 
 .text-pink {
-  color: var(--tblr-pink) !important;
+  --tblr-text-opacity: 1;
+  color: rgba(var(--tblr-pink-rgb), var(--tblr-text-opacity)) !important;
 }
 
 .text-pink-fg {
@@ -21939,7 +22728,8 @@ Chart sparkline
 }
 
 .text-red {
-  color: var(--tblr-red) !important;
+  --tblr-text-opacity: 1;
+  color: rgba(var(--tblr-red-rgb), var(--tblr-text-opacity)) !important;
 }
 
 .text-red-fg {
@@ -21947,7 +22737,8 @@ Chart sparkline
 }
 
 .text-orange {
-  color: var(--tblr-orange) !important;
+  --tblr-text-opacity: 1;
+  color: rgba(var(--tblr-orange-rgb), var(--tblr-text-opacity)) !important;
 }
 
 .text-orange-fg {
@@ -21955,7 +22746,8 @@ Chart sparkline
 }
 
 .text-yellow {
-  color: var(--tblr-yellow) !important;
+  --tblr-text-opacity: 1;
+  color: rgba(var(--tblr-yellow-rgb), var(--tblr-text-opacity)) !important;
 }
 
 .text-yellow-fg {
@@ -21963,7 +22755,8 @@ Chart sparkline
 }
 
 .text-lime {
-  color: var(--tblr-lime) !important;
+  --tblr-text-opacity: 1;
+  color: rgba(var(--tblr-lime-rgb), var(--tblr-text-opacity)) !important;
 }
 
 .text-lime-fg {
@@ -21971,7 +22764,8 @@ Chart sparkline
 }
 
 .text-green {
-  color: var(--tblr-green) !important;
+  --tblr-text-opacity: 1;
+  color: rgba(var(--tblr-green-rgb), var(--tblr-text-opacity)) !important;
 }
 
 .text-green-fg {
@@ -21979,7 +22773,8 @@ Chart sparkline
 }
 
 .text-teal {
-  color: var(--tblr-teal) !important;
+  --tblr-text-opacity: 1;
+  color: rgba(var(--tblr-teal-rgb), var(--tblr-text-opacity)) !important;
 }
 
 .text-teal-fg {
@@ -21987,7 +22782,8 @@ Chart sparkline
 }
 
 .text-cyan {
-  color: var(--tblr-cyan) !important;
+  --tblr-text-opacity: 1;
+  color: rgba(var(--tblr-cyan-rgb), var(--tblr-text-opacity)) !important;
 }
 
 .text-cyan-fg {
@@ -21995,7 +22791,8 @@ Chart sparkline
 }
 
 .text-facebook {
-  color: var(--tblr-facebook) !important;
+  --tblr-text-opacity: 1;
+  color: rgba(var(--tblr-facebook-rgb), var(--tblr-text-opacity)) !important;
 }
 
 .text-facebook-fg {
@@ -22003,7 +22800,8 @@ Chart sparkline
 }
 
 .text-twitter {
-  color: var(--tblr-twitter) !important;
+  --tblr-text-opacity: 1;
+  color: rgba(var(--tblr-twitter-rgb), var(--tblr-text-opacity)) !important;
 }
 
 .text-twitter-fg {
@@ -22011,7 +22809,8 @@ Chart sparkline
 }
 
 .text-linkedin {
-  color: var(--tblr-linkedin) !important;
+  --tblr-text-opacity: 1;
+  color: rgba(var(--tblr-linkedin-rgb), var(--tblr-text-opacity)) !important;
 }
 
 .text-linkedin-fg {
@@ -22019,7 +22818,8 @@ Chart sparkline
 }
 
 .text-google {
-  color: var(--tblr-google) !important;
+  --tblr-text-opacity: 1;
+  color: rgba(var(--tblr-google-rgb), var(--tblr-text-opacity)) !important;
 }
 
 .text-google-fg {
@@ -22027,7 +22827,8 @@ Chart sparkline
 }
 
 .text-youtube {
-  color: var(--tblr-youtube) !important;
+  --tblr-text-opacity: 1;
+  color: rgba(var(--tblr-youtube-rgb), var(--tblr-text-opacity)) !important;
 }
 
 .text-youtube-fg {
@@ -22035,7 +22836,8 @@ Chart sparkline
 }
 
 .text-vimeo {
-  color: var(--tblr-vimeo) !important;
+  --tblr-text-opacity: 1;
+  color: rgba(var(--tblr-vimeo-rgb), var(--tblr-text-opacity)) !important;
 }
 
 .text-vimeo-fg {
@@ -22043,7 +22845,8 @@ Chart sparkline
 }
 
 .text-dribbble {
-  color: var(--tblr-dribbble) !important;
+  --tblr-text-opacity: 1;
+  color: rgba(var(--tblr-dribbble-rgb), var(--tblr-text-opacity)) !important;
 }
 
 .text-dribbble-fg {
@@ -22051,7 +22854,8 @@ Chart sparkline
 }
 
 .text-github {
-  color: var(--tblr-github) !important;
+  --tblr-text-opacity: 1;
+  color: rgba(var(--tblr-github-rgb), var(--tblr-text-opacity)) !important;
 }
 
 .text-github-fg {
@@ -22059,7 +22863,8 @@ Chart sparkline
 }
 
 .text-instagram {
-  color: var(--tblr-instagram) !important;
+  --tblr-text-opacity: 1;
+  color: rgba(var(--tblr-instagram-rgb), var(--tblr-text-opacity)) !important;
 }
 
 .text-instagram-fg {
@@ -22067,7 +22872,8 @@ Chart sparkline
 }
 
 .text-pinterest {
-  color: var(--tblr-pinterest) !important;
+  --tblr-text-opacity: 1;
+  color: rgba(var(--tblr-pinterest-rgb), var(--tblr-text-opacity)) !important;
 }
 
 .text-pinterest-fg {
@@ -22075,7 +22881,8 @@ Chart sparkline
 }
 
 .text-vk {
-  color: var(--tblr-vk) !important;
+  --tblr-text-opacity: 1;
+  color: rgba(var(--tblr-vk-rgb), var(--tblr-text-opacity)) !important;
 }
 
 .text-vk-fg {
@@ -22083,7 +22890,8 @@ Chart sparkline
 }
 
 .text-rss {
-  color: var(--tblr-rss) !important;
+  --tblr-text-opacity: 1;
+  color: rgba(var(--tblr-rss-rgb), var(--tblr-text-opacity)) !important;
 }
 
 .text-rss-fg {
@@ -22091,7 +22899,8 @@ Chart sparkline
 }
 
 .text-flickr {
-  color: var(--tblr-flickr) !important;
+  --tblr-text-opacity: 1;
+  color: rgba(var(--tblr-flickr-rgb), var(--tblr-text-opacity)) !important;
 }
 
 .text-flickr-fg {
@@ -22099,7 +22908,8 @@ Chart sparkline
 }
 
 .text-bitbucket {
-  color: var(--tblr-bitbucket) !important;
+  --tblr-text-opacity: 1;
+  color: rgba(var(--tblr-bitbucket-rgb), var(--tblr-text-opacity)) !important;
 }
 
 .text-bitbucket-fg {
@@ -22107,7 +22917,8 @@ Chart sparkline
 }
 
 .text-tabler {
-  color: var(--tblr-tabler) !important;
+  --tblr-text-opacity: 1;
+  color: rgba(var(--tblr-tabler-rgb), var(--tblr-text-opacity)) !important;
 }
 
 .text-tabler-fg {
@@ -22115,7 +22926,8 @@ Chart sparkline
 }
 
 .bg-gray-50 {
-  background-color: var(--tblr-gray-50) !important;
+  --tblr-bg-opacity: .1;
+  background-color: rgba(var(--tblr-gray-50-rgb), var(--tblr-bg-opacity)) !important;
 }
 
 .text-gray-50-fg {
@@ -22123,7 +22935,8 @@ Chart sparkline
 }
 
 .bg-gray-100 {
-  background-color: var(--tblr-gray-100) !important;
+  --tblr-bg-opacity: .1;
+  background-color: rgba(var(--tblr-gray-100-rgb), var(--tblr-bg-opacity)) !important;
 }
 
 .text-gray-100-fg {
@@ -22131,7 +22944,8 @@ Chart sparkline
 }
 
 .bg-gray-200 {
-  background-color: var(--tblr-gray-200) !important;
+  --tblr-bg-opacity: .1;
+  background-color: rgba(var(--tblr-gray-200-rgb), var(--tblr-bg-opacity)) !important;
 }
 
 .text-gray-200-fg {
@@ -22139,7 +22953,8 @@ Chart sparkline
 }
 
 .bg-gray-300 {
-  background-color: var(--tblr-gray-300) !important;
+  --tblr-bg-opacity: .1;
+  background-color: rgba(var(--tblr-gray-300-rgb), var(--tblr-bg-opacity)) !important;
 }
 
 .text-gray-300-fg {
@@ -22147,7 +22962,8 @@ Chart sparkline
 }
 
 .bg-gray-400 {
-  background-color: var(--tblr-gray-400) !important;
+  --tblr-bg-opacity: .1;
+  background-color: rgba(var(--tblr-gray-400-rgb), var(--tblr-bg-opacity)) !important;
 }
 
 .text-gray-400-fg {
@@ -22155,7 +22971,8 @@ Chart sparkline
 }
 
 .bg-gray-500 {
-  background-color: var(--tblr-gray-500) !important;
+  --tblr-bg-opacity: .1;
+  background-color: rgba(var(--tblr-gray-500-rgb), var(--tblr-bg-opacity)) !important;
 }
 
 .text-gray-500-fg {
@@ -22163,7 +22980,8 @@ Chart sparkline
 }
 
 .bg-gray-600 {
-  background-color: var(--tblr-gray-600) !important;
+  --tblr-bg-opacity: .1;
+  background-color: rgba(var(--tblr-gray-600-rgb), var(--tblr-bg-opacity)) !important;
 }
 
 .text-gray-600-fg {
@@ -22171,7 +22989,8 @@ Chart sparkline
 }
 
 .bg-gray-700 {
-  background-color: var(--tblr-gray-700) !important;
+  --tblr-bg-opacity: .1;
+  background-color: rgba(var(--tblr-gray-700-rgb), var(--tblr-bg-opacity)) !important;
 }
 
 .text-gray-700-fg {
@@ -22179,7 +22998,8 @@ Chart sparkline
 }
 
 .bg-gray-800 {
-  background-color: var(--tblr-gray-800) !important;
+  --tblr-bg-opacity: .1;
+  background-color: rgba(var(--tblr-gray-800-rgb), var(--tblr-bg-opacity)) !important;
 }
 
 .text-gray-800-fg {
@@ -22187,7 +23007,8 @@ Chart sparkline
 }
 
 .bg-gray-900 {
-  background-color: var(--tblr-gray-900) !important;
+  --tblr-bg-opacity: .1;
+  background-color: rgba(var(--tblr-gray-900-rgb), var(--tblr-bg-opacity)) !important;
 }
 
 .text-gray-900-fg {