rk-designsystem 1.3.0 → 1.3.2

package/dist/{componentlibrary.es.js → translations/index.js}

@@ -1,480 +1,5 @@
-import { jsx as t, jsxs as r, Fragment as tt } from "react/jsx-runtime";
-import ye, { forwardRef as me, useState as Z, useContext as nt, createContext as pt, useEffect as U, useRef as Ee, useMemo as Ae, useCallback as ce, useId as We } from "react";
-import { Heading as mt, Alert as gt, Avatar as ut, BadgePosition as ht, Badge as ft, Breadcrumbs as kt, BreadcrumbsItem as vt, BreadcrumbsLink as bt, BreadcrumbsList as yt, Button as Ge, Card as xt, CardBlock as Tt, Checkbox as Ct, useCheckboxGroup as wt, Fieldset as ot, Chip as St, Spinner as _t, Details as It, Dialog as Lt, Divider as Dt, Dropdown as Mt, DropdownButton as jt, DropdownHeading as At, DropdownItem as Nt, DropdownList as Et, DropdownTrigger as Bt, DropdownTriggerContext as Ft, ErrorSummary as Pt, Field as $t, FieldCounter as zt, FieldDescription as Rt, Input as Gt, Label as Ht, Link as Wt, List as Ut, Pagination as Vt, PaginationButton as Ot, PaginationItem as Kt, PaginationList as Zt, usePagination as qt, Paragraph as Yt, Popover as Xt, Radio as Jt, useRadioGroup as Qt, Search as en, SearchInput as tn, SearchClear as nn, SearchButton as on, Select as rn, Skeleton as an, SkipLink as sn, EXPERIMENTAL_Suggestion as ln, Switch as dn, Table as cn, Tabs as pn, Tag as mn, Textarea as gn, Textfield as un, ToggleGroup as hn, Tooltip as fn, ValidationMessage as kn } from "@digdir/designsystemet-react";
-import { startOfMonth as be, isValid as De, isSameMonth as Fe, format as ve, startOfWeek as He, addDays as Ce, subMonths as Ve, addMonths as Oe, endOfWeek as vn, isSameDay as Ke, isToday as bn, eachDayOfInterval as yn, getDaysInMonth as xn, setDate as Tn, parse as Cn } from "date-fns";
-import wn from "embla-carousel-react";
-import { ChevronLeftIcon as Sn, ChevronRightIcon as _n, PlayIcon as In, PauseIcon as Ln, ChevronDownIcon as Ze, XMarkIcon as qe, MagnifyingGlassIcon as Ye, MenuHamburgerIcon as Dn, HeartIcon as Mn } from "@navikt/aksel-icons";
-const rt = me((n, e) => /* @__PURE__ */ t(mt, { ref: e, ...n }));
-rt.displayName = "Heading";
-const jn = me((n, e) => {
-  const { title: a, titleLevel: c, children: k, ...y } = n;
-  return /* @__PURE__ */ r(gt, { ref: e, ...y, children: [
-    a && (c ? /* @__PURE__ */ t(rt, { level: c, "data-size": "2xs", style: { marginBottom: "var(--ds-size-1)" }, children: a }) : /* @__PURE__ */ t("p", { className: "ds-heading", "data-size": "2xs", style: { marginBottom: "var(--ds-size-1)" }, children: a })),
-    k
-  ] });
-});
-jn.displayName = "Alert";
-const at = me((n, e) => /* @__PURE__ */ t(ut, { ref: e, ...n }));
-at.displayName = "Avatar";
-const An = me((n, e) => /* @__PURE__ */ t(ft, { ref: e, ...n }));
-An.displayName = "Badge";
-const gi = ht, ui = kt, hi = yt, fi = vt, ki = bt, fe = me(function({ variant: e, ...a }, c) {
-  return /* @__PURE__ */ t(Ge, { ref: c, variant: e, ...a });
-});
-fe.displayName = "Button";
-const Nn = xt, vi = Tt;
-Nn.displayName = "Card";
-const En = Ct, Bn = ot, bi = wt;
-En.displayName = "Checkbox";
-Bn.displayName = "Fieldset";
-const yi = St;
-function $e(n) {
-  return (e = {}) => {
-    const a = e.width ? String(e.width) : n.defaultWidth;
-    return n.formats[a] || n.formats[n.defaultWidth];
-  };
-}
-function _e(n) {
-  return (e, a) => {
-    const c = a != null && a.context ? String(a.context) : "standalone";
-    let k;
-    if (c === "formatting" && n.formattingValues) {
-      const f = n.defaultFormattingWidth || n.defaultWidth, x = a != null && a.width ? String(a.width) : f;
-      k = n.formattingValues[x] || n.formattingValues[f];
-    } else {
-      const f = n.defaultWidth, x = a != null && a.width ? String(a.width) : n.defaultWidth;
-      k = n.values[x] || n.values[f];
-    }
-    const y = n.argumentCallback ? n.argumentCallback(e) : e;
-    return k[y];
-  };
-}
-function Ie(n) {
-  return (e, a = {}) => {
-    const c = a.width, k = c && n.matchPatterns[c] || n.matchPatterns[n.defaultMatchWidth], y = e.match(k);
-    if (!y)
-      return null;
-    const f = y[0], x = c && n.parsePatterns[c] || n.parsePatterns[n.defaultParseWidth], B = Array.isArray(x) ? Pn(x, (L) => L.test(f)) : (
-      // [TODO] -- I challenge you to fix the type
-      Fn(x, (L) => L.test(f))
-    );
-    let I;
-    I = n.valueCallback ? n.valueCallback(B) : B, I = a.valueCallback ? (
-      // [TODO] -- I challenge you to fix the type
-      a.valueCallback(I)
-    ) : I;
-    const J = e.slice(f.length);
-    return { value: I, rest: J };
-  };
-}
-function Fn(n, e) {
-  for (const a in n)
-    if (Object.prototype.hasOwnProperty.call(n, a) && e(n[a]))
-      return a;
-}
-function Pn(n, e) {
-  for (let a = 0; a < n.length; a++)
-    if (e(n[a]))
-      return a;
-}
-function $n(n) {
-  return (e, a = {}) => {
-    const c = e.match(n.matchPattern);
-    if (!c) return null;
-    const k = c[0], y = e.match(n.parsePattern);
-    if (!y) return null;
-    let f = n.valueCallback ? n.valueCallback(y[0]) : y[0];
-    f = a.valueCallback ? a.valueCallback(f) : f;
-    const x = e.slice(k.length);
-    return { value: f, rest: x };
-  };
-}
-const zn = {
-  lessThanXSeconds: {
-    one: "mindre enn ett sekund",
-    other: "mindre enn {{count}} sekunder"
-  },
-  xSeconds: {
-    one: "ett sekund",
-    other: "{{count}} sekunder"
-  },
-  halfAMinute: "et halvt minutt",
-  lessThanXMinutes: {
-    one: "mindre enn ett minutt",
-    other: "mindre enn {{count}} minutter"
-  },
-  xMinutes: {
-    one: "ett minutt",
-    other: "{{count}} minutter"
-  },
-  aboutXHours: {
-    one: "omtrent en time",
-    other: "omtrent {{count}} timer"
-  },
-  xHours: {
-    one: "en time",
-    other: "{{count}} timer"
-  },
-  xDays: {
-    one: "en dag",
-    other: "{{count}} dager"
-  },
-  aboutXWeeks: {
-    one: "omtrent en uke",
-    other: "omtrent {{count}} uker"
-  },
-  xWeeks: {
-    one: "en uke",
-    other: "{{count}} uker"
-  },
-  aboutXMonths: {
-    one: "omtrent en måned",
-    other: "omtrent {{count}} måneder"
-  },
-  xMonths: {
-    one: "en måned",
-    other: "{{count}} måneder"
-  },
-  aboutXYears: {
-    one: "omtrent ett år",
-    other: "omtrent {{count}} år"
-  },
-  xYears: {
-    one: "ett år",
-    other: "{{count}} år"
-  },
-  overXYears: {
-    one: "over ett år",
-    other: "over {{count}} år"
-  },
-  almostXYears: {
-    one: "nesten ett år",
-    other: "nesten {{count}} år"
-  }
-}, Rn = (n, e, a) => {
-  let c;
-  const k = zn[n];
-  return typeof k == "string" ? c = k : e === 1 ? c = k.one : c = k.other.replace("{{count}}", String(e)), a != null && a.addSuffix ? a.comparison && a.comparison > 0 ? "om " + c : c + " siden" : c;
-}, Gn = {
-  full: "EEEE d. MMMM y",
-  long: "d. MMMM y",
-  medium: "d. MMM y",
-  short: "dd.MM.y"
-}, Hn = {
-  full: "'kl'. HH:mm:ss zzzz",
-  long: "HH:mm:ss z",
-  medium: "HH:mm:ss",
-  short: "HH:mm"
-}, Wn = {
-  full: "{{date}} 'kl.' {{time}}",
-  long: "{{date}} 'kl.' {{time}}",
-  medium: "{{date}} {{time}}",
-  short: "{{date}} {{time}}"
-}, Un = {
-  date: $e({
-    formats: Gn,
-    defaultWidth: "full"
-  }),
-  time: $e({
-    formats: Hn,
-    defaultWidth: "full"
-  }),
-  dateTime: $e({
-    formats: Wn,
-    defaultWidth: "full"
-  })
-}, Vn = {
-  lastWeek: "'forrige' eeee 'kl.' p",
-  yesterday: "'i går kl.' p",
-  today: "'i dag kl.' p",
-  tomorrow: "'i morgen kl.' p",
-  nextWeek: "EEEE 'kl.' p",
-  other: "P"
-}, On = (n, e, a, c) => Vn[n], Kn = {
-  narrow: ["f.Kr.", "e.Kr."],
-  abbreviated: ["f.Kr.", "e.Kr."],
-  wide: ["før Kristus", "etter Kristus"]
-}, Zn = {
-  narrow: ["1", "2", "3", "4"],
-  abbreviated: ["Q1", "Q2", "Q3", "Q4"],
-  wide: ["1. kvartal", "2. kvartal", "3. kvartal", "4. kvartal"]
-}, qn = {
-  narrow: ["J", "F", "M", "A", "M", "J", "J", "A", "S", "O", "N", "D"],
-  abbreviated: [
-    "jan.",
-    "feb.",
-    "mars",
-    "apr.",
-    "mai",
-    "juni",
-    "juli",
-    "aug.",
-    "sep.",
-    "okt.",
-    "nov.",
-    "des."
-  ],
-  wide: [
-    "januar",
-    "februar",
-    "mars",
-    "april",
-    "mai",
-    "juni",
-    "juli",
-    "august",
-    "september",
-    "oktober",
-    "november",
-    "desember"
-  ]
-}, Yn = {
-  narrow: ["S", "M", "T", "O", "T", "F", "L"],
-  short: ["sø", "ma", "ti", "on", "to", "fr", "lø"],
-  abbreviated: ["søn", "man", "tir", "ons", "tor", "fre", "lør"],
-  wide: [
-    "søndag",
-    "mandag",
-    "tirsdag",
-    "onsdag",
-    "torsdag",
-    "fredag",
-    "lørdag"
-  ]
-}, Xn = {
-  narrow: {
-    am: "a",
-    pm: "p",
-    midnight: "midnatt",
-    noon: "middag",
-    morning: "på morg.",
-    afternoon: "på etterm.",
-    evening: "på kvelden",
-    night: "på natten"
-  },
-  abbreviated: {
-    am: "a.m.",
-    pm: "p.m.",
-    midnight: "midnatt",
-    noon: "middag",
-    morning: "på morg.",
-    afternoon: "på etterm.",
-    evening: "på kvelden",
-    night: "på natten"
-  },
-  wide: {
-    am: "a.m.",
-    pm: "p.m.",
-    midnight: "midnatt",
-    noon: "middag",
-    morning: "på morgenen",
-    afternoon: "på ettermiddagen",
-    evening: "på kvelden",
-    night: "på natten"
-  }
-}, Jn = (n, e) => Number(n) + ".", Qn = {
-  ordinalNumber: Jn,
-  era: _e({
-    values: Kn,
-    defaultWidth: "wide"
-  }),
-  quarter: _e({
-    values: Zn,
-    defaultWidth: "wide",
-    argumentCallback: (n) => n - 1
-  }),
-  month: _e({
-    values: qn,
-    defaultWidth: "wide"
-  }),
-  day: _e({
-    values: Yn,
-    defaultWidth: "wide"
-  }),
-  dayPeriod: _e({
-    values: Xn,
-    defaultWidth: "wide"
-  })
-}, eo = /^(\d+)\.?/i, to = /\d+/i, no = {
-  narrow: /^(f\.? ?Kr\.?|fvt\.?|e\.? ?Kr\.?|evt\.?)/i,
-  abbreviated: /^(f\.? ?Kr\.?|fvt\.?|e\.? ?Kr\.?|evt\.?)/i,
-  wide: /^(før Kristus|før vår tid|etter Kristus|vår tid)/i
-}, oo = {
-  any: [/^f/i, /^e/i]
-}, ro = {
-  narrow: /^[1234]/i,
-  abbreviated: /^q[1234]/i,
-  wide: /^[1234](\.)? kvartal/i
-}, ao = {
-  any: [/1/i, /2/i, /3/i, /4/i]
-}, so = {
-  narrow: /^[jfmasond]/i,
-  abbreviated: /^(jan|feb|mars?|apr|mai|juni?|juli?|aug|sep|okt|nov|des)\.?/i,
-  wide: /^(januar|februar|mars|april|mai|juni|juli|august|september|oktober|november|desember)/i
-}, io = {
-  narrow: [
-    /^j/i,
-    /^f/i,
-    /^m/i,
-    /^a/i,
-    /^m/i,
-    /^j/i,
-    /^j/i,
-    /^a/i,
-    /^s/i,
-    /^o/i,
-    /^n/i,
-    /^d/i
-  ],
-  any: [
-    /^ja/i,
-    /^f/i,
-    /^mar/i,
-    /^ap/i,
-    /^mai/i,
-    /^jun/i,
-    /^jul/i,
-    /^aug/i,
-    /^s/i,
-    /^o/i,
-    /^n/i,
-    /^d/i
-  ]
-}, lo = {
-  narrow: /^[smtofl]/i,
-  short: /^(sø|ma|ti|on|to|fr|lø)/i,
-  abbreviated: /^(søn|man|tir|ons|tor|fre|lør)/i,
-  wide: /^(søndag|mandag|tirsdag|onsdag|torsdag|fredag|lørdag)/i
-}, co = {
-  any: [/^s/i, /^m/i, /^ti/i, /^o/i, /^to/i, /^f/i, /^l/i]
-}, po = {
-  narrow: /^(midnatt|middag|(på) (morgenen|ettermiddagen|kvelden|natten)|[ap])/i,
-  any: /^([ap]\.?\s?m\.?|midnatt|middag|(på) (morgenen|ettermiddagen|kvelden|natten))/i
-}, mo = {
-  any: {
-    am: /^a(\.?\s?m\.?)?$/i,
-    pm: /^p(\.?\s?m\.?)?$/i,
-    midnight: /^midn/i,
-    noon: /^midd/i,
-    morning: /morgen/i,
-    afternoon: /ettermiddag/i,
-    evening: /kveld/i,
-    night: /natt/i
-  }
-}, go = {
-  ordinalNumber: $n({
-    matchPattern: eo,
-    parsePattern: to,
-    valueCallback: (n) => parseInt(n, 10)
-  }),
-  era: Ie({
-    matchPatterns: no,
-    defaultMatchWidth: "wide",
-    parsePatterns: oo,
-    defaultParseWidth: "any"
-  }),
-  quarter: Ie({
-    matchPatterns: ro,
-    defaultMatchWidth: "wide",
-    parsePatterns: ao,
-    defaultParseWidth: "any",
-    valueCallback: (n) => n + 1
-  }),
-  month: Ie({
-    matchPatterns: so,
-    defaultMatchWidth: "wide",
-    parsePatterns: io,
-    defaultParseWidth: "any"
-  }),
-  day: Ie({
-    matchPatterns: lo,
-    defaultMatchWidth: "wide",
-    parsePatterns: co,
-    defaultParseWidth: "any"
-  }),
-  dayPeriod: Ie({
-    matchPatterns: po,
-    defaultMatchWidth: "any",
-    parsePatterns: mo,
-    defaultParseWidth: "any"
-  })
-}, he = {
-  code: "nb",
-  formatDistance: Rn,
-  formatLong: Un,
-  formatRelative: On,
-  localize: Qn,
-  match: go,
-  options: {
-    weekStartsOn: 1,
-    firstWeekContainsDate: 4
-  }
-}, st = ({ title: n, ...e }) => /* @__PURE__ */ r(
-  "svg",
-  {
-    xmlns: "http://www.w3.org/2000/svg",
-    width: "1em",
-    height: "1em",
-    viewBox: "0 0 28 28",
-    fill: "none",
-    "aria-hidden": n ? void 0 : !0,
-    focusable: "false",
-    ...e,
-    children: [
-      n && /* @__PURE__ */ t("title", { children: n }),
-      /* @__PURE__ */ t(
-        "path",
-        {
-          fillRule: "evenodd",
-          clipRule: "evenodd",
-          d: "M16.952 6.96459C16.6103 6.62289 16.0563 6.62289 15.7146 6.96459L9.2979 13.3813C8.95621 13.723 8.95621 14.277 9.2979 14.6187L15.7146 21.0354C16.0563 21.3771 16.6103 21.3771 16.952 21.0354C17.2937 20.6937 17.2937 20.1396 16.952 19.7979L11.1541 14L16.952 8.20203C17.2937 7.86032 17.2937 7.3063 16.952 6.96459Z",
-          fill: "currentColor"
-        }
-      )
-    ]
-  }
-);
-st.displayName = "ChevronLeftIcon";
-const it = ({ title: n, ...e }) => /* @__PURE__ */ r(
-  "svg",
-  {
-    xmlns: "http://www.w3.org/2000/svg",
-    width: "1em",
-    height: "1em",
-    viewBox: "0 0 28 28",
-    fill: "none",
-    "aria-hidden": n ? void 0 : !0,
-    focusable: "false",
-    ...e,
-    children: [
-      n && /* @__PURE__ */ t("title", { children: n }),
-      /* @__PURE__ */ t(
-        "path",
-        {
-          fillRule: "evenodd",
-          clipRule: "evenodd",
-          d: "M11.048 6.96459C11.3897 6.62289 11.9437 6.62289 12.2854 6.96459L18.7021 13.3813C19.0438 13.723 19.0438 14.277 18.7021 14.6187L12.2854 21.0354C11.9437 21.3771 11.3897 21.3771 11.048 21.0354C10.7063 20.6937 10.7063 20.1396 11.048 19.7979L16.8459 14L11.048 8.20203C10.7063 7.86032 10.7063 7.3063 11.048 6.96459Z",
-          fill: "currentColor"
-        }
-      )
-    ]
-  }
-);
-it.displayName = "ChevronRightIcon";
-const uo = "_calendarContainer_1ukqo_1", ho = "_calendarHeader_1ukqo_16", fo = "_monthYear_1ukqo_23", ko = "_navigationButtons_1ukqo_34", vo = "_gridWrapper_1ukqo_43", bo = "_gridRow_1ukqo_48", yo = "_dayNameCell_1ukqo_55", xo = "_dateCell_1ukqo_73", To = "_dateNumberContainer_1ukqo_106", Co = "_otherMonth_1ukqo_119", wo = "_disabled_1ukqo_119", So = "_selectedDate_1ukqo_145", de = {
-  calendarContainer: uo,
-  calendarHeader: ho,
-  monthYear: fo,
-  navigationButtons: ko,
-  gridWrapper: vo,
-  gridRow: bo,
-  dayNameCell: yo,
-  dateCell: xo,
-  dateNumberContainer: To,
-  otherMonth: Co,
-  disabled: wo,
-  selectedDate: So
-}, _o = {
+"use client";
+const e = {
   NO: {
     // Header
     header: {
@@ -500,6 +25,7 @@ const uo = "_calendarContainer_1ukqo_1", ho = "_calendarHeader_1ukqo_16", fo = "
       homeAriaLabel: "Norges Røde Kors Hjem",
       nav: {
         design: "Design",
+        designDirection: "Designretning",
         components: "Komponenter",
         code: "Kode",
         tokens: "Tokens",
@@ -601,6 +127,29 @@ const uo = "_calendarContainer_1ukqo_1", ho = "_calendarHeader_1ukqo_16", fo = "
       alerts: "Varsler",
       status: "Status"
     },
+    // Search Results Page
+    searchResults: {
+      title: "Søkeresultater",
+      forQuery: 'for "{query}"',
+      count: "{count} treff funnet",
+      // Separate singular form: the {count} template can't inflect the
+      // sentence, so consumers pick countOne when there is exactly one hit.
+      countOne: "1 treff funnet",
+      noResults: 'Ingen resultater funnet for "{query}". Prøv et annet søkeord.',
+      // Keys mirror SearchItem['category'] so the page can look up the
+      // label directly from the raw category value.
+      categories: {
+        Component: "Komponent",
+        Page: "Side",
+        Design: "Design",
+        Code: "Kode"
+      }
+    },
+    whatsNew: {
+      title: "Hva er nytt",
+      intro: "Alle utgivelser av rk-designsystem, hentet direkte fra changeloggen. Hver endring lenker til pull requesten der den ble innført.",
+      releaseLink: "Se utgivelsen på GitHub"
+    },
     // Components Page
     components: {
       title: "Komponenter",
@@ -662,7 +211,8 @@ const uo = "_calendarContainer_1ukqo_1", ho = "_calendarHeader_1ukqo_16", fo = "
         pnpmTitle: "pnpm",
         note: "Viktig: Bruk className, IKKE variable. variable oppretter bare en CSS-variabel uten å faktisk bruke fonten.",
         stylesTitle: "2. Sett opp layout med font",
-        stylesText1: "For Next.js, bruk next/font for optimal fontlasting:",
+        stylesSimple: "Det enkleste oppsettet er én import som laster alt: Digdir-basen, Røde Kors-temaet, komponentstilene og Source Sans 3:",
+        stylesText1: "Vil du heller styre fonten selv med next/font i Next.js, importer stilene enkeltvis — husk da også komponentstilene (rk-designsystem.css):",
         stylesText2: "Bruk sourceSans3.className på body-elementet for å aktivere fonten.",
         appRouterExample: "Eksempel for Next.js (App Router - src/app/layout.tsx):",
         pagesRouterExample: "Eksempel for Next.js (Pages Router - pages/_app.tsx):",
@@ -1071,7 +621,9 @@ Map design elements to our existing components where possible (e.g. Buttons, Hea
         componentSizes: "Komponentstørrelser",
         sizeTokens: "Størrelse-tokens",
         fontFamily: "Font-family",
-        typoTokens: "Typografi-tokens"
+        typoTokens: "Typografi-tokens",
+        designDirection: "Designretning",
+        directionOverview: "Prinsipper og virkemidler"
       },
       intro: {
         title: "Design i Røde Kors",
@@ -1081,6 +633,109 @@ Map design elements to our existing components where possible (e.g. Buttons, Hea
         colors: "Farger",
         seeColors: "Se farger"
       },
+      direction: {
+        title: "Designretning",
+        intro: "Digitale produkter fra Røde Kors skal kommunisere i tråd med den digitale designprofilen. Designretningen samler prinsippene og virkemidlene som gir rk.no og resten av det digitale økosystemet et helhetlig uttrykk.",
+        principlesTitle: "Prinsippene",
+        principlesIntro: "Tre prinsipper ligger til grunn for alle designvalg i digitale flater:",
+        trustworthyTitle: "Troverdig",
+        trustworthyText: "Brukeren skal oppleve Røde Kors som trygg, ærlig og til å stole på.",
+        clearTitle: "Tydelig",
+        clearText: "Brukeren skal raskt forstå hva innholdet er, hvor de er, hva de kan gjøre, og hvordan de kommer videre.",
+        humanTitle: "Medmenneskelig",
+        humanText: "Brukeren skal møte en varm, nær og inkluderende digital opplevelse i tråd med vårt prinsipp om humanitet.",
+        meansTitle: "Virkemidlene",
+        meansIntro: "Prinsippene omsettes i praksis gjennom seks virkemidler. Hvert virkemiddel dokumenteres i egne artikler i denne seksjonen.",
+        warmTitle: "Varm",
+        warmText: "Avrundede former, varme nøytrale farger og vennlig typografi skaper et uttrykk som oppleves nært, menneskelig og trygt.",
+        scaleTitle: "Skala",
+        scaleText: "Designet skal vise at Røde Kors er til stede både nært brukeren og som en global bevegelse — lokalt, nasjonalt og internasjonalt.",
+        redThreadTitle: "Rød tråd (kors)",
+        redThreadText: "Et grafisk formspråk avledet av korsets ytterpunkter binder flatene sammen uten å konkurrere med logoen.",
+        storytellingTitle: "Mennesker i fokus",
+        storytellingText: "Ekte historier fra virkelige situasjoner, med ekte mennesker og ekte bilder, løftes frem som et bærende element.",
+        socialTitle: "Sosial tilstedeværelse",
+        socialText: "Innhold skal være enkelt å dele og kunne distribueres til flere kanaler uten dobbeltarbeid.",
+        progressTitle: "Framdrift og effekt",
+        progressText: "Handling skal synlig skape effekt — gjennom framdriftsindikatorer, konkrete resultater og tydelige eksempler på hva bidrag muliggjør.",
+        stableTitle: "Det som ikke endres",
+        stableText1: "Ikke alt endres. Noen elementer er kjernen i Røde Kors sin visuelle identitet og skal forbli stabile på tvers av konsept, tema og kanal.",
+        stableText2: "Bilder og tekst er de viktigste — de bærer historiene og menneskene som gjør merkevaren ekte. Valg av stil og tone skal fremheve kvaliteten i disse virkemidlene, ikke stjele oppmerksomhet fra dem. Klarspråkprinsippene for Røde Kors gjelder fortsatt for all tekst.",
+        approvalNote: "Eksemplene som vises er ikke endelig UI. De er tidlige eksempler brukt for å illustrere hvordan prinsippene og designretningen kan oversettes til rk.no.",
+        feelsTitle: "Rk.no skal føles",
+        feel1: "Tillitvekkende",
+        feel2: "Tydelig",
+        feel3: "Menneskelig",
+        feel4: "Lokal og global",
+        feel5: "Upartisk",
+        feel6: "Handlingsorientert",
+        // {n}/{total} interpoleres manuelt med .replace, som ellers i appen.
+        chapterLabel: "Kapittel {n} av {total}",
+        chapterNavLabel: "Kapittelnavigasjon",
+        heroPhotoAlt: "Frivillige fra Røde Kors Hjelpekorps i aksjon i fjellet",
+        chapterWarm: "Varm — farger og typografi",
+        colorSystemTitle: "Fargesystemet",
+        colorSystemText: "Røde Kors sin fargepalett er utvidet med varme nøytrale toner som komplementerer rød uten å konkurrere med den. De nye fargene skaper rom for nyanse, i bakgrunner, seksjoner og støtteelementer og gir flaten mer pust uten at merkevarefargen mister sin tyngde.",
+        colorBalanceTitle: "Fargebalanse",
+        colorBalanceText: "Farge brukes konsekvent og med tilbakeholdenhet — jo mer hvitt som omgir den, jo sterkere fremstår merkevarefargen. Variasjon i fargebruk må alltid sees i sammenheng med helhet, CTA-hierarki og den funksjonen fargen er satt til å løse.",
+        paletteTitle: "Utvidet fargepalett",
+        paletteText: "Røde Kors sin fargepalett er utvidet med varme nøytrale toner som komplementerer rød uten å konkurrere med den. De nye fargene skaper rom for nyanse — i bakgrunner, seksjoner og støtteelementer — og gir flaten mer pust uten at merkevarefargen mister sin tyngde. Endringer og tilpasninger sikrer også at vi oppfyller kravene til universell utforming.",
+        hierarchyTitle: "Fargehierarki",
+        hierarchyText: "Røde Kors betjener over en million brukere på tvers av vidt forskjellige digitale tjenester og behov. Alle handlinger teller — men ikke alle er like viktige i samme øyeblikk. Et tydelig knappehierarki gjør systemet intuitivt og trygt å navigere, uansett hvem du er eller hva du er der for å gjøre.",
+        primaryBtnTitle: "Primærknapp",
+        primaryBtnText: "Rød, fylt. Brukes til den viktigste handlingen per side: gi, meld deg på, søk hjelp. Kan brukes på foto og bakgrunnsfarger.",
+        secondaryBtnTitle: "Sekundærknapp",
+        secondaryBtnText: "Varm nøytral eller mørk med outline.",
+        tertiaryBtnTitle: "Tertiærknapp",
+        tertiaryBtnText: "Outlined.",
+        textButtonTitle: "Text button",
+        textButtonText: "Tekstlenke med pil eller understrek. For de minste handlingene: tilbake, avbryt, mer info. NB: Skal ikke brukes uten ikon.",
+        textLinkTitle: "Text link",
+        textLinkText: "Rød på hover skaper bevissthet rundt rød som et interaksjonselement.",
+        typographyTitle: "Typografi",
+        typographyText1: "I dag bruker Røde Kors Myriad Pro som hovedfont og Duplicate Ionic som serif-font, hovedsakelig for trykt og redaksjonelt innhold som Røde Kors-magasinet. For rk.no foreslår vi å bruke Source Sans 3 som hovedfont og Source Serif 4 som redaksjonell støttefont. Fontene har et uttrykk som ligger nær dagens typografiske retning, men er bedre egnet for digital bruk.",
+        typographyText2: "De er open source, enklere å forvalte lisensmessig, godt egnet for universell utforming, og mer robuste i et digitalt designsystem på tvers av nettsted, skjemaer, brukerflyter og redaksjonelle flater. Dersom vi ikke ønsker å bruke en serif-font, kan Source Sans 3 brukes som komplett typografisk system: Bold til store titler og tydelig hierarki, Regular til brødtekst og UI-elementer.",
+        typographyText3: "Flere offentlige designsystemer bruker i dag open source-fonter utviklet for digitale flater: NAVs Aksel bruker Source Sans 3, NVE bruker Source Sans Pro / Source Sans 3, mens Digdir Designsystemet og Udir bruker Inter. Fontvalg i digitale tjenester bør vurderes ut fra lesbarhet, universell utforming, teknisk robusthet, skalerbarhet og lisensforvaltning — ikke bare ut fra trykt merkevareprofil.",
+        adaptTitle: "Originalt og tilpasset",
+        adaptText: "Digdir-komponentene tilpasses designretningen. En av endringene er redusering av primær-CTA: mindre lakserosa, som i stedet flyttes mot knappene, mens beige brukes til accordions og kort.",
+        chapterRedThread: "Rød tråd (kors)",
+        redWhyTitle: "Hvorfor?",
+        redWhyText: "Krysset er Røde Kors sitt sterkeste visuelle virkemiddel, men det er reservert for logoen. For å ta korsformen i bruk i layout og grafiske elementer uten å konkurrere med logoen, bruker vi et avledet formspråk: rektangler og flater som refererer til kryss-geometrien uten å kopiere den.",
+        redExplainTitle: "Forklaring",
+        redExplainText: "Vi foreslår å bruke deler av Røde Kors-korset som et fleksibelt visuelt system. Formen hentes fra ytterpunktene i korset — de fire armene som skaper strukturen — og kan brukes som grafisk element på tvers av digitale flater.",
+        redElementsTitle: "Grafiske elementer",
+        redElementsText: "Kryssets fire armer deles opp og brukes som selvstendige grafiske elementer — vinkler, piler, hjørner og hjerter. Alle avledet av samme grunnform. Disse elementene kan fungere som visuelle koblinger på tvers av digitale produkter. De kan brukes i ulike farger, størrelser og komposisjoner for å skape gjenkjennelighet, retning og sammenheng mellom flater.",
+        redImportantTitle: "Viktig",
+        redImportantText: "Disse formene skal brukes som grafiske, dekorative eller strukturerende elementer. De skal ikke brukes som knapper, navigasjon eller interaktive elementer, slik at vi unngår forvirring og bevarer tydeligheten i brukeropplevelsen.",
+        chapterPeople: "Mennesker i fokus",
+        peopleWhyText: "For at Røde Kors sine digitale produkter skal oppleves som varme, troverdige, inkluderende og nære, bør mennesker og deres historier løftes frem som et bærende element. Det betyr at vi må løfte frem ekte historier fra frivillige, ansatte og mennesker som er engasjert i Røde Kors sitt arbeid — lokalt, nasjonalt og internasjonalt.",
+        realPeopleTitle: "Ekte mennesker",
+        realPeopleText: "Dette bør ikke være tomme eller oppstilte testimonials, men ekte fortellinger fra virkelige situasjoner, med ekte mennesker, ekte bilder og konkrete eksempler på hvordan Røde Kors er til stede i samfunnet. Gjennom personlige vitnesbyrd kan vi vise bredden i organisasjonen på en mer menneskelig måte: hvem vi er, hva vi gjør, hvorfor arbeidet betyr noe, og hvordan folk kan bidra.",
+        quoteExampleTitle: "Eksempel: sitatkort",
+        quoteExampleText: "Sitatkort brukes for å formidle noe menneskelig. Kortet har et bilde som bærer stemning, ikke bare informasjon, og overskriften er mer som en setning enn en kategori. Her kan display-fonten brukes — dette er der varmen bor.",
+        articleExampleTitle: "Eksempel: artikkelside",
+        articleExampleText: "Historiefortelling gjør Røde Kors mer nært og menneskelig, bygger tillit gjennom ekte erfaringer, viser mangfoldet i frivilligheten og synliggjør arbeidet lokalt, nasjonalt og internasjonalt.",
+        chapterSocial: "Sosial tilstedeværelse",
+        socialWhyText1: "For at Røde Kors sine digitale produkter skal oppleves mer nære, levende og lokale, bør vi integrere prinsipper fra sosiale medier direkte i nettstedet. I dag bruker mange lokalforeninger Facebook aktivt fordi det oppleves mer sosialt og umiddelbart. De kan publisere innlegg, få kommentarer fra frivillige, dele aktiviteter og vise at det faktisk skjer noe lokalt.",
+        socialWhyText2: "Målet er å gjøre Røde Kors sine digitale produkter mer levende, delbare og engasjerende, samtidig som vi beholder eierskap til innhold, data og brukeropplevelse.",
+        shareTitle: "Gjøre innhold enkelt å dele",
+        shareText: "Artikler, aktiviteter, kampanjer og historier bør alltid ha en enkel og tydelig måte å deles på. Hvis vi ønsker at folk skal engasjere seg, må vi gjøre det lett for dem å spre innhold videre i egne nettverk.",
+        noDuplicateTitle: "Unngå dobbeltarbeid",
+        noDuplicateText: "Innhold bør ikke måtte publiseres manuelt flere steder. Når noe publiseres i CMS-et, bør det kunne distribueres til flere kanaler: rk.no, lokale sider, nyhetsbrev og sosiale medier. På samme måte bør relevant sosialt innhold kunne hentes inn og gjenbrukes der det styrker brukeropplevelsen.",
+        chapterProgress: "Framdrift og effekt",
+        progressWhyText1: "For at Røde Kors sine digitale produkter skal oppleves mer troverdige, tydelige og motiverende, må vi vise at handling skaper effekt. Effekten bør vises gjennom tydelig framdrift, konkrete resultater og enkle eksempler — ikke bare generelle budskap.",
+        progressWhyText2: "Selv når vi ikke har eksakte tall, kan vi vise retning: hvor langt en kampanje har kommet, hvor mange frivillige som trengs, hvilke aktiviteter som er i gang, eller hvilke mål vi jobber mot. Målet er å gi brukeren følelsen av at det nytter — og at små handlinger er en del av noe større.",
+        campaignTitle: "Framdriftsindikatorer på kampanjer",
+        campaignText: "Vi kan synliggjøre fremgang og effekt på ulike måter, for eksempel gjennom innsamlingsresultater, frivilligbehov, lokale initiativer eller annen informasjon som viser hvilken forskjell bidrag og innsats gjør. Hvordan dette løses bør vurderes ut fra brukerbehov, redaksjonelle behov og tekniske muligheter.",
+        thanksTitle: "Synlig effekt etter donasjon",
+        thanksText: "Etter at brukeren har gitt penger, bør vi vise hva bidraget kan være med på å muliggjøre.",
+        activityTitle: "Effekt på aktivitetssider",
+        activityText: "Aktivitetssider bør vise hva aktiviteten faktisk skaper, ikke bare hva den er.",
+        localTitle: "Lokale resultater",
+        localText: "Lokale sider bør vise hva som skjer i området: aktiviteter, frivillige, behov og små resultater over tid.",
+        actionOrientedTitle: "Handlingsorientert",
+        actionOrientedText: "Vi skal alltid vise at handling skaper effekt. Donasjoner, frivillighet, deling og deltakelse skal ikke oppleves som isolerte handlinger, men som bidrag til en større framdrift. Gjennom tydelige resultater, visuelle indikatorer og konkrete eksempler kan rodekors.no gjøre Røde Kors sitt arbeid mer håndgripelig, motiverende og troverdig."
+      },
       tokens: {
         whatIsTitle: "Hva er design tokens",
         whatIsText1: '"Design Tokens" styrer hvordan komponentene skal se ut i forhold til farger, typografi, størrelser, avstander, former osv. Design tokens sørger vi for at både designere og utviklere arbeider etter de samme reglene og retningslinjene.',
@@ -1564,6 +1219,7 @@ Map design elements to our existing components where possible (e.g. Buttons, Hea
       homeAriaLabel: "Norwegian Red Cross Home",
       nav: {
         design: "Design",
+        designDirection: "Design Direction",
         components: "Components",
         code: "Code",
         tokens: "Tokens",
@@ -1665,6 +1321,29 @@ Map design elements to our existing components where possible (e.g. Buttons, Hea
       alerts: "Alerts",
       status: "Status"
     },
+    // Search Results Page
+    searchResults: {
+      title: "Search results",
+      forQuery: 'for "{query}"',
+      count: "{count} results found",
+      // Separate singular form: the {count} template can't inflect the
+      // sentence, so consumers pick countOne when there is exactly one hit.
+      countOne: "1 result found",
+      noResults: 'No results found for "{query}". Try a different search term.',
+      // Keys mirror SearchItem['category'] so the page can look up the
+      // label directly from the raw category value.
+      categories: {
+        Component: "Component",
+        Page: "Page",
+        Design: "Design",
+        Code: "Code"
+      }
+    },
+    whatsNew: {
+      title: "What's new",
+      intro: "Every release of rk-designsystem, taken directly from the changelog. Each change links to the pull request that introduced it.",
+      releaseLink: "View the release on GitHub"
+    },
     // Components Page
     components: {
       title: "Components",
@@ -1726,7 +1405,8 @@ Map design elements to our existing components where possible (e.g. Buttons, Hea
         pnpmTitle: "pnpm",
         note: "Important: Use className, NOT variable. The variable option only creates a CSS custom property without actually applying the font.",
         stylesTitle: "2. Setup Layout with Font",
-        stylesText1: "For Next.js, use next/font for optimal font loading:",
+        stylesSimple: "The simplest setup is a single import that loads everything: the Digdir base, the Røde Kors theme, the component styles and Source Sans 3:",
+        stylesText1: "If you prefer to control the font yourself with next/font in Next.js, import the styles individually — remember the component styles (rk-designsystem.css) too:",
         stylesText2: "Use sourceSans3.className on the body element to apply the font.",
         appRouterExample: "Example for Next.js (App Router - src/app/layout.tsx):",
         pagesRouterExample: "Example for Next.js (Pages Router - pages/_app.tsx):",
@@ -2137,7 +1817,9 @@ Map design elements to our existing components where possible (e.g. Buttons, Hea
         componentSizes: "Component Sizes",
         sizeTokens: "Size Tokens",
         fontFamily: "Font Family",
-        typoTokens: "Typography Tokens"
+        typoTokens: "Typography Tokens",
+        designDirection: "Design Direction",
+        directionOverview: "Principles and approaches"
       },
       intro: {
         title: "Design in Red Cross",
@@ -2147,6 +1829,109 @@ Map design elements to our existing components where possible (e.g. Buttons, Hea
         colors: "Colors",
         seeColors: "See colors"
       },
+      direction: {
+        title: "Design Direction",
+        intro: "Digital products from the Red Cross should communicate in line with the digital design profile. The design direction gathers the principles and approaches that give rk.no and the rest of the digital ecosystem a coherent expression.",
+        principlesTitle: "The Principles",
+        principlesIntro: "Three principles underpin every design decision on digital surfaces:",
+        trustworthyTitle: "Trustworthy",
+        trustworthyText: "Users should experience the Red Cross as safe, honest and reliable.",
+        clearTitle: "Clear",
+        clearText: "Users should quickly understand what the content is, where they are, what they can do, and how to move on.",
+        humanTitle: "Humane",
+        humanText: "Users should meet a warm, close and inclusive digital experience, in line with our principle of humanity.",
+        meansTitle: "The Approaches",
+        meansIntro: "The principles are put into practice through six approaches. Each approach is documented in its own article in this section.",
+        warmTitle: "Warm",
+        warmText: "Rounded shapes, warm neutral colors and friendly typography create an expression that feels close, human and safe.",
+        scaleTitle: "Scale",
+        scaleText: "The design should show that the Red Cross is present both close to the user and as a global movement — locally, nationally and internationally.",
+        redThreadTitle: "Red thread (cross)",
+        redThreadText: "A graphic language derived from the outer points of the cross ties the surfaces together without competing with the logo.",
+        storytellingTitle: "People in focus",
+        storytellingText: "Real stories from real situations, with real people and real photos, are lifted forward as a load-bearing element.",
+        socialTitle: "Social presence",
+        socialText: "Content should be easy to share and possible to distribute to several channels without duplicate work.",
+        progressTitle: "Progress and impact",
+        progressText: "Action should visibly create impact — through progress indicators, concrete results and clear examples of what contributions make possible.",
+        stableTitle: "What does not change",
+        stableText1: "Not everything changes. Some elements are the core of the Red Cross visual identity and should stay stable across concepts, themes and channels.",
+        stableText2: "Photos and text are the most important — they carry the stories and the people that make the brand real. Choices of style and tone should highlight the quality of these carriers, not steal attention from them. The Red Cross plain-language principles still apply to all text.",
+        approvalNote: "The examples shown are not final UI. They are early examples used to illustrate how the principles and the design direction can translate to rk.no.",
+        feelsTitle: "Rk.no should feel",
+        feel1: "Trustworthy",
+        feel2: "Clear",
+        feel3: "Human",
+        feel4: "Local and global",
+        feel5: "Impartial",
+        feel6: "Action-oriented",
+        // {n}/{total} interpoleres manuelt med .replace, som ellers i appen.
+        chapterLabel: "Chapter {n} of {total}",
+        chapterNavLabel: "Chapter navigation",
+        heroPhotoAlt: "Red Cross search and rescue volunteers in action in the mountains",
+        chapterWarm: "Warm — colors and typography",
+        colorSystemTitle: "The color system",
+        colorSystemText: "The Red Cross color palette has been extended with warm neutral tones that complement red without competing with it. The new colors create room for nuance — in backgrounds, sections and supporting elements — and give the surface more breathing room without the brand color losing its weight.",
+        colorBalanceTitle: "Color balance",
+        colorBalanceText: "Color is used consistently and with restraint — the more white that surrounds it, the stronger the brand color appears. Variation in color use must always be seen in relation to the whole, the CTA hierarchy and the function the color is set to solve.",
+        paletteTitle: "Extended color palette",
+        paletteText: "The Red Cross color palette has been extended with warm neutral tones that complement red without competing with it. The new colors create room for nuance — in backgrounds, sections and supporting elements — and give the surface more breathing room without the brand color losing its weight. The changes and adjustments also ensure that we meet accessibility requirements.",
+        hierarchyTitle: "Color hierarchy",
+        hierarchyText: "The Red Cross serves over a million users across widely different digital services and needs. Every action counts — but not all are equally important in the same moment. A clear button hierarchy makes the system intuitive and safe to navigate, no matter who you are or what you are there to do.",
+        primaryBtnTitle: "Primary button",
+        primaryBtnText: "Red, filled. Used for the most important action per page: donate, sign up, seek help. Can be used on photos and background colors.",
+        secondaryBtnTitle: "Secondary button",
+        secondaryBtnText: "Warm neutral or dark with an outline.",
+        tertiaryBtnTitle: "Tertiary button",
+        tertiaryBtnText: "Outlined.",
+        textButtonTitle: "Text button",
+        textButtonText: "Text link with an arrow or underline. For the smallest actions: back, cancel, more info. Note: must not be used without an icon.",
+        textLinkTitle: "Text link",
+        textLinkText: "Red on hover builds awareness of red as an interaction element.",
+        typographyTitle: "Typography",
+        typographyText1: "Today the Red Cross uses Myriad Pro as its main font and Duplicate Ionic as its serif font, mainly for print and editorial content such as the Red Cross magazine. For rk.no we propose Source Sans 3 as the main font and Source Serif 4 as an editorial supporting font. The fonts have an expression close to the current typographic direction, but are better suited for digital use.",
+        typographyText2: "They are open source, easier to manage license-wise, well suited for accessibility, and more robust in a digital design system across websites, forms, user flows and editorial surfaces. If we do not want a serif font, Source Sans 3 can be used as a complete typographic system: Bold for large titles and clear hierarchy, Regular for body text and UI elements.",
+        typographyText3: "Several public design systems already use open source fonts developed for digital surfaces: NAV's Aksel uses Source Sans 3, NVE uses Source Sans Pro / Source Sans 3, while the Digdir design system and Udir use Inter. Font choices in digital services should be judged on readability, accessibility, technical robustness, scalability and license management — not just on the printed brand profile.",
+        adaptTitle: "Original and adapted",
+        adaptText: "The Digdir components are adapted to the design direction. One of the changes is reducing the primary CTA: less salmon pink, shifted toward the buttons instead, with beige used for accordions and cards.",
+        chapterRedThread: "Red thread (cross)",
+        redWhyTitle: "Why?",
+        redWhyText: "The cross is the Red Cross's strongest visual element, but it is reserved for the logo. To put the cross shape to use in layout and graphic elements without competing with the logo, we use a derived language of form: rectangles and surfaces that reference the cross geometry without copying it.",
+        redExplainTitle: "Explanation",
+        redExplainText: "We propose using parts of the Red Cross cross as a flexible visual system. The shape is taken from the outer points of the cross — the four arms that create its structure — and can be used as a graphic element across digital surfaces.",
+        redElementsTitle: "Graphic elements",
+        redElementsText: "The four arms of the cross are split up and used as independent graphic elements — angles, arrows, corners and hearts. All derived from the same base shape. These elements can act as visual connections across digital products. They can be used in different colors, sizes and compositions to create recognition, direction and coherence between surfaces.",
+        redImportantTitle: "Important",
+        redImportantText: "These shapes are to be used as graphic, decorative or structuring elements. They must not be used as buttons, navigation or interactive elements, so we avoid confusion and preserve clarity in the user experience.",
+        chapterPeople: "People in focus",
+        peopleWhyText: "For the Red Cross's digital products to feel warm, trustworthy, inclusive and close, people and their stories should be lifted forward as a load-bearing element. That means highlighting real stories from volunteers, employees and people engaged in the Red Cross's work — locally, nationally and internationally.",
+        realPeopleTitle: "Real people",
+        realPeopleText: "These should not be empty or staged testimonials, but real accounts from real situations, with real people, real photos and concrete examples of how the Red Cross is present in society. Through personal testimony we can show the breadth of the organization in a more human way: who we are, what we do, why the work matters, and how people can contribute.",
+        quoteExampleTitle: "Example: quote cards",
+        quoteExampleText: "Quote cards are used to convey something human. The card has a photo that carries mood, not just information, and the heading reads more like a sentence than a category. The display font can be used here — this is where the warmth lives.",
+        articleExampleTitle: "Example: article page",
+        articleExampleText: "Storytelling makes the Red Cross more close and human, builds trust through real experiences, shows the diversity of the volunteer community and makes the work visible locally, nationally and internationally.",
+        chapterSocial: "Social presence",
+        socialWhyText1: "For the Red Cross's digital products to feel more close, alive and local, we should integrate principles from social media directly into the website. Today many local branches use Facebook actively because it feels more social and immediate. They can publish posts, get comments from volunteers, share activities and show that things are actually happening locally.",
+        socialWhyText2: "The goal is to make the Red Cross's digital products more alive, shareable and engaging, while keeping ownership of content, data and the user experience.",
+        shareTitle: "Make content easy to share",
+        shareText: "Articles, activities, campaigns and stories should always have a simple and clear way to be shared. If we want people to engage, we must make it easy for them to spread content onward in their own networks.",
+        noDuplicateTitle: "Avoid duplicate work",
+        noDuplicateText: "Content should not have to be published manually in several places. When something is published in the CMS, it should be distributable to several channels: rk.no, local pages, newsletters and social media. In the same way, relevant social content should be possible to pull in and reuse where it strengthens the user experience.",
+        chapterProgress: "Progress and impact",
+        progressWhyText1: "For the Red Cross's digital products to feel more trustworthy, clear and motivating, we must show that action creates impact. The impact should be shown through clear progress, concrete results and simple examples — not just general messaging.",
+        progressWhyText2: "Even when we do not have exact numbers, we can show direction: how far a campaign has come, how many volunteers are needed, which activities are underway, or which goals we are working toward. The goal is to give users the feeling that it helps — and that small actions are part of something bigger.",
+        campaignTitle: "Progress indicators on campaigns",
+        campaignText: "We can make progress and impact visible in different ways, for example through fundraising results, volunteer needs, local initiatives or other information that shows the difference contributions and effort make. How this is solved should be judged on user needs, editorial needs and technical possibilities.",
+        thanksTitle: "Visible impact after donating",
+        thanksText: "After users have donated, we should show what their contribution can help make possible.",
+        activityTitle: "Impact on activity pages",
+        activityText: "Activity pages should show what the activity actually creates, not just what it is.",
+        localTitle: "Local results",
+        localText: "Local pages should show what is happening in the area: activities, volunteers, needs and small results over time.",
+        actionOrientedTitle: "Action-oriented",
+        actionOrientedText: "We must always show that action creates impact. Donations, volunteering, sharing and participation should not feel like isolated actions, but like contributions to a larger progress. Through clear results, visual indicators and concrete examples, rodekors.no can make the Red Cross's work more tangible, motivating and trustworthy."
+      },
       tokens: {
         whatIsTitle: "What are Design Tokens",
         whatIsText1: '"Design Tokens" control how components look regarding colors, typography, sizes, spacing, shapes etc. Design tokens ensure both designers and developers work by the same rules and guidelines.',
@@ -2605,3429 +2390,7 @@ Map design elements to our existing components where possible (e.g. Buttons, Hea
       openDatePicker: "Open date picker"
     }
   }
-}, Ue = pt(void 0), xi = ({ children: n }) => {
-  const [e, a] = Z("NO"), c = (k) => {
-    const y = k.split(".");
-    let f = _o[e];
-    for (const x of y) {
-      if (f[x] === void 0)
-        return console.warn(`Translation missing for key: ${k} in language: ${e}`), k;
-      f = f[x];
-    }
-    return f;
-  };
-  return /* @__PURE__ */ t(Ue.Provider, { value: { language: e, setLanguage: a, t: c }, children: n });
-}, Ti = () => {
-  const n = nt(Ue);
-  if (n === void 0)
-    throw new Error("useLanguage must be used within a LanguageProvider");
-  return n;
-}, Be = () => {
-  const n = nt(Ue);
-  return n === void 0 ? {
-    language: "NO",
-    setLanguage: () => {
-      console.warn("LanguageProvider is not available. Language changes will not work.");
-    },
-    t: (e) => ({
-      // Header translations
-      "header.darkMode": "Nattmodus",
-      "header.language": "Språk",
-      "header.selectLanguage": "Velg språk",
-      "header.homeAriaLabel": "Norges Røde Kors Hjem",
-      "header.login": "Logg inn",
-      "header.search": "Søk",
-      "header.close": "Lukk",
-      "header.closeSearch": "Lukk søk",
-      "header.openSearch": "Åpne søk",
-      "header.menu": "Meny",
-      "header.closeMenu": "Lukk meny",
-      "header.openMenu": "Åpne meny",
-      "header.supportUs": "Støtt oss",
-      "header.toggleTheme": "Bytt tema",
-      "header.searchPlaceholder": "Søk...",
-      "header.clearSearch": "Tøm søk",
-      "header.suggestions": "Forslag",
-      "header.viewAll": "Se alle",
-      "header.noResults": "Ingen resultater for",
-      "header.suggestionCount": "{count} forslag",
-      // Footer translations
-      "footer.shortcuts": "Snarveier",
-      "footer.shortcutsLinks.services": "Tilbudene",
-      "footer.shortcutsLinks.volunteer": "Bli frivillig",
-      "footer.shortcutsLinks.ourWork": "Vårt arbeid",
-      "footer.shortcutsLinks.about": "Om Røde Kors",
-      "footer.shortcutsLinks.support": "Støtt arbeidet",
-      "footer.shortcutsLinks.contact": "Kontakt oss",
-      "footer.contact.visitingAddress": "Besøks adresse",
-      "footer.contact.organizationNumber": "Organisasjonsnummer",
-      "footer.contact.email": "E-post",
-      "footer.contact.phone": "Telefon",
-      "footer.contact.title": "Kontakt",
-      "footer.followUs": "Følg oss",
-      "footer.links": "Lenker",
-      "footer.copyright": "Rødekors",
-      "footer.legal.privacy": "Personvern",
-      "footer.legal.press": "For presse",
-      "footer.legal.procurement": "Regler for innkjøp",
-      "footer.legal.whistleblowing": "Varsling/Misconduct",
-      // Carousel translations
-      "carousel.loading": "Laster bilde",
-      "carousel.previousImage": "Forrige bilde",
-      "carousel.nextImage": "Neste bilde",
-      "carousel.imagePosition": "Bildeposisjon",
-      "carousel.goToImage": "Gå til bilde",
-      "carousel.pauseAutoplay": "Pause automatisk avspilling",
-      "carousel.resumeAutoplay": "Start automatisk avspilling",
-      // DatePicker translations
-      "datePicker.previousMonth": "Forrige måned",
-      "datePicker.nextMonth": "Neste måned",
-      // DateInput translations
-      "dateInput.openDatePicker": "Åpne datovelger"
-    })[e] || e
-  } : n;
-}, Io = (n) => {
-  const e = be(n), a = He(e, { locale: he }), c = Ce(a, 41);
-  return yn({ start: a, end: c });
-}, Xe = (n) => n && n.charAt(0).toUpperCase() + n.slice(1), Le = (n, e) => {
-  const a = Math.min(n.getDate(), xn(e));
-  return Tn(be(e), a);
-}, Lo = ({
-  initialDate: n = /* @__PURE__ */ new Date(),
-  selectedDate: e = null,
-  onDateSelect: a,
-  "data-color": c,
-  "data-size": k
-}) => {
-  const { t: y } = Be();
-  U(() => {
-    const d = "rk-datepicker-inline-styles";
-    if (typeof document > "u" || document.getElementById(d)) return;
-    const l = Do(de), v = document.createElement("style");
-    v.id = d, v.textContent = l, document.head.appendChild(v);
-  }, []);
-  const [f, x] = Z(
-    be(e && De(e) ? e : n)
-  ), [B, I] = Z(
-    () => e && De(e) ? e : n
-  ), J = Ee(null), L = Ee(!1);
-  U(() => {
-    if (e && De(e)) {
-      I(e);
-      const d = be(e);
-      x(
-        (l) => Fe(d, l) ? l : d
-      );
-    }
-  }, [e]), U(() => {
-    var l;
-    if (!L.current) return;
-    L.current = !1;
-    const d = (l = J.current) == null ? void 0 : l.querySelector(
-      `[data-date="${ve(B, "yyyy-MM-dd")}"]`
-    );
-    d == null || d.focus();
-  }, [B, f]);
-  const R = Ae(
-    () => Io(f),
-    [f]
-  ), G = Ae(() => {
-    const d = [];
-    for (let l = 0; l < R.length; l += 7)
-      d.push(R.slice(l, l + 7));
-    return d;
-  }, [R]), p = Ae(() => {
-    const d = He(/* @__PURE__ */ new Date(), { locale: he });
-    return Array.from({ length: 7 }).map((l, v) => {
-      const S = ve(Ce(d, v), "EEEEEE", { locale: he });
-      return Xe(S);
-    });
-  }, []), Q = ce(() => {
-    x((d) => {
-      const l = be(Ve(d, 1));
-      return I((v) => Le(v, l)), l;
-    });
-  }, []), K = ce(() => {
-    x((d) => {
-      const l = be(Oe(d, 1));
-      return I((v) => Le(v, l)), l;
-    });
-  }, []), N = ce(
-    (d) => {
-      I(d), a == null || a(d);
-    },
-    [a]
-  ), w = ce((d) => {
-    L.current = !0, I(d), x(
-      (l) => Fe(d, l) ? l : be(d)
-    );
-  }, []), H = ce(
-    (d, l) => {
-      switch (d.key) {
-        case "Enter":
-        case " ":
-          d.preventDefault(), N(l);
-          return;
-        case "ArrowLeft":
-          d.preventDefault(), w(Ce(l, -1));
-          return;
-        case "ArrowRight":
-          d.preventDefault(), w(Ce(l, 1));
-          return;
-        case "ArrowUp":
-          d.preventDefault(), w(Ce(l, -7));
-          return;
-        case "ArrowDown":
-          d.preventDefault(), w(Ce(l, 7));
-          return;
-        case "Home":
-          d.preventDefault(), w(He(l, { locale: he }));
-          return;
-        case "End":
-          d.preventDefault(), w(vn(l, { locale: he }));
-          return;
-        case "PageUp":
-          d.preventDefault(), w(Le(l, Ve(l, 1)));
-          return;
-        case "PageDown":
-          d.preventDefault(), w(Le(l, Oe(l, 1)));
-          return;
-      }
-    },
-    [N, w]
-  ), P = ve(f, "MMMM", { locale: he }), E = ve(f, "yyyy", { locale: he }), q = `${Xe(P)} ${E}`, Y = We(), $ = Fe(B, f) ? B : Le(B, f);
-  return /* @__PURE__ */ r(
-    "div",
-    {
-      className: de.calendarContainer,
-      "data-color": c,
-      "data-size": k,
-      children: [
-        /* @__PURE__ */ r("div", { className: de.calendarHeader, children: [
-          /* @__PURE__ */ t("span", { className: de.monthYear, id: Y, "aria-live": "polite", children: q }),
-          /* @__PURE__ */ r("div", { className: de.navigationButtons, children: [
-            /* @__PURE__ */ t(
-              Ge,
-              {
-                variant: "tertiary",
-                icon: !0,
-                onClick: Q,
-                "aria-label": y("datePicker.previousMonth"),
-                children: /* @__PURE__ */ t(st, {})
-              }
-            ),
-            /* @__PURE__ */ t(
-              Ge,
-              {
-                variant: "tertiary",
-                icon: !0,
-                onClick: K,
-                "aria-label": y("datePicker.nextMonth"),
-                children: /* @__PURE__ */ t(it, {})
-              }
-            )
-          ] })
-        ] }),
-        /* @__PURE__ */ r("div", { role: "grid", "aria-labelledby": Y, className: de.gridWrapper, ref: J, children: [
-          /* @__PURE__ */ t("div", { role: "row", className: de.gridRow, children: p.map((d) => /* @__PURE__ */ t("div", { role: "columnheader", className: de.dayNameCell, children: d }, d)) }),
-          G.map((d) => /* @__PURE__ */ t("div", { role: "row", className: de.gridRow, children: d.map((l) => {
-            const v = Fe(l, f), S = e && De(e) && Ke(l, e), F = bn(l), D = v && Ke(l, $), g = [
-              de.dateCell,
-              v ? "" : de.otherMonth,
-              S ? de.selectedDate : "",
-              F && !S ? de.todayDate : ""
-            ].filter(Boolean).join(" ");
-            return /* @__PURE__ */ t(
-              "div",
-              {
-                role: "gridcell",
-                className: g,
-                "data-date": ve(l, "yyyy-MM-dd"),
-                onClick: v ? () => N(l) : void 0,
-                onKeyDown: v ? (se) => H(se, l) : void 0,
-                tabIndex: v ? D ? 0 : -1 : void 0,
-                "aria-selected": v ? !!S : void 0,
-                "aria-disabled": !v || void 0,
-                "aria-current": F ? "date" : void 0,
-                "aria-label": ve(l, "PPP", { locale: he }),
-                children: /* @__PURE__ */ t("span", { className: de.dateNumberContainer, children: ve(l, "d") })
-              },
-              l.toISOString()
-            );
-          }) }, d[0].toISOString()))
-        ] })
-      ]
-    }
-  );
-};
-Lo.displayName = "DatePicker";
-function Do(n) {
-  return `
-.${n.calendarContainer} {
-  display: inline-flex;
-  padding: var(--ds-size-8, 32px);
-  flex-direction: column;
-  align-items: flex-start;
-  gap: var(--ds-size-3, 12px);
-  border: 1px solid var(--ds-color-border-subtle, #ccc);
-  border-radius: var(--ds-border-radius-md, 4px);
-  background-color: var(--ds-color-background-default, #fff);
-  font-family: var(--ds-font-family, sans-serif);
-  color: var(--ds-color-text-default, #2b2b2b);
-  max-width: 100%;
-  box-sizing: border-box;
-}
-.${n.calendarHeader} {
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-  align-self: stretch;
-}
-.${n.monthYear} {
-  color: var(--ds-color-text-default, #2b2b2b);
-  font-family: var(--ds-font-family, sans-serif);
-  font-size: var(--ds-heading-sm-font-size, 1.5rem);
-  font-weight: var(--ds-heading-sm-font-weight, 500);
-  line-height: var(--ds-heading-sm-line-height, 1.3);
-  margin: 0;
-}
-.${n.navigationButtons} {
-  display: flex;
-  gap: var(--ds-size-1, 4px);
-}
-.${n.navigationButtons} > button:disabled svg {
-  opacity: var(--ds-opacity-disabled, 0.3);
-}
-.${n.gridWrapper} {
-  width: 100%;
-  overflow: hidden;
-}
-.${n.gridRow} {
-  display: grid;
-  grid-template-columns: repeat(7, 1fr);
-  width: 100%;
-  text-align: center;
-}
-.${n.dayNameCell} {
-  display: flex;
-  padding: var(--ds-size-2, 8px);
-  flex-direction: column;
-  justify-content: center;
-  align-items: center;
-  color: var(--ds-color-text-default, #2b2b2b);
-  text-align: center;
-  font-family: var(--ds-font-family, sans-serif);
-  font-size: var(--ds-body-xs-font-size, 14px);
-  font-weight: var(--ds-font-weight-semibold, 600);
-  line-height: var(--ds-body-short-xs-line-height, 1.3);
-  box-sizing: border-box;
-  min-width: 0;
-}
-.${n.dateCell} {
-  display: flex;
-  padding: var(--ds-size-5, 22px);
-  flex-direction: column;
-  justify-content: center;
-  align-items: center;
-  border: var(--ds-border-width-default, 1px) solid var(--ds-color-border-subtle, #bcbcbc);
-  box-sizing: border-box;
-  margin: -0.5px;
-  font-family: var(--ds-font-family, sans-serif);
-  color: var(--ds-color-text-default, #2b2b2b);
-  text-align: center;
-  font-size: var(--ds-body-xs-font-size, 14px);
-  font-weight: var(--ds-body-xs-font-weight, 400);
-  line-height: var(--ds-body-short-xs-line-height, 1.3);
-  cursor: pointer;
-  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out;
-  user-select: none;
-  min-width: 0;
-}
-.${n.dateCell}:focus-visible {
-  outline: var(--ds-border-width-focus, 3px) solid var(--ds-color-focus-outer, #2b2b2b);
-  outline-offset: calc(-1 * var(--ds-border-width-focus, 3px));
-  position: relative;
-  z-index: 2;
-}
-.${n.dateNumberContainer} {
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  width: 24px;
-  height: 24px;
-  border-radius: 50%;
-  transition: color 0.15s ease-in-out, font-weight 0.15s ease-in-out;
-  line-height: 1;
-  box-sizing: border-box;
-  background-color: transparent;
-}
-.${n.dateCell}:hover:not(.${n.otherMonth}):not(.${n.disabled}) {
-  background-color: var(--ds-color-surface-hover, #eee);
-  position: relative;
-  z-index: 1;
-}
-.${n.otherMonth} {
-  color: var(--ds-color-text-subtle, #aaa);
-  cursor: default;
-  pointer-events: none;
-  background-color: var(--ds-color-surface-tinted, #e8e8e8);
-  border: var(--ds-border-width-default, 1px) solid var(--ds-color-border-subtle, #bcbcbc);
-  margin: -0.5px;
-}
-.${n.selectedDate} {
-  background-color: var(--ds-color-base-default, #C30000);
-  border-color: var(--ds-color-base-default, #C30000);
-  color: var(--ds-color-base-contrast-default, #fff);
-  position: relative;
-  z-index: 1;
-}
-.${n.selectedDate} .${n.dateNumberContainer} {
-  color: var(--ds-color-base-contrast-default, #fff);
-  font-weight: var(--ds-font-weight-semibold, 600);
-  background-color: transparent;
-}
-.${n.todayDate} .${n.dateNumberContainer} {
-  font-weight: var(--ds-font-weight-semibold, 600);
-}
-@media (max-width: 480px) {
-  .${n.calendarContainer} {
-    padding: var(--ds-size-4, 16px);
-    gap: var(--ds-size-2, 8px);
-    width: 100%;
-  }
-  .${n.monthYear} {
-    font-size: var(--ds-heading-xs-font-size, 1.125rem);
-  }
-  .${n.dayNameCell} {
-    padding: var(--ds-size-1, 4px);
-    font-size: var(--ds-font-size-1, 12px);
-  }
-  .${n.dateCell} {
-    padding: var(--ds-size-2, 8px);
-    font-size: var(--ds-font-size-1, 12px);
-  }
-  .${n.dateNumberContainer} {
-    width: 20px;
-    height: 20px;
-  }
-}
-@media (max-width: 360px) {
-  .${n.calendarContainer} {
-    padding: var(--ds-size-2, 8px);
-  }
-  .${n.dayNameCell} {
-    padding: 2px;
-    font-size: 10px;
-  }
-  .${n.dateCell} {
-    padding: var(--ds-size-1, 4px);
-    font-size: 11px;
-  }
-  .${n.dateNumberContainer} {
-    width: 16px;
-    height: 16px;
-  }
-}
-`;
-}
-const Mo = "_fieldset_1d1ez_2", jo = "_description_1d1ez_14", Ao = "_error_1d1ez_21", No = "_inputWrapper_1d1ez_30", Eo = "_inputWrapperError_1d1ez_42", Bo = "_suffixButton_1d1ez_80", Fo = "_suffixButtonInteractive_1d1ez_100", ue = {
-  fieldset: Mo,
-  description: jo,
-  error: Ao,
-  inputWrapper: No,
-  inputWrapperError: Eo,
-  suffixButton: Bo,
-  suffixButtonInteractive: Fo
-}, Me = (n) => {
-  const e = n.slice(0, 2), a = n.slice(2, 4), c = n.slice(4, 8);
-  return n.length > 4 ? `${e}.${a}.${c}` : n.length > 2 ? `${e}.${a}` : n.length > 0 ? e : "";
-}, ze = (n) => (n || "").replace(/\D/g, "").slice(0, 8), Je = (n) => {
-  if (n.length < 8) return null;
-  const e = Cn(Me(n), "dd.MM.yyyy", /* @__PURE__ */ new Date());
-  return De(e);
-}, Po = me(
-  (n, e) => {
-    const { t: a } = Be();
-    U(() => {
-      const A = "rk-dateinput-inline-styles";
-      if (typeof document > "u" || document.getElementById(A)) return;
-      const ae = $o(ue), s = document.createElement("style");
-      s.id = A, s.textContent = ae, document.head.appendChild(s);
-    }, []);
-    const {
-      label: c,
-      suffixIcon: k,
-      onSuffixClick: y,
-      className: f,
-      inputWrapperClassName: x,
-      inputClassName: B,
-      value: I,
-      defaultValue: J,
-      onChange: L,
-      onValidationChange: R,
-      readOnly: G,
-      placeholder: p = "dd.mm.åååå",
-      id: Q,
-      name: K,
-      required: N,
-      disabled: w,
-      onClick: H,
-      onFocus: P,
-      onBlur: E,
-      autoComplete: q = "off",
-      "aria-label": Y,
-      "aria-labelledby": $,
-      description: d,
-      error: l,
-      "data-color": v,
-      "data-size": S,
-      ...F
-    } = n, D = I !== void 0, g = Ee(null);
-    ye.useImperativeHandle(
-      e,
-      () => g.current
-    );
-    const se = Ee(null), ee = ce(
-      (A, ae) => {
-        A !== se.current && (se.current = A, R == null || R(A, ae));
-      },
-      [R]
-    ), te = ce(
-      (A) => Me(ze(A)),
-      []
-    ), [ne, z] = Z(
-      () => te(I ?? J)
-    );
-    U(() => {
-      if (D) {
-        const A = te(I);
-        A !== ne && (z(A), g.current && g.current.value !== A && (g.current.value = A));
-      }
-    }, [I, D, ne, te]);
-    const ie = ce(
-      (A) => {
-        const ae = A.target, s = ne, m = ze(ae.value), b = Me(m);
-        let V = 0;
-        const ke = m.length;
-        ke <= 2 ? V = ke : ke <= 4 ? V = ke + 1 : V = ke + 2, V = Math.min(V, b.length), z(b), ae.value = b, ae.setSelectionRange(V, V), (b !== s || D) && (L == null || L(A, b));
-        const ct = Je(m);
-        (m.length === 0 || m.length === 8) && ee(m.length === 0 ? null : ct, b);
-      },
-      [ne, D, L, ee]
-    ), T = ce(
-      (A) => {
-        const ae = ze(A.target.value);
-        ae.length === 0 ? ee(null, "") : ae.length < 8 ? ee(!1, Me(ae)) : ee(Je(ae), Me(ae)), E == null || E(A);
-      },
-      [E, ee]
-    ), h = [ue.fieldset, f].filter(Boolean).join(" "), C = [
-      ue.inputWrapper,
-      x,
-      l ? ue.inputWrapperError : ""
-    ].filter(Boolean).join(" "), j = [
-      B
-    ].filter(Boolean).join(" "), _ = [
-      ue.suffixButton,
-      y ? ue.suffixButtonInteractive : ""
-    ].filter(Boolean).join(" ");
-    !c && !Y && !$ && console.warn("Advarsel: DateInput-komponenten bør ha label, aria-label, eller aria-labelledby for tilgjengelighet.");
-    const u = We(), M = Q ?? `dateinput${u}`, le = c && typeof c == "string" ? `${M}-label` : void 0, re = d ? `${M}-desc` : void 0, ge = l ? `${M}-err` : void 0, xe = [re, ge].filter(Boolean).join(" ") || void 0, Se = $ ?? le;
-    return (
-      // --- Bruk data-color og data-size på den ytre wrapperen ---
-      /* @__PURE__ */ r(
-        "div",
-        {
-          className: h,
-          "data-color": v,
-          "data-size": S,
-          children: [
-            c && typeof c == "string" ? /* @__PURE__ */ t("label", { id: le, htmlFor: M, children: c }) : c,
-            d && /* @__PURE__ */ t("p", { id: re, className: ue.description, children: d }),
-            /* @__PURE__ */ r("div", { className: C, children: [
-              /* @__PURE__ */ t(
-                "input",
-                {
-                  ref: g,
-                  type: "text",
-                  inputMode: "numeric",
-                  pattern: "\\d{2}\\.\\d{2}\\.\\d{4}",
-                  maxLength: 10,
-                  value: ne,
-                  readOnly: G,
-                  placeholder: p,
-                  id: M,
-                  name: K,
-                  required: N,
-                  disabled: w,
-                  onClick: H,
-                  onChange: ie,
-                  onFocus: P,
-                  onBlur: T,
-                  autoComplete: q,
-                  "aria-label": Y,
-                  "aria-labelledby": Se,
-                  "aria-describedby": xe,
-                  "aria-invalid": !!l,
-                  className: j,
-                  ...F
-                }
-              ),
-              k && /* @__PURE__ */ t(
-                "button",
-                {
-                  type: "button",
-                  className: _,
-                  onClick: w ? void 0 : y,
-                  tabIndex: y && !w ? 0 : -1,
-                  "aria-hidden": !y,
-                  disabled: w,
-                  "aria-label": y ? a("dateInput.openDatePicker") : void 0,
-                  children: k
-                }
-              )
-            ] }),
-            l && /* @__PURE__ */ t("p", { id: ge, className: ue.error, role: "alert", children: l })
-          ]
-        }
-      )
-    );
-  }
-);
-Po.displayName = "DateInput";
-function $o(n) {
-  return `
-.${n.fieldset} {
-  margin-bottom: var(--ds-size-4, 16px);
-}
-.${n.fieldset} label {
-  display: block;
-  margin-bottom: var(--ds-size-1, 4px);
-  font-weight: var(--ds-font-weight-medium, 500);
-  color: var(--ds-color-text-default, #2b2b2b);
-}
-.${n.description} {
-  font-size: var(--ds-font-size-2, 14px);
-  color: var(--ds-color-text-subtle, #5d5d5d);
-  margin-top: var(--ds-size-1, 4px);
-  margin-bottom: var(--ds-size-2, 8px);
-}
-.${n.error} {
-  font-size: var(--ds-font-size-2, 14px);
-  color: var(--ds-color-danger-text-default, #c30000);
-  margin-top: var(--ds-size-1, 4px);
-}
-.${n.inputWrapper} {
-  display: flex;
-  align-items: stretch;
-  width: 100%;
-  position: relative;
-  border: var(--ds-border-width-default, 1px) solid var(--ds-color-border-default, #797979);
-  border-radius: var(--ds-border-radius-md, 4px);
-  overflow: hidden;
-  transition: border-color 0.1s ease-out, outline 0.1s ease-out;
-}
-.${n.inputWrapperError} {
-  border-color: var(--ds-color-danger-border-default, #c30000);
-}
-.${n.inputWrapper}:focus-within {
-  outline: var(--ds-border-width-focus, 3px) solid var(--ds-color-focus-outer, #2B2B2B);
-  outline-offset: var(--ds-border-width-focus, 2px);
-}
-.${n.inputWrapper} input {
-  box-sizing: border-box;
-  flex-grow: 1;
-  width: auto;
-  min-width: 0;
-  background-color: var(--ds-color-background-default, #fff);
-  color: var(--ds-color-text-default, #2b2b2b);
-  border: none;
-  border-radius: 0;
-  outline: none;
-  padding: var(--ds-size-2, 8px) var(--ds-size-3, 12px);
-  font-family: inherit;
-  font-size: inherit;
-  appearance: none;
-  -webkit-appearance: none;
-}
-.${n.inputWrapper} input:disabled {
-  opacity: var(--ds-opacity-disabled, 0.5);
-  cursor: not-allowed;
-  background-color: var(--ds-color-neutral-surface-tinted, #f0f0f0);
-  color: var(--ds-color-neutral-text-subtle, #5d5d5d);
-}
-.${n.suffixButton} {
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  flex-shrink: 0;
-  padding: 0 var(--ds-size-3, 12px);
-  margin: 0;
-  border: none;
-  border-radius: 0;
-  border-left: var(--ds-border-width-default, 1px) solid var(--ds-color-border-default, #797979);
-  background-color: var(--ds-color-surface-tinted, #e8e8e8);
-  color: var(--ds-color-text-subtle, #5d5d5d);
-  font-size: 1.25rem;
-  box-sizing: border-box;
-  cursor: default;
-  transition: background-color 0.15s ease-out, border-color 0.15s ease-out, color 0.15s ease-out;
-}
-.${n.suffixButtonInteractive} {
-  cursor: pointer;
-}
-.${n.suffixButtonInteractive}:hover:not(:disabled) {
-  color: var(--ds-color-text-default, #2b2b2b);
-  background-color: var(--ds-color-surface-hover, #dadada);
-}
-.${n.suffixButton}:disabled {
-  opacity: var(--ds-opacity-disabled, 0.3);
-  cursor: not-allowed;
-  background-color: var(--ds-color-neutral-surface-tinted, #e8e8e8);
-  border-left-color: var(--ds-color-neutral-border-default, #797979);
-}
-`;
-}
-const zo = "_carouselContainer_oit30_1", Ro = "_viewport_oit30_14", Go = "_slides_oit30_20", Ho = "_slide_oit30_20", Wo = "_slideInner_oit30_40", Uo = "_loaderOverlay_oit30_48", Vo = "_image_oit30_58", Oo = "_loaded_oit30_69", Ko = "_loading_oit30_73", Zo = "_empty_oit30_81", qo = "_controls_oit30_87", Yo = "_arrows_oit30_97", Xo = "_dots_oit30_107", Jo = "_playPause_oit30_122", Qo = "_dot_oit30_107", er = "_dotActive_oit30_153", X = {
-  carouselContainer: zo,
-  viewport: Ro,
-  slides: Go,
-  slide: Ho,
-  slideInner: Wo,
-  loaderOverlay: Uo,
-  image: Vo,
-  loaded: Oo,
-  loading: Ko,
-  empty: Zo,
-  controls: qo,
-  arrows: Yo,
-  dots: Xo,
-  playPause: Jo,
-  dot: Qo,
-  dotActive: er
-}, tr = _t, nr = ({
-  images: n,
-  autoPlay: e = !1,
-  autoDelay: a = 5,
-  showArrows: c = !0,
-  showDots: k = !0,
-  variant: y,
-  slidesPerView: f = 1,
-  slideSpacing: x = 16,
-  cornerRadius: B = 0,
-  "data-color": I,
-  "data-size": J
-}) => {
-  const { t: L } = Be();
-  U(() => {
-    const h = "rk-carousel-inline-styles";
-    if (typeof document > "u" || document.getElementById(h)) return;
-    const C = or(X), j = document.createElement("style");
-    j.id = h, j.textContent = C, document.head.appendChild(j);
-  }, []);
-  const R = {
-    loop: !0,
-    align: "start",
-    containScroll: "trimSnaps",
-    slidesToScroll: 1
-  }, [G, p] = wn(R), [Q, K] = Z(0), [N, w] = Z([]), [H, P] = Z([]), E = Ee([]), q = (n ?? []).map((h) => h.src).join(`
-`);
-  U(() => {
-    P(
-      (n ?? []).map((h, C) => {
-        const j = E.current[C];
-        return !!(j && j.complete && j.naturalWidth > 0);
-      })
-    );
-  }, [q]);
-  const Y = ce((h) => {
-    P((C) => {
-      if (C[h]) return C;
-      const j = [...C];
-      return j[h] = !0, j;
-    });
-  }, []), $ = Ae(() => a * 1e3, [a]), d = ce(() => {
-    p && K(p.selectedScrollSnap());
-  }, [p]), l = ce((h) => p && p.scrollTo(h), [p]), v = ce(() => p && p.scrollPrev(), [p]), S = ce(() => p && p.scrollNext(), [p]);
-  U(() => {
-    if (p)
-      return p.on("select", d), p.on("reInit", d), w(p.scrollSnapList()), () => {
-        p.off("select", d), p.off("reInit", d);
-      };
-  }, [p, d]), U(() => {
-    p && (p.reInit(), w(p.scrollSnapList()));
-  }, [p, n, f, x]);
-  const [F, D] = Z(!1), [g, se] = Z(!1), [ee, te] = Z(!1), ne = e && !F && !g && !ee;
-  U(() => {
-    if (!ne || !p || !n || n.length <= 1) return;
-    const h = window.setInterval(() => {
-      p.canScrollNext() && p.scrollNext();
-    }, $);
-    return () => {
-      window.clearInterval(h);
-    };
-  }, [ne, $, p, n]);
-  const z = Math.max(1, f), ie = `${100 / z}%`, T = x / 2;
-  return /* @__PURE__ */ r(
-    "div",
-    {
-      className: X.carouselContainer,
-      "data-color": I,
-      "data-size": J,
-      "data-variant": y,
-      onMouseEnter: e ? () => se(!0) : void 0,
-      onMouseLeave: e ? () => se(!1) : void 0,
-      onFocus: e ? () => te(!0) : void 0,
-      onBlur: e ? (h) => {
-        h.currentTarget.contains(h.relatedTarget) || te(!1);
-      } : void 0,
-      children: [
-        /* @__PURE__ */ t("div", { className: X.viewport, ref: G, children: /* @__PURE__ */ t(
-          "div",
-          {
-            className: X.slides,
-            style: {
-              marginLeft: `-${T}px`,
-              marginRight: `-${T}px`
-            },
-            children: n && n.length > 0 ? n.map((h, C) => /* @__PURE__ */ t(
-              "div",
-              {
-                className: X.slide,
-                style: {
-                  flex: `0 0 ${ie}`,
-                  paddingLeft: `${T}px`,
-                  paddingRight: `${T}px`,
-                  borderRadius: B > 0 ? `${B}px` : void 0,
-                  overflow: "hidden"
-                  // Ensure radius clips content
-                },
-                children: /* @__PURE__ */ r("div", { className: X.slideInner, style: { borderRadius: `${B}px`, overflow: "hidden", position: "relative", width: "100%", height: "100%" }, children: [
-                  !H[C] && /* @__PURE__ */ t("div", { className: X.loaderOverlay, children: /* @__PURE__ */ t(tr, { "aria-label": L("carousel.loading") }) }),
-                  /* @__PURE__ */ t(
-                    "img",
-                    {
-                      ref: (j) => {
-                        E.current[C] = j;
-                      },
-                      className: `${X.image} ${H[C] ? X.loaded : X.loadingImage}`,
-                      src: h.src,
-                      alt: h.alt,
-                      loading: C < z ? "eager" : "lazy",
-                      crossOrigin: "anonymous",
-                      onLoad: () => Y(C),
-                      onError: (j) => {
-                        j.target.style.display = "none", Y(C);
-                      }
-                    }
-                  )
-                ] })
-              },
-              `image-${C}-${h.src}`
-            )) : /* @__PURE__ */ t("div", { className: X.slide, style: { flex: "0 0 100%" }, children: /* @__PURE__ */ t("div", { className: X.empty, children: "Ingen bilder" }) })
-          }
-        ) }),
-        (c || k && n && n.length > 1) && /* @__PURE__ */ r("div", { className: X.controls, "aria-hidden": "false", children: [
-          c && /* @__PURE__ */ r("div", { className: X.arrows, children: [
-            /* @__PURE__ */ t(
-              fe,
-              {
-                variant: "primary",
-                icon: !0,
-                "aria-label": L("carousel.previousImage"),
-                onClick: v,
-                disabled: !n || n.length <= 1,
-                children: /* @__PURE__ */ t(Sn, { "aria-hidden": !0 })
-              }
-            ),
-            /* @__PURE__ */ t(
-              fe,
-              {
-                variant: "primary",
-                icon: !0,
-                "aria-label": L("carousel.nextImage"),
-                onClick: S,
-                disabled: !n || n.length <= 1,
-                children: /* @__PURE__ */ t(_n, { "aria-hidden": !0 })
-              }
-            )
-          ] }),
-          k && n && n.length > 1 && /* @__PURE__ */ r("div", { className: X.dots, role: "group", "aria-label": L("carousel.imagePosition"), children: [
-            e && /* @__PURE__ */ t(
-              "button",
-              {
-                type: "button",
-                className: X.playPause,
-                onClick: () => D((h) => !h),
-                "aria-label": L(F ? "carousel.resumeAutoplay" : "carousel.pauseAutoplay"),
-                "aria-pressed": F,
-                children: F ? /* @__PURE__ */ t(In, { "aria-hidden": !0 }) : /* @__PURE__ */ t(Ln, { "aria-hidden": !0 })
-              }
-            ),
-            N.map((h, C) => {
-              const j = C === Q;
-              return /* @__PURE__ */ t(
-                "button",
-                {
-                  type: "button",
-                  className: `${X.dot} ${j ? X.dotActive : ""}`,
-                  onClick: () => l(C),
-                  "aria-label": `${L("carousel.goToImage")} ${C + 1}`,
-                  "aria-current": j || void 0
-                },
-                `dot-${C}`
-              );
-            })
-          ] })
-        ] })
-      ]
-    }
-  );
-};
-nr.displayName = "Carousel";
-function or(n) {
-  return `
-.${n.carouselContainer} {
-  position: relative;
-  display: block;
-  width: 100%;
-  height: 100%;
-  min-height: 200px;
-  background-color: var(--ds-color-background-default, #fff);
-  color: var(--ds-color-text-default, #2b2b2b);
-  border-radius: var(--ds-border-radius-md, 4px);
-  box-sizing: border-box;
-  max-width: 100%;
-}
-.${n.viewport} {
-  overflow: hidden;
-  width: 100%;
-  height: 100%;
-}
-.${n.slides} {
-  display: flex;
-  height: 100%;
-  user-select: none;
-  -webkit-touch-callout: none;
-  -khtml-user-select: none;
-  -moz-user-select: none;
-  -ms-user-select: none;
-}
-.${n.slide} {
-  position: relative;
-  min-width: 0;
-  height: 100%;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  box-sizing: border-box;
-}
-.${n.slideInner} {
-  position: relative;
-  width: 100%;
-  height: 100%;
-  background-color: var(--ds-color-neutral-surface-tinted, #f5f5f5);
-  overflow: hidden;
-}
-.${n.loaderOverlay} {
-  position: absolute;
-  inset: 0;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  background-color: rgba(0, 0, 0, 0.05);
-  z-index: 2;
-}
-.${n.image} {
-  position: absolute;
-  inset: 0;
-  width: 100%;
-  height: 100%;
-  object-fit: cover;
-  opacity: 0;
-  transition: opacity 0.3s ease-in-out;
-  z-index: 1;
-}
-.${n.image}.${n.loaded} {
-  opacity: 1;
-}
-.${n.loading} {
-  display: inline-flex;
-  align-items: center;
-  gap: var(--ds-size-2, 8px);
-  color: var(--ds-color-text-subtle, #5d5d5d);
-  font-size: var(--ds-font-size-2, 14px);
-}
-.${n.empty} {
-  color: var(--ds-color-text-subtle, #5d5d5d);
-  font-size: var(--ds-font-size-2, 14px);
-  text-align: center;
-}
-.${n.controls} {
-  position: absolute;
-  inset: 0;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  pointer-events: none;
-  z-index: 10;
-}
-.${n.arrows} {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  width: 100%;
-  padding: 0 var(--ds-size-4, 16px);
-  box-sizing: border-box;
-  pointer-events: auto;
-}
-.${n.dots} {
-  position: absolute;
-  left: 50%;
-  transform: translateX(-50%);
-  bottom: var(--ds-size-3, 12px);
-  display: inline-flex;
-  align-items: center;
-  gap: var(--ds-size-2, 8px);
-  pointer-events: auto;
-  background-color: rgba(255, 255, 255, 0.1);
-  backdrop-filter: blur(4px);
-  padding: var(--ds-size-1, 4px) var(--ds-size-2, 8px);
-  border-radius: 999px;
-}
-.${n.dot} {
-  width: 12px;
-  height: 12px;
-  border-radius: 999px;
-  border: var(--ds-border-width-default, 1px) solid var(--ds-color-border-subtle, #d6d6d6);
-  background-color: rgba(255, 255, 255, 0.6);
-  padding: 0;
-  margin: 0;
-  cursor: pointer;
-  transition: all 0.2s ease;
-}
-.${n.playPause} {
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  width: var(--ds-size-6, 24px);
-  height: var(--ds-size-6, 24px);
-  border-radius: 999px;
-  border: var(--ds-border-width-default, 1px) solid var(--ds-color-border-subtle, #d6d6d6);
-  background-color: rgba(255, 255, 255, 0.85);
-  color: var(--ds-color-neutral-text-default, #2b2b2b);
-  padding: 0;
-  margin: 0;
-  cursor: pointer;
-}
-.${n.dotActive} {
-  background-color: var(--ds-color-primary-color-red-base-default, #D52B1E);
-  border-color: var(--ds-color-primary-color-red-base-default, #D52B1E);
-  transform: scale(1.1);
-}
-@media (max-width: 640px) {
-  .${n.carouselContainer} {
-    height: auto;
-    min-height: 150px;
-    aspect-ratio: 16 / 9;
-  }
-  .${n.viewport} {
-    aspect-ratio: 16 / 9;
-    height: auto;
-  }
-  .${n.slides} {
-    height: auto;
-    min-height: 150px;
-  }
-  .${n.slide} {
-    height: auto;
-    min-height: 150px;
-  }
-  .${n.slideInner} {
-    aspect-ratio: 16 / 9;
-    height: auto;
-  }
-  .${n.arrows} {
-    padding: 0 var(--ds-size-2, 8px);
-  }
-  .${n.dots} {
-    bottom: var(--ds-size-2, 8px);
-    gap: var(--ds-size-1, 4px);
-  }
-  .${n.dot} {
-    width: 10px;
-    height: 10px;
-  }
-}
-@media (max-width: 400px) {
-  .${n.carouselContainer} {
-    min-height: 120px;
-  }
-  .${n.arrows} {
-    padding: 0 var(--ds-size-1, 4px);
-  }
-  .${n.arrows} button {
-    transform: scale(0.85);
-  }
-}
-`;
-}
-const rr = "_graphicElement_134cx_1", ar = "_shape_134cx_12", sr = "_faceFront_134cx_28", ir = "_faceTop_134cx_32", lr = "_faceRight_134cx_36", we = {
-  graphicElement: rr,
-  shape: ar,
-  faceFront: sr,
-  faceTop: ir,
-  faceRight: lr
-};
-function dr(n) {
-  return `
-.${n.graphicElement} {
-  display: inline-block;
-  flex-shrink: 0;
-  --graphic-element-color: var(--ds-color-base-default, #DA4236);
-  --graphic-element-face-front: var(--ds-color-border-subtle, #EEABA6);
-  --graphic-element-face-top: var(--ds-color-surface-active, #E5776F);
-}
-/* data-color scoping: the theme's [data-color] scopes swap the generic
-   --ds-color-* variables, so no per-ramp rules are needed here. */
-.${n.shape} {
-  fill: var(--graphic-element-color);
-}
-/* Outline variant: thin stroke, no fill */
-.${n.graphicElement}[data-variant="outline"] {
-  overflow: visible;
-}
-.${n.graphicElement}[data-variant="outline"] .${n.shape} {
-  fill: none;
-  stroke: var(--graphic-element-color);
-  stroke-width: 2px;
-}
-/* Isometric variant: three token-driven cube faces */
-.${n.faceFront} {
-  fill: var(--graphic-element-face-front);
-}
-.${n.faceTop} {
-  fill: var(--graphic-element-face-top);
-}
-.${n.faceRight} {
-  fill: var(--graphic-element-color);
-}
-`;
-}
-const cr = {
-  sm: 24,
-  md: 34,
-  lg: 48
-}, pr = {
-  "top-left": 270,
-  "top-right": 0,
-  "bottom-right": 90,
-  "bottom-left": 180
-}, mr = {
-  // One unit square. Outline: bottom edge only.
-  square: {
-    viewBoxW: 34,
-    viewBoxH: 34,
-    solid: "M0 0H34V34H0V0Z",
-    outline: "M0 34H34"
-  },
-  // Three cells of a 2x2 grid with the TOP-LEFT cell missing:
-  // (1,0), (0,1), (1,1). Outline: bottom + right edges (open step).
-  corner: {
-    viewBoxW: 68,
-    viewBoxH: 68,
-    solid: "M34 0H68V68H0V34H34V0Z",
-    outline: "M0 68H68V0"
-  },
-  // The corner rotated -90deg: (0,0), (1,0), (1,1) - top bar plus the
-  // bottom-right cell (this is the legacy CrossCorner form).
-  // Outline: top + right edges.
-  angle: {
-    viewBoxW: 68,
-    viewBoxH: 68,
-    solid: "M0 0H68V68H34V34H0V0Z",
-    outline: "M0 0H68V68"
-  },
-  // Three unit squares rotated 45deg (diamonds, radius 24 = U*sqrt(2)/2):
-  // two side by side on top (centers (24,24) and (72,24)) and one
-  // centered below/between them (center (48,48)). Their union forms
-  // the angular heart. Outline: only the two bottom edges (open V).
-  heart: {
-    viewBoxW: 96,
-    viewBoxH: 72,
-    solid: "M24 0L48 24L72 0L96 24L48 72L0 24L24 0Z",
-    outline: "M0 24L48 72L96 24"
-  },
-  // Four cells: a 3x1 row plus one center cell above it -
-  // (1,0), (0,1), (1,1), (2,1). T pointing up.
-  // Outline: 2U horizontal line with a 1U tick rising from its midpoint.
-  tee: {
-    viewBoxW: 102,
-    viewBoxH: 68,
-    solid: "M34 0H68V34H102V68H0V34H34V0Z",
-    outline: "M17 68H85M51 34V68"
-  },
-  // Three cells in a row. Outline: bottom edge (one 3U line).
-  bar: {
-    viewBoxW: 102,
-    viewBoxH: 34,
-    solid: "M0 0H102V34H0V0Z",
-    outline: "M0 34H102"
-  },
-  // Four cells with NO center cell: (1,0), (0,1), (2,1), (1,2) -
-  // the gapped, checkerboard-style cross.
-  // Outline: full-height vertical axis plus two 1U horizontal ticks,
-  // leaving a gap over the (empty) center cell.
-  cross: {
-    viewBoxW: 102,
-    viewBoxH: 102,
-    solid: "M34 0H68V34H34V0ZM0 34H34V68H0V34ZM68 34H102V68H68V34ZM34 68H68V102H34V68Z",
-    outline: "M51 0V102M0 51H34M68 51H102"
-  }
-}, W = {
-  cube: {
-    w: 58.89,
-    h: 68,
-    faces: [
-      { face: "top", d: "M0 17L29.44 0L58.89 17L29.44 34Z" },
-      { face: "right", d: "M29.44 34L58.89 17L58.89 51L29.44 68Z" },
-      { face: "front", d: "M0 17L29.44 34L29.44 68L0 51Z" }
-    ]
-  },
-  cornerStanding: {
-    w: 88.33,
-    h: 102,
-    faces: [
-      { face: "top", d: "M0 34L29.44 17L58.89 34L29.44 51Z" },
-      { face: "front", d: "M0 34L29.44 51L29.44 85L0 68Z" },
-      { face: "right", d: "M58.89 68L88.33 51L88.33 85L58.89 102Z" },
-      { face: "front", d: "M29.44 51L58.89 68L58.89 102L29.44 85Z" },
-      { face: "top", d: "M29.44 17L58.89 0L88.33 17L58.89 34Z" },
-      { face: "right", d: "M58.89 34L88.33 17L88.33 51L58.89 68Z" },
-      { face: "front", d: "M29.44 17L58.89 34L58.89 68L29.44 51Z" }
-    ]
-  },
-  cornerLying: {
-    w: 117.78,
-    h: 85,
-    faces: [
-      { face: "front", d: "M0 17L29.44 34L29.44 68L0 51Z" },
-      { face: "top", d: "M0 17L29.44 34L58.89 17L29.44 0Z" },
-      { face: "right", d: "M88.33 34L117.78 17L117.78 51L88.33 68Z" },
-      { face: "top", d: "M58.89 17L88.33 34L117.78 17L88.33 0Z" },
-      { face: "front", d: "M29.44 34L58.89 51L58.89 85L29.44 68Z" },
-      { face: "right", d: "M58.89 51L88.33 34L88.33 68L58.89 85Z" },
-      { face: "top", d: "M29.44 34L58.89 51L88.33 34L58.89 17Z" }
-    ]
-  },
-  angleStanding: {
-    w: 88.33,
-    h: 119,
-    faces: [
-      { face: "top", d: "M0 17L29.44 0L58.89 17L29.44 34Z" },
-      { face: "front", d: "M0 17L29.44 34L29.44 68L0 51Z" },
-      { face: "right", d: "M58.89 85L88.33 68L88.33 102L58.89 119Z" },
-      { face: "front", d: "M29.44 68L58.89 85L58.89 119L29.44 102Z" },
-      { face: "top", d: "M29.44 34L58.89 17L88.33 34L58.89 51Z" },
-      { face: "right", d: "M58.89 51L88.33 34L88.33 68L58.89 85Z" },
-      { face: "front", d: "M29.44 34L58.89 51L58.89 85L29.44 68Z" }
-    ]
-  },
-  angleLying: {
-    w: 88.33,
-    h: 102,
-    faces: [
-      { face: "right", d: "M58.89 34L88.33 17L88.33 51L58.89 68Z" },
-      { face: "top", d: "M29.44 17L58.89 34L88.33 17L58.89 0Z" },
-      { face: "front", d: "M0 34L29.44 51L29.44 85L0 68Z" },
-      { face: "top", d: "M0 34L29.44 51L58.89 34L29.44 17Z" },
-      { face: "front", d: "M29.44 51L58.89 68L58.89 102L29.44 85Z" },
-      { face: "right", d: "M58.89 68L88.33 51L88.33 85L58.89 102Z" },
-      { face: "top", d: "M29.44 51L58.89 68L88.33 51L58.89 34Z" }
-    ]
-  },
-  heart: {
-    w: 102,
-    h: 88.33,
-    faces: [
-      { face: "front", d: "M17 0L34 29.44L17 58.89L0 29.44Z" },
-      { face: "top", d: "M17 0L51 0L68 29.44L34 29.44Z" },
-      { face: "right", d: "M51 58.89L85 58.89L68 88.33L34 88.33Z" },
-      { face: "front", d: "M34 29.44L51 58.89L34 88.33L17 58.89Z" },
-      { face: "right", d: "M68 29.44L102 29.44L85 58.89L51 58.89Z" },
-      { face: "front", d: "M51 0L68 29.44L51 58.89L34 29.44Z" },
-      { face: "top", d: "M51 0L85 0L102 29.44L68 29.44Z" }
-    ]
-  },
-  heartMirrored: {
-    w: 102,
-    h: 88.33,
-    faces: [
-      { face: "front", d: "M85 0L68 29.44L85 58.89L102 29.44Z" },
-      { face: "top", d: "M85 0L51 0L34 29.44L68 29.44Z" },
-      { face: "right", d: "M51 58.89L17 58.89L34 88.33L68 88.33Z" },
-      { face: "front", d: "M68 29.44L51 58.89L68 88.33L85 58.89Z" },
-      { face: "right", d: "M34 29.44L0 29.44L17 58.89L51 58.89Z" },
-      { face: "front", d: "M51 0L34 29.44L51 58.89L68 29.44Z" },
-      { face: "top", d: "M51 0L17 0L0 29.44L34 29.44Z" }
-    ]
-  },
-  barHorizontal: {
-    w: 117.78,
-    h: 102,
-    faces: [
-      { face: "top", d: "M0 17L29.44 0L58.89 17L29.44 34Z" },
-      { face: "front", d: "M0 17L29.44 34L29.44 68L0 51Z" },
-      { face: "top", d: "M29.44 34L58.89 17L88.33 34L58.89 51Z" },
-      { face: "front", d: "M29.44 34L58.89 51L58.89 85L29.44 68Z" },
-      { face: "top", d: "M58.89 51L88.33 34L117.78 51L88.33 68Z" },
-      { face: "right", d: "M88.33 68L117.78 51L117.78 85L88.33 102Z" },
-      { face: "front", d: "M58.89 51L88.33 68L88.33 102L58.89 85Z" }
-    ]
-  },
-  barVertical: {
-    w: 58.89,
-    h: 136,
-    faces: [
-      { face: "right", d: "M29.44 102L58.89 85L58.89 119L29.44 136Z" },
-      { face: "front", d: "M0 85L29.44 102L29.44 136L0 119Z" },
-      { face: "right", d: "M29.44 68L58.89 51L58.89 85L29.44 102Z" },
-      { face: "front", d: "M0 51L29.44 68L29.44 102L0 85Z" },
-      { face: "top", d: "M0 17L29.44 0L58.89 17L29.44 34Z" },
-      { face: "right", d: "M29.44 34L58.89 17L58.89 51L29.44 68Z" },
-      { face: "front", d: "M0 17L29.44 34L29.44 68L0 51Z" }
-    ]
-  }
-}, lt = {
-  square: {
-    "top-left": W.cube,
-    "top-right": W.cube,
-    "bottom-left": W.cube,
-    "bottom-right": W.cube
-  },
-  corner: {
-    "top-left": W.cornerStanding,
-    "top-right": W.cornerStanding,
-    "bottom-left": W.cornerLying,
-    "bottom-right": W.cornerLying
-  },
-  angle: {
-    "top-left": W.angleStanding,
-    "top-right": W.angleStanding,
-    "bottom-left": W.angleLying,
-    "bottom-right": W.angleLying
-  },
-  heart: {
-    "top-left": W.heart,
-    "top-right": W.heart,
-    "bottom-left": W.heart,
-    "bottom-right": W.heart
-  },
-  bar: {
-    "top-left": W.barVertical,
-    "top-right": W.barHorizontal,
-    "bottom-left": W.barHorizontal,
-    "bottom-right": W.barVertical
-  }
-}, Qe = 34, gr = {
-  front: we.faceFront,
-  top: we.faceTop,
-  right: we.faceRight
-};
-function ur(n) {
-  return n in lt;
-}
-const je = me(
-  ({
-    shape: n = "corner",
-    variant: e = "solid",
-    position: a = "top-left",
-    size: c = "md",
-    mirrored: k = !1,
-    className: y,
-    "aria-label": f,
-    "aria-hidden": x = !0,
-    "data-color": B,
-    "data-size": I,
-    ...J
-  }, L) => {
-    U(() => {
-      const d = "rk-graphic-element-inline-styles";
-      if (typeof document > "u" || document.getElementById(d)) return;
-      const l = dr(we), v = document.createElement("style");
-      v.id = d, v.textContent = l, document.head.appendChild(v);
-    }, []);
-    const R = cr[c], G = mr[n], p = e === "isometric" && ur(n) ? n === "heart" && k ? W.heartMirrored : lt[n][a] : void 0, Q = e === "isometric" && !p ? "solid" : e, K = p ? 0 : pr[a], N = p ? p.w : G.viewBoxW, w = p ? p.h : G.viewBoxH, H = K === 90 || K === 270, P = H ? w : N, E = H ? N : w, q = Math.round(R * P / Qe), Y = Math.round(R * E / Qe), $ = K === 90 ? `rotate(90) translate(0 ${-w})` : K === 180 ? `rotate(180) translate(${-N} ${-w})` : K === 270 ? `rotate(-90) translate(${-N} 0)` : void 0;
-    return /* @__PURE__ */ t(
-      "svg",
-      {
-        ref: L,
-        className: `${we.graphicElement} ${y || ""}`,
-        width: q,
-        height: Y,
-        viewBox: `0 0 ${P} ${E}`,
-        fill: "none",
-        xmlns: "http://www.w3.org/2000/svg",
-        "aria-label": f,
-        "aria-hidden": x,
-        role: x ? void 0 : "img",
-        "data-shape": n,
-        "data-variant": Q,
-        "data-color": B,
-        "data-size": I,
-        ...J,
-        children: /* @__PURE__ */ t("g", { transform: $, children: p ? p.faces.map((d, l) => /* @__PURE__ */ t("path", { d: d.d, className: gr[d.face] }, l)) : /* @__PURE__ */ t(
-          "path",
-          {
-            d: Q === "outline" ? G.outline : G.solid,
-            className: we.shape,
-            vectorEffect: "non-scaling-stroke"
-          }
-        ) })
-      }
-    );
-  }
-);
-je.displayName = "GraphicElement";
-const Ci = It, wi = Lt, Si = Dt, oe = Mt, _i = Bt, Ii = Ft, Li = At, Di = Et, Mi = Nt, ji = jt, Ai = Pt, Ni = $t, hr = Rt, fr = zt;
-hr.displayName = "Field.Description";
-fr.displayName = "Field.Counter";
-const Ei = ot, dt = Gt;
-dt.displayName = "Input";
-const kr = me((n, e) => /* @__PURE__ */ t(Ht, { ref: e, ...n }));
-kr.displayName = "Label";
-const pe = Wt, Bi = Ut, vr = Vt, Fi = Zt, Pi = Kt, $i = Ot, zi = qt;
-vr.displayName = "Pagination";
-const Ne = me(
-  (n, e) => /* @__PURE__ */ t(Yt, { ref: e, ...n })
-);
-Ne.displayName = "Paragraph";
-const Ri = Xt, Gi = Jt, Hi = Qt, Pe = Object.assign(en, {
-  Button: on,
-  ClearButton: nn,
-  Input: tn
-}), Wi = rn, Ui = an, Vi = sn, br = ln;
-br.displayName = "Suggestion";
-const Re = dn, Oi = cn, Te = pn, yr = me(function({ shape: e, style: a, ...c }, k) {
-  const y = {};
-  e === "rounded" && (y.borderRadius = "var(--ds-border-radius-xl)");
-  const f = Object.keys(y).length === 0 && !a ? void 0 : { ...y, ...a }, x = {};
-  return e === "rounded" && (x["data-shape"] = "rounded"), /* @__PURE__ */ t(mn, { ref: k, ...c, ...x, style: f });
-});
-yr.displayName = "Tag";
-const Ki = gn, xr = un, Zi = hn, qi = fn, Tr = me((n, e) => /* @__PURE__ */ t(kn, { ref: e, ...n }));
-Tr.displayName = "ValidationMessage";
-const Cr = "_header_4177j_1", wr = "_languageSwitch_4177j_37", Sr = "_searchOverlay_4177j_41", _r = "_headerExtension_4177j_46", Ir = "_headerExtensionTinted_4177j_75", Lr = "_languageLabel_4177j_83", Dr = "_languageLink_4177j_88", Mr = "_extensionContent_4177j_93", jr = "_extensionDivider_4177j_98", Ar = "_extensionContentWrapper_4177j_103", Nr = "_headerInner_4177j_199", Er = "_logoWrapper_4177j_216", Br = "_logo_4177j_216", Fr = "_secondaryLogoWrapper_4177j_239", Pr = "_slotComponent_4177j_248", $r = "_slotContainer_4177j_258", zr = "_slotText_4177j_266", Rr = "_secondaryLogo_4177j_239", Gr = "_redCrossLogo_4177j_293", Hr = "_primaryLogo_4177j_299", Wr = "_navItems_4177j_303", Ur = "_navLink_4177j_312", Vr = "_actions_4177j_325", Or = "_ctaButton_4177j_333", Kr = "_themeToggle_4177j_338", Zr = "_userInfo_4177j_343", qr = "_userName_4177j_349", Yr = "_loginLink_4177j_356", Xr = "_loginText_4177j_365", Jr = "_underline_4177j_372", Qr = "_searchButtonWrapper_4177j_378", ea = "_buttonText_4177j_382", ta = "_menuButton_4177j_387", na = "_menuOverlay_4177j_392", oa = "_searchContent_4177j_426", ra = "_menuContent_4177j_436", aa = "_menuLeftColumn_4177j_445", sa = "_menuRightColumn_4177j_451", ia = "_slotContent_4177j_465", la = "_navList_4177j_478", da = "_menuUtilities_4177j_485", ca = "_menuBrand_4177j_492", pa = "_suggestionsSection_4177j_496", ma = "_suggestionsTitle_4177j_502", ga = "_searchResults_4177j_511", ua = "_resultList_4177j_517", ha = "_resultItem_4177j_523", fa = "_resultLink_4177j_531", ka = "_suggestionIcon_4177j_545", va = "_suggestionText_4177j_558", ba = "_highlightedText_4177j_565", ya = "_remainingText_4177j_570", xa = "_viewAllLink_4177j_583", Ta = "_noResults_4177j_618", i = {
-  header: Cr,
-  languageSwitch: wr,
-  searchOverlay: Sr,
-  headerExtension: _r,
-  headerExtensionTinted: Ir,
-  languageLabel: Lr,
-  languageLink: Dr,
-  extensionContent: Mr,
-  extensionDivider: jr,
-  extensionContentWrapper: Ar,
-  headerInner: Nr,
-  logoWrapper: Er,
-  logo: Br,
-  secondaryLogoWrapper: Fr,
-  slotComponent: Pr,
-  slotContainer: $r,
-  slotText: zr,
-  secondaryLogo: Rr,
-  redCrossLogo: Gr,
-  primaryLogo: Hr,
-  navItems: Wr,
-  navLink: Ur,
-  actions: Vr,
-  ctaButton: Or,
-  themeToggle: Kr,
-  userInfo: Zr,
-  userName: qr,
-  loginLink: Yr,
-  loginText: Xr,
-  underline: Jr,
-  searchButtonWrapper: Qr,
-  buttonText: ea,
-  menuButton: ta,
-  menuOverlay: na,
-  searchContent: oa,
-  menuContent: ra,
-  menuLeftColumn: aa,
-  menuRightColumn: sa,
-  slotContent: ia,
-  navList: la,
-  menuUtilities: da,
-  menuBrand: ca,
-  suggestionsSection: pa,
-  suggestionsTitle: ma,
-  searchResults: ga,
-  resultList: ua,
-  resultItem: ha,
-  resultLink: fa,
-  suggestionIcon: ka,
-  suggestionText: va,
-  highlightedText: ba,
-  remainingText: ya,
-  viewAllLink: xa,
-  noResults: Ta
-}, Ca = [
-  // Pages
-  { id: "home", title: "Hjem", category: "Page", path: "home", description: "Forsiden" },
-  { id: "components", title: "Komponenter", category: "Page", path: "components", description: "Oversikt over alle komponenter" },
-  { id: "design", title: "Design", category: "Page", path: "design", description: "Designretningslinjer og prinsipper" },
-  { id: "code", title: "Kode", category: "Page", path: "code", description: "Utviklerdokumentasjon og oppsett" },
-  { id: "tokens", title: "Tokens", category: "Page", path: "tokens", description: "Design tokens: farger, størrelser og typografi" },
-  // Components (samme utvalg som komponentkatalogen)
-  { id: "alert", title: "Alert", category: "Component", path: "components", description: "Varselbokser for viktige meldinger" },
-  { id: "avatar", title: "Avatar", category: "Component", path: "components", description: "Profilbilder og initialer" },
-  { id: "badge", title: "Badge", category: "Component", path: "components", description: "Små merker for status eller antall" },
-  { id: "breadcrumbs", title: "Breadcrumbs", category: "Component", path: "components", description: "Brødsmulesti for navigasjon" },
-  { id: "button", title: "Button", category: "Component", path: "components", description: "Knapper for handlinger" },
-  { id: "card", title: "Card", category: "Component", path: "components", description: "Kort for gruppering av innhold" },
-  { id: "carousel", title: "Carousel", category: "Component", path: "components", description: "Bildekarusell" },
-  { id: "checkbox", title: "Checkbox", category: "Component", path: "components", description: "Valg av flere alternativer" },
-  { id: "chip", title: "Chip", category: "Component", path: "components", description: "Filtrering og valg i kompakte merker" },
-  { id: "dateinput", title: "DateInput", category: "Component", path: "components", description: "Tekstfelt for dato (dd.mm.åååå)" },
-  { id: "datepicker", title: "DatePicker", category: "Component", path: "components", description: "Kalender for valg av dato" },
-  { id: "details", title: "Details", category: "Component", path: "components", description: "Ekspanderbare seksjoner" },
-  { id: "dialog", title: "Dialog", category: "Component", path: "components", description: "Modale vinduer" },
-  { id: "divider", title: "Divider", category: "Component", path: "components", description: "Skillelinjer" },
-  { id: "dropdown", title: "Dropdown", category: "Component", path: "components", description: "Nedtrekksmenyer" },
-  { id: "errorsummary", title: "ErrorSummary", category: "Component", path: "components", description: "Oppsummering av skjemafeil" },
-  { id: "field", title: "Field", category: "Component", path: "components", description: "Feltoppsett med etikett og beskrivelse" },
-  { id: "fieldset", title: "Fieldset", category: "Component", path: "components", description: "Gruppering av skjemafelt" },
-  { id: "graphicelement", title: "GraphicElement", category: "Component", path: "components", description: "Grafiske merkevareelementer fra designretningen" },
-  { id: "header", title: "Header", category: "Component", path: "components", description: "Topptekst og navigasjon" },
-  { id: "input", title: "Input", category: "Component", path: "components", description: "Tekstfelt for brukerinput" },
-  { id: "link", title: "Link", category: "Component", path: "components", description: "Lenker til andre sider" },
-  { id: "list", title: "List", category: "Component", path: "components", description: "Ordnede og uordnede lister" },
-  { id: "pagination", title: "Pagination", category: "Component", path: "components", description: "Navigasjon mellom sider" },
-  { id: "popover", title: "Popover", category: "Component", path: "components", description: "Flytende innholdsbokser" },
-  { id: "radio", title: "Radio", category: "Component", path: "components", description: "Valg av ett alternativ" },
-  { id: "search", title: "Search", category: "Component", path: "components", description: "Søkefelter" },
-  { id: "select", title: "Select", category: "Component", path: "components", description: "Valgmeny" },
-  { id: "skeletonloader", title: "SkeletonLoader", category: "Component", path: "components", description: "Plassholdere under lasting" },
-  { id: "skiplink", title: "SkipLink", category: "Component", path: "components", description: "Hopp til hovedinnhold" },
-  { id: "spinnerloader", title: "SpinnerLoader", category: "Component", path: "components", description: "Lasteindikator" },
-  { id: "suggestion", title: "Suggestion", category: "Component", path: "components", description: "Søkefelt med forslag" },
-  { id: "switch", title: "Switch", category: "Component", path: "components", description: "Av/på bryter" },
-  { id: "table", title: "Table", category: "Component", path: "components", description: "Tabeller for data" },
-  { id: "tabs", title: "Tabs", category: "Component", path: "components", description: "Faner for inndeling av innhold" },
-  { id: "tag", title: "Tag", category: "Component", path: "components", description: "Merkelapper og emneknagger" },
-  { id: "textarea", title: "Textarea", category: "Component", path: "components", description: "Flerlinjers tekstfelt" },
-  { id: "textfield", title: "Textfield", category: "Component", path: "components", description: "Komplett tekstfelt med etikett" },
-  { id: "togglegroup", title: "ToggleGroup", category: "Component", path: "components", description: "Grupperte veksleknapper" },
-  { id: "tooltip", title: "Tooltip", category: "Component", path: "components", description: "Hjelpetekster ved hover" },
-  // Design — For designere
-  { id: "figma-oppkobling", title: "Figma tilkobling", category: "Design", path: "design/figma-oppkobling", description: "Hvordan koble til Figma-biblioteket" },
-  { id: "oppstart", title: "Oppstart", category: "Design", path: "design/oppstart", description: "Oppsett av arbeidsområde" },
-  { id: "lage-komponenter", title: "Lage en ny komponent", category: "Design", path: "design/lage-komponenter", description: "Veileder for komponentbygging" },
-  { id: "praktiske-eksempler", title: "Praktiske eksempler", category: "Design", path: "design/praktiske-eksempler", description: "Eksempler på bruk av designsystemet" },
-  { id: "token-studio", title: "Token Studio", category: "Design", path: "design/token-studio", description: "Bruk av Token Studio" },
-  // Design — Farger
-  { id: "fargesystem", title: "Sette opp ditt eget fargesystem", category: "Design", path: "design/fargesystem", description: "Hvordan sette opp farger" },
-  { id: "temabygger", title: "Temabygger", category: "Design", path: "design/temabygger", description: "Designsystemets temagenerator" },
-  { id: "bruk-farger", title: "Bruk fargene", category: "Design", path: "design/bruk-farger", description: "Bruk genererte farger" },
-  // Design — Guider
-  { id: "vedlikeholde-design-tokens", title: "Vedlikeholde design tokens", category: "Design", path: "design/vedlikeholde-design-tokens", description: "Endre tokens og publisere ny versjon" },
-  { id: "endre-bygge-tema", title: "Endre og bygge tema", category: "Design", path: "design/endre-bygge-tema", description: "Temaoppsett og bygging av tokens" },
-  { id: "koble-tokens-til-figma", title: "Koble tokens til Figma", category: "Design", path: "design/koble-tokens-til-figma", description: "Synkronisere tokens med Figma" },
-  // Design — Bidra
-  { id: "foresla-design", title: "Foreslå nytt design", category: "Design", path: "design/foresla-design", description: "Hvordan bidra med nytt design" },
-  // Design — Designelementer
-  { id: "hva-er-design-tokens", title: "Hva er design tokens", category: "Design", path: "design/hva-er-design-tokens", description: "Introduksjon til design tokens" },
-  { id: "design-tokens-i-figma", title: "Design tokens i Figma", category: "Design", path: "design/design-tokens-i-figma", description: "Bruke tokens i Figma" },
-  { id: "farger-navnestruktur", title: "Farger: Navnestruktur", category: "Design", path: "design/farger-navnestruktur", description: "Navngiving av farger" },
-  { id: "farger-oversikt", title: "Farger: Oversikt", category: "Design", path: "design/farger-oversikt", description: "Oversikt og forklaringer av farger" },
-  { id: "farge-tokens", title: "Farge-tokens", category: "Design", path: "design/farge-tokens", description: "Tokens for farger" },
-  { id: "skygger-bruk", title: "Bruk av skygger", category: "Design", path: "design/skygger-bruk", description: "Retningslinjer for skygger" },
-  { id: "skygge-tokens", title: "Skygge-tokens", category: "Design", path: "design/skygge-tokens", description: "Tokens for skygger" },
-  { id: "komponent-storrelser", title: "Komponentstørrelser", category: "Design", path: "design/komponent-storrelser", description: "Størrelsesguide for komponenter" },
-  { id: "storrelse-tokens", title: "Størrelse-tokens", category: "Design", path: "design/storrelse-tokens", description: "Tokens for størrelser" },
-  { id: "font-family", title: "Typografi: Font-family", category: "Design", path: "design/font-family", description: "Font-familier" },
-  { id: "typografi-tokens", title: "Typografi-tokens", category: "Design", path: "design/typografi-tokens", description: "Tokens for typografi" },
-  // Code
-  { id: "kom-i-gang", title: "Kom i gang (Kode)", category: "Code", path: "code/kom-i-gang", description: "Installasjon og oppsett" },
-  { id: "code-design-tokens", title: "Design tokens (Kode)", category: "Code", path: "code/design-tokens", description: "Bruke tokens i kode" },
-  { id: "fonts", title: "Fonter", category: "Code", path: "code/fonts", description: "Oppsett av Source Sans 3" },
-  { id: "icons", title: "Ikoner", category: "Code", path: "code/icons", description: "Ikonbibliotek og bruk" },
-  { id: "contributing", title: "Bidra med kode", category: "Code", path: "code/contributing", description: "Retningslinjer for bidrag" },
-  { id: "figma-mcp-intro", title: "Fra Figma til kode (MCP)", category: "Code", path: "code/figma-mcp-intro", description: "Automatisert arbeidsflyt med MCP" },
-  { id: "figma-mcp-cursor", title: "Figma MCP i Cursor", category: "Code", path: "code/figma-mcp-cursor", description: "Oppsett av MCP i Cursor" },
-  { id: "figma-mcp-claude", title: "Figma MCP i Claude", category: "Code", path: "code/figma-mcp-claude", description: "Oppsett av MCP i Claude" },
-  { id: "komponent-kreasjon", title: "Komponentkreasjon", category: "Code", path: "code/komponent-kreasjon", description: "Opprette nye komponenter" },
-  { id: "metadata-files", title: "Metadata-filer", category: "Code", path: "code/metadata-files", description: "Struktur og bruk av metadata.json" }
-];
-function wa(n) {
-  return n.split(/\s+/).map((e) => e[0] ?? "").join("").slice(0, 2).toUpperCase();
-}
-const Yi = ({
-  variant: n = "default",
-  "data-color": e = "primary",
-  activePage: a,
-  setPage: c,
-  children: k,
-  showUser: y = !0,
-  showSearch: f = !0,
-  showLogin: x = !0,
-  showCta: B = !1,
-  ctaLabel: I,
-  ctaIcon: J = /* @__PURE__ */ t(Mn, { "aria-hidden": !0 }),
-  onCtaClick: L,
-  showThemeToggle: R = !1,
-  secondaryLogo: G = !1,
-  secondaryLogoSrc: p,
-  secondaryLogoSrcDark: Q,
-  secondaryLogoAlt: K = "Secondary Logo",
-  navItems: N,
-  showNavItems: w = !0,
-  showMenuButton: H = !0,
-  showHeaderExtension: P = !1,
-  showModeToggle: E = !1,
-  showLanguageSwitch: q = !1,
-  extensionColor: Y,
-  userName: $,
-  userInitials: d,
-  userAvatarSrc: l,
-  onUserClick: v
-}) => {
-  const [S, F] = Z(!1), [D, g] = Z(!1), se = ye.useRef(null), ee = ye.useRef(null), te = ye.useRef(null), ne = ye.useRef(null), [z, ie] = Z(""), [T, h] = Z(() => {
-    var s;
-    if (typeof document < "u") {
-      const m = document.documentElement.getAttribute("data-color-scheme");
-      if (m === "dark" || m === "light") return m;
-      if ((s = window.matchMedia) != null && s.call(window, "(prefers-color-scheme: dark)").matches) return "dark";
-    }
-    return "light";
-  }), { language: C, setLanguage: j, t: _ } = Be(), [u, M] = Z(!1);
-  U(() => {
-    const s = "rk-header-inline-styles";
-    if (typeof document > "u" || document.getElementById(s)) return;
-    const m = Sa(i), b = document.createElement("style");
-    b.id = s, b.textContent = m, document.head.appendChild(b);
-  }, []);
-  const le = () => /* @__PURE__ */ r(
-    "svg",
-    {
-      width: "170",
-      height: "119",
-      viewBox: "24 0 170 119",
-      fill: "none",
-      xmlns: "http://www.w3.org/2000/svg",
-      "aria-hidden": !0,
-      focusable: "false",
-      className: i.redCrossLogo,
-      children: [
-        /* @__PURE__ */ t("path", { d: "M76.1036 48.1397C77.8925 47.8781 79.6984 47.7525 81.5061 47.7639C84.1713 47.7639 86.0396 48.1669 87.3182 49.1857C87.8735 49.639 88.3149 50.2176 88.6067 50.8744C88.8984 51.5312 89.0323 52.2479 88.9974 52.9665C88.9839 53.9451 88.6724 54.896 88.1049 55.691C87.5373 56.4861 86.7411 57.087 85.8235 57.4129V57.4944C87.0796 58.006 87.7684 59.2104 88.2231 60.8722C88.7813 62.9097 89.3441 65.2688 89.6907 65.9661H85.5309C85.2382 65.4544 84.7835 63.9829 84.2793 61.7597C83.7751 59.5365 83.0097 58.8527 81.344 58.8527H80.1284V65.9661H76.1036V48.1397ZM80.1284 55.9141H81.7312C83.7526 55.9141 84.9546 54.8954 84.9546 53.3151C84.9546 51.6534 83.8336 50.8202 81.9698 50.7931C81.3532 50.7814 80.7368 50.8268 80.1284 50.9289V55.9141Z", fill: "#1E1E1E" }),
-        /* @__PURE__ */ t("path", { d: "M97.8528 52.5633C98.9439 52.5351 100.026 52.7744 101.004 53.2606L102.256 51.4087L103.669 52.4003L102.467 54.2115C103.188 54.8589 103.758 55.6585 104.137 56.5531C104.515 57.4478 104.692 58.4154 104.655 59.3869C104.655 64.0506 101.243 66.2738 97.8573 66.2738C96.7852 66.2984 95.7234 66.059 94.7644 65.5765L93.4543 67.4556L92.1037 66.387L93.2787 64.6438C91.8651 63.4892 91.0277 61.7233 91.0277 59.414C91.0277 55.2891 93.7965 52.5543 97.8213 52.5543L97.8528 52.5633ZM99.2934 55.9411C98.8798 55.6237 98.3731 55.4533 97.8528 55.4566C95.7458 55.4566 94.949 57.5757 94.949 59.4005C94.9265 60.126 95.0909 60.845 95.4262 61.4878L95.4802 61.515L99.2934 55.9411ZM96.4932 62.8552C96.8653 63.1843 97.3486 63.3576 97.8438 63.3397C99.6446 63.3397 100.748 61.7821 100.748 59.4774C100.76 58.7777 100.625 58.0833 100.351 57.4399L100.27 57.4127L96.4932 62.8552Z", fill: "#1E1E1E" }),
-        /* @__PURE__ */ t("path", { d: "M119.76 46.9351V62.0537C119.76 63.5253 119.814 65.0829 119.868 65.9659H116.266L116.077 64.037H116.01C115.593 64.7375 114.998 65.3131 114.285 65.7041C113.573 66.095 112.769 66.287 111.958 66.2602C108.865 66.2602 106.384 63.6068 106.384 59.5317C106.384 55.1079 109.085 52.5632 112.237 52.5632C113.835 52.5632 115.087 53.1247 115.676 54.0393H115.726V46.9351H119.76ZM115.708 58.4088C115.708 58.1914 115.681 57.8971 115.658 57.6843C115.556 57.1295 115.266 56.6274 114.838 56.2627C114.41 55.8981 113.869 55.6933 113.308 55.683C111.467 55.683 110.508 57.3447 110.508 59.4094C110.508 61.6327 111.602 63.0318 113.281 63.0318C113.838 63.0337 114.378 62.8389 114.807 62.4814C115.235 62.1239 115.526 61.6264 115.627 61.0757C115.702 60.7676 115.737 60.451 115.73 60.1339L115.708 58.4088Z", fill: "#1E1E1E" }),
-        /* @__PURE__ */ t("path", { d: "M126.13 60.6869C126.265 62.3758 127.931 63.1772 129.808 63.1772C131.029 63.1934 132.245 63.013 133.41 62.6429L133.946 65.4049C132.438 65.9752 130.838 66.2562 129.227 66.2335C124.802 66.2335 122.272 63.6345 122.272 59.5322C122.272 56.2088 124.325 52.5366 128.854 52.5366C133.063 52.5366 134.666 55.8329 134.666 59.0794C134.666 59.6271 134.62 60.1738 134.531 60.714L126.13 60.6869ZM130.902 57.8977C130.902 56.9061 130.475 55.2443 128.611 55.2443C126.904 55.2443 126.211 56.8246 126.103 57.8977H130.902Z", fill: "#1E1E1E" }),
-        /* @__PURE__ */ t("path", { d: "M142.603 47.8994H146.623V55.8866H146.7C147.1 55.1893 147.501 54.5283 147.929 53.9034L151.981 47.8994H156.978L151.035 55.5969L157.297 65.9703H152.57L148.172 58.1687L146.623 60.0704V65.9567H142.598L142.603 47.8994Z", fill: "#1E1E1E" }),
-        /* @__PURE__ */ t("path", { d: "M164.294 66.2599C160.485 66.2599 157.541 63.7424 157.541 59.5043C157.541 55.2662 160.309 52.563 164.496 52.563C168.494 52.563 171.159 55.325 171.159 59.2643C171.159 64.0639 167.774 66.2599 164.307 66.2599H164.294ZM164.375 63.3394C165.946 63.3394 166.959 61.7592 166.959 59.4001C166.959 57.4395 166.216 55.4563 164.375 55.4563C162.43 55.4563 161.709 57.4667 161.709 59.4001C161.709 61.6641 162.641 63.3394 164.348 63.3394H164.375Z", fill: "#1E1E1E" }),
-        /* @__PURE__ */ t("path", { d: "M173.676 57.1727C173.676 55.2438 173.622 54.0031 173.568 52.8576H177.062L177.197 55.271H177.3C177.535 54.507 178 53.8353 178.63 53.3486C179.261 52.8619 180.026 52.5843 180.821 52.5542C181.105 52.5425 181.391 52.5607 181.672 52.6086V56.4392C181.303 56.3736 180.93 56.3387 180.555 56.335C179.06 56.335 178.048 57.1365 177.782 58.3997C177.726 58.6983 177.699 59.0015 177.701 59.3053V65.9659H173.649L173.676 57.1727Z", fill: "#1E1E1E" }),
-        /* @__PURE__ */ t("path", { d: "M183.752 62.4023C184.824 62.9936 186.018 63.3283 187.241 63.3803C188.47 63.3803 188.974 62.9275 188.974 62.28C188.974 61.6325 188.573 61.2613 187.056 60.7768C184.355 59.8712 183.351 58.3951 183.351 56.8375C183.351 54.3969 185.404 52.5496 188.654 52.5496C189.92 52.5283 191.175 52.7848 192.332 53.3012L191.612 56.1357C190.741 55.6712 189.775 55.4155 188.789 55.3886C187.803 55.3886 187.241 55.787 187.241 56.4571C187.241 57.1273 187.749 57.4216 189.348 57.9604C191.828 58.8162 192.868 60.0795 192.891 62.0084C192.891 64.4444 190.973 66.2691 187.241 66.2691C185.784 66.2951 184.341 65.974 183.031 65.3318L183.752 62.4023Z", fill: "#1E1E1E" }),
-        /* @__PURE__ */ t("path", { d: "M50.1985 39.8037H37.1426V79.1965H50.1985V39.8037Z", fill: "#D52B1E" }),
-        /* @__PURE__ */ t("path", { d: "M63.2545 52.9331H24.0869V66.0625H63.2545V52.9331Z", fill: "#D52B1E" })
-      ]
-    }
-  );
-  U(() => {
-    F(!1), g(!1), ie("");
-  }, [a]), U(() => {
-    if (!(typeof document > "u") && S && u) {
-      const s = document.body.style.overflow;
-      return document.body.style.overflow = "hidden", () => {
-        document.body.style.overflow = s;
-      };
-    }
-  }, [S, u]), U(() => {
-    if (typeof window > "u" || typeof window.matchMedia > "u") return;
-    const s = window.matchMedia("(max-width: 850px)"), m = (b) => M("matches" in b ? b.matches : s.matches);
-    return m(s), s.addEventListener ? s.addEventListener("change", m) : s.addListener(m), () => {
-      s.removeEventListener ? s.removeEventListener("change", m) : s.removeListener(m);
-    };
-  }, []), U(() => {
-    if (typeof document > "u") return;
-    const s = document.querySelector(`.${i.header}`);
-    if (!s) return;
-    const m = () => {
-      const V = s.offsetHeight;
-      document.documentElement.style.setProperty("--header-height-mobile", `${V}px`);
-    };
-    m(), window.addEventListener("resize", m);
-    const b = new ResizeObserver(() => {
-      m();
-    });
-    return b.observe(s), () => {
-      window.removeEventListener("resize", m), b.disconnect();
-    };
-  }, [u]), U(() => {
-    if (typeof document > "u") return;
-    const s = document.querySelector(`.${i.logoWrapper}`);
-    if (!s) return;
-    const m = () => {
-      const b = s.offsetWidth;
-      document.documentElement.style.setProperty("--rk-logo-width", `${b}px`);
-    };
-    return m(), window.addEventListener("resize", m), () => window.removeEventListener("resize", m);
-  }, [u]), U(() => {
-    if (typeof document > "u" || !D) {
-      document.documentElement.style.setProperty("--rk-search-overlay-height", "0px");
-      return;
-    }
-    const s = document.querySelector(`.${i.searchOverlay}`);
-    if (!s) return;
-    const m = () => {
-      const V = s.offsetHeight;
-      document.documentElement.style.setProperty("--rk-search-overlay-height", `${V}px`);
-    };
-    requestAnimationFrame(m), window.addEventListener("resize", m);
-    const b = new ResizeObserver(m);
-    return b.observe(s), () => {
-      window.removeEventListener("resize", m), b.disconnect();
-    };
-  }, [D]), U(() => {
-    if (!S && !D) return;
-    const s = (m) => {
-      var b, V;
-      m.key === "Escape" && (S && (F(!1), (b = se.current) == null || b.focus()), D && (g(!1), (V = ee.current) == null || V.focus()));
-    };
-    return document.addEventListener("keydown", s), () => document.removeEventListener("keydown", s);
-  }, [S, D]), U(() => {
-    var s, m, b;
-    D ? (s = ne.current) == null || s.focus() : S && ((b = (m = te.current) == null ? void 0 : m.querySelector('a[href], button, input, select, [tabindex]:not([tabindex="-1"])')) == null || b.focus());
-  }, [S, D]);
-  const re = () => {
-    const s = T === "light" ? "dark" : "light";
-    h(s), document.documentElement.setAttribute("data-color-scheme", s);
-  }, ge = (s) => {
-    c && (s.preventDefault(), c("home")), F(!1), g(!1);
-  }, xe = () => {
-    F(!S), D && g(!1), !S && typeof document < "u" && requestAnimationFrame(() => {
-      const s = document.querySelector(`.${i.header}`);
-      if (s) {
-        const m = s.offsetHeight;
-        document.documentElement.style.setProperty("--header-height-mobile", `${m}px`);
-      }
-    });
-  }, Se = () => {
-    g(!D), S && F(!1);
-  }, A = Ae(() => {
-    if (!z.trim()) return [];
-    const s = z.toLowerCase();
-    return Ca.filter(
-      (m) => m.title.toLowerCase().startsWith(s)
-    );
-  }, [z]), ae = (s) => {
-    c && c(s), g(!1), ie("");
-  };
-  return /* @__PURE__ */ r("header", { className: i.header, "data-open": S ? "true" : "false", "data-color": e, "data-variant": n, children: [
-    P && /* @__PURE__ */ t("div", { className: `${i.headerExtension}${Y === "tinted" ? ` ${i.headerExtensionTinted}` : ""}`, "data-color-scheme": "light", "data-extension-color": Y, children: /* @__PURE__ */ r("div", { className: i.extensionContentWrapper, children: [
-      E && /* @__PURE__ */ t("div", { className: i.extensionContent, children: /* @__PURE__ */ t(
-        Re,
-        {
-          "data-size": "sm",
-          checked: T === "dark",
-          onChange: re,
-          label: _("header.darkMode"),
-          color: "neutral",
-          "data-color-scheme": "light"
-        }
-      ) }),
-      E && q && /* @__PURE__ */ t("div", { className: i.extensionDivider }),
-      q && /* @__PURE__ */ r("div", { className: i.languageSwitch, children: [
-        /* @__PURE__ */ t("span", { className: i.languageLabel, children: _("header.language") }),
-        /* @__PURE__ */ r(oe.TriggerContext, { children: [
-          /* @__PURE__ */ r(
-            oe.Trigger,
-            {
-              className: i.languageLink,
-              "aria-label": _("header.selectLanguage"),
-              style: { background: "transparent", border: "none", padding: 0, cursor: "pointer", font: "inherit" },
-              children: [
-                C,
-                " ",
-                /* @__PURE__ */ t(Ze, { "aria-hidden": !0 })
-              ]
-            }
-          ),
-          /* @__PURE__ */ t(
-            oe,
-            {
-              "data-color-scheme": T,
-              placement: "bottom-end",
-              children: /* @__PURE__ */ r(oe.List, { children: [
-                /* @__PURE__ */ t(oe.Item, { children: /* @__PURE__ */ t(oe.Button, { onClick: () => j("NO"), children: "Norsk (NO)" }) }),
-                /* @__PURE__ */ t(oe.Item, { children: /* @__PURE__ */ t(oe.Button, { onClick: () => j("EN"), children: "English (EN)" }) })
-              ] })
-            }
-          )
-        ] })
-      ] })
-    ] }) }),
-    /* @__PURE__ */ r("div", { className: i.headerInner, children: [
-      /* @__PURE__ */ r("div", { className: i.logoWrapper, children: [
-        /* @__PURE__ */ t(
-          pe,
-          {
-            href: "/",
-            className: `${i.logo} ${i.primaryLogo}`,
-            "aria-label": _("header.homeAriaLabel"),
-            onClick: ge,
-            children: /* @__PURE__ */ t(le, {})
-          }
-        ),
-        /* @__PURE__ */ t("div", { className: i.secondaryLogoWrapper, children: G && p ? /* @__PURE__ */ t(
-          "img",
-          {
-            src: T === "dark" && Q ? Q : p,
-            alt: K,
-            className: i.secondaryLogo
-          }
-        ) : G ? /* @__PURE__ */ t("div", { className: i.slotComponent, children: /* @__PURE__ */ t("div", { className: i.slotContainer, children: /* @__PURE__ */ t("p", { className: i.slotText, children: "SLOT" }) }) }) : null })
-      ] }),
-      w && N && N.length > 0 && !u && /* @__PURE__ */ t("nav", { className: i.navItems, children: N.map((s, m) => /* @__PURE__ */ t(
-        pe,
-        {
-          href: s.href,
-          className: i.navLink,
-          onClick: (b) => {
-            c && (b.preventDefault(), c(s.href));
-          },
-          children: s.label
-        },
-        m
-      )) }),
-      /* @__PURE__ */ r("div", { className: i.actions, children: [
-        B && /* @__PURE__ */ r(
-          fe,
-          {
-            variant: "primary",
-            "data-color": "main",
-            "data-size": "md",
-            className: i.ctaButton,
-            onClick: L,
-            children: [
-              J,
-              /* @__PURE__ */ t("span", { className: J ? i.buttonText : void 0, children: I || _("header.supportUs") })
-            ]
-          }
-        ),
-        !P && R && /* @__PURE__ */ t("div", { className: i.themeToggle, children: /* @__PURE__ */ t(
-          Re,
-          {
-            checked: T === "dark",
-            onChange: re,
-            "aria-label": _("header.toggleTheme")
-          }
-        ) }),
-        y && (() => {
-          const s = $ ?? "Frodo Baggins", m = d ?? ($ ? wa($) : "FB"), b = !!v;
-          return /* @__PURE__ */ r(
-            "div",
-            {
-              className: i.userInfo,
-              onClick: v,
-              role: b ? "button" : void 0,
-              tabIndex: b ? 0 : void 0,
-              onKeyDown: b ? (V) => {
-                (V.key === "Enter" || V.key === " ") && (V.preventDefault(), v == null || v());
-              } : void 0,
-              style: b ? { cursor: "pointer" } : void 0,
-              children: [
-                /* @__PURE__ */ t(Ne, { "data-size": "md", className: i.userName, children: s }),
-                /* @__PURE__ */ t(
-                  at,
-                  {
-                    "aria-label": s,
-                    "data-color": "main",
-                    variant: "circle",
-                    initials: l ? void 0 : m,
-                    children: l ? /* @__PURE__ */ t(
-                      "img",
-                      {
-                        src: l,
-                        alt: "",
-                        style: { width: "100%", height: "100%", objectFit: "cover" }
-                      }
-                    ) : void 0
-                  }
-                )
-              ]
-            }
-          );
-        })(),
-        x && /* @__PURE__ */ r("a", { href: "#", className: i.loginLink, children: [
-          /* @__PURE__ */ t(Ne, { "data-size": "md", className: i.loginText, children: _("header.login") }),
-          /* @__PURE__ */ t("div", { className: i.underline })
-        ] }),
-        f && /* @__PURE__ */ t("div", { className: i.searchButtonWrapper, children: /* @__PURE__ */ r(
-          fe,
-          {
-            ref: ee,
-            variant: "secondary",
-            "data-color": "main",
-            "data-size": "md",
-            onClick: Se,
-            "aria-expanded": D,
-            "aria-label": _(D ? "header.closeSearch" : "header.openSearch"),
-            children: [
-              D ? /* @__PURE__ */ t(qe, { "aria-hidden": !0 }) : /* @__PURE__ */ t(Ye, { "aria-hidden": !0 }),
-              /* @__PURE__ */ t("span", { className: i.buttonText, children: _(D ? "header.close" : "header.search") })
-            ]
-          }
-        ) }),
-        (H || u) && /* @__PURE__ */ r(
-          fe,
-          {
-            ref: se,
-            variant: "primary",
-            "data-color": "main",
-            "data-size": "md",
-            onClick: xe,
-            "aria-expanded": S,
-            "aria-label": _(S ? "header.closeMenu" : "header.openMenu"),
-            className: i.menuButton,
-            children: [
-              S ? /* @__PURE__ */ t(qe, { "aria-hidden": !0 }) : /* @__PURE__ */ t(Dn, { "aria-hidden": !0 }),
-              /* @__PURE__ */ t("span", { className: i.buttonText, children: _(S ? "header.close" : "header.menu") })
-            ]
-          }
-        )
-      ] })
-    ] }),
-    S && /* @__PURE__ */ t("div", { className: i.menuOverlay, ref: te, children: /* @__PURE__ */ r("div", { className: i.menuContent, children: [
-      /* @__PURE__ */ t("div", { className: i.menuLeftColumn }),
-      /* @__PURE__ */ r("div", { className: i.menuRightColumn, children: [
-        u && (q || E) && /* @__PURE__ */ r("div", { className: i.menuUtilities, children: [
-          q && /* @__PURE__ */ r("div", { className: i.languageSwitch, children: [
-            /* @__PURE__ */ t("span", { className: i.languageLabel, children: _("header.language") }),
-            /* @__PURE__ */ r(oe.TriggerContext, { children: [
-              /* @__PURE__ */ r(
-                oe.Trigger,
-                {
-                  className: i.languageLink,
-                  "aria-label": _("header.selectLanguage"),
-                  style: { background: "transparent", border: "none", padding: 0, cursor: "pointer", font: "inherit" },
-                  children: [
-                    C,
-                    " ",
-                    /* @__PURE__ */ t(Ze, { "aria-hidden": !0 })
-                  ]
-                }
-              ),
-              /* @__PURE__ */ t(
-                oe,
-                {
-                  "data-color-scheme": T,
-                  placement: "bottom-start",
-                  children: /* @__PURE__ */ r(oe.List, { children: [
-                    /* @__PURE__ */ t(oe.Item, { children: /* @__PURE__ */ t(oe.Button, { onClick: () => j("NO"), children: "Norsk (NO)" }) }),
-                    /* @__PURE__ */ t(oe.Item, { children: /* @__PURE__ */ t(oe.Button, { onClick: () => j("EN"), children: "English (EN)" }) })
-                  ] })
-                }
-              )
-            ] })
-          ] }),
-          E && /* @__PURE__ */ t("div", { className: i.extensionContent, children: /* @__PURE__ */ t(
-            Re,
-            {
-              "data-size": "sm",
-              checked: T === "dark",
-              onChange: re,
-              label: _("header.darkMode"),
-              color: "neutral",
-              "data-color-scheme": "light"
-            }
-          ) })
-        ] }),
-        /* @__PURE__ */ r("div", { className: i.slotContent, children: [
-          k,
-          u && w && N && N.length > 0 && /* @__PURE__ */ t("nav", { className: i.navList, children: N.map((s, m) => /* @__PURE__ */ t(
-            pe,
-            {
-              href: s.href,
-              className: i.navLink,
-              onClick: (b) => {
-                c && (b.preventDefault(), c(s.href));
-              },
-              children: s.label
-            },
-            m
-          )) })
-        ] }),
-        u && /* @__PURE__ */ t("div", { className: i.menuBrand, children: /* @__PURE__ */ t(le, {}) })
-      ] })
-    ] }) }),
-    D && /* @__PURE__ */ t("div", { className: i.searchOverlay, children: /* @__PURE__ */ r("div", { className: i.searchContent, children: [
-      /* @__PURE__ */ r(Pe, { children: [
-        /* @__PURE__ */ t(
-          Pe.Input,
-          {
-            ref: ne,
-            "aria-label": _("header.search"),
-            placeholder: _("header.searchPlaceholder"),
-            value: z,
-            onChange: (s) => ie(s.target.value)
-          }
-        ),
-        /* @__PURE__ */ t(Pe.Button, { "aria-label": _("header.search") }),
-        /* @__PURE__ */ t(Pe.ClearButton, { onClick: () => ie(""), "aria-label": _("header.clearSearch") })
-      ] }),
-      z && /* @__PURE__ */ t("div", { role: "status", className: "ds-sr-only", children: A.length > 0 ? _("header.suggestionCount").replace("{count}", String(Math.min(A.length, 5))) : `${_("header.noResults")} ${z}` }),
-      z && /* @__PURE__ */ t("div", { className: i.searchResults, children: A.length > 0 ? /* @__PURE__ */ r("div", { className: i.suggestionsSection, children: [
-        /* @__PURE__ */ t("h3", { className: i.suggestionsTitle, children: _("header.suggestions") }),
-        /* @__PURE__ */ t("ul", { className: i.resultList, children: A.slice(0, 5).map((s) => /* @__PURE__ */ t("li", { className: i.resultItem, children: /* @__PURE__ */ r(
-          "button",
-          {
-            className: i.resultLink,
-            onClick: () => ae(s.path),
-            children: [
-              /* @__PURE__ */ t("span", { className: i.suggestionIcon, children: /* @__PURE__ */ t(Ye, { "aria-hidden": !0 }) }),
-              /* @__PURE__ */ t("span", { className: i.suggestionText, children: (() => {
-                const m = s.title.toLowerCase().indexOf(z.toLowerCase());
-                if (m === -1) return /* @__PURE__ */ t("span", { className: i.remainingText, children: s.title });
-                const b = s.title.slice(0, m), V = s.title.slice(m, m + z.length), ke = s.title.slice(m + z.length);
-                return /* @__PURE__ */ r(tt, { children: [
-                  /* @__PURE__ */ t("span", { className: i.remainingText, children: b }),
-                  /* @__PURE__ */ t("span", { className: i.highlightedText, children: V }),
-                  /* @__PURE__ */ t("span", { className: i.remainingText, children: ke })
-                ] });
-              })() })
-            ]
-          }
-        ) }, s.id)) }),
-        A.length > 5 && /* @__PURE__ */ r(
-          pe,
-          {
-            href: "#",
-            "data-color": "neutral",
-            className: i.viewAllLink,
-            onClick: (s) => {
-              s.preventDefault(), c && c(`search/${encodeURIComponent(z)}`), g(!1), ie("");
-            },
-            children: [
-              _("header.viewAll"),
-              " (",
-              A.length,
-              ")"
-            ]
-          }
-        )
-      ] }) : /* @__PURE__ */ t("div", { className: i.noResults, children: /* @__PURE__ */ r(Ne, { children: [
-        _("header.noResults"),
-        ' "',
-        z,
-        '"'
-      ] }) }) })
-    ] }) })
-  ] });
-};
-function Sa(n) {
-  const e = n;
-  return `
-.${e.header} {
-  width: 100%;
-  background-color: var(--ds-color-neutral-background-default);
-  border-bottom: none;
-  position: relative;
-  z-index: 1000;
-  display: flex;
-  flex-direction: column;
-  font-family: 'Source Sans 3', sans-serif;
-}
-.${e.headerExtension} {
-  background-color: var(--ds-color-primary-color-red-base-default, #D52B1E);
-  width: 100%;
-  height: 44px;
-  padding: 0 var(--ds-size-6);
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  box-sizing: border-box;
-  color: white;
-}
-.${e.header}[data-color="primary"] .${e.headerExtension} {
-  background-color: var(--ds-color-primary-color-red-base-default);
-  color: white;
-}
-.${e.header}[data-color="neutral"] .${e.headerExtension} {
-  background-color: var(--ds-color-neutral-base-default);
-  color: var(--ds-color-neutral-text-default);
-}
-.${e.headerExtensionTinted},
-.${e.headerExtension}[data-extension-color="tinted"] {
-  background: var(--ds-color-primary-color-red-surface-tinted, #FAE4E2) !important;
-  color: var(--ds-color-neutral-text-default, #2b2b2b);
-}
-.${e.header} .${e.headerExtensionTinted} .${e.languageLabel},
-.${e.header} .${e.headerExtension}[data-extension-color="tinted"] .${e.languageLabel} {
-  color: var(--ds-color-neutral-text-default, #2B2B2B) !important;
-}
-.${e.header} .${e.headerExtensionTinted} .${e.languageLink},
-.${e.header} .${e.headerExtension}[data-extension-color="tinted"] .${e.languageLink} {
-  color: var(--ds-color-neutral-text-default, #2B2B2B) !important;
-}
-.${e.header} .${e.headerExtensionTinted} .${e.extensionContent} .ds-label,
-.${e.header} .${e.headerExtension}[data-extension-color="tinted"] .${e.extensionContent} .ds-label {
-  color: var(--ds-color-neutral-text-default, #2B2B2B) !important;
-}
-.${e.header} .${e.headerExtensionTinted} .${e.extensionDivider},
-.${e.header} .${e.headerExtension}[data-extension-color="tinted"] .${e.extensionDivider} {
-  background-color: var(--ds-color-neutral-border-subtle, #bcbcbc);
-}
-.${e.extensionContentWrapper} {
-  width: 100%;
-  max-width: 1364px;
-  display: flex;
-  justify-content: flex-end;
-  align-items: center;
-  gap: var(--ds-size-4);
-}
-.${e.extensionContent} .ds-label { font-size: var(--ds-font-size-3) !important; }
-.${e.extensionDivider} { width: 1px; height: 18px; background-color: rgba(247,233,232,1); }
-.${e.languageSwitch} { display: flex; align-items: center; gap: var(--ds-size-2); }
-.${e.languageLabel} { font-size: var(--ds-font-size-3); color: #ECECEC; }
-.${e.languageLink} { color: white; text-decoration: none; display: flex; align-items: center; gap: 4px; }
-.${e.header}[data-color="primary"] .${e.languageLabel} { color: #ECECEC; }
-.${e.header}[data-color="neutral"] .${e.languageLabel} { color: var(--ds-color-neutral-text-default); }
-.${e.header}[data-color="primary"] .${e.languageLink} { color: white !important; }
-.${e.header}[data-color="neutral"] .${e.languageLink} { color: var(--ds-color-neutral-text-default) !important; }
-.${e.languageSwitch} [popover] { margin-top: 0 !important; background-color: var(--ds-color-neutral-background-default) !important; position: fixed !important; overflow: visible; z-index: 20000 !important; }
-.${e.headerInner} {
-  display: flex; align-items: center; justify-content: space-between;
-  min-height: 119px; width: 100%; max-width: 1364px;
-  margin: 0 auto; padding: 0 var(--ds-size-6); box-sizing: border-box; gap: var(--ds-size-6);
-}
-.${e.logoWrapper} { display: flex; align-items: center; height: 119px; flex-shrink: 0; background-color: white; }
-.${e.logo} { display: flex; align-items: center; justify-content: center; width: 217px; height: 100%; text-decoration: none; color: inherit; flex-shrink: 0; }
-.${e.redCrossLogo} { width: 169px; height: auto; display: block; }
-.${e.secondaryLogoWrapper} { display: flex; align-items: center; justify-content: center; height: 100%; padding: 0 var(--ds-size-6); background: var(--ds-color-neutral-background-default); }
-.${e.secondaryLogo} { height: 24px; width: auto; display: block; }
-.${e.navItems} { display: flex; gap: 40px; align-items: center; margin-left: 24px; flex-grow: 1; justify-content: center; }
-.${e.navLink} { color: var(--ds-color-primary-color-red-text-default); font-family: inherit; font-size: var(--ds-font-size-3); text-decoration: none; font-weight: var(--ds-font-weight-regular); letter-spacing: 0.09px; }
-.${e.navLink}:hover { text-decoration: underline; }
-.${e.actions} { display: flex; align-items: center; gap: var(--ds-size-6); flex-shrink: 0; margin-left: auto; }
-.${e.ctaButton} { display: flex; align-items: center; }
-.${e.themeToggle} { display: flex; align-items: center; }
-.${e.userInfo} { display: flex; align-items: center; gap: var(--ds-size-3); }
-.${e.userName} { display: block; font-family: inherit; font-size: var(--ds-font-size-3); color: var(--ds-color-neutral-text-default); }
-.${e.loginLink} { display: flex; flex-direction: column; align-items: center; text-decoration: none; color: var(--ds-color-primary-color-red-text-subtle); gap: 2px; }
-.${e.loginText} { font-family: inherit; font-size: var(--ds-font-size-3); font-weight: var(--ds-font-weight-regular); line-height: 1.5; }
-.${e.underline} { width: 100%; height: 1px; background-color: var(--ds-color-primary-color-red-border-strong); }
-.${e.searchButtonWrapper} { display: flex; }
-.${e.buttonText} { display: inline-block; margin-left: var(--ds-size-2); }
-.${e.menuButton} { display: flex; align-items: center; }
-.${e.menuOverlay}, .${e.searchOverlay} {
-  position: absolute; top: 100%; left: 0; width: 100%;
-  background-color: var(--ds-color-neutral-background-default);
-  border-bottom: none;
-  box-shadow: none; z-index: 999;
-}
-.${e.searchOverlay} { padding: var(--ds-size-10) 0; }
-.${e.searchOverlay}::before { display: none; }
-.${e.searchContent} {
-  max-width: 1364px; margin: 0 auto;
-  padding: var(--ds-size-6) var(--ds-size-6) var(--ds-size-6) calc(217px + var(--ds-size-6) + var(--ds-size-4));
-  display: flex; flex-direction: column; align-items: stretch; box-sizing: border-box;
-}
-.${e.menuContent} { max-width: 1364px; margin: 0 auto; display: flex; flex-direction: row; align-items: stretch; box-sizing: border-box; }
-.${e.menuLeftColumn} { width: calc(217px + var(--ds-size-6)); flex-shrink: 0; display: flex; flex-direction: column; justify-content: flex-end; align-items: flex-start; padding: var(--ds-size-6); }
-.${e.menuRightColumn} { flex: 1; display: flex; flex-direction: column; padding: 48px 24px 80px 24px; gap: 24px; }
-.${e.slotContent} { width: 100%; padding: var(--ds-size-10) 0; text-align: left; color: var(--ds-color-neutral-text-subtle); font-size: var(--ds-font-size-3); border-radius: var(--ds-border-radius-md); display: flex; flex-direction: column; gap: var(--ds-size-4); align-items: flex-start; }
-.${e.navList} { display: flex; flex-direction: column; gap: var(--ds-size-3); align-items: flex-start; }
-.${e.menuBrand} { display: none; }
-.${e.menuUtilities} { display: flex; justify-content: space-between; align-items: center; width: 100%; }
-.${e.suggestionsSection} { display: flex; flex-direction: column; gap: var(--ds-size-4); }
-.${e.suggestionsTitle} { font-family: inherit; font-size: var(--ds-font-size-3); color: var(--ds-color-neutral-text-subtle); font-weight: var(--ds-font-weight-regular); margin: 0; letter-spacing: 0.09px; }
-.${e.searchResults} { margin-top: var(--ds-size-4); max-height: 400px; overflow-y: auto; }
-.${e.resultList} { list-style: none; padding: 0; margin: 0; }
-.${e.resultItem} { border-bottom: none; }
-.${e.resultLink} {
-  display: flex; flex-direction: row; align-items: center; width: 100%;
-  padding: var(--ds-size-2) 0; background: none; border: none;
-  text-align: left; cursor: pointer; gap: var(--ds-size-4); text-decoration: none;
-}
-.${e.suggestionIcon} { font-size: 20px; color: var(--ds-color-neutral-text-subtle); display: flex; align-items: center; justify-content: center; flex-shrink: 0; }
-.${e.suggestionText} { font-family: inherit; font-size: var(--ds-font-size-3); color: var(--ds-color-neutral-text-default); line-height: 1.5; }
-.${e.highlightedText} { color: var(--ds-color-primary-color-red-text-default); font-weight: var(--ds-font-weight-medium); }
-.${e.remainingText} { color: var(--ds-color-neutral-border-subtle); }
-.${e.viewAllLink} { display: block; padding: var(--ds-size-3); text-align: left; font-size: var(--ds-font-size-2); font-weight: var(--ds-font-weight-medium); color: var(--ds-color-neutral-text-default); text-decoration: none; }
-.${e.noResults} { padding: var(--ds-size-4); text-align: center; color: var(--ds-color-neutral-text-subtle); }
-@media (max-width: 850px) {
-  .${e.header} { z-index: 10000; position: relative; }
-  .${e.headerExtension} { display: none; }
-  .${e.headerInner} { padding: var(--ds-size-5) var(--ds-size-6); min-height: auto; }
-  .${e.navItems} { display: none; }
-  .${e.logoWrapper} { gap: var(--ds-size-2); }
-  .${e.logo} { height: 40px; }
-  /* Mobile: always hide primary logo in header */
-  .${e.primaryLogo} { display: none; }
-  .${e.secondaryLogo} { height: 28px; }
-  .${e.secondaryLogoWrapper} { padding: 0; }
-  .${e.actions} { gap: var(--ds-size-4); }
-  .${e.userName} { display: none; }
-  .${e.menuButton} .${e.buttonText} { display: none; }
-  .${e.searchButtonWrapper} .${e.buttonText} { display: inline; }
-  .${e.menuOverlay} { position: fixed; top: var(--header-height-mobile, 70px); left: 0; right: 0; bottom: 0; width: 100vw; height: calc(100vh - var(--header-height-mobile, 70px)); z-index: 9999; border-radius: 0; border: none; overflow-y: auto; }
-  .${e.searchOverlay} { width: 100%; right: 0; left: 0; border-radius: 0; border: none; }
-  .${e.searchContent} { padding: var(--ds-size-6); }
-  .${e.menuContent} { flex-direction: column; padding: 0; min-height: 100%; }
-  .${e.menuRightColumn} { padding: var(--ds-size-4) var(--ds-size-6) var(--ds-size-6) var(--ds-size-6); gap: var(--ds-size-4); flex: 1; display: flex; flex-direction: column; min-height: 0; }
-  .${e.slotContent} { padding: 0; }
-  .${e.menuLeftColumn} { display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-end; padding: var(--ds-size-6); }
-  .${e.menuBrand} { display: flex; justify-content: flex-start; margin-top: auto; padding: var(--ds-size-6); margin-left: calc(-1 * var(--ds-size-6)); margin-right: calc(-1 * var(--ds-size-6)); margin-bottom: calc(-1 * var(--ds-size-6)); background-color: white; }
-  .${e.menuUtilities} .${e.languageSwitch} [popover] { background-color: var(--ds-color-neutral-background-default) !important; margin-top: 0 !important; position: fixed !important; overflow: visible; z-index: 20000 !important; }
-  @media (prefers-color-scheme: light) {
-    .${e.menuUtilities} .${e.languageLabel} { color: var(--ds-color-neutral-text-default, #2B2B2B); }
-    .${e.menuUtilities} .${e.languageLink} { color: var(--ds-color-neutral-text-default, #2B2B2B) !important; }
-  }
-  [data-color-scheme="light"] .${e.menuUtilities} .${e.languageLabel} { color: var(--ds-color-neutral-text-default, #2B2B2B); }
-  [data-color-scheme="light"] .${e.menuUtilities} .${e.languageLink} { color: var(--ds-color-neutral-text-default, #2B2B2B) !important; }
-  .${e.searchOverlay}::before { display: none; }
-}
-`;
-}
-const _a = "_footer_61pj1_1", Ia = "_mainSection_61pj1_7", La = "_mainContainer_61pj1_25", Da = "_graphicElementTopRight_61pj1_35", Ma = "_graphicElementBottomLeft_61pj1_42", ja = "_contentRow_61pj1_50", Aa = "_newsletterSection_61pj1_60", Na = "_newsletterDescription_61pj1_67", Ea = "_newsletterForm_61pj1_76", Ba = "_newsletterInputGroup_61pj1_82", Fa = "_newsletterInput_61pj1_82", Pa = "_consentText_61pj1_93", $a = "_linksSection_61pj1_103", za = "_linksColumn_61pj1_109", Ra = "_linksTitle_61pj1_116", Ga = "_linksList_61pj1_127", Ha = "_footerLink_61pj1_136", Wa = "_divider_61pj1_158", Ua = "_contactSection_61pj1_166", Va = "_contactColumn_61pj1_173", Oa = "_contactTitle_61pj1_181", Ka = "_contactContent_61pj1_190", Za = "_copyrightSection_61pj1_204", qa = "_copyrightText_61pj1_209", Ya = "_whiteSection_61pj1_219", Xa = "_whiteContainer_61pj1_224", Ja = "_whiteContent_61pj1_232", Qa = "_logo_61pj1_240", es = "_redCrossLogo_61pj1_254", ts = "_slotLarge_61pj1_260", ns = "_contentRowContact_61pj1_315", os = "_socialLinksSection_61pj1_325", rs = "_socialLinksTitle_61pj1_332", as = "_socialLinksList_61pj1_343", ss = "_socialLink_61pj1_325", is = "_socialLinkIcon_61pj1_376", ls = "_contactPersonsSection_61pj1_391", ds = "_contactPersonsTitle_61pj1_398", cs = "_contactPersonsGrid_61pj1_409", ps = "_contactPersonCard_61pj1_415", ms = "_contactPersonName_61pj1_422", gs = "_contactPersonRole_61pj1_431", us = "_contactPersonDetails_61pj1_440", hs = "_contactPersonLabel_61pj1_447", fs = "_contactPersonEmail_61pj1_451", ks = "_contactPersonPhone_61pj1_452", vs = "_contactPersonAddress_61pj1_453", bs = "_bottomRowContact_61pj1_474", ys = "_legalLinksRow_61pj1_483", xs = "_legalLink_61pj1_483", Ts = "_dpMain_61pj1_558", Cs = "_dpContainer_61pj1_567", ws = "_dpColumns_61pj1_575", Ss = "_dpColumn_61pj1_575", _s = "_dpColTitle_61pj1_588", Is = "_dpList_61pj1_596", Ls = "_dpLink_61pj1_605", Ds = "_dpDivider_61pj1_619", Ms = "_dpMeta_61pj1_627", js = "_dpMetaCol_61pj1_633", As = "_dpMetaTitle_61pj1_641", Ns = "_dpMetaText_61pj1_649", Es = "_dpBottom_61pj1_657", Bs = "_dpLegal_61pj1_665", Fs = "_dpLegalLink_61pj1_674", Ps = "_dpCopyright_61pj1_686", o = {
-  footer: _a,
-  mainSection: Ia,
-  mainContainer: La,
-  graphicElementTopRight: Da,
-  graphicElementBottomLeft: Ma,
-  contentRow: ja,
-  newsletterSection: Aa,
-  newsletterDescription: Na,
-  newsletterForm: Ea,
-  newsletterInputGroup: Ba,
-  newsletterInput: Fa,
-  consentText: Pa,
-  linksSection: $a,
-  linksColumn: za,
-  linksTitle: Ra,
-  linksList: Ga,
-  footerLink: Ha,
-  divider: Wa,
-  contactSection: Ua,
-  contactColumn: Va,
-  contactTitle: Oa,
-  contactContent: Ka,
-  copyrightSection: Za,
-  copyrightText: qa,
-  whiteSection: Ya,
-  whiteContainer: Xa,
-  whiteContent: Ja,
-  logo: Qa,
-  redCrossLogo: es,
-  slotLarge: ts,
-  contentRowContact: ns,
-  socialLinksSection: os,
-  socialLinksTitle: rs,
-  socialLinksList: as,
-  socialLink: ss,
-  socialLinkIcon: is,
-  contactPersonsSection: ls,
-  contactPersonsTitle: ds,
-  contactPersonsGrid: cs,
-  contactPersonCard: ps,
-  contactPersonName: ms,
-  contactPersonRole: gs,
-  contactPersonDetails: us,
-  contactPersonLabel: hs,
-  contactPersonEmail: fs,
-  contactPersonPhone: ks,
-  contactPersonAddress: vs,
-  bottomRowContact: bs,
-  legalLinksRow: ys,
-  legalLink: xs,
-  dpMain: Ts,
-  dpContainer: Cs,
-  dpColumns: ws,
-  dpColumn: Ss,
-  dpColTitle: _s,
-  dpList: Is,
-  dpLink: Ls,
-  dpDivider: Ds,
-  dpMeta: Ms,
-  dpMetaCol: js,
-  dpMetaTitle: As,
-  dpMetaText: Ns,
-  dpBottom: Es,
-  dpLegal: Bs,
-  dpLegalLink: Fs,
-  dpCopyright: Ps
-}, Xi = ({
-  "data-color": n = "neutral",
-  variant: e = "default",
-  colorScheme: a,
-  columns: c,
-  showGraphicElements: k = !1,
-  newsletterDescription: y = "Tekst om rødekors som kan være rundt 2 linjebrudd i lengde.",
-  newsletterPlaceholder: f = "Input tekst",
-  newsletterButtonText: x = "Meld deg på",
-  newsletterConsentText: B,
-  onNewsletterSubmit: I,
-  hideNewsletter: J = !1,
-  shortcutsLinks: L,
-  linksLinks: R,
-  shortcutsTitle: G,
-  linksTitle: p,
-  visitingAddress: Q = ["Hausmannsgate 7 (Korsegården)", "0186 Oslo"],
-  organizationNumber: K = "XXX XXX XXX",
-  email: N = "post@redcross.no",
-  showPrimaryLogo: w = !0,
-  primaryLogoSrc: H,
-  primaryLogoAlt: P = "Røde Kors Logo",
-  whiteSectionSlot: E,
-  socialLinks: q = [],
-  contactPersons: Y = [],
-  legalLinks: $ = [],
-  socialLinksTitle: d,
-  contactPersonsTitle: l
-} = {}) => {
-  const v = (/* @__PURE__ */ new Date()).getFullYear(), { t: S } = Be(), [F, D] = ye.useState(""), g = (u, M) => {
-    const le = S(u);
-    return le === u ? M : le;
-  };
-  ye.useEffect(() => {
-    const u = "rk-footer-inline-styles";
-    if (typeof document > "u" || document.getElementById(u)) return;
-    const M = $s(o), le = document.createElement("style");
-    le.id = u, le.textContent = M, document.head.appendChild(le);
-  }, []);
-  const se = (u) => {
-    u.preventDefault(), I == null || I(F);
-  }, ee = () => /* @__PURE__ */ r(
-    "svg",
-    {
-      width: "170",
-      height: "119",
-      viewBox: "24 0 170 119",
-      fill: "none",
-      xmlns: "http://www.w3.org/2000/svg",
-      "aria-hidden": !0,
-      focusable: "false",
-      className: o.redCrossLogo,
-      children: [
-        /* @__PURE__ */ t("path", { d: "M76.1036 48.1397C77.8925 47.8781 79.6984 47.7525 81.5061 47.7639C84.1713 47.7639 86.0396 48.1669 87.3182 49.1857C87.8735 49.639 88.3149 50.2176 88.6067 50.8744C88.8984 51.5312 89.0323 52.2479 88.9974 52.9665C88.9839 53.9451 88.6724 54.896 88.1049 55.691C87.5373 56.4861 86.7411 57.087 85.8235 57.4129V57.4944C87.0796 58.006 87.7684 59.2104 88.2231 60.8722C88.7813 62.9097 89.3441 65.2688 89.6907 65.9661H85.5309C85.2382 65.4544 84.7835 63.9829 84.2793 61.7597C83.7751 59.5365 83.0097 58.8527 81.344 58.8527H80.1284V65.9661H76.1036V48.1397ZM80.1284 55.9141H81.7312C83.7526 55.9141 84.9546 54.8954 84.9546 53.3151C84.9546 51.6534 83.8336 50.8202 81.9698 50.7931C81.3532 50.7814 80.7368 50.8268 80.1284 50.9289V55.9141Z", fill: "#1E1E1E" }),
-        /* @__PURE__ */ t("path", { d: "M97.8528 52.5633C98.9439 52.5351 100.026 52.7744 101.004 53.2606L102.256 51.4087L103.669 52.4003L102.467 54.2115C103.188 54.8589 103.758 55.6585 104.137 56.5531C104.515 57.4478 104.692 58.4154 104.655 59.3869C104.655 64.0506 101.243 66.2738 97.8573 66.2738C96.7852 66.2984 95.7234 66.059 94.7644 65.5765L93.4543 67.4556L92.1037 66.387L93.2787 64.6438C91.8651 63.4892 91.0277 61.7233 91.0277 59.414C91.0277 55.2891 93.7965 52.5543 97.8213 52.5543L97.8528 52.5633ZM99.2934 55.9411C98.8798 55.6237 98.3731 55.4533 97.8528 55.4566C95.7458 55.4566 94.949 57.5757 94.949 59.4005C94.9265 60.126 95.0909 60.845 95.4262 61.4878L95.4802 61.515L99.2934 55.9411ZM96.4932 62.8552C96.8653 63.1843 97.3486 63.3576 97.8438 63.3397C99.6446 63.3397 100.748 61.7821 100.748 59.4774C100.76 58.7777 100.625 58.0833 100.351 57.4399L100.27 57.4127L96.4932 62.8552Z", fill: "#1E1E1E" }),
-        /* @__PURE__ */ t("path", { d: "M119.76 46.9351V62.0537C119.76 63.5253 119.814 65.0829 119.868 65.9659H116.266L116.077 64.037H116.01C115.593 64.7375 114.998 65.3131 114.285 65.7041C113.573 66.095 112.769 66.287 111.958 66.2602C108.865 66.2602 106.384 63.6068 106.384 59.5317C106.384 55.1079 109.085 52.5632 112.237 52.5632C113.835 52.5632 115.087 53.1247 115.676 54.0393H115.726V46.9351H119.76ZM115.708 58.4088C115.708 58.1914 115.681 57.8971 115.658 57.6843C115.556 57.1295 115.266 56.6274 114.838 56.2627C114.41 55.8981 113.869 55.6933 113.308 55.683C111.467 55.683 110.508 57.3447 110.508 59.4094C110.508 61.6327 111.602 63.0318 113.281 63.0318C113.838 63.0337 114.378 62.8389 114.807 62.4814C115.235 62.1239 115.526 61.6264 115.627 61.0757C115.702 60.7676 115.737 60.451 115.73 60.1339L115.708 58.4088Z", fill: "#1E1E1E" }),
-        /* @__PURE__ */ t("path", { d: "M126.13 60.6869C126.265 62.3758 127.931 63.1772 129.808 63.1772C131.029 63.1934 132.245 63.013 133.41 62.6429L133.946 65.4049C132.438 65.9752 130.838 66.2562 129.227 66.2335C124.802 66.2335 122.272 63.6345 122.272 59.5322C122.272 56.2088 124.325 52.5366 128.854 52.5366C133.063 52.5366 134.666 55.8329 134.666 59.0794C134.666 59.6271 134.62 60.1738 134.531 60.714L126.13 60.6869ZM130.902 57.8977C130.902 56.9061 130.475 55.2443 128.611 55.2443C126.904 55.2443 126.211 56.8246 126.103 57.8977H130.902Z", fill: "#1E1E1E" }),
-        /* @__PURE__ */ t("path", { d: "M142.603 47.8994H146.623V55.8866H146.7C147.1 55.1893 147.501 54.5283 147.929 53.9034L151.981 47.8994H156.978L151.035 55.5969L157.297 65.9703H152.57L148.172 58.1687L146.623 60.0704V65.9567H142.598L142.603 47.8994Z", fill: "#1E1E1E" }),
-        /* @__PURE__ */ t("path", { d: "M164.294 66.2599C160.485 66.2599 157.541 63.7424 157.541 59.5043C157.541 55.2662 160.309 52.563 164.496 52.563C168.494 52.563 171.159 55.325 171.159 59.2643C171.159 64.0639 167.774 66.2599 164.307 66.2599H164.294ZM164.375 63.3394C165.946 63.3394 166.959 61.7592 166.959 59.4001C166.959 57.4395 166.216 55.4563 164.375 55.4563C162.43 55.4563 161.709 57.4667 161.709 59.4001C161.709 61.6641 162.641 63.3394 164.348 63.3394H164.375Z", fill: "#1E1E1E" }),
-        /* @__PURE__ */ t("path", { d: "M173.676 57.1727C173.676 55.2438 173.622 54.0031 173.568 52.8576H177.062L177.197 55.271H177.3C177.535 54.507 178 53.8353 178.63 53.3486C179.261 52.8619 180.026 52.5843 180.821 52.5542C181.105 52.5425 181.391 52.5607 181.672 52.6086V56.4392C181.303 56.3736 180.93 56.3387 180.555 56.335C179.06 56.335 178.048 57.1365 177.782 58.3997C177.726 58.6983 177.699 59.0015 177.701 59.3053V65.9659H173.649L173.676 57.1727Z", fill: "#1E1E1E" }),
-        /* @__PURE__ */ t("path", { d: "M183.752 62.4023C184.824 62.9936 186.018 63.3283 187.241 63.3803C188.47 63.3803 188.974 62.9275 188.974 62.28C188.974 61.6325 188.573 61.2613 187.056 60.7768C184.355 59.8712 183.351 58.3951 183.351 56.8375C183.351 54.3969 185.404 52.5496 188.654 52.5496C189.92 52.5283 191.175 52.7848 192.332 53.3012L191.612 56.1357C190.741 55.6712 189.775 55.4155 188.789 55.3886C187.803 55.3886 187.241 55.787 187.241 56.4571C187.241 57.1273 187.749 57.4216 189.348 57.9604C191.828 58.8162 192.868 60.0795 192.891 62.0084C192.891 64.4444 190.973 66.2691 187.241 66.2691C185.784 66.2951 184.341 65.974 183.031 65.3318L183.752 62.4023Z", fill: "#1E1E1E" }),
-        /* @__PURE__ */ t("path", { d: "M50.1985 39.8037H37.1426V79.1965H50.1985V39.8037Z", fill: "#D52B1E" }),
-        /* @__PURE__ */ t("path", { d: "M63.2545 52.9331H24.0869V66.0625H63.2545V52.9331Z", fill: "#D52B1E" })
-      ]
-    }
-  ), te = [
-    { label: g("footer.shortcutsLinks.services", "Tilbudene"), href: "#" },
-    { label: g("footer.shortcutsLinks.volunteer", "Bli frivillig"), href: "#" },
-    { label: g("footer.shortcutsLinks.ourWork", "Vårt arbeid"), href: "#" },
-    { label: g("footer.shortcutsLinks.about", "Om Røde Kors"), href: "#" },
-    { label: g("footer.shortcutsLinks.support", "Støtt arbeidet"), href: "#" },
-    { label: g("footer.shortcutsLinks.contact", "Kontakt oss"), href: "#" }
-  ], ne = [
-    { label: g("footer.legal.privacy", "Personvern"), href: "#" },
-    { label: g("footer.legal.press", "For presse"), href: "#" },
-    { label: g("footer.legal.procurement", "Regler for innkjøp"), href: "#" },
-    { label: g("footer.legal.whistleblowing", "Varsling/Misconduct"), href: "#" }
-  ], z = /* @__PURE__ */ r(tt, { children: [
-    'Ved å trykke "',
-    x,
-    '" samtykker du til å motta nyhetsbrev.',
-    /* @__PURE__ */ t("br", {}),
-    "Du kan når som helst ",
-    /* @__PURE__ */ t(pe, { href: "#", children: "melde deg av" }),
-    " nyhetsbrevet uten kostnad."
-  ] }), ie = L || te, T = R || ne, h = () => /* @__PURE__ */ r("div", { className: o.socialLinksSection, children: [
-    d && /* @__PURE__ */ t("h3", { className: o.socialLinksTitle, children: d }),
-    /* @__PURE__ */ t("ul", { className: o.socialLinksList, children: q.map((u, M) => /* @__PURE__ */ t("li", { children: /* @__PURE__ */ r(pe, { href: u.href, className: o.socialLink, children: [
-      /* @__PURE__ */ t("span", { className: o.socialLinkIcon, children: u.icon }),
-      u.label
-    ] }) }, M)) })
-  ] }), C = ({ person: u }) => /* @__PURE__ */ r("div", { className: o.contactPersonCard, children: [
-    /* @__PURE__ */ t("p", { className: o.contactPersonName, children: u.name }),
-    /* @__PURE__ */ t("p", { className: o.contactPersonRole, children: u.role }),
-    /* @__PURE__ */ r("div", { className: o.contactPersonDetails, children: [
-      /* @__PURE__ */ r("p", { className: o.contactPersonEmail, children: [
-        /* @__PURE__ */ r("span", { className: o.contactPersonLabel, children: [
-          g("footer.contact.email", "E-post"),
-          ":"
-        ] }),
-        " ",
-        /* @__PURE__ */ t(pe, { href: `mailto:${u.email}`, children: u.email })
-      ] }),
-      u.phone && /* @__PURE__ */ r("p", { className: o.contactPersonPhone, children: [
-        /* @__PURE__ */ r("span", { className: o.contactPersonLabel, children: [
-          g("footer.contact.phone", "Telefon"),
-          ":"
-        ] }),
-        " ",
-        u.phone
-      ] }),
-      u.address && /* @__PURE__ */ t("p", { className: o.contactPersonAddress, children: u.address })
-    ] })
-  ] }), j = () => /* @__PURE__ */ r("div", { className: o.contactPersonsSection, children: [
-    l && /* @__PURE__ */ t("h3", { className: o.contactPersonsTitle, children: l }),
-    /* @__PURE__ */ t("div", { className: o.contactPersonsGrid, children: Y.map((u, M) => /* @__PURE__ */ t(C, { person: u }, M)) })
-  ] }), _ = () => /* @__PURE__ */ t("ul", { className: o.legalLinksRow, children: $.map((u, M) => /* @__PURE__ */ t("li", { children: /* @__PURE__ */ t(pe, { href: u.href, className: o.legalLink, children: u.label }) }, M)) });
-  if (e === "columns") {
-    const u = [
-      {
-        title: g("footer.contact.title", "Kontakt"),
-        links: te
-      },
-      {
-        title: g("footer.bidra", "Bidra"),
-        links: te
-      },
-      {
-        title: g("footer.shortcuts", "Snarveier"),
-        links: te
-      }
-    ], M = c && c.length > 0 ? c : u, le = $.length > 0 ? $ : ne;
-    return /* @__PURE__ */ r("footer", { className: o.footer, "data-color": n, "data-color-scheme": a, children: [
-      /* @__PURE__ */ t("div", { className: o.dpMain, children: /* @__PURE__ */ r("div", { className: o.dpContainer, children: [
-        /* @__PURE__ */ t("div", { className: o.dpColumns, children: M.map((re, ge) => /* @__PURE__ */ r("nav", { className: o.dpColumn, "aria-label": re.title, children: [
-          /* @__PURE__ */ t("h3", { className: o.dpColTitle, children: re.title }),
-          /* @__PURE__ */ t("ul", { className: o.dpList, children: re.links.map((xe, Se) => /* @__PURE__ */ t("li", { children: /* @__PURE__ */ t(pe, { href: xe.href, className: o.dpLink, children: xe.label }) }, Se)) })
-        ] }, ge)) }),
-        /* @__PURE__ */ t("hr", { className: o.dpDivider }),
-        /* @__PURE__ */ r("div", { className: o.dpMeta, children: [
-          /* @__PURE__ */ r("div", { className: o.dpMetaCol, children: [
-            /* @__PURE__ */ t("h4", { className: o.dpMetaTitle, children: g("footer.contact.visitingAddress", "Besøksadresse") }),
-            Q.map((re, ge) => /* @__PURE__ */ t("p", { className: o.dpMetaText, children: re }, ge))
-          ] }),
-          /* @__PURE__ */ r("div", { className: o.dpMetaCol, children: [
-            /* @__PURE__ */ t("h4", { className: o.dpMetaTitle, children: g("footer.contact.organizationNumber", "Organisasjonsnummer") }),
-            /* @__PURE__ */ t("p", { className: o.dpMetaText, children: K })
-          ] }),
-          /* @__PURE__ */ r("div", { className: o.dpMetaCol, children: [
-            /* @__PURE__ */ t("h4", { className: o.dpMetaTitle, children: g("footer.contact.email", "E-post") }),
-            /* @__PURE__ */ t("p", { className: o.dpMetaText, children: N })
-          ] })
-        ] }),
-        /* @__PURE__ */ t("hr", { className: o.dpDivider }),
-        /* @__PURE__ */ r("div", { className: o.dpBottom, children: [
-          /* @__PURE__ */ t("ul", { className: o.dpLegal, children: le.map((re, ge) => /* @__PURE__ */ t("li", { children: /* @__PURE__ */ t(pe, { href: re.href, className: o.dpLegalLink, children: re.label }) }, ge)) }),
-          /* @__PURE__ */ r("p", { className: o.dpCopyright, children: [
-            "© ",
-            v,
-            " ",
-            g("footer.copyright", "Røde Kors")
-          ] })
-        ] })
-      ] }) }),
-      w && /* @__PURE__ */ t("div", { className: o.whiteSection, "data-color-scheme": "light", children: /* @__PURE__ */ t("div", { className: o.whiteContainer, children: /* @__PURE__ */ t("div", { className: o.whiteContent, children: H ? /* @__PURE__ */ t(
-        "img",
-        {
-          src: H,
-          alt: P,
-          className: o.logo,
-          loading: "lazy"
-        }
-      ) : /* @__PURE__ */ t("div", { className: o.logo, children: /* @__PURE__ */ t(ee, {}) }) }) }) })
-    ] });
-  }
-  return e === "contact" ? /* @__PURE__ */ r("footer", { className: o.footer, "data-color": n, children: [
-    /* @__PURE__ */ t("div", { className: o.mainSection, children: /* @__PURE__ */ r("div", { className: o.mainContainer, children: [
-      k && /* @__PURE__ */ t("div", { className: o.graphicElementTopRight, children: /* @__PURE__ */ t(je, { shape: "angle", position: "top-right", size: "md", "aria-hidden": !0 }) }),
-      /* @__PURE__ */ r("div", { className: o.contentRowContact, children: [
-        q.length > 0 && /* @__PURE__ */ t(h, {}),
-        Y.length > 0 && /* @__PURE__ */ t(j, {})
-      ] }),
-      /* @__PURE__ */ t("div", { className: o.divider }),
-      /* @__PURE__ */ r("div", { className: o.contactSection, children: [
-        /* @__PURE__ */ r("div", { className: o.contactColumn, children: [
-          /* @__PURE__ */ t("h4", { className: o.contactTitle, children: g("footer.contact.visitingAddress", "Besøks adresse") }),
-          /* @__PURE__ */ t("div", { className: o.contactContent, children: Q.map((u, M) => /* @__PURE__ */ t("p", { children: u }, M)) })
-        ] }),
-        /* @__PURE__ */ r("div", { className: o.contactColumn, children: [
-          /* @__PURE__ */ t("h4", { className: o.contactTitle, children: g("footer.contact.organizationNumber", "Organisasjonsnummer") }),
-          /* @__PURE__ */ t("p", { className: o.contactContent, children: K })
-        ] }),
-        /* @__PURE__ */ r("div", { className: o.contactColumn, children: [
-          /* @__PURE__ */ t("h4", { className: o.contactTitle, children: g("footer.contact.email", "E-post") }),
-          /* @__PURE__ */ t("p", { className: o.contactContent, children: N })
-        ] })
-      ] }),
-      /* @__PURE__ */ t("div", { className: o.divider }),
-      /* @__PURE__ */ r("div", { className: o.bottomRowContact, children: [
-        $.length > 0 && /* @__PURE__ */ t(_, {}),
-        /* @__PURE__ */ r("p", { className: o.copyrightText, children: [
-          "© ",
-          v,
-          " ",
-          g("footer.copyright", "Rødekors")
-        ] })
-      ] }),
-      k && /* @__PURE__ */ t("div", { className: o.graphicElementBottomLeft, children: /* @__PURE__ */ t(je, { shape: "angle", position: "bottom-left", size: "md", "aria-hidden": !0 }) })
-    ] }) }),
-    /* @__PURE__ */ t("div", { className: o.whiteSection, children: /* @__PURE__ */ t("div", { className: o.whiteContainer, children: /* @__PURE__ */ r("div", { className: o.whiteContent, children: [
-      w && (H ? /* @__PURE__ */ t(
-        "img",
-        {
-          src: H,
-          alt: P,
-          className: o.logo,
-          loading: "lazy"
-        }
-      ) : /* @__PURE__ */ t("div", { className: o.logo, children: /* @__PURE__ */ t(ee, {}) })),
-      E && /* @__PURE__ */ t("div", { className: o.slotLarge, children: E })
-    ] }) }) })
-  ] }) : /* @__PURE__ */ r("footer", { className: o.footer, "data-color": n, children: [
-    /* @__PURE__ */ t("div", { className: o.mainSection, children: /* @__PURE__ */ r("div", { className: o.mainContainer, children: [
-      k && /* @__PURE__ */ t("div", { className: o.graphicElementTopRight, children: /* @__PURE__ */ t(je, { shape: "angle", position: "top-right", size: "md", "aria-hidden": !0 }) }),
-      /* @__PURE__ */ r("div", { className: o.contentRow, children: [
-        !J && /* @__PURE__ */ r("div", { className: o.newsletterSection, children: [
-          /* @__PURE__ */ t("p", { className: o.newsletterDescription, children: y }),
-          /* @__PURE__ */ t("form", { className: o.newsletterForm, onSubmit: se, children: /* @__PURE__ */ r("div", { className: o.newsletterInputGroup, children: [
-            /* @__PURE__ */ t(
-              dt,
-              {
-                type: "email",
-                placeholder: f,
-                value: F,
-                onChange: (u) => D(u.target.value),
-                className: o.newsletterInput
-              }
-            ),
-            /* @__PURE__ */ t(fe, { type: "submit", variant: "primary", "data-color": "neutral", children: x })
-          ] }) }),
-          /* @__PURE__ */ t("p", { className: o.consentText, children: B || z })
-        ] }),
-        /* @__PURE__ */ r("div", { className: o.linksSection, children: [
-          /* @__PURE__ */ r("nav", { className: o.linksColumn, "aria-label": G || g("footer.shortcuts", "Snarveier"), children: [
-            /* @__PURE__ */ t("h3", { className: o.linksTitle, children: G || g("footer.shortcuts", "Snarveier") }),
-            /* @__PURE__ */ t("ul", { className: o.linksList, children: ie.map((u, M) => /* @__PURE__ */ t("li", { children: /* @__PURE__ */ t(pe, { href: u.href, className: o.footerLink, children: u.label }) }, M)) })
-          ] }),
-          /* @__PURE__ */ r("nav", { className: o.linksColumn, "aria-label": p || g("footer.links", "Lenker"), children: [
-            /* @__PURE__ */ t("h3", { className: o.linksTitle, children: p || g("footer.links", "Lenker") }),
-            /* @__PURE__ */ t("ul", { className: o.linksList, children: T.map((u, M) => /* @__PURE__ */ t("li", { children: /* @__PURE__ */ t(pe, { href: u.href, className: o.footerLink, children: u.label }) }, M)) })
-          ] })
-        ] })
-      ] }),
-      /* @__PURE__ */ t("div", { className: o.divider }),
-      /* @__PURE__ */ r("div", { className: o.contactSection, children: [
-        /* @__PURE__ */ r("div", { className: o.contactColumn, children: [
-          /* @__PURE__ */ t("h4", { className: o.contactTitle, children: g("footer.contact.visitingAddress", "Besøks adresse") }),
-          /* @__PURE__ */ t("div", { className: o.contactContent, children: Q.map((u, M) => /* @__PURE__ */ t("p", { children: u }, M)) })
-        ] }),
-        /* @__PURE__ */ r("div", { className: o.contactColumn, children: [
-          /* @__PURE__ */ t("h4", { className: o.contactTitle, children: g("footer.contact.organizationNumber", "Organisasjonsnummer") }),
-          /* @__PURE__ */ t("p", { className: o.contactContent, children: K })
-        ] }),
-        /* @__PURE__ */ r("div", { className: o.contactColumn, children: [
-          /* @__PURE__ */ t("h4", { className: o.contactTitle, children: g("footer.contact.email", "E-post") }),
-          /* @__PURE__ */ t("p", { className: o.contactContent, children: N })
-        ] })
-      ] }),
-      /* @__PURE__ */ t("div", { className: o.divider }),
-      /* @__PURE__ */ t("div", { className: o.copyrightSection, children: /* @__PURE__ */ r("p", { className: o.copyrightText, children: [
-        "© ",
-        v,
-        " ",
-        g("footer.copyright", "Rødekors")
-      ] }) }),
-      k && /* @__PURE__ */ t("div", { className: o.graphicElementBottomLeft, children: /* @__PURE__ */ t(je, { shape: "angle", position: "bottom-left", size: "md", "aria-hidden": !0 }) })
-    ] }) }),
-    /* @__PURE__ */ t("div", { className: o.whiteSection, children: /* @__PURE__ */ t("div", { className: o.whiteContainer, children: /* @__PURE__ */ r("div", { className: o.whiteContent, children: [
-      w && (H ? /* @__PURE__ */ t(
-        "img",
-        {
-          src: H,
-          alt: P,
-          className: o.logo,
-          loading: "lazy"
-        }
-      ) : /* @__PURE__ */ t("div", { className: o.logo, children: /* @__PURE__ */ t(ee, {}) })),
-      E && /* @__PURE__ */ t("div", { className: o.slotLarge, children: E })
-    ] }) }) })
-  ] });
-};
-function $s(n) {
-  const e = n;
-  return `
-.${e.footer} {
-  margin-top: auto;
-  width: 100%;
-}
-.${e.mainSection} {
-  background-color: var(--ds-color-neutral-background-default, #ffffff);
-  width: 100%;
-}
-.${e.footer}[data-color="primary"] .${e.mainSection} {
-  background-color: var(--ds-color-primary-color-red-background-tinted);
-}
-.${e.footer}[data-color="additional"] .${e.mainSection} {
-  background-color: var(--ds-color-additional-color-ocean-background-tinted);
-}
-.${e.footer}[data-color="neutral"] .${e.mainSection} {
-  background-color: var(--ds-color-neutral-background-tinted, #f5f5f5);
-}
-.${e.mainContainer} {
-  position: relative;
-  width: 100%;
-  max-width: 1440px;
-  margin: 0 auto;
-  padding: var(--ds-size-30, 120px) 175px;
-  box-sizing: border-box;
-}
-.${e.graphicElementTopRight} {
-  display: flex;
-  justify-content: flex-end;
-  width: 100%;
-  margin-bottom: var(--ds-size-6, 24px);
-}
-.${e.graphicElementBottomLeft} {
-  display: flex;
-  justify-content: flex-start;
-  width: 100%;
-  margin-top: var(--ds-size-6, 24px);
-}
-.${e.contentRow} {
-  display: flex;
-  justify-content: space-between;
-  align-items: flex-start;
-  gap: var(--ds-size-12, 48px);
-  padding: var(--ds-size-8, 32px) 0;
-  flex-wrap: wrap;
-}
-.${e.newsletterSection} {
-  display: flex;
-  flex-direction: column;
-  gap: var(--ds-size-6, 24px);
-  max-width: 440px;
-}
-.${e.newsletterDescription} {
-  font-size: var(--ds-font-size-5, 21px);
-  font-weight: var(--ds-font-weight-regular);
-  line-height: 1.5;
-  letter-spacing: 0.105px;
-  color: var(--ds-color-neutral-text-default, #2b2b2b);
-  margin: 0;
-}
-.${e.newsletterForm} {
-  display: flex;
-  flex-direction: column;
-  gap: var(--ds-size-6, 24px);
-}
-.${e.newsletterInputGroup} {
-  display: flex;
-  gap: var(--ds-size-2, 8px);
-  align-items: flex-end;
-}
-.${e.newsletterInput} {
-  flex: 1;
-  min-width: 200px;
-}
-.${e.consentText} {
-  font-size: var(--ds-font-size-3, 16px);
-  font-weight: var(--ds-font-weight-regular);
-  line-height: 1.3;
-  letter-spacing: 0.04px;
-  color: var(--ds-color-neutral-text-default, #2b2b2b);
-  margin: 0;
-}
-.${e.linksSection} {
-  display: flex;
-  gap: var(--ds-size-12, 48px);
-  flex-wrap: wrap;
-}
-.${e.linksColumn} {
-  display: flex;
-  flex-direction: column;
-  gap: var(--ds-size-2, 8px);
-  min-width: 150px;
-}
-.${e.linksTitle} {
-  font-size: var(--ds-font-size-7, 30px);
-  font-weight: var(--ds-font-weight-regular);
-  line-height: 1.3;
-  letter-spacing: -0.075px;
-  color: var(--ds-color-primary-color-red-text-subtle, #b42419);
-  margin: 0;
-  text-decoration: underline;
-  text-underline-offset: 4px;
-}
-.${e.linksList} {
-  list-style: none;
-  padding: 0;
-  margin: 0;
-  display: flex;
-  flex-direction: column;
-  gap: var(--ds-size-2, 8px);
-}
-.${e.footerLink} {
-  font-size: var(--ds-font-size-4, 18px);
-  font-weight: var(--ds-font-weight-regular);
-  line-height: 1.5;
-  letter-spacing: 0.09px;
-  color: var(--ds-color-neutral-text-default, #2b2b2b);
-  text-decoration: underline;
-  text-underline-offset: 2px;
-}
-.${e.divider} {
-  width: 100%;
-  height: 1px;
-  background-color: var(--ds-color-neutral-border-subtle, #bcbcbc);
-  margin: var(--ds-size-6, 24px) 0;
-}
-.${e.contactSection} {
-  display: flex;
-  gap: var(--ds-size-6, 24px);
-  align-items: flex-start;
-  flex-wrap: wrap;
-}
-.${e.contactColumn} {
-  display: flex;
-  flex-direction: column;
-  gap: var(--ds-size-1, 4px);
-  flex: 1;
-  min-width: 200px;
-}
-.${e.contactTitle} {
-  font-size: var(--ds-font-size-3, 16px);
-  font-weight: var(--ds-font-weight-semibold);
-  line-height: 1.5;
-  letter-spacing: 0.04px;
-  color: var(--ds-color-neutral-text-default, #2b2b2b);
-  margin: 0;
-}
-.${e.contactContent} {
-  font-size: var(--ds-font-size-3, 16px);
-  font-weight: var(--ds-font-weight-regular);
-  line-height: 1.5;
-  letter-spacing: 0.04px;
-  color: var(--ds-color-neutral-text-default, #2b2b2b);
-  margin: 0;
-}
-.${e.contactContent} p {
-  margin: 0;
-}
-.${e.copyrightSection} {
-  display: flex;
-  align-items: center;
-}
-.${e.copyrightText} {
-  font-size: var(--ds-font-size-2, 14px);
-  font-weight: var(--ds-font-weight-regular);
-  line-height: 1.3;
-  letter-spacing: 0.021px;
-  color: var(--ds-color-neutral-text-subtle, #5d5d5d);
-  margin: 0;
-}
-.${e.whiteSection} {
-  background-color: white;
-  width: 100%;
-}
-.${e.whiteContainer} {
-  width: 100%;
-  max-width: 1440px;
-  margin: 0 auto;
-  padding: var(--ds-size-6, 24px) 175px;
-  box-sizing: border-box;
-}
-.${e.whiteContent} {
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-  gap: var(--ds-size-10, 40px);
-  flex-wrap: wrap;
-}
-.${e.logo} {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  height: 43px;
-  flex-shrink: 0;
-}
-.${e.redCrossLogo} {
-  width: 169px;
-  height: auto;
-  display: block;
-}
-.${e.slotLarge} {
-  background-color: var(--ds-color-neutral-surface-default, #ffffff);
-  border: 2px dashed var(--ds-color-neutral-border-default, #797979);
-  border-radius: var(--ds-border-radius-lg, 8px);
-  padding: var(--ds-size-6, 24px) var(--ds-size-3, 12px);
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  flex: 1;
-  max-width: 596px;
-  min-width: 200px;
-}
-@media (max-width: 1024px) {
-  .${e.mainContainer} {
-    padding: var(--ds-size-15, 64px) var(--ds-size-8, 32px);
-  }
-  .${e.whiteContainer} {
-    padding: var(--ds-size-6, 24px) var(--ds-size-8, 32px);
-  }
-}
-@media (max-width: 768px) {
-  .${e.contentRow} {
-    flex-direction: column;
-  }
-  .${e.newsletterSection} {
-    max-width: 100%;
-  }
-  .${e.linksSection} {
-    width: 100%;
-  }
-  .${e.contactSection} {
-    flex-direction: column;
-  }
-  .${e.whiteContent} {
-    flex-direction: column;
-    align-items: flex-start;
-  }
-  .${e.slotLarge} {
-    width: 100%;
-    max-width: none;
-  }
-}
-/* Contact Variant Styles */
-.${e.contentRowContact} {
-  display: flex;
-  justify-content: space-between;
-  align-items: flex-start;
-  gap: var(--ds-size-12, 48px);
-  padding: var(--ds-size-8, 32px) 0;
-  flex-wrap: wrap;
-}
-.${e.socialLinksSection} {
-  display: flex;
-  flex-direction: column;
-  gap: var(--ds-size-4, 16px);
-  min-width: 200px;
-}
-.${e.socialLinksTitle} {
-  font-size: var(--ds-font-size-7, 30px);
-  font-weight: var(--ds-font-weight-regular);
-  line-height: 1.3;
-  letter-spacing: -0.075px;
-  color: var(--ds-color-primary-color-red-text-subtle, #b42419);
-  margin: 0;
-  text-decoration: underline;
-  text-underline-offset: 4px;
-}
-.${e.socialLinksList} {
-  list-style: none;
-  padding: 0;
-  margin: 0;
-  display: flex;
-  flex-direction: column;
-  gap: var(--ds-size-2, 8px);
-}
-.${e.socialLink} {
-  display: flex;
-  align-items: center;
-  gap: var(--ds-size-2, 8px);
-  font-size: var(--ds-font-size-4, 18px);
-  font-weight: var(--ds-font-weight-regular);
-  line-height: 1.5;
-  letter-spacing: 0.09px;
-  color: var(--ds-color-neutral-text-default, #2b2b2b);
-  text-decoration: underline;
-  text-underline-offset: 2px;
-}
-.${e.socialLinkIcon} {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  width: 24px;
-  height: 24px;
-  flex-shrink: 0;
-}
-.${e.contactPersonsSection} {
-  display: flex;
-  flex-direction: column;
-  gap: var(--ds-size-4, 16px);
-  flex: 1;
-}
-.${e.contactPersonsTitle} {
-  font-size: var(--ds-font-size-7, 30px);
-  font-weight: var(--ds-font-weight-regular);
-  line-height: 1.3;
-  letter-spacing: -0.075px;
-  color: var(--ds-color-primary-color-red-text-subtle, #b42419);
-  margin: 0;
-  text-decoration: underline;
-  text-underline-offset: 4px;
-}
-.${e.contactPersonsGrid} {
-  display: grid;
-  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
-  gap: var(--ds-size-12, 48px);
-}
-.${e.contactPersonCard} {
-  display: flex;
-  flex-direction: column;
-  gap: var(--ds-size-1, 4px);
-  min-width: 0;
-}
-.${e.contactPersonName} {
-  font-size: var(--ds-font-size-4, 18px);
-  font-weight: var(--ds-font-weight-semibold);
-  line-height: 1.5;
-  letter-spacing: 0.09px;
-  color: var(--ds-color-neutral-text-default, #2b2b2b);
-  margin: 0;
-}
-.${e.contactPersonRole} {
-  font-size: var(--ds-font-size-3, 16px);
-  font-weight: var(--ds-font-weight-regular);
-  line-height: 1.5;
-  letter-spacing: 0.04px;
-  color: var(--ds-color-neutral-text-subtle, #5d5d5d);
-  margin: 0;
-}
-.${e.contactPersonDetails} {
-  display: flex;
-  flex-direction: column;
-  gap: var(--ds-size-1, 4px);
-  margin-top: var(--ds-size-2, 8px);
-}
-.${e.contactPersonLabel} {
-  font-weight: var(--ds-font-weight-regular);
-}
-.${e.contactPersonEmail},
-.${e.contactPersonPhone},
-.${e.contactPersonAddress} {
-  font-size: var(--ds-font-size-3, 16px);
-  font-weight: var(--ds-font-weight-regular);
-  line-height: 1.5;
-  letter-spacing: 0.04px;
-  color: var(--ds-color-neutral-text-default, #2b2b2b);
-  margin: 0;
-  word-break: break-word;
-}
-.${e.contactPersonEmail} a {
-  color: var(--ds-color-neutral-text-default, #2b2b2b);
-  text-decoration: underline;
-  text-underline-offset: 2px;
-}
-.${e.bottomRowContact} {
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-  flex-wrap: wrap;
-  gap: var(--ds-size-4, 16px);
-}
-.${e.legalLinksRow} {
-  display: flex;
-  gap: var(--ds-size-6, 24px);
-  flex-wrap: wrap;
-  list-style: none;
-  padding: 0;
-  margin: 0;
-}
-.${e.legalLink} {
-  font-size: var(--ds-font-size-3, 16px);
-  font-weight: var(--ds-font-weight-regular);
-  line-height: 1.5;
-  letter-spacing: 0.04px;
-  color: var(--ds-color-neutral-text-default, #2b2b2b);
-  text-decoration: underline;
-  text-underline-offset: 2px;
-}
-@media (max-width: 1024px) {
-  .${e.contentRowContact} {
-    gap: var(--ds-size-8, 32px);
-  }
-  .${e.contactPersonsGrid} {
-    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
-    gap: var(--ds-size-6, 24px);
-  }
-}
-@media (max-width: 768px) {
-  .${e.contentRowContact} {
-    flex-direction: column;
-  }
-  .${e.socialLinksSection} {
-    width: 100%;
-  }
-  .${e.contactPersonsSection} {
-    width: 100%;
-  }
-  .${e.contactPersonsGrid} {
-    grid-template-columns: 1fr;
-  }
-  .${e.contactPersonCard} {
-    max-width: none;
-  }
-  .${e.bottomRowContact} {
-    flex-direction: column;
-    align-items: flex-start;
-  }
-  .${e.legalLinksRow} {
-    flex-direction: column;
-    gap: var(--ds-size-2, 8px);
-  }
-}
-`;
-}
-const zs = "_donor_xzqak_1", Rs = "_tabsWrapper_xzqak_14", Gs = "_content_xzqak_35", Hs = "_amountSection_xzqak_47", Ws = "_amountLabel_xzqak_55", Us = "_amountButtons_xzqak_64", Vs = "_customAmountField_xzqak_75", Os = "_impactRow_xzqak_80", Ks = "_heartIcon_xzqak_88", Zs = "_impactText_xzqak_102", qs = "_impactAmount_xzqak_112", Ys = "_actionsSection_xzqak_117", Xs = "_vippsButton_xzqak_127", Js = "_vippsButtonLabel_xzqak_157", Qs = "_vippsLogo_xzqak_166", ei = "_avtalegiroLink_xzqak_179", ti = "_tabHeartIcon_xzqak_184", ni = "_tabPanel_xzqak_214", O = {
-  donor: zs,
-  tabsWrapper: Rs,
-  content: Gs,
-  amountSection: Hs,
-  amountLabel: Ws,
-  amountButtons: Us,
-  customAmountField: Vs,
-  impactRow: Os,
-  heartIcon: Ks,
-  impactText: Zs,
-  impactAmount: qs,
-  actionsSection: Ys,
-  vippsButton: Xs,
-  vippsButtonLabel: Js,
-  vippsLogo: Qs,
-  avtalegiroLink: ei,
-  tabHeartIcon: ti,
-  tabPanel: ni
-}, et = () => /* @__PURE__ */ t(
-  "svg",
-  {
-    width: "19",
-    height: "18",
-    viewBox: "0 0 19.2905 18.125",
-    fill: "none",
-    xmlns: "http://www.w3.org/2000/svg",
-    "aria-hidden": "true",
-    focusable: "false",
-    children: /* @__PURE__ */ t(
-      "path",
-      {
-        d: "M13.7703 0C15.2893 5.94513e-05 16.5938 0.76302 17.6755 1.84473C20.0479 4.2172 19.8818 8.19893 16.6755 11.4053L10.1765 17.9043C10.0359 18.0449 9.84412 18.1249 9.64527 18.125C9.44642 18.125 9.25564 18.0458 9.115 17.9053L2.615 11.4053C-0.591399 8.19889 -0.757477 4.21721 1.615 1.84473C2.69673 0.763025 4.00125 0 5.52027 0C6.86917 5.33075e-05 8.24623 0.601427 9.64527 1.84375C11.0443 0.601491 12.4214 0 13.7703 0Z",
-        fill: "#B42419"
-      }
-    )
-  }
-), oi = () => /* @__PURE__ */ t(
-  "svg",
-  {
-    width: "16",
-    height: "15",
-    viewBox: "0 0 25.721 24.166",
-    fill: "none",
-    xmlns: "http://www.w3.org/2000/svg",
-    "aria-hidden": "true",
-    focusable: "false",
-    children: /* @__PURE__ */ t(
-      "path",
-      {
-        d: "M18.3605 0C20.3858 2.70913e-05 22.1252 1.01674 23.5675 2.45898C26.7308 5.62229 26.5097 10.9318 22.2345 15.207L13.5685 23.873C13.381 24.0605 13.1256 24.166 12.8605 24.166C12.5953 24.166 12.341 24.0606 12.1535 23.873L3.48648 15.207C-0.78872 10.9319 -1.00983 5.6223 2.15347 2.45898C3.59576 1.01676 5.33517 -7.94691e-07 7.3605 0C9.15905 2.54762e-05 10.9951 0.801582 12.8605 2.45801C14.7259 0.801611 16.562 0 18.3605 0ZM18.3605 2C17.0526 2 15.4585 2.64907 13.5675 4.54004C13.38 4.72756 13.1257 4.83299 12.8605 4.83301C12.5953 4.83301 12.341 4.72755 12.1535 4.54004C10.2625 2.64908 8.6684 2.00003 7.3605 2C6.05266 2 4.7918 2.64884 3.56753 3.87305C1.39752 6.04307 1.17573 10.0682 4.90054 13.793L12.8605 21.752L20.8205 13.793C24.5452 10.0682 24.3235 6.04306 22.1535 3.87305C20.9292 2.64881 19.6683 2.00003 18.3605 2Z",
-        fill: "#D52B1E"
-      }
-    )
-  }
-), ri = () => /* @__PURE__ */ t(
-  "svg",
-  {
-    width: "64",
-    height: "16",
-    viewBox: "0 0 64 16",
-    fill: "none",
-    xmlns: "http://www.w3.org/2000/svg",
-    "aria-hidden": "true",
-    focusable: "false",
-    children: /* @__PURE__ */ t(
-      "path",
-      {
-        d: "M34.0879 0C36.392 2.1216e-05 39.0869 1.89904 39.0869 5.95996C39.0868 10.2022 36.4949 12.2627 33.8408 12.2627C32.4216 12.2627 31.1671 11.7169 30.2002 10.4238V16H27.2998V0.323242H30.2002V1.91895C31.0027 0.82803 32.2573 0 34.0879 0ZM48.0156 0C50.3197 0.000234933 53.0137 1.89927 53.0137 5.95996C53.0136 10.2021 50.4223 12.2625 47.7686 12.2627C46.3493 12.2627 45.0939 11.7169 44.127 10.4238V16H41.2266V0.323242H44.1279V1.91895C44.9302 0.828069 46.185 0 48.0156 0ZM12.2402 6.58594C12.7958 6.20212 13.5569 6.36346 14.0508 7.09082C15.285 8.86842 16.8693 10.081 18.9053 10.0811L19.2695 10.0693C21.0418 9.95993 22.0986 9.0452 23.1016 7.75781C23.6771 7.01059 24.4387 6.86826 24.9531 7.27246C25.5084 7.69677 25.5289 8.46462 24.9531 9.21191C23.4106 11.2322 21.4357 12.4443 18.9053 12.4443C16.1488 12.4443 13.7835 10.9494 12.0762 8.38379C11.6033 7.71699 11.726 6.94964 12.2402 6.58594ZM59.1445 0C61.5312 0 63.2798 1.09116 64 3.83887L61.3877 4.24219C61.3465 2.84847 60.4618 2.42489 59.207 2.4248C58.2195 2.4248 57.499 2.84883 57.499 3.51562C57.4992 4.04069 57.8697 4.58616 58.9805 4.78809L60.9756 5.15137C62.9298 5.51551 63.9795 6.76793 63.9795 8.48535C63.9792 11.0102 61.6543 12.2627 59.4736 12.2627C57.1698 12.2626 54.6192 11.0904 54.208 8.24219L56.8203 7.83789C56.9644 9.31277 57.8903 9.83881 59.3711 9.83887C60.5024 9.83887 61.2636 9.43452 61.2637 8.72754C61.2637 8.10123 60.9141 7.63618 59.6797 7.41406L57.8691 7.09082C55.9565 6.74715 54.7842 5.41356 54.7842 3.7168C54.7844 1.09068 57.211 7.8171e-05 59.1445 0ZM5.9248 8.16113L8.63965 0.302734H11.8281L7.09668 11.959H4.73145L0 0.302734H3.18848L5.9248 8.16113ZM33.1826 2.50488C31.5988 2.50497 30.2003 3.61605 30.2002 6.10059C30.2002 8.4844 31.5987 9.73711 33.1621 9.7373C34.643 9.7373 36.166 8.56534 36.166 6.10059C36.1659 3.67634 34.6431 2.50488 33.1826 2.50488ZM47.1104 2.50488C45.5265 2.50488 44.1271 3.61595 44.127 6.10059C44.127 8.48459 45.5262 9.7373 47.0898 9.7373C48.5708 9.73729 50.0928 8.56533 50.0928 6.10059C50.0926 3.67645 48.5708 2.50499 47.1104 2.50488ZM21.0039 2.06055C21.8679 2.06067 22.6084 2.70741 22.6084 3.63672L22.5996 3.80762C22.5149 4.64394 21.8138 5.2118 21.0039 5.21191C20.1401 5.21191 19.3996 4.56573 19.3994 3.63672C19.3994 2.70732 20.14 2.06055 21.0039 2.06055Z",
-        fill: "white"
-      }
-    )
-  }
-), ai = [
-  { value: 220, label: "220 kr" },
-  { value: 345, label: "345 kr" },
-  { value: 660, label: "660 kr" }
-], Ji = ({
-  "data-color": n = "primary",
-  amounts: e = ai,
-  defaultAmount: a = 345,
-  oneTimeLabel: c = "En gang",
-  monthlyLabel: k = "Hver måned",
-  customAmountPlaceholder: y = "Valgfritt beløp",
-  amountLabel: f = "Velg ønsket beløp:",
-  impactMessage: x = "En gave på {amount} bidrar til ...",
-  vippsButtonLabel: B = "Gi med",
-  avtalegiroLabel: I = "Gi med avtalegiro",
-  avtalegiroHref: J = "#",
-  currencySuffix: L = "kr",
-  onVippsClick: R,
-  onAvtalegiroClick: G,
-  onAmountChange: p,
-  showVippsButton: Q = !0,
-  showAvtalegiroLink: K = !0,
-  showImpactMessage: N = !0,
-  heartVariant: w = "outlined"
-}) => {
-  const H = We(), [P, E] = Z("monthly"), [q, Y] = Z(a), [$, d] = Z(""), [l, v] = Z(!1);
-  U(() => {
-    const T = "rk-donor-inline-styles";
-    if (typeof document > "u" || document.getElementById(T)) return;
-    const h = si(O), C = document.createElement("style");
-    C.id = T, C.textContent = h, document.head.appendChild(C);
-  }, []);
-  const S = parseInt($, 10), F = l && $ && S > 0 ? S : q, D = (T) => {
-    Y(T), v(!1), d(""), p == null || p(T, P);
-  }, g = (T) => {
-    const h = T.target.value;
-    d(h), v(!0);
-    const C = parseInt(h, 10);
-    C > 0 && (p == null || p(C, P));
-  }, se = () => {
-    v(!0);
-  }, ee = (T) => {
-    const h = T;
-    E(h), p == null || p(F, h);
-  }, te = () => {
-    F > 0 && (R == null || R(F, P));
-  }, ne = () => {
-    G == null || G();
-  }, z = () => {
-    const T = `${F} ${L}`, h = x.split("{amount}");
-    return /* @__PURE__ */ r("span", { children: [
-      h[0],
-      /* @__PURE__ */ t("span", { className: O.impactAmount, children: T }),
-      h[1] || ""
-    ] });
-  }, ie = /* @__PURE__ */ r("div", { className: O.content, children: [
-    /* @__PURE__ */ r("div", { className: O.amountSection, children: [
-      /* @__PURE__ */ t(Ne, { className: O.amountLabel, "data-size": "sm", id: H, children: f }),
-      /* @__PURE__ */ t(
-        "div",
-        {
-          className: O.amountButtons,
-          role: "group",
-          "aria-labelledby": H,
-          children: e.map((T) => {
-            const h = !l && q === T.value;
-            return /* @__PURE__ */ t(
-              fe,
-              {
-                variant: h ? "primary" : "secondary",
-                "data-color": h ? "accent" : "neutral",
-                "aria-pressed": h,
-                onClick: () => D(T.value),
-                children: T.label
-              },
-              T.value
-            );
-          })
-        }
-      ),
-      /* @__PURE__ */ t("div", { className: O.customAmountField, children: /* @__PURE__ */ t(
-        xr,
-        {
-          "aria-label": y,
-          placeholder: y,
-          value: $,
-          onChange: g,
-          onFocus: se,
-          type: "number",
-          min: 1
-        }
-      ) })
-    ] }),
-    N && /* @__PURE__ */ r("div", { className: O.impactRow, children: [
-      /* @__PURE__ */ t("div", { className: O.heartIcon, children: w === "filled" ? /* @__PURE__ */ t(et, {}) : /* @__PURE__ */ t(oi, {}) }),
-      /* @__PURE__ */ t("p", { className: O.impactText, children: z() })
-    ] }),
-    /* @__PURE__ */ r("div", { className: O.actionsSection, children: [
-      Q && /* @__PURE__ */ r(
-        "button",
-        {
-          className: O.vippsButton,
-          onClick: te,
-          type: "button",
-          "aria-label": `${B} Vipps`,
-          "data-brand-exception": "vipps",
-          children: [
-            /* @__PURE__ */ t("span", { className: O.vippsButtonLabel, children: B }),
-            /* @__PURE__ */ t("span", { className: O.vippsLogo, children: /* @__PURE__ */ t(ri, {}) })
-          ]
-        }
-      ),
-      K && /* @__PURE__ */ t(
-        pe,
-        {
-          href: J,
-          "data-color": "neutral",
-          className: O.avtalegiroLink,
-          onClick: (T) => {
-            G && (T.preventDefault(), ne());
-          },
-          children: I
-        }
-      )
-    ] })
-  ] });
-  return /* @__PURE__ */ t("div", { className: O.donor, "data-color": n, children: /* @__PURE__ */ r(
-    Te,
-    {
-      defaultValue: "monthly",
-      onChange: ee,
-      "data-size": "md",
-      className: O.tabsWrapper,
-      children: [
-        /* @__PURE__ */ r(Te.List, { children: [
-          /* @__PURE__ */ t(Te.Tab, { value: "one-time", children: c }),
-          /* @__PURE__ */ r(Te.Tab, { value: "monthly", children: [
-            /* @__PURE__ */ t("span", { className: O.tabHeartIcon, children: /* @__PURE__ */ t(et, {}) }),
-            k
-          ] })
-        ] }),
-        /* @__PURE__ */ t(Te.Panel, { value: "one-time", className: O.tabPanel, children: P === "one-time" ? ie : null }),
-        /* @__PURE__ */ t(Te.Panel, { value: "monthly", className: O.tabPanel, children: P === "monthly" ? ie : null })
-      ]
-    }
-  ) });
 };
-function si(n) {
-  return `
-.${n.donor} {
-  border-radius: 16px;
-  overflow: hidden;
-  background-color: var(--ds-color-primary-color-red-surface-default, #ffffff);
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  width: 100%;
-  max-width: 344px;
-  padding-top: var(--ds-size-2, 8px);
-}
-.${n.tabsWrapper} {
-  width: 100%;
-  overflow: hidden;
-  border-radius: 4px;
-}
-.${n.tabsWrapper} [role="tablist"] {
-  display: flex !important;
-  width: 100% !important;
-}
-.${n.tabPanel} {
-  width: 100%;
-  padding: 0;
-}
-.${n.tabsWrapper} [role="tab"] {
-  flex: 1 1 50% !important;
-  display: inline-flex !important;
-  align-items: center !important;
-  justify-content: center !important;
-  text-align: center;
-  white-space: nowrap;
-}
-.${n.content} {
-  display: flex;
-  flex-direction: column;
-  gap: var(--ds-size-6, 24px);
-  align-items: center;
-  justify-content: center;
-  padding: var(--ds-size-6, 24px);
-  width: 100%;
-  box-sizing: border-box;
-}
-.${n.amountSection} {
-  display: flex;
-  flex-direction: column;
-  gap: var(--ds-size-2, 8px);
-  align-items: flex-start;
-  width: 296px;
-}
-.${n.amountLabel} {
-  font-weight: var(--ds-font-weight-regular, 400);
-  font-size: var(--ds-font-size-3, 16px);
-  line-height: 1.5;
-  letter-spacing: 0.04px;
-  color: var(--ds-color-neutral-text-default, #333333);
-  margin: 0;
-}
-.${n.amountButtons} {
-  display: flex;
-  gap: var(--ds-size-2, 8px);
-  align-items: flex-start;
-  width: 100%;
-}
-.${n.amountButtons} > button {
-  flex: 1;
-}
-.${n.customAmountField} {
-  width: 100%;
-}
-.${n.impactRow} {
-  display: flex;
-  gap: var(--ds-size-3, 12px);
-  align-items: center;
-  width: 296px;
-  min-height: 48px;
-}
-.${n.heartIcon} {
-  width: 32px;
-  height: 32px;
-  flex-shrink: 0;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-}
-.${n.heartIcon} svg {
-  width: 19px;
-  height: 18px;
-}
-.${n.impactText} {
-  flex: 1;
-  font-weight: var(--ds-font-weight-regular, 400);
-  font-size: var(--ds-font-size-3, 16px);
-  line-height: 1.5;
-  letter-spacing: 0.04px;
-  color: var(--ds-color-neutral-text-default, #333333);
-  margin: 0;
-}
-.${n.impactAmount} {
-  font-weight: var(--ds-font-weight-semibold, 600);
-}
-.${n.actionsSection} {
-  display: flex;
-  flex-direction: column;
-  gap: var(--ds-size-2, 8px);
-  align-items: center;
-  justify-content: center;
-  width: 296px;
-}
-.${n.vippsButton} {
-  display: flex;
-  gap: 6px;
-  align-items: center;
-  justify-content: center;
-  width: 300px;
-  height: 44px;
-  padding: 12px 16px;
-  background-color: #ff5b24;
-  border: none;
-  border-radius: var(--ds-border-radius-xl, 12px);
-  overflow: hidden;
-  cursor: pointer;
-  transition: opacity 0.15s ease;
-  font-family: inherit;
-}
-.${n.vippsButton}:hover {
-  opacity: 0.9;
-}
-.${n.vippsButton}:active {
-  opacity: 0.8;
-}
-.${n.vippsButton}:focus-visible {
-  outline: 2px solid var(--ds-color-neutral-border-default, #797979);
-  outline-offset: 2px;
-}
-.${n.vippsButtonLabel} {
-  font-family: inherit;
-  font-weight: 700;
-  font-size: 18.5px;
-  line-height: 1;
-  color: #ffffff;
-  white-space: nowrap;
-}
-.${n.vippsLogo} {
-  display: flex;
-  flex-direction: column;
-  align-items: flex-start;
-  flex-shrink: 0;
-}
-.${n.vippsLogo} svg {
-  width: 64px;
-  height: 16px;
-}
-.${n.avtalegiroLink} {
-  text-align: center;
-}
-.${n.tabHeartIcon} {
-  display: inline-flex;
-  align-items: center;
-  margin-right: 4px;
-  vertical-align: middle;
-}
-.${n.tabHeartIcon} svg {
-  width: 16px;
-  height: 15px;
-}
-`;
-}
 export {
-  jn as Alert,
-  at as Avatar,
-  An as Badge,
-  gi as BadgePosition,
-  ui as Breadcrumbs,
-  fi as BreadcrumbsItem,
-  ki as BreadcrumbsLink,
-  hi as BreadcrumbsList,
-  fe as Button,
-  Nn as Card,
-  vi as CardBlock,
-  nr as Carousel,
-  En as Checkbox,
-  yi as Chip,
-  Po as DateInput,
-  Lo as DatePicker,
-  Ci as Details,
-  wi as Dialog,
-  Si as Divider,
-  Ji as Donor,
-  oe as Dropdown,
-  ji as DropdownButton,
-  Li as DropdownHeading,
-  Mi as DropdownItem,
-  Di as DropdownList,
-  _i as DropdownTrigger,
-  Ii as DropdownTriggerContext,
-  Ai as ErrorSummary,
-  Ni as Field,
-  fr as FieldCounter,
-  hr as FieldDescription,
-  Ei as Fieldset,
-  Xi as Footer,
-  je as GraphicElement,
-  Yi as Header,
-  rt as Heading,
-  dt as Input,
-  kr as Label,
-  xi as LanguageProvider,
-  pe as Link,
-  Bi as List,
-  vr as Pagination,
-  $i as PaginationButton,
-  Pi as PaginationItem,
-  Fi as PaginationList,
-  Ne as Paragraph,
-  Ri as Popover,
-  Gi as Radio,
-  Pe as Search,
-  Wi as Select,
-  Ui as SkeletonLoader,
-  Vi as SkipLink,
-  tr as Spinner,
-  br as Suggestion,
-  Re as Switch,
-  Oi as Table,
-  Te as Tabs,
-  yr as Tag,
-  Ki as Textarea,
-  xr as Textfield,
-  Zi as ToggleGroup,
-  qi as Tooltip,
-  Tr as ValidationMessage,
-  bi as useCheckboxGroup,
-  Ti as useLanguage,
-  Be as useLanguageOptional,
-  zi as usePagination,
-  Hi as useRadioGroup
+  e as translations
 };