@scania/tegel 1.34.0-multibrand-beta.1 → 1.34.0-multibrand-beta.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (4) hide show
  1. package/dist/tegel/tegel.css +1 -1
  2. package/dist-styles/scania-variables.css +8 -169
  3. package/dist-styles/scania.css +8 -169
  4. package/package.json +1 -1
package/dist/tegel/tegel.css CHANGED
@@ -76,6 +76,6 @@
76
76
  "Scania Sans Condensed", arial, helvetica, sans-serif;--tds-detail-ex-02-ls:-0.01em;--tds-detail-ex-03:normal normal normal 14px/20px "Scania Sans Semi Condensed",
77
77
  "Scania Sans Condensed", arial, helvetica, sans-serif;--tds-detail-ex-03-ls:-0.01em;--tds-detail-ex-04:normal normal bold 12px/16px "Scania Sans", arial, helvetica, sans-serif;--tds-detail-ex-04-ls:0.08em;--tds-detail-ex-04-tt:uppercase;--tds-detail-ex-05:normal normal normal 12px/16px "Scania Sans Semi Condensed",
78
78
  "Scania Sans Condensed", arial, helvetica, sans-serif;--tds-detail-ex-05-ls:0;--tds-detail-ex-06:normal normal bold 10px/16px "Scania Sans", arial, helvetica, sans-serif;--tds-detail-ex-06-ls:0.08em;--tds-detail-ex-06-tt:uppercase;--tds-detail-ex-07:normal normal normal 10px/8px "Scania Sans Semi Condensed",
