/*! modern-normalize v3.0.1 | MIT License | https://github.com/sindresorhus/modern-normalize */
/*
Document
========
*/
/**
Use a better box model (opinionated).
*/
*,
::before,
::after {
  box-sizing: border-box;
}

html {
  /* Improve consistency of default fonts in all browsers. (https://github.com/sindresorhus/modern-normalize/issues/3) */
  font-family: system-ui, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
  line-height: 1.15; /* 1. Correct the line height in all browsers. */
  -webkit-text-size-adjust: 100%; /* 2. Prevent adjustments of font size after orientation changes in iOS. */
  tab-size: 4; /* 3. Use a more readable tab size (opinionated). */
}

/*
Sections
========
*/
body {
  margin: 0; /* Remove the margin in all browsers. */
}

/*
Text-level semantics
====================
*/
/**
Add the correct font weight in Chrome and Safari.
*/
b,
strong {
  font-weight: bolder;
}

/**
1. Improve consistency of default fonts in all browsers. (https://github.com/sindresorhus/modern-normalize/issues/3)
2. Correct the odd 'em' font sizing in all browsers.
*/
code,
kbd,
samp,
pre {
  font-family: ui-monospace, SFMono-Regular, Consolas, "Liberation Mono", Menlo, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/**
Add the correct font size in all browsers.
*/
small {
  font-size: 80%;
}

/**
Prevent 'sub' and 'sup' elements from affecting the line height in all browsers.
*/
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/*
Tabular data
============
*/
/**
Correct table border color inheritance in Chrome and Safari. (https://issues.chromium.org/issues/40615503, https://bugs.webkit.org/show_bug.cgi?id=195016)
*/
table {
  border-color: currentcolor;
}

/*
Forms
=====
*/
/**
1. Change the font styles in all browsers.
2. Remove the margin in Firefox and Safari.
*/
button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-size: 100%; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}

/**
Correct the inability to style clickable types in iOS and Safari.
*/
button,
[type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
}

/**
Remove the padding so developers are not caught out when they zero out 'fieldset' elements in all browsers.
*/
legend {
  padding: 0;
}

/**
Add the correct vertical alignment in Chrome and Firefox.
*/
progress {
  vertical-align: baseline;
}

/**
Correct the cursor style of increment and decrement buttons in Safari.
*/
::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
  height: auto;
}

/**
1. Correct the odd appearance in Chrome and Safari.
2. Correct the outline style in Safari.
*/
[type=search] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/**
Remove the inner padding in Chrome and Safari on macOS.
*/
::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
1. Correct the inability to style clickable types in iOS and Safari.
2. Change font properties to 'inherit' in Safari.
*/
::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/*
Interactive
===========
*/
/*
Add the correct display in Chrome and Safari.
*/
summary {
  display: list-item;
}

