rk-designsystem 1.2.4 → 1.3.0

package/dist/index.d.ts

@@ -127,11 +127,21 @@ export declare const Alert: ForwardRefExoticComponent<AlertProps & RefAttributes
 
 /**
  * Alert-komponent for å vise viktige meldinger til brukeren.
- * Utvider DigDir sin Alert med støtte for barn-elementer og tittel.
+ * Utvider DigDir sin Alert med en synlig tittel.
  */
 export declare interface AlertProps extends AlertProps_2 {
     children?: ReactNode;
+    /**
+     * Synlig tittel øverst i varselet. Uten `titleLevel` rendres den som
+     * visuelt fremhevet tekst (ikke en overskrift), slik at dokumentets
+     * overskriftsrekkefølge ikke brytes.
+     */
     title?: string;
+    /**
+     * Semantisk overskriftsnivå (2–6) for tittelen. Angi nivået som passer
+     * inn i sidens overskriftshierarki der varselet vises.
+     */
+    titleLevel?: 2 | 3 | 4 | 5 | 6;
 }
 
 export declare const Avatar: ForwardRefExoticComponent<AvatarProps_2 & RefAttributes<HTMLSpanElement>>;
@@ -167,8 +177,7 @@ export declare type BreadcrumbsProps = BreadcrumbsProps_2;
 export declare const Button: ForwardRefExoticComponent<ButtonProps & RefAttributes<HTMLButtonElement>>;
 
 /**
- * Props mirror @digdir/designsystemet-react Button but widen `variant` to
- * include rk-designsystem's `'soft'` extension and add a `shape` axis.
+ * Props mirror @digdir/designsystemet-react Button.
  *
  * Built from `ButtonHTMLAttributes` rather than `Omit<DigDirButtonProps, …>` —
  * TS Omit on intersection-of-mapped types (Digdir's `MergeRight<>`) collapses
@@ -176,16 +185,10 @@ export declare const Button: ForwardRefExoticComponent<ButtonProps & RefAttribut
  */
 export declare interface ButtonProps extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'command' | 'commandfor' | 'commandFor' | 'type'> {
     /**
-     * Color treatment. `'soft'` is an rk-designsystem extension that renders a
-     * tinted surface with no border; the active `data-color` cascade picks the ramp.
+     * Color treatment.
      * @default 'primary'
      */
     variant?: ButtonVariant;
-    /**
-     * Geometry. `'pill'` fully rounds both ends. Orthogonal to `variant`.
-     * @default 'squared'
-     */
-    shape?: ButtonShape;
     'data-color'?: Color | Extract<SeverityColors, 'danger'>;
     'data-size'?: 'sm' | 'md' | 'lg';
     icon?: boolean;
@@ -197,9 +200,7 @@ export declare interface ButtonProps extends Omit<ButtonHTMLAttributes<HTMLButto
     commandFor?: string;
 }
 
-declare type ButtonShape = 'squared' | 'pill';
-
-declare type ButtonVariant = 'primary' | 'secondary' | 'tertiary' | 'soft';
+declare type ButtonVariant = 'primary' | 'secondary' | 'tertiary';
 
 export declare const Card: typeof Card_2;
 
@@ -270,131 +271,54 @@ declare interface ContactPerson {
     address?: string;
 }
 
-/**
- * CrossCorner - Decorative L-shaped brand graphic element.
- *
- * Used as a visual accent across Røde Kors web projects.
- * The shape forms part of the cross pattern and can be positioned
- * in any corner orientation.
- */
-export declare const CrossCorner: ForwardRefExoticComponent<Omit<DefaultProps, "className" | "aria-hidden" | "aria-label" | "size" | "position"> & {
-/**
-* Which corner the graphic points to.
-* @default 'top-left'
-*/
-position?: CrossCornerPosition;
-/**
-* Size of the graphic.
-* sm: 48px, md: 68px, lg: 96px
-* @default 'md'
-*/
-size?: CrossCornerSize;
-/**
-* Optional CSS class name.
-*/
-className?: string;
-/**
-* Accessible label for the decorative graphic.
-* Set to empty string if purely decorative.
-*/
-'aria-label'?: string;
-/**
-* Whether the graphic is hidden from assistive technologies.
-* @default true (decorative by default)
-*/
-'aria-hidden'?: boolean;
-} & RefAttributes<SVGSVGElement>>;
-
-/**
- * Position variants for the CrossCorner component.
- * Determines which corner the L-shape points to.
- */
-export declare type CrossCornerPosition = 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right';
-
-/**
- * Props for the CrossCorner component.
- */
-export declare type CrossCornerProps = MergeRight<DefaultProps, {
-    /**
-     * Which corner the graphic points to.
-     * @default 'top-left'
-     */
-    position?: CrossCornerPosition;
-    /**
-     * Size of the graphic.
-     * sm: 48px, md: 68px, lg: 96px
-     * @default 'md'
-     */
-    size?: CrossCornerSize;
-    /**
-     * Optional CSS class name.
-     */
-    className?: string;
-    /**
-     * Accessible label for the decorative graphic.
-     * Set to empty string if purely decorative.
-     */
-    'aria-label'?: string;
-    /**
-     * Whether the graphic is hidden from assistive technologies.
-     * @default true (decorative by default)
-     */
-    'aria-hidden'?: boolean;
-}>;
-
-/**
- * Size variants for the CrossCorner component.
- * sm: 48px, md: 68px (default from Figma), lg: 96px
- */
-export declare type CrossCornerSize = 'sm' | 'md' | 'lg';
-
 /**
  * DateInput-komponent for inntasting av datoer i norsk format (dd.mm.åååå).
  * Håndterer automatisk formatering og validering av datoer.
  */
-export declare const DateInput: default_2.ForwardRefExoticComponent<Omit<DefaultProps, "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "autoCapitalize" | "autoFocus" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "enterKeyHint" | "hidden" | "id" | "lang" | "nonce" | "slot" | "spellCheck" | "style" | "tabIndex" | "title" | "translate" | "radioGroup" | "role" | "about" | "content" | "datatype" | "inlist" | "property" | "rel" | "resource" | "rev" | "typeof" | "vocab" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "popover" | "popoverTargetAction" | "popoverTarget" | "inert" | "is" | "exportparts" | "part" | "popovertarget" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-braillelabel" | "aria-brailleroledescription" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colindextext" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-description" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowindextext" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerLeave" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onScrollEnd" | "onScrollEndCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onToggle" | "onBeforeToggle" | "onTransitionCancel" | "onTransitionCancelCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "onTransitionRun" | "onTransitionRunCapture" | "onTransitionStart" | "onTransitionStartCapture" | "disabled" | "form" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "name" | "value" | "size" | "multiple" | "list" | "step" | "accept" | "alt" | "autoComplete" | "capture" | "checked" | "height" | "max" | "min" | "minLength" | "placeholder" | "readOnly" | "required" | "src" | "width" | "label" | "description" | "error" | "suffixIcon" | "onSuffixClick" | "inputWrapperClassName" | "inputClassName"> & Omit<default_2.InputHTMLAttributes<HTMLInputElement>, "defaultValue" | "prefix" | "inputMode" | "aria-label" | "aria-labelledby" | "onChange" | "type" | "value" | "maxLength" | "pattern" | "label" | "suffix"> & {
-    label?: default_2.ReactNode;
-    suffixIcon?: default_2.ReactNode;
-    onSuffixClick?: default_2.MouseEventHandler<HTMLButtonElement>;
-    className?: string;
-    inputWrapperClassName?: string;
-    inputClassName?: string;
-    "aria-label"?: string;
-    "aria-labelledby"?: string;
-    description?: default_2.ReactNode;
-    error?: default_2.ReactNode;
-    value?: string | null;
-    defaultValue?: string | null;
-    onChange?: (event: default_2.ChangeEvent<HTMLInputElement>, formattedValue: string) => void;
-} & default_2.RefAttributes<HTMLInputElement>>;
+export declare const DateInput: default_2.ForwardRefExoticComponent<DateInputProps & default_2.RefAttributes<HTMLInputElement>>;
 
-export declare type DateInputProps = MergeRight<DefaultProps, // <-- Legg til dette
-// <-- Legg til dette
-Omit<InputHTMLAttributes<HTMLInputElement>, "prefix" | "suffix" | "label" | "aria-label" | "aria-labelledby" | "type" | "inputMode" | "pattern" | "maxLength" | "value" | "defaultValue" | "onChange"> & {
-    label?: default_2.ReactNode;
+export declare type DateInputProps = MergeRight<DefaultProps, Omit<InputHTMLAttributes<HTMLInputElement>, "prefix" | "suffix" | "label" | "aria-label" | "aria-labelledby" | "type" | "inputMode" | "pattern" | "maxLength" | "value" | "defaultValue" | "onChange"> & {
+    /** Ikon som vises til høyre i feltet, f.eks. et kalenderikon. */
     suffixIcon?: default_2.ReactNode;
+    /** Klikk-håndterer for suffiks-knappen. Gjør knappen fokuserbar. */
     onSuffixClick?: default_2.MouseEventHandler<HTMLButtonElement>;
+    /** Klasse for den ytre wrapperen. */
     className?: string;
+    /** Klasse for input-wrapperen. */
     inputWrapperClassName?: string;
+    /** Klasse for selve input-elementet. */
     inputClassName?: string;
-    "aria-label"?: string;
-    "aria-labelledby"?: string;
+    /** Beskrivende hjelpetekst under etiketten. */
     description?: default_2.ReactNode;
+    /** Feilmelding. Styrer også aria-invalid og feilstiler. */
     error?: default_2.ReactNode;
     value?: string | null;
     defaultValue?: string | null;
+    /** Kalles ved endring med hendelsen og den formaterte verdien (dd.mm.åååå). */
     onChange?: (event: default_2.ChangeEvent<HTMLInputElement>, formattedValue: string) => void;
-}>;
+    /**
+     * Kalles når gyldigheten endres. `true`/`false` når datoen er komplett
+     * (åtte sifre), `false` ved blur med ufullstendig dato, `null` når feltet
+     * er tomt eller under utfylling. Umulige datoer (31.02, skuddårsbrudd)
+     * gir `false`.
+     */
+    onValidationChange?: (valid: boolean | null, formattedValue: string) => void;
+} & LabelRequired>;
 
 /**
  * DatePicker-komponent for å velge en dato fra en kalender.
+ * Kalenderen følger ARIA-grid-mønsteret: ett tabstopp, piltaster mellom
+ * dager (på tvers av måneder), Home/End til start/slutt av uken og
+ * PageUp/PageDown mellom måneder.
  */
 export declare const DatePicker: default_2.FC<DatePickerProps>;
 
