/* This file is generated, do not edit manually! */ .marski { /* Values */ --Body-Lead-text-Font-fallback: sans-serif; --Body-Lead-text-Letter-spacing: 0.2px; --Body-Paragraph-Font-fallback: sans-serif; --Body-Paragraph-Letter-spacing: 0.19px; --Body-Supporting-text-Font-fallback: sans-serif; --Body-Supporting-text-Letter-spacing: 0.2px; --Body-Underline-md-Font-fallback: sans-serif; --Body-Underline-md-Letter-spacing: 0.19px; --Body-Underline-md-Text-Decoration: underline; --Body-Underline-sm-Font-fallback: sans-serif; --Body-Underline-sm-Letter-spacing: 0.2px; --Body-Underline-sm-Text-Decoration: underline; --Component-Button-Brand-Primary-Fill-Hover: #283b48; --Component-Button-Brand-Secondary-Border-Hover-inverted: #818c95; --Component-Button-Brand-Secondary-On-fill-Hover-inverted: #b2b9be; --Component-Button-Brand-Tertiary-Fill-Hover: #1a54e7; --Component-Button-Inverted-Fill-Hover: #e6e5e5; --Component-Button-Inverted-On-fill-Hover: #283b48; --Component-Button-Muted-Border-Hover: #ffffff30; --Font-family-Marski-Body: 'Fira sans'; --Font-family-Marski-Decorative: 'Helvetica Neue'; --Font-family-Marski-Title: 'Helvetica Neue'; --Label-Font-fallback: sans-serif; --Label-Letter-spacing: 0.17px; --Link-md-Font-fallback: sans-serif; --Link-md-Letter-spacing: 0.19px; --Link-md-Text-Decoration: underline; --Link-sm-Font-fallback: sans-serif; --Link-sm-Letter-spacing: 0.2px; --Link-sm-Text-Decoration: underline; --Signature-Marski-Aubergine-00: #f9f6f4; --Signature-Marski-Aubergine-100: #3e1118; --Signature-Marski-Aubergine-10: #ebe8e6; --Signature-Marski-Aubergine-20: #cfc4c5; --Signature-Marski-Aubergine-30: #baa9ac; --Signature-Marski-Aubergine-40: #a28d90; --Signature-Marski-Aubergine-50: #8b7074; --Signature-Marski-Aubergine-60: #806267; --Signature-Marski-Aubergine-70: #6a484d; --Signature-Marski-Aubergine-80: #5b353b; --Signature-Marski-Aubergine-90: #481d24; --Signature-Marski-Blue-ribbon-0: #eef7ff; --Signature-Marski-Blue-ribbon-100: #11265a; --Signature-Marski-Blue-ribbon-10: #d8ecff; --Signature-Marski-Blue-ribbon-20: #b9deff; --Signature-Marski-Blue-ribbon-30: #89cbff; --Signature-Marski-Blue-ribbon-40: #52aeff; --Signature-Marski-Blue-ribbon-50: #2a8bff; --Signature-Marski-Blue-ribbon-60: #136afd; --Signature-Marski-Blue-ribbon-70: #0d57f3; --Signature-Marski-Blue-ribbon-80: #1043bd; --Signature-Marski-Blue-ribbon-90: #143d94; --Signature-Marski-Elephant-0: #f6f6f7; --Signature-Marski-Elephant-100: #122937; --Signature-Marski-Elephant-10: #eceeef; --Signature-Marski-Elephant-20: #e0e3e5; --Signature-Marski-Elephant-30: #b6bdc1; --Signature-Marski-Elephant-40: #9ba5ab; --Signature-Marski-Elephant-50: #717f87; --Signature-Marski-Elephant-60: #576771; --Signature-Marski-Elephant-70: #495a65; --Signature-Marski-Elephant-80: #2c414d; --Signature-Marski-Elephant-90: #1e3441; --Signature-Marski-Torch-red-00: #fff0f1; --Signature-Marski-Torch-red-100: #4f0007; --Signature-Marski-Torch-red-10: #ffdde0; --Signature-Marski-Torch-red-20: #ffc1c7; --Signature-Marski-Torch-red-30: #ff96a0; --Signature-Marski-Torch-red-40: #ff5a6a; --Signature-Marski-Torch-red-50: #ff273b; --Signature-Marski-Torch-red-60: #fb1228; --Signature-Marski-Torch-red-70: #d40115; --Signature-Marski-Torch-red-80: #ae0616; --Signature-Marski-Torch-red-90: #900c18; --Surface-Brand-Primary-1-OnSurface-Accent-Secondary: #ffffff; --Surface-Brand-Primary-1-OnSurface-Accent: #ffffff; --Surface-Brand-Primary-1-OnSurface-Default: #ffffff; --Surface-Brand-Primary-2-OnSurface-Accent: #ffffff; --Surface-Brand-Primary-2-OnSurface-Default: #ffffff; --Surface-Brand-Primary-3-OnSurface-Accent-Secondary: #ffffff; --Surface-Brand-Primary-3-OnSurface-Accent: #ffffff; --Surface-Brand-Primary-3-OnSurface-Default: #ffffff; --Surface-Primary-Hover-Light: #e6e5e5; --Surface-Primary-Hover: #f2f2f2; --Surface-Secondary-Hover: #e0e2e3; --Tag-Font-fallback: sans-serif; --Tag-Letter-spacing: 0.18px; --Tag-Text-Transform: unset; --Title-Decorative-lg-Font-fallback: sans-serif; --Title-Decorative-lg-Letter-spacing: 0.1px; --Title-Decorative-lg-Text-Transform: uppercase; --Title-Decorative-md-Font-fallback: sans-serif; --Title-Decorative-md-Letter-spacing: 0.32px; --Title-Decorative-md-Text-Transform: uppercase; --Title-Overline-sm-Font-fallback: sans-serif; --Title-Overline-sm-Letter-spacing: 0.21px; --Title-Overline-sm-Text-Transform: uppercase; --Title-Subtitle-lg-Font-fallback: sans-serif; --Title-Subtitle-lg-Letter-spacing: 0.24px; --Title-Subtitle-md-Font-fallback: sans-serif; --Title-Subtitle-md-Letter-spacing: 0.2px; --Title-lg-Font-fallback: sans-serif; --Title-lg-Letter-spacing: 0.48px; --Title-lg-Text-Transform: unset; --Title-md-Font-fallback: sans-serif; --Title-md-Letter-spacing: 0.09px; --Title-md-LowCase-Font-fallback: sans-serif; --Title-md-LowCase-Letter-spacing: 0.09px; --Title-md-LowCase-Text-Transform: unset; --Title-md-Text-Transform: unset; --Title-sm-Font-fallback: sans-serif; --Title-sm-Letter-spacing: 0.14px; --Title-sm-LowCase-Font-fallback: sans-serif; --Title-sm-LowCase-Letter-spacing: 0.14px; --Title-sm-LowCase-Text-Transform: unset; --Title-sm-Text-Transform: unset; --Title-xs-Font-fallback: sans-serif; --Title-xs-Letter-spacing: 0.24px; --Title-xs-Text-Transform: unset; --Utilities-Gradients-10: #3e11181a; /* Aliases */ --Background-Primary: var(--Neutral-0); --Background-Secondary: var(--Neutral-Opacity-White-100); --Body-Lead-text-Font-family: var(--Font-family-Marski-Body); --Body-Lead-text-Font-weight: var(--Font-weight-Regular); --Body-Lead-text-Size: var(--Impl-Text-size-xs); --Body-Paragraph-Font-family: var(--Font-family-Marski-Body); --Body-Paragraph-Font-weight-2: var(--Font-weight-Medium); --Body-Paragraph-Font-weight: var(--Font-weight-Regular); --Body-Paragraph-Size: var(--Impl-Text-size-3xs); --Body-Supporting-text-Font-family: var(--Font-family-Marski-Body); --Body-Supporting-text-Font-weight-2: var(--Font-weight-Medium); --Body-Supporting-text-Font-weight: var(--Font-weight-Regular); --Body-Supporting-text-Size: var(--Impl-Text-size-4xs); --Body-Underline-md-Font-family: var(--Font-family-Marski-Body); --Body-Underline-md-Font-weight: var(--Font-weight-Regular); --Body-Underline-md-Size: var(--Impl-Text-size-3xs); --Body-Underline-sm-Font-family: var(--Font-family-Marski-Body); --Body-Underline-sm-Font-weight: var(--Font-weight-Regular); --Body-Underline-sm-Size: var(--Impl-Text-size-4xs); --Border-Default: var(--Neutral-20); --Border-Divider-Accent: var(--Neutral-30); --Border-Divider-Brand-OnPrimary-1-Default: var(--Neutral-Opacity-White-100); --Border-Divider-Brand-OnPrimary-1-Secondary: var( --Neutral-Opacity-White-100 ); --Border-Divider-Brand-OnPrimary-2-Default: var(--Neutral-Opacity-White-100); --Border-Divider-Brand-OnPrimary-3-Default: var(--Neutral-Opacity-White-100); --Border-Divider-Default: var(--Neutral-20); --Border-Divider-Subtle: var(--Neutral-15); --Border-Intense: var(--Neutral-30); --Border-Interactive-Default: var(--Neutral-30); --Border-Interactive-Disabled: var(--Neutral-30); --Border-Interactive-Error: var(--Scandic-Red-70); --Border-Interactive-Focus: var(--Neutral-80); --Border-Interactive-Selected: var(--Neutral-80); --Border-Inverted: var(--Neutral-Opacity-White-100); --Component-Button-Brand-Primary-Border-Default: var( --Neutral-Opacity-White-0 ); --Component-Button-Brand-Primary-Border-Disabled: var( --Neutral-Opacity-White-0 ); --Component-Button-Brand-Primary-Border-Hover: var(--Neutral-Opacity-White-0); --Component-Button-Brand-Primary-Fill-Default: var( --Signature-Marski-Elephant-100 ); --Component-Button-Brand-Primary-Fill-Disabled: var( --Neutral-Opacity-Black-10 ); --Component-Button-Brand-Primary-On-fill-Default: var( --Neutral-Opacity-White-100 ); --Component-Button-Brand-Primary-On-fill-Disabled: var(--Neutral-40); --Component-Button-Brand-Primary-On-fill-Hover: var( --Neutral-Opacity-White-100 ); --Component-Button-Brand-Secondary-Border-Default: var( --Signature-Marski-Elephant-100 ); --Component-Button-Brand-Secondary-Border-Disabled: var( --Neutral-Opacity-Black-10 ); --Component-Button-Brand-Secondary-Border-Hover: var( --Signature-Marski-Elephant-80 ); --Component-Button-Brand-Secondary-Border-Inverted: var( --Neutral-Opacity-White-100 ); --Component-Button-Brand-Secondary-Fill-Default: var( --Neutral-Opacity-White-0 ); --Component-Button-Brand-Secondary-Fill-Disabled: var( --Neutral-Opacity-Black-10 ); --Component-Button-Brand-Secondary-Fill-Hover-Inverted: var( --Signature-Marski-Elephant-100 ); --Component-Button-Brand-Secondary-Fill-Hover: var(--Neutral-Opacity-White-0); --Component-Button-Brand-Secondary-Fill-Inverted: var( --Neutral-Opacity-White-100 ); --Component-Button-Brand-Secondary-On-fill-Default: var( --Signature-Marski-Elephant-100 ); --Component-Button-Brand-Secondary-On-fill-Disabled: var(--Neutral-40); --Component-Button-Brand-Secondary-On-fill-Hover: var( --Signature-Marski-Elephant-80 ); --Component-Button-Brand-Secondary-On-fill-Inverted: var( --Neutral-Opacity-White-100 ); --Component-Button-Brand-Tertiary-Border-Default: var( --Neutral-Opacity-White-0 ); --Component-Button-Brand-Tertiary-Border-Disabled: var( --Neutral-Opacity-White-0 ); --Component-Button-Brand-Tertiary-Border-Hover: var( --Neutral-Opacity-White-0 ); --Component-Button-Brand-Tertiary-Fill-Default: var( --Signature-Marski-Blue-ribbon-70 ); --Component-Button-Brand-Tertiary-Fill-Disabled: var( --Neutral-Opacity-Black-10 ); --Component-Button-Brand-Tertiary-On-fill-Default: var( --Neutral-Opacity-White-100 ); --Component-Button-Brand-Tertiary-On-fill-Disabled: var(--Neutral-40); --Component-Button-Brand-Tertiary-On-fill-Hover: var( --Neutral-Opacity-White-100 ); --Component-Button-Inverted-Border-Default: var(--Neutral-Opacity-White-0); --Component-Button-Inverted-Border-Disable: var(--Neutral-Opacity-White-0); --Component-Button-Inverted-Border-Hover: var(--Neutral-Opacity-White-0); --Component-Button-Inverted-Fill-Default: var(--Neutral-Opacity-White-100); --Component-Button-Inverted-Fill-Disabled: var(--Neutral-Opacity-Black-10); --Component-Button-Inverted-Fill-Faded: var(--Neutral-Opacity-White-90); --Component-Button-Inverted-Fill-Hover-Inverted: var( --Signature-Marski-Elephant-100 ); --Component-Button-Inverted-On-fill-Default: var( --Signature-Marski-Elephant-100 ); --Component-Button-Inverted-On-fill-Disabled: var(--Neutral-40); --Component-Button-Inverted-On-fill-Hover-inverted: var( --Neutral-Opacity-White-100 ); --Component-Button-Muted-Border-Default: var(--Neutral-Opacity-White-10); --Component-Button-Muted-Border-Disable: var(--Neutral-Opacity-White-10); --Component-Button-Muted-Fill-Default: var(--Neutral-Opacity-White-0); --Component-Button-Muted-Fill-Disabled-inverted: var(--Neutral-20); --Component-Button-Muted-Fill-Disabled: var(--Neutral-Opacity-White-100); --Component-Button-Muted-Fill-Hover-inverted: var(--Neutral-Opacity-Black-5); --Component-Button-Muted-Fill-Hover: var(--Neutral-Opacity-White-100); --Component-Button-Muted-On-fill-Default: var(--Neutral-90); --Component-Button-Muted-On-fill-Disabled: var(--Neutral-40); --Component-Button-Muted-On-fill-Hover-Inverted: var( --Signature-Marski-Elephant-80 ); --Component-Button-Muted-On-fill-Inverted: var(--Neutral-Opacity-White-100); --Icon-Accent: var(--Signature-Marski-Blue-ribbon-80); --Icon-Default: var(--Neutral-60); --Icon-Feedback-Error: var(--Scandic-Red-70); --Icon-Feedback-Information: var(--Scandic-Blue-70); --Icon-Feedback-Neutral: var(--Neutral-60); --Icon-Feedback-Success: var(--Scandic-Green-60); --Icon-Feedback-Warning: var(--Scandic-Yellow-60); --Icon-Intense: var(--Neutral-90); --Icon-Interactive-Accent: var(--Signature-Marski-Blue-ribbon-70); --Icon-Interactive-Default: var(--Signature-Marski-Elephant-90); --Icon-Interactive-Disabled: var(--Neutral-30); --Icon-Interactive-Placeholder: var(--Neutral-50); --Icon-Interactive-Secondary: var(--Signature-Marski-Blue-ribbon-70); --Icon-Inverted: var(--Neutral-Opacity-White-100); --Label-Font-family: var(--Font-family-Marski-Body); --Label-Font-weight-2: var(--Font-weight-Medium); --Label-Font-weight: var(--Font-weight-Regular); --Label-Size: var(--Impl-Text-size-5xs); --Link-md-Font-family: var(--Font-family-Marski-Body); --Link-md-Font-weight: var(--Font-weight-Medium); --Link-md-Size: var(--Impl-Text-size-3xs); --Link-sm-Font-family: var(--Font-family-Marski-Body); --Link-sm-Font-weight: var(--Font-weight-Medium); --Link-sm-Size: var(--Impl-Text-size-4xs); --Overlay-10: var(--Neutral-Opacity-Black-10); --Overlay-20: var(--Neutral-Opacity-Black-20); --Overlay-30: var(--Neutral-Opacity-Black-20); --Overlay-40: var(--Neutral-Opacity-Black-40); --Overlay-60: var(--Neutral-Opacity-Black-60); --Overlay-80: var(--Neutral-Opacity-Black-80); --Overlay-90: var(--Neutral-Opacity-Black-90); --Surface-Accent-1: var(--Signature-Marski-Torch-red-60); --Surface-Accent-2: var(--Signature-Marski-Blue-ribbon-70); --Surface-Accent-3: var(--Scandic-Green-70); --Surface-Accent-4: var(--Signature-Marski-Elephant-100); --Surface-Accent-5: var(--Signature-Marski-Blue-ribbon-90); --Surface-Brand-Accent-Default: var(--Neutral-60); --Surface-Brand-Primary-1-Default: var(--Signature-Marski-Elephant-100); --Surface-Brand-Primary-2-Default: var(--Signature-Marski-Elephant-100); --Surface-Brand-Primary-3-Default: var(--Signature-Marski-Aubergine-100); --Surface-Feedback-Error-Accent: var(--Scandic-Red-70); --Surface-Feedback-Error: var(--Scandic-Red-00); --Surface-Feedback-Information-Accent: var(--Scandic-Blue-70); --Surface-Feedback-Information: var(--Scandic-Blue-00); --Surface-Feedback-Neutral-Accent: var(--Neutral-50); --Surface-Feedback-Neutral: var(--Neutral-15); --Surface-Feedback-Succes-Accent: var(--Scandic-Green-60); --Surface-Feedback-Succes: var(--Scandic-Green-00); --Surface-Feedback-Warning--Light: var(--Scandic-Yellow-00); --Surface-Feedback-Warning-Accent: var(--Scandic-Yellow-60); --Surface-Primary-Default: var(--Neutral-Opacity-White-100); --Surface-Primary-Disabled: var(--Neutral-15); --Surface-Primary-Hover-Accent: var(--Neutral-15); --Surface-Primary-OnSurface-Default: var(--Signature-Marski-Elephant-0); --Surface-Secondary-Default-dark: var(--Signature-Marski-Elephant-20); --Surface-Secondary-Default: var(--Signature-Marski-Elephant-10); --Surface-UI-Fill-Active-Hover: var(--Neutral-Opacity-White-100); --Surface-UI-Fill-Active: var(--Neutral-80); --Surface-UI-Fill-Default: var(--Neutral-Opacity-White-100); --Surface-UI-Fill-Disabled: var(--Neutral-15); --Surface-UI-Fill-Intense: var(--Neutral-80); --Tag-Font-family: var(--Font-family-Marski-Title); --Tag-Font-weight: var(--Font-weight-Medium); --Tag-Size: var(--Impl-Text-size-5xs); --Text-Accent-Primary: var(--Neutral-50); --Text-Accent-Secondary: var(--Neutral-50); --Text-Brand-OnAccent-Accent: var(--Neutral-Opacity-White-100); --Text-Brand-OnAccent-Default: var(--Neutral-Opacity-White-100); --Text-Brand-OnAccent-Heading: var(--Neutral-Opacity-White-100); --Text-Brand-OnPrimary-1-Accent: var(--Signature-Marski-Blue-ribbon-40); --Text-Brand-OnPrimary-1-Default: var(--Neutral-Opacity-White-100); --Text-Brand-OnPrimary-1-Heading: var(--Neutral-Opacity-White-100); --Text-Brand-OnPrimary-2-Accent: var(--Signature-Marski-Torch-red-40); --Text-Brand-OnPrimary-2-Default: var(--Neutral-Opacity-White-100); --Text-Brand-OnPrimary-2-Heading: var(--Neutral-Opacity-White-100); --Text-Brand-OnPrimary-3-Accent: var(--Signature-Marski-Torch-red-40); --Text-Brand-OnPrimary-3-Default: var(--Neutral-Opacity-White-100); --Text-Brand-OnPrimary-3-Heading: var(--Neutral-Opacity-White-100); --Text-Default: var(--Neutral-90); --Text-Feedback-Error-Accent: var(--Scandic-Red-70); --Text-Feedback-Information-Accent: var(--Scandic-Blue-70); --Text-Feedback-Neutral-Accent: var(--Neutral-50); --Text-Feedback-Succes-Accent: var(--Scandic-Green-60); --Text-Feedback-Warning-Accent: var(--Scandic-Yellow-60); --Text-Heading: var(--Neutral-90); --Text-Interactive-Default: var(--Signature-Marski-Elephant-100); --Text-Interactive-Disabled: var(--Neutral-40); --Text-Interactive-Error: var(--Scandic-Red-70); --Text-Interactive-Focus: var(--Neutral-80); --Text-Interactive-Hover: var(--Signature-Marski-Blue-ribbon-70); --Text-Interactive-Placeholder: var(--Neutral-50); --Text-Interactive-Secondary-Hover: var(--Signature-Marski-Blue-ribbon-90); --Text-Interactive-Secondary: var(--Signature-Marski-Blue-ribbon-70); --Text-Inverted: var(--Neutral-Opacity-White-100); --Text-Secondary: var(--Neutral-60); --Text-Tertiary: var(--Neutral-50); --Title-Decorative-lg-Font-family: var(--Font-family-Marski-Decorative); --Title-Decorative-lg-Font-weight: var(--Font-weight-Bold); --Title-Decorative-lg-Size: var(--Impl-Text-size-xs); --Title-Decorative-md-Font-family: var(--Font-family-Marski-Decorative); --Title-Decorative-md-Font-weight: var(--Font-weight-Bold); --Title-Decorative-md-Size: var(--Impl-Text-size-3xs); --Title-Overline-sm-Font-family: var(--Font-family-Marski-Title); --Title-Overline-sm-Font-weight: var(--Font-weight-Bold); --Title-Overline-sm-Size: var(--Impl-Text-size-4xs); --Title-Subtitle-lg-Font-family: var(--Font-family-Marski-Body); --Title-Subtitle-lg-Font-weight: var(--Font-weight-Medium); --Title-Subtitle-lg-Size: var(--Impl-Text-size-sm); --Title-Subtitle-md-Font-family: var(--Font-family-Marski-Body); --Title-Subtitle-md-Font-weight: var(--Font-weight-Medium); --Title-Subtitle-md-Size: var(--Impl-Text-size-xs); --Title-lg-Font-family: var(--Font-family-Marski-Title); --Title-lg-Font-weight: var(--Font-weight-Medium); --Title-lg-Size: var(--Impl-Text-size-4xl); --Title-md-Font-family: var(--Font-family-Marski-Title); --Title-md-Font-weight: var(--Font-weight-Medium); --Title-md-LowCase-Font-family: var(--Font-family-Marski-Title); --Title-md-LowCase-Font-weight: var(--Font-weight-Medium); --Title-md-LowCase-Size: var(--Impl-Text-size-2xl); --Title-md-Size: var(--Impl-Text-size-2xl); --Title-sm-Font-family: var(--Font-family-Marski-Title); --Title-sm-Font-weight: var(--Font-weight-Medium); --Title-sm-LowCase-Font-family: var(--Font-family-Marski-Title); --Title-sm-LowCase-Font-weight: var(--Font-weight-Medium); --Title-sm-LowCase-Size: var(--Impl-Text-size-lg); --Title-sm-Size: var(--Impl-Text-size-lg); --Title-xs-Font-family: var(--Font-family-Marski-Title); --Title-xs-Font-weight: var(--Font-weight-Medium); --Title-xs-Size: var(--Impl-Text-size-sm); }