/* DO NOT CHANGE!*/
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
/* DO NOT CHANGE!*/
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
/* DO NOT CHANGE!*/
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
/* DO NOT CHANGE!*/
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
/* DO NOT CHANGE!*/
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
[data-color-mode=light],
:root {
  --basecolors-frame-contrast: #181c56;
  --basecolors-frame-contrastalt: #393d79;
  --basecolors-frame-contrastalt-2: #292b6a;
  --basecolors-frame-default: #ffffff;
  --basecolors-frame-elevated: #ffffff;
  --basecolors-frame-elevatedalt: #f6f6f9;
  --basecolors-frame-subdued: #d9dae8;
  --basecolors-frame-tint: #f6f6f9;
  --basecolors-shape-accent: #181c56;
  --basecolors-shape-bicycle-contrast: #00db9b;
  --basecolors-shape-bicycle-default: #33826b;
  --basecolors-shape-bus-contrast: #ff6392;
  --basecolors-shape-bus-default: #c5044e;
  --basecolors-shape-cableway-contrast: #b482fb;
  --basecolors-shape-cableway-default: #78469a;
  --basecolors-shape-disabled: #6e6f73;
  --basecolors-shape-disabledalt: #b6b8ba;
  --basecolors-shape-ferry-contrast: #6fdfff;
  --basecolors-shape-ferry-default: #0c6693;
  --basecolors-shape-funicular-contrast: #b482fb;
  --basecolors-shape-funicular-default: #78469a;
  --basecolors-shape-helicopter-contrast: #fbafea;
  --basecolors-shape-helicopter-default: #800664;
  --basecolors-shape-highlight: #ff5959;
  --basecolors-shape-light: #ffffff;
  --basecolors-shape-mask: #ffffff;
  --basecolors-shape-maskalt: #ffffff;
  --basecolors-shape-metro-contrast: #f08901;
  --basecolors-shape-metro-default: #bf5826;
  --basecolors-shape-mobility-contrast: #00db9b;
  --basecolors-shape-mobility-default: #33826b;
  --basecolors-shape-plane-contrast: #fbafea;
  --basecolors-shape-plane-default: #800664;
  --basecolors-shape-subdued: #626493;
  --basecolors-shape-subduedalt: #d9dae8;
  --basecolors-shape-taxi-contrast: #ffe082;
  --basecolors-shape-taxi-default: #3d3e40;
  --basecolors-shape-train-contrast: #42a5f5;
  --basecolors-shape-train-default: #00367f;
  --basecolors-shape-tram-contrast: #b482fb;
  --basecolors-shape-tram-default: #78469a;
  --basecolors-shape-walk-contrast: #8284ab;
  --basecolors-shape-walk-default: #8d8e9c;
  --basecolors-shape-airportlinkbus-contrast: #fbafea;
  --basecolors-shape-airportlinkbus-default: #800664;
  --basecolors-shape-airportlinkrail-contrast: #fbafea;
  --basecolors-shape-airportlinkrail-default: #800664;
  --basecolors-stroke-contrast: #aeb7e2;
  --basecolors-stroke-default: #181c56;
  --basecolors-stroke-disabled: #949699;
  --basecolors-stroke-focus-contrast: #aeb7e2;
  --basecolors-stroke-focus-standard: #181c56;
  --basecolors-stroke-highlight: #ff5959;
  --basecolors-stroke-light: #ffffff;
  --basecolors-stroke-subdued: #8284ab;
  --basecolors-stroke-subduedalt: #e3e6e8;
  --basecolors-text-accent: #181c56;
  --basecolors-text-disabled: #6e6f73;
  --basecolors-text-disabledalt: #b6b8ba;
  --basecolors-text-highlight: #ff5959;
  --basecolors-text-light: #ffffff;
  --basecolors-text-subdued: #626493;
  --basecolors-text-subduedalt: #d9dae8;
}

