@infonomic/uikit 5.23.0 → 5.24.0

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

@@ -1,11 +1,12 @@
 @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 {
+
   .card,
   :global(.card) {
     display: flex;
@@ -22,9 +23,14 @@
     box-shadow: var(--shadow-sm);
   }
 
-  .card:is(:global(.dark) *),
-  :global(.card):is(:global(.dark) *) {
-    background: var(--canvas-800);
+  .dark,
+  [data-theme="dark"],
+  [data-theme="dark"] ::backdrop {
+
+    .card,
+    :global(.card) {
+      background: var(--canvas-800);
+    }
   }
 
   .card-hover,
@@ -37,9 +43,14 @@
     background: oklch(from var(--theme-50) 1 0.03 h);
   }
 
-  .card-hover:hover:is(:global(.dark) *),
-  :global(.card-hover):hover:is(:global(.dark) *) {
-    background: oklch(from var(--canvas-800) 0.2 c h);
+  .dark,
+  [data-theme="dark"],
+  [data-theme="dark"] ::backdrop {
+
+    .card-hover:hover,
+    :global(.card-hover):hover {
+      background: oklch(from var(--canvas-800) 0.2 c h);
+    }
   }
 
   .card-header,
@@ -79,4 +90,4 @@
     padding: 1rem;
     padding-top: 0;
   }
-}
+}

package/dist/components/card/card.module.js

@@ -1,6 +1,7 @@
 import "./card_module.css";
 const card_module = {
     card: "card-mqJaiW",
+    dark: "dark-NdJxB9",
     "card-hover": "card-hover-hvT4d6",
     cardHover: "card-hover-hvT4d6",
     "card-header": "card-header-XnoBkP",

package/dist/components/card/card_module.css

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

package/dist/components/notifications/toast.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 {
   /* Positions are relative to the toast viewport which is set 
@@ -24,8 +24,12 @@
     box-shadow: var(--shadow-sm);
   }
 
-  .root:is(:global(.dark) *) {
-    background: var(--canvas-800);
+  .dark,
+  [data-theme="dark"],
+  [data-theme="dark"] ::backdrop {
+    .root {
+      background: var(--canvas-800);
+    }
   }
 
   .root[data-state="open"] {
@@ -132,6 +136,7 @@
   }
 
   @media (min-width: 48rem) {
+
     .root.top-right[data-state="open"],
     .root.bottom-right[data-state="open"] {
       animation: slideInFromRight 150ms cubic-bezier(0.16, 1, 0.3, 1);
@@ -236,4 +241,4 @@
       opacity: 0;
     }
   }
-}
+}

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

@@ -1,6 +1,7 @@
 import "./toast_module.css";
 const toast_module = {
     root: "root-dWN7jD",
+    dark: "dark-HRIC6o",
     slideInFromBottom: "slideInFromBottom-O94u9U",
     hide: "hide-vlOoW0",
     "top-right": "top-right-OsKbVb",

package/dist/components/notifications/toast_module.css

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

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

@@ -8,8 +8,13 @@
   z-index: 20;
 }
 
-.overlay:is(:global(.dark) *) {
-  background-color: rgba(0, 0, 0, 0.5);
+
+.dark,
+[data-theme="dark"],
+[data-theme="dark"] ::backdrop {
+  .overlay {
+    background-color: rgba(0, 0, 0, 0.5);
+  }
 }
 
 .animate-fade-in {
@@ -38,4 +43,4 @@
   to {
     opacity: 0;
   }
-}
+}

package/dist/components/overlay/overlay.module.js

@@ -1,6 +1,7 @@
 import "./overlay_module.css";
 const overlay_module = {
     overlay: "overlay-hax8h5",
+    dark: "dark-uhJ1zL",
     "animate-fade-in": "animate-fade-in-oC0Zd7",
     animateFadeIn: "animate-fade-in-oC0Zd7",
     "fade-in": "fade-in-ODU8WG",

package/dist/components/overlay/overlay_module.css

@@ -8,7 +8,11 @@
   left: 0;
 }
 
-.overlay-hax8h5:is(.dark *) {
+[data-theme="dark"] ::backdrop .overlay-hax8h5 {
+  background-color: #00000080;
+}
+
+:is(.dark-uhJ1zL, [data-theme="dark"]) .overlay-hax8h5 {
   background-color: #00000080;
 }
 

package/dist/components/shimmer/shimmer.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;
 
 /* 'border-collapse w-full text-sm text-left text-gray-700 dark:text-gray-400 m-0', */
 @layer infonomic-components {
@@ -16,9 +16,13 @@
     animation: shimmer 1.5s infinite;
   }
 
-  .shimmer:is(:global(.dark) *) {
-    background-color: #141414;
-    background-image: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.01), transparent);
+  .dark,
+  [data-theme="dark"],
+  [data-theme="dark"] ::backdrop {
+    .shimmer {
+      background-color: #141414;
+      background-image: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.01), transparent);
+    }
   }
 
   .shimmerContainer {
@@ -49,4 +53,4 @@
       background-position: 200% 0;
     }
   }
