/**
 * Do not edit directly, this file was auto-generated.
 */
:root,
.tds-mode-light,
.scania .tds-mode-light,
.scania.tds-mode-light,
.scania .tl-mode-light,
.scania.tl-mode-light {
  --component-divider-border-discrete-default: var(--scania-color-grey-200);
  --component-divider-border-subtle-default: var(--scania-color-grey-350);
  --component-divider-border-soft-default: var(--scania-color-grey-500);
  --component-divider-border-defined-default: var(--scania-color-grey-650);
  --component-divider-border-strong-default: var(--color-border-strong);
  --component-divider-border-expressive-default: var(--scania-color-blue-700);
}

.traton .tds-mode-light,
.traton.tds-mode-light,
.traton .tl-mode-light,
.traton.tl-mode-light {
  --component-divider-border-discrete-default: var(--color-border-discrete);
  --component-divider-border-subtle-default: var(--color-border-subtle);
  --component-divider-border-soft-default: var(--color-border-soft);
  --component-divider-border-defined-default: var(--color-border-defined);
  --component-divider-border-strong-default: var(--color-border-strong);
  --component-divider-border-expressive-default: var(--component-divider-border-strong-default);
}

.tds-mode-dark,
.scania .tds-mode-dark,
.scania.tds-mode-dark,
.scania .tl-mode-dark,
.scania.tl-mode-dark {
  --component-divider-border-discrete-default: var(--color-border-discrete);
  --component-divider-border-subtle-default: var(--color-border-subtle);
  --component-divider-border-soft-default: var(--color-border-soft);
  --component-divider-border-defined-default: var(--color-border-defined);
  --component-divider-border-strong-default: var(--color-border-strong);
  --component-divider-border-expressive-default: var(--scania-color-blue-800);
}

.traton .tds-mode-dark,
.traton.tds-mode-dark,
.traton .tl-mode-dark,
.traton.tl-mode-dark {
  --component-divider-border-discrete-default: var(--color-border-discrete);
  --component-divider-border-subtle-default: var(--color-border-subtle);
  --component-divider-border-soft-default: var(--color-border-soft);
  --component-divider-border-defined-default: var(--color-border-defined);
  --component-divider-border-strong-default: var(--color-border-strong);
  --component-divider-border-expressive-default: var(--component-divider-border-strong-default);
}

.tl-divider {
  --divider-background: var(--component-divider-border-discrete-default);
  --divider-background-discrete: var(--component-divider-border-discrete-default);
  --divider-background-subtle: var(--component-divider-border-subtle-default);
  --divider-background-soft: var(--component-divider-border-soft-default);
  --divider-background-defined: var(--component-divider-border-defined-default);
  --divider-background-strong: var(--component-divider-border-strong-default);
  --divider-background-expressive: var(--component-divider-border-expressive-default);
}

.tl-divider {
  box-sizing: border-box;
}
.tl-divider * {
  box-sizing: border-box;
}
.tl-divider {
  background-color: var(--divider-background);
}
.tl-divider--expressive {
  background-color: var(--divider-background-strong);
}
.tl-divider--discrete {
  background-color: var(--divider-background-discrete);
}
.tl-divider--horizontal {
  width: 100%;
  height: 1px;
}
.tl-divider--vertical {
  height: 100%;
  width: 1px;
}