[data-color-mode=dark] {
  --basecolors-frame-contrast: #212233;
  --basecolors-frame-contrastalt: #141527;
  --basecolors-frame-contrastalt-2: #08091c;
  --basecolors-frame-default: #08091c;
  --basecolors-frame-elevated: rgba(229, 229, 233, 0.1490196078);
  --basecolors-frame-elevatedalt: #464755;
  --basecolors-frame-subdued: #2d2e3e;
  --basecolors-frame-tint: #141527;
  --basecolors-shape-accent: #e5e5e9;
  --basecolors-shape-bicycle-contrast: #4db295;
  --basecolors-shape-bicycle-default: #4db295;
  --basecolors-shape-bus-contrast: #ef7398;
  --basecolors-shape-bus-default: #ef7398;
  --basecolors-shape-cableway-contrast: #b898e5;
  --basecolors-shape-cableway-default: #b898e5;
  --basecolors-shape-disabled: #b6b8ba;
  --basecolors-shape-disabledalt: #b3b4bd;
  --basecolors-shape-ferry-contrast: #8ccfe2;
  --basecolors-shape-ferry-default: #8ccfe2;
  --basecolors-shape-funicular-contrast: #b898e5;
  --basecolors-shape-funicular-default: #b898e5;
  --basecolors-shape-helicopter-contrast: #f2b8e5;
  --basecolors-shape-helicopter-default: #f2b8e5;
  --basecolors-shape-highlight: #ff9494;
  --basecolors-shape-light: #e5e5e9;
  --basecolors-shape-mask: #2d2e3e;
  --basecolors-shape-maskalt: #393a49;
  --basecolors-shape-metro-contrast: #dd973c;
  --basecolors-shape-metro-default: #dd973c;
  --basecolors-shape-mobility-contrast: #4db295;
  --basecolors-shape-mobility-default: #4db295;
  --basecolors-shape-plane-contrast: #f2b8e5;
  --basecolors-shape-plane-default: #f2b8e5;
  --basecolors-shape-subdued: #b3b4bd;
  --basecolors-shape-subduedalt: #b3b4bd;
  --basecolors-shape-taxi-contrast: #ffe082;
  --basecolors-shape-taxi-default: #ffe082;
  --basecolors-shape-train-contrast: #60a2d7;
  --basecolors-shape-train-default: #60a2d7;
  --basecolors-shape-tram-contrast: #b898e5;
  --basecolors-shape-tram-default: #b898e5;
  --basecolors-shape-walk-contrast: #8d8e9c;
  --basecolors-shape-walk-default: #8d8e9c;
  --basecolors-shape-airportlinkbus-contrast: #f2b8e5;
  --basecolors-shape-airportlinkbus-default: #f2b8e5;
  --basecolors-shape-airportlinkrail-contrast: #f2b8e5;
  --basecolors-shape-airportlinkrail-default: #f2b8e5;
  --basecolors-stroke-contrast: #aeb7e2;
  --basecolors-stroke-default: #b3b4bd;
  --basecolors-stroke-disabled: #e3e6e8;
  --basecolors-stroke-focus-contrast: #aeb7e2;
  --basecolors-stroke-focus-standard: #aeb7e2;
  --basecolors-stroke-highlight: #ff9494;
  --basecolors-stroke-light: #b3b4bd;
  --basecolors-stroke-subdued: #81828f;
  --basecolors-stroke-subduedalt: #949699;
  --basecolors-text-accent: #e5e5e9;
  --basecolors-text-disabled: #b6b8ba;
  --basecolors-text-disabledalt: #b6b8ba;
  --basecolors-text-highlight: #ff9494;
  --basecolors-text-light: #e5e5e9;
  --basecolors-text-subdued: #b3b4bd;
  --basecolors-text-subduedalt: #b3b4bd;
}

/* DO NOT CHANGE!*/
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
[data-color-mode=light],
:root {
  --components-typography-basetext-contrast-text-accent: #ffffff;
  --components-typography-basetext-standard-text-accent: #181c56;
  --components-typography-blockquote-contrast-stroke: #8284ab;
  --components-typography-blockquote-contrast-text-accent: #ffffff;
  --components-typography-blockquote-contrast-text-subdued: #d9dae8;
  --components-typography-blockquote-standard-stroke: #8284ab;
  --components-typography-blockquote-standard-text-accent: #181c56;
  --components-typography-blockquote-standard-text-subdued: #626493;
  --components-typography-codetext-contrast-border: rgba(255, 255, 255, 0);
  --components-typography-codetext-contrast-border-interactive: #aeb7e2;
  --components-typography-codetext-contrast-fill: #f6f6f9;
  --components-typography-codetext-contrast-text: #181c56;
  --components-typography-codetext-standard-border: rgba(84, 86, 140, 0.4);
  --components-typography-codetext-standard-border-interactive: #181c56;
  --components-typography-codetext-standard-fill: #f6f6f9;
  --components-typography-codetext-standard-text: #181c56;
  --components-typography-label-contrast-text-accent: #d9dae8;
  --components-typography-label-standard-text-accent: #626493;
  --components-typography-list-contrast-border: #aeb7e2;
  --components-typography-list-contrast-text-accent: #ffffff;
  --components-typography-list-standard-border: #aeb7e2;
  --components-typography-list-standard-text-accent: #181c56;
}

