@charset "UTF-8";
/**
 * Do not edit directly, this file was auto-generated.
 */
:root {
  --dnb-white: #ffffff;
  --dnb-neutral-50: #f4f4f6;
  --dnb-neutral-100: #dcdee5;
  --dnb-neutral-200: #cacdd8;
  --dnb-neutral-300: #aaafc0;
  --dnb-neutral-400: #8d93aa;
  --dnb-neutral-500: #666e89;
  --dnb-neutral-600: #50576d;
  --dnb-neutral-700: #3d4152;
  --dnb-neutral-900: #0f1014;
  --dnb-black: #000000;
  --dnb-dark-blue-50: #edeffd;
  --dnb-dark-blue-100: #dadefb;
  --dnb-dark-blue-200: #b1baf7;
  --dnb-dark-blue-300: #8291f2;
  --dnb-dark-blue-400: #3b54f5;
  --dnb-dark-blue-500: #1732de;
  --dnb-dark-blue-600: #1226aa;
  --dnb-dark-blue-700: #0d1c7a;
  --dnb-dark-blue-900: #050b33;
  --dnb-light-blue-50: #edf3fd;
  --dnb-light-blue-100: #dae7fb;
  --dnb-light-blue-200: #b1cdf7;
  --dnb-light-blue-300: #82aff2;
  --dnb-light-blue-400: #4587eb;
  --dnb-light-blue-500: #1767de;
  --dnb-light-blue-600: #124faa;
  --dnb-light-blue-700: #0d397a;
  --dnb-light-blue-900: #051733;
  --dnb-dark-red-50: #fbe9e9;
  --dnb-dark-red-100: #f9cccb;
  --dnb-dark-red-200: #f5b6b5;
  --dnb-dark-red-300: #f08785;
  --dnb-dark-red-400: #e94c49;
  --dnb-dark-red-500: #d44240;
  --dnb-dark-red-600: #b42a29;
  --dnb-dark-red-700: #87201e;
  --dnb-dark-red-900: #320c0b;
  --dnb-dark-green-50: #edf7f3;
  --dnb-dark-green-100: #d4ede3;
  --dnb-dark-green-200: #b8e0cf;
  --dnb-dark-green-300: #94d1b8;
  --dnb-dark-green-400: #5cc99b;
  --dnb-dark-green-500: #32cd8c;
  --dnb-dark-green-600: #24b87a;
  --dnb-dark-green-700: #0c8754;
  --dnb-dark-green-900: #042f1d;
  --dnb-dark-yellow-50: #fffaf0;
  --dnb-dark-yellow-100: #fff0d1;
  --dnb-dark-yellow-200: #fbe2ad;
  --dnb-dark-yellow-300: #fcc859;
  --dnb-dark-yellow-400: #f5b938;
  --dnb-dark-yellow-500: #faaa00;
  --dnb-dark-yellow-600: #cc8b00;
  --dnb-dark-yellow-700: #976802;
  --dnb-dark-yellow-900: #2e1f00;
  --dnb-green-50: #eafaea;
  --dnb-green-100: #cef3ce;
  --dnb-green-200: #a5e9a5;
  --dnb-green-300: #84e184;
  --dnb-green-400: #5bd75b;
  --dnb-green-500: #32cd32;
  --dnb-green-600: #26ab12;
  --dnb-green-700: #0e810e;
  --dnb-green-900: #052e05;
  --dnb-yellow-50: #fef8e6;
  --dnb-yellow-100: #fef1cd;
  --dnb-yellow-200: #fde39b;
  --dnb-yellow-300: #fcd569;
  --dnb-yellow-400: #fbad37;
  --dnb-yellow-500: #dd7308;
  --dnb-yellow-600: #bb6107;
  --dnb-yellow-700: #8c4703;
  --dnb-yellow-900: #331a00;
  --dnb-red-50: #fbeef1;
  --dnb-red-100: #f9d8dd;
  --dnb-red-200: #f6acb8;
  --dnb-red-300: #f27d91;
  --dnb-red-400: #ed4561;
  --dnb-red-500: #eb1438;
  --dnb-red-600: #c20016;
  --dnb-red-700: #8c031a;
  --dnb-red-900: #33050d;
  --dnb-blue-50: #f0f9fe;
  --dnb-blue-100: #c9e7fd;
  --dnb-blue-200: #a6d8fc;
  --dnb-blue-300: #73c2fa;
  --dnb-blue-400: #41acf8;
  --dnb-blue-500: #0594fa;
  --dnb-blue-600: #0779c9;
  --dnb-blue-700: #055b97;
  --dnb-blue-900: #021e32;
  --dnb-grey-50: #f4f4f5;
  --dnb-grey-100: #dfdfe2;
  --dnb-grey-200: #ced0d4;
  --dnb-grey-300: #b1b3b9;
  --dnb-grey-400: #9698a1;
  --dnb-grey-500: #70737f;
  --dnb-grey-600: #595b64;
  --dnb-grey-700: #43444c;
  --dnb-grey-900: #18181b;
  --dnb-purple-50: #f9f5ff;
  --dnb-purple-100: #efe4fe;
  --dnb-purple-200: #ceadfc;
  --dnb-purple-300: #ad76fa;
  --dnb-purple-400: #8c3ff8;
  --dnb-purple-500: #6909f0;
  --dnb-purple-600: #4f07b4;
  --dnb-purple-700: #350478;
  --dnb-purple-900: #1a023c;
}

/**
 * Do not edit directly, this file was auto-generated.
 */
