@charset "UTF-8";: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)}: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-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-base: var(--scania-color-base-black);--color-icon-brand: var(--scania-color-base-black);--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)}.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-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-base: var(--scania-color-base-white);--color-icon-brand: var(--scania-color-base-white);--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-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)}:root,html{--tds-background-image-scania-wordmark-png-local: url("./media/scania-wordmark-ZHBZRZRB.png");--tds-background-image-scania-wordmark-svg-local: url("./media/scania-wordmark-O5WPC5YV.svg");--tds-background-image-scania-wordmark-white-png-local: url("./media/scania-wordmark-white-MNJKTSG7.png");--tds-background-image-scania-wordmark-white-svg-local: url("./media/scania-wordmark-white-4LGAO2RO.svg");--tds-background-image-scania-symbol-png-local: url("./media/scania-symbol-NJIS2VBJ.png");--tds-background-image-scania-symbol-svg-local: url("./media/scania-symbol-NARUIB3G.svg");--tds-background-image-scania-logotype-png-local: url("./media/scania-logotype-3LRFSMUT.png");--tds-background-image-scania-logotype-svg-local: url("./media/scania-logotype-XCLP2T2O.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{--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: -.72;--type-headline-03-text-transform: none;--type-headline-04-font-size: 20;--type-headline-04-line-height: 24;--type-headline-04-letter-spacing: -.4;--type-headline-04-text-transform: none;--type-headline-05-font-size: 16;--type-headline-05-line-height: 24;--type-headline-05-letter-spacing: -.32;--type-headline-05-text-transform: none;--type-headline-06-font-size: 14;--type-headline-06-line-height: 16;--type-headline-06-letter-spacing: -.28;--type-headline-06-text-transform: uppercase;--type-paragraph-01-font-size: 24;--type-paragraph-01-line-height: 32;--type-paragraph-01-letter-spacing: -.72;--type-paragraph-01-text-transform: none;--type-paragraph-02-font-size: 20;--type-paragraph-02-line-height: 24;--type-paragraph-02-letter-spacing: -.2;--type-paragraph-02-text-transform: none;--type-body-01-font-size: 16;--type-body-01-line-height: 24;--type-body-01-letter-spacing: -.32;--type-body-01-text-transform: none;--type-body-02-font-size: 14;--type-body-02-line-height: 20;--type-body-02-letter-spacing: -.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: -.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: .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: -.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: -.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)}:root,.scania{--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;--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;--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";--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;--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: -.72px;--headline-04-letter-spacing: -.2px;--headline-05-letter-spacing: -.32px;--headline-06-letter-spacing: -.28px;--headline-07-letter-spacing: -.14px;--paragraph-01-letter-spacing: -.72px;--paragraph-02-letter-spacing: -.2px;--body-01-letter-spacing: -.32px;--body-02-letter-spacing: -.14px;--body-link-01-letter-spacing: -.32px;--body-link-02-letter-spacing: -.14px;--detail-01-letter-spacing: -.16px;--detail-02-letter-spacing: -.14px;--detail-03-letter-spacing: -.14px;--detail-04-letter-spacing: .96px;--detail-05-letter-spacing: 0;--detail-06-letter-spacing: .8px;--detail-07-letter-spacing: 0;--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}@font-face{font-family:Scania Sans;font-weight:700;font-display:swap;unicode-range:U+0400-04FF;src:url("./media/ScaniaSansCY-Bold-AL6OOIMN.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("./media/ScaniaSansCY-Italic-EUZM7THS.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("./media/ScaniaSansCY-Regular-VEIKZ3TA.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:700;font-display:swap;unicode-range:U+0400-04FF;src:url("./media/ScaniaSansCYCondensed-Bold-LSI2CUAT.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("./media/ScaniaSansCYCondensed-Italic-UTJD3FAQ.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("./media/ScaniaSansCYCondensed-Regular-4MEDVSKC.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:700;unicode-range:U+0400-04FF;font-display:swap;src:url("./media/ScaniaSansCYHeadline-Bold-XLSFJQAW.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("./media/ScaniaSansCYHeadline-Regular-LAQW3VCD.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:700;unicode-range:U+0400-04FF;font-display:swap;src:url("./media/ScaniaSansCYSemiCondensed-Bold-N4COIGFS.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("./media/ScaniaSansCYSemiCondensed-Italic-QAM7Q2SA.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("./media/ScaniaSansCYSemiCondensed-Regular-3YPOE4CK.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:700;font-display:swap;src:url("./media/ScaniaSans-Bold-UOZV56ID.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("./media/ScaniaSans-Italic-SOW4JI2H.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("./media/ScaniaSans-Regular-IZNWS54H.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:700;font-display:swap;src:url("./media/ScaniaSansCondensed-Bold-WJZSH66F.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("./media/ScaniaSansCondensed-Italic-JK7BEWKI.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("./media/ScaniaSansCondensed-Regular-CDM77UGJ.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:700;font-display:swap;src:url("./media/ScaniaSansHeadline-Bold-2F7QVBYQ.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("./media/ScaniaSansHeadline-Regular-BWPONYLE.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:700;font-display:swap;src:url("./media/ScaniaSansSemiCondensed-Bold-7EL6KFUH.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("./media/ScaniaSansSemiCondensed-Italic-NU4UVJ6B.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("./media/ScaniaSansSemiCondensed-Regular-WLHPQREI.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")}:root{--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: -.04em;--tds-headline-03: normal normal bold 24px/24px "Scania Sans", arial, helvetica, sans-serif;--tds-headline-03-ls: -.03em;--tds-headline-04: normal normal bold 20px/24px "Scania Sans", arial, helvetica, sans-serif;--tds-headline-04-ls: -.02em;--tds-headline-05: normal normal bold 16px/24px "Scania Sans", arial, helvetica, sans-serif;--tds-headline-05-ls: -.02em;--tds-headline-06: normal normal bold 14px/16px "Scania Sans", arial, helvetica, sans-serif;--tds-headline-06-ls: -.02em;--tds-headline-07: normal normal bold 14px/16px "Scania Sans Semi Condensed", arial, helvetica, sans-serif;--tds-headline-07-ls: -.01em;--tds-paragraph-01: normal normal normal 24px/32px "Scania Sans", arial, helvetica, sans-serif;--tds-paragraph-01-ls: -.03em;--tds-paragraph-02: normal normal normal 20px/24px "Scania Sans", arial, helvetica, sans-serif;--tds-paragraph-02-ls: -.01em;--tds-body-01: normal normal normal 16px/24px "Scania Sans", arial, helvetica, sans-serif;--tds-body-01-ls: -.02em;--tds-body-02: normal normal normal 14px/20px "Scania Sans", arial, helvetica, sans-serif;--tds-body-02-ls: -.02em;--tds-detail-01: normal normal normal 16px/24px "Scania Sans Semi Condensed", "Scania Sans Condensed", arial, helvetica, sans-serif;--tds-detail-01-ls: -.01em;--tds-detail-02: normal normal normal 14px/16px "Scania Sans Semi Condensed", "Scania Sans Condensed", arial, helvetica, sans-serif;--tds-detail-02-ls: -.01em;--tds-detail-03: normal normal normal 14px/20px "Scania Sans Semi Condensed", "Scania Sans Condensed", arial, helvetica, sans-serif;--tds-detail-03-ls: -.01em;--tds-detail-04: normal normal bold 12px/16px "Scania Sans", arial, helvetica, sans-serif;--tds-detail-04-ls: .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: .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;--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: -.04em;--tds-headline-ex-03: normal normal bold 24px/24px "Scania Sans Headline", arial, helvetica, sans-serif;--tds-headline-ex-03-ls: -.03em;--tds-headline-ex-04: normal normal bold 20px/24px "Scania Sans Headline", arial, helvetica, sans-serif;--tds-headline-ex-04-ls: -.01em;--tds-headline-ex-05: normal normal bold 16px/24px "Scania Sans Headline", arial, helvetica, sans-serif;--tds-headline-ex-05-ls: -.02em;--tds-headline-ex-06: normal normal bold 14px/16px "Scania Sans Headline", arial, helvetica, sans-serif;--tds-headline-ex-06-ls: -.02em;--tds-headline-ex-07: normal normal bold 14px/16px "Scania Sans Semi Condensed", arial, helvetica, sans-serif;--tds-headline-ex-07-ls: -.01em;--tds-paragraph-ex-01: normal normal normal 24px/32px "Scania Sans", arial, helvetica, sans-serif;--tds-paragraph-ex-01-ls: -.03em;--tds-paragraph-ex-02: normal normal normal 20px/24px "Scania Sans", arial, helvetica, sans-serif;--tds-paragraph-ex-02-ls: -.01em;--tds-body-ex-01: normal normal normal 16px/24px "Scania Sans", arial, helvetica, sans-serif;--tds-body-ex-01-ls: -.02em;--tds-body-ex-02: normal normal normal 14px/20px "Scania Sans", arial, helvetica, sans-serif;--tds-body-ex-02-ls: -.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: -.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: -.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: -.01em;--tds-detail-ex-04: normal normal bold 12px/16px "Scania Sans", arial, helvetica, sans-serif;--tds-detail-ex-04-ls: .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: .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}.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)}:root{--scania-icon-24v_battery-svg: url("./media/24v_battery-Z3IUVBLN.svg");--scania-icon-24v_battery_inactive-svg: url("./media/24v_battery_inactive-3AWKLAVP.svg");--scania-icon-acceleration-svg: url("./media/acceleration-DMAHE2OA.svg");--scania-icon-acceleration_inactive-svg: url("./media/acceleration_inactive-SOS4WWCV.svg");--scania-icon-adblue-svg: url("./media/adblue-B47HDS5B.svg");--scania-icon-adblue_inactive-svg: url("./media/adblue_inactive-BBMV2OAG.svg");--scania-icon-arrow_diagonal-svg: url("./media/arrow_diagonal-ZRPWCSVC.svg");--scania-icon-arrow_down-svg: url("./media/arrow_down-SPQYSW3J.svg");--scania-icon-arrow_left-svg: url("./media/arrow_left-TF5TG7HO.svg");--scania-icon-arrow_right-svg: url("./media/arrow_right-LNYL3HB7.svg");--scania-icon-arrow_up-svg: url("./media/arrow_up-JVRKC6FT.svg");--scania-icon-audio-svg: url("./media/audio-6YYIRM6L.svg");--scania-icon-audio_inactive-svg: url("./media/audio_inactive-DPXZ2VSL.svg");--scania-icon-award-svg: url("./media/award-UUB72DCF.svg");--scania-icon-back-svg: url("./media/back-EFTN4VLC.svg");--scania-icon-backward-svg: url("./media/backward-DWEHBO66.svg");--scania-icon-backward_inactive-svg: url("./media/backward_inactive-7BMG3M2Q.svg");--scania-icon-bento-svg: url("./media/bento-E7EPBDAA.svg");--scania-icon-bug-svg: url("./media/bug-XVIVM5FY.svg");--scania-icon-bug_inactive-svg: url("./media/bug_inactive-JL2ZHVNU.svg");--scania-icon-burger-svg: url("./media/burger-Y45HKD26.svg");--scania-icon-bus-svg: url("./media/bus-2WET2A7X.svg");--scania-icon-bus_inactive-svg: url("./media/bus_inactive-VZ6BYRRI.svg");--scania-icon-cab_door-svg: url("./media/cab_door-MDNLHEGZ.svg");--scania-icon-calendar-svg: url("./media/calendar-4MHYFEDZ.svg");--scania-icon-calendar_inactive-svg: url("./media/calendar_inactive-G3ZT4PGD.svg");--scania-icon-camera-svg: url("./media/camera-FJ7VPIT4.svg");--scania-icon-camera_inactive-svg: url("./media/camera_inactive-DTHMH26F.svg");--scania-icon-card-svg: url("./media/card-N6SWSNNN.svg");--scania-icon-cart-svg: url("./media/cart-56TO4CUD.svg");--scania-icon-charging_complete-svg: url("./media/charging_complete-4SX3KHK3.svg");--scania-icon-charging_failed-svg: url("./media/charging_failed-EJSLIFFJ.svg");--scania-icon-charging_speed-svg: url("./media/charging_speed-4MP4ACRB.svg");--scania-icon-charging_speed_inactive-svg: url("./media/charging_speed_inactive-TAZDM7PR.svg");--scania-icon-charging_stopped-svg: url("./media/charging_stopped-RFRSE3Q5.svg");--scania-icon-chevron_down-svg: url("./media/chevron_down-77WLYS5M.svg");--scania-icon-chevron_left-svg: url("./media/chevron_left-AXFUK5S6.svg");--scania-icon-chevron_right-svg: url("./media/chevron_right-VCPXBQRX.svg");--scania-icon-chevron_up-svg: url("./media/chevron_up-TRCCDBTJ.svg");--scania-icon-clock-svg: url("./media/clock-WWBBQMJ2.svg");--scania-icon-clock_inactive-svg: url("./media/clock_inactive-REQ5XZEL.svg");--scania-icon-configurator-svg: url("./media/configurator-NP65MCWN.svg");--scania-icon-contact-svg: url("./media/contact-ZYI7MFFJ.svg");--scania-icon-contact_inactive-svg: url("./media/contact_inactive-T6RR7PWD.svg");--scania-icon-cookie-svg: url("./media/cookie-HSYXHEZU.svg");--scania-icon-cookie_inactive-svg: url("./media/cookie_inactive-MCELSB7C.svg");--scania-icon-coolant_level-svg: url("./media/coolant_level-3R6M3QVE.svg");--scania-icon-coolant_level_inactive-svg: url("./media/coolant_level_inactive-4SJRXZ6P.svg");--scania-icon-copy-svg: url("./media/copy-ZJGM4N3Q.svg");--scania-icon-cross-svg: url("./media/cross-REMPZGTL.svg");--scania-icon-cup-svg: url("./media/cup-72NLMLLC.svg");--scania-icon-cup_inactive-svg: url("./media/cup_inactive-6WCOTDTP.svg");--scania-icon-dashboard-svg: url("./media/dashboard-KS3DOZWF.svg");--scania-icon-department-svg: url("./media/department-LS3TZBSK.svg");--scania-icon-department_inactive-svg: url("./media/department_inactive-DINYN7VT.svg");--scania-icon-departure_scheduling-svg: url("./media/departure_scheduling-C5UPFFMT.svg");--scania-icon-departure_scheduling_inactive-svg: url("./media/departure_scheduling_inactive-DUOWHGYJ.svg");--scania-icon-diamond-svg: url("./media/diamond-TXKJZTTF.svg");--scania-icon-diamond_inactive-svg: url("./media/diamond_inactive-BSZZUW2V.svg");--scania-icon-document-svg: url("./media/document-SMBPNEH5.svg");--scania-icon-document_check-svg: url("./media/document_check-MNV3DDV2.svg");--scania-icon-document_doc-svg: url("./media/document_doc-DTGUP7Q3.svg");--scania-icon-document_eye-svg: url("./media/document_eye-2ICA3NW4.svg");--scania-icon-document_pdf-svg: url("./media/document_pdf-MVPFZQGL.svg");--scania-icon-document_plus-svg: url("./media/document_plus-4P5ZARBZ.svg");--scania-icon-document_plus_inactive-svg: url("./media/document_plus_inactive-5KVJDNBG.svg");--scania-icon-document_ppt-svg: url("./media/document_ppt-QVGELTGB.svg");--scania-icon-document_tool-svg: url("./media/document_tool-A4KGPCC5.svg");--scania-icon-document_wrong-svg: url("./media/document_wrong-2WQFBT45.svg");--scania-icon-document_xls-svg: url("./media/document_xls-J5734EQN.svg");--scania-icon-dollar-svg: url("./media/dollar-LVT3YID3.svg");--scania-icon-doner-svg: url("./media/doner-KWGBQKZS.svg");--scania-icon-double_kebab-svg: url("./media/double_kebab-IAMA5SQG.svg");--scania-icon-download-svg: url("./media/download-7MJ75TNX.svg");--scania-icon-driving_licence-svg: url("./media/driving_licence-QRSVYVQS.svg");--scania-icon-driving_licence_inactive-svg: url("./media/driving_licence_inactive-IW37PC5L.svg");--scania-icon-drop-svg: url("./media/drop-NAYKNV67.svg");--scania-icon-drop_inactive-svg: url("./media/drop_inactive-DA4QAEPK.svg");--scania-icon-edit-svg: url("./media/edit-ONOGSV5Y.svg");--scania-icon-edit_inactive-svg: url("./media/edit_inactive-3WGHEN5Y.svg");--scania-icon-email-svg: url("./media/email-GMAURRAW.svg");--scania-icon-engine-svg: url("./media/engine-EADTUSZZ.svg");--scania-icon-engine_inactive-svg: url("./media/engine_inactive-PO6RNQ4X.svg");--scania-icon-environment-svg: url("./media/environment-JMLLOPVX.svg");--scania-icon-environment_inactive-svg: url("./media/environment_inactive-RE4JAPP3.svg");--scania-icon-error-svg: url("./media/error-L7WSYZ73.svg");--scania-icon-exit-svg: url("./media/exit-PP34J6BX.svg");--scania-icon-expand-svg: url("./media/expand-TNYJ7ZWC.svg");--scania-icon-expand_inactive-svg: url("./media/expand_inactive-HLFGTK65.svg");--scania-icon-export-svg: url("./media/export-M54KMQUR.svg");--scania-icon-export_inactive-svg: url("./media/export_inactive-MPETFNJR.svg");--scania-icon-eye-svg: url("./media/eye-5O5JYAQX.svg");--scania-icon-eye_inactive-svg: url("./media/eye_inactive-67SRPRQ2.svg");--scania-icon-face_dissatisfied-svg: url("./media/face_dissatisfied-3AX4WGQ3.svg");--scania-icon-face_neutral-svg: url("./media/face_neutral-D2VX3KJV.svg");--scania-icon-face_satisfied-svg: url("./media/face_satisfied-BYGNWNCN.svg");--scania-icon-factory-svg: url("./media/factory-7UJOVGSD.svg");--scania-icon-factory_inactive-svg: url("./media/factory_inactive-OYNS752J.svg");--scania-icon-ferry-svg: url("./media/ferry-7X57L4BW.svg");--scania-icon-ferry_inactive-svg: url("./media/ferry_inactive-XFCNMX4W.svg");--scania-icon-filters-svg: url("./media/filters-JMML642A.svg");--scania-icon-filters_inactive-svg: url("./media/filters_inactive-6GFCD3K6.svg");--scania-icon-flash-svg: url("./media/flash-BQLY6QAB.svg");--scania-icon-flash_inactive-svg: url("./media/flash_inactive-5FC723HU.svg");--scania-icon-folder-svg: url("./media/folder-VSXP4ABB.svg");--scania-icon-forward-svg: url("./media/forward-FZXOIZGN.svg");--scania-icon-forward_inactive-svg: url("./media/forward_inactive-JMNYVRN2.svg");--scania-icon-fuel-svg: url("./media/fuel-3MQBRUC7.svg");--scania-icon-fuel_gauge-svg: url("./media/fuel_gauge-QQPLASHJ.svg");--scania-icon-fuel_gauge_inactive-svg: url("./media/fuel_gauge_inactive-4N47SFKY.svg");--scania-icon-fuel_inactive-svg: url("./media/fuel_inactive-EZICYUUU.svg");--scania-icon-gift-svg: url("./media/gift-E5XJVLBF.svg");--scania-icon-gift_inactive-svg: url("./media/gift_inactive-5TRVK744.svg");--scania-icon-global-svg: url("./media/global-VZZA2WF2.svg");--scania-icon-guided_tour-svg: url("./media/guided_tour-DWIVLYUW.svg");--scania-icon-guided_tour_inactive-svg: url("./media/guided_tour_inactive-OEB4C7NK.svg");--scania-icon-hatch_open-svg: url("./media/hatch_open-EW7KMK3H.svg");--scania-icon-hatch_open_1-svg: url("./media/hatch_open_1-UJW5D6GU.svg");--scania-icon-hatch_open_2-svg: url("./media/hatch_open_2-ZE5OGWDW.svg");--scania-icon-hatch_open_inactive-svg: url("./media/hatch_open_inactive-QGDEVRBP.svg");--scania-icon-heart-svg: url("./media/heart-TZD6LYFN.svg");--scania-icon-heart_inactive-svg: url("./media/heart_inactive-P4ZUHJ3U.svg");--scania-icon-heating_inactive_screen-svg: url("./media/heating_inactive_screen-HTMEZYVQ.svg");--scania-icon-history-svg: url("./media/history-UG7M473B.svg");--scania-icon-history_inactive-svg: url("./media/history_inactive-BBAI6SJJ.svg");--scania-icon-home-svg: url("./media/home-PQ6KZ54Z.svg");--scania-icon-home_inactive-svg: url("./media/home_inactive-FWEHHKZS.svg");--scania-icon-idea-svg: url("./media/idea-D752NZ7T.svg");--scania-icon-idea_inactive-svg: url("./media/idea_inactive-CRNT6DR7.svg");--scania-icon-image-svg: url("./media/image-LMRLGOGU.svg");--scania-icon-image_add-svg: url("./media/image_add-27MT2I6E.svg");--scania-icon-image_inactive-svg: url("./media/image_inactive-LYF6TR7X.svg");--scania-icon-image_set-svg: url("./media/image_set-7FGAU4HN.svg");--scania-icon-info-svg: url("./media/info-JKWR5P7T.svg");--scania-icon-insights-svg: url("./media/insights-KSTT766T.svg");--scania-icon-kebab-svg: url("./media/kebab-6VE2KWNF.svg");--scania-icon-key-svg: url("./media/key-HXMXO77B.svg");--scania-icon-key_inactive-svg: url("./media/key_inactive-JLX53AVA.svg");--scania-icon-language-svg: url("./media/language-E624BN7R.svg");--scania-icon-layer-svg: url("./media/layer-MTFU5HGG.svg");--scania-icon-layer_inactive-svg: url("./media/layer_inactive-KGWIV55R.svg");--scania-icon-link-svg: url("./media/link-EHFOGK4L.svg");--scania-icon-link_broken-svg: url("./media/link_broken-HUWT3XJ6.svg");--scania-icon-list-svg: url("./media/list-KYBZBB5A.svg");--scania-icon-list_inactive-svg: url("./media/list_inactive-CN2QUQQI.svg");--scania-icon-lock-svg: url("./media/lock-VQKORDZU.svg");--scania-icon-lock_inactive-svg: url("./media/lock_inactive-JKGU665F.svg");--scania-icon-map_cursor-svg: url("./media/map_cursor-WAQHRMOX.svg");--scania-icon-map_cursor_inactive-svg: url("./media/map_cursor_inactive-QGNC25FF.svg");--scania-icon-maximize_fullscreen-svg: url("./media/maximize_fullscreen-HESUKW4W.svg");--scania-icon-meatballs-svg: url("./media/meatballs-QDP5QMR3.svg");--scania-icon-merge-svg: url("./media/merge-GFEPRAGY.svg");--scania-icon-merge_inactive-svg: url("./media/merge_inactive-MUOOG54V.svg");--scania-icon-message-svg: url("./media/message-T6UGGCFS.svg");--scania-icon-message_inactive-svg: url("./media/message_inactive-6XSLX627.svg");--scania-icon-microphone-svg: url("./media/microphone-O7LOXSZB.svg");--scania-icon-microphone_inactive-svg: url("./media/microphone_inactive-42LASFGF.svg");--scania-icon-mileage-svg: url("./media/mileage-JHBRBBFG.svg");--scania-icon-mileage_inactive-svg: url("./media/mileage_inactive-AESBSFKE.svg");--scania-icon-minimize_fullscreen-svg: url("./media/minimize_fullscreen-JTU7OHUT.svg");--scania-icon-minus-svg: url("./media/minus-PST6NG3A.svg");--scania-icon-navigate-svg: url("./media/navigate-I5SD4KNM.svg");--scania-icon-navigate_inactive-svg: url("./media/navigate_inactive-IVFRKZZH.svg");--scania-icon-notification-svg: url("./media/notification-NSIIEFLM.svg");--scania-icon-notification_inactive-svg: url("./media/notification_inactive-2EVNF63W.svg");--scania-icon-notification_snooze-svg: url("./media/notification_snooze-WSPRAQVM.svg");--scania-icon-oil_level-svg: url("./media/oil_level-ZKRLQXHP.svg");--scania-icon-oil_level_inactive-svg: url("./media/oil_level_inactive-RX2BM3I6.svg");--scania-icon-paperclip-svg: url("./media/paperclip-Y635OKUU.svg");--scania-icon-pause-svg: url("./media/pause-VSWRTG5K.svg");--scania-icon-pause_inactive-svg: url("./media/pause_inactive-6MAZFVDD.svg");--scania-icon-phone-svg: url("./media/phone-AYQSKHJH.svg");--scania-icon-phone_inactive-svg: url("./media/phone_inactive-T445EPZB.svg");--scania-icon-pie_chart-svg: url("./media/pie_chart-TWXYCEZ3.svg");--scania-icon-pin-svg: url("./media/pin-AB4ERMCF.svg");--scania-icon-pin_inactive-svg: url("./media/pin_inactive-G4PSZY24.svg");--scania-icon-placeholder-svg: url("./media/placeholder-E46XFOG7.svg");--scania-icon-play-svg: url("./media/play-L5EH7MWR.svg");--scania-icon-play_inactive-svg: url("./media/play_inactive-ICFO4BFL.svg");--scania-icon-plus-svg: url("./media/plus-LOBW3TZI.svg");--scania-icon-powerplug-svg: url("./media/powerplug-A5J2NHKS.svg");--scania-icon-powerplug_inactive-svg: url("./media/powerplug_inactive-W4NAAHV6.svg");--scania-icon-print-svg: url("./media/print-NJ4IIKMF.svg");--scania-icon-print_inactive-svg: url("./media/print_inactive-2C2OENW3.svg");--scania-icon-privacy-svg: url("./media/privacy-M2QTWV73.svg");--scania-icon-privacy_inactive-svg: url("./media/privacy_inactive-EI2LRTJ3.svg");--scania-icon-profile-svg: url("./media/profile-GZLTDVES.svg");--scania-icon-profile_inactive-svg: url("./media/profile_inactive-NZMDF2EU.svg");--scania-icon-prohibited-svg: url("./media/prohibited-4BOE2VSC.svg");--scania-icon-proportions-svg: url("./media/proportions-FNBBO4J7.svg");--scania-icon-proportions_inactive-svg: url("./media/proportions_inactive-CYOJVTCV.svg");--scania-icon-range-svg: url("./media/range-IKXJW7A6.svg");--scania-icon-range_inactive-svg: url("./media/range_inactive-Q67FPMML.svg");--scania-icon-redirect-svg: url("./media/redirect-USFKUUW6.svg");--scania-icon-refresh-svg: url("./media/refresh-HENR6XSG.svg");--scania-icon-refresh_inactive-svg: url("./media/refresh_inactive-M3B3FYTD.svg");--scania-icon-reload-svg: url("./media/reload-D2FU5VRX.svg");--scania-icon-reload_inactive-svg: url("./media/reload_inactive-PVKBQRXQ.svg");--scania-icon-repeat-svg: url("./media/repeat-3OAKJ5FT.svg");--scania-icon-report-svg: url("./media/report-UVYHATNH.svg");--scania-icon-report_inactive-svg: url("./media/report_inactive-VQTS27SI.svg");--scania-icon-route-svg: url("./media/route-L45WUHJH.svg");--scania-icon-route_inactive-svg: url("./media/route_inactive-MVS4LPOS.svg");--scania-icon-save-svg: url("./media/save-HNKQLNU5.svg");--scania-icon-save_inactive-svg: url("./media/save_inactive-DDQLYPHQ.svg");--scania-icon-search-svg: url("./media/search-JCE4ITW4.svg");--scania-icon-send-svg: url("./media/send-QF67XBVK.svg");--scania-icon-send_inactive-svg: url("./media/send_inactive-M7WTVHUF.svg");--scania-icon-settings-svg: url("./media/settings-O3PERHBV.svg");--scania-icon-share-svg: url("./media/share-67XFRXR3.svg");--scania-icon-shuffle-svg: url("./media/shuffle-HKXTYKG4.svg");--scania-icon-skip_backwards-svg: url("./media/skip_backwards-MY4OPVSM.svg");--scania-icon-skip_forward-svg: url("./media/skip_forward-RS4KIPGH.svg");--scania-icon-smartphone-svg: url("./media/smartphone-S5OU5BUF.svg");--scania-icon-smartphone_inactive-svg: url("./media/smartphone_inactive-HRAUULIF.svg");--scania-icon-sorting-svg: url("./media/sorting-SJ6BIJKN.svg");--scania-icon-speedometer-svg: url("./media/speedometer-YDUT3FBS.svg");--scania-icon-speedometer_inactive-svg: url("./media/speedometer_inactive-AKFFNIQG.svg");--scania-icon-star-svg: url("./media/star-ZH2X6E2H.svg");--scania-icon-support-svg: url("./media/support-HFH4BMXS.svg");--scania-icon-target-svg: url("./media/target-3RXWE3JE.svg");--scania-icon-target_inactive-svg: url("./media/target_inactive-OVWHVCFC.svg");--scania-icon-temperature-svg: url("./media/temperature-ALGT243J.svg");--scania-icon-temperature_inactive-svg: url("./media/temperature_inactive-YBONCZLY.svg");--scania-icon-text-svg: url("./media/text-FAMYGYLC.svg");--scania-icon-text_inactive-svg: url("./media/text_inactive-F6H342IW.svg");--scania-icon-thumbs_down-svg: url("./media/thumbs_down-I3ECEDOL.svg");--scania-icon-thumbs_up-svg: url("./media/thumbs_up-4YVX2VBM.svg");--scania-icon-tick-svg: url("./media/tick-2QY77HLA.svg");--scania-icon-timer-svg: url("./media/timer-SZDMXSIE.svg");--scania-icon-tool-svg: url("./media/tool-NK7YG35J.svg");--scania-icon-tool_inactive-svg: url("./media/tool_inactive-TFGLXVEO.svg");--scania-icon-trailer-svg: url("./media/trailer-BDMSQE7R.svg");--scania-icon-trailer_inactive-svg: url("./media/trailer_inactive-VT5S3TTI.svg");--scania-icon-trash-svg: url("./media/trash-MQ3ANHOZ.svg");--scania-icon-trash_inactive-svg: url("./media/trash_inactive-QFYQSL37.svg");--scania-icon-truck-svg: url("./media/truck-GX3JGIFZ.svg");--scania-icon-truck_inactive-svg: url("./media/truck_inactive-7MGITPWL.svg");--scania-icon-undo-svg: url("./media/undo-Z74FRIOE.svg");--scania-icon-undo_inactive-svg: url("./media/undo_inactive-VTYL5IKJ.svg");--scania-icon-unlock-svg: url("./media/unlock-ODTCDE77.svg");--scania-icon-upload-svg: url("./media/upload-Y7KBVM22.svg");--scania-icon-video-svg: url("./media/video-QAANZOUR.svg");--scania-icon-video_inactive-svg: url("./media/video_inactive-HXLUBEJD.svg");--scania-icon-wallet-svg: url("./media/wallet-BXGWBW6J.svg");--scania-icon-warning-svg: url("./media/warning-SQDQS3JJ.svg");--scania-icon-weight-svg: url("./media/weight-BDCO373O.svg");--scania-icon-weight_inactive-svg: url("./media/weight_inactive-G6ZPJYUF.svg");--scania-icon-wifi-svg: url("./media/wifi-6AE4VBAH.svg");--scania-icon-wifi_inactive-svg: url("./media/wifi_inactive-4A3OV6PZ.svg");--scania-icon-windscreen_heating-svg: url("./media/windscreen_heating-L5DQGSCT.svg");--scania-icon-windscreen_heating_inactive-svg: url("./media/windscreen_heating_inactive-62ZCNB3W.svg")}:root,.scania{--icon-24v_battery-svg: var(--scania-icon-24v_battery-svg);--icon-24v_battery_inactive-svg: var(--scania-icon-24v_battery_inactive-svg);--icon-acceleration-svg: var(--scania-icon-acceleration-svg);--icon-acceleration_inactive-svg: var(--scania-icon-acceleration_inactive-svg);--icon-adblue-svg: var(--scania-icon-adblue-svg);--icon-adblue_inactive-svg: var(--scania-icon-adblue_inactive-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-svg: var(--scania-icon-audio-svg);--icon-audio_inactive-svg: var(--scania-icon-audio_inactive-svg);--icon-award-svg: var(--scania-icon-award-svg);--icon-back-svg: var(--scania-icon-back-svg);--icon-backward-svg: var(--scania-icon-backward-svg);--icon-backward_inactive-svg: var(--scania-icon-backward_inactive-svg);--icon-bento-svg: var(--scania-icon-bento-svg);--icon-bug-svg: var(--scania-icon-bug-svg);--icon-bug_inactive-svg: var(--scania-icon-bug_inactive-svg);--icon-burger-svg: var(--scania-icon-burger-svg);--icon-bus-svg: var(--scania-icon-bus-svg);--icon-bus_inactive-svg: var(--scania-icon-bus_inactive-svg);--icon-cab_door-svg: var(--scania-icon-cab_door-svg);--icon-calendar-svg: var(--scania-icon-calendar-svg);--icon-calendar_inactive-svg: var(--scania-icon-calendar_inactive-svg);--icon-camera-svg: var(--scania-icon-camera-svg);--icon-camera_inactive-svg: var(--scania-icon-camera_inactive-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-svg: var(--scania-icon-charging_speed-svg);--icon-charging_speed_inactive-svg: var(--scania-icon-charging_speed_inactive-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-svg: var(--scania-icon-clock-svg);--icon-clock_inactive-svg: var(--scania-icon-clock_inactive-svg);--icon-configurator-svg: var(--scania-icon-configurator-svg);--icon-contact-svg: var(--scania-icon-contact-svg);--icon-contact_inactive-svg: var(--scania-icon-contact_inactive-svg);--icon-cookie-svg: var(--scania-icon-cookie-svg);--icon-cookie_inactive-svg: var(--scania-icon-cookie_inactive-svg);--icon-coolant_level-svg: var(--scania-icon-coolant_level-svg);--icon-coolant_level_inactive-svg: var(--scania-icon-coolant_level_inactive-svg);--icon-copy-svg: var(--scania-icon-copy-svg);--icon-cross-svg: var(--scania-icon-cross-svg);--icon-cup-svg: var(--scania-icon-cup-svg);--icon-cup_inactive-svg: var(--scania-icon-cup_inactive-svg);--icon-dashboard-svg: var(--scania-icon-dashboard-svg);--icon-department-svg: var(--scania-icon-department-svg);--icon-department_inactive-svg: var(--scania-icon-department_inactive-svg);--icon-departure_scheduling-svg: var(--scania-icon-departure_scheduling-svg);--icon-departure_scheduling_inactive-svg: var(--scania-icon-departure_scheduling_inactive-svg);--icon-diamond-svg: var(--scania-icon-diamond-svg);--icon-diamond_inactive-svg: var(--scania-icon-diamond_inactive-svg);--icon-document-svg: var(--scania-icon-document-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-svg: var(--scania-icon-document_plus-svg);--icon-document_plus_inactive-svg: var(--scania-icon-document_plus_inactive-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-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-svg: var(--scania-icon-driving_licence-svg);--icon-driving_licence_inactive-svg: var(--scania-icon-driving_licence_inactive-svg);--icon-drop-svg: var(--scania-icon-drop-svg);--icon-drop_inactive-svg: var(--scania-icon-drop_inactive-svg);--icon-edit-svg: var(--scania-icon-edit-svg);--icon-edit_inactive-svg: var(--scania-icon-edit_inactive-svg);--icon-email-svg: var(--scania-icon-email-svg);--icon-engine-svg: var(--scania-icon-engine-svg);--icon-engine_inactive-svg: var(--scania-icon-engine_inactive-svg);--icon-environment-svg: var(--scania-icon-environment-svg);--icon-environment_inactive-svg: var(--scania-icon-environment_inactive-svg);--icon-error-svg: var(--scania-icon-error-svg);--icon-exit-svg: var(--scania-icon-exit-svg);--icon-expand-svg: var(--scania-icon-expand-svg);--icon-expand_inactive-svg: var(--scania-icon-expand_inactive-svg);--icon-export-svg: var(--scania-icon-export-svg);--icon-export_inactive-svg: var(--scania-icon-export_inactive-svg);--icon-eye-svg: var(--scania-icon-eye-svg);--icon-eye_inactive-svg: var(--scania-icon-eye_inactive-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-svg: var(--scania-icon-factory-svg);--icon-factory_inactive-svg: var(--scania-icon-factory_inactive-svg);--icon-ferry-svg: var(--scania-icon-ferry-svg);--icon-ferry_inactive-svg: var(--scania-icon-ferry_inactive-svg);--icon-filters-svg: var(--scania-icon-filters-svg);--icon-filters_inactive-svg: var(--scania-icon-filters_inactive-svg);--icon-flash-svg: var(--scania-icon-flash-svg);--icon-flash_inactive-svg: var(--scania-icon-flash_inactive-svg);--icon-folder-svg: var(--scania-icon-folder-svg);--icon-forward-svg: var(--scania-icon-forward-svg);--icon-forward_inactive-svg: var(--scania-icon-forward_inactive-svg);--icon-fuel-svg: var(--scania-icon-fuel-svg);--icon-fuel_gauge-svg: var(--scania-icon-fuel_gauge-svg);--icon-fuel_gauge_inactive-svg: var(--scania-icon-fuel_gauge_inactive-svg);--icon-fuel_inactive-svg: var(--scania-icon-fuel_inactive-svg);--icon-gift-svg: var(--scania-icon-gift-svg);--icon-gift_inactive-svg: var(--scania-icon-gift_inactive-svg);--icon-global-svg: var(--scania-icon-global-svg);--icon-guided_tour-svg: var(--scania-icon-guided_tour-svg);--icon-guided_tour_inactive-svg: var(--scania-icon-guided_tour_inactive-svg);--icon-hatch_open-svg: var(--scania-icon-hatch_open-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-heart-svg: var(--scania-icon-heart-svg);--icon-heart_inactive-svg: var(--scania-icon-heart_inactive-svg);--icon-heating_inactive_screen-svg: var(--scania-icon-heating_inactive_screen-svg);--icon-history-svg: var(--scania-icon-history-svg);--icon-history_inactive-svg: var(--scania-icon-history_inactive-svg);--icon-home-svg: var(--scania-icon-home-svg);--icon-home_inactive-svg: var(--scania-icon-home_inactive-svg);--icon-idea-svg: var(--scania-icon-idea-svg);--icon-idea_inactive-svg: var(--scania-icon-idea_inactive-svg);--icon-image-svg: var(--scania-icon-image-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-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-svg: var(--scania-icon-key-svg);--icon-key_inactive-svg: var(--scania-icon-key_inactive-svg);--icon-language-svg: var(--scania-icon-language-svg);--icon-layer-svg: var(--scania-icon-layer-svg);--icon-layer_inactive-svg: var(--scania-icon-layer_inactive-svg);--icon-link-svg: var(--scania-icon-link-svg);--icon-link_broken-svg: var(--scania-icon-link_broken-svg);--icon-list-svg: var(--scania-icon-list-svg);--icon-list_inactive-svg: var(--scania-icon-list_inactive-svg);--icon-lock-svg: var(--scania-icon-lock-svg);--icon-lock_inactive-svg: var(--scania-icon-lock_inactive-svg);--icon-map_cursor-svg: var(--scania-icon-map_cursor-svg);--icon-map_cursor_inactive-svg: var(--scania-icon-map_cursor_inactive-svg);--icon-maximize_fullscreen-svg: var(--scania-icon-maximize_fullscreen-svg);--icon-meatballs-svg: var(--scania-icon-meatballs-svg);--icon-merge-svg: var(--scania-icon-merge-svg);--icon-merge_inactive-svg: var(--scania-icon-merge_inactive-svg);--icon-message-svg: var(--scania-icon-message-svg);--icon-message_inactive-svg: var(--scania-icon-message_inactive-svg);--icon-microphone-svg: var(--scania-icon-microphone-svg);--icon-microphone_inactive-svg: var(--scania-icon-microphone_inactive-svg);--icon-mileage-svg: var(--scania-icon-mileage-svg);--icon-mileage_inactive-svg: var(--scania-icon-mileage_inactive-svg);--icon-minimize_fullscreen-svg: var(--scania-icon-minimize_fullscreen-svg);--icon-minus-svg: var(--scania-icon-minus-svg);--icon-navigate-svg: var(--scania-icon-navigate-svg);--icon-navigate_inactive-svg: var(--scania-icon-navigate_inactive-svg);--icon-notification-svg: var(--scania-icon-notification-svg);--icon-notification_inactive-svg: var(--scania-icon-notification_inactive-svg);--icon-notification_snooze-svg: var(--scania-icon-notification_snooze-svg);--icon-oil_level-svg: var(--scania-icon-oil_level-svg);--icon-oil_level_inactive-svg: var(--scania-icon-oil_level_inactive-svg);--icon-paperclip-svg: var(--scania-icon-paperclip-svg);--icon-pause-svg: var(--scania-icon-pause-svg);--icon-pause_inactive-svg: var(--scania-icon-pause_inactive-svg);--icon-phone-svg: var(--scania-icon-phone-svg);--icon-phone_inactive-svg: var(--scania-icon-phone_inactive-svg);--icon-pie_chart-svg: var(--scania-icon-pie_chart-svg);--icon-pin-svg: var(--scania-icon-pin-svg);--icon-pin_inactive-svg: var(--scania-icon-pin_inactive-svg);--icon-placeholder-svg: var(--scania-icon-placeholder-svg);--icon-play-svg: var(--scania-icon-play-svg);--icon-play_inactive-svg: var(--scania-icon-play_inactive-svg);--icon-plus-svg: var(--scania-icon-plus-svg);--icon-powerplug-svg: var(--scania-icon-powerplug-svg);--icon-powerplug_inactive-svg: var(--scania-icon-powerplug_inactive-svg);--icon-print-svg: var(--scania-icon-print-svg);--icon-print_inactive-svg: var(--scania-icon-print_inactive-svg);--icon-privacy-svg: var(--scania-icon-privacy-svg);--icon-privacy_inactive-svg: var(--scania-icon-privacy_inactive-svg);--icon-profile-svg: var(--scania-icon-profile-svg);--icon-profile_inactive-svg: var(--scania-icon-profile_inactive-svg);--icon-prohibited-svg: var(--scania-icon-prohibited-svg);--icon-proportions-svg: var(--scania-icon-proportions-svg);--icon-proportions_inactive-svg: var(--scania-icon-proportions_inactive-svg);--icon-range-svg: var(--scania-icon-range-svg);--icon-range_inactive-svg: var(--scania-icon-range_inactive-svg);--icon-redirect-svg: var(--scania-icon-redirect-svg);--icon-refresh-svg: var(--scania-icon-refresh-svg);--icon-refresh_inactive-svg: var(--scania-icon-refresh_inactive-svg);--icon-reload-svg: var(--scania-icon-reload-svg);--icon-reload_inactive-svg: var(--scania-icon-reload_inactive-svg);--icon-repeat-svg: var(--scania-icon-repeat-svg);--icon-report-svg: var(--scania-icon-report-svg);--icon-report_inactive-svg: var(--scania-icon-report_inactive-svg);--icon-route-svg: var(--scania-icon-route-svg);--icon-route_inactive-svg: var(--scania-icon-route_inactive-svg);--icon-save-svg: var(--scania-icon-save-svg);--icon-save_inactive-svg: var(--scania-icon-save_inactive-svg);--icon-search-svg: var(--scania-icon-search-svg);--icon-send-svg: var(--scania-icon-send-svg);--icon-send_inactive-svg: var(--scania-icon-send_inactive-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-svg: var(--scania-icon-smartphone-svg);--icon-smartphone_inactive-svg: var(--scania-icon-smartphone_inactive-svg);--icon-sorting-svg: var(--scania-icon-sorting-svg);--icon-speedometer-svg: var(--scania-icon-speedometer-svg);--icon-speedometer_inactive-svg: var(--scania-icon-speedometer_inactive-svg);--icon-star-svg: var(--scania-icon-star-svg);--icon-support-svg: var(--scania-icon-support-svg);--icon-target-svg: var(--scania-icon-target-svg);--icon-target_inactive-svg: var(--scania-icon-target_inactive-svg);--icon-temperature-svg: var(--scania-icon-temperature-svg);--icon-temperature_inactive-svg: var(--scania-icon-temperature_inactive-svg);--icon-text-svg: var(--scania-icon-text-svg);--icon-text_inactive-svg: var(--scania-icon-text_inactive-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-svg: var(--scania-icon-tool-svg);--icon-tool_inactive-svg: var(--scania-icon-tool_inactive-svg);--icon-trailer-svg: var(--scania-icon-trailer-svg);--icon-trailer_inactive-svg: var(--scania-icon-trailer_inactive-svg);--icon-trash-svg: var(--scania-icon-trash-svg);--icon-trash_inactive-svg: var(--scania-icon-trash_inactive-svg);--icon-truck-svg: var(--scania-icon-truck-svg);--icon-truck_inactive-svg: var(--scania-icon-truck_inactive-svg);--icon-undo-svg: var(--scania-icon-undo-svg);--icon-undo_inactive-svg: var(--scania-icon-undo_inactive-svg);--icon-unlock-svg: var(--scania-icon-unlock-svg);--icon-upload-svg: var(--scania-icon-upload-svg);--icon-video-svg: var(--scania-icon-video-svg);--icon-video_inactive-svg: var(--scania-icon-video_inactive-svg);--icon-wallet-svg: var(--scania-icon-wallet-svg);--icon-warning-svg: var(--scania-icon-warning-svg);--icon-weight-svg: var(--scania-icon-weight-svg);--icon-weight_inactive-svg: var(--scania-icon-weight_inactive-svg);--icon-wifi-svg: var(--scania-icon-wifi-svg);--icon-wifi_inactive-svg: var(--scania-icon-wifi_inactive-svg);--icon-windscreen_heating-svg: var(--scania-icon-windscreen_heating-svg);--icon-windscreen_heating_inactive-svg: var(--scania-icon-windscreen_heating_inactive-svg)}:root,.traton{--radius-narrow: var(--unit-4);--radius-soft: var(--unit-8);--radius-rounded: var(--unit-32);--radius-circle: 500px;--radius-surface-clickable: var(--radius-full);--radius-surface-field: var(--unit-2);--radius-area-large: var(--unit-8);--radius-area-small: var(--unit-4);--space-tiny: var(--unit-4);--space-small: var(--unit-16);--space-medium: var(--unit-24);--space-large: var(--unit-48);--space-huge: var(--unit-80)}@font-face{font-family:TRATON Type Display;font-weight:500;font-style:normal;font-display:swap;src:url("./media/TratonTypeDisplay-Medium-2RDFSWOW.woff") format("woff"),url(https://cdn.digitaldesign.scania.com/fonts/traton/1.0.0/traton-type-display-medium.woff2) format("woff2"),url(https://cdn.digitaldesign.scania.com/fonts/traton/1.0.0/traton-type-display-medium.woff) format("woff")}@font-face{font-family:TRATON Type Display;font-weight:700;font-style:normal;font-display:swap;src:url("./media/TratonTypeDisplay-Bold-VOD4K6PC.woff") format("woff"),url(https://cdn.digitaldesign.scania.com/fonts/traton/1.0.0/traton-type-display-bold.woff2) format("woff2"),url(https://cdn.digitaldesign.scania.com/fonts/traton/1.0.0/traton-type-display-bold.woff) format("woff")}@font-face{font-family:TRATON Type Text;font-weight:400;font-style:normal;font-display:swap;src:url("./media/TratonTypeText-Regular-OELW52Q3.woff") format("woff"),url(https://cdn.digitaldesign.scania.com/fonts/traton/1.0.0/traton-type-text-regular.woff2) format("woff2"),url(https://cdn.digitaldesign.scania.com/fonts/traton/1.0.0/traton-type-text-regular.woff) format("woff")}@font-face{font-family:TRATON Type Text;font-weight:400;font-style:italic;font-display:swap;src:url("./media/TratonTypeText-Italic-MGHDVQC2.woff") format("woff"),url(https://cdn.digitaldesign.scania.com/fonts/traton/1.0.0/traton-type-text-italic.woff2) format("woff2"),url(https://cdn.digitaldesign.scania.com/fonts/traton/1.0.0/traton-type-text-italic.woff) format("woff")}@font-face{font-family:TRATON Type Text;font-weight:500;font-style:normal;font-display:swap;src:url("./media/TratonTypeText-Medium-ANIA4WSA.woff") format("woff"),url(https://cdn.digitaldesign.scania.com/fonts/traton/1.0.0/traton-type-text-medium.woff2) format("woff2"),url(https://cdn.digitaldesign.scania.com/fonts/traton/1.0.0/traton-type-text-medium.woff) format("woff")}@font-face{font-family:TRATON Type Text;font-weight:500;font-style:italic;font-display:swap;src:url("./media/TratonTypeText-MediumItalic-TCTMOFWJ.woff") format("woff"),url(https://cdn.digitaldesign.scania.com/fonts/traton/1.0.0/traton-type-text-medium-italic.woff2) format("woff2"),url(https://cdn.digitaldesign.scania.com/fonts/traton/1.0.0/traton-type-text-medium-italic.woff) format("woff")}@font-face{font-family:TRATON Type Text;font-weight:600;font-style:normal;font-display:swap;src:url("./media/TratonTypeText-SemiBold-FBAJXO4E.woff") format("woff"),url(https://cdn.digitaldesign.scania.com/fonts/traton/1.0.0/traton-type-text-semibold.woff2) format("woff2"),url(https://cdn.digitaldesign.scania.com/fonts/traton/1.0.0/traton-type-text-semibold.woff) format("woff")}@font-face{font-family:TRATON Type Text;font-weight:600;font-style:italic;font-display:swap;src:url("./media/TratonTypeText-SemiBoldItalic-JDBLCW2E.woff2") format("woff2"),url(https://cdn.digitaldesign.scania.com/fonts/traton/1.0.0/traton-type-text-semibold-italic.woff2) format("woff2"),url(https://cdn.digitaldesign.scania.com/fonts/traton/1.0.0/traton-type-text-semibold-italic.woff) format("woff")}@font-face{font-family:TRATON Type Text;font-weight:700;font-style:normal;font-display:swap;src:url("./media/TratonTypeText-Bold-4SRYJJL5.woff") format("woff"),url(https://cdn.digitaldesign.scania.com/fonts/traton/1.0.0/traton-type-text-bold.woff2) format("woff2"),url(https://cdn.digitaldesign.scania.com/fonts/traton/1.0.0/traton-type-text-bold.woff) format("woff")}@font-face{font-family:TRATON Type Text;font-weight:700;font-style:italic;font-display:swap;src:url("./media/TratonTypeText-BoldItalic-IPCFZA7E.woff") format("woff"),url(https://cdn.digitaldesign.scania.com/fonts/traton/1.0.0/traton-type-text-bold-italic.woff2) format("woff2"),url(https://cdn.digitaldesign.scania.com/fonts/traton/1.0.0/traton-type-text-bold-italic.woff) format("woff")}.traton{--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;--super-type-01-line-height: 227px;--super-type-02-line-height: 164px;--super-type-03-line-height: 106px;--expressive-headline-01-line-height: 84px;--expressive-headline-02-line-height: 59px;--headline-01-line-height: 42px;--headline-02-line-height: 40px;--headline-03-line-height: 30px;--headline-04-line-height: 25px;--headline-05-line-height: 22px;--headline-06-line-height: 20px;--headline-07-line-height: 18px;--paragraph-01-line-height: 30px;--paragraph-02-line-height: 25px;--body-01-line-height: 22px;--body-02-line-height: 20px;--body-link-01-line-height: 22px;--body-link-02-line-height: 20px;--detail-01-line-height: 22px;--detail-02-line-height: 16px;--detail-03-line-height: 20px;--detail-04-line-height: 17px;--detail-05-line-height: 17px;--detail-06-line-height: 14px;--detail-07-line-height: 14px;--super-type-01-font-family: "TRATON Type Display", verdana;--super-type-02-font-family: "TRATON Type Display", verdana;--super-type-03-font-family: "TRATON Type Display", verdana;--expressive-headline-01-font-family: "TRATON Type Display", verdana;--expressive-headline-02-font-family: "TRATON Type Display", verdana;--headline-01-font-family: "TRATON Type Display", verdana;--headline-02-font-family: "TRATON Type Display", verdana;--headline-03-font-family: "TRATON Type Display", verdana;--headline-04-font-family: "TRATON Type Display", verdana;--headline-05-font-family: "TRATON Type Text", verdana;--headline-06-font-family: "TRATON Type Text", verdana;--headline-07-font-family: "TRATON Type Text", verdana;--paragraph-01-font-family: "TRATON Type Display", verdana;--paragraph-02-font-family: "TRATON Type Display", verdana;--body-01-font-family: "TRATON Type Text", verdana;--body-02-font-family: "TRATON Type Text", verdana;--body-link-01-font-family: "TRATON Type Text", verdana;--body-link-02-font-family: "TRATON Type Text", verdana;--detail-01-font-family: "TRATON Type Text", verdana;--detail-02-font-family: "TRATON Type Text", verdana;--detail-03-font-family: "TRATON Type Text", verdana;--detail-04-font-family: "TRATON Type Text", verdana;--detail-05-font-family: "TRATON Type Text", verdana;--detail-06-font-family: "TRATON Type Text", verdana;--detail-07-font-family: "TRATON Type Text", verdana;--super-type-01-font-weight: normal;--super-type-02-font-weight: normal;--super-type-03-font-weight: normal;--expressive-headline-01-font-weight: normal;--expressive-headline-02-font-weight: normal;--headline-01-font-weight: normal;--headline-02-font-weight: normal;--headline-03-font-weight: normal;--headline-04-font-weight: normal;--headline-05-font-weight: 600;--headline-06-font-weight: 600;--headline-07-font-weight: 600;--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: 600;--detail-05-font-weight: normal;--detail-06-font-weight: 600;--detail-07-font-weight: normal;--super-type-01-letter-spacing: 1.08px;--super-type-02-letter-spacing: .78px;--super-type-03-letter-spacing: .56px;--expressive-headline-01-letter-spacing: .4px;--expressive-headline-02-letter-spacing: .28px;--headline-01-letter-spacing: 0;--headline-02-letter-spacing: 0;--headline-03-letter-spacing: 0;--headline-04-letter-spacing: 0;--headline-05-letter-spacing: 0;--headline-06-letter-spacing: 0;--headline-07-letter-spacing: 0;--paragraph-01-letter-spacing: 0;--paragraph-02-letter-spacing: 0;--body-01-letter-spacing: 0;--body-02-letter-spacing: 0;--body-link-01-letter-spacing: 0;--body-link-02-letter-spacing: 0;--detail-01-letter-spacing: 0;--detail-02-letter-spacing: 0;--detail-03-letter-spacing: 0;--detail-04-letter-spacing: .48px;--detail-05-letter-spacing: 0;--detail-06-letter-spacing: .4px;--detail-07-letter-spacing: 0;--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: none;--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}:root{--traton-color-base-black: #000;--traton-color-base-white: #fff;--traton-color-base-white-warm: #fcfbf7;--traton-color-transparent-200: #1a1a1926;--traton-color-transparent-400: #1a1a195c;--traton-color-transparent-500: #1a1a1980;--traton-color-transparent-600: #1a1a199e;--traton-color-transparent-700: #1a1a19c2;--traton-color-transparent-inverse-200: #d9edf054;--traton-color-transparent-inverse-400: #d9edf07d;--traton-color-transparent-inverse-500: #d9edf0a1;--traton-color-transparent-inverse-600: #d9edf0bf;--traton-color-transparent-inverse-700: #d9edf0de;--traton-color-transparent-invisible-light: #fff0;--traton-color-transparent-invisible-dark: #0000;--traton-color-transparent-scrim-light: #0006;--traton-color-transparent-scrim-dark: #0009;--traton-color-blue-50: #f8fcfc;--traton-color-blue-100: #e9f5f6;--traton-color-blue-150: #d9edf0;--traton-color-blue-200: #b3dce1;--traton-color-blue-300: #8ccad2;--traton-color-blue-400: #66b8c4;--traton-color-blue-500: #2d9ead;--traton-color-blue-600: #008294;--traton-color-blue-700: #006371;--traton-color-blue-800: #004852;--traton-color-blue-850: #003137;--traton-color-blue-900: #002429;--traton-color-blue-950: #001d21;--traton-color-blue-1000: #001214;--traton-color-green-50: #d1fad1;--traton-color-green-100: #adebb1;--traton-color-green-150: #81d585;--traton-color-green-200: #5abf5c;--traton-color-green-300: #3ba63f;--traton-color-green-400: #38943c;--traton-color-green-500: #318035;--traton-color-green-600: #2b6c2e;--traton-color-green-700: #235727;--traton-color-green-800: #1d441f;--traton-color-green-850: #153217;--traton-color-green-900: #102311;--traton-color-green-950: #0d1b0e;--traton-color-green-1000: #080c08;--traton-color-grey-50: #fcfbf7;--traton-color-grey-100: #f6f3e9;--traton-color-grey-150: #ebe7dd;--traton-color-grey-200: #d6d4c9;--traton-color-grey-300: #c2bfb6;--traton-color-grey-400: #a6a49c;--traton-color-grey-500: #8c8a84;--traton-color-grey-600: #73716c;--traton-color-grey-700: #595854;--traton-color-grey-800: #454441;--traton-color-grey-850: #333230;--traton-color-grey-900: #252423;--traton-color-grey-950: #1a1a19;--traton-color-grey-1000: #100f0f;--traton-color-red-50: #ffe0e0;--traton-color-red-100: #f7baba;--traton-color-red-150: #f28686;--traton-color-red-200: #ec5655;--traton-color-red-300: #d83b3a;--traton-color-red-400: #bc302f;--traton-color-red-500: #a02f2e;--traton-color-red-600: #852929;--traton-color-red-700: #6d2323;--traton-color-red-800: #551b1b;--traton-color-red-850: #411616;--traton-color-red-900: #311111;--traton-color-red-950: #240d0d;--traton-color-red-1000: #140808;--traton-color-yellow-50: #fff6db;--traton-color-yellow-100: #ffe9aa;--traton-color-yellow-150: #ffdc7a;--traton-color-yellow-200: #ffd04a;--traton-color-yellow-300: #ffc00d;--traton-color-yellow-400: #e5ad0c;--traton-color-yellow-500: #bf900a;--traton-color-yellow-600: #997308;--traton-color-yellow-700: #735606;--traton-color-yellow-800: #594305;--traton-color-yellow-850: #433204;--traton-color-yellow-900: #302403;--traton-color-yellow-950: #241b00;--traton-color-yellow-1000: #1a1300;--traton-font-family-default: traton type text;--traton-font-family-display: traton type display;--traton-font-weight-semi-bold: 600;--traton-font-weight-medium: 500;--traton-font-weight-regular: 400;--traton-opacity-0: 0;--traton-opacity-25: 25;--traton-opacity-50: 50;--traton-opacity-75: 75;--traton-opacity-100: 100;--traton-unit-0: 0;--traton-unit-1: 1;--traton-unit-2: 2;--traton-unit-4: 4;--traton-unit-8: 8;--traton-unit-12: 12;--traton-unit-16: 16;--traton-unit-20: 20;--traton-unit-24: 24;--traton-unit-32: 32;--traton-unit-40: 40;--traton-unit-48: 48;--traton-unit-56: 56;--traton-unit-64: 64;--traton-unit-80: 80;--traton-unit-96: 96;--traton-unit-120: 120;--traton-unit-9999: 9999;--traton-color-transparent-950: var(--traton-color-blue-950);--traton-color-transparent-inverse-950: var(--traton-color-base-white)}.traton,.traton .tds-mode-light,.traton .tl-mode-light{--color-background-base: var(--traton-color-grey-50);--color-background-layer-01: var(--traton-color-grey-100);--color-background-layer-02: var(--traton-color-grey-50);--color-background-layer-03: var(--traton-color-grey-100);--color-background-overlay: var(--traton-color-transparent-scrim-light);--color-background-top: var(--traton-color-grey-50);--color-background-none: var(--traton-color-transparent-invisible-light);--color-background-inverse-base: var(--traton-color-grey-1000);--color-background-inverse-layer-01: var(--traton-color-grey-950);--color-background-inverse-layer-02: var(--traton-color-grey-900);--color-background-inverse-layer-03: var(--traton-color-grey-850);--color-background-inverse-overlay: var(--traton-color-transparent-scrim-light);--color-background-inverse-top: var(--traton-color-grey-900);--color-background-inverse-none: var(--traton-color-transparent-invisible-dark);--color-border-defined: var(--traton-color-transparent-700);--color-border-soft: var(--traton-color-transparent-600);--color-border-subtle: var(--traton-color-transparent-500);--color-border-disabled: var(--traton-color-transparent-400);--color-border-discrete: var(--traton-color-transparent-200);--color-border-none: var(--traton-color-transparent-invisible-light);--color-border-inverse-defined: var(--traton-color-transparent-inverse-700);--color-border-inverse-soft: var(--traton-color-transparent-inverse-600);--color-border-inverse-subtle: var(--traton-color-transparent-inverse-500);--color-border-inverse-disabled: var(--traton-color-transparent-inverse-400);--color-border-inverse-discrete: var(--traton-color-transparent-inverse-200);--color-border-inverse-none: var(--traton-color-transparent-invisible-dark);--color-icon-base: var(--traton-color-base-black);--color-icon-brand: var(--traton-color-blue-950);--color-icon-defined: var(--traton-color-transparent-700);--color-icon-soft: var(--traton-color-transparent-600);--color-icon-subtle: var(--traton-color-transparent-500);--color-icon-disabled: var(--traton-color-transparent-400);--color-icon-discrete: var(--traton-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(--traton-color-transparent-inverse-700);--color-icon-inverse-soft: var(--traton-color-transparent-inverse-600);--color-icon-inverse-subtle: var(--traton-color-transparent-inverse-500);--color-icon-inverse-disabled: var(--traton-color-transparent-inverse-400);--color-icon-inverse-discrete: var(--traton-color-transparent-inverse-200);--color-system-info-strong: var(--traton-color-blue-800);--color-system-info-defined: var(--traton-color-blue-800);--color-system-info-default: var(--traton-color-blue-500);--color-system-info-subtle: var(--traton-color-blue-400);--color-system-info-discrete: var(--traton-color-blue-150);--color-system-success-strong: var(--traton-color-green-850);--color-system-success-defined: var(--traton-color-green-500);--color-system-success-default: var(--traton-color-green-300);--color-system-success-subtle: var(--traton-color-green-200);--color-system-success-discrete: var(--traton-color-green-50);--color-system-warning-strong: var(--traton-color-yellow-800);--color-system-warning-defined: var(--traton-color-yellow-600);--color-system-warning-default: var(--traton-color-yellow-300);--color-system-warning-subtle: var(--traton-color-yellow-200);--color-system-warning-discrete: var(--traton-color-yellow-100);--color-system-danger-strong: var(--traton-color-red-850);--color-system-danger-defined: var(--traton-color-red-500);--color-system-danger-default: var(--traton-color-red-300);--color-system-danger-subtle: var(--traton-color-red-200);--color-system-danger-discrete: var(--traton-color-red-50);--color-text-base: var(--traton-color-base-black);--color-text-brand: var(--traton-color-blue-950);--color-text-defined: var(--traton-color-transparent-700);--color-text-soft: var(--traton-color-transparent-600);--color-text-subtle: var(--traton-color-transparent-500);--color-text-disabled: var(--traton-color-transparent-400);--color-text-discrete: var(--traton-color-transparent-200);--color-text-inverse-brand: var(--traton-color-base-white);--color-text-inverse-defined: var(--traton-color-transparent-inverse-700);--color-text-inverse-soft: var(--traton-color-transparent-inverse-600);--color-text-inverse-subtle: var(--traton-color-transparent-inverse-500);--color-text-inverse-disabled: var(--traton-color-transparent-inverse-400);--color-text-inverse-discrete: var(--traton-color-transparent-inverse-200);--color-border-strong: var(--traton-color-transparent-950);--color-border-inverse-strong: var(--traton-color-transparent-inverse-950);--color-icon-strong: var(--traton-color-transparent-950);--color-icon-inverse-strong: var(--traton-color-transparent-inverse-950);--color-text-strong: var(--traton-color-transparent-950);--color-text-inverse-base: var(--scania-color-base-white);--color-text-inverse-strong: var(--traton-color-transparent-inverse-950)}.traton .tds-mode-dark,.traton .tl-mode-dark{--color-background-base: var(--traton-color-blue-1000);--color-background-layer-01: var(--traton-color-blue-950);--color-background-layer-02: var(--traton-color-blue-900);--color-background-layer-03: var(--traton-color-blue-850);--color-background-overlay: var(--traton-color-transparent-scrim-dark);--color-background-top: var(--traton-color-blue-900);--color-background-none: var(--traton-color-transparent-invisible-dark);--color-background-inverse-base: var(--traton-color-blue-50);--color-background-inverse-layer-01: var(--traton-color-blue-100);--color-background-inverse-layer-02: var(--traton-color-blue-150);--color-background-inverse-layer-03: var(--traton-color-blue-200);--color-background-inverse-overlay: var(--traton-color-transparent-scrim-dark);--color-background-inverse-top: var(--traton-color-blue-50);--color-background-inverse-none: var(--traton-color-transparent-invisible-light);--color-border-defined: var(--traton-color-transparent-inverse-700);--color-border-soft: var(--traton-color-transparent-inverse-600);--color-border-subtle: var(--traton-color-transparent-inverse-500);--color-border-disabled: var(--traton-color-transparent-inverse-400);--color-border-discrete: var(--traton-color-transparent-inverse-200);--color-border-none: var(--traton-color-transparent-invisible-dark);--color-border-inverse-defined: var(--traton-color-transparent-700);--color-border-inverse-soft: var(--traton-color-transparent-600);--color-border-inverse-subtle: var(--traton-color-transparent-500);--color-border-inverse-disabled: var(--traton-color-transparent-400);--color-border-inverse-discrete: var(--traton-color-transparent-200);--color-border-inverse-none: var(--traton-color-transparent-invisible-light);--color-icon-base: var(--traton-color-base-white);--color-icon-brand: var(--traton-color-base-white);--color-icon-defined: var(--traton-color-transparent-inverse-700);--color-icon-soft: var(--traton-color-transparent-inverse-600);--color-icon-subtle: var(--traton-color-transparent-inverse-500);--color-icon-disabled: var(--traton-color-transparent-inverse-400);--color-icon-discrete: var(--traton-color-transparent-inverse-200);--color-icon-inverse-base: var(--traton-color-base-white);--color-icon-inverse-brand: var(--traton-color-base-white);--color-icon-inverse-defined: var(--traton-color-transparent-700);--color-icon-inverse-soft: var(--traton-color-transparent-600);--color-icon-inverse-subtle: var(--traton-color-transparent-500);--color-icon-inverse-disabled: var(--traton-color-transparent-400);--color-icon-inverse-discrete: var(--traton-color-transparent-200);--color-system-info-strong: var(--traton-color-blue-100);--color-system-info-defined: var(--traton-color-blue-200);--color-system-info-default: var(--traton-color-blue-500);--color-system-info-subtle: var(--traton-color-blue-600);--color-system-info-discrete: var(--traton-color-blue-850);--color-system-success-strong: var(--traton-color-green-50);--color-system-success-defined: var(--traton-color-green-200);--color-system-success-default: var(--traton-color-green-300);--color-system-success-subtle: var(--traton-color-green-400);--color-system-success-discrete: var(--traton-color-green-850);--color-system-warning-strong: var(--traton-color-yellow-100);--color-system-warning-defined: var(--traton-color-yellow-200);--color-system-warning-default: var(--traton-color-yellow-300);--color-system-warning-subtle: var(--traton-color-yellow-400);--color-system-warning-discrete: var(--traton-color-yellow-800);--color-system-danger-strong: var(--traton-color-red-50);--color-system-danger-defined: var(--traton-color-red-100);--color-system-danger-default: var(--traton-color-red-300);--color-system-danger-subtle: var(--traton-color-red-500);--color-system-danger-discrete: var(--traton-color-red-850);--color-text-base: var(--traton-color-base-white);--color-text-brand: var(--traton-color-base-white);--color-text-defined: var(--traton-color-transparent-inverse-700);--color-text-soft: var(--traton-color-transparent-inverse-600);--color-text-subtle: var(--traton-color-transparent-inverse-500);--color-text-disabled: var(--traton-color-transparent-inverse-400);--color-text-discrete: var(--traton-color-transparent-inverse-200);--color-text-inverse-base: var(--traton-color-base-black);--color-text-inverse-defined: var(--traton-color-transparent-700);--color-text-inverse-soft: var(--traton-color-transparent-600);--color-text-inverse-subtle: var(--traton-color-transparent-500);--color-text-inverse-disabled: var(--traton-color-transparent-400);--color-text-inverse-discrete: var(--traton-color-transparent-200);--color-border-strong: var(--traton-color-transparent-inverse-950);--color-border-inverse-strong: var(--traton-color-transparent-950);--color-icon-strong: var(--traton-color-transparent-inverse-950);--color-icon-inverse-strong: var(--traton-color-transparent-950);--color-text-strong: var(--traton-color-transparent-inverse-950);--color-text-inverse-brand: var(--traton-color-transparent-950);--color-text-inverse-strong: var(--traton-color-transparent-950)}:root{--traton-logotype-white-png: url(https://cdn.digitaldesign.scania.com/logotype/multibrand/traton/traton-logotype-white.png);--traton-logotype-white-png-local: url("./media/traton-logotype-white-3IBN2MRV.png");--traton-logotype-white-svg: url(https://cdn.digitaldesign.scania.com/logotype/multibrand/traton/traton-logotype-white.svg);--traton-logotype-white-svg-local: url("./media/traton-logotype-white-6RWTXWUH.svg");--traton-logotype-black-png: url(https://cdn.digitaldesign.scania.com/logotype/multibrand/traton/traton-logotype-black.png);--traton-logotype-black-png-local: url("./media/traton-logotype-black-T5FNIPN3.png");--traton-logotype-black-svg: url(https://cdn.digitaldesign.scania.com/logotype/multibrand/traton/traton-logotype-black.svg);--traton-logotype-black-svg-local: url("./media/traton-logotype-black-ZAOFANW2.svg");--traton-logotype-blue-png: url(https://cdn.digitaldesign.scania.com/logotype/multibrand/traton/traton-logotype-blue.png);--traton-logotype-blue-png-local: url("./media/traton-logotype-blue-E3MTDD2Z.png");--traton-logotype-blue-svg: url(https://cdn.digitaldesign.scania.com/logotype/multibrand/traton/traton-logotype-blue.svg);--traton-logotype-blue-svg-local: url("./media/traton-logotype-blue-BMRZ7VY4.svg")}.traton{--dimension-radius-focus-width: var(--traton-unit-4);--dimension-radius-narrow: var(--traton-unit-4);--dimension-radius-soft: var(--traton-unit-8);--dimension-radius-rounded: var(--traton-unit-32);--dimension-radius-circle: var(--traton-unit-9999);--dimension-radius-for-surface-clickable: var(--traton-unit-9999);--dimension-radius-for-surface-field: var(--traton-unit-2);--dimension-radius-for-surface-inverse: var(--traton-unit-2);--dimension-radius-for-area-large: var(--traton-unit-8);--dimension-radius-for-area-small: var(--traton-unit-4);--dimension-space-tiny: var(--traton-unit-4);--dimension-space-small: var(--traton-unit-16);--dimension-space-medium: var(--traton-unit-24);--dimension-space-large: var(--traton-unit-48);--dimension-space-huge: var(--traton-unit-80)}.traton{--type-display-01-font-size: 216;--type-display-01-line-height: 227;--type-display-01-letter-spacing: 1.08;--type-display-01-text-transform: uppercase;--type-display-02-font-size: 156;--type-display-02-line-height: 164;--type-display-02-letter-spacing: .78;--type-display-02-text-transform: uppercase;--type-display-03-font-size: 112;--type-display-03-line-height: 118;--type-display-03-letter-spacing: .56;--type-display-03-text-transform: uppercase;--type-display-04-font-size: 80;--type-display-04-line-height: 84;--type-display-04-letter-spacing: .4;--type-display-04-text-transform: uppercase;--type-display-05-font-size: 56;--type-display-05-line-height: 59;--type-display-05-letter-spacing: .28;--type-display-05-text-transform: uppercase;--type-headline-01-font-size: 40;--type-headline-01-line-height: 42;--type-headline-01-letter-spacing: 0;--type-headline-01-text-transform: none;--type-headline-02-font-size: 32;--type-headline-02-line-height: 40;--type-headline-02-letter-spacing: 0;--type-headline-02-text-transform: none;--type-headline-03-font-size: 24;--type-headline-03-line-height: 30;--type-headline-03-letter-spacing: 0;--type-headline-03-text-transform: none;--type-headline-04-font-size: 20;--type-headline-04-line-height: 25;--type-headline-04-letter-spacing: 0;--type-headline-04-text-transform: none;--type-headline-05-font-size: 16;--type-headline-05-line-height: 22;--type-headline-05-letter-spacing: 0;--type-headline-05-text-transform: none;--type-headline-06-font-size: 14;--type-headline-06-line-height: 20;--type-headline-06-letter-spacing: 0;--type-headline-06-text-transform: none;--type-paragraph-01-font-size: 24;--type-paragraph-01-line-height: 30;--type-paragraph-01-letter-spacing: 0;--type-paragraph-01-text-transform: none;--type-paragraph-02-font-size: 20;--type-paragraph-02-line-height: 25;--type-paragraph-02-letter-spacing: 0;--type-paragraph-02-text-transform: none;--type-body-01-font-size: 16;--type-body-01-line-height: 22;--type-body-01-letter-spacing: 0;--type-body-01-text-transform: none;--type-body-02-font-size: 14;--type-body-02-line-height: 20;--type-body-02-letter-spacing: 0;--type-body-02-text-transform: none;--type-system-title-01-font-size: 14;--type-system-title-01-line-height: 18;--type-system-title-01-letter-spacing: 0;--type-system-title-01-text-transform: none;--type-system-title-02-font-size: 10;--type-system-title-02-line-height: 14;--type-system-title-02-letter-spacing: .4;--type-system-title-02-text-transform: none;--type-system-label-01-font-size: 12;--type-system-label-01-line-height: 17;--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: 14;--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;--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;--type-system-body-02-text-transform: none;--type-display-01-font-family: var(--traton-font-family-display);--type-display-01-font-weight: var(--traton-font-weight-medium);--type-display-02-font-family: var(--traton-font-family-display);--type-display-02-font-weight: var(--traton-font-weight-medium);--type-display-03-font-family: var(--traton-font-family-display);--type-display-03-font-weight: var(--traton-font-weight-medium);--type-display-04-font-family: var(--traton-font-family-display);--type-display-04-font-weight: var(--traton-font-weight-medium);--type-display-05-font-family: var(--traton-font-family-display);--type-display-05-font-weight: var(--traton-font-weight-medium);--type-headline-01-font-family: var(--traton-font-family-display);--type-headline-01-font-weight: var(--traton-font-weight-medium);--type-headline-02-font-family: var(--traton-font-family-display);--type-headline-02-font-weight: var(--traton-font-weight-medium);--type-headline-03-font-family: var(--traton-font-family-display);--type-headline-03-font-weight: var(--traton-font-weight-medium);--type-headline-04-font-family: var(--traton-font-family-display);--type-headline-04-font-weight: var(--traton-font-weight-medium);--type-headline-05-font-family: var(--traton-font-family-default);--type-headline-05-font-weight: var(--traton-font-weight-semi-bold);--type-headline-06-font-family: var(--traton-font-family-default);--type-headline-06-font-weight: var(--traton-font-weight-semi-bold);--type-paragraph-01-font-family: var(--traton-font-family-display);--type-paragraph-01-font-weight: var(--traton-font-weight-medium);--type-paragraph-02-font-family: var(--traton-font-family-display);--type-paragraph-02-font-weight: var(--traton-font-weight-medium);--type-body-01-font-family: var(--traton-font-family-default);--type-body-01-font-weight: var(--traton-font-weight-regular);--type-body-02-font-family: var(--traton-font-family-default);--type-body-02-font-weight: var(--traton-font-weight-regular);--type-system-title-01-font-family: var(--traton-font-family-default);--type-system-title-01-font-weight: var(--traton-font-weight-semi-bold);--type-system-title-02-font-family: var(--traton-font-family-default);--type-system-title-02-font-weight: var(--traton-font-weight-semi-bold);--type-system-label-01-font-family: var(--traton-font-family-default);--type-system-label-01-font-weight: var(--traton-font-weight-medium);--type-system-label-02-font-family: var(--traton-font-family-default);--type-system-label-02-font-weight: var(--traton-font-weight-medium);--type-system-body-01-font-family: var(--traton-font-family-default);--type-system-body-01-font-weight: var(--traton-font-weight-regular);--type-system-body-02-font-family: var(--traton-font-family-default);--type-system-body-02-font-weight: var(--traton-font-weight-regular)}:root{--traton-icon-arrow_diagonal-svg: url("./media/arrow_diagonal-JRFWLYJU.svg");--traton-icon-arrow_down-svg: url("./media/arrow_down-VUST5T4V.svg");--traton-icon-arrow_left-svg: url("./media/arrow_left-X66OMES2.svg");--traton-icon-arrow_right-svg: url("./media/arrow_right-WZCX3LNY.svg");--traton-icon-arrow_up-svg: url("./media/arrow_up-YA2NCVOM.svg");--traton-icon-back-svg: url("./media/back-VFURTK3T.svg");--traton-icon-bento-svg: url("./media/bento-SFN4Q7NF.svg");--traton-icon-burger-svg: url("./media/burger-5BCQJD6J.svg");--traton-icon-calendar-svg: url("./media/calendar-TK3W7XHG.svg");--traton-icon-calendar_inactive-svg: url("./media/calendar_inactive-DPLRENGH.svg");--traton-icon-card-svg: url("./media/card-JRDUXWZN.svg");--traton-icon-cart-svg: url("./media/cart-FG3RENSL.svg");--traton-icon-chevron_down-svg: url("./media/chevron_down-WC5OLLV3.svg");--traton-icon-chevron_left-svg: url("./media/chevron_left-KOZU3VML.svg");--traton-icon-chevron_right-svg: url("./media/chevron_right-YSSKFJ4S.svg");--traton-icon-chevron_up-svg: url("./media/chevron_up-XY2UAULS.svg");--traton-icon-clock-svg: url("./media/clock-5AQGIQOA.svg");--traton-icon-clock_inactive-svg: url("./media/clock_inactive-BH5EWUNS.svg");--traton-icon-contact-svg: url("./media/contact-IMEUBFLF.svg");--traton-icon-contact_inactive-svg: url("./media/contact_inactive-LO4VLGP5.svg");--traton-icon-copy-svg: url("./media/copy-ZVSPUTTW.svg");--traton-icon-cross-svg: url("./media/cross-TLWDDKZ6.svg");--traton-icon-document-svg: url("./media/document-HIAHGCM5.svg");--traton-icon-document_check-svg: url("./media/document_check-SVWH44HW.svg");--traton-icon-document_doc-svg: url("./media/document_doc-TMXWZF55.svg");--traton-icon-document_eye-svg: url("./media/document_eye-DMRTQG2X.svg");--traton-icon-document_pdf-svg: url("./media/document_pdf-FDWXM3Q2.svg");--traton-icon-document_tool-svg: url("./media/document_tool-ACKZAMQH.svg");--traton-icon-document_word-svg: url("./media/document_word-YUOWEOBO.svg");--traton-icon-document_wrong-svg: url("./media/document_wrong-2S57ZFSC.svg");--traton-icon-document_xls-svg: url("./media/document_xls-5DVS2OLN.svg");--traton-icon-dollar-svg: url("./media/dollar-4S3ULCBM.svg");--traton-icon-doner-svg: url("./media/doner-FRIAPDC3.svg");--traton-icon-double_kebab-svg: url("./media/double_kebab-UGVOSX3X.svg");--traton-icon-download-svg: url("./media/download-VU4JM6VH.svg");--traton-icon-edit-svg: url("./media/edit-4SCQ7NWM.svg");--traton-icon-edit_inactive-svg: url("./media/edit_inactive-OQGOHCVH.svg");--traton-icon-email-svg: url("./media/email-6XYR3NFD.svg");--traton-icon-error-svg: url("./media/error-5NL3R25J.svg");--traton-icon-export-svg: url("./media/export-ZZNJLGI4.svg");--traton-icon-export_inactive-svg: url("./media/export_inactive-TAWHRPUQ.svg");--traton-icon-eye-svg: url("./media/eye-3MGOCH5U.svg");--traton-icon-eye_inactive-svg: url("./media/eye_inactive-7J6O6TJZ.svg");--traton-icon-face_dissatisfied-svg: url("./media/face_dissatisfied-W5TCKCZJ.svg");--traton-icon-face_neutral-svg: url("./media/face_neutral-6DI4WQQV.svg");--traton-icon-face_satisfied-svg: url("./media/face_satisfied-D4KUK3O4.svg");--traton-icon-filters-svg: url("./media/filters-BZ3VHRXC.svg");--traton-icon-filters_inactive-svg: url("./media/filters_inactive-K3NOWPXD.svg");--traton-icon-folder-svg: url("./media/folder-OJUGNUMJ.svg");--traton-icon-fuel_gauge-svg: url("./media/fuel_gauge-B2OH3DHH.svg");--traton-icon-fuel_gauge_inactive-svg: url("./media/fuel_gauge_inactive-OIUSRSVK.svg");--traton-icon-global-svg: url("./media/global-26HQVHTE.svg");--traton-icon-heart-svg: url("./media/heart-S6NNYW4C.svg");--traton-icon-heart_inactive-svg: url("./media/heart_inactive-WSYEPLG5.svg");--traton-icon-home-svg: url("./media/home-JQTFJLIM.svg");--traton-icon-home_inactive-svg: url("./media/home_inactive-DIVMG3HT.svg");--traton-icon-image-svg: url("./media/image-X2VHIFU7.svg");--traton-icon-image_add-svg: url("./media/image_add-2AXUBZCO.svg");--traton-icon-image_inactive-svg: url("./media/image_inactive-DFQXDVFZ.svg");--traton-icon-image_set-svg: url("./media/image_set-BWET3ELH.svg");--traton-icon-info-svg: url("./media/info-HRIBSHQF.svg");--traton-icon-kebab-svg: url("./media/kebab-B4IXB5J5.svg");--traton-icon-link-svg: url("./media/link-IATG3KAM.svg");--traton-icon-link_broken-svg: url("./media/link_broken-FDL6A5KP.svg");--traton-icon-lock-svg: url("./media/lock-HJZ5NO5T.svg");--traton-icon-meatballs-svg: url("./media/meatballs-XUJEVGYD.svg");--traton-icon-message-svg: url("./media/message-X73SGLL2.svg");--traton-icon-message_inactive-svg: url("./media/message_inactive-UOB2RETD.svg");--traton-icon-mileage-svg: url("./media/mileage-UB57565J.svg");--traton-icon-mileage_inactive-svg: url("./media/mileage_inactive-KZI23FEA.svg");--traton-icon-minus-svg: url("./media/minus-5GMAORKR.svg");--traton-icon-notification-svg: url("./media/notification-SCLSWFDP.svg");--traton-icon-notification_inactive-svg: url("./media/notification_inactive-Y44NHYXG.svg");--traton-icon-phone-svg: url("./media/phone-UHPJQVYH.svg");--traton-icon-phone_inactive-svg: url("./media/phone_inactive-2IO4QH7J.svg");--traton-icon-pin-svg: url("./media/pin-KN6TYQ5U.svg");--traton-icon-pin_inactive-svg: url("./media/pin_inactive-LVCEWMD7.svg");--traton-icon-placeholder-svg: url("./media/placeholder-UZAP7KHD.svg");--traton-icon-plus-svg: url("./media/plus-IL6SXTLH.svg");--traton-icon-print-svg: url("./media/print-CXIFMOP2.svg");--traton-icon-print_inactive-svg: url("./media/print_inactive-5QKFX75T.svg");--traton-icon-profile-svg: url("./media/profile-JMRNPKAN.svg");--traton-icon-profile_inactive-svg: url("./media/profile_inactive-YU72S6YG.svg");--traton-icon-proportions-svg: url("./media/proportions-54L2KZ4Y.svg");--traton-icon-proportions_inactive-svg: url("./media/proportions_inactive-JHH3URJL.svg");--traton-icon-redirect-svg: url("./media/redirect-O2HGCK7M.svg");--traton-icon-refresh-svg: url("./media/refresh-GJ5QC24K.svg");--traton-icon-report-svg: url("./media/report-VKJFOTRF.svg");--traton-icon-report_inactive-svg: url("./media/report_inactive-NUUAAVLE.svg");--traton-icon-save-svg: url("./media/save-H2W5SVQK.svg");--traton-icon-save_inactive-svg: url("./media/save_inactive-L66YQB5V.svg");--traton-icon-search-svg: url("./media/search-C32NSFSV.svg");--traton-icon-send-svg: url("./media/send-L2X43BUM.svg");--traton-icon-send_inactive-svg: url("./media/send_inactive-4RPLYQVZ.svg");--traton-icon-settings-svg: url("./media/settings-ERYYFJOK.svg");--traton-icon-share-svg: url("./media/share-QKU46TQD.svg");--traton-icon-skip_backwards-svg: url("./media/skip_backwards-PSPOBC6H.svg");--traton-icon-skip_forward-svg: url("./media/skip_forward-KSFLSPE4.svg");--traton-icon-smartphone-svg: url("./media/smartphone-33EW2AQ2.svg");--traton-icon-smartphone_inactive-svg: url("./media/smartphone_inactive-C4ARJJSY.svg");--traton-icon-sorting-svg: url("./media/sorting-QDHQ5FSS.svg");--traton-icon-speedometer-svg: url("./media/speedometer-PYZME4W4.svg");--traton-icon-speedometer_inactive-svg: url("./media/speedometer_inactive-2IJWUVOA.svg");--traton-icon-star-svg: url("./media/star-HDRPSDID.svg");--traton-icon-support-svg: url("./media/support-LFBE72XS.svg");--traton-icon-tick-svg: url("./media/tick-2SLNTGEN.svg");--traton-icon-timer-svg: url("./media/timer-KPIQ3TZ7.svg");--traton-icon-tool-svg: url("./media/tool-DQGUJPUB.svg");--traton-icon-tool_inactive-svg: url("./media/tool_inactive-XO4DHKKB.svg");--traton-icon-trash-svg: url("./media/trash-XER2XQCN.svg");--traton-icon-trash_inactive-svg: url("./media/trash_inactive-NAMPUFNH.svg");--traton-icon-truck-svg: url("./media/truck-Q4YGXGVC.svg");--traton-icon-unlock-svg: url("./media/unlock-NMGQ2N4R.svg");--traton-icon-upload-svg: url("./media/upload-O64KRZXO.svg");--traton-icon-wallet-svg: url("./media/wallet-IQ2N5MIR.svg");--traton-icon-warning-svg: url("./media/warning-WMEBN4BR.svg");--traton-icon-wifi-svg: url("./media/wifi-RU3KA26K.svg");--traton-icon-wifi_inactive-svg: url("./media/wifi_inactive-OHCAPGJ5.svg")}.traton{--icon-arrow_diagonal-svg: var(--traton-icon-arrow_diagonal-svg);--icon-arrow_down-svg: var(--traton-icon-arrow_down-svg);--icon-arrow_left-svg: var(--traton-icon-arrow_left-svg);--icon-arrow_right-svg: var(--traton-icon-arrow_right-svg);--icon-arrow_up-svg: var(--traton-icon-arrow_up-svg);--icon-back-svg: var(--traton-icon-back-svg);--icon-bento-svg: var(--traton-icon-bento-svg);--icon-burger-svg: var(--traton-icon-burger-svg);--icon-calendar-svg: var(--traton-icon-calendar-svg);--icon-calendar_inactive-svg: var(--traton-icon-calendar_inactive-svg);--icon-card-svg: var(--traton-icon-card-svg);--icon-cart-svg: var(--traton-icon-cart-svg);--icon-chevron_down-svg: var(--traton-icon-chevron_down-svg);--icon-chevron_left-svg: var(--traton-icon-chevron_left-svg);--icon-chevron_right-svg: var(--traton-icon-chevron_right-svg);--icon-chevron_up-svg: var(--traton-icon-chevron_up-svg);--icon-clock-svg: var(--traton-icon-clock-svg);--icon-clock_inactive-svg: var(--traton-icon-clock_inactive-svg);--icon-contact-svg: var(--traton-icon-contact-svg);--icon-contact_inactive-svg: var(--traton-icon-contact_inactive-svg);--icon-copy-svg: var(--traton-icon-copy-svg);--icon-cross-svg: var(--traton-icon-cross-svg);--icon-document-svg: var(--traton-icon-document-svg);--icon-document_check-svg: var(--traton-icon-document_check-svg);--icon-document_doc-svg: var(--traton-icon-document_doc-svg);--icon-document_eye-svg: var(--traton-icon-document_eye-svg);--icon-document_pdf-svg: var(--traton-icon-document_pdf-svg);--icon-document_tool-svg: var(--traton-icon-document_tool-svg);--icon-document_word-svg: var(--traton-icon-document_word-svg);--icon-document_wrong-svg: var(--traton-icon-document_wrong-svg);--icon-document_xls-svg: var(--traton-icon-document_xls-svg);--icon-dollar-svg: var(--traton-icon-dollar-svg);--icon-doner-svg: var(--traton-icon-doner-svg);--icon-double_kebab-svg: var(--traton-icon-double_kebab-svg);--icon-download-svg: var(--traton-icon-download-svg);--icon-edit-svg: var(--traton-icon-edit-svg);--icon-edit_inactive-svg: var(--traton-icon-edit_inactive-svg);--icon-email-svg: var(--traton-icon-email-svg);--icon-error-svg: var(--traton-icon-error-svg);--icon-export-svg: var(--traton-icon-export-svg);--icon-export_inactive-svg: var(--traton-icon-export_inactive-svg);--icon-eye-svg: var(--traton-icon-eye-svg);--icon-eye_inactive-svg: var(--traton-icon-eye_inactive-svg);--icon-face_dissatisfied-svg: var(--traton-icon-face_dissatisfied-svg);--icon-face_neutral-svg: var(--traton-icon-face_neutral-svg);--icon-face_satisfied-svg: var(--traton-icon-face_satisfied-svg);--icon-filters-svg: var(--traton-icon-filters-svg);--icon-filters_inactive-svg: var(--traton-icon-filters_inactive-svg);--icon-folder-svg: var(--traton-icon-folder-svg);--icon-fuel_gauge-svg: var(--traton-icon-fuel_gauge-svg);--icon-fuel_gauge_inactive-svg: var(--traton-icon-fuel_gauge_inactive-svg);--icon-global-svg: var(--traton-icon-global-svg);--icon-heart-svg: var(--traton-icon-heart-svg);--icon-heart_inactive-svg: var(--traton-icon-heart_inactive-svg);--icon-home-svg: var(--traton-icon-home-svg);--icon-home_inactive-svg: var(--traton-icon-home_inactive-svg);--icon-image-svg: var(--traton-icon-image-svg);--icon-image_add-svg: var(--traton-icon-image_add-svg);--icon-image_inactive-svg: var(--traton-icon-image_inactive-svg);--icon-image_set-svg: var(--traton-icon-image_set-svg);--icon-info-svg: var(--traton-icon-info-svg);--icon-kebab-svg: var(--traton-icon-kebab-svg);--icon-link-svg: var(--traton-icon-link-svg);--icon-link_broken-svg: var(--traton-icon-link_broken-svg);--icon-lock-svg: var(--traton-icon-lock-svg);--icon-meatballs-svg: var(--traton-icon-meatballs-svg);--icon-message-svg: var(--traton-icon-message-svg);--icon-message_inactive-svg: var(--traton-icon-message_inactive-svg);--icon-mileage-svg: var(--traton-icon-mileage-svg);--icon-mileage_inactive-svg: var(--traton-icon-mileage_inactive-svg);--icon-minus-svg: var(--traton-icon-minus-svg);--icon-notification-svg: var(--traton-icon-notification-svg);--icon-notification_inactive-svg: var(--traton-icon-notification_inactive-svg);--icon-phone-svg: var(--traton-icon-phone-svg);--icon-phone_inactive-svg: var(--traton-icon-phone_inactive-svg);--icon-pin-svg: var(--traton-icon-pin-svg);--icon-pin_inactive-svg: var(--traton-icon-pin_inactive-svg);--icon-placeholder-svg: var(--traton-icon-placeholder-svg);--icon-plus-svg: var(--traton-icon-plus-svg);--icon-print-svg: var(--traton-icon-print-svg);--icon-print_inactive-svg: var(--traton-icon-print_inactive-svg);--icon-profile-svg: var(--traton-icon-profile-svg);--icon-profile_inactive-svg: var(--traton-icon-profile_inactive-svg);--icon-proportions-svg: var(--traton-icon-proportions-svg);--icon-proportions_inactive-svg: var(--traton-icon-proportions_inactive-svg);--icon-redirect-svg: var(--traton-icon-redirect-svg);--icon-refresh-svg: var(--traton-icon-refresh-svg);--icon-report-svg: var(--traton-icon-report-svg);--icon-report_inactive-svg: var(--traton-icon-report_inactive-svg);--icon-save-svg: var(--traton-icon-save-svg);--icon-save_inactive-svg: var(--traton-icon-save_inactive-svg);--icon-search-svg: var(--traton-icon-search-svg);--icon-send-svg: var(--traton-icon-send-svg);--icon-send_inactive-svg: var(--traton-icon-send_inactive-svg);--icon-settings-svg: var(--traton-icon-settings-svg);--icon-share-svg: var(--traton-icon-share-svg);--icon-skip_backwards-svg: var(--traton-icon-skip_backwards-svg);--icon-skip_forward-svg: var(--traton-icon-skip_forward-svg);--icon-smartphone-svg: var(--traton-icon-smartphone-svg);--icon-smartphone_inactive-svg: var(--traton-icon-smartphone_inactive-svg);--icon-sorting-svg: var(--traton-icon-sorting-svg);--icon-speedometer-svg: var(--traton-icon-speedometer-svg);--icon-speedometer_inactive-svg: var(--traton-icon-speedometer_inactive-svg);--icon-star-svg: var(--traton-icon-star-svg);--icon-support-svg: var(--traton-icon-support-svg);--icon-tick-svg: var(--traton-icon-tick-svg);--icon-timer-svg: var(--traton-icon-timer-svg);--icon-tool-svg: var(--traton-icon-tool-svg);--icon-tool_inactive-svg: var(--traton-icon-tool_inactive-svg);--icon-trash-svg: var(--traton-icon-trash-svg);--icon-trash_inactive-svg: var(--traton-icon-trash_inactive-svg);--icon-truck-svg: var(--traton-icon-truck-svg);--icon-unlock-svg: var(--traton-icon-unlock-svg);--icon-upload-svg: var(--traton-icon-upload-svg);--icon-wallet-svg: var(--traton-icon-wallet-svg);--icon-warning-svg: var(--traton-icon-warning-svg);--icon-wifi-svg: var(--traton-icon-wifi-svg);--icon-wifi_inactive-svg: var(--traton-icon-wifi_inactive-svg)}: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)}:root{--unit-1: 1px;--unit-2: 2px;--unit-4: 4px;--unit-8: 8px;--unit-10: 10px;--unit-12: 12px;--unit-16: 16px;--unit-20: 20px;--unit-22: 22px;--unit-24: 24px;--unit-32: 32px;--unit-34: 34px;--unit-36: 36px;--unit-40: 40px;--unit-48: 48px;--unit-56: 56px;--unit-58: 58px;--unit-64: 64px;--unit-68: 68px;--unit-72: 72px;--unit-80: 80px;--unit-96: 96px;--unit-120: 120px}:root{--radius-none: 0;--radius-full: 9999px}:root,html{--tds-spacing-layout-8: 8px;--tds-spacing-layout-16: 16px;--tds-spacing-layout-24: 24px;--tds-spacing-layout-32: 32px;--tds-spacing-layout-48: 48px;--tds-spacing-layout-64: 64px;--tds-spacing-layout-72: 72px;--tds-spacing-layout-96: 96px;--tds-spacing-layout-128: 128px;--tds-spacing-layout-160: 160px;--tds-spacing-element-2: 2px;--tds-spacing-element-4: 4px;--tds-spacing-element-8: 8px;--tds-spacing-element-12: 12px;--tds-spacing-element-16: 16px;--tds-spacing-element-20: 20px;--tds-spacing-element-24: 24px;--tds-spacing-element-32: 32px;--tds-spacing-element-40: 40px;--tds-spacing-element-48: 48px}:root,html{--tds-motion-duration-instant: 0ms;--tds-motion-duration-fast-01: .1s;--tds-motion-duration-fast-02: .15s;--tds-motion-duration-moderate-01: .2s;--tds-motion-duration-moderate-02: .3s;--tds-motion-duration-slow-01: .4s;--tds-motion-duration-slow-02: .5s;--tds-motion-easing-scania: cubic-bezier(.4, 0, 0, 1);--tds-motion-easing-enter: cubic-bezier(.1, .9, .2, 1);--tds-motion-easing-exit: cubic-bezier(.7, 0, 1, .5);--tds-motion-easing-easy: cubic-bezier(.33, 0, .67, 1);--tds-motion-easing-linear: cubic-bezier(0, 0, 1, 1);--tds-motion-ease-in-out: cubic-bezier(.4, 0, .2, 1);--tds-motion-fade-in: tds-fade-in var(--tds-motion-duration-slow-02) var(--tds-motion-easing-enter) forwards;--tds-motion-fade-out: tds-fade-out var(--tds-motion-duration-moderate-01) var(--tds-motion-easing-exit) forwards;--tds-motion-zoom-in: tds-zoom-in var(--tds-motion-duration-fast-02) var(--tds-motion-easing-enter) forwards;--tds-motion-zoom-out: tds-zoom-out var(--tds-motion-duration-fast-02) var(--tds-motion-easing-exit) forwards;--tds-motion-slide-in-top: tds-slide-in-top var(--tds-motion-duration-slow-02) var(--tds-motion-easing-enter) forwards;--tds-motion-slide-in-bottom: tds-slide-in-bottom var(--tds-motion-duration-slow-02) var(--tds-motion-easing-enter) forwards;--tds-motion-slide-in-left: tds-slide-in-left var(--tds-motion-duration-slow-02) var(--tds-motion-easing-enter) forwards;--tds-motion-slide-in-right: tds-slide-in-right var(--tds-motion-duration-slow-02) var(--tds-motion-easing-enter) forwards;--tds-motion-slide-out-top: tds-slide-out-top var(--tds-motion-duration-slow-02) var(--tds-motion-easing-exit) forwards;--tds-motion-slide-out-bottom: tds-slide-out-bottom var(--tds-motion-duration-slow-02) var(--tds-motion-easing-exit) forwards;--tds-motion-slide-out-left: tds-slide-out-left var(--tds-motion-duration-slow-02) var(--tds-motion-easing-exit) forwards;--tds-motion-slide-out-right: tds-slide-out-right var(--tds-motion-duration-slow-02) var(--tds-motion-easing-exit) forwards;--tds-motion-slide-in-short-top: tds-slide-top-short var(--tds-motion-duration-slow-02) var(--tds-motion-easing-enter) forwards;--tds-motion-slide-in-short-right: tds-slide-right-short var(--tds-motion-duration-slow-02) var(--tds-motion-easing-enter) forwards;--tds-motion-slide-in-short-bottom: tds-slide-bottom-short var(--tds-motion-duration-slow-02) var(--tds-motion-easing-enter) forwards;--tds-motion-slide-in-short-left: tds-slide-left-short var(--tds-motion-duration-slow-02) var(--tds-motion-easing-enter) forwards;--tds-motion-slide-out-short-top: tds-slide-out-top-short var(--tds-motion-duration-slow-02) var(--tds-motion-easing-exit) forwards;--tds-motion-slide-out-short-bottom: tds-slide-out-bottom-short var(--tds-motion-duration-slow-02) var(--tds-motion-easing-exit) forwards;--tds-motion-slide-out-short-left: tds-slide-out-left-short var(--tds-motion-duration-slow-02) var(--tds-motion-easing-exit) forwards;--tds-motion-slide-out-short-right: tds-slide-out-right-short var(--tds-motion-duration-slow-02) var(--tds-motion-easing-exit) forwards;--tds-motion-collapse-in: tds-collapse-in var(--tds-motion-duration-slow-02) var(--tds-motion-easing-enter) forwards;--tds-motion-collapse-out: tds-collapse-out var(--tds-motion-duration-slow-02) var(--tds-motion-easing-exit) forwards;--tds-motion-rotate: tds-rotate var(--tds-motion-duration-slow-02) var(--tds-motion-easing-linear) forwards;--tds-motion-shake: tds-shake var(--tds-motion-duration-slow-02) var(--tds-motion-easing-linear) forwards;--tds-motion-blink: tds-blink calc(var(--tds-motion-duration-slow-02) * 2) var(--tds-motion-easing-scania) infinite;--tds-motion-pulse: tds-pulse calc(var(--tds-motion-duration-slow-02) * 2) var(--tds-motion-easing-scania) infinite;--tds-motion-zoom-enter: tds-fade-in var(--tds-motion-duration-slow-02) var(--tds-motion-easing-enter) forwards, tds-zoom-in var(--tds-motion-duration-fast-02) var(--tds-motion-easing-scania) forwards;--tds-motion-zoom-exit: tds-fade-out var(--tds-motion-duration-fast-02) var(--tds-motion-easing-exit) forwards, tds-zoom-out var(--tds-motion-duration-fast-02) var(--tds-motion-easing-exit) forwards;--tds-motion-collapse-enter: tds-fade-in var(--tds-motion-duration-slow-02) var(--tds-motion-easing-linear) forwards, tds-collapse-in-hidden var(--tds-motion-duration-slow-02) var(--tds-motion-easing-scania) forwards;--tds-motion-collapse-exit: tds-fade-out var(--tds-motion-duration-slow-02) var(--tds-motion-easing-exit) forwards, tds-collapse-out var(--tds-motion-duration-slow-02) var(--tds-motion-easing-exit) forwards;--tds-motion-slide-enter: tds-fade-in var(--tds-motion-duration-slow-02) var(--tds-motion-easing-enter) forwards, tds-slide-bottom-short var(--tds-motion-duration-slow-02) var(--tds-motion-easing-enter) forwards;--tds-motion-slide-exit: tds-fade-out var(--tds-motion-duration-slow-02) var(--tds-motion-easing-exit) forwards, tds-slide-out-bottom-short var(--tds-motion-duration-slow-02) var(--tds-motion-easing-exit) forwards;--tds-motion-elevate-enter: tds-fade-in var(--tds-motion-duration-slow-02) var(--tds-motion-easing-enter) forwards, tds-slide-in-bottom-hidden var(--tds-motion-duration-slow-02) var(--tds-motion-easing-scania) forwards, tds-zoom-in var(--tds-motion-duration-slow-02) var(--tds-motion-easing-scania) forwards;--tds-motion-elevate-exit: tds-fade-out var(--tds-motion-duration-moderate-01) var(--tds-motion-easing-exit) forwards, tds-zoom-out var(--tds-motion-duration-slow-02) var(--tds-motion-easing-scania) forwards}@keyframes tds-fade-in{0%{opacity:0}to{opacity:1;visibility:visible}}@keyframes tds-fade-out{0%{opacity:1}to{opacity:0;visibility:hidden}}@keyframes tds-zoom-in{0%{transform:scale(.9)}to{transform:scale(1)}}@keyframes tds-zoom-out{0%{transform:scale(1)}to{transform:scale(.9)}}@keyframes tds-slide-in-top{0%{transform:translateY(-100%)}to{transform:translateY(0)}}@keyframes tds-slide-in-bottom{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes tds-slide-in-left{0%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes tds-slide-in-right{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes tds-slide-out-top{0%{transform:translateY(0)}to{transform:translateY(-100%)}}@keyframes tds-slide-out-bottom{0%{transform:translateY(0)}to{transform:translateY(100%)}}@keyframes tds-slide-out-bottom-hidden{0%{transform:translateY(0)}to{transform:translateY(100%)}}@keyframes tds-slide-out-left{0%{transform:translate(0)}to{transform:translate(-100%)}}@keyframes tds-slide-out-right{0%{transform:translate(0)}to{transform:translate(100%)}}@keyframes tds-slide-top-short{0%{transform:translateY(-16px)}to{transform:translateY(0)}}@keyframes tds-slide-bottom-short{0%{transform:translateY(16px)}to{transform:translateY(0)}}@keyframes tds-slide-left-short{0%{transform:translate(-16px)}to{transform:translate(0)}}@keyframes tds-slide-right-short{0%{transform:translate(16px)}to{transform:translate(0)}}@keyframes tds-slide-out-top-short{0%{transform:translateY(0)}to{transform:translateY(-16px)}}@keyframes tds-slide-out-bottom-short{0%{transform:translateY(0)}to{transform:translateY(16px)}}@keyframes tds-slide-out-left-short{0%{transform:translate(0)}to{transform:translate(-16px)}}@keyframes tds-slide-out-right-short{0%{transform:translate(0)}to{transform:translate(16px)}}@keyframes tds-rotate{0%{transform:rotate(0)}to{transform:rotate(180deg)}}@keyframes tds-rotate-back{0%{transform:rotate(180deg)}to{transform:rotate(0)}}@keyframes tds-shake{0%,to{transform:translate(0)}10%{transform:translate(-9px)}20%{transform:translate(8px)}30%{transform:translate(-7px)}40%{transform:translate(6px)}50%{transform:translate(-5px)}60%{transform:translate(4px)}70%{transform:translate(-3px)}80%{transform:translate(2px)}90%{transform:translate(-1px)}}@keyframes tds-blink{0%,to{opacity:1}50%{opacity:.25}}@keyframes tds-pulse{50%{scale:.9}}@keyframes tds-pulse-2{0%{transform:scale(1)}25%{transform:scale(.9)}35%{transform:scale(1)}45%{transform:scale(.9)}55%{transform:scale(1)}}@keyframes tds-stroke{0%{stroke-dashoffset:2%}to{stroke-dashoffset:0}}@keyframes tds-collapse-in{0%{transform-origin:top;transform:scaleY(0)}to{transform-origin:top;transform:scaleY(1)}}@keyframes tds-collapse-in-hidden{0%{transform-origin:top;transform:scaleY(0)}to{transform-origin:top;transform:scaleY(1)}}@keyframes tds-collapse-out{0%{transform:scaleY(1);transform-origin:top}to{transform:scaleY(0);transform-origin:top}}@keyframes tds-collapse-width-in{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes tds-collapse-width-out{0%{transform:scaleX(1)}to{transform:scaleX(0)}}@supports not (((height: 1lh) and (animation-timeline: none)) or ((height: 1lh) and (margin-trim: none))){*{--collapse-size: unset;--collapse-width-size: unset}}@property --collapse-size{syntax: "<length-percentage>"; inherits: false; initial-value: 0px;}@property --collapse-width-size{syntax: "<length-percentage>"; inherits: false; initial-value: 0px;}@keyframes collapse-in{0%{height:var(--collapse-size, 0);overflow:hidden}to{height:var(--ui-transition-height);overflow:hidden}}@keyframes collapse-out{0%{height:var(--ui-transition-height);overflow:hidden}to{height:var(--collapse-size, 0);overflow:hidden}}@keyframes collapse-width-in{0%{width:var(--collapse-width-size, 0);overflow:hidden}to{width:var(--ui-transition-width);overflow:hidden}}@keyframes collapse-width-out{0%{width:var(--ui-transition-width);overflow:hidden}to{width:var(--collapse-width-size, 0);overflow:hidden}}@keyframes animate-svg-stroke-1{0%{stroke-dasharray:2230px;stroke-dashoffset:2230px}1%{stroke-dashoffset:2230px}to{stroke-dashoffset:0;stroke-dasharray:2230px}}:root,html{--tds-black-100: rgb(0, 0, 0);--tds-black-87: rgba(0, 0, 0, .87);--tds-black-48: rgba(0, 0, 0, .48);--tds-black-38: rgba(0, 0, 0, .38);--tds-white-100: rgb(255, 255, 255);--tds-white-87: rgba(255, 255, 255, .87);--tds-white-48: rgba(255, 255, 255, .48);--tds-white-38: rgba(255, 255, 255, .38);--tds-white-05: rgba(255, 255, 255, .05);--tds-grey-1000: #000000;--tds-grey-958: #0b0c0f;--tds-grey-950: #0b0c0f;--tds-grey-900: #15181d;--tds-grey-868: #242a33;--tds-grey-850: #1c222b;--tds-grey-846: #2b323d;--tds-grey-800: #242c37;--tds-grey-750: #2d3643;--tds-grey-700: #3a4554;--tds-grey-650: #475467;--tds-grey-600: #4e5e75;--tds-grey-500: #5f728c;--tds-grey-400: #6e829f;--tds-grey-350: #7e90a9;--tds-grey-300: #93a2b7;--tds-grey-250: #b4becd;--tds-grey-200: #d1d7e0;--tds-grey-150: #e0e5eb;--tds-grey-100: #edeff3;--tds-grey-50: #f6f7f9;--tds-grey-00: #ffffff;--tds-blue-900: #001533;--tds-blue-800: #041e42;--tds-blue-700: #0f3263;--tds-blue-600: #16417f;--tds-blue-500: #2058a8;--tds-blue-400: #2a6ecf;--tds-blue-300: #4a89f3;--tds-blue-200: #87afe8;--tds-blue-100: #bacde8;--tds-blue-50: #d8dde5;--tds-red-900: #350004;--tds-red-800: #480008;--tds-red-700: #6c0011;--tds-red-600: #8a0012;--tds-red-500: #b20018;--tds-red-400: #d1001b;--tds-red-300: #ea4851;--tds-red-200: #fc8a88;--tds-red-100: #ffb9b8;--tds-red-50: #ffdfe3;--tds-green-900: #001a12;--tds-green-800: #00251b;--tds-green-700: #0a382e;--tds-green-600: #004c3b;--tds-green-500: #00664f;--tds-green-400: #008064;--tds-green-300: #009e7e;--tds-green-200: #65bda5;--tds-green-100: #9bd9c2;--tds-green-50: #d3eee7;--tds-yellow-900: #361b07;--tds-yellow-800: #4d260a;--tds-yellow-700: #6b3b10;--tds-yellow-600: #975717;--tds-yellow-500: #b87c14;--tds-yellow-400: #eaad06;--tds-yellow-300: #f1c21b;--tds-yellow-200: #f4d65d;--tds-yellow-100: #f8e596;--tds-yellow-50: #f9eec3;--tds-cta: #0f3263;--tds-negative: #ff2340;--tds-warning: #f1c21b;--tds-positive: #1dab8b;--tds-information: #2a6ecf;--tds-black: #000;--tds-white: #fff;--tds-blue: #041e42;--tds-red: #8a0012}.tds-background-black-100{background-color:#000}.tds-background-black-87{background-color:#000000de}.tds-background-black-48{background-color:#0000007a}.tds-background-black-38{background-color:#00000061}.tds-background-white-100{background-color:#fff}.tds-background-white-87{background-color:#ffffffde}.tds-background-white-48{background-color:#ffffff7a}.tds-background-white-38{background-color:#ffffff61}.tds-background-white-05{background-color:#ffffff0d}.tds-background-grey-1000{background-color:#000}.tds-background-grey-958,.tds-background-grey-950{background-color:#0b0c0f}.tds-background-grey-900{background-color:#15181d}.tds-background-grey-868{background-color:#242a33}.tds-background-grey-850{background-color:#1c222b}.tds-background-grey-846{background-color:#2b323d}.tds-background-grey-800{background-color:#242c37}.tds-background-grey-750{background-color:#2d3643}.tds-background-grey-700{background-color:#3a4554}.tds-background-grey-650{background-color:#475467}.tds-background-grey-600{background-color:#4e5e75}.tds-background-grey-500{background-color:#5f728c}.tds-background-grey-400{background-color:#6e829f}.tds-background-grey-350{background-color:#7e90a9}.tds-background-grey-300{background-color:#93a2b7}.tds-background-grey-250{background-color:#b4becd}.tds-background-grey-200{background-color:#d1d7e0}.tds-background-grey-150{background-color:#e0e5eb}.tds-background-grey-100{background-color:#edeff3}.tds-background-grey-50{background-color:#f6f7f9}.tds-background-grey-00{background-color:#fff}.tds-background-blue-900{background-color:#001533}.tds-background-blue-800{background-color:#041e42}.tds-background-blue-700{background-color:#0f3263}.tds-background-blue-600{background-color:#16417f}.tds-background-blue-500{background-color:#2058a8}.tds-background-blue-400{background-color:#2a6ecf}.tds-background-blue-300{background-color:#4a89f3}.tds-background-blue-200{background-color:#87afe8}.tds-background-blue-100{background-color:#bacde8}.tds-background-blue-50{background-color:#d8dde5}.tds-background-red-900{background-color:#350004}.tds-background-red-800{background-color:#480008}.tds-background-red-700{background-color:#6c0011}.tds-background-red-600{background-color:#8a0012}.tds-background-red-500{background-color:#b20018}.tds-background-red-400{background-color:#d1001b}.tds-background-red-300{background-color:#ea4851}.tds-background-red-200{background-color:#fc8a88}.tds-background-red-100{background-color:#ffb9b8}.tds-background-red-50{background-color:#ffdfe3}.tds-background-green-900{background-color:#001a12}.tds-background-green-800{background-color:#00251b}.tds-background-green-700{background-color:#0a382e}.tds-background-green-600{background-color:#004c3b}.tds-background-green-500{background-color:#00664f}.tds-background-green-400{background-color:#008064}.tds-background-green-300{background-color:#009e7e}.tds-background-green-200{background-color:#65bda5}.tds-background-green-100{background-color:#9bd9c2}.tds-background-green-50{background-color:#d3eee7}.tds-background-yellow-900{background-color:#361b07}.tds-background-yellow-800{background-color:#4d260a}.tds-background-yellow-700{background-color:#6b3b10}.tds-background-yellow-600{background-color:#975717}.tds-background-yellow-500{background-color:#b87c14}.tds-background-yellow-400{background-color:#eaad06}.tds-background-yellow-300{background-color:#f1c21b}.tds-background-yellow-200{background-color:#f4d65d}.tds-background-yellow-100{background-color:#f8e596}.tds-background-yellow-50{background-color:#f9eec3}.tds-background-cta{background-color:#0f3263}.tds-background-negative{background-color:#ff2340}.tds-background-warning{background-color:#f1c21b}.tds-background-positive{background-color:#1dab8b}.tds-background-information{background-color:#2a6ecf}.tds-background-black{background-color:#000}.tds-background-white{background-color:#fff}.tds-background-blue{background-color:#041e42}.tds-background-red{background-color:#8a0012}.tds-text-black-100{color:#000}.tds-text-black-87{color:#000000de}.tds-text-black-48{color:#0000007a}.tds-text-black-38{color:#00000061}.tds-text-white-100{color:#fff}.tds-text-white-87{color:#ffffffde}.tds-text-white-48{color:#ffffff7a}.tds-text-white-38{color:#ffffff61}.tds-text-white-05{color:#ffffff0d}.tds-text-grey-1000{color:#000}.tds-text-grey-958,.tds-text-grey-950{color:#0b0c0f}.tds-text-grey-900{color:#15181d}.tds-text-grey-868{color:#242a33}.tds-text-grey-850{color:#1c222b}.tds-text-grey-846{color:#2b323d}.tds-text-grey-800{color:#242c37}.tds-text-grey-750{color:#2d3643}.tds-text-grey-700{color:#3a4554}.tds-text-grey-650{color:#475467}.tds-text-grey-600{color:#4e5e75}.tds-text-grey-500{color:#5f728c}.tds-text-grey-400{color:#6e829f}.tds-text-grey-350{color:#7e90a9}.tds-text-grey-300{color:#93a2b7}.tds-text-grey-250{color:#b4becd}.tds-text-grey-200{color:#d1d7e0}.tds-text-grey-150{color:#e0e5eb}.tds-text-grey-100{color:#edeff3}.tds-text-grey-50{color:#f6f7f9}.tds-text-grey-00{color:#fff}.tds-text-blue-900{color:#001533}.tds-text-blue-800{color:#041e42}.tds-text-blue-700{color:#0f3263}.tds-text-blue-600{color:#16417f}.tds-text-blue-500{color:#2058a8}.tds-text-blue-400{color:#2a6ecf}.tds-text-blue-300{color:#4a89f3}.tds-text-blue-200{color:#87afe8}.tds-text-blue-100{color:#bacde8}.tds-text-blue-50{color:#d8dde5}.tds-text-red-900{color:#350004}.tds-text-red-800{color:#480008}.tds-text-red-700{color:#6c0011}.tds-text-red-600{color:#8a0012}.tds-text-red-500{color:#b20018}.tds-text-red-400{color:#d1001b}.tds-text-red-300{color:#ea4851}.tds-text-red-200{color:#fc8a88}.tds-text-red-100{color:#ffb9b8}.tds-text-red-50{color:#ffdfe3}.tds-text-green-900{color:#001a12}.tds-text-green-800{color:#00251b}.tds-text-green-700{color:#0a382e}.tds-text-green-600{color:#004c3b}.tds-text-green-500{color:#00664f}.tds-text-green-400{color:#008064}.tds-text-green-300{color:#009e7e}.tds-text-green-200{color:#65bda5}.tds-text-green-100{color:#9bd9c2}.tds-text-green-50{color:#d3eee7}.tds-text-yellow-900{color:#361b07}.tds-text-yellow-800{color:#4d260a}.tds-text-yellow-700{color:#6b3b10}.tds-text-yellow-600{color:#975717}.tds-text-yellow-500{color:#b87c14}.tds-text-yellow-400{color:#eaad06}.tds-text-yellow-300{color:#f1c21b}.tds-text-yellow-200{color:#f4d65d}.tds-text-yellow-100{color:#f8e596}.tds-text-yellow-50{color:#f9eec3}.tds-text-cta{color:#0f3263}.tds-text-negative{color:#ff2340}.tds-text-warning{color:#f1c21b}.tds-text-positive{color:#1dab8b}.tds-text-information{color:#2a6ecf}.tds-text-black{color:#000}.tds-text-white{color:#fff}.tds-text-blue{color:#041e42}.tds-text-red{color:#8a0012}:root,.tds-mode-light,.scania .tds-mode-light,.scania.tds-mode-light,.scania .tl-mode-light,.scania.tl-mode-light{--component-scrollbar-background-thumb-default: var(--color-border-subtle);--component-scrollbar-background-thumb-hover: var(--color-border-soft);--component-scrollbar-background-track-default: var(--scania-color-transparent-invisible-light);--component-scrollbar-border-radius-default: var(--scania-unit-8);--component-scrollbar-size-thumb-default: var(--scania-unit-4);--component-scrollbar-size-thumb-hover: 6}.traton .tds-mode-light,.traton.tds-mode-light,.traton .tl-mode-light,.traton.tl-mode-light{--component-scrollbar-background-thumb-default: var(--color-border-subtle);--component-scrollbar-background-thumb-hover: var(--color-border-soft);--component-scrollbar-background-track-default: var(--traton-color-transparent-invisible-light);--component-scrollbar-border-radius-default: var(--traton-unit-8);--component-scrollbar-size-thumb-default: var(--traton-unit-4);--component-scrollbar-size-thumb-hover: 6}.tds-mode-dark,.scania .tds-mode-dark,.scania.tds-mode-dark,.scania .tl-mode-dark,.scania.tl-mode-dark{--component-scrollbar-background-thumb-default: var(--color-border-subtle);--component-scrollbar-background-thumb-hover: var(--color-border-soft);--component-scrollbar-background-track-default: var(--scania-color-transparent-invisible-dark);--component-scrollbar-border-radius-default: var(--scania-unit-8);--component-scrollbar-size-thumb-default: var(--scania-unit-4);--component-scrollbar-size-thumb-hover: 6}.traton .tds-mode-dark,.traton.tds-mode-dark,.traton .tl-mode-dark,.traton.tl-mode-dark{--component-scrollbar-background-thumb-default: var(--color-border-subtle);--component-scrollbar-background-thumb-hover: var(--color-border-soft);--component-scrollbar-background-track-default: var(--traton-color-transparent-invisible-dark);--component-scrollbar-border-radius-default: var(--traton-unit-8);--component-scrollbar-size-thumb-default: var(--traton-unit-4);--component-scrollbar-size-thumb-hover: 6}:root,.tl-mode-light,.tds-mode-light{--tl-scrollbar-track-color: transparent;--tl-scrollbar-thumb-color: var(--component-scrollbar-background-thumb-default);--tl-scrollbar-thumb-border-radius: calc(var(--component-scrollbar-border-radius-default) * 1px);--tl-scrollbar-hover-thumb-border-radius: calc( var(--component-scrollbar-border-radius-default) * 1px )}.tl-mode-dark,.tds-mode-dark{--tl-scrollbar-thumb-color: var(--component-scrollbar-background-thumb-default);--tl-scrollbar-thumb-border-radius: calc(var(--component-scrollbar-border-radius-default) * 1px);--tl-scrollbar-hover-thumb-border-radius: calc( var(--component-scrollbar-border-radius-default) * 1px )}:root,.tds-mode-light,.scania .tds-mode-light,.scania.tds-mode-light,.scania .tl-mode-light,.scania.tl-mode-light{--component--focus-ring-color-strong: var(--color-system-info-default);--component--focus-ring-color-discrete: var(--scania-color-base-white);--component--focus-ring-radius-none: var(--scania-unit-0);--component--focus-ring-radius-extra-small: 1;--component--focus-ring-radius-small: 2;--component--focus-ring-radius-medium: 3;--component--focus-ring-radius-large: 4;--component--focus-ring-radius-extra-large: 5;--component--focus-ring-radius-full: var(--scania-unit-9999)}.traton .tds-mode-light,.traton.tds-mode-light,.traton .tl-mode-light,.traton.tl-mode-light{--component--focus-ring-color-strong: var(--color-system-info-default);--component--focus-ring-color-discrete: var(--traton-color-base-white);--component--focus-ring-radius-none: var(--traton-unit-0);--component--focus-ring-radius-extra-small: 1;--component--focus-ring-radius-small: 2;--component--focus-ring-radius-medium: 3;--component--focus-ring-radius-large: 4;--component--focus-ring-radius-extra-large: 5;--component--focus-ring-radius-full: var(--traton-unit-9999)}.tds-mode-dark,.scania .tds-mode-dark,.scania.tds-mode-dark,.scania .tl-mode-dark,.scania.tl-mode-dark{--component--focus-ring-color-strong: var(--color-system-info-default);--component--focus-ring-color-discrete: var(--scania-color-base-white);--component--focus-ring-radius-none: var(--scania-unit-0);--component--focus-ring-radius-extra-small: 1;--component--focus-ring-radius-small: 2;--component--focus-ring-radius-medium: 3;--component--focus-ring-radius-large: 4;--component--focus-ring-radius-extra-large: 5;--component--focus-ring-radius-full: var(--scania-unit-9999)}.traton .tds-mode-dark,.traton.tds-mode-dark,.traton .tl-mode-dark,.traton.tl-mode-dark{--component--focus-ring-color-strong: var(--color-system-info-default);--component--focus-ring-color-discrete: var(--traton-color-base-white);--component--focus-ring-radius-none: var(--traton-unit-0);--component--focus-ring-radius-extra-small: 1;--component--focus-ring-radius-small: 2;--component--focus-ring-radius-medium: 3;--component--focus-ring-radius-large: 4;--component--focus-ring-radius-extra-large: 5;--component--focus-ring-radius-full: var(--traton-unit-9999)}body{font-family:var(--body-01-font-family);font-size:14px;margin:0;flex:1}h1{font-family:var(--headline-01-font-family)}h2{font-family:var(--headline-02-font-family)}h3{font-family:var(--headline-03-font-family)}h4{font-family:var(--headline-04-font-family)}h5{font-family:var(--headline-05-font-family)}h6{font-family:var(--headline-06-font-family)}:root,.tl-mode-light{color:var(--color-text-strong);background-color:var(--color-background-base)}:root.tl-mode-variant-primary,:root .tl-mode-variant-primary,.tl-mode-light.tl-mode-variant-primary,.tl-mode-light .tl-mode-variant-primary{color:var(--color-text-strong);background-color:var(--color-background-base)}:root.tl-mode-variant-secondary,:root .tl-mode-variant-secondary,.tl-mode-light.tl-mode-variant-secondary,.tl-mode-light .tl-mode-variant-secondary{color:var(--color-text-strong);background-color:var(--color-background-layer-01)}.tl-mode-dark,.tl-mode-dark.tl-mode-variant-primary,.tl-mode-dark .tl-mode-variant-primary{color:var(--color-text-strong);background-color:var(--color-background-base)}.tl-mode-dark.tl-mode-variant-secondary,.tl-mode-dark .tl-mode-variant-secondary{color:var(--color-text-strong);background-color:var(--color-background-layer-01)}:root,.tds-mode-light,.scania .tds-mode-light,.scania.tds-mode-light,.scania .tl-mode-light,.scania.tl-mode-light{--component-accordion-background-primary-default: var(--color-background-none);--component-accordion-background-primary-hover: var(--color-background-layer-01);--component-accordion-background-primary-active: var(--scania-color-grey-100);--component-accordion-background-secondary-default: var(--color-background-none);--component-accordion-background-secondary-hover: var(--scania-color-grey-50);--component-accordion-background-secondary-active: var(--scania-color-grey-150);--component-accordion-text-default: var(--color-text-strong);--component-accordion-icon-default: var(--color-icon-strong);--component-accordion-opacity-disabled: var(--scania-opacity-25)}.traton .tds-mode-light,.traton.tds-mode-light,.traton .tl-mode-light,.traton.tl-mode-light{--component-accordion-background-primary-default: var(--color-background-none);--component-accordion-background-primary-hover: var(--color-background-layer-01);--component-accordion-background-primary-active: var(--traton-color-grey-150);--component-accordion-background-secondary-default: var(--color-background-none);--component-accordion-background-secondary-hover: var(--traton-color-grey-150);--component-accordion-background-secondary-active: var(--traton-color-grey-200);--component-accordion-text-default: var(--color-text-strong);--component-accordion-icon-default: var(--color-icon-strong);--component-accordion-opacity-disabled: var(--traton-opacity-25)}.tds-mode-dark,.scania .tds-mode-dark,.scania.tds-mode-dark,.scania .tl-mode-dark,.scania.tl-mode-dark{--component-accordion-background-primary-default: var(--color-background-none);--component-accordion-background-primary-hover: var(--color-background-layer-01);--component-accordion-background-primary-active: var(--scania-color-grey-850);--component-accordion-background-secondary-default: var(--color-background-none);--component-accordion-background-secondary-hover: var(--scania-color-grey-800);--component-accordion-background-secondary-active: var(--scania-color-grey-750);--component-accordion-text-default: var(--color-text-strong);--component-accordion-icon-default: var(--color-icon-strong);--component-accordion-opacity-disabled: var(--scania-opacity-25)}.traton .tds-mode-dark,.traton.tds-mode-dark,.traton .tl-mode-dark,.traton.tl-mode-dark{--component-accordion-background-primary-default: var(--color-background-none);--component-accordion-background-primary-hover: var(--color-background-layer-01);--component-accordion-background-primary-active: var(--traton-color-blue-900);--component-accordion-background-secondary-default: var(--color-background-none);--component-accordion-background-secondary-hover: var(--traton-color-blue-900);--component-accordion-background-secondary-active: var(--traton-color-blue-850);--component-accordion-text-default: var(--color-text-strong);--component-accordion-icon-default: var(--color-icon-strong);--component-accordion-opacity-disabled: var(--traton-opacity-25)}.tl-accordion{--accordion-background: var(--component-accordion-background-primary-default);--accordion-background-hover-primary: var(--component-accordion-background-primary-hover);--accordion-background-hover-secondary: var(--component-accordion-background-secondary-hover);--accordion-background-hover: var(--accordion-background-hover-primary);--accordion-background-focus: var(--color-background-none);--accordion-background-active: var(--component-accordion-background-primary-active);--accordion-text: var(--component-accordion-text-default);--accordion-icon: var(--component-accordion-icon-default);--accordion-text-disabled: var(--color-text-disabled);--accordion-border: var(--color-border-subtle);--accordion-opacity-disabled: calc(var(--component-accordion-opacity-disabled) / 100)}.tl-accordion--primary,.tl-accordion .tl-accordion--primary{--accordion-background: var(--component-accordion-background-primary-default);--accordion-background-hover: var(--accordion-background-hover-primary);--accordion-background-active: var(--component-accordion-background-primary-active)}.tl-accordion--secondary,.tl-accordion .tl-accordion--secondary{--accordion-background: var(--component-accordion-background-secondary-default);--accordion-background-hover: var(--accordion-background-hover-secondary);--accordion-background-active: var(--component-accordion-background-secondary-active)}.tl-accordion__item,.tl-accordion__item *{box-sizing:border-box}.tl-accordion__item{list-style:none;color:var(--accordion-text);position:relative;border-top:1px solid var(--accordion-border);width:100%}.tl-accordion__item button{border:none}.tl-accordion__item:last-child{margin-bottom:-1px;border-bottom:1px solid var(--accordion-border)}.tl-accordion__item:hover:not(.tl-accordion__item--expanded,.tl-accordion__item--disabled) .tl-accordion__header-icon-start,.tl-accordion__item:hover:not(.tl-accordion__item--expanded,.tl-accordion__item--disabled) .tl-accordion__header-icon-end{background-color:var(--accordion-background-hover)}.tl-accordion__item:active:not(.tl-accordion__item--disabled) .tl-accordion__header-icon-start,.tl-accordion__item:active:not(.tl-accordion__item--disabled) .tl-accordion__header-icon-end{background-color:var(--accordion-background-active)}.tl-accordion__item:has(.tl-accordion__header-icon-start:focus-visible),.tl-accordion__item:has(.tl-accordion__header-icon-end:focus-visible){outline:2px solid var(--component--focus-ring-color-strong);box-shadow:0 0 0 1px var(--component--focus-ring-color-discrete);outline-offset:1px;z-index:1;background-color:var(--accordion-background-focus)}.tl-accordion__item--disabled{opacity:var(--accordion-opacity-disabled)}.tl-accordion__item--disabled:hover,.tl-accordion__item--disabled:active{background-color:transparent}.tl-accordion__item--less-padding .tl-accordion__panel{padding-right:var(--tds-spacing-element-16)}.tl-accordion__title{flex-grow:2;text-align:left;color:var(--accordion-text)}.tl-accordion__item--disabled .tl-accordion__title{color:var(--accordion-text-disabled)}.tl-accordion__item--icon-start .tl-accordion__header-icon-start .tl-accordion__title{order:1}.tl-accordion__panel{cursor:default;padding:var(--tds-spacing-element-8) var(--tds-spacing-layout-64) var(--tds-spacing-element-32) var(--tds-spacing-element-16);display:none;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)}.tl-accordion__panel p{margin:0;padding:0}.tl-accordion__item--disabled .tl-accordion__panel{color:var(--accordion-text-disabled);cursor:not-allowed}.tl-accordion__item--expanded .tl-accordion__panel{display:block;padding-bottom:31px}.tl-accordion__header-icon-start,.tl-accordion__header-icon-end,.tl-accordion__header-icon-start *,.tl-accordion__header-icon-end *{box-sizing:border-box}.tl-accordion__header-icon-start,.tl-accordion__header-icon-end{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);cursor:pointer;display:flex;align-items:center;width:100%;padding:var(--tds-spacing-element-16);background-color:var(--accordion-background);position:relative}.tl-accordion__header-icon-start:after,.tl-accordion__header-icon-end:after{content:"";width:16px;height:16px;background-color:var(--accordion-icon);-webkit-mask-image:var(--icon-chevron_down-svg);mask-image:var(--icon-chevron_down-svg);-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;transform-origin:center;transition:transform .15s ease-in-out;flex-shrink:0}.tl-accordion__item--disabled .tl-accordion__header-icon-start:after,.tl-accordion__item--disabled .tl-accordion__header-icon-end:after{background-color:var(--accordion-text-disabled)}.tl-accordion__item--expanded .tl-accordion__header-icon-start:after,.tl-accordion__item--expanded .tl-accordion__header-icon-end:after{transform:rotate(180deg)}.tl-accordion__header-icon-start button,.tl-accordion__header-icon-end button{all:unset;box-sizing:border-box}.tl-accordion__header-icon-start button *,.tl-accordion__header-icon-end button *{box-sizing:border-box}.tl-accordion__header-icon-start button,.tl-accordion__header-icon-end button{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);cursor:pointer;display:flex;align-items:center;width:100%;padding:var(--tds-spacing-element-16);background-color:var(--accordion-background)}.tl-accordion__header-icon-start .tl-accordion__icon,.tl-accordion__header-icon-end .tl-accordion__icon{transform-origin:center;transition:transform .15s ease-in-out;color:var(--accordion-icon)}.tl-accordion__item--disabled .tl-accordion__header-icon-start,.tl-accordion__item--disabled .tl-accordion__header-icon-end{color:var(--accordion-text-disabled);cursor:not-allowed}.tl-accordion__item--expanded .tl-accordion__header-icon-start,.tl-accordion__item--expanded .tl-accordion__header-icon-end{background-color:var(--color-background-surface-100)}.tl-accordion__header-icon-start:active,.tl-accordion__header-icon-end:active{outline:none}.tl-accordion__header-icon-start:focus,.tl-accordion__header-icon-start:focus-visible,.tl-accordion__header-icon-start:focus-within,.tl-accordion__header-icon-end:focus,.tl-accordion__header-icon-end:focus-visible,.tl-accordion__header-icon-end:focus-within{outline:none!important;box-shadow:none!important;border:none!important}.tl-accordion__header-icon-start:after{order:0;margin-right:var(--tds-spacing-element-16)}.tl-accordion__item--expanded .tl-accordion__header-icon-start:after{margin-left:0;margin-right:var(--tds-spacing-element-16)}.tl-accordion__header-icon-end:after{margin-left:var(--tds-spacing-element-32)}.tl-accordion__item--expanded .tl-accordion__header-icon-end:after{margin-right:0;margin-left:var(--tds-spacing-element-32)}.tl-accordion{display:block;box-sizing:border-box}.tl-accordion *{box-sizing:border-box}.tl-accordion{width:100%;background-color:var(--accordion-background)}.tl-accordion--hide-last-border .tl-accordion__item:last-child{border-bottom:none}.tl-accordion__header-icon-start,.tl-accordion__header-icon-end{position:relative}:root,.tds-mode-light,.scania .tds-mode-light,.scania.tds-mode-light,.scania .tl-mode-light,.scania.tl-mode-light{--component-banner-background-neutral-default: var(--scania-color-grey-150);--component-banner-background-information-default: var(--scania-color-blue-100);--component-banner-background-error-default: var(--color-system-danger-discrete);--component-banner-text-neutral-default: var(--color-text-strong);--component-banner-text-information-default: var(--color-text-strong);--component-banner-text-error-default: var(--color-text-strong);--component-banner-icon-neutral-default: var(--color-icon-strong);--component-banner-icon-information-default: var(--color-system-info-default);--component-banner-icon-error-default: var(--color-system-danger-default);--component-banner-icon-dismiss-default: var(--color-icon-strong)}.traton .tds-mode-light,.traton.tds-mode-light,.traton .tl-mode-light,.traton.tl-mode-light{--component-banner-background-neutral-default: var(--color-background-layer-01);--component-banner-background-information-default: var(--color-system-info-discrete);--component-banner-background-error-default: var(--color-system-danger-discrete);--component-banner-text-neutral-default: var(--color-text-strong);--component-banner-text-information-default: var(--color-text-strong);--component-banner-text-error-default: var(--color-text-strong);--component-banner-icon-neutral-default: var(--color-icon-strong);--component-banner-icon-information-default: var(--color-system-info-default);--component-banner-icon-error-default: var(--color-system-danger-default);--component-banner-icon-dismiss-default: var(--color-icon-strong)}.tds-mode-dark,.scania .tds-mode-dark,.scania.tds-mode-dark,.scania .tl-mode-dark,.scania.tl-mode-dark{--component-banner-background-neutral-default: var(--color-background-layer-02);--component-banner-background-information-default: var(--scania-color-blue-700);--component-banner-background-error-default: var(--color-system-danger-discrete);--component-banner-text-neutral-default: var(--color-text-strong);--component-banner-text-information-default: var(--color-text-strong);--component-banner-text-error-default: var(--color-text-strong);--component-banner-icon-neutral-default: var(--color-icon-strong);--component-banner-icon-information-default: var(--color-system-info-default);--component-banner-icon-error-default: var(--color-system-danger-default);--component-banner-icon-dismiss-default: var(--color-icon-strong)}.traton .tds-mode-dark,.traton.tds-mode-dark,.traton .tl-mode-dark,.traton.tl-mode-dark{--component-banner-background-neutral-default: var(--color-background-layer-01);--component-banner-background-information-default: var(--color-system-info-discrete);--component-banner-background-error-default: var(--color-system-danger-discrete);--component-banner-text-neutral-default: var(--color-text-strong);--component-banner-text-information-default: var(--color-text-strong);--component-banner-text-error-default: var(--color-text-strong);--component-banner-icon-neutral-default: var(--color-icon-strong);--component-banner-icon-information-default: var(--color-system-info-default);--component-banner-icon-error-default: var(--color-system-danger-default);--component-banner-icon-dismiss-default: var(--color-icon-strong)}.tl-banner{--banner-text: var(--component-banner-text-neutral-default);--banner-close-icon: var(--component-banner-icon-dismiss-default);--banner-background-default: var(--component-banner-background-neutral-default);--banner-prefix-default: var(--component-banner-icon-neutral-default);--banner-background-info: var(--component-banner-background-information-default);--banner-prefix-info: var(--component-banner-icon-information-default);--banner-background-error: var(--component-banner-background-error-default);--banner-prefix-error: var(--component-banner-icon-error-default)}.tl-banner{display:flex;background-color:var(--banner-background-default);padding:16px;position:relative}.tl-banner--error{background-color:var(--banner-background-error)}.tl-banner--information{background-color:var(--banner-background-info)}.tl-banner--error .tl-banner__icon{color:var(--banner-prefix-error)}.tl-banner--information .tl-banner__icon{color:var(--banner-prefix-info)}.tl-banner__icon{padding-right:12px;color:var(--banner-prefix-default);flex-shrink:0}.tl-banner__content{color:var(--banner-text);display:flex;flex-direction:column;flex-grow:1}.tl-banner__text{display:flex;flex-direction:column;gap:4px}.tl-banner__header{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);margin:0}.tl-banner__subheader{display:block;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);margin:0}.tl-banner__actions{display:block;width:fit-content;padding-top:12px}.tl-banner__close{color:var(--banner-close-icon);cursor:pointer;display:flex;justify-content:center;align-items:center;height:20px;width:20px}.tl-banner__close:focus-visible{outline:2px solid var(--component--focus-ring-color-strong);box-shadow:0 0 0 1px var(--component--focus-ring-color-discrete);outline-offset:1px;z-index:1}.tl-banner .tl-link{text-decoration:underline}.tl-banner .tl-link:hover{text-decoration:none}:root,.tds-mode-light,.scania .tds-mode-light,.scania.tds-mode-light,.scania .tl-mode-light,.scania.tl-mode-light{--component-block-background-primary: var(--color-background-layer-01);--component-block-background-secondary: var(--color-background-layer-02);--component-block-background-nested-even: var(--component-block-background-primary);--component-block-background-nested-odd: var(--component-block-background-secondary);--component-block-border-radius-default: var(--scania-unit-4);--component-block-border-radius-none: var(--scania-unit-0)}.traton .tds-mode-light,.traton.tds-mode-light,.traton .tl-mode-light,.traton.tl-mode-light{--component-block-background-primary: var(--color-background-layer-01);--component-block-background-secondary: var(--color-background-layer-02);--component-block-background-nested-even: var(--component-block-background-primary);--component-block-background-nested-odd: var(--component-block-background-secondary);--component-block-border-radius-default: var(--traton-unit-4);--component-block-border-radius-none: var(--traton-unit-0)}.tds-mode-dark,.scania .tds-mode-dark,.scania.tds-mode-dark,.scania .tl-mode-dark,.scania.tl-mode-dark{--component-block-background-primary: var(--color-background-layer-01);--component-block-background-secondary: var(--color-background-layer-02);--component-block-background-nested-even: var(--component-block-background-primary);--component-block-background-nested-odd: var(--component-block-background-secondary);--component-block-border-radius-default: var(--scania-unit-4);--component-block-border-radius-none: var(--scania-unit-0)}.traton .tds-mode-dark,.traton.tds-mode-dark,.traton .tl-mode-dark,.traton.tl-mode-dark{--component-block-background-primary: var(--color-background-layer-01);--component-block-background-secondary: var(--color-background-layer-02);--component-block-background-nested-even: var(--component-block-background-primary);--component-block-background-nested-odd: var(--component-block-background-secondary);--component-block-border-radius-default: var(--traton-unit-4);--component-block-border-radius-none: var(--traton-unit-0)}.tl-block{--block-background: var(--component-block-background-primary);--block-text-color: var(--color-text-strong);--block-background-mode-primary: var(--component-block-background-primary);--block-background-mode-secondary: var(--component-block-background-secondary);--block-background-even: var(--component-block-background-nested-even);--block-background-odd: var(--component-block-background-nested-odd);--block-padding: 16px;--block-border-radius: calc(var(--component-block-border-radius-default) * 1px)}.tl-block,.tl-block *{box-sizing:border-box}.tl-block{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);background-color:var(--block-background);color:var(--block-text-color);border-radius:var(--block-border-radius);padding:var(--block-padding)}.tl-block 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)}.tl-block p{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)}.tl-block--primary{background-color:var(--block-background-mode-primary)}.tl-block--secondary{background-color:var(--block-background-mode-secondary)}.tl-block--primary .tl-block{background-color:var(--block-background-odd)}.tl-block--primary .tl-block .tl-block{background-color:var(--block-background-even)}.tl-block--primary .tl-block .tl-block .tl-block{background-color:var(--block-background-odd)}.tl-block--primary .tl-block .tl-block .tl-block .tl-block,.tl-block--secondary .tl-block{background-color:var(--block-background-even)}.tl-block--secondary .tl-block .tl-block{background-color:var(--block-background-odd)}.tl-block--secondary .tl-block .tl-block .tl-block{background-color:var(--block-background-even)}.tl-block--secondary .tl-block .tl-block .tl-block .tl-block{background-color:var(--block-background-odd)}.tl-block--primary .tl-block h3,.tl-block--secondary .tl-block h3{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)}.tl-block--primary .tl-block p,.tl-block--secondary .tl-block p{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)}.tl-block--primary .tl-block .tl-block h4,.tl-block--secondary .tl-block .tl-block h4{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)}.tl-block--primary .tl-block .tl-block p,.tl-block--secondary .tl-block .tl-block p{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)}:root,.tds-mode-light,.scania .tds-mode-light,.scania.tds-mode-light,.scania .tl-mode-light,.scania.tl-mode-light{--component-breadcrumbs-text-link-default: var(--color-text-strong);--component-breadcrumbs-text-link-hover: var(--color-text-strong);--component-breadcrumbs-text-current-default: var(--color-text-soft);--component-breadcrumbs-text-separator-default: var(--color-text-strong)}.traton .tds-mode-light,.traton.tds-mode-light,.traton .tl-mode-light,.traton.tl-mode-light,.tds-mode-dark,.scania .tds-mode-dark,.scania.tds-mode-dark,.scania .tl-mode-dark,.scania.tl-mode-dark,.traton .tds-mode-dark,.traton.tds-mode-dark,.traton .tl-mode-dark,.traton.tl-mode-dark{--component-breadcrumbs-text-link-default: var(--color-text-strong);--component-breadcrumbs-text-link-hover: var(--color-text-strong);--component-breadcrumbs-text-current-default: var(--color-text-soft);--component-breadcrumbs-text-separator-default: var(--color-text-strong)}.tl-breadcrumbs{--breadcrumb-label: var(--component-breadcrumbs-text-link-default);--breadcrumb-hover: var(--component-breadcrumbs-text-link-hover);--breadcrumb-current: var(--component-breadcrumbs-text-current-default);--breadcrumb-separator-color: var(--component-breadcrumbs-text-separator-default);--breadcrumb-separator-margin: 4px;--breadcrumb-separator-width: 4px;--breadcrumb-separator-height: 8px;--breadcrumb-focus-outline-color: var(--color-system-info-default);--breadcrumb-focus-outline-width: 2px}.tl-breadcrumbs,.tl-breadcrumbs *{box-sizing:border-box}.tl-breadcrumbs ol{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);padding:0;margin:0;display:flex;flex-wrap:wrap;list-style-type:none}.tl-breadcrumbs li{display:inline-block}.tl-breadcrumbs li:after{content:"\203a";color:var(--breadcrumb-separator-color);margin-right:var(--breadcrumb-separator-margin);margin-left:var(--breadcrumb-separator-margin);display:inline-block;width:var(--breadcrumb-separator-width);height:var(--breadcrumb-separator-height)}.tl-breadcrumbs li:has([aria-current]):after{display:none}.tl-breadcrumbs a{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);color:var(--breadcrumb-label);text-decoration:none;transition:color .2s ease}.tl-breadcrumbs a:hover{color:var(--breadcrumb-hover);text-decoration:underline}.tl-breadcrumbs a:focus-visible{outline:2px solid var(--component--focus-ring-color-strong);box-shadow:0 0 0 1px var(--component--focus-ring-color-discrete);outline-offset:1px;z-index:1}.tl-breadcrumbs a[aria-current=page]{pointer-events:none;cursor:default;color:var(--breadcrumb-current)}.tl-breadcrumbs a[aria-current=page]:hover{text-decoration:none;cursor:not-allowed}:root,.tds-mode-light,.scania .tds-mode-light,.scania.tds-mode-light,.scania .tl-mode-light,.scania.tl-mode-light{--component-button-background-standard-primary-default: var(--scania-color-blue-600);--component-button-background-standard-primary-hover: var(--scania-color-blue-700);--component-button-background-standard-primary-active: var(--scania-color-blue-800);--component-button-background-standard-secondary-default: var(--color-background-none);--component-button-background-standard-secondary-hover: var(--color-background-none);--component-button-background-standard-secondary-active: var(--color-background-none);--component-button-background-standard-tertiary-default: var(--color-background-none);--component-button-background-standard-tertiary-hover: var(--color-background-none);--component-button-background-standard-tertiary-active: var(--color-background-none);--component-button-background-danger-primary-default: var(--scania-color-red-400);--component-button-background-danger-primary-hover: var(--scania-color-red-500);--component-button-background-danger-primary-active: var(--scania-color-red-600);--component-button-background-danger-secondary-default: var(--color-background-none);--component-button-background-danger-secondary-hover: var(--color-background-none);--component-button-background-danger-secondary-active: var(--color-background-none);--component-button-background-danger-tertiary-default: var(--color-background-none);--component-button-background-danger-tertiary-hover: var(--color-background-none);--component-button-background-danger-tertiary-active: var(--color-background-none);--component-button-border-radius-default: var(--scania-unit-4);--component-button-border-standard-primary-default: var(--color-border-none);--component-button-border-standard-primary-hover: var(--color-border-none);--component-button-border-standard-primary-active: var(--color-border-none);--component-button-border-standard-secondary-default: var(--color-border-soft);--component-button-border-standard-secondary-hover: var(--color-border-subtle);--component-button-border-standard-secondary-active: var(--color-border-strong);--component-button-border-standard-tertiary-default: var(--color-border-none);--component-button-border-standard-tertiary-hover: var(--color-border-subtle);--component-button-border-standard-tertiary-active: var(--color-border-strong);--component-button-border-danger-primary-default: var(--color-border-none);--component-button-border-danger-primary-hover: var(--color-border-none);--component-button-border-danger-primary-active: var(--color-border-none);--component-button-border-danger-secondary-default: var(--scania-color-red-400);--component-button-border-danger-secondary-hover: var(--scania-color-red-500);--component-button-border-danger-secondary-active: var(--scania-color-red-600);--component-button-border-danger-tertiary-default: var(--color-border-none);--component-button-border-danger-tertiary-hover: var(--scania-color-red-500);--component-button-border-danger-tertiary-active: var(--scania-color-red-600);--component-button-focus-ring-radius-default: var(--component--focus-ring-radius-extra-large);--component-button-icon-standard-primary-default: var(--scania-color-base-white);--component-button-icon-standard-primary-hover: var( --component-button-icon-standard-primary-default );--component-button-icon-standard-primary-active: var( --component-button-icon-standard-primary-default );--component-button-icon-standard-secondary-default: var(--scania-color-base-black);--component-button-icon-standard-secondary-hover: var( --component-button-icon-standard-secondary-default );--component-button-icon-standard-secondary-active: var( --component-button-icon-standard-secondary-default );--component-button-icon-standard-tertiary-default: var(--scania-color-base-black);--component-button-icon-standard-tertiary-hover: var( --component-button-icon-standard-tertiary-default );--component-button-icon-standard-tertiary-active: var( --component-button-icon-standard-tertiary-default );--component-button-icon-danger-primary-default: var(--scania-color-base-white);--component-button-icon-danger-primary-hover: var(--component-button-icon-danger-primary-default);--component-button-icon-danger-primary-active: var( --component-button-icon-danger-primary-default );--component-button-icon-danger-secondary-default: var(--scania-color-red-400);--component-button-icon-danger-secondary-hover: var(--scania-color-red-500);--component-button-icon-danger-secondary-active: var(--scania-color-red-600);--component-button-icon-danger-tertiary-default: var(--scania-color-red-400);--component-button-icon-danger-tertiary-hover: var(--scania-color-red-500);--component-button-icon-danger-tertiary-active: var(--scania-color-red-600);--component-button-opacity-disabled: var(--scania-opacity-25);--component-button-text-standard-primary-default: var(--scania-color-base-white);--component-button-text-standard-primary-hover: var( --component-button-text-standard-primary-default );--component-button-text-standard-primary-active: var( --component-button-text-standard-primary-default );--component-button-text-standard-secondary-default: var(--scania-color-base-black);--component-button-text-standard-secondary-hover: var(--scania-color-base-black);--component-button-text-standard-secondary-active: var(--scania-color-base-black);--component-button-text-standard-tertiary-default: var(--scania-color-base-black);--component-button-text-standard-tertiary-hover: var(--scania-color-base-black);--component-button-text-standard-tertiary-active: var(--scania-color-base-black);--component-button-text-danger-primary-default: var(--scania-color-base-white);--component-button-text-danger-primary-hover: var(--component-button-text-danger-primary-default);--component-button-text-danger-primary-active: var( --component-button-text-danger-primary-default );--component-button-text-danger-secondary-default: var(--scania-color-red-400);--component-button-text-danger-secondary-hover: var(--scania-color-red-500);--component-button-text-danger-secondary-active: var(--scania-color-red-600);--component-button-text-danger-tertiary-default: var(--scania-color-red-400);--component-button-text-danger-tertiary-hover: var(--scania-color-red-500);--component-button-text-danger-tertiary-active: var(--scania-color-red-600)}.traton .tds-mode-light,.traton.tds-mode-light,.traton .tl-mode-light,.traton.tl-mode-light{--component-button-background-standard-primary-default: var(--traton-color-blue-800);--component-button-background-standard-primary-hover: var(--traton-color-blue-850);--component-button-background-standard-primary-active: var(--traton-color-blue-900);--component-button-background-standard-secondary-default: var(--color-background-none);--component-button-background-standard-secondary-hover: var(--color-background-none);--component-button-background-standard-secondary-active: var(--color-background-none);--component-button-background-standard-tertiary-default: var(--color-background-none);--component-button-background-standard-tertiary-hover: var(--color-background-none);--component-button-background-standard-tertiary-active: var(--color-background-none);--component-button-background-danger-primary-default: var(--color-system-danger-default);--component-button-background-danger-primary-hover: var(--traton-color-red-400);--component-button-background-danger-primary-active: var(--traton-color-red-500);--component-button-background-danger-secondary-default: var(--color-background-none);--component-button-background-danger-secondary-hover: var(--color-background-none);--component-button-background-danger-secondary-active: var(--color-background-none);--component-button-background-danger-tertiary-default: var(--color-background-none);--component-button-background-danger-tertiary-hover: var(--color-background-none);--component-button-background-danger-tertiary-active: var(--color-background-none);--component-button-border-radius-default: var(--traton-unit-56);--component-button-border-standard-primary-default: var(--color-border-none);--component-button-border-standard-primary-hover: var(--color-border-none);--component-button-border-standard-primary-active: var(--color-border-none);--component-button-border-standard-secondary-default: var(--color-border-soft);--component-button-border-standard-secondary-hover: var(--color-border-subtle);--component-button-border-standard-secondary-active: var(--color-border-strong);--component-button-border-standard-tertiary-default: var(--color-border-none);--component-button-border-standard-tertiary-hover: var(--color-border-subtle);--component-button-border-standard-tertiary-active: var(--color-border-strong);--component-button-border-danger-primary-default: var(--color-border-none);--component-button-border-danger-primary-hover: var(--color-border-none);--component-button-border-danger-primary-active: var(--color-border-none);--component-button-border-danger-secondary-default: var(--color-system-danger-default);--component-button-border-danger-secondary-hover: var(--traton-color-red-400);--component-button-border-danger-secondary-active: var(--traton-color-red-500);--component-button-border-danger-tertiary-default: var(--color-border-none);--component-button-border-danger-tertiary-hover: var(--traton-color-red-400);--component-button-border-danger-tertiary-active: var(--traton-color-red-500);--component-button-focus-ring-radius-default: var(--component--focus-ring-radius-full);--component-button-icon-standard-primary-default: var(--traton-color-base-white);--component-button-icon-standard-primary-hover: var( --component-button-text-standard-primary-default );--component-button-icon-standard-primary-active: var( --component-button-text-standard-primary-default );--component-button-icon-standard-secondary-default: var(--traton-color-base-black);--component-button-icon-standard-secondary-hover: var( --component-button-icon-standard-secondary-default );--component-button-icon-standard-secondary-active: var( --component-button-icon-standard-secondary-default );--component-button-icon-standard-tertiary-default: var(--traton-color-base-black);--component-button-icon-standard-tertiary-hover: var( --component-button-icon-standard-tertiary-default );--component-button-icon-standard-tertiary-active: var( --component-button-icon-standard-tertiary-default );--component-button-icon-danger-primary-default: var(--traton-color-base-white);--component-button-icon-danger-primary-hover: var(--component-button-icon-danger-primary-default);--component-button-icon-danger-primary-active: var( --component-button-icon-danger-primary-default );--component-button-icon-danger-secondary-default: var(--color-system-danger-default);--component-button-icon-danger-secondary-hover: var( --component-button-text-danger-secondary-default );--component-button-icon-danger-secondary-active: var( --component-button-text-danger-secondary-default );--component-button-icon-danger-tertiary-default: var(--color-system-danger-default);--component-button-icon-danger-tertiary-hover: var( --component-button-text-danger-tertiary-default );--component-button-icon-danger-tertiary-active: var( --component-button-text-danger-tertiary-default );--component-button-opacity-disabled: var(--traton-opacity-25);--component-button-text-standard-primary-default: var(--traton-color-base-white);--component-button-text-standard-primary-hover: var( --component-button-text-standard-primary-default );--component-button-text-standard-primary-active: var( --component-button-text-standard-primary-default );--component-button-text-standard-secondary-default: var(--color-text-strong);--component-button-text-standard-secondary-hover: var(--color-text-strong);--component-button-text-standard-secondary-active: var(--color-text-strong);--component-button-text-standard-tertiary-default: var(--color-text-strong);--component-button-text-standard-tertiary-hover: var(--color-text-strong);--component-button-text-standard-tertiary-active: var(--color-text-strong);--component-button-text-danger-primary-default: var(--traton-color-base-white);--component-button-text-danger-primary-hover: var(--component-button-text-danger-primary-default);--component-button-text-danger-primary-active: var( --component-button-text-danger-primary-default );--component-button-text-danger-secondary-default: var(--color-system-danger-default);--component-button-text-danger-secondary-hover: var( --component-button-text-danger-secondary-default );--component-button-text-danger-secondary-active: var( --component-button-text-danger-secondary-default );--component-button-text-danger-tertiary-default: var(--color-system-danger-default);--component-button-text-danger-tertiary-hover: var( --component-button-text-danger-tertiary-default );--component-button-text-danger-tertiary-active: var( --component-button-text-danger-tertiary-default )}.tds-mode-dark,.scania .tds-mode-dark,.scania.tds-mode-dark,.scania .tl-mode-dark,.scania.tl-mode-dark{--component-button-background-standard-primary-default: var(--scania-color-blue-400);--component-button-background-standard-primary-hover: var(--scania-color-blue-500);--component-button-background-standard-primary-active: var(--scania-color-blue-600);--component-button-background-standard-secondary-default: var(--color-background-none);--component-button-background-standard-secondary-hover: var(--color-background-none);--component-button-background-standard-secondary-active: var(--color-background-none);--component-button-background-standard-tertiary-default: var(--color-background-none);--component-button-background-standard-tertiary-hover: var(--color-background-none);--component-button-background-standard-tertiary-active: var(--color-background-none);--component-button-background-danger-primary-default: var(--scania-color-red-400);--component-button-background-danger-primary-hover: var(--scania-color-red-500);--component-button-background-danger-primary-active: var(--scania-color-red-600);--component-button-background-danger-secondary-default: var(--color-background-none);--component-button-background-danger-secondary-hover: var(--color-background-none);--component-button-background-danger-secondary-active: var(--color-background-none);--component-button-background-danger-tertiary-default: var(--color-background-none);--component-button-background-danger-tertiary-hover: var(--color-background-none);--component-button-background-danger-tertiary-active: var(--color-background-none);--component-button-border-radius-default: var(--scania-unit-4);--component-button-border-standard-primary-default: var(--color-border-none);--component-button-border-standard-primary-hover: var(--color-border-none);--component-button-border-standard-primary-active: var(--color-border-none);--component-button-border-standard-secondary-default: var(--color-border-soft);--component-button-border-standard-secondary-hover: var(--color-border-subtle);--component-button-border-standard-secondary-active: var(--color-border-strong);--component-button-border-standard-tertiary-default: var(--color-border-none);--component-button-border-standard-tertiary-hover: var(--color-border-subtle);--component-button-border-standard-tertiary-active: var(--color-border-strong);--component-button-border-danger-primary-default: var(--color-border-none);--component-button-border-danger-primary-hover: var(--color-border-none);--component-button-border-danger-primary-active: var(--color-border-none);--component-button-border-danger-secondary-default: var(--scania-color-red-400);--component-button-border-danger-secondary-hover: var(--scania-color-red-500);--component-button-border-danger-secondary-active: var(--scania-color-red-600);--component-button-border-danger-tertiary-default: var(--color-border-none);--component-button-border-danger-tertiary-hover: var(--scania-color-red-500);--component-button-border-danger-tertiary-active: var(--scania-color-red-600);--component-button-focus-ring-radius-default: var(--component--focus-ring-radius-extra-large);--component-button-icon-standard-primary-default: var(--scania-color-base-white);--component-button-icon-standard-primary-hover: var( --component-button-icon-standard-primary-default );--component-button-icon-standard-primary-active: var( --component-button-icon-standard-primary-default );--component-button-icon-standard-secondary-default: var(--scania-color-base-white);--component-button-icon-standard-secondary-hover: var( --component-button-icon-standard-secondary-default );--component-button-icon-standard-secondary-active: var( --component-button-icon-standard-secondary-default );--component-button-icon-standard-tertiary-default: var(--scania-color-base-white);--component-button-icon-standard-tertiary-hover: var( --component-button-icon-standard-tertiary-default );--component-button-icon-standard-tertiary-active: var( --component-button-icon-standard-tertiary-default );--component-button-icon-danger-primary-default: var(--scania-color-base-white);--component-button-icon-danger-primary-hover: var(--component-button-icon-danger-primary-default);--component-button-icon-danger-primary-active: var( --component-button-icon-danger-primary-default );--component-button-icon-danger-secondary-default: var(--scania-color-red-400);--component-button-icon-danger-secondary-hover: var(--scania-color-red-500);--component-button-icon-danger-secondary-active: var(--scania-color-red-600);--component-button-icon-danger-tertiary-default: var(--scania-color-red-400);--component-button-icon-danger-tertiary-hover: var(--scania-color-red-500);--component-button-icon-danger-tertiary-active: var(--scania-color-red-600);--component-button-opacity-disabled: var(--scania-opacity-25);--component-button-text-standard-primary-default: var(--scania-color-base-white);--component-button-text-standard-primary-hover: var( --component-button-text-standard-primary-default );--component-button-text-standard-primary-active: var( --component-button-text-standard-primary-default );--component-button-text-standard-secondary-default: var(--scania-color-base-white);--component-button-text-standard-secondary-hover: var(--scania-color-base-white);--component-button-text-standard-secondary-active: var(--scania-color-base-white);--component-button-text-standard-tertiary-default: var(--scania-color-base-white);--component-button-text-standard-tertiary-hover: var(--scania-color-base-white);--component-button-text-standard-tertiary-active: var(--scania-color-base-white);--component-button-text-danger-primary-default: var(--scania-color-base-white);--component-button-text-danger-primary-hover: var(--component-button-text-danger-primary-default);--component-button-text-danger-primary-active: var( --component-button-text-danger-primary-default );--component-button-text-danger-secondary-default: var(--scania-color-red-400);--component-button-text-danger-secondary-hover: var(--scania-color-red-500);--component-button-text-danger-secondary-active: var(--scania-color-red-600);--component-button-text-danger-tertiary-default: var(--scania-color-red-400);--component-button-text-danger-tertiary-hover: var(--scania-color-red-500);--component-button-text-danger-tertiary-active: var(--scania-color-red-600)}.traton .tds-mode-dark,.traton.tds-mode-dark,.traton .tl-mode-dark,.traton.tl-mode-dark{--component-button-background-standard-primary-default: var(--traton-color-grey-300);--component-button-background-standard-primary-hover: var(--traton-color-grey-200);--component-button-background-standard-primary-active: var(--traton-color-grey-400);--component-button-background-standard-secondary-default: var(--color-background-none);--component-button-background-standard-secondary-hover: var(--color-background-none);--component-button-background-standard-secondary-active: var(--color-background-none);--component-button-background-standard-tertiary-default: var(--color-background-none);--component-button-background-standard-tertiary-hover: var(--color-background-none);--component-button-background-standard-tertiary-active: var(--color-background-none);--component-button-background-danger-primary-default: var(--color-system-danger-default);--component-button-background-danger-primary-hover: var(--traton-color-red-400);--component-button-background-danger-primary-active: var(--traton-color-red-500);--component-button-background-danger-secondary-default: var(--color-background-none);--component-button-background-danger-secondary-hover: var(--color-background-none);--component-button-background-danger-secondary-active: var(--color-background-none);--component-button-background-danger-tertiary-default: var(--color-background-none);--component-button-background-danger-tertiary-hover: var(--color-background-none);--component-button-background-danger-tertiary-active: var(--color-background-none);--component-button-border-radius-default: var(--traton-unit-56);--component-button-border-standard-primary-default: var(--color-border-none);--component-button-border-standard-primary-hover: var(--color-border-none);--component-button-border-standard-primary-active: var(--color-border-none);--component-button-border-standard-secondary-default: var(--color-border-soft);--component-button-border-standard-secondary-hover: var(--color-border-subtle);--component-button-border-standard-secondary-active: var(--color-border-strong);--component-button-border-standard-tertiary-default: var(--color-border-none);--component-button-border-standard-tertiary-hover: var(--color-border-subtle);--component-button-border-standard-tertiary-active: var(--color-border-strong);--component-button-border-danger-primary-default: var(--color-border-none);--component-button-border-danger-primary-hover: var(--color-border-none);--component-button-border-danger-primary-active: var(--color-border-none);--component-button-border-danger-secondary-default: var(--color-system-danger-default);--component-button-border-danger-secondary-hover: var(--traton-color-red-400);--component-button-border-danger-secondary-active: var(--traton-color-red-500);--component-button-border-danger-tertiary-default: var(--color-border-none);--component-button-border-danger-tertiary-hover: var(--traton-color-red-400);--component-button-border-danger-tertiary-active: var(--traton-color-red-500);--component-button-focus-ring-radius-default: var(--component--focus-ring-radius-full);--component-button-icon-standard-primary-default: var(--traton-color-base-black);--component-button-icon-standard-primary-hover: var( --component-button-text-standard-primary-default );--component-button-icon-standard-primary-active: var( --component-button-text-standard-primary-default );--component-button-icon-standard-secondary-default: var(--traton-color-base-white);--component-button-icon-standard-secondary-hover: var( --component-button-icon-standard-secondary-default );--component-button-icon-standard-secondary-active: var( --component-button-icon-standard-secondary-default );--component-button-icon-standard-tertiary-default: var(--traton-color-base-white);--component-button-icon-standard-tertiary-hover: var( --component-button-icon-standard-tertiary-default );--component-button-icon-standard-tertiary-active: var( --component-button-icon-standard-tertiary-default );--component-button-icon-danger-primary-default: var(--traton-color-base-white);--component-button-icon-danger-primary-hover: var(--component-button-icon-danger-primary-default);--component-button-icon-danger-primary-active: var( --component-button-icon-danger-primary-default );--component-button-icon-danger-secondary-default: var(--color-system-danger-default);--component-button-icon-danger-secondary-hover: var( --component-button-text-danger-secondary-default );--component-button-icon-danger-secondary-active: var( --component-button-text-danger-secondary-default );--component-button-icon-danger-tertiary-default: var(--color-system-danger-default);--component-button-icon-danger-tertiary-hover: var( --component-button-text-danger-tertiary-default );--component-button-icon-danger-tertiary-active: var( --component-button-text-danger-tertiary-default );--component-button-opacity-disabled: var(--traton-opacity-25);--component-button-text-standard-primary-default: var(--traton-color-base-black);--component-button-text-standard-primary-hover: var( --component-button-text-standard-primary-default );--component-button-text-standard-primary-active: var( --component-button-text-standard-primary-default );--component-button-text-standard-secondary-default: var(--color-text-strong);--component-button-text-standard-secondary-hover: var(--color-text-strong);--component-button-text-standard-secondary-active: var(--color-text-strong);--component-button-text-standard-tertiary-default: var(--color-text-strong);--component-button-text-standard-tertiary-hover: var(--color-text-strong);--component-button-text-standard-tertiary-active: var(--color-text-strong);--component-button-text-danger-primary-default: var(--traton-color-base-white);--component-button-text-danger-primary-hover: var(--component-button-text-danger-primary-default);--component-button-text-danger-primary-active: var( --component-button-text-danger-primary-default );--component-button-text-danger-secondary-default: var(--color-system-danger-default);--component-button-text-danger-secondary-hover: var( --component-button-text-danger-secondary-default );--component-button-text-danger-secondary-active: var( --component-button-text-danger-secondary-default );--component-button-text-danger-tertiary-default: var(--color-system-danger-default);--component-button-text-danger-tertiary-hover: var( --component-button-text-danger-tertiary-default );--component-button-text-danger-tertiary-active: var( --component-button-text-danger-tertiary-default )}.tl-button{--button-radius: calc(var(--component-button-border-radius-default) * 1px);--button-sm-only-icon-padding: 11px;--button-md-only-icon-padding: 13px;--button-lg-only-icon-padding: 17px;--button-opacity-disabled: calc(var(--component-button-opacity-disabled) / 100);--button-primary-background: var(--component-button-background-standard-primary-default);--button-primary-background-hover: var(--component-button-background-standard-primary-hover);--button-primary-background-active: var(--component-button-background-standard-primary-active);--button-primary-background-focus: var(--component-button-background-standard-primary-default);--button-primary-color: var(--component-button-text-standard-primary-default);--button-primary-color-focus: var(--component-button-text-standard-primary-hover);--button-primary-border-color: var(--component-button-border-standard-primary-default);--button-primary-border-color-focus: var(--component-button-border-standard-primary-hover);--button-primary-outline-color-focus: var(--color-foreground-border-accent-focus);--button-primary-icon-color: var(--component-button-icon-standard-primary-default);--button-secondary-background: var(--component-button-background-standard-secondary-default);--button-secondary-background-focus: var( --component-button-background-standard-secondary-default );--button-secondary-color: var(--component-button-text-standard-secondary-default);--button-secondary-color-focus: var(--component-button-text-standard-secondary-hover);--button-secondary-border-color: var(--component-button-border-standard-secondary-default);--button-secondary-border-color-hover: var(--component-button-border-standard-secondary-hover);--button-secondary-border-color-active: var(--component-button-border-standard-secondary-active);--button-secondary-border-color-focus: var(--component-button-border-standard-secondary-hover);--button-secondary-outline-color-focus: var(--color-foreground-border-accent-focus);--button-secondary-icon-color: var(--component-button-icon-standard-secondary-default);--button-ghost-background: var(--component-button-background-standard-tertiary-default);--button-ghost-background-focus: var(--component-button-background-standard-tertiary-default);--button-ghost-color: var(--component-button-text-standard-tertiary-default);--button-ghost-color-focus: var(--component-button-text-standard-tertiary-hover);--button-ghost-border-color: var(--component-button-border-standard-tertiary-default);--button-ghost-border-color-hover: var(--component-button-border-standard-tertiary-hover);--button-ghost-border-color-active: var(--component-button-border-standard-tertiary-active);--button-ghost-border-color-focus: var(--component-button-border-standard-tertiary-hover);--button-ghost-outline-color-focus: var(--color-foreground-border-accent-focus);--button-ghost-icon-color: var(--component-button-icon-standard-tertiary-default);--button-danger-background: var(--component-button-background-danger-primary-default);--button-danger-background-hover: var(--component-button-background-danger-primary-hover);--button-danger-background-active: var(--component-button-background-danger-primary-active);--button-danger-background-focus: var(--component-button-background-danger-primary-default);--button-danger-color: var(--component-button-text-danger-primary-default);--button-danger-color-focus: var(--component-button-text-danger-primary-hover);--button-danger-border-color: var(--component-button-border-danger-primary-default);--button-danger-border-color-active: var(--component-button-border-danger-primary-active);--button-danger-border-color-focus: var(--component-button-border-danger-primary-hover);--button-danger-outline-color-focus: var(--color-foreground-border-accent-focus);--button-danger-icon-color: var(--component-button-icon-danger-primary-default)}.scania .tl-button{--button-outline-width: 2px}.traton .tl-button{--button-outline-width: 4px}.tl-button,.tl-button *{box-sizing:border-box}.tl-button{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);display:inline-flex;align-items:center;justify-content:center;font-weight:500;border-radius:var(--button-radius);border:1px solid var(--button-secondary-border-color);box-shadow:none;position:relative;text-decoration:none;cursor:pointer}.tl-button:focus-visible{outline:2px solid var(--component--focus-ring-color-strong);box-shadow:0 0 0 1px var(--component--focus-ring-color-discrete);outline-offset:1px;z-index:1}.tl-button--primary{background-color:var(--button-primary-background);color:var(--button-primary-color);border-color:var(--button-primary-border-color)}.tl-button--primary .tl-icon{color:var(--button-primary-icon-color)}.tl-button--primary:hover:not(:disabled){background-color:var(--button-primary-background-hover)}.tl-button--primary:disabled{cursor:not-allowed;opacity:var(--button-opacity-disabled)}.tl-button--primary:focus-visible:not(:disabled){background:var(--button-primary-background-focus);border-color:var(--button-primary-border-color-focus);color:var(--button-primary-color-focus)}.tl-button--primary:active:not(:disabled):focus-visible{outline:none;box-shadow:none}.tl-button--primary:active:not(:disabled){background-color:var(--button-primary-background-active);border-color:var(--button-primary-background-active)}.tl-button--secondary{background-color:var(--button-secondary-background);color:var(--button-secondary-color);border-color:var(--button-secondary-border-color)}.tl-button--secondary .tl-icon{color:var(--button-secondary-icon-color)}.tl-button--secondary:hover:not(:disabled){border-color:var(--button-secondary-border-color-hover)}.tl-button--secondary:disabled{cursor:not-allowed;opacity:var(--button-opacity-disabled)}.tl-button--secondary:focus-visible:not(:disabled){background:var(--button-secondary-background-focus);border-color:var(--button-secondary-border-color-focus);color:var(--button-secondary-color-focus)}.tl-button--secondary:active:not(:disabled):focus-visible{outline:none;box-shadow:none}.tl-button--secondary:active:not(:disabled){border-color:var(--button-secondary-border-color-active)}.tl-button--ghost{background-color:var(--button-ghost-background);color:var(--button-ghost-color);border-color:var(--button-ghost-border-color)}.tl-button--ghost .tl-icon{color:var(--button-ghost-icon-color)}.tl-button--ghost:hover:not(:disabled){border-color:var(--button-ghost-border-color-hover)}.tl-button--ghost:disabled{cursor:not-allowed;opacity:var(--button-opacity-disabled)}.tl-button--ghost:focus-visible:not(:disabled){background:var(--button-ghost-background-focus);border-color:var(--button-ghost-border-color-focus);color:var(--button-ghost-color-focus)}.tl-button--ghost:active:not(:disabled):focus-visible{outline:none;box-shadow:none}.tl-button--ghost:active:not(:disabled){border-color:var(--button-ghost-border-color-active)}.tl-button--danger{background-color:var(--button-danger-background);color:var(--button-danger-color);border-color:var(--button-danger-border-color)}.tl-button--danger .tl-icon{color:var(--button-danger-icon-color)}.tl-button--danger:hover:not(:disabled){background-color:var(--button-danger-background-hover)}.tl-button--danger:disabled{cursor:not-allowed;opacity:var(--button-opacity-disabled)}.tl-button--danger:focus-visible:not(:disabled){background:var(--button-danger-background-focus);border-color:var(--button-danger-border-color-focus);color:var(--button-danger-color-focus)}.tl-button--danger:active:not(:disabled):focus-visible{outline:none;box-shadow:none}.tl-button--danger:active:not(:disabled){background-color:var(--button-danger-background-active);border-color:var(--button-danger-border-color-active)}.tl-button--xs{padding:var(--tds-spacing-element-4) var(--tds-spacing-element-8);height:24px;font-size:var(--detail-05-font-size)}.tl-button--sm{padding:var(--tds-spacing-element-12);height:40px}.tl-button--md{padding:var(--tds-spacing-element-16);height:48px}.tl-button--lg{padding:var(--tds-spacing-element-20);height:56px}.tl-button--icon.tl-button--sm{padding:10px var(--tds-spacing-element-12)}.tl-button--icon.tl-button--sm .tl-icon{margin-left:var(--tds-spacing-element-12)}.tl-button--icon.tl-button--md{padding:14px var(--tds-spacing-element-16)}.tl-button--icon.tl-button--md .tl-icon{margin-left:var(--tds-spacing-element-16)}.tl-button--icon.tl-button--lg{padding:18px var(--tds-spacing-element-20)}.tl-button--icon.tl-button--lg .tl-icon{margin-left:var(--tds-spacing-element-20)}.tl-button--only-icon.tl-button--sm{padding:var(--button-sm-only-icon-padding)}.tl-button--only-icon.tl-button--sm .tl-icon{margin-left:0}.tl-button--only-icon.tl-button--md{padding:var(--button-md-only-icon-padding)}.tl-button--only-icon.tl-button--md .tl-icon{margin-left:0}.tl-button--only-icon.tl-button--lg{padding:var(--button-lg-only-icon-padding)}.tl-button--only-icon.tl-button--lg .tl-icon{margin-left:0}.tl-button--full-width{width:100%}:root,.tds-mode-light,.scania .tds-mode-light,.scania.tds-mode-light,.scania .tl-mode-light,.scania.tl-mode-light{--component-card-background-primary-default: var(--scania-color-base-white);--component-card-background-secondary-default: var(--scania-color-base-white);--component-card-border-radius-default: var(--scania-unit-4);--component-card-space-padding-default: var(--scania-unit-16);--component-card-text-title-default: var(--color-text-strong);--component-card-text-subtitle-default: var(--color-text-soft);--component-card-text-body-default: var(--color-text-defined)}.traton .tds-mode-light,.traton.tds-mode-light,.traton .tl-mode-light,.traton.tl-mode-light{--component-card-background-primary-default: var(--traton-color-transparent-invisible-light);--component-card-background-secondary-default: var(--traton-color-transparent-invisible-light);--component-card-border-radius-default: var(--traton-unit-0);--component-card-space-padding-default: var(--traton-unit-0);--component-card-text-title-default: var(--color-text-strong);--component-card-text-subtitle-default: var(--color-text-soft);--component-card-text-body-default: var(--color-text-defined)}.tds-mode-dark,.scania .tds-mode-dark,.scania.tds-mode-dark,.scania .tl-mode-dark,.scania.tl-mode-dark{--component-card-background-primary-default: var(--color-background-layer-01);--component-card-background-secondary-default: var(--color-background-layer-02);--component-card-border-radius-default: var(--scania-unit-4);--component-card-space-padding-default: var(--scania-unit-16);--component-card-text-title-default: var(--color-text-strong);--component-card-text-subtitle-default: var(--color-text-soft);--component-card-text-body-default: var(--color-text-defined)}.traton .tds-mode-dark,.traton.tds-mode-dark,.traton .tl-mode-dark,.traton.tl-mode-dark{--component-card-background-primary-default: var(--traton-color-transparent-invisible-dark);--component-card-background-secondary-default: var(--traton-color-transparent-invisible-dark);--component-card-border-radius-default: var(--traton-unit-0);--component-card-space-padding-default: var(--traton-unit-0);--component-card-text-title-default: var(--color-text-strong);--component-card-text-subtitle-default: var(--color-text-soft);--component-card-text-body-default: var(--color-text-defined)}.tl-card{--card-background: var(--component-card-background-primary-default);--card-border-radius: calc(var(--component-card-border-radius-default) * 1px);--card-box-primary: 0 3px 3px rgb(0 0 0 / 15%), 0 -1px 1px rgb(0 0 0 / 1%);--card-box-secondary: 0 -1px 1px rgb(0 0 0 / 5%), 0 3px 3px rgb(0 0 0 / 10%);--card-box: var(--card-box-primary);--card-box-hover: 0 -1px 1px rgb(0 0 0 / 5%), 0 3px 3px rgb(0 0 0 / 20%);--card-box-pressed: 0 -1px 1px rgb(0 0 0 / 5%), 0 1px 3px rgb(0 0 0 / 20%);--card-headline: var(--component-card-text-title-default);--card-sub-headline: var(--component-card-text-subtitle-default);--card-body-color: var(--component-card-text-body-default);--card-divider: var(--color-border-discrete);--card-icon-color: var(--component-card-text-title-default);--card-body-padding: 0 16px;--card-header-padding: 16px;--card-slotted-padding: 16px;--card-divider-margin: 16px 16px 0}.tl-card--primary{--card-box: var(--card-box-primary);--card-background: var(--component-card-background-primary-default)}.tl-card--secondary{--card-box: var(--card-box-secondary);--card-background: var(--component-card-background-secondary-default)}.tds-mode-dark .tl-card,.tl-mode-dark .tl-card{--card-box-primary: 0 -1px 1px rgb(0 0 0 / 5%), 0 3px 3px rgb(0 0 0 / 10%);--card-box-secondary: 0 3px 3px rgb(0 0 0 / 10%), 0 -1px 1px rgb(0 0 0 / 5%)}.traton .tl-card{--card-box: none;--card-box-hover: none;--card-box-pressed: none;--card-body-padding: 0;--card-header-padding: 16px 16px 16px 0;--card-slotted-padding: 16px 16px 16px 0;--card-divider-margin: 16px 0 0}.traton .tl-card--primary{--card-box: none;--card-background: var(--component-card-background-primary-default)}.traton .tl-card--secondary{--card-box: none;--card-background: var(--component-card-background-secondary-default)}.tl-card,.tl-card *{box-sizing:border-box}.tl-card{display:flex;flex-direction:column;justify-content:space-between;width:100%;box-shadow:var(--card-box);background-color:var(--card-background);border-radius:var(--card-border-radius);overflow:hidden}.tl-card--clickable{width:100%;border:none;text-align:left;padding:0}.tl-card--clickable:focus-visible{outline:2px solid var(--component--focus-ring-color-strong);box-shadow:0 0 0 1px var(--component--focus-ring-color-discrete);outline-offset:1px;z-index:1}.tl-card--clickable:active{box-shadow:var(--card-box-pressed)}.tl-card--clickable:hover{box-shadow:var(--card-box-hover);cursor:pointer}.tl-card--stretch{height:100%;width:100%}.tl-card__header{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);padding:var(--card-header-padding);display:flex;align-items:center}.tl-card__header--below{padding-top:16px}.tl-card__thumbnail{inline-size:36px;block-size:36px;border-radius:100%;margin-right:16px;background-color:var(--color-background-layer-03)}.tl-card__headings{display:flex;flex-direction:column;inline-size:100%;gap:4px}.tl-card__title{color:var(--card-headline)}.tl-card__subtitle{color:var(--card-sub-headline)}.tl-card__image{inline-size:100%;block-size:auto;display:block;background-color:var(--color-background-layer-03)}.tl-card__divider{display:block;margin:var(--card-divider-margin);background-color:var(--card-divider);block-size:1px}.tl-card__body{display:block;overflow-wrap:break-word}.tl-card--stretch .tl-card__body{display:flex;flex-direction:column;flex-grow:1}.tl-card__content{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);color:var(--card-body-color);padding:var(--card-body-padding);margin-bottom:16px;margin-top:16px;max-inline-size:336px}.tl-card--stretch .tl-card__body .tl-card__content{max-inline-size:unset;flex-grow:1}.tl-card--expandable .tl-card__body .tl-card__content{display:none}.tl-card--expanded .tl-card__body .tl-card__content{display:block}.tl-card__bottom-row{display:flex;padding:var(--card-slotted-padding);align-items:flex-end;align-self:stretch}.tl-card__actions{display:flex;align-items:flex-end;flex:1 0 0;align-self:stretch}.tl-card--expandable .tl-card__body .tl-card__header .tl-icon{transition:transform .16s ease-in-out,opacity .12s ease-in-out}.tl-card--expanded .tl-card__body .tl-card__header .tl-icon{transform:rotate(180deg)}.tl-card__bottom-row .tl-icon{color:var(--card-icon-color)}:root,.tds-mode-light,.scania .tds-mode-light,.scania.tds-mode-light,.scania .tl-mode-light,.scania.tl-mode-light{--component-checkbox-background-standard-default: var(--color-background-none);--component-checkbox-background-standard-hover: var(--color-background-none);--component-checkbox-background-selected-default: var(--scania-color-grey-950);--component-checkbox-background-selected-hover: var(--scania-color-grey-950);--component-checkbox-background-indeterminate-default: var(--scania-color-grey-950);--component-checkbox-background-indeterminate-hover: var(--scania-color-grey-950);--component-checkbox-border-standard-default: var(--color-border-strong);--component-checkbox-border-standard-hover: var(--color-border-strong);--component-checkbox-border-selected-default: var(--color-border-none);--component-checkbox-border-selected-hover: var(--color-border-none);--component-checkbox-border-indeterminate-default: var(--color-border-none);--component-checkbox-border-indeterminate-hover: var(--color-border-none);--component-checkbox-border-indicator-default: var(--color-border-none);--component-checkbox-border-indicator-hover: var(--color-border-subtle);--component-checkbox-border-radius-default: var(--scania-unit-2);--component-checkbox-focus-ring-radius-default: var(--component--focus-ring-radius-medium);--component-checkbox-icon-selected-default: var(--color-icon-inverse-strong);--component-checkbox-icon-selected-hover: var(--color-icon-inverse-strong);--component-checkbox-icon-indeterminate-default: var(--color-icon-inverse-strong);--component-checkbox-icon-indeterminate-hover: var(--color-icon-inverse-strong);--component-checkbox-opacity-disabled: var(--scania-opacity-25);--component-checkbox-text-default: var(--color-text-strong);--component-checkbox-text-hover: var(--color-text-strong)}.traton .tds-mode-light,.traton.tds-mode-light,.traton .tl-mode-light,.traton.tl-mode-light{--component-checkbox-background-standard-default: var(--color-background-none);--component-checkbox-background-standard-hover: var(--color-background-none);--component-checkbox-background-selected-default: var(--traton-color-blue-950);--component-checkbox-background-selected-hover: var(--traton-color-blue-950);--component-checkbox-background-indeterminate-default: var(--traton-color-blue-950);--component-checkbox-background-indeterminate-hover: var(--traton-color-blue-950);--component-checkbox-border-standard-default: var(--color-border-strong);--component-checkbox-border-standard-hover: var(--color-border-strong);--component-checkbox-border-selected-default: var(--color-border-none);--component-checkbox-border-selected-hover: var(--color-border-none);--component-checkbox-border-indeterminate-default: var(--color-border-none);--component-checkbox-border-indeterminate-hover: var(--color-border-none);--component-checkbox-border-indicator-default: var(--color-border-none);--component-checkbox-border-indicator-hover: var(--color-border-subtle);--component-checkbox-border-radius-default: var(--traton-unit-2);--component-checkbox-focus-ring-radius-default: var(--component--focus-ring-radius-medium);--component-checkbox-icon-selected-default: var(--color-icon-inverse-strong);--component-checkbox-icon-selected-hover: var(--color-icon-inverse-strong);--component-checkbox-icon-indeterminate-default: var(--color-icon-inverse-strong);--component-checkbox-icon-indeterminate-hover: var(--color-icon-inverse-strong);--component-checkbox-opacity-disabled: var(--traton-opacity-25);--component-checkbox-text-default: var(--color-text-strong);--component-checkbox-text-hover: var(--color-text-strong)}.tds-mode-dark,.scania .tds-mode-dark,.scania.tds-mode-dark,.scania .tl-mode-dark,.scania.tl-mode-dark{--component-checkbox-background-standard-default: var(--color-background-none);--component-checkbox-background-standard-hover: var(--color-background-none);--component-checkbox-background-selected-default: var(--scania-color-grey-50);--component-checkbox-background-selected-hover: var(--scania-color-grey-50);--component-checkbox-background-indeterminate-default: var(--scania-color-grey-50);--component-checkbox-background-indeterminate-hover: var(--scania-color-grey-50);--component-checkbox-border-standard-default: var(--color-border-strong);--component-checkbox-border-standard-hover: var(--color-border-strong);--component-checkbox-border-selected-default: var(--color-border-none);--component-checkbox-border-selected-hover: var(--color-border-none);--component-checkbox-border-indeterminate-default: var(--color-border-none);--component-checkbox-border-indeterminate-hover: var(--color-border-none);--component-checkbox-border-indicator-default: var(--color-border-none);--component-checkbox-border-indicator-hover: var(--color-border-subtle);--component-checkbox-border-radius-default: var(--scania-unit-2);--component-checkbox-focus-ring-radius-default: var(--component--focus-ring-radius-medium);--component-checkbox-icon-selected-default: var(--color-icon-inverse-strong);--component-checkbox-icon-selected-hover: var(--color-icon-inverse-strong);--component-checkbox-icon-indeterminate-default: var(--color-icon-inverse-strong);--component-checkbox-icon-indeterminate-hover: var(--color-icon-inverse-strong);--component-checkbox-opacity-disabled: var(--scania-opacity-25);--component-checkbox-text-default: var(--color-text-strong);--component-checkbox-text-hover: var(--color-text-strong)}.traton .tds-mode-dark,.traton.tds-mode-dark,.traton .tl-mode-dark,.traton.tl-mode-dark{--component-checkbox-background-standard-default: var(--color-background-none);--component-checkbox-background-standard-hover: var(--color-background-none);--component-checkbox-background-selected-default: var(--traton-color-base-white);--component-checkbox-background-selected-hover: var(--traton-color-base-white);--component-checkbox-background-indeterminate-default: var(--traton-color-base-white);--component-checkbox-background-indeterminate-hover: var(--traton-color-base-white);--component-checkbox-border-standard-default: var(--color-border-strong);--component-checkbox-border-standard-hover: var(--color-border-strong);--component-checkbox-border-selected-default: var(--color-border-none);--component-checkbox-border-selected-hover: var(--color-border-none);--component-checkbox-border-indeterminate-default: var(--color-border-none);--component-checkbox-border-indeterminate-hover: var(--color-border-none);--component-checkbox-border-indicator-default: var(--color-border-none);--component-checkbox-border-indicator-hover: var(--color-border-subtle);--component-checkbox-border-radius-default: var(--traton-unit-2);--component-checkbox-focus-ring-radius-default: var(--component--focus-ring-radius-medium);--component-checkbox-icon-selected-default: var(--color-icon-inverse-strong);--component-checkbox-icon-selected-hover: var(--color-icon-inverse-strong);--component-checkbox-icon-indeterminate-default: var(--color-icon-inverse-strong);--component-checkbox-icon-indeterminate-hover: var(--color-icon-inverse-strong);--component-checkbox-opacity-disabled: var(--traton-opacity-25);--component-checkbox-text-default: var(--color-text-strong);--component-checkbox-text-hover: var(--color-text-strong)}.tl-checkbox{--checkbox-text: var(--component-checkbox-text-default);--checkbox-text-hover: var(--component-checkbox-text-hover);--checkbox-background: var(--component-checkbox-background-standard-default);--checkbox-background-hover: var(--component-checkbox-background-standard-hover);--checkbox-background-selected: var(--component-checkbox-background-selected-default);--checkbox-background-selected-hover: var(--component-checkbox-background-selected-hover);--checkbox-background-indeterminate: var(--component-checkbox-background-indeterminate-default);--checkbox-background-indeterminate-hover: var(--component-checkbox-background-indeterminate-hover);--checkbox-border: var(--component-checkbox-border-standard-default);--checkbox-border-hover: var(--component-checkbox-border-standard-hover);--checkbox-border-selected: var(--component-checkbox-border-selected-default);--checkbox-border-selected-hover: var(--component-checkbox-border-selected-hover);--checkbox-border-indeterminate: var(--component-checkbox-border-indeterminate-default);--checkbox-border-indeterminate-hover: var(--component-checkbox-border-indeterminate-hover);--checkbox-indicator: var(--component-checkbox-border-indicator-default);--checkbox-indicator-hover: var(--component-checkbox-border-indicator-hover);--checkbox-icon-selected: var(--component-checkbox-icon-selected-default);--checkbox-icon-selected-hover: var(--component-checkbox-icon-selected-hover);--checkbox-icon-indeterminate: var(--component-checkbox-icon-indeterminate-default);--checkbox-icon-indeterminate-hover: var(--component-checkbox-icon-indeterminate-hover);--checkbox-border-radius: calc(var(--component-checkbox-border-radius-default) * 1px);--checkbox-focus-ring-radius: calc(var(--component-checkbox-focus-ring-radius-default) * 1px);--checkbox-opacity-disabled: calc(var(--component-checkbox-opacity-disabled) / 100);--checkbox-icon-mask: url("data:image/svg+xml;utf8,<svg width='8' height='6' viewBox='0 0 8 6' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M1 2.33333L3.4 5C4.80589 3.4379 5.59411 2.5621 7 1' stroke='%23000' stroke-linecap='round' stroke-linejoin='round'/></svg>");--checkbox-icon-mask-indeterminate: url("data:image/svg+xml;utf8,<svg width='8' height='2' viewBox='0 0 8 2' fill='none' xmlns='http://www.w3.org/2000/svg'><rect y='0.5' width='8' height='1' rx='0.5' fill='%23000'/></svg>")}.tl-checkbox,.tl-checkbox *{box-sizing:border-box}.tl-checkbox{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);display:flex;align-items:center;color:var(--checkbox-text)}.tl-checkbox:has(:disabled){cursor:not-allowed}.tl-checkbox__input{appearance:none;outline:none;margin:0;border:0;width:24px;height:24px;position:relative;cursor:pointer;flex-shrink:0;align-self:flex-start}.tl-checkbox__input:before,.tl-checkbox__input:after{content:"";position:absolute;box-sizing:border-box;width:16px;height:16px;left:4px;top:4px}.tl-checkbox__input:before{border:1px solid var(--checkbox-border);background-color:var(--checkbox-background);border-radius:var(--checkbox-border-radius);box-shadow:0 0 0 2px var(--checkbox-indicator);transition:box-shadow .2s ease-in-out}.tl-checkbox__input:after{background-color:var(--checkbox-icon-selected);mask:var(--checkbox-icon-mask) no-repeat center;-webkit-mask:var(--checkbox-icon-mask) no-repeat center;opacity:0;z-index:1}.tl-checkbox__input:not(:disabled):hover:before{border-color:var(--checkbox-border-hover);background-color:var(--checkbox-background-hover);box-shadow:0 0 0 2px var(--checkbox-indicator-hover)}.tl-checkbox__input:focus-visible:before{outline:2px solid var(--component--focus-ring-color-strong);box-shadow:0 0 0 1px var(--component--focus-ring-color-discrete);outline-offset:1px;z-index:1;border-radius:var(--checkbox-focus-ring-radius)}.tl-checkbox__input:checked:before{border-color:var(--checkbox-border-selected);background-color:var(--checkbox-background-selected)}.tl-checkbox__input:checked:after{background-color:var(--checkbox-icon-selected);opacity:1}.tl-checkbox__input:checked:not(:disabled):hover:before{border-color:var(--checkbox-border-selected-hover);background-color:var(--checkbox-background-selected-hover)}.tl-checkbox__input:checked:not(:disabled):hover:after{background-color:var(--checkbox-icon-selected-hover)}.tl-checkbox__input--indeterminate:before{border-color:var(--checkbox-border-indeterminate);background-color:var(--checkbox-background-indeterminate)}.tl-checkbox__input--indeterminate:after{background-color:var(--checkbox-icon-indeterminate);mask:var(--checkbox-icon-mask-indeterminate) no-repeat center;-webkit-mask:var(--checkbox-icon-mask-indeterminate) no-repeat center;opacity:1}.tl-checkbox__input--indeterminate:not(:disabled):hover:before{border-color:var(--checkbox-border-indeterminate-hover);background-color:var(--checkbox-background-indeterminate-hover)}.tl-checkbox__input--indeterminate:not(:disabled):hover:after{background-color:var(--checkbox-icon-indeterminate-hover)}.tl-checkbox__input:disabled{cursor:not-allowed;opacity:var(--checkbox-opacity-disabled)}.tl-checkbox__label{color:var(--checkbox-text);padding-left:var(--tds-spacing-element-4);padding-top:var(--tds-spacing-element-4);padding-bottom:var(--tds-spacing-element-4);display:flex;align-items:center;position:relative;cursor:pointer}.tl-checkbox__input:not(:disabled):hover+.tl-checkbox__label{color:var(--checkbox-text-hover)}.tl-checkbox:has(:disabled) .tl-checkbox__label{opacity:var(--checkbox-opacity-disabled);cursor:not-allowed}:root,.tds-mode-light,.scania .tds-mode-light,.scania.tds-mode-light,.scania .tl-mode-light,.scania.tl-mode-light{--component-chip-background-standard-default: var(--scania-color-grey-150);--component-chip-background-standard-hover: var(--scania-color-grey-200);--component-chip-background-selected-default: var(--color-system-info-default);--component-chip-background-selected-hover: var(--color-system-info-defined);--component-chip-border-radius-full: var(--scania-unit-24);--component-chip-border-radius-none: var(--scania-unit-0);--component-chip-border-radius-default: var(--scania-unit-24);--component-chip-border-selected-default: var(--color-border-soft);--component-chip-border-selected-hover: var(--color-border-strong);--component-chip-border-selected-active: var(--color-border-none);--component-chip-border-standard-default: var(--color-border-subtle);--component-chip-border-standard-hover: var(--color-border-subtle);--component-chip-border-standard-active: var(--color-border-none);--component-chip-focus-ring-radius-default: var(--component--focus-ring-radius-full);--component-chip-icon-default: var(--color-icon-strong);--component-chip-icon-hover: var(--component-chip-icon-default);--component-chip-icon-active: var(--component-chip-icon-default);--component-chip-icon-selected-default: var(--color-icon-inverse-strong);--component-chip-icon-selected-hover: var(--component-chip-icon-selected-default);--component-chip-icon-selected-active: var(--component-chip-icon-selected-default);--component-chip-opacity-disabled: var(--scania-opacity-25);--component-chip-text-standard-default: var(--color-text-strong);--component-chip-text-standard-hover: var(--color-text-strong);--component-chip-text-standard-active: var(--color-text-strong);--component-chip-text-selected-default: var(--color-text-inverse-strong);--component-chip-text-selected-hover: var(--color-text-strong);--component-chip-text-selected-active: var(--color-text-strong)}.traton .tds-mode-light,.traton.tds-mode-light,.traton .tl-mode-light,.traton.tl-mode-light{--component-chip-background-standard-default: var(--traton-color-grey-200);--component-chip-background-standard-hover: var(--traton-color-grey-400);--component-chip-background-selected-default: var(--traton-color-grey-300);--component-chip-background-selected-hover: var(--traton-color-grey-400);--component-chip-border-radius-full: var(--traton-unit-24);--component-chip-border-radius-none: var(--traton-unit-0);--component-chip-border-radius-default: var(--traton-unit-2);--component-chip-border-selected-default: var(--color-border-none);--component-chip-border-selected-hover: var(--color-border-none);--component-chip-border-selected-active: var(--color-border-none);--component-chip-border-standard-default: var(--color-border-none);--component-chip-border-standard-hover: var(--color-border-none);--component-chip-border-standard-active: var(--color-border-none);--component-chip-focus-ring-radius-default: var(--component--focus-ring-radius-medium);--component-chip-icon-default: var(--color-icon-strong);--component-chip-icon-hover: var(--component-chip-icon-default);--component-chip-icon-active: var(--component-chip-icon-default);--component-chip-icon-selected-default: var(--color-icon-strong);--component-chip-icon-selected-hover: var(--component-chip-icon-selected-default);--component-chip-icon-selected-active: var(--component-chip-icon-selected-default);--component-chip-opacity-disabled: var(--traton-opacity-25);--component-chip-text-standard-default: var(--color-text-strong);--component-chip-text-standard-hover: var(--color-text-strong);--component-chip-text-standard-active: var(--color-text-strong);--component-chip-text-selected-default: var(--color-text-strong);--component-chip-text-selected-hover: var(--color-text-strong);--component-chip-text-selected-active: var(--color-text-strong)}.tds-mode-dark,.scania .tds-mode-dark,.scania.tds-mode-dark,.scania .tl-mode-dark,.scania.tl-mode-dark{--component-chip-background-standard-default: var(--scania-color-grey-800);--component-chip-background-standard-hover: var(--scania-color-grey-750);--component-chip-background-selected-default: var(--color-system-info-subtle);--component-chip-background-selected-hover: var(--scania-color-blue-500);--component-chip-border-radius-full: var(--scania-unit-24);--component-chip-border-radius-none: var(--scania-unit-0);--component-chip-border-radius-default: var(--scania-unit-24);--component-chip-border-selected-default: var(--color-border-soft);--component-chip-border-selected-hover: var(--color-border-strong);--component-chip-border-selected-active: var(--color-border-none);--component-chip-border-standard-default: var(--color-border-subtle);--component-chip-border-standard-hover: var(--color-border-subtle);--component-chip-border-standard-active: var(--color-border-none);--component-chip-focus-ring-radius-default: var(--component--focus-ring-radius-full);--component-chip-icon-default: var(--color-icon-strong);--component-chip-icon-hover: var(--component-chip-icon-default);--component-chip-icon-active: var(--component-chip-icon-default);--component-chip-icon-selected-default: var(--color-icon-strong);--component-chip-icon-selected-hover: var(--component-chip-icon-selected-default);--component-chip-icon-selected-active: var(--component-chip-icon-selected-default);--component-chip-opacity-disabled: var(--scania-opacity-25);--component-chip-text-standard-default: var(--color-text-strong);--component-chip-text-standard-hover: var(--color-text-strong);--component-chip-text-standard-active: var(--color-text-strong);--component-chip-text-selected-default: var(--color-text-strong);--component-chip-text-selected-hover: var(--color-text-inverse-strong);--component-chip-text-selected-active: var(--color-text-inverse-strong)}.traton .tds-mode-dark,.traton.tds-mode-dark,.traton .tl-mode-dark,.traton.tl-mode-dark{--component-chip-background-standard-default: var(--traton-color-blue-800);--component-chip-background-standard-hover: var(--traton-color-blue-600);--component-chip-background-selected-default: var(--traton-color-blue-400);--component-chip-background-selected-hover: var(--traton-color-blue-300);--component-chip-border-radius-full: var(--traton-unit-24);--component-chip-border-radius-none: var(--traton-unit-0);--component-chip-border-radius-default: var(--traton-unit-2);--component-chip-border-selected-default: var(--color-border-none);--component-chip-border-selected-hover: var(--color-border-none);--component-chip-border-selected-active: var(--color-border-none);--component-chip-border-standard-default: var(--color-border-none);--component-chip-border-standard-hover: var(--color-border-none);--component-chip-border-standard-active: var(--color-border-none);--component-chip-focus-ring-radius-default: var(--component--focus-ring-radius-medium);--component-chip-icon-default: var(--color-icon-strong);--component-chip-icon-hover: var(--component-chip-icon-default);--component-chip-icon-active: var(--component-chip-icon-default);--component-chip-icon-selected-default: var(--color-icon-inverse-strong);--component-chip-icon-selected-hover: var(--component-chip-icon-selected-default);--component-chip-icon-selected-active: var(--component-chip-icon-selected-default);--component-chip-opacity-disabled: var(--traton-opacity-25);--component-chip-text-standard-default: var(--color-text-strong);--component-chip-text-standard-hover: var(--color-text-strong);--component-chip-text-standard-active: var(--color-text-strong);--component-chip-text-selected-default: var(--color-text-inverse-strong);--component-chip-text-selected-hover: var(--color-text-inverse-strong);--component-chip-text-selected-active: var(--color-text-inverse-strong)}.tl-chip{--chip-text: var(--component-chip-text-standard-default);--chip-text-active: var(--component-chip-text-selected-default);--chip-background: var(--component-chip-background-standard-default);--chip-background-hover: var(--component-chip-background-standard-hover);--chip-background-focus: var(--component-chip-background-standard-hover);--chip-background-active: var(--component-chip-background-selected-default);--chip-background-active-hover: var(--component-chip-background-selected-hover);--chip-focused-on-selected: var(--component-chip-background-selected-default);--chip-border: var(--component-chip-border-standard-default);--chip-border-hover: var(--component-chip-border-standard-hover);--chip-border-selected: var(--component-chip-border-selected-default);--chip-border-selected-hover: var(--component-chip-border-selected-hover);--chip-border-radius: calc(var(--component-chip-border-radius-default) * 1px);--chip-opacity-disabled: calc(var(--component-chip-opacity-disabled) / 100);--chip-icon-fill: var(--component-chip-text-standard-default);--chip-icon-fill-active: var(--component-chip-text-selected-default)}.tl-chip{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);display:inline-flex;align-items:center;gap:8px;padding:8px 16px;border-radius:var(--chip-border-radius);border:1px solid var(--chip-border);background-color:var(--chip-background);color:var(--chip-text);cursor:pointer;white-space:nowrap;-webkit-user-select:none;user-select:none;text-decoration:none;transition:background-color .15s ease-in-out,color .15s ease-in-out,outline-color .15s ease-in-out}.tl-chip:hover{background-color:var(--chip-background-hover);border-color:var(--chip-border-hover)}.tl-chip:focus-visible{outline:2px solid var(--component--focus-ring-color-strong);box-shadow:0 0 0 1px var(--component--focus-ring-color-discrete);outline-offset:1px;z-index:1;background-color:var(--chip-background-focus)}.tl-chip--sm{padding:0 12px;min-height:24px;gap:6px}.tl-chip--lg{padding:0 16px;min-height:32px;gap:8px}.tl-chip--selected{background-color:var(--chip-background-active);color:var(--chip-text-active);border-color:var(--chip-border-selected)}.tl-chip--selected:hover{background-color:var(--chip-background-active-hover);border-color:var(--chip-border-selected-hover)}.tl-chip--selected:focus-visible{outline:2px solid var(--component--focus-ring-color-strong);box-shadow:0 0 0 1px var(--component--focus-ring-color-discrete);outline-offset:1px;z-index:1;background-color:var(--chip-focused-on-selected)}.tl-chip:disabled{cursor:not-allowed;pointer-events:none;opacity:var(--chip-opacity-disabled)}.tl-chip--lg.tl-chip--prefix:not(.tl-chip--suffix){padding:0 16px 0 8px}.tl-chip--lg.tl-chip--suffix:not(.tl-chip--prefix){padding:0 8px 0 16px}.tl-chip--lg.tl-chip--prefix.tl-chip--suffix{padding:0 8px}.tl-chip--sm.tl-chip--prefix:not(.tl-chip--suffix){padding:0 12px 0 6px}.tl-chip--sm.tl-chip--suffix:not(.tl-chip--prefix){padding:0 6px 0 12px}.tl-chip--sm.tl-chip--prefix.tl-chip--suffix{padding:0 6px}.tl-datetime{--datetime-background-primary: var(--color-background-layer-01);--datetime-background-secondary: var(--color-background-layer-02);--datetime-background: var(--datetime-background-primary);--datetime-text: var(--color-foreground-text-strong);--datetime-icon: var(--color-foreground-icon-strong);--datetime-placeholder: var(--color-text-subtle);--datetime-background-disabled-primary: var(--color-background-layer-01);--datetime-background-disabled-secondary: var(--color-background-layer-02);--datetime-background-disabled: var(--datetime-background-disabled-primary);--datetime-text-disabled: var(--color-foreground-text-disabled);--datetime-placeholder-disabled: var(--color-text-disabled);--datetime-label-disabled: var(--color-foreground-text-disabled);--datetime-icon-disabled: var(--color-foreground-text-disabled);--datetime-label: var(--color-foreground-text-strong);--datetime-label-inside: var(--color-foreground-text-strong);--datetime-placeholder-focus: var(--color-text-subtle);--datetime-highlight-bar: var(--color-foreground-border-accent-focus);--datetime-helper: var(--color-foreground-text-defined);--datetime-helper-error: var(--color-system-danger-default);--datetime-icon-error: var(--color-system-danger-default)}.tl-datetime--primary{--datetime-background: var(--datetime-background-primary);--datetime-background-disabled: var(--datetime-background-disabled-primary)}.tl-datetime--secondary{--datetime-background: var(--datetime-background-secondary);--datetime-background-disabled: var(--datetime-background-disabled-secondary)}.tl-datetime,.scania .tl-datetime{--datetime-border-radius: 4px 4px 0 0;--datetime-box-shadow: 0 -1px 0 0 var(--color-foreground-border-soft);--datetime-box-shadow-hover: 0 -1px 0 0 var(--color-foreground-border-strong);--datetime-box-shadow-focus: 0 -2px 0 0 var(--color-foreground-border-accent-focus);--datetime-box-shadow-disabled: none;--datetime-box-shadow-error: 0 -1px 0 0 var(--color-system-danger-default);--datetime-box-shadow-error-hover: 0 -1px 0 0 var(--color-system-danger-default);--datetime-box-shadow-error-focus: 0 -2px 0 0 var(--color-system-danger-default);--datetime-highlight: var(--datetime-highlight-bar);--datetime-highlight-error: var(--color-system-danger-default);--datetime-border-color-left: transparent;--datetime-border-color-right: transparent;--datetime-border-color-bottom: var(--color-foreground-border-soft);--datetime-border-color-top: transparent;--datetime-border-color-left-hover: transparent;--datetime-border-color-right-hover: transparent;--datetime-border-color-bottom-hover: var(--color-foreground-border-strong);--datetime-border-color-top-hover: transparent;--datetime-border-color-left-success: transparent;--datetime-border-color-right-success: transparent;--datetime-border-color-bottom-success: var(--color-foreground-border-strong);--datetime-border-color-top-success: transparent;--datetime-border-color-left-focus: transparent;--datetime-border-color-right-focus: transparent;--datetime-border-color-bottom-focus: var(--color-foreground-border-strong);--datetime-border-color-top-focus: transparent;--datetime-outline-color-focus: none;--datetime-border-color-left-error: transparent;--datetime-border-color-right-error: transparent;--datetime-border-color-bottom-error: var(--color-system-danger-default);--datetime-border-color-top-error: transparent;--datetime-bar-color-focus: var(--color-foreground-border-accent-focus);--datetime-bar-color-error: var(--color-system-danger-default);--datetime-disabled-bottom-bar: transparent}.traton .tl-datetime{--datetime-border-radius: 4px 4px 4px 4px;--datetime-box-shadow: 0 0 0 1px var(--color-foreground-border-soft);--datetime-box-shadow-hover: 0 0 0 1px var(--color-foreground-border-strong);--datetime-box-shadow-focus: 0 0 0 2px var(--color-foreground-border-accent-focus);--datetime-box-shadow-disabled: none;--datetime-box-shadow-error: 0 0 0 1px var(--color-system-danger-default);--datetime-box-shadow-error-hover: 0 0 0 1px var(--color-system-danger-default);--datetime-box-shadow-error-focus: 0 0 0 2px var(--color-system-danger-default);--datetime-highlight: transparent;--datetime-highlight-error: transparent;--datetime-border-color-left: var(--color-foreground-border-soft);--datetime-border-color-right: var(--color-foreground-border-soft);--datetime-border-color-bottom: var(--color-foreground-border-soft);--datetime-border-color-top: var(--color-foreground-border-soft);--datetime-border-color-left-hover: var(--color-foreground-border-strong);--datetime-border-color-right-hover: var(--color-foreground-border-strong);--datetime-border-color-bottom-hover: var(--color-foreground-border-strong);--datetime-border-color-top-hover: var(--color-foreground-border-strong);--datetime-border-color-left-success: var(--color-foreground-border-strong);--datetime-border-color-right-success: var(--color-foreground-border-strong);--datetime-border-color-bottom-success: var(--color-foreground-border-strong);--datetime-border-color-top-success: var(--color-foreground-border-strong);--datetime-border-color-left-focus: var(--color-foreground-border-accent-focus);--datetime-border-color-right-focus: var(--color-foreground-border-accent-focus);--datetime-border-color-bottom-focus: var(--color-foreground-border-accent-focus);--datetime-border-color-top-focus: var(--color-foreground-border-accent-focus);--datetime-outline-color-focus: var(--color-foreground-border-accent-focus);--datetime-border-color-left-error: var(--color-system-danger-default);--datetime-border-color-right-error: var(--color-system-danger-default);--datetime-border-color-bottom-error: var(--color-system-danger-default);--datetime-border-color-top-error: var(--color-system-danger-default);--datetime-bar-color-focus: transparent;--datetime-bar-color-error: transparent;--datetime-disabled-bottom-bar: none}.tl-datetime{display:block;min-width:208px;background:unset}.tl-datetime--no-min-width{min-width:auto}.tl-datetime input[type=datetime-local]::-webkit-inner-spin-button,.tl-datetime input[type=datetime-local]::-webkit-calendar-picker-indicator,.tl-datetime input[type=date]::-webkit-inner-spin-button,.tl-datetime input[type=date]::-webkit-calendar-picker-indicator,.tl-datetime input[type=month]::-webkit-inner-spin-button,.tl-datetime input[type=month]::-webkit-calendar-picker-indicator,.tl-datetime input[type=week]::-webkit-inner-spin-button,.tl-datetime input[type=week]::-webkit-calendar-picker-indicator,.tl-datetime input[type=time]::-webkit-inner-spin-button,.tl-datetime input[type=time]::-webkit-calendar-picker-indicator{opacity:0}.tl-datetime__label{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);display:block;margin-bottom:var(--tds-spacing-element-8);color:var(--datetime-label)}.tl-datetime:has(input:disabled) .tl-datetime__label{color:var(--datetime-label-disabled);cursor:not-allowed}.tl-datetime__wrapper{border-radius:var(--datetime-border-radius);position:relative;height:56px;box-sizing:border-box;background-color:var(--datetime-background)}.tl-datetime--md .tl-datetime__wrapper{height:48px}.tl-datetime--sm .tl-datetime__wrapper{height:40px}.tl-datetime:has(input:disabled) .tl-datetime__wrapper{cursor:not-allowed}.tl-datetime__icon{position:absolute;top:50%;right:18px;transform:translateY(-50%);color:var(--datetime-icon);pointer-events:none}@supports (-moz-appearance: none){.tl-datetime__icon{display:none}}.tl-datetime--error .tl-datetime__icon{color:var(--datetime-icon-error)}.tl-datetime:has(input:disabled) .tl-datetime__icon{color:var(--datetime-icon-disabled)}.tl-datetime__input,.tl-datetime__input *{box-sizing:border-box}.tl-datetime__input{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);border-radius:var(--datetime-border-radius);width:100%;box-sizing:border-box;margin:0;border:none;outline:none;height:100%;color:var(--datetime-text);background-color:var(--datetime-background);padding:var(--tds-spacing-element-20) var(--tds-spacing-element-16);box-shadow:inset var(--datetime-box-shadow);transition:box-shadow .2s}.tl-datetime__input:focus{box-shadow:inset var(--datetime-box-shadow-focus)}.tl-datetime:hover .tl-datetime__input:not(:focus,:disabled){box-shadow:inset var(--datetime-box-shadow-hover)}.tl-datetime--error .tl-datetime__input{box-shadow:inset var(--datetime-box-shadow-error)}.tl-datetime--error .tl-datetime__input:focus{box-shadow:inset var(--datetime-box-shadow-error-focus)}.tl-datetime--error:hover .tl-datetime__input:not(:focus,:disabled){box-shadow:inset var(--datetime-box-shadow-error-hover)}.tl-datetime--error .tl-datetime__input:disabled{box-shadow:inset var(--datetime-box-shadow-error)}.tl-datetime__input::placeholder{opacity:1;color:var(--datetime-placeholder)}.tl-datetime__input:focus::placeholder{color:var(--datetime-placeholder-focus)}@supports selector(input::-webkit-datetime-edit){.tl-datetime__input:not(:focus)::-webkit-datetime-edit,.tl-datetime__input:not(:focus)::-webkit-datetime-edit-fields-wrapper{color:var(--datetime-placeholder);-webkit-text-fill-color:var(--datetime-placeholder)}.tl-datetime__input:focus::-webkit-datetime-edit,.tl-datetime__input:focus::-webkit-datetime-edit-fields-wrapper{color:var(--datetime-placeholder-focus);-webkit-text-fill-color:var(--datetime-placeholder-focus)}}.tl-datetime__input::-webkit-datetime-edit-text{-webkit-text-fill-color:var(--datetime-text)}.tl-datetime__input::-webkit-datetime-edit-month-field{-webkit-text-fill-color:var(--datetime-text)}.tl-datetime__input::-webkit-datetime-edit-day-field{-webkit-text-fill-color:var(--datetime-text)}.tl-datetime__input::-webkit-datetime-edit-year-field{-webkit-text-fill-color:var(--datetime-text)}.tl-datetime__input::-webkit-datetime-edit-hour-field{-webkit-text-fill-color:var(--datetime-text)}.tl-datetime__input::-webkit-datetime-edit-minute-field{-webkit-text-fill-color:var(--datetime-text)}.tl-datetime__input::-webkit-datetime-edit-second-field{-webkit-text-fill-color:var(--datetime-text)}.tl-datetime__input::-webkit-datetime-edit-millisecond-field{-webkit-text-fill-color:var(--datetime-text)}.tl-datetime__input::-webkit-datetime-edit-meridiem-field{-webkit-text-fill-color:var(--datetime-text)}.tl-datetime__input:disabled{background-color:var(--datetime-background-disabled);color:var(--datetime-text-disabled);box-shadow:inset var(--datetime-box-shadow-disabled);cursor:not-allowed}.tl-datetime__input:disabled::placeholder{color:var(--datetime-placeholder-disabled)}.tl-datetime__input:disabled~.tl-datetime__label-inside{color:var(--datetime-label-disabled)}.tl-datetime__input:disabled::-webkit-datetime-edit-text{-webkit-text-fill-color:var(--datetime-text-disabled)}.tl-datetime__input:disabled::-webkit-datetime-edit-month-field{-webkit-text-fill-color:var(--datetime-text-disabled)}.tl-datetime__input:disabled::-webkit-datetime-edit-day-field{-webkit-text-fill-color:var(--datetime-text-disabled)}.tl-datetime__input:disabled::-webkit-datetime-edit-year-field{-webkit-text-fill-color:var(--datetime-text-disabled)}.tl-datetime__input:disabled::-webkit-datetime-edit-hour-field{-webkit-text-fill-color:var(--datetime-text-disabled)}.tl-datetime__input:disabled::-webkit-datetime-edit-minute-field{-webkit-text-fill-color:var(--datetime-text-disabled)}.tl-datetime__input:disabled::-webkit-datetime-edit-second-field{-webkit-text-fill-color:var(--datetime-text-disabled)}.tl-datetime__input:disabled::-webkit-datetime-edit-millisecond-field{-webkit-text-fill-color:var(--datetime-text-disabled)}.tl-datetime__input:disabled::-webkit-datetime-edit-meridiem-field{-webkit-text-fill-color:var(--datetime-text-disabled)}.tl-datetime--label-inside .tl-datetime__input{padding-top:var(--tds-spacing-element-24);padding-bottom:15px}.tl-datetime--md.tl-datetime--label-inside .tl-datetime__input{padding-top:var(--tds-spacing-element-20);padding-bottom:11px}.tl-datetime--sm .tl-datetime__input{padding:var(--tds-spacing-element-16)}.tl-datetime__label-inside{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);position:absolute;pointer-events:none;color:var(--datetime-label-inside);left:16px;transition:.1s ease all}.tl-datetime--lg .tl-datetime__label-inside{top:12px}.tl-datetime--md .tl-datetime__label-inside{top:8px}.tl-datetime--sm .tl-datetime__label-inside{display:none}.tl-datetime__helper{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);display:inline-flex;gap:8px;padding-top:var(--tds-spacing-element-4);color:var(--datetime-helper)}.tl-datetime__helper:before{content:"";width:16px;height:16px;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain;flex-shrink:0;display:none}.tl-datetime--error .tl-datetime__helper{color:var(--datetime-helper-error)}.tl-datetime--error .tl-datetime__helper:before{display:inline-flex;-webkit-mask-image:var(--icon-error-svg);mask-image:var(--icon-error-svg);background-color:var(--datetime-helper-error)}.tl-datetime:has(input:disabled):not(.tl-datetime--error) .tl-datetime__helper{color:var(--color-foreground-text-disabled)}:root,.tds-mode-light,.scania .tds-mode-light,.scania.tds-mode-light,.scania .tl-mode-light,.scania.tl-mode-light{--component-divider-border-discrete-default: var(--scania-color-grey-200);--component-divider-border-subtle-default: var(--scania-color-grey-350);--component-divider-border-soft-default: var(--scania-color-grey-500);--component-divider-border-defined-default: var(--scania-color-grey-650);--component-divider-border-strong-default: var(--color-border-strong);--component-divider-border-expressive-default: var(--scania-color-blue-700)}.traton .tds-mode-light,.traton.tds-mode-light,.traton .tl-mode-light,.traton.tl-mode-light{--component-divider-border-discrete-default: var(--color-border-discrete);--component-divider-border-subtle-default: var(--color-border-subtle);--component-divider-border-soft-default: var(--color-border-soft);--component-divider-border-defined-default: var(--color-border-defined);--component-divider-border-strong-default: var(--color-border-strong);--component-divider-border-expressive-default: var(--component-divider-border-strong-default)}.tds-mode-dark,.scania .tds-mode-dark,.scania.tds-mode-dark,.scania .tl-mode-dark,.scania.tl-mode-dark{--component-divider-border-discrete-default: var(--color-border-discrete);--component-divider-border-subtle-default: var(--color-border-subtle);--component-divider-border-soft-default: var(--color-border-soft);--component-divider-border-defined-default: var(--color-border-defined);--component-divider-border-strong-default: var(--color-border-strong);--component-divider-border-expressive-default: var(--scania-color-blue-800)}.traton .tds-mode-dark,.traton.tds-mode-dark,.traton .tl-mode-dark,.traton.tl-mode-dark{--component-divider-border-discrete-default: var(--color-border-discrete);--component-divider-border-subtle-default: var(--color-border-subtle);--component-divider-border-soft-default: var(--color-border-soft);--component-divider-border-defined-default: var(--color-border-defined);--component-divider-border-strong-default: var(--color-border-strong);--component-divider-border-expressive-default: var(--component-divider-border-strong-default)}.tl-divider{--divider-background: var(--component-divider-border-discrete-default);--divider-background-discrete: var(--component-divider-border-discrete-default);--divider-background-subtle: var(--component-divider-border-subtle-default);--divider-background-soft: var(--component-divider-border-soft-default);--divider-background-defined: var(--component-divider-border-defined-default);--divider-background-strong: var(--component-divider-border-strong-default);--divider-background-expressive: var(--component-divider-border-expressive-default)}.tl-divider,.tl-divider *{box-sizing:border-box}.tl-divider{background-color:var(--divider-background)}.tl-divider--discrete{background-color:var(--divider-background-discrete)}.tl-divider--subtle{background-color:var(--divider-background-subtle)}.tl-divider--soft{background-color:var(--divider-background-soft)}.tl-divider--defined{background-color:var(--divider-background-defined)}.tl-divider--strong{background-color:var(--divider-background-strong)}.tl-divider--expressive{background-color:var(--divider-background-expressive)}.tl-divider--horizontal{width:100%;height:1px}.tl-divider--vertical{height:100%;width:1px}:root,.tds-mode-light,.scania .tds-mode-light,.scania.tds-mode-light,.scania .tl-mode-light,.scania.tl-mode-light{--component-dropdown-background-primary: var(--color-background-layer-01);--component-dropdown-background-secondary: var(--color-background-layer-02);--component-dropdown-background-item-default: var(--color-background-none);--component-dropdown-background-item-hover: var(--scania-color-grey-100);--component-dropdown-background-item-selected-default: var(--scania-color-grey-150);--component-dropdown-border-radius-default: var(--scania-unit-4);--component-dropdown-border-item-divider-default: var(--color-border-discrete);--component-dropdown-icon-default: var(--color-icon-strong);--component-dropdown-icon-item-selected-default: var(--color-icon-strong);--component-dropdown-text-item-default: var(--color-text-strong);--component-dropdown-text-item-selected-default: var(--color-text-strong);--component-dropdown-opacity-disabled: var(--scania-opacity-25)}.traton .tds-mode-light,.traton.tds-mode-light,.traton .tl-mode-light,.traton.tl-mode-light{--component-dropdown-background-primary: var(--color-background-layer-01);--component-dropdown-background-secondary: var(--color-background-layer-02);--component-dropdown-background-item-default: var(--color-background-none);--component-dropdown-background-item-hover: var(--traton-color-grey-150);--component-dropdown-background-item-selected-default: var(--color-background-layer-01);--component-dropdown-border-radius-default: var(--traton-unit-4);--component-dropdown-border-item-divider-default: var(--color-border-discrete);--component-dropdown-icon-default: var(--color-icon-strong);--component-dropdown-icon-item-selected-default: var(--color-icon-strong);--component-dropdown-text-item-default: var(--color-text-strong);--component-dropdown-text-item-selected-default: var(--color-text-strong);--component-dropdown-opacity-disabled: var(--traton-opacity-25)}.tds-mode-dark,.scania .tds-mode-dark,.scania.tds-mode-dark,.scania .tl-mode-dark,.scania.tl-mode-dark{--component-dropdown-background-primary: var(--color-background-layer-01);--component-dropdown-background-secondary: var(--color-background-layer-02);--component-dropdown-background-item-default: var(--color-background-none);--component-dropdown-background-item-hover: var(--scania-color-grey-750);--component-dropdown-background-item-selected-default: var(--scania-color-grey-800);--component-dropdown-border-radius-default: var(--scania-unit-4);--component-dropdown-border-item-divider-default: var(--color-border-discrete);--component-dropdown-icon-default: var(--color-icon-strong);--component-dropdown-icon-item-selected-default: var(--color-icon-strong);--component-dropdown-text-item-default: var(--color-text-strong);--component-dropdown-text-item-selected-default: var(--color-text-strong);--component-dropdown-opacity-disabled: var(--scania-opacity-25)}.traton .tds-mode-dark,.traton.tds-mode-dark,.traton .tl-mode-dark,.traton.tl-mode-dark{--component-dropdown-background-primary: var(--color-background-layer-01);--component-dropdown-background-secondary: var(--color-background-layer-02);--component-dropdown-background-item-default: var(--color-background-none);--component-dropdown-background-item-hover: var(--color-background-layer-03);--component-dropdown-background-item-selected-default: var(--color-background-layer-01);--component-dropdown-border-radius-default: var(--traton-unit-4);--component-dropdown-border-item-divider-default: var(--color-border-discrete);--component-dropdown-icon-default: var(--color-icon-strong);--component-dropdown-icon-item-selected-default: var(--color-icon-strong);--component-dropdown-text-item-default: var(--color-text-strong);--component-dropdown-text-item-selected-default: var(--color-text-strong);--component-dropdown-opacity-disabled: var(--traton-opacity-25)}:root,.tds-mode-light,.scania .tds-mode-light,.scania.tds-mode-light,.scania .tl-mode-light,.scania.tl-mode-light{--component--input-background-primary: var(--color-background-layer-01);--component--input-background-secondary: var(--color-background-layer-02);--component--input-border-default: var(--color-border-soft);--component--input-border-hover: var(--color-border-strong);--component--input-border-success-default: var(--color-border-strong);--component--input-border-error-default: var(--color-system-danger-default);--component--input-border-radius-default: var(--scania-unit-4);--component--input-border-radius-none: var(--scania-unit-0);--component--input-border-radius-top-left: var(--component--input-border-radius-default);--component--input-border-radius-top-right: var(--component--input-border-radius-default);--component--input-border-radius-bottom-left: var(--component--input-border-radius-none);--component--input-border-radius-bottom-right: var(--component--input-border-radius-none);--component--input-border-width-default: var(--scania-unit-1);--component--input-border-width-none: var(--scania-unit-0);--component--input-border-width-top: var(--component--input-border-width-none);--component--input-border-width-right: var(--component--input-border-width-none);--component--input-border-width-bottom: var(--component--input-border-width-default);--component--input-border-width-left: var(--component--input-border-width-none);--component--input-icon-prefix-default: var(--color-text-defined);--component--input-icon-suffix-default: var(--color-text-defined);--component--input-icon-error-default: var(--color-system-danger-default);--component--input-icon-control-default: var(--color-icon-strong);--component--input-icon-control-hover: var(--component--input-icon-control-default);--component--input-opacity-disabled: var(--scania-opacity-25);--component--input-text-counter-default: var(--color-text-defined);--component--input-text-label-default: var(--color-text-strong);--component--input-text-helper-default: var(--color-text-defined);--component--input-text-placeholder-default: var(--color-text-soft);--component--input-text-value-default: var(--color-text-strong);--component--input-text-error-default: var(--color-system-danger-default)}.traton .tds-mode-light,.traton.tds-mode-light,.traton .tl-mode-light,.traton.tl-mode-light{--component--input-background-primary: var(--color-background-layer-01);--component--input-background-secondary: var(--color-background-layer-02);--component--input-border-default: var(--color-border-soft);--component--input-border-hover: var(--color-border-strong);--component--input-border-success-default: var(--color-border-strong);--component--input-border-error-default: var(--color-system-danger-default);--component--input-border-radius-default: var(--traton-unit-4);--component--input-border-radius-none: var(--traton-unit-0);--component--input-border-radius-top-left: var(--component--input-border-radius-default);--component--input-border-radius-top-right: var(--component--input-border-radius-default);--component--input-border-radius-bottom-left: var(--component--input-border-radius-default);--component--input-border-radius-bottom-right: var(--component--input-border-radius-default);--component--input-border-width-default: var(--traton-unit-1);--component--input-border-width-none: var(--traton-unit-0);--component--input-border-width-top: var(--component--input-border-width-default);--component--input-border-width-right: var(--component--input-border-width-default);--component--input-border-width-bottom: var(--component--input-border-width-default);--component--input-border-width-left: var(--component--input-border-width-default);--component--input-icon-prefix-default: var(--color-text-defined);--component--input-icon-suffix-default: var(--color-text-defined);--component--input-icon-error-default: var(--color-system-danger-default);--component--input-icon-control-default: var(--color-icon-subtle);--component--input-icon-control-hover: var(--component--input-icon-control-default);--component--input-opacity-disabled: var(--traton-opacity-25);--component--input-text-counter-default: var(--color-text-defined);--component--input-text-label-default: var(--color-text-strong);--component--input-text-helper-default: var(--color-text-defined);--component--input-text-placeholder-default: var(--color-text-subtle);--component--input-text-value-default: var(--color-text-strong);--component--input-text-error-default: var(--color-system-danger-default)}.tds-mode-dark,.scania .tds-mode-dark,.scania.tds-mode-dark,.scania .tl-mode-dark,.scania.tl-mode-dark{--component--input-background-primary: var(--color-background-layer-01);--component--input-background-secondary: var(--color-background-layer-02);--component--input-border-default: var(--color-border-soft);--component--input-border-hover: var(--color-border-strong);--component--input-border-success-default: var(--color-border-strong);--component--input-border-error-default: var(--color-system-danger-default);--component--input-border-radius-default: var(--scania-unit-4);--component--input-border-radius-none: var(--scania-unit-0);--component--input-border-radius-top-left: var(--component--input-border-radius-default);--component--input-border-radius-top-right: var(--component--input-border-radius-default);--component--input-border-radius-bottom-left: var(--component--input-border-radius-none);--component--input-border-radius-bottom-right: var(--component--input-border-radius-none);--component--input-border-width-default: var(--scania-unit-1);--component--input-border-width-none: var(--scania-unit-0);--component--input-border-width-top: var(--component--input-border-width-none);--component--input-border-width-right: var(--component--input-border-width-none);--component--input-border-width-bottom: var(--component--input-border-width-default);--component--input-border-width-left: var(--component--input-border-width-none);--component--input-icon-prefix-default: var(--color-text-defined);--component--input-icon-suffix-default: var(--color-text-defined);--component--input-icon-error-default: var(--color-system-danger-default);--component--input-icon-control-default: var(--color-icon-strong);--component--input-icon-control-hover: var(--component--input-icon-control-default);--component--input-opacity-disabled: var(--scania-opacity-25);--component--input-text-counter-default: var(--color-text-defined);--component--input-text-label-default: var(--color-text-strong);--component--input-text-helper-default: var(--color-text-defined);--component--input-text-placeholder-default: var(--color-text-soft);--component--input-text-value-default: var(--color-text-strong);--component--input-text-error-default: var(--color-system-danger-default)}.traton .tds-mode-dark,.traton.tds-mode-dark,.traton .tl-mode-dark,.traton.tl-mode-dark{--component--input-background-primary: var(--color-background-layer-01);--component--input-background-secondary: var(--color-background-layer-02);--component--input-border-default: var(--color-border-soft);--component--input-border-hover: var(--color-border-strong);--component--input-border-success-default: var(--color-border-strong);--component--input-border-error-default: var(--color-system-danger-default);--component--input-border-radius-default: var(--traton-unit-4);--component--input-border-radius-none: var(--traton-unit-0);--component--input-border-radius-top-left: var(--component--input-border-radius-default);--component--input-border-radius-top-right: var(--component--input-border-radius-default);--component--input-border-radius-bottom-left: var(--component--input-border-radius-default);--component--input-border-radius-bottom-right: var(--component--input-border-radius-default);--component--input-border-width-default: var(--traton-unit-1);--component--input-border-width-none: var(--traton-unit-0);--component--input-border-width-top: var(--component--input-border-width-default);--component--input-border-width-right: var(--component--input-border-width-default);--component--input-border-width-bottom: var(--component--input-border-width-default);--component--input-border-width-left: var(--component--input-border-width-default);--component--input-icon-prefix-default: var(--color-text-defined);--component--input-icon-suffix-default: var(--color-text-defined);--component--input-icon-error-default: var(--color-system-danger-default);--component--input-icon-control-default: var(--color-icon-subtle);--component--input-icon-control-hover: var(--component--input-icon-control-default);--component--input-opacity-disabled: var(--traton-opacity-25);--component--input-text-counter-default: var(--color-text-defined);--component--input-text-label-default: var(--color-text-strong);--component--input-text-helper-default: var(--color-text-defined);--component--input-text-placeholder-default: var(--color-text-subtle);--component--input-text-value-default: var(--color-text-strong);--component--input-text-error-default: var(--color-system-danger-default)}.tl-dropdown{--dropdown-background: var(--component--input-background-primary);--dropdown-text: var(--component--input-text-value-default);--dropdown-helper-text: var(--component--input-text-helper-default);--dropdown-placeholder: var(--component--input-text-placeholder-default);--dropdown-label: var(--component--input-text-label-default);--dropdown-label-inside: var(--component--input-text-label-default);--dropdown-opacity-disabled: calc(var(--component-dropdown-opacity-disabled) / 100);--dropdown-icon: var(--component-dropdown-icon-default);--dropdown-clear-icon: var(--component--input-icon-control-default);--dropdown-error: var(--component--input-text-error-default);--dropdown-border-bottom-width: calc(var(--component--input-border-width-bottom) * 1px);--dropdown-border-left-width: calc(var(--component--input-border-width-left) * 1px);--dropdown-border-right-width: calc(var(--component--input-border-width-right) * 1px);--dropdown-border-top-width: calc(var(--component--input-border-width-top) * 1px);--dropdown-border: var(--component--input-border-default);--dropdown-border-hover: var(--component--input-border-hover);--dropdown-border-radius: calc(var(--component--input-border-radius-top-left) * 1px) calc(var(--component--input-border-radius-top-right) * 1px) calc(var(--component--input-border-radius-bottom-right) * 1px) calc(var(--component--input-border-radius-bottom-left) * 1px);--dropdown-list-border-radius: calc(var(--component-dropdown-border-radius-default) * 1px);--dropdown-list-box-shadow: 0 2px 3px 0 rgb(0, 0, 0, .1);--dropdown-option-background: var(--component-dropdown-background-item-default);--dropdown-option-background-hover: var(--component-dropdown-background-item-hover);--dropdown-option-background-selected: var(--component-dropdown-background-item-selected-default);--dropdown-option-opacity-disabled: calc(var(--component-dropdown-opacity-disabled) / 100);--dropdown-option-border: var(--component-dropdown-border-item-divider-default);--dropdown-list-background-color: var(--component-dropdown-background-secondary)}.tl-dropdown--primary{--dropdown-background: var(--component--input-background-primary);--dropdown-list-background-color: var(--component-dropdown-background-primary)}.tl-dropdown--secondary{--dropdown-background: var(--component--input-background-secondary);--dropdown-list-background-color: var(--component-dropdown-background-secondary)}.scania .tl-dropdown{--dropdown-list-box-shadow: 0 2px 3px 0 rgb(0, 0, 0, .1)}.traton .tl-dropdown{--dropdown-list-box-shadow: none}:host,:root{--tl-scrollbar-width-standard: thin;--tl-scrollbar-width: 10px;--tl-scrollbar-height: 10px;--tl-scrollbar-thumb-border-width: 3px;--tl-scrollbar-thumb-border-hover-width: 2px}body{scrollbar-width:thin}.tl-dropdown{width:208px;position:relative}.tl-dropdown:has(:is(.tl-dropdown__button,.tl-dropdown__select,.tl-dropdown__input):disabled){opacity:var(--dropdown-opacity-disabled);cursor:not-allowed}.tl-dropdown__input-wrapper{position:relative;display:flex;align-items:center;width:100%}:is(.tl-dropdown__button,.tl-dropdown__select,.tl-dropdown__input){height:56px}.tl-dropdown--md :is(.tl-dropdown__button,.tl-dropdown__select,.tl-dropdown__input){height:48px}.tl-dropdown--sm :is(.tl-dropdown__button,.tl-dropdown__select,.tl-dropdown__input){height:40px}:is(.tl-dropdown__button,.tl-dropdown__select,.tl-dropdown__input){font-family:var(--type-system-body-01-font-family);font-size:calc(var(--type-system-body-01-font-size) * 1px);line-height:calc(var(--type-system-body-01-line-height) * 1px);font-weight:var(--type-system-body-01-font-weight);letter-spacing:calc(var(--type-system-body-01-letter-spacing) * 1px);text-transform:var(--type-system-body-01-text-transform);border-bottom:var(--dropdown-border-bottom-width) solid var(--dropdown-border);border-left:var(--dropdown-border-left-width) solid var(--dropdown-border);border-right:var(--dropdown-border-right-width) solid var(--dropdown-border);border-top:var(--dropdown-border-top-width) solid var(--dropdown-border);width:100%;appearance:none;background:var(--dropdown-background);color:var(--dropdown-text);border-radius:var(--dropdown-border-radius);position:relative;outline:none;text-align:left;cursor:pointer;padding-inline:var(--tds-spacing-element-16);transition:box-shadow .2s,border-radius .2s,background .2s;display:flex;align-items:center;justify-content:flex-start}:is(.tl-dropdown__button,.tl-dropdown__select,.tl-dropdown__input):hover{border-bottom:var(--dropdown-border-bottom-width) solid var(--dropdown-border-hover);border-left:var(--dropdown-border-left-width) solid var(--dropdown-border-hover);border-right:var(--dropdown-border-right-width) solid var(--dropdown-border-hover);border-top:var(--dropdown-border-top-width) solid var(--dropdown-border-hover);border-radius:var(--dropdown-border-radius)}:is(.tl-dropdown__button,.tl-dropdown__select,.tl-dropdown__input):focus{outline:2px solid var(--component--focus-ring-color-strong);box-shadow:0 0 0 1px var(--component--focus-ring-color-discrete);outline-offset:1px;z-index:1}.tl-dropdown--error :is(.tl-dropdown__button,.tl-dropdown__select,.tl-dropdown__input){border-bottom:var(--dropdown-border-bottom-width) solid var(--dropdown-error);border-left:var(--dropdown-border-left-width) solid var(--dropdown-error);border-right:var(--dropdown-border-right-width) solid var(--dropdown-error);border-top:var(--dropdown-border-top-width) solid var(--dropdown-error);border-radius:var(--dropdown-border-radius)}:is(.tl-dropdown__button,.tl-dropdown__select,.tl-dropdown__input):disabled{border-bottom:var(--dropdown-border-bottom-width) solid var(--dropdown-border);border-left:var(--dropdown-border-left-width) solid var(--dropdown-border);border-right:var(--dropdown-border-right-width) solid var(--dropdown-border);border-top:var(--dropdown-border-top-width) solid var(--dropdown-border);border-radius:var(--dropdown-border-radius);box-shadow:none;cursor:not-allowed;pointer-events:none}.tl-dropdown__input{cursor:text}.tl-dropdown.tl-dropdown--label-inside:has(.tl-dropdown__input[aria-expanded=false]) .tl-dropdown__input::placeholder{color:transparent}.tl-dropdown__select{padding-top:2px;cursor:pointer;display:block}.tl-dropdown__select:disabled{background:var(--dropdown-background)!important}.tl-dropdown__input,.tl-dropdown__select{box-sizing:border-box;width:100%;padding-right:36px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tl-dropdown__input[aria-expanded=true],.tl-dropdown__select[aria-expanded=true]{padding-right:68px}.tl-dropdown__input:focus,.tl-dropdown__select:focus{padding-right:69px}.tl-dropdown__input-clear{display:none;position:absolute;top:50%;right:45px;transform:translateY(-50%);width:24px;height:24px;background:transparent;cursor:pointer;border:0;padding:0;align-items:center;justify-content:center;z-index:2}.tl-dropdown__input-clear:before{content:"";width:16px;height:16px;background-color:var(--dropdown-clear-icon);-webkit-mask-image:var(--icon-cross-svg);mask-image:var(--icon-cross-svg);-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;pointer-events:none;display:block}.tl-dropdown__input-clear:focus,.tl-dropdown__input-clear:focus-visible{outline:2px solid var(--component--focus-ring-color-strong);box-shadow:0 0 0 1px var(--component--focus-ring-color-discrete);outline-offset:1px;z-index:1}.tl-dropdown__input-wrapper:has(.tl-dropdown__input[aria-expanded=true]:not(:placeholder-shown)) .tl-dropdown__input-clear{display:inline-flex}.tl-dropdown__input-wrapper:before{content:"";position:absolute;right:40px;top:1px;bottom:0;margin:auto 0;height:16px;width:1px;background:var(--dropdown-clear-icon);z-index:1;opacity:0;transition:opacity .2s;pointer-events:none}.tl-dropdown__input-wrapper:has(.tl-dropdown__input[aria-expanded=true]:not(:placeholder-shown)):before{opacity:1}.tl-dropdown__button:after,.tl-dropdown__input-wrapper:after{content:"";position:absolute;right:var(--tds-spacing-element-16);top:50%;transform:translateY(-50%);width:var(--tds-spacing-element-16);height:var(--tds-spacing-element-16);background-color:var(--dropdown-icon);-webkit-mask-image:var(--icon-chevron_down-svg);mask-image:var(--icon-chevron_down-svg);z-index:2;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;pointer-events:none;transition:transform .2s ease}.tl-dropdown:has(.tl-dropdown__button[aria-expanded=true],.tl-dropdown__input[aria-expanded=true]) .tl-dropdown__button:after,.tl-dropdown:has(.tl-dropdown__button[aria-expanded=true],.tl-dropdown__input[aria-expanded=true]) .tl-dropdown__input-wrapper:after{transform:rotate(180deg) translateY(50%)}.tl-dropdown--lg:not(.tl-dropdown--label-inside):has(.tl-dropdown__select):not(:has(.tl-dropdown__helper)):after{content:"";position:absolute;right:var(--tds-spacing-element-16);top:calc(50% + 11px);transform:translateY(-50%);width:var(--tds-spacing-element-16);height:var(--tds-spacing-element-16);background-color:var(--dropdown-icon);-webkit-mask-image:var(--icon-chevron_down-svg);mask-image:var(--icon-chevron_down-svg);-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;pointer-events:none;transition:transform .2s}.tl-dropdown--md:not(.tl-dropdown--label-inside):has(.tl-dropdown__select):not(:has(.tl-dropdown__helper)):after{content:"";position:absolute;right:var(--tds-spacing-element-16);top:calc(50% + 11px);transform:translateY(-50%);width:var(--tds-spacing-element-16);height:var(--tds-spacing-element-16);background-color:var(--dropdown-icon);-webkit-mask-image:var(--icon-chevron_down-svg);mask-image:var(--icon-chevron_down-svg);-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;pointer-events:none;transition:transform .2s}.tl-dropdown--sm:not(.tl-dropdown--label-inside):has(.tl-dropdown__select):not(:has(.tl-dropdown__helper)):after{content:"";position:absolute;right:var(--tds-spacing-element-16);top:calc(50% + 11px);transform:translateY(-50%);width:var(--tds-spacing-element-16);height:var(--tds-spacing-element-16);background-color:var(--dropdown-icon);-webkit-mask-image:var(--icon-chevron_down-svg);mask-image:var(--icon-chevron_down-svg);-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;pointer-events:none;transition:transform .2s}.tl-dropdown:not(.tl-dropdown--label-inside):has(.tl-dropdown__label):has(:is(.tl-dropdown__button,.tl-dropdown__input)) .tl-dropdown__button:after,.tl-dropdown:not(.tl-dropdown--label-inside):has(.tl-dropdown__label):has(:is(.tl-dropdown__button,.tl-dropdown__input)) .tl-dropdown__input-wrapper:after{top:calc(50% + 1px)}.tl-dropdown--label-inside:has(.tl-dropdown__select):not(:has(.tl-dropdown__helper)):after{content:"";position:absolute;right:var(--tds-spacing-element-16);top:50%;transform:translateY(-50%);width:var(--tds-spacing-element-16);height:var(--tds-spacing-element-16);background-color:var(--dropdown-icon);-webkit-mask-image:var(--icon-chevron_down-svg);mask-image:var(--icon-chevron_down-svg);-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;pointer-events:none;transition:transform .2s}.tl-dropdown:not(:has(.tl-dropdown__label)):has(.tl-dropdown__select):not(:has(.tl-dropdown__helper)):after{content:"";position:absolute;right:var(--tds-spacing-element-16);top:50%;transform:translateY(-50%);width:var(--tds-spacing-element-16);height:var(--tds-spacing-element-16);background-color:var(--dropdown-icon);-webkit-mask-image:var(--icon-chevron_down-svg);mask-image:var(--icon-chevron_down-svg);-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;pointer-events:none;transition:transform .2s}.tl-dropdown--label-inside:has(.tl-dropdown__select):has(.tl-dropdown__helper):after{content:"";position:absolute;right:var(--tds-spacing-element-16);top:calc(50% - 10px);transform:translateY(-50%);width:var(--tds-spacing-element-16);height:var(--tds-spacing-element-16);background-color:var(--dropdown-icon);-webkit-mask-image:var(--icon-chevron_down-svg);mask-image:var(--icon-chevron_down-svg);-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;pointer-events:none;transition:transform .2s}.tl-dropdown:not(:has(.tl-dropdown__label)):has(.tl-dropdown__select):has(.tl-dropdown__helper):after{content:"";position:absolute;right:var(--tds-spacing-element-16);top:calc(50% - 10px);transform:translateY(-50%);width:var(--tds-spacing-element-16);height:var(--tds-spacing-element-16);background-color:var(--dropdown-icon);-webkit-mask-image:var(--icon-chevron_down-svg);mask-image:var(--icon-chevron_down-svg);-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;pointer-events:none;transition:transform .2s}.tl-dropdown:not(.tl-dropdown--label-inside):has(.tl-dropdown__label):has(.tl-dropdown__select):has(.tl-dropdown__helper):after{content:"";position:absolute;right:var(--tds-spacing-element-16);top:calc(50% + 1px);transform:translateY(-50%);width:var(--tds-spacing-element-16);height:var(--tds-spacing-element-16);background-color:var(--dropdown-icon);-webkit-mask-image:var(--icon-chevron_down-svg);mask-image:var(--icon-chevron_down-svg);-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;pointer-events:none;transition:transform .2s}.tl-dropdown--md:not(.tl-dropdown--label-inside):has(.tl-dropdown__label):has(.tl-dropdown__select):has(.tl-dropdown__helper):after{top:calc(50% + 1px)}.tl-dropdown--sm:not(.tl-dropdown--label-inside):has(.tl-dropdown__label):has(.tl-dropdown__select):has(.tl-dropdown__helper):after{top:calc(50% + 1px)}.tl-dropdown:has([aria-expanded=true]):is(.tl-dropdown__button,.tl-dropdown__input-wrapper):after{transform:translateY(-50%) rotate(180deg)}.tl-dropdown:not(.tl-dropdown--label-inside) .tl-dropdown__label{font-family:var(--type-system-label-01-font-family);font-size:calc(var(--type-system-label-01-font-size) * 1px);line-height:calc(var(--type-system-label-01-line-height) * 1px);font-weight:var(--type-system-label-01-font-weight);letter-spacing:calc(var(--type-system-label-01-letter-spacing) * 1px);color:var(--dropdown-label);display:block;margin-bottom:var(--tds-spacing-element-4)}.tl-dropdown--label-inside .tl-dropdown__label{font-family:var(--type-system-body-01-font-family);font-size:calc(var(--type-system-body-01-font-size) * 1px);line-height:calc(var(--type-system-body-01-line-height) * 1px);font-weight:var(--type-system-body-01-font-weight);letter-spacing:calc(var(--type-system-body-01-letter-spacing) * 1px);text-transform:var(--type-system-body-01-text-transform);position:absolute;left:var(--tds-spacing-element-16);width:auto;pointer-events:none;background:transparent;z-index:2;transition:transform .15s,font-size .15s,color .15s,top .15s;transform-origin:top left;color:var(--dropdown-label-inside);top:50%;transform:translateY(-50%)}.tl-dropdown--label-inside:has(:is(.tl-dropdown__input[aria-expanded=true],.tl-dropdown__input:not(:placeholder-shown),.tl-dropdown__text:not(:empty))) .tl-dropdown__label,.tl-dropdown--label-inside:has(.tl-dropdown__select option:not([value=""]):checked) .tl-dropdown__label,.tl-dropdown--label-inside:has(.tl-dropdown__button[aria-expanded=true]) .tl-dropdown__label{font-family:var(--type-system-label-02-font-family);font-size:calc(var(--type-system-label-02-font-size) * 1px);line-height:calc(var(--type-system-label-02-line-height) * 1px);font-weight:var(--type-system-label-02-font-weight);letter-spacing:calc(var(--type-system-label-02-letter-spacing) * 1px);top:7.5px;transform:none}.tl-dropdown--lg.tl-dropdown--label-inside:has(:is(.tl-dropdown__input[aria-expanded=true],.tl-dropdown__input:not(:placeholder-shown),.tl-dropdown__text:not(:empty))) .tl-dropdown__label,.tl-dropdown--lg.tl-dropdown--label-inside:has(.tl-dropdown__select option:not([value=""]):checked) .tl-dropdown__label,.tl-dropdown--lg.tl-dropdown--label-inside:has(.tl-dropdown__button[aria-expanded=true]) .tl-dropdown__label{top:12.5px}.tl-dropdown--md.tl-dropdown--label-inside:has(:is(.tl-dropdown__input[aria-expanded=true],.tl-dropdown__input:not(:placeholder-shown),.tl-dropdown__text:not(:empty))) .tl-dropdown__label,.tl-dropdown--md.tl-dropdown--label-inside:has(.tl-dropdown__select option:not([value=""]):checked) .tl-dropdown__label,.tl-dropdown--md.tl-dropdown--label-inside:has(.tl-dropdown__button[aria-expanded=true]) .tl-dropdown__label{top:8.5px}.tl-dropdown--sm.tl-dropdown--label-inside:has(:is(.tl-dropdown__input[aria-expanded=true],.tl-dropdown__input:not(:placeholder-shown),.tl-dropdown__text:not(:empty))) .tl-dropdown__label,.tl-dropdown--sm.tl-dropdown--label-inside:has(.tl-dropdown__select option:not([value=""]):checked) .tl-dropdown__label,.tl-dropdown--sm.tl-dropdown--label-inside:has(.tl-dropdown__button[aria-expanded=true]) .tl-dropdown__label{display:none}.tl-dropdown--label-inside:has(.tl-dropdown__helper):not(:has(.tl-dropdown__text:not(:empty)),:has(.tl-dropdown__input[aria-expanded=true]),:has(.tl-dropdown__input:not(:placeholder-shown)),:has(.tl-dropdown__select option:not([value=""]):checked),:has(.tl-dropdown__button[aria-expanded=true])) .tl-dropdown__label{top:calc(50% - 9.5px)}:is(.tl-dropdown--md,.tl-dropdown--lg).tl-dropdown--label-inside:has(:is(.tl-dropdown__input:focus,.tl-dropdown__input:not(:placeholder-shown))) .tl-dropdown__input{padding-top:10px}:is(.tl-dropdown--md,.tl-dropdown--lg).tl-dropdown--label-inside:has(.tl-dropdown__text:not(:empty)) .tl-dropdown__text{padding-top:10px}.tl-dropdown--label-inside:has(.tl-dropdown__select option:not([value=""]):checked) .tl-dropdown__select{padding-top:12.5px}:is(.tl-dropdown--md,.tl-dropdown--lg).tl-dropdown--label-inside:has(.tl-dropdown__select option:not([value=""]):checked) .tl-dropdown__select{padding-top:10px}.tl-dropdown--sm.tl-dropdown--label-inside:has(.tl-dropdown__select option:not([value=""]):checked) .tl-dropdown__select{padding-top:2px}.tl-dropdown__list{position:absolute;left:0;right:0;top:100%;z-index:500;width:100%;background:var(--dropdown-list-background-color);box-shadow:var(--dropdown-list-box-shadow);border-radius:var(--dropdown-list-border-radius);margin:0;padding:0;list-style:none;max-height:320px;overflow-y:auto;pointer-events:none;visibility:hidden;transform:scaleY(0);transform-origin:top;transition:transform .2s cubic-bezier(.4,0,.2,1),visibility 0s .2s}.tl-dropdown__list::-webkit-scrollbar{width:var(--tl-scrollbar-width)}.tl-dropdown__list::-webkit-scrollbar-track{background:var(--tl-scrollbar-track-color)}.tl-dropdown__list::-webkit-scrollbar-thumb{border-radius:var(--tl-scrollbar-thumb-border-radius);background:var(--tl-scrollbar-thumb-color);border-width:var(--tl-scrollbar-thumb-border-width);border-style:solid;border-color:transparent;background-clip:padding-box}.tl-dropdown__list::-webkit-scrollbar-thumb:hover{border-width:var(--tl-scrollbar-thumb-border-hover-width);border-radius:var(--tl-scrollbar-hover-thumb-border-radius)}.tl-dropdown__list::-webkit-scrollbar-button{height:0;width:0}@supports not selector(::-webkit-scrollbar){.tl-dropdown__list{scrollbar-color:var(--tl-scrollbar-thumb-color) var(--tl-scrollbar-track-color);scrollbar-width:var(--tl-scrollbar-width-standard)}}.tl-dropdown--dropup .tl-dropdown__list{top:auto;bottom:100%;border-radius:var(--dropdown-list-border-radius);transform-origin:bottom}.tl-dropdown:has(.tl-dropdown__button[aria-expanded=true]) .tl-dropdown__list,.tl-dropdown:has(.tl-dropdown__input[aria-expanded=true]) .tl-dropdown__list{visibility:visible;transform:scaleY(1);pointer-events:auto;transition:transform .2s cubic-bezier(.4,0,.2,1),visibility 0s 0s}.tl-dropdown:has(.tl-dropdown__helper) .tl-dropdown__list{transform:translateY(-20px) scaleY(0)}.tl-dropdown:has(.tl-dropdown__helper):has(.tl-dropdown__button[aria-expanded=true]) .tl-dropdown__list,.tl-dropdown:has(.tl-dropdown__helper):has(.tl-dropdown__input[aria-expanded=true]) .tl-dropdown__list{transform:translateY(-20px) scaleY(1)}.tl-dropdown.tl-dropdown--dropup .tl-dropdown__list{transform:translateY(-2px) scaleY(0)}.tl-dropdown.tl-dropdown--dropup:has(.tl-dropdown__button[aria-expanded=true]) .tl-dropdown__list,.tl-dropdown.tl-dropdown--dropup:has(.tl-dropdown__input[aria-expanded=true]) .tl-dropdown__list{transform:translateY(-2px) scaleY(1)}.tl-dropdown.tl-dropdown--dropup:not(.tl-dropdown--label-inside) .tl-dropdown__list{transform:translateY(18px) scaleY(0)}.tl-dropdown.tl-dropdown--dropup:not(.tl-dropdown--label-inside):has(.tl-dropdown__button[aria-expanded=true]) .tl-dropdown__list,.tl-dropdown.tl-dropdown--dropup:not(.tl-dropdown--label-inside):has(.tl-dropdown__input[aria-expanded=true]) .tl-dropdown__list{transform:translateY(18px) scaleY(1)}.tl-dropdown__option{font-family:var(--type-system-body-01-font-family);font-size:calc(var(--type-system-body-01-font-size) * 1px);line-height:calc(var(--type-system-body-01-line-height) * 1px);font-weight:var(--type-system-body-01-font-weight);letter-spacing:calc(var(--type-system-body-01-letter-spacing) * 1px);text-transform:var(--type-system-body-01-text-transform);display:flex;align-items:center;padding-inline:var(--tds-spacing-element-16);height:56px}.tl-dropdown--md .tl-dropdown__option{height:48px}.tl-dropdown--sm .tl-dropdown__option{height:40px}.tl-dropdown__option{cursor:pointer;color:var(--dropdown-text);box-sizing:border-box;transition:background .15s,color .15s;outline:none;position:relative;border-bottom:1px solid var(--dropdown-option-border)}.tl-dropdown__option:hover{background:var(--dropdown-option-background-hover)}.tl-dropdown__option:focus-visible{outline:2px solid var(--component--focus-ring-color-strong);box-shadow:inset 0 0 0 3px var(--component--focus-ring-color-discrete);outline-offset:-2px}.tl-dropdown__option--selected{background:var(--dropdown-option-background-selected)}.tl-dropdown__option:not(:has(.tl-checkbox)):after{content:"";position:absolute;right:var(--tds-spacing-element-16);width:16px;height:16px;background-color:var(--dropdown-icon);-webkit-mask-image:var(--icon-tick-svg);mask-image:var(--icon-tick-svg);-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;pointer-events:none;opacity:0;transition:opacity .15s}.tl-dropdown__option--selected:not(:has(.tl-checkbox)):after{opacity:1}.tl-dropdown__option--disabled:not(:has(.tl-checkbox)){opacity:var(--dropdown-option-opacity-disabled)}.tl-dropdown__option--disabled{cursor:not-allowed;background:var(--dropdown-background)}.tl-dropdown__option--disabled:hover{background:var(--dropdown-background)}.tl-dropdown__option--no-result{opacity:var(--dropdown-option-opacity-disabled)}.tl-dropdown__option .tl-checkbox{pointer-events:none}.tl-dropdown__option:not(.tl-dropdown__option--disabled) .tl-checkbox__label{color:var(--dropdown-text)}.tl-dropdown__helper{font-family:var(--type-system-label-01-font-family);font-size:calc(var(--type-system-label-01-font-size) * 1px);line-height:calc(var(--type-system-label-01-line-height) * 1px);font-weight:var(--type-system-label-01-font-weight);letter-spacing:calc(var(--type-system-label-01-letter-spacing) * 1px);color:var(--dropdown-helper-text);padding-top:4px;display:flex;gap:8px;position:relative}.tl-dropdown:has(.tl-dropdown__select:disabled) .tl-dropdown__helper:before,.tl-dropdown:has(.tl-dropdown__button:disabled) .tl-dropdown__helper:before,.tl-dropdown:has(.tl-dropdown__input:disabled) .tl-dropdown__helper:before{background-color:var(--dropdown-helper-text)}.tl-dropdown:has(.tl-dropdown__select:disabled) .tl-dropdown__helper,.tl-dropdown:has(.tl-dropdown__button:disabled) .tl-dropdown__helper,.tl-dropdown:has(.tl-dropdown__input:disabled) .tl-dropdown__helper{color:var(--dropdown-helper-text)}.tl-dropdown--error .tl-dropdown__helper:before{content:"";position:absolute;left:0;top:4px;width:16px;height:16px;background-color:var(--dropdown-error);-webkit-mask-image:var(--icon-info-svg);mask-image:var(--icon-info-svg);-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center}.tl-dropdown--error .tl-dropdown__helper{color:var(--dropdown-error);padding-left:24px}.tl-dropdown__text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:calc(100% - 24px);position:relative;top:1px}.tl-dropdown__text:empty:before{content:attr(data-placeholder);color:var(--dropdown-placeholder);padding-top:2px}.tl-dropdown:is(.tl-dropdown--lg,.tl-dropdown--md).tl-dropdown--label-inside .tl-dropdown__text:empty{top:6px}.tl-dropdown__text:not(:empty){display:inline}.tl-dropdown.tl-dropdown--label-inside:has(.tl-dropdown__button[aria-expanded=false]) .tl-dropdown__text:empty:before{content:""}.tl-dropdown--sm.tl-dropdown--label-inside .tl-dropdown__text:not(:empty){padding-top:10px}.tl-dropdown:has(:is(.tl-dropdown__select,.tl-dropdown__button,.tl-dropdown__input):disabled) .tl-dropdown__text:empty:before{cursor:not-allowed}.tl-dropdown__input::placeholder,.tl-dropdown:has(.tl-dropdown__select option[value=""]:checked) .tl-dropdown__select{color:var(--dropdown-placeholder);border-radius:var(--dropdown-border-radius);box-shadow:none;transition:box-shadow .2s}.tl-dropdown:has(.tl-dropdown__select option[value=""]:checked) .tl-dropdown__select{padding-top:3px}.tl-dropdown:has(.tl-dropdown__select option[value=""]:checked) .tl-dropdown__select:disabled{cursor:not-allowed}.tl-dropdown:not(.tl-dropdown--label-inside) .tl-dropdown__input:disabled::placeholder{cursor:not-allowed}.tl-dropdown__input::placeholder{transform:translateY(.5px);padding-top:2px}:is(.traton,.scania) .tl-dropdown__select{box-shadow:none}:is(.traton,.scania) .tl-dropdown__select:hover:not(:disabled){border-bottom:var(--dropdown-border-bottom-width) solid var(--dropdown-border-hover);border-left:var(--dropdown-border-left-width) solid var(--dropdown-border-hover);border-right:var(--dropdown-border-right-width) solid var(--dropdown-border-hover);border-top:var(--dropdown-border-top-width) solid var(--dropdown-border-hover);border-radius:var(--dropdown-border-radius)}:is(.traton,.scania) .tl-dropdown__select:focus-visible{outline:2px solid var(--component--focus-ring-color-strong);box-shadow:0 0 0 1px var(--component--focus-ring-color-discrete);outline-offset:1px;z-index:1}.tl-dropdown__select{border-bottom:var(--dropdown-border-bottom-width) solid var(--dropdown-border);border-left:var(--dropdown-border-left-width) solid var(--dropdown-border);border-right:var(--dropdown-border-right-width) solid var(--dropdown-border);border-top:var(--dropdown-border-top-width) solid var(--dropdown-border);border-radius:var(--dropdown-border-radius)}:is(.traton,.scania) .tl-dropdown--error .tl-dropdown__select{border-color:var(--dropdown-error)}:is(.traton,.scania) .tl-dropdown--error .tl-dropdown__select:disabled{border-color:transparent}:root,.tds-mode-light,.scania .tds-mode-light,.scania.tds-mode-light,.scania .tl-mode-light,.scania.tl-mode-light{--component-footer-border-divider-default: var(--scania-color-blue-700);--component-footer-background-main-default: var(--scania-color-blue-800);--component-footer-background-top-default: var(--color-background-layer-01);--component-footer-background-top-secondary: var(--color-background-base);--component-footer-background-list-item-default: var(--component-footer-background-top-default);--component-footer-background-list-item-active: var(--scania-color-grey-150);--component-footer-text-copyright-default: var(--color-text-inverse-soft);--component-footer-text-link-default: var(--color-text-strong);--component-footer-text-title-default: var(--color-text-strong);--component-footer-text-inverse-link-default: var(--scania-color-base-white);--component-footer-icon-link-default: var(--color-icon-strong);--component-footer-icon-social-default: var(--color-icon-inverse-strong)}.traton .tds-mode-light,.traton.tds-mode-light,.traton .tl-mode-light,.traton.tl-mode-light{--component-footer-border-divider-default: var(--traton-color-transparent-invisible-light);--component-footer-background-main-default: var(--traton-color-grey-50);--component-footer-background-top-default: var(--color-background-layer-01);--component-footer-background-top-secondary: var(--color-background-layer-01);--component-footer-background-list-item-default: var(--component-footer-background-top-default);--component-footer-background-list-item-active: var(--traton-color-grey-300);--component-footer-text-copyright-default: var(--color-text-soft);--component-footer-text-link-default: var(--color-text-strong);--component-footer-text-title-default: var(--color-text-strong);--component-footer-text-inverse-link-default: var(--component-footer-text-link-default);--component-footer-icon-link-default: var(--color-icon-strong);--component-footer-icon-social-default: var(--color-icon-strong)}.tds-mode-dark,.scania .tds-mode-dark,.scania.tds-mode-dark,.scania .tl-mode-dark,.scania.tl-mode-dark{--component-footer-border-divider-default: var(--scania-color-blue-800);--component-footer-background-main-default: var(--scania-color-blue-900);--component-footer-background-top-default: var(--color-background-layer-01);--component-footer-background-top-secondary: var(--color-background-layer-02);--component-footer-background-list-item-default: var(--component-footer-background-top-default);--component-footer-background-list-item-active: var(--scania-color-grey-800);--component-footer-text-copyright-default: var(--color-text-soft);--component-footer-text-link-default: var(--color-text-strong);--component-footer-text-title-default: var(--color-text-strong);--component-footer-text-inverse-link-default: var(--scania-color-base-white);--component-footer-icon-link-default: var(--color-icon-strong);--component-footer-icon-social-default: var(--color-icon-strong)}.traton .tds-mode-dark,.traton.tds-mode-dark,.traton .tl-mode-dark,.traton.tl-mode-dark{--component-footer-border-divider-default: var(--traton-color-transparent-invisible-light);--component-footer-background-main-default: var(--traton-color-blue-1000);--component-footer-background-top-default: var(--color-background-layer-01);--component-footer-background-top-secondary: var(--color-background-layer-01);--component-footer-background-list-item-default: var(--component-footer-background-top-default);--component-footer-background-list-item-active: var(--traton-color-blue-800);--component-footer-text-copyright-default: var(--color-text-soft);--component-footer-text-link-default: var(--color-text-strong);--component-footer-text-title-default: var(--color-text-strong);--component-footer-text-inverse-link-default: var(--component-footer-text-link-default);--component-footer-icon-link-default: var(--color-icon-strong);--component-footer-icon-social-default: var(--color-icon-strong)}.tl-footer{--footer-top-background-primary: var(--component-footer-background-top-default);--footer-top-background-secondary: var(--component-footer-background-top-secondary);--footer-top-background: var(--component-footer-background-top-default);--footer-top-divider: var(--color-border-discrete);--footer-top-links-desktop: var(--component-footer-text-title-default);--footer-top-links: var(--component-footer-text-link-default);--footer-top-links-background-hover: var(--component-footer-background-list-item-active);--footer-top-button-active: var(--component-footer-background-list-item-active);--footer-main-background: var(--component-footer-background-main-default);--footer-main-links: var(--component-footer-text-inverse-link-default);--footer-main-divider: var(--component-footer-border-divider-default);--footer-main-copyright: var(--component-footer-text-copyright-default)}.tl-footer.tl-footer--primary{--footer-top-background: var(--footer-top-background-primary)}.tl-footer.tl-footer--secondary{--footer-top-background: var(--footer-top-background-secondary)}.scania .tl-footer{--component-footer-logotype-local: var(--tds-background-image-scania-wordmark-white-svg-local);--component-footer-logotype-cdn: var(--tds-background-image-scania-wordmark-white-svg)}.traton .tds-mode-dark .tl-footer,.traton .tl-mode-dark .tl-footer{--component-footer-logotype-local: var(--traton-logotype-white-svg-local);--component-footer-logotype-cdn: var(--traton-logotype-white-svg)}.traton .tds-mode-light .tl-footer,.traton .tl-mode-light .tl-footer,.traton .tl-footer{--component-footer-logotype-local: var(--traton-logotype-black-svg-local);--component-footer-logotype-cdn: var(--traton-logotype-black-svg)}.tl-footer__group{display:block}.tl-footer__group.tl-footer__main-top--start{display:flex}.tl-footer__top-title{border:none;background:none;padding:0;margin:0;text-align:left;width:auto;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);color:var(--footer-top-links-desktop);cursor:default}.tl-footer__top-title:focus{outline:none}.tl-footer__link{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);color:var(--footer-top-links);text-decoration:none}.tl-footer__link:hover{text-decoration:underline}.tl-footer__link:focus-visible{outline:2px solid var(--component--focus-ring-color-strong);box-shadow:0 0 0 1px var(--component--focus-ring-color-discrete);outline-offset:1px;z-index:1}@media(max-width:992px){.tl-footer__group .tl-footer__link{display:none}.tl-footer__group--expanded .tl-footer__link{display:block;border-bottom:1px solid var(--footer-top-divider);padding:19.5px 40px;font-weight:400}.tl-footer__group--expanded .tl-footer__link:hover{background-color:var(--footer-top-links-background-hover)}.tl-footer__top-title{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);display:flex;align-items:center;width:100%;box-sizing:border-box;color:var(--footer-top-links);padding:19.5px 52px 19.5px 24px;position:relative;border-bottom:1px solid var(--footer-top-divider);cursor:pointer;background:none;border-top:none;border-left:none;border-right:none;text-align:left}.tl-footer__top-title:after{content:"";position:absolute;right:24px;top:50%;transform:translateY(-50%);width:20px;height:20px;background-color:var(--footer-top-links);-webkit-mask-image:var(--icon-chevron_down-svg);mask-image:var(--icon-chevron_down-svg);-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;transition:transform .3s ease}.tl-footer__top-title:active{background-color:var(--footer-top-button-active)}.tl-footer__top-title:focus-visible{outline:2px solid var(--component--focus-ring-color-strong);box-shadow:inset 0 0 0 3px var(--component--focus-ring-color-discrete);outline-offset:-2px;z-index:1}.tl-footer__group--expanded .tl-footer__top-title:after{transform:translateY(-50%) rotate(180deg)}}.tl-footer__main .tl-footer__link{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);display:inline-block;color:var(--footer-main-links);text-decoration:none}.tl-footer__main .tl-footer__link:focus-visible{outline:2px solid var(--component--focus-ring-color-strong);box-shadow:0 0 0 1px var(--component--focus-ring-color-discrete);outline-offset:1px;z-index:1}.tl-footer__main .tl-footer__link:hover{text-decoration:underline}.tl-footer{display:block}.tl-footer__top{box-sizing:border-box;background-color:var(--footer-top-background);padding:40px;display:flex;flex-wrap:wrap;width:100%;gap:40px 24px}.tl-footer__main{background-color:var(--footer-main-background);padding:0 40px}.tl-footer__main-top{padding:40px 0;display:flex;justify-content:space-between}.tl-footer__main-top--end{margin-left:auto}.tl-footer__main-bottom{padding:40px 0;display:flex;border-top:1px solid var(--footer-main-divider)}.tl-footer__main-bottom .tl-footer__copyright{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);margin:0;color:var(--footer-main-copyright);max-width:calc(100% - 133px)}.tl-footer__main-bottom .tl-footer__brand{background-image:var(--component-footer-logotype-cdn),var(--component-footer-logotype-local);background-repeat:no-repeat;background-size:117px;background-position:right;width:117px;height:20px;padding:0;margin:0 0 0 auto;font-size:0;line-height:0;text-indent:-9999px}.tl-footer__top .tl-footer__group{display:flex;flex-direction:column;gap:8px;min-width:0}.tl-footer__top .tl-footer__group:first-child:nth-last-child(1){flex:0 0 100%}.tl-footer__top .tl-footer__group:first-child:nth-last-child(2),.tl-footer__top .tl-footer__group:nth-child(2):nth-last-child(1){flex:0 0 calc(50% - 12px)}.tl-footer__top .tl-footer__group:first-child:nth-last-child(3),.tl-footer__top .tl-footer__group:nth-child(2):nth-last-child(2),.tl-footer__top .tl-footer__group:nth-child(3):nth-last-child(1){flex:0 0 calc(33.333% - 16px)}.tl-footer__top .tl-footer__group:first-child:nth-last-child(n+4),.tl-footer__top .tl-footer__group:first-child:nth-last-child(n+4)~.tl-footer__group{flex:0 0 calc(25% - 18px)}.tl-footer__main-top--start .tl-footer__group,.tl-footer__main-top--end .tl-footer__group{display:flex;column-gap:24px}@media(max-width:992px){.tl-footer__top{display:block;width:100%;padding:0;overflow-x:hidden}.tl-footer__top .tl-footer__group{gap:0}.tl-footer__main-top--start .tl-footer__group{flex-direction:column;gap:8px}.tl-footer__main{padding:0 24px}.tl-footer__main-top{flex-direction:column;row-gap:48px;padding:24px 0}.tl-footer__main-top--end{flex-direction:row;gap:8px;margin-left:unset}.tl-footer__main-bottom{align-items:flex-start;padding:24px 0 40px}.tl-footer__main-bottom .tl-footer__brand{background-position:right}}:root,.tds-mode-light,.scania .tds-mode-light,.scania.tds-mode-light,.scania .tl-mode-light,.scania.tl-mode-light{--component-header-background-content-default: var(--scania-color-base-white);--component-header-background-popover-default: var(--color-background-base);--component-header-background-main-standard-default: var(--scania-color-blue-800);--component-header-background-main-expressive-default: var(--scania-color-blue-800);--component-header-background-nav-item-avatar-default: var(--scania-color-blue-700);--component-header-background-nav-item-current-default: var( --component-header-background-popover-default );--component-header-background-nav-item-link-default: var(--scania-color-blue-800);--component-header-background-nav-item-link-hover: var(--scania-color-blue-700);--component-header-background-nav-item-link-active: var(--scania-color-blue-600);--component-header-background-menu-item-link-default: var(--color-background-base);--component-header-background-menu-item-link-hover: var(--color-background-layer-01);--component-header-background-menu-item-tile-default: var(--color-background-base);--component-header-background-menu-item-tile-hover: var(--color-background-layer-01);--component-header-background-menu-item-current-default: var(--scania-color-grey-100);--component-header-background-menu-item-sub-link-active: var(--scania-color-blue-700);--component-header-background-search-dismiss-default: var(--color-background-none);--component-header-background-search-dismiss-hover: var(--scania-color-grey-100);--component-header-background-search-dismiss-active: var(--scania-color-grey-150);--component-header-background-search-result-default: var(--color-background-base);--component-header-background-search-result-hover: var(--color-background-layer-01);--component-header-background-search-result-active: var(--scania-color-grey-100);--component-header-border-divider-default: var(--scania-color-blue-700);--component-header-border-nav-item-indicator-default: var(--scania-color-blue-400);--component-header-border-menu-item-avatar-default: var(--color-border-strong);--component-header-border-menu-item-indicator-default: var(--scania-color-blue-400);--component-header-border-menu-item-link-default: var(--color-border-disabled);--component-header-border-menu-item-link-hover: var(--color-border-discrete);--component-header-border-search-divider-default: var(--color-border-discrete);--component-header-icon-nav-item-current-default: var(--color-icon-strong);--component-header-icon-nav-item-link-default: var(--color-icon-inverse-strong);--component-header-icon-search-result-default: var(--color-icon-strong);--component-header-icon-menu-item-avatar-default: var(--color-icon-strong);--component-header-text-title-default: var(--color-text-strong);--component-header-text-subtitle-default: var(--color-text-soft);--component-header-text-category-default: var(--color-text-strong);--component-header-text-menu-item-current-default: var(--color-text-strong);--component-header-text-menu-item-link-default: var(--color-text-strong);--component-header-text-nav-item-current-default: var(--color-text-strong);--component-header-text-nav-item-link-default: var(--color-text-inverse-strong);--component-header-text-nav-item-sub-link-default: var(--color-text-inverse-defined);--component-header-text-search-result-default: var(--color-text-strong);--component-header-text-font-weight-font-weight: var(--scania-font-weight-bold);--component-header-size-avatar-default: var(--scania-unit-32);--component-header-size-avatar-padding: var(--scania-unit-16)}.traton .tds-mode-light,.traton.tds-mode-light,.traton .tl-mode-light,.traton.tl-mode-light{--component-header-background-content-default: var(--color-background-layer-01);--component-header-background-popover-default: var(--color-background-layer-01);--component-header-background-main-standard-default: var( --traton-color-transparent-invisible-light );--component-header-background-main-expressive-default: var(--color-background-base);--component-header-background-nav-item-avatar-default: var(--traton-color-grey-150);--component-header-background-nav-item-current-default: var(--color-background-base);--component-header-background-nav-item-link-default: var( --traton-color-transparent-invisible-light );--component-header-background-nav-item-link-hover: var(--color-background-layer-01);--component-header-background-nav-item-link-active: var(--color-background-layer-02);--component-header-background-menu-item-link-default: var(--color-background-layer-01);--component-header-background-menu-item-link-hover: var(--traton-color-grey-100);--component-header-background-menu-item-tile-default: var(--color-background-none);--component-header-background-menu-item-tile-hover: var(--traton-color-grey-150);--component-header-background-menu-item-current-default: var(--traton-color-grey-150);--component-header-background-menu-item-sub-link-active: var(--color-background-layer-01);--component-header-background-search-dismiss-default: var(--color-background-none);--component-header-background-search-dismiss-hover: var(--traton-color-grey-150);--component-header-background-search-dismiss-active: var(--traton-color-grey-200);--component-header-background-search-result-default: var(--color-background-base);--component-header-background-search-result-hover: var(--color-background-layer-01);--component-header-background-search-result-active: var(--color-background-layer-01);--component-header-border-divider-default: var(--traton-color-transparent-invisible-light);--component-header-border-nav-item-indicator-default: var(--traton-color-blue-500);--component-header-border-menu-item-avatar-default: var(--color-border-defined);--component-header-border-menu-item-indicator-default: var(--traton-color-blue-500);--component-header-border-menu-item-link-default: var(--color-border-disabled);--component-header-border-menu-item-link-hover: var(--color-border-discrete);--component-header-border-search-divider-default: var(--color-border-discrete);--component-header-icon-nav-item-current-default: var(--color-icon-strong);--component-header-icon-nav-item-link-default: var(--color-icon-strong);--component-header-icon-search-result-default: var(--color-icon-strong);--component-header-icon-menu-item-avatar-default: var(--color-icon-defined);--component-header-text-title-default: var(--color-text-strong);--component-header-text-subtitle-default: var(--color-text-soft);--component-header-text-category-default: var(--color-text-soft);--component-header-text-menu-item-current-default: var(--color-text-strong);--component-header-text-menu-item-link-default: var(--color-text-defined);--component-header-text-nav-item-current-default: var(--color-text-strong);--component-header-text-nav-item-link-default: var(--color-text-strong);--component-header-text-nav-item-sub-link-default: var(--color-text-defined);--component-header-text-search-result-default: var(--color-text-strong);--component-header-text-font-weight-font-weight: var(--traton-font-weight-regular);--component-header-size-avatar-default: var(--traton-unit-24);--component-header-size-avatar-padding: var(--traton-unit-20)}.tds-mode-dark,.scania .tds-mode-dark,.scania.tds-mode-dark,.scania .tl-mode-dark,.scania.tl-mode-dark{--component-header-background-content-default: var(--color-background-layer-01);--component-header-background-popover-default: var(--color-background-layer-01);--component-header-background-main-standard-default: var(--scania-color-blue-900);--component-header-background-main-expressive-default: var(--scania-color-blue-900);--component-header-background-nav-item-avatar-default: var(--scania-color-blue-800);--component-header-background-nav-item-current-default: var( --component-header-background-popover-default );--component-header-background-nav-item-link-default: var(--scania-color-blue-900);--component-header-background-nav-item-link-hover: var(--scania-color-blue-800);--component-header-background-nav-item-link-active: var(--scania-color-blue-700);--component-header-background-menu-item-link-default: var(--color-background-layer-01);--component-header-background-menu-item-link-hover: var(--color-background-layer-02);--component-header-background-menu-item-tile-default: var(--color-background-layer-01);--component-header-background-menu-item-tile-hover: var(--color-background-layer-02);--component-header-background-menu-item-current-default: var(--scania-color-grey-850);--component-header-background-menu-item-sub-link-active: var(--scania-color-blue-800);--component-header-background-search-dismiss-default: var(--color-background-none);--component-header-background-search-dismiss-hover: var(--scania-color-grey-850);--component-header-background-search-dismiss-active: var(--scania-color-grey-800);--component-header-background-search-result-default: var(--color-background-layer-01);--component-header-background-search-result-hover: var(--color-background-layer-02);--component-header-background-search-result-active: var(--color-background-layer-03);--component-header-border-divider-default: var(--scania-color-blue-800);--component-header-border-nav-item-indicator-default: var(--scania-color-blue-300);--component-header-border-menu-item-avatar-default: var(--color-border-strong);--component-header-border-menu-item-indicator-default: var(--scania-color-blue-300);--component-header-border-menu-item-link-default: var(--color-border-disabled);--component-header-border-menu-item-link-hover: var(--color-border-discrete);--component-header-border-search-divider-default: var(--color-border-discrete);--component-header-icon-nav-item-current-default: var(--color-icon-strong);--component-header-icon-nav-item-link-default: var(--color-icon-strong);--component-header-icon-search-result-default: var(--color-icon-strong);--component-header-icon-menu-item-avatar-default: var(--color-icon-strong);--component-header-text-title-default: var(--color-text-strong);--component-header-text-subtitle-default: var(--color-text-soft);--component-header-text-category-default: var(--color-text-strong);--component-header-text-menu-item-current-default: var(--color-text-strong);--component-header-text-menu-item-link-default: var(--color-text-strong);--component-header-text-nav-item-current-default: var(--color-text-strong);--component-header-text-nav-item-link-default: var(--color-text-strong);--component-header-text-nav-item-sub-link-default: var(--color-text-defined);--component-header-text-search-result-default: var(--color-text-strong);--component-header-text-font-weight-font-weight: var(--scania-font-weight-bold);--component-header-size-avatar-default: var(--scania-unit-32);--component-header-size-avatar-padding: var(--scania-unit-16)}.traton .tds-mode-dark,.traton.tds-mode-dark,.traton .tl-mode-dark,.traton.tl-mode-dark{--component-header-background-content-default: var(--color-background-layer-01);--component-header-background-popover-default: var(--color-background-layer-01);--component-header-background-main-standard-default: var( --traton-color-transparent-invisible-light );--component-header-background-main-expressive-default: var(--color-background-base);--component-header-background-nav-item-avatar-default: var(--traton-color-blue-900);--component-header-background-nav-item-current-default: var(--color-background-base);--component-header-background-nav-item-link-default: var( --traton-color-transparent-invisible-light );--component-header-background-nav-item-link-hover: var(--color-background-layer-01);--component-header-background-nav-item-link-active: var(--traton-color-blue-900);--component-header-background-menu-item-link-default: var(--color-background-layer-01);--component-header-background-menu-item-link-hover: var(--traton-color-blue-900);--component-header-background-menu-item-tile-default: var(--color-background-none);--component-header-background-menu-item-tile-hover: var(--traton-color-blue-900);--component-header-background-menu-item-current-default: var(--traton-color-blue-900);--component-header-background-menu-item-sub-link-active: var(--traton-color-blue-900);--component-header-background-search-dismiss-default: var(--color-background-none);--component-header-background-search-dismiss-hover: var(--traton-color-blue-900);--component-header-background-search-dismiss-active: var(--traton-color-blue-850);--component-header-background-search-result-default: var(--color-background-base);--component-header-background-search-result-hover: var(--color-background-layer-01);--component-header-background-search-result-active: var(--color-background-layer-01);--component-header-border-divider-default: var(--traton-color-transparent-invisible-light);--component-header-border-nav-item-indicator-default: var(--traton-color-yellow-400);--component-header-border-menu-item-avatar-default: var(--color-border-defined);--component-header-border-menu-item-indicator-default: var(--traton-color-yellow-400);--component-header-border-menu-item-link-default: var(--color-border-disabled);--component-header-border-menu-item-link-hover: var(--color-border-discrete);--component-header-border-search-divider-default: var(--color-border-discrete);--component-header-icon-nav-item-current-default: var(--color-icon-strong);--component-header-icon-nav-item-link-default: var(--color-icon-strong);--component-header-icon-search-result-default: var(--color-icon-strong);--component-header-icon-menu-item-avatar-default: var(--color-icon-defined);--component-header-text-title-default: var(--color-text-strong);--component-header-text-subtitle-default: var(--color-text-soft);--component-header-text-category-default: var(--color-text-soft);--component-header-text-menu-item-current-default: var(--color-text-strong);--component-header-text-menu-item-link-default: var(--color-text-defined);--component-header-text-nav-item-current-default: var(--color-text-strong);--component-header-text-nav-item-link-default: var(--color-text-strong);--component-header-text-nav-item-sub-link-default: var(--color-text-defined);--component-header-text-search-result-default: var(--color-text-strong);--component-header-text-font-weight-font-weight: var(--traton-font-weight-regular);--component-header-size-avatar-default: var(--traton-unit-24);--component-header-size-avatar-padding: var(--traton-unit-20)}:root,.tds-mode-light,.scania .tds-mode-light,.scania.tds-mode-light,.scania .tl-mode-light,.scania.tl-mode-light{--component-shadow-base-modifier: var(--scania-color-transparent-shadow-100);--component-shadow-default: var(--scania-color-transparent-shadow-150);--component-shadow-hover: var(--scania-color-transparent-shadow-250);--component-shadow-pressed: var(--scania-color-transparent-shadow-250);--component-shadow-focus: var(--scania-color-transparent-shadow-350);--component-shadow-dragged: var(--scania-color-transparent-shadow-200)}.traton .tds-mode-light,.traton.tds-mode-light,.traton .tl-mode-light,.traton.tl-mode-light{--component-shadow-base-modifier: var(--traton-color-transparent-invisible-dark);--component-shadow-default: var(--traton-color-transparent-invisible-dark);--component-shadow-hover: var(--traton-color-transparent-invisible-dark);--component-shadow-pressed: var(--traton-color-transparent-invisible-dark);--component-shadow-focus: var(--traton-color-transparent-invisible-dark);--component-shadow-dragged: var(--traton-color-transparent-invisible-dark)}.tds-mode-dark,.scania .tds-mode-dark,.scania.tds-mode-dark,.scania .tl-mode-dark,.scania.tl-mode-dark{--component-shadow-base-modifier: var(--scania-color-transparent-invisible-dark);--component-shadow-default: var(--scania-color-transparent-invisible-dark);--component-shadow-hover: var(--scania-color-transparent-invisible-dark);--component-shadow-pressed: var(--scania-color-transparent-invisible-dark);--component-shadow-focus: var(--scania-color-transparent-invisible-dark);--component-shadow-dragged: var(--scania-color-transparent-invisible-dark)}.traton .tds-mode-dark,.traton.tds-mode-dark,.traton .tl-mode-dark,.traton.tl-mode-dark{--component-shadow-base-modifier: var(--traton-color-transparent-invisible-dark);--component-shadow-default: var(--traton-color-transparent-invisible-dark);--component-shadow-hover: var(--traton-color-transparent-invisible-dark);--component-shadow-pressed: var(--traton-color-transparent-invisible-dark);--component-shadow-focus: var(--traton-color-transparent-invisible-dark);--component-shadow-dragged: var(--traton-color-transparent-invisible-dark)}.tl-header{--header-height: var(--tds-spacing-layout-64);--header-list-item-md-height: var(--tds-spacing-layout-48);--header-spacing-default: var(--tds-spacing-layout-16);--header-background: var(--component-header-background-main-standard-default);--header-item-background-hover: var(--component-header-background-nav-item-link-hover);--header-item-background-active: var(--component-header-background-nav-item-link-active);--header-item-background-selected: var(--component-header-background-nav-item-current-default);--header-item-text-color: var(--component-header-icon-nav-item-link-default);--header-item-border-right: var(--component-header-border-divider-default);--header-item-border-accent-color: var(--component-header-border-nav-item-indicator-default);--header-item-border-accent-thickness: var(--tds-spacing-element-4);--header-title-font-family: var(--type-headline-01-font-family);--header-title-font-size: calc(var(--type-headline-06-font-size) * 1px);--header-text-transform: var(--component-header-text-transform);--header-title-line-height: calc(var(--type-headline-06-line-height) * 1px);--header-title-letter-spacing: calc(var(--type-headline-06-letter-spacing) * 1px);--header-item-user-id-padding: calc(var(--component-header-size-avatar-padding) * 1px);--header-item-user-id-image-size: calc(var(--component-header-size-avatar-default) * 1px)}.tl-header .tl-header__title{--header-title-font-weight: 400}.tl-header{--header-item-background-opened: var(--component-header-background-nav-item-current-default);--header-item-background-opened-hover: var(--component-header-background-menu-item-link-hover);--header-item-text-color-opened: var(--component-header-text-nav-item-current-default);--header-sub-menu-box-shadow: var(--component-shadow-default);--header-sub-menu-background: var(--component-header-background-popover-default);--header-sub-menu-item-background: var(--component-header-background-menu-item-link-default);--header-sub-menu-item-background-hover: var(--component-header-background-menu-item-link-hover);--header-sub-menu-item-background-selected: var( --component-header-background-menu-item-current-default );--header-sub-menu-item-text-color: var(--component-header-text-menu-item-link-default);--header-sub-menu-item-border-bottom: var(--color-border-discrete);--header-sub-menu-category-item-text-color: var(--component-header-text-category-default);--header-sub-menu-category-item-background: var(--component-header-background-popover-default);--header-sub-menu-category-item-border-bottom: var( --component-header-border-menu-item-link-hover );--header-sub-menu-tile-item-background: var(--component-header-background-menu-item-tile-default);--header-sub-menu-tile-item-background-hover: var( --component-header-background-menu-item-tile-hover );--header-sub-menu-tile-item-icon-color: var(--component-header-icon-menu-item-avatar-default);--header-sub-menu-tile-item-text-color: var(--component-header-text-menu-item-link-default);--header-sub-menu-item-title-color: var(--component-header-text-title-default);--header-sub-menu-item-subtitle-color: var(--component-header-text-subtitle-default)}.tl-header .tl-header__brand{--header-logotype-local: var(--tds-background-image-scania-symbol-svg-local);--header-logotype-cdn: var(--tds-background-image-scania-symbol-svg);--header-brand-logo-size: 32px;--header-brand-item-width: 30px}.scania .tl-header__title{--header-title-font-weight: 400}.scania .tl-header__brand{--header-logotype-local: var(--tds-background-image-scania-symbol-svg-local);--header-logotype-cdn: var(--tds-background-image-scania-symbol-svg);--header-brand-logo-size: 32px;--header-brand-item-width: 30px}.traton .tl-header__title{--header-title-font-weight: 500}.traton .tl-mode-light .tl-header__brand,.traton .tds-mode-light .tl-header__brand{--header-logotype-local: var(--traton-logotype-black-svg-local);--header-logotype-cdn: var(--traton-logotype-black-svg);--header-brand-logo-size: 117px;--header-brand-item-width: 117px}.traton .tl-mode-dark .tl-header__brand,.traton .tds-mode-dark .tl-header__brand{--header-logotype-local: var(--traton-logotype-white-svg-local);--header-logotype-cdn: var(--traton-logotype-white-svg);--header-brand-logo-size: 117px;--header-brand-item-width: 117px}.tl-header__item-wrapper{all:unset;box-sizing:border-box}.tl-header__item-wrapper *{box-sizing:border-box}.tl-header__item-wrapper{font-family:var(--type-system-title-01-font-family);font-size:calc(var(--type-system-title-01-font-size) * 1px);line-height:calc(var(--type-system-title-01-line-height) * 1px);font-weight:var(--type-system-title-01-font-weight);letter-spacing:calc(var(--type-system-title-01-letter-spacing) * 1px);background-color:var(--header-background);border-right:1px solid var(--header-item-border-right);color:var(--header-item-text-color);width:100%;height:100%;cursor:pointer;padding:0 24px;display:flex;align-items:center;gap:8px}.tl-header__item-wrapper:has(.tl-header__brand){padding:0 19px}.tl-header__item-wrapper:hover{background-color:var(--header-item-background-hover)}.tl-header__item-wrapper:focus-visible{outline:2px solid var(--component--focus-ring-color-strong);box-shadow:inset 0 0 0 3px var(--component--focus-ring-color-discrete);outline-offset:-2px}.tl-header__item-wrapper:active{padding-top:2px;padding-bottom:2px;background-color:var(--header-item-background-active)}.tl-header__item-wrapper:selected{background-color:var(--header-item-background-selected)}.tl-header__item-wrapper .tl-link__icon{position:relative;margin-left:-6px;left:3px;transition:background .2s ease-in-out,color .2s ease-in-out}.tl-header__dropdown-wrapper{all:unset;box-sizing:border-box}.tl-header__dropdown-wrapper *{box-sizing:border-box}.tl-header__dropdown-wrapper{font-family:var(--type-system-title-01-font-family);font-size:calc(var(--type-system-title-01-font-size) * 1px);line-height:calc(var(--type-system-title-01-line-height) * 1px);font-weight:var(--type-system-title-01-font-weight);letter-spacing:calc(var(--type-system-title-01-letter-spacing) * 1px);background-color:var(--header-background);border-right:1px solid var(--header-item-border-right);color:var(--header-item-text-color);width:100%;height:100%;cursor:pointer;padding:0 24px;display:flex;align-items:center;gap:8px}.tl-header__dropdown-wrapper:hover{background-color:var(--header-item-background-hover)}.tl-header__dropdown-wrapper:focus-visible{outline:2px solid var(--component--focus-ring-color-strong);box-shadow:inset 0 0 0 3px var(--component--focus-ring-color-discrete);outline-offset:-2px}.tl-header__dropdown-wrapper:active{background-color:var(--header-item-background-active)}.tl-header__dropdown-wrapper--open{background-color:var(--header-item-background-opened);color:var(--header-item-text-color-opened);position:relative;border-bottom:var(--header-item-border-accent-thickness) solid var(--header-item-border-accent-color)}.tl-header__dropdown-wrapper--open:hover{background-color:var(--header-item-background-opened-hover)}.tl-header__dropdown-wrapper--open:active{background-color:var(--header-item-background-opened)}.tl-header__dropdown-wrapper--selected{border-bottom:var(--header-item-border-accent-thickness) solid var(--header-item-border-accent-color)}.tl-header__dropdown-wrapper-user{all:unset;box-sizing:border-box}.tl-header__dropdown-wrapper-user *{box-sizing:border-box}.tl-header__dropdown-wrapper-user{background-color:var(--header-background);border-right:1px solid var(--header-item-border-right);color:var(--header-item-text-color);width:100%;height:100%;cursor:pointer;padding:var(--header-item-user-id-padding);display:flex;align-items:center;gap:8px}.tl-header__dropdown-wrapper-user:hover{background-color:var(--header-item-background-hover)}.tl-header__dropdown-wrapper-user:focus-visible{outline:2px solid var(--component--focus-ring-color-strong);box-shadow:inset 0 0 0 3px var(--component--focus-ring-color-discrete);outline-offset:-2px}.tl-header__dropdown-wrapper-user:active{background-color:var(--header-item-background-active)}.tl-header__dropdown-wrapper-user--open{background-color:var(--header-item-background-opened);color:var(--header-item-text-color-opened);position:relative;border-bottom:var(--header-item-border-accent-thickness) solid var(--header-item-border-accent-color)}.tl-header__dropdown-wrapper-user--open:hover{background-color:var(--header-item-background-opened-hover)}.tl-header__dropdown-wrapper-user--open:active{background-color:var(--header-item-background-opened)}.tl-header__dropdown-wrapper-user--selected{border-bottom:var(--header-item-border-accent-thickness) solid var(--header-item-border-accent-color)}.tl-header__dropdown-icon{display:flex;align-items:center;justify-content:center;transition:transform .2s ease;transform-origin:center center}.tl-header__dropdown-icon--rotated{transform:rotate(180deg)}.tl-header__dropdown-menu{all:unset;display:none;position:absolute;top:100%;left:0;background:var(--header-sub-menu-background);box-shadow:0 3px 3px 0 var(--header-sub-menu-box-shadow);min-width:190px;max-height:calc(100vh - var(--header-height));overflow-y:auto}.tl-header__dropdown-menu::-webkit-scrollbar{width:var(--tl-scrollbar-width)}.tl-header__dropdown-menu::-webkit-scrollbar-track{background:var(--tl-scrollbar-track-color)}.tl-header__dropdown-menu::-webkit-scrollbar-thumb{border-radius:var(--tl-scrollbar-thumb-border-radius);background:var(--tl-scrollbar-thumb-color);border-width:var(--tl-scrollbar-thumb-border-width);border-style:solid;border-color:transparent;background-clip:padding-box}.tl-header__dropdown-menu::-webkit-scrollbar-thumb:hover{border-width:var(--tl-scrollbar-thumb-border-hover-width);border-radius:var(--tl-scrollbar-hover-thumb-border-radius)}.tl-header__dropdown-menu::-webkit-scrollbar-button{height:0;width:0}@supports not selector(::-webkit-scrollbar){.tl-header__dropdown-menu{scrollbar-color:var(--tl-scrollbar-thumb-color) var(--tl-scrollbar-track-color);scrollbar-width:var(--tl-scrollbar-width-standard)}}@media all and (max-width:384px){.tl-header__dropdown-menu{width:100vw}}.tl-header__dropdown-menu--open{display:block;z-index:901}.tl-header__user-menu{all:unset;display:none;position:fixed;top:var(--header-height);right:0;left:auto;background:var(--header-sub-menu-background);box-shadow:0 3px 3px 0 var(--header-sub-menu-box-shadow);min-width:290px;max-height:calc(100vh - var(--header-height));overflow-y:auto;border-radius:4px}.tl-header__user-menu::-webkit-scrollbar{width:var(--tl-scrollbar-width)}.tl-header__user-menu::-webkit-scrollbar-track{background:var(--tl-scrollbar-track-color)}.tl-header__user-menu::-webkit-scrollbar-thumb{border-radius:var(--tl-scrollbar-thumb-border-radius);background:var(--tl-scrollbar-thumb-color);border-width:var(--tl-scrollbar-thumb-border-width);border-style:solid;border-color:transparent;background-clip:padding-box}.tl-header__user-menu::-webkit-scrollbar-thumb:hover{border-width:var(--tl-scrollbar-thumb-border-hover-width);border-radius:var(--tl-scrollbar-hover-thumb-border-radius)}.tl-header__user-menu::-webkit-scrollbar-button{height:0;width:0}@supports not selector(::-webkit-scrollbar){.tl-header__user-menu{scrollbar-color:var(--tl-scrollbar-thumb-color) var(--tl-scrollbar-track-color);scrollbar-width:var(--tl-scrollbar-width-standard)}}.tl-header__user-menu--open{display:block;z-index:901}.tl-header__launcher-menu{all:unset;display:none;position:fixed;top:var(--header-height);right:0;left:auto;background:var(--header-sub-menu-background);min-width:320px;max-height:calc(100vh - var(--header-height));overflow-y:auto}.tl-header__launcher-menu::-webkit-scrollbar{width:var(--tl-scrollbar-width)}.tl-header__launcher-menu::-webkit-scrollbar-track{background:var(--tl-scrollbar-track-color)}.tl-header__launcher-menu::-webkit-scrollbar-thumb{border-radius:var(--tl-scrollbar-thumb-border-radius);background:var(--tl-scrollbar-thumb-color);border-width:var(--tl-scrollbar-thumb-border-width);border-style:solid;border-color:transparent;background-clip:padding-box}.tl-header__launcher-menu::-webkit-scrollbar-thumb:hover{border-width:var(--tl-scrollbar-thumb-border-hover-width);border-radius:var(--tl-scrollbar-hover-thumb-border-radius)}.tl-header__launcher-menu::-webkit-scrollbar-button{height:0;width:0}@supports not selector(::-webkit-scrollbar){.tl-header__launcher-menu{scrollbar-color:var(--tl-scrollbar-thumb-color) var(--tl-scrollbar-track-color);scrollbar-width:var(--tl-scrollbar-width-standard)}}.tl-header__launcher-menu--open{height:calc(100vh - var(--header-height));display:block;z-index:901;box-shadow:0 2px 3px 0 var(--header-sub-menu-box-shadow)}.tl-header__launcher-menu-grid{all:unset;display:none;position:fixed;top:var(--header-height);right:0;left:auto;background:var(--header-sub-menu-background);box-shadow:0 2px 3px 0 var(--header-sub-menu-box-shadow);min-width:320px;max-height:calc(100vh - var(--header-height));overflow-y:auto;border-radius:4px}.tl-header__launcher-menu-grid::-webkit-scrollbar{width:var(--tl-scrollbar-width)}.tl-header__launcher-menu-grid::-webkit-scrollbar-track{background:var(--tl-scrollbar-track-color)}.tl-header__launcher-menu-grid::-webkit-scrollbar-thumb{border-radius:var(--tl-scrollbar-thumb-border-radius);background:var(--tl-scrollbar-thumb-color);border-width:var(--tl-scrollbar-thumb-border-width);border-style:solid;border-color:transparent;background-clip:padding-box}.tl-header__launcher-menu-grid::-webkit-scrollbar-thumb:hover{border-width:var(--tl-scrollbar-thumb-border-hover-width);border-radius:var(--tl-scrollbar-hover-thumb-border-radius)}.tl-header__launcher-menu-grid::-webkit-scrollbar-button{height:0;width:0}@supports not selector(::-webkit-scrollbar){.tl-header__launcher-menu-grid{scrollbar-color:var(--tl-scrollbar-thumb-color) var(--tl-scrollbar-track-color);scrollbar-width:var(--tl-scrollbar-width-standard)}}.tl-header__launcher-menu-grid--open{display:block;z-index:901}.tl-header__dropdown-menu-item{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);display:block;box-sizing:border-box;height:var(--header-list-item-md-height);width:100%}.tl-header__dropdown-menu-item:not(:last-child){border-bottom:1px solid var(--header-sub-menu-item-border-bottom)}.tl-header__dropdown-menu-item--selected{background-color:var(--header-sub-menu-item-background-selected);padding-right:4px;border-left:var(--header-item-border-accent-thickness) solid var(--header-item-border-accent-color)}.tl-header__user-menu-item{font-family:var(--type-system-title-01-font-family);font-size:calc(var(--type-system-title-01-font-size) * 1px);line-height:calc(var(--type-system-title-01-line-height) * 1px);font-weight:var(--type-system-title-01-font-weight);letter-spacing:calc(var(--type-system-title-01-letter-spacing) * 1px);background-color:var(--header-sub-menu-item-background);display:flex;height:84px}.tl-header__user-menu-box{gap:var(--header-spacing-default);width:100%;padding:0 var(--header-spacing-default);display:flex;align-items:center;border-bottom:1px solid var(--header-sub-menu-item-border-bottom)}.tl-header__user-menu-image{width:var(--header-item-user-id-image-size);height:var(--header-item-user-id-image-size);border-radius:50%;overflow:hidden}.tl-header__user-menu-content{display:flex;flex-direction:column;gap:4px}.tl-header__user-menu-header{font-family:var(--type-system-title-01-font-family);font-size:calc(var(--type-system-title-01-font-size) * 1px);line-height:calc(var(--type-system-title-01-line-height) * 1px);font-weight:var(--type-system-title-01-font-weight);letter-spacing:calc(var(--type-system-title-01-letter-spacing) * 1px);color:var(--header-sub-menu-item-title-color)}.tl-header__user-menu-subheader{font-family:var(--type-system-title-01-font-family);font-size:calc(var(--type-system-title-01-font-size) * 1px);line-height:calc(var(--type-system-title-01-line-height) * 1px);font-weight:var(--type-system-title-01-font-weight);letter-spacing:calc(var(--type-system-title-01-letter-spacing) * 1px);color:var(--header-sub-menu-item-subtitle-color)}.tl-header__launcher-menu-list{box-sizing:border-box;padding:12px;margin:0;list-style:none;width:100%;display:grid;grid-template-columns:1fr 1fr 1fr;gap:4px;background-color:var(--header-sub-menu-background)}.tl-header__launcher-menu-item{display:block;width:96px;height:96px}.tl-header__launcher-menu-title{all:unset;box-sizing:border-box;font-family:var(--type-system-title-02-font-family);font-size:calc(var(--type-system-title-02-font-size) * 1px);line-height:calc(var(--type-system-title-02-line-height) * 1px);font-weight:var(--type-system-title-02-font-weight);letter-spacing:calc(var(--type-system-title-02-letter-spacing) * 1px);text-transform:uppercase;background-color:var(--header-sub-menu-category-item-background);color:var(--header-sub-menu-category-item-text-color);height:48px;padding:0 var(--header-spacing-default);display:flex;align-items:center;border-bottom:1px solid var(--header-sub-menu-category-item-border-bottom);margin:0}.tl-header__dropdown-menu-item a,.tl-header__dropdown-menu-item button{all:unset;box-sizing:border-box;display:flex;align-items:center;height:100%;padding:0 24px;width:100%;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);background-color:var(--header-sub-menu-item-background);color:var(--header-sub-menu-item-text-color)}.tl-header__dropdown-menu-item a:hover,.tl-header__dropdown-menu-item button:hover{background-color:var(--header-sub-menu-item-background-hover);cursor:pointer}.tl-header__dropdown-menu-item a:focus-visible,.tl-header__dropdown-menu-item button:focus-visible{outline:2px solid var(--component--focus-ring-color-strong);box-shadow:inset 0 0 0 3px var(--component--focus-ring-color-discrete);outline-offset:-2px}.tl-header__dropdown-menu-item--selected a,.tl-header__dropdown-menu-item--selected button,.tl-header__dropdown-menu-item--selected a:hover,.tl-header__dropdown-menu-item--selected button:hover{background-color:var(--header-sub-menu-item-background-selected)}.tl-header__launcher-menu-item a,.tl-header__launcher-menu-item button{all:unset;box-sizing:border-box;width:100%;height:100%;padding:0 12px;display:flex;text-align:center;justify-content:center;align-items:center;flex-direction:column;gap:8px;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);background-color:var(--header-sub-menu-item-background);color:var(--header-sub-menu-item-text-color);border-radius:4px;transition:background-color .15s ease}.tl-header__launcher-menu-item a:hover,.tl-header__launcher-menu-item button:hover{background-color:var(--header-sub-menu-tile-item-background-hover);cursor:pointer}.tl-header__launcher-menu-item a:focus-visible,.tl-header__launcher-menu-item button:focus-visible{outline:2px solid var(--component--focus-ring-color-strong);box-shadow:0 0 0 1px var(--component--focus-ring-color-discrete);outline-offset:1px;z-index:1}.tl-header__user-menu-image img{width:100%;height:100%;object-fit:cover}.tl-header__title{all:unset;box-sizing:border-box}.tl-header__title *{box-sizing:border-box}.tl-header__title{border-right:1px solid var(--header-item-border-right);height:100%}.tl-header__title-text{font-size:var(--header-title-font-size);padding:4px 32px 0 16px;color:var(--header-item-text-color);font-weight:var(--header-title-font-weight);font-family:var(--header-title-font-family);line-height:var(--header-title-line-height);letter-spacing:var(--header-title-letter-spacing);letter-spacing:normal;position:relative;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.tl-header__brand{display:block;width:var(--header-brand-item-width);height:30px;background-image:var(--header-logotype-local),var(--header-logotype-cdn);background-size:var(--header-brand-logo-size) auto;background-position:center;background-repeat:no-repeat}.tl-header{display:block;height:var(--header-height);background-color:var(--header-background);width:100%}.tl-header__nav,.tl-header__nav *{box-sizing:border-box}.tl-header__nav{background-color:var(--header-background);width:100%;display:block}.tl-header__list{display:flex;justify-content:center;align-items:center;height:var(--header-height);list-style:none;padding:0;margin:0}.tl-header__item{display:none;height:100%}@media(width>=992px){.tl-header__item{display:block}}.tl-header__item:has(.tl-icon--burger),.tl-header__item:has(.tl-header__brand){display:block}.tl-header__dropdown{display:none;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);height:100%;position:relative}@media(width>=992px){.tl-header__dropdown{display:block}}.tl-header__dropdown:has(.tl-icon--bento){display:block}.tl-header__middle-spacer{display:block;flex-grow:1;height:var(--header-height);border-right:1px solid var(--header-item-border-right)}.tl-icon{display:inline-block;width:20px;height:20px;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain;flex-shrink:0;color:inherit;-webkit-mask-image:none;mask-image:none}.tl-icon--24v_battery{-webkit-mask-image:var(--icon-24v_battery-svg);mask-image:var(--icon-24v_battery-svg);background-color:currentcolor}.tl-icon--24v_battery_inactive{-webkit-mask-image:var(--icon-24v_battery_inactive-svg);mask-image:var(--icon-24v_battery_inactive-svg);background-color:currentcolor}.tl-icon--acceleration{-webkit-mask-image:var(--icon-acceleration-svg);mask-image:var(--icon-acceleration-svg);background-color:currentcolor}.tl-icon--acceleration_inactive{-webkit-mask-image:var(--icon-acceleration_inactive-svg);mask-image:var(--icon-acceleration_inactive-svg);background-color:currentcolor}.tl-icon--adblue{-webkit-mask-image:var(--icon-adblue-svg);mask-image:var(--icon-adblue-svg);background-color:currentcolor}.tl-icon--adblue_inactive{-webkit-mask-image:var(--icon-adblue_inactive-svg);mask-image:var(--icon-adblue_inactive-svg);background-color:currentcolor}.tl-icon--arrow_diagonal{-webkit-mask-image:var(--icon-arrow_diagonal-svg);mask-image:var(--icon-arrow_diagonal-svg);background-color:currentcolor}.tl-icon--arrow_down{-webkit-mask-image:var(--icon-arrow_down-svg);mask-image:var(--icon-arrow_down-svg);background-color:currentcolor}.tl-icon--arrow_left{-webkit-mask-image:var(--icon-arrow_left-svg);mask-image:var(--icon-arrow_left-svg);background-color:currentcolor}.tl-icon--arrow_right{-webkit-mask-image:var(--icon-arrow_right-svg);mask-image:var(--icon-arrow_right-svg);background-color:currentcolor}.tl-icon--arrow_up{-webkit-mask-image:var(--icon-arrow_up-svg);mask-image:var(--icon-arrow_up-svg);background-color:currentcolor}.tl-icon--audio{-webkit-mask-image:var(--icon-audio-svg);mask-image:var(--icon-audio-svg);background-color:currentcolor}.tl-icon--audio_inactive{-webkit-mask-image:var(--icon-audio_inactive-svg);mask-image:var(--icon-audio_inactive-svg);background-color:currentcolor}.tl-icon--award{-webkit-mask-image:var(--icon-award-svg);mask-image:var(--icon-award-svg);background-color:currentcolor}.tl-icon--back{-webkit-mask-image:var(--icon-back-svg);mask-image:var(--icon-back-svg);background-color:currentcolor}.tl-icon--backward{-webkit-mask-image:var(--icon-backward-svg);mask-image:var(--icon-backward-svg);background-color:currentcolor}.tl-icon--backward_inactive{-webkit-mask-image:var(--icon-backward_inactive-svg);mask-image:var(--icon-backward_inactive-svg);background-color:currentcolor}.tl-icon--bento{-webkit-mask-image:var(--icon-bento-svg);mask-image:var(--icon-bento-svg);background-color:currentcolor}.tl-icon--bug{-webkit-mask-image:var(--icon-bug-svg);mask-image:var(--icon-bug-svg);background-color:currentcolor}.tl-icon--bug_inactive{-webkit-mask-image:var(--icon-bug_inactive-svg);mask-image:var(--icon-bug_inactive-svg);background-color:currentcolor}.tl-icon--burger{-webkit-mask-image:var(--icon-burger-svg);mask-image:var(--icon-burger-svg);background-color:currentcolor}.tl-icon--bus{-webkit-mask-image:var(--icon-bus-svg);mask-image:var(--icon-bus-svg);background-color:currentcolor}.tl-icon--bus_inactive{-webkit-mask-image:var(--icon-bus_inactive-svg);mask-image:var(--icon-bus_inactive-svg);background-color:currentcolor}.tl-icon--cab_door{-webkit-mask-image:var(--icon-cab_door-svg);mask-image:var(--icon-cab_door-svg);background-color:currentcolor}.tl-icon--calendar{-webkit-mask-image:var(--icon-calendar-svg);mask-image:var(--icon-calendar-svg);background-color:currentcolor}.tl-icon--calendar_inactive{-webkit-mask-image:var(--icon-calendar_inactive-svg);mask-image:var(--icon-calendar_inactive-svg);background-color:currentcolor}.tl-icon--camera{-webkit-mask-image:var(--icon-camera-svg);mask-image:var(--icon-camera-svg);background-color:currentcolor}.tl-icon--camera_inactive{-webkit-mask-image:var(--icon-camera_inactive-svg);mask-image:var(--icon-camera_inactive-svg);background-color:currentcolor}.tl-icon--card{-webkit-mask-image:var(--icon-card-svg);mask-image:var(--icon-card-svg);background-color:currentcolor}.tl-icon--cart{-webkit-mask-image:var(--icon-cart-svg);mask-image:var(--icon-cart-svg);background-color:currentcolor}.tl-icon--charging_complete{-webkit-mask-image:var(--icon-charging_complete-svg);mask-image:var(--icon-charging_complete-svg);background-color:currentcolor}.tl-icon--charging_failed{-webkit-mask-image:var(--icon-charging_failed-svg);mask-image:var(--icon-charging_failed-svg);background-color:currentcolor}.tl-icon--charging_speed{-webkit-mask-image:var(--icon-charging_speed-svg);mask-image:var(--icon-charging_speed-svg);background-color:currentcolor}.tl-icon--charging_speed_inactive{-webkit-mask-image:var(--icon-charging_speed_inactive-svg);mask-image:var(--icon-charging_speed_inactive-svg);background-color:currentcolor}.tl-icon--charging_stopped{-webkit-mask-image:var(--icon-charging_stopped-svg);mask-image:var(--icon-charging_stopped-svg);background-color:currentcolor}.tl-icon--chevron_down{-webkit-mask-image:var(--icon-chevron_down-svg);mask-image:var(--icon-chevron_down-svg);background-color:currentcolor}.tl-icon--chevron_left{-webkit-mask-image:var(--icon-chevron_left-svg);mask-image:var(--icon-chevron_left-svg);background-color:currentcolor}.tl-icon--chevron_right{-webkit-mask-image:var(--icon-chevron_right-svg);mask-image:var(--icon-chevron_right-svg);background-color:currentcolor}.tl-icon--chevron_up{-webkit-mask-image:var(--icon-chevron_up-svg);mask-image:var(--icon-chevron_up-svg);background-color:currentcolor}.tl-icon--clock{-webkit-mask-image:var(--icon-clock-svg);mask-image:var(--icon-clock-svg);background-color:currentcolor}.tl-icon--clock_inactive{-webkit-mask-image:var(--icon-clock_inactive-svg);mask-image:var(--icon-clock_inactive-svg);background-color:currentcolor}.tl-icon--configurator{-webkit-mask-image:var(--icon-configurator-svg);mask-image:var(--icon-configurator-svg);background-color:currentcolor}.tl-icon--contact{-webkit-mask-image:var(--icon-contact-svg);mask-image:var(--icon-contact-svg);background-color:currentcolor}.tl-icon--contact_inactive{-webkit-mask-image:var(--icon-contact_inactive-svg);mask-image:var(--icon-contact_inactive-svg);background-color:currentcolor}.tl-icon--cookie{-webkit-mask-image:var(--icon-cookie-svg);mask-image:var(--icon-cookie-svg);background-color:currentcolor}.tl-icon--cookie_inactive{-webkit-mask-image:var(--icon-cookie_inactive-svg);mask-image:var(--icon-cookie_inactive-svg);background-color:currentcolor}.tl-icon--coolant_level{-webkit-mask-image:var(--icon-coolant_level-svg);mask-image:var(--icon-coolant_level-svg);background-color:currentcolor}.tl-icon--coolant_level_inactive{-webkit-mask-image:var(--icon-coolant_level_inactive-svg);mask-image:var(--icon-coolant_level_inactive-svg);background-color:currentcolor}.tl-icon--copy{-webkit-mask-image:var(--icon-copy-svg);mask-image:var(--icon-copy-svg);background-color:currentcolor}.tl-icon--cross{-webkit-mask-image:var(--icon-cross-svg);mask-image:var(--icon-cross-svg);background-color:currentcolor}.tl-icon--cup{-webkit-mask-image:var(--icon-cup-svg);mask-image:var(--icon-cup-svg);background-color:currentcolor}.tl-icon--cup_inactive{-webkit-mask-image:var(--icon-cup_inactive-svg);mask-image:var(--icon-cup_inactive-svg);background-color:currentcolor}.tl-icon--dashboard{-webkit-mask-image:var(--icon-dashboard-svg);mask-image:var(--icon-dashboard-svg);background-color:currentcolor}.tl-icon--department{-webkit-mask-image:var(--icon-department-svg);mask-image:var(--icon-department-svg);background-color:currentcolor}.tl-icon--department_inactive{-webkit-mask-image:var(--icon-department_inactive-svg);mask-image:var(--icon-department_inactive-svg);background-color:currentcolor}.tl-icon--departure_scheduling{-webkit-mask-image:var(--icon-departure_scheduling-svg);mask-image:var(--icon-departure_scheduling-svg);background-color:currentcolor}.tl-icon--departure_scheduling_inactive{-webkit-mask-image:var(--icon-departure_scheduling_inactive-svg);mask-image:var(--icon-departure_scheduling_inactive-svg);background-color:currentcolor}.tl-icon--diamond{-webkit-mask-image:var(--icon-diamond-svg);mask-image:var(--icon-diamond-svg);background-color:currentcolor}.tl-icon--diamond_inactive{-webkit-mask-image:var(--icon-diamond_inactive-svg);mask-image:var(--icon-diamond_inactive-svg);background-color:currentcolor}.tl-icon--document{-webkit-mask-image:var(--icon-document-svg);mask-image:var(--icon-document-svg);background-color:currentcolor}.tl-icon--document_check{-webkit-mask-image:var(--icon-document_check-svg);mask-image:var(--icon-document_check-svg);background-color:currentcolor}.tl-icon--document_doc{-webkit-mask-image:var(--icon-document_doc-svg);mask-image:var(--icon-document_doc-svg);background-color:currentcolor}.tl-icon--document_eye{-webkit-mask-image:var(--icon-document_eye-svg);mask-image:var(--icon-document_eye-svg);background-color:currentcolor}.tl-icon--document_pdf{-webkit-mask-image:var(--icon-document_pdf-svg);mask-image:var(--icon-document_pdf-svg);background-color:currentcolor}.tl-icon--document_plus{-webkit-mask-image:var(--icon-document_plus-svg);mask-image:var(--icon-document_plus-svg);background-color:currentcolor}.tl-icon--document_plus_inactive{-webkit-mask-image:var(--icon-document_plus_inactive-svg);mask-image:var(--icon-document_plus_inactive-svg);background-color:currentcolor}.tl-icon--document_ppt{-webkit-mask-image:var(--icon-document_ppt-svg);mask-image:var(--icon-document_ppt-svg);background-color:currentcolor}.tl-icon--document_tool{-webkit-mask-image:var(--icon-document_tool-svg);mask-image:var(--icon-document_tool-svg);background-color:currentcolor}.tl-icon--document_word{-webkit-mask-image:var(--icon-document_word-svg);mask-image:var(--icon-document_word-svg);background-color:currentcolor}.tl-icon--document_wrong{-webkit-mask-image:var(--icon-document_wrong-svg);mask-image:var(--icon-document_wrong-svg);background-color:currentcolor}.tl-icon--document_xls{-webkit-mask-image:var(--icon-document_xls-svg);mask-image:var(--icon-document_xls-svg);background-color:currentcolor}.tl-icon--dollar{-webkit-mask-image:var(--icon-dollar-svg);mask-image:var(--icon-dollar-svg);background-color:currentcolor}.tl-icon--doner{-webkit-mask-image:var(--icon-doner-svg);mask-image:var(--icon-doner-svg);background-color:currentcolor}.tl-icon--double_kebab{-webkit-mask-image:var(--icon-double_kebab-svg);mask-image:var(--icon-double_kebab-svg);background-color:currentcolor}.tl-icon--download{-webkit-mask-image:var(--icon-download-svg);mask-image:var(--icon-download-svg);background-color:currentcolor}.tl-icon--driving_licence{-webkit-mask-image:var(--icon-driving_licence-svg);mask-image:var(--icon-driving_licence-svg);background-color:currentcolor}.tl-icon--driving_licence_inactive{-webkit-mask-image:var(--icon-driving_licence_inactive-svg);mask-image:var(--icon-driving_licence_inactive-svg);background-color:currentcolor}.tl-icon--drop{-webkit-mask-image:var(--icon-drop-svg);mask-image:var(--icon-drop-svg);background-color:currentcolor}.tl-icon--drop_inactive{-webkit-mask-image:var(--icon-drop_inactive-svg);mask-image:var(--icon-drop_inactive-svg);background-color:currentcolor}.tl-icon--edit{-webkit-mask-image:var(--icon-edit-svg);mask-image:var(--icon-edit-svg);background-color:currentcolor}.tl-icon--edit_inactive{-webkit-mask-image:var(--icon-edit_inactive-svg);mask-image:var(--icon-edit_inactive-svg);background-color:currentcolor}.tl-icon--email{-webkit-mask-image:var(--icon-email-svg);mask-image:var(--icon-email-svg);background-color:currentcolor}.tl-icon--engine{-webkit-mask-image:var(--icon-engine-svg);mask-image:var(--icon-engine-svg);background-color:currentcolor}.tl-icon--engine_inactive{-webkit-mask-image:var(--icon-engine_inactive-svg);mask-image:var(--icon-engine_inactive-svg);background-color:currentcolor}.tl-icon--environment{-webkit-mask-image:var(--icon-environment-svg);mask-image:var(--icon-environment-svg);background-color:currentcolor}.tl-icon--environment_inactive{-webkit-mask-image:var(--icon-environment_inactive-svg);mask-image:var(--icon-environment_inactive-svg);background-color:currentcolor}.tl-icon--error{-webkit-mask-image:var(--icon-error-svg);mask-image:var(--icon-error-svg);background-color:currentcolor}.tl-icon--exit{-webkit-mask-image:var(--icon-exit-svg);mask-image:var(--icon-exit-svg);background-color:currentcolor}.tl-icon--expand{-webkit-mask-image:var(--icon-expand-svg);mask-image:var(--icon-expand-svg);background-color:currentcolor}.tl-icon--expand_inactive{-webkit-mask-image:var(--icon-expand_inactive-svg);mask-image:var(--icon-expand_inactive-svg);background-color:currentcolor}.tl-icon--export{-webkit-mask-image:var(--icon-export-svg);mask-image:var(--icon-export-svg);background-color:currentcolor}.tl-icon--export_inactive{-webkit-mask-image:var(--icon-export_inactive-svg);mask-image:var(--icon-export_inactive-svg);background-color:currentcolor}.tl-icon--eye{-webkit-mask-image:var(--icon-eye-svg);mask-image:var(--icon-eye-svg);background-color:currentcolor}.tl-icon--eye_inactive{-webkit-mask-image:var(--icon-eye_inactive-svg);mask-image:var(--icon-eye_inactive-svg);background-color:currentcolor}.tl-icon--face_dissatisfied{-webkit-mask-image:var(--icon-face_dissatisfied-svg);mask-image:var(--icon-face_dissatisfied-svg);background-color:currentcolor}.tl-icon--face_neutral{-webkit-mask-image:var(--icon-face_neutral-svg);mask-image:var(--icon-face_neutral-svg);background-color:currentcolor}.tl-icon--face_satisfied{-webkit-mask-image:var(--icon-face_satisfied-svg);mask-image:var(--icon-face_satisfied-svg);background-color:currentcolor}.tl-icon--factory{-webkit-mask-image:var(--icon-factory-svg);mask-image:var(--icon-factory-svg);background-color:currentcolor}.tl-icon--factory_inactive{-webkit-mask-image:var(--icon-factory_inactive-svg);mask-image:var(--icon-factory_inactive-svg);background-color:currentcolor}.tl-icon--ferry{-webkit-mask-image:var(--icon-ferry-svg);mask-image:var(--icon-ferry-svg);background-color:currentcolor}.tl-icon--ferry_inactive{-webkit-mask-image:var(--icon-ferry_inactive-svg);mask-image:var(--icon-ferry_inactive-svg);background-color:currentcolor}.tl-icon--filters{-webkit-mask-image:var(--icon-filters-svg);mask-image:var(--icon-filters-svg);background-color:currentcolor}.tl-icon--filters_inactive{-webkit-mask-image:var(--icon-filters_inactive-svg);mask-image:var(--icon-filters_inactive-svg);background-color:currentcolor}.tl-icon--flash{-webkit-mask-image:var(--icon-flash-svg);mask-image:var(--icon-flash-svg);background-color:currentcolor}.tl-icon--flash_inactive{-webkit-mask-image:var(--icon-flash_inactive-svg);mask-image:var(--icon-flash_inactive-svg);background-color:currentcolor}.tl-icon--folder{-webkit-mask-image:var(--icon-folder-svg);mask-image:var(--icon-folder-svg);background-color:currentcolor}.tl-icon--forward{-webkit-mask-image:var(--icon-forward-svg);mask-image:var(--icon-forward-svg);background-color:currentcolor}.tl-icon--forward_inactive{-webkit-mask-image:var(--icon-forward_inactive-svg);mask-image:var(--icon-forward_inactive-svg);background-color:currentcolor}.tl-icon--fuel{-webkit-mask-image:var(--icon-fuel-svg);mask-image:var(--icon-fuel-svg);background-color:currentcolor}.tl-icon--fuel_gauge{-webkit-mask-image:var(--icon-fuel_gauge-svg);mask-image:var(--icon-fuel_gauge-svg);background-color:currentcolor}.tl-icon--fuel_gauge_inactive{-webkit-mask-image:var(--icon-fuel_gauge_inactive-svg);mask-image:var(--icon-fuel_gauge_inactive-svg);background-color:currentcolor}.tl-icon--fuel_inactive{-webkit-mask-image:var(--icon-fuel_inactive-svg);mask-image:var(--icon-fuel_inactive-svg);background-color:currentcolor}.tl-icon--gift{-webkit-mask-image:var(--icon-gift-svg);mask-image:var(--icon-gift-svg);background-color:currentcolor}.tl-icon--gift_inactive{-webkit-mask-image:var(--icon-gift_inactive-svg);mask-image:var(--icon-gift_inactive-svg);background-color:currentcolor}.tl-icon--global{-webkit-mask-image:var(--icon-global-svg);mask-image:var(--icon-global-svg);background-color:currentcolor}.tl-icon--guided_tour{-webkit-mask-image:var(--icon-guided_tour-svg);mask-image:var(--icon-guided_tour-svg);background-color:currentcolor}.tl-icon--guided_tour_inactive{-webkit-mask-image:var(--icon-guided_tour_inactive-svg);mask-image:var(--icon-guided_tour_inactive-svg);background-color:currentcolor}.tl-icon--hatch_open{-webkit-mask-image:var(--icon-hatch_open-svg);mask-image:var(--icon-hatch_open-svg);background-color:currentcolor}.tl-icon--hatch_open_1{-webkit-mask-image:var(--icon-hatch_open_1-svg);mask-image:var(--icon-hatch_open_1-svg);background-color:currentcolor}.tl-icon--hatch_open_2{-webkit-mask-image:var(--icon-hatch_open_2-svg);mask-image:var(--icon-hatch_open_2-svg);background-color:currentcolor}.tl-icon--hatch_open_inactive{-webkit-mask-image:var(--icon-hatch_open_inactive-svg);mask-image:var(--icon-hatch_open_inactive-svg);background-color:currentcolor}.tl-icon--heart{-webkit-mask-image:var(--icon-heart-svg);mask-image:var(--icon-heart-svg);background-color:currentcolor}.tl-icon--heart_inactive{-webkit-mask-image:var(--icon-heart_inactive-svg);mask-image:var(--icon-heart_inactive-svg);background-color:currentcolor}.tl-icon--heating_inactive_screen{-webkit-mask-image:var(--icon-heating_inactive_screen-svg);mask-image:var(--icon-heating_inactive_screen-svg);background-color:currentcolor}.tl-icon--history{-webkit-mask-image:var(--icon-history-svg);mask-image:var(--icon-history-svg);background-color:currentcolor}.tl-icon--history_inactive{-webkit-mask-image:var(--icon-history_inactive-svg);mask-image:var(--icon-history_inactive-svg);background-color:currentcolor}.tl-icon--home{-webkit-mask-image:var(--icon-home-svg);mask-image:var(--icon-home-svg);background-color:currentcolor}.tl-icon--home_inactive{-webkit-mask-image:var(--icon-home_inactive-svg);mask-image:var(--icon-home_inactive-svg);background-color:currentcolor}.tl-icon--idea{-webkit-mask-image:var(--icon-idea-svg);mask-image:var(--icon-idea-svg);background-color:currentcolor}.tl-icon--idea_inactive{-webkit-mask-image:var(--icon-idea_inactive-svg);mask-image:var(--icon-idea_inactive-svg);background-color:currentcolor}.tl-icon--image{-webkit-mask-image:var(--icon-image-svg);mask-image:var(--icon-image-svg);background-color:currentcolor}.tl-icon--image_add{-webkit-mask-image:var(--icon-image_add-svg);mask-image:var(--icon-image_add-svg);background-color:currentcolor}.tl-icon--image_inactive{-webkit-mask-image:var(--icon-image_inactive-svg);mask-image:var(--icon-image_inactive-svg);background-color:currentcolor}.tl-icon--image_set{-webkit-mask-image:var(--icon-image_set-svg);mask-image:var(--icon-image_set-svg);background-color:currentcolor}.tl-icon--info{-webkit-mask-image:var(--icon-info-svg);mask-image:var(--icon-info-svg);background-color:currentcolor}.tl-icon--insights{-webkit-mask-image:var(--icon-insights-svg);mask-image:var(--icon-insights-svg);background-color:currentcolor}.tl-icon--kebab{-webkit-mask-image:var(--icon-kebab-svg);mask-image:var(--icon-kebab-svg);background-color:currentcolor}.tl-icon--key{-webkit-mask-image:var(--icon-key-svg);mask-image:var(--icon-key-svg);background-color:currentcolor}.tl-icon--key_inactive{-webkit-mask-image:var(--icon-key_inactive-svg);mask-image:var(--icon-key_inactive-svg);background-color:currentcolor}.tl-icon--language{-webkit-mask-image:var(--icon-language-svg);mask-image:var(--icon-language-svg);background-color:currentcolor}.tl-icon--layer{-webkit-mask-image:var(--icon-layer-svg);mask-image:var(--icon-layer-svg);background-color:currentcolor}.tl-icon--layer_inactive{-webkit-mask-image:var(--icon-layer_inactive-svg);mask-image:var(--icon-layer_inactive-svg);background-color:currentcolor}.tl-icon--link{-webkit-mask-image:var(--icon-link-svg);mask-image:var(--icon-link-svg);background-color:currentcolor}.tl-icon--link_broken{-webkit-mask-image:var(--icon-link_broken-svg);mask-image:var(--icon-link_broken-svg);background-color:currentcolor}.tl-icon--list{-webkit-mask-image:var(--icon-list-svg);mask-image:var(--icon-list-svg);background-color:currentcolor}.tl-icon--list_inactive{-webkit-mask-image:var(--icon-list_inactive-svg);mask-image:var(--icon-list_inactive-svg);background-color:currentcolor}.tl-icon--lock{-webkit-mask-image:var(--icon-lock-svg);mask-image:var(--icon-lock-svg);background-color:currentcolor}.tl-icon--lock_inactive{-webkit-mask-image:var(--icon-lock_inactive-svg);mask-image:var(--icon-lock_inactive-svg);background-color:currentcolor}.tl-icon--map_cursor{-webkit-mask-image:var(--icon-map_cursor-svg);mask-image:var(--icon-map_cursor-svg);background-color:currentcolor}.tl-icon--map_cursor_inactive{-webkit-mask-image:var(--icon-map_cursor_inactive-svg);mask-image:var(--icon-map_cursor_inactive-svg);background-color:currentcolor}.tl-icon--maximize_fullscreen{-webkit-mask-image:var(--icon-maximize_fullscreen-svg);mask-image:var(--icon-maximize_fullscreen-svg);background-color:currentcolor}.tl-icon--meatballs{-webkit-mask-image:var(--icon-meatballs-svg);mask-image:var(--icon-meatballs-svg);background-color:currentcolor}.tl-icon--merge{-webkit-mask-image:var(--icon-merge-svg);mask-image:var(--icon-merge-svg);background-color:currentcolor}.tl-icon--merge_inactive{-webkit-mask-image:var(--icon-merge_inactive-svg);mask-image:var(--icon-merge_inactive-svg);background-color:currentcolor}.tl-icon--message{-webkit-mask-image:var(--icon-message-svg);mask-image:var(--icon-message-svg);background-color:currentcolor}.tl-icon--message_inactive{-webkit-mask-image:var(--icon-message_inactive-svg);mask-image:var(--icon-message_inactive-svg);background-color:currentcolor}.tl-icon--microphone{-webkit-mask-image:var(--icon-microphone-svg);mask-image:var(--icon-microphone-svg);background-color:currentcolor}.tl-icon--microphone_inactive{-webkit-mask-image:var(--icon-microphone_inactive-svg);mask-image:var(--icon-microphone_inactive-svg);background-color:currentcolor}.tl-icon--mileage{-webkit-mask-image:var(--icon-mileage-svg);mask-image:var(--icon-mileage-svg);background-color:currentcolor}.tl-icon--mileage_inactive{-webkit-mask-image:var(--icon-mileage_inactive-svg);mask-image:var(--icon-mileage_inactive-svg);background-color:currentcolor}.tl-icon--minimize_fullscreen{-webkit-mask-image:var(--icon-minimize_fullscreen-svg);mask-image:var(--icon-minimize_fullscreen-svg);background-color:currentcolor}.tl-icon--minus{-webkit-mask-image:var(--icon-minus-svg);mask-image:var(--icon-minus-svg);background-color:currentcolor}.tl-icon--navigate{-webkit-mask-image:var(--icon-navigate-svg);mask-image:var(--icon-navigate-svg);background-color:currentcolor}.tl-icon--navigate_inactive{-webkit-mask-image:var(--icon-navigate_inactive-svg);mask-image:var(--icon-navigate_inactive-svg);background-color:currentcolor}.tl-icon--notification{-webkit-mask-image:var(--icon-notification-svg);mask-image:var(--icon-notification-svg);background-color:currentcolor}.tl-icon--notification_inactive{-webkit-mask-image:var(--icon-notification_inactive-svg);mask-image:var(--icon-notification_inactive-svg);background-color:currentcolor}.tl-icon--notification_snooze{-webkit-mask-image:var(--icon-notification_snooze-svg);mask-image:var(--icon-notification_snooze-svg);background-color:currentcolor}.tl-icon--oil_level{-webkit-mask-image:var(--icon-oil_level-svg);mask-image:var(--icon-oil_level-svg);background-color:currentcolor}.tl-icon--oil_level_inactive{-webkit-mask-image:var(--icon-oil_level_inactive-svg);mask-image:var(--icon-oil_level_inactive-svg);background-color:currentcolor}.tl-icon--paperclip{-webkit-mask-image:var(--icon-paperclip-svg);mask-image:var(--icon-paperclip-svg);background-color:currentcolor}.tl-icon--pause{-webkit-mask-image:var(--icon-pause-svg);mask-image:var(--icon-pause-svg);background-color:currentcolor}.tl-icon--pause_inactive{-webkit-mask-image:var(--icon-pause_inactive-svg);mask-image:var(--icon-pause_inactive-svg);background-color:currentcolor}.tl-icon--phone{-webkit-mask-image:var(--icon-phone-svg);mask-image:var(--icon-phone-svg);background-color:currentcolor}.tl-icon--phone_inactive{-webkit-mask-image:var(--icon-phone_inactive-svg);mask-image:var(--icon-phone_inactive-svg);background-color:currentcolor}.tl-icon--pie_chart{-webkit-mask-image:var(--icon-pie_chart-svg);mask-image:var(--icon-pie_chart-svg);background-color:currentcolor}.tl-icon--pin{-webkit-mask-image:var(--icon-pin-svg);mask-image:var(--icon-pin-svg);background-color:currentcolor}.tl-icon--pin_inactive{-webkit-mask-image:var(--icon-pin_inactive-svg);mask-image:var(--icon-pin_inactive-svg);background-color:currentcolor}.tl-icon--placeholder{-webkit-mask-image:var(--icon-placeholder-svg);mask-image:var(--icon-placeholder-svg);background-color:currentcolor}.tl-icon--play{-webkit-mask-image:var(--icon-play-svg);mask-image:var(--icon-play-svg);background-color:currentcolor}.tl-icon--play_inactive{-webkit-mask-image:var(--icon-play_inactive-svg);mask-image:var(--icon-play_inactive-svg);background-color:currentcolor}.tl-icon--plus{-webkit-mask-image:var(--icon-plus-svg);mask-image:var(--icon-plus-svg);background-color:currentcolor}.tl-icon--powerplug{-webkit-mask-image:var(--icon-powerplug-svg);mask-image:var(--icon-powerplug-svg);background-color:currentcolor}.tl-icon--powerplug_inactive{-webkit-mask-image:var(--icon-powerplug_inactive-svg);mask-image:var(--icon-powerplug_inactive-svg);background-color:currentcolor}.tl-icon--print{-webkit-mask-image:var(--icon-print-svg);mask-image:var(--icon-print-svg);background-color:currentcolor}.tl-icon--print_inactive{-webkit-mask-image:var(--icon-print_inactive-svg);mask-image:var(--icon-print_inactive-svg);background-color:currentcolor}.tl-icon--privacy{-webkit-mask-image:var(--icon-privacy-svg);mask-image:var(--icon-privacy-svg);background-color:currentcolor}.tl-icon--privacy_inactive{-webkit-mask-image:var(--icon-privacy_inactive-svg);mask-image:var(--icon-privacy_inactive-svg);background-color:currentcolor}.tl-icon--profile{-webkit-mask-image:var(--icon-profile-svg);mask-image:var(--icon-profile-svg);background-color:currentcolor}.tl-icon--profile_inactive{-webkit-mask-image:var(--icon-profile_inactive-svg);mask-image:var(--icon-profile_inactive-svg);background-color:currentcolor}.tl-icon--prohibited{-webkit-mask-image:var(--icon-prohibited-svg);mask-image:var(--icon-prohibited-svg);background-color:currentcolor}.tl-icon--proportions{-webkit-mask-image:var(--icon-proportions-svg);mask-image:var(--icon-proportions-svg);background-color:currentcolor}.tl-icon--proportions_inactive{-webkit-mask-image:var(--icon-proportions_inactive-svg);mask-image:var(--icon-proportions_inactive-svg);background-color:currentcolor}.tl-icon--range{-webkit-mask-image:var(--icon-range-svg);mask-image:var(--icon-range-svg);background-color:currentcolor}.tl-icon--range_inactive{-webkit-mask-image:var(--icon-range_inactive-svg);mask-image:var(--icon-range_inactive-svg);background-color:currentcolor}.tl-icon--redirect{-webkit-mask-image:var(--icon-redirect-svg);mask-image:var(--icon-redirect-svg);background-color:currentcolor}.tl-icon--refresh{-webkit-mask-image:var(--icon-refresh-svg);mask-image:var(--icon-refresh-svg);background-color:currentcolor}.tl-icon--refresh_inactive{-webkit-mask-image:var(--icon-refresh_inactive-svg);mask-image:var(--icon-refresh_inactive-svg);background-color:currentcolor}.tl-icon--reload{-webkit-mask-image:var(--icon-reload-svg);mask-image:var(--icon-reload-svg);background-color:currentcolor}.tl-icon--reload_inactive{-webkit-mask-image:var(--icon-reload_inactive-svg);mask-image:var(--icon-reload_inactive-svg);background-color:currentcolor}.tl-icon--repeat{-webkit-mask-image:var(--icon-repeat-svg);mask-image:var(--icon-repeat-svg);background-color:currentcolor}.tl-icon--report{-webkit-mask-image:var(--icon-report-svg);mask-image:var(--icon-report-svg);background-color:currentcolor}.tl-icon--report_inactive{-webkit-mask-image:var(--icon-report_inactive-svg);mask-image:var(--icon-report_inactive-svg);background-color:currentcolor}.tl-icon--route{-webkit-mask-image:var(--icon-route-svg);mask-image:var(--icon-route-svg);background-color:currentcolor}.tl-icon--route_inactive{-webkit-mask-image:var(--icon-route_inactive-svg);mask-image:var(--icon-route_inactive-svg);background-color:currentcolor}.tl-icon--save{-webkit-mask-image:var(--icon-save-svg);mask-image:var(--icon-save-svg);background-color:currentcolor}.tl-icon--save_inactive{-webkit-mask-image:var(--icon-save_inactive-svg);mask-image:var(--icon-save_inactive-svg);background-color:currentcolor}.tl-icon--search{-webkit-mask-image:var(--icon-search-svg);mask-image:var(--icon-search-svg);background-color:currentcolor}.tl-icon--send{-webkit-mask-image:var(--icon-send-svg);mask-image:var(--icon-send-svg);background-color:currentcolor}.tl-icon--send_inactive{-webkit-mask-image:var(--icon-send_inactive-svg);mask-image:var(--icon-send_inactive-svg);background-color:currentcolor}.tl-icon--settings{-webkit-mask-image:var(--icon-settings-svg);mask-image:var(--icon-settings-svg);background-color:currentcolor}.tl-icon--share{-webkit-mask-image:var(--icon-share-svg);mask-image:var(--icon-share-svg);background-color:currentcolor}.tl-icon--shuffle{-webkit-mask-image:var(--icon-shuffle-svg);mask-image:var(--icon-shuffle-svg);background-color:currentcolor}.tl-icon--skip_backwards{-webkit-mask-image:var(--icon-skip_backwards-svg);mask-image:var(--icon-skip_backwards-svg);background-color:currentcolor}.tl-icon--skip_forward{-webkit-mask-image:var(--icon-skip_forward-svg);mask-image:var(--icon-skip_forward-svg);background-color:currentcolor}.tl-icon--smartphone{-webkit-mask-image:var(--icon-smartphone-svg);mask-image:var(--icon-smartphone-svg);background-color:currentcolor}.tl-icon--smartphone_inactive{-webkit-mask-image:var(--icon-smartphone_inactive-svg);mask-image:var(--icon-smartphone_inactive-svg);background-color:currentcolor}.tl-icon--sorting{-webkit-mask-image:var(--icon-sorting-svg);mask-image:var(--icon-sorting-svg);background-color:currentcolor}.tl-icon--speedometer{-webkit-mask-image:var(--icon-speedometer-svg);mask-image:var(--icon-speedometer-svg);background-color:currentcolor}.tl-icon--speedometer_inactive{-webkit-mask-image:var(--icon-speedometer_inactive-svg);mask-image:var(--icon-speedometer_inactive-svg);background-color:currentcolor}.tl-icon--star{-webkit-mask-image:var(--icon-star-svg);mask-image:var(--icon-star-svg);background-color:currentcolor}.tl-icon--support{-webkit-mask-image:var(--icon-support-svg);mask-image:var(--icon-support-svg);background-color:currentcolor}.tl-icon--target{-webkit-mask-image:var(--icon-target-svg);mask-image:var(--icon-target-svg);background-color:currentcolor}.tl-icon--target_inactive{-webkit-mask-image:var(--icon-target_inactive-svg);mask-image:var(--icon-target_inactive-svg);background-color:currentcolor}.tl-icon--temperature{-webkit-mask-image:var(--icon-temperature-svg);mask-image:var(--icon-temperature-svg);background-color:currentcolor}.tl-icon--temperature_inactive{-webkit-mask-image:var(--icon-temperature_inactive-svg);mask-image:var(--icon-temperature_inactive-svg);background-color:currentcolor}.tl-icon--text{-webkit-mask-image:var(--icon-text-svg);mask-image:var(--icon-text-svg);background-color:currentcolor}.tl-icon--text_inactive{-webkit-mask-image:var(--icon-text_inactive-svg);mask-image:var(--icon-text_inactive-svg);background-color:currentcolor}.tl-icon--thumbs_down{-webkit-mask-image:var(--icon-thumbs_down-svg);mask-image:var(--icon-thumbs_down-svg);background-color:currentcolor}.tl-icon--thumbs_up{-webkit-mask-image:var(--icon-thumbs_up-svg);mask-image:var(--icon-thumbs_up-svg);background-color:currentcolor}.tl-icon--tick{-webkit-mask-image:var(--icon-tick-svg);mask-image:var(--icon-tick-svg);background-color:currentcolor}.tl-icon--timer{-webkit-mask-image:var(--icon-timer-svg);mask-image:var(--icon-timer-svg);background-color:currentcolor}.tl-icon--tool{-webkit-mask-image:var(--icon-tool-svg);mask-image:var(--icon-tool-svg);background-color:currentcolor}.tl-icon--tool_inactive{-webkit-mask-image:var(--icon-tool_inactive-svg);mask-image:var(--icon-tool_inactive-svg);background-color:currentcolor}.tl-icon--trailer{-webkit-mask-image:var(--icon-trailer-svg);mask-image:var(--icon-trailer-svg);background-color:currentcolor}.tl-icon--trailer_inactive{-webkit-mask-image:var(--icon-trailer_inactive-svg);mask-image:var(--icon-trailer_inactive-svg);background-color:currentcolor}.tl-icon--trash{-webkit-mask-image:var(--icon-trash-svg);mask-image:var(--icon-trash-svg);background-color:currentcolor}.tl-icon--trash_inactive{-webkit-mask-image:var(--icon-trash_inactive-svg);mask-image:var(--icon-trash_inactive-svg);background-color:currentcolor}.tl-icon--truck{-webkit-mask-image:var(--icon-truck-svg);mask-image:var(--icon-truck-svg);background-color:currentcolor}.tl-icon--truck_inactive{-webkit-mask-image:var(--icon-truck_inactive-svg);mask-image:var(--icon-truck_inactive-svg);background-color:currentcolor}.tl-icon--undo{-webkit-mask-image:var(--icon-undo-svg);mask-image:var(--icon-undo-svg);background-color:currentcolor}.tl-icon--undo_inactive{-webkit-mask-image:var(--icon-undo_inactive-svg);mask-image:var(--icon-undo_inactive-svg);background-color:currentcolor}.tl-icon--unlock{-webkit-mask-image:var(--icon-unlock-svg);mask-image:var(--icon-unlock-svg);background-color:currentcolor}.tl-icon--upload{-webkit-mask-image:var(--icon-upload-svg);mask-image:var(--icon-upload-svg);background-color:currentcolor}.tl-icon--video{-webkit-mask-image:var(--icon-video-svg);mask-image:var(--icon-video-svg);background-color:currentcolor}.tl-icon--video_inactive{-webkit-mask-image:var(--icon-video_inactive-svg);mask-image:var(--icon-video_inactive-svg);background-color:currentcolor}.tl-icon--wallet{-webkit-mask-image:var(--icon-wallet-svg);mask-image:var(--icon-wallet-svg);background-color:currentcolor}.tl-icon--warning{-webkit-mask-image:var(--icon-warning-svg);mask-image:var(--icon-warning-svg);background-color:currentcolor}.tl-icon--weight{-webkit-mask-image:var(--icon-weight-svg);mask-image:var(--icon-weight-svg);background-color:currentcolor}.tl-icon--weight_inactive{-webkit-mask-image:var(--icon-weight_inactive-svg);mask-image:var(--icon-weight_inactive-svg);background-color:currentcolor}.tl-icon--wifi{-webkit-mask-image:var(--icon-wifi-svg);mask-image:var(--icon-wifi-svg);background-color:currentcolor}.tl-icon--wifi_inactive{-webkit-mask-image:var(--icon-wifi_inactive-svg);mask-image:var(--icon-wifi_inactive-svg);background-color:currentcolor}.tl-icon--windscreen_heating{-webkit-mask-image:var(--icon-windscreen_heating-svg);mask-image:var(--icon-windscreen_heating-svg);background-color:currentcolor}.tl-icon--windscreen_heating_inactive{-webkit-mask-image:var(--icon-windscreen_heating_inactive-svg);mask-image:var(--icon-windscreen_heating_inactive-svg);background-color:currentcolor}.tl-icon--12{width:12px;height:12px}.tl-icon--14{width:14px;height:14px}.tl-icon--16{width:16px;height:16px}.tl-icon--18{width:18px;height:18px}.tl-icon--20{width:20px;height:20px}.tl-icon--22{width:22px;height:22px}.tl-icon--24{width:24px;height:24px}.tl-icon--26{width:26px;height:26px}.tl-icon--28{width:28px;height:28px}.tl-icon--30{width:30px;height:30px}.tl-icon--32{width:32px;height:32px}.tl-icon--34{width:34px;height:34px}.tl-icon--36{width:36px;height:36px}.tl-icon--38{width:38px;height:38px}.tl-icon--40{width:40px;height:40px}.tl-icon--42{width:42px;height:42px}.tl-icon--44{width:44px;height:44px}.tl-icon--46{width:46px;height:46px}.tl-icon--48{width:48px;height:48px}.tl-icon--50{width:50px;height:50px}.tl-icon--52{width:52px;height:52px}.tl-icon--54{width:54px;height:54px}.tl-icon--56{width:56px;height:56px}.tl-icon--58{width:58px;height:58px}.tl-icon--60{width:60px;height:60px}.tl-icon--62{width:62px;height:62px}.tl-icon--64{width:64px;height:64px}.tl-icon--66{width:66px;height:66px}.tl-icon--68{width:68px;height:68px}.tl-icon--70{width:70px;height:70px}.tl-icon--72{width:72px;height:72px}.tl-icon--74{width:74px;height:74px}.tl-icon--76{width:76px;height:76px}.tl-icon--78{width:78px;height:78px}.tl-icon--80{width:80px;height:80px}.tl-icon--82{width:82px;height:82px}.tl-icon--84{width:84px;height:84px}.tl-icon--86{width:86px;height:86px}.tl-icon--88{width:88px;height:88px}.tl-icon--90{width:90px;height:90px}.tl-icon--92{width:92px;height:92px}.tl-icon--94{width:94px;height:94px}.tl-icon--96{width:96px;height:96px}:root,.tds-mode-light,.scania .tds-mode-light,.scania.tds-mode-light,.scania .tl-mode-light,.scania.tl-mode-light{--component-link-icon-accent-default: var(--scania-color-blue-400);--component-link-icon-accent-hover: var(--scania-color-blue-400);--component-link-icon-accent-active: var(--scania-color-blue-600);--component-link-icon-accent-visited: var(--scania-color-blue-600);--component-link-icon-standard-default: var(--color-text-strong);--component-link-icon-standard-hover: var(--color-text-defined);--component-link-icon-standard-active: var(--color-text-soft);--component-link-icon-standard-visited: var(--color-text-strong);--component-link-opacity-disabled: var(--scania-opacity-25);--component-link-text-accent-default: var(--scania-color-blue-400);--component-link-text-accent-hover: var(--scania-color-blue-400);--component-link-text-accent-active: var(--scania-color-blue-600);--component-link-text-accent-visited: var(--scania-color-blue-600);--component-link-text-standard-default: var(--color-text-strong);--component-link-text-standard-hover: var(--color-text-defined);--component-link-text-standard-active: var(--color-text-soft);--component-link-text-standard-visited: var(--color-text-strong)}.traton .tds-mode-light,.traton.tds-mode-light,.traton .tl-mode-light,.traton.tl-mode-light{--component-link-icon-accent-default: var(--traton-color-blue-700);--component-link-icon-accent-hover: var(--traton-color-blue-700);--component-link-icon-accent-active: var(--traton-color-blue-950);--component-link-icon-accent-visited: var(--traton-color-blue-950);--component-link-icon-standard-default: var(--color-text-strong);--component-link-icon-standard-hover: var(--color-text-defined);--component-link-icon-standard-active: var(--color-text-soft);--component-link-icon-standard-visited: var(--color-text-strong);--component-link-opacity-disabled: var(--traton-opacity-25);--component-link-text-accent-default: var(--traton-color-blue-700);--component-link-text-accent-hover: var(--traton-color-blue-700);--component-link-text-accent-active: var(--traton-color-blue-950);--component-link-text-accent-visited: var(--traton-color-blue-950);--component-link-text-standard-default: var(--color-text-strong);--component-link-text-standard-hover: var(--color-text-defined);--component-link-text-standard-active: var(--color-text-soft);--component-link-text-standard-visited: var(--color-text-strong)}.tds-mode-dark,.scania .tds-mode-dark,.scania.tds-mode-dark,.scania .tl-mode-dark,.scania.tl-mode-dark{--component-link-icon-accent-default: var(--scania-color-blue-300);--component-link-icon-accent-hover: var(--scania-color-blue-300);--component-link-icon-accent-active: var(--scania-color-blue-100);--component-link-icon-accent-visited: var(--scania-color-blue-100);--component-link-icon-standard-default: var(--color-text-strong);--component-link-icon-standard-hover: var(--color-text-defined);--component-link-icon-standard-active: var(--color-text-soft);--component-link-icon-standard-visited: var(--color-text-strong);--component-link-opacity-disabled: var(--scania-opacity-25);--component-link-text-accent-default: var(--scania-color-blue-300);--component-link-text-accent-hover: var(--scania-color-blue-300);--component-link-text-accent-active: var(--scania-color-blue-100);--component-link-text-accent-visited: var(--scania-color-blue-100);--component-link-text-standard-default: var(--color-text-strong);--component-link-text-standard-hover: var(--color-text-defined);--component-link-text-standard-active: var(--color-text-soft);--component-link-text-standard-visited: var(--color-text-strong)}.traton .tds-mode-dark,.traton.tds-mode-dark,.traton .tl-mode-dark,.traton.tl-mode-dark{--component-link-icon-accent-default: var(--traton-color-blue-400);--component-link-icon-accent-hover: var(--traton-color-blue-400);--component-link-icon-accent-active: var(--traton-color-blue-150);--component-link-icon-accent-visited: var(--traton-color-blue-150);--component-link-icon-standard-default: var(--color-text-strong);--component-link-icon-standard-hover: var(--color-text-defined);--component-link-icon-standard-active: var(--color-text-soft);--component-link-icon-standard-visited: var(--color-text-strong);--component-link-opacity-disabled: var(--traton-opacity-25);--component-link-text-accent-default: var(--traton-color-blue-400);--component-link-text-accent-hover: var(--traton-color-blue-400);--component-link-text-accent-active: var(--traton-color-blue-150);--component-link-text-accent-visited: var(--traton-color-blue-150);--component-link-text-standard-default: var(--color-text-strong);--component-link-text-standard-hover: var(--color-text-defined);--component-link-text-standard-active: var(--color-text-soft);--component-link-text-standard-visited: var(--color-text-strong)}.tl-link{--link: var(--component-link-text-accent-default);--link-hover: var(--component-link-text-accent-hover);--link-focus-outline-width: 2px;--link-visited: var(--component-link-text-accent-visited);--link-opacity-disabled: calc(var(--component-link-opacity-disabled) / 100);--link-focus-outline-color: var(--color-system-info-default)}.tl-banner .tl-link{--link: var(--color-text-strong);--link-hover: var(--color-text-strong);--link-visited: var(--color-text-strong)}.tl-toast .tl-link{--link: var(--color-text-inverse-strong);--link-hover: var(--color-text-inverse-strong);--link-visited: var(--color-text-inverse-strong)}.traton .tl-link{--link-focus-outline-width: 2px}.tl-link-text{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)}.tl-link{display:inline-flex;color:var(--link);text-decoration:none;cursor:pointer;outline:none;background:none;border:none;padding:0;margin:0;font:inherit}.tl-link:focus-visible{outline:2px solid var(--component--focus-ring-color-strong);box-shadow:0 0 0 1px var(--component--focus-ring-color-discrete);outline-offset:1px;z-index:1;text-decoration:none}.tl-link:active{text-decoration-color:var(--link)}.tl-link:hover{color:var(--link-hover);text-decoration-color:var(--link-hover)}.tl-link:visited{color:var(--link-visited);text-decoration-color:var(--link-visited)}.tl-link--disabled{opacity:var(--link-opacity-disabled);pointer-events:none;cursor:not-allowed}.tl-link--underline,.tl-link--underline:hover{text-decoration:underline}.tl-link--standalone{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)}.tl-link__icon{display:inline-flex;align-items:center;margin-left:8px;color:inherit}.tl-link:hover .tl-link__icon .tl-icon{color:var(--link-hover)}.tl-link:visited .tl-link__icon .tl-icon{color:var(--link-visited)}.tl-link:active .tl-link__icon .tl-icon{color:var(--link)}:root,.tds-mode-light,.scania .tds-mode-light,.scania.tds-mode-light,.scania .tl-mode-light,.scania.tl-mode-light{--component-message-background-primary: var(--color-background-layer-01);--component-message-background-secondary: var(--color-background-layer-02);--component-message-background-information-default: var(--color-background-layer-01);--component-message-background-success-default: var(--color-background-layer-01);--component-message-background-warning-default: var(--color-background-layer-01);--component-message-background-error-default: var(--color-system-danger-discrete);--component-message-text-information-default: var(--color-text-strong);--component-message-text-success-default: var(--color-text-strong);--component-message-text-warning-default: var(--color-text-strong);--component-message-text-error-default: var(--color-text-strong);--component-message-text-error-highlight-default: var(--color-system-danger-default);--component-message-border-information-default: var(--color-system-info-default);--component-message-border-success-default: var(--color-system-success-default);--component-message-border-warning-default: var(--color-system-warning-subtle);--component-message-border-error-default: var(--color-system-danger-default);--component-message-border-radius-default: var(--scania-unit-4);--component-message-border-width-default: var(--scania-unit-4);--component-message-icon-information-default: var(--color-system-info-default);--component-message-icon-success-default: var(--color-system-success-default);--component-message-icon-warning-default: var(--color-system-warning-default);--component-message-icon-error-default: var(--color-system-danger-default)}.traton .tds-mode-light,.traton.tds-mode-light,.traton .tl-mode-light,.traton.tl-mode-light{--component-message-background-primary: var(--color-background-layer-01);--component-message-background-secondary: var(--color-background-layer-02);--component-message-background-information-default: var(--color-background-layer-01);--component-message-background-success-default: var(--color-background-layer-01);--component-message-background-warning-default: var(--color-background-layer-01);--component-message-background-error-default: var(--color-system-danger-discrete);--component-message-text-information-default: var(--color-text-strong);--component-message-text-success-default: var(--color-text-strong);--component-message-text-warning-default: var(--color-text-strong);--component-message-text-error-default: var(--color-text-strong);--component-message-text-error-highlight-default: var(--color-system-danger-default);--component-message-border-information-default: var(--color-system-info-subtle);--component-message-border-success-default: var(--color-system-success-subtle);--component-message-border-warning-default: var(--color-system-warning-subtle);--component-message-border-error-default: var(--color-system-danger-subtle);--component-message-border-radius-default: var(--traton-unit-4);--component-message-border-width-default: var(--traton-unit-4);--component-message-icon-information-default: var(--color-system-info-default);--component-message-icon-success-default: var(--color-system-success-default);--component-message-icon-warning-default: var(--color-system-warning-defined);--component-message-icon-error-default: var(--color-system-danger-default)}.tds-mode-dark,.scania .tds-mode-dark,.scania.tds-mode-dark,.scania .tl-mode-dark,.scania.tl-mode-dark{--component-message-background-primary: var(--color-background-layer-01);--component-message-background-secondary: var(--color-background-layer-02);--component-message-background-information-default: var(--color-background-layer-01);--component-message-background-success-default: var(--color-background-layer-01);--component-message-background-warning-default: var(--color-background-layer-01);--component-message-background-error-default: var(--color-system-danger-discrete);--component-message-text-information-default: var(--color-text-strong);--component-message-text-success-default: var(--color-text-strong);--component-message-text-warning-default: var(--color-text-strong);--component-message-text-error-default: var(--color-text-strong);--component-message-text-error-highlight-default: var(--color-system-danger-default);--component-message-border-information-default: var(--color-system-info-default);--component-message-border-success-default: var(--color-system-success-subtle);--component-message-border-warning-default: var(--color-system-warning-subtle);--component-message-border-error-default: var(--color-system-danger-subtle);--component-message-border-radius-default: var(--scania-unit-4);--component-message-border-width-default: var(--scania-unit-4);--component-message-icon-information-default: var(--color-system-info-default);--component-message-icon-success-default: var(--color-system-success-subtle);--component-message-icon-warning-default: var(--color-system-warning-subtle);--component-message-icon-error-default: var(--color-system-danger-default)}.traton .tds-mode-dark,.traton.tds-mode-dark,.traton .tl-mode-dark,.traton.tl-mode-dark{--component-message-background-primary: var(--color-background-layer-01);--component-message-background-secondary: var(--color-background-layer-02);--component-message-background-information-default: var(--color-background-layer-01);--component-message-background-success-default: var(--color-background-layer-01);--component-message-background-warning-default: var(--color-background-layer-01);--component-message-background-error-default: var(--color-system-danger-discrete);--component-message-text-information-default: var(--color-text-strong);--component-message-text-success-default: var(--color-text-strong);--component-message-text-warning-default: var(--color-text-strong);--component-message-text-error-default: var(--color-text-strong);--component-message-text-error-highlight-default: var(--color-system-danger-default);--component-message-border-information-default: var(--color-system-info-subtle);--component-message-border-success-default: var(--color-system-success-subtle);--component-message-border-warning-default: var(--color-system-warning-subtle);--component-message-border-error-default: var(--color-system-danger-subtle);--component-message-border-radius-default: var(--traton-unit-4);--component-message-border-width-default: var(--traton-unit-4);--component-message-icon-information-default: var(--color-system-info-default);--component-message-icon-success-default: var(--color-system-success-default);--component-message-icon-warning-default: var(--color-system-warning-subtle);--component-message-icon-error-default: var(--color-system-danger-default)}.tl-message{--message-main-background: var(--component-message-background-primary);--message-mode-primary-background: var(--component-message-background-primary);--message-mode-secondary-background: var(--component-message-background-secondary);--message-main-text-color: var(--color-text-strong);--message-info-border-color: var(--component-message-border-information-default);--message-info-icon-color: var(--component-message-icon-information-default);--message-success-border-color: var(--component-message-border-success-default);--message-success-icon-color: var(--component-message-icon-success-default);--message-error-background: var(--component-message-background-error-default);--message-error-border-color: var(--component-message-border-error-default);--message-error-icon-color: var(--component-message-icon-error-default);--message-error-header-text-color: var(--component-message-text-error-highlight-default);--message-warning-border-color: var(--component-message-border-warning-default);--message-warning-icon-color: var(--component-message-icon-warning-default)}.tl-message--primary{--message-main-background: var(--message-mode-primary-background)}.tl-message--secondary{--message-main-background: var(--message-mode-secondary-background)}.tl-message__wrapper{display:flex;padding:16px;background-color:var(--message-main-background);border-radius:4px;position:relative}.tl-message--information .tl-message__wrapper{border-left:4px solid var(--message-info-border-color)}.tl-message--success .tl-message__wrapper{border-left:4px solid var(--message-success-border-color)}.tl-message--warning .tl-message__wrapper{border-left:4px solid var(--message-warning-border-color)}.tl-message--error .tl-message__wrapper{background-color:var(--message-error-background);border-left:4px solid var(--message-error-border-color)}.tl-message--minimal .tl-message__wrapper{border:none;padding:0;background-color:transparent}.tl-message__wrapper:before{content:"";display:inline-block;margin-right:16px;width:20px;height:20px;flex-shrink:0;background-color:currentcolor;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain}.tl-message--information .tl-message__wrapper:before{-webkit-mask-image:var(--icon-info-svg);mask-image:var(--icon-info-svg);color:var(--message-info-icon-color)}.tl-message--success .tl-message__wrapper:before{-webkit-mask-image:var(--icon-tick-svg);mask-image:var(--icon-tick-svg);color:var(--message-success-icon-color)}.tl-message--warning .tl-message__wrapper:before{-webkit-mask-image:var(--icon-warning-svg);mask-image:var(--icon-warning-svg);color:var(--message-warning-icon-color)}.tl-message--error .tl-message__wrapper:before{-webkit-mask-image:var(--icon-error-svg);mask-image:var(--icon-error-svg);color:var(--message-error-icon-color)}.tl-message--minimal .tl-message__wrapper:before{margin-right:8px}.tl-message--no-icon .tl-message__wrapper:before{display:none}.tl-message__text{display:flex;flex-direction:column;gap:4px;color:var(--message-main-text-color);padding:2px 0}.tl-message__header{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)}.tl-message--minimal .tl-message__header{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)}.tl-message--error.tl-message--minimal .tl-message__header{color:var(--message-error-header-text-color)}.tl-message__subheader{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);color:var(--message-main-text-color)}.tl-message--minimal .tl-message__subheader{display:none}:root,.tds-mode-light,.scania .tds-mode-light,.scania.tds-mode-light,.scania .tl-mode-light,.scania.tl-mode-light{--component-modal-background-default: var(--color-background-layer-02);--component-modal-border-radius-default: 4;--component-modal-icon-dismiss-default: var(--color-icon-strong);--component-modal-text-title-default: var(--color-text-strong);--component-modal-text-body-default: var(--color-text-strong)}.traton .tds-mode-light,.traton.tds-mode-light,.traton .tl-mode-light,.traton.tl-mode-light{--component-modal-background-default: var(--color-background-layer-02);--component-modal-border-radius-default: 4;--component-modal-icon-dismiss-default: var(--color-icon-strong);--component-modal-text-title-default: var(--color-text-strong);--component-modal-text-body-default: var(--color-text-strong)}.tds-mode-dark,.scania .tds-mode-dark,.scania.tds-mode-dark,.scania .tl-mode-dark,.scania.tl-mode-dark{--component-modal-background-default: var(--color-background-layer-01);--component-modal-border-radius-default: 4;--component-modal-icon-dismiss-default: var(--color-icon-strong);--component-modal-text-title-default: var(--color-text-strong);--component-modal-text-body-default: var(--color-text-strong)}.traton .tds-mode-dark,.traton.tds-mode-dark,.traton .tl-mode-dark,.traton.tl-mode-dark{--component-modal-background-default: var(--color-background-layer-02);--component-modal-border-radius-default: 4;--component-modal-icon-dismiss-default: var(--color-icon-strong);--component-modal-text-title-default: var(--color-text-strong);--component-modal-text-body-default: var(--color-text-strong)}:root,.tds-mode-light,.scania .tds-mode-light,.scania.tds-mode-light,.scania .tl-mode-light,.scania.tl-mode-light{--component-overlay-background-default: var(--scania-color-base-black);--component-overlay-opacity-default: 60}.traton .tds-mode-light,.traton.tds-mode-light,.traton .tl-mode-light,.traton.tl-mode-light{--component-overlay-background-default: var(--traton-color-base-black);--component-overlay-opacity-default: 40}.tds-mode-dark,.scania .tds-mode-dark,.scania.tds-mode-dark,.scania .tl-mode-dark,.scania.tl-mode-dark{--component-overlay-background-default: var(--scania-color-grey-900);--component-overlay-opacity-default: 84}.traton .tds-mode-dark,.traton.tds-mode-dark,.traton .tl-mode-dark,.traton.tl-mode-dark{--component-overlay-background-default: var(--traton-color-base-black);--component-overlay-opacity-default: 60}.tl-modal,.tl-modal__overlay{--modal-background: var(--component-modal-background-default);--modal-backdrop: color-mix( in srgb, var(--component-overlay-background-default) calc(var(--component-overlay-opacity-default) * 1%), transparent );--modal-border-radius: calc(var(--component-modal-border-radius-default) * 1px);--modal-text: var(--component-modal-text-title-default);--modal-body-text: var(--component-modal-text-body-default);--modal-cross-svg: var(--component-modal-icon-dismiss-default);--modal-shadow: 0 3px 3px 0 var(--component-shadow-default, rgba(0, 0, 0, .15)), 0 -1px 1px 0 var(--component-shadow-base-modifier, rgba(0, 0, 0, .1))}.tl-modal,.tl-modal *{box-sizing:border-box}.tl-modal{background-color:var(--modal-background);box-shadow:var(--modal-shadow);margin:auto;position:relative;border-radius:var(--modal-border-radius);max-height:85vh;overflow-y:auto;pointer-events:auto;z-index:1001}.tl-modal::-webkit-scrollbar{width:var(--tl-scrollbar-width)}.tl-modal::-webkit-scrollbar-track{background:var(--tl-scrollbar-track-color)}.tl-modal::-webkit-scrollbar-thumb{border-radius:var(--tl-scrollbar-thumb-border-radius);background:var(--tl-scrollbar-thumb-color);border-width:var(--tl-scrollbar-thumb-border-width);border-style:solid;border-color:transparent;background-clip:padding-box}.tl-modal::-webkit-scrollbar-thumb:hover{border-width:var(--tl-scrollbar-thumb-border-hover-width);border-radius:var(--tl-scrollbar-hover-thumb-border-radius)}.tl-modal::-webkit-scrollbar-button{height:0;width:0}@supports not selector(::-webkit-scrollbar){.tl-modal{scrollbar-color:var(--tl-scrollbar-thumb-color) var(--tl-scrollbar-track-color);scrollbar-width:var(--tl-scrollbar-width-standard)}}.tl-modal{display:none}.tl-modal--visible{display:block}.tl-modal--visible.tl-modal--sticky{display:flex;flex-direction:column}.tl-modal--sticky{overflow:hidden}@media(min-width:320px){.tl-modal--xs,.tl-modal--sm,.tl-modal--md,.tl-modal--lg{width:100%}}@media(min-width:672px){.tl-modal--xs{width:50%}.tl-modal--sm{width:62.5%}.tl-modal--md{width:75%}.tl-modal--lg{width:100%}}@media(min-width:1056px){.tl-modal--xs{width:31.25%}.tl-modal--sm{width:43.75%}.tl-modal--md{width:62.5%}.tl-modal--lg{width:75%}}@media(min-width:1312px){.tl-modal--xs{width:31.25%}.tl-modal--sm{width:37.5%}.tl-modal--md{width:62.5%}.tl-modal--lg{width:75%}}@media(min-width:1584px){.tl-modal--xs{width:25%}.tl-modal--sm{width:37.5%}.tl-modal--md{width:50%}.tl-modal--lg{width:75%}}@media(max-width:320px){.tl-modal--md,.tl-modal--lg,.tl-modal--sm{height:100%}}.tl-modal__header{display:flex;padding:16px;position:sticky;top:0;background-color:var(--modal-background);z-index:1}.tl-modal__title{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);color:var(--modal-text);margin:0;flex:1}.tl-modal__body{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);color:var(--modal-body-text);padding:0 16px 16px}.tl-modal__body::-webkit-scrollbar{width:var(--tl-scrollbar-width)}.tl-modal__body::-webkit-scrollbar-track{background:var(--tl-scrollbar-track-color)}.tl-modal__body::-webkit-scrollbar-thumb{border-radius:var(--tl-scrollbar-thumb-border-radius);background:var(--tl-scrollbar-thumb-color);border-width:var(--tl-scrollbar-thumb-border-width);border-style:solid;border-color:transparent;background-clip:padding-box}.tl-modal__body::-webkit-scrollbar-thumb:hover{border-width:var(--tl-scrollbar-thumb-border-hover-width);border-radius:var(--tl-scrollbar-hover-thumb-border-radius)}.tl-modal__body::-webkit-scrollbar-button{height:0;width:0}@supports not selector(::-webkit-scrollbar){.tl-modal__body{scrollbar-color:var(--tl-scrollbar-thumb-color) var(--tl-scrollbar-track-color);scrollbar-width:var(--tl-scrollbar-width-standard)}}.tl-modal--sticky .tl-modal__body{max-height:calc(85vh - 36px);overflow-y:auto}.tl-modal__actions{background-color:var(--modal-background);padding:24px 16px 16px;display:flex;gap:16px}.tl-modal--sticky .tl-modal__actions{position:sticky;bottom:0}.tl-modal__close{margin:0 0 auto auto;background-color:transparent;border:0;padding:0;height:20px;width:20px;appearance:unset;display:inline-block;color:var(--modal-text);cursor:pointer}.tl-modal__close:focus{outline:2px solid var(--component--focus-ring-color-strong);box-shadow:0 0 0 1px var(--component--focus-ring-color-discrete);outline-offset:1px;z-index:1}.tl-modal__overlay,.tl-modal__overlay *{box-sizing:border-box}.tl-modal__overlay{position:fixed;inset:0;background-color:var(--modal-backdrop);pointer-events:auto;z-index:1000;display:none}.tl-modal__overlay.tl-modal--visible{display:block}:root,.tds-mode-light,.scania .tds-mode-light,.scania.tds-mode-light,.scania .tl-mode-light,.scania.tl-mode-light{--component-popover-background-primary: var(--color-background-layer-01);--component-popover-background-secondary: var(--color-background-layer-02);--component-popover-background-link-primary-default: var(--color-background-none);--component-popover-background-link-primary-hover: var(--scania-color-grey-100);--component-popover-background-link-primary-active: var( --component-popover-background-link-primary-hover );--component-popover-background-link-secondary-default: var(--color-background-none);--component-popover-background-link-secondary-hover: var(--scania-color-grey-50);--component-popover-background-link-secondary-active: var( --component-popover-background-link-secondary-hover );--component-popover-border-radius-default: var(--scania-unit-4);--component-popover-icon-link-primary-default: var(--color-icon-strong);--component-popover-icon-link-secondary-default: var(--color-icon-strong);--component-popover-opacity-disabled: var(--scania-opacity-25);--component-popover-text-link-primary-default: var(--color-text-strong);--component-popover-text-link-primary-hover: var(--color-text-strong);--component-popover-text-link-secondary-default: var(--color-text-strong);--component-popover-text-link-secondary-hover: var(--color-text-strong)}.traton .tds-mode-light,.traton.tds-mode-light,.traton .tl-mode-light,.traton.tl-mode-light{--component-popover-background-primary: var(--color-background-layer-01);--component-popover-background-secondary: var(--color-background-layer-02);--component-popover-background-link-primary-default: var(--color-background-none);--component-popover-background-link-primary-hover: var(--traton-color-grey-150);--component-popover-background-link-primary-active: var(--traton-color-grey-150);--component-popover-background-link-secondary-default: var(--color-background-none);--component-popover-background-link-secondary-hover: var(--traton-color-grey-150);--component-popover-background-link-secondary-active: var(--traton-color-grey-150);--component-popover-border-radius-default: var(--traton-unit-4);--component-popover-icon-link-primary-default: var(--color-icon-strong);--component-popover-icon-link-secondary-default: var(--color-icon-strong);--component-popover-opacity-disabled: var(--traton-opacity-25);--component-popover-text-link-primary-default: var(--color-text-strong);--component-popover-text-link-primary-hover: var(--color-text-strong);--component-popover-text-link-secondary-default: var(--color-text-strong);--component-popover-text-link-secondary-hover: var(--color-text-strong)}.tds-mode-dark,.scania .tds-mode-dark,.scania.tds-mode-dark,.scania .tl-mode-dark,.scania.tl-mode-dark{--component-popover-background-primary: var(--color-background-layer-01);--component-popover-background-secondary: var(--color-background-layer-02);--component-popover-background-link-primary-default: var(--color-background-none);--component-popover-background-link-primary-hover: var(--scania-color-grey-850);--component-popover-background-link-primary-active: var( --component-popover-background-link-primary-hover );--component-popover-background-link-secondary-default: var(--color-background-none);--component-popover-background-link-secondary-hover: var(--scania-color-grey-800);--component-popover-background-link-secondary-active: var( --component-popover-background-link-secondary-hover );--component-popover-border-radius-default: var(--scania-unit-4);--component-popover-icon-link-primary-default: var(--color-icon-strong);--component-popover-icon-link-secondary-default: var(--color-icon-strong);--component-popover-opacity-disabled: var(--scania-opacity-25);--component-popover-text-link-primary-default: var(--color-text-strong);--component-popover-text-link-primary-hover: var(--color-text-strong);--component-popover-text-link-secondary-default: var(--color-text-strong);--component-popover-text-link-secondary-hover: var(--color-text-strong)}.traton .tds-mode-dark,.traton.tds-mode-dark,.traton .tl-mode-dark,.traton.tl-mode-dark{--component-popover-background-primary: var(--color-background-layer-01);--component-popover-background-secondary: var(--color-background-layer-02);--component-popover-background-link-primary-default: var(--color-background-none);--component-popover-background-link-primary-hover: var(--traton-color-blue-900);--component-popover-background-link-primary-active: var(--traton-color-blue-900);--component-popover-background-link-secondary-default: var(--color-background-none);--component-popover-background-link-secondary-hover: var(--traton-color-blue-850);--component-popover-background-link-secondary-active: var(--traton-color-blue-850);--component-popover-border-radius-default: var(--traton-unit-4);--component-popover-icon-link-primary-default: var(--color-icon-strong);--component-popover-icon-link-secondary-default: var(--color-icon-strong);--component-popover-opacity-disabled: var(--traton-opacity-25);--component-popover-text-link-primary-default: var(--color-text-strong);--component-popover-text-link-primary-hover: var(--color-text-strong);--component-popover-text-link-secondary-default: var(--color-text-strong);--component-popover-text-link-secondary-hover: var(--color-text-strong)}.tl-popover-canvas{--popover-canvas-text: var(--component-popover-text-link-primary-default);--popover-canvas-background: var(--component-popover-background-primary);--popover-canvas-box-shadow: 0 2px 3px 0 rgb(0, 0, 0, .1)}.tl-popover-canvas--primary,.tl-popover-canvas .tl-popover-canvas--primary{--popover-canvas-background: var(--component-popover-background-primary)}.tl-popover-canvas--secondary,.tl-popover-canvas .tl-popover-canvas--secondary{--popover-canvas-background: var(--component-popover-background-secondary)}.traton .tl-popover-canvas{--popover-canvas-box-shadow: none}.tl-popover-canvas{display:inline-block;color:var(--popover-canvas-text);background-color:var(--popover-canvas-background);box-shadow:var(--popover-canvas-box-shadow);border-radius:4px;pointer-events:none;z-index:1000;visibility:hidden}.tl-popover-canvas--visible{visibility:visible;pointer-events:auto}.tl-popover-canvas--animation-fade{opacity:0;transform:translateY(4px);transition:opacity .12s ease-out,transform .12s ease-out}.tl-popover-canvas--visible.tl-popover-canvas--animation-fade{opacity:1;transform:translateY(0)}.tl-popover-canvas__content{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);padding:16px}.tl-popover-canvas__header{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);margin:0 0 8px}.tl-popover-canvas__actions{display:flex;gap:8px;justify-content:space-between;align-items:center}.tl-popover-menu{--popover-menu-text: var(--component-popover-text-link-primary-default);--popover-menu-background: var(--component-popover-background-primary);--popover-menu-background-hover: var(--component-popover-background-link-primary-hover);--popover-menu-item-outline-focus: var(--component--focus-ring-color-strong);--popover-menu-item-opacity-disabled: calc(var(--component-popover-opacity-disabled) / 100);--popover-menu-box-shadow: 0 2px 3px 0 rgb(0, 0, 0, .1)}.tl-popover-menu--primary,.tl-popover-menu .tl-popover-menu--primary{--popover-menu-background: var(--component-popover-background-primary);--popover-menu-background-hover: var(--component-popover-background-link-primary-hover)}.tl-popover-menu--secondary,.tl-popover-menu .tl-popover-menu--secondary{--popover-menu-background: var(--component-popover-background-secondary);--popover-menu-background-hover: var(--component-popover-background-link-secondary-hover)}.traton .tl-popover-menu{--popover-menu-box-shadow: none}.tl-popover-menu__item-wrapper,.tl-popover-menu__item-wrapper *{box-sizing:border-box}.tl-popover-menu__item-wrapper{display:block;padding:16px 0}.tl-popover-menu__item{all:unset;width:100%;display:flex;align-items:center;gap:10px;padding:10px 16px;color:var(--popover-menu-text);position:relative;transition:background-color var(--tds-motion-duration-fast-02) var(--tds-motion-easing-easy);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)}.tl-popover-menu__item:hover{cursor:pointer;background-color:var(--popover-menu-background-hover)}.tl-popover-menu__item:focus-visible{outline:2px solid var(--popover-menu-item-outline-focus);box-shadow:inset 0 0 0 3px var(--component--focus-ring-color-discrete);outline-offset:-2px;z-index:1}.tl-popover-menu__item--disabled{all:unset;width:100%;display:flex;align-items:center;gap:10px;padding:10px 16px;cursor:not-allowed;opacity:var(--popover-menu-item-opacity-disabled);pointer-events:none;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)}.tl-popover-menu__item--disabled:hover{background-color:inherit}.tl-popover-menu__item--disabled:focus,.tl-popover-menu__item--disabled:focus-visible,.tl-popover-menu__item--disabled:active{outline:none;box-shadow:none}.tl-popover-menu,.tl-popover-menu *{box-sizing:border-box}.tl-popover-menu{overflow:hidden;width:160px;background-color:var(--popover-menu-background);box-shadow:var(--popover-menu-box-shadow);border-radius:4px;z-index:900;pointer-events:none;visibility:hidden}.tl-popover-menu--visible{visibility:visible;pointer-events:auto}.tl-popover-menu--fluid{width:max-content;display:inline-block}.tl-popover-menu--animation-fade{opacity:0;transform:translateY(4px);transition:opacity .12s ease-out,transform .12s ease-out}.tl-popover-menu--visible.tl-popover-menu--animation-fade{opacity:1;transform:translateY(0)}.tl-popover-menu .tl-divider{width:calc(100% - 12px);margin:6px}:root,.tds-mode-light,.scania .tds-mode-light,.scania.tds-mode-light,.scania .tl-mode-light,.scania.tl-mode-light{--component-radio-button-background-standard-default: var(--color-background-none);--component-radio-button-background-standard-hover: var(--color-background-none);--component-radio-button-background-selected-default: var(--scania-color-grey-950);--component-radio-button-background-selected-hover: var(--scania-color-grey-950);--component-radio-button-border-standard-default: var(--color-border-strong);--component-radio-button-border-standard-hover: var(--color-border-strong);--component-radio-button-border-selected-default: var(--color-border-none);--component-radio-button-border-selected-hover: var(--color-border-none);--component-radio-button-border-indicator-default: var(--color-border-none);--component-radio-button-border-indicator-hover: var(--color-border-subtle);--component-radio-button-border-radius-default: var(--scania-unit-9999);--component-radio-button-focus-ring-radius-default: var(--component--focus-ring-radius-full);--component-radio-button-icon-selected-default: var(--color-icon-inverse-strong);--component-radio-button-icon-selected-hover: var(--color-icon-inverse-strong);--component-radio-button-opacity-disabled: var(--scania-opacity-25);--component-radio-button-text-default: var(--color-text-strong);--component-radio-button-text-hover: var(--color-text-strong)}.traton .tds-mode-light,.traton.tds-mode-light,.traton .tl-mode-light,.traton.tl-mode-light{--component-radio-button-background-standard-default: var(--color-background-none);--component-radio-button-background-standard-hover: var(--color-background-none);--component-radio-button-background-selected-default: var(--traton-color-blue-950);--component-radio-button-background-selected-hover: var(--traton-color-blue-950);--component-radio-button-border-standard-default: var(--color-border-strong);--component-radio-button-border-standard-hover: var(--color-border-strong);--component-radio-button-border-selected-default: var(--color-border-none);--component-radio-button-border-selected-hover: var(--color-border-none);--component-radio-button-border-indicator-default: var(--color-border-none);--component-radio-button-border-indicator-hover: var(--color-border-subtle);--component-radio-button-border-radius-default: var(--traton-unit-9999);--component-radio-button-focus-ring-radius-default: var(--component--focus-ring-radius-full);--component-radio-button-icon-selected-default: var(--color-icon-inverse-strong);--component-radio-button-icon-selected-hover: var(--color-icon-inverse-strong);--component-radio-button-opacity-disabled: var(--traton-opacity-25);--component-radio-button-text-default: var(--color-text-strong);--component-radio-button-text-hover: var(--color-text-strong)}.tds-mode-dark,.scania .tds-mode-dark,.scania.tds-mode-dark,.scania .tl-mode-dark,.scania.tl-mode-dark{--component-radio-button-background-standard-default: var(--color-background-none);--component-radio-button-background-standard-hover: var(--color-background-none);--component-radio-button-background-selected-default: var(--scania-color-grey-50);--component-radio-button-background-selected-hover: var(--scania-color-grey-50);--component-radio-button-border-standard-default: var(--color-border-strong);--component-radio-button-border-standard-hover: var(--color-border-strong);--component-radio-button-border-selected-default: var(--color-border-none);--component-radio-button-border-selected-hover: var(--color-border-none);--component-radio-button-border-indicator-default: var(--color-border-none);--component-radio-button-border-indicator-hover: var(--color-border-subtle);--component-radio-button-border-radius-default: var(--scania-unit-9999);--component-radio-button-focus-ring-radius-default: var(--component--focus-ring-radius-full);--component-radio-button-icon-selected-default: var(--color-icon-inverse-strong);--component-radio-button-icon-selected-hover: var(--color-icon-inverse-strong);--component-radio-button-opacity-disabled: var(--scania-opacity-25);--component-radio-button-text-default: var(--color-text-strong);--component-radio-button-text-hover: var(--color-text-strong)}.traton .tds-mode-dark,.traton.tds-mode-dark,.traton .tl-mode-dark,.traton.tl-mode-dark{--component-radio-button-background-standard-default: var(--color-background-none);--component-radio-button-background-standard-hover: var(--color-background-none);--component-radio-button-background-selected-default: var(--traton-color-base-white);--component-radio-button-background-selected-hover: var(--traton-color-base-white);--component-radio-button-border-standard-default: var(--color-border-strong);--component-radio-button-border-standard-hover: var(--color-border-strong);--component-radio-button-border-selected-default: var(--color-border-none);--component-radio-button-border-selected-hover: var(--color-border-none);--component-radio-button-border-indicator-default: var(--color-border-none);--component-radio-button-border-indicator-hover: var(--color-border-subtle);--component-radio-button-border-radius-default: var(--traton-unit-9999);--component-radio-button-focus-ring-radius-default: var(--component--focus-ring-radius-full);--component-radio-button-icon-selected-default: var(--color-icon-inverse-strong);--component-radio-button-icon-selected-hover: var(--color-icon-inverse-strong);--component-radio-button-opacity-disabled: var(--traton-opacity-25);--component-radio-button-text-default: var(--color-text-strong);--component-radio-button-text-hover: var(--color-text-strong)}.tl-radio-button{--radio-button-text: var(--component-radio-button-text-default);--radio-button-text-hover: var(--component-radio-button-text-hover);--radio-button-background: var(--component-radio-button-background-standard-default);--radio-button-background-hover: var(--component-radio-button-background-standard-hover);--radio-button-background-selected: var(--component-radio-button-background-selected-default);--radio-button-background-selected-hover: var(--component-radio-button-background-selected-hover);--radio-button-border: var(--component-radio-button-border-standard-default);--radio-button-border-hover: var(--component-radio-button-border-standard-hover);--radio-button-border-selected: var(--component-radio-button-border-selected-default);--radio-button-border-selected-hover: var(--component-radio-button-border-selected-hover);--radio-button-indicator: var(--component-radio-button-border-indicator-default);--radio-button-indicator-hover: var(--component-radio-button-border-indicator-hover);--radio-button-icon-selected: var(--component-radio-button-icon-selected-default);--radio-button-icon-selected-hover: var(--component-radio-button-icon-selected-hover);--radio-button-border-radius: calc(var(--component-radio-button-border-radius-default) * 1px);--radio-button-focus-ring-radius: calc(var(--component-radio-button-focus-ring-radius-default) * 1px);--radio-button-opacity-disabled: calc(var(--component-radio-button-opacity-disabled) / 100)}.tl-radio-button,.tl-radio-button *{box-sizing:border-box}.tl-radio-button{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);color:var(--radio-button-text);display:flex;align-items:center}.tl-radio-button:has(:disabled){cursor:not-allowed}.tl-radio-button__input{appearance:none;outline:none;margin:0;border:0;inline-size:24px;block-size:24px;position:relative;cursor:pointer;flex-shrink:0}.tl-radio-button__input:before,.tl-radio-button__input:after{content:"";position:absolute;box-sizing:border-box;border-radius:var(--radio-button-border-radius);left:50%;top:50%;transform:translate(-50%,-50%)}.tl-radio-button__input:before{inline-size:16px;block-size:16px;border:1px solid var(--radio-button-border);background-color:var(--radio-button-background);box-shadow:0 0 0 2px var(--radio-button-indicator);transition:box-shadow .2s ease-in-out}.tl-radio-button__input:after{inline-size:6px;block-size:6px;background-color:var(--radio-button-icon-selected);opacity:0;z-index:1}.tl-radio-button__input:not(:disabled):hover:before{border-color:var(--radio-button-border-hover);background-color:var(--radio-button-background-hover);box-shadow:0 0 0 2px var(--radio-button-indicator-hover)}.tl-radio-button__input:focus-visible:before{outline:2px solid var(--component--focus-ring-color-strong);box-shadow:0 0 0 1px var(--component--focus-ring-color-discrete);outline-offset:1px;z-index:1;border-radius:var(--radio-button-focus-ring-radius)}.tl-radio-button__input:checked:before{border-color:var(--radio-button-border-selected);background-color:var(--radio-button-background-selected)}.tl-radio-button__input:checked:after{background-color:var(--radio-button-icon-selected);opacity:1}.tl-radio-button__input:checked:not(:disabled):hover:before{border-color:var(--radio-button-border-selected-hover);background-color:var(--radio-button-background-selected-hover)}.tl-radio-button__input:checked:not(:disabled):hover:after{background-color:var(--radio-button-icon-selected-hover)}.tl-radio-button__input:disabled{cursor:not-allowed;opacity:var(--radio-button-opacity-disabled)}.tl-radio-button__label{cursor:pointer;padding-left:4px;color:var(--radio-button-text)}.tl-radio-button__input:not(:disabled):hover+.tl-radio-button__label{color:var(--radio-button-text-hover)}.tl-radio-button:has(:disabled) .tl-radio-button__label{opacity:var(--radio-button-opacity-disabled);cursor:not-allowed}:root,.tds-mode-light,.scania .tds-mode-light,.scania.tds-mode-light,.scania .tl-mode-light,.scania.tl-mode-light{--component-side-menu-background-default: var(--color-background-base);--component-side-menu-background-item-link-default: var(--component-side-menu-background-default);--component-side-menu-background-item-link-hover: var(--color-background-layer-01);--component-side-menu-background-item-link-active: var(--scania-color-grey-150);--component-side-menu-background-item-current-default: var(--color-background-layer-01);--component-side-menu-border-divider-default: var(--color-border-discrete);--component-side-menu-border-radius-default: var(--scania-unit-0);--component-side-menu-border-item-indicator-default: var(--scania-color-blue-400);--component-side-menu-icon-dismiss-default: var(--color-icon-strong);--component-side-menu-icon-item-link-default: var(--color-icon-strong);--component-side-menu-icon-item-current-default: var(--color-icon-strong);--component-side-menu-focus-ring-radius-primary: var(--component--focus-ring-radius-none);--component-side-menu-focus-ring-radius-secondary: var(--component--focus-ring-radius-none);--component-side-menu-focus-ring-radius-tertiary: var(--component--focus-ring-radius-none);--component-side-menu-text-title-default: var(--color-text-strong);--component-side-menu-text-subtitle-default: var(--color-text-soft);--component-side-menu-text-item-link-default: var(--color-text-strong);--component-side-menu-text-item-current-default: var(--color-text-strong)}.traton .tds-mode-light,.traton.tds-mode-light,.traton .tl-mode-light,.traton.tl-mode-light{--component-side-menu-background-default: var(--color-background-base);--component-side-menu-background-item-link-default: var(--component-side-menu-background-default);--component-side-menu-background-item-link-hover: var(--color-background-layer-01);--component-side-menu-background-item-link-active: var(--traton-color-grey-150);--component-side-menu-background-item-current-default: var(--color-background-layer-01);--component-side-menu-border-divider-default: var(--traton-color-transparent-invisible-light);--component-side-menu-border-radius-default: var(--traton-unit-8);--component-side-menu-border-item-indicator-default: var(--traton-color-blue-500);--component-side-menu-icon-dismiss-default: var(--color-icon-strong);--component-side-menu-icon-item-link-default: var(--color-icon-strong);--component-side-menu-icon-item-current-default: var(--color-icon-strong);--component-side-menu-focus-ring-radius-primary: var(--traton-unit-8);--component-side-menu-focus-ring-radius-secondary: 7;--component-side-menu-focus-ring-radius-tertiary: 5;--component-side-menu-text-title-default: var(--color-text-strong);--component-side-menu-text-subtitle-default: var(--color-text-soft);--component-side-menu-text-item-link-default: var(--color-text-strong);--component-side-menu-text-item-current-default: var(--color-text-strong)}.tds-mode-dark,.scania .tds-mode-dark,.scania.tds-mode-dark,.scania .tl-mode-dark,.scania.tl-mode-dark{--component-side-menu-background-default: var(--color-background-base);--component-side-menu-background-item-link-default: var(--component-side-menu-background-default);--component-side-menu-background-item-link-hover: var(--color-background-layer-01);--component-side-menu-background-item-link-active: var(--scania-color-grey-800);--component-side-menu-background-item-current-default: var(--color-background-layer-01);--component-side-menu-border-divider-default: var(--color-border-discrete);--component-side-menu-border-radius-default: var(--scania-unit-0);--component-side-menu-border-item-indicator-default: var(--scania-color-blue-300);--component-side-menu-icon-dismiss-default: var(--color-icon-strong);--component-side-menu-icon-item-link-default: var(--color-icon-strong);--component-side-menu-icon-item-current-default: var(--color-icon-strong);--component-side-menu-focus-ring-radius-primary: var(--component--focus-ring-radius-none);--component-side-menu-focus-ring-radius-secondary: var(--component--focus-ring-radius-none);--component-side-menu-focus-ring-radius-tertiary: var(--component--focus-ring-radius-none);--component-side-menu-text-title-default: var(--color-text-strong);--component-side-menu-text-subtitle-default: var(--color-text-soft);--component-side-menu-text-item-link-default: var(--color-text-strong);--component-side-menu-text-item-current-default: var(--color-text-strong)}.traton .tds-mode-dark,.traton.tds-mode-dark,.traton .tl-mode-dark,.traton.tl-mode-dark{--component-side-menu-background-default: var(--color-background-base);--component-side-menu-background-item-link-default: var(--component-side-menu-background-default);--component-side-menu-background-item-link-hover: var(--color-background-layer-01);--component-side-menu-background-item-link-active: var(--traton-color-blue-900);--component-side-menu-background-item-current-default: var(--color-background-layer-01);--component-side-menu-border-divider-default: var(--traton-color-transparent-invisible-dark);--component-side-menu-border-radius-default: var(--traton-unit-8);--component-side-menu-border-item-indicator-default: var(--traton-color-yellow-400);--component-side-menu-icon-dismiss-default: var(--color-icon-strong);--component-side-menu-icon-item-link-default: var(--color-icon-strong);--component-side-menu-icon-item-current-default: var(--color-icon-strong);--component-side-menu-focus-ring-radius-primary: var(--traton-unit-8);--component-side-menu-focus-ring-radius-secondary: 7;--component-side-menu-focus-ring-radius-tertiary: 5;--component-side-menu-text-title-default: var(--color-text-strong);--component-side-menu-text-subtitle-default: var(--color-text-soft);--component-side-menu-text-item-link-default: var(--color-text-strong);--component-side-menu-text-item-current-default: var(--color-text-strong)}.tl-side-menu{--side-menu-background: var(--component-side-menu-background-default);--side-menu-border-right-color: var(--component-side-menu-border-divider-default);--side-menu-border-thickness: var(--unit-1);--side-menu-width-collapsed: var(--unit-68);--side-menu-horizontal-padding: 0px;--side-menu-gap: 0px;--side-menu-dropdown-box-shadow: 0 3px 3px rgb(0 0 0 / 15%), 0 -1px 1px rgb(0 0 0 / 1%);--side-menu-item-background: var(--component-side-menu-background-item-link-default);--side-menu-item-border-bottom-color: var(--component-side-menu-border-divider-default);--side-menu-item-border-thickness: var(--unit-1);--side-menu-item-border-radius: calc(var(--component-side-menu-border-radius-default) * 1px);--side-menu-item-text-color: var(--component-side-menu-text-item-link-default);--side-menu-item-background-hover: var(--component-side-menu-background-item-link-hover);--side-menu-item-background-active: var(--component-side-menu-background-item-link-active);--side-menu-item-background-selected: var(--component-side-menu-background-item-current-default);--side-menu-item-border-left-color-selected: var( --component-side-menu-border-item-indicator-default );--side-menu-item-icon-color: var(--component-side-menu-icon-item-link-default);--side-menu-item-text-width: 168px;--side-menu-item-horizontal-padding: var(--unit-22);--side-menu-item-height: var(--unit-68);--side-menu-item-icon-size: var(--unit-24);--side-menu-item-horizontal-gap: var(--unit-10);--side-menu-sub-item-height: var(--unit-48);--side-menu-sub-item-padding-icon: var(--unit-16) var(--unit-48) var(--unit-16) var(--unit-58);--side-menu-sub-items-gap: 0px;--side-menu-item-user-subheading-color: var(--component-side-menu-text-subtitle-default);--side-menu-item-user-text-width: 150px;--side-menu-user-gap: var(--unit-16);--side-menu-user-image-size: var(--unit-34);--side-menu-close-button-height: var(--unit-64)}.scania .tl-side-menu{--side-menu-width-collapsed: var(--unit-68);--side-menu-horizontal-padding: 0px;--side-menu-gap: 0px;--side-menu-dropdown-box-shadow: 0 3px 3px rgb(0 0 0 / 15%), 0 -1px 1px rgb(0 0 0 / 1%);--side-menu-item-horizontal-padding: var(--unit-22);--side-menu-item-height: var(--unit-68);--side-menu-item-icon-size: var(--unit-24);--side-menu-sub-item-height: var(--unit-48);--side-menu-sub-item-padding-icon: var(--unit-16) var(--unit-48) var(--unit-16) var(--unit-58);--side-menu-sub-items-gap: 0px;--side-menu-user-image-size: var(--unit-34);--side-menu-close-button-height: var(--unit-64)}.traton .tl-side-menu{--side-menu-width-collapsed: var(--unit-72);--side-menu-horizontal-padding: var(--unit-16);--side-menu-gap: var(--unit-16);--side-menu-dropdown-box-shadow: none;--side-menu-item-horizontal-padding: var(--unit-12);--side-menu-item-height: var(--unit-40);--side-menu-item-icon-size: var(--unit-16);--side-menu-sub-item-height: var(--unit-32);--side-menu-sub-item-padding-icon: var(--unit-8) var(--unit-48) var(--unit-8) var(--unit-40);--side-menu-sub-items-gap: var(--unit-10);--side-menu-user-image-size: var(--unit-24);--side-menu-close-button-height: var(--unit-36)}.tl-side-menu__item .tl-side-menu__item-text{width:var(--side-menu-item-text-width);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.tl-side-menu__item{all:unset;box-sizing:border-box;height:var(--side-menu-item-height);width:100%;display:flex;align-items:center;gap:var(--side-menu-item-horizontal-gap);padding:0 var(--side-menu-item-horizontal-padding);border:none;background-color:var(--side-menu-item-background);color:var(--side-menu-item-text-color);cursor:pointer;position:relative;border-radius:var(--side-menu-item-border-radius);font-family:var(--type-system-title-01-font-family);font-size:calc(var(--type-system-title-01-font-size) * 1px);line-height:calc(var(--type-system-title-01-line-height) * 1px);font-weight:var(--type-system-title-01-font-weight);letter-spacing:calc(var(--type-system-title-01-letter-spacing) * 1px)}.tl-side-menu__item:focus-visible{outline:2px solid var(--component--focus-ring-color-strong);box-shadow:inset 0 0 0 3px var(--component--focus-ring-color-discrete);outline-offset:-2px;z-index:1}.tl-side-menu__item:hover{background-color:var(--side-menu-item-background-hover)}.tl-side-menu__item:active{background-color:var(--side-menu-item-background-active)}.tl-side-menu__item--selected{position:relative;background-color:var(--side-menu-item-background-selected)}.tl-side-menu__item--selected:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;border-top-left-radius:var(--side-menu-item-border-radius);border-bottom-left-radius:var(--side-menu-item-border-radius);background-color:var(--side-menu-item-border-left-color-selected)}.tl-side-menu__dropdown{display:flex;flex-direction:column;font-family:var(--type-system-title-01-font-family);font-size:calc(var(--type-system-title-01-font-size) * 1px);line-height:calc(var(--type-system-title-01-line-height) * 1px);font-weight:var(--type-system-title-01-font-weight);letter-spacing:calc(var(--type-system-title-01-letter-spacing) * 1px)}.tl-side-menu__dropdown .tl-side-menu__item:after{content:"";position:absolute;right:var(--side-menu-item-horizontal-padding);top:50%;transform:translateY(-50%);width:16px;height:16px;background-color:currentcolor;-webkit-mask-image:var(--icon-chevron_down-svg);mask-image:var(--icon-chevron_down-svg);-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;pointer-events:none;transition:transform .2s ease-in-out}.tl-side-menu__dropdown--open .tl-side-menu__item:after{transform:translateY(-50%) rotate(180deg)}.tl-side-menu__dropdown--open .tl-side-menu__dropdown-menu{display:block}.tl-side-menu__dropdown-menu{display:none;flex-direction:column}.tl-side-menu__dropdown-header{display:none;width:100%;height:var(--side-menu-item-height);border-bottom:var(--side-menu-item-border-thickness) solid var(--side-menu-item-border-bottom-color)}.tl-side-menu__dropdown-list{padding:0;list-style:none;border-radius:0;background-color:var(--side-menu-background);display:flex;flex-direction:column;width:100%;gap:var(--side-menu-sub-items-gap)}.tl-side-menu__dropdown-item{all:unset;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);box-sizing:border-box;border-right:var(--side-menu-item-border-thickness) solid var(--side-menu-item-border-bottom-color);display:flex;align-items:center;gap:var(--side-menu-item-horizontal-gap);height:var(--side-menu-sub-item-height);width:100%;background-color:var(--side-menu-item-background);color:var(--side-menu-item-text-color);border:none;border-radius:var(--side-menu-item-border-radius);position:relative;cursor:pointer}.tl-side-menu__dropdown-item:hover{background-color:var(--side-menu-item-background-hover)}.tl-side-menu__dropdown-item:active{background-color:var(--side-menu-item-background-active)}.tl-side-menu__dropdown-item:focus-visible{outline:2px solid var(--component--focus-ring-color-strong);box-shadow:inset 0 0 0 3px var(--component--focus-ring-color-discrete);outline-offset:-2px;z-index:1}.tl-side-menu__dropdown-item--selected{background-color:var(--side-menu-item-background-selected);color:var(--side-menu-item-text-color);border-top-left-radius:0;border-bottom-left-radius:0}.tl-side-menu__dropdown-item--selected:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;border-top-left-radius:var(--side-menu-item-border-radius);border-bottom-left-radius:var(--side-menu-item-border-radius);background-color:var(--side-menu-item-border-left-color-selected)}:not(.tl-side-menu--collapsed) .tl-side-menu:not(.tl-side-menu--collapsed) .tl-side-menu__dropdown:has(.tl-side-menu__item .tl-icon) .tl-side-menu__dropdown-item{padding:var(--side-menu-sub-item-padding-icon)}.tl-side-menu:not(.tl-side-menu--collapsed) .tl-side-menu__dropdown:has(.tl-side-menu__item .tl-side-menu__user .tl-side-menu__user-image) .tl-side-menu__dropdown-item{padding:var(--side-menu-sub-item-padding-icon)}.tl-side-menu__user{display:flex;align-items:center;gap:var(--side-menu-user-gap);height:var(--side-menu-item-height);font-family:var(--type-system-title-01-font-family);font-size:calc(var(--type-system-title-01-font-size) * 1px);line-height:calc(var(--type-system-title-01-line-height) * 1px);font-weight:var(--type-system-title-01-font-weight);letter-spacing:calc(var(--type-system-title-01-letter-spacing) * 1px)}.tl-side-menu__user-image{height:var(--side-menu-user-image-size);width:var(--side-menu-user-image-size)}.tl-side-menu__user-image *{width:var(--side-menu-user-image-size);height:var(--side-menu-user-image-size);border-radius:50%}.tl-side-menu__user-label{display:block;color:var(--side-menu-item-text-color)}.tl-side-menu:not(.tl-side-menu--collapsed) .tl-side-menu__user-label{width:var(--side-menu-item-user-text-width)}.tl-side-menu__user-label{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.tl-side-menu__user-label .subheader{color:var(--side-menu-item-user-subheading-color);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}@media(min-width:992px){.tl-side-menu--collapsed .tl-side-menu__dropdown .tl-side-menu__user .tl-side-menu__user-label{display:none}}.tl-side-menu{pointer-events:none;display:block;position:fixed;top:0;width:100%;height:100%;z-index:500}.tl-side-menu__list,.tl-side-menu__list li,.tl-side-menu__upper-list,.tl-side-menu__upper-list li,.tl-side-menu__end-list,.tl-side-menu__end-list li{display:flex;flex-direction:column;gap:var(--side-menu-sub-items-gap)}@media(max-width:992px){.tl-side-menu__list.tl-side-menu__collapse,.tl-side-menu__list li.tl-side-menu__collapse,.tl-side-menu__upper-list.tl-side-menu__collapse,.tl-side-menu__upper-list li.tl-side-menu__collapse,.tl-side-menu__end-list.tl-side-menu__collapse,.tl-side-menu__end-list li.tl-side-menu__collapse{display:none}}.tl-side-menu__wrapper{height:inherit}.tl-side-menu__wrapper--closed{display:none}@media(min-width:992px){.tl-side-menu--persistent .tl-side-menu__wrapper--closed{display:block}}.tl-side-menu__overlay{position:fixed;inset:0;background-color:#000;opacity:0;pointer-events:auto}.tl-side-menu__wrapper--open .tl-side-menu__overlay{opacity:.4}.tl-side-menu__close{margin:0 var(--side-menu-horizontal-padding);height:var(--side-menu-item-height);opacity:0}.tl-side-menu__close button{border-bottom:var(--side-menu-item-border-thickness) solid var(--side-menu-item-border-bottom-color)}.tl-side-menu__wrapper--open .tl-side-menu__close{opacity:1}.tl-side-menu__wrapper--empty .tl-side-menu__upper-list{display:none}.tl-side-menu__end-list{margin-top:var(--side-menu-item-height);border-top:var(--side-menu-item-border-thickness) solid var(--side-menu-item-border-bottom-color)}.tl-side-menu__wrapper--empty .tl-side-menu__end-list{margin-top:0}.tl-side-menu__wrapper--empty .tl-side-menu__end-list>*{border-bottom:var(--side-menu-item-border-thickness) solid var(--side-menu-item-border-bottom-color)}.tl-side-menu__end-list .tl-side-menu__dropdown{display:flex;flex-direction:column;gap:var(--side-menu-sub-items-gap)}.tl-side-menu--collapsed .tl-side-menu__end-list .tl-side-menu__dropdown-menu{flex-direction:column-reverse;bottom:calc(var(--side-menu-sub-items-gap) + var(--side-menu-item-height))}.tl-side-menu__collapse{display:none}@media(min-width:992px){.tl-side-menu--persistent .tl-side-menu__collapse{display:flex;position:sticky;bottom:0;border-top:var(--side-menu-item-border-thickness) solid var(--side-menu-item-border-bottom-color);padding:var(--side-menu-gap) var(--side-menu-horizontal-padding)}.tl-side-menu--collapsed .tl-side-menu__collapse .tl-side-menu__collapse-text{display:none}}.tl-side-menu__collapse .tl-side-menu__item .tl-icon{flex-shrink:0;color:var(--side-menu-item-icon-color)}.tl-side-menu__aside{background-color:var(--side-menu-background);width:80%;height:inherit;position:relative;left:0;display:flex;flex-direction:column;justify-content:space-between}:where(.tl-side-menu__aside *){padding:0;margin:0;box-sizing:border-box}.tl-side-menu__list-wrapper{padding:0 var(--side-menu-horizontal-padding);display:flex;justify-content:space-between;flex-direction:column;flex-grow:1;overflow-y:auto}.tl-side-menu__list-wrapper::-webkit-scrollbar{width:var(--tl-scrollbar-width)}.tl-side-menu__list-wrapper::-webkit-scrollbar-track{background:var(--tl-scrollbar-track-color)}.tl-side-menu__list-wrapper::-webkit-scrollbar-thumb{border-radius:var(--tl-scrollbar-thumb-border-radius);background:var(--tl-scrollbar-thumb-color);border-width:var(--tl-scrollbar-thumb-border-width);border-style:solid;border-color:transparent;background-clip:padding-box}.tl-side-menu__list-wrapper::-webkit-scrollbar-thumb:hover{border-width:var(--tl-scrollbar-thumb-border-hover-width);border-radius:var(--tl-scrollbar-hover-thumb-border-radius)}.tl-side-menu__list-wrapper::-webkit-scrollbar-button{height:0;width:0}@supports not selector(::-webkit-scrollbar){.tl-side-menu__list-wrapper{scrollbar-color:var(--tl-scrollbar-thumb-color) var(--tl-scrollbar-track-color);scrollbar-width:var(--tl-scrollbar-width-standard)}}.tl-side-menu__list-wrapper{gap:var(--side-menu-sub-items-gap)}.tl-side-menu__navigation{height:100%;display:flex;flex-direction:column;margin-top:var(--side-menu-gap)}.tl-side-menu__upper-list>*{border-bottom:var(--side-menu-item-border-thickness) solid var(--side-menu-item-border-bottom-color)}@media(min-width:992px){.tl-side-menu--persistent{pointer-events:auto;position:static;width:272px;height:auto;border-right:var(--side-menu-item-border-thickness) solid var(--side-menu-item-border-bottom-color)}.tl-side-menu--persistent .tl-side-menu__overlay,.tl-side-menu--persistent .tl-side-menu__close{display:none}.tl-side-menu--persistent .tl-side-menu__aside{width:272px}.tl-side-menu--collapsed .tl-side-menu__aside{width:var(--side-menu-width-collapsed)}.tl-side-menu--collapsed{width:calc(var(--side-menu-width-collapsed) + var(--side-menu-item-border-thickness));box-sizing:border-box}.tl-side-menu--collapsed .tl-side-menu__dropdown .tl-side-menu__item:after{display:none}.tl-side-menu--collapsed .tl-side-menu__dropdown:hover .tl-side-menu__dropdown-menu,.tl-side-menu--collapsed .tl-side-menu__dropdown:has(.tl-side-menu__item:focus-visible) .tl-side-menu__dropdown-menu{box-sizing:border-box;min-height:48px;display:flex;align-items:center;gap:var(--side-menu-sub-items-gap);font-family:var(--type-system-title-01-font-family);font-size:calc(var(--type-system-title-01-font-size) * 1px);line-height:calc(var(--type-system-title-01-line-height) * 1px);font-weight:var(--type-system-title-01-font-weight);letter-spacing:calc(var(--type-system-title-01-letter-spacing) * 1px)}.tl-side-menu--collapsed .tl-side-menu__dropdown:hover .tl-side-menu__dropdown-menu .tl-side-menu__dropdown-header,.tl-side-menu--collapsed .tl-side-menu__dropdown:has(.tl-side-menu__item:focus-visible) .tl-side-menu__dropdown-menu .tl-side-menu__dropdown-header{display:flex;align-items:center;padding:16px 24px 15px}.tl-side-menu--collapsed .tl-side-menu__dropdown:hover .tl-side-menu__dropdown-menu .tl-side-menu__dropdown-item,.tl-side-menu--collapsed .tl-side-menu__dropdown:has(.tl-side-menu__item:focus-visible) .tl-side-menu__dropdown-menu .tl-side-menu__dropdown-item{border-bottom:var(--side-menu-border-thickness) solid var(--side-menu-item-border-bottom-color)}.tl-side-menu--collapsed .tl-side-menu__dropdown .tl-side-menu__dropdown-item{padding:0 24px}.tl-side-menu--collapsed .tl-side-menu__dropdown:hover:after{content:"";position:absolute;left:75%;top:0;width:14px;height:100%}.tl-side-menu--collapsed .tl-side-menu__dropdown-menu{position:absolute;left:var(--side-menu-width-collapsed);box-shadow:var(--side-menu-dropdown-box-shadow);background-color:var(--side-menu-background);padding:var(--side-menu-sub-items-gap);border-radius:var(--side-menu-item-border-radius);display:none;width:210px;flex-direction:column}.tl-side-menu--collapsed .tl-side-menu__dropdown-menu::-webkit-scrollbar{width:var(--tl-scrollbar-width)}.tl-side-menu--collapsed .tl-side-menu__dropdown-menu::-webkit-scrollbar-track{background:var(--tl-scrollbar-track-color)}.tl-side-menu--collapsed .tl-side-menu__dropdown-menu::-webkit-scrollbar-thumb{border-radius:var(--tl-scrollbar-thumb-border-radius);background:var(--tl-scrollbar-thumb-color);border-width:var(--tl-scrollbar-thumb-border-width);border-style:solid;border-color:transparent;background-clip:padding-box}.tl-side-menu--collapsed .tl-side-menu__dropdown-menu::-webkit-scrollbar-thumb:hover{border-width:var(--tl-scrollbar-thumb-border-hover-width);border-radius:var(--tl-scrollbar-hover-thumb-border-radius)}.tl-side-menu--collapsed .tl-side-menu__dropdown-menu::-webkit-scrollbar-button{height:0;width:0}@supports not selector(::-webkit-scrollbar){.tl-side-menu--collapsed .tl-side-menu__dropdown-menu{scrollbar-color:var(--tl-scrollbar-thumb-color) var(--tl-scrollbar-track-color);scrollbar-width:var(--tl-scrollbar-width-standard)}}.tl-side-menu--collapsed .tl-side-menu__dropdown-menu{overflow-y:auto;max-height:350px}.tl-side-menu--collapsed .tl-side-menu__item{padding:0 var(--side-menu-horizontal-padding);display:flex;justify-content:center;align-items:center;position:relative;overflow:hidden}.tl-side-menu--collapsed .tl-side-menu__item .tl-side-menu__item-text{display:none}.tl-side-menu--collapsed .tl-side-menu__item .tl-icon{color:var(--side-menu-item-icon-color);margin-left:0;position:absolute;left:50%;transform:translate(-50%)}.tl-side-menu__wrapper--closed{display:block}}@media(max-width:992px){.tl-side-menu__wrapper--open{pointer-events:auto;z-index:500}.tl-side-menu__navigation{gap:var(--side-menu-gap);margin-top:0}}@media(max-width:384px){.tl-side-menu__aside{width:100%}}@media(min-width:992px){.tl-side-menu:not(.tl-side-menu--persistent){display:none}}:root,.tds-mode-light,.scania .tds-mode-light,.scania.tds-mode-light,.scania .tl-mode-light,.scania.tl-mode-light{--component-stepper-background-item-default: var(--color-background-none);--component-stepper-background-current-default: var(--scania-color-grey-750);--component-stepper-background-error-default: var(--color-background-none);--component-stepper-background-success-default: var(--scania-color-green-400);--component-stepper-border-item-default: var(--scania-color-grey-750);--component-stepper-border-current-default: var(--color-border-none);--component-stepper-border-error-default: var(--color-system-danger-default);--component-stepper-border-success-default: var(--scania-color-green-400);--component-stepper-border-divider-default: var(--scania-color-grey-750);--component-stepper-border-radius-default: var(--scania-unit-9999);--component-stepper-icon-error-default: var(--color-system-danger-default);--component-stepper-icon-success-default: var(--scania-color-grey-50);--component-stepper-text-label-default: var(--color-text-strong);--component-stepper-text-label-success-default: var(--color-text-strong);--component-stepper-text-label-current-default: var(--color-text-strong);--component-stepper-text-label-error-default: var(--color-text-strong);--component-stepper-text-index-default: var(--color-text-strong);--component-stepper-text-index-current-default: var(--color-text-inverse-strong)}.traton .tds-mode-light,.traton.tds-mode-light,.traton .tl-mode-light,.traton.tl-mode-light{--component-stepper-background-item-default: var(--color-background-none);--component-stepper-background-current-default: var(--color-background-none);--component-stepper-background-error-default: var(--color-background-none);--component-stepper-background-success-default: var(--color-system-success-default);--component-stepper-border-item-default: var(--color-border-discrete);--component-stepper-border-current-default: var(--color-border-strong);--component-stepper-border-error-default: var(--color-system-danger-default);--component-stepper-border-success-default: var(--color-system-success-default);--component-stepper-border-divider-default: var(--color-border-disabled);--component-stepper-border-radius-default: var(--traton-unit-9999);--component-stepper-icon-error-default: var(--color-system-danger-default);--component-stepper-icon-success-default: var(--color-icon-inverse-strong);--component-stepper-text-label-default: var(--color-text-disabled);--component-stepper-text-label-success-default: var(--color-text-strong);--component-stepper-text-label-current-default: var(--color-text-strong);--component-stepper-text-label-error-default: var(--color-text-strong);--component-stepper-text-index-default: var(--color-text-disabled);--component-stepper-text-index-current-default: var(--color-text-strong)}.tds-mode-dark,.scania .tds-mode-dark,.scania.tds-mode-dark,.scania .tl-mode-dark,.scania.tl-mode-dark{--component-stepper-background-item-default: var(--color-background-none);--component-stepper-background-current-default: var(--scania-color-grey-150);--component-stepper-background-error-default: var(--color-background-none);--component-stepper-background-success-default: var(--scania-color-green-300);--component-stepper-border-item-default: var(--scania-color-grey-150);--component-stepper-border-current-default: var(--color-border-none);--component-stepper-border-error-default: var(--color-system-danger-default);--component-stepper-border-success-default: var(--scania-color-green-300);--component-stepper-border-divider-default: var(--scania-color-grey-250);--component-stepper-border-radius-default: var(--scania-unit-9999);--component-stepper-icon-error-default: var(--color-system-danger-default);--component-stepper-icon-success-default: var(--scania-color-grey-50);--component-stepper-text-label-default: var(--color-text-strong);--component-stepper-text-label-success-default: var(--color-text-strong);--component-stepper-text-label-current-default: var(--color-text-strong);--component-stepper-text-label-error-default: var(--color-text-strong);--component-stepper-text-index-default: var(--color-text-strong);--component-stepper-text-index-current-default: var(--color-text-inverse-strong)}.traton .tds-mode-dark,.traton.tds-mode-dark,.traton .tl-mode-dark,.traton.tl-mode-dark{--component-stepper-background-item-default: var(--color-background-none);--component-stepper-background-current-default: var(--color-background-none);--component-stepper-background-error-default: var(--color-background-none);--component-stepper-background-success-default: var(--color-system-success-default);--component-stepper-border-item-default: var(--color-border-discrete);--component-stepper-border-current-default: var(--color-border-strong);--component-stepper-border-error-default: var(--color-system-danger-default);--component-stepper-border-success-default: var(--color-system-success-default);--component-stepper-border-divider-default: var(--color-border-disabled);--component-stepper-border-radius-default: var(--traton-unit-9999);--component-stepper-icon-error-default: var(--color-system-danger-default);--component-stepper-icon-success-default: var(--color-icon-inverse-strong);--component-stepper-text-label-default: var(--color-text-disabled);--component-stepper-text-label-success-default: var(--color-text-strong);--component-stepper-text-label-current-default: var(--color-text-strong);--component-stepper-text-label-error-default: var(--color-text-strong);--component-stepper-text-index-default: var(--color-text-disabled);--component-stepper-text-index-current-default: var(--color-text-strong)}.tl-stepper{--stepper-background-color-current: var(--component-stepper-background-current-default);--stepper-border-color-current: var(--component-stepper-border-current-default);--stepper-index-color-current: var(--component-stepper-text-index-current-default);--stepper-label-text-color-current: var(--component-stepper-text-label-current-default);--stepper-icon-step-background-warning: var(--component-stepper-background-error-default);--stepper-icon-step-border-warning: var(--component-stepper-border-error-default);--stepper-icon-step-color-warning: var(--component-stepper-icon-error-default);--stepper-label-text-color-warning: var(--component-stepper-text-label-error-default);--stepper-icon-step-background-success: var(--component-stepper-background-success-default);--stepper-icon-step-border-success: var(--component-stepper-border-success-default);--stepper-icon-step-color-success: var(--component-stepper-icon-success-default);--stepper-label-text-color-success: var(--component-stepper-text-label-success-default);--stepper-background-upcoming: var(--component-stepper-background-item-default);--stepper-border-upcoming: var(--component-stepper-border-item-default);--stepper-index-color-upcoming: var(--component-stepper-text-index-default);--stepper-label-text-color-upcoming: var(--component-stepper-text-label-default);--stepper-divider-line: var(--component-stepper-border-divider-default);--stepper-border-radius: calc(var(--component-stepper-border-radius-default) * 1px)}.tl-stepper__step{position:relative;display:flex;justify-content:start;flex-direction:row;align-items:center;gap:8px}.tl-stepper--label-below .tl-stepper__step{flex-direction:column}.tl-stepper--lg .tl-stepper__step{font-family:var(--type-system-body-01-font-family);font-size:calc(var(--type-system-body-01-font-size) * 1px);line-height:calc(var(--type-system-body-01-line-height) * 1px);font-weight:var(--type-system-body-01-font-weight);letter-spacing:calc(var(--type-system-body-01-letter-spacing) * 1px);text-transform:var(--type-system-body-01-text-transform);padding:0 20px}.tl-stepper--sm .tl-stepper__step{font-family:var(--type-system-label-01-font-family);font-size:calc(var(--type-system-label-01-font-size) * 1px);line-height:calc(var(--type-system-label-01-line-height) * 1px);font-weight:var(--type-system-label-01-font-weight);letter-spacing:calc(var(--type-system-label-01-letter-spacing) * 1px);padding:0 20px}.tl-stepper--horizontal:not(.tl-stepper--label-aside) .tl-stepper__list>.tl-stepper__step{min-inline-size:60px}.tl-stepper--horizontal.tl-stepper--label-aside .tl-stepper__list>.tl-stepper__step{flex:0 0 auto;min-inline-size:auto}.tl-stepper--horizontal.tl-stepper--label-aside.tl-stepper--hide-labels .tl-stepper__list>.tl-stepper__step{min-inline-size:40px}.tl-stepper--horizontal.tl-stepper--sm:not(.tl-stepper--label-aside) .tl-stepper__list>.tl-stepper__step{min-inline-size:40px}.tl-stepper--horizontal.tl-stepper--sm.tl-stepper--label-aside.tl-stepper--hide-labels .tl-stepper__list>.tl-stepper__step{min-inline-size:48px}.tl-stepper--lg .tl-stepper__step:last-of-type:after,.tl-stepper--sm .tl-stepper__step:last-of-type:after{display:none}.tl-stepper--lg .tl-stepper__step:first-of-type:before,.tl-stepper--sm .tl-stepper__step:first-of-type:before{display:none}.tl-stepper--vertical.tl-stepper--lg .tl-stepper__step:last-of-type:after,.tl-stepper--vertical.tl-stepper--sm .tl-stepper__step:last-of-type:after{display:none}.tl-stepper--lg.tl-stepper--vertical .tl-stepper__step:after{content:" ";position:absolute;background-color:var(--stepper-divider-line);height:36px;width:1px;top:40px;left:36px}.tl-stepper--lg.tl-stepper--horizontal .tl-stepper__step:after{content:" ";position:absolute;background-color:var(--stepper-divider-line);height:1px;left:calc(50% + 32px);right:0;top:16px}.tl-stepper--lg.tl-stepper--horizontal .tl-stepper__step:before{content:" ";position:absolute;background-color:var(--stepper-divider-line);height:1px;right:calc(50% + 32px);left:0;top:16px}.tl-stepper--lg.tl-stepper--horizontal.tl-stepper--label-aside:not(.tl-stepper--hide-labels) .tl-stepper__step:after{content:" ";position:absolute;background-color:var(--stepper-divider-line);height:1px;top:16px;left:auto;right:-10px;width:10px}.tl-stepper--lg.tl-stepper--horizontal.tl-stepper--label-aside:not(.tl-stepper--hide-labels) .tl-stepper__step:before{content:" ";position:absolute;background-color:var(--stepper-divider-line);height:1px;top:16px;left:-10px;right:auto;width:10px}.tl-stepper--lg.tl-stepper--horizontal.tl-stepper--hide-labels .tl-stepper__step:after{content:" ";position:absolute;background-color:var(--stepper-divider-line);height:1px;left:calc(50% + 24px);right:0;top:16px}.tl-stepper--lg.tl-stepper--horizontal.tl-stepper--hide-labels .tl-stepper__step:before{content:" ";position:absolute;background-color:var(--stepper-divider-line);height:1px;right:calc(50% + 24px);left:0;top:16px}.tl-stepper--sm.tl-stepper--vertical .tl-stepper__step:after{content:" ";position:absolute;background-color:var(--stepper-divider-line);height:20px;width:1px;top:34px;left:32px}.tl-stepper--sm.tl-stepper--horizontal .tl-stepper__step:after{content:" ";position:absolute;background-color:var(--stepper-divider-line);height:1px;left:calc(50% + 28px);right:0;top:13px}.tl-stepper--sm.tl-stepper--horizontal .tl-stepper__step:before{content:" ";position:absolute;background-color:var(--stepper-divider-line);height:1px;left:0;right:calc(50% + 28px);top:13px}.tl-stepper--sm.tl-stepper--horizontal.tl-stepper--label-aside:not(.tl-stepper--hide-labels) .tl-stepper__step:after{content:" ";position:absolute;background-color:var(--stepper-divider-line);height:1px;left:auto;right:-10px;width:10px;top:13px}.tl-stepper--sm.tl-stepper--horizontal.tl-stepper--label-aside:not(.tl-stepper--hide-labels) .tl-stepper__step:before{content:" ";position:absolute;background-color:var(--stepper-divider-line);height:1px;top:13px;left:-10px;right:auto;width:10px}.tl-stepper--sm.tl-stepper--horizontal.tl-stepper--hide-labels .tl-stepper__step:after{content:" ";position:absolute;background-color:var(--stepper-divider-line);height:1px;left:calc(50% + 20px);right:0;top:13px}.tl-stepper--sm.tl-stepper--horizontal.tl-stepper--hide-labels .tl-stepper__step:before{content:" ";position:absolute;background-color:var(--stepper-divider-line);height:1px;right:calc(50% + 20px);left:0;top:13px}.tl-stepper__node{display:flex;align-items:center;justify-content:space-around;border-radius:var(--stepper-border-radius);border-width:1px;border-style:solid;text-align:center;position:relative}.tl-stepper--lg .tl-stepper__node{height:30px;min-width:30px}.tl-stepper--sm .tl-stepper__node{height:24px;min-width:24px}.tl-stepper__step--error .tl-stepper__node{border:1px solid var(--stepper-icon-step-border-warning);color:var(--stepper-icon-step-color-warning);background-color:var(--stepper-icon-step-background-warning)}.tl-stepper__step--success .tl-stepper__node{background-color:var(--stepper-icon-step-background-success);border:1px solid var(--stepper-icon-step-border-success);color:var(--stepper-icon-step-color-success)}.tl-stepper__step--current .tl-stepper__node{color:var(--stepper-index-color-current);border:1px solid var(--stepper-border-color-current);background-color:var(--stepper-background-color-current)}.tl-stepper__step--upcoming .tl-stepper__node{border:1px solid var(--stepper-border-upcoming);color:var(--stepper-index-color-upcoming);background-color:var(--stepper-background-upcoming)}.tl-stepper__step--success .tl-stepper__node,.tl-stepper__step--error .tl-stepper__node{justify-content:center}.tl-stepper__step--success .tl-stepper__node:after,.tl-stepper__step--error .tl-stepper__node:after{content:"";display:block;width:20px;height:20px;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain;background-color:currentcolor}.tl-stepper__step--success .tl-stepper__node:after{-webkit-mask-image:var(--icon-tick-svg);mask-image:var(--icon-tick-svg)}.tl-stepper__step--error .tl-stepper__node:after{-webkit-mask-image:var(--icon-warning-svg);mask-image:var(--icon-warning-svg)}.tl-stepper--sm .tl-stepper__step--success .tl-stepper__node:after,.tl-stepper--sm .tl-stepper__step--error .tl-stepper__node:after{width:16px;height:16px}.tl-stepper__label{text-align:center}.tl-stepper__step--error .tl-stepper__label{color:var(--stepper-label-text-color-warning)}.tl-stepper__step--success .tl-stepper__label{color:var(--stepper-label-text-color-success)}.tl-stepper__step--current .tl-stepper__label{color:var(--stepper-label-text-color-current)}.tl-stepper__step--upcoming .tl-stepper__label{color:var(--stepper-label-text-color-upcoming)}.tl-stepper--hide-labels .tl-stepper__label{position:absolute;inline-size:1px;block-size:1px;margin:-1px;padding:0;border:0;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}.tl-stepper,.tl-stepper *{box-sizing:border-box}.tl-stepper__list{display:flex;justify-content:space-evenly;min-width:100%;list-style:none;margin:0;padding:0}.tl-stepper:not(.tl-stepper--label-aside) .tl-stepper__list{width:100%}.tl-stepper--horizontal:not(.tl-stepper--label-aside) .tl-stepper__list{justify-content:flex-start}.tl-stepper--horizontal.tl-stepper--label-aside .tl-stepper__list{display:flex;justify-content:flex-start;min-width:100%}.tl-stepper--horizontal.tl-stepper--label-aside.tl-stepper--hide-labels .tl-stepper__list{display:flex;justify-content:flex-start}.tl-stepper--vertical .tl-stepper__list{height:100%;display:flex;flex-direction:column;justify-content:flex-start;gap:52px;min-width:0}.tl-stepper--vertical.tl-stepper--sm .tl-stepper__list{gap:36px}:root,.tds-mode-light,.scania .tds-mode-light,.scania.tds-mode-light,.scania .tl-mode-light,.scania.tl-mode-light{--component-tabs-background-primary: var(--color-background-base);--component-tabs-background-secondary: var(--color-background-layer-01);--component-tabs-background-folder-primary: var(--scania-color-transparent-invisible-light);--component-tabs-background-folder-secondary: var(--scania-color-transparent-invisible-light);--component-tabs-background-scroll-default: var(--scania-color-grey-200);--component-tabs-background-item-primary-default: var(--scania-color-grey-100);--component-tabs-background-item-primary-hover: var(--scania-color-grey-200);--component-tabs-background-item-primary-current-default: var(--scania-color-grey-50);--component-tabs-background-item-secondary-default: var(--scania-color-grey-100);--component-tabs-background-item-secondary-hover: var(--scania-color-grey-200);--component-tabs-background-item-secondary-current-default: var(--scania-color-base-white);--component-tabs-border-default: var(--color-border-discrete);--component-tabs-border-folder-default: var(--color-border-none);--component-tabs-border-item-default: var(--color-border-none);--component-tabs-border-item-hover: var(--scania-color-grey-850);--component-tabs-border-item-divider-default: var(--color-border-discrete);--component-tabs-border-item-indicator-default: var(--scania-color-blue-400);--component-tabs-text-item-default: var(--color-text-soft);--component-tabs-text-item-folder-default: var(--color-text-strong);--component-tabs-text-item-current-default: var(--color-text-strong);--component-tabs-opacity-disabled: var(--scania-opacity-25);--component-tabs-icon-scroll-default: var(--color-icon-strong)}.traton .tds-mode-light,.traton.tds-mode-light,.traton .tl-mode-light,.traton.tl-mode-light{--component-tabs-background-primary: var(--color-background-base);--component-tabs-background-secondary: var(--color-background-layer-01);--component-tabs-background-folder-primary: var(--traton-color-transparent-invisible-light);--component-tabs-background-folder-secondary: var(--traton-color-transparent-invisible-light);--component-tabs-background-scroll-default: var(--traton-color-grey-300);--component-tabs-background-item-primary-default: var(--traton-color-grey-200);--component-tabs-background-item-primary-hover: var(--traton-color-grey-300);--component-tabs-background-item-primary-current-default: var(--color-background-layer-01);--component-tabs-background-item-secondary-default: var(--traton-color-grey-200);--component-tabs-background-item-secondary-hover: var(--traton-color-grey-300);--component-tabs-background-item-secondary-current-default: var(--color-background-layer-02);--component-tabs-border-default: var(--color-border-discrete);--component-tabs-border-folder-default: var(--color-border-none);--component-tabs-border-item-default: var(--color-border-none);--component-tabs-border-item-hover: var(--color-border-discrete);--component-tabs-border-item-divider-default: var(--color-border-discrete);--component-tabs-border-item-indicator-default: var(--traton-color-blue-500);--component-tabs-text-item-default: var(--color-text-soft);--component-tabs-text-item-folder-default: var(--color-text-strong);--component-tabs-text-item-current-default: var(--color-text-strong);--component-tabs-opacity-disabled: var(--traton-opacity-25);--component-tabs-icon-scroll-default: var(--color-icon-strong)}.tds-mode-dark,.scania .tds-mode-dark,.scania.tds-mode-dark,.scania .tl-mode-dark,.scania.tl-mode-dark{--component-tabs-background-primary: var(--color-background-base);--component-tabs-background-secondary: var(--color-background-layer-01);--component-tabs-background-folder-primary: var(--scania-color-transparent-invisible-dark);--component-tabs-background-folder-secondary: var(--scania-color-transparent-invisible-dark);--component-tabs-background-scroll-default: var(--scania-color-grey-750);--component-tabs-background-item-primary-default: var(--scania-color-grey-800);--component-tabs-background-item-primary-hover: var(--scania-color-grey-800);--component-tabs-background-item-primary-current-default: var(--scania-color-grey-850);--component-tabs-background-item-secondary-default: var(--scania-color-grey-750);--component-tabs-background-item-secondary-hover: var(--scania-color-grey-800);--component-tabs-background-item-secondary-current-default: var(--scania-color-grey-800);--component-tabs-border-default: var(--color-border-discrete);--component-tabs-border-folder-default: var(--color-border-none);--component-tabs-border-item-default: var(--color-border-none);--component-tabs-border-item-hover: var(--scania-color-grey-50);--component-tabs-border-item-divider-default: var(--color-border-discrete);--component-tabs-border-item-indicator-default: var(--scania-color-blue-300);--component-tabs-text-item-default: var(--color-text-soft);--component-tabs-text-item-folder-default: var(--color-text-strong);--component-tabs-text-item-current-default: var(--color-text-strong);--component-tabs-opacity-disabled: var(--scania-opacity-25);--component-tabs-icon-scroll-default: var(--color-icon-strong)}.traton .tds-mode-dark,.traton.tds-mode-dark,.traton .tl-mode-dark,.traton.tl-mode-dark{--component-tabs-background-primary: var(--color-background-base);--component-tabs-background-secondary: var(--color-background-layer-01);--component-tabs-background-folder-primary: var(--traton-color-transparent-invisible-dark);--component-tabs-background-folder-secondary: var(--traton-color-transparent-invisible-dark);--component-tabs-background-scroll-default: var(--traton-color-blue-800);--component-tabs-background-item-primary-default: var(--traton-color-blue-850);--component-tabs-background-item-primary-hover: var(--traton-color-blue-800);--component-tabs-background-item-primary-current-default: var(--color-background-layer-01);--component-tabs-background-item-secondary-default: var(--traton-color-blue-850);--component-tabs-background-item-secondary-hover: var(--traton-color-blue-800);--component-tabs-background-item-secondary-current-default: var(--color-background-layer-02);--component-tabs-border-default: var(--color-border-discrete);--component-tabs-border-folder-default: var(--color-border-none);--component-tabs-border-item-default: var(--color-border-none);--component-tabs-border-item-hover: var(--color-border-discrete);--component-tabs-border-item-divider-default: var(--color-border-discrete);--component-tabs-border-item-indicator-default: var(--traton-color-yellow-400);--component-tabs-text-item-default: var(--color-text-soft);--component-tabs-text-item-folder-default: var(--color-text-strong);--component-tabs-text-item-current-default: var(--color-text-strong);--component-tabs-opacity-disabled: var(--traton-opacity-25);--component-tabs-icon-scroll-default: var(--color-icon-strong)}.tl-folder-tabs{--folder-tabs-scroll-button-background: var(--component-tabs-background-scroll-default);--folder-tabs-scroll-button-color: var(--component-tabs-icon-scroll-default)}.tl-folder-tabs__tab{--folder-tab-background: var(--component-tabs-background-item-primary-default);--folder-tab-background-hover: var(--component-tabs-background-item-primary-hover);--folder-tab-background-selected: var(--component-tabs-background-item-primary-current-default);--folder-tab-border-selected: var(--component-tabs-border-item-indicator-default);--folder-tab-divider-color: var(--component-tabs-border-item-divider-default);--folder-tab-text: var(--component-tabs-text-item-folder-default);--folder-tab-text-selected: var(--component-tabs-text-item-current-default);--folder-tab-item-opacity-disabled: calc(var(--component-tabs-opacity-disabled) / 100)}.tl-folder-tabs--primary .tl-folder-tabs__tab{--folder-tab-background: var(--component-tabs-background-item-primary-default);--folder-tab-background-hover: var(--component-tabs-background-item-primary-hover);--folder-tab-background-selected: var(--component-tabs-background-item-primary-current-default)}.tl-folder-tabs--secondary .tl-folder-tabs__tab{--folder-tab-background: var(--component-tabs-background-item-secondary-default);--folder-tab-background-hover: var(--component-tabs-background-item-secondary-hover);--folder-tab-background-selected: var(--component-tabs-background-item-secondary-current-default)}.tl-folder-tabs__tab{all:unset;font-family:var(--type-system-title-01-font-family);font-size:calc(var(--type-system-title-01-font-size) * 1px);line-height:calc(var(--type-system-title-01-line-height) * 1px);font-weight:var(--type-system-title-01-font-weight);letter-spacing:calc(var(--type-system-title-01-letter-spacing) * 1px);box-sizing:border-box;position:relative;display:inline-flex;align-items:center;min-inline-size:142px;inline-size:auto;flex:0 0 auto;white-space:nowrap;padding:16px;text-align:left;cursor:pointer;border-left:1px solid transparent;border-top:2px solid transparent;background-color:var(--folder-tab-background);color:var(--folder-tab-text)}.tl-folder-tabs__tab+.tl-folder-tabs__tab{border-left:1px solid var(--folder-tab-divider-color)}.tl-folder-tabs__tab:focus-visible{outline:2px solid var(--component--focus-ring-color-strong);box-shadow:inset 0 0 0 3px var(--component--focus-ring-color-discrete);outline-offset:-2px;z-index:1;box-shadow:inset -.5px -1px 0 3px var(--component--focus-ring-color-discrete)}.tl-folder-tabs__tab:hover:not(.tl-folder-tabs__tab--disabled,.tl-folder-tabs__tab--selected){background-color:var(--folder-tab-background-hover)}.tl-folder-tabs__tab--selected{background-color:var(--folder-tab-background-selected);border-top:2px solid var(--folder-tab-border-selected);color:var(--folder-tab-text-selected)}.tl-folder-tabs__tab--disabled{opacity:var(--folder-tab-item-opacity-disabled);cursor:not-allowed;-webkit-user-select:none;user-select:none}.tl-folder-tabs__tab--disabled:focus-visible{outline:none;box-shadow:none}.tl-folder-tabs,.tl-folder-tabs *{box-sizing:border-box}.tl-folder-tabs{display:flex;overflow-x:scroll;scrollbar-width:none;position:relative;outline:0}.tl-folder-tabs::-webkit-scrollbar{display:none}.tl-folder-tabs:focus-visible{outline:2px solid var(--component--focus-ring-color-strong);box-shadow:0 0 0 1px var(--component--focus-ring-color-discrete);outline-offset:1px;z-index:1}.tl-folder-tabs__scroll-button{background-color:var(--folder-tabs-scroll-button-background);color:var(--folder-tabs-scroll-button-color);min-width:48px;border:0;justify-content:center;align-items:center;position:sticky;cursor:pointer}.tl-folder-tabs__scroll-button:focus-visible{outline:2px solid var(--component--focus-ring-color-strong);box-shadow:inset 0 0 0 3px var(--component--focus-ring-color-discrete);outline-offset:-2px;z-index:1}.tl-folder-tabs__scroll-button--left{left:0;z-index:1}.tl-folder-tabs__scroll-button--right{right:0;z-index:1}.tl-folder-tabs__scroll-button svg{fill:var(--folder-tabs-scroll-button-color)}.tl-inline-tabs{--inline-tabs-horizontal-divider: var(--component-tabs-border-default);--inline-tabs-scroll-button-color: var(--component-tabs-icon-scroll-default);--inline-tabs-scroll-button-background: var(--component-tabs-background-primary)}.tl-inline-tabs--primary{--inline-tabs-scroll-button-background: var(--component-tabs-background-primary)}.tl-inline-tabs--secondary{--inline-tabs-scroll-button-background: var(--component-tabs-background-secondary)}.tl-inline-tabs__tab{--inline-tabs-tab-color: var(--component-tabs-text-item-default);--inline-tabs-tab-color-selected: var(--component-tabs-text-item-current-default);--inline-tabs-tab-opacity-disabled: calc(var(--component-tabs-opacity-disabled) / 100);--inline-tabs-tab-color-hover: var(--component-tabs-text-item-current-default);--inline-tabs-tab-indicator-active: var(--component-tabs-border-item-indicator-default);--inline-tabs-tab-indicator-hover: var(--component-tabs-border-item-hover)}.tl-inline-tabs__tab{all:unset;box-sizing:border-box}.tl-inline-tabs__tab *{box-sizing:border-box}.tl-inline-tabs__tab{font-family:var(--type-system-title-01-font-family);font-size:calc(var(--type-system-title-01-font-size) * 1px);line-height:calc(var(--type-system-title-01-line-height) * 1px);font-weight:var(--type-system-title-01-font-weight);letter-spacing:calc(var(--type-system-title-01-letter-spacing) * 1px);color:var(--inline-tabs-tab-color);text-decoration:none;display:block;position:relative;transition:color .15s ease-in-out 0s;white-space:nowrap;background-color:transparent;border:0;padding:20px 8px}.tl-inline-tabs__tab:focus-visible{outline:2px solid var(--component--focus-ring-color-strong);box-shadow:inset 0 0 0 3px var(--component--focus-ring-color-discrete);z-index:1;outline-offset:-2px}.tl-inline-tabs__tab:after{background-color:var(--inline-tabs-tab-indicator-hover);content:" ";position:absolute;bottom:0;right:0;left:0;margin-left:auto;width:0%;margin-right:auto;height:2px;z-index:1;transition:width .15s ease-in-out 0s}.tl-inline-tabs__tab:not(.tl-inline-tabs__tab--selected):after{width:0%}.tl-inline-tabs__tab:hover:not(.tl-inline-tabs__tab--disabled,.tl-inline-tabs__tab--selected){cursor:pointer;color:var(--inline-tabs-tab-color-hover)}.tl-inline-tabs__tab:hover:not(.tl-inline-tabs__tab--disabled,.tl-inline-tabs__tab--selected):after{width:100%}.tl-inline-tabs__tab--selected{color:var(--inline-tabs-tab-color-selected)}.tl-inline-tabs__tab--selected:after{background-color:var(--inline-tabs-tab-indicator-active);width:100%}.tl-inline-tabs__tab--disabled{opacity:var(--inline-tabs-tab-opacity-disabled);cursor:not-allowed;-webkit-user-select:none;user-select:none}.tl-inline-tabs__tab--disabled:after{content:none}.tl-inline-tabs__tab--disabled:focus-visible:before{outline:none;box-shadow:none}.tl-inline-tabs,.tl-inline-tabs *{box-sizing:border-box}.tl-inline-tabs{display:flex;flex-wrap:nowrap;white-space:nowrap;width:100%;overflow-x:scroll;scrollbar-width:none;position:relative;border-bottom:1px solid var(--inline-tabs-horizontal-divider)}.tl-inline-tabs::-webkit-scrollbar{display:none}.tl-inline-tabs:focus-visible{outline:2px solid var(--component--focus-ring-color-strong);box-shadow:0 0 0 1px var(--component--focus-ring-color-discrete);outline-offset:1px;z-index:1}.tl-inline-tabs__scroll-button{background-color:var(--inline-tabs-scroll-button-background);color:var(--inline-tabs-scroll-button-color);cursor:pointer;min-width:48px;border:0;display:block;justify-content:center;align-items:center;opacity:1;position:sticky}.tl-inline-tabs__scroll-button:focus-visible{outline:2px solid var(--component--focus-ring-color-strong);box-shadow:inset 0 0 0 3px var(--component--focus-ring-color-discrete);z-index:1;outline-offset:-2px}.tl-inline-tabs__scroll-button--right{right:0;z-index:1}.tl-inline-tabs__scroll-button--left{left:0;z-index:1}.tl-inline-tabs__scroll-button svg{fill:var(--inline-tabs-scroll-button-color)}.tl-navigation-tabs{--navigation-tabs-horizontal-divider: var(--component-tabs-border-default);--navigation-tabs-scroll-button-color: var(--component-tabs-icon-scroll-default);--navigation-tabs-scroll-button-background: var(--component-tabs-background-primary)}.tl-navigation-tabs--primary{--navigation-tabs-scroll-button-background: var(--component-tabs-background-primary)}.tl-navigation-tabs--secondary{--navigation-tabs-scroll-button-background: var(--component-tabs-background-secondary)}.tl-navigation-tabs__tab{--navigation-tabs-tab-color: var(--component-tabs-text-item-default);--navigation-tabs-tab-color-selected: var(--component-tabs-text-item-current-default);--navigation-tabs-tab-opacity-disabled: calc(var(--component-tabs-opacity-disabled) / 100);--navigation-tabs-tab-color-hover: var(--component-tabs-text-item-current-default);--navigation-tabs-tab-indicator-hover: var(--component-tabs-border-item-hover);--navigation-tabs-tab-indicator-active: var(--component-tabs-border-item-indicator-default)}.tl-navigation-tabs__tab{all:unset;box-sizing:border-box}.tl-navigation-tabs__tab *{box-sizing:border-box}.tl-navigation-tabs__tab{font-family:var(--type-system-title-01-font-family);font-size:calc(var(--type-system-title-01-font-size) * 1px);line-height:calc(var(--type-system-title-01-line-height) * 1px);font-weight:var(--type-system-title-01-font-weight);letter-spacing:calc(var(--type-system-title-01-letter-spacing) * 1px);color:var(--navigation-tabs-tab-color);text-decoration:none;display:block;position:relative;transition:color .15s ease-in-out 0s;white-space:nowrap;background-color:transparent;border:0;padding:25px 8px}.tl-navigation-tabs__tab:focus-visible{outline:2px solid var(--component--focus-ring-color-strong);box-shadow:inset 0 0 0 3px var(--component--focus-ring-color-discrete);z-index:1;outline-offset:-2px}.tl-navigation-tabs__tab:after{background-color:var(--navigation-tabs-tab-indicator-hover);content:" ";position:absolute;bottom:0;right:0;left:0;margin-left:auto;width:0%;margin-right:auto;height:2px;z-index:1;transition:width .15s ease-in-out 0s}.tl-navigation-tabs__tab:not(.tl-navigation-tabs__tab--selected):after{width:0%}.tl-navigation-tabs__tab:hover:not(.tl-navigation-tabs__tab--disabled,.tl-navigation-tabs__tab--selected){cursor:pointer;color:var(--navigation-tabs-tab-color-hover)}.tl-navigation-tabs__tab:hover:not(.tl-navigation-tabs__tab--disabled,.tl-navigation-tabs__tab--selected):after{width:100%}.tl-navigation-tabs__tab--selected{color:var(--navigation-tabs-tab-color-selected)}.tl-navigation-tabs__tab--selected:after{background-color:var(--navigation-tabs-tab-indicator-active);width:100%}.tl-navigation-tabs__tab--disabled{opacity:var(--navigation-tabs-tab-opacity-disabled);cursor:not-allowed;-webkit-user-select:none;user-select:none}.tl-navigation-tabs__tab--disabled:after{content:none}.tl-navigation-tabs__tab--disabled:hover{color:var(--navigation-tabs-tab-color)}.tl-navigation-tabs__tab--disabled:focus-visible:before{outline:none;box-shadow:none}.tl-navigation-tabs,.tl-navigation-tabs *{box-sizing:border-box}.tl-navigation-tabs{display:flex;flex-wrap:nowrap;white-space:nowrap;width:100%;overflow-x:scroll;scrollbar-width:none;gap:24px;position:relative}.tl-navigation-tabs::-webkit-scrollbar{display:none}.tl-navigation-tabs:focus-visible{outline:2px solid var(--component--focus-ring-color-strong);box-shadow:0 0 0 1px var(--component--focus-ring-color-discrete);outline-offset:1px;z-index:1}.tl-navigation-tabs:after{border-bottom:1px solid var(--navigation-tabs-horizontal-divider);content:" ";display:block;left:0;right:0;bottom:0;position:absolute}.tl-navigation-tabs__scroll-button{background-color:var(--navigation-tabs-scroll-button-background);color:var(--navigation-tabs-scroll-button-color);cursor:pointer;min-width:48px;border:0;display:block;justify-content:center;align-items:center;opacity:1;position:sticky;border-bottom:1px solid var(--navigation-tabs-horizontal-divider)}.tl-navigation-tabs__scroll-button:focus-visible{outline:2px solid var(--component--focus-ring-color-strong);box-shadow:inset 0 0 0 3px var(--component--focus-ring-color-discrete);outline-offset:-2px;z-index:1}.tl-navigation-tabs__scroll-button--right{right:0;z-index:1}.tl-navigation-tabs__scroll-button--left{left:0;z-index:1}.tl-navigation-tabs__scroll-button svg{fill:var(--navigation-tabs-scroll-button-color)}:root,.tds-mode-light,.scania .tds-mode-light,.scania.tds-mode-light,.scania .tl-mode-light,.scania.tl-mode-light{--component-text-field-focus-ring-radius-primary: var(--component--focus-ring-radius-extra-large);--component-text-field-focus-ring-radius-secondary: var(--component--focus-ring-radius-none)}.traton .tds-mode-light,.traton.tds-mode-light,.traton .tl-mode-light,.traton.tl-mode-light{--component-text-field-focus-ring-radius-primary: var(--component--focus-ring-radius-extra-large);--component-text-field-focus-ring-radius-secondary: var( --component--focus-ring-radius-extra-large )}.tds-mode-dark,.scania .tds-mode-dark,.scania.tds-mode-dark,.scania .tl-mode-dark,.scania.tl-mode-dark{--component-text-field-focus-ring-radius-primary: var(--component--focus-ring-radius-extra-large);--component-text-field-focus-ring-radius-secondary: var(--component--focus-ring-radius-none)}.traton .tds-mode-dark,.traton.tds-mode-dark,.traton .tl-mode-dark,.traton.tl-mode-dark{--component-text-field-focus-ring-radius-primary: var(--component--focus-ring-radius-extra-large);--component-text-field-focus-ring-radius-secondary: var( --component--focus-ring-radius-extra-large )}.tl-text-field{--text-field-background: var(--component--input-background-primary);--text-field-text: var(--component--input-text-value-default);--text-field-placeholder: var(--component--input-text-placeholder-default);--text-field-affix: var(--component--input-icon-prefix-default);--text-field-affix-suffix: var(--component--input-icon-suffix-default);--text-field-label: var(--component--input-text-label-default);--text-field-label-inside: var(--component--input-text-label-default);--text-field-label-inside-left: 16px;--text-field-affix-width-icon: 35px;--text-field-affix-width-text: 8px;--text-field-helper: var(--component--input-text-helper-default);--text-field-error: var(--component--input-text-error-default);--text-field-error-icon: var(--component--input-icon-error-default);--text-field-affix-error: var(--component--input-icon-error-default);--text-field-background-disabled: var(--component--input-background-primary);--text-field-text-disabled: var(--color-text-disabled);--text-field-placeholder-disabled: var(--color-text-disabled);--text-field-label-disabled: var(--color-text-disabled);--text-field-affix-disabled: var(--color-text-disabled);--text-field-textcounter: var(--component--input-text-counter-default);--text-field-opacity-disabled: var(--component--input-opacity-disabled);--text-field-border-radius: calc(var(--component--input-border-radius-top-left) * 1px) calc(var(--component--input-border-radius-top-right) * 1px) calc(var(--component--input-border-radius-bottom-right) * 1px) calc(var(--component--input-border-radius-bottom-left) * 1px);--text-field-border-color: var(--component--input-border-default);--text-field-border-color-hover: var(--component--input-border-hover);--text-field-border-color-success: var(--component--input-border-success-default);--text-field-border-color-error: var(--component--input-border-error-default);--text-field-border-color-readonly: var(--color-border-strong);--text-field-focus-ring-radius: var(--component-text-field-focus-ring-radius-primary)}.tl-text-field--primary{--text-field-background: var(--component--input-background-primary);--text-field-background-disabled: var(--component--input-background-primary);--text-field-focus-ring-radius: var(--component-text-field-focus-ring-radius-primary)}.tl-text-field--secondary{--text-field-background: var(--component--input-background-secondary);--text-field-background-disabled: var(--component--input-background-secondary);--text-field-focus-ring-radius: var(--component-text-field-focus-ring-radius-secondary)}.tl-text-field{display:block;position:relative;width:100%;min-width:208px;border-radius:var(--text-field-border-radius);box-sizing:border-box}.tl-text-field--no-min-width{min-width:auto}.tl-text-field:has(.tl-text-field__input:disabled){cursor:not-allowed}.tl-text-field:has(.tl-text-field__input:disabled) .tl-text-field__input-wrapper,.tl-text-field:has(.tl-text-field__input:disabled) .tl-text-field__label{opacity:var(--text-field-opacity-disabled)}.tl-text-field .tl-icon{background-color:var(--text-field-affix)}.tl-text-field__input-wrapper{position:relative}.tl-text-field:has(.tl-text-field__input[readonly]):not(:has(.tl-text-field__input:disabled)):not(.tl-text-field--hide-readonly-icon) .tl-text-field__input-wrapper:before{content:"";position:absolute;top:50%;right:16px;width:20px;height:20px;background-color:var(--text-field-text);-webkit-mask-image:var(--icon-edit_inactive-svg);mask-image:var(--icon-edit_inactive-svg);-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;transform:translateY(-50%);z-index:1}.tl-text-field__input{all:unset;border-radius:var(--text-field-border-radius);background-color:var(--text-field-background);color:var(--text-field-text);width:100%;box-sizing:border-box;margin:0;border-style:solid;border-color:var(--text-field-border-color);border-width:calc(var(--component--input-border-width-top) * 1px) calc(var(--component--input-border-width-right) * 1px) calc(var(--component--input-border-width-bottom) * 1px) calc(var(--component--input-border-width-left) * 1px);outline:none;transition:border-color .2s ease}.tl-text-field__input::placeholder{color:var(--text-field-placeholder)}.tl-text-field__input:disabled{background-color:var(--text-field-background-disabled);color:var(--text-field-text-disabled);-webkit-user-select:none;user-select:none;pointer-events:none}.tl-text-field__input:disabled::placeholder{color:var(--text-field-placeholder-disabled)}.tl-text-field__input{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);text-align:left;color:var(--text-field-text);flex:1;order:2}.tl-text-field__input:focus{outline:2px solid var(--component--focus-ring-color-strong);box-shadow:0 0 0 1px var(--component--focus-ring-color-discrete);outline-offset:1px;z-index:1}.tl-text-field:hover .tl-text-field__input:not(:focus):not(:disabled){border-color:var(--text-field-border-color-hover)}.tl-text-field--error .tl-text-field__input{border-color:var(--text-field-border-color-error)}.tl-text-field--error .tl-text-field__input:focus{outline:2px solid var(--component--focus-ring-color-strong);box-shadow:0 0 0 1px var(--component--focus-ring-color-discrete);outline-offset:1px;z-index:1}.tl-text-field--error:hover .tl-text-field__input:not(:focus):not(:disabled){border-color:var(--text-field-border-color-error)}.tl-text-field--success:not(:has(.tl-text-field__input[readonly])):not(:has(.tl-text-field__input:disabled)) .tl-text-field__input:not(:focus){border-color:var(--text-field-border-color-success)}.tl-text-field__input:disabled{cursor:not-allowed;pointer-events:none}:has(.tl-text-field__input[readonly]):not(:has(.tl-text-field__input:disabled)) .tl-text-field__input{border-color:var(--text-field-border-color-readonly)}:has(.tl-text-field__input[readonly]):not(:has(.tl-text-field__input:disabled)) .tl-text-field__input:focus{outline:2px solid var(--component--focus-ring-color-strong);box-shadow:0 0 0 1px var(--component--focus-ring-color-discrete);outline-offset:1px;z-index:1}:has(.tl-text-field__input[readonly]):not(:has(.tl-text-field__input:disabled)):hover .tl-text-field__input:not(:focus){border-color:var(--text-field-border-color-hover)}:has(.tl-text-field__input[readonly]):not(:has(.tl-text-field__input:disabled)) .tl-text-field__input{-webkit-user-select:auto;user-select:auto;caret-color:transparent;cursor:default;pointer-events:none}.tl-text-field:has(.tl-text-field__input[readonly]):not(:has(.tl-text-field__input:disabled)):not(.tl-text-field--hide-readonly-icon) .tl-text-field__input{padding-right:54px}.tl-text-field--lg .tl-text-field__input{padding:var(--tds-spacing-element-20) var(--tds-spacing-element-16);height:56px}.tl-text-field--md .tl-text-field__input{padding:var(--tds-spacing-element-16);height:48px}.tl-text-field--sm .tl-text-field__input{padding:var(--tds-spacing-element-12) var(--tds-spacing-element-16);height:40px}.tl-text-field--label-inside.tl-text-field--lg .tl-text-field__input{padding-top:var(--tds-spacing-element-24);padding-bottom:15px}.tl-text-field--label-inside.tl-text-field--md .tl-text-field__input{padding-top:var(--tds-spacing-element-20);padding-bottom:11px}.tl-text-field--label-inside.tl-text-field--sm .tl-text-field__input:not(:focus):placeholder-shown{padding-top:var(--tds-spacing-element-16);padding-bottom:7px}.tl-text-field:has(.tl-text-field__prefix--icon) .tl-text-field__input{padding-left:44px}.tl-text-field:has(.tl-text-field__prefix--text) .tl-text-field__input{padding-left:calc(16px + var(--text-field-affix-width-text) + 8px)}.tl-text-field:has(.tl-text-field__suffix--icon) .tl-text-field__input{padding-right:44px}.tl-text-field:has(.tl-text-field__suffix--text) .tl-text-field__input{padding-right:calc(16px + var(--text-field-affix-width-text) + 8px)}.tl-text-field--label-inside .tl-text-field__input::placeholder{color:transparent!important}.tl-text-field:not(.tl-text-field--label-inside) .tl-text-field__input:disabled::placeholder{color:var(--text-field-placeholder-disabled)!important}.tl-text-field:not(.tl-text-field--label-inside) .tl-text-field__label{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);display:block;margin-bottom:8px;color:var(--text-field-label)}.tl-text-field--label-inside .tl-text-field__label{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);position:absolute;top:50%;left:var(--text-field-label-inside-left, 16px);color:var(--text-field-label-inside);pointer-events:none;transform:translateY(-50%);transform-origin:top left;transition:transform .15s,font-size .15s,color .15s,top .15s;z-index:1}.tl-text-field--label-inside:has(.tl-text-field__prefix--icon) .tl-text-field__label{left:44px}.tl-text-field--label-inside:has(.tl-text-field__prefix--text) .tl-text-field__label{left:calc(16px + var(--text-field-affix-width-text) + 8px)}.tl-text-field--label-inside.tl-text-field--lg:has(.tl-text-field__input:focus) .tl-text-field__label,.tl-text-field--label-inside.tl-text-field--lg:has(.tl-text-field__input:not(:placeholder-shown)) .tl-text-field__label,.tl-text-field--label-inside.tl-text-field--md:has(.tl-text-field__input:focus) .tl-text-field__label,.tl-text-field--label-inside.tl-text-field--md:has(.tl-text-field__input:not(:placeholder-shown)) .tl-text-field__label{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);top:8px;transform:translateY(0);transition:.1s ease all}.tl-text-field--label-inside.tl-text-field--lg:has(.tl-text-field__prefix--icon):has(.tl-text-field__input:focus) .tl-text-field__label,.tl-text-field--label-inside.tl-text-field--lg:has(.tl-text-field__prefix--icon):has(.tl-text-field__input:not(:placeholder-shown)) .tl-text-field__label,.tl-text-field--label-inside.tl-text-field--md:has(.tl-text-field__prefix--icon):has(.tl-text-field__input:focus) .tl-text-field__label,.tl-text-field--label-inside.tl-text-field--md:has(.tl-text-field__prefix--icon):has(.tl-text-field__input:not(:placeholder-shown)) .tl-text-field__label{left:44px}.tl-text-field--label-inside.tl-text-field--lg:has(.tl-text-field__prefix--text):has(.tl-text-field__input:focus) .tl-text-field__label,.tl-text-field--label-inside.tl-text-field--lg:has(.tl-text-field__prefix--text):has(.tl-text-field__input:not(:placeholder-shown)) .tl-text-field__label,.tl-text-field--label-inside.tl-text-field--md:has(.tl-text-field__prefix--text):has(.tl-text-field__input:focus) .tl-text-field__label,.tl-text-field--label-inside.tl-text-field--md:has(.tl-text-field__prefix--text):has(.tl-text-field__input:not(:placeholder-shown)) .tl-text-field__label{left:calc(16px + var(--text-field-affix-width-text) + 8px)}.tl-text-field--label-inside.tl-text-field--sm:has(.tl-text-field__input:focus) .tl-text-field__label,.tl-text-field--label-inside.tl-text-field--sm:has(.tl-text-field__input:not(:placeholder-shown)) .tl-text-field__label{opacity:0;visibility:hidden}.tl-text-field--label-inside:has(.tl-text-field__input:disabled) .tl-text-field__label{color:var(--text-field-label-disabled)}.tl-text-field:not(.tl-text-field--label-inside):has(.tl-text-field__input:disabled) .tl-text-field__label{color:var(--text-field-label-disabled)}.tl-text-field__bottom{display:flex;gap:8px;padding-top:4px}.tl-text-field__helper{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);color:var(--text-field-helper);position:relative}:has(.tl-text-field__input:disabled) .tl-text-field__helper{color:var(--color-text-disabled)}.tl-text-field--error .tl-text-field__helper{padding-left:24px}.tl-text-field--error .tl-text-field__helper:before{content:"";position:absolute;left:0;top:0;width:16px;height:16px;background-color:var(--text-field-error-icon);-webkit-mask-image:var(--icon-error-svg);mask-image:var(--icon-error-svg);-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center}.tl-text-field--error:has(.tl-text-field__input[readonly]) .tl-text-field__helper{padding-left:0}.tl-text-field--error:has(.tl-text-field__input[readonly]) .tl-text-field__helper:before{display:none}.tl-text-field--error:not(:has(.tl-text-field__input[readonly])):not(:has(.tl-text-field__input:disabled)) .tl-text-field__helper{color:var(--text-field-error)}.tl-text-field--error:has(.tl-text-field__input:disabled) .tl-text-field__helper:before{background-color:var(--color-text-disabled)}.tl-text-field__charcounter{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);margin-left:auto;color:var(--text-field-textcounter)}:has(.tl-text-field__input:disabled) .tl-text-field__charcounter{color:var(--color-text-disabled)}.tl-text-field--error:not(:has(.tl-text-field__input[readonly])):not(:has(.tl-text-field__input:disabled)) .tl-text-field__charcounter{color:var(--text-field-error)}.tl-text-field--error:not(:has(.tl-text-field__input[readonly])):not(:has(.tl-text-field__input:disabled)) .tl-text-field__charcounter .tl-text-field__charcounter-divider{color:var(--text-field-error)}.tl-text-field__charcounter-divider{color:var(--color-text-disabled)}.tl-text-field__prefix{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);color:var(--text-field-affix);align-self:center;display:flex;align-items:center;z-index:1;position:relative}.tl-text-field__prefix--text,.tl-text-field__prefix--icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);z-index:1}:has(.tl-text-field__input:disabled) .tl-text-field__prefix--text,:has(.tl-text-field__input:disabled) .tl-text-field__prefix--icon{color:var(--text-field-affix-disabled)}:has(.tl-text-field__input:disabled) .tl-text-field__prefix--text>*,:has(.tl-text-field__input:disabled) .tl-text-field__prefix--icon>*{color:var(--text-field-affix-disabled)}:has(.tl-text-field__input:disabled) .tl-text-field__prefix--text .tl-icon,:has(.tl-text-field__input:disabled) .tl-text-field__prefix--icon .tl-icon{background-color:var(--text-field-affix-disabled)}:has(.tl-text-field__input:disabled) .tl-text-field__prefix--icon.tl-icon{background-color:var(--text-field-affix-disabled)}.tl-text-field__suffix{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);color:var(--text-field-affix);align-self:center;display:flex;align-items:center;z-index:1;position:relative;color:var(--text-field-affix-suffix)}.tl-text-field__suffix--icon.tl-icon{background-color:var(--text-field-affix-suffix)}.tl-text-field__suffix--text,.tl-text-field__suffix--icon{position:absolute;right:16px;top:50%;transform:translateY(-50%);z-index:1}:has(.tl-text-field__input:disabled) .tl-text-field__suffix--text,:has(.tl-text-field__input:disabled) .tl-text-field__suffix--icon{color:var(--text-field-affix-disabled)}:has(.tl-text-field__input:disabled) .tl-text-field__suffix--text>*,:has(.tl-text-field__input:disabled) .tl-text-field__suffix--icon>*{color:var(--text-field-affix-disabled)}:has(.tl-text-field__input:disabled) .tl-text-field__suffix--text .tl-icon,:has(.tl-text-field__input:disabled) .tl-text-field__suffix--text>.tl-icon,:has(.tl-text-field__input:disabled) .tl-text-field__suffix--icon .tl-icon,:has(.tl-text-field__input:disabled) .tl-text-field__suffix--icon>.tl-icon{background-color:var(--text-field-affix-disabled)!important}:has(.tl-text-field__input:disabled) .tl-text-field__suffix--icon.tl-icon{background-color:var(--text-field-affix-disabled)}.tl-text-field--label-inside:has(.tl-text-field__input:focus) .tl-text-field__label,.tl-text-field--label-inside:has(.tl-text-field__input:not(:placeholder-shown)) .tl-text-field__label{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);top:7.5px;left:var(--text-field-label-inside-left, 16px);transform:none}.tl-text-field--label-inside:has(.tl-text-field__prefix--icon) .tl-text-field--label-inside:has(.tl-text-field__input:focus) .tl-text-field__label,.tl-text-field--label-inside:has(.tl-text-field__prefix--icon) .tl-text-field--label-inside:has(.tl-text-field__input:not(:placeholder-shown)) .tl-text-field__label{left:44px}.tl-text-field--label-inside:has(.tl-text-field__prefix--text) .tl-text-field--label-inside:has(.tl-text-field__input:focus) .tl-text-field__label,.tl-text-field--label-inside:has(.tl-text-field__prefix--text) .tl-text-field--label-inside:has(.tl-text-field__input:not(:placeholder-shown)) .tl-text-field__label{left:calc(16px + var(--text-field-affix-width-text) + 8px)}:root,.tds-mode-light,.scania .tds-mode-light,.scania.tds-mode-light,.scania .tl-mode-light,.scania.tl-mode-light{--component-textarea-focus-ring-radius-primary: var(--component--focus-ring-radius-extra-large);--component-textarea-focus-ring-radius-secondary: var(--component--focus-ring-radius-none);--component-textarea-icon-resize-default: var(--color-icon-subtle);--component-textarea-icon-readonly-default: var(--color-icon-strong);--component-textarea-size-resize-height: var(--scania-unit-12);--component-textarea-size-resize-width: var(--scania-unit-12)}.traton .tds-mode-light,.traton.tds-mode-light,.traton .tl-mode-light,.traton.tl-mode-light{--component-textarea-focus-ring-radius-primary: var(--component--focus-ring-radius-extra-large);--component-textarea-focus-ring-radius-secondary: var(--component--focus-ring-radius-extra-large);--component-textarea-icon-resize-default: var(--color-icon-subtle);--component-textarea-icon-readonly-default: var(--color-icon-strong);--component-textarea-size-resize-height: var(--traton-unit-12);--component-textarea-size-resize-width: var(--traton-unit-12)}.tds-mode-dark,.scania .tds-mode-dark,.scania.tds-mode-dark,.scania .tl-mode-dark,.scania.tl-mode-dark{--component-textarea-focus-ring-radius-primary: var(--component--focus-ring-radius-extra-large);--component-textarea-focus-ring-radius-secondary: var(--component--focus-ring-radius-none);--component-textarea-icon-resize-default: var(--color-icon-subtle);--component-textarea-icon-readonly-default: var(--color-icon-strong);--component-textarea-size-resize-height: var(--scania-unit-12);--component-textarea-size-resize-width: var(--scania-unit-12)}.traton .tds-mode-dark,.traton.tds-mode-dark,.traton .tl-mode-dark,.traton.tl-mode-dark{--component-textarea-focus-ring-radius-primary: var(--component--focus-ring-radius-extra-large);--component-textarea-focus-ring-radius-secondary: var(--component--focus-ring-radius-extra-large);--component-textarea-icon-resize-default: var(--color-icon-subtle);--component-textarea-icon-readonly-default: var(--color-icon-strong);--component-textarea-size-resize-height: var(--traton-unit-12);--component-textarea-size-resize-width: var(--traton-unit-12)}.tl-textarea{--textarea-background-primary: var(--component--input-background-primary);--textarea-background-secondary: var(--component--input-background-secondary);--textarea-background: var(--textarea-background-primary);--textarea-text: var(--component--input-text-value-default);--textarea-background-disabled: var(--textarea-background-primary);--textarea-text-disabled: var(--color-text-disabled);--textarea-placeholder-disabled: var(--color-text-disabled);--textarea-label-disabled: var(--color-text-disabled);--textarea-label: var(--component--input-text-label-default);--textarea-label-inside: var(--component--input-text-label-default);--textarea-label-inside-left: 16px;--textarea-placeholder: var(--component--input-text-placeholder-default);--textarea-helper: var(--component--input-text-helper-default);--textarea-error: var(--component--input-text-error-default);--textarea-error-icon: var(--component--input-icon-error-default);--textarea-textcounter: var(--component--input-text-counter-default);--textarea-resize-icon: var(--component-textarea-icon-resize-default);--textarea-opacity-disabled: var(--component--input-opacity-disabled);--textarea-border-radius: calc(var(--component--input-border-radius-top-left) * 1px) calc(var(--component--input-border-radius-top-right) * 1px) calc(var(--component--input-border-radius-bottom-right) * 1px) calc(var(--component--input-border-radius-bottom-left) * 1px);--textarea-border-color: var(--component--input-border-default);--textarea-border-color-hover: var(--component--input-border-hover);--textarea-border-color-success: var(--component--input-border-success-default);--textarea-border-color-error: var(--component--input-border-error-default);--textarea-border-color-readonly: var(--color-border-strong);--textarea-focus-ring-radius: var(--component-textarea-focus-ring-radius-primary)}.tl-textarea--primary{--textarea-background: var(--textarea-background-primary);--textarea-background-disabled: var(--textarea-background-primary);--textarea-focus-ring-radius: var(--component-textarea-focus-ring-radius-primary)}.tl-textarea--secondary{--textarea-background: var(--textarea-background-secondary);--textarea-background-disabled: var(--textarea-background-secondary);--textarea-focus-ring-radius: var(--component-textarea-focus-ring-radius-secondary)}.tl-textarea{display:block;position:relative;width:100%;min-width:208px;padding-bottom:1px;border-radius:var(--textarea-border-radius);box-sizing:border-box}.tl-textarea--no-min-width{min-width:auto}.tl-textarea:has(.tl-textarea__input:disabled){cursor:not-allowed}.tl-textarea:has(.tl-textarea__input:disabled) .tl-textarea__input,.tl-textarea:has(.tl-textarea__input:disabled) .tl-textarea__label{opacity:var(--textarea-opacity-disabled)}.tl-textarea:has(.tl-textarea__input:disabled):after{opacity:var(--textarea-opacity-disabled)}.tl-textarea:has(.tl-textarea__input[readonly]):not(:has(.tl-textarea__input:disabled),.tl-textarea--hide-readonly-icon):before{content:"";position:absolute;top:18px;right:18px;width:16px;height:16px;background-color:var(--textarea-text);-webkit-mask-image:var(--icon-edit_inactive-svg);mask-image:var(--icon-edit_inactive-svg);-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;z-index:2}.traton .tl-textarea:has(.tl-textarea__input[readonly]):not(:has(.tl-textarea__input:disabled),.tl-textarea--hide-readonly-icon):before{top:20px;right:16px}.tl-textarea:not(.tl-textarea--label-inside):has(.tl-textarea__label):has(.tl-textarea__input[readonly]):not(:has(.tl-textarea__input:disabled),.tl-textarea--hide-readonly-icon):before{top:42px}.traton .tl-textarea:not(.tl-textarea--label-inside):has(.tl-textarea__label):has(.tl-textarea__input[readonly]):not(:has(.tl-textarea__input:disabled),.tl-textarea--hide-readonly-icon):before{top:44px}.tl-textarea:not(.tl-textarea--label-inside,:has(.tl-textarea__label)):has(.tl-textarea__input[readonly]):not(:has(.tl-textarea__input:disabled),.tl-textarea--hide-readonly-icon):before{top:17px}.traton .tl-textarea:not(.tl-textarea--label-inside,:has(.tl-textarea__label)):has(.tl-textarea__input[readonly]):not(:has(.tl-textarea__input:disabled),.tl-textarea--hide-readonly-icon):before{top:19px}.tl-textarea:after{content:"";position:absolute;bottom:3px;right:3px;width:calc(var(--component-textarea-size-resize-width) * 1px);height:calc(var(--component-textarea-size-resize-height) * 1px);background-color:var(--textarea-resize-icon);-webkit-mask-image:url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M11.8536 0.853553C12.0488 0.658291 12.0488 0.341709 11.8536 0.146447C11.6583 -0.0488155 11.3417 -0.0488155 11.1464 0.146447L0.146447 11.1464C-0.0488155 11.3417 -0.0488155 11.6583 0.146447 11.8536C0.341709 12.0488 0.658291 12.0488 0.853553 11.8536L11.8536 0.853553ZM11.8536 4.64645C12.0488 4.84171 12.0488 5.15829 11.8536 5.35355L5.35355 11.8536C5.15829 12.0488 4.84171 12.0488 4.64645 11.8536C4.45118 11.6583 4.45118 11.3417 4.64645 11.1464L11.1464 4.64645C11.3417 4.45118 11.6583 4.45118 11.8536 4.64645ZM11.8536 8.64645C12.0488 8.84171 12.0488 9.15829 11.8536 9.35355L9.35355 11.8536C9.15829 12.0488 8.84171 12.0488 8.64645 11.8536C8.45118 11.6583 8.45118 11.3417 8.64645 11.1464L11.1464 8.64645C11.3417 8.45118 11.6583 8.45118 11.8536 8.64645Z' fill='currentColor'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M11.8536 0.853553C12.0488 0.658291 12.0488 0.341709 11.8536 0.146447C11.6583 -0.0488155 11.3417 -0.0488155 11.1464 0.146447L0.146447 11.1464C-0.0488155 11.3417 -0.0488155 11.6583 0.146447 11.8536C0.341709 12.0488 0.658291 12.0488 0.853553 11.8536L11.8536 0.853553ZM11.8536 4.64645C12.0488 4.84171 12.0488 5.15829 11.8536 5.35355L5.35355 11.8536C5.15829 12.0488 4.84171 12.0488 4.64645 11.8536C4.45118 11.6583 4.45118 11.3417 4.64645 11.1464L11.1464 4.64645C11.3417 4.45118 11.6583 4.45118 11.8536 4.64645ZM11.8536 8.64645C12.0488 8.84171 12.0488 9.15829 11.8536 9.35355L9.35355 11.8536C9.15829 12.0488 8.84171 12.0488 8.64645 11.8536C8.45118 11.6583 8.45118 11.3417 8.64645 11.1464L11.1464 8.64645C11.3417 8.45118 11.6583 8.45118 11.8536 8.64645Z' fill='currentColor'/%3E%3C/svg%3E");-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;pointer-events:none;z-index:2}.traton .tl-textarea:after{bottom:5px;right:4px}.tl-textarea:not(.tl-textarea--label-inside):after{bottom:5px}.traton .tl-textarea:not(.tl-textarea--label-inside):after{bottom:5px}.tl-textarea:has(.tl-textarea__bottom):after{bottom:25px}.traton .tl-textarea:has(.tl-textarea__bottom):after{bottom:27px}.tl-textarea__input{all:unset;border-radius:var(--textarea-border-radius);background-color:var(--textarea-background);color:var(--textarea-text);width:100%;box-sizing:border-box;margin:0;border-style:solid;border-color:var(--textarea-border-color);border-width:calc(var(--component--input-border-width-top) * 1px) calc(var(--component--input-border-width-right) * 1px) calc(var(--component--input-border-width-bottom) * 1px) calc(var(--component--input-border-width-left) * 1px);outline:none;transition:border-color .2s ease}.tl-textarea__input::placeholder{color:var(--textarea-placeholder)}.tl-textarea__input:disabled{background-color:var(--textarea-background-disabled);color:var(--textarea-text-disabled);-webkit-user-select:none;user-select:none;pointer-events:none}.tl-textarea__input:disabled::placeholder{color:var(--textarea-placeholder-disabled)}.tl-textarea__input{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);display:block;position:relative;width:100%;padding:var(--tds-spacing-element-20) var(--tds-spacing-element-16);color:var(--textarea-text);resize:vertical;z-index:0}.tl-textarea__input::placeholder{transform:translateY(1px)}.tl-textarea__input:focus{outline:2px solid var(--component--focus-ring-color-strong);box-shadow:0 0 0 1px var(--component--focus-ring-color-discrete);outline-offset:1px;z-index:1}.tl-textarea__input::-webkit-resizer{display:none}.tl-textarea:hover .tl-textarea__input:not(:focus,:disabled){border-color:var(--textarea-border-color-hover)}.tl-textarea--error .tl-textarea__input{border-color:var(--textarea-border-color-error)}.tl-textarea--error .tl-textarea__input:focus{outline:2px solid var(--component--focus-ring-color-strong);box-shadow:0 0 0 1px var(--component--focus-ring-color-discrete);outline-offset:1px;z-index:1}.tl-textarea--error:hover .tl-textarea__input:not(:focus,:disabled){border-color:var(--textarea-border-color-error)}.tl-textarea--success:not(:has(.tl-textarea__input[readonly]),:has(.tl-textarea__input:disabled)) .tl-textarea__input:not(:focus){border-color:var(--textarea-border-color-success)}.tl-textarea__input:disabled{cursor:not-allowed;pointer-events:none}:has(.tl-textarea__input[readonly]):not(:has(.tl-textarea__input:disabled)) .tl-textarea__input{border-color:var(--textarea-border-color-readonly)}:has(.tl-textarea__input[readonly]):not(:has(.tl-textarea__input:disabled)) .tl-textarea__input:focus{outline:2px solid var(--component--focus-ring-color-strong);box-shadow:0 0 0 1px var(--component--focus-ring-color-discrete);outline-offset:1px;z-index:1}:has(.tl-textarea__input[readonly]):not(:has(.tl-textarea__input:disabled)):hover .tl-textarea__input:not(:focus){border-color:var(--textarea-border-color-hover)}.tl-textarea--label-inside .tl-textarea__input{padding-top:26px;padding-bottom:15px}.tl-textarea--label-inside .tl-textarea__input::placeholder{color:transparent;transform:translateY(1px)}.tl-textarea--label-inside .tl-textarea__input:disabled::placeholder{color:var(--textarea-placeholder-disabled)!important}:has(.tl-textarea__input[readonly]):not(:has(.tl-textarea__input:disabled)) .tl-textarea__input{-webkit-user-select:auto;user-select:auto;caret-color:transparent;cursor:default;pointer-events:none}:has(.tl-textarea__input[readonly]):not(:has(.tl-textarea__input:disabled),.tl-textarea__input--hide-readonly-icon) .tl-textarea__input{padding-right:50px}.tl-textarea:not(.tl-textarea--label-inside) .tl-textarea__label{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);display:block;margin-bottom:8px;color:var(--textarea-label)}.tl-textarea--label-inside .tl-textarea__label{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);position:absolute;top:21px;left:var(--textarea-label-inside-left, 16px);color:var(--textarea-label-inside);pointer-events:none;transform:none;transform-origin:top left;transition:transform .15s,font-size .15s,color .15s,top .15s;z-index:2}.tl-textarea--label-inside:has(.tl-textarea__input:disabled) .tl-textarea__label{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);top:8px;color:var(--textarea-label-disabled);transform:translateY(0)}.tl-textarea:not(.tl-textarea--label-inside):has(.tl-textarea__input:disabled) .tl-textarea__label{color:var(--textarea-label-disabled)}.tl-textarea__bottom{display:flex;gap:8px;padding-top:4px}.tl-textarea__helper{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);color:var(--textarea-helper);position:relative}:has(.tl-textarea__input:disabled) .tl-textarea__helper{color:var(--color-text-disabled)}.tl-textarea--error .tl-textarea__helper{padding-left:24px}.tl-textarea--error .tl-textarea__helper:before{content:"";position:absolute;left:0;top:0;width:16px;height:16px;background-color:var(--textarea-error-icon);-webkit-mask-image:var(--icon-error-svg);mask-image:var(--icon-error-svg);-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center}.tl-textarea--error:has(.tl-textarea__input[readonly]) .tl-textarea__helper{padding-left:0}.tl-textarea--error:has(.tl-textarea__input[readonly]) .tl-textarea__helper:before{display:none}.tl-textarea--error:not(:has(.tl-textarea__input[readonly]),:has(.tl-textarea__input:disabled)) .tl-textarea__helper{color:var(--textarea-error)}.tl-textarea--error:has(.tl-textarea__input:disabled) .tl-textarea__helper:before{background-color:var(--color-text-disabled)}.tl-textarea__charcounter{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);margin-left:auto;color:var(--textarea-textcounter)}:has(.tl-textarea__input:disabled) .tl-textarea__charcounter{color:var(--color-text-disabled)}.tl-textarea--error:not(:has(.tl-textarea__input[readonly]),:has(.tl-textarea__input:disabled)) .tl-textarea__charcounter{color:var(--textarea-error)}.tl-textarea--error:not(:has(.tl-textarea__input[readonly]),:has(.tl-textarea__input:disabled)) .tl-textarea__charcounter .tl-textarea__charcounter-divider{color:var(--textarea-error)}.tl-textarea__charcounter-divider{color:var(--color-text-disabled)}.tl-textarea--label-inside:has(.tl-textarea__input:focus) .tl-textarea__label,.tl-textarea--label-inside:has(.tl-textarea__input:not(:placeholder-shown)) .tl-textarea__label{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);top:12.5px;transform:none}:root,.tds-mode-light,.scania .tds-mode-light,.scania.tds-mode-light,.scania .tl-mode-light,.scania.tl-mode-light{--component-toast-background-information-default: var(--color-background-inverse-base);--component-toast-background-success-default: var(--color-background-inverse-base);--component-toast-background-warning-default: var(--color-background-inverse-base);--component-toast-background-error-default: var(--color-background-inverse-base);--component-toast-border-radius-default: var(--scania-unit-4);--component-toast-border-width-default: var(--scania-unit-4);--component-toast-border-information-default: var(--scania-color-blue-300);--component-toast-border-success-default: var(--scania-color-green-300);--component-toast-border-warning-default: var(--scania-color-yellow-300);--component-toast-border-error-default: var(--scania-color-red-400);--component-toast-text-title-default: var(--color-text-inverse-strong);--component-toast-text-body-default: var(--color-text-inverse-strong);--component-toast-text-link-default: var(--component-toast-text-body-default);--component-toast-icon-dismiss-default: var(--color-text-inverse-strong);--component-toast-icon-information-default: var(--scania-color-blue-300);--component-toast-icon-success-default: var(--scania-color-green-300);--component-toast-icon-warning-default: var(--scania-color-yellow-300);--component-toast-icon-error-default: var(--scania-color-red-400)}.traton .tds-mode-light,.traton.tds-mode-light,.traton .tl-mode-light,.traton.tl-mode-light{--component-toast-background-information-default: var(--color-background-inverse-base);--component-toast-background-success-default: var(--color-background-inverse-base);--component-toast-background-warning-default: var(--color-background-inverse-base);--component-toast-background-error-default: var(--color-background-inverse-base);--component-toast-border-radius-default: var(--traton-unit-4);--component-toast-border-width-default: var(--traton-unit-4);--component-toast-border-information-default: var(--color-system-info-default);--component-toast-border-success-default: var(--color-system-success-default);--component-toast-border-warning-default: var(--color-system-warning-default);--component-toast-border-error-default: var(--color-system-danger-default);--component-toast-text-title-default: var(--color-text-inverse-strong);--component-toast-text-body-default: var(--color-text-inverse-soft);--component-toast-text-link-default: var(--component-toast-text-body-default);--component-toast-icon-dismiss-default: var(--color-text-inverse-strong);--component-toast-icon-information-default: var(--color-system-info-default);--component-toast-icon-success-default: var(--color-system-success-default);--component-toast-icon-warning-default: var(--color-system-warning-default);--component-toast-icon-error-default: var(--color-system-danger-default)}.tds-mode-dark,.scania .tds-mode-dark,.scania.tds-mode-dark,.scania .tl-mode-dark,.scania.tl-mode-dark{--component-toast-background-information-default: var(--color-background-inverse-layer-01);--component-toast-background-success-default: var(--color-background-inverse-layer-01);--component-toast-background-warning-default: var(--color-background-inverse-layer-01);--component-toast-background-error-default: var(--color-background-inverse-layer-01);--component-toast-border-radius-default: var(--scania-unit-4);--component-toast-border-width-default: var(--scania-unit-4);--component-toast-border-information-default: var(--scania-color-blue-400);--component-toast-border-success-default: var(--scania-color-green-300);--component-toast-border-warning-default: var(--scania-color-yellow-400);--component-toast-border-error-default: var(--scania-color-red-400);--component-toast-text-title-default: var(--color-text-inverse-strong);--component-toast-text-body-default: var(--color-text-inverse-strong);--component-toast-text-link-default: var(--component-toast-text-body-default);--component-toast-icon-dismiss-default: var(--color-text-inverse-strong);--component-toast-icon-information-default: var(--scania-color-blue-400);--component-toast-icon-success-default: var(--scania-color-green-300);--component-toast-icon-warning-default: var(--scania-color-yellow-500);--component-toast-icon-error-default: var(--scania-color-red-400)}.traton .tds-mode-dark,.traton.tds-mode-dark,.traton .tl-mode-dark,.traton.tl-mode-dark{--component-toast-background-information-default: var(--color-background-inverse-base);--component-toast-background-success-default: var(--color-background-inverse-base);--component-toast-background-warning-default: var(--color-background-inverse-base);--component-toast-background-error-default: var(--color-background-inverse-base);--component-toast-border-radius-default: var(--traton-unit-4);--component-toast-border-width-default: var(--traton-unit-4);--component-toast-border-information-default: var(--color-system-info-default);--component-toast-border-success-default: var(--color-system-success-default);--component-toast-border-warning-default: var(--color-system-warning-default);--component-toast-border-error-default: var(--color-system-danger-default);--component-toast-text-title-default: var(--color-text-inverse-strong);--component-toast-text-body-default: var(--color-text-inverse-soft);--component-toast-text-link-default: var(--component-toast-text-body-default);--component-toast-icon-dismiss-default: var(--color-text-inverse-strong);--component-toast-icon-information-default: var(--color-system-info-default);--component-toast-icon-success-default: var(--color-system-success-default);--component-toast-icon-warning-default: var(--color-system-warning-default);--component-toast-icon-error-default: var(--color-system-danger-default)}.tl-toast{--toast-background: var(--component-toast-background-information-default);--toast-headline: var(--component-toast-text-title-default);--toast-subheadline: var(--component-toast-text-body-default);--toast-dismiss: var(--component-toast-icon-dismiss-default);--toast-icon-info: var(--component-toast-icon-information-default);--toast-icon-success: var(--component-toast-icon-success-default);--toast-icon-warning: var(--component-toast-icon-warning-default);--toast-icon-error: var(--component-toast-icon-error-default)}.tl-toast{z-index:800;display:flex;width:348px;background-color:var(--toast-background);border-radius:4px}.tl-toast--information{border-left:4px solid var(--toast-icon-info)}.tl-toast--success{border-left:4px solid var(--toast-icon-success)}.tl-toast--error{border-left:4px solid var(--toast-icon-error)}.tl-toast--warning{border-left:4px solid var(--toast-icon-warning)}.tl-toast--hide{display:none;visibility:hidden}.tl-toast__icon{padding:14px 0 0 12px;color:var(--toast-icon-info);flex-shrink:0}.tl-toast__content{padding:16px 0 16px 10px;display:flex;flex-direction:column;flex:1;max-width:250px;word-break:break-word}.tl-toast__text{display:flex;flex-direction:column;gap:4px}.tl-toast__header{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);color:var(--toast-headline);margin:0}.tl-toast__subheader{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);color:var(--toast-subheadline);margin:0}.tl-toast__actions{padding-top:12px}.tl-toast__close{height:20px;width:20px;display:flex;align-items:center;justify-content:center;margin:14px 14px 0 22px;border:none;background:transparent;color:var(--toast-dismiss);cursor:pointer}.tl-toast__close:focus-visible{outline:2px solid var(--component--focus-ring-color-strong);box-shadow:0 0 0 1px var(--component--focus-ring-color-discrete);outline-offset:1px;z-index:1}.tl-toast--error .tl-toast__icon{color:var(--toast-icon-error)}.tl-toast--success .tl-toast__icon{color:var(--toast-icon-success)}.tl-toast--warning .tl-toast__icon{color:var(--toast-icon-warning)}.tl-toast .tl-link{text-decoration:underline}.tl-toast .tl-link:hover{text-decoration:none}:root,.tds-mode-light,.scania .tds-mode-light,.scania.tds-mode-light,.scania .tl-mode-light,.scania.tl-mode-light{--component-toggle-background-selected-default: var(--scania-color-green-300);--component-toggle-background-standard-default: var(--scania-color-grey-350);--component-toggle-background-selected-hover: var(--scania-color-green-400);--component-toggle-background-standard-hover: var(--scania-color-grey-500);--component-toggle-background-selected-active: var(--scania-color-green-500);--component-toggle-background-standard-active: var(--scania-color-grey-600);--component-toggle-border-radius-default: var(--scania-unit-9999);--component-toggle-focus-ring-radius-default: var(--component--focus-ring-radius-full);--component-toggle-icon-standard-default: var(--scania-color-base-white);--component-toggle-icon-standard-hover: var(--scania-color-base-white);--component-toggle-icon-standard-active: var(--scania-color-base-white);--component-toggle-icon-selected-default: var(--scania-color-base-white);--component-toggle-icon-selected-hover: var(--scania-color-base-white);--component-toggle-icon-selected-active: var(--scania-color-base-white);--component-toggle-opacity-disabled: var(--scania-opacity-25);--component-toggle-text-default: var(--color-text-strong)}.traton .tds-mode-light,.traton.tds-mode-light,.traton .tl-mode-light,.traton.tl-mode-light{--component-toggle-background-selected-default: var(--traton-color-green-300);--component-toggle-background-standard-default: var(--traton-color-grey-400);--component-toggle-background-selected-hover: var(--traton-color-green-400);--component-toggle-background-standard-hover: var(--traton-color-grey-500);--component-toggle-background-selected-active: var(--traton-color-green-500);--component-toggle-background-standard-active: var(--traton-color-grey-600);--component-toggle-border-radius-default: var(--traton-unit-9999);--component-toggle-focus-ring-radius-default: var(--component--focus-ring-radius-full);--component-toggle-icon-standard-default: var(--traton-color-base-white);--component-toggle-icon-standard-hover: var(--traton-color-base-white);--component-toggle-icon-standard-active: var(--traton-color-base-white);--component-toggle-icon-selected-default: var(--traton-color-base-white);--component-toggle-icon-selected-hover: var(--traton-color-base-white);--component-toggle-icon-selected-active: var(--traton-color-base-white);--component-toggle-opacity-disabled: var(--traton-opacity-25);--component-toggle-text-default: var(--color-text-strong)}.tds-mode-dark,.scania .tds-mode-dark,.scania.tds-mode-dark,.scania .tl-mode-dark,.scania.tl-mode-dark{--component-toggle-background-selected-default: var(--scania-color-green-300);--component-toggle-background-standard-default: var(--scania-color-grey-350);--component-toggle-background-selected-hover: var(--scania-color-green-400);--component-toggle-background-standard-hover: var(--scania-color-grey-500);--component-toggle-background-selected-active: var(--scania-color-green-500);--component-toggle-background-standard-active: var(--scania-color-grey-600);--component-toggle-border-radius-default: var(--scania-unit-9999);--component-toggle-focus-ring-radius-default: var(--component--focus-ring-radius-full);--component-toggle-icon-standard-default: var(--scania-color-base-white);--component-toggle-icon-standard-hover: var(--scania-color-base-white);--component-toggle-icon-standard-active: var(--scania-color-base-white);--component-toggle-icon-selected-default: var(--scania-color-base-white);--component-toggle-icon-selected-hover: var(--scania-color-base-white);--component-toggle-icon-selected-active: var(--scania-color-base-white);--component-toggle-opacity-disabled: var(--scania-opacity-25);--component-toggle-text-default: var(--color-text-strong)}.traton .tds-mode-dark,.traton.tds-mode-dark,.traton .tl-mode-dark,.traton.tl-mode-dark{--component-toggle-background-selected-default: var(--traton-color-green-300);--component-toggle-background-standard-default: var(--traton-color-grey-400);--component-toggle-background-selected-hover: var(--traton-color-green-400);--component-toggle-background-standard-hover: var(--traton-color-grey-500);--component-toggle-background-selected-active: var(--traton-color-green-500);--component-toggle-background-standard-active: var(--traton-color-grey-600);--component-toggle-border-radius-default: var(--traton-unit-9999);--component-toggle-focus-ring-radius-default: var(--component--focus-ring-radius-full);--component-toggle-icon-standard-default: var(--traton-color-base-white);--component-toggle-icon-standard-hover: var(--traton-color-base-white);--component-toggle-icon-standard-active: var(--traton-color-base-white);--component-toggle-icon-selected-default: var(--traton-color-base-white);--component-toggle-icon-selected-hover: var(--traton-color-base-white);--component-toggle-icon-selected-active: var(--traton-color-base-white);--component-toggle-opacity-disabled: var(--traton-opacity-25);--component-toggle-text-default: var(--color-text-strong)}.tl-toggle{--toggle-text: var(--component-toggle-text-default);--toggle-off: var(--component-toggle-background-standard-default);--toggle-off-hover: var(--component-toggle-background-standard-hover);--toggle-off-active: var(--component-toggle-background-standard-active);--toggle-on: var(--component-toggle-background-selected-default);--toggle-on-hover: var(--component-toggle-background-selected-hover);--toggle-on-active: var(--component-toggle-background-selected-active);--toggle-knob: var(--component-toggle-icon-standard-default);--toggle-knob-hover: var(--component-toggle-icon-standard-hover);--toggle-knob-active: var(--component-toggle-icon-standard-active);--toggle-knob-on: var(--component-toggle-icon-selected-default);--toggle-knob-on-hover: var(--component-toggle-icon-selected-hover);--toggle-knob-on-active: var(--component-toggle-icon-selected-active);--toggle-border-radius: calc(var(--component-toggle-border-radius-default) * 1px);--toggle-focus-ring-radius: calc(var(--component-toggle-focus-ring-radius-default) * 1px);--toggle-opacity-disabled: calc(var(--component-toggle-opacity-disabled) / 100)}.tl-toggle:has(input[type=checkbox]:disabled){cursor:not-allowed}.tl-toggle__input{appearance:initial;margin:0;width:44px;height:24px;position:relative;display:inline-block;vertical-align:middle;cursor:pointer}.tl-toggle__input:after,.tl-toggle__input:before{transition:all var(--tds-motion-duration-moderate-01) var(--tds-motion-easing-scania);content:"";position:absolute;box-sizing:border-box}.tl-toggle__input:before{background-color:var(--toggle-off);border:1px solid transparent;border-radius:var(--toggle-border-radius);left:0;height:24px;width:44px}.tl-toggle__input:after{background-color:var(--toggle-knob);border-radius:50%;left:4px;top:4px;width:16px;height:16px}.tl-toggle__input:not(:disabled):hover:before{background-color:var(--toggle-off-hover)}.tl-toggle__input:not(:disabled):hover:after{background-color:var(--toggle-knob-hover)}.tl-toggle__input:not(:disabled):active:before{background-color:var(--toggle-off-active)}.tl-toggle__input:not(:disabled):active:after{background-color:var(--toggle-knob-active)}.tl-toggle__input:focus-visible{outline:2px solid var(--component--focus-ring-color-strong);box-shadow:0 0 0 1px var(--component--focus-ring-color-discrete);outline-offset:1px;z-index:1;border-radius:var(--toggle-focus-ring-radius)}.tl-toggle__input:checked:before{background-color:var(--toggle-on)}.tl-toggle__input:checked:after{background-color:var(--toggle-knob-on);left:24px}.tl-toggle__input:checked:not(:disabled):hover:before{background-color:var(--toggle-on-hover)}.tl-toggle__input:checked:not(:disabled):hover:after{background-color:var(--toggle-knob-on-hover)}.tl-toggle__input:checked:not(:disabled):active:before{background-color:var(--toggle-on-active)}.tl-toggle__input:checked:not(:disabled):active:after{background-color:var(--toggle-knob-on-active)}.tl-toggle__input:disabled{pointer-events:none;cursor:not-allowed;opacity:var(--toggle-opacity-disabled)}.tl-toggle__input--sm{width:28px;height:16px}.tl-toggle__input--sm:before{width:28px;height:16px}.tl-toggle__input--sm:after{width:8px;height:8px}.tl-toggle__input--sm:checked:after{left:16px}.tl-toggle__headline{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);color:var(--toggle-text);margin-bottom:12px}.tl-toggle:has(input[type=checkbox]:disabled) .tl-toggle__headline{opacity:var(--toggle-opacity-disabled);-webkit-user-select:none;user-select:none;cursor:not-allowed}.tl-toggle__label{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);color:var(--toggle-text);cursor:pointer;-webkit-user-select:none;user-select:none;display:inline-block;vertical-align:middle;padding-left:8px}input[type=checkbox]:disabled~.tl-toggle__label{opacity:var(--toggle-opacity-disabled);pointer-events:none;cursor:not-allowed}:root,.tds-mode-light,.scania .tds-mode-light,.scania.tds-mode-light,.scania .tl-mode-light,.scania.tl-mode-light{--component-tooltip-background-default: var(--color-background-inverse-layer-03);--component-tooltip-border-radius-none: var(--scania-unit-0);--component-tooltip-border-radius-default: var(--scania-unit-4);--component-tooltip-text-default: var(--color-text-inverse-strong)}.traton .tds-mode-light,.traton.tds-mode-light,.traton .tl-mode-light,.traton.tl-mode-light{--component-tooltip-background-default: var(--color-background-inverse-layer-03);--component-tooltip-border-radius-none: var(--traton-unit-0);--component-tooltip-border-radius-default: var(--traton-unit-4);--component-tooltip-text-default: var(--color-text-inverse-strong)}.tds-mode-dark,.scania .tds-mode-dark,.scania.tds-mode-dark,.scania .tl-mode-dark,.scania.tl-mode-dark{--component-tooltip-background-default: var(--color-background-inverse-layer-03);--component-tooltip-border-radius-none: var(--scania-unit-0);--component-tooltip-border-radius-default: var(--scania-unit-4);--component-tooltip-text-default: var(--color-text-inverse-strong)}.traton .tds-mode-dark,.traton.tds-mode-dark,.traton .tl-mode-dark,.traton.tl-mode-dark{--component-tooltip-background-default: var(--color-background-inverse-layer-03);--component-tooltip-border-radius-none: var(--traton-unit-0);--component-tooltip-border-radius-default: var(--traton-unit-4);--component-tooltip-text-default: var(--color-text-inverse-strong)}.tl-tooltip{--tooltip-color: var(--component-tooltip-text-default);--tooltip-background: var(--component-tooltip-background-default);--tooltip-border-radius: calc(var(--component-tooltip-border-radius-default) * 1px);--tooltip-border-radius-none: calc(var(--component-tooltip-border-radius-none) * 1px)}.scania{--tl-tooltip-line-height: 17px}.traton{--tl-tooltip-line-height: 16px}.tl-tooltip{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);position:fixed;z-index:var(--tds-z-index-tooltip, 1000);padding:8px;max-width:208px;width:max-content;white-space:normal;overflow-wrap:break-word;background-color:var(--tooltip-background);color:var(--tooltip-color);box-sizing:border-box;line-height:var(--tl-tooltip-line-height);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .2s ease,visibility .2s ease;border-radius:var(--tooltip-border-radius)}.tl-tooltip--visible{opacity:1;visibility:visible;pointer-events:auto}.tl-tooltip--top-start{border-radius:var(--tooltip-border-radius) var(--tooltip-border-radius) var(--tooltip-border-radius) var(--tooltip-border-radius-none)}.tl-tooltip--top-end{border-radius:var(--tooltip-border-radius) var(--tooltip-border-radius) var(--tooltip-border-radius-none) var(--tooltip-border-radius)}.tl-tooltip--bottom-start{border-radius:var(--tooltip-border-radius-none) var(--tooltip-border-radius) var(--tooltip-border-radius) var(--tooltip-border-radius)}.tl-tooltip--bottom-end,.tl-tooltip--left-start{border-radius:var(--tooltip-border-radius) var(--tooltip-border-radius-none) var(--tooltip-border-radius) var(--tooltip-border-radius)}.tl-tooltip--left-end{border-radius:var(--tooltip-border-radius) var(--tooltip-border-radius) var(--tooltip-border-radius-none) var(--tooltip-border-radius)}.tl-tooltip--right-start{border-radius:var(--tooltip-border-radius-none) var(--tooltip-border-radius) var(--tooltip-border-radius) var(--tooltip-border-radius)}.tl-tooltip--right-end{border-radius:var(--tooltip-border-radius) var(--tooltip-border-radius) var(--tooltip-border-radius) var(--tooltip-border-radius-none)}body{margin:0;min-height:100vh;font-family:var(--body-01-font-family);color:var(--color-foreground-text-strong);background-color:var(--color-background-base);transition:background-color .3s ease;overflow-x:hidden}.modal-wrapper{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;padding:0 16px;z-index:1001;pointer-events:none}.modal-wrapper .tl-modal{pointer-events:auto}.main-wrapper{display:flex;flex:1;position:relative;min-height:calc(100vh - 64px)}.content{padding:var(--dimension-space-medium);flex:1;box-sizing:border-box}@media(min-width:992px){.content{padding-right:300px}}@media(max-width:991px){.layout-side-menu .tl-side-menu__wrapper--closed{display:none}}@media(min-width:992px){.layout-side-menu .tl-side-menu__wrapper--closed{display:block}.layout-side-menu .tl-side-menu__overlay,.layout-side-menu .tl-side-menu__close,.tl-header__item.header-hamburger{display:none}}.tl-side-menu__dropdown-menu{max-height:0;overflow:hidden;transition:max-height var(--tds-motion-duration-moderate-02) var(--tds-motion-easing-exit)}.tl-side-menu__dropdown--open .tl-side-menu__dropdown-menu{max-height:2000px;transition:max-height var(--tds-motion-duration-slow-02) var(--tds-motion-easing-enter)}.controls-sidebar{position:fixed;right:0;top:64px;width:180px;padding:var(--dimension-space-medium);display:flex;flex-direction:column;height:calc(100vh - 64px);box-sizing:border-box;z-index:10}.controls-sidebar__title{margin-top:0;margin-bottom:var(--dimension-space-medium);font-family:var(--headline-05-font-family);font-weight:var(--headline-05-font-weight);font-size:16px;line-height:24px;color:var(--color-foreground-text-strong)}.controls-sidebar .tl-toggle{display:flex;margin-bottom:var(--dimension-space-medium)}@media(max-width:991px){.controls-sidebar{display:none}}.component-section{margin-bottom:var(--dimension-space-large);padding-bottom:var(--dimension-space-medium);border-bottom:1px solid var(--color-foreground-border-discrete)}.component-section h3{margin-bottom:var(--dimension-space-medium);font-family:var(--headline-05-font-family);font-weight:var(--headline-05-font-weight);color:var(--color-foreground-text-strong)}.component-section h4{margin-top:var(--dimension-space-medium);margin-bottom:var(--dimension-space-small);font-family:var(--headline-05-font-family);font-weight:var(--headline-05-font-weight);color:var(--color-foreground-text-defined)}.demo-row{display:flex;gap:var(--dimension-space-small);margin-bottom:var(--dimension-space-medium);flex-wrap:wrap;align-items:center}.demo-column{display:flex;flex-direction:column;gap:var(--dimension-space-small);margin-bottom:var(--dimension-space-medium)}.demo-row--cards{align-items:flex-start}.demo-row--cards .tl-card{width:400px;max-width:100%}.tl-card__actions{gap:var(--dimension-space-small)}.badge-host{position:relative;display:inline-flex}.badge-host .tl-badge{position:absolute;top:-6px;right:-6px}.divider-vertical-demo{align-items:center;height:48px}.popover-demo{position:relative;display:inline-flex;flex-direction:column;align-items:flex-start}.popover-demo .tl-popover-canvas{position:absolute;bottom:calc(100% + 8px);left:0;min-width:280px}.popover-demo .tl-popover-menu{position:absolute;top:calc(100% + 4px);left:0}.demo-fieldset{border:0;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--dimension-space-small)}.demo-fieldset__legend{font-family:var(--headline-06-font-family);font-weight:var(--headline-06-font-weight);color:var(--color-foreground-text-defined);margin-bottom:var(--dimension-space-small)}.demo-column .tl-text-field,.demo-column .tl-textarea{max-width:400px}.datetime-field{width:calc(100vw - 40px);max-width:400px}.demo-column--slider{max-width:500px}.demo-row--inverted{background-color:var(--color-background-layer-01);padding:var(--dimension-space-medium);border-radius:var(--dimension-radius-soft)}.tl-table__expand-icon{transition:transform var(--tds-motion-duration-moderate-01)}.table-expand-icon--expanded{transform:rotate(180deg)}.table-batch-dropdown{width:126px}.tooltip-demo-row{padding:80px 0}
