diff --git a/packages/eds-demo/src/app/(exercise)/dynamic/exercise/page.tsx b/packages/eds-demo/src/app/(exercise)/dynamic/exercise/page.tsx
index 09deb5586c..b27b2e9fcd 100644
--- a/packages/eds-demo/src/app/(exercise)/dynamic/exercise/page.tsx
+++ b/packages/eds-demo/src/app/(exercise)/dynamic/exercise/page.tsx
@@ -1,4 +1,4 @@
-import "@equinor/eds-tokens/css/variables-dynamic.css";
+import "@equinor/eds-tokens/css/variables";
import { Chip } from "./Chip";
import styles from "./styles.module.css";
diff --git a/packages/eds-tailwind/README.md b/packages/eds-tailwind/README.md
index dd0af4bbd4..ee7efe0079 100644
--- a/packages/eds-tailwind/README.md
+++ b/packages/eds-tailwind/README.md
@@ -4,17 +4,28 @@ Tailwind CSS theme for Equinor Design System (EDS).
This package exposes the EDS theme tokens and Tailwind `@theme` declarations as plain CSS. Import it from your app-level stylesheet so Tailwind v4 can process the directives.
+## Installation
+
+```sh
+pnpm add @equinor/eds-tailwind @equinor/eds-tokens
+```
+
## Usage
1. Ensure Tailwind v4 is configured in your app and that `@import "tailwindcss";` exists in your global stylesheet.
-2. Import the theme after Tailwind (order does not strictly matter, but keeping them together is convenient):
+2. Import the EDS tokens CSS variables **before** the EDS Tailwind theme:
```css
@import 'tailwindcss';
+@import '@equinor/eds-tokens/css/variables';
@import '@equinor/eds-tailwind';
```
-The package also imports `@equinor/eds-tokens/css/variables-static.css` to make the CSS variables available.
+:::note
+
+The `@equinor/eds-tokens/css/variables` import is required as it provides the CSS custom properties that the theme references. Importing it separately gives you control over where tokens are loaded and prevents duplicate imports if you're already using EDS tokens elsewhere in your application.
+
+:::
## Demo
diff --git a/packages/eds-tailwind/package.json b/packages/eds-tailwind/package.json
index dccc070e87..99c25edbe9 100644
--- a/packages/eds-tailwind/package.json
+++ b/packages/eds-tailwind/package.json
@@ -15,17 +15,21 @@
"default": "./theme.css",
"import": "./theme.css"
},
- "./theme.css": "./theme.css"
+ "./theme.css": "./theme.css",
+ "./theme": {
+ "style": "./theme.css",
+ "default": "./theme.css",
+ "import": "./theme.css"
+ }
},
"sideEffects": [
"**/*.css"
],
"peerDependencies": {
+ "@equinor/eds-tokens": ">=1.0.0",
"tailwindcss": ">=4.0.0 <5"
},
- "dependencies": {
- "@equinor/eds-tokens": "workspace:*"
- },
+ "dependencies": {},
"devDependencies": {
"@tailwindcss/vite": "^4.1.13",
"tailwindcss": "^4.1.13",
diff --git a/packages/eds-tailwind/style.css b/packages/eds-tailwind/style.css
index 85d0763fe4..bc713fe5e4 100644
--- a/packages/eds-tailwind/style.css
+++ b/packages/eds-tailwind/style.css
@@ -1,2 +1,3 @@
@import 'tailwindcss';
-@import './theme.css';
+@import '@equinor/eds-tokens/css/variables';
+@import '@equinor/eds-tailwind';
diff --git a/packages/eds-tailwind/theme.css b/packages/eds-tailwind/theme.css
index 8585697b7c..74e929db36 100644
--- a/packages/eds-tailwind/theme.css
+++ b/packages/eds-tailwind/theme.css
@@ -1,5 +1,3 @@
-@import '@equinor/eds-tokens/css/variables-static';
-
/* Provide dark variant selector used by the theme */
@custom-variant dark (&:where([data-color-scheme=dark], [data-color-scheme=dark] *));
diff --git a/packages/eds-tokens-build/src/scripts/build-semantic-static-variables.ts b/packages/eds-tokens-build/src/scripts/build-semantic-static-variables.ts
index adb0c54b2f..120ed61b90 100644
--- a/packages/eds-tokens-build/src/scripts/build-semantic-static-variables.ts
+++ b/packages/eds-tokens-build/src/scripts/build-semantic-static-variables.ts
@@ -56,6 +56,7 @@ async function buildColorsFromConfig(cfg: TokenConfig) {
const PREFIX = tokenConfig.variablePrefix ?? 'x'
const COLOR_PREFIX = PREFIX + '-color' // e.g. "x-color"
+ // Build static semantic tokens with light theme values and CSS variable references
const semanticColors = _extend({
source: [SEMANTIC_COLORS],
include: [LIGHT_COLORS, LIGHT_SCHEME], // use one scheme to resolve references
@@ -69,6 +70,41 @@ async function buildColorsFromConfig(cfg: TokenConfig) {
})
await semanticColors.buildAllPlatforms()
+
+ // Build semantic color scheme tokens with resolved light/dark values
+ const DARK_COLORS = path.join(TOKEN_BASE, 'Color Dark.Mode 1.json')
+ const DARK_SCHEME = path.join(TOKEN_BASE, `${SCHEME_TOKENS_PREFIX}.Dark.json`)
+ const SCHEME_BUILD_PATH = path.posix.join(
+ tokenConfig.buildPath ?? 'color/',
+ 'color-scheme/',
+ )
+
+ const lightSemanticColors = _extend({
+ source: [SEMANTIC_COLORS],
+ include: [LIGHT_COLORS, LIGHT_SCHEME],
+ filter: (token: TransformedToken) =>
+ includeTokenFilter(token, ['Semantic']),
+ buildPath: SCHEME_BUILD_PATH,
+ fileName: 'light-semantic',
+ selector: '[data-color-scheme="light"]',
+ prefix: COLOR_PREFIX,
+ outputReferences: false,
+ })
+
+ const darkSemanticColors = _extend({
+ source: [SEMANTIC_COLORS],
+ include: [DARK_COLORS, DARK_SCHEME],
+ filter: (token: TransformedToken) =>
+ includeTokenFilter(token, ['Semantic']),
+ buildPath: SCHEME_BUILD_PATH,
+ fileName: 'dark-semantic',
+ selector: '[data-color-scheme="dark"]',
+ prefix: COLOR_PREFIX,
+ outputReferences: false,
+ })
+
+ await lightSemanticColors.buildAllPlatforms()
+ await darkSemanticColors.buildAllPlatforms()
}
async function combineColorsFromConfig(cfg: TokenConfig) {
diff --git a/packages/eds-tokens/README.md b/packages/eds-tokens/README.md
index ad5c483366..cc4b2175f5 100644
--- a/packages/eds-tokens/README.md
+++ b/packages/eds-tokens/README.md
@@ -1,6 +1,6 @@
# @equinor/eds-tokens
-[Design tokens] used in the Equinor Design System (EDS), such as colours, spacings and typography.
+[Design tokens] used in the EDS, including colors, spacing, typography, and more. These tokens are synchronized with Figma variables and provide a single source of truth for design decisions across the design system.
## Installation
@@ -10,28 +10,128 @@ pnpm add @equinor/eds-tokens
## Usage
-```js
-import { tokens } from '@equinor/eds-tokens'
+The package provides two token systems:
+
+* **CSS Variables (Recommended)** -- Modern, theme-aware design tokens synced from Figma
+* **Legacy Tokens** -- Original token format, still supported for backward compatibility
+
+---
+
+## CSS Variables (Recommended)
+
+The new token system uses CSS custom properties that automatically adapt to light and dark color schemes using the modern `light-dark()` function. These tokens are directly synced from Figma variables.
+
+### Using CSS Variables in CSS
+
+Import the variables stylesheet:
+
+```css
+@import '@equinor/eds-tokens/css/variables';
+```
+
+Then use the CSS custom properties in your styles:
+
+```css
+.my-component {
+ background-color: var(--eds-color-bg-neutral-surface);
+ color: var(--eds-color-text-neutral-strong);
+ border: 1px solid var(--eds-color-border-neutral-subtle);
+ padding: var(--eds-spacing-inline-md);
+ border-radius: var(--eds-spacing-border-radius-rounded);
+}
```
-CSS custom properties are also available:
+The variables automatically respond to color scheme changes:
```css
-@import '@equinor/eds-tokens/css/variables-static.css'; /* or variables-dynamic.css */
+/* Applies to elements with data-color-scheme attribute */
+[data-color-scheme="dark"] {
+ /* Variables automatically use dark mode values */
+}
+
+/* Or use the native prefers-color-scheme */
+@media (prefers-color-scheme: dark) {
+ /* Variables automatically use dark mode values */
+}
+```
+
+### Using variables in JavaScript/TypeScript
+
+For scenarios where you need colour variables in JavaScript:
+
+#### Color Scheme Tokens
+
+Import the light and dark semantic color tokens:
+
+```typescript
+// Import semantic color scheme tokens
+import * as lightSemantic from '@equinor/eds-tokens/js/color/color-scheme/light-semantic'
+import * as darkSemantic from '@equinor/eds-tokens/js/color/color-scheme/dark-semantic'
+
+// Use semantic tokens with light/dark values
+const lightSurface = lightSemantic.BG_NEUTRAL_SURFACE
+const darkSurface = darkSemantic.BG_NEUTRAL_SURFACE
+
+const lightAccent = lightSemantic.BG_ACCENT_FILL_EMPHASIS_DEFAULT
+const darkAccent = darkSemantic.BG_ACCENT_FILL_EMPHASIS_DEFAULT
+
+const lightBorder = lightSemantic.BORDER_INFO_MEDIUM
+const darkBorder = darkSemantic.BORDER_INFO_MEDIUM
+```
+
+#### Spacing Tokens
+
+```typescript
+// Import spacing values for different density modes
+import * as comfortableSpacing from '@equinor/eds-tokens/js/spacing/comfortable'
+import * as spaciousSpacing from '@equinor/eds-tokens/js/spacing/spacious'
+
+// Use the values (numbers in pixels)
+const padding = comfortableSpacing.SPACING_INLINE_MD
+const borderRadius = comfortableSpacing.SPACING_BORDER_RADIUS_ROUNDED
+```
+
+### Available Token Categories
+
+* **Colors** -- Semantic color tokens for backgrounds, text, borders, and states
+* **Spacing** -- Layout spacing including inline, stack, inset, and border radius
+* **Typography** -- Font sizes, line heights, and font families (requires font files)
+
+### Spacing Density Modes
+
+The spacing system supports different density modes:
+
+* `comfortable` -- Default density for most applications
+* `spacious` -- Increased spacing for better readability
+
+---
+
+## Legacy Tokens (Backward Compatible)
+
+The original token format is still available for existing applications. These tokens use a structured JavaScript object format.
+
+### Using Legacy Tokens in JavaScript/TypeScript
+
+```javascript
+import { tokens } from '@equinor/eds-tokens'
+
+// Access token values
+const primaryColor = tokens.colors.interactive.primary__resting.rgba
+const spacing = tokens.spacings.comfortable.medium
+const typography = tokens.typography.heading.h1
```
-`variables-static.css` exposes tokens with fixed values, while
-`variables-dynamic.css` includes dynamic semantic color tokens.
+### Legacy Token Categories
-## Tokens
+* Clickbounds
+* Colors
+* Elevation
+* Shape
+* Spacing
+* Interaction states
+* Typography (`ot`, `woff` or `woff2` font required)
-- Clickbounds
-- Colors
-- Elevation
-- Shape
-- Spacing
-- Interaction states
-- Typography (`ot`, `woff` or `woff2` font required)
+> We recommend migrating to CSS Variables for new projects to benefit from automatic theme support and better performance.
[design tokens]: https://css-tricks.com/what-are-design-tokens/
diff --git a/packages/eds-tokens/build/css/color/color-scheme/dark-semantic-trimmed.css b/packages/eds-tokens/build/css/color/color-scheme/dark-semantic-trimmed.css
new file mode 100644
index 0000000000..7d52303885
--- /dev/null
+++ b/packages/eds-tokens/build/css/color/color-scheme/dark-semantic-trimmed.css
@@ -0,0 +1,96 @@
+/**
+ * Do not edit directly, this file was auto-generated.
+ */
+
+[data-color-scheme="dark"] {
+ --eds-color-bg-neutral-canvas: #0b0b0b;
+ --eds-color-bg-neutral-surface: #202223;
+ --eds-color-bg-neutral-fill-muted-default: #525c65;
+ --eds-color-bg-neutral-fill-muted-hover: #5d6b76;
+ --eds-color-bg-neutral-fill-muted-active: #6b7d8b;
+ --eds-color-bg-neutral-fill-emphasis-default: #b4c7d7;
+ --eds-color-bg-neutral-fill-emphasis-hover: #cadae7;
+ --eds-color-bg-neutral-fill-emphasis-active: #deeaf4;
+ --eds-color-bg-accent-canvas: #0a0b0b;
+ --eds-color-bg-accent-surface: #1e2323;
+ --eds-color-bg-accent-fill-muted-default: #3c6266;
+ --eds-color-bg-accent-fill-muted-hover: #3e7378;
+ --eds-color-bg-accent-fill-muted-active: #41878e;
+ --eds-color-bg-accent-fill-emphasis-default: #8cd2da;
+ --eds-color-bg-accent-fill-emphasis-hover: #ace3e9;
+ --eds-color-bg-accent-fill-emphasis-active: #c7f1f6;
+ --eds-color-bg-success-canvas: #0a0c0a;
+ --eds-color-bg-success-surface: #1e231e;
+ --eds-color-bg-success-fill-muted-default: #3c673a;
+ --eds-color-bg-success-fill-muted-hover: #3e793c;
+ --eds-color-bg-success-fill-muted-active: #418e3e;
+ --eds-color-bg-success-fill-emphasis-default: #8cdb87;
+ --eds-color-bg-success-fill-emphasis-hover: #aceba8;
+ --eds-color-bg-success-fill-emphasis-active: #c7f7c3;
+ --eds-color-bg-info-canvas: #0a0b0c;
+ --eds-color-bg-info-surface: #1d2226;
+ --eds-color-bg-info-fill-muted-default: #33607e;
+ --eds-color-bg-info-fill-muted-hover: #316f98;
+ --eds-color-bg-info-fill-muted-active: #2e82b7;
+ --eds-color-bg-info-fill-emphasis-default: #7dceff;
+ --eds-color-bg-info-fill-emphasis-hover: #a2e0ff;
+ --eds-color-bg-info-fill-emphasis-active: #c4eeff;
+ --eds-color-bg-warning-canvas: #0c0b0a;
+ --eds-color-bg-warning-surface: #27201b;
+ --eds-color-bg-warning-fill-muted-default: #7e4e25;
+ --eds-color-bg-warning-fill-muted-hover: #97571b;
+ --eds-color-bg-warning-fill-muted-active: #b46201;
+ --eds-color-bg-warning-fill-emphasis-default: #ffad63;
+ --eds-color-bg-warning-fill-emphasis-hover: #ffc791;
+ --eds-color-bg-warning-fill-emphasis-active: #ffddb9;
+ --eds-color-bg-danger-canvas: #0d0a0a;
+ --eds-color-bg-danger-surface: #2a1e1e;
+ --eds-color-bg-danger-fill-muted-default: #923a3c;
+ --eds-color-bg-danger-fill-muted-hover: #b03940;
+ --eds-color-bg-danger-fill-muted-active: #d43745;
+ --eds-color-bg-danger-fill-emphasis-default: #ffa3a1;
+ --eds-color-bg-danger-fill-emphasis-hover: #ffc1bf;
+ --eds-color-bg-danger-fill-emphasis-active: #ffd9d7;
+ --eds-color-border-neutral-subtle: #525c65;
+ --eds-color-border-neutral-medium: #738696;
+ --eds-color-border-neutral-strong: #9fb4c6;
+ --eds-color-border-accent-subtle: #3c6266;
+ --eds-color-border-accent-medium: #439199;
+ --eds-color-border-accent-strong: #6ec0c9;
+ --eds-color-border-success-subtle: #3c673a;
+ --eds-color-border-success-medium: #449941;
+ --eds-color-border-success-strong: #6eca6a;
+ --eds-color-border-info-subtle: #33607e;
+ --eds-color-border-info-medium: #2d8bc5;
+ --eds-color-border-info-strong: #5abbfb;
+ --eds-color-border-warning-subtle: #7e4e25;
+ --eds-color-border-warning-medium: #c36800;
+ --eds-color-border-warning-strong: #f99539;
+ --eds-color-border-danger-subtle: #923a3c;
+ --eds-color-border-danger-medium: #e53748;
+ --eds-color-border-danger-strong: #ff8082;
+ --eds-color-text-neutral-subtle: #d6e3ee; /** Used for text and icons */
+ --eds-color-text-neutral-strong: #f5fdff; /** Used for text and icons */
+ --eds-color-text-neutral-subtle-on-emphasis: #333639; /** Text or icons against colored backgrounds */
+ --eds-color-text-neutral-strong-on-emphasis: #030303; /** Text or icons against colored backgrounds */
+ --eds-color-text-accent-subtle: #bcebf1; /** Used for text and icons */
+ --eds-color-text-accent-strong: #e6ffff; /** Used for text and icons */
+ --eds-color-text-accent-subtle-on-emphasis: #2c3839; /** Text or icons against colored backgrounds */
+ --eds-color-text-accent-strong-on-emphasis: #030303; /** Text or icons against colored backgrounds */
+ --eds-color-text-success-subtle: #bcf2b8; /** Used for text and icons */
+ --eds-color-text-success-strong: #e6ffe3; /** Used for text and icons */
+ --eds-color-text-success-subtle-on-emphasis: #2c392b; /** Text or icons against colored backgrounds */
+ --eds-color-text-success-strong-on-emphasis: #030303; /** Text or icons against colored backgrounds */
+ --eds-color-text-info-subtle: #b7e8ff; /** Used for text and icons */
+ --eds-color-text-info-strong: #ecffff; /** Used for text and icons */
+ --eds-color-text-info-subtle-on-emphasis: #2a3741; /** Text or icons against colored backgrounds */
+ --eds-color-text-info-strong-on-emphasis: #030304; /** Text or icons against colored backgrounds */
+ --eds-color-text-warning-subtle: #ffd4aa; /** Used for text and icons */
+ --eds-color-text-warning-strong: #fff7e6; /** Used for text and icons */
+ --eds-color-text-warning-subtle-on-emphasis: #413226; /** Text or icons against colored backgrounds */
+ --eds-color-text-warning-strong-on-emphasis: #040303; /** Text or icons against colored backgrounds */
+ --eds-color-text-danger-subtle: #ffd0ce; /** Used for text and icons */
+ --eds-color-text-danger-strong: #fff5f4; /** Used for text and icons */
+ --eds-color-text-danger-subtle-on-emphasis: #492d2c; /** Text or icons against colored backgrounds */
+ --eds-color-text-danger-strong-on-emphasis: #040303; /** Text or icons against colored backgrounds */
+}
diff --git a/packages/eds-tokens/build/css/color/color-scheme/light-semantic-trimmed.css b/packages/eds-tokens/build/css/color/color-scheme/light-semantic-trimmed.css
new file mode 100644
index 0000000000..cef961d11e
--- /dev/null
+++ b/packages/eds-tokens/build/css/color/color-scheme/light-semantic-trimmed.css
@@ -0,0 +1,96 @@
+/**
+ * Do not edit directly, this file was auto-generated.
+ */
+
+[data-color-scheme="light"] {
+ --eds-color-bg-neutral-canvas: #f5f5f5;
+ --eds-color-bg-neutral-surface: #ffffff;
+ --eds-color-bg-neutral-fill-muted-default: #e1e1e1;
+ --eds-color-bg-neutral-fill-muted-hover: #d4d4d4;
+ --eds-color-bg-neutral-fill-muted-active: #c4c4c4;
+ --eds-color-bg-neutral-fill-emphasis-default: #636363;
+ --eds-color-bg-neutral-fill-emphasis-hover: #525252;
+ --eds-color-bg-neutral-fill-emphasis-active: #4d4d4d;
+ --eds-color-bg-accent-canvas: #eaf8fa;
+ --eds-color-bg-accent-surface: #f6ffff;
+ --eds-color-bg-accent-fill-muted-default: #cfe7e9;
+ --eds-color-bg-accent-fill-muted-hover: #bbdbdf;
+ --eds-color-bg-accent-fill-muted-active: #a2cdd2;
+ --eds-color-bg-accent-fill-emphasis-default: #206f77;
+ --eds-color-bg-accent-fill-emphasis-hover: #205c62;
+ --eds-color-bg-accent-fill-emphasis-active: #20565c;
+ --eds-color-bg-success-canvas: #eafbe8;
+ --eds-color-bg-success-surface: #f6fff5;
+ --eds-color-bg-success-fill-muted-default: #cfeacc;
+ --eds-color-bg-success-fill-muted-hover: #bbe0b8;
+ --eds-color-bg-success-fill-muted-active: #a2d49e;
+ --eds-color-bg-success-fill-emphasis-default: #207720;
+ --eds-color-bg-success-fill-emphasis-hover: #20621f;
+ --eds-color-bg-success-fill-emphasis-active: #215c1f;
+ --eds-color-bg-info-canvas: #e7f8ff;
+ --eds-color-bg-info-surface: #f4ffff;
+ --eds-color-bg-info-fill-muted-default: #cae6fa;
+ --eds-color-bg-info-fill-muted-hover: #b5daf5;
+ --eds-color-bg-info-fill-muted-active: #99cbf0;
+ --eds-color-bg-info-fill-emphasis-default: #006aa0;
+ --eds-color-bg-info-fill-emphasis-hover: #085883;
+ --eds-color-bg-info-fill-emphasis-active: #0e5279;
+ --eds-color-bg-warning-canvas: #fff1e2;
+ --eds-color-bg-warning-surface: #fffcf0;
+ --eds-color-bg-warning-fill-muted-default: #fbdac1;
+ --eds-color-bg-warning-fill-muted-hover: #f6caaa;
+ --eds-color-bg-warning-fill-muted-active: #f0b689;
+ --eds-color-bg-warning-fill-emphasis-default: #9b4900;
+ --eds-color-bg-warning-fill-emphasis-hover: #813e00;
+ --eds-color-bg-warning-fill-emphasis-active: #773a00;
+ --eds-color-bg-danger-canvas: #ffecea;
+ --eds-color-bg-danger-surface: #fff9f8;
+ --eds-color-bg-danger-fill-muted-default: #ffd0ce;
+ --eds-color-bg-danger-fill-muted-hover: #ffbcba;
+ --eds-color-bg-danger-fill-muted-active: #ffa3a1;
+ --eds-color-bg-danger-fill-emphasis-default: #bc002a;
+ --eds-color-bg-danger-fill-emphasis-hover: #9a1026;
+ --eds-color-bg-danger-fill-emphasis-active: #8e1525;
+ --eds-color-border-neutral-subtle: #d4d4d4;
+ --eds-color-border-neutral-medium: #aeaeae;
+ --eds-color-border-neutral-strong: #696969;
+ --eds-color-border-accent-subtle: #bbdbdf;
+ --eds-color-border-accent-medium: #7cbac1;
+ --eds-color-border-accent-strong: #21767e;
+ --eds-color-border-success-subtle: #bbe0b8;
+ --eds-color-border-success-medium: #7cc278;
+ --eds-color-border-success-strong: #227e22;
+ --eds-color-border-info-subtle: #b5daf5;
+ --eds-color-border-info-medium: #6fb6e9;
+ --eds-color-border-info-strong: #0070a9;
+ --eds-color-border-warning-subtle: #f6caaa;
+ --eds-color-border-warning-medium: #e89959;
+ --eds-color-border-warning-strong: #a34e00;
+ --eds-color-border-danger-subtle: #ffbcba;
+ --eds-color-border-danger-medium: #ff7a7c;
+ --eds-color-border-danger-strong: #c6002d;
+ --eds-color-text-neutral-subtle: #585858; /** Used for text and icons */
+ --eds-color-text-neutral-strong: #1d1d1d; /** Used for text and icons */
+ --eds-color-text-neutral-subtle-on-emphasis: #dedede; /** Text or icons against colored backgrounds */
+ --eds-color-text-neutral-strong-on-emphasis: #ffffff; /** Text or icons against colored backgrounds */
+ --eds-color-text-accent-subtle: #1f6369; /** Used for text and icons */
+ --eds-color-text-accent-strong: #141f20; /** Used for text and icons */
+ --eds-color-text-accent-subtle-on-emphasis: #cae4e7; /** Text or icons against colored backgrounds */
+ --eds-color-text-accent-strong-on-emphasis: #ffffff; /** Text or icons against colored backgrounds */
+ --eds-color-text-success-subtle: #20691f; /** Used for text and icons */
+ --eds-color-text-success-strong: #142114; /** Used for text and icons */
+ --eds-color-text-success-subtle-on-emphasis: #cae8c7; /** Text or icons against colored backgrounds */
+ --eds-color-text-success-strong-on-emphasis: #ffffff; /** Text or icons against colored backgrounds */
+ --eds-color-text-info-subtle: #015e8d; /** Used for text and icons */
+ --eds-color-text-info-strong: #121e27; /** Used for text and icons */
+ --eds-color-text-info-subtle-on-emphasis: #c5e3f9; /** Text or icons against colored backgrounds */
+ --eds-color-text-info-strong-on-emphasis: #ffffff; /** Text or icons against colored backgrounds */
+ --eds-color-text-warning-subtle: #8a4100; /** Used for text and icons */
+ --eds-color-text-warning-strong: #27190e; /** Used for text and icons */
+ --eds-color-text-warning-subtle-on-emphasis: #fad6bc; /** Text or icons against colored backgrounds */
+ --eds-color-text-warning-strong-on-emphasis: #ffffff; /** Text or icons against colored backgrounds */
+ --eds-color-text-danger-subtle: #a50827; /** Used for text and icons */
+ --eds-color-text-danger-strong: #2e1414; /** Used for text and icons */
+ --eds-color-text-danger-subtle-on-emphasis: #ffcbc9; /** Text or icons against colored backgrounds */
+ --eds-color-text-danger-strong-on-emphasis: #ffffff; /** Text or icons against colored backgrounds */
+}
diff --git a/packages/eds-tokens/build/css/index-variables-dynamic.css b/packages/eds-tokens/build/css/index-variables-dynamic.css
deleted file mode 100644
index 776e94e830..0000000000
--- a/packages/eds-tokens/build/css/index-variables-dynamic.css
+++ /dev/null
@@ -1,6 +0,0 @@
-@import 'color/color-scheme/color-scheme.css';
-@import 'color/dynamic/variables.css';
-
-@import 'registered-properties.css';
-@import 'spacing-setup.css';
-@import 'spacing/spacing-trimmed.css';
diff --git a/packages/eds-tokens/build/css/index-variables-static.css b/packages/eds-tokens/build/css/index-variables-static.css
deleted file mode 100644
index a5171de078..0000000000
--- a/packages/eds-tokens/build/css/index-variables-static.css
+++ /dev/null
@@ -1,6 +0,0 @@
-@import 'color/color-scheme/color-scheme.css';
-@import 'color/static/variables.css';
-
-@import 'registered-properties.css';
-@import 'spacing-setup.css';
-@import 'spacing/spacing-trimmed.css';
diff --git a/packages/eds-tokens/build/css/variables-dynamic.css b/packages/eds-tokens/build/css/variables-dynamic.css
deleted file mode 100644
index 114d51a9c8..0000000000
--- a/packages/eds-tokens/build/css/variables-dynamic.css
+++ /dev/null
@@ -1,536 +0,0 @@
-:root, [data-color-scheme="light"] {
- color-scheme: light;
-}
-
-[data-color-scheme="dark"] {
- color-scheme: dark;
-}
-
-:root {
- --eds-color-bg-floating: light-dark(#fff, #202223);
- --eds-color-bg-backdrop: light-dark(#aeaeae, #738696);
- --eds-color-bg-input: light-dark(#f5f5f5, #0b0b0b);
- --eds-color-border-focus: light-dark(#6fb6e9, #2d8bc5);
- --eds-color-text-link: light-dark(#121e27, #ecffff);
- --eds-color-accent-1: light-dark(#eaf8fa, #0a0b0b);
- --eds-color-accent-2: light-dark(#f6ffff, #1e2323);
- --eds-color-accent-3: light-dark(#c5e1e4, #3c6266);
- --eds-color-accent-4: light-dark(#b1d6da, #3e7378);
- --eds-color-accent-5: light-dark(#97c8cd, #41878e);
- --eds-color-accent-6: light-dark(#bbdbdf, #3c6266);
- --eds-color-accent-7: light-dark(#7cbac1, #439199);
- --eds-color-accent-8: light-dark(#21767e, #6ec0c9);
- --eds-color-accent-9: light-dark(#206f77, #8cd2da);
- --eds-color-accent-10: light-dark(#205c62, #ace3e9);
- --eds-color-accent-11: light-dark(#20565c, #c7f1f6);
- --eds-color-accent-12: light-dark(#1f6369, #bcebf1);
- --eds-color-accent-13: light-dark(#141f20, #e6ffff);
- --eds-color-accent-14: light-dark(#cae4e7, #2c3839);
- --eds-color-accent-15: light-dark(#fff, #030303);
- --eds-color-neutral-1: light-dark(#f5f5f5, #0b0b0b);
- --eds-color-neutral-2: light-dark(#fff, #202223);
- --eds-color-neutral-3: light-dark(#dbdbdb, #525c65);
- --eds-color-neutral-4: light-dark(#cecece, #5d6b76);
- --eds-color-neutral-5: light-dark(#bebebe, #6b7d8b);
- --eds-color-neutral-6: light-dark(#d4d4d4, #525c65);
- --eds-color-neutral-7: light-dark(#aeaeae, #738696);
- --eds-color-neutral-8: light-dark(#696969, #9fb4c6);
- --eds-color-neutral-9: light-dark(#636363, #b4c7d7);
- --eds-color-neutral-10: light-dark(#525252, #cadae7);
- --eds-color-neutral-11: light-dark(#4d4d4d, #deeaf4);
- --eds-color-neutral-12: light-dark(#585858, #d6e3ee);
- --eds-color-neutral-13: light-dark(#1d1d1d, #f5fdff);
- --eds-color-neutral-14: light-dark(#dedede, #333639);
- --eds-color-neutral-15: light-dark(#fff, #030303);
- --eds-color-info-1: light-dark(#e7f8ff, #0a0b0c);
- --eds-color-info-2: light-dark(#f4ffff, #1d2226);
- --eds-color-info-3: light-dark(#c0e0f8, #33607e);
- --eds-color-info-4: light-dark(#aad4f3, #316f98);
- --eds-color-info-5: light-dark(#8dc5ee, #2e82b7);
- --eds-color-info-6: light-dark(#b5daf5, #33607e);
- --eds-color-info-7: light-dark(#6fb6e9, #2d8bc5);
- --eds-color-info-8: light-dark(#0070a9, #5abbfb);
- --eds-color-info-9: light-dark(#006aa0, #7dceff);
- --eds-color-info-10: light-dark(#085883, #a2e0ff);
- --eds-color-info-11: light-dark(#0e5279, #c4eeff);
- --eds-color-info-12: light-dark(#015e8d, #b7e8ff);
- --eds-color-info-13: light-dark(#121e27, #ecffff);
- --eds-color-info-14: light-dark(#c5e3f9, #2a3741);
- --eds-color-info-15: light-dark(#fff, #030304);
- --eds-color-success-1: light-dark(#eafbe8, #0a0c0a);
- --eds-color-success-2: light-dark(#f6fff5, #1e231e);
- --eds-color-success-3: light-dark(#c5e5c2, #3c673a);
- --eds-color-success-4: light-dark(#b1dbae, #3e793c);
- --eds-color-success-5: light-dark(#97cf93, #418e3e);
- --eds-color-success-6: light-dark(#bbe0b8, #3c673a);
- --eds-color-success-7: light-dark(#7cc278, #439941);
- --eds-color-success-8: light-dark(#227e22, #6eca6a);
- --eds-color-success-9: light-dark(#207720, #8cdb87);
- --eds-color-success-10: light-dark(#20621f, #aceba8);
- --eds-color-success-11: light-dark(#215c1f, #c7f7c3);
- --eds-color-success-12: light-dark(#20691f, #bcf2b8);
- --eds-color-success-13: light-dark(#142114, #e6ffe3);
- --eds-color-success-14: light-dark(#cae8c7, #2c392b);
- --eds-color-success-15: light-dark(#fff, #030303);
- --eds-color-warning-1: light-dark(#fff1e2, #0c0b0a);
- --eds-color-warning-2: light-dark(#fffcf0, #27201b);
- --eds-color-warning-3: light-dark(#f9d2b6, #7e4e25);
- --eds-color-warning-4: light-dark(#f4c29d, #97571b);
- --eds-color-warning-5: light-dark(#eeae7c, #b46201);
- --eds-color-warning-6: light-dark(#f6caaa, #7e4e25);
- --eds-color-warning-7: light-dark(#e89959, #c36800);
- --eds-color-warning-8: light-dark(#a34e00, #f99539);
- --eds-color-warning-9: light-dark(#9b4900, #ffad63);
- --eds-color-warning-10: light-dark(#813e00, #ffc791);
- --eds-color-warning-11: light-dark(#773a00, #ffddb9);
- --eds-color-warning-12: light-dark(#8a4100, #ffd4aa);
- --eds-color-warning-13: light-dark(#27190e, #fff7e6);
- --eds-color-warning-14: light-dark(#fad6bc, #413226);
- --eds-color-warning-15: light-dark(#fff, #040303);
- --eds-color-danger-1: light-dark(#ffecea, #0d0a0a);
- --eds-color-danger-2: light-dark(#fff9f8, #2a1e1e);
- --eds-color-danger-3: light-dark(#ffc6c4, #923a3c);
- --eds-color-danger-4: light-dark(#ffb2b0, #b03940);
- --eds-color-danger-5: light-dark(#ff9897, #d43745);
- --eds-color-danger-6: light-dark(#ffbcba, #923a3c);
- --eds-color-danger-7: light-dark(#ff7a7d, #e53748);
- --eds-color-danger-8: light-dark(#c6002d, #ff8082);
- --eds-color-danger-9: light-dark(#bc002a, #ffa3a1);
- --eds-color-danger-10: light-dark(#9a1026, #ffc1bf);
- --eds-color-danger-11: light-dark(#8e1525, #ffd9d7);
- --eds-color-danger-12: light-dark(#a50827, #ffd0ce);
- --eds-color-danger-13: light-dark(#2e1414, #fff5f4);
- --eds-color-danger-14: light-dark(#ffcbc9, #492d2c);
- --eds-color-danger-15: light-dark(#fff, #040303);
-}
-
-:root, [data-color-appearance="neutral"] {
- --eds-color-bg-fill-muted-default: var(--eds-color-neutral-3);
- --eds-color-bg-fill-muted-hover: var(--eds-color-neutral-4);
- --eds-color-bg-fill-muted-active: var(--eds-color-neutral-5);
- --eds-color-bg-fill-emphasis-default: var(--eds-color-neutral-9);
- --eds-color-bg-fill-emphasis-hover: var(--eds-color-neutral-10);
- --eds-color-bg-fill-emphasis-active: var(--eds-color-neutral-11);
- --eds-color-bg-canvas: var(--eds-color-neutral-1);
- --eds-color-bg-surface: var(--eds-color-neutral-2);
- --eds-color-border-subtle: var(--eds-color-neutral-6);
- --eds-color-border-medium: var(--eds-color-neutral-7);
- --eds-color-border-strong: var(--eds-color-neutral-8);
- --eds-color-text-subtle: var(--eds-color-neutral-12);
- --eds-color-text-strong: var(--eds-color-neutral-13);
- --eds-color-text-subtle-on-emphasis: var(--eds-color-neutral-14);
- --eds-color-text-strong-on-emphasis: var(--eds-color-neutral-15);
-}
-
-[data-color-appearance="accent"] {
- --eds-color-bg-fill-muted-default: var(--eds-color-accent-3);
- --eds-color-bg-fill-muted-hover: var(--eds-color-accent-4);
- --eds-color-bg-fill-muted-active: var(--eds-color-accent-5);
- --eds-color-bg-fill-emphasis-default: var(--eds-color-accent-9);
- --eds-color-bg-fill-emphasis-hover: var(--eds-color-accent-10);
- --eds-color-bg-fill-emphasis-active: var(--eds-color-accent-11);
- --eds-color-bg-canvas: var(--eds-color-accent-1);
- --eds-color-bg-surface: var(--eds-color-accent-2);
- --eds-color-border-subtle: var(--eds-color-accent-6);
- --eds-color-border-medium: var(--eds-color-accent-7);
- --eds-color-border-strong: var(--eds-color-accent-8);
- --eds-color-text-subtle: var(--eds-color-accent-12);
- --eds-color-text-strong: var(--eds-color-accent-13);
- --eds-color-text-subtle-on-emphasis: var(--eds-color-accent-14);
- --eds-color-text-strong-on-emphasis: var(--eds-color-accent-15);
-}
-
-[data-color-appearance="danger"] {
- --eds-color-bg-fill-muted-default: var(--eds-color-danger-3);
- --eds-color-bg-fill-muted-hover: var(--eds-color-danger-4);
- --eds-color-bg-fill-muted-active: var(--eds-color-danger-5);
- --eds-color-bg-fill-emphasis-default: var(--eds-color-danger-9);
- --eds-color-bg-fill-emphasis-hover: var(--eds-color-danger-10);
- --eds-color-bg-fill-emphasis-active: var(--eds-color-danger-11);
- --eds-color-bg-canvas: var(--eds-color-danger-1);
- --eds-color-bg-surface: var(--eds-color-danger-2);
- --eds-color-border-subtle: var(--eds-color-danger-6);
- --eds-color-border-medium: var(--eds-color-danger-7);
- --eds-color-border-strong: var(--eds-color-danger-8);
- --eds-color-text-subtle: var(--eds-color-danger-12);
- --eds-color-text-strong: var(--eds-color-danger-13);
- --eds-color-text-subtle-on-emphasis: var(--eds-color-danger-14);
- --eds-color-text-strong-on-emphasis: var(--eds-color-danger-15);
-}
-
-[data-color-appearance="info"] {
- --eds-color-bg-fill-muted-default: var(--eds-color-info-3);
- --eds-color-bg-fill-muted-hover: var(--eds-color-info-4);
- --eds-color-bg-fill-muted-active: var(--eds-color-info-5);
- --eds-color-bg-fill-emphasis-default: var(--eds-color-info-9);
- --eds-color-bg-fill-emphasis-hover: var(--eds-color-info-10);
- --eds-color-bg-fill-emphasis-active: var(--eds-color-info-11);
- --eds-color-bg-canvas: var(--eds-color-info-1);
- --eds-color-bg-surface: var(--eds-color-info-2);
- --eds-color-border-subtle: var(--eds-color-info-6);
- --eds-color-border-medium: var(--eds-color-info-7);
- --eds-color-border-strong: var(--eds-color-info-8);
- --eds-color-text-subtle: var(--eds-color-info-12);
- --eds-color-text-strong: var(--eds-color-info-13);
- --eds-color-text-subtle-on-emphasis: var(--eds-color-info-14);
- --eds-color-text-strong-on-emphasis: var(--eds-color-info-15);
-}
-
-[data-color-appearance="success"] {
- --eds-color-bg-fill-muted-default: var(--eds-color-success-3);
- --eds-color-bg-fill-muted-hover: var(--eds-color-success-4);
- --eds-color-bg-fill-muted-active: var(--eds-color-success-5);
- --eds-color-bg-fill-emphasis-default: var(--eds-color-success-9);
- --eds-color-bg-fill-emphasis-hover: var(--eds-color-success-10);
- --eds-color-bg-fill-emphasis-active: var(--eds-color-success-11);
- --eds-color-bg-canvas: var(--eds-color-success-1);
- --eds-color-bg-surface: var(--eds-color-success-2);
- --eds-color-border-subtle: var(--eds-color-success-6);
- --eds-color-border-medium: var(--eds-color-success-7);
- --eds-color-border-strong: var(--eds-color-success-8);
- --eds-color-text-subtle: var(--eds-color-success-12);
- --eds-color-text-strong: var(--eds-color-success-13);
- --eds-color-text-subtle-on-emphasis: var(--eds-color-success-14);
- --eds-color-text-strong-on-emphasis: var(--eds-color-success-15);
-}
-
-[data-color-appearance="warning"] {
- --eds-color-bg-fill-muted-default: var(--eds-color-warning-3);
- --eds-color-bg-fill-muted-hover: var(--eds-color-warning-4);
- --eds-color-bg-fill-muted-active: var(--eds-color-warning-5);
- --eds-color-bg-fill-emphasis-default: var(--eds-color-warning-9);
- --eds-color-bg-fill-emphasis-hover: var(--eds-color-warning-10);
- --eds-color-bg-fill-emphasis-active: var(--eds-color-warning-11);
- --eds-color-bg-canvas: var(--eds-color-warning-1);
- --eds-color-bg-surface: var(--eds-color-warning-2);
- --eds-color-border-subtle: var(--eds-color-warning-6);
- --eds-color-border-medium: var(--eds-color-warning-7);
- --eds-color-border-strong: var(--eds-color-warning-8);
- --eds-color-text-subtle: var(--eds-color-warning-12);
- --eds-color-text-strong: var(--eds-color-warning-13);
- --eds-color-text-subtle-on-emphasis: var(--eds-color-warning-14);
- --eds-color-text-strong-on-emphasis: var(--eds-color-warning-15);
-}
-
-@property --captured-size-1 {
- syntax: "";
- inherits: false;
- initial-value: 0;
-}
-
-@property --captured-size-2 {
- syntax: "";
- inherits: false;
- initial-value: 0;
-}
-
-@property --captured-size-3 {
- syntax: "";
- inherits: false;
- initial-value: 0;
-}
-
-@property --captured-color-1 {
- syntax: "";
- inherits: false;
- initial-value: #0000;
-}
-
-@property --captured-color-2 {
- syntax: "";
- inherits: false;
- initial-value: #0000;
-}
-
-@property --captured-color-3 {
- syntax: "";
- inherits: false;
- initial-value: #0000;
-}
-
-@property --captured-color-4 {
- syntax: "";
- inherits: false;
- initial-value: #0000;
-}
-
-:root, [data-density] {
- --density: var(--eds--spacious);
- --eds--comfortable: var(--density, );
- --eds--spacious: var(--density, );
-}
-
-[data-density="comfortable"] {
- --density: var(--eds--comfortable);
-}
-
-[data-density="spacious"] {
- --density: var(--eds--spacious);
-}
-
-:root, [data-density] {
- --eds-spacing-icon-xs-gap-horizontal: var(--eds--spacious, .406rem) var(--eds--comfortable, .344rem);
- --eds-spacing-icon-xs-gap-vertical: var(--eds--spacious, .406rem) var(--eds--comfortable, .344rem);
- --eds-spacing-icon-sm-gap-horizontal: var(--eds--spacious, .469rem) var(--eds--comfortable, .406rem);
- --eds-spacing-icon-sm-gap-vertical: var(--eds--spacious, .469rem) var(--eds--comfortable, .406rem);
- --eds-spacing-icon-md-gap-horizontal: var(--eds--spacious, .531rem) var(--eds--comfortable, .469rem);
- --eds-spacing-icon-md-gap-vertical: var(--eds--spacious, .531rem) var(--eds--comfortable, .469rem);
- --eds-spacing-icon-lg-gap-horizontal: var(--eds--spacious, .625rem) var(--eds--comfortable, .531rem);
- --eds-spacing-icon-lg-gap-vertical: var(--eds--spacious, .625rem) var(--eds--comfortable, .531rem);
- --eds-spacing-icon-xl-gap-horizontal: var(--eds--spacious, .719rem) var(--eds--comfortable, .625rem);
- --eds-spacing-icon-xl-gap-vertical: var(--eds--spacious, .719rem) var(--eds--comfortable, .625rem);
- --eds-spacing-icon-2xl-gap-horizontal: var(--eds--spacious, .813rem) var(--eds--comfortable, .719rem);
- --eds-spacing-icon-2xl-gap-vertical: var(--eds--spacious, .813rem) var(--eds--comfortable, .719rem);
- --eds-spacing-icon-3xl-gap-horizontal: var(--eds--spacious, .938rem) var(--eds--comfortable, .813rem);
- --eds-spacing-icon-3xl-gap-vertical: var(--eds--spacious, .938rem) var(--eds--comfortable, .813rem);
- --eds-spacing-icon-4xl-gap-horizontal: var(--eds--spacious, 1.094rem) var(--eds--comfortable, .938rem);
- --eds-spacing-icon-4xl-gap-vertical: var(--eds--spacious, 1.094rem) var(--eds--comfortable, .938rem);
- --eds-spacing-icon-5xl-gap-horizontal: var(--eds--spacious, 1.25rem) var(--eds--comfortable, 1.094rem);
- --eds-spacing-icon-5xl-gap-vertical: var(--eds--spacious, 1.25rem) var(--eds--comfortable, 1.094rem);
- --eds-spacing-icon-6xl-gap-horizontal: var(--eds--spacious, 1.438rem) var(--eds--comfortable, 1.25rem);
- --eds-spacing-icon-6xl-gap-vertical: var(--eds--spacious, 1.438rem) var(--eds--comfortable, 1.25rem);
- --eds-spacing-inline-4-xs: var(--eds--spacious, .125rem) var(--eds--comfortable, .063rem);
- --eds-spacing-inline-3-xs: var(--eds--spacious, .25rem) var(--eds--comfortable, .125rem);
- --eds-spacing-inline-2-xs: var(--eds--spacious, .375rem) var(--eds--comfortable, .25rem);
- --eds-spacing-inline-xs: var(--eds--spacious, .5rem) var(--eds--comfortable, .375rem);
- --eds-spacing-inline-sm: var(--eds--spacious, .75rem) var(--eds--comfortable, .5rem);
- --eds-spacing-inline-md: var(--eds--spacious, 1rem) var(--eds--comfortable, .75rem);
- --eds-spacing-inline-lg: var(--eds--spacious, 1.25rem) var(--eds--comfortable, 1rem);
- --eds-spacing-inline-xl: var(--eds--spacious, 1.5rem) var(--eds--comfortable, 1.25rem);
- --eds-spacing-inline-2-xl: var(--eds--spacious, 1.75rem) var(--eds--comfortable, 1.5rem);
- --eds-spacing-inline-3-xl: var(--eds--spacious, 2rem) var(--eds--comfortable, 1.75rem);
- --eds-spacing-stack-4-xs: var(--eds--spacious, .125rem) var(--eds--comfortable, .063rem);
- --eds-spacing-stack-3-xs: var(--eds--spacious, .25rem) var(--eds--comfortable, .125rem);
- --eds-spacing-stack-2-xs: var(--eds--spacious, .375rem) var(--eds--comfortable, .25rem);
- --eds-spacing-stack-xs: var(--eds--spacious, .5rem) var(--eds--comfortable, .375rem);
- --eds-spacing-stack-sm: var(--eds--spacious, .75rem) var(--eds--comfortable, .5rem);
- --eds-spacing-stack-md: var(--eds--spacious, 1rem) var(--eds--comfortable, .75rem);
- --eds-spacing-stack-lg: var(--eds--spacious, 1.25rem) var(--eds--comfortable, 1rem);
- --eds-spacing-stack-xl: var(--eds--spacious, 1.5rem) var(--eds--comfortable, 1.25rem);
- --eds-spacing-stack-2-xl: var(--eds--spacious, 1.75rem) var(--eds--comfortable, 1.5rem);
- --eds-spacing-stack-3-xl: var(--eds--spacious, 2rem) var(--eds--comfortable, 1.75rem);
- --eds-spacing-border-radius-rounded: var(--eds--spacious, .25rem) var(--eds--comfortable, .188rem);
- --eds-spacing-border-radius-pill: var(--eds--spacious, 62.5rem) var(--eds--comfortable, 62.5rem);
- --eds-spacing-border-radius-none: 0rem;
- --eds-spacing-inset-xs-inline: var(--eds--spacious, .5rem) var(--eds--comfortable, .375rem);
- --eds-spacing-inset-xs-stack-squished: var(--eds--spacious, .375rem) var(--eds--comfortable, .25rem);
- --eds-spacing-inset-xs-stack-squared: var(--eds--spacious, .5rem) var(--eds--comfortable, .375rem);
- --eds-spacing-inset-xs-stack-stretched: var(--eds--spacious, .75rem) var(--eds--comfortable, .5rem);
- --eds-spacing-inset-sm-inline: var(--eds--spacious, .75rem) var(--eds--comfortable, .5rem);
- --eds-spacing-inset-sm-stack-squished: var(--eds--spacious, .5rem) var(--eds--comfortable, .375rem);
- --eds-spacing-inset-sm-stack-squared: var(--eds--spacious, .75rem) var(--eds--comfortable, .5rem);
- --eds-spacing-inset-sm-stack-stretched: var(--eds--spacious, 1rem) var(--eds--comfortable, .75rem);
- --eds-spacing-inset-md-inline: var(--eds--spacious, 1rem) var(--eds--comfortable, .75rem);
- --eds-spacing-inset-md-stack-squished: var(--eds--spacious, .75rem) var(--eds--comfortable, .5rem);
- --eds-spacing-inset-md-stack-squared: var(--eds--spacious, 1rem) var(--eds--comfortable, .75rem);
- --eds-spacing-inset-md-stack-stretched: var(--eds--spacious, 1.25rem) var(--eds--comfortable, 1rem);
- --eds-spacing-inset-lg-inline: var(--eds--spacious, 1.25rem) var(--eds--comfortable, 1rem);
- --eds-spacing-inset-lg-stack-squished: var(--eds--spacious, 1rem) var(--eds--comfortable, .75rem);
- --eds-spacing-inset-lg-stack-squared: var(--eds--spacious, 1.25rem) var(--eds--comfortable, 1rem);
- --eds-spacing-inset-lg-stack-stretched: var(--eds--spacious, 1.5rem) var(--eds--comfortable, 1.25rem);
- --eds-spacing-inset-xl-inline: var(--eds--spacious, 1.5rem) var(--eds--comfortable, 1.25rem);
- --eds-spacing-inset-xl-stack-squished: var(--eds--spacious, 1.25rem) var(--eds--comfortable, 1rem);
- --eds-spacing-inset-xl-stack-squared: var(--eds--spacious, 1.5rem) var(--eds--comfortable, 1.25rem);
- --eds-spacing-inset-xl-stack-stretched: var(--eds--spacious, 1.75rem) var(--eds--comfortable, 1.5rem);
- --eds-sizing-icon-xs: var(--eds--spacious, 1rem) var(--eds--comfortable, .875rem);
- --eds-sizing-icon-sm: var(--eds--spacious, 1.125rem) var(--eds--comfortable, 1rem);
- --eds-sizing-icon-md: var(--eds--spacious, 1.25rem) var(--eds--comfortable, 1.125rem);
- --eds-sizing-icon-lg: var(--eds--spacious, 1.5rem) var(--eds--comfortable, 1.25rem);
- --eds-sizing-icon-xl: var(--eds--spacious, 1.75rem) var(--eds--comfortable, 1.5rem);
- --eds-sizing-icon-2xl: var(--eds--spacious, 2rem) var(--eds--comfortable, 1.75rem);
- --eds-sizing-icon-3xl: var(--eds--spacious, 2.313rem) var(--eds--comfortable, 2rem);
- --eds-sizing-icon-4xl: var(--eds--spacious, 2.625rem) var(--eds--comfortable, 2.313rem);
- --eds-sizing-icon-5xl: var(--eds--spacious, 3rem) var(--eds--comfortable, 2.625rem);
- --eds-sizing-icon-6xl: var(--eds--spacious, 3.5rem) var(--eds--comfortable, 3rem);
- --eds-sizing-selectable-xs: var(--eds--spacious, 1.25rem) var(--eds--comfortable, 1rem);
- --eds-sizing-selectable-sm: var(--eds--spacious, 1.5rem) var(--eds--comfortable, 1.25rem);
- --eds-sizing-selectable-md: var(--eds--spacious, 2.25rem) var(--eds--comfortable, 1.5rem);
- --eds-sizing-selectable-lg: var(--eds--spacious, 2.75rem) var(--eds--comfortable, 2.25rem);
- --eds-sizing-selectable-xl: var(--eds--spacious, 3.25rem) var(--eds--comfortable, 2.75rem);
- --eds-sizing-selectable-2xl: var(--eds--spacious, 3.75rem) var(--eds--comfortable, 3.25rem);
- --eds-sizing-stroke-thin: var(--eds--spacious, .063rem) var(--eds--comfortable, .063rem);
- --eds-sizing-stroke-thick: var(--eds--spacious, .125rem) var(--eds--comfortable, .125rem);
- --eds-sizing-stroke-none: 0rem;
- --eds-typography-ui-body-xs-font-size: var(--eds--spacious, .656rem) var(--eds--comfortable, .563rem);
- --eds-typography-ui-body-xs-tracking-tight: var(--eds--spacious, -1.15px) var(--eds--comfortable, -.99px);
- --eds-typography-ui-body-xs-tracking-normal: var(--eds--spacious, 0px) var(--eds--comfortable, 0px);
- --eds-typography-ui-body-xs-tracking-loose: var(--eds--spacious, 1.15px) var(--eds--comfortable, .99px);
- --eds-typography-ui-body-xs-font-weight-lighter: var(--eds--spacious, 300) var(--eds--comfortable, 300);
- --eds-typography-ui-body-xs-font-weight-normal: var(--eds--spacious, 400) var(--eds--comfortable, 400);
- --eds-typography-ui-body-xs-font-weight-bolder: var(--eds--spacious, 500) var(--eds--comfortable, 500);
- --eds-typography-ui-body-xs-lineheight-default: var(--eds--spacious, 1rem) var(--eds--comfortable, .75rem);
- --eds-typography-ui-body-xs-lineheight-squished: var(--eds--spacious, .75rem) var(--eds--comfortable, .75rem);
- --eds-typography-ui-body-sm-font-size: var(--eds--spacious, .75rem) var(--eds--comfortable, .656rem);
- --eds-typography-ui-body-sm-tracking-tight: var(--eds--spacious, -1.32px) var(--eds--comfortable, -1.15px);
- --eds-typography-ui-body-sm-tracking-normal: var(--eds--spacious, 0px) var(--eds--comfortable, 0px);
- --eds-typography-ui-body-sm-tracking-loose: var(--eds--spacious, 1.32px) var(--eds--comfortable, 1.15px);
- --eds-typography-ui-body-sm-font-weight-lighter: var(--eds--spacious, 300) var(--eds--comfortable, 300);
- --eds-typography-ui-body-sm-font-weight-normal: var(--eds--spacious, 400) var(--eds--comfortable, 400);
- --eds-typography-ui-body-sm-font-weight-bolder: var(--eds--spacious, 500) var(--eds--comfortable, 500);
- --eds-typography-ui-body-sm-lineheight-default: var(--eds--spacious, 1rem) var(--eds--comfortable, 1rem);
- --eds-typography-ui-body-sm-lineheight-squished: var(--eds--spacious, .75rem) var(--eds--comfortable, .75rem);
- --eds-typography-ui-body-font-family: "Inter";
- --eds-typography-ui-body-md-font-size: var(--eds--spacious, .875rem) var(--eds--comfortable, .75rem);
- --eds-typography-ui-body-md-tracking-tight: var(--eds--spacious, -1.54px) var(--eds--comfortable, -1.32px);
- --eds-typography-ui-body-md-tracking-normal: var(--eds--spacious, 0px) var(--eds--comfortable, 0px);
- --eds-typography-ui-body-md-tracking-loose: var(--eds--spacious, 1.54px) var(--eds--comfortable, 1.32px);
- --eds-typography-ui-body-md-font-weight-lighter: var(--eds--spacious, 300) var(--eds--comfortable, 300);
- --eds-typography-ui-body-md-font-weight-normal: var(--eds--spacious, 400) var(--eds--comfortable, 400);
- --eds-typography-ui-body-md-font-weight-bolder: var(--eds--spacious, 500) var(--eds--comfortable, 500);
- --eds-typography-ui-body-md-lineheight-default: var(--eds--spacious, 1.25rem) var(--eds--comfortable, 1rem);
- --eds-typography-ui-body-md-lineheight-squished: var(--eds--spacious, 1rem) var(--eds--comfortable, .75rem);
- --eds-typography-ui-body-lg-font-size: var(--eds--spacious, 1rem) var(--eds--comfortable, .875rem);
- --eds-typography-ui-body-lg-tracking-tight: var(--eds--spacious, -1.76px) var(--eds--comfortable, -1.54px);
- --eds-typography-ui-body-lg-tracking-normal: var(--eds--spacious, 0px) var(--eds--comfortable, 0px);
- --eds-typography-ui-body-lg-tracking-loose: var(--eds--spacious, 1.76px) var(--eds--comfortable, 1.54px);
- --eds-typography-ui-body-lg-font-weight-lighter: var(--eds--spacious, 300) var(--eds--comfortable, 300);
- --eds-typography-ui-body-lg-font-weight-normal: var(--eds--spacious, 400) var(--eds--comfortable, 400);
- --eds-typography-ui-body-lg-font-weight-bolder: var(--eds--spacious, 500) var(--eds--comfortable, 500);
- --eds-typography-ui-body-lg-lineheight-default: var(--eds--spacious, 1.5rem) var(--eds--comfortable, 1.25rem);
- --eds-typography-ui-body-lg-lineheight-squished: var(--eds--spacious, 1.25rem) var(--eds--comfortable, 1rem);
- --eds-typography-ui-body-xl-font-size: var(--eds--spacious, 1.156rem) var(--eds--comfortable, 1rem);
- --eds-typography-ui-body-xl-tracking-tight: var(--eds--spacious, -1.76px) var(--eds--comfortable, -1.76px);
- --eds-typography-ui-body-xl-tracking-normal: var(--eds--spacious, 0px) var(--eds--comfortable, 0px);
- --eds-typography-ui-body-xl-tracking-loose: var(--eds--spacious, 2.035px) var(--eds--comfortable, 1.76px);
- --eds-typography-ui-body-xl-font-weight-lighter: var(--eds--spacious, 300) var(--eds--comfortable, 300);
- --eds-typography-ui-body-xl-font-weight-normal: var(--eds--spacious, 400) var(--eds--comfortable, 400);
- --eds-typography-ui-body-xl-font-weight-bolder: var(--eds--spacious, 500) var(--eds--comfortable, 500);
- --eds-typography-ui-body-xl-lineheight-default: var(--eds--spacious, 1.5rem) var(--eds--comfortable, 1.5rem);
- --eds-typography-ui-body-xl-lineheight-squished: var(--eds--spacious, 1.25rem) var(--eds--comfortable, 1.25rem);
- --eds-typography-ui-body-2xl-font-size: var(--eds--spacious, 1.313rem) var(--eds--comfortable, 1.156rem);
- --eds-typography-ui-body-2xl-tracking-tight: var(--eds--spacious, -2.31px) var(--eds--comfortable, -1.76px);
- --eds-typography-ui-body-2xl-tracking-normal: var(--eds--spacious, 0px) var(--eds--comfortable, 0px);
- --eds-typography-ui-body-2xl-tracking-loose: var(--eds--spacious, 2.31px) var(--eds--comfortable, 2.035px);
- --eds-typography-ui-body-2xl-font-weight-lighter: var(--eds--spacious, 300) var(--eds--comfortable, 300);
- --eds-typography-ui-body-2xl-font-weight-normal: var(--eds--spacious, 400) var(--eds--comfortable, 400);
- --eds-typography-ui-body-2xl-font-weight-bolder: var(--eds--spacious, 500) var(--eds--comfortable, 500);
- --eds-typography-ui-body-2xl-lineheight-default: var(--eds--spacious, 1.75rem) var(--eds--comfortable, 1.5rem);
- --eds-typography-ui-body-2xl-lineheight-squished: var(--eds--spacious, 1.5rem) var(--eds--comfortable, 1.25rem);
- --eds-typography-ui-body-3xl-font-size: var(--eds--spacious, 1.531rem) var(--eds--comfortable, 1.313rem);
- --eds-typography-ui-body-3xl-tracking-tight: var(--eds--spacious, -2.695px) var(--eds--comfortable, -2.31px);
- --eds-typography-ui-body-3xl-tracking-normal: var(--eds--spacious, 0px) var(--eds--comfortable, 0px);
- --eds-typography-ui-body-3xl-tracking-loose: var(--eds--spacious, 2.695px) var(--eds--comfortable, 2.31px);
- --eds-typography-ui-body-3xl-font-weight-lighter: var(--eds--spacious, 300) var(--eds--comfortable, 300);
- --eds-typography-ui-body-3xl-font-weight-normal: var(--eds--spacious, 400) var(--eds--comfortable, 400);
- --eds-typography-ui-body-3xl-font-weight-bolder: var(--eds--spacious, 500) var(--eds--comfortable, 500);
- --eds-typography-ui-body-3xl-lineheight-default: var(--eds--spacious, 2rem) var(--eds--comfortable, 1.75rem);
- --eds-typography-ui-body-3xl-lineheight-squished: var(--eds--spacious, 1.75rem) var(--eds--comfortable, 1.5rem);
- --eds-typography-ui-body-4xl-font-size: var(--eds--spacious, 1.75rem) var(--eds--comfortable, 1.531rem);
- --eds-typography-ui-body-4xl-tracking-tight: var(--eds--spacious, -3.08px) var(--eds--comfortable, -2.695px);
- --eds-typography-ui-body-4xl-tracking-normal: var(--eds--spacious, 0px) var(--eds--comfortable, 0px);
- --eds-typography-ui-body-4xl-tracking-loose: var(--eds--spacious, 3.08px) var(--eds--comfortable, 2.695px);
- --eds-typography-ui-body-4xl-font-weight-lighter: var(--eds--spacious, 300) var(--eds--comfortable, 300);
- --eds-typography-ui-body-4xl-font-weight-normal: var(--eds--spacious, 400) var(--eds--comfortable, 400);
- --eds-typography-ui-body-4xl-font-weight-bolder: var(--eds--spacious, 500) var(--eds--comfortable, 500);
- --eds-typography-ui-body-4xl-lineheight-default: var(--eds--spacious, 2rem) var(--eds--comfortable, 2rem);
- --eds-typography-ui-body-4xl-lineheight-squished: var(--eds--spacious, 1.75rem) var(--eds--comfortable, 1.75rem);
- --eds-typography-ui-body-5xl-font-size: var(--eds--spacious, 2rem) var(--eds--comfortable, 1.75rem);
- --eds-typography-ui-body-5xl-tracking-tight: var(--eds--spacious, -3.52px) var(--eds--comfortable, -3.08px);
- --eds-typography-ui-body-5xl-tracking-normal: var(--eds--spacious, 0px) var(--eds--comfortable, 0px);
- --eds-typography-ui-body-5xl-tracking-loose: var(--eds--spacious, 3.52px) var(--eds--comfortable, 3.08px);
- --eds-typography-ui-body-5xl-font-weight-lighter: var(--eds--spacious, 300) var(--eds--comfortable, 300);
- --eds-typography-ui-body-5xl-font-weight-normal: var(--eds--spacious, 400) var(--eds--comfortable, 400);
- --eds-typography-ui-body-5xl-font-weight-bolder: var(--eds--spacious, 500) var(--eds--comfortable, 500);
- --eds-typography-ui-body-5xl-lineheight-default: var(--eds--spacious, 2.25rem) var(--eds--comfortable, 2rem);
- --eds-typography-ui-body-5xl-lineheight-squished: var(--eds--spacious, 2rem) var(--eds--comfortable, 1.75rem);
- --eds-typography-ui-body-6xl-font-size: var(--eds--spacious, 2.313rem) var(--eds--comfortable, 2rem);
- --eds-typography-ui-body-6xl-tracking-tight: var(--eds--spacious, -4.07px) var(--eds--comfortable, -3.52px);
- --eds-typography-ui-body-6xl-tracking-normal: var(--eds--spacious, 0px) var(--eds--comfortable, 0px);
- --eds-typography-ui-body-6xl-tracking-loose: var(--eds--spacious, 4.07px) var(--eds--comfortable, 3.52px);
- --eds-typography-ui-body-6xl-font-weight-lighter: var(--eds--spacious, 300) var(--eds--comfortable, 300);
- --eds-typography-ui-body-6xl-font-weight-normal: var(--eds--spacious, 400) var(--eds--comfortable, 0px);
- --eds-typography-ui-body-6xl-font-weight-bolder: var(--eds--spacious, 500) var(--eds--comfortable, 500);
- --eds-typography-ui-body-6xl-lineheight-default: var(--eds--spacious, 2.5rem) var(--eds--comfortable, 2.25rem);
- --eds-typography-ui-body-6xl-lineheight-squished: var(--eds--spacious, 2.25rem) var(--eds--comfortable, 2rem);
- --eds-typography-header-xs-font-size: var(--eds--spacious, .75rem) var(--eds--comfortable, .656rem);
- --eds-typography-header-xs-tracking-tight: var(--eds--spacious, -1.15px) var(--eds--comfortable, -.99px);
- --eds-typography-header-xs-tracking-normal: var(--eds--spacious, 0px) var(--eds--comfortable, 0px);
- --eds-typography-header-xs-tracking-loose: var(--eds--spacious, 1.15px) var(--eds--comfortable, .99px);
- --eds-typography-header-xs-font-weight-lighter: var(--eds--spacious, 300) var(--eds--comfortable, 300);
- --eds-typography-header-xs-font-weight-normal: var(--eds--spacious, 400) var(--eds--comfortable, 400);
- --eds-typography-header-xs-font-weight-bolder: var(--eds--spacious, 500) var(--eds--comfortable, 500);
- --eds-typography-header-xs-lineheight-default: var(--eds--spacious, 1rem) var(--eds--comfortable, .75rem);
- --eds-typography-header-xs-lineheight-squished: var(--eds--spacious, .75rem) var(--eds--comfortable, .75rem);
- --eds-typography-header-font-family: "Equinor";
- --eds-typography-header-sm-font-size: var(--eds--spacious, .875rem) var(--eds--comfortable, .75rem);
- --eds-typography-header-sm-tracking-tight: var(--eds--spacious, -1.32px) var(--eds--comfortable, -1.15px);
- --eds-typography-header-sm-tracking-normal: var(--eds--spacious, 0px) var(--eds--comfortable, 0px);
- --eds-typography-header-sm-tracking-loose: var(--eds--spacious, 1.32px) var(--eds--comfortable, 1.15px);
- --eds-typography-header-sm-font-weight-lighter: var(--eds--spacious, 300) var(--eds--comfortable, 300);
- --eds-typography-header-sm-font-weight-normal: var(--eds--spacious, 400) var(--eds--comfortable, 400);
- --eds-typography-header-sm-font-weight-bolder: var(--eds--spacious, 500) var(--eds--comfortable, 500);
- --eds-typography-header-sm-lineheight-default: var(--eds--spacious, 1rem) var(--eds--comfortable, 1rem);
- --eds-typography-header-sm-lineheight-squished: var(--eds--spacious, .75rem) var(--eds--comfortable, .75rem);
- --eds-typography-header-md-font-size: var(--eds--spacious, 1rem) var(--eds--comfortable, .875rem);
- --eds-typography-header-md-tracking-tight: var(--eds--spacious, -1.54px) var(--eds--comfortable, -1.32px);
- --eds-typography-header-md-tracking-normal: var(--eds--spacious, 0px) var(--eds--comfortable, 0px);
- --eds-typography-header-md-tracking-loose: var(--eds--spacious, 1.54px) var(--eds--comfortable, 1.32px);
- --eds-typography-header-md-font-weight-lighter: var(--eds--spacious, 300) var(--eds--comfortable, 300);
- --eds-typography-header-md-font-weight-normal: var(--eds--spacious, 400) var(--eds--comfortable, 400);
- --eds-typography-header-md-font-weight-bolder: var(--eds--spacious, 500) var(--eds--comfortable, 500);
- --eds-typography-header-md-lineheight-default: var(--eds--spacious, 1.25rem) var(--eds--comfortable, 1rem);
- --eds-typography-header-md-lineheight-squished: var(--eds--spacious, 1rem) var(--eds--comfortable, .75rem);
- --eds-typography-header-lg-font-size: var(--eds--spacious, 1.125rem) var(--eds--comfortable, 1rem);
- --eds-typography-header-lg-tracking-tight: var(--eds--spacious, -1.76px) var(--eds--comfortable, -1.54px);
- --eds-typography-header-lg-tracking-normal: var(--eds--spacious, 0px) var(--eds--comfortable, 0px);
- --eds-typography-header-lg-tracking-loose: var(--eds--spacious, 1.76px) var(--eds--comfortable, 1.54px);
- --eds-typography-header-lg-font-weight-lighter: var(--eds--spacious, 300) var(--eds--comfortable, 300);
- --eds-typography-header-lg-font-weight-normal: var(--eds--spacious, 400) var(--eds--comfortable, 400);
- --eds-typography-header-lg-font-weight-bolder: var(--eds--spacious, 500) var(--eds--comfortable, 500);
- --eds-typography-header-lg-lineheight-default: var(--eds--spacious, 1.5rem) var(--eds--comfortable, 1.25rem);
- --eds-typography-header-lg-lineheight-squished: var(--eds--spacious, 1.25rem) var(--eds--comfortable, 1rem);
- --eds-typography-header-xl-font-size: var(--eds--spacious, 1.313rem) var(--eds--comfortable, 1.125rem);
- --eds-typography-header-xl-tracking-tight: var(--eds--spacious, -1.76px) var(--eds--comfortable, -1.76px);
- --eds-typography-header-xl-tracking-normal: var(--eds--spacious, 0px) var(--eds--comfortable, 0px);
- --eds-typography-header-xl-tracking-loose: var(--eds--spacious, 2.035px) var(--eds--comfortable, 1.76px);
- --eds-typography-header-xl-font-weight-lighter: var(--eds--spacious, 300) var(--eds--comfortable, 300);
- --eds-typography-header-xl-font-weight-normal: var(--eds--spacious, 400) var(--eds--comfortable, 400);
- --eds-typography-header-xl-font-weight-bolder: var(--eds--spacious, 500) var(--eds--comfortable, 500);
- --eds-typography-header-xl-lineheight-default: var(--eds--spacious, 1.5rem) var(--eds--comfortable, 1.5rem);
- --eds-typography-header-xl-lineheight-squished: var(--eds--spacious, 1.25rem) var(--eds--comfortable, 1.25rem);
- --eds-typography-header-2xl-font-size: var(--eds--spacious, 1.5rem) var(--eds--comfortable, 1.313rem);
- --eds-typography-header-2xl-tracking-tight: var(--eds--spacious, -2.31px) var(--eds--comfortable, -1.76px);
- --eds-typography-header-2xl-tracking-normal: var(--eds--spacious, 0px) var(--eds--comfortable, 0px);
- --eds-typography-header-2xl-tracking-loose: var(--eds--spacious, 2.31px) var(--eds--comfortable, 2.035px);
- --eds-typography-header-2xl-font-weight-lighter: var(--eds--spacious, 300) var(--eds--comfortable, 300);
- --eds-typography-header-2xl-font-weight-normal: var(--eds--spacious, 400) var(--eds--comfortable, 400);
- --eds-typography-header-2xl-font-weight-bolder: var(--eds--spacious, 500) var(--eds--comfortable, 500);
- --eds-typography-header-2xl-lineheight-default: var(--eds--spacious, 1.75rem) var(--eds--comfortable, 1.5rem);
- --eds-typography-header-2xl-lineheight-squished: var(--eds--spacious, 1.5rem) var(--eds--comfortable, 1.25rem);
- --eds-typography-header-3xl-font-size: var(--eds--spacious, 1.719rem) var(--eds--comfortable, 1.5rem);
- --eds-typography-header-3xl-tracking-tight: var(--eds--spacious, -2.695px) var(--eds--comfortable, -2.31px);
- --eds-typography-header-3xl-tracking-normal: var(--eds--spacious, 0px) var(--eds--comfortable, 0px);
- --eds-typography-header-3xl-tracking-loose: var(--eds--spacious, 2.695px) var(--eds--comfortable, 2.31px);
- --eds-typography-header-3xl-font-weight-lighter: var(--eds--spacious, 300) var(--eds--comfortable, 300);
- --eds-typography-header-3xl-font-weight-normal: var(--eds--spacious, 400) var(--eds--comfortable, 400);
- --eds-typography-header-3xl-font-weight-bolder: var(--eds--spacious, 500) var(--eds--comfortable, 500);
- --eds-typography-header-3xl-lineheight-default: var(--eds--spacious, 2rem) var(--eds--comfortable, 1.75rem);
- --eds-typography-header-3xl-lineheight-squished: var(--eds--spacious, 1.75rem) var(--eds--comfortable, 1.5rem);
- --eds-typography-header-4xl-font-size: var(--eds--spacious, 1.969rem) var(--eds--comfortable, 1.719rem);
- --eds-typography-header-4xl-tracking-tight: var(--eds--spacious, -3.08px) var(--eds--comfortable, -2.695px);
- --eds-typography-header-4xl-tracking-normal: var(--eds--spacious, 0px) var(--eds--comfortable, 0px);
- --eds-typography-header-4xl-tracking-loose: var(--eds--spacious, 3.08px) var(--eds--comfortable, 2.695px);
- --eds-typography-header-4xl-font-weight-lighter: var(--eds--spacious, 300) var(--eds--comfortable, 300);
- --eds-typography-header-4xl-font-weight-normal: var(--eds--spacious, 400) var(--eds--comfortable, 400);
- --eds-typography-header-4xl-font-weight-bolder: var(--eds--spacious, 500) var(--eds--comfortable, 500);
- --eds-typography-header-4xl-lineheight-default: var(--eds--spacious, 2rem) var(--eds--comfortable, 2rem);
- --eds-typography-header-4xl-lineheight-squished: var(--eds--spacious, 1.75rem) var(--eds--comfortable, 1.75rem);
- --eds-typography-header-5xl-font-size: var(--eds--spacious, 2.281rem) var(--eds--comfortable, 1.969rem);
- --eds-typography-header-5xl-tracking-tight: var(--eds--spacious, -3.52px) var(--eds--comfortable, -3.08px);
- --eds-typography-header-5xl-tracking-normal: var(--eds--spacious, 0px) var(--eds--comfortable, 0px);
- --eds-typography-header-5xl-tracking-loose: var(--eds--spacious, 3.52px) var(--eds--comfortable, 3.08px);
- --eds-typography-header-5xl-font-weight-lighter: var(--eds--spacious, 300) var(--eds--comfortable, 300);
- --eds-typography-header-5xl-font-weight-normal: var(--eds--spacious, 400) var(--eds--comfortable, 400);
- --eds-typography-header-5xl-font-weight-bolder: var(--eds--spacious, 500) var(--eds--comfortable, 500);
- --eds-typography-header-5xl-lineheight-default: var(--eds--spacious, 2.25rem) var(--eds--comfortable, 2rem);
- --eds-typography-header-5xl-lineheight-squished: var(--eds--spacious, 2rem) var(--eds--comfortable, 1.75rem);
- --eds-typography-header-6xl-font-size: var(--eds--spacious, 2.625rem) var(--eds--comfortable, 2.281rem);
- --eds-typography-header-6xl-tracking-tight: var(--eds--spacious, -4.07px) var(--eds--comfortable, -3.52px);
- --eds-typography-header-6xl-tracking-normal: var(--eds--spacious, 0px) var(--eds--comfortable, 0px);
- --eds-typography-header-6xl-tracking-loose: var(--eds--spacious, 4.07px) var(--eds--comfortable, 3.52px);
- --eds-typography-header-6xl-font-weight-lighter: var(--eds--spacious, 300) var(--eds--comfortable, 300);
- --eds-typography-header-6xl-font-weight-normal: var(--eds--spacious, 400) var(--eds--comfortable, 400);
- --eds-typography-header-6xl-font-weight-bolder: var(--eds--spacious, 500) var(--eds--comfortable, 500);
- --eds-typography-header-6xl-lineheight-default: var(--eds--spacious, 2.5rem) var(--eds--comfortable, 2.25rem);
- --eds-typography-header-6xl-lineheight-squished: var(--eds--spacious, 2.25rem) var(--eds--comfortable, 2rem);
-}
diff --git a/packages/eds-tokens/build/css/variables-dynamic.min.css b/packages/eds-tokens/build/css/variables-dynamic.min.css
deleted file mode 100644
index 63f4d26423..0000000000
--- a/packages/eds-tokens/build/css/variables-dynamic.min.css
+++ /dev/null
@@ -1 +0,0 @@
-:root,[data-color-scheme=light]{color-scheme:light}[data-color-scheme=dark]{color-scheme:dark}:root{--eds-color-bg-floating:light-dark(#fff,#202223);--eds-color-bg-backdrop:light-dark(#aeaeae,#738696);--eds-color-bg-input:light-dark(#f5f5f5,#0b0b0b);--eds-color-border-focus:light-dark(#6fb6e9,#2d8bc5);--eds-color-text-link:light-dark(#121e27,#ecffff);--eds-color-accent-1:light-dark(#eaf8fa,#0a0b0b);--eds-color-accent-2:light-dark(#f6ffff,#1e2323);--eds-color-accent-3:light-dark(#c5e1e4,#3c6266);--eds-color-accent-4:light-dark(#b1d6da,#3e7378);--eds-color-accent-5:light-dark(#97c8cd,#41878e);--eds-color-accent-6:light-dark(#bbdbdf,#3c6266);--eds-color-accent-7:light-dark(#7cbac1,#439199);--eds-color-accent-8:light-dark(#21767e,#6ec0c9);--eds-color-accent-9:light-dark(#206f77,#8cd2da);--eds-color-accent-10:light-dark(#205c62,#ace3e9);--eds-color-accent-11:light-dark(#20565c,#c7f1f6);--eds-color-accent-12:light-dark(#1f6369,#bcebf1);--eds-color-accent-13:light-dark(#141f20,#e6ffff);--eds-color-accent-14:light-dark(#cae4e7,#2c3839);--eds-color-accent-15:light-dark(#fff,#030303);--eds-color-neutral-1:light-dark(#f5f5f5,#0b0b0b);--eds-color-neutral-2:light-dark(#fff,#202223);--eds-color-neutral-3:light-dark(#dbdbdb,#525c65);--eds-color-neutral-4:light-dark(#cecece,#5d6b76);--eds-color-neutral-5:light-dark(#bebebe,#6b7d8b);--eds-color-neutral-6:light-dark(#d4d4d4,#525c65);--eds-color-neutral-7:light-dark(#aeaeae,#738696);--eds-color-neutral-8:light-dark(#696969,#9fb4c6);--eds-color-neutral-9:light-dark(#636363,#b4c7d7);--eds-color-neutral-10:light-dark(#525252,#cadae7);--eds-color-neutral-11:light-dark(#4d4d4d,#deeaf4);--eds-color-neutral-12:light-dark(#585858,#d6e3ee);--eds-color-neutral-13:light-dark(#1d1d1d,#f5fdff);--eds-color-neutral-14:light-dark(#dedede,#333639);--eds-color-neutral-15:light-dark(#fff,#030303);--eds-color-info-1:light-dark(#e7f8ff,#0a0b0c);--eds-color-info-2:light-dark(#f4ffff,#1d2226);--eds-color-info-3:light-dark(#c0e0f8,#33607e);--eds-color-info-4:light-dark(#aad4f3,#316f98);--eds-color-info-5:light-dark(#8dc5ee,#2e82b7);--eds-color-info-6:light-dark(#b5daf5,#33607e);--eds-color-info-7:light-dark(#6fb6e9,#2d8bc5);--eds-color-info-8:light-dark(#0070a9,#5abbfb);--eds-color-info-9:light-dark(#006aa0,#7dceff);--eds-color-info-10:light-dark(#085883,#a2e0ff);--eds-color-info-11:light-dark(#0e5279,#c4eeff);--eds-color-info-12:light-dark(#015e8d,#b7e8ff);--eds-color-info-13:light-dark(#121e27,#ecffff);--eds-color-info-14:light-dark(#c5e3f9,#2a3741);--eds-color-info-15:light-dark(#fff,#030304);--eds-color-success-1:light-dark(#eafbe8,#0a0c0a);--eds-color-success-2:light-dark(#f6fff5,#1e231e);--eds-color-success-3:light-dark(#c5e5c2,#3c673a);--eds-color-success-4:light-dark(#b1dbae,#3e793c);--eds-color-success-5:light-dark(#97cf93,#418e3e);--eds-color-success-6:light-dark(#bbe0b8,#3c673a);--eds-color-success-7:light-dark(#7cc278,#439941);--eds-color-success-8:light-dark(#227e22,#6eca6a);--eds-color-success-9:light-dark(#207720,#8cdb87);--eds-color-success-10:light-dark(#20621f,#aceba8);--eds-color-success-11:light-dark(#215c1f,#c7f7c3);--eds-color-success-12:light-dark(#20691f,#bcf2b8);--eds-color-success-13:light-dark(#142114,#e6ffe3);--eds-color-success-14:light-dark(#cae8c7,#2c392b);--eds-color-success-15:light-dark(#fff,#030303);--eds-color-warning-1:light-dark(#fff1e2,#0c0b0a);--eds-color-warning-2:light-dark(#fffcf0,#27201b);--eds-color-warning-3:light-dark(#f9d2b6,#7e4e25);--eds-color-warning-4:light-dark(#f4c29d,#97571b);--eds-color-warning-5:light-dark(#eeae7c,#b46201);--eds-color-warning-6:light-dark(#f6caaa,#7e4e25);--eds-color-warning-7:light-dark(#e89959,#c36800);--eds-color-warning-8:light-dark(#a34e00,#f99539);--eds-color-warning-9:light-dark(#9b4900,#ffad63);--eds-color-warning-10:light-dark(#813e00,#ffc791);--eds-color-warning-11:light-dark(#773a00,#ffddb9);--eds-color-warning-12:light-dark(#8a4100,#ffd4aa);--eds-color-warning-13:light-dark(#27190e,#fff7e6);--eds-color-warning-14:light-dark(#fad6bc,#413226);--eds-color-warning-15:light-dark(#fff,#040303);--eds-color-danger-1:light-dark(#ffecea,#0d0a0a);--eds-color-danger-2:light-dark(#fff9f8,#2a1e1e);--eds-color-danger-3:light-dark(#ffc6c4,#923a3c);--eds-color-danger-4:light-dark(#ffb2b0,#b03940);--eds-color-danger-5:light-dark(#ff9897,#d43745);--eds-color-danger-6:light-dark(#ffbcba,#923a3c);--eds-color-danger-7:light-dark(#ff7a7d,#e53748);--eds-color-danger-8:light-dark(#c6002d,#ff8082);--eds-color-danger-9:light-dark(#bc002a,#ffa3a1);--eds-color-danger-10:light-dark(#9a1026,#ffc1bf);--eds-color-danger-11:light-dark(#8e1525,#ffd9d7);--eds-color-danger-12:light-dark(#a50827,#ffd0ce);--eds-color-danger-13:light-dark(#2e1414,#fff5f4);--eds-color-danger-14:light-dark(#ffcbc9,#492d2c);--eds-color-danger-15:light-dark(#fff,#040303)}:root,[data-color-appearance=neutral]{--eds-color-bg-fill-muted-default:var(--eds-color-neutral-3);--eds-color-bg-fill-muted-hover:var(--eds-color-neutral-4);--eds-color-bg-fill-muted-active:var(--eds-color-neutral-5);--eds-color-bg-fill-emphasis-default:var(--eds-color-neutral-9);--eds-color-bg-fill-emphasis-hover:var(--eds-color-neutral-10);--eds-color-bg-fill-emphasis-active:var(--eds-color-neutral-11);--eds-color-bg-canvas:var(--eds-color-neutral-1);--eds-color-bg-surface:var(--eds-color-neutral-2);--eds-color-border-subtle:var(--eds-color-neutral-6);--eds-color-border-medium:var(--eds-color-neutral-7);--eds-color-border-strong:var(--eds-color-neutral-8);--eds-color-text-subtle:var(--eds-color-neutral-12);--eds-color-text-strong:var(--eds-color-neutral-13);--eds-color-text-subtle-on-emphasis:var(--eds-color-neutral-14);--eds-color-text-strong-on-emphasis:var(--eds-color-neutral-15)}[data-color-appearance=accent]{--eds-color-bg-fill-muted-default:var(--eds-color-accent-3);--eds-color-bg-fill-muted-hover:var(--eds-color-accent-4);--eds-color-bg-fill-muted-active:var(--eds-color-accent-5);--eds-color-bg-fill-emphasis-default:var(--eds-color-accent-9);--eds-color-bg-fill-emphasis-hover:var(--eds-color-accent-10);--eds-color-bg-fill-emphasis-active:var(--eds-color-accent-11);--eds-color-bg-canvas:var(--eds-color-accent-1);--eds-color-bg-surface:var(--eds-color-accent-2);--eds-color-border-subtle:var(--eds-color-accent-6);--eds-color-border-medium:var(--eds-color-accent-7);--eds-color-border-strong:var(--eds-color-accent-8);--eds-color-text-subtle:var(--eds-color-accent-12);--eds-color-text-strong:var(--eds-color-accent-13);--eds-color-text-subtle-on-emphasis:var(--eds-color-accent-14);--eds-color-text-strong-on-emphasis:var(--eds-color-accent-15)}[data-color-appearance=danger]{--eds-color-bg-fill-muted-default:var(--eds-color-danger-3);--eds-color-bg-fill-muted-hover:var(--eds-color-danger-4);--eds-color-bg-fill-muted-active:var(--eds-color-danger-5);--eds-color-bg-fill-emphasis-default:var(--eds-color-danger-9);--eds-color-bg-fill-emphasis-hover:var(--eds-color-danger-10);--eds-color-bg-fill-emphasis-active:var(--eds-color-danger-11);--eds-color-bg-canvas:var(--eds-color-danger-1);--eds-color-bg-surface:var(--eds-color-danger-2);--eds-color-border-subtle:var(--eds-color-danger-6);--eds-color-border-medium:var(--eds-color-danger-7);--eds-color-border-strong:var(--eds-color-danger-8);--eds-color-text-subtle:var(--eds-color-danger-12);--eds-color-text-strong:var(--eds-color-danger-13);--eds-color-text-subtle-on-emphasis:var(--eds-color-danger-14);--eds-color-text-strong-on-emphasis:var(--eds-color-danger-15)}[data-color-appearance=info]{--eds-color-bg-fill-muted-default:var(--eds-color-info-3);--eds-color-bg-fill-muted-hover:var(--eds-color-info-4);--eds-color-bg-fill-muted-active:var(--eds-color-info-5);--eds-color-bg-fill-emphasis-default:var(--eds-color-info-9);--eds-color-bg-fill-emphasis-hover:var(--eds-color-info-10);--eds-color-bg-fill-emphasis-active:var(--eds-color-info-11);--eds-color-bg-canvas:var(--eds-color-info-1);--eds-color-bg-surface:var(--eds-color-info-2);--eds-color-border-subtle:var(--eds-color-info-6);--eds-color-border-medium:var(--eds-color-info-7);--eds-color-border-strong:var(--eds-color-info-8);--eds-color-text-subtle:var(--eds-color-info-12);--eds-color-text-strong:var(--eds-color-info-13);--eds-color-text-subtle-on-emphasis:var(--eds-color-info-14);--eds-color-text-strong-on-emphasis:var(--eds-color-info-15)}[data-color-appearance=success]{--eds-color-bg-fill-muted-default:var(--eds-color-success-3);--eds-color-bg-fill-muted-hover:var(--eds-color-success-4);--eds-color-bg-fill-muted-active:var(--eds-color-success-5);--eds-color-bg-fill-emphasis-default:var(--eds-color-success-9);--eds-color-bg-fill-emphasis-hover:var(--eds-color-success-10);--eds-color-bg-fill-emphasis-active:var(--eds-color-success-11);--eds-color-bg-canvas:var(--eds-color-success-1);--eds-color-bg-surface:var(--eds-color-success-2);--eds-color-border-subtle:var(--eds-color-success-6);--eds-color-border-medium:var(--eds-color-success-7);--eds-color-border-strong:var(--eds-color-success-8);--eds-color-text-subtle:var(--eds-color-success-12);--eds-color-text-strong:var(--eds-color-success-13);--eds-color-text-subtle-on-emphasis:var(--eds-color-success-14);--eds-color-text-strong-on-emphasis:var(--eds-color-success-15)}[data-color-appearance=warning]{--eds-color-bg-fill-muted-default:var(--eds-color-warning-3);--eds-color-bg-fill-muted-hover:var(--eds-color-warning-4);--eds-color-bg-fill-muted-active:var(--eds-color-warning-5);--eds-color-bg-fill-emphasis-default:var(--eds-color-warning-9);--eds-color-bg-fill-emphasis-hover:var(--eds-color-warning-10);--eds-color-bg-fill-emphasis-active:var(--eds-color-warning-11);--eds-color-bg-canvas:var(--eds-color-warning-1);--eds-color-bg-surface:var(--eds-color-warning-2);--eds-color-border-subtle:var(--eds-color-warning-6);--eds-color-border-medium:var(--eds-color-warning-7);--eds-color-border-strong:var(--eds-color-warning-8);--eds-color-text-subtle:var(--eds-color-warning-12);--eds-color-text-strong:var(--eds-color-warning-13);--eds-color-text-subtle-on-emphasis:var(--eds-color-warning-14);--eds-color-text-strong-on-emphasis:var(--eds-color-warning-15)}@property --captured-size-1{syntax:"";inherits:false;initial-value:0}@property --captured-size-2{syntax:"";inherits:false;initial-value:0}@property --captured-size-3{syntax:"";inherits:false;initial-value:0}@property --captured-color-1{syntax:"";inherits:false;initial-value:#0000}@property --captured-color-2{syntax:"";inherits:false;initial-value:#0000}@property --captured-color-3{syntax:"";inherits:false;initial-value:#0000}@property --captured-color-4{syntax:"";inherits:false;initial-value:#0000}:root,[data-density]{--density:var(--eds--spacious);--eds--comfortable:var(--density, );--eds--spacious:var(--density, )}[data-density=comfortable]{--density:var(--eds--comfortable)}[data-density=spacious]{--density:var(--eds--spacious)}:root,[data-density]{--eds-spacing-icon-xs-gap-horizontal:var(--eds--spacious,.406rem)var(--eds--comfortable,.344rem);--eds-spacing-icon-xs-gap-vertical:var(--eds--spacious,.406rem)var(--eds--comfortable,.344rem);--eds-spacing-icon-sm-gap-horizontal:var(--eds--spacious,.469rem)var(--eds--comfortable,.406rem);--eds-spacing-icon-sm-gap-vertical:var(--eds--spacious,.469rem)var(--eds--comfortable,.406rem);--eds-spacing-icon-md-gap-horizontal:var(--eds--spacious,.531rem)var(--eds--comfortable,.469rem);--eds-spacing-icon-md-gap-vertical:var(--eds--spacious,.531rem)var(--eds--comfortable,.469rem);--eds-spacing-icon-lg-gap-horizontal:var(--eds--spacious,.625rem)var(--eds--comfortable,.531rem);--eds-spacing-icon-lg-gap-vertical:var(--eds--spacious,.625rem)var(--eds--comfortable,.531rem);--eds-spacing-icon-xl-gap-horizontal:var(--eds--spacious,.719rem)var(--eds--comfortable,.625rem);--eds-spacing-icon-xl-gap-vertical:var(--eds--spacious,.719rem)var(--eds--comfortable,.625rem);--eds-spacing-icon-2xl-gap-horizontal:var(--eds--spacious,.813rem)var(--eds--comfortable,.719rem);--eds-spacing-icon-2xl-gap-vertical:var(--eds--spacious,.813rem)var(--eds--comfortable,.719rem);--eds-spacing-icon-3xl-gap-horizontal:var(--eds--spacious,.938rem)var(--eds--comfortable,.813rem);--eds-spacing-icon-3xl-gap-vertical:var(--eds--spacious,.938rem)var(--eds--comfortable,.813rem);--eds-spacing-icon-4xl-gap-horizontal:var(--eds--spacious,1.094rem)var(--eds--comfortable,.938rem);--eds-spacing-icon-4xl-gap-vertical:var(--eds--spacious,1.094rem)var(--eds--comfortable,.938rem);--eds-spacing-icon-5xl-gap-horizontal:var(--eds--spacious,1.25rem)var(--eds--comfortable,1.094rem);--eds-spacing-icon-5xl-gap-vertical:var(--eds--spacious,1.25rem)var(--eds--comfortable,1.094rem);--eds-spacing-icon-6xl-gap-horizontal:var(--eds--spacious,1.438rem)var(--eds--comfortable,1.25rem);--eds-spacing-icon-6xl-gap-vertical:var(--eds--spacious,1.438rem)var(--eds--comfortable,1.25rem);--eds-spacing-inline-4-xs:var(--eds--spacious,.125rem)var(--eds--comfortable,.063rem);--eds-spacing-inline-3-xs:var(--eds--spacious,.25rem)var(--eds--comfortable,.125rem);--eds-spacing-inline-2-xs:var(--eds--spacious,.375rem)var(--eds--comfortable,.25rem);--eds-spacing-inline-xs:var(--eds--spacious,.5rem)var(--eds--comfortable,.375rem);--eds-spacing-inline-sm:var(--eds--spacious,.75rem)var(--eds--comfortable,.5rem);--eds-spacing-inline-md:var(--eds--spacious,1rem)var(--eds--comfortable,.75rem);--eds-spacing-inline-lg:var(--eds--spacious,1.25rem)var(--eds--comfortable,1rem);--eds-spacing-inline-xl:var(--eds--spacious,1.5rem)var(--eds--comfortable,1.25rem);--eds-spacing-inline-2-xl:var(--eds--spacious,1.75rem)var(--eds--comfortable,1.5rem);--eds-spacing-inline-3-xl:var(--eds--spacious,2rem)var(--eds--comfortable,1.75rem);--eds-spacing-stack-4-xs:var(--eds--spacious,.125rem)var(--eds--comfortable,.063rem);--eds-spacing-stack-3-xs:var(--eds--spacious,.25rem)var(--eds--comfortable,.125rem);--eds-spacing-stack-2-xs:var(--eds--spacious,.375rem)var(--eds--comfortable,.25rem);--eds-spacing-stack-xs:var(--eds--spacious,.5rem)var(--eds--comfortable,.375rem);--eds-spacing-stack-sm:var(--eds--spacious,.75rem)var(--eds--comfortable,.5rem);--eds-spacing-stack-md:var(--eds--spacious,1rem)var(--eds--comfortable,.75rem);--eds-spacing-stack-lg:var(--eds--spacious,1.25rem)var(--eds--comfortable,1rem);--eds-spacing-stack-xl:var(--eds--spacious,1.5rem)var(--eds--comfortable,1.25rem);--eds-spacing-stack-2-xl:var(--eds--spacious,1.75rem)var(--eds--comfortable,1.5rem);--eds-spacing-stack-3-xl:var(--eds--spacious,2rem)var(--eds--comfortable,1.75rem);--eds-spacing-border-radius-rounded:var(--eds--spacious,.25rem)var(--eds--comfortable,.188rem);--eds-spacing-border-radius-pill:var(--eds--spacious,62.5rem)var(--eds--comfortable,62.5rem);--eds-spacing-border-radius-none:0rem;--eds-spacing-inset-xs-inline:var(--eds--spacious,.5rem)var(--eds--comfortable,.375rem);--eds-spacing-inset-xs-stack-squished:var(--eds--spacious,.375rem)var(--eds--comfortable,.25rem);--eds-spacing-inset-xs-stack-squared:var(--eds--spacious,.5rem)var(--eds--comfortable,.375rem);--eds-spacing-inset-xs-stack-stretched:var(--eds--spacious,.75rem)var(--eds--comfortable,.5rem);--eds-spacing-inset-sm-inline:var(--eds--spacious,.75rem)var(--eds--comfortable,.5rem);--eds-spacing-inset-sm-stack-squished:var(--eds--spacious,.5rem)var(--eds--comfortable,.375rem);--eds-spacing-inset-sm-stack-squared:var(--eds--spacious,.75rem)var(--eds--comfortable,.5rem);--eds-spacing-inset-sm-stack-stretched:var(--eds--spacious,1rem)var(--eds--comfortable,.75rem);--eds-spacing-inset-md-inline:var(--eds--spacious,1rem)var(--eds--comfortable,.75rem);--eds-spacing-inset-md-stack-squished:var(--eds--spacious,.75rem)var(--eds--comfortable,.5rem);--eds-spacing-inset-md-stack-squared:var(--eds--spacious,1rem)var(--eds--comfortable,.75rem);--eds-spacing-inset-md-stack-stretched:var(--eds--spacious,1.25rem)var(--eds--comfortable,1rem);--eds-spacing-inset-lg-inline:var(--eds--spacious,1.25rem)var(--eds--comfortable,1rem);--eds-spacing-inset-lg-stack-squished:var(--eds--spacious,1rem)var(--eds--comfortable,.75rem);--eds-spacing-inset-lg-stack-squared:var(--eds--spacious,1.25rem)var(--eds--comfortable,1rem);--eds-spacing-inset-lg-stack-stretched:var(--eds--spacious,1.5rem)var(--eds--comfortable,1.25rem);--eds-spacing-inset-xl-inline:var(--eds--spacious,1.5rem)var(--eds--comfortable,1.25rem);--eds-spacing-inset-xl-stack-squished:var(--eds--spacious,1.25rem)var(--eds--comfortable,1rem);--eds-spacing-inset-xl-stack-squared:var(--eds--spacious,1.5rem)var(--eds--comfortable,1.25rem);--eds-spacing-inset-xl-stack-stretched:var(--eds--spacious,1.75rem)var(--eds--comfortable,1.5rem);--eds-sizing-icon-xs:var(--eds--spacious,1rem)var(--eds--comfortable,.875rem);--eds-sizing-icon-sm:var(--eds--spacious,1.125rem)var(--eds--comfortable,1rem);--eds-sizing-icon-md:var(--eds--spacious,1.25rem)var(--eds--comfortable,1.125rem);--eds-sizing-icon-lg:var(--eds--spacious,1.5rem)var(--eds--comfortable,1.25rem);--eds-sizing-icon-xl:var(--eds--spacious,1.75rem)var(--eds--comfortable,1.5rem);--eds-sizing-icon-2xl:var(--eds--spacious,2rem)var(--eds--comfortable,1.75rem);--eds-sizing-icon-3xl:var(--eds--spacious,2.313rem)var(--eds--comfortable,2rem);--eds-sizing-icon-4xl:var(--eds--spacious,2.625rem)var(--eds--comfortable,2.313rem);--eds-sizing-icon-5xl:var(--eds--spacious,3rem)var(--eds--comfortable,2.625rem);--eds-sizing-icon-6xl:var(--eds--spacious,3.5rem)var(--eds--comfortable,3rem);--eds-sizing-selectable-xs:var(--eds--spacious,1.25rem)var(--eds--comfortable,1rem);--eds-sizing-selectable-sm:var(--eds--spacious,1.5rem)var(--eds--comfortable,1.25rem);--eds-sizing-selectable-md:var(--eds--spacious,2.25rem)var(--eds--comfortable,1.5rem);--eds-sizing-selectable-lg:var(--eds--spacious,2.75rem)var(--eds--comfortable,2.25rem);--eds-sizing-selectable-xl:var(--eds--spacious,3.25rem)var(--eds--comfortable,2.75rem);--eds-sizing-selectable-2xl:var(--eds--spacious,3.75rem)var(--eds--comfortable,3.25rem);--eds-sizing-stroke-thin:var(--eds--spacious,.063rem)var(--eds--comfortable,.063rem);--eds-sizing-stroke-thick:var(--eds--spacious,.125rem)var(--eds--comfortable,.125rem);--eds-sizing-stroke-none:0rem;--eds-typography-ui-body-xs-font-size:var(--eds--spacious,.656rem)var(--eds--comfortable,.563rem);--eds-typography-ui-body-xs-tracking-tight:var(--eds--spacious,-1.15px)var(--eds--comfortable,-.99px);--eds-typography-ui-body-xs-tracking-normal:var(--eds--spacious,0px)var(--eds--comfortable,0px);--eds-typography-ui-body-xs-tracking-loose:var(--eds--spacious,1.15px)var(--eds--comfortable,.99px);--eds-typography-ui-body-xs-font-weight-lighter:var(--eds--spacious,300)var(--eds--comfortable,300);--eds-typography-ui-body-xs-font-weight-normal:var(--eds--spacious,400)var(--eds--comfortable,400);--eds-typography-ui-body-xs-font-weight-bolder:var(--eds--spacious,500)var(--eds--comfortable,500);--eds-typography-ui-body-xs-lineheight-default:var(--eds--spacious,1rem)var(--eds--comfortable,.75rem);--eds-typography-ui-body-xs-lineheight-squished:var(--eds--spacious,.75rem)var(--eds--comfortable,.75rem);--eds-typography-ui-body-sm-font-size:var(--eds--spacious,.75rem)var(--eds--comfortable,.656rem);--eds-typography-ui-body-sm-tracking-tight:var(--eds--spacious,-1.32px)var(--eds--comfortable,-1.15px);--eds-typography-ui-body-sm-tracking-normal:var(--eds--spacious,0px)var(--eds--comfortable,0px);--eds-typography-ui-body-sm-tracking-loose:var(--eds--spacious,1.32px)var(--eds--comfortable,1.15px);--eds-typography-ui-body-sm-font-weight-lighter:var(--eds--spacious,300)var(--eds--comfortable,300);--eds-typography-ui-body-sm-font-weight-normal:var(--eds--spacious,400)var(--eds--comfortable,400);--eds-typography-ui-body-sm-font-weight-bolder:var(--eds--spacious,500)var(--eds--comfortable,500);--eds-typography-ui-body-sm-lineheight-default:var(--eds--spacious,1rem)var(--eds--comfortable,1rem);--eds-typography-ui-body-sm-lineheight-squished:var(--eds--spacious,.75rem)var(--eds--comfortable,.75rem);--eds-typography-ui-body-font-family:"Inter";--eds-typography-ui-body-md-font-size:var(--eds--spacious,.875rem)var(--eds--comfortable,.75rem);--eds-typography-ui-body-md-tracking-tight:var(--eds--spacious,-1.54px)var(--eds--comfortable,-1.32px);--eds-typography-ui-body-md-tracking-normal:var(--eds--spacious,0px)var(--eds--comfortable,0px);--eds-typography-ui-body-md-tracking-loose:var(--eds--spacious,1.54px)var(--eds--comfortable,1.32px);--eds-typography-ui-body-md-font-weight-lighter:var(--eds--spacious,300)var(--eds--comfortable,300);--eds-typography-ui-body-md-font-weight-normal:var(--eds--spacious,400)var(--eds--comfortable,400);--eds-typography-ui-body-md-font-weight-bolder:var(--eds--spacious,500)var(--eds--comfortable,500);--eds-typography-ui-body-md-lineheight-default:var(--eds--spacious,1.25rem)var(--eds--comfortable,1rem);--eds-typography-ui-body-md-lineheight-squished:var(--eds--spacious,1rem)var(--eds--comfortable,.75rem);--eds-typography-ui-body-lg-font-size:var(--eds--spacious,1rem)var(--eds--comfortable,.875rem);--eds-typography-ui-body-lg-tracking-tight:var(--eds--spacious,-1.76px)var(--eds--comfortable,-1.54px);--eds-typography-ui-body-lg-tracking-normal:var(--eds--spacious,0px)var(--eds--comfortable,0px);--eds-typography-ui-body-lg-tracking-loose:var(--eds--spacious,1.76px)var(--eds--comfortable,1.54px);--eds-typography-ui-body-lg-font-weight-lighter:var(--eds--spacious,300)var(--eds--comfortable,300);--eds-typography-ui-body-lg-font-weight-normal:var(--eds--spacious,400)var(--eds--comfortable,400);--eds-typography-ui-body-lg-font-weight-bolder:var(--eds--spacious,500)var(--eds--comfortable,500);--eds-typography-ui-body-lg-lineheight-default:var(--eds--spacious,1.5rem)var(--eds--comfortable,1.25rem);--eds-typography-ui-body-lg-lineheight-squished:var(--eds--spacious,1.25rem)var(--eds--comfortable,1rem);--eds-typography-ui-body-xl-font-size:var(--eds--spacious,1.156rem)var(--eds--comfortable,1rem);--eds-typography-ui-body-xl-tracking-tight:var(--eds--spacious,-1.76px)var(--eds--comfortable,-1.76px);--eds-typography-ui-body-xl-tracking-normal:var(--eds--spacious,0px)var(--eds--comfortable,0px);--eds-typography-ui-body-xl-tracking-loose:var(--eds--spacious,2.035px)var(--eds--comfortable,1.76px);--eds-typography-ui-body-xl-font-weight-lighter:var(--eds--spacious,300)var(--eds--comfortable,300);--eds-typography-ui-body-xl-font-weight-normal:var(--eds--spacious,400)var(--eds--comfortable,400);--eds-typography-ui-body-xl-font-weight-bolder:var(--eds--spacious,500)var(--eds--comfortable,500);--eds-typography-ui-body-xl-lineheight-default:var(--eds--spacious,1.5rem)var(--eds--comfortable,1.5rem);--eds-typography-ui-body-xl-lineheight-squished:var(--eds--spacious,1.25rem)var(--eds--comfortable,1.25rem);--eds-typography-ui-body-2xl-font-size:var(--eds--spacious,1.313rem)var(--eds--comfortable,1.156rem);--eds-typography-ui-body-2xl-tracking-tight:var(--eds--spacious,-2.31px)var(--eds--comfortable,-1.76px);--eds-typography-ui-body-2xl-tracking-normal:var(--eds--spacious,0px)var(--eds--comfortable,0px);--eds-typography-ui-body-2xl-tracking-loose:var(--eds--spacious,2.31px)var(--eds--comfortable,2.035px);--eds-typography-ui-body-2xl-font-weight-lighter:var(--eds--spacious,300)var(--eds--comfortable,300);--eds-typography-ui-body-2xl-font-weight-normal:var(--eds--spacious,400)var(--eds--comfortable,400);--eds-typography-ui-body-2xl-font-weight-bolder:var(--eds--spacious,500)var(--eds--comfortable,500);--eds-typography-ui-body-2xl-lineheight-default:var(--eds--spacious,1.75rem)var(--eds--comfortable,1.5rem);--eds-typography-ui-body-2xl-lineheight-squished:var(--eds--spacious,1.5rem)var(--eds--comfortable,1.25rem);--eds-typography-ui-body-3xl-font-size:var(--eds--spacious,1.531rem)var(--eds--comfortable,1.313rem);--eds-typography-ui-body-3xl-tracking-tight:var(--eds--spacious,-2.695px)var(--eds--comfortable,-2.31px);--eds-typography-ui-body-3xl-tracking-normal:var(--eds--spacious,0px)var(--eds--comfortable,0px);--eds-typography-ui-body-3xl-tracking-loose:var(--eds--spacious,2.695px)var(--eds--comfortable,2.31px);--eds-typography-ui-body-3xl-font-weight-lighter:var(--eds--spacious,300)var(--eds--comfortable,300);--eds-typography-ui-body-3xl-font-weight-normal:var(--eds--spacious,400)var(--eds--comfortable,400);--eds-typography-ui-body-3xl-font-weight-bolder:var(--eds--spacious,500)var(--eds--comfortable,500);--eds-typography-ui-body-3xl-lineheight-default:var(--eds--spacious,2rem)var(--eds--comfortable,1.75rem);--eds-typography-ui-body-3xl-lineheight-squished:var(--eds--spacious,1.75rem)var(--eds--comfortable,1.5rem);--eds-typography-ui-body-4xl-font-size:var(--eds--spacious,1.75rem)var(--eds--comfortable,1.531rem);--eds-typography-ui-body-4xl-tracking-tight:var(--eds--spacious,-3.08px)var(--eds--comfortable,-2.695px);--eds-typography-ui-body-4xl-tracking-normal:var(--eds--spacious,0px)var(--eds--comfortable,0px);--eds-typography-ui-body-4xl-tracking-loose:var(--eds--spacious,3.08px)var(--eds--comfortable,2.695px);--eds-typography-ui-body-4xl-font-weight-lighter:var(--eds--spacious,300)var(--eds--comfortable,300);--eds-typography-ui-body-4xl-font-weight-normal:var(--eds--spacious,400)var(--eds--comfortable,400);--eds-typography-ui-body-4xl-font-weight-bolder:var(--eds--spacious,500)var(--eds--comfortable,500);--eds-typography-ui-body-4xl-lineheight-default:var(--eds--spacious,2rem)var(--eds--comfortable,2rem);--eds-typography-ui-body-4xl-lineheight-squished:var(--eds--spacious,1.75rem)var(--eds--comfortable,1.75rem);--eds-typography-ui-body-5xl-font-size:var(--eds--spacious,2rem)var(--eds--comfortable,1.75rem);--eds-typography-ui-body-5xl-tracking-tight:var(--eds--spacious,-3.52px)var(--eds--comfortable,-3.08px);--eds-typography-ui-body-5xl-tracking-normal:var(--eds--spacious,0px)var(--eds--comfortable,0px);--eds-typography-ui-body-5xl-tracking-loose:var(--eds--spacious,3.52px)var(--eds--comfortable,3.08px);--eds-typography-ui-body-5xl-font-weight-lighter:var(--eds--spacious,300)var(--eds--comfortable,300);--eds-typography-ui-body-5xl-font-weight-normal:var(--eds--spacious,400)var(--eds--comfortable,400);--eds-typography-ui-body-5xl-font-weight-bolder:var(--eds--spacious,500)var(--eds--comfortable,500);--eds-typography-ui-body-5xl-lineheight-default:var(--eds--spacious,2.25rem)var(--eds--comfortable,2rem);--eds-typography-ui-body-5xl-lineheight-squished:var(--eds--spacious,2rem)var(--eds--comfortable,1.75rem);--eds-typography-ui-body-6xl-font-size:var(--eds--spacious,2.313rem)var(--eds--comfortable,2rem);--eds-typography-ui-body-6xl-tracking-tight:var(--eds--spacious,-4.07px)var(--eds--comfortable,-3.52px);--eds-typography-ui-body-6xl-tracking-normal:var(--eds--spacious,0px)var(--eds--comfortable,0px);--eds-typography-ui-body-6xl-tracking-loose:var(--eds--spacious,4.07px)var(--eds--comfortable,3.52px);--eds-typography-ui-body-6xl-font-weight-lighter:var(--eds--spacious,300)var(--eds--comfortable,300);--eds-typography-ui-body-6xl-font-weight-normal:var(--eds--spacious,400)var(--eds--comfortable,0px);--eds-typography-ui-body-6xl-font-weight-bolder:var(--eds--spacious,500)var(--eds--comfortable,500);--eds-typography-ui-body-6xl-lineheight-default:var(--eds--spacious,2.5rem)var(--eds--comfortable,2.25rem);--eds-typography-ui-body-6xl-lineheight-squished:var(--eds--spacious,2.25rem)var(--eds--comfortable,2rem);--eds-typography-header-xs-font-size:var(--eds--spacious,.75rem)var(--eds--comfortable,.656rem);--eds-typography-header-xs-tracking-tight:var(--eds--spacious,-1.15px)var(--eds--comfortable,-.99px);--eds-typography-header-xs-tracking-normal:var(--eds--spacious,0px)var(--eds--comfortable,0px);--eds-typography-header-xs-tracking-loose:var(--eds--spacious,1.15px)var(--eds--comfortable,.99px);--eds-typography-header-xs-font-weight-lighter:var(--eds--spacious,300)var(--eds--comfortable,300);--eds-typography-header-xs-font-weight-normal:var(--eds--spacious,400)var(--eds--comfortable,400);--eds-typography-header-xs-font-weight-bolder:var(--eds--spacious,500)var(--eds--comfortable,500);--eds-typography-header-xs-lineheight-default:var(--eds--spacious,1rem)var(--eds--comfortable,.75rem);--eds-typography-header-xs-lineheight-squished:var(--eds--spacious,.75rem)var(--eds--comfortable,.75rem);--eds-typography-header-font-family:"Equinor";--eds-typography-header-sm-font-size:var(--eds--spacious,.875rem)var(--eds--comfortable,.75rem);--eds-typography-header-sm-tracking-tight:var(--eds--spacious,-1.32px)var(--eds--comfortable,-1.15px);--eds-typography-header-sm-tracking-normal:var(--eds--spacious,0px)var(--eds--comfortable,0px);--eds-typography-header-sm-tracking-loose:var(--eds--spacious,1.32px)var(--eds--comfortable,1.15px);--eds-typography-header-sm-font-weight-lighter:var(--eds--spacious,300)var(--eds--comfortable,300);--eds-typography-header-sm-font-weight-normal:var(--eds--spacious,400)var(--eds--comfortable,400);--eds-typography-header-sm-font-weight-bolder:var(--eds--spacious,500)var(--eds--comfortable,500);--eds-typography-header-sm-lineheight-default:var(--eds--spacious,1rem)var(--eds--comfortable,1rem);--eds-typography-header-sm-lineheight-squished:var(--eds--spacious,.75rem)var(--eds--comfortable,.75rem);--eds-typography-header-md-font-size:var(--eds--spacious,1rem)var(--eds--comfortable,.875rem);--eds-typography-header-md-tracking-tight:var(--eds--spacious,-1.54px)var(--eds--comfortable,-1.32px);--eds-typography-header-md-tracking-normal:var(--eds--spacious,0px)var(--eds--comfortable,0px);--eds-typography-header-md-tracking-loose:var(--eds--spacious,1.54px)var(--eds--comfortable,1.32px);--eds-typography-header-md-font-weight-lighter:var(--eds--spacious,300)var(--eds--comfortable,300);--eds-typography-header-md-font-weight-normal:var(--eds--spacious,400)var(--eds--comfortable,400);--eds-typography-header-md-font-weight-bolder:var(--eds--spacious,500)var(--eds--comfortable,500);--eds-typography-header-md-lineheight-default:var(--eds--spacious,1.25rem)var(--eds--comfortable,1rem);--eds-typography-header-md-lineheight-squished:var(--eds--spacious,1rem)var(--eds--comfortable,.75rem);--eds-typography-header-lg-font-size:var(--eds--spacious,1.125rem)var(--eds--comfortable,1rem);--eds-typography-header-lg-tracking-tight:var(--eds--spacious,-1.76px)var(--eds--comfortable,-1.54px);--eds-typography-header-lg-tracking-normal:var(--eds--spacious,0px)var(--eds--comfortable,0px);--eds-typography-header-lg-tracking-loose:var(--eds--spacious,1.76px)var(--eds--comfortable,1.54px);--eds-typography-header-lg-font-weight-lighter:var(--eds--spacious,300)var(--eds--comfortable,300);--eds-typography-header-lg-font-weight-normal:var(--eds--spacious,400)var(--eds--comfortable,400);--eds-typography-header-lg-font-weight-bolder:var(--eds--spacious,500)var(--eds--comfortable,500);--eds-typography-header-lg-lineheight-default:var(--eds--spacious,1.5rem)var(--eds--comfortable,1.25rem);--eds-typography-header-lg-lineheight-squished:var(--eds--spacious,1.25rem)var(--eds--comfortable,1rem);--eds-typography-header-xl-font-size:var(--eds--spacious,1.313rem)var(--eds--comfortable,1.125rem);--eds-typography-header-xl-tracking-tight:var(--eds--spacious,-1.76px)var(--eds--comfortable,-1.76px);--eds-typography-header-xl-tracking-normal:var(--eds--spacious,0px)var(--eds--comfortable,0px);--eds-typography-header-xl-tracking-loose:var(--eds--spacious,2.035px)var(--eds--comfortable,1.76px);--eds-typography-header-xl-font-weight-lighter:var(--eds--spacious,300)var(--eds--comfortable,300);--eds-typography-header-xl-font-weight-normal:var(--eds--spacious,400)var(--eds--comfortable,400);--eds-typography-header-xl-font-weight-bolder:var(--eds--spacious,500)var(--eds--comfortable,500);--eds-typography-header-xl-lineheight-default:var(--eds--spacious,1.5rem)var(--eds--comfortable,1.5rem);--eds-typography-header-xl-lineheight-squished:var(--eds--spacious,1.25rem)var(--eds--comfortable,1.25rem);--eds-typography-header-2xl-font-size:var(--eds--spacious,1.5rem)var(--eds--comfortable,1.313rem);--eds-typography-header-2xl-tracking-tight:var(--eds--spacious,-2.31px)var(--eds--comfortable,-1.76px);--eds-typography-header-2xl-tracking-normal:var(--eds--spacious,0px)var(--eds--comfortable,0px);--eds-typography-header-2xl-tracking-loose:var(--eds--spacious,2.31px)var(--eds--comfortable,2.035px);--eds-typography-header-2xl-font-weight-lighter:var(--eds--spacious,300)var(--eds--comfortable,300);--eds-typography-header-2xl-font-weight-normal:var(--eds--spacious,400)var(--eds--comfortable,400);--eds-typography-header-2xl-font-weight-bolder:var(--eds--spacious,500)var(--eds--comfortable,500);--eds-typography-header-2xl-lineheight-default:var(--eds--spacious,1.75rem)var(--eds--comfortable,1.5rem);--eds-typography-header-2xl-lineheight-squished:var(--eds--spacious,1.5rem)var(--eds--comfortable,1.25rem);--eds-typography-header-3xl-font-size:var(--eds--spacious,1.719rem)var(--eds--comfortable,1.5rem);--eds-typography-header-3xl-tracking-tight:var(--eds--spacious,-2.695px)var(--eds--comfortable,-2.31px);--eds-typography-header-3xl-tracking-normal:var(--eds--spacious,0px)var(--eds--comfortable,0px);--eds-typography-header-3xl-tracking-loose:var(--eds--spacious,2.695px)var(--eds--comfortable,2.31px);--eds-typography-header-3xl-font-weight-lighter:var(--eds--spacious,300)var(--eds--comfortable,300);--eds-typography-header-3xl-font-weight-normal:var(--eds--spacious,400)var(--eds--comfortable,400);--eds-typography-header-3xl-font-weight-bolder:var(--eds--spacious,500)var(--eds--comfortable,500);--eds-typography-header-3xl-lineheight-default:var(--eds--spacious,2rem)var(--eds--comfortable,1.75rem);--eds-typography-header-3xl-lineheight-squished:var(--eds--spacious,1.75rem)var(--eds--comfortable,1.5rem);--eds-typography-header-4xl-font-size:var(--eds--spacious,1.969rem)var(--eds--comfortable,1.719rem);--eds-typography-header-4xl-tracking-tight:var(--eds--spacious,-3.08px)var(--eds--comfortable,-2.695px);--eds-typography-header-4xl-tracking-normal:var(--eds--spacious,0px)var(--eds--comfortable,0px);--eds-typography-header-4xl-tracking-loose:var(--eds--spacious,3.08px)var(--eds--comfortable,2.695px);--eds-typography-header-4xl-font-weight-lighter:var(--eds--spacious,300)var(--eds--comfortable,300);--eds-typography-header-4xl-font-weight-normal:var(--eds--spacious,400)var(--eds--comfortable,400);--eds-typography-header-4xl-font-weight-bolder:var(--eds--spacious,500)var(--eds--comfortable,500);--eds-typography-header-4xl-lineheight-default:var(--eds--spacious,2rem)var(--eds--comfortable,2rem);--eds-typography-header-4xl-lineheight-squished:var(--eds--spacious,1.75rem)var(--eds--comfortable,1.75rem);--eds-typography-header-5xl-font-size:var(--eds--spacious,2.281rem)var(--eds--comfortable,1.969rem);--eds-typography-header-5xl-tracking-tight:var(--eds--spacious,-3.52px)var(--eds--comfortable,-3.08px);--eds-typography-header-5xl-tracking-normal:var(--eds--spacious,0px)var(--eds--comfortable,0px);--eds-typography-header-5xl-tracking-loose:var(--eds--spacious,3.52px)var(--eds--comfortable,3.08px);--eds-typography-header-5xl-font-weight-lighter:var(--eds--spacious,300)var(--eds--comfortable,300);--eds-typography-header-5xl-font-weight-normal:var(--eds--spacious,400)var(--eds--comfortable,400);--eds-typography-header-5xl-font-weight-bolder:var(--eds--spacious,500)var(--eds--comfortable,500);--eds-typography-header-5xl-lineheight-default:var(--eds--spacious,2.25rem)var(--eds--comfortable,2rem);--eds-typography-header-5xl-lineheight-squished:var(--eds--spacious,2rem)var(--eds--comfortable,1.75rem);--eds-typography-header-6xl-font-size:var(--eds--spacious,2.625rem)var(--eds--comfortable,2.281rem);--eds-typography-header-6xl-tracking-tight:var(--eds--spacious,-4.07px)var(--eds--comfortable,-3.52px);--eds-typography-header-6xl-tracking-normal:var(--eds--spacious,0px)var(--eds--comfortable,0px);--eds-typography-header-6xl-tracking-loose:var(--eds--spacious,4.07px)var(--eds--comfortable,3.52px);--eds-typography-header-6xl-font-weight-lighter:var(--eds--spacious,300)var(--eds--comfortable,300);--eds-typography-header-6xl-font-weight-normal:var(--eds--spacious,400)var(--eds--comfortable,400);--eds-typography-header-6xl-font-weight-bolder:var(--eds--spacious,500)var(--eds--comfortable,500);--eds-typography-header-6xl-lineheight-default:var(--eds--spacious,2.5rem)var(--eds--comfortable,2.25rem);--eds-typography-header-6xl-lineheight-squished:var(--eds--spacious,2.25rem)var(--eds--comfortable,2rem)}
\ No newline at end of file
diff --git a/packages/eds-tokens/build/css/variables-static.css b/packages/eds-tokens/build/css/variables-static.css
deleted file mode 100644
index 15b6628d23..0000000000
--- a/packages/eds-tokens/build/css/variables-static.css
+++ /dev/null
@@ -1,518 +0,0 @@
-:root, [data-color-scheme="light"] {
- color-scheme: light;
-}
-
-[data-color-scheme="dark"] {
- color-scheme: dark;
-}
-
-:root {
- --eds-color-bg-floating: light-dark(#fff, #202223);
- --eds-color-bg-backdrop: light-dark(#aeaeae, #738696);
- --eds-color-bg-input: light-dark(#f5f5f5, #0b0b0b);
- --eds-color-border-focus: light-dark(#6fb6e9, #2d8bc5);
- --eds-color-text-link: light-dark(#121e27, #ecffff);
- --eds-color-accent-1: light-dark(#eaf8fa, #0a0b0b);
- --eds-color-accent-2: light-dark(#f6ffff, #1e2323);
- --eds-color-accent-3: light-dark(#c5e1e4, #3c6266);
- --eds-color-accent-4: light-dark(#b1d6da, #3e7378);
- --eds-color-accent-5: light-dark(#97c8cd, #41878e);
- --eds-color-accent-6: light-dark(#bbdbdf, #3c6266);
- --eds-color-accent-7: light-dark(#7cbac1, #439199);
- --eds-color-accent-8: light-dark(#21767e, #6ec0c9);
- --eds-color-accent-9: light-dark(#206f77, #8cd2da);
- --eds-color-accent-10: light-dark(#205c62, #ace3e9);
- --eds-color-accent-11: light-dark(#20565c, #c7f1f6);
- --eds-color-accent-12: light-dark(#1f6369, #bcebf1);
- --eds-color-accent-13: light-dark(#141f20, #e6ffff);
- --eds-color-accent-14: light-dark(#cae4e7, #2c3839);
- --eds-color-accent-15: light-dark(#fff, #030303);
- --eds-color-neutral-1: light-dark(#f5f5f5, #0b0b0b);
- --eds-color-neutral-2: light-dark(#fff, #202223);
- --eds-color-neutral-3: light-dark(#dbdbdb, #525c65);
- --eds-color-neutral-4: light-dark(#cecece, #5d6b76);
- --eds-color-neutral-5: light-dark(#bebebe, #6b7d8b);
- --eds-color-neutral-6: light-dark(#d4d4d4, #525c65);
- --eds-color-neutral-7: light-dark(#aeaeae, #738696);
- --eds-color-neutral-8: light-dark(#696969, #9fb4c6);
- --eds-color-neutral-9: light-dark(#636363, #b4c7d7);
- --eds-color-neutral-10: light-dark(#525252, #cadae7);
- --eds-color-neutral-11: light-dark(#4d4d4d, #deeaf4);
- --eds-color-neutral-12: light-dark(#585858, #d6e3ee);
- --eds-color-neutral-13: light-dark(#1d1d1d, #f5fdff);
- --eds-color-neutral-14: light-dark(#dedede, #333639);
- --eds-color-neutral-15: light-dark(#fff, #030303);
- --eds-color-info-1: light-dark(#e7f8ff, #0a0b0c);
- --eds-color-info-2: light-dark(#f4ffff, #1d2226);
- --eds-color-info-3: light-dark(#c0e0f8, #33607e);
- --eds-color-info-4: light-dark(#aad4f3, #316f98);
- --eds-color-info-5: light-dark(#8dc5ee, #2e82b7);
- --eds-color-info-6: light-dark(#b5daf5, #33607e);
- --eds-color-info-7: light-dark(#6fb6e9, #2d8bc5);
- --eds-color-info-8: light-dark(#0070a9, #5abbfb);
- --eds-color-info-9: light-dark(#006aa0, #7dceff);
- --eds-color-info-10: light-dark(#085883, #a2e0ff);
- --eds-color-info-11: light-dark(#0e5279, #c4eeff);
- --eds-color-info-12: light-dark(#015e8d, #b7e8ff);
- --eds-color-info-13: light-dark(#121e27, #ecffff);
- --eds-color-info-14: light-dark(#c5e3f9, #2a3741);
- --eds-color-info-15: light-dark(#fff, #030304);
- --eds-color-success-1: light-dark(#eafbe8, #0a0c0a);
- --eds-color-success-2: light-dark(#f6fff5, #1e231e);
- --eds-color-success-3: light-dark(#c5e5c2, #3c673a);
- --eds-color-success-4: light-dark(#b1dbae, #3e793c);
- --eds-color-success-5: light-dark(#97cf93, #418e3e);
- --eds-color-success-6: light-dark(#bbe0b8, #3c673a);
- --eds-color-success-7: light-dark(#7cc278, #439941);
- --eds-color-success-8: light-dark(#227e22, #6eca6a);
- --eds-color-success-9: light-dark(#207720, #8cdb87);
- --eds-color-success-10: light-dark(#20621f, #aceba8);
- --eds-color-success-11: light-dark(#215c1f, #c7f7c3);
- --eds-color-success-12: light-dark(#20691f, #bcf2b8);
- --eds-color-success-13: light-dark(#142114, #e6ffe3);
- --eds-color-success-14: light-dark(#cae8c7, #2c392b);
- --eds-color-success-15: light-dark(#fff, #030303);
- --eds-color-warning-1: light-dark(#fff1e2, #0c0b0a);
- --eds-color-warning-2: light-dark(#fffcf0, #27201b);
- --eds-color-warning-3: light-dark(#f9d2b6, #7e4e25);
- --eds-color-warning-4: light-dark(#f4c29d, #97571b);
- --eds-color-warning-5: light-dark(#eeae7c, #b46201);
- --eds-color-warning-6: light-dark(#f6caaa, #7e4e25);
- --eds-color-warning-7: light-dark(#e89959, #c36800);
- --eds-color-warning-8: light-dark(#a34e00, #f99539);
- --eds-color-warning-9: light-dark(#9b4900, #ffad63);
- --eds-color-warning-10: light-dark(#813e00, #ffc791);
- --eds-color-warning-11: light-dark(#773a00, #ffddb9);
- --eds-color-warning-12: light-dark(#8a4100, #ffd4aa);
- --eds-color-warning-13: light-dark(#27190e, #fff7e6);
- --eds-color-warning-14: light-dark(#fad6bc, #413226);
- --eds-color-warning-15: light-dark(#fff, #040303);
- --eds-color-danger-1: light-dark(#ffecea, #0d0a0a);
- --eds-color-danger-2: light-dark(#fff9f8, #2a1e1e);
- --eds-color-danger-3: light-dark(#ffc6c4, #923a3c);
- --eds-color-danger-4: light-dark(#ffb2b0, #b03940);
- --eds-color-danger-5: light-dark(#ff9897, #d43745);
- --eds-color-danger-6: light-dark(#ffbcba, #923a3c);
- --eds-color-danger-7: light-dark(#ff7a7d, #e53748);
- --eds-color-danger-8: light-dark(#c6002d, #ff8082);
- --eds-color-danger-9: light-dark(#bc002a, #ffa3a1);
- --eds-color-danger-10: light-dark(#9a1026, #ffc1bf);
- --eds-color-danger-11: light-dark(#8e1525, #ffd9d7);
- --eds-color-danger-12: light-dark(#a50827, #ffd0ce);
- --eds-color-danger-13: light-dark(#2e1414, #fff5f4);
- --eds-color-danger-14: light-dark(#ffcbc9, #492d2c);
- --eds-color-danger-15: light-dark(#fff, #040303);
- --eds-color-bg-neutral-canvas: var(--eds-color-neutral-1);
- --eds-color-bg-neutral-surface: var(--eds-color-neutral-2);
- --eds-color-bg-neutral-fill-muted-default: var(--eds-color-neutral-3);
- --eds-color-bg-neutral-fill-muted-hover: var(--eds-color-neutral-4);
- --eds-color-bg-neutral-fill-muted-active: var(--eds-color-neutral-5);
- --eds-color-bg-neutral-fill-emphasis-default: var(--eds-color-neutral-9);
- --eds-color-bg-neutral-fill-emphasis-hover: var(--eds-color-neutral-10);
- --eds-color-bg-neutral-fill-emphasis-active: var(--eds-color-neutral-11);
- --eds-color-bg-accent-canvas: var(--eds-color-accent-1);
- --eds-color-bg-accent-surface: var(--eds-color-accent-2);
- --eds-color-bg-accent-fill-muted-default: var(--eds-color-accent-3);
- --eds-color-bg-accent-fill-muted-hover: var(--eds-color-accent-4);
- --eds-color-bg-accent-fill-muted-active: var(--eds-color-accent-5);
- --eds-color-bg-accent-fill-emphasis-default: var(--eds-color-accent-9);
- --eds-color-bg-accent-fill-emphasis-hover: var(--eds-color-accent-10);
- --eds-color-bg-accent-fill-emphasis-active: var(--eds-color-accent-11);
- --eds-color-bg-success-canvas: var(--eds-color-success-1);
- --eds-color-bg-success-surface: var(--eds-color-success-2);
- --eds-color-bg-success-fill-muted-default: var(--eds-color-success-3);
- --eds-color-bg-success-fill-muted-hover: var(--eds-color-success-4);
- --eds-color-bg-success-fill-muted-active: var(--eds-color-success-5);
- --eds-color-bg-success-fill-emphasis-default: var(--eds-color-success-9);
- --eds-color-bg-success-fill-emphasis-hover: var(--eds-color-success-10);
- --eds-color-bg-success-fill-emphasis-active: var(--eds-color-success-11);
- --eds-color-bg-info-canvas: var(--eds-color-info-1);
- --eds-color-bg-info-surface: var(--eds-color-info-2);
- --eds-color-bg-info-fill-muted-default: var(--eds-color-info-3);
- --eds-color-bg-info-fill-muted-hover: var(--eds-color-info-4);
- --eds-color-bg-info-fill-muted-active: var(--eds-color-info-5);
- --eds-color-bg-info-fill-emphasis-default: var(--eds-color-info-9);
- --eds-color-bg-info-fill-emphasis-hover: var(--eds-color-info-10);
- --eds-color-bg-info-fill-emphasis-active: var(--eds-color-info-11);
- --eds-color-bg-warning-canvas: var(--eds-color-warning-1);
- --eds-color-bg-warning-surface: var(--eds-color-warning-2);
- --eds-color-bg-warning-fill-muted-default: var(--eds-color-warning-3);
- --eds-color-bg-warning-fill-muted-hover: var(--eds-color-warning-4);
- --eds-color-bg-warning-fill-muted-active: var(--eds-color-warning-5);
- --eds-color-bg-warning-fill-emphasis-default: var(--eds-color-warning-9);
- --eds-color-bg-warning-fill-emphasis-hover: var(--eds-color-warning-10);
- --eds-color-bg-warning-fill-emphasis-active: var(--eds-color-warning-11);
- --eds-color-bg-danger-canvas: var(--eds-color-danger-1);
- --eds-color-bg-danger-surface: var(--eds-color-danger-2);
- --eds-color-bg-danger-fill-muted-default: var(--eds-color-danger-3);
- --eds-color-bg-danger-fill-muted-hover: var(--eds-color-danger-4);
- --eds-color-bg-danger-fill-muted-active: var(--eds-color-danger-5);
- --eds-color-bg-danger-fill-emphasis-default: var(--eds-color-danger-9);
- --eds-color-bg-danger-fill-emphasis-hover: var(--eds-color-danger-10);
- --eds-color-bg-danger-fill-emphasis-active: var(--eds-color-danger-11);
- --eds-color-border-neutral-subtle: var(--eds-color-neutral-6);
- --eds-color-border-neutral-medium: var(--eds-color-neutral-7);
- --eds-color-border-neutral-strong: var(--eds-color-neutral-8);
- --eds-color-border-accent-subtle: var(--eds-color-accent-6);
- --eds-color-border-accent-medium: var(--eds-color-accent-7);
- --eds-color-border-accent-strong: var(--eds-color-accent-8);
- --eds-color-border-success-subtle: var(--eds-color-success-6);
- --eds-color-border-success-medium: var(--eds-color-success-7);
- --eds-color-border-success-strong: var(--eds-color-success-8);
- --eds-color-border-info-subtle: var(--eds-color-info-6);
- --eds-color-border-info-medium: var(--eds-color-info-7);
- --eds-color-border-info-strong: var(--eds-color-info-8);
- --eds-color-border-warning-subtle: var(--eds-color-warning-6);
- --eds-color-border-warning-medium: var(--eds-color-warning-7);
- --eds-color-border-warning-strong: var(--eds-color-warning-8);
- --eds-color-border-danger-subtle: var(--eds-color-danger-6);
- --eds-color-border-danger-medium: var(--eds-color-danger-7);
- --eds-color-border-danger-strong: var(--eds-color-danger-8);
- --eds-color-text-neutral-subtle: var(--eds-color-neutral-12);
- --eds-color-text-neutral-strong: var(--eds-color-neutral-13);
- --eds-color-text-neutral-subtle-on-emphasis: var(--eds-color-neutral-14);
- --eds-color-text-neutral-strong-on-emphasis: var(--eds-color-neutral-15);
- --eds-color-text-accent-subtle: var(--eds-color-accent-12);
- --eds-color-text-accent-strong: var(--eds-color-accent-13);
- --eds-color-text-accent-subtle-on-emphasis: var(--eds-color-accent-14);
- --eds-color-text-accent-strong-on-emphasis: var(--eds-color-accent-15);
- --eds-color-text-success-subtle: var(--eds-color-success-12);
- --eds-color-text-success-strong: var(--eds-color-success-13);
- --eds-color-text-success-subtle-on-emphasis: var(--eds-color-success-14);
- --eds-color-text-success-strong-on-emphasis: var(--eds-color-success-15);
- --eds-color-text-info-subtle: var(--eds-color-info-12);
- --eds-color-text-info-strong: var(--eds-color-info-13);
- --eds-color-text-info-subtle-on-emphasis: var(--eds-color-info-14);
- --eds-color-text-info-strong-on-emphasis: var(--eds-color-info-15);
- --eds-color-text-warning-subtle: var(--eds-color-warning-12);
- --eds-color-text-warning-strong: var(--eds-color-warning-13);
- --eds-color-text-warning-subtle-on-emphasis: var(--eds-color-warning-14);
- --eds-color-text-warning-strong-on-emphasis: var(--eds-color-warning-15);
- --eds-color-text-danger-subtle: var(--eds-color-danger-12);
- --eds-color-text-danger-strong: var(--eds-color-danger-13);
- --eds-color-text-danger-subtle-on-emphasis: var(--eds-color-danger-14);
- --eds-color-text-danger-strong-on-emphasis: var(--eds-color-danger-15);
-}
-
-@property --captured-size-1 {
- syntax: "";
- inherits: false;
- initial-value: 0;
-}
-
-@property --captured-size-2 {
- syntax: "";
- inherits: false;
- initial-value: 0;
-}
-
-@property --captured-size-3 {
- syntax: "";
- inherits: false;
- initial-value: 0;
-}
-
-@property --captured-color-1 {
- syntax: "";
- inherits: false;
- initial-value: #0000;
-}
-
-@property --captured-color-2 {
- syntax: "";
- inherits: false;
- initial-value: #0000;
-}
-
-@property --captured-color-3 {
- syntax: "";
- inherits: false;
- initial-value: #0000;
-}
-
-@property --captured-color-4 {
- syntax: "";
- inherits: false;
- initial-value: #0000;
-}
-
-:root, [data-density] {
- --density: var(--eds--spacious);
- --eds--comfortable: var(--density, );
- --eds--spacious: var(--density, );
-}
-
-[data-density="comfortable"] {
- --density: var(--eds--comfortable);
-}
-
-[data-density="spacious"] {
- --density: var(--eds--spacious);
-}
-
-:root, [data-density] {
- --eds-spacing-icon-xs-gap-horizontal: var(--eds--spacious, .406rem) var(--eds--comfortable, .344rem);
- --eds-spacing-icon-xs-gap-vertical: var(--eds--spacious, .406rem) var(--eds--comfortable, .344rem);
- --eds-spacing-icon-sm-gap-horizontal: var(--eds--spacious, .469rem) var(--eds--comfortable, .406rem);
- --eds-spacing-icon-sm-gap-vertical: var(--eds--spacious, .469rem) var(--eds--comfortable, .406rem);
- --eds-spacing-icon-md-gap-horizontal: var(--eds--spacious, .531rem) var(--eds--comfortable, .469rem);
- --eds-spacing-icon-md-gap-vertical: var(--eds--spacious, .531rem) var(--eds--comfortable, .469rem);
- --eds-spacing-icon-lg-gap-horizontal: var(--eds--spacious, .625rem) var(--eds--comfortable, .531rem);
- --eds-spacing-icon-lg-gap-vertical: var(--eds--spacious, .625rem) var(--eds--comfortable, .531rem);
- --eds-spacing-icon-xl-gap-horizontal: var(--eds--spacious, .719rem) var(--eds--comfortable, .625rem);
- --eds-spacing-icon-xl-gap-vertical: var(--eds--spacious, .719rem) var(--eds--comfortable, .625rem);
- --eds-spacing-icon-2xl-gap-horizontal: var(--eds--spacious, .813rem) var(--eds--comfortable, .719rem);
- --eds-spacing-icon-2xl-gap-vertical: var(--eds--spacious, .813rem) var(--eds--comfortable, .719rem);
- --eds-spacing-icon-3xl-gap-horizontal: var(--eds--spacious, .938rem) var(--eds--comfortable, .813rem);
- --eds-spacing-icon-3xl-gap-vertical: var(--eds--spacious, .938rem) var(--eds--comfortable, .813rem);
- --eds-spacing-icon-4xl-gap-horizontal: var(--eds--spacious, 1.094rem) var(--eds--comfortable, .938rem);
- --eds-spacing-icon-4xl-gap-vertical: var(--eds--spacious, 1.094rem) var(--eds--comfortable, .938rem);
- --eds-spacing-icon-5xl-gap-horizontal: var(--eds--spacious, 1.25rem) var(--eds--comfortable, 1.094rem);
- --eds-spacing-icon-5xl-gap-vertical: var(--eds--spacious, 1.25rem) var(--eds--comfortable, 1.094rem);
- --eds-spacing-icon-6xl-gap-horizontal: var(--eds--spacious, 1.438rem) var(--eds--comfortable, 1.25rem);
- --eds-spacing-icon-6xl-gap-vertical: var(--eds--spacious, 1.438rem) var(--eds--comfortable, 1.25rem);
- --eds-spacing-inline-4-xs: var(--eds--spacious, .125rem) var(--eds--comfortable, .063rem);
- --eds-spacing-inline-3-xs: var(--eds--spacious, .25rem) var(--eds--comfortable, .125rem);
- --eds-spacing-inline-2-xs: var(--eds--spacious, .375rem) var(--eds--comfortable, .25rem);
- --eds-spacing-inline-xs: var(--eds--spacious, .5rem) var(--eds--comfortable, .375rem);
- --eds-spacing-inline-sm: var(--eds--spacious, .75rem) var(--eds--comfortable, .5rem);
- --eds-spacing-inline-md: var(--eds--spacious, 1rem) var(--eds--comfortable, .75rem);
- --eds-spacing-inline-lg: var(--eds--spacious, 1.25rem) var(--eds--comfortable, 1rem);
- --eds-spacing-inline-xl: var(--eds--spacious, 1.5rem) var(--eds--comfortable, 1.25rem);
- --eds-spacing-inline-2-xl: var(--eds--spacious, 1.75rem) var(--eds--comfortable, 1.5rem);
- --eds-spacing-inline-3-xl: var(--eds--spacious, 2rem) var(--eds--comfortable, 1.75rem);
- --eds-spacing-stack-4-xs: var(--eds--spacious, .125rem) var(--eds--comfortable, .063rem);
- --eds-spacing-stack-3-xs: var(--eds--spacious, .25rem) var(--eds--comfortable, .125rem);
- --eds-spacing-stack-2-xs: var(--eds--spacious, .375rem) var(--eds--comfortable, .25rem);
- --eds-spacing-stack-xs: var(--eds--spacious, .5rem) var(--eds--comfortable, .375rem);
- --eds-spacing-stack-sm: var(--eds--spacious, .75rem) var(--eds--comfortable, .5rem);
- --eds-spacing-stack-md: var(--eds--spacious, 1rem) var(--eds--comfortable, .75rem);
- --eds-spacing-stack-lg: var(--eds--spacious, 1.25rem) var(--eds--comfortable, 1rem);
- --eds-spacing-stack-xl: var(--eds--spacious, 1.5rem) var(--eds--comfortable, 1.25rem);
- --eds-spacing-stack-2-xl: var(--eds--spacious, 1.75rem) var(--eds--comfortable, 1.5rem);
- --eds-spacing-stack-3-xl: var(--eds--spacious, 2rem) var(--eds--comfortable, 1.75rem);
- --eds-spacing-border-radius-rounded: var(--eds--spacious, .25rem) var(--eds--comfortable, .188rem);
- --eds-spacing-border-radius-pill: var(--eds--spacious, 62.5rem) var(--eds--comfortable, 62.5rem);
- --eds-spacing-border-radius-none: 0rem;
- --eds-spacing-inset-xs-inline: var(--eds--spacious, .5rem) var(--eds--comfortable, .375rem);
- --eds-spacing-inset-xs-stack-squished: var(--eds--spacious, .375rem) var(--eds--comfortable, .25rem);
- --eds-spacing-inset-xs-stack-squared: var(--eds--spacious, .5rem) var(--eds--comfortable, .375rem);
- --eds-spacing-inset-xs-stack-stretched: var(--eds--spacious, .75rem) var(--eds--comfortable, .5rem);
- --eds-spacing-inset-sm-inline: var(--eds--spacious, .75rem) var(--eds--comfortable, .5rem);
- --eds-spacing-inset-sm-stack-squished: var(--eds--spacious, .5rem) var(--eds--comfortable, .375rem);
- --eds-spacing-inset-sm-stack-squared: var(--eds--spacious, .75rem) var(--eds--comfortable, .5rem);
- --eds-spacing-inset-sm-stack-stretched: var(--eds--spacious, 1rem) var(--eds--comfortable, .75rem);
- --eds-spacing-inset-md-inline: var(--eds--spacious, 1rem) var(--eds--comfortable, .75rem);
- --eds-spacing-inset-md-stack-squished: var(--eds--spacious, .75rem) var(--eds--comfortable, .5rem);
- --eds-spacing-inset-md-stack-squared: var(--eds--spacious, 1rem) var(--eds--comfortable, .75rem);
- --eds-spacing-inset-md-stack-stretched: var(--eds--spacious, 1.25rem) var(--eds--comfortable, 1rem);
- --eds-spacing-inset-lg-inline: var(--eds--spacious, 1.25rem) var(--eds--comfortable, 1rem);
- --eds-spacing-inset-lg-stack-squished: var(--eds--spacious, 1rem) var(--eds--comfortable, .75rem);
- --eds-spacing-inset-lg-stack-squared: var(--eds--spacious, 1.25rem) var(--eds--comfortable, 1rem);
- --eds-spacing-inset-lg-stack-stretched: var(--eds--spacious, 1.5rem) var(--eds--comfortable, 1.25rem);
- --eds-spacing-inset-xl-inline: var(--eds--spacious, 1.5rem) var(--eds--comfortable, 1.25rem);
- --eds-spacing-inset-xl-stack-squished: var(--eds--spacious, 1.25rem) var(--eds--comfortable, 1rem);
- --eds-spacing-inset-xl-stack-squared: var(--eds--spacious, 1.5rem) var(--eds--comfortable, 1.25rem);
- --eds-spacing-inset-xl-stack-stretched: var(--eds--spacious, 1.75rem) var(--eds--comfortable, 1.5rem);
- --eds-sizing-icon-xs: var(--eds--spacious, 1rem) var(--eds--comfortable, .875rem);
- --eds-sizing-icon-sm: var(--eds--spacious, 1.125rem) var(--eds--comfortable, 1rem);
- --eds-sizing-icon-md: var(--eds--spacious, 1.25rem) var(--eds--comfortable, 1.125rem);
- --eds-sizing-icon-lg: var(--eds--spacious, 1.5rem) var(--eds--comfortable, 1.25rem);
- --eds-sizing-icon-xl: var(--eds--spacious, 1.75rem) var(--eds--comfortable, 1.5rem);
- --eds-sizing-icon-2xl: var(--eds--spacious, 2rem) var(--eds--comfortable, 1.75rem);
- --eds-sizing-icon-3xl: var(--eds--spacious, 2.313rem) var(--eds--comfortable, 2rem);
- --eds-sizing-icon-4xl: var(--eds--spacious, 2.625rem) var(--eds--comfortable, 2.313rem);
- --eds-sizing-icon-5xl: var(--eds--spacious, 3rem) var(--eds--comfortable, 2.625rem);
- --eds-sizing-icon-6xl: var(--eds--spacious, 3.5rem) var(--eds--comfortable, 3rem);
- --eds-sizing-selectable-xs: var(--eds--spacious, 1.25rem) var(--eds--comfortable, 1rem);
- --eds-sizing-selectable-sm: var(--eds--spacious, 1.5rem) var(--eds--comfortable, 1.25rem);
- --eds-sizing-selectable-md: var(--eds--spacious, 2.25rem) var(--eds--comfortable, 1.5rem);
- --eds-sizing-selectable-lg: var(--eds--spacious, 2.75rem) var(--eds--comfortable, 2.25rem);
- --eds-sizing-selectable-xl: var(--eds--spacious, 3.25rem) var(--eds--comfortable, 2.75rem);
- --eds-sizing-selectable-2xl: var(--eds--spacious, 3.75rem) var(--eds--comfortable, 3.25rem);
- --eds-sizing-stroke-thin: var(--eds--spacious, .063rem) var(--eds--comfortable, .063rem);
- --eds-sizing-stroke-thick: var(--eds--spacious, .125rem) var(--eds--comfortable, .125rem);
- --eds-sizing-stroke-none: 0rem;
- --eds-typography-ui-body-xs-font-size: var(--eds--spacious, .656rem) var(--eds--comfortable, .563rem);
- --eds-typography-ui-body-xs-tracking-tight: var(--eds--spacious, -1.15px) var(--eds--comfortable, -.99px);
- --eds-typography-ui-body-xs-tracking-normal: var(--eds--spacious, 0px) var(--eds--comfortable, 0px);
- --eds-typography-ui-body-xs-tracking-loose: var(--eds--spacious, 1.15px) var(--eds--comfortable, .99px);
- --eds-typography-ui-body-xs-font-weight-lighter: var(--eds--spacious, 300) var(--eds--comfortable, 300);
- --eds-typography-ui-body-xs-font-weight-normal: var(--eds--spacious, 400) var(--eds--comfortable, 400);
- --eds-typography-ui-body-xs-font-weight-bolder: var(--eds--spacious, 500) var(--eds--comfortable, 500);
- --eds-typography-ui-body-xs-lineheight-default: var(--eds--spacious, 1rem) var(--eds--comfortable, .75rem);
- --eds-typography-ui-body-xs-lineheight-squished: var(--eds--spacious, .75rem) var(--eds--comfortable, .75rem);
- --eds-typography-ui-body-sm-font-size: var(--eds--spacious, .75rem) var(--eds--comfortable, .656rem);
- --eds-typography-ui-body-sm-tracking-tight: var(--eds--spacious, -1.32px) var(--eds--comfortable, -1.15px);
- --eds-typography-ui-body-sm-tracking-normal: var(--eds--spacious, 0px) var(--eds--comfortable, 0px);
- --eds-typography-ui-body-sm-tracking-loose: var(--eds--spacious, 1.32px) var(--eds--comfortable, 1.15px);
- --eds-typography-ui-body-sm-font-weight-lighter: var(--eds--spacious, 300) var(--eds--comfortable, 300);
- --eds-typography-ui-body-sm-font-weight-normal: var(--eds--spacious, 400) var(--eds--comfortable, 400);
- --eds-typography-ui-body-sm-font-weight-bolder: var(--eds--spacious, 500) var(--eds--comfortable, 500);
- --eds-typography-ui-body-sm-lineheight-default: var(--eds--spacious, 1rem) var(--eds--comfortable, 1rem);
- --eds-typography-ui-body-sm-lineheight-squished: var(--eds--spacious, .75rem) var(--eds--comfortable, .75rem);
- --eds-typography-ui-body-font-family: "Inter";
- --eds-typography-ui-body-md-font-size: var(--eds--spacious, .875rem) var(--eds--comfortable, .75rem);
- --eds-typography-ui-body-md-tracking-tight: var(--eds--spacious, -1.54px) var(--eds--comfortable, -1.32px);
- --eds-typography-ui-body-md-tracking-normal: var(--eds--spacious, 0px) var(--eds--comfortable, 0px);
- --eds-typography-ui-body-md-tracking-loose: var(--eds--spacious, 1.54px) var(--eds--comfortable, 1.32px);
- --eds-typography-ui-body-md-font-weight-lighter: var(--eds--spacious, 300) var(--eds--comfortable, 300);
- --eds-typography-ui-body-md-font-weight-normal: var(--eds--spacious, 400) var(--eds--comfortable, 400);
- --eds-typography-ui-body-md-font-weight-bolder: var(--eds--spacious, 500) var(--eds--comfortable, 500);
- --eds-typography-ui-body-md-lineheight-default: var(--eds--spacious, 1.25rem) var(--eds--comfortable, 1rem);
- --eds-typography-ui-body-md-lineheight-squished: var(--eds--spacious, 1rem) var(--eds--comfortable, .75rem);
- --eds-typography-ui-body-lg-font-size: var(--eds--spacious, 1rem) var(--eds--comfortable, .875rem);
- --eds-typography-ui-body-lg-tracking-tight: var(--eds--spacious, -1.76px) var(--eds--comfortable, -1.54px);
- --eds-typography-ui-body-lg-tracking-normal: var(--eds--spacious, 0px) var(--eds--comfortable, 0px);
- --eds-typography-ui-body-lg-tracking-loose: var(--eds--spacious, 1.76px) var(--eds--comfortable, 1.54px);
- --eds-typography-ui-body-lg-font-weight-lighter: var(--eds--spacious, 300) var(--eds--comfortable, 300);
- --eds-typography-ui-body-lg-font-weight-normal: var(--eds--spacious, 400) var(--eds--comfortable, 400);
- --eds-typography-ui-body-lg-font-weight-bolder: var(--eds--spacious, 500) var(--eds--comfortable, 500);
- --eds-typography-ui-body-lg-lineheight-default: var(--eds--spacious, 1.5rem) var(--eds--comfortable, 1.25rem);
- --eds-typography-ui-body-lg-lineheight-squished: var(--eds--spacious, 1.25rem) var(--eds--comfortable, 1rem);
- --eds-typography-ui-body-xl-font-size: var(--eds--spacious, 1.156rem) var(--eds--comfortable, 1rem);
- --eds-typography-ui-body-xl-tracking-tight: var(--eds--spacious, -1.76px) var(--eds--comfortable, -1.76px);
- --eds-typography-ui-body-xl-tracking-normal: var(--eds--spacious, 0px) var(--eds--comfortable, 0px);
- --eds-typography-ui-body-xl-tracking-loose: var(--eds--spacious, 2.035px) var(--eds--comfortable, 1.76px);
- --eds-typography-ui-body-xl-font-weight-lighter: var(--eds--spacious, 300) var(--eds--comfortable, 300);
- --eds-typography-ui-body-xl-font-weight-normal: var(--eds--spacious, 400) var(--eds--comfortable, 400);
- --eds-typography-ui-body-xl-font-weight-bolder: var(--eds--spacious, 500) var(--eds--comfortable, 500);
- --eds-typography-ui-body-xl-lineheight-default: var(--eds--spacious, 1.5rem) var(--eds--comfortable, 1.5rem);
- --eds-typography-ui-body-xl-lineheight-squished: var(--eds--spacious, 1.25rem) var(--eds--comfortable, 1.25rem);
- --eds-typography-ui-body-2xl-font-size: var(--eds--spacious, 1.313rem) var(--eds--comfortable, 1.156rem);
- --eds-typography-ui-body-2xl-tracking-tight: var(--eds--spacious, -2.31px) var(--eds--comfortable, -1.76px);
- --eds-typography-ui-body-2xl-tracking-normal: var(--eds--spacious, 0px) var(--eds--comfortable, 0px);
- --eds-typography-ui-body-2xl-tracking-loose: var(--eds--spacious, 2.31px) var(--eds--comfortable, 2.035px);
- --eds-typography-ui-body-2xl-font-weight-lighter: var(--eds--spacious, 300) var(--eds--comfortable, 300);
- --eds-typography-ui-body-2xl-font-weight-normal: var(--eds--spacious, 400) var(--eds--comfortable, 400);
- --eds-typography-ui-body-2xl-font-weight-bolder: var(--eds--spacious, 500) var(--eds--comfortable, 500);
- --eds-typography-ui-body-2xl-lineheight-default: var(--eds--spacious, 1.75rem) var(--eds--comfortable, 1.5rem);
- --eds-typography-ui-body-2xl-lineheight-squished: var(--eds--spacious, 1.5rem) var(--eds--comfortable, 1.25rem);
- --eds-typography-ui-body-3xl-font-size: var(--eds--spacious, 1.531rem) var(--eds--comfortable, 1.313rem);
- --eds-typography-ui-body-3xl-tracking-tight: var(--eds--spacious, -2.695px) var(--eds--comfortable, -2.31px);
- --eds-typography-ui-body-3xl-tracking-normal: var(--eds--spacious, 0px) var(--eds--comfortable, 0px);
- --eds-typography-ui-body-3xl-tracking-loose: var(--eds--spacious, 2.695px) var(--eds--comfortable, 2.31px);
- --eds-typography-ui-body-3xl-font-weight-lighter: var(--eds--spacious, 300) var(--eds--comfortable, 300);
- --eds-typography-ui-body-3xl-font-weight-normal: var(--eds--spacious, 400) var(--eds--comfortable, 400);
- --eds-typography-ui-body-3xl-font-weight-bolder: var(--eds--spacious, 500) var(--eds--comfortable, 500);
- --eds-typography-ui-body-3xl-lineheight-default: var(--eds--spacious, 2rem) var(--eds--comfortable, 1.75rem);
- --eds-typography-ui-body-3xl-lineheight-squished: var(--eds--spacious, 1.75rem) var(--eds--comfortable, 1.5rem);
- --eds-typography-ui-body-4xl-font-size: var(--eds--spacious, 1.75rem) var(--eds--comfortable, 1.531rem);
- --eds-typography-ui-body-4xl-tracking-tight: var(--eds--spacious, -3.08px) var(--eds--comfortable, -2.695px);
- --eds-typography-ui-body-4xl-tracking-normal: var(--eds--spacious, 0px) var(--eds--comfortable, 0px);
- --eds-typography-ui-body-4xl-tracking-loose: var(--eds--spacious, 3.08px) var(--eds--comfortable, 2.695px);
- --eds-typography-ui-body-4xl-font-weight-lighter: var(--eds--spacious, 300) var(--eds--comfortable, 300);
- --eds-typography-ui-body-4xl-font-weight-normal: var(--eds--spacious, 400) var(--eds--comfortable, 400);
- --eds-typography-ui-body-4xl-font-weight-bolder: var(--eds--spacious, 500) var(--eds--comfortable, 500);
- --eds-typography-ui-body-4xl-lineheight-default: var(--eds--spacious, 2rem) var(--eds--comfortable, 2rem);
- --eds-typography-ui-body-4xl-lineheight-squished: var(--eds--spacious, 1.75rem) var(--eds--comfortable, 1.75rem);
- --eds-typography-ui-body-5xl-font-size: var(--eds--spacious, 2rem) var(--eds--comfortable, 1.75rem);
- --eds-typography-ui-body-5xl-tracking-tight: var(--eds--spacious, -3.52px) var(--eds--comfortable, -3.08px);
- --eds-typography-ui-body-5xl-tracking-normal: var(--eds--spacious, 0px) var(--eds--comfortable, 0px);
- --eds-typography-ui-body-5xl-tracking-loose: var(--eds--spacious, 3.52px) var(--eds--comfortable, 3.08px);
- --eds-typography-ui-body-5xl-font-weight-lighter: var(--eds--spacious, 300) var(--eds--comfortable, 300);
- --eds-typography-ui-body-5xl-font-weight-normal: var(--eds--spacious, 400) var(--eds--comfortable, 400);
- --eds-typography-ui-body-5xl-font-weight-bolder: var(--eds--spacious, 500) var(--eds--comfortable, 500);
- --eds-typography-ui-body-5xl-lineheight-default: var(--eds--spacious, 2.25rem) var(--eds--comfortable, 2rem);
- --eds-typography-ui-body-5xl-lineheight-squished: var(--eds--spacious, 2rem) var(--eds--comfortable, 1.75rem);
- --eds-typography-ui-body-6xl-font-size: var(--eds--spacious, 2.313rem) var(--eds--comfortable, 2rem);
- --eds-typography-ui-body-6xl-tracking-tight: var(--eds--spacious, -4.07px) var(--eds--comfortable, -3.52px);
- --eds-typography-ui-body-6xl-tracking-normal: var(--eds--spacious, 0px) var(--eds--comfortable, 0px);
- --eds-typography-ui-body-6xl-tracking-loose: var(--eds--spacious, 4.07px) var(--eds--comfortable, 3.52px);
- --eds-typography-ui-body-6xl-font-weight-lighter: var(--eds--spacious, 300) var(--eds--comfortable, 300);
- --eds-typography-ui-body-6xl-font-weight-normal: var(--eds--spacious, 400) var(--eds--comfortable, 0px);
- --eds-typography-ui-body-6xl-font-weight-bolder: var(--eds--spacious, 500) var(--eds--comfortable, 500);
- --eds-typography-ui-body-6xl-lineheight-default: var(--eds--spacious, 2.5rem) var(--eds--comfortable, 2.25rem);
- --eds-typography-ui-body-6xl-lineheight-squished: var(--eds--spacious, 2.25rem) var(--eds--comfortable, 2rem);
- --eds-typography-header-xs-font-size: var(--eds--spacious, .75rem) var(--eds--comfortable, .656rem);
- --eds-typography-header-xs-tracking-tight: var(--eds--spacious, -1.15px) var(--eds--comfortable, -.99px);
- --eds-typography-header-xs-tracking-normal: var(--eds--spacious, 0px) var(--eds--comfortable, 0px);
- --eds-typography-header-xs-tracking-loose: var(--eds--spacious, 1.15px) var(--eds--comfortable, .99px);
- --eds-typography-header-xs-font-weight-lighter: var(--eds--spacious, 300) var(--eds--comfortable, 300);
- --eds-typography-header-xs-font-weight-normal: var(--eds--spacious, 400) var(--eds--comfortable, 400);
- --eds-typography-header-xs-font-weight-bolder: var(--eds--spacious, 500) var(--eds--comfortable, 500);
- --eds-typography-header-xs-lineheight-default: var(--eds--spacious, 1rem) var(--eds--comfortable, .75rem);
- --eds-typography-header-xs-lineheight-squished: var(--eds--spacious, .75rem) var(--eds--comfortable, .75rem);
- --eds-typography-header-font-family: "Equinor";
- --eds-typography-header-sm-font-size: var(--eds--spacious, .875rem) var(--eds--comfortable, .75rem);
- --eds-typography-header-sm-tracking-tight: var(--eds--spacious, -1.32px) var(--eds--comfortable, -1.15px);
- --eds-typography-header-sm-tracking-normal: var(--eds--spacious, 0px) var(--eds--comfortable, 0px);
- --eds-typography-header-sm-tracking-loose: var(--eds--spacious, 1.32px) var(--eds--comfortable, 1.15px);
- --eds-typography-header-sm-font-weight-lighter: var(--eds--spacious, 300) var(--eds--comfortable, 300);
- --eds-typography-header-sm-font-weight-normal: var(--eds--spacious, 400) var(--eds--comfortable, 400);
- --eds-typography-header-sm-font-weight-bolder: var(--eds--spacious, 500) var(--eds--comfortable, 500);
- --eds-typography-header-sm-lineheight-default: var(--eds--spacious, 1rem) var(--eds--comfortable, 1rem);
- --eds-typography-header-sm-lineheight-squished: var(--eds--spacious, .75rem) var(--eds--comfortable, .75rem);
- --eds-typography-header-md-font-size: var(--eds--spacious, 1rem) var(--eds--comfortable, .875rem);
- --eds-typography-header-md-tracking-tight: var(--eds--spacious, -1.54px) var(--eds--comfortable, -1.32px);
- --eds-typography-header-md-tracking-normal: var(--eds--spacious, 0px) var(--eds--comfortable, 0px);
- --eds-typography-header-md-tracking-loose: var(--eds--spacious, 1.54px) var(--eds--comfortable, 1.32px);
- --eds-typography-header-md-font-weight-lighter: var(--eds--spacious, 300) var(--eds--comfortable, 300);
- --eds-typography-header-md-font-weight-normal: var(--eds--spacious, 400) var(--eds--comfortable, 400);
- --eds-typography-header-md-font-weight-bolder: var(--eds--spacious, 500) var(--eds--comfortable, 500);
- --eds-typography-header-md-lineheight-default: var(--eds--spacious, 1.25rem) var(--eds--comfortable, 1rem);
- --eds-typography-header-md-lineheight-squished: var(--eds--spacious, 1rem) var(--eds--comfortable, .75rem);
- --eds-typography-header-lg-font-size: var(--eds--spacious, 1.125rem) var(--eds--comfortable, 1rem);
- --eds-typography-header-lg-tracking-tight: var(--eds--spacious, -1.76px) var(--eds--comfortable, -1.54px);
- --eds-typography-header-lg-tracking-normal: var(--eds--spacious, 0px) var(--eds--comfortable, 0px);
- --eds-typography-header-lg-tracking-loose: var(--eds--spacious, 1.76px) var(--eds--comfortable, 1.54px);
- --eds-typography-header-lg-font-weight-lighter: var(--eds--spacious, 300) var(--eds--comfortable, 300);
- --eds-typography-header-lg-font-weight-normal: var(--eds--spacious, 400) var(--eds--comfortable, 400);
- --eds-typography-header-lg-font-weight-bolder: var(--eds--spacious, 500) var(--eds--comfortable, 500);
- --eds-typography-header-lg-lineheight-default: var(--eds--spacious, 1.5rem) var(--eds--comfortable, 1.25rem);
- --eds-typography-header-lg-lineheight-squished: var(--eds--spacious, 1.25rem) var(--eds--comfortable, 1rem);
- --eds-typography-header-xl-font-size: var(--eds--spacious, 1.313rem) var(--eds--comfortable, 1.125rem);
- --eds-typography-header-xl-tracking-tight: var(--eds--spacious, -1.76px) var(--eds--comfortable, -1.76px);
- --eds-typography-header-xl-tracking-normal: var(--eds--spacious, 0px) var(--eds--comfortable, 0px);
- --eds-typography-header-xl-tracking-loose: var(--eds--spacious, 2.035px) var(--eds--comfortable, 1.76px);
- --eds-typography-header-xl-font-weight-lighter: var(--eds--spacious, 300) var(--eds--comfortable, 300);
- --eds-typography-header-xl-font-weight-normal: var(--eds--spacious, 400) var(--eds--comfortable, 400);
- --eds-typography-header-xl-font-weight-bolder: var(--eds--spacious, 500) var(--eds--comfortable, 500);
- --eds-typography-header-xl-lineheight-default: var(--eds--spacious, 1.5rem) var(--eds--comfortable, 1.5rem);
- --eds-typography-header-xl-lineheight-squished: var(--eds--spacious, 1.25rem) var(--eds--comfortable, 1.25rem);
- --eds-typography-header-2xl-font-size: var(--eds--spacious, 1.5rem) var(--eds--comfortable, 1.313rem);
- --eds-typography-header-2xl-tracking-tight: var(--eds--spacious, -2.31px) var(--eds--comfortable, -1.76px);
- --eds-typography-header-2xl-tracking-normal: var(--eds--spacious, 0px) var(--eds--comfortable, 0px);
- --eds-typography-header-2xl-tracking-loose: var(--eds--spacious, 2.31px) var(--eds--comfortable, 2.035px);
- --eds-typography-header-2xl-font-weight-lighter: var(--eds--spacious, 300) var(--eds--comfortable, 300);
- --eds-typography-header-2xl-font-weight-normal: var(--eds--spacious, 400) var(--eds--comfortable, 400);
- --eds-typography-header-2xl-font-weight-bolder: var(--eds--spacious, 500) var(--eds--comfortable, 500);
- --eds-typography-header-2xl-lineheight-default: var(--eds--spacious, 1.75rem) var(--eds--comfortable, 1.5rem);
- --eds-typography-header-2xl-lineheight-squished: var(--eds--spacious, 1.5rem) var(--eds--comfortable, 1.25rem);
- --eds-typography-header-3xl-font-size: var(--eds--spacious, 1.719rem) var(--eds--comfortable, 1.5rem);
- --eds-typography-header-3xl-tracking-tight: var(--eds--spacious, -2.695px) var(--eds--comfortable, -2.31px);
- --eds-typography-header-3xl-tracking-normal: var(--eds--spacious, 0px) var(--eds--comfortable, 0px);
- --eds-typography-header-3xl-tracking-loose: var(--eds--spacious, 2.695px) var(--eds--comfortable, 2.31px);
- --eds-typography-header-3xl-font-weight-lighter: var(--eds--spacious, 300) var(--eds--comfortable, 300);
- --eds-typography-header-3xl-font-weight-normal: var(--eds--spacious, 400) var(--eds--comfortable, 400);
- --eds-typography-header-3xl-font-weight-bolder: var(--eds--spacious, 500) var(--eds--comfortable, 500);
- --eds-typography-header-3xl-lineheight-default: var(--eds--spacious, 2rem) var(--eds--comfortable, 1.75rem);
- --eds-typography-header-3xl-lineheight-squished: var(--eds--spacious, 1.75rem) var(--eds--comfortable, 1.5rem);
- --eds-typography-header-4xl-font-size: var(--eds--spacious, 1.969rem) var(--eds--comfortable, 1.719rem);
- --eds-typography-header-4xl-tracking-tight: var(--eds--spacious, -3.08px) var(--eds--comfortable, -2.695px);
- --eds-typography-header-4xl-tracking-normal: var(--eds--spacious, 0px) var(--eds--comfortable, 0px);
- --eds-typography-header-4xl-tracking-loose: var(--eds--spacious, 3.08px) var(--eds--comfortable, 2.695px);
- --eds-typography-header-4xl-font-weight-lighter: var(--eds--spacious, 300) var(--eds--comfortable, 300);
- --eds-typography-header-4xl-font-weight-normal: var(--eds--spacious, 400) var(--eds--comfortable, 400);
- --eds-typography-header-4xl-font-weight-bolder: var(--eds--spacious, 500) var(--eds--comfortable, 500);
- --eds-typography-header-4xl-lineheight-default: var(--eds--spacious, 2rem) var(--eds--comfortable, 2rem);
- --eds-typography-header-4xl-lineheight-squished: var(--eds--spacious, 1.75rem) var(--eds--comfortable, 1.75rem);
- --eds-typography-header-5xl-font-size: var(--eds--spacious, 2.281rem) var(--eds--comfortable, 1.969rem);
- --eds-typography-header-5xl-tracking-tight: var(--eds--spacious, -3.52px) var(--eds--comfortable, -3.08px);
- --eds-typography-header-5xl-tracking-normal: var(--eds--spacious, 0px) var(--eds--comfortable, 0px);
- --eds-typography-header-5xl-tracking-loose: var(--eds--spacious, 3.52px) var(--eds--comfortable, 3.08px);
- --eds-typography-header-5xl-font-weight-lighter: var(--eds--spacious, 300) var(--eds--comfortable, 300);
- --eds-typography-header-5xl-font-weight-normal: var(--eds--spacious, 400) var(--eds--comfortable, 400);
- --eds-typography-header-5xl-font-weight-bolder: var(--eds--spacious, 500) var(--eds--comfortable, 500);
- --eds-typography-header-5xl-lineheight-default: var(--eds--spacious, 2.25rem) var(--eds--comfortable, 2rem);
- --eds-typography-header-5xl-lineheight-squished: var(--eds--spacious, 2rem) var(--eds--comfortable, 1.75rem);
- --eds-typography-header-6xl-font-size: var(--eds--spacious, 2.625rem) var(--eds--comfortable, 2.281rem);
- --eds-typography-header-6xl-tracking-tight: var(--eds--spacious, -4.07px) var(--eds--comfortable, -3.52px);
- --eds-typography-header-6xl-tracking-normal: var(--eds--spacious, 0px) var(--eds--comfortable, 0px);
- --eds-typography-header-6xl-tracking-loose: var(--eds--spacious, 4.07px) var(--eds--comfortable, 3.52px);
- --eds-typography-header-6xl-font-weight-lighter: var(--eds--spacious, 300) var(--eds--comfortable, 300);
- --eds-typography-header-6xl-font-weight-normal: var(--eds--spacious, 400) var(--eds--comfortable, 400);
- --eds-typography-header-6xl-font-weight-bolder: var(--eds--spacious, 500) var(--eds--comfortable, 500);
- --eds-typography-header-6xl-lineheight-default: var(--eds--spacious, 2.5rem) var(--eds--comfortable, 2.25rem);
- --eds-typography-header-6xl-lineheight-squished: var(--eds--spacious, 2.25rem) var(--eds--comfortable, 2rem);
-}
diff --git a/packages/eds-tokens/build/css/variables-static.min.css b/packages/eds-tokens/build/css/variables-static.min.css
deleted file mode 100644
index 505b91cc6c..0000000000
--- a/packages/eds-tokens/build/css/variables-static.min.css
+++ /dev/null
@@ -1 +0,0 @@
-:root,[data-color-scheme=light]{color-scheme:light}[data-color-scheme=dark]{color-scheme:dark}:root{--eds-color-bg-floating:light-dark(#fff,#202223);--eds-color-bg-backdrop:light-dark(#aeaeae,#738696);--eds-color-bg-input:light-dark(#f5f5f5,#0b0b0b);--eds-color-border-focus:light-dark(#6fb6e9,#2d8bc5);--eds-color-text-link:light-dark(#121e27,#ecffff);--eds-color-accent-1:light-dark(#eaf8fa,#0a0b0b);--eds-color-accent-2:light-dark(#f6ffff,#1e2323);--eds-color-accent-3:light-dark(#c5e1e4,#3c6266);--eds-color-accent-4:light-dark(#b1d6da,#3e7378);--eds-color-accent-5:light-dark(#97c8cd,#41878e);--eds-color-accent-6:light-dark(#bbdbdf,#3c6266);--eds-color-accent-7:light-dark(#7cbac1,#439199);--eds-color-accent-8:light-dark(#21767e,#6ec0c9);--eds-color-accent-9:light-dark(#206f77,#8cd2da);--eds-color-accent-10:light-dark(#205c62,#ace3e9);--eds-color-accent-11:light-dark(#20565c,#c7f1f6);--eds-color-accent-12:light-dark(#1f6369,#bcebf1);--eds-color-accent-13:light-dark(#141f20,#e6ffff);--eds-color-accent-14:light-dark(#cae4e7,#2c3839);--eds-color-accent-15:light-dark(#fff,#030303);--eds-color-neutral-1:light-dark(#f5f5f5,#0b0b0b);--eds-color-neutral-2:light-dark(#fff,#202223);--eds-color-neutral-3:light-dark(#dbdbdb,#525c65);--eds-color-neutral-4:light-dark(#cecece,#5d6b76);--eds-color-neutral-5:light-dark(#bebebe,#6b7d8b);--eds-color-neutral-6:light-dark(#d4d4d4,#525c65);--eds-color-neutral-7:light-dark(#aeaeae,#738696);--eds-color-neutral-8:light-dark(#696969,#9fb4c6);--eds-color-neutral-9:light-dark(#636363,#b4c7d7);--eds-color-neutral-10:light-dark(#525252,#cadae7);--eds-color-neutral-11:light-dark(#4d4d4d,#deeaf4);--eds-color-neutral-12:light-dark(#585858,#d6e3ee);--eds-color-neutral-13:light-dark(#1d1d1d,#f5fdff);--eds-color-neutral-14:light-dark(#dedede,#333639);--eds-color-neutral-15:light-dark(#fff,#030303);--eds-color-info-1:light-dark(#e7f8ff,#0a0b0c);--eds-color-info-2:light-dark(#f4ffff,#1d2226);--eds-color-info-3:light-dark(#c0e0f8,#33607e);--eds-color-info-4:light-dark(#aad4f3,#316f98);--eds-color-info-5:light-dark(#8dc5ee,#2e82b7);--eds-color-info-6:light-dark(#b5daf5,#33607e);--eds-color-info-7:light-dark(#6fb6e9,#2d8bc5);--eds-color-info-8:light-dark(#0070a9,#5abbfb);--eds-color-info-9:light-dark(#006aa0,#7dceff);--eds-color-info-10:light-dark(#085883,#a2e0ff);--eds-color-info-11:light-dark(#0e5279,#c4eeff);--eds-color-info-12:light-dark(#015e8d,#b7e8ff);--eds-color-info-13:light-dark(#121e27,#ecffff);--eds-color-info-14:light-dark(#c5e3f9,#2a3741);--eds-color-info-15:light-dark(#fff,#030304);--eds-color-success-1:light-dark(#eafbe8,#0a0c0a);--eds-color-success-2:light-dark(#f6fff5,#1e231e);--eds-color-success-3:light-dark(#c5e5c2,#3c673a);--eds-color-success-4:light-dark(#b1dbae,#3e793c);--eds-color-success-5:light-dark(#97cf93,#418e3e);--eds-color-success-6:light-dark(#bbe0b8,#3c673a);--eds-color-success-7:light-dark(#7cc278,#439941);--eds-color-success-8:light-dark(#227e22,#6eca6a);--eds-color-success-9:light-dark(#207720,#8cdb87);--eds-color-success-10:light-dark(#20621f,#aceba8);--eds-color-success-11:light-dark(#215c1f,#c7f7c3);--eds-color-success-12:light-dark(#20691f,#bcf2b8);--eds-color-success-13:light-dark(#142114,#e6ffe3);--eds-color-success-14:light-dark(#cae8c7,#2c392b);--eds-color-success-15:light-dark(#fff,#030303);--eds-color-warning-1:light-dark(#fff1e2,#0c0b0a);--eds-color-warning-2:light-dark(#fffcf0,#27201b);--eds-color-warning-3:light-dark(#f9d2b6,#7e4e25);--eds-color-warning-4:light-dark(#f4c29d,#97571b);--eds-color-warning-5:light-dark(#eeae7c,#b46201);--eds-color-warning-6:light-dark(#f6caaa,#7e4e25);--eds-color-warning-7:light-dark(#e89959,#c36800);--eds-color-warning-8:light-dark(#a34e00,#f99539);--eds-color-warning-9:light-dark(#9b4900,#ffad63);--eds-color-warning-10:light-dark(#813e00,#ffc791);--eds-color-warning-11:light-dark(#773a00,#ffddb9);--eds-color-warning-12:light-dark(#8a4100,#ffd4aa);--eds-color-warning-13:light-dark(#27190e,#fff7e6);--eds-color-warning-14:light-dark(#fad6bc,#413226);--eds-color-warning-15:light-dark(#fff,#040303);--eds-color-danger-1:light-dark(#ffecea,#0d0a0a);--eds-color-danger-2:light-dark(#fff9f8,#2a1e1e);--eds-color-danger-3:light-dark(#ffc6c4,#923a3c);--eds-color-danger-4:light-dark(#ffb2b0,#b03940);--eds-color-danger-5:light-dark(#ff9897,#d43745);--eds-color-danger-6:light-dark(#ffbcba,#923a3c);--eds-color-danger-7:light-dark(#ff7a7d,#e53748);--eds-color-danger-8:light-dark(#c6002d,#ff8082);--eds-color-danger-9:light-dark(#bc002a,#ffa3a1);--eds-color-danger-10:light-dark(#9a1026,#ffc1bf);--eds-color-danger-11:light-dark(#8e1525,#ffd9d7);--eds-color-danger-12:light-dark(#a50827,#ffd0ce);--eds-color-danger-13:light-dark(#2e1414,#fff5f4);--eds-color-danger-14:light-dark(#ffcbc9,#492d2c);--eds-color-danger-15:light-dark(#fff,#040303);--eds-color-bg-neutral-canvas:var(--eds-color-neutral-1);--eds-color-bg-neutral-surface:var(--eds-color-neutral-2);--eds-color-bg-neutral-fill-muted-default:var(--eds-color-neutral-3);--eds-color-bg-neutral-fill-muted-hover:var(--eds-color-neutral-4);--eds-color-bg-neutral-fill-muted-active:var(--eds-color-neutral-5);--eds-color-bg-neutral-fill-emphasis-default:var(--eds-color-neutral-9);--eds-color-bg-neutral-fill-emphasis-hover:var(--eds-color-neutral-10);--eds-color-bg-neutral-fill-emphasis-active:var(--eds-color-neutral-11);--eds-color-bg-accent-canvas:var(--eds-color-accent-1);--eds-color-bg-accent-surface:var(--eds-color-accent-2);--eds-color-bg-accent-fill-muted-default:var(--eds-color-accent-3);--eds-color-bg-accent-fill-muted-hover:var(--eds-color-accent-4);--eds-color-bg-accent-fill-muted-active:var(--eds-color-accent-5);--eds-color-bg-accent-fill-emphasis-default:var(--eds-color-accent-9);--eds-color-bg-accent-fill-emphasis-hover:var(--eds-color-accent-10);--eds-color-bg-accent-fill-emphasis-active:var(--eds-color-accent-11);--eds-color-bg-success-canvas:var(--eds-color-success-1);--eds-color-bg-success-surface:var(--eds-color-success-2);--eds-color-bg-success-fill-muted-default:var(--eds-color-success-3);--eds-color-bg-success-fill-muted-hover:var(--eds-color-success-4);--eds-color-bg-success-fill-muted-active:var(--eds-color-success-5);--eds-color-bg-success-fill-emphasis-default:var(--eds-color-success-9);--eds-color-bg-success-fill-emphasis-hover:var(--eds-color-success-10);--eds-color-bg-success-fill-emphasis-active:var(--eds-color-success-11);--eds-color-bg-info-canvas:var(--eds-color-info-1);--eds-color-bg-info-surface:var(--eds-color-info-2);--eds-color-bg-info-fill-muted-default:var(--eds-color-info-3);--eds-color-bg-info-fill-muted-hover:var(--eds-color-info-4);--eds-color-bg-info-fill-muted-active:var(--eds-color-info-5);--eds-color-bg-info-fill-emphasis-default:var(--eds-color-info-9);--eds-color-bg-info-fill-emphasis-hover:var(--eds-color-info-10);--eds-color-bg-info-fill-emphasis-active:var(--eds-color-info-11);--eds-color-bg-warning-canvas:var(--eds-color-warning-1);--eds-color-bg-warning-surface:var(--eds-color-warning-2);--eds-color-bg-warning-fill-muted-default:var(--eds-color-warning-3);--eds-color-bg-warning-fill-muted-hover:var(--eds-color-warning-4);--eds-color-bg-warning-fill-muted-active:var(--eds-color-warning-5);--eds-color-bg-warning-fill-emphasis-default:var(--eds-color-warning-9);--eds-color-bg-warning-fill-emphasis-hover:var(--eds-color-warning-10);--eds-color-bg-warning-fill-emphasis-active:var(--eds-color-warning-11);--eds-color-bg-danger-canvas:var(--eds-color-danger-1);--eds-color-bg-danger-surface:var(--eds-color-danger-2);--eds-color-bg-danger-fill-muted-default:var(--eds-color-danger-3);--eds-color-bg-danger-fill-muted-hover:var(--eds-color-danger-4);--eds-color-bg-danger-fill-muted-active:var(--eds-color-danger-5);--eds-color-bg-danger-fill-emphasis-default:var(--eds-color-danger-9);--eds-color-bg-danger-fill-emphasis-hover:var(--eds-color-danger-10);--eds-color-bg-danger-fill-emphasis-active:var(--eds-color-danger-11);--eds-color-border-neutral-subtle:var(--eds-color-neutral-6);--eds-color-border-neutral-medium:var(--eds-color-neutral-7);--eds-color-border-neutral-strong:var(--eds-color-neutral-8);--eds-color-border-accent-subtle:var(--eds-color-accent-6);--eds-color-border-accent-medium:var(--eds-color-accent-7);--eds-color-border-accent-strong:var(--eds-color-accent-8);--eds-color-border-success-subtle:var(--eds-color-success-6);--eds-color-border-success-medium:var(--eds-color-success-7);--eds-color-border-success-strong:var(--eds-color-success-8);--eds-color-border-info-subtle:var(--eds-color-info-6);--eds-color-border-info-medium:var(--eds-color-info-7);--eds-color-border-info-strong:var(--eds-color-info-8);--eds-color-border-warning-subtle:var(--eds-color-warning-6);--eds-color-border-warning-medium:var(--eds-color-warning-7);--eds-color-border-warning-strong:var(--eds-color-warning-8);--eds-color-border-danger-subtle:var(--eds-color-danger-6);--eds-color-border-danger-medium:var(--eds-color-danger-7);--eds-color-border-danger-strong:var(--eds-color-danger-8);--eds-color-text-neutral-subtle:var(--eds-color-neutral-12);--eds-color-text-neutral-strong:var(--eds-color-neutral-13);--eds-color-text-neutral-subtle-on-emphasis:var(--eds-color-neutral-14);--eds-color-text-neutral-strong-on-emphasis:var(--eds-color-neutral-15);--eds-color-text-accent-subtle:var(--eds-color-accent-12);--eds-color-text-accent-strong:var(--eds-color-accent-13);--eds-color-text-accent-subtle-on-emphasis:var(--eds-color-accent-14);--eds-color-text-accent-strong-on-emphasis:var(--eds-color-accent-15);--eds-color-text-success-subtle:var(--eds-color-success-12);--eds-color-text-success-strong:var(--eds-color-success-13);--eds-color-text-success-subtle-on-emphasis:var(--eds-color-success-14);--eds-color-text-success-strong-on-emphasis:var(--eds-color-success-15);--eds-color-text-info-subtle:var(--eds-color-info-12);--eds-color-text-info-strong:var(--eds-color-info-13);--eds-color-text-info-subtle-on-emphasis:var(--eds-color-info-14);--eds-color-text-info-strong-on-emphasis:var(--eds-color-info-15);--eds-color-text-warning-subtle:var(--eds-color-warning-12);--eds-color-text-warning-strong:var(--eds-color-warning-13);--eds-color-text-warning-subtle-on-emphasis:var(--eds-color-warning-14);--eds-color-text-warning-strong-on-emphasis:var(--eds-color-warning-15);--eds-color-text-danger-subtle:var(--eds-color-danger-12);--eds-color-text-danger-strong:var(--eds-color-danger-13);--eds-color-text-danger-subtle-on-emphasis:var(--eds-color-danger-14);--eds-color-text-danger-strong-on-emphasis:var(--eds-color-danger-15)}@property --captured-size-1{syntax:"";inherits:false;initial-value:0}@property --captured-size-2{syntax:"";inherits:false;initial-value:0}@property --captured-size-3{syntax:"";inherits:false;initial-value:0}@property --captured-color-1{syntax:"";inherits:false;initial-value:#0000}@property --captured-color-2{syntax:"";inherits:false;initial-value:#0000}@property --captured-color-3{syntax:"";inherits:false;initial-value:#0000}@property --captured-color-4{syntax:"";inherits:false;initial-value:#0000}:root,[data-density]{--density:var(--eds--spacious);--eds--comfortable:var(--density, );--eds--spacious:var(--density, )}[data-density=comfortable]{--density:var(--eds--comfortable)}[data-density=spacious]{--density:var(--eds--spacious)}:root,[data-density]{--eds-spacing-icon-xs-gap-horizontal:var(--eds--spacious,.406rem)var(--eds--comfortable,.344rem);--eds-spacing-icon-xs-gap-vertical:var(--eds--spacious,.406rem)var(--eds--comfortable,.344rem);--eds-spacing-icon-sm-gap-horizontal:var(--eds--spacious,.469rem)var(--eds--comfortable,.406rem);--eds-spacing-icon-sm-gap-vertical:var(--eds--spacious,.469rem)var(--eds--comfortable,.406rem);--eds-spacing-icon-md-gap-horizontal:var(--eds--spacious,.531rem)var(--eds--comfortable,.469rem);--eds-spacing-icon-md-gap-vertical:var(--eds--spacious,.531rem)var(--eds--comfortable,.469rem);--eds-spacing-icon-lg-gap-horizontal:var(--eds--spacious,.625rem)var(--eds--comfortable,.531rem);--eds-spacing-icon-lg-gap-vertical:var(--eds--spacious,.625rem)var(--eds--comfortable,.531rem);--eds-spacing-icon-xl-gap-horizontal:var(--eds--spacious,.719rem)var(--eds--comfortable,.625rem);--eds-spacing-icon-xl-gap-vertical:var(--eds--spacious,.719rem)var(--eds--comfortable,.625rem);--eds-spacing-icon-2xl-gap-horizontal:var(--eds--spacious,.813rem)var(--eds--comfortable,.719rem);--eds-spacing-icon-2xl-gap-vertical:var(--eds--spacious,.813rem)var(--eds--comfortable,.719rem);--eds-spacing-icon-3xl-gap-horizontal:var(--eds--spacious,.938rem)var(--eds--comfortable,.813rem);--eds-spacing-icon-3xl-gap-vertical:var(--eds--spacious,.938rem)var(--eds--comfortable,.813rem);--eds-spacing-icon-4xl-gap-horizontal:var(--eds--spacious,1.094rem)var(--eds--comfortable,.938rem);--eds-spacing-icon-4xl-gap-vertical:var(--eds--spacious,1.094rem)var(--eds--comfortable,.938rem);--eds-spacing-icon-5xl-gap-horizontal:var(--eds--spacious,1.25rem)var(--eds--comfortable,1.094rem);--eds-spacing-icon-5xl-gap-vertical:var(--eds--spacious,1.25rem)var(--eds--comfortable,1.094rem);--eds-spacing-icon-6xl-gap-horizontal:var(--eds--spacious,1.438rem)var(--eds--comfortable,1.25rem);--eds-spacing-icon-6xl-gap-vertical:var(--eds--spacious,1.438rem)var(--eds--comfortable,1.25rem);--eds-spacing-inline-4-xs:var(--eds--spacious,.125rem)var(--eds--comfortable,.063rem);--eds-spacing-inline-3-xs:var(--eds--spacious,.25rem)var(--eds--comfortable,.125rem);--eds-spacing-inline-2-xs:var(--eds--spacious,.375rem)var(--eds--comfortable,.25rem);--eds-spacing-inline-xs:var(--eds--spacious,.5rem)var(--eds--comfortable,.375rem);--eds-spacing-inline-sm:var(--eds--spacious,.75rem)var(--eds--comfortable,.5rem);--eds-spacing-inline-md:var(--eds--spacious,1rem)var(--eds--comfortable,.75rem);--eds-spacing-inline-lg:var(--eds--spacious,1.25rem)var(--eds--comfortable,1rem);--eds-spacing-inline-xl:var(--eds--spacious,1.5rem)var(--eds--comfortable,1.25rem);--eds-spacing-inline-2-xl:var(--eds--spacious,1.75rem)var(--eds--comfortable,1.5rem);--eds-spacing-inline-3-xl:var(--eds--spacious,2rem)var(--eds--comfortable,1.75rem);--eds-spacing-stack-4-xs:var(--eds--spacious,.125rem)var(--eds--comfortable,.063rem);--eds-spacing-stack-3-xs:var(--eds--spacious,.25rem)var(--eds--comfortable,.125rem);--eds-spacing-stack-2-xs:var(--eds--spacious,.375rem)var(--eds--comfortable,.25rem);--eds-spacing-stack-xs:var(--eds--spacious,.5rem)var(--eds--comfortable,.375rem);--eds-spacing-stack-sm:var(--eds--spacious,.75rem)var(--eds--comfortable,.5rem);--eds-spacing-stack-md:var(--eds--spacious,1rem)var(--eds--comfortable,.75rem);--eds-spacing-stack-lg:var(--eds--spacious,1.25rem)var(--eds--comfortable,1rem);--eds-spacing-stack-xl:var(--eds--spacious,1.5rem)var(--eds--comfortable,1.25rem);--eds-spacing-stack-2-xl:var(--eds--spacious,1.75rem)var(--eds--comfortable,1.5rem);--eds-spacing-stack-3-xl:var(--eds--spacious,2rem)var(--eds--comfortable,1.75rem);--eds-spacing-border-radius-rounded:var(--eds--spacious,.25rem)var(--eds--comfortable,.188rem);--eds-spacing-border-radius-pill:var(--eds--spacious,62.5rem)var(--eds--comfortable,62.5rem);--eds-spacing-border-radius-none:0rem;--eds-spacing-inset-xs-inline:var(--eds--spacious,.5rem)var(--eds--comfortable,.375rem);--eds-spacing-inset-xs-stack-squished:var(--eds--spacious,.375rem)var(--eds--comfortable,.25rem);--eds-spacing-inset-xs-stack-squared:var(--eds--spacious,.5rem)var(--eds--comfortable,.375rem);--eds-spacing-inset-xs-stack-stretched:var(--eds--spacious,.75rem)var(--eds--comfortable,.5rem);--eds-spacing-inset-sm-inline:var(--eds--spacious,.75rem)var(--eds--comfortable,.5rem);--eds-spacing-inset-sm-stack-squished:var(--eds--spacious,.5rem)var(--eds--comfortable,.375rem);--eds-spacing-inset-sm-stack-squared:var(--eds--spacious,.75rem)var(--eds--comfortable,.5rem);--eds-spacing-inset-sm-stack-stretched:var(--eds--spacious,1rem)var(--eds--comfortable,.75rem);--eds-spacing-inset-md-inline:var(--eds--spacious,1rem)var(--eds--comfortable,.75rem);--eds-spacing-inset-md-stack-squished:var(--eds--spacious,.75rem)var(--eds--comfortable,.5rem);--eds-spacing-inset-md-stack-squared:var(--eds--spacious,1rem)var(--eds--comfortable,.75rem);--eds-spacing-inset-md-stack-stretched:var(--eds--spacious,1.25rem)var(--eds--comfortable,1rem);--eds-spacing-inset-lg-inline:var(--eds--spacious,1.25rem)var(--eds--comfortable,1rem);--eds-spacing-inset-lg-stack-squished:var(--eds--spacious,1rem)var(--eds--comfortable,.75rem);--eds-spacing-inset-lg-stack-squared:var(--eds--spacious,1.25rem)var(--eds--comfortable,1rem);--eds-spacing-inset-lg-stack-stretched:var(--eds--spacious,1.5rem)var(--eds--comfortable,1.25rem);--eds-spacing-inset-xl-inline:var(--eds--spacious,1.5rem)var(--eds--comfortable,1.25rem);--eds-spacing-inset-xl-stack-squished:var(--eds--spacious,1.25rem)var(--eds--comfortable,1rem);--eds-spacing-inset-xl-stack-squared:var(--eds--spacious,1.5rem)var(--eds--comfortable,1.25rem);--eds-spacing-inset-xl-stack-stretched:var(--eds--spacious,1.75rem)var(--eds--comfortable,1.5rem);--eds-sizing-icon-xs:var(--eds--spacious,1rem)var(--eds--comfortable,.875rem);--eds-sizing-icon-sm:var(--eds--spacious,1.125rem)var(--eds--comfortable,1rem);--eds-sizing-icon-md:var(--eds--spacious,1.25rem)var(--eds--comfortable,1.125rem);--eds-sizing-icon-lg:var(--eds--spacious,1.5rem)var(--eds--comfortable,1.25rem);--eds-sizing-icon-xl:var(--eds--spacious,1.75rem)var(--eds--comfortable,1.5rem);--eds-sizing-icon-2xl:var(--eds--spacious,2rem)var(--eds--comfortable,1.75rem);--eds-sizing-icon-3xl:var(--eds--spacious,2.313rem)var(--eds--comfortable,2rem);--eds-sizing-icon-4xl:var(--eds--spacious,2.625rem)var(--eds--comfortable,2.313rem);--eds-sizing-icon-5xl:var(--eds--spacious,3rem)var(--eds--comfortable,2.625rem);--eds-sizing-icon-6xl:var(--eds--spacious,3.5rem)var(--eds--comfortable,3rem);--eds-sizing-selectable-xs:var(--eds--spacious,1.25rem)var(--eds--comfortable,1rem);--eds-sizing-selectable-sm:var(--eds--spacious,1.5rem)var(--eds--comfortable,1.25rem);--eds-sizing-selectable-md:var(--eds--spacious,2.25rem)var(--eds--comfortable,1.5rem);--eds-sizing-selectable-lg:var(--eds--spacious,2.75rem)var(--eds--comfortable,2.25rem);--eds-sizing-selectable-xl:var(--eds--spacious,3.25rem)var(--eds--comfortable,2.75rem);--eds-sizing-selectable-2xl:var(--eds--spacious,3.75rem)var(--eds--comfortable,3.25rem);--eds-sizing-stroke-thin:var(--eds--spacious,.063rem)var(--eds--comfortable,.063rem);--eds-sizing-stroke-thick:var(--eds--spacious,.125rem)var(--eds--comfortable,.125rem);--eds-sizing-stroke-none:0rem;--eds-typography-ui-body-xs-font-size:var(--eds--spacious,.656rem)var(--eds--comfortable,.563rem);--eds-typography-ui-body-xs-tracking-tight:var(--eds--spacious,-1.15px)var(--eds--comfortable,-.99px);--eds-typography-ui-body-xs-tracking-normal:var(--eds--spacious,0px)var(--eds--comfortable,0px);--eds-typography-ui-body-xs-tracking-loose:var(--eds--spacious,1.15px)var(--eds--comfortable,.99px);--eds-typography-ui-body-xs-font-weight-lighter:var(--eds--spacious,300)var(--eds--comfortable,300);--eds-typography-ui-body-xs-font-weight-normal:var(--eds--spacious,400)var(--eds--comfortable,400);--eds-typography-ui-body-xs-font-weight-bolder:var(--eds--spacious,500)var(--eds--comfortable,500);--eds-typography-ui-body-xs-lineheight-default:var(--eds--spacious,1rem)var(--eds--comfortable,.75rem);--eds-typography-ui-body-xs-lineheight-squished:var(--eds--spacious,.75rem)var(--eds--comfortable,.75rem);--eds-typography-ui-body-sm-font-size:var(--eds--spacious,.75rem)var(--eds--comfortable,.656rem);--eds-typography-ui-body-sm-tracking-tight:var(--eds--spacious,-1.32px)var(--eds--comfortable,-1.15px);--eds-typography-ui-body-sm-tracking-normal:var(--eds--spacious,0px)var(--eds--comfortable,0px);--eds-typography-ui-body-sm-tracking-loose:var(--eds--spacious,1.32px)var(--eds--comfortable,1.15px);--eds-typography-ui-body-sm-font-weight-lighter:var(--eds--spacious,300)var(--eds--comfortable,300);--eds-typography-ui-body-sm-font-weight-normal:var(--eds--spacious,400)var(--eds--comfortable,400);--eds-typography-ui-body-sm-font-weight-bolder:var(--eds--spacious,500)var(--eds--comfortable,500);--eds-typography-ui-body-sm-lineheight-default:var(--eds--spacious,1rem)var(--eds--comfortable,1rem);--eds-typography-ui-body-sm-lineheight-squished:var(--eds--spacious,.75rem)var(--eds--comfortable,.75rem);--eds-typography-ui-body-font-family:"Inter";--eds-typography-ui-body-md-font-size:var(--eds--spacious,.875rem)var(--eds--comfortable,.75rem);--eds-typography-ui-body-md-tracking-tight:var(--eds--spacious,-1.54px)var(--eds--comfortable,-1.32px);--eds-typography-ui-body-md-tracking-normal:var(--eds--spacious,0px)var(--eds--comfortable,0px);--eds-typography-ui-body-md-tracking-loose:var(--eds--spacious,1.54px)var(--eds--comfortable,1.32px);--eds-typography-ui-body-md-font-weight-lighter:var(--eds--spacious,300)var(--eds--comfortable,300);--eds-typography-ui-body-md-font-weight-normal:var(--eds--spacious,400)var(--eds--comfortable,400);--eds-typography-ui-body-md-font-weight-bolder:var(--eds--spacious,500)var(--eds--comfortable,500);--eds-typography-ui-body-md-lineheight-default:var(--eds--spacious,1.25rem)var(--eds--comfortable,1rem);--eds-typography-ui-body-md-lineheight-squished:var(--eds--spacious,1rem)var(--eds--comfortable,.75rem);--eds-typography-ui-body-lg-font-size:var(--eds--spacious,1rem)var(--eds--comfortable,.875rem);--eds-typography-ui-body-lg-tracking-tight:var(--eds--spacious,-1.76px)var(--eds--comfortable,-1.54px);--eds-typography-ui-body-lg-tracking-normal:var(--eds--spacious,0px)var(--eds--comfortable,0px);--eds-typography-ui-body-lg-tracking-loose:var(--eds--spacious,1.76px)var(--eds--comfortable,1.54px);--eds-typography-ui-body-lg-font-weight-lighter:var(--eds--spacious,300)var(--eds--comfortable,300);--eds-typography-ui-body-lg-font-weight-normal:var(--eds--spacious,400)var(--eds--comfortable,400);--eds-typography-ui-body-lg-font-weight-bolder:var(--eds--spacious,500)var(--eds--comfortable,500);--eds-typography-ui-body-lg-lineheight-default:var(--eds--spacious,1.5rem)var(--eds--comfortable,1.25rem);--eds-typography-ui-body-lg-lineheight-squished:var(--eds--spacious,1.25rem)var(--eds--comfortable,1rem);--eds-typography-ui-body-xl-font-size:var(--eds--spacious,1.156rem)var(--eds--comfortable,1rem);--eds-typography-ui-body-xl-tracking-tight:var(--eds--spacious,-1.76px)var(--eds--comfortable,-1.76px);--eds-typography-ui-body-xl-tracking-normal:var(--eds--spacious,0px)var(--eds--comfortable,0px);--eds-typography-ui-body-xl-tracking-loose:var(--eds--spacious,2.035px)var(--eds--comfortable,1.76px);--eds-typography-ui-body-xl-font-weight-lighter:var(--eds--spacious,300)var(--eds--comfortable,300);--eds-typography-ui-body-xl-font-weight-normal:var(--eds--spacious,400)var(--eds--comfortable,400);--eds-typography-ui-body-xl-font-weight-bolder:var(--eds--spacious,500)var(--eds--comfortable,500);--eds-typography-ui-body-xl-lineheight-default:var(--eds--spacious,1.5rem)var(--eds--comfortable,1.5rem);--eds-typography-ui-body-xl-lineheight-squished:var(--eds--spacious,1.25rem)var(--eds--comfortable,1.25rem);--eds-typography-ui-body-2xl-font-size:var(--eds--spacious,1.313rem)var(--eds--comfortable,1.156rem);--eds-typography-ui-body-2xl-tracking-tight:var(--eds--spacious,-2.31px)var(--eds--comfortable,-1.76px);--eds-typography-ui-body-2xl-tracking-normal:var(--eds--spacious,0px)var(--eds--comfortable,0px);--eds-typography-ui-body-2xl-tracking-loose:var(--eds--spacious,2.31px)var(--eds--comfortable,2.035px);--eds-typography-ui-body-2xl-font-weight-lighter:var(--eds--spacious,300)var(--eds--comfortable,300);--eds-typography-ui-body-2xl-font-weight-normal:var(--eds--spacious,400)var(--eds--comfortable,400);--eds-typography-ui-body-2xl-font-weight-bolder:var(--eds--spacious,500)var(--eds--comfortable,500);--eds-typography-ui-body-2xl-lineheight-default:var(--eds--spacious,1.75rem)var(--eds--comfortable,1.5rem);--eds-typography-ui-body-2xl-lineheight-squished:var(--eds--spacious,1.5rem)var(--eds--comfortable,1.25rem);--eds-typography-ui-body-3xl-font-size:var(--eds--spacious,1.531rem)var(--eds--comfortable,1.313rem);--eds-typography-ui-body-3xl-tracking-tight:var(--eds--spacious,-2.695px)var(--eds--comfortable,-2.31px);--eds-typography-ui-body-3xl-tracking-normal:var(--eds--spacious,0px)var(--eds--comfortable,0px);--eds-typography-ui-body-3xl-tracking-loose:var(--eds--spacious,2.695px)var(--eds--comfortable,2.31px);--eds-typography-ui-body-3xl-font-weight-lighter:var(--eds--spacious,300)var(--eds--comfortable,300);--eds-typography-ui-body-3xl-font-weight-normal:var(--eds--spacious,400)var(--eds--comfortable,400);--eds-typography-ui-body-3xl-font-weight-bolder:var(--eds--spacious,500)var(--eds--comfortable,500);--eds-typography-ui-body-3xl-lineheight-default:var(--eds--spacious,2rem)var(--eds--comfortable,1.75rem);--eds-typography-ui-body-3xl-lineheight-squished:var(--eds--spacious,1.75rem)var(--eds--comfortable,1.5rem);--eds-typography-ui-body-4xl-font-size:var(--eds--spacious,1.75rem)var(--eds--comfortable,1.531rem);--eds-typography-ui-body-4xl-tracking-tight:var(--eds--spacious,-3.08px)var(--eds--comfortable,-2.695px);--eds-typography-ui-body-4xl-tracking-normal:var(--eds--spacious,0px)var(--eds--comfortable,0px);--eds-typography-ui-body-4xl-tracking-loose:var(--eds--spacious,3.08px)var(--eds--comfortable,2.695px);--eds-typography-ui-body-4xl-font-weight-lighter:var(--eds--spacious,300)var(--eds--comfortable,300);--eds-typography-ui-body-4xl-font-weight-normal:var(--eds--spacious,400)var(--eds--comfortable,400);--eds-typography-ui-body-4xl-font-weight-bolder:var(--eds--spacious,500)var(--eds--comfortable,500);--eds-typography-ui-body-4xl-lineheight-default:var(--eds--spacious,2rem)var(--eds--comfortable,2rem);--eds-typography-ui-body-4xl-lineheight-squished:var(--eds--spacious,1.75rem)var(--eds--comfortable,1.75rem);--eds-typography-ui-body-5xl-font-size:var(--eds--spacious,2rem)var(--eds--comfortable,1.75rem);--eds-typography-ui-body-5xl-tracking-tight:var(--eds--spacious,-3.52px)var(--eds--comfortable,-3.08px);--eds-typography-ui-body-5xl-tracking-normal:var(--eds--spacious,0px)var(--eds--comfortable,0px);--eds-typography-ui-body-5xl-tracking-loose:var(--eds--spacious,3.52px)var(--eds--comfortable,3.08px);--eds-typography-ui-body-5xl-font-weight-lighter:var(--eds--spacious,300)var(--eds--comfortable,300);--eds-typography-ui-body-5xl-font-weight-normal:var(--eds--spacious,400)var(--eds--comfortable,400);--eds-typography-ui-body-5xl-font-weight-bolder:var(--eds--spacious,500)var(--eds--comfortable,500);--eds-typography-ui-body-5xl-lineheight-default:var(--eds--spacious,2.25rem)var(--eds--comfortable,2rem);--eds-typography-ui-body-5xl-lineheight-squished:var(--eds--spacious,2rem)var(--eds--comfortable,1.75rem);--eds-typography-ui-body-6xl-font-size:var(--eds--spacious,2.313rem)var(--eds--comfortable,2rem);--eds-typography-ui-body-6xl-tracking-tight:var(--eds--spacious,-4.07px)var(--eds--comfortable,-3.52px);--eds-typography-ui-body-6xl-tracking-normal:var(--eds--spacious,0px)var(--eds--comfortable,0px);--eds-typography-ui-body-6xl-tracking-loose:var(--eds--spacious,4.07px)var(--eds--comfortable,3.52px);--eds-typography-ui-body-6xl-font-weight-lighter:var(--eds--spacious,300)var(--eds--comfortable,300);--eds-typography-ui-body-6xl-font-weight-normal:var(--eds--spacious,400)var(--eds--comfortable,0px);--eds-typography-ui-body-6xl-font-weight-bolder:var(--eds--spacious,500)var(--eds--comfortable,500);--eds-typography-ui-body-6xl-lineheight-default:var(--eds--spacious,2.5rem)var(--eds--comfortable,2.25rem);--eds-typography-ui-body-6xl-lineheight-squished:var(--eds--spacious,2.25rem)var(--eds--comfortable,2rem);--eds-typography-header-xs-font-size:var(--eds--spacious,.75rem)var(--eds--comfortable,.656rem);--eds-typography-header-xs-tracking-tight:var(--eds--spacious,-1.15px)var(--eds--comfortable,-.99px);--eds-typography-header-xs-tracking-normal:var(--eds--spacious,0px)var(--eds--comfortable,0px);--eds-typography-header-xs-tracking-loose:var(--eds--spacious,1.15px)var(--eds--comfortable,.99px);--eds-typography-header-xs-font-weight-lighter:var(--eds--spacious,300)var(--eds--comfortable,300);--eds-typography-header-xs-font-weight-normal:var(--eds--spacious,400)var(--eds--comfortable,400);--eds-typography-header-xs-font-weight-bolder:var(--eds--spacious,500)var(--eds--comfortable,500);--eds-typography-header-xs-lineheight-default:var(--eds--spacious,1rem)var(--eds--comfortable,.75rem);--eds-typography-header-xs-lineheight-squished:var(--eds--spacious,.75rem)var(--eds--comfortable,.75rem);--eds-typography-header-font-family:"Equinor";--eds-typography-header-sm-font-size:var(--eds--spacious,.875rem)var(--eds--comfortable,.75rem);--eds-typography-header-sm-tracking-tight:var(--eds--spacious,-1.32px)var(--eds--comfortable,-1.15px);--eds-typography-header-sm-tracking-normal:var(--eds--spacious,0px)var(--eds--comfortable,0px);--eds-typography-header-sm-tracking-loose:var(--eds--spacious,1.32px)var(--eds--comfortable,1.15px);--eds-typography-header-sm-font-weight-lighter:var(--eds--spacious,300)var(--eds--comfortable,300);--eds-typography-header-sm-font-weight-normal:var(--eds--spacious,400)var(--eds--comfortable,400);--eds-typography-header-sm-font-weight-bolder:var(--eds--spacious,500)var(--eds--comfortable,500);--eds-typography-header-sm-lineheight-default:var(--eds--spacious,1rem)var(--eds--comfortable,1rem);--eds-typography-header-sm-lineheight-squished:var(--eds--spacious,.75rem)var(--eds--comfortable,.75rem);--eds-typography-header-md-font-size:var(--eds--spacious,1rem)var(--eds--comfortable,.875rem);--eds-typography-header-md-tracking-tight:var(--eds--spacious,-1.54px)var(--eds--comfortable,-1.32px);--eds-typography-header-md-tracking-normal:var(--eds--spacious,0px)var(--eds--comfortable,0px);--eds-typography-header-md-tracking-loose:var(--eds--spacious,1.54px)var(--eds--comfortable,1.32px);--eds-typography-header-md-font-weight-lighter:var(--eds--spacious,300)var(--eds--comfortable,300);--eds-typography-header-md-font-weight-normal:var(--eds--spacious,400)var(--eds--comfortable,400);--eds-typography-header-md-font-weight-bolder:var(--eds--spacious,500)var(--eds--comfortable,500);--eds-typography-header-md-lineheight-default:var(--eds--spacious,1.25rem)var(--eds--comfortable,1rem);--eds-typography-header-md-lineheight-squished:var(--eds--spacious,1rem)var(--eds--comfortable,.75rem);--eds-typography-header-lg-font-size:var(--eds--spacious,1.125rem)var(--eds--comfortable,1rem);--eds-typography-header-lg-tracking-tight:var(--eds--spacious,-1.76px)var(--eds--comfortable,-1.54px);--eds-typography-header-lg-tracking-normal:var(--eds--spacious,0px)var(--eds--comfortable,0px);--eds-typography-header-lg-tracking-loose:var(--eds--spacious,1.76px)var(--eds--comfortable,1.54px);--eds-typography-header-lg-font-weight-lighter:var(--eds--spacious,300)var(--eds--comfortable,300);--eds-typography-header-lg-font-weight-normal:var(--eds--spacious,400)var(--eds--comfortable,400);--eds-typography-header-lg-font-weight-bolder:var(--eds--spacious,500)var(--eds--comfortable,500);--eds-typography-header-lg-lineheight-default:var(--eds--spacious,1.5rem)var(--eds--comfortable,1.25rem);--eds-typography-header-lg-lineheight-squished:var(--eds--spacious,1.25rem)var(--eds--comfortable,1rem);--eds-typography-header-xl-font-size:var(--eds--spacious,1.313rem)var(--eds--comfortable,1.125rem);--eds-typography-header-xl-tracking-tight:var(--eds--spacious,-1.76px)var(--eds--comfortable,-1.76px);--eds-typography-header-xl-tracking-normal:var(--eds--spacious,0px)var(--eds--comfortable,0px);--eds-typography-header-xl-tracking-loose:var(--eds--spacious,2.035px)var(--eds--comfortable,1.76px);--eds-typography-header-xl-font-weight-lighter:var(--eds--spacious,300)var(--eds--comfortable,300);--eds-typography-header-xl-font-weight-normal:var(--eds--spacious,400)var(--eds--comfortable,400);--eds-typography-header-xl-font-weight-bolder:var(--eds--spacious,500)var(--eds--comfortable,500);--eds-typography-header-xl-lineheight-default:var(--eds--spacious,1.5rem)var(--eds--comfortable,1.5rem);--eds-typography-header-xl-lineheight-squished:var(--eds--spacious,1.25rem)var(--eds--comfortable,1.25rem);--eds-typography-header-2xl-font-size:var(--eds--spacious,1.5rem)var(--eds--comfortable,1.313rem);--eds-typography-header-2xl-tracking-tight:var(--eds--spacious,-2.31px)var(--eds--comfortable,-1.76px);--eds-typography-header-2xl-tracking-normal:var(--eds--spacious,0px)var(--eds--comfortable,0px);--eds-typography-header-2xl-tracking-loose:var(--eds--spacious,2.31px)var(--eds--comfortable,2.035px);--eds-typography-header-2xl-font-weight-lighter:var(--eds--spacious,300)var(--eds--comfortable,300);--eds-typography-header-2xl-font-weight-normal:var(--eds--spacious,400)var(--eds--comfortable,400);--eds-typography-header-2xl-font-weight-bolder:var(--eds--spacious,500)var(--eds--comfortable,500);--eds-typography-header-2xl-lineheight-default:var(--eds--spacious,1.75rem)var(--eds--comfortable,1.5rem);--eds-typography-header-2xl-lineheight-squished:var(--eds--spacious,1.5rem)var(--eds--comfortable,1.25rem);--eds-typography-header-3xl-font-size:var(--eds--spacious,1.719rem)var(--eds--comfortable,1.5rem);--eds-typography-header-3xl-tracking-tight:var(--eds--spacious,-2.695px)var(--eds--comfortable,-2.31px);--eds-typography-header-3xl-tracking-normal:var(--eds--spacious,0px)var(--eds--comfortable,0px);--eds-typography-header-3xl-tracking-loose:var(--eds--spacious,2.695px)var(--eds--comfortable,2.31px);--eds-typography-header-3xl-font-weight-lighter:var(--eds--spacious,300)var(--eds--comfortable,300);--eds-typography-header-3xl-font-weight-normal:var(--eds--spacious,400)var(--eds--comfortable,400);--eds-typography-header-3xl-font-weight-bolder:var(--eds--spacious,500)var(--eds--comfortable,500);--eds-typography-header-3xl-lineheight-default:var(--eds--spacious,2rem)var(--eds--comfortable,1.75rem);--eds-typography-header-3xl-lineheight-squished:var(--eds--spacious,1.75rem)var(--eds--comfortable,1.5rem);--eds-typography-header-4xl-font-size:var(--eds--spacious,1.969rem)var(--eds--comfortable,1.719rem);--eds-typography-header-4xl-tracking-tight:var(--eds--spacious,-3.08px)var(--eds--comfortable,-2.695px);--eds-typography-header-4xl-tracking-normal:var(--eds--spacious,0px)var(--eds--comfortable,0px);--eds-typography-header-4xl-tracking-loose:var(--eds--spacious,3.08px)var(--eds--comfortable,2.695px);--eds-typography-header-4xl-font-weight-lighter:var(--eds--spacious,300)var(--eds--comfortable,300);--eds-typography-header-4xl-font-weight-normal:var(--eds--spacious,400)var(--eds--comfortable,400);--eds-typography-header-4xl-font-weight-bolder:var(--eds--spacious,500)var(--eds--comfortable,500);--eds-typography-header-4xl-lineheight-default:var(--eds--spacious,2rem)var(--eds--comfortable,2rem);--eds-typography-header-4xl-lineheight-squished:var(--eds--spacious,1.75rem)var(--eds--comfortable,1.75rem);--eds-typography-header-5xl-font-size:var(--eds--spacious,2.281rem)var(--eds--comfortable,1.969rem);--eds-typography-header-5xl-tracking-tight:var(--eds--spacious,-3.52px)var(--eds--comfortable,-3.08px);--eds-typography-header-5xl-tracking-normal:var(--eds--spacious,0px)var(--eds--comfortable,0px);--eds-typography-header-5xl-tracking-loose:var(--eds--spacious,3.52px)var(--eds--comfortable,3.08px);--eds-typography-header-5xl-font-weight-lighter:var(--eds--spacious,300)var(--eds--comfortable,300);--eds-typography-header-5xl-font-weight-normal:var(--eds--spacious,400)var(--eds--comfortable,400);--eds-typography-header-5xl-font-weight-bolder:var(--eds--spacious,500)var(--eds--comfortable,500);--eds-typography-header-5xl-lineheight-default:var(--eds--spacious,2.25rem)var(--eds--comfortable,2rem);--eds-typography-header-5xl-lineheight-squished:var(--eds--spacious,2rem)var(--eds--comfortable,1.75rem);--eds-typography-header-6xl-font-size:var(--eds--spacious,2.625rem)var(--eds--comfortable,2.281rem);--eds-typography-header-6xl-tracking-tight:var(--eds--spacious,-4.07px)var(--eds--comfortable,-3.52px);--eds-typography-header-6xl-tracking-normal:var(--eds--spacious,0px)var(--eds--comfortable,0px);--eds-typography-header-6xl-tracking-loose:var(--eds--spacious,4.07px)var(--eds--comfortable,3.52px);--eds-typography-header-6xl-font-weight-lighter:var(--eds--spacious,300)var(--eds--comfortable,300);--eds-typography-header-6xl-font-weight-normal:var(--eds--spacious,400)var(--eds--comfortable,400);--eds-typography-header-6xl-font-weight-bolder:var(--eds--spacious,500)var(--eds--comfortable,500);--eds-typography-header-6xl-lineheight-default:var(--eds--spacious,2.5rem)var(--eds--comfortable,2.25rem);--eds-typography-header-6xl-lineheight-squished:var(--eds--spacious,2.25rem)var(--eds--comfortable,2rem)}
\ No newline at end of file
diff --git a/packages/eds-tokens/build/css/variables.css b/packages/eds-tokens/build/css/variables.css
index fd32858a9e..1ebdfd5a02 100644
--- a/packages/eds-tokens/build/css/variables.css
+++ b/packages/eds-tokens/build/css/variables.css
@@ -11,12 +11,12 @@
--eds-color-bg-backdrop: light-dark(#aeaeae, #738696);
--eds-color-bg-input: light-dark(#f5f5f5, #0b0b0b);
--eds-color-border-focus: light-dark(#6fb6e9, #2d8bc5);
- --eds-color-text-link: light-dark(#121e27, #ecffff);
+ --eds-color-text-link: light-dark(#0070a9, #5abbfb);
--eds-color-accent-1: light-dark(#eaf8fa, #0a0b0b);
--eds-color-accent-2: light-dark(#f6ffff, #1e2323);
- --eds-color-accent-3: light-dark(#c5e1e4, #3c6266);
- --eds-color-accent-4: light-dark(#b1d6da, #3e7378);
- --eds-color-accent-5: light-dark(#97c8cd, #41878e);
+ --eds-color-accent-3: light-dark(#cfe7e9, #3c6266);
+ --eds-color-accent-4: light-dark(#bbdbdf, #3e7378);
+ --eds-color-accent-5: light-dark(#a2cdd2, #41878e);
--eds-color-accent-6: light-dark(#bbdbdf, #3c6266);
--eds-color-accent-7: light-dark(#7cbac1, #439199);
--eds-color-accent-8: light-dark(#21767e, #6ec0c9);
@@ -29,9 +29,9 @@
--eds-color-accent-15: light-dark(#fff, #030303);
--eds-color-neutral-1: light-dark(#f5f5f5, #0b0b0b);
--eds-color-neutral-2: light-dark(#fff, #202223);
- --eds-color-neutral-3: light-dark(#dbdbdb, #525c65);
- --eds-color-neutral-4: light-dark(#cecece, #5d6b76);
- --eds-color-neutral-5: light-dark(#bebebe, #6b7d8b);
+ --eds-color-neutral-3: light-dark(#e1e1e1, #525c65);
+ --eds-color-neutral-4: light-dark(#d4d4d4, #5d6b76);
+ --eds-color-neutral-5: light-dark(#c4c4c4, #6b7d8b);
--eds-color-neutral-6: light-dark(#d4d4d4, #525c65);
--eds-color-neutral-7: light-dark(#aeaeae, #738696);
--eds-color-neutral-8: light-dark(#696969, #9fb4c6);
@@ -44,9 +44,9 @@
--eds-color-neutral-15: light-dark(#fff, #030303);
--eds-color-info-1: light-dark(#e7f8ff, #0a0b0c);
--eds-color-info-2: light-dark(#f4ffff, #1d2226);
- --eds-color-info-3: light-dark(#c0e0f8, #33607e);
- --eds-color-info-4: light-dark(#aad4f3, #316f98);
- --eds-color-info-5: light-dark(#8dc5ee, #2e82b7);
+ --eds-color-info-3: light-dark(#cae6fa, #33607e);
+ --eds-color-info-4: light-dark(#b5daf5, #316f98);
+ --eds-color-info-5: light-dark(#99cbf0, #2e82b7);
--eds-color-info-6: light-dark(#b5daf5, #33607e);
--eds-color-info-7: light-dark(#6fb6e9, #2d8bc5);
--eds-color-info-8: light-dark(#0070a9, #5abbfb);
@@ -59,11 +59,11 @@
--eds-color-info-15: light-dark(#fff, #030304);
--eds-color-success-1: light-dark(#eafbe8, #0a0c0a);
--eds-color-success-2: light-dark(#f6fff5, #1e231e);
- --eds-color-success-3: light-dark(#c5e5c2, #3c673a);
- --eds-color-success-4: light-dark(#b1dbae, #3e793c);
- --eds-color-success-5: light-dark(#97cf93, #418e3e);
+ --eds-color-success-3: light-dark(#cfeacc, #3c673a);
+ --eds-color-success-4: light-dark(#bbe0b8, #3e793c);
+ --eds-color-success-5: light-dark(#a2d49e, #418e3e);
--eds-color-success-6: light-dark(#bbe0b8, #3c673a);
- --eds-color-success-7: light-dark(#7cc278, #439941);
+ --eds-color-success-7: light-dark(#7cc278, #449941);
--eds-color-success-8: light-dark(#227e22, #6eca6a);
--eds-color-success-9: light-dark(#207720, #8cdb87);
--eds-color-success-10: light-dark(#20621f, #aceba8);
@@ -74,9 +74,9 @@
--eds-color-success-15: light-dark(#fff, #030303);
--eds-color-warning-1: light-dark(#fff1e2, #0c0b0a);
--eds-color-warning-2: light-dark(#fffcf0, #27201b);
- --eds-color-warning-3: light-dark(#f9d2b6, #7e4e25);
- --eds-color-warning-4: light-dark(#f4c29d, #97571b);
- --eds-color-warning-5: light-dark(#eeae7c, #b46201);
+ --eds-color-warning-3: light-dark(#fbdac1, #7e4e25);
+ --eds-color-warning-4: light-dark(#f6caaa, #97571b);
+ --eds-color-warning-5: light-dark(#f0b689, #b46201);
--eds-color-warning-6: light-dark(#f6caaa, #7e4e25);
--eds-color-warning-7: light-dark(#e89959, #c36800);
--eds-color-warning-8: light-dark(#a34e00, #f99539);
@@ -89,11 +89,11 @@
--eds-color-warning-15: light-dark(#fff, #040303);
--eds-color-danger-1: light-dark(#ffecea, #0d0a0a);
--eds-color-danger-2: light-dark(#fff9f8, #2a1e1e);
- --eds-color-danger-3: light-dark(#ffc6c4, #923a3c);
- --eds-color-danger-4: light-dark(#ffb2b0, #b03940);
- --eds-color-danger-5: light-dark(#ff9897, #d43745);
+ --eds-color-danger-3: light-dark(#ffd0ce, #923a3c);
+ --eds-color-danger-4: light-dark(#ffbcba, #b03940);
+ --eds-color-danger-5: light-dark(#ffa3a1, #d43745);
--eds-color-danger-6: light-dark(#ffbcba, #923a3c);
- --eds-color-danger-7: light-dark(#ff7a7d, #e53748);
+ --eds-color-danger-7: light-dark(#ff7a7c, #e53748);
--eds-color-danger-8: light-dark(#c6002d, #ff8082);
--eds-color-danger-9: light-dark(#bc002a, #ffa3a1);
--eds-color-danger-10: light-dark(#9a1026, #ffc1bf);
diff --git a/packages/eds-tokens/build/css/variables.min.css b/packages/eds-tokens/build/css/variables.min.css
index 18292ea6da..a48a1d1f14 100644
--- a/packages/eds-tokens/build/css/variables.min.css
+++ b/packages/eds-tokens/build/css/variables.min.css
@@ -1 +1 @@
-:root,[data-color-scheme=light]{color-scheme:light}[data-color-scheme=dark]{color-scheme:dark}:root{--eds-color-bg-floating:light-dark(#fff,#202223);--eds-color-bg-backdrop:light-dark(#aeaeae,#738696);--eds-color-bg-input:light-dark(#f5f5f5,#0b0b0b);--eds-color-border-focus:light-dark(#6fb6e9,#2d8bc5);--eds-color-text-link:light-dark(#121e27,#ecffff);--eds-color-accent-1:light-dark(#eaf8fa,#0a0b0b);--eds-color-accent-2:light-dark(#f6ffff,#1e2323);--eds-color-accent-3:light-dark(#c5e1e4,#3c6266);--eds-color-accent-4:light-dark(#b1d6da,#3e7378);--eds-color-accent-5:light-dark(#97c8cd,#41878e);--eds-color-accent-6:light-dark(#bbdbdf,#3c6266);--eds-color-accent-7:light-dark(#7cbac1,#439199);--eds-color-accent-8:light-dark(#21767e,#6ec0c9);--eds-color-accent-9:light-dark(#206f77,#8cd2da);--eds-color-accent-10:light-dark(#205c62,#ace3e9);--eds-color-accent-11:light-dark(#20565c,#c7f1f6);--eds-color-accent-12:light-dark(#1f6369,#bcebf1);--eds-color-accent-13:light-dark(#141f20,#e6ffff);--eds-color-accent-14:light-dark(#cae4e7,#2c3839);--eds-color-accent-15:light-dark(#fff,#030303);--eds-color-neutral-1:light-dark(#f5f5f5,#0b0b0b);--eds-color-neutral-2:light-dark(#fff,#202223);--eds-color-neutral-3:light-dark(#dbdbdb,#525c65);--eds-color-neutral-4:light-dark(#cecece,#5d6b76);--eds-color-neutral-5:light-dark(#bebebe,#6b7d8b);--eds-color-neutral-6:light-dark(#d4d4d4,#525c65);--eds-color-neutral-7:light-dark(#aeaeae,#738696);--eds-color-neutral-8:light-dark(#696969,#9fb4c6);--eds-color-neutral-9:light-dark(#636363,#b4c7d7);--eds-color-neutral-10:light-dark(#525252,#cadae7);--eds-color-neutral-11:light-dark(#4d4d4d,#deeaf4);--eds-color-neutral-12:light-dark(#585858,#d6e3ee);--eds-color-neutral-13:light-dark(#1d1d1d,#f5fdff);--eds-color-neutral-14:light-dark(#dedede,#333639);--eds-color-neutral-15:light-dark(#fff,#030303);--eds-color-info-1:light-dark(#e7f8ff,#0a0b0c);--eds-color-info-2:light-dark(#f4ffff,#1d2226);--eds-color-info-3:light-dark(#c0e0f8,#33607e);--eds-color-info-4:light-dark(#aad4f3,#316f98);--eds-color-info-5:light-dark(#8dc5ee,#2e82b7);--eds-color-info-6:light-dark(#b5daf5,#33607e);--eds-color-info-7:light-dark(#6fb6e9,#2d8bc5);--eds-color-info-8:light-dark(#0070a9,#5abbfb);--eds-color-info-9:light-dark(#006aa0,#7dceff);--eds-color-info-10:light-dark(#085883,#a2e0ff);--eds-color-info-11:light-dark(#0e5279,#c4eeff);--eds-color-info-12:light-dark(#015e8d,#b7e8ff);--eds-color-info-13:light-dark(#121e27,#ecffff);--eds-color-info-14:light-dark(#c5e3f9,#2a3741);--eds-color-info-15:light-dark(#fff,#030304);--eds-color-success-1:light-dark(#eafbe8,#0a0c0a);--eds-color-success-2:light-dark(#f6fff5,#1e231e);--eds-color-success-3:light-dark(#c5e5c2,#3c673a);--eds-color-success-4:light-dark(#b1dbae,#3e793c);--eds-color-success-5:light-dark(#97cf93,#418e3e);--eds-color-success-6:light-dark(#bbe0b8,#3c673a);--eds-color-success-7:light-dark(#7cc278,#439941);--eds-color-success-8:light-dark(#227e22,#6eca6a);--eds-color-success-9:light-dark(#207720,#8cdb87);--eds-color-success-10:light-dark(#20621f,#aceba8);--eds-color-success-11:light-dark(#215c1f,#c7f7c3);--eds-color-success-12:light-dark(#20691f,#bcf2b8);--eds-color-success-13:light-dark(#142114,#e6ffe3);--eds-color-success-14:light-dark(#cae8c7,#2c392b);--eds-color-success-15:light-dark(#fff,#030303);--eds-color-warning-1:light-dark(#fff1e2,#0c0b0a);--eds-color-warning-2:light-dark(#fffcf0,#27201b);--eds-color-warning-3:light-dark(#f9d2b6,#7e4e25);--eds-color-warning-4:light-dark(#f4c29d,#97571b);--eds-color-warning-5:light-dark(#eeae7c,#b46201);--eds-color-warning-6:light-dark(#f6caaa,#7e4e25);--eds-color-warning-7:light-dark(#e89959,#c36800);--eds-color-warning-8:light-dark(#a34e00,#f99539);--eds-color-warning-9:light-dark(#9b4900,#ffad63);--eds-color-warning-10:light-dark(#813e00,#ffc791);--eds-color-warning-11:light-dark(#773a00,#ffddb9);--eds-color-warning-12:light-dark(#8a4100,#ffd4aa);--eds-color-warning-13:light-dark(#27190e,#fff7e6);--eds-color-warning-14:light-dark(#fad6bc,#413226);--eds-color-warning-15:light-dark(#fff,#040303);--eds-color-danger-1:light-dark(#ffecea,#0d0a0a);--eds-color-danger-2:light-dark(#fff9f8,#2a1e1e);--eds-color-danger-3:light-dark(#ffc6c4,#923a3c);--eds-color-danger-4:light-dark(#ffb2b0,#b03940);--eds-color-danger-5:light-dark(#ff9897,#d43745);--eds-color-danger-6:light-dark(#ffbcba,#923a3c);--eds-color-danger-7:light-dark(#ff7a7d,#e53748);--eds-color-danger-8:light-dark(#c6002d,#ff8082);--eds-color-danger-9:light-dark(#bc002a,#ffa3a1);--eds-color-danger-10:light-dark(#9a1026,#ffc1bf);--eds-color-danger-11:light-dark(#8e1525,#ffd9d7);--eds-color-danger-12:light-dark(#a50827,#ffd0ce);--eds-color-danger-13:light-dark(#2e1414,#fff5f4);--eds-color-danger-14:light-dark(#ffcbc9,#492d2c);--eds-color-danger-15:light-dark(#fff,#040303);--eds-color-bg-neutral-canvas:var(--eds-color-neutral-1);--eds-color-bg-neutral-surface:var(--eds-color-neutral-2);--eds-color-bg-neutral-fill-muted-default:var(--eds-color-neutral-3);--eds-color-bg-neutral-fill-muted-hover:var(--eds-color-neutral-4);--eds-color-bg-neutral-fill-muted-active:var(--eds-color-neutral-5);--eds-color-bg-neutral-fill-emphasis-default:var(--eds-color-neutral-9);--eds-color-bg-neutral-fill-emphasis-hover:var(--eds-color-neutral-10);--eds-color-bg-neutral-fill-emphasis-active:var(--eds-color-neutral-11);--eds-color-bg-accent-canvas:var(--eds-color-accent-1);--eds-color-bg-accent-surface:var(--eds-color-accent-2);--eds-color-bg-accent-fill-muted-default:var(--eds-color-accent-3);--eds-color-bg-accent-fill-muted-hover:var(--eds-color-accent-4);--eds-color-bg-accent-fill-muted-active:var(--eds-color-accent-5);--eds-color-bg-accent-fill-emphasis-default:var(--eds-color-accent-9);--eds-color-bg-accent-fill-emphasis-hover:var(--eds-color-accent-10);--eds-color-bg-accent-fill-emphasis-active:var(--eds-color-accent-11);--eds-color-bg-success-canvas:var(--eds-color-success-1);--eds-color-bg-success-surface:var(--eds-color-success-2);--eds-color-bg-success-fill-muted-default:var(--eds-color-success-3);--eds-color-bg-success-fill-muted-hover:var(--eds-color-success-4);--eds-color-bg-success-fill-muted-active:var(--eds-color-success-5);--eds-color-bg-success-fill-emphasis-default:var(--eds-color-success-9);--eds-color-bg-success-fill-emphasis-hover:var(--eds-color-success-10);--eds-color-bg-success-fill-emphasis-active:var(--eds-color-success-11);--eds-color-bg-info-canvas:var(--eds-color-info-1);--eds-color-bg-info-surface:var(--eds-color-info-2);--eds-color-bg-info-fill-muted-default:var(--eds-color-info-3);--eds-color-bg-info-fill-muted-hover:var(--eds-color-info-4);--eds-color-bg-info-fill-muted-active:var(--eds-color-info-5);--eds-color-bg-info-fill-emphasis-default:var(--eds-color-info-9);--eds-color-bg-info-fill-emphasis-hover:var(--eds-color-info-10);--eds-color-bg-info-fill-emphasis-active:var(--eds-color-info-11);--eds-color-bg-warning-canvas:var(--eds-color-warning-1);--eds-color-bg-warning-surface:var(--eds-color-warning-2);--eds-color-bg-warning-fill-muted-default:var(--eds-color-warning-3);--eds-color-bg-warning-fill-muted-hover:var(--eds-color-warning-4);--eds-color-bg-warning-fill-muted-active:var(--eds-color-warning-5);--eds-color-bg-warning-fill-emphasis-default:var(--eds-color-warning-9);--eds-color-bg-warning-fill-emphasis-hover:var(--eds-color-warning-10);--eds-color-bg-warning-fill-emphasis-active:var(--eds-color-warning-11);--eds-color-bg-danger-canvas:var(--eds-color-danger-1);--eds-color-bg-danger-surface:var(--eds-color-danger-2);--eds-color-bg-danger-fill-muted-default:var(--eds-color-danger-3);--eds-color-bg-danger-fill-muted-hover:var(--eds-color-danger-4);--eds-color-bg-danger-fill-muted-active:var(--eds-color-danger-5);--eds-color-bg-danger-fill-emphasis-default:var(--eds-color-danger-9);--eds-color-bg-danger-fill-emphasis-hover:var(--eds-color-danger-10);--eds-color-bg-danger-fill-emphasis-active:var(--eds-color-danger-11);--eds-color-border-neutral-subtle:var(--eds-color-neutral-6);--eds-color-border-neutral-medium:var(--eds-color-neutral-7);--eds-color-border-neutral-strong:var(--eds-color-neutral-8);--eds-color-border-accent-subtle:var(--eds-color-accent-6);--eds-color-border-accent-medium:var(--eds-color-accent-7);--eds-color-border-accent-strong:var(--eds-color-accent-8);--eds-color-border-success-subtle:var(--eds-color-success-6);--eds-color-border-success-medium:var(--eds-color-success-7);--eds-color-border-success-strong:var(--eds-color-success-8);--eds-color-border-info-subtle:var(--eds-color-info-6);--eds-color-border-info-medium:var(--eds-color-info-7);--eds-color-border-info-strong:var(--eds-color-info-8);--eds-color-border-warning-subtle:var(--eds-color-warning-6);--eds-color-border-warning-medium:var(--eds-color-warning-7);--eds-color-border-warning-strong:var(--eds-color-warning-8);--eds-color-border-danger-subtle:var(--eds-color-danger-6);--eds-color-border-danger-medium:var(--eds-color-danger-7);--eds-color-border-danger-strong:var(--eds-color-danger-8);--eds-color-text-neutral-subtle:var(--eds-color-neutral-12);--eds-color-text-neutral-strong:var(--eds-color-neutral-13);--eds-color-text-neutral-subtle-on-emphasis:var(--eds-color-neutral-14);--eds-color-text-neutral-strong-on-emphasis:var(--eds-color-neutral-15);--eds-color-text-accent-subtle:var(--eds-color-accent-12);--eds-color-text-accent-strong:var(--eds-color-accent-13);--eds-color-text-accent-subtle-on-emphasis:var(--eds-color-accent-14);--eds-color-text-accent-strong-on-emphasis:var(--eds-color-accent-15);--eds-color-text-success-subtle:var(--eds-color-success-12);--eds-color-text-success-strong:var(--eds-color-success-13);--eds-color-text-success-subtle-on-emphasis:var(--eds-color-success-14);--eds-color-text-success-strong-on-emphasis:var(--eds-color-success-15);--eds-color-text-info-subtle:var(--eds-color-info-12);--eds-color-text-info-strong:var(--eds-color-info-13);--eds-color-text-info-subtle-on-emphasis:var(--eds-color-info-14);--eds-color-text-info-strong-on-emphasis:var(--eds-color-info-15);--eds-color-text-warning-subtle:var(--eds-color-warning-12);--eds-color-text-warning-strong:var(--eds-color-warning-13);--eds-color-text-warning-subtle-on-emphasis:var(--eds-color-warning-14);--eds-color-text-warning-strong-on-emphasis:var(--eds-color-warning-15);--eds-color-text-danger-subtle:var(--eds-color-danger-12);--eds-color-text-danger-strong:var(--eds-color-danger-13);--eds-color-text-danger-subtle-on-emphasis:var(--eds-color-danger-14);--eds-color-text-danger-strong-on-emphasis:var(--eds-color-danger-15)}:root,[data-color-appearance=neutral]{--eds-color-bg-fill-muted-default:var(--eds-color-neutral-3);--eds-color-bg-fill-muted-hover:var(--eds-color-neutral-4);--eds-color-bg-fill-muted-active:var(--eds-color-neutral-5);--eds-color-bg-fill-emphasis-default:var(--eds-color-neutral-9);--eds-color-bg-fill-emphasis-hover:var(--eds-color-neutral-10);--eds-color-bg-fill-emphasis-active:var(--eds-color-neutral-11);--eds-color-bg-canvas:var(--eds-color-neutral-1);--eds-color-bg-surface:var(--eds-color-neutral-2);--eds-color-border-subtle:var(--eds-color-neutral-6);--eds-color-border-medium:var(--eds-color-neutral-7);--eds-color-border-strong:var(--eds-color-neutral-8);--eds-color-text-subtle:var(--eds-color-neutral-12);--eds-color-text-strong:var(--eds-color-neutral-13);--eds-color-text-subtle-on-emphasis:var(--eds-color-neutral-14);--eds-color-text-strong-on-emphasis:var(--eds-color-neutral-15)}[data-color-appearance=accent]{--eds-color-bg-fill-muted-default:var(--eds-color-accent-3);--eds-color-bg-fill-muted-hover:var(--eds-color-accent-4);--eds-color-bg-fill-muted-active:var(--eds-color-accent-5);--eds-color-bg-fill-emphasis-default:var(--eds-color-accent-9);--eds-color-bg-fill-emphasis-hover:var(--eds-color-accent-10);--eds-color-bg-fill-emphasis-active:var(--eds-color-accent-11);--eds-color-bg-canvas:var(--eds-color-accent-1);--eds-color-bg-surface:var(--eds-color-accent-2);--eds-color-border-subtle:var(--eds-color-accent-6);--eds-color-border-medium:var(--eds-color-accent-7);--eds-color-border-strong:var(--eds-color-accent-8);--eds-color-text-subtle:var(--eds-color-accent-12);--eds-color-text-strong:var(--eds-color-accent-13);--eds-color-text-subtle-on-emphasis:var(--eds-color-accent-14);--eds-color-text-strong-on-emphasis:var(--eds-color-accent-15)}[data-color-appearance=danger]{--eds-color-bg-fill-muted-default:var(--eds-color-danger-3);--eds-color-bg-fill-muted-hover:var(--eds-color-danger-4);--eds-color-bg-fill-muted-active:var(--eds-color-danger-5);--eds-color-bg-fill-emphasis-default:var(--eds-color-danger-9);--eds-color-bg-fill-emphasis-hover:var(--eds-color-danger-10);--eds-color-bg-fill-emphasis-active:var(--eds-color-danger-11);--eds-color-bg-canvas:var(--eds-color-danger-1);--eds-color-bg-surface:var(--eds-color-danger-2);--eds-color-border-subtle:var(--eds-color-danger-6);--eds-color-border-medium:var(--eds-color-danger-7);--eds-color-border-strong:var(--eds-color-danger-8);--eds-color-text-subtle:var(--eds-color-danger-12);--eds-color-text-strong:var(--eds-color-danger-13);--eds-color-text-subtle-on-emphasis:var(--eds-color-danger-14);--eds-color-text-strong-on-emphasis:var(--eds-color-danger-15)}[data-color-appearance=info]{--eds-color-bg-fill-muted-default:var(--eds-color-info-3);--eds-color-bg-fill-muted-hover:var(--eds-color-info-4);--eds-color-bg-fill-muted-active:var(--eds-color-info-5);--eds-color-bg-fill-emphasis-default:var(--eds-color-info-9);--eds-color-bg-fill-emphasis-hover:var(--eds-color-info-10);--eds-color-bg-fill-emphasis-active:var(--eds-color-info-11);--eds-color-bg-canvas:var(--eds-color-info-1);--eds-color-bg-surface:var(--eds-color-info-2);--eds-color-border-subtle:var(--eds-color-info-6);--eds-color-border-medium:var(--eds-color-info-7);--eds-color-border-strong:var(--eds-color-info-8);--eds-color-text-subtle:var(--eds-color-info-12);--eds-color-text-strong:var(--eds-color-info-13);--eds-color-text-subtle-on-emphasis:var(--eds-color-info-14);--eds-color-text-strong-on-emphasis:var(--eds-color-info-15)}[data-color-appearance=success]{--eds-color-bg-fill-muted-default:var(--eds-color-success-3);--eds-color-bg-fill-muted-hover:var(--eds-color-success-4);--eds-color-bg-fill-muted-active:var(--eds-color-success-5);--eds-color-bg-fill-emphasis-default:var(--eds-color-success-9);--eds-color-bg-fill-emphasis-hover:var(--eds-color-success-10);--eds-color-bg-fill-emphasis-active:var(--eds-color-success-11);--eds-color-bg-canvas:var(--eds-color-success-1);--eds-color-bg-surface:var(--eds-color-success-2);--eds-color-border-subtle:var(--eds-color-success-6);--eds-color-border-medium:var(--eds-color-success-7);--eds-color-border-strong:var(--eds-color-success-8);--eds-color-text-subtle:var(--eds-color-success-12);--eds-color-text-strong:var(--eds-color-success-13);--eds-color-text-subtle-on-emphasis:var(--eds-color-success-14);--eds-color-text-strong-on-emphasis:var(--eds-color-success-15)}[data-color-appearance=warning]{--eds-color-bg-fill-muted-default:var(--eds-color-warning-3);--eds-color-bg-fill-muted-hover:var(--eds-color-warning-4);--eds-color-bg-fill-muted-active:var(--eds-color-warning-5);--eds-color-bg-fill-emphasis-default:var(--eds-color-warning-9);--eds-color-bg-fill-emphasis-hover:var(--eds-color-warning-10);--eds-color-bg-fill-emphasis-active:var(--eds-color-warning-11);--eds-color-bg-canvas:var(--eds-color-warning-1);--eds-color-bg-surface:var(--eds-color-warning-2);--eds-color-border-subtle:var(--eds-color-warning-6);--eds-color-border-medium:var(--eds-color-warning-7);--eds-color-border-strong:var(--eds-color-warning-8);--eds-color-text-subtle:var(--eds-color-warning-12);--eds-color-text-strong:var(--eds-color-warning-13);--eds-color-text-subtle-on-emphasis:var(--eds-color-warning-14);--eds-color-text-strong-on-emphasis:var(--eds-color-warning-15)}@property --captured-size-1{syntax:"";inherits:false;initial-value:0}@property --captured-size-2{syntax:"";inherits:false;initial-value:0}@property --captured-size-3{syntax:"";inherits:false;initial-value:0}@property --captured-color-1{syntax:"";inherits:false;initial-value:#0000}@property --captured-color-2{syntax:"";inherits:false;initial-value:#0000}@property --captured-color-3{syntax:"";inherits:false;initial-value:#0000}@property --captured-color-4{syntax:"";inherits:false;initial-value:#0000}:root,[data-density]{--density:var(--eds--spacious);--eds--comfortable:var(--density, );--eds--spacious:var(--density, )}[data-density=comfortable]{--density:var(--eds--comfortable)}[data-density=spacious]{--density:var(--eds--spacious)}:root,[data-density]{--eds-spacing-icon-xs-gap-horizontal:var(--eds--spacious,.406rem)var(--eds--comfortable,.344rem);--eds-spacing-icon-xs-gap-vertical:var(--eds--spacious,.406rem)var(--eds--comfortable,.344rem);--eds-spacing-icon-sm-gap-horizontal:var(--eds--spacious,.469rem)var(--eds--comfortable,.406rem);--eds-spacing-icon-sm-gap-vertical:var(--eds--spacious,.469rem)var(--eds--comfortable,.406rem);--eds-spacing-icon-md-gap-horizontal:var(--eds--spacious,.531rem)var(--eds--comfortable,.469rem);--eds-spacing-icon-md-gap-vertical:var(--eds--spacious,.531rem)var(--eds--comfortable,.469rem);--eds-spacing-icon-lg-gap-horizontal:var(--eds--spacious,.625rem)var(--eds--comfortable,.531rem);--eds-spacing-icon-lg-gap-vertical:var(--eds--spacious,.625rem)var(--eds--comfortable,.531rem);--eds-spacing-icon-xl-gap-horizontal:var(--eds--spacious,.719rem)var(--eds--comfortable,.625rem);--eds-spacing-icon-xl-gap-vertical:var(--eds--spacious,.719rem)var(--eds--comfortable,.625rem);--eds-spacing-icon-2xl-gap-horizontal:var(--eds--spacious,.813rem)var(--eds--comfortable,.719rem);--eds-spacing-icon-2xl-gap-vertical:var(--eds--spacious,.813rem)var(--eds--comfortable,.719rem);--eds-spacing-icon-3xl-gap-horizontal:var(--eds--spacious,.938rem)var(--eds--comfortable,.813rem);--eds-spacing-icon-3xl-gap-vertical:var(--eds--spacious,.938rem)var(--eds--comfortable,.813rem);--eds-spacing-icon-4xl-gap-horizontal:var(--eds--spacious,1.094rem)var(--eds--comfortable,.938rem);--eds-spacing-icon-4xl-gap-vertical:var(--eds--spacious,1.094rem)var(--eds--comfortable,.938rem);--eds-spacing-icon-5xl-gap-horizontal:var(--eds--spacious,1.25rem)var(--eds--comfortable,1.094rem);--eds-spacing-icon-5xl-gap-vertical:var(--eds--spacious,1.25rem)var(--eds--comfortable,1.094rem);--eds-spacing-icon-6xl-gap-horizontal:var(--eds--spacious,1.438rem)var(--eds--comfortable,1.25rem);--eds-spacing-icon-6xl-gap-vertical:var(--eds--spacious,1.438rem)var(--eds--comfortable,1.25rem);--eds-spacing-inline-4-xs:var(--eds--spacious,.125rem)var(--eds--comfortable,.063rem);--eds-spacing-inline-3-xs:var(--eds--spacious,.25rem)var(--eds--comfortable,.125rem);--eds-spacing-inline-2-xs:var(--eds--spacious,.375rem)var(--eds--comfortable,.25rem);--eds-spacing-inline-xs:var(--eds--spacious,.5rem)var(--eds--comfortable,.375rem);--eds-spacing-inline-sm:var(--eds--spacious,.75rem)var(--eds--comfortable,.5rem);--eds-spacing-inline-md:var(--eds--spacious,1rem)var(--eds--comfortable,.75rem);--eds-spacing-inline-lg:var(--eds--spacious,1.25rem)var(--eds--comfortable,1rem);--eds-spacing-inline-xl:var(--eds--spacious,1.5rem)var(--eds--comfortable,1.25rem);--eds-spacing-inline-2-xl:var(--eds--spacious,1.75rem)var(--eds--comfortable,1.5rem);--eds-spacing-inline-3-xl:var(--eds--spacious,2rem)var(--eds--comfortable,1.75rem);--eds-spacing-stack-4-xs:var(--eds--spacious,.125rem)var(--eds--comfortable,.063rem);--eds-spacing-stack-3-xs:var(--eds--spacious,.25rem)var(--eds--comfortable,.125rem);--eds-spacing-stack-2-xs:var(--eds--spacious,.375rem)var(--eds--comfortable,.25rem);--eds-spacing-stack-xs:var(--eds--spacious,.5rem)var(--eds--comfortable,.375rem);--eds-spacing-stack-sm:var(--eds--spacious,.75rem)var(--eds--comfortable,.5rem);--eds-spacing-stack-md:var(--eds--spacious,1rem)var(--eds--comfortable,.75rem);--eds-spacing-stack-lg:var(--eds--spacious,1.25rem)var(--eds--comfortable,1rem);--eds-spacing-stack-xl:var(--eds--spacious,1.5rem)var(--eds--comfortable,1.25rem);--eds-spacing-stack-2-xl:var(--eds--spacious,1.75rem)var(--eds--comfortable,1.5rem);--eds-spacing-stack-3-xl:var(--eds--spacious,2rem)var(--eds--comfortable,1.75rem);--eds-spacing-border-radius-rounded:var(--eds--spacious,.25rem)var(--eds--comfortable,.188rem);--eds-spacing-border-radius-pill:var(--eds--spacious,62.5rem)var(--eds--comfortable,62.5rem);--eds-spacing-border-radius-none:0rem;--eds-spacing-inset-xs-inline:var(--eds--spacious,.5rem)var(--eds--comfortable,.375rem);--eds-spacing-inset-xs-stack-squished:var(--eds--spacious,.375rem)var(--eds--comfortable,.25rem);--eds-spacing-inset-xs-stack-squared:var(--eds--spacious,.5rem)var(--eds--comfortable,.375rem);--eds-spacing-inset-xs-stack-stretched:var(--eds--spacious,.75rem)var(--eds--comfortable,.5rem);--eds-spacing-inset-sm-inline:var(--eds--spacious,.75rem)var(--eds--comfortable,.5rem);--eds-spacing-inset-sm-stack-squished:var(--eds--spacious,.5rem)var(--eds--comfortable,.375rem);--eds-spacing-inset-sm-stack-squared:var(--eds--spacious,.75rem)var(--eds--comfortable,.5rem);--eds-spacing-inset-sm-stack-stretched:var(--eds--spacious,1rem)var(--eds--comfortable,.75rem);--eds-spacing-inset-md-inline:var(--eds--spacious,1rem)var(--eds--comfortable,.75rem);--eds-spacing-inset-md-stack-squished:var(--eds--spacious,.75rem)var(--eds--comfortable,.5rem);--eds-spacing-inset-md-stack-squared:var(--eds--spacious,1rem)var(--eds--comfortable,.75rem);--eds-spacing-inset-md-stack-stretched:var(--eds--spacious,1.25rem)var(--eds--comfortable,1rem);--eds-spacing-inset-lg-inline:var(--eds--spacious,1.25rem)var(--eds--comfortable,1rem);--eds-spacing-inset-lg-stack-squished:var(--eds--spacious,1rem)var(--eds--comfortable,.75rem);--eds-spacing-inset-lg-stack-squared:var(--eds--spacious,1.25rem)var(--eds--comfortable,1rem);--eds-spacing-inset-lg-stack-stretched:var(--eds--spacious,1.5rem)var(--eds--comfortable,1.25rem);--eds-spacing-inset-xl-inline:var(--eds--spacious,1.5rem)var(--eds--comfortable,1.25rem);--eds-spacing-inset-xl-stack-squished:var(--eds--spacious,1.25rem)var(--eds--comfortable,1rem);--eds-spacing-inset-xl-stack-squared:var(--eds--spacious,1.5rem)var(--eds--comfortable,1.25rem);--eds-spacing-inset-xl-stack-stretched:var(--eds--spacious,1.75rem)var(--eds--comfortable,1.5rem);--eds-sizing-icon-xs:var(--eds--spacious,1rem)var(--eds--comfortable,.875rem);--eds-sizing-icon-sm:var(--eds--spacious,1.125rem)var(--eds--comfortable,1rem);--eds-sizing-icon-md:var(--eds--spacious,1.25rem)var(--eds--comfortable,1.125rem);--eds-sizing-icon-lg:var(--eds--spacious,1.5rem)var(--eds--comfortable,1.25rem);--eds-sizing-icon-xl:var(--eds--spacious,1.75rem)var(--eds--comfortable,1.5rem);--eds-sizing-icon-2xl:var(--eds--spacious,2rem)var(--eds--comfortable,1.75rem);--eds-sizing-icon-3xl:var(--eds--spacious,2.313rem)var(--eds--comfortable,2rem);--eds-sizing-icon-4xl:var(--eds--spacious,2.625rem)var(--eds--comfortable,2.313rem);--eds-sizing-icon-5xl:var(--eds--spacious,3rem)var(--eds--comfortable,2.625rem);--eds-sizing-icon-6xl:var(--eds--spacious,3.5rem)var(--eds--comfortable,3rem);--eds-sizing-selectable-xs:var(--eds--spacious,1.25rem)var(--eds--comfortable,1rem);--eds-sizing-selectable-sm:var(--eds--spacious,1.5rem)var(--eds--comfortable,1.25rem);--eds-sizing-selectable-md:var(--eds--spacious,2.25rem)var(--eds--comfortable,1.5rem);--eds-sizing-selectable-lg:var(--eds--spacious,2.75rem)var(--eds--comfortable,2.25rem);--eds-sizing-selectable-xl:var(--eds--spacious,3.25rem)var(--eds--comfortable,2.75rem);--eds-sizing-selectable-2xl:var(--eds--spacious,3.75rem)var(--eds--comfortable,3.25rem);--eds-sizing-stroke-thin:var(--eds--spacious,.063rem)var(--eds--comfortable,.063rem);--eds-sizing-stroke-thick:var(--eds--spacious,.125rem)var(--eds--comfortable,.125rem);--eds-sizing-stroke-none:0rem;--eds-typography-ui-body-xs-font-size:var(--eds--spacious,.656rem)var(--eds--comfortable,.563rem);--eds-typography-ui-body-xs-tracking-tight:var(--eds--spacious,-1.15px)var(--eds--comfortable,-.99px);--eds-typography-ui-body-xs-tracking-normal:var(--eds--spacious,0px)var(--eds--comfortable,0px);--eds-typography-ui-body-xs-tracking-loose:var(--eds--spacious,1.15px)var(--eds--comfortable,.99px);--eds-typography-ui-body-xs-font-weight-lighter:var(--eds--spacious,300)var(--eds--comfortable,300);--eds-typography-ui-body-xs-font-weight-normal:var(--eds--spacious,400)var(--eds--comfortable,400);--eds-typography-ui-body-xs-font-weight-bolder:var(--eds--spacious,500)var(--eds--comfortable,500);--eds-typography-ui-body-xs-lineheight-default:var(--eds--spacious,1rem)var(--eds--comfortable,.75rem);--eds-typography-ui-body-xs-lineheight-squished:var(--eds--spacious,.75rem)var(--eds--comfortable,.75rem);--eds-typography-ui-body-sm-font-size:var(--eds--spacious,.75rem)var(--eds--comfortable,.656rem);--eds-typography-ui-body-sm-tracking-tight:var(--eds--spacious,-1.32px)var(--eds--comfortable,-1.15px);--eds-typography-ui-body-sm-tracking-normal:var(--eds--spacious,0px)var(--eds--comfortable,0px);--eds-typography-ui-body-sm-tracking-loose:var(--eds--spacious,1.32px)var(--eds--comfortable,1.15px);--eds-typography-ui-body-sm-font-weight-lighter:var(--eds--spacious,300)var(--eds--comfortable,300);--eds-typography-ui-body-sm-font-weight-normal:var(--eds--spacious,400)var(--eds--comfortable,400);--eds-typography-ui-body-sm-font-weight-bolder:var(--eds--spacious,500)var(--eds--comfortable,500);--eds-typography-ui-body-sm-lineheight-default:var(--eds--spacious,1rem)var(--eds--comfortable,1rem);--eds-typography-ui-body-sm-lineheight-squished:var(--eds--spacious,.75rem)var(--eds--comfortable,.75rem);--eds-typography-ui-body-font-family:"Inter";--eds-typography-ui-body-md-font-size:var(--eds--spacious,.875rem)var(--eds--comfortable,.75rem);--eds-typography-ui-body-md-tracking-tight:var(--eds--spacious,-1.54px)var(--eds--comfortable,-1.32px);--eds-typography-ui-body-md-tracking-normal:var(--eds--spacious,0px)var(--eds--comfortable,0px);--eds-typography-ui-body-md-tracking-loose:var(--eds--spacious,1.54px)var(--eds--comfortable,1.32px);--eds-typography-ui-body-md-font-weight-lighter:var(--eds--spacious,300)var(--eds--comfortable,300);--eds-typography-ui-body-md-font-weight-normal:var(--eds--spacious,400)var(--eds--comfortable,400);--eds-typography-ui-body-md-font-weight-bolder:var(--eds--spacious,500)var(--eds--comfortable,500);--eds-typography-ui-body-md-lineheight-default:var(--eds--spacious,1.25rem)var(--eds--comfortable,1rem);--eds-typography-ui-body-md-lineheight-squished:var(--eds--spacious,1rem)var(--eds--comfortable,.75rem);--eds-typography-ui-body-lg-font-size:var(--eds--spacious,1rem)var(--eds--comfortable,.875rem);--eds-typography-ui-body-lg-tracking-tight:var(--eds--spacious,-1.76px)var(--eds--comfortable,-1.54px);--eds-typography-ui-body-lg-tracking-normal:var(--eds--spacious,0px)var(--eds--comfortable,0px);--eds-typography-ui-body-lg-tracking-loose:var(--eds--spacious,1.76px)var(--eds--comfortable,1.54px);--eds-typography-ui-body-lg-font-weight-lighter:var(--eds--spacious,300)var(--eds--comfortable,300);--eds-typography-ui-body-lg-font-weight-normal:var(--eds--spacious,400)var(--eds--comfortable,400);--eds-typography-ui-body-lg-font-weight-bolder:var(--eds--spacious,500)var(--eds--comfortable,500);--eds-typography-ui-body-lg-lineheight-default:var(--eds--spacious,1.5rem)var(--eds--comfortable,1.25rem);--eds-typography-ui-body-lg-lineheight-squished:var(--eds--spacious,1.25rem)var(--eds--comfortable,1rem);--eds-typography-ui-body-xl-font-size:var(--eds--spacious,1.156rem)var(--eds--comfortable,1rem);--eds-typography-ui-body-xl-tracking-tight:var(--eds--spacious,-1.76px)var(--eds--comfortable,-1.76px);--eds-typography-ui-body-xl-tracking-normal:var(--eds--spacious,0px)var(--eds--comfortable,0px);--eds-typography-ui-body-xl-tracking-loose:var(--eds--spacious,2.035px)var(--eds--comfortable,1.76px);--eds-typography-ui-body-xl-font-weight-lighter:var(--eds--spacious,300)var(--eds--comfortable,300);--eds-typography-ui-body-xl-font-weight-normal:var(--eds--spacious,400)var(--eds--comfortable,400);--eds-typography-ui-body-xl-font-weight-bolder:var(--eds--spacious,500)var(--eds--comfortable,500);--eds-typography-ui-body-xl-lineheight-default:var(--eds--spacious,1.5rem)var(--eds--comfortable,1.5rem);--eds-typography-ui-body-xl-lineheight-squished:var(--eds--spacious,1.25rem)var(--eds--comfortable,1.25rem);--eds-typography-ui-body-2xl-font-size:var(--eds--spacious,1.313rem)var(--eds--comfortable,1.156rem);--eds-typography-ui-body-2xl-tracking-tight:var(--eds--spacious,-2.31px)var(--eds--comfortable,-1.76px);--eds-typography-ui-body-2xl-tracking-normal:var(--eds--spacious,0px)var(--eds--comfortable,0px);--eds-typography-ui-body-2xl-tracking-loose:var(--eds--spacious,2.31px)var(--eds--comfortable,2.035px);--eds-typography-ui-body-2xl-font-weight-lighter:var(--eds--spacious,300)var(--eds--comfortable,300);--eds-typography-ui-body-2xl-font-weight-normal:var(--eds--spacious,400)var(--eds--comfortable,400);--eds-typography-ui-body-2xl-font-weight-bolder:var(--eds--spacious,500)var(--eds--comfortable,500);--eds-typography-ui-body-2xl-lineheight-default:var(--eds--spacious,1.75rem)var(--eds--comfortable,1.5rem);--eds-typography-ui-body-2xl-lineheight-squished:var(--eds--spacious,1.5rem)var(--eds--comfortable,1.25rem);--eds-typography-ui-body-3xl-font-size:var(--eds--spacious,1.531rem)var(--eds--comfortable,1.313rem);--eds-typography-ui-body-3xl-tracking-tight:var(--eds--spacious,-2.695px)var(--eds--comfortable,-2.31px);--eds-typography-ui-body-3xl-tracking-normal:var(--eds--spacious,0px)var(--eds--comfortable,0px);--eds-typography-ui-body-3xl-tracking-loose:var(--eds--spacious,2.695px)var(--eds--comfortable,2.31px);--eds-typography-ui-body-3xl-font-weight-lighter:var(--eds--spacious,300)var(--eds--comfortable,300);--eds-typography-ui-body-3xl-font-weight-normal:var(--eds--spacious,400)var(--eds--comfortable,400);--eds-typography-ui-body-3xl-font-weight-bolder:var(--eds--spacious,500)var(--eds--comfortable,500);--eds-typography-ui-body-3xl-lineheight-default:var(--eds--spacious,2rem)var(--eds--comfortable,1.75rem);--eds-typography-ui-body-3xl-lineheight-squished:var(--eds--spacious,1.75rem)var(--eds--comfortable,1.5rem);--eds-typography-ui-body-4xl-font-size:var(--eds--spacious,1.75rem)var(--eds--comfortable,1.531rem);--eds-typography-ui-body-4xl-tracking-tight:var(--eds--spacious,-3.08px)var(--eds--comfortable,-2.695px);--eds-typography-ui-body-4xl-tracking-normal:var(--eds--spacious,0px)var(--eds--comfortable,0px);--eds-typography-ui-body-4xl-tracking-loose:var(--eds--spacious,3.08px)var(--eds--comfortable,2.695px);--eds-typography-ui-body-4xl-font-weight-lighter:var(--eds--spacious,300)var(--eds--comfortable,300);--eds-typography-ui-body-4xl-font-weight-normal:var(--eds--spacious,400)var(--eds--comfortable,400);--eds-typography-ui-body-4xl-font-weight-bolder:var(--eds--spacious,500)var(--eds--comfortable,500);--eds-typography-ui-body-4xl-lineheight-default:var(--eds--spacious,2rem)var(--eds--comfortable,2rem);--eds-typography-ui-body-4xl-lineheight-squished:var(--eds--spacious,1.75rem)var(--eds--comfortable,1.75rem);--eds-typography-ui-body-5xl-font-size:var(--eds--spacious,2rem)var(--eds--comfortable,1.75rem);--eds-typography-ui-body-5xl-tracking-tight:var(--eds--spacious,-3.52px)var(--eds--comfortable,-3.08px);--eds-typography-ui-body-5xl-tracking-normal:var(--eds--spacious,0px)var(--eds--comfortable,0px);--eds-typography-ui-body-5xl-tracking-loose:var(--eds--spacious,3.52px)var(--eds--comfortable,3.08px);--eds-typography-ui-body-5xl-font-weight-lighter:var(--eds--spacious,300)var(--eds--comfortable,300);--eds-typography-ui-body-5xl-font-weight-normal:var(--eds--spacious,400)var(--eds--comfortable,400);--eds-typography-ui-body-5xl-font-weight-bolder:var(--eds--spacious,500)var(--eds--comfortable,500);--eds-typography-ui-body-5xl-lineheight-default:var(--eds--spacious,2.25rem)var(--eds--comfortable,2rem);--eds-typography-ui-body-5xl-lineheight-squished:var(--eds--spacious,2rem)var(--eds--comfortable,1.75rem);--eds-typography-ui-body-6xl-font-size:var(--eds--spacious,2.313rem)var(--eds--comfortable,2rem);--eds-typography-ui-body-6xl-tracking-tight:var(--eds--spacious,-4.07px)var(--eds--comfortable,-3.52px);--eds-typography-ui-body-6xl-tracking-normal:var(--eds--spacious,0px)var(--eds--comfortable,0px);--eds-typography-ui-body-6xl-tracking-loose:var(--eds--spacious,4.07px)var(--eds--comfortable,3.52px);--eds-typography-ui-body-6xl-font-weight-lighter:var(--eds--spacious,300)var(--eds--comfortable,300);--eds-typography-ui-body-6xl-font-weight-normal:var(--eds--spacious,400)var(--eds--comfortable,0px);--eds-typography-ui-body-6xl-font-weight-bolder:var(--eds--spacious,500)var(--eds--comfortable,500);--eds-typography-ui-body-6xl-lineheight-default:var(--eds--spacious,2.5rem)var(--eds--comfortable,2.25rem);--eds-typography-ui-body-6xl-lineheight-squished:var(--eds--spacious,2.25rem)var(--eds--comfortable,2rem);--eds-typography-header-xs-font-size:var(--eds--spacious,.75rem)var(--eds--comfortable,.656rem);--eds-typography-header-xs-tracking-tight:var(--eds--spacious,-1.15px)var(--eds--comfortable,-.99px);--eds-typography-header-xs-tracking-normal:var(--eds--spacious,0px)var(--eds--comfortable,0px);--eds-typography-header-xs-tracking-loose:var(--eds--spacious,1.15px)var(--eds--comfortable,.99px);--eds-typography-header-xs-font-weight-lighter:var(--eds--spacious,300)var(--eds--comfortable,300);--eds-typography-header-xs-font-weight-normal:var(--eds--spacious,400)var(--eds--comfortable,400);--eds-typography-header-xs-font-weight-bolder:var(--eds--spacious,500)var(--eds--comfortable,500);--eds-typography-header-xs-lineheight-default:var(--eds--spacious,1rem)var(--eds--comfortable,.75rem);--eds-typography-header-xs-lineheight-squished:var(--eds--spacious,.75rem)var(--eds--comfortable,.75rem);--eds-typography-header-font-family:"Equinor";--eds-typography-header-sm-font-size:var(--eds--spacious,.875rem)var(--eds--comfortable,.75rem);--eds-typography-header-sm-tracking-tight:var(--eds--spacious,-1.32px)var(--eds--comfortable,-1.15px);--eds-typography-header-sm-tracking-normal:var(--eds--spacious,0px)var(--eds--comfortable,0px);--eds-typography-header-sm-tracking-loose:var(--eds--spacious,1.32px)var(--eds--comfortable,1.15px);--eds-typography-header-sm-font-weight-lighter:var(--eds--spacious,300)var(--eds--comfortable,300);--eds-typography-header-sm-font-weight-normal:var(--eds--spacious,400)var(--eds--comfortable,400);--eds-typography-header-sm-font-weight-bolder:var(--eds--spacious,500)var(--eds--comfortable,500);--eds-typography-header-sm-lineheight-default:var(--eds--spacious,1rem)var(--eds--comfortable,1rem);--eds-typography-header-sm-lineheight-squished:var(--eds--spacious,.75rem)var(--eds--comfortable,.75rem);--eds-typography-header-md-font-size:var(--eds--spacious,1rem)var(--eds--comfortable,.875rem);--eds-typography-header-md-tracking-tight:var(--eds--spacious,-1.54px)var(--eds--comfortable,-1.32px);--eds-typography-header-md-tracking-normal:var(--eds--spacious,0px)var(--eds--comfortable,0px);--eds-typography-header-md-tracking-loose:var(--eds--spacious,1.54px)var(--eds--comfortable,1.32px);--eds-typography-header-md-font-weight-lighter:var(--eds--spacious,300)var(--eds--comfortable,300);--eds-typography-header-md-font-weight-normal:var(--eds--spacious,400)var(--eds--comfortable,400);--eds-typography-header-md-font-weight-bolder:var(--eds--spacious,500)var(--eds--comfortable,500);--eds-typography-header-md-lineheight-default:var(--eds--spacious,1.25rem)var(--eds--comfortable,1rem);--eds-typography-header-md-lineheight-squished:var(--eds--spacious,1rem)var(--eds--comfortable,.75rem);--eds-typography-header-lg-font-size:var(--eds--spacious,1.125rem)var(--eds--comfortable,1rem);--eds-typography-header-lg-tracking-tight:var(--eds--spacious,-1.76px)var(--eds--comfortable,-1.54px);--eds-typography-header-lg-tracking-normal:var(--eds--spacious,0px)var(--eds--comfortable,0px);--eds-typography-header-lg-tracking-loose:var(--eds--spacious,1.76px)var(--eds--comfortable,1.54px);--eds-typography-header-lg-font-weight-lighter:var(--eds--spacious,300)var(--eds--comfortable,300);--eds-typography-header-lg-font-weight-normal:var(--eds--spacious,400)var(--eds--comfortable,400);--eds-typography-header-lg-font-weight-bolder:var(--eds--spacious,500)var(--eds--comfortable,500);--eds-typography-header-lg-lineheight-default:var(--eds--spacious,1.5rem)var(--eds--comfortable,1.25rem);--eds-typography-header-lg-lineheight-squished:var(--eds--spacious,1.25rem)var(--eds--comfortable,1rem);--eds-typography-header-xl-font-size:var(--eds--spacious,1.313rem)var(--eds--comfortable,1.125rem);--eds-typography-header-xl-tracking-tight:var(--eds--spacious,-1.76px)var(--eds--comfortable,-1.76px);--eds-typography-header-xl-tracking-normal:var(--eds--spacious,0px)var(--eds--comfortable,0px);--eds-typography-header-xl-tracking-loose:var(--eds--spacious,2.035px)var(--eds--comfortable,1.76px);--eds-typography-header-xl-font-weight-lighter:var(--eds--spacious,300)var(--eds--comfortable,300);--eds-typography-header-xl-font-weight-normal:var(--eds--spacious,400)var(--eds--comfortable,400);--eds-typography-header-xl-font-weight-bolder:var(--eds--spacious,500)var(--eds--comfortable,500);--eds-typography-header-xl-lineheight-default:var(--eds--spacious,1.5rem)var(--eds--comfortable,1.5rem);--eds-typography-header-xl-lineheight-squished:var(--eds--spacious,1.25rem)var(--eds--comfortable,1.25rem);--eds-typography-header-2xl-font-size:var(--eds--spacious,1.5rem)var(--eds--comfortable,1.313rem);--eds-typography-header-2xl-tracking-tight:var(--eds--spacious,-2.31px)var(--eds--comfortable,-1.76px);--eds-typography-header-2xl-tracking-normal:var(--eds--spacious,0px)var(--eds--comfortable,0px);--eds-typography-header-2xl-tracking-loose:var(--eds--spacious,2.31px)var(--eds--comfortable,2.035px);--eds-typography-header-2xl-font-weight-lighter:var(--eds--spacious,300)var(--eds--comfortable,300);--eds-typography-header-2xl-font-weight-normal:var(--eds--spacious,400)var(--eds--comfortable,400);--eds-typography-header-2xl-font-weight-bolder:var(--eds--spacious,500)var(--eds--comfortable,500);--eds-typography-header-2xl-lineheight-default:var(--eds--spacious,1.75rem)var(--eds--comfortable,1.5rem);--eds-typography-header-2xl-lineheight-squished:var(--eds--spacious,1.5rem)var(--eds--comfortable,1.25rem);--eds-typography-header-3xl-font-size:var(--eds--spacious,1.719rem)var(--eds--comfortable,1.5rem);--eds-typography-header-3xl-tracking-tight:var(--eds--spacious,-2.695px)var(--eds--comfortable,-2.31px);--eds-typography-header-3xl-tracking-normal:var(--eds--spacious,0px)var(--eds--comfortable,0px);--eds-typography-header-3xl-tracking-loose:var(--eds--spacious,2.695px)var(--eds--comfortable,2.31px);--eds-typography-header-3xl-font-weight-lighter:var(--eds--spacious,300)var(--eds--comfortable,300);--eds-typography-header-3xl-font-weight-normal:var(--eds--spacious,400)var(--eds--comfortable,400);--eds-typography-header-3xl-font-weight-bolder:var(--eds--spacious,500)var(--eds--comfortable,500);--eds-typography-header-3xl-lineheight-default:var(--eds--spacious,2rem)var(--eds--comfortable,1.75rem);--eds-typography-header-3xl-lineheight-squished:var(--eds--spacious,1.75rem)var(--eds--comfortable,1.5rem);--eds-typography-header-4xl-font-size:var(--eds--spacious,1.969rem)var(--eds--comfortable,1.719rem);--eds-typography-header-4xl-tracking-tight:var(--eds--spacious,-3.08px)var(--eds--comfortable,-2.695px);--eds-typography-header-4xl-tracking-normal:var(--eds--spacious,0px)var(--eds--comfortable,0px);--eds-typography-header-4xl-tracking-loose:var(--eds--spacious,3.08px)var(--eds--comfortable,2.695px);--eds-typography-header-4xl-font-weight-lighter:var(--eds--spacious,300)var(--eds--comfortable,300);--eds-typography-header-4xl-font-weight-normal:var(--eds--spacious,400)var(--eds--comfortable,400);--eds-typography-header-4xl-font-weight-bolder:var(--eds--spacious,500)var(--eds--comfortable,500);--eds-typography-header-4xl-lineheight-default:var(--eds--spacious,2rem)var(--eds--comfortable,2rem);--eds-typography-header-4xl-lineheight-squished:var(--eds--spacious,1.75rem)var(--eds--comfortable,1.75rem);--eds-typography-header-5xl-font-size:var(--eds--spacious,2.281rem)var(--eds--comfortable,1.969rem);--eds-typography-header-5xl-tracking-tight:var(--eds--spacious,-3.52px)var(--eds--comfortable,-3.08px);--eds-typography-header-5xl-tracking-normal:var(--eds--spacious,0px)var(--eds--comfortable,0px);--eds-typography-header-5xl-tracking-loose:var(--eds--spacious,3.52px)var(--eds--comfortable,3.08px);--eds-typography-header-5xl-font-weight-lighter:var(--eds--spacious,300)var(--eds--comfortable,300);--eds-typography-header-5xl-font-weight-normal:var(--eds--spacious,400)var(--eds--comfortable,400);--eds-typography-header-5xl-font-weight-bolder:var(--eds--spacious,500)var(--eds--comfortable,500);--eds-typography-header-5xl-lineheight-default:var(--eds--spacious,2.25rem)var(--eds--comfortable,2rem);--eds-typography-header-5xl-lineheight-squished:var(--eds--spacious,2rem)var(--eds--comfortable,1.75rem);--eds-typography-header-6xl-font-size:var(--eds--spacious,2.625rem)var(--eds--comfortable,2.281rem);--eds-typography-header-6xl-tracking-tight:var(--eds--spacious,-4.07px)var(--eds--comfortable,-3.52px);--eds-typography-header-6xl-tracking-normal:var(--eds--spacious,0px)var(--eds--comfortable,0px);--eds-typography-header-6xl-tracking-loose:var(--eds--spacious,4.07px)var(--eds--comfortable,3.52px);--eds-typography-header-6xl-font-weight-lighter:var(--eds--spacious,300)var(--eds--comfortable,300);--eds-typography-header-6xl-font-weight-normal:var(--eds--spacious,400)var(--eds--comfortable,400);--eds-typography-header-6xl-font-weight-bolder:var(--eds--spacious,500)var(--eds--comfortable,500);--eds-typography-header-6xl-lineheight-default:var(--eds--spacious,2.5rem)var(--eds--comfortable,2.25rem);--eds-typography-header-6xl-lineheight-squished:var(--eds--spacious,2.25rem)var(--eds--comfortable,2rem)}
\ No newline at end of file
+:root,[data-color-scheme=light]{color-scheme:light}[data-color-scheme=dark]{color-scheme:dark}:root{--eds-color-bg-floating:light-dark(#fff,#202223);--eds-color-bg-backdrop:light-dark(#aeaeae,#738696);--eds-color-bg-input:light-dark(#f5f5f5,#0b0b0b);--eds-color-border-focus:light-dark(#6fb6e9,#2d8bc5);--eds-color-text-link:light-dark(#0070a9,#5abbfb);--eds-color-accent-1:light-dark(#eaf8fa,#0a0b0b);--eds-color-accent-2:light-dark(#f6ffff,#1e2323);--eds-color-accent-3:light-dark(#cfe7e9,#3c6266);--eds-color-accent-4:light-dark(#bbdbdf,#3e7378);--eds-color-accent-5:light-dark(#a2cdd2,#41878e);--eds-color-accent-6:light-dark(#bbdbdf,#3c6266);--eds-color-accent-7:light-dark(#7cbac1,#439199);--eds-color-accent-8:light-dark(#21767e,#6ec0c9);--eds-color-accent-9:light-dark(#206f77,#8cd2da);--eds-color-accent-10:light-dark(#205c62,#ace3e9);--eds-color-accent-11:light-dark(#20565c,#c7f1f6);--eds-color-accent-12:light-dark(#1f6369,#bcebf1);--eds-color-accent-13:light-dark(#141f20,#e6ffff);--eds-color-accent-14:light-dark(#cae4e7,#2c3839);--eds-color-accent-15:light-dark(#fff,#030303);--eds-color-neutral-1:light-dark(#f5f5f5,#0b0b0b);--eds-color-neutral-2:light-dark(#fff,#202223);--eds-color-neutral-3:light-dark(#e1e1e1,#525c65);--eds-color-neutral-4:light-dark(#d4d4d4,#5d6b76);--eds-color-neutral-5:light-dark(#c4c4c4,#6b7d8b);--eds-color-neutral-6:light-dark(#d4d4d4,#525c65);--eds-color-neutral-7:light-dark(#aeaeae,#738696);--eds-color-neutral-8:light-dark(#696969,#9fb4c6);--eds-color-neutral-9:light-dark(#636363,#b4c7d7);--eds-color-neutral-10:light-dark(#525252,#cadae7);--eds-color-neutral-11:light-dark(#4d4d4d,#deeaf4);--eds-color-neutral-12:light-dark(#585858,#d6e3ee);--eds-color-neutral-13:light-dark(#1d1d1d,#f5fdff);--eds-color-neutral-14:light-dark(#dedede,#333639);--eds-color-neutral-15:light-dark(#fff,#030303);--eds-color-info-1:light-dark(#e7f8ff,#0a0b0c);--eds-color-info-2:light-dark(#f4ffff,#1d2226);--eds-color-info-3:light-dark(#cae6fa,#33607e);--eds-color-info-4:light-dark(#b5daf5,#316f98);--eds-color-info-5:light-dark(#99cbf0,#2e82b7);--eds-color-info-6:light-dark(#b5daf5,#33607e);--eds-color-info-7:light-dark(#6fb6e9,#2d8bc5);--eds-color-info-8:light-dark(#0070a9,#5abbfb);--eds-color-info-9:light-dark(#006aa0,#7dceff);--eds-color-info-10:light-dark(#085883,#a2e0ff);--eds-color-info-11:light-dark(#0e5279,#c4eeff);--eds-color-info-12:light-dark(#015e8d,#b7e8ff);--eds-color-info-13:light-dark(#121e27,#ecffff);--eds-color-info-14:light-dark(#c5e3f9,#2a3741);--eds-color-info-15:light-dark(#fff,#030304);--eds-color-success-1:light-dark(#eafbe8,#0a0c0a);--eds-color-success-2:light-dark(#f6fff5,#1e231e);--eds-color-success-3:light-dark(#cfeacc,#3c673a);--eds-color-success-4:light-dark(#bbe0b8,#3e793c);--eds-color-success-5:light-dark(#a2d49e,#418e3e);--eds-color-success-6:light-dark(#bbe0b8,#3c673a);--eds-color-success-7:light-dark(#7cc278,#449941);--eds-color-success-8:light-dark(#227e22,#6eca6a);--eds-color-success-9:light-dark(#207720,#8cdb87);--eds-color-success-10:light-dark(#20621f,#aceba8);--eds-color-success-11:light-dark(#215c1f,#c7f7c3);--eds-color-success-12:light-dark(#20691f,#bcf2b8);--eds-color-success-13:light-dark(#142114,#e6ffe3);--eds-color-success-14:light-dark(#cae8c7,#2c392b);--eds-color-success-15:light-dark(#fff,#030303);--eds-color-warning-1:light-dark(#fff1e2,#0c0b0a);--eds-color-warning-2:light-dark(#fffcf0,#27201b);--eds-color-warning-3:light-dark(#fbdac1,#7e4e25);--eds-color-warning-4:light-dark(#f6caaa,#97571b);--eds-color-warning-5:light-dark(#f0b689,#b46201);--eds-color-warning-6:light-dark(#f6caaa,#7e4e25);--eds-color-warning-7:light-dark(#e89959,#c36800);--eds-color-warning-8:light-dark(#a34e00,#f99539);--eds-color-warning-9:light-dark(#9b4900,#ffad63);--eds-color-warning-10:light-dark(#813e00,#ffc791);--eds-color-warning-11:light-dark(#773a00,#ffddb9);--eds-color-warning-12:light-dark(#8a4100,#ffd4aa);--eds-color-warning-13:light-dark(#27190e,#fff7e6);--eds-color-warning-14:light-dark(#fad6bc,#413226);--eds-color-warning-15:light-dark(#fff,#040303);--eds-color-danger-1:light-dark(#ffecea,#0d0a0a);--eds-color-danger-2:light-dark(#fff9f8,#2a1e1e);--eds-color-danger-3:light-dark(#ffd0ce,#923a3c);--eds-color-danger-4:light-dark(#ffbcba,#b03940);--eds-color-danger-5:light-dark(#ffa3a1,#d43745);--eds-color-danger-6:light-dark(#ffbcba,#923a3c);--eds-color-danger-7:light-dark(#ff7a7c,#e53748);--eds-color-danger-8:light-dark(#c6002d,#ff8082);--eds-color-danger-9:light-dark(#bc002a,#ffa3a1);--eds-color-danger-10:light-dark(#9a1026,#ffc1bf);--eds-color-danger-11:light-dark(#8e1525,#ffd9d7);--eds-color-danger-12:light-dark(#a50827,#ffd0ce);--eds-color-danger-13:light-dark(#2e1414,#fff5f4);--eds-color-danger-14:light-dark(#ffcbc9,#492d2c);--eds-color-danger-15:light-dark(#fff,#040303);--eds-color-bg-neutral-canvas:var(--eds-color-neutral-1);--eds-color-bg-neutral-surface:var(--eds-color-neutral-2);--eds-color-bg-neutral-fill-muted-default:var(--eds-color-neutral-3);--eds-color-bg-neutral-fill-muted-hover:var(--eds-color-neutral-4);--eds-color-bg-neutral-fill-muted-active:var(--eds-color-neutral-5);--eds-color-bg-neutral-fill-emphasis-default:var(--eds-color-neutral-9);--eds-color-bg-neutral-fill-emphasis-hover:var(--eds-color-neutral-10);--eds-color-bg-neutral-fill-emphasis-active:var(--eds-color-neutral-11);--eds-color-bg-accent-canvas:var(--eds-color-accent-1);--eds-color-bg-accent-surface:var(--eds-color-accent-2);--eds-color-bg-accent-fill-muted-default:var(--eds-color-accent-3);--eds-color-bg-accent-fill-muted-hover:var(--eds-color-accent-4);--eds-color-bg-accent-fill-muted-active:var(--eds-color-accent-5);--eds-color-bg-accent-fill-emphasis-default:var(--eds-color-accent-9);--eds-color-bg-accent-fill-emphasis-hover:var(--eds-color-accent-10);--eds-color-bg-accent-fill-emphasis-active:var(--eds-color-accent-11);--eds-color-bg-success-canvas:var(--eds-color-success-1);--eds-color-bg-success-surface:var(--eds-color-success-2);--eds-color-bg-success-fill-muted-default:var(--eds-color-success-3);--eds-color-bg-success-fill-muted-hover:var(--eds-color-success-4);--eds-color-bg-success-fill-muted-active:var(--eds-color-success-5);--eds-color-bg-success-fill-emphasis-default:var(--eds-color-success-9);--eds-color-bg-success-fill-emphasis-hover:var(--eds-color-success-10);--eds-color-bg-success-fill-emphasis-active:var(--eds-color-success-11);--eds-color-bg-info-canvas:var(--eds-color-info-1);--eds-color-bg-info-surface:var(--eds-color-info-2);--eds-color-bg-info-fill-muted-default:var(--eds-color-info-3);--eds-color-bg-info-fill-muted-hover:var(--eds-color-info-4);--eds-color-bg-info-fill-muted-active:var(--eds-color-info-5);--eds-color-bg-info-fill-emphasis-default:var(--eds-color-info-9);--eds-color-bg-info-fill-emphasis-hover:var(--eds-color-info-10);--eds-color-bg-info-fill-emphasis-active:var(--eds-color-info-11);--eds-color-bg-warning-canvas:var(--eds-color-warning-1);--eds-color-bg-warning-surface:var(--eds-color-warning-2);--eds-color-bg-warning-fill-muted-default:var(--eds-color-warning-3);--eds-color-bg-warning-fill-muted-hover:var(--eds-color-warning-4);--eds-color-bg-warning-fill-muted-active:var(--eds-color-warning-5);--eds-color-bg-warning-fill-emphasis-default:var(--eds-color-warning-9);--eds-color-bg-warning-fill-emphasis-hover:var(--eds-color-warning-10);--eds-color-bg-warning-fill-emphasis-active:var(--eds-color-warning-11);--eds-color-bg-danger-canvas:var(--eds-color-danger-1);--eds-color-bg-danger-surface:var(--eds-color-danger-2);--eds-color-bg-danger-fill-muted-default:var(--eds-color-danger-3);--eds-color-bg-danger-fill-muted-hover:var(--eds-color-danger-4);--eds-color-bg-danger-fill-muted-active:var(--eds-color-danger-5);--eds-color-bg-danger-fill-emphasis-default:var(--eds-color-danger-9);--eds-color-bg-danger-fill-emphasis-hover:var(--eds-color-danger-10);--eds-color-bg-danger-fill-emphasis-active:var(--eds-color-danger-11);--eds-color-border-neutral-subtle:var(--eds-color-neutral-6);--eds-color-border-neutral-medium:var(--eds-color-neutral-7);--eds-color-border-neutral-strong:var(--eds-color-neutral-8);--eds-color-border-accent-subtle:var(--eds-color-accent-6);--eds-color-border-accent-medium:var(--eds-color-accent-7);--eds-color-border-accent-strong:var(--eds-color-accent-8);--eds-color-border-success-subtle:var(--eds-color-success-6);--eds-color-border-success-medium:var(--eds-color-success-7);--eds-color-border-success-strong:var(--eds-color-success-8);--eds-color-border-info-subtle:var(--eds-color-info-6);--eds-color-border-info-medium:var(--eds-color-info-7);--eds-color-border-info-strong:var(--eds-color-info-8);--eds-color-border-warning-subtle:var(--eds-color-warning-6);--eds-color-border-warning-medium:var(--eds-color-warning-7);--eds-color-border-warning-strong:var(--eds-color-warning-8);--eds-color-border-danger-subtle:var(--eds-color-danger-6);--eds-color-border-danger-medium:var(--eds-color-danger-7);--eds-color-border-danger-strong:var(--eds-color-danger-8);--eds-color-text-neutral-subtle:var(--eds-color-neutral-12);--eds-color-text-neutral-strong:var(--eds-color-neutral-13);--eds-color-text-neutral-subtle-on-emphasis:var(--eds-color-neutral-14);--eds-color-text-neutral-strong-on-emphasis:var(--eds-color-neutral-15);--eds-color-text-accent-subtle:var(--eds-color-accent-12);--eds-color-text-accent-strong:var(--eds-color-accent-13);--eds-color-text-accent-subtle-on-emphasis:var(--eds-color-accent-14);--eds-color-text-accent-strong-on-emphasis:var(--eds-color-accent-15);--eds-color-text-success-subtle:var(--eds-color-success-12);--eds-color-text-success-strong:var(--eds-color-success-13);--eds-color-text-success-subtle-on-emphasis:var(--eds-color-success-14);--eds-color-text-success-strong-on-emphasis:var(--eds-color-success-15);--eds-color-text-info-subtle:var(--eds-color-info-12);--eds-color-text-info-strong:var(--eds-color-info-13);--eds-color-text-info-subtle-on-emphasis:var(--eds-color-info-14);--eds-color-text-info-strong-on-emphasis:var(--eds-color-info-15);--eds-color-text-warning-subtle:var(--eds-color-warning-12);--eds-color-text-warning-strong:var(--eds-color-warning-13);--eds-color-text-warning-subtle-on-emphasis:var(--eds-color-warning-14);--eds-color-text-warning-strong-on-emphasis:var(--eds-color-warning-15);--eds-color-text-danger-subtle:var(--eds-color-danger-12);--eds-color-text-danger-strong:var(--eds-color-danger-13);--eds-color-text-danger-subtle-on-emphasis:var(--eds-color-danger-14);--eds-color-text-danger-strong-on-emphasis:var(--eds-color-danger-15)}:root,[data-color-appearance=neutral]{--eds-color-bg-fill-muted-default:var(--eds-color-neutral-3);--eds-color-bg-fill-muted-hover:var(--eds-color-neutral-4);--eds-color-bg-fill-muted-active:var(--eds-color-neutral-5);--eds-color-bg-fill-emphasis-default:var(--eds-color-neutral-9);--eds-color-bg-fill-emphasis-hover:var(--eds-color-neutral-10);--eds-color-bg-fill-emphasis-active:var(--eds-color-neutral-11);--eds-color-bg-canvas:var(--eds-color-neutral-1);--eds-color-bg-surface:var(--eds-color-neutral-2);--eds-color-border-subtle:var(--eds-color-neutral-6);--eds-color-border-medium:var(--eds-color-neutral-7);--eds-color-border-strong:var(--eds-color-neutral-8);--eds-color-text-subtle:var(--eds-color-neutral-12);--eds-color-text-strong:var(--eds-color-neutral-13);--eds-color-text-subtle-on-emphasis:var(--eds-color-neutral-14);--eds-color-text-strong-on-emphasis:var(--eds-color-neutral-15)}[data-color-appearance=accent]{--eds-color-bg-fill-muted-default:var(--eds-color-accent-3);--eds-color-bg-fill-muted-hover:var(--eds-color-accent-4);--eds-color-bg-fill-muted-active:var(--eds-color-accent-5);--eds-color-bg-fill-emphasis-default:var(--eds-color-accent-9);--eds-color-bg-fill-emphasis-hover:var(--eds-color-accent-10);--eds-color-bg-fill-emphasis-active:var(--eds-color-accent-11);--eds-color-bg-canvas:var(--eds-color-accent-1);--eds-color-bg-surface:var(--eds-color-accent-2);--eds-color-border-subtle:var(--eds-color-accent-6);--eds-color-border-medium:var(--eds-color-accent-7);--eds-color-border-strong:var(--eds-color-accent-8);--eds-color-text-subtle:var(--eds-color-accent-12);--eds-color-text-strong:var(--eds-color-accent-13);--eds-color-text-subtle-on-emphasis:var(--eds-color-accent-14);--eds-color-text-strong-on-emphasis:var(--eds-color-accent-15)}[data-color-appearance=danger]{--eds-color-bg-fill-muted-default:var(--eds-color-danger-3);--eds-color-bg-fill-muted-hover:var(--eds-color-danger-4);--eds-color-bg-fill-muted-active:var(--eds-color-danger-5);--eds-color-bg-fill-emphasis-default:var(--eds-color-danger-9);--eds-color-bg-fill-emphasis-hover:var(--eds-color-danger-10);--eds-color-bg-fill-emphasis-active:var(--eds-color-danger-11);--eds-color-bg-canvas:var(--eds-color-danger-1);--eds-color-bg-surface:var(--eds-color-danger-2);--eds-color-border-subtle:var(--eds-color-danger-6);--eds-color-border-medium:var(--eds-color-danger-7);--eds-color-border-strong:var(--eds-color-danger-8);--eds-color-text-subtle:var(--eds-color-danger-12);--eds-color-text-strong:var(--eds-color-danger-13);--eds-color-text-subtle-on-emphasis:var(--eds-color-danger-14);--eds-color-text-strong-on-emphasis:var(--eds-color-danger-15)}[data-color-appearance=info]{--eds-color-bg-fill-muted-default:var(--eds-color-info-3);--eds-color-bg-fill-muted-hover:var(--eds-color-info-4);--eds-color-bg-fill-muted-active:var(--eds-color-info-5);--eds-color-bg-fill-emphasis-default:var(--eds-color-info-9);--eds-color-bg-fill-emphasis-hover:var(--eds-color-info-10);--eds-color-bg-fill-emphasis-active:var(--eds-color-info-11);--eds-color-bg-canvas:var(--eds-color-info-1);--eds-color-bg-surface:var(--eds-color-info-2);--eds-color-border-subtle:var(--eds-color-info-6);--eds-color-border-medium:var(--eds-color-info-7);--eds-color-border-strong:var(--eds-color-info-8);--eds-color-text-subtle:var(--eds-color-info-12);--eds-color-text-strong:var(--eds-color-info-13);--eds-color-text-subtle-on-emphasis:var(--eds-color-info-14);--eds-color-text-strong-on-emphasis:var(--eds-color-info-15)}[data-color-appearance=success]{--eds-color-bg-fill-muted-default:var(--eds-color-success-3);--eds-color-bg-fill-muted-hover:var(--eds-color-success-4);--eds-color-bg-fill-muted-active:var(--eds-color-success-5);--eds-color-bg-fill-emphasis-default:var(--eds-color-success-9);--eds-color-bg-fill-emphasis-hover:var(--eds-color-success-10);--eds-color-bg-fill-emphasis-active:var(--eds-color-success-11);--eds-color-bg-canvas:var(--eds-color-success-1);--eds-color-bg-surface:var(--eds-color-success-2);--eds-color-border-subtle:var(--eds-color-success-6);--eds-color-border-medium:var(--eds-color-success-7);--eds-color-border-strong:var(--eds-color-success-8);--eds-color-text-subtle:var(--eds-color-success-12);--eds-color-text-strong:var(--eds-color-success-13);--eds-color-text-subtle-on-emphasis:var(--eds-color-success-14);--eds-color-text-strong-on-emphasis:var(--eds-color-success-15)}[data-color-appearance=warning]{--eds-color-bg-fill-muted-default:var(--eds-color-warning-3);--eds-color-bg-fill-muted-hover:var(--eds-color-warning-4);--eds-color-bg-fill-muted-active:var(--eds-color-warning-5);--eds-color-bg-fill-emphasis-default:var(--eds-color-warning-9);--eds-color-bg-fill-emphasis-hover:var(--eds-color-warning-10);--eds-color-bg-fill-emphasis-active:var(--eds-color-warning-11);--eds-color-bg-canvas:var(--eds-color-warning-1);--eds-color-bg-surface:var(--eds-color-warning-2);--eds-color-border-subtle:var(--eds-color-warning-6);--eds-color-border-medium:var(--eds-color-warning-7);--eds-color-border-strong:var(--eds-color-warning-8);--eds-color-text-subtle:var(--eds-color-warning-12);--eds-color-text-strong:var(--eds-color-warning-13);--eds-color-text-subtle-on-emphasis:var(--eds-color-warning-14);--eds-color-text-strong-on-emphasis:var(--eds-color-warning-15)}@property --captured-size-1{syntax:"";inherits:false;initial-value:0}@property --captured-size-2{syntax:"";inherits:false;initial-value:0}@property --captured-size-3{syntax:"";inherits:false;initial-value:0}@property --captured-color-1{syntax:"";inherits:false;initial-value:#0000}@property --captured-color-2{syntax:"";inherits:false;initial-value:#0000}@property --captured-color-3{syntax:"";inherits:false;initial-value:#0000}@property --captured-color-4{syntax:"";inherits:false;initial-value:#0000}:root,[data-density]{--density:var(--eds--spacious);--eds--comfortable:var(--density, );--eds--spacious:var(--density, )}[data-density=comfortable]{--density:var(--eds--comfortable)}[data-density=spacious]{--density:var(--eds--spacious)}:root,[data-density]{--eds-spacing-icon-xs-gap-horizontal:var(--eds--spacious,.406rem)var(--eds--comfortable,.344rem);--eds-spacing-icon-xs-gap-vertical:var(--eds--spacious,.406rem)var(--eds--comfortable,.344rem);--eds-spacing-icon-sm-gap-horizontal:var(--eds--spacious,.469rem)var(--eds--comfortable,.406rem);--eds-spacing-icon-sm-gap-vertical:var(--eds--spacious,.469rem)var(--eds--comfortable,.406rem);--eds-spacing-icon-md-gap-horizontal:var(--eds--spacious,.531rem)var(--eds--comfortable,.469rem);--eds-spacing-icon-md-gap-vertical:var(--eds--spacious,.531rem)var(--eds--comfortable,.469rem);--eds-spacing-icon-lg-gap-horizontal:var(--eds--spacious,.625rem)var(--eds--comfortable,.531rem);--eds-spacing-icon-lg-gap-vertical:var(--eds--spacious,.625rem)var(--eds--comfortable,.531rem);--eds-spacing-icon-xl-gap-horizontal:var(--eds--spacious,.719rem)var(--eds--comfortable,.625rem);--eds-spacing-icon-xl-gap-vertical:var(--eds--spacious,.719rem)var(--eds--comfortable,.625rem);--eds-spacing-icon-2xl-gap-horizontal:var(--eds--spacious,.813rem)var(--eds--comfortable,.719rem);--eds-spacing-icon-2xl-gap-vertical:var(--eds--spacious,.813rem)var(--eds--comfortable,.719rem);--eds-spacing-icon-3xl-gap-horizontal:var(--eds--spacious,.938rem)var(--eds--comfortable,.813rem);--eds-spacing-icon-3xl-gap-vertical:var(--eds--spacious,.938rem)var(--eds--comfortable,.813rem);--eds-spacing-icon-4xl-gap-horizontal:var(--eds--spacious,1.094rem)var(--eds--comfortable,.938rem);--eds-spacing-icon-4xl-gap-vertical:var(--eds--spacious,1.094rem)var(--eds--comfortable,.938rem);--eds-spacing-icon-5xl-gap-horizontal:var(--eds--spacious,1.25rem)var(--eds--comfortable,1.094rem);--eds-spacing-icon-5xl-gap-vertical:var(--eds--spacious,1.25rem)var(--eds--comfortable,1.094rem);--eds-spacing-icon-6xl-gap-horizontal:var(--eds--spacious,1.438rem)var(--eds--comfortable,1.25rem);--eds-spacing-icon-6xl-gap-vertical:var(--eds--spacious,1.438rem)var(--eds--comfortable,1.25rem);--eds-spacing-inline-4-xs:var(--eds--spacious,.125rem)var(--eds--comfortable,.063rem);--eds-spacing-inline-3-xs:var(--eds--spacious,.25rem)var(--eds--comfortable,.125rem);--eds-spacing-inline-2-xs:var(--eds--spacious,.375rem)var(--eds--comfortable,.25rem);--eds-spacing-inline-xs:var(--eds--spacious,.5rem)var(--eds--comfortable,.375rem);--eds-spacing-inline-sm:var(--eds--spacious,.75rem)var(--eds--comfortable,.5rem);--eds-spacing-inline-md:var(--eds--spacious,1rem)var(--eds--comfortable,.75rem);--eds-spacing-inline-lg:var(--eds--spacious,1.25rem)var(--eds--comfortable,1rem);--eds-spacing-inline-xl:var(--eds--spacious,1.5rem)var(--eds--comfortable,1.25rem);--eds-spacing-inline-2-xl:var(--eds--spacious,1.75rem)var(--eds--comfortable,1.5rem);--eds-spacing-inline-3-xl:var(--eds--spacious,2rem)var(--eds--comfortable,1.75rem);--eds-spacing-stack-4-xs:var(--eds--spacious,.125rem)var(--eds--comfortable,.063rem);--eds-spacing-stack-3-xs:var(--eds--spacious,.25rem)var(--eds--comfortable,.125rem);--eds-spacing-stack-2-xs:var(--eds--spacious,.375rem)var(--eds--comfortable,.25rem);--eds-spacing-stack-xs:var(--eds--spacious,.5rem)var(--eds--comfortable,.375rem);--eds-spacing-stack-sm:var(--eds--spacious,.75rem)var(--eds--comfortable,.5rem);--eds-spacing-stack-md:var(--eds--spacious,1rem)var(--eds--comfortable,.75rem);--eds-spacing-stack-lg:var(--eds--spacious,1.25rem)var(--eds--comfortable,1rem);--eds-spacing-stack-xl:var(--eds--spacious,1.5rem)var(--eds--comfortable,1.25rem);--eds-spacing-stack-2-xl:var(--eds--spacious,1.75rem)var(--eds--comfortable,1.5rem);--eds-spacing-stack-3-xl:var(--eds--spacious,2rem)var(--eds--comfortable,1.75rem);--eds-spacing-border-radius-rounded:var(--eds--spacious,.25rem)var(--eds--comfortable,.188rem);--eds-spacing-border-radius-pill:var(--eds--spacious,62.5rem)var(--eds--comfortable,62.5rem);--eds-spacing-border-radius-none:0rem;--eds-spacing-inset-xs-inline:var(--eds--spacious,.5rem)var(--eds--comfortable,.375rem);--eds-spacing-inset-xs-stack-squished:var(--eds--spacious,.375rem)var(--eds--comfortable,.25rem);--eds-spacing-inset-xs-stack-squared:var(--eds--spacious,.5rem)var(--eds--comfortable,.375rem);--eds-spacing-inset-xs-stack-stretched:var(--eds--spacious,.75rem)var(--eds--comfortable,.5rem);--eds-spacing-inset-sm-inline:var(--eds--spacious,.75rem)var(--eds--comfortable,.5rem);--eds-spacing-inset-sm-stack-squished:var(--eds--spacious,.5rem)var(--eds--comfortable,.375rem);--eds-spacing-inset-sm-stack-squared:var(--eds--spacious,.75rem)var(--eds--comfortable,.5rem);--eds-spacing-inset-sm-stack-stretched:var(--eds--spacious,1rem)var(--eds--comfortable,.75rem);--eds-spacing-inset-md-inline:var(--eds--spacious,1rem)var(--eds--comfortable,.75rem);--eds-spacing-inset-md-stack-squished:var(--eds--spacious,.75rem)var(--eds--comfortable,.5rem);--eds-spacing-inset-md-stack-squared:var(--eds--spacious,1rem)var(--eds--comfortable,.75rem);--eds-spacing-inset-md-stack-stretched:var(--eds--spacious,1.25rem)var(--eds--comfortable,1rem);--eds-spacing-inset-lg-inline:var(--eds--spacious,1.25rem)var(--eds--comfortable,1rem);--eds-spacing-inset-lg-stack-squished:var(--eds--spacious,1rem)var(--eds--comfortable,.75rem);--eds-spacing-inset-lg-stack-squared:var(--eds--spacious,1.25rem)var(--eds--comfortable,1rem);--eds-spacing-inset-lg-stack-stretched:var(--eds--spacious,1.5rem)var(--eds--comfortable,1.25rem);--eds-spacing-inset-xl-inline:var(--eds--spacious,1.5rem)var(--eds--comfortable,1.25rem);--eds-spacing-inset-xl-stack-squished:var(--eds--spacious,1.25rem)var(--eds--comfortable,1rem);--eds-spacing-inset-xl-stack-squared:var(--eds--spacious,1.5rem)var(--eds--comfortable,1.25rem);--eds-spacing-inset-xl-stack-stretched:var(--eds--spacious,1.75rem)var(--eds--comfortable,1.5rem);--eds-sizing-icon-xs:var(--eds--spacious,1rem)var(--eds--comfortable,.875rem);--eds-sizing-icon-sm:var(--eds--spacious,1.125rem)var(--eds--comfortable,1rem);--eds-sizing-icon-md:var(--eds--spacious,1.25rem)var(--eds--comfortable,1.125rem);--eds-sizing-icon-lg:var(--eds--spacious,1.5rem)var(--eds--comfortable,1.25rem);--eds-sizing-icon-xl:var(--eds--spacious,1.75rem)var(--eds--comfortable,1.5rem);--eds-sizing-icon-2xl:var(--eds--spacious,2rem)var(--eds--comfortable,1.75rem);--eds-sizing-icon-3xl:var(--eds--spacious,2.313rem)var(--eds--comfortable,2rem);--eds-sizing-icon-4xl:var(--eds--spacious,2.625rem)var(--eds--comfortable,2.313rem);--eds-sizing-icon-5xl:var(--eds--spacious,3rem)var(--eds--comfortable,2.625rem);--eds-sizing-icon-6xl:var(--eds--spacious,3.5rem)var(--eds--comfortable,3rem);--eds-sizing-selectable-xs:var(--eds--spacious,1.25rem)var(--eds--comfortable,1rem);--eds-sizing-selectable-sm:var(--eds--spacious,1.5rem)var(--eds--comfortable,1.25rem);--eds-sizing-selectable-md:var(--eds--spacious,2.25rem)var(--eds--comfortable,1.5rem);--eds-sizing-selectable-lg:var(--eds--spacious,2.75rem)var(--eds--comfortable,2.25rem);--eds-sizing-selectable-xl:var(--eds--spacious,3.25rem)var(--eds--comfortable,2.75rem);--eds-sizing-selectable-2xl:var(--eds--spacious,3.75rem)var(--eds--comfortable,3.25rem);--eds-sizing-stroke-thin:var(--eds--spacious,.063rem)var(--eds--comfortable,.063rem);--eds-sizing-stroke-thick:var(--eds--spacious,.125rem)var(--eds--comfortable,.125rem);--eds-sizing-stroke-none:0rem;--eds-typography-ui-body-xs-font-size:var(--eds--spacious,.656rem)var(--eds--comfortable,.563rem);--eds-typography-ui-body-xs-tracking-tight:var(--eds--spacious,-1.15px)var(--eds--comfortable,-.99px);--eds-typography-ui-body-xs-tracking-normal:var(--eds--spacious,0px)var(--eds--comfortable,0px);--eds-typography-ui-body-xs-tracking-loose:var(--eds--spacious,1.15px)var(--eds--comfortable,.99px);--eds-typography-ui-body-xs-font-weight-lighter:var(--eds--spacious,300)var(--eds--comfortable,300);--eds-typography-ui-body-xs-font-weight-normal:var(--eds--spacious,400)var(--eds--comfortable,400);--eds-typography-ui-body-xs-font-weight-bolder:var(--eds--spacious,500)var(--eds--comfortable,500);--eds-typography-ui-body-xs-lineheight-default:var(--eds--spacious,1rem)var(--eds--comfortable,.75rem);--eds-typography-ui-body-xs-lineheight-squished:var(--eds--spacious,.75rem)var(--eds--comfortable,.75rem);--eds-typography-ui-body-sm-font-size:var(--eds--spacious,.75rem)var(--eds--comfortable,.656rem);--eds-typography-ui-body-sm-tracking-tight:var(--eds--spacious,-1.32px)var(--eds--comfortable,-1.15px);--eds-typography-ui-body-sm-tracking-normal:var(--eds--spacious,0px)var(--eds--comfortable,0px);--eds-typography-ui-body-sm-tracking-loose:var(--eds--spacious,1.32px)var(--eds--comfortable,1.15px);--eds-typography-ui-body-sm-font-weight-lighter:var(--eds--spacious,300)var(--eds--comfortable,300);--eds-typography-ui-body-sm-font-weight-normal:var(--eds--spacious,400)var(--eds--comfortable,400);--eds-typography-ui-body-sm-font-weight-bolder:var(--eds--spacious,500)var(--eds--comfortable,500);--eds-typography-ui-body-sm-lineheight-default:var(--eds--spacious,1rem)var(--eds--comfortable,1rem);--eds-typography-ui-body-sm-lineheight-squished:var(--eds--spacious,.75rem)var(--eds--comfortable,.75rem);--eds-typography-ui-body-font-family:"Inter";--eds-typography-ui-body-md-font-size:var(--eds--spacious,.875rem)var(--eds--comfortable,.75rem);--eds-typography-ui-body-md-tracking-tight:var(--eds--spacious,-1.54px)var(--eds--comfortable,-1.32px);--eds-typography-ui-body-md-tracking-normal:var(--eds--spacious,0px)var(--eds--comfortable,0px);--eds-typography-ui-body-md-tracking-loose:var(--eds--spacious,1.54px)var(--eds--comfortable,1.32px);--eds-typography-ui-body-md-font-weight-lighter:var(--eds--spacious,300)var(--eds--comfortable,300);--eds-typography-ui-body-md-font-weight-normal:var(--eds--spacious,400)var(--eds--comfortable,400);--eds-typography-ui-body-md-font-weight-bolder:var(--eds--spacious,500)var(--eds--comfortable,500);--eds-typography-ui-body-md-lineheight-default:var(--eds--spacious,1.25rem)var(--eds--comfortable,1rem);--eds-typography-ui-body-md-lineheight-squished:var(--eds--spacious,1rem)var(--eds--comfortable,.75rem);--eds-typography-ui-body-lg-font-size:var(--eds--spacious,1rem)var(--eds--comfortable,.875rem);--eds-typography-ui-body-lg-tracking-tight:var(--eds--spacious,-1.76px)var(--eds--comfortable,-1.54px);--eds-typography-ui-body-lg-tracking-normal:var(--eds--spacious,0px)var(--eds--comfortable,0px);--eds-typography-ui-body-lg-tracking-loose:var(--eds--spacious,1.76px)var(--eds--comfortable,1.54px);--eds-typography-ui-body-lg-font-weight-lighter:var(--eds--spacious,300)var(--eds--comfortable,300);--eds-typography-ui-body-lg-font-weight-normal:var(--eds--spacious,400)var(--eds--comfortable,400);--eds-typography-ui-body-lg-font-weight-bolder:var(--eds--spacious,500)var(--eds--comfortable,500);--eds-typography-ui-body-lg-lineheight-default:var(--eds--spacious,1.5rem)var(--eds--comfortable,1.25rem);--eds-typography-ui-body-lg-lineheight-squished:var(--eds--spacious,1.25rem)var(--eds--comfortable,1rem);--eds-typography-ui-body-xl-font-size:var(--eds--spacious,1.156rem)var(--eds--comfortable,1rem);--eds-typography-ui-body-xl-tracking-tight:var(--eds--spacious,-1.76px)var(--eds--comfortable,-1.76px);--eds-typography-ui-body-xl-tracking-normal:var(--eds--spacious,0px)var(--eds--comfortable,0px);--eds-typography-ui-body-xl-tracking-loose:var(--eds--spacious,2.035px)var(--eds--comfortable,1.76px);--eds-typography-ui-body-xl-font-weight-lighter:var(--eds--spacious,300)var(--eds--comfortable,300);--eds-typography-ui-body-xl-font-weight-normal:var(--eds--spacious,400)var(--eds--comfortable,400);--eds-typography-ui-body-xl-font-weight-bolder:var(--eds--spacious,500)var(--eds--comfortable,500);--eds-typography-ui-body-xl-lineheight-default:var(--eds--spacious,1.5rem)var(--eds--comfortable,1.5rem);--eds-typography-ui-body-xl-lineheight-squished:var(--eds--spacious,1.25rem)var(--eds--comfortable,1.25rem);--eds-typography-ui-body-2xl-font-size:var(--eds--spacious,1.313rem)var(--eds--comfortable,1.156rem);--eds-typography-ui-body-2xl-tracking-tight:var(--eds--spacious,-2.31px)var(--eds--comfortable,-1.76px);--eds-typography-ui-body-2xl-tracking-normal:var(--eds--spacious,0px)var(--eds--comfortable,0px);--eds-typography-ui-body-2xl-tracking-loose:var(--eds--spacious,2.31px)var(--eds--comfortable,2.035px);--eds-typography-ui-body-2xl-font-weight-lighter:var(--eds--spacious,300)var(--eds--comfortable,300);--eds-typography-ui-body-2xl-font-weight-normal:var(--eds--spacious,400)var(--eds--comfortable,400);--eds-typography-ui-body-2xl-font-weight-bolder:var(--eds--spacious,500)var(--eds--comfortable,500);--eds-typography-ui-body-2xl-lineheight-default:var(--eds--spacious,1.75rem)var(--eds--comfortable,1.5rem);--eds-typography-ui-body-2xl-lineheight-squished:var(--eds--spacious,1.5rem)var(--eds--comfortable,1.25rem);--eds-typography-ui-body-3xl-font-size:var(--eds--spacious,1.531rem)var(--eds--comfortable,1.313rem);--eds-typography-ui-body-3xl-tracking-tight:var(--eds--spacious,-2.695px)var(--eds--comfortable,-2.31px);--eds-typography-ui-body-3xl-tracking-normal:var(--eds--spacious,0px)var(--eds--comfortable,0px);--eds-typography-ui-body-3xl-tracking-loose:var(--eds--spacious,2.695px)var(--eds--comfortable,2.31px);--eds-typography-ui-body-3xl-font-weight-lighter:var(--eds--spacious,300)var(--eds--comfortable,300);--eds-typography-ui-body-3xl-font-weight-normal:var(--eds--spacious,400)var(--eds--comfortable,400);--eds-typography-ui-body-3xl-font-weight-bolder:var(--eds--spacious,500)var(--eds--comfortable,500);--eds-typography-ui-body-3xl-lineheight-default:var(--eds--spacious,2rem)var(--eds--comfortable,1.75rem);--eds-typography-ui-body-3xl-lineheight-squished:var(--eds--spacious,1.75rem)var(--eds--comfortable,1.5rem);--eds-typography-ui-body-4xl-font-size:var(--eds--spacious,1.75rem)var(--eds--comfortable,1.531rem);--eds-typography-ui-body-4xl-tracking-tight:var(--eds--spacious,-3.08px)var(--eds--comfortable,-2.695px);--eds-typography-ui-body-4xl-tracking-normal:var(--eds--spacious,0px)var(--eds--comfortable,0px);--eds-typography-ui-body-4xl-tracking-loose:var(--eds--spacious,3.08px)var(--eds--comfortable,2.695px);--eds-typography-ui-body-4xl-font-weight-lighter:var(--eds--spacious,300)var(--eds--comfortable,300);--eds-typography-ui-body-4xl-font-weight-normal:var(--eds--spacious,400)var(--eds--comfortable,400);--eds-typography-ui-body-4xl-font-weight-bolder:var(--eds--spacious,500)var(--eds--comfortable,500);--eds-typography-ui-body-4xl-lineheight-default:var(--eds--spacious,2rem)var(--eds--comfortable,2rem);--eds-typography-ui-body-4xl-lineheight-squished:var(--eds--spacious,1.75rem)var(--eds--comfortable,1.75rem);--eds-typography-ui-body-5xl-font-size:var(--eds--spacious,2rem)var(--eds--comfortable,1.75rem);--eds-typography-ui-body-5xl-tracking-tight:var(--eds--spacious,-3.52px)var(--eds--comfortable,-3.08px);--eds-typography-ui-body-5xl-tracking-normal:var(--eds--spacious,0px)var(--eds--comfortable,0px);--eds-typography-ui-body-5xl-tracking-loose:var(--eds--spacious,3.52px)var(--eds--comfortable,3.08px);--eds-typography-ui-body-5xl-font-weight-lighter:var(--eds--spacious,300)var(--eds--comfortable,300);--eds-typography-ui-body-5xl-font-weight-normal:var(--eds--spacious,400)var(--eds--comfortable,400);--eds-typography-ui-body-5xl-font-weight-bolder:var(--eds--spacious,500)var(--eds--comfortable,500);--eds-typography-ui-body-5xl-lineheight-default:var(--eds--spacious,2.25rem)var(--eds--comfortable,2rem);--eds-typography-ui-body-5xl-lineheight-squished:var(--eds--spacious,2rem)var(--eds--comfortable,1.75rem);--eds-typography-ui-body-6xl-font-size:var(--eds--spacious,2.313rem)var(--eds--comfortable,2rem);--eds-typography-ui-body-6xl-tracking-tight:var(--eds--spacious,-4.07px)var(--eds--comfortable,-3.52px);--eds-typography-ui-body-6xl-tracking-normal:var(--eds--spacious,0px)var(--eds--comfortable,0px);--eds-typography-ui-body-6xl-tracking-loose:var(--eds--spacious,4.07px)var(--eds--comfortable,3.52px);--eds-typography-ui-body-6xl-font-weight-lighter:var(--eds--spacious,300)var(--eds--comfortable,300);--eds-typography-ui-body-6xl-font-weight-normal:var(--eds--spacious,400)var(--eds--comfortable,0px);--eds-typography-ui-body-6xl-font-weight-bolder:var(--eds--spacious,500)var(--eds--comfortable,500);--eds-typography-ui-body-6xl-lineheight-default:var(--eds--spacious,2.5rem)var(--eds--comfortable,2.25rem);--eds-typography-ui-body-6xl-lineheight-squished:var(--eds--spacious,2.25rem)var(--eds--comfortable,2rem);--eds-typography-header-xs-font-size:var(--eds--spacious,.75rem)var(--eds--comfortable,.656rem);--eds-typography-header-xs-tracking-tight:var(--eds--spacious,-1.15px)var(--eds--comfortable,-.99px);--eds-typography-header-xs-tracking-normal:var(--eds--spacious,0px)var(--eds--comfortable,0px);--eds-typography-header-xs-tracking-loose:var(--eds--spacious,1.15px)var(--eds--comfortable,.99px);--eds-typography-header-xs-font-weight-lighter:var(--eds--spacious,300)var(--eds--comfortable,300);--eds-typography-header-xs-font-weight-normal:var(--eds--spacious,400)var(--eds--comfortable,400);--eds-typography-header-xs-font-weight-bolder:var(--eds--spacious,500)var(--eds--comfortable,500);--eds-typography-header-xs-lineheight-default:var(--eds--spacious,1rem)var(--eds--comfortable,.75rem);--eds-typography-header-xs-lineheight-squished:var(--eds--spacious,.75rem)var(--eds--comfortable,.75rem);--eds-typography-header-font-family:"Equinor";--eds-typography-header-sm-font-size:var(--eds--spacious,.875rem)var(--eds--comfortable,.75rem);--eds-typography-header-sm-tracking-tight:var(--eds--spacious,-1.32px)var(--eds--comfortable,-1.15px);--eds-typography-header-sm-tracking-normal:var(--eds--spacious,0px)var(--eds--comfortable,0px);--eds-typography-header-sm-tracking-loose:var(--eds--spacious,1.32px)var(--eds--comfortable,1.15px);--eds-typography-header-sm-font-weight-lighter:var(--eds--spacious,300)var(--eds--comfortable,300);--eds-typography-header-sm-font-weight-normal:var(--eds--spacious,400)var(--eds--comfortable,400);--eds-typography-header-sm-font-weight-bolder:var(--eds--spacious,500)var(--eds--comfortable,500);--eds-typography-header-sm-lineheight-default:var(--eds--spacious,1rem)var(--eds--comfortable,1rem);--eds-typography-header-sm-lineheight-squished:var(--eds--spacious,.75rem)var(--eds--comfortable,.75rem);--eds-typography-header-md-font-size:var(--eds--spacious,1rem)var(--eds--comfortable,.875rem);--eds-typography-header-md-tracking-tight:var(--eds--spacious,-1.54px)var(--eds--comfortable,-1.32px);--eds-typography-header-md-tracking-normal:var(--eds--spacious,0px)var(--eds--comfortable,0px);--eds-typography-header-md-tracking-loose:var(--eds--spacious,1.54px)var(--eds--comfortable,1.32px);--eds-typography-header-md-font-weight-lighter:var(--eds--spacious,300)var(--eds--comfortable,300);--eds-typography-header-md-font-weight-normal:var(--eds--spacious,400)var(--eds--comfortable,400);--eds-typography-header-md-font-weight-bolder:var(--eds--spacious,500)var(--eds--comfortable,500);--eds-typography-header-md-lineheight-default:var(--eds--spacious,1.25rem)var(--eds--comfortable,1rem);--eds-typography-header-md-lineheight-squished:var(--eds--spacious,1rem)var(--eds--comfortable,.75rem);--eds-typography-header-lg-font-size:var(--eds--spacious,1.125rem)var(--eds--comfortable,1rem);--eds-typography-header-lg-tracking-tight:var(--eds--spacious,-1.76px)var(--eds--comfortable,-1.54px);--eds-typography-header-lg-tracking-normal:var(--eds--spacious,0px)var(--eds--comfortable,0px);--eds-typography-header-lg-tracking-loose:var(--eds--spacious,1.76px)var(--eds--comfortable,1.54px);--eds-typography-header-lg-font-weight-lighter:var(--eds--spacious,300)var(--eds--comfortable,300);--eds-typography-header-lg-font-weight-normal:var(--eds--spacious,400)var(--eds--comfortable,400);--eds-typography-header-lg-font-weight-bolder:var(--eds--spacious,500)var(--eds--comfortable,500);--eds-typography-header-lg-lineheight-default:var(--eds--spacious,1.5rem)var(--eds--comfortable,1.25rem);--eds-typography-header-lg-lineheight-squished:var(--eds--spacious,1.25rem)var(--eds--comfortable,1rem);--eds-typography-header-xl-font-size:var(--eds--spacious,1.313rem)var(--eds--comfortable,1.125rem);--eds-typography-header-xl-tracking-tight:var(--eds--spacious,-1.76px)var(--eds--comfortable,-1.76px);--eds-typography-header-xl-tracking-normal:var(--eds--spacious,0px)var(--eds--comfortable,0px);--eds-typography-header-xl-tracking-loose:var(--eds--spacious,2.035px)var(--eds--comfortable,1.76px);--eds-typography-header-xl-font-weight-lighter:var(--eds--spacious,300)var(--eds--comfortable,300);--eds-typography-header-xl-font-weight-normal:var(--eds--spacious,400)var(--eds--comfortable,400);--eds-typography-header-xl-font-weight-bolder:var(--eds--spacious,500)var(--eds--comfortable,500);--eds-typography-header-xl-lineheight-default:var(--eds--spacious,1.5rem)var(--eds--comfortable,1.5rem);--eds-typography-header-xl-lineheight-squished:var(--eds--spacious,1.25rem)var(--eds--comfortable,1.25rem);--eds-typography-header-2xl-font-size:var(--eds--spacious,1.5rem)var(--eds--comfortable,1.313rem);--eds-typography-header-2xl-tracking-tight:var(--eds--spacious,-2.31px)var(--eds--comfortable,-1.76px);--eds-typography-header-2xl-tracking-normal:var(--eds--spacious,0px)var(--eds--comfortable,0px);--eds-typography-header-2xl-tracking-loose:var(--eds--spacious,2.31px)var(--eds--comfortable,2.035px);--eds-typography-header-2xl-font-weight-lighter:var(--eds--spacious,300)var(--eds--comfortable,300);--eds-typography-header-2xl-font-weight-normal:var(--eds--spacious,400)var(--eds--comfortable,400);--eds-typography-header-2xl-font-weight-bolder:var(--eds--spacious,500)var(--eds--comfortable,500);--eds-typography-header-2xl-lineheight-default:var(--eds--spacious,1.75rem)var(--eds--comfortable,1.5rem);--eds-typography-header-2xl-lineheight-squished:var(--eds--spacious,1.5rem)var(--eds--comfortable,1.25rem);--eds-typography-header-3xl-font-size:var(--eds--spacious,1.719rem)var(--eds--comfortable,1.5rem);--eds-typography-header-3xl-tracking-tight:var(--eds--spacious,-2.695px)var(--eds--comfortable,-2.31px);--eds-typography-header-3xl-tracking-normal:var(--eds--spacious,0px)var(--eds--comfortable,0px);--eds-typography-header-3xl-tracking-loose:var(--eds--spacious,2.695px)var(--eds--comfortable,2.31px);--eds-typography-header-3xl-font-weight-lighter:var(--eds--spacious,300)var(--eds--comfortable,300);--eds-typography-header-3xl-font-weight-normal:var(--eds--spacious,400)var(--eds--comfortable,400);--eds-typography-header-3xl-font-weight-bolder:var(--eds--spacious,500)var(--eds--comfortable,500);--eds-typography-header-3xl-lineheight-default:var(--eds--spacious,2rem)var(--eds--comfortable,1.75rem);--eds-typography-header-3xl-lineheight-squished:var(--eds--spacious,1.75rem)var(--eds--comfortable,1.5rem);--eds-typography-header-4xl-font-size:var(--eds--spacious,1.969rem)var(--eds--comfortable,1.719rem);--eds-typography-header-4xl-tracking-tight:var(--eds--spacious,-3.08px)var(--eds--comfortable,-2.695px);--eds-typography-header-4xl-tracking-normal:var(--eds--spacious,0px)var(--eds--comfortable,0px);--eds-typography-header-4xl-tracking-loose:var(--eds--spacious,3.08px)var(--eds--comfortable,2.695px);--eds-typography-header-4xl-font-weight-lighter:var(--eds--spacious,300)var(--eds--comfortable,300);--eds-typography-header-4xl-font-weight-normal:var(--eds--spacious,400)var(--eds--comfortable,400);--eds-typography-header-4xl-font-weight-bolder:var(--eds--spacious,500)var(--eds--comfortable,500);--eds-typography-header-4xl-lineheight-default:var(--eds--spacious,2rem)var(--eds--comfortable,2rem);--eds-typography-header-4xl-lineheight-squished:var(--eds--spacious,1.75rem)var(--eds--comfortable,1.75rem);--eds-typography-header-5xl-font-size:var(--eds--spacious,2.281rem)var(--eds--comfortable,1.969rem);--eds-typography-header-5xl-tracking-tight:var(--eds--spacious,-3.52px)var(--eds--comfortable,-3.08px);--eds-typography-header-5xl-tracking-normal:var(--eds--spacious,0px)var(--eds--comfortable,0px);--eds-typography-header-5xl-tracking-loose:var(--eds--spacious,3.52px)var(--eds--comfortable,3.08px);--eds-typography-header-5xl-font-weight-lighter:var(--eds--spacious,300)var(--eds--comfortable,300);--eds-typography-header-5xl-font-weight-normal:var(--eds--spacious,400)var(--eds--comfortable,400);--eds-typography-header-5xl-font-weight-bolder:var(--eds--spacious,500)var(--eds--comfortable,500);--eds-typography-header-5xl-lineheight-default:var(--eds--spacious,2.25rem)var(--eds--comfortable,2rem);--eds-typography-header-5xl-lineheight-squished:var(--eds--spacious,2rem)var(--eds--comfortable,1.75rem);--eds-typography-header-6xl-font-size:var(--eds--spacious,2.625rem)var(--eds--comfortable,2.281rem);--eds-typography-header-6xl-tracking-tight:var(--eds--spacious,-4.07px)var(--eds--comfortable,-3.52px);--eds-typography-header-6xl-tracking-normal:var(--eds--spacious,0px)var(--eds--comfortable,0px);--eds-typography-header-6xl-tracking-loose:var(--eds--spacious,4.07px)var(--eds--comfortable,3.52px);--eds-typography-header-6xl-font-weight-lighter:var(--eds--spacious,300)var(--eds--comfortable,300);--eds-typography-header-6xl-font-weight-normal:var(--eds--spacious,400)var(--eds--comfortable,400);--eds-typography-header-6xl-font-weight-bolder:var(--eds--spacious,500)var(--eds--comfortable,500);--eds-typography-header-6xl-lineheight-default:var(--eds--spacious,2.5rem)var(--eds--comfortable,2.25rem);--eds-typography-header-6xl-lineheight-squished:var(--eds--spacious,2.25rem)var(--eds--comfortable,2rem)}
\ No newline at end of file
diff --git a/packages/eds-tokens/build/js/color/color-scheme/dark-semantic.d.ts b/packages/eds-tokens/build/js/color/color-scheme/dark-semantic.d.ts
new file mode 100644
index 0000000000..1fc9913f49
--- /dev/null
+++ b/packages/eds-tokens/build/js/color/color-scheme/dark-semantic.d.ts
@@ -0,0 +1,118 @@
+/**
+ * Do not edit directly, this file was auto-generated.
+ */
+
+export const BG_NEUTRAL_CANVAS: string;
+export const BG_NEUTRAL_SURFACE: string;
+export const BG_NEUTRAL_FILL_MUTED_DEFAULT: string;
+export const BG_NEUTRAL_FILL_MUTED_HOVER: string;
+export const BG_NEUTRAL_FILL_MUTED_ACTIVE: string;
+export const BG_NEUTRAL_FILL_EMPHASIS_DEFAULT: string;
+export const BG_NEUTRAL_FILL_EMPHASIS_HOVER: string;
+export const BG_NEUTRAL_FILL_EMPHASIS_ACTIVE: string;
+export const BG_ACCENT_CANVAS: string;
+export const BG_ACCENT_SURFACE: string;
+export const BG_ACCENT_FILL_MUTED_DEFAULT: string;
+export const BG_ACCENT_FILL_MUTED_HOVER: string;
+export const BG_ACCENT_FILL_MUTED_ACTIVE: string;
+export const BG_ACCENT_FILL_EMPHASIS_DEFAULT: string;
+export const BG_ACCENT_FILL_EMPHASIS_HOVER: string;
+export const BG_ACCENT_FILL_EMPHASIS_ACTIVE: string;
+export const BG_SUCCESS_CANVAS: string;
+export const BG_SUCCESS_SURFACE: string;
+export const BG_SUCCESS_FILL_MUTED_DEFAULT: string;
+export const BG_SUCCESS_FILL_MUTED_HOVER: string;
+export const BG_SUCCESS_FILL_MUTED_ACTIVE: string;
+export const BG_SUCCESS_FILL_EMPHASIS_DEFAULT: string;
+export const BG_SUCCESS_FILL_EMPHASIS_HOVER: string;
+export const BG_SUCCESS_FILL_EMPHASIS_ACTIVE: string;
+export const BG_INFO_CANVAS: string;
+export const BG_INFO_SURFACE: string;
+export const BG_INFO_FILL_MUTED_DEFAULT: string;
+export const BG_INFO_FILL_MUTED_HOVER: string;
+export const BG_INFO_FILL_MUTED_ACTIVE: string;
+export const BG_INFO_FILL_EMPHASIS_DEFAULT: string;
+export const BG_INFO_FILL_EMPHASIS_HOVER: string;
+export const BG_INFO_FILL_EMPHASIS_ACTIVE: string;
+export const BG_WARNING_CANVAS: string;
+export const BG_WARNING_SURFACE: string;
+export const BG_WARNING_FILL_MUTED_DEFAULT: string;
+export const BG_WARNING_FILL_MUTED_HOVER: string;
+export const BG_WARNING_FILL_MUTED_ACTIVE: string;
+export const BG_WARNING_FILL_EMPHASIS_DEFAULT: string;
+export const BG_WARNING_FILL_EMPHASIS_HOVER: string;
+export const BG_WARNING_FILL_EMPHASIS_ACTIVE: string;
+export const BG_DANGER_CANVAS: string;
+export const BG_DANGER_SURFACE: string;
+export const BG_DANGER_FILL_MUTED_DEFAULT: string;
+export const BG_DANGER_FILL_MUTED_HOVER: string;
+export const BG_DANGER_FILL_MUTED_ACTIVE: string;
+export const BG_DANGER_FILL_EMPHASIS_DEFAULT: string;
+export const BG_DANGER_FILL_EMPHASIS_HOVER: string;
+export const BG_DANGER_FILL_EMPHASIS_ACTIVE: string;
+export const BORDER_NEUTRAL_SUBTLE: string;
+export const BORDER_NEUTRAL_MEDIUM: string;
+export const BORDER_NEUTRAL_STRONG: string;
+export const BORDER_ACCENT_SUBTLE: string;
+export const BORDER_ACCENT_MEDIUM: string;
+export const BORDER_ACCENT_STRONG: string;
+export const BORDER_SUCCESS_SUBTLE: string;
+export const BORDER_SUCCESS_MEDIUM: string;
+export const BORDER_SUCCESS_STRONG: string;
+export const BORDER_INFO_SUBTLE: string;
+export const BORDER_INFO_MEDIUM: string;
+export const BORDER_INFO_STRONG: string;
+export const BORDER_WARNING_SUBTLE: string;
+export const BORDER_WARNING_MEDIUM: string;
+export const BORDER_WARNING_STRONG: string;
+export const BORDER_DANGER_SUBTLE: string;
+export const BORDER_DANGER_MEDIUM: string;
+export const BORDER_DANGER_STRONG: string;
+/** Used for text and icons */
+export const TEXT_NEUTRAL_SUBTLE: string;
+/** Used for text and icons */
+export const TEXT_NEUTRAL_STRONG: string;
+/** Text or icons against colored backgrounds */
+export const TEXT_NEUTRAL_SUBTLE_ON_EMPHASIS: string;
+/** Text or icons against colored backgrounds */
+export const TEXT_NEUTRAL_STRONG_ON_EMPHASIS: string;
+/** Used for text and icons */
+export const TEXT_ACCENT_SUBTLE: string;
+/** Used for text and icons */
+export const TEXT_ACCENT_STRONG: string;
+/** Text or icons against colored backgrounds */
+export const TEXT_ACCENT_SUBTLE_ON_EMPHASIS: string;
+/** Text or icons against colored backgrounds */
+export const TEXT_ACCENT_STRONG_ON_EMPHASIS: string;
+/** Used for text and icons */
+export const TEXT_SUCCESS_SUBTLE: string;
+/** Used for text and icons */
+export const TEXT_SUCCESS_STRONG: string;
+/** Text or icons against colored backgrounds */
+export const TEXT_SUCCESS_SUBTLE_ON_EMPHASIS: string;
+/** Text or icons against colored backgrounds */
+export const TEXT_SUCCESS_STRONG_ON_EMPHASIS: string;
+/** Used for text and icons */
+export const TEXT_INFO_SUBTLE: string;
+/** Used for text and icons */
+export const TEXT_INFO_STRONG: string;
+/** Text or icons against colored backgrounds */
+export const TEXT_INFO_SUBTLE_ON_EMPHASIS: string;
+/** Text or icons against colored backgrounds */
+export const TEXT_INFO_STRONG_ON_EMPHASIS: string;
+/** Used for text and icons */
+export const TEXT_WARNING_SUBTLE: string;
+/** Used for text and icons */
+export const TEXT_WARNING_STRONG: string;
+/** Text or icons against colored backgrounds */
+export const TEXT_WARNING_SUBTLE_ON_EMPHASIS: string;
+/** Text or icons against colored backgrounds */
+export const TEXT_WARNING_STRONG_ON_EMPHASIS: string;
+/** Used for text and icons */
+export const TEXT_DANGER_SUBTLE: string;
+/** Used for text and icons */
+export const TEXT_DANGER_STRONG: string;
+/** Text or icons against colored backgrounds */
+export const TEXT_DANGER_SUBTLE_ON_EMPHASIS: string;
+/** Text or icons against colored backgrounds */
+export const TEXT_DANGER_STRONG_ON_EMPHASIS: string;
diff --git a/packages/eds-tokens/build/js/color/color-scheme/dark-semantic.js b/packages/eds-tokens/build/js/color/color-scheme/dark-semantic.js
new file mode 100644
index 0000000000..e54be8a7de
--- /dev/null
+++ b/packages/eds-tokens/build/js/color/color-scheme/dark-semantic.js
@@ -0,0 +1,94 @@
+/**
+ * Do not edit directly, this file was auto-generated.
+ */
+
+export const BG_NEUTRAL_CANVAS = "#0b0b0b";
+export const BG_NEUTRAL_SURFACE = "#202223";
+export const BG_NEUTRAL_FILL_MUTED_DEFAULT = "#525c65";
+export const BG_NEUTRAL_FILL_MUTED_HOVER = "#5d6b76";
+export const BG_NEUTRAL_FILL_MUTED_ACTIVE = "#6b7d8b";
+export const BG_NEUTRAL_FILL_EMPHASIS_DEFAULT = "#b4c7d7";
+export const BG_NEUTRAL_FILL_EMPHASIS_HOVER = "#cadae7";
+export const BG_NEUTRAL_FILL_EMPHASIS_ACTIVE = "#deeaf4";
+export const BG_ACCENT_CANVAS = "#0a0b0b";
+export const BG_ACCENT_SURFACE = "#1e2323";
+export const BG_ACCENT_FILL_MUTED_DEFAULT = "#3c6266";
+export const BG_ACCENT_FILL_MUTED_HOVER = "#3e7378";
+export const BG_ACCENT_FILL_MUTED_ACTIVE = "#41878e";
+export const BG_ACCENT_FILL_EMPHASIS_DEFAULT = "#8cd2da";
+export const BG_ACCENT_FILL_EMPHASIS_HOVER = "#ace3e9";
+export const BG_ACCENT_FILL_EMPHASIS_ACTIVE = "#c7f1f6";
+export const BG_SUCCESS_CANVAS = "#0a0c0a";
+export const BG_SUCCESS_SURFACE = "#1e231e";
+export const BG_SUCCESS_FILL_MUTED_DEFAULT = "#3c673a";
+export const BG_SUCCESS_FILL_MUTED_HOVER = "#3e793c";
+export const BG_SUCCESS_FILL_MUTED_ACTIVE = "#418e3e";
+export const BG_SUCCESS_FILL_EMPHASIS_DEFAULT = "#8cdb87";
+export const BG_SUCCESS_FILL_EMPHASIS_HOVER = "#aceba8";
+export const BG_SUCCESS_FILL_EMPHASIS_ACTIVE = "#c7f7c3";
+export const BG_INFO_CANVAS = "#0a0b0c";
+export const BG_INFO_SURFACE = "#1d2226";
+export const BG_INFO_FILL_MUTED_DEFAULT = "#33607e";
+export const BG_INFO_FILL_MUTED_HOVER = "#316f98";
+export const BG_INFO_FILL_MUTED_ACTIVE = "#2e82b7";
+export const BG_INFO_FILL_EMPHASIS_DEFAULT = "#7dceff";
+export const BG_INFO_FILL_EMPHASIS_HOVER = "#a2e0ff";
+export const BG_INFO_FILL_EMPHASIS_ACTIVE = "#c4eeff";
+export const BG_WARNING_CANVAS = "#0c0b0a";
+export const BG_WARNING_SURFACE = "#27201b";
+export const BG_WARNING_FILL_MUTED_DEFAULT = "#7e4e25";
+export const BG_WARNING_FILL_MUTED_HOVER = "#97571b";
+export const BG_WARNING_FILL_MUTED_ACTIVE = "#b46201";
+export const BG_WARNING_FILL_EMPHASIS_DEFAULT = "#ffad63";
+export const BG_WARNING_FILL_EMPHASIS_HOVER = "#ffc791";
+export const BG_WARNING_FILL_EMPHASIS_ACTIVE = "#ffddb9";
+export const BG_DANGER_CANVAS = "#0d0a0a";
+export const BG_DANGER_SURFACE = "#2a1e1e";
+export const BG_DANGER_FILL_MUTED_DEFAULT = "#923a3c";
+export const BG_DANGER_FILL_MUTED_HOVER = "#b03940";
+export const BG_DANGER_FILL_MUTED_ACTIVE = "#d43745";
+export const BG_DANGER_FILL_EMPHASIS_DEFAULT = "#ffa3a1";
+export const BG_DANGER_FILL_EMPHASIS_HOVER = "#ffc1bf";
+export const BG_DANGER_FILL_EMPHASIS_ACTIVE = "#ffd9d7";
+export const BORDER_NEUTRAL_SUBTLE = "#525c65";
+export const BORDER_NEUTRAL_MEDIUM = "#738696";
+export const BORDER_NEUTRAL_STRONG = "#9fb4c6";
+export const BORDER_ACCENT_SUBTLE = "#3c6266";
+export const BORDER_ACCENT_MEDIUM = "#439199";
+export const BORDER_ACCENT_STRONG = "#6ec0c9";
+export const BORDER_SUCCESS_SUBTLE = "#3c673a";
+export const BORDER_SUCCESS_MEDIUM = "#449941";
+export const BORDER_SUCCESS_STRONG = "#6eca6a";
+export const BORDER_INFO_SUBTLE = "#33607e";
+export const BORDER_INFO_MEDIUM = "#2d8bc5";
+export const BORDER_INFO_STRONG = "#5abbfb";
+export const BORDER_WARNING_SUBTLE = "#7e4e25";
+export const BORDER_WARNING_MEDIUM = "#c36800";
+export const BORDER_WARNING_STRONG = "#f99539";
+export const BORDER_DANGER_SUBTLE = "#923a3c";
+export const BORDER_DANGER_MEDIUM = "#e53748";
+export const BORDER_DANGER_STRONG = "#ff8082";
+export const TEXT_NEUTRAL_SUBTLE = "#d6e3ee"; // Used for text and icons
+export const TEXT_NEUTRAL_STRONG = "#f5fdff"; // Used for text and icons
+export const TEXT_NEUTRAL_SUBTLE_ON_EMPHASIS = "#333639"; // Text or icons against colored backgrounds
+export const TEXT_NEUTRAL_STRONG_ON_EMPHASIS = "#030303"; // Text or icons against colored backgrounds
+export const TEXT_ACCENT_SUBTLE = "#bcebf1"; // Used for text and icons
+export const TEXT_ACCENT_STRONG = "#e6ffff"; // Used for text and icons
+export const TEXT_ACCENT_SUBTLE_ON_EMPHASIS = "#2c3839"; // Text or icons against colored backgrounds
+export const TEXT_ACCENT_STRONG_ON_EMPHASIS = "#030303"; // Text or icons against colored backgrounds
+export const TEXT_SUCCESS_SUBTLE = "#bcf2b8"; // Used for text and icons
+export const TEXT_SUCCESS_STRONG = "#e6ffe3"; // Used for text and icons
+export const TEXT_SUCCESS_SUBTLE_ON_EMPHASIS = "#2c392b"; // Text or icons against colored backgrounds
+export const TEXT_SUCCESS_STRONG_ON_EMPHASIS = "#030303"; // Text or icons against colored backgrounds
+export const TEXT_INFO_SUBTLE = "#b7e8ff"; // Used for text and icons
+export const TEXT_INFO_STRONG = "#ecffff"; // Used for text and icons
+export const TEXT_INFO_SUBTLE_ON_EMPHASIS = "#2a3741"; // Text or icons against colored backgrounds
+export const TEXT_INFO_STRONG_ON_EMPHASIS = "#030304"; // Text or icons against colored backgrounds
+export const TEXT_WARNING_SUBTLE = "#ffd4aa"; // Used for text and icons
+export const TEXT_WARNING_STRONG = "#fff7e6"; // Used for text and icons
+export const TEXT_WARNING_SUBTLE_ON_EMPHASIS = "#413226"; // Text or icons against colored backgrounds
+export const TEXT_WARNING_STRONG_ON_EMPHASIS = "#040303"; // Text or icons against colored backgrounds
+export const TEXT_DANGER_SUBTLE = "#ffd0ce"; // Used for text and icons
+export const TEXT_DANGER_STRONG = "#fff5f4"; // Used for text and icons
+export const TEXT_DANGER_SUBTLE_ON_EMPHASIS = "#492d2c"; // Text or icons against colored backgrounds
+export const TEXT_DANGER_STRONG_ON_EMPHASIS = "#040303"; // Text or icons against colored backgrounds
diff --git a/packages/eds-tokens/build/js/color/color-scheme/light-semantic.d.ts b/packages/eds-tokens/build/js/color/color-scheme/light-semantic.d.ts
new file mode 100644
index 0000000000..1fc9913f49
--- /dev/null
+++ b/packages/eds-tokens/build/js/color/color-scheme/light-semantic.d.ts
@@ -0,0 +1,118 @@
+/**
+ * Do not edit directly, this file was auto-generated.
+ */
+
+export const BG_NEUTRAL_CANVAS: string;
+export const BG_NEUTRAL_SURFACE: string;
+export const BG_NEUTRAL_FILL_MUTED_DEFAULT: string;
+export const BG_NEUTRAL_FILL_MUTED_HOVER: string;
+export const BG_NEUTRAL_FILL_MUTED_ACTIVE: string;
+export const BG_NEUTRAL_FILL_EMPHASIS_DEFAULT: string;
+export const BG_NEUTRAL_FILL_EMPHASIS_HOVER: string;
+export const BG_NEUTRAL_FILL_EMPHASIS_ACTIVE: string;
+export const BG_ACCENT_CANVAS: string;
+export const BG_ACCENT_SURFACE: string;
+export const BG_ACCENT_FILL_MUTED_DEFAULT: string;
+export const BG_ACCENT_FILL_MUTED_HOVER: string;
+export const BG_ACCENT_FILL_MUTED_ACTIVE: string;
+export const BG_ACCENT_FILL_EMPHASIS_DEFAULT: string;
+export const BG_ACCENT_FILL_EMPHASIS_HOVER: string;
+export const BG_ACCENT_FILL_EMPHASIS_ACTIVE: string;
+export const BG_SUCCESS_CANVAS: string;
+export const BG_SUCCESS_SURFACE: string;
+export const BG_SUCCESS_FILL_MUTED_DEFAULT: string;
+export const BG_SUCCESS_FILL_MUTED_HOVER: string;
+export const BG_SUCCESS_FILL_MUTED_ACTIVE: string;
+export const BG_SUCCESS_FILL_EMPHASIS_DEFAULT: string;
+export const BG_SUCCESS_FILL_EMPHASIS_HOVER: string;
+export const BG_SUCCESS_FILL_EMPHASIS_ACTIVE: string;
+export const BG_INFO_CANVAS: string;
+export const BG_INFO_SURFACE: string;
+export const BG_INFO_FILL_MUTED_DEFAULT: string;
+export const BG_INFO_FILL_MUTED_HOVER: string;
+export const BG_INFO_FILL_MUTED_ACTIVE: string;
+export const BG_INFO_FILL_EMPHASIS_DEFAULT: string;
+export const BG_INFO_FILL_EMPHASIS_HOVER: string;
+export const BG_INFO_FILL_EMPHASIS_ACTIVE: string;
+export const BG_WARNING_CANVAS: string;
+export const BG_WARNING_SURFACE: string;
+export const BG_WARNING_FILL_MUTED_DEFAULT: string;
+export const BG_WARNING_FILL_MUTED_HOVER: string;
+export const BG_WARNING_FILL_MUTED_ACTIVE: string;
+export const BG_WARNING_FILL_EMPHASIS_DEFAULT: string;
+export const BG_WARNING_FILL_EMPHASIS_HOVER: string;
+export const BG_WARNING_FILL_EMPHASIS_ACTIVE: string;
+export const BG_DANGER_CANVAS: string;
+export const BG_DANGER_SURFACE: string;
+export const BG_DANGER_FILL_MUTED_DEFAULT: string;
+export const BG_DANGER_FILL_MUTED_HOVER: string;
+export const BG_DANGER_FILL_MUTED_ACTIVE: string;
+export const BG_DANGER_FILL_EMPHASIS_DEFAULT: string;
+export const BG_DANGER_FILL_EMPHASIS_HOVER: string;
+export const BG_DANGER_FILL_EMPHASIS_ACTIVE: string;
+export const BORDER_NEUTRAL_SUBTLE: string;
+export const BORDER_NEUTRAL_MEDIUM: string;
+export const BORDER_NEUTRAL_STRONG: string;
+export const BORDER_ACCENT_SUBTLE: string;
+export const BORDER_ACCENT_MEDIUM: string;
+export const BORDER_ACCENT_STRONG: string;
+export const BORDER_SUCCESS_SUBTLE: string;
+export const BORDER_SUCCESS_MEDIUM: string;
+export const BORDER_SUCCESS_STRONG: string;
+export const BORDER_INFO_SUBTLE: string;
+export const BORDER_INFO_MEDIUM: string;
+export const BORDER_INFO_STRONG: string;
+export const BORDER_WARNING_SUBTLE: string;
+export const BORDER_WARNING_MEDIUM: string;
+export const BORDER_WARNING_STRONG: string;
+export const BORDER_DANGER_SUBTLE: string;
+export const BORDER_DANGER_MEDIUM: string;
+export const BORDER_DANGER_STRONG: string;
+/** Used for text and icons */
+export const TEXT_NEUTRAL_SUBTLE: string;
+/** Used for text and icons */
+export const TEXT_NEUTRAL_STRONG: string;
+/** Text or icons against colored backgrounds */
+export const TEXT_NEUTRAL_SUBTLE_ON_EMPHASIS: string;
+/** Text or icons against colored backgrounds */
+export const TEXT_NEUTRAL_STRONG_ON_EMPHASIS: string;
+/** Used for text and icons */
+export const TEXT_ACCENT_SUBTLE: string;
+/** Used for text and icons */
+export const TEXT_ACCENT_STRONG: string;
+/** Text or icons against colored backgrounds */
+export const TEXT_ACCENT_SUBTLE_ON_EMPHASIS: string;
+/** Text or icons against colored backgrounds */
+export const TEXT_ACCENT_STRONG_ON_EMPHASIS: string;
+/** Used for text and icons */
+export const TEXT_SUCCESS_SUBTLE: string;
+/** Used for text and icons */
+export const TEXT_SUCCESS_STRONG: string;
+/** Text or icons against colored backgrounds */
+export const TEXT_SUCCESS_SUBTLE_ON_EMPHASIS: string;
+/** Text or icons against colored backgrounds */
+export const TEXT_SUCCESS_STRONG_ON_EMPHASIS: string;
+/** Used for text and icons */
+export const TEXT_INFO_SUBTLE: string;
+/** Used for text and icons */
+export const TEXT_INFO_STRONG: string;
+/** Text or icons against colored backgrounds */
+export const TEXT_INFO_SUBTLE_ON_EMPHASIS: string;
+/** Text or icons against colored backgrounds */
+export const TEXT_INFO_STRONG_ON_EMPHASIS: string;
+/** Used for text and icons */
+export const TEXT_WARNING_SUBTLE: string;
+/** Used for text and icons */
+export const TEXT_WARNING_STRONG: string;
+/** Text or icons against colored backgrounds */
+export const TEXT_WARNING_SUBTLE_ON_EMPHASIS: string;
+/** Text or icons against colored backgrounds */
+export const TEXT_WARNING_STRONG_ON_EMPHASIS: string;
+/** Used for text and icons */
+export const TEXT_DANGER_SUBTLE: string;
+/** Used for text and icons */
+export const TEXT_DANGER_STRONG: string;
+/** Text or icons against colored backgrounds */
+export const TEXT_DANGER_SUBTLE_ON_EMPHASIS: string;
+/** Text or icons against colored backgrounds */
+export const TEXT_DANGER_STRONG_ON_EMPHASIS: string;
diff --git a/packages/eds-tokens/build/js/color/color-scheme/light-semantic.js b/packages/eds-tokens/build/js/color/color-scheme/light-semantic.js
new file mode 100644
index 0000000000..00cb3eb2d3
--- /dev/null
+++ b/packages/eds-tokens/build/js/color/color-scheme/light-semantic.js
@@ -0,0 +1,94 @@
+/**
+ * Do not edit directly, this file was auto-generated.
+ */
+
+export const BG_NEUTRAL_CANVAS = "#f5f5f5";
+export const BG_NEUTRAL_SURFACE = "#ffffff";
+export const BG_NEUTRAL_FILL_MUTED_DEFAULT = "#e1e1e1";
+export const BG_NEUTRAL_FILL_MUTED_HOVER = "#d4d4d4";
+export const BG_NEUTRAL_FILL_MUTED_ACTIVE = "#c4c4c4";
+export const BG_NEUTRAL_FILL_EMPHASIS_DEFAULT = "#636363";
+export const BG_NEUTRAL_FILL_EMPHASIS_HOVER = "#525252";
+export const BG_NEUTRAL_FILL_EMPHASIS_ACTIVE = "#4d4d4d";
+export const BG_ACCENT_CANVAS = "#eaf8fa";
+export const BG_ACCENT_SURFACE = "#f6ffff";
+export const BG_ACCENT_FILL_MUTED_DEFAULT = "#cfe7e9";
+export const BG_ACCENT_FILL_MUTED_HOVER = "#bbdbdf";
+export const BG_ACCENT_FILL_MUTED_ACTIVE = "#a2cdd2";
+export const BG_ACCENT_FILL_EMPHASIS_DEFAULT = "#206f77";
+export const BG_ACCENT_FILL_EMPHASIS_HOVER = "#205c62";
+export const BG_ACCENT_FILL_EMPHASIS_ACTIVE = "#20565c";
+export const BG_SUCCESS_CANVAS = "#eafbe8";
+export const BG_SUCCESS_SURFACE = "#f6fff5";
+export const BG_SUCCESS_FILL_MUTED_DEFAULT = "#cfeacc";
+export const BG_SUCCESS_FILL_MUTED_HOVER = "#bbe0b8";
+export const BG_SUCCESS_FILL_MUTED_ACTIVE = "#a2d49e";
+export const BG_SUCCESS_FILL_EMPHASIS_DEFAULT = "#207720";
+export const BG_SUCCESS_FILL_EMPHASIS_HOVER = "#20621f";
+export const BG_SUCCESS_FILL_EMPHASIS_ACTIVE = "#215c1f";
+export const BG_INFO_CANVAS = "#e7f8ff";
+export const BG_INFO_SURFACE = "#f4ffff";
+export const BG_INFO_FILL_MUTED_DEFAULT = "#cae6fa";
+export const BG_INFO_FILL_MUTED_HOVER = "#b5daf5";
+export const BG_INFO_FILL_MUTED_ACTIVE = "#99cbf0";
+export const BG_INFO_FILL_EMPHASIS_DEFAULT = "#006aa0";
+export const BG_INFO_FILL_EMPHASIS_HOVER = "#085883";
+export const BG_INFO_FILL_EMPHASIS_ACTIVE = "#0e5279";
+export const BG_WARNING_CANVAS = "#fff1e2";
+export const BG_WARNING_SURFACE = "#fffcf0";
+export const BG_WARNING_FILL_MUTED_DEFAULT = "#fbdac1";
+export const BG_WARNING_FILL_MUTED_HOVER = "#f6caaa";
+export const BG_WARNING_FILL_MUTED_ACTIVE = "#f0b689";
+export const BG_WARNING_FILL_EMPHASIS_DEFAULT = "#9b4900";
+export const BG_WARNING_FILL_EMPHASIS_HOVER = "#813e00";
+export const BG_WARNING_FILL_EMPHASIS_ACTIVE = "#773a00";
+export const BG_DANGER_CANVAS = "#ffecea";
+export const BG_DANGER_SURFACE = "#fff9f8";
+export const BG_DANGER_FILL_MUTED_DEFAULT = "#ffd0ce";
+export const BG_DANGER_FILL_MUTED_HOVER = "#ffbcba";
+export const BG_DANGER_FILL_MUTED_ACTIVE = "#ffa3a1";
+export const BG_DANGER_FILL_EMPHASIS_DEFAULT = "#bc002a";
+export const BG_DANGER_FILL_EMPHASIS_HOVER = "#9a1026";
+export const BG_DANGER_FILL_EMPHASIS_ACTIVE = "#8e1525";
+export const BORDER_NEUTRAL_SUBTLE = "#d4d4d4";
+export const BORDER_NEUTRAL_MEDIUM = "#aeaeae";
+export const BORDER_NEUTRAL_STRONG = "#696969";
+export const BORDER_ACCENT_SUBTLE = "#bbdbdf";
+export const BORDER_ACCENT_MEDIUM = "#7cbac1";
+export const BORDER_ACCENT_STRONG = "#21767e";
+export const BORDER_SUCCESS_SUBTLE = "#bbe0b8";
+export const BORDER_SUCCESS_MEDIUM = "#7cc278";
+export const BORDER_SUCCESS_STRONG = "#227e22";
+export const BORDER_INFO_SUBTLE = "#b5daf5";
+export const BORDER_INFO_MEDIUM = "#6fb6e9";
+export const BORDER_INFO_STRONG = "#0070a9";
+export const BORDER_WARNING_SUBTLE = "#f6caaa";
+export const BORDER_WARNING_MEDIUM = "#e89959";
+export const BORDER_WARNING_STRONG = "#a34e00";
+export const BORDER_DANGER_SUBTLE = "#ffbcba";
+export const BORDER_DANGER_MEDIUM = "#ff7a7c";
+export const BORDER_DANGER_STRONG = "#c6002d";
+export const TEXT_NEUTRAL_SUBTLE = "#585858"; // Used for text and icons
+export const TEXT_NEUTRAL_STRONG = "#1d1d1d"; // Used for text and icons
+export const TEXT_NEUTRAL_SUBTLE_ON_EMPHASIS = "#dedede"; // Text or icons against colored backgrounds
+export const TEXT_NEUTRAL_STRONG_ON_EMPHASIS = "#ffffff"; // Text or icons against colored backgrounds
+export const TEXT_ACCENT_SUBTLE = "#1f6369"; // Used for text and icons
+export const TEXT_ACCENT_STRONG = "#141f20"; // Used for text and icons
+export const TEXT_ACCENT_SUBTLE_ON_EMPHASIS = "#cae4e7"; // Text or icons against colored backgrounds
+export const TEXT_ACCENT_STRONG_ON_EMPHASIS = "#ffffff"; // Text or icons against colored backgrounds
+export const TEXT_SUCCESS_SUBTLE = "#20691f"; // Used for text and icons
+export const TEXT_SUCCESS_STRONG = "#142114"; // Used for text and icons
+export const TEXT_SUCCESS_SUBTLE_ON_EMPHASIS = "#cae8c7"; // Text or icons against colored backgrounds
+export const TEXT_SUCCESS_STRONG_ON_EMPHASIS = "#ffffff"; // Text or icons against colored backgrounds
+export const TEXT_INFO_SUBTLE = "#015e8d"; // Used for text and icons
+export const TEXT_INFO_STRONG = "#121e27"; // Used for text and icons
+export const TEXT_INFO_SUBTLE_ON_EMPHASIS = "#c5e3f9"; // Text or icons against colored backgrounds
+export const TEXT_INFO_STRONG_ON_EMPHASIS = "#ffffff"; // Text or icons against colored backgrounds
+export const TEXT_WARNING_SUBTLE = "#8a4100"; // Used for text and icons
+export const TEXT_WARNING_STRONG = "#27190e"; // Used for text and icons
+export const TEXT_WARNING_SUBTLE_ON_EMPHASIS = "#fad6bc"; // Text or icons against colored backgrounds
+export const TEXT_WARNING_STRONG_ON_EMPHASIS = "#ffffff"; // Text or icons against colored backgrounds
+export const TEXT_DANGER_SUBTLE = "#a50827"; // Used for text and icons
+export const TEXT_DANGER_STRONG = "#2e1414"; // Used for text and icons
+export const TEXT_DANGER_SUBTLE_ON_EMPHASIS = "#ffcbc9"; // Text or icons against colored backgrounds
+export const TEXT_DANGER_STRONG_ON_EMPHASIS = "#ffffff"; // Text or icons against colored backgrounds
diff --git a/packages/eds-tokens/build/json/color/color-scheme/flat/dark-semantic.json b/packages/eds-tokens/build/json/color/color-scheme/flat/dark-semantic.json
new file mode 100644
index 0000000000..09988e4bcf
--- /dev/null
+++ b/packages/eds-tokens/build/json/color/color-scheme/flat/dark-semantic.json
@@ -0,0 +1,92 @@
+{
+ "bg-neutral-canvas": "#0b0b0b",
+ "bg-neutral-surface": "#202223",
+ "bg-neutral-fill-muted-default": "#525c65",
+ "bg-neutral-fill-muted-hover": "#5d6b76",
+ "bg-neutral-fill-muted-active": "#6b7d8b",
+ "bg-neutral-fill-emphasis-default": "#b4c7d7",
+ "bg-neutral-fill-emphasis-hover": "#cadae7",
+ "bg-neutral-fill-emphasis-active": "#deeaf4",
+ "bg-accent-canvas": "#0a0b0b",
+ "bg-accent-surface": "#1e2323",
+ "bg-accent-fill-muted-default": "#3c6266",
+ "bg-accent-fill-muted-hover": "#3e7378",
+ "bg-accent-fill-muted-active": "#41878e",
+ "bg-accent-fill-emphasis-default": "#8cd2da",
+ "bg-accent-fill-emphasis-hover": "#ace3e9",
+ "bg-accent-fill-emphasis-active": "#c7f1f6",
+ "bg-success-canvas": "#0a0c0a",
+ "bg-success-surface": "#1e231e",
+ "bg-success-fill-muted-default": "#3c673a",
+ "bg-success-fill-muted-hover": "#3e793c",
+ "bg-success-fill-muted-active": "#418e3e",
+ "bg-success-fill-emphasis-default": "#8cdb87",
+ "bg-success-fill-emphasis-hover": "#aceba8",
+ "bg-success-fill-emphasis-active": "#c7f7c3",
+ "bg-info-canvas": "#0a0b0c",
+ "bg-info-surface": "#1d2226",
+ "bg-info-fill-muted-default": "#33607e",
+ "bg-info-fill-muted-hover": "#316f98",
+ "bg-info-fill-muted-active": "#2e82b7",
+ "bg-info-fill-emphasis-default": "#7dceff",
+ "bg-info-fill-emphasis-hover": "#a2e0ff",
+ "bg-info-fill-emphasis-active": "#c4eeff",
+ "bg-warning-canvas": "#0c0b0a",
+ "bg-warning-surface": "#27201b",
+ "bg-warning-fill-muted-default": "#7e4e25",
+ "bg-warning-fill-muted-hover": "#97571b",
+ "bg-warning-fill-muted-active": "#b46201",
+ "bg-warning-fill-emphasis-default": "#ffad63",
+ "bg-warning-fill-emphasis-hover": "#ffc791",
+ "bg-warning-fill-emphasis-active": "#ffddb9",
+ "bg-danger-canvas": "#0d0a0a",
+ "bg-danger-surface": "#2a1e1e",
+ "bg-danger-fill-muted-default": "#923a3c",
+ "bg-danger-fill-muted-hover": "#b03940",
+ "bg-danger-fill-muted-active": "#d43745",
+ "bg-danger-fill-emphasis-default": "#ffa3a1",
+ "bg-danger-fill-emphasis-hover": "#ffc1bf",
+ "bg-danger-fill-emphasis-active": "#ffd9d7",
+ "border-neutral-subtle": "#525c65",
+ "border-neutral-medium": "#738696",
+ "border-neutral-strong": "#9fb4c6",
+ "border-accent-subtle": "#3c6266",
+ "border-accent-medium": "#439199",
+ "border-accent-strong": "#6ec0c9",
+ "border-success-subtle": "#3c673a",
+ "border-success-medium": "#449941",
+ "border-success-strong": "#6eca6a",
+ "border-info-subtle": "#33607e",
+ "border-info-medium": "#2d8bc5",
+ "border-info-strong": "#5abbfb",
+ "border-warning-subtle": "#7e4e25",
+ "border-warning-medium": "#c36800",
+ "border-warning-strong": "#f99539",
+ "border-danger-subtle": "#923a3c",
+ "border-danger-medium": "#e53748",
+ "border-danger-strong": "#ff8082",
+ "text-neutral-subtle": "#d6e3ee",
+ "text-neutral-strong": "#f5fdff",
+ "text-neutral-subtle-on-emphasis": "#333639",
+ "text-neutral-strong-on-emphasis": "#030303",
+ "text-accent-subtle": "#bcebf1",
+ "text-accent-strong": "#e6ffff",
+ "text-accent-subtle-on-emphasis": "#2c3839",
+ "text-accent-strong-on-emphasis": "#030303",
+ "text-success-subtle": "#bcf2b8",
+ "text-success-strong": "#e6ffe3",
+ "text-success-subtle-on-emphasis": "#2c392b",
+ "text-success-strong-on-emphasis": "#030303",
+ "text-info-subtle": "#b7e8ff",
+ "text-info-strong": "#ecffff",
+ "text-info-subtle-on-emphasis": "#2a3741",
+ "text-info-strong-on-emphasis": "#030304",
+ "text-warning-subtle": "#ffd4aa",
+ "text-warning-strong": "#fff7e6",
+ "text-warning-subtle-on-emphasis": "#413226",
+ "text-warning-strong-on-emphasis": "#040303",
+ "text-danger-subtle": "#ffd0ce",
+ "text-danger-strong": "#fff5f4",
+ "text-danger-subtle-on-emphasis": "#492d2c",
+ "text-danger-strong-on-emphasis": "#040303"
+}
diff --git a/packages/eds-tokens/build/json/color/color-scheme/flat/light-semantic.json b/packages/eds-tokens/build/json/color/color-scheme/flat/light-semantic.json
new file mode 100644
index 0000000000..a4bbd87b97
--- /dev/null
+++ b/packages/eds-tokens/build/json/color/color-scheme/flat/light-semantic.json
@@ -0,0 +1,92 @@
+{
+ "bg-neutral-canvas": "#f5f5f5",
+ "bg-neutral-surface": "#ffffff",
+ "bg-neutral-fill-muted-default": "#e1e1e1",
+ "bg-neutral-fill-muted-hover": "#d4d4d4",
+ "bg-neutral-fill-muted-active": "#c4c4c4",
+ "bg-neutral-fill-emphasis-default": "#636363",
+ "bg-neutral-fill-emphasis-hover": "#525252",
+ "bg-neutral-fill-emphasis-active": "#4d4d4d",
+ "bg-accent-canvas": "#eaf8fa",
+ "bg-accent-surface": "#f6ffff",
+ "bg-accent-fill-muted-default": "#cfe7e9",
+ "bg-accent-fill-muted-hover": "#bbdbdf",
+ "bg-accent-fill-muted-active": "#a2cdd2",
+ "bg-accent-fill-emphasis-default": "#206f77",
+ "bg-accent-fill-emphasis-hover": "#205c62",
+ "bg-accent-fill-emphasis-active": "#20565c",
+ "bg-success-canvas": "#eafbe8",
+ "bg-success-surface": "#f6fff5",
+ "bg-success-fill-muted-default": "#cfeacc",
+ "bg-success-fill-muted-hover": "#bbe0b8",
+ "bg-success-fill-muted-active": "#a2d49e",
+ "bg-success-fill-emphasis-default": "#207720",
+ "bg-success-fill-emphasis-hover": "#20621f",
+ "bg-success-fill-emphasis-active": "#215c1f",
+ "bg-info-canvas": "#e7f8ff",
+ "bg-info-surface": "#f4ffff",
+ "bg-info-fill-muted-default": "#cae6fa",
+ "bg-info-fill-muted-hover": "#b5daf5",
+ "bg-info-fill-muted-active": "#99cbf0",
+ "bg-info-fill-emphasis-default": "#006aa0",
+ "bg-info-fill-emphasis-hover": "#085883",
+ "bg-info-fill-emphasis-active": "#0e5279",
+ "bg-warning-canvas": "#fff1e2",
+ "bg-warning-surface": "#fffcf0",
+ "bg-warning-fill-muted-default": "#fbdac1",
+ "bg-warning-fill-muted-hover": "#f6caaa",
+ "bg-warning-fill-muted-active": "#f0b689",
+ "bg-warning-fill-emphasis-default": "#9b4900",
+ "bg-warning-fill-emphasis-hover": "#813e00",
+ "bg-warning-fill-emphasis-active": "#773a00",
+ "bg-danger-canvas": "#ffecea",
+ "bg-danger-surface": "#fff9f8",
+ "bg-danger-fill-muted-default": "#ffd0ce",
+ "bg-danger-fill-muted-hover": "#ffbcba",
+ "bg-danger-fill-muted-active": "#ffa3a1",
+ "bg-danger-fill-emphasis-default": "#bc002a",
+ "bg-danger-fill-emphasis-hover": "#9a1026",
+ "bg-danger-fill-emphasis-active": "#8e1525",
+ "border-neutral-subtle": "#d4d4d4",
+ "border-neutral-medium": "#aeaeae",
+ "border-neutral-strong": "#696969",
+ "border-accent-subtle": "#bbdbdf",
+ "border-accent-medium": "#7cbac1",
+ "border-accent-strong": "#21767e",
+ "border-success-subtle": "#bbe0b8",
+ "border-success-medium": "#7cc278",
+ "border-success-strong": "#227e22",
+ "border-info-subtle": "#b5daf5",
+ "border-info-medium": "#6fb6e9",
+ "border-info-strong": "#0070a9",
+ "border-warning-subtle": "#f6caaa",
+ "border-warning-medium": "#e89959",
+ "border-warning-strong": "#a34e00",
+ "border-danger-subtle": "#ffbcba",
+ "border-danger-medium": "#ff7a7c",
+ "border-danger-strong": "#c6002d",
+ "text-neutral-subtle": "#585858",
+ "text-neutral-strong": "#1d1d1d",
+ "text-neutral-subtle-on-emphasis": "#dedede",
+ "text-neutral-strong-on-emphasis": "#ffffff",
+ "text-accent-subtle": "#1f6369",
+ "text-accent-strong": "#141f20",
+ "text-accent-subtle-on-emphasis": "#cae4e7",
+ "text-accent-strong-on-emphasis": "#ffffff",
+ "text-success-subtle": "#20691f",
+ "text-success-strong": "#142114",
+ "text-success-subtle-on-emphasis": "#cae8c7",
+ "text-success-strong-on-emphasis": "#ffffff",
+ "text-info-subtle": "#015e8d",
+ "text-info-strong": "#121e27",
+ "text-info-subtle-on-emphasis": "#c5e3f9",
+ "text-info-strong-on-emphasis": "#ffffff",
+ "text-warning-subtle": "#8a4100",
+ "text-warning-strong": "#27190e",
+ "text-warning-subtle-on-emphasis": "#fad6bc",
+ "text-warning-strong-on-emphasis": "#ffffff",
+ "text-danger-subtle": "#a50827",
+ "text-danger-strong": "#2e1414",
+ "text-danger-subtle-on-emphasis": "#ffcbc9",
+ "text-danger-strong-on-emphasis": "#ffffff"
+}
diff --git a/packages/eds-tokens/build/json/color/color-scheme/nested/dark-semantic.json b/packages/eds-tokens/build/json/color/color-scheme/nested/dark-semantic.json
new file mode 100644
index 0000000000..af0d34d7c3
--- /dev/null
+++ b/packages/eds-tokens/build/json/color/color-scheme/nested/dark-semantic.json
@@ -0,0 +1,158 @@
+{
+ "Bg": {
+ "Neutral": {
+ "Canvas": "#0b0b0b",
+ "Surface": "#202223",
+ "Fill Muted": {
+ "Default": "#525c65",
+ "Hover": "#5d6b76",
+ "Active": "#6b7d8b"
+ },
+ "Fill Emphasis": {
+ "Default": "#b4c7d7",
+ "Hover": "#cadae7",
+ "Active": "#deeaf4"
+ }
+ },
+ "Accent": {
+ "Canvas": "#0a0b0b",
+ "Surface": "#1e2323",
+ "Fill Muted": {
+ "Default": "#3c6266",
+ "Hover": "#3e7378",
+ "Active": "#41878e"
+ },
+ "Fill Emphasis": {
+ "Default": "#8cd2da",
+ "Hover": "#ace3e9",
+ "Active": "#c7f1f6"
+ }
+ },
+ "Success": {
+ "Canvas": "#0a0c0a",
+ "Surface": "#1e231e",
+ "Fill Muted": {
+ "Default": "#3c673a",
+ "Hover": "#3e793c",
+ "Active": "#418e3e"
+ },
+ "Fill Emphasis": {
+ "Default": "#8cdb87",
+ "Hover": "#aceba8",
+ "Active": "#c7f7c3"
+ }
+ },
+ "Info": {
+ "Canvas": "#0a0b0c",
+ "Surface": "#1d2226",
+ "Fill Muted": {
+ "Default": "#33607e",
+ "Hover": "#316f98",
+ "Active": "#2e82b7"
+ },
+ "Fill Emphasis": {
+ "Default": "#7dceff",
+ "Hover": "#a2e0ff",
+ "Active": "#c4eeff"
+ }
+ },
+ "Warning": {
+ "Canvas": "#0c0b0a",
+ "Surface": "#27201b",
+ "Fill Muted": {
+ "Default": "#7e4e25",
+ "Hover": "#97571b",
+ "Active": "#b46201"
+ },
+ "Fill Emphasis": {
+ "Default": "#ffad63",
+ "Hover": "#ffc791",
+ "Active": "#ffddb9"
+ }
+ },
+ "Danger": {
+ "Canvas": "#0d0a0a",
+ "Surface": "#2a1e1e",
+ "Fill Muted": {
+ "Default": "#923a3c",
+ "Hover": "#b03940",
+ "Active": "#d43745"
+ },
+ "Fill Emphasis": {
+ "Default": "#ffa3a1",
+ "Hover": "#ffc1bf",
+ "Active": "#ffd9d7"
+ }
+ }
+ },
+ "Border": {
+ "Neutral": {
+ "Subtle": "#525c65",
+ "Medium": "#738696",
+ "Strong": "#9fb4c6"
+ },
+ "Accent": {
+ "Subtle": "#3c6266",
+ "Medium": "#439199",
+ "Strong": "#6ec0c9"
+ },
+ "Success": {
+ "Subtle": "#3c673a",
+ "Medium": "#449941",
+ "Strong": "#6eca6a"
+ },
+ "Info": {
+ "Subtle": "#33607e",
+ "Medium": "#2d8bc5",
+ "Strong": "#5abbfb"
+ },
+ "Warning": {
+ "Subtle": "#7e4e25",
+ "Medium": "#c36800",
+ "Strong": "#f99539"
+ },
+ "Danger": {
+ "Subtle": "#923a3c",
+ "Medium": "#e53748",
+ "Strong": "#ff8082"
+ }
+ },
+ "Text": {
+ "Neutral": {
+ "Subtle": "#d6e3ee",
+ "Strong": "#f5fdff",
+ "Subtle on emphasis": "#333639",
+ "Strong on emphasis": "#030303"
+ },
+ "Accent": {
+ "Subtle": "#bcebf1",
+ "Strong": "#e6ffff",
+ "Subtle on emphasis": "#2c3839",
+ "Strong on emphasis": "#030303"
+ },
+ "Success": {
+ "Subtle": "#bcf2b8",
+ "Strong": "#e6ffe3",
+ "Subtle on emphasis": "#2c392b",
+ "Strong on emphasis": "#030303"
+ },
+ "Info": {
+ "Subtle": "#b7e8ff",
+ "Strong": "#ecffff",
+ "Subtle on emphasis": "#2a3741",
+ "Strong on emphasis": "#030304"
+ },
+ "Warning": {
+ "Subtle": "#ffd4aa",
+ "Strong": "#fff7e6",
+ "Subtle on emphasis": "#413226",
+ "Strong on emphasis": "#040303"
+ },
+ "Danger": {
+ "Subtle": "#ffd0ce",
+ "Strong": "#fff5f4",
+ "Subtle on emphasis": "#492d2c",
+ "Strong on emphasis": "#040303"
+ }
+ }
+}
diff --git a/packages/eds-tokens/build/json/color/color-scheme/nested/light-semantic.json b/packages/eds-tokens/build/json/color/color-scheme/nested/light-semantic.json
new file mode 100644
index 0000000000..59c01d8f3f
--- /dev/null
+++ b/packages/eds-tokens/build/json/color/color-scheme/nested/light-semantic.json
@@ -0,0 +1,158 @@
+{
+ "Bg": {
+ "Neutral": {
+ "Canvas": "#f5f5f5",
+ "Surface": "#ffffff",
+ "Fill Muted": {
+ "Default": "#e1e1e1",
+ "Hover": "#d4d4d4",
+ "Active": "#c4c4c4"
+ },
+ "Fill Emphasis": {
+ "Default": "#636363",
+ "Hover": "#525252",
+ "Active": "#4d4d4d"
+ }
+ },
+ "Accent": {
+ "Canvas": "#eaf8fa",
+ "Surface": "#f6ffff",
+ "Fill Muted": {
+ "Default": "#cfe7e9",
+ "Hover": "#bbdbdf",
+ "Active": "#a2cdd2"
+ },
+ "Fill Emphasis": {
+ "Default": "#206f77",
+ "Hover": "#205c62",
+ "Active": "#20565c"
+ }
+ },
+ "Success": {
+ "Canvas": "#eafbe8",
+ "Surface": "#f6fff5",
+ "Fill Muted": {
+ "Default": "#cfeacc",
+ "Hover": "#bbe0b8",
+ "Active": "#a2d49e"
+ },
+ "Fill Emphasis": {
+ "Default": "#207720",
+ "Hover": "#20621f",
+ "Active": "#215c1f"
+ }
+ },
+ "Info": {
+ "Canvas": "#e7f8ff",
+ "Surface": "#f4ffff",
+ "Fill Muted": {
+ "Default": "#cae6fa",
+ "Hover": "#b5daf5",
+ "Active": "#99cbf0"
+ },
+ "Fill Emphasis": {
+ "Default": "#006aa0",
+ "Hover": "#085883",
+ "Active": "#0e5279"
+ }
+ },
+ "Warning": {
+ "Canvas": "#fff1e2",
+ "Surface": "#fffcf0",
+ "Fill Muted": {
+ "Default": "#fbdac1",
+ "Hover": "#f6caaa",
+ "Active": "#f0b689"
+ },
+ "Fill Emphasis": {
+ "Default": "#9b4900",
+ "Hover": "#813e00",
+ "Active": "#773a00"
+ }
+ },
+ "Danger": {
+ "Canvas": "#ffecea",
+ "Surface": "#fff9f8",
+ "Fill Muted": {
+ "Default": "#ffd0ce",
+ "Hover": "#ffbcba",
+ "Active": "#ffa3a1"
+ },
+ "Fill Emphasis": {
+ "Default": "#bc002a",
+ "Hover": "#9a1026",
+ "Active": "#8e1525"
+ }
+ }
+ },
+ "Border": {
+ "Neutral": {
+ "Subtle": "#d4d4d4",
+ "Medium": "#aeaeae",
+ "Strong": "#696969"
+ },
+ "Accent": {
+ "Subtle": "#bbdbdf",
+ "Medium": "#7cbac1",
+ "Strong": "#21767e"
+ },
+ "Success": {
+ "Subtle": "#bbe0b8",
+ "Medium": "#7cc278",
+ "Strong": "#227e22"
+ },
+ "Info": {
+ "Subtle": "#b5daf5",
+ "Medium": "#6fb6e9",
+ "Strong": "#0070a9"
+ },
+ "Warning": {
+ "Subtle": "#f6caaa",
+ "Medium": "#e89959",
+ "Strong": "#a34e00"
+ },
+ "Danger": {
+ "Subtle": "#ffbcba",
+ "Medium": "#ff7a7c",
+ "Strong": "#c6002d"
+ }
+ },
+ "Text": {
+ "Neutral": {
+ "Subtle": "#585858",
+ "Strong": "#1d1d1d",
+ "Subtle on emphasis": "#dedede",
+ "Strong on emphasis": "#ffffff"
+ },
+ "Accent": {
+ "Subtle": "#1f6369",
+ "Strong": "#141f20",
+ "Subtle on emphasis": "#cae4e7",
+ "Strong on emphasis": "#ffffff"
+ },
+ "Success": {
+ "Subtle": "#20691f",
+ "Strong": "#142114",
+ "Subtle on emphasis": "#cae8c7",
+ "Strong on emphasis": "#ffffff"
+ },
+ "Info": {
+ "Subtle": "#015e8d",
+ "Strong": "#121e27",
+ "Subtle on emphasis": "#c5e3f9",
+ "Strong on emphasis": "#ffffff"
+ },
+ "Warning": {
+ "Subtle": "#8a4100",
+ "Strong": "#27190e",
+ "Subtle on emphasis": "#fad6bc",
+ "Strong on emphasis": "#ffffff"
+ },
+ "Danger": {
+ "Subtle": "#a50827",
+ "Strong": "#2e1414",
+ "Subtle on emphasis": "#ffcbc9",
+ "Strong on emphasis": "#ffffff"
+ }
+ }
+}
diff --git a/packages/eds-tokens/package.json b/packages/eds-tokens/package.json
index 3bdbaf1815..f9719bd2c5 100644
--- a/packages/eds-tokens/package.json
+++ b/packages/eds-tokens/package.json
@@ -14,10 +14,6 @@
"./elements.css": "./elements.css",
"./css/variables": "./build/css/variables.min.css",
"./css/variables.css": "./build/css/variables.min.css",
- "./css/variables-static.css": "./build/css/variables-static.min.css",
- "./css/variables-static": "./build/css/variables-static.min.css",
- "./css/variables-dynamic.css": "./build/css/variables-dynamic.min.css",
- "./css/variables-dynamic": "./build/css/variables-dynamic.min.css",
"./css/spacing/primitives.css": "./build/css/spacing/primitives-trimmed.css",
"./css/spacing/comfortable.css": "./build/css/spacing/comfortable-verbose.css",
"./css/spacing/spacious.css": "./build/css/spacing/spacious-verbose.css",
@@ -66,15 +62,9 @@
"_prebuild:variables:typography-and-spacing": "vite build --config vite.generate-variables.config.ts",
"build:variables:typography-and-spacing": "pnpm run _prebuild:variables:typography-and-spacing && node ./build-generate-variables/generate-variables.js",
"_prebuild:css-copy-index": "copyfiles ./src/css/*.css ./build/css --flat",
- "_build:css:static": "lightningcss --bundle ./build/css/index-variables-static.css -o ./build/css/variables-static.css",
- "_build:css:dynamic": "lightningcss --bundle ./build/css/index-variables-dynamic.css -o ./build/css/variables-dynamic.css",
"_build:css:variables": "lightningcss --bundle ./build/css/index-variables.css -o ./build/css/variables.css",
- "_build:css-index": "pnpm run _build:css:static && pnpm run _build:css:dynamic && pnpm run _build:css:variables",
- "_build:css-min-dynamic": "lightningcss --minify --bundle ./build/css/variables-dynamic.css -o ./build/css/variables-dynamic.min.css",
- "_build:css-min-static": "lightningcss --minify --bundle ./build/css/variables-static.css -o ./build/css/variables-static.min.css",
"_build:css-min-variables": "lightningcss --minify --bundle ./build/css/index-variables.css -o ./build/css/variables.min.css",
- "_build:css-min": "pnpm run _build:css-min-static && pnpm run _build:css-min-dynamic && pnpm run _build:css-min-variables",
- "_build:css": "pnpm run _prebuild:css-copy-index && pnpm run _build:css-index && pnpm run _build:css-min",
+ "_build:css": "pnpm run _prebuild:css-copy-index && pnpm run _build:css:variables && pnpm run _build:css-min-variables",
"clean": "rimraf build",
"build:variables": "pnpm run clean && pnpm run build:variables:typography-and-spacing && pnpm run build:variables:color && pnpm run _build:css",
"update-tokens:spacing-primitives": "sync-figma-to-tokens --file-key cpNchKjiIM19dPqTxE0fqg",
diff --git a/packages/eds-tokens/src/css/index-variables-dynamic.css b/packages/eds-tokens/src/css/index-variables-dynamic.css
deleted file mode 100644
index 776e94e830..0000000000
--- a/packages/eds-tokens/src/css/index-variables-dynamic.css
+++ /dev/null
@@ -1,6 +0,0 @@
-@import 'color/color-scheme/color-scheme.css';
-@import 'color/dynamic/variables.css';
-
-@import 'registered-properties.css';
-@import 'spacing-setup.css';
-@import 'spacing/spacing-trimmed.css';
diff --git a/packages/eds-tokens/src/css/index-variables-static.css b/packages/eds-tokens/src/css/index-variables-static.css
deleted file mode 100644
index a5171de078..0000000000
--- a/packages/eds-tokens/src/css/index-variables-static.css
+++ /dev/null
@@ -1,6 +0,0 @@
-@import 'color/color-scheme/color-scheme.css';
-@import 'color/static/variables.css';
-
-@import 'registered-properties.css';
-@import 'spacing-setup.css';
-@import 'spacing/spacing-trimmed.css';
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index f89cd5c457..cda0472375 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -714,8 +714,8 @@ importers:
packages/eds-tailwind:
dependencies:
'@equinor/eds-tokens':
- specifier: workspace:*
- version: link:../eds-tokens
+ specifier: '>=1.0.0'
+ version: 1.0.0
devDependencies:
'@tailwindcss/vite':
specifier: ^4.1.13