:root {
  --dnb-size-0: 0rem;
  --dnb-size-1: 0.0625rem;
  --dnb-size-2: 0.125rem;
  --dnb-size-4: 0.25rem;
  --dnb-size-6: 0.375rem;
  --dnb-size-8: 0.5rem;
  --dnb-size-10: 0.625rem;
  --dnb-size-12: 0.75rem;
  --dnb-size-16: 1rem;
  --dnb-size-20: 1.25rem;
  --dnb-size-24: 1.5rem;
  --dnb-size-28: 1.75rem;
  --dnb-size-32: 2rem;
  --dnb-size-36: 2.25rem;
  --dnb-size-40: 2.5rem;
  --dnb-size-44: 2.75rem;
  --dnb-size-48: 3rem;
  --dnb-size-56: 3.5rem;
  --dnb-size-62: 3.875rem;
  --dnb-size-64: 4rem;
  --dnb-size-68: 4.25rem;
  --dnb-size-70: 4.375rem;
  --dnb-size-71: 4.4375rem;
  --dnb-size-72: 4.5rem;
  --dnb-size-80: 5rem;
  --dnb-size-82: 5.125rem;
  --dnb-size-84: 5.25rem;
  --dnb-size-88: 5.5rem;
  --dnb-size-96: 6rem;
  --dnb-size-98: 6.125rem;
  --dnb-size-156: 9.75rem;
  --dnb-size-180: 11.25rem;
  --dnb-size-212: 13.25rem;
  --dnb-size-216: 13.5rem;
  --dnb-size-224: 14rem;
  --dnb-size-242: 15.125rem;
  --dnb-size-290: 18.125rem;
  --dnb-size-328: 18.125rem;
  --dnb-size-340: 21.25rem;
  --dnb-size-348: 21.75rem;
  --dnb-size-400: 25rem;
  --dnb-size-464: 29rem;
  --dnb-size-472: 29.5rem;
  --dnb-size-588: 36.75rem;
  --dnb-size-620: 38.75rem;
  --dnb-size-712: 44.5rem;
  --dnb-size-720: 45rem;
  --dnb-size-840: 52.5rem;
  --dnb-size-950: 59.375rem;
  --dnb-size-960: 60rem;
  --dnb-size-999: 62.4375rem;
  --dnb-size-1060: 66.25rem;
  --dnb-size-1280: 80rem;
  --dnb-size-1440: 90rem;
  --dnb-size-1920: 120rem;
}

/**
 * Do not edit directly, this file was auto-generated.
 */
:root {
  --dnb-font-size-10: 0.625rem;
  --dnb-font-size-12: 0.75rem;
  --dnb-font-size-14: 0.875rem;
  --dnb-font-size-16: 1rem;
  --dnb-font-size-18: 1.125rem;
  --dnb-font-size-20: 1.25rem;
  --dnb-font-size-24: 1.5rem;
  --dnb-font-size-26: 1.625rem;
  --dnb-font-size-28: 1.75rem;
  --dnb-font-size-32: 2rem;
  --dnb-font-size-34: 2.125rem;
  --dnb-font-size-36: 2.25rem;
  --dnb-font-size-40: 2.5rem;
  --dnb-font-family-default: DNBFedra;
  --dnb-font-family-backup-1: Verdana;
  --dnb-font-family-backup-2: Helvetica;
  --dnb-font-family-backup-3: Arial;
  --dnb-font-family-backup-4: Tahoma;
  --dnb-font-family-backup-5: Sans-serif;
  --dnb-line-height-10: 0.625rem;
  --dnb-line-height-12: 0.75rem;
  --dnb-line-height-14: 0.875rem;
  --dnb-line-height-15: 0.9375rem;
  --dnb-line-height-16: 1rem;
  --dnb-line-height-18: 1.125rem;
  --dnb-line-height-20: 1.25rem;
  --dnb-line-height-21: 1.3125rem;
  --dnb-line-height-24: 1.5rem;
  --dnb-line-height-25: 1.5625rem;
  --dnb-line-height-26: 1.625rem;
  --dnb-line-height-27: 1.6875rem;
  --dnb-line-height-30: 1.875rem;
  --dnb-line-height-32: 2rem;
  --dnb-line-height-36: 2.25rem;
  --dnb-line-height-40: 2.5rem;
  --dnb-line-height-45: 2.8125rem;
  --dnb-line-height-50: 3.125rem;
  --dnb-line-height-22-5: 1.40625rem;
  --dnb-line-height-32-5: 2.03125rem;
  --dnb-line-height-42-5: 2.65625rem;
  --dnb-weight-regular: 400;
  --dnb-weight-bold: 500;
}

/**
 * Do not edit directly, this file was auto-generated.
 */