-}
+}

package/dist/components/shimmer/shimmer.module.js

@@ -1,6 +1,7 @@
 import "./shimmer_module.css";
 const shimmer_module = {
     shimmer: "shimmer-hQj5gn",
+    dark: "dark-JA57ru",
     shimmerContainer: "shimmerContainer-YqBAXa",
     rectangular: "rectangular-qx6oTl",
     text: "text-syTLNh",

package/dist/components/shimmer/shimmer_module.css

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

package/dist/icons/icons.module.css

@@ -28,66 +28,34 @@
     stroke: var(--gray-800);
   }
 
-  .stroke-gray:is(:global(.dark) *) {
-    stroke: var(--gray-300);
-  }
-
   .stroke-contrast {
     stroke: var(--gray-950);
   }
 
-  .stroke-contrast:is(:global(.dark) *) {
-    stroke: var(--gray-100);
-  }
-
   .stroke-primary {
     stroke: var(--primary-500);
   }
 
-  .stroke-primary:is(:global(.dark) *) {
-    stroke: var(--primary-400);
-  }
-
   .stroke-secondary {
     stroke: var(--secondary-500);
   }
 
-  .stroke-secondary:is(:global(.dark) *) {
-    stroke: var(--secondary-400);
-  }
-
   .stroke-success {
     stroke: var(--green-500);
   }
 
-  .stroke-success:is(:global(.dark) *) {
-    stroke: var(--green-400);
-  }
-
   .stroke-info {
     stroke: var(--blue-500);
   }
 
-  .stroke-info:is(:global(.dark) *) {
-    stroke: var(--blue-400);
-  }
-
   .stroke-warning {
     stroke: var(--yellow-500);
   }
 
-  .stroke-warning:is(:global(.dark) *) {
-    stroke: var(--yellow-400);
-  }
-
   .stroke-danger {
     stroke: var(--red-500);
   }
 
-  .stroke-danger:is(:global(.dark) *) {
-    stroke: var(--red-400);
-  }
-
   .fill-none {
     fill: none;
   }
@@ -100,63 +68,99 @@
     fill: black;
   }
 
-  .fill-contrast:is(:global(.dark) *) {
-    fill: white;
-  }
-
   .fill-gray {
     stroke: var(--gray-700);
   }
 
-  .fill-gray:is(:global(.dark) *) {
-    stroke: var(--gray-300);
-  }
-
   .fill-primary {
     fill: var(--primary-500);
   }
 
-  .fill-primary:is(:global(.dark) *) {
-    fill: var(--primary-400);
-  }
-
   .fill-secondary {
     fill: var(--secondary-500);
   }
 
-  .fill-secondary:is(:global(.dark) *) {
-    fill: var(--secondary-400);
-  }
-
   .fill-success {
     fill: var(--green-500);
   }
 
