@entur/typography - npm Package Compare versions

Comparing version 2.0.3 to 2.0.4-beta.0

dist/beta/styles/components/heading.css

@@ -1,195 +0,182 @@
-/* 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;
+: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;
+[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;
+: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;
+[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;
 }
@@ -212,360 +199,398 @@
 /* Primitive size */
-:root {
+:root{
   /* number */
-  --size-0: 0rem;
-  --size-1: 0.0625rem;
-  --size-2: 0.125rem;
-  --size-3: 0.25rem;
-  --size-4: 0.375rem;
-  --size-5: 0.5rem;
-  --size-6: 0.75rem;
-  --size-7: 0.875rem;
-  --size-8: 1rem;
-  --size-9: 1.25rem;
-  --size-10: 1.5rem;
-  --size-11: 1.75rem;
-  --size-12: 2rem;
-  --size-13: 2.25rem;
-  --size-14: 2.5rem;
-  --size-15: 2.75rem;
-  --size-16: 3rem;
-  --size-17: 3.25rem;
-  --size-18: 3.5rem;
-  --size-19: 4rem;
-  --size-20: 4.5rem;
-  --size-21: 5rem;
-  --size-22: 5.5rem;
-  --size-23: 6rem;
-  --size-24: 6.5rem;
-  --size-25: 7rem;
-  --size-26: 7.5rem;
-  --size-27: 8rem;
-  --size-28: 8.5rem;
-  --size-29: 9rem;
-  --size-30: 9.5rem;
-  --size-31: 10rem;
+  --size-0:0rem;
+  --size-1:0.0625rem;
+  --size-2:0.125rem;
+  --size-3:0.25rem;
+  --size-4:0.375rem;
+  --size-5:0.5rem;
+  --size-6:0.75rem;
+  --size-7:0.875rem;
+  --size-8:1rem;
+  --size-9:1.25rem;
+  --size-10:1.5rem;
+  --size-11:1.75rem;
+  --size-12:2rem;
+  --size-13:2.25rem;
+  --size-14:2.5rem;
+  --size-15:2.75rem;
+  --size-16:3rem;
+  --size-17:3.25rem;
+  --size-18:3.5rem;
+  --size-19:4rem;
+  --size-20:4.5rem;
+  --size-21:5rem;
+  --size-22:5.5rem;
+  --size-23:6rem;
+  --size-24:6.5rem;
+  --size-25:7rem;
+  --size-26:7.5rem;
+  --size-27:8rem;
+  --size-28:8.5rem;
+  --size-29:9rem;
+  --size-30:9.5rem;
+  --size-31:10rem;
 }
 
 :root,
-[view-mode=standard] {
+[view-mode=standard]{
   /* number */
-  --font-line-height-body-xs: var(--size-8);
-  --font-line-height-body-s: var(--size-9);
-  --font-line-height-body-lg: var(--size-10);
-  --font-line-height-body-m: var(--size-10);
-  --font-line-height-body-xl: var(--size-11);
-  --font-line-height-heading-s: var(--size-8);
-  --font-line-height-heading-xs: var(--size-8);
-  --font-line-height-heading-m: var(--size-9);
-  --font-line-height-heading-lg: var(--size-10);
-  --font-line-height-heading-xl: var(--size-11);
-  --font-line-height-heading-2xl: var(--size-12);
-  --font-paragraph-spacing-body-xs: var(--size-5);
-  --font-paragraph-spacing-body-s: var(--size-6);
-  --font-paragraph-spacing-body-m: var(--size-8);
-  --font-paragraph-spacing-body-lg: var(--size-9);
-  --font-paragraph-spacing-body-xl: var(--size-9);
-  --font-paragraph-spacing-heading-s: var(--size-5);
-  --font-paragraph-spacing-heading-xs: var(--size-5);
-  --font-paragraph-spacing-heading-lg: var(--size-6);
-  --font-paragraph-spacing-heading-m: var(--size-6);
-  --font-paragraph-spacing-heading-2xl: var(--size-8);
-  --font-paragraph-spacing-heading-xl: var(--size-8);
-  --font-size-body-xs: var(--size-6);
-  --font-size-body-s: var(--size-7);
-  --font-size-body-lg: var(--size-8);
-  --font-size-body-m: var(--size-8);
-  --font-size-body-xl: var(--size-9);
-  --font-size-heading-xs: var(--size-6);
-  --font-size-heading-s: var(--size-7);
-  --font-size-heading-m: var(--size-8);
-  --font-size-heading-lg: var(--size-9);
-  --font-size-heading-xl: var(--size-10);
-  --font-size-heading-2xl: var(--size-11);
+  --font-line-height-body-xs:var(--size-8);
+  --font-line-height-body-s:var(--size-9);
+  --font-line-height-body-lg:var(--size-10);
+  --font-line-height-body-m:var(--size-10);
+  --font-line-height-body-xl:var(--size-11);
+  --font-line-height-heading-s:var(--size-8);
+  --font-line-height-heading-xs:var(--size-8);
+  --font-line-height-heading-m:var(--size-9);
+  --font-line-height-heading-lg:var(--size-10);
+  --font-line-height-heading-xl:var(--size-11);
+  --font-line-height-heading-2xl:var(--size-12);
+  --font-paragraph-spacing-body-xs:var(--size-5);
+  --font-paragraph-spacing-body-s:var(--size-6);
+  --font-paragraph-spacing-body-m:var(--size-8);
+  --font-paragraph-spacing-body-lg:var(--size-9);
+  --font-paragraph-spacing-body-xl:var(--size-9);
+  --font-paragraph-spacing-heading-s:var(--size-5);
+  --font-paragraph-spacing-heading-xs:var(--size-5);
+  --font-paragraph-spacing-heading-lg:var(--size-6);
+  --font-paragraph-spacing-heading-m:var(--size-6);
+  --font-paragraph-spacing-heading-2xl:var(--size-8);
+  --font-paragraph-spacing-heading-xl:var(--size-8);
+  --font-size-body-xs:var(--size-6);
+  --font-size-body-s:var(--size-7);
+  --font-size-body-lg:var(--size-8);
+  --font-size-body-m:var(--size-8);
+  --font-size-body-xl:var(--size-9);
+  --font-size-heading-xs:var(--size-6);
+  --font-size-heading-s:var(--size-7);
+  --font-size-heading-m:var(--size-8);
+  --font-size-heading-lg:var(--size-9);
+  --font-size-heading-xl:var(--size-10);
+  --font-size-heading-2xl:var(--size-11);
   /* string */
-  --font-family-nationale: Nationale;
-  --font-weight-body: 500;
-  --font-weight-heading: 600;
+  --font-family-nationale:Nationale;
+  --font-weight-body:500;
+  --font-weight-heading:600;
 }
-@media screen and (min-width: 50rem) {
+@media screen and (min-width: 50rem){
   :root,
-  [view-mode=standard] {
-    --font-line-height-body-xs: var(--size-8);
-    --font-line-height-body-s: var(--size-9);
-    --font-line-height-body-m: var(--size-10);
-    --font-line-height-body-lg: var(--size-11);
-    --font-line-height-body-xl: var(--size-12);
-    --font-line-height-heading-xs: var(--size-8);
-    --font-line-height-heading-s: var(--size-9);
-    --font-line-height-heading-m: var(--size-10);
-    --font-line-height-heading-lg: var(--size-11);
-    --font-line-height-heading-xl: var(--size-13);
-    --font-line-height-heading-2xl: var(--size-15);
-    --font-paragraph-spacing-body-xs: var(--size-5);
-    --font-paragraph-spacing-body-s: var(--size-6);
-    --font-paragraph-spacing-body-m: var(--size-8);
-    --font-paragraph-spacing-body-lg: var(--size-10);
-    --font-paragraph-spacing-body-xl: var(--size-10);
-    --font-paragraph-spacing-heading-xs: var(--size-5);
-    --font-paragraph-spacing-heading-m: var(--size-6);
-    --font-paragraph-spacing-heading-s: var(--size-6);
-    --font-paragraph-spacing-heading-lg: var(--size-8);
-    --font-paragraph-spacing-heading-xl: var(--size-9);
-    --font-paragraph-spacing-heading-2xl: var(--size-10);
-    --font-size-body-xs: var(--size-6);
-    --font-size-body-s: var(--size-7);
-    --font-size-body-m: var(--size-8);
-    --font-size-body-lg: var(--size-9);
-    --font-size-body-xl: var(--size-10);
-    --font-size-heading-xs: var(--size-7);
-    --font-size-heading-s: var(--size-8);
-    --font-size-heading-m: var(--size-9);
-    --font-size-heading-lg: var(--size-10);
-    --font-size-heading-xl: var(--size-12);
-    --font-size-heading-2xl: var(--size-14);
+  [view-mode=standard]{
+    --font-line-height-body-xs:var(--size-8);
+    --font-line-height-body-s:var(--size-9);
+    --font-line-height-body-m:var(--size-10);
+    --font-line-height-body-lg:var(--size-11);
+    --font-line-height-body-xl:var(--size-12);
+    --font-line-height-heading-xs:var(--size-8);
+    --font-line-height-heading-s:var(--size-9);
+    --font-line-height-heading-m:var(--size-10);
+    --font-line-height-heading-lg:var(--size-11);
+    --font-line-height-heading-xl:var(--size-13);
+    --font-line-height-heading-2xl:var(--size-15);
+    --font-paragraph-spacing-body-xs:var(--size-5);
+    --font-paragraph-spacing-body-s:var(--size-6);
+    --font-paragraph-spacing-body-m:var(--size-8);
+    --font-paragraph-spacing-body-lg:var(--size-10);
+    --font-paragraph-spacing-body-xl:var(--size-10);
+    --font-paragraph-spacing-heading-xs:var(--size-5);
+    --font-paragraph-spacing-heading-m:var(--size-6);
+    --font-paragraph-spacing-heading-s:var(--size-6);
+    --font-paragraph-spacing-heading-lg:var(--size-8);
+    --font-paragraph-spacing-heading-xl:var(--size-9);
+    --font-paragraph-spacing-heading-2xl:var(--size-10);
+    --font-size-body-xs:var(--size-6);
+    --font-size-body-s:var(--size-7);
+    --font-size-body-m:var(--size-8);
+    --font-size-body-lg:var(--size-9);
+    --font-size-body-xl:var(--size-10);
+    --font-size-heading-xs:var(--size-7);
+    --font-size-heading-s:var(--size-8);
+    --font-size-heading-m:var(--size-9);
+    --font-size-heading-lg:var(--size-10);
+    --font-size-heading-xl:var(--size-12);
+    --font-size-heading-2xl:var(--size-14);
     /* string */
-    --font-family-nationale: Nationale;
-    --font-weight-body: 500;
-    --font-weight-heading: 600;
+    --font-family-nationale:Nationale;
+    --font-weight-body:500;
+    --font-weight-heading:600;
   }
 }
 
-[view-mode=compact] {
+[view-mode=compact]{
   /* number */
-  --font-line-height-body-xs: var(--size-8);
-  --font-line-height-body-s: var(--size-9);
-  --font-line-height-body-lg: var(--size-10);
-  --font-line-height-body-m: var(--size-10);
-  --font-line-height-body-xl: var(--size-11);
-  --font-line-height-heading-s: var(--size-8);
-  --font-line-height-heading-xs: var(--size-8);
-  --font-line-height-heading-m: var(--size-9);
-  --font-line-height-heading-lg: var(--size-10);
-  --font-line-height-heading-xl: var(--size-11);
-  --font-line-height-heading-2xl: var(--size-12);
-  --font-paragraph-spacing-body-xs: var(--size-5);
-  --font-paragraph-spacing-body-s: var(--size-6);
-  --font-paragraph-spacing-body-m: var(--size-8);
-  --font-paragraph-spacing-body-lg: var(--size-9);
-  --font-paragraph-spacing-body-xl: var(--size-9);
-  --font-paragraph-spacing-heading-s: var(--size-5);
-  --font-paragraph-spacing-heading-xs: var(--size-5);
-  --font-paragraph-spacing-heading-lg: var(--size-6);
-  --font-paragraph-spacing-heading-m: var(--size-6);
-  --font-paragraph-spacing-heading-2xl: var(--size-8);
-  --font-paragraph-spacing-heading-xl: var(--size-8);
-  --font-size-body-xs: var(--size-6);
-  --font-size-body-s: var(--size-7);
-  --font-size-body-lg: var(--size-8);
-  --font-size-body-m: var(--size-8);
-  --font-size-body-xl: var(--size-9);
-  --font-size-heading-xs: var(--size-6);
-  --font-size-heading-s: var(--size-7);
-  --font-size-heading-m: var(--size-8);
-  --font-size-heading-lg: var(--size-9);
-  --font-size-heading-xl: var(--size-10);
-  --font-size-heading-2xl: var(--size-11);
+  --font-line-height-body-xs:var(--size-8);
+  --font-line-height-body-s:var(--size-9);
+  --font-line-height-body-lg:var(--size-10);
+  --font-line-height-body-m:var(--size-10);
+  --font-line-height-body-xl:var(--size-11);
+  --font-line-height-heading-s:var(--size-8);
+  --font-line-height-heading-xs:var(--size-8);
+  --font-line-height-heading-m:var(--size-9);
+  --font-line-height-heading-lg:var(--size-10);
+  --font-line-height-heading-xl:var(--size-11);
+  --font-line-height-heading-2xl:var(--size-12);
+  --font-paragraph-spacing-body-xs:var(--size-5);
+  --font-paragraph-spacing-body-s:var(--size-6);
+  --font-paragraph-spacing-body-m:var(--size-8);
+  --font-paragraph-spacing-body-lg:var(--size-9);
+  --font-paragraph-spacing-body-xl:var(--size-9);
+  --font-paragraph-spacing-heading-s:var(--size-5);
+  --font-paragraph-spacing-heading-xs:var(--size-5);
+  --font-paragraph-spacing-heading-lg:var(--size-6);
+  --font-paragraph-spacing-heading-m:var(--size-6);
+  --font-paragraph-spacing-heading-2xl:var(--size-8);
+  --font-paragraph-spacing-heading-xl:var(--size-8);
+  --font-size-body-xs:var(--size-6);
+  --font-size-body-s:var(--size-7);
+  --font-size-body-lg:var(--size-8);
+  --font-size-body-m:var(--size-8);
+  --font-size-body-xl:var(--size-9);
+  --font-size-heading-xs:var(--size-6);
+  --font-size-heading-s:var(--size-7);
+  --font-size-heading-m:var(--size-8);
+  --font-size-heading-lg:var(--size-9);
+  --font-size-heading-xl:var(--size-10);
+  --font-size-heading-2xl:var(--size-11);
   /* string */
-  --font-family-nationale: Nationale;
-  --font-weight-body: 500;
-  --font-weight-heading: 600;
+  --font-family-nationale:Nationale;
+  --font-weight-body:500;
+  --font-weight-heading:600;
 }
 
-[view-mode=display] {
+[view-mode=display]{
   /* number */
-  --font-line-height-body-xs: var(--size-11);
-  --font-line-height-body-s: var(--size-12);
-  --font-line-height-body-m: var(--size-15);
-  --font-line-height-body-lg: var(--size-18);
-  --font-line-height-body-xl: var(--size-19);
-  --font-line-height-heading-xs: var(--size-11);
-  --font-line-height-heading-s: var(--size-13);
-  --font-line-height-heading-m: var(--size-15);
-  --font-line-height-heading-lg: var(--size-18);
-  --font-line-height-heading-xl: var(--size-20);
-  --font-line-height-heading-2xl: var(--size-21);
-  --font-paragraph-spacing-body-xs: var(--size-9);
-  --font-paragraph-spacing-body-s: var(--size-10);
-  --font-paragraph-spacing-body-m: var(--size-12);
-  --font-paragraph-spacing-body-lg: var(--size-14);
-  --font-paragraph-spacing-body-xl: var(--size-16);
-  --font-paragraph-spacing-heading-xs: var(--size-6);
-  --font-paragraph-spacing-heading-s: var(--size-8);
-  --font-paragraph-spacing-heading-m: var(--size-9);
-  --font-paragraph-spacing-heading-lg: var(--size-10);
-  --font-paragraph-spacing-heading-xl: var(--size-12);
-  --font-paragraph-spacing-heading-2xl: var(--size-13);
-  --font-size-body-xs: var(--size-9);
-  --font-size-body-s: var(--size-10);
-  --font-size-body-m: var(--size-12);
-  --font-size-body-lg: var(--size-14);
-  --font-size-body-xl: var(--size-16);
-  --font-size-heading-xs: var(--size-10);
-  --font-size-heading-s: var(--size-12);
-  --font-size-heading-m: var(--size-14);
-  --font-size-heading-lg: var(--size-16);
-  --font-size-heading-xl: var(--size-19);
-  --font-size-heading-2xl: var(--size-20);
+  --font-line-height-body-xs:var(--size-11);
+  --font-line-height-body-s:var(--size-12);
+  --font-line-height-body-m:var(--size-15);
+  --font-line-height-body-lg:var(--size-18);
+  --font-line-height-body-xl:var(--size-19);
+  --font-line-height-heading-xs:var(--size-11);
+  --font-line-height-heading-s:var(--size-13);
+  --font-line-height-heading-m:var(--size-15);
+  --font-line-height-heading-lg:var(--size-18);
+  --font-line-height-heading-xl:var(--size-20);
+  --font-line-height-heading-2xl:var(--size-21);
+  --font-paragraph-spacing-body-xs:var(--size-9);
+  --font-paragraph-spacing-body-s:var(--size-10);
+  --font-paragraph-spacing-body-m:var(--size-12);
+  --font-paragraph-spacing-body-lg:var(--size-14);
+  --font-paragraph-spacing-body-xl:var(--size-16);
+  --font-paragraph-spacing-heading-xs:var(--size-6);
+  --font-paragraph-spacing-heading-s:var(--size-8);
+  --font-paragraph-spacing-heading-m:var(--size-9);
+  --font-paragraph-spacing-heading-lg:var(--size-10);
+  --font-paragraph-spacing-heading-xl:var(--size-12);
+  --font-paragraph-spacing-heading-2xl:var(--size-13);
+  --font-size-body-xs:var(--size-9);
+  --font-size-body-s:var(--size-10);
+  --font-size-body-m:var(--size-12);
+  --font-size-body-lg:var(--size-14);
+  --font-size-body-xl:var(--size-16);
+  --font-size-heading-xs:var(--size-10);
+  --font-size-heading-s:var(--size-12);
+  --font-size-heading-m:var(--size-14);
+  --font-size-heading-lg:var(--size-16);
+  --font-size-heading-xl:var(--size-19);
+  --font-size-heading-2xl:var(--size-20);
   /* string */
-  --font-family-nationale: Nationale;
-  --font-weight-body: 500;
-  --font-weight-heading: 600;
+  --font-family-nationale:Nationale;
+  --font-weight-body:500;
+  --font-weight-heading:600;
 }
 
-.eds-heading {
-  color: var(--components-typography-basetext-standard-text-accent);
-  font-weight: var(--font-weight-heading);
-  -webkit-font-smoothing: antialiased;
-  margin: 0;
+.eds-heading{
+  color:#181c56;
+  color:var(--components-typography-basetext-standard-text-accent);
+  font-weight:600;
+  font-weight:var(--font-weight-heading);
+  margin:0;
 }
-.eds-contrast .eds-heading {
-  color: var(--components-typography-basetext-contrast-text-accent);
+.eds-contrast .eds-heading{
+  color:#ffffff;
+  color:var(--components-typography-basetext-contrast-text-accent);
 }
-.eds-heading--2xl {
-  font-size: var(--font-size-heading-2xl);
-  line-height: var(--font-line-height-heading-2xl);
+.eds-heading--2xl{
+  font-size:1.75rem;
+  font-size:var(--font-size-heading-2xl);
+  line-height:2rem;
+  line-height:var(--font-line-height-heading-2xl);
 }
-.eds-heading--xl {
-  font-size: var(--font-size-heading-xl);
-  line-height: var(--font-line-height-heading-xl);
+.eds-heading--xl{
+  font-size:1.5rem;
+  font-size:var(--font-size-heading-xl);
+  line-height:1.75rem;
+  line-height:var(--font-line-height-heading-xl);
 }
-.eds-heading--lg {
-  font-size: var(--font-size-heading-lg);
-  line-height: var(--font-line-height-heading-lg);
+.eds-heading--lg{
+  font-size:1.25rem;
+  font-size:var(--font-size-heading-lg);
+  line-height:1.5rem;
+  line-height:var(--font-line-height-heading-lg);
 }
-.eds-heading--m {
-  font-size: var(--font-size-heading-m);
-  line-height: var(--font-line-height-heading-m);
+.eds-heading--m{
+  font-size:1rem;
+  font-size:var(--font-size-heading-m);
+  line-height:1.25rem;
+  line-height:var(--font-line-height-heading-m);
 }
-.eds-heading--s {
-  font-size: var(--font-size-heading-s);
-  line-height: var(--font-line-height-heading-s);
+.eds-heading--s{
+  font-size:0.875rem;
+  font-size:var(--font-size-heading-s);
+  line-height:1rem;
+  line-height:var(--font-line-height-heading-s);
 }
-.eds-heading--xs {
-  font-size: var(--font-size-heading-xs);
-  line-height: var(--font-line-height-heading-xs);
+.eds-heading--xs{
+  font-size:0.75rem;
+  font-size:var(--font-size-heading-xs);
+  line-height:1rem;
+  line-height:var(--font-line-height-heading-xs);
 }
-.eds-heading--title-1 {
-  font-size: var(--font-size-heading-2xl);
-  line-height: var(--font-line-height-heading-2xl);
-  margin-bottom: var(--font-paragraph-spacing-heading-lg);
+.eds-heading--title-1{
+  font-size:1.75rem;
+  font-size:var(--font-size-heading-2xl);
+  line-height:2rem;
+  line-height:var(--font-line-height-heading-2xl);
+  margin-bottom:0.75rem;
+  margin-bottom:var(--font-paragraph-spacing-heading-lg);
 }
-.eds-heading--title-1:not(:first-child) {
-  margin-top: var(--font-paragraph-spacing-heading-lg);
+.eds-heading--title-1:not(:first-child){
+  margin-top:0.75rem;
+  margin-top:var(--font-paragraph-spacing-heading-lg);
 }
-.eds-heading--title-2 {
-  font-size: var(--font-size-heading-xl);
-  line-height: var(--font-line-height-heading-xl);
-  margin-bottom: var(--font-paragraph-spacing-heading-xl);
+.eds-heading--title-2{
+  font-size:1.5rem;
+  font-size:var(--font-size-heading-xl);
+  line-height:1.75rem;
+  line-height:var(--font-line-height-heading-xl);
+  margin-bottom:1rem;
+  margin-bottom:var(--font-paragraph-spacing-heading-xl);
 }
-.eds-heading--title-2:not(:first-child) {
-  margin-top: var(--font-paragraph-spacing-heading-xl);
+.eds-heading--title-2:not(:first-child){
+  margin-top:1rem;
+  margin-top:var(--font-paragraph-spacing-heading-xl);
 }
-.eds-heading--subtitle-1 {
-  font-size: var(--font-size-heading-lg);
-  line-height: var(--font-line-height-heading-lg);
-  margin-bottom: var(--font-paragraph-spacing-heading-lg);
+.eds-heading--subtitle-1{
+  font-size:1.25rem;
+  font-size:var(--font-size-heading-lg);
+  line-height:1.5rem;
+  line-height:var(--font-line-height-heading-lg);
+  margin-bottom:0.75rem;
+  margin-bottom:var(--font-paragraph-spacing-heading-lg);
 }
-.eds-heading--subtitle-1:not(:first-child) {
-  margin-top: var(--font-paragraph-spacing-heading-lg);
+.eds-heading--subtitle-1:not(:first-child){
+  margin-top:0.75rem;
+  margin-top:var(--font-paragraph-spacing-heading-lg);
 }
-.eds-heading--subtitle-2 {
-  font-size: var(--font-size-heading-m);
-  line-height: var(--font-line-height-heading-m);
-  margin-bottom: var(--font-paragraph-spacing-heading-m);
+.eds-heading--subtitle-2{
+  font-size:1rem;
+  font-size:var(--font-size-heading-m);
+  line-height:1.25rem;
+  line-height:var(--font-line-height-heading-m);
+  margin-bottom:0.75rem;
+  margin-bottom:var(--font-paragraph-spacing-heading-m);
 }
-.eds-heading--subtitle-2:not(:first-child) {
-  margin-top: var(--font-paragraph-spacing-heading-m);
+.eds-heading--subtitle-2:not(:first-child){
+  margin-top:0.75rem;
+  margin-top:var(--font-paragraph-spacing-heading-m);
 }
-.eds-heading--section-1 {
-  font-size: var(--font-size-heading-s);
-  line-height: var(--font-line-height-heading-s);
-  margin-bottom: var(--font-paragraph-spacing-heading-s);
+.eds-heading--section-1{
+  font-size:0.875rem;
+  font-size:var(--font-size-heading-s);
+  line-height:1rem;
+  line-height:var(--font-line-height-heading-s);
+  margin-bottom:0.5rem;
+  margin-bottom:var(--font-paragraph-spacing-heading-s);
 }
-.eds-heading--section-1:not(:first-child) {
-  margin-top: var(--font-paragraph-spacing-heading-s);
+.eds-heading--section-1:not(:first-child){
+  margin-top:0.5rem;
+  margin-top:var(--font-paragraph-spacing-heading-s);
 }
-.eds-heading--section-2 {
-  font-size: var(--font-size-heading-s);
-  line-height: var(--font-line-height-heading-s);
-  margin-bottom: var(--font-paragraph-spacing-heading-xs);
+.eds-heading--section-2{
+  font-size:0.875rem;
+  font-size:var(--font-size-heading-s);
+  line-height:1rem;
+  line-height:var(--font-line-height-heading-s);
+  margin-bottom:0.5rem;
+  margin-bottom:var(--font-paragraph-spacing-heading-xs);
 }
-.eds-heading--section-2:not(:first-child) {
-  margin-top: var(--font-paragraph-spacing-heading-xs);
+.eds-heading--section-2:not(:first-child){
+  margin-top:0.5rem;
+  margin-top:var(--font-paragraph-spacing-heading-xs);
 }
-.eds-heading--spacing-none {
-  margin-top: 0;
-  margin-bottom: 0;
+.eds-heading--spacing-none{
+  margin-top:0;
+  margin-bottom:0;
 }
-.eds-heading--spacing-xs2 {
-  margin-top: 0.25rem;
-  margin-bottom: 0.25rem;
+.eds-heading--spacing-xs2{
+  margin-top:0.25rem;
+  margin-bottom:0.25rem;
 }
-.eds-heading--spacing-xs2-top {
-  margin-top: 0.25rem;
-  margin-bottom: 0;
+.eds-heading--spacing-xs2-top{
+  margin-top:0.25rem;
+  margin-bottom:0;
 }
-.eds-heading--spacing-xs2-bottom {
-  margin-top: 0;
-  margin-bottom: 0.25rem;
+.eds-heading--spacing-xs2-bottom{
+  margin-top:0;
+  margin-bottom:0.25rem;
 }
-.eds-heading--spacing-xs {
-  margin-top: 0.5rem;
-  margin-bottom: 0.5rem;
+.eds-heading--spacing-xs{
+  margin-top:0.5rem;
+  margin-bottom:0.5rem;
 }
-.eds-heading--spacing-xs-top {
-  margin-top: 0.5rem;
-  margin-bottom: 0;
+.eds-heading--spacing-xs-top{
+  margin-top:0.5rem;
+  margin-bottom:0;
 }
-.eds-heading--spacing-xs-bottom {
-  margin-top: 0;
-  margin-bottom: 0.5rem;
+.eds-heading--spacing-xs-bottom{
+  margin-top:0;
+  margin-bottom:0.5rem;
 }
-.eds-heading--spacing-sm {
-  margin-top: 0.75rem;
-  margin-bottom: 0.75rem;
+.eds-heading--spacing-sm{
+  margin-top:0.75rem;
+  margin-bottom:0.75rem;
 }
-.eds-heading--spacing-sm-top {
-  margin-top: 0.75rem;
-  margin-bottom: 0;
+.eds-heading--spacing-sm-top{
+  margin-top:0.75rem;
+  margin-bottom:0;
 }
-.eds-heading--spacing-sm-bottom {
-  margin-top: 0;
-  margin-bottom: 0.75rem;
+.eds-heading--spacing-sm-bottom{
+  margin-top:0;
+  margin-bottom:0.75rem;
 }
-.eds-heading--spacing-md {
-  margin-top: 1rem;
-  margin-bottom: 1rem;
+.eds-heading--spacing-md{
+  margin-top:1rem;
+  margin-bottom:1rem;
 }
-.eds-heading--spacing-md-top {
-  margin-top: 1rem;
-  margin-bottom: 0;
+.eds-heading--spacing-md-top{
+  margin-top:1rem;
+  margin-bottom:0;
 }
-.eds-heading--spacing-md-bottom {
-  margin-top: 0;
-  margin-bottom: 1rem;
+.eds-heading--spacing-md-bottom{
+  margin-top:0;
+  margin-bottom:1rem;
 }
-.eds-heading--spacing-lg {
-  margin-top: 1.5rem;
-  margin-bottom: 1.5rem;
+.eds-heading--spacing-lg{
+  margin-top:1.5rem;
+  margin-bottom:1.5rem;
 }
-.eds-heading--spacing-lg-top {
-  margin-top: 1.5rem;
-  margin-bottom: 0;
+.eds-heading--spacing-lg-top{
+  margin-top:1.5rem;
+  margin-bottom:0;
 }
-.eds-heading--spacing-lg-bottom {
-  margin-top: 0;
-  margin-bottom: 1.5rem;
+.eds-heading--spacing-lg-bottom{
+  margin-top:0;
+  margin-bottom:1.5rem;
 }
-.eds-heading--spacing-xl {
-  margin-top: 2rem;
-  margin-bottom: 2rem;
+.eds-heading--spacing-xl{
+  margin-top:2rem;
+  margin-bottom:2rem;
 }
-.eds-heading--spacing-xl-top {
-  margin-top: 2rem;
-  margin-bottom: 0;
+.eds-heading--spacing-xl-top{
+  margin-top:2rem;
+  margin-bottom:0;
 }
-.eds-heading--spacing-xl-bottom {
-  margin-top: 0;
-  margin-bottom: 2rem;
+.eds-heading--spacing-xl-bottom{
+  margin-top:0;
+  margin-bottom:2rem;
 }

dist/beta/styles/components/text.css

@@ -14,20 +14,16 @@ /*! modern-normalize v3.0.1 | MIT License | https://github.com/sindresorhus/modern-normalize */
 ::before,
-::after {
-	box-sizing: border-box;
+::after{
+	-webkit-box-sizing:border-box;
+	   -moz-box-sizing:border-box;
+	        box-sizing:border-box;
 }
 
-html {
+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). */
+	font-family:system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, sans-serif, '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. */
+	-moz-tab-size:4;
+	  -o-tab-size:4;
+	     tab-size:4; /* 3. Use a more readable tab size (opinionated). */
 }
@@ -40,4 +36,4 @@
 
-body {
-	margin: 0; /* Remove the margin in all browsers. */
+body{
+	margin:0; /* Remove the margin in all browsers. */
 }
@@ -55,4 +51,4 @@
 b,
-strong {
-	font-weight: bolder;
+strong{
+	font-weight:bolder;
 }
@@ -68,11 +64,5 @@
 samp,
-pre {
-	font-family:
-		ui-monospace,
-		SFMono-Regular,
-		Consolas,
-		'Liberation Mono',
-		Menlo,
-		monospace; /* 1 */
-	font-size: 1em; /* 2 */
+pre{
+	font-family:ui-monospace, SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; /* 1 */
+	font-size:1em; /* 2 */
 }
@@ -84,4 +74,4 @@
 
-small {
-	font-size: 80%;
+small{
+	font-size:80%;
 }
@@ -94,15 +84,15 @@
 sub,
-sup {
-	font-size: 75%;
-	line-height: 0;
-	position: relative;
-	vertical-align: baseline;
+sup{
+	font-size:75%;
+	line-height:0;
+	position:relative;
+	vertical-align:baseline;
 }
 
-sub {
-	bottom: -0.25em;
+sub{
+	bottom:-0.25em;
 }
 
-sup {
-	top: -0.5em;
+sup{
+	top:-0.5em;
 }
@@ -119,4 +109,4 @@
 
-table {
-	border-color: currentcolor;
+table{
+	border-color:currentcolor;
 }
@@ -138,7 +128,7 @@
 select,
-textarea {
-	font-family: inherit; /* 1 */
-	font-size: 100%; /* 1 */
-	line-height: 1.15; /* 1 */
-	margin: 0; /* 2 */
+textarea{
+	font-family:inherit; /* 1 */
+	font-size:100%; /* 1 */
+	line-height:1.15; /* 1 */
+	margin:0; /* 2 */
 }
@@ -153,4 +143,4 @@
 [type='reset'],
-[type='submit'] {
-	-webkit-appearance: button;
+[type='submit']{
+	-webkit-appearance:button;
 }
@@ -162,4 +152,4 @@
 
-legend {
-	padding: 0;
+legend{
+	padding:0;
 }
@@ -171,4 +161,4 @@
 
-progress {
-	vertical-align: baseline;
+progress{
+	vertical-align:baseline;
 }
@@ -181,4 +171,4 @@
 ::-webkit-inner-spin-button,
-::-webkit-outer-spin-button {
-	height: auto;
+::-webkit-outer-spin-button{
+	height:auto;
 }
@@ -191,5 +181,5 @@
 
-[type='search'] {
-	-webkit-appearance: textfield; /* 1 */
-	outline-offset: -2px; /* 2 */
+[type='search']{
+	-webkit-appearance:textfield; /* 1 */
+	outline-offset:-2px; /* 2 */
 }
@@ -201,4 +191,4 @@
 
-::-webkit-search-decoration {
-	-webkit-appearance: none;
+::-webkit-search-decoration{
+	-webkit-appearance:none;
 }
@@ -211,5 +201,5 @@
 
-::-webkit-file-upload-button {
-	-webkit-appearance: button; /* 1 */
-	font: inherit; /* 2 */
+::-webkit-file-upload-button{
+	-webkit-appearance:button; /* 1 */
+	font:inherit; /* 2 */
 }
@@ -226,157 +216,137 @@
 
-summary {
-	display: list-item;
+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;
+: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;
+[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;
 }
@@ -401,716 +371,914 @@
 
-:root {
+:root{
   /* number */
-  --size-0: 0rem;
-  --size-1: 0.0625rem;
-  --size-2: 0.125rem;
-  --size-3: 0.25rem;
-  --size-4: 0.375rem;
-  --size-5: 0.5rem;
-  --size-6: 0.75rem;
-  --size-7: 0.875rem;
-  --size-8: 1rem;
-  --size-9: 1.25rem;
-  --size-10: 1.5rem;
-  --size-11: 1.75rem;
-  --size-12: 2rem;
-  --size-13: 2.25rem;
-  --size-14: 2.5rem;
-  --size-15: 2.75rem;
-  --size-16: 3rem;
-  --size-17: 3.25rem;
-  --size-18: 3.5rem;
-  --size-19: 4rem;
-  --size-20: 4.5rem;
-  --size-21: 5rem;
-  --size-22: 5.5rem;
-  --size-23: 6rem;
-  --size-24: 6.5rem;
-  --size-25: 7rem;
-  --size-26: 7.5rem;
-  --size-27: 8rem;
-  --size-28: 8.5rem;
-  --size-29: 9rem;
-  --size-30: 9.5rem;
-  --size-31: 10rem;
+  --size-0:0rem;
+  --size-1:0.0625rem;
+  --size-2:0.125rem;
+  --size-3:0.25rem;
+  --size-4:0.375rem;
+  --size-5:0.5rem;
+  --size-6:0.75rem;
+  --size-7:0.875rem;
+  --size-8:1rem;
+  --size-9:1.25rem;
+  --size-10:1.5rem;
+  --size-11:1.75rem;
+  --size-12:2rem;
+  --size-13:2.25rem;
+  --size-14:2.5rem;
+  --size-15:2.75rem;
+  --size-16:3rem;
+  --size-17:3.25rem;
+  --size-18:3.5rem;
+  --size-19:4rem;
+  --size-20:4.5rem;
+  --size-21:5rem;
+  --size-22:5.5rem;
+  --size-23:6rem;
+  --size-24:6.5rem;
+  --size-25:7rem;
+  --size-26:7.5rem;
+  --size-27:8rem;
+  --size-28:8.5rem;
+  --size-29:9rem;
+  --size-30:9.5rem;
+  --size-31:10rem;
 }
 
 :root,
-[view-mode=standard] {
+[view-mode=standard]{
   /* number */
-  --font-line-height-body-xs: var(--size-8);
-  --font-line-height-body-s: var(--size-9);
-  --font-line-height-body-lg: var(--size-10);
-  --font-line-height-body-m: var(--size-10);
-  --font-line-height-body-xl: var(--size-11);
-  --font-line-height-heading-s: var(--size-8);
-  --font-line-height-heading-xs: var(--size-8);
-  --font-line-height-heading-m: var(--size-9);
-  --font-line-height-heading-lg: var(--size-10);
-  --font-line-height-heading-xl: var(--size-11);
-  --font-line-height-heading-2xl: var(--size-12);
-  --font-paragraph-spacing-body-xs: var(--size-5);
-  --font-paragraph-spacing-body-s: var(--size-6);
-  --font-paragraph-spacing-body-m: var(--size-8);
-  --font-paragraph-spacing-body-lg: var(--size-9);
-  --font-paragraph-spacing-body-xl: var(--size-9);
-  --font-paragraph-spacing-heading-s: var(--size-5);
-  --font-paragraph-spacing-heading-xs: var(--size-5);
-  --font-paragraph-spacing-heading-lg: var(--size-6);
-  --font-paragraph-spacing-heading-m: var(--size-6);
-  --font-paragraph-spacing-heading-2xl: var(--size-8);
-  --font-paragraph-spacing-heading-xl: var(--size-8);
-  --font-size-body-xs: var(--size-6);
-  --font-size-body-s: var(--size-7);
-  --font-size-body-lg: var(--size-8);
-  --font-size-body-m: var(--size-8);
-  --font-size-body-xl: var(--size-9);
-  --font-size-heading-xs: var(--size-6);
-  --font-size-heading-s: var(--size-7);
-  --font-size-heading-m: var(--size-8);
-  --font-size-heading-lg: var(--size-9);
-  --font-size-heading-xl: var(--size-10);
-  --font-size-heading-2xl: var(--size-11);
+  --font-line-height-body-xs:var(--size-8);
+  --font-line-height-body-s:var(--size-9);
+  --font-line-height-body-lg:var(--size-10);
+  --font-line-height-body-m:var(--size-10);
+  --font-line-height-body-xl:var(--size-11);
+  --font-line-height-heading-s:var(--size-8);
+  --font-line-height-heading-xs:var(--size-8);
+  --font-line-height-heading-m:var(--size-9);
+  --font-line-height-heading-lg:var(--size-10);
+  --font-line-height-heading-xl:var(--size-11);
+  --font-line-height-heading-2xl:var(--size-12);
+  --font-paragraph-spacing-body-xs:var(--size-5);
+  --font-paragraph-spacing-body-s:var(--size-6);
+  --font-paragraph-spacing-body-m:var(--size-8);
+  --font-paragraph-spacing-body-lg:var(--size-9);
+  --font-paragraph-spacing-body-xl:var(--size-9);
+  --font-paragraph-spacing-heading-s:var(--size-5);
+  --font-paragraph-spacing-heading-xs:var(--size-5);
+  --font-paragraph-spacing-heading-lg:var(--size-6);
+  --font-paragraph-spacing-heading-m:var(--size-6);
+  --font-paragraph-spacing-heading-2xl:var(--size-8);
+  --font-paragraph-spacing-heading-xl:var(--size-8);
+  --font-size-body-xs:var(--size-6);
+  --font-size-body-s:var(--size-7);
+  --font-size-body-lg:var(--size-8);
+  --font-size-body-m:var(--size-8);
+  --font-size-body-xl:var(--size-9);
+  --font-size-heading-xs:var(--size-6);
+  --font-size-heading-s:var(--size-7);
+  --font-size-heading-m:var(--size-8);
+  --font-size-heading-lg:var(--size-9);
+  --font-size-heading-xl:var(--size-10);
+  --font-size-heading-2xl:var(--size-11);
   /* string */
-  --font-family-nationale: Nationale;
-  --font-weight-body: 500;
-  --font-weight-heading: 600;
+  --font-family-nationale:Nationale;
+  --font-weight-body:500;
+  --font-weight-heading:600;
 }
 
-@media screen and (min-width: 50rem) {
+@media screen and (min-width: 50rem){
   :root,
-  [view-mode=standard] {
-    --font-line-height-body-xs: var(--size-8);
-    --font-line-height-body-s: var(--size-9);
-    --font-line-height-body-m: var(--size-10);
-    --font-line-height-body-lg: var(--size-11);
-    --font-line-height-body-xl: var(--size-12);
-    --font-line-height-heading-xs: var(--size-8);
-    --font-line-height-heading-s: var(--size-9);
-    --font-line-height-heading-m: var(--size-10);
-    --font-line-height-heading-lg: var(--size-11);
-    --font-line-height-heading-xl: var(--size-13);
-    --font-line-height-heading-2xl: var(--size-15);
-    --font-paragraph-spacing-body-xs: var(--size-5);
-    --font-paragraph-spacing-body-s: var(--size-6);
-    --font-paragraph-spacing-body-m: var(--size-8);
-    --font-paragraph-spacing-body-lg: var(--size-10);
-    --font-paragraph-spacing-body-xl: var(--size-10);
-    --font-paragraph-spacing-heading-xs: var(--size-5);
-    --font-paragraph-spacing-heading-m: var(--size-6);
-    --font-paragraph-spacing-heading-s: var(--size-6);
-    --font-paragraph-spacing-heading-lg: var(--size-8);
-    --font-paragraph-spacing-heading-xl: var(--size-9);
-    --font-paragraph-spacing-heading-2xl: var(--size-10);
-    --font-size-body-xs: var(--size-6);
-    --font-size-body-s: var(--size-7);
-    --font-size-body-m: var(--size-8);
-    --font-size-body-lg: var(--size-9);
-    --font-size-body-xl: var(--size-10);
-    --font-size-heading-xs: var(--size-7);
-    --font-size-heading-s: var(--size-8);
-    --font-size-heading-m: var(--size-9);
-    --font-size-heading-lg: var(--size-10);
-    --font-size-heading-xl: var(--size-12);
-    --font-size-heading-2xl: var(--size-14);
+  [view-mode=standard]{
+    --font-line-height-body-xs:var(--size-8);
+    --font-line-height-body-s:var(--size-9);
+    --font-line-height-body-m:var(--size-10);
+    --font-line-height-body-lg:var(--size-11);
+    --font-line-height-body-xl:var(--size-12);
+    --font-line-height-heading-xs:var(--size-8);
+    --font-line-height-heading-s:var(--size-9);
+    --font-line-height-heading-m:var(--size-10);
+    --font-line-height-heading-lg:var(--size-11);
+    --font-line-height-heading-xl:var(--size-13);
+    --font-line-height-heading-2xl:var(--size-15);
+    --font-paragraph-spacing-body-xs:var(--size-5);
+    --font-paragraph-spacing-body-s:var(--size-6);
+    --font-paragraph-spacing-body-m:var(--size-8);
+    --font-paragraph-spacing-body-lg:var(--size-10);
+    --font-paragraph-spacing-body-xl:var(--size-10);
+    --font-paragraph-spacing-heading-xs:var(--size-5);
+    --font-paragraph-spacing-heading-m:var(--size-6);
+    --font-paragraph-spacing-heading-s:var(--size-6);
+    --font-paragraph-spacing-heading-lg:var(--size-8);
+    --font-paragraph-spacing-heading-xl:var(--size-9);
+    --font-paragraph-spacing-heading-2xl:var(--size-10);
+    --font-size-body-xs:var(--size-6);
+    --font-size-body-s:var(--size-7);
+    --font-size-body-m:var(--size-8);
+    --font-size-body-lg:var(--size-9);
+    --font-size-body-xl:var(--size-10);
+    --font-size-heading-xs:var(--size-7);
+    --font-size-heading-s:var(--size-8);
+    --font-size-heading-m:var(--size-9);
+    --font-size-heading-lg:var(--size-10);
+    --font-size-heading-xl:var(--size-12);
+    --font-size-heading-2xl:var(--size-14);
     /* string */
-    --font-family-nationale: Nationale;
-    --font-weight-body: 500;
-    --font-weight-heading: 600;
+    --font-family-nationale:Nationale;
+    --font-weight-body:500;
+    --font-weight-heading:600;
   }
 }
 
-[view-mode=compact] {
+[view-mode=compact]{
   /* number */
-  --font-line-height-body-xs: var(--size-8);
-  --font-line-height-body-s: var(--size-9);
-  --font-line-height-body-lg: var(--size-10);
-  --font-line-height-body-m: var(--size-10);
-  --font-line-height-body-xl: var(--size-11);
-  --font-line-height-heading-s: var(--size-8);
-  --font-line-height-heading-xs: var(--size-8);
-  --font-line-height-heading-m: var(--size-9);
-  --font-line-height-heading-lg: var(--size-10);
-  --font-line-height-heading-xl: var(--size-11);
-  --font-line-height-heading-2xl: var(--size-12);
-  --font-paragraph-spacing-body-xs: var(--size-5);
-  --font-paragraph-spacing-body-s: var(--size-6);
-  --font-paragraph-spacing-body-m: var(--size-8);
-  --font-paragraph-spacing-body-lg: var(--size-9);
-  --font-paragraph-spacing-body-xl: var(--size-9);
-  --font-paragraph-spacing-heading-s: var(--size-5);
-  --font-paragraph-spacing-heading-xs: var(--size-5);
-  --font-paragraph-spacing-heading-lg: var(--size-6);
-  --font-paragraph-spacing-heading-m: var(--size-6);
-  --font-paragraph-spacing-heading-2xl: var(--size-8);
-  --font-paragraph-spacing-heading-xl: var(--size-8);
-  --font-size-body-xs: var(--size-6);
-  --font-size-body-s: var(--size-7);
-  --font-size-body-lg: var(--size-8);
-  --font-size-body-m: var(--size-8);
-  --font-size-body-xl: var(--size-9);
-  --font-size-heading-xs: var(--size-6);
-  --font-size-heading-s: var(--size-7);
-  --font-size-heading-m: var(--size-8);
-  --font-size-heading-lg: var(--size-9);
-  --font-size-heading-xl: var(--size-10);
-  --font-size-heading-2xl: var(--size-11);
+  --font-line-height-body-xs:var(--size-8);
+  --font-line-height-body-s:var(--size-9);
+  --font-line-height-body-lg:var(--size-10);
+  --font-line-height-body-m:var(--size-10);
+  --font-line-height-body-xl:var(--size-11);
+  --font-line-height-heading-s:var(--size-8);
+  --font-line-height-heading-xs:var(--size-8);
+  --font-line-height-heading-m:var(--size-9);
+  --font-line-height-heading-lg:var(--size-10);
+  --font-line-height-heading-xl:var(--size-11);
+  --font-line-height-heading-2xl:var(--size-12);
+  --font-paragraph-spacing-body-xs:var(--size-5);
+  --font-paragraph-spacing-body-s:var(--size-6);
+  --font-paragraph-spacing-body-m:var(--size-8);
+  --font-paragraph-spacing-body-lg:var(--size-9);
+  --font-paragraph-spacing-body-xl:var(--size-9);
+  --font-paragraph-spacing-heading-s:var(--size-5);
+  --font-paragraph-spacing-heading-xs:var(--size-5);
+  --font-paragraph-spacing-heading-lg:var(--size-6);
+  --font-paragraph-spacing-heading-m:var(--size-6);
+  --font-paragraph-spacing-heading-2xl:var(--size-8);
+  --font-paragraph-spacing-heading-xl:var(--size-8);
+  --font-size-body-xs:var(--size-6);
+  --font-size-body-s:var(--size-7);
+  --font-size-body-lg:var(--size-8);
+  --font-size-body-m:var(--size-8);
+  --font-size-body-xl:var(--size-9);
+  --font-size-heading-xs:var(--size-6);
+  --font-size-heading-s:var(--size-7);
+  --font-size-heading-m:var(--size-8);
+  --font-size-heading-lg:var(--size-9);
+  --font-size-heading-xl:var(--size-10);
+  --font-size-heading-2xl:var(--size-11);
   /* string */
-  --font-family-nationale: Nationale;
-  --font-weight-body: 500;
-  --font-weight-heading: 600;
+  --font-family-nationale:Nationale;
+  --font-weight-body:500;
+  --font-weight-heading:600;
 }
 
-[view-mode=display] {
+[view-mode=display]{
   /* number */
-  --font-line-height-body-xs: var(--size-11);
-  --font-line-height-body-s: var(--size-12);
-  --font-line-height-body-m: var(--size-15);
-  --font-line-height-body-lg: var(--size-18);
-  --font-line-height-body-xl: var(--size-19);
-  --font-line-height-heading-xs: var(--size-11);
-  --font-line-height-heading-s: var(--size-13);
-  --font-line-height-heading-m: var(--size-15);
-  --font-line-height-heading-lg: var(--size-18);
-  --font-line-height-heading-xl: var(--size-20);
-  --font-line-height-heading-2xl: var(--size-21);
-  --font-paragraph-spacing-body-xs: var(--size-9);
-  --font-paragraph-spacing-body-s: var(--size-10);
-  --font-paragraph-spacing-body-m: var(--size-12);
-  --font-paragraph-spacing-body-lg: var(--size-14);
-  --font-paragraph-spacing-body-xl: var(--size-16);
-  --font-paragraph-spacing-heading-xs: var(--size-6);
-  --font-paragraph-spacing-heading-s: var(--size-8);
-  --font-paragraph-spacing-heading-m: var(--size-9);
-  --font-paragraph-spacing-heading-lg: var(--size-10);
-  --font-paragraph-spacing-heading-xl: var(--size-12);
-  --font-paragraph-spacing-heading-2xl: var(--size-13);
-  --font-size-body-xs: var(--size-9);
-  --font-size-body-s: var(--size-10);
-  --font-size-body-m: var(--size-12);
-  --font-size-body-lg: var(--size-14);
-  --font-size-body-xl: var(--size-16);
-  --font-size-heading-xs: var(--size-10);
-  --font-size-heading-s: var(--size-12);
-  --font-size-heading-m: var(--size-14);
-  --font-size-heading-lg: var(--size-16);
-  --font-size-heading-xl: var(--size-19);
-  --font-size-heading-2xl: var(--size-20);
+  --font-line-height-body-xs:var(--size-11);
+  --font-line-height-body-s:var(--size-12);
+  --font-line-height-body-m:var(--size-15);
+  --font-line-height-body-lg:var(--size-18);
+  --font-line-height-body-xl:var(--size-19);
+  --font-line-height-heading-xs:var(--size-11);
+  --font-line-height-heading-s:var(--size-13);
+  --font-line-height-heading-m:var(--size-15);
+  --font-line-height-heading-lg:var(--size-18);
+  --font-line-height-heading-xl:var(--size-20);
+  --font-line-height-heading-2xl:var(--size-21);
+  --font-paragraph-spacing-body-xs:var(--size-9);
+  --font-paragraph-spacing-body-s:var(--size-10);
+  --font-paragraph-spacing-body-m:var(--size-12);
+  --font-paragraph-spacing-body-lg:var(--size-14);
+  --font-paragraph-spacing-body-xl:var(--size-16);
+  --font-paragraph-spacing-heading-xs:var(--size-6);
+  --font-paragraph-spacing-heading-s:var(--size-8);
+  --font-paragraph-spacing-heading-m:var(--size-9);
+  --font-paragraph-spacing-heading-lg:var(--size-10);
+  --font-paragraph-spacing-heading-xl:var(--size-12);
+  --font-paragraph-spacing-heading-2xl:var(--size-13);
+  --font-size-body-xs:var(--size-9);
+  --font-size-body-s:var(--size-10);
+  --font-size-body-m:var(--size-12);
+  --font-size-body-lg:var(--size-14);
+  --font-size-body-xl:var(--size-16);
+  --font-size-heading-xs:var(--size-10);
+  --font-size-heading-s:var(--size-12);
+  --font-size-heading-m:var(--size-14);
+  --font-size-heading-lg:var(--size-16);
+  --font-size-heading-xl:var(--size-19);
+  --font-size-heading-2xl:var(--size-20);
   /* string */
-  --font-family-nationale: Nationale;
-  --font-weight-body: 500;
-  --font-weight-heading: 600;
+  --font-family-nationale:Nationale;
+  --font-weight-body:500;
+  --font-weight-heading:600;
 }
 
-/* DO NOT CHANGE!*/
+[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;
+}
 
-/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
+[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;
+}
 
-[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;
+.eds-text{
+  color:#181c56;
+  color:var(--components-typography-basetext-standard-text-accent);
+  font-weight:500;
+  font-weight:var(--font-weight-body);
+  margin:0;
 }
 
-[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;
+.eds-contrast .eds-text{
+  color:#ffffff;
+  color:var(--components-typography-basetext-contrast-text-accent);
 }
 
-.eds-text {
-  color: var(--components-typography-basetext-standard-text-accent);
-  font-weight: var(--font-weight-body);
-  margin: 0;
+.eds-text--xs{
+  font-size:0.75rem;
+  font-size:var(--font-size-body-xs);
+  line-height:1rem;
+  line-height:var(--font-line-height-body-xs);
 }
 
-.eds-contrast .eds-text {
-  color: var(--components-typography-basetext-contrast-text-accent);
+.eds-text--s{
+  font-size:0.875rem;
+  font-size:var(--font-size-body-s);
+  line-height:1.25rem;
+  line-height:var(--font-line-height-body-s);
 }
 
-.eds-text--xs {
-  font-size: var(--font-size-body-xs);
-  line-height: var(--font-line-height-body-xs);
+.eds-text--m{
+  font-size:1rem;
+  font-size:var(--font-size-body-m);
+  line-height:1.5rem;
+  line-height:var(--font-line-height-body-m);
 }
 
-.eds-text--s {
-  font-size: var(--font-size-body-s);
-  line-height: var(--font-line-height-body-s);
+.eds-text--xl{
+  font-size:1.25rem;
+  font-size:var(--font-size-body-xl);
+  line-height:1.75rem;
+  line-height:var(--font-line-height-body-xl);
 }
 
-.eds-text--m {
-  font-size: var(--font-size-body-m);
-  line-height: var(--font-line-height-body-m);
+.eds-text--paragraph:has(+ .eds-heading){
+  margin-bottom:-webkit-calc(1.5rem + 1rem);
+  margin-bottom:-moz-calc(1.5rem + 1rem);
+  margin-bottom:calc(1.5rem + 1rem);
+  margin-bottom:-webkit-calc(var(--font-line-height-body-m) + 1rem);
+  margin-bottom:-moz-calc(var(--font-line-height-body-m) + 1rem);
+  margin-bottom:calc(var(--font-line-height-body-m) + 1rem);
 }
 
-.eds-text--xl {
-  font-size: var(--font-size-body-xl);
-  line-height: var(--font-line-height-body-xl);
+.eds-text--sub-paragraph:has(+ .eds-heading){
+  margin-bottom:-webkit-calc(1.25rem + 1rem);
+  margin-bottom:-moz-calc(1.25rem + 1rem);
+  margin-bottom:calc(1.25rem + 1rem);
+  margin-bottom:-webkit-calc(var(--font-line-height-body-s) + 1rem);
+  margin-bottom:-moz-calc(var(--font-line-height-body-s) + 1rem);
+  margin-bottom:calc(var(--font-line-height-body-s) + 1rem);
 }
 
-.eds-text--paragraph:has(+ .eds-heading) {
-  margin-bottom: calc(var(--font-line-height-body-m) + 1rem);
+.eds-text--leading:has(+ .eds-heading){
+  margin-bottom:-webkit-calc(1.75rem + 1rem);
+  margin-bottom:-moz-calc(1.75rem + 1rem);
+  margin-bottom:calc(1.75rem + 1rem);
+  margin-bottom:-webkit-calc(var(--font-line-height-body-xl) + 1rem);
+  margin-bottom:-moz-calc(var(--font-line-height-body-xl) + 1rem);
+  margin-bottom:calc(var(--font-line-height-body-xl) + 1rem);
 }
 
-.eds-text--sub-paragraph:has(+ .eds-heading) {
-  margin-bottom: calc(var(--font-line-height-body-s) + 1rem);
+.eds-text--quote:has(+ .eds-heading){
+  margin-bottom:-webkit-calc(1.5rem + 1rem);
+  margin-bottom:-moz-calc(1.5rem + 1rem);
+  margin-bottom:calc(1.5rem + 1rem);
+  margin-bottom:-webkit-calc(var(--font-line-height-body-lg) + 1rem);
+  margin-bottom:-moz-calc(var(--font-line-height-body-lg) + 1rem);
+  margin-bottom:calc(var(--font-line-height-body-lg) + 1rem);
 }
 
-.eds-text--leading:has(+ .eds-heading) {
-  margin-bottom: calc(var(--font-line-height-body-xl) + 1rem);
+.eds-text--caption:has(+ .eds-heading){
+  margin-bottom:-webkit-calc(1rem + 1rem);
+  margin-bottom:-moz-calc(1rem + 1rem);
+  margin-bottom:calc(1rem + 1rem);
+  margin-bottom:-webkit-calc(var(--font-line-height-body-xs) + 1rem);
+  margin-bottom:-moz-calc(var(--font-line-height-body-xs) + 1rem);
+  margin-bottom:calc(var(--font-line-height-body-xs) + 1rem);
 }
 
-.eds-text--quote:has(+ .eds-heading) {
-  margin-bottom: calc(var(--font-line-height-body-lg) + 1rem);
+.eds-text--label:has(+ .eds-heading){
+  margin-bottom:-webkit-calc(0.5rem + 1rem);
+  margin-bottom:-moz-calc(0.5rem + 1rem);
+  margin-bottom:calc(0.5rem + 1rem);
+  margin-bottom:-webkit-calc(var(--font-paragraph-spacing-body-xs) + 1rem);
+  margin-bottom:-moz-calc(var(--font-paragraph-spacing-body-xs) + 1rem);
+  margin-bottom:calc(var(--font-paragraph-spacing-body-xs) + 1rem);
 }
 
-.eds-text--caption:has(+ .eds-heading) {
-  margin-bottom: calc(var(--font-line-height-body-xs) + 1rem);
+.eds-text--sublabel:has(+ .eds-heading){
+  margin-bottom:-webkit-calc(0.5rem + 1rem);
+  margin-bottom:-moz-calc(0.5rem + 1rem);
+  margin-bottom:calc(0.5rem + 1rem);
+  margin-bottom:-webkit-calc(var(--font-paragraph-spacing-body-xs) + 1rem);
+  margin-bottom:-moz-calc(var(--font-paragraph-spacing-body-xs) + 1rem);
+  margin-bottom:calc(var(--font-paragraph-spacing-body-xs) + 1rem);
 }
 
-.eds-text--label:has(+ .eds-heading) {
-  margin-bottom: calc(var(--font-paragraph-spacing-body-xs) + 1rem);
+.eds-text--unordered-list:has(+ .eds-heading){
+  margin-bottom:-webkit-calc(1.5rem + 1rem);
+  margin-bottom:-moz-calc(1.5rem + 1rem);
+  margin-bottom:calc(1.5rem + 1rem);
+  margin-bottom:-webkit-calc(var(--font-line-height-body-lg) + 1rem);
+  margin-bottom:-moz-calc(var(--font-line-height-body-lg) + 1rem);
+  margin-bottom:calc(var(--font-line-height-body-lg) + 1rem);
 }
 
-.eds-text--sublabel:has(+ .eds-heading) {
-  margin-bottom: calc(var(--font-paragraph-spacing-body-xs) + 1rem);
+.eds-text--numbered-list:has(+ .eds-heading){
+  margin-bottom:-webkit-calc(1.5rem + 1rem);
+  margin-bottom:-moz-calc(1.5rem + 1rem);
+  margin-bottom:calc(1.5rem + 1rem);
+  margin-bottom:-webkit-calc(var(--font-line-height-body-lg) + 1rem);
+  margin-bottom:-moz-calc(var(--font-line-height-body-lg) + 1rem);
+  margin-bottom:calc(var(--font-line-height-body-lg) + 1rem);
 }
 
-.eds-text--unordered-list:has(+ .eds-heading) {
-  margin-bottom: calc(var(--font-line-height-body-lg) + 1rem);
+.eds-text--blockquote:has(+ .eds-heading){
+  margin-bottom:-webkit-calc(1.5rem + 1rem);
+  margin-bottom:-moz-calc(1.5rem + 1rem);
+  margin-bottom:calc(1.5rem + 1rem);
+  margin-bottom:-webkit-calc(var(--font-line-height-body-lg) + 1rem);
+  margin-bottom:-moz-calc(var(--font-line-height-body-lg) + 1rem);
+  margin-bottom:calc(var(--font-line-height-body-lg) + 1rem);
 }
 
-.eds-text--numbered-list:has(+ .eds-heading) {
-  margin-bottom: calc(var(--font-line-height-body-lg) + 1rem);
+.eds-text--preformatted-text:has(+ .eds-heading){
+  margin-bottom:-webkit-calc(1.5rem + 1rem);
+  margin-bottom:-moz-calc(1.5rem + 1rem);
+  margin-bottom:calc(1.5rem + 1rem);
+  margin-bottom:-webkit-calc(var(--font-line-height-body-lg) + 1rem);
+  margin-bottom:-moz-calc(var(--font-line-height-body-lg) + 1rem);
+  margin-bottom:calc(var(--font-line-height-body-lg) + 1rem);
 }
 
-.eds-text--blockquote:has(+ .eds-heading) {
-  margin-bottom: calc(var(--font-line-height-body-lg) + 1rem);
+.eds-text--code-text:has(+ .eds-heading){
+  margin-bottom:-webkit-calc(1.5rem + 1rem);
+  margin-bottom:-moz-calc(1.5rem + 1rem);
+  margin-bottom:calc(1.5rem + 1rem);
+  margin-bottom:-webkit-calc(var(--font-line-height-body-lg) + 1rem);
+  margin-bottom:-moz-calc(var(--font-line-height-body-lg) + 1rem);
+  margin-bottom:calc(var(--font-line-height-body-lg) + 1rem);
 }
 
-.eds-text--preformatted-text:has(+ .eds-heading) {
-  margin-bottom: calc(var(--font-line-height-body-lg) + 1rem);
+.eds-text--leading{
+  font-size:1.25rem;
+  font-size:var(--font-size-body-xl);
+  line-height:1.75rem;
+  line-height:var(--font-line-height-body-xl);
+  margin-bottom:1.75rem;
+  margin-bottom:var(--font-line-height-body-xl);
 }
 
-.eds-text--code-text:has(+ .eds-heading) {
-  margin-bottom: calc(var(--font-line-height-body-lg) + 1rem);
+.eds-text--quote{
+  font-size:1rem;
+  font-size:var(--font-size-body-lg);
+  line-height:1.5rem;
+  line-height:var(--font-line-height-body-lg);
+  margin-bottom:1.5rem;
+  margin-bottom:var(--font-line-height-body-lg);
 }
 
-.eds-text--leading {
-  font-size: var(--font-size-body-xl);
-  line-height: var(--font-line-height-body-xl);
-  margin-bottom: var(--font-line-height-body-xl);
+.eds-text--paragraph{
+  font-size:1rem;
+  font-size:var(--font-size-body-m);
+  line-height:1.5rem;
+  line-height:var(--font-line-height-body-m);
+  margin-bottom:1.5rem;
+  margin-bottom:var(--font-line-height-body-m);
 }
 
-.eds-text--quote {
-  font-size: var(--font-size-body-lg);
-  line-height: var(--font-line-height-body-lg);
-  margin-bottom: var(--font-line-height-body-lg);
+.eds-text--subparagraph{
+  font-size:0.875rem;
+  font-size:var(--font-size-body-s);
+  line-height:1.25rem;
+  line-height:var(--font-line-height-body-s);
+  margin-bottom:1.25rem;
+  margin-bottom:var(--font-line-height-body-s);
 }
 
-.eds-text--paragraph {
-  font-size: var(--font-size-body-m);
-  line-height: var(--font-line-height-body-m);
-  margin-bottom: var(--font-line-height-body-m);
+.eds-text--caption{
+  font-size:0.75rem;
+  font-size:var(--font-size-body-xs);
+  line-height:1rem;
+  line-height:var(--font-line-height-body-xs);
+  margin-bottom:1rem;
+  margin-bottom:var(--font-line-height-body-xs);
 }
 
-.eds-text--subparagraph {
-  font-size: var(--font-size-body-s);
-  line-height: var(--font-line-height-body-s);
-  margin-bottom: var(--font-line-height-body-s);
+.eds-text--label{
+  font-size:1rem;
+  font-size:var(--font-size-body-m);
+  line-height:1rem;
+  line-height:var(--font-line-height-heading-xs);
+  margin-bottom:0.5rem;
+  margin-bottom:var(--font-paragraph-spacing-body-xs);
+  font-weight:600;
 }
 
-.eds-text--caption {
-  font-size: var(--font-size-body-xs);
-  line-height: var(--font-line-height-body-xs);
-  margin-bottom: var(--font-line-height-body-xs);
+.eds-text--sublabel{
+  font-size:0.875rem;
+  font-size:var(--font-size-body-s);
+  line-height:1.25rem;
+  line-height:var(--font-line-height-body-s);
+  margin-bottom:0.5rem;
+  margin-bottom:var(--font-paragraph-spacing-body-xs);
+  font-weight:600;
 }
 
-.eds-text--label {
-  font-size: var(--font-size-body-m);
-  line-height: var(--font-line-height-heading-xs);
-  margin-bottom: var(--font-paragraph-spacing-body-xs);
-  font-weight: 600;
+.eds-text--overline{
+  font-size:0.75rem;
+  font-size:var(--font-size-body-xs);
+  line-height:1rem;
+  line-height:var(--font-line-height-body-xs);
+  margin-top:0.5rem;
+  margin-top:var(--font-paragraph-spacing-body-xs);
+  margin-bottom:1rem;
+  margin-bottom:var(--font-paragraph-spacing-body-m);
+  font-weight:500;
+  text-transform:uppercase;
 }
 
-.eds-text--sublabel {
-  font-size: var(--font-size-body-s);
-  line-height: var(--font-line-height-body-s);
-  margin-bottom: var(--font-paragraph-spacing-body-xs);
-  font-weight: 600;
+.eds-text--emphasized{
+  font-style:italic;
+  font-weight:500;
 }
 
-.eds-text--overline {
-  font-size: var(--font-size-body-xs);
-  line-height: var(--font-line-height-body-xs);
-  margin-top: var(--font-paragraph-spacing-body-xs);
-  margin-bottom: var(--font-paragraph-spacing-body-m);
-  font-weight: 500;
-  text-transform: uppercase;
+.eds-text--code-text, .eds-text--preformatted-text{
+  background-color:#f6f6f9;
+  background-color:var(--components-typography-codetext-standard-fill);
+  border:0.0625rem solid rgba(84, 86, 140, 0.4);
+  border:0.0625rem solid var(--components-typography-codetext-standard-border);
+  -webkit-border-radius:0.25rem;
+     -moz-border-radius:0.25rem;
+          border-radius:0.25rem;
+  color:#181c56;
+  color:var(--components-typography-codetext-standard-text);
+  font-family:"Monaco", monospace;
+  font-size:0.875rem;
 }
 
-.eds-text--emphasized {
-  font-style: italic;
-  font-weight: 500;
+.eds-contrast .eds-text--code-text, .eds-contrast .eds-text--preformatted-text{
+  background-color:#f6f6f9;
+  background-color:var(--components-typography-codetext-contrast-fill);
+  border:0.0625rem solid rgba(255, 255, 255, 0);
+  border:0.0625rem solid var(--components-typography-codetext-contrast-border);
+  color:#181c56;
+  color:var(--components-typography-codetext-contrast-text);
 }
 
-.eds-text--code-text, .eds-text--preformatted-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-text--preformatted-text{
+  padding:1rem;
+  white-space:pre-wrap;
+  word-break:keep-all;
+  margin-bottom:-webkit-calc(1.5rem + 1rem);
+  margin-bottom:-moz-calc(1.5rem + 1rem);
+  margin-bottom:calc(1.5rem + 1rem);
+  margin-bottom:-webkit-calc(var(--font-line-height-body-lg) + 1rem);
+  margin-bottom:-moz-calc(var(--font-line-height-body-lg) + 1rem);
+  margin-bottom:calc(var(--font-line-height-body-lg) + 1rem);
 }
 
-.eds-contrast .eds-text--code-text, .eds-contrast .eds-text--preformatted-text {
-  background-color: var(--components-typography-codetext-contrast-fill);
-  border: 0.0625rem solid var(--components-typography-codetext-contrast-border);
-  color: var(--components-typography-codetext-contrast-text);
+.eds-text--code-text{
+  display:inline-block;
+  word-wrap:break-word;
+  word-wrap:anywhere;
+  padding:0 0.25rem;
 }
 
-.eds-text--preformatted-text {
-  padding: 1rem;
-  white-space: pre-wrap;
-  word-break: keep-all;
-  margin-bottom: calc(var(--font-line-height-body-lg) + 1rem);
+.eds-text--weight-400, .eds-text--weight-regular{
+  font-weight:400;
 }
 
-.eds-text--code-text {
-  display: inline-block;
-  word-wrap: break-word;
-  overflow-wrap: anywhere;
-  padding: 0 0.25rem;
+.eds-text--weight-500, .eds-text--weight-medium{
+  font-weight:500;
 }
 
-.eds-text--weight-400, .eds-text--weight-regular {
-  font-weight: 400;
+.eds-text--weight-600, .eds-text--weight-semibold{
+  font-weight:600;
 }
 
-.eds-text--weight-500, .eds-text--weight-medium {
-  font-weight: 500;
+.eds-text--weight-700, .eds-text--weight-bold{
+  font-weight:700;
 }
 
-.eds-text--weight-600, .eds-text--weight-semibold {
-  font-weight: 600;
+.eds-text--spacing-none{
+  margin-top:0;
+  margin-bottom:0;
 }
 
-.eds-text--weight-700, .eds-text--weight-bold {
-  font-weight: 700;
+.eds-text--spacing-xs2{
+  margin-top:0.25rem;
+  margin-bottom:0.25rem;
 }
 
-.eds-text--spacing-none {
-  margin-top: 0;
-  margin-bottom: 0;
+.eds-text--spacing-xs2-top{
+  margin-top:0.25rem;
+  margin-bottom:0;
 }
 
-.eds-text--spacing-xs2 {
-  margin-top: 0.25rem;
-  margin-bottom: 0.25rem;
+.eds-text--spacing-xs2-bottom{
+  margin-top:0;
+  margin-bottom:0.25rem;
 }
 
-.eds-text--spacing-xs2-top {
-  margin-top: 0.25rem;
-  margin-bottom: 0;
+.eds-text--spacing-xs{
+  margin-top:0.5rem;
+  margin-bottom:0.5rem;
 }
 
-.eds-text--spacing-xs2-bottom {
-  margin-top: 0;
-  margin-bottom: 0.25rem;
+.eds-text--spacing-xs-top{
+  margin-top:0.5rem;
+  margin-bottom:0;
 }
 
-.eds-text--spacing-xs {
-  margin-top: 0.5rem;
-  margin-bottom: 0.5rem;
+.eds-text--spacing-xs-bottom{
+  margin-top:0;
+  margin-bottom:0.5rem;
 }
 
-.eds-text--spacing-xs-top {
-  margin-top: 0.5rem;
-  margin-bottom: 0;
+.eds-text--spacing-sm{
+  margin-top:0.75rem;
+  margin-bottom:0.75rem;
 }
 
-.eds-text--spacing-xs-bottom {
-  margin-top: 0;
-  margin-bottom: 0.5rem;
+.eds-text--spacing-sm-top{
+  margin-top:0.75rem;
+  margin-bottom:0;
 }
 
-.eds-text--spacing-sm {
-  margin-top: 0.75rem;
-  margin-bottom: 0.75rem;
+.eds-text--spacing-sm-bottom{
+  margin-top:0;
+  margin-bottom:0.75rem;
 }
 
-.eds-text--spacing-sm-top {
-  margin-top: 0.75rem;
-  margin-bottom: 0;
+.eds-text--spacing-md{
+  margin-top:1rem;
+  margin-bottom:1rem;
 }
 
-.eds-text--spacing-sm-bottom {
-  margin-top: 0;
-  margin-bottom: 0.75rem;
+.eds-text--spacing-md-top{
+  margin-top:1rem;
+  margin-bottom:0;
 }
 
-.eds-text--spacing-md {
-  margin-top: 1rem;
-  margin-bottom: 1rem;
+.eds-text--spacing-md-bottom{
+  margin-top:0;
+  margin-bottom:1rem;
 }
 
-.eds-text--spacing-md-top {
-  margin-top: 1rem;
-  margin-bottom: 0;
+.eds-text--spacing-lg{
+  margin-top:1.5rem;
+  margin-bottom:1.5rem;
 }
 
-.eds-text--spacing-md-bottom {
-  margin-top: 0;
-  margin-bottom: 1rem;
+.eds-text--spacing-lg-top{
+  margin-top:1.5rem;
+  margin-bottom:0;
 }
 
-.eds-text--spacing-lg {
-  margin-top: 1.5rem;
-  margin-bottom: 1.5rem;
+.eds-text--spacing-lg-bottom{
+  margin-top:0;
+  margin-bottom:1.5rem;
 }
 
-.eds-text--spacing-lg-top {
-  margin-top: 1.5rem;
-  margin-bottom: 0;
+.eds-text--spacing-xl{
+  margin-top:2rem;
+  margin-bottom:2rem;
 }
 
-.eds-text--spacing-lg-bottom {
-  margin-top: 0;
-  margin-bottom: 1.5rem;
+.eds-text--spacing-xl-top{
+  margin-top:2rem;
+  margin-bottom:0;
 }
 
-.eds-text--spacing-xl {
-  margin-top: 2rem;
-  margin-bottom: 2rem;
+.eds-text--spacing-xl-bottom{
+  margin-top:0;
+  margin-bottom:2rem;
 }
 
-.eds-text--spacing-xl-top {
-  margin-top: 2rem;
-  margin-bottom: 0;
+.eds-text--link{
+  color:#181c56;
+  color:var(--components-typography-basetext-standard-text-accent);
 }
 
-.eds-text--spacing-xl-bottom {
-  margin-top: 0;
-  margin-bottom: 2rem;
+.eds-contrast .eds-text--link{
+  color:#ffffff;
+  color:var(--components-typography-basetext-contrast-text-accent);
 }
 
-.eds-text--link {
-  color: var(--components-typography-basetext-standard-text-accent);
+.eds-text--link, .eds-text--link:link, .eds-text--link:visited{
+  font-size:inherit;
+  -webkit-text-decoration:none;
+  text-decoration:none;
+  position:relative;
+  background-image:-webkit-linear-gradient(330deg, #181c56 0%, #181c56 100%);
+  background-image:-moz-linear-gradient(330deg, #181c56 0%, #181c56 100%);
+  background-image:-o-linear-gradient(330deg, #181c56 0%, #181c56 100%);
+  background-image:linear-gradient(120deg, #181c56 0%, #181c56 100%);
+  background-image:-webkit-linear-gradient(330deg, var(--components-typography-basetext-standard-text-accent) 0%, var(--components-typography-basetext-standard-text-accent) 100%);
+  background-image:-moz-linear-gradient(330deg, var(--components-typography-basetext-standard-text-accent) 0%, var(--components-typography-basetext-standard-text-accent) 100%);
+  background-image:-o-linear-gradient(330deg, var(--components-typography-basetext-standard-text-accent) 0%, var(--components-typography-basetext-standard-text-accent) 100%);
+  background-image:linear-gradient(120deg, var(--components-typography-basetext-standard-text-accent) 0%, var(--components-typography-basetext-standard-text-accent) 100%);
+  background-repeat:no-repeat;
+  -moz-background-size:100% 0.125rem;
+    -o-background-size:100% 0.125rem;
+       background-size:100% 0.125rem;
+  background-position:0 100%;
 }
 
-.eds-contrast .eds-text--link {
-  color: var(--components-typography-basetext-contrast-text-accent);
+.eds-contrast .eds-text--link, .eds-contrast .eds-text--link:link, .eds-contrast .eds-text--link:visited{
+  background-image:-webkit-linear-gradient(330deg, #ffffff 0%, #ffffff 100%);
+  background-image:-moz-linear-gradient(330deg, #ffffff 0%, #ffffff 100%);
+  background-image:-o-linear-gradient(330deg, #ffffff 0%, #ffffff 100%);
+  background-image:linear-gradient(120deg, #ffffff 0%, #ffffff 100%);
+  background-image:-webkit-linear-gradient(330deg, var(--components-typography-basetext-contrast-text-accent) 0%, var(--components-typography-basetext-contrast-text-accent) 100%);
+  background-image:-moz-linear-gradient(330deg, var(--components-typography-basetext-contrast-text-accent) 0%, var(--components-typography-basetext-contrast-text-accent) 100%);
+  background-image:-o-linear-gradient(330deg, var(--components-typography-basetext-contrast-text-accent) 0%, var(--components-typography-basetext-contrast-text-accent) 100%);
+  background-image:linear-gradient(120deg, var(--components-typography-basetext-contrast-text-accent) 0%, var(--components-typography-basetext-contrast-text-accent) 100%);
 }
 
-.eds-text--link, .eds-text--link:link, .eds-text--link:visited {
-  font-size: inherit;
-  text-decoration: none;
-  position: relative;
-  background-image: linear-gradient(120deg, var(--components-typography-basetext-standard-text-accent) 0%, var(--components-typography-basetext-standard-text-accent) 100%);
-  background-repeat: no-repeat;
-  background-size: 100% 0.125rem;
-  background-position: 0 100%;
+.eds-text--link:hover{
+  -webkit-animation:eds-link-underline 0.3s ease-in;
+     -moz-animation:eds-link-underline 0.3s ease-in;
+       -o-animation:eds-link-underline 0.3s ease-in;
+          animation:eds-link-underline 0.3s ease-in;
+  cursor:pointer;
 }
 
-.eds-contrast .eds-text--link, .eds-contrast .eds-text--link:link, .eds-contrast .eds-text--link:visited {
-  background-image: linear-gradient(120deg, var(--components-typography-basetext-contrast-text-accent) 0%, var(--components-typography-basetext-contrast-text-accent) 100%);
+@-webkit-keyframes eds-link-underline{
+  from{
+    background-size:0% 0.125rem;
+  }
+  to{
+    background-size:100% 0.125rem;
+  }
 }
 
-.eds-text--link:hover {
-  animation: eds-link-underline 0.3s ease-in;
-  cursor: pointer;
+@-moz-keyframes eds-link-underline{
+  from{
+    -moz-background-size:0% 0.125rem;
+         background-size:0% 0.125rem;
+  }
+  to{
+    -moz-background-size:100% 0.125rem;
+         background-size:100% 0.125rem;
+  }
 }
 
-@keyframes eds-link-underline {
-  from {
-    background-size: 0% 0.125rem;
+@-o-keyframes eds-link-underline{
+  from{
+    -o-background-size:0% 0.125rem;
+       background-size:0% 0.125rem;
   }
-  to {
-    background-size: 100% 0.125rem;
+  to{
+    -o-background-size:100% 0.125rem;
+       background-size:100% 0.125rem;
   }
 }
 
-.eds-text--link:focus-visible {
-  outline: 2px solid #181c56;
-  outline-color: var(--basecolors-stroke-focus-standard);
-  outline-offset: 0.125rem;
+@keyframes eds-link-underline{
+  from{
+    -moz-background-size:0% 0.125rem;
+      -o-background-size:0% 0.125rem;
+         background-size:0% 0.125rem;
+  }
+  to{
+    -moz-background-size:100% 0.125rem;
+      -o-background-size:100% 0.125rem;
+         background-size:100% 0.125rem;
+  }
 }
 
-.eds-contrast .eds-text--link:focus-visible {
-  outline-color: var(--basecolors-stroke-focus-contrast);
+.eds-text--link:focus-visible{
+  outline:2px solid #181c56;
+  outline-color:#181c56;
+  outline-color:var(--basecolors-stroke-focus-standard);
+  outline-offset:0.125rem;
 }
 
-@media screen and (min-width: 50rem) {
-  .eds-text--link {
-    font-size: 1rem;
-    line-height: 1.5rem;
+.eds-contrast .eds-text--link:focus-visible{
+  outline-color:#aeb7e2;
+  outline-color:var(--basecolors-stroke-focus-contrast);
+}
+
+@media screen and (min-width: 50rem){
+  .eds-text--link{
+    font-size:1rem;
+    line-height:1.5rem;
   }
 }
 
-.eds-text--link--ext-icon {
-  margin-left: 0.25rem;
+.eds-text--link--ext-icon{
+  margin-left:0.25rem;
 }
 
-p .eds-text--link--ext-icon {
-  top: 0;
+p .eds-text--link--ext-icon{
+  top:0;
 }
 
-.eds-text--blockquote {
-  border-left: 0.25rem solid var(--components-typography-blockquote-standard-stroke);
-  font-family: inherit;
-  margin: 0;
-  padding: 0.5rem;
-  padding-left: 2rem;
-  font-size: var(--font-size-body-lg);
-  line-height: var(--font-line-height-body-lg);
-  margin-bottom: var(--font-line-height-body-lg);
-  color: var(--components-typography-blockquote-standard-text-accent);
+.eds-text--blockquote{
+  border-left:0.25rem solid #8284ab;
+  border-left:0.25rem solid var(--components-typography-blockquote-standard-stroke);
+  font-family:inherit;
+  margin:0;
+  padding:0.5rem;
+  padding-left:2rem;
+  font-size:1rem;
+  font-size:var(--font-size-body-lg);
+  line-height:1.5rem;
+  line-height:var(--font-line-height-body-lg);
+  margin-bottom:1.5rem;
+  margin-bottom:var(--font-line-height-body-lg);
+  color:#181c56;
+  color:var(--components-typography-blockquote-standard-text-accent);
 }
 
-.eds-contrast .eds-text--blockquote {
-  color: var(--components-typography-blockquote-contrast-text-accent);
+.eds-contrast .eds-text--blockquote{
+  color:#ffffff;
+  color:var(--components-typography-blockquote-contrast-text-accent);
 }
 
-.eds-text--blockquote__footer {
-  font-size: var(--font-size-body-s);
-  line-height: 1.375rem;
-  letter-spacing: 1px;
-  margin-top: 1.5rem;
-  text-transform: uppercase;
-  color: var(--components-typography-blockquote-standard-text-accent);
+.eds-text--blockquote__footer{
+  font-size:0.875rem;
+  font-size:var(--font-size-body-s);
+  line-height:1.375rem;
+  letter-spacing:1px;
+  margin-top:1.5rem;
+  text-transform:uppercase;
+  color:#181c56;
+  color:var(--components-typography-blockquote-standard-text-accent);
 }
 
-.eds-contrast .eds-text--blockquote__footer {
-  color: var(--components-typography-blockquote-contrast-text-accent);
+.eds-contrast .eds-text--blockquote__footer{
+  color:#ffffff;
+  color:var(--components-typography-blockquote-contrast-text-accent);
 }
 
-.eds-text--unordered-list {
-  list-style: none;
-  margin-bottom: var(--font-line-height-body-lg);
-  color: var(--components-typography-list-standard-text-accent);
+.eds-text--unordered-list{
+  list-style:none;
+  margin-bottom:1.5rem;
+  margin-bottom:var(--font-line-height-body-lg);
+  color:#181c56;
+  color:var(--components-typography-list-standard-text-accent);
 }
 
-.eds-contrast .eds-text--unordered-list {
-  color: var(--components-typography-list-contrast-text-accent);
+.eds-contrast .eds-text--unordered-list{
+  color:#ffffff;
+  color:var(--components-typography-list-contrast-text-accent);
 }
 
-.eds-text--unordered-list .eds-text--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-text--unordered-list .eds-text--list-item::before{
+  content:"";
+  background:#aeb7e2;
+  background:var(--components-typography-list-standard-border);
+  display:block;
+  height:0.125rem;
+  left:-1.75rem;
+  top:0.75rem;
+  position:relative;
+  width:0.75rem;
 }
 
-.eds-text--numbered-list {
-  counter-reset: eds-numbered-list-counter;
-  list-style: none;
-  margin-bottom: var(--font-line-height-body-lg);
-  color: var(--components-typography-list-standard-text-accent);
+.eds-text--numbered-list{
+  counter-reset:eds-numbered-list-counter;
+  list-style:none;
+  margin-bottom:1.5rem;
+  margin-bottom:var(--font-line-height-body-lg);
+  color:#181c56;
+  color:var(--components-typography-list-standard-text-accent);
 }
 
-.eds-contrast .eds-text--numbered-list {
-  color: var(--components-typography-list-contrast-text-accent);
+.eds-contrast .eds-text--numbered-list{
+  color:#ffffff;
+  color:var(--components-typography-list-contrast-text-accent);
 }
 
-.eds-text--numbered-list--type-a > .eds-text--list-item::before {
-  content: counter(eds-numbered-list-counter, lower-alpha);
+.eds-text--numbered-list--type-a > .eds-text--list-item::before{
+  content:counter(eds-numbered-list-counter, lower-alpha);
 }
 
-.eds-text--numbered-list--type-A > .eds-text--list-item::before {
-  content: counter(eds-numbered-list-counter, upper-alpha);
+.eds-text--numbered-list--type-A > .eds-text--list-item::before{
+  content:counter(eds-numbered-list-counter, upper-alpha);
 }
 
-.eds-text--numbered-list--type-1 > .eds-text--list-item::before {
-  content: counter(eds-numbered-list-counter, decimal);
+.eds-text--numbered-list--type-1 > .eds-text--list-item::before{
+  content:counter(eds-numbered-list-counter, decimal);
 }
 
-.eds-text--numbered-list--type-i > .eds-text--list-item::before {
-  content: counter(eds-numbered-list-counter, lower-roman);
+.eds-text--numbered-list--type-i > .eds-text--list-item::before{
+  content:counter(eds-numbered-list-counter, lower-roman);
 }
 
-.eds-text--numbered-list--type-I > .eds-text--list-item::before {
-  content: counter(eds-numbered-list-counter, upper-roman);
+.eds-text--numbered-list--type-I > .eds-text--list-item::before{
+  content:counter(eds-numbered-list-counter, upper-roman);
 }
 
-.eds-text--list-item {
-  padding-left: 0.5rem;
+.eds-text--list-item{
+  padding-left:0.5rem;
 }
 
-.eds-text--numbered-list > .eds-text--list-item {
-  counter-increment: eds-numbered-list-counter;
-  margin-bottom: var(--font-paragraph-spacing-body-m);
-  position: relative;
-  color: var(--components-typography-list-standard-text-accent);
+.eds-text--numbered-list > .eds-text--list-item{
+  counter-increment:eds-numbered-list-counter;
+  margin-bottom:1rem;
+  margin-bottom:var(--font-paragraph-spacing-body-m);
+  position:relative;
+  color:#181c56;
+  color:var(--components-typography-list-standard-text-accent);
 }
 
-.eds-contrast .eds-text--numbered-list > .eds-text--list-item {
-  color: var(--components-typography-list-contrast-text-accent);
+.eds-contrast .eds-text--numbered-list > .eds-text--list-item{
+  color:#ffffff;
+  color:var(--components-typography-list-contrast-text-accent);
 }
 
-.eds-text--numbered-list > .eds-text--list-item::before {
-  color: var(--primary-text-color);
-  position: absolute;
-  font-weight: var(--font-weight-heading);
-  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-text--numbered-list > .eds-text--list-item::before{
+  color:var(--primary-text-color);
+  position:absolute;
+  font-weight:600;
+  font-weight:var(--font-weight-heading);
+  left:-2.5rem;
+  border:0.125rem solid #aeb7e2;
+  border:0.125rem solid var(--components-typography-list-standard-border);
+  -webkit-border-radius:50%;
+     -moz-border-radius:50%;
+          border-radius:50%;
+  height:2rem;
+  width:2rem;
+  display:-webkit-box;
+  display:-webkit-flex;
+  display:-moz-box;
+  display:flex;
+  -webkit-box-align:center;
+  -webkit-align-items:center;
+     -moz-box-align:center;
+          align-items:center;
+  -webkit-box-pack:center;
+  -webkit-justify-content:center;
+     -moz-box-pack:center;
+          justify-content:center;
+  top:-0.25rem;
 }
 
-.eds-contrast .eds-text--numbered-list > .eds-text--list-item::before {
-  border: 0.125rem solid var(--components-typography-list-contrast-border);
+.eds-contrast .eds-text--numbered-list > .eds-text--list-item::before{
+  border:0.125rem solid #aeb7e2;
+  border:0.125rem solid var(--components-typography-list-contrast-border);
 }
 
-.eds-text--list-item__title {
-  display: block;
-  font-weight: var(--font-weight-heading);
-  margin-bottom: 0.5rem;
+.eds-text--list-item__title{
+  display:block;
+  font-weight:600;
+  font-weight:var(--font-weight-heading);
+  margin-bottom:0.5rem;
 }

dist/styles.css

@@ -11,12 +11,16 @@ /*! modern-normalize v3.0.1 | MIT License | https://github.com/sindresorhus/modern-normalize */
 ::before,
-::after {
-  box-sizing: border-box;
+::after{
+  -webkit-box-sizing:border-box;
+     -moz-box-sizing:border-box;
+          box-sizing:border-box;
 }
 
-html {
+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). */
+  font-family:system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, sans-serif, "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. */
+  -moz-tab-size:4;
+    -o-tab-size:4;
+       tab-size:4; /* 3. Use a more readable tab size (opinionated). */
 }
@@ -28,4 +32,4 @@
 */
-body {
-  margin: 0; /* Remove the margin in all browsers. */
+body{
+  margin:0; /* Remove the margin in all browsers. */
 }
@@ -41,4 +45,4 @@
 b,
-strong {
-  font-weight: bolder;
+strong{
+  font-weight:bolder;
 }
@@ -53,5 +57,5 @@
 samp,
-pre {
-  font-family: ui-monospace, SFMono-Regular, Consolas, "Liberation Mono", Menlo, monospace; /* 1 */
-  font-size: 1em; /* 2 */
+pre{
+  font-family:ui-monospace, SFMono-Regular, Consolas, "Liberation Mono", Menlo, monospace; /* 1 */
+  font-size:1em; /* 2 */
 }
@@ -62,4 +66,4 @@
 */
-small {
-  font-size: 80%;
+small{
+  font-size:80%;
 }
@@ -71,15 +75,15 @@
 sub,
-sup {
-  font-size: 75%;
-  line-height: 0;
-  position: relative;
-  vertical-align: baseline;
+sup{
+  font-size:75%;
+  line-height:0;
+  position:relative;
+  vertical-align:baseline;
 }
 
-sub {
-  bottom: -0.25em;
+sub{
+  bottom:-0.25em;
 }
 
-sup {
-  top: -0.5em;
+sup{
+  top:-0.5em;
 }
@@ -94,4 +98,4 @@
 */
-table {
-  border-color: currentcolor;
+table{
+  border-color:currentcolor;
 }
@@ -111,7 +115,7 @@
 select,
-textarea {
-  font-family: inherit; /* 1 */
-  font-size: 100%; /* 1 */
-  line-height: 1.15; /* 1 */
-  margin: 0; /* 2 */
+textarea{
+  font-family:inherit; /* 1 */
+  font-size:100%; /* 1 */
+  line-height:1.15; /* 1 */
+  margin:0; /* 2 */
 }
@@ -125,4 +129,4 @@
 [type=reset],
-[type=submit] {
-  -webkit-appearance: button;
+[type=submit]{
+  -webkit-appearance:button;
 }
@@ -133,4 +137,4 @@
 */
-legend {
-  padding: 0;
+legend{
+  padding:0;
 }
@@ -141,4 +145,4 @@
 */
-progress {
-  vertical-align: baseline;
+progress{
+  vertical-align:baseline;
 }
@@ -150,4 +154,4 @@
 ::-webkit-inner-spin-button,
-::-webkit-outer-spin-button {
-  height: auto;
+::-webkit-outer-spin-button{
+  height:auto;
 }
@@ -159,5 +163,5 @@
 */
-[type=search] {
-  -webkit-appearance: textfield; /* 1 */
-  outline-offset: -2px; /* 2 */
+[type=search]{
+  -webkit-appearance:textfield; /* 1 */
+  outline-offset:-2px; /* 2 */
 }
@@ -168,4 +172,4 @@
 */
-::-webkit-search-decoration {
-  -webkit-appearance: none;
+::-webkit-search-decoration{
+  -webkit-appearance:none;
 }
@@ -177,5 +181,5 @@
 */
-::-webkit-file-upload-button {
-  -webkit-appearance: button; /* 1 */
-  font: inherit; /* 2 */
+::-webkit-file-upload-button{
+  -webkit-appearance:button; /* 1 */
+  font:inherit; /* 2 */
 }
@@ -190,298 +194,289 @@
 */
-summary {
-  display: list-item;
+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;
+: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;
+[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;
+: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;
+[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-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-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-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-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-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-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-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;
+@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;
+: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;
+  -webkit-box-sizing:border-box;
+     -moz-box-sizing:border-box;
+          box-sizing:border-box;
+  color:#181c56;
+  color:var(--primary-text-color);
+  background-color:#ffffff;
+  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);
+: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:#ffffff;
+  color:var(--primary-text-color);
+  background-color:#181c56;
+  background-color:var(--primary-background-color);
 }
-@media screen and (min-width: 50rem) {
+@media screen and (min-width: 50rem){
   [data-color-mode=light],
   [data-color-mode=dark],
-  :root {
-    font-size: 1rem;
-    line-height: 1.5rem;
+  :root{
+    font-size:1rem;
+    line-height:1.5rem;
   }
@@ -492,5 +487,7 @@ }
 *::before,
-*::after {
-  box-sizing: inherit;
-  font-weight: inherit;
+*::after{
+  -webkit-box-sizing:inherit;
+     -moz-box-sizing:inherit;
+          box-sizing:inherit;
+  font-weight:inherit;
 }
@@ -503,317 +500,390 @@
 .eds-h5,
-.eds-h6 {
-  color: var(--primary-text-color);
-  font-weight: 600;
-  -webkit-font-smoothing: antialiased;
+.eds-h6{
+  color:#181c56;
+  color:var(--primary-text-color);
+  font-weight:600;
 }
 
-.eds-h1 {
-  font-size: 1.5rem;
-  line-height: 2.625rem;
-  margin: 0 0 1rem;
+.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;
+@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;
+.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;
+@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;
+.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;
+@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;
+.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;
+@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;
+.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;
+@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;
+.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;
+@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;
+.eds-paragraph{
+  color:#181c56;
+  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;
+@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;
+.eds-lead-paragraph{
+  color:#181c56;
+  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;
+@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;
+.eds-sub-paragraph{
+  color:#181c56;
+  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;
+@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;
+.eds-small-text{
+  color:#181c56;
+  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;
+@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{
+  color:#181c56;
+  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, .eds-link:link, .eds-link:visited{
+  font-size:inherit;
+  -webkit-text-decoration:none;
+  text-decoration:none;
+  position:relative;
+  background-image:-webkit-linear-gradient(330deg, #181c56 0%, #181c56 100%);
+  background-image:-moz-linear-gradient(330deg, #181c56 0%, #181c56 100%);
+  background-image:-o-linear-gradient(330deg, #181c56 0%, #181c56 100%);
+  background-image:linear-gradient(120deg, #181c56 0%, #181c56 100%);
+  background-image:-webkit-linear-gradient(330deg, var(--primary-text-color) 0%, var(--primary-text-color) 100%);
+  background-image:-moz-linear-gradient(330deg, var(--primary-text-color) 0%, var(--primary-text-color) 100%);
+  background-image:-o-linear-gradient(330deg, var(--primary-text-color) 0%, var(--primary-text-color) 100%);
+  background-image:linear-gradient(120deg, var(--primary-text-color) 0%, var(--primary-text-color) 100%);
+  background-repeat:no-repeat;
+  -moz-background-size:100% 0.125rem;
+    -o-background-size:100% 0.125rem;
+       background-size:100% 0.125rem;
+  background-position:0 100%;
 }
-.eds-link:hover {
-  animation: eds-link-underline 0.3s ease-in;
-  cursor: pointer;
+.eds-link:hover{
+  -webkit-animation:eds-link-underline 0.3s ease-in;
+     -moz-animation:eds-link-underline 0.3s ease-in;
+       -o-animation:eds-link-underline 0.3s ease-in;
+          animation:eds-link-underline 0.3s ease-in;
+  cursor:pointer;
 }
-@keyframes eds-link-underline {
-  from {
-    background-size: 0% 0.125rem;
+@-webkit-keyframes eds-link-underline{
+  from{
+    background-size:0% 0.125rem;
   }
-  to {
-    background-size: 100% 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;
+@-moz-keyframes eds-link-underline{
+  from{
+    -moz-background-size:0% 0.125rem;
+         background-size:0% 0.125rem;
+  }
+  to{
+    -moz-background-size:100% 0.125rem;
+         background-size:100% 0.125rem;
+  }
 }
-.eds-contrast .eds-link:focus-visible {
-  outline-color: var(--basecolors-stroke-focus-contrast);
+@-o-keyframes eds-link-underline{
+  from{
+    -o-background-size:0% 0.125rem;
+       background-size:0% 0.125rem;
+  }
+  to{
+    -o-background-size:100% 0.125rem;
+       background-size:100% 0.125rem;
+  }
 }
-@media screen and (min-width: 50rem) {
-  .eds-link {
-    font-size: 1rem;
-    line-height: 1.5rem;
+@keyframes eds-link-underline{
+  from{
+    -moz-background-size:0% 0.125rem;
+      -o-background-size:0% 0.125rem;
+         background-size:0% 0.125rem;
   }
+  to{
+    -moz-background-size:100% 0.125rem;
+      -o-background-size:100% 0.125rem;
+         background-size:100% 0.125rem;
+  }
 }
-.eds-link--ext-icon {
-  margin-left: 0.25rem;
+.eds-link:focus-visible{
+  outline:2px solid #181c56;
+  outline-color:#181c56;
+  outline-color:var(--basecolors-stroke-focus-standard);
+  outline-offset:0.125rem;
 }
-p .eds-link--ext-icon {
-  top: 0;
+.eds-contrast .eds-link:focus-visible{
+  outline-color:#aeb7e2;
+  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-sub-label{
+  color:#626493;
+  color:var(--primary-label-color);
 }
 
-.eds-label {
-  font-size: 0.875rem;
-  line-height: 1.25rem;
+.eds-label{
+  font-size:0.875rem;
+  line-height:1.25rem;
 }
-@media screen and (min-width: 50rem) {
-  .eds-label {
-    line-height: 1.375rem;
+@media screen and (min-width: 50rem){
+  .eds-label{
+    line-height:1.375rem;
   }
 }
 
-.eds-sub-label {
-  font-size: 0.75rem;
-  line-height: 1rem;
+.eds-sub-label{
+  font-size:0.75rem;
+  line-height:1rem;
 }
-@media screen and (min-width: 50rem) {
-  .eds-sub-label {
-    line-height: 1.25rem;
+@media screen and (min-width: 50rem){
+  .eds-sub-label{
+    line-height:1.25rem;
   }
 }
 
-.eds-strong-text {
-  font-weight: 600;
+.eds-strong-text{
+  font-weight:600;
 }
 
-.eds-emphasized-text {
-  font-style: italic;
+.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-code-text{
+  background-color:#f6f6f9;
+  background-color:var(--components-typography-codetext-standard-fill);
+  border:0.0625rem solid rgba(84, 86, 140, 0.4);
+  border:0.0625rem solid var(--components-typography-codetext-standard-border);
+  -webkit-border-radius:0.25rem;
+     -moz-border-radius:0.25rem;
+          border-radius:0.25rem;
+  color:#181c56;
+  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-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-code-text{
+  display:inline-block;
+  word-wrap:break-word;
+  word-wrap:anywhere;
+  padding:0.125rem 0.25rem;
 }
 
 .eds-unordered-list,
-.eds-numbered-list {
-  margin: 1rem 0;
+.eds-numbered-list{
+  margin:1rem 0;
 }
 
-.eds-unordered-list {
-  list-style: none;
+.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-unordered-list .eds-list-item::before{
+  content:"";
+  background:#aeb7e2;
+  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{
+  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, lower-alpha);
 }
-.eds-numbered-list--type-A > .eds-list-item::before {
-  content: counter(eds-numbered-list-counter, upper-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-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, lower-roman);
 }
-.eds-numbered-list--type-I > .eds-list-item::before {
-  content: counter(eds-numbered-list-counter, upper-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-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{
+  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-numbered-list > .eds-list-item::before{
+  color:#181c56;
+  color:var(--primary-text-color);
+  position:absolute;
+  font-weight:600;
+  left:-2.5rem;
+  border:0.125rem solid #aeb7e2;
+  border:0.125rem solid var(--components-typography-list-standard-border);
+  -webkit-border-radius:50%;
+     -moz-border-radius:50%;
+          border-radius:50%;
+  height:2rem;
+  width:2rem;
+  display:-webkit-box;
+  display:-webkit-flex;
+  display:-moz-box;
+  display:flex;
+  -webkit-box-align:center;
+  -webkit-align-items:center;
+     -moz-box-align:center;
+          align-items:center;
+  -webkit-box-pack:center;
+  -webkit-justify-content:center;
+     -moz-box-pack:center;
+          justify-content:center;
+  top:-0.25rem;
 }
 
-.eds-list-item__title {
-  display: block;
-  font-weight: 600;
-  margin-bottom: 0.5rem;
+.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-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{
+  border-left:0.25rem solid #8284ab;
+  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-blockquote__footer{
+  font-size:0.875rem;
+  line-height:1.375rem;
+  letter-spacing:1px;
+  margin-top:1.5rem;
+  text-transform:uppercase;
 }
@@ -835,4 +905,4 @@
 .eds-strong-text--margin-top,
-.eds-link--margin-top {
-  margin-bottom: 0;
+.eds-link--margin-top{
+  margin-bottom:0;
 }
@@ -853,4 +923,4 @@ .eds-h1--margin-bottom,
 .eds-strong-text--margin-bottom,
-.eds-link--margin-bottom {
-  margin-top: 0;
+.eds-link--margin-bottom{
+  margin-top:0;
 }
@@ -871,14 +941,41 @@ .eds-h1--margin-none,
 .eds-strong-text--margin-none,
-.eds-link--margin-none {
-  margin-top: 0;
-  margin-bottom: 0;
+.eds-link--margin-none{
+  margin-top:0;
+  margin-bottom:0;
 }
 
-@keyframes lineExpand {
-  0% {
-    width: 0;
+@-webkit-keyframes lineExpand{
+  0%{
+    width:0;
   }
-  100% {
-    width: 100%;
+  100%{
+    width:100%;
   }
+}
+
+@-moz-keyframes lineExpand{
+  0%{
+    width:0;
+  }
+  100%{
+    width:100%;
+  }
+}
+
+@-o-keyframes lineExpand{
+  0%{
+    width:0;
+  }
+  100%{
+    width:100%;
+  }
+}
+
+@keyframes lineExpand{
+  0%{
+    width:0;
+  }
+  100%{
+    width:100%;
+  }
 }

package.json

 {
   "name": "@entur/typography",
-  "version": "2.0.3",
+  "version": "2.0.4-beta.0",
   "license": "SEE LICENSE IN README.md",
@@ -8,5 +8,2 @@ "main": "./dist/typography.cjs.js",
   "types": "./dist/index.d.ts",
-  "bin": {
-    "migrate": "scripts/migrate-typography.mjs"
-  },
   "exports": {
@@ -65,3 +62,3 @@ ".": {
   "dependencies": {
-    "@entur/icons": "^8.2.0",
+    "@entur/icons": "^8.3.0-beta.0",
     "@entur/tokens": "^3.20.0",
@@ -88,3 +85,3 @@ "@entur/utils": "^0.12.5",
   },
-  "gitHead": "ace4c7d9d1ccb05c66a12669e1c702907840e099"
+  "gitHead": "e3da53c27deec5444106581c2339049814f633fe"
 }

New alerts

No v1

Quality

Package is not semver >=1. This means it is not stable and does not support ^ ranges.

Found 1 instance in 1 package

Unidentified License

License

Something that seems like a license was found, but its contents could not be matched with a known license.

Found 1 instance in 1 package

Fixed alerts

Unidentified License

License

Something that seems like a license was found, but its contents could not be matched with a known license.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

4022063

0.2%

Lines of code

6056

5.19%

Worsened metrics

Number of low quality alerts

2

100%

Dependency changes

• Updated

  @entur/icons@^8.3.0-beta.0