:root {
  --dnb-background-primary: var(--dnb-white);
  --dnb-background-secondary: var(--dnb-neutral-50);
  --dnb-background-tertiary: var(--dnb-dark-blue-50);
  --dnb-background-content-high-contrast: var(--dnb-neutral-900);
  --dnb-background-content-medium-contrast: var(--dnb-neutral-600);
  --dnb-background-content-low-contrast: var(--dnb-neutral-300);
  --dnb-background-content-lowest-contrast: var(--dnb-neutral-100);
  --dnb-background-stroke: var(--dnb-neutral-300);
  --dnb-background-highlight: var(--dnb-light-blue-500);
  --dnb-background-content-accent: var(--dnb-dark-blue-600);
  --dnb-background-content-accent-2: var(--dnb-dark-yellow-500);
  --dnb-background-content-accent-3: var(--dnb-dark-red-500);
  --dnb-background-content-accent-4: var(--dnb-dark-green-700);
  --dnb-action-primary-background-default: var(--dnb-dark-blue-600); /* token name */
  --dnb-action-primary-background-hover: var(--dnb-dark-blue-400);
  --dnb-action-primary-background-press: var(--dnb-dark-blue-700);
  --dnb-action-primary-background-focus: var(--dnb-dark-blue-600); /* token name */
  --dnb-action-primary-background-disabled: var(--dnb-neutral-100);
  --dnb-action-primary-content-default: var(--dnb-white);
  --dnb-action-primary-content-hover: var(--dnb-dark-blue-50);
  --dnb-action-primary-content-press: var(--dnb-dark-blue-50);
  --dnb-action-primary-content-focus: var(--dnb-white);
  --dnb-action-primary-content-disabled: var(--dnb-neutral-400);
  --dnb-action-primary-stroke-focus: var(--dnb-dark-blue-600); /* token name */
  --dnb-action-secondary-background-default: var(--dnb-white);
  --dnb-action-secondary-background-hover: var(--dnb-dark-blue-50);
  --dnb-action-secondary-background-press: var(--dnb-dark-blue-100);
  --dnb-action-secondary-background-focus: var(--dnb-white);
  --dnb-action-secondary-background-disabled: var(--dnb-white);
  --dnb-action-secondary-content-default: var(--dnb-dark-blue-600);
  --dnb-action-secondary-content-hover: var(--dnb-dark-blue-400);
  --dnb-action-secondary-content-press: var(--dnb-dark-blue-600);
  --dnb-action-secondary-content-focus: var(--dnb-dark-blue-600);
  --dnb-action-secondary-content-visited: var(--dnb-purple-500);
  --dnb-action-secondary-content-disabled: var(--dnb-neutral-400);
  --dnb-action-secondary-stroke-default: var(--dnb-dark-blue-600);
  --dnb-action-secondary-stroke-hover: var(--dnb-dark-blue-400);
  --dnb-action-secondary-stroke-press: var(--dnb-dark-blue-500);
  --dnb-action-secondary-stroke-focus: var(--dnb-dark-blue-600);
  --dnb-action-secondary-stroke-disabled: var(--dnb-neutral-200);
  --dnb-action-tertiary-background-default: var(--dnb-white);
  --dnb-action-tertiary-background-hover: var(--dnb-dark-blue-50);
  --dnb-action-tertiary-background-focus: var(--dnb-white);
  --dnb-action-tertiary-background-press: var(--dnb-dark-blue-100);
  --dnb-action-tertiary-background-disabled: var(--dnb-neutral-100);
  --dnb-action-tertiary-background-selected: var(--dnb-dark-blue-600);
  --dnb-action-tertiary-background-selected-hover: var(--dnb-dark-blue-400);
  --dnb-action-tertiary-content-default: var(--dnb-dark-blue-600);
  --dnb-action-tertiary-content-hover: var(--dnb-dark-blue-400);
  --dnb-action-tertiary-content-focus: var(--dnb-dark-blue-600);
  --dnb-action-tertiary-content-press: var(--dnb-dark-blue-700);
  --dnb-action-tertiary-content-disabled: var(--dnb-neutral-400);
  --dnb-action-tertiary-content-selected: var(--dnb-white);
  --dnb-action-tertiary-content-selected-hover: var(--dnb-dark-blue-400);
  --dnb-action-tertiary-stroke-default: var(--dnb-neutral-400);
  --dnb-action-tertiary-stroke-hover: var(--dnb-dark-blue-400);
  --dnb-action-tertiary-stroke-focus: var(--dnb-dark-blue-600);
  --dnb-action-tertiary-stroke-disabled: var(--dnb-neutral-200);
  --dnb-action-quaternary-background-default: var(--dnb-white);
  --dnb-action-quaternary-background-hover: var(--dnb-dark-blue-50);
  --dnb-action-quaternary-background-focus: var(--dnb-white);
  --dnb-action-quaternary-background-disabled: var(--dnb-neutral-100);
  --dnb-action-quaternary-content-default: var(--dnb-neutral-500);
  --dnb-action-quaternary-content-hover: var(--dnb-dark-blue-400);
  --dnb-action-quaternary-content-focus: var(--dnb-neutral-900);
  --dnb-action-quaternary-content-disabled: var(--dnb-neutral-400);
  --dnb-action-quaternary-content-filled: var(--dnb-neutral-900);
  --dnb-action-quaternary-content-unfilled: var(--dnb-neutral-700);
  --dnb-action-quaternary-stroke-default: var(--dnb-neutral-400);
  --dnb-action-quaternary-stroke-hover: var(--dnb-dark-blue-400);
  --dnb-action-quaternary-stroke-focus: var(--dnb-dark-blue-600);
  --dnb-action-quaternary-stroke-disabled: var(--dnb-neutral-200);
  --dnb-feedback-success-background: var(--dnb-green-50);
  --dnb-feedback-success-primary: var(--dnb-green-700);
  --dnb-feedback-success-content-high-contrast: var(--dnb-green-900);
  --dnb-feedback-success-content-medium-contrast: var(--dnb-green-700);
  --dnb-feedback-success-content-low-contrast: var(--dnb-green-200);
  --dnb-feedback-success-stroke: var(--dnb-green-300);
  --dnb-feedback-success-hover: var(--dnb-green-100);
  --dnb-feedback-success-pressed: var(--dnb-green-200);
  --dnb-feedback-error-background: var(--dnb-red-50);
  --dnb-feedback-error-primary: var(--dnb-red-600);
  --dnb-feedback-error-content-high-contrast: var(--dnb-red-900);
  --dnb-feedback-error-content-medium-contrast: var(--dnb-red-700);
  --dnb-feedback-error-content-low-contrast: var(--dnb-red-200);
  --dnb-feedback-error-stroke: var(--dnb-red-300);
  --dnb-feedback-error-hover: var(--dnb-red-100);
  --dnb-feedback-error-pressed: var(--dnb-red-200);
  --dnb-feedback-warning-background: var(--dnb-yellow-50);
  --dnb-feedback-warning-primary: var(--dnb-yellow-500);
  --dnb-feedback-warning-content-high-contrast: var(--dnb-yellow-900);
  --dnb-feedback-warning-content-medium-contrast: var(--dnb-yellow-700);
  --dnb-feedback-warning-content-low-contrast: var(--dnb-yellow-200);
  --dnb-feedback-warning-stroke: var(--dnb-yellow-300);
  --dnb-feedback-warning-hover: var(--dnb-yellow-100);
  --dnb-feedback-warning-pressed: var(--dnb-yellow-200);
  --dnb-feedback-info-background: var(--dnb-blue-50);
  --dnb-feedback-info-primary: var(--dnb-blue-700);
  --dnb-feedback-info-content-high-contrast: var(--dnb-blue-900);
  --dnb-feedback-info-content-medium-contrast: var(--dnb-blue-700);
  --dnb-feedback-info-content-low-contrast: var(--dnb-blue-200);
  --dnb-feedback-info-stroke: var(--dnb-blue-300);
  --dnb-feedback-info-hover: var(--dnb-blue-100);
  --dnb-feedback-info-pressed: var(--dnb-blue-200);
  --dnb-feedback-new-background: var(--dnb-purple-100);
  --dnb-feedback-new-primary: var(--dnb-purple-500);
  --dnb-feedback-new-content-high-contrast: var(--dnb-purple-900);
  --dnb-feedback-new-content-medium-contrast: var(--dnb-purple-700);
  --dnb-feedback-new-content-low-contrast: var(--dnb-purple-200);
  --dnb-feedback-new-stroke: var(--dnb-purple-300);
  --dnb-feedback-inactive-background: var(--dnb-grey-50);
  --dnb-feedback-inactive-primary: var(--dnb-grey-600);
  --dnb-feedback-inactive-content-high-contrast: var(--dnb-grey-900);
  --dnb-feedback-inactive-content-medium-contrast: var(--dnb-grey-700);
  --dnb-feedback-inactive-content-low-contrast: var(--dnb-grey-200);
  --dnb-feedback-inactive-stroke: var(--dnb-grey-300);
  --dnb-feedback-dnb-background: var(--dnb-dark-blue-50);
  --dnb-feedback-dnb-primary: var(--dnb-dark-blue-600);
  --dnb-feedback-dnb-content-high-contrast: var(--dnb-dark-blue-600);
  --dnb-feedback-dnb-content-medium-contrast: var(--dnb-dark-blue-400);
  --dnb-feedback-dnb-content-low-contrast: var(--dnb-dark-blue-200);
  --dnb-feedback-dnb-stroke: var(--dnb-dark-blue-300);
  --dnb-feedback-dnb-hover: var(--dnb-dark-blue-100);
  --dnb-feedback-dnb-pressed: var(--dnb-dark-blue-200);
}