-  .fill-success:is(:global(.dark) *) {
-    fill: var(--green-400);
-  }
-
   .fill-info {
     fill: var(--blue-500);
   }
 
-  .fill-info:is(:global(.dark) *) {
-    fill: var(--blue-400);
-  }
-
   .fill-warning {
     fill: var(--yellow-500);
   }
 
-  .fill-warning:is(:global(.dark) *) {
-    fill: var(--yellow-400);
-  }
-
   .fill-danger {
     fill: var(--red-500);
   }
 
-  .fill-danger:is(:global(.dark) *) {
-    fill: var(--red-400);
+  .dark,
+  [data-theme="dark"],
+  [data-theme="dark"] ::backdrop {
+    .stroke-gray {
+      stroke: var(--gray-300);
+    }
+
+    .stroke-contrast {
+      stroke: var(--gray-100);
+    }
+
+    .stroke-primary {
+      stroke: var(--primary-400);
+    }
+
+    .stroke-secondary {
+      stroke: var(--secondary-400);
+    }
+
+    .stroke-success {
+      stroke: var(--green-400);
+    }
+
+    .stroke-info {
+      stroke: var(--blue-400);
+    }
+
+    .stroke-warning {
+      stroke: var(--yellow-400);
+    }
+
+    .stroke-danger {
+      stroke: var(--red-400);
+    }
+
+    .fill-contrast {
+      fill: white;
+    }
+
+    .fill-gray {
+      stroke: var(--gray-300);
+    }
+
+    .fill-primary {
+      fill: var(--primary-400);
+    }
+
+    .fill-secondary {
+      fill: var(--secondary-400);
+    }
+
+    .fill-success {
+      fill: var(--green-400);
+    }
+
+    .fill-info {
+      fill: var(--blue-400);
+    }
+
+    .fill-warning {
+      fill: var(--yellow-400);
+    }
+
+    .fill-danger {
+      fill: var(--red-400);
+    }
   }
-}
+}

package/dist/icons/icons.module.js

@@ -41,6 +41,7 @@ const icons_module = {
     "fill-warning": "fill-warning-MhDHOi",
     fillWarning: "fill-warning-MhDHOi",
     "fill-danger": "fill-danger-ON0cOW",
-    fillDanger: "fill-danger-ON0cOW"
+    fillDanger: "fill-danger-ON0cOW",
+    dark: "dark-H6f40i"
 };
 export { icons_module as default };

package/dist/icons/icons_module.css

@@ -28,66 +28,34 @@
     stroke: var(--gray-800);
   }
 
-  .stroke-gray-ztBX17:is(.dark *) {
-    stroke: var(--gray-300);
-  }
-
   .stroke-contrast-AT10aI {
     stroke: var(--gray-950);
   }
 
-  .stroke-contrast-AT10aI:is(.dark *) {
-    stroke: var(--gray-100);
-  }
-
   .stroke-primary-u7JF2h {
     stroke: var(--primary-500);
   }
 
-  .stroke-primary-u7JF2h:is(.dark *) {
-    stroke: var(--primary-400);
-  }
-
   .stroke-secondary-MApqoB {
     stroke: var(--secondary-500);
   }
 
-  .stroke-secondary-MApqoB:is(.dark *) {
-    stroke: var(--secondary-400);
-  }
-
   .stroke-success-_1cLJV {
     stroke: var(--green-500);
   }
 
-  .stroke-success-_1cLJV:is(.dark *) {
-    stroke: var(--green-400);
-  }
-
   .stroke-info-Vzmoi8 {
     stroke: var(--blue-500);
   }
 
-  .stroke-info-Vzmoi8:is(.dark *) {
-    stroke: var(--blue-400);
-  }
-
   .stroke-warning-I3SfVE {
     stroke: var(--yellow-500);
   }
 
-  .stroke-warning-I3SfVE:is(.dark *) {
-    stroke: var(--yellow-400);
-  }
-
   .stroke-danger-UyrLVd {
     stroke: var(--red-500);
   }
 