[data-color-mode=dark] {
  --components-typography-basetext-contrast-text-accent: #e5e5e9;
  --components-typography-basetext-standard-text-accent: #e5e5e9;
  --components-typography-blockquote-contrast-stroke: #81828f;
  --components-typography-blockquote-contrast-text-accent: #e5e5e9;
  --components-typography-blockquote-contrast-text-subdued: #b3b4bd;
  --components-typography-blockquote-standard-stroke: #81828f;
  --components-typography-blockquote-standard-text-accent: #e5e5e9;
  --components-typography-blockquote-standard-text-subdued: #b3b4bd;
  --components-typography-codetext-contrast-border: rgba(255, 255, 255, 0);
  --components-typography-codetext-contrast-border-interactive: #e5e5e9;
  --components-typography-codetext-contrast-fill: #393a49;
  --components-typography-codetext-contrast-text: #e5e5e9;
  --components-typography-codetext-standard-border: rgba(255, 255, 255, 0);
  --components-typography-codetext-standard-border-interactive: #e5e5e9;
  --components-typography-codetext-standard-fill: #393a49;
  --components-typography-codetext-standard-text: #e5e5e9;
  --components-typography-label-contrast-text-accent: #e5e5e9;
  --components-typography-label-standard-text-accent: #e5e5e9;
  --components-typography-list-contrast-border: #aeb7e2;
  --components-typography-list-contrast-text-accent: #e5e5e9;
  --components-typography-list-standard-border: #aeb7e2;
  --components-typography-list-standard-text-accent: #e5e5e9;
}