/**
 * Do not edit directly, this file was auto-generated.
 */
:root {
  --dnb-radius-reset: var(--dnb-size-0);
  --dnb-radius-xs: var(--dnb-size-4);
  --dnb-radius-sm: var(--dnb-size-8);
  --dnb-radius-md: var(--dnb-size-12);
  --dnb-radius-lg: var(--dnb-size-16);
  --dnb-radius-rounded: var(--dnb-size-999);
  --dnb-border-reset: var(--dnb-size-0);
  --dnb-border-sm: var(--dnb-size-1);
  --dnb-border-md: var(--dnb-size-2);
  --dnb-border-lg: var(--dnb-size-4);
  --dnb-spacing-reset: var(--dnb-size-0);
  --dnb-spacing-4xs: var(--dnb-size-4);
  --dnb-spacing-3xs: var(--dnb-size-6);
  --dnb-spacing-2xs: var(--dnb-size-8);
  --dnb-spacing-xs: var(--dnb-size-10);
  --dnb-spacing-sm: var(--dnb-size-12);
  --dnb-spacing-md: var(--dnb-size-16);
  --dnb-spacing-lg: var(--dnb-size-20);
  --dnb-spacing-xl: var(--dnb-size-24);
  --dnb-spacing-2xl: var(--dnb-size-32);
  --dnb-spacing-3xl: var(--dnb-size-36);
  --dnb-spacing-4xl: var(--dnb-size-40);
  --dnb-grid-column-default: var(--dnb-size-70);
  --dnb-grid-column-desktop-panel-open: var(--dnb-size-71);
  --dnb-grid-column-tablet-panel-closed: var(--dnb-size-82);
  --dnb-grid-column-tablet-panel-open: var(--dnb-size-98);
  --dnb-grid-margin-desktop: var(--dnb-size-80);
  --dnb-grid-margin-desktop-panel-open: var(--dnb-size-40);
  --dnb-grid-margin-tablet: var(--dnb-size-32);
  --dnb-grid-margin-phone: var(--dnb-size-16);
  --dnb-grid-gutter-desktop: var(--dnb-size-40);
  --dnb-grid-gutter-tablet: var(--dnb-size-32);
  --dnb-grid-gutter-phone: var(--dnb-size-16);
  --dnb-grid-panel-dekstop-open: var(--dnb-size-290);
  --dnb-grid-panel-tablet-open: var(--dnb-size-212);
  --dnb-grid-panel-closed: var(--dnb-size-80);
  --dnb-height-sm: var(--dnb-size-24);
  --dnb-height-md: var(--dnb-size-32);
  --dnb-height-lg: var(--dnb-size-44);
  --dnb-height-xl: var(--dnb-size-56);
  --dnb-height-2xl: var(--dnb-size-64);
  --dnb-elevation-reset: var(--dnb-size-0);
  --dnb-elevation-2xs: var(--dnb-size-1);
  --dnb-elevation-xs: var(--dnb-size-2);
  --dnb-elevation-sm: var(--dnb-size-4);
  --dnb-elevation-md: var(--dnb-size-8);
  --dnb-elevation-lg: var(--dnb-size-16);
  --dnb-elevation-xl: var(--dnb-size-32);
}

/**
 * Do not edit directly, this file was auto-generated.
 */