-  .stroke-danger-UyrLVd:is(.dark *) {
-    stroke: var(--red-400);
-  }
-
   .fill-none-xH4I95 {
     fill: none;
   }
@@ -100,63 +68,159 @@
     fill: #000;
   }
 
-  .fill-contrast-L9qIfP:is(.dark *) {
-    fill: #fff;
-  }
-
   .fill-gray-bK_ByH {
     stroke: var(--gray-700);
   }
 
-  .fill-gray-bK_ByH:is(.dark *) {
+  .fill-primary-H4rRqA {
+    fill: var(--primary-500);
+  }
+
+  .fill-secondary-rMFbuc {
+    fill: var(--secondary-500);
+  }
+
+  .fill-success-zkVkC0 {
+    fill: var(--green-500);
+  }
+
+  .fill-info-uUXjQx {
+    fill: var(--blue-500);
+  }
+
+  .fill-warning-MhDHOi {
+    fill: var(--yellow-500);
+  }
+
+  .fill-danger-ON0cOW {
+    fill: var(--red-500);
+  }
+
+  [data-theme="dark"] ::backdrop .stroke-gray-ztBX17 {
     stroke: var(--gray-300);
   }
 
-  .fill-primary-H4rRqA {
-    fill: var(--primary-500);
+  [data-theme="dark"] ::backdrop .stroke-contrast-AT10aI {
+    stroke: var(--gray-100);
   }
 
-  .fill-primary-H4rRqA:is(.dark *) {
-    fill: var(--primary-400);
+  [data-theme="dark"] ::backdrop .stroke-primary-u7JF2h {
+    stroke: var(--primary-400);
   }
 
-  .fill-secondary-rMFbuc {
-    fill: var(--secondary-500);
+  [data-theme="dark"] ::backdrop .stroke-secondary-MApqoB {
+    stroke: var(--secondary-400);
   }
 
-  .fill-secondary-rMFbuc:is(.dark *) {
-    fill: var(--secondary-400);
+  [data-theme="dark"] ::backdrop .stroke-success-_1cLJV {
+    stroke: var(--green-400);
   }
 
-  .fill-success-zkVkC0 {
-    fill: var(--green-500);
+  [data-theme="dark"] ::backdrop .stroke-info-Vzmoi8 {
+    stroke: var(--blue-400);
   }
 
-  .fill-success-zkVkC0:is(.dark *) {
-    fill: var(--green-400);
+  [data-theme="dark"] ::backdrop .stroke-warning-I3SfVE {
+    stroke: var(--yellow-400);
   }
 
-  .fill-info-uUXjQx {
-    fill: var(--blue-500);
+  [data-theme="dark"] ::backdrop .stroke-danger-UyrLVd {
+    stroke: var(--red-400);
   }
 
-  .fill-info-uUXjQx:is(.dark *) {
-    fill: var(--blue-400);
+  [data-theme="dark"] ::backdrop .fill-contrast-L9qIfP {
+    fill: #fff;
   }
 
-  .fill-warning-MhDHOi {
-    fill: var(--yellow-500);
+  [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);
   }
 
-  .fill-warning-MhDHOi:is(.dark *) {
+  [data-theme="dark"] ::backdrop .fill-warning-MhDHOi {
     fill: var(--yellow-400);
   }
 
-  .fill-danger-ON0cOW {
-    fill: var(--red-500);
+  [data-theme="dark"] ::backdrop .fill-danger-ON0cOW {
+    fill: var(--red-400);
+  }
+
+  :is(.dark-H6f40i, [data-theme="dark"]) .stroke-gray-ztBX17 {
+    stroke: var(--gray-300);
+  }
+
+  :is(.dark-H6f40i, [data-theme="dark"]) .stroke-contrast-AT10aI {
+    stroke: var(--gray-100);
+  }
+
+  :is(.dark-H6f40i, [data-theme="dark"]) .stroke-primary-u7JF2h {
+    stroke: var(--primary-400);
+  }
+
+  :is(.dark-H6f40i, [data-theme="dark"]) .stroke-secondary-MApqoB {
+    stroke: var(--secondary-400);
+  }
+
+  :is(.dark-H6f40i, [data-theme="dark"]) .stroke-success-_1cLJV {
+    stroke: var(--green-400);
+  }
+
+  :is(.dark-H6f40i, [data-theme="dark"]) .stroke-info-Vzmoi8 {
+    stroke: var(--blue-400);
+  }
+
+  :is(.dark-H6f40i, [data-theme="dark"]) .stroke-warning-I3SfVE {
+    stroke: var(--yellow-400);
+  }
+
+  :is(.dark-H6f40i, [data-theme="dark"]) .stroke-danger-UyrLVd {
+    stroke: var(--red-400);
+  }
+
+  :is(.dark-H6f40i, [data-theme="dark"]) .fill-contrast-L9qIfP {
+    fill: #fff;
+  }
+
+  :is(.dark-H6f40i, [data-theme="dark"]) .fill-gray-bK_ByH {
+    stroke: var(--gray-300);
+  }
+
+  :is(.dark-H6f40i, [data-theme="dark"]) .fill-primary-H4rRqA {
+    fill: var(--primary-400);
+  }
+
+  :is(.dark-H6f40i, [data-theme="dark"]) .fill-secondary-rMFbuc {
+    fill: var(--secondary-400);
+  }
+
+  :is(.dark-H6f40i, [data-theme="dark"]) .fill-success-zkVkC0 {
+    fill: var(--green-400);
+  }
+
+  :is(.dark-H6f40i, [data-theme="dark"]) .fill-info-uUXjQx {
+    fill: var(--blue-400);
+  }
+
+  :is(.dark-H6f40i, [data-theme="dark"]) .fill-warning-MhDHOi {
+    fill: var(--yellow-400);
   }
 
-  .fill-danger-ON0cOW:is(.dark *) {
+  :is(.dark-H6f40i, [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(.card-mqJaiW:is(.dark *),.card:is(.dark *)){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(.card-hover-hvT4d6:hover:is(.dark *),.card-hover:hover:is(.dark *)){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(:is(.dark-NdJxB9,[data-theme=dark]) .card-mqJaiW,:is(.dark-NdJxB9,[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(:is(.dark-NdJxB9,[data-theme=dark]) .card-hover-hvT4d6:hover,:is(.dark-NdJxB9,[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

@@ -45,8 +45,12 @@
     }
   }
 
-  .content:is(:global(.dark) *) {
-    background: var(--canvas-800);
+  .dark,
+  [data-theme="dark"],
+  [data-theme="dark"] ::backdrop {
+    .content {
+      background: var(--canvas-800);
+    }
   }
 
   .content-components {
@@ -185,4 +189,4 @@
       transform: translateX(0);
     }
   }
-}
+}

package/dist/widgets/datepicker/datepicker.module.js

@@ -9,6 +9,7 @@ const datepicker_module = {
     slideLeftAndFade: "slideLeftAndFade-ugM6Hs",
     slideUpAndFade: "slideUpAndFade-bAwQJS",
     slideRightAndFade: "slideRightAndFade-o0jl7q",
+    dark: "dark-A_8H6V",
     "content-components": "content-components-jcG649",
     contentComponents: "content-components-jcG649",
     "status-and-actions": "status-and-actions-Px_b57",

package/dist/widgets/datepicker/datepicker_module.css

@@ -44,7 +44,11 @@
     animation-name: slideRightAndFade-o0jl7q;
   }
 
-  .content-UK9iLF:is(.dark *) {
+  [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.23.0",
+  "version": "5.24.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

@@ -1,11 +1,12 @@
 @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 {
+
   .card,
   :global(.card) {
     display: flex;
@@ -22,9 +23,14 @@
     box-shadow: var(--shadow-sm);
   }
 
-  .card:is(:global(.dark) *),
-  :global(.card):is(:global(.dark) *) {
-    background: var(--canvas-800);
+  .dark,
+  [data-theme="dark"],
+  [data-theme="dark"] ::backdrop {
+
+    .card,
+    :global(.card) {
+      background: var(--canvas-800);
+    }
   }
 
   .card-hover,
@@ -37,9 +43,14 @@
     background: oklch(from var(--theme-50) 1 0.03 h);
   }
 
-  .card-hover:hover:is(:global(.dark) *),
-  :global(.card-hover):hover:is(:global(.dark) *) {
-    background: oklch(from var(--canvas-800) 0.2 c h);
+  .dark,
+  [data-theme="dark"],
+  [data-theme="dark"] ::backdrop {
+
+    .card-hover:hover,
+    :global(.card-hover):hover {
+      background: oklch(from var(--canvas-800) 0.2 c h);
+    }
   }
 
   .card-header,
@@ -79,4 +90,4 @@
     padding: 1rem;
     padding-top: 0;
   }
-}
+}

package/src/components/notifications/toast.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 {
   /* Positions are relative to the toast viewport which is set 
@@ -24,8 +24,12 @@
     box-shadow: var(--shadow-sm);
   }
 
-  .root:is(:global(.dark) *) {
-    background: var(--canvas-800);
+  .dark,
+  [data-theme="dark"],
+  [data-theme="dark"] ::backdrop {
+    .root {
+      background: var(--canvas-800);
+    }
   }
 
   .root[data-state="open"] {
@@ -132,6 +136,7 @@
   }
 
   @media (min-width: 48rem) {
+
     .root.top-right[data-state="open"],
     .root.bottom-right[data-state="open"] {
       animation: slideInFromRight 150ms cubic-bezier(0.16, 1, 0.3, 1);
@@ -236,4 +241,4 @@
       opacity: 0;
     }
   }
-}
+}

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

@@ -8,8 +8,13 @@
   z-index: 20;
 }
 
-.overlay:is(:global(.dark) *) {
-  background-color: rgba(0, 0, 0, 0.5);
+
+.dark,
+[data-theme="dark"],
+[data-theme="dark"] ::backdrop {
+  .overlay {
+    background-color: rgba(0, 0, 0, 0.5);
+  }
 }
 
 .animate-fade-in {
@@ -38,4 +43,4 @@
   to {
     opacity: 0;
   }
-}
+}

package/src/components/shimmer/shimmer.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;
 
 /* 'border-collapse w-full text-sm text-left text-gray-700 dark:text-gray-400 m-0', */
 @layer infonomic-components {
@@ -16,9 +16,13 @@
     animation: shimmer 1.5s infinite;
   }
 
-  .shimmer:is(:global(.dark) *) {
-    background-color: #141414;
-    background-image: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.01), transparent);
+  .dark,
+  [data-theme="dark"],
+  [data-theme="dark"] ::backdrop {
+    .shimmer {
+      background-color: #141414;
+      background-image: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.01), transparent);
+    }
   }
 
   .shimmerContainer {
@@ -49,4 +53,4 @@
       background-position: 200% 0;
     }
   }
-}
+}

package/src/icons/icons.module.css

@@ -28,66 +28,34 @@
     stroke: var(--gray-800);
   }
 
-  .stroke-gray:is(:global(.dark) *) {
-    stroke: var(--gray-300);
-  }
-
   .stroke-contrast {
     stroke: var(--gray-950);
   }
 
-  .stroke-contrast:is(:global(.dark) *) {
-    stroke: var(--gray-100);
-  }
-
   .stroke-primary {
     stroke: var(--primary-500);
   }
 
-  .stroke-primary:is(:global(.dark) *) {
-    stroke: var(--primary-400);
-  }
-
   .stroke-secondary {
     stroke: var(--secondary-500);
   }
 
-  .stroke-secondary:is(:global(.dark) *) {
-    stroke: var(--secondary-400);
-  }
-
   .stroke-success {
     stroke: var(--green-500);
   }
 
-  .stroke-success:is(:global(.dark) *) {
-    stroke: var(--green-400);
-  }
-
   .stroke-info {
     stroke: var(--blue-500);
   }
 
-  .stroke-info:is(:global(.dark) *) {
-    stroke: var(--blue-400);
-  }
-
   .stroke-warning {
     stroke: var(--yellow-500);
   }
 
-  .stroke-warning:is(:global(.dark) *) {
-    stroke: var(--yellow-400);
-  }
-
   .stroke-danger {
     stroke: var(--red-500);
   }
 
-  .stroke-danger:is(:global(.dark) *) {
-    stroke: var(--red-400);
-  }
-
   .fill-none {
     fill: none;
   }
@@ -100,63 +68,99 @@
     fill: black;
   }
 
-  .fill-contrast:is(:global(.dark) *) {
-    fill: white;
-  }
-
   .fill-gray {
     stroke: var(--gray-700);
   }
 
-  .fill-gray:is(:global(.dark) *) {
-    stroke: var(--gray-300);
-  }
-
   .fill-primary {
     fill: var(--primary-500);
   }
 
-  .fill-primary:is(:global(.dark) *) {
-    fill: var(--primary-400);
-  }
-
   .fill-secondary {
     fill: var(--secondary-500);
   }
 
-  .fill-secondary:is(:global(.dark) *) {
-    fill: var(--secondary-400);
-  }
-
   .fill-success {
     fill: var(--green-500);
   }
 
-  .fill-success:is(:global(.dark) *) {
-    fill: var(--green-400);
-  }
-
   .fill-info {
     fill: var(--blue-500);
   }
 
-  .fill-info:is(:global(.dark) *) {
-    fill: var(--blue-400);
-  }
-
   .fill-warning {
     fill: var(--yellow-500);
   }
 
-  .fill-warning:is(:global(.dark) *) {
-    fill: var(--yellow-400);
-  }
-
   .fill-danger {
     fill: var(--red-500);
   }
 
-  .fill-danger:is(:global(.dark) *) {
-    fill: var(--red-400);
+  .dark,
+  [data-theme="dark"],
+  [data-theme="dark"] ::backdrop {
+    .stroke-gray {
+      stroke: var(--gray-300);
+    }
+
+    .stroke-contrast {
+      stroke: var(--gray-100);
+    }
+
+    .stroke-primary {
+      stroke: var(--primary-400);
+    }
+
+    .stroke-secondary {
+      stroke: var(--secondary-400);
+    }
+
+    .stroke-success {
+      stroke: var(--green-400);
+    }
+
+    .stroke-info {
+      stroke: var(--blue-400);
+    }
+
+    .stroke-warning {
+      stroke: var(--yellow-400);
+    }
+
+    .stroke-danger {
+      stroke: var(--red-400);
+    }
+
+    .fill-contrast {
+      fill: white;
+    }
+
+    .fill-gray {
+      stroke: var(--gray-300);
+    }
+
+    .fill-primary {
+      fill: var(--primary-400);
+    }
+
+    .fill-secondary {
+      fill: var(--secondary-400);
+    }
+
+    .fill-success {
+      fill: var(--green-400);
+    }
+
+    .fill-info {
+      fill: var(--blue-400);
+    }
+
+    .fill-warning {
+      fill: var(--yellow-400);
+    }
+
+    .fill-danger {
+      fill: var(--red-400);
+    }
   }
-}
+}

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

@@ -45,8 +45,12 @@
     }
   }
 
-  .content:is(:global(.dark) *) {
-    background: var(--canvas-800);
+  .dark,
+  [data-theme="dark"],
+  [data-theme="dark"] ::backdrop {
+    .content {
+      background: var(--canvas-800);
+    }
   }
 
   .content-components {
@@ -185,4 +189,4 @@
       transform: translateX(0);
     }
   }
-}
+}