@infonomic/uikit 5.25.0 → 5.26.0

package/dist/components/card/card.module.css

@@ -24,8 +24,7 @@ infonomic-components;
   }
 
   :global(.dark),
-  :global([data-theme="dark"]),
-  :global([data-theme="dark"]) ::backdrop {
+  :global([data-theme="dark"]) {
 
     .card,
     :global(.card) {
@@ -33,6 +32,7 @@ infonomic-components;
     }
   }
 
+
   .card-hover,
   :global(.card-hover) {
     transition: background 0.2s ease-in-out;
@@ -44,8 +44,7 @@ infonomic-components;
   }
 
   :global(.dark),
-  :global([data-theme="dark"]),
-  :global([data-theme="dark"]) ::backdrop {
+  :global([data-theme="dark"]) {
 
     .card-hover:hover,
     :global(.card-hover):hover {

package/dist/components/card/card_module.css

@@ -16,15 +16,7 @@
     display: flex;
   }
 
-  :is(.dark .card-mqJaiW, .dark .card) {
-    background: var(--canvas-800);
-  }
-
-  :is([data-theme="dark"] .card-mqJaiW, [data-theme="dark"] .card) {
-    background: var(--canvas-800);
-  }
-
-  :is([data-theme="dark"] ::backdrop .card-mqJaiW, [data-theme="dark"] ::backdrop .card) {
+  :is(:is(.dark, [data-theme="dark"]) .card-mqJaiW, :is(.dark, [data-theme="dark"]) .card) {
     background: var(--canvas-800);
   }
 
@@ -36,15 +28,7 @@
     background: oklch(from var(--theme-50) 1 .03 h);
   }
 
-  :is(.dark .card-hover-hvT4d6:hover, .dark .card-hover:hover) {
-    background: oklch(from var(--canvas-800) .2 c h);
-  }
-
-  :is([data-theme="dark"] .card-hover-hvT4d6:hover, [data-theme="dark"] .card-hover:hover) {
-    background: oklch(from var(--canvas-800) .2 c h);
-  }
-
-  :is([data-theme="dark"] ::backdrop .card-hover-hvT4d6:hover, [data-theme="dark"] ::backdrop .card-hover:hover) {
+  :is(:is(.dark, [data-theme="dark"]) .card-hover-hvT4d6:hover, :is(.dark, [data-theme="dark"]) .card-hover:hover) {
     background: oklch(from var(--canvas-800) .2 c h);
   }
 

package/dist/components/forms/calendar.module.css

@@ -1,9 +1,9 @@
 @layer infonomic-base,
-  infonomic-functional,
-  infonomic-utilities,
-  infonomic-theme,
-  infonomic-typography,
-  infonomic-components;
+infonomic-functional,
+infonomic-utilities,
+infonomic-theme,
+infonomic-typography,
+infonomic-components;
 
 @layer infonomic-components {
   .day-picker {
@@ -167,19 +167,19 @@
   }
 
   /* '[&>button]:bg-primary [&>button]:text-primary-foreground [&>button]:hover:bg-primary [&>button]:hover:text-primary-foreground', */
-  .day > button {
+  .day>button {
     color: var(--foreground);
   }
 
   /* '[&>button]:bg-accent [&>button]:text-accent-foreground', */
-  .today > button {
+  .today>button {
     /* background-color: var(--gray-50); */
     border: solid 1px var(--stroke-primary);
     color: var(--foreground);
   }
 
-  .day > button:hover,
-  .day-selected > button {
+  .day>button:hover,
+  .day-selected>button {
     background-color: var(--fill-primary-strong);
     color: white;
   }
@@ -206,12 +206,12 @@
     color: var(--foreground);
   }
 
-  .button-range > button {
+  .button-range>button {
     background-color: var(--fill-primary-strong);
     color: white;
   }
 
-  .button-range > button:hover {
+  .button-range>button:hover {
     background-color: var(--fill-primary-strong);
     color: var(--foreground);
   }
@@ -232,8 +232,8 @@
     color: var(--foreground);
   }
 
-  .range-middle > button,
-  .range-middle > button:hover {
+  .range-middle>button,
+  .range-middle>button:hover {
     background-color: transparent;
     color: var(--foreground);
   }
@@ -249,7 +249,8 @@
   * color scheme - either by header or cookie, and set
   * a root html class accordingly
   */
-  :global(.dark) {
+  :global(.dark),
+  :global([data-theme="dark"]) {
     .select-content {
       background-color: var(--canvas-800);
       color: var(--foreground);
@@ -270,4 +271,4 @@
       opacity: 0.7;
     }
   }
-}
+}

package/dist/components/forms/calendar_module.css

@@ -205,17 +205,17 @@
     }
   }
 
-  .dark .select-content-_eFzfR, .dark .scroll-area-epmyLI {
+  :is(.dark, [data-theme="dark"]) .select-content-_eFzfR, :is(.dark, [data-theme="dark"]) .scroll-area-epmyLI {
     background-color: var(--canvas-800);
     color: var(--foreground);
   }
 
-  .dark .select-item-V5Rg6u:hover {
+  :is(.dark, [data-theme="dark"]) .select-item-V5Rg6u:hover {
     background-color: var(--primary-400);
     color: var(--foreground);
   }
 
-  .dark .select-chevrons-kPRdHE {
+  :is(.dark, [data-theme="dark"]) .select-chevrons-kPRdHE {
     stroke: var(--primary-200);
     opacity: .7;
   }

package/dist/components/notifications/toast.module.css

@@ -25,8 +25,7 @@ infonomic-components;
   }
 
   :global(.dark),
-  :global([data-theme="dark"]),
-  :global([data-theme="dark"]) ::backdrop {
+  :global([data-theme="dark"]) {
     .root {
       background: var(--canvas-800);
     }

package/dist/components/notifications/toast_module.css

@@ -16,15 +16,7 @@
     position: absolute;
   }
 
-  .dark .root-dWN7jD {
-    background: var(--canvas-800);
-  }
-
-  [data-theme="dark"] .root-dWN7jD {
-    background: var(--canvas-800);
-  }
-
-  [data-theme="dark"] ::backdrop .root-dWN7jD {
+  :is(.dark, [data-theme="dark"]) .root-dWN7jD {
     background: var(--canvas-800);
   }
 

package/dist/components/overlay/overlay.module.css

@@ -1,45 +1,46 @@
-.overlay {
-  position: fixed;
-  top: 0;
-  left: 0;
-  width: 100%;
-  height: 100%;
-  background-color: rgba(245, 245, 245, 0.35);
-  z-index: 20;
-}
-
-:global(.dark),
-:global([data-theme="dark"]),
-:global([data-theme="dark"]) ::backdrop {
+@layer infonomic-base, infonomic-utilities, infonomic-theme, infonomic-typography, infonomic-components;
+
+@layer infonomic-components {
   .overlay {
-    background-color: rgba(0, 0, 0, 0.5);
+    position: fixed;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    background-color: rgba(245, 245, 245, 0.35);
+    z-index: 20;
   }
-}
 
-.animate-fade-in {
-  animation: fade-in 0.3s ease-in-out;
-}
-
-.animate-fade-out {
-  animation: fade-out 0.3s ease-in-out;
-}
+  :global(.dark) .overlay,
+  :global([data-theme="dark"]) .overlay {
+    background-color: rgba(0, 0, 0, 0.5);
+  }
 
-@keyframes fade-in {
-  from {
-    opacity: 0;
+  .animate-fade-in {
+    animation: fade-in 0.3s ease-in-out;
   }
 
-  to {
-    opacity: 1;
+  .animate-fade-out {
+    animation: fade-out 0.3s ease-in-out;
   }
-}
 
-@keyframes fade-out {
-  from {
-    opacity: 1;
+  @keyframes fade-in {
+    from {
+      opacity: 0;
+    }
+
+    to {
+      opacity: 1;
+    }
   }
 
-  to {
-    opacity: 0;
+  @keyframes fade-out {
+    from {
+      opacity: 1;
+    }
+
+    to {
+      opacity: 0;
+    }
   }
 }

package/dist/components/overlay/overlay_module.css

@@ -1,50 +1,46 @@
-.overlay-hax8h5 {
-  z-index: 20;
-  background-color: #f5f5f559;
-  width: 100%;
-  height: 100%;
-  position: fixed;
-  top: 0;
-  left: 0;
-}
-
-.dark .overlay-hax8h5 {
-  background-color: #00000080;
-}
-
-[data-theme="dark"] .overlay-hax8h5 {
-  background-color: #00000080;
-}
-
-[data-theme="dark"] ::backdrop .overlay-hax8h5 {
-  background-color: #00000080;
-}
-
-.animate-fade-in-oC0Zd7 {
-  animation: .3s ease-in-out fade-in-ODU8WG;
-}
+@layer infonomic-base, infonomic-utilities, infonomic-theme, infonomic-typography;
+
+@layer infonomic-components {
+  .overlay-hax8h5 {
+    z-index: 20;
+    background-color: #f5f5f559;
+    width: 100%;
+    height: 100%;
+    position: fixed;
+    top: 0;
+    left: 0;
+  }
 
-.animate-fade-out-kWVP8l {
-  animation: .3s ease-in-out fade-out-i2NoTL;
-}
+  :is(.dark .overlay-hax8h5, [data-theme="dark"] .overlay-hax8h5) {
+    background-color: #00000080;
+  }
 
-@keyframes fade-in-ODU8WG {
-  from {
-    opacity: 0;
+  .animate-fade-in-oC0Zd7 {
+    animation: .3s ease-in-out fade-in-ODU8WG;
   }
 
-  to {
-    opacity: 1;
+  .animate-fade-out-kWVP8l {
+    animation: .3s ease-in-out fade-out-i2NoTL;
   }
-}
 
-@keyframes fade-out-i2NoTL {
-  from {
-    opacity: 1;
+  @keyframes fade-in-ODU8WG {
+    from {
+      opacity: 0;
+    }
+
+    to {
+      opacity: 1;
+    }
   }
 
-  to {
-    opacity: 0;
+  @keyframes fade-out-i2NoTL {
+    from {
+      opacity: 1;
+    }
+
+    to {
+      opacity: 0;
+    }
   }
 }
 

package/dist/components/pager/pagination.module.css

@@ -138,7 +138,8 @@ infonomic-components;
   * color scheme - either by header or cookie, and set
   * a root html class accordingly
   */
-  :global(.dark) {
+  :global(.dark),
+  :global([data-theme="dark"]) {
 
     .ellipses,
     .number-button,

package/dist/components/pager/pagination_module.css

@@ -80,7 +80,7 @@
     }
   }
 
-  .dark .ellipses-D_NPD7, .dark .number-button-bFXP3X, .dark .next-button-WN4Cb5, .dark .last-button-Brbqt2, .dark .previous-button-XaiuAP, .dark .first-button-wfGrPE {
+  :is(.dark, [data-theme="dark"]) .ellipses-D_NPD7, :is(.dark, [data-theme="dark"]) .number-button-bFXP3X, :is(.dark, [data-theme="dark"]) .next-button-WN4Cb5, :is(.dark, [data-theme="dark"]) .last-button-Brbqt2, :is(.dark, [data-theme="dark"]) .previous-button-XaiuAP, :is(.dark, [data-theme="dark"]) .first-button-wfGrPE {
     border-color: var(--canvas-700);
   }
 }

package/dist/components/shimmer/shimmer.module.css

@@ -17,8 +17,7 @@ infonomic-components;
   }
 
   :global(.dark),
-  :global([data-theme="dark"]),
-  :global([data-theme="dark"]) ::backdrop {
+  :global([data-theme="dark"]) {
     .shimmer {
       background-color: #141414;
       background-image: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.01), transparent);

package/dist/components/shimmer/shimmer_module.css

@@ -10,17 +10,7 @@
     overflow: hidden;
   }
 
-  .dark .shimmer-hQj5gn {
-    background-color: #141414;
-    background-image: linear-gradient(90deg, #0000, #ffffff03, #0000);
-  }
-
-  [data-theme="dark"] .shimmer-hQj5gn {
-    background-color: #141414;
-    background-image: linear-gradient(90deg, #0000, #ffffff03, #0000);
-  }
-
-  [data-theme="dark"] ::backdrop .shimmer-hQj5gn {
+  :is(.dark, [data-theme="dark"]) .shimmer-hQj5gn {
     background-color: #141414;
     background-image: linear-gradient(90deg, #0000, #ffffff03, #0000);
   }

package/dist/components/table/table.module.css

@@ -1,12 +1,13 @@
 @layer infonomic-base,
-  infonomic-functional,
-  infonomic-utilities,
-  infonomic-theme,
-  infonomic-typography,
-  infonomic-components;
+infonomic-functional,
+infonomic-utilities,
+infonomic-theme,
+infonomic-typography,
+infonomic-components;
 
 /* 'border-collapse w-full text-sm text-left text-gray-700 dark:text-gray-400 m-0', */
 @layer infonomic-components {
+
   /* 'table--container break-normal overflow-hidden relative shadow-md rounded-md my-[16px] dark:border dark:border-canvas-700', */
   .table-container {
     display: block;
@@ -52,7 +53,8 @@
   .table-heading-cell {
     white-space: nowrap;
     padding: var(--spacing-8) var(--spacing-8);
-    font-size: 0.975rem; /* 15.6px */
+    font-size: 0.975rem;
+    /* 15.6px */
     /* text-transform: uppercase; */
     background-color: var(--canvas-50);
   }
@@ -79,7 +81,8 @@
   * color scheme - either by header or cookie, and set
   * a root html class accordingly
   */
-  :global(.dark) {
+  :global(.dark),
+  :global([data-theme="dark"]) {
     .table-header {
       background-color: var(--canvas-700);
     }
@@ -101,4 +104,4 @@
       background-color: var(--canvas-800);
     }
   }
-}
+}

package/dist/components/table/table_module.css

@@ -59,20 +59,20 @@
     background-color: var(--canvas-100);
   }
 
-  .dark .table-header-D1lP7m {
+  :is(.dark, [data-theme="dark"]) .table-header-D1lP7m {
     background-color: var(--canvas-700);
   }
 
-  .dark .table-row-ufTNsI:not(:where([class~="not-dark"], [class~="not-dark"] *)) {
+  :is(.dark, [data-theme="dark"]) .table-row-ufTNsI:not(:where([class~="not-dark"], [class~="not-dark"] *)) {
     border-bottom: 1px solid var(--canvas-700);
     background-color: var(--canvas-800);
   }
 
-  .dark .table-row-ufTNsI:hover:not(:where([class~="not-dark"], [class~="not-dark"] *)), .dark .table-heading-cell-gB6ryy:not(:where([class~="not-dark"], [class~="not-dark"] *)) {
+  :is(.dark, [data-theme="dark"]) .table-row-ufTNsI:hover:not(:where([class~="not-dark"], [class~="not-dark"] *)), :is(.dark, [data-theme="dark"]) .table-heading-cell-gB6ryy:not(:where([class~="not-dark"], [class~="not-dark"] *)) {
     background-color: oklch(from var(--canvas-800) calc(l * 1.1) c h);
   }
 
-  .dark .table-footer-JabMFD:not(:where([class~="not-dark"], [class~="not-dark"] *)) {
+  :is(.dark, [data-theme="dark"]) .table-footer-JabMFD:not(:where([class~="not-dark"], [class~="not-dark"] *)) {
     background-color: var(--canvas-800);
   }
 }

package/dist/icons/icons.module.css

@@ -97,8 +97,7 @@
   }
 
   :global(.dark),
-  :global([data-theme="dark"]),
-  :global([data-theme="dark"]) ::backdrop {
+  :global([data-theme="dark"]) {
     .stroke-gray {
       stroke: var(--gray-300);
     }

package/dist/icons/icons_module.css

@@ -96,195 +96,67 @@
     fill: var(--red-500);
   }
 
-  .dark .stroke-gray-ztBX17 {
+  :is(.dark, [data-theme="dark"]) .stroke-gray-ztBX17 {
     stroke: var(--gray-300);
   }
 
-  .dark .stroke-contrast-AT10aI {
+  :is(.dark, [data-theme="dark"]) .stroke-contrast-AT10aI {
     stroke: var(--gray-100);
   }
 
-  .dark .stroke-primary-u7JF2h {
+  :is(.dark, [data-theme="dark"]) .stroke-primary-u7JF2h {
     stroke: var(--primary-400);
   }
 
-  .dark .stroke-secondary-MApqoB {
+  :is(.dark, [data-theme="dark"]) .stroke-secondary-MApqoB {
     stroke: var(--secondary-400);
   }
 
-  .dark .stroke-success-_1cLJV {
+  :is(.dark, [data-theme="dark"]) .stroke-success-_1cLJV {
     stroke: var(--green-400);
   }
 
-  .dark .stroke-info-Vzmoi8 {
+  :is(.dark, [data-theme="dark"]) .stroke-info-Vzmoi8 {
     stroke: var(--blue-400);
   }
 
-  .dark .stroke-warning-I3SfVE {
+  :is(.dark, [data-theme="dark"]) .stroke-warning-I3SfVE {
     stroke: var(--yellow-400);
   }
 
-  .dark .stroke-danger-UyrLVd {
+  :is(.dark, [data-theme="dark"]) .stroke-danger-UyrLVd {
     stroke: var(--red-400);
   }
 
-  .dark .fill-contrast-L9qIfP {
+  :is(.dark, [data-theme="dark"]) .fill-contrast-L9qIfP {
     fill: #fff;
   }
 
-  .dark .fill-gray-bK_ByH {
+  :is(.dark, [data-theme="dark"]) .fill-gray-bK_ByH {
     stroke: var(--gray-300);
   }
 
-  .dark .fill-primary-H4rRqA {
+  :is(.dark, [data-theme="dark"]) .fill-primary-H4rRqA {
     fill: var(--primary-400);
   }
 
-  .dark .fill-secondary-rMFbuc {
+  :is(.dark, [data-theme="dark"]) .fill-secondary-rMFbuc {
     fill: var(--secondary-400);
   }
 
-  .dark .fill-success-zkVkC0 {
+  :is(.dark, [data-theme="dark"]) .fill-success-zkVkC0 {
     fill: var(--green-400);
   }
 
-  .dark .fill-info-uUXjQx {
+  :is(.dark, [data-theme="dark"]) .fill-info-uUXjQx {
     fill: var(--blue-400);
   }
 
-  .dark .fill-warning-MhDHOi {
+  :is(.dark, [data-theme="dark"]) .fill-warning-MhDHOi {
     fill: var(--yellow-400);
   }
 
-  .dark .fill-danger-ON0cOW {
-    fill: var(--red-400);
-  }
-
-  [data-theme="dark"] .stroke-gray-ztBX17 {
-    stroke: var(--gray-300);
-  }
-
-  [data-theme="dark"] .stroke-contrast-AT10aI {
-    stroke: var(--gray-100);
-  }
-
-  [data-theme="dark"] .stroke-primary-u7JF2h {
-    stroke: var(--primary-400);
-  }
-
-  [data-theme="dark"] .stroke-secondary-MApqoB {
-    stroke: var(--secondary-400);
-  }
-
-  [data-theme="dark"] .stroke-success-_1cLJV {
-    stroke: var(--green-400);
-  }
-
-  [data-theme="dark"] .stroke-info-Vzmoi8 {
-    stroke: var(--blue-400);
-  }
-
-  [data-theme="dark"] .stroke-warning-I3SfVE {
-    stroke: var(--yellow-400);
-  }
-
-  [data-theme="dark"] .stroke-danger-UyrLVd {
-    stroke: var(--red-400);
-  }
-
-  [data-theme="dark"] .fill-contrast-L9qIfP {
-    fill: #fff;
-  }
-
-  [data-theme="dark"] .fill-gray-bK_ByH {
-    stroke: var(--gray-300);
-  }
-
-  [data-theme="dark"] .fill-primary-H4rRqA {
-    fill: var(--primary-400);
-  }
-
-  [data-theme="dark"] .fill-secondary-rMFbuc {
-    fill: var(--secondary-400);
-  }
-
-  [data-theme="dark"] .fill-success-zkVkC0 {
-    fill: var(--green-400);
-  }
-
-  [data-theme="dark"] .fill-info-uUXjQx {
-    fill: var(--blue-400);
-  }
-
-  [data-theme="dark"] .fill-warning-MhDHOi {
-    fill: var(--yellow-400);
-  }
-
-  [data-theme="dark"] .fill-danger-ON0cOW {
-    fill: var(--red-400);
-  }
-
-  [data-theme="dark"] ::backdrop .stroke-gray-ztBX17 {
-    stroke: var(--gray-300);
-  }
-
-  [data-theme="dark"] ::backdrop .stroke-contrast-AT10aI {
-    stroke: var(--gray-100);
-  }
-
-  [data-theme="dark"] ::backdrop .stroke-primary-u7JF2h {
-    stroke: var(--primary-400);
-  }
-
-  [data-theme="dark"] ::backdrop .stroke-secondary-MApqoB {
-    stroke: var(--secondary-400);
-  }
-
-  [data-theme="dark"] ::backdrop .stroke-success-_1cLJV {
-    stroke: var(--green-400);
-  }
-
-  [data-theme="dark"] ::backdrop .stroke-info-Vzmoi8 {
-    stroke: var(--blue-400);
-  }
-
-  [data-theme="dark"] ::backdrop .stroke-warning-I3SfVE {
-    stroke: var(--yellow-400);
-  }
-
-  [data-theme="dark"] ::backdrop .stroke-danger-UyrLVd {
-    stroke: var(--red-400);
-  }
-
-  [data-theme="dark"] ::backdrop .fill-contrast-L9qIfP {
-    fill: #fff;
-  }
-
-  [data-theme="dark"] ::backdrop .fill-gray-bK_ByH {
-    stroke: var(--gray-300);
-  }
-
-  [data-theme="dark"] ::backdrop .fill-primary-H4rRqA {
-    fill: var(--primary-400);
-  }
-
-  [data-theme="dark"] ::backdrop .fill-secondary-rMFbuc {
-    fill: var(--secondary-400);
-  }
-
-  [data-theme="dark"] ::backdrop .fill-success-zkVkC0 {
-    fill: var(--green-400);
-  }
-
-  [data-theme="dark"] ::backdrop .fill-info-uUXjQx {
-    fill: var(--blue-400);
-  }
-
-  [data-theme="dark"] ::backdrop .fill-warning-MhDHOi {
-    fill: var(--yellow-400);
-  }
-
-  [data-theme="dark"] ::backdrop .fill-danger-ON0cOW {
+  :is(.dark, [data-theme="dark"]) .fill-danger-ON0cOW {
     fill: var(--red-400);
   }
 }

package/dist/styles/components-vanilla.css

@@ -1 +1 @@
-@layer infonomic-base,infonomic-functional,infonomic-utilities,infonomic-theme,infonomic-typography;@layer infonomic-components{:is(.card-mqJaiW,.card){width:100%;max-width:100%;color:var(--foreground);background:var(--canvas-25);border-width:var(--border-width-thin);border-color:var(--border-color);border-style:var(--border-style-solid);border-radius:var(--border-radius-md);box-shadow:var(--shadow-sm);flex-direction:column;text-decoration:none;display:flex}:is(.dark .card-mqJaiW,.dark .card),:is([data-theme=dark] .card-mqJaiW,[data-theme=dark] .card),:is(){background:var(--canvas-800)}:is(.card-hover-hvT4d6,.card-hover){transition:background .2s ease-in-out}:is(.card-hover-hvT4d6:hover,.card-hover:hover){background:oklch(from var(--theme-50)1 .03 h)}:is(.dark .card-hover-hvT4d6:hover,.dark .card-hover:hover),:is([data-theme=dark] .card-hover-hvT4d6:hover,[data-theme=dark] .card-hover:hover),:is(){background:oklch(from var(--canvas-800).2 c h)}:is(.card-header-XnoBkP,.card-header){flex-direction:column;gap:.5rem;padding:1rem;display:flex}:is(.card-title-JI7Lu3,.card-title){color:var(--headings);letter-spacing:-.015em;font-size:1.8rem;font-weight:700;line-height:1}:is(.card-description-fwu7HE,.card-description){color:var(--muted);font-size:.875rem}:is(.card-content-uhoZYJ,.card-content){flex:1;padding:0 1rem 1rem}:is(.card-footer-BxTa4b,.card-footer){align-items:center;padding:0 1rem 1rem;display:flex}:is(.container-tSpizY,.container){width:100%;max-width:60rem;margin:0 auto;padding:0 1rem}@media (width>=66rem){:is(.container-tSpizY,.container){max-width:64rem}}@media (width>=77rem){:is(.container-tSpizY,.container){max-width:74.375rem}}@media (width>=94rem){:is(.container-tSpizY,.container){max-width:87.5rem}}:is(.badge-8xVidp,.badge){font-size:var(--font-size-sm);text-align:center;white-space:nowrap;vertical-align:baseline;border-radius:var(--border-radius-sm);padding:.25em .4em;font-weight:400;line-height:1;display:inline-block}:is(.primary-oZyR_M,.badge-primary){color:var(--text-on-primary-strong);background-color:var(--fill-primary-strong)}:is(.secondary-VsqJTm,.badge-secondary){color:var(--text-on-secondary-strong);background-color:var(--fill-secondary-strong)}:is(.noeffect-R8eJtO,.badge-noeffect){color:var(--text-on-noeffect-strong);background-color:var(--fill-noeffect-strong)}:is(.success-h2otET,.badge-success){color:var(--text-on-success-strong);background-color:var(--fill-success-strong)}:is(.info-OG3F3u,.badge-info){color:var(--text-on-info-strong);background-color:var(--fill-info-strong)}:is(.warning-zTXksZ,.badge-warning){color:var(--text-on-warning-strong);background-color:var(--fill-warning-strong)}:is(.danger-hKF7l_,.badge-danger){color:var(--text-on-danger-strong);background-color:var(--fill-danger-strong)}:is(.button-IjDhC0,.button){cursor:pointer;text-align:center;gap:var(--gap-2);white-space:nowrap;outline-offset:2px;transition:background-color var(--transition-normal),box-shadow var(--transition-normal);border-radius:var(--border-radius-sm);border:none;outline:2px solid #0000;justify-content:center;align-items:center;font-weight:400;line-height:0;display:inline-flex}:is(.button-IjDhC0:disabled,.button-IjDhC0[disabled],.button:disabled,.button[disabled]){pointer-events:none}:is(.button-IjDhC0:focus,.button-IjDhC0:active,.button:focus,.button:active){--ring-offset-color:var(--background);--ring-offset-shadow:var(--ring-inset)0 0 0 var(--ring-offset-width)var(--ring-offset-color);--ring-shadow:var(--ring-inset)0 0 0 calc(1px + var(--ring-offset-width))var(--ring-color);box-shadow:var(--ring-offset-shadow),var(--ring-shadow),var(--shadow,0 0 #0000)}.button-IjDhC0.square-P_6yde,.button-square{aspect-ratio:1;border-radius:var(--border-radius-sm);padding:0}.button-IjDhC0.round-uqus3n,.button-round{aspect-ratio:1;border-radius:var(--border-radius-full);padding:0}:is(.xs-jxTd5R,.button-xs){min-height:26px;padding:.2rem .4rem;font-size:.7rem}:is(.sm-uD_Ugt,.button-sm){min-height:32px;padding:.25rem .5rem;font-size:.775rem}:is(.md-Qp9ad6,.button-md){min-height:38px;padding:.625rem 1.25rem;font-size:.95rem}:is(.lg-FAYTen,.button-lg){min-height:46px;padding:.75rem 1.5rem;font-size:1.1rem}:is(.xl-Gwvhl4,.button-xl){min-height:54px;padding:.75rem 1.5rem;font-size:1.2rem}:is(.filled-CwGsrO,.button-filled){color:var(--button-variant-filled-foreground);background-color:var(--button-variant-filled)}:is(.filled-CwGsrO:hover,.button-filled:hover){background-color:var(--button-variant-filled-hover)}:is(.filled-CwGsrO:focus,.filled-CwGsrO:active,.button-filled:focus,.button-filled:active){--ring-color:var(--button-ring-color)}:is(.filled-CwGsrO:disabled,.filled-CwGsrO[disabled],.button-filled:disabled,.button-filled[disabled]){background-color:var(--button-variant-filled-disabled,oklch(from var(--button-variant-filled)calc(l*1.1)calc(c*.85)h));color:var(--button-variant-filled-foreground-disabled,oklch(from var(--button-variant-filled-foreground)calc(l*.9)calc(c*.85)h))}:is(.filled-weak-QLU8bA,.button-filled-weak){color:var(--button-variant-filled-weak-foreground);background-color:var(--button-variant-filled-weak)}:is(.filled-weak-QLU8bA:hover,.button-filled-weak:hover){background-color:var(--button-variant-filled-weak-hover)}:is(.filled-weak-QLU8bA:focus,.filled-weak-QLU8bA:active,.button-filled-weak:focus,.button-filled-weak:active){--ring-color:var(--button-ring-color)}:is(.filled-weak-QLU8bA:disabled,.filled-weak-QLU8bA[disabled],.button-filled-weak:disabled,.button-filled-weak[disabled]){background-color:var(--button-variant-filled-weak-disabled,oklch(from var(--button-variant-filled-weak)calc(l*1.1)calc(c*.85)h));color:var(--button-variant-filled-weak-foreground-disabled,oklch(from var(--button-variant-filled-weak-foreground)calc(l*.9)calc(c*.85)h))}:is(.outlined-nZGbxu,.button-outlined){border:1px solid var(--button-variant-outlined-border);color:var(--button-variant-outlined-foreground);background-color:var(--button-variant-outlined)}:is(.outlined-nZGbxu:disabled,.outlined-nZGbxu[disabled],.button-outlined:disabled,.button-outlined[disabled]){border-color:var(--button-variant-outlined-border-disabled,oklch(from var(--button-variant-outlined-border)calc(l*1.5)calc(c*.8)h));color:var(--button-variant-outlined-foreground-disabled,oklch(from var(--button-variant-outlined-foreground)calc(l*1.1)calc(c*.7)h))}:is(.outlined-nZGbxu:hover,.button-outlined:hover){background-color:var(--button-variant-outlined-hover)}:is(.outlined-nZGbxu:focus,.outlined-nZGbxu:active,.button-outlined:focus,.button-outlined:active){--ring-color:var(--button-ring-color)}:is(.gradient-ySC3O3,.button-gradient){color:var(--button-variant-gradient-foreground);background:linear-gradient(45deg,var(--button-variant-gradient-start),var(--button-variant-gradient-end))}:is(.gradient-ySC3O3:disabled,.gradient-ySC3O3[disabled],.button-gradient:disabled,.button-gradient[disabled]){background:unset;background-color:var(--button-variant-gradient-disabled,oklch(from var(--button-variant-gradient-end)calc(l*1.2)calc(c*.85)h));color:var(--button-variant-gradient-foreground-disabled,oklch(from var(--button-variant-gradient-foreground)calc(l*.9)calc(c*.85)h))}:is(.gradient-ySC3O3:hover,.button-gradient:hover){color:var(--button-variant-gradient-foreground);background:linear-gradient(45deg,var(--button-variant-gradient-start),var(--button-variant-gradient-end))}:is(.gradient-ySC3O3:focus,.gradient-ySC3O3:active,.button-gradient:focus,.button-gradient:active){--ring-color:var(--button-ring-color)}:is(.text-GaxlcE,.button-text){background-color:var(--button-variant-text);color:var(--button-variant-text-foreground)}:is(.text-GaxlcE:disabled,.text-GaxlcE[disabled],.button-text:disabled,.button-text[disabled]){color:oklch(from var(--button-variant-text-foreground)calc(l*1.5)calc(c*.5)h)}:is(.text-GaxlcE:hover,.button-text:hover){background-color:var(--button-variant-text-hover)}:is(.text-GaxlcE:focus,.text-GaxlcE:active,.button-text:focus,.button-text:active){--ring-color:var(--button-ring-color)}:is(.primary-tUmczz,.button-primary){--button-ring-color:var(--ring-primary);--button-variant-filled:var(--fill-primary-strong);--button-variant-filled-hover:var(--fill-primary-strong-hover);--button-variant-filled-disabled:var(--fill-primary-strong-disabled);--button-variant-filled-foreground:var(--text-on-primary-strong);--button-variant-filled-foreground-disabled:var(--text-on-primary-strong-disabled);--button-variant-filled-weak:var(--fill-primary-weak);--button-variant-filled-weak-hover:var(--fill-primary-weak-hover);--button-variant-filled-weak-disabled:var(--fill-primary-weak-disabled);--button-variant-filled-weak-foreground:var(--text-on-primary-weak);--button-variant-filled-weak-foreground-disabled:var(--text-on-primary-weak-disabled);--button-variant-outlined:var(--fill-primary-outlined);--button-variant-outlined-hover:var(--fill-primary-outlined-hover);--button-variant-outlined-border:var(--stroke-primary);--button-variant-outlined-border-disabled:var(--stroke-primary-disabled);--button-variant-outlined-foreground:var(--text-on-primary-outlined);--button-variant-outlined-foreground-disabled:var(--text-on-primary-outlined-disabled);--button-variant-text:var(--fill-primary-text);--button-variant-text-hover:var(--fill-primary-text-hover);--button-variant-text-foreground:var(--text-primary);--button-variant-gradient-start:var(--gradient-primary-start);--button-variant-gradient-end:var(--gradient-primary-end);--button-variant-gradient-foreground:var(--gradient-primary-foreground);--button-variant-gradient-disabled:var(--gradient-primary-disabled);--button-variant-gradient-foreground-disabled:var(--text-on-primary-disabled)}:is(.secondary-UqT2AY,.button-secondary){--button-ring-color:var(--ring-secondary);--button-variant-filled:var(--fill-secondary-strong);--button-variant-filled-hover:var(--fill-secondary-strong-hover);--button-variant-filled-disabled:var(--fill-secondary-strong-disabled);--button-variant-filled-foreground:var(--text-on-secondary-strong);--button-variant-filled-foreground-disabled:var(--text-on-secondary-strong-disabled);--button-variant-filled-weak:var(--fill-secondary-weak);--button-variant-filled-weak-hover:var(--fill-secondary-weak-hover);--button-variant-filled-weak-disabled:var(--fill-secondary-weak-disabled);--button-variant-filled-weak-foreground:var(--text-on-secondary-weak);--button-variant-filled-weak-foreground-disabled:var(--text-on-secondary-weak-disabled);--button-variant-outlined:var(--fill-secondary-outlined);--button-variant-outlined-border:var(--stroke-secondary);--button-variant-outlined-border-disabled:var(--stroke-secondary-disabled);--button-variant-outlined-hover:var(--fill-secondary-outlined-hover);--button-variant-outlined-foreground:var(--text-on-secondary-outlined);--button-variant-outlined-foreground-disabled:var(--text-on-secondary-outlined-disabled);--button-variant-text:var(--fill-secondary-text);--button-variant-text-hover:var(--fill-secondary-text-hover);--button-variant-text-foreground:var(--text-secondary);--button-variant-gradient-start:var(--gradient-secondary-start);--button-variant-gradient-end:var(--gradient-secondary-end);--button-variant-gradient-foreground:var(--gradient-secondary-foreground);--button-variant-gradient-disabled:var(--gradient-secondary-disabled);--button-variant-gradient-foreground-disabled:var(--text-on-secondary-disabled)}:is(.noeffect-fpxSgg,.button-noeffect){--button-ring-color:var(--ring-noeffect);--button-variant-filled:var(--fill-noeffect-strong);--button-variant-filled-hover:var(--fill-noeffect-strong-hover);--button-variant-filled-disabled:var(--fill-noeffect-strong-disabled);--button-variant-filled-foreground:var(--text-on-noeffect-strong);--button-variant-filled-foreground-disabled:var(--text-on-noeffect-strong-disabled);--button-variant-filled-weak:var(--fill-noeffect-weak);--button-variant-filled-weak-hover:var(--fill-noeffect-weak-hover);--button-variant-filled-weak-disabled:var(--fill-noeffect-weak-disabled);--button-variant-filled-weak-foreground:var(--text-on-noeffect-weak);--button-variant-filled-weak-foreground-disabled:var(--text-on-noeffect-weak-disabled);--button-variant-outlined:var(--fill-noeffect-outlined);--button-variant-outlined-hover:var(--fill-noeffect-outlined-hover);--button-variant-outlined-disabled:var(--fill-noeffect-outlined-disabled);--button-variant-outlined-border:var(--stroke-noeffect);--button-variant-outlined-border-disabled:var(--stroke-noeffect-disabled);--button-variant-outlined-foreground:var(--text-on-noeffect-outlined);--button-variant-outlined-foreground-disabled:var(--text-on-noeffect-disabled);--button-variant-text:var(--fill-noeffect-text);--button-variant-text-hover:var(--fill-noeffect-text-hover);--button-variant-text-foreground:var(--text-noeffect);--button-variant-gradient-start:var(--gradient-noeffect-start);--button-variant-gradient-end:var(--gradient-noeffect-end);--button-variant-gradient-foreground:var(--gradient-noeffect-foreground);--button-variant-gradient-disabled:var(--gradient-noeffect-disabled);--button-variant-gradient-foreground-disabled:var(--text-on-noeffect-disabled)}:is(.success-fTNDEn,.button-success){--button-ring-color:var(--ring-success);--button-variant-filled:var(--fill-success-strong);--button-variant-filled-hover:var(--fill-success-strong-hover);--button-variant-filled-disabled:var(--fill-success-strong-disabled);--button-variant-filled-foreground:var(--text-on-success-strong);--button-variant-filled-foreground-disabled:var(--text-on-success-strong-disabled);--button-variant-filled-weak:var(--fill-success-weak);--button-variant-filled-weak-hover:var(--fill-success-weak-hover);--button-variant-filled-weak-disabled:var(--fill-success-weak-disabled);--button-variant-filled-weak-foreground:var(--text-on-success-weak);--button-variant-filled-weak-foreground-disabled:var(--text-on-success-weak-disabled);--button-variant-outlined:var(--fill-success-outlined);--button-variant-outlined-hover:var(--fill-success-outlined-hover);--button-variant-outlined-border:var(--stroke-success);--button-variant-outlined-border-disabled:var(--stroke-success-disabled);--button-variant-outlined-foreground:var(--text-on-success-outlined);--button-variant-outlined-foreground-disabled:var(--text-on-success-outlined-disabled);--button-variant-text:transparent;--button-variant-text-hover:var(--fill-success-text-hover);--button-variant-text-foreground:var(--text-success);--button-variant-gradient-start:var(--gradient-success-start);--button-variant-gradient-end:var(--gradient-success-end);--button-variant-gradient-foreground:var(--gradient-success-foreground);--button-variant-gradient-disabled:var(--gradient-success-disabled);--button-variant-gradient-foreground-disabled:var(--text-on-success-disabled)}:is(.info-qrdXQD,.button-info){--button-ring-color:var(--ring-info);--button-variant-filled:var(--fill-info-strong);--button-variant-filled-hover:var(--fill-info-strong-hover);--button-variant-filled-disabled:var(--fill-info-strong-disabled);--button-variant-filled-foreground:var(--text-on-info-strong);--button-variant-filled-foreground-disabled:var(--text-on-info-strong-disabled);--button-variant-filled-weak:var(--fill-info-weak);--button-variant-filled-weak-hover:var(--fill-info-weak-hover);--button-variant-filled-weak-disabled:var(--fill-info-weak-disabled);--button-variant-filled-weak-foreground:var(--text-on-info-weak);--button-variant-filled-weak-foreground-disabled:var(--text-on-info-weak-disabled);--button-variant-outlined:transparent;--button-variant-outlined-hover:var(--fill-info-outlined-hover);--button-variant-outlined-border:var(--stroke-info);--button-variant-outlined-border-disabled:var(--stroke-info-disabled);--button-variant-outlined-foreground:var(--text-on-info-outlined);--button-variant-outlined-foreground-disabled:var(--text-on-info-outlined-disabled);--button-variant-text:transparent;--button-variant-text-hover:var(--fill-info-text-hover);--button-variant-text-foreground:var(--text-info);--button-variant-gradient-start:var(--gradient-info-start);--button-variant-gradient-end:var(--gradient-info-end);--button-variant-gradient-foreground:var(--gradient-info-foreground);--button-variant-gradient-disabled:var(--gradient-info-disabled);--button-variant-gradient-foreground-disabled:var(--text-on-info-disabled)}:is(.warning-a00T3A,.button-warning){--button-ring-color:var(--ring-warning);--button-variant-filled:var(--fill-warning-strong);--button-variant-filled-hover:var(--fill-warning-strong-hover);--button-variant-filled-disabled:var(--fill-warning-strong-disabled);--button-variant-filled-foreground:var(--text-on-warning-strong);--button-variant-filled-foreground-disabled:var(--text-on-warning-strong-disabled);--button-variant-filled-weak:var(--fill-warning-weak);--button-variant-filled-weak-hover:var(--fill-warning-weak-hover);--button-variant-filled-weak-disabled:var(--fill-warning-weak-disabled);--button-variant-filled-weak-foreground:var(--text-on-warning-weak);--button-variant-filled-weak-foreground-disabled:var(--text-on-warning-weak-disabled);--button-variant-outlined:var(--fill-warning-outlined);--button-variant-outlined-hover:var(--fill-warning-outlined-hover);--button-variant-outlined-border:var(--stroke-warning);--button-variant-outlined-border-disabled:var(--stroke-warning-disabled);--button-variant-outlined-foreground:var(--text-on-warning-outlined);--button-variant-outlined-foreground-disabled:var(--text-on-warning-outlined-disabled);--button-variant-text:transparent;--button-variant-text-hover:var(--fill-warning-text-hover);--button-variant-text-foreground:var(--text-warning);--button-variant-gradient-start:var(--gradient-warning-start);--button-variant-gradient-end:var(--gradient-warning-end);--button-variant-gradient-foreground:var(--gradient-warning-foreground);--button-variant-gradient-disabled:var(--gradient-warning-disabled);--button-variant-gradient-foreground-disabled:var(--text-on-warning-disabled)}:is(.danger-rwIV_i,.button-danger){--button-ring-color:var(--ring-danger);--button-variant-filled:var(--fill-danger-strong);--button-variant-filled-hover:var(--fill-danger-strong-hover);--button-variant-filled-disabled:var(--fill-danger-strong-disabled);--button-variant-filled-foreground:var(--text-on-danger-strong);--button-variant-filled-foreground-disabled:var(--text-on-danger-strong-disabled);--button-variant-filled-weak:var(--fill-danger-weak);--button-variant-filled-weak-hover:var(--fill-danger-weak-hover);--button-variant-filled-weak-disabled:var(--fill-danger-weak-disabled);--button-variant-filled-weak-foreground:var(--text-on-danger-weak);--button-variant-filled-weak-foreground-disabled:var(--text-on-danger-weak-disabled);--button-variant-outlined:transparent;--button-variant-outlined-hover:var(--fill-danger-outlined-hover);--button-variant-outlined-border:var(--stroke-danger);--button-variant-outlined-border-disabled:var(--stroke-danger-disabled);--button-variant-outlined-foreground:var(--text-on-danger-outlined);--button-variant-outlined-foreground-disabled:var(--text-on-danger-outlined-disabled);--button-variant-text:transparent;--button-variant-text-hover:var(--fill-danger-text-hover);--button-variant-text-foreground:var(--text-danger);--button-variant-gradient-start:var(--gradient-danger-start);--button-variant-gradient-end:var(--gradient-danger-end);--button-variant-gradient-foreground:var(--gradient-danger-foreground);--button-variant-gradient-disabled:var(--gradient-danger-disabled);--button-variant-gradient-foreground-disabled:var(--text-on-danger-disabled)}:is(.fullWidth-wXvP0v,.button-full-width){width:100%;display:flex}:is(.button-group-uqvOi8,.button-group){place-items:center;gap:var(--gap-2);flex-direction:column;display:flex}@media screen and (width>=40rem){:is(.button-group-uqvOi8,.button-group){flex-direction:row}}:is(.copy-button-container-vCNz8o,.copy-button-container){display:inline-block}:is(.copy-button-oa4bdj svg,.copy-button svg){width:90%;height:90%;display:block}:is(.xs-lZmf78,.copy-button-xs){width:26px;height:26px;min-height:26px;padding:.25rem}:is(.sm-KNN1e5,.copy-button-sm){width:32px;height:32px;min-height:32px;padding:.35rem}:is(.md-OoH0l4,.copy-button-md){width:38px;height:38px;min-height:38px;padding:.45rem}:is(.lg-uu5ujz,.copy-button-lg){width:46px;height:46px;min-height:46px;padding:.55rem}:is(.xl-pFYyrS,.copy-button-xl){width:54px;height:54px;min-height:54px;padding:.65rem}:is(.input-wrapper-xxN94z,.input-wrapper){gap:var(--gap-1);flex-direction:column;display:flex}:is(.input-container-GveKcr,.input-container){align-items:center;gap:var(--gap-2);width:100%;padding:0;display:flex;position:relative}:is(.input-voSL1w,.input){gap:var(--gap-2);width:100%;transition:all var(--transition-normal);border-radius:var(--border-radius-sm);border:none;outline:none;align-items:center;font-weight:400;display:inline-flex}:is(.input-voSL1w:focus,.input-voSL1w:active,.input:focus,.input:active){--ring-offset-color:var(--background);--ring-offset-shadow:var(--ring-inset)0 0 0 var(--ring-offset-width)var(--ring-offset-color);--ring-shadow:var(--ring-inset)0 0 0 calc(1px + var(--ring-offset-width))var(--ring-color);box-shadow:var(--ring-offset-shadow),var(--ring-shadow),var(--shadow,0 0 #0000)}:is(.input-voSL1w:disabled,.input-voSL1w[disabled],.input:disabled,.input[disabled]){pointer-events:none}:is(.label-a8k0oS,.input-label){color:var(--label-color);font-size:.875rem;font-weight:500}:is(.sm-cI5ETu,.input-sm){min-height:32px;padding:.25rem .5rem;font-size:.875rem;line-height:0}:is(.md-moqLi4,.input-md){min-height:38px;padding:.4rem .5rem;font-size:1.1rem;line-height:0}:is(.lg-Tn3YZZ,.input-lg){min-height:46px;padding:.5rem;font-size:1.2rem;line-height:0}:is(.start-adornment-H0sdmX,.end-adornment-xl3mid,.input-start-adornment,.input-end-adornment){align-items:center;display:flex;position:absolute}:is(.start-adornment-H0sdmX,.input-start-adornment){left:5px}:is(.end-adornment-xl3mid,.input-end-adornment){right:5px}:is(.help-text-MZW4yX,.input-help-text){color:var(--help-text-color);font-size:.75rem}:is(.outlined-xbB8mE,.input-outlined){border:1px solid var(--input-variant-outlined-border);background-color:#0000}:is(.outlined-xbB8mE:hover,.input-outlined:hover){border:1px solid var(--input-variant-outlined-hover-border)}:is(.outlined-xbB8mE:focus,.outlined-xbB8mE:active,.input-outlined:focus,.input-outlined:active){--ring-color:var(--input-variant-outline-ring-color)}:is(.underlined-zAz2HP,.input-underlined){border-bottom:1px solid var(--input-variant-underlined-border);gap:var(--gap-1);background-color:var(--input-variant-underlined);border-radius:0}.underlined-zAz2HP.sm-cI5ETu,.input-underlined.input-sm{min-height:26px;padding:.25rem .1rem}.underlined-zAz2HP.md-moqLi4,.input-underlined.input-md{min-height:30px;padding:.25rem .1rem}.underlined-zAz2HP.lg-Tn3YZZ,.input-underlined.input-lg{min-height:34px;padding:0 .1rem}:is(.underlined-zAz2HP:hover,.input-underlined:hover){border-bottom:1px solid var(--input-variant-underlined-hover-border)}:is(.filled-M1_LzJ,.input-filled){background-color:var(--input-variant-filled)}:is(.error-n0kSb0,.input-error),:is(.error-n0kSb0:hover,.input-error:hover){border:1px solid var(--red-400)}:is(.error-n0kSb0:focus,.error-n0kSb0:active,.input-error:focus,.input-error:active){--ring-color:var(--red-300)}.underlined-zAz2HP.start-adornment-padding-YAcYOx,.start-adornment-padding-YAcYOx,.input-underlined.input-start-adornment-padding,.input-start-adornment-padding{padding-left:2rem}.underlined-zAz2HP.end-adornment-padding-nC63CK,.end-adornment-padding-nC63CK,.input-underlined.input-end-adornment-padding,.input-end-adornment-padding{padding-right:2rem}.underlined-zAz2HP.start-adornment-H0sdmX,.input-underlined.input-start-adornment{left:0}.underlined-zAz2HP.end-adornment-xl3mid,.input-underlined.input-end-adornment{right:0}:is(.primary-xZZpZI,.input-primary){--input-variant-outlined-border:var(--stroke-primary);--input-variant-outlined-hover-border:var(--stroke-primary-hover);--input-variant-outline-ring-color:var(--ring-primary);--input-variant-underlined-border:var(--stroke-primary);--input-variant-underlined-hover-border:var(--stroke-primary-hover);--input-variant-filled:var(--fill-primary-weak)}:is(.secondary-WWDy2x,.input-secondary){--input-variant-outlined-border:var(--stroke-secondary);--input-variant-outlined-hover-border:var(--stroke-secondary-hover);--input-variant-outline-ring-color:var(--ring-secondary);--input-variant-underlined-border:var(--stroke-secondary);--input-variant-underlined-hover-border:var(--stroke-secondary-hover);--input-variant-filled:var(--fill-secondary-weak)}:is(.noeffect-LHbgak,.input-noeffect){--input-variant-outlined-border:var(--stroke-noeffect);--input-variant-outlined-hover-border:var(--stroke-noeffect-hover);--input-variant-outline-ring-color:var(--ring-noeffect);--input-variant-underlined-border:var(--stroke-noeffect);--input-variant-underlined-hover-border:var(--stroke-noeffect-hover);--input-variant-filled:var(--fill-noeffect-weak)}:is(.success-pMbTwx,.input-success){--input-variant-outlined-border:var(--stroke-success);--input-variant-outlined-hover-border:var(--stroke-success-hover);--input-variant-outline-ring-color:var(--ring-success);--input-variant-underlined-border:var(--stroke-success);--input-variant-underlined-hover-border:var(--stroke-success-hover);--input-variant-filled:var(--fill-success-weak)}:is(.info-SRpUkb,.input-info){--input-variant-outlined-border:var(--stroke-info);--input-variant-outlined-hover-border:var(--stroke-info-hover);--input-variant-outline-ring-color:var(--ring-info);--input-variant-underlined-border:var(--stroke-info);--input-variant-underlined-hover-border:var(--stroke-info-hover);--input-variant-filled:var(--fill-info-weak)}:is(.warning-mHL8O2,.input-warning){--input-variant-outlined-border:var(--stroke-warning);--input-variant-outlined-hover-border:var(--stroke-warning-hover);--input-variant-outline-ring-color:var(--ring-warning);--input-variant-underlined-border:var(--stroke-warning);--input-variant-underlined-hover-border:var(--stroke-warning-hover);--input-variant-filled:var(--fill-warning-weak)}:is(.danger-Rzx3WQ,.input-danger){--input-variant-outlined-border:var(--stroke-danger);--input-variant-outlined-hover-border:var(--stroke-danger-hover);--input-variant-outline-ring-color:var(--ring-danger);--input-variant-underlined-border:var(--stroke-danger);--input-variant-underlined-hover-border:var(--stroke-danger-hover);--input-variant-filled:var(--fill-danger-weak)}:is(.adornment-IbSUaL,.input-adornment){white-space:nowrap;align-items:center;line-height:0;display:flex}:is(.start-hcDqEk,.input-adornment-start){justify-content:flex-start}:is(.end-j0ZhyO,.input-adornment-end){justify-content:flex-end}:is(.text-area-P_aQjC,.text-area){width:100%;padding:.5rem;font-size:1.1rem}.underlined-a9hkur{padding-left:0;padding-right:0}:is(.label-Q88hWY,.label){color:var(--text);font-weight:500;display:block}:is(.required-uod5eu,.label-required){color:var(--error)}:is(.text-xJE0DB,.error-text){color:var(--error);font-size:.875rem}:is(.text-U6KD9f,.help-text){color:var(--muted);font-size:.875rem}:is(.section-CEcZOp,.section){width:100%;position:relative}:is(.scroll-to-top-WYqAAl,.scroll-to-top){opacity:0;visibility:hidden;z-index:20;width:0;height:0;color:var(--text-on-primary);background-color:var(--fill-primary-strong);cursor:pointer;border-style:none;outline:none;justify-content:center;align-items:center;margin:0;padding:0;text-decoration:none;transition:all .3s cubic-bezier(.25,.8,.5,1),color 1ms;display:flex;position:fixed;bottom:45px;right:30px}.scroll-to-top-WYqAAl span,.scroll-to-top span{width:18px;padding-bottom:3px}.scroll-to-top-WYqAAl span svg path,.scroll-to-top span svg path{stroke:none;fill:var(--text-on-primary)}.scroll-to-top-WYqAAl:hover,.scroll-to-top-WYqAAl:focus,.scroll-to-top:hover,.scroll-to-top:focus{color:var(--text-on-primary);background-color:var(--fill-primary-strong-hover);transform:translateY(-5px)}:is(.scroll-to-top-shown-Wemu5m,.scroll-to-top-shown){opacity:1;visibility:visible;border-radius:20px;width:40px;min-width:0;height:40px;padding:0;bottom:20px;right:10px}@media screen and (width>=587px){:is(.scroll-to-top-WYqAAl,.scroll-to-top){bottom:45px;right:45px}.scroll-to-top-WYqAAl span,.scroll-to-top span{width:18px}:is(.scroll-to-top-shown-Wemu5m,.scroll-to-top-shown){border-radius:21px;width:42px;height:42px;bottom:22px;right:22px}}}
+@layer infonomic-base,infonomic-functional,infonomic-utilities,infonomic-theme,infonomic-typography;@layer infonomic-components{:is(.card-mqJaiW,.card){width:100%;max-width:100%;color:var(--foreground);background:var(--canvas-25);border-width:var(--border-width-thin);border-color:var(--border-color);border-style:var(--border-style-solid);border-radius:var(--border-radius-md);box-shadow:var(--shadow-sm);flex-direction:column;text-decoration:none;display:flex}:is(:is(.dark,[data-theme=dark]) .card-mqJaiW,:is(.dark,[data-theme=dark]) .card){background:var(--canvas-800)}:is(.card-hover-hvT4d6,.card-hover){transition:background .2s ease-in-out}:is(.card-hover-hvT4d6:hover,.card-hover:hover){background:oklch(from var(--theme-50)1 .03 h)}:is(:is(.dark,[data-theme=dark]) .card-hover-hvT4d6:hover,:is(.dark,[data-theme=dark]) .card-hover:hover){background:oklch(from var(--canvas-800).2 c h)}:is(.card-header-XnoBkP,.card-header){flex-direction:column;gap:.5rem;padding:1rem;display:flex}:is(.card-title-JI7Lu3,.card-title){color:var(--headings);letter-spacing:-.015em;font-size:1.8rem;font-weight:700;line-height:1}:is(.card-description-fwu7HE,.card-description){color:var(--muted);font-size:.875rem}:is(.card-content-uhoZYJ,.card-content){flex:1;padding:0 1rem 1rem}:is(.card-footer-BxTa4b,.card-footer){align-items:center;padding:0 1rem 1rem;display:flex}:is(.container-tSpizY,.container){width:100%;max-width:60rem;margin:0 auto;padding:0 1rem}@media (width>=66rem){:is(.container-tSpizY,.container){max-width:64rem}}@media (width>=77rem){:is(.container-tSpizY,.container){max-width:74.375rem}}@media (width>=94rem){:is(.container-tSpizY,.container){max-width:87.5rem}}:is(.badge-8xVidp,.badge){font-size:var(--font-size-sm);text-align:center;white-space:nowrap;vertical-align:baseline;border-radius:var(--border-radius-sm);padding:.25em .4em;font-weight:400;line-height:1;display:inline-block}:is(.primary-oZyR_M,.badge-primary){color:var(--text-on-primary-strong);background-color:var(--fill-primary-strong)}:is(.secondary-VsqJTm,.badge-secondary){color:var(--text-on-secondary-strong);background-color:var(--fill-secondary-strong)}:is(.noeffect-R8eJtO,.badge-noeffect){color:var(--text-on-noeffect-strong);background-color:var(--fill-noeffect-strong)}:is(.success-h2otET,.badge-success){color:var(--text-on-success-strong);background-color:var(--fill-success-strong)}:is(.info-OG3F3u,.badge-info){color:var(--text-on-info-strong);background-color:var(--fill-info-strong)}:is(.warning-zTXksZ,.badge-warning){color:var(--text-on-warning-strong);background-color:var(--fill-warning-strong)}:is(.danger-hKF7l_,.badge-danger){color:var(--text-on-danger-strong);background-color:var(--fill-danger-strong)}:is(.button-IjDhC0,.button){cursor:pointer;text-align:center;gap:var(--gap-2);white-space:nowrap;outline-offset:2px;transition:background-color var(--transition-normal),box-shadow var(--transition-normal);border-radius:var(--border-radius-sm);border:none;outline:2px solid #0000;justify-content:center;align-items:center;font-weight:400;line-height:0;display:inline-flex}:is(.button-IjDhC0:disabled,.button-IjDhC0[disabled],.button:disabled,.button[disabled]){pointer-events:none}:is(.button-IjDhC0:focus,.button-IjDhC0:active,.button:focus,.button:active){--ring-offset-color:var(--background);--ring-offset-shadow:var(--ring-inset)0 0 0 var(--ring-offset-width)var(--ring-offset-color);--ring-shadow:var(--ring-inset)0 0 0 calc(1px + var(--ring-offset-width))var(--ring-color);box-shadow:var(--ring-offset-shadow),var(--ring-shadow),var(--shadow,0 0 #0000)}.button-IjDhC0.square-P_6yde,.button-square{aspect-ratio:1;border-radius:var(--border-radius-sm);padding:0}.button-IjDhC0.round-uqus3n,.button-round{aspect-ratio:1;border-radius:var(--border-radius-full);padding:0}:is(.xs-jxTd5R,.button-xs){min-height:26px;padding:.2rem .4rem;font-size:.7rem}:is(.sm-uD_Ugt,.button-sm){min-height:32px;padding:.25rem .5rem;font-size:.775rem}:is(.md-Qp9ad6,.button-md){min-height:38px;padding:.625rem 1.25rem;font-size:.95rem}:is(.lg-FAYTen,.button-lg){min-height:46px;padding:.75rem 1.5rem;font-size:1.1rem}:is(.xl-Gwvhl4,.button-xl){min-height:54px;padding:.75rem 1.5rem;font-size:1.2rem}:is(.filled-CwGsrO,.button-filled){color:var(--button-variant-filled-foreground);background-color:var(--button-variant-filled)}:is(.filled-CwGsrO:hover,.button-filled:hover){background-color:var(--button-variant-filled-hover)}:is(.filled-CwGsrO:focus,.filled-CwGsrO:active,.button-filled:focus,.button-filled:active){--ring-color:var(--button-ring-color)}:is(.filled-CwGsrO:disabled,.filled-CwGsrO[disabled],.button-filled:disabled,.button-filled[disabled]){background-color:var(--button-variant-filled-disabled,oklch(from var(--button-variant-filled)calc(l*1.1)calc(c*.85)h));color:var(--button-variant-filled-foreground-disabled,oklch(from var(--button-variant-filled-foreground)calc(l*.9)calc(c*.85)h))}:is(.filled-weak-QLU8bA,.button-filled-weak){color:var(--button-variant-filled-weak-foreground);background-color:var(--button-variant-filled-weak)}:is(.filled-weak-QLU8bA:hover,.button-filled-weak:hover){background-color:var(--button-variant-filled-weak-hover)}:is(.filled-weak-QLU8bA:focus,.filled-weak-QLU8bA:active,.button-filled-weak:focus,.button-filled-weak:active){--ring-color:var(--button-ring-color)}:is(.filled-weak-QLU8bA:disabled,.filled-weak-QLU8bA[disabled],.button-filled-weak:disabled,.button-filled-weak[disabled]){background-color:var(--button-variant-filled-weak-disabled,oklch(from var(--button-variant-filled-weak)calc(l*1.1)calc(c*.85)h));color:var(--button-variant-filled-weak-foreground-disabled,oklch(from var(--button-variant-filled-weak-foreground)calc(l*.9)calc(c*.85)h))}:is(.outlined-nZGbxu,.button-outlined){border:1px solid var(--button-variant-outlined-border);color:var(--button-variant-outlined-foreground);background-color:var(--button-variant-outlined)}:is(.outlined-nZGbxu:disabled,.outlined-nZGbxu[disabled],.button-outlined:disabled,.button-outlined[disabled]){border-color:var(--button-variant-outlined-border-disabled,oklch(from var(--button-variant-outlined-border)calc(l*1.5)calc(c*.8)h));color:var(--button-variant-outlined-foreground-disabled,oklch(from var(--button-variant-outlined-foreground)calc(l*1.1)calc(c*.7)h))}:is(.outlined-nZGbxu:hover,.button-outlined:hover){background-color:var(--button-variant-outlined-hover)}:is(.outlined-nZGbxu:focus,.outlined-nZGbxu:active,.button-outlined:focus,.button-outlined:active){--ring-color:var(--button-ring-color)}:is(.gradient-ySC3O3,.button-gradient){color:var(--button-variant-gradient-foreground);background:linear-gradient(45deg,var(--button-variant-gradient-start),var(--button-variant-gradient-end))}:is(.gradient-ySC3O3:disabled,.gradient-ySC3O3[disabled],.button-gradient:disabled,.button-gradient[disabled]){background:unset;background-color:var(--button-variant-gradient-disabled,oklch(from var(--button-variant-gradient-end)calc(l*1.2)calc(c*.85)h));color:var(--button-variant-gradient-foreground-disabled,oklch(from var(--button-variant-gradient-foreground)calc(l*.9)calc(c*.85)h))}:is(.gradient-ySC3O3:hover,.button-gradient:hover){color:var(--button-variant-gradient-foreground);background:linear-gradient(45deg,var(--button-variant-gradient-start),var(--button-variant-gradient-end))}:is(.gradient-ySC3O3:focus,.gradient-ySC3O3:active,.button-gradient:focus,.button-gradient:active){--ring-color:var(--button-ring-color)}:is(.text-GaxlcE,.button-text){background-color:var(--button-variant-text);color:var(--button-variant-text-foreground)}:is(.text-GaxlcE:disabled,.text-GaxlcE[disabled],.button-text:disabled,.button-text[disabled]){color:oklch(from var(--button-variant-text-foreground)calc(l*1.5)calc(c*.5)h)}:is(.text-GaxlcE:hover,.button-text:hover){background-color:var(--button-variant-text-hover)}:is(.text-GaxlcE:focus,.text-GaxlcE:active,.button-text:focus,.button-text:active){--ring-color:var(--button-ring-color)}:is(.primary-tUmczz,.button-primary){--button-ring-color:var(--ring-primary);--button-variant-filled:var(--fill-primary-strong);--button-variant-filled-hover:var(--fill-primary-strong-hover);--button-variant-filled-disabled:var(--fill-primary-strong-disabled);--button-variant-filled-foreground:var(--text-on-primary-strong);--button-variant-filled-foreground-disabled:var(--text-on-primary-strong-disabled);--button-variant-filled-weak:var(--fill-primary-weak);--button-variant-filled-weak-hover:var(--fill-primary-weak-hover);--button-variant-filled-weak-disabled:var(--fill-primary-weak-disabled);--button-variant-filled-weak-foreground:var(--text-on-primary-weak);--button-variant-filled-weak-foreground-disabled:var(--text-on-primary-weak-disabled);--button-variant-outlined:var(--fill-primary-outlined);--button-variant-outlined-hover:var(--fill-primary-outlined-hover);--button-variant-outlined-border:var(--stroke-primary);--button-variant-outlined-border-disabled:var(--stroke-primary-disabled);--button-variant-outlined-foreground:var(--text-on-primary-outlined);--button-variant-outlined-foreground-disabled:var(--text-on-primary-outlined-disabled);--button-variant-text:var(--fill-primary-text);--button-variant-text-hover:var(--fill-primary-text-hover);--button-variant-text-foreground:var(--text-primary);--button-variant-gradient-start:var(--gradient-primary-start);--button-variant-gradient-end:var(--gradient-primary-end);--button-variant-gradient-foreground:var(--gradient-primary-foreground);--button-variant-gradient-disabled:var(--gradient-primary-disabled);--button-variant-gradient-foreground-disabled:var(--text-on-primary-disabled)}:is(.secondary-UqT2AY,.button-secondary){--button-ring-color:var(--ring-secondary);--button-variant-filled:var(--fill-secondary-strong);--button-variant-filled-hover:var(--fill-secondary-strong-hover);--button-variant-filled-disabled:var(--fill-secondary-strong-disabled);--button-variant-filled-foreground:var(--text-on-secondary-strong);--button-variant-filled-foreground-disabled:var(--text-on-secondary-strong-disabled);--button-variant-filled-weak:var(--fill-secondary-weak);--button-variant-filled-weak-hover:var(--fill-secondary-weak-hover);--button-variant-filled-weak-disabled:var(--fill-secondary-weak-disabled);--button-variant-filled-weak-foreground:var(--text-on-secondary-weak);--button-variant-filled-weak-foreground-disabled:var(--text-on-secondary-weak-disabled);--button-variant-outlined:var(--fill-secondary-outlined);--button-variant-outlined-border:var(--stroke-secondary);--button-variant-outlined-border-disabled:var(--stroke-secondary-disabled);--button-variant-outlined-hover:var(--fill-secondary-outlined-hover);--button-variant-outlined-foreground:var(--text-on-secondary-outlined);--button-variant-outlined-foreground-disabled:var(--text-on-secondary-outlined-disabled);--button-variant-text:var(--fill-secondary-text);--button-variant-text-hover:var(--fill-secondary-text-hover);--button-variant-text-foreground:var(--text-secondary);--button-variant-gradient-start:var(--gradient-secondary-start);--button-variant-gradient-end:var(--gradient-secondary-end);--button-variant-gradient-foreground:var(--gradient-secondary-foreground);--button-variant-gradient-disabled:var(--gradient-secondary-disabled);--button-variant-gradient-foreground-disabled:var(--text-on-secondary-disabled)}:is(.noeffect-fpxSgg,.button-noeffect){--button-ring-color:var(--ring-noeffect);--button-variant-filled:var(--fill-noeffect-strong);--button-variant-filled-hover:var(--fill-noeffect-strong-hover);--button-variant-filled-disabled:var(--fill-noeffect-strong-disabled);--button-variant-filled-foreground:var(--text-on-noeffect-strong);--button-variant-filled-foreground-disabled:var(--text-on-noeffect-strong-disabled);--button-variant-filled-weak:var(--fill-noeffect-weak);--button-variant-filled-weak-hover:var(--fill-noeffect-weak-hover);--button-variant-filled-weak-disabled:var(--fill-noeffect-weak-disabled);--button-variant-filled-weak-foreground:var(--text-on-noeffect-weak);--button-variant-filled-weak-foreground-disabled:var(--text-on-noeffect-weak-disabled);--button-variant-outlined:var(--fill-noeffect-outlined);--button-variant-outlined-hover:var(--fill-noeffect-outlined-hover);--button-variant-outlined-disabled:var(--fill-noeffect-outlined-disabled);--button-variant-outlined-border:var(--stroke-noeffect);--button-variant-outlined-border-disabled:var(--stroke-noeffect-disabled);--button-variant-outlined-foreground:var(--text-on-noeffect-outlined);--button-variant-outlined-foreground-disabled:var(--text-on-noeffect-disabled);--button-variant-text:var(--fill-noeffect-text);--button-variant-text-hover:var(--fill-noeffect-text-hover);--button-variant-text-foreground:var(--text-noeffect);--button-variant-gradient-start:var(--gradient-noeffect-start);--button-variant-gradient-end:var(--gradient-noeffect-end);--button-variant-gradient-foreground:var(--gradient-noeffect-foreground);--button-variant-gradient-disabled:var(--gradient-noeffect-disabled);--button-variant-gradient-foreground-disabled:var(--text-on-noeffect-disabled)}:is(.success-fTNDEn,.button-success){--button-ring-color:var(--ring-success);--button-variant-filled:var(--fill-success-strong);--button-variant-filled-hover:var(--fill-success-strong-hover);--button-variant-filled-disabled:var(--fill-success-strong-disabled);--button-variant-filled-foreground:var(--text-on-success-strong);--button-variant-filled-foreground-disabled:var(--text-on-success-strong-disabled);--button-variant-filled-weak:var(--fill-success-weak);--button-variant-filled-weak-hover:var(--fill-success-weak-hover);--button-variant-filled-weak-disabled:var(--fill-success-weak-disabled);--button-variant-filled-weak-foreground:var(--text-on-success-weak);--button-variant-filled-weak-foreground-disabled:var(--text-on-success-weak-disabled);--button-variant-outlined:var(--fill-success-outlined);--button-variant-outlined-hover:var(--fill-success-outlined-hover);--button-variant-outlined-border:var(--stroke-success);--button-variant-outlined-border-disabled:var(--stroke-success-disabled);--button-variant-outlined-foreground:var(--text-on-success-outlined);--button-variant-outlined-foreground-disabled:var(--text-on-success-outlined-disabled);--button-variant-text:transparent;--button-variant-text-hover:var(--fill-success-text-hover);--button-variant-text-foreground:var(--text-success);--button-variant-gradient-start:var(--gradient-success-start);--button-variant-gradient-end:var(--gradient-success-end);--button-variant-gradient-foreground:var(--gradient-success-foreground);--button-variant-gradient-disabled:var(--gradient-success-disabled);--button-variant-gradient-foreground-disabled:var(--text-on-success-disabled)}:is(.info-qrdXQD,.button-info){--button-ring-color:var(--ring-info);--button-variant-filled:var(--fill-info-strong);--button-variant-filled-hover:var(--fill-info-strong-hover);--button-variant-filled-disabled:var(--fill-info-strong-disabled);--button-variant-filled-foreground:var(--text-on-info-strong);--button-variant-filled-foreground-disabled:var(--text-on-info-strong-disabled);--button-variant-filled-weak:var(--fill-info-weak);--button-variant-filled-weak-hover:var(--fill-info-weak-hover);--button-variant-filled-weak-disabled:var(--fill-info-weak-disabled);--button-variant-filled-weak-foreground:var(--text-on-info-weak);--button-variant-filled-weak-foreground-disabled:var(--text-on-info-weak-disabled);--button-variant-outlined:transparent;--button-variant-outlined-hover:var(--fill-info-outlined-hover);--button-variant-outlined-border:var(--stroke-info);--button-variant-outlined-border-disabled:var(--stroke-info-disabled);--button-variant-outlined-foreground:var(--text-on-info-outlined);--button-variant-outlined-foreground-disabled:var(--text-on-info-outlined-disabled);--button-variant-text:transparent;--button-variant-text-hover:var(--fill-info-text-hover);--button-variant-text-foreground:var(--text-info);--button-variant-gradient-start:var(--gradient-info-start);--button-variant-gradient-end:var(--gradient-info-end);--button-variant-gradient-foreground:var(--gradient-info-foreground);--button-variant-gradient-disabled:var(--gradient-info-disabled);--button-variant-gradient-foreground-disabled:var(--text-on-info-disabled)}:is(.warning-a00T3A,.button-warning){--button-ring-color:var(--ring-warning);--button-variant-filled:var(--fill-warning-strong);--button-variant-filled-hover:var(--fill-warning-strong-hover);--button-variant-filled-disabled:var(--fill-warning-strong-disabled);--button-variant-filled-foreground:var(--text-on-warning-strong);--button-variant-filled-foreground-disabled:var(--text-on-warning-strong-disabled);--button-variant-filled-weak:var(--fill-warning-weak);--button-variant-filled-weak-hover:var(--fill-warning-weak-hover);--button-variant-filled-weak-disabled:var(--fill-warning-weak-disabled);--button-variant-filled-weak-foreground:var(--text-on-warning-weak);--button-variant-filled-weak-foreground-disabled:var(--text-on-warning-weak-disabled);--button-variant-outlined:var(--fill-warning-outlined);--button-variant-outlined-hover:var(--fill-warning-outlined-hover);--button-variant-outlined-border:var(--stroke-warning);--button-variant-outlined-border-disabled:var(--stroke-warning-disabled);--button-variant-outlined-foreground:var(--text-on-warning-outlined);--button-variant-outlined-foreground-disabled:var(--text-on-warning-outlined-disabled);--button-variant-text:transparent;--button-variant-text-hover:var(--fill-warning-text-hover);--button-variant-text-foreground:var(--text-warning);--button-variant-gradient-start:var(--gradient-warning-start);--button-variant-gradient-end:var(--gradient-warning-end);--button-variant-gradient-foreground:var(--gradient-warning-foreground);--button-variant-gradient-disabled:var(--gradient-warning-disabled);--button-variant-gradient-foreground-disabled:var(--text-on-warning-disabled)}:is(.danger-rwIV_i,.button-danger){--button-ring-color:var(--ring-danger);--button-variant-filled:var(--fill-danger-strong);--button-variant-filled-hover:var(--fill-danger-strong-hover);--button-variant-filled-disabled:var(--fill-danger-strong-disabled);--button-variant-filled-foreground:var(--text-on-danger-strong);--button-variant-filled-foreground-disabled:var(--text-on-danger-strong-disabled);--button-variant-filled-weak:var(--fill-danger-weak);--button-variant-filled-weak-hover:var(--fill-danger-weak-hover);--button-variant-filled-weak-disabled:var(--fill-danger-weak-disabled);--button-variant-filled-weak-foreground:var(--text-on-danger-weak);--button-variant-filled-weak-foreground-disabled:var(--text-on-danger-weak-disabled);--button-variant-outlined:transparent;--button-variant-outlined-hover:var(--fill-danger-outlined-hover);--button-variant-outlined-border:var(--stroke-danger);--button-variant-outlined-border-disabled:var(--stroke-danger-disabled);--button-variant-outlined-foreground:var(--text-on-danger-outlined);--button-variant-outlined-foreground-disabled:var(--text-on-danger-outlined-disabled);--button-variant-text:transparent;--button-variant-text-hover:var(--fill-danger-text-hover);--button-variant-text-foreground:var(--text-danger);--button-variant-gradient-start:var(--gradient-danger-start);--button-variant-gradient-end:var(--gradient-danger-end);--button-variant-gradient-foreground:var(--gradient-danger-foreground);--button-variant-gradient-disabled:var(--gradient-danger-disabled);--button-variant-gradient-foreground-disabled:var(--text-on-danger-disabled)}:is(.fullWidth-wXvP0v,.button-full-width){width:100%;display:flex}:is(.button-group-uqvOi8,.button-group){place-items:center;gap:var(--gap-2);flex-direction:column;display:flex}@media screen and (width>=40rem){:is(.button-group-uqvOi8,.button-group){flex-direction:row}}:is(.copy-button-container-vCNz8o,.copy-button-container){display:inline-block}:is(.copy-button-oa4bdj svg,.copy-button svg){width:90%;height:90%;display:block}:is(.xs-lZmf78,.copy-button-xs){width:26px;height:26px;min-height:26px;padding:.25rem}:is(.sm-KNN1e5,.copy-button-sm){width:32px;height:32px;min-height:32px;padding:.35rem}:is(.md-OoH0l4,.copy-button-md){width:38px;height:38px;min-height:38px;padding:.45rem}:is(.lg-uu5ujz,.copy-button-lg){width:46px;height:46px;min-height:46px;padding:.55rem}:is(.xl-pFYyrS,.copy-button-xl){width:54px;height:54px;min-height:54px;padding:.65rem}:is(.input-wrapper-xxN94z,.input-wrapper){gap:var(--gap-1);flex-direction:column;display:flex}:is(.input-container-GveKcr,.input-container){align-items:center;gap:var(--gap-2);width:100%;padding:0;display:flex;position:relative}:is(.input-voSL1w,.input){gap:var(--gap-2);width:100%;transition:all var(--transition-normal);border-radius:var(--border-radius-sm);border:none;outline:none;align-items:center;font-weight:400;display:inline-flex}:is(.input-voSL1w:focus,.input-voSL1w:active,.input:focus,.input:active){--ring-offset-color:var(--background);--ring-offset-shadow:var(--ring-inset)0 0 0 var(--ring-offset-width)var(--ring-offset-color);--ring-shadow:var(--ring-inset)0 0 0 calc(1px + var(--ring-offset-width))var(--ring-color);box-shadow:var(--ring-offset-shadow),var(--ring-shadow),var(--shadow,0 0 #0000)}:is(.input-voSL1w:disabled,.input-voSL1w[disabled],.input:disabled,.input[disabled]){pointer-events:none}:is(.label-a8k0oS,.input-label){color:var(--label-color);font-size:.875rem;font-weight:500}:is(.sm-cI5ETu,.input-sm){min-height:32px;padding:.25rem .5rem;font-size:.875rem;line-height:0}:is(.md-moqLi4,.input-md){min-height:38px;padding:.4rem .5rem;font-size:1.1rem;line-height:0}:is(.lg-Tn3YZZ,.input-lg){min-height:46px;padding:.5rem;font-size:1.2rem;line-height:0}:is(.start-adornment-H0sdmX,.end-adornment-xl3mid,.input-start-adornment,.input-end-adornment){align-items:center;display:flex;position:absolute}:is(.start-adornment-H0sdmX,.input-start-adornment){left:5px}:is(.end-adornment-xl3mid,.input-end-adornment){right:5px}:is(.help-text-MZW4yX,.input-help-text){color:var(--help-text-color);font-size:.75rem}:is(.outlined-xbB8mE,.input-outlined){border:1px solid var(--input-variant-outlined-border);background-color:#0000}:is(.outlined-xbB8mE:hover,.input-outlined:hover){border:1px solid var(--input-variant-outlined-hover-border)}:is(.outlined-xbB8mE:focus,.outlined-xbB8mE:active,.input-outlined:focus,.input-outlined:active){--ring-color:var(--input-variant-outline-ring-color)}:is(.underlined-zAz2HP,.input-underlined){border-bottom:1px solid var(--input-variant-underlined-border);gap:var(--gap-1);background-color:var(--input-variant-underlined);border-radius:0}.underlined-zAz2HP.sm-cI5ETu,.input-underlined.input-sm{min-height:26px;padding:.25rem .1rem}.underlined-zAz2HP.md-moqLi4,.input-underlined.input-md{min-height:30px;padding:.25rem .1rem}.underlined-zAz2HP.lg-Tn3YZZ,.input-underlined.input-lg{min-height:34px;padding:0 .1rem}:is(.underlined-zAz2HP:hover,.input-underlined:hover){border-bottom:1px solid var(--input-variant-underlined-hover-border)}:is(.filled-M1_LzJ,.input-filled){background-color:var(--input-variant-filled)}:is(.error-n0kSb0,.input-error),:is(.error-n0kSb0:hover,.input-error:hover){border:1px solid var(--red-400)}:is(.error-n0kSb0:focus,.error-n0kSb0:active,.input-error:focus,.input-error:active){--ring-color:var(--red-300)}.underlined-zAz2HP.start-adornment-padding-YAcYOx,.start-adornment-padding-YAcYOx,.input-underlined.input-start-adornment-padding,.input-start-adornment-padding{padding-left:2rem}.underlined-zAz2HP.end-adornment-padding-nC63CK,.end-adornment-padding-nC63CK,.input-underlined.input-end-adornment-padding,.input-end-adornment-padding{padding-right:2rem}.underlined-zAz2HP.start-adornment-H0sdmX,.input-underlined.input-start-adornment{left:0}.underlined-zAz2HP.end-adornment-xl3mid,.input-underlined.input-end-adornment{right:0}:is(.primary-xZZpZI,.input-primary){--input-variant-outlined-border:var(--stroke-primary);--input-variant-outlined-hover-border:var(--stroke-primary-hover);--input-variant-outline-ring-color:var(--ring-primary);--input-variant-underlined-border:var(--stroke-primary);--input-variant-underlined-hover-border:var(--stroke-primary-hover);--input-variant-filled:var(--fill-primary-weak)}:is(.secondary-WWDy2x,.input-secondary){--input-variant-outlined-border:var(--stroke-secondary);--input-variant-outlined-hover-border:var(--stroke-secondary-hover);--input-variant-outline-ring-color:var(--ring-secondary);--input-variant-underlined-border:var(--stroke-secondary);--input-variant-underlined-hover-border:var(--stroke-secondary-hover);--input-variant-filled:var(--fill-secondary-weak)}:is(.noeffect-LHbgak,.input-noeffect){--input-variant-outlined-border:var(--stroke-noeffect);--input-variant-outlined-hover-border:var(--stroke-noeffect-hover);--input-variant-outline-ring-color:var(--ring-noeffect);--input-variant-underlined-border:var(--stroke-noeffect);--input-variant-underlined-hover-border:var(--stroke-noeffect-hover);--input-variant-filled:var(--fill-noeffect-weak)}:is(.success-pMbTwx,.input-success){--input-variant-outlined-border:var(--stroke-success);--input-variant-outlined-hover-border:var(--stroke-success-hover);--input-variant-outline-ring-color:var(--ring-success);--input-variant-underlined-border:var(--stroke-success);--input-variant-underlined-hover-border:var(--stroke-success-hover);--input-variant-filled:var(--fill-success-weak)}:is(.info-SRpUkb,.input-info){--input-variant-outlined-border:var(--stroke-info);--input-variant-outlined-hover-border:var(--stroke-info-hover);--input-variant-outline-ring-color:var(--ring-info);--input-variant-underlined-border:var(--stroke-info);--input-variant-underlined-hover-border:var(--stroke-info-hover);--input-variant-filled:var(--fill-info-weak)}:is(.warning-mHL8O2,.input-warning){--input-variant-outlined-border:var(--stroke-warning);--input-variant-outlined-hover-border:var(--stroke-warning-hover);--input-variant-outline-ring-color:var(--ring-warning);--input-variant-underlined-border:var(--stroke-warning);--input-variant-underlined-hover-border:var(--stroke-warning-hover);--input-variant-filled:var(--fill-warning-weak)}:is(.danger-Rzx3WQ,.input-danger){--input-variant-outlined-border:var(--stroke-danger);--input-variant-outlined-hover-border:var(--stroke-danger-hover);--input-variant-outline-ring-color:var(--ring-danger);--input-variant-underlined-border:var(--stroke-danger);--input-variant-underlined-hover-border:var(--stroke-danger-hover);--input-variant-filled:var(--fill-danger-weak)}:is(.adornment-IbSUaL,.input-adornment){white-space:nowrap;align-items:center;line-height:0;display:flex}:is(.start-hcDqEk,.input-adornment-start){justify-content:flex-start}:is(.end-j0ZhyO,.input-adornment-end){justify-content:flex-end}:is(.text-area-P_aQjC,.text-area){width:100%;padding:.5rem;font-size:1.1rem}.underlined-a9hkur{padding-left:0;padding-right:0}:is(.label-Q88hWY,.label){color:var(--text);font-weight:500;display:block}:is(.required-uod5eu,.label-required){color:var(--error)}:is(.text-xJE0DB,.error-text){color:var(--error);font-size:.875rem}:is(.text-U6KD9f,.help-text){color:var(--muted);font-size:.875rem}:is(.section-CEcZOp,.section){width:100%;position:relative}:is(.scroll-to-top-WYqAAl,.scroll-to-top){opacity:0;visibility:hidden;z-index:20;width:0;height:0;color:var(--text-on-primary);background-color:var(--fill-primary-strong);cursor:pointer;border-style:none;outline:none;justify-content:center;align-items:center;margin:0;padding:0;text-decoration:none;transition:all .3s cubic-bezier(.25,.8,.5,1),color 1ms;display:flex;position:fixed;bottom:45px;right:30px}.scroll-to-top-WYqAAl span,.scroll-to-top span{width:18px;padding-bottom:3px}.scroll-to-top-WYqAAl span svg path,.scroll-to-top span svg path{stroke:none;fill:var(--text-on-primary)}.scroll-to-top-WYqAAl:hover,.scroll-to-top-WYqAAl:focus,.scroll-to-top:hover,.scroll-to-top:focus{color:var(--text-on-primary);background-color:var(--fill-primary-strong-hover);transform:translateY(-5px)}:is(.scroll-to-top-shown-Wemu5m,.scroll-to-top-shown){opacity:1;visibility:visible;border-radius:20px;width:40px;min-width:0;height:40px;padding:0;bottom:20px;right:10px}@media screen and (width>=587px){:is(.scroll-to-top-WYqAAl,.scroll-to-top){bottom:45px;right:45px}.scroll-to-top-WYqAAl span,.scroll-to-top span{width:18px}:is(.scroll-to-top-shown-Wemu5m,.scroll-to-top-shown){border-radius:21px;width:42px;height:42px;bottom:22px;right:22px}}}

package/dist/widgets/datepicker/datepicker.module.css

@@ -46,8 +46,7 @@
   }
 
   .dark,
-  [data-theme="dark"],
-  [data-theme="dark"]::backdrop {
+  [data-theme="dark"] {
     .content {
       background: var(--canvas-800);
     }

package/dist/widgets/datepicker/datepicker_module.css

@@ -44,10 +44,6 @@
     animation-name: slideRightAndFade-o0jl7q;
   }
 
-  [data-theme="dark"]::backdrop .content-UK9iLF {
-    background: var(--canvas-800);
-  }
-
   :is(.dark-A_8H6V, [data-theme="dark"]) .content-UK9iLF {
     background: var(--canvas-800);
   }

package/package.json

@@ -2,7 +2,7 @@
   "name": "@infonomic/uikit",
   "private": false,
   "license": "MIT",
-  "version": "5.25.0",
+  "version": "5.26.0",
   "type": "module",
   "description": "Infonomic UI kit is a collection of reusable UI components and utilities for React and Astro.",
   "keywords": [

package/src/components/card/card.module.css

@@ -24,8 +24,7 @@ infonomic-components;
   }
 
   :global(.dark),
-  :global([data-theme="dark"]),
-  :global([data-theme="dark"]) ::backdrop {
+  :global([data-theme="dark"]) {
 
     .card,
     :global(.card) {
@@ -33,6 +32,7 @@ infonomic-components;
     }
   }
 
+
   .card-hover,
   :global(.card-hover) {
     transition: background 0.2s ease-in-out;
@@ -44,8 +44,7 @@ infonomic-components;
   }
 
   :global(.dark),
-  :global([data-theme="dark"]),
-  :global([data-theme="dark"]) ::backdrop {
+  :global([data-theme="dark"]) {
 
     .card-hover:hover,
     :global(.card-hover):hover {

package/src/components/forms/calendar.module.css

@@ -1,9 +1,9 @@
 @layer infonomic-base,
-  infonomic-functional,
-  infonomic-utilities,
-  infonomic-theme,
-  infonomic-typography,
-  infonomic-components;
+infonomic-functional,
+infonomic-utilities,
+infonomic-theme,
+infonomic-typography,
+infonomic-components;
 
 @layer infonomic-components {
   .day-picker {
@@ -167,19 +167,19 @@
   }
 
   /* '[&>button]:bg-primary [&>button]:text-primary-foreground [&>button]:hover:bg-primary [&>button]:hover:text-primary-foreground', */
-  .day > button {
+  .day>button {
     color: var(--foreground);
   }
 
   /* '[&>button]:bg-accent [&>button]:text-accent-foreground', */
-  .today > button {
+  .today>button {
     /* background-color: var(--gray-50); */
     border: solid 1px var(--stroke-primary);
     color: var(--foreground);
   }
 
-  .day > button:hover,
-  .day-selected > button {
+  .day>button:hover,
+  .day-selected>button {
     background-color: var(--fill-primary-strong);
     color: white;
   }
@@ -206,12 +206,12 @@
     color: var(--foreground);
   }
 
-  .button-range > button {
+  .button-range>button {
     background-color: var(--fill-primary-strong);
     color: white;
   }
 
-  .button-range > button:hover {
+  .button-range>button:hover {
     background-color: var(--fill-primary-strong);
     color: var(--foreground);
   }
@@ -232,8 +232,8 @@
     color: var(--foreground);
   }
 
-  .range-middle > button,
-  .range-middle > button:hover {
+  .range-middle>button,
+  .range-middle>button:hover {
     background-color: transparent;
     color: var(--foreground);
   }
@@ -249,7 +249,8 @@
   * color scheme - either by header or cookie, and set
   * a root html class accordingly
   */
-  :global(.dark) {
+  :global(.dark),
+  :global([data-theme="dark"]) {
     .select-content {
       background-color: var(--canvas-800);
       color: var(--foreground);
@@ -270,4 +271,4 @@
       opacity: 0.7;
     }
   }
-}
+}

package/src/components/notifications/toast.module.css

@@ -25,8 +25,7 @@ infonomic-components;
   }
 
   :global(.dark),
-  :global([data-theme="dark"]),
-  :global([data-theme="dark"]) ::backdrop {
+  :global([data-theme="dark"]) {
     .root {
       background: var(--canvas-800);
     }

package/src/components/overlay/overlay.module.css

@@ -1,45 +1,46 @@
-.overlay {
-  position: fixed;
-  top: 0;
-  left: 0;
-  width: 100%;
-  height: 100%;
-  background-color: rgba(245, 245, 245, 0.35);
-  z-index: 20;
-}
-
-:global(.dark),
-:global([data-theme="dark"]),
-:global([data-theme="dark"]) ::backdrop {
+@layer infonomic-base, infonomic-utilities, infonomic-theme, infonomic-typography, infonomic-components;
+
+@layer infonomic-components {
   .overlay {
-    background-color: rgba(0, 0, 0, 0.5);
+    position: fixed;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    background-color: rgba(245, 245, 245, 0.35);
+    z-index: 20;
   }
-}
 
-.animate-fade-in {
-  animation: fade-in 0.3s ease-in-out;
-}
-
-.animate-fade-out {
-  animation: fade-out 0.3s ease-in-out;
-}
+  :global(.dark) .overlay,
+  :global([data-theme="dark"]) .overlay {
+    background-color: rgba(0, 0, 0, 0.5);
+  }
 
-@keyframes fade-in {
-  from {
-    opacity: 0;
+  .animate-fade-in {
+    animation: fade-in 0.3s ease-in-out;
   }
 
-  to {
-    opacity: 1;
+  .animate-fade-out {
+    animation: fade-out 0.3s ease-in-out;
   }
-}
 
-@keyframes fade-out {
-  from {
-    opacity: 1;
+  @keyframes fade-in {
+    from {
+      opacity: 0;
+    }
+
+    to {
+      opacity: 1;
+    }
   }
 
-  to {
-    opacity: 0;
+  @keyframes fade-out {
+    from {
+      opacity: 1;
+    }
+
+    to {
+      opacity: 0;
+    }
   }
 }

package/src/components/pager/pagination.module.css

@@ -138,7 +138,8 @@ infonomic-components;
   * color scheme - either by header or cookie, and set
   * a root html class accordingly
   */
-  :global(.dark) {
+  :global(.dark),
+  :global([data-theme="dark"]) {
 
     .ellipses,
     .number-button,

package/src/components/shimmer/shimmer.module.css

@@ -17,8 +17,7 @@ infonomic-components;
   }
 
   :global(.dark),
-  :global([data-theme="dark"]),
-  :global([data-theme="dark"]) ::backdrop {
+  :global([data-theme="dark"]) {
     .shimmer {
       background-color: #141414;
       background-image: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.01), transparent);

package/src/components/table/table.module.css

@@ -1,12 +1,13 @@
 @layer infonomic-base,
-  infonomic-functional,
-  infonomic-utilities,
-  infonomic-theme,
-  infonomic-typography,
-  infonomic-components;
+infonomic-functional,
+infonomic-utilities,
+infonomic-theme,
+infonomic-typography,
+infonomic-components;
 
 /* 'border-collapse w-full text-sm text-left text-gray-700 dark:text-gray-400 m-0', */
 @layer infonomic-components {
+
   /* 'table--container break-normal overflow-hidden relative shadow-md rounded-md my-[16px] dark:border dark:border-canvas-700', */
   .table-container {
     display: block;
@@ -52,7 +53,8 @@
   .table-heading-cell {
     white-space: nowrap;
     padding: var(--spacing-8) var(--spacing-8);
-    font-size: 0.975rem; /* 15.6px */
+    font-size: 0.975rem;
+    /* 15.6px */
     /* text-transform: uppercase; */
     background-color: var(--canvas-50);
   }
@@ -79,7 +81,8 @@
   * color scheme - either by header or cookie, and set
   * a root html class accordingly
   */
-  :global(.dark) {
+  :global(.dark),
+  :global([data-theme="dark"]) {
     .table-header {
       background-color: var(--canvas-700);
     }
@@ -101,4 +104,4 @@
       background-color: var(--canvas-800);
     }
   }
-}
+}

package/src/icons/icons.module.css

@@ -97,8 +97,7 @@
   }
 
   :global(.dark),
-  :global([data-theme="dark"]),
-  :global([data-theme="dark"]) ::backdrop {
+  :global([data-theme="dark"]) {
     .stroke-gray {
       stroke: var(--gray-300);
     }

package/src/widgets/datepicker/datepicker.module.css

@@ -46,8 +46,7 @@
   }
 
   .dark,
-  [data-theme="dark"],
-  [data-theme="dark"]::backdrop {
+  [data-theme="dark"] {
     .content {
       background: var(--canvas-800);
     }