:root {
  --dnb-desktop-heading-h1-size: var(--dnb-font-size-40);
  --dnb-desktop-heading-h1-line-height: var(--dnb-line-height-50);
  --dnb-desktop-heading-h2-size: var(--dnb-font-size-36);
  --dnb-desktop-heading-h2-line-height: var(--dnb-line-height-45);
  --dnb-desktop-heading-h3-size: var(--dnb-font-size-32);
  --dnb-desktop-heading-h3-line-height: var(--dnb-line-height-40);
  --dnb-desktop-heading-h4-size: var(--dnb-font-size-28);
  --dnb-desktop-heading-h4-line-height: var(--dnb-line-height-36);
  --dnb-desktop-heading-h5-size: var(--dnb-font-size-24);
  --dnb-desktop-heading-h5-line-height: var(--dnb-line-height-30);
  --dnb-desktop-heading-h6-size: var(--dnb-font-size-18);
  --dnb-desktop-heading-h6-line-height: var(--dnb-line-height-22-5);
  --dnb-desktop-body-lg-regular-size: var(--dnb-font-size-18);
  --dnb-desktop-body-lg-regular-line-height: var(--dnb-line-height-27);
  --dnb-desktop-body-lg-regular-family: var(--dnb-font-family-default);
  --dnb-desktop-body-lg-regular-weight: var(--dnb-weight-regular);
  --dnb-desktop-body-lg-bold-size: var(--dnb-font-size-18);
  --dnb-desktop-body-lg-bold-line-height: var(--dnb-line-height-27);
  --dnb-desktop-body-md-regular-size: var(--dnb-font-size-16);
  --dnb-desktop-body-md-regular-line-height: var(--dnb-line-height-24);
  --dnb-desktop-body-md-bold-size: var(--dnb-font-size-16);
  --dnb-desktop-body-md-bold-line-height: var(--dnb-line-height-24);
  --dnb-desktop-body-sm-regular-size: var(--dnb-font-size-14);
  --dnb-desktop-body-sm-regular-line-height: var(--dnb-line-height-21);
  --dnb-desktop-body-sm-bold-size: var(--dnb-font-size-14);
  --dnb-desktop-body-sm-bold-line-height: var(--dnb-line-height-21);
  --dnb-desktop-label-lg-regular-size: var(--dnb-font-size-18);
  --dnb-desktop-label-lg-regular-line-height: var(--dnb-line-height-18);
  --dnb-desktop-label-lg-bold-size: var(--dnb-font-size-18);
  --dnb-desktop-label-lg-bold-line-height: var(--dnb-line-height-18);
  --dnb-desktop-label-md-regular-size: var(--dnb-font-size-16);
  --dnb-desktop-label-md-regular-line-height: var(--dnb-line-height-16);
  --dnb-desktop-label-md-bold-size: var(--dnb-font-size-16);
  --dnb-desktop-label-md-bold-line-height: var(--dnb-line-height-16);
  --dnb-desktop-label-sm-regular-size: var(--dnb-font-size-14);
  --dnb-desktop-label-sm-regular-line-height: var(--dnb-line-height-14);
  --dnb-desktop-label-sm-bold-size: var(--dnb-font-size-14);
  --dnb-desktop-label-sm-bold-line-height: var(--dnb-line-height-14);
  --dnb-tablet-heading-h1-size: var(--dnb-font-size-36);
  --dnb-tablet-heading-h1-line-height: var(--dnb-line-height-45);
  --dnb-tablet-heading-h2-size: var(--dnb-font-size-34);
  --dnb-tablet-heading-h2-line-height: var(--dnb-line-height-42-5);
  --dnb-tablet-heading-h3-size: var(--dnb-font-size-28);
  --dnb-tablet-heading-h3-line-height: var(--dnb-line-height-36);
  --dnb-tablet-heading-h4-size: var(--dnb-font-size-26);
  --dnb-tablet-heading-h4-line-height: var(--dnb-line-height-36);
  --dnb-tablet-heading-h5-size: var(--dnb-font-size-20);
  --dnb-tablet-heading-h5-line-height: var(--dnb-line-height-25);
  --dnb-tablet-heading-h6-size: var(--dnb-font-size-16);
  --dnb-tablet-heading-h6-line-height: var(--dnb-line-height-20);
  --dnb-tablet-body-lg-regular-size: var(--dnb-font-size-16);
  --dnb-tablet-body-lg-regular-line-height: var(--dnb-line-height-24);
  --dnb-tablet-body-lg-bold-size: var(--dnb-font-size-16);
  --dnb-tablet-body-lg-bold-line-height: var(--dnb-line-height-24);
  --dnb-tablet-body-md-regular-size: var(--dnb-font-size-14);
  --dnb-tablet-body-md-regular-line-height: var(--dnb-line-height-21);
  --dnb-tablet-body-md-bold-size: var(--dnb-font-size-14);
  --dnb-tablet-body-md-bold-line-height: var(--dnb-line-height-21);
  --dnb-tablet-body-sm-regular-size: var(--dnb-font-size-12);
  --dnb-tablet-body-sm-regular-line-height: var(--dnb-line-height-18);
  --dnb-tablet-body-sm-bold-size: var(--dnb-font-size-12);
  --dnb-tablet-body-sm-bold-line-height: var(--dnb-line-height-18);
  --dnb-tablet-label-lg-regular-size: var(--dnb-font-size-16);
  --dnb-tablet-label-lg-regular-line-height: var(--dnb-line-height-16);
  --dnb-tablet-label-lg-bold-size: var(--dnb-font-size-16);
  --dnb-tablet-label-lg-bold-line-height: var(--dnb-line-height-16);
  --dnb-tablet-label-md-regular-size: var(--dnb-font-size-14);
  --dnb-tablet-label-md-regular-line-height: var(--dnb-line-height-14);
  --dnb-tablet-label-md-bold-size: var(--dnb-font-size-14);
  --dnb-tablet-label-md-bold-line-height: var(--dnb-line-height-14);
  --dnb-tablet-label-sm-regular-size: var(--dnb-font-size-12);
  --dnb-tablet-label-sm-regular-line-height: var(--dnb-line-height-12);
  --dnb-tablet-label-sm-bold-size: var(--dnb-font-size-12);
  --dnb-tablet-label-sm-bold-line-height: var(--dnb-line-height-12);
  --dnb-phone-heading-h1-size: var(--dnb-font-size-34);
  --dnb-phone-heading-h1-line-height: var(--dnb-line-height-42-5);
  --dnb-phone-heading-h2-size: var(--dnb-font-size-32);
  --dnb-phone-heading-h2-line-height: var(--dnb-line-height-40);
  --dnb-phone-heading-h3-size: var(--dnb-font-size-26);
  --dnb-phone-heading-h3-line-height: var(--dnb-line-height-32-5);
  --dnb-phone-heading-h4-size: var(--dnb-font-size-24);
  --dnb-phone-heading-h4-line-height: var(--dnb-line-height-30);
  --dnb-phone-heading-h5-size: var(--dnb-font-size-18);
  --dnb-phone-heading-h5-line-height: var(--dnb-line-height-22-5);
  --dnb-phone-heading-h6-size: var(--dnb-font-size-16);
  --dnb-phone-heading-h6-line-height: var(--dnb-line-height-20);
  --dnb-phone-body-lg-regular-size: var(--dnb-font-size-14);
  --dnb-phone-body-lg-regular-line-height: var(--dnb-line-height-21);
  --dnb-phone-body-lg-bold-size: var(--dnb-font-size-14);
  --dnb-phone-body-lg-bold-line-height: var(--dnb-line-height-21);
  --dnb-phone-body-md-regular-size: var(--dnb-font-size-12);
  --dnb-phone-body-md-regular-line-height: var(--dnb-line-height-18);
  --dnb-phone-body-md-bold-size: var(--dnb-font-size-12);
  --dnb-phone-body-md-bold-line-height: var(--dnb-line-height-18);
  --dnb-phone-body-sm-regular-size: var(--dnb-font-size-10);
  --dnb-phone-body-sm-regular-line-height: var(--dnb-line-height-15);
  --dnb-phone-body-sm-bold-size: var(--dnb-font-size-10);
  --dnb-phone-body-sm-bold-line-height: var(--dnb-line-height-15);
  --dnb-phone-label-lg-regular-size: var(--dnb-font-size-14);
  --dnb-phone-label-lg-regular-line-height: var(--dnb-line-height-14);
  --dnb-phone-label-lg-bold-size: var(--dnb-font-size-14);
  --dnb-phone-label-lg-bold-line-height: var(--dnb-line-height-14);
  --dnb-phone-label-md-regular-size: var(--dnb-font-size-12);
  --dnb-phone-label-md-regular-line-height: var(--dnb-line-height-12);
  --dnb-phone-label-md-bold-size: var(--dnb-font-size-12);
  --dnb-phone-label-md-bold-line-height: var(--dnb-line-height-12);
  --dnb-phone-label-sm-regular-size: var(--dnb-font-size-10);
  --dnb-phone-label-sm-regular-line-height: var(--dnb-line-height-10);
  --dnb-phone-label-sm-bold-size: var(--dnb-font-size-10);
  --dnb-phone-label-sm-bold-line-height: var(--dnb-line-height-10);
}

