@charset "UTF-8";
/* Scania primitive tokens */
/**
 * Do not edit directly, this file was auto-generated.
 */
:root {
  --scania-color-transparent-200: #303c612b;
  --scania-color-transparent-250: #3a517c59;
  --scania-color-transparent-350: #07275880;
  --scania-color-transparent-500: #0a2850a3;
  --scania-color-transparent-650: #041530b8;
  --scania-color-transparent-750: #0d1727db;
  --scania-color-transparent-inverse-200: #e9f0fce0;
  --scania-color-transparent-inverse-250: #dbe6f8cc;
  --scania-color-transparent-inverse-300: #c3d8f7b8;
  --scania-color-transparent-inverse-400: #aac9f699;
  --scania-color-transparent-inverse-500: #aed0ff7d;
  --scania-color-transparent-inverse-600: #a4c7f566;
  --scania-color-transparent-invisible-light: #fff0;
  --scania-color-transparent-invisible-dark: #0000;
  --scania-color-transparent-scrim-light: #0006;
  --scania-color-transparent-scrim-dark: #0009;
  --scania-color-transparent-shadow-10: #00000003;
  --scania-color-transparent-shadow-100: #0000001a;
  --scania-color-transparent-shadow-150: #00000026;
  --scania-color-transparent-shadow-200: #0003;
  --scania-color-transparent-shadow-250: #00000040;
  --scania-color-transparent-shadow-350: #00000059;
  --scania-color-transparent-shadow-00: #0000;
  --scania-color-blue-50: #d8dde5;
  --scania-color-blue-100: #bacde8;
  --scania-color-blue-200: #87afe8;
  --scania-color-blue-300: #4a89f3;
  --scania-color-blue-400: #2a6ecf;
  --scania-color-blue-500: #2058a8;
  --scania-color-blue-600: #16417f;
  --scania-color-blue-700: #0f3263;
  --scania-color-blue-800: #041e42;
  --scania-color-blue-900: #001533;
  --scania-color-green-50: #d3eee7;
  --scania-color-green-100: #9bd9c2;
  --scania-color-green-200: #65bda5;
  --scania-color-green-300: #009e7e;
  --scania-color-green-400: #008064;
  --scania-color-green-500: #00664f;
  --scania-color-green-600: #004c3b;
  --scania-color-green-700: #0a382e;
  --scania-color-green-800: #00251b;
  --scania-color-green-900: #001a12;
  --scania-color-grey-50: #f6f7f9;
  --scania-color-grey-100: #edeff3;
  --scania-color-grey-150: #e0e5eb;
  --scania-color-grey-200: #d1d7e0;
  --scania-color-grey-250: #b4becd;
  --scania-color-grey-300: #93a2b7;
  --scania-color-grey-350: #7e90a9;
  --scania-color-grey-400: #6e829f;
  --scania-color-grey-500: #5f728c;
  --scania-color-grey-600: #4e5e75;
  --scania-color-grey-650: #475467;
  --scania-color-grey-700: #3a4554;
  --scania-color-grey-750: #2d3643;
  --scania-color-grey-800: #242c37;
  --scania-color-grey-850: #1c222b;
  --scania-color-grey-900: #15181d;
  --scania-color-grey-950: #0e1013;
  --scania-color-grey-1000: #000;
  --scania-color-grey-00: #fff;
  --scania-color-red-50: #ffdfe3;
  --scania-color-red-100: #ffb9b8;
  --scania-color-red-200: #fc8a88;
  --scania-color-red-300: #ea4851;
  --scania-color-red-400: #d1001b;
  --scania-color-red-500: #b20018;
  --scania-color-red-600: #8a0012;
  --scania-color-red-700: #6c0011;
  --scania-color-red-800: #480008;
  --scania-color-red-900: #350004;
  --scania-color-yellow-50: #f9eec3;
  --scania-color-yellow-100: #f8e596;
  --scania-color-yellow-200: #f4d65d;
  --scania-color-yellow-300: #f1c21b;
  --scania-color-yellow-400: #eaad06;
  --scania-color-yellow-500: #b87c14;
  --scania-color-yellow-600: #975717;
  --scania-color-yellow-700: #6b3b10;
  --scania-color-yellow-800: #4d260a;
  --scania-color-yellow-900: #361b07;
  --scania-font-family-default: scania sans;
  --scania-font-family-display: scania sans headline;
  --scania-font-family-semi-condensed: scania sans semi condensed;
  --scania-font-weight-bold: 700;
  --scania-font-weight-regular: 400;
  --scania-opacity-0: 0;
  --scania-opacity-25: 25;
  --scania-opacity-50: 50;
  --scania-opacity-75: 75;
  --scania-opacity-100: 100;
  --scania-unit-0: 0;
  --scania-unit-1: 1;
  --scania-unit-2: 2;
  --scania-unit-4: 4;
  --scania-unit-8: 8;
  --scania-unit-12: 12;
  --scania-unit-16: 16;
  --scania-unit-20: 20;
  --scania-unit-24: 24;
  --scania-unit-32: 32;
  --scania-unit-40: 40;
  --scania-unit-48: 48;
  --scania-unit-56: 56;
  --scania-unit-64: 64;
  --scania-unit-80: 80;
  --scania-unit-96: 96;
  --scania-unit-120: 120;
  --scania-unit-9999: 9999;
  --scania-color-base-black: var(--scania-color-grey-1000);
  --scania-color-base-white: var(--scania-color-grey-00);
  --scania-color-transparent-950: var(--scania-color-grey-950);
  --scania-color-transparent-inverse-50: var(--scania-color-grey-50);
}

/* Scania color tokens */
/**
 * Do not edit directly, this file was auto-generated.
 */
:root,
.tds-mode-light,
.tl-mode-light,
.scania .tds-mode-light,
.scania .tl-mode-light {
  --color-background-base: var(--scania-color-grey-00);
  --color-background-layer-01: var(--scania-color-grey-50);
  --color-background-layer-02: var(--scania-color-grey-00);
  --color-background-layer-03: var(--scania-color-grey-50);
  --color-background-overlay: var(--scania-color-transparent-scrim-light);
  --color-background-top: var(--scania-color-grey-00);
  --color-background-none: var(--scania-color-transparent-invisible-light);
  --color-background-inverse-base: var(--scania-color-grey-950);
  --color-background-inverse-layer-01: var(--scania-color-grey-900);
  --color-background-inverse-layer-02: var(--scania-color-grey-850);
  --color-background-inverse-layer-03: var(--scania-color-grey-800);
  --color-background-inverse-overlay: var(--scania-color-transparent-scrim-light);
  --color-background-inverse-top: var(--scania-color-grey-900);
  --color-background-inverse-none: var(--scania-color-transparent-invisible-dark);
  --color-border-defined: var(--scania-color-transparent-650);
  --color-border-soft: var(--scania-color-transparent-500);
  --color-border-subtle: var(--scania-color-transparent-350);
  --color-border-disabled: var(--scania-color-transparent-250);
  --color-border-discrete: var(--scania-color-transparent-200);
  --color-border-none: var(--scania-color-transparent-invisible-light);
  --color-border-inverse-defined: var(--scania-color-transparent-inverse-200);
  --color-border-inverse-soft: var(--scania-color-transparent-inverse-300);
  --color-border-inverse-subtle: var(--scania-color-transparent-inverse-400);
  --color-border-inverse-disabled: var(--scania-color-transparent-inverse-500);
  --color-border-inverse-discrete: var(--scania-color-transparent-inverse-600);
  --color-border-inverse-none: var(--scania-color-transparent-invisible-dark);
  --color-icon-base: var(--traton-color-base-black);
  --color-icon-brand: var(--traton-color-blue-950);
  --color-icon-defined: var(--scania-color-transparent-650);
  --color-icon-soft: var(--scania-color-transparent-500);
  --color-icon-subtle: var(--scania-color-transparent-350);
  --color-icon-disabled: var(--scania-color-transparent-250);
  --color-icon-discrete: var(--scania-color-transparent-200);
  --color-icon-inverse-base: var(--traton-color-base-black);
  --color-icon-inverse-brand: var(--traton-color-blue-950);
  --color-icon-inverse-defined: var(--scania-color-transparent-inverse-200);
  --color-icon-inverse-soft: var(--scania-color-transparent-inverse-300);
  --color-icon-inverse-subtle: var(--scania-color-transparent-inverse-400);
  --color-icon-inverse-disabled: var(--scania-color-transparent-inverse-500);
  --color-icon-inverse-discrete: var(--scania-color-transparent-inverse-600);
  --color-system-info-strong: var(--scania-color-blue-800);
  --color-system-info-defined: var(--scania-color-blue-600);
  --color-system-info-default: var(--scania-color-blue-400);
  --color-system-info-subtle: var(--scania-color-blue-300);
  --color-system-info-discrete: var(--scania-color-blue-50);
  --color-system-success-strong: var(--scania-color-green-800);
  --color-system-success-defined: var(--scania-color-green-500);
  --color-system-success-default: var(--scania-color-green-300);
  --color-system-success-subtle: var(--scania-color-green-200);
  --color-system-success-discrete: var(--scania-color-green-50);
  --color-system-warning-strong: var(--scania-color-yellow-900);
  --color-system-warning-defined: var(--scania-color-yellow-600);
  --color-system-warning-default: var(--scania-color-yellow-500);
  --color-system-warning-subtle: var(--scania-color-yellow-400);
  --color-system-warning-discrete: var(--scania-color-yellow-50);
  --color-system-danger-strong: var(--scania-color-red-800);
  --color-system-danger-defined: var(--scania-color-red-500);
  --color-system-danger-default: var(--scania-color-red-400);
  --color-system-danger-subtle: var(--scania-color-red-300);
  --color-system-danger-discrete: var(--scania-color-red-50);
  --color-text-brand: var(--scania-color-blue-800);
  --color-text-defined: var(--scania-color-transparent-650);
  --color-text-soft: var(--scania-color-transparent-500);
  --color-text-subtle: var(--scania-color-transparent-350);
  --color-text-disabled: var(--scania-color-transparent-250);
  --color-text-discrete: var(--scania-color-transparent-200);
  --color-text-inverse-defined: var(--scania-color-transparent-inverse-200);
  --color-text-inverse-soft: var(--scania-color-transparent-inverse-300);
  --color-text-inverse-subtle: var(--scania-color-transparent-inverse-400);
  --color-text-inverse-disabled: var(--scania-color-transparent-inverse-500);
  --color-text-inverse-discrete: var(--scania-color-transparent-inverse-200);
  --color-border-strong: var(--scania-color-transparent-950);
  --color-border-inverse-strong: var(--scania-color-transparent-inverse-50);
  --color-icon-strong: var(--scania-color-transparent-950);
  --color-icon-inverse-strong: var(--scania-color-transparent-inverse-50);
  --color-text-base: var(--scania-color-base-black);
  --color-text-strong: var(--scania-color-transparent-950);
  --color-text-inverse-base: var(--scania-color-base-white);
  --color-text-inverse-brand: var(--scania-color-base-white);
  --color-text-inverse-strong: var(--scania-color-transparent-inverse-50);
}

/**
 * Do not edit directly, this file was auto-generated.
 */
.tds-mode-dark,
.tl-mode-dark,
.scania .tds-mode-dark,
.scania .tl-mode-dark {
  --color-background-base: var(--scania-color-grey-950);
  --color-background-layer-01: var(--scania-color-grey-900);
  --color-background-layer-02: var(--scania-color-grey-850);
  --color-background-layer-03: var(--scania-color-grey-800);
  --color-background-overlay: var(--scania-color-transparent-scrim-dark);
  --color-background-top: var(--scania-color-grey-900);
  --color-background-none: var(--scania-color-transparent-invisible-dark);
  --color-background-inverse-base: var(--scania-color-grey-00);
  --color-background-inverse-layer-01: var(--scania-color-grey-50);
  --color-background-inverse-layer-02: var(--scania-color-grey-00);
  --color-background-inverse-layer-03: var(--scania-color-grey-50);
  --color-background-inverse-overlay: var(--scania-color-transparent-scrim-dark);
  --color-background-inverse-top: var(--scania-color-grey-00);
  --color-background-inverse-none: var(--scania-color-transparent-invisible-dark);
  --color-border-defined: var(--scania-color-transparent-inverse-200);
  --color-border-soft: var(--scania-color-transparent-inverse-300);
  --color-border-subtle: var(--scania-color-transparent-inverse-400);
  --color-border-disabled: var(--scania-color-transparent-inverse-500);
  --color-border-discrete: var(--scania-color-transparent-inverse-600);
  --color-border-none: var(--scania-color-transparent-invisible-dark);
  --color-border-inverse-defined: var(--scania-color-transparent-650);
  --color-border-inverse-soft: var(--scania-color-transparent-500);
  --color-border-inverse-subtle: var(--scania-color-transparent-350);
  --color-border-inverse-disabled: var(--scania-color-transparent-250);
  --color-border-inverse-discrete: var(--scania-color-transparent-200);
  --color-border-inverse-none: var(--scania-color-transparent-invisible-light);
  --color-icon-base: var(--traton-color-base-white);
  --color-icon-brand: var(--traton-color-base-white);
  --color-icon-defined: var(--scania-color-transparent-inverse-200);
  --color-icon-soft: var(--scania-color-transparent-inverse-300);
  --color-icon-subtle: var(--scania-color-transparent-inverse-400);
  --color-icon-disabled: var(--scania-color-transparent-inverse-500);
  --color-icon-discrete: var(--scania-color-transparent-inverse-600);
  --color-icon-inverse-base: var(--traton-color-base-white);
  --color-icon-inverse-brand: var(--traton-color-base-white);
  --color-icon-inverse-defined: var(--scania-color-transparent-650);
  --color-icon-inverse-soft: var(--scania-color-transparent-500);
  --color-icon-inverse-subtle: var(--scania-color-transparent-350);
  --color-icon-inverse-disabled: var(--scania-color-transparent-250);
  --color-icon-inverse-discrete: var(--scania-color-transparent-200);
  --color-system-info-strong: var(--scania-color-blue-50);
  --color-system-info-defined: var(--scania-color-blue-200);
  --color-system-info-default: var(--scania-color-blue-300);
  --color-system-info-subtle: var(--scania-color-blue-400);
  --color-system-info-discrete: var(--scania-color-blue-700);
  --color-system-success-strong: var(--scania-color-green-50);
  --color-system-success-defined: var(--scania-color-green-100);
  --color-system-success-default: var(--scania-color-green-200);
  --color-system-success-subtle: var(--scania-color-green-300);
  --color-system-success-discrete: var(--scania-color-green-700);
  --color-system-warning-strong: var(--scania-color-yellow-50);
  --color-system-warning-defined: var(--scania-color-yellow-100);
  --color-system-warning-default: var(--scania-color-yellow-300);
  --color-system-warning-subtle: var(--scania-color-yellow-400);
  --color-system-warning-discrete: var(--scania-color-yellow-800);
  --color-system-danger-strong: var(--scania-color-red-50);
  --color-system-danger-defined: var(--scania-color-red-100);
  --color-system-danger-default: var(--scania-color-red-300);
  --color-system-danger-subtle: var(--scania-color-red-400);
  --color-system-danger-discrete: var(--scania-color-red-800);
  --color-text-defined: var(--scania-color-transparent-inverse-200);
  --color-text-soft: var(--scania-color-transparent-inverse-300);
  --color-text-subtle: var(--scania-color-transparent-inverse-400);
  --color-text-disabled: var(--scania-color-transparent-inverse-500);
  --color-text-discrete: var(--scania-color-transparent-inverse-200);
  --color-text-inverse-brand: var(--scania-color-blue-800);
  --color-text-inverse-defined: var(--scania-color-transparent-650);
  --color-text-inverse-soft: var(--scania-color-transparent-500);
  --color-text-inverse-subtle: var(--scania-color-transparent-350);
  --color-text-inverse-disabled: var(--scania-color-transparent-250);
  --color-text-inverse-discrete: var(--scania-color-transparent-200);
  --color-border-strong: var(--scania-color-transparent-inverse-50);
  --color-border-inverse-strong: var(--scania-color-transparent-950);
  --color-icon-strong: var(--scania-color-transparent-inverse-50);
  --color-icon-inverse-strong: var(--scania-color-transparent-950);
  --color-text-base: var(--scania-color-base-white);
  --color-text-brand: var(--scania-color-base-white);
  --color-text-strong: var(--scania-color-transparent-inverse-50);
  --color-text-inverse-base: var(--scania-color-base-black);
  --color-text-inverse-strong: var(--scania-color-transparent-950);
}