79
- "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,html{--tds-background-image-scania-wordmark-png-local:url(../dist/tegel/assets/logos/scania/scania-wordmark.png);--tds-background-image-scania-wordmark-svg-local:url(../dist/tegel/assets/logos/scania/scania-wordmark.svg);--tds-background-image-scania-wordmark-white-png-local:url(../dist/tegel/assets/logos/scania/scania-wordmark-white.png);--tds-background-image-scania-wordmark-white-svg-local:url(../dist/tegel/assets/logos/scania/scania-wordmark-white.svg);--tds-background-image-scania-symbol-png-local:url(../dist/tegel/assets/logos/scania/scania-symbol.png);--tds-background-image-scania-symbol-svg-local:url(../dist/tegel/assets/logos/scania/scania-symbol.svg);--tds-background-image-scania-logotype-png-local:url(../dist/tegel/assets/logos/scania/scania-logotype.png);--tds-background-image-scania-logotype-svg-local:url(../dist/tegel/assets/logos/scania/scania-logotype.svg);--tds-background-image-scania-wordmark-png:url(https://cdn.digitaldesign.scania.com/logotype/multibrand/scania/scania-wordmark.png);--tds-background-image-scania-wordmark-svg:url(https://cdn.digitaldesign.scania.com/logotype/multibrand/scania/scania-wordmark.svg);--tds-background-image-scania-wordmark-white-png:url(https://cdn.digitaldesign.scania.com/logotype/multibrand/scania/scania-wordmark-white.png);--tds-background-image-scania-wordmark-white-svg:url(https://cdn.digitaldesign.scania.com/logotype/multibrand/scania/scania-wordmark-white.svg);--tds-background-image-scania-symbol-png:url(https://cdn.digitaldesign.scania.com/logotype/multibrand/scania/scania-symbol.png);--tds-background-image-scania-symbol-svg:url(https://cdn.digitaldesign.scania.com/logotype/multibrand/scania/scania-symbol.svg);--tds-background-image-scania-logotype-png:url(https://cdn.digitaldesign.scania.com/logotype/multibrand/scania/scania-logotype.png);--tds-background-image-scania-logotype-svg:url(https://cdn.digitaldesign.scania.com/logotype/multibrand/scania/scania-logotype.svg)}:root,.tds-mode-light{--tds-scrollbar-track-color:var(--tds-grey-50);--tds-scrollbar-thumb-color:var(--tds-grey-500);--tds-scrollbar-hover-thumb-color:var(--tds-grey-600)}.tds-mode-dark{--tds-scrollbar-track-color:var(--tds-grey-868);--tds-scrollbar-thumb-color:var(--tds-grey-700);--tds-scrollbar-hover-thumb-color:var(--tds-grey-600)}.tds-u-sticky{position:sticky !important}.tds-u-static{position:static !important}.tds-u-relative{position:relative !important}.tds-u-absolute{position:absolute !important}.tds-u-fixed{position:fixed !important}.tds-u-top0{top:0 !important}.tds-u-right0{right:0 !important}.tds-u-bottom0{bottom:0 !important}.tds-u-left0{left:0 !important}.tds-u-p0{padding:0 !important}.tds-u-pt0{padding-top:0 !important}.tds-u-pr0{padding-right:0 !important}.tds-u-pb0{padding-bottom:0 !important}.tds-u-pl0{padding-left:0 !important}.tds-u-p1{padding:var(--tds-spacing-layout-8) !important}.tds-u-pt1{padding-top:var(--tds-spacing-layout-8) !important}.tds-u-pr1{padding-right:var(--tds-spacing-layout-8) !important}.tds-u-pb1{padding-bottom:var(--tds-spacing-layout-8) !important}.tds-u-pl1{padding-left:var(--tds-spacing-layout-8) !important}.tds-u-p2{padding:var(--tds-spacing-layout-16) !important}.tds-u-pt2{padding-top:var(--tds-spacing-layout-16) !important}.tds-u-pr2{padding-right:var(--tds-spacing-layout-16) !important}.tds-u-pb2{padding-bottom:var(--tds-spacing-layout-16) !important}.tds-u-pl2{padding-left:var(--tds-spacing-layout-16) !important}.tds-u-p3{padding:var(--tds-spacing-layout-24) !important}.tds-u-pt3{padding-top:var(--tds-spacing-layout-24) !important}.tds-u-pr3{padding-right:var(--tds-spacing-layout-24) !important}.tds-u-pb3{padding-bottom:var(--tds-spacing-layout-24) !important}.tds-u-pl3{padding-left:var(--tds-spacing-layout-24) !important}.tds-u-m0{margin:0 !important}.tds-u-mt0{margin-top:0 !important}.tds-u-mr0{margin-right:0 !important}.tds-u-mb0{margin-bottom:0 !important}.tds-u-ml0{margin-left:0 !important}.tds-u-m1{margin:var(--tds-spacing-layout-8) !important}.tds-u-mt1{margin-top:var(--tds-spacing-layout-8) !important}.tds-u-mr1{margin-right:var(--tds-spacing-layout-8) !important}.tds-u-mb1{margin-bottom:var(--tds-spacing-layout-8) !important}.tds-u-ml1{margin-left:var(--tds-spacing-layout-8) !important}.tds-u-m2{margin:var(--tds-spacing-layout-16) !important}.tds-u-mt2{margin-top:var(--tds-spacing-layout-16) !important}.tds-u-mr2{margin-right:var(--tds-spacing-layout-16) !important}.tds-u-mb2{margin-bottom:var(--tds-spacing-layout-16) !important}.tds-u-ml2{margin-left:var(--tds-spacing-layout-16) !important}.tds-u-m3{margin:var(--tds-spacing-layout-24) !important}.tds-u-mt3{margin-top:var(--tds-spacing-layout-24) !important}.tds-u-mr3{margin-right:var(--tds-spacing-layout-24) !important}.tds-u-mb3{margin-bottom:var(--tds-spacing-layout-24) !important}.tds-u-ml3{margin-left:var(--tds-spacing-layout-24) !important}.tds-u-m-auto{margin:auto !important}.tds-u-mt-auto{margin-top:auto !important}.tds-u-mr-auto{margin-right:auto !important}.tds-u-ml-auto{margin-left:auto !important}.tds-u-mb-auto{margin-bottom:auto !important}.tds-u-w-auto{width:auto !important}.tds-u-w-100{width:100% !important}.tds-u-w-75{width:75% !important}.tds-u-w-50{width:50% !important}.tds-u-w-25{width:25% !important}.tds-u-h-auto{height:auto !important}.tds-u-h-100{height:100% !important}.tds-u-h-75{height:75% !important}.tds-u-h-50{height:50% !important}.tds-u-h-25{height:25% !important}.tds-u-flex{display:flex !important}.tds-u-inline-flex{display:inline-flex}.tds-u-block{display:block !important}.tds-u-inline-block{display:inline-block !important}.tds-u-grid{display:grid !important}.tds-u-display-none{display:none !important}.tds-u-z10{z-index:10 !important}.tds-u-z100{z-index:100 !important}.tds-u-z500{z-index:500 !important}.tds-u-z1000{z-index:1000 !important}.tds-u-opacity-100{opacity:1 !important}.tds-u-opacity-75{opacity:0.75 !important}.tds-u-opacity-50{opacity:0.5 !important}.tds-u-opacity-25{opacity:0.25 !important}.tds-u-visibility-hidden{visibility:hidden !important}.tds-u-visibility-visible{visibility:visible !important}.tds-u-textalign-start{text-align:start !important}.tds-u-textalign-center{text-align:center !important}.tds-u-textalign-end{text-align:end !important}.tds-u-float-right{float:right !important}.tds-u-float-left{float:left !important}.tds-u-float-none{float:none !important}.tds-u-overflow-auto{overflow:auto !important}.tds-u-overflow-scroll{overflow:scroll !important}.tds-u-overflow-hidden{overflow:hidden !important}.tds-u-flex-start{display:flex !important;justify-content:flex-start !important}.tds-u-flex-center{display:flex !important;justify-content:center !important;align-items:center !important}.tds-u-flex-end{display:flex !important;justify-content:flex-end !important}.tds-u-flex-dir-col{flex-direction:column !important}.tds-u-gap1{gap:8px !important}.tds-u-gap2{gap:16px !important}.tds-u-gap3{gap:24px !important}.tds-u-gap4{gap:32px !important}.tds-u-flex-wrap{flex-wrap:wrap !important}.tds-u-align-start{align-items:start !important}.tds-u-align-center{align-items:center !important}.tds-u-align-end{align-items:end !important}.tds-u-justify-between{justify-content:space-between !important}.tds-u-justify-around{justify-content:space-around !important}.tds-u-justify-center{justify-content:center !important}tds-accordion{--accordion-border:var(--color-foreground-border-discrete);--accordion-background:transparent;--accordion-background-hover-primary:var(--color-background-layer-01);--accordion-background-hover-secondary:var(--color-background-base);--accordion-background-hover:var(--accordion-background-hover-primary);--accordion-background-focus:transparent;--accordion-background-active:var(--color-background-surface-100);--accordion-text:var(--color-foreground-text-strong);--accordion-icon:var(--foreground-elements-transparparent-strong);--accordion-border-focus:var(--tds-grey-500);--accordion-text-disabled:var(--color-foreground-text-disabled)}.tds-mode-light tds-accordion.tds-mode-variant-primary,.tds-mode-light tds-accordion .tds-mode-variant-primary{background-color:var(--accordion-background-hover-secondary);--accordion-background-hover:var(--accordion-background-hover-primary)}.tds-mode-light tds-accordion.tds-mode-variant-secondary,.tds-mode-light tds-accordion .tds-mode-variant-secondary{background-color:var(--accordion-background-hover-primary);--accordion-background-hover:var(--accordion-background-hover-secondary)}.tds-mode-dark tds-accordion.tds-mode-variant-primary,.tds-mode-dark tds-accordion .tds-mode-variant-primary{background-color:var(--accordion-background-hover-secondary);--accordion-background-hover:var(--accordion-background-hover-primary)}.tds-mode-dark tds-accordion.tds-mode-variant-secondary,.tds-mode-dark tds-accordion .tds-mode-variant-secondary{background-color:var(--accordion-background-hover-primary);--accordion-background-hover:var(--accordion-background-hover-secondary)}tds-banner{--banner-text:var(--color-foreground-text-strong);--banner-close-icon:var(--color-foreground-icon-strong);--banner-background-default:var(--color-background-layer-01);--banner-prefix-default:var(--color-foreground-icon-strong);--banner-background-info:var(--color-system-info-discrete);--banner-prefix-info:var(--color-system-info-default);--banner-background-error:var(--color-system-danger-discrete);--banner-prefix-error:var(--color-system-danger-default)}tds-block{--block-background:var(--color-background-layer-01);--block-text-color:var(--color-foreground-text-strong);--block-background-mode-primary:var(--color-background-layer-01);--block-background-mode-secondary:var(--color-background-layer-02)}:root,.tds-mode-variant-primary{--block-background-even:var(--color-background-layer-01);--block-background-odd:var(--color-background-layer-02)}.tds-mode-variant-secondary{--block-background-even:var(--color-background-layer-02);--block-background-odd:var(--color-background-layer-01)}tds-breadcrumbs{--breadcrumb-label:var(--color-foreground-text-strong);--breadcrumb-hover:var(--color-foreground-text-defined);--breadcrumb-current:var(--color-foreground-text-disabled);--breadcrumb-separator-color:var(--color-foreground-text-strong)}tds-button{--button-transparent:transparent;--button-white:var(--color-brand-neutral-white);--button-black:var(--color-brand-neutral-black);--button-radius:var(--dimension-radius-for-surface-clickable);--button-primary-background:var(--color-background-accent-primary-default);--button-primary-background-hover:var(--color-background-accent-primary-hover);--button-primary-background-active:var(--color-background-accent-primary-pressed);--button-primary-background-focus:var(--color-background-accent-primary-focus);--button-primary-background-disabled-primary:var(--color-background-accent-primary-disabled);--button-primary-background-disabled-secondary:var(--color-background-base);--button-primary-background-disabled:var(--color-background-accent-primary-disabled);--button-primary-color:var(--component-button-primary-text);--button-primary-color-hover:var(--component-button-primary-text);--button-primary-color-active:var(--component-button-primary-text);--button-primary-color-focus:var(--component-button-primary-text);--button-primary-border-color:var(--button-transparent);--button-primary-border-color-hover:var(--button-transparent);--button-primary-color-disabled:var(--color-foreground-text-disabled);--button-primary-border-color-disabled:var(--button-transparent);--button-primary-border-color-active:var(--color-background-accent-primary-pressed);--button-primary-border-color-focus:var(--color-foreground-border-accent-focus);--button-primary-outline-color-focus:var(--color-foreground-border-accent-focus);--button-icon-primary-fill:var(--component-button-primary-text);--button-icon-primary-color:var(--component-button-primary-text);--button-secondary-background:var(--button-transparent);--button-secondary-color:var(--color-foreground-text-strong);--button-secondary-border-color:var(--color-foreground-border-soft);--button-secondary-color-hover:var(--color-foreground-text-strong);--button-secondary-border-color-hover:var(--color-foreground-border-subtle);--button-secondary-background-active:var(--button-transparent);--button-secondary-color-active:var(--color-foreground-text-strong);--button-secondary-border-color-active:var(--color-foreground-border-strong);--button-secondary-background-focus:var(--button-transparent);--button-secondary-color-focus:var(--color-foreground-text-strong);--button-secondary-border-color-focus:var(--color-foreground-border-accent-focus);--button-secondary-outline-color:var(--color-foreground-border-discrete);--button-secondary-background-disabled:var(--button-transparent);--button-secondary-outline-color-focus:var(--color-foreground-border-accent-focus);--button-secondary-color-disabled:var(--color-foreground-text-disabled);--button-secondary-border-color-disabled:var(--color-foreground-border-discrete);--button-icon-secondary-color-focus:var(--color-foreground-icon-strong);--button-icon-secondary-color:var(--color-foreground-icon-strong);--button-icon-secondary-color-disabled:var(--color-foreground-text-disabled);--button-icon-secondary-fill-focus:var(--color-foreground-icon-strong);--button-icon-secondary-fill-active:var(--color-foreground-icon-strong);--button-danger-background-disabled:var(--color-background-accent-danger-disabled);--button-ghost-background:var(--button-transparent);--button-ghost-color:var(--color-foreground-text-strong);--button-ghost-border-color:var(--button-transparent);--button-ghost-background-hover:var(--button-transparent);--button-ghost-color-hover:var(--color-foreground-text-strong);--button-ghost-border-color-hover:var(--color-foreground-border-subtle);--button-ghost-outline-color-hover:var(--color-foreground-border-subtle);--button-ghost-background-active:var(--button-transparent);--button-ghost-color-active:var(--color-foreground-text-strong);--button-ghost-border-color-active:var(--color-foreground-border-strong);--button-ghost-background-focus:var(--button-transparent);--button-ghost-color-focus:var(--color-foreground-text-strong);--button-ghost-border-color-focus:var(--color-foreground-border-accent-focus);--button-ghost-outline-color-focus:var(--color-foreground-border-accent-focus);--button-ghost-background-disabled:var(--button-transparent);--button-ghost-color-disabled:var(--color-foreground-text-disabled);--button-ghost-border-color-disabled:var(--button-transparent);--button-icon-ghost-fill:var(--color-foreground-icon-strong);--button-icon-ghost-color:var(--color-foreground-icon-strong);--button-danger-background:var(--color-background-accent-danger-default);--button-danger-color:var(--button-white);--button-danger-border-color:var(--button-transparent);--button-danger-background-hover:var(--color-background-accent-danger-hover);--button-danger-color-hover:var(--button-white);--button-danger-border-color-hover:var(--button-transparent);--button-danger-background-active:var(--color-background-accent-danger-pressed);--button-danger-color-active:var(--button-white);--button-danger-border-color-active:var(--color-background-accent-danger-pressed);--button-danger-background-focus:var(--color-background-accent-danger-focus);--button-danger-color-focus:var(--button-white);--button-danger-border-color-focus:var(--button-transparent);--button-danger-outline-color-focus:var(--color-foreground-border-accent-focus);--button-danger-background-disabled-primary:var(--color-background-accent-danger-disabled);--button-danger-background-disabled-secondary:var(--button-white);--button-danger-background-disabled:var(--color-background-accent-danger-disabled);--button-danger-color-disabled:var(--color-foreground-text-disabled);--button-danger-border-color-disabled:var(--button-transparent);--button-icon-danger-fill:var(--button-white);--button-icon-danger-color:var(--button-white)}tds-button .tds-mode-variant-primary{--button-primary-background-disabled:var(--color-background-accent-primary-disabled);--button-danger-background-disabled:var(--color-background-accent-danger-disabled)}tds-button .tds-mode-variant-secondary{--button-primary-background-disabled:var(--button-white);--button-danger-background-disabled:var(--button-white)}tds-button,.scania tds-button{--button-outline-width:2px}.traton tds-button{--button-outline-width:4px}tds-card{--card-background:var(--tds-white);--card-background-primary:var(--component-card-primary);--card-background-secondary:var(--component-card-secondary);--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(--color-foreground-text-strong);--card-sub-headline:var(--color-foreground-text-subtle);--card-body-color:var(--color-foreground-text-defined);--card-divider:var(--color-foreground-border-discrete);--card-icon-color:var(--color-foreground-icon-strong)}tds-card,.scania tds-card{--card-body-padding:0 16px;--card-header-padding:16px;--card-slotted-padding:16px}tds-card.tds-mode-variant-primary,.scania tds-card.tds-mode-variant-primary{--card-box:var(--card-box-primary)}tds-card.tds-mode-variant-secondary,.scania tds-card.tds-mode-variant-secondary{--card-box:var(--card-box-secondary)}.tds-mode-dark{--card-background-primary:var(--tds-grey-900);--card-background-secondary:var(--tds-grey-850)}.tds-mode-dark tds-card{--card-background:var(--card-background-primary)}.tds-mode-dark .tds-mode-variant-primary{--card-box:var(--card-box-primary);--card-background:var(--card-background-primary)}.tds-mode-dark .tds-mode-variant-secondary{--card-box:var(--card-box-secondary);--card-background:var(--card-background-secondary)}.traton .tds-mode-dark tds-card.tds-mode-variant-primary{--card-background:var(--color-background-base)}.traton tds-card{--card-box:none;--card-background:transparent;--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}.traton tds-card.tds-mode-variant-primary{--card-box:none;--card-background:var(--card-background-secondary)}.traton tds-card.tds-mode-variant-secondary{--card-box:none;--card-background:var(--card-background-primary)}tds-checkbox,tds-dropdown-option{--checkbox-label:var(--color-foreground-text-strong);--checkbox-label-disabled:var(--color-foreground-text-disabled);--checkbox-icon:var(--color-foreground-icon-strong);--checkbox-fill:var(--color-foreground-icon-inverse-strong);--checkbox-fill-disabled:var(--color-background-accent-primary-disabled);--checkbox-border:var(--color-foreground-border-strong);--checkbox-border-hover:var(--color-foreground-border-subtle);--checkbox-border-focus:var(--color-foreground-border-accent-focus);--checkbox-border-disabled:var(--color-foreground-border-discrete);--checkbox-background-opacity-hover:0.12;--checkbox-background-opacity-focus:0.24;--checkbox-background-image: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='%23ffffff' stroke-linecap='round' stroke-linejoin='round'/></svg>");--checkbox-background-image-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='%23ffffff'/></svg>");--checkbox-background-image-disabled: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='%23b0b7c4' stroke-linecap='round' stroke-linejoin='round'/></svg>");--checkbox-background-image-indeterminate-disabled: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='%23b0b7c4'/></svg>")}.tds-mode-dark tds-checkbox,.tds-mode-dark tds-dropdown-option{--checkbox-background-image: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='%230D0F13' stroke-linecap='round' stroke-linejoin='round'/></svg>");--checkbox-background-image-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='%230D0F13'/></svg>");--checkbox-background-image-disabled: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='%2356657A' stroke-linecap='round' stroke-linejoin='round'/></svg>");--checkbox-background-image-indeterminate-disabled: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='%2356657A'/></svg>")}tds-table{--checkbox-label:var(--color-foreground-text-strong);--checkbox-label-disabled:var(--color-foreground-text-disabled);--checkbox-icon:var(--color-foreground-icon-strong);--checkbox-fill:transparent;--checkbox-fill-disabled:var(--color-background-accent-primary-disabled);--checkbox-border:var(--color-foreground-border-strong);--checkbox-border-hover:var(--color-foreground-border-subtle);--checkbox-border-focus:var(--color-foreground-border-accent-focus);--checkbox-border-disabled:var(--color-foreground-border-discrete);--checkbox-background-opacity-hover:0.12;--checkbox-background-opacity-focus:0.24;--checkbox-background-image: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='%23ffffff' stroke-linecap='round' stroke-linejoin='round'/></svg>");--checkbox-background-image-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='%23ffffff'/></svg>");--checkbox-background-image-disabled: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='%23b0b7c4' stroke-linecap='round' stroke-linejoin='round'/></svg>");--checkbox-background-image-indeterminate-disabled: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='%23b0b7c4'/></svg>")}.tds-mode-dark tds-table{--checkbox-background-image: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='%230D0F13' stroke-linecap='round' stroke-linejoin='round'/></svg>");--checkbox-background-image-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='%230D0F13'/></svg>");--checkbox-background-image-disabled: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='%2356657A' stroke-linecap='round' stroke-linejoin='round'/></svg>");--checkbox-background-image-indeterminate-disabled: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='%2356657A'/></svg>")}tds-chip{--chips-text:var(--color-foreground-text-strong);--chips-text-active:var(--component-chip-foreground-inverse);--chips-background:var(--component-chip-color-default);--chips-background-active:var(--component-chip-color-selected);--chips-background-disabled:var(--component-chip-color-disabled);--chips-text-disabled:var(--color-foreground-text-disabled);--chips-text-checked-disabled:var(--component-chip-foreground-foreground-disabled-selected);--chips-background-active-hover:var(--component-chip-color-hover-on-selected);--chips-background-hover:var(--component-chip-color-hover);--chips-background-focus:var(--component-chip-color-focused);--chips-border-radius:var(--component-chip-border-radius);--chip-focused-on-selected:var(--component-chip-color-focused-on-selected)}tds-table{--table-text:var(--color-foreground-text-strong);--table-body-cell-hover:var(--component-table-cell-hover);--table-body-row:var(--component-table-cell);--table-body-row-hover:var(--component-table-cell-hover);--table-zebra-mode:var(--component-table-secondary-cell);--table-body-row-selected:var(--color-background-surface-300);--table-body-row-selected-hover:var(--color-background-surface-400);--table-input-focus:var(--color-background-layer-02);--table-input-hover:var(--color-background-layer-03);--table-input-disabled:var(--color-background-layer-01);--table-input-text-disabled:var(--color-foreground-text-subtle);--table-input-header-icon:var(--color-foreground-icon-soft);--table-input-header-placeholder:var(--color-foreground-text-subtle);--table-input-header-focus:var(--color-background-layer-01);--table-footer:var(--component-table-pagination-base);--table-footer-page-selector-input:var(--component-table-pagination-dropdown);--table-footer-page-selector-input-hover:var(--color-background-layer-03);--table-footer-page-selector-input-disabled:var(--color-background-layer-01);--table-footer-button-hover:var(--color-background-surface-300);--table-header:var(--color-background-surface-300);--table-header-hover:var(--color-background-surface-400);--table-header-button:var(--color-background-surface-200);--table-header-button-hover:var(--color-background-surface-300);--table-header-button-focus:var(--color-foreground-border-accent-focus);--table-toolbar:var(--color-background-surface-400);--table-toolbar-searchbar:var(--component-table-pagination-dropdown);--table-toolbar-searchbar-hover:var(--component-table-pagination-base);--table-toolbar-searchbar-border-bottom:var(--color-foreground-border-accent-focus);--table-divider:var(--color-foreground-border-discrete);--table-icon:var(--color-foreground-icon-strong);--table-icon-disabled:var(--color-foreground-icon-disabled)}tds-table.tds-mode-variant-primary{--table-body-row:var(--component-table-cell);--table-body-row-hover:var(--component-table-cell-hover);--table-zebra-mode:var(--component-table-secondary-cell)}tds-table.tds-mode-variant-secondary{--table-body-row:var(--component-table-secondary-cell);--table-body-row-hover:var(--component-table-cell-hover);--table-zebra-mode:var(--component-table-cell)}tds-divider{--divider-color:var(--color-foreground-border-discrete)}tds-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-foreground-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-subtle);--datetime-placeholder-disabled:var(--color-foreground-text-subtle);--datetime-label-disabled:var(--color-foreground-text-subtle);--datetime-icon-disabled:var(--color-foreground-text-subtle);--datetime-label:var(--color-foreground-text-strong);--datetime-label-inside:var(--color-foreground-text-strong);--datetime-placeholder-focus:var(--tds-grey-500);--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)}tds-datetime .tds-mode-variant-primary{--datetime-background:var(--datetime-background-primary);--datetime-background-disabled:var(--datetime-background-disabled-primary)}tds-datetime .tds-mode-variant-secondary{--datetime-background:var(--datetime-background-secondary);--datetime-background-disabled:var(--datetime-background-disabled-secondary)}tds-datetime,.scania tds-datetime{--datetime-border-radius:4px 4px 0 0;--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 tds-datetime{--datetime-border-radius:4px 4px 4px 4px;--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}tds-dropdown{--dropdown-background:var(--color-background-layer-01);--dropdown-text:var(--color-foreground-text-strong);--dropdown-helper-text:var(--color-foreground-text-defined);--dropdown-placeholder:var(--color-foreground-text-subtle);--dropdown-disabled:var(--color-foreground-text-disabled);--dropdown-icon:var(--color-foreground-icon-strong);--dropdown-clear-icon:var(--color-foreground-icon-subtle);--dropdown-error:var(--color-system-danger-default);--dropdown-error-focus:var(--color-system-danger-subtle)}tds-dropdown.tds-mode-variant-primary{--dropdown-background:var(--color-background-layer-01)}tds-dropdown.tds-mode-variant-secondary{--dropdown-background:var(--color-background-layer-02)}tds-dropdown,.scania tds-dropdown{--dropdown-border:0 1px 0 0 var(--color-foreground-border-soft);--dropdown-border-hover:0 1px 0 0 var(--color-foreground-border-strong);--dropdown-border-focus:0 2px 0 0 var(--color-foreground-border-accent-focus);--dropdown-border-active:0 1px 0 0 var(--color-foreground-border-strong);--dropdown-border-error:0 1px 0 0 var(--dropdown-error);--dropdown-border-error-hover:0 1px 0 0 var(--dropdown-error);--dropdown-border-error-focus:0 2px 0 0 var(--dropdown-error-focus);--dropdown-spacing-4:4px;--dropdown-border-radius:var(--dropdown-spacing-4) var(--dropdown-spacing-4) 0 0;--dropdown-list-border-radius-down:0 0 var(--dropdown-spacing-4) var(--dropdown-spacing-4);--dropdown-list-border-radius-up:var(--dropdown-spacing-4) var(--dropdown-spacing-4) 0 0}.traton tds-dropdown{--dropdown-border:0 0 0 1px var(--color-foreground-border-soft);--dropdown-border-hover:0 0 0 1px var(--color-foreground-border-strong);--dropdown-border-focus:0 0 0 2px var(--color-foreground-border-accent-focus);--dropdown-border-active:0 0 0 1px var(--color-foreground-border-strong);--dropdown-border-error:0 0 0 1px var(--dropdown-error);--dropdown-border-error-hover:0 0 0 1px var(--dropdown-error);--dropdown-border-error-focus:0 0 0 1px var(--dropdown-error-focus);--dropdown-spacing-4:4px;--dropdown-border-radius:var(--dropdown-spacing-4) var(--dropdown-spacing-4)
79
+ "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,html{--tds-background-image-scania-wordmark-png-local:url(./assets/logos/scania/scania-wordmark.png);--tds-background-image-scania-wordmark-svg-local:url(./assets/logos/scania/scania-wordmark.svg);--tds-background-image-scania-wordmark-white-png-local:url(./assets/logos/scania/scania-wordmark-white.png);--tds-background-image-scania-wordmark-white-svg-local:url(./assets/logos/scania/scania-wordmark-white.svg);--tds-background-image-scania-symbol-png-local:url(./assets/logos/scania/scania-symbol.png);--tds-background-image-scania-symbol-svg-local:url(./assets/logos/scania/scania-symbol.svg);--tds-background-image-scania-logotype-png-local:url(./assets/logos/scania/scania-logotype.png);--tds-background-image-scania-logotype-svg-local:url(./assets/logos/scania/scania-logotype.svg);--tds-background-image-scania-wordmark-png:url(https://cdn.digitaldesign.scania.com/logotype/multibrand/scania/scania-wordmark.png);--tds-background-image-scania-wordmark-svg:url(https://cdn.digitaldesign.scania.com/logotype/multibrand/scania/scania-wordmark.svg);--tds-background-image-scania-wordmark-white-png:url(https://cdn.digitaldesign.scania.com/logotype/multibrand/scania/scania-wordmark-white.png);--tds-background-image-scania-wordmark-white-svg:url(https://cdn.digitaldesign.scania.com/logotype/multibrand/scania/scania-wordmark-white.svg);--tds-background-image-scania-symbol-png:url(https://cdn.digitaldesign.scania.com/logotype/multibrand/scania/scania-symbol.png);--tds-background-image-scania-symbol-svg:url(https://cdn.digitaldesign.scania.com/logotype/multibrand/scania/scania-symbol.svg);--tds-background-image-scania-logotype-png:url(https://cdn.digitaldesign.scania.com/logotype/multibrand/scania/scania-logotype.png);--tds-background-image-scania-logotype-svg:url(https://cdn.digitaldesign.scania.com/logotype/multibrand/scania/scania-logotype.svg)}:root,.tds-mode-light{--tds-scrollbar-track-color:var(--tds-grey-50);--tds-scrollbar-thumb-color:var(--tds-grey-500);--tds-scrollbar-hover-thumb-color:var(--tds-grey-600)}.tds-mode-dark{--tds-scrollbar-track-color:var(--tds-grey-868);--tds-scrollbar-thumb-color:var(--tds-grey-700);--tds-scrollbar-hover-thumb-color:var(--tds-grey-600)}.tds-u-sticky{position:sticky !important}.tds-u-static{position:static !important}.tds-u-relative{position:relative !important}.tds-u-absolute{position:absolute !important}.tds-u-fixed{position:fixed !important}.tds-u-top0{top:0 !important}.tds-u-right0{right:0 !important}.tds-u-bottom0{bottom:0 !important}.tds-u-left0{left:0 !important}.tds-u-p0{padding:0 !important}.tds-u-pt0{padding-top:0 !important}.tds-u-pr0{padding-right:0 !important}.tds-u-pb0{padding-bottom:0 !important}.tds-u-pl0{padding-left:0 !important}.tds-u-p1{padding:var(--tds-spacing-layout-8) !important}.tds-u-pt1{padding-top:var(--tds-spacing-layout-8) !important}.tds-u-pr1{padding-right:var(--tds-spacing-layout-8) !important}.tds-u-pb1{padding-bottom:var(--tds-spacing-layout-8) !important}.tds-u-pl1{padding-left:var(--tds-spacing-layout-8) !important}.tds-u-p2{padding:var(--tds-spacing-layout-16) !important}.tds-u-pt2{padding-top:var(--tds-spacing-layout-16) !important}.tds-u-pr2{padding-right:var(--tds-spacing-layout-16) !important}.tds-u-pb2{padding-bottom:var(--tds-spacing-layout-16) !important}.tds-u-pl2{padding-left:var(--tds-spacing-layout-16) !important}.tds-u-p3{padding:var(--tds-spacing-layout-24) !important}.tds-u-pt3{padding-top:var(--tds-spacing-layout-24) !important}.tds-u-pr3{padding-right:var(--tds-spacing-layout-24) !important}.tds-u-pb3{padding-bottom:var(--tds-spacing-layout-24) !important}.tds-u-pl3{padding-left:var(--tds-spacing-layout-24) !important}.tds-u-m0{margin:0 !important}.tds-u-mt0{margin-top:0 !important}.tds-u-mr0{margin-right:0 !important}.tds-u-mb0{margin-bottom:0 !important}.tds-u-ml0{margin-left:0 !important}.tds-u-m1{margin:var(--tds-spacing-layout-8) !important}.tds-u-mt1{margin-top:var(--tds-spacing-layout-8) !important}.tds-u-mr1{margin-right:var(--tds-spacing-layout-8) !important}.tds-u-mb1{margin-bottom:var(--tds-spacing-layout-8) !important}.tds-u-ml1{margin-left:var(--tds-spacing-layout-8) !important}.tds-u-m2{margin:var(--tds-spacing-layout-16) !important}.tds-u-mt2{margin-top:var(--tds-spacing-layout-16) !important}.tds-u-mr2{margin-right:var(--tds-spacing-layout-16) !important}.tds-u-mb2{margin-bottom:var(--tds-spacing-layout-16) !important}.tds-u-ml2{margin-left:var(--tds-spacing-layout-16) !important}.tds-u-m3{margin:var(--tds-spacing-layout-24) !important}.tds-u-mt3{margin-top:var(--tds-spacing-layout-24) !important}.tds-u-mr3{margin-right:var(--tds-spacing-layout-24) !important}.tds-u-mb3{margin-bottom:var(--tds-spacing-layout-24) !important}.tds-u-ml3{margin-left:var(--tds-spacing-layout-24) !important}.tds-u-m-auto{margin:auto !important}.tds-u-mt-auto{margin-top:auto !important}.tds-u-mr-auto{margin-right:auto !important}.tds-u-ml-auto{margin-left:auto !important}.tds-u-mb-auto{margin-bottom:auto !important}.tds-u-w-auto{width:auto !important}.tds-u-w-100{width:100% !important}.tds-u-w-75{width:75% !important}.tds-u-w-50{width:50% !important}.tds-u-w-25{width:25% !important}.tds-u-h-auto{height:auto !important}.tds-u-h-100{height:100% !important}.tds-u-h-75{height:75% !important}.tds-u-h-50{height:50% !important}.tds-u-h-25{height:25% !important}.tds-u-flex{display:flex !important}.tds-u-inline-flex{display:inline-flex}.tds-u-block{display:block !important}.tds-u-inline-block{display:inline-block !important}.tds-u-grid{display:grid !important}.tds-u-display-none{display:none !important}.tds-u-z10{z-index:10 !important}.tds-u-z100{z-index:100 !important}.tds-u-z500{z-index:500 !important}.tds-u-z1000{z-index:1000 !important}.tds-u-opacity-100{opacity:1 !important}.tds-u-opacity-75{opacity:0.75 !important}.tds-u-opacity-50{opacity:0.5 !important}.tds-u-opacity-25{opacity:0.25 !important}.tds-u-visibility-hidden{visibility:hidden !important}.tds-u-visibility-visible{visibility:visible !important}.tds-u-textalign-start{text-align:start !important}.tds-u-textalign-center{text-align:center !important}.tds-u-textalign-end{text-align:end !important}.tds-u-float-right{float:right !important}.tds-u-float-left{float:left !important}.tds-u-float-none{float:none !important}.tds-u-overflow-auto{overflow:auto !important}.tds-u-overflow-scroll{overflow:scroll !important}.tds-u-overflow-hidden{overflow:hidden !important}.tds-u-flex-start{display:flex !important;justify-content:flex-start !important}.tds-u-flex-center{display:flex !important;justify-content:center !important;align-items:center !important}.tds-u-flex-end{display:flex !important;justify-content:flex-end !important}.tds-u-flex-dir-col{flex-direction:column !important}.tds-u-gap1{gap:8px !important}.tds-u-gap2{gap:16px !important}.tds-u-gap3{gap:24px !important}.tds-u-gap4{gap:32px !important}.tds-u-flex-wrap{flex-wrap:wrap !important}.tds-u-align-start{align-items:start !important}.tds-u-align-center{align-items:center !important}.tds-u-align-end{align-items:end !important}.tds-u-justify-between{justify-content:space-between !important}.tds-u-justify-around{justify-content:space-around !important}.tds-u-justify-center{justify-content:center !important}tds-accordion{--accordion-border:var(--color-foreground-border-discrete);--accordion-background:transparent;--accordion-background-hover-primary:var(--color-background-layer-01);--accordion-background-hover-secondary:var(--color-background-base);--accordion-background-hover:var(--accordion-background-hover-primary);--accordion-background-focus:transparent;--accordion-background-active:var(--color-background-surface-100);--accordion-text:var(--color-foreground-text-strong);--accordion-icon:var(--foreground-elements-transparparent-strong);--accordion-border-focus:var(--tds-grey-500);--accordion-text-disabled:var(--color-foreground-text-disabled)}.tds-mode-light tds-accordion.tds-mode-variant-primary,.tds-mode-light tds-accordion .tds-mode-variant-primary{background-color:var(--accordion-background-hover-secondary);--accordion-background-hover:var(--accordion-background-hover-primary)}.tds-mode-light tds-accordion.tds-mode-variant-secondary,.tds-mode-light tds-accordion .tds-mode-variant-secondary{background-color:var(--accordion-background-hover-primary);--accordion-background-hover:var(--accordion-background-hover-secondary)}.tds-mode-dark tds-accordion.tds-mode-variant-primary,.tds-mode-dark tds-accordion .tds-mode-variant-primary{background-color:var(--accordion-background-hover-secondary);--accordion-background-hover:var(--accordion-background-hover-primary)}.tds-mode-dark tds-accordion.tds-mode-variant-secondary,.tds-mode-dark tds-accordion .tds-mode-variant-secondary{background-color:var(--accordion-background-hover-primary);--accordion-background-hover:var(--accordion-background-hover-secondary)}tds-banner{--banner-text:var(--color-foreground-text-strong);--banner-close-icon:var(--color-foreground-icon-strong);--banner-background-default:var(--color-background-layer-01);--banner-prefix-default:var(--color-foreground-icon-strong);--banner-background-info:var(--color-system-info-discrete);--banner-prefix-info:var(--color-system-info-default);--banner-background-error:var(--color-system-danger-discrete);--banner-prefix-error:var(--color-system-danger-default)}tds-block{--block-background:var(--color-background-layer-01);--block-text-color:var(--color-foreground-text-strong);--block-background-mode-primary:var(--color-background-layer-01);--block-background-mode-secondary:var(--color-background-layer-02)}:root,.tds-mode-variant-primary{--block-background-even:var(--color-background-layer-01);--block-background-odd:var(--color-background-layer-02)}.tds-mode-variant-secondary{--block-background-even:var(--color-background-layer-02);--block-background-odd:var(--color-background-layer-01)}tds-breadcrumbs{--breadcrumb-label:var(--color-foreground-text-strong);--breadcrumb-hover:var(--color-foreground-text-defined);--breadcrumb-current:var(--color-foreground-text-disabled);--breadcrumb-separator-color:var(--color-foreground-text-strong)}tds-button{--button-transparent:transparent;--button-white:var(--color-brand-neutral-white);--button-black:var(--color-brand-neutral-black);--button-radius:var(--dimension-radius-for-surface-clickable);--button-primary-background:var(--color-background-accent-primary-default);--button-primary-background-hover:var(--color-background-accent-primary-hover);--button-primary-background-active:var(--color-background-accent-primary-pressed);--button-primary-background-focus:var(--color-background-accent-primary-focus);--button-primary-background-disabled-primary:var(--color-background-accent-primary-disabled);--button-primary-background-disabled-secondary:var(--color-background-base);--button-primary-background-disabled:var(--color-background-accent-primary-disabled);--button-primary-color:var(--component-button-primary-text);--button-primary-color-hover:var(--component-button-primary-text);--button-primary-color-active:var(--component-button-primary-text);--button-primary-color-focus:var(--component-button-primary-text);--button-primary-border-color:var(--button-transparent);--button-primary-border-color-hover:var(--button-transparent);--button-primary-color-disabled:var(--color-foreground-text-disabled);--button-primary-border-color-disabled:var(--button-transparent);--button-primary-border-color-active:var(--color-background-accent-primary-pressed);--button-primary-border-color-focus:var(--color-foreground-border-accent-focus);--button-primary-outline-color-focus:var(--color-foreground-border-accent-focus);--button-icon-primary-fill:var(--component-button-primary-text);--button-icon-primary-color:var(--component-button-primary-text);--button-secondary-background:var(--button-transparent);--button-secondary-color:var(--color-foreground-text-strong);--button-secondary-border-color:var(--color-foreground-border-soft);--button-secondary-color-hover:var(--color-foreground-text-strong);--button-secondary-border-color-hover:var(--color-foreground-border-subtle);--button-secondary-background-active:var(--button-transparent);--button-secondary-color-active:var(--color-foreground-text-strong);--button-secondary-border-color-active:var(--color-foreground-border-strong);--button-secondary-background-focus:var(--button-transparent);--button-secondary-color-focus:var(--color-foreground-text-strong);--button-secondary-border-color-focus:var(--color-foreground-border-accent-focus);--button-secondary-outline-color:var(--color-foreground-border-discrete);--button-secondary-background-disabled:var(--button-transparent);--button-secondary-outline-color-focus:var(--color-foreground-border-accent-focus);--button-secondary-color-disabled:var(--color-foreground-text-disabled);--button-secondary-border-color-disabled:var(--color-foreground-border-discrete);--button-icon-secondary-color-focus:var(--color-foreground-icon-strong);--button-icon-secondary-color:var(--color-foreground-icon-strong);--button-icon-secondary-color-disabled:var(--color-foreground-text-disabled);--button-icon-secondary-fill-focus:var(--color-foreground-icon-strong);--button-icon-secondary-fill-active:var(--color-foreground-icon-strong);--button-danger-background-disabled:var(--color-background-accent-danger-disabled);--button-ghost-background:var(--button-transparent);--button-ghost-color:var(--color-foreground-text-strong);--button-ghost-border-color:var(--button-transparent);--button-ghost-background-hover:var(--button-transparent);--button-ghost-color-hover:var(--color-foreground-text-strong);--button-ghost-border-color-hover:var(--color-foreground-border-subtle);--button-ghost-outline-color-hover:var(--color-foreground-border-subtle);--button-ghost-background-active:var(--button-transparent);--button-ghost-color-active:var(--color-foreground-text-strong);--button-ghost-border-color-active:var(--color-foreground-border-strong);--button-ghost-background-focus:var(--button-transparent);--button-ghost-color-focus:var(--color-foreground-text-strong);--button-ghost-border-color-focus:var(--color-foreground-border-accent-focus);--button-ghost-outline-color-focus:var(--color-foreground-border-accent-focus);--button-ghost-background-disabled:var(--button-transparent);--button-ghost-color-disabled:var(--color-foreground-text-disabled);--button-ghost-border-color-disabled:var(--button-transparent);--button-icon-ghost-fill:var(--color-foreground-icon-strong);--button-icon-ghost-color:var(--color-foreground-icon-strong);--button-danger-background:var(--color-background-accent-danger-default);--button-danger-color:var(--button-white);--button-danger-border-color:var(--button-transparent);--button-danger-background-hover:var(--color-background-accent-danger-hover);--button-danger-color-hover:var(--button-white);--button-danger-border-color-hover:var(--button-transparent);--button-danger-background-active:var(--color-background-accent-danger-pressed);--button-danger-color-active:var(--button-white);--button-danger-border-color-active:var(--color-background-accent-danger-pressed);--button-danger-background-focus:var(--color-background-accent-danger-focus);--button-danger-color-focus:var(--button-white);--button-danger-border-color-focus:var(--button-transparent);--button-danger-outline-color-focus:var(--color-foreground-border-accent-focus);--button-danger-background-disabled-primary:var(--color-background-accent-danger-disabled);--button-danger-background-disabled-secondary:var(--button-white);--button-danger-background-disabled:var(--color-background-accent-danger-disabled);--button-danger-color-disabled:var(--color-foreground-text-disabled);--button-danger-border-color-disabled:var(--button-transparent);--button-icon-danger-fill:var(--button-white);--button-icon-danger-color:var(--button-white)}tds-button .tds-mode-variant-primary{--button-primary-background-disabled:var(--color-background-accent-primary-disabled);--button-danger-background-disabled:var(--color-background-accent-danger-disabled)}tds-button .tds-mode-variant-secondary{--button-primary-background-disabled:var(--button-white);--button-danger-background-disabled:var(--button-white)}tds-button,.scania tds-button{--button-outline-width:2px}.traton tds-button{--button-outline-width:4px}tds-card{--card-background:var(--tds-white);--card-background-primary:var(--component-card-primary);--card-background-secondary:var(--component-card-secondary);--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(--color-foreground-text-strong);--card-sub-headline:var(--color-foreground-text-subtle);--card-body-color:var(--color-foreground-text-defined);--card-divider:var(--color-foreground-border-discrete);--card-icon-color:var(--color-foreground-icon-strong)}tds-card,.scania tds-card{--card-body-padding:0 16px;--card-header-padding:16px;--card-slotted-padding:16px}tds-card.tds-mode-variant-primary,.scania tds-card.tds-mode-variant-primary{--card-box:var(--card-box-primary)}tds-card.tds-mode-variant-secondary,.scania tds-card.tds-mode-variant-secondary{--card-box:var(--card-box-secondary)}.tds-mode-dark{--card-background-primary:var(--tds-grey-900);--card-background-secondary:var(--tds-grey-850)}.tds-mode-dark tds-card{--card-background:var(--card-background-primary)}.tds-mode-dark .tds-mode-variant-primary{--card-box:var(--card-box-primary);--card-background:var(--card-background-primary)}.tds-mode-dark .tds-mode-variant-secondary{--card-box:var(--card-box-secondary);--card-background:var(--card-background-secondary)}.traton .tds-mode-dark tds-card.tds-mode-variant-primary{--card-background:var(--color-background-base)}.traton tds-card{--card-box:none;--card-background:transparent;--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}.traton tds-card.tds-mode-variant-primary{--card-box:none;--card-background:var(--card-background-secondary)}.traton tds-card.tds-mode-variant-secondary{--card-box:none;--card-background:var(--card-background-primary)}tds-checkbox,tds-dropdown-option{--checkbox-label:var(--color-foreground-text-strong);--checkbox-label-disabled:var(--color-foreground-text-disabled);--checkbox-icon:var(--color-foreground-icon-strong);--checkbox-fill:var(--color-foreground-icon-inverse-strong);--checkbox-fill-disabled:var(--color-background-accent-primary-disabled);--checkbox-border:var(--color-foreground-border-strong);--checkbox-border-hover:var(--color-foreground-border-subtle);--checkbox-border-focus:var(--color-foreground-border-accent-focus);--checkbox-border-disabled:var(--color-foreground-border-discrete);--checkbox-background-opacity-hover:0.12;--checkbox-background-opacity-focus:0.24;--checkbox-background-image: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='%23ffffff' stroke-linecap='round' stroke-linejoin='round'/></svg>");--checkbox-background-image-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='%23ffffff'/></svg>");--checkbox-background-image-disabled: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='%23b0b7c4' stroke-linecap='round' stroke-linejoin='round'/></svg>");--checkbox-background-image-indeterminate-disabled: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='%23b0b7c4'/></svg>")}.tds-mode-dark tds-checkbox,.tds-mode-dark tds-dropdown-option{--checkbox-background-image: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='%230D0F13' stroke-linecap='round' stroke-linejoin='round'/></svg>");--checkbox-background-image-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='%230D0F13'/></svg>");--checkbox-background-image-disabled: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='%2356657A' stroke-linecap='round' stroke-linejoin='round'/></svg>");--checkbox-background-image-indeterminate-disabled: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='%2356657A'/></svg>")}tds-table{--checkbox-label:var(--color-foreground-text-strong);--checkbox-label-disabled:var(--color-foreground-text-disabled);--checkbox-icon:var(--color-foreground-icon-strong);--checkbox-fill:transparent;--checkbox-fill-disabled:var(--color-background-accent-primary-disabled);--checkbox-border:var(--color-foreground-border-strong);--checkbox-border-hover:var(--color-foreground-border-subtle);--checkbox-border-focus:var(--color-foreground-border-accent-focus);--checkbox-border-disabled:var(--color-foreground-border-discrete);--checkbox-background-opacity-hover:0.12;--checkbox-background-opacity-focus:0.24;--checkbox-background-image: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='%23ffffff' stroke-linecap='round' stroke-linejoin='round'/></svg>");--checkbox-background-image-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='%23ffffff'/></svg>");--checkbox-background-image-disabled: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='%23b0b7c4' stroke-linecap='round' stroke-linejoin='round'/></svg>");--checkbox-background-image-indeterminate-disabled: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='%23b0b7c4'/></svg>")}.tds-mode-dark tds-table{--checkbox-background-image: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='%230D0F13' stroke-linecap='round' stroke-linejoin='round'/></svg>");--checkbox-background-image-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='%230D0F13'/></svg>");--checkbox-background-image-disabled: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='%2356657A' stroke-linecap='round' stroke-linejoin='round'/></svg>");--checkbox-background-image-indeterminate-disabled: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='%2356657A'/></svg>")}tds-chip{--chips-text:var(--color-foreground-text-strong);--chips-text-active:var(--component-chip-foreground-inverse);--chips-background:var(--component-chip-color-default);--chips-background-active:var(--component-chip-color-selected);--chips-background-disabled:var(--component-chip-color-disabled);--chips-text-disabled:var(--color-foreground-text-disabled);--chips-text-checked-disabled:var(--component-chip-foreground-foreground-disabled-selected);--chips-background-active-hover:var(--component-chip-color-hover-on-selected);--chips-background-hover:var(--component-chip-color-hover);--chips-background-focus:var(--component-chip-color-focused);--chips-border-radius:var(--component-chip-border-radius);--chip-focused-on-selected:var(--component-chip-color-focused-on-selected)}tds-table{--table-text:var(--color-foreground-text-strong);--table-body-cell-hover:var(--component-table-cell-hover);--table-body-row:var(--component-table-cell);--table-body-row-hover:var(--component-table-cell-hover);--table-zebra-mode:var(--component-table-secondary-cell);--table-body-row-selected:var(--color-background-surface-300);--table-body-row-selected-hover:var(--color-background-surface-400);--table-input-focus:var(--color-background-layer-02);--table-input-hover:var(--color-background-layer-03);--table-input-disabled:var(--color-background-layer-01);--table-input-text-disabled:var(--color-foreground-text-subtle);--table-input-header-icon:var(--color-foreground-icon-soft);--table-input-header-placeholder:var(--color-foreground-text-subtle);--table-input-header-focus:var(--color-background-layer-01);--table-footer:var(--component-table-pagination-base);--table-footer-page-selector-input:var(--component-table-pagination-dropdown);--table-footer-page-selector-input-hover:var(--color-background-layer-03);--table-footer-page-selector-input-disabled:var(--color-background-layer-01);--table-footer-button-hover:var(--color-background-surface-300);--table-header:var(--color-background-surface-300);--table-header-hover:var(--color-background-surface-400);--table-header-button:var(--color-background-surface-200);--table-header-button-hover:var(--color-background-surface-300);--table-header-button-focus:var(--color-foreground-border-accent-focus);--table-toolbar:var(--color-background-surface-400);--table-toolbar-searchbar:var(--component-table-pagination-dropdown);--table-toolbar-searchbar-hover:var(--component-table-pagination-base);--table-toolbar-searchbar-border-bottom:var(--color-foreground-border-accent-focus);--table-divider:var(--color-foreground-border-discrete);--table-icon:var(--color-foreground-icon-strong);--table-icon-disabled:var(--color-foreground-icon-disabled)}tds-table.tds-mode-variant-primary{--table-body-row:var(--component-table-cell);--table-body-row-hover:var(--component-table-cell-hover);--table-zebra-mode:var(--component-table-secondary-cell)}tds-table.tds-mode-variant-secondary{--table-body-row:var(--component-table-secondary-cell);--table-body-row-hover:var(--component-table-cell-hover);--table-zebra-mode:var(--component-table-cell)}tds-divider{--divider-color:var(--color-foreground-border-discrete)}tds-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-foreground-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-subtle);--datetime-placeholder-disabled:var(--color-foreground-text-subtle);--datetime-label-disabled:var(--color-foreground-text-subtle);--datetime-icon-disabled:var(--color-foreground-text-subtle);--datetime-label:var(--color-foreground-text-strong);--datetime-label-inside:var(--color-foreground-text-strong);--datetime-placeholder-focus:var(--tds-grey-500);--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)}tds-datetime .tds-mode-variant-primary{--datetime-background:var(--datetime-background-primary);--datetime-background-disabled:var(--datetime-background-disabled-primary)}tds-datetime .tds-mode-variant-secondary{--datetime-background:var(--datetime-background-secondary);--datetime-background-disabled:var(--datetime-background-disabled-secondary)}tds-datetime,.scania tds-datetime{--datetime-border-radius:4px 4px 0 0;--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 tds-datetime{--datetime-border-radius:4px 4px 4px 4px;--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}tds-dropdown{--dropdown-background:var(--color-background-layer-01);--dropdown-text:var(--color-foreground-text-strong);--dropdown-helper-text:var(--color-foreground-text-defined);--dropdown-placeholder:var(--color-foreground-text-subtle);--dropdown-disabled:var(--color-foreground-text-disabled);--dropdown-icon:var(--color-foreground-icon-strong);--dropdown-clear-icon:var(--color-foreground-icon-subtle);--dropdown-error:var(--color-system-danger-default);--dropdown-error-focus:var(--color-system-danger-subtle)}tds-dropdown.tds-mode-variant-primary{--dropdown-background:var(--color-background-layer-01)}tds-dropdown.tds-mode-variant-secondary{--dropdown-background:var(--color-background-layer-02)}tds-dropdown,.scania tds-dropdown{--dropdown-border:0 1px 0 0 var(--color-foreground-border-soft);--dropdown-border-hover:0 1px 0 0 var(--color-foreground-border-strong);--dropdown-border-focus:0 2px 0 0 var(--color-foreground-border-accent-focus);--dropdown-border-active:0 1px 0 0 var(--color-foreground-border-strong);--dropdown-border-error:0 1px 0 0 var(--dropdown-error);--dropdown-border-error-hover:0 1px 0 0 var(--dropdown-error);--dropdown-border-error-focus:0 2px 0 0 var(--dropdown-error-focus);--dropdown-spacing-4:4px;--dropdown-border-radius:var(--dropdown-spacing-4) var(--dropdown-spacing-4) 0 0;--dropdown-list-border-radius-down:0 0 var(--dropdown-spacing-4) var(--dropdown-spacing-4);--dropdown-list-border-radius-up:var(--dropdown-spacing-4) var(--dropdown-spacing-4) 0 0}.traton tds-dropdown{--dropdown-border:0 0 0 1px var(--color-foreground-border-soft);--dropdown-border-hover:0 0 0 1px var(--color-foreground-border-strong);--dropdown-border-focus:0 0 0 2px var(--color-foreground-border-accent-focus);--dropdown-border-active:0 0 0 1px var(--color-foreground-border-strong);--dropdown-border-error:0 0 0 1px var(--dropdown-error);--dropdown-border-error-hover:0 0 0 1px var(--dropdown-error);--dropdown-border-error-focus:0 0 0 1px var(--dropdown-error-focus);--dropdown-spacing-4:4px;--dropdown-border-radius:var(--dropdown-spacing-4) var(--dropdown-spacing-4)
80
80
  var(--dropdown-spacing-4) var(--dropdown-spacing-4)}tds-table-footer{--dropdown-background:var(--component-table-pagination-dropdown);--dropdown-option-background:var(--color-brand-neutral-white);--dropdown-border:none;--dropdown-border-hover:none;--dropdown-border-focus:none;--dropdown-border-error:none;--dropdown-spacing-4:4px;--dropdown-spacing-8:8px;--placeholder-margin:var(--dropdown-spacing-8);--dropdown-border-radius:var(--dropdown-spacing-4);--dropdown-list-border-radius-down:var(--dropdown-spacing-4);--dropdown-list-border-radius-up:var(--dropdown-spacing-4)}tds-dropdown-option{--dropdown-text:var(--color-foreground-text-strong);--dropdown-option-disabled:var(--color-foreground-text-disabled);--dropdown-option-background:var(--color-background-layer-01);--dropdown-option-background-hover:var(--component-dropdown-hover);--dropdown-option-background-selected:var(--component-dropdown-focus);--dropdown-option-border:var(--color-foreground-border-discrete);--dropdown-helper-text:var(--color-foreground-text-defined);--dropdown-placeholder:var(--color-foreground-text-subtle)}.tds-mode-variant-primary tds-dropdown-option{--dropdown-option-background:var(--color-background-layer-01)}.tds-mode-variant-secondary tds-dropdown-option{--dropdown-option-background:var(--color-background-layer-02)}tds-table-footer{--dropdown-option-border:var(--color-foreground-border-discrete);--dropdown-option-background:var(--color-background-layer-01);--dropdown-option-background-hover:var(--color-background-surface-500);--dropdown-option-background-selected:var(--color-background-surface-400)}tds-footer{--footer-top-background-primary:var(--color-background-layer-01);--footer-top-background-secondary:var(--color-background-base);--footer-top-background:var(--color-background-layer-01);--footer-top-divider:var(--color-foreground-border-discrete);--footer-top-links-desktop:var(--color-foreground-text-subtle);--footer-top-links:var(--component-footer-text-color-link-text);--footer-top-links-background-hover:var(--color-background-surface-300);--footer-top-button-active:var(--color-background-surface-300);--footer-main-background:var(--component-footer-primary);--footer-main-links:var(--color-foreground-text-accent-brand);--footer-main-divider:var(--component-footer-border);--footer-main-copyright:var(--component-footer-text-color-copyright)}tds-footer.tds-mode-variant-primary{--footer-top-background:var(--footer-top-background-primary)}tds-footer.tds-mode-variant-secondary{--footer-top-background:var(--footer-top-background-secondary)}.__tds-header-item-icon:only-child{position:relative;margin-left:-6px;left:3px;transition:background 0.2s ease-in-out, color 0.2s ease-in-out}.__tds-header-item-image{position:relative;margin-left:-20px;left:10px;width:34px;height:34px;border-radius:50%;transition:background 0.2s ease-in-out, color 0.2s ease-in-out}:root{--tds-header-height:64px;--tds-header-list-item-md-height:48px}:root,.tds-mode-light{--tds-header-overlay:var(--tds-black);--tds-header-app-name-color:var(--tds-white);--tds-header-background:var(--tds-blue-800);--tds-header-mob-menu-color:var(--tds-white);--tds-header-mob-menu-open-color:var(--tds-grey-958);--tds-header-mob-menu-open-background:var(--tds-white);--tds-header-mob-menu-border:var(--tds-blue-700);--tds-header-mob-menu-open-border:var(--tds-grey-300);--tds-nav-item-background:var(--tds-white);--tds-nav-item-background-active:var(--tds-grey-100);--tds-nav-item-background-hover:var(--tds-grey-100);--tds-nav-item-background-selected:var(--tds-grey-100);--tds-nav-item-border-color:var(--tds-blue-700);--tds-nav-item-border-color-active:var(--tds-blue-400);--tds-nav-item-core-background-hover:var(--tds-grey-100);--tds-nav-item-core-color-active:var(--tds-grey-800);--tds-header-nav-item-color:var(--tds-white);--tds-header-nav-item-background-active:var(--tds-blue-700);--tds-nav-dropdown-item-background:var(--tds-white);--tds-nav-dropdown-item-border-color:var(--tds-grey-300);--tds-header-nav-item-dropdown-opened-background:var(--tds-white);--tds-header-nav-item-dropdown-opened-background-hover:var(--tds-grey-100);--tds-header-nav-item-dropdown-opened-background-selected:var(--tds-grey-100);--tds-header-nav-item-dropdown-opened-background-active:var(--tds-grey-300);--tds-header-nav-item-dropdown-opened-color:var(--tds-grey-958);--tds-header-nav-item-dropdown-hover-color:var(--tds-grey-300);--tds-header-item-hover:var(--tds-blue-700);--tds-header--basic-element-border:var(--tds-blue-700);--tds-header--basic-element-border-open:var(--tds-white);--tds-header--basic-element-background:var(--tds-blue-800);--tds-header--basic-element-background-open:var(--tds-white);--tds-header--basic-element-background-hover:var(--tds-blue-700);--tds-header--basic-element-background-selected:var(--tds-blue-700);--tds-header-searchbar-input-background:var(--tds-white);--tds-header-searchbar-input-color:var(--tds-black);--tds-header-searchbar-input-placeholder-color:var(--tds-grey-958);--tds-header-searchbar-input-expanded-after-border-bottom:var(--tds-grey-300);--tds-header-searchbar-border-color:var(--tds-blue-700);--tds-header-searchbar-btn-active:var(--tds-white);--tds-header-searchbar-x-btn-background:var(--tds-white);--tds-header-searchbar-x-btn-background-hover:var(--tds-grey-100);--tds-header-searchbar-btn-svg-fill:var(--tds-grey-958);--tds-header-searchbar-result-item-background:var(--tds-white);--tds-header-searchbar-result-item-background-hover:var(--tds-grey-100);--tds-header-searchbar-result-item-background-active:var(--tds-blue-400);--tds-header-searchbar-result-item-background-visited:var(--tds-grey-400);--tds-header-searchbar-result-item-anchor-background-hover:var(--tds-grey-100);--tds-header-searchbar-result-item-top-border-color:var(--tds-grey-300);--tds-header-searchbar-result-item-top-background:var(--tds-white);--tds-header-searchbar-result-item-category-title-background:var(--tds-white);--tds-header-searchbar-result-x-btn:var(--tds-white);--tds-header-searchbar-result-item-core-color:var(--tds-black);--tds-header-searchbar-result-item-core-background:var(--tds-white);--tds-header-searchbar-result-category-border-color:var(--tds-grey-300);--tds-header-searchbar-result-category-background:var(--tds-white);--tds-header-searchbar-all-result-item-color:var(--tds-black);--tds-header-searchbar-all-result-item-background-hover:var(--tds-grey-100);--tds-header-searchbar-all-result-item-background-active:var(--tds-blue-400);--tds-header-searchbar-all-result-item-background-visited:var(--tds-grey-400);--tds-header-avatar-item-background:var(--tds-white);--tds-header-avatar-item-background-hover:var(--tds-grey-100);--tds-header-avatar-item-border-color:var(--tds-grey-300);--tds-header-avatar-subtitle-color:var(--tds-grey-500);--tds-header-avatar-item-color:var(--tds-grey-700);--tds-header-avatar-item-btn-background:var(--tds-white);--tds-header-app-launcher-menu-background:var(--tds-white);--tds-header-app-launcher-btn-background:var(--tds-white);--tds-header-app-launcher-btn-color:var(--tds-white);--tds-header-app-launcher-open-btn-color:var(--tds-black);--tds-header-app-launcher-item-border-color:var(--tds-grey-300);--tds-header-app-launcher-category-title-background:var(--tds-white);--tds-header-app-launcher-category-title-color:var(--tds-grey-500);--tds-header-app-launcher-grid-category-title-color:var(--tds-grey-800);--tds-header-app-launcher-item-background:var(--tds-white);--tds-header-app-launcher-item-background-hover:var(--tds-grey-100);--tds-header-app-launcher-item-color:var(--tds-grey-700);--tds-header-app-launcher-grid--color:var(--tds-grey-800);--tds-header-app-launcher-grid-hover-background:var(--tds-grey-100);--tds-header-mobile-menu-background:var(--tds-white);--tds-header-mobile-menu-item-background:var(--tds-white);--tds-header-mobile-menu-item-background-hover:var(--tds-grey-300);--tds-header-mobile-menu-item-color:var(--tds-grey-958);--tds-header-mobile-menu-item-border-color:var(--tds-grey-300);--tds-header-mobile-nav-center-background:var(--tds-white);--tds-header-mobile-nav-center-item-border-color:var(--tds-grey-300);--tds-header-mobile-nav-center-item-border-color-active-after:var(--tds-blue-400);--tds-header-mobile-nav-center-dropdown-item--last-border-color:var(--tds-grey-300);--tds-header-mobile-nav-toolbar-border-color:var(--tds-grey-300);--tds-header-mobile-searchbar-container-border-color:var(--tds-grey-300);--tds-header-mobile-searchbar-input-background:var(--tds-white);--tds-header-mobile-searchbar-input-color:var(--tds-black);--tds-header-mobile-searchbar-input-placeholder-color:var(--tds-grey-800);--tds-header-mobile-searchbar-input-expanded-before-background:var(--tds-white);--tds-header-mobile-searchbar-btn-background:var(--tds-white);--tds-header-mobile-searchbar-btn-background-hover:var(--tds-grey-100);--tds-header-mobile-searchbar-open-btn-background:var(--tds-white);--tds-header-mobile-searchbar-open-btn-background-hover:var(--tds-grey-100);--tds-header-mobile-searchbar-btn-svg-fill:var(--tds-grey-958);--tds-header-mobile-searchbar-container-color:var(--tds-grey-958);--tds-header-mobile-avatar--item-btn-background:var(--tds-white);--tds-header-mobile-avatar--item-btn-background-hover:var(--tds-grey-100);--tds-header-mobile-avatar--item-btn-background-selected:var(--tds-grey-100);--tds-header-mobile-avatar--item-btn-background-active:var(--tds-grey-300);--tds-header-mobile-avatar--item-btn-color:var(--tds-grey-958)}.tds-mode-dark{--tds-header-background:var(--tds-blue-900);--tds-header-mob-menu-open-color:var(--tds-white);--tds-header-mob-menu-open-background:var(--tds-grey-958);--tds-header-mob-menu-border:var(--tds-blue-800);--tds-header-mob-menu-open-border:var(--tds-grey-868);--tds-nav-item-background:var(--tds-grey-800);--tds-nav-item-background-hover:var(--tds-grey-700);--tds-nav-item-background-active:var(--tds-grey-700);--tds-nav-item-background-selected:var(--tds-grey-700);--tds-nav-item-border-color:var(--tds-blue-700);--tds-nav-item-border-color-active:var(--tds-blue-300);--tds-nav-item-core-background-hover:var(--tds-grey-700);--tds-nav-item-core-color-active:var(--tds-grey-50);--tds-header-nav-item-color:var(--tds-white);--tds-header-nav-item-background-active:var(--tds-blue-800);--tds-nav-dropdown-item-background:var(--tds-grey-800);--tds-nav-dropdown-item-border-color:var(--tds-grey-700);--tds-header-nav-item-dropdown-opened-background:var(--tds-grey-958);--tds-header-nav-item-dropdown-opened-background-hover:var(--tds-grey-800);--tds-header-nav-item-dropdown-opened-background-selected:var(--tds-grey-868);--tds-header-nav-item-dropdown-opened-background-active:var(--tds-grey-800);--tds-header-nav-item-dropdown-opened-color:var(--tds-white);--tds-header-item-hover:var(--tds-blue-800);--tds-header--basic-element-border:var(--tds-blue-700);--tds-header--basic-element-border-open:var(--tds-blue-700);--tds-header--basic-element-background-open:var(--tds-blue-800);--tds-header--basic-element-background-hover:var(--tds-blue-800);--tds-header--basic-element-background-selected:var(--tds-blue-800);--tds-header-searchbar-input-background:var(--tds-grey-958);--tds-header-searchbar-input-color:var(--tds-white);--tds-header-searchbar-input-placeholder-color:var(--tds-grey-400);--tds-header-searchbar-input-expanded-after-border-bottom:var(--tds-grey-700);--tds-header-searchbar-border-color:var(--tds-blue-700);--tds-header-searchbar-x-btn-background:var(--tds-grey-958);--tds-header-searchbar-x-btn-background-hover:var(--tds-grey-868);--tds-header-searchbar-btn-svg-fill:var(--tds-white);--tds-header-searchbar-result-item-background:var(--tds-grey-958);--tds-header-searchbar-result-item-background-hover:var(--tds-grey-868);--tds-header-searchbar-result-item-background-active:var(--tds-grey-800);--tds-header-searchbar-result-item-background-visited:var(--tds-grey-600);--tds-header-searchbar-result-item-anchor-background-hover:var(--tds-grey-868);--tds-header-searchbar-result-item-top-border-color:var(--tds-grey-700);--tds-header-searchbar-result-item-top-background:var(--tds-grey-958);--tds-header-searchbar-result-item-category-title-background:var(--tds-grey-958);--tds-header-searchbar-result-x-btn:var(--tds-white);--tds-header-searchbar-result-item-core-color:var(--tds-white);--tds-header-searchbar-result-item-core-background:var(--tds-grey-958);--tds-header-searchbar-result-category-border-color:var(--tds-grey-700);--tds-header-searchbar-result-category-background:var(--tds-grey-958);--tds-header-searchbar-all-result-item-color:var(--tds-white);--tds-header-searchbar-all-result-item-background-hover:var(--tds-grey-868);--tds-header-searchbar-all-result-item-background-active:var(--tds-grey-868);--tds-header-searchbar-all-result-item-background-visited:var(--tds-grey-600);--tds-header-avatar-item-background:var(--tds-grey-800);--tds-header-avatar-item-border-color:var(--tds-grey-700);--tds-header-avatar-subtitle-color:var(--tds-grey-500);--tds-header-avatar-title-color:var(--tds-grey-50);--tds-header-avatar-item-background-hover:var(--tds-grey-700);--tds-header-avatar-item-color:var(--tds-grey-500);--tds-header-avatar-item-btn-background:var(--tds-grey-800);--tds-header-app-launcher-menu-background:var(--tds-grey-800);--tds-header-app-launcher-btn-background:var(--tds-grey-800);--tds-header-app-launcher-btn-color:var(--tds-white);--tds-header-app-launcher-open-btn-color:var(--tds-white);--tds-header-app-launcher-item-border-color:var(--tds-grey-700);--tds-header-app-launcher-category-title-background:var(--tds-grey-800);--tds-header-app-launcher-category-title-color:var(--tds-grey-500);--tds-header-app-launcher-grid-category-title-color:var(--tds-grey-500);--tds-header-app-launcher-item-background:var(--tds-grey-800);--tds-header-app-launcher-item-background-hover:var(--tds-grey-700);--tds-header-app-launcher-item-color:var(--tds-grey-50);--tds-header-app-launcher-grid-color:var(--tds-grey-50);--tds-header-app-launcher-grid-hover-background:var(--tds-grey-700);--tds-header-mobile-nav-center-background:var(--tds-grey-958);--tds-header-mobile-nav-center-item-border-color:var(--tds-grey-868);--tds-header-mobile-nav-center-item-border-color-active-after:var(--tds-blue-400);--tds-header-mobile-nav-center-dropdown-item--last-border-color:var(--tds-grey-868);--tds-header-mobile-nav-toolbar-border-color:var(--tds-grey-868);--tds-header-mobile-searchbar-container-border-color:var(--tds-grey-868);--tds-header-mobile-searchbar-input-background:var(--tds-grey-958);--tds-header-mobile-searchbar-input-color:var(--tds-white);--tds-header-mobile-searchbar-input-placeholder-color:var(--tds-grey-400);--tds-header-mobile-searchbar-input-expanded-before-background:var(--tds-black);--tds-header-mobile-searchbar-btn-background:var(--tds-grey-958);--tds-header-mobile-searchbar-btn-background-hover:var(--tds-grey-868);--tds-header-mobile-searchbar-open-btn-background:var(--tds-grey-958);--tds-header-mobile-searchbar-open-btn-background-hover:var(--tds-grey-868);--tds-header-mobile-searchbar-btn-svg-fill:var(--tds-white);--tds-header-mobile-searchbar-container-color:var(--tds-white);--tds-header-mobile-avatar--item-btn-background:var(--tds-grey-958);--tds-header-mobile-avatar--item-btn-background-hover:var(--tds-grey-868);--tds-header-mobile-avatar--item-btn-background-selected:var(--tds-grey-868);--tds-header-mobile-avatar--item-btn-background-active:var(--tds-grey-800);--tds-header-mobile-avatar--item-btn-color:var(--tds-white)}tds-link{--link:var(--color-foreground-text-accent-default);--link-hover:var(--color-foreground-text-accent-default);--link-focus-outline-width:2px;--link-visited:var(--color-foreground-text-accent-default);--link-disabled:var(--color-foreground-text-disabled)}tds-banner tds-link{--link:var(--color-system-info-default)}tds-toast tds-link{--link:var(--color-system-info-default);--link-hover:var(--color-foreground-text-accent-default)}.traton tds-link{--link-focus-outline-width:4px}tds-message{--message-main-background:var(--color-background-layer-03);--message-mode-primary-background:var(--color-background-layer-03);--message-mode-secondary-background:var(--color-background-layer-02);--message-main-text-color:var(--color-foreground-text-strong);--message-info-border-color:var(--color-system-info-subtle);--message-info-icon-color:var(--color-system-info-subtle);--message-success-border-color:var(--color-system-success-subtle);--message-success-icon-color:var(--color-system-success-subtle);--message-error-background:var(--color-system-danger-discrete);--message-error-border-color:var(--color-system-danger-subtle);--message-error-icon-color:var(--color-system-danger-subtle);--message-error-header-text-color:var(--color-system-danger-default);--message-warning-border-color:var(--color-system-warning-subtle);--message-warning-icon-color:var(--color-system-warning-subtle)}tds-modal{--modal-scroll-bar-thumb:var(--color-foreground-icon-discrete);--modal-background:var(--color-background-layer-02);--modal-backdrop:var(--color-background-overlay);--modal-text:var(--color-foreground-text-strong);--modal-cross-svg:var(--color-foreground-text-strong);--modal-shadow:0 2px 3px 0 var(--component-shadow-base-modifier)}tds-popover-canvas{--popover-canvas-text:var(--color-foreground-text-strong);--popover-canvas-background:var(--color-background-base)}tds-popover-menu{--popover-menu-text:var(--color-foreground-text-strong);--popover-menu-background:var(--color-background-layer-01);--popover-menu-background-hover:var(--color-background-layer-02);--popover-menu-item-outline-focus:var(--color-foreground-border-accent-focus);--popover-menu-item-disabled:var(--color-foreground-text-disabled);--popover-menu-item-icon-disabled:var(--color-foreground-icon-disabled)}tds-popover-menu.tds-mode-variant-primary{--popover-menu-background:var(--color-background-layer-01);--popover-menu-background-hover:var(--color-background-layer-02)}tds-popover-menu.tds-mode-variant-secondary{--popover-menu-background:var(--color-background-layer-02);--popover-menu-background-hover:var(--color-background-layer-01)}tds-radio-button{--radio-button-background-hover:var(--color-foreground-border-discrete);--radio-button-background-inverse:var(--color-foreground-icon-inverse-strong);--radio-button-background-disabled:var(--color-background-accent-primary-disabled);--radio-button-border:var(--color-foreground-border-strong);--radio-button-label:var(--color-foreground-text-strong);--radio-button-label-disabled:var(--color-foreground-text-disabled);--radio-button-focus:var(--color-foreground-border-accent-focus);--radio-button-checked-disabled:var(--color-foreground-icon-disabled);--radio-button-spacing-4:var(--tds-spacing-element-4) 0 var(--tds-spacing-element-4)
81
81
  var(--tds-spacing-element-4)}tds-spinner{--spinner-background:var(--component-spinner-color);--spinner-background-inverted:var(--color-brand-neutral-white)}.__tds-side-menu-item-icon-collapsed{color:var(--tds-sidebar-side-menu-single-item-color);margin-left:0;position:absolute;left:50%;transform:translateX(-50%)}:root,.tds-mode-light{--tds-sidebar-mobile-menu-btn-hover:var(--tds-blue-700);--tds-sidebar-mobile-menu-btn-icon:var(--tds-white);--tds-sidebar-item-state-focus:var(--tds-grey-50);--tds-sidebar-item-state-border-focus:var(--tds-blue-400);--tds-sidebar-item-state-hover:var(--tds-grey-100);--tds-sidebar-item-state-active:var(--tds-grey-300);--tds-sidemenu-item-state-active:var(--tds-grey-300);--tds-sidebar-item-state-selected:var(--tds-grey-100);--tds-sidebar-side-menu:var(--tds-white);--tds-sidebar-side-menu-border-right:var(--tds-grey-300);--tds-sidebar-side-menu-background-cover:var(--tds-white);--tds-sidebar-side-menu-mobile-header-border-bottom:var(--tds-grey-300);--tds-sidebar-side-menu-bottom-menu-background:var(--tds-white);--tds-sidebar-side-menu-bottom-menu-border-top:var(--tds-grey-300);--tds-sidebar-side-menu-single-item-border-bottom:var(--tds-grey-300);--tds-sidebar-side-menu-single-item-color:var(--tds-grey-958);--tds-sidebar-side-menu-single-item-background-selected:var(--tds-grey-100);--tds-sidebar-side-menu-single-item-border-left-selected:var(--tds-blue-400);--tds-sidebar-side-menu-single-subitem-color:var(--tds-grey-800);--tds-sidebar-side-menu-single-subitem-title-color:var(--tds-grey-958);--tds-sidebar-side-menu-single-subitem-color-active:var(--tds-grey-958);--tds-sidebar-side-menu-single-subitem-backgrund:var(--tds-white);--tds-sidebar-side-menu-single-subitem-divider:var(--tds-grey-300);--tds-sidebar-side-menu-subnav-background:var(--tds-white);--tds-sidebar-side-menu-single-subitem-selected-border-color:var(--tds-blue-400)}.tds-mode-dark{--tds-sidebar-mobile-menu-btn-hover:var(--tds-blue-700);--tds-sidebar-mobile-menu-btn-icon:var(--tds-white);--tds-sidebar-item-state-focus:var(--tds-grey-958);--tds-sidebar-item-state-border-focus:var(--tds-blue-400);--tds-sidebar-item-state-hover:var(--tds-grey-850);--tds-sidebar-item-state-active:var(--tds-grey-800);--tds-sidemenu-item-state-active:var(--tds-grey-800);--tds-sidebar-item-state-selected:var(--tds-grey-868);--tds-sidebar-side-menu:var(--tds-grey-958);--tds-sidebar-side-menu-border-right:var(--tds-grey-850);--tds-sidebar-side-menu-background-cover:var(--tds-grey-958);--tds-sidebar-side-menu-mobile-header-border-bottom:var(--tds-grey-850);--tds-sidebar-side-menu-bottom-menu-background:var(--tds-grey-958);--tds-sidebar-side-menu-bottom-menu-border-top:var(--tds-grey-850);--tds-sidebar-side-menu-single-item-border-bottom:var(--tds-grey-850);--tds-sidebar-side-menu-single-item-color:var(--tds-grey-50);--tds-sidebar-side-menu-single-item-background-selected:var(--tds-grey-850);--tds-sidebar-side-menu-single-item-border-left-selected:var(--tds-blue-400);--tds-sidebar-side-menu-single-subitem-color:var(--tds-grey-100);--tds-sidebar-side-menu-single-subitem-title-color:var(--tds-grey-50);--tds-sidebar-side-menu-single-subitem-color-active:var(--tds-grey-958);--tds-sidebar-side-menu-single-subitem-backgrund:var(--tds-grey-958);--tds-sidebar-side-menu-single-subitem-divider:var(--tds-grey-700);--tds-sidebar-side-menu-subnav-background:var(--tds-grey-958);--tds-sidebar-side-menu-single-subitem-selected-border-color:var(--tds-blue-400)}tds-slider{--slider-label:var(--color-foreground-text-strong);--slider-thumb:var(--color-foreground-icon-strong);--slider-controls:var(--color-foreground-icon-strong);--slider-track:var(--color-background-surface-300);--slider-track-fill:var(--color-foreground-icon-strong);--slider-divider:var(--color-background-surface-300);--slider-divider-values:var(--color-foreground-text-defined);--slider-inputfield-background:var(--color-background-layer-01);--slider-inputfield-background-secondary:var(--color-background-layer-02);--slider-inputfield-box-shadow:var(--color-foreground-border-discrete);--slider-input-inputfield:var(--color-foreground-text-soft);--slider-input-focused:var(--color-foreground-border-accent-focus);--slider-input-value:var(--color-foreground-text-defined);--slider-input-hover:var(--color-foreground-border-subtle);--slider-input-success-border:var(--color-foreground-border-defined);--slider-input-success-text:var(--color-foreground-text-strong);--slider-disabled:var(--color-background-surface-300);--slider-disabled-text:var(--color-foreground-text-disabled);--slider-value-tooltip-background:var(--color-background-inverse-layer-03);--slider-value-tooltip:var(--color-foreground-text-inverse-strong)}tds-slider,.scania tds-slider{--slider-border-radius:4px 4px 0 0;--slider-border-appearance:inset 0 -1px 0 var(--slider-inputfield-box-shadow);--slider-border-hover:inset 0 -1px 0 var(--slider-input-hover);--slider-border-focus:inset 0 -2px 0 var(--slider-input-focused);--slider-border-success:inset 0 -1px 0 var(--slider-input-success-border);--slider-border-outline:0}.traton tds-slider{--slider-border-radius:4px 4px 4px 4px;--slider-border-appearance:none;--slider-border-hover:none;--slider-border-focus:none;--slider-border-outline:none;--slider-border-success:none;--slider-border-left:var(--color-foreground-border-soft);--slider-border-right:var(--color-foreground-border-soft);--slider-border-bottom:var(--color-foreground-border-soft);--slider-border-top:var(--color-foreground-border-soft);--slider-border-left-hover:var(--color-foreground-border-strong);--slider-border-right-hover:var(--color-foreground-border-strong);--slider-border-bottom-hover:var(--color-foreground-border-strong);--slider-border-top-hover:var(--color-foreground-border-strong);--slider-border-left-success:var(--color-foreground-border-defined);--slider-border-right-success:var(--color-foreground-border-defined);--slider-border-bottom-success:var(--color-foreground-border-defined);--slider-border-top-success:var(--color-foreground-border-defined);--slider-border-left-focus:var(--color-foreground-border-accent-focus);--slider-border-right-focus:var(--color-foreground-border-accent-focus);--slider-border-bottom-focus:var(--color-foreground-border-accent-focus);--slider-border-top-focus:var(--color-foreground-border-accent-focus)}tds-stepper{--stepper-current-number-with-border:var(--color-foreground-border-strong);--stepper-icon-step-border-warning:var(--color-system-danger-default);--stepper-icon-step-border-success:var(--component-stepper-success);--stepper-label-text-upcoming:var(--color-foreground-text-disabled);--stepper-label-border-upcoming:var(--color-foreground-border-discrete);--stepper-divider-line:var(--color-foreground-icon-disabled)}tds-text-field{--text-field-background-primary:var(--color-background-layer-01);--text-field-background-secondary:var(--color-background-layer-02);--text-field-background:var(--text-field-background-primary);--text-field-text:var(--color-foreground-text-strong);--text-field-placeholder:var(--color-foreground-text-subtle);--text-field-affix:var(--color-foreground-text-defined);--text-field-label:var(--color-foreground-text-strong);--text-field-label-inside:var(--color-foreground-text-strong);--text-field-border-bottom-readonly:var(--color-foreground-border-strong);--text-field-helper:var(--color-foreground-text-defined);--text-field-helper-error:var(--color-system-danger-default);--text-field-affix-error:var(--color-foreground-text-defined);--text-field-background-disabled-primary:var(--color-background-layer-01);--text-field-background-disabled-secondary:var(--color-background-layer-02);--text-field-background-disabled:var(--text-field-background-disabled-primary);--text-field-text-disabled:var(--color-foreground-text-subtle);--text-field-placeholder-disabled:var(--color-foreground-text-subtle);--text-field-label-disabled:var(--color-foreground-text-subtle);--text-field-affix-disabled:var(--color-foreground-text-disabled);--text-field-textcounter:var(--color-foreground-text-defined);--text-field-textcounter-disabled:var(--color-foreground-text-disabled);--text-field-textcounter-divider:var(--color-foreground-text-disabled)}tds-text-field .tds-mode-variant-primary{--text-field-background:var(--text-field-background-primary);--text-field-background-disabled:var(--text-field-background-disabled-primary)}tds-text-field .tds-mode-variant-secondary{--text-field-background:var(--text-field-background-secondary);--text-field-background-disabled:var(--text-field-background-disabled-secondary)}tds-text-field,.scania tds-text-field{--text-field-border-radius:4px 4px 0 0;--text-field-box-shadow:0 1px 0 0 var(--color-foreground-border-soft);--text-field-box-shadow-hover:0 1px 0 0 var(--color-foreground-border-strong);--text-field-box-shadow-focus:0 1px 0 0 var(--color-foreground-border-strong);--text-field-box-shadow-error:0 1px 0 0 var(--color-system-danger-default);--text-field-box-shadow-success:0 1px 0 0 var(--color-foreground-border-strong);--text-field-bar-focus:var(--color-foreground-border-accent-focus);--text-field-bar-error:var(--color-system-danger-default);--text-field-focus-outline:none;--text-field-focus-outline-error:none;--text-field-focus-outline-offset:0}.traton tds-text-field{--text-field-border-radius:4px 4px 4px 4px;--text-field-box-shadow:0 0 0 1px var(--color-foreground-border-soft);--text-field-box-shadow-hover:0 0 0 1px var(--color-foreground-border-strong);--text-field-box-shadow-focus:0 0 0 2px var(--color-foreground-border-accent-focus);--text-field-box-shadow-success:0 0 0 1px var(--color-foreground-border-strong);--text-field-box-shadow-error:0 0 0 1px var(--color-system-danger-default);--text-field-focus-outline:2px solid var(--color-foreground-border-accent-focus);--text-field-focus-outline-error:2px solid var(--color-system-danger-default);--text-field-focus-outline-offset:0;--text-field-bar-focus:transparent;--text-field-bar-error:transparent}tds-folder-tab,tds-folder-tabs{--folder-tab-surface:var(--color-background-surface-200);--folder-tab-surface-selected:var(--color-background-layer-01);--folder-tab-text:var(--color-foreground-text-soft)}tds-folder-tabs.tds-mode-variant-primary tds-folder-tab{--folder-tab-surface-selected:var(--color-background-layer-01)}tds-folder-tabs.tds-mode-variant-secondary tds-folder-tab{--folder-tab-surface-selected:var(--color-background-layer-02)}tds-folder-tabs{--folder-tabs-scroll-button-surface:var(--color-background-surface-300);--folder-tabs-scroll-button-surface-hover:var(--color-background-surface-300);--folder-tabs-scroll-button-surface-active:var(--color-background-surface-300);--folder-tabs-scroll-button-text:var(--color-foreground-text-soft)}tds-folder-tab{--folder-tab-surface-hover:var(--color-background-surface-300);--folder-tab-border-selected:var(--color-foreground-border-accent-focus);--folder-tab-divider-text:var(--color-foreground-icon-discrete);--folder-tab-item-text:var(--color-foreground-text-soft);--folder-tab-item-text-disabled:var(--color-foreground-text-disabled)}tds-inline-tabs{--inline-tabs-horizontal-divider:var(--color-foreground-icon-discrete);--inline-tabs-scroll-button-text:var(--color-foreground-icon-strong);--inline-tabs-scroll-button:transparent;--inline-tabs-scroll-button-hover:transparent;--inline-tabs-scroll-button-active:transparent}tds-inline-tabs.tds-mode-variant-primary{--inline-tabs-scroll-button:var(--inline-tabs-scroll-button-primary)}tds-inline-tabs.tds-mode-variant-secondary{--inline-tabs-scroll-button:var(--inline-tabs-scroll-button-secondary)}tds-inline-tab{--inline-tabs-tab:var(--color-foreground-text-soft);--inline-tabs-tab-selected:var(--color-foreground-text-strong);--inline-tabs-tab-disabled:var(--color-foreground-text-disabled);--inline-tabs-tab-hover:var(--color-foreground-text-strong);--inline-tabs-tab-focus:var(--color-foreground-border-accent-focus);--inline-tabs-tab-indicator-active:var(--color-foreground-border-accent-focus);--inline-tabs-tab-indicator-hover:var(--color-foreground-border-discrete)}tds-navigation-tab{--navigation-tabs-tab:var(--color-foreground-text-soft);--navigation-tabs-tab-selected:var(--color-foreground-text-strong);--navigation-tabs-tab-hover:var(--color-foreground-text-strong);--navigation-tabs-tab-focus:var(--color-foreground-text-strong);--navigation-tabs-tab-disabled:var(--color-foreground-text-disabled);--navigation-tabs-tab-indicator-hover:var(--color-foreground-border-discrete);--navigation-tabs-tab-indicator-active:var(--color-foreground-border-accent-focus)}tds-navigation-tabs{--navigation-tabs-horizontal-divider:var(--color-foreground-icon-discrete);--navigation-tabs-tab-primary:var(--color-background-base);--navigation-tabs-tab-secondary:var(--color-background-layer-01);--navigation-tabs:var(--navigation-tabs-tab-primary);--navigation-tabs-scroll-button-icon:var(--color-foreground-icon-strong);--navigation-tabs-scroll-button:var(--navigation-tabs-tab-primary);--navigation-tabs-scroll-button-hover:var(--navigation-tabs-tab-primary);--navigation-tabs-scroll-button-active:var(--navigation-tabs-tab-primary)}tds-navigation-tabs.tds-mode-variant-primary{--navigation-tabs:var(--navigation-tabs-tab-primary);--navigation-tabs-scroll-button:var(--navigation-tabs-tab-primary)}tds-navigation-tabs.tds-mode-variant-secondary{--navigation-tabs:var(--navigation-tabs-tab-secondary);--navigation-tabs-scroll-button:var(--navigation-tabs-tab-secondary)}tds-textarea{--textarea-background-primary:var(--color-background-layer-01);--textarea-background-secondary:var(--color-background-layer-02);--textarea-background:var(--textarea-background-primary);--textarea-text:var(--color-foreground-text-strong);--textarea-disabled-text:var(--color-foreground-text-disabled);--textarea-disabled-placeholder:var(--color-foreground-text-disabled);--textarea-disabled-label:var(--color-foreground-text-disabled);--textarea-helper-disabled:var(--color-foreground-text-disabled);--textarea-textcounter-disabled:var(--color-foreground-text-disabled);--textarea-label:var(--color-foreground-text-strong);--textarea-label-inside:var(--color-foreground-text-strong);--textarea-placeholder:var(--color-foreground-text-subtle);--textarea-helper:var(--color-foreground-text-defined);--textarea-helper-error:var(--color-system-danger-default);--textarea-textcounter:var(--color-foreground-text-defined);--textarea-textcounter-divider:var(--color-foreground-text-subtle);--textarea-focus-outline:none;--textarea-focus-outline-error:none;--textarea-focus-outline-offset:0;--textarea-icon-read-only-label:var(--color-foreground-text-strong);--textarea-resize-icon:var(--color-foreground-text-subtle)}tds-textarea .tds-mode-variant-primary{--textarea-background:var(--textarea-background-primary);--textarea-disabled-background:var(--textarea-disabled-background-primary)}tds-textarea .tds-mode-variant-secondary{--textarea-background:var(--textarea-background-secondary);--textarea-disabled-background:var(--textarea-disabled-background-secondary)}tds-textarea,.scania tds-textarea{--textarea-border-radius:4px 4px 0 0;--textarea-box-shadow:0 1px 0 0 var(--color-foreground-border-soft);--textarea-box-shadow-hover:0 1px 0 0 var(--color-foreground-border-strong);--textarea-box-shadow-error:0 1px 0 0 var(--color-system-danger-default);--textarea-box-shadow-success:0 1px 0 0 var(--color-foreground-border-strong);--textarea-box-shadow-read-only:0 1px 0 0 var(--color-foreground-border-subtle);--textarea-box-shadow-disabled:none;--textarea-focus-outline:none;--textarea-focus-outline-error:none;--textarea-focus-outline-offset:0;--textarea-bar:var(--color-foreground-border-accent-focus);--textarea-bar-error:var(--color-system-danger-default)}.traton tds-textarea{--textarea-border-radius:4px;--textarea-box-shadow:0 0 0 1px var(--color-foreground-border-soft);--textarea-box-shadow-hover:0 0 0 1px var(--color-foreground-border-strong);--textarea-box-shadow-error:0 0 0 1px var(--color-system-danger-default);--textarea-box-shadow-success:0 0 0 1px var(--color-foreground-border-strong);--textarea-box-shadow-read-only:0 0 0 1px var(--color-foreground-border-subtle);--textarea-box-shadow-disabled:none;--textarea-focus-outline:2px solid var(--color-foreground-border-accent-focus);--textarea-focus-outline-error:2px solid var(--color-system-danger-default);--textarea-focus-outline-offset:0;--textarea-bar:transparent;--textarea-bar-error:transparent}tds-toast{--toast-background:var(--color-background-inverse-base);--toast-headline:var(--color-foreground-text-inverse-strong);--toast-subheadline:var(--color-foreground-text-inverse-soft);--toast-dissmiss:var(--color-foreground-text-inverse-strong);--toast-icon-error:var(--color-system-danger-default);--toast-icon-success:var(--color-system-success-default);--toast-icon-warning:var(--color-system-warning-default);--toast-icon-info:var(--color-system-info-default)}tds-tooltip{--tooltip-text:var(--color-foreground-text-inverse-strong);--tooltip-background:var(--color-background-inverse-layer-03)}:root,.tds-mode-light{--tds-date-picker-input-icon:var(--tds-grey-700);--tds-date-picker-input-icon-disabled:var(--tds-grey-400);--tds-date-picker-calendar-color:var(--tds-grey-958);--tds-date-picker-calendar-bg:var(--tds-grey-50);--tds-date-picker-calendar-box-shadow:0 2px 3px 0 rgb(0 0 0 / 10%);--tds-date-picker-date-color:var(--tds-grey-800);--tds-date-picker-date-bg-hover:rgb(0 0 0 / 8%);--tds-date-picker-date-color-selected:var(--tds-white);--tds-date-picker-date-bg-selected:var(--tds-blue-400);--tds-date-picker-date-color-disabled:var(--tds-grey-600);--tds-date-picker-date-bg-disabled:var(--tds-date-picker-calendar-bg);--tds-date-picker-date-color-not-current-month:var(--tds-grey-500);--tds-date-range-picker-date-bg-in-range:var(--tds-blue-100);--tds-date-range-picker-date-color-in-range:var(--tds-grey-700);--tds-date-range-picker-date-bg-in-range-hover:var(--tds-blue-200)}:root .tds-mode-variant-primary,.tds-mode-light .tds-mode-variant-primary{--tds-date-picker-calendar-bg:var(--tds-blue-200)}:root .tds-mode-variant-secondary,.tds-mode-light .tds-mode-variant-secondary{--tds-date-picker-calendar-bg:var(--tds-white)}.tds-mode-dark{--tds-date-picker-input-icon:var(--tds-grey-50);--tds-date-picker-input-icon-disabled:var(--tds-grey-800);--tds-date-picker-calendar-bg:var(--tds-grey-900);--tds-date-picker-calendar-color:var(--tds-grey-50);--tds-date-picker-calendar-box-shadow:0 2px 3px 0 rgb(0 0 0 / 10%);--tds-date-picker-date-color:var(--tds-grey-300);--tds-date-picker-date-bg-hover:rgb(0 0 0 / 8%);--tds-date-picker-date-bg-selected:var(--tds-blue-400);--tds-date-picker-date-color-selected:var(--tds-white);--tds-date-picker-date-bg-disabled:var(--tds-grey-400);--tds-date-picker-date-color-disabled:var(--tds-grey-600);--tds-date-picker-date-color-not-current-month:var(--tds-grey-700);--tds-date-picker-date-bg-in-range:var(--tds-blue-600);--tds-date-picker-date-color-in-range:var(--tds-grey-300);--tds-date-picker-date-bg-in-range-hover:var(--tds-blue-500)}.tds-mode-dark .tds-mode-variant-primary{--tds-date-picker-calendar-bg:var(--tds-grey-900)}.tds-mode-dark .tds-mode-variant-secondary{--tds-date-picker-calendar-bg:var(--tds-grey-868)}body{font-family:"Scania Sans Semi Condensed", "Scania Sans Condensed", Arial, Helvetica, sans-serif;font-size:14px;margin:0;flex:1}:root .tds-mode-light,:root .tds-mode-dark,.traton .tds-mode-light,.traton .tds-mode-dark,.scania .tds-mode-light,.scania .tds-mode-dark{color:var(--color-foreground-text-strong);background-color:var(--color-background-base)}:root .tds-mode-light.tds-mode-variant-primary,:root .tds-mode-light .tds-mode-variant-primary,:root .tds-mode-dark.tds-mode-variant-primary,:root .tds-mode-dark .tds-mode-variant-primary,.traton .tds-mode-light.tds-mode-variant-primary,.traton .tds-mode-light .tds-mode-variant-primary,.traton .tds-mode-dark.tds-mode-variant-primary,.traton .tds-mode-dark .tds-mode-variant-primary,.scania .tds-mode-light.tds-mode-variant-primary,.scania .tds-mode-light .tds-mode-variant-primary,.scania .tds-mode-dark.tds-mode-variant-primary,.scania .tds-mode-dark .tds-mode-variant-primary{color:var(--color-foreground-text-strong);background-color:var(--color-background-base)}:root .tds-mode-light.tds-mode-variant-secondary,:root .tds-mode-light .tds-mode-variant-secondary,:root .tds-mode-dark.tds-mode-variant-secondary,:root .tds-mode-dark .tds-mode-variant-secondary,.traton .tds-mode-light.tds-mode-variant-secondary,.traton .tds-mode-light .tds-mode-variant-secondary,.traton .tds-mode-dark.tds-mode-variant-secondary,.traton .tds-mode-dark .tds-mode-variant-secondary,.scania .tds-mode-light.tds-mode-variant-secondary,.scania .tds-mode-light .tds-mode-variant-secondary,.scania .tds-mode-dark.tds-mode-variant-secondary,.scania .tds-mode-dark .tds-mode-variant-secondary{color:var(--color-foreground-text-strong);background-color:var(--color-background-layer-01)}:root tds-button.tds-mode-variant-primary,:root tds-button.tds-mode-variant-secondary,.traton tds-button.tds-mode-variant-primary,.traton tds-button.tds-mode-variant-secondary,.scania tds-button.tds-mode-variant-primary,.scania tds-button.tds-mode-variant-secondary{background-color:transparent}:root tds-dropdown.tds-mode-variant-primary,:root tds-dropdown .tds-mode-variant-primary,:root tds-dropdown.tds-mode-variant-secondary,:root tds-dropdown .tds-mode-variant-secondary,:root tds-textarea.tds-mode-variant-primary,:root tds-textarea .tds-mode-variant-primary,:root tds-textarea.tds-mode-variant-secondary,:root tds-textarea .tds-mode-variant-secondary,:root tds-text-field.tds-mode-variant-primary,:root tds-text-field .tds-mode-variant-primary,:root tds-text-field.tds-mode-variant-secondary,:root tds-text-field .tds-mode-variant-secondary,.tds-mode-light tds-dropdown.tds-mode-variant-primary,.tds-mode-light tds-dropdown .tds-mode-variant-primary,.tds-mode-light tds-dropdown.tds-mode-variant-secondary,.tds-mode-light tds-dropdown .tds-mode-variant-secondary,.tds-mode-light tds-textarea.tds-mode-variant-primary,.tds-mode-light tds-textarea .tds-mode-variant-primary,.tds-mode-light tds-textarea.tds-mode-variant-secondary,.tds-mode-light tds-textarea .tds-mode-variant-secondary,.tds-mode-light tds-text-field.tds-mode-variant-primary,.tds-mode-light tds-text-field .tds-mode-variant-primary,.tds-mode-light tds-text-field.tds-mode-variant-secondary,.tds-mode-light tds-text-field .tds-mode-variant-secondary{background:transparent}