:root {
  --dnb-breakpoint-xs: 0;
  --dnb-breakpoint-sm: 576px;
  --dnb-breakpoint-md: 768px;
  --dnb-breakpoint-lg: 992px;
  --dnb-breakpoint-xl: 1200px;
  --dnb-breakpoint-xxl: 1400px;
}

.form-field {
  display: flex;
  flex-direction: column;
}
.form-field .form-field-label {
  font-family: var(--dnb-font-family-default, DNBFedra);
  font-size: 0.75rem;
  line-height: 0.75rem;
  font-weight: 500;
  color: #0f1014;
}
@media (min-width: 768px) {
  .form-field .form-field-label {
    font-size: 0.875rem;
    line-height: 0.875rem;
  }
}
@media (min-width: 1200px) {
  .form-field .form-field-label {
    font-size: 1rem;
    line-height: 1rem;
  }
}
.form-field .form-field-label {
  color: var(--dnb-background-content-accent);
  margin-bottom: var(--dnb-spacing-2xs);
  display: flex;
}
.form-field .form-field-label .dnb-icon {
  color: var(--dnb-feedback-error-primary);
}
.form-field .form-field-content {
  display: flex;
  flex-direction: column;
}
input[type=text],
input[type=password],
input[type=email],
input[type=number],
input[type=search],
input[type=date],
input[type=datetime-local],
input[type=time],
input[type=tel],
input[type=url],
input[type=month],
input[type=week] {
  font-family: var(--dnb-font-family-default, DNBFedra);
  font-size: 0.75rem;
  line-height: 0.75rem;
  font-weight: 400;
  color: #0f1014;
}
@media (min-width: 768px) {
  input[type=text],
  input[type=password],
  input[type=email],
  input[type=number],
  input[type=search],
  input[type=date],
  input[type=datetime-local],
  input[type=time],
  input[type=tel],
  input[type=url],
  input[type=month],
  input[type=week] {
    font-size: 0.875rem;
    line-height: 0.875rem;
  }
}
@media (min-width: 1200px) {
  input[type=text],
  input[type=password],
  input[type=email],
  input[type=number],
  input[type=search],
  input[type=date],
  input[type=datetime-local],
  input[type=time],
  input[type=tel],
  input[type=url],
  input[type=month],
  input[type=week] {
    font-size: 1rem;
    line-height: 1rem;
  }
}
input[type=text],
input[type=password],
input[type=email],
input[type=number],
input[type=search],
input[type=date],
input[type=datetime-local],
input[type=time],
input[type=tel],
input[type=url],
input[type=month],
input[type=week] {
  height: 2.75rem;
  box-sizing: border-box;
  background-color: #ffffff;
  border: 0.0625rem solid #8d93aa;
  border-radius: 0.25rem;
  padding: 0 0.75rem;
  text-overflow: ellipsis;
}
input[type=text]:hover:not(:disabled, [aria-disabled=true]),
input[type=password]:hover:not(:disabled, [aria-disabled=true]),
input[type=email]:hover:not(:disabled, [aria-disabled=true]),
input[type=number]:hover:not(:disabled, [aria-disabled=true]),
input[type=search]:hover:not(:disabled, [aria-disabled=true]),
input[type=date]:hover:not(:disabled, [aria-disabled=true]),
input[type=datetime-local]:hover:not(:disabled, [aria-disabled=true]),
input[type=time]:hover:not(:disabled, [aria-disabled=true]),
input[type=tel]:hover:not(:disabled, [aria-disabled=true]),
input[type=url]:hover:not(:disabled, [aria-disabled=true]),
input[type=month]:hover:not(:disabled, [aria-disabled=true]),
input[type=week]:hover:not(:disabled, [aria-disabled=true]) {
  background-color: var(--dnb-action-tertiary-background-hover);
  border-color: var(--dnb-action-quaternary-stroke-hover);
}
input[type=text]:focus-visible:not(:disabled, [aria-disabled=true]),
input[type=password]:focus-visible:not(:disabled, [aria-disabled=true]),
input[type=email]:focus-visible:not(:disabled, [aria-disabled=true]),
input[type=number]:focus-visible:not(:disabled, [aria-disabled=true]),
input[type=search]:focus-visible:not(:disabled, [aria-disabled=true]),
input[type=date]:focus-visible:not(:disabled, [aria-disabled=true]),
 input[type=datetime-local]:focus-visible:not(:disabled, [aria-disabled=true]),
