diff --git a/apps/blog/.postcssrc.json b/apps/blog/.postcssrc.json
new file mode 100644
index 000000000..e092dc7c1
--- /dev/null
+++ b/apps/blog/.postcssrc.json
@@ -0,0 +1,5 @@
+{
+  "plugins": {
+    "@tailwindcss/postcss": {}
+  }
+}
diff --git a/apps/blog/project.json b/apps/blog/project.json
index 05ce6e863..6b5132cbe 100644
--- a/apps/blog/project.json
+++ b/apps/blog/project.json
@@ -30,6 +30,7 @@
         ],
         "styles": [
           "apps/blog/src/styles.scss",
+          "libs/shared/assets/src/lib/styles/global.css",
           "libs/shared/assets/src/lib/styles/main.scss",
           "node_modules/vanilla-cookieconsent/dist/cookieconsent.css",
           "libs/shared/assets/src/lib/styles/cookies-consent.scss"
diff --git a/apps/blog/src/assets/i18n/en.json b/apps/blog/src/assets/i18n/en.json
index e6570d6ea..c6bf9aed2 100644
--- a/apps/blog/src/assets/i18n/en.json
+++ b/apps/blog/src/assets/i18n/en.json
@@ -276,7 +276,7 @@
     },
     "synopsisRules": {
       "title": "Synopsis",
-      "section1": "Sketch a plan for your article—propose a catchy title, outline paragraphs, and identify the target audience.",
+      "section1": "Sketch a plan for your article—propose a catchy title, outline-solid paragraphs, and identify the target audience.",
       "section2": "Share your synopsis in the angular.love bloggers group for feedback.",
       "section3": "After incorporating feedback, move on to writing."
     },
diff --git a/apps/blog/tailwind.config.js b/apps/blog/tailwind.config.js
index c515782e2..ab9a0a70c 100644
--- a/apps/blog/tailwind.config.js
+++ b/apps/blog/tailwind.config.js
@@ -1,12 +1,12 @@
-// apps/angular-app/tailwind.config.js
-const { createGlobPatternsForDependencies } = require('@nx/angular/tailwind');
 const { join } = require('path');
 
-/** @type {import('tailwindcss').Config} */
 module.exports = {
-  presets: [require('../../tailwind.preset.js')],
   content: [
-    join(__dirname, 'src/**/!(*.stories|*.spec).{ts,html}'),
-    ...createGlobPatternsForDependencies(__dirname),
+    join(__dirname, 'src/**/*.{ts,html}'),
+    join(__dirname, '../../libs/**/*.{ts,html}'),
   ],
+  theme: {
+    extend: {},
+  },
+  plugins: [],
 };
diff --git a/libs/blog/ad-banner/ui/src/lib/ad-image-banner/ad-image-banner.component.html b/libs/blog/ad-banner/ui/src/lib/ad-image-banner/ad-image-banner.component.html
index 14534a700..ab2087916 100644
--- a/libs/blog/ad-banner/ui/src/lib/ad-image-banner/ad-image-banner.component.html
+++ b/libs/blog/ad-banner/ui/src/lib/ad-image-banner/ad-image-banner.component.html
@@ -1,7 +1,7 @@
 <aside>
   <img
     tabindex="0"
-    class="!relative cursor-pointer"
+    class="relative! cursor-pointer"
     [attr.aria-label]="banner().alt"
     [alt]="banner().alt"
     [ngSrc]="banner().url"
diff --git a/libs/blog/ad-banner/ui/src/lib/banner-carousel/al-banner-carousel.component.ts b/libs/blog/ad-banner/ui/src/lib/banner-carousel/al-banner-carousel.component.ts
index 364bbddc0..4d79a1944 100644
--- a/libs/blog/ad-banner/ui/src/lib/banner-carousel/al-banner-carousel.component.ts
+++ b/libs/blog/ad-banner/ui/src/lib/banner-carousel/al-banner-carousel.component.ts
@@ -17,12 +17,12 @@ import { AlInfiniteSliderDirective } from '../infinite-slider-directive/al-infin
               let banner of banners();
               msPerSlide: msPerSlide()
             "
-            class="flex-shrink-0 flex-grow-0 basis-full"
+            class="shrink-0 grow-0 basis-full"
             [banner]="banner"
           />
         } @else if (banners().length === 1) {
           <al-ad-image-banner
-            class="flex-shrink-0 flex-grow-0 basis-full"
+            class="shrink-0 grow-0 basis-full"
             [banner]="banners()[0]"
           />
         }
diff --git a/libs/blog/ad-banner/ui/src/lib/infinite-slider-directive/al-infinite-slider.directive.ts b/libs/blog/ad-banner/ui/src/lib/infinite-slider-directive/al-infinite-slider.directive.ts
index d47cd4cb2..234e5b8b5 100644
--- a/libs/blog/ad-banner/ui/src/lib/infinite-slider-directive/al-infinite-slider.directive.ts
+++ b/libs/blog/ad-banner/ui/src/lib/infinite-slider-directive/al-infinite-slider.directive.ts
@@ -21,7 +21,7 @@ import { debounceTime, interval, tap } from 'rxjs';
  *   <div class="flex">
  *     <some-banner-component
  *        *alInfiniteSlider="let banner of banners()"
- *        class="flex-shrink-0 flex-grow-0 basis-full"
+ *        class="shrink-0 grow-0 basis-full"
  *        [banner]="banner"
  *     />
  *   </div>