-export declare type DatePickerProps = MergeRight<DefaultProps, // <-- Lagt til
-    {
+export declare type DatePickerProps = MergeRight<DefaultProps, {
+    /** Måneden kalenderen åpner på når ingen dato er valgt. */
     initialDate?: Date;
+    /** Valgt dato. Utheves i kalenderen. */
     selectedDate?: Date | null;
+    /** Kalles når brukeren velger en dato. */
     onDateSelect?: (date: Date) => void;
 }>;
 
@@ -545,7 +469,7 @@ export declare const Fieldset: typeof Fieldset_2;
  */
 export declare type FieldsetProps = FieldsetProps_2;
 
-export declare const Footer: ({ "data-color": dataColor, variant, colorScheme, columns, showCrossCorners, newsletterDescription, newsletterPlaceholder, newsletterButtonText, newsletterConsentText, onNewsletterSubmit, hideNewsletter, shortcutsLinks, linksLinks, shortcutsTitle, linksTitle, visitingAddress, organizationNumber, email, showPrimaryLogo, primaryLogoSrc, primaryLogoAlt, whiteSectionSlot, socialLinks, contactPersons, legalLinks, socialLinksTitle, contactPersonsTitle, }?: FooterProps) => JSX.Element;
+export declare const Footer: ({ "data-color": dataColor, variant, colorScheme, columns, showGraphicElements, newsletterDescription, newsletterPlaceholder, newsletterButtonText, newsletterConsentText, onNewsletterSubmit, hideNewsletter, shortcutsLinks, linksLinks, shortcutsTitle, linksTitle, visitingAddress, organizationNumber, email, showPrimaryLogo, primaryLogoSrc, primaryLogoAlt, whiteSectionSlot, socialLinks, contactPersons, legalLinks, socialLinksTitle, contactPersonsTitle, }?: FooterProps) => JSX.Element;
 
 declare interface FooterLink {
     label: string;
@@ -564,8 +488,8 @@ export declare interface FooterProps {
         title: string;
         links: FooterLink[];
     }[];
-    /** Show CrossCorner decorative elements */
-    showCrossCorners?: boolean;
+    /** Show decorative GraphicElement shapes in the corners */
+    showGraphicElements?: boolean;
     /** Newsletter section description text */
     newsletterDescription?: string;
     /** Newsletter input placeholder text */
@@ -612,7 +536,138 @@ export declare interface FooterProps {
     contactPersonsTitle?: string;
 }
 
-export declare const Header: ({ variant, "data-color": dataColor, activePage, setPage, children, showUser, showSearch, showLogin, showCta, ctaLabel, ctaIcon, onCtaClick, showThemeToggle, secondaryLogo, secondaryLogoSrc, secondaryLogoSrcDark, secondaryLogoAlt, navItems, showNavItems, showMenuButton, showHeaderExtension, showModeToggle, showLanguageSwitch, extensionColor, buttonStyle, userName, userInitials, userAvatarSrc, onUserClick, }: HeaderProps) => JSX.Element;
+/**
+ * GraphicElement - Decorative brand graphic elements derived from the cross.
+ *
+ * The four arms of the cross are split up and used as independent
+ * graphic elements - angles, corners, hearts, bars - all derived from
+ * the same base form. Used as visual accents across Røde Kors web
+ * projects to create recognition, direction and cohesion.
+ */
+export declare const GraphicElement: ForwardRefExoticComponent<GraphicElementProps & RefAttributes<SVGSVGElement>>;
+
+/**
+ * Shapes available in the isometric variant.
+ */
+export declare type GraphicElementIsoShape = 'square' | 'corner' | 'angle' | 'heart' | 'bar';
+
+/**
+ * Position variants for the GraphicElement component.
+ * Determines the rotation/orientation of the shape.
+ * For `shape="corner"` it is which corner the L-shape points to.
+ */
+export declare type GraphicElementPosition = 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right';
+
+/**
+ * Props for the GraphicElement component.
+ *
+ * `variant` and `shape` form a union: the isometric variant only
+ * accepts the shapes in GraphicElementIsoShape, enforced at compile time.
+ */
+export declare type GraphicElementProps = MergeRight<DefaultProps, {
+    /**
+     * Orientation of the shape.
+     * For solid and outline: which corner the graphic points to.
+     * For isometric: selects between standing (top-*) and lying
+     * (bottom-*) orientations for corner and angle, and between
+     * vertical (top-left/bottom-right) and horizontal
+     * (top-right/bottom-left) for bar.
+     * @default 'top-left'
+     */
+    position?: GraphicElementPosition;
+    /**
+     * Size of the graphic (base grid size).
+     * For the corner shape: sm: 48px, md: 68px, lg: 96px.
+     * @default 'md'
+     */
+    size?: GraphicElementSize;
+    /**
+     * Color scope from the theme (rk-design-tokens). Available scopes:
+     * 'primary-color-red' (the default resolved value when inheriting
+     * from the surrounding scope), 'secondary-color-orange',
+     * 'secondary-color-rust', 'secondary-color-pink',
+     * 'additional-color-ocean', 'additional-color-jungle' and 'neutral'.
+     */
+    'data-color'?: Color_2;
+    /**
+     * Optional CSS class name.
+     */
+    className?: string;
+    /**
+     * Accessible label for the decorative graphic.
+     * Set to empty string if purely decorative.
+     */
+    'aria-label'?: string;
+    /**
+     * Whether the graphic is hidden from assistive technologies.
+     * @default true (decorative by default)
+     */
+    'aria-hidden'?: boolean;
+} & ({
+    /**
+     * Visual style: filled (solid) or thin stroke (outline).
+     * @default 'solid'
+     */
+    variant?: 'solid' | 'outline';
+    /**
+     * Which graphic element to render. All shapes are derived from
+     * the same base form: the arms of the cross.
+     * @default 'corner'
+     */
+    shape?: GraphicElementShape;
+    mirrored?: never;
+} | {
+    /**
+     * Isometric 3D variant: the shape built from unit cubes with
+     * three token-driven faces. Available for the shapes square,
+     * corner, angle, heart and bar.
+     */
+    variant: 'isometric';
+    /**
+     * Shapes available in the isometric variant.
+     * @default 'corner'
+     */
+    shape?: Exclude<GraphicElementIsoShape, 'heart'>;
+    mirrored?: never;
+} | {
+    variant: 'isometric';
+    shape: 'heart';
+    /**
+     * Mirrors the heart so the depth faces left instead of right.
+     * Only applies to the isometric heart.
+     * @default false
+     */
+    mirrored?: boolean;
+})>;
+
+/**
+ * Shape variants for the GraphicElement component.
+ * All shapes are derived from the same base grid as the cross:
+ * compositions of the cross's arm squares (grid unit = one arm width).
+ */
+export declare type GraphicElementShape = 'corner' | 'square' | 'angle' | 'heart' | 'tee' | 'bar' | 'cross';
+
+/**
+ * Size variants for the GraphicElement component.
+ * Refers to the base grid: for the 2x2 `corner` shape,
+ * sm: 48px, md: 68px, lg: 96px.
+ * Shapes spanning more or fewer grid cells scale proportionally,
+ * so the arm square stays the same size across shapes.
+ */
+export declare type GraphicElementSize = 'sm' | 'md' | 'lg';
+
+/**
+ * Style variants for the GraphicElement component.
+ * solid: filled grid cells. outline: thin ~2px open strokes on a
+ * subset of the grid cell edges (not a closed contour).
+ * isometric: each grid cell becomes an isometric unit cube with three
+ * token-driven faces (front = light, top = mid, right = dark).
+ * The isometric variant is available for the shapes square, corner,
+ * angle, heart and bar - see GraphicElementIsoShape.
+ */
+export declare type GraphicElementVariant = 'solid' | 'outline' | 'isometric';
+
+export declare const Header: ({ variant, "data-color": dataColor, activePage, setPage, children, showUser, showSearch, showLogin, showCta, ctaLabel, ctaIcon, onCtaClick, showThemeToggle, secondaryLogo, secondaryLogoSrc, secondaryLogoSrcDark, secondaryLogoAlt, navItems, showNavItems, showMenuButton, showHeaderExtension, showModeToggle, showLanguageSwitch, extensionColor, userName, userInitials, userAvatarSrc, onUserClick, }: HeaderProps) => JSX.Element;
 
 export declare interface HeaderProps {
     /** Layout density. 'compact' renders a slimmer header with a transparent (non-boxed) logo area and reduced height — useful for documentation sites, dashboards or any app that wants a lighter top bar. Defaults to 'default'. */
@@ -645,8 +700,6 @@ export declare interface HeaderProps {
     showLanguageSwitch?: boolean;
     /** Background color variant for the header extension (top bar). 'tinted' uses a soft pink/red tinted background. */
     extensionColor?: 'primary' | 'neutral' | 'tinted';
-    /** Visual style of the header action buttons (Søk + Meny). 'soft' renders pill-shaped buttons with a tinted red fill on Meny, matching the Figma soft variant. */
-    buttonStyle?: 'default' | 'soft';
     /** Display name shown next to the avatar. Falls back to current placeholder if omitted. */
     userName?: string;
     /** Initials rendered inside the avatar circle. Auto-derived from userName if omitted. */
@@ -684,6 +737,24 @@ export declare interface LabelProps extends LabelProps_2 {
     children?: ReactNode;
 }
 
+/**
+ * Hjelpetype for å håndheve tilgjengelighetsmerker (labels).
+ * Sikrer at en av 'label', 'aria-label' eller 'aria-labelledby' er oppgitt.
+ */
+declare type LabelRequired = {
+    'aria-label': string;
+    'aria-labelledby'?: never;
+    label?: never;
+} | {
+    'aria-label'?: never;
+    'aria-labelledby'?: never;
+    label: ReactNode;
+} | {
+    'aria-label'?: never;
+    'aria-labelledby': string;
+    label?: never;
+};
+
 export declare type Language = 'NO' | 'EN';
 
 export declare interface LanguageContextType {

package/dist/rk-designsystem.css

@@ -1 +1 @@
-._calendarContainer_htlea_1{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}._calendarHeader_htlea_16{display:flex;justify-content:space-between;align-items:center;align-self:stretch}._monthYear_htlea_23{color:var(--ds-color-text-default, #2b2b2b);font-family:var(--ds-font-family, "Myriad VF", sans-serif);font-size:var(--ds-heading-sm-font-size, 1.5rem);font-style:normal;font-weight:var(--ds-heading-sm-font-weight, 500);line-height:var(--ds-heading-sm-line-height, 1.3);letter-spacing:var(--ds-heading-sm-letter-spacing, 0%);margin:0}._navigationButtons_htlea_34{display:flex;gap:var(--ds-size-1, 4px)}._navigationButtons_htlea_34>button:disabled svg{opacity:var(--ds-opacity-disabled, .3)}._grid_htlea_43{display:grid;grid-template-columns:repeat(7,1fr);width:100%;text-align:center;overflow:hidden}._dayNameCell_htlea_51{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, "Myriad VF", sans-serif);font-size:var(--ds-body-xs-font-size, 14px);font-style:normal;font-weight:var(--ds-font-weight-semibold, 600);line-height:var(--ds-body-short-xs-line-height, 1.3);letter-spacing:var(--ds-body-xs-letter-spacing, .021px);box-sizing:border-box;min-width:0}._dateCell_htlea_69{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:-.5px;font-family:var(--ds-font-family, "Myriad VF", sans-serif);color:var(--ds-color-text-default, #2b2b2b);text-align:center;font-size:var(--ds-body-xs-font-size, 14px);font-style:normal;font-weight:var(--ds-body-xs-font-weight, 400);line-height:var(--ds-body-short-xs-line-height, 1.3);letter-spacing:var(--ds-body-xs-letter-spacing, .021px);font-feature-settings:"tnum" 1;-webkit-font-feature-settings:"tnum" 1;-moz-font-feature-settings:"tnum" 1;cursor:pointer;transition:background-color .15s ease-in-out,border-color .15s ease-in-out;-webkit-user-select:none;user-select:none;min-width:0}._dateNumberContainer_htlea_95{display:flex;justify-content:center;align-items:center;width:24px;height:24px;border-radius:50%;transition:color .15s ease-in-out,font-weight .15s ease-in-out;line-height:1;box-sizing:border-box;background-color:transparent}._dateCell_htlea_69:hover:not(._otherMonth_htlea_108):not(._disabled_htlea_108){background-color:var(--ds-color-surface-hover, #eee);position:relative;z-index:1}._dateCell_htlea_69:hover:not(._otherMonth_htlea_108):not(._disabled_htlea_108) ._dateNumberContainer_htlea_95{background-color:transparent}._otherMonth_htlea_108{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:-.5px}._otherMonth_htlea_108 ._dateNumberContainer_htlea_95{color:var(--ds-color-text-subtle, #aaa);background-color:transparent;box-shadow:none}._selectedDate_htlea_134{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}._selectedDate_htlea_134 ._dateNumberContainer_htlea_95{color:var(--ds-color-base-contrast-default, #fff);font-weight:var(--ds-font-weight-semibold, 600);background-color:transparent;box-shadow:none}@media(max-width:480px){._calendarContainer_htlea_1{padding:var(--ds-size-4, 16px);gap:var(--ds-size-2, 8px);width:100%}._monthYear_htlea_23{font-size:var(--ds-heading-xs-font-size, 1.125rem)}._dayNameCell_htlea_51{padding:var(--ds-size-1, 4px);font-size:var(--ds-body-2xs-font-size, 12px)}._dateCell_htlea_69{padding:var(--ds-size-2, 8px);font-size:var(--ds-body-2xs-font-size, 12px)}._dateNumberContainer_htlea_95{width:20px;height:20px}}@media(max-width:360px){._calendarContainer_htlea_1{padding:var(--ds-size-2, 8px)}._dayNameCell_htlea_51{padding:2px;font-size:10px}._dateCell_htlea_69{padding:var(--ds-size-1, 4px);font-size:11px}._dateNumberContainer_htlea_95{width:16px;height:16px}}._fieldset_16fx7_2{margin-bottom:var(--ds-spacing-4, 16px)}._fieldset_16fx7_2 label{display:block;margin-bottom:var(--ds-spacing-1, 4px);font-weight:var(--ds-font-weight-medium, 500);color:var(--ds-color-text-default, #2b2b2b)}._description_16fx7_14{font-size:var(--ds-font-size-sm, 14px);color:var(--ds-color-text-subtle, #5d5d5d);margin-top:var(--ds-spacing-1, 4px);margin-bottom:var(--ds-spacing-2, 8px)}._error_16fx7_21{font-size:var(--ds-font-size-sm, 14px);color:var(--ds-color-danger-text-default, #c30000);margin-top:var(--ds-spacing-1, 4px)}._inputWrapper_16fx7_30{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 .1s ease-out,outline .1s ease-out}._inputWrapperError_16fx7_42{border-color:var(--ds-color-danger-border-default, #c30000)}._inputWrapper_16fx7_30:focus-within{outline:var(--ds-border-width-focus, 3px) solid var(--ds-color-focus-outer, #2B2B2B);outline-offset:var(--ds-focus-outline-offset, 2px)}._inputWrapper_16fx7_30 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;-moz-appearance:none;appearance:none;-webkit-appearance:none}._inputWrapper_16fx7_30 input:disabled{opacity:var(--ds-opacity-disabled, .5);cursor:not-allowed;background-color:var(--ds-color-neutral-surface-subtle, #f0f0f0);color:var(--ds-color-neutral-text-subtle, #5d5d5d)}._suffixButton_16fx7_80{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 .15s ease-out,border-color .15s ease-out,color .15s ease-out;position:relative;z-index:0}._suffixButtonInteractive_16fx7_100{cursor:pointer}._suffixButtonInteractive_16fx7_100:hover:not(:disabled){color:var(--ds-color-text-default, #2b2b2b);background-color:var(--ds-color-surface-hover, #dadada)}._suffixButton_16fx7_80:disabled{opacity:var(--ds-opacity-disabled, .3);cursor:not-allowed;background-color:var(--ds-color-neutral-surface-tinted, #e8e8e8);border-left-color:var(--ds-color-neutral-border-default, #797979)}._carouselContainer_eo3g5_1{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%}._viewport_eo3g5_14{overflow:hidden;width:100%;height:100%}._slides_eo3g5_20{display:flex;height:100%;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none}._slide_eo3g5_20{position:relative;min-width:0;height:100%;display:flex;align-items:center;justify-content:center;box-sizing:border-box}._slideInner_eo3g5_40{position:relative;width:100%;height:100%;background-color:var(--ds-color-neutral-surface-subtle, #f5f5f5);overflow:hidden}._loaderOverlay_eo3g5_48{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background-color:#0000000d;z-index:2}._image_eo3g5_58{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .3s ease-in-out;z-index:1}._image_eo3g5_58._loaded_eo3g5_69{opacity:1}._loading_eo3g5_73{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-sm, 14px)}._empty_eo3g5_81{color:var(--ds-color-text-subtle, #5d5d5d);font-size:var(--ds-font-size-sm, 14px);text-align:center}._controls_eo3g5_87{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;pointer-events:none;z-index:10}._arrows_eo3g5_97{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}._dots_eo3g5_107{position:absolute;left:50%;transform:translate(-50%);bottom:var(--ds-size-3, 12px);display:inline-flex;gap:var(--ds-size-2, 8px);pointer-events:auto;background-color:#ffffff1a;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:var(--ds-size-1, 4px) var(--ds-size-2, 8px);border-radius:999px}._dot_eo3g5_107{width:12px;height:12px;border-radius:999px;border:var(--ds-border-width-default, 1px) solid var(--ds-color-border-subtle, #d6d6d6);background-color:#fff9;padding:0;margin:0;cursor:pointer;transition:all .2s ease}._dotActive_eo3g5_133{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){._carouselContainer_eo3g5_1{height:auto;min-height:150px;aspect-ratio:16 / 9}._viewport_eo3g5_14{aspect-ratio:16 / 9;height:auto}._slides_eo3g5_20,._slide_eo3g5_20{height:auto;min-height:150px}._slideInner_eo3g5_40{aspect-ratio:16 / 9;height:auto}._arrows_eo3g5_97{padding:0 var(--ds-size-2, 8px)}._dots_eo3g5_107{bottom:var(--ds-size-2, 8px);gap:var(--ds-size-1, 4px)}._dot_eo3g5_107{width:10px;height:10px}}@media(max-width:400px){._carouselContainer_eo3g5_1{min-height:120px}._arrows_eo3g5_97{padding:0 var(--ds-size-1, 4px)}._arrows_eo3g5_97 button{transform:scale(.85)}}._crossCorner_1caiu_1{display:inline-block;flex-shrink:0}._shape_1caiu_6{fill:var(--ds-color-base-default, #DA4236)}._crossCorner_1caiu_1[data-color=accent] ._shape_1caiu_6{fill:var(--ds-color-accent-base-default, #DA4236)}._crossCorner_1caiu_1[data-color=brand1] ._shape_1caiu_6{fill:var(--ds-color-brand1-base-default, #DA4236)}._crossCorner_1caiu_1[data-color=brand2] ._shape_1caiu_6{fill:var(--ds-color-brand2-base-default, #1E2B3C)}._crossCorner_1caiu_1[data-color=brand3] ._shape_1caiu_6{fill:var(--ds-color-brand3-base-default, #F5F5F5)}._crossCorner_1caiu_1[data-color=neutral] ._shape_1caiu_6{fill:var(--ds-color-neutral-base-default, #5D5D5D)}._header_1h8vy_1{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}.ds-popover,.ds-dropdown{z-index:20000!important}._header_1h8vy_1:before{content:"";position:absolute;left:0;top:44px;width:max(241px,calc((100vw - 1364px)/2 + 242px));height:119px;background-color:#fff;z-index:0;pointer-events:none}@media(max-width:850px){._header_1h8vy_1:before{display:none}._languageSwitch_1h8vy_37 [popover]:before{display:none}._searchOverlay_1h8vy_41:before{display:none}}._headerExtension_1h8vy_46{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:#fff;position:relative;overflow:visible;z-index:20}._header_1h8vy_1[data-color=primary] ._headerExtension_1h8vy_46{background-color:var(--ds-color-primary-color-red-base-default);color:#fff}._header_1h8vy_1[data-color=neutral] ._headerExtension_1h8vy_46{background-color:var(--ds-color-neutral-base-default);color:var(--ds-color-neutral-text-default)}._headerExtensionTinted_1h8vy_75,._headerExtension_1h8vy_46[data-extension-color=tinted]{background:var(--ds-color-primary-color-red-surface-tinted, #FAE4E2)!important;color:var(--ds-color-neutral-text-default, #2b2b2b)}._header_1h8vy_1 ._headerExtensionTinted_1h8vy_75 ._languageLabel_1h8vy_83,._header_1h8vy_1 ._headerExtension_1h8vy_46[data-extension-color=tinted] ._languageLabel_1h8vy_83,._header_1h8vy_1 ._headerExtensionTinted_1h8vy_75 ._languageLink_1h8vy_88,._header_1h8vy_1 ._headerExtension_1h8vy_46[data-extension-color=tinted] ._languageLink_1h8vy_88,._header_1h8vy_1 ._headerExtensionTinted_1h8vy_75 ._extensionContent_1h8vy_93 .ds-label,._header_1h8vy_1 ._headerExtension_1h8vy_46[data-extension-color=tinted] ._extensionContent_1h8vy_93 .ds-label{color:var(--ds-color-neutral-text-default, #2B2B2B)!important}._header_1h8vy_1 ._headerExtensionTinted_1h8vy_75 ._extensionDivider_1h8vy_98,._header_1h8vy_1 ._headerExtension_1h8vy_46[data-extension-color=tinted] ._extensionDivider_1h8vy_98{background-color:var(--ds-color-neutral-border-subtle, #bcbcbc)}._extensionContentWrapper_1h8vy_103{width:100%;max-width:1364px;display:flex;justify-content:flex-end;align-items:center;gap:var(--ds-size-4)}._extensionContent_1h8vy_93 .ds-label{font-size:var(--ds-font-size-md)!important}._header_1h8vy_1[data-color=primary] ._extensionContent_1h8vy_93 .ds-label{color:#fff!important}._header_1h8vy_1[data-color=neutral] ._extensionContent_1h8vy_93 .ds-label{color:var(--ds-color-neutral-text-default)!important}._extensionDivider_1h8vy_98{width:1px;height:18px;background-color:#f7e9e8}._header_1h8vy_1[data-color=primary] ._extensionDivider_1h8vy_98{background-color:#f7e9e8}._header_1h8vy_1[data-color=neutral] ._extensionDivider_1h8vy_98{background-color:var(--ds-color-neutral-border-subtle)}._languageSwitch_1h8vy_37{display:flex;align-items:center;gap:var(--ds-size-2);position:relative;z-index:1}._languageLabel_1h8vy_83{font-size:var(--ds-font-size-md);color:#ececec}._header_1h8vy_1[data-color=primary] ._languageLabel_1h8vy_83{color:#ececec}._header_1h8vy_1[data-color=neutral] ._languageLabel_1h8vy_83{color:var(--ds-color-neutral-text-default)}._languageLink_1h8vy_88{color:#fff!important;text-decoration:none;display:flex;align-items:center;gap:4px;position:relative}._header_1h8vy_1[data-color=primary] ._languageLink_1h8vy_88{color:#fff!important}._header_1h8vy_1[data-color=neutral] ._languageLink_1h8vy_88{color:var(--ds-color-neutral-text-default)!important}._languageSwitch_1h8vy_37 [popover]{margin-top:0!important;background-color:var(--ds-color-neutral-background-default)!important;position:fixed!important;overflow:visible;z-index:20000!important}._languageSwitch_1h8vy_37 .ds-popover{background-color:var(--ds-color-neutral-background-default)!important;position:fixed!important;z-index:20000!important}._headerInner_1h8vy_199{display:flex;align-items:center;justify-content:space-between;height:auto;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);position:relative;z-index:10}._logoWrapper_1h8vy_216{display:flex;align-items:center;height:119px;flex-shrink:0;background-color:#fff;margin-left:calc(-1 * var(--ds-size-6));padding-left:var(--ds-size-6);position:relative}._logo_1h8vy_216{display:flex;align-items:center;justify-content:center;width:217px;height:100%;text-decoration:none;color:inherit;flex-shrink:0}._secondaryLogoWrapper_1h8vy_239{display:flex;align-items:center;justify-content:center;height:100%;padding:0 var(--ds-size-6);background-color:var(--ds-color-neutral-background-default)}._slotComponent_1h8vy_248{background-color:var(--ds-color-neutral-surface-default);border:2px dashed var(--ds-color-neutral-border-default);border-radius:var(--ds-border-radius-lg);display:flex;align-items:center;justify-content:center;padding:12px 24px}._slotContainer_1h8vy_258{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px}._slotText_1h8vy_266{font-family:inherit;font-size:18px;color:var(--ds-color-neutral-text-default);line-height:1.3;margin:0}._divider_1h8vy_274{width:1px;height:40px;background-color:var(--ds-color-neutral-border-subtle);display:none}._secondaryLogo_1h8vy_239{height:24px;width:auto;display:block}._logo_1h8vy_216 img,._redCrossLogo_1h8vy_293{width:169px;height:auto;display:block}._primaryLogo_1h8vy_299{display:flex}._navItems_1h8vy_303{display:flex;gap:40px;align-items:center;margin-left:24px;flex-grow:1;justify-content:center}._navLink_1h8vy_312{color:var(--ds-color-primary-color-red-text-default);font-family:inherit;font-size:var(--ds-font-size-md);text-decoration:none;font-weight:var(--ds-font-weight-regular);letter-spacing:.09px}._navLink_1h8vy_312:hover{text-decoration:underline}._actions_1h8vy_325{display:flex;align-items:center;gap:var(--ds-size-6);flex-shrink:0;margin-left:auto}._ctaButton_1h8vy_333,._themeToggle_1h8vy_338{display:flex;align-items:center}._userInfo_1h8vy_343{display:flex;align-items:center;gap:var(--ds-size-3)}._userName_1h8vy_349{display:block;font-family:inherit;font-size:var(--ds-font-size-md);color:var(--ds-color-neutral-text-default)}._loginLink_1h8vy_356{display:flex;flex-direction:column;align-items:center;text-decoration:none;color:var(--ds-color-main-text-subtle);gap:2px}._loginText_1h8vy_365{font-family:inherit;font-size:var(--ds-font-size-md);font-weight:var(--ds-font-weight-regular);line-height:1.5}._underline_1h8vy_372{width:100%;height:1px;background-color:var(--ds-color-main-border-strong)}._searchButtonWrapper_1h8vy_378{display:flex}._buttonText_1h8vy_382{display:inline-block;margin-left:var(--ds-size-2)}._menuButton_1h8vy_387{display:flex;align-items:center}._header_1h8vy_1[data-button-style=soft] ._actions_1h8vy_325{gap:var(--ds-size-2)}._header_1h8vy_1[data-button-style=soft] ._searchButtonWrapper_1h8vy_378 .ds-button,._header_1h8vy_1[data-button-style=soft] ._menuButton_1h8vy_387{--dsc-button-padding: 0 var(--ds-size-4);height:var(--ds-size-12)}._header_1h8vy_1[data-button-style=soft] ._searchButtonWrapper_1h8vy_378 ._buttonText_1h8vy_382,._header_1h8vy_1[data-button-style=soft] ._menuButton_1h8vy_387 ._buttonText_1h8vy_382{margin-left:0}._menuOverlay_1h8vy_410{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;animation:_slideDown_1h8vy_1 .2s ease-out}._searchOverlay_1h8vy_41{position:absolute;top:100%;left:0;width:100%;background-color:var(--ds-color-neutral-background-default);border-bottom:1px solid var(--ds-color-neutral-border-subtle);box-shadow:var(--ds-shadow-lg);padding:var(--ds-size-10) 0;z-index:999;animation:_slideDown_1h8vy_1 .2s ease-out}._searchOverlay_1h8vy_41:before{display:none}@keyframes _slideDown_1h8vy_1{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}._searchContent_1h8vy_444{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}._menuContent_1h8vy_454{max-width:1364px;margin:0 auto;display:flex;flex-direction:row;align-items:stretch;box-sizing:border-box}._menuLeftColumn_1h8vy_463{width:calc(217px + var(--ds-size-6));flex-shrink:0;display:flex}._menuRightColumn_1h8vy_469{flex:1;display:flex;flex-direction:column;padding:48px 24px 80px;gap:24px}._menuThemeToggleWrapper_1h8vy_477{display:flex;justify-content:flex-end;width:100%}._slotContent_1h8vy_483{width:100%;padding:var(--ds-size-10) 0;text-align:left;color:var(--ds-color-neutral-text-subtle);font-size:var(--ds-font-size-md);border-radius:var(--ds-border-radius-md);display:flex;flex-direction:column;gap:var(--ds-size-4);align-items:flex-start}._navList_1h8vy_496{display:flex;flex-direction:column;gap:var(--ds-size-3);align-items:flex-start}._menuUtilities_1h8vy_503{display:flex;justify-content:space-between;align-items:center;width:100%}._menuBrand_1h8vy_510{display:none}._suggestionsSection_1h8vy_514{display:flex;flex-direction:column;gap:var(--ds-size-4)}._suggestionsTitle_1h8vy_520{font-family:inherit;font-size:var(--ds-font-size-md);color:var(--ds-color-neutral-text-subtle);font-weight:var(--ds-font-weight-regular);margin:0;letter-spacing:.09px}._searchResults_1h8vy_529{margin-top:var(--ds-size-4);max-height:400px;overflow-y:auto}._resultList_1h8vy_535{list-style:none;padding:0;margin:0}._resultItem_1h8vy_541{border-bottom:none}._resultItem_1h8vy_541:last-child{border-bottom:none}._resultLink_1h8vy_549{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}._resultLink_1h8vy_549 ._suggestionIcon_1h8vy_563{order:-1}._suggestionIcon_1h8vy_563{font-size:20px;color:var(--ds-color-neutral-text-subtle);display:flex;align-items:center;justify-content:center;flex-shrink:0}._suggestionText_1h8vy_576{font-family:inherit;font-size:var(--ds-font-size-md);color:var(--ds-color-neutral-text-default);line-height:1.5}._highlightedText_1h8vy_583{color:var(--ds-color-primary-color-red-text-default);font-weight:var(--ds-font-weight-medium)}._remainingText_1h8vy_588{color:var(--ds-color-neutral-border-subtle)}._resultLink_1h8vy_549:hover ._suggestionText_1h8vy_576{text-decoration:underline}._resultLink_1h8vy_549:hover,._resultLink_1h8vy_549:focus{background:none;outline:none}._viewAllLink_1h8vy_601{display:block;padding:var(--ds-size-3);text-align:left;font-size:var(--ds-font-size-sm);font-weight:var(--ds-font-weight-medium);color:var(--ds-color-neutral-text-default);text-decoration:none;transition:background-color .2s}._viewAllLink_1h8vy_601:hover{background-color:var(--ds-color-neutral-background-hover)}._resultTitle_1h8vy_616{font-weight:var(--ds-font-weight-medium);font-size:var(--ds-font-size-md);color:var(--ds-color-neutral-text-default)}._resultCategory_1h8vy_622{font-size:var(--ds-font-size-sm);color:var(--ds-color-neutral-text-subtle);margin-bottom:var(--ds-size-1);text-transform:uppercase;letter-spacing:.05em}._resultDescription_1h8vy_630{font-size:var(--ds-font-size-sm);color:var(--ds-color-neutral-text-subtle);margin-top:var(--ds-size-1)}._noResults_1h8vy_636{padding:var(--ds-size-4);text-align:center;color:var(--ds-color-neutral-text-subtle)}@media(min-width:768px){._headerInner_1h8vy_199{padding:0 var(--ds-size-6)}}@media(max-width:850px){._header_1h8vy_1{z-index:10000;position:relative}._headerExtension_1h8vy_46{display:none}._headerInner_1h8vy_199{padding:var(--ds-size-5) var(--ds-size-6);min-height:auto;height:auto}._navItems_1h8vy_303{display:none}._logoWrapper_1h8vy_216{gap:var(--ds-size-2);background-color:transparent}._logo_1h8vy_216{height:40px}._primaryLogo_1h8vy_299{display:none}._divider_1h8vy_274{height:24px}._secondaryLogo_1h8vy_239{height:28px}._secondaryLogoWrapper_1h8vy_239{padding:0}._actions_1h8vy_325{gap:var(--ds-size-4)}._userName_1h8vy_349,._menuButton_1h8vy_387 ._buttonText_1h8vy_382,._ctaButton_1h8vy_333 ._buttonText_1h8vy_382{display:none}._menuOverlay_1h8vy_410{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}._searchOverlay_1h8vy_41{width:100%;right:0;left:0;border-radius:0;border:none}._searchContent_1h8vy_444{padding:var(--ds-size-6)}._menuContent_1h8vy_454{flex-direction:column;padding:0;min-height:100%}._menuRightColumn_1h8vy_469{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}._slotContent_1h8vy_483{padding:0}._searchContent_1h8vy_444>*{max-width:100%}._menuBrand_1h8vy_510{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:#fff}._menuUtilities_1h8vy_503 ._languageSwitch_1h8vy_37 [popover]{background-color:var(--ds-color-neutral-background-default)!important;margin-top:0!important;position:fixed!important;overflow:visible;z-index:20000!important}._menuUtilities_1h8vy_503 ._languageSwitch_1h8vy_37 .ds-popover{background-color:var(--ds-color-neutral-background-default)!important;position:fixed!important;z-index:20000!important}@media(prefers-color-scheme:light){._menuUtilities_1h8vy_503 ._languageLabel_1h8vy_83{color:var(--ds-color-neutral-text-default, #2B2B2B)}._menuUtilities_1h8vy_503 ._languageLink_1h8vy_88{color:var(--ds-color-neutral-text-default, #2B2B2B)!important}}[data-color-scheme=light] ._menuUtilities_1h8vy_503 ._languageLabel_1h8vy_83{color:var(--ds-color-neutral-text-default, #2B2B2B)}[data-color-scheme=light] ._menuUtilities_1h8vy_503 ._languageLink_1h8vy_88{color:var(--ds-color-neutral-text-default, #2B2B2B)!important}}@media(max-width:480px){._slotText_1h8vy_266{font-size:14px}._slotComponent_1h8vy_248{padding:8px 12px}}._header_1h8vy_1[data-variant=compact]:before{display:none}._header_1h8vy_1[data-variant=compact] ._headerInner_1h8vy_199{min-height:var(--ds-size-18, 72px)}._header_1h8vy_1[data-variant=compact] ._logoWrapper_1h8vy_216{background-color:transparent;margin-left:0;padding-left:0}._footer_12vvu_1{margin-top:auto;width:100%}._mainSection_12vvu_7{background-color:var(--ds-color-neutral-background-default, #ffffff);width:100%}._footer_12vvu_1[data-color=primary] ._mainSection_12vvu_7{background-color:var(--ds-color-primary-color-red-background-tinted)}._footer_12vvu_1[data-color=additional] ._mainSection_12vvu_7{background-color:var(--ds-color-additional-color-ocean-background-tinted)}._footer_12vvu_1[data-color=neutral] ._mainSection_12vvu_7{background-color:var(--ds-color-neutral-background-tinted, #f5f5f5)}._mainContainer_12vvu_25{position:relative;width:100%;max-width:1440px;margin:0 auto;padding:var(--ds-size-30, 120px) var(--ds-size-44, 175px);box-sizing:border-box}._crossCornerTopRight_12vvu_35{display:flex;justify-content:flex-end;width:100%;margin-bottom:var(--ds-size-6, 24px)}._crossCornerBottomLeft_12vvu_42{display:flex;justify-content:flex-start;width:100%;margin-top:var(--ds-size-6, 24px)}._contentRow_12vvu_50{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}._newsletterSection_12vvu_60{display:flex;flex-direction:column;gap:var(--ds-size-8, 32px);max-width:440px}._newsletterDescription_12vvu_67{font-size:var(--ds-font-size-5, 21px);font-weight:var(--ds-font-weight-regular);line-height:1.5;letter-spacing:.105px;color:var(--ds-color-neutral-text-default, #2b2b2b);margin:0}._newsletterForm_12vvu_76{display:flex;flex-direction:column;gap:var(--ds-size-6, 24px)}._newsletterInputGroup_12vvu_82{display:flex;gap:var(--ds-size-2, 8px);align-items:flex-end}._newsletterInput_12vvu_82{flex:1;min-width:200px}._consentText_12vvu_93{font-size:var(--ds-font-size-3, 16px);font-weight:var(--ds-font-weight-regular);line-height:1.3;letter-spacing:.04px;color:var(--ds-color-neutral-text-default, #2b2b2b);margin:0}._linksSection_12vvu_103{display:flex;gap:var(--ds-size-12, 48px);flex-wrap:wrap}._linksColumn_12vvu_109{display:flex;flex-direction:column;gap:var(--ds-size-2, 8px);min-width:150px}._linksTitle_12vvu_116{font-size:var(--ds-font-size-7, 30px);font-weight:var(--ds-font-weight-regular);line-height:1.3;letter-spacing:-.075px;color:var(--ds-color-primary-color-red-text-subtle, #b42419);margin:0;text-decoration:underline;text-underline-offset:4px}._linksList_12vvu_127{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--ds-size-2, 8px)}._footerLink_12vvu_136{font-size:var(--ds-font-size-4, 18px);font-weight:var(--ds-font-weight-regular);line-height:1.5;letter-spacing:.09px;color:var(--ds-color-neutral-text-default, #2b2b2b);text-decoration:underline;text-underline-offset:2px;transition:opacity .2s ease}._footerLink_12vvu_136:hover{opacity:.8}._footerLink_12vvu_136:focus{outline:2px solid var(--ds-color-neutral-border-default, #797979);outline-offset:2px;border-radius:var(--ds-border-radius-sm)}._divider_12vvu_158{width:100%;height:1px;background-color:var(--ds-color-neutral-border-subtle, #bcbcbc);margin:var(--ds-size-6, 24px) 0}._contactSection_12vvu_166{display:flex;gap:var(--ds-size-6, 24px);align-items:flex-start;flex-wrap:wrap}._contactColumn_12vvu_173{display:flex;flex-direction:column;gap:var(--ds-size-1, 4px);flex:1;min-width:200px}._contactTitle_12vvu_181{font-size:var(--ds-font-size-3, 16px);font-weight:var(--ds-font-weight-bold);line-height:1.5;letter-spacing:.04px;color:var(--ds-color-neutral-text-default, #2b2b2b);margin:0}._contactContent_12vvu_190{font-size:var(--ds-font-size-3, 16px);font-weight:var(--ds-font-weight-regular);line-height:1.5;letter-spacing:.04px;color:var(--ds-color-neutral-text-default, #2b2b2b);margin:0}._contactContent_12vvu_190 p{margin:0}._copyrightSection_12vvu_204{display:flex;align-items:center}._copyrightText_12vvu_209{font-size:var(--ds-font-size-2, 14px);font-weight:var(--ds-font-weight-regular);line-height:1.3;letter-spacing:.021px;color:var(--ds-color-neutral-text-subtle, #5d5d5d);margin:0}._whiteSection_12vvu_219{background-color:#fff;width:100%}._whiteContainer_12vvu_224{width:100%;max-width:1440px;margin:0 auto;padding:var(--ds-size-6, 24px) var(--ds-size-44, 175px);box-sizing:border-box}._whiteContent_12vvu_232{display:flex;justify-content:space-between;align-items:center;gap:var(--ds-size-10, 40px);flex-wrap:wrap}._logo_12vvu_240{display:flex;align-items:center;justify-content:center;height:43px;flex-shrink:0}._logo_12vvu_240 img,._redCrossLogo_12vvu_254{width:169px;height:auto;display:block}._slotLarge_12vvu_260{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){._mainContainer_12vvu_25{padding:var(--ds-size-16, 64px) var(--ds-size-8, 32px)}._whiteContainer_12vvu_224{padding:var(--ds-size-6, 24px) var(--ds-size-8, 32px)}}@media(max-width:768px){._contentRow_12vvu_50{flex-direction:column}._newsletterSection_12vvu_60{max-width:100%}._linksSection_12vvu_103{width:100%}._contactSection_12vvu_166{flex-direction:column}._whiteContent_12vvu_232{flex-direction:column;align-items:flex-start}._slotLarge_12vvu_260{width:100%;max-width:none}}._contentRowContact_12vvu_315{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}._socialLinksSection_12vvu_325{display:flex;flex-direction:column;gap:var(--ds-size-4, 16px);min-width:200px}._socialLinksTitle_12vvu_332{font-size:var(--ds-font-size-7, 30px);font-weight:var(--ds-font-weight-regular);line-height:1.3;letter-spacing:-.075px;color:var(--ds-color-primary-color-red-text-subtle, #b42419);margin:0;text-decoration:underline;text-underline-offset:4px}._socialLinksList_12vvu_343{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--ds-size-2, 8px)}._socialLink_12vvu_325{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:.09px;color:var(--ds-color-neutral-text-default, #2b2b2b);text-decoration:underline;text-underline-offset:2px;transition:opacity .2s ease}._socialLink_12vvu_325:hover{opacity:.8}._socialLink_12vvu_325:focus{outline:2px solid var(--ds-color-neutral-border-default, #797979);outline-offset:2px;border-radius:var(--ds-border-radius-sm)}._socialLinkIcon_12vvu_376{display:flex;align-items:center;justify-content:center;width:24px;height:24px;flex-shrink:0}._socialLinkIcon_12vvu_376 svg{width:24px;height:24px}._contactPersonsSection_12vvu_391{display:flex;flex-direction:column;gap:var(--ds-size-4, 16px);flex:1}._contactPersonsTitle_12vvu_398{font-size:var(--ds-font-size-7, 30px);font-weight:var(--ds-font-weight-regular);line-height:1.3;letter-spacing:-.075px;color:var(--ds-color-primary-color-red-text-subtle, #b42419);margin:0;text-decoration:underline;text-underline-offset:4px}._contactPersonsGrid_12vvu_409{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--ds-size-12, 48px)}._contactPersonCard_12vvu_415{display:flex;flex-direction:column;gap:var(--ds-size-1, 4px);min-width:0}._contactPersonName_12vvu_422{font-size:var(--ds-font-size-4, 18px);font-weight:var(--ds-font-weight-bold);line-height:1.5;letter-spacing:.09px;color:var(--ds-color-neutral-text-default, #2b2b2b);margin:0}._contactPersonRole_12vvu_431{font-size:var(--ds-font-size-3, 16px);font-weight:var(--ds-font-weight-regular);line-height:1.5;letter-spacing:.04px;color:var(--ds-color-neutral-text-subtle, #5d5d5d);margin:0}._contactPersonDetails_12vvu_440{display:flex;flex-direction:column;gap:var(--ds-size-1, 4px);margin-top:var(--ds-size-2, 8px)}._contactPersonLabel_12vvu_447{font-weight:var(--ds-font-weight-regular)}._contactPersonEmail_12vvu_451,._contactPersonPhone_12vvu_452,._contactPersonAddress_12vvu_453{font-size:var(--ds-font-size-3, 16px);font-weight:var(--ds-font-weight-regular);line-height:1.5;letter-spacing:.04px;color:var(--ds-color-neutral-text-default, #2b2b2b);margin:0;word-break:break-word}._contactPersonEmail_12vvu_451 a{color:var(--ds-color-neutral-text-default, #2b2b2b);text-decoration:underline;text-underline-offset:2px}._contactPersonEmail_12vvu_451 a:hover{opacity:.8}._bottomRowContact_12vvu_474{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--ds-size-4, 16px)}._legalLinksRow_12vvu_483{display:flex;gap:var(--ds-size-6, 24px);flex-wrap:wrap;list-style:none;padding:0;margin:0}._legalLink_12vvu_483{font-size:var(--ds-font-size-3, 16px);font-weight:var(--ds-font-weight-regular);line-height:1.5;letter-spacing:.04px;color:var(--ds-color-neutral-text-default, #2b2b2b);text-decoration:underline;text-underline-offset:2px;transition:opacity .2s ease}._legalLink_12vvu_483:hover{opacity:.8}._legalLink_12vvu_483:focus{outline:2px solid var(--ds-color-neutral-border-default, #797979);outline-offset:2px;border-radius:var(--ds-border-radius-sm)}@media(max-width:1024px){._contentRowContact_12vvu_315{gap:var(--ds-size-8, 32px)}._contactPersonsGrid_12vvu_409{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--ds-size-6, 24px)}}@media(max-width:768px){._contentRowContact_12vvu_315{flex-direction:column}._socialLinksSection_12vvu_325,._contactPersonsSection_12vvu_391{width:100%}._contactPersonsGrid_12vvu_409{grid-template-columns:1fr}._contactPersonCard_12vvu_415{max-width:none}._bottomRowContact_12vvu_474{flex-direction:column;align-items:flex-start}._legalLinksRow_12vvu_483{flex-direction:column;gap:var(--ds-size-2, 8px)}}._dpMain_12vvu_558{width:100%;background-color:var(--ds-color-primary-color-red-surface-tinted);color:var(--ds-color-neutral-text-default)}._dpContainer_12vvu_567{width:100%;max-width:1440px;margin:0 auto;padding:var(--ds-size-18, 72px) var(--ds-size-30, 120px) var(--ds-size-12, 48px);box-sizing:border-box}._dpColumns_12vvu_575{display:flex;gap:var(--ds-size-30, 120px);flex-wrap:wrap}._dpColumn_12vvu_575{display:flex;flex-direction:column;gap:var(--ds-size-3, 12px);min-width:150px}._dpColTitle_12vvu_588{font-size:var(--ds-font-size-5, 21px);font-weight:var(--ds-font-weight-medium);line-height:1.3;color:var(--ds-color-neutral-text-default);margin:0 0 var(--ds-size-2, 8px)}._dpList_12vvu_596{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--ds-size-2, 8px)}._dpLink_12vvu_605{font-size:var(--ds-font-size-3, 16px);font-weight:var(--ds-font-weight-regular);line-height:1.5;color:var(--ds-color-neutral-text-default);text-decoration:underline;text-underline-offset:2px;transition:opacity .2s ease}._dpLink_12vvu_605:hover{opacity:.75}._dpDivider_12vvu_619{width:100%;height:1px;background-color:var(--ds-color-primary-color-red-border-subtle);margin:var(--ds-size-10, 40px) 0;border:0}._dpMeta_12vvu_627{display:flex;gap:var(--ds-size-12, 48px);flex-wrap:wrap}._dpMetaCol_12vvu_633{display:flex;flex-direction:column;gap:var(--ds-size-1, 4px);flex:1;min-width:180px}._dpMetaTitle_12vvu_641{font-size:var(--ds-font-size-3, 16px);font-weight:var(--ds-font-weight-bold);line-height:1.5;color:var(--ds-color-neutral-text-default);margin:0}._dpMetaText_12vvu_649{font-size:var(--ds-font-size-3, 16px);font-weight:var(--ds-font-weight-regular);line-height:1.5;color:var(--ds-color-neutral-text-default);margin:0}._dpBottom_12vvu_657{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--ds-size-4, 16px)}._dpLegal_12vvu_665{display:flex;gap:var(--ds-size-6, 24px);flex-wrap:wrap;list-style:none;padding:0;margin:0}._dpLegalLink_12vvu_674{font-size:var(--ds-font-size-3, 16px);color:var(--ds-color-neutral-text-default);text-decoration:underline;text-underline-offset:2px;transition:opacity .2s ease}._dpLegalLink_12vvu_674:hover{opacity:.75}._dpCopyright_12vvu_686{font-size:var(--ds-font-size-2, 14px);color:var(--ds-color-neutral-text-subtle);margin:0}._dpLogoBox_12vvu_694{display:flex;width:fit-content;align-items:center;justify-content:center;margin-top:var(--ds-size-16, 64px);padding:var(--ds-size-1, 4px) var(--ds-size-2, 8px);background-color:var(--ds-color-neutral-background-default);border-radius:var(--ds-border-radius-sm, 4px)}._dpLogoBox_12vvu_694 ._redCrossLogo_12vvu_254{width:150px}._dpLogoImg_12vvu_710{display:block;width:180px;height:auto;margin-top:var(--ds-size-16, 64px)}@media(max-width:1024px){._dpContainer_12vvu_567{padding:var(--ds-size-12, 48px) var(--ds-size-8, 32px)}._dpColumns_12vvu_575{gap:var(--ds-size-16, 64px)}}@media(max-width:768px){._dpColumns_12vvu_575{gap:var(--ds-size-10, 40px)}._dpMeta_12vvu_627{flex-direction:column}._dpBottom_12vvu_657{flex-direction:column;align-items:flex-start}}@media(max-width:480px){._mainContainer_12vvu_25{padding:var(--ds-size-10, 40px) var(--ds-size-4, 16px)}._whiteContainer_12vvu_224{padding:var(--ds-size-4) var(--ds-size-4)}._linksTitle_12vvu_116,._socialLinksTitle_12vvu_332{font-size:var(--ds-font-size-5, 21px)}._linksColumn_12vvu_109,._contactColumn_12vvu_173{min-width:0}._logo_12vvu_240 img,._redCrossLogo_12vvu_254{width:130px}._newsletterInputGroup_12vvu_82{flex-direction:column}}._donor_1hxqz_1{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)}._tabsWrapper_1hxqz_14{width:100%;overflow:hidden;border-radius:4px}._tabsWrapper_1hxqz_14 [role=tablist]{display:flex!important;width:100%!important}._tabsWrapper_1hxqz_14 [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}._content_1hxqz_35{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}._amountSection_1hxqz_47{display:flex;flex-direction:column;gap:var(--ds-size-2, 8px);align-items:flex-start;width:296px}._amountLabel_1hxqz_55{font-weight:var(--ds-font-weight-regular, 400);font-size:var(--ds-font-size-3, 16px);line-height:1.5;letter-spacing:.04px;color:var(--ds-color-neutral-text-default, #333333);margin:0}._amountButtons_1hxqz_64{display:flex;gap:var(--ds-size-2, 8px);align-items:flex-start;width:100%}._amountButtons_1hxqz_64>button{flex:1}._customAmountField_1hxqz_75{width:100%}._impactRow_1hxqz_80{display:flex;gap:var(--ds-size-3, 12px);align-items:center;width:296px;min-height:48px}._heartIcon_1hxqz_88{width:32px;height:32px;flex-shrink:0;display:flex;align-items:center;justify-content:center}._heartIcon_1hxqz_88 svg{width:19px;height:18px}._impactText_1hxqz_102{flex:1;font-weight:var(--ds-font-weight-regular, 400);font-size:var(--ds-font-size-3, 16px);line-height:1.5;letter-spacing:.04px;color:var(--ds-color-neutral-text-default, #333333);margin:0}._impactAmount_1hxqz_112{font-weight:var(--ds-font-weight-semibold, 600)}._actionsSection_1hxqz_117{display:flex;flex-direction:column;gap:var(--ds-size-2, 8px);align-items:center;justify-content:center;width:296px}._vippsButton_1hxqz_127{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 .15s ease;font-family:inherit}._vippsButton_1hxqz_127:hover{opacity:.9}._vippsButton_1hxqz_127:active{opacity:.8}._vippsButton_1hxqz_127:focus-visible{outline:2px solid var(--ds-color-neutral-border-default, #797979);outline-offset:2px}._vippsButtonLabel_1hxqz_157{font-family:inherit;font-weight:700;font-size:18.5px;line-height:1;color:#fff;white-space:nowrap}._vippsLogo_1hxqz_166{display:flex;flex-direction:column;align-items:flex-start;flex-shrink:0}._vippsLogo_1hxqz_166 svg{width:64px;height:16px}._avtalegiroLink_1hxqz_179{text-align:center}._tabHeartIcon_1hxqz_184{display:inline-flex;align-items:center;margin-right:4px;vertical-align:middle}._tabHeartIcon_1hxqz_184 svg{width:16px;height:15px}@media(max-width:480px){._donor_1hxqz_1{max-width:100%}._amountSection_1hxqz_47,._impactRow_1hxqz_80,._actionsSection_1hxqz_117{width:100%}._vippsButton_1hxqz_127{width:100%;max-width:300px}}
+._calendarContainer_1ukqo_1{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}._calendarHeader_1ukqo_16{display:flex;justify-content:space-between;align-items:center;align-self:stretch}._monthYear_1ukqo_23{color:var(--ds-color-text-default, #2b2b2b);font-family:var(--ds-font-family, "Myriad VF", sans-serif);font-size:var(--ds-heading-sm-font-size, 1.5rem);font-style:normal;font-weight:var(--ds-heading-sm-font-weight, 500);line-height:var(--ds-heading-sm-line-height, 1.3);letter-spacing:var(--ds-heading-sm-letter-spacing, 0%);margin:0}._navigationButtons_1ukqo_34{display:flex;gap:var(--ds-size-1, 4px)}._navigationButtons_1ukqo_34>button:disabled svg{opacity:var(--ds-opacity-disabled, .3)}._gridWrapper_1ukqo_43{width:100%;overflow:hidden}._gridRow_1ukqo_48{display:grid;grid-template-columns:repeat(7,1fr);width:100%;text-align:center}._dayNameCell_1ukqo_55{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, "Myriad VF", sans-serif);font-size:var(--ds-body-xs-font-size, 14px);font-style:normal;font-weight:var(--ds-font-weight-semibold, 600);line-height:var(--ds-body-short-xs-line-height, 1.3);letter-spacing:var(--ds-body-xs-letter-spacing, .021px);box-sizing:border-box;min-width:0}._dateCell_1ukqo_73{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:-.5px;font-family:var(--ds-font-family, "Myriad VF", sans-serif);color:var(--ds-color-text-default, #2b2b2b);text-align:center;font-size:var(--ds-body-xs-font-size, 14px);font-style:normal;font-weight:var(--ds-body-xs-font-weight, 400);line-height:var(--ds-body-short-xs-line-height, 1.3);letter-spacing:var(--ds-body-xs-letter-spacing, .021px);font-feature-settings:"tnum" 1;-webkit-font-feature-settings:"tnum" 1;-moz-font-feature-settings:"tnum" 1;cursor:pointer;transition:background-color .15s ease-in-out,border-color .15s ease-in-out;-webkit-user-select:none;user-select:none;min-width:0}._dateCell_1ukqo_73: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}._dateNumberContainer_1ukqo_106{display:flex;justify-content:center;align-items:center;width:24px;height:24px;border-radius:50%;transition:color .15s ease-in-out,font-weight .15s ease-in-out;line-height:1;box-sizing:border-box;background-color:transparent}._dateCell_1ukqo_73:hover:not(._otherMonth_1ukqo_119):not(._disabled_1ukqo_119){background-color:var(--ds-color-surface-hover, #eee);position:relative;z-index:1}._dateCell_1ukqo_73:hover:not(._otherMonth_1ukqo_119):not(._disabled_1ukqo_119) ._dateNumberContainer_1ukqo_106{background-color:transparent}._otherMonth_1ukqo_119{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:-.5px}._otherMonth_1ukqo_119 ._dateNumberContainer_1ukqo_106{color:var(--ds-color-text-subtle, #aaa);background-color:transparent;box-shadow:none}._selectedDate_1ukqo_145{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}._selectedDate_1ukqo_145 ._dateNumberContainer_1ukqo_106{color:var(--ds-color-base-contrast-default, #fff);font-weight:var(--ds-font-weight-semibold, 600);background-color:transparent;box-shadow:none}@media(max-width:480px){._calendarContainer_1ukqo_1{padding:var(--ds-size-4, 16px);gap:var(--ds-size-2, 8px);width:100%}._monthYear_1ukqo_23{font-size:var(--ds-heading-xs-font-size, 1.125rem)}._dayNameCell_1ukqo_55{padding:var(--ds-size-1, 4px);font-size:var(--ds-font-size-1, 12px)}._dateCell_1ukqo_73{padding:var(--ds-size-2, 8px);font-size:var(--ds-font-size-1, 12px)}._dateNumberContainer_1ukqo_106{width:20px;height:20px}}@media(max-width:360px){._calendarContainer_1ukqo_1{padding:var(--ds-size-2, 8px)}._dayNameCell_1ukqo_55{padding:2px;font-size:10px}._dateCell_1ukqo_73{padding:var(--ds-size-1, 4px);font-size:11px}._dateNumberContainer_1ukqo_106{width:16px;height:16px}}._fieldset_1d1ez_2{margin-bottom:var(--ds-size-4, 16px)}._fieldset_1d1ez_2 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)}._description_1d1ez_14{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)}._error_1d1ez_21{font-size:var(--ds-font-size-2, 14px);color:var(--ds-color-danger-text-default, #c30000);margin-top:var(--ds-size-1, 4px)}._inputWrapper_1d1ez_30{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 .1s ease-out,outline .1s ease-out}._inputWrapperError_1d1ez_42{border-color:var(--ds-color-danger-border-default, #c30000)}._inputWrapper_1d1ez_30:focus-within{outline:var(--ds-border-width-focus, 3px) solid var(--ds-color-focus-outer, #2B2B2B);outline-offset:var(--ds-border-width-focus, 2px)}._inputWrapper_1d1ez_30 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;-moz-appearance:none;appearance:none;-webkit-appearance:none}._inputWrapper_1d1ez_30 input:disabled{opacity:var(--ds-opacity-disabled, .5);cursor:not-allowed;background-color:var(--ds-color-neutral-surface-tinted, #f0f0f0);color:var(--ds-color-neutral-text-subtle, #5d5d5d)}._suffixButton_1d1ez_80{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 .15s ease-out,border-color .15s ease-out,color .15s ease-out;position:relative;z-index:0}._suffixButtonInteractive_1d1ez_100{cursor:pointer}._suffixButtonInteractive_1d1ez_100:hover:not(:disabled){color:var(--ds-color-text-default, #2b2b2b);background-color:var(--ds-color-surface-hover, #dadada)}._suffixButton_1d1ez_80:disabled{opacity:var(--ds-opacity-disabled, .3);cursor:not-allowed;background-color:var(--ds-color-neutral-surface-tinted, #e8e8e8);border-left-color:var(--ds-color-neutral-border-default, #797979)}._carouselContainer_oit30_1{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%}._viewport_oit30_14{overflow:hidden;width:100%;height:100%}._slides_oit30_20{display:flex;height:100%;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none}._slide_oit30_20{position:relative;min-width:0;height:100%;display:flex;align-items:center;justify-content:center;box-sizing:border-box}._slideInner_oit30_40{position:relative;width:100%;height:100%;background-color:var(--ds-color-neutral-surface-tinted, #f5f5f5);overflow:hidden}._loaderOverlay_oit30_48{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background-color:#0000000d;z-index:2}._image_oit30_58{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .3s ease-in-out;z-index:1}._image_oit30_58._loaded_oit30_69{opacity:1}._loading_oit30_73{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)}._empty_oit30_81{color:var(--ds-color-text-subtle, #5d5d5d);font-size:var(--ds-font-size-2, 14px);text-align:center}._controls_oit30_87{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;pointer-events:none;z-index:10}._arrows_oit30_97{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}._dots_oit30_107{position:absolute;left:50%;transform:translate(-50%);bottom:var(--ds-size-3, 12px);display:inline-flex;align-items:center;gap:var(--ds-size-2, 8px);pointer-events:auto;background-color:#ffffff1a;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:var(--ds-size-1, 4px) var(--ds-size-2, 8px);border-radius:999px}._playPause_oit30_122{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:#ffffffd9;color:var(--ds-color-neutral-text-default, #2b2b2b);padding:0;margin:0;cursor:pointer}._playPause_oit30_122:hover{background-color:#fff}._dot_oit30_107{width:12px;height:12px;border-radius:999px;border:var(--ds-border-width-default, 1px) solid var(--ds-color-border-subtle, #d6d6d6);background-color:#fff9;padding:0;margin:0;cursor:pointer;transition:all .2s ease}._dotActive_oit30_153{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){._carouselContainer_oit30_1{height:auto;min-height:150px;aspect-ratio:16 / 9}._viewport_oit30_14{aspect-ratio:16 / 9;height:auto}._slides_oit30_20,._slide_oit30_20{height:auto;min-height:150px}._slideInner_oit30_40{aspect-ratio:16 / 9;height:auto}._arrows_oit30_97{padding:0 var(--ds-size-2, 8px)}._dots_oit30_107{bottom:var(--ds-size-2, 8px);gap:var(--ds-size-1, 4px)}._dot_oit30_107{width:10px;height:10px}}@media(max-width:400px){._carouselContainer_oit30_1{min-height:120px}._arrows_oit30_97{padding:0 var(--ds-size-1, 4px)}._arrows_oit30_97 button{transform:scale(.85)}}._graphicElement_134cx_1{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)}._shape_134cx_12{fill:var(--graphic-element-color)}._graphicElement_134cx_1[data-variant=outline]{overflow:visible}._graphicElement_134cx_1[data-variant=outline] ._shape_134cx_12{fill:none;stroke:var(--graphic-element-color);stroke-width:2px}._faceFront_134cx_28{fill:var(--graphic-element-face-front)}._faceTop_134cx_32{fill:var(--graphic-element-face-top)}._faceRight_134cx_36{fill:var(--graphic-element-color)}._header_4177j_1{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}.ds-popover,.ds-dropdown{z-index:20000!important}._header_4177j_1:before{content:"";position:absolute;left:0;top:44px;width:max(241px,calc((100vw - 1364px)/2 + 242px));height:119px;background-color:#fff;z-index:0;pointer-events:none}@media(max-width:850px){._header_4177j_1:before{display:none}._languageSwitch_4177j_37 [popover]:before{display:none}._searchOverlay_4177j_41:before{display:none}}._headerExtension_4177j_46{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:#fff;position:relative;overflow:visible;z-index:20}._header_4177j_1[data-color=primary] ._headerExtension_4177j_46{background-color:var(--ds-color-primary-color-red-base-default);color:#fff}._header_4177j_1[data-color=neutral] ._headerExtension_4177j_46{background-color:var(--ds-color-neutral-base-default);color:var(--ds-color-neutral-text-default)}._headerExtensionTinted_4177j_75,._headerExtension_4177j_46[data-extension-color=tinted]{background:var(--ds-color-primary-color-red-surface-tinted, #FAE4E2)!important;color:var(--ds-color-neutral-text-default, #2b2b2b)}._header_4177j_1 ._headerExtensionTinted_4177j_75 ._languageLabel_4177j_83,._header_4177j_1 ._headerExtension_4177j_46[data-extension-color=tinted] ._languageLabel_4177j_83,._header_4177j_1 ._headerExtensionTinted_4177j_75 ._languageLink_4177j_88,._header_4177j_1 ._headerExtension_4177j_46[data-extension-color=tinted] ._languageLink_4177j_88,._header_4177j_1 ._headerExtensionTinted_4177j_75 ._extensionContent_4177j_93 .ds-label,._header_4177j_1 ._headerExtension_4177j_46[data-extension-color=tinted] ._extensionContent_4177j_93 .ds-label{color:var(--ds-color-neutral-text-default, #2B2B2B)!important}._header_4177j_1 ._headerExtensionTinted_4177j_75 ._extensionDivider_4177j_98,._header_4177j_1 ._headerExtension_4177j_46[data-extension-color=tinted] ._extensionDivider_4177j_98{background-color:var(--ds-color-neutral-border-subtle, #bcbcbc)}._extensionContentWrapper_4177j_103{width:100%;max-width:1364px;display:flex;justify-content:flex-end;align-items:center;gap:var(--ds-size-4)}._extensionContent_4177j_93 .ds-label{font-size:var(--ds-font-size-3)!important}._header_4177j_1[data-color=primary] ._extensionContent_4177j_93 .ds-label{color:#fff!important}._header_4177j_1[data-color=neutral] ._extensionContent_4177j_93 .ds-label{color:var(--ds-color-neutral-text-default)!important}._extensionDivider_4177j_98{width:1px;height:18px;background-color:#f7e9e8}._header_4177j_1[data-color=primary] ._extensionDivider_4177j_98{background-color:#f7e9e8}._header_4177j_1[data-color=neutral] ._extensionDivider_4177j_98{background-color:var(--ds-color-neutral-border-subtle)}._languageSwitch_4177j_37{display:flex;align-items:center;gap:var(--ds-size-2);position:relative;z-index:1}._languageLabel_4177j_83{font-size:var(--ds-font-size-3);color:#ececec}._header_4177j_1[data-color=primary] ._languageLabel_4177j_83{color:#ececec}._header_4177j_1[data-color=neutral] ._languageLabel_4177j_83{color:var(--ds-color-neutral-text-default)}._languageLink_4177j_88{color:#fff!important;text-decoration:none;display:flex;align-items:center;gap:4px;position:relative}._header_4177j_1[data-color=primary] ._languageLink_4177j_88{color:#fff!important}._header_4177j_1[data-color=neutral] ._languageLink_4177j_88{color:var(--ds-color-neutral-text-default)!important}._languageSwitch_4177j_37 [popover]{margin-top:0!important;background-color:var(--ds-color-neutral-background-default)!important;position:fixed!important;overflow:visible;z-index:20000!important}._languageSwitch_4177j_37 .ds-popover{background-color:var(--ds-color-neutral-background-default)!important;position:fixed!important;z-index:20000!important}._headerInner_4177j_199{display:flex;align-items:center;justify-content:space-between;height:auto;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);position:relative;z-index:10}._logoWrapper_4177j_216{display:flex;align-items:center;height:119px;flex-shrink:0;background-color:#fff;margin-left:calc(-1 * var(--ds-size-6));padding-left:var(--ds-size-6);position:relative}._logo_4177j_216{display:flex;align-items:center;justify-content:center;width:217px;height:100%;text-decoration:none;color:inherit;flex-shrink:0}._secondaryLogoWrapper_4177j_239{display:flex;align-items:center;justify-content:center;height:100%;padding:0 var(--ds-size-6);background-color:var(--ds-color-neutral-background-default)}._slotComponent_4177j_248{background-color:var(--ds-color-neutral-surface-default);border:2px dashed var(--ds-color-neutral-border-default);border-radius:var(--ds-border-radius-lg);display:flex;align-items:center;justify-content:center;padding:12px 24px}._slotContainer_4177j_258{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px}._slotText_4177j_266{font-family:inherit;font-size:18px;color:var(--ds-color-neutral-text-default);line-height:1.3;margin:0}._divider_4177j_274{width:1px;height:40px;background-color:var(--ds-color-neutral-border-subtle);display:none}._secondaryLogo_4177j_239{height:24px;width:auto;display:block}._logo_4177j_216 img,._redCrossLogo_4177j_293{width:169px;height:auto;display:block}._primaryLogo_4177j_299{display:flex}._navItems_4177j_303{display:flex;gap:40px;align-items:center;margin-left:24px;flex-grow:1;justify-content:center}._navLink_4177j_312{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:.09px}._navLink_4177j_312:hover{text-decoration:underline}._actions_4177j_325{display:flex;align-items:center;gap:var(--ds-size-6);flex-shrink:0;margin-left:auto}._ctaButton_4177j_333,._themeToggle_4177j_338{display:flex;align-items:center}._userInfo_4177j_343{display:flex;align-items:center;gap:var(--ds-size-3)}._userName_4177j_349{display:block;font-family:inherit;font-size:var(--ds-font-size-3);color:var(--ds-color-neutral-text-default)}._loginLink_4177j_356{display:flex;flex-direction:column;align-items:center;text-decoration:none;color:var(--ds-color-primary-color-red-text-subtle);gap:2px}._loginText_4177j_365{font-family:inherit;font-size:var(--ds-font-size-3);font-weight:var(--ds-font-weight-regular);line-height:1.5}._underline_4177j_372{width:100%;height:1px;background-color:var(--ds-color-primary-color-red-border-strong)}._searchButtonWrapper_4177j_378{display:flex}._buttonText_4177j_382{display:inline-block;margin-left:var(--ds-size-2)}._menuButton_4177j_387{display:flex;align-items:center}._menuOverlay_4177j_392{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;animation:_slideDown_4177j_1 .2s ease-out}._searchOverlay_4177j_41{position:absolute;top:100%;left:0;width:100%;background-color:var(--ds-color-neutral-background-default);border-bottom:1px solid var(--ds-color-neutral-border-subtle);box-shadow:var(--ds-shadow-lg);padding:var(--ds-size-10) 0;z-index:999;animation:_slideDown_4177j_1 .2s ease-out}._searchOverlay_4177j_41:before{display:none}@keyframes _slideDown_4177j_1{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}._searchContent_4177j_426{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}._menuContent_4177j_436{max-width:1364px;margin:0 auto;display:flex;flex-direction:row;align-items:stretch;box-sizing:border-box}._menuLeftColumn_4177j_445{width:calc(217px + var(--ds-size-6));flex-shrink:0;display:flex}._menuRightColumn_4177j_451{flex:1;display:flex;flex-direction:column;padding:48px 24px 80px;gap:24px}._menuThemeToggleWrapper_4177j_459{display:flex;justify-content:flex-end;width:100%}._slotContent_4177j_465{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}._navList_4177j_478{display:flex;flex-direction:column;gap:var(--ds-size-3);align-items:flex-start}._menuUtilities_4177j_485{display:flex;justify-content:space-between;align-items:center;width:100%}._menuBrand_4177j_492{display:none}._suggestionsSection_4177j_496{display:flex;flex-direction:column;gap:var(--ds-size-4)}._suggestionsTitle_4177j_502{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:.09px}._searchResults_4177j_511{margin-top:var(--ds-size-4);max-height:400px;overflow-y:auto}._resultList_4177j_517{list-style:none;padding:0;margin:0}._resultItem_4177j_523{border-bottom:none}._resultItem_4177j_523:last-child{border-bottom:none}._resultLink_4177j_531{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}._resultLink_4177j_531 ._suggestionIcon_4177j_545{order:-1}._suggestionIcon_4177j_545{font-size:20px;color:var(--ds-color-neutral-text-subtle);display:flex;align-items:center;justify-content:center;flex-shrink:0}._suggestionText_4177j_558{font-family:inherit;font-size:var(--ds-font-size-3);color:var(--ds-color-neutral-text-default);line-height:1.5}._highlightedText_4177j_565{color:var(--ds-color-primary-color-red-text-default);font-weight:var(--ds-font-weight-medium)}._remainingText_4177j_570{color:var(--ds-color-neutral-border-subtle)}._resultLink_4177j_531:hover ._suggestionText_4177j_558{text-decoration:underline}._resultLink_4177j_531:hover,._resultLink_4177j_531:focus{background:none;outline:none}._viewAllLink_4177j_583{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;transition:background-color .2s}._viewAllLink_4177j_583:hover{background-color:var(--ds-color-neutral-surface-hover)}._resultTitle_4177j_598{font-weight:var(--ds-font-weight-medium);font-size:var(--ds-font-size-3);color:var(--ds-color-neutral-text-default)}._resultCategory_4177j_604{font-size:var(--ds-font-size-2);color:var(--ds-color-neutral-text-subtle);margin-bottom:var(--ds-size-1);text-transform:uppercase;letter-spacing:.05em}._resultDescription_4177j_612{font-size:var(--ds-font-size-2);color:var(--ds-color-neutral-text-subtle);margin-top:var(--ds-size-1)}._noResults_4177j_618{padding:var(--ds-size-4);text-align:center;color:var(--ds-color-neutral-text-subtle)}@media(min-width:768px){._headerInner_4177j_199{padding:0 var(--ds-size-6)}}@media(max-width:850px){._header_4177j_1{z-index:10000;position:relative}._headerExtension_4177j_46{display:none}._headerInner_4177j_199{padding:var(--ds-size-5) var(--ds-size-6);min-height:auto;height:auto}._navItems_4177j_303{display:none}._logoWrapper_4177j_216{gap:var(--ds-size-2);background-color:transparent}._logo_4177j_216{height:40px}._primaryLogo_4177j_299{display:none}._divider_4177j_274{height:24px}._secondaryLogo_4177j_239{height:28px}._secondaryLogoWrapper_4177j_239{padding:0}._actions_4177j_325{gap:var(--ds-size-4)}._userName_4177j_349,._menuButton_4177j_387 ._buttonText_4177j_382,._ctaButton_4177j_333 ._buttonText_4177j_382{display:none}._menuOverlay_4177j_392{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}._searchOverlay_4177j_41{width:100%;right:0;left:0;border-radius:0;border:none}._searchContent_4177j_426{padding:var(--ds-size-6)}._menuContent_4177j_436{flex-direction:column;padding:0;min-height:100%}._menuRightColumn_4177j_451{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}._slotContent_4177j_465{padding:0}._searchContent_4177j_426>*{max-width:100%}._menuBrand_4177j_492{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:#fff}._menuUtilities_4177j_485 ._languageSwitch_4177j_37 [popover]{background-color:var(--ds-color-neutral-background-default)!important;margin-top:0!important;position:fixed!important;overflow:visible;z-index:20000!important}._menuUtilities_4177j_485 ._languageSwitch_4177j_37 .ds-popover{background-color:var(--ds-color-neutral-background-default)!important;position:fixed!important;z-index:20000!important}@media(prefers-color-scheme:light){._menuUtilities_4177j_485 ._languageLabel_4177j_83{color:var(--ds-color-neutral-text-default, #2B2B2B)}._menuUtilities_4177j_485 ._languageLink_4177j_88{color:var(--ds-color-neutral-text-default, #2B2B2B)!important}}[data-color-scheme=light] ._menuUtilities_4177j_485 ._languageLabel_4177j_83{color:var(--ds-color-neutral-text-default, #2B2B2B)}[data-color-scheme=light] ._menuUtilities_4177j_485 ._languageLink_4177j_88{color:var(--ds-color-neutral-text-default, #2B2B2B)!important}}@media(max-width:480px){._slotText_4177j_266{font-size:14px}._slotComponent_4177j_248{padding:8px 12px}}._header_4177j_1[data-variant=compact]:before{display:none}._header_4177j_1[data-variant=compact] ._headerInner_4177j_199{min-height:var(--ds-size-18, 72px)}._header_4177j_1[data-variant=compact] ._logoWrapper_4177j_216{background-color:transparent;margin-left:0;padding-left:0}._footer_61pj1_1{margin-top:auto;width:100%}._mainSection_61pj1_7{background-color:var(--ds-color-neutral-background-default, #ffffff);width:100%}._footer_61pj1_1[data-color=primary] ._mainSection_61pj1_7{background-color:var(--ds-color-primary-color-red-background-tinted)}._footer_61pj1_1[data-color=additional] ._mainSection_61pj1_7{background-color:var(--ds-color-additional-color-ocean-background-tinted)}._footer_61pj1_1[data-color=neutral] ._mainSection_61pj1_7{background-color:var(--ds-color-neutral-background-tinted, #f5f5f5)}._mainContainer_61pj1_25{position:relative;width:100%;max-width:1440px;margin:0 auto;padding:var(--ds-size-30, 120px) 175px;box-sizing:border-box}._graphicElementTopRight_61pj1_35{display:flex;justify-content:flex-end;width:100%;margin-bottom:var(--ds-size-6, 24px)}._graphicElementBottomLeft_61pj1_42{display:flex;justify-content:flex-start;width:100%;margin-top:var(--ds-size-6, 24px)}._contentRow_61pj1_50{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}._newsletterSection_61pj1_60{display:flex;flex-direction:column;gap:var(--ds-size-8, 32px);max-width:440px}._newsletterDescription_61pj1_67{font-size:var(--ds-font-size-5, 21px);font-weight:var(--ds-font-weight-regular);line-height:1.5;letter-spacing:.105px;color:var(--ds-color-neutral-text-default, #2b2b2b);margin:0}._newsletterForm_61pj1_76{display:flex;flex-direction:column;gap:var(--ds-size-6, 24px)}._newsletterInputGroup_61pj1_82{display:flex;gap:var(--ds-size-2, 8px);align-items:flex-end}._newsletterInput_61pj1_82{flex:1;min-width:200px}._consentText_61pj1_93{font-size:var(--ds-font-size-3, 16px);font-weight:var(--ds-font-weight-regular);line-height:1.3;letter-spacing:.04px;color:var(--ds-color-neutral-text-default, #2b2b2b);margin:0}._linksSection_61pj1_103{display:flex;gap:var(--ds-size-12, 48px);flex-wrap:wrap}._linksColumn_61pj1_109{display:flex;flex-direction:column;gap:var(--ds-size-2, 8px);min-width:150px}._linksTitle_61pj1_116{font-size:var(--ds-font-size-7, 30px);font-weight:var(--ds-font-weight-regular);line-height:1.3;letter-spacing:-.075px;color:var(--ds-color-primary-color-red-text-subtle, #b42419);margin:0;text-decoration:underline;text-underline-offset:4px}._linksList_61pj1_127{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--ds-size-2, 8px)}._footerLink_61pj1_136{font-size:var(--ds-font-size-4, 18px);font-weight:var(--ds-font-weight-regular);line-height:1.5;letter-spacing:.09px;color:var(--ds-color-neutral-text-default, #2b2b2b);text-decoration:underline;text-underline-offset:2px;transition:opacity .2s ease}._footerLink_61pj1_136:hover{opacity:.8}._footerLink_61pj1_136:focus{outline:2px solid var(--ds-color-neutral-border-default, #797979);outline-offset:2px;border-radius:var(--ds-border-radius-sm)}._divider_61pj1_158{width:100%;height:1px;background-color:var(--ds-color-neutral-border-subtle, #bcbcbc);margin:var(--ds-size-6, 24px) 0}._contactSection_61pj1_166{display:flex;gap:var(--ds-size-6, 24px);align-items:flex-start;flex-wrap:wrap}._contactColumn_61pj1_173{display:flex;flex-direction:column;gap:var(--ds-size-1, 4px);flex:1;min-width:200px}._contactTitle_61pj1_181{font-size:var(--ds-font-size-3, 16px);font-weight:var(--ds-font-weight-semibold);line-height:1.5;letter-spacing:.04px;color:var(--ds-color-neutral-text-default, #2b2b2b);margin:0}._contactContent_61pj1_190{font-size:var(--ds-font-size-3, 16px);font-weight:var(--ds-font-weight-regular);line-height:1.5;letter-spacing:.04px;color:var(--ds-color-neutral-text-default, #2b2b2b);margin:0}._contactContent_61pj1_190 p{margin:0}._copyrightSection_61pj1_204{display:flex;align-items:center}._copyrightText_61pj1_209{font-size:var(--ds-font-size-2, 14px);font-weight:var(--ds-font-weight-regular);line-height:1.3;letter-spacing:.021px;color:var(--ds-color-neutral-text-subtle, #5d5d5d);margin:0}._whiteSection_61pj1_219{background-color:#fff;width:100%}._whiteContainer_61pj1_224{width:100%;max-width:1440px;margin:0 auto;padding:var(--ds-size-6, 24px) 175px;box-sizing:border-box}._whiteContent_61pj1_232{display:flex;justify-content:space-between;align-items:center;gap:var(--ds-size-10, 40px);flex-wrap:wrap}._logo_61pj1_240{display:flex;align-items:center;justify-content:center;height:43px;flex-shrink:0}._logo_61pj1_240 img,._redCrossLogo_61pj1_254{width:169px;height:auto;display:block}._slotLarge_61pj1_260{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){._mainContainer_61pj1_25{padding:var(--ds-size-15, 64px) var(--ds-size-8, 32px)}._whiteContainer_61pj1_224{padding:var(--ds-size-6, 24px) var(--ds-size-8, 32px)}}@media(max-width:768px){._contentRow_61pj1_50{flex-direction:column}._newsletterSection_61pj1_60{max-width:100%}._linksSection_61pj1_103{width:100%}._contactSection_61pj1_166{flex-direction:column}._whiteContent_61pj1_232{flex-direction:column;align-items:flex-start}._slotLarge_61pj1_260{width:100%;max-width:none}}._contentRowContact_61pj1_315{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}._socialLinksSection_61pj1_325{display:flex;flex-direction:column;gap:var(--ds-size-4, 16px);min-width:200px}._socialLinksTitle_61pj1_332{font-size:var(--ds-font-size-7, 30px);font-weight:var(--ds-font-weight-regular);line-height:1.3;letter-spacing:-.075px;color:var(--ds-color-primary-color-red-text-subtle, #b42419);margin:0;text-decoration:underline;text-underline-offset:4px}._socialLinksList_61pj1_343{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--ds-size-2, 8px)}._socialLink_61pj1_325{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:.09px;color:var(--ds-color-neutral-text-default, #2b2b2b);text-decoration:underline;text-underline-offset:2px;transition:opacity .2s ease}._socialLink_61pj1_325:hover{opacity:.8}._socialLink_61pj1_325:focus{outline:2px solid var(--ds-color-neutral-border-default, #797979);outline-offset:2px;border-radius:var(--ds-border-radius-sm)}._socialLinkIcon_61pj1_376{display:flex;align-items:center;justify-content:center;width:24px;height:24px;flex-shrink:0}._socialLinkIcon_61pj1_376 svg{width:24px;height:24px}._contactPersonsSection_61pj1_391{display:flex;flex-direction:column;gap:var(--ds-size-4, 16px);flex:1}._contactPersonsTitle_61pj1_398{font-size:var(--ds-font-size-7, 30px);font-weight:var(--ds-font-weight-regular);line-height:1.3;letter-spacing:-.075px;color:var(--ds-color-primary-color-red-text-subtle, #b42419);margin:0;text-decoration:underline;text-underline-offset:4px}._contactPersonsGrid_61pj1_409{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--ds-size-12, 48px)}._contactPersonCard_61pj1_415{display:flex;flex-direction:column;gap:var(--ds-size-1, 4px);min-width:0}._contactPersonName_61pj1_422{font-size:var(--ds-font-size-4, 18px);font-weight:var(--ds-font-weight-semibold);line-height:1.5;letter-spacing:.09px;color:var(--ds-color-neutral-text-default, #2b2b2b);margin:0}._contactPersonRole_61pj1_431{font-size:var(--ds-font-size-3, 16px);font-weight:var(--ds-font-weight-regular);line-height:1.5;letter-spacing:.04px;color:var(--ds-color-neutral-text-subtle, #5d5d5d);margin:0}._contactPersonDetails_61pj1_440{display:flex;flex-direction:column;gap:var(--ds-size-1, 4px);margin-top:var(--ds-size-2, 8px)}._contactPersonLabel_61pj1_447{font-weight:var(--ds-font-weight-regular)}._contactPersonEmail_61pj1_451,._contactPersonPhone_61pj1_452,._contactPersonAddress_61pj1_453{font-size:var(--ds-font-size-3, 16px);font-weight:var(--ds-font-weight-regular);line-height:1.5;letter-spacing:.04px;color:var(--ds-color-neutral-text-default, #2b2b2b);margin:0;word-break:break-word}._contactPersonEmail_61pj1_451 a{color:var(--ds-color-neutral-text-default, #2b2b2b);text-decoration:underline;text-underline-offset:2px}._contactPersonEmail_61pj1_451 a:hover{opacity:.8}._bottomRowContact_61pj1_474{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--ds-size-4, 16px)}._legalLinksRow_61pj1_483{display:flex;gap:var(--ds-size-6, 24px);flex-wrap:wrap;list-style:none;padding:0;margin:0}._legalLink_61pj1_483{font-size:var(--ds-font-size-3, 16px);font-weight:var(--ds-font-weight-regular);line-height:1.5;letter-spacing:.04px;color:var(--ds-color-neutral-text-default, #2b2b2b);text-decoration:underline;text-underline-offset:2px;transition:opacity .2s ease}._legalLink_61pj1_483:hover{opacity:.8}._legalLink_61pj1_483:focus{outline:2px solid var(--ds-color-neutral-border-default, #797979);outline-offset:2px;border-radius:var(--ds-border-radius-sm)}@media(max-width:1024px){._contentRowContact_61pj1_315{gap:var(--ds-size-8, 32px)}._contactPersonsGrid_61pj1_409{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--ds-size-6, 24px)}}@media(max-width:768px){._contentRowContact_61pj1_315{flex-direction:column}._socialLinksSection_61pj1_325,._contactPersonsSection_61pj1_391{width:100%}._contactPersonsGrid_61pj1_409{grid-template-columns:1fr}._contactPersonCard_61pj1_415{max-width:none}._bottomRowContact_61pj1_474{flex-direction:column;align-items:flex-start}._legalLinksRow_61pj1_483{flex-direction:column;gap:var(--ds-size-2, 8px)}}._dpMain_61pj1_558{width:100%;background-color:var(--ds-color-primary-color-red-surface-tinted);color:var(--ds-color-neutral-text-default)}._dpContainer_61pj1_567{width:100%;max-width:1440px;margin:0 auto;padding:var(--ds-size-18, 72px) var(--ds-size-30, 120px) var(--ds-size-12, 48px);box-sizing:border-box}._dpColumns_61pj1_575{display:flex;gap:var(--ds-size-30, 120px);flex-wrap:wrap}._dpColumn_61pj1_575{display:flex;flex-direction:column;gap:var(--ds-size-3, 12px);min-width:150px}._dpColTitle_61pj1_588{font-size:var(--ds-font-size-5, 21px);font-weight:var(--ds-font-weight-medium);line-height:1.3;color:var(--ds-color-neutral-text-default);margin:0 0 var(--ds-size-2, 8px)}._dpList_61pj1_596{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--ds-size-2, 8px)}._dpLink_61pj1_605{font-size:var(--ds-font-size-3, 16px);font-weight:var(--ds-font-weight-regular);line-height:1.5;color:var(--ds-color-neutral-text-default);text-decoration:underline;text-underline-offset:2px;transition:opacity .2s ease}._dpLink_61pj1_605:hover{opacity:.75}._dpDivider_61pj1_619{width:100%;height:1px;background-color:var(--ds-color-primary-color-red-border-subtle);margin:var(--ds-size-10, 40px) 0;border:0}._dpMeta_61pj1_627{display:flex;gap:var(--ds-size-12, 48px);flex-wrap:wrap}._dpMetaCol_61pj1_633{display:flex;flex-direction:column;gap:var(--ds-size-1, 4px);flex:1;min-width:180px}._dpMetaTitle_61pj1_641{font-size:var(--ds-font-size-3, 16px);font-weight:var(--ds-font-weight-semibold);line-height:1.5;color:var(--ds-color-neutral-text-default);margin:0}._dpMetaText_61pj1_649{font-size:var(--ds-font-size-3, 16px);font-weight:var(--ds-font-weight-regular);line-height:1.5;color:var(--ds-color-neutral-text-default);margin:0}._dpBottom_61pj1_657{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--ds-size-4, 16px)}._dpLegal_61pj1_665{display:flex;gap:var(--ds-size-6, 24px);flex-wrap:wrap;list-style:none;padding:0;margin:0}._dpLegalLink_61pj1_674{font-size:var(--ds-font-size-3, 16px);color:var(--ds-color-neutral-text-default);text-decoration:underline;text-underline-offset:2px;transition:opacity .2s ease}._dpLegalLink_61pj1_674:hover{opacity:.75}._dpCopyright_61pj1_686{font-size:var(--ds-font-size-2, 14px);color:var(--ds-color-neutral-text-subtle);margin:0}@media(max-width:1024px){._dpContainer_61pj1_567{padding:var(--ds-size-12, 48px) var(--ds-size-8, 32px)}._dpColumns_61pj1_575{gap:var(--ds-size-15, 64px)}}@media(max-width:768px){._dpColumns_61pj1_575{gap:var(--ds-size-10, 40px)}._dpMeta_61pj1_627{flex-direction:column}._dpBottom_61pj1_657{flex-direction:column;align-items:flex-start}}@media(max-width:480px){._mainContainer_61pj1_25{padding:var(--ds-size-10, 40px) var(--ds-size-4, 16px)}._whiteContainer_61pj1_224{padding:var(--ds-size-4) var(--ds-size-4)}._linksTitle_61pj1_116,._socialLinksTitle_61pj1_332{font-size:var(--ds-font-size-5, 21px)}._linksColumn_61pj1_109,._contactColumn_61pj1_173{min-width:0}._logo_61pj1_240 img,._redCrossLogo_61pj1_254{width:130px}._newsletterInputGroup_61pj1_82{flex-direction:column}}._donor_xzqak_1{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)}._tabsWrapper_xzqak_14{width:100%;overflow:hidden;border-radius:4px}._tabsWrapper_xzqak_14 [role=tablist]{display:flex!important;width:100%!important}._tabsWrapper_xzqak_14 [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}._content_xzqak_35{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}._amountSection_xzqak_47{display:flex;flex-direction:column;gap:var(--ds-size-2, 8px);align-items:flex-start;width:296px}._amountLabel_xzqak_55{font-weight:var(--ds-font-weight-regular, 400);font-size:var(--ds-font-size-3, 16px);line-height:1.5;letter-spacing:.04px;color:var(--ds-color-neutral-text-default, #333333);margin:0}._amountButtons_xzqak_64{display:flex;gap:var(--ds-size-2, 8px);align-items:flex-start;width:100%}._amountButtons_xzqak_64>button{flex:1}._customAmountField_xzqak_75{width:100%}._impactRow_xzqak_80{display:flex;gap:var(--ds-size-3, 12px);align-items:center;width:296px;min-height:48px}._heartIcon_xzqak_88{width:32px;height:32px;flex-shrink:0;display:flex;align-items:center;justify-content:center}._heartIcon_xzqak_88 svg{width:19px;height:18px}._impactText_xzqak_102{flex:1;font-weight:var(--ds-font-weight-regular, 400);font-size:var(--ds-font-size-3, 16px);line-height:1.5;letter-spacing:.04px;color:var(--ds-color-neutral-text-default, #333333);margin:0}._impactAmount_xzqak_112{font-weight:var(--ds-font-weight-semibold, 600)}._actionsSection_xzqak_117{display:flex;flex-direction:column;gap:var(--ds-size-2, 8px);align-items:center;justify-content:center;width:296px}._vippsButton_xzqak_127{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 .15s ease;font-family:inherit}._vippsButton_xzqak_127:hover{opacity:.9}._vippsButton_xzqak_127:active{opacity:.8}._vippsButton_xzqak_127:focus-visible{outline:2px solid var(--ds-color-neutral-border-default, #797979);outline-offset:2px}._vippsButtonLabel_xzqak_157{font-family:inherit;font-weight:700;font-size:18.5px;line-height:1;color:#fff;white-space:nowrap}._vippsLogo_xzqak_166{display:flex;flex-direction:column;align-items:flex-start;flex-shrink:0}._vippsLogo_xzqak_166 svg{width:64px;height:16px}._avtalegiroLink_xzqak_179{text-align:center}._tabHeartIcon_xzqak_184{display:inline-flex;align-items:center;margin-right:4px;vertical-align:middle}._tabHeartIcon_xzqak_184 svg{width:16px;height:15px}@media(max-width:480px){._donor_xzqak_1{max-width:100%}._amountSection_xzqak_47,._impactRow_xzqak_80,._actionsSection_xzqak_117{width:100%}._vippsButton_xzqak_127{width:100%;max-width:300px}}._tabPanel_xzqak_214{width:100%;padding:0}

package/dist/styles.css

@@ -18,3 +18,18 @@
 
 /* Røde Kors theme tokens (must be after base styles) */
 @import 'rk-design-tokens/design-tokens-build/theme.css';
+
+/* Komponentstiler bygget fra biblioteket (må ligge etter base og tema) */
+@import './rk-designsystem.css';
+
+/* Røde Kors bruker Source Sans 3 — temaet fra rk-design-tokens setter Inter
+   som standard, og Digdir-komponentene arver font fra siden (font-family:
+   inherit) uten selv å style body. Uten disse to reglene ender konsumenter
+   med nettleserens standardfont selv om fonten er lastet. */
+:root {
+  --ds-font-family: 'Source Sans 3', sans-serif;
+}
+
+body {
+  font-family: var(--ds-font-family);
+}