@sb1/indeks-tokens 0.9.2 → 0.10.0

package/CHANGELOG.md

@@ -1,5 +1,13 @@
 # @sb1/indeks-tokens
 
+## 0.10.0
+
+### Minor Changes
+
+- 389f6ec: Synker border-farger med Figma. `--ix-color-border-main-default` er nå den lyse kanten (gray-250 / gray-750), og ny `--ix-color-border-main-emphasis` er den tydelige (gray-500).
+  
+  **Breaking:** `--ix-color-border-main-hover` og `--ix-color-border-main-active` er fjernet. Bruk `emphasis-hover`/`emphasis-active` for tydelig kant, eller `default-hover`/`default-active` for lys kant.
+
 ## 0.9.2
 
 ### Patch Changes

package/dist/cli.js

@@ -7759,6 +7759,40 @@ var Semantic_colors_Dark_default = {
     border: {
       main: {
         default: {
+          $type: "color",
+          $value: "{color.gray.750}",
+          $description: "",
+          $extensions: {
+            "com.figma": {
+              hiddenFromPublishing: false,
+              scopes: [
+                "FRAME_FILL",
+                "SHAPE_FILL",
+                "STROKE_COLOR",
+                "EFFECT_COLOR"
+              ],
+              codeSyntax: {}
+            }
+          }
+        },
+        "default-hover": {
+          $type: "color",
+          $value: "{color.gray.700}",
+          $description: "",
+          $extensions: {
+            "com.figma": {
+              hiddenFromPublishing: false,
+              scopes: [
+                "FRAME_FILL",
+                "SHAPE_FILL",
+                "STROKE_COLOR",
+                "EFFECT_COLOR"
+              ],
+              codeSyntax: {}
+            }
+          }
+        },
+        "default-active": {
           $type: "color",
           $value: "{color.gray.650}",
           $description: "",
@@ -7775,9 +7809,9 @@ var Semantic_colors_Dark_default = {
             }
           }
         },
-        hover: {
+        emphasis: {
           $type: "color",
-          $value: "{color.gray.600}",
+          $value: "{color.gray.500}",
           $description: "",
           $extensions: {
             "com.figma": {
@@ -7792,9 +7826,26 @@ var Semantic_colors_Dark_default = {
             }
           }
         },
-        active: {
+        "emphasis-hover": {
           $type: "color",
-          $value: "{color.gray.550}",
+          $value: "{color.gray.450}",
+          $description: "",
+          $extensions: {
+            "com.figma": {
+              hiddenFromPublishing: false,
+              scopes: [
+                "FRAME_FILL",
+                "SHAPE_FILL",
+                "STROKE_COLOR",
+                "EFFECT_COLOR"
+              ],
+              codeSyntax: {}
+            }
+          }
+        },
+        "emphasis-active": {
+          $type: "color",
+          $value: "{color.gray.400}",
           $description: "",
           $extensions: {
             "com.figma": {
@@ -9978,7 +10029,7 @@ var Semantic_colors_Light_default = {
       main: {
         default: {
           $type: "color",
-          $value: "{color.gray.400}",
+          $value: "{color.gray.250}",
           $description: "",
           $extensions: {
             "com.figma": {
@@ -9993,9 +10044,9 @@ var Semantic_colors_Light_default = {
             }
           }
         },
-        hover: {
+        "default-hover": {
           $type: "color",
-          $value: "{color.gray.450}",
+          $value: "{color.gray.300}",
           $description: "",
           $extensions: {
             "com.figma": {
@@ -10010,7 +10061,24 @@ var Semantic_colors_Light_default = {
             }
           }
         },
-        active: {
+        "default-active": {
+          $type: "color",
+          $value: "{color.gray.350}",
+          $description: "",
+          $extensions: {
+            "com.figma": {
+              hiddenFromPublishing: false,
+              scopes: [
+                "FRAME_FILL",
+                "SHAPE_FILL",
+                "STROKE_COLOR",
+                "EFFECT_COLOR"
+              ],
+              codeSyntax: {}
+            }
+          }
+        },
+        emphasis: {
           $type: "color",
           $value: "{color.gray.500}",
           $description: "",
@@ -10026,6 +10094,40 @@ var Semantic_colors_Light_default = {
               codeSyntax: {}
             }
           }
+        },
+        "emphasis-hover": {
+          $type: "color",
+          $value: "{color.gray.550}",
+          $description: "",
+          $extensions: {
+            "com.figma": {
+              hiddenFromPublishing: false,
+              scopes: [
+                "FRAME_FILL",
+                "SHAPE_FILL",
+                "STROKE_COLOR",
+                "EFFECT_COLOR"
+              ],
+              codeSyntax: {}
+            }
+          }
+        },
+        "emphasis-active": {
+          $type: "color",
+          $value: "{color.gray.600}",
+          $description: "",
+          $extensions: {
+            "com.figma": {
+              hiddenFromPublishing: false,
+              scopes: [
+                "FRAME_FILL",
+                "SHAPE_FILL",
+                "STROKE_COLOR",
+                "EFFECT_COLOR"
+              ],
+              codeSyntax: {}
+            }
+          }
         }
       },
       info: {
@@ -11176,7 +11278,7 @@ function toPrimitiveVar(value) {
 }
 
 // scripts/build-colors/mobile/android.ts
-var PKG_VERSION = true ? "0.9.2" : "dev";
+var PKG_VERSION = true ? "0.10.0" : "dev";
 var removeHash = (value) => value.startsWith("#") ? value.slice(1) : value;
 var cssHexToAndroidHex = (str) => str.slice(-2) + str.slice(0, -2);
 function transformToAndroidHex(value) {
@@ -11238,7 +11340,7 @@ function resolveSemanticColorsToTheme(semanticColors, theme) {
 }
 
 // scripts/build-colors/mobile/ios.ts
-var PKG_VERSION2 = true ? "0.9.2" : "dev";
+var PKG_VERSION2 = true ? "0.10.0" : "dev";
 function buildContents(path) {
   writeFileSyncEnsureDir(
     `${path}/SemanticColors.xcassets/Contents.json`,

package/dist/index.css

@@ -1 +1 @@
-:host,:root{--ix-border-width-default:1px;--ix-border-width-bold:2px;--ix-border-radius-circle:50%;--ix-border-radius-pill:9999px}:host,:root{--ix-breakpoint-sm:768px;--ix-breakpoint-md:1024px;--ix-breakpoint-lg:1280px;--ix-breakpoint-xl:1600px}:host,:root{--ix-opacity-disabled:0.4}:host,:root{--ix-outline-width-default:2px;--ix-outline-offset-default:3px}:host,:root{--ix-transition-animation:cubic-bezier(.25, .1, .25, 1);--ix-transition-property-all:all;--ix-transition-duration:0.2s}:host,:root{--ii-font-base-scale:1.125;--ii-font-base-size:1rem;--ii-font-size-0:var(--ii-font-base-size);--ii-font-size-1:calc(var(--ii-font-base-size) * pow(var(--ii-font-base-scale), 1));--ii-font-size-2:calc(var(--ii-font-base-size) * pow(var(--ii-font-base-scale), 2));--ii-font-size-3:calc(var(--ii-font-base-size) * pow(var(--ii-font-base-scale), 3));--ii-font-size-4:calc(var(--ii-font-base-size) * pow(var(--ii-font-base-scale), 4));--ii-font-size-5:calc(var(--ii-font-base-size) * pow(var(--ii-font-base-scale), 5));--ii-font-size-6:calc(var(--ii-font-base-size) * pow(var(--ii-font-base-scale), 6));--ii-font-size-7:calc(var(--ii-font-base-size) * pow(var(--ii-font-base-scale), 7));--ii-font-size-8:calc(var(--ii-font-base-size) * pow(var(--ii-font-base-scale), 8));--ii-font-size-9:calc(var(--ii-font-base-size) * pow(var(--ii-font-base-scale), 9));--ii-font-size-10:calc(var(--ii-font-base-size) * pow(var(--ii-font-base-scale), 10));--ii-font-size-11:calc(var(--ii-font-base-size) * pow(var(--ii-font-base-scale), 11));--ii-font-size-12:calc(var(--ii-font-base-size) * pow(var(--ii-font-base-scale), 12));--ii-font-size-13:calc(var(--ii-font-base-size) * pow(var(--ii-font-base-scale), 13));--ii-font-size-14:calc(var(--ii-font-base-size) * pow(var(--ii-font-base-scale), 14));--ii-font-size-15:calc(var(--ii-font-base-size) * pow(var(--ii-font-base-scale), 15));--ii-font-size-16:calc(var(--ii-font-base-size) * pow(var(--ii-font-base-scale), 16));--ii-font-size-17:calc(var(--ii-font-base-size) * pow(var(--ii-font-base-scale), 17));--ii-font-size-18:calc(var(--ii-font-base-size) * pow(var(--ii-font-base-scale), 18));--ii-font-size--13:calc(var(--ii-font-base-size) * pow(var(--ii-font-base-scale), -22));--ii-font-size--12:calc(var(--ii-font-base-size) * pow(var(--ii-font-base-scale), -17));--ii-font-size--11:calc(var(--ii-font-base-size) * pow(var(--ii-font-base-scale), -15));--ii-font-size--10:calc(var(--ii-font-base-size) * pow(var(--ii-font-base-scale), -12));--ii-font-size--9:calc(var(--ii-font-base-size) * pow(var(--ii-font-base-scale), -11));--ii-font-size--8:calc(var(--ii-font-base-size) * pow(var(--ii-font-base-scale), -9));--ii-font-size--7:calc(var(--ii-font-base-size) * pow(var(--ii-font-base-scale), -7));--ii-font-size--6:calc(var(--ii-font-base-size) * pow(var(--ii-font-base-scale), -6));--ii-font-size--5:calc(var(--ii-font-base-size) * pow(var(--ii-font-base-scale), -5));--ii-font-size--4:calc(var(--ii-font-base-size) * pow(var(--ii-font-base-scale), -4));--ii-font-size--3:calc(var(--ii-font-base-size) * pow(var(--ii-font-base-scale), -3));--ii-font-size--2:calc(var(--ii-font-base-size) * pow(var(--ii-font-base-scale), -2));--ii-font-size--1:calc(var(--ii-font-base-size) * pow(var(--ii-font-base-scale), -1));--ii-font-weight-light:300;--ii-font-weight-bold:700}:host,:root{--ix-z-index-background:-1;--ix-z-index-default:0;--ix-z-index-elevated:1;--ix-z-index-overlay:20;--ix-z-index-dialog:60;--ix-z-index-max:100}:host,:root{--ii-primitive-brand-0:#f9fcff;--ii-primitive-brand-50:#f4faff;--ii-primitive-brand-100:#edf6ff;--ii-primitive-brand-150:#e2f0ff;--ii-primitive-brand-200:#d3e9ff;--ii-primitive-brand-250:#bae0ff;--ii-primitive-brand-300:#9fd2ff;--ii-primitive-brand-350:#7fc2ff;--ii-primitive-brand-400:#55adff;--ii-primitive-brand-450:#3597f9;--ii-primitive-brand-500:#1f81dd;--ii-primitive-brand-550:#0d6cbf;--ii-primitive-brand-600:#0058a6;--ii-primitive-brand-650:#004697;--ii-primitive-brand-700:#003782;--ii-primitive-brand-750:#002b6e;--ii-primitive-brand-800:#00225d;--ii-primitive-brand-850:#00194d;--ii-primitive-brand-900:#02162c;--ii-primitive-brand-950:#0a1016;--ii-primitive-success-0:#fafdfb;--ii-primitive-success-50:#f5fbf7;--ii-primitive-success-100:#eff7f2;--ii-primitive-success-150:#e4f3eb;--ii-primitive-success-200:#d6ede0;--ii-primitive-success-250:#bee7d1;--ii-primitive-success-300:#a2debe;--ii-primitive-success-350:#82d1aa;--ii-primitive-success-400:#5ec092;--ii-primitive-success-450:#3eab7c;--ii-primitive-success-500:#299568;--ii-primitive-success-550:#177e56;--ii-primitive-success-600:#006a45;--ii-primitive-success-650:#005a35;--ii-primitive-success-700:#004a28;--ii-primitive-success-750:#003c1f;--ii-primitive-success-800:#003117;--ii-primitive-success-850:#002710;--ii-primitive-success-900:#031b10;--ii-primitive-success-950:#0b110e;--ii-primitive-info-0:#fafcfd;--ii-primitive-info-50:#f6fafc;--ii-primitive-info-100:#f0f6fa;--ii-primitive-info-150:#e7f0f7;--ii-primitive-info-200:#dbe9f4;--ii-primitive-info-250:#c8dff2;--ii-primitive-info-300:#b1d3ee;--ii-primitive-info-350:#98c3e5;--ii-primitive-info-400:#7db0d8;--ii-primitive-info-450:#649bc4;--ii-primitive-info-500:#5285ac;--ii-primitive-info-550:#417093;--ii-primitive-info-600:#315d7d;--ii-primitive-info-650:#1d4d6e;--ii-primitive-info-700:#023e61;--ii-primitive-info-750:#003255;--ii-primitive-info-800:#002847;--ii-primitive-info-850:#001f34;--ii-primitive-info-900:#0a1720;--ii-primitive-info-950:#0c1013;--ii-primitive-danger-0:snow;--ii-primitive-danger-50:#fff7f6;--ii-primitive-danger-100:#fff1f0;--ii-primitive-danger-150:#ffe9e7;--ii-primitive-danger-200:#ffddda;--ii-primitive-danger-250:#ffcbc7;--ii-primitive-danger-300:#ffb5b1;--ii-primitive-danger-350:#ff9c98;--ii-primitive-danger-400:#f9807d;--ii-primitive-danger-450:#e56766;--ii-primitive-danger-500:#ca5454;--ii-primitive-danger-550:#ad4243;--ii-primitive-danger-600:#943234;--ii-primitive-danger-650:#841a22;--ii-primitive-danger-700:#76000e;--ii-primitive-danger-750:#640006;--ii-primitive-danger-800:#530003;--ii-primitive-danger-850:#400004;--ii-primitive-danger-900:#280b0b;--ii-primitive-danger-950:#150d0c;--ii-primitive-warning-0:#fefbf9;--ii-primitive-warning-50:#fdf8f4;--ii-primitive-warning-100:#fbf3ed;--ii-primitive-warning-150:#f9ece1;--ii-primitive-warning-200:#f7e2d1;--ii-primitive-warning-250:#f8d5b6;--ii-primitive-warning-300:#f5c397;--ii-primitive-warning-350:#edaf75;--ii-primitive-warning-400:#e19750;--ii-primitive-warning-450:#cc8030;--ii-primitive-warning-500:#b36c1a;--ii-primitive-warning-550:#995907;--ii-primitive-warning-600:#834800;--ii-primitive-warning-650:#713700;--ii-primitive-warning-700:#5e2b00;--ii-primitive-warning-750:#4d2100;--ii-primitive-warning-800:#3f1900;--ii-primitive-warning-850:#331200;--ii-primitive-warning-900:#221102;--ii-primitive-warning-950:#130e0a;--ii-primitive-gray-0:#fff;--ii-primitive-gray-50:#f8f9fa;--ii-primitive-gray-100:#f4f5f7;--ii-primitive-gray-150:#edeff2;--ii-primitive-gray-200:#e4e7eb;--ii-primitive-gray-250:#d7dce4;--ii-primitive-gray-300:#c7cfd9;--ii-primitive-gray-350:#b5becc;--ii-primitive-gray-400:#a0abbb;--ii-primitive-gray-450:#8a95a6;--ii-primitive-gray-500:#758090;--ii-primitive-gray-550:#626c7a;--ii-primitive-gray-600:#505966;--ii-primitive-gray-650:#404956;--ii-primitive-gray-700:#323b49;--ii-primitive-gray-750:#262f3d;--ii-primitive-gray-800:#1e2632;--ii-primitive-gray-850:#171d25;--ii-primitive-gray-900:#131619;--ii-primitive-gray-950:#0f0f11;--ii-primitive-neutral-0:#fefbf9;--ii-primitive-neutral-50:#fdf8f4;--ii-primitive-neutral-100:#fbf3ed;--ii-primitive-neutral-150:#f9ece2;--ii-primitive-neutral-200:#f7e2d2;--ii-primitive-neutral-250:#f8d4b9;--ii-primitive-neutral-300:#f4c39a;--ii-primitive-neutral-350:#edae7a;--ii-primitive-neutral-400:#e09757;--ii-primitive-neutral-450:#cc8039;--ii-primitive-neutral-500:#b36c26;--ii-primitive-neutral-550:#995916;--ii-primitive-neutral-600:#834701;--ii-primitive-neutral-650:#733500;--ii-primitive-neutral-700:#5f2900;--ii-primitive-neutral-750:#4e2000;--ii-primitive-neutral-800:#411800;--ii-primitive-neutral-850:#341100;--ii-primitive-neutral-900:#221103;--ii-primitive-neutral-950:#130e0a;--ix-font-family-normal:SpareBank1, Arial, sans-serif;--ix-font-family-heading:SpareBank1, Arial, sans-serif;--ix-font-weight-regular:400;--ix-font-weight-medium:500;--ix-font-weight-button:600;--ix-border-radius-checkbox:4px;--ix-border-radius-input:8px;--ix-border-radius-button:var(--ix-border-radius-pill);--ix-border-radius-xs:4px;--ix-border-radius-sm:8px;--ix-border-radius-md:16px;--ix-border-radius-lg:24px;--ix-border-radius-xl:40px}.ix-light-mode,:host,:root{--ix-color-background-default:var(--ii-primitive-neutral-0);--ix-color-background-tinted:var(--ii-primitive-brand-150);--ix-color-surface-main-default:var(--ii-primitive-gray-0);--ix-color-surface-main-hover:var(--ii-primitive-brand-150);--ix-color-surface-main-active:var(--ii-primitive-brand-200);--ix-color-surface-info-default:var(--ii-primitive-info-200);--ix-color-surface-info-hover:var(--ii-primitive-info-250);--ix-color-surface-info-active:var(--ii-primitive-info-300);--ix-color-surface-success-default:var(--ii-primitive-success-200);--ix-color-surface-success-hover:var(--ii-primitive-success-250);--ix-color-surface-success-active:var(--ii-primitive-success-300);--ix-color-surface-warning-default:var(--ii-primitive-warning-200);--ix-color-surface-warning-hover:var(--ii-primitive-warning-250);--ix-color-surface-warning-active:var(--ii-primitive-warning-300);--ix-color-surface-danger-default:var(--ii-primitive-danger-200);--ix-color-surface-danger-hover:var(--ii-primitive-danger-250);--ix-color-surface-danger-active:var(--ii-primitive-danger-300);--ix-color-fill-main-default:var(--ii-primitive-brand-550);--ix-color-fill-main-default-hover:var(--ii-primitive-brand-600);--ix-color-fill-main-default-active:var(--ii-primitive-brand-650);--ix-color-fill-main-subtle:var(--ii-primitive-brand-250);--ix-color-fill-main-subtle-hover:var(--ii-primitive-brand-350);--ix-color-fill-main-subtle-active:var(--ii-primitive-brand-400);--ix-color-fill-neutral-default:var(--ii-primitive-gray-550);--ix-color-fill-neutral-default-hover:var(--ii-primitive-gray-600);--ix-color-fill-neutral-default-active:var(--ii-primitive-gray-650);--ix-color-fill-neutral-subtle:var(--ii-primitive-gray-250);--ix-color-fill-neutral-subtle-hover:var(--ii-primitive-gray-350);--ix-color-fill-neutral-subtle-active:var(--ii-primitive-gray-400);--ix-color-fill-interactive-default:var(--ii-primitive-gray-0);--ix-color-fill-interactive-hover:var(--ii-primitive-brand-150);--ix-color-fill-interactive-active:var(--ii-primitive-brand-200);--ix-color-fill-interactive-disabled:var(--ii-primitive-gray-200);--ix-color-fill-interactive-read-only:var(--ii-primitive-gray-150);--ix-color-fill-info-default:var(--ii-primitive-info-550);--ix-color-fill-info-default-hover:var(--ii-primitive-info-600);--ix-color-fill-info-default-active:var(--ii-primitive-info-650);--ix-color-fill-info-subtle:var(--ii-primitive-info-300);--ix-color-fill-info-subtle-hover:var(--ii-primitive-info-350);--ix-color-fill-info-subtle-active:var(--ii-primitive-info-400);--ix-color-fill-success-default:var(--ii-primitive-success-550);--ix-color-fill-success-default-hover:var(--ii-primitive-success-600);--ix-color-fill-success-default-active:var(--ii-primitive-success-650);--ix-color-fill-success-subtle:var(--ii-primitive-success-300);--ix-color-fill-success-subtle-hover:var(--ii-primitive-success-350);--ix-color-fill-success-subtle-active:var(--ii-primitive-success-400);--ix-color-fill-warning-default:var(--ii-primitive-warning-550);--ix-color-fill-warning-default-hover:var(--ii-primitive-warning-600);--ix-color-fill-warning-default-active:var(--ii-primitive-warning-650);--ix-color-fill-warning-subtle:var(--ii-primitive-warning-300);--ix-color-fill-warning-subtle-hover:var(--ii-primitive-warning-350);--ix-color-fill-warning-subtle-active:var(--ii-primitive-warning-400);--ix-color-fill-danger-default:var(--ii-primitive-danger-550);--ix-color-fill-danger-default-hover:var(--ii-primitive-danger-600);--ix-color-fill-danger-default-active:var(--ii-primitive-danger-650);--ix-color-fill-danger-subtle:var(--ii-primitive-danger-300);--ix-color-fill-danger-subtle-hover:var(--ii-primitive-danger-350);--ix-color-fill-danger-subtle-active:var(--ii-primitive-danger-400);--ix-color-foreground-main-default:var(--ii-primitive-gray-900);--ix-color-foreground-main-subtle:var(--ii-primitive-gray-600);--ix-color-foreground-main-emphasis:var(--ii-primitive-brand-700);--ix-color-foreground-main-disabled:var(--ii-primitive-gray-600);--ix-color-foreground-main-read-only:var(--ii-primitive-gray-550);--ix-color-foreground-inverse-default:var(--ii-primitive-gray-50);--ix-color-foreground-inverse-subtle:var(--ii-primitive-gray-300);--ix-color-foreground-link-default:var(--ii-primitive-brand-650);--ix-color-foreground-link-hover:var(--ii-primitive-brand-800);--ix-color-foreground-link-active:var(--ii-primitive-brand-900);--ix-color-foreground-success-default:var(--ii-primitive-success-600);--ix-color-foreground-danger-default:var(--ii-primitive-danger-600);--ix-color-foreground-info-default:var(--ii-primitive-info-600);--ix-color-foreground-warning-default:var(--ii-primitive-warning-600);--ix-color-border-main-default:var(--ii-primitive-gray-400);--ix-color-border-main-hover:var(--ii-primitive-gray-450);--ix-color-border-main-active:var(--ii-primitive-gray-500);--ix-color-border-info-default:var(--ii-primitive-info-400);--ix-color-border-info-hover:var(--ii-primitive-info-500);--ix-color-border-info-active:var(--ii-primitive-info-550);--ix-color-border-success-default:var(--ii-primitive-success-400);--ix-color-border-success-hover:var(--ii-primitive-success-500);--ix-color-border-success-active:var(--ii-primitive-success-550);--ix-color-border-warning-default:var(--ii-primitive-warning-400);--ix-color-border-warning-hover:var(--ii-primitive-warning-500);--ix-color-border-warning-active:var(--ii-primitive-warning-550);--ix-color-border-danger-default:var(--ii-primitive-danger-400);--ix-color-border-danger-hover:var(--ii-primitive-danger-500);--ix-color-border-danger-active:var(--ii-primitive-danger-550);--ix-color-border-focus-default:var(--ii-primitive-brand-700);--ix-color-component-logo-name:#082868;--ix-color-component-logo-number1:#fff;--ix-color-component-logo-circle-dark-red:#af0000;--ix-color-component-logo-circle-light-red:#e60000;--ix-color-component-button-primary-fill-default:var(--ii-primitive-brand-600);--ix-color-component-button-primary-fill-default-hover:var(--ii-primitive-brand-700);--ix-color-component-button-primary-fill-default-active:var(--ii-primitive-brand-750);--ix-color-component-button-primary-fill-danger:var(--ii-primitive-danger-600);--ix-color-component-button-primary-fill-danger-hover:var(--ii-primitive-danger-700);--ix-color-component-button-primary-fill-danger-active:var(--ii-primitive-danger-750);--ix-color-component-button-primary-foreground-default:var(--ii-primitive-success-0);--ix-color-component-button-primary-foreground-danger:var(--ii-primitive-danger-0);--ix-color-component-button-primary-border-default:var(--ii-primitive-brand-450);--ix-color-component-button-primary-border-default-hover:var(--ii-primitive-brand-550);--ix-color-component-button-primary-border-default-active:var(--ii-primitive-brand-600);--ix-color-component-button-primary-border-danger:var(--ii-primitive-danger-500);--ix-color-component-button-primary-border-danger-hover:var(--ii-primitive-danger-600);--ix-color-component-button-primary-border-danger-active:var(--ii-primitive-danger-650);--ix-color-component-button-secondary-foreground-default:var(--ii-primitive-brand-800);--ix-color-component-button-secondary-foreground-danger:var(--ii-primitive-danger-750);--ix-color-component-button-secondary-border-default:var(--ii-primitive-brand-650);--ix-color-component-button-secondary-border-default-hover:var(--ii-primitive-brand-700);--ix-color-component-button-secondary-border-default-active:var(--ii-primitive-brand-700);--ix-color-component-button-secondary-border-danger:var(--ii-primitive-danger-650);--ix-color-component-button-secondary-border-danger-hover:var(--ii-primitive-danger-700);--ix-color-component-button-secondary-border-danger-active:var(--ii-primitive-danger-750);--ix-color-component-button-secondary-fill-default-hover:var(--ii-primitive-brand-100);--ix-color-component-button-secondary-fill-default-active:var(--ii-primitive-brand-150);--ix-color-component-button-secondary-fill-danger:var(--ii-primitive-danger-0);--ix-color-component-button-secondary-fill-danger-hover:var(--ii-primitive-danger-100);--ix-color-component-button-secondary-fill-danger-active:var(--ii-primitive-danger-150);--ix-color-component-button-tertiary-foreground-default:var(--ii-primitive-brand-800);--ix-color-component-button-tertiary-foreground-danger:var(--ii-primitive-danger-750);--ix-color-component-button-tertiary-fill-default-hover:var(--ii-primitive-brand-150);--ix-color-component-button-tertiary-fill-default-active:var(--ii-primitive-brand-200);--ix-color-component-button-tertiary-fill-danger:var(--ii-primitive-danger-0);--ix-color-component-button-tertiary-fill-danger-hover:var(--ii-primitive-danger-100);--ix-color-component-button-tertiary-fill-danger-active:var(--ii-primitive-danger-150)}@media (prefers-color-scheme:dark){.regard-color-scheme-preference{--ix-color-background-default:var(--ii-primitive-gray-950);--ix-color-background-tinted:var(--ii-primitive-brand-900);--ix-color-surface-main-default:var(--ii-primitive-gray-850);--ix-color-surface-main-hover:var(--ii-primitive-gray-800);--ix-color-surface-main-active:var(--ii-primitive-gray-750);--ix-color-surface-info-default:var(--ii-primitive-info-800);--ix-color-surface-info-hover:var(--ii-primitive-info-750);--ix-color-surface-info-active:var(--ii-primitive-info-700);--ix-color-surface-success-default:var(--ii-primitive-success-800);--ix-color-surface-success-hover:var(--ii-primitive-success-750);--ix-color-surface-success-active:var(--ii-primitive-success-700);--ix-color-surface-warning-default:var(--ii-primitive-warning-800);--ix-color-surface-warning-hover:var(--ii-primitive-warning-750);--ix-color-surface-warning-active:var(--ii-primitive-warning-700);--ix-color-surface-danger-default:var(--ii-primitive-danger-800);--ix-color-surface-danger-hover:var(--ii-primitive-danger-750);--ix-color-surface-danger-active:var(--ii-primitive-danger-700);--ix-color-fill-main-default:var(--ii-primitive-brand-450);--ix-color-fill-main-default-hover:var(--ii-primitive-brand-400);--ix-color-fill-main-default-active:var(--ii-primitive-brand-350);--ix-color-fill-main-subtle:var(--ii-primitive-brand-650);--ix-color-fill-main-subtle-hover:var(--ii-primitive-brand-600);--ix-color-fill-main-subtle-active:var(--ii-primitive-brand-550);--ix-color-fill-neutral-default:var(--ii-primitive-gray-450);--ix-color-fill-neutral-default-hover:var(--ii-primitive-gray-400);--ix-color-fill-neutral-default-active:var(--ii-primitive-gray-350);--ix-color-fill-neutral-subtle:var(--ii-primitive-gray-700);--ix-color-fill-neutral-subtle-hover:var(--ii-primitive-gray-650);--ix-color-fill-neutral-subtle-active:var(--ii-primitive-gray-600);--ix-color-fill-interactive-default:var(--ii-primitive-gray-800);--ix-color-fill-interactive-hover:var(--ii-primitive-gray-750);--ix-color-fill-interactive-active:var(--ii-primitive-gray-700);--ix-color-fill-interactive-disabled:var(--ii-primitive-gray-700);--ix-color-fill-interactive-read-only:var(--ii-primitive-gray-800);--ix-color-fill-info-default:var(--ii-primitive-info-450);--ix-color-fill-info-default-hover:var(--ii-primitive-info-400);--ix-color-fill-info-default-active:var(--ii-primitive-info-350);--ix-color-fill-info-subtle:var(--ii-primitive-info-700);--ix-color-fill-info-subtle-hover:var(--ii-primitive-info-650);--ix-color-fill-info-subtle-active:var(--ii-primitive-info-600);--ix-color-fill-success-default:var(--ii-primitive-success-450);--ix-color-fill-success-default-hover:var(--ii-primitive-success-400);--ix-color-fill-success-default-active:var(--ii-primitive-success-350);--ix-color-fill-success-subtle:var(--ii-primitive-success-700);--ix-color-fill-success-subtle-hover:var(--ii-primitive-success-650);--ix-color-fill-success-subtle-active:var(--ii-primitive-success-600);--ix-color-fill-warning-default:var(--ii-primitive-warning-450);--ix-color-fill-warning-default-hover:var(--ii-primitive-warning-400);--ix-color-fill-warning-default-active:var(--ii-primitive-warning-350);--ix-color-fill-warning-subtle:var(--ii-primitive-warning-700);--ix-color-fill-warning-subtle-hover:var(--ii-primitive-warning-650);--ix-color-fill-warning-subtle-active:var(--ii-primitive-warning-600);--ix-color-fill-danger-default:var(--ii-primitive-danger-450);--ix-color-fill-danger-default-hover:var(--ii-primitive-danger-400);--ix-color-fill-danger-default-active:var(--ii-primitive-danger-350);--ix-color-fill-danger-subtle:var(--ii-primitive-danger-700);--ix-color-fill-danger-subtle-hover:var(--ii-primitive-danger-650);--ix-color-fill-danger-subtle-active:var(--ii-primitive-danger-600);--ix-color-foreground-main-default:var(--ii-primitive-gray-0);--ix-color-foreground-main-subtle:var(--ii-primitive-gray-300);--ix-color-foreground-main-emphasis:var(--ii-primitive-brand-200);--ix-color-foreground-main-disabled:var(--ii-primitive-gray-400);--ix-color-foreground-main-read-only:var(--ii-primitive-gray-300);--ix-color-foreground-inverse-default:var(--ii-primitive-gray-900);--ix-color-foreground-inverse-subtle:var(--ii-primitive-gray-700);--ix-color-foreground-link-default:var(--ii-primitive-brand-350);--ix-color-foreground-link-hover:var(--ii-primitive-brand-200);--ix-color-foreground-link-active:var(--ii-primitive-brand-100);--ix-color-foreground-success-default:var(--ii-primitive-success-400);--ix-color-foreground-danger-default:var(--ii-primitive-danger-400);--ix-color-foreground-info-default:var(--ii-primitive-info-400);--ix-color-foreground-warning-default:var(--ii-primitive-warning-400);--ix-color-border-main-default:var(--ii-primitive-gray-650);--ix-color-border-main-hover:var(--ii-primitive-gray-600);--ix-color-border-main-active:var(--ii-primitive-gray-550);--ix-color-border-info-default:var(--ii-primitive-info-500);--ix-color-border-info-hover:var(--ii-primitive-info-400);--ix-color-border-info-active:var(--ii-primitive-info-300);--ix-color-border-success-default:var(--ii-primitive-success-500);--ix-color-border-success-hover:var(--ii-primitive-success-400);--ix-color-border-success-active:var(--ii-primitive-success-300);--ix-color-border-warning-default:var(--ii-primitive-warning-500);--ix-color-border-warning-hover:var(--ii-primitive-warning-400);--ix-color-border-warning-active:var(--ii-primitive-warning-300);--ix-color-border-danger-default:var(--ii-primitive-danger-500);--ix-color-border-danger-hover:var(--ii-primitive-danger-400);--ix-color-border-danger-active:var(--ii-primitive-danger-300);--ix-color-border-focus-default:var(--ii-primitive-brand-250);--ix-color-component-logo-name:#fff;--ix-color-component-logo-number1:#fff;--ix-color-component-logo-circle-dark-red:#af0000;--ix-color-component-logo-circle-light-red:#e60000;--ix-color-component-button-primary-fill-default:var(--ii-primitive-brand-650);--ix-color-component-button-primary-fill-default-hover:var(--ii-primitive-brand-750);--ix-color-component-button-primary-fill-default-active:var(--ii-primitive-brand-800);--ix-color-component-button-primary-fill-danger:var(--ii-primitive-danger-650);--ix-color-component-button-primary-fill-danger-hover:var(--ii-primitive-danger-550);--ix-color-component-button-primary-fill-danger-active:var(--ii-primitive-danger-500);--ix-color-component-button-primary-foreground-default:var(--ii-primitive-success-0);--ix-color-component-button-primary-foreground-danger:var(--ii-primitive-danger-0);--ix-color-component-button-primary-border-default:var(--ii-primitive-brand-550);--ix-color-component-button-primary-border-default-hover:var(--ii-primitive-brand-450);--ix-color-component-button-primary-border-default-active:var(--ii-primitive-brand-400);--ix-color-component-button-primary-border-danger:var(--ii-primitive-danger-550);--ix-color-component-button-primary-border-danger-hover:var(--ii-primitive-danger-450);--ix-color-component-button-primary-border-danger-active:var(--ii-primitive-danger-400);--ix-color-component-button-secondary-foreground-default:var(--ii-primitive-brand-300);--ix-color-component-button-secondary-foreground-danger:var(--ii-primitive-danger-300);--ix-color-component-button-secondary-border-default:var(--ii-primitive-brand-400);--ix-color-component-button-secondary-border-default-hover:var(--ii-primitive-brand-350);--ix-color-component-button-secondary-border-default-active:var(--ii-primitive-brand-300);--ix-color-component-button-secondary-border-danger:var(--ii-primitive-danger-400);--ix-color-component-button-secondary-border-danger-hover:var(--ii-primitive-danger-350);--ix-color-component-button-secondary-border-danger-active:var(--ii-primitive-danger-300);--ix-color-component-button-secondary-fill-default-hover:var(--ii-primitive-brand-850);--ix-color-component-button-secondary-fill-default-active:var(--ii-primitive-brand-800);--ix-color-component-button-secondary-fill-danger:var(--ii-primitive-danger-950);--ix-color-component-button-secondary-fill-danger-hover:var(--ii-primitive-danger-850);--ix-color-component-button-secondary-fill-danger-active:var(--ii-primitive-danger-800);--ix-color-component-button-tertiary-foreground-default:var(--ii-primitive-brand-300);--ix-color-component-button-tertiary-foreground-danger:var(--ii-primitive-danger-300);--ix-color-component-button-tertiary-fill-default-hover:var(--ii-primitive-brand-850);--ix-color-component-button-tertiary-fill-default-active:var(--ii-primitive-brand-800);--ix-color-component-button-tertiary-fill-danger:var(--ii-primitive-danger-950);--ix-color-component-button-tertiary-fill-danger-hover:var(--ii-primitive-danger-850);--ix-color-component-button-tertiary-fill-danger-active:var(--ii-primitive-danger-800)}}.ix-dark-mode{--ix-color-background-default:var(--ii-primitive-gray-950);--ix-color-background-tinted:var(--ii-primitive-brand-900);--ix-color-surface-main-default:var(--ii-primitive-gray-850);--ix-color-surface-main-hover:var(--ii-primitive-gray-800);--ix-color-surface-main-active:var(--ii-primitive-gray-750);--ix-color-surface-info-default:var(--ii-primitive-info-800);--ix-color-surface-info-hover:var(--ii-primitive-info-750);--ix-color-surface-info-active:var(--ii-primitive-info-700);--ix-color-surface-success-default:var(--ii-primitive-success-800);--ix-color-surface-success-hover:var(--ii-primitive-success-750);--ix-color-surface-success-active:var(--ii-primitive-success-700);--ix-color-surface-warning-default:var(--ii-primitive-warning-800);--ix-color-surface-warning-hover:var(--ii-primitive-warning-750);--ix-color-surface-warning-active:var(--ii-primitive-warning-700);--ix-color-surface-danger-default:var(--ii-primitive-danger-800);--ix-color-surface-danger-hover:var(--ii-primitive-danger-750);--ix-color-surface-danger-active:var(--ii-primitive-danger-700);--ix-color-fill-main-default:var(--ii-primitive-brand-450);--ix-color-fill-main-default-hover:var(--ii-primitive-brand-400);--ix-color-fill-main-default-active:var(--ii-primitive-brand-350);--ix-color-fill-main-subtle:var(--ii-primitive-brand-650);--ix-color-fill-main-subtle-hover:var(--ii-primitive-brand-600);--ix-color-fill-main-subtle-active:var(--ii-primitive-brand-550);--ix-color-fill-neutral-default:var(--ii-primitive-gray-450);--ix-color-fill-neutral-default-hover:var(--ii-primitive-gray-400);--ix-color-fill-neutral-default-active:var(--ii-primitive-gray-350);--ix-color-fill-neutral-subtle:var(--ii-primitive-gray-700);--ix-color-fill-neutral-subtle-hover:var(--ii-primitive-gray-650);--ix-color-fill-neutral-subtle-active:var(--ii-primitive-gray-600);--ix-color-fill-interactive-default:var(--ii-primitive-gray-800);--ix-color-fill-interactive-hover:var(--ii-primitive-gray-750);--ix-color-fill-interactive-active:var(--ii-primitive-gray-700);--ix-color-fill-interactive-disabled:var(--ii-primitive-gray-700);--ix-color-fill-interactive-read-only:var(--ii-primitive-gray-800);--ix-color-fill-info-default:var(--ii-primitive-info-450);--ix-color-fill-info-default-hover:var(--ii-primitive-info-400);--ix-color-fill-info-default-active:var(--ii-primitive-info-350);--ix-color-fill-info-subtle:var(--ii-primitive-info-700);--ix-color-fill-info-subtle-hover:var(--ii-primitive-info-650);--ix-color-fill-info-subtle-active:var(--ii-primitive-info-600);--ix-color-fill-success-default:var(--ii-primitive-success-450);--ix-color-fill-success-default-hover:var(--ii-primitive-success-400);--ix-color-fill-success-default-active:var(--ii-primitive-success-350);--ix-color-fill-success-subtle:var(--ii-primitive-success-700);--ix-color-fill-success-subtle-hover:var(--ii-primitive-success-650);--ix-color-fill-success-subtle-active:var(--ii-primitive-success-600);--ix-color-fill-warning-default:var(--ii-primitive-warning-450);--ix-color-fill-warning-default-hover:var(--ii-primitive-warning-400);--ix-color-fill-warning-default-active:var(--ii-primitive-warning-350);--ix-color-fill-warning-subtle:var(--ii-primitive-warning-700);--ix-color-fill-warning-subtle-hover:var(--ii-primitive-warning-650);--ix-color-fill-warning-subtle-active:var(--ii-primitive-warning-600);--ix-color-fill-danger-default:var(--ii-primitive-danger-450);--ix-color-fill-danger-default-hover:var(--ii-primitive-danger-400);--ix-color-fill-danger-default-active:var(--ii-primitive-danger-350);--ix-color-fill-danger-subtle:var(--ii-primitive-danger-700);--ix-color-fill-danger-subtle-hover:var(--ii-primitive-danger-650);--ix-color-fill-danger-subtle-active:var(--ii-primitive-danger-600);--ix-color-foreground-main-default:var(--ii-primitive-gray-0);--ix-color-foreground-main-subtle:var(--ii-primitive-gray-300);--ix-color-foreground-main-emphasis:var(--ii-primitive-brand-200);--ix-color-foreground-main-disabled:var(--ii-primitive-gray-400);--ix-color-foreground-main-read-only:var(--ii-primitive-gray-300);--ix-color-foreground-inverse-default:var(--ii-primitive-gray-900);--ix-color-foreground-inverse-subtle:var(--ii-primitive-gray-700);--ix-color-foreground-link-default:var(--ii-primitive-brand-350);--ix-color-foreground-link-hover:var(--ii-primitive-brand-200);--ix-color-foreground-link-active:var(--ii-primitive-brand-100);--ix-color-foreground-success-default:var(--ii-primitive-success-400);--ix-color-foreground-danger-default:var(--ii-primitive-danger-400);--ix-color-foreground-info-default:var(--ii-primitive-info-400);--ix-color-foreground-warning-default:var(--ii-primitive-warning-400);--ix-color-border-main-default:var(--ii-primitive-gray-650);--ix-color-border-main-hover:var(--ii-primitive-gray-600);--ix-color-border-main-active:var(--ii-primitive-gray-550);--ix-color-border-info-default:var(--ii-primitive-info-500);--ix-color-border-info-hover:var(--ii-primitive-info-400);--ix-color-border-info-active:var(--ii-primitive-info-300);--ix-color-border-success-default:var(--ii-primitive-success-500);--ix-color-border-success-hover:var(--ii-primitive-success-400);--ix-color-border-success-active:var(--ii-primitive-success-300);--ix-color-border-warning-default:var(--ii-primitive-warning-500);--ix-color-border-warning-hover:var(--ii-primitive-warning-400);--ix-color-border-warning-active:var(--ii-primitive-warning-300);--ix-color-border-danger-default:var(--ii-primitive-danger-500);--ix-color-border-danger-hover:var(--ii-primitive-danger-400);--ix-color-border-danger-active:var(--ii-primitive-danger-300);--ix-color-border-focus-default:var(--ii-primitive-brand-250);--ix-color-component-logo-name:#fff;--ix-color-component-logo-number1:#fff;--ix-color-component-logo-circle-dark-red:#af0000;--ix-color-component-logo-circle-light-red:#e60000;--ix-color-component-button-primary-fill-default:var(--ii-primitive-brand-650);--ix-color-component-button-primary-fill-default-hover:var(--ii-primitive-brand-750);--ix-color-component-button-primary-fill-default-active:var(--ii-primitive-brand-800);--ix-color-component-button-primary-fill-danger:var(--ii-primitive-danger-650);--ix-color-component-button-primary-fill-danger-hover:var(--ii-primitive-danger-550);--ix-color-component-button-primary-fill-danger-active:var(--ii-primitive-danger-500);--ix-color-component-button-primary-foreground-default:var(--ii-primitive-success-0);--ix-color-component-button-primary-foreground-danger:var(--ii-primitive-danger-0);--ix-color-component-button-primary-border-default:var(--ii-primitive-brand-550);--ix-color-component-button-primary-border-default-hover:var(--ii-primitive-brand-450);--ix-color-component-button-primary-border-default-active:var(--ii-primitive-brand-400);--ix-color-component-button-primary-border-danger:var(--ii-primitive-danger-550);--ix-color-component-button-primary-border-danger-hover:var(--ii-primitive-danger-450);--ix-color-component-button-primary-border-danger-active:var(--ii-primitive-danger-400);--ix-color-component-button-secondary-foreground-default:var(--ii-primitive-brand-300);--ix-color-component-button-secondary-foreground-danger:var(--ii-primitive-danger-300);--ix-color-component-button-secondary-border-default:var(--ii-primitive-brand-400);--ix-color-component-button-secondary-border-default-hover:var(--ii-primitive-brand-350);--ix-color-component-button-secondary-border-default-active:var(--ii-primitive-brand-300);--ix-color-component-button-secondary-border-danger:var(--ii-primitive-danger-400);--ix-color-component-button-secondary-border-danger-hover:var(--ii-primitive-danger-350);--ix-color-component-button-secondary-border-danger-active:var(--ii-primitive-danger-300);--ix-color-component-button-secondary-fill-default-hover:var(--ii-primitive-brand-850);--ix-color-component-button-secondary-fill-default-active:var(--ii-primitive-brand-800);--ix-color-component-button-secondary-fill-danger:var(--ii-primitive-danger-950);--ix-color-component-button-secondary-fill-danger-hover:var(--ii-primitive-danger-850);--ix-color-component-button-secondary-fill-danger-active:var(--ii-primitive-danger-800);--ix-color-component-button-tertiary-foreground-default:var(--ii-primitive-brand-300);--ix-color-component-button-tertiary-foreground-danger:var(--ii-primitive-danger-300);--ix-color-component-button-tertiary-fill-default-hover:var(--ii-primitive-brand-850);--ix-color-component-button-tertiary-fill-default-active:var(--ii-primitive-brand-800);--ix-color-component-button-tertiary-fill-danger:var(--ii-primitive-danger-950);--ix-color-component-button-tertiary-fill-danger-hover:var(--ii-primitive-danger-850);--ix-color-component-button-tertiary-fill-danger-active:var(--ii-primitive-danger-800)}
+:host,:root{--ix-border-width-default:1px;--ix-border-width-bold:2px;--ix-border-radius-circle:50%;--ix-border-radius-pill:9999px}:host,:root{--ix-breakpoint-sm:768px;--ix-breakpoint-md:1024px;--ix-breakpoint-lg:1280px;--ix-breakpoint-xl:1600px}:host,:root{--ix-opacity-disabled:0.4}:host,:root{--ix-outline-width-default:2px;--ix-outline-offset-default:3px}:host,:root{--ix-transition-animation:cubic-bezier(.25, .1, .25, 1);--ix-transition-property-all:all;--ix-transition-duration:0.2s}:host,:root{--ii-font-base-scale:1.125;--ii-font-base-size:1rem;--ii-font-size-0:var(--ii-font-base-size);--ii-font-size-1:calc(var(--ii-font-base-size) * pow(var(--ii-font-base-scale), 1));--ii-font-size-2:calc(var(--ii-font-base-size) * pow(var(--ii-font-base-scale), 2));--ii-font-size-3:calc(var(--ii-font-base-size) * pow(var(--ii-font-base-scale), 3));--ii-font-size-4:calc(var(--ii-font-base-size) * pow(var(--ii-font-base-scale), 4));--ii-font-size-5:calc(var(--ii-font-base-size) * pow(var(--ii-font-base-scale), 5));--ii-font-size-6:calc(var(--ii-font-base-size) * pow(var(--ii-font-base-scale), 6));--ii-font-size-7:calc(var(--ii-font-base-size) * pow(var(--ii-font-base-scale), 7));--ii-font-size-8:calc(var(--ii-font-base-size) * pow(var(--ii-font-base-scale), 8));--ii-font-size-9:calc(var(--ii-font-base-size) * pow(var(--ii-font-base-scale), 9));--ii-font-size-10:calc(var(--ii-font-base-size) * pow(var(--ii-font-base-scale), 10));--ii-font-size-11:calc(var(--ii-font-base-size) * pow(var(--ii-font-base-scale), 11));--ii-font-size-12:calc(var(--ii-font-base-size) * pow(var(--ii-font-base-scale), 12));--ii-font-size-13:calc(var(--ii-font-base-size) * pow(var(--ii-font-base-scale), 13));--ii-font-size-14:calc(var(--ii-font-base-size) * pow(var(--ii-font-base-scale), 14));--ii-font-size-15:calc(var(--ii-font-base-size) * pow(var(--ii-font-base-scale), 15));--ii-font-size-16:calc(var(--ii-font-base-size) * pow(var(--ii-font-base-scale), 16));--ii-font-size-17:calc(var(--ii-font-base-size) * pow(var(--ii-font-base-scale), 17));--ii-font-size-18:calc(var(--ii-font-base-size) * pow(var(--ii-font-base-scale), 18));--ii-font-size--13:calc(var(--ii-font-base-size) * pow(var(--ii-font-base-scale), -22));--ii-font-size--12:calc(var(--ii-font-base-size) * pow(var(--ii-font-base-scale), -17));--ii-font-size--11:calc(var(--ii-font-base-size) * pow(var(--ii-font-base-scale), -15));--ii-font-size--10:calc(var(--ii-font-base-size) * pow(var(--ii-font-base-scale), -12));--ii-font-size--9:calc(var(--ii-font-base-size) * pow(var(--ii-font-base-scale), -11));--ii-font-size--8:calc(var(--ii-font-base-size) * pow(var(--ii-font-base-scale), -9));--ii-font-size--7:calc(var(--ii-font-base-size) * pow(var(--ii-font-base-scale), -7));--ii-font-size--6:calc(var(--ii-font-base-size) * pow(var(--ii-font-base-scale), -6));--ii-font-size--5:calc(var(--ii-font-base-size) * pow(var(--ii-font-base-scale), -5));--ii-font-size--4:calc(var(--ii-font-base-size) * pow(var(--ii-font-base-scale), -4));--ii-font-size--3:calc(var(--ii-font-base-size) * pow(var(--ii-font-base-scale), -3));--ii-font-size--2:calc(var(--ii-font-base-size) * pow(var(--ii-font-base-scale), -2));--ii-font-size--1:calc(var(--ii-font-base-size) * pow(var(--ii-font-base-scale), -1));--ii-font-weight-light:300;--ii-font-weight-bold:700}:host,:root{--ix-z-index-background:-1;--ix-z-index-default:0;--ix-z-index-elevated:1;--ix-z-index-overlay:20;--ix-z-index-dialog:60;--ix-z-index-max:100}:host,:root{--ii-primitive-brand-0:#f9fcff;--ii-primitive-brand-50:#f4faff;--ii-primitive-brand-100:#edf6ff;--ii-primitive-brand-150:#e2f0ff;--ii-primitive-brand-200:#d3e9ff;--ii-primitive-brand-250:#bae0ff;--ii-primitive-brand-300:#9fd2ff;--ii-primitive-brand-350:#7fc2ff;--ii-primitive-brand-400:#55adff;--ii-primitive-brand-450:#3597f9;--ii-primitive-brand-500:#1f81dd;--ii-primitive-brand-550:#0d6cbf;--ii-primitive-brand-600:#0058a6;--ii-primitive-brand-650:#004697;--ii-primitive-brand-700:#003782;--ii-primitive-brand-750:#002b6e;--ii-primitive-brand-800:#00225d;--ii-primitive-brand-850:#00194d;--ii-primitive-brand-900:#02162c;--ii-primitive-brand-950:#0a1016;--ii-primitive-success-0:#fafdfb;--ii-primitive-success-50:#f5fbf7;--ii-primitive-success-100:#eff7f2;--ii-primitive-success-150:#e4f3eb;--ii-primitive-success-200:#d6ede0;--ii-primitive-success-250:#bee7d1;--ii-primitive-success-300:#a2debe;--ii-primitive-success-350:#82d1aa;--ii-primitive-success-400:#5ec092;--ii-primitive-success-450:#3eab7c;--ii-primitive-success-500:#299568;--ii-primitive-success-550:#177e56;--ii-primitive-success-600:#006a45;--ii-primitive-success-650:#005a35;--ii-primitive-success-700:#004a28;--ii-primitive-success-750:#003c1f;--ii-primitive-success-800:#003117;--ii-primitive-success-850:#002710;--ii-primitive-success-900:#031b10;--ii-primitive-success-950:#0b110e;--ii-primitive-info-0:#fafcfd;--ii-primitive-info-50:#f6fafc;--ii-primitive-info-100:#f0f6fa;--ii-primitive-info-150:#e7f0f7;--ii-primitive-info-200:#dbe9f4;--ii-primitive-info-250:#c8dff2;--ii-primitive-info-300:#b1d3ee;--ii-primitive-info-350:#98c3e5;--ii-primitive-info-400:#7db0d8;--ii-primitive-info-450:#649bc4;--ii-primitive-info-500:#5285ac;--ii-primitive-info-550:#417093;--ii-primitive-info-600:#315d7d;--ii-primitive-info-650:#1d4d6e;--ii-primitive-info-700:#023e61;--ii-primitive-info-750:#003255;--ii-primitive-info-800:#002847;--ii-primitive-info-850:#001f34;--ii-primitive-info-900:#0a1720;--ii-primitive-info-950:#0c1013;--ii-primitive-danger-0:snow;--ii-primitive-danger-50:#fff7f6;--ii-primitive-danger-100:#fff1f0;--ii-primitive-danger-150:#ffe9e7;--ii-primitive-danger-200:#ffddda;--ii-primitive-danger-250:#ffcbc7;--ii-primitive-danger-300:#ffb5b1;--ii-primitive-danger-350:#ff9c98;--ii-primitive-danger-400:#f9807d;--ii-primitive-danger-450:#e56766;--ii-primitive-danger-500:#ca5454;--ii-primitive-danger-550:#ad4243;--ii-primitive-danger-600:#943234;--ii-primitive-danger-650:#841a22;--ii-primitive-danger-700:#76000e;--ii-primitive-danger-750:#640006;--ii-primitive-danger-800:#530003;--ii-primitive-danger-850:#400004;--ii-primitive-danger-900:#280b0b;--ii-primitive-danger-950:#150d0c;--ii-primitive-warning-0:#fefbf9;--ii-primitive-warning-50:#fdf8f4;--ii-primitive-warning-100:#fbf3ed;--ii-primitive-warning-150:#f9ece1;--ii-primitive-warning-200:#f7e2d1;--ii-primitive-warning-250:#f8d5b6;--ii-primitive-warning-300:#f5c397;--ii-primitive-warning-350:#edaf75;--ii-primitive-warning-400:#e19750;--ii-primitive-warning-450:#cc8030;--ii-primitive-warning-500:#b36c1a;--ii-primitive-warning-550:#995907;--ii-primitive-warning-600:#834800;--ii-primitive-warning-650:#713700;--ii-primitive-warning-700:#5e2b00;--ii-primitive-warning-750:#4d2100;--ii-primitive-warning-800:#3f1900;--ii-primitive-warning-850:#331200;--ii-primitive-warning-900:#221102;--ii-primitive-warning-950:#130e0a;--ii-primitive-gray-0:#fff;--ii-primitive-gray-50:#f8f9fa;--ii-primitive-gray-100:#f4f5f7;--ii-primitive-gray-150:#edeff2;--ii-primitive-gray-200:#e4e7eb;--ii-primitive-gray-250:#d7dce4;--ii-primitive-gray-300:#c7cfd9;--ii-primitive-gray-350:#b5becc;--ii-primitive-gray-400:#a0abbb;--ii-primitive-gray-450:#8a95a6;--ii-primitive-gray-500:#758090;--ii-primitive-gray-550:#626c7a;--ii-primitive-gray-600:#505966;--ii-primitive-gray-650:#404956;--ii-primitive-gray-700:#323b49;--ii-primitive-gray-750:#262f3d;--ii-primitive-gray-800:#1e2632;--ii-primitive-gray-850:#171d25;--ii-primitive-gray-900:#131619;--ii-primitive-gray-950:#0f0f11;--ii-primitive-neutral-0:#fefbf9;--ii-primitive-neutral-50:#fdf8f4;--ii-primitive-neutral-100:#fbf3ed;--ii-primitive-neutral-150:#f9ece2;--ii-primitive-neutral-200:#f7e2d2;--ii-primitive-neutral-250:#f8d4b9;--ii-primitive-neutral-300:#f4c39a;--ii-primitive-neutral-350:#edae7a;--ii-primitive-neutral-400:#e09757;--ii-primitive-neutral-450:#cc8039;--ii-primitive-neutral-500:#b36c26;--ii-primitive-neutral-550:#995916;--ii-primitive-neutral-600:#834701;--ii-primitive-neutral-650:#733500;--ii-primitive-neutral-700:#5f2900;--ii-primitive-neutral-750:#4e2000;--ii-primitive-neutral-800:#411800;--ii-primitive-neutral-850:#341100;--ii-primitive-neutral-900:#221103;--ii-primitive-neutral-950:#130e0a;--ix-font-family-normal:SpareBank1, Arial, sans-serif;--ix-font-family-heading:SpareBank1, Arial, sans-serif;--ix-font-weight-regular:400;--ix-font-weight-medium:500;--ix-font-weight-button:600;--ix-border-radius-checkbox:4px;--ix-border-radius-input:8px;--ix-border-radius-button:var(--ix-border-radius-pill);--ix-border-radius-xs:4px;--ix-border-radius-sm:8px;--ix-border-radius-md:16px;--ix-border-radius-lg:24px;--ix-border-radius-xl:40px}.ix-light-mode,:host,:root{--ix-color-background-default:var(--ii-primitive-neutral-0);--ix-color-background-tinted:var(--ii-primitive-brand-150);--ix-color-surface-main-default:var(--ii-primitive-gray-0);--ix-color-surface-main-hover:var(--ii-primitive-brand-150);--ix-color-surface-main-active:var(--ii-primitive-brand-200);--ix-color-surface-info-default:var(--ii-primitive-info-200);--ix-color-surface-info-hover:var(--ii-primitive-info-250);--ix-color-surface-info-active:var(--ii-primitive-info-300);--ix-color-surface-success-default:var(--ii-primitive-success-200);--ix-color-surface-success-hover:var(--ii-primitive-success-250);--ix-color-surface-success-active:var(--ii-primitive-success-300);--ix-color-surface-warning-default:var(--ii-primitive-warning-200);--ix-color-surface-warning-hover:var(--ii-primitive-warning-250);--ix-color-surface-warning-active:var(--ii-primitive-warning-300);--ix-color-surface-danger-default:var(--ii-primitive-danger-200);--ix-color-surface-danger-hover:var(--ii-primitive-danger-250);--ix-color-surface-danger-active:var(--ii-primitive-danger-300);--ix-color-fill-main-default:var(--ii-primitive-brand-550);--ix-color-fill-main-default-hover:var(--ii-primitive-brand-600);--ix-color-fill-main-default-active:var(--ii-primitive-brand-650);--ix-color-fill-main-subtle:var(--ii-primitive-brand-250);--ix-color-fill-main-subtle-hover:var(--ii-primitive-brand-350);--ix-color-fill-main-subtle-active:var(--ii-primitive-brand-400);--ix-color-fill-neutral-default:var(--ii-primitive-gray-550);--ix-color-fill-neutral-default-hover:var(--ii-primitive-gray-600);--ix-color-fill-neutral-default-active:var(--ii-primitive-gray-650);--ix-color-fill-neutral-subtle:var(--ii-primitive-gray-250);--ix-color-fill-neutral-subtle-hover:var(--ii-primitive-gray-350);--ix-color-fill-neutral-subtle-active:var(--ii-primitive-gray-400);--ix-color-fill-interactive-default:var(--ii-primitive-gray-0);--ix-color-fill-interactive-hover:var(--ii-primitive-brand-150);--ix-color-fill-interactive-active:var(--ii-primitive-brand-200);--ix-color-fill-interactive-disabled:var(--ii-primitive-gray-200);--ix-color-fill-interactive-read-only:var(--ii-primitive-gray-150);--ix-color-fill-info-default:var(--ii-primitive-info-550);--ix-color-fill-info-default-hover:var(--ii-primitive-info-600);--ix-color-fill-info-default-active:var(--ii-primitive-info-650);--ix-color-fill-info-subtle:var(--ii-primitive-info-300);--ix-color-fill-info-subtle-hover:var(--ii-primitive-info-350);--ix-color-fill-info-subtle-active:var(--ii-primitive-info-400);--ix-color-fill-success-default:var(--ii-primitive-success-550);--ix-color-fill-success-default-hover:var(--ii-primitive-success-600);--ix-color-fill-success-default-active:var(--ii-primitive-success-650);--ix-color-fill-success-subtle:var(--ii-primitive-success-300);--ix-color-fill-success-subtle-hover:var(--ii-primitive-success-350);--ix-color-fill-success-subtle-active:var(--ii-primitive-success-400);--ix-color-fill-warning-default:var(--ii-primitive-warning-550);--ix-color-fill-warning-default-hover:var(--ii-primitive-warning-600);--ix-color-fill-warning-default-active:var(--ii-primitive-warning-650);--ix-color-fill-warning-subtle:var(--ii-primitive-warning-300);--ix-color-fill-warning-subtle-hover:var(--ii-primitive-warning-350);--ix-color-fill-warning-subtle-active:var(--ii-primitive-warning-400);--ix-color-fill-danger-default:var(--ii-primitive-danger-550);--ix-color-fill-danger-default-hover:var(--ii-primitive-danger-600);--ix-color-fill-danger-default-active:var(--ii-primitive-danger-650);--ix-color-fill-danger-subtle:var(--ii-primitive-danger-300);--ix-color-fill-danger-subtle-hover:var(--ii-primitive-danger-350);--ix-color-fill-danger-subtle-active:var(--ii-primitive-danger-400);--ix-color-foreground-main-default:var(--ii-primitive-gray-900);--ix-color-foreground-main-subtle:var(--ii-primitive-gray-600);--ix-color-foreground-main-emphasis:var(--ii-primitive-brand-700);--ix-color-foreground-main-disabled:var(--ii-primitive-gray-600);--ix-color-foreground-main-read-only:var(--ii-primitive-gray-550);--ix-color-foreground-inverse-default:var(--ii-primitive-gray-50);--ix-color-foreground-inverse-subtle:var(--ii-primitive-gray-300);--ix-color-foreground-link-default:var(--ii-primitive-brand-650);--ix-color-foreground-link-hover:var(--ii-primitive-brand-800);--ix-color-foreground-link-active:var(--ii-primitive-brand-900);--ix-color-foreground-success-default:var(--ii-primitive-success-600);--ix-color-foreground-danger-default:var(--ii-primitive-danger-600);--ix-color-foreground-info-default:var(--ii-primitive-info-600);--ix-color-foreground-warning-default:var(--ii-primitive-warning-600);--ix-color-border-main-default:var(--ii-primitive-gray-250);--ix-color-border-main-default-hover:var(--ii-primitive-gray-300);--ix-color-border-main-default-active:var(--ii-primitive-gray-350);--ix-color-border-main-emphasis:var(--ii-primitive-gray-500);--ix-color-border-main-emphasis-hover:var(--ii-primitive-gray-550);--ix-color-border-main-emphasis-active:var(--ii-primitive-gray-600);--ix-color-border-info-default:var(--ii-primitive-info-400);--ix-color-border-info-hover:var(--ii-primitive-info-500);--ix-color-border-info-active:var(--ii-primitive-info-550);--ix-color-border-success-default:var(--ii-primitive-success-400);--ix-color-border-success-hover:var(--ii-primitive-success-500);--ix-color-border-success-active:var(--ii-primitive-success-550);--ix-color-border-warning-default:var(--ii-primitive-warning-400);--ix-color-border-warning-hover:var(--ii-primitive-warning-500);--ix-color-border-warning-active:var(--ii-primitive-warning-550);--ix-color-border-danger-default:var(--ii-primitive-danger-400);--ix-color-border-danger-hover:var(--ii-primitive-danger-500);--ix-color-border-danger-active:var(--ii-primitive-danger-550);--ix-color-border-focus-default:var(--ii-primitive-brand-700);--ix-color-component-logo-name:#082868;--ix-color-component-logo-number1:#fff;--ix-color-component-logo-circle-dark-red:#af0000;--ix-color-component-logo-circle-light-red:#e60000;--ix-color-component-button-primary-fill-default:var(--ii-primitive-brand-600);--ix-color-component-button-primary-fill-default-hover:var(--ii-primitive-brand-700);--ix-color-component-button-primary-fill-default-active:var(--ii-primitive-brand-750);--ix-color-component-button-primary-fill-danger:var(--ii-primitive-danger-600);--ix-color-component-button-primary-fill-danger-hover:var(--ii-primitive-danger-700);--ix-color-component-button-primary-fill-danger-active:var(--ii-primitive-danger-750);--ix-color-component-button-primary-foreground-default:var(--ii-primitive-success-0);--ix-color-component-button-primary-foreground-danger:var(--ii-primitive-danger-0);--ix-color-component-button-primary-border-default:var(--ii-primitive-brand-450);--ix-color-component-button-primary-border-default-hover:var(--ii-primitive-brand-550);--ix-color-component-button-primary-border-default-active:var(--ii-primitive-brand-600);--ix-color-component-button-primary-border-danger:var(--ii-primitive-danger-500);--ix-color-component-button-primary-border-danger-hover:var(--ii-primitive-danger-600);--ix-color-component-button-primary-border-danger-active:var(--ii-primitive-danger-650);--ix-color-component-button-secondary-foreground-default:var(--ii-primitive-brand-800);--ix-color-component-button-secondary-foreground-danger:var(--ii-primitive-danger-750);--ix-color-component-button-secondary-border-default:var(--ii-primitive-brand-650);--ix-color-component-button-secondary-border-default-hover:var(--ii-primitive-brand-700);--ix-color-component-button-secondary-border-default-active:var(--ii-primitive-brand-700);--ix-color-component-button-secondary-border-danger:var(--ii-primitive-danger-650);--ix-color-component-button-secondary-border-danger-hover:var(--ii-primitive-danger-700);--ix-color-component-button-secondary-border-danger-active:var(--ii-primitive-danger-750);--ix-color-component-button-secondary-fill-default-hover:var(--ii-primitive-brand-100);--ix-color-component-button-secondary-fill-default-active:var(--ii-primitive-brand-150);--ix-color-component-button-secondary-fill-danger:var(--ii-primitive-danger-0);--ix-color-component-button-secondary-fill-danger-hover:var(--ii-primitive-danger-100);--ix-color-component-button-secondary-fill-danger-active:var(--ii-primitive-danger-150);--ix-color-component-button-tertiary-foreground-default:var(--ii-primitive-brand-800);--ix-color-component-button-tertiary-foreground-danger:var(--ii-primitive-danger-750);--ix-color-component-button-tertiary-fill-default-hover:var(--ii-primitive-brand-150);--ix-color-component-button-tertiary-fill-default-active:var(--ii-primitive-brand-200);--ix-color-component-button-tertiary-fill-danger:var(--ii-primitive-danger-0);--ix-color-component-button-tertiary-fill-danger-hover:var(--ii-primitive-danger-100);--ix-color-component-button-tertiary-fill-danger-active:var(--ii-primitive-danger-150)}@media(prefers-color-scheme:dark){.regard-color-scheme-preference{--ix-color-background-default:var(--ii-primitive-gray-950);--ix-color-background-tinted:var(--ii-primitive-brand-900);--ix-color-surface-main-default:var(--ii-primitive-gray-850);--ix-color-surface-main-hover:var(--ii-primitive-gray-800);--ix-color-surface-main-active:var(--ii-primitive-gray-750);--ix-color-surface-info-default:var(--ii-primitive-info-800);--ix-color-surface-info-hover:var(--ii-primitive-info-750);--ix-color-surface-info-active:var(--ii-primitive-info-700);--ix-color-surface-success-default:var(--ii-primitive-success-800);--ix-color-surface-success-hover:var(--ii-primitive-success-750);--ix-color-surface-success-active:var(--ii-primitive-success-700);--ix-color-surface-warning-default:var(--ii-primitive-warning-800);--ix-color-surface-warning-hover:var(--ii-primitive-warning-750);--ix-color-surface-warning-active:var(--ii-primitive-warning-700);--ix-color-surface-danger-default:var(--ii-primitive-danger-800);--ix-color-surface-danger-hover:var(--ii-primitive-danger-750);--ix-color-surface-danger-active:var(--ii-primitive-danger-700);--ix-color-fill-main-default:var(--ii-primitive-brand-450);--ix-color-fill-main-default-hover:var(--ii-primitive-brand-400);--ix-color-fill-main-default-active:var(--ii-primitive-brand-350);--ix-color-fill-main-subtle:var(--ii-primitive-brand-650);--ix-color-fill-main-subtle-hover:var(--ii-primitive-brand-600);--ix-color-fill-main-subtle-active:var(--ii-primitive-brand-550);--ix-color-fill-neutral-default:var(--ii-primitive-gray-450);--ix-color-fill-neutral-default-hover:var(--ii-primitive-gray-400);--ix-color-fill-neutral-default-active:var(--ii-primitive-gray-350);--ix-color-fill-neutral-subtle:var(--ii-primitive-gray-700);--ix-color-fill-neutral-subtle-hover:var(--ii-primitive-gray-650);--ix-color-fill-neutral-subtle-active:var(--ii-primitive-gray-600);--ix-color-fill-interactive-default:var(--ii-primitive-gray-800);--ix-color-fill-interactive-hover:var(--ii-primitive-gray-750);--ix-color-fill-interactive-active:var(--ii-primitive-gray-700);--ix-color-fill-interactive-disabled:var(--ii-primitive-gray-700);--ix-color-fill-interactive-read-only:var(--ii-primitive-gray-800);--ix-color-fill-info-default:var(--ii-primitive-info-450);--ix-color-fill-info-default-hover:var(--ii-primitive-info-400);--ix-color-fill-info-default-active:var(--ii-primitive-info-350);--ix-color-fill-info-subtle:var(--ii-primitive-info-700);--ix-color-fill-info-subtle-hover:var(--ii-primitive-info-650);--ix-color-fill-info-subtle-active:var(--ii-primitive-info-600);--ix-color-fill-success-default:var(--ii-primitive-success-450);--ix-color-fill-success-default-hover:var(--ii-primitive-success-400);--ix-color-fill-success-default-active:var(--ii-primitive-success-350);--ix-color-fill-success-subtle:var(--ii-primitive-success-700);--ix-color-fill-success-subtle-hover:var(--ii-primitive-success-650);--ix-color-fill-success-subtle-active:var(--ii-primitive-success-600);--ix-color-fill-warning-default:var(--ii-primitive-warning-450);--ix-color-fill-warning-default-hover:var(--ii-primitive-warning-400);--ix-color-fill-warning-default-active:var(--ii-primitive-warning-350);--ix-color-fill-warning-subtle:var(--ii-primitive-warning-700);--ix-color-fill-warning-subtle-hover:var(--ii-primitive-warning-650);--ix-color-fill-warning-subtle-active:var(--ii-primitive-warning-600);--ix-color-fill-danger-default:var(--ii-primitive-danger-450);--ix-color-fill-danger-default-hover:var(--ii-primitive-danger-400);--ix-color-fill-danger-default-active:var(--ii-primitive-danger-350);--ix-color-fill-danger-subtle:var(--ii-primitive-danger-700);--ix-color-fill-danger-subtle-hover:var(--ii-primitive-danger-650);--ix-color-fill-danger-subtle-active:var(--ii-primitive-danger-600);--ix-color-foreground-main-default:var(--ii-primitive-gray-0);--ix-color-foreground-main-subtle:var(--ii-primitive-gray-300);--ix-color-foreground-main-emphasis:var(--ii-primitive-brand-200);--ix-color-foreground-main-disabled:var(--ii-primitive-gray-400);--ix-color-foreground-main-read-only:var(--ii-primitive-gray-300);--ix-color-foreground-inverse-default:var(--ii-primitive-gray-900);--ix-color-foreground-inverse-subtle:var(--ii-primitive-gray-700);--ix-color-foreground-link-default:var(--ii-primitive-brand-350);--ix-color-foreground-link-hover:var(--ii-primitive-brand-200);--ix-color-foreground-link-active:var(--ii-primitive-brand-100);--ix-color-foreground-success-default:var(--ii-primitive-success-400);--ix-color-foreground-danger-default:var(--ii-primitive-danger-400);--ix-color-foreground-info-default:var(--ii-primitive-info-400);--ix-color-foreground-warning-default:var(--ii-primitive-warning-400);--ix-color-border-main-default:var(--ii-primitive-gray-750);--ix-color-border-main-default-hover:var(--ii-primitive-gray-700);--ix-color-border-main-default-active:var(--ii-primitive-gray-650);--ix-color-border-main-emphasis:var(--ii-primitive-gray-500);--ix-color-border-main-emphasis-hover:var(--ii-primitive-gray-450);--ix-color-border-main-emphasis-active:var(--ii-primitive-gray-400);--ix-color-border-info-default:var(--ii-primitive-info-500);--ix-color-border-info-hover:var(--ii-primitive-info-400);--ix-color-border-info-active:var(--ii-primitive-info-300);--ix-color-border-success-default:var(--ii-primitive-success-500);--ix-color-border-success-hover:var(--ii-primitive-success-400);--ix-color-border-success-active:var(--ii-primitive-success-300);--ix-color-border-warning-default:var(--ii-primitive-warning-500);--ix-color-border-warning-hover:var(--ii-primitive-warning-400);--ix-color-border-warning-active:var(--ii-primitive-warning-300);--ix-color-border-danger-default:var(--ii-primitive-danger-500);--ix-color-border-danger-hover:var(--ii-primitive-danger-400);--ix-color-border-danger-active:var(--ii-primitive-danger-300);--ix-color-border-focus-default:var(--ii-primitive-brand-250);--ix-color-component-logo-name:#fff;--ix-color-component-logo-number1:#fff;--ix-color-component-logo-circle-dark-red:#af0000;--ix-color-component-logo-circle-light-red:#e60000;--ix-color-component-button-primary-fill-default:var(--ii-primitive-brand-650);--ix-color-component-button-primary-fill-default-hover:var(--ii-primitive-brand-750);--ix-color-component-button-primary-fill-default-active:var(--ii-primitive-brand-800);--ix-color-component-button-primary-fill-danger:var(--ii-primitive-danger-650);--ix-color-component-button-primary-fill-danger-hover:var(--ii-primitive-danger-550);--ix-color-component-button-primary-fill-danger-active:var(--ii-primitive-danger-500);--ix-color-component-button-primary-foreground-default:var(--ii-primitive-success-0);--ix-color-component-button-primary-foreground-danger:var(--ii-primitive-danger-0);--ix-color-component-button-primary-border-default:var(--ii-primitive-brand-550);--ix-color-component-button-primary-border-default-hover:var(--ii-primitive-brand-450);--ix-color-component-button-primary-border-default-active:var(--ii-primitive-brand-400);--ix-color-component-button-primary-border-danger:var(--ii-primitive-danger-550);--ix-color-component-button-primary-border-danger-hover:var(--ii-primitive-danger-450);--ix-color-component-button-primary-border-danger-active:var(--ii-primitive-danger-400);--ix-color-component-button-secondary-foreground-default:var(--ii-primitive-brand-300);--ix-color-component-button-secondary-foreground-danger:var(--ii-primitive-danger-300);--ix-color-component-button-secondary-border-default:var(--ii-primitive-brand-400);--ix-color-component-button-secondary-border-default-hover:var(--ii-primitive-brand-350);--ix-color-component-button-secondary-border-default-active:var(--ii-primitive-brand-300);--ix-color-component-button-secondary-border-danger:var(--ii-primitive-danger-400);--ix-color-component-button-secondary-border-danger-hover:var(--ii-primitive-danger-350);--ix-color-component-button-secondary-border-danger-active:var(--ii-primitive-danger-300);--ix-color-component-button-secondary-fill-default-hover:var(--ii-primitive-brand-850);--ix-color-component-button-secondary-fill-default-active:var(--ii-primitive-brand-800);--ix-color-component-button-secondary-fill-danger:var(--ii-primitive-danger-950);--ix-color-component-button-secondary-fill-danger-hover:var(--ii-primitive-danger-850);--ix-color-component-button-secondary-fill-danger-active:var(--ii-primitive-danger-800);--ix-color-component-button-tertiary-foreground-default:var(--ii-primitive-brand-300);--ix-color-component-button-tertiary-foreground-danger:var(--ii-primitive-danger-300);--ix-color-component-button-tertiary-fill-default-hover:var(--ii-primitive-brand-850);--ix-color-component-button-tertiary-fill-default-active:var(--ii-primitive-brand-800);--ix-color-component-button-tertiary-fill-danger:var(--ii-primitive-danger-950);--ix-color-component-button-tertiary-fill-danger-hover:var(--ii-primitive-danger-850);--ix-color-component-button-tertiary-fill-danger-active:var(--ii-primitive-danger-800)}}.ix-dark-mode{--ix-color-background-default:var(--ii-primitive-gray-950);--ix-color-background-tinted:var(--ii-primitive-brand-900);--ix-color-surface-main-default:var(--ii-primitive-gray-850);--ix-color-surface-main-hover:var(--ii-primitive-gray-800);--ix-color-surface-main-active:var(--ii-primitive-gray-750);--ix-color-surface-info-default:var(--ii-primitive-info-800);--ix-color-surface-info-hover:var(--ii-primitive-info-750);--ix-color-surface-info-active:var(--ii-primitive-info-700);--ix-color-surface-success-default:var(--ii-primitive-success-800);--ix-color-surface-success-hover:var(--ii-primitive-success-750);--ix-color-surface-success-active:var(--ii-primitive-success-700);--ix-color-surface-warning-default:var(--ii-primitive-warning-800);--ix-color-surface-warning-hover:var(--ii-primitive-warning-750);--ix-color-surface-warning-active:var(--ii-primitive-warning-700);--ix-color-surface-danger-default:var(--ii-primitive-danger-800);--ix-color-surface-danger-hover:var(--ii-primitive-danger-750);--ix-color-surface-danger-active:var(--ii-primitive-danger-700);--ix-color-fill-main-default:var(--ii-primitive-brand-450);--ix-color-fill-main-default-hover:var(--ii-primitive-brand-400);--ix-color-fill-main-default-active:var(--ii-primitive-brand-350);--ix-color-fill-main-subtle:var(--ii-primitive-brand-650);--ix-color-fill-main-subtle-hover:var(--ii-primitive-brand-600);--ix-color-fill-main-subtle-active:var(--ii-primitive-brand-550);--ix-color-fill-neutral-default:var(--ii-primitive-gray-450);--ix-color-fill-neutral-default-hover:var(--ii-primitive-gray-400);--ix-color-fill-neutral-default-active:var(--ii-primitive-gray-350);--ix-color-fill-neutral-subtle:var(--ii-primitive-gray-700);--ix-color-fill-neutral-subtle-hover:var(--ii-primitive-gray-650);--ix-color-fill-neutral-subtle-active:var(--ii-primitive-gray-600);--ix-color-fill-interactive-default:var(--ii-primitive-gray-800);--ix-color-fill-interactive-hover:var(--ii-primitive-gray-750);--ix-color-fill-interactive-active:var(--ii-primitive-gray-700);--ix-color-fill-interactive-disabled:var(--ii-primitive-gray-700);--ix-color-fill-interactive-read-only:var(--ii-primitive-gray-800);--ix-color-fill-info-default:var(--ii-primitive-info-450);--ix-color-fill-info-default-hover:var(--ii-primitive-info-400);--ix-color-fill-info-default-active:var(--ii-primitive-info-350);--ix-color-fill-info-subtle:var(--ii-primitive-info-700);--ix-color-fill-info-subtle-hover:var(--ii-primitive-info-650);--ix-color-fill-info-subtle-active:var(--ii-primitive-info-600);--ix-color-fill-success-default:var(--ii-primitive-success-450);--ix-color-fill-success-default-hover:var(--ii-primitive-success-400);--ix-color-fill-success-default-active:var(--ii-primitive-success-350);--ix-color-fill-success-subtle:var(--ii-primitive-success-700);--ix-color-fill-success-subtle-hover:var(--ii-primitive-success-650);--ix-color-fill-success-subtle-active:var(--ii-primitive-success-600);--ix-color-fill-warning-default:var(--ii-primitive-warning-450);--ix-color-fill-warning-default-hover:var(--ii-primitive-warning-400);--ix-color-fill-warning-default-active:var(--ii-primitive-warning-350);--ix-color-fill-warning-subtle:var(--ii-primitive-warning-700);--ix-color-fill-warning-subtle-hover:var(--ii-primitive-warning-650);--ix-color-fill-warning-subtle-active:var(--ii-primitive-warning-600);--ix-color-fill-danger-default:var(--ii-primitive-danger-450);--ix-color-fill-danger-default-hover:var(--ii-primitive-danger-400);--ix-color-fill-danger-default-active:var(--ii-primitive-danger-350);--ix-color-fill-danger-subtle:var(--ii-primitive-danger-700);--ix-color-fill-danger-subtle-hover:var(--ii-primitive-danger-650);--ix-color-fill-danger-subtle-active:var(--ii-primitive-danger-600);--ix-color-foreground-main-default:var(--ii-primitive-gray-0);--ix-color-foreground-main-subtle:var(--ii-primitive-gray-300);--ix-color-foreground-main-emphasis:var(--ii-primitive-brand-200);--ix-color-foreground-main-disabled:var(--ii-primitive-gray-400);--ix-color-foreground-main-read-only:var(--ii-primitive-gray-300);--ix-color-foreground-inverse-default:var(--ii-primitive-gray-900);--ix-color-foreground-inverse-subtle:var(--ii-primitive-gray-700);--ix-color-foreground-link-default:var(--ii-primitive-brand-350);--ix-color-foreground-link-hover:var(--ii-primitive-brand-200);--ix-color-foreground-link-active:var(--ii-primitive-brand-100);--ix-color-foreground-success-default:var(--ii-primitive-success-400);--ix-color-foreground-danger-default:var(--ii-primitive-danger-400);--ix-color-foreground-info-default:var(--ii-primitive-info-400);--ix-color-foreground-warning-default:var(--ii-primitive-warning-400);--ix-color-border-main-default:var(--ii-primitive-gray-750);--ix-color-border-main-default-hover:var(--ii-primitive-gray-700);--ix-color-border-main-default-active:var(--ii-primitive-gray-650);--ix-color-border-main-emphasis:var(--ii-primitive-gray-500);--ix-color-border-main-emphasis-hover:var(--ii-primitive-gray-450);--ix-color-border-main-emphasis-active:var(--ii-primitive-gray-400);--ix-color-border-info-default:var(--ii-primitive-info-500);--ix-color-border-info-hover:var(--ii-primitive-info-400);--ix-color-border-info-active:var(--ii-primitive-info-300);--ix-color-border-success-default:var(--ii-primitive-success-500);--ix-color-border-success-hover:var(--ii-primitive-success-400);--ix-color-border-success-active:var(--ii-primitive-success-300);--ix-color-border-warning-default:var(--ii-primitive-warning-500);--ix-color-border-warning-hover:var(--ii-primitive-warning-400);--ix-color-border-warning-active:var(--ii-primitive-warning-300);--ix-color-border-danger-default:var(--ii-primitive-danger-500);--ix-color-border-danger-hover:var(--ii-primitive-danger-400);--ix-color-border-danger-active:var(--ii-primitive-danger-300);--ix-color-border-focus-default:var(--ii-primitive-brand-250);--ix-color-component-logo-name:#fff;--ix-color-component-logo-number1:#fff;--ix-color-component-logo-circle-dark-red:#af0000;--ix-color-component-logo-circle-light-red:#e60000;--ix-color-component-button-primary-fill-default:var(--ii-primitive-brand-650);--ix-color-component-button-primary-fill-default-hover:var(--ii-primitive-brand-750);--ix-color-component-button-primary-fill-default-active:var(--ii-primitive-brand-800);--ix-color-component-button-primary-fill-danger:var(--ii-primitive-danger-650);--ix-color-component-button-primary-fill-danger-hover:var(--ii-primitive-danger-550);--ix-color-component-button-primary-fill-danger-active:var(--ii-primitive-danger-500);--ix-color-component-button-primary-foreground-default:var(--ii-primitive-success-0);--ix-color-component-button-primary-foreground-danger:var(--ii-primitive-danger-0);--ix-color-component-button-primary-border-default:var(--ii-primitive-brand-550);--ix-color-component-button-primary-border-default-hover:var(--ii-primitive-brand-450);--ix-color-component-button-primary-border-default-active:var(--ii-primitive-brand-400);--ix-color-component-button-primary-border-danger:var(--ii-primitive-danger-550);--ix-color-component-button-primary-border-danger-hover:var(--ii-primitive-danger-450);--ix-color-component-button-primary-border-danger-active:var(--ii-primitive-danger-400);--ix-color-component-button-secondary-foreground-default:var(--ii-primitive-brand-300);--ix-color-component-button-secondary-foreground-danger:var(--ii-primitive-danger-300);--ix-color-component-button-secondary-border-default:var(--ii-primitive-brand-400);--ix-color-component-button-secondary-border-default-hover:var(--ii-primitive-brand-350);--ix-color-component-button-secondary-border-default-active:var(--ii-primitive-brand-300);--ix-color-component-button-secondary-border-danger:var(--ii-primitive-danger-400);--ix-color-component-button-secondary-border-danger-hover:var(--ii-primitive-danger-350);--ix-color-component-button-secondary-border-danger-active:var(--ii-primitive-danger-300);--ix-color-component-button-secondary-fill-default-hover:var(--ii-primitive-brand-850);--ix-color-component-button-secondary-fill-default-active:var(--ii-primitive-brand-800);--ix-color-component-button-secondary-fill-danger:var(--ii-primitive-danger-950);--ix-color-component-button-secondary-fill-danger-hover:var(--ii-primitive-danger-850);--ix-color-component-button-secondary-fill-danger-active:var(--ii-primitive-danger-800);--ix-color-component-button-tertiary-foreground-default:var(--ii-primitive-brand-300);--ix-color-component-button-tertiary-foreground-danger:var(--ii-primitive-danger-300);--ix-color-component-button-tertiary-fill-default-hover:var(--ii-primitive-brand-850);--ix-color-component-button-tertiary-fill-default-active:var(--ii-primitive-brand-800);--ix-color-component-button-tertiary-fill-danger:var(--ii-primitive-danger-950);--ix-color-component-button-tertiary-fill-danger-hover:var(--ii-primitive-danger-850);--ix-color-component-button-tertiary-fill-danger-active:var(--ii-primitive-danger-800)}

package/dist/tailwind.css

@@ -1 +1 @@
-@theme inline{--breakpoint-lg:1280px;--breakpoint-md:1024px;--breakpoint-sm:768px;--breakpoint-xl:1600px;--ease-default:var(--ix-transition-animation);--font-heading:var(--ix-font-family-heading);--font-sans:var(--ix-font-family-normal);--font-weight-button:var(--ix-font-weight-button);--font-weight-medium:var(--ix-font-weight-medium);--font-weight-regular:var(--ix-font-weight-regular);--radius-button:var(--ix-border-radius-button);--radius-checkbox:var(--ix-border-radius-checkbox);--radius-circle:var(--ix-border-radius-circle);--radius-input:var(--ix-border-radius-input);--radius-lg:var(--ix-border-radius-lg);--radius-md:var(--ix-border-radius-md);--radius-pill:var(--ix-border-radius-pill);--radius-sm:var(--ix-border-radius-sm);--radius-xl:var(--ix-border-radius-xl);--radius-xs:var(--ix-border-radius-xs)}@custom-variant dark (&:where(.ix-dark-mode, .ix-dark-mode *));@theme inline{--color-background-default:var(--ix-color-background-default);--color-background-tinted:var(--ix-color-background-tinted);--color-border-danger-active:var(--ix-color-border-danger-active);--color-border-danger-default:var(--ix-color-border-danger-default);--color-border-danger-hover:var(--ix-color-border-danger-hover);--color-border-focus-default:var(--ix-color-border-focus-default);--color-border-info-active:var(--ix-color-border-info-active);--color-border-info-default:var(--ix-color-border-info-default);--color-border-info-hover:var(--ix-color-border-info-hover);--color-border-main-active:var(--ix-color-border-main-active);--color-border-main-default:var(--ix-color-border-main-default);--color-border-main-hover:var(--ix-color-border-main-hover);--color-border-success-active:var(--ix-color-border-success-active);--color-border-success-default:var(--ix-color-border-success-default);--color-border-success-hover:var(--ix-color-border-success-hover);--color-border-warning-active:var(--ix-color-border-warning-active);--color-border-warning-default:var(--ix-color-border-warning-default);--color-border-warning-hover:var(--ix-color-border-warning-hover);--color-component-button-primary-border-danger:var(--ix-color-component-button-primary-border-danger);--color-component-button-primary-border-danger-active:var(--ix-color-component-button-primary-border-danger-active);--color-component-button-primary-border-danger-hover:var(--ix-color-component-button-primary-border-danger-hover);--color-component-button-primary-border-default:var(--ix-color-component-button-primary-border-default);--color-component-button-primary-border-default-active:var(--ix-color-component-button-primary-border-default-active);--color-component-button-primary-border-default-hover:var(--ix-color-component-button-primary-border-default-hover);--color-component-button-primary-fill-danger:var(--ix-color-component-button-primary-fill-danger);--color-component-button-primary-fill-danger-active:var(--ix-color-component-button-primary-fill-danger-active);--color-component-button-primary-fill-danger-hover:var(--ix-color-component-button-primary-fill-danger-hover);--color-component-button-primary-fill-default:var(--ix-color-component-button-primary-fill-default);--color-component-button-primary-fill-default-active:var(--ix-color-component-button-primary-fill-default-active);--color-component-button-primary-fill-default-hover:var(--ix-color-component-button-primary-fill-default-hover);--color-component-button-primary-foreground-danger:var(--ix-color-component-button-primary-foreground-danger);--color-component-button-primary-foreground-default:var(--ix-color-component-button-primary-foreground-default);--color-component-button-secondary-border-danger:var(--ix-color-component-button-secondary-border-danger);--color-component-button-secondary-border-danger-active:var(--ix-color-component-button-secondary-border-danger-active);--color-component-button-secondary-border-danger-hover:var(--ix-color-component-button-secondary-border-danger-hover);--color-component-button-secondary-border-default:var(--ix-color-component-button-secondary-border-default);--color-component-button-secondary-border-default-active:var(--ix-color-component-button-secondary-border-default-active);--color-component-button-secondary-border-default-hover:var(--ix-color-component-button-secondary-border-default-hover);--color-component-button-secondary-fill-danger:var(--ix-color-component-button-secondary-fill-danger);--color-component-button-secondary-fill-danger-active:var(--ix-color-component-button-secondary-fill-danger-active);--color-component-button-secondary-fill-danger-hover:var(--ix-color-component-button-secondary-fill-danger-hover);--color-component-button-secondary-fill-default-active:var(--ix-color-component-button-secondary-fill-default-active);--color-component-button-secondary-fill-default-hover:var(--ix-color-component-button-secondary-fill-default-hover);--color-component-button-secondary-foreground-danger:var(--ix-color-component-button-secondary-foreground-danger);--color-component-button-secondary-foreground-default:var(--ix-color-component-button-secondary-foreground-default);--color-component-button-tertiary-fill-danger:var(--ix-color-component-button-tertiary-fill-danger);--color-component-button-tertiary-fill-danger-active:var(--ix-color-component-button-tertiary-fill-danger-active);--color-component-button-tertiary-fill-danger-hover:var(--ix-color-component-button-tertiary-fill-danger-hover);--color-component-button-tertiary-fill-default-active:var(--ix-color-component-button-tertiary-fill-default-active);--color-component-button-tertiary-fill-default-hover:var(--ix-color-component-button-tertiary-fill-default-hover);--color-component-button-tertiary-foreground-danger:var(--ix-color-component-button-tertiary-foreground-danger);--color-component-button-tertiary-foreground-default:var(--ix-color-component-button-tertiary-foreground-default);--color-component-logo-circle-dark-red:var(--ix-color-component-logo-circle-dark-red);--color-component-logo-circle-light-red:var(--ix-color-component-logo-circle-light-red);--color-component-logo-name:var(--ix-color-component-logo-name);--color-component-logo-number1:var(--ix-color-component-logo-number1);--color-fill-danger-default:var(--ix-color-fill-danger-default);--color-fill-danger-default-active:var(--ix-color-fill-danger-default-active);--color-fill-danger-default-hover:var(--ix-color-fill-danger-default-hover);--color-fill-danger-subtle:var(--ix-color-fill-danger-subtle);--color-fill-danger-subtle-active:var(--ix-color-fill-danger-subtle-active);--color-fill-danger-subtle-hover:var(--ix-color-fill-danger-subtle-hover);--color-fill-info-default:var(--ix-color-fill-info-default);--color-fill-info-default-active:var(--ix-color-fill-info-default-active);--color-fill-info-default-hover:var(--ix-color-fill-info-default-hover);--color-fill-info-subtle:var(--ix-color-fill-info-subtle);--color-fill-info-subtle-active:var(--ix-color-fill-info-subtle-active);--color-fill-info-subtle-hover:var(--ix-color-fill-info-subtle-hover);--color-fill-interactive-active:var(--ix-color-fill-interactive-active);--color-fill-interactive-default:var(--ix-color-fill-interactive-default);--color-fill-interactive-disabled:var(--ix-color-fill-interactive-disabled);--color-fill-interactive-hover:var(--ix-color-fill-interactive-hover);--color-fill-interactive-read-only:var(--ix-color-fill-interactive-read-only);--color-fill-main-default:var(--ix-color-fill-main-default);--color-fill-main-default-active:var(--ix-color-fill-main-default-active);--color-fill-main-default-hover:var(--ix-color-fill-main-default-hover);--color-fill-main-subtle:var(--ix-color-fill-main-subtle);--color-fill-main-subtle-active:var(--ix-color-fill-main-subtle-active);--color-fill-main-subtle-hover:var(--ix-color-fill-main-subtle-hover);--color-fill-neutral-default:var(--ix-color-fill-neutral-default);--color-fill-neutral-default-active:var(--ix-color-fill-neutral-default-active);--color-fill-neutral-default-hover:var(--ix-color-fill-neutral-default-hover);--color-fill-neutral-subtle:var(--ix-color-fill-neutral-subtle);--color-fill-neutral-subtle-active:var(--ix-color-fill-neutral-subtle-active);--color-fill-neutral-subtle-hover:var(--ix-color-fill-neutral-subtle-hover);--color-fill-success-default:var(--ix-color-fill-success-default);--color-fill-success-default-active:var(--ix-color-fill-success-default-active);--color-fill-success-default-hover:var(--ix-color-fill-success-default-hover);--color-fill-success-subtle:var(--ix-color-fill-success-subtle);--color-fill-success-subtle-active:var(--ix-color-fill-success-subtle-active);--color-fill-success-subtle-hover:var(--ix-color-fill-success-subtle-hover);--color-fill-warning-default:var(--ix-color-fill-warning-default);--color-fill-warning-default-active:var(--ix-color-fill-warning-default-active);--color-fill-warning-default-hover:var(--ix-color-fill-warning-default-hover);--color-fill-warning-subtle:var(--ix-color-fill-warning-subtle);--color-fill-warning-subtle-active:var(--ix-color-fill-warning-subtle-active);--color-fill-warning-subtle-hover:var(--ix-color-fill-warning-subtle-hover);--color-foreground-danger-default:var(--ix-color-foreground-danger-default);--color-foreground-info-default:var(--ix-color-foreground-info-default);--color-foreground-inverse-default:var(--ix-color-foreground-inverse-default);--color-foreground-inverse-subtle:var(--ix-color-foreground-inverse-subtle);--color-foreground-link-active:var(--ix-color-foreground-link-active);--color-foreground-link-default:var(--ix-color-foreground-link-default);--color-foreground-link-hover:var(--ix-color-foreground-link-hover);--color-foreground-main-default:var(--ix-color-foreground-main-default);--color-foreground-main-disabled:var(--ix-color-foreground-main-disabled);--color-foreground-main-emphasis:var(--ix-color-foreground-main-emphasis);--color-foreground-main-read-only:var(--ix-color-foreground-main-read-only);--color-foreground-main-subtle:var(--ix-color-foreground-main-subtle);--color-foreground-success-default:var(--ix-color-foreground-success-default);--color-foreground-warning-default:var(--ix-color-foreground-warning-default);--color-surface-danger-active:var(--ix-color-surface-danger-active);--color-surface-danger-default:var(--ix-color-surface-danger-default);--color-surface-danger-hover:var(--ix-color-surface-danger-hover);--color-surface-info-active:var(--ix-color-surface-info-active);--color-surface-info-default:var(--ix-color-surface-info-default);--color-surface-info-hover:var(--ix-color-surface-info-hover);--color-surface-main-active:var(--ix-color-surface-main-active);--color-surface-main-default:var(--ix-color-surface-main-default);--color-surface-main-hover:var(--ix-color-surface-main-hover);--color-surface-success-active:var(--ix-color-surface-success-active);--color-surface-success-default:var(--ix-color-surface-success-default);--color-surface-success-hover:var(--ix-color-surface-success-hover);--color-surface-warning-active:var(--ix-color-surface-warning-active);--color-surface-warning-default:var(--ix-color-surface-warning-default);--color-surface-warning-hover:var(--ix-color-surface-warning-hover)}
+@theme inline{--breakpoint-lg:1280px;--breakpoint-md:1024px;--breakpoint-sm:768px;--breakpoint-xl:1600px;--ease-default:var(--ix-transition-animation);--font-heading:var(--ix-font-family-heading);--font-sans:var(--ix-font-family-normal);--font-weight-button:var(--ix-font-weight-button);--font-weight-medium:var(--ix-font-weight-medium);--font-weight-regular:var(--ix-font-weight-regular);--radius-button:var(--ix-border-radius-button);--radius-checkbox:var(--ix-border-radius-checkbox);--radius-circle:var(--ix-border-radius-circle);--radius-input:var(--ix-border-radius-input);--radius-lg:var(--ix-border-radius-lg);--radius-md:var(--ix-border-radius-md);--radius-pill:var(--ix-border-radius-pill);--radius-sm:var(--ix-border-radius-sm);--radius-xl:var(--ix-border-radius-xl);--radius-xs:var(--ix-border-radius-xs)}@custom-variant dark (&:where(.ix-dark-mode, .ix-dark-mode *));@theme inline{--color-background-default:var(--ix-color-background-default);--color-background-tinted:var(--ix-color-background-tinted);--color-border-danger-active:var(--ix-color-border-danger-active);--color-border-danger-default:var(--ix-color-border-danger-default);--color-border-danger-hover:var(--ix-color-border-danger-hover);--color-border-focus-default:var(--ix-color-border-focus-default);--color-border-info-active:var(--ix-color-border-info-active);--color-border-info-default:var(--ix-color-border-info-default);--color-border-info-hover:var(--ix-color-border-info-hover);--color-border-main-default:var(--ix-color-border-main-default);--color-border-main-default-active:var(--ix-color-border-main-default-active);--color-border-main-default-hover:var(--ix-color-border-main-default-hover);--color-border-main-emphasis:var(--ix-color-border-main-emphasis);--color-border-main-emphasis-active:var(--ix-color-border-main-emphasis-active);--color-border-main-emphasis-hover:var(--ix-color-border-main-emphasis-hover);--color-border-success-active:var(--ix-color-border-success-active);--color-border-success-default:var(--ix-color-border-success-default);--color-border-success-hover:var(--ix-color-border-success-hover);--color-border-warning-active:var(--ix-color-border-warning-active);--color-border-warning-default:var(--ix-color-border-warning-default);--color-border-warning-hover:var(--ix-color-border-warning-hover);--color-component-button-primary-border-danger:var(--ix-color-component-button-primary-border-danger);--color-component-button-primary-border-danger-active:var(--ix-color-component-button-primary-border-danger-active);--color-component-button-primary-border-danger-hover:var(--ix-color-component-button-primary-border-danger-hover);--color-component-button-primary-border-default:var(--ix-color-component-button-primary-border-default);--color-component-button-primary-border-default-active:var(--ix-color-component-button-primary-border-default-active);--color-component-button-primary-border-default-hover:var(--ix-color-component-button-primary-border-default-hover);--color-component-button-primary-fill-danger:var(--ix-color-component-button-primary-fill-danger);--color-component-button-primary-fill-danger-active:var(--ix-color-component-button-primary-fill-danger-active);--color-component-button-primary-fill-danger-hover:var(--ix-color-component-button-primary-fill-danger-hover);--color-component-button-primary-fill-default:var(--ix-color-component-button-primary-fill-default);--color-component-button-primary-fill-default-active:var(--ix-color-component-button-primary-fill-default-active);--color-component-button-primary-fill-default-hover:var(--ix-color-component-button-primary-fill-default-hover);--color-component-button-primary-foreground-danger:var(--ix-color-component-button-primary-foreground-danger);--color-component-button-primary-foreground-default:var(--ix-color-component-button-primary-foreground-default);--color-component-button-secondary-border-danger:var(--ix-color-component-button-secondary-border-danger);--color-component-button-secondary-border-danger-active:var(--ix-color-component-button-secondary-border-danger-active);--color-component-button-secondary-border-danger-hover:var(--ix-color-component-button-secondary-border-danger-hover);--color-component-button-secondary-border-default:var(--ix-color-component-button-secondary-border-default);--color-component-button-secondary-border-default-active:var(--ix-color-component-button-secondary-border-default-active);--color-component-button-secondary-border-default-hover:var(--ix-color-component-button-secondary-border-default-hover);--color-component-button-secondary-fill-danger:var(--ix-color-component-button-secondary-fill-danger);--color-component-button-secondary-fill-danger-active:var(--ix-color-component-button-secondary-fill-danger-active);--color-component-button-secondary-fill-danger-hover:var(--ix-color-component-button-secondary-fill-danger-hover);--color-component-button-secondary-fill-default-active:var(--ix-color-component-button-secondary-fill-default-active);--color-component-button-secondary-fill-default-hover:var(--ix-color-component-button-secondary-fill-default-hover);--color-component-button-secondary-foreground-danger:var(--ix-color-component-button-secondary-foreground-danger);--color-component-button-secondary-foreground-default:var(--ix-color-component-button-secondary-foreground-default);--color-component-button-tertiary-fill-danger:var(--ix-color-component-button-tertiary-fill-danger);--color-component-button-tertiary-fill-danger-active:var(--ix-color-component-button-tertiary-fill-danger-active);--color-component-button-tertiary-fill-danger-hover:var(--ix-color-component-button-tertiary-fill-danger-hover);--color-component-button-tertiary-fill-default-active:var(--ix-color-component-button-tertiary-fill-default-active);--color-component-button-tertiary-fill-default-hover:var(--ix-color-component-button-tertiary-fill-default-hover);--color-component-button-tertiary-foreground-danger:var(--ix-color-component-button-tertiary-foreground-danger);--color-component-button-tertiary-foreground-default:var(--ix-color-component-button-tertiary-foreground-default);--color-component-logo-circle-dark-red:var(--ix-color-component-logo-circle-dark-red);--color-component-logo-circle-light-red:var(--ix-color-component-logo-circle-light-red);--color-component-logo-name:var(--ix-color-component-logo-name);--color-component-logo-number1:var(--ix-color-component-logo-number1);--color-fill-danger-default:var(--ix-color-fill-danger-default);--color-fill-danger-default-active:var(--ix-color-fill-danger-default-active);--color-fill-danger-default-hover:var(--ix-color-fill-danger-default-hover);--color-fill-danger-subtle:var(--ix-color-fill-danger-subtle);--color-fill-danger-subtle-active:var(--ix-color-fill-danger-subtle-active);--color-fill-danger-subtle-hover:var(--ix-color-fill-danger-subtle-hover);--color-fill-info-default:var(--ix-color-fill-info-default);--color-fill-info-default-active:var(--ix-color-fill-info-default-active);--color-fill-info-default-hover:var(--ix-color-fill-info-default-hover);--color-fill-info-subtle:var(--ix-color-fill-info-subtle);--color-fill-info-subtle-active:var(--ix-color-fill-info-subtle-active);--color-fill-info-subtle-hover:var(--ix-color-fill-info-subtle-hover);--color-fill-interactive-active:var(--ix-color-fill-interactive-active);--color-fill-interactive-default:var(--ix-color-fill-interactive-default);--color-fill-interactive-disabled:var(--ix-color-fill-interactive-disabled);--color-fill-interactive-hover:var(--ix-color-fill-interactive-hover);--color-fill-interactive-read-only:var(--ix-color-fill-interactive-read-only);--color-fill-main-default:var(--ix-color-fill-main-default);--color-fill-main-default-active:var(--ix-color-fill-main-default-active);--color-fill-main-default-hover:var(--ix-color-fill-main-default-hover);--color-fill-main-subtle:var(--ix-color-fill-main-subtle);--color-fill-main-subtle-active:var(--ix-color-fill-main-subtle-active);--color-fill-main-subtle-hover:var(--ix-color-fill-main-subtle-hover);--color-fill-neutral-default:var(--ix-color-fill-neutral-default);--color-fill-neutral-default-active:var(--ix-color-fill-neutral-default-active);--color-fill-neutral-default-hover:var(--ix-color-fill-neutral-default-hover);--color-fill-neutral-subtle:var(--ix-color-fill-neutral-subtle);--color-fill-neutral-subtle-active:var(--ix-color-fill-neutral-subtle-active);--color-fill-neutral-subtle-hover:var(--ix-color-fill-neutral-subtle-hover);--color-fill-success-default:var(--ix-color-fill-success-default);--color-fill-success-default-active:var(--ix-color-fill-success-default-active);--color-fill-success-default-hover:var(--ix-color-fill-success-default-hover);--color-fill-success-subtle:var(--ix-color-fill-success-subtle);--color-fill-success-subtle-active:var(--ix-color-fill-success-subtle-active);--color-fill-success-subtle-hover:var(--ix-color-fill-success-subtle-hover);--color-fill-warning-default:var(--ix-color-fill-warning-default);--color-fill-warning-default-active:var(--ix-color-fill-warning-default-active);--color-fill-warning-default-hover:var(--ix-color-fill-warning-default-hover);--color-fill-warning-subtle:var(--ix-color-fill-warning-subtle);--color-fill-warning-subtle-active:var(--ix-color-fill-warning-subtle-active);--color-fill-warning-subtle-hover:var(--ix-color-fill-warning-subtle-hover);--color-foreground-danger-default:var(--ix-color-foreground-danger-default);--color-foreground-info-default:var(--ix-color-foreground-info-default);--color-foreground-inverse-default:var(--ix-color-foreground-inverse-default);--color-foreground-inverse-subtle:var(--ix-color-foreground-inverse-subtle);--color-foreground-link-active:var(--ix-color-foreground-link-active);--color-foreground-link-default:var(--ix-color-foreground-link-default);--color-foreground-link-hover:var(--ix-color-foreground-link-hover);--color-foreground-main-default:var(--ix-color-foreground-main-default);--color-foreground-main-disabled:var(--ix-color-foreground-main-disabled);--color-foreground-main-emphasis:var(--ix-color-foreground-main-emphasis);--color-foreground-main-read-only:var(--ix-color-foreground-main-read-only);--color-foreground-main-subtle:var(--ix-color-foreground-main-subtle);--color-foreground-success-default:var(--ix-color-foreground-success-default);--color-foreground-warning-default:var(--ix-color-foreground-warning-default);--color-surface-danger-active:var(--ix-color-surface-danger-active);--color-surface-danger-default:var(--ix-color-surface-danger-default);--color-surface-danger-hover:var(--ix-color-surface-danger-hover);--color-surface-info-active:var(--ix-color-surface-info-active);--color-surface-info-default:var(--ix-color-surface-info-default);--color-surface-info-hover:var(--ix-color-surface-info-hover);--color-surface-main-active:var(--ix-color-surface-main-active);--color-surface-main-default:var(--ix-color-surface-main-default);--color-surface-main-hover:var(--ix-color-surface-main-hover);--color-surface-success-active:var(--ix-color-surface-success-active);--color-surface-success-default:var(--ix-color-surface-success-default);--color-surface-success-hover:var(--ix-color-surface-success-hover);--color-surface-warning-active:var(--ix-color-surface-warning-active);--color-surface-warning-default:var(--ix-color-surface-warning-default);--color-surface-warning-hover:var(--ix-color-surface-warning-hover)}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sb1/indeks-tokens",
-  "version": "0.9.2",
+  "version": "0.10.0",
   "description": "Design tokens for Indeks design system",
   "type": "module",
   "homepage": "https://design.sparebank1.no",
@@ -47,28 +47,26 @@
   "license": "MIT",
   "devDependencies": {
     "@figma/rest-api-spec": "^0.42.0",
-    "typescript": "~6.0.3",
-    "@types/node": "^26.6.2",
+    "@types/node": "^26.6.5",
     "autoprefixer": "^10.6.1",
     "colorjs.io": "^0.7.1",
-    "cssnano": "^9.0.5",
-    "dotenv": "^17.4.2",
+    "cssnano": "^9.9.0",
+    "dotenv": "^18.0.9",
     "esbuild": "0.28.2",
-    "postcss": "^8.5.28",
-    "postcss-cli": "^11.0.1",
-    "postcss-import": "^17.0.0",
-    "postcss-preset-env": "^11.5.3",
+    "postcss": "^8.5.31",
+    "postcss-cli": "^12.0.0",
+    "postcss-import": "^17.0.1",
+    "postcss-preset-env": "^11.6.1",
     "tsx": "^4.23.15",
-    "vitest": "^4.1.10"
+    "typescript": "~6.0.3",
+    "vitest": "^5.0.5"
   },
   "scripts": {
-    "dev": "echo not implemented",
     "build": "rm -rf ./dist ./.build && pnpm run build:tokens:css && pnpm run build:colors:web && pnpm run build:colors:figma && pnpm run build:bundle && pnpm run build:tailwind && pnpm run build:cli && pnpm run build:generate && pnpm run build:types",
     "build:cli": "pnpm exec esbuild scripts/build-colors/cli.ts --bundle --platform=node --format=esm --outfile=dist/cli.js --banner:js='#!/usr/bin/env node' --define:__PKG_VERSION__=\"\\\"$npm_package_version\\\"\"",
     "build:generate": "pnpm exec esbuild scripts/build-colors/generate.ts --bundle --platform=neutral --format=esm --outfile=dist/generate.js",
     "build:types": "pnpm exec tsc -p tsconfig.generate.json",
-    "build:spacing": "node ./scripts/build-spacing-tokens.cjs",
-    "test": "vitest run buildThemeColors.test.ts cli.integration.test.ts generate.test.ts tailwind-tokens.test.ts tailwind-colors.test.ts",
+    "test": "vitest run",
     "build:colors:web": "tsx ./scripts/build-colors/index platform=web path=./.build/css",
     "build:colors:figma": "tsx ./scripts/build-colors/index platform=figma path=./tokens/colors/from-code",
     "build:colors:ios": "tsx ./scripts/build-colors/index platform=ios path=./dist/ios",