package/dist-styles/scania-variables.css CHANGED
@@ -401,14 +401,14 @@
401
401
  /* Scania logotype tokens */
402
402
  :root,
403
403
  html {
404
- --tds-background-image-scania-wordmark-png-local: url(../dist/tegel/assets/logos/scania/scania-wordmark.png);
405
- --tds-background-image-scania-wordmark-svg-local: url(../dist/tegel/assets/logos/scania/scania-wordmark.svg);
406
- --tds-background-image-scania-wordmark-white-png-local: url(../dist/tegel/assets/logos/scania/scania-wordmark-white.png);
407
- --tds-background-image-scania-wordmark-white-svg-local: url(../dist/tegel/assets/logos/scania/scania-wordmark-white.svg);
408
- --tds-background-image-scania-symbol-png-local: url(../dist/tegel/assets/logos/scania/scania-symbol.png);
409
- --tds-background-image-scania-symbol-svg-local: url(../dist/tegel/assets/logos/scania/scania-symbol.svg);
410
- --tds-background-image-scania-logotype-png-local: url(../dist/tegel/assets/logos/scania/scania-logotype.png);
411
- --tds-background-image-scania-logotype-svg-local: url(../dist/tegel/assets/logos/scania/scania-logotype.svg);
404
+ --tds-background-image-scania-wordmark-png-local: url(./assets/logos/scania/scania-wordmark.png);
405
+ --tds-background-image-scania-wordmark-svg-local: url(./assets/logos/scania/scania-wordmark.svg);
406
+ --tds-background-image-scania-wordmark-white-png-local: url(./assets/logos/scania/scania-wordmark-white.png);
407
+ --tds-background-image-scania-wordmark-white-svg-local: url(./assets/logos/scania/scania-wordmark-white.svg);
408
+ --tds-background-image-scania-symbol-png-local: url(./assets/logos/scania/scania-symbol.png);
409
+ --tds-background-image-scania-symbol-svg-local: url(./assets/logos/scania/scania-symbol.svg);
410
+ --tds-background-image-scania-logotype-png-local: url(./assets/logos/scania/scania-logotype.png);
411
+ --tds-background-image-scania-logotype-svg-local: url(./assets/logos/scania/scania-logotype.svg);
412
412
  --tds-background-image-scania-wordmark-png: url(https://cdn.digitaldesign.scania.com/logotype/multibrand/scania/scania-wordmark.png);
413
413
  --tds-background-image-scania-wordmark-svg: url(https://cdn.digitaldesign.scania.com/logotype/multibrand/scania/scania-wordmark.svg);
414
414
  --tds-background-image-scania-wordmark-white-png: url(https://cdn.digitaldesign.scania.com/logotype/multibrand/scania/scania-wordmark-white.png);
@@ -732,167 +732,6 @@ html {
732
732
  --detail-07-text-transform: none;
733
733
  }
734
734
 
735
- /* Scania Typography Usage Tokens */
736
- :root,
737
- .scania {
738
- /* Font size tokens */
739
- --super-type-01-font-size: 216px;
740
- --super-type-02-font-size: 156px;
741
- --super-type-03-font-size: 112px;
742
- --expressive-headline-01-font-size: 80px;
743
- --expressive-headline-02-font-size: 56px;
744
- --headline-01-font-size: 40px;
745
- --headline-02-font-size: 32px;
746
- --headline-03-font-size: 24px;
747
- --headline-04-font-size: 20px;
748
- --headline-05-font-size: 16px;
749
- --headline-06-font-size: 14px;
750
- --headline-07-font-size: 14px;
751
- --paragraph-01-font-size: 24px;
752
- --paragraph-02-font-size: 20px;
753
- --body-01-font-size: 16px;
754
- --body-02-font-size: 14px;
755
- --body-link-01-font-size: 16px;
756
- --body-link-02-font-size: 14px;
757
- --detail-01-font-size: 16px;
758
- --detail-02-font-size: 14px;
759
- --detail-03-font-size: 14px;
760
- --detail-04-font-size: 12px;
761
- --detail-05-font-size: 12px;
762
- --detail-06-font-size: 10px;
763
- --detail-07-font-size: 10px;
764
- /* Line height tokens */
765
- --super-type-01-line-height: 183px;
766
- --super-type-02-line-height: 148px;
767
- --super-type-03-line-height: 106px;
768
- --expressive-headline-01-line-height: 80px;
769
- --expressive-headline-02-line-height: 56px;
770
- --headline-01-line-height: 40px;
771
- --headline-02-line-height: 32px;
772
- --headline-03-line-height: 24px;
773
- --headline-04-line-height: 24px;
774
- --headline-05-line-height: 24px;
775
- --headline-06-line-height: 16px;
776
- --headline-07-line-height: 16px;
777
- --paragraph-01-line-height: 32px;
778
- --paragraph-02-line-height: 24px;
779
- --body-01-line-height: 24px;
780
- --body-02-line-height: 20px;
781
- --body-link-01-line-height: 24px;
782
- --body-link-02-line-height: 20px;
783
- --detail-01-line-height: 24px;
784
- --detail-02-line-height: 16px;
785
- --detail-03-line-height: 20px;
786
- --detail-04-line-height: 16px;
787
- --detail-05-line-height: 16px;
788
- --detail-06-line-height: 16px;
789
- --detail-07-line-height: 8px;
790
- /* Font family tokens */
791
- --super-type-01-font-family: "Scania Sans Headline", arial, "Helvetica Neue";
792
- --super-type-02-font-family: "Scania Sans Headline", arial, "Helvetica Neue";
793
- --super-type-03-font-family: "Scania Sans Headline", arial, "Helvetica Neue";
794
- --expressive-headline-01-font-family: "Scania Sans Headline", arial, "Helvetica Neue";
795
- --expressive-headline-02-font-family: "Scania Sans Headline", arial, "Helvetica Neue";
796
- --headline-01-font-family: "Scania Sans Headline", arial, "Helvetica Neue";
797
- --headline-02-font-family: "Scania Sans", arial, "Helvetica Neue";
798
- --headline-03-font-family: "Scania Sans", arial, "Helvetica Neue";
799
- --headline-04-font-family: "Scania Sans", arial, "Helvetica Neue";
800
- --headline-05-font-family: "Scania Sans", arial, "Helvetica Neue";
801
- --headline-06-font-family: "Scania Sans", arial, "Helvetica Neue";
802
- --headline-07-font-family: "Scania Sans Semi Condensed", arial, "Helvetica Neue";
803
- --paragraph-01-font-family: "Scania Sans", arial, "Helvetica Neue";
804
- --paragraph-02-font-family: "Scania Sans", arial, "Helvetica Neue";
805
- --body-01-font-family: "Scania Sans", arial, "Helvetica Neue";
806
- --body-02-font-family: "Scania Sans", arial, "Helvetica Neue";
807
- --body-link-01-font-family: "Scania Sans", arial, "Helvetica Neue";
808
- --body-link-02-font-family: "Scania Sans", arial, "Helvetica Neue";
809
- --detail-01-font-family: "Scania Sans Semi Condensed", arial, "Helvetica Neue";
810
- --detail-02-font-family: "Scania Sans Semi Condensed", arial, "Helvetica Neue";
811
- --detail-03-font-family: "Scania Sans Semi Condensed", arial, "Helvetica Neue";
812
- --detail-04-font-family: "Scania Sans", arial, "Helvetica Neue";
813
- --detail-05-font-family: "Scania Sans Semi Condensed", arial, "Helvetica Neue";
814
- --detail-06-font-family: "Scania Sans", arial, "Helvetica Neue";
815
- --detail-07-font-family: "Scania Sans Semi Condensed", arial, "Helvetica Neue";
816
- /* Font weight tokens */
817
- --super-type-01-font-weight: bold;
818
- --super-type-02-font-weight: bold;
819
- --super-type-03-font-weight: bold;
820
- --expressive-headline-01-font-weight: bold;
821
- --expressive-headline-02-font-weight: bold;
822
- --headline-01-font-weight: bold;
823
- --headline-02-font-weight: bold;
824
- --headline-03-font-weight: bold;
825
- --headline-04-font-weight: bold;
826
- --headline-05-font-weight: bold;
827
- --headline-06-font-weight: bold;
828
- --headline-07-font-weight: bold;
829
- --paragraph-01-font-weight: normal;
830
- --paragraph-02-font-weight: normal;
831
- --body-01-font-weight: normal;
832
- --body-02-font-weight: normal;
833
- --body-link-01-font-weight: normal;
834
- --body-link-02-font-weight: normal;
835
- --detail-01-font-weight: normal;
836
- --detail-02-font-weight: normal;
837
- --detail-03-font-weight: normal;
838
- --detail-04-font-weight: bold;
839
- --detail-05-font-weight: normal;
840
- --detail-06-font-weight: bold;
841
- --detail-07-font-weight: normal;
842
- /* Letter spacing tokens */
843
- --super-type-01-letter-spacing: 0;
844
- --super-type-02-letter-spacing: 0;
845
- --super-type-03-letter-spacing: 0;
846
- --expressive-headline-01-letter-spacing: 0;
847
- --expressive-headline-02-letter-spacing: 0;
848
- --headline-01-letter-spacing: 0;
849
- --headline-02-letter-spacing: -1.28px;
850
- --headline-03-letter-spacing: -0.72px;
851
- --headline-04-letter-spacing: -0.2px;
852
- --headline-05-letter-spacing: -0.32px;
853
- --headline-06-letter-spacing: -0.28px;
854
- --headline-07-letter-spacing: -0.14px;
855
- --paragraph-01-letter-spacing: -0.72px;
856
- --paragraph-02-letter-spacing: -0.2px;
857
- --body-01-letter-spacing: -0.32px;
858
- --body-02-letter-spacing: -0.14px;
859
- --body-link-01-letter-spacing: -0.32px;
860
- --body-link-02-letter-spacing: -0.14px;
861
- --detail-01-letter-spacing: -0.16px;
862
- --detail-02-letter-spacing: -0.14px;
863
- --detail-03-letter-spacing: -0.14px;
864
- --detail-04-letter-spacing: 0.96px;
865
- --detail-05-letter-spacing: 0;
866
- --detail-06-letter-spacing: 0.8px;
867
- --detail-07-letter-spacing: 0;
868
- /* Text transform tokens */
869
- --super-type-01-text-transform: uppercase;
870
- --super-type-02-text-transform: uppercase;
871
- --super-type-03-text-transform: uppercase;
872
- --expressive-headline-01-text-transform: uppercase;
873
- --expressive-headline-02-text-transform: uppercase;
874
- --headline-01-text-transform: uppercase;
875
- --headline-02-text-transform: none;
876
- --headline-03-text-transform: none;
877
- --headline-04-text-transform: none;
878
- --headline-05-text-transform: none;
879
- --headline-06-text-transform: none;
880
- --headline-07-text-transform: none;
881
- --paragraph-01-text-transform: none;
882
- --paragraph-02-text-transform: none;
883
- --body-01-text-transform: none;
884
- --body-02-text-transform: none;
885
- --body-link-01-text-transform: none;
886
- --body-link-02-text-transform: none;
887
- --detail-01-text-transform: none;
888
- --detail-02-text-transform: none;
889
- --detail-03-text-transform: none;
890
- --detail-04-text-transform: uppercase;
891
- --detail-05-text-transform: none;
892
- --detail-06-text-transform: uppercase;
893
- --detail-07-text-transform: none;
894
- }
895
-
896
735
  /* TODO: Add CY to all cyrilic fonts */
897
736
  @font-face {
898
737
  font-family: "Scania Sans";
package/dist-styles/scania.css CHANGED
@@ -401,14 +401,14 @@
401
401
  /* Scania logotype tokens */
402
402
  :root,
403
403
  html {
404
- --tds-background-image-scania-wordmark-png-local: url(../dist/tegel/assets/logos/scania/scania-wordmark.png);
405
- --tds-background-image-scania-wordmark-svg-local: url(../dist/tegel/assets/logos/scania/scania-wordmark.svg);
406
- --tds-background-image-scania-wordmark-white-png-local: url(../dist/tegel/assets/logos/scania/scania-wordmark-white.png);
407
- --tds-background-image-scania-wordmark-white-svg-local: url(../dist/tegel/assets/logos/scania/scania-wordmark-white.svg);
408
- --tds-background-image-scania-symbol-png-local: url(../dist/tegel/assets/logos/scania/scania-symbol.png);
409
- --tds-background-image-scania-symbol-svg-local: url(../dist/tegel/assets/logos/scania/scania-symbol.svg);
410
- --tds-background-image-scania-logotype-png-local: url(../dist/tegel/assets/logos/scania/scania-logotype.png);
411
- --tds-background-image-scania-logotype-svg-local: url(../dist/tegel/assets/logos/scania/scania-logotype.svg);
404
+ --tds-background-image-scania-wordmark-png-local: url(./assets/logos/scania/scania-wordmark.png);
405
+ --tds-background-image-scania-wordmark-svg-local: url(./assets/logos/scania/scania-wordmark.svg);
406
+ --tds-background-image-scania-wordmark-white-png-local: url(./assets/logos/scania/scania-wordmark-white.png);
407
+ --tds-background-image-scania-wordmark-white-svg-local: url(./assets/logos/scania/scania-wordmark-white.svg);
408
+ --tds-background-image-scania-symbol-png-local: url(./assets/logos/scania/scania-symbol.png);
409
+ --tds-background-image-scania-symbol-svg-local: url(./assets/logos/scania/scania-symbol.svg);
410
+ --tds-background-image-scania-logotype-png-local: url(./assets/logos/scania/scania-logotype.png);
411
+ --tds-background-image-scania-logotype-svg-local: url(./assets/logos/scania/scania-logotype.svg);
412
412
  --tds-background-image-scania-wordmark-png: url(https://cdn.digitaldesign.scania.com/logotype/multibrand/scania/scania-wordmark.png);
413
413
  --tds-background-image-scania-wordmark-svg: url(https://cdn.digitaldesign.scania.com/logotype/multibrand/scania/scania-wordmark.svg);
414
414
  --tds-background-image-scania-wordmark-white-png: url(https://cdn.digitaldesign.scania.com/logotype/multibrand/scania/scania-wordmark-white.png);
@@ -732,167 +732,6 @@ html {
732
732
  --detail-07-text-transform: none;
733
733
  }
734
734
 
735
- /* Scania Typography Usage Tokens */
736
- :root,
737
- .scania {
738
- /* Font size tokens */
739
- --super-type-01-font-size: 216px;
740
- --super-type-02-font-size: 156px;
741
- --super-type-03-font-size: 112px;
742
- --expressive-headline-01-font-size: 80px;
743
- --expressive-headline-02-font-size: 56px;
744
- --headline-01-font-size: 40px;
745
- --headline-02-font-size: 32px;
746
- --headline-03-font-size: 24px;
747
- --headline-04-font-size: 20px;
748
- --headline-05-font-size: 16px;
749
- --headline-06-font-size: 14px;
750
- --headline-07-font-size: 14px;
751
- --paragraph-01-font-size: 24px;
752
- --paragraph-02-font-size: 20px;
753
- --body-01-font-size: 16px;
754
- --body-02-font-size: 14px;
755
- --body-link-01-font-size: 16px;
756
- --body-link-02-font-size: 14px;
757
- --detail-01-font-size: 16px;
758
- --detail-02-font-size: 14px;
759
- --detail-03-font-size: 14px;
760
- --detail-04-font-size: 12px;
761
- --detail-05-font-size: 12px;
762
- --detail-06-font-size: 10px;
763
- --detail-07-font-size: 10px;
764
- /* Line height tokens */
765
- --super-type-01-line-height: 183px;
766
- --super-type-02-line-height: 148px;
767
- --super-type-03-line-height: 106px;
768
- --expressive-headline-01-line-height: 80px;
769
- --expressive-headline-02-line-height: 56px;
770
- --headline-01-line-height: 40px;
771
- --headline-02-line-height: 32px;
772
- --headline-03-line-height: 24px;
773
- --headline-04-line-height: 24px;
774
- --headline-05-line-height: 24px;
775
- --headline-06-line-height: 16px;
776
- --headline-07-line-height: 16px;
777
- --paragraph-01-line-height: 32px;
778
- --paragraph-02-line-height: 24px;
779
- --body-01-line-height: 24px;
780
- --body-02-line-height: 20px;
781
- --body-link-01-line-height: 24px;
782
- --body-link-02-line-height: 20px;
783
- --detail-01-line-height: 24px;
784
- --detail-02-line-height: 16px;
785
- --detail-03-line-height: 20px;
786
- --detail-04-line-height: 16px;
787
- --detail-05-line-height: 16px;
788
- --detail-06-line-height: 16px;
789
- --detail-07-line-height: 8px;
790
- /* Font family tokens */
791
- --super-type-01-font-family: "Scania Sans Headline", arial, "Helvetica Neue";
792
- --super-type-02-font-family: "Scania Sans Headline", arial, "Helvetica Neue";
793
- --super-type-03-font-family: "Scania Sans Headline", arial, "Helvetica Neue";
794
- --expressive-headline-01-font-family: "Scania Sans Headline", arial, "Helvetica Neue";
795
- --expressive-headline-02-font-family: "Scania Sans Headline", arial, "Helvetica Neue";
796
- --headline-01-font-family: "Scania Sans Headline", arial, "Helvetica Neue";
797
- --headline-02-font-family: "Scania Sans", arial, "Helvetica Neue";
798
- --headline-03-font-family: "Scania Sans", arial, "Helvetica Neue";
799
- --headline-04-font-family: "Scania Sans", arial, "Helvetica Neue";
800
- --headline-05-font-family: "Scania Sans", arial, "Helvetica Neue";
801
- --headline-06-font-family: "Scania Sans", arial, "Helvetica Neue";
802
- --headline-07-font-family: "Scania Sans Semi Condensed", arial, "Helvetica Neue";
803
- --paragraph-01-font-family: "Scania Sans", arial, "Helvetica Neue";
804
- --paragraph-02-font-family: "Scania Sans", arial, "Helvetica Neue";
805
- --body-01-font-family: "Scania Sans", arial, "Helvetica Neue";
806
- --body-02-font-family: "Scania Sans", arial, "Helvetica Neue";
807
- --body-link-01-font-family: "Scania Sans", arial, "Helvetica Neue";
808
- --body-link-02-font-family: "Scania Sans", arial, "Helvetica Neue";
809
- --detail-01-font-family: "Scania Sans Semi Condensed", arial, "Helvetica Neue";
810
- --detail-02-font-family: "Scania Sans Semi Condensed", arial, "Helvetica Neue";
811
- --detail-03-font-family: "Scania Sans Semi Condensed", arial, "Helvetica Neue";
812
- --detail-04-font-family: "Scania Sans", arial, "Helvetica Neue";
813
- --detail-05-font-family: "Scania Sans Semi Condensed", arial, "Helvetica Neue";
814
- --detail-06-font-family: "Scania Sans", arial, "Helvetica Neue";
815
- --detail-07-font-family: "Scania Sans Semi Condensed", arial, "Helvetica Neue";
816
- /* Font weight tokens */
817
- --super-type-01-font-weight: bold;
818
- --super-type-02-font-weight: bold;
819
- --super-type-03-font-weight: bold;
820
- --expressive-headline-01-font-weight: bold;
821
- --expressive-headline-02-font-weight: bold;
822
- --headline-01-font-weight: bold;
823
- --headline-02-font-weight: bold;
824
- --headline-03-font-weight: bold;
825
- --headline-04-font-weight: bold;
826
- --headline-05-font-weight: bold;
827
- --headline-06-font-weight: bold;
828
- --headline-07-font-weight: bold;
829
- --paragraph-01-font-weight: normal;
830
- --paragraph-02-font-weight: normal;
831
- --body-01-font-weight: normal;
832
- --body-02-font-weight: normal;
833
- --body-link-01-font-weight: normal;
834
- --body-link-02-font-weight: normal;
835
- --detail-01-font-weight: normal;
836
- --detail-02-font-weight: normal;
837
- --detail-03-font-weight: normal;
838
- --detail-04-font-weight: bold;
839
- --detail-05-font-weight: normal;
840
- --detail-06-font-weight: bold;
841
- --detail-07-font-weight: normal;
842
- /* Letter spacing tokens */
843
- --super-type-01-letter-spacing: 0;
844
- --super-type-02-letter-spacing: 0;
845
- --super-type-03-letter-spacing: 0;
846
- --expressive-headline-01-letter-spacing: 0;
847
- --expressive-headline-02-letter-spacing: 0;
848
- --headline-01-letter-spacing: 0;
849
- --headline-02-letter-spacing: -1.28px;
850
- --headline-03-letter-spacing: -0.72px;
851
- --headline-04-letter-spacing: -0.2px;
852
- --headline-05-letter-spacing: -0.32px;
853
- --headline-06-letter-spacing: -0.28px;
854
- --headline-07-letter-spacing: -0.14px;
855
- --paragraph-01-letter-spacing: -0.72px;
856
- --paragraph-02-letter-spacing: -0.2px;
857
- --body-01-letter-spacing: -0.32px;
858
- --body-02-letter-spacing: -0.14px;
859
- --body-link-01-letter-spacing: -0.32px;
860
- --body-link-02-letter-spacing: -0.14px;
861
- --detail-01-letter-spacing: -0.16px;
862
- --detail-02-letter-spacing: -0.14px;
863
- --detail-03-letter-spacing: -0.14px;
864
- --detail-04-letter-spacing: 0.96px;
865
- --detail-05-letter-spacing: 0;
866
- --detail-06-letter-spacing: 0.8px;
867
- --detail-07-letter-spacing: 0;
868
- /* Text transform tokens */
869
- --super-type-01-text-transform: uppercase;
870
- --super-type-02-text-transform: uppercase;
871
- --super-type-03-text-transform: uppercase;
872
- --expressive-headline-01-text-transform: uppercase;
873
- --expressive-headline-02-text-transform: uppercase;
874
- --headline-01-text-transform: uppercase;
875
- --headline-02-text-transform: none;
876
- --headline-03-text-transform: none;
877
- --headline-04-text-transform: none;
878
- --headline-05-text-transform: none;
879
- --headline-06-text-transform: none;
880
- --headline-07-text-transform: none;
881
- --paragraph-01-text-transform: none;
882
- --paragraph-02-text-transform: none;
883
- --body-01-text-transform: none;
884
- --body-02-text-transform: none;
885
- --body-link-01-text-transform: none;
886
- --body-link-02-text-transform: none;
887
- --detail-01-text-transform: none;
888
- --detail-02-text-transform: none;
889
- --detail-03-text-transform: none;
890
- --detail-04-text-transform: uppercase;
891
- --detail-05-text-transform: none;
892
- --detail-06-text-transform: uppercase;
893
- --detail-07-text-transform: none;
894
- }
895
-
896
735
  /* TODO: Add CY to all cyrilic fonts */
897
736
  @font-face {
898
737
  font-family: "Scania Sans";
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@scania/tegel",
3
- "version": "1.34.0-multibrand-beta.1",
3
+ "version": "1.34.0-multibrand-beta.2",
4
4
  "description": "Tegel Design System",
5
5
  "type": "module",
6
6
  "keywords": [