@font-face {
  font-family: 'ABBvoice';
  src: url('fonts/ABBvoice_W_Lt.woff2') format('woff2');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'ABBvoice';
  src: url('fonts/ABBvoice_W_Rg.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'ABBvoice';
  src: url('fonts/ABBvoice_W_Md.woff2') format('woff2');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'ABBvoice';
  src: url('fonts/ABBvoice_W_Bd.woff2') format('woff2');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@media only screen and (max-width: 767px) {
  :root {
    --aot-spacing-gutter: 16px;
    --aot-spacing-xxs: 8px;
    --aot-spacing-xs: 16px;
    --aot-spacing-s: 16px;
    --aot-spacing-m: 24px;
    --aot-spacing-l: 32px;
    --aot-spacing-xl: 40px;
    --aot-spacing-xxl: 48px;
    --aot-spacing-xxxl: 56px;
    --aot-spacing-4xl: 64px;
    --aot-page-component-spacing-top: 80px;
    --aot-page-component-spacing-bottom: 80px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  :root {
    --aot-spacing-gutter: 24px;
    --aot-spacing-xxs: 8px;
    --aot-spacing-xs: 16px;
    --aot-spacing-s: 24px;
    --aot-spacing-m: 32px;
    --aot-spacing-l: 40px;
    --aot-spacing-xl: 48px;
    --aot-spacing-xxl: 56px;
    --aot-spacing-xxxl: 64px;
    --aot-spacing-4xl: 80px;
    --aot-page-component-spacing-top: 96px;
    --aot-page-component-spacing-bottom: 96px;
  }
}

@media only screen and (min-width: 1024px) and (max-width: 1439px) {
  :root {
    --aot-spacing-gutter: 24px;
    --aot-spacing-xxs: 8px;
    --aot-spacing-xs: 16px;
    --aot-spacing-s: 24px;
    --aot-spacing-m: 32px;
    --aot-spacing-l: 40px;
    --aot-spacing-xl: 48px;
    --aot-spacing-xxl: 56px;
    --aot-spacing-xxxl: 64px;
    --aot-spacing-4xl: 80px;
    --aot-page-component-spacing-top: 96px;
    --aot-page-component-spacing-bottom: 96px;
  }
}

@media only screen and (min-width: 1440px) {
  :root {
    --aot-spacing-gutter: 24px;
    --aot-spacing-xxs: 16px;
    --aot-spacing-xs: 24px;
    --aot-spacing-s: 32px;
    --aot-spacing-m: 40px;
    --aot-spacing-l: 48px;
    --aot-spacing-xl: 56px;
    --aot-spacing-xxl: 64px;
    --aot-spacing-xxxl: 72px;
    --aot-spacing-4xl: 96px;
    --aot-page-component-spacing-top: 128px;
    --aot-page-component-spacing-bottom: 128px;
  }
}

:root {
  --aot-typography_font-family: 'ABBvoice', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  --aot-spacing-fixed-xs: 4px;
  --aot-spacing-fixed-s: 8px;
  --aot-spacing-fixed-m: 12px;
  --aot-spacing-fixed-l: 16px;
  --aot-spacing-fixed-xl: 24px;
  --aot-spacing-fixed-xxl: 36px;
}

body {
  margin: 0;
  padding: 0;
  font-family: var(--aot-typography_font-family);

  hyphens: auto;
  hyphenate-limit-chars: 12 4 4;

  [data-testid='link-outlined'] span,
  [data-testid='button-outlined'] span,
  [data-testid='button-contained'] span,
  [data-testid='button-text'] span,
  [data-testid='button-icon-contained'] span,
  [data-testid='button-icon-outlined'] span,
  [data-testid='icon-link-contained'] span,
  [data-testid='link-contained'] span,
  [data-testid='link-outlined'] span,
  [data-testid='link-text'] span,
  [data-testid='skip-link'] span,
  h1,
  h2,
  h3 {
    hyphens: none;
  }
}