@font-face {
  font-family: "Nationale";
  src: url("./fonts/Entur-Nationale-Light.eot");
  src: url("./fonts/Entur-Nationale-Light.eot?#iefix") format("embedded-opentype"), url("./fonts/Entur-Nationale-Light.woff2") format("woff2"), url("./fonts/Entur-Nationale-Light.woff") format("woff");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Nationale";
  src: url("./fonts/Entur-Nationale-LightItalic.eot");
  src: url("./fonts/Entur-Nationale-LightItalic.eot?#iefix") format("embedded-opentype"), url("./fonts/Entur-Nationale-LightItalic.woff2") format("woff2"), url("./fonts/Entur-Nationale-LightItalic.woff") format("woff");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Nationale";
  src: url("./fonts/Entur-Nationale-Regular.eot");
  src: url("./fonts/Entur-Nationale-Regular.eot?#iefix") format("embedded-opentype"), url("./fonts/Entur-Nationale-Regular.woff2") format("woff2"), url("./fonts/Entur-Nationale-Regular.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Nationale";
  src: url("./fonts/Entur-Nationale-Italic.eot");
  src: url("./fonts/Entur-Nationale-Italic.eot?#iefix") format("embedded-opentype"), url("./fonts/Entur-Nationale-Italic.woff2") format("woff2"), url("./fonts/Entur-Nationale-Italic.woff") format("woff");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Nationale";
  src: url("./fonts/Entur-Nationale-Medium.eot");
  src: url("./fonts/Entur-Nationale-Medium.eot?#iefix") format("embedded-opentype"), url("./fonts/Entur-Nationale-Medium.woff2") format("woff2"), url("./fonts/Entur-Nationale-Medium.woff") format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Nationale";
  src: url("./fonts/Entur-Nationale-MediumItalic.eot");
  src: url("./fonts/Entur-Nationale-MediumItalic.eot?#iefix") format("embedded-opentype"), url("./fonts/Entur-Nationale-MediumItalic.woff2") format("woff2"), url("./fonts/Entur-Nationale-MediumItalic.woff") format("woff");
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Nationale";
  src: url("./fonts/Entur-Nationale-Demibold.eot");
  src: url("./fonts/Entur-Nationale-Demibold.eot?#iefix") format("embedded-opentype"), url("./fonts/Entur-Nationale-Demibold.woff2") format("woff2"), url("./fonts/Entur-Nationale-Demibold.woff") format("woff");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Nationale";
  src: url("./fonts/Entur-Nationale-DemiboldItalic.eot");
  src: url("./fonts/Entur-Nationale-DemiboldItalic.eot?#iefix") format("embedded-opentype"), url("./fonts/Entur-Nationale-DemiboldItalic.woff2") format("woff2"), url("./fonts/Entur-Nationale-DemiboldItalic.woff") format("woff");
  font-weight: 600;
  font-style: italic;
  font-display: swap;
}
[data-color-mode=light],
[data-color-mode=dark],
:root {
  --eds-typography: 1;
  --primary-background-color: var(--basecolors-frame-default);
  --primary-text-color: var(--components-typography-basetext-standard-text-accent);
  --primary-label-color: var(--components-typography-label-standard-text-accent);
  --eds-font-family: "Nationale", Arial, "Gotham Rounded", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell,
    "Helvetica Neue", sans-serif;
  box-sizing: border-box;
  color: var(--primary-text-color);
  background-color: var(--primary-background-color);
  font-family: "Nationale", Arial, "Gotham Rounded", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-weight: 500;
  font-size: 1rem;
  line-height: 1.375rem;
}
[data-color-mode=light] .eds-contrast,
[data-color-mode=dark] .eds-contrast,
:root .eds-contrast {
  --primary-background-color: var(--basecolors-frame-contrast);
  --primary-text-color: var(--components-typography-basetext-contrast-text-accent);
  --primary-label-color: var(--components-typography-label-contrast-text-accent);
  color: var(--primary-text-color);
  background-color: var(--primary-background-color);
}
@media screen and (min-width: 50rem) {
  [data-color-mode=light],
  [data-color-mode=dark],
  :root {
    font-size: 1rem;
    line-height: 1.5rem;
  }
}

*,
*::before,
*::after {
  box-sizing: inherit;
  font-weight: inherit;
}

.eds-h1,
.eds-h2,
.eds-h3,
.eds-h4,
.eds-h5,
.eds-h6 {
  color: var(--primary-text-color);
  font-weight: 600;
  -webkit-font-smoothing: antialiased;
}

.eds-h1 {
  font-size: 1.5rem;
  line-height: 2.625rem;
  margin: 0 0 1rem;
}
@media screen and (min-width: 50rem) {
  .eds-h1 {
    font-size: 2.5rem;
    line-height: 3.75rem;
  }
}

.eds-h2 {
  font-size: 1.25rem;
  line-height: 2.25rem;
  margin: 2rem 0 0.75rem;
}
@media screen and (min-width: 50rem) {
  .eds-h2 {
    font-size: 2rem;
    line-height: 3rem;
  }
}

.eds-h3 {
  font-size: 1rem;
  line-height: 1.5rem;
  margin: 1.5rem 0 0.5rem;
}
@media screen and (min-width: 50rem) {
  .eds-h3 {
    font-size: 1.5rem;
    line-height: 2.25rem;
  }
}

.eds-h4 {
  font-size: 0.875rem;
  line-height: 1.375rem;
  margin: 1.5rem 0 0;
}
@media screen and (min-width: 50rem) {
  .eds-h4 {
    font-size: 1.25rem;
    line-height: 1.875rem;
  }
}

.eds-h5 {
  font-size: 0.75rem;
  line-height: 1.25rem;
  margin: 1.5rem 0 0;
}
@media screen and (min-width: 50rem) {
  .eds-h5 {
    font-size: 1rem;
    line-height: 1.5rem;
  }
}

.eds-h6 {
  font-size: 0.75rem;
  line-height: 1.25rem;
  margin: 1.5rem 0 0;
}
@media screen and (min-width: 50rem) {
  .eds-h6 {
    font-size: 0.875rem;
    line-height: 1.375rem;
  }
}

.eds-paragraph {
  color: var(--primary-text-color);
  font-size: 1rem;
  line-height: 1.5rem;
  margin: 0 0 2rem;
}
@media screen and (min-width: 50rem) {
  .eds-paragraph {
    font-size: 1rem;
    line-height: 1.5rem;
  }
}

.eds-lead-paragraph {
  color: var(--primary-text-color);
  font-size: 1.25rem;
  line-height: 1.875rem;
  margin: 1.5rem 0;
}
@media screen and (min-width: 50rem) {
  .eds-lead-paragraph {
    font-size: 1.25rem;
    line-height: 2.25rem;
  }
}

.eds-sub-paragraph {
  color: var(--primary-text-color);
  font-size: 0.875rem;
  line-height: 1.25rem;
}
@media screen and (min-width: 50rem) {
  .eds-sub-paragraph {
    line-height: 1.375rem;
  }
}

.eds-small-text {
  color: var(--primary-text-color);
  font-size: 0.625rem;
  line-height: 1rem;
}
@media screen and (min-width: 50rem) {
  .eds-small-text {
    font-size: 0.75rem;
    line-height: 1.25rem;
  }
}

.eds-link {
  color: var(--primary-text-color);
}
.eds-link, .eds-link:link, .eds-link:visited {
  font-size: inherit;
  text-decoration: none;
  position: relative;
  background-image: linear-gradient(120deg, var(--primary-text-color) 0%, var(--primary-text-color) 100%);
  background-repeat: no-repeat;
  background-size: 100% 0.125rem;
  background-position: 0 100%;
}
.eds-link:hover {
  animation: eds-link-underline 0.3s ease-in;
  cursor: pointer;
}
@keyframes eds-link-underline {
  from {
    background-size: 0% 0.125rem;
  }
  to {
    background-size: 100% 0.125rem;
  }
}
.eds-link:focus-visible {
  outline: 2px solid #181c56;
  outline-color: var(--basecolors-stroke-focus-standard);
  outline-offset: 0.125rem;
}
.eds-contrast .eds-link:focus-visible {
  outline-color: var(--basecolors-stroke-focus-contrast);
}
@media screen and (min-width: 50rem) {
  .eds-link {
    font-size: 1rem;
    line-height: 1.5rem;
  }
}
.eds-link--ext-icon {
  margin-left: 0.25rem;
}
p .eds-link--ext-icon {
  top: 0;
}

.eds-label,
.eds-sub-label {
  color: var(--primary-label-color);
}

.eds-label {
  font-size: 0.875rem;
  line-height: 1.25rem;
}
@media screen and (min-width: 50rem) {
  .eds-label {
    line-height: 1.375rem;
  }
}

.eds-sub-label {
  font-size: 0.75rem;
  line-height: 1rem;
}
@media screen and (min-width: 50rem) {
  .eds-sub-label {
    line-height: 1.25rem;
  }
}

.eds-strong-text {
  font-weight: 600;
}

.eds-emphasized-text {
  font-style: italic;
}

.eds-preformatted-text,
.eds-code-text {
  background-color: var(--components-typography-codetext-standard-fill);
  border: 0.0625rem solid var(--components-typography-codetext-standard-border);
  border-radius: 0.25rem;
  color: var(--components-typography-codetext-standard-text);
  font-family: "Monaco", monospace;
  font-size: 0.875rem;
}

.eds-preformatted-text {
  padding: 1rem;
  white-space: pre-wrap;
  word-break: keep-all;
}

.eds-code-text {
  display: inline-block;
  word-wrap: break-word;
  overflow-wrap: anywhere;
  padding: 0.125rem 0.25rem;
}

.eds-unordered-list,
.eds-numbered-list {
  margin: 1rem 0;
}

.eds-unordered-list {
  list-style: none;
}
.eds-unordered-list .eds-list-item::before {
  content: "";
  background: var(--components-typography-list-standard-border);
  display: block;
  height: 0.125rem;
  left: -1.75rem;
  top: 0.75rem;
  position: relative;
  width: 0.75rem;
}

.eds-numbered-list {
  counter-reset: eds-numbered-list-counter;
  list-style: none;
}
.eds-numbered-list--type-a > .eds-list-item::before {
  content: counter(eds-numbered-list-counter, lower-alpha);
}
.eds-numbered-list--type-A > .eds-list-item::before {
  content: counter(eds-numbered-list-counter, upper-alpha);
}
.eds-numbered-list--type-1 > .eds-list-item::before {
  content: counter(eds-numbered-list-counter, decimal);
}
.eds-numbered-list--type-i > .eds-list-item::before {
  content: counter(eds-numbered-list-counter, lower-roman);
}
.eds-numbered-list--type-I > .eds-list-item::before {
  content: counter(eds-numbered-list-counter, upper-roman);
}

.eds-list-item {
  padding-left: 0.5rem;
}

.eds-numbered-list > .eds-list-item {
  counter-increment: eds-numbered-list-counter;
  margin-top: 1.5rem;
  position: relative;
}
.eds-numbered-list > .eds-list-item::before {
  color: var(--primary-text-color);
  position: absolute;
  font-weight: 600;
  left: -2.5rem;
  border: 0.125rem solid var(--components-typography-list-standard-border);
  border-radius: 50%;
  height: 2rem;
  width: 2rem;
  display: flex;
  align-items: center;
  justify-content: center;
  top: -0.25rem;
}

.eds-list-item__title {
  display: block;
  font-weight: 600;
  margin-bottom: 0.5rem;
}
.eds-list-item__title .eds-list-item:first-of-type {
  margin: none;
}

.eds-blockquote {
  border-left: 0.25rem solid var(--components-typography-blockquote-standard-stroke);
  font-family: inherit;
  font-size: 1.25rem;
  line-height: 1.875rem;
  margin: 0;
  padding: 0.5rem;
  padding-left: 2rem;
}
.eds-blockquote__footer {
  font-size: 0.875rem;
  line-height: 1.375rem;
  letter-spacing: 1px;
  margin-top: 1.5rem;
  text-transform: uppercase;
}

.eds-h1--margin-top,
.eds-h2--margin-top,
.eds-h3--margin-top,
.eds-h4--margin-top,
.eds-h5--margin-top,
.eds-h6--margin-top,
.eds-paragraph--margin-top,
.eds-lead-paragraph--margin-top,
.eds-sub-paragraph--margin-top,
.eds-emphasized-text--margin-top,
.eds-label--margin-top,
.eds-sub-label--margin-top,
.eds-small-text--margin-top,
.eds-strong-text--margin-top,
.eds-link--margin-top {
  margin-bottom: 0;
}
.eds-h1--margin-bottom,
.eds-h2--margin-bottom,
.eds-h3--margin-bottom,
.eds-h4--margin-bottom,
.eds-h5--margin-bottom,
.eds-h6--margin-bottom,
.eds-paragraph--margin-bottom,
.eds-lead-paragraph--margin-bottom,
.eds-sub-paragraph--margin-bottom,
.eds-emphasized-text--margin-bottom,
.eds-label--margin-bottom,
.eds-sub-label--margin-bottom,
.eds-small-text--margin-bottom,
.eds-strong-text--margin-bottom,
.eds-link--margin-bottom {
  margin-top: 0;
}
.eds-h1--margin-none,
.eds-h2--margin-none,
.eds-h3--margin-none,
.eds-h4--margin-none,
.eds-h5--margin-none,
.eds-h6--margin-none,
.eds-paragraph--margin-none,
.eds-lead-paragraph--margin-none,
.eds-sub-paragraph--margin-none,
.eds-emphasized-text--margin-none,
.eds-label--margin-none,
.eds-sub-label--margin-none,
.eds-small-text--margin-none,
.eds-strong-text--margin-none,
.eds-link--margin-none {
  margin-top: 0;
  margin-bottom: 0;
}

@keyframes lineExpand {
  0% {
    width: 0;
  }
  100% {
    width: 100%;
  }
}