@@ -34,7 +34,7 @@ import { debounceTime, interval, tap } from 'rxjs';
 })
 export class AlInfiniteSliderDirective {
   readonly slidesElements = input.required<unknown[]>({
-    alias: 'alInfiniteSliderOf',
+    alias: 'alInfiniteSliderOf', // eslint-disable-line
   });
   readonly msPerSlide = input<number>(7000, {
     alias: 'alInfiniteSliderMsPerSlide',
diff --git a/libs/blog/articles/feature-article/src/lib/article-details/article-details-skeleton.component.ts b/libs/blog/articles/feature-article/src/lib/article-details/article-details-skeleton.component.ts
index e50e2a8da..efea83dda 100644
--- a/libs/blog/articles/feature-article/src/lib/article-details/article-details-skeleton.component.ts
+++ b/libs/blog/articles/feature-article/src/lib/article-details/article-details-skeleton.component.ts
@@ -52,7 +52,7 @@ import { AuthorCardSkeletonComponent } from '@angular-love/blog/authors/ui-autho
         <al-author-card-skeleton />
         <!-- table-of-contents -->
         <div
-          class="!mt-4 hidden h-[344px] flex-col items-start justify-between rounded-lg border lg:flex"
+          class="mt-4! hidden h-[344px] flex-col items-start justify-between rounded-lg border lg:flex"
         >
           <ngx-skeleton-loader
             class="w-1/4"
@@ -73,9 +73,9 @@ import { AuthorCardSkeletonComponent } from '@angular-love/blog/authors/ui-autho
         </div>
         <!-- share article section -->
         <div
-          class="!mt-4 hidden h-[138px] flex-row items-center justify-between rounded-lg border lg:flex"
+          class="mt-4! hidden h-[138px] flex-row items-center justify-between rounded-lg border lg:flex"
         >
-          <div class="ml-10 flex h-10 w-[100px] ">
+          <div class="ml-10 flex h-10 w-[100px]">
             <ngx-skeleton-loader
               class="w-full"
               [theme]="{
diff --git a/libs/blog/articles/ui-article-card/src/lib/components/article-regular-card/article-regular-card-skeleton.component.ts b/libs/blog/articles/ui-article-card/src/lib/components/article-regular-card/article-regular-card-skeleton.component.ts
index a883bbe72..e85506a3a 100644
--- a/libs/blog/articles/ui-article-card/src/lib/components/article-regular-card/article-regular-card-skeleton.component.ts
+++ b/libs/blog/articles/ui-article-card/src/lib/components/article-regular-card/article-regular-card-skeleton.component.ts
@@ -7,7 +7,7 @@ import { CardComponent } from '@angular-love/blog/shared/ui-card';
   selector: 'al-article-regular-card-skeleton',
   imports: [NgxSkeletonLoaderModule, CardComponent],
   template: `
-    <al-card class="[&>*]:!p-0">
+    <al-card class="*:p-0!">
       <div alCardContent class="grid grid-rows-[220px_240px]">
         <div></div>
         <div class="p-4">
diff --git a/libs/blog/articles/ui-article-content/src/lib/article-content/article-content.component.scss b/libs/blog/articles/ui-article-content/src/lib/article-content/article-content.component.scss
index 21e24450b..2b36fa537 100644
--- a/libs/blog/articles/ui-article-content/src/lib/article-content/article-content.component.scss
+++ b/libs/blog/articles/ui-article-content/src/lib/article-content/article-content.component.scss
@@ -1,3 +1,5 @@
+@reference '../../../../../../shared/assets/src/lib/styles/global.css';
+
 @mixin heading-styles {
   padding-bottom: 0.3rem;
   margin-bottom: 1.1rem;
diff --git a/libs/blog/articles/ui-article-list-title/src/lib/ui-article-list-title/ui-article-list-title.component.html b/libs/blog/articles/ui-article-list-title/src/lib/ui-article-list-title/ui-article-list-title.component.html
index 44234e6eb..75f8aba19 100644
--- a/libs/blog/articles/ui-article-list-title/src/lib/ui-article-list-title/ui-article-list-title.component.html
+++ b/libs/blog/articles/ui-article-list-title/src/lib/ui-article-list-title/ui-article-list-title.component.html
@@ -1,11 +1,11 @@
 <div class="my-5 flex flex-row items-center justify-between gap-6">
   <h2
     data-testId="article-list-title"
-    class="text-al-primary-foreground line-clamp-2 max-w-[160px] text-xl font-bold md:line-clamp-1 md:max-w-full lg:text-3xl"
+    class="text-al-primary-foreground line-clamp-2 max-w-[160px] text-3xl font-bold md:line-clamp-1 md:max-w-full lg:text-3xl"
   >
     {{ title() }}
   </h2>
-  <span class="bg-al-border hidden h-[1px] grow md:block"></span>
+  <span class="bg-al-border hidden h-px grow md:block"></span>
   @if (link(); as link) {
     <a class="text-base underline" [routerLink]="link.href | alLocalize">
       {{ link.displayName }}
diff --git a/libs/blog/articles/ui-table-of-contents/src/lib/table-of-contents/table-of-contents.component.html b/libs/blog/articles/ui-table-of-contents/src/lib/table-of-contents/table-of-contents.component.html
index e95465e1a..b9fea146a 100644
--- a/libs/blog/articles/ui-table-of-contents/src/lib/table-of-contents/table-of-contents.component.html
+++ b/libs/blog/articles/ui-table-of-contents/src/lib/table-of-contents/table-of-contents.component.html
@@ -6,17 +6,17 @@
     <ul class="text- relative z-10 flex flex-col">
       @for (anchor of anchors(); track anchor.title) {
         <li
-          class="before:bg-al-muted relative py-2 before:absolute before:left-[5px] before:top-0 before:-z-10 before:h-full before:w-[1px] before:content-[''] before:first:!top-1/2 before:first:!h-1/2 before:last:!h-1/2"
+          class="before:bg-al-muted relative py-2 before:absolute before:top-0 before:left-[5px] before:-z-10 before:h-full before:w-px before:content-[''] first:before:top-1/2! first:before:h-1/2! last:before:h-1/2!"
         >
           <div class="flex items-center gap-4">
             <div class="flex w-[11px] shrink-0 items-center justify-center">
               <div
-                class="bg-al-muted outline-al-background rounded-full outline"
+                class="bg-al-muted outline-al-background rounded-full outline-solid"
                 [ngClass]="{
                   'size-[11px]': anchor.type === 'h2',
-                  'bg-al-border  size-[7px]': anchor.type === 'h3'
+                  'bg-al-border size-[7px]': anchor.type === 'h3',
                 }"
-                [class.!bg-al-primary]="activeAnchorTitle() === anchor.title"
+                [class.bg-al-primary!]="activeAnchorTitle() === anchor.title"
               ></div>
             </div>
 
@@ -24,7 +24,7 @@
               [ngClass]="{
                 'text-al-primary font-bold':
                   activeAnchorTitle() === anchor.title,
-                'ml-2 font-medium': anchor.type === 'h3'
+                'ml-2 font-medium': anchor.type === 'h3',
               }"
               [fragment]="anchor.title"
               [routerLink]="[]"
diff --git a/libs/blog/articles/ui-table-of-contents/src/lib/table-of-contents/table-of-contents.stories.ts b/libs/blog/articles/ui-table-of-contents/src/lib/table-of-contents/table-of-contents.stories.ts
index f7cde7eb4..794f71dba 100644
--- a/libs/blog/articles/ui-table-of-contents/src/lib/table-of-contents/table-of-contents.stories.ts
+++ b/libs/blog/articles/ui-table-of-contents/src/lib/table-of-contents/table-of-contents.stories.ts
@@ -6,6 +6,7 @@ import {
   StoryObj,
 } from '@storybook/angular';
 
+// eslint-disable-next-line @nx/enforce-module-boundaries
 import { TranslocoHttpLoader } from '@angular-love/blog/i18n/data-access';
 
 import { TableOfContentsScrollSpyDirective } from './table-of-contents-scroll-spy.directive';
@@ -84,7 +85,7 @@ export const withScrollSpy: Story = {
   },
   render: (args) => ({
     template: `
-      <div #scrollContainer class="flex min-h-[400px] h-[70vh] gap-10 overflow-y-scroll p-10 border border-al-muted rounded">
+      <div #scrollContainer class="flex min-h-[400px] h-[70vh] gap-10 overflow-y-scroll p-10 border border-al-muted rounded-sm">
         <div class="flex flex-col gap-[250px]  p-10">
           <h1 id="Signals in Angular 16">Signals in Angular 16</h1>
           <h1 id="Server-side rendering">Server-side rendering</h1>
diff --git a/libs/blog/authors/ui-author-card/src/lib/author-card/author-card-template.component.ts b/libs/blog/authors/ui-author-card/src/lib/author-card/author-card-template.component.ts
index 659754e92..a22324537 100644
--- a/libs/blog/authors/ui-author-card/src/lib/author-card/author-card-template.component.ts
+++ b/libs/blog/authors/ui-author-card/src/lib/author-card/author-card-template.component.ts
@@ -29,7 +29,9 @@ import {
               <ng-content select="[author-info-card]"></ng-content>
             </div>
           </div>
-          <div class="w-full flex-1 hyphens-auto break-words p-6 pt-0 md:pt-6">
+          <div
+            class="w-full flex-1 p-6 pt-0 wrap-break-word hyphens-auto md:pt-6"
+          >
             <ng-content select="[author-info-description]"></ng-content>
           </div>
         </div>
@@ -47,7 +49,7 @@ export class AuthorCardTemplateComponent {
 
   protected readonly authorInfoCardClass = computed(() =>
     !this.articleCard()
-      ? 'md:border dark:!bg-al-radial-gradient dark:bg-al-background md:light:bg-[#f2f2f2] pb-6'
+      ? 'md:border dark:bg-al-radial-gradient! dark:bg-al-background md:light:bg-[#f2f2f2] pb-6'
       : '',
   );
 }
diff --git a/libs/blog/layouts/ui-layouts/src/lib/footer/footer.component.html b/libs/blog/layouts/ui-layouts/src/lib/footer/footer.component.html
index 6899ac4b3..234391b91 100644
--- a/libs/blog/layouts/ui-layouts/src/lib/footer/footer.component.html
+++ b/libs/blog/layouts/ui-layouts/src/lib/footer/footer.component.html
@@ -3,9 +3,11 @@
   class="bg-al-footer-background w-full"
 >
   <div
-    class="al-container mx-auto grid max-w-screen-xl gap-y-4 px-6 py-4 xl:px-0"
+    class="mx-auto grid max-w-(--breakpoint-xl) grid-cols-1 items-start gap-y-4 px-6 py-4 sm:grid-cols-2 sm:justify-items-stretch xl:grid-cols-[auto_1fr_auto] xl:justify-items-center xl:px-0"
   >
-    <div class="logo-container">
+    <div
+      class="order-1 flex flex-col sm:justify-self-center xl:justify-self-start"
+    >
       <div>
         <al-footer-logo class="mb-1 block" />
         <div class="text-al-muted mb-4 inline-block max-w-48 text-xs">
@@ -14,13 +16,15 @@
       </div>
       <al-footer-social-media-icons class="block lg:ml-2" />
     </div>
+
     <al-navigation
-      class="navigation-component"
+      class="order-3 sm:col-span-2 xl:order-2 xl:col-span-1"
       [whiteFont]="true"
       [cols]="isXlScreen() ? 2 : undefined"
       [navItems]="navItems"
     />
-    <div class="partners-container">
+
+    <div class="order-2 sm:justify-self-end xl:order-3">
       <div class="mb-5 flex gap-2">
         <h2>{{ t('mainPartner') }}</h2>
         <a href="https://houseofangular.io/">
@@ -30,6 +34,7 @@ <h2>{{ t('mainPartner') }}</h2>
       <al-partners [partnerList]="partnersList" heading="footer.partners" />
     </div>
   </div>
+
   <small class="text-al-muted block pb-4 text-center text-xs">
     Copyright &#169; {{ currentYear }}
   </small>
diff --git a/libs/blog/layouts/ui-layouts/src/lib/footer/footer.component.scss b/libs/blog/layouts/ui-layouts/src/lib/footer/footer.component.scss
index c597e5ad1..e69de29bb 100644
--- a/libs/blog/layouts/ui-layouts/src/lib/footer/footer.component.scss
+++ b/libs/blog/layouts/ui-layouts/src/lib/footer/footer.component.scss
@@ -1,45 +0,0 @@
-.logo-container {
-  grid-area: logo;
-  display: flex;
-  flex-direction: column;
-}
-
-.navigation-component {
-  grid-area: nav;
-}
-
-.partners-container {
-  grid-area: partners;
-}
-
-.al-container {
-  justify-items: center;
-  row-gap: 1rem;
-  grid-template-areas:
-    'logo'
-    'partners'
-    'nav';
-
-  align-items: start;
-}
-
-@screen sm {
-  .al-container {
-    justify-items: stretch;
-    grid-template-areas:
-      'logo partners'
-      'nav nav';
-  }
-
-  .logo-container {
-    justify-self: center;
-  }
-}
-
-@screen xl {
-  .al-container {
-    grid-template-areas: 'logo nav partners';
-    grid-template-columns: auto 1fr auto;
-    justify-items: center;
-  }
-}
diff --git a/libs/blog/layouts/ui-layouts/src/lib/header/components/header-hamburger.component.ts b/libs/blog/layouts/ui-layouts/src/lib/header/components/header-hamburger.component.ts
index 32f934b79..5aa0ea834 100644
--- a/libs/blog/layouts/ui-layouts/src/lib/header/components/header-hamburger.component.ts
+++ b/libs/blog/layouts/ui-layouts/src/lib/header/components/header-hamburger.component.ts
@@ -19,9 +19,9 @@ import { FastSvgComponent } from '@push-based/ngx-fast-svg';
       @if (isOpened()) {
         <fast-svg name="cross" aria-hidden="true" />
       } @else {
-        <div class="bg-al-primary-foreground h-1 w-full rounded"></div>
-        <div class="bg-al-primary-foreground h-1 w-full rounded"></div>
-        <div class="bg-al-primary-foreground h-1 w-full rounded"></div>
+        <div class="bg-al-primary-foreground h-1 w-full rounded-sm"></div>
+        <div class="bg-al-primary-foreground h-1 w-full rounded-sm"></div>
+        <div class="bg-al-primary-foreground h-1 w-full rounded-sm"></div>
       }
     </button>
   `,
diff --git a/libs/blog/layouts/ui-layouts/src/lib/header/components/header-mobile-menu.component.ts b/libs/blog/layouts/ui-layouts/src/lib/header/components/header-mobile-menu.component.ts
index 1038cede5..c0fc5a6c8 100644
--- a/libs/blog/layouts/ui-layouts/src/lib/header/components/header-mobile-menu.component.ts
+++ b/libs/blog/layouts/ui-layouts/src/lib/header/components/header-mobile-menu.component.ts
@@ -16,9 +16,9 @@ import { headerNavItems } from '../header-nav-items';
   selector: 'al-header-mobile-menu',
   template: `
     <div
-      class="bg-al-background fixed -top-[100%] left-0 z-40 flex h-full w-full flex-row items-center justify-center transition-transform duration-300 lg:hidden"
+      class="bg-al-background fixed -top-full left-0 z-40 flex h-full w-full flex-row items-center justify-center transition-transform duration-300 lg:hidden"
       [inert]="!isOpened()"
-      [class.translate-y-[100%]]="isOpened()"
+      [class.translate-y-full]="isOpened()"
     >
       <al-navigation
         class="mobile-menu__navigation"
diff --git a/libs/blog/layouts/ui-layouts/src/lib/header/header.component.ts b/libs/blog/layouts/ui-layouts/src/lib/header/header.component.ts
index 2df631167..ade4e8c63 100644
--- a/libs/blog/layouts/ui-layouts/src/lib/header/header.component.ts
+++ b/libs/blog/layouts/ui-layouts/src/lib/header/header.component.ts
@@ -29,7 +29,7 @@ import { headerNavItems } from './header-nav-items';
       class="bg-al-background/95 z-30 h-20 w-full border-b shadow-xl"
     >
       <div
-        class="mx-auto flex h-full w-full max-w-screen-xl items-center justify-between px-6 py-4 xl:px-0"
+        class="mx-auto flex h-full w-full max-w-(--breakpoint-xl) items-center justify-between px-6 py-4 xl:px-0"
       >
         <al-header-logo />
 
diff --git a/libs/blog/layouts/ui-layouts/src/lib/layout/layout.component.html b/libs/blog/layouts/ui-layouts/src/lib/layout/layout.component.html
index 9fc43a5ad..710dffa2b 100644
--- a/libs/blog/layouts/ui-layouts/src/lib/layout/layout.component.html
+++ b/libs/blog/layouts/ui-layouts/src/lib/layout/layout.component.html
@@ -1,7 +1,7 @@
 <main
   class="mx-auto h-full w-full px-2 py-4 md:px-4 xl:px-0"
   [class]="{
-    'max-w-screen-xl': !layoutConfig()?.roadmap,
+    'max-w-(--breakpoint-xl)': !layoutConfig()?.roadmap,
     'overflow-hidden': layoutConfig()?.roadmap,
     'max-h-full': layoutConfig()?.roadmap,
   }"
diff --git a/libs/blog/layouts/ui-navigation/src/lib/language-picker/language-picker.component.ts b/libs/blog/layouts/ui-navigation/src/lib/language-picker/language-picker.component.ts
index 480438a4c..54ca9d4bb 100644
--- a/libs/blog/layouts/ui-navigation/src/lib/language-picker/language-picker.component.ts
+++ b/libs/blog/layouts/ui-navigation/src/lib/language-picker/language-picker.component.ts
@@ -24,7 +24,7 @@ import { Lang } from '@angular-love/contracts/articles';
         <fast-svg
           name="translate"
           aria-hidden="true"
-          class="text-al-primary pointer-events-none absolute left-0 top-1/2 !block -translate-y-1/2"
+          class="text-al-primary pointer-events-none absolute top-1/2 left-0 block! -translate-y-1/2"
           size="20"
         />
 
@@ -44,7 +44,7 @@ import { Lang } from '@angular-love/contracts/articles';
         <fast-svg
           name="arrow-down"
           aria-hidden="true"
-          class="pointer-events-none absolute right-0 top-1/2 !block -translate-y-1/2"
+          class="pointer-events-none absolute top-1/2 right-0 block! -translate-y-1/2"
           size="20"
         />
       </label>
diff --git a/libs/blog/newsletter/feature-newsletter/src/lib/feature-newsletter/newsletter.component.html b/libs/blog/newsletter/feature-newsletter/src/lib/feature-newsletter/newsletter.component.html
index c287f84a0..49b91cf47 100644
--- a/libs/blog/newsletter/feature-newsletter/src/lib/feature-newsletter/newsletter.component.html
+++ b/libs/blog/newsletter/feature-newsletter/src/lib/feature-newsletter/newsletter.component.html
@@ -16,7 +16,7 @@
             <input
               aria-required="true"
               type="text"
-              class="bg-al-background text-al-muted border-al-border my-2 h-[60px] w-full flex-grow rounded-md border p-6 text-sm"
+              class="bg-al-background text-al-muted border-al-border my-2 h-[60px] w-full grow rounded-md border p-6 text-sm"
               [attr.aria-label]="t('namePlaceholder')"
               [placeholder]="t('namePlaceholder')"
               formControlName="name"
@@ -26,7 +26,7 @@
               <input
                 aria-required="true"
                 type="email"
-                class="bg-al-background text-al-muted border-al-border h-[60px] w-full flex-grow rounded-l-md border border-r-0 p-6 text-sm"
+                class="bg-al-background text-al-muted border-al-border h-[60px] w-full grow rounded-l-md border border-r-0 p-6 text-sm"
                 [attr.aria-label]="t('emailPlaceholder')"
                 [placeholder]="t('emailPlaceholder')"
                 formControlName="email"
@@ -54,7 +54,7 @@
               />
               <label
                 id="newsletter-label"
-                class="text-al-muted flex flex-col peer-checked:[&>div>div>div]:block"
+                class="text-al-muted flex flex-col [&>div>div>div]:peer-checked:block"
                 for="newsletter-checkbox"
               >
                 @if (newsletterStoreLoading() === 'error') {
@@ -65,7 +65,7 @@
                     tabindex="0"
                     aria-describedby="consent-text"
                     role="checkbox"
-                    class="border-al-muted mr-2 mt-1 flex aspect-square h-[14px] items-center justify-center rounded border"
+                    class="border-al-muted mt-1 mr-2 flex aspect-square h-[14px] items-center justify-center rounded-sm border"
                     [attr.aria-label]="t('label')"
                     [attr.aria-checked]="form.controls.checkbox.value"
                     (keydown.space)="
@@ -77,7 +77,7 @@
                     "
                   >
                     <div
-                      class="bg-al-pink hidden h-[6px] w-[6px] rounded-sm"
+                      class="bg-al-pink hidden h-[6px] w-[6px] rounded-xs"
                     ></div>
                   </div>
                   <span
diff --git a/libs/blog/newsletter/feature-newsletter/src/lib/page/newsletter-examples/newsletter-examples.component.html b/libs/blog/newsletter/feature-newsletter/src/lib/page/newsletter-examples/newsletter-examples.component.html
index b03f052a7..70942f329 100644
--- a/libs/blog/newsletter/feature-newsletter/src/lib/page/newsletter-examples/newsletter-examples.component.html
+++ b/libs/blog/newsletter/feature-newsletter/src/lib/page/newsletter-examples/newsletter-examples.component.html
@@ -1,5 +1,5 @@
 <div
-  class="relative mt-2 h-[600px] w-[300px] rounded-[2.5rem] border-[14px] border-gray-800 bg-gray-800 dark:border-gray-800"
+  class="relative mt-2 h-[600px] w-[300px] rounded-[2.5rem] border-14 border-gray-800 bg-gray-800 dark:border-gray-800"
 >
   <div
     class="absolute -start-[17px] top-[72px] h-[32px] w-[3px] rounded-s-lg bg-gray-800 dark:bg-gray-800"
@@ -14,7 +14,7 @@
     class="absolute -end-[17px] top-[142px] h-[64px] w-[3px] rounded-e-lg bg-gray-800 dark:bg-gray-800"
   ></div>
   <div
-    class="h-[572px] w-[272px] overflow-auto rounded-[2rem] bg-white text-black dark:bg-gray-800"
+    class="h-[572px] w-[272px] overflow-auto rounded-4xl bg-white text-black dark:bg-gray-800"
     style="scrollbar-width: none"
   >
     <ng-content />
diff --git a/libs/blog/partners/ui-partners/src/lib/partners-list/partners-list.component.html b/libs/blog/partners/ui-partners/src/lib/partners-list/partners-list.component.html
index daa22f00d..a81134bf3 100644
--- a/libs/blog/partners/ui-partners/src/lib/partners-list/partners-list.component.html
+++ b/libs/blog/partners/ui-partners/src/lib/partners-list/partners-list.component.html
@@ -1,7 +1,7 @@
 <div class="mb-8 flex flex-row gap-2 sm:gap-3">
   @for (partner of partnersList(); track partner.asset_URL) {
     <a
-      class="light:outline light:outline-1 light:outline-al-border aspect-[2/1] w-full max-w-[84px] rounded bg-white lg:transition-transform lg:hover:scale-105 lg:hover:cursor-pointer lg:motion-reduce:transition-none lg:motion-reduce:hover:scale-100"
+      class="light:outline-solid light:outline-1 light:outline-al-border aspect-2/1 w-full max-w-[84px] rounded-sm bg-white lg:transition-transform lg:hover:scale-105 lg:hover:cursor-pointer lg:motion-reduce:transition-none lg:motion-reduce:hover:scale-100"
       [href]="partner.link_URL"
       [title]="partner.title"
       target="_blank"
diff --git a/libs/blog/roadmap/ui-roadmap-dialog/src/lib/roadmap-dialog-header/roadmap-dialog-header.component.ts b/libs/blog/roadmap/ui-roadmap-dialog/src/lib/roadmap-dialog-header/roadmap-dialog-header.component.ts
index d63e08430..86af2c4f7 100644
--- a/libs/blog/roadmap/ui-roadmap-dialog/src/lib/roadmap-dialog-header/roadmap-dialog-header.component.ts
+++ b/libs/blog/roadmap/ui-roadmap-dialog/src/lib/roadmap-dialog-header/roadmap-dialog-header.component.ts
@@ -19,7 +19,7 @@ export class RoadmapDialogHeaderComponent {
   protected readonly class = computed(() => {
     switch (this.nodeType()) {
       case 'angular-love':
-        return 'from-al-roadmap-secondary to-al-roadmap-accent bg-gradient-to-r';
+        return 'from-al-roadmap-secondary to-al-roadmap-accent bg-linear-to-r';
       case 'primary':
         return 'bg-al-roadmap-primary light:bg-al-roadmap-primary/55 text-al-primary-foreground';
       case 'secondary':
diff --git a/libs/blog/roadmap/ui-roadmap-dialog/src/lib/roadmap-dialog-subtitle/roadmap-dialog-subtitle.component.ts b/libs/blog/roadmap/ui-roadmap-dialog/src/lib/roadmap-dialog-subtitle/roadmap-dialog-subtitle.component.ts
index d2ec35237..aaa6cc540 100644
--- a/libs/blog/roadmap/ui-roadmap-dialog/src/lib/roadmap-dialog-subtitle/roadmap-dialog-subtitle.component.ts
+++ b/libs/blog/roadmap/ui-roadmap-dialog/src/lib/roadmap-dialog-subtitle/roadmap-dialog-subtitle.component.ts
@@ -6,7 +6,7 @@ import { Component, input } from '@angular/core';
     <h4 class="text-al-primary-foreground font-semibold">
       {{ subtitle() }}
     </h4>
-    <div class="bg-al-primary-foreground h-px flex-grow"></div>
+    <div class="bg-al-primary-foreground h-px grow"></div>
   `,
   host: {
     class: 'flex items-center gap-4',
diff --git a/libs/blog/roadmap/ui-roadmap-dialog/src/lib/roadmap-dialog.component.html b/libs/blog/roadmap/ui-roadmap-dialog/src/lib/roadmap-dialog.component.html
index 8cac2b0c8..336f8bd97 100644
--- a/libs/blog/roadmap/ui-roadmap-dialog/src/lib/roadmap-dialog.component.html
+++ b/libs/blog/roadmap/ui-roadmap-dialog/src/lib/roadmap-dialog.component.html
@@ -1,5 +1,5 @@
 <div
-  class="dialog light:bg-al-radial-gradient light:bg-al-card light:border-al-primary-foreground w-full overflow-hidden rounded-lg border-2 border-white bg-gradient-to-br from-[#100f15] to-[#3b0019] text-white"
+  class="dialog light:bg-al-radial-gradient light:bg-al-card light:border-al-primary-foreground w-full overflow-hidden rounded-lg border-2 border-white bg-linear-to-br from-[#100f15] to-[#3b0019] text-white"
 >
   <div
     *transloco="let t; read: 'roadmapPage.dialog'"
diff --git a/libs/blog/roadmap/ui-roadmap-node/src/lib/components/roadmap-basic-node/roadmap-basic-node.component.ts b/libs/blog/roadmap/ui-roadmap-node/src/lib/components/roadmap-basic-node/roadmap-basic-node.component.ts
index cc7dcd1ad..0e1dde1ab 100644
--- a/libs/blog/roadmap/ui-roadmap-node/src/lib/components/roadmap-basic-node/roadmap-basic-node.component.ts
+++ b/libs/blog/roadmap/ui-roadmap-node/src/lib/components/roadmap-basic-node/roadmap-basic-node.component.ts
@@ -16,7 +16,7 @@ import { RoadmapNodeLabelComponent } from '../roadmap-node-label/roadmap-node-la
   template: `
     @if (node().label; as label) {
       <al-roadmap-node-label
-        class="label absolute -top-4 right-0 z-[20] translate-x-1/2"
+        class="label absolute -top-4 right-0 z-20 translate-x-1/2"
         [label]="label"
         (keydown)="onKeyDown($event)"
         (pointerdown)="onPointerDown($event)"
@@ -24,7 +24,7 @@ import { RoadmapNodeLabelComponent } from '../roadmap-node-label/roadmap-node-la
     }
 
     <button
-      class="node light:bg-al-primary-foreground text-al-primary-foreground relative w-full text-nowrap rounded-lg bg-[#fff]"
+      class="node light:bg-al-primary-foreground text-al-primary-foreground relative w-full rounded-lg bg-white text-nowrap"
       [attr.node-id]="node().id"
       (focus)="_roadmapDialogNotifierService.notifyNodeFocused(node())"
       (keydown)="onKeyDown($event)"
@@ -66,7 +66,7 @@ export class RoadmapBasicNodeComponent {
       case 'secondary':
         return 'm-[2px] bg-al-roadmap-secondary light:bg-al-card light:bg-al-roadmap-gradient text-[20px]';
       case 'angular-love':
-        return 'm-[4px] bg-gradient-to-r from-al-roadmap-secondary to-al-roadmap-accent text-[#fff] text-[24px]';
+        return 'm-[4px] bg-linear-to-r from-al-roadmap-secondary to-al-roadmap-accent text-white text-[24px]';
       default:
         return '';
     }
diff --git a/libs/blog/roadmap/ui-roadmap-node/src/lib/components/roadmap-cluster/roadmap-cluster.component.ts b/libs/blog/roadmap/ui-roadmap-node/src/lib/components/roadmap-cluster/roadmap-cluster.component.ts
index e245a9cd3..455235ebe 100644
--- a/libs/blog/roadmap/ui-roadmap-node/src/lib/components/roadmap-cluster/roadmap-cluster.component.ts
+++ b/libs/blog/roadmap/ui-roadmap-node/src/lib/components/roadmap-cluster/roadmap-cluster.component.ts
@@ -7,7 +7,7 @@ import { RoadmapBasicNodeComponent } from '../roadmap-basic-node/roadmap-basic-n
   selector: 'al-roadmap-cluster',
   template: `
     <div
-      class="bg-al-roadmap-secondary light:bg-al-card light:bg-al-radial-gradient  light:border-[--primary-foreground] relative z-10 m-[-2px] rounded-lg border-2 border-[#FDF5FD]  px-6 py-4"
+      class="bg-al-roadmap-secondary light:bg-al-card light:bg-al-radial-gradient light:border-(--primary-foreground) relative z-10 m-[-2px] rounded-lg border-2 border-[#FDF5FD] px-6 py-4"
       [attr.node-id]="cluster().id"
     >
       <div class="text-al-primary-foreground text-[20px]">
@@ -25,7 +25,7 @@ import { RoadmapBasicNodeComponent } from '../roadmap-basic-node/roadmap-basic-n
   imports: [RoadmapBasicNodeComponent],
   host: {
     class:
-      'block bg-gradient-to-br from-[#100F15] to-[#3B0019] light:from-[al-primary] light:to-[al-primary] rounded-lg text-center border-2 light:border-[--primary-foreground] border-[#FDF5FD]',
+      'block bg-linear-to-br from-[#100F15] to-[#3B0019] light:from-[al-primary] light:to-[al-primary] rounded-lg text-center border-2 light:border-(--primary-foreground) border-[#FDF5FD]',
   },
 })
 export class RoadmapClusterComponent {
diff --git a/libs/blog/roadmap/ui-roadmap-node/src/lib/components/roadmap-node-label/roadmap-node-label.component.ts b/libs/blog/roadmap/ui-roadmap-node/src/lib/components/roadmap-node-label/roadmap-node-label.component.ts
index 63c2d15c5..98eaa7c9e 100644
--- a/libs/blog/roadmap/ui-roadmap-node/src/lib/components/roadmap-node-label/roadmap-node-label.component.ts
+++ b/libs/blog/roadmap/ui-roadmap-node/src/lib/components/roadmap-node-label/roadmap-node-label.component.ts
@@ -30,9 +30,9 @@ export class RoadmapNodeLabelComponent {
       case 'optional':
         return 'bg-al-roadmap-label-optional';
       case 'comingSoon':
-        return 'bg-al-roadmap-label-comingSoon';
+        return 'bg-al-roadmap-label-coming-soon';
       case 'recommended':
-        return 'bg-gradient-to-r from-al-roadmap-secondary to-al-roadmap-accent';
+        return 'bg-linear-to-r from-al-roadmap-secondary to-al-roadmap-accent';
       default:
         return '';
     }
diff --git a/libs/blog/roadmap/ui-roadmap/src/lib/components/vertical-connector-arrow/vertical-connector-arrow.component.ts b/libs/blog/roadmap/ui-roadmap/src/lib/components/vertical-connector-arrow/vertical-connector-arrow.component.ts
index 133eb7a42..7854a85ba 100644
--- a/libs/blog/roadmap/ui-roadmap/src/lib/components/vertical-connector-arrow/vertical-connector-arrow.component.ts
+++ b/libs/blog/roadmap/ui-roadmap/src/lib/components/vertical-connector-arrow/vertical-connector-arrow.component.ts
@@ -5,11 +5,11 @@ import { ChangeDetectionStrategy, Component } from '@angular/core';
   template: `
     <div
       aria-hidden="true"
-      class="flex-grow border-l-[6px] border-l-[var(--primary)]"
+      class="grow border-l-[6px] border-l-(--primary)"
     ></div>
     <div
       aria-hidden="true"
-      class="h-0 w-0 border-l-[16px] border-r-[16px] border-t-[30px] border-l-transparent border-r-transparent border-t-[var(--primary)]"
+      class="h-0 w-0 border-t-30 border-r-16 border-l-16 border-t-(--primary) border-r-transparent border-l-transparent"
     ></div>
   `,
   changeDetection: ChangeDetectionStrategy.OnPush,
diff --git a/libs/blog/search/feature-search/src/lib/feature-search/search-dialog/search-dialog.component.html b/libs/blog/search/feature-search/src/lib/feature-search/search-dialog/search-dialog.component.html
index 3a0c7c434..528bb9245 100644
--- a/libs/blog/search/feature-search/src/lib/feature-search/search-dialog/search-dialog.component.html
+++ b/libs/blog/search/feature-search/src/lib/feature-search/search-dialog/search-dialog.component.html
@@ -2,22 +2,22 @@
   *transloco="let t; read: 'search'"
   aria-modal="true"
   role="dialog"
-  class="al-overlay fixed left-0 top-0 z-40 h-screen w-screen bg-black bg-opacity-60"
+  class="al-overlay fixed top-0 left-0 z-40 h-screen w-screen bg-black/60"
   [attr.aria-label]="t('title')"
   [cdkTrapFocusAutoCapture]="true"
   cdkTrapFocus
 >
   <div
-    class="bg-al-card relative z-50 m-auto w-full max-w-screen-xl rounded-tl-lg rounded-tr-lg"
+    class="bg-al-card relative z-50 m-auto w-full max-w-(--breakpoint-xl) rounded-tl-lg rounded-tr-lg"
     [class]="adBannerStoreVisible() ? 'top-[168px]' : 'top-[84px]'"
   >
     <div class="w-full border-b p-4">
       <div
-        class="border-al-pink flex w-full flex-row items-center rounded border p-4"
+        class="border-al-pink flex w-full flex-row items-center rounded-sm border p-4"
       >
         <input
           type="text"
-          class="h-full w-full border-none bg-transparent text-sm outline-none"
+          class="h-full w-full border-none bg-transparent text-sm outline-hidden"
           [formControl]="searchForm"
           cdkFocusInitial
         />
diff --git a/libs/blog/shared/ui-button/src/lib/button/button.component.ts b/libs/blog/shared/ui-button/src/lib/button/button.component.ts
index af786a763..41ff26aae 100644
--- a/libs/blog/shared/ui-button/src/lib/button/button.component.ts
+++ b/libs/blog/shared/ui-button/src/lib/button/button.component.ts
@@ -25,7 +25,7 @@ const buttonVariants = cva(
         Secondary: 'bg-al-background border',
         Outline: 'border border-al-primary/90 bg-white text-al-primary',
         Ghost: 'bg-transparent',
-        link: 'bg-transparent !underline',
+        link: 'bg-transparent underline!',
       },
       size: <Record<AlButtonSize, string>>{
         small: 'py-2 px-4 text-xs',
diff --git a/libs/blog/shared/ui-card/src/lib/card-skeleton.component.ts b/libs/blog/shared/ui-card/src/lib/card-skeleton.component.ts
index 3a41f320c..05fcef76c 100644
--- a/libs/blog/shared/ui-card/src/lib/card-skeleton.component.ts
+++ b/libs/blog/shared/ui-card/src/lib/card-skeleton.component.ts
@@ -36,5 +36,5 @@ export class CardSkeletonComponent {
   @Input() withImage = true;
 
   @HostBinding('class')
-  hostClasses = 'block bg-white rounded-lg shadow-sm overflow-hidden';
+  hostClasses = 'block bg-white rounded-lg shadow-xs overflow-hidden';
 }
diff --git a/libs/blog/shared/ui-card/src/lib/card.component.ts b/libs/blog/shared/ui-card/src/lib/card.component.ts
index 7a2badc81..365b58c13 100644
--- a/libs/blog/shared/ui-card/src/lib/card.component.ts
+++ b/libs/blog/shared/ui-card/src/lib/card.component.ts
@@ -44,7 +44,7 @@ export class CardFooterDirective {
 export class CardHoverHighlightDirective {
   @HostBinding('class')
   hostClasses =
-    'hover:bg-red-50 outline outline-1 outline-transparent hover:outline-red-400 transition';
+    'hover:bg-red-50 outline-solid outline-1 outline-transparent hover:outline-red-400 transition';
 }
 
 @Directive({
@@ -83,7 +83,7 @@ export class GradientCardDirective {
 export class DarkCardDirective {
   @HostBinding('class')
   get hostClasses() {
-    return 'border !p-4 !bg-al-background block rounded-lg';
+    return 'border p-4! bg-al-background! block rounded-lg';
   }
 }
 
@@ -100,5 +100,5 @@ export class CardComponent {
   ref: ElementRef<HTMLElement> = inject(ElementRef);
 
   @HostBinding('class')
-  hostClasses = 'block rounded-lg border bg-al-card shadow-sm overflow-hidden';
+  hostClasses = 'block rounded-lg border bg-al-card shadow-xs overflow-hidden';
 }
diff --git a/libs/blog/shared/ui-dynamic-text-clamp/src/lib/dynamic-text-clamp/dynamic-text-clamp.component.html b/libs/blog/shared/ui-dynamic-text-clamp/src/lib/dynamic-text-clamp/dynamic-text-clamp.component.html
index 4e398b201..671bf3118 100644
--- a/libs/blog/shared/ui-dynamic-text-clamp/src/lib/dynamic-text-clamp/dynamic-text-clamp.component.html
+++ b/libs/blog/shared/ui-dynamic-text-clamp/src/lib/dynamic-text-clamp/dynamic-text-clamp.component.html
@@ -13,9 +13,9 @@
 <p
   class="[&_a]:al-link"
   [ngClass]="{
-    '!hidden': !readMore(),
+    'hidden!': !readMore(),
   }"
-  [className]="textClasses() + ' !line-clamp-none'"
+  [className]="textClasses() + ' line-clamp-none!'"
   [innerHTML]="text()"
 ></p>
 
diff --git a/libs/blog/shared/ui-not-found/src/lib/not-found-page.component.ts b/libs/blog/shared/ui-not-found/src/lib/not-found-page.component.ts
index 9fdcd269b..584be8325 100644
--- a/libs/blog/shared/ui-not-found/src/lib/not-found-page.component.ts
+++ b/libs/blog/shared/ui-not-found/src/lib/not-found-page.component.ts
@@ -19,7 +19,7 @@ import { ButtonComponent } from '@angular-love/blog/shared/ui-button';
       >
         <h2
           id="not-found-title"
-          class="flex justify-center break-words text-9xl font-extrabold lg:justify-normal"
+          class="flex justify-center text-9xl font-extrabold wrap-break-word lg:justify-normal"
           [attr.aria-label]="t('ariaLabels.title')"
         >
           {{ t('title') }}
diff --git a/libs/blog/shared/ui-pagination/src/lib/pagination/pagination.component.html b/libs/blog/shared/ui-pagination/src/lib/pagination/pagination.component.html
index 1c6adf261..215159a26 100644
--- a/libs/blog/shared/ui-pagination/src/lib/pagination/pagination.component.html
+++ b/libs/blog/shared/ui-pagination/src/lib/pagination/pagination.component.html
@@ -8,7 +8,7 @@
       >
         <button
           al-button
-          class="!p-2"
+          class="p-2!"
           [attr.aria-disabled]="store.disabledPrevious()"
           [attr.aria-label]="t('previous')"
           [disabled]="store.disabledPrevious()"
@@ -28,7 +28,7 @@
         <li>
           <button
             al-button
-            class="flex justify-center !p-2 text-sm leading-none"
+            class="flex justify-center p-2! text-sm leading-none"
             [attr.aria-label]="
               t('navigateTo', { pageNo: isLast ? page.label : i + 1 })
             "
@@ -44,7 +44,7 @@
       <li>
         <button
           al-button
-          class="!p-2"
+          class="p-2!"
           [ngClass]="{
             invisible: store.disabledNext(),
           }"
diff --git a/libs/blog/shared/ui-social-media-icons/src/lib/social-media-icons.component.ts b/libs/blog/shared/ui-social-media-icons/src/lib/social-media-icons.component.ts
index 7cf9004d1..e17b7052d 100644
--- a/libs/blog/shared/ui-social-media-icons/src/lib/social-media-icons.component.ts
+++ b/libs/blog/shared/ui-social-media-icons/src/lib/social-media-icons.component.ts
@@ -27,8 +27,8 @@ export class SocialMediaIconsComponent {
     return this.variant() === 'default'
       ? 'text-al-primary-foreground'
       : this.variant() === 'light'
-        ? 'text-[#fff]'
-        : 'text-[#000]';
+        ? 'text-white'
+        : 'text-black';
   });
 
   readonly socials: SocialMediaIconItemUi[] = [
diff --git a/libs/blog/shared/ui-tooltip/src/lib/ui-tooltip/ui-tooltip.component.ts b/libs/blog/shared/ui-tooltip/src/lib/ui-tooltip/ui-tooltip.component.ts
index 4e7c946a9..7b91b475e 100644
--- a/libs/blog/shared/ui-tooltip/src/lib/ui-tooltip/ui-tooltip.component.ts
+++ b/libs/blog/shared/ui-tooltip/src/lib/ui-tooltip/ui-tooltip.component.ts
@@ -5,7 +5,7 @@ import { ChangeDetectionStrategy, Component, signal } from '@angular/core';
   selector: 'al-ui-tooltip',
   template: `
     <div
-      class="box-border max-w-[13rem] rounded-[0.25rem] bg-[#2e2f3a] p-[0.3rem] text-sm text-white"
+      class="box-border max-w-52 rounded-sm bg-[#2e2f3a] p-[0.3rem] text-sm text-white"
       [ngClass]="{ 'mt-2': 'bottom' }"
     >
       {{ tooltipText() }}
diff --git a/libs/blog/writing-rules/feature-writing-rules/src/lib/rules-row/rules-row.component.html b/libs/blog/writing-rules/feature-writing-rules/src/lib/rules-row/rules-row.component.html
index 511333591..94302848b 100644
--- a/libs/blog/writing-rules/feature-writing-rules/src/lib/rules-row/rules-row.component.html
+++ b/libs/blog/writing-rules/feature-writing-rules/src/lib/rules-row/rules-row.component.html
@@ -14,11 +14,11 @@
         <p class="text-base font-bold text-white">{{ index() + 1 }}</p>
       </div>
       <div class="w-full lg:mr-[30px]">
-        <p class="block pb-4 pt-5 md:py-5">{{ t(step().text) }}</p>
+        <p class="block pt-5 pb-4 md:py-5">{{ t(step().text) }}</p>
       </div>
     </div>
     <div
-      class="mr-5 mt-5 self-start transition-transform duration-300"
+      class="mt-5 mr-5 self-start transition-transform duration-300"
       [class.rotate-180]="isOpen()"
     >
       <fast-svg name="down-arrow" aria-hidden="true" size="16" />
@@ -37,7 +37,7 @@
           @if (!first()) {
             <button
               type="button"
-              class="border-al-gray-200 mr-1 w-1/2 rounded border bg-transparent px-1 py-2 font-medium leading-4 md:mr-2 md:w-auto md:px-4"
+              class="border-al-gray-200 mr-1 w-1/2 rounded-sm border bg-transparent px-1 py-2 leading-4 font-medium md:mr-2 md:w-auto md:px-4"
               (click)="toggleStep.emit(index() - 1)"
             >
               {{ t('writingRules.previousButton') }}
@@ -46,7 +46,7 @@
           @if (!last()) {
             <button
               type="button"
-              class="border-al-gray-200 bg-al-pink w-1/2 rounded border px-2 py-2 font-medium leading-4 text-white md:w-auto md:px-6"
+              class="border-al-gray-200 bg-al-pink w-1/2 rounded-sm border px-2 py-2 leading-4 font-medium text-white md:w-auto md:px-6"
               (click)="toggleStep.emit(index() + 1)"
             >
               {{ t('writingRules.nextButton') }}
diff --git a/libs/shared/assets/src/lib/styles/global.css b/libs/shared/assets/src/lib/styles/global.css
new file mode 100644
index 000000000..59a338d61
--- /dev/null
+++ b/libs/shared/assets/src/lib/styles/global.css
@@ -0,0 +1,156 @@
+@import 'tailwindcss';
+
+@theme {
+  --translate-1-5x: 150%;
+
+  --color-al-foreground: rgb(var(--foreground));
+  --color-al-primary-foreground: rgb(var(--primary-foreground));
+  --color-al-card: rgb(var(--card));
+  --color-al-background: rgb(var(--background));
+  --color-al-border: rgb(var(--border));
+
+  --color-al-blue: #066aff;
+
+  --color-al-pink: rgb(var(--primary));
+  --color-al-primary: rgb(var(--primary));
+  --color-al-muted: rgb(var(--muted));
+
+  --color-al-roadmap-primary: rgb(var(--roadmap-primary));
+  --color-al-roadmap-secondary: rgb(var(--roadmap-secondary));
+  --color-al-roadmap-accent: rgb(var(--roadmap-accent));
+  --color-al-roadmap-hover-primary: rgb(var(--roadmap-hover-primary));
+  --color-al-roadmap-hover-secondary: rgb(var(--roadmap-hover-secondary));
+  --color-al-roadmap-label-optional: rgb(var(--roadmap-label-optional));
+  --color-al-roadmap-label-comingSoon: rgb(var(--roadmap-label-comingSoon));
+  --color-al-grey: rgb(var(--grey));
+  --color-al-footer-background: rgb(var(--footer-background));
+
+  --background-image-al-radial-gradient: radial-gradient(
+    58.54% 100% at 0% 100%,
+    rgb(var(--primary) / 0.2) 0%,
+    transparent
+  );
+
+  --background-image-al-roadmap-gradient: radial-gradient(
+    58.54% 100% at 0% 100%,
+    #e8a4b8,
+    #fdebf0 100%
+  );
+
+  --background-image-al-background-gradient: linear-gradient(
+    180deg,
+    rgb(var(--background) / 1) 0%,
+    rgb(var(--background) / 0.6) 100%
+  );
+
+  --background-image-al-bottom-radial-gradient:
+    linear-gradient(180deg, transparent 0%, rgb(0 0 0 / 0) 100%),
+    radial-gradient(
+      74.37% 74.37% at 50% 124.47%,
+      rgb(var(--primary) / 0.6) 0%,
+      transparent 100%
+    );
+  --shadow-al-primary: 0 0 0 1px rgb(var(--primary));
+  --shadow-al-full-background: 0px 0px 0px 999px rgb(var(--background));
+  --shadow-al-full-border: 0px 0px 0px 999px rgb(var(--grey));
+
+  --animate-pulse-from-0: Pulsate 3s linear infinite;
+
+  @keyframes Pulsate {
+    from {
+      opacity: 0;
+    }
+    50% {
+      opacity: 1;
+    }
+    to {
+      opacity: 0;
+    }
+  }
+}
+
+@custom-variant dark (&:where([data-theme=dark], [data-theme=dark] *));
+
+@layer base {
+  :root {
+    --primary: 213 1 89;
+    --foreground: 20 21 27;
+    --primary-foreground: 0 0 0;
+    --muted: 25 25 25;
+    --border: 229 231 235;
+    --card: 255 255 255;
+    --background: 255 255 255;
+    --grey: 241 241 241;
+    --roadmap-primary: 179 0 74;
+    --roadmap-secondary: 230 3 101;
+    --roadmap-accent: 144 23 238;
+    --roadmap-hover-primary: 146 60 255;
+    --roadmap-hover-secondary: 255 0 106;
+    --roadmap-label-optional: 25 26 34;
+    --roadmap-label-comingSoon: 25 26 34;
+    --footer-background: 245 245 244;
+
+    font-family: 'Inter', sans-serif;
+    font-feature-settings:
+      'rlig' 1,
+      'calt' 1;
+    color-scheme: light;
+  }
+
+  :root[data-theme='dark'] {
+    --primary: 255 0 106;
+    --foreground: 255 255 255;
+    --primary-foreground: 255 255 255;
+    --muted: 190 196 202;
+    --border: 46 47 59;
+    --card: 25 26 34;
+    --background: 16 15 21;
+    --roadmap-primary: 179 0 74;
+    --roadmap-secondary: 102 0 43;
+    --roadmap-accent: 72 28 171;
+    --roadmap-hover-primary: 146 60 255;
+    --roadmap-hover-secondary: 255 0 106;
+    --roadmap-label-optional: 199 151 1;
+    --roadmap-label-comingSoon: 0 139 56;
+    --grey: 46 47 59;
+    --footer-background: 25 26 34;
+
+    color-scheme: dark;
+  }
+
+  *,
+  ::after,
+  ::before,
+  ::backdrop,
+  ::file-selector-button {
+    border-color: var(--color-gray-200, currentColor);
+  }
+}
+
+@layer base {
+  * {
+    border-color: rgb(var(--border));
+  }
+
+  body {
+    background-color: rgb(var(--background));
+    color: rgb(var(--foreground));
+  }
+}
+
+@utility al-scroll {
+  &::-webkit-scrollbar {
+    width: 0.625rem;
+  }
+  &::-webkit-scrollbar-track {
+    background-color: transparent;
+  }
+  &::-webkit-scrollbar-thumb {
+    border-radius: 0.5rem;
+    background-color: var(--color-gray-400);
+  }
+}
+
+@utility al-link {
+  @apply text-red-500 hover:underline dark:text-blue-400;
+}
diff --git a/libs/shared/assets/src/lib/styles/main.scss b/libs/shared/assets/src/lib/styles/main.scss
index b79804d17..ca815dc91 100644
--- a/libs/shared/assets/src/lib/styles/main.scss
+++ b/libs/shared/assets/src/lib/styles/main.scss
@@ -1,103 +1 @@
 @use 'typography';
-
-@tailwind base;
-@tailwind components;
-@tailwind utilities;
-
-@layer base {
-  :root[data-theme='dark'] {
-    --primary: 255 0 106;
-    --foreground: 255 255 255;
-    --primary-foreground: 255 255 255;
-    --muted: 190 196 202;
-    --border: 46 47 59;
-    --card: 25 26 34;
-    --background: 16 15 21;
-    --roadmap-primary: 179 0 74;
-    --roadmap-secondary: 102 0 43;
-    --roadmap-accent: 72 28 171;
-    --roadmap-hover-primary: 146 60 255;
-    --roadmap-hover-secondary: 255 0 106;
-    --roadmap-label-optional: 199 151 1;
-    --roadmap-label-comingSoon: 0 139 56;
-    --grey: 46 47 59;
-    --footer-background: 25 26 34;
-  }
-
-  :root[data-theme='light'] {
-    --primary: 213 1 89;
-    --foreground: 20 21 27;
-    --primary-foreground: 0 0 0;
-    --muted: 25 25 25;
-    --border: 229 231 235;
-    --card: 255 255 255;
-    --background: 255 255 255;
-    --grey: 241 241 241;
-    --roadmap-primary: 179 0 74;
-    --roadmap-secondary: 230 3 101;
-    --roadmap-accent: 144 23 238;
-    --roadmap-hover-primary: 146 60 255;
-    --roadmap-hover-secondary: 255 0 106;
-    --roadmap-label-optional: 25 26 34;
-    --roadmap-label-comingSoon: 25 26 34;
-    --footer-background: 245 245 244;
-  }
-}
-
-@layer base {
-  * {
-    @apply border-al-border;
-  }
-
-  body {
-    @apply bg-al-background text-al-foreground;
-    font-family: 'Inter', sans-serif;
-    font-feature-settings:
-      'rlig' 1,
-      'calt' 1;
-  }
-}
-
-html {
-  font-size: 16px;
-}
-
-@layer utilities {
-  .al-scroll {
-    &::-webkit-scrollbar {
-      @apply w-2.5;
-    }
-
-    /* Track */
-    &::-webkit-scrollbar-track {
-      @apply bg-transparent;
-    }
-
-    /* Handle */
-    &::-webkit-scrollbar-thumb {
-      @apply rounded-lg bg-gray-400;
-    }
-  }
-
-  @keyframes Pulsate {
-    from {
-      opacity: 0;
-    }
-    50% {
-      opacity: 1;
-    }
-    to {
-      opacity: 0;
-    }
-  }
-
-  .animate-pulse-from-0 {
-    animation: Pulsate 3s linear infinite;
-  }
-}
-
-@layer base {
-  .al-link {
-    @apply text-red-500 hover:underline dark:text-blue-400;
-  }
-}
diff --git a/package.json b/package.json
index 5b55e124c..96dd55104 100644
--- a/package.json
+++ b/package.json
@@ -47,6 +47,7 @@
     "@push-based/ngx-fast-svg": "^18.1.0",
     "@shikijs/langs-precompiled": "^2.4.2",
     "@tailwindcss/container-queries": "^0.1.1",
+    "@tailwindcss/postcss": "^4.1.17",
     "cheerio": "1.0.0-rc.12",
     "class-variance-authority": "^0.7.0",
     "clsx": "^2.1.1",
@@ -133,11 +134,11 @@
     "postcss-preset-env": "~7.5.0",
     "postcss-url": "~10.1.3",
     "prettier": "^3.2.5",
-    "prettier-plugin-tailwindcss": "^0.5.14",
+    "prettier-plugin-tailwindcss": "^0.7.1",
     "storybook": "9.1.9",
     "stylelint": "^16.3.1",
     "svgo": "^3.3.2",
-    "tailwindcss": "^3.3.6",
+    "tailwindcss": "^4.1.17",
     "ts-jest": "29.4.5",
     "ts-node": "10.9.1",
     "typescript": "5.9.3",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 75fc406bc..8fecf4fe5 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -73,7 +73,7 @@ importers:
         version: 17.2.0(@angular/core@20.3.10(@angular/compiler@20.3.10)(rxjs@7.8.2)(zone.js@0.14.4))(rxjs@7.8.2)
       '@nx/angular':
         specifier: 22.0.3
-        version: 22.0.3(9d0af0da78334cbaf27592730c6b7c86)
+        version: 22.0.3(ac5ec93d67644fa7318fd44b037fb17c)
       '@push-based/ngx-fast-svg':
         specifier: ^18.1.0
         version: 18.1.0(@angular/common@20.3.10(@angular/core@20.3.10(@angular/compiler@20.3.10)(rxjs@7.8.2)(zone.js@0.14.4))(rxjs@7.8.2))(@angular/core@20.3.10(@angular/compiler@20.3.10)(rxjs@7.8.2)(zone.js@0.14.4))(rxjs@7.8.2)
@@ -82,7 +82,10 @@ importers:
         version: 2.5.0
       '@tailwindcss/container-queries':
         specifier: ^0.1.1
-        version: 0.1.1(tailwindcss@3.4.17(ts-node@10.9.1(@swc/core@1.5.7(@swc/helpers@0.5.12))(@types/node@18.19.31)(typescript@5.9.3)))
+        version: 0.1.1(tailwindcss@4.1.17)
+      '@tailwindcss/postcss':
+        specifier: ^4.1.17
+        version: 4.1.17
       cheerio:
         specifier: 1.0.0-rc.12
         version: 1.0.0-rc.12
@@ -158,7 +161,7 @@ importers:
     devDependencies:
       '@angular-devkit/build-angular':
         specifier: 20.3.9
-        version: 20.3.9(07c342810e1f9e29ea1d4c37cfe117d7)
+        version: 20.3.9(62562d3deec3dada5e554722ab7f9eff)
       '@angular-devkit/core':
         specifier: 20.3.9
         version: 20.3.9(chokidar@4.0.3)
@@ -227,7 +230,7 @@ importers:
         version: 22.0.3(@babel/traverse@7.28.5)(@playwright/test@1.52.0)(@swc-node/register@1.9.2(@swc/core@1.5.7(@swc/helpers@0.5.12))(@swc/types@0.1.7)(typescript@5.9.3))(@swc/core@1.5.7(@swc/helpers@0.5.12))(@zkochan/js-yaml@0.0.7)(eslint@8.57.0)(nx@22.0.3(@swc-node/register@1.9.2(@swc/core@1.5.7(@swc/helpers@0.5.12))(@swc/types@0.1.7)(typescript@5.9.3))(@swc/core@1.5.7(@swc/helpers@0.5.12)))
       '@nx/storybook':
         specifier: 22.0.3
-        version: 22.0.3(@babel/traverse@7.28.5)(@swc-node/register@1.9.2(@swc/core@1.5.7(@swc/helpers@0.5.12))(@swc/types@0.1.7)(typescript@5.9.3))(@swc/core@1.5.7(@swc/helpers@0.5.12))(@zkochan/js-yaml@0.0.7)(eslint@8.57.0)(nx@22.0.3(@swc-node/register@1.9.2(@swc/core@1.5.7(@swc/helpers@0.5.12))(@swc/types@0.1.7)(typescript@5.9.3))(@swc/core@1.5.7(@swc/helpers@0.5.12)))(storybook@9.1.9(@testing-library/dom@8.20.1)(prettier@3.5.3)(vite@7.1.11(@types/node@18.19.31)(jiti@2.4.2)(less@4.4.0)(sass-embedded@1.87.0)(sass@1.90.0)(stylus@0.64.0)(terser@5.43.1)(yaml@2.7.1)))(typescript@5.9.3)
+        version: 22.0.3(@babel/traverse@7.28.5)(@swc-node/register@1.9.2(@swc/core@1.5.7(@swc/helpers@0.5.12))(@swc/types@0.1.7)(typescript@5.9.3))(@swc/core@1.5.7(@swc/helpers@0.5.12))(@zkochan/js-yaml@0.0.7)(eslint@8.57.0)(nx@22.0.3(@swc-node/register@1.9.2(@swc/core@1.5.7(@swc/helpers@0.5.12))(@swc/types@0.1.7)(typescript@5.9.3))(@swc/core@1.5.7(@swc/helpers@0.5.12)))(storybook@9.1.9(@testing-library/dom@8.20.1)(prettier@3.5.3)(vite@7.1.11(@types/node@18.19.31)(jiti@2.6.1)(less@4.4.0)(lightningcss@1.30.2)(sass-embedded@1.87.0)(sass@1.90.0)(stylus@0.64.0)(terser@5.43.1)(yaml@2.7.1)))(typescript@5.9.3)
       '@nx/workspace':
         specifier: 22.0.3
         version: 22.0.3(@swc-node/register@1.9.2(@swc/core@1.5.7(@swc/helpers@0.5.12))(@swc/types@0.1.7)(typescript@5.9.3))(@swc/core@1.5.7(@swc/helpers@0.5.12))
@@ -239,10 +242,10 @@ importers:
         version: 20.3.9(chokidar@4.0.3)
       '@storybook/addon-docs':
         specifier: 10.0.7
-        version: 10.0.7(@types/react@18.3.21)(esbuild@0.19.12)(rollup@4.40.2)(storybook@9.1.9(@testing-library/dom@8.20.1)(prettier@3.5.3)(vite@7.1.11(@types/node@18.19.31)(jiti@2.4.2)(less@4.4.0)(sass-embedded@1.87.0)(sass@1.90.0)(stylus@0.64.0)(terser@5.43.1)(yaml@2.7.1)))(vite@7.1.11(@types/node@18.19.31)(jiti@2.4.2)(less@4.4.0)(sass-embedded@1.87.0)(sass@1.90.0)(stylus@0.64.0)(terser@5.43.1)(yaml@2.7.1))(webpack@5.102.1(@swc/core@1.5.7(@swc/helpers@0.5.12))(esbuild@0.19.12))
+        version: 10.0.7(@types/react@18.3.21)(esbuild@0.19.12)(rollup@4.40.2)(storybook@9.1.9(@testing-library/dom@8.20.1)(prettier@3.5.3)(vite@7.1.11(@types/node@18.19.31)(jiti@2.6.1)(less@4.4.0)(lightningcss@1.30.2)(sass-embedded@1.87.0)(sass@1.90.0)(stylus@0.64.0)(terser@5.43.1)(yaml@2.7.1)))(vite@7.1.11(@types/node@18.19.31)(jiti@2.6.1)(less@4.4.0)(lightningcss@1.30.2)(sass-embedded@1.87.0)(sass@1.90.0)(stylus@0.64.0)(terser@5.43.1)(yaml@2.7.1))(webpack@5.102.1(@swc/core@1.5.7(@swc/helpers@0.5.12))(esbuild@0.19.12))
       '@storybook/angular':
         specifier: 9.1.9
-        version: 9.1.9(3099d193723a2c63b8d8f016695363e8)
+        version: 9.1.9(0ad06d0b0066d5efce2af126442e6313)
       '@swc-node/register':
         specifier: 1.9.2
         version: 1.9.2(@swc/core@1.5.7(@swc/helpers@0.5.12))(@swc/types@0.1.7)(typescript@5.9.3)
@@ -293,7 +296,7 @@ importers:
         version: 0.15.3(eslint@8.57.0)
       eslint-plugin-storybook:
         specifier: 9.1.9
-        version: 9.1.9(eslint@8.57.0)(storybook@9.1.9(@testing-library/dom@8.20.1)(prettier@3.5.3)(vite@7.1.11(@types/node@18.19.31)(jiti@2.4.2)(less@4.4.0)(sass-embedded@1.87.0)(sass@1.90.0)(stylus@0.64.0)(terser@5.43.1)(yaml@2.7.1)))(typescript@5.9.3)
+        version: 9.1.9(eslint@8.57.0)(storybook@9.1.9(@testing-library/dom@8.20.1)(prettier@3.5.3)(vite@7.1.11(@types/node@18.19.31)(jiti@2.6.1)(less@4.4.0)(lightningcss@1.30.2)(sass-embedded@1.87.0)(sass@1.90.0)(stylus@0.64.0)(terser@5.43.1)(yaml@2.7.1)))(typescript@5.9.3)
       husky:
         specifier: ^8.0.3
         version: 8.0.3
@@ -314,7 +317,7 @@ importers:
         version: 2.4.0
       ng-packagr:
         specifier: 20.3.1
-        version: 20.3.1(@angular/compiler-cli@20.3.10(@angular/compiler@20.3.10)(typescript@5.9.3))(tailwindcss@3.4.17(ts-node@10.9.1(@swc/core@1.5.7(@swc/helpers@0.5.12))(@types/node@18.19.31)(typescript@5.9.3)))(tslib@2.8.1)(typescript@5.9.3)
+        version: 20.3.1(@angular/compiler-cli@20.3.10(@angular/compiler@20.3.10)(typescript@5.9.3))(tailwindcss@4.1.17)(tslib@2.8.1)(typescript@5.9.3)
       nx:
         specifier: 22.0.3
         version: 22.0.3(@swc-node/register@1.9.2(@swc/core@1.5.7(@swc/helpers@0.5.12))(@swc/types@0.1.7)(typescript@5.9.3))(@swc/core@1.5.7(@swc/helpers@0.5.12))
@@ -334,17 +337,17 @@ importers:
         specifier: ^3.2.5
         version: 3.5.3
       prettier-plugin-tailwindcss:
-        specifier: ^0.5.14
-        version: 0.5.14(@ianvs/prettier-plugin-sort-imports@4.4.1(prettier@3.5.3))(prettier-plugin-organize-attributes@1.0.0(prettier@3.5.3))(prettier@3.5.3)
+        specifier: ^0.7.1
+        version: 0.7.1(@ianvs/prettier-plugin-sort-imports@4.4.1(prettier@3.5.3))(prettier-plugin-organize-attributes@1.0.0(prettier@3.5.3))(prettier@3.5.3)
       storybook:
         specifier: 9.1.9
-        version: 9.1.9(@testing-library/dom@8.20.1)(prettier@3.5.3)(vite@7.1.11(@types/node@18.19.31)(jiti@2.4.2)(less@4.4.0)(sass-embedded@1.87.0)(sass@1.90.0)(stylus@0.64.0)(terser@5.43.1)(yaml@2.7.1))
+        version: 9.1.9(@testing-library/dom@8.20.1)(prettier@3.5.3)(vite@7.1.11(@types/node@18.19.31)(jiti@2.6.1)(less@4.4.0)(lightningcss@1.30.2)(sass-embedded@1.87.0)(sass@1.90.0)(stylus@0.64.0)(terser@5.43.1)(yaml@2.7.1))
       svgo:
         specifier: ^3.3.2
         version: 3.3.2
       tailwindcss:
-        specifier: ^3.3.6
-        version: 3.4.17(ts-node@10.9.1(@swc/core@1.5.7(@swc/helpers@0.5.12))(@types/node@18.19.31)(typescript@5.9.3))
+        specifier: ^4.1.17
+        version: 4.1.17
       ts-jest:
         specifier: 29.4.5
         version: 29.4.5(@babel/core@7.28.5)(@jest/transform@30.2.0)(@jest/types@30.2.0)(babel-jest@30.2.0(@babel/core@7.28.5))(esbuild@0.19.12)(jest-util@29.7.0)(jest@29.7.0(@types/node@18.19.31)(babel-plugin-macros@3.1.0)(ts-node@10.9.1(@swc/core@1.5.7(@swc/helpers@0.5.12))(@types/node@18.19.31)(typescript@5.9.3)))(typescript@5.9.3)
@@ -2918,6 +2921,9 @@ packages:
   '@jridgewell/sourcemap-codec@1.5.0':
     resolution: {integrity: sha512-gv3ZRaISU3fjPAgNsriBRqGWQL6quFx04YMPW/zD8XMLsU32mhCCbfbO6KZFLjvYpCZ8zyDEgqsgf+PwPaM7GQ==}
 
+  '@jridgewell/sourcemap-codec@1.5.5':
+    resolution: {integrity: sha512-cYQ9310grqxueWbl+WuIUIaiUaDcj7WOq5fVhEljNVgRfOUhY9fy2zTvfoqWsnebh8Sl70VScFbICvJnLKB0Og==}
+
   '@jridgewell/trace-mapping@0.3.25':
     resolution: {integrity: sha512-vNk6aEwybGtawWmy/PzwnGDOjCkLWSD2wqvjGGAgOAwCGWySYXfYoxt00IJkTF+8Lb57DwOb3Aa0o9CApepiYQ==}
 
@@ -4261,6 +4267,94 @@ packages:
     peerDependencies:
       tailwindcss: '>=3.2.0'
 
+  '@tailwindcss/node@4.1.17':
+    resolution: {integrity: sha512-csIkHIgLb3JisEFQ0vxr2Y57GUNYh447C8xzwj89U/8fdW8LhProdxvnVH6U8M2Y73QKiTIH+LWbK3V2BBZsAg==}
+
+  '@tailwindcss/oxide-android-arm64@4.1.17':
+    resolution: {integrity: sha512-BMqpkJHgOZ5z78qqiGE6ZIRExyaHyuxjgrJ6eBO5+hfrfGkuya0lYfw8fRHG77gdTjWkNWEEm+qeG2cDMxArLQ==}
+    engines: {node: '>= 10'}
+    cpu: [arm64]
+    os: [android]
+
+  '@tailwindcss/oxide-darwin-arm64@4.1.17':
+    resolution: {integrity: sha512-EquyumkQweUBNk1zGEU/wfZo2qkp/nQKRZM8bUYO0J+Lums5+wl2CcG1f9BgAjn/u9pJzdYddHWBiFXJTcxmOg==}
+    engines: {node: '>= 10'}
+    cpu: [arm64]
+    os: [darwin]
+
+  '@tailwindcss/oxide-darwin-x64@4.1.17':
+    resolution: {integrity: sha512-gdhEPLzke2Pog8s12oADwYu0IAw04Y2tlmgVzIN0+046ytcgx8uZmCzEg4VcQh+AHKiS7xaL8kGo/QTiNEGRog==}
+    engines: {node: '>= 10'}
+    cpu: [x64]
+    os: [darwin]
+
+  '@tailwindcss/oxide-freebsd-x64@4.1.17':
+    resolution: {integrity: sha512-hxGS81KskMxML9DXsaXT1H0DyA+ZBIbyG/sSAjWNe2EDl7TkPOBI42GBV3u38itzGUOmFfCzk1iAjDXds8Oh0g==}
+    engines: {node: '>= 10'}
+    cpu: [x64]
+    os: [freebsd]
+
+  '@tailwindcss/oxide-linux-arm-gnueabihf@4.1.17':
+    resolution: {integrity: sha512-k7jWk5E3ldAdw0cNglhjSgv501u7yrMf8oeZ0cElhxU6Y2o7f8yqelOp3fhf7evjIS6ujTI3U8pKUXV2I4iXHQ==}
+    engines: {node: '>= 10'}
+    cpu: [arm]
+    os: [linux]
+
+  '@tailwindcss/oxide-linux-arm64-gnu@4.1.17':
+    resolution: {integrity: sha512-HVDOm/mxK6+TbARwdW17WrgDYEGzmoYayrCgmLEw7FxTPLcp/glBisuyWkFz/jb7ZfiAXAXUACfyItn+nTgsdQ==}
+    engines: {node: '>= 10'}
+    cpu: [arm64]
+    os: [linux]
+
+  '@tailwindcss/oxide-linux-arm64-musl@4.1.17':
+    resolution: {integrity: sha512-HvZLfGr42i5anKtIeQzxdkw/wPqIbpeZqe7vd3V9vI3RQxe3xU1fLjss0TjyhxWcBaipk7NYwSrwTwK1hJARMg==}
+    engines: {node: '>= 10'}
+    cpu: [arm64]
+    os: [linux]
+
+  '@tailwindcss/oxide-linux-x64-gnu@4.1.17':
+    resolution: {integrity: sha512-M3XZuORCGB7VPOEDH+nzpJ21XPvK5PyjlkSFkFziNHGLc5d6g3di2McAAblmaSUNl8IOmzYwLx9NsE7bplNkwQ==}
+    engines: {node: '>= 10'}
+    cpu: [x64]
+    os: [linux]
+
+  '@tailwindcss/oxide-linux-x64-musl@4.1.17':
+    resolution: {integrity: sha512-k7f+pf9eXLEey4pBlw+8dgfJHY4PZ5qOUFDyNf7SI6lHjQ9Zt7+NcscjpwdCEbYi6FI5c2KDTDWyf2iHcCSyyQ==}
+    engines: {node: '>= 10'}
+    cpu: [x64]
+    os: [linux]
+
+  '@tailwindcss/oxide-wasm32-wasi@4.1.17':
+    resolution: {integrity: sha512-cEytGqSSoy7zK4JRWiTCx43FsKP/zGr0CsuMawhH67ONlH+T79VteQeJQRO/X7L0juEUA8ZyuYikcRBf0vsxhg==}
+    engines: {node: '>=14.0.0'}
+    cpu: [wasm32]
+    bundledDependencies:
+      - '@napi-rs/wasm-runtime'
+      - '@emnapi/core'
+      - '@emnapi/runtime'
+      - '@tybys/wasm-util'
+      - '@emnapi/wasi-threads'
+      - tslib
+
+  '@tailwindcss/oxide-win32-arm64-msvc@4.1.17':
+    resolution: {integrity: sha512-JU5AHr7gKbZlOGvMdb4722/0aYbU+tN6lv1kONx0JK2cGsh7g148zVWLM0IKR3NeKLv+L90chBVYcJ8uJWbC9A==}
+    engines: {node: '>= 10'}
+    cpu: [arm64]
+    os: [win32]
+
+  '@tailwindcss/oxide-win32-x64-msvc@4.1.17':
+    resolution: {integrity: sha512-SKWM4waLuqx0IH+FMDUw6R66Hu4OuTALFgnleKbqhgGU30DY20NORZMZUKgLRjQXNN2TLzKvh48QXTig4h4bGw==}
+    engines: {node: '>= 10'}
+    cpu: [x64]
+    os: [win32]
+
+  '@tailwindcss/oxide@4.1.17':
+    resolution: {integrity: sha512-F0F7d01fmkQhsTjXezGBLdrl1KresJTcI3DB8EkScCldyKp3Msz4hub4uyYaVnk88BAS1g5DQjjF6F5qczheLA==}
+    engines: {node: '>= 10'}
+
+  '@tailwindcss/postcss@4.1.17':
+    resolution: {integrity: sha512-+nKl9N9mN5uJ+M7dBOOCzINw94MPstNR/GtIhz1fpZysxL/4a+No64jCBD6CPN+bIHWFx3KWuu8XJRrj/572Dw==}
+
   '@testing-library/dom@8.20.1':
     resolution: {integrity: sha512-/DiOQ5xBxgdYRC8LNk7U+RWat0S3qRLeIw3ZIkMQ9kkVlRmwD/Eg8k8CqIpD6GW7u20JIUOfMKbxtiLutpjQ4g==}
     engines: {node: '>=12'}
@@ -6196,6 +6290,10 @@ packages:
     resolution: {integrity: sha512-ZSW3ma5GkcQBIpwZTSRAI8N71Uuwgs93IezB7mf7R60tC8ZbJideoDNKjHn2O9KIlx6rkGTTEk1xUCK2E1Y2Yg==}
     engines: {node: '>=10.13.0'}
 
+  enhanced-resolve@5.18.3:
+    resolution: {integrity: sha512-d4lC8xfavMeBjzGr2vECC3fsGXziXZQyJxD868h2M/mBI3PwAuODxAkLkq5HYuvrPYcUtiLzsTo8U3PgX3Ocww==}
+    engines: {node: '>=10.13.0'}
+
   enquirer@2.3.6:
     resolution: {integrity: sha512-yjNnPr315/FjS4zIsUxYguYUPP2e1NK4d7E7ZOLiyYCcbFBiTMyID+2wvm2w6+pZ/odMA7cRkjhsPbltwBOrLg==}
     engines: {node: '>=8.6'}
@@ -7662,6 +7760,10 @@ packages:
     resolution: {integrity: sha512-rg9zJN+G4n2nfJl5MW3BMygZX56zKPNVEYYqq7adpmMh4Jn2QNEwhvQlFy6jPVdcod7txZtKHWnyZiA3a0zP7A==}
     hasBin: true
 
+  jiti@2.6.1:
+    resolution: {integrity: sha512-ekilCSN1jwRvIbgeg/57YFh8qQDNbwDb9xT/qu2DAHbFFZUicIl4ygVaAvzveMhMVr3LnpSKTNnwt8PoOfmKhQ==}
+    hasBin: true
+
   jquery@3.6.4:
     resolution: {integrity: sha512-v28EW9DWDFpzcD9O5iyJXg3R3+q+mET5JhnjJzQUZMHOv67bpSIHq81GEYpPNZHG+XXHsfSme3nxp/hndKEcsQ==}
 
@@ -7839,6 +7941,76 @@ packages:
       webpack:
         optional: true
 
+  lightningcss-android-arm64@1.30.2:
+    resolution: {integrity: sha512-BH9sEdOCahSgmkVhBLeU7Hc9DWeZ1Eb6wNS6Da8igvUwAe0sqROHddIlvU06q3WyXVEOYDZ6ykBZQnjTbmo4+A==}
+    engines: {node: '>= 12.0.0'}
+    cpu: [arm64]
+    os: [android]
+
+  lightningcss-darwin-arm64@1.30.2:
+    resolution: {integrity: sha512-ylTcDJBN3Hp21TdhRT5zBOIi73P6/W0qwvlFEk22fkdXchtNTOU4Qc37SkzV+EKYxLouZ6M4LG9NfZ1qkhhBWA==}
+    engines: {node: '>= 12.0.0'}
+    cpu: [arm64]
+    os: [darwin]
+
+  lightningcss-darwin-x64@1.30.2:
+    resolution: {integrity: sha512-oBZgKchomuDYxr7ilwLcyms6BCyLn0z8J0+ZZmfpjwg9fRVZIR5/GMXd7r9RH94iDhld3UmSjBM6nXWM2TfZTQ==}
+    engines: {node: '>= 12.0.0'}
+    cpu: [x64]
+    os: [darwin]
+
+  lightningcss-freebsd-x64@1.30.2:
+    resolution: {integrity: sha512-c2bH6xTrf4BDpK8MoGG4Bd6zAMZDAXS569UxCAGcA7IKbHNMlhGQ89eRmvpIUGfKWNVdbhSbkQaWhEoMGmGslA==}
+    engines: {node: '>= 12.0.0'}
+    cpu: [x64]
+    os: [freebsd]
+
+  lightningcss-linux-arm-gnueabihf@1.30.2:
+    resolution: {integrity: sha512-eVdpxh4wYcm0PofJIZVuYuLiqBIakQ9uFZmipf6LF/HRj5Bgm0eb3qL/mr1smyXIS1twwOxNWndd8z0E374hiA==}
+    engines: {node: '>= 12.0.0'}
+    cpu: [arm]
+    os: [linux]
+
+  lightningcss-linux-arm64-gnu@1.30.2:
+    resolution: {integrity: sha512-UK65WJAbwIJbiBFXpxrbTNArtfuznvxAJw4Q2ZGlU8kPeDIWEX1dg3rn2veBVUylA2Ezg89ktszWbaQnxD/e3A==}
+    engines: {node: '>= 12.0.0'}
+    cpu: [arm64]
+    os: [linux]
+
+  lightningcss-linux-arm64-musl@1.30.2:
+    resolution: {integrity: sha512-5Vh9dGeblpTxWHpOx8iauV02popZDsCYMPIgiuw97OJ5uaDsL86cnqSFs5LZkG3ghHoX5isLgWzMs+eD1YzrnA==}
+    engines: {node: '>= 12.0.0'}
+    cpu: [arm64]
+    os: [linux]
+
+  lightningcss-linux-x64-gnu@1.30.2:
+    resolution: {integrity: sha512-Cfd46gdmj1vQ+lR6VRTTadNHu6ALuw2pKR9lYq4FnhvgBc4zWY1EtZcAc6EffShbb1MFrIPfLDXD6Xprbnni4w==}
+    engines: {node: '>= 12.0.0'}
+    cpu: [x64]
+    os: [linux]
+
+  lightningcss-linux-x64-musl@1.30.2:
+    resolution: {integrity: sha512-XJaLUUFXb6/QG2lGIW6aIk6jKdtjtcffUT0NKvIqhSBY3hh9Ch+1LCeH80dR9q9LBjG3ewbDjnumefsLsP6aiA==}
+    engines: {node: '>= 12.0.0'}
+    cpu: [x64]
+    os: [linux]
+
+  lightningcss-win32-arm64-msvc@1.30.2:
+    resolution: {integrity: sha512-FZn+vaj7zLv//D/192WFFVA0RgHawIcHqLX9xuWiQt7P0PtdFEVaxgF9rjM/IRYHQXNnk61/H/gb2Ei+kUQ4xQ==}
+    engines: {node: '>= 12.0.0'}
+    cpu: [arm64]
+    os: [win32]
+
+  lightningcss-win32-x64-msvc@1.30.2:
+    resolution: {integrity: sha512-5g1yc73p+iAkid5phb4oVFMB45417DkRevRbt/El/gKXJk4jid+vPFF/AXbxn05Aky8PapwzZrdJShv5C0avjw==}
+    engines: {node: '>= 12.0.0'}
+    cpu: [x64]
+    os: [win32]
+
+  lightningcss@1.30.2:
+    resolution: {integrity: sha512-utfs7Pr5uJyyvDETitgsaqSyjCb2qNRAtuqUeWIAKztsOYdcACf2KtARYXg2pSvhkt+9NfoaNY7fxjl6nuMjIQ==}
+    engines: {node: '>= 12.0.0'}
+
   lilconfig@3.1.3:
     resolution: {integrity: sha512-/vlFKAoH5Cgt3Ie+JLhRbwOsCQePABiU3tJ1egGvyQ+33R/vcwM2Zl2QR/LzjsBeItPt3oSVXapn+m4nQDvpzw==}
     engines: {node: '>=14'}
@@ -7995,6 +8167,9 @@ packages:
   magic-string@0.30.17:
     resolution: {integrity: sha512-sNPKHvyjVf7gyjwS4xGTaW/mCnF8wnjtifKBEhxfZ7E/S8tQ0rssrwGNn6q8JH/ohItJfSQp9mBtQYuTlH5QnA==}
 
+  magic-string@0.30.21:
+    resolution: {integrity: sha512-vd2F4YUyEXKGcLHoq+TEyCjxueSeHnFxyyjNp80yg0XV4vUhnDer/lvvlqM/arB5bXQN5K2/3oinyCRyx8T2CQ==}
+
   make-dir@2.1.0:
     resolution: {integrity: sha512-LS9X+dc8KLxXCb8dni79fLIIUA5VyZoyjSMCwTluaXA0o27cCK0bhXkpgw+sTXVpPy/lSO57ilRixqk0vDmtRA==}
     engines: {node: '>=6'}
@@ -9223,55 +9398,58 @@ packages:
     peerDependencies:
       prettier: ^3.0.0
 
-  prettier-plugin-tailwindcss@0.5.14:
-    resolution: {integrity: sha512-Puaz+wPUAhFp8Lo9HuciYKM2Y2XExESjeT+9NQoVFXZsPPnc9VYss2SpxdQ6vbatmt8/4+SN0oe0I1cPDABg9Q==}
-    engines: {node: '>=14.21.3'}
+  prettier-plugin-tailwindcss@0.7.1:
+    resolution: {integrity: sha512-Bzv1LZcuiR1Sk02iJTS1QzlFNp/o5l2p3xkopwOrbPmtMeh3fK9rVW5M3neBQzHq+kGKj/4LGQMTNcTH4NGPtQ==}
+    engines: {node: '>=20.19'}
     peerDependencies:
       '@ianvs/prettier-plugin-sort-imports': '*'
+      '@prettier/plugin-hermes': '*'
+      '@prettier/plugin-oxc': '*'
       '@prettier/plugin-pug': '*'
       '@shopify/prettier-plugin-liquid': '*'
       '@trivago/prettier-plugin-sort-imports': '*'
-      '@zackad/prettier-plugin-twig-melody': '*'
+      '@zackad/prettier-plugin-twig': '*'
       prettier: ^3.0
       prettier-plugin-astro: '*'
       prettier-plugin-css-order: '*'
-      prettier-plugin-import-sort: '*'
       prettier-plugin-jsdoc: '*'
       prettier-plugin-marko: '*'
+      prettier-plugin-multiline-arrays: '*'
       prettier-plugin-organize-attributes: '*'
       prettier-plugin-organize-imports: '*'
       prettier-plugin-sort-imports: '*'
-      prettier-plugin-style-order: '*'
       prettier-plugin-svelte: '*'
     peerDependenciesMeta:
       '@ianvs/prettier-plugin-sort-imports':
         optional: true
+      '@prettier/plugin-hermes':
+        optional: true
+      '@prettier/plugin-oxc':
+        optional: true
       '@prettier/plugin-pug':
         optional: true
       '@shopify/prettier-plugin-liquid':
         optional: true
       '@trivago/prettier-plugin-sort-imports':
         optional: true
-      '@zackad/prettier-plugin-twig-melody':
+      '@zackad/prettier-plugin-twig':
         optional: true
       prettier-plugin-astro:
         optional: true
       prettier-plugin-css-order:
         optional: true
-      prettier-plugin-import-sort:
-        optional: true
       prettier-plugin-jsdoc:
         optional: true
       prettier-plugin-marko:
         optional: true
+      prettier-plugin-multiline-arrays:
+        optional: true
       prettier-plugin-organize-attributes:
         optional: true
       prettier-plugin-organize-imports:
         optional: true
       prettier-plugin-sort-imports:
         optional: true
-      prettier-plugin-style-order:
-        optional: true
       prettier-plugin-svelte:
         optional: true
 
@@ -10216,6 +10394,9 @@ packages:
     engines: {node: '>=14.0.0'}
     hasBin: true
 
+  tailwindcss@4.1.17:
+    resolution: {integrity: sha512-j9Ee2YjuQqYT9bbRTfTZht9W/ytp5H+jJpZKiYdP/bpnXARAuELt9ofP0lPnmHjbga7SNQIxdTAXCmtKVYjN+Q==}
+
   tapable@2.2.1:
     resolution: {integrity: sha512-GNzQvQTOIP6RyTfE2Qxb8ZVlNmw0n88vp1szwWRimP02mnTsx3Wtn5qRdqY9w2XduFNUgvOwhNnQsjwCp+kqaQ==}
     engines: {node: '>=6'}
@@ -11204,13 +11385,13 @@ snapshots:
     transitivePeerDependencies:
       - chokidar
 
-  '@angular-devkit/build-angular@20.3.9(07c342810e1f9e29ea1d4c37cfe117d7)':
+  '@angular-devkit/build-angular@20.3.9(62562d3deec3dada5e554722ab7f9eff)':
     dependencies:
       '@ampproject/remapping': 2.3.0
       '@angular-devkit/architect': 0.2003.9(chokidar@4.0.3)
       '@angular-devkit/build-webpack': 0.2003.9(chokidar@4.0.3)(webpack-dev-server@5.2.2(webpack@5.101.2(@swc/core@1.5.7(@swc/helpers@0.5.12))(esbuild@0.25.9)))(webpack@5.101.2(@swc/core@1.5.7(@swc/helpers@0.5.12))(esbuild@0.25.9))
       '@angular-devkit/core': 20.3.9(chokidar@4.0.3)
-      '@angular/build': 20.3.9(f7dd153c60ceb2703efebc1889d883fc)
+      '@angular/build': 20.3.9(1a7ab8a53ca57d969e91a72e439af1cf)
       '@angular/compiler-cli': 20.3.10(@angular/compiler@20.3.10)(typescript@5.9.3)
       '@babel/core': 7.28.3
       '@babel/generator': 7.28.3
@@ -11270,8 +11451,8 @@ snapshots:
       esbuild: 0.25.9
       jest: 29.7.0(@types/node@18.19.31)(babel-plugin-macros@3.1.0)(ts-node@10.9.1(@swc/core@1.5.7(@swc/helpers@0.5.12))(@types/node@18.19.31)(typescript@5.9.3))
       jest-environment-jsdom: 29.7.0
-      ng-packagr: 20.3.1(@angular/compiler-cli@20.3.10(@angular/compiler@20.3.10)(typescript@5.9.3))(tailwindcss@3.4.17(ts-node@10.9.1(@swc/core@1.5.7(@swc/helpers@0.5.12))(@types/node@18.19.31)(typescript@5.9.3)))(tslib@2.8.1)(typescript@5.9.3)
-      tailwindcss: 3.4.17(ts-node@10.9.1(@swc/core@1.5.7(@swc/helpers@0.5.12))(@types/node@18.19.31)(typescript@5.9.3))
+      ng-packagr: 20.3.1(@angular/compiler-cli@20.3.10(@angular/compiler@20.3.10)(typescript@5.9.3))(tailwindcss@4.1.17)(tslib@2.8.1)(typescript@5.9.3)
+      tailwindcss: 4.1.17
     transitivePeerDependencies:
       - '@angular/compiler'
       - '@rspack/core'
@@ -11367,7 +11548,7 @@ snapshots:
       '@angular/core': 20.3.10(@angular/compiler@20.3.10)(rxjs@7.8.2)(zone.js@0.14.4)
       tslib: 2.8.1
 
-  '@angular/build@20.3.9(bcf697eb4deb384b183b42c46ff0bd36)':
+  '@angular/build@20.3.9(1a7ab8a53ca57d969e91a72e439af1cf)':
     dependencies:
       '@ampproject/remapping': 2.3.0
       '@angular-devkit/architect': 0.2003.9(chokidar@4.0.3)
@@ -11377,7 +11558,7 @@ snapshots:
       '@babel/helper-annotate-as-pure': 7.27.3
       '@babel/helper-split-export-declaration': 7.24.7
       '@inquirer/confirm': 5.1.14(@types/node@18.19.31)
-      '@vitejs/plugin-basic-ssl': 2.1.0(vite@7.1.11(@types/node@18.19.31)(jiti@2.4.2)(less@4.4.0)(sass-embedded@1.87.0)(sass@1.90.0)(stylus@0.64.0)(terser@5.43.1)(yaml@2.7.1))
+      '@vitejs/plugin-basic-ssl': 2.1.0(vite@7.1.11(@types/node@18.19.31)(jiti@2.6.1)(less@4.4.0)(lightningcss@1.30.2)(sass-embedded@1.87.0)(sass@1.90.0)(stylus@0.64.0)(terser@5.43.1)(yaml@2.7.1))
       beasties: 0.3.5
       browserslist: 4.24.5
       esbuild: 0.25.9
@@ -11397,7 +11578,7 @@ snapshots:
       tinyglobby: 0.2.14
       tslib: 2.8.1
       typescript: 5.9.3
-      vite: 7.1.11(@types/node@18.19.31)(jiti@2.4.2)(less@4.4.0)(sass-embedded@1.87.0)(sass@1.90.0)(stylus@0.64.0)(terser@5.43.1)(yaml@2.7.1)
+      vite: 7.1.11(@types/node@18.19.31)(jiti@2.6.1)(less@4.4.0)(lightningcss@1.30.2)(sass-embedded@1.87.0)(sass@1.87.0)(stylus@0.64.0)(terser@5.43.1)(yaml@2.7.1)
       watchpack: 2.4.4
     optionalDependencies:
       '@angular/core': 20.3.10(@angular/compiler@20.3.10)(rxjs@7.8.2)(zone.js@0.14.4)
@@ -11406,9 +11587,9 @@ snapshots:
       '@angular/ssr': 20.3.9(5493558a63db6170fd80f97899ebc1e9)
       less: 4.4.0
       lmdb: 3.4.2
-      ng-packagr: 20.3.1(@angular/compiler-cli@20.3.10(@angular/compiler@20.3.10)(typescript@5.9.3))(tailwindcss@3.4.17(ts-node@10.9.1(@swc/core@1.5.7(@swc/helpers@0.5.12))(@types/node@18.19.31)(typescript@5.9.3)))(tslib@2.8.1)(typescript@5.9.3)
-      postcss: 8.5.3
-      tailwindcss: 3.4.17(ts-node@10.9.1(@swc/core@1.5.7(@swc/helpers@0.5.12))(@types/node@18.19.31)(typescript@5.9.3))
+      ng-packagr: 20.3.1(@angular/compiler-cli@20.3.10(@angular/compiler@20.3.10)(typescript@5.9.3))(tailwindcss@4.1.17)(tslib@2.8.1)(typescript@5.9.3)
+      postcss: 8.5.6
+      tailwindcss: 4.1.17
     transitivePeerDependencies:
       - '@types/node'
       - chokidar
@@ -11421,9 +11602,8 @@ snapshots:
       - terser
       - tsx
       - yaml
-    optional: true
 
-  '@angular/build@20.3.9(f7dd153c60ceb2703efebc1889d883fc)':
+  '@angular/build@20.3.9(fa424225fefc1e3748a1284c760da573)':
     dependencies:
       '@ampproject/remapping': 2.3.0
       '@angular-devkit/architect': 0.2003.9(chokidar@4.0.3)
@@ -11433,7 +11613,7 @@ snapshots:
       '@babel/helper-annotate-as-pure': 7.27.3
       '@babel/helper-split-export-declaration': 7.24.7
       '@inquirer/confirm': 5.1.14(@types/node@18.19.31)
-      '@vitejs/plugin-basic-ssl': 2.1.0(vite@7.1.11(@types/node@18.19.31)(jiti@2.4.2)(less@4.4.0)(sass-embedded@1.87.0)(sass@1.90.0)(stylus@0.64.0)(terser@5.43.1)(yaml@2.7.1))
+      '@vitejs/plugin-basic-ssl': 2.1.0(vite@7.1.11(@types/node@18.19.31)(jiti@2.6.1)(less@4.4.0)(lightningcss@1.30.2)(sass-embedded@1.87.0)(sass@1.90.0)(stylus@0.64.0)(terser@5.43.1)(yaml@2.7.1))
       beasties: 0.3.5
       browserslist: 4.24.5
       esbuild: 0.25.9
@@ -11453,7 +11633,7 @@ snapshots:
       tinyglobby: 0.2.14
       tslib: 2.8.1
       typescript: 5.9.3
-      vite: 7.1.11(@types/node@18.19.31)(jiti@2.4.2)(less@4.4.0)(sass-embedded@1.87.0)(sass@1.87.0)(stylus@0.64.0)(terser@5.43.1)(yaml@2.7.1)
+      vite: 7.1.11(@types/node@18.19.31)(jiti@2.6.1)(less@4.4.0)(lightningcss@1.30.2)(sass-embedded@1.87.0)(sass@1.90.0)(stylus@0.64.0)(terser@5.43.1)(yaml@2.7.1)
       watchpack: 2.4.4
     optionalDependencies:
       '@angular/core': 20.3.10(@angular/compiler@20.3.10)(rxjs@7.8.2)(zone.js@0.14.4)
@@ -11462,9 +11642,9 @@ snapshots:
       '@angular/ssr': 20.3.9(5493558a63db6170fd80f97899ebc1e9)
       less: 4.4.0
       lmdb: 3.4.2
-      ng-packagr: 20.3.1(@angular/compiler-cli@20.3.10(@angular/compiler@20.3.10)(typescript@5.9.3))(tailwindcss@3.4.17(ts-node@10.9.1(@swc/core@1.5.7(@swc/helpers@0.5.12))(@types/node@18.19.31)(typescript@5.9.3)))(tslib@2.8.1)(typescript@5.9.3)
-      postcss: 8.5.6
-      tailwindcss: 3.4.17(ts-node@10.9.1(@swc/core@1.5.7(@swc/helpers@0.5.12))(@types/node@18.19.31)(typescript@5.9.3))
+      ng-packagr: 20.3.1(@angular/compiler-cli@20.3.10(@angular/compiler@20.3.10)(typescript@5.9.3))(tailwindcss@4.1.17)(tslib@2.8.1)(typescript@5.9.3)
+      postcss: 8.5.3
+      tailwindcss: 4.1.17
     transitivePeerDependencies:
       - '@types/node'
       - chokidar
@@ -11477,6 +11657,7 @@ snapshots:
       - terser
       - tsx
       - yaml
+    optional: true
 
   '@angular/cdk@20.2.12(@angular/common@20.3.10(@angular/core@20.3.10(@angular/compiler@20.3.10)(rxjs@7.8.2)(zone.js@0.14.4))(rxjs@7.8.2))(@angular/core@20.3.10(@angular/compiler@20.3.10)(rxjs@7.8.2)(zone.js@0.14.4))(rxjs@7.8.2)':
     dependencies:
@@ -14235,13 +14416,13 @@ snapshots:
 
   '@jest/source-map@29.6.3':
     dependencies:
-      '@jridgewell/trace-mapping': 0.3.25
+      '@jridgewell/trace-mapping': 0.3.31
       callsites: 3.1.0
       graceful-fs: 4.2.11
 
   '@jest/source-map@30.0.1':
     dependencies:
-      '@jridgewell/trace-mapping': 0.3.25
+      '@jridgewell/trace-mapping': 0.3.31
       callsites: 3.1.0
       graceful-fs: 4.2.11
 
@@ -14345,8 +14526,8 @@ snapshots:
 
   '@jridgewell/remapping@2.3.5':
     dependencies:
-      '@jridgewell/gen-mapping': 0.3.8
-      '@jridgewell/trace-mapping': 0.3.25
+      '@jridgewell/gen-mapping': 0.3.13
+      '@jridgewell/trace-mapping': 0.3.31
 
   '@jridgewell/resolve-uri@3.1.2': {}
 
@@ -14359,6 +14540,8 @@ snapshots:
 
   '@jridgewell/sourcemap-codec@1.5.0': {}
 
+  '@jridgewell/sourcemap-codec@1.5.5': {}
+
   '@jridgewell/trace-mapping@0.3.25':
     dependencies:
       '@jridgewell/resolve-uri': 3.1.2
@@ -14372,7 +14555,7 @@ snapshots:
   '@jridgewell/trace-mapping@0.3.9':
     dependencies:
       '@jridgewell/resolve-uri': 3.1.2
-      '@jridgewell/sourcemap-codec': 1.5.0
+      '@jridgewell/sourcemap-codec': 1.5.5
 
   '@jsonjoy.com/base64@1.1.2(tslib@2.8.1)':
     dependencies:
@@ -14955,7 +15138,7 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
-  '@nx/angular@22.0.3(9d0af0da78334cbaf27592730c6b7c86)':
+  '@nx/angular@22.0.3(ac5ec93d67644fa7318fd44b037fb17c)':
     dependencies:
       '@angular-devkit/core': 20.3.9(chokidar@4.0.3)
       '@angular-devkit/schematics': 20.3.9(chokidar@4.0.3)
@@ -14965,7 +15148,7 @@ snapshots:
       '@nx/module-federation': 22.0.3(@babel/traverse@7.28.5)(@swc-node/register@1.9.2(@swc/core@1.5.7(@swc/helpers@0.5.12))(@swc/types@0.1.7)(typescript@5.9.3))(@swc/core@1.5.7(@swc/helpers@0.5.12))(@swc/helpers@0.5.12)(esbuild@0.19.12)(nx@22.0.3(@swc-node/register@1.9.2(@swc/core@1.5.7(@swc/helpers@0.5.12))(@swc/types@0.1.7)(typescript@5.9.3))(@swc/core@1.5.7(@swc/helpers@0.5.12)))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(typescript@5.9.3)
       '@nx/rspack': 22.0.3(@babel/traverse@7.28.5)(@module-federation/enhanced@0.21.4(@rspack/core@1.6.2(@swc/helpers@0.5.12))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(typescript@5.9.3)(webpack@5.102.1(@swc/core@1.5.7(@swc/helpers@0.5.12))(esbuild@0.19.12)))(@module-federation/node@2.7.23(@rspack/core@1.6.2(@swc/helpers@0.5.12))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(typescript@5.9.3)(webpack@5.102.1(@swc/core@1.5.7(@swc/helpers@0.5.12))(esbuild@0.19.12)))(@swc-node/register@1.9.2(@swc/core@1.5.7(@swc/helpers@0.5.12))(@swc/types@0.1.7)(typescript@5.9.3))(@swc/core@1.5.7(@swc/helpers@0.5.12))(@swc/helpers@0.5.12)(@types/express@4.17.21)(esbuild@0.19.12)(less@4.4.0)(nx@22.0.3(@swc-node/register@1.9.2(@swc/core@1.5.7(@swc/helpers@0.5.12))(@swc/types@0.1.7)(typescript@5.9.3))(@swc/core@1.5.7(@swc/helpers@0.5.12)))(react-dom@18.3.1(react@18.3.1))(react-refresh@0.17.0)(react@18.3.1)(typescript@5.9.3)(webpack-hot-middleware@2.26.1)
       '@nx/web': 22.0.3(@babel/traverse@7.28.5)(@swc-node/register@1.9.2(@swc/core@1.5.7(@swc/helpers@0.5.12))(@swc/types@0.1.7)(typescript@5.9.3))(@swc/core@1.5.7(@swc/helpers@0.5.12))(nx@22.0.3(@swc-node/register@1.9.2(@swc/core@1.5.7(@swc/helpers@0.5.12))(@swc/types@0.1.7)(typescript@5.9.3))(@swc/core@1.5.7(@swc/helpers@0.5.12)))
-      '@nx/webpack': 22.0.3(@babel/traverse@7.28.5)(@rspack/core@1.6.2(@swc/helpers@0.5.12))(@swc-node/register@1.9.2(@swc/core@1.5.7(@swc/helpers@0.5.12))(@swc/types@0.1.7)(typescript@5.9.3))(@swc/core@1.5.7(@swc/helpers@0.5.12))(esbuild@0.19.12)(html-webpack-plugin@5.6.3(@rspack/core@1.6.2(@swc/helpers@0.5.12))(webpack@5.102.1(@swc/core@1.5.7(@swc/helpers@0.5.12))(esbuild@0.19.12)))(nx@22.0.3(@swc-node/register@1.9.2(@swc/core@1.5.7(@swc/helpers@0.5.12))(@swc/types@0.1.7)(typescript@5.9.3))(@swc/core@1.5.7(@swc/helpers@0.5.12)))(typescript@5.9.3)
+      '@nx/webpack': 22.0.3(@babel/traverse@7.28.5)(@rspack/core@1.6.2(@swc/helpers@0.5.12))(@swc-node/register@1.9.2(@swc/core@1.5.7(@swc/helpers@0.5.12))(@swc/types@0.1.7)(typescript@5.9.3))(@swc/core@1.5.7(@swc/helpers@0.5.12))(esbuild@0.19.12)(html-webpack-plugin@5.6.3(@rspack/core@1.6.2(@swc/helpers@0.5.12))(webpack@5.102.1(@swc/core@1.5.7(@swc/helpers@0.5.12))(esbuild@0.19.12)))(lightningcss@1.30.2)(nx@22.0.3(@swc-node/register@1.9.2(@swc/core@1.5.7(@swc/helpers@0.5.12))(@swc/types@0.1.7)(typescript@5.9.3))(@swc/core@1.5.7(@swc/helpers@0.5.12)))(typescript@5.9.3)
       '@nx/workspace': 22.0.3(@swc-node/register@1.9.2(@swc/core@1.5.7(@swc/helpers@0.5.12))(@swc/types@0.1.7)(typescript@5.9.3))(@swc/core@1.5.7(@swc/helpers@0.5.12))
       '@phenomnomnominal/tsquery': 5.0.1(typescript@5.9.3)
       '@schematics/angular': 20.3.9(chokidar@4.0.3)
@@ -14979,9 +15162,9 @@ snapshots:
       tslib: 2.8.1
       webpack-merge: 5.10.0
     optionalDependencies:
-      '@angular-devkit/build-angular': 20.3.9(07c342810e1f9e29ea1d4c37cfe117d7)
-      '@angular/build': 20.3.9(bcf697eb4deb384b183b42c46ff0bd36)
-      ng-packagr: 20.3.1(@angular/compiler-cli@20.3.10(@angular/compiler@20.3.10)(typescript@5.9.3))(tailwindcss@3.4.17(ts-node@10.9.1(@swc/core@1.5.7(@swc/helpers@0.5.12))(@types/node@18.19.31)(typescript@5.9.3)))(tslib@2.8.1)(typescript@5.9.3)
+      '@angular-devkit/build-angular': 20.3.9(62562d3deec3dada5e554722ab7f9eff)
+      '@angular/build': 20.3.9(fa424225fefc1e3748a1284c760da573)
+      ng-packagr: 20.3.1(@angular/compiler-cli@20.3.10(@angular/compiler@20.3.10)(typescript@5.9.3))(tailwindcss@4.1.17)(tslib@2.8.1)(typescript@5.9.3)
     transitivePeerDependencies:
       - '@babel/traverse'
       - '@module-federation/enhanced'
@@ -15316,7 +15499,7 @@ snapshots:
       '@rspack/core': 1.6.2(@swc/helpers@0.5.12)
       '@rspack/dev-server': 1.1.4(@rspack/core@1.6.2(@swc/helpers@0.5.12))(@types/express@4.17.21)(webpack@5.102.1(@swc/core@1.5.7(@swc/helpers@0.5.12))(esbuild@0.19.12))
       '@rspack/plugin-react-refresh': 1.4.2(react-refresh@0.17.0)(webpack-hot-middleware@2.26.1)
-      autoprefixer: 10.4.21(postcss@8.5.3)
+      autoprefixer: 10.4.21(postcss@8.5.6)
       browserslist: 4.24.5
       css-loader: 6.11.0(@rspack/core@1.6.2(@swc/helpers@0.5.12))(webpack@5.102.1(@swc/core@1.5.7(@swc/helpers@0.5.12))(esbuild@0.19.12))
       enquirer: 2.3.6
@@ -15327,9 +15510,9 @@ snapshots:
       loader-utils: 2.0.4
       parse5: 4.0.0
       picocolors: 1.1.1
-      postcss: 8.5.3
-      postcss-import: 14.1.0(postcss@8.5.3)
-      postcss-loader: 8.1.1(@rspack/core@1.6.2(@swc/helpers@0.5.12))(postcss@8.5.3)(typescript@5.9.3)(webpack@5.102.1(@swc/core@1.5.7(@swc/helpers@0.5.12))(esbuild@0.19.12))
+      postcss: 8.5.6
+      postcss-import: 14.1.0(postcss@8.5.6)
+      postcss-loader: 8.1.1(@rspack/core@1.6.2(@swc/helpers@0.5.12))(postcss@8.5.6)(typescript@5.9.3)(webpack@5.102.1(@swc/core@1.5.7(@swc/helpers@0.5.12))(esbuild@0.19.12))
       sass: 1.87.0
       sass-embedded: 1.87.0
       sass-loader: 16.0.5(@rspack/core@1.6.2(@swc/helpers@0.5.12))(sass-embedded@1.87.0)(sass@1.87.0)(webpack@5.102.1(@swc/core@1.5.7(@swc/helpers@0.5.12))(esbuild@0.19.12))
@@ -15364,7 +15547,7 @@ snapshots:
       - webpack-cli
       - webpack-hot-middleware
 
-  '@nx/storybook@22.0.3(@babel/traverse@7.28.5)(@swc-node/register@1.9.2(@swc/core@1.5.7(@swc/helpers@0.5.12))(@swc/types@0.1.7)(typescript@5.9.3))(@swc/core@1.5.7(@swc/helpers@0.5.12))(@zkochan/js-yaml@0.0.7)(eslint@8.57.0)(nx@22.0.3(@swc-node/register@1.9.2(@swc/core@1.5.7(@swc/helpers@0.5.12))(@swc/types@0.1.7)(typescript@5.9.3))(@swc/core@1.5.7(@swc/helpers@0.5.12)))(storybook@9.1.9(@testing-library/dom@8.20.1)(prettier@3.5.3)(vite@7.1.11(@types/node@18.19.31)(jiti@2.4.2)(less@4.4.0)(sass-embedded@1.87.0)(sass@1.90.0)(stylus@0.64.0)(terser@5.43.1)(yaml@2.7.1)))(typescript@5.9.3)':
+  '@nx/storybook@22.0.3(@babel/traverse@7.28.5)(@swc-node/register@1.9.2(@swc/core@1.5.7(@swc/helpers@0.5.12))(@swc/types@0.1.7)(typescript@5.9.3))(@swc/core@1.5.7(@swc/helpers@0.5.12))(@zkochan/js-yaml@0.0.7)(eslint@8.57.0)(nx@22.0.3(@swc-node/register@1.9.2(@swc/core@1.5.7(@swc/helpers@0.5.12))(@swc/types@0.1.7)(typescript@5.9.3))(@swc/core@1.5.7(@swc/helpers@0.5.12)))(storybook@9.1.9(@testing-library/dom@8.20.1)(prettier@3.5.3)(vite@7.1.11(@types/node@18.19.31)(jiti@2.6.1)(less@4.4.0)(lightningcss@1.30.2)(sass-embedded@1.87.0)(sass@1.90.0)(stylus@0.64.0)(terser@5.43.1)(yaml@2.7.1)))(typescript@5.9.3)':
     dependencies:
       '@nx/cypress': 22.0.3(@babel/traverse@7.28.5)(@swc-node/register@1.9.2(@swc/core@1.5.7(@swc/helpers@0.5.12))(@swc/types@0.1.7)(typescript@5.9.3))(@swc/core@1.5.7(@swc/helpers@0.5.12))(@zkochan/js-yaml@0.0.7)(eslint@8.57.0)(nx@22.0.3(@swc-node/register@1.9.2(@swc/core@1.5.7(@swc/helpers@0.5.12))(@swc/types@0.1.7)(typescript@5.9.3))(@swc/core@1.5.7(@swc/helpers@0.5.12)))(typescript@5.9.3)
       '@nx/devkit': 22.0.3(nx@22.0.3(@swc-node/register@1.9.2(@swc/core@1.5.7(@swc/helpers@0.5.12))(@swc/types@0.1.7)(typescript@5.9.3))(@swc/core@1.5.7(@swc/helpers@0.5.12)))
@@ -15372,7 +15555,7 @@ snapshots:
       '@nx/js': 22.0.3(@babel/traverse@7.28.5)(@swc-node/register@1.9.2(@swc/core@1.5.7(@swc/helpers@0.5.12))(@swc/types@0.1.7)(typescript@5.9.3))(@swc/core@1.5.7(@swc/helpers@0.5.12))(nx@22.0.3(@swc-node/register@1.9.2(@swc/core@1.5.7(@swc/helpers@0.5.12))(@swc/types@0.1.7)(typescript@5.9.3))(@swc/core@1.5.7(@swc/helpers@0.5.12)))
       '@phenomnomnominal/tsquery': 5.0.1(typescript@5.9.3)
       semver: 7.7.1
-      storybook: 9.1.9(@testing-library/dom@8.20.1)(prettier@3.5.3)(vite@7.1.11(@types/node@18.19.31)(jiti@2.4.2)(less@4.4.0)(sass-embedded@1.87.0)(sass@1.90.0)(stylus@0.64.0)(terser@5.43.1)(yaml@2.7.1))
+      storybook: 9.1.9(@testing-library/dom@8.20.1)(prettier@3.5.3)(vite@7.1.11(@types/node@18.19.31)(jiti@2.6.1)(less@4.4.0)(lightningcss@1.30.2)(sass-embedded@1.87.0)(sass@1.90.0)(stylus@0.64.0)(terser@5.43.1)(yaml@2.7.1))
       tslib: 2.8.1
     transitivePeerDependencies:
       - '@babel/traverse'
@@ -15404,19 +15587,19 @@ snapshots:
       - supports-color
       - verdaccio
 
-  '@nx/webpack@22.0.3(@babel/traverse@7.28.5)(@rspack/core@1.6.2(@swc/helpers@0.5.12))(@swc-node/register@1.9.2(@swc/core@1.5.7(@swc/helpers@0.5.12))(@swc/types@0.1.7)(typescript@5.9.3))(@swc/core@1.5.7(@swc/helpers@0.5.12))(esbuild@0.19.12)(html-webpack-plugin@5.6.3(@rspack/core@1.6.2(@swc/helpers@0.5.12))(webpack@5.102.1(@swc/core@1.5.7(@swc/helpers@0.5.12))(esbuild@0.19.12)))(nx@22.0.3(@swc-node/register@1.9.2(@swc/core@1.5.7(@swc/helpers@0.5.12))(@swc/types@0.1.7)(typescript@5.9.3))(@swc/core@1.5.7(@swc/helpers@0.5.12)))(typescript@5.9.3)':
+  '@nx/webpack@22.0.3(@babel/traverse@7.28.5)(@rspack/core@1.6.2(@swc/helpers@0.5.12))(@swc-node/register@1.9.2(@swc/core@1.5.7(@swc/helpers@0.5.12))(@swc/types@0.1.7)(typescript@5.9.3))(@swc/core@1.5.7(@swc/helpers@0.5.12))(esbuild@0.19.12)(html-webpack-plugin@5.6.3(@rspack/core@1.6.2(@swc/helpers@0.5.12))(webpack@5.102.1(@swc/core@1.5.7(@swc/helpers@0.5.12))(esbuild@0.19.12)))(lightningcss@1.30.2)(nx@22.0.3(@swc-node/register@1.9.2(@swc/core@1.5.7(@swc/helpers@0.5.12))(@swc/types@0.1.7)(typescript@5.9.3))(@swc/core@1.5.7(@swc/helpers@0.5.12)))(typescript@5.9.3)':
     dependencies:
       '@babel/core': 7.27.1
       '@nx/devkit': 22.0.3(nx@22.0.3(@swc-node/register@1.9.2(@swc/core@1.5.7(@swc/helpers@0.5.12))(@swc/types@0.1.7)(typescript@5.9.3))(@swc/core@1.5.7(@swc/helpers@0.5.12)))
       '@nx/js': 22.0.3(@babel/traverse@7.28.5)(@swc-node/register@1.9.2(@swc/core@1.5.7(@swc/helpers@0.5.12))(@swc/types@0.1.7)(typescript@5.9.3))(@swc/core@1.5.7(@swc/helpers@0.5.12))(nx@22.0.3(@swc-node/register@1.9.2(@swc/core@1.5.7(@swc/helpers@0.5.12))(@swc/types@0.1.7)(typescript@5.9.3))(@swc/core@1.5.7(@swc/helpers@0.5.12)))
       '@phenomnomnominal/tsquery': 5.0.1(typescript@5.9.3)
       ajv: 8.17.1
-      autoprefixer: 10.4.21(postcss@8.5.3)
+      autoprefixer: 10.4.21(postcss@8.5.6)
       babel-loader: 9.2.1(@babel/core@7.27.1)(webpack@5.102.1(@swc/core@1.5.7(@swc/helpers@0.5.12))(esbuild@0.19.12))
       browserslist: 4.24.5
       copy-webpack-plugin: 10.2.4(webpack@5.102.1(@swc/core@1.5.7(@swc/helpers@0.5.12))(esbuild@0.19.12))
       css-loader: 6.11.0(@rspack/core@1.6.2(@swc/helpers@0.5.12))(webpack@5.102.1(@swc/core@1.5.7(@swc/helpers@0.5.12))(esbuild@0.19.12))
-      css-minimizer-webpack-plugin: 5.0.1(esbuild@0.19.12)(webpack@5.102.1(@swc/core@1.5.7(@swc/helpers@0.5.12))(esbuild@0.19.12))
+      css-minimizer-webpack-plugin: 5.0.1(esbuild@0.19.12)(lightningcss@1.30.2)(webpack@5.102.1(@swc/core@1.5.7(@swc/helpers@0.5.12))(esbuild@0.19.12))
       fork-ts-checker-webpack-plugin: 7.2.13(typescript@5.9.3)(webpack@5.102.1(@swc/core@1.5.7(@swc/helpers@0.5.12))(esbuild@0.19.12))
       less: 4.3.0
       less-loader: 11.1.0(less@4.3.0)(webpack@5.102.1(@swc/core@1.5.7(@swc/helpers@0.5.12))(esbuild@0.19.12))
@@ -15425,9 +15608,9 @@ snapshots:
       mini-css-extract-plugin: 2.4.7(webpack@5.102.1(@swc/core@1.5.7(@swc/helpers@0.5.12))(esbuild@0.19.12))
       parse5: 4.0.0
       picocolors: 1.1.1
-      postcss: 8.5.3
-      postcss-import: 14.1.0(postcss@8.5.3)
-      postcss-loader: 6.2.1(postcss@8.5.3)(webpack@5.102.1(@swc/core@1.5.7(@swc/helpers@0.5.12))(esbuild@0.19.12))
+      postcss: 8.5.6
+      postcss-import: 14.1.0(postcss@8.5.6)
+      postcss-loader: 6.2.1(postcss@8.5.6)(webpack@5.102.1(@swc/core@1.5.7(@swc/helpers@0.5.12))(esbuild@0.19.12))
       rxjs: 7.8.2
       sass: 1.87.0
       sass-embedded: 1.87.0
@@ -15903,15 +16086,15 @@ snapshots:
     dependencies:
       '@sinonjs/commons': 3.0.1
 
-  '@storybook/addon-docs@10.0.7(@types/react@18.3.21)(esbuild@0.19.12)(rollup@4.40.2)(storybook@9.1.9(@testing-library/dom@8.20.1)(prettier@3.5.3)(vite@7.1.11(@types/node@18.19.31)(jiti@2.4.2)(less@4.4.0)(sass-embedded@1.87.0)(sass@1.90.0)(stylus@0.64.0)(terser@5.43.1)(yaml@2.7.1)))(vite@7.1.11(@types/node@18.19.31)(jiti@2.4.2)(less@4.4.0)(sass-embedded@1.87.0)(sass@1.90.0)(stylus@0.64.0)(terser@5.43.1)(yaml@2.7.1))(webpack@5.102.1(@swc/core@1.5.7(@swc/helpers@0.5.12))(esbuild@0.19.12))':
+  '@storybook/addon-docs@10.0.7(@types/react@18.3.21)(esbuild@0.19.12)(rollup@4.40.2)(storybook@9.1.9(@testing-library/dom@8.20.1)(prettier@3.5.3)(vite@7.1.11(@types/node@18.19.31)(jiti@2.6.1)(less@4.4.0)(lightningcss@1.30.2)(sass-embedded@1.87.0)(sass@1.90.0)(stylus@0.64.0)(terser@5.43.1)(yaml@2.7.1)))(vite@7.1.11(@types/node@18.19.31)(jiti@2.6.1)(less@4.4.0)(lightningcss@1.30.2)(sass-embedded@1.87.0)(sass@1.90.0)(stylus@0.64.0)(terser@5.43.1)(yaml@2.7.1))(webpack@5.102.1(@swc/core@1.5.7(@swc/helpers@0.5.12))(esbuild@0.19.12))':
     dependencies:
       '@mdx-js/react': 3.1.0(@types/react@18.3.21)(react@18.3.1)
-      '@storybook/csf-plugin': 10.0.7(esbuild@0.19.12)(rollup@4.40.2)(storybook@9.1.9(@testing-library/dom@8.20.1)(prettier@3.5.3)(vite@7.1.11(@types/node@18.19.31)(jiti@2.4.2)(less@4.4.0)(sass-embedded@1.87.0)(sass@1.90.0)(stylus@0.64.0)(terser@5.43.1)(yaml@2.7.1)))(vite@7.1.11(@types/node@18.19.31)(jiti@2.4.2)(less@4.4.0)(sass-embedded@1.87.0)(sass@1.90.0)(stylus@0.64.0)(terser@5.43.1)(yaml@2.7.1))(webpack@5.102.1(@swc/core@1.5.7(@swc/helpers@0.5.12))(esbuild@0.19.12))
+      '@storybook/csf-plugin': 10.0.7(esbuild@0.19.12)(rollup@4.40.2)(storybook@9.1.9(@testing-library/dom@8.20.1)(prettier@3.5.3)(vite@7.1.11(@types/node@18.19.31)(jiti@2.6.1)(less@4.4.0)(lightningcss@1.30.2)(sass-embedded@1.87.0)(sass@1.90.0)(stylus@0.64.0)(terser@5.43.1)(yaml@2.7.1)))(vite@7.1.11(@types/node@18.19.31)(jiti@2.6.1)(less@4.4.0)(lightningcss@1.30.2)(sass-embedded@1.87.0)(sass@1.90.0)(stylus@0.64.0)(terser@5.43.1)(yaml@2.7.1))(webpack@5.102.1(@swc/core@1.5.7(@swc/helpers@0.5.12))(esbuild@0.19.12))
       '@storybook/icons': 1.6.0(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      '@storybook/react-dom-shim': 10.0.7(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(storybook@9.1.9(@testing-library/dom@8.20.1)(prettier@3.5.3)(vite@7.1.11(@types/node@18.19.31)(jiti@2.4.2)(less@4.4.0)(sass-embedded@1.87.0)(sass@1.90.0)(stylus@0.64.0)(terser@5.43.1)(yaml@2.7.1)))
+      '@storybook/react-dom-shim': 10.0.7(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(storybook@9.1.9(@testing-library/dom@8.20.1)(prettier@3.5.3)(vite@7.1.11(@types/node@18.19.31)(jiti@2.6.1)(less@4.4.0)(lightningcss@1.30.2)(sass-embedded@1.87.0)(sass@1.90.0)(stylus@0.64.0)(terser@5.43.1)(yaml@2.7.1)))
       react: 18.3.1
       react-dom: 18.3.1(react@18.3.1)
-      storybook: 9.1.9(@testing-library/dom@8.20.1)(prettier@3.5.3)(vite@7.1.11(@types/node@18.19.31)(jiti@2.4.2)(less@4.4.0)(sass-embedded@1.87.0)(sass@1.90.0)(stylus@0.64.0)(terser@5.43.1)(yaml@2.7.1))
+      storybook: 9.1.9(@testing-library/dom@8.20.1)(prettier@3.5.3)(vite@7.1.11(@types/node@18.19.31)(jiti@2.6.1)(less@4.4.0)(lightningcss@1.30.2)(sass-embedded@1.87.0)(sass@1.90.0)(stylus@0.64.0)(terser@5.43.1)(yaml@2.7.1))
       ts-dedent: 2.2.0
     transitivePeerDependencies:
       - '@types/react'
@@ -15920,10 +16103,10 @@ snapshots:
       - vite
       - webpack
 
-  '@storybook/angular@9.1.9(3099d193723a2c63b8d8f016695363e8)':
+  '@storybook/angular@9.1.9(0ad06d0b0066d5efce2af126442e6313)':
     dependencies:
       '@angular-devkit/architect': 0.2003.9(chokidar@4.0.3)
-      '@angular-devkit/build-angular': 20.3.9(07c342810e1f9e29ea1d4c37cfe117d7)
+      '@angular-devkit/build-angular': 20.3.9(62562d3deec3dada5e554722ab7f9eff)
       '@angular-devkit/core': 20.3.9(chokidar@4.0.3)
       '@angular/common': 20.3.10(@angular/core@20.3.10(@angular/compiler@20.3.10)(rxjs@7.8.2)(zone.js@0.14.4))(rxjs@7.8.2)
       '@angular/compiler': 20.3.10
@@ -15932,10 +16115,10 @@ snapshots:
       '@angular/forms': 20.3.10(@angular/common@20.3.10(@angular/core@20.3.10(@angular/compiler@20.3.10)(rxjs@7.8.2)(zone.js@0.14.4))(rxjs@7.8.2))(@angular/core@20.3.10(@angular/compiler@20.3.10)(rxjs@7.8.2)(zone.js@0.14.4))(@angular/platform-browser@20.3.10(@angular/animations@20.3.10(@angular/core@20.3.10(@angular/compiler@20.3.10)(rxjs@7.8.2)(zone.js@0.14.4)))(@angular/common@20.3.10(@angular/core@20.3.10(@angular/compiler@20.3.10)(rxjs@7.8.2)(zone.js@0.14.4))(rxjs@7.8.2))(@angular/core@20.3.10(@angular/compiler@20.3.10)(rxjs@7.8.2)(zone.js@0.14.4)))(rxjs@7.8.2)
       '@angular/platform-browser': 20.3.10(@angular/animations@20.3.10(@angular/core@20.3.10(@angular/compiler@20.3.10)(rxjs@7.8.2)(zone.js@0.14.4)))(@angular/common@20.3.10(@angular/core@20.3.10(@angular/compiler@20.3.10)(rxjs@7.8.2)(zone.js@0.14.4))(rxjs@7.8.2))(@angular/core@20.3.10(@angular/compiler@20.3.10)(rxjs@7.8.2)(zone.js@0.14.4))
       '@angular/platform-browser-dynamic': 20.3.10(@angular/common@20.3.10(@angular/core@20.3.10(@angular/compiler@20.3.10)(rxjs@7.8.2)(zone.js@0.14.4))(rxjs@7.8.2))(@angular/compiler@20.3.10)(@angular/core@20.3.10(@angular/compiler@20.3.10)(rxjs@7.8.2)(zone.js@0.14.4))(@angular/platform-browser@20.3.10(@angular/animations@20.3.10(@angular/core@20.3.10(@angular/compiler@20.3.10)(rxjs@7.8.2)(zone.js@0.14.4)))(@angular/common@20.3.10(@angular/core@20.3.10(@angular/compiler@20.3.10)(rxjs@7.8.2)(zone.js@0.14.4))(rxjs@7.8.2))(@angular/core@20.3.10(@angular/compiler@20.3.10)(rxjs@7.8.2)(zone.js@0.14.4)))
-      '@storybook/builder-webpack5': 9.1.9(@rspack/core@1.6.2(@swc/helpers@0.5.12))(@swc/core@1.5.7(@swc/helpers@0.5.12))(esbuild@0.19.12)(storybook@9.1.9(@testing-library/dom@8.20.1)(prettier@3.5.3)(vite@7.1.11(@types/node@18.19.31)(jiti@2.4.2)(less@4.4.0)(sass-embedded@1.87.0)(sass@1.90.0)(stylus@0.64.0)(terser@5.43.1)(yaml@2.7.1)))(typescript@5.9.3)
+      '@storybook/builder-webpack5': 9.1.9(@rspack/core@1.6.2(@swc/helpers@0.5.12))(@swc/core@1.5.7(@swc/helpers@0.5.12))(esbuild@0.19.12)(storybook@9.1.9(@testing-library/dom@8.20.1)(prettier@3.5.3)(vite@7.1.11(@types/node@18.19.31)(jiti@2.6.1)(less@4.4.0)(lightningcss@1.30.2)(sass-embedded@1.87.0)(sass@1.90.0)(stylus@0.64.0)(terser@5.43.1)(yaml@2.7.1)))(typescript@5.9.3)
       '@storybook/global': 5.0.0
       rxjs: 7.8.2
-      storybook: 9.1.9(@testing-library/dom@8.20.1)(prettier@3.5.3)(vite@7.1.11(@types/node@18.19.31)(jiti@2.4.2)(less@4.4.0)(sass-embedded@1.87.0)(sass@1.90.0)(stylus@0.64.0)(terser@5.43.1)(yaml@2.7.1))
+      storybook: 9.1.9(@testing-library/dom@8.20.1)(prettier@3.5.3)(vite@7.1.11(@types/node@18.19.31)(jiti@2.6.1)(less@4.4.0)(lightningcss@1.30.2)(sass-embedded@1.87.0)(sass@1.90.0)(stylus@0.64.0)(terser@5.43.1)(yaml@2.7.1))
       telejson: 8.0.0
       ts-dedent: 2.2.0
       tsconfig-paths-webpack-plugin: 4.2.0
@@ -15952,9 +16135,9 @@ snapshots:
       - uglify-js
       - webpack-cli
 
-  '@storybook/builder-webpack5@9.1.9(@rspack/core@1.6.2(@swc/helpers@0.5.12))(@swc/core@1.5.7(@swc/helpers@0.5.12))(esbuild@0.19.12)(storybook@9.1.9(@testing-library/dom@8.20.1)(prettier@3.5.3)(vite@7.1.11(@types/node@18.19.31)(jiti@2.4.2)(less@4.4.0)(sass-embedded@1.87.0)(sass@1.90.0)(stylus@0.64.0)(terser@5.43.1)(yaml@2.7.1)))(typescript@5.9.3)':
+  '@storybook/builder-webpack5@9.1.9(@rspack/core@1.6.2(@swc/helpers@0.5.12))(@swc/core@1.5.7(@swc/helpers@0.5.12))(esbuild@0.19.12)(storybook@9.1.9(@testing-library/dom@8.20.1)(prettier@3.5.3)(vite@7.1.11(@types/node@18.19.31)(jiti@2.6.1)(less@4.4.0)(lightningcss@1.30.2)(sass-embedded@1.87.0)(sass@1.90.0)(stylus@0.64.0)(terser@5.43.1)(yaml@2.7.1)))(typescript@5.9.3)':
     dependencies:
-      '@storybook/core-webpack': 9.1.9(storybook@9.1.9(@testing-library/dom@8.20.1)(prettier@3.5.3)(vite@7.1.11(@types/node@18.19.31)(jiti@2.4.2)(less@4.4.0)(sass-embedded@1.87.0)(sass@1.90.0)(stylus@0.64.0)(terser@5.43.1)(yaml@2.7.1)))
+      '@storybook/core-webpack': 9.1.9(storybook@9.1.9(@testing-library/dom@8.20.1)(prettier@3.5.3)(vite@7.1.11(@types/node@18.19.31)(jiti@2.6.1)(less@4.4.0)(lightningcss@1.30.2)(sass-embedded@1.87.0)(sass@1.90.0)(stylus@0.64.0)(terser@5.43.1)(yaml@2.7.1)))
       case-sensitive-paths-webpack-plugin: 2.4.0
       cjs-module-lexer: 1.4.3
       css-loader: 6.11.0(@rspack/core@1.6.2(@swc/helpers@0.5.12))(webpack@5.99.8(@swc/core@1.5.7(@swc/helpers@0.5.12))(esbuild@0.19.12))
@@ -15962,7 +16145,7 @@ snapshots:
       fork-ts-checker-webpack-plugin: 8.0.0(typescript@5.9.3)(webpack@5.99.8(@swc/core@1.5.7(@swc/helpers@0.5.12))(esbuild@0.19.12))
       html-webpack-plugin: 5.6.3(@rspack/core@1.6.2(@swc/helpers@0.5.12))(webpack@5.99.8(@swc/core@1.5.7(@swc/helpers@0.5.12))(esbuild@0.19.12))
       magic-string: 0.30.17
-      storybook: 9.1.9(@testing-library/dom@8.20.1)(prettier@3.5.3)(vite@7.1.11(@types/node@18.19.31)(jiti@2.4.2)(less@4.4.0)(sass-embedded@1.87.0)(sass@1.90.0)(stylus@0.64.0)(terser@5.43.1)(yaml@2.7.1))
+      storybook: 9.1.9(@testing-library/dom@8.20.1)(prettier@3.5.3)(vite@7.1.11(@types/node@18.19.31)(jiti@2.6.1)(less@4.4.0)(lightningcss@1.30.2)(sass-embedded@1.87.0)(sass@1.90.0)(stylus@0.64.0)(terser@5.43.1)(yaml@2.7.1))
       style-loader: 3.3.4(webpack@5.99.8(@swc/core@1.5.7(@swc/helpers@0.5.12))(esbuild@0.19.12))
       terser-webpack-plugin: 5.3.14(@swc/core@1.5.7(@swc/helpers@0.5.12))(esbuild@0.19.12)(webpack@5.99.8(@swc/core@1.5.7(@swc/helpers@0.5.12))(esbuild@0.19.12))
       ts-dedent: 2.2.0
@@ -15979,19 +16162,19 @@ snapshots:
       - uglify-js
       - webpack-cli
 
-  '@storybook/core-webpack@9.1.9(storybook@9.1.9(@testing-library/dom@8.20.1)(prettier@3.5.3)(vite@7.1.11(@types/node@18.19.31)(jiti@2.4.2)(less@4.4.0)(sass-embedded@1.87.0)(sass@1.90.0)(stylus@0.64.0)(terser@5.43.1)(yaml@2.7.1)))':
+  '@storybook/core-webpack@9.1.9(storybook@9.1.9(@testing-library/dom@8.20.1)(prettier@3.5.3)(vite@7.1.11(@types/node@18.19.31)(jiti@2.6.1)(less@4.4.0)(lightningcss@1.30.2)(sass-embedded@1.87.0)(sass@1.90.0)(stylus@0.64.0)(terser@5.43.1)(yaml@2.7.1)))':
     dependencies:
-      storybook: 9.1.9(@testing-library/dom@8.20.1)(prettier@3.5.3)(vite@7.1.11(@types/node@18.19.31)(jiti@2.4.2)(less@4.4.0)(sass-embedded@1.87.0)(sass@1.90.0)(stylus@0.64.0)(terser@5.43.1)(yaml@2.7.1))
+      storybook: 9.1.9(@testing-library/dom@8.20.1)(prettier@3.5.3)(vite@7.1.11(@types/node@18.19.31)(jiti@2.6.1)(less@4.4.0)(lightningcss@1.30.2)(sass-embedded@1.87.0)(sass@1.90.0)(stylus@0.64.0)(terser@5.43.1)(yaml@2.7.1))
       ts-dedent: 2.2.0
 
-  '@storybook/csf-plugin@10.0.7(esbuild@0.19.12)(rollup@4.40.2)(storybook@9.1.9(@testing-library/dom@8.20.1)(prettier@3.5.3)(vite@7.1.11(@types/node@18.19.31)(jiti@2.4.2)(less@4.4.0)(sass-embedded@1.87.0)(sass@1.90.0)(stylus@0.64.0)(terser@5.43.1)(yaml@2.7.1)))(vite@7.1.11(@types/node@18.19.31)(jiti@2.4.2)(less@4.4.0)(sass-embedded@1.87.0)(sass@1.90.0)(stylus@0.64.0)(terser@5.43.1)(yaml@2.7.1))(webpack@5.102.1(@swc/core@1.5.7(@swc/helpers@0.5.12))(esbuild@0.19.12))':
+  '@storybook/csf-plugin@10.0.7(esbuild@0.19.12)(rollup@4.40.2)(storybook@9.1.9(@testing-library/dom@8.20.1)(prettier@3.5.3)(vite@7.1.11(@types/node@18.19.31)(jiti@2.6.1)(less@4.4.0)(lightningcss@1.30.2)(sass-embedded@1.87.0)(sass@1.90.0)(stylus@0.64.0)(terser@5.43.1)(yaml@2.7.1)))(vite@7.1.11(@types/node@18.19.31)(jiti@2.6.1)(less@4.4.0)(lightningcss@1.30.2)(sass-embedded@1.87.0)(sass@1.90.0)(stylus@0.64.0)(terser@5.43.1)(yaml@2.7.1))(webpack@5.102.1(@swc/core@1.5.7(@swc/helpers@0.5.12))(esbuild@0.19.12))':
     dependencies:
-      storybook: 9.1.9(@testing-library/dom@8.20.1)(prettier@3.5.3)(vite@7.1.11(@types/node@18.19.31)(jiti@2.4.2)(less@4.4.0)(sass-embedded@1.87.0)(sass@1.90.0)(stylus@0.64.0)(terser@5.43.1)(yaml@2.7.1))
+      storybook: 9.1.9(@testing-library/dom@8.20.1)(prettier@3.5.3)(vite@7.1.11(@types/node@18.19.31)(jiti@2.6.1)(less@4.4.0)(lightningcss@1.30.2)(sass-embedded@1.87.0)(sass@1.90.0)(stylus@0.64.0)(terser@5.43.1)(yaml@2.7.1))
       unplugin: 2.3.10
     optionalDependencies:
       esbuild: 0.19.12
       rollup: 4.40.2
-      vite: 7.1.11(@types/node@18.19.31)(jiti@2.4.2)(less@4.4.0)(sass-embedded@1.87.0)(sass@1.87.0)(stylus@0.64.0)(terser@5.43.1)(yaml@2.7.1)
+      vite: 7.1.11(@types/node@18.19.31)(jiti@2.6.1)(less@4.4.0)(lightningcss@1.30.2)(sass-embedded@1.87.0)(sass@1.87.0)(stylus@0.64.0)(terser@5.43.1)(yaml@2.7.1)
       webpack: 5.102.1(@swc/core@1.5.7(@swc/helpers@0.5.12))(esbuild@0.19.12)
 
   '@storybook/global@5.0.0': {}
@@ -16001,11 +16184,11 @@ snapshots:
       react: 18.3.1
       react-dom: 18.3.1(react@18.3.1)
 
-  '@storybook/react-dom-shim@10.0.7(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(storybook@9.1.9(@testing-library/dom@8.20.1)(prettier@3.5.3)(vite@7.1.11(@types/node@18.19.31)(jiti@2.4.2)(less@4.4.0)(sass-embedded@1.87.0)(sass@1.90.0)(stylus@0.64.0)(terser@5.43.1)(yaml@2.7.1)))':
+  '@storybook/react-dom-shim@10.0.7(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(storybook@9.1.9(@testing-library/dom@8.20.1)(prettier@3.5.3)(vite@7.1.11(@types/node@18.19.31)(jiti@2.6.1)(less@4.4.0)(lightningcss@1.30.2)(sass-embedded@1.87.0)(sass@1.90.0)(stylus@0.64.0)(terser@5.43.1)(yaml@2.7.1)))':
     dependencies:
       react: 18.3.1
       react-dom: 18.3.1(react@18.3.1)
-      storybook: 9.1.9(@testing-library/dom@8.20.1)(prettier@3.5.3)(vite@7.1.11(@types/node@18.19.31)(jiti@2.4.2)(less@4.4.0)(sass-embedded@1.87.0)(sass@1.90.0)(stylus@0.64.0)(terser@5.43.1)(yaml@2.7.1))
+      storybook: 9.1.9(@testing-library/dom@8.20.1)(prettier@3.5.3)(vite@7.1.11(@types/node@18.19.31)(jiti@2.6.1)(less@4.4.0)(lightningcss@1.30.2)(sass-embedded@1.87.0)(sass@1.90.0)(stylus@0.64.0)(terser@5.43.1)(yaml@2.7.1))
 
   '@swc-node/core@1.13.3(@swc/core@1.5.7(@swc/helpers@0.5.12))(@swc/types@0.1.7)':
     dependencies:
@@ -16092,9 +16275,78 @@ snapshots:
     dependencies:
       '@swc/counter': 0.1.3
 
-  '@tailwindcss/container-queries@0.1.1(tailwindcss@3.4.17(ts-node@10.9.1(@swc/core@1.5.7(@swc/helpers@0.5.12))(@types/node@18.19.31)(typescript@5.9.3)))':
+  '@tailwindcss/container-queries@0.1.1(tailwindcss@4.1.17)':
     dependencies:
-      tailwindcss: 3.4.17(ts-node@10.9.1(@swc/core@1.5.7(@swc/helpers@0.5.12))(@types/node@18.19.31)(typescript@5.9.3))
+      tailwindcss: 4.1.17
+
+  '@tailwindcss/node@4.1.17':
+    dependencies:
+      '@jridgewell/remapping': 2.3.5
+      enhanced-resolve: 5.18.3
+      jiti: 2.6.1
+      lightningcss: 1.30.2
+      magic-string: 0.30.21
+      source-map-js: 1.2.1
+      tailwindcss: 4.1.17
+
+  '@tailwindcss/oxide-android-arm64@4.1.17':
+    optional: true
+
+  '@tailwindcss/oxide-darwin-arm64@4.1.17':
+    optional: true
+
+  '@tailwindcss/oxide-darwin-x64@4.1.17':
+    optional: true
+
+  '@tailwindcss/oxide-freebsd-x64@4.1.17':
+    optional: true
+
+  '@tailwindcss/oxide-linux-arm-gnueabihf@4.1.17':
+    optional: true
+
+  '@tailwindcss/oxide-linux-arm64-gnu@4.1.17':
+    optional: true
+
+  '@tailwindcss/oxide-linux-arm64-musl@4.1.17':
+    optional: true
+
+  '@tailwindcss/oxide-linux-x64-gnu@4.1.17':
+    optional: true
+
+  '@tailwindcss/oxide-linux-x64-musl@4.1.17':
+    optional: true
+
+  '@tailwindcss/oxide-wasm32-wasi@4.1.17':
+    optional: true
+
+  '@tailwindcss/oxide-win32-arm64-msvc@4.1.17':
+    optional: true
+
+  '@tailwindcss/oxide-win32-x64-msvc@4.1.17':
+    optional: true
+
+  '@tailwindcss/oxide@4.1.17':
+    optionalDependencies:
+      '@tailwindcss/oxide-android-arm64': 4.1.17
+      '@tailwindcss/oxide-darwin-arm64': 4.1.17
+      '@tailwindcss/oxide-darwin-x64': 4.1.17
+      '@tailwindcss/oxide-freebsd-x64': 4.1.17
+      '@tailwindcss/oxide-linux-arm-gnueabihf': 4.1.17
+      '@tailwindcss/oxide-linux-arm64-gnu': 4.1.17
+      '@tailwindcss/oxide-linux-arm64-musl': 4.1.17
+      '@tailwindcss/oxide-linux-x64-gnu': 4.1.17
+      '@tailwindcss/oxide-linux-x64-musl': 4.1.17
+      '@tailwindcss/oxide-wasm32-wasi': 4.1.17
+      '@tailwindcss/oxide-win32-arm64-msvc': 4.1.17
+      '@tailwindcss/oxide-win32-x64-msvc': 4.1.17
+
+  '@tailwindcss/postcss@4.1.17':
+    dependencies:
+      '@alloc/quick-lru': 5.2.0
+      '@tailwindcss/node': 4.1.17
+      '@tailwindcss/oxide': 4.1.17
+      postcss: 8.5.6
+      tailwindcss: 4.1.17
 
   '@testing-library/dom@8.20.1':
     dependencies:
@@ -16580,9 +16832,9 @@ snapshots:
   '@unrs/resolver-binding-win32-x64-msvc@1.11.1':
     optional: true
 
-  '@vitejs/plugin-basic-ssl@2.1.0(vite@7.1.11(@types/node@18.19.31)(jiti@2.4.2)(less@4.4.0)(sass-embedded@1.87.0)(sass@1.90.0)(stylus@0.64.0)(terser@5.43.1)(yaml@2.7.1))':
+  '@vitejs/plugin-basic-ssl@2.1.0(vite@7.1.11(@types/node@18.19.31)(jiti@2.6.1)(less@4.4.0)(lightningcss@1.30.2)(sass-embedded@1.87.0)(sass@1.90.0)(stylus@0.64.0)(terser@5.43.1)(yaml@2.7.1))':
     dependencies:
-      vite: 7.1.11(@types/node@18.19.31)(jiti@2.4.2)(less@4.4.0)(sass-embedded@1.87.0)(sass@1.87.0)(stylus@0.64.0)(terser@5.43.1)(yaml@2.7.1)
+      vite: 7.1.11(@types/node@18.19.31)(jiti@2.6.1)(less@4.4.0)(lightningcss@1.30.2)(sass-embedded@1.87.0)(sass@1.87.0)(stylus@0.64.0)(terser@5.43.1)(yaml@2.7.1)
 
   '@vitest/expect@3.2.4':
     dependencies:
@@ -16592,13 +16844,13 @@ snapshots:
       chai: 5.3.3
       tinyrainbow: 2.0.0
 
-  '@vitest/mocker@3.2.4(vite@7.1.11(@types/node@18.19.31)(jiti@2.4.2)(less@4.4.0)(sass-embedded@1.87.0)(sass@1.90.0)(stylus@0.64.0)(terser@5.43.1)(yaml@2.7.1))':
+  '@vitest/mocker@3.2.4(vite@7.1.11(@types/node@18.19.31)(jiti@2.6.1)(less@4.4.0)(lightningcss@1.30.2)(sass-embedded@1.87.0)(sass@1.90.0)(stylus@0.64.0)(terser@5.43.1)(yaml@2.7.1))':
     dependencies:
       '@vitest/spy': 3.2.4
       estree-walker: 3.0.3
       magic-string: 0.30.17
     optionalDependencies:
-      vite: 7.1.11(@types/node@18.19.31)(jiti@2.4.2)(less@4.4.0)(sass-embedded@1.87.0)(sass@1.87.0)(stylus@0.64.0)(terser@5.43.1)(yaml@2.7.1)
+      vite: 7.1.11(@types/node@18.19.31)(jiti@2.6.1)(less@4.4.0)(lightningcss@1.30.2)(sass-embedded@1.87.0)(sass@1.87.0)(stylus@0.64.0)(terser@5.43.1)(yaml@2.7.1)
 
   '@vitest/pretty-format@3.2.4':
     dependencies:
@@ -17687,9 +17939,9 @@ snapshots:
       postcss: 8.5.3
       postcss-selector-parser: 6.1.2
 
-  css-declaration-sorter@7.2.0(postcss@8.5.3):
+  css-declaration-sorter@7.2.0(postcss@8.5.6):
     dependencies:
-      postcss: 8.5.3
+      postcss: 8.5.6
 
   css-functions-list@3.2.3: {}
 
@@ -17700,12 +17952,12 @@ snapshots:
 
   css-loader@6.11.0(@rspack/core@1.6.2(@swc/helpers@0.5.12))(webpack@5.102.1(@swc/core@1.5.7(@swc/helpers@0.5.12))(esbuild@0.19.12)):
     dependencies:
-      icss-utils: 5.1.0(postcss@8.5.3)
-      postcss: 8.5.3
-      postcss-modules-extract-imports: 3.1.0(postcss@8.5.3)
-      postcss-modules-local-by-default: 4.2.0(postcss@8.5.3)
-      postcss-modules-scope: 3.2.1(postcss@8.5.3)
-      postcss-modules-values: 4.0.0(postcss@8.5.3)
+      icss-utils: 5.1.0(postcss@8.5.6)
+      postcss: 8.5.6
+      postcss-modules-extract-imports: 3.1.0(postcss@8.5.6)
+      postcss-modules-local-by-default: 4.2.0(postcss@8.5.6)
+      postcss-modules-scope: 3.2.1(postcss@8.5.6)
+      postcss-modules-values: 4.0.0(postcss@8.5.6)
       postcss-value-parser: 4.2.0
       semver: 7.7.1
     optionalDependencies:
@@ -17714,12 +17966,12 @@ snapshots:
 
   css-loader@6.11.0(@rspack/core@1.6.2(@swc/helpers@0.5.12))(webpack@5.99.8(@swc/core@1.5.7(@swc/helpers@0.5.12))(esbuild@0.19.12)):
     dependencies:
-      icss-utils: 5.1.0(postcss@8.5.3)
-      postcss: 8.5.3
-      postcss-modules-extract-imports: 3.1.0(postcss@8.5.3)
-      postcss-modules-local-by-default: 4.2.0(postcss@8.5.3)
-      postcss-modules-scope: 3.2.1(postcss@8.5.3)
-      postcss-modules-values: 4.0.0(postcss@8.5.3)
+      icss-utils: 5.1.0(postcss@8.5.6)
+      postcss: 8.5.6
+      postcss-modules-extract-imports: 3.1.0(postcss@8.5.6)
+      postcss-modules-local-by-default: 4.2.0(postcss@8.5.6)
+      postcss-modules-scope: 3.2.1(postcss@8.5.6)
+      postcss-modules-values: 4.0.0(postcss@8.5.6)
       postcss-value-parser: 4.2.0
       semver: 7.7.1
     optionalDependencies:
@@ -17740,17 +17992,18 @@ snapshots:
       '@rspack/core': 1.6.2(@swc/helpers@0.5.12)
       webpack: 5.101.2(@swc/core@1.5.7(@swc/helpers@0.5.12))(esbuild@0.25.9)
 
-  css-minimizer-webpack-plugin@5.0.1(esbuild@0.19.12)(webpack@5.102.1(@swc/core@1.5.7(@swc/helpers@0.5.12))(esbuild@0.19.12)):
+  css-minimizer-webpack-plugin@5.0.1(esbuild@0.19.12)(lightningcss@1.30.2)(webpack@5.102.1(@swc/core@1.5.7(@swc/helpers@0.5.12))(esbuild@0.19.12)):
     dependencies:
-      '@jridgewell/trace-mapping': 0.3.25
-      cssnano: 6.1.2(postcss@8.5.3)
+      '@jridgewell/trace-mapping': 0.3.31
+      cssnano: 6.1.2(postcss@8.5.6)
       jest-worker: 29.7.0
-      postcss: 8.5.3
+      postcss: 8.5.6
       schema-utils: 4.3.2
       serialize-javascript: 6.0.2
       webpack: 5.102.1(@swc/core@1.5.7(@swc/helpers@0.5.12))(esbuild@0.19.12)
     optionalDependencies:
       esbuild: 0.19.12
+      lightningcss: 1.30.2
 
   css-prefers-color-scheme@6.0.3(postcss@8.5.3):
     dependencies:
@@ -17805,49 +18058,49 @@ snapshots:
 
   cssesc@3.0.0: {}
 
-  cssnano-preset-default@6.1.2(postcss@8.5.3):
+  cssnano-preset-default@6.1.2(postcss@8.5.6):
     dependencies:
       browserslist: 4.24.5
-      css-declaration-sorter: 7.2.0(postcss@8.5.3)
-      cssnano-utils: 4.0.2(postcss@8.5.3)
-      postcss: 8.5.3
-      postcss-calc: 9.0.1(postcss@8.5.3)
-      postcss-colormin: 6.1.0(postcss@8.5.3)
-      postcss-convert-values: 6.1.0(postcss@8.5.3)
-      postcss-discard-comments: 6.0.2(postcss@8.5.3)
-      postcss-discard-duplicates: 6.0.3(postcss@8.5.3)
-      postcss-discard-empty: 6.0.3(postcss@8.5.3)
-      postcss-discard-overridden: 6.0.2(postcss@8.5.3)
-      postcss-merge-longhand: 6.0.5(postcss@8.5.3)
-      postcss-merge-rules: 6.1.1(postcss@8.5.3)
-      postcss-minify-font-values: 6.1.0(postcss@8.5.3)
-      postcss-minify-gradients: 6.0.3(postcss@8.5.3)
-      postcss-minify-params: 6.1.0(postcss@8.5.3)
-      postcss-minify-selectors: 6.0.4(postcss@8.5.3)
-      postcss-normalize-charset: 6.0.2(postcss@8.5.3)
-      postcss-normalize-display-values: 6.0.2(postcss@8.5.3)
-      postcss-normalize-positions: 6.0.2(postcss@8.5.3)
-      postcss-normalize-repeat-style: 6.0.2(postcss@8.5.3)
-      postcss-normalize-string: 6.0.2(postcss@8.5.3)
-      postcss-normalize-timing-functions: 6.0.2(postcss@8.5.3)
-      postcss-normalize-unicode: 6.1.0(postcss@8.5.3)
-      postcss-normalize-url: 6.0.2(postcss@8.5.3)
-      postcss-normalize-whitespace: 6.0.2(postcss@8.5.3)
-      postcss-ordered-values: 6.0.2(postcss@8.5.3)
-      postcss-reduce-initial: 6.1.0(postcss@8.5.3)
-      postcss-reduce-transforms: 6.0.2(postcss@8.5.3)
-      postcss-svgo: 6.0.3(postcss@8.5.3)
-      postcss-unique-selectors: 6.0.4(postcss@8.5.3)
-
-  cssnano-utils@4.0.2(postcss@8.5.3):
+      css-declaration-sorter: 7.2.0(postcss@8.5.6)
+      cssnano-utils: 4.0.2(postcss@8.5.6)
+      postcss: 8.5.6
+      postcss-calc: 9.0.1(postcss@8.5.6)
+      postcss-colormin: 6.1.0(postcss@8.5.6)
+      postcss-convert-values: 6.1.0(postcss@8.5.6)
+      postcss-discard-comments: 6.0.2(postcss@8.5.6)
+      postcss-discard-duplicates: 6.0.3(postcss@8.5.6)
+      postcss-discard-empty: 6.0.3(postcss@8.5.6)
+      postcss-discard-overridden: 6.0.2(postcss@8.5.6)
+      postcss-merge-longhand: 6.0.5(postcss@8.5.6)
+      postcss-merge-rules: 6.1.1(postcss@8.5.6)
+      postcss-minify-font-values: 6.1.0(postcss@8.5.6)
+      postcss-minify-gradients: 6.0.3(postcss@8.5.6)
+      postcss-minify-params: 6.1.0(postcss@8.5.6)
+      postcss-minify-selectors: 6.0.4(postcss@8.5.6)
+      postcss-normalize-charset: 6.0.2(postcss@8.5.6)
+      postcss-normalize-display-values: 6.0.2(postcss@8.5.6)
+      postcss-normalize-positions: 6.0.2(postcss@8.5.6)
+      postcss-normalize-repeat-style: 6.0.2(postcss@8.5.6)
+      postcss-normalize-string: 6.0.2(postcss@8.5.6)
+      postcss-normalize-timing-functions: 6.0.2(postcss@8.5.6)
+      postcss-normalize-unicode: 6.1.0(postcss@8.5.6)
+      postcss-normalize-url: 6.0.2(postcss@8.5.6)
+      postcss-normalize-whitespace: 6.0.2(postcss@8.5.6)
+      postcss-ordered-values: 6.0.2(postcss@8.5.6)
+      postcss-reduce-initial: 6.1.0(postcss@8.5.6)
+      postcss-reduce-transforms: 6.0.2(postcss@8.5.6)
+      postcss-svgo: 6.0.3(postcss@8.5.6)
+      postcss-unique-selectors: 6.0.4(postcss@8.5.6)
+
+  cssnano-utils@4.0.2(postcss@8.5.6):
     dependencies:
-      postcss: 8.5.3
+      postcss: 8.5.6
 
-  cssnano@6.1.2(postcss@8.5.3):
+  cssnano@6.1.2(postcss@8.5.6):
     dependencies:
-      cssnano-preset-default: 6.1.2(postcss@8.5.3)
+      cssnano-preset-default: 6.1.2(postcss@8.5.6)
       lilconfig: 3.1.3
-      postcss: 8.5.3
+      postcss: 8.5.6
 
   csso@5.0.5:
     dependencies:
@@ -17978,8 +18231,7 @@ snapshots:
 
   detect-libc@2.0.2: {}
 
-  detect-libc@2.0.4:
-    optional: true
+  detect-libc@2.0.4: {}
 
   detect-newline@3.1.0: {}
 
@@ -18129,6 +18381,11 @@ snapshots:
       graceful-fs: 4.2.11
       tapable: 2.2.1
 
+  enhanced-resolve@5.18.3:
+    dependencies:
+      graceful-fs: 4.2.11
+      tapable: 2.3.0
+
   enquirer@2.3.6:
     dependencies:
       ansi-colors: 4.1.3
@@ -18360,11 +18617,11 @@ snapshots:
     dependencies:
       eslint: 8.57.0
 
-  eslint-plugin-storybook@9.1.9(eslint@8.57.0)(storybook@9.1.9(@testing-library/dom@8.20.1)(prettier@3.5.3)(vite@7.1.11(@types/node@18.19.31)(jiti@2.4.2)(less@4.4.0)(sass-embedded@1.87.0)(sass@1.90.0)(stylus@0.64.0)(terser@5.43.1)(yaml@2.7.1)))(typescript@5.9.3):
+  eslint-plugin-storybook@9.1.9(eslint@8.57.0)(storybook@9.1.9(@testing-library/dom@8.20.1)(prettier@3.5.3)(vite@7.1.11(@types/node@18.19.31)(jiti@2.6.1)(less@4.4.0)(lightningcss@1.30.2)(sass-embedded@1.87.0)(sass@1.90.0)(stylus@0.64.0)(terser@5.43.1)(yaml@2.7.1)))(typescript@5.9.3):
     dependencies:
       '@typescript-eslint/utils': 8.32.0(eslint@8.57.0)(typescript@5.9.3)
       eslint: 8.57.0
-      storybook: 9.1.9(@testing-library/dom@8.20.1)(prettier@3.5.3)(vite@7.1.11(@types/node@18.19.31)(jiti@2.4.2)(less@4.4.0)(sass-embedded@1.87.0)(sass@1.90.0)(stylus@0.64.0)(terser@5.43.1)(yaml@2.7.1))
+      storybook: 9.1.9(@testing-library/dom@8.20.1)(prettier@3.5.3)(vite@7.1.11(@types/node@18.19.31)(jiti@2.6.1)(less@4.4.0)(lightningcss@1.30.2)(sass-embedded@1.87.0)(sass@1.90.0)(stylus@0.64.0)(terser@5.43.1)(yaml@2.7.1))
     transitivePeerDependencies:
       - supports-color
       - typescript
@@ -18775,7 +19032,7 @@ snapshots:
       node-abort-controller: 3.1.1
       schema-utils: 3.3.0
       semver: 7.7.3
-      tapable: 2.2.1
+      tapable: 2.3.0
       typescript: 5.9.3
       webpack: 5.102.1(@swc/core@1.5.7(@swc/helpers@0.5.12))(esbuild@0.19.12)
 
@@ -19296,10 +19553,6 @@ snapshots:
     dependencies:
       safer-buffer: 2.1.2
 
-  icss-utils@5.1.0(postcss@8.5.3):
-    dependencies:
-      postcss: 8.5.3
-
   icss-utils@5.1.0(postcss@8.5.6):
     dependencies:
       postcss: 8.5.6
@@ -20241,6 +20494,8 @@ snapshots:
 
   jiti@2.4.2: {}
 
+  jiti@2.6.1: {}
+
   jquery@3.6.4: {}
 
   js-base64@3.7.7: {}
@@ -20468,6 +20723,55 @@ snapshots:
     optionalDependencies:
       webpack: 5.102.1(@swc/core@1.5.7(@swc/helpers@0.5.12))(esbuild@0.19.12)
 
+  lightningcss-android-arm64@1.30.2:
+    optional: true
+
+  lightningcss-darwin-arm64@1.30.2:
+    optional: true
+
+  lightningcss-darwin-x64@1.30.2:
+    optional: true
+
+  lightningcss-freebsd-x64@1.30.2:
+    optional: true
+
+  lightningcss-linux-arm-gnueabihf@1.30.2:
+    optional: true
+
+  lightningcss-linux-arm64-gnu@1.30.2:
+    optional: true
+
+  lightningcss-linux-arm64-musl@1.30.2:
+    optional: true
+
+  lightningcss-linux-x64-gnu@1.30.2:
+    optional: true
+
+  lightningcss-linux-x64-musl@1.30.2:
+    optional: true
+
+  lightningcss-win32-arm64-msvc@1.30.2:
+    optional: true
+
+  lightningcss-win32-x64-msvc@1.30.2:
+    optional: true
+
+  lightningcss@1.30.2:
+    dependencies:
+      detect-libc: 2.0.4
+    optionalDependencies:
+      lightningcss-android-arm64: 1.30.2
+      lightningcss-darwin-arm64: 1.30.2
+      lightningcss-darwin-x64: 1.30.2
+      lightningcss-freebsd-x64: 1.30.2
+      lightningcss-linux-arm-gnueabihf: 1.30.2
+      lightningcss-linux-arm64-gnu: 1.30.2
+      lightningcss-linux-arm64-musl: 1.30.2
+      lightningcss-linux-x64-gnu: 1.30.2
+      lightningcss-linux-x64-musl: 1.30.2
+      lightningcss-win32-arm64-msvc: 1.30.2
+      lightningcss-win32-x64-msvc: 1.30.2
+
   lilconfig@3.1.3: {}
 
   lines-and-columns@1.2.4: {}
@@ -20650,6 +20954,10 @@ snapshots:
     dependencies:
       '@jridgewell/sourcemap-codec': 1.5.0
 
+  magic-string@0.30.21:
+    dependencies:
+      '@jridgewell/sourcemap-codec': 1.5.5
+
   make-dir@2.1.0:
     dependencies:
       pify: 4.0.1
@@ -20946,7 +21254,7 @@ snapshots:
 
   neo-async@2.6.2: {}
 
-  ng-packagr@20.3.1(@angular/compiler-cli@20.3.10(@angular/compiler@20.3.10)(typescript@5.9.3))(tailwindcss@3.4.17(ts-node@10.9.1(@swc/core@1.5.7(@swc/helpers@0.5.12))(@types/node@18.19.31)(typescript@5.9.3)))(tslib@2.8.1)(typescript@5.9.3):
+  ng-packagr@20.3.1(@angular/compiler-cli@20.3.10(@angular/compiler@20.3.10)(typescript@5.9.3))(tailwindcss@4.1.17)(tslib@2.8.1)(typescript@5.9.3):
     dependencies:
       '@ampproject/remapping': 2.3.0
       '@angular/compiler-cli': 20.3.10(@angular/compiler@20.3.10)(typescript@5.9.3)
@@ -20974,7 +21282,7 @@ snapshots:
       typescript: 5.9.3
     optionalDependencies:
       rollup: 4.40.2
-      tailwindcss: 3.4.17(ts-node@10.9.1(@swc/core@1.5.7(@swc/helpers@0.5.12))(@types/node@18.19.31)(typescript@5.9.3))
+      tailwindcss: 4.1.17
 
   ngraph.events@1.2.2: {}
 
@@ -21502,9 +21810,9 @@ snapshots:
       postcss: 8.5.3
       postcss-selector-parser: 6.1.2
 
-  postcss-calc@9.0.1(postcss@8.5.3):
+  postcss-calc@9.0.1(postcss@8.5.6):
     dependencies:
-      postcss: 8.5.3
+      postcss: 8.5.6
       postcss-selector-parser: 6.1.2
       postcss-value-parser: 4.2.0
 
@@ -21528,18 +21836,18 @@ snapshots:
       postcss: 8.5.3
       postcss-value-parser: 4.2.0
 
-  postcss-colormin@6.1.0(postcss@8.5.3):
+  postcss-colormin@6.1.0(postcss@8.5.6):
     dependencies:
       browserslist: 4.24.5
       caniuse-api: 3.0.0
       colord: 2.9.3
-      postcss: 8.5.3
+      postcss: 8.5.6
       postcss-value-parser: 4.2.0
 
-  postcss-convert-values@6.1.0(postcss@8.5.3):
+  postcss-convert-values@6.1.0(postcss@8.5.6):
     dependencies:
       browserslist: 4.24.5
-      postcss: 8.5.3
+      postcss: 8.5.6
       postcss-value-parser: 4.2.0
 
   postcss-custom-media@8.0.2(postcss@8.5.3):
@@ -21562,21 +21870,21 @@ snapshots:
       postcss: 8.5.3
       postcss-selector-parser: 6.1.2
 
-  postcss-discard-comments@6.0.2(postcss@8.5.3):
+  postcss-discard-comments@6.0.2(postcss@8.5.6):
     dependencies:
-      postcss: 8.5.3
+      postcss: 8.5.6
 
-  postcss-discard-duplicates@6.0.3(postcss@8.5.3):
+  postcss-discard-duplicates@6.0.3(postcss@8.5.6):
     dependencies:
-      postcss: 8.5.3
+      postcss: 8.5.6
 
-  postcss-discard-empty@6.0.3(postcss@8.5.3):
+  postcss-discard-empty@6.0.3(postcss@8.5.6):
     dependencies:
-      postcss: 8.5.3
+      postcss: 8.5.6
 
-  postcss-discard-overridden@6.0.2(postcss@8.5.3):
+  postcss-discard-overridden@6.0.2(postcss@8.5.6):
     dependencies:
-      postcss: 8.5.3
+      postcss: 8.5.6
 
   postcss-double-position-gradients@3.1.2(postcss@8.5.3):
     dependencies:
@@ -21619,9 +21927,16 @@ snapshots:
       read-cache: 1.0.0
       resolve: 1.22.10
 
-  postcss-import@15.1.0(postcss@8.5.3):
+  postcss-import@14.1.0(postcss@8.5.6):
     dependencies:
-      postcss: 8.5.3
+      postcss: 8.5.6
+      postcss-value-parser: 4.2.0
+      read-cache: 1.0.0
+      resolve: 1.22.10
+
+  postcss-import@15.1.0(postcss@8.5.6):
+    dependencies:
+      postcss: 8.5.6
       postcss-value-parser: 4.2.0
       read-cache: 1.0.0
       resolve: 1.22.10
@@ -21630,10 +21945,10 @@ snapshots:
     dependencies:
       postcss: 8.5.3
 
-  postcss-js@4.0.1(postcss@8.5.3):
+  postcss-js@4.0.1(postcss@8.5.6):
     dependencies:
       camelcase-css: 2.0.1
-      postcss: 8.5.3
+      postcss: 8.5.6
 
   postcss-lab-function@4.2.1(postcss@8.5.3):
     dependencies:
@@ -21641,35 +21956,35 @@ snapshots:
       postcss: 8.5.3
       postcss-value-parser: 4.2.0
 
-  postcss-load-config@4.0.2(postcss@8.5.3)(ts-node@10.9.1(@swc/core@1.5.7(@swc/helpers@0.5.12))(@types/node@18.19.31)(typescript@5.9.3)):
+  postcss-load-config@4.0.2(postcss@8.5.6)(ts-node@10.9.1(@swc/core@1.5.7(@swc/helpers@0.5.12))(@types/node@18.19.31)(typescript@5.9.3)):
     dependencies:
       lilconfig: 3.1.3
       yaml: 2.7.1
     optionalDependencies:
-      postcss: 8.5.3
+      postcss: 8.5.6
       ts-node: 10.9.1(@swc/core@1.5.7(@swc/helpers@0.5.12))(@types/node@18.19.31)(typescript@5.9.3)
 
-  postcss-loader@6.2.1(postcss@8.5.3)(webpack@5.102.1(@swc/core@1.5.7(@swc/helpers@0.5.12))(esbuild@0.19.12)):
+  postcss-loader@6.2.1(postcss@8.5.6)(webpack@5.102.1(@swc/core@1.5.7(@swc/helpers@0.5.12))(esbuild@0.19.12)):
     dependencies:
       cosmiconfig: 7.1.0
       klona: 2.0.6
-      postcss: 8.5.3
+      postcss: 8.5.6
       semver: 7.7.3
       webpack: 5.102.1(@swc/core@1.5.7(@swc/helpers@0.5.12))(esbuild@0.19.12)
 
-  postcss-loader@8.1.1(@rspack/core@1.6.2(@swc/helpers@0.5.12))(postcss@8.5.3)(typescript@5.9.3)(webpack@5.102.1(@swc/core@1.5.7(@swc/helpers@0.5.12))(esbuild@0.19.12)):
+  postcss-loader@8.1.1(@rspack/core@1.6.2(@swc/helpers@0.5.12))(postcss@8.5.6)(typescript@5.9.3)(webpack@5.101.2(@swc/core@1.5.7(@swc/helpers@0.5.12))(esbuild@0.25.9)):
     dependencies:
       cosmiconfig: 9.0.0(typescript@5.9.3)
       jiti: 1.21.7
-      postcss: 8.5.3
+      postcss: 8.5.6
       semver: 7.7.2
     optionalDependencies:
       '@rspack/core': 1.6.2(@swc/helpers@0.5.12)
-      webpack: 5.102.1(@swc/core@1.5.7(@swc/helpers@0.5.12))(esbuild@0.19.12)
+      webpack: 5.101.2(@swc/core@1.5.7(@swc/helpers@0.5.12))(esbuild@0.25.9)
     transitivePeerDependencies:
       - typescript
 
-  postcss-loader@8.1.1(@rspack/core@1.6.2(@swc/helpers@0.5.12))(postcss@8.5.6)(typescript@5.9.3)(webpack@5.101.2(@swc/core@1.5.7(@swc/helpers@0.5.12))(esbuild@0.25.9)):
+  postcss-loader@8.1.1(@rspack/core@1.6.2(@swc/helpers@0.5.12))(postcss@8.5.6)(typescript@5.9.3)(webpack@5.102.1(@swc/core@1.5.7(@swc/helpers@0.5.12))(esbuild@0.19.12)):
     dependencies:
       cosmiconfig: 9.0.0(typescript@5.9.3)
       jiti: 1.21.7
@@ -21677,7 +21992,7 @@ snapshots:
       semver: 7.7.2
     optionalDependencies:
       '@rspack/core': 1.6.2(@swc/helpers@0.5.12)
-      webpack: 5.101.2(@swc/core@1.5.7(@swc/helpers@0.5.12))(esbuild@0.25.9)
+      webpack: 5.102.1(@swc/core@1.5.7(@swc/helpers@0.5.12))(esbuild@0.19.12)
     transitivePeerDependencies:
       - typescript
 
@@ -21691,59 +22006,48 @@ snapshots:
 
   postcss-media-query-parser@0.2.3: {}
 
-  postcss-merge-longhand@6.0.5(postcss@8.5.3):
+  postcss-merge-longhand@6.0.5(postcss@8.5.6):
     dependencies:
-      postcss: 8.5.3
+      postcss: 8.5.6
       postcss-value-parser: 4.2.0
-      stylehacks: 6.1.1(postcss@8.5.3)
+      stylehacks: 6.1.1(postcss@8.5.6)
 
-  postcss-merge-rules@6.1.1(postcss@8.5.3):
+  postcss-merge-rules@6.1.1(postcss@8.5.6):
     dependencies:
       browserslist: 4.24.5
       caniuse-api: 3.0.0
-      cssnano-utils: 4.0.2(postcss@8.5.3)
-      postcss: 8.5.3
+      cssnano-utils: 4.0.2(postcss@8.5.6)
+      postcss: 8.5.6
       postcss-selector-parser: 6.1.2
 
-  postcss-minify-font-values@6.1.0(postcss@8.5.3):
+  postcss-minify-font-values@6.1.0(postcss@8.5.6):
     dependencies:
-      postcss: 8.5.3
+      postcss: 8.5.6
       postcss-value-parser: 4.2.0
 
-  postcss-minify-gradients@6.0.3(postcss@8.5.3):
+  postcss-minify-gradients@6.0.3(postcss@8.5.6):
     dependencies:
       colord: 2.9.3
-      cssnano-utils: 4.0.2(postcss@8.5.3)
-      postcss: 8.5.3
+      cssnano-utils: 4.0.2(postcss@8.5.6)
+      postcss: 8.5.6
       postcss-value-parser: 4.2.0
 
-  postcss-minify-params@6.1.0(postcss@8.5.3):
+  postcss-minify-params@6.1.0(postcss@8.5.6):
     dependencies:
       browserslist: 4.24.5
-      cssnano-utils: 4.0.2(postcss@8.5.3)
-      postcss: 8.5.3
+      cssnano-utils: 4.0.2(postcss@8.5.6)
+      postcss: 8.5.6
       postcss-value-parser: 4.2.0
 
-  postcss-minify-selectors@6.0.4(postcss@8.5.3):
+  postcss-minify-selectors@6.0.4(postcss@8.5.6):
     dependencies:
-      postcss: 8.5.3
+      postcss: 8.5.6
       postcss-selector-parser: 6.1.2
 
-  postcss-modules-extract-imports@3.1.0(postcss@8.5.3):
-    dependencies:
-      postcss: 8.5.3
-
   postcss-modules-extract-imports@3.1.0(postcss@8.5.6):
     dependencies:
       postcss: 8.5.6
 
-  postcss-modules-local-by-default@4.2.0(postcss@8.5.3):
-    dependencies:
-      icss-utils: 5.1.0(postcss@8.5.3)
-      postcss: 8.5.3
-      postcss-selector-parser: 7.1.0
-      postcss-value-parser: 4.2.0
-
   postcss-modules-local-by-default@4.2.0(postcss@8.5.6):
     dependencies:
       icss-utils: 5.1.0(postcss@8.5.6)
@@ -21751,29 +22055,19 @@ snapshots:
       postcss-selector-parser: 7.1.0
       postcss-value-parser: 4.2.0
 
-  postcss-modules-scope@3.2.1(postcss@8.5.3):
-    dependencies:
-      postcss: 8.5.3
-      postcss-selector-parser: 7.1.0
-
   postcss-modules-scope@3.2.1(postcss@8.5.6):
     dependencies:
       postcss: 8.5.6
       postcss-selector-parser: 7.1.0
 
-  postcss-modules-values@4.0.0(postcss@8.5.3):
-    dependencies:
-      icss-utils: 5.1.0(postcss@8.5.3)
-      postcss: 8.5.3
-
   postcss-modules-values@4.0.0(postcss@8.5.6):
     dependencies:
       icss-utils: 5.1.0(postcss@8.5.6)
       postcss: 8.5.6
 
-  postcss-nested@6.2.0(postcss@8.5.3):
+  postcss-nested@6.2.0(postcss@8.5.6):
     dependencies:
-      postcss: 8.5.3
+      postcss: 8.5.6
       postcss-selector-parser: 6.1.2
 
   postcss-nesting@10.2.0(postcss@8.5.3):
@@ -21782,59 +22076,59 @@ snapshots:
       postcss: 8.5.3
       postcss-selector-parser: 6.1.2
 
-  postcss-normalize-charset@6.0.2(postcss@8.5.3):
+  postcss-normalize-charset@6.0.2(postcss@8.5.6):
     dependencies:
-      postcss: 8.5.3
+      postcss: 8.5.6
 
-  postcss-normalize-display-values@6.0.2(postcss@8.5.3):
+  postcss-normalize-display-values@6.0.2(postcss@8.5.6):
     dependencies:
-      postcss: 8.5.3
+      postcss: 8.5.6
       postcss-value-parser: 4.2.0
 
-  postcss-normalize-positions@6.0.2(postcss@8.5.3):
+  postcss-normalize-positions@6.0.2(postcss@8.5.6):
     dependencies:
-      postcss: 8.5.3
+      postcss: 8.5.6
       postcss-value-parser: 4.2.0
 
-  postcss-normalize-repeat-style@6.0.2(postcss@8.5.3):
+  postcss-normalize-repeat-style@6.0.2(postcss@8.5.6):
     dependencies:
-      postcss: 8.5.3
+      postcss: 8.5.6
       postcss-value-parser: 4.2.0
 
-  postcss-normalize-string@6.0.2(postcss@8.5.3):
+  postcss-normalize-string@6.0.2(postcss@8.5.6):
     dependencies:
-      postcss: 8.5.3
+      postcss: 8.5.6
       postcss-value-parser: 4.2.0
 
-  postcss-normalize-timing-functions@6.0.2(postcss@8.5.3):
+  postcss-normalize-timing-functions@6.0.2(postcss@8.5.6):
     dependencies:
-      postcss: 8.5.3
+      postcss: 8.5.6
       postcss-value-parser: 4.2.0
 
-  postcss-normalize-unicode@6.1.0(postcss@8.5.3):
+  postcss-normalize-unicode@6.1.0(postcss@8.5.6):
     dependencies:
       browserslist: 4.24.5
-      postcss: 8.5.3
+      postcss: 8.5.6
       postcss-value-parser: 4.2.0
 
-  postcss-normalize-url@6.0.2(postcss@8.5.3):
+  postcss-normalize-url@6.0.2(postcss@8.5.6):
     dependencies:
-      postcss: 8.5.3
+      postcss: 8.5.6
       postcss-value-parser: 4.2.0
 
-  postcss-normalize-whitespace@6.0.2(postcss@8.5.3):
+  postcss-normalize-whitespace@6.0.2(postcss@8.5.6):
     dependencies:
-      postcss: 8.5.3
+      postcss: 8.5.6
       postcss-value-parser: 4.2.0
 
   postcss-opacity-percentage@1.1.3(postcss@8.5.3):
     dependencies:
       postcss: 8.5.3
 
-  postcss-ordered-values@6.0.2(postcss@8.5.3):
+  postcss-ordered-values@6.0.2(postcss@8.5.6):
     dependencies:
-      cssnano-utils: 4.0.2(postcss@8.5.3)
-      postcss: 8.5.3
+      cssnano-utils: 4.0.2(postcss@8.5.6)
+      postcss: 8.5.6
       postcss-value-parser: 4.2.0
 
   postcss-overflow-shorthand@3.0.4(postcss@8.5.3):
@@ -21905,15 +22199,15 @@ snapshots:
       postcss: 8.5.3
       postcss-selector-parser: 6.1.2
 
-  postcss-reduce-initial@6.1.0(postcss@8.5.3):
+  postcss-reduce-initial@6.1.0(postcss@8.5.6):
     dependencies:
       browserslist: 4.24.5
       caniuse-api: 3.0.0
-      postcss: 8.5.3
+      postcss: 8.5.6
 
-  postcss-reduce-transforms@6.0.2(postcss@8.5.3):
+  postcss-reduce-transforms@6.0.2(postcss@8.5.6):
     dependencies:
-      postcss: 8.5.3
+      postcss: 8.5.6
       postcss-value-parser: 4.2.0
 
   postcss-replace-overflow-wrap@4.0.0(postcss@8.5.3):
@@ -21941,15 +22235,15 @@ snapshots:
       cssesc: 3.0.0
       util-deprecate: 1.0.2
 
-  postcss-svgo@6.0.3(postcss@8.5.3):
+  postcss-svgo@6.0.3(postcss@8.5.6):
     dependencies:
-      postcss: 8.5.3
+      postcss: 8.5.6
       postcss-value-parser: 4.2.0
       svgo: 3.3.2
 
-  postcss-unique-selectors@6.0.4(postcss@8.5.3):
+  postcss-unique-selectors@6.0.4(postcss@8.5.6):
     dependencies:
-      postcss: 8.5.3
+      postcss: 8.5.6
       postcss-selector-parser: 6.1.2
 
   postcss-url@10.1.3(postcss@8.5.3):
@@ -21980,7 +22274,7 @@ snapshots:
     dependencies:
       prettier: 3.5.3
 
-  prettier-plugin-tailwindcss@0.5.14(@ianvs/prettier-plugin-sort-imports@4.4.1(prettier@3.5.3))(prettier-plugin-organize-attributes@1.0.0(prettier@3.5.3))(prettier@3.5.3):
+  prettier-plugin-tailwindcss@0.7.1(@ianvs/prettier-plugin-sort-imports@4.4.1(prettier@3.5.3))(prettier-plugin-organize-attributes@1.0.0(prettier@3.5.3))(prettier@3.5.3):
     dependencies:
       prettier: 3.5.3
     optionalDependencies:
@@ -22911,13 +23205,13 @@ snapshots:
 
   stoppable@1.1.0: {}
 
-  storybook@9.1.9(@testing-library/dom@8.20.1)(prettier@3.5.3)(vite@7.1.11(@types/node@18.19.31)(jiti@2.4.2)(less@4.4.0)(sass-embedded@1.87.0)(sass@1.90.0)(stylus@0.64.0)(terser@5.43.1)(yaml@2.7.1)):
+  storybook@9.1.9(@testing-library/dom@8.20.1)(prettier@3.5.3)(vite@7.1.11(@types/node@18.19.31)(jiti@2.6.1)(less@4.4.0)(lightningcss@1.30.2)(sass-embedded@1.87.0)(sass@1.90.0)(stylus@0.64.0)(terser@5.43.1)(yaml@2.7.1)):
     dependencies:
       '@storybook/global': 5.0.0
       '@testing-library/jest-dom': 6.9.1
       '@testing-library/user-event': 14.6.1(@testing-library/dom@8.20.1)
       '@vitest/expect': 3.2.4
-      '@vitest/mocker': 3.2.4(vite@7.1.11(@types/node@18.19.31)(jiti@2.4.2)(less@4.4.0)(sass-embedded@1.87.0)(sass@1.90.0)(stylus@0.64.0)(terser@5.43.1)(yaml@2.7.1))
+      '@vitest/mocker': 3.2.4(vite@7.1.11(@types/node@18.19.31)(jiti@2.6.1)(less@4.4.0)(lightningcss@1.30.2)(sass-embedded@1.87.0)(sass@1.90.0)(stylus@0.64.0)(terser@5.43.1)(yaml@2.7.1))
       '@vitest/spy': 3.2.4
       better-opn: 3.0.2
       esbuild: 0.19.12
@@ -23011,10 +23305,10 @@ snapshots:
     dependencies:
       webpack: 5.99.8(@swc/core@1.5.7(@swc/helpers@0.5.12))(esbuild@0.19.12)
 
-  stylehacks@6.1.1(postcss@8.5.3):
+  stylehacks@6.1.1(postcss@8.5.6):
     dependencies:
       browserslist: 4.24.5
-      postcss: 8.5.3
+      postcss: 8.5.6
       postcss-selector-parser: 6.1.2
 
   stylelint@16.19.1(typescript@5.9.3):
@@ -23074,7 +23368,7 @@ snapshots:
 
   sucrase@3.35.0:
     dependencies:
-      '@jridgewell/gen-mapping': 0.3.8
+      '@jridgewell/gen-mapping': 0.3.13
       commander: 4.1.1
       glob: 10.4.5
       lines-and-columns: 1.2.4
@@ -23155,17 +23449,19 @@ snapshots:
       normalize-path: 3.0.0
       object-hash: 3.0.0
       picocolors: 1.1.1
-      postcss: 8.5.3
-      postcss-import: 15.1.0(postcss@8.5.3)
-      postcss-js: 4.0.1(postcss@8.5.3)
-      postcss-load-config: 4.0.2(postcss@8.5.3)(ts-node@10.9.1(@swc/core@1.5.7(@swc/helpers@0.5.12))(@types/node@18.19.31)(typescript@5.9.3))
-      postcss-nested: 6.2.0(postcss@8.5.3)
+      postcss: 8.5.6
+      postcss-import: 15.1.0(postcss@8.5.6)
+      postcss-js: 4.0.1(postcss@8.5.6)
+      postcss-load-config: 4.0.2(postcss@8.5.6)(ts-node@10.9.1(@swc/core@1.5.7(@swc/helpers@0.5.12))(@types/node@18.19.31)(typescript@5.9.3))
+      postcss-nested: 6.2.0(postcss@8.5.6)
       postcss-selector-parser: 6.1.2
       resolve: 1.22.10
       sucrase: 3.35.0
     transitivePeerDependencies:
       - ts-node
 
+  tailwindcss@4.1.17: {}
+
   tapable@2.2.1: {}
 
   tapable@2.3.0: {}
@@ -23383,7 +23679,7 @@ snapshots:
   ts-loader@9.5.2(typescript@5.9.3)(webpack@5.102.1(@swc/core@1.5.7(@swc/helpers@0.5.12))(esbuild@0.19.12)):
     dependencies:
       chalk: 4.1.2
-      enhanced-resolve: 5.18.1
+      enhanced-resolve: 5.18.3
       micromatch: 4.0.8
       semver: 7.7.3
       source-map: 0.7.4
@@ -23636,7 +23932,7 @@ snapshots:
       '@types/unist': 3.0.3
       vfile-message: 4.0.2
 
-  vite@7.1.11(@types/node@18.19.31)(jiti@2.4.2)(less@4.4.0)(sass-embedded@1.87.0)(sass@1.87.0)(stylus@0.64.0)(terser@5.43.1)(yaml@2.7.1):
+  vite@7.1.11(@types/node@18.19.31)(jiti@2.6.1)(less@4.4.0)(lightningcss@1.30.2)(sass-embedded@1.87.0)(sass@1.87.0)(stylus@0.64.0)(terser@5.43.1)(yaml@2.7.1):
     dependencies:
       esbuild: 0.25.9
       fdir: 6.5.0(picomatch@4.0.3)
@@ -23647,15 +23943,16 @@ snapshots:
     optionalDependencies:
       '@types/node': 18.19.31
       fsevents: 2.3.3
-      jiti: 2.4.2
+      jiti: 2.6.1
       less: 4.4.0
+      lightningcss: 1.30.2
       sass: 1.87.0
       sass-embedded: 1.87.0
       stylus: 0.64.0
       terser: 5.43.1
       yaml: 2.7.1
 
-  vite@7.1.11(@types/node@18.19.31)(jiti@2.4.2)(less@4.4.0)(sass-embedded@1.87.0)(sass@1.90.0)(stylus@0.64.0)(terser@5.43.1)(yaml@2.7.1):
+  vite@7.1.11(@types/node@18.19.31)(jiti@2.6.1)(less@4.4.0)(lightningcss@1.30.2)(sass-embedded@1.87.0)(sass@1.90.0)(stylus@0.64.0)(terser@5.43.1)(yaml@2.7.1):
     dependencies:
       esbuild: 0.25.9
       fdir: 6.5.0(picomatch@4.0.3)
@@ -23666,8 +23963,9 @@ snapshots:
     optionalDependencies:
       '@types/node': 18.19.31
       fsevents: 2.3.3
-      jiti: 2.4.2
+      jiti: 2.6.1
       less: 4.4.0
+      lightningcss: 1.30.2
       sass: 1.90.0
       sass-embedded: 1.87.0
       stylus: 0.64.0
@@ -23902,7 +24200,7 @@ snapshots:
       acorn-import-phases: 1.0.4(acorn@8.15.0)
       browserslist: 4.28.0
       chrome-trace-event: 1.0.4
-      enhanced-resolve: 5.18.1
+      enhanced-resolve: 5.18.3
       es-module-lexer: 1.7.0
       eslint-scope: 5.1.1
       events: 3.3.0
diff --git a/tailwind.preset.js b/tailwind.preset.js
index 32c02d961..3077cf26d 100644
--- a/tailwind.preset.js
+++ b/tailwind.preset.js
@@ -1,62 +1,2 @@
 /** @type {import('tailwindcss').Config} */
-module.exports = {
-  darkMode: 'selector',
-  theme: {
-    extend: {
-      translate: {
-        '1.5x': '150%',
-      },
-      colors: {
-        'al-foreground': 'rgb(var(--foreground) / <alpha-value>)',
-        'al-primary-foreground':
-          'rgb(var(--primary-foreground) / <alpha-value>)',
-        'al-card': 'rgb(var(--card) / <alpha-value>)',
-        'al-background': 'rgba(var(--background) / <alpha-value>)',
-        'al-border': 'rgb(var(--border) / <alpha-value>)',
-        'al-blue': '#066aff',
-        'al-pink': 'rgba(var(--primary) / <alpha-value>)',
-        'al-primary': 'rgba(var(--primary) / <alpha-value>)',
-        'al-muted': 'rgba(var(--muted) / <alpha-value>)',
-        'al-roadmap-primary': 'rgba(var(--roadmap-primary) / <alpha-value>)',
-        'al-roadmap-secondary':
-          'rgba(var(--roadmap-secondary) / <alpha-value>)',
-        'al-roadmap-accent': 'rgba(var(--roadmap-accent) / <alpha-value>)',
-        'al-roadmap-hover-primary':
-          'rgba(var(--roadmap-hover-primary) / <alpha-value>)',
-        'al-roadmap-hover-secondary':
-          'rgba(var(--roadmap-hover-secondary) / <alpha-value>)',
-        'al-roadmap-label-optional':
-          'rgba(var(--roadmap-label-optional) / <alpha-value>)',
-        'al-roadmap-label-comingSoon':
-          'rgba(var(--roadmap-label-comingSoon) / <alpha-value>)',
-        'al-grey': 'rgba(var(--grey) / <alpha-value>)',
-        'al-footer-background':
-          'rgba(var(--footer-background) / <alpha-value>)',
-      },
-      backgroundImage: {
-        'al-radial-gradient':
-          'radial-gradient(58.54% 100% at 0% 100%, rgba(var(--primary) / 0.2) 0%, transparent)',
-        'al-roadmap-gradient':
-          'radial-gradient(58.54% 100% at 0% 100%, #E8A4B8, #FDEBF0 100%)',
-        'al-background-gradient':
-          'linear-gradient(180deg, rgba(var(--background) / 1) 0%, rgba(var(--background) / 0.6) 100%)',
-        'al-bottom-radial-gradient':
-          'linear-gradient(180deg, transparent 0%, rgba(0, 0, 0, 0) 100%), radial-gradient(74.37% 74.37% at 50% 124.47%, rgba(var(--primary) / 0.6) 0%, transparent 100%)',
-      },
-      boxShadow: {
-        'al-primary': '0 0 0 1px rgba(var(--primary) / <alpha-value>)',
-        'al-full-background': '0px 0px 0px 999px rgba(var(--background) / 1)',
-        'al-full-border': '0px 0px 0px 999px rgba(var(--grey) / 1)',
-      },
-    },
-  },
-  plugins: [
-    function ({ addVariant }) {
-      addVariant(
-        'light',
-        '&:where([data-theme="light"], [data-theme="light"] *)',
-      );
-      addVariant('dark', '&:where([data-theme="dark"], [data-theme="dark"] *)');
-    },
-  ],
-};
+module.exports = {};