frankenstyle 0.1.0-next.0 → 0.1.0-next.2

package/dist/css/frankenstyle-kit.css

@@ -977,180 +977,203 @@
   }
 }
 
+/* Why values are hard-coded? It's because Kit must be independent to the core and can be paired with any utility-first libraries. */
 @layer theme {
   :root,
   :host {
     /* Background */
-    --uk-bg: var(--color-white);
-    --uk-bg-f: var(--color-zinc-900);
+    --uk-bg: #fff;
+    --uk-bg-f: oklch(21% 0.006 285.885);
 
     /* Card */
-    --uk-card: var(--color-white);
-    --uk-card-f: var(--color-zinc-900);
+    --uk-card: #fff;
+    --uk-card-f: oklch(21% 0.006 285.885);
 
     /* Popover/Dropdown */
-    --uk-drop: var(--color-white);
-    --uk-drop-f: var(--color-zinc-900);
+    --uk-drop: #fff;
+    --uk-drop-f: oklch(21% 0.006 285.885);
 
     /* Primary */
-    --uk-primary: var(--color-zinc-800);
-    --uk-primary-f: var(--color-zinc-50);
+    --uk-primary: oklch(27.4% 0.006 286.033);
+    --uk-primary-f: oklch(98.5% 0 0);
 
     /* Secondary */
-    --uk-secondary: var(--color-black);
+    --uk-secondary: #000;
     --uk-secondary-o: 4%;
-    --uk-secondary-f: var(--color-zinc-900);
+    --uk-secondary-f: oklch(21% 0.006 285.885);
 
     /* Muted */
-    --uk-muted: var(--color-black);
+    --uk-muted: #000;
     --uk-muted-o: 4%;
-    --uk-muted-f: var(--color-zinc-600);
+    --uk-muted-f: oklch(44.2% 0.017 285.786);
 
     /* Accent */
-    --uk-accent: var(--color-black);
+    --uk-accent: #000;
     --uk-accent-o: 4%;
-    --uk-accent-f: var(--color-zinc-900);
+    --uk-accent-f: oklch(21% 0.006 285.885);
 
     /* Destructive/Danger */
-    --uk-danger: var(--color-red-500);
-    --uk-danger-f: var(--color-red-700);
+    --uk-danger: oklch(63.7% 0.237 25.331);
+    --uk-danger-f: oklch(50.5% 0.213 27.518);
 
     /* Info */
-    --uk-info: var(--color-blue-500);
-    --uk-info-f: var(--color-blue-700);
+    --uk-info: oklch(62.3% 0.214 259.815);
+    --uk-info-f: oklch(48.8% 0.243 264.376);
 
     /* Success */
-    --uk-success: var(--color-emerald-500);
-    --uk-success-f: var(--color-emerald-700);
+    --uk-success: oklch(69.6% 0.17 162.48);
+    --uk-success-f: oklch(50.8% 0.118 165.612);
 
     /* Warning */
-    --uk-warning: var(--color-amber-500);
-    --uk-warning-f: var(--color-amber-700);
+    --uk-warning: oklch(76.9% 0.188 70.08);
+    --uk-warning-f: oklch(55.5% 0.163 48.998);
 
     /* Border & Input */
-    --uk-border: var(--color-black);
+    --uk-border: #000;
     --uk-border-o: 10%;
-    --uk-input: var(--color-black);
+    --uk-input: #000;
     --uk-input-o: 10%;
 
     /* Focus Ring */
-    --uk-focus: var(--color-zinc-400);
+    --uk-focus: oklch(70.5% 0.015 286.067);
 
     /* Charts */
-    --uk-chart-1: var(--color-orange-600);
-    --uk-chart-2: var(--color-teal-600);
-    --uk-chart-3: var(--color-cyan-900);
-    --uk-chart-4: var(--color-amber-400);
-    --uk-chart-5: var(--color-amber-500);
+    --uk-chart-1: oklch(64.6% 0.222 41.116);
+    --uk-chart-2: oklch(60% 0.118 184.704);
+    --uk-chart-3: oklch(30.2% 0.056 229.695);
+    --uk-chart-4: oklch(82.8% 0.189 84.429);
+    --uk-chart-5: oklch(76.9% 0.188 70.08);
+
+    --uk-global-blur: 4px;
+
+    --uk-global-font-size: 1rem;
+    --uk-global-line-height: 1.5rem;
+
+    --uk-global-font-size-small: 0.875rem;
+    --uk-global-line-height-small: 1.25rem;
+
+    --uk-global-radius: 0.375rem;
+    --uk-global-radius-small: 0.125rem;
+
+    --uk-global-shadow:
+      0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
+    --uk-global-shadow-small: 0 1px 2px 0 rgb(0 0 0 / 0.05);
+
+    --uk-global-font-family-sans:
+      Geist Sans, ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji',
+      'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
+    --uk-global-font-family-mono:
+      Geist Mono, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas,
+      'Liberation Mono', 'Courier New';
   }
 
   .aside {
     /* Sidebar Background */
-    --uk-bg: var(--color-white);
-    --uk-bg-f: var(--color-zinc-900);
+    --uk-bg: #fff;
+    --uk-bg-f: oklch(21% 0.006 285.885);
 
     /* Sidebar Primary */
-    --uk-primary: var(--color-zinc-800);
-    --uk-primary-f: var(--color-zinc-50);
+    --uk-primary: oklch(27.4% 0.006 286.033);
+    --uk-primary-f: oklch(98.5% 0 0);
 
     /* Sidebar Accent */
-    --uk-accent: var(--color-black);
+    --uk-accent: #000;
     --uk-accent-o: 4%;
-    --uk-accent-f: var(--color-zinc-900);
+    --uk-accent-f: oklch(21% 0.006 285.885);
 
     /* Sidebar Border */
-    --uk-border: var(--color-black);
+    --uk-border: #000;
     --uk-border-o: 10%;
 
     /* Sidebar Focus */
-    --uk-focus: var(--color-zinc-400);
+    --uk-focus: oklch(70.5% 0.015 286.067);
   }
 
   .dark {
     /* Background */
-    --uk-bg: var(--color-zinc-950);
-    --uk-bg-f: var(--color-zinc-100);
+    --uk-bg: oklch(14.1% 0.005 285.823);
+    --uk-bg-f: oklch(96.7% 0.001 286.375);
 
     /* Card */
     --uk-card: #151518;
-    --uk-card-f: var(--color-zinc-100);
+    --uk-card-f: oklch(96.7% 0.001 286.375);
 
     /* Popover/Dropdown */
-    --uk-drop: var(--color-zinc-900);
-    --uk-drop-f: var(--color-zinc-100);
+    --uk-drop: oklch(21% 0.006 285.885);
+    --uk-drop-f: oklch(96.7% 0.001 286.375);
 
     /* Primary */
-    --uk-primary: var(--color-zinc-100);
-    --uk-primary-f: var(--color-zinc-900);
+    --uk-primary: oklch(96.7% 0.001 286.375);
+    --uk-primary-f: oklch(21% 0.006 285.885);
 
     /* Secondary */
-    --uk-secondary: var(--color-white);
+    --uk-secondary: #fff;
     --uk-secondary-o: 8%;
-    --uk-secondary-f: var(--color-zinc-100);
+    --uk-secondary-f: oklch(96.7% 0.001 286.375);
 
     /* Muted */
-    --uk-muted: var(--color-white);
+    --uk-muted: #fff;
     --uk-muted-o: 8%;
-    --uk-muted-f: var(--color-zinc-400);
+    --uk-muted-f: oklch(70.5% 0.015 286.067);
 
     /* Accent */
-    --uk-accent: var(--color-white);
+    --uk-accent: #fff;
     --uk-accent-o: 8%;
-    --uk-accent-f: var(--color-zinc-100);
+    --uk-accent-f: oklch(96.7% 0.001 286.375);
 
     /* Destructive/Danger */
-    --uk-danger: var(--color-red-500);
-    --uk-danger-f: var(--color-red-400);
+    --uk-danger: oklch(63.7% 0.237 25.331);
+    --uk-danger-f: oklch(70.4% 0.191 22.216);
 
     /* Info */
-    --uk-info: var(--color-blue-500);
-    --uk-info-f: var(--color-blue-400);
+    --uk-info: oklch(62.3% 0.214 259.815);
+    --uk-info-f: oklch(70.7% 0.165 254.624);
 
     /* Success */
-    --uk-success: var(--color-emerald-500);
-    --uk-success-f: var(--color-emerald-400);
+    --uk-success: oklch(69.6% 0.17 162.48);
+    --uk-success-f: oklch(76.5% 0.177 163.223);
 
     /* Warning */
-    --uk-warning: var(--color-amber-500);
-    --uk-warning-f: var(--color-amber-400);
+    --uk-warning: oklch(76.9% 0.188 70.08);
+    --uk-warning-f: oklch(82.8% 0.189 84.429);
 
     /* Border & Input */
-    --uk-border: var(--color-white);
+    --uk-border: #fff;
     --uk-border-o: 12%;
-    --uk-input: var(--color-white);
+    --uk-input: #fff;
     --uk-input-o: 12%;
 
     /* Focus Ring */
-    --uk-focus: var(--color-zinc-500);
+    --uk-focus: oklch(55.2% 0.016 285.938);
 
     /* Charts */
-    --uk-chart-1: var(--color-blue-700);
-    --uk-chart-2: var(--color-emerald-500);
-    --uk-chart-3: var(--color-amber-500);
-    --uk-chart-4: var(--color-purple-500);
-    --uk-chart-5: var(--color-rose-500);
+    --uk-chart-1: oklch(48.8% 0.243 264.376);
+    --uk-chart-2: oklch(69.6% 0.17 162.48);
+    --uk-chart-3: oklch(76.9% 0.188 70.08);
+    --uk-chart-4: oklch(62.7% 0.265 303.9);
+    --uk-chart-5: oklch(59.2% 0.249 0.584);
   }
 
   .dark .aside {
     /* Sidebar Background */
     --uk-bg: #0e0e10;
-    --uk-bg-f: var(--color-zinc-100);
+    --uk-bg-f: oklch(96.7% 0.001 286.375);
 
     /* Sidebar Primary */
-    --uk-primary: var(--color-zinc-100);
-    --uk-primary-f: var(--color-zinc-900);
+    --uk-primary: oklch(96.7% 0.001 286.375);
+    --uk-primary-f: oklch(21% 0.006 285.885);
 
     /* Sidebar Accent */
-    --uk-accent: var(--color-white);
+    --uk-accent: #fff;
     --uk-accent-o: 8%;
-    --uk-accent-f: var(--color-zinc-100);
+    --uk-accent-f: oklch(96.7% 0.001 286.375);
 
     /* Sidebar Border */
-    --uk-border: var(--color-white);
+    --uk-border: #fff;
     --uk-border-o: 12%;
 
     /* Sidebar Focus */
-    --uk-focus: var(--color-zinc-400);
+    --uk-focus: oklch(70.5% 0.015 286.067);
   }
 }
 
