@kystverket/styrbord-consent 0.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (28) hide show
  1. package/README.md +145 -0
  2. package/dist/src/components/ConsentBanner/ConsentBanner.d.ts +10 -0
  3. package/dist/src/components/ConsentBanner/ConsentBanner.stories.d.ts +16 -0
  4. package/dist/src/components/ConsentPreferencesDialog/ConsentPreferencesDialog.d.ts +13 -0
  5. package/dist/src/components/ConsentPreferencesDialog/ConsentPreferencesDialog.stories.d.ts +13 -0
  6. package/dist/src/components/ConsentProvider/ConsentProvider.d.ts +9 -0
  7. package/dist/src/components/ConsentProvider/ConsentProvider.types.d.ts +13 -0
  8. package/dist/src/components/ConsentSettingsButton/ConsentSettingsButton.d.ts +13 -0
  9. package/dist/src/components/ConsentSettingsButton/ConsentSettingsButton.stories.d.ts +11 -0
  10. package/dist/src/components/CookieConsent/CookieConsent.d.ts +18 -0
  11. package/dist/src/components/CookieConsent/CookieConsent.stories.d.ts +25 -0
  12. package/dist/src/components/shared/Button/Button.d.ts +22 -0
  13. package/dist/src/components/shared/Switch/Switch.d.ts +15 -0
  14. package/dist/src/hooks/useConsent.d.ts +26 -0
  15. package/dist/src/hooks/useStoreValue.d.ts +10 -0
  16. package/dist/src/main.d.ts +19 -0
  17. package/dist/src/utility/consent.types.d.ts +78 -0
  18. package/dist/src/utility/consentContext.d.ts +23 -0
  19. package/dist/src/utility/consentStore.d.ts +40 -0
  20. package/dist/src/utility/dialogRegistry.d.ts +26 -0
  21. package/dist/src/utility/services.d.ts +112 -0
  22. package/dist/src/utility/translations.d.ts +72 -0
  23. package/dist/storybook/ConsentDemo.d.ts +51 -0
  24. package/dist/storybook/styrbordDecorator.d.ts +14 -0
  25. package/dist/style.css +1 -0
  26. package/dist/style.js +447 -0
  27. package/dist/style.umd.cjs +12 -0
  28. package/package.json +54 -0
