@tabler/core 1.0.0-beta16 → 1.0.0-beta17

package/dist/css/tabler.css

@@ -1,13 +1,14 @@
 /*!
-* Tabler v1.0.0-beta16 (https://tabler.io)
-* @version 1.0.0-beta16
+* Tabler v1.0.0-beta17 (https://tabler.io)
+* @version 1.0.0-beta17
 * @link https://tabler.io
-* Copyright 2018-2022 The Tabler Authors
-* Copyright 2018-2022 codecalm.net Paweł Kuna
+* Copyright 2018-2023 The Tabler Authors
+* Copyright 2018-2023 codecalm.net Paweł Kuna
 * Licensed under MIT (https://github.com/tabler/tabler/blob/master/LICENSE)
 */
 @charset "UTF-8";
-:root {
+:root,
+[data-bs-theme=light] {
   --tblr-blue: #206bc4;
   --tblr-indigo: #4263eb;
   --tblr-purple: #ae3ec9;
@@ -103,6 +104,30 @@
   --tblr-flickr-rgb: 0, 99, 220;
   --tblr-bitbucket-rgb: 0, 82, 204;
   --tblr-tabler-rgb: 32, 107, 196;
+  --tblr-primary-text: #1a569d;
+  --tblr-secondary-text: #49566c;
+  --tblr-success-text: #268f36;
+  --tblr-info-text: #0e616e;
+  --tblr-warning-text: #935f00;
+  --tblr-danger-text: #ab2e2e;
+  --tblr-light-text: #49566c;
+  --tblr-dark-text: #313c52;
+  --tblr-primary-bg-subtle: #d2e1f3;
+  --tblr-secondary-bg-subtle: #f1f5f9;
+  --tblr-success-bg-subtle: #d5f0da;
+  --tblr-info-bg-subtle: #d1ecf1;
+  --tblr-warning-bg-subtle: #fdeccc;
+  --tblr-danger-bg-subtle: #f7d7d7;
+  --tblr-light-bg-subtle: #f8fafc;
+  --tblr-dark-bg-subtle: #9ba9be;
+  --tblr-primary-border-subtle: #a6c4e7;
+  --tblr-secondary-border-subtle: #e2e8f0;
+  --tblr-success-border-subtle: #ace1b4;
+  --tblr-info-border-subtle: #a2dae3;
+  --tblr-warning-border-subtle: #fbd999;
+  --tblr-danger-border-subtle: #efb0b0;
+  --tblr-light-border-subtle: #e2e8f0;
+  --tblr-dark-border-subtle: #6c7a91;
   --tblr-white-rgb: 255, 255, 255;
   --tblr-black-rgb: 0, 0, 0;
   --tblr-body-color-rgb: 29, 39, 59;
@@ -115,7 +140,26 @@
   --tblr-body-font-weight: 400;
   --tblr-body-line-height: 1.4285714286;
   --tblr-body-color: #1d273b;
+  --tblr-emphasis-color: #000000;
+  --tblr-emphasis-color-rgb: 0, 0, 0;
+  --tblr-secondary-color: rgba(29, 39, 59, 0.75);
+  --tblr-secondary-color-rgb: 29, 39, 59;
+  --tblr-secondary-bg: #e2e8f0;
+  --tblr-secondary-bg-rgb: 226, 232, 240;
+  --tblr-tertiary-color: rgba(29, 39, 59, 0.5);
+  --tblr-tertiary-color-rgb: 29, 39, 59;
+  --tblr-tertiary-bg: #f1f5f9;
+  --tblr-tertiary-bg-rgb: 241, 245, 249;
   --tblr-body-bg: #f1f5f9;
+  --tblr-body-bg-rgb: 241, 245, 249;
+  --tblr-link-color: #206bc4;
+  --tblr-link-color-rgb: 32, 107, 196;
+  --tblr-link-decoration: none;
+  --tblr-link-hover-color: #1a569d;
+  --tblr-link-hover-color-rgb: 26, 86, 157;
+  --tblr-link-hover-decoration: underline;
+  --tblr-code-color: var(--tblr-gray-600);
+  --tblr-highlight-bg: #fdeccc;
   --tblr-border-width: 1px;
   --tblr-border-style: solid;
   --tblr-border-color: #e6e7e9;
@@ -126,9 +170,13 @@
   --tblr-border-radius-xl: 1rem;
   --tblr-border-radius-2xl: 2rem;
   --tblr-border-radius-pill: 100rem;
-  --tblr-link-color: var(--tblr-primary);
-  --tblr-link-hover-color: var(--tblr-primary-darken);
-  --tblr-code-color: var(--tblr-gray-600);
+  --tblr-box-shadow: 0 0.5rem 1rem rgba(var(--tblr-body-color-rgb), 0.15);
+  --tblr-box-shadow-sm: 0 0.125rem 0.25rem rgba(var(--tblr-body-color-rgb), 0.075);
+  --tblr-box-shadow-lg: 0 1rem 3rem rgba(var(--tblr-body-color-rgb), 0.175);
+  --tblr-box-shadow-inset: inset 0 1px 2px rgba(var(--tblr-body-color-rgb), 0.075);
+  --tblr-emphasis-color: #000000;
+  --tblr-form-control-bg: var(--tblr-body-bg);
+  --tblr-form-control-disabled-bg: var(--tblr-secondary-bg);
   --tblr-highlight-bg: #fdeccc;
   --tblr-breakpoint-xs: 0;
   --tblr-breakpoint-sm: 576px;
@@ -138,6 +186,56 @@
   --tblr-breakpoint-xxl: 1400px;
 }
 
+[data-bs-theme=dark] {
+  --tblr-body-color: #6c7a91;
+  --tblr-body-color-rgb: 108, 122, 145;
+  --tblr-body-bg: #0f172a;
+  --tblr-body-bg-rgb: 15, 23, 42;
+  --tblr-emphasis-color: #f1f5f9;
+  --tblr-emphasis-color-rgb: 241, 245, 249;
+  --tblr-secondary-color: rgba(108, 122, 145, 0.75);
+  --tblr-secondary-color-rgb: 108, 122, 145;
+  --tblr-secondary-bg: #1d273b;
+  --tblr-secondary-bg-rgb: 29, 39, 59;
+  --tblr-tertiary-color: rgba(108, 122, 145, 0.5);
+  --tblr-tertiary-color-rgb: 108, 122, 145;
+  --tblr-tertiary-bg: #161f33;
+  --tblr-tertiary-bg-rgb: 22, 31, 51;
+  --tblr-emphasis-color: #ffffff;
+  --tblr-primary-text: #79a6dc;
+  --tblr-secondary-text: #c8d3e1;
+  --tblr-success-text: #82d18f;
+  --tblr-info-text: #74c7d4;
+  --tblr-warning-text: #f9c566;
+  --tblr-danger-text: #e68888;
+  --tblr-light-text: #f1f5f9;
+  --tblr-dark-text: #c8d3e1;
+  --tblr-primary-bg-subtle: #061527;
+  --tblr-secondary-bg-subtle: #0f172a;
+  --tblr-success-bg-subtle: #09240e;
+  --tblr-info-bg-subtle: #052025;
+  --tblr-warning-bg-subtle: #312000;
+  --tblr-danger-bg-subtle: #2b0b0b;
+  --tblr-light-bg-subtle: #1d273b;
+  --tblr-dark-bg-subtle: #0f141e;
+  --tblr-primary-border-subtle: #134076;
+  --tblr-secondary-border-subtle: #313c52;
+  --tblr-success-border-subtle: #1c6b29;
+  --tblr-info-border-subtle: #09414a;
+  --tblr-warning-border-subtle: #624000;
+  --tblr-danger-border-subtle: #802222;
+  --tblr-light-border-subtle: #313c52;
+  --tblr-dark-border-subtle: #1d273b;
+  --tblr-heading-color: #fff;
+  --tblr-link-color: #79a6dc;
+  --tblr-link-hover-color: #a6c4e7;
+  --tblr-link-color-rgb: 121, 166, 220;
+  --tblr-link-hover-color-rgb: 166, 196, 231;
+  --tblr-code-color: #e685a7;
+  --tblr-border-color: #313c52;
+  --tblr-border-color-translucent: rgba(255, 255, 255, 0.15);
+}
+
 *,
 *::before,
 *::after {
@@ -174,8 +272,9 @@ hr, .hr {
 h6, .h6, h5, .h5, h4, .h4, h3, .h3, h2, .h2, h1, .h1 {
   margin-top: 0;
   margin-bottom: 0.5rem;
-  font-weight: var(--tblr-font-weight-medium);
+  font-weight: var(--tblr-font-weight-bold);
   line-height: 1.2;
+  color: var(--tblr-heading-color, inherit);
 }
 
 h1, .h1 {
@@ -284,11 +383,11 @@ sup {
 }
 
 a {
-  color: var(--tblr-link-color);
+  color: rgba(var(--tblr-link-color-rgb), var(--tblr-link-opacity, 1));
   text-decoration: none;
 }
 a:hover {
-  color: var(--tblr-link-hover-color);
+  --tblr-link-color-rgb: var(--tblr-link-hover-color-rgb);
   text-decoration: underline;
 }
 
@@ -329,9 +428,9 @@ a > code {
 }
 
 kbd {
-  padding: 2px 4px;
-  font-size: 85.714285%;
-  color: var(--tblr-muted);
+  padding: 0.25rem 0.5rem;
+  font-size: var(--tblr-font-size-h5);
+  color: var(--tblr-muted-dark);
   background-color: var(--tblr-code-bg);
   border-radius: 2px;
 }
@@ -615,9 +714,9 @@ progress {
 
 .img-thumbnail {
   padding: 0.25rem;
-  background-color: #f1f5f9;
+  background-color: var(--tblr-body-bg);
   border: var(--tblr-border-width) solid var(--tblr-border-color);
-  border-radius: 4px;
+  border-radius: var(--tblr-border-radius);
   max-width: 100%;
   height: auto;
 }
@@ -633,7 +732,7 @@ progress {
 
 .figure-caption {
   font-size: 85.714285%;
-  color: #49566c;
+  color: var(--tblr-secondary-color);
 }
 
 .container,
@@ -643,7 +742,7 @@ progress {
 .container-lg,
 .container-md,
 .container-sm {
-  --tblr-gutter-x: 1.5rem;
+  --tblr-gutter-x: var(--tblr-content-padding);
   --tblr-gutter-y: 0;
   width: 100%;
   padding-right: calc(var(--tblr-gutter-x) * 0.5);
@@ -678,7 +777,7 @@ progress {
   }
 }
 .row {
-  --tblr-gutter-x: 1rem;
+  --tblr-gutter-x: var(--tblr-content-padding);
   --tblr-gutter-y: 0;
   display: flex;
   flex-wrap: wrap;
@@ -699,7 +798,7 @@ progress {
   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);
+  gap: var(--tblr-gap, var(--tblr-content-padding));
 }
 .grid .g-col-1 {
   grid-column: auto/span 1;
@@ -2185,7 +2284,7 @@ progress {
   --tblr-table-border-color: var(--tblr-border-color-translucent);
   --tblr-table-accent-bg: transparent;
   --tblr-table-striped-color: inherit;
-  --tblr-table-striped-bg: var(--tblr-bg-surface-secondary);
+  --tblr-table-striped-bg: var(--tblr-bg-surface-tertiary);
   --tblr-table-active-color: inherit;
   --tblr-table-active-bg: rgba(0, 0, 0, 0.1);
   --tblr-table-hover-color: inherit;
@@ -2499,7 +2598,7 @@ progress {
   opacity: 1;
 }
 .form-control:disabled {
-  background-color: var(--tblr-gray-100);
+  background-color: var(--tblr-bg-surface-secondary);
   opacity: 1;
 }
 .form-control::-webkit-file-upload-button {
@@ -2508,7 +2607,7 @@ progress {
   -webkit-margin-end: 0.75rem;
           margin-inline-end: 0.75rem;
   color: inherit;
-  background-color: #f8fafc;
+  background-color: var(--tblr-tertiary-bg);
   pointer-events: none;
   border-color: inherit;
   border-style: solid;
@@ -2524,7 +2623,7 @@ progress {
   -webkit-margin-end: 0.75rem;
           margin-inline-end: 0.75rem;
   color: inherit;
-  background-color: #f8fafc;
+  background-color: var(--tblr-tertiary-bg);
   pointer-events: none;
   border-color: inherit;
   border-style: solid;
@@ -2543,10 +2642,10 @@ progress {
   }
 }
 .form-control:hover:not(:disabled):not([readonly])::-webkit-file-upload-button {
-  background-color: #eceeef;
+  background-color: var(--tblr-secondary-bg);
 }
 .form-control:hover:not(:disabled):not([readonly])::file-selector-button {
-  background-color: #eceeef;
+  background-color: var(--tblr-secondary-bg);
 }
 
 .form-control-plaintext {
@@ -2555,7 +2654,7 @@ progress {
   padding: 0.4375rem 0;
   margin-bottom: 0;
   line-height: 1.4285714286;
-  color: #1d273b;
+  color: var(--tblr-body-color);
   background-color: transparent;
   border: solid transparent;
   border-width: var(--tblr-border-width) 0;
@@ -2639,6 +2738,7 @@ textarea.form-control-lg {
 }
 
 .form-select {
+  --tblr-form-select-bg-img: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23a5a9b1' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
   display: block;
   width: 100%;
   padding: 0.4375rem 2.25rem 0.4375rem 0.75rem;
@@ -2649,7 +2749,7 @@ textarea.form-control-lg {
   line-height: 1.4285714286;
   color: inherit;
   background-color: var(--tblr-bg-forms);
-  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23a5a9b1' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
+  background-image: var(--tblr-form-select-bg-img), var(--tblr-form-select-bg-icon, none);
   background-repeat: no-repeat;
   background-position: right 0.75rem center;
   background-size: 16px 12px;
@@ -2675,7 +2775,7 @@ textarea.form-control-lg {
   background-image: none;
 }
 .form-select:disabled {
-  background-color: #e2e8f0;
+  background-color: var(--tblr-bg-surface-secondary);
 }
 .form-select:-moz-focusring {
   color: transparent;
@@ -2698,6 +2798,10 @@ textarea.form-control-lg {
   border-radius: 8px;
 }
 
+[data-bs-theme=dark] .form-select {
+  --tblr-form-select-bg-img: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%236c7a91' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
+}
+
 .form-check {
   display: block;
   min-height: 1.25rem;
@@ -2721,11 +2825,13 @@ textarea.form-control-lg {
 }
 
 .form-check-input {
+  --tblr-form-check-bg: var(--tblr-bg-forms);
   width: 1rem;
   height: 1rem;
   margin-top: 0.2142857143rem;
   vertical-align: top;
-  background-color: var(--tblr-bg-forms);
+  background-color: var(--tblr-form-check-bg);
+  background-image: var(--tblr-form-check-bg-image);
   background-repeat: no-repeat;
   background-position: center;
   background-size: contain;
@@ -2756,15 +2862,15 @@ textarea.form-control-lg {
   border-color: var(--tblr-border-color-translucent);
 }
 .form-check-input:checked[type=checkbox] {
-  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");
+  --tblr-form-check-bg-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");
 }
 .form-check-input:checked[type=radio] {
-  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3ccircle r='3' fill='%23ffffff' cx='8' cy='8' /%3e%3c/svg%3e");
+  --tblr-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3ccircle r='3' fill='%23ffffff' cx='8' cy='8' /%3e%3c/svg%3e");
 }
 .form-check-input[type=checkbox]:indeterminate {
   background-color: #206bc4;
   border-color: #206bc4;
-  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e");
+  --tblr-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e");
 }
 .form-check-input:disabled {
   pointer-events: none;
@@ -2780,9 +2886,10 @@ textarea.form-control-lg {
   padding-left: 2.5rem;
 }
 .form-switch .form-check-input {
+  --tblr-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23e6e7e9'/%3e%3c/svg%3e");
   width: 2rem;
   margin-left: -2.5rem;
-  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23e6e7e9'/%3e%3c/svg%3e");
+  background-image: var(--tblr-form-switch-bg);
   background-position: left center;
   border-radius: 2rem;
   transition: background-position 0.15s ease-in-out;
@@ -2793,11 +2900,11 @@ textarea.form-control-lg {
   }
 }
 .form-switch .form-check-input:focus {
-  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%2390b5e2'/%3e%3c/svg%3e");
+  --tblr-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%2390b5e2'/%3e%3c/svg%3e");
 }
 .form-switch .form-check-input:checked {
   background-position: right center;
-  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23ffffff'/%3e%3c/svg%3e");
+  --tblr-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23ffffff'/%3e%3c/svg%3e");
 }
 .form-switch.form-check-reverse {
   padding-right: 2.5rem;
@@ -2824,6 +2931,10 @@ textarea.form-control-lg {
   opacity: 0.4;
 }
 
+[data-bs-theme=dark] .form-switch .form-check-input:not(:checked):not(:focus) {
+  --tblr-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%28255, 255, 255, 0.25%29'/%3e%3c/svg%3e");
+}
+
 .form-range {
   width: 100%;
   height: 1.25rem;
@@ -2908,10 +3019,10 @@ textarea.form-control-lg {
   pointer-events: none;
 }
 .form-range:disabled::-webkit-slider-thumb {
-  background-color: #6c7a91;
+  background-color: var(--tblr-secondary-color);
 }
 .form-range:disabled::-moz-range-thumb {
-  background-color: #6c7a91;
+  background-color: var(--tblr-secondary-color);
 }
 
 .form-floating {
@@ -3019,6 +3130,9 @@ textarea.form-control-lg {
 .form-floating > .form-control-plaintext ~ label {
   border-width: var(--tblr-border-width) 0;
 }
+.form-floating > .form-control:disabled ~ label {
+  color: #49566c;
+}
 
 .input-group {
   position: relative;
@@ -3116,7 +3230,7 @@ textarea.form-control-lg {
   width: 100%;
   margin-top: 0.25rem;
   font-size: 85.714285%;
-  color: #2fb344;
+  color: var(--tblr-success-text);
 }
 
 .valid-tooltip {
@@ -3128,9 +3242,9 @@ textarea.form-control-lg {
   padding: 0.25rem 0.5rem;
   margin-top: 0.1rem;
   font-size: 0.765625rem;
-  color: #f8fafc;
-  background-color: rgba(47, 179, 68, 0.9);
-  border-radius: 4px;
+  color: #fff;
+  background-color: var(--tblr-success);
+  border-radius: var(--tblr-border-radius);
 }
 
 .was-validated :valid ~ .valid-feedback,
@@ -3141,7 +3255,7 @@ textarea.form-control-lg {
 }
 
 .was-validated .form-control:valid, .form-control.is-valid {
-  border-color: #2fb344;
+  border-color: var(--tblr-success);
   padding-right: calc(1.4285714286em + 0.875rem);
   background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%232fb344' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='20 6 9 17 4 12'%3e%3c/polyline%3e%3c/svg%3e");
   background-repeat: no-repeat;
@@ -3149,8 +3263,8 @@ textarea.form-control-lg {
   background-size: calc(0.7142857143em + 0.4375rem) calc(0.7142857143em + 0.4375rem);
 }
 .was-validated .form-control:valid:focus, .form-control.is-valid:focus {
-  border-color: #2fb344;
-  box-shadow: 0 0 0 0.25rem rgba(47, 179, 68, 0.25);
+  border-color: var(--tblr-success);
+  box-shadow: 0 0 0 0.25rem rgba(var(--tblr-success-rgb), 0.25);
 }
 
 .was-validated textarea.form-control:valid, textarea.form-control.is-valid {
@@ -3159,17 +3273,17 @@ textarea.form-control-lg {
 }
 
 .was-validated .form-select:valid, .form-select.is-valid {
-  border-color: #2fb344;
+  border-color: var(--tblr-success);
 }
 .was-validated .form-select:valid:not([multiple]):not([size]), .was-validated .form-select:valid:not([multiple])[size="1"], .form-select.is-valid:not([multiple]):not([size]), .form-select.is-valid:not([multiple])[size="1"] {
+  --tblr-form-select-bg-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%232fb344' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='20 6 9 17 4 12'%3e%3c/polyline%3e%3c/svg%3e");
   padding-right: 4.125rem;
-  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23a5a9b1' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e"), url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%232fb344' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='20 6 9 17 4 12'%3e%3c/polyline%3e%3c/svg%3e");
   background-position: right 0.75rem center, center right 2.25rem;
   background-size: 16px 12px, calc(0.7142857143em + 0.4375rem) calc(0.7142857143em + 0.4375rem);
 }
 .was-validated .form-select:valid:focus, .form-select.is-valid:focus {
-  border-color: #2fb344;
-  box-shadow: 0 0 0 0.25rem rgba(47, 179, 68, 0.25);
+  border-color: var(--tblr-success);
+  box-shadow: 0 0 0 0.25rem rgba(var(--tblr-success-rgb), 0.25);
 }
 
 .was-validated .form-control-color:valid, .form-control-color.is-valid {
@@ -3177,16 +3291,16 @@ textarea.form-control-lg {
 }
 
 .was-validated .form-check-input:valid, .form-check-input.is-valid {
-  border-color: #2fb344;
+  border-color: var(--tblr-success);
 }
 .was-validated .form-check-input:valid:checked, .form-check-input.is-valid:checked {
-  background-color: #2fb344;
+  background-color: var(--tblr-success-text);
 }
 .was-validated .form-check-input:valid:focus, .form-check-input.is-valid:focus {
-  box-shadow: 0 0 0 0.25rem rgba(47, 179, 68, 0.25);
+  box-shadow: 0 0 0 0.25rem rgba(var(--tblr-success-rgb), 0.25);
 }
 .was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label {
-  color: #2fb344;
+  color: var(--tblr-success-text);
 }
 
 .form-check-inline .form-check-input ~ .valid-feedback {
@@ -3206,7 +3320,7 @@ textarea.form-control-lg {
   width: 100%;
   margin-top: 0.25rem;
   font-size: 85.714285%;
-  color: #d63939;
+  color: var(--tblr-danger-text);
 }
 
 .invalid-tooltip {
@@ -3218,9 +3332,9 @@ textarea.form-control-lg {
   padding: 0.25rem 0.5rem;
   margin-top: 0.1rem;
   font-size: 0.765625rem;
-  color: #f8fafc;
-  background-color: rgba(214, 57, 57, 0.9);
-  border-radius: 4px;
+  color: #fff;
+  background-color: var(--tblr-danger);
+  border-radius: var(--tblr-border-radius);
 }
 
 .was-validated :invalid ~ .invalid-feedback,
@@ -3231,7 +3345,7 @@ textarea.form-control-lg {
 }
 
 .was-validated .form-control:invalid, .form-control.is-invalid {
-  border-color: #d63939;
+  border-color: var(--tblr-danger);
   padding-right: calc(1.4285714286em + 0.875rem);
   background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23d63939' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cline x1='18' y1='6' x2='6' y2='18'%3e%3c/line%3e%3cline x1='6' y1='6' x2='18' y2='18'%3e%3c/line%3e%3c/svg%3e");
   background-repeat: no-repeat;
@@ -3239,8 +3353,8 @@ textarea.form-control-lg {
   background-size: calc(0.7142857143em + 0.4375rem) calc(0.7142857143em + 0.4375rem);
 }
 .was-validated .form-control:invalid:focus, .form-control.is-invalid:focus {
-  border-color: #d63939;
-  box-shadow: 0 0 0 0.25rem rgba(214, 57, 57, 0.25);
+  border-color: var(--tblr-danger);
+  box-shadow: 0 0 0 0.25rem rgba(var(--tblr-danger-rgb), 0.25);
 }
 
 .was-validated textarea.form-control:invalid, textarea.form-control.is-invalid {
@@ -3249,17 +3363,17 @@ textarea.form-control-lg {
 }
 
 .was-validated .form-select:invalid, .form-select.is-invalid {
-  border-color: #d63939;
+  border-color: var(--tblr-danger);
 }
 .was-validated .form-select:invalid:not([multiple]):not([size]), .was-validated .form-select:invalid:not([multiple])[size="1"], .form-select.is-invalid:not([multiple]):not([size]), .form-select.is-invalid:not([multiple])[size="1"] {
+  --tblr-form-select-bg-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23d63939' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cline x1='18' y1='6' x2='6' y2='18'%3e%3c/line%3e%3cline x1='6' y1='6' x2='18' y2='18'%3e%3c/line%3e%3c/svg%3e");
   padding-right: 4.125rem;
-  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23a5a9b1' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e"), url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23d63939' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cline x1='18' y1='6' x2='6' y2='18'%3e%3c/line%3e%3cline x1='6' y1='6' x2='18' y2='18'%3e%3c/line%3e%3c/svg%3e");
   background-position: right 0.75rem center, center right 2.25rem;
   background-size: 16px 12px, calc(0.7142857143em + 0.4375rem) calc(0.7142857143em + 0.4375rem);
 }
 .was-validated .form-select:invalid:focus, .form-select.is-invalid:focus {
-  border-color: #d63939;
-  box-shadow: 0 0 0 0.25rem rgba(214, 57, 57, 0.25);
+  border-color: var(--tblr-danger);
+  box-shadow: 0 0 0 0.25rem rgba(var(--tblr-danger-rgb), 0.25);
 }
 
 .was-validated .form-control-color:invalid, .form-control-color.is-invalid {
@@ -3267,16 +3381,16 @@ textarea.form-control-lg {
 }
 
 .was-validated .form-check-input:invalid, .form-check-input.is-invalid {
-  border-color: #d63939;
+  border-color: var(--tblr-danger);
 }
 .was-validated .form-check-input:invalid:checked, .form-check-input.is-invalid:checked {
-  background-color: #d63939;
+  background-color: var(--tblr-danger-text);
 }
 .was-validated .form-check-input:invalid:focus, .form-check-input.is-invalid:focus {
-  box-shadow: 0 0 0 0.25rem rgba(214, 57, 57, 0.25);
+  box-shadow: 0 0 0 0.25rem rgba(var(--tblr-danger-rgb), 0.25);
 }
 .was-validated .form-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label {
-  color: #d63939;
+  color: var(--tblr-danger-text);
 }
 
 .form-check-inline .form-check-input ~ .invalid-feedback {
@@ -3478,15 +3592,15 @@ textarea.form-control-lg {
   --tblr-dropdown-padding-y: 0.25rem;
   --tblr-dropdown-spacer: 1px;
   --tblr-dropdown-font-size: 0.875rem;
-  --tblr-dropdown-color: #1d273b;
-  --tblr-dropdown-bg: #ffffff;
+  --tblr-dropdown-color: var(--tblr-body-color);
+  --tblr-dropdown-bg: var(--tblr-bg-surface);
   --tblr-dropdown-border-color: var(--tblr-border-color-translucent);
   --tblr-dropdown-border-radius: 4px;
   --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);
+  --tblr-dropdown-box-shadow: 0 0.5rem 1rem rgba(var(--tblr-body-color-rgb), 0.15);
   --tblr-dropdown-link-color: inherit;
   --tblr-dropdown-link-hover-color: inherit;
   --tblr-dropdown-link-hover-bg: rgba(var(--tblr-muted-rgb), 0.04);
@@ -3699,6 +3813,7 @@ textarea.form-control-lg {
   white-space: nowrap;
   background-color: transparent;
   border: 0;
+  border-radius: var(--tblr-dropdown-item-border-radius, 0);
 }
 .dropdown-item:hover, .dropdown-item:focus {
   color: var(--tblr-dropdown-link-hover-color);
@@ -3893,7 +4008,7 @@ textarea.form-control-lg {
   --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);
   --tblr-nav-tabs-link-active-color: var(--tblr-body-color);
-  --tblr-nav-tabs-link-active-bg: #f1f5f9;
+  --tblr-nav-tabs-link-active-bg: var(--tblr-body-bg);
   --tblr-nav-tabs-link-active-border-color: var(--tblr-border-color) var(--tblr-border-color) var(--tblr-border-color);
   border-bottom: var(--tblr-nav-tabs-border-width) solid var(--tblr-nav-tabs-border-color);
 }
@@ -3975,7 +4090,7 @@ textarea.form-control-lg {
   --tblr-navbar-padding-x: 0;
   --tblr-navbar-padding-y: 0.25rem;
   --tblr-navbar-color: var(--tblr-body-color);
-  --tblr-navbar-hover-color: rgba(0, 0, 0, 0.7);
+  --tblr-navbar-hover-color: rgba(var(--tblr-emphasis-color-rgb), 0.8);
   --tblr-navbar-disabled-color: var(--tblr-disabled-color);
   --tblr-navbar-active-color: var(--tblr-body-color) color;
   --tblr-navbar-brand-padding-y: 0.5rem;
@@ -3987,8 +4102,8 @@ textarea.form-control-lg {
   --tblr-navbar-toggler-padding-y: 0;
   --tblr-navbar-toggler-padding-x: 0;
   --tblr-navbar-toggler-font-size: 1rem;
-  --tblr-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='var%28--tblr-body-color%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
-  --tblr-navbar-toggler-border-color: rgba(0, 0, 0, 0.1);
+  --tblr-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%2829, 39, 59, 0.75%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
+  --tblr-navbar-toggler-border-color: rgba(var(--tblr-emphasis-color-rgb), 0.15);
   --tblr-navbar-toggler-border-radius: var(--tblr-border-radius);
   --tblr-navbar-toggler-focus-width: 0;
   --tblr-navbar-toggler-transition: box-shadow 0.15s ease-in-out;
@@ -4394,6 +4509,10 @@ textarea.form-control-lg {
   --tblr-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.7%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
 }
 
+[data-bs-theme=dark] .navbar {
+  --tblr-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.7%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
+}
+
 .card {
   --tblr-card-spacer-y: 1rem;
   --tblr-card-spacer-x: 1.5rem;
@@ -4407,7 +4526,7 @@ textarea.form-control-lg {
   --tblr-card-inner-border-radius: calc(var(--tblr-border-radius) - (var(--tblr-border-width)));
   --tblr-card-cap-padding-y: 1rem;
   --tblr-card-cap-padding-x: 1.5rem;
-  --tblr-card-cap-bg: var(--tblr-bg-surface-secondary);
+  --tblr-card-cap-bg: var(--tblr-bg-surface-tertiary);
   --tblr-card-cap-color: inherit;
   --tblr-card-height: ;
   --tblr-card-color: inherit;
@@ -4589,17 +4708,17 @@ textarea.form-control-lg {
   --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: var(--tblr-border-width);
-  --tblr-accordion-border-radius: 4px;
-  --tblr-accordion-inner-border-radius: calc(4px - (var(--tblr-border-width)));
+  --tblr-accordion-border-radius: var(--tblr-border-radius);
+  --tblr-accordion-inner-border-radius: calc(var(--tblr-border-radius) - (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);
   --tblr-accordion-btn-bg: transparent;
-  --tblr-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='var%28--tblr-body-color%29'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
+  --tblr-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%231d273b'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
   --tblr-accordion-btn-icon-width: 1rem;
   --tblr-accordion-btn-icon-transform: rotate(-180deg);
   --tblr-accordion-btn-icon-transition: transform 0.2s ease-in-out;
-  --tblr-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='inherit'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
+  --tblr-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%231a569d'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
   --tblr-accordion-btn-focus-border-color: var(--tblr-border-color-translucent);
   --tblr-accordion-btn-focus-box-shadow: 0 0 0 0.25rem rgba(32, 107, 196, 0.25);
   --tblr-accordion-body-padding-x: 1.25rem;
@@ -4718,6 +4837,11 @@ textarea.form-control-lg {
   border-radius: 0;
 }
 
+[data-bs-theme=dark] .accordion-button::after {
+  --tblr-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%2379a6dc'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
+  --tblr-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%2379a6dc'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
+}
+
 .breadcrumb {
   --tblr-breadcrumb-padding-x: 0;
   --tblr-breadcrumb-padding-y: 0;
@@ -4757,20 +4881,20 @@ textarea.form-control-lg {
   --tblr-pagination-color: var(--tblr-muted);
   --tblr-pagination-bg: transparent;
   --tblr-pagination-border-width: 0;
-  --tblr-pagination-border-color: #c8d3e1;
-  --tblr-pagination-border-radius: 4px;
+  --tblr-pagination-border-color: var(--tblr-border-color);
+  --tblr-pagination-border-radius: var(--tblr-border-radius);
   --tblr-pagination-hover-color: var(--tblr-link-hover-color);
-  --tblr-pagination-hover-bg: #e2e8f0;
-  --tblr-pagination-hover-border-color: #c8d3e1;
+  --tblr-pagination-hover-bg: var(--tblr-tertiary-bg);
+  --tblr-pagination-hover-border-color: var(--tblr-border-color);
   --tblr-pagination-focus-color: var(--tblr-link-hover-color);
-  --tblr-pagination-focus-bg: #e2e8f0;
+  --tblr-pagination-focus-bg: var(--tblr-secondary-bg);
   --tblr-pagination-focus-box-shadow: 0 0 0 0.25rem rgba(32, 107, 196, 0.25);
   --tblr-pagination-active-color: #ffffff;
   --tblr-pagination-active-bg: var(--tblr-primary);
   --tblr-pagination-active-border-color: var(--tblr-primary);
   --tblr-pagination-disabled-color: var(--tblr-disabled-color);
   --tblr-pagination-disabled-bg: transparent;
-  --tblr-pagination-disabled-border-color: #c8d3e1;
+  --tblr-pagination-disabled-border-color: var(--tblr-border-color);
   display: flex;
   padding-left: 0;
   list-style: none;
@@ -4878,8 +5002,9 @@ textarea.form-control-lg {
   --tblr-alert-margin-bottom: 1rem;
   --tblr-alert-color: inherit;
   --tblr-alert-border-color: transparent;
-  --tblr-alert-border: 1px solid var(--tblr-alert-border-color);
+  --tblr-alert-border: var(--tblr-border-width) solid var(--tblr-alert-border-color);
   --tblr-alert-border-radius: 4px;
+  --tblr-alert-link-color: inherit;
   position: relative;
   padding: var(--tblr-alert-padding-y) var(--tblr-alert-padding-x);
   margin-bottom: var(--tblr-alert-margin-bottom);
@@ -4895,6 +5020,7 @@ textarea.form-control-lg {
 
 .alert-link {
   font-weight: var(--tblr-font-weight-bold);
+  color: var(--tblr-alert-link-color);
 }
 
 .alert-dismissible {
@@ -4908,17 +5034,270 @@ textarea.form-control-lg {
   padding: 1.25rem 1rem;
 }
 
+.alert-primary {
+  --tblr-alert-color: var(--tblr-primary-text);
+  --tblr-alert-bg: var(--tblr-primary-bg-subtle);
+  --tblr-alert-border-color: var(--tblr-primary-border-subtle);
+  --tblr-alert-link-color: var(--tblr-primary-text);
+}
+
+.alert-secondary {
+  --tblr-alert-color: var(--tblr-secondary-text);
+  --tblr-alert-bg: var(--tblr-secondary-bg-subtle);
+  --tblr-alert-border-color: var(--tblr-secondary-border-subtle);
+  --tblr-alert-link-color: var(--tblr-secondary-text);
+}
+
+.alert-success {
+  --tblr-alert-color: var(--tblr-success-text);
+  --tblr-alert-bg: var(--tblr-success-bg-subtle);
+  --tblr-alert-border-color: var(--tblr-success-border-subtle);
+  --tblr-alert-link-color: var(--tblr-success-text);
+}
+
+.alert-info {
+  --tblr-alert-color: var(--tblr-info-text);
+  --tblr-alert-bg: var(--tblr-info-bg-subtle);
+  --tblr-alert-border-color: var(--tblr-info-border-subtle);
+  --tblr-alert-link-color: var(--tblr-info-text);
+}
+
+.alert-warning {
+  --tblr-alert-color: var(--tblr-warning-text);
+  --tblr-alert-bg: var(--tblr-warning-bg-subtle);
+  --tblr-alert-border-color: var(--tblr-warning-border-subtle);
+  --tblr-alert-link-color: var(--tblr-warning-text);
+}
+
+.alert-danger {
+  --tblr-alert-color: var(--tblr-danger-text);
+  --tblr-alert-bg: var(--tblr-danger-bg-subtle);
+  --tblr-alert-border-color: var(--tblr-danger-border-subtle);
+  --tblr-alert-link-color: var(--tblr-danger-text);
+}
+
+.alert-light {
+  --tblr-alert-color: var(--tblr-light-text);
+  --tblr-alert-bg: var(--tblr-light-bg-subtle);
+  --tblr-alert-border-color: var(--tblr-light-border-subtle);
+  --tblr-alert-link-color: var(--tblr-light-text);
+}
+
+.alert-dark {
+  --tblr-alert-color: var(--tblr-dark-text);
+  --tblr-alert-bg: var(--tblr-dark-bg-subtle);
+  --tblr-alert-border-color: var(--tblr-dark-border-subtle);
+  --tblr-alert-link-color: var(--tblr-dark-text);
+}
+
+.alert-muted {
+  --tblr-alert-color: var(--tblr-muted-text);
+  --tblr-alert-bg: var(--tblr-muted-bg-subtle);
+  --tblr-alert-border-color: var(--tblr-muted-border-subtle);
+  --tblr-alert-link-color: var(--tblr-muted-text);
+}
+
+.alert-blue {
+  --tblr-alert-color: var(--tblr-blue-text);
+  --tblr-alert-bg: var(--tblr-blue-bg-subtle);
+  --tblr-alert-border-color: var(--tblr-blue-border-subtle);
+  --tblr-alert-link-color: var(--tblr-blue-text);
+}
+
+.alert-azure {
+  --tblr-alert-color: var(--tblr-azure-text);
+  --tblr-alert-bg: var(--tblr-azure-bg-subtle);
+  --tblr-alert-border-color: var(--tblr-azure-border-subtle);
+  --tblr-alert-link-color: var(--tblr-azure-text);
+}
+
+.alert-indigo {
+  --tblr-alert-color: var(--tblr-indigo-text);
+  --tblr-alert-bg: var(--tblr-indigo-bg-subtle);
+  --tblr-alert-border-color: var(--tblr-indigo-border-subtle);
+  --tblr-alert-link-color: var(--tblr-indigo-text);
+}
+
+.alert-purple {
+  --tblr-alert-color: var(--tblr-purple-text);
+  --tblr-alert-bg: var(--tblr-purple-bg-subtle);
+  --tblr-alert-border-color: var(--tblr-purple-border-subtle);
+  --tblr-alert-link-color: var(--tblr-purple-text);
+}
+
+.alert-pink {
+  --tblr-alert-color: var(--tblr-pink-text);
+  --tblr-alert-bg: var(--tblr-pink-bg-subtle);
+  --tblr-alert-border-color: var(--tblr-pink-border-subtle);
+  --tblr-alert-link-color: var(--tblr-pink-text);
+}
+
+.alert-red {
+  --tblr-alert-color: var(--tblr-red-text);
+  --tblr-alert-bg: var(--tblr-red-bg-subtle);
+  --tblr-alert-border-color: var(--tblr-red-border-subtle);
+  --tblr-alert-link-color: var(--tblr-red-text);
+}
+
+.alert-orange {
+  --tblr-alert-color: var(--tblr-orange-text);
+  --tblr-alert-bg: var(--tblr-orange-bg-subtle);
+  --tblr-alert-border-color: var(--tblr-orange-border-subtle);
+  --tblr-alert-link-color: var(--tblr-orange-text);
+}
+
+.alert-yellow {
+  --tblr-alert-color: var(--tblr-yellow-text);
+  --tblr-alert-bg: var(--tblr-yellow-bg-subtle);
+  --tblr-alert-border-color: var(--tblr-yellow-border-subtle);
+  --tblr-alert-link-color: var(--tblr-yellow-text);
+}
+
+.alert-lime {
+  --tblr-alert-color: var(--tblr-lime-text);
+  --tblr-alert-bg: var(--tblr-lime-bg-subtle);
+  --tblr-alert-border-color: var(--tblr-lime-border-subtle);
+  --tblr-alert-link-color: var(--tblr-lime-text);
+}
+
+.alert-green {
+  --tblr-alert-color: var(--tblr-green-text);
+  --tblr-alert-bg: var(--tblr-green-bg-subtle);
+  --tblr-alert-border-color: var(--tblr-green-border-subtle);
+  --tblr-alert-link-color: var(--tblr-green-text);
+}
+
+.alert-teal {
+  --tblr-alert-color: var(--tblr-teal-text);
+  --tblr-alert-bg: var(--tblr-teal-bg-subtle);
+  --tblr-alert-border-color: var(--tblr-teal-border-subtle);
+  --tblr-alert-link-color: var(--tblr-teal-text);
+}
+
+.alert-cyan {
+  --tblr-alert-color: var(--tblr-cyan-text);
+  --tblr-alert-bg: var(--tblr-cyan-bg-subtle);
+  --tblr-alert-border-color: var(--tblr-cyan-border-subtle);
+  --tblr-alert-link-color: var(--tblr-cyan-text);
+}
+
+.alert-facebook {
+  --tblr-alert-color: var(--tblr-facebook-text);
+  --tblr-alert-bg: var(--tblr-facebook-bg-subtle);
+  --tblr-alert-border-color: var(--tblr-facebook-border-subtle);
+  --tblr-alert-link-color: var(--tblr-facebook-text);
+}
+
+.alert-twitter {
+  --tblr-alert-color: var(--tblr-twitter-text);
+  --tblr-alert-bg: var(--tblr-twitter-bg-subtle);
+  --tblr-alert-border-color: var(--tblr-twitter-border-subtle);
+  --tblr-alert-link-color: var(--tblr-twitter-text);
+}
+
+.alert-linkedin {
+  --tblr-alert-color: var(--tblr-linkedin-text);
+  --tblr-alert-bg: var(--tblr-linkedin-bg-subtle);
+  --tblr-alert-border-color: var(--tblr-linkedin-border-subtle);
+  --tblr-alert-link-color: var(--tblr-linkedin-text);
+}
+
+.alert-google {
+  --tblr-alert-color: var(--tblr-google-text);
+  --tblr-alert-bg: var(--tblr-google-bg-subtle);
+  --tblr-alert-border-color: var(--tblr-google-border-subtle);
+  --tblr-alert-link-color: var(--tblr-google-text);
+}
+
+.alert-youtube {
+  --tblr-alert-color: var(--tblr-youtube-text);
+  --tblr-alert-bg: var(--tblr-youtube-bg-subtle);
+  --tblr-alert-border-color: var(--tblr-youtube-border-subtle);
+  --tblr-alert-link-color: var(--tblr-youtube-text);
+}
+
+.alert-vimeo {
+  --tblr-alert-color: var(--tblr-vimeo-text);
+  --tblr-alert-bg: var(--tblr-vimeo-bg-subtle);
+  --tblr-alert-border-color: var(--tblr-vimeo-border-subtle);
+  --tblr-alert-link-color: var(--tblr-vimeo-text);
+}
+
+.alert-dribbble {
+  --tblr-alert-color: var(--tblr-dribbble-text);
+  --tblr-alert-bg: var(--tblr-dribbble-bg-subtle);
+  --tblr-alert-border-color: var(--tblr-dribbble-border-subtle);
+  --tblr-alert-link-color: var(--tblr-dribbble-text);
+}
+
+.alert-github {
+  --tblr-alert-color: var(--tblr-github-text);
+  --tblr-alert-bg: var(--tblr-github-bg-subtle);
+  --tblr-alert-border-color: var(--tblr-github-border-subtle);
+  --tblr-alert-link-color: var(--tblr-github-text);
+}
+
+.alert-instagram {
+  --tblr-alert-color: var(--tblr-instagram-text);
+  --tblr-alert-bg: var(--tblr-instagram-bg-subtle);
+  --tblr-alert-border-color: var(--tblr-instagram-border-subtle);
+  --tblr-alert-link-color: var(--tblr-instagram-text);
+}
+
+.alert-pinterest {
+  --tblr-alert-color: var(--tblr-pinterest-text);
+  --tblr-alert-bg: var(--tblr-pinterest-bg-subtle);
+  --tblr-alert-border-color: var(--tblr-pinterest-border-subtle);
+  --tblr-alert-link-color: var(--tblr-pinterest-text);
+}
+
+.alert-vk {
+  --tblr-alert-color: var(--tblr-vk-text);
+  --tblr-alert-bg: var(--tblr-vk-bg-subtle);
+  --tblr-alert-border-color: var(--tblr-vk-border-subtle);
+  --tblr-alert-link-color: var(--tblr-vk-text);
+}
+
+.alert-rss {
+  --tblr-alert-color: var(--tblr-rss-text);
+  --tblr-alert-bg: var(--tblr-rss-bg-subtle);
+  --tblr-alert-border-color: var(--tblr-rss-border-subtle);
+  --tblr-alert-link-color: var(--tblr-rss-text);
+}
+
+.alert-flickr {
+  --tblr-alert-color: var(--tblr-flickr-text);
+  --tblr-alert-bg: var(--tblr-flickr-bg-subtle);
+  --tblr-alert-border-color: var(--tblr-flickr-border-subtle);
+  --tblr-alert-link-color: var(--tblr-flickr-text);
+}
+
+.alert-bitbucket {
+  --tblr-alert-color: var(--tblr-bitbucket-text);
+  --tblr-alert-bg: var(--tblr-bitbucket-bg-subtle);
+  --tblr-alert-border-color: var(--tblr-bitbucket-border-subtle);
+  --tblr-alert-link-color: var(--tblr-bitbucket-text);
+}
+
+.alert-tabler {
+  --tblr-alert-color: var(--tblr-tabler-text);
+  --tblr-alert-bg: var(--tblr-tabler-bg-subtle);
+  --tblr-alert-border-color: var(--tblr-tabler-border-subtle);
+  --tblr-alert-link-color: var(--tblr-tabler-text);
+}
+
 @keyframes progress-bar-stripes {
   0% {
     background-position-x: 0.5rem;
   }
 }
-.progress {
+.progress,
+.progress-stacked {
   --tblr-progress-height: 0.5rem;
   --tblr-progress-font-size: 0.65625rem;
   --tblr-progress-bg: var(--tblr-border-color);
   --tblr-progress-border-radius: var(--tblr-border-radius);
-  --tblr-progress-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075);
+  --tblr-progress-box-shadow: var(--tblr-box-shadow-inset);
   --tblr-progress-bar-color: #ffffff;
   --tblr-progress-bar-bg: var(--tblr-primary);
   --tblr-progress-bar-transition: width 0.6s ease;
@@ -4952,6 +5331,14 @@ textarea.form-control-lg {
   background-size: var(--tblr-progress-height) var(--tblr-progress-height);
 }
 
+.progress-stacked > .progress {
+  overflow: visible;
+}
+
+.progress-stacked > .progress > .progress-bar {
+  width: 100%;
+}
+
 .progress-bar-animated {
   animation: 1s linear infinite progress-bar-stripes;
 }
@@ -4962,19 +5349,19 @@ textarea.form-control-lg {
 }
 
 .list-group {
-  --tblr-list-group-color: #0f172a;
+  --tblr-list-group-color: var(--tblr-body-color);
   --tblr-list-group-bg: inherit;
   --tblr-list-group-border-color: var(--tblr-border-color);
   --tblr-list-group-border-width: var(--tblr-border-width);
-  --tblr-list-group-border-radius: 4px;
+  --tblr-list-group-border-radius: var(--tblr-border-radius);
   --tblr-list-group-item-padding-x: 1.5rem;
   --tblr-list-group-item-padding-y: 1rem;
   --tblr-list-group-action-color: inherit;
-  --tblr-list-group-action-hover-color: inherit;
+  --tblr-list-group-action-hover-color: var(--tblr-emphasis-color);
   --tblr-list-group-action-hover-bg: rgba(var(--tblr-muted-rgb), 0.04);
-  --tblr-list-group-action-active-color: #1d273b;
-  --tblr-list-group-action-active-bg: #e2e8f0;
-  --tblr-list-group-disabled-color: #49566c;
+  --tblr-list-group-action-active-color: var(--tblr-body-color);
+  --tblr-list-group-action-active-bg: var(--tblr-secondary-bg);
+  --tblr-list-group-disabled-color: var(--tblr-secondary-color);
   --tblr-list-group-disabled-bg: inherit;
   --tblr-list-group-active-color: inherit;
   --tblr-list-group-active-bg: var(--tblr-active-bg);
@@ -5200,507 +5587,543 @@ textarea.form-control-lg {
 }
 
 .list-group-item-primary {
-  color: #134076;
-  background-color: #d2e1f3;
+  --tblr-list-group-color: var(--tblr-primary-text);
+  --tblr-list-group-bg: var(--tblr-primary-bg-subtle);
+  --tblr-list-group-border-color: var(--tblr-primary-border-subtle);
 }
 .list-group-item-primary.list-group-item-action:hover, .list-group-item-primary.list-group-item-action:focus {
-  color: #134076;
-  background-color: #bdcbdb;
+  --tblr-list-group-action-hover-color: var(--tblr-emphasis-color);
+  --tblr-list-group-action-hover-bg: var(--tblr-primary-border-subtle);
 }
-.list-group-item-primary.list-group-item-action.active {
-  color: #ffffff;
-  background-color: #134076;
-  border-color: #134076;
+.list-group-item-primary.list-group-item-action:active {
+  --tblr-list-group-active-color: var(--tblr-emphasis-color);
+  --tblr-list-group-active-bg: var(--tblr-primary-text);
+  --tblr-list-group-active-border-color: var(--tblr-primary-text);
 }
 
 .list-group-item-secondary {
-  color: #3a3e47;
-  background-color: #dfe1e4;
+  --tblr-list-group-color: var(--tblr-secondary-text);
+  --tblr-list-group-bg: var(--tblr-secondary-bg-subtle);
+  --tblr-list-group-border-color: var(--tblr-secondary-border-subtle);
 }
 .list-group-item-secondary.list-group-item-action:hover, .list-group-item-secondary.list-group-item-action:focus {
-  color: #3a3e47;
-  background-color: #c9cbcd;
+  --tblr-list-group-action-hover-color: var(--tblr-emphasis-color);
+  --tblr-list-group-action-hover-bg: var(--tblr-secondary-border-subtle);
 }
-.list-group-item-secondary.list-group-item-action.active {
-  color: #ffffff;
-  background-color: #3a3e47;
-  border-color: #3a3e47;
+.list-group-item-secondary.list-group-item-action:active {
+  --tblr-list-group-active-color: var(--tblr-emphasis-color);
+  --tblr-list-group-active-bg: var(--tblr-secondary-text);
+  --tblr-list-group-active-border-color: var(--tblr-secondary-text);
 }
 
 .list-group-item-success {
-  color: #1c6b29;
-  background-color: #d5f0da;
+  --tblr-list-group-color: var(--tblr-success-text);
+  --tblr-list-group-bg: var(--tblr-success-bg-subtle);
+  --tblr-list-group-border-color: var(--tblr-success-border-subtle);
 }
 .list-group-item-success.list-group-item-action:hover, .list-group-item-success.list-group-item-action:focus {
-  color: #1c6b29;
-  background-color: #c0d8c4;
+  --tblr-list-group-action-hover-color: var(--tblr-emphasis-color);
+  --tblr-list-group-action-hover-bg: var(--tblr-success-border-subtle);
 }
-.list-group-item-success.list-group-item-action.active {
-  color: #ffffff;
-  background-color: #1c6b29;
-  border-color: #1c6b29;
+.list-group-item-success.list-group-item-action:active {
+  --tblr-list-group-active-color: var(--tblr-emphasis-color);
+  --tblr-list-group-active-bg: var(--tblr-success-text);
+  --tblr-list-group-active-border-color: var(--tblr-success-text);
 }
 
 .list-group-item-info {
-  color: #285c87;
-  background-color: #d9ebf9;
+  --tblr-list-group-color: var(--tblr-info-text);
+  --tblr-list-group-bg: var(--tblr-info-bg-subtle);
+  --tblr-list-group-border-color: var(--tblr-info-border-subtle);
 }
 .list-group-item-info.list-group-item-action:hover, .list-group-item-info.list-group-item-action:focus {
-  color: #285c87;
-  background-color: #c3d4e0;
+  --tblr-list-group-action-hover-color: var(--tblr-emphasis-color);
+  --tblr-list-group-action-hover-bg: var(--tblr-info-border-subtle);
 }
-.list-group-item-info.list-group-item-action.active {
-  color: #ffffff;
-  background-color: #285c87;
-  border-color: #285c87;
+.list-group-item-info.list-group-item-action:active {
+  --tblr-list-group-active-color: var(--tblr-emphasis-color);
+  --tblr-list-group-active-bg: var(--tblr-info-text);
+  --tblr-list-group-active-border-color: var(--tblr-info-text);
 }
 
 .list-group-item-warning {
-  color: #943e04;
-  background-color: #fde1cd;
+  --tblr-list-group-color: var(--tblr-warning-text);
+  --tblr-list-group-bg: var(--tblr-warning-bg-subtle);
+  --tblr-list-group-border-color: var(--tblr-warning-border-subtle);
 }
 .list-group-item-warning.list-group-item-action:hover, .list-group-item-warning.list-group-item-action:focus {
-  color: #943e04;
-  background-color: #e4cbb9;
+  --tblr-list-group-action-hover-color: var(--tblr-emphasis-color);
+  --tblr-list-group-action-hover-bg: var(--tblr-warning-border-subtle);
 }
-.list-group-item-warning.list-group-item-action.active {
-  color: #ffffff;
-  background-color: #943e04;
-  border-color: #943e04;
+.list-group-item-warning.list-group-item-action:active {
+  --tblr-list-group-active-color: var(--tblr-emphasis-color);
+  --tblr-list-group-active-bg: var(--tblr-warning-text);
+  --tblr-list-group-active-border-color: var(--tblr-warning-text);
 }
 
 .list-group-item-danger {
-  color: #802222;
-  background-color: #f7d7d7;
+  --tblr-list-group-color: var(--tblr-danger-text);
+  --tblr-list-group-bg: var(--tblr-danger-bg-subtle);
+  --tblr-list-group-border-color: var(--tblr-danger-border-subtle);
 }
 .list-group-item-danger.list-group-item-action:hover, .list-group-item-danger.list-group-item-action:focus {
-  color: #802222;
-  background-color: #dec2c2;
+  --tblr-list-group-action-hover-color: var(--tblr-emphasis-color);
+  --tblr-list-group-action-hover-bg: var(--tblr-danger-border-subtle);
 }
-.list-group-item-danger.list-group-item-action.active {
-  color: #ffffff;
-  background-color: #802222;
-  border-color: #802222;
+.list-group-item-danger.list-group-item-action:active {
+  --tblr-list-group-active-color: var(--tblr-emphasis-color);
+  --tblr-list-group-active-bg: var(--tblr-danger-text);
+  --tblr-list-group-active-border-color: var(--tblr-danger-text);
 }
 
 .list-group-item-light {
-  color: #959697;
-  background-color: #fefefe;
+  --tblr-list-group-color: var(--tblr-light-text);
+  --tblr-list-group-bg: var(--tblr-light-bg-subtle);
+  --tblr-list-group-border-color: var(--tblr-light-border-subtle);
 }
 .list-group-item-light.list-group-item-action:hover, .list-group-item-light.list-group-item-action:focus {
-  color: #959697;
-  background-color: #e5e5e5;
+  --tblr-list-group-action-hover-color: var(--tblr-emphasis-color);
+  --tblr-list-group-action-hover-bg: var(--tblr-light-border-subtle);
 }
-.list-group-item-light.list-group-item-action.active {
-  color: #ffffff;
-  background-color: #959697;
-  border-color: #959697;
+.list-group-item-light.list-group-item-action:active {
+  --tblr-list-group-active-color: var(--tblr-emphasis-color);
+  --tblr-list-group-active-bg: var(--tblr-light-text);
+  --tblr-list-group-active-border-color: var(--tblr-light-text);
 }
 
 .list-group-item-dark {
-  color: #111723;
-  background-color: #d2d4d8;
+  --tblr-list-group-color: var(--tblr-dark-text);
+  --tblr-list-group-bg: var(--tblr-dark-bg-subtle);
+  --tblr-list-group-border-color: var(--tblr-dark-border-subtle);
 }
 .list-group-item-dark.list-group-item-action:hover, .list-group-item-dark.list-group-item-action:focus {
-  color: #111723;
-  background-color: #bdbfc2;
+  --tblr-list-group-action-hover-color: var(--tblr-emphasis-color);
+  --tblr-list-group-action-hover-bg: var(--tblr-dark-border-subtle);
 }
-.list-group-item-dark.list-group-item-action.active {
-  color: #ffffff;
-  background-color: #111723;
-  border-color: #111723;
+.list-group-item-dark.list-group-item-action:active {
+  --tblr-list-group-active-color: var(--tblr-emphasis-color);
+  --tblr-list-group-active-bg: var(--tblr-dark-text);
+  --tblr-list-group-active-border-color: var(--tblr-dark-text);
 }
 
 .list-group-item-muted {
-  color: #3a3e47;
-  background-color: #dfe1e4;
+  --tblr-list-group-color: var(--tblr-muted-text);
+  --tblr-list-group-bg: var(--tblr-muted-bg-subtle);
+  --tblr-list-group-border-color: var(--tblr-muted-border-subtle);
 }
 .list-group-item-muted.list-group-item-action:hover, .list-group-item-muted.list-group-item-action:focus {
-  color: #3a3e47;
-  background-color: #c9cbcd;
+  --tblr-list-group-action-hover-color: var(--tblr-emphasis-color);
+  --tblr-list-group-action-hover-bg: var(--tblr-muted-border-subtle);
 }
-.list-group-item-muted.list-group-item-action.active {
-  color: #ffffff;
-  background-color: #3a3e47;
-  border-color: #3a3e47;
+.list-group-item-muted.list-group-item-action:active {
+  --tblr-list-group-active-color: var(--tblr-emphasis-color);
+  --tblr-list-group-active-bg: var(--tblr-muted-text);
+  --tblr-list-group-active-border-color: var(--tblr-muted-text);
 }
 
 .list-group-item-blue {
-  color: #134076;
-  background-color: #d2e1f3;
+  --tblr-list-group-color: var(--tblr-blue-text);
+  --tblr-list-group-bg: var(--tblr-blue-bg-subtle);
+  --tblr-list-group-border-color: var(--tblr-blue-border-subtle);
 }
 .list-group-item-blue.list-group-item-action:hover, .list-group-item-blue.list-group-item-action:focus {
-  color: #134076;
-  background-color: #bdcbdb;
+  --tblr-list-group-action-hover-color: var(--tblr-emphasis-color);
+  --tblr-list-group-action-hover-bg: var(--tblr-blue-border-subtle);
 }
-.list-group-item-blue.list-group-item-action.active {
-  color: #ffffff;
-  background-color: #134076;
-  border-color: #134076;
+.list-group-item-blue.list-group-item-action:active {
+  --tblr-list-group-active-color: var(--tblr-emphasis-color);
+  --tblr-list-group-active-bg: var(--tblr-blue-text);
+  --tblr-list-group-active-border-color: var(--tblr-blue-text);
 }
 
 .list-group-item-azure {
-  color: #285c87;
-  background-color: #d9ebf9;
+  --tblr-list-group-color: var(--tblr-azure-text);
+  --tblr-list-group-bg: var(--tblr-azure-bg-subtle);
+  --tblr-list-group-border-color: var(--tblr-azure-border-subtle);
 }
 .list-group-item-azure.list-group-item-action:hover, .list-group-item-azure.list-group-item-action:focus {
-  color: #285c87;
-  background-color: #c3d4e0;
+  --tblr-list-group-action-hover-color: var(--tblr-emphasis-color);
+  --tblr-list-group-action-hover-bg: var(--tblr-azure-border-subtle);
 }
-.list-group-item-azure.list-group-item-action.active {
-  color: #ffffff;
-  background-color: #285c87;
-  border-color: #285c87;
+.list-group-item-azure.list-group-item-action:active {
+  --tblr-list-group-active-color: var(--tblr-emphasis-color);
+  --tblr-list-group-active-bg: var(--tblr-azure-text);
+  --tblr-list-group-active-border-color: var(--tblr-azure-text);
 }
 
 .list-group-item-indigo {
-  color: #283b8d;
-  background-color: #d9e0fb;
+  --tblr-list-group-color: var(--tblr-indigo-text);
+  --tblr-list-group-bg: var(--tblr-indigo-bg-subtle);
+  --tblr-list-group-border-color: var(--tblr-indigo-border-subtle);
 }
 .list-group-item-indigo.list-group-item-action:hover, .list-group-item-indigo.list-group-item-action:focus {
-  color: #283b8d;
-  background-color: #c3cae2;
+  --tblr-list-group-action-hover-color: var(--tblr-emphasis-color);
+  --tblr-list-group-action-hover-bg: var(--tblr-indigo-border-subtle);
 }
-.list-group-item-indigo.list-group-item-action.active {
-  color: #ffffff;
-  background-color: #283b8d;
-  border-color: #283b8d;
+.list-group-item-indigo.list-group-item-action:active {
+  --tblr-list-group-active-color: var(--tblr-emphasis-color);
+  --tblr-list-group-active-bg: var(--tblr-indigo-text);
+  --tblr-list-group-active-border-color: var(--tblr-indigo-text);
 }
 
 .list-group-item-purple {
-  color: #682579;
-  background-color: #efd8f4;
+  --tblr-list-group-color: var(--tblr-purple-text);
+  --tblr-list-group-bg: var(--tblr-purple-bg-subtle);
+  --tblr-list-group-border-color: var(--tblr-purple-border-subtle);
 }
 .list-group-item-purple.list-group-item-action:hover, .list-group-item-purple.list-group-item-action:focus {
-  color: #682579;
-  background-color: #d7c2dc;
+  --tblr-list-group-action-hover-color: var(--tblr-emphasis-color);
+  --tblr-list-group-action-hover-bg: var(--tblr-purple-border-subtle);
 }
-.list-group-item-purple.list-group-item-action.active {
-  color: #ffffff;
-  background-color: #682579;
-  border-color: #682579;
+.list-group-item-purple.list-group-item-action:active {
+  --tblr-list-group-active-color: var(--tblr-emphasis-color);
+  --tblr-list-group-active-bg: var(--tblr-purple-text);
+  --tblr-list-group-active-border-color: var(--tblr-purple-text);
 }
 
 .list-group-item-pink {
-  color: #801f41;
-  background-color: #f7d6e2;
+  --tblr-list-group-color: var(--tblr-pink-text);
+  --tblr-list-group-bg: var(--tblr-pink-bg-subtle);
+  --tblr-list-group-border-color: var(--tblr-pink-border-subtle);
 }
 .list-group-item-pink.list-group-item-action:hover, .list-group-item-pink.list-group-item-action:focus {
-  color: #801f41;
-  background-color: #dec1cb;
+  --tblr-list-group-action-hover-color: var(--tblr-emphasis-color);
+  --tblr-list-group-action-hover-bg: var(--tblr-pink-border-subtle);
 }
-.list-group-item-pink.list-group-item-action.active {
-  color: #ffffff;
-  background-color: #801f41;
-  border-color: #801f41;
+.list-group-item-pink.list-group-item-action:active {
+  --tblr-list-group-active-color: var(--tblr-emphasis-color);
+  --tblr-list-group-active-bg: var(--tblr-pink-text);
+  --tblr-list-group-active-border-color: var(--tblr-pink-text);
 }
 
 .list-group-item-red {
-  color: #802222;
-  background-color: #f7d7d7;
+  --tblr-list-group-color: var(--tblr-red-text);
+  --tblr-list-group-bg: var(--tblr-red-bg-subtle);
+  --tblr-list-group-border-color: var(--tblr-red-border-subtle);
 }
 .list-group-item-red.list-group-item-action:hover, .list-group-item-red.list-group-item-action:focus {
-  color: #802222;
-  background-color: #dec2c2;
+  --tblr-list-group-action-hover-color: var(--tblr-emphasis-color);
+  --tblr-list-group-action-hover-bg: var(--tblr-red-border-subtle);
 }
-.list-group-item-red.list-group-item-action.active {
-  color: #ffffff;
-  background-color: #802222;
-  border-color: #802222;
+.list-group-item-red.list-group-item-action:active {
+  --tblr-list-group-active-color: var(--tblr-emphasis-color);
+  --tblr-list-group-active-bg: var(--tblr-red-text);
+  --tblr-list-group-active-border-color: var(--tblr-red-text);
 }
 
 .list-group-item-orange {
-  color: #943e04;
-  background-color: #fde1cd;
+  --tblr-list-group-color: var(--tblr-orange-text);
+  --tblr-list-group-bg: var(--tblr-orange-bg-subtle);
+  --tblr-list-group-border-color: var(--tblr-orange-border-subtle);
 }
 .list-group-item-orange.list-group-item-action:hover, .list-group-item-orange.list-group-item-action:focus {
-  color: #943e04;
-  background-color: #e4cbb9;
+  --tblr-list-group-action-hover-color: var(--tblr-emphasis-color);
+  --tblr-list-group-action-hover-bg: var(--tblr-orange-border-subtle);
 }
-.list-group-item-orange.list-group-item-action.active {
-  color: #ffffff;
-  background-color: #943e04;
-  border-color: #943e04;
+.list-group-item-orange.list-group-item-action:active {
+  --tblr-list-group-active-color: var(--tblr-emphasis-color);
+  --tblr-list-group-active-bg: var(--tblr-orange-text);
+  --tblr-list-group-active-border-color: var(--tblr-orange-text);
 }
 
 .list-group-item-yellow {
-  color: #935f00;
-  background-color: #fdeccc;
+  --tblr-list-group-color: var(--tblr-yellow-text);
+  --tblr-list-group-bg: var(--tblr-yellow-bg-subtle);
+  --tblr-list-group-border-color: var(--tblr-yellow-border-subtle);
 }
 .list-group-item-yellow.list-group-item-action:hover, .list-group-item-yellow.list-group-item-action:focus {
-  color: #935f00;
-  background-color: #e4d4b8;
+  --tblr-list-group-action-hover-color: var(--tblr-emphasis-color);
+  --tblr-list-group-action-hover-bg: var(--tblr-yellow-border-subtle);
 }
-.list-group-item-yellow.list-group-item-action.active {
-  color: #ffffff;
-  background-color: #935f00;
-  border-color: #935f00;
+.list-group-item-yellow.list-group-item-action:active {
+  --tblr-list-group-active-color: var(--tblr-emphasis-color);
+  --tblr-list-group-active-bg: var(--tblr-yellow-text);
+  --tblr-list-group-active-border-color: var(--tblr-yellow-text);
 }
 
 .list-group-item-lime {
-  color: #466e0d;
-  background-color: #e3f1d0;
+  --tblr-list-group-color: var(--tblr-lime-text);
+  --tblr-list-group-bg: var(--tblr-lime-bg-subtle);
+  --tblr-list-group-border-color: var(--tblr-lime-border-subtle);
 }
 .list-group-item-lime.list-group-item-action:hover, .list-group-item-lime.list-group-item-action:focus {
-  color: #466e0d;
-  background-color: #ccd9bb;
+  --tblr-list-group-action-hover-color: var(--tblr-emphasis-color);
+  --tblr-list-group-action-hover-bg: var(--tblr-lime-border-subtle);
 }
-.list-group-item-lime.list-group-item-action.active {
-  color: #ffffff;
-  background-color: #466e0d;
-  border-color: #466e0d;
+.list-group-item-lime.list-group-item-action:active {
+  --tblr-list-group-active-color: var(--tblr-emphasis-color);
+  --tblr-list-group-active-bg: var(--tblr-lime-text);
+  --tblr-list-group-active-border-color: var(--tblr-lime-text);
 }
 
 .list-group-item-green {
-  color: #1c6b29;
-  background-color: #d5f0da;
+  --tblr-list-group-color: var(--tblr-green-text);
+  --tblr-list-group-bg: var(--tblr-green-bg-subtle);
+  --tblr-list-group-border-color: var(--tblr-green-border-subtle);
 }
 .list-group-item-green.list-group-item-action:hover, .list-group-item-green.list-group-item-action:focus {
-  color: #1c6b29;
-  background-color: #c0d8c4;
+  --tblr-list-group-action-hover-color: var(--tblr-emphasis-color);
+  --tblr-list-group-action-hover-bg: var(--tblr-green-border-subtle);
 }
-.list-group-item-green.list-group-item-action.active {
-  color: #ffffff;
-  background-color: #1c6b29;
-  border-color: #1c6b29;
+.list-group-item-green.list-group-item-action:active {
+  --tblr-list-group-active-color: var(--tblr-emphasis-color);
+  --tblr-list-group-active-bg: var(--tblr-green-text);
+  --tblr-list-group-active-border-color: var(--tblr-green-text);
 }
 
 .list-group-item-teal {
-  color: #076448;
-  background-color: #ceede4;
+  --tblr-list-group-color: var(--tblr-teal-text);
+  --tblr-list-group-bg: var(--tblr-teal-bg-subtle);
+  --tblr-list-group-border-color: var(--tblr-teal-border-subtle);
 }
 .list-group-item-teal.list-group-item-action:hover, .list-group-item-teal.list-group-item-action:focus {
-  color: #076448;
-  background-color: #b9d5cd;
+  --tblr-list-group-action-hover-color: var(--tblr-emphasis-color);
+  --tblr-list-group-action-hover-bg: var(--tblr-teal-border-subtle);
 }
-.list-group-item-teal.list-group-item-action.active {
-  color: #ffffff;
-  background-color: #076448;
-  border-color: #076448;
+.list-group-item-teal.list-group-item-action:active {
+  --tblr-list-group-active-color: var(--tblr-emphasis-color);
+  --tblr-list-group-active-bg: var(--tblr-teal-text);
+  --tblr-list-group-active-border-color: var(--tblr-teal-text);
 }
 
 .list-group-item-cyan {
-  color: #0e616e;
-  background-color: #d1ecf1;
+  --tblr-list-group-color: var(--tblr-cyan-text);
+  --tblr-list-group-bg: var(--tblr-cyan-bg-subtle);
+  --tblr-list-group-border-color: var(--tblr-cyan-border-subtle);
 }
 .list-group-item-cyan.list-group-item-action:hover, .list-group-item-cyan.list-group-item-action:focus {
-  color: #0e616e;
-  background-color: #bcd4d9;
+  --tblr-list-group-action-hover-color: var(--tblr-emphasis-color);
+  --tblr-list-group-action-hover-bg: var(--tblr-cyan-border-subtle);
 }
-.list-group-item-cyan.list-group-item-action.active {
-  color: #ffffff;
-  background-color: #0e616e;
-  border-color: #0e616e;
+.list-group-item-cyan.list-group-item-action:active {
+  --tblr-list-group-active-color: var(--tblr-emphasis-color);
+  --tblr-list-group-active-bg: var(--tblr-cyan-text);
+  --tblr-list-group-active-border-color: var(--tblr-cyan-text);
 }
 
 .list-group-item-facebook {
-  color: #0e4791;
-  background-color: #d1e4fc;
+  --tblr-list-group-color: var(--tblr-facebook-text);
+  --tblr-list-group-bg: var(--tblr-facebook-bg-subtle);
+  --tblr-list-group-border-color: var(--tblr-facebook-border-subtle);
 }
 .list-group-item-facebook.list-group-item-action:hover, .list-group-item-facebook.list-group-item-action:focus {
-  color: #0e4791;
-  background-color: #bccde3;
+  --tblr-list-group-action-hover-color: var(--tblr-emphasis-color);
+  --tblr-list-group-action-hover-bg: var(--tblr-facebook-border-subtle);
 }
-.list-group-item-facebook.list-group-item-action.active {
-  color: #ffffff;
-  background-color: #0e4791;
-  border-color: #0e4791;
+.list-group-item-facebook.list-group-item-action:active {
+  --tblr-list-group-active-color: var(--tblr-emphasis-color);
+  --tblr-list-group-active-bg: var(--tblr-facebook-text);
+  --tblr-list-group-active-border-color: var(--tblr-facebook-text);
 }
 
 .list-group-item-twitter {
-  color: #116191;
-  background-color: #d2ecfc;
+  --tblr-list-group-color: var(--tblr-twitter-text);
+  --tblr-list-group-bg: var(--tblr-twitter-bg-subtle);
+  --tblr-list-group-border-color: var(--tblr-twitter-border-subtle);
 }
 .list-group-item-twitter.list-group-item-action:hover, .list-group-item-twitter.list-group-item-action:focus {
-  color: #116191;
-  background-color: #bdd4e3;
+  --tblr-list-group-action-hover-color: var(--tblr-emphasis-color);
+  --tblr-list-group-action-hover-bg: var(--tblr-twitter-border-subtle);
 }
-.list-group-item-twitter.list-group-item-action.active {
-  color: #ffffff;
-  background-color: #116191;
-  border-color: #116191;
+.list-group-item-twitter.list-group-item-action:active {
+  --tblr-list-group-active-color: var(--tblr-emphasis-color);
+  --tblr-list-group-active-bg: var(--tblr-twitter-text);
+  --tblr-list-group-active-border-color: var(--tblr-twitter-text);
 }
 
 .list-group-item-linkedin {
-  color: #063d74;
-  background-color: #cee0f3;
+  --tblr-list-group-color: var(--tblr-linkedin-text);
+  --tblr-list-group-bg: var(--tblr-linkedin-bg-subtle);
+  --tblr-list-group-border-color: var(--tblr-linkedin-border-subtle);
 }
 .list-group-item-linkedin.list-group-item-action:hover, .list-group-item-linkedin.list-group-item-action:focus {
-  color: #063d74;
-  background-color: #b9cadb;
+  --tblr-list-group-action-hover-color: var(--tblr-emphasis-color);
+  --tblr-list-group-action-hover-bg: var(--tblr-linkedin-border-subtle);
 }
-.list-group-item-linkedin.list-group-item-action.active {
-  color: #ffffff;
-  background-color: #063d74;
-  border-color: #063d74;
+.list-group-item-linkedin.list-group-item-action:active {
+  --tblr-list-group-active-color: var(--tblr-emphasis-color);
+  --tblr-list-group-active-bg: var(--tblr-linkedin-text);
+  --tblr-list-group-active-border-color: var(--tblr-linkedin-text);
 }
 
 .list-group-item-google {
-  color: #842f27;
-  background-color: #f8dcd9;
+  --tblr-list-group-color: var(--tblr-google-text);
+  --tblr-list-group-bg: var(--tblr-google-bg-subtle);
+  --tblr-list-group-border-color: var(--tblr-google-border-subtle);
 }
 .list-group-item-google.list-group-item-action:hover, .list-group-item-google.list-group-item-action:focus {
-  color: #842f27;
-  background-color: #dfc6c3;
+  --tblr-list-group-action-hover-color: var(--tblr-emphasis-color);
+  --tblr-list-group-action-hover-bg: var(--tblr-google-border-subtle);
 }
-.list-group-item-google.list-group-item-action.active {
-  color: #ffffff;
-  background-color: #842f27;
-  border-color: #842f27;
+.list-group-item-google.list-group-item-action:active {
+  --tblr-list-group-active-color: var(--tblr-emphasis-color);
+  --tblr-list-group-active-bg: var(--tblr-google-text);
+  --tblr-list-group-active-border-color: var(--tblr-google-text);
 }
 
 .list-group-item-youtube {
-  color: #990000;
-  background-color: #ffcccc;
+  --tblr-list-group-color: var(--tblr-youtube-text);
+  --tblr-list-group-bg: var(--tblr-youtube-bg-subtle);
+  --tblr-list-group-border-color: var(--tblr-youtube-border-subtle);
 }
 .list-group-item-youtube.list-group-item-action:hover, .list-group-item-youtube.list-group-item-action:focus {
-  color: #990000;
-  background-color: #e6b8b8;
+  --tblr-list-group-action-hover-color: var(--tblr-emphasis-color);
+  --tblr-list-group-action-hover-bg: var(--tblr-youtube-border-subtle);
 }
-.list-group-item-youtube.list-group-item-action.active {
-  color: #ffffff;
-  background-color: #990000;
-  border-color: #990000;
+.list-group-item-youtube.list-group-item-action:active {
+  --tblr-list-group-active-color: var(--tblr-emphasis-color);
+  --tblr-list-group-active-bg: var(--tblr-youtube-text);
+  --tblr-list-group-active-border-color: var(--tblr-youtube-text);
 }
 
 .list-group-item-vimeo {
-  color: #106e8c;
-  background-color: #d1f1fb;
+  --tblr-list-group-color: var(--tblr-vimeo-text);
+  --tblr-list-group-bg: var(--tblr-vimeo-bg-subtle);
+  --tblr-list-group-border-color: var(--tblr-vimeo-border-subtle);
 }
 .list-group-item-vimeo.list-group-item-action:hover, .list-group-item-vimeo.list-group-item-action:focus {
-  color: #106e8c;
-  background-color: #bcd9e2;
+  --tblr-list-group-action-hover-color: var(--tblr-emphasis-color);
+  --tblr-list-group-action-hover-bg: var(--tblr-vimeo-border-subtle);
 }
-.list-group-item-vimeo.list-group-item-action.active {
-  color: #ffffff;
-  background-color: #106e8c;
-  border-color: #106e8c;
+.list-group-item-vimeo.list-group-item-action:active {
+  --tblr-list-group-active-color: var(--tblr-emphasis-color);
+  --tblr-list-group-active-bg: var(--tblr-vimeo-text);
+  --tblr-list-group-active-border-color: var(--tblr-vimeo-text);
 }
 
 .list-group-item-dribbble {
-  color: #8c2e52;
-  background-color: #fbdbe7;
+  --tblr-list-group-color: var(--tblr-dribbble-text);
+  --tblr-list-group-bg: var(--tblr-dribbble-bg-subtle);
+  --tblr-list-group-border-color: var(--tblr-dribbble-border-subtle);
 }
 .list-group-item-dribbble.list-group-item-action:hover, .list-group-item-dribbble.list-group-item-action:focus {
-  color: #8c2e52;
-  background-color: #e2c5d0;
+  --tblr-list-group-action-hover-color: var(--tblr-emphasis-color);
+  --tblr-list-group-action-hover-bg: var(--tblr-dribbble-border-subtle);
 }
-.list-group-item-dribbble.list-group-item-action.active {
-  color: #ffffff;
-  background-color: #8c2e52;
-  border-color: #8c2e52;
+.list-group-item-dribbble.list-group-item-action:active {
+  --tblr-list-group-active-color: var(--tblr-emphasis-color);
+  --tblr-list-group-active-bg: var(--tblr-dribbble-text);
+  --tblr-list-group-active-border-color: var(--tblr-dribbble-text);
 }
 
 .list-group-item-github {
-  color: #0e0e0e;
-  background-color: #d1d1d1;
+  --tblr-list-group-color: var(--tblr-github-text);
+  --tblr-list-group-bg: var(--tblr-github-bg-subtle);
+  --tblr-list-group-border-color: var(--tblr-github-border-subtle);
 }
 .list-group-item-github.list-group-item-action:hover, .list-group-item-github.list-group-item-action:focus {
-  color: #0e0e0e;
-  background-color: #bcbcbc;
+  --tblr-list-group-action-hover-color: var(--tblr-emphasis-color);
+  --tblr-list-group-action-hover-bg: var(--tblr-github-border-subtle);
 }
-.list-group-item-github.list-group-item-action.active {
-  color: #ffffff;
-  background-color: #0e0e0e;
-  border-color: #0e0e0e;
+.list-group-item-github.list-group-item-action:active {
+  --tblr-list-group-active-color: var(--tblr-emphasis-color);
+  --tblr-list-group-active-bg: var(--tblr-github-text);
+  --tblr-list-group-active-border-color: var(--tblr-github-text);
 }
 
 .list-group-item-instagram {
-  color: #892639;
-  background-color: #fad9df;
+  --tblr-list-group-color: var(--tblr-instagram-text);
+  --tblr-list-group-bg: var(--tblr-instagram-bg-subtle);
+  --tblr-list-group-border-color: var(--tblr-instagram-border-subtle);
 }
 .list-group-item-instagram.list-group-item-action:hover, .list-group-item-instagram.list-group-item-action:focus {
-  color: #892639;
-  background-color: #e1c3c9;
+  --tblr-list-group-action-hover-color: var(--tblr-emphasis-color);
+  --tblr-list-group-action-hover-bg: var(--tblr-instagram-border-subtle);
 }
-.list-group-item-instagram.list-group-item-action.active {
-  color: #ffffff;
-  background-color: #892639;
-  border-color: #892639;
+.list-group-item-instagram.list-group-item-action:active {
+  --tblr-list-group-active-color: var(--tblr-emphasis-color);
+  --tblr-list-group-active-bg: var(--tblr-instagram-text);
+  --tblr-list-group-active-border-color: var(--tblr-instagram-text);
 }
 
 .list-group-item-pinterest {
-  color: #710511;
-  background-color: #f2ced2;
+  --tblr-list-group-color: var(--tblr-pinterest-text);
+  --tblr-list-group-bg: var(--tblr-pinterest-bg-subtle);
+  --tblr-list-group-border-color: var(--tblr-pinterest-border-subtle);
 }
 .list-group-item-pinterest.list-group-item-action:hover, .list-group-item-pinterest.list-group-item-action:focus {
-  color: #710511;
-  background-color: #dab9bd;
+  --tblr-list-group-action-hover-color: var(--tblr-emphasis-color);
+  --tblr-list-group-action-hover-bg: var(--tblr-pinterest-border-subtle);
 }
-.list-group-item-pinterest.list-group-item-action.active {
-  color: #ffffff;
-  background-color: #710511;
-  border-color: #710511;
+.list-group-item-pinterest.list-group-item-action:active {
+  --tblr-list-group-active-color: var(--tblr-emphasis-color);
+  --tblr-list-group-active-bg: var(--tblr-pinterest-text);
+  --tblr-list-group-active-border-color: var(--tblr-pinterest-text);
 }
 
 .list-group-item-vk {
-  color: #3b4f65;
-  background-color: #e0e6ee;
+  --tblr-list-group-color: var(--tblr-vk-text);
+  --tblr-list-group-bg: var(--tblr-vk-bg-subtle);
+  --tblr-list-group-border-color: var(--tblr-vk-border-subtle);
 }
 .list-group-item-vk.list-group-item-action:hover, .list-group-item-vk.list-group-item-action:focus {
-  color: #3b4f65;
-  background-color: #cacfd6;
+  --tblr-list-group-action-hover-color: var(--tblr-emphasis-color);
+  --tblr-list-group-action-hover-bg: var(--tblr-vk-border-subtle);
 }
-.list-group-item-vk.list-group-item-action.active {
-  color: #ffffff;
-  background-color: #3b4f65;
-  border-color: #3b4f65;
+.list-group-item-vk.list-group-item-action:active {
+  --tblr-list-group-active-color: var(--tblr-emphasis-color);
+  --tblr-list-group-active-bg: var(--tblr-vk-text);
+  --tblr-list-group-active-border-color: var(--tblr-vk-text);
 }
 
 .list-group-item-rss {
-  color: #996300;
-  background-color: #ffedcc;
+  --tblr-list-group-color: var(--tblr-rss-text);
+  --tblr-list-group-bg: var(--tblr-rss-bg-subtle);
+  --tblr-list-group-border-color: var(--tblr-rss-border-subtle);
 }
 .list-group-item-rss.list-group-item-action:hover, .list-group-item-rss.list-group-item-action:focus {
-  color: #996300;
-  background-color: #e6d5b8;
+  --tblr-list-group-action-hover-color: var(--tblr-emphasis-color);
+  --tblr-list-group-action-hover-bg: var(--tblr-rss-border-subtle);
 }
-.list-group-item-rss.list-group-item-action.active {
-  color: #ffffff;
-  background-color: #996300;
-  border-color: #996300;
+.list-group-item-rss.list-group-item-action:active {
+  --tblr-list-group-active-color: var(--tblr-emphasis-color);
+  --tblr-list-group-active-bg: var(--tblr-rss-text);
+  --tblr-list-group-active-border-color: var(--tblr-rss-text);
 }
 
 .list-group-item-flickr {
-  color: #003b84;
-  background-color: #cce0f8;
+  --tblr-list-group-color: var(--tblr-flickr-text);
+  --tblr-list-group-bg: var(--tblr-flickr-bg-subtle);
+  --tblr-list-group-border-color: var(--tblr-flickr-border-subtle);
 }
 .list-group-item-flickr.list-group-item-action:hover, .list-group-item-flickr.list-group-item-action:focus {
-  color: #003b84;
-  background-color: #b8cadf;
+  --tblr-list-group-action-hover-color: var(--tblr-emphasis-color);
+  --tblr-list-group-action-hover-bg: var(--tblr-flickr-border-subtle);
 }
-.list-group-item-flickr.list-group-item-action.active {
-  color: #ffffff;
-  background-color: #003b84;
-  border-color: #003b84;
+.list-group-item-flickr.list-group-item-action:active {
+  --tblr-list-group-active-color: var(--tblr-emphasis-color);
+  --tblr-list-group-active-bg: var(--tblr-flickr-text);
+  --tblr-list-group-active-border-color: var(--tblr-flickr-text);
 }
 
 .list-group-item-bitbucket {
-  color: #00317a;
-  background-color: #ccdcf5;
+  --tblr-list-group-color: var(--tblr-bitbucket-text);
+  --tblr-list-group-bg: var(--tblr-bitbucket-bg-subtle);
+  --tblr-list-group-border-color: var(--tblr-bitbucket-border-subtle);
 }
 .list-group-item-bitbucket.list-group-item-action:hover, .list-group-item-bitbucket.list-group-item-action:focus {
-  color: #00317a;
-  background-color: #b8c6dd;
+  --tblr-list-group-action-hover-color: var(--tblr-emphasis-color);
+  --tblr-list-group-action-hover-bg: var(--tblr-bitbucket-border-subtle);
 }
-.list-group-item-bitbucket.list-group-item-action.active {
-  color: #ffffff;
-  background-color: #00317a;
-  border-color: #00317a;
+.list-group-item-bitbucket.list-group-item-action:active {
+  --tblr-list-group-active-color: var(--tblr-emphasis-color);
+  --tblr-list-group-active-bg: var(--tblr-bitbucket-text);
+  --tblr-list-group-active-border-color: var(--tblr-bitbucket-text);
 }
 
 .list-group-item-tabler {
-  color: #134076;
-  background-color: #d2e1f3;
+  --tblr-list-group-color: var(--tblr-tabler-text);
+  --tblr-list-group-bg: var(--tblr-tabler-bg-subtle);
+  --tblr-list-group-border-color: var(--tblr-tabler-border-subtle);
 }
 .list-group-item-tabler.list-group-item-action:hover, .list-group-item-tabler.list-group-item-action:focus {
-  color: #134076;
-  background-color: #bdcbdb;
+  --tblr-list-group-action-hover-color: var(--tblr-emphasis-color);
+  --tblr-list-group-action-hover-bg: var(--tblr-tabler-border-subtle);
 }
-.list-group-item-tabler.list-group-item-action.active {
-  color: #ffffff;
-  background-color: #134076;
-  border-color: #134076;
+.list-group-item-tabler.list-group-item-action:active {
+  --tblr-list-group-active-color: var(--tblr-emphasis-color);
+  --tblr-list-group-active-bg: var(--tblr-tabler-text);
+  --tblr-list-group-active-border-color: var(--tblr-tabler-text);
 }
 
 .btn-close {
@@ -5745,22 +6168,26 @@ textarea.form-control-lg {
   filter: var(--tblr-btn-close-white-filter);
 }
 
+[data-bs-theme=dark] .btn-close {
+  filter: var(--tblr-btn-close-white-filter);
+}
+
 .toast {
   --tblr-toast-zindex: 1090;
   --tblr-toast-padding-x: 0.75rem;
   --tblr-toast-padding-y: 0.5rem;
-  --tblr-toast-spacing: 1.5rem;
+  --tblr-toast-spacing: var(--tblr-content-padding);
   --tblr-toast-max-width: 350px;
   --tblr-toast-font-size: 0.875rem;
   --tblr-toast-color: ;
-  --tblr-toast-bg: rgba(255, 255, 255, 0.85);
+  --tblr-toast-bg: rgba(var(--tblr-body-bg-rgb), 0.85);
   --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);
+  --tblr-toast-border-radius: var(--tblr-border-radius);
+  --tblr-toast-box-shadow: var(--tblr-box-shadow);
   --tblr-toast-header-color: var(--tblr-muted);
-  --tblr-toast-header-bg: rgba(255, 255, 255, 0.85);
-  --tblr-toast-header-border-color: rgba(0, 0, 0, 0.05);
+  --tblr-toast-header-bg: rgba(var(--tblr-body-bg-rgb), 0.85);
+  --tblr-toast-header-border-color: var(--tblr-border-color);
   width: var(--tblr-toast-max-width);
   max-width: 100%;
   font-size: var(--tblr-toast-font-size);
@@ -5824,13 +6251,13 @@ textarea.form-control-lg {
   --tblr-modal-border-color: transparent;
   --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-box-shadow: 0 0.125rem 0.25rem rgba(var(--tblr-body-color-rgb), 0.075);
   --tblr-modal-inner-border-radius: calc(var(--tblr-modal-border-radius) - 1px);
   --tblr-modal-header-padding-x: 1.5rem;
   --tblr-modal-header-padding-y: 1.5rem;
   --tblr-modal-header-padding: 1.5rem;
   --tblr-modal-header-border-color: var(--tblr-border-color);
-  --tblr-modal-header-border-width: 1px;
+  --tblr-modal-header-border-width: var(--tblr-border-width);
   --tblr-modal-title-line-height: 1.4285714286;
   --tblr-modal-footer-gap: 0.75rem;
   --tblr-modal-footer-bg: ;
@@ -5965,7 +6392,7 @@ textarea.form-control-lg {
 @media (min-width: 576px) {
   .modal {
     --tblr-modal-margin: 1.75rem;
-    --tblr-modal-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
+    --tblr-modal-box-shadow: 0 0.5rem 1rem rgba(var(--tblr-body-color-rgb), 0.15);
   }
   .modal-dialog {
     max-width: var(--tblr-modal-width);
@@ -6115,7 +6542,7 @@ textarea.form-control-lg {
   --tblr-tooltip-font-size: 0.765625rem;
   --tblr-tooltip-color: var(--tblr-light);
   --tblr-tooltip-bg: var(--tblr-bg-surface-dark);
-  --tblr-tooltip-border-radius: 4px;
+  --tblr-tooltip-border-radius: var(--tblr-border-radius);
   --tblr-tooltip-opacity: 0.9;
   --tblr-tooltip-arrow-width: 0.8rem;
   --tblr-tooltip-arrow-height: 0.4rem;
@@ -6216,9 +6643,9 @@ textarea.form-control-lg {
   --tblr-popover-bg: var(--tblr-bg-surface);
   --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: calc(8px - (var(--tblr-border-width)));
-  --tblr-popover-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
+  --tblr-popover-border-radius: var(--tblr-border-radius-lg);
+  --tblr-popover-inner-border-radius: calc(var(--tblr-border-radius-lg) - var(--tblr-border-width));
+  --tblr-popover-box-shadow: 0 0.5rem 1rem rgba(var(--tblr-body-color-rgb), 0.15);
   --tblr-popover-header-padding-x: 1rem;
   --tblr-popover-header-padding-y: 0.5rem;
   --tblr-popover-header-font-size: 0.875rem;
@@ -6570,6 +6997,17 @@ textarea.form-control-lg {
   color: #000000;
 }
 
+[data-bs-theme=dark] .carousel .carousel-control-prev-icon,
+[data-bs-theme=dark] .carousel .carousel-control-next-icon {
+  filter: invert(1) grayscale(100);
+}
+[data-bs-theme=dark] .carousel .carousel-indicators [data-bs-target] {
+  background-color: #000000;
+}
+[data-bs-theme=dark] .carousel .carousel-caption {
+  color: #000000;
+}
+
 .spinner-grow,
 .spinner-border {
   display: inline-block;
@@ -6638,11 +7076,11 @@ textarea.form-control-lg {
   --tblr-offcanvas-height: 30vh;
   --tblr-offcanvas-padding-x: 1.5rem;
   --tblr-offcanvas-padding-y: 1.5rem;
-  --tblr-offcanvas-color: ;
+  --tblr-offcanvas-color: var(--tblr-body-color);
   --tblr-offcanvas-bg: var(--tblr-bg-surface);
   --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-box-shadow: 0 0.125rem 0.25rem rgba(var(--tblr-body-color-rgb), 0.075);
   --tblr-offcanvas-transition: transform 0.3s ease-in-out;
   --tblr-offcanvas-title-line-height: 1.4285714286;
 }
@@ -8053,15 +8491,15 @@ textarea.form-control-lg {
 }
 
 .shadow {
-  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
+  box-shadow: 0 0.5rem 1rem rgba(var(--tblr-body-color-rgb), 0.15) !important;
 }
 
 .shadow-sm {
-  box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important;
+  box-shadow: 0 0.125rem 0.25rem rgba(var(--tblr-body-color-rgb), 0.075) !important;
 }
 
 .shadow-lg {
-  box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important;
+  box-shadow: 0 1rem 3rem rgba(var(--tblr-body-color-rgb), 0.175) !important;
 }
 
 .shadow-none {
@@ -8394,6 +8832,38 @@ textarea.form-control-lg {
   border-color: rgba(var(--tblr-white-rgb), var(--tblr-border-opacity)) !important;
 }
 
+.border-primary-subtle {
+  border-color: var(--tblr-primary-border-subtle) !important;
+}
+
+.border-secondary-subtle {
+  border-color: var(--tblr-secondary-border-subtle) !important;
+}
+
+.border-success-subtle {
+  border-color: var(--tblr-success-border-subtle) !important;
+}
+
+.border-info-subtle {
+  border-color: var(--tblr-info-border-subtle) !important;
+}
+
+.border-warning-subtle {
+  border-color: var(--tblr-warning-border-subtle) !important;
+}
+
+.border-danger-subtle {
+  border-color: var(--tblr-danger-border-subtle) !important;
+}
+
+.border-light-subtle {
+  border-color: var(--tblr-light-border-subtle) !important;
+}
+
+.border-dark-subtle {
+  border-color: var(--tblr-dark-border-subtle) !important;
+}
+
 .border-1 {
   --tblr-border-width: 1px;
 }
@@ -9148,6 +9618,60 @@ textarea.form-control-lg {
   gap: 4rem !important;
 }
 
+.row-gap-0 {
+  row-gap: 0 !important;
+}
+
+.row-gap-1 {
+  row-gap: 0.25rem !important;
+}
+
+.row-gap-2 {
+  row-gap: 0.5rem !important;
+}
+
+.row-gap-3 {
+  row-gap: 1rem !important;
+}
+
+.row-gap-4 {
+  row-gap: 2rem !important;
+}
+
+.row-gap-5 {
+  row-gap: 4rem !important;
+}
+
+.column-gap-0 {
+  -moz-column-gap: 0 !important;
+       column-gap: 0 !important;
+}
+
+.column-gap-1 {
+  -moz-column-gap: 0.25rem !important;
+       column-gap: 0.25rem !important;
+}
+
+.column-gap-2 {
+  -moz-column-gap: 0.5rem !important;
+       column-gap: 0.5rem !important;
+}
+
+.column-gap-3 {
+  -moz-column-gap: 1rem !important;
+       column-gap: 1rem !important;
+}
+
+.column-gap-4 {
+  -moz-column-gap: 2rem !important;
+       column-gap: 2rem !important;
+}
+
+.column-gap-5 {
+  -moz-column-gap: 4rem !important;
+       column-gap: 4rem !important;
+}
+
 .font-monospace {
   font-family: var(--tblr-font-monospace) !important;
 }
@@ -9484,6 +10008,21 @@ textarea.form-control-lg {
   color: rgba(255, 255, 255, 0.5) !important;
 }
 
+.text-body-secondary {
+  --tblr-text-opacity: 1;
+  color: var(--tblr-secondary-color) !important;
+}
+
+.text-body-tertiary {
+  --tblr-text-opacity: 1;
+  color: var(--tblr-tertiary-color) !important;
+}
+
+.text-body-emphasis {
+  --tblr-text-opacity: 1;
+  color: var(--tblr-emphasis-color) !important;
+}
+
 .text-reset {
   --tblr-text-opacity: 1;
   color: inherit !important;
@@ -9505,6 +10044,38 @@ textarea.form-control-lg {
   --tblr-text-opacity: 1;
 }
 
+.text-primary-emphasis {
+  color: var(--tblr-primary-text) !important;
+}
+
+.text-secondary-emphasis {
+  color: var(--tblr-secondary-text) !important;
+}
+
+.text-success-emphasis {
+  color: var(--tblr-success-text) !important;
+}
+
+.text-info-emphasis {
+  color: var(--tblr-info-text) !important;
+}
+
+.text-warning-emphasis {
+  color: var(--tblr-warning-text) !important;
+}
+
+.text-danger-emphasis {
+  color: var(--tblr-danger-text) !important;
+}
+
+.text-light-emphasis {
+  color: var(--tblr-light-text) !important;
+}
+
+.text-dark-emphasis {
+  color: var(--tblr-dark-text) !important;
+}
+
 .bg-primary {
   --tblr-bg-opacity: 1;
   background-color: rgba(var(--tblr-primary-rgb), var(--tblr-bg-opacity)) !important;
@@ -9705,6 +10276,21 @@ textarea.form-control-lg {
   background-color: transparent !important;
 }
 
+.bg-body-secondary {
+  --tblr-bg-opacity: 1;
+  background-color: rgba(var(--tblr-secondary-bg-rgb), var(--tblr-bg-opacity)) !important;
+}
+
+.bg-body-tertiary {
+  --tblr-bg-opacity: 1;
+  background-color: rgba(var(--tblr-tertiary-bg-rgb), var(--tblr-bg-opacity)) !important;
+}
+
+.bg-body-emphasis {
+  --tblr-bg-opacity: 1;
+  background-color: rgba(var(--tblr-emphasis-bg-rgb), var(--tblr-bg-opacity)) !important;
+}
+
 .bg-opacity-10 {
   --tblr-bg-opacity: 0.1;
 }
@@ -9725,6 +10311,38 @@ textarea.form-control-lg {
   --tblr-bg-opacity: 1;
 }
 
+.bg-primary-subtle {
+  background-color: var(--tblr-primary-bg-subtle) !important;
+}
+
+.bg-secondary-subtle {
+  background-color: var(--tblr-secondary-bg-subtle) !important;
+}
+
+.bg-success-subtle {
+  background-color: var(--tblr-success-bg-subtle) !important;
+}
+
+.bg-info-subtle {
+  background-color: var(--tblr-info-bg-subtle) !important;
+}
+
+.bg-warning-subtle {
+  background-color: var(--tblr-warning-bg-subtle) !important;
+}
+
+.bg-danger-subtle {
+  background-color: var(--tblr-danger-bg-subtle) !important;
+}
+
+.bg-light-subtle {
+  background-color: var(--tblr-light-bg-subtle) !important;
+}
+
+.bg-dark-subtle {
+  background-color: var(--tblr-dark-bg-subtle) !important;
+}
+
 .bg-gradient {
   background-image: var(--tblr-gradient) !important;
 }
@@ -10651,6 +11269,48 @@ textarea.form-control-lg {
   .gap-sm-5 {
     gap: 4rem !important;
   }
+  .row-gap-sm-0 {
+    row-gap: 0 !important;
+  }
+  .row-gap-sm-1 {
+    row-gap: 0.25rem !important;
+  }
+  .row-gap-sm-2 {
+    row-gap: 0.5rem !important;
+  }
+  .row-gap-sm-3 {
+    row-gap: 1rem !important;
+  }
+  .row-gap-sm-4 {
+    row-gap: 2rem !important;
+  }
+  .row-gap-sm-5 {
+    row-gap: 4rem !important;
+  }
+  .column-gap-sm-0 {
+    -moz-column-gap: 0 !important;
+         column-gap: 0 !important;
+  }
+  .column-gap-sm-1 {
+    -moz-column-gap: 0.25rem !important;
+         column-gap: 0.25rem !important;
+  }
+  .column-gap-sm-2 {
+    -moz-column-gap: 0.5rem !important;
+         column-gap: 0.5rem !important;
+  }
+  .column-gap-sm-3 {
+    -moz-column-gap: 1rem !important;
+         column-gap: 1rem !important;
+  }
+  .column-gap-sm-4 {
+    -moz-column-gap: 2rem !important;
+         column-gap: 2rem !important;
+  }
+  .column-gap-sm-5 {
+    -moz-column-gap: 4rem !important;
+         column-gap: 4rem !important;
+  }
   .text-sm-start {
     text-align: left !important;
   }
@@ -11179,6 +11839,48 @@ textarea.form-control-lg {
   .gap-md-5 {
     gap: 4rem !important;
   }
+  .row-gap-md-0 {
+    row-gap: 0 !important;
+  }
+  .row-gap-md-1 {
+    row-gap: 0.25rem !important;
+  }
+  .row-gap-md-2 {
+    row-gap: 0.5rem !important;
+  }
+  .row-gap-md-3 {
+    row-gap: 1rem !important;
+  }
+  .row-gap-md-4 {
+    row-gap: 2rem !important;
+  }
+  .row-gap-md-5 {
+    row-gap: 4rem !important;
+  }
+  .column-gap-md-0 {
+    -moz-column-gap: 0 !important;
+         column-gap: 0 !important;
+  }
+  .column-gap-md-1 {
+    -moz-column-gap: 0.25rem !important;
+         column-gap: 0.25rem !important;
+  }
+  .column-gap-md-2 {
+    -moz-column-gap: 0.5rem !important;
+         column-gap: 0.5rem !important;
+  }
+  .column-gap-md-3 {
+    -moz-column-gap: 1rem !important;
+         column-gap: 1rem !important;
+  }
+  .column-gap-md-4 {
+    -moz-column-gap: 2rem !important;
+         column-gap: 2rem !important;
+  }
+  .column-gap-md-5 {
+    -moz-column-gap: 4rem !important;
+         column-gap: 4rem !important;
+  }
   .text-md-start {
     text-align: left !important;
   }
@@ -11707,6 +12409,48 @@ textarea.form-control-lg {
   .gap-lg-5 {
     gap: 4rem !important;
   }
+  .row-gap-lg-0 {
+    row-gap: 0 !important;
+  }
+  .row-gap-lg-1 {
+    row-gap: 0.25rem !important;
+  }
+  .row-gap-lg-2 {
+    row-gap: 0.5rem !important;
+  }
+  .row-gap-lg-3 {
+    row-gap: 1rem !important;
+  }
+  .row-gap-lg-4 {
+    row-gap: 2rem !important;
+  }
+  .row-gap-lg-5 {
+    row-gap: 4rem !important;
+  }
+  .column-gap-lg-0 {
+    -moz-column-gap: 0 !important;
+         column-gap: 0 !important;
+  }
+  .column-gap-lg-1 {
+    -moz-column-gap: 0.25rem !important;
+         column-gap: 0.25rem !important;
+  }
+  .column-gap-lg-2 {
+    -moz-column-gap: 0.5rem !important;
+         column-gap: 0.5rem !important;
+  }
+  .column-gap-lg-3 {
+    -moz-column-gap: 1rem !important;
+         column-gap: 1rem !important;
+  }
+  .column-gap-lg-4 {
+    -moz-column-gap: 2rem !important;
+         column-gap: 2rem !important;
+  }
+  .column-gap-lg-5 {
+    -moz-column-gap: 4rem !important;
+         column-gap: 4rem !important;
+  }
   .text-lg-start {
     text-align: left !important;
   }
@@ -12229,11 +12973,53 @@ textarea.form-control-lg {
   .gap-xl-3 {
     gap: 1rem !important;
   }
-  .gap-xl-4 {
-    gap: 2rem !important;
+  .gap-xl-4 {
+    gap: 2rem !important;
+  }
+  .gap-xl-5 {
+    gap: 4rem !important;
+  }
+  .row-gap-xl-0 {
+    row-gap: 0 !important;
+  }
+  .row-gap-xl-1 {
+    row-gap: 0.25rem !important;
+  }
+  .row-gap-xl-2 {
+    row-gap: 0.5rem !important;
+  }
+  .row-gap-xl-3 {
+    row-gap: 1rem !important;
+  }
+  .row-gap-xl-4 {
+    row-gap: 2rem !important;
+  }
+  .row-gap-xl-5 {
+    row-gap: 4rem !important;
+  }
+  .column-gap-xl-0 {
+    -moz-column-gap: 0 !important;
+         column-gap: 0 !important;
+  }
+  .column-gap-xl-1 {
+    -moz-column-gap: 0.25rem !important;
+         column-gap: 0.25rem !important;
+  }
+  .column-gap-xl-2 {
+    -moz-column-gap: 0.5rem !important;
+         column-gap: 0.5rem !important;
+  }
+  .column-gap-xl-3 {
+    -moz-column-gap: 1rem !important;
+         column-gap: 1rem !important;
   }
-  .gap-xl-5 {
-    gap: 4rem !important;
+  .column-gap-xl-4 {
+    -moz-column-gap: 2rem !important;
+         column-gap: 2rem !important;
+  }
+  .column-gap-xl-5 {
+    -moz-column-gap: 4rem !important;
+         column-gap: 4rem !important;
   }
   .text-xl-start {
     text-align: left !important;
@@ -12763,6 +13549,48 @@ textarea.form-control-lg {
   .gap-xxl-5 {
     gap: 4rem !important;
   }
+  .row-gap-xxl-0 {
+    row-gap: 0 !important;
+  }
+  .row-gap-xxl-1 {
+    row-gap: 0.25rem !important;
+  }
+  .row-gap-xxl-2 {
+    row-gap: 0.5rem !important;
+  }
+  .row-gap-xxl-3 {
+    row-gap: 1rem !important;
+  }
+  .row-gap-xxl-4 {
+    row-gap: 2rem !important;
+  }
+  .row-gap-xxl-5 {
+    row-gap: 4rem !important;
+  }
+  .column-gap-xxl-0 {
+    -moz-column-gap: 0 !important;
+         column-gap: 0 !important;
+  }
+  .column-gap-xxl-1 {
+    -moz-column-gap: 0.25rem !important;
+         column-gap: 0.25rem !important;
+  }
+  .column-gap-xxl-2 {
+    -moz-column-gap: 0.5rem !important;
+         column-gap: 0.5rem !important;
+  }
+  .column-gap-xxl-3 {
+    -moz-column-gap: 1rem !important;
+         column-gap: 1rem !important;
+  }
+  .column-gap-xxl-4 {
+    -moz-column-gap: 2rem !important;
+         column-gap: 2rem !important;
+  }
+  .column-gap-xxl-5 {
+    -moz-column-gap: 4rem !important;
+         column-gap: 4rem !important;
+  }
   .text-xxl-start {
     text-align: left !important;
   }
@@ -13006,7 +13834,8 @@ textarea.form-control-lg {
   --tblr-gray-900-darken: #0e1526;
   --tblr-gray-900-rgb: 15, 23, 42;
   --tblr-bg-surface: var(--tblr-white);
-  --tblr-bg-surface-secondary: var(--tblr-light);
+  --tblr-bg-surface-secondary: var(--tblr-gray-100);
+  --tblr-bg-surface-tertiary: var(--tblr-gray-50);
   --tblr-bg-surface-dark: var(--tblr-dark);
   --tblr-bg-forms: var(--tblr-bg-surface);
   --tblr-border-color: #e6e7e9;
@@ -13014,10 +13843,11 @@ textarea.form-control-lg {
   --tblr-border-color-active: #b3b7bd;
   --tblr-icon-color: var(--tblr-gray-500);
   --tblr-active-bg: rgba(var(--tblr-primary-rgb), 0.04);
-  --tblr-disabled-bg: var(--tblr-gray-100);
+  --tblr-disabled-bg: var(--tblr-bg-surface-secondary);
   --tblr-disabled-color: var(--tblr-gray-300);
   --tblr-code-color: var(--tblr-gray-600);
-  --tblr-code-bg: var(--tblr-gray-100);
+  --tblr-code-bg: var(--tblr-bg-surface-secondary);
+  --tblr-content-padding: 1.25rem;
   --tblr-dark-mode-border-color: #243049;
   --tblr-dark-mode-border-color-light: #243049;
   --tblr-dark-mode-border-color-active: #314264;
@@ -13025,7 +13855,7 @@ textarea.form-control-lg {
   --tblr-font-weight-normal: 400;
   --tblr-font-weight-medium: 500;
   --tblr-font-weight-bold: 600;
-  --tblr-font-weight-headings: var(--tblr-font-weight-medium);
+  --tblr-font-weight-headings: var(--tblr-font-weight-bold);
   --tblr-font-size-h1: 1.5rem;
   --tblr-font-size-h2: 1.25rem;
   --tblr-font-size-h3: 1rem;
@@ -13114,9 +13944,13 @@ body {
   }
 }
 
+* {
+  scrollbar-color: rgba(var(--tblr-scrollbar-color, var(--tblr-body-color-rgb)), 0.16) transparent;
+}
+
 *::-webkit-scrollbar {
-  width: 0.5rem;
-  height: 0.5rem;
+  width: 1rem;
+  height: 1rem;
   -webkit-transition: background 0.3s;
   transition: background 0.3s;
 }
@@ -13128,16 +13962,17 @@ body {
 }
 
 *::-webkit-scrollbar-thumb {
-  border-radius: 5px;
-  background: rgba(var(--tblr-body-color-rgb), 0.16);
+  border-radius: 1rem;
+  border: 5px solid transparent;
+  box-shadow: inset 0 0 0 1rem rgba(var(--tblr-scrollbar-color, var(--tblr-body-color-rgb)), 0.16);
 }
 
 *::-webkit-scrollbar-track {
-  background: rgba(var(--tblr-body-color-rgb), 0.06);
+  background: transparent;
 }
 
 *:hover::-webkit-scrollbar-thumb {
-  background: rgba(var(--tblr-body-color-rgb), 0.32);
+  box-shadow: inset 0 0 0 1rem rgba(var(--tblr-scrollbar-color, var(--tblr-body-color-rgb)), 0.32);
 }
 
 *::-webkit-scrollbar-corner {
@@ -13165,7 +14000,7 @@ body {
   margin: 0 auto;
   max-width: var(--tblr-theme-boxed-width);
   border-radius: var(--tblr-theme-boxed-border-radius);
-  color: #1d273b;
+  color: var(--tblr-body-color);
 }
 @media (min-width: 768px) {
   .layout-boxed .page {
@@ -13238,6 +14073,7 @@ Navbar
   .theme-dark .navbar {
     --tblr-navbar-border-color: #243049;
     --tblr-navbar-bg: #1d273b;
+    --tblr-scrollbar-color: var(--tblr-white-rgb);
     --tblr-navbar-active-bg: rgba(255, 255, 255, 0.06);
     --tblr-navbar-bg: #1d273b;
     color: rgba(255, 255, 255, 0.7);
@@ -13276,37 +14112,13 @@ Navbar
   .theme-dark .navbar .navbar-text a:focus {
     color: rgba(255, 255, 255, 0.7);
   }
-  .theme-dark .navbar::-webkit-scrollbar {
-    width: 0.5rem;
-    height: 0.5rem;
-    -webkit-transition: background 0.3s;
-    transition: background 0.3s;
-  }
-  @media (prefers-reduced-motion: reduce) {
-    .theme-dark .navbar::-webkit-scrollbar {
-      -webkit-transition: none;
-      transition: none;
-    }
-  }
-  .theme-dark .navbar::-webkit-scrollbar-thumb {
-    border-radius: 5px;
-    background: rgba(var(--tblr-body-color-rgb), 0.16);
-  }
-  .theme-dark .navbar::-webkit-scrollbar-track {
-    background: rgba(var(--tblr-body-color-rgb), 0.06);
-  }
-  .theme-dark .navbar:hover::-webkit-scrollbar-thumb {
-    background: rgba(var(--tblr-body-color-rgb), 0.32);
-  }
-  .theme-dark .navbar::-webkit-scrollbar-corner {
-    background: transparent;
-  }
 }
 @media not print {
   @media (prefers-color-scheme: dark) {
     .theme-dark-auto .navbar {
       --tblr-navbar-border-color: #243049;
       --tblr-navbar-bg: #1d273b;
+      --tblr-scrollbar-color: var(--tblr-white-rgb);
       --tblr-navbar-active-bg: rgba(255, 255, 255, 0.06);
       --tblr-navbar-bg: #1d273b;
       color: rgba(255, 255, 255, 0.7);
@@ -13345,39 +14157,6 @@ Navbar
     .theme-dark-auto .navbar .navbar-text a:focus {
       color: rgba(255, 255, 255, 0.7);
     }
-    .theme-dark-auto .navbar::-webkit-scrollbar {
-      width: 0.5rem;
-      height: 0.5rem;
-      -webkit-transition: background 0.3s;
-      transition: background 0.3s;
-    }
-  }
-  @media (prefers-color-scheme: dark) and (prefers-reduced-motion: reduce) {
-    .theme-dark-auto .navbar::-webkit-scrollbar {
-      -webkit-transition: none;
-      transition: none;
-    }
-  }
-  @media (prefers-color-scheme: dark) {
-    .theme-dark-auto .navbar::-webkit-scrollbar-thumb {
-      border-radius: 5px;
-      background: rgba(var(--tblr-body-color-rgb), 0.16);
-    }
-  }
-  @media (prefers-color-scheme: dark) {
-    .theme-dark-auto .navbar::-webkit-scrollbar-track {
-      background: rgba(var(--tblr-body-color-rgb), 0.06);
-    }
-  }
-  @media (prefers-color-scheme: dark) {
-    .theme-dark-auto .navbar:hover::-webkit-scrollbar-thumb {
-      background: rgba(var(--tblr-body-color-rgb), 0.32);
-    }
-  }
-  @media (prefers-color-scheme: dark) {
-    .theme-dark-auto .navbar::-webkit-scrollbar-corner {
-      background: transparent;
-    }
   }
 }
 .navbar .dropdown-menu {
@@ -13420,7 +14199,7 @@ Navbar
     margin-right: 0;
   }
   .navbar-expand-sm .navbar-collapse .navbar-nav .nav-link {
-    padding: 0.5rem 0.75rem;
+    padding: 0.5rem calc(var(--tblr-content-padding) / 2);
     justify-content: flex-start;
   }
   .navbar-expand-sm .navbar-collapse .dropdown-menu-columns {
@@ -13440,17 +14219,17 @@ Navbar
     min-width: 0;
     display: flex;
     width: auto;
-    padding-left: 2.5rem;
+    padding-left: calc(calc(var(--tblr-content-padding) / 2) + 1.75rem);
     color: inherit;
   }
   .navbar-expand-sm .navbar-collapse .dropdown-menu .dropdown-item.active, .navbar-expand-sm .navbar-collapse .dropdown-menu .dropdown-item:active {
     background: var(--tblr-navbar-active-bg);
   }
   .navbar-expand-sm .navbar-collapse .dropdown-menu .dropdown-menu .dropdown-item {
-    padding-left: 4rem;
+    padding-left: calc(calc(var(--tblr-content-padding) / 2) + 3.25rem);
   }
   .navbar-expand-sm .navbar-collapse .dropdown-menu .dropdown-menu .dropdown-menu .dropdown-item {
-    padding-left: 5.5rem;
+    padding-left: calc(calc(var(--tblr-content-padding) / 2) + 4.75rem);
   }
   .navbar-expand-sm .navbar-collapse .dropdown-toggle:after {
     margin-left: auto;
@@ -13512,7 +14291,7 @@ Navbar
     margin-right: 0;
   }
   .navbar-expand-md .navbar-collapse .navbar-nav .nav-link {
-    padding: 0.5rem 0.75rem;
+    padding: 0.5rem calc(var(--tblr-content-padding) / 2);
     justify-content: flex-start;
   }
   .navbar-expand-md .navbar-collapse .dropdown-menu-columns {
@@ -13532,17 +14311,17 @@ Navbar
     min-width: 0;
     display: flex;
     width: auto;
-    padding-left: 2.5rem;
+    padding-left: calc(calc(var(--tblr-content-padding) / 2) + 1.75rem);
     color: inherit;
   }
   .navbar-expand-md .navbar-collapse .dropdown-menu .dropdown-item.active, .navbar-expand-md .navbar-collapse .dropdown-menu .dropdown-item:active {
     background: var(--tblr-navbar-active-bg);
   }
   .navbar-expand-md .navbar-collapse .dropdown-menu .dropdown-menu .dropdown-item {
-    padding-left: 4rem;
+    padding-left: calc(calc(var(--tblr-content-padding) / 2) + 3.25rem);
   }
   .navbar-expand-md .navbar-collapse .dropdown-menu .dropdown-menu .dropdown-menu .dropdown-item {
-    padding-left: 5.5rem;
+    padding-left: calc(calc(var(--tblr-content-padding) / 2) + 4.75rem);
   }
   .navbar-expand-md .navbar-collapse .dropdown-toggle:after {
     margin-left: auto;
@@ -13604,7 +14383,7 @@ Navbar
     margin-right: 0;
   }
   .navbar-expand-lg .navbar-collapse .navbar-nav .nav-link {
-    padding: 0.5rem 0.75rem;
+    padding: 0.5rem calc(var(--tblr-content-padding) / 2);
     justify-content: flex-start;
   }
   .navbar-expand-lg .navbar-collapse .dropdown-menu-columns {
@@ -13624,17 +14403,17 @@ Navbar
     min-width: 0;
     display: flex;
     width: auto;
-    padding-left: 2.5rem;
+    padding-left: calc(calc(var(--tblr-content-padding) / 2) + 1.75rem);
     color: inherit;
   }
   .navbar-expand-lg .navbar-collapse .dropdown-menu .dropdown-item.active, .navbar-expand-lg .navbar-collapse .dropdown-menu .dropdown-item:active {
     background: var(--tblr-navbar-active-bg);
   }
   .navbar-expand-lg .navbar-collapse .dropdown-menu .dropdown-menu .dropdown-item {
-    padding-left: 4rem;
+    padding-left: calc(calc(var(--tblr-content-padding) / 2) + 3.25rem);
   }
   .navbar-expand-lg .navbar-collapse .dropdown-menu .dropdown-menu .dropdown-menu .dropdown-item {
-    padding-left: 5.5rem;
+    padding-left: calc(calc(var(--tblr-content-padding) / 2) + 4.75rem);
   }
   .navbar-expand-lg .navbar-collapse .dropdown-toggle:after {
     margin-left: auto;
@@ -13696,7 +14475,7 @@ Navbar
     margin-right: 0;
   }
   .navbar-expand-xl .navbar-collapse .navbar-nav .nav-link {
-    padding: 0.5rem 0.75rem;
+    padding: 0.5rem calc(var(--tblr-content-padding) / 2);
     justify-content: flex-start;
   }
   .navbar-expand-xl .navbar-collapse .dropdown-menu-columns {
@@ -13716,17 +14495,17 @@ Navbar
     min-width: 0;
     display: flex;
     width: auto;
-    padding-left: 2.5rem;
+    padding-left: calc(calc(var(--tblr-content-padding) / 2) + 1.75rem);
     color: inherit;
   }
   .navbar-expand-xl .navbar-collapse .dropdown-menu .dropdown-item.active, .navbar-expand-xl .navbar-collapse .dropdown-menu .dropdown-item:active {
     background: var(--tblr-navbar-active-bg);
   }
   .navbar-expand-xl .navbar-collapse .dropdown-menu .dropdown-menu .dropdown-item {
-    padding-left: 4rem;
+    padding-left: calc(calc(var(--tblr-content-padding) / 2) + 3.25rem);
   }
   .navbar-expand-xl .navbar-collapse .dropdown-menu .dropdown-menu .dropdown-menu .dropdown-item {
-    padding-left: 5.5rem;
+    padding-left: calc(calc(var(--tblr-content-padding) / 2) + 4.75rem);
   }
   .navbar-expand-xl .navbar-collapse .dropdown-toggle:after {
     margin-left: auto;
@@ -13788,7 +14567,7 @@ Navbar
     margin-right: 0;
   }
   .navbar-expand-xxl .navbar-collapse .navbar-nav .nav-link {
-    padding: 0.5rem 0.75rem;
+    padding: 0.5rem calc(var(--tblr-content-padding) / 2);
     justify-content: flex-start;
   }
   .navbar-expand-xxl .navbar-collapse .dropdown-menu-columns {
@@ -13808,17 +14587,17 @@ Navbar
     min-width: 0;
     display: flex;
     width: auto;
-    padding-left: 2.5rem;
+    padding-left: calc(calc(var(--tblr-content-padding) / 2) + 1.75rem);
     color: inherit;
   }
   .navbar-expand-xxl .navbar-collapse .dropdown-menu .dropdown-item.active, .navbar-expand-xxl .navbar-collapse .dropdown-menu .dropdown-item:active {
     background: var(--tblr-navbar-active-bg);
   }
   .navbar-expand-xxl .navbar-collapse .dropdown-menu .dropdown-menu .dropdown-item {
-    padding-left: 4rem;
+    padding-left: calc(calc(var(--tblr-content-padding) / 2) + 3.25rem);
   }
   .navbar-expand-xxl .navbar-collapse .dropdown-menu .dropdown-menu .dropdown-menu .dropdown-item {
-    padding-left: 5.5rem;
+    padding-left: calc(calc(var(--tblr-content-padding) / 2) + 4.75rem);
   }
   .navbar-expand-xxl .navbar-collapse .dropdown-toggle:after {
     margin-left: auto;
@@ -13879,7 +14658,7 @@ Navbar
   margin-right: 0;
 }
 .navbar-expand .navbar-collapse .navbar-nav .nav-link {
-  padding: 0.5rem 0.75rem;
+  padding: 0.5rem calc(var(--tblr-content-padding) / 2);
   justify-content: flex-start;
 }
 .navbar-expand .navbar-collapse .dropdown-menu-columns {
@@ -13899,17 +14678,17 @@ Navbar
   min-width: 0;
   display: flex;
   width: auto;
-  padding-left: 2.5rem;
+  padding-left: calc(calc(var(--tblr-content-padding) / 2) + 1.75rem);
   color: inherit;
 }
 .navbar-expand .navbar-collapse .dropdown-menu .dropdown-item.active, .navbar-expand .navbar-collapse .dropdown-menu .dropdown-item:active {
   background: var(--tblr-navbar-active-bg);
 }
 .navbar-expand .navbar-collapse .dropdown-menu .dropdown-menu .dropdown-item {
-  padding-left: 4rem;
+  padding-left: calc(calc(var(--tblr-content-padding) / 2) + 3.25rem);
 }
 .navbar-expand .navbar-collapse .dropdown-menu .dropdown-menu .dropdown-menu .dropdown-item {
-  padding-left: 5.5rem;
+  padding-left: calc(calc(var(--tblr-content-padding) / 2) + 4.75rem);
 }
 .navbar-expand .navbar-collapse .dropdown-toggle:after {
   margin-left: auto;
@@ -14051,6 +14830,7 @@ Navbar dark
 .navbar-dark {
   --tblr-navbar-border-color: #243049;
   --tblr-navbar-bg: #1d273b;
+  --tblr-scrollbar-color: var(--tblr-white-rgb);
   --tblr-navbar-active-bg: rgba(255, 255, 255, 0.06);
   --tblr-navbar-bg: #1d273b;
   color: rgba(255, 255, 255, 0.7);
@@ -14089,31 +14869,6 @@ Navbar dark
 .navbar-dark .navbar-text a:focus {
   color: rgba(255, 255, 255, 0.7);
 }
-.navbar-dark::-webkit-scrollbar {
-  width: 0.5rem;
-  height: 0.5rem;
-  -webkit-transition: background 0.3s;
-  transition: background 0.3s;
-}
-@media (prefers-reduced-motion: reduce) {
-  .navbar-dark::-webkit-scrollbar {
-    -webkit-transition: none;
-    transition: none;
-  }
-}
-.navbar-dark::-webkit-scrollbar-thumb {
-  border-radius: 5px;
-  background: rgba(var(--tblr-body-color-rgb), 0.16);
-}
-.navbar-dark::-webkit-scrollbar-track {
-  background: rgba(var(--tblr-body-color-rgb), 0.06);
-}
-.navbar-dark:hover::-webkit-scrollbar-thumb {
-  background: rgba(var(--tblr-body-color-rgb), 0.32);
-}
-.navbar-dark::-webkit-scrollbar-corner {
-  background: transparent;
-}
 
 /**
 Navbar transparent
@@ -14159,7 +14914,7 @@ Navbar vertical
     z-index: 1030;
     align-items: flex-start;
     transition: transform 0.3s;
-    overflow-x: auto;
+    overflow-y: scroll;
     padding: 0;
   }
 }
@@ -14234,7 +14989,7 @@ Navbar vertical
     margin-right: 0;
   }
   .navbar-vertical.navbar-expand-sm .navbar-collapse .navbar-nav .nav-link {
-    padding: 0.5rem 0.75rem;
+    padding: 0.5rem calc(var(--tblr-content-padding) / 2);
     justify-content: flex-start;
   }
   .navbar-vertical.navbar-expand-sm .navbar-collapse .dropdown-menu-columns {
@@ -14254,17 +15009,17 @@ Navbar vertical
     min-width: 0;
     display: flex;
     width: auto;
-    padding-left: 2.5rem;
+    padding-left: calc(calc(var(--tblr-content-padding) / 2) + 1.75rem);
     color: inherit;
   }
   .navbar-vertical.navbar-expand-sm .navbar-collapse .dropdown-menu .dropdown-item.active, .navbar-vertical.navbar-expand-sm .navbar-collapse .dropdown-menu .dropdown-item:active {
     background: var(--tblr-navbar-active-bg);
   }
   .navbar-vertical.navbar-expand-sm .navbar-collapse .dropdown-menu .dropdown-menu .dropdown-item {
-    padding-left: 4rem;
+    padding-left: calc(calc(var(--tblr-content-padding) / 2) + 3.25rem);
   }
   .navbar-vertical.navbar-expand-sm .navbar-collapse .dropdown-menu .dropdown-menu .dropdown-menu .dropdown-item {
-    padding-left: 5.5rem;
+    padding-left: calc(calc(var(--tblr-content-padding) / 2) + 4.75rem);
   }
   .navbar-vertical.navbar-expand-sm .navbar-collapse .dropdown-toggle:after {
     margin-left: auto;
@@ -14287,7 +15042,7 @@ Navbar vertical
     z-index: 1030;
     align-items: flex-start;
     transition: transform 0.3s;
-    overflow-x: auto;
+    overflow-y: scroll;
     padding: 0;
   }
 }
@@ -14362,7 +15117,7 @@ Navbar vertical
     margin-right: 0;
   }
   .navbar-vertical.navbar-expand-md .navbar-collapse .navbar-nav .nav-link {
-    padding: 0.5rem 0.75rem;
+    padding: 0.5rem calc(var(--tblr-content-padding) / 2);
     justify-content: flex-start;
   }
   .navbar-vertical.navbar-expand-md .navbar-collapse .dropdown-menu-columns {
@@ -14382,17 +15137,17 @@ Navbar vertical
     min-width: 0;
     display: flex;
     width: auto;
-    padding-left: 2.5rem;
+    padding-left: calc(calc(var(--tblr-content-padding) / 2) + 1.75rem);
     color: inherit;
   }
   .navbar-vertical.navbar-expand-md .navbar-collapse .dropdown-menu .dropdown-item.active, .navbar-vertical.navbar-expand-md .navbar-collapse .dropdown-menu .dropdown-item:active {
     background: var(--tblr-navbar-active-bg);
   }
   .navbar-vertical.navbar-expand-md .navbar-collapse .dropdown-menu .dropdown-menu .dropdown-item {
-    padding-left: 4rem;
+    padding-left: calc(calc(var(--tblr-content-padding) / 2) + 3.25rem);
   }
   .navbar-vertical.navbar-expand-md .navbar-collapse .dropdown-menu .dropdown-menu .dropdown-menu .dropdown-item {
-    padding-left: 5.5rem;
+    padding-left: calc(calc(var(--tblr-content-padding) / 2) + 4.75rem);
   }
   .navbar-vertical.navbar-expand-md .navbar-collapse .dropdown-toggle:after {
     margin-left: auto;
@@ -14415,7 +15170,7 @@ Navbar vertical
     z-index: 1030;
     align-items: flex-start;
     transition: transform 0.3s;
-    overflow-x: auto;
+    overflow-y: scroll;
     padding: 0;
   }
 }
@@ -14490,7 +15245,7 @@ Navbar vertical
     margin-right: 0;
   }
   .navbar-vertical.navbar-expand-lg .navbar-collapse .navbar-nav .nav-link {
-    padding: 0.5rem 0.75rem;
+    padding: 0.5rem calc(var(--tblr-content-padding) / 2);
     justify-content: flex-start;
   }
   .navbar-vertical.navbar-expand-lg .navbar-collapse .dropdown-menu-columns {
@@ -14510,17 +15265,17 @@ Navbar vertical
     min-width: 0;
     display: flex;
     width: auto;
-    padding-left: 2.5rem;
+    padding-left: calc(calc(var(--tblr-content-padding) / 2) + 1.75rem);
     color: inherit;
   }
   .navbar-vertical.navbar-expand-lg .navbar-collapse .dropdown-menu .dropdown-item.active, .navbar-vertical.navbar-expand-lg .navbar-collapse .dropdown-menu .dropdown-item:active {
     background: var(--tblr-navbar-active-bg);
   }
   .navbar-vertical.navbar-expand-lg .navbar-collapse .dropdown-menu .dropdown-menu .dropdown-item {
-    padding-left: 4rem;
+    padding-left: calc(calc(var(--tblr-content-padding) / 2) + 3.25rem);
   }
   .navbar-vertical.navbar-expand-lg .navbar-collapse .dropdown-menu .dropdown-menu .dropdown-menu .dropdown-item {
-    padding-left: 5.5rem;
+    padding-left: calc(calc(var(--tblr-content-padding) / 2) + 4.75rem);
   }
   .navbar-vertical.navbar-expand-lg .navbar-collapse .dropdown-toggle:after {
     margin-left: auto;
@@ -14543,7 +15298,7 @@ Navbar vertical
     z-index: 1030;
     align-items: flex-start;
     transition: transform 0.3s;
-    overflow-x: auto;
+    overflow-y: scroll;
     padding: 0;
   }
 }
@@ -14618,7 +15373,7 @@ Navbar vertical
     margin-right: 0;
   }
   .navbar-vertical.navbar-expand-xl .navbar-collapse .navbar-nav .nav-link {
-    padding: 0.5rem 0.75rem;
+    padding: 0.5rem calc(var(--tblr-content-padding) / 2);
     justify-content: flex-start;
   }
   .navbar-vertical.navbar-expand-xl .navbar-collapse .dropdown-menu-columns {
@@ -14638,17 +15393,17 @@ Navbar vertical
     min-width: 0;
     display: flex;
     width: auto;
-    padding-left: 2.5rem;
+    padding-left: calc(calc(var(--tblr-content-padding) / 2) + 1.75rem);
     color: inherit;
   }
   .navbar-vertical.navbar-expand-xl .navbar-collapse .dropdown-menu .dropdown-item.active, .navbar-vertical.navbar-expand-xl .navbar-collapse .dropdown-menu .dropdown-item:active {
     background: var(--tblr-navbar-active-bg);
   }
   .navbar-vertical.navbar-expand-xl .navbar-collapse .dropdown-menu .dropdown-menu .dropdown-item {
-    padding-left: 4rem;
+    padding-left: calc(calc(var(--tblr-content-padding) / 2) + 3.25rem);
   }
   .navbar-vertical.navbar-expand-xl .navbar-collapse .dropdown-menu .dropdown-menu .dropdown-menu .dropdown-item {
-    padding-left: 5.5rem;
+    padding-left: calc(calc(var(--tblr-content-padding) / 2) + 4.75rem);
   }
   .navbar-vertical.navbar-expand-xl .navbar-collapse .dropdown-toggle:after {
     margin-left: auto;
@@ -14671,7 +15426,7 @@ Navbar vertical
     z-index: 1030;
     align-items: flex-start;
     transition: transform 0.3s;
-    overflow-x: auto;
+    overflow-y: scroll;
     padding: 0;
   }
 }
@@ -14746,7 +15501,7 @@ Navbar vertical
     margin-right: 0;
   }
   .navbar-vertical.navbar-expand-xxl .navbar-collapse .navbar-nav .nav-link {
-    padding: 0.5rem 0.75rem;
+    padding: 0.5rem calc(var(--tblr-content-padding) / 2);
     justify-content: flex-start;
   }
   .navbar-vertical.navbar-expand-xxl .navbar-collapse .dropdown-menu-columns {
@@ -14766,17 +15521,17 @@ Navbar vertical
     min-width: 0;
     display: flex;
     width: auto;
-    padding-left: 2.5rem;
+    padding-left: calc(calc(var(--tblr-content-padding) / 2) + 1.75rem);
     color: inherit;
   }
   .navbar-vertical.navbar-expand-xxl .navbar-collapse .dropdown-menu .dropdown-item.active, .navbar-vertical.navbar-expand-xxl .navbar-collapse .dropdown-menu .dropdown-item:active {
     background: var(--tblr-navbar-active-bg);
   }
   .navbar-vertical.navbar-expand-xxl .navbar-collapse .dropdown-menu .dropdown-menu .dropdown-item {
-    padding-left: 4rem;
+    padding-left: calc(calc(var(--tblr-content-padding) / 2) + 3.25rem);
   }
   .navbar-vertical.navbar-expand-xxl .navbar-collapse .dropdown-menu .dropdown-menu .dropdown-menu .dropdown-item {
-    padding-left: 5.5rem;
+    padding-left: calc(calc(var(--tblr-content-padding) / 2) + 4.75rem);
   }
   .navbar-vertical.navbar-expand-xxl .navbar-collapse .dropdown-toggle:after {
     margin-left: auto;
@@ -14798,7 +15553,7 @@ Navbar vertical
   z-index: 1030;
   align-items: flex-start;
   transition: transform 0.3s;
-  overflow-x: auto;
+  overflow-y: scroll;
   padding: 0;
 }
 @media (prefers-reduced-motion: reduce) {
@@ -14857,7 +15612,7 @@ Navbar vertical
   margin-right: 0;
 }
 .navbar-vertical.navbar-expand .navbar-collapse .navbar-nav .nav-link {
-  padding: 0.5rem 0.75rem;
+  padding: 0.5rem calc(var(--tblr-content-padding) / 2);
   justify-content: flex-start;
 }
 .navbar-vertical.navbar-expand .navbar-collapse .dropdown-menu-columns {
@@ -14877,17 +15632,17 @@ Navbar vertical
   min-width: 0;
   display: flex;
   width: auto;
-  padding-left: 2.5rem;
+  padding-left: calc(calc(var(--tblr-content-padding) / 2) + 1.75rem);
   color: inherit;
 }
 .navbar-vertical.navbar-expand .navbar-collapse .dropdown-menu .dropdown-item.active, .navbar-vertical.navbar-expand .navbar-collapse .dropdown-menu .dropdown-item:active {
   background: var(--tblr-navbar-active-bg);
 }
 .navbar-vertical.navbar-expand .navbar-collapse .dropdown-menu .dropdown-menu .dropdown-item {
-  padding-left: 4rem;
+  padding-left: calc(calc(var(--tblr-content-padding) / 2) + 3.25rem);
 }
 .navbar-vertical.navbar-expand .navbar-collapse .dropdown-menu .dropdown-menu .dropdown-menu .dropdown-item {
-  padding-left: 5.5rem;
+  padding-left: calc(calc(var(--tblr-content-padding) / 2) + 4.75rem);
 }
 .navbar-vertical.navbar-expand .navbar-collapse .dropdown-toggle:after {
   margin-left: auto;
@@ -14940,14 +15695,14 @@ Navbar vertical
 }
 
 .page-body {
-  margin-top: 1.25rem;
-  margin-bottom: 1.25rem;
+  margin-top: var(--tblr-content-padding);
+  margin-bottom: var(--tblr-content-padding);
 }
 
 .page-body-card {
   background: var(--tblr-bg-surface);
   border-top: var(--tblr-border-width) var(--tblr-border-style) var(--tblr-border-color);
-  padding: 1.25rem 0;
+  padding: var(--tblr-content-padding) 0;
   margin-bottom: 0;
   flex: 1;
 }
@@ -14991,12 +15746,12 @@ Navbar vertical
   justify-content: center;
 }
 .page-wrapper .page-header {
-  margin: 1.25rem 0 0;
+  margin: var(--tblr-content-padding) 0 0;
 }
 
 .page-header-border {
   border-bottom: var(--tblr-border-width) var(--tblr-border-style) var(--tblr-border-color);
-  padding: 1.25rem 0;
+  padding: var(--tblr-content-padding) 0;
   margin: 0 !important;
   background-color: var(--tblr-bg-surface);
 }
@@ -15035,6 +15790,30 @@ Navbar vertical
   color: var(--tblr-muted);
 }
 
+.page-cover {
+  --tblr-page-cover-blur: 20px;
+  --tblr-page-cover-padding: 1rem;
+  min-height: 6rem;
+  padding: var(--tblr-page-cover-padding) 0;
+  position: relative;
+  overflow: hidden;
+}
+
+.page-cover-img {
+  position: absolute;
+  top: calc(-2 * var(--tblr-page-cover-blur, 0));
+  left: calc(-2 * var(--tblr-page-cover-blur, 0));
+  right: calc(-2 * var(--tblr-page-cover-blur, 0));
+  bottom: calc(-2 * var(--tblr-page-cover-blur, 0));
+  pointer-events: none;
+  filter: blur(var(--tblr-page-cover-blur));
+  -o-object-fit: cover;
+     object-fit: cover;
+  background-size: cover;
+  background-position: center;
+  z-index: -1;
+}
+
 .page-tabs {
   margin-top: 0.5rem;
   position: relative;
@@ -15060,12 +15839,6 @@ Navbar vertical
   border-top: 0;
 }
 
-/*!
- * Tabler (v0.9.0): _dark.scss
- * Copyright 2018-2021 The Tabler Authors
- * Copyright 2018-2021 codecalm
- * Licensed under MIT (https://github.com/tabler/tabler/blob/master/LICENSE)
- */
 body:not(.theme-dark) .hide-theme-light {
   display: none !important;
 }
@@ -15080,7 +15853,8 @@ body:not(.theme-dark) .hide-theme-light {
     --tblr-bg-forms: #1a2234;
     --tblr-bg-surface: #1d273b;
     --tblr-bg-surface-dark: #1a2234;
-    --tblr-bg-surface-secondary: #1a2234;
+    --tblr-bg-surface-secondary: #202c42;
+    --tblr-bg-surface-tertiary: #1a2234;
     --tblr-link-color: #307fdd;
     --tblr-link-hover-color: #206bc4;
     --tblr-active-bg: #202c42;
@@ -15155,8 +15929,8 @@ body:not(.theme-dark) .hide-theme-light {
   .theme-dark .highlight {
     background-color: #1a2234;
   }
-  .theme-dark .avatar {
-    --tblr-avatar-bg: #202c42;
+  .theme-dark .timeline-event-icon {
+    background-color: #202c42;
   }
   .theme-dark .markdown,
   .theme-dark .markdown > *,
@@ -15215,7 +15989,8 @@ body:not(.theme-dark) .hide-theme-light {
       --tblr-bg-forms: #1a2234;
       --tblr-bg-surface: #1d273b;
       --tblr-bg-surface-dark: #1a2234;
-      --tblr-bg-surface-secondary: #1a2234;
+      --tblr-bg-surface-secondary: #202c42;
+      --tblr-bg-surface-tertiary: #1a2234;
       --tblr-link-color: #307fdd;
       --tblr-link-hover-color: #206bc4;
       --tblr-active-bg: #202c42;
@@ -15290,8 +16065,8 @@ body:not(.theme-dark) .hide-theme-light {
     .theme-dark-auto .highlight {
       background-color: #1a2234;
     }
-    .theme-dark-auto .avatar {
-      --tblr-avatar-bg: #202c42;
+    .theme-dark-auto .timeline-event-icon {
+      background-color: #202c42;
     }
     .theme-dark-auto .markdown,
     .theme-dark-auto .markdown > *,
@@ -15363,7 +16138,7 @@ body:not(.theme-dark) .hide-theme-light {
 .alert {
   --tblr-alert-color: var(--tblr-muted);
   background: #ffffff;
-  border: 1px var(--tblr-border-style) var(--tblr-border-color-translucent);
+  border: var(--tblr-border-width) var(--tblr-border-style) var(--tblr-border-color-translucent);
   border-left: 0.25rem var(--tblr-border-style) var(--tblr-alert-color);
   box-shadow: rgba(29, 39, 59, 0.04) 0 2px 4px 0;
 }
@@ -15549,7 +16324,8 @@ body:not(.theme-dark) .hide-theme-light {
 
 .avatar {
   --tblr-avatar-size: 2.5rem;
-  --tblr-avatar-bg: var(--tblr-gray-100);
+  --tblr-avatar-bg: var(--tblr-bg-surface-secondary);
+  --tblr-avatar-shadow: inset rgba(var(--tblr-body-color-rgb), 0.04) 0 0 0 1px;
   position: relative;
   width: var(--tblr-avatar-size);
   height: var(--tblr-avatar-size);
@@ -15568,6 +16344,7 @@ body:not(.theme-dark) .hide-theme-light {
           user-select: none;
   background: var(--tblr-avatar-bg) no-repeat center/cover;
   border-radius: var(--tblr-border-radius);
+  box-shadow: var(--tblr-avatar-shadow);
 }
 .avatar svg {
   width: calc(var(--tblr-avatar-size) / 1.6666666667);
@@ -15616,12 +16393,12 @@ a.avatar {
 }
 
 .avatar-lg {
-  --tblr-avatar-size: 5rem;
+  --tblr-avatar-size: 5.5rem;
 }
 
 .avatar-lg .badge:empty {
-  width: 1.25rem;
-  height: 1.25rem;
+  width: 1.375rem;
+  height: 1.375rem;
 }
 
 .avatar-xl {
@@ -15652,15 +16429,19 @@ a.avatar {
   z-index: 1;
 }
 
+.avatar-list-stacked {
+  display: block;
+  --tblr-list-gap: 0;
+}
 .avatar-list-stacked .avatar {
-  margin-right: -0.5rem !important;
-  box-shadow: 0 0 0 2px 0 0 0 2px var(--tblr-card-cap-bg, var(--tblr-card-bg, var(--tblr-bg-surface)));
+  margin-right: calc(-0.5 * var(--tblr-avatar-size)) !important;
+  box-shadow: var(--tblr-avatar-shadow), 0 0 0 2px var(--tblr-card-bg, var(--tblr-bg-surface));
 }
 
 .avatar-upload {
   width: 4rem;
   height: 4rem;
-  border: 1px dashed var(--tblr-border-color);
+  border: var(--tblr-border-width) dashed var(--tblr-border-color);
   background: var(--tblr-bg-forms);
   flex-direction: column;
   transition: color 0.3s, background-color 0.3s;
@@ -15687,9 +16468,9 @@ a.avatar {
   margin-top: 0.25rem;
 }
 
-.page-cover ~ * .page-avatar {
-  margin-top: calc(calc(-1 * calc(var(--tblr-avatar-size) * .5)) - 1.25rem);
-  box-shadow: 0 0 0 0.25rem #f1f5f9;
+.avatar-cover {
+  margin-top: calc(-0.5 * var(--tblr-avatar-size));
+  box-shadow: 0 0 0 0.25rem var(--tblr-card-bg, var(--tblr-body-bg));
 }
 
 .badge {
@@ -15703,7 +16484,7 @@ a.avatar {
           user-select: none;
   border: var(--tblr-border-width) var(--tblr-border-style) transparent;
   min-width: 1.35714285em;
-  font-weight: var(--tblr-font-weight-medium);
+  font-weight: var(--tblr-font-weight-bold);
   letter-spacing: 0.04em;
   vertical-align: bottom;
 }
@@ -15812,6 +16593,8 @@ a.badge {
 }
 
 .btn {
+  --tblr-btn-bg: var(--tblr-bg-surface);
+  --tblr-btn-hover-bg: var(--tblr-bg-surface);
   --tblr-btn-icon-size: 1.25rem;
   --tblr-btn-bg: var(--tblr-bg-surface);
   --tblr-btn-color: var(--tblr-body-color);
@@ -15854,7 +16637,7 @@ a.badge {
 }
 
 .btn-link {
-  color: var(--tblr-primary);
+  color: #206bc4;
   background-color: transparent;
   border-color: transparent;
   box-shadow: none;
@@ -15863,7 +16646,7 @@ a.badge {
   color: inherit;
 }
 .btn-link:hover {
-  color: var(--tblr-primary-darken);
+  color: #1a569d;
   border-color: transparent;
 }
 
@@ -17999,11 +18782,11 @@ Stacked card
 
 .card-header-light {
   border-bottom-color: transparent;
-  background: var(--tblr-bg-surface-secondary);
+  background: var(--tblr-bg-surface-tertiary);
 }
 
 .card-header-tabs {
-  background: var(--tblr-bg-surface-secondary);
+  background: var(--tblr-bg-surface-tertiary);
   flex: 1;
   margin: calc(var(--tblr-card-cap-padding-y) * -1) calc(var(--tblr-card-cap-padding-x) * -1) calc(var(--tblr-card-cap-padding-y) * -1);
   padding: calc(var(--tblr-card-cap-padding-y) * 0.5) calc(var(--tblr-card-cap-padding-x) * 0.5) 0;
@@ -18278,12 +19061,12 @@ Card list group
   border-bottom: 0;
 }
 .card-tabs .nav-tabs .nav-link {
-  background: var(--tblr-bg-surface-secondary);
+  background: var(--tblr-bg-surface-tertiary);
   border: var(--tblr-border-width) var(--tblr-border-style) var(--tblr-border-color);
 }
 .card-tabs .nav-tabs .nav-link.active, .card-tabs .nav-tabs .nav-link:active, .card-tabs .nav-tabs .nav-link:hover {
   border-color: var(--tblr-border-color);
-  color: #1d273b;
+  color: var(--tblr-body-color);
 }
 .card-tabs .nav-tabs .nav-link.active {
   background: var(--tblr-card-bg, var(--tblr-bg-surface));
@@ -18337,7 +19120,7 @@ Card list group
 }
 
 .dropdown-menu {
-  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
+  box-shadow: 0 0.5rem 1rem rgba(var(--tblr-body-color-rgb), 0.15);
   -webkit-user-select: none;
      -moz-user-select: none;
       -ms-user-select: none;
@@ -18512,7 +19295,7 @@ Card list group
 .empty-title {
   font-size: 1.25rem;
   line-height: 1.75rem;
-  font-weight: var(--tblr-font-weight-medium);
+  font-weight: var(--tblr-font-weight-bold);
 }
 
 .empty-title,
@@ -18545,12 +19328,22 @@ Card list group
   .container-lg,
   .container-xl,
   .container-xxl {
-    --tblr-gutter-x: 1rem;
+    --tblr-gutter-x: var(--tblr-content-padding);
   }
 }
 
+.container-slim {
+  --tblr-gutter-x: var(--tblr-content-padding);
+  --tblr-gutter-y: 0;
+  width: 100%;
+  padding-right: calc(var(--tblr-gutter-x) * 0.5);
+  padding-left: calc(var(--tblr-gutter-x) * 0.5);
+  margin-right: auto;
+  margin-left: auto;
+  max-width: 16rem;
+}
 .container-tight {
-  --tblr-gutter-x: 1.5rem;
+  --tblr-gutter-x: var(--tblr-content-padding);
   --tblr-gutter-y: 0;
   width: 100%;
   padding-right: calc(var(--tblr-gutter-x) * 0.5);
@@ -18560,7 +19353,7 @@ Card list group
   max-width: 30rem;
 }
 .container-narrow {
-  --tblr-gutter-x: 1.5rem;
+  --tblr-gutter-x: var(--tblr-content-padding);
   --tblr-gutter-y: 0;
   width: 100%;
   padding-right: calc(var(--tblr-gutter-x) * 0.5);
@@ -19042,6 +19835,7 @@ Form control
 .form-control:-webkit-autofill {
   box-shadow: 0 0 0 1000px var(--tblr-body-bg) inset;
   color: var(--tblr-body-color);
+  -webkit-text-fill-color: var(--tblr-body-color);
 }
 .form-control:disabled, .form-control.disabled {
   color: var(--tblr-muted);
@@ -19055,7 +19849,7 @@ Form control
 }
 
 .form-control-light {
-  background-color: #f1f5f9;
+  background-color: var(--tblr-gray-100);
   border-color: transparent;
 }
 
@@ -19388,7 +20182,7 @@ Image check
   }
 }
 .form-imagecheck:hover .form-imagecheck-caption, .form-imagecheck-input:focus ~ .form-imagecheck-figure .form-imagecheck-caption, .form-imagecheck-input:checked ~ .form-imagecheck-figure .form-imagecheck-caption {
-  color: #1d273b;
+  color: var(--tblr-body-color);
 }
 
 /*
@@ -19549,16 +20343,16 @@ Remove the cancel buttons in Chrome and Safari on macOS.
 Form control dark theme fix
  */
 .form-control::-webkit-file-upload-button {
-  background-color: var(--tblr-btn-color, #f8fafc);
+  background-color: var(--tblr-btn-color, var(--tblr-tertiary-bg));
 }
 .form-control::file-selector-button {
-  background-color: var(--tblr-btn-color, #f8fafc);
+  background-color: var(--tblr-btn-color, var(--tblr-tertiary-bg));
 }
 .form-control:hover:not(:disabled):not([readonly])::-webkit-file-upload-button {
-  background-color: var(--tblr-btn-color, #eceeef);
+  background-color: var(--tblr-btn-color, var(--tblr-secondary-bg));
 }
 .form-control:hover:not(:disabled):not([readonly])::file-selector-button {
-  background-color: var(--tblr-btn-color, #eceeef);
+  background-color: var(--tblr-btn-color, var(--tblr-secondary-bg));
 }
 
 /*
@@ -19722,91 +20516,6 @@ Legend
   opacity: 1;
 }
 
-/**
-Timeline
- */
-.list-timeline {
-  position: relative;
-  padding: 0;
-  margin: 0;
-  list-style: none;
-}
-.list-timeline > li {
-  position: relative;
-  margin-bottom: 1.5rem;
-}
-.list-timeline > li:last-child {
-  margin-bottom: 0;
-}
-
-.list-timeline-time {
-  float: right;
-  margin-left: 1rem;
-  color: var(--tblr-muted);
-}
-
-.list-timeline-icon {
-  position: absolute;
-  top: 0;
-  left: 0;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  width: 2.5rem;
-  height: 2.5rem;
-  color: #ffffff;
-  text-align: center;
-  background: var(--tblr-muted);
-  border-radius: 100rem;
-}
-.list-timeline-icon .icon {
-  width: 1rem;
-  height: 1rem;
-  font-size: 1rem;
-}
-
-.list-timeline-title {
-  margin: 0;
-  font-weight: var(--tblr-font-weight-bold);
-}
-
-.list-timeline-content {
-  margin-left: 3.5rem;
-}
-
-@media screen and (min-width: 768px) {
-  .list-timeline:not(.list-timeline-simple):before {
-    position: absolute;
-    top: 0;
-    bottom: 0;
-    left: calc(7.5rem + 2px);
-    z-index: 1;
-    display: block;
-    width: 2px;
-    content: "";
-    background-color: var(--tblr-border-color);
-  }
-  .list-timeline:not(.list-timeline-simple) > li {
-    z-index: 2;
-    min-height: 40px;
-  }
-  .list-timeline:not(.list-timeline-simple) .list-timeline-time {
-    position: absolute;
-    top: 0.5rem;
-    left: 0;
-    width: 5.5rem;
-    margin: 0;
-    text-align: right;
-  }
-  .list-timeline:not(.list-timeline-simple) .list-timeline-icon {
-    top: 0;
-    left: 6.5rem;
-  }
-  .list-timeline:not(.list-timeline-simple) .list-timeline-content {
-    padding: 0.625rem 0 0 10rem;
-    margin: 0;
-  }
-}
 .list-group-transparent {
   --tblr-list-group-border-radius: 0;
   margin: 0 -1.5rem;
@@ -19929,9 +20638,12 @@ Dimmer
   z-index: 10;
 }
 
+.modal-body {
+  scrollbar-color: rgba(var(--tblr-scrollbar-color, var(--tblr-body-color-rgb)), 0.16) transparent;
+}
 .modal-body::-webkit-scrollbar {
-  width: 0.5rem;
-  height: 0.5rem;
+  width: 1rem;
+  height: 1rem;
   -webkit-transition: background 0.3s;
   transition: background 0.3s;
 }
@@ -19942,14 +20654,15 @@ Dimmer
   }
 }
 .modal-body::-webkit-scrollbar-thumb {
-  border-radius: 5px;
-  background: rgba(var(--tblr-body-color-rgb), 0.16);
+  border-radius: 1rem;
+  border: 5px solid transparent;
+  box-shadow: inset 0 0 0 1rem rgba(var(--tblr-scrollbar-color, var(--tblr-body-color-rgb)), 0.16);
 }
 .modal-body::-webkit-scrollbar-track {
-  background: rgba(var(--tblr-body-color-rgb), 0.06);
+  background: transparent;
 }
 .modal-body:hover::-webkit-scrollbar-thumb {
-  background: rgba(var(--tblr-body-color-rgb), 0.32);
+  box-shadow: inset 0 0 0 1rem rgba(var(--tblr-scrollbar-color, var(--tblr-body-color-rgb)), 0.32);
 }
 .modal-body::-webkit-scrollbar-corner {
   background: transparent;
@@ -19980,7 +20693,7 @@ Dimmer
 
 .modal-title {
   font-size: 1rem;
-  font-weight: var(--tblr-font-weight-medium);
+  font-weight: var(--tblr-font-weight-bold);
   line-height: 1.4285714286;
 }
 
@@ -20141,10 +20854,10 @@ Dimmer
 .page-item-title {
   font-size: 1rem;
   font-weight: var(--tblr-font-weight-normal);
-  color: #1d273b;
+  color: var(--tblr-body-color);
 }
 .page-link:hover .page-item-title {
-  color: var(--tblr-primary);
+  color: #206bc4;
 }
 .page-item.disabled .page-item-title {
   color: var(--tblr-disabled-color);
@@ -20206,7 +20919,7 @@ Progress bar
   will-change: left, right;
 }
 .progress-bar-indeterminate:before {
-  animation: progress-indeterminate 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite;
+  animation: progress-indeterminate 1.5s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite;
 }
 
 .progress-separated .progress-bar {
@@ -20715,7 +21428,7 @@ a.step-item:hover {
 .status-lite {
   border: var(--tblr-border-width) var(--tblr-border-style) var(--tblr-border-color) !important;
   background: transparent !important;
-  color: var(--tblr-body-text) !important;
+  color: var(--tblr-body-color) !important;
 }
 
 .status-primary {
@@ -21335,7 +22048,7 @@ a.step-item:hover {
 }
 .table thead th, .markdown > table thead th {
   color: var(--tblr-muted);
-  background: var(--tblr-gray-50);
+  background: var(--tblr-bg-surface-tertiary);
   font-size: 0.625rem;
   font-weight: var(--tblr-font-weight-bold);
   text-transform: uppercase;
@@ -21395,7 +22108,7 @@ a.step-item:hover {
   display: block;
   padding: 0.75rem 0.75rem !important;
   border: none;
-  color: #1d273b !important;
+  color: var(--tblr-body-color) !important;
 }
 .table-mobile td[data-label]:before {
   font-size: 0.625rem;
@@ -21429,7 +22142,7 @@ a.step-item:hover {
     display: block;
     padding: 0.75rem 0.75rem !important;
     border: none;
-    color: #1d273b !important;
+    color: var(--tblr-body-color) !important;
   }
   .table-mobile-sm td[data-label]:before {
     font-size: 0.625rem;
@@ -21464,7 +22177,7 @@ a.step-item:hover {
     display: block;
     padding: 0.75rem 0.75rem !important;
     border: none;
-    color: #1d273b !important;
+    color: var(--tblr-body-color) !important;
   }
   .table-mobile-md td[data-label]:before {
     font-size: 0.625rem;
@@ -21499,7 +22212,7 @@ a.step-item:hover {
     display: block;
     padding: 0.75rem 0.75rem !important;
     border: none;
-    color: #1d273b !important;
+    color: var(--tblr-body-color) !important;
   }
   .table-mobile-lg td[data-label]:before {
     font-size: 0.625rem;
@@ -21534,7 +22247,7 @@ a.step-item:hover {
     display: block;
     padding: 0.75rem 0.75rem !important;
     border: none;
-    color: #1d273b !important;
+    color: var(--tblr-body-color) !important;
   }
   .table-mobile-xl td[data-label]:before {
     font-size: 0.625rem;
@@ -21569,7 +22282,7 @@ a.step-item:hover {
     display: block;
     padding: 0.75rem 0.75rem !important;
     border: none;
-    color: #1d273b !important;
+    color: var(--tblr-body-color) !important;
   }
   .table-mobile-xxl td[data-label]:before {
     font-size: 0.625rem;
@@ -21609,7 +22322,7 @@ a.step-item:hover {
   }
 }
 .table-sort:hover, .table-sort.asc, .table-sort.desc {
-  color: #1d273b;
+  color: var(--tblr-body-color);
 }
 .table-sort:after, .table-sort.asc:after, .table-sort.desc:after {
   content: "";
@@ -21635,7 +22348,7 @@ a.step-item:hover {
 
 .toast {
   background: #ffffff;
-  border: 1px var(--tblr-border-style) var(--tblr-border-color-translucent);
+  border: var(--tblr-border-width) var(--tblr-border-style) var(--tblr-border-color-translucent);
   box-shadow: rgba(29, 39, 59, 0.04) 0 2px 4px 0;
 }
 .toast .toast-header {
@@ -21830,6 +22543,54 @@ a.step-item:hover {
   background: var(--tblr-border-color);
 }
 
+.timeline {
+  --tblr-timeline-icon-size: 2.5rem;
+  position: relative;
+  list-style: none;
+  padding: 0;
+}
+
+.timeline-event {
+  position: relative;
+}
+.timeline-event:not(:last-child) {
+  margin-bottom: var(--tblr-content-padding);
+}
+.timeline-event:not(:last-child):before {
+  content: "";
+  position: absolute;
+  top: var(--tblr-timeline-icon-size);
+  left: calc(var(--tblr-timeline-icon-size) / 2);
+  bottom: calc(-1 * var(--tblr-content-padding));
+  width: var(--tblr-border-width);
+  background-color: var(--tblr-border-color);
+  border-radius: var(--tblr-border-radius);
+}
+
+.timeline-event-icon {
+  position: absolute;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: var(--tblr-timeline-icon-size, 2.5rem);
+  height: var(--tblr-timeline-icon-size, 2.5rem);
+  background: var(--tblr-gray-200);
+  color: var(--tblr-muted);
+  border-radius: var(--tblr-border-radius);
+  z-index: 5;
+}
+
+.timeline-event-card {
+  margin-left: calc(var(--tblr-timeline-icon-size, 2.5rem) + var(--tblr-content-padding));
+}
+
+.timeline-simple .timeline-event-icon {
+  display: none;
+}
+.timeline-simple .timeline-event-card {
+  margin-left: 0;
+}
+
 /**
 Horizontal rules
  */
@@ -22014,7 +22775,8 @@ code {
   border-radius: var(--tblr-border-radius);
 }
 
-kbd {
+kbd,
+.kbd {
   border: var(--tblr-border-width) var(--tblr-border-style) var(--tblr-border-color);
   display: inline-block;
   box-sizing: border-box;
@@ -22023,6 +22785,7 @@ kbd {
   font-weight: var(--tblr-font-weight-medium);
   line-height: 1;
   vertical-align: baseline;
+  border-radius: var(--tblr-border-radius);
 }
 
 img {
@@ -22165,7 +22928,7 @@ Chart sparkline
 .bg-primary-lt {
   --tblr-bg-opacity: .1;
   --tblr-text-opacity: 1;
-  color: rgba(var(--tblr-primary-rgb, var(--tblr-text-opacity))) !important;
+  color: rgba(var(--tblr-primary-rgb), var(--tblr-text-opacity)) !important;
   background-color: rgba(var(--tblr-primary-rgb), var(--tblr-bg-opacity)) !important;
 }
 
@@ -22177,7 +22940,7 @@ Chart sparkline
 .bg-secondary-lt {
   --tblr-bg-opacity: .1;
   --tblr-text-opacity: 1;
-  color: rgba(var(--tblr-secondary-rgb, var(--tblr-text-opacity))) !important;
+  color: rgba(var(--tblr-secondary-rgb), var(--tblr-text-opacity)) !important;
   background-color: rgba(var(--tblr-secondary-rgb), var(--tblr-bg-opacity)) !important;
 }
 
@@ -22189,7 +22952,7 @@ Chart sparkline
 .bg-success-lt {
   --tblr-bg-opacity: .1;
   --tblr-text-opacity: 1;
-  color: rgba(var(--tblr-success-rgb, var(--tblr-text-opacity))) !important;
+  color: rgba(var(--tblr-success-rgb), var(--tblr-text-opacity)) !important;
   background-color: rgba(var(--tblr-success-rgb), var(--tblr-bg-opacity)) !important;
 }
 
@@ -22201,7 +22964,7 @@ Chart sparkline
 .bg-info-lt {
   --tblr-bg-opacity: .1;
   --tblr-text-opacity: 1;
-  color: rgba(var(--tblr-info-rgb, var(--tblr-text-opacity))) !important;
+  color: rgba(var(--tblr-info-rgb), var(--tblr-text-opacity)) !important;
   background-color: rgba(var(--tblr-info-rgb), var(--tblr-bg-opacity)) !important;
 }
 
@@ -22213,7 +22976,7 @@ Chart sparkline
 .bg-warning-lt {
   --tblr-bg-opacity: .1;
   --tblr-text-opacity: 1;
-  color: rgba(var(--tblr-warning-rgb, var(--tblr-text-opacity))) !important;
+  color: rgba(var(--tblr-warning-rgb), var(--tblr-text-opacity)) !important;
   background-color: rgba(var(--tblr-warning-rgb), var(--tblr-bg-opacity)) !important;
 }
 
@@ -22225,7 +22988,7 @@ Chart sparkline
 .bg-danger-lt {
   --tblr-bg-opacity: .1;
   --tblr-text-opacity: 1;
-  color: rgba(var(--tblr-danger-rgb, var(--tblr-text-opacity))) !important;
+  color: rgba(var(--tblr-danger-rgb), var(--tblr-text-opacity)) !important;
   background-color: rgba(var(--tblr-danger-rgb), var(--tblr-bg-opacity)) !important;
 }
 
@@ -22237,7 +23000,7 @@ Chart sparkline
 .bg-light-lt {
   --tblr-bg-opacity: .1;
   --tblr-text-opacity: 1;
-  color: rgba(var(--tblr-light-rgb, var(--tblr-text-opacity))) !important;
+  color: rgba(var(--tblr-light-rgb), var(--tblr-text-opacity)) !important;
   background-color: rgba(var(--tblr-light-rgb), var(--tblr-bg-opacity)) !important;
 }
 
@@ -22249,7 +23012,7 @@ Chart sparkline
 .bg-dark-lt {
   --tblr-bg-opacity: .1;
   --tblr-text-opacity: 1;
-  color: rgba(var(--tblr-dark-rgb, var(--tblr-text-opacity))) !important;
+  color: rgba(var(--tblr-dark-rgb), var(--tblr-text-opacity)) !important;
   background-color: rgba(var(--tblr-dark-rgb), var(--tblr-bg-opacity)) !important;
 }
 
@@ -22261,7 +23024,7 @@ Chart sparkline
 .bg-muted-lt {
   --tblr-bg-opacity: .1;
   --tblr-text-opacity: 1;
-  color: rgba(var(--tblr-muted-rgb, var(--tblr-text-opacity))) !important;
+  color: rgba(var(--tblr-muted-rgb), var(--tblr-text-opacity)) !important;
   background-color: rgba(var(--tblr-muted-rgb), var(--tblr-bg-opacity)) !important;
 }
 
@@ -22273,7 +23036,7 @@ Chart sparkline
 .bg-blue-lt {
   --tblr-bg-opacity: .1;
   --tblr-text-opacity: 1;
-  color: rgba(var(--tblr-blue-rgb, var(--tblr-text-opacity))) !important;
+  color: rgba(var(--tblr-blue-rgb), var(--tblr-text-opacity)) !important;
   background-color: rgba(var(--tblr-blue-rgb), var(--tblr-bg-opacity)) !important;
 }
 
@@ -22285,7 +23048,7 @@ Chart sparkline
 .bg-azure-lt {
   --tblr-bg-opacity: .1;
   --tblr-text-opacity: 1;
-  color: rgba(var(--tblr-azure-rgb, var(--tblr-text-opacity))) !important;
+  color: rgba(var(--tblr-azure-rgb), var(--tblr-text-opacity)) !important;
   background-color: rgba(var(--tblr-azure-rgb), var(--tblr-bg-opacity)) !important;
 }
 
@@ -22297,7 +23060,7 @@ Chart sparkline
 .bg-indigo-lt {
   --tblr-bg-opacity: .1;
   --tblr-text-opacity: 1;
-  color: rgba(var(--tblr-indigo-rgb, var(--tblr-text-opacity))) !important;
+  color: rgba(var(--tblr-indigo-rgb), var(--tblr-text-opacity)) !important;
   background-color: rgba(var(--tblr-indigo-rgb), var(--tblr-bg-opacity)) !important;
 }
 
@@ -22309,7 +23072,7 @@ Chart sparkline
 .bg-purple-lt {
   --tblr-bg-opacity: .1;
   --tblr-text-opacity: 1;
-  color: rgba(var(--tblr-purple-rgb, var(--tblr-text-opacity))) !important;
+  color: rgba(var(--tblr-purple-rgb), var(--tblr-text-opacity)) !important;
   background-color: rgba(var(--tblr-purple-rgb), var(--tblr-bg-opacity)) !important;
 }
 
@@ -22321,7 +23084,7 @@ Chart sparkline
 .bg-pink-lt {
   --tblr-bg-opacity: .1;
   --tblr-text-opacity: 1;
-  color: rgba(var(--tblr-pink-rgb, var(--tblr-text-opacity))) !important;
+  color: rgba(var(--tblr-pink-rgb), var(--tblr-text-opacity)) !important;
   background-color: rgba(var(--tblr-pink-rgb), var(--tblr-bg-opacity)) !important;
 }
 
@@ -22333,7 +23096,7 @@ Chart sparkline
 .bg-red-lt {
   --tblr-bg-opacity: .1;
   --tblr-text-opacity: 1;
-  color: rgba(var(--tblr-red-rgb, var(--tblr-text-opacity))) !important;
+  color: rgba(var(--tblr-red-rgb), var(--tblr-text-opacity)) !important;
   background-color: rgba(var(--tblr-red-rgb), var(--tblr-bg-opacity)) !important;
 }
 
@@ -22345,7 +23108,7 @@ Chart sparkline
 .bg-orange-lt {
   --tblr-bg-opacity: .1;
   --tblr-text-opacity: 1;
-  color: rgba(var(--tblr-orange-rgb, var(--tblr-text-opacity))) !important;
+  color: rgba(var(--tblr-orange-rgb), var(--tblr-text-opacity)) !important;
   background-color: rgba(var(--tblr-orange-rgb), var(--tblr-bg-opacity)) !important;
 }
 
@@ -22357,7 +23120,7 @@ Chart sparkline
 .bg-yellow-lt {
   --tblr-bg-opacity: .1;
   --tblr-text-opacity: 1;
-  color: rgba(var(--tblr-yellow-rgb, var(--tblr-text-opacity))) !important;
+  color: rgba(var(--tblr-yellow-rgb), var(--tblr-text-opacity)) !important;
   background-color: rgba(var(--tblr-yellow-rgb), var(--tblr-bg-opacity)) !important;
 }
 
@@ -22369,7 +23132,7 @@ Chart sparkline
 .bg-lime-lt {
   --tblr-bg-opacity: .1;
   --tblr-text-opacity: 1;
-  color: rgba(var(--tblr-lime-rgb, var(--tblr-text-opacity))) !important;
+  color: rgba(var(--tblr-lime-rgb), var(--tblr-text-opacity)) !important;
   background-color: rgba(var(--tblr-lime-rgb), var(--tblr-bg-opacity)) !important;
 }
 
@@ -22381,7 +23144,7 @@ Chart sparkline
 .bg-green-lt {
   --tblr-bg-opacity: .1;
   --tblr-text-opacity: 1;
-  color: rgba(var(--tblr-green-rgb, var(--tblr-text-opacity))) !important;
+  color: rgba(var(--tblr-green-rgb), var(--tblr-text-opacity)) !important;
   background-color: rgba(var(--tblr-green-rgb), var(--tblr-bg-opacity)) !important;
 }
 
@@ -22393,7 +23156,7 @@ Chart sparkline
 .bg-teal-lt {
   --tblr-bg-opacity: .1;
   --tblr-text-opacity: 1;
-  color: rgba(var(--tblr-teal-rgb, var(--tblr-text-opacity))) !important;
+  color: rgba(var(--tblr-teal-rgb), var(--tblr-text-opacity)) !important;
   background-color: rgba(var(--tblr-teal-rgb), var(--tblr-bg-opacity)) !important;
 }
 
@@ -22405,7 +23168,7 @@ Chart sparkline
 .bg-cyan-lt {
   --tblr-bg-opacity: .1;
   --tblr-text-opacity: 1;
-  color: rgba(var(--tblr-cyan-rgb, var(--tblr-text-opacity))) !important;
+  color: rgba(var(--tblr-cyan-rgb), var(--tblr-text-opacity)) !important;
   background-color: rgba(var(--tblr-cyan-rgb), var(--tblr-bg-opacity)) !important;
 }
 
@@ -22417,7 +23180,7 @@ Chart sparkline
 .bg-facebook-lt {
   --tblr-bg-opacity: .1;
   --tblr-text-opacity: 1;
-  color: rgba(var(--tblr-facebook-rgb, var(--tblr-text-opacity))) !important;
+  color: rgba(var(--tblr-facebook-rgb), var(--tblr-text-opacity)) !important;
   background-color: rgba(var(--tblr-facebook-rgb), var(--tblr-bg-opacity)) !important;
 }
 
@@ -22429,7 +23192,7 @@ Chart sparkline
 .bg-twitter-lt {
   --tblr-bg-opacity: .1;
   --tblr-text-opacity: 1;
-  color: rgba(var(--tblr-twitter-rgb, var(--tblr-text-opacity))) !important;
+  color: rgba(var(--tblr-twitter-rgb), var(--tblr-text-opacity)) !important;
   background-color: rgba(var(--tblr-twitter-rgb), var(--tblr-bg-opacity)) !important;
 }
 
@@ -22441,7 +23204,7 @@ Chart sparkline
 .bg-linkedin-lt {
   --tblr-bg-opacity: .1;
   --tblr-text-opacity: 1;
-  color: rgba(var(--tblr-linkedin-rgb, var(--tblr-text-opacity))) !important;
+  color: rgba(var(--tblr-linkedin-rgb), var(--tblr-text-opacity)) !important;
   background-color: rgba(var(--tblr-linkedin-rgb), var(--tblr-bg-opacity)) !important;
 }
 
@@ -22453,7 +23216,7 @@ Chart sparkline
 .bg-google-lt {
   --tblr-bg-opacity: .1;
   --tblr-text-opacity: 1;
-  color: rgba(var(--tblr-google-rgb, var(--tblr-text-opacity))) !important;
+  color: rgba(var(--tblr-google-rgb), var(--tblr-text-opacity)) !important;
   background-color: rgba(var(--tblr-google-rgb), var(--tblr-bg-opacity)) !important;
 }
 
@@ -22465,7 +23228,7 @@ Chart sparkline
 .bg-youtube-lt {
   --tblr-bg-opacity: .1;
   --tblr-text-opacity: 1;
-  color: rgba(var(--tblr-youtube-rgb, var(--tblr-text-opacity))) !important;
+  color: rgba(var(--tblr-youtube-rgb), var(--tblr-text-opacity)) !important;
   background-color: rgba(var(--tblr-youtube-rgb), var(--tblr-bg-opacity)) !important;
 }
 
@@ -22477,7 +23240,7 @@ Chart sparkline
 .bg-vimeo-lt {
   --tblr-bg-opacity: .1;
   --tblr-text-opacity: 1;
-  color: rgba(var(--tblr-vimeo-rgb, var(--tblr-text-opacity))) !important;
+  color: rgba(var(--tblr-vimeo-rgb), var(--tblr-text-opacity)) !important;
   background-color: rgba(var(--tblr-vimeo-rgb), var(--tblr-bg-opacity)) !important;
 }
 
@@ -22489,7 +23252,7 @@ Chart sparkline
 .bg-dribbble-lt {
   --tblr-bg-opacity: .1;
   --tblr-text-opacity: 1;
-  color: rgba(var(--tblr-dribbble-rgb, var(--tblr-text-opacity))) !important;
+  color: rgba(var(--tblr-dribbble-rgb), var(--tblr-text-opacity)) !important;
   background-color: rgba(var(--tblr-dribbble-rgb), var(--tblr-bg-opacity)) !important;
 }
 
@@ -22501,7 +23264,7 @@ Chart sparkline
 .bg-github-lt {
   --tblr-bg-opacity: .1;
   --tblr-text-opacity: 1;
-  color: rgba(var(--tblr-github-rgb, var(--tblr-text-opacity))) !important;
+  color: rgba(var(--tblr-github-rgb), var(--tblr-text-opacity)) !important;
   background-color: rgba(var(--tblr-github-rgb), var(--tblr-bg-opacity)) !important;
 }
 
@@ -22513,7 +23276,7 @@ Chart sparkline
 .bg-instagram-lt {
   --tblr-bg-opacity: .1;
   --tblr-text-opacity: 1;
-  color: rgba(var(--tblr-instagram-rgb, var(--tblr-text-opacity))) !important;
+  color: rgba(var(--tblr-instagram-rgb), var(--tblr-text-opacity)) !important;
   background-color: rgba(var(--tblr-instagram-rgb), var(--tblr-bg-opacity)) !important;
 }
 
@@ -22525,7 +23288,7 @@ Chart sparkline
 .bg-pinterest-lt {
   --tblr-bg-opacity: .1;
   --tblr-text-opacity: 1;
-  color: rgba(var(--tblr-pinterest-rgb, var(--tblr-text-opacity))) !important;
+  color: rgba(var(--tblr-pinterest-rgb), var(--tblr-text-opacity)) !important;
   background-color: rgba(var(--tblr-pinterest-rgb), var(--tblr-bg-opacity)) !important;
 }
 
@@ -22537,7 +23300,7 @@ Chart sparkline
 .bg-vk-lt {
   --tblr-bg-opacity: .1;
   --tblr-text-opacity: 1;
-  color: rgba(var(--tblr-vk-rgb, var(--tblr-text-opacity))) !important;
+  color: rgba(var(--tblr-vk-rgb), var(--tblr-text-opacity)) !important;
   background-color: rgba(var(--tblr-vk-rgb), var(--tblr-bg-opacity)) !important;
 }
 
@@ -22549,7 +23312,7 @@ Chart sparkline
 .bg-rss-lt {
   --tblr-bg-opacity: .1;
   --tblr-text-opacity: 1;
-  color: rgba(var(--tblr-rss-rgb, var(--tblr-text-opacity))) !important;
+  color: rgba(var(--tblr-rss-rgb), var(--tblr-text-opacity)) !important;
   background-color: rgba(var(--tblr-rss-rgb), var(--tblr-bg-opacity)) !important;
 }
 
@@ -22561,7 +23324,7 @@ Chart sparkline
 .bg-flickr-lt {
   --tblr-bg-opacity: .1;
   --tblr-text-opacity: 1;
-  color: rgba(var(--tblr-flickr-rgb, var(--tblr-text-opacity))) !important;
+  color: rgba(var(--tblr-flickr-rgb), var(--tblr-text-opacity)) !important;
   background-color: rgba(var(--tblr-flickr-rgb), var(--tblr-bg-opacity)) !important;
 }
 
@@ -22573,7 +23336,7 @@ Chart sparkline
 .bg-bitbucket-lt {
   --tblr-bg-opacity: .1;
   --tblr-text-opacity: 1;
-  color: rgba(var(--tblr-bitbucket-rgb, var(--tblr-text-opacity))) !important;
+  color: rgba(var(--tblr-bitbucket-rgb), var(--tblr-text-opacity)) !important;
   background-color: rgba(var(--tblr-bitbucket-rgb), var(--tblr-bg-opacity)) !important;
 }
 
@@ -22585,7 +23348,7 @@ Chart sparkline
 .bg-tabler-lt {
   --tblr-bg-opacity: .1;
   --tblr-text-opacity: 1;
-  color: rgba(var(--tblr-tabler-rgb, var(--tblr-text-opacity))) !important;
+  color: rgba(var(--tblr-tabler-rgb), var(--tblr-text-opacity)) !important;
   background-color: rgba(var(--tblr-tabler-rgb), var(--tblr-bg-opacity)) !important;
 }
 
@@ -22597,7 +23360,7 @@ Chart sparkline
 .bg-white-lt {
   --tblr-bg-opacity: .1;
   --tblr-text-opacity: 1;
-  color: rgba(var(--tblr-white-rgb, var(--tblr-text-opacity))) !important;
+  color: rgba(var(--tblr-white-rgb), var(--tblr-text-opacity)) !important;
   background-color: rgba(var(--tblr-white-rgb), var(--tblr-bg-opacity)) !important;
 }
 
@@ -23212,15 +23975,15 @@ Scrollable
 }
 
 .hover-shadow-sm:hover {
-  box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important;
+  box-shadow: 0 0.125rem 0.25rem rgba(var(--tblr-body-color-rgb), 0.075) !important;
 }
 
 .hover-shadow:hover {
-  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
+  box-shadow: 0 0.5rem 1rem rgba(var(--tblr-body-color-rgb), 0.15) !important;
 }
 
 .hover-shadow-lg:hover {
-  box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important;
+  box-shadow: 0 1rem 3rem rgba(var(--tblr-body-color-rgb), 0.175) !important;
 }
 
 .hover-shadow-none:hover {