@@ -1160,8 +1183,8 @@
   }
 
   body {
-    font-size: var(--uk-texts);
-    line-height: var(--uk-texts--line-height);
+    font-size: var(--uk-global-font-size);
+    line-height: var(--uk-global-line-height);
   }
 
   .uk-accordion-title:focus-visible,
@@ -1192,6 +1215,18 @@
   .uk-pagination > * > *:focus-visible {
     outline: 2px dotted var(--uk-focus);
   }
+
+  .sr-only {
+    clip: rect(0, 0, 0, 0);
+    white-space: nowrap;
+    border-width: 0;
+    width: 1px;
+    height: 1px;
+    margin: -1px;
+    padding: 0;
+    position: absolute;
+    overflow: hidden;
+  }
 }
 
 @layer utilities {
@@ -1350,20 +1385,22 @@
 
   /* Border Radius */
   .uk-rounded {
-    border-radius: var(--radius-md);
+    border-radius: 0.375rem;
   }
 
   .uk-rounded-sm {
-    border-radius: var(--radius-sm);
+    border-radius: 0.125rem;
   }
 
   /* Box Shadow */
   .uk-shadow {
-    box-shadow: var(--shadow-xs);
+    box-shadow: 0 1px 2px 0 #0000000d;
   }
 
   .uk-shadow-sm {
-    box-shadow: var(--shadow-sm);
+    box-shadow:
+      0 1px 3px 0 #0000001a,
+      0 1px 2px -1px #0000001a;
   }
 
   /* Text Sizes */
@@ -1672,7 +1709,7 @@
     padding: 1rem 2rem 1rem 1rem;
     background-color: var(--uk-alert-bg-computed);
     color: var(--uk-alert-color-computed);
-    border-radius: var(--radius-md);
+    border-radius: var(--uk-global-radius);
     border-width: 1px;
     border-style: solid;
     border-color: var(--uk-alert-border-computed);
@@ -1713,7 +1750,7 @@
   .fr-avatar {
     --uk-avatar-bg: var(--uk-bg);
     --uk-avatar-size: 2.5rem;
-    --uk-avatar-radius: var(--radius-md);
+    --uk-avatar-radius: var(--uk-global-radius);
     --uk-avatar-border: var(--uk-border);
     --uk-avatar-border-o: 4%;
     --uk-avatar-border-computed: color-mix(
@@ -1734,7 +1771,7 @@
     height: 100%;
     width: 100%;
     object-fit: cover;
-    border-radius: var(--radius-sm);
+    border-radius: var(--uk-global-radius-small);
   }
   .fr-avatar-text {
     display: flex;
@@ -1742,7 +1779,7 @@
     justify-content: center;
     height: 100%;
     width: 100%;
-    border-radius: var(--radius-sm);
+    border-radius: var(--uk-global-radius-small);
   }
   .fr-avatar-rounded {
     border-radius: 9999px;
@@ -1861,11 +1898,11 @@
     height: 1.25rem;
     min-width: 1.25rem;
     padding: 0 0.375rem;
-    font-size: var(--font-size-sm);
-    line-height: var(--font-size-sm--line-height);
+    font-size: var(--uk-global-font-size-small);
+    line-height: var(--uk-global-line-height-small);
     font-weight: 600;
     border-radius: 9999px;
-    box-shadow: var(--uk-badge-shadow, --shadow-sm);
+    box-shadow: var(--uk-badge-shadow, var(--uk-global-shadow));
     border-width: 1px;
     border-style: solid;
     border-color: var(--uk-badge-border-computed);
@@ -1916,7 +1953,7 @@
   }
   .uk-breadcrumb > * > :hover {
     text-decoration: none;
-    color: var(--uk-background-f);
+    color: var(--uk-bg-f);
     transition-property: color;
     transition-duration: 150ms;
     transition-timing-function: ease-in-out;
@@ -1924,7 +1961,7 @@
   .uk-breadcrumb > :last-child > span,
   .uk-breadcrumb > :last-child > a:not([href]) {
     font-weight: 500;
-    color: var(--uk-background-f);
+    color: var(--uk-bg-f);
   }
   .uk-breadcrumb > :nth-child(n + 2):not(.uk-first-column)::before {
     content: var(--uk-breadcrumb-divider, '/');
@@ -1939,20 +1976,22 @@
   }
   .uk-button {
     --uk-button-height: 2.5rem;
+    --uk-button-padding: 0.625rem 1.25rem;
+    --uk-button-font-size: var(--uk-global-font-size);
+    --uk-button-line-height: var(--uk-global-line-height);
     --uk-button-bg: var(--uk-bg);
     --uk-button-bg-o: 100%;
     --uk-button-color: var(--uk-bg-f);
     --uk-button-border: var(--uk-border);
     --uk-button-border-o: 10%;
-    --uk-button-radius: var(--radius-md);
+    --uk-button-radius: var(--uk-global-radius);
     --uk-button-font-weight: 500;
-    --uk-button-shadow: var(--shadow-sm);
+    --uk-button-shadow: var(--uk-global-shadow-small);
     --uk-button-hover-bg: var(--uk-accent);
     --uk-button-hover-bg-o: 4%;
     --uk-button-hover-color: var(--uk-accent-f);
     --uk-button-disabled-o: 50%;
     --uk-button-icon-size: 1rem;
-    --uk-button-padding: 0.625rem 1.25rem;
     --uk-button-bg-computed: color-mix(
       in srgb,
       var(--uk-button-bg) var(--uk-button-bg-o),
@@ -1985,6 +2024,8 @@
     box-sizing: border-box;
     width: auto;
     font-weight: var(--uk-button-font-weight);
+    font-size: var(--uk-button-font-size);
+    line-height: var(--uk-button-line-height);
     text-align: center;
     white-space: nowrap;
     border-radius: var(--uk-button-radius);
@@ -1997,10 +2038,6 @@
     height: var(--uk-button-height);
     padding: var(--uk-button-padding);
     cursor: pointer;
-    transition:
-      background-color 150ms ease-in-out,
-      color 150ms ease-in-out,
-      border-color 150ms ease-in-out;
   }
   .uk-button::-moz-focus-inner {
     border: 0;
@@ -2009,6 +2046,10 @@
   .uk-button:hover {
     background-color: var(--uk-button-hover-bg-computed);
     color: var(--uk-button-hover-color-computed);
+    transition:
+      background-color 150ms ease-in-out,
+      color 150ms ease-in-out,
+      border-color 150ms ease-in-out;
   }
   .uk-button:disabled {
     opacity: var(--uk-button-disabled-o);
@@ -2027,7 +2068,7 @@
     --uk-button-border: var(--uk-border);
     --uk-button-border-o: 10%;
     --uk-button-hover-bg: var(--uk-accent);
-    --uk-button-hover-bg-o: 100%;
+    --uk-button-hover-bg-o: var(--uk-accent-o);
     --uk-button-hover-color: var(--uk-accent-f);
   }
   .uk-button-primary {
@@ -2053,42 +2094,42 @@
   .uk-button-danger {
     --uk-button-bg: var(--uk-danger);
     --uk-button-bg-o: 100%;
-    --uk-button-color: var(--color-white);
+    --uk-button-color: #fff;
     --uk-button-border: var(--uk-danger);
     --uk-button-border-o: 100%;
     --uk-button-hover-bg: var(--uk-danger);
     --uk-button-hover-bg-o: 90%;
-    --uk-button-hover-color: var(--color-white);
+    --uk-button-hover-color: #fff;
   }
   .uk-button-success {
     --uk-button-bg: var(--uk-success);
     --uk-button-bg-o: 100%;
-    --uk-button-color: var(--color-white);
+    --uk-button-color: #fff;
     --uk-button-border: var(--uk-success);
     --uk-button-border-o: 100%;
     --uk-button-hover-bg: var(--uk-success);
     --uk-button-hover-bg-o: 90%;
-    --uk-button-hover-color: var(--color-white);
+    --uk-button-hover-color: #fff;
   }
   .uk-button-warning {
     --uk-button-bg: var(--uk-warning);
     --uk-button-bg-o: 100%;
-    --uk-button-color: var(--color-white);
+    --uk-button-color: #fff;
     --uk-button-border: var(--uk-warning);
     --uk-button-border-o: 100%;
     --uk-button-hover-bg: var(--uk-warning);
     --uk-button-hover-bg-o: 90%;
-    --uk-button-hover-color: var(--color-white);
+    --uk-button-hover-color: #fff;
   }
   .uk-button-info {
     --uk-button-bg: var(--uk-info);
     --uk-button-bg-o: 100%;
-    --uk-button-color: var(--color-white);
+    --uk-button-color: #fff;
     --uk-button-border: var(--uk-info);
     --uk-button-border-o: 100%;
     --uk-button-hover-bg: var(--uk-info);
     --uk-button-hover-bg-o: 90%;
-    --uk-button-hover-color: var(--color-white);
+    --uk-button-hover-color: #fff;
   }
   .uk-button-outline {
     --uk-button-bg: var(--uk-primary);
@@ -2247,34 +2288,34 @@
   .uk-button-group .uk-button:has(+ .uk-button.uk-active) {
     border-inline-end-color: transparent;
   }
-  .uk-button-xs {
-    height: 1.75rem;
-    padding: 0.375rem 0.75rem;
-    font-size: var(--font-size-xs);
-    line-height: var(--font-size-xs--line-height);
-  }
-  .uk-button-sm {
-    height: 2rem;
-    padding: 0.5rem 1rem;
-    font-size: var(--font-size-sm);
-    line-height: var(--font-size-sm--line-height);
-  }
-  .uk-button-md {
-    height: 3rem;
-    padding: 0.75rem 1.5rem;
-    font-size: var(--uk-texts);
-    line-height: var(--font-size--line-height);
-  }
-  .uk-button-lg {
-    height: 3.5rem;
-    padding: 0.875rem 1.75rem;
-    font-size: var(--uk-texts);
-    line-height: var(--font-size--line-height);
+  .uk-button-xsmall {
+    --uk-button-height: 1.75rem;
+    --uk-button-padding: 0.375rem 0.75rem;
+    --uk-button-font-size: var(--uk-global-font-size-small);
+    --uk-button-line-height: var(--uk-global-line-height-small);
+  }
+  .uk-button-small {
+    --uk-button-height: 2rem;
+    --uk-button-padding: 0.5rem 1rem;
+    --uk-button-font-size: var(--uk-global-font-size-small);
+    --uk-button-line-height: var(--uk-global-line-height-small);
+  }
+  .uk-button-medium {
+    --uk-button-height: 3rem;
+    --uk-button-padding: 0.75rem 1.5rem;
+    --uk-button-font-size: var(--uk-global-font-size);
+    --uk-button-line-height: var(--uk-global-line-height);
+  }
+  .uk-button-large {
+    --uk-button-height: 3.5rem;
+    --uk-button-padding: 0.875rem 1.75rem;
+    --uk-button-font-size: var(--uk-global-font-size);
+    --uk-button-line-height: var(--uk-global-line-height);
   }
   .uk-card {
     --uk-card-padding: 1rem;
-    --uk-card-radius: var(--radius-md);
-    --uk-card-shadow: var(--shadow-xs);
+    --uk-card-radius: var(--uk-global-radius);
+    --uk-card-shadow: var(--uk-global-shadow);
     --uk-card-border-width: 1px;
     --uk-card-border-color: var(--uk-border);
     --uk-card-border-color-o: 10%;
@@ -2359,7 +2400,7 @@
     --uk-card-border-color-o: 0%;
     --uk-card-bg: var(--uk-danger);
     --uk-card-bg-o: 100%;
-    --uk-card-color: var(--color-white);
+    --uk-card-color: #fff;
     --uk-card-color-o: 100%;
   }
   .uk-card-success {
@@ -2368,7 +2409,7 @@
     --uk-card-border-color-o: 0%;
     --uk-card-bg: var(--uk-success);
     --uk-card-bg-o: 100%;
-    --uk-card-color: var(--color-white);
+    --uk-card-color: #fff;
     --uk-card-color-o: 100%;
   }
   .uk-card-warning {
@@ -2377,7 +2418,7 @@
     --uk-card-border-color-o: 0%;
     --uk-card-bg: var(--uk-warning);
     --uk-card-bg-o: 100%;
-    --uk-card-color: var(--color-white);
+    --uk-card-color: #fff;
     --uk-card-color-o: 100%;
   }
   .uk-card-info {
@@ -2386,7 +2427,7 @@
     --uk-card-border-color-o: 0%;
     --uk-card-bg: var(--uk-info);
     --uk-card-bg-o: 100%;
-    --uk-card-color: var(--color-white);
+    --uk-card-color: #fff;
     --uk-card-color-o: 100%;
   }
   .uk-card-muted {
@@ -2482,7 +2523,7 @@
     margin-inline-start: var(--uk-comment-nested-item-margin);
   }
   .uk-comment-primary {
-    --uk-comment-primary-radius: var(--radius-md);
+    --uk-comment-primary-radius: var(--uk-global-radius);
     --uk-comment-primary-bg: var(--uk-primary);
     --uk-comment-primary-bg-o: 100%;
     --uk-comment-primary-color: var(--uk-primary-f);
@@ -2566,6 +2607,7 @@
     margin-block-end: 0.5rem;
     display: flex;
     column-gap: var(--uk-cal-header-column-gap);
+    align-items: center;
   }
   .uk-cal-header-l,
   .uk-cal-header-r {
@@ -2580,19 +2622,30 @@
     justify-content: space-between;
     column-gap: var(--uk-cal-jumper-column-gap);
   }
-  .uk-cal-jumper .uk-input-fake {
-    justify-content: center;
+  .uk-cal-jumper-month {
+    display: flex;
+    flex: 1;
+    align-items: center;
+    gap: 0.25rem;
   }
-  .uk-cal-jumper input {
-    width: var(--uk-cal-jumper-input-width);
-    text-align: center;
+  .uk-cal-jumper-month select {
+    width: 100%;
   }
-  .uk-cal-jumper input[type='number']::-webkit-inner-spin-button,
-  .uk-cal-jumper input[type='number']::-webkit-outer-spin-button {
+  .uk-cal-jumper-year {
+    display: flex;
+    flex: 1;
+    align-items: center;
+    gap: 0.25rem;
+  }
+  .uk-cal-jumper-year input {
+    width: 100%;
+  }
+  .uk-cal-jumper-year input[type='number']::-webkit-inner-spin-button,
+  .uk-cal-jumper-year input[type='number']::-webkit-outer-spin-button {
     -webkit-appearance: none;
     margin: 0;
   }
-  .uk-cal-jumper input[type='number'] {
+  .uk-cal-jumper-year input[type='number'] {
     -moz-appearance: textfield;
   }
   .uk-cal-title {
@@ -2601,25 +2654,6 @@
     text-align: center;
     font-weight: var(--uk-cal-title-font-weight);
   }
-  .uk-cal-month-dropdown {
-    --uk-cal-month-dropdown-item-padding: 0.25rem;
-    --uk-cal-month-dropdown-max-height: 10rem;
-    --uk-cal-month-dropdown-min-width: 9rem;
-    --uk-dropdown-nav-item-padding: var(--uk-cal-month-dropdown-item-padding);
-    flex: 1 1 0%;
-  }
-  .uk-cal-month-dropdown button {
-    width: 100%;
-  }
-  .uk-cal-month-dropdown .uk-drop {
-    max-height: var(--uk-cal-month-dropdown-max-height);
-    min-width: var(--uk-cal-month-dropdown-min-width);
-    overflow-y: auto;
-  }
-  .uk-cal-month-dropdown-item a {
-    align-items: center;
-    justify-content: space-between;
-  }
   .uk-cal table {
     --uk-cal-table-row-gap: 0.5rem;
     display: flex;
@@ -2655,7 +2689,7 @@
   .uk-cal table tbody tr td {
     --uk-cal-cell-body-font-size: 1rem;
     --uk-cal-cell-padding: 0;
-    --uk-cal-cell-radius: var(--radius-md);
+    --uk-cal-cell-radius: var(--uk-global-radius);
     width: var(--uk-cal-cell-size);
     height: var(--uk-cal-cell-size);
     font-size: var(--uk-cal-cell-body-font-size);
@@ -2674,7 +2708,7 @@
   }
   .uk-cal table tbody tr td button:hover {
     --uk-cal-cell-hover-bg: var(--uk-accent);
-    --uk-cal-cell-hover-bg-o: 100%;
+    --uk-cal-cell-hover-bg-o: var(--uk-accent-o);
     --uk-cal-cell-hover-color: var(--uk-accent-f);
     --uk-cal-cell-hover-color-o: 100%;
     --uk-cal-hover-duration: 150ms;
@@ -2759,7 +2793,7 @@
     --uk-cal-marked-border-color-o: 32%;
     --uk-cal-marked-dot-color: var(--uk-info);
     --uk-cal-marked-dot-color-o: 100%;
-    --uk-cal-marked-dot-size: 0.375rem;
+    --uk-cal-marked-dot-size: 0.25rem;
     --uk-cal-marked-bg-computed: color-mix(
       in srgb,
       var(--uk-cal-marked-bg) var(--uk-cal-marked-bg-o),
@@ -2781,7 +2815,7 @@
     border: 1px solid var(--uk-cal-marked-border-color-computed);
   }
   .uk-cal-marked::after {
-    --uk-cal-marked-dot-offset: 0.5rem;
+    --uk-cal-marked-dot-offset: 0.75rem;
     content: '';
     position: absolute;
     top: 50%;
@@ -3018,8 +3052,8 @@
     --uk-position-offset: 10px;
     --uk-position-viewport-offset: 8px;
     --uk-dropdown-width: auto;
-    --uk-dropdown-radius: var(--radius-md);
-    --uk-dropdown-shadow: var(--shadow-xs);
+    --uk-dropdown-radius: var(--uk-global-radius);
+    --uk-dropdown-shadow: var(--uk-global-shadow-small);
     --uk-dropdown-border-width: 1px;
     --uk-dropdown-border-color: var(--uk-border);
     --uk-dropdown-border-color-o: 10%;
@@ -3123,15 +3157,15 @@
     inset-inline-end: 0;
   }
   :root {
-    --uk-form-input-radius: var(--radius-md);
-    --uk-form-input-shadow: var(--shadow-sm);
+    --uk-form-input-radius: var(--uk-global-radius);
+    --uk-form-input-shadow: var(--uk-global-shadow);
     --uk-form-input-height: 2.5rem;
     --uk-form-input-font-size: 0.875rem;
     --uk-form-input-leading: 1.25rem;
     --uk-form-input-padding: 0.375rem 0.75rem;
-    --uk-form-toggle-switch-shadow: var(--shadow-sm);
-    --uk-form-radio-radius: var(--radius-sm);
-    --uk-form-radio-shadow: var(--shadow-xs);
+    --uk-form-toggle-switch-shadow: var(--uk-global-shadow-small);
+    --uk-form-radio-radius: var(--uk-global-radius-small);
+    --uk-form-radio-shadow: var(--uk-global-shadow-small);
     --uk-form-checkbox-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='lucide lucide-check-icon lucide-check'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E");
     --uk-form-checkbox-image-indeterminate: url('data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Crect%20fill%3D%22%23000000%22%20x%3D%223%22%20y%3D%228%22%20width%3D%2210%22%20height%3D%221%22%20%2F%3E%0A%3C%2Fsvg%3E');
     --uk-form-radio-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 15 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.875 7.5C9.875 8.81168 8.81168 9.875 7.5 9.875C6.18832 9.875 5.125 8.81168 5.125 7.5C5.125 6.18832 6.18832 5.125 7.5 5.125C8.81168 5.125 9.875 6.18832 9.875 7.5Z' fill='%23fff'%3E%3C/path%3E%3C/svg%3E");
@@ -3328,9 +3362,9 @@
   }
   .uk-radio:checked,
   .uk-checkbox:checked {
-    --uk-form-radio-checked-bg: var(--color-blue-500);
+    --uk-form-radio-checked-bg: oklch(62.3% 0.214 259.815);
     --uk-form-radio-checked-bg-o: 100%;
-    --uk-form-radio-checked-border-color: var(--color-blue-500);
+    --uk-form-radio-checked-border-color: oklch(62.3% 0.214 259.815);
     --uk-form-radio-checked-border-color-o: 100%;
     --uk-form-radio-checked-bg-computed: color-mix(
       in srgb,
@@ -3504,23 +3538,23 @@
     font-size: 500px;
     overflow: hidden;
   }
-  .uk-form-xs {
-    --uk-form-input-font-size: 0.75rem;
-    --uk-form-input-leading: 1rem;
+  .uk-form-xsmall {
+    --uk-form-input-font-size: var(--uk-global-font-size-small);
+    --uk-form-input-leading: var(--uk-global-line-height-small);
     --uk-form-input-height: 1.75rem;
     --uk-form-input-padding: 0.25rem 0.5rem;
   }
-  .uk-form-sm {
-    --uk-form-input-font-size: 0.75rem;
-    --uk-form-input-leading: 1rem;
+  .uk-form-small {
+    --uk-form-input-font-size: var(--uk-global-font-size-small);
+    --uk-form-input-leading: var(--uk-global-line-height-small);
     --uk-form-input-height: 2rem;
     --uk-form-input-padding: 0.25rem 0.5rem;
   }
-  .uk-form-md {
+  .uk-form-medium {
     --uk-form-input-height: 3rem;
     --uk-form-input-padding: 0.5rem 1rem;
   }
-  .uk-form-lg {
+  .uk-form-large {
     --uk-form-input-height: 3.5rem;
     --uk-form-input-padding: 0.5rem 1rem;
   }
@@ -3530,6 +3564,89 @@
   .uk-inline:has(input[disabled]) .uk-form-icon {
     opacity: 0.5;
   }
+  .uk-range {
+    --uk-range-track-height: 3px;
+    --uk-range-track-radius: 500px;
+    --uk-range-track-bg: var(--uk-primary);
+    --uk-range-track-bg-o: 20%;
+    --uk-range-thumb-size: 1rem;
+    --uk-range-thumb-margin-top: -7px;
+    --uk-range-thumb-radius: 500px;
+    --uk-range-thumb-border-color: var(--uk-primary);
+    --uk-range-thumb-border-color-o: 50%;
+    --uk-range-thumb-bg: var(--uk-bg);
+    --uk-range-thumb-bg-o: 100%;
+    --uk-range-track-bg-computed: color-mix(
+      in srgb,
+      var(--uk-range-track-bg) var(--uk-range-track-bg-o),
+      transparent
+    );
+    --uk-range-thumb-border-color-computed: color-mix(
+      in srgb,
+      var(--uk-range-thumb-border-color) var(--uk-range-thumb-border-color-o),
+      transparent
+    );
+    --uk-range-thumb-bg-computed: color-mix(
+      in srgb,
+      var(--uk-range-thumb-bg) var(--uk-range-thumb-bg-o),
+      transparent
+    );
+    -webkit-appearance: none;
+    box-sizing: border-box;
+    margin: 0;
+    vertical-align: middle;
+    max-width: 100%;
+    width: 100%;
+    background: transparent;
+  }
+  .uk-range:focus {
+    outline: none;
+  }
+  .uk-range::-moz-focus-outer {
+    border: none;
+  }
+  .uk-range:not(:disabled)::-webkit-slider-thumb {
+    cursor: pointer;
+  }
+  .uk-range:not(:disabled)::-moz-range-thumb {
+    cursor: pointer;
+  }
+  .uk-range::-webkit-slider-runnable-track {
+    height: var(--uk-range-track-height);
+    border-radius: var(--uk-range-track-radius);
+    background-color: var(--uk-range-track-bg-computed);
+  }
+  .uk-range:focus::-webkit-slider-runnable-track,
+  .uk-range:active::-webkit-slider-runnable-track {
+    background-color: var(--uk-range-track-bg-computed);
+  }
+  .uk-range::-moz-range-track {
+    height: var(--uk-range-track-height);
+    border-radius: var(--uk-range-track-radius);
+    background-color: var(--uk-range-track-bg-computed);
+  }
+  .uk-range:focus::-moz-range-track {
+    background-color: var(--uk-range-track-bg-computed);
+  }
+  .uk-range::-webkit-slider-thumb {
+    -webkit-appearance: none;
+    margin-top: var(--uk-range-thumb-margin-top);
+    height: var(--uk-range-thumb-size);
+    width: var(--uk-range-thumb-size);
+    border-width: 1px;
+    border-style: solid;
+    border-color: var(--uk-range-thumb-border-color-computed);
+    border-radius: var(--uk-range-thumb-radius);
+    background-color: var(--uk-range-thumb-bg-computed);
+  }
+  .uk-range::-moz-range-thumb {
+    height: var(--uk-range-thumb-size);
+    width: var(--uk-range-thumb-size);
+    margin-top: var(--uk-range-thumb-margin-top);
+    border: 1px solid var(--uk-range-thumb-border-color-computed);
+    border-radius: var(--uk-range-thumb-radius);
+    background-color: var(--uk-range-thumb-bg-computed);
+  }
   .uk-lightbox {
     --uk-lightbox-z-index: 1010;
     --uk-lightbox-transition: opacity 0.15s linear;
@@ -3747,12 +3864,12 @@
     --uk-modal-padding-top-after-header: 0;
     --uk-modal-padding-bottom-scrollable: 0;
     --uk-modal-padding-top-after-scrollable: var(--uk-modal-padding);
-    --uk-modal-radius: var(--radius-md);
+    --uk-modal-radius: var(--uk-global-radius);
     --uk-modal-z-index: 1010;
-    --uk-modal-transition: opacity 0.15s linear;
-    --uk-modal-overlay-bg: var(--color-black);
+    --uk-modal-transition: opacity 0.15s ease-out;
+    --uk-modal-overlay-bg: #000;
     --uk-modal-overlay-bg-o: 80%;
-    --uk-modal-overlay-blur: var(--blur-xs);
+    --uk-modal-overlay-blur: var(--uk-global-blur);
     --uk-modal-overlay-bg-computed: color-mix(
       in srgb,
       var(--uk-modal-overlay-bg) var(--uk-modal-overlay-bg-o),
@@ -3781,8 +3898,8 @@
   }
   .uk-modal-dialog {
     --uk-modal-dialog-width: 32rem;
-    --uk-modal-dialog-transform: translateY(-100px);
-    --uk-modal-dialog-transition: 0.3s linear;
+    --uk-modal-dialog-transform: translateY(-8px) scale(0.95);
+    --uk-modal-dialog-transition: 0.15s ease-out;
     --uk-modal-dialog-border-width: 1px;
     --uk-modal-dialog-border-color: var(--uk-border);
     --uk-modal-dialog-border-color-o: 10%;
@@ -3809,7 +3926,7 @@
   }
   .uk-open > .uk-modal-dialog {
     opacity: 1;
-    transform: translateY(0);
+    transform: translateY(0) scale(1);
   }
   .uk-modal-container .uk-modal-dialog {
     width: 1200px;
@@ -3872,7 +3989,7 @@
     --uk-nav-sub-item-padding: 0.25rem 0.5rem;
     --uk-nav-sub-item-margin: 0;
     --uk-nav-sub-border-w: 1px;
-    --uk-nav-radius: var(--radius-md);
+    --uk-nav-radius: var(--uk-global-radius);
   }
   .uk-nav-alt {
     --uk-nav-item-padding: 0.5rem 1rem;
@@ -4029,6 +4146,12 @@
     transition-timing-function: ease-in-out;
   }
   .uk-nav-sub a {
+    --uk-nav-sub-item-color-computed: color-mix(
+      in srgb,
+      var(--uk-nav-item-color, var(--uk-bg-f)) var(--uk-nav-item-color-o, 100%),
+      transparent
+    );
+    color: var(--uk-nav-sub-item-color-computed);
     padding: var(--uk-nav-sub-item-padding);
     margin: var(--uk-nav-sub-item-margin);
   }
@@ -4137,8 +4260,8 @@
   }
   .uk-notification-message {
     --uk-notification-padding: 1rem 1.5rem 1rem 1rem;
-    --uk-notification-radius: var(--radius-md);
-    --uk-notification-shadow: var(--shadow-xs);
+    --uk-notification-radius: var(--uk-global-radius);
+    --uk-notification-shadow: var(--uk-global-shadow-small);
     --uk-notification-border-width: 1px;
     --uk-notification-border-color: var(--uk-border);
     --uk-notification-border-color-o: 10%;
@@ -4201,9 +4324,9 @@
     --uk-notification-border-color-o: 100%;
     --uk-notification-bg: var(--uk-primary);
     --uk-notification-bg-o: 100%;
-    --uk-notification-color: var(--color-white);
+    --uk-notification-color: #fff;
     --uk-notification-color-o: 100%;
-    --uk-notification-close-color: var(--color-white);
+    --uk-notification-close-color: #fff;
     --uk-notification-close-color-o: 50%;
   }
   .uk-notification-message-secondary {
@@ -4211,9 +4334,9 @@
     --uk-notification-border-color-o: 100%;
     --uk-notification-bg: var(--uk-secondary);
     --uk-notification-bg-o: 100%;
-    --uk-notification-color: var(--color-white);
+    --uk-notification-color: #fff;
     --uk-notification-color-o: 100%;
-    --uk-notification-close-color: var(--color-white);
+    --uk-notification-close-color: #fff;
     --uk-notification-close-color-o: 50%;
   }
   .uk-notification-message-danger {
@@ -4221,9 +4344,9 @@
     --uk-notification-border-color-o: 100%;
     --uk-notification-bg: var(--uk-danger);
     --uk-notification-bg-o: 100%;
-    --uk-notification-color: var(--color-white);
+    --uk-notification-color: #fff;
     --uk-notification-color-o: 100%;
-    --uk-notification-close-color: var(--color-white);
+    --uk-notification-close-color: #fff;
     --uk-notification-close-color-o: 50%;
   }
   .uk-notification-message-success {
@@ -4231,9 +4354,9 @@
     --uk-notification-border-color-o: 100%;
     --uk-notification-bg: var(--uk-success);
     --uk-notification-bg-o: 100%;
-    --uk-notification-color: var(--color-white);
+    --uk-notification-color: #fff;
     --uk-notification-color-o: 100%;
-    --uk-notification-close-color: var(--color-white);
+    --uk-notification-close-color: #fff;
     --uk-notification-close-color-o: 50%;
   }
   .uk-notification-message-warning {
@@ -4241,9 +4364,9 @@
     --uk-notification-border-color-o: 100%;
     --uk-notification-bg: var(--uk-warning);
     --uk-notification-bg-o: 100%;
-    --uk-notification-color: var(--color-white);
+    --uk-notification-color: #fff;
     --uk-notification-color-o: 100%;
-    --uk-notification-close-color: var(--color-white);
+    --uk-notification-close-color: #fff;
     --uk-notification-close-color-o: 50%;
   }
   .uk-notification-message-info {
@@ -4251,9 +4374,9 @@
     --uk-notification-border-color-o: 100%;
     --uk-notification-bg: var(--uk-info);
     --uk-notification-bg-o: 100%;
-    --uk-notification-color: var(--color-white);
+    --uk-notification-color: #fff;
     --uk-notification-color-o: 100%;
-    --uk-notification-close-color: var(--color-white);
+    --uk-notification-close-color: #fff;
     --uk-notification-close-color-o: 50%;
   }
   .uk-notification-message-muted {
@@ -4261,9 +4384,9 @@
     --uk-notification-border-color-o: 100%;
     --uk-notification-bg: var(--uk-muted);
     --uk-notification-bg-o: 100%;
-    --uk-notification-color: var(--color-white);
+    --uk-notification-color: #fff;
     --uk-notification-color-o: 100%;
-    --uk-notification-close-color: var(--color-white);
+    --uk-notification-close-color: #fff;
     --uk-notification-close-color-o: 50%;
   }
   .uk-offcanvas {
@@ -4339,11 +4462,11 @@
     left: auto;
   }
   .uk-offcanvas-overlay {
-    --uk-offcanvas-overlay-bg: var(--color-black);
+    --uk-offcanvas-overlay-bg: #000;
     --uk-offcanvas-overlay-bg-o: 80%;
     --uk-offcanvas-overlay-opacity: 1;
     --uk-offcanvas-overlay-transition: opacity 0.15s linear;
-    --uk-offcanvas-overlay-blur: var(--blur-xs);
+    --uk-offcanvas-overlay-blur: var(--uk-global-blur);
     --uk-offcanvas-overlay-bg-computed: color-mix(
       in srgb,
       var(--uk-offcanvas-overlay-bg) var(--uk-offcanvas-overlay-bg-o),
@@ -4389,7 +4512,7 @@
   .uk-tab {
     --uk-tab-item-padding: 0.3125rem 0.625rem;
     --uk-tab-link-gap: 0.25em;
-    --uk-tab-radius: var(--radius-md);
+    --uk-tab-radius: var(--uk-global-radius);
     display: flex;
     flex-wrap: wrap;
     padding: 0;
@@ -4526,7 +4649,7 @@
     text-decoration: none;
   }
   .uk-tab-alt > .uk-active > a {
-    border-radius: calc(var(--uk-tab-radius) - 0.125rem);
+    border-radius: var(--uk-global-radius-small);
     background-color: var(--uk-bg);
     color: var(--uk-bg-f);
     border-bottom: none;
@@ -4739,7 +4862,7 @@
     --uk-tooltip-padding: 0.375rem 0.75rem;
     --uk-tooltip-font-size: 0.75rem;
     --uk-tooltip-leading: 1rem;
-    --uk-tooltip-radius: var(--radius-md);
+    --uk-tooltip-radius: var(--uk-global-radius);
     --uk-tooltip-bg: var(--uk-primary);
     --uk-tooltip-bg-o: 100%;
     --uk-tooltip-color: var(--uk-primary-f);
@@ -4771,6 +4894,599 @@
   .uk-tooltip.uk-active {
     display: block;
   }
+  .uk-text-lead {
+    font-size: 1.25rem;
+    line-height: 1.75rem;
+    color: var(--uk-muted-f);
+  }
+  .uk-text-meta {
+    color: var(--uk-muted-f);
+  }
+  .uk-text-background {
+    --uk-text-background-bg: #1e87f0;
+    --uk-text-background-image: linear-gradient(
+      90deg,
+      #1e87f0 0%,
+      #411ef0 100%
+    );
+    -webkit-background-clip: text;
+    color: transparent;
+    display: inline-block;
+    background-color: var(--uk-text-background-bg);
+    background-image: var(--uk-text-background-image);
+  }
+  .uk-paragraph {
+    line-height: 1.75rem;
+  }
+  .uk-paragraph:not(:first-child) {
+    margin-block-start: 1.5rem;
+  }
+  .uk-blockquote {
+    margin-block-start: 1.5rem;
+    border-inline-start-width: 2px;
+    border-color: color-mix(in srgb, var(--uk-border) 10%, transparent);
+    padding-inline-start: 1.5rem;
+    font-style: italic;
+  }
+  .uk-codespan {
+    position: relative;
+    border-radius: var(--radius-sm);
+    background-color: color-mix(
+      in srgb,
+      var(--uk-muted) var(--uk-muted-o),
+      transparent
+    );
+    padding: 0.2rem 0.3rem;
+    font-family: var(--font-mono);
+    font-weight: 600;
+  }
+  .uk-kbd {
+    display: inline-flex;
+    align-items: center;
+    padding: 0 0.375rem;
+    border-radius: var(--radius-md);
+    border-width: 1px;
+    border-style: solid;
+    border-color: color-mix(in srgb, var(--uk-border) 10%, transparent);
+    background-color: color-mix(
+      in srgb,
+      var(--uk-muted) var(--uk-muted-o),
+      transparent
+    );
+    font-family: var(--font-mono);
+    font-size: 0.8rem;
+    font-weight: 500;
+    color: var(--uk-muted-f);
+    pointer-events: none;
+    user-select: none;
+  }
+  .uk-hero-sm {
+    font-size: 2.25rem;
+    line-height: 1;
+  }
+  .uk-hero-md {
+    font-size: 3rem;
+    line-height: 1;
+  }
+  .uk-hero-lg {
+    font-size: 3.75rem;
+    line-height: 1;
+  }
+  .uk-hero-xl {
+    font-size: 4.5rem;
+    line-height: 1;
+  }
+  .uk-hero-2xl {
+    font-size: 5.25rem;
+    line-height: 1;
+  }
+  .uk-hero-3xl {
+    font-size: 6rem;
+    line-height: 1;
+  }
+  .uk-heading-divider {
+    padding-block-end: calc(5px + 0.1em);
+    border-block-end-width: calc(0.2px + 0.05em);
+    border-block-end-style: solid;
+    border-block-end-color: color-mix(
+      in srgb,
+      var(--uk-border) 10%,
+      transparent
+    );
+  }
+  .uk-heading-bullet {
+    position: relative;
+  }
+  .uk-heading-bullet::before {
+    content: '';
+    display: inline-block;
+    position: relative;
+    top: calc(-0.1 * 1em);
+    vertical-align: middle;
+    height: calc(4px + 0.7em);
+    margin-inline-end: calc(5px + 0.2em);
+    border-inline-start-width: calc(5px + 0.1em);
+    border-inline-start-style: solid;
+    border-inline-start-color: color-mix(
+      in srgb,
+      var(--uk-border) 10%,
+      transparent
+    );
+  }
+  .uk-heading-line {
+    overflow: hidden;
+  }
+  .uk-heading-line > * {
+    display: inline-block;
+    position: relative;
+  }
+  .uk-heading-line > ::before,
+  .uk-heading-line > ::after {
+    content: '';
+    position: absolute;
+    top: calc(50% - (calc(0.2px + 0.05em) / 2));
+    width: 2000px;
+    border-block-end: calc(0.2px + 0.05em) solid;
+    border-color: color-mix(in srgb, var(--uk-border) 10%, transparent);
+  }
+  .uk-heading-line > ::before {
+    inset-inline-end: 100%;
+    margin-inline-end: calc(5px + 0.3em);
+  }
+  .uk-heading-line > ::after {
+    inset-inline-start: 100%;
+    margin-inline-start: calc(5px + 0.3em);
+  }
+  .uk-h1 {
+    font-size: 2.25rem;
+    font-weight: 800;
+    letter-spacing: -0.025em;
+    line-height: 1;
+  }
+  .uk-h2 {
+    font-size: 1.875rem;
+    font-weight: 600;
+    letter-spacing: -0.025em;
+    line-height: 1;
+  }
+  .uk-h3 {
+    font-size: 1.5rem;
+    font-weight: 600;
+    letter-spacing: -0.025em;
+    line-height: 1;
+  }
+  .uk-h4 {
+    font-size: 1.25rem;
+    font-weight: 600;
+    letter-spacing: -0.025em;
+    line-height: 1;
+  }
+  .uk-input-pin {
+    --uk-input-pin-radius: var(--uk-form-input-radius);
+    --uk-input-pin-shadow: var(--uk-form-input-shadow);
+    --uk-input-pin-focus-ring-color: var(--uk-focus);
+    --uk-input-pin-focus-ring-color-o: 100%;
+    --uk-input-pin-focus-ring-color-computed: color-mix(
+      in srgb,
+      var(--uk-input-pin-focus-ring-color)
+        var(--uk-input-pin-focus-ring-color-o),
+      transparent
+    );
+    display: inline-flex;
+    align-items: center;
+    border-radius: var(--uk-input-pin-radius);
+    box-shadow: var(--uk-input-pin-shadow);
+  }
+  .uk-input-pin input {
+    --uk-input-pin-input-border-color: var(--uk-input);
+    --uk-input-pin-input-border-color-o: 10%;
+    --uk-input-pin-input-border-color-computed: color-mix(
+      in srgb,
+      var(--uk-input-pin-input-border-color)
+        var(--uk-input-pin-input-border-color-o),
+      transparent
+    );
+    height: var(--uk-form-input-height);
+    width: var(--uk-form-input-height);
+    position: relative;
+    margin: 0 -1px 0 0;
+    display: flex;
+    font-size: var(--uk-form-input-font-size);
+    line-height: var(--uk-form-input-leading);
+    text-align: center;
+    background-color: transparent;
+    outline: none;
+    border-width: 1px;
+    border-style: solid;
+    border-color: var(--uk-input-pin-input-border-color-computed);
+  }
+  .uk-input-pin input::placeholder {
+    color: var(--uk-muted-f);
+  }
+  .uk-input-pin input:focus {
+    z-index: 10;
+    outline-width: 1px;
+    outline-style: solid;
+    outline-color: var(--uk-input-pin-focus-ring-color-computed);
+    outline-offset: 0px;
+    box-shadow: none;
+  }
+  .uk-input-pin input:focus::placeholder {
+    color: var(--uk-bg);
+  }
+  .uk-input-pin.uk-form-danger {
+    --uk-input-pin-focus-ring-color: var(--uk-danger);
+  }
+  .uk-input-pin.uk-disabled input,
+  .uk-input-pin input:disabled {
+    opacity: 0.5;
+  }
+  .uk-input-pin input:first-child {
+    border-start-start-radius: var(--uk-input-pin-radius);
+    border-end-start-radius: var(--uk-input-pin-radius);
+  }
+  .uk-input-pin input:last-child {
+    border-start-end-radius: var(--uk-input-pin-radius);
+    border-end-end-radius: var(--uk-input-pin-radius);
+  }
+  .uk-input-pin.uk-input-pin-separated {
+    --uk-input-pin-separated-gap: 0.5rem;
+    --uk-input-pin-separated-input-shadow: var(--uk-form-input-shadow);
+    gap: var(--uk-input-pin-separated-gap);
+    box-shadow: none;
+  }
+  .uk-input-pin.uk-input-pin-separated input {
+    margin: 0;
+    border-radius: var(--uk-input-pin-radius);
+    box-shadow: var(--uk-input-pin-separated-input-shadow);
+  }
+  .uk-input-range {
+    --uk-input-range-track-height: 0.375rem;
+    --uk-input-range-track-radius: var(--uk-global-radius);
+    --uk-input-range-label-offset-y: 2.5rem;
+    position: relative;
+    display: block;
+    height: 2.5rem;
+    user-select: none;
+  }
+  .uk-input-range-runnable {
+    --uk-input-range-track-bg: var(--uk-primary);
+    --uk-input-range-track-bg-o: 20%;
+    --uk-input-range-track-bg-computed: color-mix(
+      in srgb,
+      var(--uk-input-range-track-bg) var(--uk-input-range-track-bg-o),
+      transparent
+    );
+    position: absolute;
+    inset-inline-start: 0;
+    inset-inline-end: 0;
+    inset-block-start: 50%;
+    height: var(--uk-input-range-track-height);
+    border-radius: var(--uk-input-range-track-radius);
+    background-color: var(--uk-input-range-track-bg-computed);
+    transform: translateY(-50%);
+  }
+  .uk-input-range-fill {
+    --uk-input-range-fill-bg: var(--uk-primary);
+    --uk-input-range-fill-bg-o: 100%;
+    --uk-input-range-fill-bg-computed: color-mix(
+      in srgb,
+      var(--uk-input-range-fill-bg) var(--uk-input-range-fill-bg-o),
+      transparent
+    );
+    position: absolute;
+    inset-block-start: 50%;
+    height: var(--uk-input-range-track-height);
+    border-radius: var(--uk-input-range-track-radius);
+    background-color: var(--uk-input-range-fill-bg-computed);
+    transform: translateY(-50%);
+  }
+  .uk-input-range-knob {
+    --uk-input-range-knob-size: 1rem;
+    --uk-input-range-knob-radius: 9999px;
+    --uk-input-range-knob-shadow: var(--uk-global-shadow);
+    --uk-input-range-knob-border-color: var(--uk-primary);
+    --uk-input-range-knob-border-color-o: 50%;
+    --uk-input-range-knob-bg: var(--uk-bg);
+    --uk-input-range-knob-bg-o: 100%;
+    --uk-input-range-knob-border-color-computed: color-mix(
+      in srgb,
+      var(--uk-input-range-knob-border-color)
+        var(--uk-input-range-knob-border-color-o),
+      transparent
+    );
+    --uk-input-range-knob-bg-computed: color-mix(
+      in srgb,
+      var(--uk-input-range-knob-bg) var(--uk-input-range-knob-bg-o),
+      transparent
+    );
+    position: absolute;
+    inset-block-start: 50%;
+    height: var(--uk-input-range-knob-size);
+    width: var(--uk-input-range-knob-size);
+    box-shadow: var(--uk-input-range-knob-shadow);
+    transform: translate(-50%, -50%);
+    cursor: pointer;
+    border-radius: var(--uk-input-range-knob-radius);
+    border: 1px solid var(--uk-input-range-knob-border-color-computed);
+    background-color: var(--uk-input-range-knob-bg-computed);
+  }
+  .uk-input-range-knob:disabled {
+    cursor: not-allowed;
+  }
+  .uk-input-range-label {
+    position: absolute;
+    inset-block-start: 1rem;
+    transform: translateX(-50%);
+    white-space: nowrap;
+  }
+  .uk-input-range-label-top {
+    inset-block-start: calc(var(--uk-input-range-label-offset-y) * -1);
+  }
+  .uk-input-range-label-bottom {
+    inset-block-start: var(--uk-input-range-label-offset-y);
+  }
+  .uk-input-tag {
+    --uk-input-tag-min-height: 2.5rem;
+    --uk-input-tag-padding: 0.5rem;
+    --uk-input-tag-gap: 0.25rem;
+    --uk-input-tag-shadow: var(--uk-form-input-shadow);
+    --uk-input-tag-radius: var(--uk-form-input-radius);
+    --uk-input-tag-border-width: 1px;
+    --uk-input-tag-border-color: var(--uk-input);
+    --uk-input-tag-border-color-o: 10%;
+    --uk-input-tag-focus-ring-color: var(--uk-focus);
+    --uk-input-tag-focus-ring-color-o: 100%;
+    --uk-input-tag-border-color-computed: color-mix(
+      in srgb,
+      var(--uk-input-tag-border-color) var(--uk-input-tag-border-color-o),
+      transparent
+    );
+    --uk-input-tag-focus-ring-color-computed: color-mix(
+      in srgb,
+      var(--uk-input-tag-focus-ring-color)
+        var(--uk-input-tag-focus-ring-color-o),
+      transparent
+    );
+    background-color: transparent;
+    display: flex;
+    min-height: var(--uk-input-tag-min-height);
+    padding: var(--uk-input-tag-padding);
+    gap: var(--uk-input-tag-gap);
+    flex-wrap: wrap;
+    align-items: center;
+    box-shadow: var(--uk-input-tag-shadow);
+    border-radius: var(--uk-input-tag-radius);
+    border-width: var(--uk-input-tag-border-width);
+    border-style: solid;
+    border-color: var(--uk-input-tag-border-color-computed);
+  }
+  .uk-input-tag:has(input:focus) {
+    outline-width: 1px;
+    outline-style: solid;
+    outline-color: var(--uk-input-tag-focus-ring-color-computed);
+    outline-offset: 0px;
+    box-shadow: none;
+  }
+  .uk-input-tag.uk-disabled {
+    opacity: 0.5;
+  }
+  .uk-input-tag input {
+    --uk-input-tag-input-min-height: 1.75rem;
+    --uk-input-tag-input-padding: 0 0.25rem;
+    --uk-input-tag-input-color: var(--uk-bg-f);
+    --uk-input-tag-input-color-o: 100%;
+    --uk-input-tag-input-color-computed: color-mix(
+      in srgb,
+      var(--uk-input-tag-input-color) var(--uk-input-tag-input-color-o),
+      transparent
+    );
+    background-color: transparent;
+    outline: none;
+    min-height: var(--uk-input-tag-input-min-height);
+    flex: 1;
+    padding: var(--uk-input-tag-input-padding);
+    color: var(--uk-input-tag-input-color-computed);
+  }
+  .uk-input-tag input::placeholder {
+    color: var(--uk-muted-f);
+  }
+  .uk-input-tag.uk-form-danger {
+    --uk-input-tag-focus-ring-color: var(--uk-danger);
+  }
+  .uk-input-tag-list {
+    display: flex;
+    gap: var(--uk-input-tag-list-gap, 0.25rem);
+  }
+  .uk-tag {
+    --uk-tag-height: 1.75rem;
+    --uk-tag-padding: 0.25rem 0.5rem;
+    --uk-tag-gap: 0.5rem;
+    --uk-tag-font-size: var(--uk-global-font-size-small);
+    --uk-tag-leading: var(--uk-global-line-height-small);
+    --uk-tag-radius: var(--uk-global-radius-small);
+    --uk-tag-bg: transparent;
+    --uk-tag-bg-o: 0%;
+    --uk-tag-color: var(--uk-bg-f);
+    --uk-tag-color-o: 100%;
+    --uk-tag-hover-duration: 150ms;
+    --uk-tag-hover-opacity: 0.8;
+    --uk-tag-bg-computed: color-mix(
+      in srgb,
+      var(--uk-tag-bg) var(--uk-tag-bg-o),
+      transparent
+    );
+    --uk-tag-color-computed: color-mix(
+      in srgb,
+      var(--uk-tag-color) var(--uk-tag-color-o),
+      transparent
+    );
+    display: inline-flex;
+    align-items: center;
+    min-height: var(--uk-tag-height);
+    padding: var(--uk-tag-padding);
+    gap: var(--uk-tag-gap);
+    font-size: var(--uk-tag-font-size);
+    line-height: var(--uk-tag-leading);
+    border-radius: var(--uk-tag-radius);
+    background-color: var(--uk-tag-bg-computed);
+    color: var(--uk-tag-color-computed);
+    transition: none;
+  }
+  .uk-tag:hover {
+    transition-property: background-color;
+    transition-duration: var(--uk-tag-hover-duration);
+    transition-timing-function: ease-in-out;
+    opacity: var(--uk-tag-hover-opacity);
+  }
+  .uk-tag-primary {
+    --uk-tag-bg: var(--uk-primary);
+    --uk-tag-bg-o: 100%;
+    --uk-tag-color: var(--uk-primary-f);
+    --uk-tag-color-o: 100%;
+  }
+  .uk-tag-primary:hover {
+    --uk-tag-bg-o: 80%;
+  }
+  .uk-tag-secondary {
+    --uk-tag-bg: var(--uk-secondary);
+    --uk-tag-bg-o: 4%;
+    --uk-tag-color: var(--uk-secondary-f);
+    --uk-tag-color-o: 100%;
+  }
+  .uk-tag-secondary:hover {
+    --uk-tag-bg-o: 8%;
+  }
+  .uk-tag-danger {
+    --uk-tag-bg: var(--uk-danger);
+    --uk-tag-bg-o: 100%;
+    --uk-tag-color: var(--color-white);
+    --uk-tag-color-o: 100%;
+  }
+  .uk-tag-danger:hover {
+    --uk-tag-bg-o: 80%;
+  }
+  .uk-tag-success {
+    --uk-tag-bg: var(--uk-success);
+    --uk-tag-bg-o: 100%;
+    --uk-tag-color: var(--color-white);
+    --uk-tag-color-o: 100%;
+  }
+  .uk-tag-success:hover {
+    --uk-tag-bg-o: 80%;
+  }
+  .uk-tag-warning {
+    --uk-tag-bg: var(--uk-warning);
+    --uk-tag-bg-o: 100%;
+    --uk-tag-color: var(--color-white);
+    --uk-tag-color-o: 100%;
+  }
+  .uk-tag-warning:hover {
+    --uk-tag-bg-o: 80%;
+  }
+  .uk-tag-info {
+    --uk-tag-bg: var(--uk-info);
+    --uk-tag-bg-o: 100%;
+    --uk-tag-color: var(--color-white);
+    --uk-tag-color-o: 100%;
+  }
+  .uk-tag-info:hover {
+    --uk-tag-bg-o: 80%;
+  }
+  .uk-tag-muted {
+    --uk-tag-bg: var(--uk-muted);
+    --uk-tag-bg-o: 4%;
+    --uk-tag-color: var(--uk-muted-f);
+    --uk-tag-color-o: 100%;
+  }
+  .uk-tag-muted:hover {
+    --uk-tag-bg-o: 8%;
+  }
+  .uk-keyval {
+    --uk-keyval-border-color: var(--uk-border);
+    --uk-keyval-border-color-o: 10%;
+    --uk-keyval-border-color-computed: color-mix(
+      in srgb,
+      var(--uk-keyval-border-color) var(--uk-keyval-border-color-o),
+      transparent
+    );
+    border-radius: var(--uk-global-radius);
+    box-shadow: var(--uk-global-shadow);
+    border-width: 1px;
+    border-color: var(--uk-keyval-border-color-computed);
+  }
+  .uk-keyval-value-wrapper {
+    width: 100%;
+  }
+  .uk-keyval-actions {
+    display: flex;
+    flex-wrap: nowrap;
+    column-gap: 0.5rem;
+  }
+  .uk-cmd-header {
+    --uk-cmd-header-gap: 0.5rem;
+    --uk-cmd-header-padding: 0 0.75rem;
+    display: flex;
+    align-items: center;
+    gap: var(--uk-cmd-header-gap);
+    padding: var(--uk-cmd-header-padding);
+  }
+  .uk-cmd-header-input {
+    --uk-cmd-header-input-padding: 0.75rem 0;
+    flex: 1;
+    padding: var(--uk-cmd-header-input-padding);
+  }
+  .uk-cmd-header-input input {
+    width: 100%;
+    background-color: transparent;
+  }
+  .uk-cmd-header-input input:focus {
+    outline: none;
+  }
+  .uk-cmd-header-input input::placeholder {
+    color: var(--uk-muted-f);
+  }
+  .uk-cmd-header-icon {
+    --uk-cmd-header-icon-size: 1rem;
+    width: var(--uk-cmd-header-icon-size);
+    height: var(--uk-cmd-header-icon-size);
+    flex: none;
+    color: var(--uk-muted-f);
+  }
+  .uk-cmd-header-esc {
+    flex: none;
+  }
+  .uk-cmd-body {
+    --uk-cmd-body-max-height: 20rem;
+    max-height: var(--uk-cmd-body-max-height);
+  }
+  .uk-cmd-item-wrapper {
+    display: flex;
+    flex: 1;
+    align-items: center;
+  }
+  .uk-cmd-item-icon {
+    --uk-cmd-item-icon-margin: 0.5rem;
+    --uk-cmd-item-icon-size: 1rem;
+    margin-inline-end: var(--uk-cmd-item-icon-margin);
+    width: var(--uk-cmd-item-icon-size);
+    height: var(--uk-cmd-item-icon-size);
+    flex: none;
+  }
+  .uk-cmd-item-text {
+    flex: 1;
+  }
+  .uk-cmd-item-key {
+    --uk-cmd-item-key-font-family: var(--uk-global-font-family-mono);
+    --uk-cmd-item-key-font-size: var(--uk-global-font-size-small);
+    --uk-cmd-item-key-leading: var(--uk-global-line-height-small);
+    --uk-cmd-item-key-tracking: 0.1em;
+    font-family: var(--uk-cmd-item-key-font-family);
+    font-size: var(--uk-cmd-item-key-font-size);
+    line-height: var(--uk-cmd-item-key-leading);
+    letter-spacing: var(--uk-cmd-item-key-tracking);
+    color: var(--uk-muted-f);
+  }
   [class*='uk-position-top'],
   [class*='uk-position-bottom'],
   [class*='uk-position-left'],
@@ -5295,7 +6011,7 @@
     --uk-slidenav-height: 2.25rem;
     --uk-slidenav-width: 2.25rem;
     --uk-slidenav-radius: 9999px;
-    --uk-slidenav-shadow: var(--shadow-sm);
+    --uk-slidenav-shadow: var(--uk-global-shadow-small);
     --uk-slidenav-border-width: 1px;
     --uk-slidenav-border-color: var(--uk-border);
     --uk-slidenav-border-color-o: 10%;
@@ -15299,67 +16015,67 @@
   .cursor-zoom-out {
     cursor: zoom-out;
   }
-  .block {
+  .display-block {
     display: block;
   }
-  .inline-block {
+  .display-inline-block {
     display: inline-block;
   }
-  .inline {
+  .display-inline {
     display: inline;
   }
-  .flex {
+  .display-flex {
     display: flex;
   }
-  .inline-flex {
+  .display-inline-flex {
     display: inline-flex;
   }
-  .table {
+  .display-table {
     display: table;
   }
-  .inline-table {
+  .display-inline-table {
     display: inline-table;
   }
-  .table-caption {
+  .display-table-caption {
     display: table-caption;
   }
-  .table-cell {
+  .display-table-cell {
     display: table-cell;
   }
-  .table-column {
+  .display-table-column {
     display: table-column;
   }
-  .table-column-group {
+  .display-table-column-group {
     display: table-column-group;
   }
-  .table-footer-group {
+  .display-table-footer-group {
     display: table-footer-group;
   }
-  .table-header-group {
+  .display-table-header-group {
     display: table-header-group;
   }
-  .table-row-group {
+  .display-table-row-group {
     display: table-row-group;
   }
-  .table-row {
+  .display-table-row {
     display: table-row;
   }
-  .flow-root {
+  .display-flow-root {
     display: flow-root;
   }
-  .grid {
+  .display-grid {
     display: grid;
   }
-  .inline-grid {
+  .display-inline-grid {
     display: inline-grid;
   }
-  .contents {
+  .display-contents {
     display: contents;
   }
-  .list-item {
+  .display-list-item {
     display: list-item;
   }
-  .hidden {
+  .display-hidden {
     display: none;
   }
   .divide-x-reverse :where(& > :not(:last-child)) {
@@ -18327,67 +19043,67 @@
     .sm\:cursor-zoom-out {
       cursor: zoom-out;
     }
-    .sm\:block {
+    .sm\:display-block {
       display: block;
     }
-    .sm\:inline-block {
+    .sm\:display-inline-block {
       display: inline-block;
     }
-    .sm\:inline {
+    .sm\:display-inline {
       display: inline;
     }
-    .sm\:flex {
+    .sm\:display-flex {
       display: flex;
     }
-    .sm\:inline-flex {
+    .sm\:display-inline-flex {
       display: inline-flex;
     }
-    .sm\:table {
+    .sm\:display-table {
       display: table;
     }
-    .sm\:inline-table {
+    .sm\:display-inline-table {
       display: inline-table;
     }
-    .sm\:table-caption {
+    .sm\:display-table-caption {
       display: table-caption;
     }
-    .sm\:table-cell {
+    .sm\:display-table-cell {
       display: table-cell;
     }
-    .sm\:table-column {
+    .sm\:display-table-column {
       display: table-column;
     }
-    .sm\:table-column-group {
+    .sm\:display-table-column-group {
       display: table-column-group;
     }
-    .sm\:table-footer-group {
+    .sm\:display-table-footer-group {
       display: table-footer-group;
     }
-    .sm\:table-header-group {
+    .sm\:display-table-header-group {
       display: table-header-group;
     }
-    .sm\:table-row-group {
+    .sm\:display-table-row-group {
       display: table-row-group;
     }
-    .sm\:table-row {
+    .sm\:display-table-row {
       display: table-row;
     }
-    .sm\:flow-root {
+    .sm\:display-flow-root {
       display: flow-root;
     }
-    .sm\:grid {
+    .sm\:display-grid {
       display: grid;
     }
-    .sm\:inline-grid {
+    .sm\:display-inline-grid {
       display: inline-grid;
     }
-    .sm\:contents {
+    .sm\:display-contents {
       display: contents;
     }
-    .sm\:list-item {
+    .sm\:display-list-item {
       display: list-item;
     }
-    .sm\:hidden {
+    .sm\:display-hidden {
       display: none;
     }
     .sm\:divide-x-reverse :where(& > :not(:last-child)) {
@@ -21356,67 +22072,67 @@
     .md\:cursor-zoom-out {
       cursor: zoom-out;
     }
-    .md\:block {
+    .md\:display-block {
       display: block;
     }
-    .md\:inline-block {
+    .md\:display-inline-block {
       display: inline-block;
     }
-    .md\:inline {
+    .md\:display-inline {
       display: inline;
     }
-    .md\:flex {
+    .md\:display-flex {
       display: flex;
     }
-    .md\:inline-flex {
+    .md\:display-inline-flex {
       display: inline-flex;
     }
-    .md\:table {
+    .md\:display-table {
       display: table;
     }
-    .md\:inline-table {
+    .md\:display-inline-table {
       display: inline-table;
     }
-    .md\:table-caption {
+    .md\:display-table-caption {
       display: table-caption;
     }
-    .md\:table-cell {
+    .md\:display-table-cell {
       display: table-cell;
     }
-    .md\:table-column {
+    .md\:display-table-column {
       display: table-column;
     }
-    .md\:table-column-group {
+    .md\:display-table-column-group {
       display: table-column-group;
     }
-    .md\:table-footer-group {
+    .md\:display-table-footer-group {
       display: table-footer-group;
     }
-    .md\:table-header-group {
+    .md\:display-table-header-group {
       display: table-header-group;
     }
-    .md\:table-row-group {
+    .md\:display-table-row-group {
       display: table-row-group;
     }
-    .md\:table-row {
+    .md\:display-table-row {
       display: table-row;
     }
-    .md\:flow-root {
+    .md\:display-flow-root {
       display: flow-root;
     }
-    .md\:grid {
+    .md\:display-grid {
       display: grid;
     }
-    .md\:inline-grid {
+    .md\:display-inline-grid {
       display: inline-grid;
     }
-    .md\:contents {
+    .md\:display-contents {
       display: contents;
     }
-    .md\:list-item {
+    .md\:display-list-item {
       display: list-item;
     }
-    .md\:hidden {
+    .md\:display-hidden {
       display: none;
     }
     .md\:divide-x-reverse :where(& > :not(:last-child)) {
@@ -24385,67 +25101,67 @@
     .lg\:cursor-zoom-out {
       cursor: zoom-out;
     }
-    .lg\:block {
+    .lg\:display-block {
       display: block;
     }
-    .lg\:inline-block {
+    .lg\:display-inline-block {
       display: inline-block;
     }
-    .lg\:inline {
+    .lg\:display-inline {
       display: inline;
     }
-    .lg\:flex {
+    .lg\:display-flex {
       display: flex;
     }
-    .lg\:inline-flex {
+    .lg\:display-inline-flex {
       display: inline-flex;
     }
-    .lg\:table {
+    .lg\:display-table {
       display: table;
     }
-    .lg\:inline-table {
+    .lg\:display-inline-table {
       display: inline-table;
     }
-    .lg\:table-caption {
+    .lg\:display-table-caption {
       display: table-caption;
     }
-    .lg\:table-cell {
+    .lg\:display-table-cell {
       display: table-cell;
     }
-    .lg\:table-column {
+    .lg\:display-table-column {
       display: table-column;
     }
-    .lg\:table-column-group {
+    .lg\:display-table-column-group {
       display: table-column-group;
     }
-    .lg\:table-footer-group {
+    .lg\:display-table-footer-group {
       display: table-footer-group;
     }
-    .lg\:table-header-group {
+    .lg\:display-table-header-group {
       display: table-header-group;
     }
-    .lg\:table-row-group {
+    .lg\:display-table-row-group {
       display: table-row-group;
     }
-    .lg\:table-row {
+    .lg\:display-table-row {
       display: table-row;
     }
-    .lg\:flow-root {
+    .lg\:display-flow-root {
       display: flow-root;
     }
-    .lg\:grid {
+    .lg\:display-grid {
       display: grid;
     }
-    .lg\:inline-grid {
+    .lg\:display-inline-grid {
       display: inline-grid;
     }
-    .lg\:contents {
+    .lg\:display-contents {
       display: contents;
     }
-    .lg\:list-item {
+    .lg\:display-list-item {
       display: list-item;
     }
-    .lg\:hidden {
+    .lg\:display-hidden {
       display: none;
     }
     .lg\:divide-x-reverse :where(& > :not(:last-child)) {
@@ -27414,67 +28130,67 @@
     .xl\:cursor-zoom-out {
       cursor: zoom-out;
     }
-    .xl\:block {
+    .xl\:display-block {
       display: block;
     }
-    .xl\:inline-block {
+    .xl\:display-inline-block {
       display: inline-block;
     }
-    .xl\:inline {
+    .xl\:display-inline {
       display: inline;
     }
-    .xl\:flex {
+    .xl\:display-flex {
       display: flex;
     }
-    .xl\:inline-flex {
+    .xl\:display-inline-flex {
       display: inline-flex;
     }
-    .xl\:table {
+    .xl\:display-table {
       display: table;
     }
-    .xl\:inline-table {
+    .xl\:display-inline-table {
       display: inline-table;
     }
-    .xl\:table-caption {
+    .xl\:display-table-caption {
       display: table-caption;
     }
-    .xl\:table-cell {
+    .xl\:display-table-cell {
       display: table-cell;
     }
-    .xl\:table-column {
+    .xl\:display-table-column {
       display: table-column;
     }
-    .xl\:table-column-group {
+    .xl\:display-table-column-group {
       display: table-column-group;
     }
-    .xl\:table-footer-group {
+    .xl\:display-table-footer-group {
       display: table-footer-group;
     }
-    .xl\:table-header-group {
+    .xl\:display-table-header-group {
       display: table-header-group;
     }
-    .xl\:table-row-group {
+    .xl\:display-table-row-group {
       display: table-row-group;
     }
-    .xl\:table-row {
+    .xl\:display-table-row {
       display: table-row;
     }
-    .xl\:flow-root {
+    .xl\:display-flow-root {
       display: flow-root;
     }
-    .xl\:grid {
+    .xl\:display-grid {
       display: grid;
     }
-    .xl\:inline-grid {
+    .xl\:display-inline-grid {
       display: inline-grid;
     }
-    .xl\:contents {
+    .xl\:display-contents {
       display: contents;
     }
-    .xl\:list-item {
+    .xl\:display-list-item {
       display: list-item;
     }
-    .xl\:hidden {
+    .xl\:display-hidden {
       display: none;
     }
     .xl\:divide-x-reverse :where(& > :not(:last-child)) {
@@ -30443,67 +31159,67 @@
     .\32xl\:cursor-zoom-out {
       cursor: zoom-out;
     }
-    .\32xl\:block {
+    .\32xl\:display-block {
       display: block;
     }
-    .\32xl\:inline-block {
+    .\32xl\:display-inline-block {
       display: inline-block;
     }
-    .\32xl\:inline {
+    .\32xl\:display-inline {
       display: inline;
     }
-    .\32xl\:flex {
+    .\32xl\:display-flex {
       display: flex;
     }
-    .\32xl\:inline-flex {
+    .\32xl\:display-inline-flex {
       display: inline-flex;
     }
-    .\32xl\:table {
+    .\32xl\:display-table {
       display: table;
     }
-    .\32xl\:inline-table {
+    .\32xl\:display-inline-table {
       display: inline-table;
     }
-    .\32xl\:table-caption {
+    .\32xl\:display-table-caption {
       display: table-caption;
     }
-    .\32xl\:table-cell {
+    .\32xl\:display-table-cell {
       display: table-cell;
     }
-    .\32xl\:table-column {
+    .\32xl\:display-table-column {
       display: table-column;
     }
-    .\32xl\:table-column-group {
+    .\32xl\:display-table-column-group {
       display: table-column-group;
     }
-    .\32xl\:table-footer-group {
+    .\32xl\:display-table-footer-group {
       display: table-footer-group;
     }
-    .\32xl\:table-header-group {
+    .\32xl\:display-table-header-group {
       display: table-header-group;
     }
-    .\32xl\:table-row-group {
+    .\32xl\:display-table-row-group {
       display: table-row-group;
     }
-    .\32xl\:table-row {
+    .\32xl\:display-table-row {
       display: table-row;
     }
-    .\32xl\:flow-root {
+    .\32xl\:display-flow-root {
       display: flow-root;
     }
-    .\32xl\:grid {
+    .\32xl\:display-grid {
       display: grid;
     }
-    .\32xl\:inline-grid {
+    .\32xl\:display-inline-grid {
       display: inline-grid;
     }
-    .\32xl\:contents {
+    .\32xl\:display-contents {
       display: contents;
     }
-    .\32xl\:list-item {
+    .\32xl\:display-list-item {
       display: list-item;
     }
-    .\32xl\:hidden {
+    .\32xl\:display-hidden {
       display: none;
     }
     .\32xl\:divide-x-reverse :where(& > :not(:last-child)) {