input[type=time]:focus-visible:not(:disabled, [aria-disabled=true]),
input[type=tel]:focus-visible:not(:disabled, [aria-disabled=true]),
input[type=url]:focus-visible:not(:disabled, [aria-disabled=true]),
input[type=month]:focus-visible:not(:disabled, [aria-disabled=true]),
input[type=week]:focus-visible:not(:disabled, [aria-disabled=true]) {
  border-color: var(--dnb-action-quaternary-stroke-focus);
  outline: var(--dnb-border-sm) solid var(--dnb-action-quaternary-stroke-focus);
}
input[type=text][disabled], input[type=text][aria-disabled=true],
input[type=password][disabled],
input[type=password][aria-disabled=true],
input[type=email][disabled],
input[type=email][aria-disabled=true],
input[type=number][disabled],
input[type=number][aria-disabled=true],
input[type=search][disabled],
input[type=search][aria-disabled=true],
input[type=date][disabled],
input[type=date][aria-disabled=true],
input[type=datetime-local][disabled],
input[type=datetime-local][aria-disabled=true],
input[type=time][disabled],
input[type=time][aria-disabled=true],
input[type=tel][disabled],
input[type=tel][aria-disabled=true],
input[type=url][disabled],
input[type=url][aria-disabled=true],
input[type=month][disabled],
input[type=month][aria-disabled=true],
input[type=week][disabled],
input[type=week][aria-disabled=true] {
  opacity: 0.7;
  pointer-events: none;
  cursor: not-allowed;
}
input[type=text].ng-touched.ng-invalid,
input[type=password].ng-touched.ng-invalid,
input[type=email].ng-touched.ng-invalid,
input[type=number].ng-touched.ng-invalid,
input[type=search].ng-touched.ng-invalid,
input[type=date].ng-touched.ng-invalid,
input[type=datetime-local].ng-touched.ng-invalid,
input[type=time].ng-touched.ng-invalid,
input[type=tel].ng-touched.ng-invalid,
input[type=url].ng-touched.ng-invalid,
input[type=month].ng-touched.ng-invalid,
input[type=week].ng-touched.ng-invalid {
  border-color: var(--dnb-feedback-error-primary);
  outline: var(--dnb-border-sm) solid var(--dnb-feedback-error-primary);
}
input[type=text].ng-touched.ng-invalid + .dnb-form-field-error,
input[type=password].ng-touched.ng-invalid + .dnb-form-field-error,
input[type=email].ng-touched.ng-invalid + .dnb-form-field-error,
input[type=number].ng-touched.ng-invalid + .dnb-form-field-error,
input[type=search].ng-touched.ng-invalid + .dnb-form-field-error,
input[type=date].ng-touched.ng-invalid + .dnb-form-field-error,
input[type=datetime-local].ng-touched.ng-invalid + .dnb-form-field-error,
input[type=time].ng-touched.ng-invalid + .dnb-form-field-error,
input[type=tel].ng-touched.ng-invalid + .dnb-form-field-error,
input[type=url].ng-touched.ng-invalid + .dnb-form-field-error,
input[type=month].ng-touched.ng-invalid + .dnb-form-field-error,
input[type=week].ng-touched.ng-invalid + .dnb-form-field-error {
  display: flex;
}
input[type=text].ng-touched.ng-invalid + .dnb-form-field-error + .dnb-form-field-hint,
input[type=password].ng-touched.ng-invalid + .dnb-form-field-error + .dnb-form-field-hint,
input[type=email].ng-touched.ng-invalid + .dnb-form-field-error + .dnb-form-field-hint,
input[type=number].ng-touched.ng-invalid + .dnb-form-field-error + .dnb-form-field-hint,
input[type=search].ng-touched.ng-invalid + .dnb-form-field-error + .dnb-form-field-hint,
input[type=date].ng-touched.ng-invalid + .dnb-form-field-error + .dnb-form-field-hint,
input[type=datetime-local].ng-touched.ng-invalid + .dnb-form-field-error + .dnb-form-field-hint,
input[type=time].ng-touched.ng-invalid + .dnb-form-field-error + .dnb-form-field-hint,
input[type=tel].ng-touched.ng-invalid + .dnb-form-field-error + .dnb-form-field-hint,
input[type=url].ng-touched.ng-invalid + .dnb-form-field-error + .dnb-form-field-hint,
input[type=month].ng-touched.ng-invalid + .dnb-form-field-error + .dnb-form-field-hint,
input[type=week].ng-touched.ng-invalid + .dnb-form-field-error + .dnb-form-field-hint {
  display: none;
}
@media (min-width: 992px) {
  .form-field.horizontal {
    flex-direction: row;
    flex: 1;
    gap: var(--dnb-spacing-4xl);
  }
  .form-field.horizontal .form-field-label {
    margin-bottom: 0;
    padding-top: var(--dnb-spacing-sm);
  }
  .form-field.horizontal .form-field-label,
  .form-field.horizontal .form-field-content {
    flex-grow: 1;
    flex-basis: 50%;
  }
}
.form-field .dnb-form-field-error,
.form-field .dnb-form-field-hint {
  margin-top: var(--dnb-spacing-2xs);
}
.form-field .dnb-form-field-error {
  display: none;
}
.form-field .dnb-dropdown.ng-touched.ng-invalid .dnb-dropdown-select {
  border-color: var(--dnb-feedback-error-primary);
  outline: var(--dnb-border-sm) solid var(--dnb-feedback-error-primary);
}
.form-field .dnb-dropdown.ng-touched.ng-invalid + .dnb-form-field-error {
  display: flex;
}
.form-field .dnb-dropdown.ng-touched.ng-invalid + .dnb-form-field-error + .dnb-form-field-hint {
  display: none;
}
.form-field input[type=radio] + label::before {
  content: "";
  border-radius: var(--dnb-radius-rounded);
  box-sizing: border-box;
  width: var(--dnb-size-24);
  height: var(--dnb-size-24);
  border: var(--dnb-border-sm) solid var(--dnb-action-tertiary-stroke-default);
  background-color: var(--dnb-action-tertiary-background-default);
  position: absolute;
  top: 0;
  left: 0;
}
.form-field input[type=radio]:checked:not(:disabled) + label::before {
  border: var(--dnb-spacing-2xs) solid var(--dnb-action-tertiary-background-selected);
}
.form-field input[type=radio]:checked:disabled + label::before {
  border-width: var(--dnb-spacing-2xs);
  background-color: var(--dnb-action-quaternary-content-disabled);
}

.form-field-group .form-field-content {
  gap: var(--dnb-spacing-2xs);
  padding-top: var(--dnb-spacing-2xs);
}