/* Scania dimension tokens */
/**
 * Do not edit directly, this file was auto-generated.
 */
.scania {
  --dimension-radius-focus-width: var(--scania-unit-2);
  --dimension-radius-narrow: var(--scania-unit-4);
  --dimension-radius-soft: var(--scania-unit-8);
  --dimension-radius-rounded: var(--scania-unit-32);
  --dimension-radius-circle: var(--scania-unit-9999);
  --dimension-radius-for-surface-clickable: var(--scania-unit-4);
  --dimension-radius-for-surface-field: var(--scania-unit-4);
  --dimension-radius-for-surface-inverse: var(--scania-unit-9999);
  --dimension-radius-for-area-large: var(--scania-unit-16);
  --dimension-radius-for-area-small: var(--scania-unit-2);
  --dimension-space-tiny: var(--scania-unit-4);
  --dimension-space-small: var(--scania-unit-16);
  --dimension-space-medium: var(--scania-unit-24);
  --dimension-space-large: var(--scania-unit-48);
  --dimension-space-huge: var(--scania-unit-80);
}

/* Scania logotype tokens */
:root,
html {
  --tds-background-image-scania-wordmark-png-local: url(./assets/logos/scania/scania-wordmark.png);
  --tds-background-image-scania-wordmark-svg-local: url(./assets/logos/scania/scania-wordmark.svg);
  --tds-background-image-scania-wordmark-white-png-local: url(./assets/logos/scania/scania-wordmark-white.png);
  --tds-background-image-scania-wordmark-white-svg-local: url(./assets/logos/scania/scania-wordmark-white.svg);
  --tds-background-image-scania-symbol-png-local: url(./assets/logos/scania/scania-symbol.png);
  --tds-background-image-scania-symbol-svg-local: url(./assets/logos/scania/scania-symbol.svg);
  --tds-background-image-scania-logotype-png-local: url(./assets/logos/scania/scania-logotype.png);
  --tds-background-image-scania-logotype-svg-local: url(./assets/logos/scania/scania-logotype.svg);
  --tds-background-image-scania-wordmark-png: url(https://cdn.digitaldesign.scania.com/logotype/multibrand/scania/scania-wordmark.png);
  --tds-background-image-scania-wordmark-svg: url(https://cdn.digitaldesign.scania.com/logotype/multibrand/scania/scania-wordmark.svg);
  --tds-background-image-scania-wordmark-white-png: url(https://cdn.digitaldesign.scania.com/logotype/multibrand/scania/scania-wordmark-white.png);
  --tds-background-image-scania-wordmark-white-svg: url(https://cdn.digitaldesign.scania.com/logotype/multibrand/scania/scania-wordmark-white.svg);
  --tds-background-image-scania-symbol-png: url(https://cdn.digitaldesign.scania.com/logotype/multibrand/scania/scania-symbol.png);
  --tds-background-image-scania-symbol-svg: url(https://cdn.digitaldesign.scania.com/logotype/multibrand/scania/scania-symbol.svg);
  --tds-background-image-scania-logotype-png: url(https://cdn.digitaldesign.scania.com/logotype/multibrand/scania/scania-logotype.png);
  --tds-background-image-scania-logotype-svg: url(https://cdn.digitaldesign.scania.com/logotype/multibrand/scania/scania-logotype.svg);
}

/* Scania typography tokens */
/**
 * Do not edit directly, this file was auto-generated.
 */
.scania {
  --type-display-01-font-size: 216;
  --type-display-01-line-height: 183;
  --type-display-01-letter-spacing: 0;
  --type-display-01-text-transform: uppercase;
  --type-display-02-font-size: 156;
  --type-display-02-line-height: 148;
  --type-display-02-letter-spacing: 0;
  --type-display-02-text-transform: uppercase;
  --type-display-03-font-size: 112;
  --type-display-03-line-height: 106;
  --type-display-03-letter-spacing: 0;
  --type-display-03-text-transform: uppercase;
  --type-display-04-font-size: 80;
  --type-display-04-line-height: 80;
  --type-display-04-letter-spacing: 0;
  --type-display-04-text-transform: uppercase;
  --type-display-05-font-size: 56;
  --type-display-05-line-height: 56;
  --type-display-05-letter-spacing: 0;
  --type-display-05-text-transform: uppercase;
  --type-headline-01-font-size: 40;
  --type-headline-01-line-height: 40;
  --type-headline-01-letter-spacing: 0;
  --type-headline-01-text-transform: uppercase;
  --type-headline-02-font-size: 32;
  --type-headline-02-line-height: 32;
  --type-headline-02-letter-spacing: -1.28;
  --type-headline-02-text-transform: none;
  --type-headline-03-font-size: 24;
  --type-headline-03-line-height: 24;
  --type-headline-03-letter-spacing: -0.72;
  --type-headline-03-text-transform: none;
  --type-headline-04-font-size: 20;
  --type-headline-04-line-height: 24;
  --type-headline-04-letter-spacing: -0.4;
  --type-headline-04-text-transform: none;
  --type-headline-05-font-size: 16;
  --type-headline-05-line-height: 24;
  --type-headline-05-letter-spacing: -0.32;
  --type-headline-05-text-transform: none;
  --type-headline-06-font-size: 14;
  --type-headline-06-line-height: 16;
  --type-headline-06-letter-spacing: -0.28;
  --type-headline-06-text-transform: uppercase;
  --type-paragraph-01-font-size: 24;
  --type-paragraph-01-line-height: 32;
  --type-paragraph-01-letter-spacing: -0.72;
  --type-paragraph-01-text-transform: none;
  --type-paragraph-02-font-size: 20;
  --type-paragraph-02-line-height: 24;
  --type-paragraph-02-letter-spacing: -0.2;
  --type-paragraph-02-text-transform: none;
  --type-body-01-font-size: 16;
  --type-body-01-line-height: 24;
  --type-body-01-letter-spacing: -0.32;
  --type-body-01-text-transform: none;
  --type-body-02-font-size: 14;
  --type-body-02-line-height: 20;
  --type-body-02-letter-spacing: -0.14;
  --type-body-02-text-transform: none;
  --type-system-title-01-font-size: 14;
  --type-system-title-01-line-height: 16;
  --type-system-title-01-letter-spacing: -0.14;
  --type-system-title-01-text-transform: none;
  --type-system-title-02-font-size: 10;
  --type-system-title-02-line-height: 16;
  --type-system-title-02-letter-spacing: 0.8;
  --type-system-title-02-text-transform: uppercase;
  --type-system-label-01-font-size: 12;
  --type-system-label-01-line-height: 16;
  --type-system-label-01-letter-spacing: 0;
  --type-system-label-01-text-transform: none;
  --type-system-label-02-font-size: 10;
  --type-system-label-02-line-height: 8;
  --type-system-label-02-letter-spacing: 0;
  --type-system-label-02-text-transform: none;
  --type-system-body-01-font-size: 14;
  --type-system-body-01-line-height: 16;
  --type-system-body-01-letter-spacing: -0.14;
  --type-system-body-01-text-transform: none;
  --type-system-body-02-font-size: 14;
  --type-system-body-02-line-height: 20;
  --type-system-body-02-letter-spacing: -0.14;
  --type-system-body-02-text-transform: none;
  --type-display-01-font-family: var(--scania-font-family-display);
  --type-display-01-font-weight: var(--scania-font-weight-bold);
  --type-display-02-font-family: var(--scania-font-family-display);
  --type-display-02-font-weight: var(--scania-font-weight-bold);
  --type-display-03-font-family: var(--scania-font-family-display);
  --type-display-03-font-weight: var(--scania-font-weight-bold);
  --type-display-04-font-family: var(--scania-font-family-display);
  --type-display-04-font-weight: var(--scania-font-weight-bold);
  --type-display-05-font-family: var(--scania-font-family-display);
  --type-display-05-font-weight: var(--scania-font-weight-bold);
  --type-headline-01-font-family: var(--scania-font-family-display);
  --type-headline-01-font-weight: var(--scania-font-weight-bold);
  --type-headline-02-font-family: var(--scania-font-family-default);
  --type-headline-02-font-weight: var(--scania-font-weight-bold);
  --type-headline-03-font-family: var(--scania-font-family-default);
  --type-headline-03-font-weight: var(--scania-font-weight-bold);
  --type-headline-04-font-family: var(--scania-font-family-default);
  --type-headline-04-font-weight: var(--scania-font-weight-bold);
  --type-headline-05-font-family: var(--scania-font-family-default);
  --type-headline-05-font-weight: var(--scania-font-weight-bold);
  --type-headline-06-font-family: var(--scania-font-family-default);
  --type-headline-06-font-weight: var(--scania-font-weight-bold);
  --type-paragraph-01-font-family: var(--scania-font-family-default);
  --type-paragraph-01-font-weight: var(--scania-font-weight-regular);
  --type-paragraph-02-font-family: var(--scania-font-family-default);
  --type-paragraph-02-font-weight: var(--scania-font-weight-regular);
  --type-body-01-font-family: var(--scania-font-family-default);
  --type-body-01-font-weight: var(--scania-font-weight-regular);
  --type-body-02-font-family: var(--scania-font-family-default);
  --type-body-02-font-weight: var(--scania-font-weight-regular);
  --type-system-title-01-font-family: var(--scania-font-family-semi-condensed);
  --type-system-title-01-font-weight: var(--scania-font-weight-bold);
  --type-system-title-02-font-family: var(--scania-font-family-default);
  --type-system-title-02-font-weight: var(--scania-font-weight-bold);
  --type-system-label-01-font-family: var(--scania-font-family-semi-condensed);
  --type-system-label-01-font-weight: var(--scania-font-weight-regular);
  --type-system-label-02-font-family: var(--scania-font-family-semi-condensed);
  --type-system-label-02-font-weight: var(--scania-font-weight-regular);
  --type-system-body-01-font-family: var(--scania-font-family-semi-condensed);
  --type-system-body-01-font-weight: var(--scania-font-weight-regular);
  --type-system-body-02-font-family: var(--scania-font-family-semi-condensed);
  --type-system-body-02-font-weight: var(--scania-font-weight-regular);
}

/* Multibrand tokens: Scania typography */
/* Scania Typography Usage Tokens */
:root,
.scania {
  /* Font size tokens */
  --super-type-01-font-size: 216px;
  --super-type-02-font-size: 156px;
  --super-type-03-font-size: 112px;
  --expressive-headline-01-font-size: 80px;
  --expressive-headline-02-font-size: 56px;
  --headline-01-font-size: 40px;
  --headline-02-font-size: 32px;
  --headline-03-font-size: 24px;
  --headline-04-font-size: 20px;
  --headline-05-font-size: 16px;
  --headline-06-font-size: 14px;
  --headline-07-font-size: 14px;
  --paragraph-01-font-size: 24px;
  --paragraph-02-font-size: 20px;
  --body-01-font-size: 16px;
  --body-02-font-size: 14px;
  --body-link-01-font-size: 16px;
  --body-link-02-font-size: 14px;
  --detail-01-font-size: 16px;
  --detail-02-font-size: 14px;
  --detail-03-font-size: 14px;
  --detail-04-font-size: 12px;
  --detail-05-font-size: 12px;
  --detail-06-font-size: 10px;
  --detail-07-font-size: 10px;
  /* Line height tokens */
  --super-type-01-line-height: 183px;
  --super-type-02-line-height: 148px;
  --super-type-03-line-height: 106px;
  --expressive-headline-01-line-height: 80px;
  --expressive-headline-02-line-height: 56px;
  --headline-01-line-height: 40px;
  --headline-02-line-height: 32px;
  --headline-03-line-height: 24px;
  --headline-04-line-height: 24px;
  --headline-05-line-height: 24px;
  --headline-06-line-height: 16px;
  --headline-07-line-height: 16px;
  --paragraph-01-line-height: 32px;
  --paragraph-02-line-height: 24px;
  --body-01-line-height: 24px;
  --body-02-line-height: 20px;
  --body-link-01-line-height: 24px;
  --body-link-02-line-height: 20px;
  --detail-01-line-height: 24px;
  --detail-02-line-height: 16px;
  --detail-03-line-height: 20px;
  --detail-04-line-height: 16px;
  --detail-05-line-height: 16px;
  --detail-06-line-height: 16px;
  --detail-07-line-height: 8px;
  /* Font family tokens */
  --super-type-01-font-family: 'Scania Sans Headline', arial, 'Helvetica Neue';
  --super-type-02-font-family: 'Scania Sans Headline', arial, 'Helvetica Neue';
  --super-type-03-font-family: 'Scania Sans Headline', arial, 'Helvetica Neue';
  --expressive-headline-01-font-family: 'Scania Sans Headline', arial, 'Helvetica Neue';
  --expressive-headline-02-font-family: 'Scania Sans Headline', arial, 'Helvetica Neue';
  --headline-01-font-family: 'Scania Sans Headline', arial, 'Helvetica Neue';
  --headline-02-font-family: 'Scania Sans', arial, 'Helvetica Neue';
  --headline-03-font-family: 'Scania Sans', arial, 'Helvetica Neue';
  --headline-04-font-family: 'Scania Sans', arial, 'Helvetica Neue';
  --headline-05-font-family: 'Scania Sans', arial, 'Helvetica Neue';
  --headline-06-font-family: 'Scania Sans', arial, 'Helvetica Neue';
  --headline-07-font-family: 'Scania Sans Semi Condensed', arial, 'Helvetica Neue';
  --paragraph-01-font-family: 'Scania Sans', arial, 'Helvetica Neue';
  --paragraph-02-font-family: 'Scania Sans', arial, 'Helvetica Neue';
  --body-01-font-family: 'Scania Sans', arial, 'Helvetica Neue';
  --body-02-font-family: 'Scania Sans', arial, 'Helvetica Neue';
  --body-link-01-font-family: 'Scania Sans', arial, 'Helvetica Neue';
  --body-link-02-font-family: 'Scania Sans', arial, 'Helvetica Neue';
  --detail-01-font-family: 'Scania Sans Semi Condensed', arial, 'Helvetica Neue';
  --detail-02-font-family: 'Scania Sans Semi Condensed', arial, 'Helvetica Neue';
  --detail-03-font-family: 'Scania Sans Semi Condensed', arial, 'Helvetica Neue';
  --detail-04-font-family: 'Scania Sans', arial, 'Helvetica Neue';
  --detail-05-font-family: 'Scania Sans Semi Condensed', arial, 'Helvetica Neue';
  --detail-06-font-family: 'Scania Sans', arial, 'Helvetica Neue';
  --detail-07-font-family: 'Scania Sans Semi Condensed', arial, 'Helvetica Neue';
  /* Font weight tokens */
  --super-type-01-font-weight: bold;
  --super-type-02-font-weight: bold;
  --super-type-03-font-weight: bold;
  --expressive-headline-01-font-weight: bold;
  --expressive-headline-02-font-weight: bold;
  --headline-01-font-weight: bold;
  --headline-02-font-weight: bold;
  --headline-03-font-weight: bold;
  --headline-04-font-weight: bold;
  --headline-05-font-weight: bold;
  --headline-06-font-weight: bold;
  --headline-07-font-weight: bold;
  --paragraph-01-font-weight: normal;
  --paragraph-02-font-weight: normal;
  --body-01-font-weight: normal;
  --body-02-font-weight: normal;
  --body-link-01-font-weight: normal;
  --body-link-02-font-weight: normal;
  --detail-01-font-weight: normal;
  --detail-02-font-weight: normal;
  --detail-03-font-weight: normal;
  --detail-04-font-weight: bold;
  --detail-05-font-weight: normal;
  --detail-06-font-weight: bold;
  --detail-07-font-weight: normal;
  /* Letter spacing tokens */
  --super-type-01-letter-spacing: 0;
  --super-type-02-letter-spacing: 0;
  --super-type-03-letter-spacing: 0;
  --expressive-headline-01-letter-spacing: 0;
  --expressive-headline-02-letter-spacing: 0;
  --headline-01-letter-spacing: 0;
  --headline-02-letter-spacing: -1.28px;
  --headline-03-letter-spacing: -0.72px;
  --headline-04-letter-spacing: -0.2px;
  --headline-05-letter-spacing: -0.32px;
  --headline-06-letter-spacing: -0.28px;
  --headline-07-letter-spacing: -0.14px;
  --paragraph-01-letter-spacing: -0.72px;
  --paragraph-02-letter-spacing: -0.2px;
  --body-01-letter-spacing: -0.32px;
  --body-02-letter-spacing: -0.14px;
  --body-link-01-letter-spacing: -0.32px;
  --body-link-02-letter-spacing: -0.14px;
  --detail-01-letter-spacing: -0.16px;
  --detail-02-letter-spacing: -0.14px;
  --detail-03-letter-spacing: -0.14px;
  --detail-04-letter-spacing: 0.96px;
  --detail-05-letter-spacing: 0;
  --detail-06-letter-spacing: 0.8px;
  --detail-07-letter-spacing: 0;
  /* Text transform tokens */
  --super-type-01-text-transform: uppercase;
  --super-type-02-text-transform: uppercase;
  --super-type-03-text-transform: uppercase;
  --expressive-headline-01-text-transform: uppercase;
  --expressive-headline-02-text-transform: uppercase;
  --headline-01-text-transform: uppercase;
  --headline-02-text-transform: none;
  --headline-03-text-transform: none;
  --headline-04-text-transform: none;
  --headline-05-text-transform: none;
  --headline-06-text-transform: none;
  --headline-07-text-transform: none;
  --paragraph-01-text-transform: none;
  --paragraph-02-text-transform: none;
  --body-01-text-transform: none;
  --body-02-text-transform: none;
  --body-link-01-text-transform: none;
  --body-link-02-text-transform: none;
  --detail-01-text-transform: none;
  --detail-02-text-transform: none;
  --detail-03-text-transform: none;
  --detail-04-text-transform: uppercase;
  --detail-05-text-transform: none;
  --detail-06-text-transform: uppercase;
  --detail-07-text-transform: none;
}

/* Multibrand tokens: Scania typography */
/* TODO: Add CY to all cyrilic fonts */
@font-face {
  font-family: "Scania Sans";
  font-weight: bold;
  font-display: swap;
  unicode-range: U+0400-04FF;
  src: url("./assets/fonts/cyrillic/ScaniaSansCY-Bold.woff") format("woff"), url("https://cdn.digitaldesign.scania.com/fonts/scania-sans/1.0.0/cyrillic/ScaniaSansCY-Bold.woff2") format("woff2"), url("https://cdn.digitaldesign.scania.com/fonts/scania-sans/1.0.0/cyrillic/ScaniaSansCY-Bold.woff") format("woff");
}
@font-face {
  font-family: "Scania Sans";
  font-style: italic;
  font-display: swap;
  unicode-range: U+0400-04FF;
  src: url("./assets/fonts/cyrillic/ScaniaSansCY-Italic.woff") format("woff"), url("https://cdn.digitaldesign.scania.com/fonts/scania-sans/1.0.0/cyrillic/ScaniaSansCY-Italic.woff2") format("woff2"), url("https://cdn.digitaldesign.scania.com/fonts/scania-sans/1.0.0/cyrillic/ScaniaSansCY-Italic.woff") format("woff");
}
@font-face {
  font-family: "Scania Sans";
  unicode-range: U+0400-04FF;
  font-display: swap;
  src: url("./assets/fonts/cyrillic/ScaniaSansCY-Regular.woff") format("woff"), url("https://cdn.digitaldesign.scania.com/fonts/scania-sans/1.0.0/cyrillic/ScaniaSansCY-Regular.woff2") format("woff2"), url("https://cdn.digitaldesign.scania.com/fonts/scania-sans/1.0.0/cyrillic/ScaniaSansCY-Regular.woff") format("woff");
}
@font-face {
  font-family: "Scania Sans Condensed";
  font-weight: bold;
  font-display: swap;
  unicode-range: U+0400-04FF;
  src: url("./assets/fonts/cyrillic/ScaniaSansCYCondensed-Bold.woff") format("woff"), url("https://cdn.digitaldesign.scania.com/fonts/scania-sans/1.0.0/cyrillic/ScaniaSansCYCondensed-Bold.woff2") format("woff2"), url("https://cdn.digitaldesign.scania.com/fonts/scania-sans/1.0.0/cyrillic/ScaniaSansCYCondensed-Bold.woff") format("woff");
}
@font-face {
  font-family: "Scania Sans Condensed";
  font-style: italic;
  font-display: swap;
  unicode-range: U+0400-04FF;
  src: url("./assets/fonts/cyrillic/ScaniaSansCYCondensed-Italic.woff") format("woff"), url("https://cdn.digitaldesign.scania.com/fonts/scania-sans/1.0.0/cyrillic/ScaniaSansCYCondensed-Italic.woff2") format("woff2"), url("https://cdn.digitaldesign.scania.com/fonts/scania-sans/1.0.0/cyrillic/ScaniaSansCYCondensed-Italic.woff") format("woff");
}
@font-face {
  font-family: "Scania Sans Condensed";
  unicode-range: U+0400-04FF;
  font-display: swap;
  src: url("./assets/fonts/cyrillic/ScaniaSansCYCondensed-Regular.woff") format("woff"), url("https://cdn.digitaldesign.scania.com/fonts/scania-sans/1.0.0/cyrillic/ScaniaSansCYCondensed-Regular.woff2") format("woff2"), url("https://cdn.digitaldesign.scania.com/fonts/scania-sans/1.0.0/cyrillic/ScaniaSansCYCondensed-Regular.woff") format("woff");
}
@font-face {
  font-family: "Scania Sans Headline";
  font-weight: bold;
  unicode-range: U+0400-04FF;
  font-display: swap;
  src: url("./assets/fonts/cyrillic/ScaniaSansCYHeadline-Bold.woff") format("woff"), url("https://cdn.digitaldesign.scania.com/fonts/scania-sans/1.0.0/cyrillic/ScaniaSansCYHeadline-Bold.woff2") format("woff2"), url("https://cdn.digitaldesign.scania.com/fonts/scania-sans/1.0.0/cyrillic/ScaniaSansCYHeadline-Bold.woff") format("woff");
}
@font-face {
  font-family: "Scania Sans Headline";
  unicode-range: U+0400-04FF;
  font-display: swap;
  src: url("./assets/fonts/cyrillic/ScaniaSansCYHeadline-Regular.woff") format("woff"), url("https://cdn.digitaldesign.scania.com/fonts/scania-sans/1.0.0/cyrillic/ScaniaSansCYHeadline-Regular.woff2") format("woff2"), url("https://cdn.digitaldesign.scania.com/fonts/scania-sans/1.0.0/cyrillic/ScaniaSansCYHeadline-Regular.woff") format("woff");
}
@font-face {
  font-family: "Scania Sans Semi Condensed";
  font-weight: bold;
  unicode-range: U+0400-04FF;
  font-display: swap;
  src: url("./assets/fonts/cyrillic/ScaniaSansCYSemiCondensed-Bold.woff") format("woff"), url("https://cdn.digitaldesign.scania.com/fonts/scania-sans/1.0.0/cyrillic/ScaniaSansCYSemiCondensed-Bold.woff2") format("woff2"), url("https://cdn.digitaldesign.scania.com/fonts/scania-sans/1.0.0/cyrillic/ScaniaSansCYSemiCondensed-Bold.woff") format("woff");
}
@font-face {
  font-family: "Scania Sans Semi Condensed";
  font-style: italic;
  unicode-range: U+0400-04FF;
  font-display: swap;
  src: url("./assets/fonts/cyrillic/ScaniaSansCYSemiCondensed-Italic.woff") format("woff"), url("https://cdn.digitaldesign.scania.com/fonts/scania-sans/1.0.0/cyrillic/ScaniaSansCYSemiCondensed-Italic.woff2") format("woff2"), url("https://cdn.digitaldesign.scania.com/fonts/scania-sans/1.0.0/cyrillic/ScaniaSansCYSemiCondensed-Italic.woff") format("woff");
}
@font-face {
  font-family: "Scania Sans Semi Condensed";
  unicode-range: U+0400-04FF;
  font-display: swap;
  src: url("./assets/fonts/cyrillic/ScaniaSansCYSemiCondensed-Regular.woff") format("woff"), url("https://cdn.digitaldesign.scania.com/fonts/scania-sans/1.0.0/cyrillic/ScaniaSansCYSemiCondensed-Regular.woff2") format("woff2"), url("https://cdn.digitaldesign.scania.com/fonts/scania-sans/1.0.0/cyrillic/ScaniaSansCYSemiCondensed-Regular.woff") format("woff");
}
@font-face {
  font-family: "Scania Sans";
  font-weight: bold;
  font-display: swap;
  src: url("./assets/fonts/latin/ScaniaSans-Bold.woff") format("woff"), url("https://cdn.digitaldesign.scania.com/fonts/scania-sans/1.0.0/latin/ScaniaSans-Bold.woff2") format("woff2"), url("https://cdn.digitaldesign.scania.com/fonts/scania-sans/1.0.0/latin/ScaniaSans-Bold.woff") format("woff");
}
@font-face {
  font-family: "Scania Sans";
  font-style: italic;
  font-display: swap;
  src: url("./assets/fonts/latin/ScaniaSans-Italic.woff") format("woff"), url("https://cdn.digitaldesign.scania.com/fonts/scania-sans/1.0.0/latin/ScaniaSans-Italic.woff2") format("woff2"), url("https://cdn.digitaldesign.scania.com/fonts/scania-sans/1.0.0/latin/ScaniaSans-Italic.woff") format("woff");
}
@font-face {
  font-family: "Scania Sans";
  font-display: swap;
  src: url("./assets/fonts/latin/ScaniaSans-Regular.woff") format("woff"), url("https://cdn.digitaldesign.scania.com/fonts/scania-sans/1.0.0/latin/ScaniaSans-Regular.woff2") format("woff2"), url("https://cdn.digitaldesign.scania.com/fonts/scania-sans/1.0.0/latin/ScaniaSans-Regular.woff") format("woff");
}
@font-face {
  font-family: "Scania Sans Condensed";
  font-weight: bold;
  font-display: swap;
  src: url("./assets/fonts/latin/ScaniaSansCondensed-Bold.woff") format("woff"), url("https://cdn.digitaldesign.scania.com/fonts/scania-sans/1.0.0/latin/ScaniaSansCondensed-Bold.woff2") format("woff2"), url("https://cdn.digitaldesign.scania.com/fonts/scania-sans/1.0.0/latin/ScaniaSansCondensed-Bold.woff") format("woff");
}
@font-face {
  font-family: "Scania Sans Condensed";
  font-style: italic;
  font-display: swap;
  src: url("./assets/fonts/latin/ScaniaSansCondensed-Italic.woff") format("woff"), url("https://cdn.digitaldesign.scania.com/fonts/scania-sans/1.0.0/latin/ScaniaSansCondensed-Italic.woff2") format("woff2"), url("https://cdn.digitaldesign.scania.com/fonts/scania-sans/1.0.0/latin/ScaniaSansCondensed-Italic.woff") format("woff");
}
@font-face {
  font-family: "Scania Sans Condensed";
  font-display: swap;
  src: url("./assets/fonts/latin/ScaniaSansCondensed-Regular.woff") format("woff"), url("https://cdn.digitaldesign.scania.com/fonts/scania-sans/1.0.0/latin/ScaniaSansCondensed-Regular.woff2") format("woff2"), url("https://cdn.digitaldesign.scania.com/fonts/scania-sans/1.0.0/latin/ScaniaSansCondensed-Regular.woff") format("woff");
}
@font-face {
  font-family: "Scania Sans Headline";
  font-weight: bold;
  font-display: swap;
  src: url("./assets/fonts/latin/ScaniaSansHeadline-Bold.woff") format("woff"), url("https://cdn.digitaldesign.scania.com/fonts/scania-sans/1.0.0/latin/ScaniaSansHeadline-Bold.woff2") format("woff2"), url("https://cdn.digitaldesign.scania.com/fonts/scania-sans/1.0.0/latin/ScaniaSansHeadline-Bold.woff") format("woff");
}
@font-face {
  font-family: "Scania Sans Headline";
  font-display: swap;
  src: url("./assets/fonts/latin/ScaniaSansHeadline-Regular.woff") format("woff"), url("https://cdn.digitaldesign.scania.com/fonts/scania-sans/1.0.0/latin/ScaniaSansHeadline-Regular.woff2") format("woff2"), url("https://cdn.digitaldesign.scania.com/fonts/scania-sans/1.0.0/latin/ScaniaSansHeadline-Regular.woff") format("woff");
}
@font-face {
  font-family: "Scania Sans Semi Condensed";
  font-weight: bold;
  font-display: swap;
  src: url("./assets/fonts/latin/ScaniaSansSemiCondensed-Bold.woff") format("woff"), url("https://cdn.digitaldesign.scania.com/fonts/scania-sans/1.0.0/latin/ScaniaSansSemiCondensed-Bold.woff2") format("woff2"), url("https://cdn.digitaldesign.scania.com/fonts/scania-sans/1.0.0/latin/ScaniaSansSemiCondensed-Bold.woff") format("woff");
}
@font-face {
  font-family: "Scania Sans Semi Condensed";
  font-style: italic;
  font-display: swap;
  src: url("./assets/fonts/latin/ScaniaSansSemiCondensed-Italic.woff") format("woff"), url("https://cdn.digitaldesign.scania.com/fonts/scania-sans/1.0.0/latin/ScaniaSansSemiCondensed-Italic.woff2") format("woff2"), url("https://cdn.digitaldesign.scania.com/fonts/scania-sans/1.0.0/latin/ScaniaSansSemiCondensed-Italic.woff") format("woff");
}
@font-face {
  font-family: "Scania Sans Semi Condensed";
  font-display: swap;
  src: url("./assets/fonts/latin/ScaniaSansSemiCondensed-Regular.woff") format("woff"), url("https://cdn.digitaldesign.scania.com/fonts/scania-sans/1.0.0/latin/ScaniaSansSemiCondensed-Regular.woff2") format("woff2"), url("https://cdn.digitaldesign.scania.com/fonts/scania-sans/1.0.0/latin/ScaniaSansSemiCondensed-Regular.woff") format("woff");
}
/* https://medium.com/swlh/full-text-styling-with-a-single-line-of-css-838e8c666f4d */
:root {
  /* FUNCTIONAL TYPOGRAPHY */
  --tds-headline-01: normal normal bold 40px/40px 'Scania Sans Headline', arial, helvetica,
    sans-serif;
  --tds-headline-01-ls: 0;
  --tds-headline-02: normal normal bold 32px/32px 'Scania Sans', arial, helvetica, sans-serif;
  --tds-headline-02-ls: -0.04em;
  --tds-headline-03: normal normal bold 24px/24px 'Scania Sans', arial, helvetica, sans-serif;
  --tds-headline-03-ls: -0.03em;
  --tds-headline-04: normal normal bold 20px/24px 'Scania Sans', arial, helvetica, sans-serif;
  --tds-headline-04-ls: -0.02em;
  --tds-headline-05: normal normal bold 16px/24px 'Scania Sans', arial, helvetica, sans-serif;
  --tds-headline-05-ls: -0.02em;
  --tds-headline-06: normal normal bold 14px/16px 'Scania Sans', arial, helvetica, sans-serif;
  --tds-headline-06-ls: -0.02em;
  --tds-headline-07: normal normal bold 14px/16px 'Scania Sans Semi Condensed', arial, helvetica,
    sans-serif;
  --tds-headline-07-ls: -0.01em;
  --tds-paragraph-01: normal normal normal 24px/32px 'Scania Sans', arial, helvetica, sans-serif;
  --tds-paragraph-01-ls: -0.03em;
  --tds-paragraph-02: normal normal normal 20px/24px 'Scania Sans', arial, helvetica, sans-serif;
  --tds-paragraph-02-ls: -0.01em;
  --tds-body-01: normal normal normal 16px/24px 'Scania Sans', arial, helvetica, sans-serif;
  --tds-body-01-ls: -0.02em;
  --tds-body-02: normal normal normal 14px/20px 'Scania Sans', arial, helvetica, sans-serif;
  --tds-body-02-ls: -0.02em;
  --tds-detail-01: normal normal normal 16px/24px 'Scania Sans Semi Condensed',
    'Scania Sans Condensed', arial, helvetica, sans-serif;
  --tds-detail-01-ls: -0.01em;
  --tds-detail-02: normal normal normal 14px/16px 'Scania Sans Semi Condensed',
    'Scania Sans Condensed', arial, helvetica, sans-serif;
  --tds-detail-02-ls: -0.01em;
  --tds-detail-03: normal normal normal 14px/20px 'Scania Sans Semi Condensed',
    'Scania Sans Condensed', arial, helvetica, sans-serif;
  --tds-detail-03-ls: -0.01em;
  --tds-detail-04: normal normal bold 12px/16px 'Scania Sans', arial, helvetica, sans-serif;
  --tds-detail-04-ls: 0.08em;
  --tds-detail-04-tt: uppercase;
  --tds-detail-05: normal normal normal 12px/16px 'Scania Sans Semi Condensed',
    'Scania Sans Condensed', arial, helvetica, sans-serif;
  --tds-detail-05-ls: 0;
  --tds-detail-06: normal normal bold 10px/16px 'Scania Sans', arial, helvetica, sans-serif;
  --tds-detail-06-ls: 0.08em;
  --tds-detail-06-tt: uppercase;
  --tds-detail-07: normal normal normal 10px/8px 'Scania Sans Semi Condensed',
    'Scania Sans Condensed', arial, helvetica, sans-serif;
  --tds-detail-07-ls: 0;
  /* EXPRESSIVE TYPOGRAPHY */
  --tds-expressive-headline-01: normal normal bold 80px/80px 'Scania Sans Headline', arial,
    helvetica, sans-serif;
  --tds-expressive-headline-01-ls: 0;
  --tds-expressive-headline-02: normal normal bold 56px/56px 'Scania Sans Headline', arial,
    helvetica, sans-serif;
  --tds-expressive-headline-02-ls: 0;
  --tds-headline-ex-01: normal normal bold 40px/40px 'Scania Sans Headline', arial, helvetica,
    sans-serif;
  --tds-headline-ex-01-ls: 0;
  --tds-headline-ex-02: normal normal bold 32px/32px 'Scania Sans Headline', arial, helvetica,
    sans-serif;
  --tds-headline-ex-02-ls: -0.04em;
  --tds-headline-ex-03: normal normal bold 24px/24px 'Scania Sans Headline', arial, helvetica,
    sans-serif;
  --tds-headline-ex-03-ls: -0.03em;
  --tds-headline-ex-04: normal normal bold 20px/24px 'Scania Sans Headline', arial, helvetica,
    sans-serif;
  --tds-headline-ex-04-ls: -0.01em;
  --tds-headline-ex-05: normal normal bold 16px/24px 'Scania Sans Headline', arial, helvetica,
    sans-serif;
  --tds-headline-ex-05-ls: -0.02em;
  --tds-headline-ex-06: normal normal bold 14px/16px 'Scania Sans Headline', arial, helvetica,
    sans-serif;
  --tds-headline-ex-06-ls: -0.02em;
  --tds-headline-ex-07: normal normal bold 14px/16px 'Scania Sans Semi Condensed', arial, helvetica,
    sans-serif;
  --tds-headline-ex-07-ls: -0.01em;
  --tds-paragraph-ex-01: normal normal normal 24px/32px 'Scania Sans', arial, helvetica, sans-serif;
  --tds-paragraph-ex-01-ls: -0.03em;
  --tds-paragraph-ex-02: normal normal normal 20px/24px 'Scania Sans', arial, helvetica, sans-serif;
  --tds-paragraph-ex-02-ls: -0.01em;
  --tds-body-ex-01: normal normal normal 16px/24px 'Scania Sans', arial, helvetica, sans-serif;
  --tds-body-ex-01-ls: -0.02em;
  --tds-body-ex-02: normal normal normal 14px/20px 'Scania Sans', arial, helvetica, sans-serif;
  --tds-body-ex-02-ls: -0.01em;
  --tds-detail-ex-01: normal normal normal 16px/24px 'Scania Sans Semi Condensed',
    'Scania Sans Condensed', arial, helvetica, sans-serif;
  --tds-detail-ex-01-ls: -0.01em;
  --tds-detail-ex-02: normal normal normal 14px/16px 'Scania Sans Semi Condensed',
    'Scania Sans Condensed', arial, helvetica, sans-serif;
  --tds-detail-ex-02-ls: -0.01em;
  --tds-detail-ex-03: normal normal normal 14px/20px 'Scania Sans Semi Condensed',
    'Scania Sans Condensed', arial, helvetica, sans-serif;
  --tds-detail-ex-03-ls: -0.01em;
  --tds-detail-ex-04: normal normal bold 12px/16px 'Scania Sans', arial, helvetica, sans-serif;
  --tds-detail-ex-04-ls: 0.08em;
  --tds-detail-ex-04-tt: uppercase;
  --tds-detail-ex-05: normal normal normal 12px/16px 'Scania Sans Semi Condensed',
    'Scania Sans Condensed', arial, helvetica, sans-serif;
  --tds-detail-ex-05-ls: 0;
  --tds-detail-ex-06: normal normal bold 10px/16px 'Scania Sans', arial, helvetica, sans-serif;
  --tds-detail-ex-06-ls: 0.08em;
  --tds-detail-ex-06-tt: uppercase;
  --tds-detail-ex-07: normal normal normal 10px/8px 'Scania Sans Semi Condensed',
    'Scania Sans Condensed', arial, helvetica, sans-serif;
  --tds-detail-ex-07-ls: 0;
}

/* Typography Usage mixins */
.tds-headline-01 {
  font-family: var(--headline-01-font-family);
  font-size: var(--headline-01-font-size);
  line-height: var(--headline-01-line-height);
  font-weight: var(--headline-01-font-weight);
  letter-spacing: var(--headline-01-letter-spacing);
  text-transform: var(--headline-01-text-transform);
}

.tds-headline-02 {
  font-family: var(--headline-02-font-family);
  font-size: var(--headline-02-font-size);
  line-height: var(--headline-02-line-height);
  font-weight: var(--headline-02-font-weight);
  letter-spacing: var(--headline-02-letter-spacing);
  text-transform: var(--headline-02-text-transform);
}

.tds-headline-03 {
  font-family: var(--headline-03-font-family);
  font-size: var(--headline-03-font-size);
  line-height: var(--headline-03-line-height);
  font-weight: var(--headline-03-font-weight);
  letter-spacing: var(--headline-03-letter-spacing);
  text-transform: var(--headline-03-text-transform);
}

.tds-headline-04 {
  font-family: var(--headline-04-font-family);
  font-size: var(--headline-04-font-size);
  line-height: var(--headline-04-line-height);
  font-weight: var(--headline-04-font-weight);
  letter-spacing: var(--headline-04-letter-spacing);
  text-transform: var(--headline-04-text-transform);
}

.tds-headline-05 {
  font-family: var(--headline-05-font-family);
  font-size: var(--headline-05-font-size);
  line-height: var(--headline-05-line-height);
  font-weight: var(--headline-05-font-weight);
  letter-spacing: var(--headline-05-letter-spacing);
  text-transform: var(--headline-05-text-transform);
}

.tds-headline-06 {
  font-family: var(--headline-06-font-family);
  font-size: var(--headline-06-font-size);
  line-height: var(--headline-06-line-height);
  font-weight: var(--headline-06-font-weight);
  letter-spacing: var(--headline-06-letter-spacing);
  text-transform: var(--headline-06-text-transform);
}

.tds-headline-07 {
  font-family: var(--headline-07-font-family);
  font-size: var(--headline-07-font-size);
  line-height: var(--headline-07-line-height);
  font-weight: var(--headline-07-font-weight);
  letter-spacing: var(--headline-07-letter-spacing);
  text-transform: var(--headline-07-text-transform);
}

.tds-paragraph-01 {
  font-family: var(--paragraph-01-font-family);
  font-size: var(--paragraph-01-font-size);
  line-height: var(--paragraph-01-line-height);
  font-weight: var(--paragraph-01-font-weight);
  letter-spacing: var(--paragraph-01-letter-spacing);
  text-transform: var(--paragraph-01-text-transform);
}

.tds-paragraph-02 {
  font-family: var(--paragraph-02-font-family);
  font-size: var(--paragraph-02-font-size);
  line-height: var(--paragraph-02-line-height);
  font-weight: var(--paragraph-02-font-weight);
  letter-spacing: var(--paragraph-02-letter-spacing);
  text-transform: var(--paragraph-02-text-transform);
}

.tds-body-01 {
  font-family: var(--body-01-font-family);
  font-size: var(--body-01-font-size);
  line-height: var(--body-01-line-height);
  font-weight: var(--body-01-font-weight);
  letter-spacing: var(--body-01-letter-spacing);
  text-transform: var(--body-01-text-transform);
}

.tds-body-02 {
  font-family: var(--body-02-font-family);
  font-size: var(--body-02-font-size);
  line-height: var(--body-02-line-height);
  font-weight: var(--body-02-font-weight);
  letter-spacing: var(--body-02-letter-spacing);
  text-transform: var(--body-02-text-transform);
}

.tds-detail-01 {
  font-family: var(--detail-01-font-family);
  font-size: var(--detail-01-font-size);
  line-height: var(--detail-01-line-height);
  font-weight: var(--detail-01-font-weight);
  letter-spacing: var(--detail-01-letter-spacing);
  text-transform: var(--detail-01-text-transform);
}

.tds-detail-02 {
  font-family: var(--detail-02-font-family);
  font-size: var(--detail-02-font-size);
  line-height: var(--detail-02-line-height);
  font-weight: var(--detail-02-font-weight);
  letter-spacing: var(--detail-02-letter-spacing);
  text-transform: var(--detail-02-text-transform);
}

.tds-detail-03 {
  font-family: var(--detail-03-font-family);
  font-size: var(--detail-03-font-size);
  line-height: var(--detail-03-line-height);
  font-weight: var(--detail-03-font-weight);
  letter-spacing: var(--detail-03-letter-spacing);
  text-transform: var(--detail-03-text-transform);
}

.tds-detail-04 {
  font-family: var(--detail-04-font-family);
  font-size: var(--detail-04-font-size);
  line-height: var(--detail-04-line-height);
  font-weight: var(--detail-04-font-weight);
  letter-spacing: var(--detail-04-letter-spacing);
  text-transform: var(--detail-04-text-transform);
}

.tds-detail-05 {
  font-family: var(--detail-05-font-family);
  font-size: var(--detail-05-font-size);
  line-height: var(--detail-05-line-height);
  font-weight: var(--detail-05-font-weight);
  letter-spacing: var(--detail-05-letter-spacing);
  text-transform: var(--detail-05-text-transform);
}

.tds-detail-06 {
  font-family: var(--detail-06-font-family);
  font-size: var(--detail-06-font-size);
  line-height: var(--detail-06-line-height);
  font-weight: var(--detail-06-font-weight);
  letter-spacing: var(--detail-06-letter-spacing);
  text-transform: var(--detail-06-text-transform);
}

.tds-detail-07 {
  font-family: var(--detail-07-font-family);
  font-size: var(--detail-07-font-size);
  line-height: var(--detail-07-line-height);
  font-weight: var(--detail-07-font-weight);
  letter-spacing: var(--detail-07-letter-spacing);
  text-transform: var(--detail-07-text-transform);
}

.tds-expressive-headline-01 {
  font-family: var(--expressive-headline-01-font-family);
  font-size: var(--expressive-headline-01-font-size);
  line-height: var(--expressive-headline-01-line-height);
  font-weight: var(--expressive-headline-01-font-weight);
  letter-spacing: var(--expressive-headline-01-letter-spacing);
  text-transform: var(--expressive-headline-01-text-transform);
}

.tds-expressive-headline-02 {
  font-family: var(--expressive-headline-02-font-family);
  font-size: var(--expressive-headline-02-font-size);
  line-height: var(--expressive-headline-02-line-height);
  font-weight: var(--expressive-headline-02-font-weight);
  letter-spacing: var(--expressive-headline-02-letter-spacing);
  text-transform: var(--expressive-headline-02-text-transform);
}

h1 {
  font-family: var(--headline-01-font-family);
  font-size: var(--headline-01-font-size);
  line-height: var(--headline-01-line-height);
  font-weight: var(--headline-01-font-weight);
  letter-spacing: var(--headline-01-letter-spacing);
  text-transform: var(--headline-01-text-transform);
}

h2 {
  font-family: var(--headline-02-font-family);
  font-size: var(--headline-02-font-size);
  line-height: var(--headline-02-line-height);
  font-weight: var(--headline-02-font-weight);
  letter-spacing: var(--headline-02-letter-spacing);
  text-transform: var(--headline-02-text-transform);
}

h3 {
  font-family: var(--headline-03-font-family);
  font-size: var(--headline-03-font-size);
  line-height: var(--headline-03-line-height);
  font-weight: var(--headline-03-font-weight);
  letter-spacing: var(--headline-03-letter-spacing);
  text-transform: var(--headline-03-text-transform);
}

h4 {
  font-family: var(--headline-04-font-family);
  font-size: var(--headline-04-font-size);
  line-height: var(--headline-04-line-height);
  font-weight: var(--headline-04-font-weight);
  letter-spacing: var(--headline-04-letter-spacing);
  text-transform: var(--headline-04-text-transform);
}

h5 {
  font-family: var(--headline-05-font-family);
  font-size: var(--headline-05-font-size);
  line-height: var(--headline-05-line-height);
  font-weight: var(--headline-05-font-weight);
  letter-spacing: var(--headline-05-letter-spacing);
  text-transform: var(--headline-05-text-transform);
}

h6 {
  font-family: var(--headline-06-font-family);
  font-size: var(--headline-06-font-size);
  line-height: var(--headline-06-line-height);
  font-weight: var(--headline-06-font-weight);
  letter-spacing: var(--headline-06-letter-spacing);
  text-transform: var(--headline-06-text-transform);
}

.h7 {
  font-family: var(--headline-07-font-family);
  font-size: var(--headline-07-font-size);
  line-height: var(--headline-07-line-height);
  font-weight: var(--headline-07-font-weight);
  letter-spacing: var(--headline-07-letter-spacing);
  text-transform: var(--headline-07-text-transform);
}

/* Scania primitive icon tokens */
/**
 * Do not edit directly, this file was auto-generated.
 */
:root {
  --scania-icon-24v_battery_inactive-svg: url(./assets/icons/scania/24v_battery_inactive.svg);
  --scania-icon-24v_battery-svg: url(./assets/icons/scania/24v_battery.svg);
  --scania-icon-acceleration_inactive-svg: url(./assets/icons/scania/acceleration_inactive.svg);
  --scania-icon-acceleration-svg: url(./assets/icons/scania/acceleration.svg);
  --scania-icon-adblue_inactive-svg: url(./assets/icons/scania/adblue_inactive.svg);
  --scania-icon-adblue-svg: url(./assets/icons/scania/adblue.svg);
  --scania-icon-arrow_diagonal-svg: url(./assets/icons/scania/arrow_diagonal.svg);
  --scania-icon-arrow_down-svg: url(./assets/icons/scania/arrow_down.svg);
  --scania-icon-arrow_left-svg: url(./assets/icons/scania/arrow_left.svg);
  --scania-icon-arrow_right-svg: url(./assets/icons/scania/arrow_right.svg);
  --scania-icon-arrow_up-svg: url(./assets/icons/scania/arrow_up.svg);
  --scania-icon-audio_inactive-svg: url(./assets/icons/scania/audio_inactive.svg);
  --scania-icon-audio-svg: url(./assets/icons/scania/audio.svg);
  --scania-icon-award-svg: url(./assets/icons/scania/award.svg);
  --scania-icon-back-svg: url(./assets/icons/scania/back.svg);
  --scania-icon-backward_inactive-svg: url(./assets/icons/scania/backward_inactive.svg);
  --scania-icon-backward-svg: url(./assets/icons/scania/backward.svg);
  --scania-icon-bento-svg: url(./assets/icons/scania/bento.svg);
  --scania-icon-bug_inactive-svg: url(./assets/icons/scania/bug_inactive.svg);
  --scania-icon-bug-svg: url(./assets/icons/scania/bug.svg);
  --scania-icon-burger-svg: url(./assets/icons/scania/burger.svg);
  --scania-icon-bus_inactive-svg: url(./assets/icons/scania/bus_inactive.svg);
  --scania-icon-bus-svg: url(./assets/icons/scania/bus.svg);
  --scania-icon-cab_door-svg: url(./assets/icons/scania/cab_door.svg);
  --scania-icon-calendar_inactive-svg: url(./assets/icons/scania/calendar_inactive.svg);
  --scania-icon-calendar-svg: url(./assets/icons/scania/calendar.svg);
  --scania-icon-camera_inactive-svg: url(./assets/icons/scania/camera_inactive.svg);
  --scania-icon-camera-svg: url(./assets/icons/scania/camera.svg);
  --scania-icon-card-svg: url(./assets/icons/scania/card.svg);
  --scania-icon-cart-svg: url(./assets/icons/scania/cart.svg);
  --scania-icon-charging_complete-svg: url(./assets/icons/scania/charging_complete.svg);
  --scania-icon-charging_failed-svg: url(./assets/icons/scania/charging_failed.svg);
  --scania-icon-charging_speed_inactive-svg: url(./assets/icons/scania/charging_speed_inactive.svg);
  --scania-icon-charging_speed-svg: url(./assets/icons/scania/charging_speed.svg);
  --scania-icon-charging_stopped-svg: url(./assets/icons/scania/charging_stopped.svg);
  --scania-icon-chevron_down-svg: url(./assets/icons/scania/chevron_down.svg);
  --scania-icon-chevron_left-svg: url(./assets/icons/scania/chevron_left.svg);
  --scania-icon-chevron_right-svg: url(./assets/icons/scania/chevron_right.svg);
  --scania-icon-chevron_up-svg: url(./assets/icons/scania/chevron_up.svg);
  --scania-icon-clock_inactive-svg: url(./assets/icons/scania/clock_inactive.svg);
  --scania-icon-clock-svg: url(./assets/icons/scania/clock.svg);
  --scania-icon-configurator-svg: url(./assets/icons/scania/configurator.svg);
  --scania-icon-contact_inactive-svg: url(./assets/icons/scania/contact_inactive.svg);
  --scania-icon-contact-svg: url(./assets/icons/scania/contact.svg);
  --scania-icon-cookie_inactive-svg: url(./assets/icons/scania/cookie_inactive.svg);
  --scania-icon-cookie-svg: url(./assets/icons/scania/cookie.svg);
  --scania-icon-coolant_level_inactive-svg: url(./assets/icons/scania/coolant_level_inactive.svg);
  --scania-icon-coolant_level-svg: url(./assets/icons/scania/coolant_level.svg);
  --scania-icon-copy-svg: url(./assets/icons/scania/copy.svg);
  --scania-icon-cross-svg: url(./assets/icons/scania/cross.svg);
  --scania-icon-cup_inactive-svg: url(./assets/icons/scania/cup_inactive.svg);
  --scania-icon-cup-svg: url(./assets/icons/scania/cup.svg);
  --scania-icon-dashboard-svg: url(./assets/icons/scania/dashboard.svg);
  --scania-icon-department_inactive-svg: url(./assets/icons/scania/department_inactive.svg);
  --scania-icon-department-svg: url(./assets/icons/scania/department.svg);
  --scania-icon-departure_scheduling_inactive-svg: url(./assets/icons/scania/departure_scheduling_inactive.svg);
  --scania-icon-departure_scheduling-svg: url(./assets/icons/scania/departure_scheduling.svg);
  --scania-icon-diamond_inactive-svg: url(./assets/icons/scania/diamond_inactive.svg);
  --scania-icon-diamond-svg: url(./assets/icons/scania/diamond.svg);
  --scania-icon-document_check-svg: url(./assets/icons/scania/document_check.svg);
  --scania-icon-document_doc-svg: url(./assets/icons/scania/document_doc.svg);
  --scania-icon-document_eye-svg: url(./assets/icons/scania/document_eye.svg);
  --scania-icon-document_pdf-svg: url(./assets/icons/scania/document_pdf.svg);
  --scania-icon-document_plus_inactive-svg: url(./assets/icons/scania/document_plus_inactive.svg);
  --scania-icon-document_plus-svg: url(./assets/icons/scania/document_plus.svg);
  --scania-icon-document_ppt-svg: url(./assets/icons/scania/document_ppt.svg);
  --scania-icon-document_tool-svg: url(./assets/icons/scania/document_tool.svg);
  --scania-icon-document_wrong-svg: url(./assets/icons/scania/document_wrong.svg);
  --scania-icon-document_xls-svg: url(./assets/icons/scania/document_xls.svg);
  --scania-icon-document-svg: url(./assets/icons/scania/document.svg);
  --scania-icon-dollar-svg: url(./assets/icons/scania/dollar.svg);
  --scania-icon-doner-svg: url(./assets/icons/scania/doner.svg);
  --scania-icon-double_kebab-svg: url(./assets/icons/scania/double_kebab.svg);
  --scania-icon-download-svg: url(./assets/icons/scania/download.svg);
  --scania-icon-driving_licence_inactive-svg: url(./assets/icons/scania/driving_licence_inactive.svg);
  --scania-icon-driving_licence-svg: url(./assets/icons/scania/driving_licence.svg);
  --scania-icon-drop_inactive-svg: url(./assets/icons/scania/drop_inactive.svg);
  --scania-icon-drop-svg: url(./assets/icons/scania/drop.svg);
  --scania-icon-edit_inactive-svg: url(./assets/icons/scania/edit_inactive.svg);
  --scania-icon-edit-svg: url(./assets/icons/scania/edit.svg);
  --scania-icon-email-svg: url(./assets/icons/scania/email.svg);
  --scania-icon-engine_inactive-svg: url(./assets/icons/scania/engine_inactive.svg);
  --scania-icon-engine-svg: url(./assets/icons/scania/engine.svg);
  --scania-icon-environment_inactive-svg: url(./assets/icons/scania/environment_inactive.svg);
  --scania-icon-environment-svg: url(./assets/icons/scania/environment.svg);
  --scania-icon-error-svg: url(./assets/icons/scania/error.svg);
  --scania-icon-exit-svg: url(./assets/icons/scania/exit.svg);
  --scania-icon-expand_inactive-svg: url(./assets/icons/scania/expand_inactive.svg);
  --scania-icon-expand-svg: url(./assets/icons/scania/expand.svg);
  --scania-icon-export_inactive-svg: url(./assets/icons/scania/export_inactive.svg);
  --scania-icon-export-svg: url(./assets/icons/scania/export.svg);
  --scania-icon-eye_inactive-svg: url(./assets/icons/scania/eye_inactive.svg);
  --scania-icon-eye-svg: url(./assets/icons/scania/eye.svg);
  --scania-icon-face_dissatisfied-svg: url(./assets/icons/scania/face_dissatisfied.svg);
  --scania-icon-face_neutral-svg: url(./assets/icons/scania/face_neutral.svg);
  --scania-icon-face_satisfied-svg: url(./assets/icons/scania/face_satisfied.svg);
  --scania-icon-factory_inactive-svg: url(./assets/icons/scania/factory_inactive.svg);
  --scania-icon-factory-svg: url(./assets/icons/scania/factory.svg);
  --scania-icon-ferry_inactive-svg: url(./assets/icons/scania/ferry_inactive.svg);
  --scania-icon-ferry-svg: url(./assets/icons/scania/ferry.svg);
  --scania-icon-filters_inactive-svg: url(./assets/icons/scania/filters_inactive.svg);
  --scania-icon-filters-svg: url(./assets/icons/scania/filters.svg);
  --scania-icon-flash_inactive-svg: url(./assets/icons/scania/flash_inactive.svg);
  --scania-icon-flash-svg: url(./assets/icons/scania/flash.svg);
  --scania-icon-folder-svg: url(./assets/icons/scania/folder.svg);
  --scania-icon-forward_inactive-svg: url(./assets/icons/scania/forward_inactive.svg);
  --scania-icon-forward-svg: url(./assets/icons/scania/forward.svg);
  --scania-icon-fuel_gauge_inactive-svg: url(./assets/icons/scania/fuel_gauge_inactive.svg);
  --scania-icon-fuel_gauge-svg: url(./assets/icons/scania/fuel_gauge.svg);
  --scania-icon-fuel_inactive-svg: url(./assets/icons/scania/fuel_inactive.svg);
  --scania-icon-fuel-svg: url(./assets/icons/scania/fuel.svg);
  --scania-icon-gift_inactive-svg: url(./assets/icons/scania/gift_inactive.svg);
  --scania-icon-gift-svg: url(./assets/icons/scania/gift.svg);
  --scania-icon-global-svg: url(./assets/icons/scania/global.svg);
  --scania-icon-guided_tour_inactive-svg: url(./assets/icons/scania/guided_tour_inactive.svg);
  --scania-icon-guided_tour-svg: url(./assets/icons/scania/guided_tour.svg);
  --scania-icon-hatch_open_1-svg: url(./assets/icons/scania/hatch_open_1.svg);
  --scania-icon-hatch_open_2-svg: url(./assets/icons/scania/hatch_open_2.svg);
  --scania-icon-hatch_open_inactive-svg: url(./assets/icons/scania/hatch_open_inactive.svg);
  --scania-icon-hatch_open-svg: url(./assets/icons/scania/hatch_open.svg);
  --scania-icon-heart_inactive-svg: url(./assets/icons/scania/heart_inactive.svg);
  --scania-icon-heart-svg: url(./assets/icons/scania/heart.svg);
  --scania-icon-heating_inactive_screen-svg: url(./assets/icons/scania/heating_inactive_screen.svg);
  --scania-icon-history_inactive-svg: url(./assets/icons/scania/history_inactive.svg);
  --scania-icon-history-svg: url(./assets/icons/scania/history.svg);
  --scania-icon-home_inactive-svg: url(./assets/icons/scania/home_inactive.svg);
  --scania-icon-home-svg: url(./assets/icons/scania/home.svg);
  --scania-icon-idea_inactive-svg: url(./assets/icons/scania/idea_inactive.svg);
  --scania-icon-idea-svg: url(./assets/icons/scania/idea.svg);
  --scania-icon-image_add-svg: url(./assets/icons/scania/image_add.svg);
  --scania-icon-image_inactive-svg: url(./assets/icons/scania/image_inactive.svg);
  --scania-icon-image_set-svg: url(./assets/icons/scania/image_set.svg);
  --scania-icon-image-svg: url(./assets/icons/scania/image.svg);
  --scania-icon-info-svg: url(./assets/icons/scania/info.svg);
  --scania-icon-insights-svg: url(./assets/icons/scania/insights.svg);
  --scania-icon-kebab-svg: url(./assets/icons/scania/kebab.svg);
  --scania-icon-key_inactive-svg: url(./assets/icons/scania/key_inactive.svg);
  --scania-icon-key-svg: url(./assets/icons/scania/key.svg);
  --scania-icon-language-svg: url(./assets/icons/scania/language.svg);
  --scania-icon-layer_inactive-svg: url(./assets/icons/scania/layer_inactive.svg);
  --scania-icon-layer-svg: url(./assets/icons/scania/layer.svg);
  --scania-icon-link_broken-svg: url(./assets/icons/scania/link_broken.svg);
  --scania-icon-link-svg: url(./assets/icons/scania/link.svg);
  --scania-icon-list_inactive-svg: url(./assets/icons/scania/list_inactive.svg);
  --scania-icon-list-svg: url(./assets/icons/scania/list.svg);
  --scania-icon-lock_inactive-svg: url(./assets/icons/scania/lock_inactive.svg);
  --scania-icon-lock-svg: url(./assets/icons/scania/lock.svg);
  --scania-icon-map_cursor_inactive-svg: url(./assets/icons/scania/map_cursor_inactive.svg);
  --scania-icon-map_cursor-svg: url(./assets/icons/scania/map_cursor.svg);
  --scania-icon-maximize_fullscreen-svg: url(./assets/icons/scania/maximize_fullscreen.svg);
  --scania-icon-meatballs-svg: url(./assets/icons/scania/meatballs.svg);
  --scania-icon-merge_inactive-svg: url(./assets/icons/scania/merge_inactive.svg);
  --scania-icon-merge-svg: url(./assets/icons/scania/merge.svg);
  --scania-icon-message_inactive-svg: url(./assets/icons/scania/message_inactive.svg);
  --scania-icon-message-svg: url(./assets/icons/scania/message.svg);
  --scania-icon-microphone_inactive-svg: url(./assets/icons/scania/microphone_inactive.svg);
  --scania-icon-microphone-svg: url(./assets/icons/scania/microphone.svg);
  --scania-icon-mileage_inactive-svg: url(./assets/icons/scania/mileage_inactive.svg);
  --scania-icon-mileage-svg: url(./assets/icons/scania/mileage.svg);
  --scania-icon-minimize_fullscreen-svg: url(./assets/icons/scania/minimize_fullscreen.svg);
  --scania-icon-minus-svg: url(./assets/icons/scania/minus.svg);
  --scania-icon-navigate_inactive-svg: url(./assets/icons/scania/navigate_inactive.svg);
  --scania-icon-navigate-svg: url(./assets/icons/scania/navigate.svg);
  --scania-icon-notification_inactive-svg: url(./assets/icons/scania/notification_inactive.svg);
  --scania-icon-notification_snooze-svg: url(./assets/icons/scania/notification_snooze.svg);
  --scania-icon-notification-svg: url(./assets/icons/scania/notification.svg);
  --scania-icon-oil_level_inactive-svg: url(./assets/icons/scania/oil_level_inactive.svg);
  --scania-icon-oil_level-svg: url(./assets/icons/scania/oil_level.svg);
  --scania-icon-paperclip-svg: url(./assets/icons/scania/paperclip.svg);
  --scania-icon-pause_inactive-svg: url(./assets/icons/scania/pause_inactive.svg);
  --scania-icon-pause-svg: url(./assets/icons/scania/pause.svg);
  --scania-icon-phone_inactive-svg: url(./assets/icons/scania/phone_inactive.svg);
  --scania-icon-phone-svg: url(./assets/icons/scania/phone.svg);
  --scania-icon-pie_chart-svg: url(./assets/icons/scania/pie_chart.svg);
  --scania-icon-pin_inactive-svg: url(./assets/icons/scania/pin_inactive.svg);
  --scania-icon-pin-svg: url(./assets/icons/scania/pin.svg);
  --scania-icon-placeholder-svg: url(./assets/icons/scania/placeholder.svg);
  --scania-icon-play_inactive-svg: url(./assets/icons/scania/play_inactive.svg);
  --scania-icon-play-svg: url(./assets/icons/scania/play.svg);
  --scania-icon-plus-svg: url(./assets/icons/scania/plus.svg);
  --scania-icon-powerplug_inactive-svg: url(./assets/icons/scania/powerplug_inactive.svg);
  --scania-icon-powerplug-svg: url(./assets/icons/scania/powerplug.svg);
  --scania-icon-print_inactive-svg: url(./assets/icons/scania/print_inactive.svg);
  --scania-icon-print-svg: url(./assets/icons/scania/print.svg);
  --scania-icon-privacy_inactive-svg: url(./assets/icons/scania/privacy_inactive.svg);
  --scania-icon-privacy-svg: url(./assets/icons/scania/privacy.svg);
  --scania-icon-profile_inactive-svg: url(./assets/icons/scania/profile_inactive.svg);
  --scania-icon-profile-svg: url(./assets/icons/scania/profile.svg);
  --scania-icon-prohibited-svg: url(./assets/icons/scania/prohibited.svg);
  --scania-icon-proportions_inactive-svg: url(./assets/icons/scania/proportions_inactive.svg);
  --scania-icon-proportions-svg: url(./assets/icons/scania/proportions.svg);
  --scania-icon-range_inactive-svg: url(./assets/icons/scania/range_inactive.svg);
  --scania-icon-range-svg: url(./assets/icons/scania/range.svg);
  --scania-icon-redirect-svg: url(./assets/icons/scania/redirect.svg);
  --scania-icon-refresh_inactive-svg: url(./assets/icons/scania/refresh_inactive.svg);
  --scania-icon-refresh-svg: url(./assets/icons/scania/refresh.svg);
  --scania-icon-reload_inactive-svg: url(./assets/icons/scania/reload_inactive.svg);
  --scania-icon-reload-svg: url(./assets/icons/scania/reload.svg);
  --scania-icon-repeat-svg: url(./assets/icons/scania/repeat.svg);
  --scania-icon-report_inactive-svg: url(./assets/icons/scania/report_inactive.svg);
  --scania-icon-report-svg: url(./assets/icons/scania/report.svg);
  --scania-icon-route_inactive-svg: url(./assets/icons/scania/route_inactive.svg);
  --scania-icon-route-svg: url(./assets/icons/scania/route.svg);
  --scania-icon-save_inactive-svg: url(./assets/icons/scania/save_inactive.svg);
  --scania-icon-save-svg: url(./assets/icons/scania/save.svg);
  --scania-icon-search-svg: url(./assets/icons/scania/search.svg);
  --scania-icon-send_inactive-svg: url(./assets/icons/scania/send_inactive.svg);
  --scania-icon-send-svg: url(./assets/icons/scania/send.svg);
  --scania-icon-settings-svg: url(./assets/icons/scania/settings.svg);
  --scania-icon-share-svg: url(./assets/icons/scania/share.svg);
  --scania-icon-shuffle-svg: url(./assets/icons/scania/shuffle.svg);
  --scania-icon-skip_backwards-svg: url(./assets/icons/scania/skip_backwards.svg);
  --scania-icon-skip_forward-svg: url(./assets/icons/scania/skip_forward.svg);
  --scania-icon-smartphone_inactive-svg: url(./assets/icons/scania/smartphone_inactive.svg);
  --scania-icon-smartphone-svg: url(./assets/icons/scania/smartphone.svg);
  --scania-icon-sorting-svg: url(./assets/icons/scania/sorting.svg);
  --scania-icon-speedometer_inactive-svg: url(./assets/icons/scania/speedometer_inactive.svg);
  --scania-icon-speedometer-svg: url(./assets/icons/scania/speedometer.svg);
  --scania-icon-star-svg: url(./assets/icons/scania/star.svg);
  --scania-icon-support-svg: url(./assets/icons/scania/support.svg);
  --scania-icon-target_inactive-svg: url(./assets/icons/scania/target_inactive.svg);
  --scania-icon-target-svg: url(./assets/icons/scania/target.svg);
  --scania-icon-temperature_inactive-svg: url(./assets/icons/scania/temperature_inactive.svg);
  --scania-icon-temperature-svg: url(./assets/icons/scania/temperature.svg);
  --scania-icon-text_inactive-svg: url(./assets/icons/scania/text_inactive.svg);
  --scania-icon-text-svg: url(./assets/icons/scania/text.svg);
  --scania-icon-thumbs_down-svg: url(./assets/icons/scania/thumbs_down.svg);
  --scania-icon-thumbs_up-svg: url(./assets/icons/scania/thumbs_up.svg);
  --scania-icon-tick-svg: url(./assets/icons/scania/tick.svg);
  --scania-icon-timer-svg: url(./assets/icons/scania/timer.svg);
  --scania-icon-tool_inactive-svg: url(./assets/icons/scania/tool_inactive.svg);
  --scania-icon-tool-svg: url(./assets/icons/scania/tool.svg);
  --scania-icon-trailer_inactive-svg: url(./assets/icons/scania/trailer_inactive.svg);
  --scania-icon-trailer-svg: url(./assets/icons/scania/trailer.svg);
  --scania-icon-trash_inactive-svg: url(./assets/icons/scania/trash_inactive.svg);
  --scania-icon-trash-svg: url(./assets/icons/scania/trash.svg);
  --scania-icon-truck_inactive-svg: url(./assets/icons/scania/truck_inactive.svg);
  --scania-icon-truck-svg: url(./assets/icons/scania/truck.svg);
  --scania-icon-undo_inactive-svg: url(./assets/icons/scania/undo_inactive.svg);
  --scania-icon-undo-svg: url(./assets/icons/scania/undo.svg);
  --scania-icon-unlock-svg: url(./assets/icons/scania/unlock.svg);
  --scania-icon-upload-svg: url(./assets/icons/scania/upload.svg);
  --scania-icon-video_inactive-svg: url(./assets/icons/scania/video_inactive.svg);
  --scania-icon-video-svg: url(./assets/icons/scania/video.svg);
  --scania-icon-wallet-svg: url(./assets/icons/scania/wallet.svg);
  --scania-icon-warning-svg: url(./assets/icons/scania/warning.svg);
  --scania-icon-weight_inactive-svg: url(./assets/icons/scania/weight_inactive.svg);
  --scania-icon-weight-svg: url(./assets/icons/scania/weight.svg);
  --scania-icon-wifi_inactive-svg: url(./assets/icons/scania/wifi_inactive.svg);
  --scania-icon-wifi-svg: url(./assets/icons/scania/wifi.svg);
  --scania-icon-windscreen_heating_inactive-svg: url(./assets/icons/scania/windscreen_heating_inactive.svg);
  --scania-icon-windscreen_heating-svg: url(./assets/icons/scania/windscreen_heating.svg);
}

/* Scania icon tokens */
/**
 * Do not edit directly, this file was auto-generated.
 */
:root,
.scania {
  --icon-24v_battery_inactive-svg: var(--scania-icon-24v_battery_inactive-svg);
  --icon-24v_battery-svg: var(--scania-icon-24v_battery-svg);
  --icon-acceleration_inactive-svg: var(--scania-icon-acceleration_inactive-svg);
  --icon-acceleration-svg: var(--scania-icon-acceleration-svg);
  --icon-adblue_inactive-svg: var(--scania-icon-adblue_inactive-svg);
  --icon-adblue-svg: var(--scania-icon-adblue-svg);
  --icon-arrow_diagonal-svg: var(--scania-icon-arrow_diagonal-svg);
  --icon-arrow_down-svg: var(--scania-icon-arrow_down-svg);
  --icon-arrow_left-svg: var(--scania-icon-arrow_left-svg);
  --icon-arrow_right-svg: var(--scania-icon-arrow_right-svg);
  --icon-arrow_up-svg: var(--scania-icon-arrow_up-svg);
  --icon-audio_inactive-svg: var(--scania-icon-audio_inactive-svg);
  --icon-audio-svg: var(--scania-icon-audio-svg);
  --icon-award-svg: var(--scania-icon-award-svg);
  --icon-back-svg: var(--scania-icon-back-svg);
  --icon-backward_inactive-svg: var(--scania-icon-backward_inactive-svg);
  --icon-backward-svg: var(--scania-icon-backward-svg);
  --icon-bento-svg: var(--scania-icon-bento-svg);
  --icon-bug_inactive-svg: var(--scania-icon-bug_inactive-svg);
  --icon-bug-svg: var(--scania-icon-bug-svg);
  --icon-burger-svg: var(--scania-icon-burger-svg);
  --icon-bus_inactive-svg: var(--scania-icon-bus_inactive-svg);
  --icon-bus-svg: var(--scania-icon-bus-svg);
  --icon-cab_door-svg: var(--scania-icon-cab_door-svg);
  --icon-calendar_inactive-svg: var(--scania-icon-calendar_inactive-svg);
  --icon-calendar-svg: var(--scania-icon-calendar-svg);
  --icon-camera_inactive-svg: var(--scania-icon-camera_inactive-svg);
  --icon-camera-svg: var(--scania-icon-camera-svg);
  --icon-card-svg: var(--scania-icon-card-svg);
  --icon-cart-svg: var(--scania-icon-cart-svg);
  --icon-charging_complete-svg: var(--scania-icon-charging_complete-svg);
  --icon-charging_failed-svg: var(--scania-icon-charging_failed-svg);
  --icon-charging_speed_inactive-svg: var(--scania-icon-charging_speed_inactive-svg);
  --icon-charging_speed-svg: var(--scania-icon-charging_speed-svg);
  --icon-charging_stopped-svg: var(--scania-icon-charging_stopped-svg);
  --icon-chevron_down-svg: var(--scania-icon-chevron_down-svg);
  --icon-chevron_left-svg: var(--scania-icon-chevron_left-svg);
  --icon-chevron_right-svg: var(--scania-icon-chevron_right-svg);
  --icon-chevron_up-svg: var(--scania-icon-chevron_up-svg);
  --icon-clock_inactive-svg: var(--scania-icon-clock_inactive-svg);
  --icon-clock-svg: var(--scania-icon-clock-svg);
  --icon-configurator-svg: var(--scania-icon-configurator-svg);
  --icon-contact_inactive-svg: var(--scania-icon-contact_inactive-svg);
  --icon-contact-svg: var(--scania-icon-contact-svg);
  --icon-cookie_inactive-svg: var(--scania-icon-cookie_inactive-svg);
  --icon-cookie-svg: var(--scania-icon-cookie-svg);
  --icon-coolant_level_inactive-svg: var(--scania-icon-coolant_level_inactive-svg);
  --icon-coolant_level-svg: var(--scania-icon-coolant_level-svg);
  --icon-copy-svg: var(--scania-icon-copy-svg);
  --icon-cross-svg: var(--scania-icon-cross-svg);
  --icon-cup_inactive-svg: var(--scania-icon-cup_inactive-svg);
  --icon-cup-svg: var(--scania-icon-cup-svg);
  --icon-dashboard-svg: var(--scania-icon-dashboard-svg);
  --icon-department_inactive-svg: var(--scania-icon-department_inactive-svg);
  --icon-department-svg: var(--scania-icon-department-svg);
  --icon-departure_scheduling_inactive-svg: var(--scania-icon-departure_scheduling_inactive-svg);
  --icon-departure_scheduling-svg: var(--scania-icon-departure_scheduling-svg);
  --icon-diamond_inactive-svg: var(--scania-icon-diamond_inactive-svg);
  --icon-diamond-svg: var(--scania-icon-diamond-svg);
  --icon-document_check-svg: var(--scania-icon-document_check-svg);
  --icon-document_doc-svg: var(--scania-icon-document_doc-svg);
  --icon-document_eye-svg: var(--scania-icon-document_eye-svg);
  --icon-document_pdf-svg: var(--scania-icon-document_pdf-svg);
  --icon-document_plus_inactive-svg: var(--scania-icon-document_plus_inactive-svg);
  --icon-document_plus-svg: var(--scania-icon-document_plus-svg);
  --icon-document_ppt-svg: var(--scania-icon-document_ppt-svg);
  --icon-document_tool-svg: var(--scania-icon-document_tool-svg);
  --icon-document_wrong-svg: var(--scania-icon-document_wrong-svg);
  --icon-document_xls-svg: var(--scania-icon-document_xls-svg);
  --icon-document-svg: var(--scania-icon-document-svg);
  --icon-dollar-svg: var(--scania-icon-dollar-svg);
  --icon-doner-svg: var(--scania-icon-doner-svg);
  --icon-double_kebab-svg: var(--scania-icon-double_kebab-svg);
  --icon-download-svg: var(--scania-icon-download-svg);
  --icon-driving_licence_inactive-svg: var(--scania-icon-driving_licence_inactive-svg);
  --icon-driving_licence-svg: var(--scania-icon-driving_licence-svg);
  --icon-drop_inactive-svg: var(--scania-icon-drop_inactive-svg);
  --icon-drop-svg: var(--scania-icon-drop-svg);
  --icon-edit_inactive-svg: var(--scania-icon-edit_inactive-svg);
  --icon-edit-svg: var(--scania-icon-edit-svg);
  --icon-email-svg: var(--scania-icon-email-svg);
  --icon-engine_inactive-svg: var(--scania-icon-engine_inactive-svg);
  --icon-engine-svg: var(--scania-icon-engine-svg);
  --icon-environment_inactive-svg: var(--scania-icon-environment_inactive-svg);
  --icon-environment-svg: var(--scania-icon-environment-svg);
  --icon-error-svg: var(--scania-icon-error-svg);
  --icon-exit-svg: var(--scania-icon-exit-svg);
  --icon-expand_inactive-svg: var(--scania-icon-expand_inactive-svg);
  --icon-expand-svg: var(--scania-icon-expand-svg);
  --icon-export_inactive-svg: var(--scania-icon-export_inactive-svg);
  --icon-export-svg: var(--scania-icon-export-svg);
  --icon-eye_inactive-svg: var(--scania-icon-eye_inactive-svg);
  --icon-eye-svg: var(--scania-icon-eye-svg);
  --icon-face_dissatisfied-svg: var(--scania-icon-face_dissatisfied-svg);
  --icon-face_neutral-svg: var(--scania-icon-face_neutral-svg);
  --icon-face_satisfied-svg: var(--scania-icon-face_satisfied-svg);
  --icon-factory_inactive-svg: var(--scania-icon-factory_inactive-svg);
  --icon-factory-svg: var(--scania-icon-factory-svg);
  --icon-ferry_inactive-svg: var(--scania-icon-ferry_inactive-svg);
  --icon-ferry-svg: var(--scania-icon-ferry-svg);
  --icon-filters_inactive-svg: var(--scania-icon-filters_inactive-svg);
  --icon-filters-svg: var(--scania-icon-filters-svg);
  --icon-flash_inactive-svg: var(--scania-icon-flash_inactive-svg);
  --icon-flash-svg: var(--scania-icon-flash-svg);
  --icon-folder-svg: var(--scania-icon-folder-svg);
  --icon-forward_inactive-svg: var(--scania-icon-forward_inactive-svg);
  --icon-forward-svg: var(--scania-icon-forward-svg);
  --icon-fuel_gauge_inactive-svg: var(--scania-icon-fuel_gauge_inactive-svg);
  --icon-fuel_gauge-svg: var(--scania-icon-fuel_gauge-svg);
  --icon-fuel_inactive-svg: var(--scania-icon-fuel_inactive-svg);
  --icon-fuel-svg: var(--scania-icon-fuel-svg);
  --icon-gift_inactive-svg: var(--scania-icon-gift_inactive-svg);
  --icon-gift-svg: var(--scania-icon-gift-svg);
  --icon-global-svg: var(--scania-icon-global-svg);
  --icon-guided_tour_inactive-svg: var(--scania-icon-guided_tour_inactive-svg);
  --icon-guided_tour-svg: var(--scania-icon-guided_tour-svg);
  --icon-hatch_open_1-svg: var(--scania-icon-hatch_open_1-svg);
  --icon-hatch_open_2-svg: var(--scania-icon-hatch_open_2-svg);
  --icon-hatch_open_inactive-svg: var(--scania-icon-hatch_open_inactive-svg);
  --icon-hatch_open-svg: var(--scania-icon-hatch_open-svg);
  --icon-heart_inactive-svg: var(--scania-icon-heart_inactive-svg);
  --icon-heart-svg: var(--scania-icon-heart-svg);
  --icon-heating_inactive_screen-svg: var(--scania-icon-heating_inactive_screen-svg);
  --icon-history_inactive-svg: var(--scania-icon-history_inactive-svg);
  --icon-history-svg: var(--scania-icon-history-svg);
  --icon-home_inactive-svg: var(--scania-icon-home_inactive-svg);
  --icon-home-svg: var(--scania-icon-home-svg);
  --icon-idea_inactive-svg: var(--scania-icon-idea_inactive-svg);
  --icon-idea-svg: var(--scania-icon-idea-svg);
  --icon-image_add-svg: var(--scania-icon-image_add-svg);
  --icon-image_inactive-svg: var(--scania-icon-image_inactive-svg);
  --icon-image_set-svg: var(--scania-icon-image_set-svg);
  --icon-image-svg: var(--scania-icon-image-svg);
  --icon-info-svg: var(--scania-icon-info-svg);
  --icon-insights-svg: var(--scania-icon-insights-svg);
  --icon-kebab-svg: var(--scania-icon-kebab-svg);
  --icon-key_inactive-svg: var(--scania-icon-key_inactive-svg);
  --icon-key-svg: var(--scania-icon-key-svg);
  --icon-language-svg: var(--scania-icon-language-svg);
  --icon-layer_inactive-svg: var(--scania-icon-layer_inactive-svg);
  --icon-layer-svg: var(--scania-icon-layer-svg);
  --icon-link_broken-svg: var(--scania-icon-link_broken-svg);
  --icon-link-svg: var(--scania-icon-link-svg);
  --icon-list_inactive-svg: var(--scania-icon-list_inactive-svg);
  --icon-list-svg: var(--scania-icon-list-svg);
  --icon-lock_inactive-svg: var(--scania-icon-lock_inactive-svg);
  --icon-lock-svg: var(--scania-icon-lock-svg);
  --icon-map_cursor_inactive-svg: var(--scania-icon-map_cursor_inactive-svg);
  --icon-map_cursor-svg: var(--scania-icon-map_cursor-svg);
  --icon-maximize_fullscreen-svg: var(--scania-icon-maximize_fullscreen-svg);
  --icon-meatballs-svg: var(--scania-icon-meatballs-svg);
  --icon-merge_inactive-svg: var(--scania-icon-merge_inactive-svg);
  --icon-merge-svg: var(--scania-icon-merge-svg);
  --icon-message_inactive-svg: var(--scania-icon-message_inactive-svg);
  --icon-message-svg: var(--scania-icon-message-svg);
  --icon-microphone_inactive-svg: var(--scania-icon-microphone_inactive-svg);
  --icon-microphone-svg: var(--scania-icon-microphone-svg);
  --icon-mileage_inactive-svg: var(--scania-icon-mileage_inactive-svg);
  --icon-mileage-svg: var(--scania-icon-mileage-svg);
  --icon-minimize_fullscreen-svg: var(--scania-icon-minimize_fullscreen-svg);
  --icon-minus-svg: var(--scania-icon-minus-svg);
  --icon-navigate_inactive-svg: var(--scania-icon-navigate_inactive-svg);
  --icon-navigate-svg: var(--scania-icon-navigate-svg);
  --icon-notification_inactive-svg: var(--scania-icon-notification_inactive-svg);
  --icon-notification_snooze-svg: var(--scania-icon-notification_snooze-svg);
  --icon-notification-svg: var(--scania-icon-notification-svg);
  --icon-oil_level_inactive-svg: var(--scania-icon-oil_level_inactive-svg);
  --icon-oil_level-svg: var(--scania-icon-oil_level-svg);
  --icon-paperclip-svg: var(--scania-icon-paperclip-svg);
  --icon-pause_inactive-svg: var(--scania-icon-pause_inactive-svg);
  --icon-pause-svg: var(--scania-icon-pause-svg);
  --icon-phone_inactive-svg: var(--scania-icon-phone_inactive-svg);
  --icon-phone-svg: var(--scania-icon-phone-svg);
  --icon-pie_chart-svg: var(--scania-icon-pie_chart-svg);
  --icon-pin_inactive-svg: var(--scania-icon-pin_inactive-svg);
  --icon-pin-svg: var(--scania-icon-pin-svg);
  --icon-placeholder-svg: var(--scania-icon-placeholder-svg);
  --icon-play_inactive-svg: var(--scania-icon-play_inactive-svg);
  --icon-play-svg: var(--scania-icon-play-svg);
  --icon-plus-svg: var(--scania-icon-plus-svg);
  --icon-powerplug_inactive-svg: var(--scania-icon-powerplug_inactive-svg);
  --icon-powerplug-svg: var(--scania-icon-powerplug-svg);
  --icon-print_inactive-svg: var(--scania-icon-print_inactive-svg);
  --icon-print-svg: var(--scania-icon-print-svg);
  --icon-privacy_inactive-svg: var(--scania-icon-privacy_inactive-svg);
  --icon-privacy-svg: var(--scania-icon-privacy-svg);
  --icon-profile_inactive-svg: var(--scania-icon-profile_inactive-svg);
  --icon-profile-svg: var(--scania-icon-profile-svg);
  --icon-prohibited-svg: var(--scania-icon-prohibited-svg);
  --icon-proportions_inactive-svg: var(--scania-icon-proportions_inactive-svg);
  --icon-proportions-svg: var(--scania-icon-proportions-svg);
  --icon-range_inactive-svg: var(--scania-icon-range_inactive-svg);
  --icon-range-svg: var(--scania-icon-range-svg);
  --icon-redirect-svg: var(--scania-icon-redirect-svg);
  --icon-refresh_inactive-svg: var(--scania-icon-refresh_inactive-svg);
  --icon-refresh-svg: var(--scania-icon-refresh-svg);
  --icon-reload_inactive-svg: var(--scania-icon-reload_inactive-svg);
  --icon-reload-svg: var(--scania-icon-reload-svg);
  --icon-repeat-svg: var(--scania-icon-repeat-svg);
  --icon-report_inactive-svg: var(--scania-icon-report_inactive-svg);
  --icon-report-svg: var(--scania-icon-report-svg);
  --icon-route_inactive-svg: var(--scania-icon-route_inactive-svg);
  --icon-route-svg: var(--scania-icon-route-svg);
  --icon-save_inactive-svg: var(--scania-icon-save_inactive-svg);
  --icon-save-svg: var(--scania-icon-save-svg);
  --icon-search-svg: var(--scania-icon-search-svg);
  --icon-send_inactive-svg: var(--scania-icon-send_inactive-svg);
  --icon-send-svg: var(--scania-icon-send-svg);
  --icon-settings-svg: var(--scania-icon-settings-svg);
  --icon-share-svg: var(--scania-icon-share-svg);
  --icon-shuffle-svg: var(--scania-icon-shuffle-svg);
  --icon-skip_backwards-svg: var(--scania-icon-skip_backwards-svg);
  --icon-skip_forward-svg: var(--scania-icon-skip_forward-svg);
  --icon-smartphone_inactive-svg: var(--scania-icon-smartphone_inactive-svg);
  --icon-smartphone-svg: var(--scania-icon-smartphone-svg);
  --icon-sorting-svg: var(--scania-icon-sorting-svg);
  --icon-speedometer_inactive-svg: var(--scania-icon-speedometer_inactive-svg);
  --icon-speedometer-svg: var(--scania-icon-speedometer-svg);
  --icon-star-svg: var(--scania-icon-star-svg);
  --icon-support-svg: var(--scania-icon-support-svg);
  --icon-target_inactive-svg: var(--scania-icon-target_inactive-svg);
  --icon-target-svg: var(--scania-icon-target-svg);
  --icon-temperature_inactive-svg: var(--scania-icon-temperature_inactive-svg);
  --icon-temperature-svg: var(--scania-icon-temperature-svg);
  --icon-text_inactive-svg: var(--scania-icon-text_inactive-svg);
  --icon-text-svg: var(--scania-icon-text-svg);
  --icon-thumbs_down-svg: var(--scania-icon-thumbs_down-svg);
  --icon-thumbs_up-svg: var(--scania-icon-thumbs_up-svg);
  --icon-tick-svg: var(--scania-icon-tick-svg);
  --icon-timer-svg: var(--scania-icon-timer-svg);
  --icon-tool_inactive-svg: var(--scania-icon-tool_inactive-svg);
  --icon-tool-svg: var(--scania-icon-tool-svg);
  --icon-trailer_inactive-svg: var(--scania-icon-trailer_inactive-svg);
  --icon-trailer-svg: var(--scania-icon-trailer-svg);
  --icon-trash_inactive-svg: var(--scania-icon-trash_inactive-svg);
  --icon-trash-svg: var(--scania-icon-trash-svg);
  --icon-truck_inactive-svg: var(--scania-icon-truck_inactive-svg);
  --icon-truck-svg: var(--scania-icon-truck-svg);
  --icon-undo_inactive-svg: var(--scania-icon-undo_inactive-svg);
  --icon-undo-svg: var(--scania-icon-undo-svg);
  --icon-unlock-svg: var(--scania-icon-unlock-svg);
  --icon-upload-svg: var(--scania-icon-upload-svg);
  --icon-video_inactive-svg: var(--scania-icon-video_inactive-svg);
  --icon-video-svg: var(--scania-icon-video-svg);
  --icon-wallet-svg: var(--scania-icon-wallet-svg);
  --icon-warning-svg: var(--scania-icon-warning-svg);
  --icon-weight_inactive-svg: var(--scania-icon-weight_inactive-svg);
  --icon-weight-svg: var(--scania-icon-weight-svg);
  --icon-wifi_inactive-svg: var(--scania-icon-wifi_inactive-svg);
  --icon-wifi-svg: var(--scania-icon-wifi-svg);
  --icon-windscreen_heating_inactive-svg: var(--scania-icon-windscreen_heating_inactive-svg);
  --icon-windscreen_heating-svg: var(--scania-icon-windscreen_heating-svg);
}

/* Cross-brand placeholder fallbacks — generated alongside icon.scss */
/**
 * Do not edit directly, this file was auto-generated.
 */
:root,
.scania {
  --icon-document_word-svg: var(--scania-icon-placeholder-svg);
}

.traton {
  --icon-24v_battery-svg: var(--traton-icon-placeholder-svg);
  --icon-24v_battery_inactive-svg: var(--traton-icon-placeholder-svg);
  --icon-acceleration-svg: var(--traton-icon-placeholder-svg);
  --icon-acceleration_inactive-svg: var(--traton-icon-placeholder-svg);
  --icon-adblue-svg: var(--traton-icon-placeholder-svg);
  --icon-adblue_inactive-svg: var(--traton-icon-placeholder-svg);
  --icon-audio-svg: var(--traton-icon-placeholder-svg);
  --icon-audio_inactive-svg: var(--traton-icon-placeholder-svg);
  --icon-award-svg: var(--traton-icon-placeholder-svg);
  --icon-backward-svg: var(--traton-icon-placeholder-svg);
  --icon-backward_inactive-svg: var(--traton-icon-placeholder-svg);
  --icon-bug-svg: var(--traton-icon-placeholder-svg);
  --icon-bug_inactive-svg: var(--traton-icon-placeholder-svg);
  --icon-bus-svg: var(--traton-icon-placeholder-svg);
  --icon-bus_inactive-svg: var(--traton-icon-placeholder-svg);
  --icon-cab_door-svg: var(--traton-icon-placeholder-svg);
  --icon-camera-svg: var(--traton-icon-placeholder-svg);
  --icon-camera_inactive-svg: var(--traton-icon-placeholder-svg);
  --icon-charging_complete-svg: var(--traton-icon-placeholder-svg);
  --icon-charging_failed-svg: var(--traton-icon-placeholder-svg);
  --icon-charging_speed-svg: var(--traton-icon-placeholder-svg);
  --icon-charging_speed_inactive-svg: var(--traton-icon-placeholder-svg);
  --icon-charging_stopped-svg: var(--traton-icon-placeholder-svg);
  --icon-configurator-svg: var(--traton-icon-placeholder-svg);
  --icon-cookie-svg: var(--traton-icon-placeholder-svg);
  --icon-cookie_inactive-svg: var(--traton-icon-placeholder-svg);
  --icon-coolant_level-svg: var(--traton-icon-placeholder-svg);
  --icon-coolant_level_inactive-svg: var(--traton-icon-placeholder-svg);
  --icon-cup-svg: var(--traton-icon-placeholder-svg);
  --icon-cup_inactive-svg: var(--traton-icon-placeholder-svg);
  --icon-dashboard-svg: var(--traton-icon-placeholder-svg);
  --icon-department-svg: var(--traton-icon-placeholder-svg);
  --icon-department_inactive-svg: var(--traton-icon-placeholder-svg);
  --icon-departure_scheduling-svg: var(--traton-icon-placeholder-svg);
  --icon-departure_scheduling_inactive-svg: var(--traton-icon-placeholder-svg);
  --icon-diamond-svg: var(--traton-icon-placeholder-svg);
  --icon-diamond_inactive-svg: var(--traton-icon-placeholder-svg);
  --icon-document_plus-svg: var(--traton-icon-placeholder-svg);
  --icon-document_plus_inactive-svg: var(--traton-icon-placeholder-svg);
  --icon-document_ppt-svg: var(--traton-icon-placeholder-svg);
  --icon-driving_licence-svg: var(--traton-icon-placeholder-svg);
  --icon-driving_licence_inactive-svg: var(--traton-icon-placeholder-svg);
  --icon-drop-svg: var(--traton-icon-placeholder-svg);
  --icon-drop_inactive-svg: var(--traton-icon-placeholder-svg);
  --icon-engine-svg: var(--traton-icon-placeholder-svg);
  --icon-engine_inactive-svg: var(--traton-icon-placeholder-svg);
  --icon-environment-svg: var(--traton-icon-placeholder-svg);
  --icon-environment_inactive-svg: var(--traton-icon-placeholder-svg);
  --icon-exit-svg: var(--traton-icon-placeholder-svg);
  --icon-expand-svg: var(--traton-icon-placeholder-svg);
  --icon-expand_inactive-svg: var(--traton-icon-placeholder-svg);
  --icon-factory-svg: var(--traton-icon-placeholder-svg);
  --icon-factory_inactive-svg: var(--traton-icon-placeholder-svg);
  --icon-ferry-svg: var(--traton-icon-placeholder-svg);
  --icon-ferry_inactive-svg: var(--traton-icon-placeholder-svg);
  --icon-flash-svg: var(--traton-icon-placeholder-svg);
  --icon-flash_inactive-svg: var(--traton-icon-placeholder-svg);
  --icon-forward-svg: var(--traton-icon-placeholder-svg);
  --icon-forward_inactive-svg: var(--traton-icon-placeholder-svg);
  --icon-fuel-svg: var(--traton-icon-placeholder-svg);
  --icon-fuel_inactive-svg: var(--traton-icon-placeholder-svg);
  --icon-gift-svg: var(--traton-icon-placeholder-svg);
  --icon-gift_inactive-svg: var(--traton-icon-placeholder-svg);
  --icon-guided_tour-svg: var(--traton-icon-placeholder-svg);
  --icon-guided_tour_inactive-svg: var(--traton-icon-placeholder-svg);
  --icon-hatch_open-svg: var(--traton-icon-placeholder-svg);
  --icon-hatch_open_1-svg: var(--traton-icon-placeholder-svg);
  --icon-hatch_open_2-svg: var(--traton-icon-placeholder-svg);
  --icon-hatch_open_inactive-svg: var(--traton-icon-placeholder-svg);
  --icon-heating_inactive_screen-svg: var(--traton-icon-placeholder-svg);
  --icon-history-svg: var(--traton-icon-placeholder-svg);
  --icon-history_inactive-svg: var(--traton-icon-placeholder-svg);
  --icon-idea-svg: var(--traton-icon-placeholder-svg);
  --icon-idea_inactive-svg: var(--traton-icon-placeholder-svg);
  --icon-insights-svg: var(--traton-icon-placeholder-svg);
  --icon-key-svg: var(--traton-icon-placeholder-svg);
  --icon-key_inactive-svg: var(--traton-icon-placeholder-svg);
  --icon-language-svg: var(--traton-icon-placeholder-svg);
  --icon-layer-svg: var(--traton-icon-placeholder-svg);
  --icon-layer_inactive-svg: var(--traton-icon-placeholder-svg);
  --icon-list-svg: var(--traton-icon-placeholder-svg);
  --icon-list_inactive-svg: var(--traton-icon-placeholder-svg);
  --icon-lock_inactive-svg: var(--traton-icon-placeholder-svg);
  --icon-map_cursor-svg: var(--traton-icon-placeholder-svg);
  --icon-map_cursor_inactive-svg: var(--traton-icon-placeholder-svg);
  --icon-maximize_fullscreen-svg: var(--traton-icon-placeholder-svg);
  --icon-merge-svg: var(--traton-icon-placeholder-svg);
  --icon-merge_inactive-svg: var(--traton-icon-placeholder-svg);
  --icon-microphone-svg: var(--traton-icon-placeholder-svg);
  --icon-microphone_inactive-svg: var(--traton-icon-placeholder-svg);
  --icon-minimize_fullscreen-svg: var(--traton-icon-placeholder-svg);
  --icon-navigate-svg: var(--traton-icon-placeholder-svg);
  --icon-navigate_inactive-svg: var(--traton-icon-placeholder-svg);
  --icon-notification_snooze-svg: var(--traton-icon-placeholder-svg);
  --icon-oil_level-svg: var(--traton-icon-placeholder-svg);
  --icon-oil_level_inactive-svg: var(--traton-icon-placeholder-svg);
  --icon-paperclip-svg: var(--traton-icon-placeholder-svg);
  --icon-pause-svg: var(--traton-icon-placeholder-svg);
  --icon-pause_inactive-svg: var(--traton-icon-placeholder-svg);
  --icon-pie_chart-svg: var(--traton-icon-placeholder-svg);
  --icon-play-svg: var(--traton-icon-placeholder-svg);
  --icon-play_inactive-svg: var(--traton-icon-placeholder-svg);
  --icon-powerplug-svg: var(--traton-icon-placeholder-svg);
  --icon-powerplug_inactive-svg: var(--traton-icon-placeholder-svg);
  --icon-privacy-svg: var(--traton-icon-placeholder-svg);
  --icon-privacy_inactive-svg: var(--traton-icon-placeholder-svg);
  --icon-prohibited-svg: var(--traton-icon-placeholder-svg);
  --icon-range-svg: var(--traton-icon-placeholder-svg);
  --icon-range_inactive-svg: var(--traton-icon-placeholder-svg);
  --icon-refresh_inactive-svg: var(--traton-icon-placeholder-svg);
  --icon-reload-svg: var(--traton-icon-placeholder-svg);
  --icon-reload_inactive-svg: var(--traton-icon-placeholder-svg);
  --icon-repeat-svg: var(--traton-icon-placeholder-svg);
  --icon-route-svg: var(--traton-icon-placeholder-svg);
  --icon-route_inactive-svg: var(--traton-icon-placeholder-svg);
  --icon-shuffle-svg: var(--traton-icon-placeholder-svg);
  --icon-target-svg: var(--traton-icon-placeholder-svg);
  --icon-target_inactive-svg: var(--traton-icon-placeholder-svg);
  --icon-temperature-svg: var(--traton-icon-placeholder-svg);
  --icon-temperature_inactive-svg: var(--traton-icon-placeholder-svg);
  --icon-text-svg: var(--traton-icon-placeholder-svg);
  --icon-text_inactive-svg: var(--traton-icon-placeholder-svg);
  --icon-thumbs_down-svg: var(--traton-icon-placeholder-svg);
  --icon-thumbs_up-svg: var(--traton-icon-placeholder-svg);
  --icon-trailer-svg: var(--traton-icon-placeholder-svg);
  --icon-trailer_inactive-svg: var(--traton-icon-placeholder-svg);
  --icon-truck_inactive-svg: var(--traton-icon-placeholder-svg);
  --icon-undo-svg: var(--traton-icon-placeholder-svg);
  --icon-undo_inactive-svg: var(--traton-icon-placeholder-svg);
  --icon-video-svg: var(--traton-icon-placeholder-svg);
  --icon-video_inactive-svg: var(--traton-icon-placeholder-svg);
  --icon-weight-svg: var(--traton-icon-placeholder-svg);
  --icon-weight_inactive-svg: var(--traton-icon-placeholder-svg);
  --icon-windscreen_heating-svg: var(--traton-icon-placeholder-svg);
  --icon-windscreen_heating_inactive-svg: var(--traton-icon-placeholder-svg);
}