diff --git a/apps/scandic-web/app/[lang]/(live)/layout.tsx b/apps/scandic-web/app/[lang]/(live)/layout.tsx index ba9500c8d..1b8a33112 100644 --- a/apps/scandic-web/app/[lang]/(live)/layout.tsx +++ b/apps/scandic-web/app/[lang]/(live)/layout.tsx @@ -1,4 +1,6 @@ +import "@scandic-hotels/design-system/fonts.css" import "@/app/globals.css" +import "@/public/_static/css/design-system-new-deprecated.css" import "@scandic-hotels/design-system/style.css" import { ReactQueryDevtools } from "@tanstack/react-query-devtools" @@ -49,7 +51,7 @@ export default async function RootLayout({ window.adobeDataLayer = window.adobeDataLayer || [] `} - + diff --git a/apps/scandic-web/app/[lang]/(live-current)/layout.tsx b/apps/scandic-web/app/[lang]/(live-current)/layout.tsx index 103adc6ae..416835dc2 100644 --- a/apps/scandic-web/app/[lang]/(live-current)/layout.tsx +++ b/apps/scandic-web/app/[lang]/(live-current)/layout.tsx @@ -1,4 +1,6 @@ +import "@scandic-hotels/design-system/fonts.css" import "@/app/globals.css" +import "@/public/_static/css/design-system-current-deprecated.css" import "@scandic-hotels/design-system/style.css" import Script from "next/script" diff --git a/apps/scandic-web/app/[lang]/(partner)/layout.tsx b/apps/scandic-web/app/[lang]/(partner)/layout.tsx index c4aac69a4..c1a167ea9 100644 --- a/apps/scandic-web/app/[lang]/(partner)/layout.tsx +++ b/apps/scandic-web/app/[lang]/(partner)/layout.tsx @@ -1,4 +1,6 @@ +import "@scandic-hotels/design-system/fonts.css" import "@/app/globals.css" +import "@/public/_static/css/design-system-new-deprecated.css" import "@scandic-hotels/design-system/style.css" import { ReactQueryDevtools } from "@tanstack/react-query-devtools" diff --git a/apps/scandic-web/app/[lang]/webview/layout.tsx b/apps/scandic-web/app/[lang]/webview/layout.tsx index b59dd9a18..bf2323cdb 100644 --- a/apps/scandic-web/app/[lang]/webview/layout.tsx +++ b/apps/scandic-web/app/[lang]/webview/layout.tsx @@ -1,4 +1,6 @@ +import "@scandic-hotels/design-system/fonts.css" import "@/app/globals.css" +import "@/public/_static/css/design-system-new-deprecated.css" import "@scandic-hotels/design-system/style.css" import Script from "next/script" diff --git a/apps/scandic-web/app/globals.css b/apps/scandic-web/app/globals.css index 1ad898ca0..082f5190c 100644 --- a/apps/scandic-web/app/globals.css +++ b/apps/scandic-web/app/globals.css @@ -1,101 +1,3 @@ -@font-face { - font-display: fallback; - font-family: "biro script plus"; - font-style: normal; - font-weight: 400; - src: url(/_static/fonts/biro-script-plus/regular.woff2) format("woff2"); -} - -@font-face { - font-display: fallback; - font-family: "brandon text"; - font-weight: 700; - src: - url(/_static/fonts/brandon-text/bold.woff2) format("woff2"), - url(/_static/fonts/brandon-text/bold.woff) format("woff"); -} - -@font-face { - font-display: fallback; - font-family: "brandon text"; - font-weight: 900; - src: - url(/_static/fonts/brandon-text/black.woff2) format("woff2"), - url(/_static/fonts/brandon-text/black.woff) format("woff"); -} - -@font-face { - font-display: fallback; - font-family: "fira mono"; - font-style: normal; - font-weight: 400; - src: url(/_static/fonts/fira-mono/regular.woff2) format("woff2"); -} - -@font-face { - font-display: fallback; - font-family: "fira mono"; - font-style: normal; - font-weight: 500; - src: url(/_static/fonts/fira-mono/medium.woff2) format("woff2"); -} - -@font-face { - font-display: fallback; - font-family: "fira mono"; - font-style: normal; - font-weight: 700; - src: url(/_static/fonts/fira-mono/bold.woff2) format("woff2"); -} - -@font-face { - font-display: fallback; - font-family: "fira sans"; - font-style: normal; - font-weight: 300; - src: url(/_static/fonts/fira-sans/light.woff2) format("woff2"); -} - -@font-face { - font-display: fallback; - font-family: "fira sans"; - font-style: normal; - font-weight: 400; - src: url(/_static/fonts/fira-sans/regular.woff2) format("woff2"); -} - -@font-face { - font-display: fallback; - font-family: "fira sans"; - font-style: normal; - font-weight: 500; - src: url(/_static/fonts/fira-sans/medium.woff2) format("woff2"); -} - -@font-face { - font-display: fallback; - font-family: "fira sans"; - font-style: normal; - font-weight: 600; - src: url(/_static/fonts/fira-sans/semibold.woff2) format("woff2"); -} - -@font-face { - font-display: fallback; - font-family: "fira sans"; - font-style: normal; - font-weight: 700; - src: url(/_static/fonts/fira-sans/bold.woff2) format("woff2"); -} - -@font-face { - font-display: fallback; - font-family: "fira sans"; - font-style: normal; - font-weight: 900; - src: url(/_static/fonts/fira-sans/black.woff2) format("woff2"); -} - :root { --current-max-width: 113.5rem; diff --git a/apps/scandic-web/components/ContentType/HotelPage/IntroSection/index.tsx b/apps/scandic-web/components/ContentType/HotelPage/IntroSection/index.tsx index 951311500..dc4c7e9e8 100644 --- a/apps/scandic-web/components/ContentType/HotelPage/IntroSection/index.tsx +++ b/apps/scandic-web/components/ContentType/HotelPage/IntroSection/index.tsx @@ -1,9 +1,10 @@ +import { Typography } from "@scandic-hotels/design-system/Typography" + import { ChevronRightSmallIcon, TripAdvisorIcon } from "@/components/Icons" import Link from "@/components/TempDesignSystem/Link" import BiroScript from "@/components/TempDesignSystem/Text/BiroScript" import Body from "@/components/TempDesignSystem/Text/Body" import Preamble from "@/components/TempDesignSystem/Text/Preamble" -import Title from "@/components/TempDesignSystem/Text/Title" import { getIntl } from "@/i18n" import { getSingleDecimal } from "@/utils/numberFormatting" @@ -47,7 +48,9 @@ export default async function IntroSection({ {intl.formatMessage({ id: "Welcome to" })} - {hotelName} + +

{hotelName}

+ {formattedLocationText} {hasTripAdvisorData && ( diff --git a/apps/scandic-web/components/Current/Aside/Puff/index.tsx b/apps/scandic-web/components/Current/Aside/Puff/index.tsx index 238df6440..feb3db661 100644 --- a/apps/scandic-web/components/Current/Aside/Puff/index.tsx +++ b/apps/scandic-web/components/Current/Aside/Puff/index.tsx @@ -1,11 +1,10 @@ "use client" import { useRouter } from "next/navigation" -import { Button } from "@scandic-hotels/design-system/current" - import { renderOptions as currentRenderOptions } from "@/components/Current/currentRenderOptions" import DeprecatedJsonToHtml from "@/components/DeprecatedJsonToHtml" import Image from "@/components/Image" +import Button from "@/components/TempDesignSystem/Button" import { renderOptions } from "./renderOptions" diff --git a/apps/scandic-web/components/Current/Header/BookingButton/index.tsx b/apps/scandic-web/components/Current/Header/BookingButton/index.tsx index 3ecffd534..186687f7b 100644 --- a/apps/scandic-web/components/Current/Header/BookingButton/index.tsx +++ b/apps/scandic-web/components/Current/Header/BookingButton/index.tsx @@ -1,6 +1,6 @@ "use client" -import "@scandic-hotels/design-system/current/style.css" +import "@/public/_static/css/design-system-current-deprecated.css" import { useIntl } from "react-intl" diff --git a/apps/scandic-web/components/Webviews/AccountPage/index.tsx b/apps/scandic-web/components/Webviews/AccountPage/index.tsx index 572ea485e..1a0f35bc6 100644 --- a/apps/scandic-web/components/Webviews/AccountPage/index.tsx +++ b/apps/scandic-web/components/Webviews/AccountPage/index.tsx @@ -1,6 +1,3 @@ -import "@/app/globals.css" -import "@scandic-hotels/design-system/style.css" - import { overview } from "@/constants/routes/webviews" import { serverClient } from "@/lib/trpc/server" diff --git a/apps/scandic-web/public/_static/css/design-system-current-deprecated.css b/apps/scandic-web/public/_static/css/design-system-current-deprecated.css new file mode 100644 index 000000000..424c2e0f6 --- /dev/null +++ b/apps/scandic-web/public/_static/css/design-system-current-deprecated.css @@ -0,0 +1 @@ +:root{--typography-Body-Bold-Desktop-fontSize: 16px;--typography-Body-Bold-fontFamily: "fira sans";--typography-Body-Bold-fontSize: 16px;--typography-Body-Bold-fontWeight: "medium";--typography-Body-Bold-letterSpacing: 1.2000000476837158%;--typography-Body-Bold-lineHeight: 150%;--typography-Body-Bold-Mobile-fontSize: 16px;--typography-Body-Bold-Tablet-estimate-fontSize: 16px;--typography-Body-Bold-textCase: "original";--typography-Body-Bold-textDecoration: "none";--typography-Body-Inline-Desktop-fontSize: 16px;--typography-Body-Inline-fontFamily: "fira sans";--typography-Body-Inline-fontSize: 16px;--typography-Body-Inline-fontWeight: "regular";--typography-Body-Inline-letterSpacing: 1.2000000476837158%;--typography-Body-Inline-lineHeight: 150%;--typography-Body-Inline-Mobile-fontSize: 16px;--typography-Body-Inline-Tablet-estimate-fontSize: 16px;--typography-Body-Inline-textCase: "original";--typography-Body-Inline-textDecoration: "underline";--typography-Body-Link-Desktop-fontSize: 16px;--typography-Body-Link-Mobile-fontSize: 16px;--typography-Body-Link-Tablet-estimate-fontSize: 16px;--typography-Body-Regular-Desktop-fontSize: 16px;--typography-Body-Regular-fontFamily: "fira sans";--typography-Body-Regular-fontSize: 16px;--typography-Body-Regular-fontWeight: "regular";--typography-Body-Regular-letterSpacing: 1.2000000476837158%;--typography-Body-Regular-lineHeight: 150%;--typography-Body-Regular-Mobile-fontSize: 16px;--typography-Body-Regular-Tablet-estimate-fontSize: 16px;--typography-Body-Regular-textCase: "original";--typography-Body-Regular-textDecoration: "none";--typography-Body-Underline-fontFamily: "fira sans";--typography-Body-Underline-fontSize: 16px;--typography-Body-Underline-fontWeight: "medium";--typography-Body-Underline-letterSpacing: 1.2000000476837158%;--typography-Body-Underline-lineHeight: 150%;--typography-Body-Underline-textCase: "original";--typography-Body-Underline-textDecoration: "underline";--typography-Caption-Bold-Desktop-fontSize: 14px;--typography-Caption-Bold-fontFamily: "fira sans";--typography-Caption-Bold-fontSize: 14px;--typography-Caption-Bold-fontWeight: "medium";--typography-Caption-Bold-letterSpacing: 1.399999976158142%;--typography-Caption-Bold-lineHeight: 139.9999976158142%;--typography-Caption-Bold-Mobile-fontSize: 14px;--typography-Caption-Bold-Tablet-estimate-fontSize: 14px;--typography-Caption-Bold-textCase: "original";--typography-Caption-Bold-textDecoration: "none";--typography-Caption-Inline-Desktop-fontSize: 14px;--typography-Caption-Inline-fontFamily: "fira sans";--typography-Caption-Inline-fontSize: 14px;--typography-Caption-Inline-fontWeight: "regular";--typography-Caption-Inline-letterSpacing: 1.399999976158142%;--typography-Caption-Inline-lineHeight: 139.9999976158142%;--typography-Caption-Inline-Mobile-fontSize: 14px;--typography-Caption-Inline-Tablet-estimate-fontSize: 14px;--typography-Caption-Inline-textCase: "original";--typography-Caption-Inline-textDecoration: "underline";--typography-Caption-Labels-fontFamily: "brandon text";--typography-Caption-Labels-fontSize: 14px;--typography-Caption-Labels-fontWeight: "bold";--typography-Caption-Labels-letterSpacing: 1.399999976158142%;--typography-Caption-Labels-lineHeight: 150%;--typography-Caption-Labels-textCase: "upper";--typography-Caption-Labels-textDecoration: "none";--typography-Caption-Link-Desktop-fontSize: 14px;--typography-Caption-Link-Mobile-fontSize: 14px;--typography-Caption-Link-Tablet-estimate-fontSize: 14px;--typography-Caption-Regular-Desktop-fontSize: 14px;--typography-Caption-Regular-fontFamily: "fira sans";--typography-Caption-Regular-fontSize: 14px;--typography-Caption-Regular-fontWeight: "regular";--typography-Caption-Regular-letterSpacing: 1.399999976158142%;--typography-Caption-Regular-lineHeight: 139.9999976158142%;--typography-Caption-Regular-Mobile-fontSize: 14px;--typography-Caption-Regular-Tablet-estimate-fontSize: 14px;--typography-Caption-Regular-textCase: "original";--typography-Caption-Regular-textDecoration: "none";--typography-Caption-Underline-fontFamily: "fira sans";--typography-Caption-Underline-fontSize: 14px;--typography-Caption-Underline-fontWeight: "medium";--typography-Caption-Underline-letterSpacing: 1.399999976158142%;--typography-Caption-Underline-lineHeight: 139.9999976158142%;--typography-Caption-Underline-textCase: "original";--typography-Caption-Underline-textDecoration: "underline";--typography-Foot-note-Bold-Desktop-fontSize: 12px;--typography-Foot-note-Bold-Mobile-fontSize: 12px;--typography-Foot-note-Bold-Tablet-estimate-fontSize: 12px;--typography-Foot-note-Regular-Desktop-fontSize: 12px;--typography-Foot-note-Regular-Mobile-fontSize: 12px;--typography-Foot-note-Regular-Tablet-estimate-fontSize: 12px;--typography-Footnote-Bold-fontFamily: "fira sans";--typography-Footnote-Bold-fontSize: 12px;--typography-Footnote-Bold-fontWeight: "medium";--typography-Footnote-Bold-letterSpacing: 1.399999976158142%;--typography-Footnote-Bold-lineHeight: 150%;--typography-Footnote-Bold-textCase: "original";--typography-Footnote-Bold-textDecoration: "none";--typography-Footnote-Labels-fontFamily: "brandon text";--typography-Footnote-Labels-fontSize: 12px;--typography-Footnote-Labels-fontWeight: "bold";--typography-Footnote-Labels-letterSpacing: 1.399999976158142%;--typography-Footnote-Labels-lineHeight: 150%;--typography-Footnote-Labels-textCase: "upper";--typography-Footnote-Labels-textDecoration: "none";--typography-Footnote-Regular-fontFamily: "fira sans";--typography-Footnote-Regular-fontSize: 12px;--typography-Footnote-Regular-fontWeight: "regular";--typography-Footnote-Regular-letterSpacing: 1.399999976158142%;--typography-Footnote-Regular-lineHeight: 150%;--typography-Footnote-Regular-textCase: "original";--typography-Footnote-Regular-textDecoration: "none";--typography-Preamble-Desktop-fontSize: 20px;--typography-Preamble-fontFamily: "fira sans";--typography-Preamble-fontSize: 20px;--typography-Preamble-fontWeight: "regular";--typography-Preamble-letterSpacing: 1%;--typography-Preamble-lineHeight: 139.9999976158142%;--typography-Preamble-Mobile-fontSize: 18px;--typography-Preamble-Tablet-estimate-fontSize: 19px;--typography-Preamble-textCase: "original";--typography-Preamble-textDecoration: "none";--typography-Script-1-Desktop-fontSize: 32px;--typography-Script-1-fontFamily: "biro script plus";--typography-Script-1-fontSize: 32px;--typography-Script-1-fontWeight: "regular";--typography-Script-1-letterSpacing: 2%;--typography-Script-1-lineHeight: 110.00000238418579%;--typography-Script-1-Mobile-fontSize: 24px;--typography-Script-1-Tablet-estimate-fontSize: 29px;--typography-Script-1-textCase: "original";--typography-Script-1-textDecoration: "none";--typography-Script-2-Desktop-fontSize: 24px;--typography-Script-2-fontFamily: "biro script plus";--typography-Script-2-fontSize: 24px;--typography-Script-2-fontWeight: "regular";--typography-Script-2-letterSpacing: 2%;--typography-Script-2-lineHeight: 110.00000238418579%;--typography-Script-2-Mobile-fontSize: 20px;--typography-Script-2-Tablet-estimate-fontSize: 22px;--typography-Script-2-textCase: "original";--typography-Script-2-textDecoration: "none";--typography-Subtitle-1-Desktop-fontSize: 24px;--typography-Subtitle-1-fontFamily: "fira sans";--typography-Subtitle-1-fontSize: 24px;--typography-Subtitle-1-fontWeight: "medium";--typography-Subtitle-1-letterSpacing: 1%;--typography-Subtitle-1-lineHeight: 120.00000476837158%;--typography-Subtitle-1-Mobile-fontSize: 20px;--typography-Subtitle-1-Tablet-estimate-fontSize: 22px;--typography-Subtitle-1-textCase: "original";--typography-Subtitle-1-textDecoration: "none";--typography-Subtitle-2-Desktop-fontSize: 20px;--typography-Subtitle-2-fontFamily: "fira sans";--typography-Subtitle-2-fontSize: 20px;--typography-Subtitle-2-fontWeight: "medium";--typography-Subtitle-2-letterSpacing: 1%;--typography-Subtitle-2-lineHeight: 120.00000476837158%;--typography-Subtitle-2-Mobile-fontSize: 18px;--typography-Subtitle-2-Tablet-estimate-fontSize: 19px;--typography-Subtitle-2-textCase: "original";--typography-Subtitle-2-textDecoration: "none";--typography-Title-1-Desktop-fontSize: 64px;--typography-Title-1-fontFamily: "brandon text";--typography-Title-1-fontSize: 64px;--typography-Title-1-fontWeight: "black";--typography-Title-1-letterSpacing: .25%;--typography-Title-1-lineHeight: 110.00000238418579%;--typography-Title-1-Mobile-fontSize: 48px;--typography-Title-1-Tablet-estimate-fontSize: 60px;--typography-Title-1-textCase: "upper";--typography-Title-1-textDecoration: "none";--typography-Title-2-Desktop-fontSize: 48px;--typography-Title-2-fontFamily: "brandon text";--typography-Title-2-fontSize: 48px;--typography-Title-2-fontWeight: "black";--typography-Title-2-letterSpacing: .25%;--typography-Title-2-lineHeight: 110.00000238418579%;--typography-Title-2-Mobile-fontSize: 36px;--typography-Title-2-Tablet-estimate-fontSize: 44px;--typography-Title-2-textCase: "upper";--typography-Title-2-textDecoration: "none";--typography-Title-3-Desktop-fontSize: 36px;--typography-Title-3-fontFamily: "brandon text";--typography-Title-3-fontSize: 36px;--typography-Title-3-fontWeight: "black";--typography-Title-3-letterSpacing: .25%;--typography-Title-3-lineHeight: 110.00000238418579%;--typography-Title-3-Mobile-fontSize: 30px;--typography-Title-3-Tablet-estimate-fontSize: 34px;--typography-Title-3-textCase: "upper";--typography-Title-3-textDecoration: "none";--typography-Title-4-Desktop-fontSize: 28px;--typography-Title-4-fontFamily: "brandon text";--typography-Title-4-fontSize: 28px;--typography-Title-4-fontWeight: "bold";--typography-Title-4-letterSpacing: .25%;--typography-Title-4-lineHeight: 110.00000238418579%;--typography-Title-4-Mobile-fontSize: 24px;--typography-Title-4-Tablet-estimate-fontSize: 26px;--typography-Title-4-textCase: "original";--typography-Title-4-textDecoration: "none";--typography-Title-5-Desktop-fontSize: 24px;--typography-Title-5-fontFamily: "brandon text";--typography-Title-5-fontSize: 24px;--typography-Title-5-fontWeight: "black";--typography-Title-5-letterSpacing: .25%;--typography-Title-5-lineHeight: 110.00000238418579%;--typography-Title-5-Mobile-fontSize: 20px;--typography-Title-5-Tablet-estimate-fontSize: 21px;--typography-Title-5-textCase: "upper";--typography-Title-5-textDecoration: "none"}:root{--Base-Background-Primary-Elevated: var(--Scandic-Beige-00);--Base-Background-Primary-Normal: var(--Scandic-Beige-00);--Base-Border-Hover: var(--Scandic-Peach-80);--Base-Border-Inverted: var(--UI-Opacity-White-100);--Base-Border-Normal: var(--Scandic-Beige-40);--Base-Border-Subtle: var(--Scandic-Beige-20);--Base-Button-Inverted-Border-Disabled: var(--UI-Opacity-White-0);--Base-Button-Inverted-Border-Hover: var(--UI-Opacity-White-0);--Base-Button-Inverted-Border-Normal: var(--UI-Opacity-White-0);--Base-Button-Inverted-Fill-Disabled: var(--UI-Grey-20);--Base-Button-Inverted-Fill-Hover: var(--Scandic-Beige-10);--Base-Button-Inverted-Fill-Hover-alt: var(--Scandic-Peach-10);--Base-Button-Inverted-Fill-Normal: var(--UI-Opacity-White-100);--Base-Button-Inverted-On-Fill-Disabled: var(--UI-Grey-40);--Base-Button-Inverted-On-Fill-Hover: var(--Scandic-Red-90);--Base-Button-Inverted-On-Fill-Normal: var(--Scandic-Red-100);--Base-Button-Primary-Border-Disabled: var(--UI-Opacity-White-0);--Base-Button-Primary-Border-Hover: var(--UI-Opacity-White-0);--Base-Button-Primary-Border-Normal: var(--UI-Opacity-White-0);--Base-Button-Primary-Fill-Disabled: var(--UI-Grey-20);--Base-Button-Primary-Fill-Hover: var(--Scandic-Red-70);--Base-Button-Primary-Fill-Normal: var(--Scandic-Red-60);--Base-Button-Primary-On-Fill-Disabled: var(--UI-Grey-40);--Base-Button-Primary-On-Fill-Hover: var(--UI-Opacity-White-100);--Base-Button-Primary-On-Fill-Normal: var(--UI-Opacity-White-100);--Base-Button-Secondary-Border-Disabled: var(--UI-Grey-30);--Base-Button-Secondary-Border-Hover: var(--Scandic-Peach-80);--Base-Button-Secondary-Border-Normal: var(--Scandic-Red-100);--Base-Button-Secondary-Fill-Disabled: var(--UI-Opacity-White-0);--Base-Button-Secondary-Fill-Hover: var(--UI-Opacity-White-0);--Base-Button-Secondary-Fill-Normal: var(--UI-Opacity-White-0);--Base-Button-Secondary-On-Fill-Disabled: var(--UI-Grey-40);--Base-Button-Secondary-On-Fill-Hover: var(--Scandic-Peach-80);--Base-Button-Secondary-On-Fill-Normal: var(--Scandic-Red-100);--Base-Button-Tertiary-Border-Disabled: var(--UI-Opacity-White-0);--Base-Button-Tertiary-Border-Hover: var(--UI-Opacity-White-0);--Base-Button-Tertiary-Border-Normal: var(--UI-Opacity-White-0);--Base-Button-Tertiary-Fill-Disabled: var(--UI-Grey-20);--Base-Button-Tertiary-Fill-Hover: var(--Scandic-Red-90);--Base-Button-Tertiary-Fill-Normal: var(--Scandic-Red-100);--Base-Button-Tertiary-On-Fill-Disabled: var(--UI-Grey-40);--Base-Button-Tertiary-On-Fill-Hover: var(--UI-Opacity-White-100);--Base-Button-Tertiary-On-Fill-Normal: var(--UI-Opacity-White-100);--Base-Button-Text-Border-Disabled: var(--UI-Opacity-White-0);--Base-Button-Text-Border-Hover: var(--UI-Opacity-White-0);--Base-Button-Text-Border-Normal: var(--UI-Opacity-White-0);--Base-Button-Text-Fill-Disabled: var(--UI-Opacity-White-0);--Base-Button-Text-Fill-Hover: var(--UI-Opacity-White-0);--Base-Button-Text-Fill-Normal: var(--UI-Opacity-White-0);--Base-Button-Text-On-Fill-Disabled: var(--UI-Grey-40);--Base-Button-Text-On-Fill-Hover: var(--Scandic-Peach-80);--Base-Button-Text-On-Fill-Normal: var(--Scandic-Red-100);--Base-Icon-Low-contrast: var(--Scandic-Peach-70);--Base-Interactive-Surface-Primary-normal: var(--Scandic-Red-80);--Base-Interactive-Surface-Secondary-normal: var(--Scandic-Green-70);--Base-Interactive-Surface-Tertiary-normal: var(--Scandic-Blue-60);--Base-Surface-Primary-dark-Hover: var(--Scandic-Peach-20);--Base-Surface-Primary-dark-Normal: var(--Scandic-Peach-10);--Base-Surface-Primary-light-Hover: var(--UI-Grey-00);--Base-Surface-Primary-light-Hover-alt: var(--Scandic-Beige-10);--Base-Surface-Primary-light-Normal: var(--UI-Opacity-White-100);--Base-Surface-Secondary-light-Hover: var(--Scandic-Peach-10);--Base-Surface-Secondary-light-Hover-alt: var(--Scandic-Peach-20);--Base-Surface-Secondary-light-Normal: var(--Scandic-Beige-00);--Base-Surface-Subtle-Hover: var(--Scandic-Beige-20);--Base-Surface-Subtle-Normal: var(--Scandic-Beige-10);--Base-Text-Accent: var(--Scandic-Red-60);--Base-Text-Disabled: var(--UI-Grey-40);--Base-Text-High-contrast: var(--Scandic-Red-100);--Base-Text-Inverted: var(--UI-Opacity-White-100);--Base-Text-Medium-contrast: var(--Scandic-Peach-80);--Primary-Dark-Button-Primary-Border-Disabled: var(--UI-Opacity-White-0);--Primary-Dark-Button-Primary-Border-Hover: var(--UI-Opacity-White-0);--Primary-Dark-Button-Primary-Border-Normal: var(--UI-Opacity-White-0);--Primary-Dark-Button-Primary-Fill-Disabled: var(--UI-Opacity-White-20);--Primary-Dark-Button-Primary-Fill-Hover: var(--Scandic-Peach-20);--Primary-Dark-Button-Primary-Fill-Normal: var(--Scandic-Peach-10);--Primary-Dark-Button-Primary-On-Fill-Disabled: var(--UI-Opacity-White-30);--Primary-Dark-Button-Primary-On-Fill-Hover: var(--Scandic-Red-80);--Primary-Dark-Button-Primary-On-Fill-Normal: var(--Scandic-Red-100);--Primary-Dark-Button-Secondary-Border-Disabled: var(--UI-Opacity-White-20);--Primary-Dark-Button-Secondary-Border-Hover: var(--Scandic-Peach-30);--Primary-Dark-Button-Secondary-Border-Normal: var(--Scandic-Peach-10);--Primary-Dark-Button-Secondary-Fill-Disabled: var(--UI-Opacity-White-0);--Primary-Dark-Button-Secondary-Fill-Hover: var(--UI-Opacity-White-0);--Primary-Dark-Button-Secondary-Fill-Normal: var(--UI-Opacity-White-0);--Primary-Dark-Button-Secondary-On-Fill-Disabled: var(--UI-Opacity-White-30);--Primary-Dark-Button-Secondary-On-Fill-Hover: var(--Scandic-Peach-30);--Primary-Dark-Button-Secondary-On-Fill-Normal: var(--Scandic-Peach-10);--Primary-Dark-On-Surface-Accent: var(--Scandic-Peach-50);--Primary-Dark-On-Surface-Divider: var(--Scandic-Peach-80);--Primary-Dark-On-Surface-Text: var(--Scandic-Peach-10);--Primary-Dark-Surface-Hover: var(--Scandic-Red-90);--Primary-Dark-Surface-Normal: var(--Scandic-Red-100);--Primary-Dim-Button-Primary-Border-Disabled: var(--UI-Opacity-White-0);--Primary-Dim-Button-Primary-Border-Hover: var(--UI-Opacity-White-0);--Primary-Dim-Button-Primary-Border-Normal: var(--UI-Opacity-White-0);--Primary-Dim-Button-Primary-Fill-Disabled: var(--UI-Opacity-Almost-Black-10);--Primary-Dim-Button-Primary-Fill-Hover: var(--Scandic-Red-80);--Primary-Dim-Button-Primary-Fill-Normal: var(--Scandic-Red-100);--Primary-Dim-Button-Primary-On-Fill-Disabled: var( --UI-Opacity-Almost-Black-20 );--Primary-Dim-Button-Primary-On-Fill-Hover: var(--Scandic-Peach-30);--Primary-Dim-Button-Primary-On-Fill-Normal: var(--Scandic-Peach-10);--Primary-Dim-Button-Secondary-Border-Disabled: var( --UI-Opacity-Almost-Black-20 );--Primary-Dim-Button-Secondary-Border-Hover: var(--Scandic-Red-80);--Primary-Dim-Button-Secondary-Border-Normal: var(--Scandic-Red-100);--Primary-Dim-Button-Secondary-Fill-Disabled: var(--UI-Opacity-White-0);--Primary-Dim-Button-Secondary-Fill-Hover: var(--UI-Opacity-White-0);--Primary-Dim-Button-Secondary-Fill-Normal: var(--UI-Opacity-White-0);--Primary-Dim-Button-Secondary-On-Fill-Disabled: var( --UI-Opacity-Almost-Black-20 );--Primary-Dim-Button-Secondary-On-Fill-Hover: var(--Scandic-Red-80);--Primary-Dim-Button-Secondary-On-Fill-Normal: var(--Scandic-Red-100);--Primary-Dim-On-Surface-Accent: var(--Scandic-Peach-80);--Primary-Dim-On-Surface-Divider: var(--Scandic-Peach-40);--Primary-Dim-On-Surface-Text: var(--Scandic-Red-100);--Primary-Dim-Surface-Hover: var(--Scandic-Peach-40);--Primary-Dim-Surface-Normal: var(--Scandic-Peach-30);--Primary-Light-Button-Primary-Border-Disabled: var(--UI-Opacity-White-0);--Primary-Light-Button-Primary-Border-Hover: var(--UI-Opacity-White-0);--Primary-Light-Button-Primary-Border-Normal: var(--UI-Opacity-White-0);--Primary-Light-Button-Primary-Fill-Disabled: var( --UI-Opacity-Almost-Black-10 );--Primary-Light-Button-Primary-Fill-Hover: var(--Scandic-Red-80);--Primary-Light-Button-Primary-Fill-Normal: var(--Scandic-Red-100);--Primary-Light-Button-Primary-On-Fill-Disabled: var( --UI-Opacity-Almost-Black-20 );--Primary-Light-Button-Primary-On-Fill-Hover: var(--Scandic-Peach-30);--Primary-Light-Button-Primary-On-Fill-Normal: var(--Scandic-Peach-10);--Primary-Light-Button-Secondary-Border-Disabled: var( --UI-Opacity-Almost-Black-20 );--Primary-Light-Button-Secondary-Border-Hover: var(--Scandic-Red-80);--Primary-Light-Button-Secondary-Border-Normal: var(--Scandic-Red-100);--Primary-Light-Button-Secondary-Fill-Disabled: var(--UI-Opacity-White-0);--Primary-Light-Button-Secondary-Fill-Hover: var(--UI-Opacity-White-0);--Primary-Light-Button-Secondary-Fill-Normal: var(--UI-Opacity-White-0);--Primary-Light-Button-Secondary-On-Fill-Disabled: var( --UI-Opacity-Almost-Black-20 );--Primary-Light-Button-Secondary-On-Fill-Hover: var(--Scandic-Red-80);--Primary-Light-Button-Secondary-On-Fill-Normal: var(--Scandic-Red-100);--Primary-Light-On-Surface-Accent: var(--Scandic-Red-60);--Primary-Light-On-Surface-Divider: var(--Scandic-Peach-30);--Primary-Light-On-Surface-Divider-subtle: var(--Scandic-Beige-10);--Primary-Light-On-Surface-Text: var(--Scandic-Red-100);--Primary-Light-Surface-Hover: var(--Scandic-Peach-20);--Primary-Light-Surface-Normal: var(--Scandic-Peach-10);--Primary-Strong-Button-Primary-Border-Disabled: var(--UI-Opacity-White-0);--Primary-Strong-Button-Primary-Border-Hover: var(--UI-Opacity-White-0);--Primary-Strong-Button-Primary-Border-Normal: var(--UI-Opacity-White-0);--Primary-Strong-Button-Primary-Fill-Disabled: var(--UI-Opacity-White-20);--Primary-Strong-Button-Primary-Fill-Hover: var(--Scandic-Red-00);--Primary-Strong-Button-Primary-Fill-Normal: var(--UI-Opacity-White-100);--Primary-Strong-Button-Primary-On-Fill-Disabled: var(--UI-Opacity-White-20);--Primary-Strong-Button-Primary-On-Fill-Hover: var(--Scandic-Red-70);--Primary-Strong-Button-Primary-On-Fill-Normal: var(--Scandic-Red-70);--Primary-Strong-Button-Secondary-Border-Disabled: var(--UI-Opacity-White-20);--Primary-Strong-Button-Secondary-Border-Hover: var(--Scandic-Peach-00);--Primary-Strong-Button-Secondary-Border-Normal: var(--UI-Opacity-White-100);--Primary-Strong-Button-Secondary-Fill-Disabled: var(--UI-Opacity-White-0);--Primary-Strong-Button-Secondary-Fill-Hover: var(--UI-Opacity-White-0);--Primary-Strong-Button-Secondary-Fill-Normal: var(--UI-Opacity-White-0);--Primary-Strong-Button-Secondary-On-Fill-Disabled: var( --UI-Opacity-White-20 );--Primary-Strong-Button-Secondary-On-Fill-Hover: var(--Scandic-Red-00);--Primary-Strong-Button-Secondary-On-Fill-Normal: var(--UI-Opacity-White-100);--Primary-Strong-On-Surface-Accent: var(--Scandic-Peach-10);--Primary-Strong-On-Surface-Divider: var(--Scandic-Red-70);--Primary-Strong-On-Surface-Text: var(--UI-Opacity-White-100);--Primary-Strong-Surface-Hover: var(--Scandic-Red-70);--Primary-Strong-Surface-Normal: var(--Scandic-Red-60);--Secondary-Dark-Button-Primary-Border-Disabled: var(--UI-Opacity-White-0);--Secondary-Dark-Button-Primary-Border-Hover: var(--UI-Opacity-White-0);--Secondary-Dark-Button-Primary-Border-Normal: var(--UI-Opacity-White-0);--Secondary-Dark-Button-Primary-Fill-Disabled: var(--UI-Opacity-White-10);--Secondary-Dark-Button-Primary-Fill-Hover: var(--Scandic-Green-30);--Secondary-Dark-Button-Primary-Fill-Normal: var(--Scandic-Green-20);--Secondary-Dark-Button-Primary-On-Fill-Disabled: var(--UI-Opacity-White-20);--Secondary-Dark-Button-Primary-On-Fill-Hover: var(--Scandic-Green-80);--Secondary-Dark-Button-Primary-On-Fill-Normal: var(--Scandic-Green-90);--Secondary-Dark-Button-Secondary-Border-Disabled: var(--UI-Opacity-White-20);--Secondary-Dark-Button-Secondary-Border-Hover: var(--Scandic-Green-30);--Secondary-Dark-Button-Secondary-Border-Normal: var(--Scandic-Green-20);--Secondary-Dark-Button-Secondary-Fill-Disabled: var(--UI-Opacity-White-0);--Secondary-Dark-Button-Secondary-Fill-Hover: var(--UI-Opacity-White-0);--Secondary-Dark-Button-Secondary-Fill-Normal: var(--UI-Opacity-White-0);--Secondary-Dark-Button-Secondary-On-Fill-Disabled: var( --UI-Opacity-White-20 );--Secondary-Dark-Button-Secondary-On-Fill-Hover: var(--Scandic-Green-30);--Secondary-Dark-Button-Secondary-On-Fill-Normal: var(--Scandic-Green-20);--Secondary-Dark-On-Surface-Accent: var(--Scandic-Green-40);--Secondary-Dark-On-Surface-Divider: var(--Scandic-Green-80);--Secondary-Dark-On-Surface-Text: var(--Scandic-Green-20);--Secondary-Dark-Surface-Hover: var(--Scandic-Green-80);--Secondary-Dark-Surface-Normal: var(--Scandic-Green-90);--Secondary-Light-Button-Primary-Border-Disabled: var(--UI-Opacity-White-0);--Secondary-Light-Button-Primary-Border-Hover: var(--UI-Opacity-White-0);--Secondary-Light-Button-Primary-Border-Normal: var(--UI-Opacity-White-0);--Secondary-Light-Button-Primary-Fill-Disabled: var( --UI-Opacity-Almost-Black-10 );--Secondary-Light-Button-Primary-Fill-Hover: var(--Scandic-Green-80);--Secondary-Light-Button-Primary-Fill-Normal: var(--Scandic-Green-90);--Secondary-Light-Button-Primary-On-Fill-Disabled: var( --UI-Opacity-Almost-Black-20 );--Secondary-Light-Button-Primary-On-Fill-Hover: var(--Scandic-Green-30);--Secondary-Light-Button-Primary-On-Fill-Normal: var(--Scandic-Green-20);--Secondary-Light-Button-Secondary-Border-Disabled: var( --UI-Opacity-Almost-Black-20 );--Secondary-Light-Button-Secondary-Border-Hover: var(--Scandic-Green-80);--Secondary-Light-Button-Secondary-Border-Normal: var(--Scandic-Green-90);--Secondary-Light-Button-Secondary-Fill-Disabled: var(--UI-Opacity-White-0);--Secondary-Light-Button-Secondary-Fill-Hover: var(--UI-Opacity-White-0);--Secondary-Light-Button-Secondary-Fill-Normal: var(--UI-Opacity-White-0);--Secondary-Light-Button-Secondary-On-Fill-Disabled: var( --UI-Opacity-Almost-Black-20 );--Secondary-Light-Button-Secondary-On-Fill-Hover: var(--Scandic-Green-80);--Secondary-Light-Button-Secondary-On-Fill-Normal: var(--Scandic-Green-90);--Secondary-Light-On-Surface-Accent: var(--Scandic-Green-50);--Secondary-Light-On-Surface-Divider: var(--Scandic-Green-30);--Secondary-Light-On-Surface-Text: var(--Scandic-Green-90);--Secondary-Light-Surface-Hover: var(--Scandic-Green-20);--Secondary-Light-Surface-Normal: var(--Scandic-Green-20);--Tertiary-Dark-Button-Primary-Border-Disabled: var(--UI-Opacity-White-0);--Tertiary-Dark-Button-Primary-Border-Hover: var(--UI-Opacity-White-0);--Tertiary-Dark-Button-Primary-Border-Normal: var(--UI-Opacity-White-0);--Tertiary-Dark-Button-Primary-Fill-Disabled: var(--UI-Opacity-White-10);--Tertiary-Dark-Button-Primary-Fill-Hover: var(--Scandic-Yellow-20);--Tertiary-Dark-Button-Primary-Fill-Normal: var(--Scandic-Yellow-10);--Tertiary-Dark-Button-Primary-On-Fill-Disabled: var(--UI-Opacity-White-20);--Tertiary-Dark-Button-Primary-On-Fill-Hover: var(--Scandic-Blue-80);--Tertiary-Dark-Button-Primary-On-Fill-Normal: var(--Scandic-Blue-100);--Tertiary-Dark-Button-Secondary-Border-Disabled: var(--UI-Opacity-White-20);--Tertiary-Dark-Button-Secondary-Border-Hover: var(--Scandic-Yellow-20);--Tertiary-Dark-Button-Secondary-Border-Normal: var(--Scandic-Yellow-10);--Tertiary-Dark-Button-Secondary-Fill-Disabled: var(--UI-Opacity-White-0);--Tertiary-Dark-Button-Secondary-Fill-Hover: var(--UI-Opacity-White-0);--Tertiary-Dark-Button-Secondary-Fill-Normal: var(--UI-Opacity-White-0);--Tertiary-Dark-Button-Secondary-On-Fill-Disabled: var(--UI-Opacity-White-20);--Tertiary-Dark-Button-Secondary-On-Fill-Hover: var(--Scandic-Yellow-20);--Tertiary-Dark-Button-Secondary-On-Fill-Normal: var(--Scandic-Yellow-10);--Tertiary-Dark-On-Surface-Accent: var(--Scandic-Blue-40);--Tertiary-Dark-On-Surface-Divider: var(--Scandic-Blue-80);--Tertiary-Dark-On-Surface-Text: var(--Scandic-Yellow-10);--Tertiary-Dark-Surface-Hover: var(--Scandic-Blue-90);--Tertiary-Dark-Surface-Normal: var(--Scandic-Blue-100);--Tertiary-Light-Button-Primary-Border-Disabled: var( --UI-Opacity-Almost-Black-20 );--Tertiary-Light-Button-Primary-Border-Hover: var(--Scandic-Yellow-00);--Tertiary-Light-Button-Primary-Border-Normal: var(--Scandic-Yellow-10);--Tertiary-Light-Button-Primary-Fill-Disabled: var( --UI-Opacity-Almost-Black-10 );--Tertiary-Light-Button-Primary-Fill-Hover: var(--Scandic-Blue-90);--Tertiary-Light-Button-Primary-Fill-Normal: var(--Scandic-Blue-100);--Tertiary-Light-Button-Primary-On-Fill-Disabled: var( --UI-Opacity-Almost-Black-20 );--Tertiary-Light-Button-Primary-On-Fill-Hover: var(--Scandic-Yellow-00);--Tertiary-Light-Button-Primary-On-Fill-Normal: var(--Scandic-Yellow-10);--Tertiary-Light-Button-Secondary-Border-Disabled: var( --UI-Opacity-Almost-Black-20 );--Tertiary-Light-Button-Secondary-Border-Hover: var(--Scandic-Blue-90);--Tertiary-Light-Button-Secondary-Border-Normal: var(--Scandic-Blue-100);--Tertiary-Light-Button-Secondary-Fill-Disabled: var(--UI-Opacity-White-0);--Tertiary-Light-Button-Secondary-Fill-Hover: var(--UI-Opacity-White-0);--Tertiary-Light-Button-Secondary-Fill-Normal: var(--UI-Opacity-White-0);--Tertiary-Light-Button-Secondary-On-Fill-Disabled: var( --UI-Opacity-Almost-Black-20 );--Tertiary-Light-Button-Secondary-On-Fill-Hover: var(--Scandic-Blue-90);--Tertiary-Light-Button-Secondary-On-Fill-Normal: var(--Scandic-Blue-100);--Tertiary-Light-On-Surface-Accent: var(--Scandic-Yellow-50);--Tertiary-Light-On-Surface-Divider: var(--Scandic-Yellow-20);--Tertiary-Light-On-Surface-Text: var(--Scandic-Blue-100);--Tertiary-Light-Surface-Hover: var(--Scandic-Yellow-00);--Tertiary-Light-Surface-Normal: var(--Scandic-Yellow-10);--UI-Input-Controls-Border-Disabled: var(--UI-Grey-40);--UI-Input-Controls-Border-Error: var(--Scandic-Red-70);--UI-Input-Controls-Border-Focus: var(--Scandic-Blue-80);--UI-Input-Controls-Border-Hover: var(--Scandic-Beige-70);--UI-Input-Controls-Border-KeyboardFocus: var(--Scandic-Blue-50);--UI-Input-Controls-Border-Normal: var(--Scandic-Beige-50);--UI-Input-Controls-Fill-Disabled: var(--UI-Grey-60);--UI-Input-Controls-Fill-Normal: var(--UI-Opacity-White-100);--UI-Input-Controls-Fill-Selected: var(--Scandic-Blue-80);--UI-Input-Controls-Fill-Selected-hover: var(--Scandic-Blue-70);--UI-Input-Controls-On-Fill-Normal: var(--UI-Opacity-White-100);--UI-Input-Controls-Surface-Disabled: var(--UI-Grey-10);--UI-Input-Controls-Surface-Hover: var(--Scandic-Beige-10);--UI-Input-Controls-Surface-Normal: var(--UI-Opacity-White-100);--UI-Semantic-Error: var(--Scandic-Red-70);--UI-Semantic-Information: var(--Scandic-Blue-70);--UI-Semantic-Success: var(--Scandic-Green-60);--UI-Semantic-Warning: var(--Scandic-Yellow-60);--UI-Text-Active: var(--Scandic-Blue-90);--UI-Text-Error: var(--Scandic-Red-70);--UI-Text-High-contrast: var(--UI-Grey-100);--UI-Text-Medium-contrast: var(--UI-Grey-80);--UI-Text-Placeholder: var(--UI-Grey-60)}:root{--Go-Beige-00: #faf8f2;--Go-Beige-10: #f0ede4;--Go-Beige-20: #e0dcce;--Go-Beige-30: #c8c4b6;--Go-Beige-40: #b0aca0;--Go-Beige-50: #918f83;--Go-Beige-60: #78766d;--Go-Beige-70: #63615a;--Go-Beige-80: #4f4d49;--Go-Beige-90: #373633;--Go-Beige-100: #1f1e1d;--Go-Brand-Aqua: #73fcee;--Go-Brand-Chartreuse: #85ff52;--Go-Brand-Coral: #fa3737;--Go-Brand-Lavender: #dcd7ff;--Go-Brand-Lemon: #f5ff73;--Go-Brand-Linen: #e0dcce;--Go-Brand-Obsidian: #2d163a;--Go-Brand-Pine: #21331f;--Go-Brand-Powderrose: #ecc8c9;--Go-Green-00: #edffe5;--Go-Green-10: #cdffb8;--Go-Green-20: #a7ff82;--Go-Green-30: #85ff52;--Go-Green-40: #66e03a;--Go-Green-50: #45b222;--Go-Green-60: #2e7f18;--Go-Green-70: #2a601e;--Go-Green-80: #26461f;--Go-Green-90: #21331f;--Go-Green-100: #162115;--Go-Purple-00: #f4f2ff;--Go-Purple-10: #dcd7ff;--Go-Purple-20: #cabffc;--Go-Purple-30: #baa7f7;--Go-Purple-40: #ab8ef0;--Go-Purple-50: #9c75e6;--Go-Purple-60: #8c5bd5;--Go-Purple-70: #733cb2;--Go-Purple-80: #5e2a8c;--Go-Purple-90: #451f61;--Go-Purple-100: #2d163a;--Go-Yellow-00: #fdffe8;--Go-Yellow-10: #faffc4;--Go-Yellow-20: #f8ff9c;--Go-Yellow-30: #f5ff73;--Go-Yellow-40: #edea39;--Go-Yellow-50: #dec614;--Go-Yellow-60: #ba8d07;--Go-Yellow-70: #966400;--Go-Yellow-80: #754403;--Go-Yellow-90: #572701;--Go-Yellow-100: #3b1300;--Main-Blue-00: #eaf2fc;--Main-Blue-10: #c7d9f5;--Main-Blue-20: #a5c2ee;--Main-Blue-30: #84ace7;--Main-Blue-40: #6697df;--Main-Blue-50: #4983d8;--Main-Blue-60: #2e70d1;--Main-Blue-70: #1555b4;--Main-Blue-80: #023d96;--Main-Blue-90: #002a69;--Main-Blue-100: #001b42;--Main-Brand-Burgundy: #4d001b;--Main-Brand-DarkBlue: #0d1440;--Main-Brand-DarkGreen: #093021;--Main-Brand-DarkGrey: #291710;--Main-Brand-LightBlue: #b5e0ff;--Main-Brand-LightGreen: #d2edaf;--Main-Brand-PalePeach: #f7e1d5;--Main-Brand-PaleYellow: #fff0c2;--Main-Brand-ScandicRed: #cd0921;--Main-Brand-WarmWhite: #faf6f2;--Main-Green-00: #e7f5e1;--Main-Green-10: #badda8;--Main-Green-20: #99ca7e;--Main-Green-30: #7ab859;--Main-Green-40: #5fa53a;--Main-Green-50: #47931f;--Main-Green-60: #33800a;--Main-Green-70: #286806;--Main-Green-80: #1e4f03;--Main-Green-90: #143701;--Main-Green-100: #0e2600;--Main-Grey-00: #f2f2f2;--Main-Grey-10: #e7e7e8;--Main-Grey-20: #d8d8da;--Main-Grey-30: #ceced2;--Main-Grey-40: #c5c5ca;--Main-Grey-50: #a7a7ad;--Main-Grey-60: #7e7e84;--Main-Grey-70: #535358;--Main-Grey-80: #2f2f32;--Main-Grey-90: #1b1b1c;--Main-Grey-100: #111112;--Main-Grey-Almostblack: #1f1c1b;--Main-Grey-White: #ffffff;--Main-Red-00: #ffebeb;--Main-Red-10: #f7c1c2;--Main-Red-20: #f79499;--Main-Red-30: #f26b74;--Main-Red-40: #ed4251;--Main-Red-50: #e32034;--Main-Red-60: #cd0921;--Main-Red-70: #ad0015;--Main-Red-80: #8d0011;--Main-Red-90: #6d000d;--Main-Red-100: #4d001b;--Main-Scandic-00: #edf7f7;--Main-Scandic-10: #c5e3e5;--Main-Scandic-20: #97d3d9;--Main-Scandic-30: #74cbd2;--Main-Scandic-40: #53c3cc;--Main-Scandic-50: #26a7b2;--Main-Scandic-60: #00838e;--Main-Scandic-70: #055b62;--Main-Scandic-80: #08393d;--Main-Scandic-90: #082022;--Main-Scandic-100: #061112;--Main-Yellow-00: #fff8e3;--Main-Yellow-10: #fff0c2;--Main-Yellow-20: #fade89;--Main-Yellow-30: #f7ce52;--Main-Yellow-40: #edb532;--Main-Yellow-50: #e59515;--Main-Yellow-60: #d17308;--Main-Yellow-70: #a85211;--Main-Yellow-80: #7d370f;--Main-Yellow-90: #4f2313;--Main-Yellow-100: #301508} diff --git a/apps/scandic-web/public/_static/css/design-system-new-deprecated.css b/apps/scandic-web/public/_static/css/design-system-new-deprecated.css new file mode 100644 index 000000000..0c0505e7a --- /dev/null +++ b/apps/scandic-web/public/_static/css/design-system-new-deprecated.css @@ -0,0 +1 @@ +:root{--typography-Body-Bold-Desktop-fontSize: 16px;--typography-Body-Bold-fontFamily: "fira sans";--typography-Body-Bold-fontSize: 16px;--typography-Body-Bold-fontWeight: "medium";--typography-Body-Bold-letterSpacing: 1.2000000476837158%;--typography-Body-Bold-lineHeight: 150%;--typography-Body-Bold-Mobile-fontSize: 16px;--typography-Body-Bold-Tablet-estimate-fontSize: 16px;--typography-Body-Bold-textCase: "original";--typography-Body-Bold-textDecoration: "none";--typography-Body-Inline-Desktop-fontSize: 16px;--typography-Body-Inline-fontFamily: "fira sans";--typography-Body-Inline-fontSize: 16px;--typography-Body-Inline-fontWeight: "regular";--typography-Body-Inline-letterSpacing: 1.2000000476837158%;--typography-Body-Inline-lineHeight: 150%;--typography-Body-Inline-Mobile-fontSize: 16px;--typography-Body-Inline-Tablet-estimate-fontSize: 16px;--typography-Body-Inline-textCase: "original";--typography-Body-Inline-textDecoration: "underline";--typography-Body-Link-Desktop-fontSize: 16px;--typography-Body-Link-Mobile-fontSize: 16px;--typography-Body-Link-Tablet-estimate-fontSize: 16px;--typography-Body-Regular-Desktop-fontSize: 16px;--typography-Body-Regular-fontFamily: "fira sans";--typography-Body-Regular-fontSize: 16px;--typography-Body-Regular-fontWeight: "regular";--typography-Body-Regular-letterSpacing: 1.2000000476837158%;--typography-Body-Regular-lineHeight: 150%;--typography-Body-Regular-Mobile-fontSize: 16px;--typography-Body-Regular-Tablet-estimate-fontSize: 16px;--typography-Body-Regular-textCase: "original";--typography-Body-Regular-textDecoration: "none";--typography-Body-Underline-fontFamily: "fira sans";--typography-Body-Underline-fontSize: 16px;--typography-Body-Underline-fontWeight: "medium";--typography-Body-Underline-letterSpacing: 1.2000000476837158%;--typography-Body-Underline-lineHeight: 150%;--typography-Body-Underline-textCase: "original";--typography-Body-Underline-textDecoration: "underline";--typography-Caption-Bold-Desktop-fontSize: 14px;--typography-Caption-Bold-fontFamily: "fira sans";--typography-Caption-Bold-fontSize: 14px;--typography-Caption-Bold-fontWeight: "medium";--typography-Caption-Bold-letterSpacing: 1.399999976158142%;--typography-Caption-Bold-lineHeight: 139.9999976158142%;--typography-Caption-Bold-Mobile-fontSize: 14px;--typography-Caption-Bold-Tablet-estimate-fontSize: 14px;--typography-Caption-Bold-textCase: "original";--typography-Caption-Bold-textDecoration: "none";--typography-Caption-Inline-Desktop-fontSize: 14px;--typography-Caption-Inline-fontFamily: "fira sans";--typography-Caption-Inline-fontSize: 14px;--typography-Caption-Inline-fontWeight: "regular";--typography-Caption-Inline-letterSpacing: 1.399999976158142%;--typography-Caption-Inline-lineHeight: 139.9999976158142%;--typography-Caption-Inline-Mobile-fontSize: 14px;--typography-Caption-Inline-Tablet-estimate-fontSize: 14px;--typography-Caption-Inline-textCase: "original";--typography-Caption-Inline-textDecoration: "underline";--typography-Caption-Labels-fontFamily: "brandon text";--typography-Caption-Labels-fontSize: 14px;--typography-Caption-Labels-fontWeight: "bold";--typography-Caption-Labels-letterSpacing: 1.399999976158142%;--typography-Caption-Labels-lineHeight: 150%;--typography-Caption-Labels-textCase: "upper";--typography-Caption-Labels-textDecoration: "none";--typography-Caption-Link-Desktop-fontSize: 14px;--typography-Caption-Link-Mobile-fontSize: 14px;--typography-Caption-Link-Tablet-estimate-fontSize: 14px;--typography-Caption-Regular-Desktop-fontSize: 14px;--typography-Caption-Regular-fontFamily: "fira sans";--typography-Caption-Regular-fontSize: 14px;--typography-Caption-Regular-fontWeight: "regular";--typography-Caption-Regular-letterSpacing: 1.399999976158142%;--typography-Caption-Regular-lineHeight: 139.9999976158142%;--typography-Caption-Regular-Mobile-fontSize: 14px;--typography-Caption-Regular-Tablet-estimate-fontSize: 14px;--typography-Caption-Regular-textCase: "original";--typography-Caption-Regular-textDecoration: "none";--typography-Caption-Underline-fontFamily: "fira sans";--typography-Caption-Underline-fontSize: 14px;--typography-Caption-Underline-fontWeight: "medium";--typography-Caption-Underline-letterSpacing: 1.399999976158142%;--typography-Caption-Underline-lineHeight: 139.9999976158142%;--typography-Caption-Underline-textCase: "original";--typography-Caption-Underline-textDecoration: "underline";--typography-Foot-note-Bold-Desktop-fontSize: 12px;--typography-Foot-note-Bold-Mobile-fontSize: 12px;--typography-Foot-note-Bold-Tablet-estimate-fontSize: 12px;--typography-Foot-note-Regular-Desktop-fontSize: 12px;--typography-Foot-note-Regular-Mobile-fontSize: 12px;--typography-Foot-note-Regular-Tablet-estimate-fontSize: 12px;--typography-Footnote-Bold-fontFamily: "fira sans";--typography-Footnote-Bold-fontSize: 12px;--typography-Footnote-Bold-fontWeight: "medium";--typography-Footnote-Bold-letterSpacing: 1.399999976158142%;--typography-Footnote-Bold-lineHeight: 150%;--typography-Footnote-Bold-textCase: "original";--typography-Footnote-Bold-textDecoration: "none";--typography-Footnote-Labels-fontFamily: "brandon text";--typography-Footnote-Labels-fontSize: 12px;--typography-Footnote-Labels-fontWeight: "bold";--typography-Footnote-Labels-letterSpacing: 1.399999976158142%;--typography-Footnote-Labels-lineHeight: 150%;--typography-Footnote-Labels-textCase: "upper";--typography-Footnote-Labels-textDecoration: "none";--typography-Footnote-Regular-fontFamily: "fira sans";--typography-Footnote-Regular-fontSize: 12px;--typography-Footnote-Regular-fontWeight: "regular";--typography-Footnote-Regular-letterSpacing: 1.399999976158142%;--typography-Footnote-Regular-lineHeight: 150%;--typography-Footnote-Regular-textCase: "original";--typography-Footnote-Regular-textDecoration: "none";--typography-Preamble-Desktop-fontSize: 20px;--typography-Preamble-fontFamily: "fira sans";--typography-Preamble-fontSize: 20px;--typography-Preamble-fontWeight: "regular";--typography-Preamble-letterSpacing: 1%;--typography-Preamble-lineHeight: 139.9999976158142%;--typography-Preamble-Mobile-fontSize: 18px;--typography-Preamble-Tablet-estimate-fontSize: 19px;--typography-Preamble-textCase: "original";--typography-Preamble-textDecoration: "none";--typography-Script-1-Desktop-fontSize: 32px;--typography-Script-1-fontFamily: "biro script plus";--typography-Script-1-fontSize: 32px;--typography-Script-1-fontWeight: "regular";--typography-Script-1-letterSpacing: 2%;--typography-Script-1-lineHeight: 110.00000238418579%;--typography-Script-1-Mobile-fontSize: 24px;--typography-Script-1-Tablet-estimate-fontSize: 29px;--typography-Script-1-textCase: "original";--typography-Script-1-textDecoration: "none";--typography-Script-2-Desktop-fontSize: 24px;--typography-Script-2-fontFamily: "biro script plus";--typography-Script-2-fontSize: 24px;--typography-Script-2-fontWeight: "regular";--typography-Script-2-letterSpacing: 2%;--typography-Script-2-lineHeight: 110.00000238418579%;--typography-Script-2-Mobile-fontSize: 20px;--typography-Script-2-Tablet-estimate-fontSize: 22px;--typography-Script-2-textCase: "original";--typography-Script-2-textDecoration: "none";--typography-Subtitle-1-Desktop-fontSize: 24px;--typography-Subtitle-1-fontFamily: "fira sans";--typography-Subtitle-1-fontSize: 24px;--typography-Subtitle-1-fontWeight: "medium";--typography-Subtitle-1-letterSpacing: 1%;--typography-Subtitle-1-lineHeight: 120.00000476837158%;--typography-Subtitle-1-Mobile-fontSize: 20px;--typography-Subtitle-1-Tablet-estimate-fontSize: 22px;--typography-Subtitle-1-textCase: "original";--typography-Subtitle-1-textDecoration: "none";--typography-Subtitle-2-Desktop-fontSize: 20px;--typography-Subtitle-2-fontFamily: "fira sans";--typography-Subtitle-2-fontSize: 20px;--typography-Subtitle-2-fontWeight: "medium";--typography-Subtitle-2-letterSpacing: 1%;--typography-Subtitle-2-lineHeight: 120.00000476837158%;--typography-Subtitle-2-Mobile-fontSize: 18px;--typography-Subtitle-2-Tablet-estimate-fontSize: 19px;--typography-Subtitle-2-textCase: "original";--typography-Subtitle-2-textDecoration: "none";--typography-Title-1-Desktop-fontSize: 64px;--typography-Title-1-fontFamily: "brandon text";--typography-Title-1-fontSize: 64px;--typography-Title-1-fontWeight: "black";--typography-Title-1-letterSpacing: .25%;--typography-Title-1-lineHeight: 110.00000238418579%;--typography-Title-1-Mobile-fontSize: 48px;--typography-Title-1-Tablet-estimate-fontSize: 60px;--typography-Title-1-textCase: "upper";--typography-Title-1-textDecoration: "none";--typography-Title-2-Desktop-fontSize: 48px;--typography-Title-2-fontFamily: "brandon text";--typography-Title-2-fontSize: 48px;--typography-Title-2-fontWeight: "black";--typography-Title-2-letterSpacing: .25%;--typography-Title-2-lineHeight: 110.00000238418579%;--typography-Title-2-Mobile-fontSize: 36px;--typography-Title-2-Tablet-estimate-fontSize: 44px;--typography-Title-2-textCase: "upper";--typography-Title-2-textDecoration: "none";--typography-Title-3-Desktop-fontSize: 36px;--typography-Title-3-fontFamily: "brandon text";--typography-Title-3-fontSize: 36px;--typography-Title-3-fontWeight: "black";--typography-Title-3-letterSpacing: .25%;--typography-Title-3-lineHeight: 110.00000238418579%;--typography-Title-3-Mobile-fontSize: 30px;--typography-Title-3-Tablet-estimate-fontSize: 34px;--typography-Title-3-textCase: "upper";--typography-Title-3-textDecoration: "none";--typography-Title-4-Desktop-fontSize: 28px;--typography-Title-4-fontFamily: "brandon text";--typography-Title-4-fontSize: 28px;--typography-Title-4-fontWeight: "bold";--typography-Title-4-letterSpacing: .25%;--typography-Title-4-lineHeight: 110.00000238418579%;--typography-Title-4-Mobile-fontSize: 24px;--typography-Title-4-Tablet-estimate-fontSize: 26px;--typography-Title-4-textCase: "original";--typography-Title-4-textDecoration: "none";--typography-Title-5-Desktop-fontSize: 24px;--typography-Title-5-fontFamily: "brandon text";--typography-Title-5-fontSize: 24px;--typography-Title-5-fontWeight: "black";--typography-Title-5-letterSpacing: .25%;--typography-Title-5-lineHeight: 110.00000238418579%;--typography-Title-5-Mobile-fontSize: 20px;--typography-Title-5-Tablet-estimate-fontSize: 21px;--typography-Title-5-textCase: "upper";--typography-Title-5-textDecoration: "none"}:root{--Base-Background-Primary-Elevated: var(--Scandic-Beige-00);--Base-Background-Primary-Normal: var(--Scandic-Beige-00);--Base-Border-Hover: var(--Scandic-Peach-80);--Base-Border-Inverted: var(--UI-Opacity-White-100);--Base-Border-Normal: var(--Scandic-Beige-40);--Base-Border-Subtle: var(--Scandic-Beige-20);--Base-Button-Inverted-Border-Disabled: var(--UI-Opacity-White-0);--Base-Button-Inverted-Border-Hover: var(--UI-Opacity-White-0);--Base-Button-Inverted-Border-Normal: var(--UI-Opacity-White-0);--Base-Button-Inverted-Fill-Disabled: var(--UI-Grey-20);--Base-Button-Inverted-Fill-Hover: var(--Scandic-Beige-10);--Base-Button-Inverted-Fill-Hover-alt: var(--Scandic-Peach-10);--Base-Button-Inverted-Fill-Normal: var(--UI-Opacity-White-100);--Base-Button-Inverted-On-Fill-Disabled: var(--UI-Grey-40);--Base-Button-Inverted-On-Fill-Hover: var(--Scandic-Red-90);--Base-Button-Inverted-On-Fill-Normal: var(--Scandic-Red-100);--Base-Button-Primary-Border-Disabled: var(--UI-Opacity-White-0);--Base-Button-Primary-Border-Hover: var(--UI-Opacity-White-0);--Base-Button-Primary-Border-Normal: var(--UI-Opacity-White-0);--Base-Button-Primary-Fill-Disabled: var(--UI-Grey-20);--Base-Button-Primary-Fill-Hover: var(--Scandic-Red-70);--Base-Button-Primary-Fill-Normal: var(--Scandic-Red-60);--Base-Button-Primary-On-Fill-Disabled: var(--UI-Grey-40);--Base-Button-Primary-On-Fill-Hover: var(--UI-Opacity-White-100);--Base-Button-Primary-On-Fill-Normal: var(--UI-Opacity-White-100);--Base-Button-Secondary-Border-Disabled: var(--UI-Grey-30);--Base-Button-Secondary-Border-Hover: var(--Scandic-Peach-80);--Base-Button-Secondary-Border-Normal: var(--Scandic-Red-100);--Base-Button-Secondary-Fill-Disabled: var(--UI-Opacity-White-0);--Base-Button-Secondary-Fill-Hover: var(--UI-Opacity-White-0);--Base-Button-Secondary-Fill-Normal: var(--UI-Opacity-White-0);--Base-Button-Secondary-On-Fill-Disabled: var(--UI-Grey-40);--Base-Button-Secondary-On-Fill-Hover: var(--Scandic-Peach-80);--Base-Button-Secondary-On-Fill-Normal: var(--Scandic-Red-100);--Base-Button-Tertiary-Border-Disabled: var(--UI-Opacity-White-0);--Base-Button-Tertiary-Border-Hover: var(--UI-Opacity-White-0);--Base-Button-Tertiary-Border-Normal: var(--UI-Opacity-White-0);--Base-Button-Tertiary-Fill-Disabled: var(--UI-Grey-20);--Base-Button-Tertiary-Fill-Hover: var(--Scandic-Red-90);--Base-Button-Tertiary-Fill-Normal: var(--Scandic-Red-100);--Base-Button-Tertiary-On-Fill-Disabled: var(--UI-Grey-40);--Base-Button-Tertiary-On-Fill-Hover: var(--UI-Opacity-White-100);--Base-Button-Tertiary-On-Fill-Normal: var(--UI-Opacity-White-100);--Base-Button-Text-Border-Disabled: var(--UI-Opacity-White-0);--Base-Button-Text-Border-Hover: var(--UI-Opacity-White-0);--Base-Button-Text-Border-Normal: var(--UI-Opacity-White-0);--Base-Button-Text-Fill-Disabled: var(--UI-Opacity-White-0);--Base-Button-Text-Fill-Hover: var(--UI-Opacity-White-0);--Base-Button-Text-Fill-Normal: var(--UI-Opacity-White-0);--Base-Button-Text-On-Fill-Disabled: var(--UI-Grey-40);--Base-Button-Text-On-Fill-Hover: var(--Scandic-Peach-80);--Base-Button-Text-On-Fill-Normal: var(--Scandic-Red-100);--Base-Icon-Low-contrast: var(--Scandic-Peach-70);--Base-Interactive-Surface-Primary-normal: var(--Scandic-Red-80);--Base-Interactive-Surface-Secondary-normal: var(--Scandic-Green-70);--Base-Interactive-Surface-Tertiary-normal: var(--Scandic-Blue-60);--Base-Surface-Primary-dark-Hover: var(--Scandic-Peach-20);--Base-Surface-Primary-dark-Normal: var(--Scandic-Peach-10);--Base-Surface-Primary-light-Hover: var(--UI-Grey-00);--Base-Surface-Primary-light-Hover-alt: var(--Scandic-Beige-10);--Base-Surface-Primary-light-Normal: var(--UI-Opacity-White-100);--Base-Surface-Secondary-light-Hover: var(--Scandic-Peach-10);--Base-Surface-Secondary-light-Hover-alt: var(--Scandic-Peach-20);--Base-Surface-Secondary-light-Normal: var(--Scandic-Beige-00);--Base-Surface-Subtle-Hover: var(--Scandic-Beige-20);--Base-Surface-Subtle-Normal: var(--Scandic-Beige-10);--Base-Text-Accent: var(--Scandic-Red-60);--Base-Text-Disabled: var(--UI-Grey-40);--Base-Text-High-contrast: var(--Scandic-Red-100);--Base-Text-Inverted: var(--UI-Opacity-White-100);--Base-Text-Medium-contrast: var(--Scandic-Peach-80);--Primary-Dark-Button-Primary-Border-Disabled: var(--UI-Opacity-White-0);--Primary-Dark-Button-Primary-Border-Hover: var(--UI-Opacity-White-0);--Primary-Dark-Button-Primary-Border-Normal: var(--UI-Opacity-White-0);--Primary-Dark-Button-Primary-Fill-Disabled: var(--UI-Opacity-White-20);--Primary-Dark-Button-Primary-Fill-Hover: var(--Scandic-Peach-20);--Primary-Dark-Button-Primary-Fill-Normal: var(--Scandic-Peach-10);--Primary-Dark-Button-Primary-On-Fill-Disabled: var(--UI-Opacity-White-30);--Primary-Dark-Button-Primary-On-Fill-Hover: var(--Scandic-Red-80);--Primary-Dark-Button-Primary-On-Fill-Normal: var(--Scandic-Red-100);--Primary-Dark-Button-Secondary-Border-Disabled: var(--UI-Opacity-White-20);--Primary-Dark-Button-Secondary-Border-Hover: var(--Scandic-Peach-30);--Primary-Dark-Button-Secondary-Border-Normal: var(--Scandic-Peach-10);--Primary-Dark-Button-Secondary-Fill-Disabled: var(--UI-Opacity-White-0);--Primary-Dark-Button-Secondary-Fill-Hover: var(--UI-Opacity-White-0);--Primary-Dark-Button-Secondary-Fill-Normal: var(--UI-Opacity-White-0);--Primary-Dark-Button-Secondary-On-Fill-Disabled: var(--UI-Opacity-White-30);--Primary-Dark-Button-Secondary-On-Fill-Hover: var(--Scandic-Peach-30);--Primary-Dark-Button-Secondary-On-Fill-Normal: var(--Scandic-Peach-10);--Primary-Dark-On-Surface-Accent: var(--Scandic-Peach-50);--Primary-Dark-On-Surface-Divider: var(--Scandic-Peach-80);--Primary-Dark-On-Surface-Text: var(--Scandic-Peach-10);--Primary-Dark-Surface-Hover: var(--Scandic-Red-90);--Primary-Dark-Surface-Normal: var(--Scandic-Red-100);--Primary-Dim-Button-Primary-Border-Disabled: var(--UI-Opacity-White-0);--Primary-Dim-Button-Primary-Border-Hover: var(--UI-Opacity-White-0);--Primary-Dim-Button-Primary-Border-Normal: var(--UI-Opacity-White-0);--Primary-Dim-Button-Primary-Fill-Disabled: var(--UI-Opacity-Almost-Black-10);--Primary-Dim-Button-Primary-Fill-Hover: var(--Scandic-Red-80);--Primary-Dim-Button-Primary-Fill-Normal: var(--Scandic-Red-100);--Primary-Dim-Button-Primary-On-Fill-Disabled: var( --UI-Opacity-Almost-Black-20 );--Primary-Dim-Button-Primary-On-Fill-Hover: var(--Scandic-Peach-30);--Primary-Dim-Button-Primary-On-Fill-Normal: var(--Scandic-Peach-10);--Primary-Dim-Button-Secondary-Border-Disabled: var( --UI-Opacity-Almost-Black-20 );--Primary-Dim-Button-Secondary-Border-Hover: var(--Scandic-Red-80);--Primary-Dim-Button-Secondary-Border-Normal: var(--Scandic-Red-100);--Primary-Dim-Button-Secondary-Fill-Disabled: var(--UI-Opacity-White-0);--Primary-Dim-Button-Secondary-Fill-Hover: var(--UI-Opacity-White-0);--Primary-Dim-Button-Secondary-Fill-Normal: var(--UI-Opacity-White-0);--Primary-Dim-Button-Secondary-On-Fill-Disabled: var( --UI-Opacity-Almost-Black-20 );--Primary-Dim-Button-Secondary-On-Fill-Hover: var(--Scandic-Red-80);--Primary-Dim-Button-Secondary-On-Fill-Normal: var(--Scandic-Red-100);--Primary-Dim-On-Surface-Accent: var(--Scandic-Peach-80);--Primary-Dim-On-Surface-Divider: var(--Scandic-Peach-40);--Primary-Dim-On-Surface-Text: var(--Scandic-Red-100);--Primary-Dim-Surface-Hover: var(--Scandic-Peach-40);--Primary-Dim-Surface-Normal: var(--Scandic-Peach-30);--Primary-Light-Button-Primary-Border-Disabled: var(--UI-Opacity-White-0);--Primary-Light-Button-Primary-Border-Hover: var(--UI-Opacity-White-0);--Primary-Light-Button-Primary-Border-Normal: var(--UI-Opacity-White-0);--Primary-Light-Button-Primary-Fill-Disabled: var( --UI-Opacity-Almost-Black-10 );--Primary-Light-Button-Primary-Fill-Hover: var(--Scandic-Red-80);--Primary-Light-Button-Primary-Fill-Normal: var(--Scandic-Red-100);--Primary-Light-Button-Primary-On-Fill-Disabled: var( --UI-Opacity-Almost-Black-20 );--Primary-Light-Button-Primary-On-Fill-Hover: var(--Scandic-Peach-30);--Primary-Light-Button-Primary-On-Fill-Normal: var(--Scandic-Peach-10);--Primary-Light-Button-Secondary-Border-Disabled: var( --UI-Opacity-Almost-Black-20 );--Primary-Light-Button-Secondary-Border-Hover: var(--Scandic-Red-80);--Primary-Light-Button-Secondary-Border-Normal: var(--Scandic-Red-100);--Primary-Light-Button-Secondary-Fill-Disabled: var(--UI-Opacity-White-0);--Primary-Light-Button-Secondary-Fill-Hover: var(--UI-Opacity-White-0);--Primary-Light-Button-Secondary-Fill-Normal: var(--UI-Opacity-White-0);--Primary-Light-Button-Secondary-On-Fill-Disabled: var( --UI-Opacity-Almost-Black-20 );--Primary-Light-Button-Secondary-On-Fill-Hover: var(--Scandic-Red-80);--Primary-Light-Button-Secondary-On-Fill-Normal: var(--Scandic-Red-100);--Primary-Light-On-Surface-Accent: var(--Scandic-Red-60);--Primary-Light-On-Surface-Divider: var(--Scandic-Peach-30);--Primary-Light-On-Surface-Divider-subtle: var(--Scandic-Beige-10);--Primary-Light-On-Surface-Text: var(--Scandic-Red-100);--Primary-Light-Surface-Hover: var(--Scandic-Peach-20);--Primary-Light-Surface-Normal: var(--Scandic-Peach-10);--Primary-Strong-Button-Primary-Border-Disabled: var(--UI-Opacity-White-0);--Primary-Strong-Button-Primary-Border-Hover: var(--UI-Opacity-White-0);--Primary-Strong-Button-Primary-Border-Normal: var(--UI-Opacity-White-0);--Primary-Strong-Button-Primary-Fill-Disabled: var(--UI-Opacity-White-20);--Primary-Strong-Button-Primary-Fill-Hover: var(--Scandic-Red-00);--Primary-Strong-Button-Primary-Fill-Normal: var(--UI-Opacity-White-100);--Primary-Strong-Button-Primary-On-Fill-Disabled: var(--UI-Opacity-White-20);--Primary-Strong-Button-Primary-On-Fill-Hover: var(--Scandic-Red-70);--Primary-Strong-Button-Primary-On-Fill-Normal: var(--Scandic-Red-70);--Primary-Strong-Button-Secondary-Border-Disabled: var(--UI-Opacity-White-20);--Primary-Strong-Button-Secondary-Border-Hover: var(--Scandic-Peach-00);--Primary-Strong-Button-Secondary-Border-Normal: var(--UI-Opacity-White-100);--Primary-Strong-Button-Secondary-Fill-Disabled: var(--UI-Opacity-White-0);--Primary-Strong-Button-Secondary-Fill-Hover: var(--UI-Opacity-White-0);--Primary-Strong-Button-Secondary-Fill-Normal: var(--UI-Opacity-White-0);--Primary-Strong-Button-Secondary-On-Fill-Disabled: var( --UI-Opacity-White-20 );--Primary-Strong-Button-Secondary-On-Fill-Hover: var(--Scandic-Red-00);--Primary-Strong-Button-Secondary-On-Fill-Normal: var(--UI-Opacity-White-100);--Primary-Strong-On-Surface-Accent: var(--Scandic-Peach-10);--Primary-Strong-On-Surface-Divider: var(--Scandic-Red-70);--Primary-Strong-On-Surface-Text: var(--UI-Opacity-White-100);--Primary-Strong-Surface-Hover: var(--Scandic-Red-70);--Primary-Strong-Surface-Normal: var(--Scandic-Red-60);--Secondary-Dark-Button-Primary-Border-Disabled: var(--UI-Opacity-White-0);--Secondary-Dark-Button-Primary-Border-Hover: var(--UI-Opacity-White-0);--Secondary-Dark-Button-Primary-Border-Normal: var(--UI-Opacity-White-0);--Secondary-Dark-Button-Primary-Fill-Disabled: var(--UI-Opacity-White-10);--Secondary-Dark-Button-Primary-Fill-Hover: var(--Scandic-Green-30);--Secondary-Dark-Button-Primary-Fill-Normal: var(--Scandic-Green-20);--Secondary-Dark-Button-Primary-On-Fill-Disabled: var(--UI-Opacity-White-20);--Secondary-Dark-Button-Primary-On-Fill-Hover: var(--Scandic-Green-80);--Secondary-Dark-Button-Primary-On-Fill-Normal: var(--Scandic-Green-90);--Secondary-Dark-Button-Secondary-Border-Disabled: var(--UI-Opacity-White-20);--Secondary-Dark-Button-Secondary-Border-Hover: var(--Scandic-Green-30);--Secondary-Dark-Button-Secondary-Border-Normal: var(--Scandic-Green-20);--Secondary-Dark-Button-Secondary-Fill-Disabled: var(--UI-Opacity-White-0);--Secondary-Dark-Button-Secondary-Fill-Hover: var(--UI-Opacity-White-0);--Secondary-Dark-Button-Secondary-Fill-Normal: var(--UI-Opacity-White-0);--Secondary-Dark-Button-Secondary-On-Fill-Disabled: var( --UI-Opacity-White-20 );--Secondary-Dark-Button-Secondary-On-Fill-Hover: var(--Scandic-Green-30);--Secondary-Dark-Button-Secondary-On-Fill-Normal: var(--Scandic-Green-20);--Secondary-Dark-On-Surface-Accent: var(--Scandic-Green-40);--Secondary-Dark-On-Surface-Divider: var(--Scandic-Green-80);--Secondary-Dark-On-Surface-Text: var(--Scandic-Green-20);--Secondary-Dark-Surface-Hover: var(--Scandic-Green-80);--Secondary-Dark-Surface-Normal: var(--Scandic-Green-90);--Secondary-Light-Button-Primary-Border-Disabled: var(--UI-Opacity-White-0);--Secondary-Light-Button-Primary-Border-Hover: var(--UI-Opacity-White-0);--Secondary-Light-Button-Primary-Border-Normal: var(--UI-Opacity-White-0);--Secondary-Light-Button-Primary-Fill-Disabled: var( --UI-Opacity-Almost-Black-10 );--Secondary-Light-Button-Primary-Fill-Hover: var(--Scandic-Green-80);--Secondary-Light-Button-Primary-Fill-Normal: var(--Scandic-Green-90);--Secondary-Light-Button-Primary-On-Fill-Disabled: var( --UI-Opacity-Almost-Black-20 );--Secondary-Light-Button-Primary-On-Fill-Hover: var(--Scandic-Green-30);--Secondary-Light-Button-Primary-On-Fill-Normal: var(--Scandic-Green-20);--Secondary-Light-Button-Secondary-Border-Disabled: var( --UI-Opacity-Almost-Black-20 );--Secondary-Light-Button-Secondary-Border-Hover: var(--Scandic-Green-80);--Secondary-Light-Button-Secondary-Border-Normal: var(--Scandic-Green-90);--Secondary-Light-Button-Secondary-Fill-Disabled: var(--UI-Opacity-White-0);--Secondary-Light-Button-Secondary-Fill-Hover: var(--UI-Opacity-White-0);--Secondary-Light-Button-Secondary-Fill-Normal: var(--UI-Opacity-White-0);--Secondary-Light-Button-Secondary-On-Fill-Disabled: var( --UI-Opacity-Almost-Black-20 );--Secondary-Light-Button-Secondary-On-Fill-Hover: var(--Scandic-Green-80);--Secondary-Light-Button-Secondary-On-Fill-Normal: var(--Scandic-Green-90);--Secondary-Light-On-Surface-Accent: var(--Scandic-Green-50);--Secondary-Light-On-Surface-Divider: var(--Scandic-Green-30);--Secondary-Light-On-Surface-Text: var(--Scandic-Green-90);--Secondary-Light-Surface-Hover: var(--Scandic-Green-20);--Secondary-Light-Surface-Normal: var(--Scandic-Green-20);--Tertiary-Dark-Button-Primary-Border-Disabled: var(--UI-Opacity-White-0);--Tertiary-Dark-Button-Primary-Border-Hover: var(--UI-Opacity-White-0);--Tertiary-Dark-Button-Primary-Border-Normal: var(--UI-Opacity-White-0);--Tertiary-Dark-Button-Primary-Fill-Disabled: var(--UI-Opacity-White-10);--Tertiary-Dark-Button-Primary-Fill-Hover: var(--Scandic-Yellow-20);--Tertiary-Dark-Button-Primary-Fill-Normal: var(--Scandic-Yellow-10);--Tertiary-Dark-Button-Primary-On-Fill-Disabled: var(--UI-Opacity-White-20);--Tertiary-Dark-Button-Primary-On-Fill-Hover: var(--Scandic-Blue-80);--Tertiary-Dark-Button-Primary-On-Fill-Normal: var(--Scandic-Blue-100);--Tertiary-Dark-Button-Secondary-Border-Disabled: var(--UI-Opacity-White-20);--Tertiary-Dark-Button-Secondary-Border-Hover: var(--Scandic-Yellow-20);--Tertiary-Dark-Button-Secondary-Border-Normal: var(--Scandic-Yellow-10);--Tertiary-Dark-Button-Secondary-Fill-Disabled: var(--UI-Opacity-White-0);--Tertiary-Dark-Button-Secondary-Fill-Hover: var(--UI-Opacity-White-0);--Tertiary-Dark-Button-Secondary-Fill-Normal: var(--UI-Opacity-White-0);--Tertiary-Dark-Button-Secondary-On-Fill-Disabled: var(--UI-Opacity-White-20);--Tertiary-Dark-Button-Secondary-On-Fill-Hover: var(--Scandic-Yellow-20);--Tertiary-Dark-Button-Secondary-On-Fill-Normal: var(--Scandic-Yellow-10);--Tertiary-Dark-On-Surface-Accent: var(--Scandic-Blue-40);--Tertiary-Dark-On-Surface-Divider: var(--Scandic-Blue-80);--Tertiary-Dark-On-Surface-Text: var(--Scandic-Yellow-10);--Tertiary-Dark-Surface-Hover: var(--Scandic-Blue-90);--Tertiary-Dark-Surface-Normal: var(--Scandic-Blue-100);--Tertiary-Light-Button-Primary-Border-Disabled: var( --UI-Opacity-Almost-Black-20 );--Tertiary-Light-Button-Primary-Border-Hover: var(--Scandic-Yellow-00);--Tertiary-Light-Button-Primary-Border-Normal: var(--Scandic-Yellow-10);--Tertiary-Light-Button-Primary-Fill-Disabled: var( --UI-Opacity-Almost-Black-10 );--Tertiary-Light-Button-Primary-Fill-Hover: var(--Scandic-Blue-90);--Tertiary-Light-Button-Primary-Fill-Normal: var(--Scandic-Blue-100);--Tertiary-Light-Button-Primary-On-Fill-Disabled: var( --UI-Opacity-Almost-Black-20 );--Tertiary-Light-Button-Primary-On-Fill-Hover: var(--Scandic-Yellow-00);--Tertiary-Light-Button-Primary-On-Fill-Normal: var(--Scandic-Yellow-10);--Tertiary-Light-Button-Secondary-Border-Disabled: var( --UI-Opacity-Almost-Black-20 );--Tertiary-Light-Button-Secondary-Border-Hover: var(--Scandic-Blue-90);--Tertiary-Light-Button-Secondary-Border-Normal: var(--Scandic-Blue-100);--Tertiary-Light-Button-Secondary-Fill-Disabled: var(--UI-Opacity-White-0);--Tertiary-Light-Button-Secondary-Fill-Hover: var(--UI-Opacity-White-0);--Tertiary-Light-Button-Secondary-Fill-Normal: var(--UI-Opacity-White-0);--Tertiary-Light-Button-Secondary-On-Fill-Disabled: var( --UI-Opacity-Almost-Black-20 );--Tertiary-Light-Button-Secondary-On-Fill-Hover: var(--Scandic-Blue-90);--Tertiary-Light-Button-Secondary-On-Fill-Normal: var(--Scandic-Blue-100);--Tertiary-Light-On-Surface-Accent: var(--Scandic-Yellow-50);--Tertiary-Light-On-Surface-Divider: var(--Scandic-Yellow-20);--Tertiary-Light-On-Surface-Text: var(--Scandic-Blue-100);--Tertiary-Light-Surface-Hover: var(--Scandic-Yellow-00);--Tertiary-Light-Surface-Normal: var(--Scandic-Yellow-10);--UI-Input-Controls-Border-Disabled: var(--UI-Grey-40);--UI-Input-Controls-Border-Error: var(--Scandic-Red-70);--UI-Input-Controls-Border-Focus: var(--Scandic-Blue-80);--UI-Input-Controls-Border-Hover: var(--Scandic-Beige-70);--UI-Input-Controls-Border-KeyboardFocus: var(--Scandic-Blue-50);--UI-Input-Controls-Border-Normal: var(--Scandic-Beige-50);--UI-Input-Controls-Fill-Disabled: var(--UI-Grey-60);--UI-Input-Controls-Fill-Normal: var(--UI-Opacity-White-100);--UI-Input-Controls-Fill-Selected: var(--Scandic-Blue-80);--UI-Input-Controls-Fill-Selected-hover: var(--Scandic-Blue-70);--UI-Input-Controls-On-Fill-Normal: var(--UI-Opacity-White-100);--UI-Input-Controls-Surface-Disabled: var(--UI-Grey-10);--UI-Input-Controls-Surface-Hover: var(--Scandic-Beige-10);--UI-Input-Controls-Surface-Normal: var(--UI-Opacity-White-100);--UI-Semantic-Error: var(--Scandic-Red-70);--UI-Semantic-Information: var(--Scandic-Blue-70);--UI-Semantic-Success: var(--Scandic-Green-60);--UI-Semantic-Warning: var(--Scandic-Yellow-60);--UI-Text-Active: var(--Scandic-Blue-90);--UI-Text-Error: var(--Scandic-Red-70);--UI-Text-High-contrast: var(--UI-Grey-100);--UI-Text-Medium-contrast: var(--UI-Grey-80);--UI-Text-Placeholder: var(--UI-Grey-60)}:root{--Corner-radius-Large: 12px;--Corner-radius-Medium: 8px;--Corner-radius-Rounded: 250px;--Corner-radius-Small: 4px;--Corner-radius-xLarge: 16px;--Layout-Desktop-Breakpoints-max-width: 1920px;--Layout-Desktop-Breakpoints-min-width: 1367px;--Layout-Desktop-Columns-Column: 12px;--Layout-Desktop-Gutter-max-width: 24px;--Layout-Desktop-Gutter-min-width: 16px;--Layout-Desktop-Margin-Margin-max: 72px;--Layout-Desktop-Margin-Margin-min: 40px;--Layout-Mobile-Breakpoints-max-width: 767px;--Layout-Mobile-Breakpoints-min-width: 320px;--Layout-Mobile-Columns-Column: 4px;--Layout-Mobile-Gutter-max-width: 16px;--Layout-Mobile-Gutter-min-width: 16px;--Layout-Mobile-Margin-Margin-max: 16px;--Layout-Mobile-Margin-Margin-min: 16px;--Layout-Tablet-Breakpoints-max-width: 1366px;--Layout-Tablet-Breakpoints-min-width: 768px;--Layout-Tablet-Columns-Column: 8px;--Layout-Tablet-Gutter-max-width: 16px;--Layout-Tablet-Gutter-min-width: 16px;--Layout-Tablet-Margin-Margin-max: 32px;--Layout-Tablet-Margin-Margin-min: 24px;--Spacing-x0: 0px;--Spacing-x1: 8px;--Spacing-x2: 16px;--Spacing-x3: 24px;--Spacing-x4: 32px;--Spacing-x5: 40px;--Spacing-x6: 48px;--Spacing-x7: 56px;--Spacing-x9: 72px;--Spacing-x-half: 4px;--Spacing-x-one-and-half: 12px;--Spacing-x-quarter: 2px}:root{--Go-Beige-00: #faf8f2;--Go-Beige-10: #f0ede4;--Go-Beige-20: #e0dcce;--Go-Beige-30: #c8c4b6;--Go-Beige-40: #b0aca0;--Go-Beige-50: #918f83;--Go-Beige-60: #78766d;--Go-Beige-70: #63615a;--Go-Beige-80: #4f4d49;--Go-Beige-90: #373633;--Go-Beige-100: #1f1e1d;--Go-Brand-Aqua: #73fcee;--Go-Brand-Chartreuse: #85ff52;--Go-Brand-Coral: #fa3737;--Go-Brand-Lavender: #dcd7ff;--Go-Brand-Lemon: #f5ff73;--Go-Brand-Linen: #e0dcce;--Go-Brand-Obsidian: #2d163a;--Go-Brand-Pine: #21331f;--Go-Brand-Powder-rose: #ecc8c9;--Go-Green-00: #edffe5;--Go-Green-10: #cdffb8;--Go-Green-20: #a7ff82;--Go-Green-30: #85ff52;--Go-Green-40: #66e03a;--Go-Green-50: #45b222;--Go-Green-60: #2e7f18;--Go-Green-70: #2a601e;--Go-Green-80: #26461f;--Go-Green-90: #21331f;--Go-Green-100: #162115;--Go-Purple-00: #f4f2ff;--Go-Purple-10: #dcd7ff;--Go-Purple-20: #cabffc;--Go-Purple-30: #baa7f7;--Go-Purple-40: #ab8ef0;--Go-Purple-50: #9c75e6;--Go-Purple-60: #8c5bd5;--Go-Purple-70: #733cb2;--Go-Purple-80: #5e2a8c;--Go-Purple-90: #451f61;--Go-Purple-100: #2d163a;--Go-Yellow-00: #fdffe8;--Go-Yellow-10: #faffc4;--Go-Yellow-20: #f8ff9c;--Go-Yellow-30: #f5ff73;--Go-Yellow-40: #edea39;--Go-Yellow-50: #dec614;--Go-Yellow-60: #ba8d07;--Go-Yellow-70: #966400;--Go-Yellow-80: #754403;--Go-Yellow-90: #572701;--Go-Yellow-100: #3b1300;--Scandic-Beige-00: #faf6f2;--Scandic-Beige-10: #f2ece6;--Scandic-Beige-20: #e3d9d1;--Scandic-Beige-30: #d1c4ba;--Scandic-Beige-40: #b8a79a;--Scandic-Beige-50: #9c8a7e;--Scandic-Beige-60: #806e63;--Scandic-Beige-70: #6b584d;--Scandic-Beige-80: #533f35;--Scandic-Beige-90: #3e2b23;--Scandic-Beige-100: #291710;--Scandic-Blue-00: #e8f6ff;--Scandic-Blue-10: #cfebff;--Scandic-Blue-20: #b5e0ff;--Scandic-Blue-30: #93c9f5;--Scandic-Blue-40: #79aee7;--Scandic-Blue-50: #5b8fd4;--Scandic-Blue-60: #3f6dbd;--Scandic-Blue-70: #284ea0;--Scandic-Blue-80: #18347f;--Scandic-Blue-90: #0d1f5f;--Scandic-Blue-100: #0d1440;--Scandic-Brand-Burgundy: #4d001b;--Scandic-Brand-Dark-Blue: #0d1440;--Scandic-Brand-Dark-Green: #093021;--Scandic-Brand-Dark-Grey: #291710;--Scandic-Brand-Light-Blue: #b5e0ff;--Scandic-Brand-Light-Green: #d2edaf;--Scandic-Brand-Pale-Peach: #f7e1d5;--Scandic-Brand-Pale-Yellow: #fff0c2;--Scandic-Brand-Scandic-Red: #cd0921;--Scandic-Brand-Warm-White: #faf6f2;--Scandic-Green-00: #f3fce8;--Scandic-Green-10: #e1f3ca;--Scandic-Green-20: #d2edaf;--Scandic-Green-30: #acdb8a;--Scandic-Green-40: #7cb865;--Scandic-Green-50: #539e49;--Scandic-Green-60: #348337;--Scandic-Green-70: #256931;--Scandic-Green-80: #164e29;--Scandic-Green-90: #093021;--Scandic-Green-100: #091f16;--Scandic-Peach-00: #fff3ed;--Scandic-Peach-10: #f7e1d5;--Scandic-Peach-20: #f4d5c8;--Scandic-Peach-30: #f0c1b6;--Scandic-Peach-40: #e9aba3;--Scandic-Peach-50: #de9490;--Scandic-Peach-60: #cd797c;--Scandic-Peach-70: #b05b65;--Scandic-Peach-80: #8f4350;--Scandic-Peach-90: #642636;--Scandic-Peach-100: #4d0f25;--Scandic-Red-00: #ffebeb;--Scandic-Red-10: #f7c1c2;--Scandic-Red-20: #f79499;--Scandic-Red-30: #f26b74;--Scandic-Red-40: #ed4251;--Scandic-Red-50: #e32034;--Scandic-Red-60: #cd0921;--Scandic-Red-70: #ad0015;--Scandic-Red-80: #8d0011;--Scandic-Red-90: #6d000d;--Scandic-Red-100: #4d001b;--Scandic-Yellow-00: #fff8e3;--Scandic-Yellow-10: #fff0c2;--Scandic-Yellow-20: #fade89;--Scandic-Yellow-30: #f7ce52;--Scandic-Yellow-40: #edb532;--Scandic-Yellow-50: #e59515;--Scandic-Yellow-60: #d17308;--Scandic-Yellow-70: #a85211;--Scandic-Yellow-80: #7d370f;--Scandic-Yellow-90: #4f2313;--Scandic-Yellow-100: #301508;--UI-Grey-00: #f9f6f4;--UI-Grey-10: #ebe8e6;--UI-Grey-20: #d6d2d0;--UI-Grey-30: #c2bdba;--UI-Grey-40: #a8a4a2;--UI-Grey-50: #8c8987;--UI-Grey-60: #787472;--UI-Grey-70: #635f5d;--UI-Grey-80: #57514e;--UI-Grey-90: #403937;--UI-Grey-100: #26201e;--UI-Opacity-Almost-Black-0: #1f1c1b00;--UI-Opacity-Almost-Black-10: #1f1c1b1a;--UI-Opacity-Almost-Black-20: #1f1c1b33;--UI-Opacity-Almost-Black-30: #1f1c1b4d;--UI-Opacity-Almost-Black-40: #1f1c1b66;--UI-Opacity-Almost-Black-50: #1f1c1b80;--UI-Opacity-Almost-Black-60: #1f1c1b99;--UI-Opacity-Almost-Black-70: #1f1c1bb3;--UI-Opacity-Almost-Black-80: #1f1c1bcc;--UI-Opacity-Almost-Black-90: #1f1c1be6;--UI-Opacity-Almost-Black-100: #1f1c1b;--UI-Opacity-White-0: #ffffff00;--UI-Opacity-White-10: #ffffff1a;--UI-Opacity-White-20: #ffffff33;--UI-Opacity-White-30: #ffffff4d;--UI-Opacity-White-40: #ffffff66;--UI-Opacity-White-50: #ffffff80;--UI-Opacity-White-60: #ffffff99;--UI-Opacity-White-70: #ffffffb3;--UI-Opacity-White-80: #ffffffcc;--UI-Opacity-White-90: #ffffffe6;--UI-Opacity-White-100: #ffffff}:root{--Go-Beige-00: #faf8f2;--Go-Beige-10: #f0ede4;--Go-Beige-20: #e0dcce;--Go-Beige-30: #c8c4b6;--Go-Beige-40: #b0aca0;--Go-Beige-50: #918f83;--Go-Beige-60: #78766d;--Go-Beige-70: #63615a;--Go-Beige-80: #4f4d49;--Go-Beige-90: #373633;--Go-Beige-100: #1f1e1d;--Go-Brand-Aqua: #73fcee;--Go-Brand-Chartreuse: #85ff52;--Go-Brand-Coral: #fa3737;--Go-Brand-Lavender: #dcd7ff;--Go-Brand-Lemon: #f5ff73;--Go-Brand-Linen: #e0dcce;--Go-Brand-Obsidian: #2d163a;--Go-Brand-Pine: #21331f;--Go-Brand-Powderrose: #ecc8c9;--Go-Green-00: #edffe5;--Go-Green-10: #cdffb8;--Go-Green-20: #a7ff82;--Go-Green-30: #85ff52;--Go-Green-40: #66e03a;--Go-Green-50: #45b222;--Go-Green-60: #2e7f18;--Go-Green-70: #2a601e;--Go-Green-80: #26461f;--Go-Green-90: #21331f;--Go-Green-100: #162115;--Go-Purple-00: #f4f2ff;--Go-Purple-10: #dcd7ff;--Go-Purple-20: #cabffc;--Go-Purple-30: #baa7f7;--Go-Purple-40: #ab8ef0;--Go-Purple-50: #9c75e6;--Go-Purple-60: #8c5bd5;--Go-Purple-70: #733cb2;--Go-Purple-80: #5e2a8c;--Go-Purple-90: #451f61;--Go-Purple-100: #2d163a;--Go-Yellow-00: #fdffe8;--Go-Yellow-10: #faffc4;--Go-Yellow-20: #f8ff9c;--Go-Yellow-30: #f5ff73;--Go-Yellow-40: #edea39;--Go-Yellow-50: #dec614;--Go-Yellow-60: #ba8d07;--Go-Yellow-70: #966400;--Go-Yellow-80: #754403;--Go-Yellow-90: #572701;--Go-Yellow-100: #3b1300;--Main-Blue-00: #eaf2fc;--Main-Blue-10: #c7d9f5;--Main-Blue-20: #a5c2ee;--Main-Blue-30: #84ace7;--Main-Blue-40: #6697df;--Main-Blue-50: #4983d8;--Main-Blue-60: #2e70d1;--Main-Blue-70: #1555b4;--Main-Blue-80: #023d96;--Main-Blue-90: #002a69;--Main-Blue-100: #001b42;--Main-Brand-Burgundy: #4d001b;--Main-Brand-DarkBlue: #0d1440;--Main-Brand-DarkGreen: #093021;--Main-Brand-DarkGrey: #291710;--Main-Brand-LightBlue: #b5e0ff;--Main-Brand-LightGreen: #d2edaf;--Main-Brand-PalePeach: #f7e1d5;--Main-Brand-PaleYellow: #fff0c2;--Main-Brand-ScandicRed: #cd0921;--Main-Brand-WarmWhite: #faf6f2;--Main-Green-00: #e7f5e1;--Main-Green-10: #badda8;--Main-Green-20: #99ca7e;--Main-Green-30: #7ab859;--Main-Green-40: #5fa53a;--Main-Green-50: #47931f;--Main-Green-60: #33800a;--Main-Green-70: #286806;--Main-Green-80: #1e4f03;--Main-Green-90: #143701;--Main-Green-100: #0e2600;--Main-Grey-00: #f9f6f4;--Main-Grey-10: #ebe8e6;--Main-Grey-20: #d6d2d0;--Main-Grey-30: #c2bdba;--Main-Grey-40: #a8a4a2;--Main-Grey-50: #8c8987;--Main-Grey-60: #787472;--Main-Grey-70: #635f5d;--Main-Grey-80: #57514e;--Main-Grey-90: #403937;--Main-Grey-100: #26201e;--Main-Grey-Almostblack: #1f1c1b;--Main-Grey-White: #ffffff;--Main-Red-00: #ffebeb;--Main-Red-10: #f7c1c2;--Main-Red-20: #f79499;--Main-Red-30: #f26b74;--Main-Red-40: #ed4251;--Main-Red-50: #e32034;--Main-Red-60: #cd0921;--Main-Red-70: #ad0015;--Main-Red-80: #8d0011;--Main-Red-90: #6d000d;--Main-Red-100: #4d001b;--Main-Scandic-00: #ffebeb;--Main-Scandic-10: #f7c1c2;--Main-Scandic-20: #f79499;--Main-Scandic-30: #f26b74;--Main-Scandic-40: #ed4251;--Main-Scandic-50: #e32034;--Main-Scandic-60: #cd0921;--Main-Scandic-70: #ad0015;--Main-Scandic-80: #8d0011;--Main-Scandic-90: #6d000d;--Main-Scandic-100: #4d001b;--Main-Yellow-00: #fff8e3;--Main-Yellow-10: #fff0c2;--Main-Yellow-20: #fade89;--Main-Yellow-30: #f7ce52;--Main-Yellow-40: #edb532;--Main-Yellow-50: #e59515;--Main-Yellow-60: #d17308;--Main-Yellow-70: #a85211;--Main-Yellow-80: #7d370f;--Main-Yellow-90: #4f2313;--Main-Yellow-100: #301508} diff --git a/apps/scandic-web/public/_static/fonts/canela-deck/CanelaDeck-Black.otf b/apps/scandic-web/public/_static/fonts/canela-deck/CanelaDeck-Black.otf new file mode 100644 index 000000000..6ea2fe7c5 Binary files /dev/null and b/apps/scandic-web/public/_static/fonts/canela-deck/CanelaDeck-Black.otf differ diff --git a/apps/scandic-web/public/_static/fonts/canela-deck/CanelaDeck-BlackItalic.otf b/apps/scandic-web/public/_static/fonts/canela-deck/CanelaDeck-BlackItalic.otf new file mode 100644 index 000000000..19d7a2062 Binary files /dev/null and b/apps/scandic-web/public/_static/fonts/canela-deck/CanelaDeck-BlackItalic.otf differ diff --git a/apps/scandic-web/public/_static/fonts/canela-deck/CanelaDeck-Bold.otf b/apps/scandic-web/public/_static/fonts/canela-deck/CanelaDeck-Bold.otf new file mode 100644 index 000000000..95bcf9338 Binary files /dev/null and b/apps/scandic-web/public/_static/fonts/canela-deck/CanelaDeck-Bold.otf differ diff --git a/apps/scandic-web/public/_static/fonts/canela-deck/CanelaDeck-BoldItalic.otf b/apps/scandic-web/public/_static/fonts/canela-deck/CanelaDeck-BoldItalic.otf new file mode 100644 index 000000000..ea2cf76da Binary files /dev/null and b/apps/scandic-web/public/_static/fonts/canela-deck/CanelaDeck-BoldItalic.otf differ diff --git a/apps/scandic-web/public/_static/fonts/canela-deck/CanelaDeck-Light.otf b/apps/scandic-web/public/_static/fonts/canela-deck/CanelaDeck-Light.otf new file mode 100644 index 000000000..c32669e0a Binary files /dev/null and b/apps/scandic-web/public/_static/fonts/canela-deck/CanelaDeck-Light.otf differ diff --git a/apps/scandic-web/public/_static/fonts/canela-deck/CanelaDeck-LightItalic.otf b/apps/scandic-web/public/_static/fonts/canela-deck/CanelaDeck-LightItalic.otf new file mode 100644 index 000000000..6f7dca56e Binary files /dev/null and b/apps/scandic-web/public/_static/fonts/canela-deck/CanelaDeck-LightItalic.otf differ diff --git a/apps/scandic-web/public/_static/fonts/canela-deck/CanelaDeck-Medium.otf b/apps/scandic-web/public/_static/fonts/canela-deck/CanelaDeck-Medium.otf new file mode 100644 index 000000000..d0887a452 Binary files /dev/null and b/apps/scandic-web/public/_static/fonts/canela-deck/CanelaDeck-Medium.otf differ diff --git a/apps/scandic-web/public/_static/fonts/canela-deck/CanelaDeck-MediumItalic.otf b/apps/scandic-web/public/_static/fonts/canela-deck/CanelaDeck-MediumItalic.otf new file mode 100644 index 000000000..0f2ceef4b Binary files /dev/null and b/apps/scandic-web/public/_static/fonts/canela-deck/CanelaDeck-MediumItalic.otf differ diff --git a/apps/scandic-web/public/_static/fonts/canela-deck/CanelaDeck-Regular.otf b/apps/scandic-web/public/_static/fonts/canela-deck/CanelaDeck-Regular.otf new file mode 100644 index 000000000..2f5104364 Binary files /dev/null and b/apps/scandic-web/public/_static/fonts/canela-deck/CanelaDeck-Regular.otf differ diff --git a/apps/scandic-web/public/_static/fonts/canela-deck/CanelaDeck-RegularItalic.otf b/apps/scandic-web/public/_static/fonts/canela-deck/CanelaDeck-RegularItalic.otf new file mode 100644 index 000000000..342779228 Binary files /dev/null and b/apps/scandic-web/public/_static/fonts/canela-deck/CanelaDeck-RegularItalic.otf differ diff --git a/apps/scandic-web/public/_static/fonts/canela-deck/CanelaDeck-Thin.otf b/apps/scandic-web/public/_static/fonts/canela-deck/CanelaDeck-Thin.otf new file mode 100644 index 000000000..073be2887 Binary files /dev/null and b/apps/scandic-web/public/_static/fonts/canela-deck/CanelaDeck-Thin.otf differ diff --git a/apps/scandic-web/public/_static/fonts/canela-deck/CanelaDeck-ThinItalic.otf b/apps/scandic-web/public/_static/fonts/canela-deck/CanelaDeck-ThinItalic.otf new file mode 100644 index 000000000..a0cb03bf5 Binary files /dev/null and b/apps/scandic-web/public/_static/fonts/canela-deck/CanelaDeck-ThinItalic.otf differ diff --git a/apps/scandic-web/public/_static/fonts/domaine/domainesanstextweb-regular-webfont.woff b/apps/scandic-web/public/_static/fonts/domaine/domainesanstextweb-regular-webfont.woff new file mode 100644 index 000000000..a0561fe0c Binary files /dev/null and b/apps/scandic-web/public/_static/fonts/domaine/domainesanstextweb-regular-webfont.woff differ diff --git a/apps/scandic-web/public/_static/fonts/domaine/domainesanstextweb-regular-webfont.woff2 b/apps/scandic-web/public/_static/fonts/domaine/domainesanstextweb-regular-webfont.woff2 new file mode 100644 index 000000000..45daf13cf Binary files /dev/null and b/apps/scandic-web/public/_static/fonts/domaine/domainesanstextweb-regular-webfont.woff2 differ diff --git a/apps/scandic-web/server/routers/hotels/query.ts b/apps/scandic-web/server/routers/hotels/query.ts index 319e04a45..0d2d785ab 100644 --- a/apps/scandic-web/server/routers/hotels/query.ts +++ b/apps/scandic-web/server/routers/hotels/query.ts @@ -1424,7 +1424,7 @@ export const hotelQueryRouter = router({ error: validatedMeetingRooms.error, }) ) - throw badRequestError() + return [] } metrics.meetingRooms.success.add(1, { hotelId, diff --git a/packages/design-system/lib/fonts.css b/packages/design-system/lib/fonts.css index a4413f5ec..7ccb54037 100644 --- a/packages/design-system/lib/fonts.css +++ b/packages/design-system/lib/fonts.css @@ -3,7 +3,7 @@ font-family: 'biro script plus'; font-style: normal; font-weight: 400; - src: url(/fonts/biro-script-plus/regular.woff2) format('woff2'); + src: url(/_static/fonts/biro-script-plus/regular.woff2) format('woff2'); } @font-face { @@ -11,8 +11,8 @@ font-family: 'brandon text'; font-weight: 700; src: - url(/fonts/brandon-text/bold.woff2) format('woff2'), - url(/fonts/brandon-text/bold.woff) format('woff'); + url(/_static/fonts/brandon-text/bold.woff2) format('woff2'), + url(/_static/fonts/brandon-text/bold.woff) format('woff'); } @font-face { @@ -20,8 +20,8 @@ font-family: 'brandon text'; font-weight: 900; src: - url(/fonts/brandon-text/black.woff2) format('woff2'), - url(/fonts/brandon-text/black.woff) format('woff'); + url(/_static/fonts/brandon-text/black.woff2) format('woff2'), + url(/_static/fonts/brandon-text/black.woff) format('woff'); } @font-face { @@ -30,8 +30,10 @@ font-style: normal; font-weight: 300; src: - url(/fonts/domaine/domainesanstextweb-light-webfont.woff2) format('woff2'), - url(/fonts/domaine/domainesanstextweb-light-webfont.woff) format('woff'); + url(/_static/fonts/domaine/domainesanstextweb-light-webfont.woff2) + format('woff2'), + url(/_static/fonts/domaine/domainesanstextweb-light-webfont.woff) + format('woff'); } @font-face { @@ -40,8 +42,10 @@ font-style: normal; font-weight: 400; src: - url(/fonts/domaine/domainesanstextweb-regular-webfont.woff2) format('woff2'), - url(/fonts/domaine/domainesanstextweb-regular-webfont.woff) format('woff'); + url(/_static/fonts/domaine/domainesanstextweb-regular-webfont.woff2) + format('woff2'), + url(/_static/fonts/domaine/domainesanstextweb-regular-webfont.woff) + format('woff'); } @font-face { @@ -49,7 +53,7 @@ font-family: 'fira sans'; font-style: normal; font-weight: 300; - src: url(/fonts/fira-sans/light.woff2) format('woff2'); + src: url(/_static/fonts/fira-sans/light.woff2) format('woff2'); } @font-face { @@ -57,7 +61,7 @@ font-family: 'fira sans'; font-style: normal; font-weight: 400; - src: url(/fonts/fira-sans/regular.woff2) format('woff2'); + src: url(/_static/fonts/fira-sans/regular.woff2) format('woff2'); } @font-face { @@ -65,7 +69,7 @@ font-family: 'fira sans'; font-style: normal; font-weight: 500; - src: url(/fonts/fira-sans/medium.woff2) format('woff2'); + src: url(/_static/fonts/fira-sans/medium.woff2) format('woff2'); } @font-face { @@ -73,7 +77,7 @@ font-family: 'fira sans'; font-style: normal; font-weight: 600; - src: url(/fonts/fira-sans/semibold.woff2) format('woff2'); + src: url(/_static/fonts/fira-sans/semibold.woff2) format('woff2'); } @font-face { @@ -81,7 +85,7 @@ font-family: 'fira sans'; font-style: normal; font-weight: 700; - src: url(/fonts/fira-sans/bold.woff2) format('woff2'); + src: url(/_static/fonts/fira-sans/bold.woff2) format('woff2'); } @font-face { @@ -89,7 +93,7 @@ font-family: 'fira sans'; font-style: normal; font-weight: 900; - src: url(/fonts/fira-sans/black.woff2) format('woff2'); + src: url(/_static/fonts/fira-sans/black.woff2) format('woff2'); } @font-face { @@ -98,9 +102,9 @@ font-style: normal; font-weight: 400; src: - url(/fonts/itcgaramond/ITCGaramondBookNarrow_normal_condensed.woff2) + url(/_static/fonts/itcgaramond/ITCGaramondBookNarrow_normal_condensed.woff2) format('woff2'), - url(/fonts/itcgaramond/ITCGaramondBookNarrow_normal_condensed.woff) + url(/_static/fonts/itcgaramond/ITCGaramondBookNarrow_normal_condensed.woff) format('woff'); } @@ -110,8 +114,8 @@ font-style: normal; font-weight: 900; src: - url(/fonts/gotham/gotham-black-webfont.woff2) format('woff2'), - url(/fonts/gotham/gotham-black-webfont.woff) format('woff'); + url(/_static/fonts/gotham/gotham-black-webfont.woff2) format('woff2'), + url(/_static/fonts/gotham/gotham-black-webfont.woff) format('woff'); } @font-face { @@ -120,8 +124,8 @@ font-style: normal; font-weight: 700; src: - url(/fonts/gotham/gotham-bold-webfont.woff2) format('woff2'), - url(/fonts/gotham/gotham-bold-webfont.woff) format('woff'); + url(/_static/fonts/gotham/gotham-bold-webfont.woff2) format('woff2'), + url(/_static/fonts/gotham/gotham-bold-webfont.woff) format('woff'); } @font-face { @@ -130,9 +134,9 @@ font-style: normal; font-weight: 400; src: - url(/fonts/grotesk/NeueHaasGroteskDisplay55Roman_normal_normal.woff2) + url(/_static/fonts/grotesk/NeueHaasGroteskDisplay55Roman_normal_normal.woff2) format('woff2'), - url(/fonts/grotesk/NeueHaasGroteskDisplay55Roman_normal_normal.woff) + url(/_static/fonts/grotesk/NeueHaasGroteskDisplay55Roman_normal_normal.woff) format('woff'); } @@ -142,9 +146,9 @@ font-style: normal; font-weight: 500; src: - url(/fonts/grotesk/NeueHaasGroteskDisplay65Medium_normal_normal.woff2) + url(/_static/fonts/grotesk/NeueHaasGroteskDisplay65Medium_normal_normal.woff2) format('woff2'), - url(/fonts/grotesk/NeueHaasGroteskDisplay65Medium_normal_normal.woff) + url(/_static/fonts/grotesk/NeueHaasGroteskDisplay65Medium_normal_normal.woff) format('woff'); } @@ -154,8 +158,8 @@ font-style: normal; font-weight: 300; src: - url(/fonts/prumo/prumotext-light-webfont.woff2) format('woff2'), - url(/fonts/prumo/PrumoText-Light.woff) format('woff'); + url(/_static/fonts/prumo/prumotext-light-webfont.woff2) format('woff2'), + url(/_static/fonts/prumo/PrumoText-Light.woff) format('woff'); } @font-face { @@ -163,7 +167,7 @@ font-family: 'Canela Deck'; font-style: normal; font-weight: 900; - src: url(/fonts/canela-deck/CanelaDeck-Black.otf) format('opentype'); + src: url(/_static/fonts/canela-deck/CanelaDeck-Black.otf) format('opentype'); } @font-face { @@ -171,7 +175,8 @@ font-family: 'Canela Deck'; font-style: italic; font-weight: 900; - src: url(/fonts/canela-deck/CanelaDeck-BlackItalic.otf) format('opentype'); + src: url(/_static/fonts/canela-deck/CanelaDeck-BlackItalic.otf) + format('opentype'); } @font-face { @@ -179,7 +184,7 @@ font-family: 'Canela Deck'; font-style: normal; font-weight: 700; - src: url(/fonts/canela-deck/CanelaDeck-Bold.otf) format('opentype'); + src: url(/_static/fonts/canela-deck/CanelaDeck-Bold.otf) format('opentype'); } @font-face { @@ -187,7 +192,8 @@ font-family: 'Canela Deck'; font-style: italic; font-weight: 700; - src: url(/fonts/canela-deck/CanelaDeck-BoldItalic.otf) format('opentype'); + src: url(/_static/fonts/canela-deck/CanelaDeck-BoldItalic.otf) + format('opentype'); } @font-face { @@ -195,7 +201,7 @@ font-family: 'Canela Deck'; font-style: normal; font-weight: 300; - src: url(/fonts/canela-deck/CanelaDeck-Light.otf) format('opentype'); + src: url(/_static/fonts/canela-deck/CanelaDeck-Light.otf) format('opentype'); } @font-face { @@ -203,7 +209,8 @@ font-family: 'Canela Deck'; font-style: italic; font-weight: 300; - src: url(/fonts/canela-deck/CanelaDeck-LightItalic.otf) format('opentype'); + src: url(/_static/fonts/canela-deck/CanelaDeck-LightItalic.otf) + format('opentype'); } @font-face { @@ -211,7 +218,7 @@ font-family: 'Canela Deck'; font-style: normal; font-weight: 500; - src: url(/fonts/canela-deck/CanelaDeck-Medium.otf) format('opentype'); + src: url(/_static/fonts/canela-deck/CanelaDeck-Medium.otf) format('opentype'); } @font-face { @@ -219,7 +226,8 @@ font-family: 'Canela Deck'; font-style: italic; font-weight: 500; - src: url(/fonts/canela-deck/CanelaDeck-MediumItalic.otf) format('opentype'); + src: url(/_static/fonts/canela-deck/CanelaDeck-MediumItalic.otf) + format('opentype'); } @font-face { @@ -227,7 +235,7 @@ font-family: 'Canela Deck'; font-style: normal; font-weight: 400; - src: url(/fonts/canela-deck/CanelaDeck-Regular.otf) format('opentype'); + src: url(/_static/fonts/canela-deck/CanelaDeck-Regular.otf) format('opentype'); } @font-face { @@ -235,7 +243,8 @@ font-family: 'Canela Deck'; font-style: italic; font-weight: 400; - src: url(/fonts/canela-deck/CanelaDeck-RegularItalic.otf) format('opentype'); + src: url(/_static/fonts/canela-deck/CanelaDeck-RegularItalic.otf) + format('opentype'); } @font-face { @@ -243,7 +252,7 @@ font-family: 'Canela Deck'; font-style: normal; font-weight: 200; - src: url(/fonts/canela-deck/CanelaDeck-Thin.otf) format('opentype'); + src: url(/_static/fonts/canela-deck/CanelaDeck-Thin.otf) format('opentype'); } @font-face { @@ -251,5 +260,6 @@ font-family: 'Canela Deck'; font-style: italic; font-weight: 200; - src: url(/fonts/canela-deck/CanelaDeck-ThinItalic.otf) format('opentype'); + src: url(/_static/fonts/canela-deck/CanelaDeck-ThinItalic.otf) + format('opentype'); }