.dnb-form-field-radio input[type=radio],
.dnb-form-field-checkbox input[type=checkbox] {
  width: 0;
  height: 0;
  position: absolute;
  outline: none;
}
.dnb-form-field-radio input[type=radio] + label,
.dnb-form-field-checkbox input[type=checkbox] + label {
  font-family: var(--dnb-font-family-default, DNBFedra);
  font-size: 0.75rem;
  line-height: 0.75rem;
  font-weight: 400;
  color: #0f1014;
}
@media (min-width: 768px) {
  .dnb-form-field-radio input[type=radio] + label,
  .dnb-form-field-checkbox input[type=checkbox] + label {
    font-size: 0.875rem;
    line-height: 0.875rem;
  }
}
@media (min-width: 1200px) {
  .dnb-form-field-radio input[type=radio] + label,
  .dnb-form-field-checkbox input[type=checkbox] + label {
    font-size: 1rem;
    line-height: 1rem;
  }
}
.dnb-form-field-radio input[type=radio] + label,
.dnb-form-field-checkbox input[type=checkbox] + label {
  align-items: center;
  display: flex;
  user-select: none;
  position: relative;
  padding-left: var(--dnb-size-32);
  min-height: var(--dnb-size-24);
}
.dnb-form-field-radio input[type=radio]:hover + label,
.dnb-form-field-checkbox input[type=checkbox]:hover + label {
  color: var(--dnb-action-quaternary-content-hover);
}
.dnb-form-field-radio input[type=radio]:hover:not(:checked) + label::before, .dnb-form-field-radio input[type=radio]:hover:not(.checked)::before,
.dnb-form-field-checkbox input[type=checkbox]:hover:not(:checked) + label::before,
.dnb-form-field-checkbox input[type=checkbox]:hover:not(.checked)::before {
  background-color: var(--dnb-action-tertiary-background-hover);
  border-color: var(--dnb-action-tertiary-stroke-hover);
}
.dnb-form-field-radio input[type=radio]:hover:checked:not(:disabled) + label::before, .dnb-form-field-radio input[type=radio]:hover.checked:not(:disabled)::before,
.dnb-form-field-checkbox input[type=checkbox]:hover:checked:not(:disabled) + label::before,
.dnb-form-field-checkbox input[type=checkbox]:hover.checked:not(:disabled)::before {
  border-color: var(--dnb-action-tertiary-background-selected-hover);
}
.dnb-form-field-radio input[type=radio]:focus-visible + label::before,
.dnb-form-field-checkbox input[type=checkbox]:focus-visible + label::before {
  outline: var(--dnb-border-md) solid var(--dnb-action-tertiary-background-selected);
  outline-offset: var(--dnb-size-2);
}
.dnb-form-field-radio input[type=radio]:disabled + label,
.dnb-form-field-checkbox input[type=checkbox]:disabled + label {
  pointer-events: none;
  cursor: not-allowed;
  color: var(--dnb-action-quaternary-content-disabled);
}
.dnb-form-field-radio input[type=radio]:disabled + label::before,
.dnb-form-field-checkbox input[type=checkbox]:disabled + label::before {
  border-color: var(--dnb-action-tertiary-stroke-disabled);
  background-color: var(--dnb-action-tertiary-background-disabled);
}
.dnb-form-field-radio input[type=radio].ng-touched.ng-invalid:not(:disabled) + label::before,
.dnb-form-field-checkbox input[type=checkbox].ng-touched.ng-invalid:not(:disabled) + label::before {
  border-color: var(--dnb-feedback-error-primary);
}
.dnb-form-field-radio input[type=radio].ng-touched.ng-invalid:not(:disabled):not(:focus-visible) + label::before,
.dnb-form-field-checkbox input[type=checkbox].ng-touched.ng-invalid:not(:disabled):not(:focus-visible) + label::before {
  outline: var(--dnb-border-sm) solid var(--dnb-feedback-error-primary);
}
.dnb-form-field-radio input[type=radio].ng-touched.ng-invalid + label + .dnb-form-field-error, .dnb-form-field-radio input[type=radio].ng-touched.ng-invalid + label + dnb-icon + .dnb-form-field-error,
.dnb-form-field-checkbox input[type=checkbox].ng-touched.ng-invalid + label + .dnb-form-field-error,
.dnb-form-field-checkbox input[type=checkbox].ng-touched.ng-invalid + label + dnb-icon + .dnb-form-field-error {
  display: flex;
}

.dnb-form-field-checkbox input[type=checkbox] + label::before {
  content: "";
  border-radius: var(--dnb-radius-xs);
  box-sizing: border-box;
  width: var(--dnb-size-24);
  height: var(--dnb-size-24);
  border: var(--dnb-border-sm) solid var(--dnb-action-tertiary-stroke-default);
  background-color: var(--dnb-action-tertiary-background-default);
  position: absolute;
  top: 0;
  left: 0;
  line-height: normal;
}
.dnb-form-field-checkbox input[type=checkbox]:checked:not(:disabled) + label::before, .dnb-form-field-checkbox input[type=checkbox].checked:not(:disabled) + label::before {
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' width='16' height='16' fill='white' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.53033 12.9697C4.23744 12.6768 3.76256 12.6768 3.46967 12.9697C3.17678 13.2626 3.17678 13.7374 3.46967 14.0303L7.96967 18.5303C8.26256 18.8232 8.73744 18.8232 9.03033 18.5303L20.0303 7.53033C20.3232 7.23744 20.3232 6.76256 20.0303 6.46967C19.7374 6.17678 19.2626 6.17678 18.9697 6.46967L8.5 16.9393L4.53033 12.9697Z'%3E%3C/path%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-color: var(--dnb-action-tertiary-background-selected);
  border-color: var(--dnb-action-tertiary-background-selected);
  color: var(--dnb-action-tertiary-content-selected);
  justify-content: center;
  align-items: center;
  display: flex;
}
.dnb-form-field-checkbox input[type=checkbox]:checked:disabled + label::before, .dnb-form-field-checkbox input[type=checkbox].checked:disabled + label::before {
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' width='16' height='16' fill='%23AAAFC0' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.53033 12.9697C4.23744 12.6768 3.76256 12.6768 3.46967 12.9697C3.17678 13.2626 3.17678 13.7374 3.46967 14.0303L7.96967 18.5303C8.26256 18.8232 8.73744 18.8232 9.03033 18.5303L20.0303 7.53033C20.3232 7.23744 20.3232 6.76256 20.0303 6.46967C19.7374 6.17678 19.2626 6.17678 18.9697 6.46967L8.5 16.9393L4.53033 12.9697Z'%3E%3C/path%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  justify-content: center;
  align-items: center;
  display: flex;
}
.dnb-form-field-checkbox input[type=checkbox]:indeterminate + label::before {
  content: "–";
  font-size: 19px;
  background-color: var(--dnb-action-tertiary-background-selected);
  border-color: var(--dnb-action-tertiary-background-selected);
  color: var(--dnb-action-tertiary-content-selected);
  justify-content: center;
  align-items: center;
  display: flex;
}
.dnb-form-field-checkbox input[type=checkbox]:required + label::after {
  content: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' width='16' height='16' fill='%23c20016' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.0002 6C12.5524 6 13.0001 6.44772 13.0001 7.00001L13.0001 10.3005L16.0144 8.62588C16.4972 8.35767 17.106 8.53162 17.3742 9.01441C17.6424 9.49719 17.4685 10.106 16.9857 10.3742L14.0592 12L16.9857 13.6258C17.4685 13.894 17.6424 14.5028 17.3742 14.9856C17.106 15.4684 16.4972 15.6423 16.0144 15.3741L13.0001 13.6995L13.0001 17C13.0001 17.5523 12.5523 18 12 18C11.4478 18 11.0001 17.5523 11.0001 17L11.0001 13.6995L7.9857 15.3741C7.50291 15.6423 6.89411 15.4684 6.6259 14.9856C6.35769 14.5028 6.53164 13.894 7.01442 13.6258L9.94091 12L7.01443 10.3742C6.53165 10.106 6.3577 9.49719 6.62591 9.01441C6.89412 8.53162 7.50292 8.35768 7.98571 8.62589L11.0001 10.3005L11.0001 6.99999C11.0001 6.44771 11.4479 6 12.0002 6Z'%3E%3C/path%3E%3C/svg%3E");
}
.dnb-form-field-checkbox input[type=checkbox]:hover.checked::before, .dnb-form-field-checkbox input[type=checkbox]:hover:checked + label::before, .dnb-form-field-checkbox input[type=checkbox]:hover:indeterminate + label::before {
  background-color: var(--dnb-action-tertiary-background-selected-hover);
}