@@ -0,0 +1,112 @@
1
+ import type { ConsentService } from './consent.types';
2
+ /**
3
+ * Ferdige oppsett for de vanligste sporingstjenestene, med kategorien hver av dem hører til.
4
+ *
5
+ * Disse hører hjemme i biblioteket, ikke i den enkelte applikasjonen: når flere apper deler
6
+ * én informasjonskapsel må de også være enige om hvilken kategori en gitt tjeneste faller inn
7
+ * under. Ellers betyr det samme samtykket ulike ting fra app til app.
8
+ *
9
+ * Trenger du en tjeneste som ikke står her, bygg et `ConsentService`-objekt selv — det er bare
10
+ * c15t sin `Script` med `cookies` og `displayName` i tillegg.
11
+ */
12
+ export interface PlausibleOptions {
13
+ /** Verdien i `data-domain`, altså nettstedet slik det er registrert i Plausible. */
14
+ domain: string;
15
+ /**
16
+ * Om Plausible skal kreve samtykke.
17
+ *
18
+ * Plausible settes ikke i informasjonskapsler og lagrer ingen identifikator på enheten,
19
+ * og faller derfor trolig utenfor samtykkekravet i ekomloven. Standard er derfor at det
20
+ * lastes uansett. Settes denne til `true` havner Plausible bak `measurement` sammen med
21
+ * resten av statistikken.
22
+ *
23
+ * @default false
24
+ */
25
+ requireConsent?: boolean;
26
+ /** Vertsnavn for self-hosted Plausible. */
27
+ scriptSrc?: string;
28
+ }
29
+ export declare function plausibleService({ domain, requireConsent, scriptSrc, }: PlausibleOptions): ConsentService;
30
+ export interface HotjarOptions {
31
+ /** Site id fra Hotjar. */
32
+ siteId: string | number;
33
+ }
34
+ /**
35
+ * Hotjar lager varmekart og opptak av ekte økter, setter `_hj*`-kapsler og krever samtykke.
36
+ *
37
+ * Skriptet lar seg ikke stoppe når det først kjører, så tilbaketrekking av samtykke er
38
+ * avhengig av at c15t laster siden på nytt (`reloadOnConsentRevoked`).
39
+ */
40
+ export declare function hotjarService({ siteId }: HotjarOptions): ConsentService;
41
+ export interface PostHogOptions {
42
+ /** Prosjektets API-nøkkel (`phc_...`). Den er offentlig og ligger i klientkoden uansett. */
43
+ apiKey: string;
44
+ /** API-vert. Standard er EU-instansen, slik at data blir i Europa. */
45
+ apiHost?: string;
46
+ /**
47
+ * Verten skriptet lastes fra. PostHog serverer det fra en egen assets-vert, og utleder den
48
+ * fra `apiHost` (`eu.i.posthog.com` → `eu-assets.i.posthog.com`). Sett den selv når PostHog
49
+ * går gjennom en egen proxy, der utledningen ikke gir mening.
50
+ */
51
+ assetHost?: string;
52
+ /**
53
+ * Om sesjonsopptak og varmekart skal brukes.
54
+ *
55
+ * Dette er en annen ting å samtykke til enn statistikk, og styres derfor av kategorien
56
+ * `experience` — se kommentaren på funksjonen under.
57
+ *
58
+ * @default false
59
+ */
60
+ sessionReplay?: boolean;
61
+ /**
62
+ * Om PostHog selv skal telle sidevisninger. Sett den til `false` i applikasjoner som teller
63
+ * dem manuelt ved ruteendring, ellers blir hver visning talt to ganger.
64
+ *
65
+ * @default true
66
+ */
67
+ capturePageview?: boolean;
68
+ /**
69
+ * Når PostHog skal lage personprofiler. `identified_only` lager dem bare for innloggede
70
+ * brukere, og er både PostHogs og vår standard.
71
+ *
72
+ * @default 'identified_only'
73
+ */
74
+ personProfiles?: 'always' | 'identified_only' | 'never';
75
+ /**
76
+ * Hvilket sett med standardoppførsel PostHog skal bruke. PostHog endrer standardverdier over
77
+ * tid og lar deg feste dem til en dato, slik at oppførselen ikke flytter seg under beina på
78
+ * deg når skriptet oppdateres.
79
+ *
80
+ * @default '2026-05-30'
81
+ */
82
+ defaults?: string;
83
+ }
84
+ /**
85
+ * PostHog: produktanalyse, og eventuelt sesjonsopptak og varmekart.
86
+ *
87
+ * Skriptet ligger bak `measurement`, fordi det alltid teller sidevisninger og klikk. Med
88
+ * `sessionReplay` gjør det i tillegg det samme som Hotjar — og det hører hjemme under
89
+ * `experience`, som er kategorien der vi lover brukeren nettopp «anonymiserte opptak og
90
+ * varmekart».
91
+ *
92
+ * Én tjeneste kan bare stå i én kategori i dialogen: c15t tillater sammensatte uttrykk
93
+ * (`{ and: [...] }`), men dialogen filtrerer dem bort, så PostHog ville blitt usynlig for
94
+ * brukeren — akkurat den stille underrapporteringen kapselmetadataen er til for å unngå.
95
+ * Opptaket styres derfor i stedet i kjøretid: skriptet starter med opptak avslått, og slår det
96
+ * på og av etter hvert som `experience` gis og trekkes tilbake.
97
+ *
98
+ * Merk at varmekart ikke lar seg skru på i kjøretid slik opptak gjør — de settes når skriptet
99
+ * initialiseres. Gir brukeren `experience` etter at siden er lastet, starter opptaket med én
100
+ * gang, mens varmekartene først er med ved neste sidelast.
101
+ *
102
+ * CSP må åpne for både `apiHost` og assets-verten før dette virker.
103
+ */
104
+ export declare function postHogService({ apiKey, apiHost, assetHost, sessionReplay, capturePageview, personProfiles, defaults, }: PostHogOptions): ConsentService;
105
+ /**
106
+ * Selve samtykke-informasjonskapselen, som metadata til dialogen.
107
+ *
108
+ * Den settes av samtykkeløsningen selv, så modulen er den eneste som kjenner navnet og
109
+ * levetiden — derfor hører oppføringen hjemme her, ikke i den enkelte applikasjonen.
110
+ * `callbackOnly` gjør at c15t ikke prøver å laste noe skript for den.
111
+ */
112
+ export declare function consentCookieService(storageKey?: string, expiryDays?: number): ConsentService;
@@ -0,0 +1,72 @@
1
+ import type { ConsentCategory } from './consent.types';
2
+ /**
3
+ * Tekstene i samtykkeløsningen.
4
+ *
5
+ * Disse følger biblioteket i stedet for å hentes fra applikasjonens i18n-oppsett. Apper som
6
+ * bruker pakken har ulike oppsett (i18next, `@kystverket/sprak-react`, ingenting i det hele
7
+ * tatt), og en komponent som griper etter et bestemt av dem kan bare brukes der. Standard-
8
+ * tekstene ligger derfor her, og kan overstyres via `translations`-propen på `ConsentProvider`.
9
+ */
10
+ export interface ConsentTranslations {
11
+ banner: {
12
+ heading: string;
13
+ body: string;
14
+ acceptAll: string;
15
+ rejectAll: string;
16
+ managePreferences: string;
17
+ };
18
+ dialog: {
19
+ heading: string;
20
+ body: string;
21
+ savePreferences: string;
22
+ acceptAll: string;
23
+ rejectAll: string;
24
+ close: string;
25
+ servicesLabel: string;
26
+ showCookies: string;
27
+ noCookies: string;
28
+ alwaysOnHeading: string;
29
+ alwaysOnBody: string;
30
+ cookieName: string;
31
+ cookieProvider: string;
32
+ cookieDuration: string;
33
+ };
34
+ /**
35
+ * Levetid. `{{count}}` erstattes med tallet. Skilt i entall og flertall fordi «1 måneder»
36
+ * ser slurvete ut i en tekst brukeren skal ta en avgjørelse ut fra.
37
+ */
38
+ durations: {
39
+ session: string;
40
+ day: string;
41
+ days: string;
42
+ month: string;
43
+ months: string;
44
+ year: string;
45
+ years: string;
46
+ };
47
+ categories: Record<ConsentCategory, {
48
+ title: string;
49
+ description: string;
50
+ }>;
51
+ manageLink: string;
52
+ }
53
+ export declare const consentTranslations: {
54
+ readonly 'nb-NO': ConsentTranslations;
55
+ readonly 'nn-NO': ConsentTranslations;
56
+ readonly 'en-US': ConsentTranslations;
57
+ };
58
+ export type ConsentLanguage = keyof typeof consentTranslations;
59
+ export declare const defaultConsentLanguage: ConsentLanguage;
60
+ /**
61
+ * Finner tekstene for et språk. Ukjente språk faller tilbake til bokmål, og en bar språkkode
62
+ * (`nb`, `en`) treffer den første varianten som matcher, slik at kall fra apper uten
63
+ * regionskode også fungerer.
64
+ */
65
+ export declare function getConsentTranslations(language?: string): ConsentTranslations;
66
+ /**
67
+ * Gjør en levetid om til lesbar tekst: 182 dager blir «6 måneder», ikke «182 dager».
68
+ *
69
+ * Runde måneder og år brukes der det går opp noenlunde, fordi det er slik folk tenker om hvor
70
+ * lenge noe varer. Ellers oppgis dager.
71
+ */
72
+ export declare function formatCookieDuration(duration: number | 'session', translations: ConsentTranslations): string;
@@ -0,0 +1,51 @@
1
+ import { type ReactNode } from 'react';
2
+ import { type ConsentLanguage, type ConsentService } from '~/main';
3
+ /**
4
+ * Tjenestene demoen viser fram: én kapselfri tjeneste som går uten samtykke (Plausible), og to
5
+ * som er gatet bak hver sin kategori. Det gir en dialog med både «alltid på»-seksjon og
6
+ * brytere, som er det oppsettet applikasjonene våre faktisk ender opp med.
7
+ */
8
+ export declare const demoServices: ConsentService[];
9
+ /** Bare den nødvendige kapselen: ingen tjeneste å ta stilling til, og dermed ikke noe banner. */
10
+ export declare const onlyNecessaryServices: ConsentService[];
11
+ /** Hvor demoen skal starte. */
12
+ export type ConsentDemoStart =
13
+ /** Banneret er oppe — brukeren har ikke svart ennå. */
14
+ 'banner'
15
+ /** Innstillingsdialogen er åpen. */
16
+ | 'dialog'
17
+ /** Brukeren har allerede svart, så bare innstillingsknappen står igjen. */
18
+ | 'answered';
19
+ export interface ConsentDemoProps {
20
+ /** Språket tekstene vises på. */
21
+ language?: ConsentLanguage;
22
+ /** Tjenestene demoen konfigureres med. */
23
+ services?: ConsentService[];
24
+ /** Hvor i forløpet demoen skal starte. */
25
+ start?: ConsentDemoStart;
26
+ /** Samtykkeflatene som skal vises — `<CookieConsent />` eller enkeltkomponentene. */
27
+ children: ReactNode;
28
+ }
29
+ /**
30
+ * Siden samtykkeflatene vises på: litt innhold å legge seg over, og en knapp for å nullstille.
31
+ *
32
+ * Nullstillingen er poenget med hele rammen. Samtykket lagres i en informasjonskapsel og i
33
+ * localStorage, så uten den ville banneret vært borte for godt etter første klikk — og en
34
+ * historie som bare kan spilles én gang per nettleser er ikke til stor hjelp.
35
+ */
36
+ export declare function ConsentDemo({ language, services, start, children, }: Readonly<ConsentDemoProps>): import("react").JSX.Element;
37
+ /** Argumentene historiene deler. */
38
+ export interface ConsentStoryArgs {
39
+ language: ConsentLanguage;
40
+ }
41
+ /** Språkvelgeren i Controls, slik at de tre tekstsettene kan sammenlignes uten å bytte historie. */
42
+ export declare const languageArgTypes: {
43
+ language: {
44
+ name: string;
45
+ control: "inline-radio";
46
+ options: ("nb-NO" | "nn-NO" | "en-US")[];
47
+ description: string;
48
+ };
49
+ };
50
+ /** Standardverdier for `ConsentStoryArgs`. */
51
+ export declare const languageArgs: ConsentStoryArgs;
@@ -0,0 +1,14 @@
1
+ import { PartialStoryFn, StoryContext } from 'storybook/internal/types';
2
+ /**
3
+ * Rammen alle historiene kjører i.
4
+ *
5
+ * Bakgrunn og minstehøyde settes her fordi historiene kjører i `fullscreen`-oppsett: banneret og
6
+ * innstillingsknappen er `position: fixed` og legger seg mot bunnen av rammen, og uten en flate
7
+ * bak seg ville de ligget mot en hvit iframe også i mørk fargemodus.
8
+ *
9
+ * Merk at samtykkepakken verken krever `SprakProvider` eller `@kystverket/styrbord`: tekstene
10
+ * følger biblioteket og velges med `language`-propen på `ConsentProvider`, og stilene bygger
11
+ * bare på designtokenene.
12
+ */
13
+ declare const StyrbordDecorator: (Story: PartialStoryFn, context: StoryContext) => import("react").JSX.Element;
14
+ export default StyrbordDecorator;
package/dist/style.css ADDED
@@ -0,0 +1 @@
1
+ @charset "UTF-8";@layer ds.theme.size-mode{:root{--ds-size-mode-font-size--sm: .875}}@layer ds.theme.size-mode{:root{--ds-size-mode-font-size--md: 1}}@layer ds.theme.size-mode{:root{--ds-size-mode-font-size--lg: 1.125}}@layer ds.theme.size-mode{:root,[data-size]{--ds-size: var(--ds-size--md);--ds-size--sm: var(--ds-size,);--ds-size--md: var(--ds-size,);--ds-size--lg: var(--ds-size,);--ds-size-mode-font-size: var(--ds-size--sm, var(--ds-size-mode-font-size--sm)) var(--ds-size--md, var(--ds-size-mode-font-size--md)) var(--ds-size--lg, var(--ds-size-mode-font-size--lg))}[data-size=sm]{--ds-size: var(--ds-size--sm)}[data-size=md]{--ds-size: var(--ds-size--md)}[data-size=lg]{--ds-size: var(--ds-size--lg)}}@layer ds.theme.type-scale{:root,[data-size]{--_ds-font-size-factor: calc(var(--ds-size-mode-font-size) / (var(--ds-size-base) / 16));--ds-font-size-1: calc(.6875rem * var(--_ds-font-size-factor));--ds-font-size-2: calc(.8125rem * var(--_ds-font-size-factor));--ds-font-size-3: calc(.875rem * var(--_ds-font-size-factor));--ds-font-size-4: calc(1rem * var(--_ds-font-size-factor));--ds-font-size-5: calc(1.125rem * var(--_ds-font-size-factor));--ds-font-size-6: calc(1.3125rem * var(--_ds-font-size-factor));--ds-font-size-7: calc(1.5rem * var(--_ds-font-size-factor));--ds-font-size-8: calc(1.875rem * var(--_ds-font-size-factor));--ds-font-size-9: calc(2.25rem * var(--_ds-font-size-factor));--ds-font-size-10: calc(3rem * var(--_ds-font-size-factor));--ds-heading-2xl-font-size: var(--ds-font-size-10);--ds-heading-xl-font-size: var(--ds-font-size-9);--ds-heading-lg-font-size: var(--ds-font-size-8);--ds-heading-md-font-size: var(--ds-font-size-7);--ds-heading-sm-font-size: var(--ds-font-size-6);--ds-heading-xs-font-size: var(--ds-font-size-5);--ds-heading-2xs-font-size: var(--ds-font-size-4);--ds-body-xl-font-size: var(--ds-font-size-6);--ds-body-lg-font-size: var(--ds-font-size-5);--ds-body-md-font-size: var(--ds-font-size-4);--ds-body-sm-font-size: var(--ds-font-size-3);--ds-body-xs-font-size: var(--ds-font-size-2);--ds-body-short-xl-font-size: var(--ds-font-size-6);--ds-body-short-lg-font-size: var(--ds-font-size-5);--ds-body-short-md-font-size: var(--ds-font-size-4);--ds-body-short-sm-font-size: var(--ds-font-size-3);--ds-body-short-xs-font-size: var(--ds-font-size-2);--ds-body-long-xl-font-size: var(--ds-font-size-6);--ds-body-long-lg-font-size: var(--ds-font-size-5);--ds-body-long-md-font-size: var(--ds-font-size-4);--ds-body-long-sm-font-size: var(--ds-font-size-3);--ds-body-long-xs-font-size: var(--ds-font-size-2)}@supports (width: round(down,.1em,1px)){:root,[data-size]{--ds-font-size-1: round(calc(.6875rem * var(--_ds-font-size-factor)), 1px);--ds-font-size-2: round(calc(.8125rem * var(--_ds-font-size-factor)), 1px);--ds-font-size-3: round(calc(.875rem * var(--_ds-font-size-factor)), 1px);--ds-font-size-4: round(calc(1rem * var(--_ds-font-size-factor)), 1px);--ds-font-size-5: round(calc(1.125rem * var(--_ds-font-size-factor)), 1px);--ds-font-size-6: round(calc(1.3125rem * var(--_ds-font-size-factor)), 1px);--ds-font-size-7: round(calc(1.5rem * var(--_ds-font-size-factor)), 1px);--ds-font-size-8: round(calc(1.875rem * var(--_ds-font-size-factor)), 1px);--ds-font-size-9: round(calc(2.25rem * var(--_ds-font-size-factor)), 1px);--ds-font-size-10: round(calc(3rem * var(--_ds-font-size-factor)), 1px)}}}@layer ds.theme.color-scheme.light{:root,[data-color-scheme=light]{--ds-color-primary-background-default: #f9f6f3;--ds-color-primary-background-tinted: #e6f9ff;--ds-color-primary-surface-default: #ffffff;--ds-color-primary-surface-tinted: #d4f2fd;--ds-color-primary-surface-hover: #c8eafa;--ds-color-primary-surface-active: #bbe2f7;--ds-color-primary-border-subtle: #a2d2f1;--ds-color-primary-border-default: #2e4495;--ds-color-primary-border-strong: #000667;--ds-color-primary-text-subtle: #23358a;--ds-color-primary-text-default: #000667;--ds-color-primary-base-default: #000667;--ds-color-primary-base-hover: #23358a;--ds-color-primary-base-active: #2e4495;--ds-color-primary-base-contrast-subtle: #cce9f7;--ds-color-primary-base-contrast-default: #ffffff;--ds-color-accent-background-default: #ffffff;--ds-color-accent-background-tinted: #fff0ed;--ds-color-accent-surface-default: #ffffff;--ds-color-accent-surface-tinted: #ffe2dc;--ds-color-accent-surface-hover: #ffcfc5;--ds-color-accent-surface-active: #ffb9ab;--ds-color-accent-border-subtle: #ffa492;--ds-color-accent-border-default: #df3c1b;--ds-color-accent-border-strong: #ad2f15;--ds-color-accent-text-subtle: #ad2f15;--ds-color-accent-text-default: #53160a;--ds-color-accent-base-default: #FF451F;--ds-color-accent-base-hover: #ff7559;--ds-color-accent-base-active: #ff9a86;--ds-color-accent-base-contrast-subtle: #ffe2dc;--ds-color-accent-base-contrast-default: #ffffff;--ds-color-neutral-background-default: #ffffff;--ds-color-neutral-background-tinted: #f3f3f4;--ds-color-neutral-surface-default: #ffffff;--ds-color-neutral-surface-tinted: #e8e8ea;--ds-color-neutral-surface-hover: #e1e2e5;--ds-color-neutral-surface-active: #d7d8dd;--ds-color-neutral-border-subtle: #c6c7cc;--ds-color-neutral-border-default: #777884;--ds-color-neutral-border-strong: #5b5c6b;--ds-color-neutral-text-subtle: #5b5c6b;--ds-color-neutral-text-default: #2a2b35;--ds-color-neutral-base-default: #454657;--ds-color-neutral-base-hover: #333441;--ds-color-neutral-base-active: #23232c;--ds-color-neutral-base-contrast-subtle: #e3e3e5;--ds-color-neutral-base-contrast-default: #ffffff;--ds-color-extra1-background-default: #ffffff;--ds-color-extra1-background-tinted: #ecf6ef;--ds-color-extra1-surface-default: #ffffff;--ds-color-extra1-surface-tinted: #d9ede0;--ds-color-extra1-surface-hover: #c0e2cc;--ds-color-extra1-surface-active: #a5d5b6;--ds-color-extra1-border-subtle: #8bc9a1;--ds-color-extra1-border-default: #318950;--ds-color-extra1-border-strong: #266a3e;--ds-color-extra1-text-subtle: #266a3e;--ds-color-extra1-text-default: #12311d;--ds-color-extra1-base-default: #3ba460;--ds-color-extra1-base-hover: #64b781;--ds-color-extra1-base-active: #8ccaa2;--ds-color-extra1-base-contrast-subtle: #d9ede0;--ds-color-extra1-base-contrast-default: #ffffff;--ds-color-extra2-background-default: #ffffff;--ds-color-extra2-background-tinted: #e9f6fa;--ds-color-extra2-surface-default: #ffffff;--ds-color-extra2-surface-tinted: #d4edf6;--ds-color-extra2-surface-hover: #b7e1f0;--ds-color-extra2-surface-active: #96d3e9;--ds-color-extra2-border-subtle: #78c6e3;--ds-color-extra2-border-default: #0482af;--ds-color-extra2-border-strong: #036488;--ds-color-extra2-text-subtle: #036488;--ds-color-extra2-text-default: #022f40;--ds-color-extra2-base-default: #0596cb;--ds-color-extra2-base-hover: #0482af;--ds-color-extra2-base-active: #036488;--ds-color-extra2-base-contrast-subtle: #d4edf6;--ds-color-extra2-base-contrast-default: #ffffff;--ds-color-lyng-background-default: #ffffff;--ds-color-lyng-background-tinted: #faf1f6;--ds-color-lyng-surface-default: #ffffff;--ds-color-lyng-surface-tinted: #f5e4ee;--ds-color-lyng-surface-hover: #eed2e3;--ds-color-lyng-surface-active: #e6bfd7;--ds-color-lyng-border-subtle: #dfadcc;--ds-color-lyng-border-default: #bc5394;--ds-color-lyng-border-strong: #9a3875;--ds-color-lyng-text-subtle: #9a3875;--ds-color-lyng-text-default: #491a37;--ds-color-lyng-base-default: #B6428A;--ds-color-lyng-base-hover: #973772;--ds-color-lyng-base-active: #782b5b;--ds-color-lyng-base-contrast-subtle: #faf3f8;--ds-color-lyng-base-contrast-default: #ffffff;--ds-color-hav-background-default: #ffffff;--ds-color-hav-background-tinted: #e9f6fa;--ds-color-hav-surface-default: #ffffff;--ds-color-hav-surface-tinted: #d4edf6;--ds-color-hav-surface-hover: #b7e1f0;--ds-color-hav-surface-active: #96d3e9;--ds-color-hav-border-subtle: #78c6e3;--ds-color-hav-border-default: #0482af;--ds-color-hav-border-strong: #036488;--ds-color-hav-text-subtle: #036488;--ds-color-hav-text-default: #022f40;--ds-color-hav-base-default: #0596CB;--ds-color-hav-base-hover: #3badd6;--ds-color-hav-base-active: #6cc1e0;--ds-color-hav-base-contrast-subtle: #011b24;--ds-color-hav-base-contrast-default: #000000;--ds-color-stein-background-default: #ffffff;--ds-color-stein-background-tinted: #f3f3f3;--ds-color-stein-surface-default: #ffffff;--ds-color-stein-surface-tinted: #e8e8e8;--ds-color-stein-surface-hover: #dadada;--ds-color-stein-surface-active: #cacaca;--ds-color-stein-border-subtle: #bcbcbc;--ds-color-stein-border-default: #797979;--ds-color-stein-border-strong: #5d5d5d;--ds-color-stein-text-subtle: #5d5d5d;--ds-color-stein-text-default: #2b2b2b;--ds-color-stein-base-default: #5D5D5D;--ds-color-stein-base-hover: #4a4a4a;--ds-color-stein-base-active: #383838;--ds-color-stein-base-contrast-subtle: #fefefe;--ds-color-stein-base-contrast-default: #ffffff;--ds-color-gress-background-default: #ffffff;--ds-color-gress-background-tinted: #e6f9e2;--ds-color-gress-surface-default: #ffffff;--ds-color-gress-surface-tinted: #cef3c5;--ds-color-gress-surface-hover: #acea9d;--ds-color-gress-surface-active: #9fd991;--ds-color-gress-border-subtle: #94c987;--ds-color-gress-border-default: #5f8257;--ds-color-gress-border-strong: #4a6443;--ds-color-gress-text-subtle: #4a6443;--ds-color-gress-text-default: #222f1f;--ds-color-gress-base-default: #ACEA9D;--ds-color-gress-base-hover: #9bd28d;--ds-color-gress-base-active: #89bb7d;--ds-color-gress-base-contrast-subtle: #33452e;--ds-color-gress-base-contrast-default: #000000;--ds-color-sol-background-default: #ffffff;--ds-color-sol-background-tinted: #fdf5c7;--ds-color-sol-surface-default: #ffffff;--ds-color-sol-surface-tinted: #fbea8e;--ds-color-sol-surface-hover: #f7d938;--ds-color-sol-surface-active: #eac815;--ds-color-sol-border-subtle: #d9ba13;--ds-color-sol-border-default: #8c780d;--ds-color-sol-border-strong: #6c5d0a;--ds-color-sol-text-subtle: #6c5d0a;--ds-color-sol-text-default: #322b05;--ds-color-sol-base-default: #F6D316;--ds-color-sol-base-hover: #dcbd14;--ds-color-sol-base-active: #c4a811;--ds-color-sol-base-contrast-subtle: #463c06;--ds-color-sol-base-contrast-default: #000000;--ds-color-himmel-background-default: #ffffff;--ds-color-himmel-background-tinted: #e4f7fe;--ds-color-himmel-surface-default: #ffffff;--ds-color-himmel-surface-tinted: #c9effc;--ds-color-himmel-surface-hover: #a7e3f9;--ds-color-himmel-surface-active: #9bd2e7;--ds-color-himmel-border-subtle: #90c3d6;--ds-color-himmel-border-default: #5d7e8a;--ds-color-himmel-border-strong: #48616b;--ds-color-himmel-text-subtle: #48616b;--ds-color-himmel-text-default: #212d32;--ds-color-himmel-base-default: #A9E5FB;--ds-color-himmel-base-hover: #97cde1;--ds-color-himmel-base-active: #87b7c9;--ds-color-himmel-base-contrast-subtle: #32444a;--ds-color-himmel-base-contrast-default: #000000;--ds-color-sand-background-default: #ffffff;--ds-color-sand-background-tinted: #f9f3eb;--ds-color-sand-surface-default: #ffffff;--ds-color-sand-surface-tinted: #efe7de;--ds-color-sand-surface-hover: #e0d9d0;--ds-color-sand-surface-active: #d0c9c1;--ds-color-sand-border-subtle: #c1bbb3;--ds-color-sand-border-default: #7c7873;--ds-color-sand-border-strong: #605d59;--ds-color-sand-text-subtle: #605d59;--ds-color-sand-text-default: #2d2b29;--ds-color-sand-base-default: #F7EFE5;--ds-color-sand-base-hover: #dfd8cf;--ds-color-sand-base-active: #c9c2ba;--ds-color-sand-base-contrast-subtle: #54524e;--ds-color-sand-base-contrast-default: #000000;--ds-color-fyr-background-default: #ffffff;--ds-color-fyr-background-tinted: #fff0ed;--ds-color-fyr-surface-default: #ffffff;--ds-color-fyr-surface-tinted: #ffe2dc;--ds-color-fyr-surface-hover: #ffcfc5;--ds-color-fyr-surface-active: #ffb9ab;--ds-color-fyr-border-subtle: #ffa492;--ds-color-fyr-border-default: #df3c1b;--ds-color-fyr-border-strong: #ad2f15;--ds-color-fyr-text-subtle: #ad2f15;--ds-color-fyr-text-default: #53160a;--ds-color-fyr-base-default: #FF451F;--ds-color-fyr-base-hover: #ff7559;--ds-color-fyr-base-active: #ff9a86;--ds-color-fyr-base-contrast-subtle: #2e0c06;--ds-color-fyr-base-contrast-default: #000000;--ds-color-dyphav-background-default: #ffffff;--ds-color-dyphav-background-tinted: #f2f3f6;--ds-color-dyphav-surface-default: #ffffff;--ds-color-dyphav-surface-tinted: #e6e8ee;--ds-color-dyphav-surface-hover: #d6dae4;--ds-color-dyphav-surface-active: #c4cad8;--ds-color-dyphav-border-subtle: #b4bccd;--ds-color-dyphav-border-default: #6a799c;--ds-color-dyphav-border-strong: #4b5d87;--ds-color-dyphav-text-subtle: #4b5d87;--ds-color-dyphav-text-default: #102860;--ds-color-dyphav-base-default: #001955;--ds-color-dyphav-base-hover: #152c63;--ds-color-dyphav-base-active: #2a3f71;--ds-color-dyphav-base-contrast-subtle: #a6afc4;--ds-color-dyphav-base-contrast-default: #ffffff;--ds-color-skog-background-default: #ffffff;--ds-color-skog-background-tinted: #ecf6ef;--ds-color-skog-surface-default: #ffffff;--ds-color-skog-surface-tinted: #d9ede0;--ds-color-skog-surface-hover: #c0e2cc;--ds-color-skog-surface-active: #a5d5b6;--ds-color-skog-border-subtle: #8bc9a1;--ds-color-skog-border-default: #318950;--ds-color-skog-border-strong: #266a3e;--ds-color-skog-text-subtle: #266a3e;--ds-color-skog-text-default: #12311d;--ds-color-skog-base-default: #3BA460;--ds-color-skog-base-hover: #64b781;--ds-color-skog-base-active: #8ccaa2;--ds-color-skog-base-contrast-subtle: #000101;--ds-color-skog-base-contrast-default: #000000;--ds-color-success-background-default: #ffffff;--ds-color-success-background-tinted: #ecf6ee;--ds-color-success-surface-default: #ffffff;--ds-color-success-surface-tinted: #daeddd;--ds-color-success-surface-hover: #c3e2c7;--ds-color-success-surface-active: #a8d5ae;--ds-color-success-border-subtle: #8fc997;--ds-color-success-border-default: #108c22;--ds-color-success-border-strong: #056d13;--ds-color-success-text-subtle: #056d13;--ds-color-success-text-default: #023409;--ds-color-success-base-default: #068718;--ds-color-success-base-hover: #057014;--ds-color-success-base-active: #045a10;--ds-color-success-base-contrast-subtle: #fafdfb;--ds-color-success-base-contrast-default: #ffffff;--ds-color-danger-background-default: #ffffff;--ds-color-danger-background-tinted: #fbf1f1;--ds-color-danger-surface-default: #ffffff;--ds-color-danger-surface-tinted: #f8e4e4;--ds-color-danger-surface-hover: #f3d2d2;--ds-color-danger-surface-active: #edbfbf;--ds-color-danger-border-subtle: #e8adad;--ds-color-danger-border-default: #ce4d4d;--ds-color-danger-border-strong: #b81a1a;--ds-color-danger-text-subtle: #b81a1a;--ds-color-danger-text-default: #590d0d;--ds-color-danger-base-default: #C01B1B;--ds-color-danger-base-hover: #9b1616;--ds-color-danger-base-active: #791111;--ds-color-danger-base-contrast-subtle: #f7e1e1;--ds-color-danger-base-contrast-default: #ffffff;--ds-color-info-background-default: #ffffff;--ds-color-info-background-tinted: #edf5fa;--ds-color-info-surface-default: #ffffff;--ds-color-info-surface-tinted: #dcebf6;--ds-color-info-surface-hover: #c5ddf0;--ds-color-info-surface-active: #abcfe9;--ds-color-info-border-subtle: #94c1e3;--ds-color-info-border-default: #1f7dc5;--ds-color-info-border-strong: #0860a3;--ds-color-info-text-subtle: #0860a3;--ds-color-info-text-default: #042d4d;--ds-color-info-base-default: #0a71c0;--ds-color-info-base-hover: #085d9f;--ds-color-info-base-active: #074a7e;--ds-color-info-base-contrast-subtle: #eff6fb;--ds-color-info-base-contrast-default: #ffffff;--ds-color-warning-background-default: #ffffff;--ds-color-warning-background-tinted: #fcf2e2;--ds-color-warning-surface-default: #ffffff;--ds-color-warning-surface-tinted: #fae6c6;--ds-color-warning-surface-hover: #f6d5a0;--ds-color-warning-surface-active: #f2c275;--ds-color-warning-border-subtle: #eeb04c;--ds-color-warning-border-default: #a56d13;--ds-color-warning-border-strong: #80540f;--ds-color-warning-text-subtle: #80540f;--ds-color-warning-text-default: #3c2807;--ds-color-warning-base-default: #EA9B1B;--ds-color-warning-base-hover: #cd8818;--ds-color-warning-base-active: #b27614;--ds-color-warning-base-contrast-subtle: #271a04;--ds-color-warning-base-contrast-default: #000000;--ds-color-focus-inner: #ffffff;--ds-color-focus-outer: #000667;--ds-link-color-visited: #663299;color-scheme:light}@media(prefers-color-scheme:light){[data-color-scheme=auto]{--ds-color-primary-background-default: #f9f6f3;--ds-color-primary-background-tinted: #e6f9ff;--ds-color-primary-surface-default: #ffffff;--ds-color-primary-surface-tinted: #d4f2fd;--ds-color-primary-surface-hover: #c8eafa;--ds-color-primary-surface-active: #bbe2f7;--ds-color-primary-border-subtle: #a2d2f1;--ds-color-primary-border-default: #2e4495;--ds-color-primary-border-strong: #000667;--ds-color-primary-text-subtle: #23358a;--ds-color-primary-text-default: #000667;--ds-color-primary-base-default: #000667;--ds-color-primary-base-hover: #23358a;--ds-color-primary-base-active: #2e4495;--ds-color-primary-base-contrast-subtle: #cce9f7;--ds-color-primary-base-contrast-default: #ffffff;--ds-color-accent-background-default: #ffffff;--ds-color-accent-background-tinted: #fff0ed;--ds-color-accent-surface-default: #ffffff;--ds-color-accent-surface-tinted: #ffe2dc;--ds-color-accent-surface-hover: #ffcfc5;--ds-color-accent-surface-active: #ffb9ab;--ds-color-accent-border-subtle: #ffa492;--ds-color-accent-border-default: #df3c1b;--ds-color-accent-border-strong: #ad2f15;--ds-color-accent-text-subtle: #ad2f15;--ds-color-accent-text-default: #53160a;--ds-color-accent-base-default: #FF451F;--ds-color-accent-base-hover: #ff7559;--ds-color-accent-base-active: #ff9a86;--ds-color-accent-base-contrast-subtle: #ffe2dc;--ds-color-accent-base-contrast-default: #ffffff;--ds-color-neutral-background-default: #ffffff;--ds-color-neutral-background-tinted: #f3f3f4;--ds-color-neutral-surface-default: #ffffff;--ds-color-neutral-surface-tinted: #e8e8ea;--ds-color-neutral-surface-hover: #e1e2e5;--ds-color-neutral-surface-active: #d7d8dd;--ds-color-neutral-border-subtle: #c6c7cc;--ds-color-neutral-border-default: #777884;--ds-color-neutral-border-strong: #5b5c6b;--ds-color-neutral-text-subtle: #5b5c6b;--ds-color-neutral-text-default: #2a2b35;--ds-color-neutral-base-default: #454657;--ds-color-neutral-base-hover: #333441;--ds-color-neutral-base-active: #23232c;--ds-color-neutral-base-contrast-subtle: #e3e3e5;--ds-color-neutral-base-contrast-default: #ffffff;--ds-color-extra1-background-default: #ffffff;--ds-color-extra1-background-tinted: #ecf6ef;--ds-color-extra1-surface-default: #ffffff;--ds-color-extra1-surface-tinted: #d9ede0;--ds-color-extra1-surface-hover: #c0e2cc;--ds-color-extra1-surface-active: #a5d5b6;--ds-color-extra1-border-subtle: #8bc9a1;--ds-color-extra1-border-default: #318950;--ds-color-extra1-border-strong: #266a3e;--ds-color-extra1-text-subtle: #266a3e;--ds-color-extra1-text-default: #12311d;--ds-color-extra1-base-default: #3ba460;--ds-color-extra1-base-hover: #64b781;--ds-color-extra1-base-active: #8ccaa2;--ds-color-extra1-base-contrast-subtle: #d9ede0;--ds-color-extra1-base-contrast-default: #ffffff;--ds-color-extra2-background-default: #ffffff;--ds-color-extra2-background-tinted: #e9f6fa;--ds-color-extra2-surface-default: #ffffff;--ds-color-extra2-surface-tinted: #d4edf6;--ds-color-extra2-surface-hover: #b7e1f0;--ds-color-extra2-surface-active: #96d3e9;--ds-color-extra2-border-subtle: #78c6e3;--ds-color-extra2-border-default: #0482af;--ds-color-extra2-border-strong: #036488;--ds-color-extra2-text-subtle: #036488;--ds-color-extra2-text-default: #022f40;--ds-color-extra2-base-default: #0596cb;--ds-color-extra2-base-hover: #0482af;--ds-color-extra2-base-active: #036488;--ds-color-extra2-base-contrast-subtle: #d4edf6;--ds-color-extra2-base-contrast-default: #ffffff;--ds-color-lyng-background-default: #ffffff;--ds-color-lyng-background-tinted: #faf1f6;--ds-color-lyng-surface-default: #ffffff;--ds-color-lyng-surface-tinted: #f5e4ee;--ds-color-lyng-surface-hover: #eed2e3;--ds-color-lyng-surface-active: #e6bfd7;--ds-color-lyng-border-subtle: #dfadcc;--ds-color-lyng-border-default: #bc5394;--ds-color-lyng-border-strong: #9a3875;--ds-color-lyng-text-subtle: #9a3875;--ds-color-lyng-text-default: #491a37;--ds-color-lyng-base-default: #B6428A;--ds-color-lyng-base-hover: #973772;--ds-color-lyng-base-active: #782b5b;--ds-color-lyng-base-contrast-subtle: #faf3f8;--ds-color-lyng-base-contrast-default: #ffffff;--ds-color-hav-background-default: #ffffff;--ds-color-hav-background-tinted: #e9f6fa;--ds-color-hav-surface-default: #ffffff;--ds-color-hav-surface-tinted: #d4edf6;--ds-color-hav-surface-hover: #b7e1f0;--ds-color-hav-surface-active: #96d3e9;--ds-color-hav-border-subtle: #78c6e3;--ds-color-hav-border-default: #0482af;--ds-color-hav-border-strong: #036488;--ds-color-hav-text-subtle: #036488;--ds-color-hav-text-default: #022f40;--ds-color-hav-base-default: #0596CB;--ds-color-hav-base-hover: #3badd6;--ds-color-hav-base-active: #6cc1e0;--ds-color-hav-base-contrast-subtle: #011b24;--ds-color-hav-base-contrast-default: #000000;--ds-color-stein-background-default: #ffffff;--ds-color-stein-background-tinted: #f3f3f3;--ds-color-stein-surface-default: #ffffff;--ds-color-stein-surface-tinted: #e8e8e8;--ds-color-stein-surface-hover: #dadada;--ds-color-stein-surface-active: #cacaca;--ds-color-stein-border-subtle: #bcbcbc;--ds-color-stein-border-default: #797979;--ds-color-stein-border-strong: #5d5d5d;--ds-color-stein-text-subtle: #5d5d5d;--ds-color-stein-text-default: #2b2b2b;--ds-color-stein-base-default: #5D5D5D;--ds-color-stein-base-hover: #4a4a4a;--ds-color-stein-base-active: #383838;--ds-color-stein-base-contrast-subtle: #fefefe;--ds-color-stein-base-contrast-default: #ffffff;--ds-color-gress-background-default: #ffffff;--ds-color-gress-background-tinted: #e6f9e2;--ds-color-gress-surface-default: #ffffff;--ds-color-gress-surface-tinted: #cef3c5;--ds-color-gress-surface-hover: #acea9d;--ds-color-gress-surface-active: #9fd991;--ds-color-gress-border-subtle: #94c987;--ds-color-gress-border-default: #5f8257;--ds-color-gress-border-strong: #4a6443;--ds-color-gress-text-subtle: #4a6443;--ds-color-gress-text-default: #222f1f;--ds-color-gress-base-default: #ACEA9D;--ds-color-gress-base-hover: #9bd28d;--ds-color-gress-base-active: #89bb7d;--ds-color-gress-base-contrast-subtle: #33452e;--ds-color-gress-base-contrast-default: #000000;--ds-color-sol-background-default: #ffffff;--ds-color-sol-background-tinted: #fdf5c7;--ds-color-sol-surface-default: #ffffff;--ds-color-sol-surface-tinted: #fbea8e;--ds-color-sol-surface-hover: #f7d938;--ds-color-sol-surface-active: #eac815;--ds-color-sol-border-subtle: #d9ba13;--ds-color-sol-border-default: #8c780d;--ds-color-sol-border-strong: #6c5d0a;--ds-color-sol-text-subtle: #6c5d0a;--ds-color-sol-text-default: #322b05;--ds-color-sol-base-default: #F6D316;--ds-color-sol-base-hover: #dcbd14;--ds-color-sol-base-active: #c4a811;--ds-color-sol-base-contrast-subtle: #463c06;--ds-color-sol-base-contrast-default: #000000;--ds-color-himmel-background-default: #ffffff;--ds-color-himmel-background-tinted: #e4f7fe;--ds-color-himmel-surface-default: #ffffff;--ds-color-himmel-surface-tinted: #c9effc;--ds-color-himmel-surface-hover: #a7e3f9;--ds-color-himmel-surface-active: #9bd2e7;--ds-color-himmel-border-subtle: #90c3d6;--ds-color-himmel-border-default: #5d7e8a;--ds-color-himmel-border-strong: #48616b;--ds-color-himmel-text-subtle: #48616b;--ds-color-himmel-text-default: #212d32;--ds-color-himmel-base-default: #A9E5FB;--ds-color-himmel-base-hover: #97cde1;--ds-color-himmel-base-active: #87b7c9;--ds-color-himmel-base-contrast-subtle: #32444a;--ds-color-himmel-base-contrast-default: #000000;--ds-color-sand-background-default: #ffffff;--ds-color-sand-background-tinted: #f9f3eb;--ds-color-sand-surface-default: #ffffff;--ds-color-sand-surface-tinted: #efe7de;--ds-color-sand-surface-hover: #e0d9d0;--ds-color-sand-surface-active: #d0c9c1;--ds-color-sand-border-subtle: #c1bbb3;--ds-color-sand-border-default: #7c7873;--ds-color-sand-border-strong: #605d59;--ds-color-sand-text-subtle: #605d59;--ds-color-sand-text-default: #2d2b29;--ds-color-sand-base-default: #F7EFE5;--ds-color-sand-base-hover: #dfd8cf;--ds-color-sand-base-active: #c9c2ba;--ds-color-sand-base-contrast-subtle: #54524e;--ds-color-sand-base-contrast-default: #000000;--ds-color-fyr-background-default: #ffffff;--ds-color-fyr-background-tinted: #fff0ed;--ds-color-fyr-surface-default: #ffffff;--ds-color-fyr-surface-tinted: #ffe2dc;--ds-color-fyr-surface-hover: #ffcfc5;--ds-color-fyr-surface-active: #ffb9ab;--ds-color-fyr-border-subtle: #ffa492;--ds-color-fyr-border-default: #df3c1b;--ds-color-fyr-border-strong: #ad2f15;--ds-color-fyr-text-subtle: #ad2f15;--ds-color-fyr-text-default: #53160a;--ds-color-fyr-base-default: #FF451F;--ds-color-fyr-base-hover: #ff7559;--ds-color-fyr-base-active: #ff9a86;--ds-color-fyr-base-contrast-subtle: #2e0c06;--ds-color-fyr-base-contrast-default: #000000;--ds-color-dyphav-background-default: #ffffff;--ds-color-dyphav-background-tinted: #f2f3f6;--ds-color-dyphav-surface-default: #ffffff;--ds-color-dyphav-surface-tinted: #e6e8ee;--ds-color-dyphav-surface-hover: #d6dae4;--ds-color-dyphav-surface-active: #c4cad8;--ds-color-dyphav-border-subtle: #b4bccd;--ds-color-dyphav-border-default: #6a799c;--ds-color-dyphav-border-strong: #4b5d87;--ds-color-dyphav-text-subtle: #4b5d87;--ds-color-dyphav-text-default: #102860;--ds-color-dyphav-base-default: #001955;--ds-color-dyphav-base-hover: #152c63;--ds-color-dyphav-base-active: #2a3f71;--ds-color-dyphav-base-contrast-subtle: #a6afc4;--ds-color-dyphav-base-contrast-default: #ffffff;--ds-color-skog-background-default: #ffffff;--ds-color-skog-background-tinted: #ecf6ef;--ds-color-skog-surface-default: #ffffff;--ds-color-skog-surface-tinted: #d9ede0;--ds-color-skog-surface-hover: #c0e2cc;--ds-color-skog-surface-active: #a5d5b6;--ds-color-skog-border-subtle: #8bc9a1;--ds-color-skog-border-default: #318950;--ds-color-skog-border-strong: #266a3e;--ds-color-skog-text-subtle: #266a3e;--ds-color-skog-text-default: #12311d;--ds-color-skog-base-default: #3BA460;--ds-color-skog-base-hover: #64b781;--ds-color-skog-base-active: #8ccaa2;--ds-color-skog-base-contrast-subtle: #000101;--ds-color-skog-base-contrast-default: #000000;--ds-color-success-background-default: #ffffff;--ds-color-success-background-tinted: #ecf6ee;--ds-color-success-surface-default: #ffffff;--ds-color-success-surface-tinted: #daeddd;--ds-color-success-surface-hover: #c3e2c7;--ds-color-success-surface-active: #a8d5ae;--ds-color-success-border-subtle: #8fc997;--ds-color-success-border-default: #108c22;--ds-color-success-border-strong: #056d13;--ds-color-success-text-subtle: #056d13;--ds-color-success-text-default: #023409;--ds-color-success-base-default: #068718;--ds-color-success-base-hover: #057014;--ds-color-success-base-active: #045a10;--ds-color-success-base-contrast-subtle: #fafdfb;--ds-color-success-base-contrast-default: #ffffff;--ds-color-danger-background-default: #ffffff;--ds-color-danger-background-tinted: #fbf1f1;--ds-color-danger-surface-default: #ffffff;--ds-color-danger-surface-tinted: #f8e4e4;--ds-color-danger-surface-hover: #f3d2d2;--ds-color-danger-surface-active: #edbfbf;--ds-color-danger-border-subtle: #e8adad;--ds-color-danger-border-default: #ce4d4d;--ds-color-danger-border-strong: #b81a1a;--ds-color-danger-text-subtle: #b81a1a;--ds-color-danger-text-default: #590d0d;--ds-color-danger-base-default: #C01B1B;--ds-color-danger-base-hover: #9b1616;--ds-color-danger-base-active: #791111;--ds-color-danger-base-contrast-subtle: #f7e1e1;--ds-color-danger-base-contrast-default: #ffffff;--ds-color-info-background-default: #ffffff;--ds-color-info-background-tinted: #edf5fa;--ds-color-info-surface-default: #ffffff;--ds-color-info-surface-tinted: #dcebf6;--ds-color-info-surface-hover: #c5ddf0;--ds-color-info-surface-active: #abcfe9;--ds-color-info-border-subtle: #94c1e3;--ds-color-info-border-default: #1f7dc5;--ds-color-info-border-strong: #0860a3;--ds-color-info-text-subtle: #0860a3;--ds-color-info-text-default: #042d4d;--ds-color-info-base-default: #0a71c0;--ds-color-info-base-hover: #085d9f;--ds-color-info-base-active: #074a7e;--ds-color-info-base-contrast-subtle: #eff6fb;--ds-color-info-base-contrast-default: #ffffff;--ds-color-warning-background-default: #ffffff;--ds-color-warning-background-tinted: #fcf2e2;--ds-color-warning-surface-default: #ffffff;--ds-color-warning-surface-tinted: #fae6c6;--ds-color-warning-surface-hover: #f6d5a0;--ds-color-warning-surface-active: #f2c275;--ds-color-warning-border-subtle: #eeb04c;--ds-color-warning-border-default: #a56d13;--ds-color-warning-border-strong: #80540f;--ds-color-warning-text-subtle: #80540f;--ds-color-warning-text-default: #3c2807;--ds-color-warning-base-default: #EA9B1B;--ds-color-warning-base-hover: #cd8818;--ds-color-warning-base-active: #b27614;--ds-color-warning-base-contrast-subtle: #271a04;--ds-color-warning-base-contrast-default: #000000;--ds-color-focus-inner: #ffffff;--ds-color-focus-outer: #000667;--ds-link-color-visited: #663299;color-scheme:light}}}@layer ds.theme.typography.secondary{[data-typography=secondary]{--ds-line-height-sm: 1.3;--ds-line-height-md: 1.5;--ds-line-height-lg: 1.7;--ds-letter-spacing-1: -.01em;--ds-letter-spacing-2: -.005em;--ds-letter-spacing-3: -.0025em;--ds-letter-spacing-4: -.0015em;--ds-letter-spacing-5: 0em;--ds-letter-spacing-6: .0015em;--ds-letter-spacing-7: .0025em;--ds-letter-spacing-8: .005em;--ds-letter-spacing-9: .015em;--ds-font-family: Museo sans;--ds-font-weight-medium: 500;--ds-font-weight-semibold: 700;--ds-font-weight-regular: 300;--ds-heading-2xl-font-weight: 500;--ds-heading-2xl-line-height: 1.3;--ds-heading-2xl-letter-spacing: -.01em;--ds-heading-xl-font-weight: 500;--ds-heading-xl-line-height: 1.3;--ds-heading-xl-letter-spacing: -.01em;--ds-heading-lg-font-weight: 500;--ds-heading-lg-line-height: 1.3;--ds-heading-lg-letter-spacing: -.005em;--ds-heading-md-font-weight: 500;--ds-heading-md-line-height: 1.3;--ds-heading-md-letter-spacing: -.0025em;--ds-heading-sm-font-weight: 500;--ds-heading-sm-line-height: 1.3;--ds-heading-sm-letter-spacing: 0em;--ds-heading-xs-font-weight: 500;--ds-heading-xs-line-height: 1.3;--ds-heading-xs-letter-spacing: .0015em;--ds-heading-2xs-font-weight: 500;--ds-heading-2xs-line-height: 1.3;--ds-heading-2xs-letter-spacing: .0015em;--ds-body-xl-font-weight: 300;--ds-body-xl-line-height: 1.5;--ds-body-xl-letter-spacing: .005em;--ds-body-lg-font-weight: 300;--ds-body-lg-line-height: 1.5;--ds-body-lg-letter-spacing: .005em;--ds-body-md-font-weight: 300;--ds-body-md-line-height: 1.5;--ds-body-md-letter-spacing: .005em;--ds-body-sm-font-weight: 300;--ds-body-sm-line-height: 1.5;--ds-body-sm-letter-spacing: .0025em;--ds-body-xs-font-weight: 300;--ds-body-xs-line-height: 1.5;--ds-body-xs-letter-spacing: .0015em;--ds-body-short-xl-font-weight: 300;--ds-body-short-xl-line-height: 1.3;--ds-body-short-xl-letter-spacing: .005em;--ds-body-short-lg-font-weight: 300;--ds-body-short-lg-line-height: 1.3;--ds-body-short-lg-letter-spacing: .005em;--ds-body-short-md-font-weight: 300;--ds-body-short-md-line-height: 1.3;--ds-body-short-md-letter-spacing: .005em;--ds-body-short-sm-font-weight: 300;--ds-body-short-sm-line-height: 1.3;--ds-body-short-sm-letter-spacing: .0025em;--ds-body-short-xs-font-weight: 300;--ds-body-short-xs-line-height: 1.3;--ds-body-short-xs-letter-spacing: .0015em;--ds-body-long-xl-font-weight: 300;--ds-body-long-xl-line-height: 1.7;--ds-body-long-xl-letter-spacing: .005em;--ds-body-long-lg-font-weight: 300;--ds-body-long-lg-line-height: 1.7;--ds-body-long-lg-letter-spacing: .005em;--ds-body-long-md-font-weight: 300;--ds-body-long-md-line-height: 1.7;--ds-body-long-md-letter-spacing: .005em;--ds-body-long-sm-font-weight: 300;--ds-body-long-sm-line-height: 1.7;--ds-body-long-sm-letter-spacing: .0025em;--ds-body-long-xs-font-weight: 300;--ds-body-long-xs-line-height: 1.7;--ds-body-long-xs-letter-spacing: .0015em}}@layer ds.theme.size{:root,[data-size]{--ds-size-base: 16;--ds-size-step: 4;--ds-size-0: calc(var(--ds-size-unit) * 0);--ds-size-1: calc(var(--ds-size-unit) * 1);--ds-size-2: calc(var(--ds-size-unit) * 2);--ds-size-3: calc(var(--ds-size-unit) * 3);--ds-size-4: calc(var(--ds-size-unit) * 4);--ds-size-5: calc(var(--ds-size-unit) * 5);--ds-size-6: calc(var(--ds-size-unit) * 6);--ds-size-7: calc(var(--ds-size-unit) * 7);--ds-size-8: calc(var(--ds-size-unit) * 8);--ds-size-9: calc(var(--ds-size-unit) * 9);--ds-size-10: calc(var(--ds-size-unit) * 10);--ds-size-11: calc(var(--ds-size-unit) * 11);--ds-size-12: calc(var(--ds-size-unit) * 12);--ds-size-13: calc(var(--ds-size-unit) * 13);--ds-size-14: calc(var(--ds-size-unit) * 14);--ds-size-15: calc(var(--ds-size-unit) * 15);--ds-size-18: calc(var(--ds-size-unit) * 18);--ds-size-22: calc(var(--ds-size-unit) * 22);--ds-size-26: calc(var(--ds-size-unit) * 26);--ds-size-30: calc(var(--ds-size-unit) * 30);--ds-size-unit: calc(1rem * (var(--ds-size-step) / var(--ds-size-base) * var(--ds-size-mode-font-size)) / 1.125)}@supports (width: round(down,.1em,1px)){:root,[data-size]{--ds-size-0: round(down, calc(var(--ds-size-unit) * 0), 1px);--ds-size-1: round(down, calc(var(--ds-size-unit) * 1), 1px);--ds-size-2: round(down, calc(var(--ds-size-unit) * 2), 1px);--ds-size-3: round(down, calc(var(--ds-size-unit) * 3), 1px);--ds-size-4: round(down, calc(var(--ds-size-unit) * 4), 1px);--ds-size-5: round(down, calc(var(--ds-size-unit) * 5), 1px);--ds-size-6: round(down, calc(var(--ds-size-unit) * 6), 1px);--ds-size-7: round(down, calc(var(--ds-size-unit) * 7), 1px);--ds-size-8: round(down, calc(var(--ds-size-unit) * 8), 1px);--ds-size-9: round(down, calc(var(--ds-size-unit) * 9), 1px);--ds-size-10: round(down, calc(var(--ds-size-unit) * 10), 1px);--ds-size-11: round(down, calc(var(--ds-size-unit) * 11), 1px);--ds-size-12: round(down, calc(var(--ds-size-unit) * 12), 1px);--ds-size-13: round(down, calc(var(--ds-size-unit) * 13), 1px);--ds-size-14: round(down, calc(var(--ds-size-unit) * 14), 1px);--ds-size-15: round(down, calc(var(--ds-size-unit) * 15), 1px);--ds-size-18: round(down, calc(var(--ds-size-unit) * 18), 1px);--ds-size-22: round(down, calc(var(--ds-size-unit) * 22), 1px);--ds-size-26: round(down, calc(var(--ds-size-unit) * 26), 1px);--ds-size-30: round(down, calc(var(--ds-size-unit) * 30), 1px)}}}@layer ds.theme.semantic{:root{--ds-border-radius-base: .25rem;--ds-border-radius-scale: .25rem;--ds-border-radius-sm: min(var(--ds-border-radius-base)*.5,var(--ds-border-radius-scale));--ds-border-radius-md: min(var(--ds-border-radius-base),var(--ds-border-radius-scale)*2);--ds-border-radius-lg: min(var(--ds-border-radius-base)*2,var(--ds-border-radius-scale)*5);--ds-border-radius-xl: min(var(--ds-border-radius-base)*3,var(--ds-border-radius-scale)*7);--ds-border-radius-default: min(var(--ds-border-radius-base),var(--ds-border-radius-scale)*2);--ds-border-radius-full: 624.9375rem;--ds-border-width-default: 1px;--ds-border-width-focus: 3px;--ds-shadow-xs: 0 0 1px 0 rgba(0,0,0,.15), 0 1px 2px 0 rgba(0,0,0,.12);--ds-shadow-sm: 0 0 1px 0 rgba(0,0,0,.15), 0 1px 2px 0 rgba(0,0,0,.06), 0 2px 4px 0 rgba(0,0,0,.08);--ds-shadow-md: 0 0 1px 0 rgba(0,0,0,.15), 0 2px 4px 0 rgba(0,0,0,.06), 0 4px 8px 0 rgba(0,0,0,.08);--ds-shadow-lg: 0 0 1px 0 rgba(0,0,0,.15), 0 3px 5px 0 rgba(0,0,0,.06), 0 6px 12px 0 rgba(0,0,0,.08);--ds-shadow-xl: 0 0 1px 0 rgba(0,0,0,.15), 0 4px 8px 0 rgba(0,0,0,.08), 0 12px 24px 0 rgba(0,0,0,.08);--ds-opacity-disabled: 30%}}@layer ds.theme.color-scheme.dark{[data-color-scheme=dark]{--ds-color-primary-background-default: #031344;--ds-color-primary-background-tinted: #071a54;--ds-color-primary-surface-default: #11235b;--ds-color-primary-surface-tinted: #192a60;--ds-color-primary-surface-hover: #213266;--ds-color-primary-surface-active: #314171;--ds-color-primary-border-subtle: #404e7b;--ds-color-primary-border-default: #7681a1;--ds-color-primary-border-strong: #a0a7be;--ds-color-primary-text-subtle: #a0a7be;--ds-color-primary-text-default: #ebecf1;--ds-color-primary-base-default: #a7a9ca;--ds-color-primary-base-hover: #9093bd;--ds-color-primary-base-active: #7a7db0;--ds-color-primary-base-contrast-subtle: #1b1c21;--ds-color-primary-base-contrast-default: #000000;--ds-color-accent-background-default: #0e1923;--ds-color-accent-background-tinted: #12212e;--ds-color-accent-surface-default: #17293b;--ds-color-accent-surface-tinted: #1a2f43;--ds-color-accent-surface-hover: #1e374f;--ds-color-accent-surface-active: #264563;--ds-color-accent-border-subtle: #2d5376;--ds-color-accent-border-default: #4985be;--ds-color-accent-border-strong: #76ade0;--ds-color-accent-text-subtle: #76ade0;--ds-color-accent-text-default: #e2eef8;--ds-color-accent-base-default: #135f9a;--ds-color-accent-base-hover: #0f4c7a;--ds-color-accent-base-active: #0b395d;--ds-color-accent-base-contrast-subtle: #fbfcfd;--ds-color-accent-base-contrast-default: #ffffff;--ds-color-neutral-background-default: #13181f;--ds-color-neutral-background-tinted: #192029;--ds-color-neutral-surface-default: #202834;--ds-color-neutral-surface-tinted: #262e3a;--ds-color-neutral-surface-hover: #2e3641;--ds-color-neutral-surface-active: #3c444e;--ds-color-neutral-border-subtle: #49515a;--ds-color-neutral-border-default: #7c8289;--ds-color-neutral-border-strong: #a4a8ad;--ds-color-neutral-text-subtle: #a4a8ad;--ds-color-neutral-text-default: #ebeced;--ds-color-neutral-base-default: #a6acb2;--ds-color-neutral-base-hover: #90979f;--ds-color-neutral-base-active: #7a828c;--ds-color-neutral-base-contrast-subtle: #1b1c1d;--ds-color-neutral-base-contrast-default: #000000;--ds-color-extra1-background-default: #241313;--ds-color-extra1-background-tinted: #301919;--ds-color-extra1-surface-default: #3c2020;--ds-color-extra1-surface-tinted: #452524;--ds-color-extra1-surface-hover: #502b2a;--ds-color-extra1-surface-active: #653635;--ds-color-extra1-border-subtle: #78403f;--ds-color-extra1-border-default: #c16766;--ds-color-extra1-border-strong: #e39291;--ds-color-extra1-text-subtle: #e39291;--ds-color-extra1-text-default: #f9e8e8;--ds-color-extra1-base-default: #9f3e41;--ds-color-extra1-base-hover: #7f3234;--ds-color-extra1-base-active: #612628;--ds-color-extra1-base-contrast-subtle: #ffffff;--ds-color-extra1-base-contrast-default: #ffffff;--ds-color-extra2-background-default: #1c170d;--ds-color-extra2-background-tinted: #261f11;--ds-color-extra2-surface-default: #2f2716;--ds-color-extra2-surface-tinted: #372c19;--ds-color-extra2-surface-hover: #40341d;--ds-color-extra2-surface-active: #504124;--ds-color-extra2-border-subtle: #5f4e2b;--ds-color-extra2-border-default: #9a7d46;--ds-color-extra2-border-strong: #c8a25b;--ds-color-extra2-text-subtle: #c8a25b;--ds-color-extra2-text-default: #f5ebd8;--ds-color-extra2-base-default: #513c0b;--ds-color-extra2-base-hover: #694e0f;--ds-color-extra2-base-active: #816012;--ds-color-extra2-base-contrast-subtle: #ddd9cf;--ds-color-extra2-base-contrast-default: #ffffff;--ds-color-lyng-background-default: #23121c;--ds-color-lyng-background-tinted: #2f1825;--ds-color-lyng-surface-default: #3b1f2f;--ds-color-lyng-surface-tinted: #442336;--ds-color-lyng-surface-hover: #4f293f;--ds-color-lyng-surface-active: #63334f;--ds-color-lyng-border-subtle: #763d5e;--ds-color-lyng-border-default: #b06b94;--ds-color-lyng-border-strong: #c99ab6;--ds-color-lyng-text-subtle: #c99ab6;--ds-color-lyng-text-default: #f4eaef;--ds-color-lyng-base-default: #c15e9b;--ds-color-lyng-base-hover: #cc7aac;--ds-color-lyng-base-active: #d797be;--ds-color-lyng-base-contrast-subtle: #140a10;--ds-color-lyng-base-contrast-default: #000000;--ds-color-hav-background-default: #0d1920;--ds-color-hav-background-tinted: #11212a;--ds-color-hav-surface-default: #162a35;--ds-color-hav-surface-tinted: #19313d;--ds-color-hav-surface-hover: #1d3947;--ds-color-hav-surface-active: #244759;--ds-color-hav-border-subtle: #2b556a;--ds-color-hav-border-default: #4689ab;--ds-color-hav-border-strong: #79afca;--ds-color-hav-text-subtle: #79afca;--ds-color-hav-text-default: #e3eef4;--ds-color-hav-base-default: #046b90;--ds-color-hav-base-hover: #035675;--ds-color-hav-base-active: #02425a;--ds-color-hav-base-contrast-subtle: #dcebf0;--ds-color-hav-base-contrast-default: #ffffff;--ds-color-stein-background-default: #181818;--ds-color-stein-background-tinted: #1f1f1f;--ds-color-stein-surface-default: #282828;--ds-color-stein-surface-tinted: #2e2e2e;--ds-color-stein-surface-hover: #353535;--ds-color-stein-surface-active: #434343;--ds-color-stein-border-subtle: #505050;--ds-color-stein-border-default: #818181;--ds-color-stein-border-strong: #a8a8a8;--ds-color-stein-text-subtle: #a8a8a8;--ds-color-stein-text-default: #ececec;--ds-color-stein-base-default: #929292;--ds-color-stein-base-hover: #a7a7a7;--ds-color-stein-base-active: #bdbdbd;--ds-color-stein-base-contrast-subtle: #020202;--ds-color-stein-base-contrast-default: #000000;--ds-color-gress-background-default: #141913;--ds-color-gress-background-tinted: #1b2119;--ds-color-gress-surface-default: #222a20;--ds-color-gress-surface-tinted: #273025;--ds-color-gress-surface-hover: #2e382b;--ds-color-gress-surface-active: #3a4736;--ds-color-gress-border-subtle: #455441;--ds-color-gress-border-default: #6f8868;--ds-color-gress-border-strong: #90b188;--ds-color-gress-text-subtle: #90b188;--ds-color-gress-text-default: #def2d9;--ds-color-gress-base-default: #1a2418;--ds-color-gress-base-hover: #283624;--ds-color-gress-base-active: #364931;--ds-color-gress-base-contrast-subtle: #b1b4b0;--ds-color-gress-base-contrast-default: #ffffff;--ds-color-sol-background-default: #1a180d;--ds-color-sol-background-tinted: #231f11;--ds-color-sol-surface-default: #2c2815;--ds-color-sol-surface-tinted: #332e18;--ds-color-sol-surface-hover: #3b351c;--ds-color-sol-surface-active: #4a4323;--ds-color-sol-border-subtle: #59502a;--ds-color-sol-border-default: #8f8144;--ds-color-sol-border-strong: #baa858;--ds-color-sol-text-subtle: #baa858;--ds-color-sol-text-default: #f7edc1;--ds-color-sol-base-default: #2b2504;--ds-color-sol-base-hover: #403706;--ds-color-sol-base-active: #554908;--ds-color-sol-base-contrast-subtle: #bab8ae;--ds-color-sol-base-contrast-default: #ffffff;--ds-color-himmel-background-default: #14191a;--ds-color-himmel-background-tinted: #1b2023;--ds-color-himmel-surface-default: #22292c;--ds-color-himmel-surface-tinted: #272f32;--ds-color-himmel-surface-hover: #2d373b;--ds-color-himmel-surface-active: #38454a;--ds-color-himmel-border-subtle: #435258;--ds-color-himmel-border-default: #6d858e;--ds-color-himmel-border-strong: #8dadb8;--ds-color-himmel-text-subtle: #8dadb8;--ds-color-himmel-text-default: #dbf0f8;--ds-color-himmel-base-default: #192125;--ds-color-himmel-base-hover: #263338;--ds-color-himmel-base-active: #34464d;--ds-color-himmel-base-contrast-subtle: #afb1b3;--ds-color-himmel-base-contrast-default: #ffffff;--ds-color-sand-background-default: #181817;--ds-color-sand-background-tinted: #201f1e;--ds-color-sand-surface-default: #292826;--ds-color-sand-surface-tinted: #2f2e2c;--ds-color-sand-surface-hover: #363534;--ds-color-sand-surface-active: #444341;--ds-color-sand-border-subtle: #52504d;--ds-color-sand-border-default: #84817d;--ds-color-sand-border-strong: #aba7a2;--ds-color-sand-text-subtle: #aba7a2;--ds-color-sand-text-default: #f1ebe4;--ds-color-sand-base-default: #111110;--ds-color-sand-base-hover: #232220;--ds-color-sand-base-active: #343331;--ds-color-sand-base-contrast-subtle: #9e9e9e;--ds-color-sand-base-contrast-default: #ffffff;--ds-color-fyr-background-default: #27120e;--ds-color-fyr-background-tinted: #341812;--ds-color-fyr-surface-default: #411e17;--ds-color-fyr-surface-tinted: #4a221a;--ds-color-fyr-surface-hover: #57281e;--ds-color-fyr-surface-active: #6c3226;--ds-color-fyr-border-subtle: #813b2d;--ds-color-fyr-border-default: #cf5f48;--ds-color-fyr-border-strong: #ea907e;--ds-color-fyr-text-subtle: #ea907e;--ds-color-fyr-text-default: #fbe8e5;--ds-color-fyr-base-default: #ba3217;--ds-color-fyr-base-hover: #972912;--ds-color-fyr-base-active: #75200e;--ds-color-fyr-base-contrast-subtle: #f6e6e2;--ds-color-fyr-base-contrast-default: #ffffff;--ds-color-dyphav-background-default: #081735;--ds-color-dyphav-background-tinted: #0a1e45;--ds-color-dyphav-surface-default: #13274d;--ds-color-dyphav-surface-tinted: #1a2d52;--ds-color-dyphav-surface-hover: #233559;--ds-color-dyphav-surface-active: #324364;--ds-color-dyphav-border-subtle: #40506f;--ds-color-dyphav-border-default: #768298;--ds-color-dyphav-border-strong: #a0a8b8;--ds-color-dyphav-text-subtle: #a0a8b8;--ds-color-dyphav-text-default: #ebecf0;--ds-color-dyphav-base-default: #a2abc1;--ds-color-dyphav-base-hover: #8b96b1;--ds-color-dyphav-base-active: #7381a2;--ds-color-dyphav-base-contrast-subtle: #1a1b1f;--ds-color-dyphav-base-contrast-default: #000000;--ds-color-skog-background-default: #0f1a12;--ds-color-skog-background-tinted: #142318;--ds-color-skog-surface-default: #1a2c1f;--ds-color-skog-surface-tinted: #1d3223;--ds-color-skog-surface-hover: #223b29;--ds-color-skog-surface-active: #2b4a33;--ds-color-skog-border-subtle: #33583d;--ds-color-skog-border-default: #538e63;--ds-color-skog-border-strong: #80b48e;--ds-color-skog-text-subtle: #80b48e;--ds-color-skog-text-default: #e4efe7;--ds-color-skog-base-default: #266b3e;--ds-color-skog-base-hover: #1f5532;--ds-color-skog-base-active: #174126;--ds-color-skog-base-contrast-subtle: #d9e5dd;--ds-color-skog-base-contrast-default: #ffffff;--ds-color-success-background-default: #0d1b0d;--ds-color-success-background-tinted: #112411;--ds-color-success-surface-default: #152d15;--ds-color-success-surface-tinted: #183418;--ds-color-success-surface-hover: #1c3c1c;--ds-color-success-surface-active: #244c24;--ds-color-success-border-subtle: #2b5a2b;--ds-color-success-border-default: #528f52;--ds-color-success-border-strong: #89b289;--ds-color-success-text-subtle: #89b289;--ds-color-success-text-default: #e6efe6;--ds-color-success-base-default: #138d24;--ds-color-success-base-hover: #3ca14b;--ds-color-success-base-active: #66b571;--ds-color-success-base-contrast-subtle: #010501;--ds-color-success-base-contrast-default: #000000;--ds-color-danger-background-default: #2a100e;--ds-color-danger-background-tinted: #371512;--ds-color-danger-surface-default: #451b17;--ds-color-danger-surface-tinted: #4f1f1b;--ds-color-danger-surface-hover: #5c241f;--ds-color-danger-surface-active: #722d27;--ds-color-danger-border-subtle: #88352e;--ds-color-danger-border-default: #bc6b64;--ds-color-danger-border-strong: #d19a96;--ds-color-danger-text-subtle: #d19a96;--ds-color-danger-text-default: #f5eae9;--ds-color-danger-base-default: #d76e6e;--ds-color-danger-base-hover: #df8b8b;--ds-color-danger-base-active: #e7a8a8;--ds-color-danger-base-contrast-subtle: #271414;--ds-color-danger-base-contrast-default: #000000;--ds-color-info-background-default: #0d1925;--ds-color-info-background-tinted: #112130;--ds-color-info-surface-default: #15293d;--ds-color-info-surface-tinted: #182f46;--ds-color-info-surface-hover: #1c3751;--ds-color-info-surface-active: #234566;--ds-color-info-border-subtle: #2a537a;--ds-color-info-border-default: #5585b4;--ds-color-info-border-strong: #8aabcb;--ds-color-info-text-subtle: #8aabcb;--ds-color-info-text-default: #e6edf4;--ds-color-info-base-default: #2d85c9;--ds-color-info-base-hover: #519ad2;--ds-color-info-base-active: #77b0dc;--ds-color-info-base-contrast-subtle: #eff6fb;--ds-color-info-base-contrast-default: #000000;--ds-color-warning-background-default: #1e160d;--ds-color-warning-background-tinted: #281e11;--ds-color-warning-surface-default: #322616;--ds-color-warning-surface-tinted: #3a2b19;--ds-color-warning-surface-hover: #43321d;--ds-color-warning-surface-active: #543f24;--ds-color-warning-border-subtle: #654b2b;--ds-color-warning-border-default: #a37a46;--ds-color-warning-border-strong: #d39e5b;--ds-color-warning-text-subtle: #d39e5b;--ds-color-warning-text-default: #f7ebdb;--ds-color-warning-base-default: #60400b;--ds-color-warning-base-hover: #7a510e;--ds-color-warning-base-active: #946211;--ds-color-warning-base-contrast-subtle: #e6e2d9;--ds-color-warning-base-contrast-default: #ffffff;--ds-color-focus-inner: #13181f;--ds-color-focus-outer: #a7a9ca;--ds-link-color-visited: #b49acd;color-scheme:dark}@media(prefers-color-scheme:dark){[data-color-scheme=auto]{--ds-color-primary-background-default: #031344;--ds-color-primary-background-tinted: #071a54;--ds-color-primary-surface-default: #11235b;--ds-color-primary-surface-tinted: #192a60;--ds-color-primary-surface-hover: #213266;--ds-color-primary-surface-active: #314171;--ds-color-primary-border-subtle: #404e7b;--ds-color-primary-border-default: #7681a1;--ds-color-primary-border-strong: #a0a7be;--ds-color-primary-text-subtle: #a0a7be;--ds-color-primary-text-default: #ebecf1;--ds-color-primary-base-default: #a7a9ca;--ds-color-primary-base-hover: #9093bd;--ds-color-primary-base-active: #7a7db0;--ds-color-primary-base-contrast-subtle: #1b1c21;--ds-color-primary-base-contrast-default: #000000;--ds-color-accent-background-default: #0e1923;--ds-color-accent-background-tinted: #12212e;--ds-color-accent-surface-default: #17293b;--ds-color-accent-surface-tinted: #1a2f43;--ds-color-accent-surface-hover: #1e374f;--ds-color-accent-surface-active: #264563;--ds-color-accent-border-subtle: #2d5376;--ds-color-accent-border-default: #4985be;--ds-color-accent-border-strong: #76ade0;--ds-color-accent-text-subtle: #76ade0;--ds-color-accent-text-default: #e2eef8;--ds-color-accent-base-default: #135f9a;--ds-color-accent-base-hover: #0f4c7a;--ds-color-accent-base-active: #0b395d;--ds-color-accent-base-contrast-subtle: #fbfcfd;--ds-color-accent-base-contrast-default: #ffffff;--ds-color-neutral-background-default: #13181f;--ds-color-neutral-background-tinted: #192029;--ds-color-neutral-surface-default: #202834;--ds-color-neutral-surface-tinted: #262e3a;--ds-color-neutral-surface-hover: #2e3641;--ds-color-neutral-surface-active: #3c444e;--ds-color-neutral-border-subtle: #49515a;--ds-color-neutral-border-default: #7c8289;--ds-color-neutral-border-strong: #a4a8ad;--ds-color-neutral-text-subtle: #a4a8ad;--ds-color-neutral-text-default: #ebeced;--ds-color-neutral-base-default: #a6acb2;--ds-color-neutral-base-hover: #90979f;--ds-color-neutral-base-active: #7a828c;--ds-color-neutral-base-contrast-subtle: #1b1c1d;--ds-color-neutral-base-contrast-default: #000000;--ds-color-extra1-background-default: #241313;--ds-color-extra1-background-tinted: #301919;--ds-color-extra1-surface-default: #3c2020;--ds-color-extra1-surface-tinted: #452524;--ds-color-extra1-surface-hover: #502b2a;--ds-color-extra1-surface-active: #653635;--ds-color-extra1-border-subtle: #78403f;--ds-color-extra1-border-default: #c16766;--ds-color-extra1-border-strong: #e39291;--ds-color-extra1-text-subtle: #e39291;--ds-color-extra1-text-default: #f9e8e8;--ds-color-extra1-base-default: #9f3e41;--ds-color-extra1-base-hover: #7f3234;--ds-color-extra1-base-active: #612628;--ds-color-extra1-base-contrast-subtle: #ffffff;--ds-color-extra1-base-contrast-default: #ffffff;--ds-color-extra2-background-default: #1c170d;--ds-color-extra2-background-tinted: #261f11;--ds-color-extra2-surface-default: #2f2716;--ds-color-extra2-surface-tinted: #372c19;--ds-color-extra2-surface-hover: #40341d;--ds-color-extra2-surface-active: #504124;--ds-color-extra2-border-subtle: #5f4e2b;--ds-color-extra2-border-default: #9a7d46;--ds-color-extra2-border-strong: #c8a25b;--ds-color-extra2-text-subtle: #c8a25b;--ds-color-extra2-text-default: #f5ebd8;--ds-color-extra2-base-default: #513c0b;--ds-color-extra2-base-hover: #694e0f;--ds-color-extra2-base-active: #816012;--ds-color-extra2-base-contrast-subtle: #ddd9cf;--ds-color-extra2-base-contrast-default: #ffffff;--ds-color-lyng-background-default: #23121c;--ds-color-lyng-background-tinted: #2f1825;--ds-color-lyng-surface-default: #3b1f2f;--ds-color-lyng-surface-tinted: #442336;--ds-color-lyng-surface-hover: #4f293f;--ds-color-lyng-surface-active: #63334f;--ds-color-lyng-border-subtle: #763d5e;--ds-color-lyng-border-default: #b06b94;--ds-color-lyng-border-strong: #c99ab6;--ds-color-lyng-text-subtle: #c99ab6;--ds-color-lyng-text-default: #f4eaef;--ds-color-lyng-base-default: #c15e9b;--ds-color-lyng-base-hover: #cc7aac;--ds-color-lyng-base-active: #d797be;--ds-color-lyng-base-contrast-subtle: #140a10;--ds-color-lyng-base-contrast-default: #000000;--ds-color-hav-background-default: #0d1920;--ds-color-hav-background-tinted: #11212a;--ds-color-hav-surface-default: #162a35;--ds-color-hav-surface-tinted: #19313d;--ds-color-hav-surface-hover: #1d3947;--ds-color-hav-surface-active: #244759;--ds-color-hav-border-subtle: #2b556a;--ds-color-hav-border-default: #4689ab;--ds-color-hav-border-strong: #79afca;--ds-color-hav-text-subtle: #79afca;--ds-color-hav-text-default: #e3eef4;--ds-color-hav-base-default: #046b90;--ds-color-hav-base-hover: #035675;--ds-color-hav-base-active: #02425a;--ds-color-hav-base-contrast-subtle: #dcebf0;--ds-color-hav-base-contrast-default: #ffffff;--ds-color-stein-background-default: #181818;--ds-color-stein-background-tinted: #1f1f1f;--ds-color-stein-surface-default: #282828;--ds-color-stein-surface-tinted: #2e2e2e;--ds-color-stein-surface-hover: #353535;--ds-color-stein-surface-active: #434343;--ds-color-stein-border-subtle: #505050;--ds-color-stein-border-default: #818181;--ds-color-stein-border-strong: #a8a8a8;--ds-color-stein-text-subtle: #a8a8a8;--ds-color-stein-text-default: #ececec;--ds-color-stein-base-default: #929292;--ds-color-stein-base-hover: #a7a7a7;--ds-color-stein-base-active: #bdbdbd;--ds-color-stein-base-contrast-subtle: #020202;--ds-color-stein-base-contrast-default: #000000;--ds-color-gress-background-default: #141913;--ds-color-gress-background-tinted: #1b2119;--ds-color-gress-surface-default: #222a20;--ds-color-gress-surface-tinted: #273025;--ds-color-gress-surface-hover: #2e382b;--ds-color-gress-surface-active: #3a4736;--ds-color-gress-border-subtle: #455441;--ds-color-gress-border-default: #6f8868;--ds-color-gress-border-strong: #90b188;--ds-color-gress-text-subtle: #90b188;--ds-color-gress-text-default: #def2d9;--ds-color-gress-base-default: #1a2418;--ds-color-gress-base-hover: #283624;--ds-color-gress-base-active: #364931;--ds-color-gress-base-contrast-subtle: #b1b4b0;--ds-color-gress-base-contrast-default: #ffffff;--ds-color-sol-background-default: #1a180d;--ds-color-sol-background-tinted: #231f11;--ds-color-sol-surface-default: #2c2815;--ds-color-sol-surface-tinted: #332e18;--ds-color-sol-surface-hover: #3b351c;--ds-color-sol-surface-active: #4a4323;--ds-color-sol-border-subtle: #59502a;--ds-color-sol-border-default: #8f8144;--ds-color-sol-border-strong: #baa858;--ds-color-sol-text-subtle: #baa858;--ds-color-sol-text-default: #f7edc1;--ds-color-sol-base-default: #2b2504;--ds-color-sol-base-hover: #403706;--ds-color-sol-base-active: #554908;--ds-color-sol-base-contrast-subtle: #bab8ae;--ds-color-sol-base-contrast-default: #ffffff;--ds-color-himmel-background-default: #14191a;--ds-color-himmel-background-tinted: #1b2023;--ds-color-himmel-surface-default: #22292c;--ds-color-himmel-surface-tinted: #272f32;--ds-color-himmel-surface-hover: #2d373b;--ds-color-himmel-surface-active: #38454a;--ds-color-himmel-border-subtle: #435258;--ds-color-himmel-border-default: #6d858e;--ds-color-himmel-border-strong: #8dadb8;--ds-color-himmel-text-subtle: #8dadb8;--ds-color-himmel-text-default: #dbf0f8;--ds-color-himmel-base-default: #192125;--ds-color-himmel-base-hover: #263338;--ds-color-himmel-base-active: #34464d;--ds-color-himmel-base-contrast-subtle: #afb1b3;--ds-color-himmel-base-contrast-default: #ffffff;--ds-color-sand-background-default: #181817;--ds-color-sand-background-tinted: #201f1e;--ds-color-sand-surface-default: #292826;--ds-color-sand-surface-tinted: #2f2e2c;--ds-color-sand-surface-hover: #363534;--ds-color-sand-surface-active: #444341;--ds-color-sand-border-subtle: #52504d;--ds-color-sand-border-default: #84817d;--ds-color-sand-border-strong: #aba7a2;--ds-color-sand-text-subtle: #aba7a2;--ds-color-sand-text-default: #f1ebe4;--ds-color-sand-base-default: #111110;--ds-color-sand-base-hover: #232220;--ds-color-sand-base-active: #343331;--ds-color-sand-base-contrast-subtle: #9e9e9e;--ds-color-sand-base-contrast-default: #ffffff;--ds-color-fyr-background-default: #27120e;--ds-color-fyr-background-tinted: #341812;--ds-color-fyr-surface-default: #411e17;--ds-color-fyr-surface-tinted: #4a221a;--ds-color-fyr-surface-hover: #57281e;--ds-color-fyr-surface-active: #6c3226;--ds-color-fyr-border-subtle: #813b2d;--ds-color-fyr-border-default: #cf5f48;--ds-color-fyr-border-strong: #ea907e;--ds-color-fyr-text-subtle: #ea907e;--ds-color-fyr-text-default: #fbe8e5;--ds-color-fyr-base-default: #ba3217;--ds-color-fyr-base-hover: #972912;--ds-color-fyr-base-active: #75200e;--ds-color-fyr-base-contrast-subtle: #f6e6e2;--ds-color-fyr-base-contrast-default: #ffffff;--ds-color-dyphav-background-default: #081735;--ds-color-dyphav-background-tinted: #0a1e45;--ds-color-dyphav-surface-default: #13274d;--ds-color-dyphav-surface-tinted: #1a2d52;--ds-color-dyphav-surface-hover: #233559;--ds-color-dyphav-surface-active: #324364;--ds-color-dyphav-border-subtle: #40506f;--ds-color-dyphav-border-default: #768298;--ds-color-dyphav-border-strong: #a0a8b8;--ds-color-dyphav-text-subtle: #a0a8b8;--ds-color-dyphav-text-default: #ebecf0;--ds-color-dyphav-base-default: #a2abc1;--ds-color-dyphav-base-hover: #8b96b1;--ds-color-dyphav-base-active: #7381a2;--ds-color-dyphav-base-contrast-subtle: #1a1b1f;--ds-color-dyphav-base-contrast-default: #000000;--ds-color-skog-background-default: #0f1a12;--ds-color-skog-background-tinted: #142318;--ds-color-skog-surface-default: #1a2c1f;--ds-color-skog-surface-tinted: #1d3223;--ds-color-skog-surface-hover: #223b29;--ds-color-skog-surface-active: #2b4a33;--ds-color-skog-border-subtle: #33583d;--ds-color-skog-border-default: #538e63;--ds-color-skog-border-strong: #80b48e;--ds-color-skog-text-subtle: #80b48e;--ds-color-skog-text-default: #e4efe7;--ds-color-skog-base-default: #266b3e;--ds-color-skog-base-hover: #1f5532;--ds-color-skog-base-active: #174126;--ds-color-skog-base-contrast-subtle: #d9e5dd;--ds-color-skog-base-contrast-default: #ffffff;--ds-color-success-background-default: #0d1b0d;--ds-color-success-background-tinted: #112411;--ds-color-success-surface-default: #152d15;--ds-color-success-surface-tinted: #183418;--ds-color-success-surface-hover: #1c3c1c;--ds-color-success-surface-active: #244c24;--ds-color-success-border-subtle: #2b5a2b;--ds-color-success-border-default: #528f52;--ds-color-success-border-strong: #89b289;--ds-color-success-text-subtle: #89b289;--ds-color-success-text-default: #e6efe6;--ds-color-success-base-default: #138d24;--ds-color-success-base-hover: #3ca14b;--ds-color-success-base-active: #66b571;--ds-color-success-base-contrast-subtle: #010501;--ds-color-success-base-contrast-default: #000000;--ds-color-danger-background-default: #2a100e;--ds-color-danger-background-tinted: #371512;--ds-color-danger-surface-default: #451b17;--ds-color-danger-surface-tinted: #4f1f1b;--ds-color-danger-surface-hover: #5c241f;--ds-color-danger-surface-active: #722d27;--ds-color-danger-border-subtle: #88352e;--ds-color-danger-border-default: #bc6b64;--ds-color-danger-border-strong: #d19a96;--ds-color-danger-text-subtle: #d19a96;--ds-color-danger-text-default: #f5eae9;--ds-color-danger-base-default: #d76e6e;--ds-color-danger-base-hover: #df8b8b;--ds-color-danger-base-active: #e7a8a8;--ds-color-danger-base-contrast-subtle: #271414;--ds-color-danger-base-contrast-default: #000000;--ds-color-info-background-default: #0d1925;--ds-color-info-background-tinted: #112130;--ds-color-info-surface-default: #15293d;--ds-color-info-surface-tinted: #182f46;--ds-color-info-surface-hover: #1c3751;--ds-color-info-surface-active: #234566;--ds-color-info-border-subtle: #2a537a;--ds-color-info-border-default: #5585b4;--ds-color-info-border-strong: #8aabcb;--ds-color-info-text-subtle: #8aabcb;--ds-color-info-text-default: #e6edf4;--ds-color-info-base-default: #2d85c9;--ds-color-info-base-hover: #519ad2;--ds-color-info-base-active: #77b0dc;--ds-color-info-base-contrast-subtle: #eff6fb;--ds-color-info-base-contrast-default: #000000;--ds-color-warning-background-default: #1e160d;--ds-color-warning-background-tinted: #281e11;--ds-color-warning-surface-default: #322616;--ds-color-warning-surface-tinted: #3a2b19;--ds-color-warning-surface-hover: #43321d;--ds-color-warning-surface-active: #543f24;--ds-color-warning-border-subtle: #654b2b;--ds-color-warning-border-default: #a37a46;--ds-color-warning-border-strong: #d39e5b;--ds-color-warning-text-subtle: #d39e5b;--ds-color-warning-text-default: #f7ebdb;--ds-color-warning-base-default: #60400b;--ds-color-warning-base-hover: #7a510e;--ds-color-warning-base-active: #946211;--ds-color-warning-base-contrast-subtle: #e6e2d9;--ds-color-warning-base-contrast-default: #ffffff;--ds-color-focus-inner: #13181f;--ds-color-focus-outer: #a7a9ca;--ds-link-color-visited: #b49acd;color-scheme:dark}}}@layer ds.theme.typography.primary{:root,[data-typography=primary]{--ds-line-height-sm: 1.3;--ds-line-height-md: 1.5;--ds-line-height-lg: 1.7;--ds-letter-spacing-1: -.01em;--ds-letter-spacing-2: -.005em;--ds-letter-spacing-3: -.0025em;--ds-letter-spacing-4: -.0015em;--ds-letter-spacing-5: 0em;--ds-letter-spacing-6: .0015em;--ds-letter-spacing-7: .0025em;--ds-letter-spacing-8: .005em;--ds-letter-spacing-9: .015em;--ds-font-family: Museo sans;--ds-font-weight-medium: 500;--ds-font-weight-semibold: 700;--ds-font-weight-regular: 300;--ds-heading-2xl-font-weight: 500;--ds-heading-2xl-line-height: 1.3;--ds-heading-2xl-letter-spacing: -.01em;--ds-heading-xl-font-weight: 500;--ds-heading-xl-line-height: 1.3;--ds-heading-xl-letter-spacing: -.01em;--ds-heading-lg-font-weight: 500;--ds-heading-lg-line-height: 1.3;--ds-heading-lg-letter-spacing: -.005em;--ds-heading-md-font-weight: 500;--ds-heading-md-line-height: 1.3;--ds-heading-md-letter-spacing: -.0025em;--ds-heading-sm-font-weight: 500;--ds-heading-sm-line-height: 1.3;--ds-heading-sm-letter-spacing: 0em;--ds-heading-xs-font-weight: 500;--ds-heading-xs-line-height: 1.3;--ds-heading-xs-letter-spacing: .0015em;--ds-heading-2xs-font-weight: 500;--ds-heading-2xs-line-height: 1.3;--ds-heading-2xs-letter-spacing: .0015em;--ds-body-xl-font-weight: 300;--ds-body-xl-line-height: 1.5;--ds-body-xl-letter-spacing: .005em;--ds-body-lg-font-weight: 300;--ds-body-lg-line-height: 1.5;--ds-body-lg-letter-spacing: .005em;--ds-body-md-font-weight: 300;--ds-body-md-line-height: 1.5;--ds-body-md-letter-spacing: .005em;--ds-body-sm-font-weight: 300;--ds-body-sm-line-height: 1.5;--ds-body-sm-letter-spacing: .0025em;--ds-body-xs-font-weight: 300;--ds-body-xs-line-height: 1.5;--ds-body-xs-letter-spacing: .0015em;--ds-body-short-xl-font-weight: 300;--ds-body-short-xl-line-height: 1.3;--ds-body-short-xl-letter-spacing: .005em;--ds-body-short-lg-font-weight: 300;--ds-body-short-lg-line-height: 1.3;--ds-body-short-lg-letter-spacing: .005em;--ds-body-short-md-font-weight: 300;--ds-body-short-md-line-height: 1.3;--ds-body-short-md-letter-spacing: .005em;--ds-body-short-sm-font-weight: 300;--ds-body-short-sm-line-height: 1.3;--ds-body-short-sm-letter-spacing: .0025em;--ds-body-short-xs-font-weight: 300;--ds-body-short-xs-line-height: 1.3;--ds-body-short-xs-letter-spacing: .0015em;--ds-body-long-xl-font-weight: 300;--ds-body-long-xl-line-height: 1.7;--ds-body-long-xl-letter-spacing: .005em;--ds-body-long-lg-font-weight: 300;--ds-body-long-lg-line-height: 1.7;--ds-body-long-lg-letter-spacing: .005em;--ds-body-long-md-font-weight: 300;--ds-body-long-md-line-height: 1.7;--ds-body-long-md-letter-spacing: .005em;--ds-body-long-sm-font-weight: 300;--ds-body-long-sm-line-height: 1.7;--ds-body-long-sm-letter-spacing: .0025em;--ds-body-long-xs-font-weight: 300;--ds-body-long-xs-line-height: 1.7;--ds-body-long-xs-letter-spacing: .0015em}}@layer ds.theme.color{[data-color=accent],[data-color-scheme][data-color=accent]{--ds-color-background-default: var(--ds-color-accent-background-default);--ds-color-background-tinted: var(--ds-color-accent-background-tinted);--ds-color-surface-default: var(--ds-color-accent-surface-default);--ds-color-surface-tinted: var(--ds-color-accent-surface-tinted);--ds-color-surface-hover: var(--ds-color-accent-surface-hover);--ds-color-surface-active: var(--ds-color-accent-surface-active);--ds-color-border-subtle: var(--ds-color-accent-border-subtle);--ds-color-border-default: var(--ds-color-accent-border-default);--ds-color-border-strong: var(--ds-color-accent-border-strong);--ds-color-text-subtle: var(--ds-color-accent-text-subtle);--ds-color-text-default: var(--ds-color-accent-text-default);--ds-color-base-default: var(--ds-color-accent-base-default);--ds-color-base-hover: var(--ds-color-accent-base-hover);--ds-color-base-active: var(--ds-color-accent-base-active);--ds-color-base-contrast-subtle: var(--ds-color-accent-base-contrast-subtle);--ds-color-base-contrast-default: var(--ds-color-accent-base-contrast-default)}}@layer ds.theme.color{[data-color=danger],[data-color-scheme][data-color=danger]{--ds-color-background-default: var(--ds-color-danger-background-default);--ds-color-background-tinted: var(--ds-color-danger-background-tinted);--ds-color-surface-default: var(--ds-color-danger-surface-default);--ds-color-surface-tinted: var(--ds-color-danger-surface-tinted);--ds-color-surface-hover: var(--ds-color-danger-surface-hover);--ds-color-surface-active: var(--ds-color-danger-surface-active);--ds-color-border-subtle: var(--ds-color-danger-border-subtle);--ds-color-border-default: var(--ds-color-danger-border-default);--ds-color-border-strong: var(--ds-color-danger-border-strong);--ds-color-text-subtle: var(--ds-color-danger-text-subtle);--ds-color-text-default: var(--ds-color-danger-text-default);--ds-color-base-default: var(--ds-color-danger-base-default);--ds-color-base-hover: var(--ds-color-danger-base-hover);--ds-color-base-active: var(--ds-color-danger-base-active);--ds-color-base-contrast-subtle: var(--ds-color-danger-base-contrast-subtle);--ds-color-base-contrast-default: var(--ds-color-danger-base-contrast-default)}}@layer ds.theme.color{[data-color=dyphav],[data-color-scheme][data-color=dyphav]{--ds-color-background-default: var(--ds-color-dyphav-background-default);--ds-color-background-tinted: var(--ds-color-dyphav-background-tinted);--ds-color-surface-default: var(--ds-color-dyphav-surface-default);--ds-color-surface-tinted: var(--ds-color-dyphav-surface-tinted);--ds-color-surface-hover: var(--ds-color-dyphav-surface-hover);--ds-color-surface-active: var(--ds-color-dyphav-surface-active);--ds-color-border-subtle: var(--ds-color-dyphav-border-subtle);--ds-color-border-default: var(--ds-color-dyphav-border-default);--ds-color-border-strong: var(--ds-color-dyphav-border-strong);--ds-color-text-subtle: var(--ds-color-dyphav-text-subtle);--ds-color-text-default: var(--ds-color-dyphav-text-default);--ds-color-base-default: var(--ds-color-dyphav-base-default);--ds-color-base-hover: var(--ds-color-dyphav-base-hover);--ds-color-base-active: var(--ds-color-dyphav-base-active);--ds-color-base-contrast-subtle: var(--ds-color-dyphav-base-contrast-subtle);--ds-color-base-contrast-default: var(--ds-color-dyphav-base-contrast-default)}}@layer ds.theme.color{[data-color=extra1],[data-color-scheme][data-color=extra1]{--ds-color-background-default: var(--ds-color-extra1-background-default);--ds-color-background-tinted: var(--ds-color-extra1-background-tinted);--ds-color-surface-default: var(--ds-color-extra1-surface-default);--ds-color-surface-tinted: var(--ds-color-extra1-surface-tinted);--ds-color-surface-hover: var(--ds-color-extra1-surface-hover);--ds-color-surface-active: var(--ds-color-extra1-surface-active);--ds-color-border-subtle: var(--ds-color-extra1-border-subtle);--ds-color-border-default: var(--ds-color-extra1-border-default);--ds-color-border-strong: var(--ds-color-extra1-border-strong);--ds-color-text-subtle: var(--ds-color-extra1-text-subtle);--ds-color-text-default: var(--ds-color-extra1-text-default);--ds-color-base-default: var(--ds-color-extra1-base-default);--ds-color-base-hover: var(--ds-color-extra1-base-hover);--ds-color-base-active: var(--ds-color-extra1-base-active);--ds-color-base-contrast-subtle: var(--ds-color-extra1-base-contrast-subtle);--ds-color-base-contrast-default: var(--ds-color-extra1-base-contrast-default)}}@layer ds.theme.color{[data-color=extra2],[data-color-scheme][data-color=extra2]{--ds-color-background-default: var(--ds-color-extra2-background-default);--ds-color-background-tinted: var(--ds-color-extra2-background-tinted);--ds-color-surface-default: var(--ds-color-extra2-surface-default);--ds-color-surface-tinted: var(--ds-color-extra2-surface-tinted);--ds-color-surface-hover: var(--ds-color-extra2-surface-hover);--ds-color-surface-active: var(--ds-color-extra2-surface-active);--ds-color-border-subtle: var(--ds-color-extra2-border-subtle);--ds-color-border-default: var(--ds-color-extra2-border-default);--ds-color-border-strong: var(--ds-color-extra2-border-strong);--ds-color-text-subtle: var(--ds-color-extra2-text-subtle);--ds-color-text-default: var(--ds-color-extra2-text-default);--ds-color-base-default: var(--ds-color-extra2-base-default);--ds-color-base-hover: var(--ds-color-extra2-base-hover);--ds-color-base-active: var(--ds-color-extra2-base-active);--ds-color-base-contrast-subtle: var(--ds-color-extra2-base-contrast-subtle);--ds-color-base-contrast-default: var(--ds-color-extra2-base-contrast-default)}}@layer ds.theme.color{[data-color=fyr],[data-color-scheme][data-color=fyr]{--ds-color-background-default: var(--ds-color-fyr-background-default);--ds-color-background-tinted: var(--ds-color-fyr-background-tinted);--ds-color-surface-default: var(--ds-color-fyr-surface-default);--ds-color-surface-tinted: var(--ds-color-fyr-surface-tinted);--ds-color-surface-hover: var(--ds-color-fyr-surface-hover);--ds-color-surface-active: var(--ds-color-fyr-surface-active);--ds-color-border-subtle: var(--ds-color-fyr-border-subtle);--ds-color-border-default: var(--ds-color-fyr-border-default);--ds-color-border-strong: var(--ds-color-fyr-border-strong);--ds-color-text-subtle: var(--ds-color-fyr-text-subtle);--ds-color-text-default: var(--ds-color-fyr-text-default);--ds-color-base-default: var(--ds-color-fyr-base-default);--ds-color-base-hover: var(--ds-color-fyr-base-hover);--ds-color-base-active: var(--ds-color-fyr-base-active);--ds-color-base-contrast-subtle: var(--ds-color-fyr-base-contrast-subtle);--ds-color-base-contrast-default: var(--ds-color-fyr-base-contrast-default)}}@layer ds.theme.color{[data-color=gress],[data-color-scheme][data-color=gress]{--ds-color-background-default: var(--ds-color-gress-background-default);--ds-color-background-tinted: var(--ds-color-gress-background-tinted);--ds-color-surface-default: var(--ds-color-gress-surface-default);--ds-color-surface-tinted: var(--ds-color-gress-surface-tinted);--ds-color-surface-hover: var(--ds-color-gress-surface-hover);--ds-color-surface-active: var(--ds-color-gress-surface-active);--ds-color-border-subtle: var(--ds-color-gress-border-subtle);--ds-color-border-default: var(--ds-color-gress-border-default);--ds-color-border-strong: var(--ds-color-gress-border-strong);--ds-color-text-subtle: var(--ds-color-gress-text-subtle);--ds-color-text-default: var(--ds-color-gress-text-default);--ds-color-base-default: var(--ds-color-gress-base-default);--ds-color-base-hover: var(--ds-color-gress-base-hover);--ds-color-base-active: var(--ds-color-gress-base-active);--ds-color-base-contrast-subtle: var(--ds-color-gress-base-contrast-subtle);--ds-color-base-contrast-default: var(--ds-color-gress-base-contrast-default)}}@layer ds.theme.color{[data-color=hav],[data-color-scheme][data-color=hav]{--ds-color-background-default: var(--ds-color-hav-background-default);--ds-color-background-tinted: var(--ds-color-hav-background-tinted);--ds-color-surface-default: var(--ds-color-hav-surface-default);--ds-color-surface-tinted: var(--ds-color-hav-surface-tinted);--ds-color-surface-hover: var(--ds-color-hav-surface-hover);--ds-color-surface-active: var(--ds-color-hav-surface-active);--ds-color-border-subtle: var(--ds-color-hav-border-subtle);--ds-color-border-default: var(--ds-color-hav-border-default);--ds-color-border-strong: var(--ds-color-hav-border-strong);--ds-color-text-subtle: var(--ds-color-hav-text-subtle);--ds-color-text-default: var(--ds-color-hav-text-default);--ds-color-base-default: var(--ds-color-hav-base-default);--ds-color-base-hover: var(--ds-color-hav-base-hover);--ds-color-base-active: var(--ds-color-hav-base-active);--ds-color-base-contrast-subtle: var(--ds-color-hav-base-contrast-subtle);--ds-color-base-contrast-default: var(--ds-color-hav-base-contrast-default)}}@layer ds.theme.color{[data-color=himmel],[data-color-scheme][data-color=himmel]{--ds-color-background-default: var(--ds-color-himmel-background-default);--ds-color-background-tinted: var(--ds-color-himmel-background-tinted);--ds-color-surface-default: var(--ds-color-himmel-surface-default);--ds-color-surface-tinted: var(--ds-color-himmel-surface-tinted);--ds-color-surface-hover: var(--ds-color-himmel-surface-hover);--ds-color-surface-active: var(--ds-color-himmel-surface-active);--ds-color-border-subtle: var(--ds-color-himmel-border-subtle);--ds-color-border-default: var(--ds-color-himmel-border-default);--ds-color-border-strong: var(--ds-color-himmel-border-strong);--ds-color-text-subtle: var(--ds-color-himmel-text-subtle);--ds-color-text-default: var(--ds-color-himmel-text-default);--ds-color-base-default: var(--ds-color-himmel-base-default);--ds-color-base-hover: var(--ds-color-himmel-base-hover);--ds-color-base-active: var(--ds-color-himmel-base-active);--ds-color-base-contrast-subtle: var(--ds-color-himmel-base-contrast-subtle);--ds-color-base-contrast-default: var(--ds-color-himmel-base-contrast-default)}}@layer ds.theme.color{[data-color=info],[data-color-scheme][data-color=info]{--ds-color-background-default: var(--ds-color-info-background-default);--ds-color-background-tinted: var(--ds-color-info-background-tinted);--ds-color-surface-default: var(--ds-color-info-surface-default);--ds-color-surface-tinted: var(--ds-color-info-surface-tinted);--ds-color-surface-hover: var(--ds-color-info-surface-hover);--ds-color-surface-active: var(--ds-color-info-surface-active);--ds-color-border-subtle: var(--ds-color-info-border-subtle);--ds-color-border-default: var(--ds-color-info-border-default);--ds-color-border-strong: var(--ds-color-info-border-strong);--ds-color-text-subtle: var(--ds-color-info-text-subtle);--ds-color-text-default: var(--ds-color-info-text-default);--ds-color-base-default: var(--ds-color-info-base-default);--ds-color-base-hover: var(--ds-color-info-base-hover);--ds-color-base-active: var(--ds-color-info-base-active);--ds-color-base-contrast-subtle: var(--ds-color-info-base-contrast-subtle);--ds-color-base-contrast-default: var(--ds-color-info-base-contrast-default)}}@layer ds.theme.color{[data-color=lyng],[data-color-scheme][data-color=lyng]{--ds-color-background-default: var(--ds-color-lyng-background-default);--ds-color-background-tinted: var(--ds-color-lyng-background-tinted);--ds-color-surface-default: var(--ds-color-lyng-surface-default);--ds-color-surface-tinted: var(--ds-color-lyng-surface-tinted);--ds-color-surface-hover: var(--ds-color-lyng-surface-hover);--ds-color-surface-active: var(--ds-color-lyng-surface-active);--ds-color-border-subtle: var(--ds-color-lyng-border-subtle);--ds-color-border-default: var(--ds-color-lyng-border-default);--ds-color-border-strong: var(--ds-color-lyng-border-strong);--ds-color-text-subtle: var(--ds-color-lyng-text-subtle);--ds-color-text-default: var(--ds-color-lyng-text-default);--ds-color-base-default: var(--ds-color-lyng-base-default);--ds-color-base-hover: var(--ds-color-lyng-base-hover);--ds-color-base-active: var(--ds-color-lyng-base-active);--ds-color-base-contrast-subtle: var(--ds-color-lyng-base-contrast-subtle);--ds-color-base-contrast-default: var(--ds-color-lyng-base-contrast-default)}}@layer ds.theme.color{[data-color=neutral],[data-color-scheme][data-color=neutral]{--ds-color-background-default: var(--ds-color-neutral-background-default);--ds-color-background-tinted: var(--ds-color-neutral-background-tinted);--ds-color-surface-default: var(--ds-color-neutral-surface-default);--ds-color-surface-tinted: var(--ds-color-neutral-surface-tinted);--ds-color-surface-hover: var(--ds-color-neutral-surface-hover);--ds-color-surface-active: var(--ds-color-neutral-surface-active);--ds-color-border-subtle: var(--ds-color-neutral-border-subtle);--ds-color-border-default: var(--ds-color-neutral-border-default);--ds-color-border-strong: var(--ds-color-neutral-border-strong);--ds-color-text-subtle: var(--ds-color-neutral-text-subtle);--ds-color-text-default: var(--ds-color-neutral-text-default);--ds-color-base-default: var(--ds-color-neutral-base-default);--ds-color-base-hover: var(--ds-color-neutral-base-hover);--ds-color-base-active: var(--ds-color-neutral-base-active);--ds-color-base-contrast-subtle: var(--ds-color-neutral-base-contrast-subtle);--ds-color-base-contrast-default: var(--ds-color-neutral-base-contrast-default)}}@layer ds.theme.color{:root,[data-color-scheme],[data-color=primary]{--ds-color-background-default: var(--ds-color-primary-background-default);--ds-color-background-tinted: var(--ds-color-primary-background-tinted);--ds-color-surface-default: var(--ds-color-primary-surface-default);--ds-color-surface-tinted: var(--ds-color-primary-surface-tinted);--ds-color-surface-hover: var(--ds-color-primary-surface-hover);--ds-color-surface-active: var(--ds-color-primary-surface-active);--ds-color-border-subtle: var(--ds-color-primary-border-subtle);--ds-color-border-default: var(--ds-color-primary-border-default);--ds-color-border-strong: var(--ds-color-primary-border-strong);--ds-color-text-subtle: var(--ds-color-primary-text-subtle);--ds-color-text-default: var(--ds-color-primary-text-default);--ds-color-base-default: var(--ds-color-primary-base-default);--ds-color-base-hover: var(--ds-color-primary-base-hover);--ds-color-base-active: var(--ds-color-primary-base-active);--ds-color-base-contrast-subtle: var(--ds-color-primary-base-contrast-subtle);--ds-color-base-contrast-default: var(--ds-color-primary-base-contrast-default)}}@layer ds.theme.color{[data-color=sand],[data-color-scheme][data-color=sand]{--ds-color-background-default: var(--ds-color-sand-background-default);--ds-color-background-tinted: var(--ds-color-sand-background-tinted);--ds-color-surface-default: var(--ds-color-sand-surface-default);--ds-color-surface-tinted: var(--ds-color-sand-surface-tinted);--ds-color-surface-hover: var(--ds-color-sand-surface-hover);--ds-color-surface-active: var(--ds-color-sand-surface-active);--ds-color-border-subtle: var(--ds-color-sand-border-subtle);--ds-color-border-default: var(--ds-color-sand-border-default);--ds-color-border-strong: var(--ds-color-sand-border-strong);--ds-color-text-subtle: var(--ds-color-sand-text-subtle);--ds-color-text-default: var(--ds-color-sand-text-default);--ds-color-base-default: var(--ds-color-sand-base-default);--ds-color-base-hover: var(--ds-color-sand-base-hover);--ds-color-base-active: var(--ds-color-sand-base-active);--ds-color-base-contrast-subtle: var(--ds-color-sand-base-contrast-subtle);--ds-color-base-contrast-default: var(--ds-color-sand-base-contrast-default)}}@layer ds.theme.color{[data-color=skog],[data-color-scheme][data-color=skog]{--ds-color-background-default: var(--ds-color-skog-background-default);--ds-color-background-tinted: var(--ds-color-skog-background-tinted);--ds-color-surface-default: var(--ds-color-skog-surface-default);--ds-color-surface-tinted: var(--ds-color-skog-surface-tinted);--ds-color-surface-hover: var(--ds-color-skog-surface-hover);--ds-color-surface-active: var(--ds-color-skog-surface-active);--ds-color-border-subtle: var(--ds-color-skog-border-subtle);--ds-color-border-default: var(--ds-color-skog-border-default);--ds-color-border-strong: var(--ds-color-skog-border-strong);--ds-color-text-subtle: var(--ds-color-skog-text-subtle);--ds-color-text-default: var(--ds-color-skog-text-default);--ds-color-base-default: var(--ds-color-skog-base-default);--ds-color-base-hover: var(--ds-color-skog-base-hover);--ds-color-base-active: var(--ds-color-skog-base-active);--ds-color-base-contrast-subtle: var(--ds-color-skog-base-contrast-subtle);--ds-color-base-contrast-default: var(--ds-color-skog-base-contrast-default)}}@layer ds.theme.color{[data-color=sol],[data-color-scheme][data-color=sol]{--ds-color-background-default: var(--ds-color-sol-background-default);--ds-color-background-tinted: var(--ds-color-sol-background-tinted);--ds-color-surface-default: var(--ds-color-sol-surface-default);--ds-color-surface-tinted: var(--ds-color-sol-surface-tinted);--ds-color-surface-hover: var(--ds-color-sol-surface-hover);--ds-color-surface-active: var(--ds-color-sol-surface-active);--ds-color-border-subtle: var(--ds-color-sol-border-subtle);--ds-color-border-default: var(--ds-color-sol-border-default);--ds-color-border-strong: var(--ds-color-sol-border-strong);--ds-color-text-subtle: var(--ds-color-sol-text-subtle);--ds-color-text-default: var(--ds-color-sol-text-default);--ds-color-base-default: var(--ds-color-sol-base-default);--ds-color-base-hover: var(--ds-color-sol-base-hover);--ds-color-base-active: var(--ds-color-sol-base-active);--ds-color-base-contrast-subtle: var(--ds-color-sol-base-contrast-subtle);--ds-color-base-contrast-default: var(--ds-color-sol-base-contrast-default)}}@layer ds.theme.color{[data-color=stein],[data-color-scheme][data-color=stein]{--ds-color-background-default: var(--ds-color-stein-background-default);--ds-color-background-tinted: var(--ds-color-stein-background-tinted);--ds-color-surface-default: var(--ds-color-stein-surface-default);--ds-color-surface-tinted: var(--ds-color-stein-surface-tinted);--ds-color-surface-hover: var(--ds-color-stein-surface-hover);--ds-color-surface-active: var(--ds-color-stein-surface-active);--ds-color-border-subtle: var(--ds-color-stein-border-subtle);--ds-color-border-default: var(--ds-color-stein-border-default);--ds-color-border-strong: var(--ds-color-stein-border-strong);--ds-color-text-subtle: var(--ds-color-stein-text-subtle);--ds-color-text-default: var(--ds-color-stein-text-default);--ds-color-base-default: var(--ds-color-stein-base-default);--ds-color-base-hover: var(--ds-color-stein-base-hover);--ds-color-base-active: var(--ds-color-stein-base-active);--ds-color-base-contrast-subtle: var(--ds-color-stein-base-contrast-subtle);--ds-color-base-contrast-default: var(--ds-color-stein-base-contrast-default)}}@layer ds.theme.color{[data-color=success],[data-color-scheme][data-color=success]{--ds-color-background-default: var(--ds-color-success-background-default);--ds-color-background-tinted: var(--ds-color-success-background-tinted);--ds-color-surface-default: var(--ds-color-success-surface-default);--ds-color-surface-tinted: var(--ds-color-success-surface-tinted);--ds-color-surface-hover: var(--ds-color-success-surface-hover);--ds-color-surface-active: var(--ds-color-success-surface-active);--ds-color-border-subtle: var(--ds-color-success-border-subtle);--ds-color-border-default: var(--ds-color-success-border-default);--ds-color-border-strong: var(--ds-color-success-border-strong);--ds-color-text-subtle: var(--ds-color-success-text-subtle);--ds-color-text-default: var(--ds-color-success-text-default);--ds-color-base-default: var(--ds-color-success-base-default);--ds-color-base-hover: var(--ds-color-success-base-hover);--ds-color-base-active: var(--ds-color-success-base-active);--ds-color-base-contrast-subtle: var(--ds-color-success-base-contrast-subtle);--ds-color-base-contrast-default: var(--ds-color-success-base-contrast-default)}}@layer ds.theme.color{[data-color=warning],[data-color-scheme][data-color=warning]{--ds-color-background-default: var(--ds-color-warning-background-default);--ds-color-background-tinted: var(--ds-color-warning-background-tinted);--ds-color-surface-default: var(--ds-color-warning-surface-default);--ds-color-surface-tinted: var(--ds-color-warning-surface-tinted);--ds-color-surface-hover: var(--ds-color-warning-surface-hover);--ds-color-surface-active: var(--ds-color-warning-surface-active);--ds-color-border-subtle: var(--ds-color-warning-border-subtle);--ds-color-border-default: var(--ds-color-warning-border-default);--ds-color-border-strong: var(--ds-color-warning-border-strong);--ds-color-text-subtle: var(--ds-color-warning-text-subtle);--ds-color-text-default: var(--ds-color-warning-text-default);--ds-color-base-default: var(--ds-color-warning-base-default);--ds-color-base-hover: var(--ds-color-warning-base-hover);--ds-color-base-active: var(--ds-color-warning-base-active);--ds-color-base-contrast-subtle: var(--ds-color-warning-base-contrast-subtle);--ds-color-base-contrast-default: var(--ds-color-warning-base-contrast-default)}}@layer styrbord-consent;@layer styrbord-consent{._button_ax4nf_2{display:inline-flex;align-items:center;justify-content:center;gap:var(--ds-size-2);min-height:var(--ds-size-12);padding:var(--ds-size-2) var(--ds-size-4);border:var(--ds-border-width-default) solid transparent;border-radius:var(--ds-border-radius-default);font-family:var(--ds-font-family),system-ui,sans-serif;font-size:var(--ds-body-sm-font-size);font-weight:var(--ds-font-weight-medium);line-height:var(--ds-line-height-sm);text-align:center;cursor:pointer}._button_ax4nf_2:focus-visible{outline:var(--ds-border-width-focus) solid var(--ds-color-focus-outer);outline-offset:var(--ds-border-width-focus)}._button_ax4nf_2:disabled{cursor:not-allowed;opacity:var(--ds-opacity-disabled)}._filled_ax4nf_29{background:var(--ds-color-base-default);color:var(--ds-color-base-contrast-default)}._filled_ax4nf_29:hover:not(:disabled){background:var(--ds-color-base-hover)}._filled_ax4nf_29:active:not(:disabled){background:var(--ds-color-base-active)}._outline_ax4nf_42{background:transparent;color:var(--ds-color-text-subtle);border-color:var(--ds-color-border-strong)}._ghost_ax4nf_48{background:transparent;color:var(--ds-color-text-subtle)}._outline_ax4nf_42:hover:not(:disabled),._ghost_ax4nf_48:hover:not(:disabled){background:var(--ds-color-surface-hover)}._outline_ax4nf_42:active:not(:disabled),._ghost_ax4nf_48:active:not(:disabled){background:var(--ds-color-surface-active)}}@layer styrbord-consent{._banner_hahjv_2{position:fixed;inset-inline:0;bottom:0;z-index:1000;padding:var(--ds-size-4);background:var(--ds-color-neutral-background-default);color:var(--ds-color-neutral-text-default);border-top:1px solid var(--ds-color-neutral-border-subtle);box-shadow:var(--ds-shadow-lg);padding-bottom:calc(var(--ds-size-4) + env(safe-area-inset-bottom,0px))}._inner_hahjv_15{display:flex;flex-direction:column;gap:var(--ds-size-4);max-width:68rem;margin-inline:auto}._text_hahjv_23{display:flex;flex-direction:column;gap:var(--ds-size-2)}._heading_hahjv_29{margin:0;font-family:var(--ds-font-family),system-ui,sans-serif;font-size:var(--ds-heading-xs-font-size);font-weight:var(--ds-heading-xs-font-weight);line-height:var(--ds-heading-xs-line-height);letter-spacing:var(--ds-heading-xs-letter-spacing)}._body_hahjv_38{margin:0;font-family:var(--ds-font-family),system-ui,sans-serif;font-size:var(--ds-body-sm-font-size);line-height:var(--ds-body-sm-line-height)}._actions_hahjv_45{display:flex;flex-wrap:wrap;gap:var(--ds-size-2)}}@layer styrbord-consent{._switch_oxxbn_2{display:grid;grid-template-columns:auto 1fr;align-items:center;column-gap:var(--ds-size-2);row-gap:var(--ds-size-1)}._input_oxxbn_10{-webkit-appearance:none;-moz-appearance:none;appearance:none;position:relative;flex-shrink:0;width:var(--ds-size-12);height:var(--ds-size-7);margin:0;padding:0;border:var(--ds-border-width-default) solid var(--ds-color-neutral-border-default);border-radius:var(--ds-border-radius-full);background:var(--ds-color-neutral-surface-default);cursor:pointer;transition:background .12s ease-in-out}._input_oxxbn_10:after{content:"";position:absolute;inset-block:2px;inset-inline-start:2px;aspect-ratio:1;border-radius:var(--ds-border-radius-full);background:var(--ds-color-neutral-base-default);transition:translate .12s ease-in-out}._input_oxxbn_10:checked{background:var(--ds-color-base-default);border-color:var(--ds-color-base-default)}._input_oxxbn_10:checked:after{background:var(--ds-color-base-contrast-default);translate:calc(var(--ds-size-12) - var(--ds-size-7)) 0}._input_oxxbn_10:focus-visible{outline:var(--ds-border-width-focus) solid var(--ds-color-focus-outer);outline-offset:var(--ds-border-width-focus)}._label_oxxbn_53{font-family:var(--ds-font-family),system-ui,sans-serif;font-size:var(--ds-heading-2xs-font-size);font-weight:var(--ds-font-weight-medium);line-height:var(--ds-heading-2xs-line-height);color:var(--ds-color-neutral-text-default);cursor:pointer}._description_oxxbn_62{grid-column:2;margin:0;font-family:var(--ds-font-family),system-ui,sans-serif;font-size:var(--ds-body-sm-font-size);line-height:var(--ds-body-sm-line-height);color:var(--ds-color-neutral-text-subtle)}}@layer styrbord-consent{._dialog_1y45s_2{width:min(42rem,calc(100vw - var(--ds-size-8)));max-height:min(44rem,calc(100vh - var(--ds-size-8)));padding:0;display:flex;flex-direction:column;overflow:hidden;border:none;border-radius:var(--ds-border-radius-lg);background:var(--ds-color-neutral-background-default);color:var(--ds-color-neutral-text-default);box-shadow:var(--ds-shadow-xl)}._dialog_1y45s_2:not([open]){display:none}._dialog_1y45s_2::backdrop{background:#0006}._content_1y45s_26{display:flex;flex-direction:column;gap:var(--ds-size-4);padding:var(--ds-size-6);overflow-y:auto}._header_1y45s_34{display:flex;align-items:start;justify-content:space-between;gap:var(--ds-size-4)}._heading_1y45s_41{margin:0;font-family:var(--ds-font-family),system-ui,sans-serif;font-size:var(--ds-heading-sm-font-size);font-weight:var(--ds-heading-sm-font-weight);line-height:var(--ds-heading-sm-line-height);letter-spacing:var(--ds-heading-sm-letter-spacing)}._close_1y45s_50{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:var(--ds-size-10);height:var(--ds-size-10);padding:0;border:none;border-radius:var(--ds-border-radius-full);background:transparent;color:var(--ds-color-neutral-text-subtle);cursor:pointer}._close_1y45s_50 svg{width:var(--ds-size-5);height:var(--ds-size-5)}._close_1y45s_50:hover{background:var(--ds-color-neutral-surface-hover)}._close_1y45s_50:focus-visible,._summary_1y45s_75:focus-visible{outline:var(--ds-border-width-focus) solid var(--ds-color-focus-outer);outline-offset:var(--ds-border-width-focus)}._body_1y45s_80{margin:0;font-family:var(--ds-font-family),system-ui,sans-serif;font-size:var(--ds-body-sm-font-size);line-height:var(--ds-body-sm-line-height)}._fineprint_1y45s_87{margin:0;font-family:var(--ds-font-family),system-ui,sans-serif;font-size:var(--ds-body-xs-font-size);line-height:var(--ds-body-xs-line-height);color:var(--ds-color-neutral-text-subtle)}._categories_1y45s_95{display:flex;flex-direction:column;gap:var(--ds-size-4)}._category_1y45s_101{display:flex;flex-direction:column;gap:var(--ds-size-2);padding-bottom:var(--ds-size-4);border-bottom:1px solid var(--ds-color-neutral-border-subtle)}._category_1y45s_101:last-child{border-bottom:none;padding-bottom:0}._categoryHeading_1y45s_114{margin:0;font-family:var(--ds-font-family),system-ui,sans-serif;font-size:var(--ds-heading-2xs-font-size);font-weight:var(--ds-heading-2xs-font-weight);line-height:var(--ds-heading-2xs-line-height)}._services_1y45s_122{display:flex;flex-direction:column;gap:var(--ds-size-2);margin-top:var(--ds-size-2)}._details_1y45s_129{font-family:var(--ds-font-family),system-ui,sans-serif;font-size:var(--ds-body-xs-font-size)}._summary_1y45s_75{width:fit-content;border-radius:var(--ds-border-radius-sm);color:var(--ds-color-neutral-text-subtle);cursor:pointer;text-decoration:underline}._table_1y45s_142{width:100%;margin-top:var(--ds-size-2);border-collapse:collapse;text-align:start}._table_1y45s_142 :is(th,td){padding:var(--ds-size-1) var(--ds-size-2);border-bottom:1px solid var(--ds-color-neutral-border-subtle);text-align:start;vertical-align:top;font-weight:var(--ds-font-weight-regular)}._table_1y45s_142 th{color:var(--ds-color-neutral-text-subtle);font-weight:var(--ds-font-weight-medium)}._buttons_1y45s_162{display:flex;flex-wrap:wrap;gap:var(--ds-size-2);padding:var(--ds-size-4) var(--ds-size-6);border-top:1px solid var(--ds-color-neutral-border-subtle);background:var(--ds-color-neutral-background-default)}}@layer styrbord-consent{._button_zo1st_2{position:fixed;right:calc(var(--ds-size-4) + env(safe-area-inset-right,0px));bottom:calc(var(--ds-size-4) + env(safe-area-inset-bottom,0px));z-index:999;display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;padding:0;border:var(--ds-border-width-default) solid var(--ds-color-border-strong);border-radius:var(--ds-border-radius-full);background:var(--ds-color-neutral-background-default);color:var(--ds-color-text-subtle);box-shadow:var(--ds-shadow-md);cursor:pointer}._button_zo1st_2:hover{background:var(--ds-color-surface-hover)}._button_zo1st_2:active{background:var(--ds-color-surface-active)}._button_zo1st_2:focus-visible{outline:var(--ds-border-width-focus) solid var(--ds-color-focus-outer);outline-offset:var(--ds-border-width-focus)}._icon_zo1st_36{width:var(--ds-size-6);height:var(--ds-size-6)}}@layer styrbord-consent{._link_6z1zn_4{display:inline;padding:0;border:none;background:none;font:inherit;color:var(--ds-color-primary-text-default);text-decoration:underline;cursor:pointer}._link_6z1zn_4:hover{text-decoration-thickness:2px}._link_6z1zn_4:focus-visible{outline:var(--ds-border-width-focus) solid var(--ds-color-focus-outer);outline-offset:2px}}